diff --git a/dist/css/ueblueprint-node-value-type-color.css b/dist/css/ueblueprint-node-value-type-color.css
index f464198..21cd598 100755
--- a/dist/css/ueblueprint-node-value-type-color.css
+++ b/dist/css/ueblueprint-node-value-type-color.css
@@ -1 +1 @@
-.ueb{--ueb-node-value-color: white;--ueb-node-value-dim-color: #afafaf}.ueb-node-value-boolean{--ueb-node-value-color: #930000}.ueb-node-value-integer{--ueb-node-value-color: #1fe0ad}.ueb-node-value-float{--ueb-node-value-color: #9ffb44}.ueb-node-value-vector{--ueb-node-value-color: #fcc823}.ueb-node-value-rotator{--ueb-node-value-color: #9eb1fc}.ueb-node-value-string{--ueb-node-value-color: #fc00d2;--ueb-node-value-background: linear-gradient(90deg, #fc00d220, #fc00d280 15%, #fc00d250 85%, transparent)}.ueb-node-value-name{--ueb-node-value-color: #cb81fc}.ueb-node-value-objectreference{--ueb-node-value-color: #00a8f2}/*# sourceMappingURL=ueblueprint-node-value-type-color.css.map */
+.ueb{--ueb-pin-color: white;--ueb-pin-dim-color: #afafaf}.ueb-pin-boolean{--ueb-pin-color: #930000}.ueb-pin-integer{--ueb-pin-color: #1fe0ad}.ueb-pin-float{--ueb-pin-color: #9ffb44}.ueb-pin-vector{--ueb-pin-color: #fcc823}.ueb-pin-rotator{--ueb-pin-color: #9eb1fc}.ueb-pin-string{--ueb-pin-color: #fc00d2;--ueb-pin-background: linear-gradient(90deg, #fc00d220, #fc00d280 15%, #fc00d250 85%, transparent)}.ueb-pin-name{--ueb-pin-color: #cb81fc}.ueb-pin-objectreference{--ueb-pin-color: #00a8f2}/*# sourceMappingURL=ueblueprint-node-value-type-color.css.map */
diff --git a/dist/css/ueblueprint-node-value-type-color.css.map b/dist/css/ueblueprint-node-value-type-color.css.map
index 95b351b..dc4a599 100755
--- a/dist/css/ueblueprint-node-value-type-color.css.map
+++ b/dist/css/ueblueprint-node-value-type-color.css.map
@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../../scss/ueblueprint-node-value-type-color.scss"],"names":[],"mappings":"AAAA,KAGI,8BACA,oCAGJ,wBAEI,gCAGJ,wBAEI,gCAGJ,sBAEI,gCAGJ,uBAEI,gCAGJ,wBAEI,gCAGJ,uBAEI,gCACA,0GAGJ,qBAEI,gCAGJ,gCAEI","file":"ueblueprint-node-value-type-color.css"}
\ No newline at end of file
+{"version":3,"sourceRoot":"","sources":["../../scss/ueblueprint-node-value-type-color.scss"],"names":[],"mappings":"AAAA,KAGI,uBACA,6BAGJ,iBAEI,yBAGJ,iBAEI,yBAGJ,eAEI,yBAGJ,gBAEI,yBAGJ,iBAEI,yBAGJ,gBAEI,yBACA,mGAGJ,cAEI,yBAGJ,yBAEI","file":"ueblueprint-node-value-type-color.css"}
\ No newline at end of file
diff --git a/dist/css/ueblueprint-style.css b/dist/css/ueblueprint-style.css
index f56d3f8..d57c809 100755
--- a/dist/css/ueblueprint-style.css
+++ b/dist/css/ueblueprint-style.css
@@ -1 +1 @@
-@font-face{font-family:"Roboto";font-style:light;src:url("../font/roboto-light.woff2") format("woff2"),url("../font/roboto-light.woff") format("woff")}@font-face{font-family:"Roboto";font-style:regular;src:url("../font/roboto-regular.woff2") format("woff2"),url("../font/roboto-regular.woff") format("woff")}ueb-blueprint{display:block;position:relative;font-family:Roboto,Noto,Oxygen,Ubuntu,"Open Sans","Helvetica Neue",sans-serif;font-size:var(--ueb-font-size);user-select:none}.ueb-viewport-header{display:flex;position:absolute;top:0;right:0;left:0;height:1.5em;background:rgba(0,0,0,.5);z-index:1}.ueb-viewport-zoom{color:#4d4d4db7}.ueb-viewport-body{position:relative;height:30rem;overflow:hidden;scrollbar-width:none}ueb-blueprint[data-focused=true] .ueb-viewport-body{overflow:scroll}.ueb-grid{--ueb-grid-line-actual-width: calc(var(--ueb-grid-line-width) / var(--ueb-scale));position:absolute;min-width:100%;min-height:100%;width:calc((100% + var(--ueb-additional-x)*1px)/var(--ueb-scale));height:calc((100% + var(--ueb-additional-y)*1px)/var(--ueb-scale));background-color:#262626;background-image:linear-gradient(var(--ueb-grid-axis-line-color), var(--ueb-grid-axis-line-color)),linear-gradient(var(--ueb-grid-axis-line-color), var(--ueb-grid-axis-line-color)),linear-gradient(to right, var(--ueb-grid-set-line-color), var(--ueb-grid-set-line-color) var(--ueb-grid-line-actual-width), transparent var(--ueb-grid-line-actual-width), transparent),linear-gradient(to bottom, var(--ueb-grid-set-line-color), var(--ueb-grid-set-line-color) var(--ueb-grid-line-actual-width), transparent var(--ueb-grid-line-actual-width), transparent),linear-gradient(to right, var(--ueb-grid-line-color), var(--ueb-grid-line-color) var(--ueb-grid-line-actual-width), transparent var(--ueb-grid-line-actual-width), transparent),linear-gradient(to bottom, var(--ueb-grid-line-color), var(--ueb-grid-line-color) var(--ueb-grid-line-actual-width), transparent var(--ueb-grid-line-actual-width), transparent);background-size:100% var(--ueb-grid-line-actual-width),var(--ueb-grid-line-actual-width) 100%,calc(var(--ueb-grid-set)*var(--ueb-grid-actual-size)) calc(var(--ueb-grid-set)*var(--ueb-grid-actual-size)),calc(var(--ueb-grid-set)*var(--ueb-grid-actual-size)) calc(var(--ueb-grid-set)*var(--ueb-grid-actual-size)),var(--ueb-grid-actual-size) var(--ueb-grid-actual-size),var(--ueb-grid-actual-size) var(--ueb-grid-actual-size);background-position:calc(var(--ueb-translate-x)*1px) calc(var(--ueb-translate-y)*1px);background-repeat:repeat-x,repeat-y,repeat,repeat,repeat,repeat;transform:scale(var(--ueb-scale), var(--ueb-scale));transform-origin:0 0;overflow:hidden}ueb-blueprint[data-drag-scrolling=true] .ueb-grid{cursor:grabbing}.ueb-zoom--.ueb,.ueb{--ueb-scale: 1;--ueb-grid-actual-size: var(--ueb-grid-size)}.ueb-zoom--1.ueb{--ueb-scale: 0.875}.ueb-zoom--2.ueb{--ueb-scale: 0.75}.ueb-zoom--3.ueb{--ueb-scale: 0.675}.ueb-zoom--4.ueb{--ueb-scale: 0.5;--ueb-grid-actual-size: calc(var(--ueb-grid-size) * 2)}.ueb-zoom--5.ueb{--ueb-scale: 0.375;--ueb-grid-actual-size: calc(var(--ueb-grid-size) * 2)}.ueb-zoom--6.ueb{--ueb-scale: 0.333333;--ueb-grid-actual-size: calc(var(--ueb-grid-size) * 3)}.ueb-zoom--7.ueb{--ueb-scale: 0.3;--ueb-grid-actual-size: calc(var(--ueb-grid-size) * 3)}.ueb-zoom--8.ueb{--ueb-scale: 0.266666;--ueb-grid-actual-size: calc(var(--ueb-grid-size) * 3)}.ueb-zoom--9.ueb{--ueb-scale: 0.233333;--ueb-grid-actual-size: calc(var(--ueb-grid-size) * 3)}.ueb-zoom--10.ueb{--ueb-scale: 0.2;--ueb-grid-actual-size: calc(var(--ueb-grid-size) * 3)}.ueb-zoom--11.ueb{--ueb-scale: 0.166666;--ueb-grid-actual-size: calc(var(--ueb-grid-size) * 6)}.ueb-zoom--12.ueb{--ueb-scale: 0.133333;--ueb-grid-actual-size: calc(var(--ueb-grid-size) * 6)}.ueb-grid-content{position:relative;width:0;height:0;transform:translateX(calc(var(--ueb-translate-x) * 1px)) translateY(calc(var(--ueb-translate-y) * 1px))}ueb-node{display:block;position:absolute;transform:translateX(calc(var(--ueb-position-x) * 1px)) translateY(calc(var(--ueb-position-y) * 1px));border-radius:var(--ueb-node-radius);box-shadow:0 0 1px 0 #000,1px 4px 6px 0 rgba(0,0,0,.3);will-change:transform}ueb-blueprint[data-drag-scrolling=false][data-selecting=false] ueb-node{cursor:move}.ueb-node-border{margin:-3px;padding:3px;border-radius:calc(var(--ueb-node-radius)*1.4)}.ueb-selected{z-index:1}.ueb-selected>.ueb-node-border{background-image:linear-gradient(to right, #f1b000 0%, #f1b000 100%),linear-gradient(to bottom, #f1b000 0%, #cc6700 100%),linear-gradient(to right, #cc6700 0%, #cc6700 100%),linear-gradient(to bottom, #f1b000 0%, #cc6700 100%);background-size:100% 7px,7px 100%,100% 7px,7px 100%;background-position:top,right,bottom,left;background-repeat:repeat-x,repeat-y,repeat-x,repeat-y;outline:3px solid #cc6700;outline-offset:-6px}.ueb-node-content{position:relative;padding:1px;box-shadow:inset 0 0 2px 0 #000;border-radius:var(--ueb-node-radius);background:rgba(0,0,0,.7);overflow:hidden}.ueb-node-header{padding:.2em .7em;box-shadow:inset 0 1px 2px 0 #313631,inset 0 2px 0 0 #92c381;border-radius:var(--ueb-node-radius) var(--ueb-node-radius) 0 0;background:linear-gradient(170deg, #5f815a 0%, #5f815a 50%, transparent 100%);color:silver;font-weight:600;white-space:nowrap}.ueb-node-name{background:radial-gradient(closest-side, rgba(0, 0, 0, 0.5) 0%, transparent 90%);margin:-0.1em -1.6em;padding:.1em 1.6em}.ueb-node-body{display:flex;padding:6px 0;color:#fff;font-weight:100;white-space:nowrap}.ueb-node-inputs{margin-right:auto;padding-left:8px}.ueb-node-outputs{padding-right:8px}ueb-pin{display:block;padding:1px 2px}ueb-blueprint[data-drag-scrolling=false] .ueb-grid{cursor:default}ueb-blueprint[data-drag-scrolling=false][data-selecting=false] ueb-node ueb-pin:hover{background:var(--ueb-node-value-background);cursor:crosshair}.ueb-node-value-icon{display:inline-block;position:relative;width:.85em;height:.85em;vertical-align:baseline;margin:0 .4em -1px .1em}.ueb-node-value-icon::before{content:"";display:block;position:absolute;top:0;right:0;bottom:0;left:0;border:2px solid var(--ueb-node-value-color);border-radius:50%}.ueb-node-value-fill::before{background:var(--ueb-node-value-color)}.ueb-node-value-icon::after{content:"";display:block;position:absolute;top:calc(50% - .3em);left:calc(100% + 1px);width:0;height:0;border-top:.3em solid transparent;border-bottom:.3em solid transparent;border-left:.3em solid var(--ueb-node-value-color)}.ueb-positioned,ueb-blueprint[data-selecting=true] ueb-selector{--ueb-computed-min-x: min(var(--ueb-from-x), var(--ueb-to-x));--ueb-computed-max-x: max(var(--ueb-from-x), var(--ueb-to-x));--ueb-computed-min-y: min(var(--ueb-from-y), var(--ueb-to-y));--ueb-computed-max-y: max(var(--ueb-from-y), var(--ueb-to-y));--ueb-computed-width: max(var(--ueb-from-x) - var(--ueb-to-x), var(--ueb-to-x) - var(--ueb-from-x));--ueb-computed-height: max(var(--ueb-from-y) - var(--ueb-to-y), var(--ueb-to-y) - var(--ueb-from-y));position:absolute;top:calc(var(--ueb-computed-min-y)*1px);left:calc(var(--ueb-computed-min-x)*1px);width:calc(var(--ueb-computed-width)*1px);height:calc(var(--ueb-computed-height)*1px)}ueb-selector{display:block;position:absolute;visibility:hidden;top:0;left:0;width:0;height:0;background-image:repeating-linear-gradient(90deg, transparent, transparent calc(1px / var(--ueb-scale)), white calc(2px / var(--ueb-scale)), white calc(7px / var(--ueb-scale)), transparent calc(7px / var(--ueb-scale)), transparent calc(11px / var(--ueb-scale))),repeating-linear-gradient(90deg, black, black calc(8px / var(--ueb-scale)), transparent calc(9px / var(--ueb-scale)), transparent calc(11px / var(--ueb-scale))),repeating-linear-gradient(90deg, transparent, transparent calc(1px / var(--ueb-scale)), white calc(2px / var(--ueb-scale)), white calc(7px / var(--ueb-scale)), transparent calc(7px / var(--ueb-scale)), transparent calc(11px / var(--ueb-scale))),repeating-linear-gradient(90deg, black, black calc(8px / var(--ueb-scale)), transparent calc(9px / var(--ueb-scale)), transparent calc(11px / var(--ueb-scale))),repeating-linear-gradient(180deg, transparent, transparent calc(1px / var(--ueb-scale)), white calc(1px / var(--ueb-scale)), white calc(7px / var(--ueb-scale)), transparent calc(7px / var(--ueb-scale)), transparent calc(11px / var(--ueb-scale))),repeating-linear-gradient(180deg, black, black calc(8px / var(--ueb-scale)), transparent calc(9px / var(--ueb-scale)), transparent calc(11px / var(--ueb-scale))),repeating-linear-gradient(0deg, transparent, transparent calc(1px / var(--ueb-scale)), white calc(2px / var(--ueb-scale)), white calc(7px / var(--ueb-scale)), transparent calc(7px / var(--ueb-scale)), transparent calc(11px / var(--ueb-scale))),repeating-linear-gradient(0deg, black, black calc(8px / var(--ueb-scale)), transparent calc(9px / var(--ueb-scale)), transparent calc(11px / var(--ueb-scale)));background-size:100% calc(1px/var(--ueb-scale)),100% calc(3px/var(--ueb-scale)),100% calc(1px/var(--ueb-scale)),100% calc(3px/var(--ueb-scale)),calc(1px/var(--ueb-scale)) 100%,calc(3px/var(--ueb-scale)) 100%,calc(1px/var(--ueb-scale)) 100%,calc(3px/var(--ueb-scale)) 100%;background-position:0 calc(1px/var(--ueb-scale)),0 0,0 calc(100% - 1px/var(--ueb-scale)),0 100%,calc(1px/var(--ueb-scale)) 0,0 0,calc(100% - 1px/var(--ueb-scale)) 0,100% 0;background-repeat:no-repeat}ueb-blueprint[data-selecting=true] ueb-selector{visibility:visible}ueb-selector>*{visibility:visible}ueb-link{--ueb-from-input-coefficient: calc(2 * var(--ueb-from-input) - 1);--ueb-y-opposite: clamp(0, var(--ueb-from-y) - var(--ueb-to-y) - 1, 1);display:block;min-width:calc(var(--ueb-link-min-width)*1px);visibility:hidden}ueb-link svg{--ueb-y-opposite-coefficient: calc(2* var(--ueb-y-opposite) - 1);position:absolute;top:0;left:0;width:100%;height:100%;min-height:1px;transform:scaleY(calc(var(--ueb-y-opposite-coefficient) * var(--ueb-from-input-coefficient)));overflow:visible}ueb-link svg path{visibility:visible;stroke:var(--ueb-node-value-color);stroke-width:1}ueb-link.ueb-link-dragging svg path,ueb-link svg g:hover path{stroke-width:5;transition:stroke-width .8s}ueb-link-message{display:block;visibility:visible;position:absolute;top:calc(100%*(1 - var(--ueb-y-opposite)) + 22px);left:calc((1 - var(--ueb-from-input))*100% + (var(--ueb-from-input-coefficient))*var(--ueb-start-percentage) + 15px);border:1px solid #000;padding:4px 8px;border-radius:2px;background:linear-gradient(to bottom, #2a2a2a 0, #151515 50%, #2a2a2a 100%);color:var(--ueb-node-value-dim-color);white-space:nowrap;z-index:1000000}/*# sourceMappingURL=ueblueprint-style.css.map */
+@font-face{font-family:"Roboto";font-style:light;src:url("../font/roboto-light.woff2") format("woff2"),url("../font/roboto-light.woff") format("woff")}@font-face{font-family:"Roboto";font-style:regular;src:url("../font/roboto-regular.woff2") format("woff2"),url("../font/roboto-regular.woff") format("woff")}ueb-blueprint{display:block;position:relative;font-family:Roboto,Noto,Oxygen,Ubuntu,"Open Sans","Helvetica Neue",sans-serif;font-size:var(--ueb-font-size);user-select:none}.ueb-viewport-header{display:flex;position:absolute;top:0;right:0;left:0;height:1.5em;background:rgba(0,0,0,.5);z-index:1}.ueb-viewport-zoom{color:#4d4d4db7}.ueb-viewport-body{position:relative;height:30rem;overflow:hidden;scrollbar-width:none}ueb-blueprint[data-focused=true] .ueb-viewport-body{overflow:scroll}.ueb-grid{--ueb-grid-line-actual-width: calc(var(--ueb-grid-line-width) / var(--ueb-scale));position:absolute;min-width:100%;min-height:100%;width:calc((100% + var(--ueb-additional-x)*1px)/var(--ueb-scale));height:calc((100% + var(--ueb-additional-y)*1px)/var(--ueb-scale));background-color:#262626;background-image:linear-gradient(var(--ueb-grid-axis-line-color), var(--ueb-grid-axis-line-color)),linear-gradient(var(--ueb-grid-axis-line-color), var(--ueb-grid-axis-line-color)),linear-gradient(to right, var(--ueb-grid-set-line-color), var(--ueb-grid-set-line-color) var(--ueb-grid-line-actual-width), transparent var(--ueb-grid-line-actual-width), transparent),linear-gradient(to bottom, var(--ueb-grid-set-line-color), var(--ueb-grid-set-line-color) var(--ueb-grid-line-actual-width), transparent var(--ueb-grid-line-actual-width), transparent),linear-gradient(to right, var(--ueb-grid-line-color), var(--ueb-grid-line-color) var(--ueb-grid-line-actual-width), transparent var(--ueb-grid-line-actual-width), transparent),linear-gradient(to bottom, var(--ueb-grid-line-color), var(--ueb-grid-line-color) var(--ueb-grid-line-actual-width), transparent var(--ueb-grid-line-actual-width), transparent);background-size:100% var(--ueb-grid-line-actual-width),var(--ueb-grid-line-actual-width) 100%,calc(var(--ueb-grid-set)*var(--ueb-grid-actual-size)) calc(var(--ueb-grid-set)*var(--ueb-grid-actual-size)),calc(var(--ueb-grid-set)*var(--ueb-grid-actual-size)) calc(var(--ueb-grid-set)*var(--ueb-grid-actual-size)),var(--ueb-grid-actual-size) var(--ueb-grid-actual-size),var(--ueb-grid-actual-size) var(--ueb-grid-actual-size);background-position:calc(var(--ueb-translate-x)*1px) calc(var(--ueb-translate-y)*1px);background-repeat:repeat-x,repeat-y,repeat,repeat,repeat,repeat;transform:scale(var(--ueb-scale), var(--ueb-scale));transform-origin:0 0;overflow:hidden}ueb-blueprint[data-drag-scrolling=true] .ueb-grid{cursor:grabbing}.ueb-zoom--.ueb,.ueb{--ueb-scale: 1;--ueb-grid-actual-size: var(--ueb-grid-size)}.ueb-zoom--1.ueb{--ueb-scale: 0.875}.ueb-zoom--2.ueb{--ueb-scale: 0.75}.ueb-zoom--3.ueb{--ueb-scale: 0.675}.ueb-zoom--4.ueb{--ueb-scale: 0.5;--ueb-grid-actual-size: calc(var(--ueb-grid-size) * 2)}.ueb-zoom--5.ueb{--ueb-scale: 0.375;--ueb-grid-actual-size: calc(var(--ueb-grid-size) * 2)}.ueb-zoom--6.ueb{--ueb-scale: 0.333333;--ueb-grid-actual-size: calc(var(--ueb-grid-size) * 3)}.ueb-zoom--7.ueb{--ueb-scale: 0.3;--ueb-grid-actual-size: calc(var(--ueb-grid-size) * 3)}.ueb-zoom--8.ueb{--ueb-scale: 0.266666;--ueb-grid-actual-size: calc(var(--ueb-grid-size) * 3)}.ueb-zoom--9.ueb{--ueb-scale: 0.233333;--ueb-grid-actual-size: calc(var(--ueb-grid-size) * 3)}.ueb-zoom--10.ueb{--ueb-scale: 0.2;--ueb-grid-actual-size: calc(var(--ueb-grid-size) * 3)}.ueb-zoom--11.ueb{--ueb-scale: 0.166666;--ueb-grid-actual-size: calc(var(--ueb-grid-size) * 6)}.ueb-zoom--12.ueb{--ueb-scale: 0.133333;--ueb-grid-actual-size: calc(var(--ueb-grid-size) * 6)}.ueb-grid-content{position:relative;width:0;height:0;transform:translateX(calc(var(--ueb-translate-x) * 1px)) translateY(calc(var(--ueb-translate-y) * 1px))}ueb-node{display:block;position:absolute;transform:translateX(calc(var(--ueb-position-x) * 1px)) translateY(calc(var(--ueb-position-y) * 1px));border-radius:var(--ueb-node-radius);box-shadow:0 0 1px 0 #000,1px 4px 6px 0 rgba(0,0,0,.3);will-change:transform}ueb-blueprint[data-drag-scrolling=false][data-selecting=false] ueb-node{cursor:move}.ueb-node-border{margin:-3px;padding:3px;border-radius:calc(var(--ueb-node-radius)*1.4)}.ueb-selected{z-index:1}.ueb-selected>.ueb-node-border{background-image:linear-gradient(to right, #f1b000 0%, #f1b000 100%),linear-gradient(to bottom, #f1b000 0%, #cc6700 100%),linear-gradient(to right, #cc6700 0%, #cc6700 100%),linear-gradient(to bottom, #f1b000 0%, #cc6700 100%);background-size:100% 7px,7px 100%,100% 7px,7px 100%;background-position:top,right,bottom,left;background-repeat:repeat-x,repeat-y,repeat-x,repeat-y;outline:3px solid #cc6700;outline-offset:-6px}.ueb-node-content{position:relative;padding:1px;box-shadow:inset 0 0 2px 0 #000;border-radius:var(--ueb-node-radius);background:rgba(0,0,0,.7);overflow:hidden}.ueb-node-header{padding:.2em .7em;box-shadow:inset 0 1px 2px 0 #313631,inset 0 2px 0 0 #92c381;border-radius:var(--ueb-node-radius) var(--ueb-node-radius) 0 0;background:linear-gradient(170deg, #5f815a 0%, #5f815a 50%, transparent 100%);color:silver;font-weight:600;white-space:nowrap}.ueb-node-name{background:radial-gradient(closest-side, rgba(0, 0, 0, 0.5) 0%, transparent 90%);margin:-0.1em -1.6em;padding:.1em 1.6em}.ueb-node-body{display:flex;padding:6px 0;color:#fff;font-weight:100;white-space:nowrap}.ueb-node-inputs{margin-right:auto;padding-left:8px}.ueb-node-outputs{padding-right:8px}ueb-pin{display:block;padding:1px 2px}ueb-blueprint[data-drag-scrolling=false] .ueb-grid{cursor:default}ueb-blueprint[data-drag-scrolling=false][data-selecting=false] ueb-node ueb-pin:hover{background:var(--ueb-pin-background);cursor:crosshair}.ueb-pin-icon{display:inline-block;position:relative;width:.85em;height:.85em;vertical-align:baseline;margin:0 .4em -1px .1em}.ueb-pin-icon::before{content:"";display:block;position:absolute;top:0;right:0;bottom:0;left:0;border:2px solid var(--ueb-pin-color);border-radius:50%}ueb-pin.ueb-pin-fill .ueb-pin-icon::before{background:var(--ueb-pin-color)}.ueb-pin-icon::after{content:"";display:block;position:absolute;top:calc(50% - .3em);left:calc(100% + 1px);width:0;height:0;border-top:.3em solid transparent;border-bottom:.3em solid transparent;border-left:.3em solid var(--ueb-pin-color)}.ueb-positioned,ueb-blueprint[data-selecting=true] ueb-selector{--ueb-computed-min-x: min(var(--ueb-from-x), var(--ueb-to-x));--ueb-computed-max-x: max(var(--ueb-from-x), var(--ueb-to-x));--ueb-computed-min-y: min(var(--ueb-from-y), var(--ueb-to-y));--ueb-computed-max-y: max(var(--ueb-from-y), var(--ueb-to-y));--ueb-computed-width: max(var(--ueb-from-x) - var(--ueb-to-x), var(--ueb-to-x) - var(--ueb-from-x));--ueb-computed-height: max(var(--ueb-from-y) - var(--ueb-to-y), var(--ueb-to-y) - var(--ueb-from-y));position:absolute;top:calc(var(--ueb-computed-min-y)*1px);left:calc(var(--ueb-computed-min-x)*1px);width:calc(var(--ueb-computed-width)*1px);height:calc(var(--ueb-computed-height)*1px)}ueb-selector{display:block;position:absolute;visibility:hidden;top:0;left:0;width:0;height:0;background-image:repeating-linear-gradient(90deg, transparent, transparent calc(1px / var(--ueb-scale)), white calc(2px / var(--ueb-scale)), white calc(7px / var(--ueb-scale)), transparent calc(7px / var(--ueb-scale)), transparent calc(11px / var(--ueb-scale))),repeating-linear-gradient(90deg, black, black calc(8px / var(--ueb-scale)), transparent calc(9px / var(--ueb-scale)), transparent calc(11px / var(--ueb-scale))),repeating-linear-gradient(90deg, transparent, transparent calc(1px / var(--ueb-scale)), white calc(2px / var(--ueb-scale)), white calc(7px / var(--ueb-scale)), transparent calc(7px / var(--ueb-scale)), transparent calc(11px / var(--ueb-scale))),repeating-linear-gradient(90deg, black, black calc(8px / var(--ueb-scale)), transparent calc(9px / var(--ueb-scale)), transparent calc(11px / var(--ueb-scale))),repeating-linear-gradient(180deg, transparent, transparent calc(1px / var(--ueb-scale)), white calc(1px / var(--ueb-scale)), white calc(7px / var(--ueb-scale)), transparent calc(7px / var(--ueb-scale)), transparent calc(11px / var(--ueb-scale))),repeating-linear-gradient(180deg, black, black calc(8px / var(--ueb-scale)), transparent calc(9px / var(--ueb-scale)), transparent calc(11px / var(--ueb-scale))),repeating-linear-gradient(0deg, transparent, transparent calc(1px / var(--ueb-scale)), white calc(2px / var(--ueb-scale)), white calc(7px / var(--ueb-scale)), transparent calc(7px / var(--ueb-scale)), transparent calc(11px / var(--ueb-scale))),repeating-linear-gradient(0deg, black, black calc(8px / var(--ueb-scale)), transparent calc(9px / var(--ueb-scale)), transparent calc(11px / var(--ueb-scale)));background-size:100% calc(1px/var(--ueb-scale)),100% calc(3px/var(--ueb-scale)),100% calc(1px/var(--ueb-scale)),100% calc(3px/var(--ueb-scale)),calc(1px/var(--ueb-scale)) 100%,calc(3px/var(--ueb-scale)) 100%,calc(1px/var(--ueb-scale)) 100%,calc(3px/var(--ueb-scale)) 100%;background-position:0 calc(1px/var(--ueb-scale)),0 0,0 calc(100% - 1px/var(--ueb-scale)),0 100%,calc(1px/var(--ueb-scale)) 0,0 0,calc(100% - 1px/var(--ueb-scale)) 0,100% 0;background-repeat:no-repeat}ueb-blueprint[data-selecting=true] ueb-selector{visibility:visible}ueb-selector>*{visibility:visible}ueb-link{--ueb-from-input-coefficient: calc(2 * var(--ueb-from-input) - 1);--ueb-y-opposite: clamp(0, var(--ueb-from-y) - var(--ueb-to-y) - 1, 1);display:block;min-width:calc(var(--ueb-link-min-width)*1px);visibility:hidden}ueb-link svg{--ueb-y-opposite-coefficient: calc(2* var(--ueb-y-opposite) - 1);position:absolute;top:0;left:0;width:100%;height:100%;min-height:1px;transform:scaleY(calc(var(--ueb-y-opposite-coefficient) * var(--ueb-from-input-coefficient)));overflow:visible}ueb-link svg path{visibility:visible;stroke:var(--ueb-pin-color);stroke-width:1}ueb-link.ueb-link-dragging svg path,ueb-link svg g:hover path{stroke-width:5;transition:stroke-width .8s}ueb-link-message{display:block;visibility:visible;position:absolute;top:calc(100%*(1 - var(--ueb-y-opposite)) + 22px);left:calc((1 - var(--ueb-from-input))*100% + (var(--ueb-from-input-coefficient))*var(--ueb-start-percentage) + 15px);border:1px solid #000;padding:4px 8px;border-radius:2px;background:linear-gradient(to bottom, #2a2a2a 0, #151515 50%, #2a2a2a 100%);color:var(--ueb-pin-dim-color);white-space:nowrap;z-index:1000000}/*# sourceMappingURL=ueblueprint-style.css.map */
diff --git a/dist/css/ueblueprint-style.css.map b/dist/css/ueblueprint-style.css.map
index a700ab9..486efde 100755
--- a/dist/css/ueblueprint-style.css.map
+++ b/dist/css/ueblueprint-style.css.map
@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../../scss/ueblueprint-style.scss"],"names":[],"mappings":"AAAA,WACI,qBACA,iBACA,IACI,kGAIR,WACI,qBACA,mBACA,IACI,sGAIR,cACI,cACA,kBACA,8EACA,+BACA,iBAGJ,qBACI,aACA,kBACA,MACA,QACA,OACA,aACA,0BACA,UAGJ,mBACI,gBAGJ,mBACI,kBACA,aACA,gBACA,qBAGJ,oDACI,gBAGJ,UACI,kFACA,kBACA,eACA,gBACA,kEACA,mEACA,yBACA,iBAEI,s3BA0BJ,gBAEI,sZAQJ,sFACA,gEACA,oDACA,qBACA,gBAGJ,kDACI,gBAGJ,qBAGI,eACA,6CAGJ,iBAEI,mBAGJ,iBAEI,kBAGJ,iBAEI,mBAGJ,iBAEI,iBACA,uDAGJ,iBAEI,mBACA,uDAGJ,iBACI,sBACA,uDAGJ,iBACI,iBACA,uDAGJ,iBACI,sBACA,uDAGJ,iBACI,sBACA,uDAGJ,kBAEI,iBACA,uDAGJ,kBAEI,sBACA,uDAGJ,kBAEI,sBACA,uDAGJ,kBACI,kBACA,QACA,SACA,wGAGJ,SACI,cACA,kBACA,sGACA,qCACA,uDACA,sBAGJ,wEACI,YAGJ,iBACI,YACA,YACA,+CAGJ,cACI,UAGJ,+BACI,iBACI,kNAIJ,oDACA,0CACA,sDACA,0BACA,oBAGJ,kBACI,kBACA,YACA,gCACA,qCACA,0BACA,gBAGJ,iBACI,kBACA,6DACA,gEACA,8EACA,aACA,gBACA,mBAGJ,eACI,iFACA,qBACA,mBAGJ,eACI,aACA,cACA,WACA,gBACA,mBAGJ,iBACI,kBACA,iBAGJ,kBACI,kBAGJ,QACI,cACA,gBAGJ,mDACI,eAGJ,sFACI,4CACA,iBAGJ,qBACI,qBACA,kBACA,YACA,aACA,wBACA,wBAGJ,6BACI,WACA,cACA,kBACA,MACA,QACA,SACA,OACA,6CACA,kBAGJ,6BACI,uCAGJ,4BACI,WACA,cACA,kBACA,qBACA,sBACA,QACA,SACA,kCACA,qCACA,mDAGJ,gEACI,8DACA,8DACA,8DACA,8DACA,oGACA,qGACA,kBACA,wCACA,yCACA,0CACA,4CAGJ,aACI,cACA,kBACA,kBACA,MACA,OACA,QACA,SACA,iBAEI,wlDAmDJ,gBAEI,gQAWJ,oBAEI,wJAOJ,4BAGJ,gDACI,mBAIJ,eACI,mBAGJ,SACI,kEAEA,uEACA,cACA,8CAKA,kBAGJ,aACI,iEACA,kBACA,MACA,OACA,WACA,YACA,eACA,8FACA,iBAGJ,kBACI,mBACA,mCACA,eAGJ,8DAEI,eACA,4BAGJ,iBACI,cACA,mBACA,kBACA,kDACA,qHAOA,sBACA,gBACA,kBACA,4EACA,sCACA,mBACA","file":"ueblueprint-style.css"}
\ No newline at end of file
+{"version":3,"sourceRoot":"","sources":["../../scss/ueblueprint-style.scss"],"names":[],"mappings":"AAAA,WACI,qBACA,iBACA,IACI,kGAIR,WACI,qBACA,mBACA,IACI,sGAIR,cACI,cACA,kBACA,8EACA,+BACA,iBAGJ,qBACI,aACA,kBACA,MACA,QACA,OACA,aACA,0BACA,UAGJ,mBACI,gBAGJ,mBACI,kBACA,aACA,gBACA,qBAGJ,oDACI,gBAGJ,UACI,kFACA,kBACA,eACA,gBACA,kEACA,mEACA,yBACA,iBAEI,s3BA0BJ,gBAEI,sZAQJ,sFACA,gEACA,oDACA,qBACA,gBAGJ,kDACI,gBAGJ,qBAGI,eACA,6CAGJ,iBAEI,mBAGJ,iBAEI,kBAGJ,iBAEI,mBAGJ,iBAEI,iBACA,uDAGJ,iBAEI,mBACA,uDAGJ,iBACI,sBACA,uDAGJ,iBACI,iBACA,uDAGJ,iBACI,sBACA,uDAGJ,iBACI,sBACA,uDAGJ,kBAEI,iBACA,uDAGJ,kBAEI,sBACA,uDAGJ,kBAEI,sBACA,uDAGJ,kBACI,kBACA,QACA,SACA,wGAGJ,SACI,cACA,kBACA,sGACA,qCACA,uDACA,sBAGJ,wEACI,YAGJ,iBACI,YACA,YACA,+CAGJ,cACI,UAGJ,+BACI,iBACI,kNAIJ,oDACA,0CACA,sDACA,0BACA,oBAGJ,kBACI,kBACA,YACA,gCACA,qCACA,0BACA,gBAGJ,iBACI,kBACA,6DACA,gEACA,8EACA,aACA,gBACA,mBAGJ,eACI,iFACA,qBACA,mBAGJ,eACI,aACA,cACA,WACA,gBACA,mBAGJ,iBACI,kBACA,iBAGJ,kBACI,kBAGJ,QACI,cACA,gBAGJ,mDACI,eAGJ,sFACI,qCACA,iBAGJ,cACI,qBACA,kBACA,YACA,aACA,wBACA,wBAGJ,sBACI,WACA,cACA,kBACA,MACA,QACA,SACA,OACA,sCACA,kBAGJ,2CACI,gCAGJ,qBACI,WACA,cACA,kBACA,qBACA,sBACA,QACA,SACA,kCACA,qCACA,4CAGJ,gEACI,8DACA,8DACA,8DACA,8DACA,oGACA,qGACA,kBACA,wCACA,yCACA,0CACA,4CAGJ,aACI,cACA,kBACA,kBACA,MACA,OACA,QACA,SACA,iBAEI,wlDAmDJ,gBAEI,gQAWJ,oBAEI,wJAOJ,4BAGJ,gDACI,mBAIJ,eACI,mBAGJ,SACI,kEAEA,uEACA,cACA,8CAKA,kBAGJ,aACI,iEACA,kBACA,MACA,OACA,WACA,YACA,eACA,8FACA,iBAGJ,kBACI,mBACA,4BACA,eAGJ,8DAEI,eACA,4BAGJ,iBACI,cACA,mBACA,kBACA,kDACA,qHAOA,sBACA,gBACA,kBACA,4EACA,+BACA,mBACA","file":"ueblueprint-style.css"}
\ No newline at end of file
diff --git a/dist/ueblueprint.js b/dist/ueblueprint.js
index a968812..3105154 100755
--- a/dist/ueblueprint.js
+++ b/dist/ueblueprint.js
@@ -949,7 +949,7 @@ class IEntity {
                 target[property] = defaultValue;
             }
         };
-        defineAllAttributes([], this, this.getAttributes());
+        defineAllAttributes([], this, this.constructor.attributes);
     }
 }
 
@@ -959,10 +959,6 @@ class ObjectReferenceEntity extends IEntity {
         type: String,
         path: String
     }
-
-    getAttributes() {
-        return ObjectReferenceEntity.attributes
-    }
 }
 
 class FunctionReferenceEntity extends IEntity {
@@ -971,10 +967,6 @@ class FunctionReferenceEntity extends IEntity {
         MemberParent: ObjectReferenceEntity,
         MemberName: ""
     }
-
-    getAttributes() {
-        return FunctionReferenceEntity.attributes
-    }
 }
 
 class GuidEntity extends IEntity {
@@ -995,10 +987,6 @@ class GuidEntity extends IEntity {
         return new GuidEntity({ valud: guid })
     }
 
-    getAttributes() {
-        return GuidEntity.attributes
-    }
-
     toString() {
         return this.value
     }
@@ -1010,10 +998,6 @@ class IntegerEntity extends IEntity {
         value: Number
     }
 
-    getAttributes() {
-        return IntegerEntity.attributes
-    }
-
     constructor(options = {}) {
         if (options.constructor === Number || options.constructor === String) {
             options = {
@@ -1041,10 +1025,6 @@ class LocalizedTextEntity extends IEntity {
         key: String,
         value: String
     }
-
-    getAttributes() {
-        return LocalizedTextEntity.attributes
-    }
 }
 
 class PathSymbolEntity extends IEntity {
@@ -1053,10 +1033,6 @@ class PathSymbolEntity extends IEntity {
         value: String
     }
 
-    getAttributes() {
-        return PathSymbolEntity.attributes
-    }
-
     toString() {
         return this.value
     }
@@ -1068,13 +1044,9 @@ class PinReferenceEntity extends IEntity {
         objectName: PathSymbolEntity,
         pinGuid: GuidEntity
     }
-
-    getAttributes() {
-        return PinReferenceEntity.attributes
-    }
 }
 
-class PinEntity$1 extends IEntity {
+class PinEntity extends IEntity {
 
     static lookbehind = "Pin"
     static attributes = {
@@ -1107,10 +1079,6 @@ class PinEntity$1 extends IEntity {
         bOrphanedPin: false,
     }
 
-    getAttributes() {
-        return PinEntity$1.attributes
-    }
-
     isInput() {
         return !this.bHidden && this.Direction !== "EGPD_Output"
     }
@@ -1135,10 +1103,6 @@ class VariableReferenceEntity extends IEntity {
         MemberGuid: GuidEntity,
         bSelfContext: false
     }
-
-    getAttributes() {
-        return VariableReferenceEntity.attributes
-    }
 }
 
 class ObjectEntity extends IEntity {
@@ -1156,11 +1120,7 @@ class ObjectEntity extends IEntity {
         NodeGuid: GuidEntity,
         ErrorType: new TypeInitialization(IntegerEntity, false),
         ErrorMsg: new TypeInitialization(String, false, ""),
-        CustomProperties: [PinEntity$1]
-    }
-
-    getAttributes() {
-        return ObjectEntity.attributes
+        CustomProperties: [PinEntity]
     }
 
     /**
@@ -1266,7 +1226,7 @@ class Grammar {
                 return r.PinReference
             case FunctionReferenceEntity:
                 return r.FunctionReference
-            case PinEntity$1:
+            case PinEntity:
                 return r.Pin
             case Array:
                 return P$1.seqMap(
@@ -1321,7 +1281,7 @@ class Grammar {
                 return result
             })
     FunctionReference = r => Grammar.CreateMultiAttributeGrammar(r, FunctionReferenceEntity)
-    Pin = r => Grammar.CreateMultiAttributeGrammar(r, PinEntity$1)
+    Pin = r => Grammar.CreateMultiAttributeGrammar(r, PinEntity)
     CustomProperties = r =>
         P$1.string("CustomProperties")
             .then(P$1.whitespace)
@@ -1486,7 +1446,7 @@ class ObjectSerializer extends ISerializer {
         let result = `Begin Object Class=${this.writeValue(object.Class)} Name=${this.writeValue(object.Name)}
 ${this.subWrite([], object)
             + object
-                .CustomProperties.map(pin => this.separator + this.prefix + "CustomProperties " + SerializerFactory.getSerializer(PinEntity$1).write(pin))
+                .CustomProperties.map(pin => this.separator + this.prefix + "CustomProperties " + SerializerFactory.getSerializer(PinEntity).write(pin))
                 .join("")}
 End Object`;
         return result
@@ -1730,7 +1690,7 @@ class LinkTemplate extends ITemplate {
         link.blueprint.dataset.creatingLink = true;
         const referencePin = link.getSourcePin() ?? link.getDestinationPin();
         if (referencePin) {
-            link.style.setProperty("--ueb-node-value-color", referencePin.getColor());
+            link.style.setProperty("--ueb-pin-color", referencePin.getColor());
         }
         link.classList.add("ueb-link-dragging");
     }
@@ -2565,13 +2525,13 @@ class PinTemplate extends ITemplate {
     render(pin) {
         if (pin.isInput()) {
             return html`
-                <span class="ueb-node-value-icon ${pin.isConnected() ? 'ueb-node-value-fill' : ''}"></span>
+                <span class="ueb-pin-icon"></span>
                 ${sanitizeText(pin.getPinDisplayName())}
             `
         } else {
             return html`
                 ${sanitizeText(pin.getPinDisplayName())}
-                <span class="ueb-node-value-icon ${pin.isConnected() ? 'ueb-node-value-fill' : ''}"></span>
+                <span class="ueb-pin-icon"></span>
             `
         }
     }
@@ -2583,17 +2543,32 @@ class PinTemplate extends ITemplate {
     apply(pin) {
         super.apply(pin);
         pin.classList.add(
-            "ueb-node-" + (pin.isInput() ? "input" : pin.isOutput() ? "output" : "hidden"), "ueb-node-value-" + sanitizeText(pin.getType()));
+            "ueb-node-" + (pin.isInput() ? "input" : pin.isOutput() ? "output" : "hidden"),
+            "ueb-pin-" + sanitizeText(pin.getType()),
+            pin.isConnected() ? "ueb-pin-fill" : null
+        );
         pin.clickableElement = pin;
     }
 
+    /**
+     * Applies the connection style to the element.
+     * @param {PinElement} pin 
+     */
+    applyConnected(pin) {
+        if (pin.isConnected()) {
+            pin.classList.add("ueb-pin-fill");
+        } else {
+            pin.classList.remove("ueb-pin-fill");
+        }
+    }
+
     /**
      * 
      * @param {PinElement} pin 
      * @returns 
      */
     getLinkLocation(pin) {
-        const rect = pin.querySelector(".ueb-node-value-icon").getBoundingClientRect();
+        const rect = pin.querySelector(".ueb-pin-icon").getBoundingClientRect();
         return pin.blueprint.compensateTranslation(Utility.convertLocation(
             [(rect.left + rect.right) / 2, (rect.top + rect.bottom) / 2],
             pin.blueprint.gridElement))
@@ -2620,7 +2595,7 @@ class PinElement extends IElement {
 
     connectedCallback() {
         super.connectedCallback();
-        this.#color = window.getComputedStyle(this).getPropertyValue("--ueb-node-value-color");
+        this.#color = window.getComputedStyle(this).getPropertyValue("--ueb-pin-color");
     }
 
     createInputObjects() {
@@ -2640,10 +2615,6 @@ class PinElement extends IElement {
         return this.entity.PinName
     }
 
-    getAttributes() {
-        return PinEntity.attributes
-    }
-
     isInput() {
         return this.entity.isInput()
     }
@@ -2791,7 +2762,7 @@ class NodeElement extends ISelectableDraggableElement {
      * @returns {PinEntity[]}
      */
     getPinEntities() {
-        return this.entity.CustomProperties.filter(v => v instanceof PinEntity$1)
+        return this.entity.CustomProperties.filter(v => v instanceof PinEntity)
     }
 
     connectedCallback() {
@@ -3412,8 +3383,8 @@ function initializeSerializerFactory() {
         new ObjectSerializer()
     );
     SerializerFactory.registerSerializer(
-        PinEntity$1,
-        new GeneralSerializer(v => `${PinEntity$1.lookbehind} (${v})`, PinEntity$1, "", ",", true)
+        PinEntity,
+        new GeneralSerializer(v => `${PinEntity.lookbehind} (${v})`, PinEntity, "", ",", true)
     );
     SerializerFactory.registerSerializer(
         FunctionReferenceEntity,
diff --git a/js/element/PinElement.js b/js/element/PinElement.js
index 2951034..78cbcf4 100644
--- a/js/element/PinElement.js
+++ b/js/element/PinElement.js
@@ -22,7 +22,7 @@ export default class PinElement extends IElement {
 
     connectedCallback() {
         super.connectedCallback()
-        this.#color = window.getComputedStyle(this).getPropertyValue("--ueb-node-value-color")
+        this.#color = window.getComputedStyle(this).getPropertyValue("--ueb-pin-color")
     }
 
     createInputObjects() {
@@ -42,10 +42,6 @@ export default class PinElement extends IElement {
         return this.entity.PinName
     }
 
-    getAttributes() {
-        return PinEntity.attributes
-    }
-
     isInput() {
         return this.entity.isInput()
     }
diff --git a/js/entity/FunctionReferenceEntity.js b/js/entity/FunctionReferenceEntity.js
index 5114957..44931c6 100755
--- a/js/entity/FunctionReferenceEntity.js
+++ b/js/entity/FunctionReferenceEntity.js
@@ -7,8 +7,4 @@ export default class FunctionReferenceEntity extends IEntity {
         MemberParent: ObjectReferenceEntity,
         MemberName: ""
     }
-
-    getAttributes() {
-        return FunctionReferenceEntity.attributes
-    }
 }
diff --git a/js/entity/GuidEntity.js b/js/entity/GuidEntity.js
index 1bcc15b..ff60398 100755
--- a/js/entity/GuidEntity.js
+++ b/js/entity/GuidEntity.js
@@ -18,10 +18,6 @@ export default class GuidEntity extends IEntity {
         return new GuidEntity({ valud: guid })
     }
 
-    getAttributes() {
-        return GuidEntity.attributes
-    }
-
     toString() {
         return this.value
     }
diff --git a/js/entity/IEntity.js b/js/entity/IEntity.js
index 05c47f4..3a0c280 100644
--- a/js/entity/IEntity.js
+++ b/js/entity/IEntity.js
@@ -50,6 +50,6 @@ export default class IEntity {
                 target[property] = defaultValue
             }
         }
-        defineAllAttributes([], this, this.getAttributes())
+        defineAllAttributes([], this, this.constructor.attributes)
     }
 }
diff --git a/js/entity/IntegerEntity.js b/js/entity/IntegerEntity.js
index 4187459..e593f20 100755
--- a/js/entity/IntegerEntity.js
+++ b/js/entity/IntegerEntity.js
@@ -6,10 +6,6 @@ export default class IntegerEntity extends IEntity {
         value: Number
     }
 
-    getAttributes() {
-        return IntegerEntity.attributes
-    }
-
     constructor(options = {}) {
         if (options.constructor === Number || options.constructor === String) {
             options = {
diff --git a/js/entity/KeyBindingEntity.js b/js/entity/KeyBindingEntity.js
index a7855ad..609decd 100644
--- a/js/entity/KeyBindingEntity.js
+++ b/js/entity/KeyBindingEntity.js
@@ -9,8 +9,4 @@ export default class KeyBindingEntity extends IEntity {
         Key: String,
         CommandName: String,
     }
-
-    getAttributes() {
-        return KeyBindingEntity.attributes
-    }
 }
diff --git a/js/entity/LocalizedTextEntity.js b/js/entity/LocalizedTextEntity.js
index 2d83a4c..a35fe46 100755
--- a/js/entity/LocalizedTextEntity.js
+++ b/js/entity/LocalizedTextEntity.js
@@ -8,8 +8,4 @@ export default class LocalizedTextEntity extends IEntity {
         key: String,
         value: String
     }
-
-    getAttributes() {
-        return LocalizedTextEntity.attributes
-    }
 }
diff --git a/js/entity/ObjectEntity.js b/js/entity/ObjectEntity.js
index f0d393c..f9395fc 100755
--- a/js/entity/ObjectEntity.js
+++ b/js/entity/ObjectEntity.js
@@ -25,10 +25,6 @@ export default class ObjectEntity extends IEntity {
         CustomProperties: [PinEntity]
     }
 
-    getAttributes() {
-        return ObjectEntity.attributes
-    }
-
     /**
      * 
      * @returns {String} The name of the node
diff --git a/js/entity/ObjectReferenceEntity.js b/js/entity/ObjectReferenceEntity.js
index 1ce0776..84d3571 100755
--- a/js/entity/ObjectReferenceEntity.js
+++ b/js/entity/ObjectReferenceEntity.js
@@ -6,8 +6,4 @@ export default class ObjectReferenceEntity extends IEntity {
         type: String,
         path: String
     }
-
-    getAttributes() {
-        return ObjectReferenceEntity.attributes
-    }
 }
diff --git a/js/entity/PathSymbolEntity.js b/js/entity/PathSymbolEntity.js
index 1f86b7b..b995eb1 100755
--- a/js/entity/PathSymbolEntity.js
+++ b/js/entity/PathSymbolEntity.js
@@ -6,10 +6,6 @@ export default class PathSymbolEntity extends IEntity {
         value: String
     }
 
-    getAttributes() {
-        return PathSymbolEntity.attributes
-    }
-
     toString() {
         return this.value
     }
diff --git a/js/entity/PinEntity.js b/js/entity/PinEntity.js
index a816ee8..949437c 100755
--- a/js/entity/PinEntity.js
+++ b/js/entity/PinEntity.js
@@ -38,10 +38,6 @@ export default class PinEntity extends IEntity {
         bOrphanedPin: false,
     }
 
-    getAttributes() {
-        return PinEntity.attributes
-    }
-
     isInput() {
         return !this.bHidden && this.Direction !== "EGPD_Output"
     }
diff --git a/js/entity/PinReferenceEntity.js b/js/entity/PinReferenceEntity.js
index 44ca388..5646970 100755
--- a/js/entity/PinReferenceEntity.js
+++ b/js/entity/PinReferenceEntity.js
@@ -8,8 +8,4 @@ export default class PinReferenceEntity extends IEntity {
         objectName: PathSymbol,
         pinGuid: GuidEntity
     }
-
-    getAttributes() {
-        return PinReferenceEntity.attributes
-    }
 }
diff --git a/js/entity/VariableReferenceEntity.js b/js/entity/VariableReferenceEntity.js
index 0950c93..c7f0bc9 100755
--- a/js/entity/VariableReferenceEntity.js
+++ b/js/entity/VariableReferenceEntity.js
@@ -8,8 +8,4 @@ export default class VariableReferenceEntity extends IEntity {
         MemberGuid: GuidEntity,
         bSelfContext: false
     }
-
-    getAttributes() {
-        return VariableReferenceEntity.attributes
-    }
 }
diff --git a/js/template/LinkTemplate.js b/js/template/LinkTemplate.js
index 335b488..50567a6 100755
--- a/js/template/LinkTemplate.js
+++ b/js/template/LinkTemplate.js
@@ -95,7 +95,7 @@ export default class LinkTemplate extends ITemplate {
         link.blueprint.dataset.creatingLink = true
         const referencePin = link.getSourcePin() ?? link.getDestinationPin()
         if (referencePin) {
-            link.style.setProperty("--ueb-node-value-color", referencePin.getColor())
+            link.style.setProperty("--ueb-pin-color", referencePin.getColor())
         }
         link.classList.add("ueb-link-dragging")
     }
diff --git a/js/template/PinTemplate.js b/js/template/PinTemplate.js
index 4022dbd..4cd1203 100755
--- a/js/template/PinTemplate.js
+++ b/js/template/PinTemplate.js
@@ -16,13 +16,13 @@ export default class PinTemplate extends ITemplate {
     render(pin) {
         if (pin.isInput()) {
             return html`
-                <span class="ueb-node-value-icon ${pin.isConnected() ? 'ueb-node-value-fill' : ''}"></span>
+                <span class="ueb-pin-icon"></span>
                 ${sanitizeText(pin.getPinDisplayName())}
             `
         } else {
             return html`
                 ${sanitizeText(pin.getPinDisplayName())}
-                <span class="ueb-node-value-icon ${pin.isConnected() ? 'ueb-node-value-fill' : ''}"></span>
+                <span class="ueb-pin-icon"></span>
             `
         }
     }
@@ -34,17 +34,32 @@ export default class PinTemplate extends ITemplate {
     apply(pin) {
         super.apply(pin)
         pin.classList.add(
-            "ueb-node-" + (pin.isInput() ? "input" : pin.isOutput() ? "output" : "hidden"), "ueb-node-value-" + sanitizeText(pin.getType()))
+            "ueb-node-" + (pin.isInput() ? "input" : pin.isOutput() ? "output" : "hidden"),
+            "ueb-pin-" + sanitizeText(pin.getType()),
+            pin.isConnected() ? "ueb-pin-fill" : null
+        )
         pin.clickableElement = pin
     }
 
+    /**
+     * Applies the connection style to the element.
+     * @param {PinElement} pin 
+     */
+    applyConnected(pin) {
+        if (pin.isConnected()) {
+            pin.classList.add("ueb-pin-fill")
+        } else {
+            pin.classList.remove("ueb-pin-fill")
+        }
+    }
+
     /**
      * 
      * @param {PinElement} pin 
      * @returns 
      */
     getLinkLocation(pin) {
-        const rect = pin.querySelector(".ueb-node-value-icon").getBoundingClientRect()
+        const rect = pin.querySelector(".ueb-pin-icon").getBoundingClientRect()
         return pin.blueprint.compensateTranslation(Utility.convertLocation(
             [(rect.left + rect.right) / 2, (rect.top + rect.bottom) / 2],
             pin.blueprint.gridElement))
diff --git a/scss/ueblueprint-node-value-type-color.scss b/scss/ueblueprint-node-value-type-color.scss
index a499bb9..66cb79f 100755
--- a/scss/ueblueprint-node-value-type-color.scss
+++ b/scss/ueblueprint-node-value-type-color.scss
@@ -1,47 +1,47 @@
 .ueb {
-    $ueb-node-value-color     : white;
-    $ueb-node-value-dim-color : #afafaf;
-    --ueb-node-value-color    : #{$ueb-node-value-color};
-    --ueb-node-value-dim-color: #{$ueb-node-value-dim-color};
+    $ueb-pin-color     : white;
+    $ueb-pin-dim-color : #afafaf;
+    --ueb-pin-color    : #{$ueb-pin-color};
+    --ueb-pin-dim-color: #{$ueb-pin-dim-color};
 }
 
-.ueb-node-value-boolean {
-    $ueb-node-value-color : #930000;
-    --ueb-node-value-color: #{$ueb-node-value-color};
+.ueb-pin-boolean {
+    $ueb-pin-color : #930000;
+    --ueb-pin-color: #{$ueb-pin-color};
 }
 
-.ueb-node-value-integer {
-    $ueb-node-value-color : #1fe0ad;
-    --ueb-node-value-color: #{$ueb-node-value-color};
+.ueb-pin-integer {
+    $ueb-pin-color : #1fe0ad;
+    --ueb-pin-color: #{$ueb-pin-color};
 }
 
-.ueb-node-value-float {
-    $ueb-node-value-color : #9ffb44;
-    --ueb-node-value-color: #{$ueb-node-value-color};
+.ueb-pin-float {
+    $ueb-pin-color : #9ffb44;
+    --ueb-pin-color: #{$ueb-pin-color};
 }
 
-.ueb-node-value-vector {
-    $ueb-node-value-color : #fcc823;
-    --ueb-node-value-color: #{$ueb-node-value-color};
+.ueb-pin-vector {
+    $ueb-pin-color : #fcc823;
+    --ueb-pin-color: #{$ueb-pin-color};
 }
 
-.ueb-node-value-rotator {
-    $ueb-node-value-color : #9eb1fc;
-    --ueb-node-value-color: #{$ueb-node-value-color};
+.ueb-pin-rotator {
+    $ueb-pin-color : #9eb1fc;
+    --ueb-pin-color: #{$ueb-pin-color};
 }
 
-.ueb-node-value-string {
-    $ueb-node-value-color      : #fc00d2;
-    --ueb-node-value-color     : #{$ueb-node-value-color};
-    --ueb-node-value-background: linear-gradient(90deg, #fc00d220, #fc00d280 15%, #fc00d250 85%, transparent);
+.ueb-pin-string {
+    $ueb-pin-color      : #fc00d2;
+    --ueb-pin-color     : #{$ueb-pin-color};
+    --ueb-pin-background: linear-gradient(90deg, #fc00d220, #fc00d280 15%, #fc00d250 85%, transparent);
 }
 
-.ueb-node-value-name {
-    $ueb-node-value-color : #cb81fc;
-    --ueb-node-value-color: #{$ueb-node-value-color};
+.ueb-pin-name {
+    $ueb-pin-color : #cb81fc;
+    --ueb-pin-color: #{$ueb-pin-color};
 }
 
-.ueb-node-value-objectreference {
-    $ueb-node-value-color : #00a8f2;
-    --ueb-node-value-color: #{$ueb-node-value-color};
+.ueb-pin-objectreference {
+    $ueb-pin-color : #00a8f2;
+    --ueb-pin-color: #{$ueb-pin-color};
 }
\ No newline at end of file
diff --git a/scss/ueblueprint-style.scss b/scss/ueblueprint-style.scss
index 1121f6c..82eea4b 100644
--- a/scss/ueblueprint-style.scss
+++ b/scss/ueblueprint-style.scss
@@ -272,11 +272,11 @@ ueb-blueprint[data-drag-scrolling="false"] .ueb-grid {
 }
 
 ueb-blueprint[data-drag-scrolling="false"][data-selecting="false"] ueb-node ueb-pin:hover {
-    background: var(--ueb-node-value-background);
+    background: var(--ueb-pin-background);
     cursor    : crosshair;
 }
 
-.ueb-node-value-icon {
+.ueb-pin-icon {
     display       : inline-block;
     position      : relative;
     width         : 0.85em;
@@ -285,7 +285,7 @@ ueb-blueprint[data-drag-scrolling="false"][data-selecting="false"] ueb-node ueb-
     margin        : 0 0.4em -1px 0.1em;
 }
 
-.ueb-node-value-icon::before {
+.ueb-pin-icon::before {
     content      : "";
     display      : block;
     position     : absolute;
@@ -293,15 +293,15 @@ ueb-blueprint[data-drag-scrolling="false"][data-selecting="false"] ueb-node ueb-
     right        : 0;
     bottom       : 0;
     left         : 0;
-    border       : 2px solid var(--ueb-node-value-color);
+    border       : 2px solid var(--ueb-pin-color);
     border-radius: 50%;
 }
 
-.ueb-node-value-fill::before {
-    background: var(--ueb-node-value-color);
+ueb-pin.ueb-pin-fill .ueb-pin-icon::before {
+    background: var(--ueb-pin-color);
 }
 
-.ueb-node-value-icon::after {
+.ueb-pin-icon::after {
     content      : "";
     display      : block;
     position     : absolute;
@@ -311,7 +311,7 @@ ueb-blueprint[data-drag-scrolling="false"][data-selecting="false"] ueb-node ueb-
     height       : 0;
     border-top   : 0.3em solid transparent;
     border-bottom: 0.3em solid transparent;
-    border-left  : 0.3em solid var(--ueb-node-value-color);
+    border-left  : 0.3em solid var(--ueb-pin-color);
 }
 
 .ueb-positioned {
@@ -450,7 +450,7 @@ ueb-link svg {
 
 ueb-link svg path {
     visibility  : visible;
-    stroke      : var(--ueb-node-value-color);
+    stroke      : var(--ueb-pin-color);
     stroke-width: 1;
 }
 
@@ -476,7 +476,7 @@ ueb-link-message {
     padding      : 4px 8px;
     border-radius: 2px;
     background   : linear-gradient(to bottom, #2a2a2a 0, #151515 50%, #2a2a2a 100%);
-    color        : var(--ueb-node-value-dim-color);
+    color        : var(--ueb-pin-dim-color);
     white-space  : nowrap;
     z-index      : 1000000;
 }
\ No newline at end of file