From 8b5a7e08a90d4d4fda0f496bc4b5edaa72f797de Mon Sep 17 00:00:00 2001
From: miroiu <miroiu.emanuel@gmail.com>
Date: Sat, 11 May 2024 15:00:36 +0300
Subject: [PATCH 1/2] Added Orientation dependecy property to NodeInput and
 NodeOutput

---
 CHANGELOG.md                                  |   1 +
 .../Editor/NodifyEditorView.xaml              | 154 +++++++++---------
 Nodify/Nodes/NodeInput.cs                     |   8 +
 Nodify/Nodes/NodeOutput.cs                    |  10 +-
 Nodify/Nodify.csproj                          |   2 +
 Nodify/Themes/Styles/NodeInput.xaml           |   9 +-
 Nodify/Themes/Styles/NodeOutput.xaml          |   9 +-
 7 files changed, 110 insertions(+), 83 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index eb9d4860..d5ff3762 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -14,6 +14,7 @@
 >	- Added DrawDirectionalArrowsGeometry and DrawDirectionalArrowheadGeometry to BaseConnection to allow customizing the directional arrows
 >	- Improved EditorGestures to allow changing input gestures at runtime
 >	- Added new gesture types: AnyGesture, AllGestures, and InputGestureRef
+>	- Added Orientation dependency property to NodeInput and NodeOutput
 > - Bugfixes:
 >	- Fixed BaseConnection.Text not always displaying in the center of the connection
 >	- Fixed a bug where the item container would incorrectly transition to the dragging state on mouse over
diff --git a/Examples/Nodify.Playground/Editor/NodifyEditorView.xaml b/Examples/Nodify.Playground/Editor/NodifyEditorView.xaml
index cbc5f7bd..eb55485a 100644
--- a/Examples/Nodify.Playground/Editor/NodifyEditorView.xaml
+++ b/Examples/Nodify.Playground/Editor/NodifyEditorView.xaml
@@ -47,74 +47,74 @@
 
         <UIElement x:Key="ConnectionAnimationPlaceholder" Opacity="1" />
 
-        <Storyboard x:Key="HighlightConnection">
-            <DoubleAnimation Storyboard.TargetProperty="StrokeThickness" 
-                             Duration="0:0:0.3" From="3" To="6"  />
-            <DoubleAnimation Storyboard.Target="{StaticResource ConnectionAnimationPlaceholder}"
-                             Storyboard.TargetProperty="(UIElement.Opacity)" 
-                             Duration="0:0:0.3" From="1" To="0.3"  />
-        </Storyboard>
+<Storyboard x:Key="HighlightConnection">
+    <DoubleAnimation Storyboard.TargetProperty="StrokeThickness" 
+                     Duration="0:0:0.3" From="3" To="6"  />
+    <DoubleAnimation Storyboard.Target="{StaticResource ConnectionAnimationPlaceholder}"
+                     Storyboard.TargetProperty="(UIElement.Opacity)" 
+                     Duration="0:0:0.3" From="1" To="0.3"  />
+</Storyboard>
 
-        <Style x:Key="ConnectionStyle" TargetType="{x:Type nodify:BaseConnection}">
-            <Style.Triggers>
-                <DataTrigger Binding="{Binding Input.Shape}" 
-                             Value="{x:Static local:ConnectorShape.Square}">
-                    <Setter Property="Stroke" Value="{StaticResource SquareConnectorColor}"/>
-                    <Setter Property="Fill" Value="{StaticResource SquareConnectorColor}"/>
-                </DataTrigger>
-                <DataTrigger Binding="{Binding Input.Shape}" 
-                             Value="{x:Static local:ConnectorShape.Triangle}">
-                    <Setter Property="Stroke" Value="{StaticResource TriangleConnectorColor}"/>
-                    <Setter Property="Fill" Value="{StaticResource TriangleConnectorColor}"/>
-                </DataTrigger>
-                <Trigger Property="IsMouseDirectlyOver" Value="True">
-                    <Trigger.EnterActions>
-                        <BeginStoryboard Name="HighlightConnection" Storyboard="{StaticResource HighlightConnection}" />
-                    </Trigger.EnterActions>
-                    <Trigger.ExitActions>
-                        <RemoveStoryboard BeginStoryboardName="HighlightConnection" />
-                    </Trigger.ExitActions>
-                    <Setter Property="Opacity" Value="1" />
-                </Trigger>
-            </Style.Triggers>
-            <Setter Property="Opacity" Value="{Binding Source={StaticResource ConnectionAnimationPlaceholder}, Path=Opacity}" />
-            <Setter Property="Stroke" Value="{DynamicResource Connection.StrokeBrush}"/>
-            <Setter Property="Fill" Value="{DynamicResource Connection.StrokeBrush}"/>
-            <Setter Property="Cursor" Value="Hand"/>
-            <Setter Property="ToolTip" Value="Double click to split"/>
-            <Setter Property="Source" Value="{Binding Output.Anchor}" />
-            <Setter Property="Target" Value="{Binding Input.Anchor}" />
-            <Setter Property="SplitCommand" Value="{Binding SplitCommand}" />
-            <Setter Property="DisconnectCommand" Value="{Binding DisconnectCommand}" />
-            <Setter Property="SourceOffsetMode" Value="{Binding ConnectionSourceOffsetMode, Source={x:Static local:EditorSettings.Instance}}" />
-            <Setter Property="TargetOffsetMode" Value="{Binding ConnectionTargetOffsetMode, Source={x:Static local:EditorSettings.Instance}}" />
-            <Setter Property="SourceOffset" Value="{Binding ConnectionSourceOffset.Size, Source={x:Static local:EditorSettings.Instance}}" />
-            <Setter Property="TargetOffset" Value="{Binding ConnectionTargetOffset.Size, Source={x:Static local:EditorSettings.Instance}}" />
-            <Setter Property="ArrowSize" Value="{Binding ConnectionArrowSize.Size, Source={x:Static local:EditorSettings.Instance}}" />
-            <Setter Property="ArrowEnds" Value="{Binding ArrowHeadEnds, Source={x:Static local:EditorSettings.Instance}}" />
-            <Setter Property="ArrowShape" Value="{Binding ArrowHeadShape, Source={x:Static local:EditorSettings.Instance}}" />
-            <Setter Property="Spacing" Value="{Binding ConnectionSpacing, Source={x:Static local:EditorSettings.Instance}}" />
-            <Setter Property="Direction" Value="{Binding Output.Flow, Converter={StaticResource FlowToDirectionConverter}}" />
-            <Setter Property="SourceOrientation" Value="{Binding Output.Node.Orientation}" />
-            <Setter Property="TargetOrientation" Value="{Binding Input.Node.Orientation}" />
-            <Setter Property="DirectionalArrowsCount" Value="{Binding DirectionalArrowsCount, Source={x:Static local:EditorSettings.Instance}}" />
-            <Setter Property="Text" Value="{Binding ConnectionText, Source={x:Static local:EditorSettings.Instance}}" />
-        </Style>
+<Style x:Key="ConnectionStyle" TargetType="{x:Type nodify:BaseConnection}">
+    <Style.Triggers>
+        <DataTrigger Binding="{Binding Input.Shape}" 
+                     Value="{x:Static local:ConnectorShape.Square}">
+            <Setter Property="Stroke" Value="{StaticResource SquareConnectorColor}"/>
+            <Setter Property="Fill" Value="{StaticResource SquareConnectorColor}"/>
+        </DataTrigger>
+        <DataTrigger Binding="{Binding Input.Shape}" 
+                     Value="{x:Static local:ConnectorShape.Triangle}">
+            <Setter Property="Stroke" Value="{StaticResource TriangleConnectorColor}"/>
+            <Setter Property="Fill" Value="{StaticResource TriangleConnectorColor}"/>
+        </DataTrigger>
+        <Trigger Property="IsMouseDirectlyOver" Value="True">
+            <Trigger.EnterActions>
+                <BeginStoryboard Name="HighlightConnection" Storyboard="{StaticResource HighlightConnection}" />
+            </Trigger.EnterActions>
+            <Trigger.ExitActions>
+                <RemoveStoryboard BeginStoryboardName="HighlightConnection" />
+            </Trigger.ExitActions>
+            <Setter Property="Opacity" Value="1" />
+        </Trigger>
+    </Style.Triggers>
+    <Setter Property="Opacity" Value="{Binding Source={StaticResource ConnectionAnimationPlaceholder}, Path=Opacity}" />
+    <Setter Property="Stroke" Value="{DynamicResource Connection.StrokeBrush}"/>
+    <Setter Property="Fill" Value="{DynamicResource Connection.StrokeBrush}"/>
+    <Setter Property="Cursor" Value="Hand"/>
+    <Setter Property="ToolTip" Value="Double click to split"/>
+    <Setter Property="Source" Value="{Binding Output.Anchor}" />
+    <Setter Property="Target" Value="{Binding Input.Anchor}" />
+    <Setter Property="SplitCommand" Value="{Binding SplitCommand}" />
+    <Setter Property="DisconnectCommand" Value="{Binding DisconnectCommand}" />
+    <Setter Property="SourceOffsetMode" Value="{Binding ConnectionSourceOffsetMode, Source={x:Static local:EditorSettings.Instance}}" />
+    <Setter Property="TargetOffsetMode" Value="{Binding ConnectionTargetOffsetMode, Source={x:Static local:EditorSettings.Instance}}" />
+    <Setter Property="SourceOffset" Value="{Binding ConnectionSourceOffset.Size, Source={x:Static local:EditorSettings.Instance}}" />
+    <Setter Property="TargetOffset" Value="{Binding ConnectionTargetOffset.Size, Source={x:Static local:EditorSettings.Instance}}" />
+    <Setter Property="ArrowSize" Value="{Binding ConnectionArrowSize.Size, Source={x:Static local:EditorSettings.Instance}}" />
+    <Setter Property="ArrowEnds" Value="{Binding ArrowHeadEnds, Source={x:Static local:EditorSettings.Instance}}" />
+    <Setter Property="ArrowShape" Value="{Binding ArrowHeadShape, Source={x:Static local:EditorSettings.Instance}}" />
+    <Setter Property="Spacing" Value="{Binding ConnectionSpacing, Source={x:Static local:EditorSettings.Instance}}" />
+    <Setter Property="Direction" Value="{Binding Output.Flow, Converter={StaticResource FlowToDirectionConverter}}" />
+    <Setter Property="SourceOrientation" Value="{Binding Output.Node.Orientation}" />
+    <Setter Property="TargetOrientation" Value="{Binding Input.Node.Orientation}" />
+    <Setter Property="DirectionalArrowsCount" Value="{Binding DirectionalArrowsCount, Source={x:Static local:EditorSettings.Instance}}" />
+    <Setter Property="Text" Value="{Binding ConnectionText, Source={x:Static local:EditorSettings.Instance}}" />
+</Style>
 
-        <DataTemplate x:Key="CircuitConnectionTemplate">
-            <nodify:CircuitConnection Angle="{Binding CircuitConnectionAngle, Source={x:Static local:EditorSettings.Instance}}"
-                                      Style="{StaticResource ConnectionStyle}" />
-        </DataTemplate>
+<DataTemplate x:Key="CircuitConnectionTemplate">
+    <nodify:CircuitConnection Angle="{Binding CircuitConnectionAngle, Source={x:Static local:EditorSettings.Instance}}"
+                              Style="{StaticResource ConnectionStyle}" />
+</DataTemplate>
 
-        <DataTemplate x:Key="ConnectionTemplate">
-            <nodify:Connection Style="{StaticResource ConnectionStyle}" />
-        </DataTemplate>
+<DataTemplate x:Key="ConnectionTemplate">
+    <nodify:Connection Style="{StaticResource ConnectionStyle}" />
+</DataTemplate>
 
-        <DataTemplate x:Key="LineConnectionTemplate">
-            <nodify:LineConnection Style="{StaticResource ConnectionStyle}" />
-        </DataTemplate>
+<DataTemplate x:Key="LineConnectionTemplate">
+    <nodify:LineConnection Style="{StaticResource ConnectionStyle}" />
+</DataTemplate>
 
-        <ControlTemplate x:Key="SquareConnector" TargetType="Control">
+<ControlTemplate x:Key="SquareConnector" TargetType="Control">
             <Rectangle Width="14"
                        Height="14"
                        StrokeDashCap="Round"
@@ -141,7 +141,7 @@
 
         <Storyboard x:Key="MarchingAnts">
             <DoubleAnimation RepeatBehavior="Forever"
-                             Storyboard.TargetProperty="StrokeDashOffset" 
+                             Storyboard.TargetProperty="StrokeDashOffset"
                              BeginTime="00:00:00"
                              Duration="0:3:0"
                              From="1000"
@@ -299,7 +299,7 @@
                 <Style TargetType="{x:Type nodify:NodeInput}"
                        BasedOn="{StaticResource {x:Type nodify:NodeInput}}">
                     <Style.Triggers>
-                        <DataTrigger Binding="{Binding Shape}" 
+                        <DataTrigger Binding="{Binding Shape}"
                                      Value="{x:Static local:ConnectorShape.Square}">
                             <Setter Property="ConnectorTemplate" Value="{StaticResource SquareConnector}" />
                             <Setter Property="BorderBrush" Value="{StaticResource SquareConnectorColor}"/>
@@ -314,7 +314,7 @@
                                 </Setter.Value>
                             </Setter>
                         </DataTrigger>
-                        <DataTrigger Binding="{Binding Shape}" 
+                        <DataTrigger Binding="{Binding Shape}"
                                      Value="{x:Static local:ConnectorShape.Triangle}">
                             <Setter Property="ConnectorTemplate" Value="{StaticResource TriangleConnector}" />
                             <Setter Property="BorderBrush" Value="{StaticResource TriangleConnectorColor}"/>
@@ -323,10 +323,7 @@
                                     <DataTemplate DataType="{x:Type local:ConnectorViewModel}">
                                         <StackPanel Orientation="Horizontal">
                                             <TextBlock Text="{Binding Title}" Margin="0 0 5 0" VerticalAlignment="Center" />
-                                            <ComboBox DisplayMemberPath="Name"
-                                                      SelectedValuePath="Value"
-                                                      SelectedValue="{Binding Shape}"
-                                                      ItemsSource="{Binding Shape, Converter={shared:EnumValuesConverter}}" />
+                                            <CheckBox />
                                         </StackPanel>
                                     </DataTemplate>
                                 </Setter.Value>
@@ -346,12 +343,14 @@
                             Value="{Binding Anchor, Mode=OneWayToSource}" />
                     <Setter Property="IsConnected"
                             Value="{Binding IsConnected}" />
+                    <Setter Property="Background"
+                            Value="Transparent" />
                 </Style>
 
                 <Style TargetType="{x:Type nodify:NodeOutput}"
                        BasedOn="{StaticResource {x:Type nodify:NodeOutput}}">
                     <Style.Triggers>
-                        <DataTrigger Binding="{Binding Shape}" 
+                        <DataTrigger Binding="{Binding Shape}"
                                      Value="{x:Static local:ConnectorShape.Square}">
                             <Setter Property="ConnectorTemplate" Value="{StaticResource SquareConnector}" />
                             <Setter Property="BorderBrush" Value="{StaticResource SquareConnectorColor}"/>
@@ -368,6 +367,8 @@
                             Value="{Binding Anchor, Mode=OneWayToSource}" />
                     <Setter Property="IsConnected"
                             Value="{Binding IsConnected}" />
+                    <Setter Property="Background"
+                            Value="Transparent" />
                 </Style>
 
                 <DataTemplate DataType="{x:Type local:KnotNodeViewModel}">
@@ -400,10 +401,7 @@
                                 <ItemsControl ItemsSource="{Binding}">
                                     <ItemsControl.ItemTemplate>
                                         <DataTemplate DataType="{x:Type local:ConnectorViewModel}">
-                                            <StackPanel Orientation="Vertical" Margin="5 0 5 0">
-                                                <nodify:Connector Anchor="{Binding Anchor, Mode=OneWayToSource}" />
-                                                <TextBlock Text="{Binding Title}" />
-                                            </StackPanel>
+                                            <nodify:NodeInput Orientation="Vertical" />
                                         </DataTemplate>
                                     </ItemsControl.ItemTemplate>
                                     <ItemsControl.ItemsPanel>
@@ -419,11 +417,7 @@
                                 <ItemsControl ItemsSource="{Binding}">
                                     <ItemsControl.ItemTemplate>
                                         <DataTemplate DataType="{x:Type local:ConnectorViewModel}">
-                                            <StackPanel Orientation="Vertical"
-                                                        Margin="5 0 5 0">
-                                                <TextBlock Text="{Binding Title}" />
-                                                <nodify:Connector Anchor="{Binding Anchor, Mode=OneWayToSource}" />
-                                            </StackPanel>
+                                            <nodify:NodeOutput Orientation="Vertical" />
                                         </DataTemplate>
                                     </ItemsControl.ItemTemplate>
                                     <ItemsControl.ItemsPanel>
diff --git a/Nodify/Nodes/NodeInput.cs b/Nodify/Nodes/NodeInput.cs
index 1652eb20..56bcac15 100644
--- a/Nodify/Nodes/NodeInput.cs
+++ b/Nodify/Nodes/NodeInput.cs
@@ -13,6 +13,7 @@ public class NodeInput : Connector
         public static readonly DependencyProperty HeaderProperty = HeaderedContentControl.HeaderProperty.AddOwner(typeof(NodeInput));
         public static readonly DependencyProperty HeaderTemplateProperty = HeaderedContentControl.HeaderTemplateProperty.AddOwner(typeof(NodeInput));
         public static readonly DependencyProperty ConnectorTemplateProperty = DependencyProperty.Register(nameof(ConnectorTemplate), typeof(ControlTemplate), typeof(NodeInput));
+        public static readonly DependencyProperty OrientationProperty = StackPanel.OrientationProperty.AddOwner(typeof(NodeInput), new FrameworkPropertyMetadata(Orientation.Horizontal, FrameworkPropertyMetadataOptions.AffectsMeasure));
 
         /// <summary>
         /// Gets of sets the data used for the control's header.
@@ -41,6 +42,13 @@ public ControlTemplate ConnectorTemplate
             set => SetValue(ConnectorTemplateProperty, value);
         }
 
+        /// <inheritdoc cref="StackPanel.Orientation" />
+        public Orientation Orientation
+        {
+            get => (Orientation)GetValue(OrientationProperty);
+            set => SetValue(OrientationProperty, value);
+        }
+
         #endregion
 
         static NodeInput()
diff --git a/Nodify/Nodes/NodeOutput.cs b/Nodify/Nodes/NodeOutput.cs
index a455a709..40f96b0e 100644
--- a/Nodify/Nodes/NodeOutput.cs
+++ b/Nodify/Nodes/NodeOutput.cs
@@ -13,7 +13,8 @@ public class NodeOutput : Connector
         public static readonly DependencyProperty HeaderProperty = HeaderedContentControl.HeaderProperty.AddOwner(typeof(NodeOutput));
         public static readonly DependencyProperty HeaderTemplateProperty = HeaderedContentControl.HeaderTemplateProperty.AddOwner(typeof(NodeOutput));
         public static readonly DependencyProperty ConnectorTemplateProperty = NodeInput.ConnectorTemplateProperty.AddOwner(typeof(NodeOutput));
-        
+        public static readonly DependencyProperty OrientationProperty = NodeInput.OrientationProperty.AddOwner(typeof(NodeOutput), new FrameworkPropertyMetadata(Orientation.Horizontal, FrameworkPropertyMetadataOptions.AffectsMeasure));
+
         /// <summary>
         /// Gets of sets the data used for the control's header.
         /// </summary>
@@ -41,6 +42,13 @@ public ControlTemplate ConnectorTemplate
             set => SetValue(ConnectorTemplateProperty, value);
         }
 
+        /// <inheritdoc cref="StackPanel.Orientation" />
+        public Orientation Orientation
+        {
+            get => (Orientation)GetValue(OrientationProperty);
+            set => SetValue(OrientationProperty, value);
+        }
+
         #endregion
 
         static NodeOutput()
diff --git a/Nodify/Nodify.csproj b/Nodify/Nodify.csproj
index 8cf13982..85da0b5f 100644
--- a/Nodify/Nodify.csproj
+++ b/Nodify/Nodify.csproj
@@ -23,12 +23,14 @@
       >	  - Added source and target parameters to GetTextPosition in BaseConnection
       >	  - EditorGestures is now a singleton instead of a static class (can be inherited from to create custom mappings)
       >	  - Selection gestures for ItemContainer and GroupingNode are now separated from the NodifyEditor selection gestures
+      >	  - Renamed EditorGestures.Editor.Zoom to ZoomModifierKey
       > - Features:
       >	  - Added SourceOrientation and TargetOrientation to BaseConnection to support vertical connectors (vertical/mixed connection orientation)
       >	  - Added DirectionalArrowsCount to BaseConnection to allow drawing multipe arrows on a connection flowing in the connection direction
       >	  - Added DrawDirectionalArrowsGeometry and DrawDirectionalArrowheadGeometry to BaseConnection to allow customizing the directional arrows
       >	  - Improved EditorGestures to allow changing input gestures at runtime
       >	  - Added new gesture types: AnyGesture, AllGestures and InputGestureRef
+      >	  - Added Orientation dependency property to NodeInput and NodeOutput
       > - Bugfixes:
       >	  - Fixed BaseConnection.Text not always displaying in the center of the connection
       >	  - Fixed a bug where the item container would incorrectly transition to the dragging state on mouse over
diff --git a/Nodify/Themes/Styles/NodeInput.xaml b/Nodify/Themes/Styles/NodeInput.xaml
index 2d50c102..42e53411 100644
--- a/Nodify/Themes/Styles/NodeInput.xaml
+++ b/Nodify/Themes/Styles/NodeInput.xaml
@@ -44,7 +44,7 @@
                                 OpacityMask="{StaticResource FadeOpacityMask}"
                                 Background="{TemplateBinding BorderBrush}" />
 
-                        <StackPanel Orientation="Horizontal"
+                        <StackPanel Orientation="{TemplateBinding Orientation}"
                                     Margin="{TemplateBinding Padding}">
 
                             <Control x:Name="PART_Connector"
@@ -59,6 +59,13 @@
                         </StackPanel>
                     </Grid>
                     <ControlTemplate.Triggers>
+                        <Trigger Property="Orientation"
+                                 Value="Vertical">
+                            <Setter TargetName="PART_Connector"
+                                    Property="Margin"
+                                    Value="0 0 0 5" />
+                        </Trigger>
+                        
                         <Trigger Property="IsConnected"
                                  Value="True">
                             <Setter TargetName="PART_Connector"
diff --git a/Nodify/Themes/Styles/NodeOutput.xaml b/Nodify/Themes/Styles/NodeOutput.xaml
index 3e3c00ef..6ebd4572 100644
--- a/Nodify/Themes/Styles/NodeOutput.xaml
+++ b/Nodify/Themes/Styles/NodeOutput.xaml
@@ -44,7 +44,7 @@
                                 OpacityMask="{StaticResource FadeOpacityMask}"
                                 Background="{TemplateBinding BorderBrush}" />
 
-                        <StackPanel Orientation="Horizontal"
+                        <StackPanel Orientation="{TemplateBinding Orientation}"
                                     HorizontalAlignment="Right"
                                     Margin="{TemplateBinding Padding}">
 
@@ -60,6 +60,13 @@
                         </StackPanel>
                     </Grid>
                     <ControlTemplate.Triggers>
+                        <Trigger Property="Orientation"
+                                 Value="Vertical">
+                            <Setter TargetName="PART_Connector"
+                                    Property="Margin"
+                                    Value="0 5 0 0" />
+                        </Trigger>
+
                         <Trigger Property="IsConnected"
                                  Value="True">
                             <Setter TargetName="PART_Connector"

From f84ebe1aba201aa3968a43c5178ec0d4c0b14f7d Mon Sep 17 00:00:00 2001
From: miroiu <miroiu.emanuel@gmail.com>
Date: Sat, 11 May 2024 15:06:09 +0300
Subject: [PATCH 2/2] Fixed whitespaces

---
 .../Editor/NodifyEditorView.xaml              | 134 +++++++++---------
 1 file changed, 67 insertions(+), 67 deletions(-)

diff --git a/Examples/Nodify.Playground/Editor/NodifyEditorView.xaml b/Examples/Nodify.Playground/Editor/NodifyEditorView.xaml
index eb55485a..2ce72e1b 100644
--- a/Examples/Nodify.Playground/Editor/NodifyEditorView.xaml
+++ b/Examples/Nodify.Playground/Editor/NodifyEditorView.xaml
@@ -47,74 +47,74 @@
 
         <UIElement x:Key="ConnectionAnimationPlaceholder" Opacity="1" />
 
-<Storyboard x:Key="HighlightConnection">
-    <DoubleAnimation Storyboard.TargetProperty="StrokeThickness" 
-                     Duration="0:0:0.3" From="3" To="6"  />
-    <DoubleAnimation Storyboard.Target="{StaticResource ConnectionAnimationPlaceholder}"
-                     Storyboard.TargetProperty="(UIElement.Opacity)" 
-                     Duration="0:0:0.3" From="1" To="0.3"  />
-</Storyboard>
+        <Storyboard x:Key="HighlightConnection">
+            <DoubleAnimation Storyboard.TargetProperty="StrokeThickness" 
+                             Duration="0:0:0.3" From="3" To="6"  />
+            <DoubleAnimation Storyboard.Target="{StaticResource ConnectionAnimationPlaceholder}"
+                             Storyboard.TargetProperty="(UIElement.Opacity)" 
+                             Duration="0:0:0.3" From="1" To="0.3"  />
+        </Storyboard>
 
-<Style x:Key="ConnectionStyle" TargetType="{x:Type nodify:BaseConnection}">
-    <Style.Triggers>
-        <DataTrigger Binding="{Binding Input.Shape}" 
-                     Value="{x:Static local:ConnectorShape.Square}">
-            <Setter Property="Stroke" Value="{StaticResource SquareConnectorColor}"/>
-            <Setter Property="Fill" Value="{StaticResource SquareConnectorColor}"/>
-        </DataTrigger>
-        <DataTrigger Binding="{Binding Input.Shape}" 
-                     Value="{x:Static local:ConnectorShape.Triangle}">
-            <Setter Property="Stroke" Value="{StaticResource TriangleConnectorColor}"/>
-            <Setter Property="Fill" Value="{StaticResource TriangleConnectorColor}"/>
-        </DataTrigger>
-        <Trigger Property="IsMouseDirectlyOver" Value="True">
-            <Trigger.EnterActions>
-                <BeginStoryboard Name="HighlightConnection" Storyboard="{StaticResource HighlightConnection}" />
-            </Trigger.EnterActions>
-            <Trigger.ExitActions>
-                <RemoveStoryboard BeginStoryboardName="HighlightConnection" />
-            </Trigger.ExitActions>
-            <Setter Property="Opacity" Value="1" />
-        </Trigger>
-    </Style.Triggers>
-    <Setter Property="Opacity" Value="{Binding Source={StaticResource ConnectionAnimationPlaceholder}, Path=Opacity}" />
-    <Setter Property="Stroke" Value="{DynamicResource Connection.StrokeBrush}"/>
-    <Setter Property="Fill" Value="{DynamicResource Connection.StrokeBrush}"/>
-    <Setter Property="Cursor" Value="Hand"/>
-    <Setter Property="ToolTip" Value="Double click to split"/>
-    <Setter Property="Source" Value="{Binding Output.Anchor}" />
-    <Setter Property="Target" Value="{Binding Input.Anchor}" />
-    <Setter Property="SplitCommand" Value="{Binding SplitCommand}" />
-    <Setter Property="DisconnectCommand" Value="{Binding DisconnectCommand}" />
-    <Setter Property="SourceOffsetMode" Value="{Binding ConnectionSourceOffsetMode, Source={x:Static local:EditorSettings.Instance}}" />
-    <Setter Property="TargetOffsetMode" Value="{Binding ConnectionTargetOffsetMode, Source={x:Static local:EditorSettings.Instance}}" />
-    <Setter Property="SourceOffset" Value="{Binding ConnectionSourceOffset.Size, Source={x:Static local:EditorSettings.Instance}}" />
-    <Setter Property="TargetOffset" Value="{Binding ConnectionTargetOffset.Size, Source={x:Static local:EditorSettings.Instance}}" />
-    <Setter Property="ArrowSize" Value="{Binding ConnectionArrowSize.Size, Source={x:Static local:EditorSettings.Instance}}" />
-    <Setter Property="ArrowEnds" Value="{Binding ArrowHeadEnds, Source={x:Static local:EditorSettings.Instance}}" />
-    <Setter Property="ArrowShape" Value="{Binding ArrowHeadShape, Source={x:Static local:EditorSettings.Instance}}" />
-    <Setter Property="Spacing" Value="{Binding ConnectionSpacing, Source={x:Static local:EditorSettings.Instance}}" />
-    <Setter Property="Direction" Value="{Binding Output.Flow, Converter={StaticResource FlowToDirectionConverter}}" />
-    <Setter Property="SourceOrientation" Value="{Binding Output.Node.Orientation}" />
-    <Setter Property="TargetOrientation" Value="{Binding Input.Node.Orientation}" />
-    <Setter Property="DirectionalArrowsCount" Value="{Binding DirectionalArrowsCount, Source={x:Static local:EditorSettings.Instance}}" />
-    <Setter Property="Text" Value="{Binding ConnectionText, Source={x:Static local:EditorSettings.Instance}}" />
-</Style>
+        <Style x:Key="ConnectionStyle" TargetType="{x:Type nodify:BaseConnection}">
+            <Style.Triggers>
+                <DataTrigger Binding="{Binding Input.Shape}" 
+                             Value="{x:Static local:ConnectorShape.Square}">
+                    <Setter Property="Stroke" Value="{StaticResource SquareConnectorColor}"/>
+                    <Setter Property="Fill" Value="{StaticResource SquareConnectorColor}"/>
+                </DataTrigger>
+                <DataTrigger Binding="{Binding Input.Shape}" 
+                             Value="{x:Static local:ConnectorShape.Triangle}">
+                    <Setter Property="Stroke" Value="{StaticResource TriangleConnectorColor}"/>
+                    <Setter Property="Fill" Value="{StaticResource TriangleConnectorColor}"/>
+                </DataTrigger>
+                <Trigger Property="IsMouseDirectlyOver" Value="True">
+                    <Trigger.EnterActions>
+                        <BeginStoryboard Name="HighlightConnection" Storyboard="{StaticResource HighlightConnection}" />
+                    </Trigger.EnterActions>
+                    <Trigger.ExitActions>
+                        <RemoveStoryboard BeginStoryboardName="HighlightConnection" />
+                    </Trigger.ExitActions>
+                    <Setter Property="Opacity" Value="1" />
+                </Trigger>
+            </Style.Triggers>
+            <Setter Property="Opacity" Value="{Binding Source={StaticResource ConnectionAnimationPlaceholder}, Path=Opacity}" />
+            <Setter Property="Stroke" Value="{DynamicResource Connection.StrokeBrush}"/>
+            <Setter Property="Fill" Value="{DynamicResource Connection.StrokeBrush}"/>
+            <Setter Property="Cursor" Value="Hand"/>
+            <Setter Property="ToolTip" Value="Double click to split"/>
+            <Setter Property="Source" Value="{Binding Output.Anchor}" />
+            <Setter Property="Target" Value="{Binding Input.Anchor}" />
+            <Setter Property="SplitCommand" Value="{Binding SplitCommand}" />
+            <Setter Property="DisconnectCommand" Value="{Binding DisconnectCommand}" />
+            <Setter Property="SourceOffsetMode" Value="{Binding ConnectionSourceOffsetMode, Source={x:Static local:EditorSettings.Instance}}" />
+            <Setter Property="TargetOffsetMode" Value="{Binding ConnectionTargetOffsetMode, Source={x:Static local:EditorSettings.Instance}}" />
+            <Setter Property="SourceOffset" Value="{Binding ConnectionSourceOffset.Size, Source={x:Static local:EditorSettings.Instance}}" />
+            <Setter Property="TargetOffset" Value="{Binding ConnectionTargetOffset.Size, Source={x:Static local:EditorSettings.Instance}}" />
+            <Setter Property="ArrowSize" Value="{Binding ConnectionArrowSize.Size, Source={x:Static local:EditorSettings.Instance}}" />
+            <Setter Property="ArrowEnds" Value="{Binding ArrowHeadEnds, Source={x:Static local:EditorSettings.Instance}}" />
+            <Setter Property="ArrowShape" Value="{Binding ArrowHeadShape, Source={x:Static local:EditorSettings.Instance}}" />
+            <Setter Property="Spacing" Value="{Binding ConnectionSpacing, Source={x:Static local:EditorSettings.Instance}}" />
+            <Setter Property="Direction" Value="{Binding Output.Flow, Converter={StaticResource FlowToDirectionConverter}}" />
+            <Setter Property="SourceOrientation" Value="{Binding Output.Node.Orientation}" />
+            <Setter Property="TargetOrientation" Value="{Binding Input.Node.Orientation}" />
+            <Setter Property="DirectionalArrowsCount" Value="{Binding DirectionalArrowsCount, Source={x:Static local:EditorSettings.Instance}}" />
+            <Setter Property="Text" Value="{Binding ConnectionText, Source={x:Static local:EditorSettings.Instance}}" />
+        </Style>
 
-<DataTemplate x:Key="CircuitConnectionTemplate">
-    <nodify:CircuitConnection Angle="{Binding CircuitConnectionAngle, Source={x:Static local:EditorSettings.Instance}}"
-                              Style="{StaticResource ConnectionStyle}" />
-</DataTemplate>
+        <DataTemplate x:Key="CircuitConnectionTemplate">
+            <nodify:CircuitConnection Angle="{Binding CircuitConnectionAngle, Source={x:Static local:EditorSettings.Instance}}"
+                                      Style="{StaticResource ConnectionStyle}" />
+        </DataTemplate>
 
-<DataTemplate x:Key="ConnectionTemplate">
-    <nodify:Connection Style="{StaticResource ConnectionStyle}" />
-</DataTemplate>
+        <DataTemplate x:Key="ConnectionTemplate">
+            <nodify:Connection Style="{StaticResource ConnectionStyle}" />
+        </DataTemplate>
 
-<DataTemplate x:Key="LineConnectionTemplate">
-    <nodify:LineConnection Style="{StaticResource ConnectionStyle}" />
-</DataTemplate>
+        <DataTemplate x:Key="LineConnectionTemplate">
+            <nodify:LineConnection Style="{StaticResource ConnectionStyle}" />
+        </DataTemplate>
 
-<ControlTemplate x:Key="SquareConnector" TargetType="Control">
+        <ControlTemplate x:Key="SquareConnector" TargetType="Control">
             <Rectangle Width="14"
                        Height="14"
                        StrokeDashCap="Round"
@@ -141,7 +141,7 @@
 
         <Storyboard x:Key="MarchingAnts">
             <DoubleAnimation RepeatBehavior="Forever"
-                             Storyboard.TargetProperty="StrokeDashOffset"
+                             Storyboard.TargetProperty="StrokeDashOffset" 
                              BeginTime="00:00:00"
                              Duration="0:3:0"
                              From="1000"
@@ -299,7 +299,7 @@
                 <Style TargetType="{x:Type nodify:NodeInput}"
                        BasedOn="{StaticResource {x:Type nodify:NodeInput}}">
                     <Style.Triggers>
-                        <DataTrigger Binding="{Binding Shape}"
+                        <DataTrigger Binding="{Binding Shape}" 
                                      Value="{x:Static local:ConnectorShape.Square}">
                             <Setter Property="ConnectorTemplate" Value="{StaticResource SquareConnector}" />
                             <Setter Property="BorderBrush" Value="{StaticResource SquareConnectorColor}"/>
@@ -314,7 +314,7 @@
                                 </Setter.Value>
                             </Setter>
                         </DataTrigger>
-                        <DataTrigger Binding="{Binding Shape}"
+                        <DataTrigger Binding="{Binding Shape}" 
                                      Value="{x:Static local:ConnectorShape.Triangle}">
                             <Setter Property="ConnectorTemplate" Value="{StaticResource TriangleConnector}" />
                             <Setter Property="BorderBrush" Value="{StaticResource TriangleConnectorColor}"/>
@@ -350,7 +350,7 @@
                 <Style TargetType="{x:Type nodify:NodeOutput}"
                        BasedOn="{StaticResource {x:Type nodify:NodeOutput}}">
                     <Style.Triggers>
-                        <DataTrigger Binding="{Binding Shape}"
+                        <DataTrigger Binding="{Binding Shape}" 
                                      Value="{x:Static local:ConnectorShape.Square}">
                             <Setter Property="ConnectorTemplate" Value="{StaticResource SquareConnector}" />
                             <Setter Property="BorderBrush" Value="{StaticResource SquareConnectorColor}"/>