Add pin (#6)

* Add pin and minor style fix WIP

* Fix default pin graphics

* Fix sorting

* Min, max nodes are variadic

scss/ueb-node.scss

@@ -152,10 +152,11 @@ ueb-node[data-pure-function="true"] .ueb-node-name-symbol {
 }
 
 .ueb-node-content {
-    display: flex;
+    display: grid;
+    grid-template: min-content 1fr / min-content min-content;
+    justify-content: space-between;
     padding: 2px 0;
     font-weight: 100;
-    white-space: nowrap;
 }
 
 .ueb-node-style-default .ueb-node-content {
@@ -163,15 +164,27 @@ ueb-node[data-pure-function="true"] .ueb-node-name-symbol {
 }
 
 .ueb-node-has-inputs .ueb-node-inputs {
+    grid-column: 1;
+    grid-row: 1 / span 2;
     padding-left: 10px;
 }
 
 .ueb-node-outputs {
-    margin-left: auto;
+    grid-column: 2;
+    grid-row: 1;
     padding-left: 20px;
     padding-right: 10px;
 }
 
+.ueb-node-variadic {
+    grid-column: 2;
+    grid-row: 2;
+    justify-self: end;
+    padding: 4px 6px;
+    white-space: nowrap;
+    cursor: pointer;
+}
+
 .ueb-node-developmentonly {
     margin-top: 4px;
     padding: 2px;
@@ -219,6 +232,7 @@ ueb-blueprint[data-scrolling="false"][data-selecting="false"] .ueb-node-expansio
     visibility: hidden;
 }
 
+.ueb-node-variadic>svg,
 .ueb-node-expansion>svg {
     width: 16px;
     height: 16px;

scss/ueb-pin.scss

@@ -14,7 +14,7 @@ ueb-pin {
 
 ueb-pin {
     display: block;
-    min-height: 30px;
+    min-height: 32px;
 }
 
 ueb-pin.ueb-pin-input-wrap .ueb-pin-content {
@@ -108,6 +108,25 @@ ueb-pin[data-linked="true"] .ueb-pin-tofill {
     fill: currentColor;
 }
 
+ueb-pin.ueb-node-variadic-default {
+    position: relative;
+
+    &::before {
+        content: "";
+        display: block;
+        position: absolute;
+        width: 100%;
+        height: 1px;
+        top: 0;
+        left: 6px;
+        background: linear-gradient(90deg,
+                transparent 0,
+                #404240 6px,
+                #404240 calc(100% - 6px),
+                transparent 100%);
+    }
+}
+
 .ueb-pin-name {
     letter-spacing: -0.25px;
 }