From f44deb8d801bbb58f2f024c456330e805814f0d9 Mon Sep 17 00:00:00 2001
From: dabeng <dabeng413@gmail.com>
Date: Thu, 16 Jan 2020 07:38:54 +0800
Subject: [PATCH 1/6] remove the font-awesome dependency

---
 dist/css/jquery.orgchart.css       |  165 ++-
 dist/css/jquery.orgchart.min.css   |    2 +-
 dist/js/jquery.orgchart.js         | 1558 ----------------------------
 dist/js/jquery.orgchart.min.js     |    2 -
 dist/js/jquery.orgchart.min.js.map |    1 -
 gulpfile.js                        |    2 +-
 src/css/jquery.orgchart.css        |  165 ++-
 src/js/jquery.orgchart.js          |   62 +-
 test/integration/init-tests.js     |   28 +-
 9 files changed, 367 insertions(+), 1618 deletions(-)
 delete mode 100644 dist/js/jquery.orgchart.js
 delete mode 100644 dist/js/jquery.orgchart.min.js
 delete mode 100644 dist/js/jquery.orgchart.min.js.map

diff --git a/dist/css/jquery.orgchart.css b/dist/css/jquery.orgchart.css
index 38a133cf..781f327e 100644
--- a/dist/css/jquery.orgchart.css
+++ b/dist/css/jquery.orgchart.css
@@ -233,10 +233,19 @@
 
 .orgchart .node .title .symbol {
   float: left;
-  margin-top: 4px;
+  margin-top: 12px;
   margin-left: 2px;
 }
 
+.orgchart .node .title .symbol::before {
+  background-color: #fff;
+  border-color: rgba(217, 83, 79, 0.8);
+}
+
+.orgchart .node .title .symbol::after {
+  background-color: #fff;
+}
+
 .orgchart .node .content {
   box-sizing: border-box;
   padding: 2px;
@@ -293,11 +302,11 @@
 }
 
 .orgchart .node .topEdge {
-  top: -4px;
+  top: -2px;
 }
 
 .orgchart .node .bottomEdge {
-  bottom: -4px;
+  bottom: -6px;
 }
 
 .orgchart .node .horizontalEdge {
@@ -309,11 +318,11 @@
 }
 
 .orgchart .node .rightEdge {
-  right: -4px;
+  right: -6px;
 }
 
 .orgchart .node .leftEdge {
-  left: -4px;
+  left: -6px;
 }
 
 .orgchart .node .horizontalEdge::before {
@@ -431,4 +440,150 @@
 
 .orgchart.l2r .node.slide-left, .orgchart.r2l .node.slide-left {
   transform: translateX(-40px);
+}
+
+.oc {
+  display: inline-block;
+  position: relative;
+  
+}
+
+.oc-chevron-up::before {
+  content: "";
+  display: inline-block;
+  box-sizing: border-box;
+  vertical-align: text-bottom;
+  width: 0.625rem;
+  height: 0.625rem;
+  border-width: 0 0.2rem 0.2rem 0;
+  border-style: solid;
+  border-color: #000;
+  background: transparent;
+  transform: rotate(-135deg);
+}
+
+.oc-chevron-right::before {
+  content: "";
+  display: inline-block;
+  box-sizing: border-box;
+  width: 0.625rem;
+  height: 0.625rem;
+  border-width: 0 0.2rem 0.2rem 0;
+  border-style: solid;
+  border-color: #000;
+  background: transparent;
+  transform: rotate(-45deg);
+}
+
+.oc-chevron-down::before {
+  content: "";
+  display: inline-block;
+  box-sizing: border-box;
+  width: 0.625rem;
+  height: 0.625rem;
+  border-width: 0 0.2rem 0.2rem 0;
+  border-style: solid;
+  border-color: #000;
+  background: transparent;
+  transform: rotate(45deg);
+}
+
+.oc-chevron-left::before {
+  content: "";
+  display: inline-block;
+  box-sizing: border-box;
+  width: 0.625rem;
+  height: 0.625rem;
+  border-width: 0 0.2rem 0.2rem 0;
+  border-style: solid;
+  border-color: #000;
+  background: transparent;
+  transform: rotate(135deg);
+}
+
+.oc-leader::before {
+  position: absolute;
+  content: "";
+  display: inline-block;
+  box-sizing: border-box;
+  width: 0.625rem;
+  height: 0.625rem;
+  border: 0.0625rem solid #fff;
+  border-radius: 0.3rem;
+  background: #000;
+  top: -0.75rem;
+  z-index: 1;
+}
+
+.oc-leader::after {
+  position: absolute;
+  content: "";
+  display: inline-block;
+  width: 0.875rem;
+  height: 0.375rem;
+  border-radius: 0.4rem 0.4rem 0 0;
+  background: #000;
+  top: -0.3rem;
+  left: -0.125rem;
+}
+
+.oc-plus-square::before {
+  content: "";
+  display: inline-block;
+  vertical-align: text-bottom;
+  width: 0.875rem;
+  height: 0.875rem;
+  background-color: #000;
+  z-index: -1;
+}
+
+.oc-plus-square::after {
+  content: "+";
+  position: absolute;
+  font-size: 1rem;
+  left: 0.125rem;
+  top: 0.05rem;
+  color: #fff;
+}
+
+.oc-minus-square::before {
+  content: "";
+  display: inline-block;
+  vertical-align: text-bottom;
+  width: 0.875rem;
+  height: 0.875rem;
+  background-color: #000;
+}
+
+.oc-minus-square::after {
+  position: absolute;
+  content: "";
+  display: inline-block;
+  width: 0.5rem;
+  height: 0.1rem;
+  background-color: #fff;
+  left: 0.1875rem;
+  top: 0.65rem;
+}
+
+.oc-spinner::before {
+  content: "";
+  vertical-align: text-bottom;
+  display: inline-block;
+  box-sizing: border-box;
+  width: 1rem;
+  height: 1rem;
+  border: 0.2rem solid #000;
+  border-right-color: transparent;
+  border-radius: 0.625rem;
+  animation: oc-infinite-spinning .75s linear infinite;
+}
+
+@keyframes oc-infinite-spinning {
+  from {
+    transform: rotate(0deg);
+  }
+  to {
+    transform: rotate(360deg);
+  }
 }
\ No newline at end of file
diff --git a/dist/css/jquery.orgchart.min.css b/dist/css/jquery.orgchart.min.css
index b1f9866a..e621cc63 100644
--- a/dist/css/jquery.orgchart.min.css
+++ b/dist/css/jquery.orgchart.min.css
@@ -1 +1 @@
-.orgchart{box-sizing:border-box;display:inline-block;min-height:202px;min-width:202px;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-image:linear-gradient(90deg,rgba(200,0,0,.15) 10%,rgba(0,0,0,0) 10%),linear-gradient(rgba(200,0,0,.15) 10%,rgba(0,0,0,0) 10%);background-size:10px 10px;border:1px dashed transparent;padding:20px}.orgchart .hidden,.orgchart~.hidden{display:none}.orgchart.b2t{transform:rotate(180deg)}.orgchart.l2r{position:absolute;transform:rotate(-90deg) rotateY(180deg);transform-origin:left top}.orgchart .verticalNodes ul{list-style:none;margin:0;padding-left:18px;text-align:left}.orgchart .verticalNodes ul:first-child{margin-top:2px}.orgchart .verticalNodes>td::before{content:'';border:1px solid rgba(217,83,79,.8)}.orgchart .verticalNodes>td>ul>li:first-child::before{box-sizing:border-box;top:-4px;height:30px;width:calc(50% - 2px);border-width:2px 0 0 2px}.orgchart .verticalNodes ul>li{position:relative}.orgchart .verticalNodes ul>li::after,.orgchart .verticalNodes ul>li::before{box-sizing:border-box;content:'';position:absolute;left:-6px;border-color:rgba(217,83,79,.8);border-style:solid;border-width:0 0 2px 2px}.orgchart .verticalNodes ul>li::before{top:-4px;height:30px;width:11px}.orgchart .verticalNodes ul>li::after{top:1px;height:100%}.orgchart .verticalNodes ul>li:first-child::after{box-sizing:border-box;top:24px;width:11px;border-width:2px 0 0 2px}.orgchart .verticalNodes ul>li:last-child::after{box-sizing:border-box;border-width:2px 0 0}.orgchart.r2l{position:absolute;transform:rotate(90deg);transform-origin:left top}.orgchart>.spinner{font-size:100px;margin-top:30px;color:rgba(68,157,68,.8)}.orgchart table{border-spacing:0;border-collapse:separate}.orgchart>table:first-child{margin:20px auto}.orgchart td{text-align:center;vertical-align:top;padding:0}.orgchart .lines:nth-child(3) td{box-sizing:border-box;height:20px}.orgchart .lines .topLine{border-top:2px solid rgba(217,83,79,.8)}.orgchart .lines .rightLine{border-right:1px solid rgba(217,83,79,.8);float:none;border-radius:0}.orgchart .lines .leftLine{border-left:1px solid rgba(217,83,79,.8);float:none;border-radius:0}.orgchart .lines .downLine{background-color:rgba(217,83,79,.8);margin:0 auto;height:20px;width:2px;float:none}.orgchart .node{box-sizing:border-box;display:inline-block;position:relative;margin:0;padding:3px;border:2px dashed transparent;text-align:center}.orgchart.l2r .node,.orgchart.r2l .node{width:50px;height:140px}.orgchart .node>.spinner{position:absolute;top:calc(50% - 15px);left:calc(50% - 15px);vertical-align:middle;font-size:30px;color:rgba(68,157,68,.8)}.orgchart .node:hover{background-color:rgba(238,217,54,.5);transition:.5s;cursor:default;z-index:20}.orgchart .node.focused{background-color:rgba(238,217,54,.5)}.orgchart .ghost-node{position:fixed;left:-10000px;top:-10000px}.orgchart .ghost-node rect{fill:#fff;stroke:#bf0000}.orgchart .node.allowedDrop{border-color:rgba(68,157,68,.9)}.orgchart .node .title{box-sizing:border-box;padding:2px;width:130px;text-align:center;font-size:.75rem;font-weight:700;height:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background-color:rgba(217,83,79,.8);color:#fff;border-radius:4px 4px 0 0}.orgchart.b2t .node .title{transform:rotate(-180deg);transform-origin:center bottom}.orgchart.l2r .node .title{transform:rotate(-90deg) translate(-45px,-45px) rotateY(180deg);transform-origin:bottom center}.orgchart.r2l .node .title{transform:rotate(-90deg) translate(-45px,-45px);transform-origin:bottom center}.orgchart .node .title .symbol{float:left;margin-top:4px;margin-left:2px}.orgchart .node .content{box-sizing:border-box;padding:2px;height:20px;font-size:.625rem;border:1px solid rgba(217,83,79,.8);border-radius:0 0 4px 4px;text-align:center;background-color:#fff;color:#333;text-overflow:ellipsis;white-space:nowrap}.orgchart.b2t .node .content{transform:rotate(180deg);transform-origin:center top}.orgchart.l2r .node .content{transform:rotate(-90deg) translate(-45px,-45px) rotateY(180deg);transform-origin:top center;width:130px}.orgchart.r2l .node .content{transform:rotate(-90deg) translate(-45px,-45px);transform-origin:top center;width:130px}.orgchart .node .edge{font-size:15px;position:absolute;color:rgba(68,157,68,.5);cursor:default;transition:.2s}.orgchart.noncollapsable .node .edge{display:none}.orgchart .edge:hover{color:#449d44;cursor:pointer}.orgchart .node .verticalEdge{width:calc(100% - 10px);width:-webkit-calc(100% - 10px);width:-moz-calc(100% - 10px);left:5px}.orgchart .node .topEdge{top:-4px}.orgchart .node .bottomEdge{bottom:-4px}.orgchart .node .horizontalEdge{width:15px;height:calc(100% - 10px);height:-webkit-calc(100% - 10px);height:-moz-calc(100% - 10px);top:5px}.orgchart .node .rightEdge{right:-4px}.orgchart .node .leftEdge{left:-4px}.orgchart .node .horizontalEdge::before{position:absolute;top:calc(50% - 7px)}.orgchart .node .rightEdge::before{right:3px}.orgchart .node .leftEdge::before{left:3px}.orgchart .node .toggleBtn{position:absolute;left:5px;bottom:-2px;color:rgba(68,157,68,.6)}.orgchart .node .toggleBtn:hover{color:rgba(68,157,68,.8)}.oc-export-btn{display:inline-block;position:absolute;right:5px;top:5px;padding:6px 12px;margin-bottom:0;font-size:14px;font-weight:400;line-height:1.42857143;text-align:center;white-space:nowrap;vertical-align:middle;touch-action:manipulation;cursor:pointer;user-select:none;color:#fff;background-color:#5cb85c;border:1px solid transparent;border-color:#4cae4c;border-radius:4px}.oc-export-btn[disabled]{cursor:not-allowed;box-shadow:none;opacity:.3}.oc-export-btn:active,.oc-export-btn:focus,.oc-export-btn:hover{background-color:#449d44;border-color:#347a34}.orgchart~.mask{position:absolute;top:0;right:0;bottom:0;left:0;z-index:999;text-align:center;background-color:rgba(0,0,0,.3)}.orgchart~.mask .spinner{position:absolute;top:calc(50% - 54px);left:calc(50% - 54px);color:rgba(255,255,255,.8);font-size:108px}.orgchart .node{transition:transform .3s,opacity .3s}.orgchart .slide-down{opacity:0;transform:translateY(40px)}.orgchart.l2r .node.slide-down,.orgchart.r2l .node.slide-down{transform:translateY(130px)}.orgchart .slide-up{opacity:0;transform:translateY(-40px)}.orgchart.l2r .node.slide-up,.orgchart.r2l .node.slide-up{transform:translateY(-130px)}.orgchart .slide-right{opacity:0;transform:translateX(130px)}.orgchart.l2r .node.slide-right,.orgchart.r2l .node.slide-right{transform:translateX(40px)}.orgchart .slide-left{opacity:0;transform:translateX(-130px)}.orgchart.l2r .node.slide-left,.orgchart.r2l .node.slide-left{transform:translateX(-40px)}
\ No newline at end of file
+.orgchart{box-sizing:border-box;display:inline-block;min-height:202px;min-width:202px;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-image:linear-gradient(90deg,rgba(200,0,0,.15) 10%,rgba(0,0,0,0) 10%),linear-gradient(rgba(200,0,0,.15) 10%,rgba(0,0,0,0) 10%);background-size:10px 10px;border:1px dashed transparent;padding:20px}.orgchart .hidden,.orgchart~.hidden{display:none}.orgchart.b2t{transform:rotate(180deg)}.orgchart.l2r{position:absolute;transform:rotate(-90deg) rotateY(180deg);transform-origin:left top}.orgchart .verticalNodes ul{list-style:none;margin:0;padding-left:18px;text-align:left}.orgchart .verticalNodes ul:first-child{margin-top:2px}.orgchart .verticalNodes>td::before{content:'';border:1px solid rgba(217,83,79,.8)}.orgchart .verticalNodes>td>ul>li:first-child::before{box-sizing:border-box;top:-4px;height:30px;width:calc(50% - 2px);border-width:2px 0 0 2px}.orgchart .verticalNodes ul>li{position:relative}.orgchart .verticalNodes ul>li::after,.orgchart .verticalNodes ul>li::before{box-sizing:border-box;content:'';position:absolute;left:-6px;border-color:rgba(217,83,79,.8);border-style:solid;border-width:0 0 2px 2px}.orgchart .verticalNodes ul>li::before{top:-4px;height:30px;width:11px}.orgchart .verticalNodes ul>li::after{top:1px;height:100%}.orgchart .verticalNodes ul>li:first-child::after{box-sizing:border-box;top:24px;width:11px;border-width:2px 0 0 2px}.orgchart .verticalNodes ul>li:last-child::after{box-sizing:border-box;border-width:2px 0 0}.orgchart.r2l{position:absolute;transform:rotate(90deg);transform-origin:left top}.orgchart>.spinner{font-size:100px;margin-top:30px;color:rgba(68,157,68,.8)}.orgchart table{border-spacing:0;border-collapse:separate}.orgchart>table:first-child{margin:20px auto}.orgchart td{text-align:center;vertical-align:top;padding:0}.orgchart .lines:nth-child(3) td{box-sizing:border-box;height:20px}.orgchart .lines .topLine{border-top:2px solid rgba(217,83,79,.8)}.orgchart .lines .rightLine{border-right:1px solid rgba(217,83,79,.8);float:none;border-radius:0}.orgchart .lines .leftLine{border-left:1px solid rgba(217,83,79,.8);float:none;border-radius:0}.orgchart .lines .downLine{background-color:rgba(217,83,79,.8);margin:0 auto;height:20px;width:2px;float:none}.orgchart .node{box-sizing:border-box;display:inline-block;position:relative;margin:0;padding:3px;border:2px dashed transparent;text-align:center}.orgchart.l2r .node,.orgchart.r2l .node{width:50px;height:140px}.orgchart .node>.spinner{position:absolute;top:calc(50% - 15px);left:calc(50% - 15px);vertical-align:middle;font-size:30px;color:rgba(68,157,68,.8)}.orgchart .node:hover{background-color:rgba(238,217,54,.5);transition:.5s;cursor:default;z-index:20}.orgchart .node.focused{background-color:rgba(238,217,54,.5)}.orgchart .ghost-node{position:fixed;left:-10000px;top:-10000px}.orgchart .ghost-node rect{fill:#fff;stroke:#bf0000}.orgchart .node.allowedDrop{border-color:rgba(68,157,68,.9)}.orgchart .node .title{box-sizing:border-box;padding:2px;width:130px;text-align:center;font-size:.75rem;font-weight:700;height:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background-color:rgba(217,83,79,.8);color:#fff;border-radius:4px 4px 0 0}.orgchart.b2t .node .title{transform:rotate(-180deg);transform-origin:center bottom}.orgchart.l2r .node .title{transform:rotate(-90deg) translate(-45px,-45px) rotateY(180deg);transform-origin:bottom center}.orgchart.r2l .node .title{transform:rotate(-90deg) translate(-45px,-45px);transform-origin:bottom center}.orgchart .node .title .symbol{float:left;margin-top:12px;margin-left:2px}.orgchart .node .title .symbol::before{background-color:#fff;border-color:rgba(217,83,79,.8)}.orgchart .node .title .symbol::after{background-color:#fff}.orgchart .node .content{box-sizing:border-box;padding:2px;height:20px;font-size:.625rem;border:1px solid rgba(217,83,79,.8);border-radius:0 0 4px 4px;text-align:center;background-color:#fff;color:#333;text-overflow:ellipsis;white-space:nowrap}.orgchart.b2t .node .content{transform:rotate(180deg);transform-origin:center top}.orgchart.l2r .node .content{transform:rotate(-90deg) translate(-45px,-45px) rotateY(180deg);transform-origin:top center;width:130px}.orgchart.r2l .node .content{transform:rotate(-90deg) translate(-45px,-45px);transform-origin:top center;width:130px}.orgchart .node .edge{font-size:15px;position:absolute;color:rgba(68,157,68,.5);cursor:default;transition:.2s}.orgchart.noncollapsable .node .edge{display:none}.orgchart .edge:hover{color:#449d44;cursor:pointer}.orgchart .node .verticalEdge{width:calc(100% - 10px);width:-webkit-calc(100% - 10px);width:-moz-calc(100% - 10px);left:5px}.orgchart .node .topEdge{top:-2px}.orgchart .node .bottomEdge{bottom:-6px}.orgchart .node .horizontalEdge{width:15px;height:calc(100% - 10px);height:-webkit-calc(100% - 10px);height:-moz-calc(100% - 10px);top:5px}.orgchart .node .rightEdge{right:-6px}.orgchart .node .leftEdge{left:-6px}.orgchart .node .horizontalEdge::before{position:absolute;top:calc(50% - 7px)}.orgchart .node .rightEdge::before{right:3px}.orgchart .node .leftEdge::before{left:3px}.orgchart .node .toggleBtn{position:absolute;left:5px;bottom:-2px;color:rgba(68,157,68,.6)}.orgchart .node .toggleBtn:hover{color:rgba(68,157,68,.8)}.oc-export-btn{display:inline-block;position:absolute;right:5px;top:5px;padding:6px 12px;margin-bottom:0;font-size:14px;font-weight:400;line-height:1.42857143;text-align:center;white-space:nowrap;vertical-align:middle;touch-action:manipulation;cursor:pointer;user-select:none;color:#fff;background-color:#5cb85c;border:1px solid transparent;border-color:#4cae4c;border-radius:4px}.oc-export-btn[disabled]{cursor:not-allowed;box-shadow:none;opacity:.3}.oc-export-btn:active,.oc-export-btn:focus,.oc-export-btn:hover{background-color:#449d44;border-color:#347a34}.orgchart~.mask{position:absolute;top:0;right:0;bottom:0;left:0;z-index:999;text-align:center;background-color:rgba(0,0,0,.3)}.orgchart~.mask .spinner{position:absolute;top:calc(50% - 54px);left:calc(50% - 54px);color:rgba(255,255,255,.8);font-size:108px}.orgchart .node{transition:transform .3s,opacity .3s}.orgchart .slide-down{opacity:0;transform:translateY(40px)}.orgchart.l2r .node.slide-down,.orgchart.r2l .node.slide-down{transform:translateY(130px)}.orgchart .slide-up{opacity:0;transform:translateY(-40px)}.orgchart.l2r .node.slide-up,.orgchart.r2l .node.slide-up{transform:translateY(-130px)}.orgchart .slide-right{opacity:0;transform:translateX(130px)}.orgchart.l2r .node.slide-right,.orgchart.r2l .node.slide-right{transform:translateX(40px)}.orgchart .slide-left{opacity:0;transform:translateX(-130px)}.orgchart.l2r .node.slide-left,.orgchart.r2l .node.slide-left{transform:translateX(-40px)}.oc{display:inline-block;position:relative}.oc-chevron-up::before{content:"";display:inline-block;box-sizing:border-box;vertical-align:text-bottom;width:.625rem;height:.625rem;border-width:0 .2rem .2rem 0;border-style:solid;border-color:#000;background:0 0;transform:rotate(-135deg)}.oc-chevron-right::before{content:"";display:inline-block;box-sizing:border-box;width:.625rem;height:.625rem;border-width:0 .2rem .2rem 0;border-style:solid;border-color:#000;background:0 0;transform:rotate(-45deg)}.oc-chevron-down::before{content:"";display:inline-block;box-sizing:border-box;width:.625rem;height:.625rem;border-width:0 .2rem .2rem 0;border-style:solid;border-color:#000;background:0 0;transform:rotate(45deg)}.oc-chevron-left::before{content:"";display:inline-block;box-sizing:border-box;width:.625rem;height:.625rem;border-width:0 .2rem .2rem 0;border-style:solid;border-color:#000;background:0 0;transform:rotate(135deg)}.oc-leader::before{position:absolute;content:"";display:inline-block;box-sizing:border-box;width:.625rem;height:.625rem;border:.0625rem solid #fff;border-radius:.3rem;background:#000;top:-.75rem;z-index:1}.oc-leader::after{position:absolute;content:"";display:inline-block;width:.875rem;height:.375rem;border-radius:.4rem .4rem 0 0;background:#000;top:-.3rem;left:-.125rem}.oc-plus-square::before{content:"";display:inline-block;vertical-align:text-bottom;width:.875rem;height:.875rem;background-color:#000;z-index:-1}.oc-plus-square::after{content:"+";position:absolute;font-size:1rem;left:.125rem;top:.05rem;color:#fff}.oc-minus-square::before{content:"";display:inline-block;vertical-align:text-bottom;width:.875rem;height:.875rem;background-color:#000}.oc-minus-square::after{position:absolute;content:"";display:inline-block;width:.5rem;height:.1rem;background-color:#fff;left:.1875rem;top:.65rem}.oc-spinner::before{content:"";vertical-align:text-bottom;display:inline-block;box-sizing:border-box;width:1rem;height:1rem;border:.2rem solid #000;border-right-color:transparent;border-radius:.625rem;animation:oc-infinite-spinning .75s linear infinite}@keyframes oc-infinite-spinning{from{transform:rotate(0)}to{transform:rotate(360deg)}}
\ No newline at end of file
diff --git a/dist/js/jquery.orgchart.js b/dist/js/jquery.orgchart.js
deleted file mode 100644
index 0790d8be..00000000
--- a/dist/js/jquery.orgchart.js
+++ /dev/null
@@ -1,1558 +0,0 @@
-/*
- * jQuery OrgChart Plugin
- * https://github.com/dabeng/OrgChart
- *
- * Copyright 2016, dabeng
- * https://github.com/dabeng
- *
- * Licensed under the MIT license:
- * http://www.opensource.org/licenses/MIT
- */
-'use strict';
-
-(function (factory) {
-  if (typeof module === 'object' && typeof module.exports === 'object') {
-    factory(require('jquery'), window, document);
-  } else {
-    factory(jQuery, window, document);
-  }
-}(function ($, window, document, undefined) {
-  var OrgChart = function (elem, opts) {
-    this.$chartContainer = $(elem);
-    this.opts = opts;
-    this.defaultOptions = {
-      'nodeTitle': 'name',
-      'nodeId': 'id',
-      'toggleSiblingsResp': false,
-      'visibleLevel': 999,
-      'chartClass': '',
-      'exportButton': false,
-      'exportFilename': 'OrgChart',
-      'exportFileextension': 'png',
-      'parentNodeSymbol': 'fa-users',
-      'draggable': false,
-      'direction': 't2b',
-      'pan': false,
-      'zoom': false,
-      'zoominLimit': 7,
-      'zoomoutLimit': 0.5
-    };
-  };
-  //
-  OrgChart.prototype = {
-    //
-    init: function (opts) {
-      var that = this;
-      this.options = $.extend({}, this.defaultOptions, this.opts, opts);
-      // build the org-chart
-      var $chartContainer = this.$chartContainer;
-      if (this.$chart) {
-        this.$chart.remove();
-      }
-      var data = this.options.data;
-      var $chart = this.$chart = $('<div>', {
-        'data': { 'options': this.options },
-        'class': 'orgchart' + (this.options.chartClass !== '' ? ' ' + this.options.chartClass : '') + (this.options.direction !== 't2b' ? ' ' + this.options.direction : ''),
-        'click': function(event) {
-          if (!$(event.target).closest('.node').length) {
-            $chart.find('.node.focused').removeClass('focused');
-          }
-        }
-      });
-      if (typeof MutationObserver !== 'undefined') {
-        this.triggerInitEvent();
-      }
-      if ($.type(data) === 'object') {
-        if (data instanceof $) { // ul datasource
-          this.buildHierarchy($chart, this.buildJsonDS(data.children()), 0, this.options);
-        } else { // local json datasource
-          this.buildHierarchy($chart, this.options.ajaxURL ? data : this.attachRel(data, '00'));
-        }
-      } else {
-        $chart.append('<i class="fa fa-circle-o-notch fa-spin spinner"></i>');
-        $.ajax({
-          'url': data,
-          'dataType': 'json'
-        })
-        .done(function(data, textStatus, jqXHR) {
-          that.buildHierarchy($chart, that.options.ajaxURL ? data : that.attachRel(data, '00'), 0, that.options);
-        })
-        .fail(function(jqXHR, textStatus, errorThrown) {
-          console.log(errorThrown);
-        })
-        .always(function() {
-          $chart.children('.spinner').remove();
-        });
-      }
-      $chartContainer.append($chart);
-
-      // append the export button
-      if (this.options.exportButton && !$chartContainer.find('.oc-export-btn').length) {
-        this.attachExportButton();
-      }
-
-      if (this.options.pan) {
-        this.bindPan();
-      }
-
-      if (this.options.zoom) {
-        this.bindZoom();
-      }
-
-      return this;
-    },
-    //
-    triggerInitEvent: function () {
-      var that = this;
-      var mo = new MutationObserver(function (mutations) {
-        mo.disconnect();
-        initTime:
-        for (var i = 0; i < mutations.length; i++) {
-          for (var j = 0; j < mutations[i].addedNodes.length; j++) {
-            if (mutations[i].addedNodes[j].classList.contains('orgchart')) {
-              if (that.options.initCompleted && typeof that.options.initCompleted === 'function') {
-                that.options.initCompleted(that.$chart);
-              }
-              var initEvent = $.Event('init.orgchart');
-              that.$chart.trigger(initEvent);
-              break initTime;
-            }
-          }
-        }
-      });
-      mo.observe(this.$chartContainer[0], { childList: true });
-    },
-    //
-    attachExportButton: function () {
-      var that = this;
-      var $exportBtn = $('<button>', {
-        'class': 'oc-export-btn' + (this.options.chartClass !== '' ? ' ' + this.options.chartClass : ''),
-        'text': 'Export',
-        'click': function(e) {
-          e.preventDefault();
-          that.export();
-        }
-      });
-      this.$chartContainer.append($exportBtn);
-    },
-    setOptions: function (opts, val) {
-      if (typeof opts === 'string') {
-        if (opts === 'pan') {
-          if (val) {
-            this.bindPan();
-          } else {
-            this.unbindPan();
-          }
-        }
-        if (opts === 'zoom') {
-          if (val) {
-            this.bindZoom();
-          } else {
-            this.unbindZoom();
-          }
-        }
-      }
-      if (typeof opts === 'object') {
-        if (opts.data) {
-          this.init(opts);
-        } else {
-          if (typeof opts.pan !== 'undefined') {
-            if (opts.pan) {
-              this.bindPan();
-            } else {
-              this.unbindPan();
-            }
-          }
-          if (typeof opts.zoom !== 'undefined') {
-            if (opts.zoom) {
-              this.bindZoom();
-            } else {
-              this.unbindZoom();
-            }
-          }
-        }
-      }
-
-      return this;
-    },
-    //
-    panStartHandler: function (e) {
-      var $chart = $(e.delegateTarget);
-      if ($(e.target).closest('.node').length || (e.touches && e.touches.length > 1)) {
-        $chart.data('panning', false);
-        return;
-      } else {
-        $chart.css('cursor', 'move').data('panning', true);
-      }
-      var lastX = 0;
-      var lastY = 0;
-      var lastTf = $chart.css('transform');
-      if (lastTf !== 'none') {
-        var temp = lastTf.split(',');
-        if (lastTf.indexOf('3d') === -1) {
-          lastX = parseInt(temp[4]);
-          lastY = parseInt(temp[5]);
-        } else {
-          lastX = parseInt(temp[12]);
-          lastY = parseInt(temp[13]);
-        }
-      }
-      var startX = 0;
-      var startY = 0;
-      if (!e.targetTouches) { // pand on desktop
-        startX = e.pageX - lastX;
-        startY = e.pageY - lastY;
-      } else if (e.targetTouches.length === 1) { // pan on mobile device
-        startX = e.targetTouches[0].pageX - lastX;
-        startY = e.targetTouches[0].pageY - lastY;
-      } else if (e.targetTouches.length > 1) {
-        return;
-      }
-      $chart.on('mousemove touchmove',function(e) {
-        if (!$chart.data('panning')) {
-          return;
-        }
-        var newX = 0;
-        var newY = 0;
-        if (!e.targetTouches) { // pand on desktop
-          newX = e.pageX - startX;
-          newY = e.pageY - startY;
-        } else if (e.targetTouches.length === 1) { // pan on mobile device
-          newX = e.targetTouches[0].pageX - startX;
-          newY = e.targetTouches[0].pageY - startY;
-        } else if (e.targetTouches.length > 1) {
-          return;
-        }
-        var lastTf = $chart.css('transform');
-        if (lastTf === 'none') {
-          if (lastTf.indexOf('3d') === -1) {
-            $chart.css('transform', 'matrix(1, 0, 0, 1, ' + newX + ', ' + newY + ')');
-          } else {
-            $chart.css('transform', 'matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, ' + newX + ', ' + newY + ', 0, 1)');
-          }
-        } else {
-          var matrix = lastTf.split(',');
-          if (lastTf.indexOf('3d') === -1) {
-            matrix[4] = ' ' + newX;
-            matrix[5] = ' ' + newY + ')';
-          } else {
-            matrix[12] = ' ' + newX;
-            matrix[13] = ' ' + newY;
-          }
-          $chart.css('transform', matrix.join(','));
-        }
-      });
-    },
-    //
-    panEndHandler: function (e) {
-      if (e.data.chart.data('panning')) {
-        e.data.chart.data('panning', false).css('cursor', 'default').off('mousemove');
-      }
-    },
-    //
-    bindPan: function () {
-      this.$chartContainer.css('overflow', 'hidden');
-      this.$chart.on('mousedown touchstart', this.panStartHandler);
-      $(document).on('mouseup touchend', { 'chart': this.$chart }, this.panEndHandler);
-    },
-    //
-    unbindPan: function () {
-      this.$chartContainer.css('overflow', 'auto');
-      this.$chart.off('mousedown touchstart', this.panStartHandler);
-      $(document).off('mouseup touchend', this.panEndHandler);
-    },
-    //
-    zoomWheelHandler: function (e) {
-      var oc = e.data.oc;
-      e.preventDefault();
-      var newScale  = 1 + (e.originalEvent.deltaY > 0 ? -0.2 : 0.2);
-      oc.setChartScale(oc.$chart, newScale);
-    },
-    //
-    zoomStartHandler: function (e) {
-      if(e.touches && e.touches.length === 2) {
-        var oc = e.data.oc;
-        oc.$chart.data('pinching', true);
-        var dist = oc.getPinchDist(e);
-        oc.$chart.data('pinchDistStart', dist);
-      }
-    },
-    zoomingHandler: function (e) {
-      var oc = e.data.oc;
-      if(oc.$chart.data('pinching')) {
-        var dist = oc.getPinchDist(e);
-        oc.$chart.data('pinchDistEnd', dist);
-      }
-    },
-    zoomEndHandler: function (e) {
-      var oc = e.data.oc;
-      if(oc.$chart.data('pinching')) {
-        oc.$chart.data('pinching', false);
-        var diff = oc.$chart.data('pinchDistEnd') - oc.$chart.data('pinchDistStart');
-        if (diff > 0) {
-          oc.setChartScale(oc.$chart, 1.2);
-        } else if (diff < 0) {
-          oc.setChartScale(oc.$chart, 0.8);
-        }
-      }
-    },
-    //
-    bindZoom: function () {
-      this.$chartContainer.on('wheel', { 'oc': this }, this.zoomWheelHandler);
-      this.$chartContainer.on('touchstart', { 'oc': this }, this.zoomStartHandler);
-      $(document).on('touchmove', { 'oc': this }, this.zoomingHandler);
-      $(document).on('touchend', { 'oc': this }, this.zoomEndHandler);
-    },
-    unbindZoom: function () {
-      this.$chartContainer.off('wheel', this.zoomWheelHandler);
-      this.$chartContainer.off('touchstart', this.zoomStartHandler);
-      $(document).off('touchmove', this.zoomingHandler);
-      $(document).off('touchend', this.zoomEndHandler);
-    },
-    //
-    getPinchDist: function (e) {
-      return Math.sqrt((e.touches[0].clientX - e.touches[1].clientX) * (e.touches[0].clientX - e.touches[1].clientX) +
-      (e.touches[0].clientY - e.touches[1].clientY) * (e.touches[0].clientY - e.touches[1].clientY));
-    },
-    //
-    setChartScale: function ($chart, newScale) {
-      var opts = $chart.data('options');
-      var lastTf = $chart.css('transform');
-      var matrix = '';
-      var targetScale = 1;
-      if (lastTf === 'none') {
-        $chart.css('transform', 'scale(' + newScale + ',' + newScale + ')');
-      } else {
-        matrix = lastTf.split(',');
-        if (lastTf.indexOf('3d') === -1) {
-          targetScale = Math.abs(window.parseFloat(matrix[3]) * newScale);
-          if (targetScale > opts.zoomoutLimit && targetScale < opts.zoominLimit) {
-            $chart.css('transform', lastTf + ' scale(' + newScale + ',' + newScale + ')');
-          }
-        } else {
-          targetScale = Math.abs(window.parseFloat(matrix[1]) * newScale);
-          if (targetScale > opts.zoomoutLimit && targetScale < opts.zoominLimit) {
-            $chart.css('transform', lastTf + ' scale3d(' + newScale + ',' + newScale + ', 1)');
-          }
-        }
-      }
-    },
-    //
-    buildJsonDS: function ($li) {
-      var that = this;
-      var subObj = {
-        'name': $li.contents().eq(0).text().trim(),
-        'relationship': ($li.parent().parent().is('li') ? '1': '0') + ($li.siblings('li').length ? 1: 0) + ($li.children('ul').length ? 1 : 0)
-      };
-      $.each($li.data(), function(key, value) {
-         subObj[key] = value;
-      });
-      $li.children('ul').children().each(function() {
-        if (!subObj.children) { subObj.children = []; }
-        subObj.children.push(that.buildJsonDS($(this)));
-      });
-      return subObj;
-    },
-    //
-    attachRel: function (data, flags) {
-      var that = this;
-      data.relationship = flags + (data.children && data.children.length > 0 ? 1 : 0);
-      if (data.children) {
-        data.children.forEach(function(item) {
-          that.attachRel(item, '1' + (data.children.length > 1 ? 1 : 0));
-        });
-      }
-      return data;
-    },
-    //
-    loopChart: function ($chart) {
-      var that = this;
-      var $tr = $chart.find('tr:first');
-      var subObj = { 'id': $tr.find('.node')[0].id };
-      $tr.siblings(':last').children().each(function() {
-        if (!subObj.children) { subObj.children = []; }
-        subObj.children.push(that.loopChart($(this)));
-      });
-      return subObj;
-    },
-    //
-    getHierarchy: function () {
-      if (typeof this.$chart === 'undefined') {
-        return 'Error: orgchart does not exist'
-      } else {
-        if (!this.$chart.find('.node').length) {
-          return 'Error: nodes do not exist'
-        } else {
-          var valid = true;
-          this.$chart.find('.node').each(function () {
-            if (!this.id) {
-              valid = false;
-              return false;
-            }
-          });
-          if (!valid) {
-            return 'Error: All nodes of orghcart to be exported must have data-id attribute!';
-          }
-        }
-      }
-      return this.loopChart(this.$chart);
-    },
-    // detect the exist/display state of related node
-    getNodeState: function ($node, relation) {
-      var $target = {};
-      var isVerticalNode = $node.parent().is('li');
-      var relation = relation || 'self';
-      if (relation === 'parent') {
-        if (isVerticalNode) {
-          $target = $node.closest('ul').parents('ul');
-          if (!$target.length) {
-            $target = $node.closest('.nodes');
-            if (!$target.length) {
-              $target = $node.closest('.verticalNodes').siblings(':first');
-            }
-          }
-        } else {
-          $target = $node.closest('.nodes').siblings(':first');
-        }
-        if ($target.length) {
-          if ($target.is('.hidden') || (!$target.is('.hidden') && $target.closest('.nodes').is('.hidden')) || (!$target.is('.hidden') && $target.closest('.verticalNodes').is('.hidden'))) {
-            return { 'exist': true, 'visible': false };
-          }
-          return { 'exist': true, 'visible': true };
-        }
-      } else if (relation === 'children') {
-        $target = isVerticalNode ? $node.parent().children('ul') : $node.closest('tr').siblings(':last');
-        if ($target.length) {
-          if (!$target.is('.hidden')) {
-            return { 'exist': true, 'visible': true };
-          }
-          return { 'exist': true, 'visible': false };
-        }
-      } else if (relation === 'siblings') {
-        $target = isVerticalNode ? $node.closest('ul') : $node.closest('table').parent().siblings();
-        if ($target.length && (!isVerticalNode || $target.children('li').length > 1)) {
-          if (!$target.is('.hidden') && !$target.parent().is('.hidden') && (!isVerticalNode || !$target.closest('.verticalNodes').is('.hidden'))) {
-            return { 'exist': true, 'visible': true };
-          }
-          return { 'exist': true, 'visible': false };
-        }
-      } else {
-        $target = $node;
-        if ($target.length) {
-          if (!(($target.closest('.nodes').length && $target.closest('.nodes').is('.hidden')) ||
-            ($target.closest('table').parent().length && $target.closest('table').parent().is('.hidden')) ||
-            ($target.parent().is('li') && ($target.closest('ul').is('.hidden') || $target.closest('.verticalNodes').is('.hidden')))
-          )) {
-            return { 'exist': true, 'visible': true };
-          }
-          return { 'exist': true, 'visible': false };
-        }
-      }
-      return { 'exist': false, 'visible': false };
-    },
-    // find the related nodes
-    getRelatedNodes: function ($node, relation) {
-      if (!$node || !($node instanceof $) || !$node.is('.node')) {
-        return $();
-      }
-      if (relation === 'parent') {
-        return $node.closest('.nodes').parent().children(':first').find('.node');
-      } else if (relation === 'children') {
-        return $node.closest('tr').siblings('.nodes').children().find('.node:first');
-      } else if (relation === 'siblings') {
-        return $node.closest('table').parent().siblings().find('.node:first');
-      } else {
-        return $();
-      }
-    },
-    hideParentEnd: function (event) {
-      $(event.target).removeClass('sliding');
-      event.data.upperLevel.addClass('hidden').slice(1).removeAttr('style');
-    },
-    // recursively hide the ancestor node and sibling nodes of the specified node
-    hideParent: function ($node) {
-      var $upperLevel = $node.closest('.nodes').siblings();
-      if ($upperLevel.eq(0).find('.spinner').length) {
-        $node.closest('.orgchart').data('inAjax', false);
-      }
-      // hide the sibling nodes
-      if (this.getNodeState($node, 'siblings').visible) {
-        this.hideSiblings($node);
-      }
-      // hide the lines
-      var $lines = $upperLevel.slice(1);
-      $lines.css('visibility', 'hidden');
-      // hide the superior nodes with transition
-      var $parent = $upperLevel.eq(0).find('.node');
-      if (this.getNodeState($parent).visible) {
-        $parent.addClass('sliding slide-down').one('transitionend', { 'upperLevel': $upperLevel }, this.hideParentEnd);
-      }
-      // if the current node has the parent node, hide it recursively
-      if (this.getNodeState($parent, 'parent').visible) {
-        this.hideParent($parent);
-      }
-    },
-    showParentEnd: function (event) {
-      var $node = event.data.node;
-      $(event.target).removeClass('sliding');
-      if (this.isInAction($node)) {
-        this.switchVerticalArrow($node.children('.topEdge'));
-      }
-    },
-    // show the parent node of the specified node
-    showParent: function ($node) {
-      // just show only one superior level
-      var $upperLevel = $node.closest('.nodes').siblings().removeClass('hidden');
-      // just show only one line
-      $upperLevel.eq(2).children().slice(1, -1).addClass('hidden');
-      // show parent node with animation
-      var $parent = $upperLevel.eq(0).find('.node');
-      this.repaint($parent[0]);
-      $parent.addClass('sliding').removeClass('slide-down').one('transitionend', { 'node': $node }, this.showParentEnd.bind(this));
-    },
-    stopAjax: function ($nodeLevel) {
-      if ($nodeLevel.find('.spinner').length) {
-        $nodeLevel.closest('.orgchart').data('inAjax', false);
-      }
-    },
-    isVisibleNode: function (index, elem) {
-      return this.getNodeState($(elem)).visible;
-    },
-    //
-    hideChildrenEnd: function (event) {
-      var $node = event.data.node;
-      event.data.animatedNodes.removeClass('sliding');
-      if (event.data.isVerticalDesc) {
-        event.data.lowerLevel.addClass('hidden');
-      } else {
-        event.data.animatedNodes.closest('.nodes').prevAll('.lines').removeAttr('style').addBack().addClass('hidden');
-        event.data.lowerLevel.last().find('.verticalNodes').addClass('hidden');
-      }
-      if (this.isInAction($node)) {
-        this.switchVerticalArrow($node.children('.bottomEdge'));
-      }
-    },
-    // recursively hide the descendant nodes of the specified node
-    hideChildren: function ($node) {
-      var $lowerLevel = $node.closest('tr').siblings();
-      this.stopAjax($lowerLevel.last());
-      var $animatedNodes = $lowerLevel.last().find('.node').filter(this.isVisibleNode.bind(this));
-      var isVerticalDesc = $lowerLevel.last().is('.verticalNodes') ? true : false;
-      if (!isVerticalDesc) {
-        $animatedNodes.closest('table').closest('tr').prevAll('.lines').css('visibility', 'hidden');
-      }
-      this.repaint($animatedNodes.get(0));
-      $animatedNodes.addClass('sliding slide-up').eq(0).one('transitionend', { 'animatedNodes': $animatedNodes, 'lowerLevel': $lowerLevel, 'isVerticalDesc': isVerticalDesc, 'node': $node }, this.hideChildrenEnd.bind(this));
-    },
-    //
-    showChildrenEnd: function (event) {
-      var $node = event.data.node;
-      event.data.animatedNodes.removeClass('sliding');
-      if (this.isInAction($node)) {
-        this.switchVerticalArrow($node.children('.bottomEdge'));
-      }
-    },
-    // show the children nodes of the specified node
-    showChildren: function ($node) {
-      var that = this;
-      var $levels = $node.closest('tr').siblings();
-      var isVerticalDesc = $levels.is('.verticalNodes') ? true : false;
-      var $animatedNodes = isVerticalDesc
-        ? $levels.removeClass('hidden').find('.node').filter(this.isVisibleNode.bind(this))
-        : $levels.removeClass('hidden').eq(2).children().find('.node:first').filter(this.isVisibleNode.bind(this));
-      // the two following statements are used to enforce browser to repaint
-      this.repaint($animatedNodes.get(0));
-      $animatedNodes.addClass('sliding').removeClass('slide-up').eq(0).one('transitionend', { 'node': $node, 'animatedNodes': $animatedNodes }, this.showChildrenEnd.bind(this));
-    },
-    //
-    hideSiblingsEnd: function (event) {
-      var $node = event.data.node;
-      var $nodeContainer = event.data.nodeContainer;
-      var direction = event.data.direction;
-      event.data.lines.removeAttr('style');
-      var $siblings = direction ? (direction === 'left' ? $nodeContainer.prevAll(':not(.hidden)') : $nodeContainer.nextAll(':not(.hidden)')) : $nodeContainer.siblings();
-      $nodeContainer.closest('.nodes').prev().children(':not(.hidden)')
-        .slice(1, direction ? $siblings.length * 2 + 1 : -1).addClass('hidden');
-      event.data.animatedNodes.removeClass('sliding');
-      $siblings.find('.node:gt(0)').filter(this.isVisibleNode.bind(this))
-        .removeClass('slide-left slide-right').addClass('slide-up');
-      $siblings.find('.lines, .nodes, .verticalNodes').addClass('hidden')
-        .end().addClass('hidden');
-
-      if (this.isInAction($node)) {
-        this.switchHorizontalArrow($node);
-      }
-    },
-    // hide the sibling nodes of the specified node
-    hideSiblings: function ($node, direction) {
-      var that = this;
-      var $nodeContainer = $node.closest('table').parent();
-      if ($nodeContainer.siblings().find('.spinner').length) {
-        $node.closest('.orgchart').data('inAjax', false);
-      }
-      if (direction) {
-        if (direction === 'left') {
-          $nodeContainer.prevAll().find('.node').filter(this.isVisibleNode.bind(this)).addClass('sliding slide-right');
-        } else {
-          $nodeContainer.nextAll().find('.node').filter(this.isVisibleNode.bind(this)).addClass('sliding slide-left');
-        }
-      } else {
-        $nodeContainer.prevAll().find('.node').filter(this.isVisibleNode.bind(this)).addClass('sliding slide-right');
-        $nodeContainer.nextAll().find('.node').filter(this.isVisibleNode.bind(this)).addClass('sliding slide-left');
-      }
-      var $animatedNodes = $nodeContainer.siblings().find('.sliding');
-      var $lines = $animatedNodes.closest('.nodes').prevAll('.lines').css('visibility', 'hidden');
-      $animatedNodes.eq(0).one('transitionend', { 'node': $node, 'nodeContainer': $nodeContainer, 'direction': direction, 'animatedNodes': $animatedNodes, 'lines': $lines }, this.hideSiblingsEnd.bind(this));
-    },
-    //
-    showSiblingsEnd: function (event) {
-      var $node = event.data.node;
-      event.data.visibleNodes.removeClass('sliding');
-      if (this.isInAction($node)) {
-        this.switchHorizontalArrow($node);
-        $node.children('.topEdge').removeClass('fa-chevron-up').addClass('fa-chevron-down');
-      }
-    },
-    //
-    showRelatedParentEnd: function(event) {
-      $(event.target).removeClass('sliding');
-    },
-    // show the sibling nodes of the specified node
-    showSiblings: function ($node, direction) {
-      var that = this;
-      // firstly, show the sibling td tags
-      var $siblings = $();
-      if (direction) {
-        if (direction === 'left') {
-          $siblings = $node.closest('table').parent().prevAll().removeClass('hidden');
-        } else {
-          $siblings = $node.closest('table').parent().nextAll().removeClass('hidden');
-        }
-      } else {
-        $siblings = $node.closest('table').parent().siblings().removeClass('hidden');
-      }
-      // secondly, show the lines
-      var $upperLevel = $node.closest('table').closest('tr').siblings();
-      if (direction) {
-        $upperLevel.eq(2).children('.hidden').slice(0, $siblings.length * 2).removeClass('hidden');
-      } else {
-        $upperLevel.eq(2).children('.hidden').removeClass('hidden');
-      }
-      // thirdly, do some cleaning stuff
-      if (!this.getNodeState($node, 'parent').visible) {
-        $upperLevel.removeClass('hidden');
-        var parent = $upperLevel.find('.node')[0];
-        this.repaint(parent);
-        $(parent).addClass('sliding').removeClass('slide-down').one('transitionend', this.showRelatedParentEnd);
-      }
-      // lastly, show the sibling nodes with animation
-      var $visibleNodes = $siblings.find('.node').filter(this.isVisibleNode.bind(this));
-      this.repaint($visibleNodes.get(0));
-      $visibleNodes.addClass('sliding').removeClass('slide-left slide-right');
-      $visibleNodes.eq(0).one('transitionend', { 'node': $node, 'visibleNodes': $visibleNodes }, this.showSiblingsEnd.bind(this));
-    },
-    // start up loading status for requesting new nodes
-    startLoading: function ($edge) {
-      var $chart = this.$chart;
-      if (typeof $chart.data('inAjax') !== 'undefined' && $chart.data('inAjax') === true) {
-        return false;
-      }
-
-      $edge.addClass('hidden');
-      $edge.parent().append('<i class="fa fa-circle-o-notch fa-spin spinner"></i>')
-        .children().not('.spinner').css('opacity', 0.2);
-      $chart.data('inAjax', true);
-      $('.oc-export-btn' + (this.options.chartClass !== '' ? '.' + this.options.chartClass : '')).prop('disabled', true);
-      return true;
-    },
-    // terminate loading status for requesting new nodes
-    endLoading: function ($edge) {
-      var $node = $edge.parent();
-      $edge.removeClass('hidden');
-      $node.find('.spinner').remove();
-      $node.children().removeAttr('style');
-      this.$chart.data('inAjax', false);
-      $('.oc-export-btn' + (this.options.chartClass !== '' ? '.' + this.options.chartClass : '')).prop('disabled', false);
-    },
-    // whether the cursor is hovering over the node
-    isInAction: function ($node) {
-      return $node.children('.edge').attr('class').indexOf('fa-') > -1 ? true : false;
-    },
-    //
-    switchVerticalArrow: function ($arrow) {
-      $arrow.toggleClass('fa-chevron-up').toggleClass('fa-chevron-down');
-    },
-    //
-    switchHorizontalArrow: function ($node) {
-      var opts = this.options;
-      if (opts.toggleSiblingsResp && (typeof opts.ajaxURL === 'undefined' || $node.closest('.nodes').data('siblingsLoaded'))) {
-        var $prevSib = $node.closest('table').parent().prev();
-        if ($prevSib.length) {
-          if ($prevSib.is('.hidden')) {
-            $node.children('.leftEdge').addClass('fa-chevron-left').removeClass('fa-chevron-right');
-          } else {
-            $node.children('.leftEdge').addClass('fa-chevron-right').removeClass('fa-chevron-left');
-          }
-        }
-        var $nextSib = $node.closest('table').parent().next();
-        if ($nextSib.length) {
-          if ($nextSib.is('.hidden')) {
-            $node.children('.rightEdge').addClass('fa-chevron-right').removeClass('fa-chevron-left');
-          } else {
-            $node.children('.rightEdge').addClass('fa-chevron-left').removeClass('fa-chevron-right');
-          }
-        }
-      } else {
-        var $sibs = $node.closest('table').parent().siblings();
-        var sibsVisible = $sibs.length ? !$sibs.is('.hidden') : false;
-        $node.children('.leftEdge').toggleClass('fa-chevron-right', sibsVisible).toggleClass('fa-chevron-left', !sibsVisible);
-        $node.children('.rightEdge').toggleClass('fa-chevron-left', sibsVisible).toggleClass('fa-chevron-right', !sibsVisible);
-      }
-    },
-    //
-    repaint: function (node) {
-      if (node) {
-        node.style.offsetWidth = node.offsetWidth;
-      }
-    },
-    //
-    nodeEnterLeaveHandler: function (event) {
-      var $node = $(event.delegateTarget), flag = false;
-      var $topEdge = $node.children('.topEdge');
-      var $rightEdge = $node.children('.rightEdge');
-      var $bottomEdge = $node.children('.bottomEdge');
-      var $leftEdge = $node.children('.leftEdge');
-      if (event.type === 'mouseenter') {
-        if ($topEdge.length) {
-          flag = this.getNodeState($node, 'parent').visible;
-          $topEdge.toggleClass('fa-chevron-up', !flag).toggleClass('fa-chevron-down', flag);
-        }
-        if ($bottomEdge.length) {
-          flag = this.getNodeState($node, 'children').visible;
-          $bottomEdge.toggleClass('fa-chevron-down', !flag).toggleClass('fa-chevron-up', flag);
-        }
-        if ($leftEdge.length) {
-          this.switchHorizontalArrow($node);
-        }
-      } else {
-        $node.children('.edge').removeClass('fa-chevron-up fa-chevron-down fa-chevron-right fa-chevron-left');
-      }
-    },
-    //
-    nodeClickHandler: function (event) {
-      this.$chart.find('.focused').removeClass('focused');
-      $(event.delegateTarget).addClass('focused');
-    },
-    // load new nodes by ajax
-    loadNodes: function (rel, url, $edge) {
-      var that = this;
-      var opts = this.options;
-      $.ajax({ 'url': url, 'dataType': 'json' })
-      .done(function (data) {
-        if (that.$chart.data('inAjax')) {
-          if (rel === 'parent') {
-            if (!$.isEmptyObject(data)) {
-              that.addParent($edge.parent(), data);
-            }
-          } else if (rel === 'children') {
-            if (data.children.length) {
-              that.addChildren($edge.parent(), data[rel]);
-            }
-          } else {
-            that.addSiblings($edge.parent(), data.siblings ? data.siblings : data);
-          }
-        }
-      })
-      .fail(function () {
-        console.log('Failed to get ' + rel + ' data');
-      })
-      .always(function () {
-        that.endLoading($edge);
-      });
-    },
-    //
-    HideFirstParentEnd: function (event) {
-      var $topEdge = event.data.topEdge;
-      var $node = $topEdge.parent();
-      if (this.isInAction($node)) {
-        this.switchVerticalArrow($topEdge);
-        this.switchHorizontalArrow($node);
-      }
-    },
-    //
-    topEdgeClickHandler: function (event) {
-      event.stopPropagation();
-      var that = this;
-      var $topEdge = $(event.target);
-      var $node = $(event.delegateTarget);
-      var parentState = this.getNodeState($node, 'parent');
-      if (parentState.exist) {
-        var $parent = $node.closest('table').closest('tr').siblings(':first').find('.node');
-        if ($parent.is('.sliding')) { return; }
-        // hide the ancestor nodes and sibling nodes of the specified node
-        if (parentState.visible) {
-          this.hideParent($node);
-          $parent.one('transitionend', { 'topEdge': $topEdge }, this.HideFirstParentEnd.bind(this));
-        } else { // show the ancestors and siblings
-          this.showParent($node);
-        }
-      } else { // load the new parent node of the specified node by ajax request
-        // start up loading status
-        if (this.startLoading($topEdge)) {
-          var opts = this.options;
-          var url = $.isFunction(opts.ajaxURL.parent) ? opts.ajaxURL.parent($node.data('nodeData')) : opts.ajaxURL.parent + $node[0].id;
-          this.loadNodes('parent', url, $topEdge);
-        }
-      }
-    },
-    //
-    bottomEdgeClickHandler: function (event) {
-      event.stopPropagation();
-      var $bottomEdge = $(event.target);
-      var $node = $(event.delegateTarget);
-      var childrenState = this.getNodeState($node, 'children');
-      if (childrenState.exist) {
-        var $children = $node.closest('tr').siblings(':last');
-        if ($children.find('.sliding').length) { return; }
-        // hide the descendant nodes of the specified node
-        if (childrenState.visible) {
-          this.hideChildren($node);
-        } else { // show the descendants
-          this.showChildren($node);
-        }
-      } else { // load the new children nodes of the specified node by ajax request
-        if (this.startLoading($bottomEdge)) {
-          var opts = this.options;
-          var url = $.isFunction(opts.ajaxURL.children) ? opts.ajaxURL.children($node.data('nodeData')) : opts.ajaxURL.children + $node[0].id;
-          this.loadNodes('children', url, $bottomEdge);
-        }
-      }
-    },
-    //
-    hEdgeClickHandler: function (event) {
-      event.stopPropagation();
-      var $hEdge = $(event.target);
-      var $node = $(event.delegateTarget);
-      var opts = this.options;
-      var siblingsState = this.getNodeState($node, 'siblings');
-      if (siblingsState.exist) {
-        var $siblings = $node.closest('table').parent().siblings();
-        if ($siblings.find('.sliding').length) { return; }
-        if (opts.toggleSiblingsResp) {
-          var $prevSib = $node.closest('table').parent().prev();
-          var $nextSib = $node.closest('table').parent().next();
-          if ($hEdge.is('.leftEdge')) {
-            if ($prevSib.is('.hidden')) {
-              this.showSiblings($node, 'left');
-            } else {
-              this.hideSiblings($node, 'left');
-            }
-          } else {
-            if ($nextSib.is('.hidden')) {
-              this.showSiblings($node, 'right');
-            } else {
-              this.hideSiblings($node, 'right');
-            }
-          }
-        } else {
-          if (siblingsState.visible) {
-            this.hideSiblings($node);
-          } else {
-            this.showSiblings($node);
-          }
-        }
-      } else {
-        // load the new sibling nodes of the specified node by ajax request
-        if (this.startLoading($hEdge)) {
-          var nodeId = $node[0].id;
-          var url = (this.getNodeState($node, 'parent').exist) ?
-            ($.isFunction(opts.ajaxURL.siblings) ? opts.ajaxURL.siblings($node.data('nodeData')) : opts.ajaxURL.siblings + nodeId) :
-            ($.isFunction(opts.ajaxURL.families) ? opts.ajaxURL.families($node.data('nodeData')) : opts.ajaxURL.families + nodeId);
-          this.loadNodes('siblings', url, $hEdge);
-        }
-      }
-    },
-    //
-    expandVNodesEnd: function (event) {
-      event.data.vNodes.removeClass('sliding');
-    },
-    //
-    collapseVNodesEnd: function (event) {
-      event.data.vNodes.removeClass('sliding').closest('ul').addClass('hidden');
-    },
-    // event handler for toggle buttons in Hybrid(horizontal + vertical) OrgChart
-    toggleVNodes: function (event) {
-      var $toggleBtn = $(event.target);
-      var $descWrapper = $toggleBtn.parent().next();
-      var $descendants = $descWrapper.find('.node');
-      var $children = $descWrapper.children().children('.node');
-      if ($children.is('.sliding')) { return; }
-      $toggleBtn.toggleClass('fa-plus-square fa-minus-square');
-      if ($descendants.eq(0).is('.slide-up')) {
-        $descWrapper.removeClass('hidden');
-        this.repaint($children.get(0));
-        $children.addClass('sliding').removeClass('slide-up').eq(0).one('transitionend', { 'vNodes': $children }, this.expandVNodesEnd);
-      } else {
-        $descendants.addClass('sliding slide-up').eq(0).one('transitionend', { 'vNodes': $descendants }, this.collapseVNodesEnd);
-        $descendants.find('.toggleBtn').removeClass('fa-minus-square').addClass('fa-plus-square');
-      }
-    },
-    //
-    createGhostNode: function (event) {
-      var $nodeDiv = $(event.target);
-      var opts = this.options;
-      var origEvent = event.originalEvent;
-      var isFirefox = /firefox/.test(window.navigator.userAgent.toLowerCase());
-      var ghostNode, nodeCover;
-      if (!document.querySelector('.ghost-node')) {
-        ghostNode = document.createElementNS("http://www.w3.org/2000/svg", "svg");
-        if (!ghostNode.classList) return;
-        ghostNode.classList.add('ghost-node');
-        nodeCover = document.createElementNS('http://www.w3.org/2000/svg','rect');
-        ghostNode.appendChild(nodeCover);
-        $nodeDiv.closest('.orgchart').append(ghostNode);
-      } else {
-        ghostNode = $nodeDiv.closest('.orgchart').children('.ghost-node').get(0);
-        nodeCover = $(ghostNode).children().get(0);
-      }
-      var transValues = $nodeDiv.closest('.orgchart').css('transform').split(',');
-      var isHorizontal = opts.direction === 't2b' || opts.direction === 'b2t';
-      var scale = Math.abs(window.parseFloat(isHorizontal ? transValues[0].slice(transValues[0].indexOf('(') + 1) : transValues[1]));
-      ghostNode.setAttribute('width', isHorizontal ? $nodeDiv.outerWidth(false) : $nodeDiv.outerHeight(false));
-      ghostNode.setAttribute('height', isHorizontal ? $nodeDiv.outerHeight(false) : $nodeDiv.outerWidth(false));
-      nodeCover.setAttribute('x',5 * scale);
-      nodeCover.setAttribute('y',5 * scale);
-      nodeCover.setAttribute('width', 120 * scale);
-      nodeCover.setAttribute('height', 40 * scale);
-      nodeCover.setAttribute('rx', 4 * scale);
-      nodeCover.setAttribute('ry', 4 * scale);
-      nodeCover.setAttribute('stroke-width', 1 * scale);
-      var xOffset = origEvent.offsetX * scale;
-      var yOffset = origEvent.offsetY * scale;
-      if (opts.direction === 'l2r') {
-        xOffset = origEvent.offsetY * scale;
-        yOffset = origEvent.offsetX * scale;
-      } else if (opts.direction === 'r2l') {
-        xOffset = $nodeDiv.outerWidth(false) - origEvent.offsetY * scale;
-        yOffset = origEvent.offsetX * scale;
-      } else if (opts.direction === 'b2t') {
-        xOffset = $nodeDiv.outerWidth(false) - origEvent.offsetX * scale;
-        yOffset = $nodeDiv.outerHeight(false) - origEvent.offsetY * scale;
-      }
-      if (isFirefox) { // hack for old version of Firefox(< 48.0)
-        nodeCover.setAttribute('fill', 'rgb(255, 255, 255)');
-        nodeCover.setAttribute('stroke', 'rgb(191, 0, 0)');
-        var ghostNodeWrapper = document.createElement('img');
-        ghostNodeWrapper.src = 'data:image/svg+xml;utf8,' + (new XMLSerializer()).serializeToString(ghostNode);
-        origEvent.dataTransfer.setDragImage(ghostNodeWrapper, xOffset, yOffset);
-      } else {
-        // IE/Edge do not support this, so only use it if we can
-        if (origEvent.dataTransfer.setDragImage)
-          origEvent.dataTransfer.setDragImage(ghostNode, xOffset, yOffset);
-      }
-    },
-    //
-    filterAllowedDropNodes: function ($dragged) {
-      var opts = this.options;
-      // what is being dragged?  a node, or something within a node?
-      var draggingNode = $dragged.closest('[draggable]').hasClass('node');
-      var $dragZone = $dragged.closest('.nodes').siblings().eq(0).find('.node:first');      // parent node
-      var $dragHier = $dragged.closest('table').find('.node');      // this node, and its children
-      this.$chart.data('dragged', $dragged)
-        .find('.node').each(function (index, node) {
-          if (!draggingNode || $dragHier.index(node) === -1) {
-            if (opts.dropCriteria) {
-              if (opts.dropCriteria($dragged, $dragZone, $(node))) {
-                $(node).addClass('allowedDrop');
-              }
-            } else {
-              $(node).addClass('allowedDrop');
-            }
-          }
-        });
-    },
-    //
-    dragstartHandler: function (event) {
-      event.originalEvent.dataTransfer.setData('text/html', 'hack for firefox');
-      // if users enable zoom or direction options
-      if (this.$chart.css('transform') !== 'none') {
-        this.createGhostNode(event);
-      }
-      this.filterAllowedDropNodes($(event.target));
-    },
-    //
-    dragoverHandler: function (event) {
-      if (!$(event.delegateTarget).is('.allowedDrop')) {
-        event.originalEvent.dataTransfer.dropEffect = 'none';
-      } else {
-        // default action for drag-and-drop of div is not to drop, so preventing default action for nodes which have allowedDrop class
-        //to fix drag and drop on IE and Edge		
-        event.preventDefault();
-      }
-    },
-    //
-    dragendHandler: function (event) {
-      this.$chart.find('.allowedDrop').removeClass('allowedDrop');
-    },
-    //
-    dropHandler: function (event) {
-      var $dropZone = $(event.delegateTarget);
-      var $dragged = this.$chart.data('dragged');
-
-      // Pass on drops which are not nodes (since they are not our doing)
-      if (!$dragged.hasClass('node')) {
-        this.$chart.triggerHandler({ 'type': 'otherdropped.orgchart', 'draggedItem': $dragged, 'dropZone': $dropZone });
-        return;
-      }
-      
-      if (!$dropZone.hasClass('allowedDrop')) {
-          // We are trying to drop a node into a node which isn't allowed
-          // IE/Edge have a habit of allowing this, so we need our own double-check
-          return;
-      }
-
-      var $dragZone = $dragged.closest('.nodes').siblings().eq(0).children();
-      var dropEvent = $.Event('nodedrop.orgchart');
-      this.$chart.trigger(dropEvent, { 'draggedNode': $dragged, 'dragZone': $dragZone.children(), 'dropZone': $dropZone });
-      if (dropEvent.isDefaultPrevented()) {
-        return;
-      }
-      // firstly, deal with the hierarchy of drop zone
-      if (!$dropZone.closest('tr').siblings().length) { // if the drop zone is a leaf node
-        $dropZone.append('<i class="edge verticalEdge bottomEdge fa"></i>')
-          .parent().attr('colspan', 2)
-          .parent().after('<tr class="lines"><td colspan="2"><div class="downLine"></div></td></tr>'
-          + '<tr class="lines"><td class="rightLine"></td><td class="leftLine"></td></tr>'
-          + '<tr class="nodes"></tr>')
-          .siblings(':last').append($dragged.find('.horizontalEdge').remove().end().closest('table').parent());
-      } else {
-        var dropColspan = parseInt($dropZone.parent().attr('colspan')) + 2;
-        var horizontalEdges = '<i class="edge horizontalEdge rightEdge fa"></i><i class="edge horizontalEdge leftEdge fa"></i>';
-        $dropZone.closest('tr').next().addBack().children().attr('colspan', dropColspan);
-        if (!$dragged.find('.horizontalEdge').length) {
-          $dragged.append(horizontalEdges);
-        }
-        $dropZone.closest('tr').siblings().eq(1).children(':last').before('<td class="leftLine topLine"></td><td class="rightLine topLine"></td>')
-          .end().next().append($dragged.closest('table').parent());
-        var $dropSibs = $dragged.closest('table').parent().siblings().find('.node:first');
-        if ($dropSibs.length === 1) {
-          $dropSibs.append(horizontalEdges);
-        }
-      }
-      // secondly, deal with the hierarchy of dragged node
-      var dragColspan = parseInt($dragZone.attr('colspan'));
-      if (dragColspan > 2) {
-        $dragZone.attr('colspan', dragColspan - 2)
-          .parent().next().children().attr('colspan', dragColspan - 2)
-          .end().next().children().slice(1, 3).remove();
-        var $dragSibs = $dragZone.parent().siblings('.nodes').children().find('.node:first');
-        if ($dragSibs.length ===1) {
-          $dragSibs.find('.horizontalEdge').remove();
-        }
-      } else {
-        $dragZone.removeAttr('colspan')
-          .find('.bottomEdge').remove()
-          .end().end().siblings().remove();
-      }
-    },
-    //
-    touchstartHandler: function (event) {
-      if (this.touchHandled)
-        return;
-
-      if (event.touches && event.touches.length > 1)
-        return;
-
-      this.touchHandled = true;
-      this.touchMoved = false;     // this is so we can work out later if this was a 'press' or a 'drag' touch
-      event.preventDefault();
-    },
-    //
-    touchmoveHandler: function (event) {
-      if (!this.touchHandled)
-        return;
-
-      if (event.touches && event.touches.length > 1)
-        return;
-
-      event.preventDefault();
-
-      if (!this.touchMoved) {
-        // we do not bother with createGhostNode (dragstart does) since the touch event does not have a dataTransfer property
-        this.filterAllowedDropNodes($(event.currentTarget));        // will also set 'this.$chart.data('dragged')' for us
-        // create an image which can be used to illustrate the drag (our own createGhostNode)
-        this.touchDragImage = this.createDragImage(event, this.$chart.data('dragged')[0]);
-      }
-      this.touchMoved = true;
-
-      // move our dragimage so it follows our finger
-      this.moveDragImage(event, this.touchDragImage);
-
-      var $touching = $(document.elementFromPoint(event.touches[0].clientX, event.touches[0].clientY));
-      var $touchingNodes = $touching.closest('div.node');
-      if ($touchingNodes.length > 0) {
-        var touchingNodeElement = $touchingNodes[0];
-        if ($touchingNodes.is('.allowedDrop')) {
-          this.touchTargetNode = touchingNodeElement;
-        }
-        else {
-          this.touchTargetNode = null;
-        }
-      }
-      else {
-        this.touchTargetNode = null;
-      }
-    },
-    //
-    touchendHandler: function (event) {
-      if (!this.touchHandled) {
-          return;
-      }
-      this.destroyDragImage();
-      if (this.touchMoved) {
-          // we've had movement, so this was a 'drag' touch
-          if (this.touchTargetNode) {
-              var fakeEventForDropHandler = { delegateTarget: this.touchTargetNode };
-              this.dropHandler(fakeEventForDropHandler);
-              this.touchTargetNode = null;
-          }
-          this.dragendHandler(event);
-      }
-      else {
-          // we did not move, so this was a 'press' touch (fake a click)
-          var firstTouch = event.changedTouches[0];
-          var fakeMouseClickEvent = document.createEvent('MouseEvents');
-          fakeMouseClickEvent.initMouseEvent('click', true, true, window, 1, firstTouch.screenX, firstTouch.screenY, firstTouch.clientX, firstTouch.clientY, event.ctrlKey, event.altKey, event.shiftKey, event.metaKey, 0, null);
-          event.target.dispatchEvent(fakeMouseClickEvent);
-      }
-      this.touchHandled = false;
-    },
-    //
-    createDragImage: function (event, source) {
-      var dragImage = source.cloneNode(true);
-      this.copyStyle(source, dragImage);
-      dragImage.style.top = dragImage.style.left = '-9999px';
-      var sourceRectangle = source.getBoundingClientRect();
-      var sourcePoint = this.getTouchPoint(event);
-      this.touchDragImageOffset = { x: sourcePoint.x - sourceRectangle.left, y: sourcePoint.y - sourceRectangle.top };
-      dragImage.style.opacity = '0.5';
-      document.body.appendChild(dragImage);
-      return dragImage;
-    },
-    //
-    destroyDragImage: function () {
-      if (this.touchDragImage && this.touchDragImage.parentElement)
-        this.touchDragImage.parentElement.removeChild(this.touchDragImage);
-      this.touchDragImageOffset = null;
-      this.touchDragImage = null;
-    },
-    //
-    copyStyle: function (src, dst) {
-      // remove potentially troublesome attributes
-      var badAttributes = ['id', 'class', 'style', 'draggable'];
-      badAttributes.forEach(function (att) {
-          dst.removeAttribute(att);
-      });
-      // copy canvas content
-      if (src instanceof HTMLCanvasElement) {
-        var cSrc = src, cDst = dst;
-        cDst.width = cSrc.width;
-        cDst.height = cSrc.height;
-        cDst.getContext('2d').drawImage(cSrc, 0, 0);
-      }
-      // copy style (without transitions)
-      var cs = getComputedStyle(src);
-      for (var i = 0; i < cs.length; i++) {
-        var key = cs[i];
-        if (key.indexOf('transition') < 0) {
-          dst.style[key] = cs[key];
-        }
-      }
-      dst.style.pointerEvents = 'none';
-      // and repeat for all children
-      for (var i = 0; i < src.children.length; i++) {
-        this.copyStyle(src.children[i], dst.children[i]);
-      }
-    },
-    //
-    getTouchPoint: function (event) {
-      if (event && event.touches) {
-        event = event.touches[0];
-      }
-      return {
-        x: event.clientX,
-        y: event.clientY
-      };
-    },
-    //
-    moveDragImage: function (event, image) {
-      if (!event || !image)
-        return;
-      var orgChartMaster = this;
-      requestAnimationFrame(function () {
-        var pt = orgChartMaster.getTouchPoint(event);
-        var s = image.style;
-        s.position = 'absolute';
-        s.pointerEvents = 'none';
-        s.zIndex = '999999';
-        if (orgChartMaster.touchDragImageOffset) {
-            s.left = Math.round(pt.x - orgChartMaster.touchDragImageOffset.x) + 'px';
-            s.top = Math.round(pt.y - orgChartMaster.touchDragImageOffset.y) + 'px';
-        }
-      });
-    },
-    //
-    bindDragDrop: function ($node) {
-      $node.on('dragstart', this.dragstartHandler.bind(this))
-        .on('dragover', this.dragoverHandler.bind(this))
-        .on('dragend', this.dragendHandler.bind(this))
-        .on('drop', this.dropHandler.bind(this))
-        .on('touchstart', this.touchstartHandler.bind(this))
-        .on('touchmove', this.touchmoveHandler.bind(this))
-        .on('touchend', this.touchendHandler.bind(this));
-    },
-    // create node
-    createNode: function (data) {
-      var that = this;
-      var opts = this.options;
-      var level = data.level;
-      if (data.children) {
-        $.each(data.children, function (index, child) {
-          child.parentId = data.id;
-        });
-      }
-      // construct the content of node
-      var $nodeDiv = $('<div' + (opts.draggable ? ' draggable="true"' : '') + (data[opts.nodeId] ? ' id="' + data[opts.nodeId] + '"' : '') + (data.parentId ? ' data-parent="' + data.parentId + '"' : '') + '>')
-        .addClass('node ' + (data.className || '') +  (level > opts.visibleLevel ? ' slide-up' : ''));
-      if (opts.nodeTemplate) {
-        $nodeDiv.append(opts.nodeTemplate(data));
-      } else {
-        $nodeDiv.append('<div class="title">' + data[opts.nodeTitle] + '</div>')
-          .append(typeof opts.nodeContent !== 'undefined' ? '<div class="content">' + (data[opts.nodeContent] || '') + '</div>' : '');
-      }
-      //
-      var nodeData = $.extend({}, data);
-      delete nodeData.children;
-      $nodeDiv.data('nodeData', nodeData);
-      // append 4 direction arrows or expand/collapse buttons
-      var flags = data.relationship || '';
-      if (opts.verticalLevel && level >= opts.verticalLevel) {
-        if ((level + 1) > opts.verticalLevel && Number(flags.substr(2,1))) {
-          var icon = level + 1 > opts.visibleLevel ? 'plus' : 'minus';
-          $nodeDiv.append('<i class="toggleBtn fa fa-' + icon + '-square"></i>');
-        }
-      } else {
-        if (Number(flags.substr(0,1))) {
-          $nodeDiv.append('<i class="edge verticalEdge topEdge fa"></i>');
-        }
-        if(Number(flags.substr(1,1))) {
-          $nodeDiv.append('<i class="edge horizontalEdge rightEdge fa"></i>' +
-            '<i class="edge horizontalEdge leftEdge fa"></i>');
-        }
-        if(Number(flags.substr(2,1))) {
-          $nodeDiv.append('<i class="edge verticalEdge bottomEdge fa"></i>')
-            .children('.title').prepend('<i class="fa '+ opts.parentNodeSymbol + ' symbol"></i>');
-        }
-      }
-
-      $nodeDiv.on('mouseenter mouseleave', this.nodeEnterLeaveHandler.bind(this));
-      $nodeDiv.on('click', this.nodeClickHandler.bind(this));
-      $nodeDiv.on('click', '.topEdge', this.topEdgeClickHandler.bind(this));
-      $nodeDiv.on('click', '.bottomEdge', this.bottomEdgeClickHandler.bind(this));
-      $nodeDiv.on('click', '.leftEdge, .rightEdge', this.hEdgeClickHandler.bind(this));
-      $nodeDiv.on('click', '.toggleBtn', this.toggleVNodes.bind(this));
-
-      if (opts.draggable) {
-        this.bindDragDrop($nodeDiv);
-        this.touchHandled = false;
-        this.touchMoved = false;
-        this.touchTargetNode = null;
-      }
-      // allow user to append dom modification after finishing node create of orgchart
-      if (opts.createNode) {
-        opts.createNode($nodeDiv, data);
-      }
-
-      return $nodeDiv;
-    },
-    // recursively build the tree
-    buildHierarchy: function ($appendTo, data) {
-      var that = this;
-      var opts = this.options;
-      var level = 0;
-      if (data.level) {
-        level = data.level;
-      } else {
-        level = data.level = $appendTo.parentsUntil('.orgchart', '.nodes').length + 1;
-      }
-      // Construct the node
-      var childrenData = data.children;
-      var hasChildren = childrenData ? childrenData.length : false;
-      var $nodeWrapper;
-      if (Object.keys(data).length > 2) {
-        var $nodeDiv = this.createNode(data);
-        if (opts.verticalLevel && level >= opts.verticalLevel) {
-          $appendTo.append($nodeDiv);
-        }else {
-          $nodeWrapper = $('<table>');
-          $appendTo.append($nodeWrapper.append($('<tr/>').append($('<td' + (hasChildren ? ' colspan="' + childrenData.length * 2 + '"' : '') + '></td>').append($nodeDiv))));
-        }
-      }
-      // Construct the lower level(two "connectiong lines" rows and "inferior nodes" row)
-      if (hasChildren) {
-        var isHidden = (level + 1 > opts.visibleLevel || data.collapsed) ? ' hidden' : '';
-        var isVerticalLayer = (opts.verticalLevel && (level + 1) >= opts.verticalLevel) ? true : false;
-        var $nodesLayer;
-        if (isVerticalLayer) {
-          $nodesLayer = $('<ul>');
-          if (isHidden && level + 1 > opts.verticalLevel) {
-            $nodesLayer.addClass(isHidden);
-          }
-          if (level + 1 === opts.verticalLevel) {
-            $appendTo.children('table').append('<tr class="verticalNodes' + isHidden + '"><td></td></tr>')
-              .find('.verticalNodes').children().append($nodesLayer);
-          } else {
-            $appendTo.append($nodesLayer);
-          }
-        } else {
-          var $upperLines = $('<tr class="lines' + isHidden + '"><td colspan="' + childrenData.length * 2 + '"><div class="downLine"></div></td></tr>');
-          var lowerLines = '<tr class="lines' + isHidden + '"><td class="rightLine"></td>';
-          for (var i=1; i<childrenData.length; i++) {
-            lowerLines += '<td class="leftLine topLine"></td><td class="rightLine topLine"></td>';
-          }
-          lowerLines += '<td class="leftLine"></td></tr>';
-          $nodesLayer = $('<tr class="nodes' + isHidden + '">');
-          if (Object.keys(data).length === 2) {
-            $appendTo.append($upperLines).append(lowerLines).append($nodesLayer);
-          } else {
-            $nodeWrapper.append($upperLines).append(lowerLines).append($nodesLayer);
-          }
-        }
-        // recurse through children nodes
-        $.each(childrenData, function () {
-          var $nodeCell = isVerticalLayer ? $('<li>') : $('<td colspan="2">');
-          $nodesLayer.append($nodeCell);
-          this.level = level + 1;
-          that.buildHierarchy($nodeCell, this);
-        });
-      }
-    },
-    // build the child nodes of specific node
-    buildChildNode: function ($appendTo, data) {
-      $appendTo.find('td:first').attr('colspan', data.length * 2);
-      this.buildHierarchy($appendTo, { 'children': data });
-    },
-    // exposed method
-    addChildren: function ($node, data) {
-      this.buildChildNode($node.closest('table'), data);
-      if (!$node.children('.bottomEdge').length) {
-        $node.append('<i class="edge verticalEdge bottomEdge fa"></i>');
-      }
-      if (!$node.find('.symbol').length) {
-        $node.children('.title').prepend('<i class="fa '+ this.options.parentNodeSymbol + ' symbol"></i>');
-      }
-      if (this.isInAction($node)) {
-        this.switchVerticalArrow($node.children('.bottomEdge'));
-      }
-    },
-    // build the parent node of specific node
-    buildParentNode: function ($currentRoot, data) {
-      data.relationship = data.relationship || '001';
-      var $table = $('<table>')
-        .append($('<tr>').append($('<td colspan="2">').append(this.createNode(data))))
-        .append('<tr class="lines"><td colspan="2"><div class="downLine"></div></td></tr>')
-        .append('<tr class="lines"><td class="rightLine"></td><td class="leftLine"></td></tr>');
-      this.$chart.prepend($table)
-        .children('table:first').append('<tr class="nodes"><td colspan="2"></td></tr>')
-        .children('tr:last').children().append(this.$chart.children('table').last());
-    },
-    // exposed method
-    addParent: function ($currentRoot, data) {
-      this.buildParentNode($currentRoot, data);
-      if (!$currentRoot.children('.topEdge').length) {
-        $currentRoot.children('.title').after('<i class="edge verticalEdge topEdge fa"></i>');
-      }
-      if (this.isInAction($currentRoot)) {
-        this.switchVerticalArrow($currentRoot.children('.topEdge'));
-      }
-    },
-    // subsequent processing of build sibling nodes
-    complementLine: function ($oneSibling, siblingCount, existingSibligCount) {
-      var lines = '';
-      for (var i = 0; i < existingSibligCount; i++) {
-        lines += '<td class="leftLine topLine"></td><td class="rightLine topLine"></td>';
-      }
-      $oneSibling.parent().prevAll('tr:gt(0)').children().attr('colspan', siblingCount * 2)
-        .end().next().children(':first').after(lines);
-    },
-    // build the sibling nodes of specific node
-    buildSiblingNode: function ($nodeChart, data) {
-      var newSiblingCount = $.isArray(data) ? data.length : data.children.length;
-      var existingSibligCount = $nodeChart.parent().is('td') ? $nodeChart.closest('tr').children().length : 1;
-      var siblingCount = existingSibligCount + newSiblingCount;
-      var insertPostion = (siblingCount > 1) ? Math.floor(siblingCount/2 - 1) : 0;
-      // just build the sibling nodes for the specific node
-      if ($nodeChart.parent().is('td')) {
-        var $parent = $nodeChart.closest('tr').prevAll('tr:last');
-        $nodeChart.closest('tr').prevAll('tr:lt(2)').remove();
-        this.buildChildNode($nodeChart.parent().closest('table'), data);
-        var $siblingTds = $nodeChart.parent().closest('table').children('tr:last').children('td');
-        if (existingSibligCount > 1) {
-          this.complementLine($siblingTds.eq(0).before($nodeChart.closest('td').siblings().addBack().unwrap()), siblingCount, existingSibligCount);
-        } else {
-          this.complementLine($siblingTds.eq(insertPostion).after($nodeChart.closest('td').unwrap()), siblingCount, 1);
-        }
-      } else { // build the sibling nodes and parent node for the specific ndoe
-        this.buildHierarchy($nodeChart.closest('.orgchart'), data);
-        this.complementLine($nodeChart.next().children('tr:last').children().eq(insertPostion).after($('<td colspan="2">').append($nodeChart)),
-          siblingCount, 1);
-      }
-    },
-    //
-    addSiblings: function ($node, data) {
-      this.buildSiblingNode($node.closest('table'), data);
-      $node.closest('.nodes').data('siblingsLoaded', true);
-      if (!$node.children('.leftEdge').length) {
-        $node.children('.topEdge').after('<i class="edge horizontalEdge rightEdge fa"></i><i class="edge horizontalEdge leftEdge fa"></i>');
-      }
-      if (this.isInAction($node)) {
-        this.switchHorizontalArrow($node);
-        $node.children('.topEdge').removeClass('fa-chevron-up').addClass('fa-chevron-down');
-      }
-    },
-    //
-    removeNodes: function ($node) {
-      var $parent = $node.closest('table').parent();
-      var $sibs = $parent.parent().siblings();
-      if ($parent.is('td')) {
-        if (this.getNodeState($node, 'siblings').exist) {
-          $sibs.eq(2).children('.topLine:lt(2)').remove();
-          $sibs.slice(0, 2).children().attr('colspan', $sibs.eq(2).children().length);
-          $parent.remove();
-        } else {
-          $sibs.eq(0).children().removeAttr('colspan')
-            .find('.bottomEdge').remove()
-            .end().end().siblings().remove();
-        }
-      } else {
-        $parent.add($parent.siblings()).remove();
-      }
-    },
-    //
-    hideDropZones: function () {
-      // Remove all the 'this is a drop zone' indicators
-      var orgChartObj = this;
-      orgChartObj.$chart.find('.allowedDrop')
-        .removeClass('allowedDrop');
-    },
-    //
-    showDropZones: function (dragged) {
-      // Highlight all the 'drop zones', and set dragged, so that the drop/enter can work out what happens later
-      // TODO: This assumes all nodes are droppable: it doesn't run the custom isDroppable function - it should!
-      var orgChartObj = this;
-      orgChartObj.$chart.find('.node')
-        .each(function (index, node) {
-          $(node).addClass('allowedDrop');
-        });
-      orgChartObj.$chart.data('dragged', $(dragged));
-    },
-    //
-    processExternalDrop: function (dropZone, dragged) {
-      // Allow an external drop event to be handled by one of our nodes
-      if (dragged) {
-        this.$chart.data('dragged', $(dragged));
-      }
-      var droppedOnNode = dropZone.closest('.node');
-      // would like to just call 'dropZoneHandler', but I can't reach it from here
-      // instead raise a drop event on the node element
-      droppedOnNode.triggerHandler({ 'type': 'drop' });
-    },
-    //
-    exportPDF: function(canvas, exportFilename){
-      var doc = {};
-      var docWidth = Math.floor(canvas.width);
-      var docHeight = Math.floor(canvas.height);
-
-      if (docWidth > docHeight) {
-        doc = new jsPDF({
-          orientation: 'landscape',
-          unit: 'px',
-          format: [docWidth, docHeight]
-        });
-      } else {
-        doc = new jsPDF({
-          orientation: 'portrait',
-          unit: 'px',
-          format: [docHeight, docWidth]
-        });
-      }
-      doc.addImage(canvas.toDataURL(), 'png', 0, 0);
-      doc.save(exportFilename + '.pdf');
-    },
-    //
-    exportPNG: function(canvas, exportFilename){
-      var that = this;
-      var isWebkit = 'WebkitAppearance' in document.documentElement.style;
-      var isFf = !!window.sidebar;
-      var isEdge = navigator.appName === 'Microsoft Internet Explorer' || (navigator.appName === "Netscape" && navigator.appVersion.indexOf('Edge') > -1);
-      var $chartContainer = this.$chartContainer;
-
-      if ((!isWebkit && !isFf) || isEdge) {
-        window.navigator.msSaveBlob(canvas.msToBlob(), exportFilename + '.png');
-      } else {
-        var selector = '.oc-download-btn' + (that.options.chartClass !== '' ? '.' + that.options.chartClass : '');
-
-        if (!$chartContainer.find(selector).length) {
-          $chartContainer.append('<a class="oc-download-btn' + (that.options.chartClass !== '' ? ' ' + that.options.chartClass : '') + '"'
-                                 + ' download="' + exportFilename + '.png"></a>');
-        }
-
-        $chartContainer.find(selector).attr('href', canvas.toDataURL())[0].click();
-      }
-    },
-    //
-    export: function (exportFilename, exportFileextension) {
-      var that = this;
-      exportFilename = (typeof exportFilename !== 'undefined') ?  exportFilename : this.options.exportFilename;
-      exportFileextension = (typeof exportFileextension !== 'undefined') ?  exportFileextension : this.options.exportFileextension;
-      if ($(this).children('.spinner').length) {
-        return false;
-      }
-      var $chartContainer = this.$chartContainer;
-      var $mask = $chartContainer.find('.mask');
-      if (!$mask.length) {
-        $chartContainer.append('<div class="mask"><i class="fa fa-circle-o-notch fa-spin spinner"></i></div>');
-      } else {
-        $mask.removeClass('hidden');
-      }
-      var sourceChart = $chartContainer.addClass('canvasContainer').find('.orgchart:not(".hidden")').get(0);
-      var flag = that.options.direction === 'l2r' || that.options.direction === 'r2l';
-      html2canvas(sourceChart, {
-        'width': flag ? sourceChart.clientHeight : sourceChart.clientWidth,
-        'height': flag ? sourceChart.clientWidth : sourceChart.clientHeight,
-        'onclone': function (cloneDoc) {
-          $(cloneDoc).find('.canvasContainer').css('overflow', 'visible')
-            .find('.orgchart:not(".hidden"):first').css('transform', '');
-        }
-      })
-      .then(function (canvas) {
-        $chartContainer.find('.mask').addClass('hidden');
-
-        if (exportFileextension.toLowerCase() === 'pdf') {
-          that.exportPDF(canvas, exportFilename);
-        } else {
-          that.exportPNG(canvas, exportFilename);
-        }
-
-        $chartContainer.removeClass('canvasContainer');
-      }, function () {
-        $chartContainer.removeClass('canvasContainer');
-      });
-    }
-  };
-
-  $.fn.orgchart = function (opts) {
-    return new OrgChart(this, opts).init();
-  };
-
-}));
diff --git a/dist/js/jquery.orgchart.min.js b/dist/js/jquery.orgchart.min.js
deleted file mode 100644
index 8ddb629a..00000000
--- a/dist/js/jquery.orgchart.min.js
+++ /dev/null
@@ -1,2 +0,0 @@
-"use strict";!function(e){"object"==typeof module&&"object"==typeof module.exports?e(require("jquery"),window,document):e(jQuery,window,document)}(function(u,p,f,e){function t(e,t){this.$chartContainer=u(e),this.opts=t,this.defaultOptions={nodeTitle:"name",nodeId:"id",toggleSiblingsResp:!1,visibleLevel:999,chartClass:"",exportButton:!1,exportFilename:"OrgChart",exportFileextension:"png",parentNodeSymbol:"fa-users",draggable:!1,direction:"t2b",pan:!1,zoom:!1,zoominLimit:7,zoomoutLimit:.5}}t.prototype={init:function(e){var n=this;this.options=u.extend({},this.defaultOptions,this.opts,e);var t=this.$chartContainer;this.$chart&&this.$chart.remove();var i=this.options.data,s=this.$chart=u("<div>",{data:{options:this.options},class:"orgchart"+(""!==this.options.chartClass?" "+this.options.chartClass:"")+("t2b"!==this.options.direction?" "+this.options.direction:""),click:function(e){u(e.target).closest(".node").length||s.find(".node.focused").removeClass("focused")}});return"undefined"!=typeof MutationObserver&&this.triggerInitEvent(),"object"===u.type(i)?i instanceof u?this.buildHierarchy(s,this.buildJsonDS(i.children()),0,this.options):this.buildHierarchy(s,this.options.ajaxURL?i:this.attachRel(i,"00")):(s.append('<i class="fa fa-circle-o-notch fa-spin spinner"></i>'),u.ajax({url:i,dataType:"json"}).done(function(e,t,i){n.buildHierarchy(s,n.options.ajaxURL?e:n.attachRel(e,"00"),0,n.options)}).fail(function(e,t,i){console.log(i)}).always(function(){s.children(".spinner").remove()})),t.append(s),this.options.exportButton&&!t.find(".oc-export-btn").length&&this.attachExportButton(),this.options.pan&&this.bindPan(),this.options.zoom&&this.bindZoom(),this},triggerInitEvent:function(){var s=this,a=new MutationObserver(function(e){a.disconnect();e:for(var t=0;t<e.length;t++)for(var i=0;i<e[t].addedNodes.length;i++)if(e[t].addedNodes[i].classList.contains("orgchart")){s.options.initCompleted&&"function"==typeof s.options.initCompleted&&s.options.initCompleted(s.$chart);var n=u.Event("init.orgchart");s.$chart.trigger(n);break e}});a.observe(this.$chartContainer[0],{childList:!0})},attachExportButton:function(){var t=this,e=u("<button>",{class:"oc-export-btn"+(""!==this.options.chartClass?" "+this.options.chartClass:""),text:"Export",click:function(e){e.preventDefault(),t.export()}});this.$chartContainer.append(e)},setOptions:function(e,t){return"string"==typeof e&&("pan"===e&&(t?this.bindPan():this.unbindPan()),"zoom"===e&&(t?this.bindZoom():this.unbindZoom())),"object"==typeof e&&(e.data?this.init(e):(void 0!==e.pan&&(e.pan?this.bindPan():this.unbindPan()),void 0!==e.zoom&&(e.zoom?this.bindZoom():this.unbindZoom()))),this},panStartHandler:function(e){var a=u(e.delegateTarget);if(u(e.target).closest(".node").length||e.touches&&1<e.touches.length)a.data("panning",!1);else{a.css("cursor","move").data("panning",!0);var t=0,i=0,n=a.css("transform");if("none"!==n){var s=n.split(",");i=-1===n.indexOf("3d")?(t=parseInt(s[4]),parseInt(s[5])):(t=parseInt(s[12]),parseInt(s[13]))}var o=0,r=0;if(e.targetTouches){if(1===e.targetTouches.length)o=e.targetTouches[0].pageX-t,r=e.targetTouches[0].pageY-i;else if(1<e.targetTouches.length)return}else o=e.pageX-t,r=e.pageY-i;a.on("mousemove touchmove",function(e){if(a.data("panning")){var t=0,i=0;if(e.targetTouches){if(1===e.targetTouches.length)t=e.targetTouches[0].pageX-o,i=e.targetTouches[0].pageY-r;else if(1<e.targetTouches.length)return}else t=e.pageX-o,i=e.pageY-r;var n=a.css("transform");if("none"===n)-1===n.indexOf("3d")?a.css("transform","matrix(1, 0, 0, 1, "+t+", "+i+")"):a.css("transform","matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, "+t+", "+i+", 0, 1)");else{var s=n.split(",");-1===n.indexOf("3d")?(s[4]=" "+t,s[5]=" "+i+")"):(s[12]=" "+t,s[13]=" "+i),a.css("transform",s.join(","))}}})}},panEndHandler:function(e){e.data.chart.data("panning")&&e.data.chart.data("panning",!1).css("cursor","default").off("mousemove")},bindPan:function(){this.$chartContainer.css("overflow","hidden"),this.$chart.on("mousedown touchstart",this.panStartHandler),u(f).on("mouseup touchend",{chart:this.$chart},this.panEndHandler)},unbindPan:function(){this.$chartContainer.css("overflow","auto"),this.$chart.off("mousedown touchstart",this.panStartHandler),u(f).off("mouseup touchend",this.panEndHandler)},zoomWheelHandler:function(e){var t=e.data.oc;e.preventDefault();var i=1+(0<e.originalEvent.deltaY?-.2:.2);t.setChartScale(t.$chart,i)},zoomStartHandler:function(e){if(e.touches&&2===e.touches.length){var t=e.data.oc;t.$chart.data("pinching",!0);var i=t.getPinchDist(e);t.$chart.data("pinchDistStart",i)}},zoomingHandler:function(e){var t=e.data.oc;if(t.$chart.data("pinching")){var i=t.getPinchDist(e);t.$chart.data("pinchDistEnd",i)}},zoomEndHandler:function(e){var t=e.data.oc;if(t.$chart.data("pinching")){t.$chart.data("pinching",!1);var i=t.$chart.data("pinchDistEnd")-t.$chart.data("pinchDistStart");0<i?t.setChartScale(t.$chart,1.2):i<0&&t.setChartScale(t.$chart,.8)}},bindZoom:function(){this.$chartContainer.on("wheel",{oc:this},this.zoomWheelHandler),this.$chartContainer.on("touchstart",{oc:this},this.zoomStartHandler),u(f).on("touchmove",{oc:this},this.zoomingHandler),u(f).on("touchend",{oc:this},this.zoomEndHandler)},unbindZoom:function(){this.$chartContainer.off("wheel",this.zoomWheelHandler),this.$chartContainer.off("touchstart",this.zoomStartHandler),u(f).off("touchmove",this.zoomingHandler),u(f).off("touchend",this.zoomEndHandler)},getPinchDist:function(e){return Math.sqrt((e.touches[0].clientX-e.touches[1].clientX)*(e.touches[0].clientX-e.touches[1].clientX)+(e.touches[0].clientY-e.touches[1].clientY)*(e.touches[0].clientY-e.touches[1].clientY))},setChartScale:function(e,t){var i=e.data("options"),n=e.css("transform"),s="",a=1;"none"===n?e.css("transform","scale("+t+","+t+")"):(s=n.split(","),-1===n.indexOf("3d")?(a=Math.abs(p.parseFloat(s[3])*t))>i.zoomoutLimit&&a<i.zoominLimit&&e.css("transform",n+" scale("+t+","+t+")"):(a=Math.abs(p.parseFloat(s[1])*t))>i.zoomoutLimit&&a<i.zoominLimit&&e.css("transform",n+" scale3d("+t+","+t+", 1)"))},buildJsonDS:function(e){var t=this,i={name:e.contents().eq(0).text().trim(),relationship:(e.parent().parent().is("li")?"1":"0")+(e.siblings("li").length?1:0)+(e.children("ul").length?1:0)};return u.each(e.data(),function(e,t){i[e]=t}),e.children("ul").children().each(function(){i.children||(i.children=[]),i.children.push(t.buildJsonDS(u(this)))}),i},attachRel:function(t,e){var i=this;return t.relationship=e+(t.children&&0<t.children.length?1:0),t.children&&t.children.forEach(function(e){i.attachRel(e,"1"+(1<t.children.length?1:0))}),t},loopChart:function(e){var t=this,i=e.find("tr:first"),n={id:i.find(".node")[0].id};return i.siblings(":last").children().each(function(){n.children||(n.children=[]),n.children.push(t.loopChart(u(this)))}),n},getHierarchy:function(){if(void 0===this.$chart)return"Error: orgchart does not exist";if(!this.$chart.find(".node").length)return"Error: nodes do not exist";var e=!0;return this.$chart.find(".node").each(function(){if(!this.id)return e=!1}),e?this.loopChart(this.$chart):"Error: All nodes of orghcart to be exported must have data-id attribute!"},getNodeState:function(e,t){var i={},n=e.parent().is("li");if("parent"===(t=t||"self")){if(n?(i=e.closest("ul").parents("ul")).length||(i=e.closest(".nodes")).length||(i=e.closest(".verticalNodes").siblings(":first")):i=e.closest(".nodes").siblings(":first"),i.length)return i.is(".hidden")||!i.is(".hidden")&&i.closest(".nodes").is(".hidden")||!i.is(".hidden")&&i.closest(".verticalNodes").is(".hidden")?{exist:!0,visible:!1}:{exist:!0,visible:!0}}else if("children"===t){if((i=n?e.parent().children("ul"):e.closest("tr").siblings(":last")).length)return i.is(".hidden")?{exist:!0,visible:!1}:{exist:!0,visible:!0}}else if("siblings"===t){if((i=n?e.closest("ul"):e.closest("table").parent().siblings()).length&&(!n||1<i.children("li").length))return i.is(".hidden")||i.parent().is(".hidden")||n&&i.closest(".verticalNodes").is(".hidden")?{exist:!0,visible:!1}:{exist:!0,visible:!0}}else if((i=e).length)return i.closest(".nodes").length&&i.closest(".nodes").is(".hidden")||i.closest("table").parent().length&&i.closest("table").parent().is(".hidden")||i.parent().is("li")&&(i.closest("ul").is(".hidden")||i.closest(".verticalNodes").is(".hidden"))?{exist:!0,visible:!1}:{exist:!0,visible:!0};return{exist:!1,visible:!1}},getRelatedNodes:function(e,t){return e&&e instanceof u&&e.is(".node")?"parent"===t?e.closest(".nodes").parent().children(":first").find(".node"):"children"===t?e.closest("tr").siblings(".nodes").children().find(".node:first"):"siblings"===t?e.closest("table").parent().siblings().find(".node:first"):u():u()},hideParentEnd:function(e){u(e.target).removeClass("sliding"),e.data.upperLevel.addClass("hidden").slice(1).removeAttr("style")},hideParent:function(e){var t=e.closest(".nodes").siblings();t.eq(0).find(".spinner").length&&e.closest(".orgchart").data("inAjax",!1),this.getNodeState(e,"siblings").visible&&this.hideSiblings(e),t.slice(1).css("visibility","hidden");var i=t.eq(0).find(".node");this.getNodeState(i).visible&&i.addClass("sliding slide-down").one("transitionend",{upperLevel:t},this.hideParentEnd),this.getNodeState(i,"parent").visible&&this.hideParent(i)},showParentEnd:function(e){var t=e.data.node;u(e.target).removeClass("sliding"),this.isInAction(t)&&this.switchVerticalArrow(t.children(".topEdge"))},showParent:function(e){var t=e.closest(".nodes").siblings().removeClass("hidden");t.eq(2).children().slice(1,-1).addClass("hidden");var i=t.eq(0).find(".node");this.repaint(i[0]),i.addClass("sliding").removeClass("slide-down").one("transitionend",{node:e},this.showParentEnd.bind(this))},stopAjax:function(e){e.find(".spinner").length&&e.closest(".orgchart").data("inAjax",!1)},isVisibleNode:function(e,t){return this.getNodeState(u(t)).visible},hideChildrenEnd:function(e){var t=e.data.node;e.data.animatedNodes.removeClass("sliding"),e.data.isVerticalDesc?e.data.lowerLevel.addClass("hidden"):(e.data.animatedNodes.closest(".nodes").prevAll(".lines").removeAttr("style").addBack().addClass("hidden"),e.data.lowerLevel.last().find(".verticalNodes").addClass("hidden")),this.isInAction(t)&&this.switchVerticalArrow(t.children(".bottomEdge"))},hideChildren:function(e){var t=e.closest("tr").siblings();this.stopAjax(t.last());var i=t.last().find(".node").filter(this.isVisibleNode.bind(this)),n=!!t.last().is(".verticalNodes");n||i.closest("table").closest("tr").prevAll(".lines").css("visibility","hidden"),this.repaint(i.get(0)),i.addClass("sliding slide-up").eq(0).one("transitionend",{animatedNodes:i,lowerLevel:t,isVerticalDesc:n,node:e},this.hideChildrenEnd.bind(this))},showChildrenEnd:function(e){var t=e.data.node;e.data.animatedNodes.removeClass("sliding"),this.isInAction(t)&&this.switchVerticalArrow(t.children(".bottomEdge"))},showChildren:function(e){var t=e.closest("tr").siblings(),i=!!t.is(".verticalNodes")?t.removeClass("hidden").find(".node").filter(this.isVisibleNode.bind(this)):t.removeClass("hidden").eq(2).children().find(".node:first").filter(this.isVisibleNode.bind(this));this.repaint(i.get(0)),i.addClass("sliding").removeClass("slide-up").eq(0).one("transitionend",{node:e,animatedNodes:i},this.showChildrenEnd.bind(this))},hideSiblingsEnd:function(e){var t=e.data.node,i=e.data.nodeContainer,n=e.data.direction;e.data.lines.removeAttr("style");var s=n?"left"===n?i.prevAll(":not(.hidden)"):i.nextAll(":not(.hidden)"):i.siblings();i.closest(".nodes").prev().children(":not(.hidden)").slice(1,n?2*s.length+1:-1).addClass("hidden"),e.data.animatedNodes.removeClass("sliding"),s.find(".node:gt(0)").filter(this.isVisibleNode.bind(this)).removeClass("slide-left slide-right").addClass("slide-up"),s.find(".lines, .nodes, .verticalNodes").addClass("hidden").end().addClass("hidden"),this.isInAction(t)&&this.switchHorizontalArrow(t)},hideSiblings:function(e,t){var i=e.closest("table").parent();i.siblings().find(".spinner").length&&e.closest(".orgchart").data("inAjax",!1),t?"left"===t?i.prevAll().find(".node").filter(this.isVisibleNode.bind(this)).addClass("sliding slide-right"):i.nextAll().find(".node").filter(this.isVisibleNode.bind(this)).addClass("sliding slide-left"):(i.prevAll().find(".node").filter(this.isVisibleNode.bind(this)).addClass("sliding slide-right"),i.nextAll().find(".node").filter(this.isVisibleNode.bind(this)).addClass("sliding slide-left"));var n=i.siblings().find(".sliding"),s=n.closest(".nodes").prevAll(".lines").css("visibility","hidden");n.eq(0).one("transitionend",{node:e,nodeContainer:i,direction:t,animatedNodes:n,lines:s},this.hideSiblingsEnd.bind(this))},showSiblingsEnd:function(e){var t=e.data.node;e.data.visibleNodes.removeClass("sliding"),this.isInAction(t)&&(this.switchHorizontalArrow(t),t.children(".topEdge").removeClass("fa-chevron-up").addClass("fa-chevron-down"))},showRelatedParentEnd:function(e){u(e.target).removeClass("sliding")},showSiblings:function(e,t){var i=u();i=t?"left"===t?e.closest("table").parent().prevAll().removeClass("hidden"):e.closest("table").parent().nextAll().removeClass("hidden"):e.closest("table").parent().siblings().removeClass("hidden");var n=e.closest("table").closest("tr").siblings();if(t?n.eq(2).children(".hidden").slice(0,2*i.length).removeClass("hidden"):n.eq(2).children(".hidden").removeClass("hidden"),!this.getNodeState(e,"parent").visible){n.removeClass("hidden");var s=n.find(".node")[0];this.repaint(s),u(s).addClass("sliding").removeClass("slide-down").one("transitionend",this.showRelatedParentEnd)}var a=i.find(".node").filter(this.isVisibleNode.bind(this));this.repaint(a.get(0)),a.addClass("sliding").removeClass("slide-left slide-right"),a.eq(0).one("transitionend",{node:e,visibleNodes:a},this.showSiblingsEnd.bind(this))},startLoading:function(e){var t=this.$chart;return(void 0===t.data("inAjax")||!0!==t.data("inAjax"))&&(e.addClass("hidden"),e.parent().append('<i class="fa fa-circle-o-notch fa-spin spinner"></i>').children().not(".spinner").css("opacity",.2),t.data("inAjax",!0),u(".oc-export-btn"+(""!==this.options.chartClass?"."+this.options.chartClass:"")).prop("disabled",!0),!0)},endLoading:function(e){var t=e.parent();e.removeClass("hidden"),t.find(".spinner").remove(),t.children().removeAttr("style"),this.$chart.data("inAjax",!1),u(".oc-export-btn"+(""!==this.options.chartClass?"."+this.options.chartClass:"")).prop("disabled",!1)},isInAction:function(e){return-1<e.children(".edge").attr("class").indexOf("fa-")},switchVerticalArrow:function(e){e.toggleClass("fa-chevron-up").toggleClass("fa-chevron-down")},switchHorizontalArrow:function(e){var t=this.options;if(t.toggleSiblingsResp&&(void 0===t.ajaxURL||e.closest(".nodes").data("siblingsLoaded"))){var i=e.closest("table").parent().prev();i.length&&(i.is(".hidden")?e.children(".leftEdge").addClass("fa-chevron-left").removeClass("fa-chevron-right"):e.children(".leftEdge").addClass("fa-chevron-right").removeClass("fa-chevron-left"));var n=e.closest("table").parent().next();n.length&&(n.is(".hidden")?e.children(".rightEdge").addClass("fa-chevron-right").removeClass("fa-chevron-left"):e.children(".rightEdge").addClass("fa-chevron-left").removeClass("fa-chevron-right"))}else{var s=e.closest("table").parent().siblings(),a=!!s.length&&!s.is(".hidden");e.children(".leftEdge").toggleClass("fa-chevron-right",a).toggleClass("fa-chevron-left",!a),e.children(".rightEdge").toggleClass("fa-chevron-left",a).toggleClass("fa-chevron-right",!a)}},repaint:function(e){e&&(e.style.offsetWidth=e.offsetWidth)},nodeEnterLeaveHandler:function(e){var t=u(e.delegateTarget),i=!1,n=t.children(".topEdge"),s=(t.children(".rightEdge"),t.children(".bottomEdge")),a=t.children(".leftEdge");"mouseenter"===e.type?(n.length&&(i=this.getNodeState(t,"parent").visible,n.toggleClass("fa-chevron-up",!i).toggleClass("fa-chevron-down",i)),s.length&&(i=this.getNodeState(t,"children").visible,s.toggleClass("fa-chevron-down",!i).toggleClass("fa-chevron-up",i)),a.length&&this.switchHorizontalArrow(t)):t.children(".edge").removeClass("fa-chevron-up fa-chevron-down fa-chevron-right fa-chevron-left")},nodeClickHandler:function(e){this.$chart.find(".focused").removeClass("focused"),u(e.delegateTarget).addClass("focused")},loadNodes:function(t,e,i){var n=this;this.options;u.ajax({url:e,dataType:"json"}).done(function(e){n.$chart.data("inAjax")&&("parent"===t?u.isEmptyObject(e)||n.addParent(i.parent(),e):"children"===t?e.children.length&&n.addChildren(i.parent(),e[t]):n.addSiblings(i.parent(),e.siblings?e.siblings:e))}).fail(function(){console.log("Failed to get "+t+" data")}).always(function(){n.endLoading(i)})},HideFirstParentEnd:function(e){var t=e.data.topEdge,i=t.parent();this.isInAction(i)&&(this.switchVerticalArrow(t),this.switchHorizontalArrow(i))},topEdgeClickHandler:function(e){e.stopPropagation();var t=u(e.target),i=u(e.delegateTarget),n=this.getNodeState(i,"parent");if(n.exist){var s=i.closest("table").closest("tr").siblings(":first").find(".node");if(s.is(".sliding"))return;n.visible?(this.hideParent(i),s.one("transitionend",{topEdge:t},this.HideFirstParentEnd.bind(this))):this.showParent(i)}else if(this.startLoading(t)){var a=this.options,o=u.isFunction(a.ajaxURL.parent)?a.ajaxURL.parent(i.data("nodeData")):a.ajaxURL.parent+i[0].id;this.loadNodes("parent",o,t)}},bottomEdgeClickHandler:function(e){e.stopPropagation();var t=u(e.target),i=u(e.delegateTarget),n=this.getNodeState(i,"children");if(n.exist){if(i.closest("tr").siblings(":last").find(".sliding").length)return;n.visible?this.hideChildren(i):this.showChildren(i)}else if(this.startLoading(t)){var s=this.options,a=u.isFunction(s.ajaxURL.children)?s.ajaxURL.children(i.data("nodeData")):s.ajaxURL.children+i[0].id;this.loadNodes("children",a,t)}},hEdgeClickHandler:function(e){e.stopPropagation();var t=u(e.target),i=u(e.delegateTarget),n=this.options,s=this.getNodeState(i,"siblings");if(s.exist){if(i.closest("table").parent().siblings().find(".sliding").length)return;if(n.toggleSiblingsResp){var a=i.closest("table").parent().prev(),o=i.closest("table").parent().next();t.is(".leftEdge")?a.is(".hidden")?this.showSiblings(i,"left"):this.hideSiblings(i,"left"):o.is(".hidden")?this.showSiblings(i,"right"):this.hideSiblings(i,"right")}else s.visible?this.hideSiblings(i):this.showSiblings(i)}else if(this.startLoading(t)){var r=i[0].id,d=this.getNodeState(i,"parent").exist?u.isFunction(n.ajaxURL.siblings)?n.ajaxURL.siblings(i.data("nodeData")):n.ajaxURL.siblings+r:u.isFunction(n.ajaxURL.families)?n.ajaxURL.families(i.data("nodeData")):n.ajaxURL.families+r;this.loadNodes("siblings",d,t)}},expandVNodesEnd:function(e){e.data.vNodes.removeClass("sliding")},collapseVNodesEnd:function(e){e.data.vNodes.removeClass("sliding").closest("ul").addClass("hidden")},toggleVNodes:function(e){var t=u(e.target),i=t.parent().next(),n=i.find(".node"),s=i.children().children(".node");s.is(".sliding")||(t.toggleClass("fa-plus-square fa-minus-square"),n.eq(0).is(".slide-up")?(i.removeClass("hidden"),this.repaint(s.get(0)),s.addClass("sliding").removeClass("slide-up").eq(0).one("transitionend",{vNodes:s},this.expandVNodesEnd)):(n.addClass("sliding slide-up").eq(0).one("transitionend",{vNodes:n},this.collapseVNodesEnd),n.find(".toggleBtn").removeClass("fa-minus-square").addClass("fa-plus-square")))},createGhostNode:function(e){var t,i,n=u(e.target),s=this.options,a=e.originalEvent,o=/firefox/.test(p.navigator.userAgent.toLowerCase());if(f.querySelector(".ghost-node"))t=n.closest(".orgchart").children(".ghost-node").get(0),i=u(t).children().get(0);else{if(!(t=f.createElementNS("http://www.w3.org/2000/svg","svg")).classList)return;t.classList.add("ghost-node"),i=f.createElementNS("http://www.w3.org/2000/svg","rect"),t.appendChild(i),n.closest(".orgchart").append(t)}var r=n.closest(".orgchart").css("transform").split(","),d="t2b"===s.direction||"b2t"===s.direction,l=Math.abs(p.parseFloat(d?r[0].slice(r[0].indexOf("(")+1):r[1]));t.setAttribute("width",d?n.outerWidth(!1):n.outerHeight(!1)),t.setAttribute("height",d?n.outerHeight(!1):n.outerWidth(!1)),i.setAttribute("x",5*l),i.setAttribute("y",5*l),i.setAttribute("width",120*l),i.setAttribute("height",40*l),i.setAttribute("rx",4*l),i.setAttribute("ry",4*l),i.setAttribute("stroke-width",1*l);var h=a.offsetX*l,c=a.offsetY*l;if("l2r"===s.direction?(h=a.offsetY*l,c=a.offsetX*l):"r2l"===s.direction?(h=n.outerWidth(!1)-a.offsetY*l,c=a.offsetX*l):"b2t"===s.direction&&(h=n.outerWidth(!1)-a.offsetX*l,c=n.outerHeight(!1)-a.offsetY*l),o){i.setAttribute("fill","rgb(255, 255, 255)"),i.setAttribute("stroke","rgb(191, 0, 0)");var g=f.createElement("img");g.src="data:image/svg+xml;utf8,"+(new XMLSerializer).serializeToString(t),a.dataTransfer.setDragImage(g,h,c)}else a.dataTransfer.setDragImage&&a.dataTransfer.setDragImage(t,h,c)},filterAllowedDropNodes:function(i){var n=this.options,s=i.closest("[draggable]").hasClass("node"),a=i.closest(".nodes").siblings().eq(0).find(".node:first"),o=i.closest("table").find(".node");this.$chart.data("dragged",i).find(".node").each(function(e,t){s&&-1!==o.index(t)||(n.dropCriteria?n.dropCriteria(i,a,u(t))&&u(t).addClass("allowedDrop"):u(t).addClass("allowedDrop"))})},dragstartHandler:function(e){e.originalEvent.dataTransfer.setData("text/html","hack for firefox"),"none"!==this.$chart.css("transform")&&this.createGhostNode(e),this.filterAllowedDropNodes(u(e.target))},dragoverHandler:function(e){u(e.delegateTarget).is(".allowedDrop")?e.preventDefault():e.originalEvent.dataTransfer.dropEffect="none"},dragendHandler:function(e){this.$chart.find(".allowedDrop").removeClass("allowedDrop")},dropHandler:function(e){var t=u(e.delegateTarget),i=this.$chart.data("dragged");if(i.hasClass("node")){if(t.hasClass("allowedDrop")){var n=i.closest(".nodes").siblings().eq(0).children(),s=u.Event("nodedrop.orgchart");if(this.$chart.trigger(s,{draggedNode:i,dragZone:n.children(),dropZone:t}),!s.isDefaultPrevented()){if(t.closest("tr").siblings().length){var a=parseInt(t.parent().attr("colspan"))+2,o='<i class="edge horizontalEdge rightEdge fa"></i><i class="edge horizontalEdge leftEdge fa"></i>';t.closest("tr").next().addBack().children().attr("colspan",a),i.find(".horizontalEdge").length||i.append(o),t.closest("tr").siblings().eq(1).children(":last").before('<td class="leftLine topLine"></td><td class="rightLine topLine"></td>').end().next().append(i.closest("table").parent());var r=i.closest("table").parent().siblings().find(".node:first");1===r.length&&r.append(o)}else t.append('<i class="edge verticalEdge bottomEdge fa"></i>').parent().attr("colspan",2).parent().after('<tr class="lines"><td colspan="2"><div class="downLine"></div></td></tr><tr class="lines"><td class="rightLine"></td><td class="leftLine"></td></tr><tr class="nodes"></tr>').siblings(":last").append(i.find(".horizontalEdge").remove().end().closest("table").parent());var d=parseInt(n.attr("colspan"));if(2<d){n.attr("colspan",d-2).parent().next().children().attr("colspan",d-2).end().next().children().slice(1,3).remove();var l=n.parent().siblings(".nodes").children().find(".node:first");1===l.length&&l.find(".horizontalEdge").remove()}else n.removeAttr("colspan").find(".bottomEdge").remove().end().end().siblings().remove()}}}else this.$chart.triggerHandler({type:"otherdropped.orgchart",draggedItem:i,dropZone:t})},touchstartHandler:function(e){this.touchHandled||e.touches&&1<e.touches.length||(this.touchHandled=!0,this.touchMoved=!1,e.preventDefault())},touchmoveHandler:function(e){if(this.touchHandled&&!(e.touches&&1<e.touches.length)){e.preventDefault(),this.touchMoved||(this.filterAllowedDropNodes(u(e.currentTarget)),this.touchDragImage=this.createDragImage(e,this.$chart.data("dragged")[0])),this.touchMoved=!0,this.moveDragImage(e,this.touchDragImage);var t=u(f.elementFromPoint(e.touches[0].clientX,e.touches[0].clientY)).closest("div.node");if(0<t.length){var i=t[0];t.is(".allowedDrop")?this.touchTargetNode=i:this.touchTargetNode=null}else this.touchTargetNode=null}},touchendHandler:function(e){if(this.touchHandled){if(this.destroyDragImage(),this.touchMoved){if(this.touchTargetNode){var t={delegateTarget:this.touchTargetNode};this.dropHandler(t),this.touchTargetNode=null}this.dragendHandler(e)}else{var i=e.changedTouches[0],n=f.createEvent("MouseEvents");n.initMouseEvent("click",!0,!0,p,1,i.screenX,i.screenY,i.clientX,i.clientY,e.ctrlKey,e.altKey,e.shiftKey,e.metaKey,0,null),e.target.dispatchEvent(n)}this.touchHandled=!1}},createDragImage:function(e,t){var i=t.cloneNode(!0);this.copyStyle(t,i),i.style.top=i.style.left="-9999px";var n=t.getBoundingClientRect(),s=this.getTouchPoint(e);return this.touchDragImageOffset={x:s.x-n.left,y:s.y-n.top},i.style.opacity="0.5",f.body.appendChild(i),i},destroyDragImage:function(){this.touchDragImage&&this.touchDragImage.parentElement&&this.touchDragImage.parentElement.removeChild(this.touchDragImage),this.touchDragImageOffset=null,this.touchDragImage=null},copyStyle:function(e,t){if(["id","class","style","draggable"].forEach(function(e){t.removeAttribute(e)}),e instanceof HTMLCanvasElement){var i=e,n=t;n.width=i.width,n.height=i.height,n.getContext("2d").drawImage(i,0,0)}for(var s=getComputedStyle(e),a=0;a<s.length;a++){var o=s[a];o.indexOf("transition")<0&&(t.style[o]=s[o])}t.style.pointerEvents="none";for(a=0;a<e.children.length;a++)this.copyStyle(e.children[a],t.children[a])},getTouchPoint:function(e){return e&&e.touches&&(e=e.touches[0]),{x:e.clientX,y:e.clientY}},moveDragImage:function(i,n){if(i&&n){var s=this;requestAnimationFrame(function(){var e=s.getTouchPoint(i),t=n.style;t.position="absolute",t.pointerEvents="none",t.zIndex="999999",s.touchDragImageOffset&&(t.left=Math.round(e.x-s.touchDragImageOffset.x)+"px",t.top=Math.round(e.y-s.touchDragImageOffset.y)+"px")})}},bindDragDrop:function(e){e.on("dragstart",this.dragstartHandler.bind(this)).on("dragover",this.dragoverHandler.bind(this)).on("dragend",this.dragendHandler.bind(this)).on("drop",this.dropHandler.bind(this)).on("touchstart",this.touchstartHandler.bind(this)).on("touchmove",this.touchmoveHandler.bind(this)).on("touchend",this.touchendHandler.bind(this))},createNode:function(i){var e=this.options,t=i.level;i.children&&u.each(i.children,function(e,t){t.parentId=i.id});var n=u("<div"+(e.draggable?' draggable="true"':"")+(i[e.nodeId]?' id="'+i[e.nodeId]+'"':"")+(i.parentId?' data-parent="'+i.parentId+'"':"")+">").addClass("node "+(i.className||"")+(t>e.visibleLevel?" slide-up":""));e.nodeTemplate?n.append(e.nodeTemplate(i)):n.append('<div class="title">'+i[e.nodeTitle]+"</div>").append(void 0!==e.nodeContent?'<div class="content">'+(i[e.nodeContent]||"")+"</div>":"");var s=u.extend({},i);delete s.children,n.data("nodeData",s);var a=i.relationship||"";if(e.verticalLevel&&t>=e.verticalLevel){if(t+1>e.verticalLevel&&Number(a.substr(2,1))){var o=t+1>e.visibleLevel?"plus":"minus";n.append('<i class="toggleBtn fa fa-'+o+'-square"></i>')}}else Number(a.substr(0,1))&&n.append('<i class="edge verticalEdge topEdge fa"></i>'),Number(a.substr(1,1))&&n.append('<i class="edge horizontalEdge rightEdge fa"></i><i class="edge horizontalEdge leftEdge fa"></i>'),Number(a.substr(2,1))&&n.append('<i class="edge verticalEdge bottomEdge fa"></i>').children(".title").prepend('<i class="fa '+e.parentNodeSymbol+' symbol"></i>');return n.on("mouseenter mouseleave",this.nodeEnterLeaveHandler.bind(this)),n.on("click",this.nodeClickHandler.bind(this)),n.on("click",".topEdge",this.topEdgeClickHandler.bind(this)),n.on("click",".bottomEdge",this.bottomEdgeClickHandler.bind(this)),n.on("click",".leftEdge, .rightEdge",this.hEdgeClickHandler.bind(this)),n.on("click",".toggleBtn",this.toggleVNodes.bind(this)),e.draggable&&(this.bindDragDrop(n),this.touchHandled=!1,this.touchMoved=!1,this.touchTargetNode=null),e.createNode&&e.createNode(n,i),n},buildHierarchy:function(e,t){var i=this,n=this.options,s=0;s=t.level?t.level:t.level=e.parentsUntil(".orgchart",".nodes").length+1;var a,o=t.children,r=!!o&&o.length;if(2<Object.keys(t).length){var d=this.createNode(t);n.verticalLevel&&s>=n.verticalLevel?e.append(d):(a=u("<table>"),e.append(a.append(u("<tr/>").append(u("<td"+(r?' colspan="'+2*o.length+'"':"")+"></td>").append(d)))))}if(r){var l,h=s+1>n.visibleLevel||t.collapsed?" hidden":"",c=!!(n.verticalLevel&&s+1>=n.verticalLevel);if(c)l=u("<ul>"),h&&s+1>n.verticalLevel&&l.addClass(h),s+1===n.verticalLevel?e.children("table").append('<tr class="verticalNodes'+h+'"><td></td></tr>').find(".verticalNodes").children().append(l):e.append(l);else{for(var g=u('<tr class="lines'+h+'"><td colspan="'+2*o.length+'"><div class="downLine"></div></td></tr>'),p='<tr class="lines'+h+'"><td class="rightLine"></td>',f=1;f<o.length;f++)p+='<td class="leftLine topLine"></td><td class="rightLine topLine"></td>';p+='<td class="leftLine"></td></tr>',l=u('<tr class="nodes'+h+'">'),2===Object.keys(t).length?e.append(g).append(p).append(l):a.append(g).append(p).append(l)}u.each(o,function(){var e=u(c?"<li>":'<td colspan="2">');l.append(e),this.level=s+1,i.buildHierarchy(e,this)})}},buildChildNode:function(e,t){e.find("td:first").attr("colspan",2*t.length),this.buildHierarchy(e,{children:t})},addChildren:function(e,t){this.buildChildNode(e.closest("table"),t),e.children(".bottomEdge").length||e.append('<i class="edge verticalEdge bottomEdge fa"></i>'),e.find(".symbol").length||e.children(".title").prepend('<i class="fa '+this.options.parentNodeSymbol+' symbol"></i>'),this.isInAction(e)&&this.switchVerticalArrow(e.children(".bottomEdge"))},buildParentNode:function(e,t){t.relationship=t.relationship||"001";var i=u("<table>").append(u("<tr>").append(u('<td colspan="2">').append(this.createNode(t)))).append('<tr class="lines"><td colspan="2"><div class="downLine"></div></td></tr>').append('<tr class="lines"><td class="rightLine"></td><td class="leftLine"></td></tr>');this.$chart.prepend(i).children("table:first").append('<tr class="nodes"><td colspan="2"></td></tr>').children("tr:last").children().append(this.$chart.children("table").last())},addParent:function(e,t){this.buildParentNode(e,t),e.children(".topEdge").length||e.children(".title").after('<i class="edge verticalEdge topEdge fa"></i>'),this.isInAction(e)&&this.switchVerticalArrow(e.children(".topEdge"))},complementLine:function(e,t,i){for(var n="",s=0;s<i;s++)n+='<td class="leftLine topLine"></td><td class="rightLine topLine"></td>';e.parent().prevAll("tr:gt(0)").children().attr("colspan",2*t).end().next().children(":first").after(n)},buildSiblingNode:function(e,t){var i=u.isArray(t)?t.length:t.children.length,n=e.parent().is("td")?e.closest("tr").children().length:1,s=n+i,a=1<s?Math.floor(s/2-1):0;if(e.parent().is("td")){e.closest("tr").prevAll("tr:last");e.closest("tr").prevAll("tr:lt(2)").remove(),this.buildChildNode(e.parent().closest("table"),t);var o=e.parent().closest("table").children("tr:last").children("td");1<n?this.complementLine(o.eq(0).before(e.closest("td").siblings().addBack().unwrap()),s,n):this.complementLine(o.eq(a).after(e.closest("td").unwrap()),s,1)}else this.buildHierarchy(e.closest(".orgchart"),t),this.complementLine(e.next().children("tr:last").children().eq(a).after(u('<td colspan="2">').append(e)),s,1)},addSiblings:function(e,t){this.buildSiblingNode(e.closest("table"),t),e.closest(".nodes").data("siblingsLoaded",!0),e.children(".leftEdge").length||e.children(".topEdge").after('<i class="edge horizontalEdge rightEdge fa"></i><i class="edge horizontalEdge leftEdge fa"></i>'),this.isInAction(e)&&(this.switchHorizontalArrow(e),e.children(".topEdge").removeClass("fa-chevron-up").addClass("fa-chevron-down"))},removeNodes:function(e){var t=e.closest("table").parent(),i=t.parent().siblings();t.is("td")?this.getNodeState(e,"siblings").exist?(i.eq(2).children(".topLine:lt(2)").remove(),i.slice(0,2).children().attr("colspan",i.eq(2).children().length),t.remove()):i.eq(0).children().removeAttr("colspan").find(".bottomEdge").remove().end().end().siblings().remove():t.add(t.siblings()).remove()},hideDropZones:function(){this.$chart.find(".allowedDrop").removeClass("allowedDrop")},showDropZones:function(e){this.$chart.find(".node").each(function(e,t){u(t).addClass("allowedDrop")}),this.$chart.data("dragged",u(e))},processExternalDrop:function(e,t){t&&this.$chart.data("dragged",u(t)),e.closest(".node").triggerHandler({type:"drop"})},exportPDF:function(e,t){var i={},n=Math.floor(e.width),s=Math.floor(e.height);(i=s<n?new jsPDF({orientation:"landscape",unit:"px",format:[n,s]}):new jsPDF({orientation:"portrait",unit:"px",format:[s,n]})).addImage(e.toDataURL(),"png",0,0),i.save(t+".pdf")},exportPNG:function(e,t){var i="WebkitAppearance"in f.documentElement.style,n=!!p.sidebar,s="Microsoft Internet Explorer"===navigator.appName||"Netscape"===navigator.appName&&-1<navigator.appVersion.indexOf("Edge"),a=this.$chartContainer;if(!i&&!n||s)p.navigator.msSaveBlob(e.msToBlob(),t+".png");else{var o=".oc-download-btn"+(""!==this.options.chartClass?"."+this.options.chartClass:"");a.find(o).length||a.append('<a class="oc-download-btn'+(""!==this.options.chartClass?" "+this.options.chartClass:"")+'" download="'+t+'.png"></a>'),a.find(o).attr("href",e.toDataURL())[0].click()}},export:function(t,i){var n=this;if(t=void 0!==t?t:this.options.exportFilename,i=void 0!==i?i:this.options.exportFileextension,u(this).children(".spinner").length)return!1;var s=this.$chartContainer,e=s.find(".mask");e.length?e.removeClass("hidden"):s.append('<div class="mask"><i class="fa fa-circle-o-notch fa-spin spinner"></i></div>');var a=s.addClass("canvasContainer").find('.orgchart:not(".hidden")').get(0),o="l2r"===n.options.direction||"r2l"===n.options.direction;html2canvas(a,{width:o?a.clientHeight:a.clientWidth,height:o?a.clientWidth:a.clientHeight,onclone:function(e){u(e).find(".canvasContainer").css("overflow","visible").find('.orgchart:not(".hidden"):first').css("transform","")}}).then(function(e){s.find(".mask").addClass("hidden"),"pdf"===i.toLowerCase()?n.exportPDF(e,t):n.exportPNG(e,t),s.removeClass("canvasContainer")},function(){s.removeClass("canvasContainer")})}},u.fn.orgchart=function(e){return new t(this,e).init()}});
-//# sourceMappingURL=jquery.orgchart.min.js.map
diff --git a/dist/js/jquery.orgchart.min.js.map b/dist/js/jquery.orgchart.min.js.map
deleted file mode 100644
index 9b13ba88..00000000
--- a/dist/js/jquery.orgchart.min.js.map
+++ /dev/null
@@ -1 +0,0 @@
-{"version":3,"sources":["jquery.orgchart.js"],"names":["factory","module","exports","require","window","document","jQuery","$","undefined","OrgChart","elem","opts","this","$chartContainer","defaultOptions","nodeTitle","nodeId","toggleSiblingsResp","visibleLevel","chartClass","exportButton","exportFilename","exportFileextension","parentNodeSymbol","draggable","direction","pan","zoom","zoominLimit","zoomoutLimit","prototype","init","that","options","extend","$chart","remove","data","class","click","event","target","closest","length","find","removeClass","MutationObserver","triggerInitEvent","type","buildHierarchy","buildJsonDS","children","ajaxURL","attachRel","append","ajax","url","dataType","done","textStatus","jqXHR","fail","errorThrown","console","log","always","attachExportButton","bindPan","bindZoom","mo","mutations","disconnect","initTime","i","j","addedNodes","classList","contains","initCompleted","initEvent","Event","trigger","observe","childList","$exportBtn","text","e","preventDefault","export","setOptions","val","unbindPan","unbindZoom","panStartHandler","delegateTarget","touches","css","lastX","lastY","lastTf","temp","split","indexOf","parseInt","startX","startY","targetTouches","pageX","pageY","on","newX","newY","matrix","join","panEndHandler","chart","off","zoomWheelHandler","oc","newScale","originalEvent","deltaY","setChartScale","zoomStartHandler","dist","getPinchDist","zoomingHandler","zoomEndHandler","diff","Math","sqrt","clientX","clientY","targetScale","abs","parseFloat","$li","subObj","name","contents","eq","trim","relationship","parent","is","siblings","each","key","value","push","flags","forEach","item","loopChart","$tr","id","getHierarchy","valid","getNodeState","$node","relation","$target","isVerticalNode","parents","exist","visible","getRelatedNodes","hideParentEnd","upperLevel","addClass","slice","removeAttr","hideParent","$upperLevel","hideSiblings","$parent","one","showParentEnd","node","isInAction","switchVerticalArrow","showParent","repaint","bind","stopAjax","$nodeLevel","isVisibleNode","index","hideChildrenEnd","animatedNodes","isVerticalDesc","lowerLevel","prevAll","addBack","last","hideChildren","$lowerLevel","$animatedNodes","filter","get","showChildrenEnd","showChildren","$levels","hideSiblingsEnd","$nodeContainer","nodeContainer","lines","$siblings","nextAll","prev","end","switchHorizontalArrow","$lines","showSiblingsEnd","visibleNodes","showRelatedParentEnd","showSiblings","$visibleNodes","startLoading","$edge","not","prop","endLoading","attr","$arrow","toggleClass","$prevSib","$nextSib","next","$sibs","sibsVisible","style","offsetWidth","nodeEnterLeaveHandler","flag","$topEdge","$bottomEdge","$leftEdge","nodeClickHandler","loadNodes","rel","isEmptyObject","addParent","addChildren","addSiblings","HideFirstParentEnd","topEdge","topEdgeClickHandler","stopPropagation","parentState","isFunction","bottomEdgeClickHandler","childrenState","hEdgeClickHandler","$hEdge","siblingsState","families","expandVNodesEnd","vNodes","collapseVNodesEnd","toggleVNodes","$toggleBtn","$descWrapper","$descendants","$children","createGhostNode","ghostNode","nodeCover","$nodeDiv","origEvent","isFirefox","test","navigator","userAgent","toLowerCase","querySelector","createElementNS","add","appendChild","transValues","isHorizontal","scale","setAttribute","outerWidth","outerHeight","xOffset","offsetX","yOffset","offsetY","ghostNodeWrapper","createElement","src","XMLSerializer","serializeToString","dataTransfer","setDragImage","filterAllowedDropNodes","$dragged","draggingNode","hasClass","$dragZone","$dragHier","dropCriteria","dragstartHandler","setData","dragoverHandler","dropEffect","dragendHandler","dropHandler","$dropZone","dropEvent","draggedNode","dragZone","dropZone","isDefaultPrevented","dropColspan","horizontalEdges","before","$dropSibs","after","dragColspan","$dragSibs","triggerHandler","draggedItem","touchstartHandler","touchHandled","touchMoved","touchmoveHandler","currentTarget","touchDragImage","createDragImage","moveDragImage","$touchingNodes","elementFromPoint","touchingNodeElement","touchTargetNode","touchendHandler","destroyDragImage","fakeEventForDropHandler","firstTouch","changedTouches","fakeMouseClickEvent","createEvent","initMouseEvent","screenX","screenY","ctrlKey","altKey","shiftKey","metaKey","dispatchEvent","source","dragImage","cloneNode","copyStyle","top","left","sourceRectangle","getBoundingClientRect","sourcePoint","getTouchPoint","touchDragImageOffset","x","y","opacity","body","parentElement","removeChild","dst","att","removeAttribute","HTMLCanvasElement","cSrc","cDst","width","height","getContext","drawImage","cs","getComputedStyle","pointerEvents","image","orgChartMaster","requestAnimationFrame","pt","s","position","zIndex","round","bindDragDrop","createNode","level","child","parentId","className","nodeTemplate","nodeContent","nodeData","verticalLevel","Number","substr","icon","prepend","$appendTo","parentsUntil","$nodeWrapper","childrenData","hasChildren","Object","keys","$nodesLayer","isHidden","collapsed","isVerticalLayer","$upperLines","lowerLines","$nodeCell","buildChildNode","buildParentNode","$currentRoot","$table","complementLine","$oneSibling","siblingCount","existingSibligCount","buildSiblingNode","$nodeChart","newSiblingCount","isArray","insertPostion","floor","$siblingTds","unwrap","removeNodes","hideDropZones","showDropZones","dragged","processExternalDrop","exportPDF","canvas","doc","docWidth","docHeight","jsPDF","orientation","unit","format","addImage","toDataURL","save","exportPNG","isWebkit","documentElement","isFf","sidebar","isEdge","appName","appVersion","msSaveBlob","msToBlob","selector","$mask","sourceChart","html2canvas","clientHeight","clientWidth","onclone","cloneDoc","then","fn","orgchart"],"mappings":"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","file":"jquery.orgchart.min.js","sourcesContent":["/*\n * jQuery OrgChart Plugin\n * https://github.com/dabeng/OrgChart\n *\n * Copyright 2016, dabeng\n * https://github.com/dabeng\n *\n * Licensed under the MIT license:\n * http://www.opensource.org/licenses/MIT\n */\n'use strict';\n\n(function (factory) {\n  if (typeof module === 'object' && typeof module.exports === 'object') {\n    factory(require('jquery'), window, document);\n  } else {\n    factory(jQuery, window, document);\n  }\n}(function ($, window, document, undefined) {\n  var OrgChart = function (elem, opts) {\n    this.$chartContainer = $(elem);\n    this.opts = opts;\n    this.defaultOptions = {\n      'nodeTitle': 'name',\n      'nodeId': 'id',\n      'toggleSiblingsResp': false,\n      'visibleLevel': 999,\n      'chartClass': '',\n      'exportButton': false,\n      'exportFilename': 'OrgChart',\n      'exportFileextension': 'png',\n      'parentNodeSymbol': 'fa-users',\n      'draggable': false,\n      'direction': 't2b',\n      'pan': false,\n      'zoom': false,\n      'zoominLimit': 7,\n      'zoomoutLimit': 0.5\n    };\n  };\n  //\n  OrgChart.prototype = {\n    //\n    init: function (opts) {\n      var that = this;\n      this.options = $.extend({}, this.defaultOptions, this.opts, opts);\n      // build the org-chart\n      var $chartContainer = this.$chartContainer;\n      if (this.$chart) {\n        this.$chart.remove();\n      }\n      var data = this.options.data;\n      var $chart = this.$chart = $('<div>', {\n        'data': { 'options': this.options },\n        'class': 'orgchart' + (this.options.chartClass !== '' ? ' ' + this.options.chartClass : '') + (this.options.direction !== 't2b' ? ' ' + this.options.direction : ''),\n        'click': function(event) {\n          if (!$(event.target).closest('.node').length) {\n            $chart.find('.node.focused').removeClass('focused');\n          }\n        }\n      });\n      if (typeof MutationObserver !== 'undefined') {\n        this.triggerInitEvent();\n      }\n      if ($.type(data) === 'object') {\n        if (data instanceof $) { // ul datasource\n          this.buildHierarchy($chart, this.buildJsonDS(data.children()), 0, this.options);\n        } else { // local json datasource\n          this.buildHierarchy($chart, this.options.ajaxURL ? data : this.attachRel(data, '00'));\n        }\n      } else {\n        $chart.append('<i class=\"fa fa-circle-o-notch fa-spin spinner\"></i>');\n        $.ajax({\n          'url': data,\n          'dataType': 'json'\n        })\n        .done(function(data, textStatus, jqXHR) {\n          that.buildHierarchy($chart, that.options.ajaxURL ? data : that.attachRel(data, '00'), 0, that.options);\n        })\n        .fail(function(jqXHR, textStatus, errorThrown) {\n          console.log(errorThrown);\n        })\n        .always(function() {\n          $chart.children('.spinner').remove();\n        });\n      }\n      $chartContainer.append($chart);\n\n      // append the export button\n      if (this.options.exportButton && !$chartContainer.find('.oc-export-btn').length) {\n        this.attachExportButton();\n      }\n\n      if (this.options.pan) {\n        this.bindPan();\n      }\n\n      if (this.options.zoom) {\n        this.bindZoom();\n      }\n\n      return this;\n    },\n    //\n    triggerInitEvent: function () {\n      var that = this;\n      var mo = new MutationObserver(function (mutations) {\n        mo.disconnect();\n        initTime:\n        for (var i = 0; i < mutations.length; i++) {\n          for (var j = 0; j < mutations[i].addedNodes.length; j++) {\n            if (mutations[i].addedNodes[j].classList.contains('orgchart')) {\n              if (that.options.initCompleted && typeof that.options.initCompleted === 'function') {\n                that.options.initCompleted(that.$chart);\n              }\n              var initEvent = $.Event('init.orgchart');\n              that.$chart.trigger(initEvent);\n              break initTime;\n            }\n          }\n        }\n      });\n      mo.observe(this.$chartContainer[0], { childList: true });\n    },\n    //\n    attachExportButton: function () {\n      var that = this;\n      var $exportBtn = $('<button>', {\n        'class': 'oc-export-btn' + (this.options.chartClass !== '' ? ' ' + this.options.chartClass : ''),\n        'text': 'Export',\n        'click': function(e) {\n          e.preventDefault();\n          that.export();\n        }\n      });\n      this.$chartContainer.append($exportBtn);\n    },\n    setOptions: function (opts, val) {\n      if (typeof opts === 'string') {\n        if (opts === 'pan') {\n          if (val) {\n            this.bindPan();\n          } else {\n            this.unbindPan();\n          }\n        }\n        if (opts === 'zoom') {\n          if (val) {\n            this.bindZoom();\n          } else {\n            this.unbindZoom();\n          }\n        }\n      }\n      if (typeof opts === 'object') {\n        if (opts.data) {\n          this.init(opts);\n        } else {\n          if (typeof opts.pan !== 'undefined') {\n            if (opts.pan) {\n              this.bindPan();\n            } else {\n              this.unbindPan();\n            }\n          }\n          if (typeof opts.zoom !== 'undefined') {\n            if (opts.zoom) {\n              this.bindZoom();\n            } else {\n              this.unbindZoom();\n            }\n          }\n        }\n      }\n\n      return this;\n    },\n    //\n    panStartHandler: function (e) {\n      var $chart = $(e.delegateTarget);\n      if ($(e.target).closest('.node').length || (e.touches && e.touches.length > 1)) {\n        $chart.data('panning', false);\n        return;\n      } else {\n        $chart.css('cursor', 'move').data('panning', true);\n      }\n      var lastX = 0;\n      var lastY = 0;\n      var lastTf = $chart.css('transform');\n      if (lastTf !== 'none') {\n        var temp = lastTf.split(',');\n        if (lastTf.indexOf('3d') === -1) {\n          lastX = parseInt(temp[4]);\n          lastY = parseInt(temp[5]);\n        } else {\n          lastX = parseInt(temp[12]);\n          lastY = parseInt(temp[13]);\n        }\n      }\n      var startX = 0;\n      var startY = 0;\n      if (!e.targetTouches) { // pand on desktop\n        startX = e.pageX - lastX;\n        startY = e.pageY - lastY;\n      } else if (e.targetTouches.length === 1) { // pan on mobile device\n        startX = e.targetTouches[0].pageX - lastX;\n        startY = e.targetTouches[0].pageY - lastY;\n      } else if (e.targetTouches.length > 1) {\n        return;\n      }\n      $chart.on('mousemove touchmove',function(e) {\n        if (!$chart.data('panning')) {\n          return;\n        }\n        var newX = 0;\n        var newY = 0;\n        if (!e.targetTouches) { // pand on desktop\n          newX = e.pageX - startX;\n          newY = e.pageY - startY;\n        } else if (e.targetTouches.length === 1) { // pan on mobile device\n          newX = e.targetTouches[0].pageX - startX;\n          newY = e.targetTouches[0].pageY - startY;\n        } else if (e.targetTouches.length > 1) {\n          return;\n        }\n        var lastTf = $chart.css('transform');\n        if (lastTf === 'none') {\n          if (lastTf.indexOf('3d') === -1) {\n            $chart.css('transform', 'matrix(1, 0, 0, 1, ' + newX + ', ' + newY + ')');\n          } else {\n            $chart.css('transform', 'matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, ' + newX + ', ' + newY + ', 0, 1)');\n          }\n        } else {\n          var matrix = lastTf.split(',');\n          if (lastTf.indexOf('3d') === -1) {\n            matrix[4] = ' ' + newX;\n            matrix[5] = ' ' + newY + ')';\n          } else {\n            matrix[12] = ' ' + newX;\n            matrix[13] = ' ' + newY;\n          }\n          $chart.css('transform', matrix.join(','));\n        }\n      });\n    },\n    //\n    panEndHandler: function (e) {\n      if (e.data.chart.data('panning')) {\n        e.data.chart.data('panning', false).css('cursor', 'default').off('mousemove');\n      }\n    },\n    //\n    bindPan: function () {\n      this.$chartContainer.css('overflow', 'hidden');\n      this.$chart.on('mousedown touchstart', this.panStartHandler);\n      $(document).on('mouseup touchend', { 'chart': this.$chart }, this.panEndHandler);\n    },\n    //\n    unbindPan: function () {\n      this.$chartContainer.css('overflow', 'auto');\n      this.$chart.off('mousedown touchstart', this.panStartHandler);\n      $(document).off('mouseup touchend', this.panEndHandler);\n    },\n    //\n    zoomWheelHandler: function (e) {\n      var oc = e.data.oc;\n      e.preventDefault();\n      var newScale  = 1 + (e.originalEvent.deltaY > 0 ? -0.2 : 0.2);\n      oc.setChartScale(oc.$chart, newScale);\n    },\n    //\n    zoomStartHandler: function (e) {\n      if(e.touches && e.touches.length === 2) {\n        var oc = e.data.oc;\n        oc.$chart.data('pinching', true);\n        var dist = oc.getPinchDist(e);\n        oc.$chart.data('pinchDistStart', dist);\n      }\n    },\n    zoomingHandler: function (e) {\n      var oc = e.data.oc;\n      if(oc.$chart.data('pinching')) {\n        var dist = oc.getPinchDist(e);\n        oc.$chart.data('pinchDistEnd', dist);\n      }\n    },\n    zoomEndHandler: function (e) {\n      var oc = e.data.oc;\n      if(oc.$chart.data('pinching')) {\n        oc.$chart.data('pinching', false);\n        var diff = oc.$chart.data('pinchDistEnd') - oc.$chart.data('pinchDistStart');\n        if (diff > 0) {\n          oc.setChartScale(oc.$chart, 1.2);\n        } else if (diff < 0) {\n          oc.setChartScale(oc.$chart, 0.8);\n        }\n      }\n    },\n    //\n    bindZoom: function () {\n      this.$chartContainer.on('wheel', { 'oc': this }, this.zoomWheelHandler);\n      this.$chartContainer.on('touchstart', { 'oc': this }, this.zoomStartHandler);\n      $(document).on('touchmove', { 'oc': this }, this.zoomingHandler);\n      $(document).on('touchend', { 'oc': this }, this.zoomEndHandler);\n    },\n    unbindZoom: function () {\n      this.$chartContainer.off('wheel', this.zoomWheelHandler);\n      this.$chartContainer.off('touchstart', this.zoomStartHandler);\n      $(document).off('touchmove', this.zoomingHandler);\n      $(document).off('touchend', this.zoomEndHandler);\n    },\n    //\n    getPinchDist: function (e) {\n      return Math.sqrt((e.touches[0].clientX - e.touches[1].clientX) * (e.touches[0].clientX - e.touches[1].clientX) +\n      (e.touches[0].clientY - e.touches[1].clientY) * (e.touches[0].clientY - e.touches[1].clientY));\n    },\n    //\n    setChartScale: function ($chart, newScale) {\n      var opts = $chart.data('options');\n      var lastTf = $chart.css('transform');\n      var matrix = '';\n      var targetScale = 1;\n      if (lastTf === 'none') {\n        $chart.css('transform', 'scale(' + newScale + ',' + newScale + ')');\n      } else {\n        matrix = lastTf.split(',');\n        if (lastTf.indexOf('3d') === -1) {\n          targetScale = Math.abs(window.parseFloat(matrix[3]) * newScale);\n          if (targetScale > opts.zoomoutLimit && targetScale < opts.zoominLimit) {\n            $chart.css('transform', lastTf + ' scale(' + newScale + ',' + newScale + ')');\n          }\n        } else {\n          targetScale = Math.abs(window.parseFloat(matrix[1]) * newScale);\n          if (targetScale > opts.zoomoutLimit && targetScale < opts.zoominLimit) {\n            $chart.css('transform', lastTf + ' scale3d(' + newScale + ',' + newScale + ', 1)');\n          }\n        }\n      }\n    },\n    //\n    buildJsonDS: function ($li) {\n      var that = this;\n      var subObj = {\n        'name': $li.contents().eq(0).text().trim(),\n        'relationship': ($li.parent().parent().is('li') ? '1': '0') + ($li.siblings('li').length ? 1: 0) + ($li.children('ul').length ? 1 : 0)\n      };\n      $.each($li.data(), function(key, value) {\n         subObj[key] = value;\n      });\n      $li.children('ul').children().each(function() {\n        if (!subObj.children) { subObj.children = []; }\n        subObj.children.push(that.buildJsonDS($(this)));\n      });\n      return subObj;\n    },\n    //\n    attachRel: function (data, flags) {\n      var that = this;\n      data.relationship = flags + (data.children && data.children.length > 0 ? 1 : 0);\n      if (data.children) {\n        data.children.forEach(function(item) {\n          that.attachRel(item, '1' + (data.children.length > 1 ? 1 : 0));\n        });\n      }\n      return data;\n    },\n    //\n    loopChart: function ($chart) {\n      var that = this;\n      var $tr = $chart.find('tr:first');\n      var subObj = { 'id': $tr.find('.node')[0].id };\n      $tr.siblings(':last').children().each(function() {\n        if (!subObj.children) { subObj.children = []; }\n        subObj.children.push(that.loopChart($(this)));\n      });\n      return subObj;\n    },\n    //\n    getHierarchy: function () {\n      if (typeof this.$chart === 'undefined') {\n        return 'Error: orgchart does not exist'\n      } else {\n        if (!this.$chart.find('.node').length) {\n          return 'Error: nodes do not exist'\n        } else {\n          var valid = true;\n          this.$chart.find('.node').each(function () {\n            if (!this.id) {\n              valid = false;\n              return false;\n            }\n          });\n          if (!valid) {\n            return 'Error: All nodes of orghcart to be exported must have data-id attribute!';\n          }\n        }\n      }\n      return this.loopChart(this.$chart);\n    },\n    // detect the exist/display state of related node\n    getNodeState: function ($node, relation) {\n      var $target = {};\n      var isVerticalNode = $node.parent().is('li');\n      var relation = relation || 'self';\n      if (relation === 'parent') {\n        if (isVerticalNode) {\n          $target = $node.closest('ul').parents('ul');\n          if (!$target.length) {\n            $target = $node.closest('.nodes');\n            if (!$target.length) {\n              $target = $node.closest('.verticalNodes').siblings(':first');\n            }\n          }\n        } else {\n          $target = $node.closest('.nodes').siblings(':first');\n        }\n        if ($target.length) {\n          if ($target.is('.hidden') || (!$target.is('.hidden') && $target.closest('.nodes').is('.hidden')) || (!$target.is('.hidden') && $target.closest('.verticalNodes').is('.hidden'))) {\n            return { 'exist': true, 'visible': false };\n          }\n          return { 'exist': true, 'visible': true };\n        }\n      } else if (relation === 'children') {\n        $target = isVerticalNode ? $node.parent().children('ul') : $node.closest('tr').siblings(':last');\n        if ($target.length) {\n          if (!$target.is('.hidden')) {\n            return { 'exist': true, 'visible': true };\n          }\n          return { 'exist': true, 'visible': false };\n        }\n      } else if (relation === 'siblings') {\n        $target = isVerticalNode ? $node.closest('ul') : $node.closest('table').parent().siblings();\n        if ($target.length && (!isVerticalNode || $target.children('li').length > 1)) {\n          if (!$target.is('.hidden') && !$target.parent().is('.hidden') && (!isVerticalNode || !$target.closest('.verticalNodes').is('.hidden'))) {\n            return { 'exist': true, 'visible': true };\n          }\n          return { 'exist': true, 'visible': false };\n        }\n      } else {\n        $target = $node;\n        if ($target.length) {\n          if (!(($target.closest('.nodes').length && $target.closest('.nodes').is('.hidden')) ||\n            ($target.closest('table').parent().length && $target.closest('table').parent().is('.hidden')) ||\n            ($target.parent().is('li') && ($target.closest('ul').is('.hidden') || $target.closest('.verticalNodes').is('.hidden')))\n          )) {\n            return { 'exist': true, 'visible': true };\n          }\n          return { 'exist': true, 'visible': false };\n        }\n      }\n      return { 'exist': false, 'visible': false };\n    },\n    // find the related nodes\n    getRelatedNodes: function ($node, relation) {\n      if (!$node || !($node instanceof $) || !$node.is('.node')) {\n        return $();\n      }\n      if (relation === 'parent') {\n        return $node.closest('.nodes').parent().children(':first').find('.node');\n      } else if (relation === 'children') {\n        return $node.closest('tr').siblings('.nodes').children().find('.node:first');\n      } else if (relation === 'siblings') {\n        return $node.closest('table').parent().siblings().find('.node:first');\n      } else {\n        return $();\n      }\n    },\n    hideParentEnd: function (event) {\n      $(event.target).removeClass('sliding');\n      event.data.upperLevel.addClass('hidden').slice(1).removeAttr('style');\n    },\n    // recursively hide the ancestor node and sibling nodes of the specified node\n    hideParent: function ($node) {\n      var $upperLevel = $node.closest('.nodes').siblings();\n      if ($upperLevel.eq(0).find('.spinner').length) {\n        $node.closest('.orgchart').data('inAjax', false);\n      }\n      // hide the sibling nodes\n      if (this.getNodeState($node, 'siblings').visible) {\n        this.hideSiblings($node);\n      }\n      // hide the lines\n      var $lines = $upperLevel.slice(1);\n      $lines.css('visibility', 'hidden');\n      // hide the superior nodes with transition\n      var $parent = $upperLevel.eq(0).find('.node');\n      if (this.getNodeState($parent).visible) {\n        $parent.addClass('sliding slide-down').one('transitionend', { 'upperLevel': $upperLevel }, this.hideParentEnd);\n      }\n      // if the current node has the parent node, hide it recursively\n      if (this.getNodeState($parent, 'parent').visible) {\n        this.hideParent($parent);\n      }\n    },\n    showParentEnd: function (event) {\n      var $node = event.data.node;\n      $(event.target).removeClass('sliding');\n      if (this.isInAction($node)) {\n        this.switchVerticalArrow($node.children('.topEdge'));\n      }\n    },\n    // show the parent node of the specified node\n    showParent: function ($node) {\n      // just show only one superior level\n      var $upperLevel = $node.closest('.nodes').siblings().removeClass('hidden');\n      // just show only one line\n      $upperLevel.eq(2).children().slice(1, -1).addClass('hidden');\n      // show parent node with animation\n      var $parent = $upperLevel.eq(0).find('.node');\n      this.repaint($parent[0]);\n      $parent.addClass('sliding').removeClass('slide-down').one('transitionend', { 'node': $node }, this.showParentEnd.bind(this));\n    },\n    stopAjax: function ($nodeLevel) {\n      if ($nodeLevel.find('.spinner').length) {\n        $nodeLevel.closest('.orgchart').data('inAjax', false);\n      }\n    },\n    isVisibleNode: function (index, elem) {\n      return this.getNodeState($(elem)).visible;\n    },\n    //\n    hideChildrenEnd: function (event) {\n      var $node = event.data.node;\n      event.data.animatedNodes.removeClass('sliding');\n      if (event.data.isVerticalDesc) {\n        event.data.lowerLevel.addClass('hidden');\n      } else {\n        event.data.animatedNodes.closest('.nodes').prevAll('.lines').removeAttr('style').addBack().addClass('hidden');\n        event.data.lowerLevel.last().find('.verticalNodes').addClass('hidden');\n      }\n      if (this.isInAction($node)) {\n        this.switchVerticalArrow($node.children('.bottomEdge'));\n      }\n    },\n    // recursively hide the descendant nodes of the specified node\n    hideChildren: function ($node) {\n      var $lowerLevel = $node.closest('tr').siblings();\n      this.stopAjax($lowerLevel.last());\n      var $animatedNodes = $lowerLevel.last().find('.node').filter(this.isVisibleNode.bind(this));\n      var isVerticalDesc = $lowerLevel.last().is('.verticalNodes') ? true : false;\n      if (!isVerticalDesc) {\n        $animatedNodes.closest('table').closest('tr').prevAll('.lines').css('visibility', 'hidden');\n      }\n      this.repaint($animatedNodes.get(0));\n      $animatedNodes.addClass('sliding slide-up').eq(0).one('transitionend', { 'animatedNodes': $animatedNodes, 'lowerLevel': $lowerLevel, 'isVerticalDesc': isVerticalDesc, 'node': $node }, this.hideChildrenEnd.bind(this));\n    },\n    //\n    showChildrenEnd: function (event) {\n      var $node = event.data.node;\n      event.data.animatedNodes.removeClass('sliding');\n      if (this.isInAction($node)) {\n        this.switchVerticalArrow($node.children('.bottomEdge'));\n      }\n    },\n    // show the children nodes of the specified node\n    showChildren: function ($node) {\n      var that = this;\n      var $levels = $node.closest('tr').siblings();\n      var isVerticalDesc = $levels.is('.verticalNodes') ? true : false;\n      var $animatedNodes = isVerticalDesc\n        ? $levels.removeClass('hidden').find('.node').filter(this.isVisibleNode.bind(this))\n        : $levels.removeClass('hidden').eq(2).children().find('.node:first').filter(this.isVisibleNode.bind(this));\n      // the two following statements are used to enforce browser to repaint\n      this.repaint($animatedNodes.get(0));\n      $animatedNodes.addClass('sliding').removeClass('slide-up').eq(0).one('transitionend', { 'node': $node, 'animatedNodes': $animatedNodes }, this.showChildrenEnd.bind(this));\n    },\n    //\n    hideSiblingsEnd: function (event) {\n      var $node = event.data.node;\n      var $nodeContainer = event.data.nodeContainer;\n      var direction = event.data.direction;\n      event.data.lines.removeAttr('style');\n      var $siblings = direction ? (direction === 'left' ? $nodeContainer.prevAll(':not(.hidden)') : $nodeContainer.nextAll(':not(.hidden)')) : $nodeContainer.siblings();\n      $nodeContainer.closest('.nodes').prev().children(':not(.hidden)')\n        .slice(1, direction ? $siblings.length * 2 + 1 : -1).addClass('hidden');\n      event.data.animatedNodes.removeClass('sliding');\n      $siblings.find('.node:gt(0)').filter(this.isVisibleNode.bind(this))\n        .removeClass('slide-left slide-right').addClass('slide-up');\n      $siblings.find('.lines, .nodes, .verticalNodes').addClass('hidden')\n        .end().addClass('hidden');\n\n      if (this.isInAction($node)) {\n        this.switchHorizontalArrow($node);\n      }\n    },\n    // hide the sibling nodes of the specified node\n    hideSiblings: function ($node, direction) {\n      var that = this;\n      var $nodeContainer = $node.closest('table').parent();\n      if ($nodeContainer.siblings().find('.spinner').length) {\n        $node.closest('.orgchart').data('inAjax', false);\n      }\n      if (direction) {\n        if (direction === 'left') {\n          $nodeContainer.prevAll().find('.node').filter(this.isVisibleNode.bind(this)).addClass('sliding slide-right');\n        } else {\n          $nodeContainer.nextAll().find('.node').filter(this.isVisibleNode.bind(this)).addClass('sliding slide-left');\n        }\n      } else {\n        $nodeContainer.prevAll().find('.node').filter(this.isVisibleNode.bind(this)).addClass('sliding slide-right');\n        $nodeContainer.nextAll().find('.node').filter(this.isVisibleNode.bind(this)).addClass('sliding slide-left');\n      }\n      var $animatedNodes = $nodeContainer.siblings().find('.sliding');\n      var $lines = $animatedNodes.closest('.nodes').prevAll('.lines').css('visibility', 'hidden');\n      $animatedNodes.eq(0).one('transitionend', { 'node': $node, 'nodeContainer': $nodeContainer, 'direction': direction, 'animatedNodes': $animatedNodes, 'lines': $lines }, this.hideSiblingsEnd.bind(this));\n    },\n    //\n    showSiblingsEnd: function (event) {\n      var $node = event.data.node;\n      event.data.visibleNodes.removeClass('sliding');\n      if (this.isInAction($node)) {\n        this.switchHorizontalArrow($node);\n        $node.children('.topEdge').removeClass('fa-chevron-up').addClass('fa-chevron-down');\n      }\n    },\n    //\n    showRelatedParentEnd: function(event) {\n      $(event.target).removeClass('sliding');\n    },\n    // show the sibling nodes of the specified node\n    showSiblings: function ($node, direction) {\n      var that = this;\n      // firstly, show the sibling td tags\n      var $siblings = $();\n      if (direction) {\n        if (direction === 'left') {\n          $siblings = $node.closest('table').parent().prevAll().removeClass('hidden');\n        } else {\n          $siblings = $node.closest('table').parent().nextAll().removeClass('hidden');\n        }\n      } else {\n        $siblings = $node.closest('table').parent().siblings().removeClass('hidden');\n      }\n      // secondly, show the lines\n      var $upperLevel = $node.closest('table').closest('tr').siblings();\n      if (direction) {\n        $upperLevel.eq(2).children('.hidden').slice(0, $siblings.length * 2).removeClass('hidden');\n      } else {\n        $upperLevel.eq(2).children('.hidden').removeClass('hidden');\n      }\n      // thirdly, do some cleaning stuff\n      if (!this.getNodeState($node, 'parent').visible) {\n        $upperLevel.removeClass('hidden');\n        var parent = $upperLevel.find('.node')[0];\n        this.repaint(parent);\n        $(parent).addClass('sliding').removeClass('slide-down').one('transitionend', this.showRelatedParentEnd);\n      }\n      // lastly, show the sibling nodes with animation\n      var $visibleNodes = $siblings.find('.node').filter(this.isVisibleNode.bind(this));\n      this.repaint($visibleNodes.get(0));\n      $visibleNodes.addClass('sliding').removeClass('slide-left slide-right');\n      $visibleNodes.eq(0).one('transitionend', { 'node': $node, 'visibleNodes': $visibleNodes }, this.showSiblingsEnd.bind(this));\n    },\n    // start up loading status for requesting new nodes\n    startLoading: function ($edge) {\n      var $chart = this.$chart;\n      if (typeof $chart.data('inAjax') !== 'undefined' && $chart.data('inAjax') === true) {\n        return false;\n      }\n\n      $edge.addClass('hidden');\n      $edge.parent().append('<i class=\"fa fa-circle-o-notch fa-spin spinner\"></i>')\n        .children().not('.spinner').css('opacity', 0.2);\n      $chart.data('inAjax', true);\n      $('.oc-export-btn' + (this.options.chartClass !== '' ? '.' + this.options.chartClass : '')).prop('disabled', true);\n      return true;\n    },\n    // terminate loading status for requesting new nodes\n    endLoading: function ($edge) {\n      var $node = $edge.parent();\n      $edge.removeClass('hidden');\n      $node.find('.spinner').remove();\n      $node.children().removeAttr('style');\n      this.$chart.data('inAjax', false);\n      $('.oc-export-btn' + (this.options.chartClass !== '' ? '.' + this.options.chartClass : '')).prop('disabled', false);\n    },\n    // whether the cursor is hovering over the node\n    isInAction: function ($node) {\n      return $node.children('.edge').attr('class').indexOf('fa-') > -1 ? true : false;\n    },\n    //\n    switchVerticalArrow: function ($arrow) {\n      $arrow.toggleClass('fa-chevron-up').toggleClass('fa-chevron-down');\n    },\n    //\n    switchHorizontalArrow: function ($node) {\n      var opts = this.options;\n      if (opts.toggleSiblingsResp && (typeof opts.ajaxURL === 'undefined' || $node.closest('.nodes').data('siblingsLoaded'))) {\n        var $prevSib = $node.closest('table').parent().prev();\n        if ($prevSib.length) {\n          if ($prevSib.is('.hidden')) {\n            $node.children('.leftEdge').addClass('fa-chevron-left').removeClass('fa-chevron-right');\n          } else {\n            $node.children('.leftEdge').addClass('fa-chevron-right').removeClass('fa-chevron-left');\n          }\n        }\n        var $nextSib = $node.closest('table').parent().next();\n        if ($nextSib.length) {\n          if ($nextSib.is('.hidden')) {\n            $node.children('.rightEdge').addClass('fa-chevron-right').removeClass('fa-chevron-left');\n          } else {\n            $node.children('.rightEdge').addClass('fa-chevron-left').removeClass('fa-chevron-right');\n          }\n        }\n      } else {\n        var $sibs = $node.closest('table').parent().siblings();\n        var sibsVisible = $sibs.length ? !$sibs.is('.hidden') : false;\n        $node.children('.leftEdge').toggleClass('fa-chevron-right', sibsVisible).toggleClass('fa-chevron-left', !sibsVisible);\n        $node.children('.rightEdge').toggleClass('fa-chevron-left', sibsVisible).toggleClass('fa-chevron-right', !sibsVisible);\n      }\n    },\n    //\n    repaint: function (node) {\n      if (node) {\n        node.style.offsetWidth = node.offsetWidth;\n      }\n    },\n    //\n    nodeEnterLeaveHandler: function (event) {\n      var $node = $(event.delegateTarget), flag = false;\n      var $topEdge = $node.children('.topEdge');\n      var $rightEdge = $node.children('.rightEdge');\n      var $bottomEdge = $node.children('.bottomEdge');\n      var $leftEdge = $node.children('.leftEdge');\n      if (event.type === 'mouseenter') {\n        if ($topEdge.length) {\n          flag = this.getNodeState($node, 'parent').visible;\n          $topEdge.toggleClass('fa-chevron-up', !flag).toggleClass('fa-chevron-down', flag);\n        }\n        if ($bottomEdge.length) {\n          flag = this.getNodeState($node, 'children').visible;\n          $bottomEdge.toggleClass('fa-chevron-down', !flag).toggleClass('fa-chevron-up', flag);\n        }\n        if ($leftEdge.length) {\n          this.switchHorizontalArrow($node);\n        }\n      } else {\n        $node.children('.edge').removeClass('fa-chevron-up fa-chevron-down fa-chevron-right fa-chevron-left');\n      }\n    },\n    //\n    nodeClickHandler: function (event) {\n      this.$chart.find('.focused').removeClass('focused');\n      $(event.delegateTarget).addClass('focused');\n    },\n    // load new nodes by ajax\n    loadNodes: function (rel, url, $edge) {\n      var that = this;\n      var opts = this.options;\n      $.ajax({ 'url': url, 'dataType': 'json' })\n      .done(function (data) {\n        if (that.$chart.data('inAjax')) {\n          if (rel === 'parent') {\n            if (!$.isEmptyObject(data)) {\n              that.addParent($edge.parent(), data);\n            }\n          } else if (rel === 'children') {\n            if (data.children.length) {\n              that.addChildren($edge.parent(), data[rel]);\n            }\n          } else {\n            that.addSiblings($edge.parent(), data.siblings ? data.siblings : data);\n          }\n        }\n      })\n      .fail(function () {\n        console.log('Failed to get ' + rel + ' data');\n      })\n      .always(function () {\n        that.endLoading($edge);\n      });\n    },\n    //\n    HideFirstParentEnd: function (event) {\n      var $topEdge = event.data.topEdge;\n      var $node = $topEdge.parent();\n      if (this.isInAction($node)) {\n        this.switchVerticalArrow($topEdge);\n        this.switchHorizontalArrow($node);\n      }\n    },\n    //\n    topEdgeClickHandler: function (event) {\n      event.stopPropagation();\n      var that = this;\n      var $topEdge = $(event.target);\n      var $node = $(event.delegateTarget);\n      var parentState = this.getNodeState($node, 'parent');\n      if (parentState.exist) {\n        var $parent = $node.closest('table').closest('tr').siblings(':first').find('.node');\n        if ($parent.is('.sliding')) { return; }\n        // hide the ancestor nodes and sibling nodes of the specified node\n        if (parentState.visible) {\n          this.hideParent($node);\n          $parent.one('transitionend', { 'topEdge': $topEdge }, this.HideFirstParentEnd.bind(this));\n        } else { // show the ancestors and siblings\n          this.showParent($node);\n        }\n      } else { // load the new parent node of the specified node by ajax request\n        // start up loading status\n        if (this.startLoading($topEdge)) {\n          var opts = this.options;\n          var url = $.isFunction(opts.ajaxURL.parent) ? opts.ajaxURL.parent($node.data('nodeData')) : opts.ajaxURL.parent + $node[0].id;\n          this.loadNodes('parent', url, $topEdge);\n        }\n      }\n    },\n    //\n    bottomEdgeClickHandler: function (event) {\n      event.stopPropagation();\n      var $bottomEdge = $(event.target);\n      var $node = $(event.delegateTarget);\n      var childrenState = this.getNodeState($node, 'children');\n      if (childrenState.exist) {\n        var $children = $node.closest('tr').siblings(':last');\n        if ($children.find('.sliding').length) { return; }\n        // hide the descendant nodes of the specified node\n        if (childrenState.visible) {\n          this.hideChildren($node);\n        } else { // show the descendants\n          this.showChildren($node);\n        }\n      } else { // load the new children nodes of the specified node by ajax request\n        if (this.startLoading($bottomEdge)) {\n          var opts = this.options;\n          var url = $.isFunction(opts.ajaxURL.children) ? opts.ajaxURL.children($node.data('nodeData')) : opts.ajaxURL.children + $node[0].id;\n          this.loadNodes('children', url, $bottomEdge);\n        }\n      }\n    },\n    //\n    hEdgeClickHandler: function (event) {\n      event.stopPropagation();\n      var $hEdge = $(event.target);\n      var $node = $(event.delegateTarget);\n      var opts = this.options;\n      var siblingsState = this.getNodeState($node, 'siblings');\n      if (siblingsState.exist) {\n        var $siblings = $node.closest('table').parent().siblings();\n        if ($siblings.find('.sliding').length) { return; }\n        if (opts.toggleSiblingsResp) {\n          var $prevSib = $node.closest('table').parent().prev();\n          var $nextSib = $node.closest('table').parent().next();\n          if ($hEdge.is('.leftEdge')) {\n            if ($prevSib.is('.hidden')) {\n              this.showSiblings($node, 'left');\n            } else {\n              this.hideSiblings($node, 'left');\n            }\n          } else {\n            if ($nextSib.is('.hidden')) {\n              this.showSiblings($node, 'right');\n            } else {\n              this.hideSiblings($node, 'right');\n            }\n          }\n        } else {\n          if (siblingsState.visible) {\n            this.hideSiblings($node);\n          } else {\n            this.showSiblings($node);\n          }\n        }\n      } else {\n        // load the new sibling nodes of the specified node by ajax request\n        if (this.startLoading($hEdge)) {\n          var nodeId = $node[0].id;\n          var url = (this.getNodeState($node, 'parent').exist) ?\n            ($.isFunction(opts.ajaxURL.siblings) ? opts.ajaxURL.siblings($node.data('nodeData')) : opts.ajaxURL.siblings + nodeId) :\n            ($.isFunction(opts.ajaxURL.families) ? opts.ajaxURL.families($node.data('nodeData')) : opts.ajaxURL.families + nodeId);\n          this.loadNodes('siblings', url, $hEdge);\n        }\n      }\n    },\n    //\n    expandVNodesEnd: function (event) {\n      event.data.vNodes.removeClass('sliding');\n    },\n    //\n    collapseVNodesEnd: function (event) {\n      event.data.vNodes.removeClass('sliding').closest('ul').addClass('hidden');\n    },\n    // event handler for toggle buttons in Hybrid(horizontal + vertical) OrgChart\n    toggleVNodes: function (event) {\n      var $toggleBtn = $(event.target);\n      var $descWrapper = $toggleBtn.parent().next();\n      var $descendants = $descWrapper.find('.node');\n      var $children = $descWrapper.children().children('.node');\n      if ($children.is('.sliding')) { return; }\n      $toggleBtn.toggleClass('fa-plus-square fa-minus-square');\n      if ($descendants.eq(0).is('.slide-up')) {\n        $descWrapper.removeClass('hidden');\n        this.repaint($children.get(0));\n        $children.addClass('sliding').removeClass('slide-up').eq(0).one('transitionend', { 'vNodes': $children }, this.expandVNodesEnd);\n      } else {\n        $descendants.addClass('sliding slide-up').eq(0).one('transitionend', { 'vNodes': $descendants }, this.collapseVNodesEnd);\n        $descendants.find('.toggleBtn').removeClass('fa-minus-square').addClass('fa-plus-square');\n      }\n    },\n    //\n    createGhostNode: function (event) {\n      var $nodeDiv = $(event.target);\n      var opts = this.options;\n      var origEvent = event.originalEvent;\n      var isFirefox = /firefox/.test(window.navigator.userAgent.toLowerCase());\n      var ghostNode, nodeCover;\n      if (!document.querySelector('.ghost-node')) {\n        ghostNode = document.createElementNS(\"http://www.w3.org/2000/svg\", \"svg\");\n        if (!ghostNode.classList) return;\n        ghostNode.classList.add('ghost-node');\n        nodeCover = document.createElementNS('http://www.w3.org/2000/svg','rect');\n        ghostNode.appendChild(nodeCover);\n        $nodeDiv.closest('.orgchart').append(ghostNode);\n      } else {\n        ghostNode = $nodeDiv.closest('.orgchart').children('.ghost-node').get(0);\n        nodeCover = $(ghostNode).children().get(0);\n      }\n      var transValues = $nodeDiv.closest('.orgchart').css('transform').split(',');\n      var isHorizontal = opts.direction === 't2b' || opts.direction === 'b2t';\n      var scale = Math.abs(window.parseFloat(isHorizontal ? transValues[0].slice(transValues[0].indexOf('(') + 1) : transValues[1]));\n      ghostNode.setAttribute('width', isHorizontal ? $nodeDiv.outerWidth(false) : $nodeDiv.outerHeight(false));\n      ghostNode.setAttribute('height', isHorizontal ? $nodeDiv.outerHeight(false) : $nodeDiv.outerWidth(false));\n      nodeCover.setAttribute('x',5 * scale);\n      nodeCover.setAttribute('y',5 * scale);\n      nodeCover.setAttribute('width', 120 * scale);\n      nodeCover.setAttribute('height', 40 * scale);\n      nodeCover.setAttribute('rx', 4 * scale);\n      nodeCover.setAttribute('ry', 4 * scale);\n      nodeCover.setAttribute('stroke-width', 1 * scale);\n      var xOffset = origEvent.offsetX * scale;\n      var yOffset = origEvent.offsetY * scale;\n      if (opts.direction === 'l2r') {\n        xOffset = origEvent.offsetY * scale;\n        yOffset = origEvent.offsetX * scale;\n      } else if (opts.direction === 'r2l') {\n        xOffset = $nodeDiv.outerWidth(false) - origEvent.offsetY * scale;\n        yOffset = origEvent.offsetX * scale;\n      } else if (opts.direction === 'b2t') {\n        xOffset = $nodeDiv.outerWidth(false) - origEvent.offsetX * scale;\n        yOffset = $nodeDiv.outerHeight(false) - origEvent.offsetY * scale;\n      }\n      if (isFirefox) { // hack for old version of Firefox(< 48.0)\n        nodeCover.setAttribute('fill', 'rgb(255, 255, 255)');\n        nodeCover.setAttribute('stroke', 'rgb(191, 0, 0)');\n        var ghostNodeWrapper = document.createElement('img');\n        ghostNodeWrapper.src = 'data:image/svg+xml;utf8,' + (new XMLSerializer()).serializeToString(ghostNode);\n        origEvent.dataTransfer.setDragImage(ghostNodeWrapper, xOffset, yOffset);\n      } else {\n        // IE/Edge do not support this, so only use it if we can\n        if (origEvent.dataTransfer.setDragImage)\n          origEvent.dataTransfer.setDragImage(ghostNode, xOffset, yOffset);\n      }\n    },\n    //\n    filterAllowedDropNodes: function ($dragged) {\n      var opts = this.options;\n      // what is being dragged?  a node, or something within a node?\n      var draggingNode = $dragged.closest('[draggable]').hasClass('node');\n      var $dragZone = $dragged.closest('.nodes').siblings().eq(0).find('.node:first');      // parent node\n      var $dragHier = $dragged.closest('table').find('.node');      // this node, and its children\n      this.$chart.data('dragged', $dragged)\n        .find('.node').each(function (index, node) {\n          if (!draggingNode || $dragHier.index(node) === -1) {\n            if (opts.dropCriteria) {\n              if (opts.dropCriteria($dragged, $dragZone, $(node))) {\n                $(node).addClass('allowedDrop');\n              }\n            } else {\n              $(node).addClass('allowedDrop');\n            }\n          }\n        });\n    },\n    //\n    dragstartHandler: function (event) {\n      event.originalEvent.dataTransfer.setData('text/html', 'hack for firefox');\n      // if users enable zoom or direction options\n      if (this.$chart.css('transform') !== 'none') {\n        this.createGhostNode(event);\n      }\n      this.filterAllowedDropNodes($(event.target));\n    },\n    //\n    dragoverHandler: function (event) {\n      if (!$(event.delegateTarget).is('.allowedDrop')) {\n        event.originalEvent.dataTransfer.dropEffect = 'none';\n      } else {\n        // default action for drag-and-drop of div is not to drop, so preventing default action for nodes which have allowedDrop class\n        //to fix drag and drop on IE and Edge\t\t\n        event.preventDefault();\n      }\n    },\n    //\n    dragendHandler: function (event) {\n      this.$chart.find('.allowedDrop').removeClass('allowedDrop');\n    },\n    //\n    dropHandler: function (event) {\n      var $dropZone = $(event.delegateTarget);\n      var $dragged = this.$chart.data('dragged');\n\n      // Pass on drops which are not nodes (since they are not our doing)\n      if (!$dragged.hasClass('node')) {\n        this.$chart.triggerHandler({ 'type': 'otherdropped.orgchart', 'draggedItem': $dragged, 'dropZone': $dropZone });\n        return;\n      }\n      \n      if (!$dropZone.hasClass('allowedDrop')) {\n          // We are trying to drop a node into a node which isn't allowed\n          // IE/Edge have a habit of allowing this, so we need our own double-check\n          return;\n      }\n\n      var $dragZone = $dragged.closest('.nodes').siblings().eq(0).children();\n      var dropEvent = $.Event('nodedrop.orgchart');\n      this.$chart.trigger(dropEvent, { 'draggedNode': $dragged, 'dragZone': $dragZone.children(), 'dropZone': $dropZone });\n      if (dropEvent.isDefaultPrevented()) {\n        return;\n      }\n      // firstly, deal with the hierarchy of drop zone\n      if (!$dropZone.closest('tr').siblings().length) { // if the drop zone is a leaf node\n        $dropZone.append('<i class=\"edge verticalEdge bottomEdge fa\"></i>')\n          .parent().attr('colspan', 2)\n          .parent().after('<tr class=\"lines\"><td colspan=\"2\"><div class=\"downLine\"></div></td></tr>'\n          + '<tr class=\"lines\"><td class=\"rightLine\"></td><td class=\"leftLine\"></td></tr>'\n          + '<tr class=\"nodes\"></tr>')\n          .siblings(':last').append($dragged.find('.horizontalEdge').remove().end().closest('table').parent());\n      } else {\n        var dropColspan = parseInt($dropZone.parent().attr('colspan')) + 2;\n        var horizontalEdges = '<i class=\"edge horizontalEdge rightEdge fa\"></i><i class=\"edge horizontalEdge leftEdge fa\"></i>';\n        $dropZone.closest('tr').next().addBack().children().attr('colspan', dropColspan);\n        if (!$dragged.find('.horizontalEdge').length) {\n          $dragged.append(horizontalEdges);\n        }\n        $dropZone.closest('tr').siblings().eq(1).children(':last').before('<td class=\"leftLine topLine\"></td><td class=\"rightLine topLine\"></td>')\n          .end().next().append($dragged.closest('table').parent());\n        var $dropSibs = $dragged.closest('table').parent().siblings().find('.node:first');\n        if ($dropSibs.length === 1) {\n          $dropSibs.append(horizontalEdges);\n        }\n      }\n      // secondly, deal with the hierarchy of dragged node\n      var dragColspan = parseInt($dragZone.attr('colspan'));\n      if (dragColspan > 2) {\n        $dragZone.attr('colspan', dragColspan - 2)\n          .parent().next().children().attr('colspan', dragColspan - 2)\n          .end().next().children().slice(1, 3).remove();\n        var $dragSibs = $dragZone.parent().siblings('.nodes').children().find('.node:first');\n        if ($dragSibs.length ===1) {\n          $dragSibs.find('.horizontalEdge').remove();\n        }\n      } else {\n        $dragZone.removeAttr('colspan')\n          .find('.bottomEdge').remove()\n          .end().end().siblings().remove();\n      }\n    },\n    //\n    touchstartHandler: function (event) {\n      if (this.touchHandled)\n        return;\n\n      if (event.touches && event.touches.length > 1)\n        return;\n\n      this.touchHandled = true;\n      this.touchMoved = false;     // this is so we can work out later if this was a 'press' or a 'drag' touch\n      event.preventDefault();\n    },\n    //\n    touchmoveHandler: function (event) {\n      if (!this.touchHandled)\n        return;\n\n      if (event.touches && event.touches.length > 1)\n        return;\n\n      event.preventDefault();\n\n      if (!this.touchMoved) {\n        // we do not bother with createGhostNode (dragstart does) since the touch event does not have a dataTransfer property\n        this.filterAllowedDropNodes($(event.currentTarget));        // will also set 'this.$chart.data('dragged')' for us\n        // create an image which can be used to illustrate the drag (our own createGhostNode)\n        this.touchDragImage = this.createDragImage(event, this.$chart.data('dragged')[0]);\n      }\n      this.touchMoved = true;\n\n      // move our dragimage so it follows our finger\n      this.moveDragImage(event, this.touchDragImage);\n\n      var $touching = $(document.elementFromPoint(event.touches[0].clientX, event.touches[0].clientY));\n      var $touchingNodes = $touching.closest('div.node');\n      if ($touchingNodes.length > 0) {\n        var touchingNodeElement = $touchingNodes[0];\n        if ($touchingNodes.is('.allowedDrop')) {\n          this.touchTargetNode = touchingNodeElement;\n        }\n        else {\n          this.touchTargetNode = null;\n        }\n      }\n      else {\n        this.touchTargetNode = null;\n      }\n    },\n    //\n    touchendHandler: function (event) {\n      if (!this.touchHandled) {\n          return;\n      }\n      this.destroyDragImage();\n      if (this.touchMoved) {\n          // we've had movement, so this was a 'drag' touch\n          if (this.touchTargetNode) {\n              var fakeEventForDropHandler = { delegateTarget: this.touchTargetNode };\n              this.dropHandler(fakeEventForDropHandler);\n              this.touchTargetNode = null;\n          }\n          this.dragendHandler(event);\n      }\n      else {\n          // we did not move, so this was a 'press' touch (fake a click)\n          var firstTouch = event.changedTouches[0];\n          var fakeMouseClickEvent = document.createEvent('MouseEvents');\n          fakeMouseClickEvent.initMouseEvent('click', true, true, window, 1, firstTouch.screenX, firstTouch.screenY, firstTouch.clientX, firstTouch.clientY, event.ctrlKey, event.altKey, event.shiftKey, event.metaKey, 0, null);\n          event.target.dispatchEvent(fakeMouseClickEvent);\n      }\n      this.touchHandled = false;\n    },\n    //\n    createDragImage: function (event, source) {\n      var dragImage = source.cloneNode(true);\n      this.copyStyle(source, dragImage);\n      dragImage.style.top = dragImage.style.left = '-9999px';\n      var sourceRectangle = source.getBoundingClientRect();\n      var sourcePoint = this.getTouchPoint(event);\n      this.touchDragImageOffset = { x: sourcePoint.x - sourceRectangle.left, y: sourcePoint.y - sourceRectangle.top };\n      dragImage.style.opacity = '0.5';\n      document.body.appendChild(dragImage);\n      return dragImage;\n    },\n    //\n    destroyDragImage: function () {\n      if (this.touchDragImage && this.touchDragImage.parentElement)\n        this.touchDragImage.parentElement.removeChild(this.touchDragImage);\n      this.touchDragImageOffset = null;\n      this.touchDragImage = null;\n    },\n    //\n    copyStyle: function (src, dst) {\n      // remove potentially troublesome attributes\n      var badAttributes = ['id', 'class', 'style', 'draggable'];\n      badAttributes.forEach(function (att) {\n          dst.removeAttribute(att);\n      });\n      // copy canvas content\n      if (src instanceof HTMLCanvasElement) {\n        var cSrc = src, cDst = dst;\n        cDst.width = cSrc.width;\n        cDst.height = cSrc.height;\n        cDst.getContext('2d').drawImage(cSrc, 0, 0);\n      }\n      // copy style (without transitions)\n      var cs = getComputedStyle(src);\n      for (var i = 0; i < cs.length; i++) {\n        var key = cs[i];\n        if (key.indexOf('transition') < 0) {\n          dst.style[key] = cs[key];\n        }\n      }\n      dst.style.pointerEvents = 'none';\n      // and repeat for all children\n      for (var i = 0; i < src.children.length; i++) {\n        this.copyStyle(src.children[i], dst.children[i]);\n      }\n    },\n    //\n    getTouchPoint: function (event) {\n      if (event && event.touches) {\n        event = event.touches[0];\n      }\n      return {\n        x: event.clientX,\n        y: event.clientY\n      };\n    },\n    //\n    moveDragImage: function (event, image) {\n      if (!event || !image)\n        return;\n      var orgChartMaster = this;\n      requestAnimationFrame(function () {\n        var pt = orgChartMaster.getTouchPoint(event);\n        var s = image.style;\n        s.position = 'absolute';\n        s.pointerEvents = 'none';\n        s.zIndex = '999999';\n        if (orgChartMaster.touchDragImageOffset) {\n            s.left = Math.round(pt.x - orgChartMaster.touchDragImageOffset.x) + 'px';\n            s.top = Math.round(pt.y - orgChartMaster.touchDragImageOffset.y) + 'px';\n        }\n      });\n    },\n    //\n    bindDragDrop: function ($node) {\n      $node.on('dragstart', this.dragstartHandler.bind(this))\n        .on('dragover', this.dragoverHandler.bind(this))\n        .on('dragend', this.dragendHandler.bind(this))\n        .on('drop', this.dropHandler.bind(this))\n        .on('touchstart', this.touchstartHandler.bind(this))\n        .on('touchmove', this.touchmoveHandler.bind(this))\n        .on('touchend', this.touchendHandler.bind(this));\n    },\n    // create node\n    createNode: function (data) {\n      var that = this;\n      var opts = this.options;\n      var level = data.level;\n      if (data.children) {\n        $.each(data.children, function (index, child) {\n          child.parentId = data.id;\n        });\n      }\n      // construct the content of node\n      var $nodeDiv = $('<div' + (opts.draggable ? ' draggable=\"true\"' : '') + (data[opts.nodeId] ? ' id=\"' + data[opts.nodeId] + '\"' : '') + (data.parentId ? ' data-parent=\"' + data.parentId + '\"' : '') + '>')\n        .addClass('node ' + (data.className || '') +  (level > opts.visibleLevel ? ' slide-up' : ''));\n      if (opts.nodeTemplate) {\n        $nodeDiv.append(opts.nodeTemplate(data));\n      } else {\n        $nodeDiv.append('<div class=\"title\">' + data[opts.nodeTitle] + '</div>')\n          .append(typeof opts.nodeContent !== 'undefined' ? '<div class=\"content\">' + (data[opts.nodeContent] || '') + '</div>' : '');\n      }\n      //\n      var nodeData = $.extend({}, data);\n      delete nodeData.children;\n      $nodeDiv.data('nodeData', nodeData);\n      // append 4 direction arrows or expand/collapse buttons\n      var flags = data.relationship || '';\n      if (opts.verticalLevel && level >= opts.verticalLevel) {\n        if ((level + 1) > opts.verticalLevel && Number(flags.substr(2,1))) {\n          var icon = level + 1 > opts.visibleLevel ? 'plus' : 'minus';\n          $nodeDiv.append('<i class=\"toggleBtn fa fa-' + icon + '-square\"></i>');\n        }\n      } else {\n        if (Number(flags.substr(0,1))) {\n          $nodeDiv.append('<i class=\"edge verticalEdge topEdge fa\"></i>');\n        }\n        if(Number(flags.substr(1,1))) {\n          $nodeDiv.append('<i class=\"edge horizontalEdge rightEdge fa\"></i>' +\n            '<i class=\"edge horizontalEdge leftEdge fa\"></i>');\n        }\n        if(Number(flags.substr(2,1))) {\n          $nodeDiv.append('<i class=\"edge verticalEdge bottomEdge fa\"></i>')\n            .children('.title').prepend('<i class=\"fa '+ opts.parentNodeSymbol + ' symbol\"></i>');\n        }\n      }\n\n      $nodeDiv.on('mouseenter mouseleave', this.nodeEnterLeaveHandler.bind(this));\n      $nodeDiv.on('click', this.nodeClickHandler.bind(this));\n      $nodeDiv.on('click', '.topEdge', this.topEdgeClickHandler.bind(this));\n      $nodeDiv.on('click', '.bottomEdge', this.bottomEdgeClickHandler.bind(this));\n      $nodeDiv.on('click', '.leftEdge, .rightEdge', this.hEdgeClickHandler.bind(this));\n      $nodeDiv.on('click', '.toggleBtn', this.toggleVNodes.bind(this));\n\n      if (opts.draggable) {\n        this.bindDragDrop($nodeDiv);\n        this.touchHandled = false;\n        this.touchMoved = false;\n        this.touchTargetNode = null;\n      }\n      // allow user to append dom modification after finishing node create of orgchart\n      if (opts.createNode) {\n        opts.createNode($nodeDiv, data);\n      }\n\n      return $nodeDiv;\n    },\n    // recursively build the tree\n    buildHierarchy: function ($appendTo, data) {\n      var that = this;\n      var opts = this.options;\n      var level = 0;\n      if (data.level) {\n        level = data.level;\n      } else {\n        level = data.level = $appendTo.parentsUntil('.orgchart', '.nodes').length + 1;\n      }\n      // Construct the node\n      var childrenData = data.children;\n      var hasChildren = childrenData ? childrenData.length : false;\n      var $nodeWrapper;\n      if (Object.keys(data).length > 2) {\n        var $nodeDiv = this.createNode(data);\n        if (opts.verticalLevel && level >= opts.verticalLevel) {\n          $appendTo.append($nodeDiv);\n        }else {\n          $nodeWrapper = $('<table>');\n          $appendTo.append($nodeWrapper.append($('<tr/>').append($('<td' + (hasChildren ? ' colspan=\"' + childrenData.length * 2 + '\"' : '') + '></td>').append($nodeDiv))));\n        }\n      }\n      // Construct the lower level(two \"connectiong lines\" rows and \"inferior nodes\" row)\n      if (hasChildren) {\n        var isHidden = (level + 1 > opts.visibleLevel || data.collapsed) ? ' hidden' : '';\n        var isVerticalLayer = (opts.verticalLevel && (level + 1) >= opts.verticalLevel) ? true : false;\n        var $nodesLayer;\n        if (isVerticalLayer) {\n          $nodesLayer = $('<ul>');\n          if (isHidden && level + 1 > opts.verticalLevel) {\n            $nodesLayer.addClass(isHidden);\n          }\n          if (level + 1 === opts.verticalLevel) {\n            $appendTo.children('table').append('<tr class=\"verticalNodes' + isHidden + '\"><td></td></tr>')\n              .find('.verticalNodes').children().append($nodesLayer);\n          } else {\n            $appendTo.append($nodesLayer);\n          }\n        } else {\n          var $upperLines = $('<tr class=\"lines' + isHidden + '\"><td colspan=\"' + childrenData.length * 2 + '\"><div class=\"downLine\"></div></td></tr>');\n          var lowerLines = '<tr class=\"lines' + isHidden + '\"><td class=\"rightLine\"></td>';\n          for (var i=1; i<childrenData.length; i++) {\n            lowerLines += '<td class=\"leftLine topLine\"></td><td class=\"rightLine topLine\"></td>';\n          }\n          lowerLines += '<td class=\"leftLine\"></td></tr>';\n          $nodesLayer = $('<tr class=\"nodes' + isHidden + '\">');\n          if (Object.keys(data).length === 2) {\n            $appendTo.append($upperLines).append(lowerLines).append($nodesLayer);\n          } else {\n            $nodeWrapper.append($upperLines).append(lowerLines).append($nodesLayer);\n          }\n        }\n        // recurse through children nodes\n        $.each(childrenData, function () {\n          var $nodeCell = isVerticalLayer ? $('<li>') : $('<td colspan=\"2\">');\n          $nodesLayer.append($nodeCell);\n          this.level = level + 1;\n          that.buildHierarchy($nodeCell, this);\n        });\n      }\n    },\n    // build the child nodes of specific node\n    buildChildNode: function ($appendTo, data) {\n      $appendTo.find('td:first').attr('colspan', data.length * 2);\n      this.buildHierarchy($appendTo, { 'children': data });\n    },\n    // exposed method\n    addChildren: function ($node, data) {\n      this.buildChildNode($node.closest('table'), data);\n      if (!$node.children('.bottomEdge').length) {\n        $node.append('<i class=\"edge verticalEdge bottomEdge fa\"></i>');\n      }\n      if (!$node.find('.symbol').length) {\n        $node.children('.title').prepend('<i class=\"fa '+ this.options.parentNodeSymbol + ' symbol\"></i>');\n      }\n      if (this.isInAction($node)) {\n        this.switchVerticalArrow($node.children('.bottomEdge'));\n      }\n    },\n    // build the parent node of specific node\n    buildParentNode: function ($currentRoot, data) {\n      data.relationship = data.relationship || '001';\n      var $table = $('<table>')\n        .append($('<tr>').append($('<td colspan=\"2\">').append(this.createNode(data))))\n        .append('<tr class=\"lines\"><td colspan=\"2\"><div class=\"downLine\"></div></td></tr>')\n        .append('<tr class=\"lines\"><td class=\"rightLine\"></td><td class=\"leftLine\"></td></tr>');\n      this.$chart.prepend($table)\n        .children('table:first').append('<tr class=\"nodes\"><td colspan=\"2\"></td></tr>')\n        .children('tr:last').children().append(this.$chart.children('table').last());\n    },\n    // exposed method\n    addParent: function ($currentRoot, data) {\n      this.buildParentNode($currentRoot, data);\n      if (!$currentRoot.children('.topEdge').length) {\n        $currentRoot.children('.title').after('<i class=\"edge verticalEdge topEdge fa\"></i>');\n      }\n      if (this.isInAction($currentRoot)) {\n        this.switchVerticalArrow($currentRoot.children('.topEdge'));\n      }\n    },\n    // subsequent processing of build sibling nodes\n    complementLine: function ($oneSibling, siblingCount, existingSibligCount) {\n      var lines = '';\n      for (var i = 0; i < existingSibligCount; i++) {\n        lines += '<td class=\"leftLine topLine\"></td><td class=\"rightLine topLine\"></td>';\n      }\n      $oneSibling.parent().prevAll('tr:gt(0)').children().attr('colspan', siblingCount * 2)\n        .end().next().children(':first').after(lines);\n    },\n    // build the sibling nodes of specific node\n    buildSiblingNode: function ($nodeChart, data) {\n      var newSiblingCount = $.isArray(data) ? data.length : data.children.length;\n      var existingSibligCount = $nodeChart.parent().is('td') ? $nodeChart.closest('tr').children().length : 1;\n      var siblingCount = existingSibligCount + newSiblingCount;\n      var insertPostion = (siblingCount > 1) ? Math.floor(siblingCount/2 - 1) : 0;\n      // just build the sibling nodes for the specific node\n      if ($nodeChart.parent().is('td')) {\n        var $parent = $nodeChart.closest('tr').prevAll('tr:last');\n        $nodeChart.closest('tr').prevAll('tr:lt(2)').remove();\n        this.buildChildNode($nodeChart.parent().closest('table'), data);\n        var $siblingTds = $nodeChart.parent().closest('table').children('tr:last').children('td');\n        if (existingSibligCount > 1) {\n          this.complementLine($siblingTds.eq(0).before($nodeChart.closest('td').siblings().addBack().unwrap()), siblingCount, existingSibligCount);\n        } else {\n          this.complementLine($siblingTds.eq(insertPostion).after($nodeChart.closest('td').unwrap()), siblingCount, 1);\n        }\n      } else { // build the sibling nodes and parent node for the specific ndoe\n        this.buildHierarchy($nodeChart.closest('.orgchart'), data);\n        this.complementLine($nodeChart.next().children('tr:last').children().eq(insertPostion).after($('<td colspan=\"2\">').append($nodeChart)),\n          siblingCount, 1);\n      }\n    },\n    //\n    addSiblings: function ($node, data) {\n      this.buildSiblingNode($node.closest('table'), data);\n      $node.closest('.nodes').data('siblingsLoaded', true);\n      if (!$node.children('.leftEdge').length) {\n        $node.children('.topEdge').after('<i class=\"edge horizontalEdge rightEdge fa\"></i><i class=\"edge horizontalEdge leftEdge fa\"></i>');\n      }\n      if (this.isInAction($node)) {\n        this.switchHorizontalArrow($node);\n        $node.children('.topEdge').removeClass('fa-chevron-up').addClass('fa-chevron-down');\n      }\n    },\n    //\n    removeNodes: function ($node) {\n      var $parent = $node.closest('table').parent();\n      var $sibs = $parent.parent().siblings();\n      if ($parent.is('td')) {\n        if (this.getNodeState($node, 'siblings').exist) {\n          $sibs.eq(2).children('.topLine:lt(2)').remove();\n          $sibs.slice(0, 2).children().attr('colspan', $sibs.eq(2).children().length);\n          $parent.remove();\n        } else {\n          $sibs.eq(0).children().removeAttr('colspan')\n            .find('.bottomEdge').remove()\n            .end().end().siblings().remove();\n        }\n      } else {\n        $parent.add($parent.siblings()).remove();\n      }\n    },\n    //\n    hideDropZones: function () {\n      // Remove all the 'this is a drop zone' indicators\n      var orgChartObj = this;\n      orgChartObj.$chart.find('.allowedDrop')\n        .removeClass('allowedDrop');\n    },\n    //\n    showDropZones: function (dragged) {\n      // Highlight all the 'drop zones', and set dragged, so that the drop/enter can work out what happens later\n      // TODO: This assumes all nodes are droppable: it doesn't run the custom isDroppable function - it should!\n      var orgChartObj = this;\n      orgChartObj.$chart.find('.node')\n        .each(function (index, node) {\n          $(node).addClass('allowedDrop');\n        });\n      orgChartObj.$chart.data('dragged', $(dragged));\n    },\n    //\n    processExternalDrop: function (dropZone, dragged) {\n      // Allow an external drop event to be handled by one of our nodes\n      if (dragged) {\n        this.$chart.data('dragged', $(dragged));\n      }\n      var droppedOnNode = dropZone.closest('.node');\n      // would like to just call 'dropZoneHandler', but I can't reach it from here\n      // instead raise a drop event on the node element\n      droppedOnNode.triggerHandler({ 'type': 'drop' });\n    },\n    //\n    exportPDF: function(canvas, exportFilename){\n      var doc = {};\n      var docWidth = Math.floor(canvas.width);\n      var docHeight = Math.floor(canvas.height);\n\n      if (docWidth > docHeight) {\n        doc = new jsPDF({\n          orientation: 'landscape',\n          unit: 'px',\n          format: [docWidth, docHeight]\n        });\n      } else {\n        doc = new jsPDF({\n          orientation: 'portrait',\n          unit: 'px',\n          format: [docHeight, docWidth]\n        });\n      }\n      doc.addImage(canvas.toDataURL(), 'png', 0, 0);\n      doc.save(exportFilename + '.pdf');\n    },\n    //\n    exportPNG: function(canvas, exportFilename){\n      var that = this;\n      var isWebkit = 'WebkitAppearance' in document.documentElement.style;\n      var isFf = !!window.sidebar;\n      var isEdge = navigator.appName === 'Microsoft Internet Explorer' || (navigator.appName === \"Netscape\" && navigator.appVersion.indexOf('Edge') > -1);\n      var $chartContainer = this.$chartContainer;\n\n      if ((!isWebkit && !isFf) || isEdge) {\n        window.navigator.msSaveBlob(canvas.msToBlob(), exportFilename + '.png');\n      } else {\n        var selector = '.oc-download-btn' + (that.options.chartClass !== '' ? '.' + that.options.chartClass : '');\n\n        if (!$chartContainer.find(selector).length) {\n          $chartContainer.append('<a class=\"oc-download-btn' + (that.options.chartClass !== '' ? ' ' + that.options.chartClass : '') + '\"'\n                                 + ' download=\"' + exportFilename + '.png\"></a>');\n        }\n\n        $chartContainer.find(selector).attr('href', canvas.toDataURL())[0].click();\n      }\n    },\n    //\n    export: function (exportFilename, exportFileextension) {\n      var that = this;\n      exportFilename = (typeof exportFilename !== 'undefined') ?  exportFilename : this.options.exportFilename;\n      exportFileextension = (typeof exportFileextension !== 'undefined') ?  exportFileextension : this.options.exportFileextension;\n      if ($(this).children('.spinner').length) {\n        return false;\n      }\n      var $chartContainer = this.$chartContainer;\n      var $mask = $chartContainer.find('.mask');\n      if (!$mask.length) {\n        $chartContainer.append('<div class=\"mask\"><i class=\"fa fa-circle-o-notch fa-spin spinner\"></i></div>');\n      } else {\n        $mask.removeClass('hidden');\n      }\n      var sourceChart = $chartContainer.addClass('canvasContainer').find('.orgchart:not(\".hidden\")').get(0);\n      var flag = that.options.direction === 'l2r' || that.options.direction === 'r2l';\n      html2canvas(sourceChart, {\n        'width': flag ? sourceChart.clientHeight : sourceChart.clientWidth,\n        'height': flag ? sourceChart.clientWidth : sourceChart.clientHeight,\n        'onclone': function (cloneDoc) {\n          $(cloneDoc).find('.canvasContainer').css('overflow', 'visible')\n            .find('.orgchart:not(\".hidden\"):first').css('transform', '');\n        }\n      })\n      .then(function (canvas) {\n        $chartContainer.find('.mask').addClass('hidden');\n\n        if (exportFileextension.toLowerCase() === 'pdf') {\n          that.exportPDF(canvas, exportFilename);\n        } else {\n          that.exportPNG(canvas, exportFilename);\n        }\n\n        $chartContainer.removeClass('canvasContainer');\n      }, function () {\n        $chartContainer.removeClass('canvasContainer');\n      });\n    }\n  };\n\n  $.fn.orgchart = function (opts) {\n    return new OrgChart(this, opts).init();\n  };\n\n}));\n"]}
\ No newline at end of file
diff --git a/gulpfile.js b/gulpfile.js
index 050ea259..fe5177c5 100644
--- a/gulpfile.js
+++ b/gulpfile.js
@@ -134,6 +134,6 @@ gulp.task('serve', gulp.series('build', function () {
       baseDir: paths.demo
     }
   });
-  gulp.watch(paths.srcFiles, gulp.series('build'));
+  // gulp.watch(paths.srcFiles, gulp.series('build'));
   gulp.watch(paths.demoFiles, gulp.series('reload'));
 }));
\ No newline at end of file
diff --git a/src/css/jquery.orgchart.css b/src/css/jquery.orgchart.css
index 38a133cf..781f327e 100644
--- a/src/css/jquery.orgchart.css
+++ b/src/css/jquery.orgchart.css
@@ -233,10 +233,19 @@
 
 .orgchart .node .title .symbol {
   float: left;
-  margin-top: 4px;
+  margin-top: 12px;
   margin-left: 2px;
 }
 
+.orgchart .node .title .symbol::before {
+  background-color: #fff;
+  border-color: rgba(217, 83, 79, 0.8);
+}
+
+.orgchart .node .title .symbol::after {
+  background-color: #fff;
+}
+
 .orgchart .node .content {
   box-sizing: border-box;
   padding: 2px;
@@ -293,11 +302,11 @@
 }
 
 .orgchart .node .topEdge {
-  top: -4px;
+  top: -2px;
 }
 
 .orgchart .node .bottomEdge {
-  bottom: -4px;
+  bottom: -6px;
 }
 
 .orgchart .node .horizontalEdge {
@@ -309,11 +318,11 @@
 }
 
 .orgchart .node .rightEdge {
-  right: -4px;
+  right: -6px;
 }
 
 .orgchart .node .leftEdge {
-  left: -4px;
+  left: -6px;
 }
 
 .orgchart .node .horizontalEdge::before {
@@ -431,4 +440,150 @@
 
 .orgchart.l2r .node.slide-left, .orgchart.r2l .node.slide-left {
   transform: translateX(-40px);
+}
+
+.oc {
+  display: inline-block;
+  position: relative;
+  
+}
+
+.oc-chevron-up::before {
+  content: "";
+  display: inline-block;
+  box-sizing: border-box;
+  vertical-align: text-bottom;
+  width: 0.625rem;
+  height: 0.625rem;
+  border-width: 0 0.2rem 0.2rem 0;
+  border-style: solid;
+  border-color: #000;
+  background: transparent;
+  transform: rotate(-135deg);
+}
+
+.oc-chevron-right::before {
+  content: "";
+  display: inline-block;
+  box-sizing: border-box;
+  width: 0.625rem;
+  height: 0.625rem;
+  border-width: 0 0.2rem 0.2rem 0;
+  border-style: solid;
+  border-color: #000;
+  background: transparent;
+  transform: rotate(-45deg);
+}
+
+.oc-chevron-down::before {
+  content: "";
+  display: inline-block;
+  box-sizing: border-box;
+  width: 0.625rem;
+  height: 0.625rem;
+  border-width: 0 0.2rem 0.2rem 0;
+  border-style: solid;
+  border-color: #000;
+  background: transparent;
+  transform: rotate(45deg);
+}
+
+.oc-chevron-left::before {
+  content: "";
+  display: inline-block;
+  box-sizing: border-box;
+  width: 0.625rem;
+  height: 0.625rem;
+  border-width: 0 0.2rem 0.2rem 0;
+  border-style: solid;
+  border-color: #000;
+  background: transparent;
+  transform: rotate(135deg);
+}
+
+.oc-leader::before {
+  position: absolute;
+  content: "";
+  display: inline-block;
+  box-sizing: border-box;
+  width: 0.625rem;
+  height: 0.625rem;
+  border: 0.0625rem solid #fff;
+  border-radius: 0.3rem;
+  background: #000;
+  top: -0.75rem;
+  z-index: 1;
+}
+
+.oc-leader::after {
+  position: absolute;
+  content: "";
+  display: inline-block;
+  width: 0.875rem;
+  height: 0.375rem;
+  border-radius: 0.4rem 0.4rem 0 0;
+  background: #000;
+  top: -0.3rem;
+  left: -0.125rem;
+}
+
+.oc-plus-square::before {
+  content: "";
+  display: inline-block;
+  vertical-align: text-bottom;
+  width: 0.875rem;
+  height: 0.875rem;
+  background-color: #000;
+  z-index: -1;
+}
+
+.oc-plus-square::after {
+  content: "+";
+  position: absolute;
+  font-size: 1rem;
+  left: 0.125rem;
+  top: 0.05rem;
+  color: #fff;
+}
+
+.oc-minus-square::before {
+  content: "";
+  display: inline-block;
+  vertical-align: text-bottom;
+  width: 0.875rem;
+  height: 0.875rem;
+  background-color: #000;
+}
+
+.oc-minus-square::after {
+  position: absolute;
+  content: "";
+  display: inline-block;
+  width: 0.5rem;
+  height: 0.1rem;
+  background-color: #fff;
+  left: 0.1875rem;
+  top: 0.65rem;
+}
+
+.oc-spinner::before {
+  content: "";
+  vertical-align: text-bottom;
+  display: inline-block;
+  box-sizing: border-box;
+  width: 1rem;
+  height: 1rem;
+  border: 0.2rem solid #000;
+  border-right-color: transparent;
+  border-radius: 0.625rem;
+  animation: oc-infinite-spinning .75s linear infinite;
+}
+
+@keyframes oc-infinite-spinning {
+  from {
+    transform: rotate(0deg);
+  }
+  to {
+    transform: rotate(360deg);
+  }
 }
\ No newline at end of file
diff --git a/src/js/jquery.orgchart.js b/src/js/jquery.orgchart.js
index 745c12e6..1f0297aa 100644
--- a/src/js/jquery.orgchart.js
+++ b/src/js/jquery.orgchart.js
@@ -29,7 +29,7 @@
       'exportButton': false,
       'exportFilename': 'OrgChart',
       'exportFileextension': 'png',
-      'parentNodeSymbol': 'fa-users',
+      'parentNodeSymbol': 'oc-leader',
       'draggable': false,
       'direction': 't2b',
       'pan': false,
@@ -69,7 +69,7 @@
           this.buildHierarchy($chart, this.options.ajaxURL ? data : this.attachRel(data, '00'));
         }
       } else {
-        $chart.append('<i class="fa fa-circle-o-notch fa-spin spinner"></i>');
+        $chart.append('<i class="oc oc-spinner spinner"></i>');
         $.ajax({
           'url': data,
           'dataType': 'json'
@@ -610,7 +610,7 @@
       event.data.visibleNodes.removeClass('sliding');
       if (this.isInAction($node)) {
         this.switchHorizontalArrow($node);
-        $node.children('.topEdge').removeClass('fa-chevron-up').addClass('fa-chevron-down');
+        $node.children('.topEdge').removeClass('oc-chevron-up').addClass('oc-chevron-down');
       }
     },
     //
@@ -659,7 +659,7 @@
       }
 
       $edge.addClass('hidden');
-      $edge.parent().append('<i class="fa fa-circle-o-notch fa-spin spinner"></i>')
+      $edge.parent().append('<i class="oc oc-spinner spinner"></i>')
         .children().not('.spinner').css('opacity', 0.2);
       $chart.data('inAjax', true);
       $('.oc-export-btn' + (this.options.chartClass !== '' ? '.' + this.options.chartClass : '')).prop('disabled', true);
@@ -676,11 +676,11 @@
     },
     // whether the cursor is hovering over the node
     isInAction: function ($node) {
-      return $node.children('.edge').attr('class').indexOf('fa-') > -1 ? true : false;
+      return $node.children('.edge').attr('class').indexOf('oc-') > -1 ? true : false;
     },
     //
     switchVerticalArrow: function ($arrow) {
-      $arrow.toggleClass('fa-chevron-up').toggleClass('fa-chevron-down');
+      $arrow.toggleClass('oc-chevron-up').toggleClass('oc-chevron-down');
     },
     //
     switchHorizontalArrow: function ($node) {
@@ -689,24 +689,24 @@
         var $prevSib = $node.closest('table').parent().prev();
         if ($prevSib.length) {
           if ($prevSib.is('.hidden')) {
-            $node.children('.leftEdge').addClass('fa-chevron-left').removeClass('fa-chevron-right');
+            $node.children('.leftEdge').addClass('oc-chevron-left').removeClass('oc-chevron-right');
           } else {
-            $node.children('.leftEdge').addClass('fa-chevron-right').removeClass('fa-chevron-left');
+            $node.children('.leftEdge').addClass('oc-chevron-right').removeClass('oc-chevron-left');
           }
         }
         var $nextSib = $node.closest('table').parent().next();
         if ($nextSib.length) {
           if ($nextSib.is('.hidden')) {
-            $node.children('.rightEdge').addClass('fa-chevron-right').removeClass('fa-chevron-left');
+            $node.children('.rightEdge').addClass('oc-chevron-right').removeClass('oc-chevron-left');
           } else {
-            $node.children('.rightEdge').addClass('fa-chevron-left').removeClass('fa-chevron-right');
+            $node.children('.rightEdge').addClass('oc-chevron-left').removeClass('oc-chevron-right');
           }
         }
       } else {
         var $sibs = $node.closest('table').parent().siblings();
         var sibsVisible = $sibs.length ? !$sibs.is('.hidden') : false;
-        $node.children('.leftEdge').toggleClass('fa-chevron-right', sibsVisible).toggleClass('fa-chevron-left', !sibsVisible);
-        $node.children('.rightEdge').toggleClass('fa-chevron-left', sibsVisible).toggleClass('fa-chevron-right', !sibsVisible);
+        $node.children('.leftEdge').toggleClass('oc-chevron-right', sibsVisible).toggleClass('oc-chevron-left', !sibsVisible);
+        $node.children('.rightEdge').toggleClass('oc-chevron-left', sibsVisible).toggleClass('oc-chevron-right', !sibsVisible);
       }
     },
     //
@@ -725,17 +725,17 @@
       if (event.type === 'mouseenter') {
         if ($topEdge.length) {
           flag = this.getNodeState($node, 'parent').visible;
-          $topEdge.toggleClass('fa-chevron-up', !flag).toggleClass('fa-chevron-down', flag);
+          $topEdge.toggleClass('oc-chevron-up', !flag).toggleClass('oc-chevron-down', flag);
         }
         if ($bottomEdge.length) {
           flag = this.getNodeState($node, 'children').visible;
-          $bottomEdge.toggleClass('fa-chevron-down', !flag).toggleClass('fa-chevron-up', flag);
+          $bottomEdge.toggleClass('oc-chevron-down', !flag).toggleClass('oc-chevron-up', flag);
         }
         if ($leftEdge.length) {
           this.switchHorizontalArrow($node);
         }
       } else {
-        $node.children('.edge').removeClass('fa-chevron-up fa-chevron-down fa-chevron-right fa-chevron-left');
+        $node.children('.edge').removeClass('oc-chevron-up oc-chevron-down oc-chevron-right oc-chevron-left');
       }
     },
     //
@@ -887,14 +887,14 @@
       var $descendants = $descWrapper.find('.node');
       var $children = $descWrapper.children().children('.node');
       if ($children.is('.sliding')) { return; }
-      $toggleBtn.toggleClass('fa-plus-square fa-minus-square');
+      $toggleBtn.toggleClass('oc-plus-square oc-minus-square');
       if ($descendants.eq(0).is('.slide-up')) {
         $descWrapper.removeClass('hidden');
         this.repaint($children.get(0));
         $children.addClass('sliding').removeClass('slide-up').eq(0).one('transitionend', { 'vNodes': $children }, this.expandVNodesEnd);
       } else {
         $descendants.addClass('sliding slide-up').eq(0).one('transitionend', { 'vNodes': $descendants }, this.collapseVNodesEnd);
-        $descendants.find('.toggleBtn').removeClass('fa-minus-square').addClass('fa-plus-square');
+        $descendants.find('.toggleBtn').removeClass('oc-minus-square').addClass('oc-plus-square');
       }
     },
     //
@@ -1019,7 +1019,7 @@
       }
       // firstly, deal with the hierarchy of drop zone
       if (!$dropZone.closest('tr').siblings().length) { // if the drop zone is a leaf node
-        $dropZone.append('<i class="edge verticalEdge bottomEdge fa"></i>')
+        $dropZone.append('<i class="edge verticalEdge bottomEdge oc"></i>')
           .parent().attr('colspan', 2)
           .parent().after('<tr class="lines"><td colspan="2"><div class="downLine"></div></td></tr>'
           + '<tr class="lines"><td class="rightLine"></td><td class="leftLine"></td></tr>'
@@ -1027,7 +1027,7 @@
           .siblings(':last').append($dragged.find('.horizontalEdge').remove().end().closest('table').parent());
       } else {
         var dropColspan = parseInt($dropZone.parent().attr('colspan')) + 2;
-        var horizontalEdges = '<i class="edge horizontalEdge rightEdge fa"></i><i class="edge horizontalEdge leftEdge fa"></i>';
+        var horizontalEdges = '<i class="edge horizontalEdge rightEdge oc"></i><i class="edge horizontalEdge leftEdge oc"></i>';
         $dropZone.closest('tr').next().addBack().children().attr('colspan', dropColspan);
         if (!$dragged.find('.horizontalEdge').length) {
           $dragged.append(horizontalEdges);
@@ -1239,19 +1239,19 @@
       if (opts.verticalLevel && level >= opts.verticalLevel) {
         if ((level + 1) > opts.verticalLevel && Number(flags.substr(2,1))) {
           var icon = level + 1 > opts.visibleLevel ? 'plus' : 'minus';
-          $nodeDiv.append('<i class="toggleBtn fa fa-' + icon + '-square"></i>');
+          $nodeDiv.append('<i class="toggleBtn oc oc-' + icon + '-square"></i>');
         }
       } else {
         if (Number(flags.substr(0,1))) {
-          $nodeDiv.append('<i class="edge verticalEdge topEdge fa"></i>');
+          $nodeDiv.append('<i class="edge verticalEdge topEdge oc"></i>');
         }
         if(Number(flags.substr(1,1))) {
-          $nodeDiv.append('<i class="edge horizontalEdge rightEdge fa"></i>' +
-            '<i class="edge horizontalEdge leftEdge fa"></i>');
+          $nodeDiv.append('<i class="edge horizontalEdge rightEdge oc"></i>' +
+            '<i class="edge horizontalEdge leftEdge oc"></i>');
         }
         if(Number(flags.substr(2,1))) {
-          $nodeDiv.append('<i class="edge verticalEdge bottomEdge fa"></i>')
-            .children('.title').prepend('<i class="fa '+ opts.parentNodeSymbol + ' symbol"></i>');
+          $nodeDiv.append('<i class="edge verticalEdge bottomEdge oc"></i>')
+            .children('.title').prepend('<i class="oc '+ opts.parentNodeSymbol + ' symbol"></i>');
         }
       }
 
@@ -1346,10 +1346,10 @@
     addChildren: function ($node, data) {
       this.buildChildNode($node.closest('table'), data);
       if (!$node.children('.bottomEdge').length) {
-        $node.append('<i class="edge verticalEdge bottomEdge fa"></i>');
+        $node.append('<i class="edge verticalEdge bottomEdge oc"></i>');
       }
       if (!$node.find('.symbol').length) {
-        $node.children('.title').prepend('<i class="fa '+ this.options.parentNodeSymbol + ' symbol"></i>');
+        $node.children('.title').prepend('<i class="oc '+ this.options.parentNodeSymbol + ' symbol"></i>');
       }
       if (this.isInAction($node)) {
         this.switchVerticalArrow($node.children('.bottomEdge'));
@@ -1370,7 +1370,7 @@
     addParent: function ($currentRoot, data) {
       this.buildParentNode($currentRoot, data);
       if (!$currentRoot.children('.topEdge').length) {
-        $currentRoot.children('.title').after('<i class="edge verticalEdge topEdge fa"></i>');
+        $currentRoot.children('.title').after('<i class="edge verticalEdge topEdge oc"></i>');
       }
       if (this.isInAction($currentRoot)) {
         this.switchVerticalArrow($currentRoot.children('.topEdge'));
@@ -1413,11 +1413,11 @@
       this.buildSiblingNode($node.closest('table'), data);
       $node.closest('.nodes').data('siblingsLoaded', true);
       if (!$node.children('.leftEdge').length) {
-        $node.children('.topEdge').after('<i class="edge horizontalEdge rightEdge fa"></i><i class="edge horizontalEdge leftEdge fa"></i>');
+        $node.children('.topEdge').after('<i class="edge horizontalEdge rightEdge oc"></i><i class="edge horizontalEdge leftEdge oc"></i>');
       }
       if (this.isInAction($node)) {
         this.switchHorizontalArrow($node);
-        $node.children('.topEdge').removeClass('fa-chevron-up').addClass('fa-chevron-down');
+        $node.children('.topEdge').removeClass('oc-chevron-up').addClass('oc-chevron-down');
       }
     },
     //
@@ -1521,7 +1521,7 @@
       var $chartContainer = this.$chartContainer;
       var $mask = $chartContainer.find('.mask');
       if (!$mask.length) {
-        $chartContainer.append('<div class="mask"><i class="fa fa-circle-o-notch fa-spin spinner"></i></div>');
+        $chartContainer.append('<div class="mask"><i class="oc oc-spinner spinner"></i></div>');
       } else {
         $mask.removeClass('hidden');
       }
diff --git a/test/integration/init-tests.js b/test/integration/init-tests.js
index d2fa74b8..aaffcb22 100644
--- a/test/integration/init-tests.js
+++ b/test/integration/init-tests.js
@@ -19,15 +19,15 @@ describe('orgchart -- integration tests', function () {
     ]
   },
   fragment = '<div class="orgchart"><table><tr><td colspan="4"><div id="n1" class="node">' +
-    '<div class="title"><i class="fa fa-users symbol"></i>Lao Lao</div><i class="edge verticalEdge bottomEdge fa"></i></div>' +
+    '<div class="title"><i class="oc oc-leader symbol"></i>Lao Lao</div><i class="edge verticalEdge bottomEdge oc"></i></div>' +
     '</td></tr><tr class="lines"><td colspan="4"><div class="downLine"></div></td></tr>' +
     '<tr class="lines"><td class="rightLine"></td><td class="leftLine topLine"></td>' +
     '<td class="rightLine topLine"></td><td class="leftLine"></td></tr><tr class="nodes"><td colspan="2"><table><tr><td>' +
-    '<div id="n2" data-parent="n1" class="node"><div class="title">Bo Miao</div><i class="edge verticalEdge topEdge fa"></i>' +
-    '<i class="edge horizontalEdge rightEdge fa"></i><i class="edge horizontalEdge leftEdge fa"></i></div></td></tr></table></td>' +
+    '<div id="n2" data-parent="n1" class="node"><div class="title">Bo Miao</div><i class="edge verticalEdge topEdge oc"></i>' +
+    '<i class="edge horizontalEdge rightEdge oc"></i><i class="edge horizontalEdge leftEdge oc"></i></div></td></tr></table></td>' +
     '<td colspan="2"><table><tr><td><div id="n3" data-parent="n1" class="node"><div class="title">Su Miao</div>' +
-    '<i class="edge verticalEdge topEdge fa"></i><i class="edge horizontalEdge rightEdge fa"></i>' +
-    '<i class="edge horizontalEdge leftEdge fa"></i></div></td></tr></table></td></tr></table></div>',
+    '<i class="edge verticalEdge topEdge oc"></i><i class="edge horizontalEdge rightEdge oc"></i>' +
+    '<i class="edge horizontalEdge leftEdge oc"></i></div></td></tr></table></td></tr></table></div>',
   oc = {};
     
   afterEach(function () {
@@ -105,10 +105,10 @@ describe('orgchart -- integration tests', function () {
       };
 
       it('verticalLevel=2 and visibleLevel=1', function () {
-        var fragment = '<div class="orgchart"><table><tr><td colspan="4"><div class="node"><div class="title"><i class="fa fa-users symbol"></i>Lao Lao</div>' +
-          '<i class="edge verticalEdge bottomEdge fa"></i></div></td></tr><tr class="verticalNodes hidden"><td><ul><li><div class="node slide-up">' +
+        var fragment = '<div class="orgchart"><table><tr><td colspan="4"><div class="node"><div class="title"><i class="oc oc-leader symbol"></i>Lao Lao</div>' +
+          '<i class="edge verticalEdge bottomEdge oc"></i></div></td></tr><tr class="verticalNodes hidden"><td><ul><li><div class="node slide-up">' +
           '<div class="title">Bo Miao</div></div></li><li><div class="node slide-up"><div class="title">Su Miao</div>' +
-          '<i class="toggleBtn fa fa-plus-square"></i></div><ul class="hidden"><li><div class="node slide-up"><div class="title">Tie Hua</div></div></li>' +
+          '<i class="toggleBtn oc oc-plus-square"></i></div><ul class="hidden"><li><div class="node slide-up"><div class="title">Tie Hua</div></div></li>' +
           '<li><div class="node slide-up"><div class="title">Hei Hei</div></div></li></ul></li></ul></td></tr></table></div>';
         oc = $container.orgchart({
           'data': ds,
@@ -119,9 +119,9 @@ describe('orgchart -- integration tests', function () {
       });
 
       it('verticalLevel=2 and visibleLevel=2', function () {
-        var fragment = '<div class="orgchart"><table><tr><td colspan="4"><div class="node"><div class="title"><i class="fa fa-users symbol"></i>Lao Lao</div>' +
-          '<i class="edge verticalEdge bottomEdge fa"></i></div></td></tr><tr class="verticalNodes"><td><ul><li><div class="node">' +
-          '<div class="title">Bo Miao</div></div></li><li><div class="node"><div class="title">Su Miao</div><i class="toggleBtn fa fa-plus-square"></i></div>' +
+        var fragment = '<div class="orgchart"><table><tr><td colspan="4"><div class="node"><div class="title"><i class="oc oc-leader symbol"></i>Lao Lao</div>' +
+          '<i class="edge verticalEdge bottomEdge oc"></i></div></td></tr><tr class="verticalNodes"><td><ul><li><div class="node">' +
+          '<div class="title">Bo Miao</div></div></li><li><div class="node"><div class="title">Su Miao</div><i class="toggleBtn oc oc-plus-square"></i></div>' +
           '<ul class="hidden"><li><div class="node slide-up"><div class="title">Tie Hua</div></div></li><li><div class="node slide-up">' +
           '<div class="title">Hei Hei</div></div></li></ul></li></ul></td></tr></table></div>';
         oc = $container.orgchart({
@@ -133,9 +133,9 @@ describe('orgchart -- integration tests', function () {
       });
 
       it('verticalLevel=2 and visibleLevel=3', function () {
-        var fragment = '<div class="orgchart"><table><tr><td colspan="4"><div class="node"><div class="title"><i class="fa fa-users symbol"></i>Lao Lao</div>' +
-          '<i class="edge verticalEdge bottomEdge fa"></i></div></td></tr><tr class="verticalNodes"><td><ul><li><div class="node">' +
-          '<div class="title">Bo Miao</div></div></li><li><div class="node"><div class="title">Su Miao</div><i class="toggleBtn fa fa-minus-square"></i></div>' +
+        var fragment = '<div class="orgchart"><table><tr><td colspan="4"><div class="node"><div class="title"><i class="oc oc-leader symbol"></i>Lao Lao</div>' +
+          '<i class="edge verticalEdge bottomEdge oc"></i></div></td></tr><tr class="verticalNodes"><td><ul><li><div class="node">' +
+          '<div class="title">Bo Miao</div></div></li><li><div class="node"><div class="title">Su Miao</div><i class="toggleBtn oc oc-minus-square"></i></div>' +
           '<ul><li><div class="node"><div class="title">Tie Hua</div></div></li><li><div class="node"><div class="title">Hei Hei</div></div>' +
           '</li></ul></li></ul></td></tr></table></div>';
         oc = $container.orgchart({

From 571fc97269493861867efe6b3ef3edf7f1fd8cc2 Mon Sep 17 00:00:00 2001
From: dabeng <dabeng413@gmail.com>
Date: Sun, 19 Jan 2020 11:11:58 +0800
Subject: [PATCH 2/6] WIP: refactor all the demos

---
 demo/ajax-datasource.html         |   1 -
 demo/bottom2top.html              |   1 -
 demo/center-on-selected-node.html |   1 -
 demo/color-coded.html             |   1 -
 demo/custom-template.html         |   1 -
 demo/default-collapsed.html       |   1 -
 demo/drag-drop.html               |   1 -
 demo/edit-chart.html              |   5 -
 demo/expand-to-given-depth.html   |   1 -
 demo/export-chart-pdf.html        |   3 +-
 demo/export-chart.html            |   3 +-
 demo/filter-node.html             |   1 -
 demo/get-hierarchy.html           |   1 -
 demo/integrate-map.html           |   1 -
 demo/left2right.html              |   1 -
 demo/link-node.html               |   1 -
 demo/local-datasource.html        |   1 -
 demo/multiple-layers.html         |  12 +-
 demo/ondemand-loading-data.html   |   1 -
 demo/option-createNode.html       |   3 +-
 demo/pan-zoom.html                |   1 -
 demo/reload-data.html             |   1 -
 demo/report-path.html             |   1 -
 demo/responsive-design.html       |   1 -
 demo/right2left.html              |   1 -
 demo/toggle-sibs-resp.html        |   1 -
 demo/ul-datasource.html           |   1 -
 demo/vertical-level.html          |   1 -
 src/css/jquery.orgchart.css       | 178 +++++++++++++++++++-----------
 src/js/jquery.orgchart.js         |  74 ++++++-------
 30 files changed, 161 insertions(+), 140 deletions(-)

diff --git a/demo/ajax-datasource.html b/demo/ajax-datasource.html
index ea78c941..0e580340 100755
--- a/demo/ajax-datasource.html
+++ b/demo/ajax-datasource.html
@@ -4,7 +4,6 @@
   <meta charset="utf-8">
   <title>Organization Chart Plugin</title>
   <link rel="icon" href="img/logo.png">
-  <link rel="stylesheet" href="css/font-awesome.min.css">
   <link rel="stylesheet" href="css/jquery.orgchart.css">
   <link rel="stylesheet" href="css/style.css">
 </head>
diff --git a/demo/bottom2top.html b/demo/bottom2top.html
index 1cf0e3a0..f5021505 100755
--- a/demo/bottom2top.html
+++ b/demo/bottom2top.html
@@ -4,7 +4,6 @@
   <meta charset="utf-8">
   <title>Organization Chart Plugin</title>
   <link rel="icon" href="img/logo.png">
-  <link rel="stylesheet" href="css/font-awesome.min.css">
   <link rel="stylesheet" href="css/jquery.orgchart.css">
   <link rel="stylesheet" href="css/style.css">
 </head>
diff --git a/demo/center-on-selected-node.html b/demo/center-on-selected-node.html
index a6503cdf..011f7f1d 100755
--- a/demo/center-on-selected-node.html
+++ b/demo/center-on-selected-node.html
@@ -6,7 +6,6 @@
   <meta name="viewport" content="width=device-width, initial-scale=1">
   <title>Organization Chart Plugin</title>
   <link rel="icon" href="img/logo.png">
-  <link rel="stylesheet" href="css/font-awesome.min.css">
   <link rel="stylesheet" href="css/jquery.orgchart.css">
   <link rel="stylesheet" href="css/style.css">
   <style type="text/css">
diff --git a/demo/color-coded.html b/demo/color-coded.html
index 351264bb..a1f23649 100755
--- a/demo/color-coded.html
+++ b/demo/color-coded.html
@@ -4,7 +4,6 @@
   <meta charset="utf-8">
   <title>Organization Chart Plugin</title>
   <link rel="icon" href="img/logo.png">
-  <link rel="stylesheet" href="css/font-awesome.min.css">
   <link rel="stylesheet" href="css/jquery.orgchart.css">
   <link rel="stylesheet" href="css/style.css">
   <style type="text/css">
diff --git a/demo/custom-template.html b/demo/custom-template.html
index 32382da7..bbe80dc2 100755
--- a/demo/custom-template.html
+++ b/demo/custom-template.html
@@ -4,7 +4,6 @@
   <meta charset="utf-8">
   <title>Organization Chart Plugin</title>
   <link rel="icon" href="img/logo.png">
-  <link rel="stylesheet" href="css/font-awesome.min.css">
   <link rel="stylesheet" href="css/jquery.orgchart.css">
   <link rel="stylesheet" href="css/style.css">
 </head>
diff --git a/demo/default-collapsed.html b/demo/default-collapsed.html
index df62cc87..0d83cfa4 100755
--- a/demo/default-collapsed.html
+++ b/demo/default-collapsed.html
@@ -4,7 +4,6 @@
   <meta charset="utf-8">
   <title>Organization Chart Plugin</title>
   <link rel="icon" href="img/logo.png">
-  <link rel="stylesheet" href="css/font-awesome.min.css">
   <link rel="stylesheet" href="css/jquery.orgchart.css">
   <link rel="stylesheet" href="css/style.css">
 </head>
diff --git a/demo/drag-drop.html b/demo/drag-drop.html
index 3c14d5bb..c9e933d7 100755
--- a/demo/drag-drop.html
+++ b/demo/drag-drop.html
@@ -4,7 +4,6 @@
   <meta charset="utf-8">
   <title>Organization Chart Plugin</title>
   <link rel="icon" href="img/logo.png">
-  <link rel="stylesheet" href="css/font-awesome.min.css">
   <link rel="stylesheet" href="css/jquery.orgchart.css">
   <link rel="stylesheet" href="css/style.css">
   <style type="text/css">
diff --git a/demo/edit-chart.html b/demo/edit-chart.html
index 854ee59b..0a977b07 100755
--- a/demo/edit-chart.html
+++ b/demo/edit-chart.html
@@ -4,16 +4,13 @@
   <meta charset="utf-8">
   <title>Organization Chart Plugin</title>
   <link rel="icon" href="img/logo.png">
-  <link rel="stylesheet" href="css/font-awesome.min.css">
   <link rel="stylesheet" href="css/jquery.orgchart.css">
   <link rel="stylesheet" href="css/style.css">
   <style type="text/css">
     #chart-container { background-color: #eee; height: 500px; }
     .orgchart { background: #fff; }
     .orgchart.edit-state .edge { display: none; }
-    .orgchart .node { width: 150px; }
     .orgchart .node .title { height: 30px; line-height: 30px; }
-    .orgchart .node .title .symbol { margin-top: 1px; }
     #edit-panel {
       position: relative;
       left: 10px;
@@ -120,7 +117,6 @@
       'chartClass': 'edit-state',
       'exportButton': true,
       'exportFilename': 'SportsChart',
-      'parentNodeSymbol': 'fa-th-large',
       'createNode': function($node, data) {
         $node[0].id = getId();
       }
@@ -203,7 +199,6 @@
             'data' : { 'name': nodeVals[0] },
             'exportButton': true,
             'exportFilename': 'SportsChart',
-            'parentNodeSymbol': 'fa-th-large',
             'createNode': function($node, data) {
               $node[0].id = getId();
             }
diff --git a/demo/expand-to-given-depth.html b/demo/expand-to-given-depth.html
index 62e11d04..0075979b 100755
--- a/demo/expand-to-given-depth.html
+++ b/demo/expand-to-given-depth.html
@@ -4,7 +4,6 @@
   <meta charset="utf-8">
   <title>Organization Chart Plugin</title>
   <link rel="icon" href="img/logo.png">
-  <link rel="stylesheet" href="css/font-awesome.min.css">
   <link rel="stylesheet" href="css/jquery.orgchart.css">
   <link rel="stylesheet" href="css/style.css">
   <style type="text/css">
diff --git a/demo/export-chart-pdf.html b/demo/export-chart-pdf.html
index f8fe4105..079f0ae3 100755
--- a/demo/export-chart-pdf.html
+++ b/demo/export-chart-pdf.html
@@ -4,7 +4,6 @@
   <meta charset="utf-8">
   <title>Organization Chart Plugin</title>
   <link rel="icon" href="img/logo.png">
-  <link rel="stylesheet" href="css/font-awesome.min.css">
   <link rel="stylesheet" href="css/jquery.orgchart.css">
   <link rel="stylesheet" href="css/style.css">
   <style type="text/css">
@@ -17,7 +16,7 @@
 
   <script src="js/jquery.min.js"></script>
   <!-- the following reference is specific for IE -->
-  <script type="text/javascript" src="https://cdn.rawgit.com/stefanpenner/es6-promise/master/dist/es6-promise.auto.min.js"></script>
+  <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/es6-promise/4.1.1/es6-promise.auto.min.js"></script>
   <script type="text/javascript" src="js/html2canvas.min.js"></script>
   <script type="text/javascript" src="js/jspdf.min.js"></script>
   <script type="text/javascript" src="js/jquery.orgchart.js"></script>
diff --git a/demo/export-chart.html b/demo/export-chart.html
index 5b6beaf6..5c20250f 100755
--- a/demo/export-chart.html
+++ b/demo/export-chart.html
@@ -4,7 +4,6 @@
   <meta charset="utf-8">
   <title>Organization Chart Plugin</title>
   <link rel="icon" href="img/logo.png">
-  <link rel="stylesheet" href="css/font-awesome.min.css">
   <link rel="stylesheet" href="css/jquery.orgchart.css">
   <link rel="stylesheet" href="css/style.css">
   <style type="text/css">
@@ -17,7 +16,7 @@
 
   <script src="js/jquery.min.js"></script>
   <!-- the following reference is specific for IE -->
-  <script type="text/javascript" src="https://cdn.rawgit.com/stefanpenner/es6-promise/master/dist/es6-promise.auto.min.js"></script>
+  <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/es6-promise/4.1.1/es6-promise.auto.min.js"></script>
   <script type="text/javascript" src="js/html2canvas.min.js"></script>
   <script type="text/javascript" src="js/jspdf.min.js"></script>
   <script type="text/javascript" src="js/jquery.orgchart.js"></script>
diff --git a/demo/filter-node.html b/demo/filter-node.html
index 8deff7fc..62ad83e4 100755
--- a/demo/filter-node.html
+++ b/demo/filter-node.html
@@ -4,7 +4,6 @@
   <meta charset="utf-8">
   <title>Organization Chart Plugin</title>
   <link rel="icon" href="img/logo.png">
-  <link rel="stylesheet" href="css/font-awesome.min.css">
   <link rel="stylesheet" href="css/jquery.orgchart.css">
   <link rel="stylesheet" href="css/style.css">
   <style type="text/css">
diff --git a/demo/get-hierarchy.html b/demo/get-hierarchy.html
index 54cbbd9d..7e2d8e25 100755
--- a/demo/get-hierarchy.html
+++ b/demo/get-hierarchy.html
@@ -4,7 +4,6 @@
   <meta charset="utf-8">
   <title>Organization Chart Plugin</title>
   <link rel="icon" href="img/logo.png">
-  <link rel="stylesheet" href="css/font-awesome.min.css">
   <link rel="stylesheet" href="css/jquery.orgchart.css">
   <link rel="stylesheet" href="css/style.css">
   <style type="text/css">
diff --git a/demo/integrate-map.html b/demo/integrate-map.html
index e1c23223..7a1c559d 100755
--- a/demo/integrate-map.html
+++ b/demo/integrate-map.html
@@ -5,7 +5,6 @@
   <title>Organization Chart Plugin</title>
   <link rel="icon" href="img/logo.png">
   <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/ol3/3.18.2/ol.css">
-  <link rel="stylesheet" href="css/font-awesome.min.css">
   <link rel="stylesheet" href="css/jquery.orgchart.css">
   <link rel="stylesheet" href="css/style.css">
   <style type="text/css">
diff --git a/demo/left2right.html b/demo/left2right.html
index 7e21e1ca..a7a3cfae 100755
--- a/demo/left2right.html
+++ b/demo/left2right.html
@@ -4,7 +4,6 @@
   <meta charset="utf-8">
   <title>Organization Chart Plugin</title>
   <link rel="icon" href="img/logo.png">
-  <link rel="stylesheet" href="css/font-awesome.min.css">
   <link rel="stylesheet" href="css/jquery.orgchart.css">
   <link rel="stylesheet" href="css/style.css">
   <style type="text/css">
diff --git a/demo/link-node.html b/demo/link-node.html
index 549ce10f..99e7a7cc 100755
--- a/demo/link-node.html
+++ b/demo/link-node.html
@@ -4,7 +4,6 @@
   <meta charset="utf-8">
   <title>Organization Chart Plugin</title>
   <link rel="icon" href="img/logo.png">
-  <link rel="stylesheet" href="css/font-awesome.min.css">
   <link rel="stylesheet" href="css/jquery.orgchart.css">
   <link rel="stylesheet" href="css/style.css">
   <style type="text/css">
diff --git a/demo/local-datasource.html b/demo/local-datasource.html
index 60a81f06..7b9d7291 100755
--- a/demo/local-datasource.html
+++ b/demo/local-datasource.html
@@ -4,7 +4,6 @@
   <meta charset="utf-8">
   <title>Organization Chart Plugin</title>
   <link rel="icon" href="img/logo.png">
-  <link rel="stylesheet" href="css/font-awesome.min.css">
   <link rel="stylesheet" href="css/jquery.orgchart.css">
   <link rel="stylesheet" href="css/style.css">
 </head>
diff --git a/demo/multiple-layers.html b/demo/multiple-layers.html
index 1ce0ec07..19022121 100755
--- a/demo/multiple-layers.html
+++ b/demo/multiple-layers.html
@@ -4,7 +4,6 @@
   <meta charset="utf-8">
   <title>Organization Chart Plugin</title>
   <link rel="icon" href="img/logo.png">
-  <link rel="stylesheet" href="css/font-awesome.min.css">
   <link rel="stylesheet" href="css/jquery.orgchart.css">
   <link rel="stylesheet" href="css/style.css">
   <style type="text/css">
@@ -15,11 +14,12 @@
       right: -10px;
       top: -10px;
       z-index: 2;
-      color: rgba(68, 157, 68, 0.5);
-      font-size: 24px;
       position: absolute;
     }
-    .orgchart .drill-icon:hover { color: #449d44; }
+    .orgchart .drill-icon::before {
+      background-color: rgba(68, 157, 68, 0.5);
+    }
+    .orgchart .drill-icon:hover::before { background-color: #449d44; }
     .orgchart .node:hover .drill-icon { opacity: 1; }
   </style>
 </head>
@@ -92,7 +92,7 @@
         if ($node.is('.drill-down')) {
           var assoClass = data.className.match(/asso-\w+/)[0];
           var drillDownIcon = $('<i>', {
-            'class': 'fa fa-arrow-circle-down drill-icon',
+            'class': 'oci oci-arrow-circle-down drill-icon',
             'click': function() {
               $('#chart-container').find('.orgchart:visible').addClass('hidden');
               if (!$('#chart-container').find('.orgchart.' + assoClass).length) {
@@ -106,7 +106,7 @@
         } else if ($node.is('.drill-up')) {
           var assoClass = data.className.match(/asso-\w+/)[0];
           var drillUpIcon = $('<i>', {
-            'class': 'fa fa-arrow-circle-up drill-icon',
+            'class': 'oci oci-arrow-circle-up drill-icon',
             'click': function() {
               $('#chart-container').find('.orgchart:visible').addClass('hidden').end()
                 .find('.drill-down.' + assoClass).closest('.orgchart').removeClass('hidden');
diff --git a/demo/ondemand-loading-data.html b/demo/ondemand-loading-data.html
index 96846055..06e8c21e 100755
--- a/demo/ondemand-loading-data.html
+++ b/demo/ondemand-loading-data.html
@@ -4,7 +4,6 @@
   <meta charset="utf-8">
   <title>Organization Chart Plugin</title>
   <link rel="icon" href="img/logo.png">
-  <link rel="stylesheet" href="css/font-awesome.min.css">
   <link rel="stylesheet" href="css/jquery.orgchart.css">
   <link rel="stylesheet" href="css/style.css">
 </head>
diff --git a/demo/option-createNode.html b/demo/option-createNode.html
index 5e14fd11..51adacde 100755
--- a/demo/option-createNode.html
+++ b/demo/option-createNode.html
@@ -4,7 +4,6 @@
   <meta charset="utf-8">
   <title>Organization Chart Plugin</title>
   <link rel="icon" href="img/logo.png">
-  <link rel="stylesheet" href="css/font-awesome.min.css">
   <link rel="stylesheet" href="css/jquery.orgchart.css">
   <link rel="stylesheet" href="css/style.css">
   <style type="text/css">
@@ -80,7 +79,7 @@
       'nodeID': 'id',
       'createNode': function($node, data) {
         var secondMenuIcon = $('<i>', {
-          'class': 'fa fa-info-circle second-menu-icon',
+          'class': 'oci oci-info-circle second-menu-icon',
           click: function() {
             $(this).siblings('.second-menu').toggle();
           }
diff --git a/demo/pan-zoom.html b/demo/pan-zoom.html
index 1af9a751..27361c76 100755
--- a/demo/pan-zoom.html
+++ b/demo/pan-zoom.html
@@ -4,7 +4,6 @@
   <meta charset="utf-8">
   <title>Organization Chart Plugin</title>
   <link rel="icon" href="img/logo.png">
-  <link rel="stylesheet" href="css/font-awesome.min.css">
   <link rel="stylesheet" href="css/jquery.orgchart.css">
   <link rel="stylesheet" href="css/style.css">
 </head>
diff --git a/demo/reload-data.html b/demo/reload-data.html
index 6ecf814c..69e0d132 100755
--- a/demo/reload-data.html
+++ b/demo/reload-data.html
@@ -4,7 +4,6 @@
   <meta charset="utf-8">
   <title>Organization Chart Plugin</title>
   <link rel="icon" href="img/logo.png">
-  <link rel="stylesheet" href="css/font-awesome.min.css">
   <link rel="stylesheet" href="css/jquery.orgchart.css">
   <link rel="stylesheet" href="css/style.css">
 </head>
diff --git a/demo/report-path.html b/demo/report-path.html
index 40796ae7..e6856957 100755
--- a/demo/report-path.html
+++ b/demo/report-path.html
@@ -4,7 +4,6 @@
   <meta charset="utf-8">
   <title>Organization Chart Plugin</title>
   <link rel="icon" href="img/logo.png">
-  <link rel="stylesheet" href="css/font-awesome.min.css">
   <link rel="stylesheet" href="css/jquery.orgchart.css">
   <link rel="stylesheet" href="css/style.css">
   <style type="text/css">
diff --git a/demo/responsive-design.html b/demo/responsive-design.html
index 314dbfb8..fa708be3 100755
--- a/demo/responsive-design.html
+++ b/demo/responsive-design.html
@@ -4,7 +4,6 @@
   <meta charset="utf-8">
   <title>Organization Chart Plugin</title>
   <link rel="icon" href="img/logo.png">
-  <link rel="stylesheet" href="css/font-awesome.min.css">
   <link rel="stylesheet" href="css/jquery.orgchart.css">
   <link rel="stylesheet" href="css/style.css">
   <style type="text/css">
diff --git a/demo/right2left.html b/demo/right2left.html
index 9978599f..1a0a9cdc 100755
--- a/demo/right2left.html
+++ b/demo/right2left.html
@@ -4,7 +4,6 @@
   <meta charset="utf-8">
   <title>Organization Chart Plugin</title>
   <link rel="icon" href="img/logo.png">
-  <link rel="stylesheet" href="css/font-awesome.min.css">
   <link rel="stylesheet" href="css/jquery.orgchart.css">
   <link rel="stylesheet" href="css/style.css">
   <style type="text/css">
diff --git a/demo/toggle-sibs-resp.html b/demo/toggle-sibs-resp.html
index bcebb195..6a7d7cfb 100755
--- a/demo/toggle-sibs-resp.html
+++ b/demo/toggle-sibs-resp.html
@@ -4,7 +4,6 @@
   <meta charset="utf-8">
   <title>Organization Chart Plugin</title>
   <link rel="icon" href="img/logo.png">
-  <link rel="stylesheet" href="css/font-awesome.min.css">
   <link rel="stylesheet" href="css/jquery.orgchart.css">
   <link rel="stylesheet" href="css/style.css">
 </head>
diff --git a/demo/ul-datasource.html b/demo/ul-datasource.html
index 98970617..03b5ecb5 100755
--- a/demo/ul-datasource.html
+++ b/demo/ul-datasource.html
@@ -4,7 +4,6 @@
   <meta charset="utf-8">
   <title>Organization Chart Plugin</title>
   <link rel="icon" href="img/logo.png">
-  <link rel="stylesheet" href="css/font-awesome.min.css">
   <link rel="stylesheet" href="css/jquery.orgchart.css">
   <link rel="stylesheet" href="css/style.css">
   <style type="text/css">
diff --git a/demo/vertical-level.html b/demo/vertical-level.html
index cc16648e..57af9c91 100755
--- a/demo/vertical-level.html
+++ b/demo/vertical-level.html
@@ -4,7 +4,6 @@
   <meta charset="utf-8">
   <title>Organization Chart Plugin</title>
   <link rel="icon" href="img/logo.png">
-  <link rel="stylesheet" href="css/font-awesome.min.css">
   <link rel="stylesheet" href="css/jquery.orgchart.css">
   <link rel="stylesheet" href="css/style.css">
   <style type="text/css">
diff --git a/src/css/jquery.orgchart.css b/src/css/jquery.orgchart.css
index 781f327e..627a2f40 100644
--- a/src/css/jquery.orgchart.css
+++ b/src/css/jquery.orgchart.css
@@ -99,10 +99,15 @@
   transform-origin: left top;
 }
 
-.orgchart>.spinner {
-  font-size: 100px;
+.orgchart>.spinner::before {
+  width: 100px;
+  height: 100px;
+  border-width: 20px;
+  border-radius: 50px;
   margin-top: 30px;
-  color: rgba(68, 157, 68, 0.8);
+  border-top-color: rgba(68, 157, 68, 0.8);
+  border-bottom-color: rgba(68, 157, 68, 0.8);
+  border-left-color: rgba(68, 157, 68, 0.8);
 }
 
 .orgchart table {
@@ -167,11 +172,19 @@
 
 .orgchart .node>.spinner {
   position: absolute;
-  top: calc(50% - 15px);
-  left: calc(50% - 15px);
-  vertical-align: middle;
-  font-size: 30px;
-  color: rgba(68, 157, 68, 0.8);
+  top: calc(50% - 1rem);
+  left: calc(50% - 1rem);
+  /*vertical-align: middle;*/
+}
+
+.orgchart .node>.spinner::before {
+  width: 2rem;
+  height: 2rem;
+  border-width: 0.4rem;
+  border-radius: 1rem;
+  border-top-color: rgba(68, 157, 68, 0.8);
+  border-bottom-color: rgba(68, 157, 68, 0.8);
+  border-left-color: rgba(68, 157, 68, 0.8);
 }
 
 .orgchart .node:hover {
@@ -278,31 +291,36 @@
 }
 
 .orgchart .node .edge {
-  font-size: 15px;
   position: absolute;
-  color: rgba(68, 157, 68, 0.5);
   cursor: default;
   transition: .2s;
 }
 
+.orgchart .node .edge::before {
+  border-color: rgba(68, 157, 68, 0.5);
+}
+
 .orgchart.noncollapsable .node .edge {
   display: none;
 }
 
-.orgchart .edge:hover {
-  color: #449d44;
+.orgchart .node .edge:hover {
   cursor: pointer;
 }
 
+.orgchart .edge:hover::before {
+  border-color: #449d44;
+}
+
 .orgchart .node .verticalEdge {
-  width: calc(100% - 10px);
-  width: -webkit-calc(100% - 10px);
-  width: -moz-calc(100% - 10px);
-  left: 5px;
+  width: calc(100% - 6px);
+  width: -webkit-calc(100% - 6px);
+  width: -moz-calc(100% - 6px);
+  left: 3px;
 }
 
 .orgchart .node .topEdge {
-  top: -2px;
+  top: -9px;
 }
 
 .orgchart .node .bottomEdge {
@@ -311,31 +329,31 @@
 
 .orgchart .node .horizontalEdge {
   width: 15px;
-  height: calc(100% - 10px);
-  height: -webkit-calc(100% - 10px);
-  height: -moz-calc(100% - 10px);
-  top: 5px;
+  height: calc(100% - 6px);
+  height: -webkit-calc(100% - 6px);
+  height: -moz-calc(100% - 6px);
+  top: 3px;
 }
 
 .orgchart .node .rightEdge {
-  right: -6px;
+  right: -4px;
 }
 
 .orgchart .node .leftEdge {
-  left: -6px;
+  left: -2px;
 }
 
 .orgchart .node .horizontalEdge::before {
   position: absolute;
-  top: calc(50% - 7px);
+  top: calc(50% - 4px);
 }
 
 .orgchart .node .rightEdge::before {
-  right: 3px;
+  right: -3px;
 }
 
 .orgchart .node .leftEdge::before {
-  left: 3px;
+  left: -3px;
 }
 
 .orgchart .node .toggleBtn {
@@ -349,7 +367,7 @@
   color: rgba(68, 157, 68, 0.8);
 }
 
-.oc-export-btn {
+.oci-export-btn {
   display: inline-block;
   position: absolute;
   right: 5px;
@@ -372,13 +390,13 @@
   border-radius: 4px;
 }
 
-.oc-export-btn[disabled] {
+.oci-export-btn[disabled] {
   cursor: not-allowed;
   box-shadow: none;
   opacity: 0.3;
 }
 
-.oc-export-btn:hover,.oc-export-btn:focus,.oc-export-btn:active  {
+.oci-export-btn:hover,.oci-export-btn:focus,.oci-export-btn:active  {
   background-color: #449d44;
   border-color: #347a34;
 }
@@ -396,10 +414,18 @@
 
 .orgchart~.mask .spinner {
   position: absolute;
-  top: calc(50% - 54px);
-  left: calc(50% - 54px);
-  color: rgba(255,255,255,0.8);
-  font-size: 108px;
+  top: calc(50% - 50px);
+  left: calc(50% - 50px);
+}
+
+.orgchart~.mask .spinner::before {
+  width: 100px;
+  height: 100px;
+  border-width: 20px;
+  border-radius: 50px;
+  border-top-color: rgba(68, 157, 68, 0.8);
+  border-bottom-color: rgba(68, 157, 68, 0.8);
+  border-left-color: rgba(68, 157, 68, 0.8);
 }
 
 .orgchart .node {
@@ -442,13 +468,15 @@
   transform: translateX(-40px);
 }
 
-.oc {
+/* oci means organization chart icons */
+.oci {
   display: inline-block;
   position: relative;
-  
+  font-style: normal;
+  font-family: Arial;
 }
 
-.oc-chevron-up::before {
+.oci-chevron-up::before {
   content: "";
   display: inline-block;
   box-sizing: border-box;
@@ -462,7 +490,7 @@
   transform: rotate(-135deg);
 }
 
-.oc-chevron-right::before {
+.oci-chevron-right::before {
   content: "";
   display: inline-block;
   box-sizing: border-box;
@@ -475,7 +503,7 @@
   transform: rotate(-45deg);
 }
 
-.oc-chevron-down::before {
+.oci-chevron-down::before {
   content: "";
   display: inline-block;
   box-sizing: border-box;
@@ -488,7 +516,7 @@
   transform: rotate(45deg);
 }
 
-.oc-chevron-left::before {
+.oci-chevron-left::before {
   content: "";
   display: inline-block;
   box-sizing: border-box;
@@ -501,7 +529,7 @@
   transform: rotate(135deg);
 }
 
-.oc-leader::before {
+.oci-leader::before {
   position: absolute;
   content: "";
   display: inline-block;
@@ -515,7 +543,7 @@
   z-index: 1;
 }
 
-.oc-leader::after {
+.oci-leader::after {
   position: absolute;
   content: "";
   display: inline-block;
@@ -528,45 +556,69 @@
 }
 
 .oc-plus-square::before {
-  content: "";
+  content: "+";
   display: inline-block;
   vertical-align: text-bottom;
-  width: 0.875rem;
-  height: 0.875rem;
+  text-align: center;
+  width: 1rem;
+  height: 1rem;
   background-color: #000;
-  z-index: -1;
+  color: #fff;
 }
 
-.oc-plus-square::after {
-  content: "+";
-  position: absolute;
-  font-size: 1rem;
-  left: 0.125rem;
-  top: 0.05rem;
+.oc-minus-square::before {
+  content: "−";
+  display: inline-block;
+  vertical-align: text-bottom;
+  text-align: center;
+  width: 1rem;
+  height: 1rem;
+  background-color: #000;
   color: #fff;
 }
 
-.oc-minus-square::before {
+.oci-arrow-circle-up::before {
   content: "";
   display: inline-block;
   vertical-align: text-bottom;
-  width: 0.875rem;
-  height: 0.875rem;
+  width: 1rem;
+  height: 1rem;
+  border-radius: 0.5rem;
   background-color: #000;
 }
 
-.oc-minus-square::after {
+.oci-arrow-circle-up::after {
+  content: "";
   position: absolute;
+  left: 0.3rem;
+  top: 0.3rem;
+  border-width: 0 0.2rem 0.5rem;
+  border-color: #fff transparent;
+  border-style: solid;
+}
+
+.oci-arrow-circle-down::before {
   content: "";
   display: inline-block;
-  width: 0.5rem;
-  height: 0.1rem;
-  background-color: #fff;
-  left: 0.1875rem;
-  top: 0.65rem;
+  vertical-align: text-bottom;
+  width: 1rem;
+  height: 1rem;
+  border-radius: 0.5rem;
+  background-color: #000;
+}
+
+.oci-arrow-circle-down::after {
+  content: "";
+  position: absolute;
+  left: 0.3rem;
+  top: 0.4rem;
+  vertical-align: text-bottom;
+  border-width: 0.5rem 0.2rem 0;
+  border-color: #fff transparent;
+  border-style: solid;
 }
 
-.oc-spinner::before {
+.oci-spinner::before {
   content: "";
   vertical-align: text-bottom;
   display: inline-block;
@@ -576,10 +628,10 @@
   border: 0.2rem solid #000;
   border-right-color: transparent;
   border-radius: 0.625rem;
-  animation: oc-infinite-spinning .75s linear infinite;
+  animation: oci-infinite-spinning .75s linear infinite;
 }
 
-@keyframes oc-infinite-spinning {
+@keyframes oci-infinite-spinning {
   from {
     transform: rotate(0deg);
   }
diff --git a/src/js/jquery.orgchart.js b/src/js/jquery.orgchart.js
index 1f0297aa..1d7d4814 100644
--- a/src/js/jquery.orgchart.js
+++ b/src/js/jquery.orgchart.js
@@ -29,7 +29,7 @@
       'exportButton': false,
       'exportFilename': 'OrgChart',
       'exportFileextension': 'png',
-      'parentNodeSymbol': 'oc-leader',
+      'parentNodeSymbol': 'oci-leader',
       'draggable': false,
       'direction': 't2b',
       'pan': false,
@@ -69,7 +69,7 @@
           this.buildHierarchy($chart, this.options.ajaxURL ? data : this.attachRel(data, '00'));
         }
       } else {
-        $chart.append('<i class="oc oc-spinner spinner"></i>');
+        $chart.append('<i class="oci oci-spinner spinner"></i>');
         $.ajax({
           'url': data,
           'dataType': 'json'
@@ -87,7 +87,7 @@
       $chartContainer.append($chart);
 
       // append the export button
-      if (this.options.exportButton && !$chartContainer.find('.oc-export-btn').length) {
+      if (this.options.exportButton && !$chartContainer.find('.oci-export-btn').length) {
         this.attachExportButton();
       }
 
@@ -126,7 +126,7 @@
     attachExportButton: function () {
       var that = this;
       var $exportBtn = $('<button>', {
-        'class': 'oc-export-btn' + (this.options.chartClass !== '' ? ' ' + this.options.chartClass : ''),
+        'class': 'oci-export-btn' + (this.options.chartClass !== '' ? ' ' + this.options.chartClass : ''),
         'text': 'Export',
         'click': function(e) {
           e.preventDefault();
@@ -610,7 +610,7 @@
       event.data.visibleNodes.removeClass('sliding');
       if (this.isInAction($node)) {
         this.switchHorizontalArrow($node);
-        $node.children('.topEdge').removeClass('oc-chevron-up').addClass('oc-chevron-down');
+        $node.children('.topEdge').removeClass('oci-chevron-up').addClass('oci-chevron-down');
       }
     },
     //
@@ -659,10 +659,10 @@
       }
 
       $edge.addClass('hidden');
-      $edge.parent().append('<i class="oc oc-spinner spinner"></i>')
+      $edge.parent().append('<i class="oci oci-spinner spinner"></i>')
         .children().not('.spinner').css('opacity', 0.2);
       $chart.data('inAjax', true);
-      $('.oc-export-btn' + (this.options.chartClass !== '' ? '.' + this.options.chartClass : '')).prop('disabled', true);
+      $('.oci-export-btn' + (this.options.chartClass !== '' ? '.' + this.options.chartClass : '')).prop('disabled', true);
       return true;
     },
     // terminate loading status for requesting new nodes
@@ -672,15 +672,15 @@
       $node.find('.spinner').remove();
       $node.children().removeAttr('style');
       this.$chart.data('inAjax', false);
-      $('.oc-export-btn' + (this.options.chartClass !== '' ? '.' + this.options.chartClass : '')).prop('disabled', false);
+      $('.oci-export-btn' + (this.options.chartClass !== '' ? '.' + this.options.chartClass : '')).prop('disabled', false);
     },
     // whether the cursor is hovering over the node
     isInAction: function ($node) {
-      return $node.children('.edge').attr('class').indexOf('oc-') > -1 ? true : false;
+      return $node.children('.edge').attr('class').indexOf('oci-') > -1 ? true : false;
     },
     //
     switchVerticalArrow: function ($arrow) {
-      $arrow.toggleClass('oc-chevron-up').toggleClass('oc-chevron-down');
+      $arrow.toggleClass('oci-chevron-up').toggleClass('oci-chevron-down');
     },
     //
     switchHorizontalArrow: function ($node) {
@@ -689,24 +689,24 @@
         var $prevSib = $node.closest('table').parent().prev();
         if ($prevSib.length) {
           if ($prevSib.is('.hidden')) {
-            $node.children('.leftEdge').addClass('oc-chevron-left').removeClass('oc-chevron-right');
+            $node.children('.leftEdge').addClass('oci-chevron-left').removeClass('oci-chevron-right');
           } else {
-            $node.children('.leftEdge').addClass('oc-chevron-right').removeClass('oc-chevron-left');
+            $node.children('.leftEdge').addClass('oci-chevron-right').removeClass('oci-chevron-left');
           }
         }
         var $nextSib = $node.closest('table').parent().next();
         if ($nextSib.length) {
           if ($nextSib.is('.hidden')) {
-            $node.children('.rightEdge').addClass('oc-chevron-right').removeClass('oc-chevron-left');
+            $node.children('.rightEdge').addClass('oci-chevron-right').removeClass('oci-chevron-left');
           } else {
-            $node.children('.rightEdge').addClass('oc-chevron-left').removeClass('oc-chevron-right');
+            $node.children('.rightEdge').addClass('oci-chevron-left').removeClass('oci-chevron-right');
           }
         }
       } else {
         var $sibs = $node.closest('table').parent().siblings();
         var sibsVisible = $sibs.length ? !$sibs.is('.hidden') : false;
-        $node.children('.leftEdge').toggleClass('oc-chevron-right', sibsVisible).toggleClass('oc-chevron-left', !sibsVisible);
-        $node.children('.rightEdge').toggleClass('oc-chevron-left', sibsVisible).toggleClass('oc-chevron-right', !sibsVisible);
+        $node.children('.leftEdge').toggleClass('oci-chevron-right', sibsVisible).toggleClass('oci-chevron-left', !sibsVisible);
+        $node.children('.rightEdge').toggleClass('oci-chevron-left', sibsVisible).toggleClass('oci-chevron-right', !sibsVisible);
       }
     },
     //
@@ -725,17 +725,17 @@
       if (event.type === 'mouseenter') {
         if ($topEdge.length) {
           flag = this.getNodeState($node, 'parent').visible;
-          $topEdge.toggleClass('oc-chevron-up', !flag).toggleClass('oc-chevron-down', flag);
+          $topEdge.toggleClass('oci-chevron-up', !flag).toggleClass('oci-chevron-down', flag);
         }
         if ($bottomEdge.length) {
           flag = this.getNodeState($node, 'children').visible;
-          $bottomEdge.toggleClass('oc-chevron-down', !flag).toggleClass('oc-chevron-up', flag);
+          $bottomEdge.toggleClass('oci-chevron-down', !flag).toggleClass('oci-chevron-up', flag);
         }
         if ($leftEdge.length) {
           this.switchHorizontalArrow($node);
         }
       } else {
-        $node.children('.edge').removeClass('oc-chevron-up oc-chevron-down oc-chevron-right oc-chevron-left');
+        $node.children('.edge').removeClass('oci-chevron-up oci-chevron-down oci-chevron-right oci-chevron-left');
       }
     },
     //
@@ -887,14 +887,14 @@
       var $descendants = $descWrapper.find('.node');
       var $children = $descWrapper.children().children('.node');
       if ($children.is('.sliding')) { return; }
-      $toggleBtn.toggleClass('oc-plus-square oc-minus-square');
+      $toggleBtn.toggleClass('oci-plus-square oci-minus-square');
       if ($descendants.eq(0).is('.slide-up')) {
         $descWrapper.removeClass('hidden');
         this.repaint($children.get(0));
         $children.addClass('sliding').removeClass('slide-up').eq(0).one('transitionend', { 'vNodes': $children }, this.expandVNodesEnd);
       } else {
         $descendants.addClass('sliding slide-up').eq(0).one('transitionend', { 'vNodes': $descendants }, this.collapseVNodesEnd);
-        $descendants.find('.toggleBtn').removeClass('oc-minus-square').addClass('oc-plus-square');
+        $descendants.find('.toggleBtn').removeClass('oci-minus-square').addClass('oci-plus-square');
       }
     },
     //
@@ -1019,7 +1019,7 @@
       }
       // firstly, deal with the hierarchy of drop zone
       if (!$dropZone.closest('tr').siblings().length) { // if the drop zone is a leaf node
-        $dropZone.append('<i class="edge verticalEdge bottomEdge oc"></i>')
+        $dropZone.append('<i class="edge verticalEdge bottomEdge oci"></i>')
           .parent().attr('colspan', 2)
           .parent().after('<tr class="lines"><td colspan="2"><div class="downLine"></div></td></tr>'
           + '<tr class="lines"><td class="rightLine"></td><td class="leftLine"></td></tr>'
@@ -1027,7 +1027,7 @@
           .siblings(':last').append($dragged.find('.horizontalEdge').remove().end().closest('table').parent());
       } else {
         var dropColspan = parseInt($dropZone.parent().attr('colspan')) + 2;
-        var horizontalEdges = '<i class="edge horizontalEdge rightEdge oc"></i><i class="edge horizontalEdge leftEdge oc"></i>';
+        var horizontalEdges = '<i class="edge horizontalEdge rightEdge oci"></i><i class="edge horizontalEdge leftEdge oci"></i>';
         $dropZone.closest('tr').next().addBack().children().attr('colspan', dropColspan);
         if (!$dragged.find('.horizontalEdge').length) {
           $dragged.append(horizontalEdges);
@@ -1239,19 +1239,19 @@
       if (opts.verticalLevel && level >= opts.verticalLevel) {
         if ((level + 1) > opts.verticalLevel && Number(flags.substr(2,1))) {
           var icon = level + 1 > opts.visibleLevel ? 'plus' : 'minus';
-          $nodeDiv.append('<i class="toggleBtn oc oc-' + icon + '-square"></i>');
+          $nodeDiv.append('<i class="toggleBtn oci oci-' + icon + '-square"></i>');
         }
       } else {
         if (Number(flags.substr(0,1))) {
-          $nodeDiv.append('<i class="edge verticalEdge topEdge oc"></i>');
+          $nodeDiv.append('<i class="edge verticalEdge topEdge oci"></i>');
         }
         if(Number(flags.substr(1,1))) {
-          $nodeDiv.append('<i class="edge horizontalEdge rightEdge oc"></i>' +
-            '<i class="edge horizontalEdge leftEdge oc"></i>');
+          $nodeDiv.append('<i class="edge horizontalEdge rightEdge oci"></i>' +
+            '<i class="edge horizontalEdge leftEdge oci"></i>');
         }
         if(Number(flags.substr(2,1))) {
-          $nodeDiv.append('<i class="edge verticalEdge bottomEdge oc"></i>')
-            .children('.title').prepend('<i class="oc '+ opts.parentNodeSymbol + ' symbol"></i>');
+          $nodeDiv.append('<i class="edge verticalEdge bottomEdge oci"></i>')
+            .children('.title').prepend('<i class="oci '+ opts.parentNodeSymbol + ' symbol"></i>');
         }
       }
 
@@ -1346,10 +1346,10 @@
     addChildren: function ($node, data) {
       this.buildChildNode($node.closest('table'), data);
       if (!$node.children('.bottomEdge').length) {
-        $node.append('<i class="edge verticalEdge bottomEdge oc"></i>');
+        $node.append('<i class="edge verticalEdge bottomEdge oci"></i>');
       }
       if (!$node.find('.symbol').length) {
-        $node.children('.title').prepend('<i class="oc '+ this.options.parentNodeSymbol + ' symbol"></i>');
+        $node.children('.title').prepend('<i class="oci '+ this.options.parentNodeSymbol + ' symbol"></i>');
       }
       if (this.isInAction($node)) {
         this.switchVerticalArrow($node.children('.bottomEdge'));
@@ -1370,7 +1370,7 @@
     addParent: function ($currentRoot, data) {
       this.buildParentNode($currentRoot, data);
       if (!$currentRoot.children('.topEdge').length) {
-        $currentRoot.children('.title').after('<i class="edge verticalEdge topEdge oc"></i>');
+        $currentRoot.children('.title').after('<i class="edge verticalEdge topEdge oci"></i>');
       }
       if (this.isInAction($currentRoot)) {
         this.switchVerticalArrow($currentRoot.children('.topEdge'));
@@ -1413,11 +1413,11 @@
       this.buildSiblingNode($node.closest('table'), data);
       $node.closest('.nodes').data('siblingsLoaded', true);
       if (!$node.children('.leftEdge').length) {
-        $node.children('.topEdge').after('<i class="edge horizontalEdge rightEdge oc"></i><i class="edge horizontalEdge leftEdge oc"></i>');
+        $node.children('.topEdge').after('<i class="edge horizontalEdge rightEdge oci"></i><i class="edge horizontalEdge leftEdge oci"></i>');
       }
       if (this.isInAction($node)) {
         this.switchHorizontalArrow($node);
-        $node.children('.topEdge').removeClass('oc-chevron-up').addClass('oc-chevron-down');
+        $node.children('.topEdge').removeClass('oci-chevron-up').addClass('oci-chevron-down');
       }
     },
     //
@@ -1500,10 +1500,10 @@
       if ((!isWebkit && !isFf) || isEdge) {
         window.navigator.msSaveBlob(canvas.msToBlob(), exportFilename + '.png');
       } else {
-        var selector = '.oc-download-btn' + (that.options.chartClass !== '' ? '.' + that.options.chartClass : '');
+        var selector = '.oci-download-btn' + (that.options.chartClass !== '' ? '.' + that.options.chartClass : '');
 
         if (!$chartContainer.find(selector).length) {
-          $chartContainer.append('<a class="oc-download-btn' + (that.options.chartClass !== '' ? ' ' + that.options.chartClass : '') + '"'
+          $chartContainer.append('<a class="oci-download-btn' + (that.options.chartClass !== '' ? ' ' + that.options.chartClass : '') + '"'
                                  + ' download="' + exportFilename + '.png"></a>');
         }
 
@@ -1521,7 +1521,7 @@
       var $chartContainer = this.$chartContainer;
       var $mask = $chartContainer.find('.mask');
       if (!$mask.length) {
-        $chartContainer.append('<div class="mask"><i class="oc oc-spinner spinner"></i></div>');
+        $chartContainer.append('<div class="mask"><i class="oci oci-spinner spinner"></i></div>');
       } else {
         $mask.removeClass('hidden');
       }

From ccc4e25cd224f7a2af4b6e1710e7c8621c1041fd Mon Sep 17 00:00:00 2001
From: dabeng <dabeng413@gmail.com>
Date: Sun, 19 Jan 2020 23:34:31 +0800
Subject: [PATCH 3/6] WIP: add oci icon

---
 demo/css/style.css          |  2 --
 demo/option-createNode.html |  5 ++---
 src/css/jquery.orgchart.css | 30 +++++++++++++++++++++++-------
 3 files changed, 25 insertions(+), 12 deletions(-)

diff --git a/demo/css/style.css b/demo/css/style.css
index b8f3c93d..d2ca7a99 100755
--- a/demo/css/style.css
+++ b/demo/css/style.css
@@ -7,8 +7,6 @@ html,body {
 
 body {
   font-family: Arial;
-  font-size: 14px;
-  line-height: 1.428571429;
   color: #333333;
 }
 
diff --git a/demo/option-createNode.html b/demo/option-createNode.html
index 51adacde..3d76e502 100755
--- a/demo/option-createNode.html
+++ b/demo/option-createNode.html
@@ -13,11 +13,10 @@
       right: -5px;
       top: -5px;
       z-index: 2;
-      color: rgba(68, 157, 68, 0.5);
-      font-size: 18px;
       position: absolute;
     }
-    .orgchart .second-menu-icon:hover { color: #449d44; }
+    .orgchart .second-menu-icon::before { background-color: rgba(68, 157, 68, 0.5); }
+    .orgchart .second-menu-icon:hover::before { background-color: #449d44; }
     .orgchart .node:hover .second-menu-icon { opacity: 1; }
     .orgchart .node .second-menu {
       display: none;
diff --git a/src/css/jquery.orgchart.css b/src/css/jquery.orgchart.css
index 627a2f40..e819d590 100644
--- a/src/css/jquery.orgchart.css
+++ b/src/css/jquery.orgchart.css
@@ -328,7 +328,7 @@
 }
 
 .orgchart .node .horizontalEdge {
-  width: 15px;
+  width: 10px;
   height: calc(100% - 6px);
   height: -webkit-calc(100% - 6px);
   height: -moz-calc(100% - 6px);
@@ -336,7 +336,7 @@
 }
 
 .orgchart .node .rightEdge {
-  right: -4px;
+  right: -2px;
 }
 
 .orgchart .node .leftEdge {
@@ -360,11 +360,14 @@
   position: absolute;
   left: 5px;
   bottom: -2px;
-  color: rgba(68, 157, 68, 0.6);
 }
 
-.orgchart .node .toggleBtn:hover {
-  color: rgba(68, 157, 68, 0.8);
+.orgchart .node .toggleBtn::before {
+  background-color: rgba(68, 157, 68, 0.6);
+}
+
+.orgchart .node .toggleBtn:hover::before {
+  background-color: #449d44;
 }
 
 .oci-export-btn {
@@ -555,7 +558,7 @@
   left: -0.125rem;
 }
 
-.oc-plus-square::before {
+.oci-plus-square::before {
   content: "+";
   display: inline-block;
   vertical-align: text-bottom;
@@ -566,7 +569,7 @@
   color: #fff;
 }
 
-.oc-minus-square::before {
+.oci-minus-square::before {
   content: "−";
   display: inline-block;
   vertical-align: text-bottom;
@@ -618,6 +621,19 @@
   border-style: solid;
 }
 
+.oci-info-circle::before {
+  content: "i";
+  display: inline-block;
+  vertical-align: text-bottom;
+  width: 1rem;
+  height: 1rem;
+  border-radius: 0.5rem;
+  background-color: #000;
+  color: #fff;
+  text-align: center;
+  font-weight: bold;
+}
+
 .oci-spinner::before {
   content: "";
   vertical-align: text-bottom;

From 89df488a3392804fe3fdfd41320e9c694fc248de Mon Sep 17 00:00:00 2001
From: dabeng <dabeng413@gmail.com>
Date: Mon, 20 Jan 2020 00:11:35 +0800
Subject: [PATCH 4/6] WIP: refactor the styles of oci

---
 src/css/jquery.orgchart.css | 31 ++++++++-----------------------
 1 file changed, 8 insertions(+), 23 deletions(-)

diff --git a/src/css/jquery.orgchart.css b/src/css/jquery.orgchart.css
index e819d590..e22b3521 100644
--- a/src/css/jquery.orgchart.css
+++ b/src/css/jquery.orgchart.css
@@ -581,44 +581,29 @@
 }
 
 .oci-arrow-circle-up::before {
-  content: "";
+  content: "▲";
   display: inline-block;
+  text-align: center;
   vertical-align: text-bottom;
   width: 1rem;
   height: 1rem;
   border-radius: 0.5rem;
   background-color: #000;
-}
-
-.oci-arrow-circle-up::after {
-  content: "";
-  position: absolute;
-  left: 0.3rem;
-  top: 0.3rem;
-  border-width: 0 0.2rem 0.5rem;
-  border-color: #fff transparent;
-  border-style: solid;
+  color: #fff;
+  font-size: 0.875rem;
 }
 
 .oci-arrow-circle-down::before {
-  content: "";
+  content: "▼";
+  text-align: center;
   display: inline-block;
   vertical-align: text-bottom;
   width: 1rem;
   height: 1rem;
   border-radius: 0.5rem;
   background-color: #000;
-}
-
-.oci-arrow-circle-down::after {
-  content: "";
-  position: absolute;
-  left: 0.3rem;
-  top: 0.4rem;
-  vertical-align: text-bottom;
-  border-width: 0.5rem 0.2rem 0;
-  border-color: #fff transparent;
-  border-style: solid;
+  color: #fff;
+  font-size: 0.875rem;
 }
 
 .oci-info-circle::before {

From 163e0830d659e1ca52d2245802be80fd8202542a Mon Sep 17 00:00:00 2001
From: dabeng <dabeng413@gmail.com>
Date: Mon, 20 Jan 2020 15:27:26 +0800
Subject: [PATCH 5/6] WIP: add oci

---
 demo/edit-chart.html               |   19 +-
 dist/css/jquery.orgchart.css       |  258 +++--
 dist/css/jquery.orgchart.min.css   |    2 +-
 dist/js/jquery.orgchart.js         | 1558 ++++++++++++++++++++++++++++
 dist/js/jquery.orgchart.min.js     |    2 +
 dist/js/jquery.orgchart.min.js.map |    1 +
 gulpfile.js                        |    8 +-
 package-lock.json                  |    7 +-
 package.json                       |    1 -
 src/css/jquery.orgchart.css        |   91 +-
 src/js/jquery.orgchart.js          |    4 +-
 test/integration/init-tests.js     |   28 +-
 12 files changed, 1845 insertions(+), 134 deletions(-)
 create mode 100644 dist/js/jquery.orgchart.js
 create mode 100644 dist/js/jquery.orgchart.min.js
 create mode 100644 dist/js/jquery.orgchart.min.js.map

diff --git a/demo/edit-chart.html b/demo/edit-chart.html
index 0a977b07..3fd7babe 100755
--- a/demo/edit-chart.html
+++ b/demo/edit-chart.html
@@ -22,7 +22,17 @@
       color: #fff;
       background-color: #449d44;
     }
-    #edit-panel .btn-inputs { font-size: 24px; }
+    #edit-panel .btn-inputs::before {
+      background-color: #fff;
+      color: #449d44;
+      width: 1.5rem;
+      height: 1.5rem;
+      border-radius: 0.75rem;
+      font-size: 1.5rem;
+    }
+    #edit-panel .btn-inputs { vertical-align: sub; }
+    #edit-panel.edit-parent-node .btn-inputs { display: none; }
+    #edit-panel .btn-inputs:hover::before { font-weight: bolder; }
     #edit-panel.edit-state>:not(#chart-state-panel) { display: none; }
     #edit-panel label { font-weight: bold; }
     #edit-panel.edit-parent-node .selected-node-group { display: none; }
@@ -61,9 +71,6 @@
       vertical-align: text-top;
     }
     #new-nodelist>* { padding-bottom: 4px; }
-    .btn-inputs { vertical-align: sub; }
-    #edit-panel.edit-parent-node .btn-inputs { display: none; }
-    .btn-inputs:hover { text-shadow: 0 0 4px #fff; }
     .radio-panel input[type='radio'] { display: inline-block;height: 24px;width: 24px;vertical-align: top; }
     #edit-panel.view-state .radio-panel input[type='radio']+label { vertical-align: -webkit-baseline-middle; }
     #btn-add-nodes { margin-left: 20px; }
@@ -82,8 +89,8 @@
     <ul id="new-nodelist">
       <li><input type="text" class="new-node"></li>
     </ul>
-    <i class="fa fa-plus-circle btn-inputs" id="btn-add-input"></i>
-    <i class="fa fa-minus-circle btn-inputs" id="btn-remove-input"></i>
+    <i class="oci oci-plus-circle btn-inputs" id="btn-add-input"></i>
+    <i class="oci oci-minus-circle btn-inputs" id="btn-remove-input"></i>
     <span id="node-type-panel" class="radio-panel">
       <input type="radio" name="node-type" id="rd-parent" value="parent"><label for="rd-parent">Parent(root)</label>
       <input type="radio" name="node-type" id="rd-child" value="children"><label for="rd-child">Child</label>
diff --git a/dist/css/jquery.orgchart.css b/dist/css/jquery.orgchart.css
index 781f327e..3e17ef35 100644
--- a/dist/css/jquery.orgchart.css
+++ b/dist/css/jquery.orgchart.css
@@ -99,10 +99,15 @@
   transform-origin: left top;
 }
 
-.orgchart>.spinner {
-  font-size: 100px;
+.orgchart>.spinner::before {
+  width: 100px;
+  height: 100px;
+  border-width: 10px;
+  border-radius: 50px;
   margin-top: 30px;
-  color: rgba(68, 157, 68, 0.8);
+  border-top-color: rgba(68, 157, 68, 0.8);
+  border-bottom-color: rgba(68, 157, 68, 0.8);
+  border-left-color: rgba(68, 157, 68, 0.8);
 }
 
 .orgchart table {
@@ -167,11 +172,18 @@
 
 .orgchart .node>.spinner {
   position: absolute;
-  top: calc(50% - 15px);
-  left: calc(50% - 15px);
-  vertical-align: middle;
-  font-size: 30px;
-  color: rgba(68, 157, 68, 0.8);
+  top: calc(50% - 1rem);
+  left: calc(50% - 1rem);
+}
+
+.orgchart .node>.spinner::before {
+  width: 2rem;
+  height: 2rem;
+  border-width: 0.2rem;
+  border-radius: 1rem;
+  border-top-color: rgba(68, 157, 68, 0.8);
+  border-bottom-color: rgba(68, 157, 68, 0.8);
+  border-left-color: rgba(68, 157, 68, 0.8);
 }
 
 .orgchart .node:hover {
@@ -278,75 +290,113 @@
 }
 
 .orgchart .node .edge {
-  font-size: 15px;
   position: absolute;
-  color: rgba(68, 157, 68, 0.5);
   cursor: default;
   transition: .2s;
 }
 
+.orgchart .node .edge::before {
+  border-color: rgba(68, 157, 68, 0.5);
+}
+
 .orgchart.noncollapsable .node .edge {
   display: none;
 }
 
-.orgchart .edge:hover {
-  color: #449d44;
+.orgchart .node .edge:hover {
   cursor: pointer;
 }
 
+.orgchart .edge:hover::before {
+  border-color: #449d44;
+}
+
 .orgchart .node .verticalEdge {
-  width: calc(100% - 10px);
-  width: -webkit-calc(100% - 10px);
-  width: -moz-calc(100% - 10px);
-  left: 5px;
+  width: calc(100% - 6px);
+  width: -webkit-calc(100% - 6px);
+  width: -moz-calc(100% - 6px);
+  height: 10px;
+  left: 3px;
+}
+
+.orgchart .node .verticalEdge::before {
+  position: absolute;
+  left: calc(50% - 0.3125rem);
 }
 
 .orgchart .node .topEdge {
   top: -2px;
 }
 
+.orgchart .node .topEdge.oci-chevron-up::before {
+  top: 2px;
+}
+
+.orgchart .node .topEdge.oci-chevron-down::before {
+  bottom: 3px;
+}
+
 .orgchart .node .bottomEdge {
-  bottom: -6px;
+  bottom: -2px;
+}
+
+.orgchart .node .bottomEdge.oci-chevron-up::before {
+  bottom: -3px;
+}
+
+.orgchart .node .bottomEdge.oci-chevron-down::before {
+  bottom: 1px;
 }
 
 .orgchart .node .horizontalEdge {
-  width: 15px;
-  height: calc(100% - 10px);
-  height: -webkit-calc(100% - 10px);
-  height: -moz-calc(100% - 10px);
-  top: 5px;
+  width: 10px;
+  height: calc(100% - 6px);
+  height: -webkit-calc(100% - 6px);
+  height: -moz-calc(100% - 6px);
+  top: 3px;
 }
 
 .orgchart .node .rightEdge {
-  right: -6px;
+  right: -2px;
 }
 
 .orgchart .node .leftEdge {
-  left: -6px;
+  left: -2px;
 }
 
 .orgchart .node .horizontalEdge::before {
   position: absolute;
-  top: calc(50% - 7px);
+  top: calc(50% - 0.3125rem);
 }
 
-.orgchart .node .rightEdge::before {
-  right: 3px;
+.orgchart .node .rightEdge.oci-chevron-left::before {
+  right: -3px;
 }
 
-.orgchart .node .leftEdge::before {
-  left: 3px;
+.orgchart .node .rightEdge.oci-chevron-right::before {
+  right: 1px;
+}
+
+.orgchart .node .leftEdge.oci-chevron-right::before {
+  left: -3px;
+}
+
+.orgchart .node .leftEdge.oci-chevron-left::before {
+  left: 1px;
 }
 
 .orgchart .node .toggleBtn {
   position: absolute;
   left: 5px;
   bottom: -2px;
-  color: rgba(68, 157, 68, 0.6);
 }
 
-.orgchart .node .toggleBtn:hover {
-  color: rgba(68, 157, 68, 0.8);
+.orgchart .node .toggleBtn::before {
+  background-color: rgba(68, 157, 68, 0.6);
+}
+
+.orgchart .node .toggleBtn:hover::before {
+  background-color: #449d44;
 }
 
 .oc-export-btn {
@@ -396,10 +446,18 @@
 
 .orgchart~.mask .spinner {
   position: absolute;
-  top: calc(50% - 54px);
-  left: calc(50% - 54px);
-  color: rgba(255,255,255,0.8);
-  font-size: 108px;
+  top: calc(50% - 50px);
+  left: calc(50% - 50px);
+}
+
+.orgchart~.mask .spinner::before {
+  width: 100px;
+  height: 100px;
+  border-width: 10px;
+  border-radius: 50px;
+  border-top-color: rgba(68, 157, 68, 0.8);
+  border-bottom-color: rgba(68, 157, 68, 0.8);
+  border-left-color: rgba(68, 157, 68, 0.8);
 }
 
 .orgchart .node {
@@ -442,13 +500,15 @@
   transform: translateX(-40px);
 }
 
-.oc {
+/* oci means organization chart icons */
+.oci {
   display: inline-block;
   position: relative;
-  
+  font-style: normal;
+  font-family: Arial;
 }
 
-.oc-chevron-up::before {
+.oci-chevron-up::before {
   content: "";
   display: inline-block;
   box-sizing: border-box;
@@ -462,7 +522,7 @@
   transform: rotate(-135deg);
 }
 
-.oc-chevron-right::before {
+.oci-chevron-right::before {
   content: "";
   display: inline-block;
   box-sizing: border-box;
@@ -475,7 +535,7 @@
   transform: rotate(-45deg);
 }
 
-.oc-chevron-down::before {
+.oci-chevron-down::before {
   content: "";
   display: inline-block;
   box-sizing: border-box;
@@ -488,7 +548,7 @@
   transform: rotate(45deg);
 }
 
-.oc-chevron-left::before {
+.oci-chevron-left::before {
   content: "";
   display: inline-block;
   box-sizing: border-box;
@@ -501,85 +561,129 @@
   transform: rotate(135deg);
 }
 
-.oc-leader::before {
+.oci-leader::before {
   position: absolute;
   content: "";
   display: inline-block;
-  box-sizing: border-box;
-  width: 0.625rem;
-  height: 0.625rem;
-  border: 0.0625rem solid #fff;
-  border-radius: 0.3rem;
+  width: 0.4rem;
+  height: 0.4rem;
+  border-radius: 0.2rem;
   background: #000;
   top: -0.75rem;
-  z-index: 1;
+  left: 0.1rem;
 }
 
-.oc-leader::after {
+.oci-leader::after {
   position: absolute;
   content: "";
   display: inline-block;
   width: 0.875rem;
   height: 0.375rem;
-  border-radius: 0.4rem 0.4rem 0 0;
+  border-radius: 0.25rem 0.25rem 0 0;
   background: #000;
   top: -0.3rem;
   left: -0.125rem;
 }
 
-.oc-plus-square::before {
-  content: "";
+.oci-plus-square::before {
+  content: "+";
   display: inline-block;
   vertical-align: text-bottom;
-  width: 0.875rem;
-  height: 0.875rem;
+  text-align: center;
+  width: 1rem;
+  height: 1rem;
   background-color: #000;
-  z-index: -1;
+  color: #fff;
 }
 
-.oc-plus-square::after {
+.oci-plus-circle::before {
   content: "+";
-  position: absolute;
-  font-size: 1rem;
-  left: 0.125rem;
-  top: 0.05rem;
+  display: inline-block;
+  vertical-align: text-bottom;
+  text-align: center;
+  width: 1rem;
+  height: 1rem;
+  border-radius: 0.5rem;
+  background-color: #000;
   color: #fff;
 }
 
-.oc-minus-square::before {
-  content: "";
+.oci-minus-square::before {
+  content: "−";
   display: inline-block;
   vertical-align: text-bottom;
-  width: 0.875rem;
-  height: 0.875rem;
+  text-align: center;
+  width: 1rem;
+  height: 1rem;
   background-color: #000;
+  color: #fff;
 }
 
-.oc-minus-square::after {
-  position: absolute;
-  content: "";
+.oci-minus-circle::before {
+  content: "−";
   display: inline-block;
-  width: 0.5rem;
-  height: 0.1rem;
-  background-color: #fff;
-  left: 0.1875rem;
-  top: 0.65rem;
+  vertical-align: text-bottom;
+  text-align: center;
+  width: 1rem;
+  height: 1rem;
+  border-radius: 0.5rem;
+  background-color: #000;
+  color: #fff;
+}
+
+.oci-arrow-circle-up::before {
+  content: "▲";
+  display: inline-block;
+  text-align: center;
+  vertical-align: text-bottom;
+  width: 1rem;
+  height: 1rem;
+  border-radius: 0.5rem;
+  background-color: #000;
+  color: #fff;
+  font-size: 0.875rem;
+}
+
+.oci-arrow-circle-down::before {
+  content: "▼";
+  text-align: center;
+  display: inline-block;
+  vertical-align: text-bottom;
+  width: 1rem;
+  height: 1rem;
+  border-radius: 0.5rem;
+  background-color: #000;
+  color: #fff;
+  font-size: 0.875rem;
+}
+
+.oci-info-circle::before {
+  content: "i";
+  display: inline-block;
+  vertical-align: text-bottom;
+  width: 1rem;
+  height: 1rem;
+  border-radius: 0.5rem;
+  background-color: #000;
+  color: #fff;
+  text-align: center;
+  font-weight: bold;
 }
 
-.oc-spinner::before {
+.oci-spinner::before {
   content: "";
   vertical-align: text-bottom;
   display: inline-block;
   box-sizing: border-box;
   width: 1rem;
   height: 1rem;
-  border: 0.2rem solid #000;
+  border: 0.1rem solid #000;
   border-right-color: transparent;
   border-radius: 0.625rem;
-  animation: oc-infinite-spinning .75s linear infinite;
+  animation: oci-infinite-spinning .75s linear infinite;
 }
 
-@keyframes oc-infinite-spinning {
+@keyframes oci-infinite-spinning {
   from {
     transform: rotate(0deg);
   }
diff --git a/dist/css/jquery.orgchart.min.css b/dist/css/jquery.orgchart.min.css
index e621cc63..3df40fc8 100644
--- a/dist/css/jquery.orgchart.min.css
+++ b/dist/css/jquery.orgchart.min.css
@@ -1 +1 @@
-.orgchart{box-sizing:border-box;display:inline-block;min-height:202px;min-width:202px;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-image:linear-gradient(90deg,rgba(200,0,0,.15) 10%,rgba(0,0,0,0) 10%),linear-gradient(rgba(200,0,0,.15) 10%,rgba(0,0,0,0) 10%);background-size:10px 10px;border:1px dashed transparent;padding:20px}.orgchart .hidden,.orgchart~.hidden{display:none}.orgchart.b2t{transform:rotate(180deg)}.orgchart.l2r{position:absolute;transform:rotate(-90deg) rotateY(180deg);transform-origin:left top}.orgchart .verticalNodes ul{list-style:none;margin:0;padding-left:18px;text-align:left}.orgchart .verticalNodes ul:first-child{margin-top:2px}.orgchart .verticalNodes>td::before{content:'';border:1px solid rgba(217,83,79,.8)}.orgchart .verticalNodes>td>ul>li:first-child::before{box-sizing:border-box;top:-4px;height:30px;width:calc(50% - 2px);border-width:2px 0 0 2px}.orgchart .verticalNodes ul>li{position:relative}.orgchart .verticalNodes ul>li::after,.orgchart .verticalNodes ul>li::before{box-sizing:border-box;content:'';position:absolute;left:-6px;border-color:rgba(217,83,79,.8);border-style:solid;border-width:0 0 2px 2px}.orgchart .verticalNodes ul>li::before{top:-4px;height:30px;width:11px}.orgchart .verticalNodes ul>li::after{top:1px;height:100%}.orgchart .verticalNodes ul>li:first-child::after{box-sizing:border-box;top:24px;width:11px;border-width:2px 0 0 2px}.orgchart .verticalNodes ul>li:last-child::after{box-sizing:border-box;border-width:2px 0 0}.orgchart.r2l{position:absolute;transform:rotate(90deg);transform-origin:left top}.orgchart>.spinner{font-size:100px;margin-top:30px;color:rgba(68,157,68,.8)}.orgchart table{border-spacing:0;border-collapse:separate}.orgchart>table:first-child{margin:20px auto}.orgchart td{text-align:center;vertical-align:top;padding:0}.orgchart .lines:nth-child(3) td{box-sizing:border-box;height:20px}.orgchart .lines .topLine{border-top:2px solid rgba(217,83,79,.8)}.orgchart .lines .rightLine{border-right:1px solid rgba(217,83,79,.8);float:none;border-radius:0}.orgchart .lines .leftLine{border-left:1px solid rgba(217,83,79,.8);float:none;border-radius:0}.orgchart .lines .downLine{background-color:rgba(217,83,79,.8);margin:0 auto;height:20px;width:2px;float:none}.orgchart .node{box-sizing:border-box;display:inline-block;position:relative;margin:0;padding:3px;border:2px dashed transparent;text-align:center}.orgchart.l2r .node,.orgchart.r2l .node{width:50px;height:140px}.orgchart .node>.spinner{position:absolute;top:calc(50% - 15px);left:calc(50% - 15px);vertical-align:middle;font-size:30px;color:rgba(68,157,68,.8)}.orgchart .node:hover{background-color:rgba(238,217,54,.5);transition:.5s;cursor:default;z-index:20}.orgchart .node.focused{background-color:rgba(238,217,54,.5)}.orgchart .ghost-node{position:fixed;left:-10000px;top:-10000px}.orgchart .ghost-node rect{fill:#fff;stroke:#bf0000}.orgchart .node.allowedDrop{border-color:rgba(68,157,68,.9)}.orgchart .node .title{box-sizing:border-box;padding:2px;width:130px;text-align:center;font-size:.75rem;font-weight:700;height:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background-color:rgba(217,83,79,.8);color:#fff;border-radius:4px 4px 0 0}.orgchart.b2t .node .title{transform:rotate(-180deg);transform-origin:center bottom}.orgchart.l2r .node .title{transform:rotate(-90deg) translate(-45px,-45px) rotateY(180deg);transform-origin:bottom center}.orgchart.r2l .node .title{transform:rotate(-90deg) translate(-45px,-45px);transform-origin:bottom center}.orgchart .node .title .symbol{float:left;margin-top:12px;margin-left:2px}.orgchart .node .title .symbol::before{background-color:#fff;border-color:rgba(217,83,79,.8)}.orgchart .node .title .symbol::after{background-color:#fff}.orgchart .node .content{box-sizing:border-box;padding:2px;height:20px;font-size:.625rem;border:1px solid rgba(217,83,79,.8);border-radius:0 0 4px 4px;text-align:center;background-color:#fff;color:#333;text-overflow:ellipsis;white-space:nowrap}.orgchart.b2t .node .content{transform:rotate(180deg);transform-origin:center top}.orgchart.l2r .node .content{transform:rotate(-90deg) translate(-45px,-45px) rotateY(180deg);transform-origin:top center;width:130px}.orgchart.r2l .node .content{transform:rotate(-90deg) translate(-45px,-45px);transform-origin:top center;width:130px}.orgchart .node .edge{font-size:15px;position:absolute;color:rgba(68,157,68,.5);cursor:default;transition:.2s}.orgchart.noncollapsable .node .edge{display:none}.orgchart .edge:hover{color:#449d44;cursor:pointer}.orgchart .node .verticalEdge{width:calc(100% - 10px);width:-webkit-calc(100% - 10px);width:-moz-calc(100% - 10px);left:5px}.orgchart .node .topEdge{top:-2px}.orgchart .node .bottomEdge{bottom:-6px}.orgchart .node .horizontalEdge{width:15px;height:calc(100% - 10px);height:-webkit-calc(100% - 10px);height:-moz-calc(100% - 10px);top:5px}.orgchart .node .rightEdge{right:-6px}.orgchart .node .leftEdge{left:-6px}.orgchart .node .horizontalEdge::before{position:absolute;top:calc(50% - 7px)}.orgchart .node .rightEdge::before{right:3px}.orgchart .node .leftEdge::before{left:3px}.orgchart .node .toggleBtn{position:absolute;left:5px;bottom:-2px;color:rgba(68,157,68,.6)}.orgchart .node .toggleBtn:hover{color:rgba(68,157,68,.8)}.oc-export-btn{display:inline-block;position:absolute;right:5px;top:5px;padding:6px 12px;margin-bottom:0;font-size:14px;font-weight:400;line-height:1.42857143;text-align:center;white-space:nowrap;vertical-align:middle;touch-action:manipulation;cursor:pointer;user-select:none;color:#fff;background-color:#5cb85c;border:1px solid transparent;border-color:#4cae4c;border-radius:4px}.oc-export-btn[disabled]{cursor:not-allowed;box-shadow:none;opacity:.3}.oc-export-btn:active,.oc-export-btn:focus,.oc-export-btn:hover{background-color:#449d44;border-color:#347a34}.orgchart~.mask{position:absolute;top:0;right:0;bottom:0;left:0;z-index:999;text-align:center;background-color:rgba(0,0,0,.3)}.orgchart~.mask .spinner{position:absolute;top:calc(50% - 54px);left:calc(50% - 54px);color:rgba(255,255,255,.8);font-size:108px}.orgchart .node{transition:transform .3s,opacity .3s}.orgchart .slide-down{opacity:0;transform:translateY(40px)}.orgchart.l2r .node.slide-down,.orgchart.r2l .node.slide-down{transform:translateY(130px)}.orgchart .slide-up{opacity:0;transform:translateY(-40px)}.orgchart.l2r .node.slide-up,.orgchart.r2l .node.slide-up{transform:translateY(-130px)}.orgchart .slide-right{opacity:0;transform:translateX(130px)}.orgchart.l2r .node.slide-right,.orgchart.r2l .node.slide-right{transform:translateX(40px)}.orgchart .slide-left{opacity:0;transform:translateX(-130px)}.orgchart.l2r .node.slide-left,.orgchart.r2l .node.slide-left{transform:translateX(-40px)}.oc{display:inline-block;position:relative}.oc-chevron-up::before{content:"";display:inline-block;box-sizing:border-box;vertical-align:text-bottom;width:.625rem;height:.625rem;border-width:0 .2rem .2rem 0;border-style:solid;border-color:#000;background:0 0;transform:rotate(-135deg)}.oc-chevron-right::before{content:"";display:inline-block;box-sizing:border-box;width:.625rem;height:.625rem;border-width:0 .2rem .2rem 0;border-style:solid;border-color:#000;background:0 0;transform:rotate(-45deg)}.oc-chevron-down::before{content:"";display:inline-block;box-sizing:border-box;width:.625rem;height:.625rem;border-width:0 .2rem .2rem 0;border-style:solid;border-color:#000;background:0 0;transform:rotate(45deg)}.oc-chevron-left::before{content:"";display:inline-block;box-sizing:border-box;width:.625rem;height:.625rem;border-width:0 .2rem .2rem 0;border-style:solid;border-color:#000;background:0 0;transform:rotate(135deg)}.oc-leader::before{position:absolute;content:"";display:inline-block;box-sizing:border-box;width:.625rem;height:.625rem;border:.0625rem solid #fff;border-radius:.3rem;background:#000;top:-.75rem;z-index:1}.oc-leader::after{position:absolute;content:"";display:inline-block;width:.875rem;height:.375rem;border-radius:.4rem .4rem 0 0;background:#000;top:-.3rem;left:-.125rem}.oc-plus-square::before{content:"";display:inline-block;vertical-align:text-bottom;width:.875rem;height:.875rem;background-color:#000;z-index:-1}.oc-plus-square::after{content:"+";position:absolute;font-size:1rem;left:.125rem;top:.05rem;color:#fff}.oc-minus-square::before{content:"";display:inline-block;vertical-align:text-bottom;width:.875rem;height:.875rem;background-color:#000}.oc-minus-square::after{position:absolute;content:"";display:inline-block;width:.5rem;height:.1rem;background-color:#fff;left:.1875rem;top:.65rem}.oc-spinner::before{content:"";vertical-align:text-bottom;display:inline-block;box-sizing:border-box;width:1rem;height:1rem;border:.2rem solid #000;border-right-color:transparent;border-radius:.625rem;animation:oc-infinite-spinning .75s linear infinite}@keyframes oc-infinite-spinning{from{transform:rotate(0)}to{transform:rotate(360deg)}}
\ No newline at end of file
+.orgchart{box-sizing:border-box;display:inline-block;min-height:202px;min-width:202px;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-image:linear-gradient(90deg,rgba(200,0,0,.15) 10%,rgba(0,0,0,0) 10%),linear-gradient(rgba(200,0,0,.15) 10%,rgba(0,0,0,0) 10%);background-size:10px 10px;border:1px dashed transparent;padding:20px}.orgchart .hidden,.orgchart~.hidden{display:none}.orgchart.b2t{transform:rotate(180deg)}.orgchart.l2r{position:absolute;transform:rotate(-90deg) rotateY(180deg);transform-origin:left top}.orgchart .verticalNodes ul{list-style:none;margin:0;padding-left:18px;text-align:left}.orgchart .verticalNodes ul:first-child{margin-top:2px}.orgchart .verticalNodes>td::before{content:'';border:1px solid rgba(217,83,79,.8)}.orgchart .verticalNodes>td>ul>li:first-child::before{box-sizing:border-box;top:-4px;height:30px;width:calc(50% - 2px);border-width:2px 0 0 2px}.orgchart .verticalNodes ul>li{position:relative}.orgchart .verticalNodes ul>li::after,.orgchart .verticalNodes ul>li::before{box-sizing:border-box;content:'';position:absolute;left:-6px;border-color:rgba(217,83,79,.8);border-style:solid;border-width:0 0 2px 2px}.orgchart .verticalNodes ul>li::before{top:-4px;height:30px;width:11px}.orgchart .verticalNodes ul>li::after{top:1px;height:100%}.orgchart .verticalNodes ul>li:first-child::after{box-sizing:border-box;top:24px;width:11px;border-width:2px 0 0 2px}.orgchart .verticalNodes ul>li:last-child::after{box-sizing:border-box;border-width:2px 0 0}.orgchart.r2l{position:absolute;transform:rotate(90deg);transform-origin:left top}.orgchart>.spinner::before{width:100px;height:100px;border-width:10px;border-radius:50px;margin-top:30px;border-top-color:rgba(68,157,68,.8);border-bottom-color:rgba(68,157,68,.8);border-left-color:rgba(68,157,68,.8)}.orgchart table{border-spacing:0;border-collapse:separate}.orgchart>table:first-child{margin:20px auto}.orgchart td{text-align:center;vertical-align:top;padding:0}.orgchart .lines:nth-child(3) td{box-sizing:border-box;height:20px}.orgchart .lines .topLine{border-top:2px solid rgba(217,83,79,.8)}.orgchart .lines .rightLine{border-right:1px solid rgba(217,83,79,.8);float:none;border-radius:0}.orgchart .lines .leftLine{border-left:1px solid rgba(217,83,79,.8);float:none;border-radius:0}.orgchart .lines .downLine{background-color:rgba(217,83,79,.8);margin:0 auto;height:20px;width:2px;float:none}.orgchart .node{box-sizing:border-box;display:inline-block;position:relative;margin:0;padding:3px;border:2px dashed transparent;text-align:center}.orgchart.l2r .node,.orgchart.r2l .node{width:50px;height:140px}.orgchart .node>.spinner{position:absolute;top:calc(50% - 1rem);left:calc(50% - 1rem)}.orgchart .node>.spinner::before{width:2rem;height:2rem;border-width:.2rem;border-radius:1rem;border-top-color:rgba(68,157,68,.8);border-bottom-color:rgba(68,157,68,.8);border-left-color:rgba(68,157,68,.8)}.orgchart .node:hover{background-color:rgba(238,217,54,.5);transition:.5s;cursor:default;z-index:20}.orgchart .node.focused{background-color:rgba(238,217,54,.5)}.orgchart .ghost-node{position:fixed;left:-10000px;top:-10000px}.orgchart .ghost-node rect{fill:#fff;stroke:#bf0000}.orgchart .node.allowedDrop{border-color:rgba(68,157,68,.9)}.orgchart .node .title{box-sizing:border-box;padding:2px;width:130px;text-align:center;font-size:.75rem;font-weight:700;height:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background-color:rgba(217,83,79,.8);color:#fff;border-radius:4px 4px 0 0}.orgchart.b2t .node .title{transform:rotate(-180deg);transform-origin:center bottom}.orgchart.l2r .node .title{transform:rotate(-90deg) translate(-45px,-45px) rotateY(180deg);transform-origin:bottom center}.orgchart.r2l .node .title{transform:rotate(-90deg) translate(-45px,-45px);transform-origin:bottom center}.orgchart .node .title .symbol{float:left;margin-top:12px;margin-left:2px}.orgchart .node .title .symbol::before{background-color:#fff;border-color:rgba(217,83,79,.8)}.orgchart .node .title .symbol::after{background-color:#fff}.orgchart .node .content{box-sizing:border-box;padding:2px;height:20px;font-size:.625rem;border:1px solid rgba(217,83,79,.8);border-radius:0 0 4px 4px;text-align:center;background-color:#fff;color:#333;text-overflow:ellipsis;white-space:nowrap}.orgchart.b2t .node .content{transform:rotate(180deg);transform-origin:center top}.orgchart.l2r .node .content{transform:rotate(-90deg) translate(-45px,-45px) rotateY(180deg);transform-origin:top center;width:130px}.orgchart.r2l .node .content{transform:rotate(-90deg) translate(-45px,-45px);transform-origin:top center;width:130px}.orgchart .node .edge{position:absolute;cursor:default;transition:.2s}.orgchart .node .edge::before{border-color:rgba(68,157,68,.5)}.orgchart.noncollapsable .node .edge{display:none}.orgchart .node .edge:hover{cursor:pointer}.orgchart .edge:hover::before{border-color:#449d44}.orgchart .node .verticalEdge{width:calc(100% - 6px);width:-webkit-calc(100% - 6px);width:-moz-calc(100% - 6px);height:10px;left:3px}.orgchart .node .verticalEdge::before{position:absolute;left:calc(50% - .3125rem)}.orgchart .node .topEdge{top:-2px}.orgchart .node .topEdge.oci-chevron-up::before{top:2px}.orgchart .node .topEdge.oci-chevron-down::before{bottom:3px}.orgchart .node .bottomEdge{bottom:-2px}.orgchart .node .bottomEdge.oci-chevron-up::before{bottom:-3px}.orgchart .node .bottomEdge.oci-chevron-down::before{bottom:1px}.orgchart .node .horizontalEdge{width:10px;height:calc(100% - 6px);height:-webkit-calc(100% - 6px);height:-moz-calc(100% - 6px);top:3px}.orgchart .node .rightEdge{right:-2px}.orgchart .node .leftEdge{left:-2px}.orgchart .node .horizontalEdge::before{position:absolute;top:calc(50% - .3125rem)}.orgchart .node .rightEdge.oci-chevron-left::before{right:-3px}.orgchart .node .rightEdge.oci-chevron-right::before{right:1px}.orgchart .node .leftEdge.oci-chevron-right::before{left:-3px}.orgchart .node .leftEdge.oci-chevron-left::before{left:1px}.orgchart .node .toggleBtn{position:absolute;left:5px;bottom:-2px}.orgchart .node .toggleBtn::before{background-color:rgba(68,157,68,.6)}.orgchart .node .toggleBtn:hover::before{background-color:#449d44}.oc-export-btn{display:inline-block;position:absolute;right:5px;top:5px;padding:6px 12px;margin-bottom:0;font-size:14px;font-weight:400;line-height:1.42857143;text-align:center;white-space:nowrap;vertical-align:middle;touch-action:manipulation;cursor:pointer;user-select:none;color:#fff;background-color:#5cb85c;border:1px solid transparent;border-color:#4cae4c;border-radius:4px}.oc-export-btn[disabled]{cursor:not-allowed;box-shadow:none;opacity:.3}.oc-export-btn:active,.oc-export-btn:focus,.oc-export-btn:hover{background-color:#449d44;border-color:#347a34}.orgchart~.mask{position:absolute;top:0;right:0;bottom:0;left:0;z-index:999;text-align:center;background-color:rgba(0,0,0,.3)}.orgchart~.mask .spinner{position:absolute;top:calc(50% - 50px);left:calc(50% - 50px)}.orgchart~.mask .spinner::before{width:100px;height:100px;border-width:10px;border-radius:50px;border-top-color:rgba(68,157,68,.8);border-bottom-color:rgba(68,157,68,.8);border-left-color:rgba(68,157,68,.8)}.orgchart .node{transition:transform .3s,opacity .3s}.orgchart .slide-down{opacity:0;transform:translateY(40px)}.orgchart.l2r .node.slide-down,.orgchart.r2l .node.slide-down{transform:translateY(130px)}.orgchart .slide-up{opacity:0;transform:translateY(-40px)}.orgchart.l2r .node.slide-up,.orgchart.r2l .node.slide-up{transform:translateY(-130px)}.orgchart .slide-right{opacity:0;transform:translateX(130px)}.orgchart.l2r .node.slide-right,.orgchart.r2l .node.slide-right{transform:translateX(40px)}.orgchart .slide-left{opacity:0;transform:translateX(-130px)}.orgchart.l2r .node.slide-left,.orgchart.r2l .node.slide-left{transform:translateX(-40px)}.oci{display:inline-block;position:relative;font-style:normal;font-family:Arial}.oci-chevron-up::before{content:"";display:inline-block;box-sizing:border-box;vertical-align:text-bottom;width:.625rem;height:.625rem;border-width:0 .2rem .2rem 0;border-style:solid;border-color:#000;background:0 0;transform:rotate(-135deg)}.oci-chevron-right::before{content:"";display:inline-block;box-sizing:border-box;width:.625rem;height:.625rem;border-width:0 .2rem .2rem 0;border-style:solid;border-color:#000;background:0 0;transform:rotate(-45deg)}.oci-chevron-down::before{content:"";display:inline-block;box-sizing:border-box;width:.625rem;height:.625rem;border-width:0 .2rem .2rem 0;border-style:solid;border-color:#000;background:0 0;transform:rotate(45deg)}.oci-chevron-left::before{content:"";display:inline-block;box-sizing:border-box;width:.625rem;height:.625rem;border-width:0 .2rem .2rem 0;border-style:solid;border-color:#000;background:0 0;transform:rotate(135deg)}.oci-leader::before{position:absolute;content:"";display:inline-block;width:.4rem;height:.4rem;border-radius:.2rem;background:#000;top:-.75rem;left:.1rem}.oci-leader::after{position:absolute;content:"";display:inline-block;width:.875rem;height:.375rem;border-radius:.25rem .25rem 0 0;background:#000;top:-.3rem;left:-.125rem}.oci-plus-square::before{content:"+";display:inline-block;vertical-align:text-bottom;text-align:center;width:1rem;height:1rem;background-color:#000;color:#fff}.oci-plus-circle::before{content:"+";display:inline-block;vertical-align:text-bottom;text-align:center;width:1rem;height:1rem;border-radius:.5rem;background-color:#000;color:#fff}.oci-minus-square::before{content:"−";display:inline-block;vertical-align:text-bottom;text-align:center;width:1rem;height:1rem;background-color:#000;color:#fff}.oci-minus-circle::before{content:"−";display:inline-block;vertical-align:text-bottom;text-align:center;width:1rem;height:1rem;border-radius:.5rem;background-color:#000;color:#fff}.oci-arrow-circle-up::before{content:"▲";display:inline-block;text-align:center;vertical-align:text-bottom;width:1rem;height:1rem;border-radius:.5rem;background-color:#000;color:#fff;font-size:.875rem}.oci-arrow-circle-down::before{content:"▼";text-align:center;display:inline-block;vertical-align:text-bottom;width:1rem;height:1rem;border-radius:.5rem;background-color:#000;color:#fff;font-size:.875rem}.oci-info-circle::before{content:"i";display:inline-block;vertical-align:text-bottom;width:1rem;height:1rem;border-radius:.5rem;background-color:#000;color:#fff;text-align:center;font-weight:700}.oci-spinner::before{content:"";vertical-align:text-bottom;display:inline-block;box-sizing:border-box;width:1rem;height:1rem;border:.1rem solid #000;border-right-color:transparent;border-radius:.625rem;animation:oci-infinite-spinning .75s linear infinite}@keyframes oci-infinite-spinning{from{transform:rotate(0)}to{transform:rotate(360deg)}}
\ No newline at end of file
diff --git a/dist/js/jquery.orgchart.js b/dist/js/jquery.orgchart.js
new file mode 100644
index 00000000..717cee22
--- /dev/null
+++ b/dist/js/jquery.orgchart.js
@@ -0,0 +1,1558 @@
+/*
+ * jQuery OrgChart Plugin
+ * https://github.com/dabeng/OrgChart
+ *
+ * Copyright 2016, dabeng
+ * https://github.com/dabeng
+ *
+ * Licensed under the MIT license:
+ * http://www.opensource.org/licenses/MIT
+ */
+'use strict';
+
+(function (factory) {
+  if (typeof module === 'object' && typeof module.exports === 'object') {
+    factory(require('jquery'), window, document);
+  } else {
+    factory(jQuery, window, document);
+  }
+}(function ($, window, document, undefined) {
+  var OrgChart = function (elem, opts) {
+    this.$chartContainer = $(elem);
+    this.opts = opts;
+    this.defaultOptions = {
+      'nodeTitle': 'name',
+      'nodeId': 'id',
+      'toggleSiblingsResp': false,
+      'visibleLevel': 999,
+      'chartClass': '',
+      'exportButton': false,
+      'exportFilename': 'OrgChart',
+      'exportFileextension': 'png',
+      'parentNodeSymbol': 'oci-leader',
+      'draggable': false,
+      'direction': 't2b',
+      'pan': false,
+      'zoom': false,
+      'zoominLimit': 7,
+      'zoomoutLimit': 0.5
+    };
+  };
+  //
+  OrgChart.prototype = {
+    //
+    init: function (opts) {
+      var that = this;
+      this.options = $.extend({}, this.defaultOptions, this.opts, opts);
+      // build the org-chart
+      var $chartContainer = this.$chartContainer;
+      if (this.$chart) {
+        this.$chart.remove();
+      }
+      var data = this.options.data;
+      var $chart = this.$chart = $('<div>', {
+        'data': { 'options': this.options },
+        'class': 'orgchart' + (this.options.chartClass !== '' ? ' ' + this.options.chartClass : '') + (this.options.direction !== 't2b' ? ' ' + this.options.direction : ''),
+        'click': function(event) {
+          if (!$(event.target).closest('.node').length) {
+            $chart.find('.node.focused').removeClass('focused');
+          }
+        }
+      });
+      if (typeof MutationObserver !== 'undefined') {
+        this.triggerInitEvent();
+      }
+      if ($.type(data) === 'object') {
+        if (data instanceof $) { // ul datasource
+          this.buildHierarchy($chart, this.buildJsonDS(data.children()), 0, this.options);
+        } else { // local json datasource
+          this.buildHierarchy($chart, this.options.ajaxURL ? data : this.attachRel(data, '00'));
+        }
+      } else {
+        $chart.append('<i class="oci oci-spinner spinner"></i>');
+        $.ajax({
+          'url': data,
+          'dataType': 'json'
+        })
+        .done(function(data, textStatus, jqXHR) {
+          that.buildHierarchy($chart, that.options.ajaxURL ? data : that.attachRel(data, '00'), 0, that.options);
+        })
+        .fail(function(jqXHR, textStatus, errorThrown) {
+          console.log(errorThrown);
+        })
+        .always(function() {
+          $chart.children('.spinner').remove();
+        });
+      }
+      $chartContainer.append($chart);
+
+      // append the export button
+      if (this.options.exportButton && !$chartContainer.find('.oc-export-btn').length) {
+        this.attachExportButton();
+      }
+
+      if (this.options.pan) {
+        this.bindPan();
+      }
+
+      if (this.options.zoom) {
+        this.bindZoom();
+      }
+
+      return this;
+    },
+    //
+    triggerInitEvent: function () {
+      var that = this;
+      var mo = new MutationObserver(function (mutations) {
+        mo.disconnect();
+        initTime:
+        for (var i = 0; i < mutations.length; i++) {
+          for (var j = 0; j < mutations[i].addedNodes.length; j++) {
+            if (mutations[i].addedNodes[j].classList.contains('orgchart')) {
+              if (that.options.initCompleted && typeof that.options.initCompleted === 'function') {
+                that.options.initCompleted(that.$chart);
+              }
+              var initEvent = $.Event('init.orgchart');
+              that.$chart.trigger(initEvent);
+              break initTime;
+            }
+          }
+        }
+      });
+      mo.observe(this.$chartContainer[0], { childList: true });
+    },
+    //
+    attachExportButton: function () {
+      var that = this;
+      var $exportBtn = $('<button>', {
+        'class': 'oc-export-btn' + (this.options.chartClass !== '' ? ' ' + this.options.chartClass : ''),
+        'text': 'Export',
+        'click': function(e) {
+          e.preventDefault();
+          that.export();
+        }
+      });
+      this.$chartContainer.append($exportBtn);
+    },
+    setOptions: function (opts, val) {
+      if (typeof opts === 'string') {
+        if (opts === 'pan') {
+          if (val) {
+            this.bindPan();
+          } else {
+            this.unbindPan();
+          }
+        }
+        if (opts === 'zoom') {
+          if (val) {
+            this.bindZoom();
+          } else {
+            this.unbindZoom();
+          }
+        }
+      }
+      if (typeof opts === 'object') {
+        if (opts.data) {
+          this.init(opts);
+        } else {
+          if (typeof opts.pan !== 'undefined') {
+            if (opts.pan) {
+              this.bindPan();
+            } else {
+              this.unbindPan();
+            }
+          }
+          if (typeof opts.zoom !== 'undefined') {
+            if (opts.zoom) {
+              this.bindZoom();
+            } else {
+              this.unbindZoom();
+            }
+          }
+        }
+      }
+
+      return this;
+    },
+    //
+    panStartHandler: function (e) {
+      var $chart = $(e.delegateTarget);
+      if ($(e.target).closest('.node').length || (e.touches && e.touches.length > 1)) {
+        $chart.data('panning', false);
+        return;
+      } else {
+        $chart.css('cursor', 'move').data('panning', true);
+      }
+      var lastX = 0;
+      var lastY = 0;
+      var lastTf = $chart.css('transform');
+      if (lastTf !== 'none') {
+        var temp = lastTf.split(',');
+        if (lastTf.indexOf('3d') === -1) {
+          lastX = parseInt(temp[4]);
+          lastY = parseInt(temp[5]);
+        } else {
+          lastX = parseInt(temp[12]);
+          lastY = parseInt(temp[13]);
+        }
+      }
+      var startX = 0;
+      var startY = 0;
+      if (!e.targetTouches) { // pand on desktop
+        startX = e.pageX - lastX;
+        startY = e.pageY - lastY;
+      } else if (e.targetTouches.length === 1) { // pan on mobile device
+        startX = e.targetTouches[0].pageX - lastX;
+        startY = e.targetTouches[0].pageY - lastY;
+      } else if (e.targetTouches.length > 1) {
+        return;
+      }
+      $chart.on('mousemove touchmove',function(e) {
+        if (!$chart.data('panning')) {
+          return;
+        }
+        var newX = 0;
+        var newY = 0;
+        if (!e.targetTouches) { // pand on desktop
+          newX = e.pageX - startX;
+          newY = e.pageY - startY;
+        } else if (e.targetTouches.length === 1) { // pan on mobile device
+          newX = e.targetTouches[0].pageX - startX;
+          newY = e.targetTouches[0].pageY - startY;
+        } else if (e.targetTouches.length > 1) {
+          return;
+        }
+        var lastTf = $chart.css('transform');
+        if (lastTf === 'none') {
+          if (lastTf.indexOf('3d') === -1) {
+            $chart.css('transform', 'matrix(1, 0, 0, 1, ' + newX + ', ' + newY + ')');
+          } else {
+            $chart.css('transform', 'matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, ' + newX + ', ' + newY + ', 0, 1)');
+          }
+        } else {
+          var matrix = lastTf.split(',');
+          if (lastTf.indexOf('3d') === -1) {
+            matrix[4] = ' ' + newX;
+            matrix[5] = ' ' + newY + ')';
+          } else {
+            matrix[12] = ' ' + newX;
+            matrix[13] = ' ' + newY;
+          }
+          $chart.css('transform', matrix.join(','));
+        }
+      });
+    },
+    //
+    panEndHandler: function (e) {
+      if (e.data.chart.data('panning')) {
+        e.data.chart.data('panning', false).css('cursor', 'default').off('mousemove');
+      }
+    },
+    //
+    bindPan: function () {
+      this.$chartContainer.css('overflow', 'hidden');
+      this.$chart.on('mousedown touchstart', this.panStartHandler);
+      $(document).on('mouseup touchend', { 'chart': this.$chart }, this.panEndHandler);
+    },
+    //
+    unbindPan: function () {
+      this.$chartContainer.css('overflow', 'auto');
+      this.$chart.off('mousedown touchstart', this.panStartHandler);
+      $(document).off('mouseup touchend', this.panEndHandler);
+    },
+    //
+    zoomWheelHandler: function (e) {
+      var oc = e.data.oc;
+      e.preventDefault();
+      var newScale  = 1 + (e.originalEvent.deltaY > 0 ? -0.2 : 0.2);
+      oc.setChartScale(oc.$chart, newScale);
+    },
+    //
+    zoomStartHandler: function (e) {
+      if(e.touches && e.touches.length === 2) {
+        var oc = e.data.oc;
+        oc.$chart.data('pinching', true);
+        var dist = oc.getPinchDist(e);
+        oc.$chart.data('pinchDistStart', dist);
+      }
+    },
+    zoomingHandler: function (e) {
+      var oc = e.data.oc;
+      if(oc.$chart.data('pinching')) {
+        var dist = oc.getPinchDist(e);
+        oc.$chart.data('pinchDistEnd', dist);
+      }
+    },
+    zoomEndHandler: function (e) {
+      var oc = e.data.oc;
+      if(oc.$chart.data('pinching')) {
+        oc.$chart.data('pinching', false);
+        var diff = oc.$chart.data('pinchDistEnd') - oc.$chart.data('pinchDistStart');
+        if (diff > 0) {
+          oc.setChartScale(oc.$chart, 1.2);
+        } else if (diff < 0) {
+          oc.setChartScale(oc.$chart, 0.8);
+        }
+      }
+    },
+    //
+    bindZoom: function () {
+      this.$chartContainer.on('wheel', { 'oc': this }, this.zoomWheelHandler);
+      this.$chartContainer.on('touchstart', { 'oc': this }, this.zoomStartHandler);
+      $(document).on('touchmove', { 'oc': this }, this.zoomingHandler);
+      $(document).on('touchend', { 'oc': this }, this.zoomEndHandler);
+    },
+    unbindZoom: function () {
+      this.$chartContainer.off('wheel', this.zoomWheelHandler);
+      this.$chartContainer.off('touchstart', this.zoomStartHandler);
+      $(document).off('touchmove', this.zoomingHandler);
+      $(document).off('touchend', this.zoomEndHandler);
+    },
+    //
+    getPinchDist: function (e) {
+      return Math.sqrt((e.touches[0].clientX - e.touches[1].clientX) * (e.touches[0].clientX - e.touches[1].clientX) +
+      (e.touches[0].clientY - e.touches[1].clientY) * (e.touches[0].clientY - e.touches[1].clientY));
+    },
+    //
+    setChartScale: function ($chart, newScale) {
+      var opts = $chart.data('options');
+      var lastTf = $chart.css('transform');
+      var matrix = '';
+      var targetScale = 1;
+      if (lastTf === 'none') {
+        $chart.css('transform', 'scale(' + newScale + ',' + newScale + ')');
+      } else {
+        matrix = lastTf.split(',');
+        if (lastTf.indexOf('3d') === -1) {
+          targetScale = Math.abs(window.parseFloat(matrix[3]) * newScale);
+          if (targetScale > opts.zoomoutLimit && targetScale < opts.zoominLimit) {
+            $chart.css('transform', lastTf + ' scale(' + newScale + ',' + newScale + ')');
+          }
+        } else {
+          targetScale = Math.abs(window.parseFloat(matrix[1]) * newScale);
+          if (targetScale > opts.zoomoutLimit && targetScale < opts.zoominLimit) {
+            $chart.css('transform', lastTf + ' scale3d(' + newScale + ',' + newScale + ', 1)');
+          }
+        }
+      }
+    },
+    //
+    buildJsonDS: function ($li) {
+      var that = this;
+      var subObj = {
+        'name': $li.contents().eq(0).text().trim(),
+        'relationship': ($li.parent().parent().is('li') ? '1': '0') + ($li.siblings('li').length ? 1: 0) + ($li.children('ul').length ? 1 : 0)
+      };
+      $.each($li.data(), function(key, value) {
+         subObj[key] = value;
+      });
+      $li.children('ul').children().each(function() {
+        if (!subObj.children) { subObj.children = []; }
+        subObj.children.push(that.buildJsonDS($(this)));
+      });
+      return subObj;
+    },
+    //
+    attachRel: function (data, flags) {
+      var that = this;
+      data.relationship = flags + (data.children && data.children.length > 0 ? 1 : 0);
+      if (data.children) {
+        data.children.forEach(function(item) {
+          that.attachRel(item, '1' + (data.children.length > 1 ? 1 : 0));
+        });
+      }
+      return data;
+    },
+    //
+    loopChart: function ($chart) {
+      var that = this;
+      var $tr = $chart.find('tr:first');
+      var subObj = { 'id': $tr.find('.node')[0].id };
+      $tr.siblings(':last').children().each(function() {
+        if (!subObj.children) { subObj.children = []; }
+        subObj.children.push(that.loopChart($(this)));
+      });
+      return subObj;
+    },
+    //
+    getHierarchy: function () {
+      if (typeof this.$chart === 'undefined') {
+        return 'Error: orgchart does not exist'
+      } else {
+        if (!this.$chart.find('.node').length) {
+          return 'Error: nodes do not exist'
+        } else {
+          var valid = true;
+          this.$chart.find('.node').each(function () {
+            if (!this.id) {
+              valid = false;
+              return false;
+            }
+          });
+          if (!valid) {
+            return 'Error: All nodes of orghcart to be exported must have data-id attribute!';
+          }
+        }
+      }
+      return this.loopChart(this.$chart);
+    },
+    // detect the exist/display state of related node
+    getNodeState: function ($node, relation) {
+      var $target = {};
+      var isVerticalNode = $node.parent().is('li');
+      var relation = relation || 'self';
+      if (relation === 'parent') {
+        if (isVerticalNode) {
+          $target = $node.closest('ul').parents('ul');
+          if (!$target.length) {
+            $target = $node.closest('.nodes');
+            if (!$target.length) {
+              $target = $node.closest('.verticalNodes').siblings(':first');
+            }
+          }
+        } else {
+          $target = $node.closest('.nodes').siblings(':first');
+        }
+        if ($target.length) {
+          if ($target.is('.hidden') || (!$target.is('.hidden') && $target.closest('.nodes').is('.hidden')) || (!$target.is('.hidden') && $target.closest('.verticalNodes').is('.hidden'))) {
+            return { 'exist': true, 'visible': false };
+          }
+          return { 'exist': true, 'visible': true };
+        }
+      } else if (relation === 'children') {
+        $target = isVerticalNode ? $node.parent().children('ul') : $node.closest('tr').siblings(':last');
+        if ($target.length) {
+          if (!$target.is('.hidden')) {
+            return { 'exist': true, 'visible': true };
+          }
+          return { 'exist': true, 'visible': false };
+        }
+      } else if (relation === 'siblings') {
+        $target = isVerticalNode ? $node.closest('ul') : $node.closest('table').parent().siblings();
+        if ($target.length && (!isVerticalNode || $target.children('li').length > 1)) {
+          if (!$target.is('.hidden') && !$target.parent().is('.hidden') && (!isVerticalNode || !$target.closest('.verticalNodes').is('.hidden'))) {
+            return { 'exist': true, 'visible': true };
+          }
+          return { 'exist': true, 'visible': false };
+        }
+      } else {
+        $target = $node;
+        if ($target.length) {
+          if (!(($target.closest('.nodes').length && $target.closest('.nodes').is('.hidden')) ||
+            ($target.closest('table').parent().length && $target.closest('table').parent().is('.hidden')) ||
+            ($target.parent().is('li') && ($target.closest('ul').is('.hidden') || $target.closest('.verticalNodes').is('.hidden')))
+          )) {
+            return { 'exist': true, 'visible': true };
+          }
+          return { 'exist': true, 'visible': false };
+        }
+      }
+      return { 'exist': false, 'visible': false };
+    },
+    // find the related nodes
+    getRelatedNodes: function ($node, relation) {
+      if (!$node || !($node instanceof $) || !$node.is('.node')) {
+        return $();
+      }
+      if (relation === 'parent') {
+        return $node.closest('.nodes').parent().children(':first').find('.node');
+      } else if (relation === 'children') {
+        return $node.closest('tr').siblings('.nodes').children().find('.node:first');
+      } else if (relation === 'siblings') {
+        return $node.closest('table').parent().siblings().find('.node:first');
+      } else {
+        return $();
+      }
+    },
+    hideParentEnd: function (event) {
+      $(event.target).removeClass('sliding');
+      event.data.upperLevel.addClass('hidden').slice(1).removeAttr('style');
+    },
+    // recursively hide the ancestor node and sibling nodes of the specified node
+    hideParent: function ($node) {
+      var $upperLevel = $node.closest('.nodes').siblings();
+      if ($upperLevel.eq(0).find('.spinner').length) {
+        $node.closest('.orgchart').data('inAjax', false);
+      }
+      // hide the sibling nodes
+      if (this.getNodeState($node, 'siblings').visible) {
+        this.hideSiblings($node);
+      }
+      // hide the lines
+      var $lines = $upperLevel.slice(1);
+      $lines.css('visibility', 'hidden');
+      // hide the superior nodes with transition
+      var $parent = $upperLevel.eq(0).find('.node');
+      if (this.getNodeState($parent).visible) {
+        $parent.addClass('sliding slide-down').one('transitionend', { 'upperLevel': $upperLevel }, this.hideParentEnd);
+      }
+      // if the current node has the parent node, hide it recursively
+      if (this.getNodeState($parent, 'parent').visible) {
+        this.hideParent($parent);
+      }
+    },
+    showParentEnd: function (event) {
+      var $node = event.data.node;
+      $(event.target).removeClass('sliding');
+      if (this.isInAction($node)) {
+        this.switchVerticalArrow($node.children('.topEdge'));
+      }
+    },
+    // show the parent node of the specified node
+    showParent: function ($node) {
+      // just show only one superior level
+      var $upperLevel = $node.closest('.nodes').siblings().removeClass('hidden');
+      // just show only one line
+      $upperLevel.eq(2).children().slice(1, -1).addClass('hidden');
+      // show parent node with animation
+      var $parent = $upperLevel.eq(0).find('.node');
+      this.repaint($parent[0]);
+      $parent.addClass('sliding').removeClass('slide-down').one('transitionend', { 'node': $node }, this.showParentEnd.bind(this));
+    },
+    stopAjax: function ($nodeLevel) {
+      if ($nodeLevel.find('.spinner').length) {
+        $nodeLevel.closest('.orgchart').data('inAjax', false);
+      }
+    },
+    isVisibleNode: function (index, elem) {
+      return this.getNodeState($(elem)).visible;
+    },
+    //
+    hideChildrenEnd: function (event) {
+      var $node = event.data.node;
+      event.data.animatedNodes.removeClass('sliding');
+      if (event.data.isVerticalDesc) {
+        event.data.lowerLevel.addClass('hidden');
+      } else {
+        event.data.animatedNodes.closest('.nodes').prevAll('.lines').removeAttr('style').addBack().addClass('hidden');
+        event.data.lowerLevel.last().find('.verticalNodes').addClass('hidden');
+      }
+      if (this.isInAction($node)) {
+        this.switchVerticalArrow($node.children('.bottomEdge'));
+      }
+    },
+    // recursively hide the descendant nodes of the specified node
+    hideChildren: function ($node) {
+      var $lowerLevel = $node.closest('tr').siblings();
+      this.stopAjax($lowerLevel.last());
+      var $animatedNodes = $lowerLevel.last().find('.node').filter(this.isVisibleNode.bind(this));
+      var isVerticalDesc = $lowerLevel.last().is('.verticalNodes') ? true : false;
+      if (!isVerticalDesc) {
+        $animatedNodes.closest('table').closest('tr').prevAll('.lines').css('visibility', 'hidden');
+      }
+      this.repaint($animatedNodes.get(0));
+      $animatedNodes.addClass('sliding slide-up').eq(0).one('transitionend', { 'animatedNodes': $animatedNodes, 'lowerLevel': $lowerLevel, 'isVerticalDesc': isVerticalDesc, 'node': $node }, this.hideChildrenEnd.bind(this));
+    },
+    //
+    showChildrenEnd: function (event) {
+      var $node = event.data.node;
+      event.data.animatedNodes.removeClass('sliding');
+      if (this.isInAction($node)) {
+        this.switchVerticalArrow($node.children('.bottomEdge'));
+      }
+    },
+    // show the children nodes of the specified node
+    showChildren: function ($node) {
+      var that = this;
+      var $levels = $node.closest('tr').siblings();
+      var isVerticalDesc = $levels.is('.verticalNodes') ? true : false;
+      var $animatedNodes = isVerticalDesc
+        ? $levels.removeClass('hidden').find('.node').filter(this.isVisibleNode.bind(this))
+        : $levels.removeClass('hidden').eq(2).children().find('.node:first').filter(this.isVisibleNode.bind(this));
+      // the two following statements are used to enforce browser to repaint
+      this.repaint($animatedNodes.get(0));
+      $animatedNodes.addClass('sliding').removeClass('slide-up').eq(0).one('transitionend', { 'node': $node, 'animatedNodes': $animatedNodes }, this.showChildrenEnd.bind(this));
+    },
+    //
+    hideSiblingsEnd: function (event) {
+      var $node = event.data.node;
+      var $nodeContainer = event.data.nodeContainer;
+      var direction = event.data.direction;
+      event.data.lines.removeAttr('style');
+      var $siblings = direction ? (direction === 'left' ? $nodeContainer.prevAll(':not(.hidden)') : $nodeContainer.nextAll(':not(.hidden)')) : $nodeContainer.siblings();
+      $nodeContainer.closest('.nodes').prev().children(':not(.hidden)')
+        .slice(1, direction ? $siblings.length * 2 + 1 : -1).addClass('hidden');
+      event.data.animatedNodes.removeClass('sliding');
+      $siblings.find('.node:gt(0)').filter(this.isVisibleNode.bind(this))
+        .removeClass('slide-left slide-right').addClass('slide-up');
+      $siblings.find('.lines, .nodes, .verticalNodes').addClass('hidden')
+        .end().addClass('hidden');
+
+      if (this.isInAction($node)) {
+        this.switchHorizontalArrow($node);
+      }
+    },
+    // hide the sibling nodes of the specified node
+    hideSiblings: function ($node, direction) {
+      var that = this;
+      var $nodeContainer = $node.closest('table').parent();
+      if ($nodeContainer.siblings().find('.spinner').length) {
+        $node.closest('.orgchart').data('inAjax', false);
+      }
+      if (direction) {
+        if (direction === 'left') {
+          $nodeContainer.prevAll().find('.node').filter(this.isVisibleNode.bind(this)).addClass('sliding slide-right');
+        } else {
+          $nodeContainer.nextAll().find('.node').filter(this.isVisibleNode.bind(this)).addClass('sliding slide-left');
+        }
+      } else {
+        $nodeContainer.prevAll().find('.node').filter(this.isVisibleNode.bind(this)).addClass('sliding slide-right');
+        $nodeContainer.nextAll().find('.node').filter(this.isVisibleNode.bind(this)).addClass('sliding slide-left');
+      }
+      var $animatedNodes = $nodeContainer.siblings().find('.sliding');
+      var $lines = $animatedNodes.closest('.nodes').prevAll('.lines').css('visibility', 'hidden');
+      $animatedNodes.eq(0).one('transitionend', { 'node': $node, 'nodeContainer': $nodeContainer, 'direction': direction, 'animatedNodes': $animatedNodes, 'lines': $lines }, this.hideSiblingsEnd.bind(this));
+    },
+    //
+    showSiblingsEnd: function (event) {
+      var $node = event.data.node;
+      event.data.visibleNodes.removeClass('sliding');
+      if (this.isInAction($node)) {
+        this.switchHorizontalArrow($node);
+        $node.children('.topEdge').removeClass('oci-chevron-up').addClass('oci-chevron-down');
+      }
+    },
+    //
+    showRelatedParentEnd: function(event) {
+      $(event.target).removeClass('sliding');
+    },
+    // show the sibling nodes of the specified node
+    showSiblings: function ($node, direction) {
+      var that = this;
+      // firstly, show the sibling td tags
+      var $siblings = $();
+      if (direction) {
+        if (direction === 'left') {
+          $siblings = $node.closest('table').parent().prevAll().removeClass('hidden');
+        } else {
+          $siblings = $node.closest('table').parent().nextAll().removeClass('hidden');
+        }
+      } else {
+        $siblings = $node.closest('table').parent().siblings().removeClass('hidden');
+      }
+      // secondly, show the lines
+      var $upperLevel = $node.closest('table').closest('tr').siblings();
+      if (direction) {
+        $upperLevel.eq(2).children('.hidden').slice(0, $siblings.length * 2).removeClass('hidden');
+      } else {
+        $upperLevel.eq(2).children('.hidden').removeClass('hidden');
+      }
+      // thirdly, do some cleaning stuff
+      if (!this.getNodeState($node, 'parent').visible) {
+        $upperLevel.removeClass('hidden');
+        var parent = $upperLevel.find('.node')[0];
+        this.repaint(parent);
+        $(parent).addClass('sliding').removeClass('slide-down').one('transitionend', this.showRelatedParentEnd);
+      }
+      // lastly, show the sibling nodes with animation
+      var $visibleNodes = $siblings.find('.node').filter(this.isVisibleNode.bind(this));
+      this.repaint($visibleNodes.get(0));
+      $visibleNodes.addClass('sliding').removeClass('slide-left slide-right');
+      $visibleNodes.eq(0).one('transitionend', { 'node': $node, 'visibleNodes': $visibleNodes }, this.showSiblingsEnd.bind(this));
+    },
+    // start up loading status for requesting new nodes
+    startLoading: function ($edge) {
+      var $chart = this.$chart;
+      if (typeof $chart.data('inAjax') !== 'undefined' && $chart.data('inAjax') === true) {
+        return false;
+      }
+
+      $edge.addClass('hidden');
+      $edge.parent().append('<i class="oci oci-spinner spinner"></i>')
+        .children().not('.spinner').css('opacity', 0.2);
+      $chart.data('inAjax', true);
+      $('.oci-export-btn' + (this.options.chartClass !== '' ? '.' + this.options.chartClass : '')).prop('disabled', true);
+      return true;
+    },
+    // terminate loading status for requesting new nodes
+    endLoading: function ($edge) {
+      var $node = $edge.parent();
+      $edge.removeClass('hidden');
+      $node.find('.spinner').remove();
+      $node.children().removeAttr('style');
+      this.$chart.data('inAjax', false);
+      $('.oci-export-btn' + (this.options.chartClass !== '' ? '.' + this.options.chartClass : '')).prop('disabled', false);
+    },
+    // whether the cursor is hovering over the node
+    isInAction: function ($node) {
+      return $node.children('.edge').attr('class').indexOf('oci-') > -1 ? true : false;
+    },
+    //
+    switchVerticalArrow: function ($arrow) {
+      $arrow.toggleClass('oci-chevron-up').toggleClass('oci-chevron-down');
+    },
+    //
+    switchHorizontalArrow: function ($node) {
+      var opts = this.options;
+      if (opts.toggleSiblingsResp && (typeof opts.ajaxURL === 'undefined' || $node.closest('.nodes').data('siblingsLoaded'))) {
+        var $prevSib = $node.closest('table').parent().prev();
+        if ($prevSib.length) {
+          if ($prevSib.is('.hidden')) {
+            $node.children('.leftEdge').addClass('oci-chevron-left').removeClass('oci-chevron-right');
+          } else {
+            $node.children('.leftEdge').addClass('oci-chevron-right').removeClass('oci-chevron-left');
+          }
+        }
+        var $nextSib = $node.closest('table').parent().next();
+        if ($nextSib.length) {
+          if ($nextSib.is('.hidden')) {
+            $node.children('.rightEdge').addClass('oci-chevron-right').removeClass('oci-chevron-left');
+          } else {
+            $node.children('.rightEdge').addClass('oci-chevron-left').removeClass('oci-chevron-right');
+          }
+        }
+      } else {
+        var $sibs = $node.closest('table').parent().siblings();
+        var sibsVisible = $sibs.length ? !$sibs.is('.hidden') : false;
+        $node.children('.leftEdge').toggleClass('oci-chevron-right', sibsVisible).toggleClass('oci-chevron-left', !sibsVisible);
+        $node.children('.rightEdge').toggleClass('oci-chevron-left', sibsVisible).toggleClass('oci-chevron-right', !sibsVisible);
+      }
+    },
+    //
+    repaint: function (node) {
+      if (node) {
+        node.style.offsetWidth = node.offsetWidth;
+      }
+    },
+    //
+    nodeEnterLeaveHandler: function (event) {
+      var $node = $(event.delegateTarget), flag = false;
+      var $topEdge = $node.children('.topEdge');
+      var $rightEdge = $node.children('.rightEdge');
+      var $bottomEdge = $node.children('.bottomEdge');
+      var $leftEdge = $node.children('.leftEdge');
+      if (event.type === 'mouseenter') {
+        if ($topEdge.length) {
+          flag = this.getNodeState($node, 'parent').visible;
+          $topEdge.toggleClass('oci-chevron-up', !flag).toggleClass('oci-chevron-down', flag);
+        }
+        if ($bottomEdge.length) {
+          flag = this.getNodeState($node, 'children').visible;
+          $bottomEdge.toggleClass('oci-chevron-down', !flag).toggleClass('oci-chevron-up', flag);
+        }
+        if ($leftEdge.length) {
+          this.switchHorizontalArrow($node);
+        }
+      } else {
+        $node.children('.edge').removeClass('oci-chevron-up oci-chevron-down oci-chevron-right oci-chevron-left');
+      }
+    },
+    //
+    nodeClickHandler: function (event) {
+      this.$chart.find('.focused').removeClass('focused');
+      $(event.delegateTarget).addClass('focused');
+    },
+    // load new nodes by ajax
+    loadNodes: function (rel, url, $edge) {
+      var that = this;
+      var opts = this.options;
+      $.ajax({ 'url': url, 'dataType': 'json' })
+      .done(function (data) {
+        if (that.$chart.data('inAjax')) {
+          if (rel === 'parent') {
+            if (!$.isEmptyObject(data)) {
+              that.addParent($edge.parent(), data);
+            }
+          } else if (rel === 'children') {
+            if (data.children.length) {
+              that.addChildren($edge.parent(), data[rel]);
+            }
+          } else {
+            that.addSiblings($edge.parent(), data.siblings ? data.siblings : data);
+          }
+        }
+      })
+      .fail(function () {
+        console.log('Failed to get ' + rel + ' data');
+      })
+      .always(function () {
+        that.endLoading($edge);
+      });
+    },
+    //
+    HideFirstParentEnd: function (event) {
+      var $topEdge = event.data.topEdge;
+      var $node = $topEdge.parent();
+      if (this.isInAction($node)) {
+        this.switchVerticalArrow($topEdge);
+        this.switchHorizontalArrow($node);
+      }
+    },
+    //
+    topEdgeClickHandler: function (event) {
+      event.stopPropagation();
+      var that = this;
+      var $topEdge = $(event.target);
+      var $node = $(event.delegateTarget);
+      var parentState = this.getNodeState($node, 'parent');
+      if (parentState.exist) {
+        var $parent = $node.closest('table').closest('tr').siblings(':first').find('.node');
+        if ($parent.is('.sliding')) { return; }
+        // hide the ancestor nodes and sibling nodes of the specified node
+        if (parentState.visible) {
+          this.hideParent($node);
+          $parent.one('transitionend', { 'topEdge': $topEdge }, this.HideFirstParentEnd.bind(this));
+        } else { // show the ancestors and siblings
+          this.showParent($node);
+        }
+      } else { // load the new parent node of the specified node by ajax request
+        // start up loading status
+        if (this.startLoading($topEdge)) {
+          var opts = this.options;
+          var url = $.isFunction(opts.ajaxURL.parent) ? opts.ajaxURL.parent($node.data('nodeData')) : opts.ajaxURL.parent + $node[0].id;
+          this.loadNodes('parent', url, $topEdge);
+        }
+      }
+    },
+    //
+    bottomEdgeClickHandler: function (event) {
+      event.stopPropagation();
+      var $bottomEdge = $(event.target);
+      var $node = $(event.delegateTarget);
+      var childrenState = this.getNodeState($node, 'children');
+      if (childrenState.exist) {
+        var $children = $node.closest('tr').siblings(':last');
+        if ($children.find('.sliding').length) { return; }
+        // hide the descendant nodes of the specified node
+        if (childrenState.visible) {
+          this.hideChildren($node);
+        } else { // show the descendants
+          this.showChildren($node);
+        }
+      } else { // load the new children nodes of the specified node by ajax request
+        if (this.startLoading($bottomEdge)) {
+          var opts = this.options;
+          var url = $.isFunction(opts.ajaxURL.children) ? opts.ajaxURL.children($node.data('nodeData')) : opts.ajaxURL.children + $node[0].id;
+          this.loadNodes('children', url, $bottomEdge);
+        }
+      }
+    },
+    //
+    hEdgeClickHandler: function (event) {
+      event.stopPropagation();
+      var $hEdge = $(event.target);
+      var $node = $(event.delegateTarget);
+      var opts = this.options;
+      var siblingsState = this.getNodeState($node, 'siblings');
+      if (siblingsState.exist) {
+        var $siblings = $node.closest('table').parent().siblings();
+        if ($siblings.find('.sliding').length) { return; }
+        if (opts.toggleSiblingsResp) {
+          var $prevSib = $node.closest('table').parent().prev();
+          var $nextSib = $node.closest('table').parent().next();
+          if ($hEdge.is('.leftEdge')) {
+            if ($prevSib.is('.hidden')) {
+              this.showSiblings($node, 'left');
+            } else {
+              this.hideSiblings($node, 'left');
+            }
+          } else {
+            if ($nextSib.is('.hidden')) {
+              this.showSiblings($node, 'right');
+            } else {
+              this.hideSiblings($node, 'right');
+            }
+          }
+        } else {
+          if (siblingsState.visible) {
+            this.hideSiblings($node);
+          } else {
+            this.showSiblings($node);
+          }
+        }
+      } else {
+        // load the new sibling nodes of the specified node by ajax request
+        if (this.startLoading($hEdge)) {
+          var nodeId = $node[0].id;
+          var url = (this.getNodeState($node, 'parent').exist) ?
+            ($.isFunction(opts.ajaxURL.siblings) ? opts.ajaxURL.siblings($node.data('nodeData')) : opts.ajaxURL.siblings + nodeId) :
+            ($.isFunction(opts.ajaxURL.families) ? opts.ajaxURL.families($node.data('nodeData')) : opts.ajaxURL.families + nodeId);
+          this.loadNodes('siblings', url, $hEdge);
+        }
+      }
+    },
+    //
+    expandVNodesEnd: function (event) {
+      event.data.vNodes.removeClass('sliding');
+    },
+    //
+    collapseVNodesEnd: function (event) {
+      event.data.vNodes.removeClass('sliding').closest('ul').addClass('hidden');
+    },
+    // event handler for toggle buttons in Hybrid(horizontal + vertical) OrgChart
+    toggleVNodes: function (event) {
+      var $toggleBtn = $(event.target);
+      var $descWrapper = $toggleBtn.parent().next();
+      var $descendants = $descWrapper.find('.node');
+      var $children = $descWrapper.children().children('.node');
+      if ($children.is('.sliding')) { return; }
+      $toggleBtn.toggleClass('oci-plus-square oci-minus-square');
+      if ($descendants.eq(0).is('.slide-up')) {
+        $descWrapper.removeClass('hidden');
+        this.repaint($children.get(0));
+        $children.addClass('sliding').removeClass('slide-up').eq(0).one('transitionend', { 'vNodes': $children }, this.expandVNodesEnd);
+      } else {
+        $descendants.addClass('sliding slide-up').eq(0).one('transitionend', { 'vNodes': $descendants }, this.collapseVNodesEnd);
+        $descendants.find('.toggleBtn').removeClass('oci-minus-square').addClass('oci-plus-square');
+      }
+    },
+    //
+    createGhostNode: function (event) {
+      var $nodeDiv = $(event.target);
+      var opts = this.options;
+      var origEvent = event.originalEvent;
+      var isFirefox = /firefox/.test(window.navigator.userAgent.toLowerCase());
+      var ghostNode, nodeCover;
+      if (!document.querySelector('.ghost-node')) {
+        ghostNode = document.createElementNS("http://www.w3.org/2000/svg", "svg");
+        if (!ghostNode.classList) return;
+        ghostNode.classList.add('ghost-node');
+        nodeCover = document.createElementNS('http://www.w3.org/2000/svg','rect');
+        ghostNode.appendChild(nodeCover);
+        $nodeDiv.closest('.orgchart').append(ghostNode);
+      } else {
+        ghostNode = $nodeDiv.closest('.orgchart').children('.ghost-node').get(0);
+        nodeCover = $(ghostNode).children().get(0);
+      }
+      var transValues = $nodeDiv.closest('.orgchart').css('transform').split(',');
+      var isHorizontal = opts.direction === 't2b' || opts.direction === 'b2t';
+      var scale = Math.abs(window.parseFloat(isHorizontal ? transValues[0].slice(transValues[0].indexOf('(') + 1) : transValues[1]));
+      ghostNode.setAttribute('width', isHorizontal ? $nodeDiv.outerWidth(false) : $nodeDiv.outerHeight(false));
+      ghostNode.setAttribute('height', isHorizontal ? $nodeDiv.outerHeight(false) : $nodeDiv.outerWidth(false));
+      nodeCover.setAttribute('x',5 * scale);
+      nodeCover.setAttribute('y',5 * scale);
+      nodeCover.setAttribute('width', 120 * scale);
+      nodeCover.setAttribute('height', 40 * scale);
+      nodeCover.setAttribute('rx', 4 * scale);
+      nodeCover.setAttribute('ry', 4 * scale);
+      nodeCover.setAttribute('stroke-width', 1 * scale);
+      var xOffset = origEvent.offsetX * scale;
+      var yOffset = origEvent.offsetY * scale;
+      if (opts.direction === 'l2r') {
+        xOffset = origEvent.offsetY * scale;
+        yOffset = origEvent.offsetX * scale;
+      } else if (opts.direction === 'r2l') {
+        xOffset = $nodeDiv.outerWidth(false) - origEvent.offsetY * scale;
+        yOffset = origEvent.offsetX * scale;
+      } else if (opts.direction === 'b2t') {
+        xOffset = $nodeDiv.outerWidth(false) - origEvent.offsetX * scale;
+        yOffset = $nodeDiv.outerHeight(false) - origEvent.offsetY * scale;
+      }
+      if (isFirefox) { // hack for old version of Firefox(< 48.0)
+        nodeCover.setAttribute('fill', 'rgb(255, 255, 255)');
+        nodeCover.setAttribute('stroke', 'rgb(191, 0, 0)');
+        var ghostNodeWrapper = document.createElement('img');
+        ghostNodeWrapper.src = 'data:image/svg+xml;utf8,' + (new XMLSerializer()).serializeToString(ghostNode);
+        origEvent.dataTransfer.setDragImage(ghostNodeWrapper, xOffset, yOffset);
+      } else {
+        // IE/Edge do not support this, so only use it if we can
+        if (origEvent.dataTransfer.setDragImage)
+          origEvent.dataTransfer.setDragImage(ghostNode, xOffset, yOffset);
+      }
+    },
+    //
+    filterAllowedDropNodes: function ($dragged) {
+      var opts = this.options;
+      // what is being dragged?  a node, or something within a node?
+      var draggingNode = $dragged.closest('[draggable]').hasClass('node');
+      var $dragZone = $dragged.closest('.nodes').siblings().eq(0).find('.node:first');      // parent node
+      var $dragHier = $dragged.closest('table').find('.node');      // this node, and its children
+      this.$chart.data('dragged', $dragged)
+        .find('.node').each(function (index, node) {
+          if (!draggingNode || $dragHier.index(node) === -1) {
+            if (opts.dropCriteria) {
+              if (opts.dropCriteria($dragged, $dragZone, $(node))) {
+                $(node).addClass('allowedDrop');
+              }
+            } else {
+              $(node).addClass('allowedDrop');
+            }
+          }
+        });
+    },
+    //
+    dragstartHandler: function (event) {
+      event.originalEvent.dataTransfer.setData('text/html', 'hack for firefox');
+      // if users enable zoom or direction options
+      if (this.$chart.css('transform') !== 'none') {
+        this.createGhostNode(event);
+      }
+      this.filterAllowedDropNodes($(event.target));
+    },
+    //
+    dragoverHandler: function (event) {
+      if (!$(event.delegateTarget).is('.allowedDrop')) {
+        event.originalEvent.dataTransfer.dropEffect = 'none';
+      } else {
+        // default action for drag-and-drop of div is not to drop, so preventing default action for nodes which have allowedDrop class
+        //to fix drag and drop on IE and Edge		
+        event.preventDefault();
+      }
+    },
+    //
+    dragendHandler: function (event) {
+      this.$chart.find('.allowedDrop').removeClass('allowedDrop');
+    },
+    //
+    dropHandler: function (event) {
+      var $dropZone = $(event.delegateTarget);
+      var $dragged = this.$chart.data('dragged');
+
+      // Pass on drops which are not nodes (since they are not our doing)
+      if (!$dragged.hasClass('node')) {
+        this.$chart.triggerHandler({ 'type': 'otherdropped.orgchart', 'draggedItem': $dragged, 'dropZone': $dropZone });
+        return;
+      }
+      
+      if (!$dropZone.hasClass('allowedDrop')) {
+          // We are trying to drop a node into a node which isn't allowed
+          // IE/Edge have a habit of allowing this, so we need our own double-check
+          return;
+      }
+
+      var $dragZone = $dragged.closest('.nodes').siblings().eq(0).children();
+      var dropEvent = $.Event('nodedrop.orgchart');
+      this.$chart.trigger(dropEvent, { 'draggedNode': $dragged, 'dragZone': $dragZone.children(), 'dropZone': $dropZone });
+      if (dropEvent.isDefaultPrevented()) {
+        return;
+      }
+      // firstly, deal with the hierarchy of drop zone
+      if (!$dropZone.closest('tr').siblings().length) { // if the drop zone is a leaf node
+        $dropZone.append('<i class="edge verticalEdge bottomEdge oci"></i>')
+          .parent().attr('colspan', 2)
+          .parent().after('<tr class="lines"><td colspan="2"><div class="downLine"></div></td></tr>'
+          + '<tr class="lines"><td class="rightLine"></td><td class="leftLine"></td></tr>'
+          + '<tr class="nodes"></tr>')
+          .siblings(':last').append($dragged.find('.horizontalEdge').remove().end().closest('table').parent());
+      } else {
+        var dropColspan = parseInt($dropZone.parent().attr('colspan')) + 2;
+        var horizontalEdges = '<i class="edge horizontalEdge rightEdge oci"></i><i class="edge horizontalEdge leftEdge oci"></i>';
+        $dropZone.closest('tr').next().addBack().children().attr('colspan', dropColspan);
+        if (!$dragged.find('.horizontalEdge').length) {
+          $dragged.append(horizontalEdges);
+        }
+        $dropZone.closest('tr').siblings().eq(1).children(':last').before('<td class="leftLine topLine"></td><td class="rightLine topLine"></td>')
+          .end().next().append($dragged.closest('table').parent());
+        var $dropSibs = $dragged.closest('table').parent().siblings().find('.node:first');
+        if ($dropSibs.length === 1) {
+          $dropSibs.append(horizontalEdges);
+        }
+      }
+      // secondly, deal with the hierarchy of dragged node
+      var dragColspan = parseInt($dragZone.attr('colspan'));
+      if (dragColspan > 2) {
+        $dragZone.attr('colspan', dragColspan - 2)
+          .parent().next().children().attr('colspan', dragColspan - 2)
+          .end().next().children().slice(1, 3).remove();
+        var $dragSibs = $dragZone.parent().siblings('.nodes').children().find('.node:first');
+        if ($dragSibs.length ===1) {
+          $dragSibs.find('.horizontalEdge').remove();
+        }
+      } else {
+        $dragZone.removeAttr('colspan')
+          .find('.bottomEdge').remove()
+          .end().end().siblings().remove();
+      }
+    },
+    //
+    touchstartHandler: function (event) {
+      if (this.touchHandled)
+        return;
+
+      if (event.touches && event.touches.length > 1)
+        return;
+
+      this.touchHandled = true;
+      this.touchMoved = false;     // this is so we can work out later if this was a 'press' or a 'drag' touch
+      event.preventDefault();
+    },
+    //
+    touchmoveHandler: function (event) {
+      if (!this.touchHandled)
+        return;
+
+      if (event.touches && event.touches.length > 1)
+        return;
+
+      event.preventDefault();
+
+      if (!this.touchMoved) {
+        // we do not bother with createGhostNode (dragstart does) since the touch event does not have a dataTransfer property
+        this.filterAllowedDropNodes($(event.currentTarget));        // will also set 'this.$chart.data('dragged')' for us
+        // create an image which can be used to illustrate the drag (our own createGhostNode)
+        this.touchDragImage = this.createDragImage(event, this.$chart.data('dragged')[0]);
+      }
+      this.touchMoved = true;
+
+      // move our dragimage so it follows our finger
+      this.moveDragImage(event, this.touchDragImage);
+
+      var $touching = $(document.elementFromPoint(event.touches[0].clientX, event.touches[0].clientY));
+      var $touchingNodes = $touching.closest('div.node');
+      if ($touchingNodes.length > 0) {
+        var touchingNodeElement = $touchingNodes[0];
+        if ($touchingNodes.is('.allowedDrop')) {
+          this.touchTargetNode = touchingNodeElement;
+        }
+        else {
+          this.touchTargetNode = null;
+        }
+      }
+      else {
+        this.touchTargetNode = null;
+      }
+    },
+    //
+    touchendHandler: function (event) {
+      if (!this.touchHandled) {
+          return;
+      }
+      this.destroyDragImage();
+      if (this.touchMoved) {
+          // we've had movement, so this was a 'drag' touch
+          if (this.touchTargetNode) {
+              var fakeEventForDropHandler = { delegateTarget: this.touchTargetNode };
+              this.dropHandler(fakeEventForDropHandler);
+              this.touchTargetNode = null;
+          }
+          this.dragendHandler(event);
+      }
+      else {
+          // we did not move, so this was a 'press' touch (fake a click)
+          var firstTouch = event.changedTouches[0];
+          var fakeMouseClickEvent = document.createEvent('MouseEvents');
+          fakeMouseClickEvent.initMouseEvent('click', true, true, window, 1, firstTouch.screenX, firstTouch.screenY, firstTouch.clientX, firstTouch.clientY, event.ctrlKey, event.altKey, event.shiftKey, event.metaKey, 0, null);
+          event.target.dispatchEvent(fakeMouseClickEvent);
+      }
+      this.touchHandled = false;
+    },
+    //
+    createDragImage: function (event, source) {
+      var dragImage = source.cloneNode(true);
+      this.copyStyle(source, dragImage);
+      dragImage.style.top = dragImage.style.left = '-9999px';
+      var sourceRectangle = source.getBoundingClientRect();
+      var sourcePoint = this.getTouchPoint(event);
+      this.touchDragImageOffset = { x: sourcePoint.x - sourceRectangle.left, y: sourcePoint.y - sourceRectangle.top };
+      dragImage.style.opacity = '0.5';
+      document.body.appendChild(dragImage);
+      return dragImage;
+    },
+    //
+    destroyDragImage: function () {
+      if (this.touchDragImage && this.touchDragImage.parentElement)
+        this.touchDragImage.parentElement.removeChild(this.touchDragImage);
+      this.touchDragImageOffset = null;
+      this.touchDragImage = null;
+    },
+    //
+    copyStyle: function (src, dst) {
+      // remove potentially troublesome attributes
+      var badAttributes = ['id', 'class', 'style', 'draggable'];
+      badAttributes.forEach(function (att) {
+          dst.removeAttribute(att);
+      });
+      // copy canvas content
+      if (src instanceof HTMLCanvasElement) {
+        var cSrc = src, cDst = dst;
+        cDst.width = cSrc.width;
+        cDst.height = cSrc.height;
+        cDst.getContext('2d').drawImage(cSrc, 0, 0);
+      }
+      // copy style (without transitions)
+      var cs = getComputedStyle(src);
+      for (var i = 0; i < cs.length; i++) {
+        var key = cs[i];
+        if (key.indexOf('transition') < 0) {
+          dst.style[key] = cs[key];
+        }
+      }
+      dst.style.pointerEvents = 'none';
+      // and repeat for all children
+      for (var i = 0; i < src.children.length; i++) {
+        this.copyStyle(src.children[i], dst.children[i]);
+      }
+    },
+    //
+    getTouchPoint: function (event) {
+      if (event && event.touches) {
+        event = event.touches[0];
+      }
+      return {
+        x: event.clientX,
+        y: event.clientY
+      };
+    },
+    //
+    moveDragImage: function (event, image) {
+      if (!event || !image)
+        return;
+      var orgChartMaster = this;
+      requestAnimationFrame(function () {
+        var pt = orgChartMaster.getTouchPoint(event);
+        var s = image.style;
+        s.position = 'absolute';
+        s.pointerEvents = 'none';
+        s.zIndex = '999999';
+        if (orgChartMaster.touchDragImageOffset) {
+            s.left = Math.round(pt.x - orgChartMaster.touchDragImageOffset.x) + 'px';
+            s.top = Math.round(pt.y - orgChartMaster.touchDragImageOffset.y) + 'px';
+        }
+      });
+    },
+    //
+    bindDragDrop: function ($node) {
+      $node.on('dragstart', this.dragstartHandler.bind(this))
+        .on('dragover', this.dragoverHandler.bind(this))
+        .on('dragend', this.dragendHandler.bind(this))
+        .on('drop', this.dropHandler.bind(this))
+        .on('touchstart', this.touchstartHandler.bind(this))
+        .on('touchmove', this.touchmoveHandler.bind(this))
+        .on('touchend', this.touchendHandler.bind(this));
+    },
+    // create node
+    createNode: function (data) {
+      var that = this;
+      var opts = this.options;
+      var level = data.level;
+      if (data.children && data[opts.nodeId]) {
+        $.each(data.children, function (index, child) {
+          child.parentId = data[opts.nodeId]
+        });
+      }
+      // construct the content of node
+      var $nodeDiv = $('<div' + (opts.draggable ? ' draggable="true"' : '') + (data[opts.nodeId] ? ' id="' + data[opts.nodeId] + '"' : '') + (data.parentId ? ' data-parent="' + data.parentId + '"' : '') + '>')
+        .addClass('node ' + (data.className || '') +  (level > opts.visibleLevel ? ' slide-up' : ''));
+      if (opts.nodeTemplate) {
+        $nodeDiv.append(opts.nodeTemplate(data));
+      } else {
+        $nodeDiv.append('<div class="title">' + data[opts.nodeTitle] + '</div>')
+          .append(typeof opts.nodeContent !== 'undefined' ? '<div class="content">' + (data[opts.nodeContent] || '') + '</div>' : '');
+      }
+      //
+      var nodeData = $.extend({}, data);
+      delete nodeData.children;
+      $nodeDiv.data('nodeData', nodeData);
+      // append 4 direction arrows or expand/collapse buttons
+      var flags = data.relationship || '';
+      if (opts.verticalLevel && level >= opts.verticalLevel) {
+        if ((level + 1) > opts.verticalLevel && Number(flags.substr(2,1))) {
+          var icon = level + 1 > opts.visibleLevel ? 'plus' : 'minus';
+          $nodeDiv.append('<i class="toggleBtn oci oci-' + icon + '-square"></i>');
+        }
+      } else {
+        if (Number(flags.substr(0,1))) {
+          $nodeDiv.append('<i class="edge verticalEdge topEdge oci"></i>');
+        }
+        if(Number(flags.substr(1,1))) {
+          $nodeDiv.append('<i class="edge horizontalEdge rightEdge oci"></i>' +
+            '<i class="edge horizontalEdge leftEdge oci"></i>');
+        }
+        if(Number(flags.substr(2,1))) {
+          $nodeDiv.append('<i class="edge verticalEdge bottomEdge oci"></i>')
+            .children('.title').prepend('<i class="oci '+ opts.parentNodeSymbol + ' symbol"></i>');
+        }
+      }
+
+      $nodeDiv.on('mouseenter mouseleave', this.nodeEnterLeaveHandler.bind(this));
+      $nodeDiv.on('click', this.nodeClickHandler.bind(this));
+      $nodeDiv.on('click', '.topEdge', this.topEdgeClickHandler.bind(this));
+      $nodeDiv.on('click', '.bottomEdge', this.bottomEdgeClickHandler.bind(this));
+      $nodeDiv.on('click', '.leftEdge, .rightEdge', this.hEdgeClickHandler.bind(this));
+      $nodeDiv.on('click', '.toggleBtn', this.toggleVNodes.bind(this));
+
+      if (opts.draggable) {
+        this.bindDragDrop($nodeDiv);
+        this.touchHandled = false;
+        this.touchMoved = false;
+        this.touchTargetNode = null;
+      }
+      // allow user to append dom modification after finishing node create of orgchart
+      if (opts.createNode) {
+        opts.createNode($nodeDiv, data);
+      }
+
+      return $nodeDiv;
+    },
+    // recursively build the tree
+    buildHierarchy: function ($appendTo, data) {
+      var that = this;
+      var opts = this.options;
+      var level = 0;
+      if (data.level) {
+        level = data.level;
+      } else {
+        level = data.level = $appendTo.parentsUntil('.orgchart', '.nodes').length + 1;
+      }
+      // Construct the node
+      var childrenData = data.children;
+      var hasChildren = childrenData ? childrenData.length : false;
+      var $nodeWrapper;
+      if (Object.keys(data).length > 2) {
+        var $nodeDiv = this.createNode(data);
+        if (opts.verticalLevel && level >= opts.verticalLevel) {
+          $appendTo.append($nodeDiv);
+        }else {
+          $nodeWrapper = $('<table>');
+          $appendTo.append($nodeWrapper.append($('<tr/>').append($('<td' + (hasChildren ? ' colspan="' + childrenData.length * 2 + '"' : '') + '></td>').append($nodeDiv))));
+        }
+      }
+      // Construct the lower level(two "connectiong lines" rows and "inferior nodes" row)
+      if (hasChildren) {
+        var isHidden = (level + 1 > opts.visibleLevel || data.collapsed) ? ' hidden' : '';
+        var isVerticalLayer = (opts.verticalLevel && (level + 1) >= opts.verticalLevel) ? true : false;
+        var $nodesLayer;
+        if (isVerticalLayer) {
+          $nodesLayer = $('<ul>');
+          if (isHidden && level + 1 > opts.verticalLevel) {
+            $nodesLayer.addClass(isHidden);
+          }
+          if (level + 1 === opts.verticalLevel) {
+            $appendTo.children('table').append('<tr class="verticalNodes' + isHidden + '"><td></td></tr>')
+              .find('.verticalNodes').children().append($nodesLayer);
+          } else {
+            $appendTo.append($nodesLayer);
+          }
+        } else {
+          var $upperLines = $('<tr class="lines' + isHidden + '"><td colspan="' + childrenData.length * 2 + '"><div class="downLine"></div></td></tr>');
+          var lowerLines = '<tr class="lines' + isHidden + '"><td class="rightLine"></td>';
+          for (var i=1; i<childrenData.length; i++) {
+            lowerLines += '<td class="leftLine topLine"></td><td class="rightLine topLine"></td>';
+          }
+          lowerLines += '<td class="leftLine"></td></tr>';
+          $nodesLayer = $('<tr class="nodes' + isHidden + '">');
+          if (Object.keys(data).length === 2) {
+            $appendTo.append($upperLines).append(lowerLines).append($nodesLayer);
+          } else {
+            $nodeWrapper.append($upperLines).append(lowerLines).append($nodesLayer);
+          }
+        }
+        // recurse through children nodes
+        $.each(childrenData, function () {
+          var $nodeCell = isVerticalLayer ? $('<li>') : $('<td colspan="2">');
+          $nodesLayer.append($nodeCell);
+          this.level = level + 1;
+          that.buildHierarchy($nodeCell, this);
+        });
+      }
+    },
+    // build the child nodes of specific node
+    buildChildNode: function ($appendTo, data) {
+      $appendTo.find('td:first').attr('colspan', data.length * 2);
+      this.buildHierarchy($appendTo, { 'children': data });
+    },
+    // exposed method
+    addChildren: function ($node, data) {
+      this.buildChildNode($node.closest('table'), data);
+      if (!$node.children('.bottomEdge').length) {
+        $node.append('<i class="edge verticalEdge bottomEdge oci"></i>');
+      }
+      if (!$node.find('.symbol').length) {
+        $node.children('.title').prepend('<i class="oci '+ this.options.parentNodeSymbol + ' symbol"></i>');
+      }
+      if (this.isInAction($node)) {
+        this.switchVerticalArrow($node.children('.bottomEdge'));
+      }
+    },
+    // build the parent node of specific node
+    buildParentNode: function ($currentRoot, data) {
+      data.relationship = data.relationship || '001';
+      var $table = $('<table>')
+        .append($('<tr>').append($('<td colspan="2">').append(this.createNode(data))))
+        .append('<tr class="lines"><td colspan="2"><div class="downLine"></div></td></tr>')
+        .append('<tr class="lines"><td class="rightLine"></td><td class="leftLine"></td></tr>');
+      this.$chart.prepend($table)
+        .children('table:first').append('<tr class="nodes"><td colspan="2"></td></tr>')
+        .children('tr:last').children().append(this.$chart.children('table').last());
+    },
+    // exposed method
+    addParent: function ($currentRoot, data) {
+      this.buildParentNode($currentRoot, data);
+      if (!$currentRoot.children('.topEdge').length) {
+        $currentRoot.children('.title').after('<i class="edge verticalEdge topEdge oci"></i>');
+      }
+      if (this.isInAction($currentRoot)) {
+        this.switchVerticalArrow($currentRoot.children('.topEdge'));
+      }
+    },
+    // subsequent processing of build sibling nodes
+    complementLine: function ($oneSibling, siblingCount, existingSibligCount) {
+      var lines = '';
+      for (var i = 0; i < existingSibligCount; i++) {
+        lines += '<td class="leftLine topLine"></td><td class="rightLine topLine"></td>';
+      }
+      $oneSibling.parent().prevAll('tr:gt(0)').children().attr('colspan', siblingCount * 2)
+        .end().next().children(':first').after(lines);
+    },
+    // build the sibling nodes of specific node
+    buildSiblingNode: function ($nodeChart, data) {
+      var newSiblingCount = $.isArray(data) ? data.length : data.children.length;
+      var existingSibligCount = $nodeChart.parent().is('td') ? $nodeChart.closest('tr').children().length : 1;
+      var siblingCount = existingSibligCount + newSiblingCount;
+      var insertPostion = (siblingCount > 1) ? Math.floor(siblingCount/2 - 1) : 0;
+      // just build the sibling nodes for the specific node
+      if ($nodeChart.parent().is('td')) {
+        var $parent = $nodeChart.closest('tr').prevAll('tr:last');
+        $nodeChart.closest('tr').prevAll('tr:lt(2)').remove();
+        this.buildChildNode($nodeChart.parent().closest('table'), data);
+        var $siblingTds = $nodeChart.parent().closest('table').children('tr:last').children('td');
+        if (existingSibligCount > 1) {
+          this.complementLine($siblingTds.eq(0).before($nodeChart.closest('td').siblings().addBack().unwrap()), siblingCount, existingSibligCount);
+        } else {
+          this.complementLine($siblingTds.eq(insertPostion).after($nodeChart.closest('td').unwrap()), siblingCount, 1);
+        }
+      } else { // build the sibling nodes and parent node for the specific ndoe
+        this.buildHierarchy($nodeChart.closest('.orgchart'), data);
+        this.complementLine($nodeChart.next().children('tr:last').children().eq(insertPostion).after($('<td colspan="2">').append($nodeChart)),
+          siblingCount, 1);
+      }
+    },
+    //
+    addSiblings: function ($node, data) {
+      this.buildSiblingNode($node.closest('table'), data);
+      $node.closest('.nodes').data('siblingsLoaded', true);
+      if (!$node.children('.leftEdge').length) {
+        $node.children('.topEdge').after('<i class="edge horizontalEdge rightEdge oci"></i><i class="edge horizontalEdge leftEdge oci"></i>');
+      }
+      if (this.isInAction($node)) {
+        this.switchHorizontalArrow($node);
+        $node.children('.topEdge').removeClass('oci-chevron-up').addClass('oci-chevron-down');
+      }
+    },
+    //
+    removeNodes: function ($node) {
+      var $parent = $node.closest('table').parent();
+      var $sibs = $parent.parent().siblings();
+      if ($parent.is('td')) {
+        if (this.getNodeState($node, 'siblings').exist) {
+          $sibs.eq(2).children('.topLine:lt(2)').remove();
+          $sibs.slice(0, 2).children().attr('colspan', $sibs.eq(2).children().length);
+          $parent.remove();
+        } else {
+          $sibs.eq(0).children().removeAttr('colspan')
+            .find('.bottomEdge').remove()
+            .end().end().siblings().remove();
+        }
+      } else {
+        $parent.add($parent.siblings()).remove();
+      }
+    },
+    //
+    hideDropZones: function () {
+      // Remove all the 'this is a drop zone' indicators
+      var orgChartObj = this;
+      orgChartObj.$chart.find('.allowedDrop')
+        .removeClass('allowedDrop');
+    },
+    //
+    showDropZones: function (dragged) {
+      // Highlight all the 'drop zones', and set dragged, so that the drop/enter can work out what happens later
+      // TODO: This assumes all nodes are droppable: it doesn't run the custom isDroppable function - it should!
+      var orgChartObj = this;
+      orgChartObj.$chart.find('.node')
+        .each(function (index, node) {
+          $(node).addClass('allowedDrop');
+        });
+      orgChartObj.$chart.data('dragged', $(dragged));
+    },
+    //
+    processExternalDrop: function (dropZone, dragged) {
+      // Allow an external drop event to be handled by one of our nodes
+      if (dragged) {
+        this.$chart.data('dragged', $(dragged));
+      }
+      var droppedOnNode = dropZone.closest('.node');
+      // would like to just call 'dropZoneHandler', but I can't reach it from here
+      // instead raise a drop event on the node element
+      droppedOnNode.triggerHandler({ 'type': 'drop' });
+    },
+    //
+    exportPDF: function(canvas, exportFilename){
+      var doc = {};
+      var docWidth = Math.floor(canvas.width);
+      var docHeight = Math.floor(canvas.height);
+
+      if (docWidth > docHeight) {
+        doc = new jsPDF({
+          orientation: 'landscape',
+          unit: 'px',
+          format: [docWidth, docHeight]
+        });
+      } else {
+        doc = new jsPDF({
+          orientation: 'portrait',
+          unit: 'px',
+          format: [docHeight, docWidth]
+        });
+      }
+      doc.addImage(canvas.toDataURL(), 'png', 0, 0);
+      doc.save(exportFilename + '.pdf');
+    },
+    //
+    exportPNG: function(canvas, exportFilename){
+      var that = this;
+      var isWebkit = 'WebkitAppearance' in document.documentElement.style;
+      var isFf = !!window.sidebar;
+      var isEdge = navigator.appName === 'Microsoft Internet Explorer' || (navigator.appName === "Netscape" && navigator.appVersion.indexOf('Edge') > -1);
+      var $chartContainer = this.$chartContainer;
+
+      if ((!isWebkit && !isFf) || isEdge) {
+        window.navigator.msSaveBlob(canvas.msToBlob(), exportFilename + '.png');
+      } else {
+        var selector = '.oci-download-btn' + (that.options.chartClass !== '' ? '.' + that.options.chartClass : '');
+
+        if (!$chartContainer.find(selector).length) {
+          $chartContainer.append('<a class="oci-download-btn' + (that.options.chartClass !== '' ? ' ' + that.options.chartClass : '') + '"'
+                                 + ' download="' + exportFilename + '.png"></a>');
+        }
+
+        $chartContainer.find(selector).attr('href', canvas.toDataURL())[0].click();
+      }
+    },
+    //
+    export: function (exportFilename, exportFileextension) {
+      var that = this;
+      exportFilename = (typeof exportFilename !== 'undefined') ?  exportFilename : this.options.exportFilename;
+      exportFileextension = (typeof exportFileextension !== 'undefined') ?  exportFileextension : this.options.exportFileextension;
+      if ($(this).children('.spinner').length) {
+        return false;
+      }
+      var $chartContainer = this.$chartContainer;
+      var $mask = $chartContainer.find('.mask');
+      if (!$mask.length) {
+        $chartContainer.append('<div class="mask"><i class="oci oci-spinner spinner"></i></div>');
+      } else {
+        $mask.removeClass('hidden');
+      }
+      var sourceChart = $chartContainer.addClass('canvasContainer').find('.orgchart:not(".hidden")').get(0);
+      var flag = that.options.direction === 'l2r' || that.options.direction === 'r2l';
+      html2canvas(sourceChart, {
+        'width': flag ? sourceChart.clientHeight : sourceChart.clientWidth,
+        'height': flag ? sourceChart.clientWidth : sourceChart.clientHeight,
+        'onclone': function (cloneDoc) {
+          $(cloneDoc).find('.canvasContainer').css('overflow', 'visible')
+            .find('.orgchart:not(".hidden"):first').css('transform', '');
+        }
+      })
+      .then(function (canvas) {
+        $chartContainer.find('.mask').addClass('hidden');
+
+        if (exportFileextension.toLowerCase() === 'pdf') {
+          that.exportPDF(canvas, exportFilename);
+        } else {
+          that.exportPNG(canvas, exportFilename);
+        }
+
+        $chartContainer.removeClass('canvasContainer');
+      }, function () {
+        $chartContainer.removeClass('canvasContainer');
+      });
+    }
+  };
+
+  $.fn.orgchart = function (opts) {
+    return new OrgChart(this, opts).init();
+  };
+
+}));
diff --git a/dist/js/jquery.orgchart.min.js b/dist/js/jquery.orgchart.min.js
new file mode 100644
index 00000000..0424cca2
--- /dev/null
+++ b/dist/js/jquery.orgchart.min.js
@@ -0,0 +1,2 @@
+"use strict";!function(e){"object"==typeof module&&"object"==typeof module.exports?e(require("jquery"),window,document):e(jQuery,window,document)}(function(u,p,f,e){function t(e,t){this.$chartContainer=u(e),this.opts=t,this.defaultOptions={nodeTitle:"name",nodeId:"id",toggleSiblingsResp:!1,visibleLevel:999,chartClass:"",exportButton:!1,exportFilename:"OrgChart",exportFileextension:"png",parentNodeSymbol:"oci-leader",draggable:!1,direction:"t2b",pan:!1,zoom:!1,zoominLimit:7,zoomoutLimit:.5}}t.prototype={init:function(e){var n=this;this.options=u.extend({},this.defaultOptions,this.opts,e);var t=this.$chartContainer;this.$chart&&this.$chart.remove();var i=this.options.data,s=this.$chart=u("<div>",{data:{options:this.options},class:"orgchart"+(""!==this.options.chartClass?" "+this.options.chartClass:"")+("t2b"!==this.options.direction?" "+this.options.direction:""),click:function(e){u(e.target).closest(".node").length||s.find(".node.focused").removeClass("focused")}});return"undefined"!=typeof MutationObserver&&this.triggerInitEvent(),"object"===u.type(i)?i instanceof u?this.buildHierarchy(s,this.buildJsonDS(i.children()),0,this.options):this.buildHierarchy(s,this.options.ajaxURL?i:this.attachRel(i,"00")):(s.append('<i class="oci oci-spinner spinner"></i>'),u.ajax({url:i,dataType:"json"}).done(function(e,t,i){n.buildHierarchy(s,n.options.ajaxURL?e:n.attachRel(e,"00"),0,n.options)}).fail(function(e,t,i){console.log(i)}).always(function(){s.children(".spinner").remove()})),t.append(s),this.options.exportButton&&!t.find(".oc-export-btn").length&&this.attachExportButton(),this.options.pan&&this.bindPan(),this.options.zoom&&this.bindZoom(),this},triggerInitEvent:function(){var s=this,a=new MutationObserver(function(e){a.disconnect();e:for(var t=0;t<e.length;t++)for(var i=0;i<e[t].addedNodes.length;i++)if(e[t].addedNodes[i].classList.contains("orgchart")){s.options.initCompleted&&"function"==typeof s.options.initCompleted&&s.options.initCompleted(s.$chart);var n=u.Event("init.orgchart");s.$chart.trigger(n);break e}});a.observe(this.$chartContainer[0],{childList:!0})},attachExportButton:function(){var t=this,e=u("<button>",{class:"oc-export-btn"+(""!==this.options.chartClass?" "+this.options.chartClass:""),text:"Export",click:function(e){e.preventDefault(),t.export()}});this.$chartContainer.append(e)},setOptions:function(e,t){return"string"==typeof e&&("pan"===e&&(t?this.bindPan():this.unbindPan()),"zoom"===e&&(t?this.bindZoom():this.unbindZoom())),"object"==typeof e&&(e.data?this.init(e):(void 0!==e.pan&&(e.pan?this.bindPan():this.unbindPan()),void 0!==e.zoom&&(e.zoom?this.bindZoom():this.unbindZoom()))),this},panStartHandler:function(e){var a=u(e.delegateTarget);if(u(e.target).closest(".node").length||e.touches&&1<e.touches.length)a.data("panning",!1);else{a.css("cursor","move").data("panning",!0);var t=0,i=0,n=a.css("transform");if("none"!==n){var s=n.split(",");i=-1===n.indexOf("3d")?(t=parseInt(s[4]),parseInt(s[5])):(t=parseInt(s[12]),parseInt(s[13]))}var o=0,r=0;if(e.targetTouches){if(1===e.targetTouches.length)o=e.targetTouches[0].pageX-t,r=e.targetTouches[0].pageY-i;else if(1<e.targetTouches.length)return}else o=e.pageX-t,r=e.pageY-i;a.on("mousemove touchmove",function(e){if(a.data("panning")){var t=0,i=0;if(e.targetTouches){if(1===e.targetTouches.length)t=e.targetTouches[0].pageX-o,i=e.targetTouches[0].pageY-r;else if(1<e.targetTouches.length)return}else t=e.pageX-o,i=e.pageY-r;var n=a.css("transform");if("none"===n)-1===n.indexOf("3d")?a.css("transform","matrix(1, 0, 0, 1, "+t+", "+i+")"):a.css("transform","matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, "+t+", "+i+", 0, 1)");else{var s=n.split(",");-1===n.indexOf("3d")?(s[4]=" "+t,s[5]=" "+i+")"):(s[12]=" "+t,s[13]=" "+i),a.css("transform",s.join(","))}}})}},panEndHandler:function(e){e.data.chart.data("panning")&&e.data.chart.data("panning",!1).css("cursor","default").off("mousemove")},bindPan:function(){this.$chartContainer.css("overflow","hidden"),this.$chart.on("mousedown touchstart",this.panStartHandler),u(f).on("mouseup touchend",{chart:this.$chart},this.panEndHandler)},unbindPan:function(){this.$chartContainer.css("overflow","auto"),this.$chart.off("mousedown touchstart",this.panStartHandler),u(f).off("mouseup touchend",this.panEndHandler)},zoomWheelHandler:function(e){var t=e.data.oc;e.preventDefault();var i=1+(0<e.originalEvent.deltaY?-.2:.2);t.setChartScale(t.$chart,i)},zoomStartHandler:function(e){if(e.touches&&2===e.touches.length){var t=e.data.oc;t.$chart.data("pinching",!0);var i=t.getPinchDist(e);t.$chart.data("pinchDistStart",i)}},zoomingHandler:function(e){var t=e.data.oc;if(t.$chart.data("pinching")){var i=t.getPinchDist(e);t.$chart.data("pinchDistEnd",i)}},zoomEndHandler:function(e){var t=e.data.oc;if(t.$chart.data("pinching")){t.$chart.data("pinching",!1);var i=t.$chart.data("pinchDistEnd")-t.$chart.data("pinchDistStart");0<i?t.setChartScale(t.$chart,1.2):i<0&&t.setChartScale(t.$chart,.8)}},bindZoom:function(){this.$chartContainer.on("wheel",{oc:this},this.zoomWheelHandler),this.$chartContainer.on("touchstart",{oc:this},this.zoomStartHandler),u(f).on("touchmove",{oc:this},this.zoomingHandler),u(f).on("touchend",{oc:this},this.zoomEndHandler)},unbindZoom:function(){this.$chartContainer.off("wheel",this.zoomWheelHandler),this.$chartContainer.off("touchstart",this.zoomStartHandler),u(f).off("touchmove",this.zoomingHandler),u(f).off("touchend",this.zoomEndHandler)},getPinchDist:function(e){return Math.sqrt((e.touches[0].clientX-e.touches[1].clientX)*(e.touches[0].clientX-e.touches[1].clientX)+(e.touches[0].clientY-e.touches[1].clientY)*(e.touches[0].clientY-e.touches[1].clientY))},setChartScale:function(e,t){var i=e.data("options"),n=e.css("transform"),s="",a=1;"none"===n?e.css("transform","scale("+t+","+t+")"):(s=n.split(","),-1===n.indexOf("3d")?(a=Math.abs(p.parseFloat(s[3])*t))>i.zoomoutLimit&&a<i.zoominLimit&&e.css("transform",n+" scale("+t+","+t+")"):(a=Math.abs(p.parseFloat(s[1])*t))>i.zoomoutLimit&&a<i.zoominLimit&&e.css("transform",n+" scale3d("+t+","+t+", 1)"))},buildJsonDS:function(e){var t=this,i={name:e.contents().eq(0).text().trim(),relationship:(e.parent().parent().is("li")?"1":"0")+(e.siblings("li").length?1:0)+(e.children("ul").length?1:0)};return u.each(e.data(),function(e,t){i[e]=t}),e.children("ul").children().each(function(){i.children||(i.children=[]),i.children.push(t.buildJsonDS(u(this)))}),i},attachRel:function(t,e){var i=this;return t.relationship=e+(t.children&&0<t.children.length?1:0),t.children&&t.children.forEach(function(e){i.attachRel(e,"1"+(1<t.children.length?1:0))}),t},loopChart:function(e){var t=this,i=e.find("tr:first"),n={id:i.find(".node")[0].id};return i.siblings(":last").children().each(function(){n.children||(n.children=[]),n.children.push(t.loopChart(u(this)))}),n},getHierarchy:function(){if(void 0===this.$chart)return"Error: orgchart does not exist";if(!this.$chart.find(".node").length)return"Error: nodes do not exist";var e=!0;return this.$chart.find(".node").each(function(){if(!this.id)return e=!1}),e?this.loopChart(this.$chart):"Error: All nodes of orghcart to be exported must have data-id attribute!"},getNodeState:function(e,t){var i={},n=e.parent().is("li");if("parent"===(t=t||"self")){if(n?(i=e.closest("ul").parents("ul")).length||(i=e.closest(".nodes")).length||(i=e.closest(".verticalNodes").siblings(":first")):i=e.closest(".nodes").siblings(":first"),i.length)return i.is(".hidden")||!i.is(".hidden")&&i.closest(".nodes").is(".hidden")||!i.is(".hidden")&&i.closest(".verticalNodes").is(".hidden")?{exist:!0,visible:!1}:{exist:!0,visible:!0}}else if("children"===t){if((i=n?e.parent().children("ul"):e.closest("tr").siblings(":last")).length)return i.is(".hidden")?{exist:!0,visible:!1}:{exist:!0,visible:!0}}else if("siblings"===t){if((i=n?e.closest("ul"):e.closest("table").parent().siblings()).length&&(!n||1<i.children("li").length))return i.is(".hidden")||i.parent().is(".hidden")||n&&i.closest(".verticalNodes").is(".hidden")?{exist:!0,visible:!1}:{exist:!0,visible:!0}}else if((i=e).length)return i.closest(".nodes").length&&i.closest(".nodes").is(".hidden")||i.closest("table").parent().length&&i.closest("table").parent().is(".hidden")||i.parent().is("li")&&(i.closest("ul").is(".hidden")||i.closest(".verticalNodes").is(".hidden"))?{exist:!0,visible:!1}:{exist:!0,visible:!0};return{exist:!1,visible:!1}},getRelatedNodes:function(e,t){return e&&e instanceof u&&e.is(".node")?"parent"===t?e.closest(".nodes").parent().children(":first").find(".node"):"children"===t?e.closest("tr").siblings(".nodes").children().find(".node:first"):"siblings"===t?e.closest("table").parent().siblings().find(".node:first"):u():u()},hideParentEnd:function(e){u(e.target).removeClass("sliding"),e.data.upperLevel.addClass("hidden").slice(1).removeAttr("style")},hideParent:function(e){var t=e.closest(".nodes").siblings();t.eq(0).find(".spinner").length&&e.closest(".orgchart").data("inAjax",!1),this.getNodeState(e,"siblings").visible&&this.hideSiblings(e),t.slice(1).css("visibility","hidden");var i=t.eq(0).find(".node");this.getNodeState(i).visible&&i.addClass("sliding slide-down").one("transitionend",{upperLevel:t},this.hideParentEnd),this.getNodeState(i,"parent").visible&&this.hideParent(i)},showParentEnd:function(e){var t=e.data.node;u(e.target).removeClass("sliding"),this.isInAction(t)&&this.switchVerticalArrow(t.children(".topEdge"))},showParent:function(e){var t=e.closest(".nodes").siblings().removeClass("hidden");t.eq(2).children().slice(1,-1).addClass("hidden");var i=t.eq(0).find(".node");this.repaint(i[0]),i.addClass("sliding").removeClass("slide-down").one("transitionend",{node:e},this.showParentEnd.bind(this))},stopAjax:function(e){e.find(".spinner").length&&e.closest(".orgchart").data("inAjax",!1)},isVisibleNode:function(e,t){return this.getNodeState(u(t)).visible},hideChildrenEnd:function(e){var t=e.data.node;e.data.animatedNodes.removeClass("sliding"),e.data.isVerticalDesc?e.data.lowerLevel.addClass("hidden"):(e.data.animatedNodes.closest(".nodes").prevAll(".lines").removeAttr("style").addBack().addClass("hidden"),e.data.lowerLevel.last().find(".verticalNodes").addClass("hidden")),this.isInAction(t)&&this.switchVerticalArrow(t.children(".bottomEdge"))},hideChildren:function(e){var t=e.closest("tr").siblings();this.stopAjax(t.last());var i=t.last().find(".node").filter(this.isVisibleNode.bind(this)),n=!!t.last().is(".verticalNodes");n||i.closest("table").closest("tr").prevAll(".lines").css("visibility","hidden"),this.repaint(i.get(0)),i.addClass("sliding slide-up").eq(0).one("transitionend",{animatedNodes:i,lowerLevel:t,isVerticalDesc:n,node:e},this.hideChildrenEnd.bind(this))},showChildrenEnd:function(e){var t=e.data.node;e.data.animatedNodes.removeClass("sliding"),this.isInAction(t)&&this.switchVerticalArrow(t.children(".bottomEdge"))},showChildren:function(e){var t=e.closest("tr").siblings(),i=!!t.is(".verticalNodes")?t.removeClass("hidden").find(".node").filter(this.isVisibleNode.bind(this)):t.removeClass("hidden").eq(2).children().find(".node:first").filter(this.isVisibleNode.bind(this));this.repaint(i.get(0)),i.addClass("sliding").removeClass("slide-up").eq(0).one("transitionend",{node:e,animatedNodes:i},this.showChildrenEnd.bind(this))},hideSiblingsEnd:function(e){var t=e.data.node,i=e.data.nodeContainer,n=e.data.direction;e.data.lines.removeAttr("style");var s=n?"left"===n?i.prevAll(":not(.hidden)"):i.nextAll(":not(.hidden)"):i.siblings();i.closest(".nodes").prev().children(":not(.hidden)").slice(1,n?2*s.length+1:-1).addClass("hidden"),e.data.animatedNodes.removeClass("sliding"),s.find(".node:gt(0)").filter(this.isVisibleNode.bind(this)).removeClass("slide-left slide-right").addClass("slide-up"),s.find(".lines, .nodes, .verticalNodes").addClass("hidden").end().addClass("hidden"),this.isInAction(t)&&this.switchHorizontalArrow(t)},hideSiblings:function(e,t){var i=e.closest("table").parent();i.siblings().find(".spinner").length&&e.closest(".orgchart").data("inAjax",!1),t?"left"===t?i.prevAll().find(".node").filter(this.isVisibleNode.bind(this)).addClass("sliding slide-right"):i.nextAll().find(".node").filter(this.isVisibleNode.bind(this)).addClass("sliding slide-left"):(i.prevAll().find(".node").filter(this.isVisibleNode.bind(this)).addClass("sliding slide-right"),i.nextAll().find(".node").filter(this.isVisibleNode.bind(this)).addClass("sliding slide-left"));var n=i.siblings().find(".sliding"),s=n.closest(".nodes").prevAll(".lines").css("visibility","hidden");n.eq(0).one("transitionend",{node:e,nodeContainer:i,direction:t,animatedNodes:n,lines:s},this.hideSiblingsEnd.bind(this))},showSiblingsEnd:function(e){var t=e.data.node;e.data.visibleNodes.removeClass("sliding"),this.isInAction(t)&&(this.switchHorizontalArrow(t),t.children(".topEdge").removeClass("oci-chevron-up").addClass("oci-chevron-down"))},showRelatedParentEnd:function(e){u(e.target).removeClass("sliding")},showSiblings:function(e,t){var i=u();i=t?"left"===t?e.closest("table").parent().prevAll().removeClass("hidden"):e.closest("table").parent().nextAll().removeClass("hidden"):e.closest("table").parent().siblings().removeClass("hidden");var n=e.closest("table").closest("tr").siblings();if(t?n.eq(2).children(".hidden").slice(0,2*i.length).removeClass("hidden"):n.eq(2).children(".hidden").removeClass("hidden"),!this.getNodeState(e,"parent").visible){n.removeClass("hidden");var s=n.find(".node")[0];this.repaint(s),u(s).addClass("sliding").removeClass("slide-down").one("transitionend",this.showRelatedParentEnd)}var a=i.find(".node").filter(this.isVisibleNode.bind(this));this.repaint(a.get(0)),a.addClass("sliding").removeClass("slide-left slide-right"),a.eq(0).one("transitionend",{node:e,visibleNodes:a},this.showSiblingsEnd.bind(this))},startLoading:function(e){var t=this.$chart;return(void 0===t.data("inAjax")||!0!==t.data("inAjax"))&&(e.addClass("hidden"),e.parent().append('<i class="oci oci-spinner spinner"></i>').children().not(".spinner").css("opacity",.2),t.data("inAjax",!0),u(".oci-export-btn"+(""!==this.options.chartClass?"."+this.options.chartClass:"")).prop("disabled",!0),!0)},endLoading:function(e){var t=e.parent();e.removeClass("hidden"),t.find(".spinner").remove(),t.children().removeAttr("style"),this.$chart.data("inAjax",!1),u(".oci-export-btn"+(""!==this.options.chartClass?"."+this.options.chartClass:"")).prop("disabled",!1)},isInAction:function(e){return-1<e.children(".edge").attr("class").indexOf("oci-")},switchVerticalArrow:function(e){e.toggleClass("oci-chevron-up").toggleClass("oci-chevron-down")},switchHorizontalArrow:function(e){var t=this.options;if(t.toggleSiblingsResp&&(void 0===t.ajaxURL||e.closest(".nodes").data("siblingsLoaded"))){var i=e.closest("table").parent().prev();i.length&&(i.is(".hidden")?e.children(".leftEdge").addClass("oci-chevron-left").removeClass("oci-chevron-right"):e.children(".leftEdge").addClass("oci-chevron-right").removeClass("oci-chevron-left"));var n=e.closest("table").parent().next();n.length&&(n.is(".hidden")?e.children(".rightEdge").addClass("oci-chevron-right").removeClass("oci-chevron-left"):e.children(".rightEdge").addClass("oci-chevron-left").removeClass("oci-chevron-right"))}else{var s=e.closest("table").parent().siblings(),a=!!s.length&&!s.is(".hidden");e.children(".leftEdge").toggleClass("oci-chevron-right",a).toggleClass("oci-chevron-left",!a),e.children(".rightEdge").toggleClass("oci-chevron-left",a).toggleClass("oci-chevron-right",!a)}},repaint:function(e){e&&(e.style.offsetWidth=e.offsetWidth)},nodeEnterLeaveHandler:function(e){var t=u(e.delegateTarget),i=!1,n=t.children(".topEdge"),s=(t.children(".rightEdge"),t.children(".bottomEdge")),a=t.children(".leftEdge");"mouseenter"===e.type?(n.length&&(i=this.getNodeState(t,"parent").visible,n.toggleClass("oci-chevron-up",!i).toggleClass("oci-chevron-down",i)),s.length&&(i=this.getNodeState(t,"children").visible,s.toggleClass("oci-chevron-down",!i).toggleClass("oci-chevron-up",i)),a.length&&this.switchHorizontalArrow(t)):t.children(".edge").removeClass("oci-chevron-up oci-chevron-down oci-chevron-right oci-chevron-left")},nodeClickHandler:function(e){this.$chart.find(".focused").removeClass("focused"),u(e.delegateTarget).addClass("focused")},loadNodes:function(t,e,i){var n=this;this.options;u.ajax({url:e,dataType:"json"}).done(function(e){n.$chart.data("inAjax")&&("parent"===t?u.isEmptyObject(e)||n.addParent(i.parent(),e):"children"===t?e.children.length&&n.addChildren(i.parent(),e[t]):n.addSiblings(i.parent(),e.siblings?e.siblings:e))}).fail(function(){console.log("Failed to get "+t+" data")}).always(function(){n.endLoading(i)})},HideFirstParentEnd:function(e){var t=e.data.topEdge,i=t.parent();this.isInAction(i)&&(this.switchVerticalArrow(t),this.switchHorizontalArrow(i))},topEdgeClickHandler:function(e){e.stopPropagation();var t=u(e.target),i=u(e.delegateTarget),n=this.getNodeState(i,"parent");if(n.exist){var s=i.closest("table").closest("tr").siblings(":first").find(".node");if(s.is(".sliding"))return;n.visible?(this.hideParent(i),s.one("transitionend",{topEdge:t},this.HideFirstParentEnd.bind(this))):this.showParent(i)}else if(this.startLoading(t)){var a=this.options,o=u.isFunction(a.ajaxURL.parent)?a.ajaxURL.parent(i.data("nodeData")):a.ajaxURL.parent+i[0].id;this.loadNodes("parent",o,t)}},bottomEdgeClickHandler:function(e){e.stopPropagation();var t=u(e.target),i=u(e.delegateTarget),n=this.getNodeState(i,"children");if(n.exist){if(i.closest("tr").siblings(":last").find(".sliding").length)return;n.visible?this.hideChildren(i):this.showChildren(i)}else if(this.startLoading(t)){var s=this.options,a=u.isFunction(s.ajaxURL.children)?s.ajaxURL.children(i.data("nodeData")):s.ajaxURL.children+i[0].id;this.loadNodes("children",a,t)}},hEdgeClickHandler:function(e){e.stopPropagation();var t=u(e.target),i=u(e.delegateTarget),n=this.options,s=this.getNodeState(i,"siblings");if(s.exist){if(i.closest("table").parent().siblings().find(".sliding").length)return;if(n.toggleSiblingsResp){var a=i.closest("table").parent().prev(),o=i.closest("table").parent().next();t.is(".leftEdge")?a.is(".hidden")?this.showSiblings(i,"left"):this.hideSiblings(i,"left"):o.is(".hidden")?this.showSiblings(i,"right"):this.hideSiblings(i,"right")}else s.visible?this.hideSiblings(i):this.showSiblings(i)}else if(this.startLoading(t)){var r=i[0].id,d=this.getNodeState(i,"parent").exist?u.isFunction(n.ajaxURL.siblings)?n.ajaxURL.siblings(i.data("nodeData")):n.ajaxURL.siblings+r:u.isFunction(n.ajaxURL.families)?n.ajaxURL.families(i.data("nodeData")):n.ajaxURL.families+r;this.loadNodes("siblings",d,t)}},expandVNodesEnd:function(e){e.data.vNodes.removeClass("sliding")},collapseVNodesEnd:function(e){e.data.vNodes.removeClass("sliding").closest("ul").addClass("hidden")},toggleVNodes:function(e){var t=u(e.target),i=t.parent().next(),n=i.find(".node"),s=i.children().children(".node");s.is(".sliding")||(t.toggleClass("oci-plus-square oci-minus-square"),n.eq(0).is(".slide-up")?(i.removeClass("hidden"),this.repaint(s.get(0)),s.addClass("sliding").removeClass("slide-up").eq(0).one("transitionend",{vNodes:s},this.expandVNodesEnd)):(n.addClass("sliding slide-up").eq(0).one("transitionend",{vNodes:n},this.collapseVNodesEnd),n.find(".toggleBtn").removeClass("oci-minus-square").addClass("oci-plus-square")))},createGhostNode:function(e){var t,i,n=u(e.target),s=this.options,a=e.originalEvent,o=/firefox/.test(p.navigator.userAgent.toLowerCase());if(f.querySelector(".ghost-node"))t=n.closest(".orgchart").children(".ghost-node").get(0),i=u(t).children().get(0);else{if(!(t=f.createElementNS("http://www.w3.org/2000/svg","svg")).classList)return;t.classList.add("ghost-node"),i=f.createElementNS("http://www.w3.org/2000/svg","rect"),t.appendChild(i),n.closest(".orgchart").append(t)}var r=n.closest(".orgchart").css("transform").split(","),d="t2b"===s.direction||"b2t"===s.direction,l=Math.abs(p.parseFloat(d?r[0].slice(r[0].indexOf("(")+1):r[1]));t.setAttribute("width",d?n.outerWidth(!1):n.outerHeight(!1)),t.setAttribute("height",d?n.outerHeight(!1):n.outerWidth(!1)),i.setAttribute("x",5*l),i.setAttribute("y",5*l),i.setAttribute("width",120*l),i.setAttribute("height",40*l),i.setAttribute("rx",4*l),i.setAttribute("ry",4*l),i.setAttribute("stroke-width",1*l);var h=a.offsetX*l,c=a.offsetY*l;if("l2r"===s.direction?(h=a.offsetY*l,c=a.offsetX*l):"r2l"===s.direction?(h=n.outerWidth(!1)-a.offsetY*l,c=a.offsetX*l):"b2t"===s.direction&&(h=n.outerWidth(!1)-a.offsetX*l,c=n.outerHeight(!1)-a.offsetY*l),o){i.setAttribute("fill","rgb(255, 255, 255)"),i.setAttribute("stroke","rgb(191, 0, 0)");var g=f.createElement("img");g.src="data:image/svg+xml;utf8,"+(new XMLSerializer).serializeToString(t),a.dataTransfer.setDragImage(g,h,c)}else a.dataTransfer.setDragImage&&a.dataTransfer.setDragImage(t,h,c)},filterAllowedDropNodes:function(i){var n=this.options,s=i.closest("[draggable]").hasClass("node"),a=i.closest(".nodes").siblings().eq(0).find(".node:first"),o=i.closest("table").find(".node");this.$chart.data("dragged",i).find(".node").each(function(e,t){s&&-1!==o.index(t)||(n.dropCriteria?n.dropCriteria(i,a,u(t))&&u(t).addClass("allowedDrop"):u(t).addClass("allowedDrop"))})},dragstartHandler:function(e){e.originalEvent.dataTransfer.setData("text/html","hack for firefox"),"none"!==this.$chart.css("transform")&&this.createGhostNode(e),this.filterAllowedDropNodes(u(e.target))},dragoverHandler:function(e){u(e.delegateTarget).is(".allowedDrop")?e.preventDefault():e.originalEvent.dataTransfer.dropEffect="none"},dragendHandler:function(e){this.$chart.find(".allowedDrop").removeClass("allowedDrop")},dropHandler:function(e){var t=u(e.delegateTarget),i=this.$chart.data("dragged");if(i.hasClass("node")){if(t.hasClass("allowedDrop")){var n=i.closest(".nodes").siblings().eq(0).children(),s=u.Event("nodedrop.orgchart");if(this.$chart.trigger(s,{draggedNode:i,dragZone:n.children(),dropZone:t}),!s.isDefaultPrevented()){if(t.closest("tr").siblings().length){var a=parseInt(t.parent().attr("colspan"))+2,o='<i class="edge horizontalEdge rightEdge oci"></i><i class="edge horizontalEdge leftEdge oci"></i>';t.closest("tr").next().addBack().children().attr("colspan",a),i.find(".horizontalEdge").length||i.append(o),t.closest("tr").siblings().eq(1).children(":last").before('<td class="leftLine topLine"></td><td class="rightLine topLine"></td>').end().next().append(i.closest("table").parent());var r=i.closest("table").parent().siblings().find(".node:first");1===r.length&&r.append(o)}else t.append('<i class="edge verticalEdge bottomEdge oci"></i>').parent().attr("colspan",2).parent().after('<tr class="lines"><td colspan="2"><div class="downLine"></div></td></tr><tr class="lines"><td class="rightLine"></td><td class="leftLine"></td></tr><tr class="nodes"></tr>').siblings(":last").append(i.find(".horizontalEdge").remove().end().closest("table").parent());var d=parseInt(n.attr("colspan"));if(2<d){n.attr("colspan",d-2).parent().next().children().attr("colspan",d-2).end().next().children().slice(1,3).remove();var l=n.parent().siblings(".nodes").children().find(".node:first");1===l.length&&l.find(".horizontalEdge").remove()}else n.removeAttr("colspan").find(".bottomEdge").remove().end().end().siblings().remove()}}}else this.$chart.triggerHandler({type:"otherdropped.orgchart",draggedItem:i,dropZone:t})},touchstartHandler:function(e){this.touchHandled||e.touches&&1<e.touches.length||(this.touchHandled=!0,this.touchMoved=!1,e.preventDefault())},touchmoveHandler:function(e){if(this.touchHandled&&!(e.touches&&1<e.touches.length)){e.preventDefault(),this.touchMoved||(this.filterAllowedDropNodes(u(e.currentTarget)),this.touchDragImage=this.createDragImage(e,this.$chart.data("dragged")[0])),this.touchMoved=!0,this.moveDragImage(e,this.touchDragImage);var t=u(f.elementFromPoint(e.touches[0].clientX,e.touches[0].clientY)).closest("div.node");if(0<t.length){var i=t[0];t.is(".allowedDrop")?this.touchTargetNode=i:this.touchTargetNode=null}else this.touchTargetNode=null}},touchendHandler:function(e){if(this.touchHandled){if(this.destroyDragImage(),this.touchMoved){if(this.touchTargetNode){var t={delegateTarget:this.touchTargetNode};this.dropHandler(t),this.touchTargetNode=null}this.dragendHandler(e)}else{var i=e.changedTouches[0],n=f.createEvent("MouseEvents");n.initMouseEvent("click",!0,!0,p,1,i.screenX,i.screenY,i.clientX,i.clientY,e.ctrlKey,e.altKey,e.shiftKey,e.metaKey,0,null),e.target.dispatchEvent(n)}this.touchHandled=!1}},createDragImage:function(e,t){var i=t.cloneNode(!0);this.copyStyle(t,i),i.style.top=i.style.left="-9999px";var n=t.getBoundingClientRect(),s=this.getTouchPoint(e);return this.touchDragImageOffset={x:s.x-n.left,y:s.y-n.top},i.style.opacity="0.5",f.body.appendChild(i),i},destroyDragImage:function(){this.touchDragImage&&this.touchDragImage.parentElement&&this.touchDragImage.parentElement.removeChild(this.touchDragImage),this.touchDragImageOffset=null,this.touchDragImage=null},copyStyle:function(e,t){if(["id","class","style","draggable"].forEach(function(e){t.removeAttribute(e)}),e instanceof HTMLCanvasElement){var i=e,n=t;n.width=i.width,n.height=i.height,n.getContext("2d").drawImage(i,0,0)}for(var s=getComputedStyle(e),a=0;a<s.length;a++){var o=s[a];o.indexOf("transition")<0&&(t.style[o]=s[o])}t.style.pointerEvents="none";for(a=0;a<e.children.length;a++)this.copyStyle(e.children[a],t.children[a])},getTouchPoint:function(e){return e&&e.touches&&(e=e.touches[0]),{x:e.clientX,y:e.clientY}},moveDragImage:function(i,n){if(i&&n){var s=this;requestAnimationFrame(function(){var e=s.getTouchPoint(i),t=n.style;t.position="absolute",t.pointerEvents="none",t.zIndex="999999",s.touchDragImageOffset&&(t.left=Math.round(e.x-s.touchDragImageOffset.x)+"px",t.top=Math.round(e.y-s.touchDragImageOffset.y)+"px")})}},bindDragDrop:function(e){e.on("dragstart",this.dragstartHandler.bind(this)).on("dragover",this.dragoverHandler.bind(this)).on("dragend",this.dragendHandler.bind(this)).on("drop",this.dropHandler.bind(this)).on("touchstart",this.touchstartHandler.bind(this)).on("touchmove",this.touchmoveHandler.bind(this)).on("touchend",this.touchendHandler.bind(this))},createNode:function(i){var n=this.options,e=i.level;i.children&&i[n.nodeId]&&u.each(i.children,function(e,t){t.parentId=i[n.nodeId]});var t=u("<div"+(n.draggable?' draggable="true"':"")+(i[n.nodeId]?' id="'+i[n.nodeId]+'"':"")+(i.parentId?' data-parent="'+i.parentId+'"':"")+">").addClass("node "+(i.className||"")+(e>n.visibleLevel?" slide-up":""));n.nodeTemplate?t.append(n.nodeTemplate(i)):t.append('<div class="title">'+i[n.nodeTitle]+"</div>").append(void 0!==n.nodeContent?'<div class="content">'+(i[n.nodeContent]||"")+"</div>":"");var s=u.extend({},i);delete s.children,t.data("nodeData",s);var a=i.relationship||"";if(n.verticalLevel&&e>=n.verticalLevel){if(e+1>n.verticalLevel&&Number(a.substr(2,1))){var o=e+1>n.visibleLevel?"plus":"minus";t.append('<i class="toggleBtn oci oci-'+o+'-square"></i>')}}else Number(a.substr(0,1))&&t.append('<i class="edge verticalEdge topEdge oci"></i>'),Number(a.substr(1,1))&&t.append('<i class="edge horizontalEdge rightEdge oci"></i><i class="edge horizontalEdge leftEdge oci"></i>'),Number(a.substr(2,1))&&t.append('<i class="edge verticalEdge bottomEdge oci"></i>').children(".title").prepend('<i class="oci '+n.parentNodeSymbol+' symbol"></i>');return t.on("mouseenter mouseleave",this.nodeEnterLeaveHandler.bind(this)),t.on("click",this.nodeClickHandler.bind(this)),t.on("click",".topEdge",this.topEdgeClickHandler.bind(this)),t.on("click",".bottomEdge",this.bottomEdgeClickHandler.bind(this)),t.on("click",".leftEdge, .rightEdge",this.hEdgeClickHandler.bind(this)),t.on("click",".toggleBtn",this.toggleVNodes.bind(this)),n.draggable&&(this.bindDragDrop(t),this.touchHandled=!1,this.touchMoved=!1,this.touchTargetNode=null),n.createNode&&n.createNode(t,i),t},buildHierarchy:function(e,t){var i=this,n=this.options,s=0;s=t.level?t.level:t.level=e.parentsUntil(".orgchart",".nodes").length+1;var a,o=t.children,r=!!o&&o.length;if(2<Object.keys(t).length){var d=this.createNode(t);n.verticalLevel&&s>=n.verticalLevel?e.append(d):(a=u("<table>"),e.append(a.append(u("<tr/>").append(u("<td"+(r?' colspan="'+2*o.length+'"':"")+"></td>").append(d)))))}if(r){var l,h=s+1>n.visibleLevel||t.collapsed?" hidden":"",c=!!(n.verticalLevel&&s+1>=n.verticalLevel);if(c)l=u("<ul>"),h&&s+1>n.verticalLevel&&l.addClass(h),s+1===n.verticalLevel?e.children("table").append('<tr class="verticalNodes'+h+'"><td></td></tr>').find(".verticalNodes").children().append(l):e.append(l);else{for(var g=u('<tr class="lines'+h+'"><td colspan="'+2*o.length+'"><div class="downLine"></div></td></tr>'),p='<tr class="lines'+h+'"><td class="rightLine"></td>',f=1;f<o.length;f++)p+='<td class="leftLine topLine"></td><td class="rightLine topLine"></td>';p+='<td class="leftLine"></td></tr>',l=u('<tr class="nodes'+h+'">'),2===Object.keys(t).length?e.append(g).append(p).append(l):a.append(g).append(p).append(l)}u.each(o,function(){var e=u(c?"<li>":'<td colspan="2">');l.append(e),this.level=s+1,i.buildHierarchy(e,this)})}},buildChildNode:function(e,t){e.find("td:first").attr("colspan",2*t.length),this.buildHierarchy(e,{children:t})},addChildren:function(e,t){this.buildChildNode(e.closest("table"),t),e.children(".bottomEdge").length||e.append('<i class="edge verticalEdge bottomEdge oci"></i>'),e.find(".symbol").length||e.children(".title").prepend('<i class="oci '+this.options.parentNodeSymbol+' symbol"></i>'),this.isInAction(e)&&this.switchVerticalArrow(e.children(".bottomEdge"))},buildParentNode:function(e,t){t.relationship=t.relationship||"001";var i=u("<table>").append(u("<tr>").append(u('<td colspan="2">').append(this.createNode(t)))).append('<tr class="lines"><td colspan="2"><div class="downLine"></div></td></tr>').append('<tr class="lines"><td class="rightLine"></td><td class="leftLine"></td></tr>');this.$chart.prepend(i).children("table:first").append('<tr class="nodes"><td colspan="2"></td></tr>').children("tr:last").children().append(this.$chart.children("table").last())},addParent:function(e,t){this.buildParentNode(e,t),e.children(".topEdge").length||e.children(".title").after('<i class="edge verticalEdge topEdge oci"></i>'),this.isInAction(e)&&this.switchVerticalArrow(e.children(".topEdge"))},complementLine:function(e,t,i){for(var n="",s=0;s<i;s++)n+='<td class="leftLine topLine"></td><td class="rightLine topLine"></td>';e.parent().prevAll("tr:gt(0)").children().attr("colspan",2*t).end().next().children(":first").after(n)},buildSiblingNode:function(e,t){var i=u.isArray(t)?t.length:t.children.length,n=e.parent().is("td")?e.closest("tr").children().length:1,s=n+i,a=1<s?Math.floor(s/2-1):0;if(e.parent().is("td")){e.closest("tr").prevAll("tr:last");e.closest("tr").prevAll("tr:lt(2)").remove(),this.buildChildNode(e.parent().closest("table"),t);var o=e.parent().closest("table").children("tr:last").children("td");1<n?this.complementLine(o.eq(0).before(e.closest("td").siblings().addBack().unwrap()),s,n):this.complementLine(o.eq(a).after(e.closest("td").unwrap()),s,1)}else this.buildHierarchy(e.closest(".orgchart"),t),this.complementLine(e.next().children("tr:last").children().eq(a).after(u('<td colspan="2">').append(e)),s,1)},addSiblings:function(e,t){this.buildSiblingNode(e.closest("table"),t),e.closest(".nodes").data("siblingsLoaded",!0),e.children(".leftEdge").length||e.children(".topEdge").after('<i class="edge horizontalEdge rightEdge oci"></i><i class="edge horizontalEdge leftEdge oci"></i>'),this.isInAction(e)&&(this.switchHorizontalArrow(e),e.children(".topEdge").removeClass("oci-chevron-up").addClass("oci-chevron-down"))},removeNodes:function(e){var t=e.closest("table").parent(),i=t.parent().siblings();t.is("td")?this.getNodeState(e,"siblings").exist?(i.eq(2).children(".topLine:lt(2)").remove(),i.slice(0,2).children().attr("colspan",i.eq(2).children().length),t.remove()):i.eq(0).children().removeAttr("colspan").find(".bottomEdge").remove().end().end().siblings().remove():t.add(t.siblings()).remove()},hideDropZones:function(){this.$chart.find(".allowedDrop").removeClass("allowedDrop")},showDropZones:function(e){this.$chart.find(".node").each(function(e,t){u(t).addClass("allowedDrop")}),this.$chart.data("dragged",u(e))},processExternalDrop:function(e,t){t&&this.$chart.data("dragged",u(t)),e.closest(".node").triggerHandler({type:"drop"})},exportPDF:function(e,t){var i={},n=Math.floor(e.width),s=Math.floor(e.height);(i=s<n?new jsPDF({orientation:"landscape",unit:"px",format:[n,s]}):new jsPDF({orientation:"portrait",unit:"px",format:[s,n]})).addImage(e.toDataURL(),"png",0,0),i.save(t+".pdf")},exportPNG:function(e,t){var i="WebkitAppearance"in f.documentElement.style,n=!!p.sidebar,s="Microsoft Internet Explorer"===navigator.appName||"Netscape"===navigator.appName&&-1<navigator.appVersion.indexOf("Edge"),a=this.$chartContainer;if(!i&&!n||s)p.navigator.msSaveBlob(e.msToBlob(),t+".png");else{var o=".oci-download-btn"+(""!==this.options.chartClass?"."+this.options.chartClass:"");a.find(o).length||a.append('<a class="oci-download-btn'+(""!==this.options.chartClass?" "+this.options.chartClass:"")+'" download="'+t+'.png"></a>'),a.find(o).attr("href",e.toDataURL())[0].click()}},export:function(t,i){var n=this;if(t=void 0!==t?t:this.options.exportFilename,i=void 0!==i?i:this.options.exportFileextension,u(this).children(".spinner").length)return!1;var s=this.$chartContainer,e=s.find(".mask");e.length?e.removeClass("hidden"):s.append('<div class="mask"><i class="oci oci-spinner spinner"></i></div>');var a=s.addClass("canvasContainer").find('.orgchart:not(".hidden")').get(0),o="l2r"===n.options.direction||"r2l"===n.options.direction;html2canvas(a,{width:o?a.clientHeight:a.clientWidth,height:o?a.clientWidth:a.clientHeight,onclone:function(e){u(e).find(".canvasContainer").css("overflow","visible").find('.orgchart:not(".hidden"):first').css("transform","")}}).then(function(e){s.find(".mask").addClass("hidden"),"pdf"===i.toLowerCase()?n.exportPDF(e,t):n.exportPNG(e,t),s.removeClass("canvasContainer")},function(){s.removeClass("canvasContainer")})}},u.fn.orgchart=function(e){return new t(this,e).init()}});
+//# sourceMappingURL=jquery.orgchart.min.js.map
diff --git a/dist/js/jquery.orgchart.min.js.map b/dist/js/jquery.orgchart.min.js.map
new file mode 100644
index 00000000..906eef65
--- /dev/null
+++ b/dist/js/jquery.orgchart.min.js.map
@@ -0,0 +1 @@
+{"version":3,"sources":["jquery.orgchart.js"],"names":["factory","module","exports","require","window","document","jQuery","$","undefined","OrgChart","elem","opts","this","$chartContainer","defaultOptions","nodeTitle","nodeId","toggleSiblingsResp","visibleLevel","chartClass","exportButton","exportFilename","exportFileextension","parentNodeSymbol","draggable","direction","pan","zoom","zoominLimit","zoomoutLimit","prototype","init","that","options","extend","$chart","remove","data","class","click","event","target","closest","length","find","removeClass","MutationObserver","triggerInitEvent","type","buildHierarchy","buildJsonDS","children","ajaxURL","attachRel","append","ajax","url","dataType","done","textStatus","jqXHR","fail","errorThrown","console","log","always","attachExportButton","bindPan","bindZoom","mo","mutations","disconnect","initTime","i","j","addedNodes","classList","contains","initCompleted","initEvent","Event","trigger","observe","childList","$exportBtn","text","e","preventDefault","export","setOptions","val","unbindPan","unbindZoom","panStartHandler","delegateTarget","touches","css","lastX","lastY","lastTf","temp","split","indexOf","parseInt","startX","startY","targetTouches","pageX","pageY","on","newX","newY","matrix","join","panEndHandler","chart","off","zoomWheelHandler","oc","newScale","originalEvent","deltaY","setChartScale","zoomStartHandler","dist","getPinchDist","zoomingHandler","zoomEndHandler","diff","Math","sqrt","clientX","clientY","targetScale","abs","parseFloat","$li","subObj","name","contents","eq","trim","relationship","parent","is","siblings","each","key","value","push","flags","forEach","item","loopChart","$tr","id","getHierarchy","valid","getNodeState","$node","relation","$target","isVerticalNode","parents","exist","visible","getRelatedNodes","hideParentEnd","upperLevel","addClass","slice","removeAttr","hideParent","$upperLevel","hideSiblings","$parent","one","showParentEnd","node","isInAction","switchVerticalArrow","showParent","repaint","bind","stopAjax","$nodeLevel","isVisibleNode","index","hideChildrenEnd","animatedNodes","isVerticalDesc","lowerLevel","prevAll","addBack","last","hideChildren","$lowerLevel","$animatedNodes","filter","get","showChildrenEnd","showChildren","$levels","hideSiblingsEnd","$nodeContainer","nodeContainer","lines","$siblings","nextAll","prev","end","switchHorizontalArrow","$lines","showSiblingsEnd","visibleNodes","showRelatedParentEnd","showSiblings","$visibleNodes","startLoading","$edge","not","prop","endLoading","attr","$arrow","toggleClass","$prevSib","$nextSib","next","$sibs","sibsVisible","style","offsetWidth","nodeEnterLeaveHandler","flag","$topEdge","$bottomEdge","$leftEdge","nodeClickHandler","loadNodes","rel","isEmptyObject","addParent","addChildren","addSiblings","HideFirstParentEnd","topEdge","topEdgeClickHandler","stopPropagation","parentState","isFunction","bottomEdgeClickHandler","childrenState","hEdgeClickHandler","$hEdge","siblingsState","families","expandVNodesEnd","vNodes","collapseVNodesEnd","toggleVNodes","$toggleBtn","$descWrapper","$descendants","$children","createGhostNode","ghostNode","nodeCover","$nodeDiv","origEvent","isFirefox","test","navigator","userAgent","toLowerCase","querySelector","createElementNS","add","appendChild","transValues","isHorizontal","scale","setAttribute","outerWidth","outerHeight","xOffset","offsetX","yOffset","offsetY","ghostNodeWrapper","createElement","src","XMLSerializer","serializeToString","dataTransfer","setDragImage","filterAllowedDropNodes","$dragged","draggingNode","hasClass","$dragZone","$dragHier","dropCriteria","dragstartHandler","setData","dragoverHandler","dropEffect","dragendHandler","dropHandler","$dropZone","dropEvent","draggedNode","dragZone","dropZone","isDefaultPrevented","dropColspan","horizontalEdges","before","$dropSibs","after","dragColspan","$dragSibs","triggerHandler","draggedItem","touchstartHandler","touchHandled","touchMoved","touchmoveHandler","currentTarget","touchDragImage","createDragImage","moveDragImage","$touchingNodes","elementFromPoint","touchingNodeElement","touchTargetNode","touchendHandler","destroyDragImage","fakeEventForDropHandler","firstTouch","changedTouches","fakeMouseClickEvent","createEvent","initMouseEvent","screenX","screenY","ctrlKey","altKey","shiftKey","metaKey","dispatchEvent","source","dragImage","cloneNode","copyStyle","top","left","sourceRectangle","getBoundingClientRect","sourcePoint","getTouchPoint","touchDragImageOffset","x","y","opacity","body","parentElement","removeChild","dst","att","removeAttribute","HTMLCanvasElement","cSrc","cDst","width","height","getContext","drawImage","cs","getComputedStyle","pointerEvents","image","orgChartMaster","requestAnimationFrame","pt","s","position","zIndex","round","bindDragDrop","createNode","level","child","parentId","className","nodeTemplate","nodeContent","nodeData","verticalLevel","Number","substr","icon","prepend","$appendTo","parentsUntil","$nodeWrapper","childrenData","hasChildren","Object","keys","$nodesLayer","isHidden","collapsed","isVerticalLayer","$upperLines","lowerLines","$nodeCell","buildChildNode","buildParentNode","$currentRoot","$table","complementLine","$oneSibling","siblingCount","existingSibligCount","buildSiblingNode","$nodeChart","newSiblingCount","isArray","insertPostion","floor","$siblingTds","unwrap","removeNodes","hideDropZones","showDropZones","dragged","processExternalDrop","exportPDF","canvas","doc","docWidth","docHeight","jsPDF","orientation","unit","format","addImage","toDataURL","save","exportPNG","isWebkit","documentElement","isFf","sidebar","isEdge","appName","appVersion","msSaveBlob","msToBlob","selector","$mask","sourceChart","html2canvas","clientHeight","clientWidth","onclone","cloneDoc","then","fn","orgchart"],"mappings":"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","file":"jquery.orgchart.min.js","sourcesContent":["/*\n * jQuery OrgChart Plugin\n * https://github.com/dabeng/OrgChart\n *\n * Copyright 2016, dabeng\n * https://github.com/dabeng\n *\n * Licensed under the MIT license:\n * http://www.opensource.org/licenses/MIT\n */\n'use strict';\n\n(function (factory) {\n  if (typeof module === 'object' && typeof module.exports === 'object') {\n    factory(require('jquery'), window, document);\n  } else {\n    factory(jQuery, window, document);\n  }\n}(function ($, window, document, undefined) {\n  var OrgChart = function (elem, opts) {\n    this.$chartContainer = $(elem);\n    this.opts = opts;\n    this.defaultOptions = {\n      'nodeTitle': 'name',\n      'nodeId': 'id',\n      'toggleSiblingsResp': false,\n      'visibleLevel': 999,\n      'chartClass': '',\n      'exportButton': false,\n      'exportFilename': 'OrgChart',\n      'exportFileextension': 'png',\n      'parentNodeSymbol': 'oci-leader',\n      'draggable': false,\n      'direction': 't2b',\n      'pan': false,\n      'zoom': false,\n      'zoominLimit': 7,\n      'zoomoutLimit': 0.5\n    };\n  };\n  //\n  OrgChart.prototype = {\n    //\n    init: function (opts) {\n      var that = this;\n      this.options = $.extend({}, this.defaultOptions, this.opts, opts);\n      // build the org-chart\n      var $chartContainer = this.$chartContainer;\n      if (this.$chart) {\n        this.$chart.remove();\n      }\n      var data = this.options.data;\n      var $chart = this.$chart = $('<div>', {\n        'data': { 'options': this.options },\n        'class': 'orgchart' + (this.options.chartClass !== '' ? ' ' + this.options.chartClass : '') + (this.options.direction !== 't2b' ? ' ' + this.options.direction : ''),\n        'click': function(event) {\n          if (!$(event.target).closest('.node').length) {\n            $chart.find('.node.focused').removeClass('focused');\n          }\n        }\n      });\n      if (typeof MutationObserver !== 'undefined') {\n        this.triggerInitEvent();\n      }\n      if ($.type(data) === 'object') {\n        if (data instanceof $) { // ul datasource\n          this.buildHierarchy($chart, this.buildJsonDS(data.children()), 0, this.options);\n        } else { // local json datasource\n          this.buildHierarchy($chart, this.options.ajaxURL ? data : this.attachRel(data, '00'));\n        }\n      } else {\n        $chart.append('<i class=\"oci oci-spinner spinner\"></i>');\n        $.ajax({\n          'url': data,\n          'dataType': 'json'\n        })\n        .done(function(data, textStatus, jqXHR) {\n          that.buildHierarchy($chart, that.options.ajaxURL ? data : that.attachRel(data, '00'), 0, that.options);\n        })\n        .fail(function(jqXHR, textStatus, errorThrown) {\n          console.log(errorThrown);\n        })\n        .always(function() {\n          $chart.children('.spinner').remove();\n        });\n      }\n      $chartContainer.append($chart);\n\n      // append the export button\n      if (this.options.exportButton && !$chartContainer.find('.oc-export-btn').length) {\n        this.attachExportButton();\n      }\n\n      if (this.options.pan) {\n        this.bindPan();\n      }\n\n      if (this.options.zoom) {\n        this.bindZoom();\n      }\n\n      return this;\n    },\n    //\n    triggerInitEvent: function () {\n      var that = this;\n      var mo = new MutationObserver(function (mutations) {\n        mo.disconnect();\n        initTime:\n        for (var i = 0; i < mutations.length; i++) {\n          for (var j = 0; j < mutations[i].addedNodes.length; j++) {\n            if (mutations[i].addedNodes[j].classList.contains('orgchart')) {\n              if (that.options.initCompleted && typeof that.options.initCompleted === 'function') {\n                that.options.initCompleted(that.$chart);\n              }\n              var initEvent = $.Event('init.orgchart');\n              that.$chart.trigger(initEvent);\n              break initTime;\n            }\n          }\n        }\n      });\n      mo.observe(this.$chartContainer[0], { childList: true });\n    },\n    //\n    attachExportButton: function () {\n      var that = this;\n      var $exportBtn = $('<button>', {\n        'class': 'oc-export-btn' + (this.options.chartClass !== '' ? ' ' + this.options.chartClass : ''),\n        'text': 'Export',\n        'click': function(e) {\n          e.preventDefault();\n          that.export();\n        }\n      });\n      this.$chartContainer.append($exportBtn);\n    },\n    setOptions: function (opts, val) {\n      if (typeof opts === 'string') {\n        if (opts === 'pan') {\n          if (val) {\n            this.bindPan();\n          } else {\n            this.unbindPan();\n          }\n        }\n        if (opts === 'zoom') {\n          if (val) {\n            this.bindZoom();\n          } else {\n            this.unbindZoom();\n          }\n        }\n      }\n      if (typeof opts === 'object') {\n        if (opts.data) {\n          this.init(opts);\n        } else {\n          if (typeof opts.pan !== 'undefined') {\n            if (opts.pan) {\n              this.bindPan();\n            } else {\n              this.unbindPan();\n            }\n          }\n          if (typeof opts.zoom !== 'undefined') {\n            if (opts.zoom) {\n              this.bindZoom();\n            } else {\n              this.unbindZoom();\n            }\n          }\n        }\n      }\n\n      return this;\n    },\n    //\n    panStartHandler: function (e) {\n      var $chart = $(e.delegateTarget);\n      if ($(e.target).closest('.node').length || (e.touches && e.touches.length > 1)) {\n        $chart.data('panning', false);\n        return;\n      } else {\n        $chart.css('cursor', 'move').data('panning', true);\n      }\n      var lastX = 0;\n      var lastY = 0;\n      var lastTf = $chart.css('transform');\n      if (lastTf !== 'none') {\n        var temp = lastTf.split(',');\n        if (lastTf.indexOf('3d') === -1) {\n          lastX = parseInt(temp[4]);\n          lastY = parseInt(temp[5]);\n        } else {\n          lastX = parseInt(temp[12]);\n          lastY = parseInt(temp[13]);\n        }\n      }\n      var startX = 0;\n      var startY = 0;\n      if (!e.targetTouches) { // pand on desktop\n        startX = e.pageX - lastX;\n        startY = e.pageY - lastY;\n      } else if (e.targetTouches.length === 1) { // pan on mobile device\n        startX = e.targetTouches[0].pageX - lastX;\n        startY = e.targetTouches[0].pageY - lastY;\n      } else if (e.targetTouches.length > 1) {\n        return;\n      }\n      $chart.on('mousemove touchmove',function(e) {\n        if (!$chart.data('panning')) {\n          return;\n        }\n        var newX = 0;\n        var newY = 0;\n        if (!e.targetTouches) { // pand on desktop\n          newX = e.pageX - startX;\n          newY = e.pageY - startY;\n        } else if (e.targetTouches.length === 1) { // pan on mobile device\n          newX = e.targetTouches[0].pageX - startX;\n          newY = e.targetTouches[0].pageY - startY;\n        } else if (e.targetTouches.length > 1) {\n          return;\n        }\n        var lastTf = $chart.css('transform');\n        if (lastTf === 'none') {\n          if (lastTf.indexOf('3d') === -1) {\n            $chart.css('transform', 'matrix(1, 0, 0, 1, ' + newX + ', ' + newY + ')');\n          } else {\n            $chart.css('transform', 'matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, ' + newX + ', ' + newY + ', 0, 1)');\n          }\n        } else {\n          var matrix = lastTf.split(',');\n          if (lastTf.indexOf('3d') === -1) {\n            matrix[4] = ' ' + newX;\n            matrix[5] = ' ' + newY + ')';\n          } else {\n            matrix[12] = ' ' + newX;\n            matrix[13] = ' ' + newY;\n          }\n          $chart.css('transform', matrix.join(','));\n        }\n      });\n    },\n    //\n    panEndHandler: function (e) {\n      if (e.data.chart.data('panning')) {\n        e.data.chart.data('panning', false).css('cursor', 'default').off('mousemove');\n      }\n    },\n    //\n    bindPan: function () {\n      this.$chartContainer.css('overflow', 'hidden');\n      this.$chart.on('mousedown touchstart', this.panStartHandler);\n      $(document).on('mouseup touchend', { 'chart': this.$chart }, this.panEndHandler);\n    },\n    //\n    unbindPan: function () {\n      this.$chartContainer.css('overflow', 'auto');\n      this.$chart.off('mousedown touchstart', this.panStartHandler);\n      $(document).off('mouseup touchend', this.panEndHandler);\n    },\n    //\n    zoomWheelHandler: function (e) {\n      var oc = e.data.oc;\n      e.preventDefault();\n      var newScale  = 1 + (e.originalEvent.deltaY > 0 ? -0.2 : 0.2);\n      oc.setChartScale(oc.$chart, newScale);\n    },\n    //\n    zoomStartHandler: function (e) {\n      if(e.touches && e.touches.length === 2) {\n        var oc = e.data.oc;\n        oc.$chart.data('pinching', true);\n        var dist = oc.getPinchDist(e);\n        oc.$chart.data('pinchDistStart', dist);\n      }\n    },\n    zoomingHandler: function (e) {\n      var oc = e.data.oc;\n      if(oc.$chart.data('pinching')) {\n        var dist = oc.getPinchDist(e);\n        oc.$chart.data('pinchDistEnd', dist);\n      }\n    },\n    zoomEndHandler: function (e) {\n      var oc = e.data.oc;\n      if(oc.$chart.data('pinching')) {\n        oc.$chart.data('pinching', false);\n        var diff = oc.$chart.data('pinchDistEnd') - oc.$chart.data('pinchDistStart');\n        if (diff > 0) {\n          oc.setChartScale(oc.$chart, 1.2);\n        } else if (diff < 0) {\n          oc.setChartScale(oc.$chart, 0.8);\n        }\n      }\n    },\n    //\n    bindZoom: function () {\n      this.$chartContainer.on('wheel', { 'oc': this }, this.zoomWheelHandler);\n      this.$chartContainer.on('touchstart', { 'oc': this }, this.zoomStartHandler);\n      $(document).on('touchmove', { 'oc': this }, this.zoomingHandler);\n      $(document).on('touchend', { 'oc': this }, this.zoomEndHandler);\n    },\n    unbindZoom: function () {\n      this.$chartContainer.off('wheel', this.zoomWheelHandler);\n      this.$chartContainer.off('touchstart', this.zoomStartHandler);\n      $(document).off('touchmove', this.zoomingHandler);\n      $(document).off('touchend', this.zoomEndHandler);\n    },\n    //\n    getPinchDist: function (e) {\n      return Math.sqrt((e.touches[0].clientX - e.touches[1].clientX) * (e.touches[0].clientX - e.touches[1].clientX) +\n      (e.touches[0].clientY - e.touches[1].clientY) * (e.touches[0].clientY - e.touches[1].clientY));\n    },\n    //\n    setChartScale: function ($chart, newScale) {\n      var opts = $chart.data('options');\n      var lastTf = $chart.css('transform');\n      var matrix = '';\n      var targetScale = 1;\n      if (lastTf === 'none') {\n        $chart.css('transform', 'scale(' + newScale + ',' + newScale + ')');\n      } else {\n        matrix = lastTf.split(',');\n        if (lastTf.indexOf('3d') === -1) {\n          targetScale = Math.abs(window.parseFloat(matrix[3]) * newScale);\n          if (targetScale > opts.zoomoutLimit && targetScale < opts.zoominLimit) {\n            $chart.css('transform', lastTf + ' scale(' + newScale + ',' + newScale + ')');\n          }\n        } else {\n          targetScale = Math.abs(window.parseFloat(matrix[1]) * newScale);\n          if (targetScale > opts.zoomoutLimit && targetScale < opts.zoominLimit) {\n            $chart.css('transform', lastTf + ' scale3d(' + newScale + ',' + newScale + ', 1)');\n          }\n        }\n      }\n    },\n    //\n    buildJsonDS: function ($li) {\n      var that = this;\n      var subObj = {\n        'name': $li.contents().eq(0).text().trim(),\n        'relationship': ($li.parent().parent().is('li') ? '1': '0') + ($li.siblings('li').length ? 1: 0) + ($li.children('ul').length ? 1 : 0)\n      };\n      $.each($li.data(), function(key, value) {\n         subObj[key] = value;\n      });\n      $li.children('ul').children().each(function() {\n        if (!subObj.children) { subObj.children = []; }\n        subObj.children.push(that.buildJsonDS($(this)));\n      });\n      return subObj;\n    },\n    //\n    attachRel: function (data, flags) {\n      var that = this;\n      data.relationship = flags + (data.children && data.children.length > 0 ? 1 : 0);\n      if (data.children) {\n        data.children.forEach(function(item) {\n          that.attachRel(item, '1' + (data.children.length > 1 ? 1 : 0));\n        });\n      }\n      return data;\n    },\n    //\n    loopChart: function ($chart) {\n      var that = this;\n      var $tr = $chart.find('tr:first');\n      var subObj = { 'id': $tr.find('.node')[0].id };\n      $tr.siblings(':last').children().each(function() {\n        if (!subObj.children) { subObj.children = []; }\n        subObj.children.push(that.loopChart($(this)));\n      });\n      return subObj;\n    },\n    //\n    getHierarchy: function () {\n      if (typeof this.$chart === 'undefined') {\n        return 'Error: orgchart does not exist'\n      } else {\n        if (!this.$chart.find('.node').length) {\n          return 'Error: nodes do not exist'\n        } else {\n          var valid = true;\n          this.$chart.find('.node').each(function () {\n            if (!this.id) {\n              valid = false;\n              return false;\n            }\n          });\n          if (!valid) {\n            return 'Error: All nodes of orghcart to be exported must have data-id attribute!';\n          }\n        }\n      }\n      return this.loopChart(this.$chart);\n    },\n    // detect the exist/display state of related node\n    getNodeState: function ($node, relation) {\n      var $target = {};\n      var isVerticalNode = $node.parent().is('li');\n      var relation = relation || 'self';\n      if (relation === 'parent') {\n        if (isVerticalNode) {\n          $target = $node.closest('ul').parents('ul');\n          if (!$target.length) {\n            $target = $node.closest('.nodes');\n            if (!$target.length) {\n              $target = $node.closest('.verticalNodes').siblings(':first');\n            }\n          }\n        } else {\n          $target = $node.closest('.nodes').siblings(':first');\n        }\n        if ($target.length) {\n          if ($target.is('.hidden') || (!$target.is('.hidden') && $target.closest('.nodes').is('.hidden')) || (!$target.is('.hidden') && $target.closest('.verticalNodes').is('.hidden'))) {\n            return { 'exist': true, 'visible': false };\n          }\n          return { 'exist': true, 'visible': true };\n        }\n      } else if (relation === 'children') {\n        $target = isVerticalNode ? $node.parent().children('ul') : $node.closest('tr').siblings(':last');\n        if ($target.length) {\n          if (!$target.is('.hidden')) {\n            return { 'exist': true, 'visible': true };\n          }\n          return { 'exist': true, 'visible': false };\n        }\n      } else if (relation === 'siblings') {\n        $target = isVerticalNode ? $node.closest('ul') : $node.closest('table').parent().siblings();\n        if ($target.length && (!isVerticalNode || $target.children('li').length > 1)) {\n          if (!$target.is('.hidden') && !$target.parent().is('.hidden') && (!isVerticalNode || !$target.closest('.verticalNodes').is('.hidden'))) {\n            return { 'exist': true, 'visible': true };\n          }\n          return { 'exist': true, 'visible': false };\n        }\n      } else {\n        $target = $node;\n        if ($target.length) {\n          if (!(($target.closest('.nodes').length && $target.closest('.nodes').is('.hidden')) ||\n            ($target.closest('table').parent().length && $target.closest('table').parent().is('.hidden')) ||\n            ($target.parent().is('li') && ($target.closest('ul').is('.hidden') || $target.closest('.verticalNodes').is('.hidden')))\n          )) {\n            return { 'exist': true, 'visible': true };\n          }\n          return { 'exist': true, 'visible': false };\n        }\n      }\n      return { 'exist': false, 'visible': false };\n    },\n    // find the related nodes\n    getRelatedNodes: function ($node, relation) {\n      if (!$node || !($node instanceof $) || !$node.is('.node')) {\n        return $();\n      }\n      if (relation === 'parent') {\n        return $node.closest('.nodes').parent().children(':first').find('.node');\n      } else if (relation === 'children') {\n        return $node.closest('tr').siblings('.nodes').children().find('.node:first');\n      } else if (relation === 'siblings') {\n        return $node.closest('table').parent().siblings().find('.node:first');\n      } else {\n        return $();\n      }\n    },\n    hideParentEnd: function (event) {\n      $(event.target).removeClass('sliding');\n      event.data.upperLevel.addClass('hidden').slice(1).removeAttr('style');\n    },\n    // recursively hide the ancestor node and sibling nodes of the specified node\n    hideParent: function ($node) {\n      var $upperLevel = $node.closest('.nodes').siblings();\n      if ($upperLevel.eq(0).find('.spinner').length) {\n        $node.closest('.orgchart').data('inAjax', false);\n      }\n      // hide the sibling nodes\n      if (this.getNodeState($node, 'siblings').visible) {\n        this.hideSiblings($node);\n      }\n      // hide the lines\n      var $lines = $upperLevel.slice(1);\n      $lines.css('visibility', 'hidden');\n      // hide the superior nodes with transition\n      var $parent = $upperLevel.eq(0).find('.node');\n      if (this.getNodeState($parent).visible) {\n        $parent.addClass('sliding slide-down').one('transitionend', { 'upperLevel': $upperLevel }, this.hideParentEnd);\n      }\n      // if the current node has the parent node, hide it recursively\n      if (this.getNodeState($parent, 'parent').visible) {\n        this.hideParent($parent);\n      }\n    },\n    showParentEnd: function (event) {\n      var $node = event.data.node;\n      $(event.target).removeClass('sliding');\n      if (this.isInAction($node)) {\n        this.switchVerticalArrow($node.children('.topEdge'));\n      }\n    },\n    // show the parent node of the specified node\n    showParent: function ($node) {\n      // just show only one superior level\n      var $upperLevel = $node.closest('.nodes').siblings().removeClass('hidden');\n      // just show only one line\n      $upperLevel.eq(2).children().slice(1, -1).addClass('hidden');\n      // show parent node with animation\n      var $parent = $upperLevel.eq(0).find('.node');\n      this.repaint($parent[0]);\n      $parent.addClass('sliding').removeClass('slide-down').one('transitionend', { 'node': $node }, this.showParentEnd.bind(this));\n    },\n    stopAjax: function ($nodeLevel) {\n      if ($nodeLevel.find('.spinner').length) {\n        $nodeLevel.closest('.orgchart').data('inAjax', false);\n      }\n    },\n    isVisibleNode: function (index, elem) {\n      return this.getNodeState($(elem)).visible;\n    },\n    //\n    hideChildrenEnd: function (event) {\n      var $node = event.data.node;\n      event.data.animatedNodes.removeClass('sliding');\n      if (event.data.isVerticalDesc) {\n        event.data.lowerLevel.addClass('hidden');\n      } else {\n        event.data.animatedNodes.closest('.nodes').prevAll('.lines').removeAttr('style').addBack().addClass('hidden');\n        event.data.lowerLevel.last().find('.verticalNodes').addClass('hidden');\n      }\n      if (this.isInAction($node)) {\n        this.switchVerticalArrow($node.children('.bottomEdge'));\n      }\n    },\n    // recursively hide the descendant nodes of the specified node\n    hideChildren: function ($node) {\n      var $lowerLevel = $node.closest('tr').siblings();\n      this.stopAjax($lowerLevel.last());\n      var $animatedNodes = $lowerLevel.last().find('.node').filter(this.isVisibleNode.bind(this));\n      var isVerticalDesc = $lowerLevel.last().is('.verticalNodes') ? true : false;\n      if (!isVerticalDesc) {\n        $animatedNodes.closest('table').closest('tr').prevAll('.lines').css('visibility', 'hidden');\n      }\n      this.repaint($animatedNodes.get(0));\n      $animatedNodes.addClass('sliding slide-up').eq(0).one('transitionend', { 'animatedNodes': $animatedNodes, 'lowerLevel': $lowerLevel, 'isVerticalDesc': isVerticalDesc, 'node': $node }, this.hideChildrenEnd.bind(this));\n    },\n    //\n    showChildrenEnd: function (event) {\n      var $node = event.data.node;\n      event.data.animatedNodes.removeClass('sliding');\n      if (this.isInAction($node)) {\n        this.switchVerticalArrow($node.children('.bottomEdge'));\n      }\n    },\n    // show the children nodes of the specified node\n    showChildren: function ($node) {\n      var that = this;\n      var $levels = $node.closest('tr').siblings();\n      var isVerticalDesc = $levels.is('.verticalNodes') ? true : false;\n      var $animatedNodes = isVerticalDesc\n        ? $levels.removeClass('hidden').find('.node').filter(this.isVisibleNode.bind(this))\n        : $levels.removeClass('hidden').eq(2).children().find('.node:first').filter(this.isVisibleNode.bind(this));\n      // the two following statements are used to enforce browser to repaint\n      this.repaint($animatedNodes.get(0));\n      $animatedNodes.addClass('sliding').removeClass('slide-up').eq(0).one('transitionend', { 'node': $node, 'animatedNodes': $animatedNodes }, this.showChildrenEnd.bind(this));\n    },\n    //\n    hideSiblingsEnd: function (event) {\n      var $node = event.data.node;\n      var $nodeContainer = event.data.nodeContainer;\n      var direction = event.data.direction;\n      event.data.lines.removeAttr('style');\n      var $siblings = direction ? (direction === 'left' ? $nodeContainer.prevAll(':not(.hidden)') : $nodeContainer.nextAll(':not(.hidden)')) : $nodeContainer.siblings();\n      $nodeContainer.closest('.nodes').prev().children(':not(.hidden)')\n        .slice(1, direction ? $siblings.length * 2 + 1 : -1).addClass('hidden');\n      event.data.animatedNodes.removeClass('sliding');\n      $siblings.find('.node:gt(0)').filter(this.isVisibleNode.bind(this))\n        .removeClass('slide-left slide-right').addClass('slide-up');\n      $siblings.find('.lines, .nodes, .verticalNodes').addClass('hidden')\n        .end().addClass('hidden');\n\n      if (this.isInAction($node)) {\n        this.switchHorizontalArrow($node);\n      }\n    },\n    // hide the sibling nodes of the specified node\n    hideSiblings: function ($node, direction) {\n      var that = this;\n      var $nodeContainer = $node.closest('table').parent();\n      if ($nodeContainer.siblings().find('.spinner').length) {\n        $node.closest('.orgchart').data('inAjax', false);\n      }\n      if (direction) {\n        if (direction === 'left') {\n          $nodeContainer.prevAll().find('.node').filter(this.isVisibleNode.bind(this)).addClass('sliding slide-right');\n        } else {\n          $nodeContainer.nextAll().find('.node').filter(this.isVisibleNode.bind(this)).addClass('sliding slide-left');\n        }\n      } else {\n        $nodeContainer.prevAll().find('.node').filter(this.isVisibleNode.bind(this)).addClass('sliding slide-right');\n        $nodeContainer.nextAll().find('.node').filter(this.isVisibleNode.bind(this)).addClass('sliding slide-left');\n      }\n      var $animatedNodes = $nodeContainer.siblings().find('.sliding');\n      var $lines = $animatedNodes.closest('.nodes').prevAll('.lines').css('visibility', 'hidden');\n      $animatedNodes.eq(0).one('transitionend', { 'node': $node, 'nodeContainer': $nodeContainer, 'direction': direction, 'animatedNodes': $animatedNodes, 'lines': $lines }, this.hideSiblingsEnd.bind(this));\n    },\n    //\n    showSiblingsEnd: function (event) {\n      var $node = event.data.node;\n      event.data.visibleNodes.removeClass('sliding');\n      if (this.isInAction($node)) {\n        this.switchHorizontalArrow($node);\n        $node.children('.topEdge').removeClass('oci-chevron-up').addClass('oci-chevron-down');\n      }\n    },\n    //\n    showRelatedParentEnd: function(event) {\n      $(event.target).removeClass('sliding');\n    },\n    // show the sibling nodes of the specified node\n    showSiblings: function ($node, direction) {\n      var that = this;\n      // firstly, show the sibling td tags\n      var $siblings = $();\n      if (direction) {\n        if (direction === 'left') {\n          $siblings = $node.closest('table').parent().prevAll().removeClass('hidden');\n        } else {\n          $siblings = $node.closest('table').parent().nextAll().removeClass('hidden');\n        }\n      } else {\n        $siblings = $node.closest('table').parent().siblings().removeClass('hidden');\n      }\n      // secondly, show the lines\n      var $upperLevel = $node.closest('table').closest('tr').siblings();\n      if (direction) {\n        $upperLevel.eq(2).children('.hidden').slice(0, $siblings.length * 2).removeClass('hidden');\n      } else {\n        $upperLevel.eq(2).children('.hidden').removeClass('hidden');\n      }\n      // thirdly, do some cleaning stuff\n      if (!this.getNodeState($node, 'parent').visible) {\n        $upperLevel.removeClass('hidden');\n        var parent = $upperLevel.find('.node')[0];\n        this.repaint(parent);\n        $(parent).addClass('sliding').removeClass('slide-down').one('transitionend', this.showRelatedParentEnd);\n      }\n      // lastly, show the sibling nodes with animation\n      var $visibleNodes = $siblings.find('.node').filter(this.isVisibleNode.bind(this));\n      this.repaint($visibleNodes.get(0));\n      $visibleNodes.addClass('sliding').removeClass('slide-left slide-right');\n      $visibleNodes.eq(0).one('transitionend', { 'node': $node, 'visibleNodes': $visibleNodes }, this.showSiblingsEnd.bind(this));\n    },\n    // start up loading status for requesting new nodes\n    startLoading: function ($edge) {\n      var $chart = this.$chart;\n      if (typeof $chart.data('inAjax') !== 'undefined' && $chart.data('inAjax') === true) {\n        return false;\n      }\n\n      $edge.addClass('hidden');\n      $edge.parent().append('<i class=\"oci oci-spinner spinner\"></i>')\n        .children().not('.spinner').css('opacity', 0.2);\n      $chart.data('inAjax', true);\n      $('.oci-export-btn' + (this.options.chartClass !== '' ? '.' + this.options.chartClass : '')).prop('disabled', true);\n      return true;\n    },\n    // terminate loading status for requesting new nodes\n    endLoading: function ($edge) {\n      var $node = $edge.parent();\n      $edge.removeClass('hidden');\n      $node.find('.spinner').remove();\n      $node.children().removeAttr('style');\n      this.$chart.data('inAjax', false);\n      $('.oci-export-btn' + (this.options.chartClass !== '' ? '.' + this.options.chartClass : '')).prop('disabled', false);\n    },\n    // whether the cursor is hovering over the node\n    isInAction: function ($node) {\n      return $node.children('.edge').attr('class').indexOf('oci-') > -1 ? true : false;\n    },\n    //\n    switchVerticalArrow: function ($arrow) {\n      $arrow.toggleClass('oci-chevron-up').toggleClass('oci-chevron-down');\n    },\n    //\n    switchHorizontalArrow: function ($node) {\n      var opts = this.options;\n      if (opts.toggleSiblingsResp && (typeof opts.ajaxURL === 'undefined' || $node.closest('.nodes').data('siblingsLoaded'))) {\n        var $prevSib = $node.closest('table').parent().prev();\n        if ($prevSib.length) {\n          if ($prevSib.is('.hidden')) {\n            $node.children('.leftEdge').addClass('oci-chevron-left').removeClass('oci-chevron-right');\n          } else {\n            $node.children('.leftEdge').addClass('oci-chevron-right').removeClass('oci-chevron-left');\n          }\n        }\n        var $nextSib = $node.closest('table').parent().next();\n        if ($nextSib.length) {\n          if ($nextSib.is('.hidden')) {\n            $node.children('.rightEdge').addClass('oci-chevron-right').removeClass('oci-chevron-left');\n          } else {\n            $node.children('.rightEdge').addClass('oci-chevron-left').removeClass('oci-chevron-right');\n          }\n        }\n      } else {\n        var $sibs = $node.closest('table').parent().siblings();\n        var sibsVisible = $sibs.length ? !$sibs.is('.hidden') : false;\n        $node.children('.leftEdge').toggleClass('oci-chevron-right', sibsVisible).toggleClass('oci-chevron-left', !sibsVisible);\n        $node.children('.rightEdge').toggleClass('oci-chevron-left', sibsVisible).toggleClass('oci-chevron-right', !sibsVisible);\n      }\n    },\n    //\n    repaint: function (node) {\n      if (node) {\n        node.style.offsetWidth = node.offsetWidth;\n      }\n    },\n    //\n    nodeEnterLeaveHandler: function (event) {\n      var $node = $(event.delegateTarget), flag = false;\n      var $topEdge = $node.children('.topEdge');\n      var $rightEdge = $node.children('.rightEdge');\n      var $bottomEdge = $node.children('.bottomEdge');\n      var $leftEdge = $node.children('.leftEdge');\n      if (event.type === 'mouseenter') {\n        if ($topEdge.length) {\n          flag = this.getNodeState($node, 'parent').visible;\n          $topEdge.toggleClass('oci-chevron-up', !flag).toggleClass('oci-chevron-down', flag);\n        }\n        if ($bottomEdge.length) {\n          flag = this.getNodeState($node, 'children').visible;\n          $bottomEdge.toggleClass('oci-chevron-down', !flag).toggleClass('oci-chevron-up', flag);\n        }\n        if ($leftEdge.length) {\n          this.switchHorizontalArrow($node);\n        }\n      } else {\n        $node.children('.edge').removeClass('oci-chevron-up oci-chevron-down oci-chevron-right oci-chevron-left');\n      }\n    },\n    //\n    nodeClickHandler: function (event) {\n      this.$chart.find('.focused').removeClass('focused');\n      $(event.delegateTarget).addClass('focused');\n    },\n    // load new nodes by ajax\n    loadNodes: function (rel, url, $edge) {\n      var that = this;\n      var opts = this.options;\n      $.ajax({ 'url': url, 'dataType': 'json' })\n      .done(function (data) {\n        if (that.$chart.data('inAjax')) {\n          if (rel === 'parent') {\n            if (!$.isEmptyObject(data)) {\n              that.addParent($edge.parent(), data);\n            }\n          } else if (rel === 'children') {\n            if (data.children.length) {\n              that.addChildren($edge.parent(), data[rel]);\n            }\n          } else {\n            that.addSiblings($edge.parent(), data.siblings ? data.siblings : data);\n          }\n        }\n      })\n      .fail(function () {\n        console.log('Failed to get ' + rel + ' data');\n      })\n      .always(function () {\n        that.endLoading($edge);\n      });\n    },\n    //\n    HideFirstParentEnd: function (event) {\n      var $topEdge = event.data.topEdge;\n      var $node = $topEdge.parent();\n      if (this.isInAction($node)) {\n        this.switchVerticalArrow($topEdge);\n        this.switchHorizontalArrow($node);\n      }\n    },\n    //\n    topEdgeClickHandler: function (event) {\n      event.stopPropagation();\n      var that = this;\n      var $topEdge = $(event.target);\n      var $node = $(event.delegateTarget);\n      var parentState = this.getNodeState($node, 'parent');\n      if (parentState.exist) {\n        var $parent = $node.closest('table').closest('tr').siblings(':first').find('.node');\n        if ($parent.is('.sliding')) { return; }\n        // hide the ancestor nodes and sibling nodes of the specified node\n        if (parentState.visible) {\n          this.hideParent($node);\n          $parent.one('transitionend', { 'topEdge': $topEdge }, this.HideFirstParentEnd.bind(this));\n        } else { // show the ancestors and siblings\n          this.showParent($node);\n        }\n      } else { // load the new parent node of the specified node by ajax request\n        // start up loading status\n        if (this.startLoading($topEdge)) {\n          var opts = this.options;\n          var url = $.isFunction(opts.ajaxURL.parent) ? opts.ajaxURL.parent($node.data('nodeData')) : opts.ajaxURL.parent + $node[0].id;\n          this.loadNodes('parent', url, $topEdge);\n        }\n      }\n    },\n    //\n    bottomEdgeClickHandler: function (event) {\n      event.stopPropagation();\n      var $bottomEdge = $(event.target);\n      var $node = $(event.delegateTarget);\n      var childrenState = this.getNodeState($node, 'children');\n      if (childrenState.exist) {\n        var $children = $node.closest('tr').siblings(':last');\n        if ($children.find('.sliding').length) { return; }\n        // hide the descendant nodes of the specified node\n        if (childrenState.visible) {\n          this.hideChildren($node);\n        } else { // show the descendants\n          this.showChildren($node);\n        }\n      } else { // load the new children nodes of the specified node by ajax request\n        if (this.startLoading($bottomEdge)) {\n          var opts = this.options;\n          var url = $.isFunction(opts.ajaxURL.children) ? opts.ajaxURL.children($node.data('nodeData')) : opts.ajaxURL.children + $node[0].id;\n          this.loadNodes('children', url, $bottomEdge);\n        }\n      }\n    },\n    //\n    hEdgeClickHandler: function (event) {\n      event.stopPropagation();\n      var $hEdge = $(event.target);\n      var $node = $(event.delegateTarget);\n      var opts = this.options;\n      var siblingsState = this.getNodeState($node, 'siblings');\n      if (siblingsState.exist) {\n        var $siblings = $node.closest('table').parent().siblings();\n        if ($siblings.find('.sliding').length) { return; }\n        if (opts.toggleSiblingsResp) {\n          var $prevSib = $node.closest('table').parent().prev();\n          var $nextSib = $node.closest('table').parent().next();\n          if ($hEdge.is('.leftEdge')) {\n            if ($prevSib.is('.hidden')) {\n              this.showSiblings($node, 'left');\n            } else {\n              this.hideSiblings($node, 'left');\n            }\n          } else {\n            if ($nextSib.is('.hidden')) {\n              this.showSiblings($node, 'right');\n            } else {\n              this.hideSiblings($node, 'right');\n            }\n          }\n        } else {\n          if (siblingsState.visible) {\n            this.hideSiblings($node);\n          } else {\n            this.showSiblings($node);\n          }\n        }\n      } else {\n        // load the new sibling nodes of the specified node by ajax request\n        if (this.startLoading($hEdge)) {\n          var nodeId = $node[0].id;\n          var url = (this.getNodeState($node, 'parent').exist) ?\n            ($.isFunction(opts.ajaxURL.siblings) ? opts.ajaxURL.siblings($node.data('nodeData')) : opts.ajaxURL.siblings + nodeId) :\n            ($.isFunction(opts.ajaxURL.families) ? opts.ajaxURL.families($node.data('nodeData')) : opts.ajaxURL.families + nodeId);\n          this.loadNodes('siblings', url, $hEdge);\n        }\n      }\n    },\n    //\n    expandVNodesEnd: function (event) {\n      event.data.vNodes.removeClass('sliding');\n    },\n    //\n    collapseVNodesEnd: function (event) {\n      event.data.vNodes.removeClass('sliding').closest('ul').addClass('hidden');\n    },\n    // event handler for toggle buttons in Hybrid(horizontal + vertical) OrgChart\n    toggleVNodes: function (event) {\n      var $toggleBtn = $(event.target);\n      var $descWrapper = $toggleBtn.parent().next();\n      var $descendants = $descWrapper.find('.node');\n      var $children = $descWrapper.children().children('.node');\n      if ($children.is('.sliding')) { return; }\n      $toggleBtn.toggleClass('oci-plus-square oci-minus-square');\n      if ($descendants.eq(0).is('.slide-up')) {\n        $descWrapper.removeClass('hidden');\n        this.repaint($children.get(0));\n        $children.addClass('sliding').removeClass('slide-up').eq(0).one('transitionend', { 'vNodes': $children }, this.expandVNodesEnd);\n      } else {\n        $descendants.addClass('sliding slide-up').eq(0).one('transitionend', { 'vNodes': $descendants }, this.collapseVNodesEnd);\n        $descendants.find('.toggleBtn').removeClass('oci-minus-square').addClass('oci-plus-square');\n      }\n    },\n    //\n    createGhostNode: function (event) {\n      var $nodeDiv = $(event.target);\n      var opts = this.options;\n      var origEvent = event.originalEvent;\n      var isFirefox = /firefox/.test(window.navigator.userAgent.toLowerCase());\n      var ghostNode, nodeCover;\n      if (!document.querySelector('.ghost-node')) {\n        ghostNode = document.createElementNS(\"http://www.w3.org/2000/svg\", \"svg\");\n        if (!ghostNode.classList) return;\n        ghostNode.classList.add('ghost-node');\n        nodeCover = document.createElementNS('http://www.w3.org/2000/svg','rect');\n        ghostNode.appendChild(nodeCover);\n        $nodeDiv.closest('.orgchart').append(ghostNode);\n      } else {\n        ghostNode = $nodeDiv.closest('.orgchart').children('.ghost-node').get(0);\n        nodeCover = $(ghostNode).children().get(0);\n      }\n      var transValues = $nodeDiv.closest('.orgchart').css('transform').split(',');\n      var isHorizontal = opts.direction === 't2b' || opts.direction === 'b2t';\n      var scale = Math.abs(window.parseFloat(isHorizontal ? transValues[0].slice(transValues[0].indexOf('(') + 1) : transValues[1]));\n      ghostNode.setAttribute('width', isHorizontal ? $nodeDiv.outerWidth(false) : $nodeDiv.outerHeight(false));\n      ghostNode.setAttribute('height', isHorizontal ? $nodeDiv.outerHeight(false) : $nodeDiv.outerWidth(false));\n      nodeCover.setAttribute('x',5 * scale);\n      nodeCover.setAttribute('y',5 * scale);\n      nodeCover.setAttribute('width', 120 * scale);\n      nodeCover.setAttribute('height', 40 * scale);\n      nodeCover.setAttribute('rx', 4 * scale);\n      nodeCover.setAttribute('ry', 4 * scale);\n      nodeCover.setAttribute('stroke-width', 1 * scale);\n      var xOffset = origEvent.offsetX * scale;\n      var yOffset = origEvent.offsetY * scale;\n      if (opts.direction === 'l2r') {\n        xOffset = origEvent.offsetY * scale;\n        yOffset = origEvent.offsetX * scale;\n      } else if (opts.direction === 'r2l') {\n        xOffset = $nodeDiv.outerWidth(false) - origEvent.offsetY * scale;\n        yOffset = origEvent.offsetX * scale;\n      } else if (opts.direction === 'b2t') {\n        xOffset = $nodeDiv.outerWidth(false) - origEvent.offsetX * scale;\n        yOffset = $nodeDiv.outerHeight(false) - origEvent.offsetY * scale;\n      }\n      if (isFirefox) { // hack for old version of Firefox(< 48.0)\n        nodeCover.setAttribute('fill', 'rgb(255, 255, 255)');\n        nodeCover.setAttribute('stroke', 'rgb(191, 0, 0)');\n        var ghostNodeWrapper = document.createElement('img');\n        ghostNodeWrapper.src = 'data:image/svg+xml;utf8,' + (new XMLSerializer()).serializeToString(ghostNode);\n        origEvent.dataTransfer.setDragImage(ghostNodeWrapper, xOffset, yOffset);\n      } else {\n        // IE/Edge do not support this, so only use it if we can\n        if (origEvent.dataTransfer.setDragImage)\n          origEvent.dataTransfer.setDragImage(ghostNode, xOffset, yOffset);\n      }\n    },\n    //\n    filterAllowedDropNodes: function ($dragged) {\n      var opts = this.options;\n      // what is being dragged?  a node, or something within a node?\n      var draggingNode = $dragged.closest('[draggable]').hasClass('node');\n      var $dragZone = $dragged.closest('.nodes').siblings().eq(0).find('.node:first');      // parent node\n      var $dragHier = $dragged.closest('table').find('.node');      // this node, and its children\n      this.$chart.data('dragged', $dragged)\n        .find('.node').each(function (index, node) {\n          if (!draggingNode || $dragHier.index(node) === -1) {\n            if (opts.dropCriteria) {\n              if (opts.dropCriteria($dragged, $dragZone, $(node))) {\n                $(node).addClass('allowedDrop');\n              }\n            } else {\n              $(node).addClass('allowedDrop');\n            }\n          }\n        });\n    },\n    //\n    dragstartHandler: function (event) {\n      event.originalEvent.dataTransfer.setData('text/html', 'hack for firefox');\n      // if users enable zoom or direction options\n      if (this.$chart.css('transform') !== 'none') {\n        this.createGhostNode(event);\n      }\n      this.filterAllowedDropNodes($(event.target));\n    },\n    //\n    dragoverHandler: function (event) {\n      if (!$(event.delegateTarget).is('.allowedDrop')) {\n        event.originalEvent.dataTransfer.dropEffect = 'none';\n      } else {\n        // default action for drag-and-drop of div is not to drop, so preventing default action for nodes which have allowedDrop class\n        //to fix drag and drop on IE and Edge\t\t\n        event.preventDefault();\n      }\n    },\n    //\n    dragendHandler: function (event) {\n      this.$chart.find('.allowedDrop').removeClass('allowedDrop');\n    },\n    //\n    dropHandler: function (event) {\n      var $dropZone = $(event.delegateTarget);\n      var $dragged = this.$chart.data('dragged');\n\n      // Pass on drops which are not nodes (since they are not our doing)\n      if (!$dragged.hasClass('node')) {\n        this.$chart.triggerHandler({ 'type': 'otherdropped.orgchart', 'draggedItem': $dragged, 'dropZone': $dropZone });\n        return;\n      }\n      \n      if (!$dropZone.hasClass('allowedDrop')) {\n          // We are trying to drop a node into a node which isn't allowed\n          // IE/Edge have a habit of allowing this, so we need our own double-check\n          return;\n      }\n\n      var $dragZone = $dragged.closest('.nodes').siblings().eq(0).children();\n      var dropEvent = $.Event('nodedrop.orgchart');\n      this.$chart.trigger(dropEvent, { 'draggedNode': $dragged, 'dragZone': $dragZone.children(), 'dropZone': $dropZone });\n      if (dropEvent.isDefaultPrevented()) {\n        return;\n      }\n      // firstly, deal with the hierarchy of drop zone\n      if (!$dropZone.closest('tr').siblings().length) { // if the drop zone is a leaf node\n        $dropZone.append('<i class=\"edge verticalEdge bottomEdge oci\"></i>')\n          .parent().attr('colspan', 2)\n          .parent().after('<tr class=\"lines\"><td colspan=\"2\"><div class=\"downLine\"></div></td></tr>'\n          + '<tr class=\"lines\"><td class=\"rightLine\"></td><td class=\"leftLine\"></td></tr>'\n          + '<tr class=\"nodes\"></tr>')\n          .siblings(':last').append($dragged.find('.horizontalEdge').remove().end().closest('table').parent());\n      } else {\n        var dropColspan = parseInt($dropZone.parent().attr('colspan')) + 2;\n        var horizontalEdges = '<i class=\"edge horizontalEdge rightEdge oci\"></i><i class=\"edge horizontalEdge leftEdge oci\"></i>';\n        $dropZone.closest('tr').next().addBack().children().attr('colspan', dropColspan);\n        if (!$dragged.find('.horizontalEdge').length) {\n          $dragged.append(horizontalEdges);\n        }\n        $dropZone.closest('tr').siblings().eq(1).children(':last').before('<td class=\"leftLine topLine\"></td><td class=\"rightLine topLine\"></td>')\n          .end().next().append($dragged.closest('table').parent());\n        var $dropSibs = $dragged.closest('table').parent().siblings().find('.node:first');\n        if ($dropSibs.length === 1) {\n          $dropSibs.append(horizontalEdges);\n        }\n      }\n      // secondly, deal with the hierarchy of dragged node\n      var dragColspan = parseInt($dragZone.attr('colspan'));\n      if (dragColspan > 2) {\n        $dragZone.attr('colspan', dragColspan - 2)\n          .parent().next().children().attr('colspan', dragColspan - 2)\n          .end().next().children().slice(1, 3).remove();\n        var $dragSibs = $dragZone.parent().siblings('.nodes').children().find('.node:first');\n        if ($dragSibs.length ===1) {\n          $dragSibs.find('.horizontalEdge').remove();\n        }\n      } else {\n        $dragZone.removeAttr('colspan')\n          .find('.bottomEdge').remove()\n          .end().end().siblings().remove();\n      }\n    },\n    //\n    touchstartHandler: function (event) {\n      if (this.touchHandled)\n        return;\n\n      if (event.touches && event.touches.length > 1)\n        return;\n\n      this.touchHandled = true;\n      this.touchMoved = false;     // this is so we can work out later if this was a 'press' or a 'drag' touch\n      event.preventDefault();\n    },\n    //\n    touchmoveHandler: function (event) {\n      if (!this.touchHandled)\n        return;\n\n      if (event.touches && event.touches.length > 1)\n        return;\n\n      event.preventDefault();\n\n      if (!this.touchMoved) {\n        // we do not bother with createGhostNode (dragstart does) since the touch event does not have a dataTransfer property\n        this.filterAllowedDropNodes($(event.currentTarget));        // will also set 'this.$chart.data('dragged')' for us\n        // create an image which can be used to illustrate the drag (our own createGhostNode)\n        this.touchDragImage = this.createDragImage(event, this.$chart.data('dragged')[0]);\n      }\n      this.touchMoved = true;\n\n      // move our dragimage so it follows our finger\n      this.moveDragImage(event, this.touchDragImage);\n\n      var $touching = $(document.elementFromPoint(event.touches[0].clientX, event.touches[0].clientY));\n      var $touchingNodes = $touching.closest('div.node');\n      if ($touchingNodes.length > 0) {\n        var touchingNodeElement = $touchingNodes[0];\n        if ($touchingNodes.is('.allowedDrop')) {\n          this.touchTargetNode = touchingNodeElement;\n        }\n        else {\n          this.touchTargetNode = null;\n        }\n      }\n      else {\n        this.touchTargetNode = null;\n      }\n    },\n    //\n    touchendHandler: function (event) {\n      if (!this.touchHandled) {\n          return;\n      }\n      this.destroyDragImage();\n      if (this.touchMoved) {\n          // we've had movement, so this was a 'drag' touch\n          if (this.touchTargetNode) {\n              var fakeEventForDropHandler = { delegateTarget: this.touchTargetNode };\n              this.dropHandler(fakeEventForDropHandler);\n              this.touchTargetNode = null;\n          }\n          this.dragendHandler(event);\n      }\n      else {\n          // we did not move, so this was a 'press' touch (fake a click)\n          var firstTouch = event.changedTouches[0];\n          var fakeMouseClickEvent = document.createEvent('MouseEvents');\n          fakeMouseClickEvent.initMouseEvent('click', true, true, window, 1, firstTouch.screenX, firstTouch.screenY, firstTouch.clientX, firstTouch.clientY, event.ctrlKey, event.altKey, event.shiftKey, event.metaKey, 0, null);\n          event.target.dispatchEvent(fakeMouseClickEvent);\n      }\n      this.touchHandled = false;\n    },\n    //\n    createDragImage: function (event, source) {\n      var dragImage = source.cloneNode(true);\n      this.copyStyle(source, dragImage);\n      dragImage.style.top = dragImage.style.left = '-9999px';\n      var sourceRectangle = source.getBoundingClientRect();\n      var sourcePoint = this.getTouchPoint(event);\n      this.touchDragImageOffset = { x: sourcePoint.x - sourceRectangle.left, y: sourcePoint.y - sourceRectangle.top };\n      dragImage.style.opacity = '0.5';\n      document.body.appendChild(dragImage);\n      return dragImage;\n    },\n    //\n    destroyDragImage: function () {\n      if (this.touchDragImage && this.touchDragImage.parentElement)\n        this.touchDragImage.parentElement.removeChild(this.touchDragImage);\n      this.touchDragImageOffset = null;\n      this.touchDragImage = null;\n    },\n    //\n    copyStyle: function (src, dst) {\n      // remove potentially troublesome attributes\n      var badAttributes = ['id', 'class', 'style', 'draggable'];\n      badAttributes.forEach(function (att) {\n          dst.removeAttribute(att);\n      });\n      // copy canvas content\n      if (src instanceof HTMLCanvasElement) {\n        var cSrc = src, cDst = dst;\n        cDst.width = cSrc.width;\n        cDst.height = cSrc.height;\n        cDst.getContext('2d').drawImage(cSrc, 0, 0);\n      }\n      // copy style (without transitions)\n      var cs = getComputedStyle(src);\n      for (var i = 0; i < cs.length; i++) {\n        var key = cs[i];\n        if (key.indexOf('transition') < 0) {\n          dst.style[key] = cs[key];\n        }\n      }\n      dst.style.pointerEvents = 'none';\n      // and repeat for all children\n      for (var i = 0; i < src.children.length; i++) {\n        this.copyStyle(src.children[i], dst.children[i]);\n      }\n    },\n    //\n    getTouchPoint: function (event) {\n      if (event && event.touches) {\n        event = event.touches[0];\n      }\n      return {\n        x: event.clientX,\n        y: event.clientY\n      };\n    },\n    //\n    moveDragImage: function (event, image) {\n      if (!event || !image)\n        return;\n      var orgChartMaster = this;\n      requestAnimationFrame(function () {\n        var pt = orgChartMaster.getTouchPoint(event);\n        var s = image.style;\n        s.position = 'absolute';\n        s.pointerEvents = 'none';\n        s.zIndex = '999999';\n        if (orgChartMaster.touchDragImageOffset) {\n            s.left = Math.round(pt.x - orgChartMaster.touchDragImageOffset.x) + 'px';\n            s.top = Math.round(pt.y - orgChartMaster.touchDragImageOffset.y) + 'px';\n        }\n      });\n    },\n    //\n    bindDragDrop: function ($node) {\n      $node.on('dragstart', this.dragstartHandler.bind(this))\n        .on('dragover', this.dragoverHandler.bind(this))\n        .on('dragend', this.dragendHandler.bind(this))\n        .on('drop', this.dropHandler.bind(this))\n        .on('touchstart', this.touchstartHandler.bind(this))\n        .on('touchmove', this.touchmoveHandler.bind(this))\n        .on('touchend', this.touchendHandler.bind(this));\n    },\n    // create node\n    createNode: function (data) {\n      var that = this;\n      var opts = this.options;\n      var level = data.level;\n      if (data.children && data[opts.nodeId]) {\n        $.each(data.children, function (index, child) {\n          child.parentId = data[opts.nodeId]\n        });\n      }\n      // construct the content of node\n      var $nodeDiv = $('<div' + (opts.draggable ? ' draggable=\"true\"' : '') + (data[opts.nodeId] ? ' id=\"' + data[opts.nodeId] + '\"' : '') + (data.parentId ? ' data-parent=\"' + data.parentId + '\"' : '') + '>')\n        .addClass('node ' + (data.className || '') +  (level > opts.visibleLevel ? ' slide-up' : ''));\n      if (opts.nodeTemplate) {\n        $nodeDiv.append(opts.nodeTemplate(data));\n      } else {\n        $nodeDiv.append('<div class=\"title\">' + data[opts.nodeTitle] + '</div>')\n          .append(typeof opts.nodeContent !== 'undefined' ? '<div class=\"content\">' + (data[opts.nodeContent] || '') + '</div>' : '');\n      }\n      //\n      var nodeData = $.extend({}, data);\n      delete nodeData.children;\n      $nodeDiv.data('nodeData', nodeData);\n      // append 4 direction arrows or expand/collapse buttons\n      var flags = data.relationship || '';\n      if (opts.verticalLevel && level >= opts.verticalLevel) {\n        if ((level + 1) > opts.verticalLevel && Number(flags.substr(2,1))) {\n          var icon = level + 1 > opts.visibleLevel ? 'plus' : 'minus';\n          $nodeDiv.append('<i class=\"toggleBtn oci oci-' + icon + '-square\"></i>');\n        }\n      } else {\n        if (Number(flags.substr(0,1))) {\n          $nodeDiv.append('<i class=\"edge verticalEdge topEdge oci\"></i>');\n        }\n        if(Number(flags.substr(1,1))) {\n          $nodeDiv.append('<i class=\"edge horizontalEdge rightEdge oci\"></i>' +\n            '<i class=\"edge horizontalEdge leftEdge oci\"></i>');\n        }\n        if(Number(flags.substr(2,1))) {\n          $nodeDiv.append('<i class=\"edge verticalEdge bottomEdge oci\"></i>')\n            .children('.title').prepend('<i class=\"oci '+ opts.parentNodeSymbol + ' symbol\"></i>');\n        }\n      }\n\n      $nodeDiv.on('mouseenter mouseleave', this.nodeEnterLeaveHandler.bind(this));\n      $nodeDiv.on('click', this.nodeClickHandler.bind(this));\n      $nodeDiv.on('click', '.topEdge', this.topEdgeClickHandler.bind(this));\n      $nodeDiv.on('click', '.bottomEdge', this.bottomEdgeClickHandler.bind(this));\n      $nodeDiv.on('click', '.leftEdge, .rightEdge', this.hEdgeClickHandler.bind(this));\n      $nodeDiv.on('click', '.toggleBtn', this.toggleVNodes.bind(this));\n\n      if (opts.draggable) {\n        this.bindDragDrop($nodeDiv);\n        this.touchHandled = false;\n        this.touchMoved = false;\n        this.touchTargetNode = null;\n      }\n      // allow user to append dom modification after finishing node create of orgchart\n      if (opts.createNode) {\n        opts.createNode($nodeDiv, data);\n      }\n\n      return $nodeDiv;\n    },\n    // recursively build the tree\n    buildHierarchy: function ($appendTo, data) {\n      var that = this;\n      var opts = this.options;\n      var level = 0;\n      if (data.level) {\n        level = data.level;\n      } else {\n        level = data.level = $appendTo.parentsUntil('.orgchart', '.nodes').length + 1;\n      }\n      // Construct the node\n      var childrenData = data.children;\n      var hasChildren = childrenData ? childrenData.length : false;\n      var $nodeWrapper;\n      if (Object.keys(data).length > 2) {\n        var $nodeDiv = this.createNode(data);\n        if (opts.verticalLevel && level >= opts.verticalLevel) {\n          $appendTo.append($nodeDiv);\n        }else {\n          $nodeWrapper = $('<table>');\n          $appendTo.append($nodeWrapper.append($('<tr/>').append($('<td' + (hasChildren ? ' colspan=\"' + childrenData.length * 2 + '\"' : '') + '></td>').append($nodeDiv))));\n        }\n      }\n      // Construct the lower level(two \"connectiong lines\" rows and \"inferior nodes\" row)\n      if (hasChildren) {\n        var isHidden = (level + 1 > opts.visibleLevel || data.collapsed) ? ' hidden' : '';\n        var isVerticalLayer = (opts.verticalLevel && (level + 1) >= opts.verticalLevel) ? true : false;\n        var $nodesLayer;\n        if (isVerticalLayer) {\n          $nodesLayer = $('<ul>');\n          if (isHidden && level + 1 > opts.verticalLevel) {\n            $nodesLayer.addClass(isHidden);\n          }\n          if (level + 1 === opts.verticalLevel) {\n            $appendTo.children('table').append('<tr class=\"verticalNodes' + isHidden + '\"><td></td></tr>')\n              .find('.verticalNodes').children().append($nodesLayer);\n          } else {\n            $appendTo.append($nodesLayer);\n          }\n        } else {\n          var $upperLines = $('<tr class=\"lines' + isHidden + '\"><td colspan=\"' + childrenData.length * 2 + '\"><div class=\"downLine\"></div></td></tr>');\n          var lowerLines = '<tr class=\"lines' + isHidden + '\"><td class=\"rightLine\"></td>';\n          for (var i=1; i<childrenData.length; i++) {\n            lowerLines += '<td class=\"leftLine topLine\"></td><td class=\"rightLine topLine\"></td>';\n          }\n          lowerLines += '<td class=\"leftLine\"></td></tr>';\n          $nodesLayer = $('<tr class=\"nodes' + isHidden + '\">');\n          if (Object.keys(data).length === 2) {\n            $appendTo.append($upperLines).append(lowerLines).append($nodesLayer);\n          } else {\n            $nodeWrapper.append($upperLines).append(lowerLines).append($nodesLayer);\n          }\n        }\n        // recurse through children nodes\n        $.each(childrenData, function () {\n          var $nodeCell = isVerticalLayer ? $('<li>') : $('<td colspan=\"2\">');\n          $nodesLayer.append($nodeCell);\n          this.level = level + 1;\n          that.buildHierarchy($nodeCell, this);\n        });\n      }\n    },\n    // build the child nodes of specific node\n    buildChildNode: function ($appendTo, data) {\n      $appendTo.find('td:first').attr('colspan', data.length * 2);\n      this.buildHierarchy($appendTo, { 'children': data });\n    },\n    // exposed method\n    addChildren: function ($node, data) {\n      this.buildChildNode($node.closest('table'), data);\n      if (!$node.children('.bottomEdge').length) {\n        $node.append('<i class=\"edge verticalEdge bottomEdge oci\"></i>');\n      }\n      if (!$node.find('.symbol').length) {\n        $node.children('.title').prepend('<i class=\"oci '+ this.options.parentNodeSymbol + ' symbol\"></i>');\n      }\n      if (this.isInAction($node)) {\n        this.switchVerticalArrow($node.children('.bottomEdge'));\n      }\n    },\n    // build the parent node of specific node\n    buildParentNode: function ($currentRoot, data) {\n      data.relationship = data.relationship || '001';\n      var $table = $('<table>')\n        .append($('<tr>').append($('<td colspan=\"2\">').append(this.createNode(data))))\n        .append('<tr class=\"lines\"><td colspan=\"2\"><div class=\"downLine\"></div></td></tr>')\n        .append('<tr class=\"lines\"><td class=\"rightLine\"></td><td class=\"leftLine\"></td></tr>');\n      this.$chart.prepend($table)\n        .children('table:first').append('<tr class=\"nodes\"><td colspan=\"2\"></td></tr>')\n        .children('tr:last').children().append(this.$chart.children('table').last());\n    },\n    // exposed method\n    addParent: function ($currentRoot, data) {\n      this.buildParentNode($currentRoot, data);\n      if (!$currentRoot.children('.topEdge').length) {\n        $currentRoot.children('.title').after('<i class=\"edge verticalEdge topEdge oci\"></i>');\n      }\n      if (this.isInAction($currentRoot)) {\n        this.switchVerticalArrow($currentRoot.children('.topEdge'));\n      }\n    },\n    // subsequent processing of build sibling nodes\n    complementLine: function ($oneSibling, siblingCount, existingSibligCount) {\n      var lines = '';\n      for (var i = 0; i < existingSibligCount; i++) {\n        lines += '<td class=\"leftLine topLine\"></td><td class=\"rightLine topLine\"></td>';\n      }\n      $oneSibling.parent().prevAll('tr:gt(0)').children().attr('colspan', siblingCount * 2)\n        .end().next().children(':first').after(lines);\n    },\n    // build the sibling nodes of specific node\n    buildSiblingNode: function ($nodeChart, data) {\n      var newSiblingCount = $.isArray(data) ? data.length : data.children.length;\n      var existingSibligCount = $nodeChart.parent().is('td') ? $nodeChart.closest('tr').children().length : 1;\n      var siblingCount = existingSibligCount + newSiblingCount;\n      var insertPostion = (siblingCount > 1) ? Math.floor(siblingCount/2 - 1) : 0;\n      // just build the sibling nodes for the specific node\n      if ($nodeChart.parent().is('td')) {\n        var $parent = $nodeChart.closest('tr').prevAll('tr:last');\n        $nodeChart.closest('tr').prevAll('tr:lt(2)').remove();\n        this.buildChildNode($nodeChart.parent().closest('table'), data);\n        var $siblingTds = $nodeChart.parent().closest('table').children('tr:last').children('td');\n        if (existingSibligCount > 1) {\n          this.complementLine($siblingTds.eq(0).before($nodeChart.closest('td').siblings().addBack().unwrap()), siblingCount, existingSibligCount);\n        } else {\n          this.complementLine($siblingTds.eq(insertPostion).after($nodeChart.closest('td').unwrap()), siblingCount, 1);\n        }\n      } else { // build the sibling nodes and parent node for the specific ndoe\n        this.buildHierarchy($nodeChart.closest('.orgchart'), data);\n        this.complementLine($nodeChart.next().children('tr:last').children().eq(insertPostion).after($('<td colspan=\"2\">').append($nodeChart)),\n          siblingCount, 1);\n      }\n    },\n    //\n    addSiblings: function ($node, data) {\n      this.buildSiblingNode($node.closest('table'), data);\n      $node.closest('.nodes').data('siblingsLoaded', true);\n      if (!$node.children('.leftEdge').length) {\n        $node.children('.topEdge').after('<i class=\"edge horizontalEdge rightEdge oci\"></i><i class=\"edge horizontalEdge leftEdge oci\"></i>');\n      }\n      if (this.isInAction($node)) {\n        this.switchHorizontalArrow($node);\n        $node.children('.topEdge').removeClass('oci-chevron-up').addClass('oci-chevron-down');\n      }\n    },\n    //\n    removeNodes: function ($node) {\n      var $parent = $node.closest('table').parent();\n      var $sibs = $parent.parent().siblings();\n      if ($parent.is('td')) {\n        if (this.getNodeState($node, 'siblings').exist) {\n          $sibs.eq(2).children('.topLine:lt(2)').remove();\n          $sibs.slice(0, 2).children().attr('colspan', $sibs.eq(2).children().length);\n          $parent.remove();\n        } else {\n          $sibs.eq(0).children().removeAttr('colspan')\n            .find('.bottomEdge').remove()\n            .end().end().siblings().remove();\n        }\n      } else {\n        $parent.add($parent.siblings()).remove();\n      }\n    },\n    //\n    hideDropZones: function () {\n      // Remove all the 'this is a drop zone' indicators\n      var orgChartObj = this;\n      orgChartObj.$chart.find('.allowedDrop')\n        .removeClass('allowedDrop');\n    },\n    //\n    showDropZones: function (dragged) {\n      // Highlight all the 'drop zones', and set dragged, so that the drop/enter can work out what happens later\n      // TODO: This assumes all nodes are droppable: it doesn't run the custom isDroppable function - it should!\n      var orgChartObj = this;\n      orgChartObj.$chart.find('.node')\n        .each(function (index, node) {\n          $(node).addClass('allowedDrop');\n        });\n      orgChartObj.$chart.data('dragged', $(dragged));\n    },\n    //\n    processExternalDrop: function (dropZone, dragged) {\n      // Allow an external drop event to be handled by one of our nodes\n      if (dragged) {\n        this.$chart.data('dragged', $(dragged));\n      }\n      var droppedOnNode = dropZone.closest('.node');\n      // would like to just call 'dropZoneHandler', but I can't reach it from here\n      // instead raise a drop event on the node element\n      droppedOnNode.triggerHandler({ 'type': 'drop' });\n    },\n    //\n    exportPDF: function(canvas, exportFilename){\n      var doc = {};\n      var docWidth = Math.floor(canvas.width);\n      var docHeight = Math.floor(canvas.height);\n\n      if (docWidth > docHeight) {\n        doc = new jsPDF({\n          orientation: 'landscape',\n          unit: 'px',\n          format: [docWidth, docHeight]\n        });\n      } else {\n        doc = new jsPDF({\n          orientation: 'portrait',\n          unit: 'px',\n          format: [docHeight, docWidth]\n        });\n      }\n      doc.addImage(canvas.toDataURL(), 'png', 0, 0);\n      doc.save(exportFilename + '.pdf');\n    },\n    //\n    exportPNG: function(canvas, exportFilename){\n      var that = this;\n      var isWebkit = 'WebkitAppearance' in document.documentElement.style;\n      var isFf = !!window.sidebar;\n      var isEdge = navigator.appName === 'Microsoft Internet Explorer' || (navigator.appName === \"Netscape\" && navigator.appVersion.indexOf('Edge') > -1);\n      var $chartContainer = this.$chartContainer;\n\n      if ((!isWebkit && !isFf) || isEdge) {\n        window.navigator.msSaveBlob(canvas.msToBlob(), exportFilename + '.png');\n      } else {\n        var selector = '.oci-download-btn' + (that.options.chartClass !== '' ? '.' + that.options.chartClass : '');\n\n        if (!$chartContainer.find(selector).length) {\n          $chartContainer.append('<a class=\"oci-download-btn' + (that.options.chartClass !== '' ? ' ' + that.options.chartClass : '') + '\"'\n                                 + ' download=\"' + exportFilename + '.png\"></a>');\n        }\n\n        $chartContainer.find(selector).attr('href', canvas.toDataURL())[0].click();\n      }\n    },\n    //\n    export: function (exportFilename, exportFileextension) {\n      var that = this;\n      exportFilename = (typeof exportFilename !== 'undefined') ?  exportFilename : this.options.exportFilename;\n      exportFileextension = (typeof exportFileextension !== 'undefined') ?  exportFileextension : this.options.exportFileextension;\n      if ($(this).children('.spinner').length) {\n        return false;\n      }\n      var $chartContainer = this.$chartContainer;\n      var $mask = $chartContainer.find('.mask');\n      if (!$mask.length) {\n        $chartContainer.append('<div class=\"mask\"><i class=\"oci oci-spinner spinner\"></i></div>');\n      } else {\n        $mask.removeClass('hidden');\n      }\n      var sourceChart = $chartContainer.addClass('canvasContainer').find('.orgchart:not(\".hidden\")').get(0);\n      var flag = that.options.direction === 'l2r' || that.options.direction === 'r2l';\n      html2canvas(sourceChart, {\n        'width': flag ? sourceChart.clientHeight : sourceChart.clientWidth,\n        'height': flag ? sourceChart.clientWidth : sourceChart.clientHeight,\n        'onclone': function (cloneDoc) {\n          $(cloneDoc).find('.canvasContainer').css('overflow', 'visible')\n            .find('.orgchart:not(\".hidden\"):first').css('transform', '');\n        }\n      })\n      .then(function (canvas) {\n        $chartContainer.find('.mask').addClass('hidden');\n\n        if (exportFileextension.toLowerCase() === 'pdf') {\n          that.exportPDF(canvas, exportFilename);\n        } else {\n          that.exportPNG(canvas, exportFilename);\n        }\n\n        $chartContainer.removeClass('canvasContainer');\n      }, function () {\n        $chartContainer.removeClass('canvasContainer');\n      });\n    }\n  };\n\n  $.fn.orgchart = function (opts) {\n    return new OrgChart(this, opts).init();\n  };\n\n}));\n"]}
\ No newline at end of file
diff --git a/gulpfile.js b/gulpfile.js
index fe5177c5..75d1ce8e 100644
--- a/gulpfile.js
+++ b/gulpfile.js
@@ -43,12 +43,6 @@ gulp.task('integration-tests', gulp.series('unit-tests', function () {
 }));
 
 gulp.task('addAssets', gulp.series('integration-tests', function () {
-  var fontawesomeCSS = gulp.src('node_modules/font-awesome/css/font-awesome.min.css')
-    .pipe(gulp.dest(paths.demoCSSFolder));
-
-  var fontawesomeFonts = gulp.src('node_modules/font-awesome/fonts/*')
-    .pipe(gulp.dest(paths.demo + '/fonts'));
-
   var jsFiles = gulp.src([
       paths.srcJS,
       'node_modules/jquery/dist/jquery.min.js',
@@ -61,7 +55,7 @@ gulp.task('addAssets', gulp.series('integration-tests', function () {
   var cssFiles = gulp.src(paths.srcCSS)
     .pipe(gulp.dest(paths.demoCSSFolder));
 
-  return merge(fontawesomeCSS, fontawesomeFonts, jsFiles, cssFiles);
+  return merge(jsFiles, cssFiles);
 }));
 
 gulp.task('visual-regression', function () {
diff --git a/package-lock.json b/package-lock.json
index d0bb25d0..503274c5 100755
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,6 +1,6 @@
 {
   "name": "orgchart",
-  "version": "2.1.7",
+  "version": "2.1.9",
   "lockfileVersion": 1,
   "requires": true,
   "dependencies": {
@@ -5848,11 +5848,6 @@
         }
       }
     },
-    "font-awesome": {
-      "version": "4.7.0",
-      "resolved": "https://registry.npmjs.org/font-awesome/-/font-awesome-4.7.0.tgz",
-      "integrity": "sha1-j6jPBBGhoxr9B7BtKQK7n8gVoTM="
-    },
     "for-in": {
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/for-in/-/for-in-1.0.2.tgz",
diff --git a/package.json b/package.json
index 65ce1147..4242b3fb 100755
--- a/package.json
+++ b/package.json
@@ -35,7 +35,6 @@
   },
   "homepage": "https://github.com/dabeng/OrgChart#readme",
   "dependencies": {
-    "font-awesome": "^4.6.3",
     "html2canvas": "^1.0.0-rc.5",
     "jquery": "^3.4.1",
     "jquery-mockjax": "^2.5.0",
diff --git a/src/css/jquery.orgchart.css b/src/css/jquery.orgchart.css
index e22b3521..3e17ef35 100644
--- a/src/css/jquery.orgchart.css
+++ b/src/css/jquery.orgchart.css
@@ -102,7 +102,7 @@
 .orgchart>.spinner::before {
   width: 100px;
   height: 100px;
-  border-width: 20px;
+  border-width: 10px;
   border-radius: 50px;
   margin-top: 30px;
   border-top-color: rgba(68, 157, 68, 0.8);
@@ -174,13 +174,12 @@
   position: absolute;
   top: calc(50% - 1rem);
   left: calc(50% - 1rem);
-  /*vertical-align: middle;*/
 }
 
 .orgchart .node>.spinner::before {
   width: 2rem;
   height: 2rem;
-  border-width: 0.4rem;
+  border-width: 0.2rem;
   border-radius: 1rem;
   border-top-color: rgba(68, 157, 68, 0.8);
   border-bottom-color: rgba(68, 157, 68, 0.8);
@@ -316,15 +315,37 @@
   width: calc(100% - 6px);
   width: -webkit-calc(100% - 6px);
   width: -moz-calc(100% - 6px);
+  height: 10px;
   left: 3px;
 }
 
+.orgchart .node .verticalEdge::before {
+  position: absolute;
+  left: calc(50% - 0.3125rem);
+}
+
 .orgchart .node .topEdge {
-  top: -9px;
+  top: -2px;
+}
+
+.orgchart .node .topEdge.oci-chevron-up::before {
+  top: 2px;
+}
+
+.orgchart .node .topEdge.oci-chevron-down::before {
+  bottom: 3px;
 }
 
 .orgchart .node .bottomEdge {
-  bottom: -6px;
+  bottom: -2px;
+}
+
+.orgchart .node .bottomEdge.oci-chevron-up::before {
+  bottom: -3px;
+}
+
+.orgchart .node .bottomEdge.oci-chevron-down::before {
+  bottom: 1px;
 }
 
 .orgchart .node .horizontalEdge {
@@ -345,17 +366,25 @@
 
 .orgchart .node .horizontalEdge::before {
   position: absolute;
-  top: calc(50% - 4px);
+  top: calc(50% - 0.3125rem);
 }
 
-.orgchart .node .rightEdge::before {
+.orgchart .node .rightEdge.oci-chevron-left::before {
   right: -3px;
 }
 
-.orgchart .node .leftEdge::before {
+.orgchart .node .rightEdge.oci-chevron-right::before {
+  right: 1px;
+}
+
+.orgchart .node .leftEdge.oci-chevron-right::before {
   left: -3px;
 }
 
+.orgchart .node .leftEdge.oci-chevron-left::before {
+  left: 1px;
+}
+
 .orgchart .node .toggleBtn {
   position: absolute;
   left: 5px;
@@ -370,7 +399,7 @@
   background-color: #449d44;
 }
 
-.oci-export-btn {
+.oc-export-btn {
   display: inline-block;
   position: absolute;
   right: 5px;
@@ -393,13 +422,13 @@
   border-radius: 4px;
 }
 
-.oci-export-btn[disabled] {
+.oc-export-btn[disabled] {
   cursor: not-allowed;
   box-shadow: none;
   opacity: 0.3;
 }
 
-.oci-export-btn:hover,.oci-export-btn:focus,.oci-export-btn:active  {
+.oc-export-btn:hover,.oc-export-btn:focus,.oc-export-btn:active  {
   background-color: #449d44;
   border-color: #347a34;
 }
@@ -424,7 +453,7 @@
 .orgchart~.mask .spinner::before {
   width: 100px;
   height: 100px;
-  border-width: 20px;
+  border-width: 10px;
   border-radius: 50px;
   border-top-color: rgba(68, 157, 68, 0.8);
   border-bottom-color: rgba(68, 157, 68, 0.8);
@@ -536,14 +565,12 @@
   position: absolute;
   content: "";
   display: inline-block;
-  box-sizing: border-box;
-  width: 0.625rem;
-  height: 0.625rem;
-  border: 0.0625rem solid #fff;
-  border-radius: 0.3rem;
+  width: 0.4rem;
+  height: 0.4rem;
+  border-radius: 0.2rem;
   background: #000;
   top: -0.75rem;
-  z-index: 1;
+  left: 0.1rem;
 }
 
 .oci-leader::after {
@@ -552,7 +579,7 @@
   display: inline-block;
   width: 0.875rem;
   height: 0.375rem;
-  border-radius: 0.4rem 0.4rem 0 0;
+  border-radius: 0.25rem 0.25rem 0 0;
   background: #000;
   top: -0.3rem;
   left: -0.125rem;
@@ -569,6 +596,18 @@
   color: #fff;
 }
 
+.oci-plus-circle::before {
+  content: "+";
+  display: inline-block;
+  vertical-align: text-bottom;
+  text-align: center;
+  width: 1rem;
+  height: 1rem;
+  border-radius: 0.5rem;
+  background-color: #000;
+  color: #fff;
+}
+
 .oci-minus-square::before {
   content: "−";
   display: inline-block;
@@ -580,6 +619,18 @@
   color: #fff;
 }
 
+.oci-minus-circle::before {
+  content: "−";
+  display: inline-block;
+  vertical-align: text-bottom;
+  text-align: center;
+  width: 1rem;
+  height: 1rem;
+  border-radius: 0.5rem;
+  background-color: #000;
+  color: #fff;
+}
+
 .oci-arrow-circle-up::before {
   content: "▲";
   display: inline-block;
@@ -626,7 +677,7 @@
   box-sizing: border-box;
   width: 1rem;
   height: 1rem;
-  border: 0.2rem solid #000;
+  border: 0.1rem solid #000;
   border-right-color: transparent;
   border-radius: 0.625rem;
   animation: oci-infinite-spinning .75s linear infinite;
diff --git a/src/js/jquery.orgchart.js b/src/js/jquery.orgchart.js
index 1d7d4814..717cee22 100644
--- a/src/js/jquery.orgchart.js
+++ b/src/js/jquery.orgchart.js
@@ -87,7 +87,7 @@
       $chartContainer.append($chart);
 
       // append the export button
-      if (this.options.exportButton && !$chartContainer.find('.oci-export-btn').length) {
+      if (this.options.exportButton && !$chartContainer.find('.oc-export-btn').length) {
         this.attachExportButton();
       }
 
@@ -126,7 +126,7 @@
     attachExportButton: function () {
       var that = this;
       var $exportBtn = $('<button>', {
-        'class': 'oci-export-btn' + (this.options.chartClass !== '' ? ' ' + this.options.chartClass : ''),
+        'class': 'oc-export-btn' + (this.options.chartClass !== '' ? ' ' + this.options.chartClass : ''),
         'text': 'Export',
         'click': function(e) {
           e.preventDefault();
diff --git a/test/integration/init-tests.js b/test/integration/init-tests.js
index aaffcb22..c2daa66b 100644
--- a/test/integration/init-tests.js
+++ b/test/integration/init-tests.js
@@ -19,15 +19,15 @@ describe('orgchart -- integration tests', function () {
     ]
   },
   fragment = '<div class="orgchart"><table><tr><td colspan="4"><div id="n1" class="node">' +
-    '<div class="title"><i class="oc oc-leader symbol"></i>Lao Lao</div><i class="edge verticalEdge bottomEdge oc"></i></div>' +
+    '<div class="title"><i class="oci oci-leader symbol"></i>Lao Lao</div><i class="edge verticalEdge bottomEdge oci"></i></div>' +
     '</td></tr><tr class="lines"><td colspan="4"><div class="downLine"></div></td></tr>' +
     '<tr class="lines"><td class="rightLine"></td><td class="leftLine topLine"></td>' +
     '<td class="rightLine topLine"></td><td class="leftLine"></td></tr><tr class="nodes"><td colspan="2"><table><tr><td>' +
-    '<div id="n2" data-parent="n1" class="node"><div class="title">Bo Miao</div><i class="edge verticalEdge topEdge oc"></i>' +
-    '<i class="edge horizontalEdge rightEdge oc"></i><i class="edge horizontalEdge leftEdge oc"></i></div></td></tr></table></td>' +
+    '<div id="n2" data-parent="n1" class="node"><div class="title">Bo Miao</div><i class="edge verticalEdge topEdge oci"></i>' +
+    '<i class="edge horizontalEdge rightEdge oci"></i><i class="edge horizontalEdge leftEdge oci"></i></div></td></tr></table></td>' +
     '<td colspan="2"><table><tr><td><div id="n3" data-parent="n1" class="node"><div class="title">Su Miao</div>' +
-    '<i class="edge verticalEdge topEdge oc"></i><i class="edge horizontalEdge rightEdge oc"></i>' +
-    '<i class="edge horizontalEdge leftEdge oc"></i></div></td></tr></table></td></tr></table></div>',
+    '<i class="edge verticalEdge topEdge oci"></i><i class="edge horizontalEdge rightEdge oci"></i>' +
+    '<i class="edge horizontalEdge leftEdge oci"></i></div></td></tr></table></td></tr></table></div>',
   oc = {};
     
   afterEach(function () {
@@ -105,10 +105,10 @@ describe('orgchart -- integration tests', function () {
       };
 
       it('verticalLevel=2 and visibleLevel=1', function () {
-        var fragment = '<div class="orgchart"><table><tr><td colspan="4"><div class="node"><div class="title"><i class="oc oc-leader symbol"></i>Lao Lao</div>' +
-          '<i class="edge verticalEdge bottomEdge oc"></i></div></td></tr><tr class="verticalNodes hidden"><td><ul><li><div class="node slide-up">' +
+        var fragment = '<div class="orgchart"><table><tr><td colspan="4"><div class="node"><div class="title"><i class="oci oci-leader symbol"></i>Lao Lao</div>' +
+          '<i class="edge verticalEdge bottomEdge oci"></i></div></td></tr><tr class="verticalNodes hidden"><td><ul><li><div class="node slide-up">' +
           '<div class="title">Bo Miao</div></div></li><li><div class="node slide-up"><div class="title">Su Miao</div>' +
-          '<i class="toggleBtn oc oc-plus-square"></i></div><ul class="hidden"><li><div class="node slide-up"><div class="title">Tie Hua</div></div></li>' +
+          '<i class="toggleBtn oci oci-plus-square"></i></div><ul class="hidden"><li><div class="node slide-up"><div class="title">Tie Hua</div></div></li>' +
           '<li><div class="node slide-up"><div class="title">Hei Hei</div></div></li></ul></li></ul></td></tr></table></div>';
         oc = $container.orgchart({
           'data': ds,
@@ -119,9 +119,9 @@ describe('orgchart -- integration tests', function () {
       });
 
       it('verticalLevel=2 and visibleLevel=2', function () {
-        var fragment = '<div class="orgchart"><table><tr><td colspan="4"><div class="node"><div class="title"><i class="oc oc-leader symbol"></i>Lao Lao</div>' +
-          '<i class="edge verticalEdge bottomEdge oc"></i></div></td></tr><tr class="verticalNodes"><td><ul><li><div class="node">' +
-          '<div class="title">Bo Miao</div></div></li><li><div class="node"><div class="title">Su Miao</div><i class="toggleBtn oc oc-plus-square"></i></div>' +
+        var fragment = '<div class="orgchart"><table><tr><td colspan="4"><div class="node"><div class="title"><i class="oci oci-leader symbol"></i>Lao Lao</div>' +
+          '<i class="edge verticalEdge bottomEdge oci"></i></div></td></tr><tr class="verticalNodes"><td><ul><li><div class="node">' +
+          '<div class="title">Bo Miao</div></div></li><li><div class="node"><div class="title">Su Miao</div><i class="toggleBtn oci oci-plus-square"></i></div>' +
           '<ul class="hidden"><li><div class="node slide-up"><div class="title">Tie Hua</div></div></li><li><div class="node slide-up">' +
           '<div class="title">Hei Hei</div></div></li></ul></li></ul></td></tr></table></div>';
         oc = $container.orgchart({
@@ -133,9 +133,9 @@ describe('orgchart -- integration tests', function () {
       });
 
       it('verticalLevel=2 and visibleLevel=3', function () {
-        var fragment = '<div class="orgchart"><table><tr><td colspan="4"><div class="node"><div class="title"><i class="oc oc-leader symbol"></i>Lao Lao</div>' +
-          '<i class="edge verticalEdge bottomEdge oc"></i></div></td></tr><tr class="verticalNodes"><td><ul><li><div class="node">' +
-          '<div class="title">Bo Miao</div></div></li><li><div class="node"><div class="title">Su Miao</div><i class="toggleBtn oc oc-minus-square"></i></div>' +
+        var fragment = '<div class="orgchart"><table><tr><td colspan="4"><div class="node"><div class="title"><i class="oci oci-leader symbol"></i>Lao Lao</div>' +
+          '<i class="edge verticalEdge bottomEdge oci"></i></div></td></tr><tr class="verticalNodes"><td><ul><li><div class="node">' +
+          '<div class="title">Bo Miao</div></div></li><li><div class="node"><div class="title">Su Miao</div><i class="toggleBtn oci oci-minus-square"></i></div>' +
           '<ul><li><div class="node"><div class="title">Tie Hua</div></div></li><li><div class="node"><div class="title">Hei Hei</div></div>' +
           '</li></ul></li></ul></td></tr></table></div>';
         oc = $container.orgchart({

From 45bee6707c10f5a1a1cb676bfcbf0c4eb8056d93 Mon Sep 17 00:00:00 2001
From: dabeng <dabeng413@gmail.com>
Date: Mon, 20 Jan 2020 22:47:45 +0800
Subject: [PATCH 6/6] add oci icons

---
 dist/js/jquery.orgchart.js         | 4 ++--
 dist/js/jquery.orgchart.min.js     | 2 +-
 dist/js/jquery.orgchart.min.js.map | 2 +-
 gulpfile.js                        | 2 +-
 src/js/jquery.orgchart.js          | 4 ++--
 5 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/dist/js/jquery.orgchart.js b/dist/js/jquery.orgchart.js
index 717cee22..5414e255 100644
--- a/dist/js/jquery.orgchart.js
+++ b/dist/js/jquery.orgchart.js
@@ -662,7 +662,7 @@
       $edge.parent().append('<i class="oci oci-spinner spinner"></i>')
         .children().not('.spinner').css('opacity', 0.2);
       $chart.data('inAjax', true);
-      $('.oci-export-btn' + (this.options.chartClass !== '' ? '.' + this.options.chartClass : '')).prop('disabled', true);
+      $('.oc-export-btn' + (this.options.chartClass !== '' ? '.' + this.options.chartClass : '')).prop('disabled', true);
       return true;
     },
     // terminate loading status for requesting new nodes
@@ -672,7 +672,7 @@
       $node.find('.spinner').remove();
       $node.children().removeAttr('style');
       this.$chart.data('inAjax', false);
-      $('.oci-export-btn' + (this.options.chartClass !== '' ? '.' + this.options.chartClass : '')).prop('disabled', false);
+      $('.oc-export-btn' + (this.options.chartClass !== '' ? '.' + this.options.chartClass : '')).prop('disabled', false);
     },
     // whether the cursor is hovering over the node
     isInAction: function ($node) {
diff --git a/dist/js/jquery.orgchart.min.js b/dist/js/jquery.orgchart.min.js
index 0424cca2..6e5d00bf 100644
--- a/dist/js/jquery.orgchart.min.js
+++ b/dist/js/jquery.orgchart.min.js
@@ -1,2 +1,2 @@
-"use strict";!function(e){"object"==typeof module&&"object"==typeof module.exports?e(require("jquery"),window,document):e(jQuery,window,document)}(function(u,p,f,e){function t(e,t){this.$chartContainer=u(e),this.opts=t,this.defaultOptions={nodeTitle:"name",nodeId:"id",toggleSiblingsResp:!1,visibleLevel:999,chartClass:"",exportButton:!1,exportFilename:"OrgChart",exportFileextension:"png",parentNodeSymbol:"oci-leader",draggable:!1,direction:"t2b",pan:!1,zoom:!1,zoominLimit:7,zoomoutLimit:.5}}t.prototype={init:function(e){var n=this;this.options=u.extend({},this.defaultOptions,this.opts,e);var t=this.$chartContainer;this.$chart&&this.$chart.remove();var i=this.options.data,s=this.$chart=u("<div>",{data:{options:this.options},class:"orgchart"+(""!==this.options.chartClass?" "+this.options.chartClass:"")+("t2b"!==this.options.direction?" "+this.options.direction:""),click:function(e){u(e.target).closest(".node").length||s.find(".node.focused").removeClass("focused")}});return"undefined"!=typeof MutationObserver&&this.triggerInitEvent(),"object"===u.type(i)?i instanceof u?this.buildHierarchy(s,this.buildJsonDS(i.children()),0,this.options):this.buildHierarchy(s,this.options.ajaxURL?i:this.attachRel(i,"00")):(s.append('<i class="oci oci-spinner spinner"></i>'),u.ajax({url:i,dataType:"json"}).done(function(e,t,i){n.buildHierarchy(s,n.options.ajaxURL?e:n.attachRel(e,"00"),0,n.options)}).fail(function(e,t,i){console.log(i)}).always(function(){s.children(".spinner").remove()})),t.append(s),this.options.exportButton&&!t.find(".oc-export-btn").length&&this.attachExportButton(),this.options.pan&&this.bindPan(),this.options.zoom&&this.bindZoom(),this},triggerInitEvent:function(){var s=this,a=new MutationObserver(function(e){a.disconnect();e:for(var t=0;t<e.length;t++)for(var i=0;i<e[t].addedNodes.length;i++)if(e[t].addedNodes[i].classList.contains("orgchart")){s.options.initCompleted&&"function"==typeof s.options.initCompleted&&s.options.initCompleted(s.$chart);var n=u.Event("init.orgchart");s.$chart.trigger(n);break e}});a.observe(this.$chartContainer[0],{childList:!0})},attachExportButton:function(){var t=this,e=u("<button>",{class:"oc-export-btn"+(""!==this.options.chartClass?" "+this.options.chartClass:""),text:"Export",click:function(e){e.preventDefault(),t.export()}});this.$chartContainer.append(e)},setOptions:function(e,t){return"string"==typeof e&&("pan"===e&&(t?this.bindPan():this.unbindPan()),"zoom"===e&&(t?this.bindZoom():this.unbindZoom())),"object"==typeof e&&(e.data?this.init(e):(void 0!==e.pan&&(e.pan?this.bindPan():this.unbindPan()),void 0!==e.zoom&&(e.zoom?this.bindZoom():this.unbindZoom()))),this},panStartHandler:function(e){var a=u(e.delegateTarget);if(u(e.target).closest(".node").length||e.touches&&1<e.touches.length)a.data("panning",!1);else{a.css("cursor","move").data("panning",!0);var t=0,i=0,n=a.css("transform");if("none"!==n){var s=n.split(",");i=-1===n.indexOf("3d")?(t=parseInt(s[4]),parseInt(s[5])):(t=parseInt(s[12]),parseInt(s[13]))}var o=0,r=0;if(e.targetTouches){if(1===e.targetTouches.length)o=e.targetTouches[0].pageX-t,r=e.targetTouches[0].pageY-i;else if(1<e.targetTouches.length)return}else o=e.pageX-t,r=e.pageY-i;a.on("mousemove touchmove",function(e){if(a.data("panning")){var t=0,i=0;if(e.targetTouches){if(1===e.targetTouches.length)t=e.targetTouches[0].pageX-o,i=e.targetTouches[0].pageY-r;else if(1<e.targetTouches.length)return}else t=e.pageX-o,i=e.pageY-r;var n=a.css("transform");if("none"===n)-1===n.indexOf("3d")?a.css("transform","matrix(1, 0, 0, 1, "+t+", "+i+")"):a.css("transform","matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, "+t+", "+i+", 0, 1)");else{var s=n.split(",");-1===n.indexOf("3d")?(s[4]=" "+t,s[5]=" "+i+")"):(s[12]=" "+t,s[13]=" "+i),a.css("transform",s.join(","))}}})}},panEndHandler:function(e){e.data.chart.data("panning")&&e.data.chart.data("panning",!1).css("cursor","default").off("mousemove")},bindPan:function(){this.$chartContainer.css("overflow","hidden"),this.$chart.on("mousedown touchstart",this.panStartHandler),u(f).on("mouseup touchend",{chart:this.$chart},this.panEndHandler)},unbindPan:function(){this.$chartContainer.css("overflow","auto"),this.$chart.off("mousedown touchstart",this.panStartHandler),u(f).off("mouseup touchend",this.panEndHandler)},zoomWheelHandler:function(e){var t=e.data.oc;e.preventDefault();var i=1+(0<e.originalEvent.deltaY?-.2:.2);t.setChartScale(t.$chart,i)},zoomStartHandler:function(e){if(e.touches&&2===e.touches.length){var t=e.data.oc;t.$chart.data("pinching",!0);var i=t.getPinchDist(e);t.$chart.data("pinchDistStart",i)}},zoomingHandler:function(e){var t=e.data.oc;if(t.$chart.data("pinching")){var i=t.getPinchDist(e);t.$chart.data("pinchDistEnd",i)}},zoomEndHandler:function(e){var t=e.data.oc;if(t.$chart.data("pinching")){t.$chart.data("pinching",!1);var i=t.$chart.data("pinchDistEnd")-t.$chart.data("pinchDistStart");0<i?t.setChartScale(t.$chart,1.2):i<0&&t.setChartScale(t.$chart,.8)}},bindZoom:function(){this.$chartContainer.on("wheel",{oc:this},this.zoomWheelHandler),this.$chartContainer.on("touchstart",{oc:this},this.zoomStartHandler),u(f).on("touchmove",{oc:this},this.zoomingHandler),u(f).on("touchend",{oc:this},this.zoomEndHandler)},unbindZoom:function(){this.$chartContainer.off("wheel",this.zoomWheelHandler),this.$chartContainer.off("touchstart",this.zoomStartHandler),u(f).off("touchmove",this.zoomingHandler),u(f).off("touchend",this.zoomEndHandler)},getPinchDist:function(e){return Math.sqrt((e.touches[0].clientX-e.touches[1].clientX)*(e.touches[0].clientX-e.touches[1].clientX)+(e.touches[0].clientY-e.touches[1].clientY)*(e.touches[0].clientY-e.touches[1].clientY))},setChartScale:function(e,t){var i=e.data("options"),n=e.css("transform"),s="",a=1;"none"===n?e.css("transform","scale("+t+","+t+")"):(s=n.split(","),-1===n.indexOf("3d")?(a=Math.abs(p.parseFloat(s[3])*t))>i.zoomoutLimit&&a<i.zoominLimit&&e.css("transform",n+" scale("+t+","+t+")"):(a=Math.abs(p.parseFloat(s[1])*t))>i.zoomoutLimit&&a<i.zoominLimit&&e.css("transform",n+" scale3d("+t+","+t+", 1)"))},buildJsonDS:function(e){var t=this,i={name:e.contents().eq(0).text().trim(),relationship:(e.parent().parent().is("li")?"1":"0")+(e.siblings("li").length?1:0)+(e.children("ul").length?1:0)};return u.each(e.data(),function(e,t){i[e]=t}),e.children("ul").children().each(function(){i.children||(i.children=[]),i.children.push(t.buildJsonDS(u(this)))}),i},attachRel:function(t,e){var i=this;return t.relationship=e+(t.children&&0<t.children.length?1:0),t.children&&t.children.forEach(function(e){i.attachRel(e,"1"+(1<t.children.length?1:0))}),t},loopChart:function(e){var t=this,i=e.find("tr:first"),n={id:i.find(".node")[0].id};return i.siblings(":last").children().each(function(){n.children||(n.children=[]),n.children.push(t.loopChart(u(this)))}),n},getHierarchy:function(){if(void 0===this.$chart)return"Error: orgchart does not exist";if(!this.$chart.find(".node").length)return"Error: nodes do not exist";var e=!0;return this.$chart.find(".node").each(function(){if(!this.id)return e=!1}),e?this.loopChart(this.$chart):"Error: All nodes of orghcart to be exported must have data-id attribute!"},getNodeState:function(e,t){var i={},n=e.parent().is("li");if("parent"===(t=t||"self")){if(n?(i=e.closest("ul").parents("ul")).length||(i=e.closest(".nodes")).length||(i=e.closest(".verticalNodes").siblings(":first")):i=e.closest(".nodes").siblings(":first"),i.length)return i.is(".hidden")||!i.is(".hidden")&&i.closest(".nodes").is(".hidden")||!i.is(".hidden")&&i.closest(".verticalNodes").is(".hidden")?{exist:!0,visible:!1}:{exist:!0,visible:!0}}else if("children"===t){if((i=n?e.parent().children("ul"):e.closest("tr").siblings(":last")).length)return i.is(".hidden")?{exist:!0,visible:!1}:{exist:!0,visible:!0}}else if("siblings"===t){if((i=n?e.closest("ul"):e.closest("table").parent().siblings()).length&&(!n||1<i.children("li").length))return i.is(".hidden")||i.parent().is(".hidden")||n&&i.closest(".verticalNodes").is(".hidden")?{exist:!0,visible:!1}:{exist:!0,visible:!0}}else if((i=e).length)return i.closest(".nodes").length&&i.closest(".nodes").is(".hidden")||i.closest("table").parent().length&&i.closest("table").parent().is(".hidden")||i.parent().is("li")&&(i.closest("ul").is(".hidden")||i.closest(".verticalNodes").is(".hidden"))?{exist:!0,visible:!1}:{exist:!0,visible:!0};return{exist:!1,visible:!1}},getRelatedNodes:function(e,t){return e&&e instanceof u&&e.is(".node")?"parent"===t?e.closest(".nodes").parent().children(":first").find(".node"):"children"===t?e.closest("tr").siblings(".nodes").children().find(".node:first"):"siblings"===t?e.closest("table").parent().siblings().find(".node:first"):u():u()},hideParentEnd:function(e){u(e.target).removeClass("sliding"),e.data.upperLevel.addClass("hidden").slice(1).removeAttr("style")},hideParent:function(e){var t=e.closest(".nodes").siblings();t.eq(0).find(".spinner").length&&e.closest(".orgchart").data("inAjax",!1),this.getNodeState(e,"siblings").visible&&this.hideSiblings(e),t.slice(1).css("visibility","hidden");var i=t.eq(0).find(".node");this.getNodeState(i).visible&&i.addClass("sliding slide-down").one("transitionend",{upperLevel:t},this.hideParentEnd),this.getNodeState(i,"parent").visible&&this.hideParent(i)},showParentEnd:function(e){var t=e.data.node;u(e.target).removeClass("sliding"),this.isInAction(t)&&this.switchVerticalArrow(t.children(".topEdge"))},showParent:function(e){var t=e.closest(".nodes").siblings().removeClass("hidden");t.eq(2).children().slice(1,-1).addClass("hidden");var i=t.eq(0).find(".node");this.repaint(i[0]),i.addClass("sliding").removeClass("slide-down").one("transitionend",{node:e},this.showParentEnd.bind(this))},stopAjax:function(e){e.find(".spinner").length&&e.closest(".orgchart").data("inAjax",!1)},isVisibleNode:function(e,t){return this.getNodeState(u(t)).visible},hideChildrenEnd:function(e){var t=e.data.node;e.data.animatedNodes.removeClass("sliding"),e.data.isVerticalDesc?e.data.lowerLevel.addClass("hidden"):(e.data.animatedNodes.closest(".nodes").prevAll(".lines").removeAttr("style").addBack().addClass("hidden"),e.data.lowerLevel.last().find(".verticalNodes").addClass("hidden")),this.isInAction(t)&&this.switchVerticalArrow(t.children(".bottomEdge"))},hideChildren:function(e){var t=e.closest("tr").siblings();this.stopAjax(t.last());var i=t.last().find(".node").filter(this.isVisibleNode.bind(this)),n=!!t.last().is(".verticalNodes");n||i.closest("table").closest("tr").prevAll(".lines").css("visibility","hidden"),this.repaint(i.get(0)),i.addClass("sliding slide-up").eq(0).one("transitionend",{animatedNodes:i,lowerLevel:t,isVerticalDesc:n,node:e},this.hideChildrenEnd.bind(this))},showChildrenEnd:function(e){var t=e.data.node;e.data.animatedNodes.removeClass("sliding"),this.isInAction(t)&&this.switchVerticalArrow(t.children(".bottomEdge"))},showChildren:function(e){var t=e.closest("tr").siblings(),i=!!t.is(".verticalNodes")?t.removeClass("hidden").find(".node").filter(this.isVisibleNode.bind(this)):t.removeClass("hidden").eq(2).children().find(".node:first").filter(this.isVisibleNode.bind(this));this.repaint(i.get(0)),i.addClass("sliding").removeClass("slide-up").eq(0).one("transitionend",{node:e,animatedNodes:i},this.showChildrenEnd.bind(this))},hideSiblingsEnd:function(e){var t=e.data.node,i=e.data.nodeContainer,n=e.data.direction;e.data.lines.removeAttr("style");var s=n?"left"===n?i.prevAll(":not(.hidden)"):i.nextAll(":not(.hidden)"):i.siblings();i.closest(".nodes").prev().children(":not(.hidden)").slice(1,n?2*s.length+1:-1).addClass("hidden"),e.data.animatedNodes.removeClass("sliding"),s.find(".node:gt(0)").filter(this.isVisibleNode.bind(this)).removeClass("slide-left slide-right").addClass("slide-up"),s.find(".lines, .nodes, .verticalNodes").addClass("hidden").end().addClass("hidden"),this.isInAction(t)&&this.switchHorizontalArrow(t)},hideSiblings:function(e,t){var i=e.closest("table").parent();i.siblings().find(".spinner").length&&e.closest(".orgchart").data("inAjax",!1),t?"left"===t?i.prevAll().find(".node").filter(this.isVisibleNode.bind(this)).addClass("sliding slide-right"):i.nextAll().find(".node").filter(this.isVisibleNode.bind(this)).addClass("sliding slide-left"):(i.prevAll().find(".node").filter(this.isVisibleNode.bind(this)).addClass("sliding slide-right"),i.nextAll().find(".node").filter(this.isVisibleNode.bind(this)).addClass("sliding slide-left"));var n=i.siblings().find(".sliding"),s=n.closest(".nodes").prevAll(".lines").css("visibility","hidden");n.eq(0).one("transitionend",{node:e,nodeContainer:i,direction:t,animatedNodes:n,lines:s},this.hideSiblingsEnd.bind(this))},showSiblingsEnd:function(e){var t=e.data.node;e.data.visibleNodes.removeClass("sliding"),this.isInAction(t)&&(this.switchHorizontalArrow(t),t.children(".topEdge").removeClass("oci-chevron-up").addClass("oci-chevron-down"))},showRelatedParentEnd:function(e){u(e.target).removeClass("sliding")},showSiblings:function(e,t){var i=u();i=t?"left"===t?e.closest("table").parent().prevAll().removeClass("hidden"):e.closest("table").parent().nextAll().removeClass("hidden"):e.closest("table").parent().siblings().removeClass("hidden");var n=e.closest("table").closest("tr").siblings();if(t?n.eq(2).children(".hidden").slice(0,2*i.length).removeClass("hidden"):n.eq(2).children(".hidden").removeClass("hidden"),!this.getNodeState(e,"parent").visible){n.removeClass("hidden");var s=n.find(".node")[0];this.repaint(s),u(s).addClass("sliding").removeClass("slide-down").one("transitionend",this.showRelatedParentEnd)}var a=i.find(".node").filter(this.isVisibleNode.bind(this));this.repaint(a.get(0)),a.addClass("sliding").removeClass("slide-left slide-right"),a.eq(0).one("transitionend",{node:e,visibleNodes:a},this.showSiblingsEnd.bind(this))},startLoading:function(e){var t=this.$chart;return(void 0===t.data("inAjax")||!0!==t.data("inAjax"))&&(e.addClass("hidden"),e.parent().append('<i class="oci oci-spinner spinner"></i>').children().not(".spinner").css("opacity",.2),t.data("inAjax",!0),u(".oci-export-btn"+(""!==this.options.chartClass?"."+this.options.chartClass:"")).prop("disabled",!0),!0)},endLoading:function(e){var t=e.parent();e.removeClass("hidden"),t.find(".spinner").remove(),t.children().removeAttr("style"),this.$chart.data("inAjax",!1),u(".oci-export-btn"+(""!==this.options.chartClass?"."+this.options.chartClass:"")).prop("disabled",!1)},isInAction:function(e){return-1<e.children(".edge").attr("class").indexOf("oci-")},switchVerticalArrow:function(e){e.toggleClass("oci-chevron-up").toggleClass("oci-chevron-down")},switchHorizontalArrow:function(e){var t=this.options;if(t.toggleSiblingsResp&&(void 0===t.ajaxURL||e.closest(".nodes").data("siblingsLoaded"))){var i=e.closest("table").parent().prev();i.length&&(i.is(".hidden")?e.children(".leftEdge").addClass("oci-chevron-left").removeClass("oci-chevron-right"):e.children(".leftEdge").addClass("oci-chevron-right").removeClass("oci-chevron-left"));var n=e.closest("table").parent().next();n.length&&(n.is(".hidden")?e.children(".rightEdge").addClass("oci-chevron-right").removeClass("oci-chevron-left"):e.children(".rightEdge").addClass("oci-chevron-left").removeClass("oci-chevron-right"))}else{var s=e.closest("table").parent().siblings(),a=!!s.length&&!s.is(".hidden");e.children(".leftEdge").toggleClass("oci-chevron-right",a).toggleClass("oci-chevron-left",!a),e.children(".rightEdge").toggleClass("oci-chevron-left",a).toggleClass("oci-chevron-right",!a)}},repaint:function(e){e&&(e.style.offsetWidth=e.offsetWidth)},nodeEnterLeaveHandler:function(e){var t=u(e.delegateTarget),i=!1,n=t.children(".topEdge"),s=(t.children(".rightEdge"),t.children(".bottomEdge")),a=t.children(".leftEdge");"mouseenter"===e.type?(n.length&&(i=this.getNodeState(t,"parent").visible,n.toggleClass("oci-chevron-up",!i).toggleClass("oci-chevron-down",i)),s.length&&(i=this.getNodeState(t,"children").visible,s.toggleClass("oci-chevron-down",!i).toggleClass("oci-chevron-up",i)),a.length&&this.switchHorizontalArrow(t)):t.children(".edge").removeClass("oci-chevron-up oci-chevron-down oci-chevron-right oci-chevron-left")},nodeClickHandler:function(e){this.$chart.find(".focused").removeClass("focused"),u(e.delegateTarget).addClass("focused")},loadNodes:function(t,e,i){var n=this;this.options;u.ajax({url:e,dataType:"json"}).done(function(e){n.$chart.data("inAjax")&&("parent"===t?u.isEmptyObject(e)||n.addParent(i.parent(),e):"children"===t?e.children.length&&n.addChildren(i.parent(),e[t]):n.addSiblings(i.parent(),e.siblings?e.siblings:e))}).fail(function(){console.log("Failed to get "+t+" data")}).always(function(){n.endLoading(i)})},HideFirstParentEnd:function(e){var t=e.data.topEdge,i=t.parent();this.isInAction(i)&&(this.switchVerticalArrow(t),this.switchHorizontalArrow(i))},topEdgeClickHandler:function(e){e.stopPropagation();var t=u(e.target),i=u(e.delegateTarget),n=this.getNodeState(i,"parent");if(n.exist){var s=i.closest("table").closest("tr").siblings(":first").find(".node");if(s.is(".sliding"))return;n.visible?(this.hideParent(i),s.one("transitionend",{topEdge:t},this.HideFirstParentEnd.bind(this))):this.showParent(i)}else if(this.startLoading(t)){var a=this.options,o=u.isFunction(a.ajaxURL.parent)?a.ajaxURL.parent(i.data("nodeData")):a.ajaxURL.parent+i[0].id;this.loadNodes("parent",o,t)}},bottomEdgeClickHandler:function(e){e.stopPropagation();var t=u(e.target),i=u(e.delegateTarget),n=this.getNodeState(i,"children");if(n.exist){if(i.closest("tr").siblings(":last").find(".sliding").length)return;n.visible?this.hideChildren(i):this.showChildren(i)}else if(this.startLoading(t)){var s=this.options,a=u.isFunction(s.ajaxURL.children)?s.ajaxURL.children(i.data("nodeData")):s.ajaxURL.children+i[0].id;this.loadNodes("children",a,t)}},hEdgeClickHandler:function(e){e.stopPropagation();var t=u(e.target),i=u(e.delegateTarget),n=this.options,s=this.getNodeState(i,"siblings");if(s.exist){if(i.closest("table").parent().siblings().find(".sliding").length)return;if(n.toggleSiblingsResp){var a=i.closest("table").parent().prev(),o=i.closest("table").parent().next();t.is(".leftEdge")?a.is(".hidden")?this.showSiblings(i,"left"):this.hideSiblings(i,"left"):o.is(".hidden")?this.showSiblings(i,"right"):this.hideSiblings(i,"right")}else s.visible?this.hideSiblings(i):this.showSiblings(i)}else if(this.startLoading(t)){var r=i[0].id,d=this.getNodeState(i,"parent").exist?u.isFunction(n.ajaxURL.siblings)?n.ajaxURL.siblings(i.data("nodeData")):n.ajaxURL.siblings+r:u.isFunction(n.ajaxURL.families)?n.ajaxURL.families(i.data("nodeData")):n.ajaxURL.families+r;this.loadNodes("siblings",d,t)}},expandVNodesEnd:function(e){e.data.vNodes.removeClass("sliding")},collapseVNodesEnd:function(e){e.data.vNodes.removeClass("sliding").closest("ul").addClass("hidden")},toggleVNodes:function(e){var t=u(e.target),i=t.parent().next(),n=i.find(".node"),s=i.children().children(".node");s.is(".sliding")||(t.toggleClass("oci-plus-square oci-minus-square"),n.eq(0).is(".slide-up")?(i.removeClass("hidden"),this.repaint(s.get(0)),s.addClass("sliding").removeClass("slide-up").eq(0).one("transitionend",{vNodes:s},this.expandVNodesEnd)):(n.addClass("sliding slide-up").eq(0).one("transitionend",{vNodes:n},this.collapseVNodesEnd),n.find(".toggleBtn").removeClass("oci-minus-square").addClass("oci-plus-square")))},createGhostNode:function(e){var t,i,n=u(e.target),s=this.options,a=e.originalEvent,o=/firefox/.test(p.navigator.userAgent.toLowerCase());if(f.querySelector(".ghost-node"))t=n.closest(".orgchart").children(".ghost-node").get(0),i=u(t).children().get(0);else{if(!(t=f.createElementNS("http://www.w3.org/2000/svg","svg")).classList)return;t.classList.add("ghost-node"),i=f.createElementNS("http://www.w3.org/2000/svg","rect"),t.appendChild(i),n.closest(".orgchart").append(t)}var r=n.closest(".orgchart").css("transform").split(","),d="t2b"===s.direction||"b2t"===s.direction,l=Math.abs(p.parseFloat(d?r[0].slice(r[0].indexOf("(")+1):r[1]));t.setAttribute("width",d?n.outerWidth(!1):n.outerHeight(!1)),t.setAttribute("height",d?n.outerHeight(!1):n.outerWidth(!1)),i.setAttribute("x",5*l),i.setAttribute("y",5*l),i.setAttribute("width",120*l),i.setAttribute("height",40*l),i.setAttribute("rx",4*l),i.setAttribute("ry",4*l),i.setAttribute("stroke-width",1*l);var h=a.offsetX*l,c=a.offsetY*l;if("l2r"===s.direction?(h=a.offsetY*l,c=a.offsetX*l):"r2l"===s.direction?(h=n.outerWidth(!1)-a.offsetY*l,c=a.offsetX*l):"b2t"===s.direction&&(h=n.outerWidth(!1)-a.offsetX*l,c=n.outerHeight(!1)-a.offsetY*l),o){i.setAttribute("fill","rgb(255, 255, 255)"),i.setAttribute("stroke","rgb(191, 0, 0)");var g=f.createElement("img");g.src="data:image/svg+xml;utf8,"+(new XMLSerializer).serializeToString(t),a.dataTransfer.setDragImage(g,h,c)}else a.dataTransfer.setDragImage&&a.dataTransfer.setDragImage(t,h,c)},filterAllowedDropNodes:function(i){var n=this.options,s=i.closest("[draggable]").hasClass("node"),a=i.closest(".nodes").siblings().eq(0).find(".node:first"),o=i.closest("table").find(".node");this.$chart.data("dragged",i).find(".node").each(function(e,t){s&&-1!==o.index(t)||(n.dropCriteria?n.dropCriteria(i,a,u(t))&&u(t).addClass("allowedDrop"):u(t).addClass("allowedDrop"))})},dragstartHandler:function(e){e.originalEvent.dataTransfer.setData("text/html","hack for firefox"),"none"!==this.$chart.css("transform")&&this.createGhostNode(e),this.filterAllowedDropNodes(u(e.target))},dragoverHandler:function(e){u(e.delegateTarget).is(".allowedDrop")?e.preventDefault():e.originalEvent.dataTransfer.dropEffect="none"},dragendHandler:function(e){this.$chart.find(".allowedDrop").removeClass("allowedDrop")},dropHandler:function(e){var t=u(e.delegateTarget),i=this.$chart.data("dragged");if(i.hasClass("node")){if(t.hasClass("allowedDrop")){var n=i.closest(".nodes").siblings().eq(0).children(),s=u.Event("nodedrop.orgchart");if(this.$chart.trigger(s,{draggedNode:i,dragZone:n.children(),dropZone:t}),!s.isDefaultPrevented()){if(t.closest("tr").siblings().length){var a=parseInt(t.parent().attr("colspan"))+2,o='<i class="edge horizontalEdge rightEdge oci"></i><i class="edge horizontalEdge leftEdge oci"></i>';t.closest("tr").next().addBack().children().attr("colspan",a),i.find(".horizontalEdge").length||i.append(o),t.closest("tr").siblings().eq(1).children(":last").before('<td class="leftLine topLine"></td><td class="rightLine topLine"></td>').end().next().append(i.closest("table").parent());var r=i.closest("table").parent().siblings().find(".node:first");1===r.length&&r.append(o)}else t.append('<i class="edge verticalEdge bottomEdge oci"></i>').parent().attr("colspan",2).parent().after('<tr class="lines"><td colspan="2"><div class="downLine"></div></td></tr><tr class="lines"><td class="rightLine"></td><td class="leftLine"></td></tr><tr class="nodes"></tr>').siblings(":last").append(i.find(".horizontalEdge").remove().end().closest("table").parent());var d=parseInt(n.attr("colspan"));if(2<d){n.attr("colspan",d-2).parent().next().children().attr("colspan",d-2).end().next().children().slice(1,3).remove();var l=n.parent().siblings(".nodes").children().find(".node:first");1===l.length&&l.find(".horizontalEdge").remove()}else n.removeAttr("colspan").find(".bottomEdge").remove().end().end().siblings().remove()}}}else this.$chart.triggerHandler({type:"otherdropped.orgchart",draggedItem:i,dropZone:t})},touchstartHandler:function(e){this.touchHandled||e.touches&&1<e.touches.length||(this.touchHandled=!0,this.touchMoved=!1,e.preventDefault())},touchmoveHandler:function(e){if(this.touchHandled&&!(e.touches&&1<e.touches.length)){e.preventDefault(),this.touchMoved||(this.filterAllowedDropNodes(u(e.currentTarget)),this.touchDragImage=this.createDragImage(e,this.$chart.data("dragged")[0])),this.touchMoved=!0,this.moveDragImage(e,this.touchDragImage);var t=u(f.elementFromPoint(e.touches[0].clientX,e.touches[0].clientY)).closest("div.node");if(0<t.length){var i=t[0];t.is(".allowedDrop")?this.touchTargetNode=i:this.touchTargetNode=null}else this.touchTargetNode=null}},touchendHandler:function(e){if(this.touchHandled){if(this.destroyDragImage(),this.touchMoved){if(this.touchTargetNode){var t={delegateTarget:this.touchTargetNode};this.dropHandler(t),this.touchTargetNode=null}this.dragendHandler(e)}else{var i=e.changedTouches[0],n=f.createEvent("MouseEvents");n.initMouseEvent("click",!0,!0,p,1,i.screenX,i.screenY,i.clientX,i.clientY,e.ctrlKey,e.altKey,e.shiftKey,e.metaKey,0,null),e.target.dispatchEvent(n)}this.touchHandled=!1}},createDragImage:function(e,t){var i=t.cloneNode(!0);this.copyStyle(t,i),i.style.top=i.style.left="-9999px";var n=t.getBoundingClientRect(),s=this.getTouchPoint(e);return this.touchDragImageOffset={x:s.x-n.left,y:s.y-n.top},i.style.opacity="0.5",f.body.appendChild(i),i},destroyDragImage:function(){this.touchDragImage&&this.touchDragImage.parentElement&&this.touchDragImage.parentElement.removeChild(this.touchDragImage),this.touchDragImageOffset=null,this.touchDragImage=null},copyStyle:function(e,t){if(["id","class","style","draggable"].forEach(function(e){t.removeAttribute(e)}),e instanceof HTMLCanvasElement){var i=e,n=t;n.width=i.width,n.height=i.height,n.getContext("2d").drawImage(i,0,0)}for(var s=getComputedStyle(e),a=0;a<s.length;a++){var o=s[a];o.indexOf("transition")<0&&(t.style[o]=s[o])}t.style.pointerEvents="none";for(a=0;a<e.children.length;a++)this.copyStyle(e.children[a],t.children[a])},getTouchPoint:function(e){return e&&e.touches&&(e=e.touches[0]),{x:e.clientX,y:e.clientY}},moveDragImage:function(i,n){if(i&&n){var s=this;requestAnimationFrame(function(){var e=s.getTouchPoint(i),t=n.style;t.position="absolute",t.pointerEvents="none",t.zIndex="999999",s.touchDragImageOffset&&(t.left=Math.round(e.x-s.touchDragImageOffset.x)+"px",t.top=Math.round(e.y-s.touchDragImageOffset.y)+"px")})}},bindDragDrop:function(e){e.on("dragstart",this.dragstartHandler.bind(this)).on("dragover",this.dragoverHandler.bind(this)).on("dragend",this.dragendHandler.bind(this)).on("drop",this.dropHandler.bind(this)).on("touchstart",this.touchstartHandler.bind(this)).on("touchmove",this.touchmoveHandler.bind(this)).on("touchend",this.touchendHandler.bind(this))},createNode:function(i){var n=this.options,e=i.level;i.children&&i[n.nodeId]&&u.each(i.children,function(e,t){t.parentId=i[n.nodeId]});var t=u("<div"+(n.draggable?' draggable="true"':"")+(i[n.nodeId]?' id="'+i[n.nodeId]+'"':"")+(i.parentId?' data-parent="'+i.parentId+'"':"")+">").addClass("node "+(i.className||"")+(e>n.visibleLevel?" slide-up":""));n.nodeTemplate?t.append(n.nodeTemplate(i)):t.append('<div class="title">'+i[n.nodeTitle]+"</div>").append(void 0!==n.nodeContent?'<div class="content">'+(i[n.nodeContent]||"")+"</div>":"");var s=u.extend({},i);delete s.children,t.data("nodeData",s);var a=i.relationship||"";if(n.verticalLevel&&e>=n.verticalLevel){if(e+1>n.verticalLevel&&Number(a.substr(2,1))){var o=e+1>n.visibleLevel?"plus":"minus";t.append('<i class="toggleBtn oci oci-'+o+'-square"></i>')}}else Number(a.substr(0,1))&&t.append('<i class="edge verticalEdge topEdge oci"></i>'),Number(a.substr(1,1))&&t.append('<i class="edge horizontalEdge rightEdge oci"></i><i class="edge horizontalEdge leftEdge oci"></i>'),Number(a.substr(2,1))&&t.append('<i class="edge verticalEdge bottomEdge oci"></i>').children(".title").prepend('<i class="oci '+n.parentNodeSymbol+' symbol"></i>');return t.on("mouseenter mouseleave",this.nodeEnterLeaveHandler.bind(this)),t.on("click",this.nodeClickHandler.bind(this)),t.on("click",".topEdge",this.topEdgeClickHandler.bind(this)),t.on("click",".bottomEdge",this.bottomEdgeClickHandler.bind(this)),t.on("click",".leftEdge, .rightEdge",this.hEdgeClickHandler.bind(this)),t.on("click",".toggleBtn",this.toggleVNodes.bind(this)),n.draggable&&(this.bindDragDrop(t),this.touchHandled=!1,this.touchMoved=!1,this.touchTargetNode=null),n.createNode&&n.createNode(t,i),t},buildHierarchy:function(e,t){var i=this,n=this.options,s=0;s=t.level?t.level:t.level=e.parentsUntil(".orgchart",".nodes").length+1;var a,o=t.children,r=!!o&&o.length;if(2<Object.keys(t).length){var d=this.createNode(t);n.verticalLevel&&s>=n.verticalLevel?e.append(d):(a=u("<table>"),e.append(a.append(u("<tr/>").append(u("<td"+(r?' colspan="'+2*o.length+'"':"")+"></td>").append(d)))))}if(r){var l,h=s+1>n.visibleLevel||t.collapsed?" hidden":"",c=!!(n.verticalLevel&&s+1>=n.verticalLevel);if(c)l=u("<ul>"),h&&s+1>n.verticalLevel&&l.addClass(h),s+1===n.verticalLevel?e.children("table").append('<tr class="verticalNodes'+h+'"><td></td></tr>').find(".verticalNodes").children().append(l):e.append(l);else{for(var g=u('<tr class="lines'+h+'"><td colspan="'+2*o.length+'"><div class="downLine"></div></td></tr>'),p='<tr class="lines'+h+'"><td class="rightLine"></td>',f=1;f<o.length;f++)p+='<td class="leftLine topLine"></td><td class="rightLine topLine"></td>';p+='<td class="leftLine"></td></tr>',l=u('<tr class="nodes'+h+'">'),2===Object.keys(t).length?e.append(g).append(p).append(l):a.append(g).append(p).append(l)}u.each(o,function(){var e=u(c?"<li>":'<td colspan="2">');l.append(e),this.level=s+1,i.buildHierarchy(e,this)})}},buildChildNode:function(e,t){e.find("td:first").attr("colspan",2*t.length),this.buildHierarchy(e,{children:t})},addChildren:function(e,t){this.buildChildNode(e.closest("table"),t),e.children(".bottomEdge").length||e.append('<i class="edge verticalEdge bottomEdge oci"></i>'),e.find(".symbol").length||e.children(".title").prepend('<i class="oci '+this.options.parentNodeSymbol+' symbol"></i>'),this.isInAction(e)&&this.switchVerticalArrow(e.children(".bottomEdge"))},buildParentNode:function(e,t){t.relationship=t.relationship||"001";var i=u("<table>").append(u("<tr>").append(u('<td colspan="2">').append(this.createNode(t)))).append('<tr class="lines"><td colspan="2"><div class="downLine"></div></td></tr>').append('<tr class="lines"><td class="rightLine"></td><td class="leftLine"></td></tr>');this.$chart.prepend(i).children("table:first").append('<tr class="nodes"><td colspan="2"></td></tr>').children("tr:last").children().append(this.$chart.children("table").last())},addParent:function(e,t){this.buildParentNode(e,t),e.children(".topEdge").length||e.children(".title").after('<i class="edge verticalEdge topEdge oci"></i>'),this.isInAction(e)&&this.switchVerticalArrow(e.children(".topEdge"))},complementLine:function(e,t,i){for(var n="",s=0;s<i;s++)n+='<td class="leftLine topLine"></td><td class="rightLine topLine"></td>';e.parent().prevAll("tr:gt(0)").children().attr("colspan",2*t).end().next().children(":first").after(n)},buildSiblingNode:function(e,t){var i=u.isArray(t)?t.length:t.children.length,n=e.parent().is("td")?e.closest("tr").children().length:1,s=n+i,a=1<s?Math.floor(s/2-1):0;if(e.parent().is("td")){e.closest("tr").prevAll("tr:last");e.closest("tr").prevAll("tr:lt(2)").remove(),this.buildChildNode(e.parent().closest("table"),t);var o=e.parent().closest("table").children("tr:last").children("td");1<n?this.complementLine(o.eq(0).before(e.closest("td").siblings().addBack().unwrap()),s,n):this.complementLine(o.eq(a).after(e.closest("td").unwrap()),s,1)}else this.buildHierarchy(e.closest(".orgchart"),t),this.complementLine(e.next().children("tr:last").children().eq(a).after(u('<td colspan="2">').append(e)),s,1)},addSiblings:function(e,t){this.buildSiblingNode(e.closest("table"),t),e.closest(".nodes").data("siblingsLoaded",!0),e.children(".leftEdge").length||e.children(".topEdge").after('<i class="edge horizontalEdge rightEdge oci"></i><i class="edge horizontalEdge leftEdge oci"></i>'),this.isInAction(e)&&(this.switchHorizontalArrow(e),e.children(".topEdge").removeClass("oci-chevron-up").addClass("oci-chevron-down"))},removeNodes:function(e){var t=e.closest("table").parent(),i=t.parent().siblings();t.is("td")?this.getNodeState(e,"siblings").exist?(i.eq(2).children(".topLine:lt(2)").remove(),i.slice(0,2).children().attr("colspan",i.eq(2).children().length),t.remove()):i.eq(0).children().removeAttr("colspan").find(".bottomEdge").remove().end().end().siblings().remove():t.add(t.siblings()).remove()},hideDropZones:function(){this.$chart.find(".allowedDrop").removeClass("allowedDrop")},showDropZones:function(e){this.$chart.find(".node").each(function(e,t){u(t).addClass("allowedDrop")}),this.$chart.data("dragged",u(e))},processExternalDrop:function(e,t){t&&this.$chart.data("dragged",u(t)),e.closest(".node").triggerHandler({type:"drop"})},exportPDF:function(e,t){var i={},n=Math.floor(e.width),s=Math.floor(e.height);(i=s<n?new jsPDF({orientation:"landscape",unit:"px",format:[n,s]}):new jsPDF({orientation:"portrait",unit:"px",format:[s,n]})).addImage(e.toDataURL(),"png",0,0),i.save(t+".pdf")},exportPNG:function(e,t){var i="WebkitAppearance"in f.documentElement.style,n=!!p.sidebar,s="Microsoft Internet Explorer"===navigator.appName||"Netscape"===navigator.appName&&-1<navigator.appVersion.indexOf("Edge"),a=this.$chartContainer;if(!i&&!n||s)p.navigator.msSaveBlob(e.msToBlob(),t+".png");else{var o=".oci-download-btn"+(""!==this.options.chartClass?"."+this.options.chartClass:"");a.find(o).length||a.append('<a class="oci-download-btn'+(""!==this.options.chartClass?" "+this.options.chartClass:"")+'" download="'+t+'.png"></a>'),a.find(o).attr("href",e.toDataURL())[0].click()}},export:function(t,i){var n=this;if(t=void 0!==t?t:this.options.exportFilename,i=void 0!==i?i:this.options.exportFileextension,u(this).children(".spinner").length)return!1;var s=this.$chartContainer,e=s.find(".mask");e.length?e.removeClass("hidden"):s.append('<div class="mask"><i class="oci oci-spinner spinner"></i></div>');var a=s.addClass("canvasContainer").find('.orgchart:not(".hidden")').get(0),o="l2r"===n.options.direction||"r2l"===n.options.direction;html2canvas(a,{width:o?a.clientHeight:a.clientWidth,height:o?a.clientWidth:a.clientHeight,onclone:function(e){u(e).find(".canvasContainer").css("overflow","visible").find('.orgchart:not(".hidden"):first').css("transform","")}}).then(function(e){s.find(".mask").addClass("hidden"),"pdf"===i.toLowerCase()?n.exportPDF(e,t):n.exportPNG(e,t),s.removeClass("canvasContainer")},function(){s.removeClass("canvasContainer")})}},u.fn.orgchart=function(e){return new t(this,e).init()}});
+"use strict";!function(e){"object"==typeof module&&"object"==typeof module.exports?e(require("jquery"),window,document):e(jQuery,window,document)}(function(u,p,f,e){function t(e,t){this.$chartContainer=u(e),this.opts=t,this.defaultOptions={nodeTitle:"name",nodeId:"id",toggleSiblingsResp:!1,visibleLevel:999,chartClass:"",exportButton:!1,exportFilename:"OrgChart",exportFileextension:"png",parentNodeSymbol:"oci-leader",draggable:!1,direction:"t2b",pan:!1,zoom:!1,zoominLimit:7,zoomoutLimit:.5}}t.prototype={init:function(e){var n=this;this.options=u.extend({},this.defaultOptions,this.opts,e);var t=this.$chartContainer;this.$chart&&this.$chart.remove();var i=this.options.data,s=this.$chart=u("<div>",{data:{options:this.options},class:"orgchart"+(""!==this.options.chartClass?" "+this.options.chartClass:"")+("t2b"!==this.options.direction?" "+this.options.direction:""),click:function(e){u(e.target).closest(".node").length||s.find(".node.focused").removeClass("focused")}});return"undefined"!=typeof MutationObserver&&this.triggerInitEvent(),"object"===u.type(i)?i instanceof u?this.buildHierarchy(s,this.buildJsonDS(i.children()),0,this.options):this.buildHierarchy(s,this.options.ajaxURL?i:this.attachRel(i,"00")):(s.append('<i class="oci oci-spinner spinner"></i>'),u.ajax({url:i,dataType:"json"}).done(function(e,t,i){n.buildHierarchy(s,n.options.ajaxURL?e:n.attachRel(e,"00"),0,n.options)}).fail(function(e,t,i){console.log(i)}).always(function(){s.children(".spinner").remove()})),t.append(s),this.options.exportButton&&!t.find(".oc-export-btn").length&&this.attachExportButton(),this.options.pan&&this.bindPan(),this.options.zoom&&this.bindZoom(),this},triggerInitEvent:function(){var s=this,a=new MutationObserver(function(e){a.disconnect();e:for(var t=0;t<e.length;t++)for(var i=0;i<e[t].addedNodes.length;i++)if(e[t].addedNodes[i].classList.contains("orgchart")){s.options.initCompleted&&"function"==typeof s.options.initCompleted&&s.options.initCompleted(s.$chart);var n=u.Event("init.orgchart");s.$chart.trigger(n);break e}});a.observe(this.$chartContainer[0],{childList:!0})},attachExportButton:function(){var t=this,e=u("<button>",{class:"oc-export-btn"+(""!==this.options.chartClass?" "+this.options.chartClass:""),text:"Export",click:function(e){e.preventDefault(),t.export()}});this.$chartContainer.append(e)},setOptions:function(e,t){return"string"==typeof e&&("pan"===e&&(t?this.bindPan():this.unbindPan()),"zoom"===e&&(t?this.bindZoom():this.unbindZoom())),"object"==typeof e&&(e.data?this.init(e):(void 0!==e.pan&&(e.pan?this.bindPan():this.unbindPan()),void 0!==e.zoom&&(e.zoom?this.bindZoom():this.unbindZoom()))),this},panStartHandler:function(e){var a=u(e.delegateTarget);if(u(e.target).closest(".node").length||e.touches&&1<e.touches.length)a.data("panning",!1);else{a.css("cursor","move").data("panning",!0);var t=0,i=0,n=a.css("transform");if("none"!==n){var s=n.split(",");i=-1===n.indexOf("3d")?(t=parseInt(s[4]),parseInt(s[5])):(t=parseInt(s[12]),parseInt(s[13]))}var o=0,r=0;if(e.targetTouches){if(1===e.targetTouches.length)o=e.targetTouches[0].pageX-t,r=e.targetTouches[0].pageY-i;else if(1<e.targetTouches.length)return}else o=e.pageX-t,r=e.pageY-i;a.on("mousemove touchmove",function(e){if(a.data("panning")){var t=0,i=0;if(e.targetTouches){if(1===e.targetTouches.length)t=e.targetTouches[0].pageX-o,i=e.targetTouches[0].pageY-r;else if(1<e.targetTouches.length)return}else t=e.pageX-o,i=e.pageY-r;var n=a.css("transform");if("none"===n)-1===n.indexOf("3d")?a.css("transform","matrix(1, 0, 0, 1, "+t+", "+i+")"):a.css("transform","matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, "+t+", "+i+", 0, 1)");else{var s=n.split(",");-1===n.indexOf("3d")?(s[4]=" "+t,s[5]=" "+i+")"):(s[12]=" "+t,s[13]=" "+i),a.css("transform",s.join(","))}}})}},panEndHandler:function(e){e.data.chart.data("panning")&&e.data.chart.data("panning",!1).css("cursor","default").off("mousemove")},bindPan:function(){this.$chartContainer.css("overflow","hidden"),this.$chart.on("mousedown touchstart",this.panStartHandler),u(f).on("mouseup touchend",{chart:this.$chart},this.panEndHandler)},unbindPan:function(){this.$chartContainer.css("overflow","auto"),this.$chart.off("mousedown touchstart",this.panStartHandler),u(f).off("mouseup touchend",this.panEndHandler)},zoomWheelHandler:function(e){var t=e.data.oc;e.preventDefault();var i=1+(0<e.originalEvent.deltaY?-.2:.2);t.setChartScale(t.$chart,i)},zoomStartHandler:function(e){if(e.touches&&2===e.touches.length){var t=e.data.oc;t.$chart.data("pinching",!0);var i=t.getPinchDist(e);t.$chart.data("pinchDistStart",i)}},zoomingHandler:function(e){var t=e.data.oc;if(t.$chart.data("pinching")){var i=t.getPinchDist(e);t.$chart.data("pinchDistEnd",i)}},zoomEndHandler:function(e){var t=e.data.oc;if(t.$chart.data("pinching")){t.$chart.data("pinching",!1);var i=t.$chart.data("pinchDistEnd")-t.$chart.data("pinchDistStart");0<i?t.setChartScale(t.$chart,1.2):i<0&&t.setChartScale(t.$chart,.8)}},bindZoom:function(){this.$chartContainer.on("wheel",{oc:this},this.zoomWheelHandler),this.$chartContainer.on("touchstart",{oc:this},this.zoomStartHandler),u(f).on("touchmove",{oc:this},this.zoomingHandler),u(f).on("touchend",{oc:this},this.zoomEndHandler)},unbindZoom:function(){this.$chartContainer.off("wheel",this.zoomWheelHandler),this.$chartContainer.off("touchstart",this.zoomStartHandler),u(f).off("touchmove",this.zoomingHandler),u(f).off("touchend",this.zoomEndHandler)},getPinchDist:function(e){return Math.sqrt((e.touches[0].clientX-e.touches[1].clientX)*(e.touches[0].clientX-e.touches[1].clientX)+(e.touches[0].clientY-e.touches[1].clientY)*(e.touches[0].clientY-e.touches[1].clientY))},setChartScale:function(e,t){var i=e.data("options"),n=e.css("transform"),s="",a=1;"none"===n?e.css("transform","scale("+t+","+t+")"):(s=n.split(","),-1===n.indexOf("3d")?(a=Math.abs(p.parseFloat(s[3])*t))>i.zoomoutLimit&&a<i.zoominLimit&&e.css("transform",n+" scale("+t+","+t+")"):(a=Math.abs(p.parseFloat(s[1])*t))>i.zoomoutLimit&&a<i.zoominLimit&&e.css("transform",n+" scale3d("+t+","+t+", 1)"))},buildJsonDS:function(e){var t=this,i={name:e.contents().eq(0).text().trim(),relationship:(e.parent().parent().is("li")?"1":"0")+(e.siblings("li").length?1:0)+(e.children("ul").length?1:0)};return u.each(e.data(),function(e,t){i[e]=t}),e.children("ul").children().each(function(){i.children||(i.children=[]),i.children.push(t.buildJsonDS(u(this)))}),i},attachRel:function(t,e){var i=this;return t.relationship=e+(t.children&&0<t.children.length?1:0),t.children&&t.children.forEach(function(e){i.attachRel(e,"1"+(1<t.children.length?1:0))}),t},loopChart:function(e){var t=this,i=e.find("tr:first"),n={id:i.find(".node")[0].id};return i.siblings(":last").children().each(function(){n.children||(n.children=[]),n.children.push(t.loopChart(u(this)))}),n},getHierarchy:function(){if(void 0===this.$chart)return"Error: orgchart does not exist";if(!this.$chart.find(".node").length)return"Error: nodes do not exist";var e=!0;return this.$chart.find(".node").each(function(){if(!this.id)return e=!1}),e?this.loopChart(this.$chart):"Error: All nodes of orghcart to be exported must have data-id attribute!"},getNodeState:function(e,t){var i={},n=e.parent().is("li");if("parent"===(t=t||"self")){if(n?(i=e.closest("ul").parents("ul")).length||(i=e.closest(".nodes")).length||(i=e.closest(".verticalNodes").siblings(":first")):i=e.closest(".nodes").siblings(":first"),i.length)return i.is(".hidden")||!i.is(".hidden")&&i.closest(".nodes").is(".hidden")||!i.is(".hidden")&&i.closest(".verticalNodes").is(".hidden")?{exist:!0,visible:!1}:{exist:!0,visible:!0}}else if("children"===t){if((i=n?e.parent().children("ul"):e.closest("tr").siblings(":last")).length)return i.is(".hidden")?{exist:!0,visible:!1}:{exist:!0,visible:!0}}else if("siblings"===t){if((i=n?e.closest("ul"):e.closest("table").parent().siblings()).length&&(!n||1<i.children("li").length))return i.is(".hidden")||i.parent().is(".hidden")||n&&i.closest(".verticalNodes").is(".hidden")?{exist:!0,visible:!1}:{exist:!0,visible:!0}}else if((i=e).length)return i.closest(".nodes").length&&i.closest(".nodes").is(".hidden")||i.closest("table").parent().length&&i.closest("table").parent().is(".hidden")||i.parent().is("li")&&(i.closest("ul").is(".hidden")||i.closest(".verticalNodes").is(".hidden"))?{exist:!0,visible:!1}:{exist:!0,visible:!0};return{exist:!1,visible:!1}},getRelatedNodes:function(e,t){return e&&e instanceof u&&e.is(".node")?"parent"===t?e.closest(".nodes").parent().children(":first").find(".node"):"children"===t?e.closest("tr").siblings(".nodes").children().find(".node:first"):"siblings"===t?e.closest("table").parent().siblings().find(".node:first"):u():u()},hideParentEnd:function(e){u(e.target).removeClass("sliding"),e.data.upperLevel.addClass("hidden").slice(1).removeAttr("style")},hideParent:function(e){var t=e.closest(".nodes").siblings();t.eq(0).find(".spinner").length&&e.closest(".orgchart").data("inAjax",!1),this.getNodeState(e,"siblings").visible&&this.hideSiblings(e),t.slice(1).css("visibility","hidden");var i=t.eq(0).find(".node");this.getNodeState(i).visible&&i.addClass("sliding slide-down").one("transitionend",{upperLevel:t},this.hideParentEnd),this.getNodeState(i,"parent").visible&&this.hideParent(i)},showParentEnd:function(e){var t=e.data.node;u(e.target).removeClass("sliding"),this.isInAction(t)&&this.switchVerticalArrow(t.children(".topEdge"))},showParent:function(e){var t=e.closest(".nodes").siblings().removeClass("hidden");t.eq(2).children().slice(1,-1).addClass("hidden");var i=t.eq(0).find(".node");this.repaint(i[0]),i.addClass("sliding").removeClass("slide-down").one("transitionend",{node:e},this.showParentEnd.bind(this))},stopAjax:function(e){e.find(".spinner").length&&e.closest(".orgchart").data("inAjax",!1)},isVisibleNode:function(e,t){return this.getNodeState(u(t)).visible},hideChildrenEnd:function(e){var t=e.data.node;e.data.animatedNodes.removeClass("sliding"),e.data.isVerticalDesc?e.data.lowerLevel.addClass("hidden"):(e.data.animatedNodes.closest(".nodes").prevAll(".lines").removeAttr("style").addBack().addClass("hidden"),e.data.lowerLevel.last().find(".verticalNodes").addClass("hidden")),this.isInAction(t)&&this.switchVerticalArrow(t.children(".bottomEdge"))},hideChildren:function(e){var t=e.closest("tr").siblings();this.stopAjax(t.last());var i=t.last().find(".node").filter(this.isVisibleNode.bind(this)),n=!!t.last().is(".verticalNodes");n||i.closest("table").closest("tr").prevAll(".lines").css("visibility","hidden"),this.repaint(i.get(0)),i.addClass("sliding slide-up").eq(0).one("transitionend",{animatedNodes:i,lowerLevel:t,isVerticalDesc:n,node:e},this.hideChildrenEnd.bind(this))},showChildrenEnd:function(e){var t=e.data.node;e.data.animatedNodes.removeClass("sliding"),this.isInAction(t)&&this.switchVerticalArrow(t.children(".bottomEdge"))},showChildren:function(e){var t=e.closest("tr").siblings(),i=!!t.is(".verticalNodes")?t.removeClass("hidden").find(".node").filter(this.isVisibleNode.bind(this)):t.removeClass("hidden").eq(2).children().find(".node:first").filter(this.isVisibleNode.bind(this));this.repaint(i.get(0)),i.addClass("sliding").removeClass("slide-up").eq(0).one("transitionend",{node:e,animatedNodes:i},this.showChildrenEnd.bind(this))},hideSiblingsEnd:function(e){var t=e.data.node,i=e.data.nodeContainer,n=e.data.direction;e.data.lines.removeAttr("style");var s=n?"left"===n?i.prevAll(":not(.hidden)"):i.nextAll(":not(.hidden)"):i.siblings();i.closest(".nodes").prev().children(":not(.hidden)").slice(1,n?2*s.length+1:-1).addClass("hidden"),e.data.animatedNodes.removeClass("sliding"),s.find(".node:gt(0)").filter(this.isVisibleNode.bind(this)).removeClass("slide-left slide-right").addClass("slide-up"),s.find(".lines, .nodes, .verticalNodes").addClass("hidden").end().addClass("hidden"),this.isInAction(t)&&this.switchHorizontalArrow(t)},hideSiblings:function(e,t){var i=e.closest("table").parent();i.siblings().find(".spinner").length&&e.closest(".orgchart").data("inAjax",!1),t?"left"===t?i.prevAll().find(".node").filter(this.isVisibleNode.bind(this)).addClass("sliding slide-right"):i.nextAll().find(".node").filter(this.isVisibleNode.bind(this)).addClass("sliding slide-left"):(i.prevAll().find(".node").filter(this.isVisibleNode.bind(this)).addClass("sliding slide-right"),i.nextAll().find(".node").filter(this.isVisibleNode.bind(this)).addClass("sliding slide-left"));var n=i.siblings().find(".sliding"),s=n.closest(".nodes").prevAll(".lines").css("visibility","hidden");n.eq(0).one("transitionend",{node:e,nodeContainer:i,direction:t,animatedNodes:n,lines:s},this.hideSiblingsEnd.bind(this))},showSiblingsEnd:function(e){var t=e.data.node;e.data.visibleNodes.removeClass("sliding"),this.isInAction(t)&&(this.switchHorizontalArrow(t),t.children(".topEdge").removeClass("oci-chevron-up").addClass("oci-chevron-down"))},showRelatedParentEnd:function(e){u(e.target).removeClass("sliding")},showSiblings:function(e,t){var i=u();i=t?"left"===t?e.closest("table").parent().prevAll().removeClass("hidden"):e.closest("table").parent().nextAll().removeClass("hidden"):e.closest("table").parent().siblings().removeClass("hidden");var n=e.closest("table").closest("tr").siblings();if(t?n.eq(2).children(".hidden").slice(0,2*i.length).removeClass("hidden"):n.eq(2).children(".hidden").removeClass("hidden"),!this.getNodeState(e,"parent").visible){n.removeClass("hidden");var s=n.find(".node")[0];this.repaint(s),u(s).addClass("sliding").removeClass("slide-down").one("transitionend",this.showRelatedParentEnd)}var a=i.find(".node").filter(this.isVisibleNode.bind(this));this.repaint(a.get(0)),a.addClass("sliding").removeClass("slide-left slide-right"),a.eq(0).one("transitionend",{node:e,visibleNodes:a},this.showSiblingsEnd.bind(this))},startLoading:function(e){var t=this.$chart;return(void 0===t.data("inAjax")||!0!==t.data("inAjax"))&&(e.addClass("hidden"),e.parent().append('<i class="oci oci-spinner spinner"></i>').children().not(".spinner").css("opacity",.2),t.data("inAjax",!0),u(".oc-export-btn"+(""!==this.options.chartClass?"."+this.options.chartClass:"")).prop("disabled",!0),!0)},endLoading:function(e){var t=e.parent();e.removeClass("hidden"),t.find(".spinner").remove(),t.children().removeAttr("style"),this.$chart.data("inAjax",!1),u(".oc-export-btn"+(""!==this.options.chartClass?"."+this.options.chartClass:"")).prop("disabled",!1)},isInAction:function(e){return-1<e.children(".edge").attr("class").indexOf("oci-")},switchVerticalArrow:function(e){e.toggleClass("oci-chevron-up").toggleClass("oci-chevron-down")},switchHorizontalArrow:function(e){var t=this.options;if(t.toggleSiblingsResp&&(void 0===t.ajaxURL||e.closest(".nodes").data("siblingsLoaded"))){var i=e.closest("table").parent().prev();i.length&&(i.is(".hidden")?e.children(".leftEdge").addClass("oci-chevron-left").removeClass("oci-chevron-right"):e.children(".leftEdge").addClass("oci-chevron-right").removeClass("oci-chevron-left"));var n=e.closest("table").parent().next();n.length&&(n.is(".hidden")?e.children(".rightEdge").addClass("oci-chevron-right").removeClass("oci-chevron-left"):e.children(".rightEdge").addClass("oci-chevron-left").removeClass("oci-chevron-right"))}else{var s=e.closest("table").parent().siblings(),a=!!s.length&&!s.is(".hidden");e.children(".leftEdge").toggleClass("oci-chevron-right",a).toggleClass("oci-chevron-left",!a),e.children(".rightEdge").toggleClass("oci-chevron-left",a).toggleClass("oci-chevron-right",!a)}},repaint:function(e){e&&(e.style.offsetWidth=e.offsetWidth)},nodeEnterLeaveHandler:function(e){var t=u(e.delegateTarget),i=!1,n=t.children(".topEdge"),s=(t.children(".rightEdge"),t.children(".bottomEdge")),a=t.children(".leftEdge");"mouseenter"===e.type?(n.length&&(i=this.getNodeState(t,"parent").visible,n.toggleClass("oci-chevron-up",!i).toggleClass("oci-chevron-down",i)),s.length&&(i=this.getNodeState(t,"children").visible,s.toggleClass("oci-chevron-down",!i).toggleClass("oci-chevron-up",i)),a.length&&this.switchHorizontalArrow(t)):t.children(".edge").removeClass("oci-chevron-up oci-chevron-down oci-chevron-right oci-chevron-left")},nodeClickHandler:function(e){this.$chart.find(".focused").removeClass("focused"),u(e.delegateTarget).addClass("focused")},loadNodes:function(t,e,i){var n=this;this.options;u.ajax({url:e,dataType:"json"}).done(function(e){n.$chart.data("inAjax")&&("parent"===t?u.isEmptyObject(e)||n.addParent(i.parent(),e):"children"===t?e.children.length&&n.addChildren(i.parent(),e[t]):n.addSiblings(i.parent(),e.siblings?e.siblings:e))}).fail(function(){console.log("Failed to get "+t+" data")}).always(function(){n.endLoading(i)})},HideFirstParentEnd:function(e){var t=e.data.topEdge,i=t.parent();this.isInAction(i)&&(this.switchVerticalArrow(t),this.switchHorizontalArrow(i))},topEdgeClickHandler:function(e){e.stopPropagation();var t=u(e.target),i=u(e.delegateTarget),n=this.getNodeState(i,"parent");if(n.exist){var s=i.closest("table").closest("tr").siblings(":first").find(".node");if(s.is(".sliding"))return;n.visible?(this.hideParent(i),s.one("transitionend",{topEdge:t},this.HideFirstParentEnd.bind(this))):this.showParent(i)}else if(this.startLoading(t)){var a=this.options,o=u.isFunction(a.ajaxURL.parent)?a.ajaxURL.parent(i.data("nodeData")):a.ajaxURL.parent+i[0].id;this.loadNodes("parent",o,t)}},bottomEdgeClickHandler:function(e){e.stopPropagation();var t=u(e.target),i=u(e.delegateTarget),n=this.getNodeState(i,"children");if(n.exist){if(i.closest("tr").siblings(":last").find(".sliding").length)return;n.visible?this.hideChildren(i):this.showChildren(i)}else if(this.startLoading(t)){var s=this.options,a=u.isFunction(s.ajaxURL.children)?s.ajaxURL.children(i.data("nodeData")):s.ajaxURL.children+i[0].id;this.loadNodes("children",a,t)}},hEdgeClickHandler:function(e){e.stopPropagation();var t=u(e.target),i=u(e.delegateTarget),n=this.options,s=this.getNodeState(i,"siblings");if(s.exist){if(i.closest("table").parent().siblings().find(".sliding").length)return;if(n.toggleSiblingsResp){var a=i.closest("table").parent().prev(),o=i.closest("table").parent().next();t.is(".leftEdge")?a.is(".hidden")?this.showSiblings(i,"left"):this.hideSiblings(i,"left"):o.is(".hidden")?this.showSiblings(i,"right"):this.hideSiblings(i,"right")}else s.visible?this.hideSiblings(i):this.showSiblings(i)}else if(this.startLoading(t)){var r=i[0].id,d=this.getNodeState(i,"parent").exist?u.isFunction(n.ajaxURL.siblings)?n.ajaxURL.siblings(i.data("nodeData")):n.ajaxURL.siblings+r:u.isFunction(n.ajaxURL.families)?n.ajaxURL.families(i.data("nodeData")):n.ajaxURL.families+r;this.loadNodes("siblings",d,t)}},expandVNodesEnd:function(e){e.data.vNodes.removeClass("sliding")},collapseVNodesEnd:function(e){e.data.vNodes.removeClass("sliding").closest("ul").addClass("hidden")},toggleVNodes:function(e){var t=u(e.target),i=t.parent().next(),n=i.find(".node"),s=i.children().children(".node");s.is(".sliding")||(t.toggleClass("oci-plus-square oci-minus-square"),n.eq(0).is(".slide-up")?(i.removeClass("hidden"),this.repaint(s.get(0)),s.addClass("sliding").removeClass("slide-up").eq(0).one("transitionend",{vNodes:s},this.expandVNodesEnd)):(n.addClass("sliding slide-up").eq(0).one("transitionend",{vNodes:n},this.collapseVNodesEnd),n.find(".toggleBtn").removeClass("oci-minus-square").addClass("oci-plus-square")))},createGhostNode:function(e){var t,i,n=u(e.target),s=this.options,a=e.originalEvent,o=/firefox/.test(p.navigator.userAgent.toLowerCase());if(f.querySelector(".ghost-node"))t=n.closest(".orgchart").children(".ghost-node").get(0),i=u(t).children().get(0);else{if(!(t=f.createElementNS("http://www.w3.org/2000/svg","svg")).classList)return;t.classList.add("ghost-node"),i=f.createElementNS("http://www.w3.org/2000/svg","rect"),t.appendChild(i),n.closest(".orgchart").append(t)}var r=n.closest(".orgchart").css("transform").split(","),d="t2b"===s.direction||"b2t"===s.direction,l=Math.abs(p.parseFloat(d?r[0].slice(r[0].indexOf("(")+1):r[1]));t.setAttribute("width",d?n.outerWidth(!1):n.outerHeight(!1)),t.setAttribute("height",d?n.outerHeight(!1):n.outerWidth(!1)),i.setAttribute("x",5*l),i.setAttribute("y",5*l),i.setAttribute("width",120*l),i.setAttribute("height",40*l),i.setAttribute("rx",4*l),i.setAttribute("ry",4*l),i.setAttribute("stroke-width",1*l);var h=a.offsetX*l,c=a.offsetY*l;if("l2r"===s.direction?(h=a.offsetY*l,c=a.offsetX*l):"r2l"===s.direction?(h=n.outerWidth(!1)-a.offsetY*l,c=a.offsetX*l):"b2t"===s.direction&&(h=n.outerWidth(!1)-a.offsetX*l,c=n.outerHeight(!1)-a.offsetY*l),o){i.setAttribute("fill","rgb(255, 255, 255)"),i.setAttribute("stroke","rgb(191, 0, 0)");var g=f.createElement("img");g.src="data:image/svg+xml;utf8,"+(new XMLSerializer).serializeToString(t),a.dataTransfer.setDragImage(g,h,c)}else a.dataTransfer.setDragImage&&a.dataTransfer.setDragImage(t,h,c)},filterAllowedDropNodes:function(i){var n=this.options,s=i.closest("[draggable]").hasClass("node"),a=i.closest(".nodes").siblings().eq(0).find(".node:first"),o=i.closest("table").find(".node");this.$chart.data("dragged",i).find(".node").each(function(e,t){s&&-1!==o.index(t)||(n.dropCriteria?n.dropCriteria(i,a,u(t))&&u(t).addClass("allowedDrop"):u(t).addClass("allowedDrop"))})},dragstartHandler:function(e){e.originalEvent.dataTransfer.setData("text/html","hack for firefox"),"none"!==this.$chart.css("transform")&&this.createGhostNode(e),this.filterAllowedDropNodes(u(e.target))},dragoverHandler:function(e){u(e.delegateTarget).is(".allowedDrop")?e.preventDefault():e.originalEvent.dataTransfer.dropEffect="none"},dragendHandler:function(e){this.$chart.find(".allowedDrop").removeClass("allowedDrop")},dropHandler:function(e){var t=u(e.delegateTarget),i=this.$chart.data("dragged");if(i.hasClass("node")){if(t.hasClass("allowedDrop")){var n=i.closest(".nodes").siblings().eq(0).children(),s=u.Event("nodedrop.orgchart");if(this.$chart.trigger(s,{draggedNode:i,dragZone:n.children(),dropZone:t}),!s.isDefaultPrevented()){if(t.closest("tr").siblings().length){var a=parseInt(t.parent().attr("colspan"))+2,o='<i class="edge horizontalEdge rightEdge oci"></i><i class="edge horizontalEdge leftEdge oci"></i>';t.closest("tr").next().addBack().children().attr("colspan",a),i.find(".horizontalEdge").length||i.append(o),t.closest("tr").siblings().eq(1).children(":last").before('<td class="leftLine topLine"></td><td class="rightLine topLine"></td>').end().next().append(i.closest("table").parent());var r=i.closest("table").parent().siblings().find(".node:first");1===r.length&&r.append(o)}else t.append('<i class="edge verticalEdge bottomEdge oci"></i>').parent().attr("colspan",2).parent().after('<tr class="lines"><td colspan="2"><div class="downLine"></div></td></tr><tr class="lines"><td class="rightLine"></td><td class="leftLine"></td></tr><tr class="nodes"></tr>').siblings(":last").append(i.find(".horizontalEdge").remove().end().closest("table").parent());var d=parseInt(n.attr("colspan"));if(2<d){n.attr("colspan",d-2).parent().next().children().attr("colspan",d-2).end().next().children().slice(1,3).remove();var l=n.parent().siblings(".nodes").children().find(".node:first");1===l.length&&l.find(".horizontalEdge").remove()}else n.removeAttr("colspan").find(".bottomEdge").remove().end().end().siblings().remove()}}}else this.$chart.triggerHandler({type:"otherdropped.orgchart",draggedItem:i,dropZone:t})},touchstartHandler:function(e){this.touchHandled||e.touches&&1<e.touches.length||(this.touchHandled=!0,this.touchMoved=!1,e.preventDefault())},touchmoveHandler:function(e){if(this.touchHandled&&!(e.touches&&1<e.touches.length)){e.preventDefault(),this.touchMoved||(this.filterAllowedDropNodes(u(e.currentTarget)),this.touchDragImage=this.createDragImage(e,this.$chart.data("dragged")[0])),this.touchMoved=!0,this.moveDragImage(e,this.touchDragImage);var t=u(f.elementFromPoint(e.touches[0].clientX,e.touches[0].clientY)).closest("div.node");if(0<t.length){var i=t[0];t.is(".allowedDrop")?this.touchTargetNode=i:this.touchTargetNode=null}else this.touchTargetNode=null}},touchendHandler:function(e){if(this.touchHandled){if(this.destroyDragImage(),this.touchMoved){if(this.touchTargetNode){var t={delegateTarget:this.touchTargetNode};this.dropHandler(t),this.touchTargetNode=null}this.dragendHandler(e)}else{var i=e.changedTouches[0],n=f.createEvent("MouseEvents");n.initMouseEvent("click",!0,!0,p,1,i.screenX,i.screenY,i.clientX,i.clientY,e.ctrlKey,e.altKey,e.shiftKey,e.metaKey,0,null),e.target.dispatchEvent(n)}this.touchHandled=!1}},createDragImage:function(e,t){var i=t.cloneNode(!0);this.copyStyle(t,i),i.style.top=i.style.left="-9999px";var n=t.getBoundingClientRect(),s=this.getTouchPoint(e);return this.touchDragImageOffset={x:s.x-n.left,y:s.y-n.top},i.style.opacity="0.5",f.body.appendChild(i),i},destroyDragImage:function(){this.touchDragImage&&this.touchDragImage.parentElement&&this.touchDragImage.parentElement.removeChild(this.touchDragImage),this.touchDragImageOffset=null,this.touchDragImage=null},copyStyle:function(e,t){if(["id","class","style","draggable"].forEach(function(e){t.removeAttribute(e)}),e instanceof HTMLCanvasElement){var i=e,n=t;n.width=i.width,n.height=i.height,n.getContext("2d").drawImage(i,0,0)}for(var s=getComputedStyle(e),a=0;a<s.length;a++){var o=s[a];o.indexOf("transition")<0&&(t.style[o]=s[o])}t.style.pointerEvents="none";for(a=0;a<e.children.length;a++)this.copyStyle(e.children[a],t.children[a])},getTouchPoint:function(e){return e&&e.touches&&(e=e.touches[0]),{x:e.clientX,y:e.clientY}},moveDragImage:function(i,n){if(i&&n){var s=this;requestAnimationFrame(function(){var e=s.getTouchPoint(i),t=n.style;t.position="absolute",t.pointerEvents="none",t.zIndex="999999",s.touchDragImageOffset&&(t.left=Math.round(e.x-s.touchDragImageOffset.x)+"px",t.top=Math.round(e.y-s.touchDragImageOffset.y)+"px")})}},bindDragDrop:function(e){e.on("dragstart",this.dragstartHandler.bind(this)).on("dragover",this.dragoverHandler.bind(this)).on("dragend",this.dragendHandler.bind(this)).on("drop",this.dropHandler.bind(this)).on("touchstart",this.touchstartHandler.bind(this)).on("touchmove",this.touchmoveHandler.bind(this)).on("touchend",this.touchendHandler.bind(this))},createNode:function(i){var n=this.options,e=i.level;i.children&&i[n.nodeId]&&u.each(i.children,function(e,t){t.parentId=i[n.nodeId]});var t=u("<div"+(n.draggable?' draggable="true"':"")+(i[n.nodeId]?' id="'+i[n.nodeId]+'"':"")+(i.parentId?' data-parent="'+i.parentId+'"':"")+">").addClass("node "+(i.className||"")+(e>n.visibleLevel?" slide-up":""));n.nodeTemplate?t.append(n.nodeTemplate(i)):t.append('<div class="title">'+i[n.nodeTitle]+"</div>").append(void 0!==n.nodeContent?'<div class="content">'+(i[n.nodeContent]||"")+"</div>":"");var s=u.extend({},i);delete s.children,t.data("nodeData",s);var a=i.relationship||"";if(n.verticalLevel&&e>=n.verticalLevel){if(e+1>n.verticalLevel&&Number(a.substr(2,1))){var o=e+1>n.visibleLevel?"plus":"minus";t.append('<i class="toggleBtn oci oci-'+o+'-square"></i>')}}else Number(a.substr(0,1))&&t.append('<i class="edge verticalEdge topEdge oci"></i>'),Number(a.substr(1,1))&&t.append('<i class="edge horizontalEdge rightEdge oci"></i><i class="edge horizontalEdge leftEdge oci"></i>'),Number(a.substr(2,1))&&t.append('<i class="edge verticalEdge bottomEdge oci"></i>').children(".title").prepend('<i class="oci '+n.parentNodeSymbol+' symbol"></i>');return t.on("mouseenter mouseleave",this.nodeEnterLeaveHandler.bind(this)),t.on("click",this.nodeClickHandler.bind(this)),t.on("click",".topEdge",this.topEdgeClickHandler.bind(this)),t.on("click",".bottomEdge",this.bottomEdgeClickHandler.bind(this)),t.on("click",".leftEdge, .rightEdge",this.hEdgeClickHandler.bind(this)),t.on("click",".toggleBtn",this.toggleVNodes.bind(this)),n.draggable&&(this.bindDragDrop(t),this.touchHandled=!1,this.touchMoved=!1,this.touchTargetNode=null),n.createNode&&n.createNode(t,i),t},buildHierarchy:function(e,t){var i=this,n=this.options,s=0;s=t.level?t.level:t.level=e.parentsUntil(".orgchart",".nodes").length+1;var a,o=t.children,r=!!o&&o.length;if(2<Object.keys(t).length){var d=this.createNode(t);n.verticalLevel&&s>=n.verticalLevel?e.append(d):(a=u("<table>"),e.append(a.append(u("<tr/>").append(u("<td"+(r?' colspan="'+2*o.length+'"':"")+"></td>").append(d)))))}if(r){var l,h=s+1>n.visibleLevel||t.collapsed?" hidden":"",c=!!(n.verticalLevel&&s+1>=n.verticalLevel);if(c)l=u("<ul>"),h&&s+1>n.verticalLevel&&l.addClass(h),s+1===n.verticalLevel?e.children("table").append('<tr class="verticalNodes'+h+'"><td></td></tr>').find(".verticalNodes").children().append(l):e.append(l);else{for(var g=u('<tr class="lines'+h+'"><td colspan="'+2*o.length+'"><div class="downLine"></div></td></tr>'),p='<tr class="lines'+h+'"><td class="rightLine"></td>',f=1;f<o.length;f++)p+='<td class="leftLine topLine"></td><td class="rightLine topLine"></td>';p+='<td class="leftLine"></td></tr>',l=u('<tr class="nodes'+h+'">'),2===Object.keys(t).length?e.append(g).append(p).append(l):a.append(g).append(p).append(l)}u.each(o,function(){var e=u(c?"<li>":'<td colspan="2">');l.append(e),this.level=s+1,i.buildHierarchy(e,this)})}},buildChildNode:function(e,t){e.find("td:first").attr("colspan",2*t.length),this.buildHierarchy(e,{children:t})},addChildren:function(e,t){this.buildChildNode(e.closest("table"),t),e.children(".bottomEdge").length||e.append('<i class="edge verticalEdge bottomEdge oci"></i>'),e.find(".symbol").length||e.children(".title").prepend('<i class="oci '+this.options.parentNodeSymbol+' symbol"></i>'),this.isInAction(e)&&this.switchVerticalArrow(e.children(".bottomEdge"))},buildParentNode:function(e,t){t.relationship=t.relationship||"001";var i=u("<table>").append(u("<tr>").append(u('<td colspan="2">').append(this.createNode(t)))).append('<tr class="lines"><td colspan="2"><div class="downLine"></div></td></tr>').append('<tr class="lines"><td class="rightLine"></td><td class="leftLine"></td></tr>');this.$chart.prepend(i).children("table:first").append('<tr class="nodes"><td colspan="2"></td></tr>').children("tr:last").children().append(this.$chart.children("table").last())},addParent:function(e,t){this.buildParentNode(e,t),e.children(".topEdge").length||e.children(".title").after('<i class="edge verticalEdge topEdge oci"></i>'),this.isInAction(e)&&this.switchVerticalArrow(e.children(".topEdge"))},complementLine:function(e,t,i){for(var n="",s=0;s<i;s++)n+='<td class="leftLine topLine"></td><td class="rightLine topLine"></td>';e.parent().prevAll("tr:gt(0)").children().attr("colspan",2*t).end().next().children(":first").after(n)},buildSiblingNode:function(e,t){var i=u.isArray(t)?t.length:t.children.length,n=e.parent().is("td")?e.closest("tr").children().length:1,s=n+i,a=1<s?Math.floor(s/2-1):0;if(e.parent().is("td")){e.closest("tr").prevAll("tr:last");e.closest("tr").prevAll("tr:lt(2)").remove(),this.buildChildNode(e.parent().closest("table"),t);var o=e.parent().closest("table").children("tr:last").children("td");1<n?this.complementLine(o.eq(0).before(e.closest("td").siblings().addBack().unwrap()),s,n):this.complementLine(o.eq(a).after(e.closest("td").unwrap()),s,1)}else this.buildHierarchy(e.closest(".orgchart"),t),this.complementLine(e.next().children("tr:last").children().eq(a).after(u('<td colspan="2">').append(e)),s,1)},addSiblings:function(e,t){this.buildSiblingNode(e.closest("table"),t),e.closest(".nodes").data("siblingsLoaded",!0),e.children(".leftEdge").length||e.children(".topEdge").after('<i class="edge horizontalEdge rightEdge oci"></i><i class="edge horizontalEdge leftEdge oci"></i>'),this.isInAction(e)&&(this.switchHorizontalArrow(e),e.children(".topEdge").removeClass("oci-chevron-up").addClass("oci-chevron-down"))},removeNodes:function(e){var t=e.closest("table").parent(),i=t.parent().siblings();t.is("td")?this.getNodeState(e,"siblings").exist?(i.eq(2).children(".topLine:lt(2)").remove(),i.slice(0,2).children().attr("colspan",i.eq(2).children().length),t.remove()):i.eq(0).children().removeAttr("colspan").find(".bottomEdge").remove().end().end().siblings().remove():t.add(t.siblings()).remove()},hideDropZones:function(){this.$chart.find(".allowedDrop").removeClass("allowedDrop")},showDropZones:function(e){this.$chart.find(".node").each(function(e,t){u(t).addClass("allowedDrop")}),this.$chart.data("dragged",u(e))},processExternalDrop:function(e,t){t&&this.$chart.data("dragged",u(t)),e.closest(".node").triggerHandler({type:"drop"})},exportPDF:function(e,t){var i={},n=Math.floor(e.width),s=Math.floor(e.height);(i=s<n?new jsPDF({orientation:"landscape",unit:"px",format:[n,s]}):new jsPDF({orientation:"portrait",unit:"px",format:[s,n]})).addImage(e.toDataURL(),"png",0,0),i.save(t+".pdf")},exportPNG:function(e,t){var i="WebkitAppearance"in f.documentElement.style,n=!!p.sidebar,s="Microsoft Internet Explorer"===navigator.appName||"Netscape"===navigator.appName&&-1<navigator.appVersion.indexOf("Edge"),a=this.$chartContainer;if(!i&&!n||s)p.navigator.msSaveBlob(e.msToBlob(),t+".png");else{var o=".oci-download-btn"+(""!==this.options.chartClass?"."+this.options.chartClass:"");a.find(o).length||a.append('<a class="oci-download-btn'+(""!==this.options.chartClass?" "+this.options.chartClass:"")+'" download="'+t+'.png"></a>'),a.find(o).attr("href",e.toDataURL())[0].click()}},export:function(t,i){var n=this;if(t=void 0!==t?t:this.options.exportFilename,i=void 0!==i?i:this.options.exportFileextension,u(this).children(".spinner").length)return!1;var s=this.$chartContainer,e=s.find(".mask");e.length?e.removeClass("hidden"):s.append('<div class="mask"><i class="oci oci-spinner spinner"></i></div>');var a=s.addClass("canvasContainer").find('.orgchart:not(".hidden")').get(0),o="l2r"===n.options.direction||"r2l"===n.options.direction;html2canvas(a,{width:o?a.clientHeight:a.clientWidth,height:o?a.clientWidth:a.clientHeight,onclone:function(e){u(e).find(".canvasContainer").css("overflow","visible").find('.orgchart:not(".hidden"):first').css("transform","")}}).then(function(e){s.find(".mask").addClass("hidden"),"pdf"===i.toLowerCase()?n.exportPDF(e,t):n.exportPNG(e,t),s.removeClass("canvasContainer")},function(){s.removeClass("canvasContainer")})}},u.fn.orgchart=function(e){return new t(this,e).init()}});
 //# sourceMappingURL=jquery.orgchart.min.js.map
diff --git a/dist/js/jquery.orgchart.min.js.map b/dist/js/jquery.orgchart.min.js.map
index 906eef65..4a489502 100644
--- a/dist/js/jquery.orgchart.min.js.map
+++ b/dist/js/jquery.orgchart.min.js.map
@@ -1 +1 @@
-{"version":3,"sources":["jquery.orgchart.js"],"names":["factory","module","exports","require","window","document","jQuery","$","undefined","OrgChart","elem","opts","this","$chartContainer","defaultOptions","nodeTitle","nodeId","toggleSiblingsResp","visibleLevel","chartClass","exportButton","exportFilename","exportFileextension","parentNodeSymbol","draggable","direction","pan","zoom","zoominLimit","zoomoutLimit","prototype","init","that","options","extend","$chart","remove","data","class","click","event","target","closest","length","find","removeClass","MutationObserver","triggerInitEvent","type","buildHierarchy","buildJsonDS","children","ajaxURL","attachRel","append","ajax","url","dataType","done","textStatus","jqXHR","fail","errorThrown","console","log","always","attachExportButton","bindPan","bindZoom","mo","mutations","disconnect","initTime","i","j","addedNodes","classList","contains","initCompleted","initEvent","Event","trigger","observe","childList","$exportBtn","text","e","preventDefault","export","setOptions","val","unbindPan","unbindZoom","panStartHandler","delegateTarget","touches","css","lastX","lastY","lastTf","temp","split","indexOf","parseInt","startX","startY","targetTouches","pageX","pageY","on","newX","newY","matrix","join","panEndHandler","chart","off","zoomWheelHandler","oc","newScale","originalEvent","deltaY","setChartScale","zoomStartHandler","dist","getPinchDist","zoomingHandler","zoomEndHandler","diff","Math","sqrt","clientX","clientY","targetScale","abs","parseFloat","$li","subObj","name","contents","eq","trim","relationship","parent","is","siblings","each","key","value","push","flags","forEach","item","loopChart","$tr","id","getHierarchy","valid","getNodeState","$node","relation","$target","isVerticalNode","parents","exist","visible","getRelatedNodes","hideParentEnd","upperLevel","addClass","slice","removeAttr","hideParent","$upperLevel","hideSiblings","$parent","one","showParentEnd","node","isInAction","switchVerticalArrow","showParent","repaint","bind","stopAjax","$nodeLevel","isVisibleNode","index","hideChildrenEnd","animatedNodes","isVerticalDesc","lowerLevel","prevAll","addBack","last","hideChildren","$lowerLevel","$animatedNodes","filter","get","showChildrenEnd","showChildren","$levels","hideSiblingsEnd","$nodeContainer","nodeContainer","lines","$siblings","nextAll","prev","end","switchHorizontalArrow","$lines","showSiblingsEnd","visibleNodes","showRelatedParentEnd","showSiblings","$visibleNodes","startLoading","$edge","not","prop","endLoading","attr","$arrow","toggleClass","$prevSib","$nextSib","next","$sibs","sibsVisible","style","offsetWidth","nodeEnterLeaveHandler","flag","$topEdge","$bottomEdge","$leftEdge","nodeClickHandler","loadNodes","rel","isEmptyObject","addParent","addChildren","addSiblings","HideFirstParentEnd","topEdge","topEdgeClickHandler","stopPropagation","parentState","isFunction","bottomEdgeClickHandler","childrenState","hEdgeClickHandler","$hEdge","siblingsState","families","expandVNodesEnd","vNodes","collapseVNodesEnd","toggleVNodes","$toggleBtn","$descWrapper","$descendants","$children","createGhostNode","ghostNode","nodeCover","$nodeDiv","origEvent","isFirefox","test","navigator","userAgent","toLowerCase","querySelector","createElementNS","add","appendChild","transValues","isHorizontal","scale","setAttribute","outerWidth","outerHeight","xOffset","offsetX","yOffset","offsetY","ghostNodeWrapper","createElement","src","XMLSerializer","serializeToString","dataTransfer","setDragImage","filterAllowedDropNodes","$dragged","draggingNode","hasClass","$dragZone","$dragHier","dropCriteria","dragstartHandler","setData","dragoverHandler","dropEffect","dragendHandler","dropHandler","$dropZone","dropEvent","draggedNode","dragZone","dropZone","isDefaultPrevented","dropColspan","horizontalEdges","before","$dropSibs","after","dragColspan","$dragSibs","triggerHandler","draggedItem","touchstartHandler","touchHandled","touchMoved","touchmoveHandler","currentTarget","touchDragImage","createDragImage","moveDragImage","$touchingNodes","elementFromPoint","touchingNodeElement","touchTargetNode","touchendHandler","destroyDragImage","fakeEventForDropHandler","firstTouch","changedTouches","fakeMouseClickEvent","createEvent","initMouseEvent","screenX","screenY","ctrlKey","altKey","shiftKey","metaKey","dispatchEvent","source","dragImage","cloneNode","copyStyle","top","left","sourceRectangle","getBoundingClientRect","sourcePoint","getTouchPoint","touchDragImageOffset","x","y","opacity","body","parentElement","removeChild","dst","att","removeAttribute","HTMLCanvasElement","cSrc","cDst","width","height","getContext","drawImage","cs","getComputedStyle","pointerEvents","image","orgChartMaster","requestAnimationFrame","pt","s","position","zIndex","round","bindDragDrop","createNode","level","child","parentId","className","nodeTemplate","nodeContent","nodeData","verticalLevel","Number","substr","icon","prepend","$appendTo","parentsUntil","$nodeWrapper","childrenData","hasChildren","Object","keys","$nodesLayer","isHidden","collapsed","isVerticalLayer","$upperLines","lowerLines","$nodeCell","buildChildNode","buildParentNode","$currentRoot","$table","complementLine","$oneSibling","siblingCount","existingSibligCount","buildSiblingNode","$nodeChart","newSiblingCount","isArray","insertPostion","floor","$siblingTds","unwrap","removeNodes","hideDropZones","showDropZones","dragged","processExternalDrop","exportPDF","canvas","doc","docWidth","docHeight","jsPDF","orientation","unit","format","addImage","toDataURL","save","exportPNG","isWebkit","documentElement","isFf","sidebar","isEdge","appName","appVersion","msSaveBlob","msToBlob","selector","$mask","sourceChart","html2canvas","clientHeight","clientWidth","onclone","cloneDoc","then","fn","orgchart"],"mappings":"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","file":"jquery.orgchart.min.js","sourcesContent":["/*\n * jQuery OrgChart Plugin\n * https://github.com/dabeng/OrgChart\n *\n * Copyright 2016, dabeng\n * https://github.com/dabeng\n *\n * Licensed under the MIT license:\n * http://www.opensource.org/licenses/MIT\n */\n'use strict';\n\n(function (factory) {\n  if (typeof module === 'object' && typeof module.exports === 'object') {\n    factory(require('jquery'), window, document);\n  } else {\n    factory(jQuery, window, document);\n  }\n}(function ($, window, document, undefined) {\n  var OrgChart = function (elem, opts) {\n    this.$chartContainer = $(elem);\n    this.opts = opts;\n    this.defaultOptions = {\n      'nodeTitle': 'name',\n      'nodeId': 'id',\n      'toggleSiblingsResp': false,\n      'visibleLevel': 999,\n      'chartClass': '',\n      'exportButton': false,\n      'exportFilename': 'OrgChart',\n      'exportFileextension': 'png',\n      'parentNodeSymbol': 'oci-leader',\n      'draggable': false,\n      'direction': 't2b',\n      'pan': false,\n      'zoom': false,\n      'zoominLimit': 7,\n      'zoomoutLimit': 0.5\n    };\n  };\n  //\n  OrgChart.prototype = {\n    //\n    init: function (opts) {\n      var that = this;\n      this.options = $.extend({}, this.defaultOptions, this.opts, opts);\n      // build the org-chart\n      var $chartContainer = this.$chartContainer;\n      if (this.$chart) {\n        this.$chart.remove();\n      }\n      var data = this.options.data;\n      var $chart = this.$chart = $('<div>', {\n        'data': { 'options': this.options },\n        'class': 'orgchart' + (this.options.chartClass !== '' ? ' ' + this.options.chartClass : '') + (this.options.direction !== 't2b' ? ' ' + this.options.direction : ''),\n        'click': function(event) {\n          if (!$(event.target).closest('.node').length) {\n            $chart.find('.node.focused').removeClass('focused');\n          }\n        }\n      });\n      if (typeof MutationObserver !== 'undefined') {\n        this.triggerInitEvent();\n      }\n      if ($.type(data) === 'object') {\n        if (data instanceof $) { // ul datasource\n          this.buildHierarchy($chart, this.buildJsonDS(data.children()), 0, this.options);\n        } else { // local json datasource\n          this.buildHierarchy($chart, this.options.ajaxURL ? data : this.attachRel(data, '00'));\n        }\n      } else {\n        $chart.append('<i class=\"oci oci-spinner spinner\"></i>');\n        $.ajax({\n          'url': data,\n          'dataType': 'json'\n        })\n        .done(function(data, textStatus, jqXHR) {\n          that.buildHierarchy($chart, that.options.ajaxURL ? data : that.attachRel(data, '00'), 0, that.options);\n        })\n        .fail(function(jqXHR, textStatus, errorThrown) {\n          console.log(errorThrown);\n        })\n        .always(function() {\n          $chart.children('.spinner').remove();\n        });\n      }\n      $chartContainer.append($chart);\n\n      // append the export button\n      if (this.options.exportButton && !$chartContainer.find('.oc-export-btn').length) {\n        this.attachExportButton();\n      }\n\n      if (this.options.pan) {\n        this.bindPan();\n      }\n\n      if (this.options.zoom) {\n        this.bindZoom();\n      }\n\n      return this;\n    },\n    //\n    triggerInitEvent: function () {\n      var that = this;\n      var mo = new MutationObserver(function (mutations) {\n        mo.disconnect();\n        initTime:\n        for (var i = 0; i < mutations.length; i++) {\n          for (var j = 0; j < mutations[i].addedNodes.length; j++) {\n            if (mutations[i].addedNodes[j].classList.contains('orgchart')) {\n              if (that.options.initCompleted && typeof that.options.initCompleted === 'function') {\n                that.options.initCompleted(that.$chart);\n              }\n              var initEvent = $.Event('init.orgchart');\n              that.$chart.trigger(initEvent);\n              break initTime;\n            }\n          }\n        }\n      });\n      mo.observe(this.$chartContainer[0], { childList: true });\n    },\n    //\n    attachExportButton: function () {\n      var that = this;\n      var $exportBtn = $('<button>', {\n        'class': 'oc-export-btn' + (this.options.chartClass !== '' ? ' ' + this.options.chartClass : ''),\n        'text': 'Export',\n        'click': function(e) {\n          e.preventDefault();\n          that.export();\n        }\n      });\n      this.$chartContainer.append($exportBtn);\n    },\n    setOptions: function (opts, val) {\n      if (typeof opts === 'string') {\n        if (opts === 'pan') {\n          if (val) {\n            this.bindPan();\n          } else {\n            this.unbindPan();\n          }\n        }\n        if (opts === 'zoom') {\n          if (val) {\n            this.bindZoom();\n          } else {\n            this.unbindZoom();\n          }\n        }\n      }\n      if (typeof opts === 'object') {\n        if (opts.data) {\n          this.init(opts);\n        } else {\n          if (typeof opts.pan !== 'undefined') {\n            if (opts.pan) {\n              this.bindPan();\n            } else {\n              this.unbindPan();\n            }\n          }\n          if (typeof opts.zoom !== 'undefined') {\n            if (opts.zoom) {\n              this.bindZoom();\n            } else {\n              this.unbindZoom();\n            }\n          }\n        }\n      }\n\n      return this;\n    },\n    //\n    panStartHandler: function (e) {\n      var $chart = $(e.delegateTarget);\n      if ($(e.target).closest('.node').length || (e.touches && e.touches.length > 1)) {\n        $chart.data('panning', false);\n        return;\n      } else {\n        $chart.css('cursor', 'move').data('panning', true);\n      }\n      var lastX = 0;\n      var lastY = 0;\n      var lastTf = $chart.css('transform');\n      if (lastTf !== 'none') {\n        var temp = lastTf.split(',');\n        if (lastTf.indexOf('3d') === -1) {\n          lastX = parseInt(temp[4]);\n          lastY = parseInt(temp[5]);\n        } else {\n          lastX = parseInt(temp[12]);\n          lastY = parseInt(temp[13]);\n        }\n      }\n      var startX = 0;\n      var startY = 0;\n      if (!e.targetTouches) { // pand on desktop\n        startX = e.pageX - lastX;\n        startY = e.pageY - lastY;\n      } else if (e.targetTouches.length === 1) { // pan on mobile device\n        startX = e.targetTouches[0].pageX - lastX;\n        startY = e.targetTouches[0].pageY - lastY;\n      } else if (e.targetTouches.length > 1) {\n        return;\n      }\n      $chart.on('mousemove touchmove',function(e) {\n        if (!$chart.data('panning')) {\n          return;\n        }\n        var newX = 0;\n        var newY = 0;\n        if (!e.targetTouches) { // pand on desktop\n          newX = e.pageX - startX;\n          newY = e.pageY - startY;\n        } else if (e.targetTouches.length === 1) { // pan on mobile device\n          newX = e.targetTouches[0].pageX - startX;\n          newY = e.targetTouches[0].pageY - startY;\n        } else if (e.targetTouches.length > 1) {\n          return;\n        }\n        var lastTf = $chart.css('transform');\n        if (lastTf === 'none') {\n          if (lastTf.indexOf('3d') === -1) {\n            $chart.css('transform', 'matrix(1, 0, 0, 1, ' + newX + ', ' + newY + ')');\n          } else {\n            $chart.css('transform', 'matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, ' + newX + ', ' + newY + ', 0, 1)');\n          }\n        } else {\n          var matrix = lastTf.split(',');\n          if (lastTf.indexOf('3d') === -1) {\n            matrix[4] = ' ' + newX;\n            matrix[5] = ' ' + newY + ')';\n          } else {\n            matrix[12] = ' ' + newX;\n            matrix[13] = ' ' + newY;\n          }\n          $chart.css('transform', matrix.join(','));\n        }\n      });\n    },\n    //\n    panEndHandler: function (e) {\n      if (e.data.chart.data('panning')) {\n        e.data.chart.data('panning', false).css('cursor', 'default').off('mousemove');\n      }\n    },\n    //\n    bindPan: function () {\n      this.$chartContainer.css('overflow', 'hidden');\n      this.$chart.on('mousedown touchstart', this.panStartHandler);\n      $(document).on('mouseup touchend', { 'chart': this.$chart }, this.panEndHandler);\n    },\n    //\n    unbindPan: function () {\n      this.$chartContainer.css('overflow', 'auto');\n      this.$chart.off('mousedown touchstart', this.panStartHandler);\n      $(document).off('mouseup touchend', this.panEndHandler);\n    },\n    //\n    zoomWheelHandler: function (e) {\n      var oc = e.data.oc;\n      e.preventDefault();\n      var newScale  = 1 + (e.originalEvent.deltaY > 0 ? -0.2 : 0.2);\n      oc.setChartScale(oc.$chart, newScale);\n    },\n    //\n    zoomStartHandler: function (e) {\n      if(e.touches && e.touches.length === 2) {\n        var oc = e.data.oc;\n        oc.$chart.data('pinching', true);\n        var dist = oc.getPinchDist(e);\n        oc.$chart.data('pinchDistStart', dist);\n      }\n    },\n    zoomingHandler: function (e) {\n      var oc = e.data.oc;\n      if(oc.$chart.data('pinching')) {\n        var dist = oc.getPinchDist(e);\n        oc.$chart.data('pinchDistEnd', dist);\n      }\n    },\n    zoomEndHandler: function (e) {\n      var oc = e.data.oc;\n      if(oc.$chart.data('pinching')) {\n        oc.$chart.data('pinching', false);\n        var diff = oc.$chart.data('pinchDistEnd') - oc.$chart.data('pinchDistStart');\n        if (diff > 0) {\n          oc.setChartScale(oc.$chart, 1.2);\n        } else if (diff < 0) {\n          oc.setChartScale(oc.$chart, 0.8);\n        }\n      }\n    },\n    //\n    bindZoom: function () {\n      this.$chartContainer.on('wheel', { 'oc': this }, this.zoomWheelHandler);\n      this.$chartContainer.on('touchstart', { 'oc': this }, this.zoomStartHandler);\n      $(document).on('touchmove', { 'oc': this }, this.zoomingHandler);\n      $(document).on('touchend', { 'oc': this }, this.zoomEndHandler);\n    },\n    unbindZoom: function () {\n      this.$chartContainer.off('wheel', this.zoomWheelHandler);\n      this.$chartContainer.off('touchstart', this.zoomStartHandler);\n      $(document).off('touchmove', this.zoomingHandler);\n      $(document).off('touchend', this.zoomEndHandler);\n    },\n    //\n    getPinchDist: function (e) {\n      return Math.sqrt((e.touches[0].clientX - e.touches[1].clientX) * (e.touches[0].clientX - e.touches[1].clientX) +\n      (e.touches[0].clientY - e.touches[1].clientY) * (e.touches[0].clientY - e.touches[1].clientY));\n    },\n    //\n    setChartScale: function ($chart, newScale) {\n      var opts = $chart.data('options');\n      var lastTf = $chart.css('transform');\n      var matrix = '';\n      var targetScale = 1;\n      if (lastTf === 'none') {\n        $chart.css('transform', 'scale(' + newScale + ',' + newScale + ')');\n      } else {\n        matrix = lastTf.split(',');\n        if (lastTf.indexOf('3d') === -1) {\n          targetScale = Math.abs(window.parseFloat(matrix[3]) * newScale);\n          if (targetScale > opts.zoomoutLimit && targetScale < opts.zoominLimit) {\n            $chart.css('transform', lastTf + ' scale(' + newScale + ',' + newScale + ')');\n          }\n        } else {\n          targetScale = Math.abs(window.parseFloat(matrix[1]) * newScale);\n          if (targetScale > opts.zoomoutLimit && targetScale < opts.zoominLimit) {\n            $chart.css('transform', lastTf + ' scale3d(' + newScale + ',' + newScale + ', 1)');\n          }\n        }\n      }\n    },\n    //\n    buildJsonDS: function ($li) {\n      var that = this;\n      var subObj = {\n        'name': $li.contents().eq(0).text().trim(),\n        'relationship': ($li.parent().parent().is('li') ? '1': '0') + ($li.siblings('li').length ? 1: 0) + ($li.children('ul').length ? 1 : 0)\n      };\n      $.each($li.data(), function(key, value) {\n         subObj[key] = value;\n      });\n      $li.children('ul').children().each(function() {\n        if (!subObj.children) { subObj.children = []; }\n        subObj.children.push(that.buildJsonDS($(this)));\n      });\n      return subObj;\n    },\n    //\n    attachRel: function (data, flags) {\n      var that = this;\n      data.relationship = flags + (data.children && data.children.length > 0 ? 1 : 0);\n      if (data.children) {\n        data.children.forEach(function(item) {\n          that.attachRel(item, '1' + (data.children.length > 1 ? 1 : 0));\n        });\n      }\n      return data;\n    },\n    //\n    loopChart: function ($chart) {\n      var that = this;\n      var $tr = $chart.find('tr:first');\n      var subObj = { 'id': $tr.find('.node')[0].id };\n      $tr.siblings(':last').children().each(function() {\n        if (!subObj.children) { subObj.children = []; }\n        subObj.children.push(that.loopChart($(this)));\n      });\n      return subObj;\n    },\n    //\n    getHierarchy: function () {\n      if (typeof this.$chart === 'undefined') {\n        return 'Error: orgchart does not exist'\n      } else {\n        if (!this.$chart.find('.node').length) {\n          return 'Error: nodes do not exist'\n        } else {\n          var valid = true;\n          this.$chart.find('.node').each(function () {\n            if (!this.id) {\n              valid = false;\n              return false;\n            }\n          });\n          if (!valid) {\n            return 'Error: All nodes of orghcart to be exported must have data-id attribute!';\n          }\n        }\n      }\n      return this.loopChart(this.$chart);\n    },\n    // detect the exist/display state of related node\n    getNodeState: function ($node, relation) {\n      var $target = {};\n      var isVerticalNode = $node.parent().is('li');\n      var relation = relation || 'self';\n      if (relation === 'parent') {\n        if (isVerticalNode) {\n          $target = $node.closest('ul').parents('ul');\n          if (!$target.length) {\n            $target = $node.closest('.nodes');\n            if (!$target.length) {\n              $target = $node.closest('.verticalNodes').siblings(':first');\n            }\n          }\n        } else {\n          $target = $node.closest('.nodes').siblings(':first');\n        }\n        if ($target.length) {\n          if ($target.is('.hidden') || (!$target.is('.hidden') && $target.closest('.nodes').is('.hidden')) || (!$target.is('.hidden') && $target.closest('.verticalNodes').is('.hidden'))) {\n            return { 'exist': true, 'visible': false };\n          }\n          return { 'exist': true, 'visible': true };\n        }\n      } else if (relation === 'children') {\n        $target = isVerticalNode ? $node.parent().children('ul') : $node.closest('tr').siblings(':last');\n        if ($target.length) {\n          if (!$target.is('.hidden')) {\n            return { 'exist': true, 'visible': true };\n          }\n          return { 'exist': true, 'visible': false };\n        }\n      } else if (relation === 'siblings') {\n        $target = isVerticalNode ? $node.closest('ul') : $node.closest('table').parent().siblings();\n        if ($target.length && (!isVerticalNode || $target.children('li').length > 1)) {\n          if (!$target.is('.hidden') && !$target.parent().is('.hidden') && (!isVerticalNode || !$target.closest('.verticalNodes').is('.hidden'))) {\n            return { 'exist': true, 'visible': true };\n          }\n          return { 'exist': true, 'visible': false };\n        }\n      } else {\n        $target = $node;\n        if ($target.length) {\n          if (!(($target.closest('.nodes').length && $target.closest('.nodes').is('.hidden')) ||\n            ($target.closest('table').parent().length && $target.closest('table').parent().is('.hidden')) ||\n            ($target.parent().is('li') && ($target.closest('ul').is('.hidden') || $target.closest('.verticalNodes').is('.hidden')))\n          )) {\n            return { 'exist': true, 'visible': true };\n          }\n          return { 'exist': true, 'visible': false };\n        }\n      }\n      return { 'exist': false, 'visible': false };\n    },\n    // find the related nodes\n    getRelatedNodes: function ($node, relation) {\n      if (!$node || !($node instanceof $) || !$node.is('.node')) {\n        return $();\n      }\n      if (relation === 'parent') {\n        return $node.closest('.nodes').parent().children(':first').find('.node');\n      } else if (relation === 'children') {\n        return $node.closest('tr').siblings('.nodes').children().find('.node:first');\n      } else if (relation === 'siblings') {\n        return $node.closest('table').parent().siblings().find('.node:first');\n      } else {\n        return $();\n      }\n    },\n    hideParentEnd: function (event) {\n      $(event.target).removeClass('sliding');\n      event.data.upperLevel.addClass('hidden').slice(1).removeAttr('style');\n    },\n    // recursively hide the ancestor node and sibling nodes of the specified node\n    hideParent: function ($node) {\n      var $upperLevel = $node.closest('.nodes').siblings();\n      if ($upperLevel.eq(0).find('.spinner').length) {\n        $node.closest('.orgchart').data('inAjax', false);\n      }\n      // hide the sibling nodes\n      if (this.getNodeState($node, 'siblings').visible) {\n        this.hideSiblings($node);\n      }\n      // hide the lines\n      var $lines = $upperLevel.slice(1);\n      $lines.css('visibility', 'hidden');\n      // hide the superior nodes with transition\n      var $parent = $upperLevel.eq(0).find('.node');\n      if (this.getNodeState($parent).visible) {\n        $parent.addClass('sliding slide-down').one('transitionend', { 'upperLevel': $upperLevel }, this.hideParentEnd);\n      }\n      // if the current node has the parent node, hide it recursively\n      if (this.getNodeState($parent, 'parent').visible) {\n        this.hideParent($parent);\n      }\n    },\n    showParentEnd: function (event) {\n      var $node = event.data.node;\n      $(event.target).removeClass('sliding');\n      if (this.isInAction($node)) {\n        this.switchVerticalArrow($node.children('.topEdge'));\n      }\n    },\n    // show the parent node of the specified node\n    showParent: function ($node) {\n      // just show only one superior level\n      var $upperLevel = $node.closest('.nodes').siblings().removeClass('hidden');\n      // just show only one line\n      $upperLevel.eq(2).children().slice(1, -1).addClass('hidden');\n      // show parent node with animation\n      var $parent = $upperLevel.eq(0).find('.node');\n      this.repaint($parent[0]);\n      $parent.addClass('sliding').removeClass('slide-down').one('transitionend', { 'node': $node }, this.showParentEnd.bind(this));\n    },\n    stopAjax: function ($nodeLevel) {\n      if ($nodeLevel.find('.spinner').length) {\n        $nodeLevel.closest('.orgchart').data('inAjax', false);\n      }\n    },\n    isVisibleNode: function (index, elem) {\n      return this.getNodeState($(elem)).visible;\n    },\n    //\n    hideChildrenEnd: function (event) {\n      var $node = event.data.node;\n      event.data.animatedNodes.removeClass('sliding');\n      if (event.data.isVerticalDesc) {\n        event.data.lowerLevel.addClass('hidden');\n      } else {\n        event.data.animatedNodes.closest('.nodes').prevAll('.lines').removeAttr('style').addBack().addClass('hidden');\n        event.data.lowerLevel.last().find('.verticalNodes').addClass('hidden');\n      }\n      if (this.isInAction($node)) {\n        this.switchVerticalArrow($node.children('.bottomEdge'));\n      }\n    },\n    // recursively hide the descendant nodes of the specified node\n    hideChildren: function ($node) {\n      var $lowerLevel = $node.closest('tr').siblings();\n      this.stopAjax($lowerLevel.last());\n      var $animatedNodes = $lowerLevel.last().find('.node').filter(this.isVisibleNode.bind(this));\n      var isVerticalDesc = $lowerLevel.last().is('.verticalNodes') ? true : false;\n      if (!isVerticalDesc) {\n        $animatedNodes.closest('table').closest('tr').prevAll('.lines').css('visibility', 'hidden');\n      }\n      this.repaint($animatedNodes.get(0));\n      $animatedNodes.addClass('sliding slide-up').eq(0).one('transitionend', { 'animatedNodes': $animatedNodes, 'lowerLevel': $lowerLevel, 'isVerticalDesc': isVerticalDesc, 'node': $node }, this.hideChildrenEnd.bind(this));\n    },\n    //\n    showChildrenEnd: function (event) {\n      var $node = event.data.node;\n      event.data.animatedNodes.removeClass('sliding');\n      if (this.isInAction($node)) {\n        this.switchVerticalArrow($node.children('.bottomEdge'));\n      }\n    },\n    // show the children nodes of the specified node\n    showChildren: function ($node) {\n      var that = this;\n      var $levels = $node.closest('tr').siblings();\n      var isVerticalDesc = $levels.is('.verticalNodes') ? true : false;\n      var $animatedNodes = isVerticalDesc\n        ? $levels.removeClass('hidden').find('.node').filter(this.isVisibleNode.bind(this))\n        : $levels.removeClass('hidden').eq(2).children().find('.node:first').filter(this.isVisibleNode.bind(this));\n      // the two following statements are used to enforce browser to repaint\n      this.repaint($animatedNodes.get(0));\n      $animatedNodes.addClass('sliding').removeClass('slide-up').eq(0).one('transitionend', { 'node': $node, 'animatedNodes': $animatedNodes }, this.showChildrenEnd.bind(this));\n    },\n    //\n    hideSiblingsEnd: function (event) {\n      var $node = event.data.node;\n      var $nodeContainer = event.data.nodeContainer;\n      var direction = event.data.direction;\n      event.data.lines.removeAttr('style');\n      var $siblings = direction ? (direction === 'left' ? $nodeContainer.prevAll(':not(.hidden)') : $nodeContainer.nextAll(':not(.hidden)')) : $nodeContainer.siblings();\n      $nodeContainer.closest('.nodes').prev().children(':not(.hidden)')\n        .slice(1, direction ? $siblings.length * 2 + 1 : -1).addClass('hidden');\n      event.data.animatedNodes.removeClass('sliding');\n      $siblings.find('.node:gt(0)').filter(this.isVisibleNode.bind(this))\n        .removeClass('slide-left slide-right').addClass('slide-up');\n      $siblings.find('.lines, .nodes, .verticalNodes').addClass('hidden')\n        .end().addClass('hidden');\n\n      if (this.isInAction($node)) {\n        this.switchHorizontalArrow($node);\n      }\n    },\n    // hide the sibling nodes of the specified node\n    hideSiblings: function ($node, direction) {\n      var that = this;\n      var $nodeContainer = $node.closest('table').parent();\n      if ($nodeContainer.siblings().find('.spinner').length) {\n        $node.closest('.orgchart').data('inAjax', false);\n      }\n      if (direction) {\n        if (direction === 'left') {\n          $nodeContainer.prevAll().find('.node').filter(this.isVisibleNode.bind(this)).addClass('sliding slide-right');\n        } else {\n          $nodeContainer.nextAll().find('.node').filter(this.isVisibleNode.bind(this)).addClass('sliding slide-left');\n        }\n      } else {\n        $nodeContainer.prevAll().find('.node').filter(this.isVisibleNode.bind(this)).addClass('sliding slide-right');\n        $nodeContainer.nextAll().find('.node').filter(this.isVisibleNode.bind(this)).addClass('sliding slide-left');\n      }\n      var $animatedNodes = $nodeContainer.siblings().find('.sliding');\n      var $lines = $animatedNodes.closest('.nodes').prevAll('.lines').css('visibility', 'hidden');\n      $animatedNodes.eq(0).one('transitionend', { 'node': $node, 'nodeContainer': $nodeContainer, 'direction': direction, 'animatedNodes': $animatedNodes, 'lines': $lines }, this.hideSiblingsEnd.bind(this));\n    },\n    //\n    showSiblingsEnd: function (event) {\n      var $node = event.data.node;\n      event.data.visibleNodes.removeClass('sliding');\n      if (this.isInAction($node)) {\n        this.switchHorizontalArrow($node);\n        $node.children('.topEdge').removeClass('oci-chevron-up').addClass('oci-chevron-down');\n      }\n    },\n    //\n    showRelatedParentEnd: function(event) {\n      $(event.target).removeClass('sliding');\n    },\n    // show the sibling nodes of the specified node\n    showSiblings: function ($node, direction) {\n      var that = this;\n      // firstly, show the sibling td tags\n      var $siblings = $();\n      if (direction) {\n        if (direction === 'left') {\n          $siblings = $node.closest('table').parent().prevAll().removeClass('hidden');\n        } else {\n          $siblings = $node.closest('table').parent().nextAll().removeClass('hidden');\n        }\n      } else {\n        $siblings = $node.closest('table').parent().siblings().removeClass('hidden');\n      }\n      // secondly, show the lines\n      var $upperLevel = $node.closest('table').closest('tr').siblings();\n      if (direction) {\n        $upperLevel.eq(2).children('.hidden').slice(0, $siblings.length * 2).removeClass('hidden');\n      } else {\n        $upperLevel.eq(2).children('.hidden').removeClass('hidden');\n      }\n      // thirdly, do some cleaning stuff\n      if (!this.getNodeState($node, 'parent').visible) {\n        $upperLevel.removeClass('hidden');\n        var parent = $upperLevel.find('.node')[0];\n        this.repaint(parent);\n        $(parent).addClass('sliding').removeClass('slide-down').one('transitionend', this.showRelatedParentEnd);\n      }\n      // lastly, show the sibling nodes with animation\n      var $visibleNodes = $siblings.find('.node').filter(this.isVisibleNode.bind(this));\n      this.repaint($visibleNodes.get(0));\n      $visibleNodes.addClass('sliding').removeClass('slide-left slide-right');\n      $visibleNodes.eq(0).one('transitionend', { 'node': $node, 'visibleNodes': $visibleNodes }, this.showSiblingsEnd.bind(this));\n    },\n    // start up loading status for requesting new nodes\n    startLoading: function ($edge) {\n      var $chart = this.$chart;\n      if (typeof $chart.data('inAjax') !== 'undefined' && $chart.data('inAjax') === true) {\n        return false;\n      }\n\n      $edge.addClass('hidden');\n      $edge.parent().append('<i class=\"oci oci-spinner spinner\"></i>')\n        .children().not('.spinner').css('opacity', 0.2);\n      $chart.data('inAjax', true);\n      $('.oci-export-btn' + (this.options.chartClass !== '' ? '.' + this.options.chartClass : '')).prop('disabled', true);\n      return true;\n    },\n    // terminate loading status for requesting new nodes\n    endLoading: function ($edge) {\n      var $node = $edge.parent();\n      $edge.removeClass('hidden');\n      $node.find('.spinner').remove();\n      $node.children().removeAttr('style');\n      this.$chart.data('inAjax', false);\n      $('.oci-export-btn' + (this.options.chartClass !== '' ? '.' + this.options.chartClass : '')).prop('disabled', false);\n    },\n    // whether the cursor is hovering over the node\n    isInAction: function ($node) {\n      return $node.children('.edge').attr('class').indexOf('oci-') > -1 ? true : false;\n    },\n    //\n    switchVerticalArrow: function ($arrow) {\n      $arrow.toggleClass('oci-chevron-up').toggleClass('oci-chevron-down');\n    },\n    //\n    switchHorizontalArrow: function ($node) {\n      var opts = this.options;\n      if (opts.toggleSiblingsResp && (typeof opts.ajaxURL === 'undefined' || $node.closest('.nodes').data('siblingsLoaded'))) {\n        var $prevSib = $node.closest('table').parent().prev();\n        if ($prevSib.length) {\n          if ($prevSib.is('.hidden')) {\n            $node.children('.leftEdge').addClass('oci-chevron-left').removeClass('oci-chevron-right');\n          } else {\n            $node.children('.leftEdge').addClass('oci-chevron-right').removeClass('oci-chevron-left');\n          }\n        }\n        var $nextSib = $node.closest('table').parent().next();\n        if ($nextSib.length) {\n          if ($nextSib.is('.hidden')) {\n            $node.children('.rightEdge').addClass('oci-chevron-right').removeClass('oci-chevron-left');\n          } else {\n            $node.children('.rightEdge').addClass('oci-chevron-left').removeClass('oci-chevron-right');\n          }\n        }\n      } else {\n        var $sibs = $node.closest('table').parent().siblings();\n        var sibsVisible = $sibs.length ? !$sibs.is('.hidden') : false;\n        $node.children('.leftEdge').toggleClass('oci-chevron-right', sibsVisible).toggleClass('oci-chevron-left', !sibsVisible);\n        $node.children('.rightEdge').toggleClass('oci-chevron-left', sibsVisible).toggleClass('oci-chevron-right', !sibsVisible);\n      }\n    },\n    //\n    repaint: function (node) {\n      if (node) {\n        node.style.offsetWidth = node.offsetWidth;\n      }\n    },\n    //\n    nodeEnterLeaveHandler: function (event) {\n      var $node = $(event.delegateTarget), flag = false;\n      var $topEdge = $node.children('.topEdge');\n      var $rightEdge = $node.children('.rightEdge');\n      var $bottomEdge = $node.children('.bottomEdge');\n      var $leftEdge = $node.children('.leftEdge');\n      if (event.type === 'mouseenter') {\n        if ($topEdge.length) {\n          flag = this.getNodeState($node, 'parent').visible;\n          $topEdge.toggleClass('oci-chevron-up', !flag).toggleClass('oci-chevron-down', flag);\n        }\n        if ($bottomEdge.length) {\n          flag = this.getNodeState($node, 'children').visible;\n          $bottomEdge.toggleClass('oci-chevron-down', !flag).toggleClass('oci-chevron-up', flag);\n        }\n        if ($leftEdge.length) {\n          this.switchHorizontalArrow($node);\n        }\n      } else {\n        $node.children('.edge').removeClass('oci-chevron-up oci-chevron-down oci-chevron-right oci-chevron-left');\n      }\n    },\n    //\n    nodeClickHandler: function (event) {\n      this.$chart.find('.focused').removeClass('focused');\n      $(event.delegateTarget).addClass('focused');\n    },\n    // load new nodes by ajax\n    loadNodes: function (rel, url, $edge) {\n      var that = this;\n      var opts = this.options;\n      $.ajax({ 'url': url, 'dataType': 'json' })\n      .done(function (data) {\n        if (that.$chart.data('inAjax')) {\n          if (rel === 'parent') {\n            if (!$.isEmptyObject(data)) {\n              that.addParent($edge.parent(), data);\n            }\n          } else if (rel === 'children') {\n            if (data.children.length) {\n              that.addChildren($edge.parent(), data[rel]);\n            }\n          } else {\n            that.addSiblings($edge.parent(), data.siblings ? data.siblings : data);\n          }\n        }\n      })\n      .fail(function () {\n        console.log('Failed to get ' + rel + ' data');\n      })\n      .always(function () {\n        that.endLoading($edge);\n      });\n    },\n    //\n    HideFirstParentEnd: function (event) {\n      var $topEdge = event.data.topEdge;\n      var $node = $topEdge.parent();\n      if (this.isInAction($node)) {\n        this.switchVerticalArrow($topEdge);\n        this.switchHorizontalArrow($node);\n      }\n    },\n    //\n    topEdgeClickHandler: function (event) {\n      event.stopPropagation();\n      var that = this;\n      var $topEdge = $(event.target);\n      var $node = $(event.delegateTarget);\n      var parentState = this.getNodeState($node, 'parent');\n      if (parentState.exist) {\n        var $parent = $node.closest('table').closest('tr').siblings(':first').find('.node');\n        if ($parent.is('.sliding')) { return; }\n        // hide the ancestor nodes and sibling nodes of the specified node\n        if (parentState.visible) {\n          this.hideParent($node);\n          $parent.one('transitionend', { 'topEdge': $topEdge }, this.HideFirstParentEnd.bind(this));\n        } else { // show the ancestors and siblings\n          this.showParent($node);\n        }\n      } else { // load the new parent node of the specified node by ajax request\n        // start up loading status\n        if (this.startLoading($topEdge)) {\n          var opts = this.options;\n          var url = $.isFunction(opts.ajaxURL.parent) ? opts.ajaxURL.parent($node.data('nodeData')) : opts.ajaxURL.parent + $node[0].id;\n          this.loadNodes('parent', url, $topEdge);\n        }\n      }\n    },\n    //\n    bottomEdgeClickHandler: function (event) {\n      event.stopPropagation();\n      var $bottomEdge = $(event.target);\n      var $node = $(event.delegateTarget);\n      var childrenState = this.getNodeState($node, 'children');\n      if (childrenState.exist) {\n        var $children = $node.closest('tr').siblings(':last');\n        if ($children.find('.sliding').length) { return; }\n        // hide the descendant nodes of the specified node\n        if (childrenState.visible) {\n          this.hideChildren($node);\n        } else { // show the descendants\n          this.showChildren($node);\n        }\n      } else { // load the new children nodes of the specified node by ajax request\n        if (this.startLoading($bottomEdge)) {\n          var opts = this.options;\n          var url = $.isFunction(opts.ajaxURL.children) ? opts.ajaxURL.children($node.data('nodeData')) : opts.ajaxURL.children + $node[0].id;\n          this.loadNodes('children', url, $bottomEdge);\n        }\n      }\n    },\n    //\n    hEdgeClickHandler: function (event) {\n      event.stopPropagation();\n      var $hEdge = $(event.target);\n      var $node = $(event.delegateTarget);\n      var opts = this.options;\n      var siblingsState = this.getNodeState($node, 'siblings');\n      if (siblingsState.exist) {\n        var $siblings = $node.closest('table').parent().siblings();\n        if ($siblings.find('.sliding').length) { return; }\n        if (opts.toggleSiblingsResp) {\n          var $prevSib = $node.closest('table').parent().prev();\n          var $nextSib = $node.closest('table').parent().next();\n          if ($hEdge.is('.leftEdge')) {\n            if ($prevSib.is('.hidden')) {\n              this.showSiblings($node, 'left');\n            } else {\n              this.hideSiblings($node, 'left');\n            }\n          } else {\n            if ($nextSib.is('.hidden')) {\n              this.showSiblings($node, 'right');\n            } else {\n              this.hideSiblings($node, 'right');\n            }\n          }\n        } else {\n          if (siblingsState.visible) {\n            this.hideSiblings($node);\n          } else {\n            this.showSiblings($node);\n          }\n        }\n      } else {\n        // load the new sibling nodes of the specified node by ajax request\n        if (this.startLoading($hEdge)) {\n          var nodeId = $node[0].id;\n          var url = (this.getNodeState($node, 'parent').exist) ?\n            ($.isFunction(opts.ajaxURL.siblings) ? opts.ajaxURL.siblings($node.data('nodeData')) : opts.ajaxURL.siblings + nodeId) :\n            ($.isFunction(opts.ajaxURL.families) ? opts.ajaxURL.families($node.data('nodeData')) : opts.ajaxURL.families + nodeId);\n          this.loadNodes('siblings', url, $hEdge);\n        }\n      }\n    },\n    //\n    expandVNodesEnd: function (event) {\n      event.data.vNodes.removeClass('sliding');\n    },\n    //\n    collapseVNodesEnd: function (event) {\n      event.data.vNodes.removeClass('sliding').closest('ul').addClass('hidden');\n    },\n    // event handler for toggle buttons in Hybrid(horizontal + vertical) OrgChart\n    toggleVNodes: function (event) {\n      var $toggleBtn = $(event.target);\n      var $descWrapper = $toggleBtn.parent().next();\n      var $descendants = $descWrapper.find('.node');\n      var $children = $descWrapper.children().children('.node');\n      if ($children.is('.sliding')) { return; }\n      $toggleBtn.toggleClass('oci-plus-square oci-minus-square');\n      if ($descendants.eq(0).is('.slide-up')) {\n        $descWrapper.removeClass('hidden');\n        this.repaint($children.get(0));\n        $children.addClass('sliding').removeClass('slide-up').eq(0).one('transitionend', { 'vNodes': $children }, this.expandVNodesEnd);\n      } else {\n        $descendants.addClass('sliding slide-up').eq(0).one('transitionend', { 'vNodes': $descendants }, this.collapseVNodesEnd);\n        $descendants.find('.toggleBtn').removeClass('oci-minus-square').addClass('oci-plus-square');\n      }\n    },\n    //\n    createGhostNode: function (event) {\n      var $nodeDiv = $(event.target);\n      var opts = this.options;\n      var origEvent = event.originalEvent;\n      var isFirefox = /firefox/.test(window.navigator.userAgent.toLowerCase());\n      var ghostNode, nodeCover;\n      if (!document.querySelector('.ghost-node')) {\n        ghostNode = document.createElementNS(\"http://www.w3.org/2000/svg\", \"svg\");\n        if (!ghostNode.classList) return;\n        ghostNode.classList.add('ghost-node');\n        nodeCover = document.createElementNS('http://www.w3.org/2000/svg','rect');\n        ghostNode.appendChild(nodeCover);\n        $nodeDiv.closest('.orgchart').append(ghostNode);\n      } else {\n        ghostNode = $nodeDiv.closest('.orgchart').children('.ghost-node').get(0);\n        nodeCover = $(ghostNode).children().get(0);\n      }\n      var transValues = $nodeDiv.closest('.orgchart').css('transform').split(',');\n      var isHorizontal = opts.direction === 't2b' || opts.direction === 'b2t';\n      var scale = Math.abs(window.parseFloat(isHorizontal ? transValues[0].slice(transValues[0].indexOf('(') + 1) : transValues[1]));\n      ghostNode.setAttribute('width', isHorizontal ? $nodeDiv.outerWidth(false) : $nodeDiv.outerHeight(false));\n      ghostNode.setAttribute('height', isHorizontal ? $nodeDiv.outerHeight(false) : $nodeDiv.outerWidth(false));\n      nodeCover.setAttribute('x',5 * scale);\n      nodeCover.setAttribute('y',5 * scale);\n      nodeCover.setAttribute('width', 120 * scale);\n      nodeCover.setAttribute('height', 40 * scale);\n      nodeCover.setAttribute('rx', 4 * scale);\n      nodeCover.setAttribute('ry', 4 * scale);\n      nodeCover.setAttribute('stroke-width', 1 * scale);\n      var xOffset = origEvent.offsetX * scale;\n      var yOffset = origEvent.offsetY * scale;\n      if (opts.direction === 'l2r') {\n        xOffset = origEvent.offsetY * scale;\n        yOffset = origEvent.offsetX * scale;\n      } else if (opts.direction === 'r2l') {\n        xOffset = $nodeDiv.outerWidth(false) - origEvent.offsetY * scale;\n        yOffset = origEvent.offsetX * scale;\n      } else if (opts.direction === 'b2t') {\n        xOffset = $nodeDiv.outerWidth(false) - origEvent.offsetX * scale;\n        yOffset = $nodeDiv.outerHeight(false) - origEvent.offsetY * scale;\n      }\n      if (isFirefox) { // hack for old version of Firefox(< 48.0)\n        nodeCover.setAttribute('fill', 'rgb(255, 255, 255)');\n        nodeCover.setAttribute('stroke', 'rgb(191, 0, 0)');\n        var ghostNodeWrapper = document.createElement('img');\n        ghostNodeWrapper.src = 'data:image/svg+xml;utf8,' + (new XMLSerializer()).serializeToString(ghostNode);\n        origEvent.dataTransfer.setDragImage(ghostNodeWrapper, xOffset, yOffset);\n      } else {\n        // IE/Edge do not support this, so only use it if we can\n        if (origEvent.dataTransfer.setDragImage)\n          origEvent.dataTransfer.setDragImage(ghostNode, xOffset, yOffset);\n      }\n    },\n    //\n    filterAllowedDropNodes: function ($dragged) {\n      var opts = this.options;\n      // what is being dragged?  a node, or something within a node?\n      var draggingNode = $dragged.closest('[draggable]').hasClass('node');\n      var $dragZone = $dragged.closest('.nodes').siblings().eq(0).find('.node:first');      // parent node\n      var $dragHier = $dragged.closest('table').find('.node');      // this node, and its children\n      this.$chart.data('dragged', $dragged)\n        .find('.node').each(function (index, node) {\n          if (!draggingNode || $dragHier.index(node) === -1) {\n            if (opts.dropCriteria) {\n              if (opts.dropCriteria($dragged, $dragZone, $(node))) {\n                $(node).addClass('allowedDrop');\n              }\n            } else {\n              $(node).addClass('allowedDrop');\n            }\n          }\n        });\n    },\n    //\n    dragstartHandler: function (event) {\n      event.originalEvent.dataTransfer.setData('text/html', 'hack for firefox');\n      // if users enable zoom or direction options\n      if (this.$chart.css('transform') !== 'none') {\n        this.createGhostNode(event);\n      }\n      this.filterAllowedDropNodes($(event.target));\n    },\n    //\n    dragoverHandler: function (event) {\n      if (!$(event.delegateTarget).is('.allowedDrop')) {\n        event.originalEvent.dataTransfer.dropEffect = 'none';\n      } else {\n        // default action for drag-and-drop of div is not to drop, so preventing default action for nodes which have allowedDrop class\n        //to fix drag and drop on IE and Edge\t\t\n        event.preventDefault();\n      }\n    },\n    //\n    dragendHandler: function (event) {\n      this.$chart.find('.allowedDrop').removeClass('allowedDrop');\n    },\n    //\n    dropHandler: function (event) {\n      var $dropZone = $(event.delegateTarget);\n      var $dragged = this.$chart.data('dragged');\n\n      // Pass on drops which are not nodes (since they are not our doing)\n      if (!$dragged.hasClass('node')) {\n        this.$chart.triggerHandler({ 'type': 'otherdropped.orgchart', 'draggedItem': $dragged, 'dropZone': $dropZone });\n        return;\n      }\n      \n      if (!$dropZone.hasClass('allowedDrop')) {\n          // We are trying to drop a node into a node which isn't allowed\n          // IE/Edge have a habit of allowing this, so we need our own double-check\n          return;\n      }\n\n      var $dragZone = $dragged.closest('.nodes').siblings().eq(0).children();\n      var dropEvent = $.Event('nodedrop.orgchart');\n      this.$chart.trigger(dropEvent, { 'draggedNode': $dragged, 'dragZone': $dragZone.children(), 'dropZone': $dropZone });\n      if (dropEvent.isDefaultPrevented()) {\n        return;\n      }\n      // firstly, deal with the hierarchy of drop zone\n      if (!$dropZone.closest('tr').siblings().length) { // if the drop zone is a leaf node\n        $dropZone.append('<i class=\"edge verticalEdge bottomEdge oci\"></i>')\n          .parent().attr('colspan', 2)\n          .parent().after('<tr class=\"lines\"><td colspan=\"2\"><div class=\"downLine\"></div></td></tr>'\n          + '<tr class=\"lines\"><td class=\"rightLine\"></td><td class=\"leftLine\"></td></tr>'\n          + '<tr class=\"nodes\"></tr>')\n          .siblings(':last').append($dragged.find('.horizontalEdge').remove().end().closest('table').parent());\n      } else {\n        var dropColspan = parseInt($dropZone.parent().attr('colspan')) + 2;\n        var horizontalEdges = '<i class=\"edge horizontalEdge rightEdge oci\"></i><i class=\"edge horizontalEdge leftEdge oci\"></i>';\n        $dropZone.closest('tr').next().addBack().children().attr('colspan', dropColspan);\n        if (!$dragged.find('.horizontalEdge').length) {\n          $dragged.append(horizontalEdges);\n        }\n        $dropZone.closest('tr').siblings().eq(1).children(':last').before('<td class=\"leftLine topLine\"></td><td class=\"rightLine topLine\"></td>')\n          .end().next().append($dragged.closest('table').parent());\n        var $dropSibs = $dragged.closest('table').parent().siblings().find('.node:first');\n        if ($dropSibs.length === 1) {\n          $dropSibs.append(horizontalEdges);\n        }\n      }\n      // secondly, deal with the hierarchy of dragged node\n      var dragColspan = parseInt($dragZone.attr('colspan'));\n      if (dragColspan > 2) {\n        $dragZone.attr('colspan', dragColspan - 2)\n          .parent().next().children().attr('colspan', dragColspan - 2)\n          .end().next().children().slice(1, 3).remove();\n        var $dragSibs = $dragZone.parent().siblings('.nodes').children().find('.node:first');\n        if ($dragSibs.length ===1) {\n          $dragSibs.find('.horizontalEdge').remove();\n        }\n      } else {\n        $dragZone.removeAttr('colspan')\n          .find('.bottomEdge').remove()\n          .end().end().siblings().remove();\n      }\n    },\n    //\n    touchstartHandler: function (event) {\n      if (this.touchHandled)\n        return;\n\n      if (event.touches && event.touches.length > 1)\n        return;\n\n      this.touchHandled = true;\n      this.touchMoved = false;     // this is so we can work out later if this was a 'press' or a 'drag' touch\n      event.preventDefault();\n    },\n    //\n    touchmoveHandler: function (event) {\n      if (!this.touchHandled)\n        return;\n\n      if (event.touches && event.touches.length > 1)\n        return;\n\n      event.preventDefault();\n\n      if (!this.touchMoved) {\n        // we do not bother with createGhostNode (dragstart does) since the touch event does not have a dataTransfer property\n        this.filterAllowedDropNodes($(event.currentTarget));        // will also set 'this.$chart.data('dragged')' for us\n        // create an image which can be used to illustrate the drag (our own createGhostNode)\n        this.touchDragImage = this.createDragImage(event, this.$chart.data('dragged')[0]);\n      }\n      this.touchMoved = true;\n\n      // move our dragimage so it follows our finger\n      this.moveDragImage(event, this.touchDragImage);\n\n      var $touching = $(document.elementFromPoint(event.touches[0].clientX, event.touches[0].clientY));\n      var $touchingNodes = $touching.closest('div.node');\n      if ($touchingNodes.length > 0) {\n        var touchingNodeElement = $touchingNodes[0];\n        if ($touchingNodes.is('.allowedDrop')) {\n          this.touchTargetNode = touchingNodeElement;\n        }\n        else {\n          this.touchTargetNode = null;\n        }\n      }\n      else {\n        this.touchTargetNode = null;\n      }\n    },\n    //\n    touchendHandler: function (event) {\n      if (!this.touchHandled) {\n          return;\n      }\n      this.destroyDragImage();\n      if (this.touchMoved) {\n          // we've had movement, so this was a 'drag' touch\n          if (this.touchTargetNode) {\n              var fakeEventForDropHandler = { delegateTarget: this.touchTargetNode };\n              this.dropHandler(fakeEventForDropHandler);\n              this.touchTargetNode = null;\n          }\n          this.dragendHandler(event);\n      }\n      else {\n          // we did not move, so this was a 'press' touch (fake a click)\n          var firstTouch = event.changedTouches[0];\n          var fakeMouseClickEvent = document.createEvent('MouseEvents');\n          fakeMouseClickEvent.initMouseEvent('click', true, true, window, 1, firstTouch.screenX, firstTouch.screenY, firstTouch.clientX, firstTouch.clientY, event.ctrlKey, event.altKey, event.shiftKey, event.metaKey, 0, null);\n          event.target.dispatchEvent(fakeMouseClickEvent);\n      }\n      this.touchHandled = false;\n    },\n    //\n    createDragImage: function (event, source) {\n      var dragImage = source.cloneNode(true);\n      this.copyStyle(source, dragImage);\n      dragImage.style.top = dragImage.style.left = '-9999px';\n      var sourceRectangle = source.getBoundingClientRect();\n      var sourcePoint = this.getTouchPoint(event);\n      this.touchDragImageOffset = { x: sourcePoint.x - sourceRectangle.left, y: sourcePoint.y - sourceRectangle.top };\n      dragImage.style.opacity = '0.5';\n      document.body.appendChild(dragImage);\n      return dragImage;\n    },\n    //\n    destroyDragImage: function () {\n      if (this.touchDragImage && this.touchDragImage.parentElement)\n        this.touchDragImage.parentElement.removeChild(this.touchDragImage);\n      this.touchDragImageOffset = null;\n      this.touchDragImage = null;\n    },\n    //\n    copyStyle: function (src, dst) {\n      // remove potentially troublesome attributes\n      var badAttributes = ['id', 'class', 'style', 'draggable'];\n      badAttributes.forEach(function (att) {\n          dst.removeAttribute(att);\n      });\n      // copy canvas content\n      if (src instanceof HTMLCanvasElement) {\n        var cSrc = src, cDst = dst;\n        cDst.width = cSrc.width;\n        cDst.height = cSrc.height;\n        cDst.getContext('2d').drawImage(cSrc, 0, 0);\n      }\n      // copy style (without transitions)\n      var cs = getComputedStyle(src);\n      for (var i = 0; i < cs.length; i++) {\n        var key = cs[i];\n        if (key.indexOf('transition') < 0) {\n          dst.style[key] = cs[key];\n        }\n      }\n      dst.style.pointerEvents = 'none';\n      // and repeat for all children\n      for (var i = 0; i < src.children.length; i++) {\n        this.copyStyle(src.children[i], dst.children[i]);\n      }\n    },\n    //\n    getTouchPoint: function (event) {\n      if (event && event.touches) {\n        event = event.touches[0];\n      }\n      return {\n        x: event.clientX,\n        y: event.clientY\n      };\n    },\n    //\n    moveDragImage: function (event, image) {\n      if (!event || !image)\n        return;\n      var orgChartMaster = this;\n      requestAnimationFrame(function () {\n        var pt = orgChartMaster.getTouchPoint(event);\n        var s = image.style;\n        s.position = 'absolute';\n        s.pointerEvents = 'none';\n        s.zIndex = '999999';\n        if (orgChartMaster.touchDragImageOffset) {\n            s.left = Math.round(pt.x - orgChartMaster.touchDragImageOffset.x) + 'px';\n            s.top = Math.round(pt.y - orgChartMaster.touchDragImageOffset.y) + 'px';\n        }\n      });\n    },\n    //\n    bindDragDrop: function ($node) {\n      $node.on('dragstart', this.dragstartHandler.bind(this))\n        .on('dragover', this.dragoverHandler.bind(this))\n        .on('dragend', this.dragendHandler.bind(this))\n        .on('drop', this.dropHandler.bind(this))\n        .on('touchstart', this.touchstartHandler.bind(this))\n        .on('touchmove', this.touchmoveHandler.bind(this))\n        .on('touchend', this.touchendHandler.bind(this));\n    },\n    // create node\n    createNode: function (data) {\n      var that = this;\n      var opts = this.options;\n      var level = data.level;\n      if (data.children && data[opts.nodeId]) {\n        $.each(data.children, function (index, child) {\n          child.parentId = data[opts.nodeId]\n        });\n      }\n      // construct the content of node\n      var $nodeDiv = $('<div' + (opts.draggable ? ' draggable=\"true\"' : '') + (data[opts.nodeId] ? ' id=\"' + data[opts.nodeId] + '\"' : '') + (data.parentId ? ' data-parent=\"' + data.parentId + '\"' : '') + '>')\n        .addClass('node ' + (data.className || '') +  (level > opts.visibleLevel ? ' slide-up' : ''));\n      if (opts.nodeTemplate) {\n        $nodeDiv.append(opts.nodeTemplate(data));\n      } else {\n        $nodeDiv.append('<div class=\"title\">' + data[opts.nodeTitle] + '</div>')\n          .append(typeof opts.nodeContent !== 'undefined' ? '<div class=\"content\">' + (data[opts.nodeContent] || '') + '</div>' : '');\n      }\n      //\n      var nodeData = $.extend({}, data);\n      delete nodeData.children;\n      $nodeDiv.data('nodeData', nodeData);\n      // append 4 direction arrows or expand/collapse buttons\n      var flags = data.relationship || '';\n      if (opts.verticalLevel && level >= opts.verticalLevel) {\n        if ((level + 1) > opts.verticalLevel && Number(flags.substr(2,1))) {\n          var icon = level + 1 > opts.visibleLevel ? 'plus' : 'minus';\n          $nodeDiv.append('<i class=\"toggleBtn oci oci-' + icon + '-square\"></i>');\n        }\n      } else {\n        if (Number(flags.substr(0,1))) {\n          $nodeDiv.append('<i class=\"edge verticalEdge topEdge oci\"></i>');\n        }\n        if(Number(flags.substr(1,1))) {\n          $nodeDiv.append('<i class=\"edge horizontalEdge rightEdge oci\"></i>' +\n            '<i class=\"edge horizontalEdge leftEdge oci\"></i>');\n        }\n        if(Number(flags.substr(2,1))) {\n          $nodeDiv.append('<i class=\"edge verticalEdge bottomEdge oci\"></i>')\n            .children('.title').prepend('<i class=\"oci '+ opts.parentNodeSymbol + ' symbol\"></i>');\n        }\n      }\n\n      $nodeDiv.on('mouseenter mouseleave', this.nodeEnterLeaveHandler.bind(this));\n      $nodeDiv.on('click', this.nodeClickHandler.bind(this));\n      $nodeDiv.on('click', '.topEdge', this.topEdgeClickHandler.bind(this));\n      $nodeDiv.on('click', '.bottomEdge', this.bottomEdgeClickHandler.bind(this));\n      $nodeDiv.on('click', '.leftEdge, .rightEdge', this.hEdgeClickHandler.bind(this));\n      $nodeDiv.on('click', '.toggleBtn', this.toggleVNodes.bind(this));\n\n      if (opts.draggable) {\n        this.bindDragDrop($nodeDiv);\n        this.touchHandled = false;\n        this.touchMoved = false;\n        this.touchTargetNode = null;\n      }\n      // allow user to append dom modification after finishing node create of orgchart\n      if (opts.createNode) {\n        opts.createNode($nodeDiv, data);\n      }\n\n      return $nodeDiv;\n    },\n    // recursively build the tree\n    buildHierarchy: function ($appendTo, data) {\n      var that = this;\n      var opts = this.options;\n      var level = 0;\n      if (data.level) {\n        level = data.level;\n      } else {\n        level = data.level = $appendTo.parentsUntil('.orgchart', '.nodes').length + 1;\n      }\n      // Construct the node\n      var childrenData = data.children;\n      var hasChildren = childrenData ? childrenData.length : false;\n      var $nodeWrapper;\n      if (Object.keys(data).length > 2) {\n        var $nodeDiv = this.createNode(data);\n        if (opts.verticalLevel && level >= opts.verticalLevel) {\n          $appendTo.append($nodeDiv);\n        }else {\n          $nodeWrapper = $('<table>');\n          $appendTo.append($nodeWrapper.append($('<tr/>').append($('<td' + (hasChildren ? ' colspan=\"' + childrenData.length * 2 + '\"' : '') + '></td>').append($nodeDiv))));\n        }\n      }\n      // Construct the lower level(two \"connectiong lines\" rows and \"inferior nodes\" row)\n      if (hasChildren) {\n        var isHidden = (level + 1 > opts.visibleLevel || data.collapsed) ? ' hidden' : '';\n        var isVerticalLayer = (opts.verticalLevel && (level + 1) >= opts.verticalLevel) ? true : false;\n        var $nodesLayer;\n        if (isVerticalLayer) {\n          $nodesLayer = $('<ul>');\n          if (isHidden && level + 1 > opts.verticalLevel) {\n            $nodesLayer.addClass(isHidden);\n          }\n          if (level + 1 === opts.verticalLevel) {\n            $appendTo.children('table').append('<tr class=\"verticalNodes' + isHidden + '\"><td></td></tr>')\n              .find('.verticalNodes').children().append($nodesLayer);\n          } else {\n            $appendTo.append($nodesLayer);\n          }\n        } else {\n          var $upperLines = $('<tr class=\"lines' + isHidden + '\"><td colspan=\"' + childrenData.length * 2 + '\"><div class=\"downLine\"></div></td></tr>');\n          var lowerLines = '<tr class=\"lines' + isHidden + '\"><td class=\"rightLine\"></td>';\n          for (var i=1; i<childrenData.length; i++) {\n            lowerLines += '<td class=\"leftLine topLine\"></td><td class=\"rightLine topLine\"></td>';\n          }\n          lowerLines += '<td class=\"leftLine\"></td></tr>';\n          $nodesLayer = $('<tr class=\"nodes' + isHidden + '\">');\n          if (Object.keys(data).length === 2) {\n            $appendTo.append($upperLines).append(lowerLines).append($nodesLayer);\n          } else {\n            $nodeWrapper.append($upperLines).append(lowerLines).append($nodesLayer);\n          }\n        }\n        // recurse through children nodes\n        $.each(childrenData, function () {\n          var $nodeCell = isVerticalLayer ? $('<li>') : $('<td colspan=\"2\">');\n          $nodesLayer.append($nodeCell);\n          this.level = level + 1;\n          that.buildHierarchy($nodeCell, this);\n        });\n      }\n    },\n    // build the child nodes of specific node\n    buildChildNode: function ($appendTo, data) {\n      $appendTo.find('td:first').attr('colspan', data.length * 2);\n      this.buildHierarchy($appendTo, { 'children': data });\n    },\n    // exposed method\n    addChildren: function ($node, data) {\n      this.buildChildNode($node.closest('table'), data);\n      if (!$node.children('.bottomEdge').length) {\n        $node.append('<i class=\"edge verticalEdge bottomEdge oci\"></i>');\n      }\n      if (!$node.find('.symbol').length) {\n        $node.children('.title').prepend('<i class=\"oci '+ this.options.parentNodeSymbol + ' symbol\"></i>');\n      }\n      if (this.isInAction($node)) {\n        this.switchVerticalArrow($node.children('.bottomEdge'));\n      }\n    },\n    // build the parent node of specific node\n    buildParentNode: function ($currentRoot, data) {\n      data.relationship = data.relationship || '001';\n      var $table = $('<table>')\n        .append($('<tr>').append($('<td colspan=\"2\">').append(this.createNode(data))))\n        .append('<tr class=\"lines\"><td colspan=\"2\"><div class=\"downLine\"></div></td></tr>')\n        .append('<tr class=\"lines\"><td class=\"rightLine\"></td><td class=\"leftLine\"></td></tr>');\n      this.$chart.prepend($table)\n        .children('table:first').append('<tr class=\"nodes\"><td colspan=\"2\"></td></tr>')\n        .children('tr:last').children().append(this.$chart.children('table').last());\n    },\n    // exposed method\n    addParent: function ($currentRoot, data) {\n      this.buildParentNode($currentRoot, data);\n      if (!$currentRoot.children('.topEdge').length) {\n        $currentRoot.children('.title').after('<i class=\"edge verticalEdge topEdge oci\"></i>');\n      }\n      if (this.isInAction($currentRoot)) {\n        this.switchVerticalArrow($currentRoot.children('.topEdge'));\n      }\n    },\n    // subsequent processing of build sibling nodes\n    complementLine: function ($oneSibling, siblingCount, existingSibligCount) {\n      var lines = '';\n      for (var i = 0; i < existingSibligCount; i++) {\n        lines += '<td class=\"leftLine topLine\"></td><td class=\"rightLine topLine\"></td>';\n      }\n      $oneSibling.parent().prevAll('tr:gt(0)').children().attr('colspan', siblingCount * 2)\n        .end().next().children(':first').after(lines);\n    },\n    // build the sibling nodes of specific node\n    buildSiblingNode: function ($nodeChart, data) {\n      var newSiblingCount = $.isArray(data) ? data.length : data.children.length;\n      var existingSibligCount = $nodeChart.parent().is('td') ? $nodeChart.closest('tr').children().length : 1;\n      var siblingCount = existingSibligCount + newSiblingCount;\n      var insertPostion = (siblingCount > 1) ? Math.floor(siblingCount/2 - 1) : 0;\n      // just build the sibling nodes for the specific node\n      if ($nodeChart.parent().is('td')) {\n        var $parent = $nodeChart.closest('tr').prevAll('tr:last');\n        $nodeChart.closest('tr').prevAll('tr:lt(2)').remove();\n        this.buildChildNode($nodeChart.parent().closest('table'), data);\n        var $siblingTds = $nodeChart.parent().closest('table').children('tr:last').children('td');\n        if (existingSibligCount > 1) {\n          this.complementLine($siblingTds.eq(0).before($nodeChart.closest('td').siblings().addBack().unwrap()), siblingCount, existingSibligCount);\n        } else {\n          this.complementLine($siblingTds.eq(insertPostion).after($nodeChart.closest('td').unwrap()), siblingCount, 1);\n        }\n      } else { // build the sibling nodes and parent node for the specific ndoe\n        this.buildHierarchy($nodeChart.closest('.orgchart'), data);\n        this.complementLine($nodeChart.next().children('tr:last').children().eq(insertPostion).after($('<td colspan=\"2\">').append($nodeChart)),\n          siblingCount, 1);\n      }\n    },\n    //\n    addSiblings: function ($node, data) {\n      this.buildSiblingNode($node.closest('table'), data);\n      $node.closest('.nodes').data('siblingsLoaded', true);\n      if (!$node.children('.leftEdge').length) {\n        $node.children('.topEdge').after('<i class=\"edge horizontalEdge rightEdge oci\"></i><i class=\"edge horizontalEdge leftEdge oci\"></i>');\n      }\n      if (this.isInAction($node)) {\n        this.switchHorizontalArrow($node);\n        $node.children('.topEdge').removeClass('oci-chevron-up').addClass('oci-chevron-down');\n      }\n    },\n    //\n    removeNodes: function ($node) {\n      var $parent = $node.closest('table').parent();\n      var $sibs = $parent.parent().siblings();\n      if ($parent.is('td')) {\n        if (this.getNodeState($node, 'siblings').exist) {\n          $sibs.eq(2).children('.topLine:lt(2)').remove();\n          $sibs.slice(0, 2).children().attr('colspan', $sibs.eq(2).children().length);\n          $parent.remove();\n        } else {\n          $sibs.eq(0).children().removeAttr('colspan')\n            .find('.bottomEdge').remove()\n            .end().end().siblings().remove();\n        }\n      } else {\n        $parent.add($parent.siblings()).remove();\n      }\n    },\n    //\n    hideDropZones: function () {\n      // Remove all the 'this is a drop zone' indicators\n      var orgChartObj = this;\n      orgChartObj.$chart.find('.allowedDrop')\n        .removeClass('allowedDrop');\n    },\n    //\n    showDropZones: function (dragged) {\n      // Highlight all the 'drop zones', and set dragged, so that the drop/enter can work out what happens later\n      // TODO: This assumes all nodes are droppable: it doesn't run the custom isDroppable function - it should!\n      var orgChartObj = this;\n      orgChartObj.$chart.find('.node')\n        .each(function (index, node) {\n          $(node).addClass('allowedDrop');\n        });\n      orgChartObj.$chart.data('dragged', $(dragged));\n    },\n    //\n    processExternalDrop: function (dropZone, dragged) {\n      // Allow an external drop event to be handled by one of our nodes\n      if (dragged) {\n        this.$chart.data('dragged', $(dragged));\n      }\n      var droppedOnNode = dropZone.closest('.node');\n      // would like to just call 'dropZoneHandler', but I can't reach it from here\n      // instead raise a drop event on the node element\n      droppedOnNode.triggerHandler({ 'type': 'drop' });\n    },\n    //\n    exportPDF: function(canvas, exportFilename){\n      var doc = {};\n      var docWidth = Math.floor(canvas.width);\n      var docHeight = Math.floor(canvas.height);\n\n      if (docWidth > docHeight) {\n        doc = new jsPDF({\n          orientation: 'landscape',\n          unit: 'px',\n          format: [docWidth, docHeight]\n        });\n      } else {\n        doc = new jsPDF({\n          orientation: 'portrait',\n          unit: 'px',\n          format: [docHeight, docWidth]\n        });\n      }\n      doc.addImage(canvas.toDataURL(), 'png', 0, 0);\n      doc.save(exportFilename + '.pdf');\n    },\n    //\n    exportPNG: function(canvas, exportFilename){\n      var that = this;\n      var isWebkit = 'WebkitAppearance' in document.documentElement.style;\n      var isFf = !!window.sidebar;\n      var isEdge = navigator.appName === 'Microsoft Internet Explorer' || (navigator.appName === \"Netscape\" && navigator.appVersion.indexOf('Edge') > -1);\n      var $chartContainer = this.$chartContainer;\n\n      if ((!isWebkit && !isFf) || isEdge) {\n        window.navigator.msSaveBlob(canvas.msToBlob(), exportFilename + '.png');\n      } else {\n        var selector = '.oci-download-btn' + (that.options.chartClass !== '' ? '.' + that.options.chartClass : '');\n\n        if (!$chartContainer.find(selector).length) {\n          $chartContainer.append('<a class=\"oci-download-btn' + (that.options.chartClass !== '' ? ' ' + that.options.chartClass : '') + '\"'\n                                 + ' download=\"' + exportFilename + '.png\"></a>');\n        }\n\n        $chartContainer.find(selector).attr('href', canvas.toDataURL())[0].click();\n      }\n    },\n    //\n    export: function (exportFilename, exportFileextension) {\n      var that = this;\n      exportFilename = (typeof exportFilename !== 'undefined') ?  exportFilename : this.options.exportFilename;\n      exportFileextension = (typeof exportFileextension !== 'undefined') ?  exportFileextension : this.options.exportFileextension;\n      if ($(this).children('.spinner').length) {\n        return false;\n      }\n      var $chartContainer = this.$chartContainer;\n      var $mask = $chartContainer.find('.mask');\n      if (!$mask.length) {\n        $chartContainer.append('<div class=\"mask\"><i class=\"oci oci-spinner spinner\"></i></div>');\n      } else {\n        $mask.removeClass('hidden');\n      }\n      var sourceChart = $chartContainer.addClass('canvasContainer').find('.orgchart:not(\".hidden\")').get(0);\n      var flag = that.options.direction === 'l2r' || that.options.direction === 'r2l';\n      html2canvas(sourceChart, {\n        'width': flag ? sourceChart.clientHeight : sourceChart.clientWidth,\n        'height': flag ? sourceChart.clientWidth : sourceChart.clientHeight,\n        'onclone': function (cloneDoc) {\n          $(cloneDoc).find('.canvasContainer').css('overflow', 'visible')\n            .find('.orgchart:not(\".hidden\"):first').css('transform', '');\n        }\n      })\n      .then(function (canvas) {\n        $chartContainer.find('.mask').addClass('hidden');\n\n        if (exportFileextension.toLowerCase() === 'pdf') {\n          that.exportPDF(canvas, exportFilename);\n        } else {\n          that.exportPNG(canvas, exportFilename);\n        }\n\n        $chartContainer.removeClass('canvasContainer');\n      }, function () {\n        $chartContainer.removeClass('canvasContainer');\n      });\n    }\n  };\n\n  $.fn.orgchart = function (opts) {\n    return new OrgChart(this, opts).init();\n  };\n\n}));\n"]}
\ No newline at end of file
+{"version":3,"sources":["jquery.orgchart.js"],"names":["factory","module","exports","require","window","document","jQuery","$","undefined","OrgChart","elem","opts","this","$chartContainer","defaultOptions","nodeTitle","nodeId","toggleSiblingsResp","visibleLevel","chartClass","exportButton","exportFilename","exportFileextension","parentNodeSymbol","draggable","direction","pan","zoom","zoominLimit","zoomoutLimit","prototype","init","that","options","extend","$chart","remove","data","class","click","event","target","closest","length","find","removeClass","MutationObserver","triggerInitEvent","type","buildHierarchy","buildJsonDS","children","ajaxURL","attachRel","append","ajax","url","dataType","done","textStatus","jqXHR","fail","errorThrown","console","log","always","attachExportButton","bindPan","bindZoom","mo","mutations","disconnect","initTime","i","j","addedNodes","classList","contains","initCompleted","initEvent","Event","trigger","observe","childList","$exportBtn","text","e","preventDefault","export","setOptions","val","unbindPan","unbindZoom","panStartHandler","delegateTarget","touches","css","lastX","lastY","lastTf","temp","split","indexOf","parseInt","startX","startY","targetTouches","pageX","pageY","on","newX","newY","matrix","join","panEndHandler","chart","off","zoomWheelHandler","oc","newScale","originalEvent","deltaY","setChartScale","zoomStartHandler","dist","getPinchDist","zoomingHandler","zoomEndHandler","diff","Math","sqrt","clientX","clientY","targetScale","abs","parseFloat","$li","subObj","name","contents","eq","trim","relationship","parent","is","siblings","each","key","value","push","flags","forEach","item","loopChart","$tr","id","getHierarchy","valid","getNodeState","$node","relation","$target","isVerticalNode","parents","exist","visible","getRelatedNodes","hideParentEnd","upperLevel","addClass","slice","removeAttr","hideParent","$upperLevel","hideSiblings","$parent","one","showParentEnd","node","isInAction","switchVerticalArrow","showParent","repaint","bind","stopAjax","$nodeLevel","isVisibleNode","index","hideChildrenEnd","animatedNodes","isVerticalDesc","lowerLevel","prevAll","addBack","last","hideChildren","$lowerLevel","$animatedNodes","filter","get","showChildrenEnd","showChildren","$levels","hideSiblingsEnd","$nodeContainer","nodeContainer","lines","$siblings","nextAll","prev","end","switchHorizontalArrow","$lines","showSiblingsEnd","visibleNodes","showRelatedParentEnd","showSiblings","$visibleNodes","startLoading","$edge","not","prop","endLoading","attr","$arrow","toggleClass","$prevSib","$nextSib","next","$sibs","sibsVisible","style","offsetWidth","nodeEnterLeaveHandler","flag","$topEdge","$bottomEdge","$leftEdge","nodeClickHandler","loadNodes","rel","isEmptyObject","addParent","addChildren","addSiblings","HideFirstParentEnd","topEdge","topEdgeClickHandler","stopPropagation","parentState","isFunction","bottomEdgeClickHandler","childrenState","hEdgeClickHandler","$hEdge","siblingsState","families","expandVNodesEnd","vNodes","collapseVNodesEnd","toggleVNodes","$toggleBtn","$descWrapper","$descendants","$children","createGhostNode","ghostNode","nodeCover","$nodeDiv","origEvent","isFirefox","test","navigator","userAgent","toLowerCase","querySelector","createElementNS","add","appendChild","transValues","isHorizontal","scale","setAttribute","outerWidth","outerHeight","xOffset","offsetX","yOffset","offsetY","ghostNodeWrapper","createElement","src","XMLSerializer","serializeToString","dataTransfer","setDragImage","filterAllowedDropNodes","$dragged","draggingNode","hasClass","$dragZone","$dragHier","dropCriteria","dragstartHandler","setData","dragoverHandler","dropEffect","dragendHandler","dropHandler","$dropZone","dropEvent","draggedNode","dragZone","dropZone","isDefaultPrevented","dropColspan","horizontalEdges","before","$dropSibs","after","dragColspan","$dragSibs","triggerHandler","draggedItem","touchstartHandler","touchHandled","touchMoved","touchmoveHandler","currentTarget","touchDragImage","createDragImage","moveDragImage","$touchingNodes","elementFromPoint","touchingNodeElement","touchTargetNode","touchendHandler","destroyDragImage","fakeEventForDropHandler","firstTouch","changedTouches","fakeMouseClickEvent","createEvent","initMouseEvent","screenX","screenY","ctrlKey","altKey","shiftKey","metaKey","dispatchEvent","source","dragImage","cloneNode","copyStyle","top","left","sourceRectangle","getBoundingClientRect","sourcePoint","getTouchPoint","touchDragImageOffset","x","y","opacity","body","parentElement","removeChild","dst","att","removeAttribute","HTMLCanvasElement","cSrc","cDst","width","height","getContext","drawImage","cs","getComputedStyle","pointerEvents","image","orgChartMaster","requestAnimationFrame","pt","s","position","zIndex","round","bindDragDrop","createNode","level","child","parentId","className","nodeTemplate","nodeContent","nodeData","verticalLevel","Number","substr","icon","prepend","$appendTo","parentsUntil","$nodeWrapper","childrenData","hasChildren","Object","keys","$nodesLayer","isHidden","collapsed","isVerticalLayer","$upperLines","lowerLines","$nodeCell","buildChildNode","buildParentNode","$currentRoot","$table","complementLine","$oneSibling","siblingCount","existingSibligCount","buildSiblingNode","$nodeChart","newSiblingCount","isArray","insertPostion","floor","$siblingTds","unwrap","removeNodes","hideDropZones","showDropZones","dragged","processExternalDrop","exportPDF","canvas","doc","docWidth","docHeight","jsPDF","orientation","unit","format","addImage","toDataURL","save","exportPNG","isWebkit","documentElement","isFf","sidebar","isEdge","appName","appVersion","msSaveBlob","msToBlob","selector","$mask","sourceChart","html2canvas","clientHeight","clientWidth","onclone","cloneDoc","then","fn","orgchart"],"mappings":"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","file":"jquery.orgchart.min.js","sourcesContent":["/*\n * jQuery OrgChart Plugin\n * https://github.com/dabeng/OrgChart\n *\n * Copyright 2016, dabeng\n * https://github.com/dabeng\n *\n * Licensed under the MIT license:\n * http://www.opensource.org/licenses/MIT\n */\n'use strict';\n\n(function (factory) {\n  if (typeof module === 'object' && typeof module.exports === 'object') {\n    factory(require('jquery'), window, document);\n  } else {\n    factory(jQuery, window, document);\n  }\n}(function ($, window, document, undefined) {\n  var OrgChart = function (elem, opts) {\n    this.$chartContainer = $(elem);\n    this.opts = opts;\n    this.defaultOptions = {\n      'nodeTitle': 'name',\n      'nodeId': 'id',\n      'toggleSiblingsResp': false,\n      'visibleLevel': 999,\n      'chartClass': '',\n      'exportButton': false,\n      'exportFilename': 'OrgChart',\n      'exportFileextension': 'png',\n      'parentNodeSymbol': 'oci-leader',\n      'draggable': false,\n      'direction': 't2b',\n      'pan': false,\n      'zoom': false,\n      'zoominLimit': 7,\n      'zoomoutLimit': 0.5\n    };\n  };\n  //\n  OrgChart.prototype = {\n    //\n    init: function (opts) {\n      var that = this;\n      this.options = $.extend({}, this.defaultOptions, this.opts, opts);\n      // build the org-chart\n      var $chartContainer = this.$chartContainer;\n      if (this.$chart) {\n        this.$chart.remove();\n      }\n      var data = this.options.data;\n      var $chart = this.$chart = $('<div>', {\n        'data': { 'options': this.options },\n        'class': 'orgchart' + (this.options.chartClass !== '' ? ' ' + this.options.chartClass : '') + (this.options.direction !== 't2b' ? ' ' + this.options.direction : ''),\n        'click': function(event) {\n          if (!$(event.target).closest('.node').length) {\n            $chart.find('.node.focused').removeClass('focused');\n          }\n        }\n      });\n      if (typeof MutationObserver !== 'undefined') {\n        this.triggerInitEvent();\n      }\n      if ($.type(data) === 'object') {\n        if (data instanceof $) { // ul datasource\n          this.buildHierarchy($chart, this.buildJsonDS(data.children()), 0, this.options);\n        } else { // local json datasource\n          this.buildHierarchy($chart, this.options.ajaxURL ? data : this.attachRel(data, '00'));\n        }\n      } else {\n        $chart.append('<i class=\"oci oci-spinner spinner\"></i>');\n        $.ajax({\n          'url': data,\n          'dataType': 'json'\n        })\n        .done(function(data, textStatus, jqXHR) {\n          that.buildHierarchy($chart, that.options.ajaxURL ? data : that.attachRel(data, '00'), 0, that.options);\n        })\n        .fail(function(jqXHR, textStatus, errorThrown) {\n          console.log(errorThrown);\n        })\n        .always(function() {\n          $chart.children('.spinner').remove();\n        });\n      }\n      $chartContainer.append($chart);\n\n      // append the export button\n      if (this.options.exportButton && !$chartContainer.find('.oc-export-btn').length) {\n        this.attachExportButton();\n      }\n\n      if (this.options.pan) {\n        this.bindPan();\n      }\n\n      if (this.options.zoom) {\n        this.bindZoom();\n      }\n\n      return this;\n    },\n    //\n    triggerInitEvent: function () {\n      var that = this;\n      var mo = new MutationObserver(function (mutations) {\n        mo.disconnect();\n        initTime:\n        for (var i = 0; i < mutations.length; i++) {\n          for (var j = 0; j < mutations[i].addedNodes.length; j++) {\n            if (mutations[i].addedNodes[j].classList.contains('orgchart')) {\n              if (that.options.initCompleted && typeof that.options.initCompleted === 'function') {\n                that.options.initCompleted(that.$chart);\n              }\n              var initEvent = $.Event('init.orgchart');\n              that.$chart.trigger(initEvent);\n              break initTime;\n            }\n          }\n        }\n      });\n      mo.observe(this.$chartContainer[0], { childList: true });\n    },\n    //\n    attachExportButton: function () {\n      var that = this;\n      var $exportBtn = $('<button>', {\n        'class': 'oc-export-btn' + (this.options.chartClass !== '' ? ' ' + this.options.chartClass : ''),\n        'text': 'Export',\n        'click': function(e) {\n          e.preventDefault();\n          that.export();\n        }\n      });\n      this.$chartContainer.append($exportBtn);\n    },\n    setOptions: function (opts, val) {\n      if (typeof opts === 'string') {\n        if (opts === 'pan') {\n          if (val) {\n            this.bindPan();\n          } else {\n            this.unbindPan();\n          }\n        }\n        if (opts === 'zoom') {\n          if (val) {\n            this.bindZoom();\n          } else {\n            this.unbindZoom();\n          }\n        }\n      }\n      if (typeof opts === 'object') {\n        if (opts.data) {\n          this.init(opts);\n        } else {\n          if (typeof opts.pan !== 'undefined') {\n            if (opts.pan) {\n              this.bindPan();\n            } else {\n              this.unbindPan();\n            }\n          }\n          if (typeof opts.zoom !== 'undefined') {\n            if (opts.zoom) {\n              this.bindZoom();\n            } else {\n              this.unbindZoom();\n            }\n          }\n        }\n      }\n\n      return this;\n    },\n    //\n    panStartHandler: function (e) {\n      var $chart = $(e.delegateTarget);\n      if ($(e.target).closest('.node').length || (e.touches && e.touches.length > 1)) {\n        $chart.data('panning', false);\n        return;\n      } else {\n        $chart.css('cursor', 'move').data('panning', true);\n      }\n      var lastX = 0;\n      var lastY = 0;\n      var lastTf = $chart.css('transform');\n      if (lastTf !== 'none') {\n        var temp = lastTf.split(',');\n        if (lastTf.indexOf('3d') === -1) {\n          lastX = parseInt(temp[4]);\n          lastY = parseInt(temp[5]);\n        } else {\n          lastX = parseInt(temp[12]);\n          lastY = parseInt(temp[13]);\n        }\n      }\n      var startX = 0;\n      var startY = 0;\n      if (!e.targetTouches) { // pand on desktop\n        startX = e.pageX - lastX;\n        startY = e.pageY - lastY;\n      } else if (e.targetTouches.length === 1) { // pan on mobile device\n        startX = e.targetTouches[0].pageX - lastX;\n        startY = e.targetTouches[0].pageY - lastY;\n      } else if (e.targetTouches.length > 1) {\n        return;\n      }\n      $chart.on('mousemove touchmove',function(e) {\n        if (!$chart.data('panning')) {\n          return;\n        }\n        var newX = 0;\n        var newY = 0;\n        if (!e.targetTouches) { // pand on desktop\n          newX = e.pageX - startX;\n          newY = e.pageY - startY;\n        } else if (e.targetTouches.length === 1) { // pan on mobile device\n          newX = e.targetTouches[0].pageX - startX;\n          newY = e.targetTouches[0].pageY - startY;\n        } else if (e.targetTouches.length > 1) {\n          return;\n        }\n        var lastTf = $chart.css('transform');\n        if (lastTf === 'none') {\n          if (lastTf.indexOf('3d') === -1) {\n            $chart.css('transform', 'matrix(1, 0, 0, 1, ' + newX + ', ' + newY + ')');\n          } else {\n            $chart.css('transform', 'matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, ' + newX + ', ' + newY + ', 0, 1)');\n          }\n        } else {\n          var matrix = lastTf.split(',');\n          if (lastTf.indexOf('3d') === -1) {\n            matrix[4] = ' ' + newX;\n            matrix[5] = ' ' + newY + ')';\n          } else {\n            matrix[12] = ' ' + newX;\n            matrix[13] = ' ' + newY;\n          }\n          $chart.css('transform', matrix.join(','));\n        }\n      });\n    },\n    //\n    panEndHandler: function (e) {\n      if (e.data.chart.data('panning')) {\n        e.data.chart.data('panning', false).css('cursor', 'default').off('mousemove');\n      }\n    },\n    //\n    bindPan: function () {\n      this.$chartContainer.css('overflow', 'hidden');\n      this.$chart.on('mousedown touchstart', this.panStartHandler);\n      $(document).on('mouseup touchend', { 'chart': this.$chart }, this.panEndHandler);\n    },\n    //\n    unbindPan: function () {\n      this.$chartContainer.css('overflow', 'auto');\n      this.$chart.off('mousedown touchstart', this.panStartHandler);\n      $(document).off('mouseup touchend', this.panEndHandler);\n    },\n    //\n    zoomWheelHandler: function (e) {\n      var oc = e.data.oc;\n      e.preventDefault();\n      var newScale  = 1 + (e.originalEvent.deltaY > 0 ? -0.2 : 0.2);\n      oc.setChartScale(oc.$chart, newScale);\n    },\n    //\n    zoomStartHandler: function (e) {\n      if(e.touches && e.touches.length === 2) {\n        var oc = e.data.oc;\n        oc.$chart.data('pinching', true);\n        var dist = oc.getPinchDist(e);\n        oc.$chart.data('pinchDistStart', dist);\n      }\n    },\n    zoomingHandler: function (e) {\n      var oc = e.data.oc;\n      if(oc.$chart.data('pinching')) {\n        var dist = oc.getPinchDist(e);\n        oc.$chart.data('pinchDistEnd', dist);\n      }\n    },\n    zoomEndHandler: function (e) {\n      var oc = e.data.oc;\n      if(oc.$chart.data('pinching')) {\n        oc.$chart.data('pinching', false);\n        var diff = oc.$chart.data('pinchDistEnd') - oc.$chart.data('pinchDistStart');\n        if (diff > 0) {\n          oc.setChartScale(oc.$chart, 1.2);\n        } else if (diff < 0) {\n          oc.setChartScale(oc.$chart, 0.8);\n        }\n      }\n    },\n    //\n    bindZoom: function () {\n      this.$chartContainer.on('wheel', { 'oc': this }, this.zoomWheelHandler);\n      this.$chartContainer.on('touchstart', { 'oc': this }, this.zoomStartHandler);\n      $(document).on('touchmove', { 'oc': this }, this.zoomingHandler);\n      $(document).on('touchend', { 'oc': this }, this.zoomEndHandler);\n    },\n    unbindZoom: function () {\n      this.$chartContainer.off('wheel', this.zoomWheelHandler);\n      this.$chartContainer.off('touchstart', this.zoomStartHandler);\n      $(document).off('touchmove', this.zoomingHandler);\n      $(document).off('touchend', this.zoomEndHandler);\n    },\n    //\n    getPinchDist: function (e) {\n      return Math.sqrt((e.touches[0].clientX - e.touches[1].clientX) * (e.touches[0].clientX - e.touches[1].clientX) +\n      (e.touches[0].clientY - e.touches[1].clientY) * (e.touches[0].clientY - e.touches[1].clientY));\n    },\n    //\n    setChartScale: function ($chart, newScale) {\n      var opts = $chart.data('options');\n      var lastTf = $chart.css('transform');\n      var matrix = '';\n      var targetScale = 1;\n      if (lastTf === 'none') {\n        $chart.css('transform', 'scale(' + newScale + ',' + newScale + ')');\n      } else {\n        matrix = lastTf.split(',');\n        if (lastTf.indexOf('3d') === -1) {\n          targetScale = Math.abs(window.parseFloat(matrix[3]) * newScale);\n          if (targetScale > opts.zoomoutLimit && targetScale < opts.zoominLimit) {\n            $chart.css('transform', lastTf + ' scale(' + newScale + ',' + newScale + ')');\n          }\n        } else {\n          targetScale = Math.abs(window.parseFloat(matrix[1]) * newScale);\n          if (targetScale > opts.zoomoutLimit && targetScale < opts.zoominLimit) {\n            $chart.css('transform', lastTf + ' scale3d(' + newScale + ',' + newScale + ', 1)');\n          }\n        }\n      }\n    },\n    //\n    buildJsonDS: function ($li) {\n      var that = this;\n      var subObj = {\n        'name': $li.contents().eq(0).text().trim(),\n        'relationship': ($li.parent().parent().is('li') ? '1': '0') + ($li.siblings('li').length ? 1: 0) + ($li.children('ul').length ? 1 : 0)\n      };\n      $.each($li.data(), function(key, value) {\n         subObj[key] = value;\n      });\n      $li.children('ul').children().each(function() {\n        if (!subObj.children) { subObj.children = []; }\n        subObj.children.push(that.buildJsonDS($(this)));\n      });\n      return subObj;\n    },\n    //\n    attachRel: function (data, flags) {\n      var that = this;\n      data.relationship = flags + (data.children && data.children.length > 0 ? 1 : 0);\n      if (data.children) {\n        data.children.forEach(function(item) {\n          that.attachRel(item, '1' + (data.children.length > 1 ? 1 : 0));\n        });\n      }\n      return data;\n    },\n    //\n    loopChart: function ($chart) {\n      var that = this;\n      var $tr = $chart.find('tr:first');\n      var subObj = { 'id': $tr.find('.node')[0].id };\n      $tr.siblings(':last').children().each(function() {\n        if (!subObj.children) { subObj.children = []; }\n        subObj.children.push(that.loopChart($(this)));\n      });\n      return subObj;\n    },\n    //\n    getHierarchy: function () {\n      if (typeof this.$chart === 'undefined') {\n        return 'Error: orgchart does not exist'\n      } else {\n        if (!this.$chart.find('.node').length) {\n          return 'Error: nodes do not exist'\n        } else {\n          var valid = true;\n          this.$chart.find('.node').each(function () {\n            if (!this.id) {\n              valid = false;\n              return false;\n            }\n          });\n          if (!valid) {\n            return 'Error: All nodes of orghcart to be exported must have data-id attribute!';\n          }\n        }\n      }\n      return this.loopChart(this.$chart);\n    },\n    // detect the exist/display state of related node\n    getNodeState: function ($node, relation) {\n      var $target = {};\n      var isVerticalNode = $node.parent().is('li');\n      var relation = relation || 'self';\n      if (relation === 'parent') {\n        if (isVerticalNode) {\n          $target = $node.closest('ul').parents('ul');\n          if (!$target.length) {\n            $target = $node.closest('.nodes');\n            if (!$target.length) {\n              $target = $node.closest('.verticalNodes').siblings(':first');\n            }\n          }\n        } else {\n          $target = $node.closest('.nodes').siblings(':first');\n        }\n        if ($target.length) {\n          if ($target.is('.hidden') || (!$target.is('.hidden') && $target.closest('.nodes').is('.hidden')) || (!$target.is('.hidden') && $target.closest('.verticalNodes').is('.hidden'))) {\n            return { 'exist': true, 'visible': false };\n          }\n          return { 'exist': true, 'visible': true };\n        }\n      } else if (relation === 'children') {\n        $target = isVerticalNode ? $node.parent().children('ul') : $node.closest('tr').siblings(':last');\n        if ($target.length) {\n          if (!$target.is('.hidden')) {\n            return { 'exist': true, 'visible': true };\n          }\n          return { 'exist': true, 'visible': false };\n        }\n      } else if (relation === 'siblings') {\n        $target = isVerticalNode ? $node.closest('ul') : $node.closest('table').parent().siblings();\n        if ($target.length && (!isVerticalNode || $target.children('li').length > 1)) {\n          if (!$target.is('.hidden') && !$target.parent().is('.hidden') && (!isVerticalNode || !$target.closest('.verticalNodes').is('.hidden'))) {\n            return { 'exist': true, 'visible': true };\n          }\n          return { 'exist': true, 'visible': false };\n        }\n      } else {\n        $target = $node;\n        if ($target.length) {\n          if (!(($target.closest('.nodes').length && $target.closest('.nodes').is('.hidden')) ||\n            ($target.closest('table').parent().length && $target.closest('table').parent().is('.hidden')) ||\n            ($target.parent().is('li') && ($target.closest('ul').is('.hidden') || $target.closest('.verticalNodes').is('.hidden')))\n          )) {\n            return { 'exist': true, 'visible': true };\n          }\n          return { 'exist': true, 'visible': false };\n        }\n      }\n      return { 'exist': false, 'visible': false };\n    },\n    // find the related nodes\n    getRelatedNodes: function ($node, relation) {\n      if (!$node || !($node instanceof $) || !$node.is('.node')) {\n        return $();\n      }\n      if (relation === 'parent') {\n        return $node.closest('.nodes').parent().children(':first').find('.node');\n      } else if (relation === 'children') {\n        return $node.closest('tr').siblings('.nodes').children().find('.node:first');\n      } else if (relation === 'siblings') {\n        return $node.closest('table').parent().siblings().find('.node:first');\n      } else {\n        return $();\n      }\n    },\n    hideParentEnd: function (event) {\n      $(event.target).removeClass('sliding');\n      event.data.upperLevel.addClass('hidden').slice(1).removeAttr('style');\n    },\n    // recursively hide the ancestor node and sibling nodes of the specified node\n    hideParent: function ($node) {\n      var $upperLevel = $node.closest('.nodes').siblings();\n      if ($upperLevel.eq(0).find('.spinner').length) {\n        $node.closest('.orgchart').data('inAjax', false);\n      }\n      // hide the sibling nodes\n      if (this.getNodeState($node, 'siblings').visible) {\n        this.hideSiblings($node);\n      }\n      // hide the lines\n      var $lines = $upperLevel.slice(1);\n      $lines.css('visibility', 'hidden');\n      // hide the superior nodes with transition\n      var $parent = $upperLevel.eq(0).find('.node');\n      if (this.getNodeState($parent).visible) {\n        $parent.addClass('sliding slide-down').one('transitionend', { 'upperLevel': $upperLevel }, this.hideParentEnd);\n      }\n      // if the current node has the parent node, hide it recursively\n      if (this.getNodeState($parent, 'parent').visible) {\n        this.hideParent($parent);\n      }\n    },\n    showParentEnd: function (event) {\n      var $node = event.data.node;\n      $(event.target).removeClass('sliding');\n      if (this.isInAction($node)) {\n        this.switchVerticalArrow($node.children('.topEdge'));\n      }\n    },\n    // show the parent node of the specified node\n    showParent: function ($node) {\n      // just show only one superior level\n      var $upperLevel = $node.closest('.nodes').siblings().removeClass('hidden');\n      // just show only one line\n      $upperLevel.eq(2).children().slice(1, -1).addClass('hidden');\n      // show parent node with animation\n      var $parent = $upperLevel.eq(0).find('.node');\n      this.repaint($parent[0]);\n      $parent.addClass('sliding').removeClass('slide-down').one('transitionend', { 'node': $node }, this.showParentEnd.bind(this));\n    },\n    stopAjax: function ($nodeLevel) {\n      if ($nodeLevel.find('.spinner').length) {\n        $nodeLevel.closest('.orgchart').data('inAjax', false);\n      }\n    },\n    isVisibleNode: function (index, elem) {\n      return this.getNodeState($(elem)).visible;\n    },\n    //\n    hideChildrenEnd: function (event) {\n      var $node = event.data.node;\n      event.data.animatedNodes.removeClass('sliding');\n      if (event.data.isVerticalDesc) {\n        event.data.lowerLevel.addClass('hidden');\n      } else {\n        event.data.animatedNodes.closest('.nodes').prevAll('.lines').removeAttr('style').addBack().addClass('hidden');\n        event.data.lowerLevel.last().find('.verticalNodes').addClass('hidden');\n      }\n      if (this.isInAction($node)) {\n        this.switchVerticalArrow($node.children('.bottomEdge'));\n      }\n    },\n    // recursively hide the descendant nodes of the specified node\n    hideChildren: function ($node) {\n      var $lowerLevel = $node.closest('tr').siblings();\n      this.stopAjax($lowerLevel.last());\n      var $animatedNodes = $lowerLevel.last().find('.node').filter(this.isVisibleNode.bind(this));\n      var isVerticalDesc = $lowerLevel.last().is('.verticalNodes') ? true : false;\n      if (!isVerticalDesc) {\n        $animatedNodes.closest('table').closest('tr').prevAll('.lines').css('visibility', 'hidden');\n      }\n      this.repaint($animatedNodes.get(0));\n      $animatedNodes.addClass('sliding slide-up').eq(0).one('transitionend', { 'animatedNodes': $animatedNodes, 'lowerLevel': $lowerLevel, 'isVerticalDesc': isVerticalDesc, 'node': $node }, this.hideChildrenEnd.bind(this));\n    },\n    //\n    showChildrenEnd: function (event) {\n      var $node = event.data.node;\n      event.data.animatedNodes.removeClass('sliding');\n      if (this.isInAction($node)) {\n        this.switchVerticalArrow($node.children('.bottomEdge'));\n      }\n    },\n    // show the children nodes of the specified node\n    showChildren: function ($node) {\n      var that = this;\n      var $levels = $node.closest('tr').siblings();\n      var isVerticalDesc = $levels.is('.verticalNodes') ? true : false;\n      var $animatedNodes = isVerticalDesc\n        ? $levels.removeClass('hidden').find('.node').filter(this.isVisibleNode.bind(this))\n        : $levels.removeClass('hidden').eq(2).children().find('.node:first').filter(this.isVisibleNode.bind(this));\n      // the two following statements are used to enforce browser to repaint\n      this.repaint($animatedNodes.get(0));\n      $animatedNodes.addClass('sliding').removeClass('slide-up').eq(0).one('transitionend', { 'node': $node, 'animatedNodes': $animatedNodes }, this.showChildrenEnd.bind(this));\n    },\n    //\n    hideSiblingsEnd: function (event) {\n      var $node = event.data.node;\n      var $nodeContainer = event.data.nodeContainer;\n      var direction = event.data.direction;\n      event.data.lines.removeAttr('style');\n      var $siblings = direction ? (direction === 'left' ? $nodeContainer.prevAll(':not(.hidden)') : $nodeContainer.nextAll(':not(.hidden)')) : $nodeContainer.siblings();\n      $nodeContainer.closest('.nodes').prev().children(':not(.hidden)')\n        .slice(1, direction ? $siblings.length * 2 + 1 : -1).addClass('hidden');\n      event.data.animatedNodes.removeClass('sliding');\n      $siblings.find('.node:gt(0)').filter(this.isVisibleNode.bind(this))\n        .removeClass('slide-left slide-right').addClass('slide-up');\n      $siblings.find('.lines, .nodes, .verticalNodes').addClass('hidden')\n        .end().addClass('hidden');\n\n      if (this.isInAction($node)) {\n        this.switchHorizontalArrow($node);\n      }\n    },\n    // hide the sibling nodes of the specified node\n    hideSiblings: function ($node, direction) {\n      var that = this;\n      var $nodeContainer = $node.closest('table').parent();\n      if ($nodeContainer.siblings().find('.spinner').length) {\n        $node.closest('.orgchart').data('inAjax', false);\n      }\n      if (direction) {\n        if (direction === 'left') {\n          $nodeContainer.prevAll().find('.node').filter(this.isVisibleNode.bind(this)).addClass('sliding slide-right');\n        } else {\n          $nodeContainer.nextAll().find('.node').filter(this.isVisibleNode.bind(this)).addClass('sliding slide-left');\n        }\n      } else {\n        $nodeContainer.prevAll().find('.node').filter(this.isVisibleNode.bind(this)).addClass('sliding slide-right');\n        $nodeContainer.nextAll().find('.node').filter(this.isVisibleNode.bind(this)).addClass('sliding slide-left');\n      }\n      var $animatedNodes = $nodeContainer.siblings().find('.sliding');\n      var $lines = $animatedNodes.closest('.nodes').prevAll('.lines').css('visibility', 'hidden');\n      $animatedNodes.eq(0).one('transitionend', { 'node': $node, 'nodeContainer': $nodeContainer, 'direction': direction, 'animatedNodes': $animatedNodes, 'lines': $lines }, this.hideSiblingsEnd.bind(this));\n    },\n    //\n    showSiblingsEnd: function (event) {\n      var $node = event.data.node;\n      event.data.visibleNodes.removeClass('sliding');\n      if (this.isInAction($node)) {\n        this.switchHorizontalArrow($node);\n        $node.children('.topEdge').removeClass('oci-chevron-up').addClass('oci-chevron-down');\n      }\n    },\n    //\n    showRelatedParentEnd: function(event) {\n      $(event.target).removeClass('sliding');\n    },\n    // show the sibling nodes of the specified node\n    showSiblings: function ($node, direction) {\n      var that = this;\n      // firstly, show the sibling td tags\n      var $siblings = $();\n      if (direction) {\n        if (direction === 'left') {\n          $siblings = $node.closest('table').parent().prevAll().removeClass('hidden');\n        } else {\n          $siblings = $node.closest('table').parent().nextAll().removeClass('hidden');\n        }\n      } else {\n        $siblings = $node.closest('table').parent().siblings().removeClass('hidden');\n      }\n      // secondly, show the lines\n      var $upperLevel = $node.closest('table').closest('tr').siblings();\n      if (direction) {\n        $upperLevel.eq(2).children('.hidden').slice(0, $siblings.length * 2).removeClass('hidden');\n      } else {\n        $upperLevel.eq(2).children('.hidden').removeClass('hidden');\n      }\n      // thirdly, do some cleaning stuff\n      if (!this.getNodeState($node, 'parent').visible) {\n        $upperLevel.removeClass('hidden');\n        var parent = $upperLevel.find('.node')[0];\n        this.repaint(parent);\n        $(parent).addClass('sliding').removeClass('slide-down').one('transitionend', this.showRelatedParentEnd);\n      }\n      // lastly, show the sibling nodes with animation\n      var $visibleNodes = $siblings.find('.node').filter(this.isVisibleNode.bind(this));\n      this.repaint($visibleNodes.get(0));\n      $visibleNodes.addClass('sliding').removeClass('slide-left slide-right');\n      $visibleNodes.eq(0).one('transitionend', { 'node': $node, 'visibleNodes': $visibleNodes }, this.showSiblingsEnd.bind(this));\n    },\n    // start up loading status for requesting new nodes\n    startLoading: function ($edge) {\n      var $chart = this.$chart;\n      if (typeof $chart.data('inAjax') !== 'undefined' && $chart.data('inAjax') === true) {\n        return false;\n      }\n\n      $edge.addClass('hidden');\n      $edge.parent().append('<i class=\"oci oci-spinner spinner\"></i>')\n        .children().not('.spinner').css('opacity', 0.2);\n      $chart.data('inAjax', true);\n      $('.oc-export-btn' + (this.options.chartClass !== '' ? '.' + this.options.chartClass : '')).prop('disabled', true);\n      return true;\n    },\n    // terminate loading status for requesting new nodes\n    endLoading: function ($edge) {\n      var $node = $edge.parent();\n      $edge.removeClass('hidden');\n      $node.find('.spinner').remove();\n      $node.children().removeAttr('style');\n      this.$chart.data('inAjax', false);\n      $('.oc-export-btn' + (this.options.chartClass !== '' ? '.' + this.options.chartClass : '')).prop('disabled', false);\n    },\n    // whether the cursor is hovering over the node\n    isInAction: function ($node) {\n      return $node.children('.edge').attr('class').indexOf('oci-') > -1 ? true : false;\n    },\n    //\n    switchVerticalArrow: function ($arrow) {\n      $arrow.toggleClass('oci-chevron-up').toggleClass('oci-chevron-down');\n    },\n    //\n    switchHorizontalArrow: function ($node) {\n      var opts = this.options;\n      if (opts.toggleSiblingsResp && (typeof opts.ajaxURL === 'undefined' || $node.closest('.nodes').data('siblingsLoaded'))) {\n        var $prevSib = $node.closest('table').parent().prev();\n        if ($prevSib.length) {\n          if ($prevSib.is('.hidden')) {\n            $node.children('.leftEdge').addClass('oci-chevron-left').removeClass('oci-chevron-right');\n          } else {\n            $node.children('.leftEdge').addClass('oci-chevron-right').removeClass('oci-chevron-left');\n          }\n        }\n        var $nextSib = $node.closest('table').parent().next();\n        if ($nextSib.length) {\n          if ($nextSib.is('.hidden')) {\n            $node.children('.rightEdge').addClass('oci-chevron-right').removeClass('oci-chevron-left');\n          } else {\n            $node.children('.rightEdge').addClass('oci-chevron-left').removeClass('oci-chevron-right');\n          }\n        }\n      } else {\n        var $sibs = $node.closest('table').parent().siblings();\n        var sibsVisible = $sibs.length ? !$sibs.is('.hidden') : false;\n        $node.children('.leftEdge').toggleClass('oci-chevron-right', sibsVisible).toggleClass('oci-chevron-left', !sibsVisible);\n        $node.children('.rightEdge').toggleClass('oci-chevron-left', sibsVisible).toggleClass('oci-chevron-right', !sibsVisible);\n      }\n    },\n    //\n    repaint: function (node) {\n      if (node) {\n        node.style.offsetWidth = node.offsetWidth;\n      }\n    },\n    //\n    nodeEnterLeaveHandler: function (event) {\n      var $node = $(event.delegateTarget), flag = false;\n      var $topEdge = $node.children('.topEdge');\n      var $rightEdge = $node.children('.rightEdge');\n      var $bottomEdge = $node.children('.bottomEdge');\n      var $leftEdge = $node.children('.leftEdge');\n      if (event.type === 'mouseenter') {\n        if ($topEdge.length) {\n          flag = this.getNodeState($node, 'parent').visible;\n          $topEdge.toggleClass('oci-chevron-up', !flag).toggleClass('oci-chevron-down', flag);\n        }\n        if ($bottomEdge.length) {\n          flag = this.getNodeState($node, 'children').visible;\n          $bottomEdge.toggleClass('oci-chevron-down', !flag).toggleClass('oci-chevron-up', flag);\n        }\n        if ($leftEdge.length) {\n          this.switchHorizontalArrow($node);\n        }\n      } else {\n        $node.children('.edge').removeClass('oci-chevron-up oci-chevron-down oci-chevron-right oci-chevron-left');\n      }\n    },\n    //\n    nodeClickHandler: function (event) {\n      this.$chart.find('.focused').removeClass('focused');\n      $(event.delegateTarget).addClass('focused');\n    },\n    // load new nodes by ajax\n    loadNodes: function (rel, url, $edge) {\n      var that = this;\n      var opts = this.options;\n      $.ajax({ 'url': url, 'dataType': 'json' })\n      .done(function (data) {\n        if (that.$chart.data('inAjax')) {\n          if (rel === 'parent') {\n            if (!$.isEmptyObject(data)) {\n              that.addParent($edge.parent(), data);\n            }\n          } else if (rel === 'children') {\n            if (data.children.length) {\n              that.addChildren($edge.parent(), data[rel]);\n            }\n          } else {\n            that.addSiblings($edge.parent(), data.siblings ? data.siblings : data);\n          }\n        }\n      })\n      .fail(function () {\n        console.log('Failed to get ' + rel + ' data');\n      })\n      .always(function () {\n        that.endLoading($edge);\n      });\n    },\n    //\n    HideFirstParentEnd: function (event) {\n      var $topEdge = event.data.topEdge;\n      var $node = $topEdge.parent();\n      if (this.isInAction($node)) {\n        this.switchVerticalArrow($topEdge);\n        this.switchHorizontalArrow($node);\n      }\n    },\n    //\n    topEdgeClickHandler: function (event) {\n      event.stopPropagation();\n      var that = this;\n      var $topEdge = $(event.target);\n      var $node = $(event.delegateTarget);\n      var parentState = this.getNodeState($node, 'parent');\n      if (parentState.exist) {\n        var $parent = $node.closest('table').closest('tr').siblings(':first').find('.node');\n        if ($parent.is('.sliding')) { return; }\n        // hide the ancestor nodes and sibling nodes of the specified node\n        if (parentState.visible) {\n          this.hideParent($node);\n          $parent.one('transitionend', { 'topEdge': $topEdge }, this.HideFirstParentEnd.bind(this));\n        } else { // show the ancestors and siblings\n          this.showParent($node);\n        }\n      } else { // load the new parent node of the specified node by ajax request\n        // start up loading status\n        if (this.startLoading($topEdge)) {\n          var opts = this.options;\n          var url = $.isFunction(opts.ajaxURL.parent) ? opts.ajaxURL.parent($node.data('nodeData')) : opts.ajaxURL.parent + $node[0].id;\n          this.loadNodes('parent', url, $topEdge);\n        }\n      }\n    },\n    //\n    bottomEdgeClickHandler: function (event) {\n      event.stopPropagation();\n      var $bottomEdge = $(event.target);\n      var $node = $(event.delegateTarget);\n      var childrenState = this.getNodeState($node, 'children');\n      if (childrenState.exist) {\n        var $children = $node.closest('tr').siblings(':last');\n        if ($children.find('.sliding').length) { return; }\n        // hide the descendant nodes of the specified node\n        if (childrenState.visible) {\n          this.hideChildren($node);\n        } else { // show the descendants\n          this.showChildren($node);\n        }\n      } else { // load the new children nodes of the specified node by ajax request\n        if (this.startLoading($bottomEdge)) {\n          var opts = this.options;\n          var url = $.isFunction(opts.ajaxURL.children) ? opts.ajaxURL.children($node.data('nodeData')) : opts.ajaxURL.children + $node[0].id;\n          this.loadNodes('children', url, $bottomEdge);\n        }\n      }\n    },\n    //\n    hEdgeClickHandler: function (event) {\n      event.stopPropagation();\n      var $hEdge = $(event.target);\n      var $node = $(event.delegateTarget);\n      var opts = this.options;\n      var siblingsState = this.getNodeState($node, 'siblings');\n      if (siblingsState.exist) {\n        var $siblings = $node.closest('table').parent().siblings();\n        if ($siblings.find('.sliding').length) { return; }\n        if (opts.toggleSiblingsResp) {\n          var $prevSib = $node.closest('table').parent().prev();\n          var $nextSib = $node.closest('table').parent().next();\n          if ($hEdge.is('.leftEdge')) {\n            if ($prevSib.is('.hidden')) {\n              this.showSiblings($node, 'left');\n            } else {\n              this.hideSiblings($node, 'left');\n            }\n          } else {\n            if ($nextSib.is('.hidden')) {\n              this.showSiblings($node, 'right');\n            } else {\n              this.hideSiblings($node, 'right');\n            }\n          }\n        } else {\n          if (siblingsState.visible) {\n            this.hideSiblings($node);\n          } else {\n            this.showSiblings($node);\n          }\n        }\n      } else {\n        // load the new sibling nodes of the specified node by ajax request\n        if (this.startLoading($hEdge)) {\n          var nodeId = $node[0].id;\n          var url = (this.getNodeState($node, 'parent').exist) ?\n            ($.isFunction(opts.ajaxURL.siblings) ? opts.ajaxURL.siblings($node.data('nodeData')) : opts.ajaxURL.siblings + nodeId) :\n            ($.isFunction(opts.ajaxURL.families) ? opts.ajaxURL.families($node.data('nodeData')) : opts.ajaxURL.families + nodeId);\n          this.loadNodes('siblings', url, $hEdge);\n        }\n      }\n    },\n    //\n    expandVNodesEnd: function (event) {\n      event.data.vNodes.removeClass('sliding');\n    },\n    //\n    collapseVNodesEnd: function (event) {\n      event.data.vNodes.removeClass('sliding').closest('ul').addClass('hidden');\n    },\n    // event handler for toggle buttons in Hybrid(horizontal + vertical) OrgChart\n    toggleVNodes: function (event) {\n      var $toggleBtn = $(event.target);\n      var $descWrapper = $toggleBtn.parent().next();\n      var $descendants = $descWrapper.find('.node');\n      var $children = $descWrapper.children().children('.node');\n      if ($children.is('.sliding')) { return; }\n      $toggleBtn.toggleClass('oci-plus-square oci-minus-square');\n      if ($descendants.eq(0).is('.slide-up')) {\n        $descWrapper.removeClass('hidden');\n        this.repaint($children.get(0));\n        $children.addClass('sliding').removeClass('slide-up').eq(0).one('transitionend', { 'vNodes': $children }, this.expandVNodesEnd);\n      } else {\n        $descendants.addClass('sliding slide-up').eq(0).one('transitionend', { 'vNodes': $descendants }, this.collapseVNodesEnd);\n        $descendants.find('.toggleBtn').removeClass('oci-minus-square').addClass('oci-plus-square');\n      }\n    },\n    //\n    createGhostNode: function (event) {\n      var $nodeDiv = $(event.target);\n      var opts = this.options;\n      var origEvent = event.originalEvent;\n      var isFirefox = /firefox/.test(window.navigator.userAgent.toLowerCase());\n      var ghostNode, nodeCover;\n      if (!document.querySelector('.ghost-node')) {\n        ghostNode = document.createElementNS(\"http://www.w3.org/2000/svg\", \"svg\");\n        if (!ghostNode.classList) return;\n        ghostNode.classList.add('ghost-node');\n        nodeCover = document.createElementNS('http://www.w3.org/2000/svg','rect');\n        ghostNode.appendChild(nodeCover);\n        $nodeDiv.closest('.orgchart').append(ghostNode);\n      } else {\n        ghostNode = $nodeDiv.closest('.orgchart').children('.ghost-node').get(0);\n        nodeCover = $(ghostNode).children().get(0);\n      }\n      var transValues = $nodeDiv.closest('.orgchart').css('transform').split(',');\n      var isHorizontal = opts.direction === 't2b' || opts.direction === 'b2t';\n      var scale = Math.abs(window.parseFloat(isHorizontal ? transValues[0].slice(transValues[0].indexOf('(') + 1) : transValues[1]));\n      ghostNode.setAttribute('width', isHorizontal ? $nodeDiv.outerWidth(false) : $nodeDiv.outerHeight(false));\n      ghostNode.setAttribute('height', isHorizontal ? $nodeDiv.outerHeight(false) : $nodeDiv.outerWidth(false));\n      nodeCover.setAttribute('x',5 * scale);\n      nodeCover.setAttribute('y',5 * scale);\n      nodeCover.setAttribute('width', 120 * scale);\n      nodeCover.setAttribute('height', 40 * scale);\n      nodeCover.setAttribute('rx', 4 * scale);\n      nodeCover.setAttribute('ry', 4 * scale);\n      nodeCover.setAttribute('stroke-width', 1 * scale);\n      var xOffset = origEvent.offsetX * scale;\n      var yOffset = origEvent.offsetY * scale;\n      if (opts.direction === 'l2r') {\n        xOffset = origEvent.offsetY * scale;\n        yOffset = origEvent.offsetX * scale;\n      } else if (opts.direction === 'r2l') {\n        xOffset = $nodeDiv.outerWidth(false) - origEvent.offsetY * scale;\n        yOffset = origEvent.offsetX * scale;\n      } else if (opts.direction === 'b2t') {\n        xOffset = $nodeDiv.outerWidth(false) - origEvent.offsetX * scale;\n        yOffset = $nodeDiv.outerHeight(false) - origEvent.offsetY * scale;\n      }\n      if (isFirefox) { // hack for old version of Firefox(< 48.0)\n        nodeCover.setAttribute('fill', 'rgb(255, 255, 255)');\n        nodeCover.setAttribute('stroke', 'rgb(191, 0, 0)');\n        var ghostNodeWrapper = document.createElement('img');\n        ghostNodeWrapper.src = 'data:image/svg+xml;utf8,' + (new XMLSerializer()).serializeToString(ghostNode);\n        origEvent.dataTransfer.setDragImage(ghostNodeWrapper, xOffset, yOffset);\n      } else {\n        // IE/Edge do not support this, so only use it if we can\n        if (origEvent.dataTransfer.setDragImage)\n          origEvent.dataTransfer.setDragImage(ghostNode, xOffset, yOffset);\n      }\n    },\n    //\n    filterAllowedDropNodes: function ($dragged) {\n      var opts = this.options;\n      // what is being dragged?  a node, or something within a node?\n      var draggingNode = $dragged.closest('[draggable]').hasClass('node');\n      var $dragZone = $dragged.closest('.nodes').siblings().eq(0).find('.node:first');      // parent node\n      var $dragHier = $dragged.closest('table').find('.node');      // this node, and its children\n      this.$chart.data('dragged', $dragged)\n        .find('.node').each(function (index, node) {\n          if (!draggingNode || $dragHier.index(node) === -1) {\n            if (opts.dropCriteria) {\n              if (opts.dropCriteria($dragged, $dragZone, $(node))) {\n                $(node).addClass('allowedDrop');\n              }\n            } else {\n              $(node).addClass('allowedDrop');\n            }\n          }\n        });\n    },\n    //\n    dragstartHandler: function (event) {\n      event.originalEvent.dataTransfer.setData('text/html', 'hack for firefox');\n      // if users enable zoom or direction options\n      if (this.$chart.css('transform') !== 'none') {\n        this.createGhostNode(event);\n      }\n      this.filterAllowedDropNodes($(event.target));\n    },\n    //\n    dragoverHandler: function (event) {\n      if (!$(event.delegateTarget).is('.allowedDrop')) {\n        event.originalEvent.dataTransfer.dropEffect = 'none';\n      } else {\n        // default action for drag-and-drop of div is not to drop, so preventing default action for nodes which have allowedDrop class\n        //to fix drag and drop on IE and Edge\t\t\n        event.preventDefault();\n      }\n    },\n    //\n    dragendHandler: function (event) {\n      this.$chart.find('.allowedDrop').removeClass('allowedDrop');\n    },\n    //\n    dropHandler: function (event) {\n      var $dropZone = $(event.delegateTarget);\n      var $dragged = this.$chart.data('dragged');\n\n      // Pass on drops which are not nodes (since they are not our doing)\n      if (!$dragged.hasClass('node')) {\n        this.$chart.triggerHandler({ 'type': 'otherdropped.orgchart', 'draggedItem': $dragged, 'dropZone': $dropZone });\n        return;\n      }\n      \n      if (!$dropZone.hasClass('allowedDrop')) {\n          // We are trying to drop a node into a node which isn't allowed\n          // IE/Edge have a habit of allowing this, so we need our own double-check\n          return;\n      }\n\n      var $dragZone = $dragged.closest('.nodes').siblings().eq(0).children();\n      var dropEvent = $.Event('nodedrop.orgchart');\n      this.$chart.trigger(dropEvent, { 'draggedNode': $dragged, 'dragZone': $dragZone.children(), 'dropZone': $dropZone });\n      if (dropEvent.isDefaultPrevented()) {\n        return;\n      }\n      // firstly, deal with the hierarchy of drop zone\n      if (!$dropZone.closest('tr').siblings().length) { // if the drop zone is a leaf node\n        $dropZone.append('<i class=\"edge verticalEdge bottomEdge oci\"></i>')\n          .parent().attr('colspan', 2)\n          .parent().after('<tr class=\"lines\"><td colspan=\"2\"><div class=\"downLine\"></div></td></tr>'\n          + '<tr class=\"lines\"><td class=\"rightLine\"></td><td class=\"leftLine\"></td></tr>'\n          + '<tr class=\"nodes\"></tr>')\n          .siblings(':last').append($dragged.find('.horizontalEdge').remove().end().closest('table').parent());\n      } else {\n        var dropColspan = parseInt($dropZone.parent().attr('colspan')) + 2;\n        var horizontalEdges = '<i class=\"edge horizontalEdge rightEdge oci\"></i><i class=\"edge horizontalEdge leftEdge oci\"></i>';\n        $dropZone.closest('tr').next().addBack().children().attr('colspan', dropColspan);\n        if (!$dragged.find('.horizontalEdge').length) {\n          $dragged.append(horizontalEdges);\n        }\n        $dropZone.closest('tr').siblings().eq(1).children(':last').before('<td class=\"leftLine topLine\"></td><td class=\"rightLine topLine\"></td>')\n          .end().next().append($dragged.closest('table').parent());\n        var $dropSibs = $dragged.closest('table').parent().siblings().find('.node:first');\n        if ($dropSibs.length === 1) {\n          $dropSibs.append(horizontalEdges);\n        }\n      }\n      // secondly, deal with the hierarchy of dragged node\n      var dragColspan = parseInt($dragZone.attr('colspan'));\n      if (dragColspan > 2) {\n        $dragZone.attr('colspan', dragColspan - 2)\n          .parent().next().children().attr('colspan', dragColspan - 2)\n          .end().next().children().slice(1, 3).remove();\n        var $dragSibs = $dragZone.parent().siblings('.nodes').children().find('.node:first');\n        if ($dragSibs.length ===1) {\n          $dragSibs.find('.horizontalEdge').remove();\n        }\n      } else {\n        $dragZone.removeAttr('colspan')\n          .find('.bottomEdge').remove()\n          .end().end().siblings().remove();\n      }\n    },\n    //\n    touchstartHandler: function (event) {\n      if (this.touchHandled)\n        return;\n\n      if (event.touches && event.touches.length > 1)\n        return;\n\n      this.touchHandled = true;\n      this.touchMoved = false;     // this is so we can work out later if this was a 'press' or a 'drag' touch\n      event.preventDefault();\n    },\n    //\n    touchmoveHandler: function (event) {\n      if (!this.touchHandled)\n        return;\n\n      if (event.touches && event.touches.length > 1)\n        return;\n\n      event.preventDefault();\n\n      if (!this.touchMoved) {\n        // we do not bother with createGhostNode (dragstart does) since the touch event does not have a dataTransfer property\n        this.filterAllowedDropNodes($(event.currentTarget));        // will also set 'this.$chart.data('dragged')' for us\n        // create an image which can be used to illustrate the drag (our own createGhostNode)\n        this.touchDragImage = this.createDragImage(event, this.$chart.data('dragged')[0]);\n      }\n      this.touchMoved = true;\n\n      // move our dragimage so it follows our finger\n      this.moveDragImage(event, this.touchDragImage);\n\n      var $touching = $(document.elementFromPoint(event.touches[0].clientX, event.touches[0].clientY));\n      var $touchingNodes = $touching.closest('div.node');\n      if ($touchingNodes.length > 0) {\n        var touchingNodeElement = $touchingNodes[0];\n        if ($touchingNodes.is('.allowedDrop')) {\n          this.touchTargetNode = touchingNodeElement;\n        }\n        else {\n          this.touchTargetNode = null;\n        }\n      }\n      else {\n        this.touchTargetNode = null;\n      }\n    },\n    //\n    touchendHandler: function (event) {\n      if (!this.touchHandled) {\n          return;\n      }\n      this.destroyDragImage();\n      if (this.touchMoved) {\n          // we've had movement, so this was a 'drag' touch\n          if (this.touchTargetNode) {\n              var fakeEventForDropHandler = { delegateTarget: this.touchTargetNode };\n              this.dropHandler(fakeEventForDropHandler);\n              this.touchTargetNode = null;\n          }\n          this.dragendHandler(event);\n      }\n      else {\n          // we did not move, so this was a 'press' touch (fake a click)\n          var firstTouch = event.changedTouches[0];\n          var fakeMouseClickEvent = document.createEvent('MouseEvents');\n          fakeMouseClickEvent.initMouseEvent('click', true, true, window, 1, firstTouch.screenX, firstTouch.screenY, firstTouch.clientX, firstTouch.clientY, event.ctrlKey, event.altKey, event.shiftKey, event.metaKey, 0, null);\n          event.target.dispatchEvent(fakeMouseClickEvent);\n      }\n      this.touchHandled = false;\n    },\n    //\n    createDragImage: function (event, source) {\n      var dragImage = source.cloneNode(true);\n      this.copyStyle(source, dragImage);\n      dragImage.style.top = dragImage.style.left = '-9999px';\n      var sourceRectangle = source.getBoundingClientRect();\n      var sourcePoint = this.getTouchPoint(event);\n      this.touchDragImageOffset = { x: sourcePoint.x - sourceRectangle.left, y: sourcePoint.y - sourceRectangle.top };\n      dragImage.style.opacity = '0.5';\n      document.body.appendChild(dragImage);\n      return dragImage;\n    },\n    //\n    destroyDragImage: function () {\n      if (this.touchDragImage && this.touchDragImage.parentElement)\n        this.touchDragImage.parentElement.removeChild(this.touchDragImage);\n      this.touchDragImageOffset = null;\n      this.touchDragImage = null;\n    },\n    //\n    copyStyle: function (src, dst) {\n      // remove potentially troublesome attributes\n      var badAttributes = ['id', 'class', 'style', 'draggable'];\n      badAttributes.forEach(function (att) {\n          dst.removeAttribute(att);\n      });\n      // copy canvas content\n      if (src instanceof HTMLCanvasElement) {\n        var cSrc = src, cDst = dst;\n        cDst.width = cSrc.width;\n        cDst.height = cSrc.height;\n        cDst.getContext('2d').drawImage(cSrc, 0, 0);\n      }\n      // copy style (without transitions)\n      var cs = getComputedStyle(src);\n      for (var i = 0; i < cs.length; i++) {\n        var key = cs[i];\n        if (key.indexOf('transition') < 0) {\n          dst.style[key] = cs[key];\n        }\n      }\n      dst.style.pointerEvents = 'none';\n      // and repeat for all children\n      for (var i = 0; i < src.children.length; i++) {\n        this.copyStyle(src.children[i], dst.children[i]);\n      }\n    },\n    //\n    getTouchPoint: function (event) {\n      if (event && event.touches) {\n        event = event.touches[0];\n      }\n      return {\n        x: event.clientX,\n        y: event.clientY\n      };\n    },\n    //\n    moveDragImage: function (event, image) {\n      if (!event || !image)\n        return;\n      var orgChartMaster = this;\n      requestAnimationFrame(function () {\n        var pt = orgChartMaster.getTouchPoint(event);\n        var s = image.style;\n        s.position = 'absolute';\n        s.pointerEvents = 'none';\n        s.zIndex = '999999';\n        if (orgChartMaster.touchDragImageOffset) {\n            s.left = Math.round(pt.x - orgChartMaster.touchDragImageOffset.x) + 'px';\n            s.top = Math.round(pt.y - orgChartMaster.touchDragImageOffset.y) + 'px';\n        }\n      });\n    },\n    //\n    bindDragDrop: function ($node) {\n      $node.on('dragstart', this.dragstartHandler.bind(this))\n        .on('dragover', this.dragoverHandler.bind(this))\n        .on('dragend', this.dragendHandler.bind(this))\n        .on('drop', this.dropHandler.bind(this))\n        .on('touchstart', this.touchstartHandler.bind(this))\n        .on('touchmove', this.touchmoveHandler.bind(this))\n        .on('touchend', this.touchendHandler.bind(this));\n    },\n    // create node\n    createNode: function (data) {\n      var that = this;\n      var opts = this.options;\n      var level = data.level;\n      if (data.children && data[opts.nodeId]) {\n        $.each(data.children, function (index, child) {\n          child.parentId = data[opts.nodeId]\n        });\n      }\n      // construct the content of node\n      var $nodeDiv = $('<div' + (opts.draggable ? ' draggable=\"true\"' : '') + (data[opts.nodeId] ? ' id=\"' + data[opts.nodeId] + '\"' : '') + (data.parentId ? ' data-parent=\"' + data.parentId + '\"' : '') + '>')\n        .addClass('node ' + (data.className || '') +  (level > opts.visibleLevel ? ' slide-up' : ''));\n      if (opts.nodeTemplate) {\n        $nodeDiv.append(opts.nodeTemplate(data));\n      } else {\n        $nodeDiv.append('<div class=\"title\">' + data[opts.nodeTitle] + '</div>')\n          .append(typeof opts.nodeContent !== 'undefined' ? '<div class=\"content\">' + (data[opts.nodeContent] || '') + '</div>' : '');\n      }\n      //\n      var nodeData = $.extend({}, data);\n      delete nodeData.children;\n      $nodeDiv.data('nodeData', nodeData);\n      // append 4 direction arrows or expand/collapse buttons\n      var flags = data.relationship || '';\n      if (opts.verticalLevel && level >= opts.verticalLevel) {\n        if ((level + 1) > opts.verticalLevel && Number(flags.substr(2,1))) {\n          var icon = level + 1 > opts.visibleLevel ? 'plus' : 'minus';\n          $nodeDiv.append('<i class=\"toggleBtn oci oci-' + icon + '-square\"></i>');\n        }\n      } else {\n        if (Number(flags.substr(0,1))) {\n          $nodeDiv.append('<i class=\"edge verticalEdge topEdge oci\"></i>');\n        }\n        if(Number(flags.substr(1,1))) {\n          $nodeDiv.append('<i class=\"edge horizontalEdge rightEdge oci\"></i>' +\n            '<i class=\"edge horizontalEdge leftEdge oci\"></i>');\n        }\n        if(Number(flags.substr(2,1))) {\n          $nodeDiv.append('<i class=\"edge verticalEdge bottomEdge oci\"></i>')\n            .children('.title').prepend('<i class=\"oci '+ opts.parentNodeSymbol + ' symbol\"></i>');\n        }\n      }\n\n      $nodeDiv.on('mouseenter mouseleave', this.nodeEnterLeaveHandler.bind(this));\n      $nodeDiv.on('click', this.nodeClickHandler.bind(this));\n      $nodeDiv.on('click', '.topEdge', this.topEdgeClickHandler.bind(this));\n      $nodeDiv.on('click', '.bottomEdge', this.bottomEdgeClickHandler.bind(this));\n      $nodeDiv.on('click', '.leftEdge, .rightEdge', this.hEdgeClickHandler.bind(this));\n      $nodeDiv.on('click', '.toggleBtn', this.toggleVNodes.bind(this));\n\n      if (opts.draggable) {\n        this.bindDragDrop($nodeDiv);\n        this.touchHandled = false;\n        this.touchMoved = false;\n        this.touchTargetNode = null;\n      }\n      // allow user to append dom modification after finishing node create of orgchart\n      if (opts.createNode) {\n        opts.createNode($nodeDiv, data);\n      }\n\n      return $nodeDiv;\n    },\n    // recursively build the tree\n    buildHierarchy: function ($appendTo, data) {\n      var that = this;\n      var opts = this.options;\n      var level = 0;\n      if (data.level) {\n        level = data.level;\n      } else {\n        level = data.level = $appendTo.parentsUntil('.orgchart', '.nodes').length + 1;\n      }\n      // Construct the node\n      var childrenData = data.children;\n      var hasChildren = childrenData ? childrenData.length : false;\n      var $nodeWrapper;\n      if (Object.keys(data).length > 2) {\n        var $nodeDiv = this.createNode(data);\n        if (opts.verticalLevel && level >= opts.verticalLevel) {\n          $appendTo.append($nodeDiv);\n        }else {\n          $nodeWrapper = $('<table>');\n          $appendTo.append($nodeWrapper.append($('<tr/>').append($('<td' + (hasChildren ? ' colspan=\"' + childrenData.length * 2 + '\"' : '') + '></td>').append($nodeDiv))));\n        }\n      }\n      // Construct the lower level(two \"connectiong lines\" rows and \"inferior nodes\" row)\n      if (hasChildren) {\n        var isHidden = (level + 1 > opts.visibleLevel || data.collapsed) ? ' hidden' : '';\n        var isVerticalLayer = (opts.verticalLevel && (level + 1) >= opts.verticalLevel) ? true : false;\n        var $nodesLayer;\n        if (isVerticalLayer) {\n          $nodesLayer = $('<ul>');\n          if (isHidden && level + 1 > opts.verticalLevel) {\n            $nodesLayer.addClass(isHidden);\n          }\n          if (level + 1 === opts.verticalLevel) {\n            $appendTo.children('table').append('<tr class=\"verticalNodes' + isHidden + '\"><td></td></tr>')\n              .find('.verticalNodes').children().append($nodesLayer);\n          } else {\n            $appendTo.append($nodesLayer);\n          }\n        } else {\n          var $upperLines = $('<tr class=\"lines' + isHidden + '\"><td colspan=\"' + childrenData.length * 2 + '\"><div class=\"downLine\"></div></td></tr>');\n          var lowerLines = '<tr class=\"lines' + isHidden + '\"><td class=\"rightLine\"></td>';\n          for (var i=1; i<childrenData.length; i++) {\n            lowerLines += '<td class=\"leftLine topLine\"></td><td class=\"rightLine topLine\"></td>';\n          }\n          lowerLines += '<td class=\"leftLine\"></td></tr>';\n          $nodesLayer = $('<tr class=\"nodes' + isHidden + '\">');\n          if (Object.keys(data).length === 2) {\n            $appendTo.append($upperLines).append(lowerLines).append($nodesLayer);\n          } else {\n            $nodeWrapper.append($upperLines).append(lowerLines).append($nodesLayer);\n          }\n        }\n        // recurse through children nodes\n        $.each(childrenData, function () {\n          var $nodeCell = isVerticalLayer ? $('<li>') : $('<td colspan=\"2\">');\n          $nodesLayer.append($nodeCell);\n          this.level = level + 1;\n          that.buildHierarchy($nodeCell, this);\n        });\n      }\n    },\n    // build the child nodes of specific node\n    buildChildNode: function ($appendTo, data) {\n      $appendTo.find('td:first').attr('colspan', data.length * 2);\n      this.buildHierarchy($appendTo, { 'children': data });\n    },\n    // exposed method\n    addChildren: function ($node, data) {\n      this.buildChildNode($node.closest('table'), data);\n      if (!$node.children('.bottomEdge').length) {\n        $node.append('<i class=\"edge verticalEdge bottomEdge oci\"></i>');\n      }\n      if (!$node.find('.symbol').length) {\n        $node.children('.title').prepend('<i class=\"oci '+ this.options.parentNodeSymbol + ' symbol\"></i>');\n      }\n      if (this.isInAction($node)) {\n        this.switchVerticalArrow($node.children('.bottomEdge'));\n      }\n    },\n    // build the parent node of specific node\n    buildParentNode: function ($currentRoot, data) {\n      data.relationship = data.relationship || '001';\n      var $table = $('<table>')\n        .append($('<tr>').append($('<td colspan=\"2\">').append(this.createNode(data))))\n        .append('<tr class=\"lines\"><td colspan=\"2\"><div class=\"downLine\"></div></td></tr>')\n        .append('<tr class=\"lines\"><td class=\"rightLine\"></td><td class=\"leftLine\"></td></tr>');\n      this.$chart.prepend($table)\n        .children('table:first').append('<tr class=\"nodes\"><td colspan=\"2\"></td></tr>')\n        .children('tr:last').children().append(this.$chart.children('table').last());\n    },\n    // exposed method\n    addParent: function ($currentRoot, data) {\n      this.buildParentNode($currentRoot, data);\n      if (!$currentRoot.children('.topEdge').length) {\n        $currentRoot.children('.title').after('<i class=\"edge verticalEdge topEdge oci\"></i>');\n      }\n      if (this.isInAction($currentRoot)) {\n        this.switchVerticalArrow($currentRoot.children('.topEdge'));\n      }\n    },\n    // subsequent processing of build sibling nodes\n    complementLine: function ($oneSibling, siblingCount, existingSibligCount) {\n      var lines = '';\n      for (var i = 0; i < existingSibligCount; i++) {\n        lines += '<td class=\"leftLine topLine\"></td><td class=\"rightLine topLine\"></td>';\n      }\n      $oneSibling.parent().prevAll('tr:gt(0)').children().attr('colspan', siblingCount * 2)\n        .end().next().children(':first').after(lines);\n    },\n    // build the sibling nodes of specific node\n    buildSiblingNode: function ($nodeChart, data) {\n      var newSiblingCount = $.isArray(data) ? data.length : data.children.length;\n      var existingSibligCount = $nodeChart.parent().is('td') ? $nodeChart.closest('tr').children().length : 1;\n      var siblingCount = existingSibligCount + newSiblingCount;\n      var insertPostion = (siblingCount > 1) ? Math.floor(siblingCount/2 - 1) : 0;\n      // just build the sibling nodes for the specific node\n      if ($nodeChart.parent().is('td')) {\n        var $parent = $nodeChart.closest('tr').prevAll('tr:last');\n        $nodeChart.closest('tr').prevAll('tr:lt(2)').remove();\n        this.buildChildNode($nodeChart.parent().closest('table'), data);\n        var $siblingTds = $nodeChart.parent().closest('table').children('tr:last').children('td');\n        if (existingSibligCount > 1) {\n          this.complementLine($siblingTds.eq(0).before($nodeChart.closest('td').siblings().addBack().unwrap()), siblingCount, existingSibligCount);\n        } else {\n          this.complementLine($siblingTds.eq(insertPostion).after($nodeChart.closest('td').unwrap()), siblingCount, 1);\n        }\n      } else { // build the sibling nodes and parent node for the specific ndoe\n        this.buildHierarchy($nodeChart.closest('.orgchart'), data);\n        this.complementLine($nodeChart.next().children('tr:last').children().eq(insertPostion).after($('<td colspan=\"2\">').append($nodeChart)),\n          siblingCount, 1);\n      }\n    },\n    //\n    addSiblings: function ($node, data) {\n      this.buildSiblingNode($node.closest('table'), data);\n      $node.closest('.nodes').data('siblingsLoaded', true);\n      if (!$node.children('.leftEdge').length) {\n        $node.children('.topEdge').after('<i class=\"edge horizontalEdge rightEdge oci\"></i><i class=\"edge horizontalEdge leftEdge oci\"></i>');\n      }\n      if (this.isInAction($node)) {\n        this.switchHorizontalArrow($node);\n        $node.children('.topEdge').removeClass('oci-chevron-up').addClass('oci-chevron-down');\n      }\n    },\n    //\n    removeNodes: function ($node) {\n      var $parent = $node.closest('table').parent();\n      var $sibs = $parent.parent().siblings();\n      if ($parent.is('td')) {\n        if (this.getNodeState($node, 'siblings').exist) {\n          $sibs.eq(2).children('.topLine:lt(2)').remove();\n          $sibs.slice(0, 2).children().attr('colspan', $sibs.eq(2).children().length);\n          $parent.remove();\n        } else {\n          $sibs.eq(0).children().removeAttr('colspan')\n            .find('.bottomEdge').remove()\n            .end().end().siblings().remove();\n        }\n      } else {\n        $parent.add($parent.siblings()).remove();\n      }\n    },\n    //\n    hideDropZones: function () {\n      // Remove all the 'this is a drop zone' indicators\n      var orgChartObj = this;\n      orgChartObj.$chart.find('.allowedDrop')\n        .removeClass('allowedDrop');\n    },\n    //\n    showDropZones: function (dragged) {\n      // Highlight all the 'drop zones', and set dragged, so that the drop/enter can work out what happens later\n      // TODO: This assumes all nodes are droppable: it doesn't run the custom isDroppable function - it should!\n      var orgChartObj = this;\n      orgChartObj.$chart.find('.node')\n        .each(function (index, node) {\n          $(node).addClass('allowedDrop');\n        });\n      orgChartObj.$chart.data('dragged', $(dragged));\n    },\n    //\n    processExternalDrop: function (dropZone, dragged) {\n      // Allow an external drop event to be handled by one of our nodes\n      if (dragged) {\n        this.$chart.data('dragged', $(dragged));\n      }\n      var droppedOnNode = dropZone.closest('.node');\n      // would like to just call 'dropZoneHandler', but I can't reach it from here\n      // instead raise a drop event on the node element\n      droppedOnNode.triggerHandler({ 'type': 'drop' });\n    },\n    //\n    exportPDF: function(canvas, exportFilename){\n      var doc = {};\n      var docWidth = Math.floor(canvas.width);\n      var docHeight = Math.floor(canvas.height);\n\n      if (docWidth > docHeight) {\n        doc = new jsPDF({\n          orientation: 'landscape',\n          unit: 'px',\n          format: [docWidth, docHeight]\n        });\n      } else {\n        doc = new jsPDF({\n          orientation: 'portrait',\n          unit: 'px',\n          format: [docHeight, docWidth]\n        });\n      }\n      doc.addImage(canvas.toDataURL(), 'png', 0, 0);\n      doc.save(exportFilename + '.pdf');\n    },\n    //\n    exportPNG: function(canvas, exportFilename){\n      var that = this;\n      var isWebkit = 'WebkitAppearance' in document.documentElement.style;\n      var isFf = !!window.sidebar;\n      var isEdge = navigator.appName === 'Microsoft Internet Explorer' || (navigator.appName === \"Netscape\" && navigator.appVersion.indexOf('Edge') > -1);\n      var $chartContainer = this.$chartContainer;\n\n      if ((!isWebkit && !isFf) || isEdge) {\n        window.navigator.msSaveBlob(canvas.msToBlob(), exportFilename + '.png');\n      } else {\n        var selector = '.oci-download-btn' + (that.options.chartClass !== '' ? '.' + that.options.chartClass : '');\n\n        if (!$chartContainer.find(selector).length) {\n          $chartContainer.append('<a class=\"oci-download-btn' + (that.options.chartClass !== '' ? ' ' + that.options.chartClass : '') + '\"'\n                                 + ' download=\"' + exportFilename + '.png\"></a>');\n        }\n\n        $chartContainer.find(selector).attr('href', canvas.toDataURL())[0].click();\n      }\n    },\n    //\n    export: function (exportFilename, exportFileextension) {\n      var that = this;\n      exportFilename = (typeof exportFilename !== 'undefined') ?  exportFilename : this.options.exportFilename;\n      exportFileextension = (typeof exportFileextension !== 'undefined') ?  exportFileextension : this.options.exportFileextension;\n      if ($(this).children('.spinner').length) {\n        return false;\n      }\n      var $chartContainer = this.$chartContainer;\n      var $mask = $chartContainer.find('.mask');\n      if (!$mask.length) {\n        $chartContainer.append('<div class=\"mask\"><i class=\"oci oci-spinner spinner\"></i></div>');\n      } else {\n        $mask.removeClass('hidden');\n      }\n      var sourceChart = $chartContainer.addClass('canvasContainer').find('.orgchart:not(\".hidden\")').get(0);\n      var flag = that.options.direction === 'l2r' || that.options.direction === 'r2l';\n      html2canvas(sourceChart, {\n        'width': flag ? sourceChart.clientHeight : sourceChart.clientWidth,\n        'height': flag ? sourceChart.clientWidth : sourceChart.clientHeight,\n        'onclone': function (cloneDoc) {\n          $(cloneDoc).find('.canvasContainer').css('overflow', 'visible')\n            .find('.orgchart:not(\".hidden\"):first').css('transform', '');\n        }\n      })\n      .then(function (canvas) {\n        $chartContainer.find('.mask').addClass('hidden');\n\n        if (exportFileextension.toLowerCase() === 'pdf') {\n          that.exportPDF(canvas, exportFilename);\n        } else {\n          that.exportPNG(canvas, exportFilename);\n        }\n\n        $chartContainer.removeClass('canvasContainer');\n      }, function () {\n        $chartContainer.removeClass('canvasContainer');\n      });\n    }\n  };\n\n  $.fn.orgchart = function (opts) {\n    return new OrgChart(this, opts).init();\n  };\n\n}));\n"]}
\ No newline at end of file
diff --git a/gulpfile.js b/gulpfile.js
index 75d1ce8e..b3664c15 100644
--- a/gulpfile.js
+++ b/gulpfile.js
@@ -128,6 +128,6 @@ gulp.task('serve', gulp.series('build', function () {
       baseDir: paths.demo
     }
   });
-  // gulp.watch(paths.srcFiles, gulp.series('build'));
+  gulp.watch(paths.srcFiles, gulp.series('build'));
   gulp.watch(paths.demoFiles, gulp.series('reload'));
 }));
\ No newline at end of file
diff --git a/src/js/jquery.orgchart.js b/src/js/jquery.orgchart.js
index 717cee22..5414e255 100644
--- a/src/js/jquery.orgchart.js
+++ b/src/js/jquery.orgchart.js
@@ -662,7 +662,7 @@
       $edge.parent().append('<i class="oci oci-spinner spinner"></i>')
         .children().not('.spinner').css('opacity', 0.2);
       $chart.data('inAjax', true);
-      $('.oci-export-btn' + (this.options.chartClass !== '' ? '.' + this.options.chartClass : '')).prop('disabled', true);
+      $('.oc-export-btn' + (this.options.chartClass !== '' ? '.' + this.options.chartClass : '')).prop('disabled', true);
       return true;
     },
     // terminate loading status for requesting new nodes
@@ -672,7 +672,7 @@
       $node.find('.spinner').remove();
       $node.children().removeAttr('style');
       this.$chart.data('inAjax', false);
-      $('.oci-export-btn' + (this.options.chartClass !== '' ? '.' + this.options.chartClass : '')).prop('disabled', false);
+      $('.oc-export-btn' + (this.options.chartClass !== '' ? '.' + this.options.chartClass : '')).prop('disabled', false);
     },
     // whether the cursor is hovering over the node
     isInAction: function ($node) {