yFiles for HTML 2.1.0.6 demos

demos/01-tutorial-getting-started/01-graphcomponent/index.html

@@ -65,8 +65,8 @@
   <div style="width:20%; height: 100%; float:left;" class="descriptionPanel">
     <h3>How to create a basic view.</h3>
 
-    <p>This step introduces class <a href="https://docs.yworks.com/yfileshtml/#/api/yfiles.view.GraphComponent">yfiles.view.GraphComponent</a>, which is the
-      <a href="https://docs.yworks.com/yfileshtml/#/dguide/getting_started-application">
+    <p>This step introduces class <a href="https://docs.yworks.com/yfileshtml/#/api/yfiles.view.GraphComponent" target="_blank">yfiles.view.GraphComponent</a>, which is the
+      <a href="https://docs.yworks.com/yfileshtml/#/dguide/getting_started-application" target="_blank">
       central UI element for working with graphs</a>. The application
       does not provide any interactive features except mouse wheel zooming, which is enabled by default. It is merely
       meant as a very basic example of how to display a GraphComponent within a web page.</p>

demos/01-tutorial-getting-started/02-graph-element-creation/index.html

@@ -52,7 +52,7 @@ <h2>Tutorial Demo 2</h2>
 
     <h3>How to create a graph programmatically.</h3>
 
-    <p>This step shows how to <a href="https://docs.yworks.com/yfileshtml/#/dguide/getting_started-creating_graph_elements">create the basic graph elements</a>.</p>
+    <p>This step shows how to <a href="https://docs.yworks.com/yfileshtml/#/dguide/getting_started-creating_graph_elements" target="_blank">create the basic graph elements</a>.</p>
 
     <p>See the sources for details.</p>
   </div>

demos/01-tutorial-getting-started/03-managing-viewport/index.html

@@ -53,7 +53,7 @@ <h2>Tutorial Demo 3</h2>
 
       <h3>How to influence the viewport.</h3>
 
-      <p>This step shows how to <a href="https://docs.yworks.com/yfileshtml/#/dguide/view_graphcontrol_managing-the-view">work with the viewport</a>.
+      <p>This step shows how to <a href="https://docs.yworks.com/yfileshtml/#/dguide/view_graphcontrol_managing-the-view" target="_blank">work with the viewport</a>.
         It introduces basic viewport handling such as zooming and "fit to content".</p>
       <p>The graph consists of four nodes, from which only three belong to the viewport and thus, are visible. Press
         "fit to content" to include also the fourth node to the viewport.</p>

demos/01-tutorial-getting-started/04-setting-styles/index.html

@@ -53,7 +53,7 @@ <h2>Tutorial Demo 4</h2>
 
       <h3>How to influence visual appearance.</h3>
 
-      <p>This step shows how to <a href="https://docs.yworks.com/yfileshtml/#/dguide/getting_started-setting_styles">
+      <p>This step shows how to <a href="https://docs.yworks.com/yfileshtml/#/dguide/getting_started-setting_styles" target="_blank">
         configure the visual appearance of graph elements</a> using styles.</p>
 
       <p>yFiles for HTML offers a set of predefined and configurable item styles for various use-cases. The tutorial <a

demos/01-tutorial-getting-started/05-label-placement/index.html

@@ -53,7 +53,7 @@ <h2>Tutorial Demo 5</h2>
 
       <h3>How to influence the placement of labels.</h3>
 
-      <p>This step shows how to <a href="https://docs.yworks.com/yfileshtml/#/dguide/getting_started-placing_labels">
+      <p>This step shows how to <a href="https://docs.yworks.com/yfileshtml/#/dguide/getting_started-placing_labels" target="_blank">
         control label placement</a> with the help of so called label model parameters.</p>
 
       <p>See the sources for details.</p>

demos/01-tutorial-getting-started/06-basic-interaction/index.html

@@ -53,10 +53,10 @@ <h2>Tutorial Demo 6</h2>
 
       <h3>How to add basic interaction.</h3>
 
-      <p>This step shows the <a href="https://docs.yworks.com/yfileshtml/#/dguide/interaction">default interaction gestures</a>
+      <p>This step shows the <a href="https://docs.yworks.com/yfileshtml/#/dguide/interaction" target="_blank">default interaction gestures</a>
         that are provided by class GraphEditorInputMode.</p>
-      <p>Interaction is handled by <a href="https://docs.yworks.com/yfileshtml/#/api/yfiles.input.IInputMode">yfiles.input.IInputMode</a>.
-        <a href="https://docs.yworks.com/yfileshtml/#/api/yfiles.input.GraphEditorInputMode">yfiles.input.GraphEditorInputMode</a> is the main input mode that already provides a large number of user interaction features,
+      <p>Interaction is handled by <a href="https://docs.yworks.com/yfileshtml/#/api/yfiles.input.IInputMode" target="_blank">yfiles.input.IInputMode</a>.
+        <a href="https://docs.yworks.com/yfileshtml/#/api/yfiles.input.GraphEditorInputMode" target="_blank">yfiles.input.GraphEditorInputMode</a> is the main input mode that already provides a large number of user interaction features,
         such as moving, deleting, creating, and resizing graph elements.</p>
       <ul>
         <li>Click a single element with the mouse to select it. SHIFT-Click the text to select the element's label. To select multiple elements, either extend an existing selection

demos/01-tutorial-getting-started/07-undo-clipboard-support/index.html

@@ -53,7 +53,7 @@ <h2>Tutorial Demo 7</h2>
 
       <h3>How to activate clipboard and undoability.</h3>
 
-      <p>This step shows how to use the <a href="https://docs.yworks.com/yfileshtml/#/dguide/interaction-undo">
+      <p>This step shows how to use the <a href="https://docs.yworks.com/yfileshtml/#/dguide/interaction-undo" target="_blank">
         undo and clipboard</a> features.</p>
 
       <p>See the sources for details.</p>

demos/01-tutorial-getting-started/08-grouping/index.html

@@ -53,11 +53,11 @@ <h2>Tutorial Demo 8</h2>
 
       <h3>Enabling and using the grouping feature.</h3>
 
-      <p>This step shows how to configure <a href="https://docs.yworks.com/yfileshtml/#/dguide/interaction-grouping">
+      <p>This step shows how to configure <a href="https://docs.yworks.com/yfileshtml/#/dguide/interaction-grouping" target="_blank">
         support for grouped (or hierarchically organized) graphs</a>. Note that collapse/expand functionality is
         introduced later in this tutorial.</p>
 
-      <p><a href="https://docs.yworks.com/yfileshtml/#/api/yfiles.input.GraphEditorInputMode">yfiles.input.GraphEditorInputMode</a> already provides the following default gestures for grouping/ungrouping:</p>
+      <p><a href="https://docs.yworks.com/yfileshtml/#/api/yfiles.input.GraphEditorInputMode" target="_blank">yfiles.input.GraphEditorInputMode</a> already provides the following default gestures for grouping/ungrouping:</p>
       <ul>
         <li>Press CTRL+G to group the currently selected nodes.</li>
         <li>Press CTRL+U to ungroup the currently selected nodes. Note that this does not automatically shrink the

demos/01-tutorial-getting-started/09-data-binding/index.html

@@ -53,7 +53,7 @@ <h2>Tutorial Demo 10</h2>
 
       <h3>How to bind arbitrary data to elements.</h3>
 
-      <p>This step shows how to <a href="https://docs.yworks.com/yfileshtml/#/dguide/customizing_graph-binding_data">
+      <p>This step shows how to <a href="https://docs.yworks.com/yfileshtml/#/dguide/customizing_graph-binding_data" target="_blank">
         bind data to graph elements</a>.</p>
 
       <p>See the sources and node tooltips for details.</p>

demos/01-tutorial-getting-started/10-layout/index.html

@@ -51,12 +51,12 @@ <h1 class="demo-sidebar-header">Description</h1>
     <div class="demo-sidebar-content">
       <h2>Tutorial Demo 11</h2>
 
-      <p>This step shows how to use the <a href="https://docs.yworks.com/yfileshtml/#/dguide/getting_started-layout">
+      <p>This step shows how to use the <a href="https://docs.yworks.com/yfileshtml/#/dguide/getting_started-layout" target="_blank">
         layout algorithms</a> in yFiles for HTML to automatically place the graph elements.</p>
       <p>Automatic layout is one of the main features of the yFiles products. The layout library provides
         a large set of ready-to-use, highly customizable algorithms for most scenarios. The purpose of
         this sample is to demonstrate how to run an arbitrary layout algorithm. For an overview of the available
-        layout styles, please see <a href="../../../demos/layout/layoutstyles/index.html">Layout Styles Demo</a>.</p>
+        layout styles, please see <a href="../../../demos/layout/layoutstyles/index.html" target="_blank">Layout Styles Demo</a>.</p>
 
       <ul>
         <li>Click the 'Layout' button in the toolbar to run an automatic layout.</li>

demos/01-tutorial-getting-started/10-layout/resources/layout-sample.graphml

@@ -28,7 +28,6 @@
      // 
      ////////////////////////////////////////////////////////////////////////-->
 
-<!--Created by yFiles for HTML 2.0-Dev-->
 <graphml xsi:schemaLocation="http://graphml.graphdrawing.org/xmlns http://www.yworks.com/xml/schema/graphml.html/2.0/ygraphml.xsd " xmlns="http://graphml.graphdrawing.org/xmlns" xmlns:x="http://www.yworks.com/xml/yfiles-common/markup/3.0" xmlns:y="http://www.yworks.com/xml/yfiles-common/3.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns:yjs="http://www.yworks.com/xml/yfiles-for-html/2.0/xaml">
 	<key id="d0" for="node" attr.type="boolean" attr.name="Expanded" y:attr.uri="http://www.yworks.com/xml/yfiles-common/2.0/folding/Expanded">
 		<default>true</default>

demos/01-tutorial-getting-started/11-custom-ports/index.html

@@ -53,7 +53,7 @@ <h2>Tutorial Demo 12</h2>
 
       <h3>Customizing the ports of nodes using Lookup.</h3>
 
-      <p>This step presents the <a href="https://docs.yworks.com/yfileshtml/#/dguide/customizing_concepts_lookup">
+      <p>This step presents the <a href="https://docs.yworks.com/yfileshtml/#/dguide/customizing_concepts_lookup" target="_blank">
         ILookup</a> interface. Here, it is used to customize the port handling by
         returning a different set of ports that are available for interactive edge creation.</p>
 

demos/01-tutorial-getting-started/README.html

@@ -232,7 +232,7 @@ <h4>Contact</h4>
   <div class="footer-block">
     <h4>Follow Us</h4>
     <div class="social">
-      <a href="https://www.yworks.com/products/yfileshtml" target="_blank" class="web">Homepage</a>
+      <a href="https://www.yworks.com/products/yfiles-for-html" target="_blank" class="web">Homepage</a>
       <a href="https://www.yworks.com/newsfeed" target="_blank" class="rss">RSS Feed</a>
     </div>
     <div>

demos/02-tutorial-custom-styles/01-custom-node-style/index.html

@@ -73,22 +73,22 @@ <h2>Left to Do</h2>
 
     <ul>
       <li>
-        Use node's <a href="https://docs.yworks.com/yfileshtml/#/api/yfiles.graph.ITagOwner#tag">yfiles.graph.ITagOwner#tag</a> as
+        Use node's <a href="https://docs.yworks.com/yfileshtml/#/api/yfiles.graph.ITagOwner#tag" target="_blank">yfiles.graph.ITagOwner#tag</a> as
         background color.
       </li>
       <li>
         Implement high-performance rendering of nodes.
       </li>
       <li>
-        Implement <a href="https://docs.yworks.com/yfileshtml/#/api/yfiles.styles.NodeStyleBase#isInside">yfiles.styles.NodeStyleBase#isInside</a> and <a href="https://docs.yworks.com/yfileshtml/#/api/yfiles.styles.NodeStyleBase#getOutline">yfiles.styles.NodeStyleBase#getOutline</a>,
+        Implement <a href="https://docs.yworks.com/yfileshtml/#/api/yfiles.styles.NodeStyleBase#isInside" target="_blank">yfiles.styles.NodeStyleBase#isInside</a> and <a href="https://docs.yworks.com/yfileshtml/#/api/yfiles.styles.NodeStyleBase#getOutline" target="_blank">yfiles.styles.NodeStyleBase#getOutline</a>,
         so that the edges end at the node instead of the node's bounding box.
       </li>
       <li>
-        Implement <a href="https://docs.yworks.com/yfileshtml/#/api/yfiles.styles.NodeStyleBase#isHit">yfiles.styles.NodeStyleBase#isHit</a>, so that a node won't get selected when clicking on its
+        Implement <a href="https://docs.yworks.com/yfileshtml/#/api/yfiles.styles.NodeStyleBase#isHit" target="_blank">yfiles.styles.NodeStyleBase#isHit</a>, so that a node won't get selected when clicking on its
         bounding box but, not on the node itself.
       </li>
       <li>
-        Implement <a href="https://docs.yworks.com/yfileshtml/#/api/yfiles.styles.NodeStyleBase#getBounds">yfiles.styles.NodeStyleBase#getBounds</a>, so that the drop shadow will be included in the
+        Implement <a href="https://docs.yworks.com/yfileshtml/#/api/yfiles.styles.NodeStyleBase#getBounds" target="_blank">yfiles.styles.NodeStyleBase#getBounds</a>, so that the drop shadow will be included in the
         bounds of the node.
       </li>
       <li>

demos/02-tutorial-custom-styles/02-node-color/index.html

@@ -50,8 +50,8 @@
   <h1 class="demo-sidebar-header">Description</h1>
   <div class="demo-sidebar-content">
 
-    <p>This step shows how to change the style of the nodes based on their <a href="https://docs.yworks.com/yfileshtml/#/api/yfiles.graph.ITagOwner#tag">yfiles.graph.ITagOwner#tag</a>.</p>
-    <p>In this case, the background color of the nodes can be set via the <a href="https://docs.yworks.com/yfileshtml/#/api/yfiles.graph.ITagOwner#tag">yfiles.graph.ITagOwner#tag</a>
+    <p>This step shows how to change the style of the nodes based on their <a href="https://docs.yworks.com/yfileshtml/#/api/yfiles.graph.ITagOwner#tag" target="_blank">yfiles.graph.ITagOwner#tag</a>.</p>
+    <p>In this case, the background color of the nodes can be set via the <a href="https://docs.yworks.com/yfileshtml/#/api/yfiles.graph.ITagOwner#tag" target="_blank">yfiles.graph.ITagOwner#tag</a>
       property of the nodes.</p>
 
     <h2>Things to Try</h2>
@@ -70,15 +70,15 @@ <h2>Left to Do</h2>
         Implement high-performance rendering of nodes.
       </li>
       <li>
-        Implement <a href="https://docs.yworks.com/yfileshtml/#/api/yfiles.styles.NodeStyleBase#isInside">yfiles.styles.NodeStyleBase#isInside</a> and <a href="https://docs.yworks.com/yfileshtml/#/api/yfiles.styles.NodeStyleBase#getOutline">yfiles.styles.NodeStyleBase#getOutline</a>,
+        Implement <a href="https://docs.yworks.com/yfileshtml/#/api/yfiles.styles.NodeStyleBase#isInside" target="_blank">yfiles.styles.NodeStyleBase#isInside</a> and <a href="https://docs.yworks.com/yfileshtml/#/api/yfiles.styles.NodeStyleBase#getOutline" target="_blank">yfiles.styles.NodeStyleBase#getOutline</a>,
         so that the edges end at the node instead of the node's bounding box.
       </li>
       <li>
-        Implement <a href="https://docs.yworks.com/yfileshtml/#/api/yfiles.styles.NodeStyleBase#isHit">yfiles.styles.NodeStyleBase#isHit</a>, so that a node won't get selected when clicking on its
+        Implement <a href="https://docs.yworks.com/yfileshtml/#/api/yfiles.styles.NodeStyleBase#isHit" target="_blank">yfiles.styles.NodeStyleBase#isHit</a>, so that a node won't get selected when clicking on its
         bounding box but, not on the node itself.
       </li>
       <li>
-        Implement <a href="https://docs.yworks.com/yfileshtml/#/api/yfiles.styles.NodeStyleBase#getBounds">yfiles.styles.NodeStyleBase#getBounds</a>, so that the drop shadow will be included in the
+        Implement <a href="https://docs.yworks.com/yfileshtml/#/api/yfiles.styles.NodeStyleBase#getBounds" target="_blank">yfiles.styles.NodeStyleBase#getBounds</a>, so that the drop shadow will be included in the
         bounds of the node.
       </li>
       <li>

demos/02-tutorial-custom-styles/03-update-visual-and-render-data-cache/index.html

@@ -54,25 +54,25 @@ <h1 class="demo-sidebar-header">Description</h1>
       This step shows how to implement high-performance rendering of nodes. </p>
 
     <p>
-      To achieve this, you need to implement <a href="https://docs.yworks.com/yfileshtml/#/api/yfiles.styles.NodeStyleBase#updateVisual">yfiles.styles.NodeStyleBase#updateVisual</a> which is called when the
-      container decides to update the visual representation of a node. In contrast to <a href="https://docs.yworks.com/yfileshtml/#/api/yfiles.styles.NodeStyleBase#createVisual">yfiles.styles.NodeStyleBase#createVisual</a>,
+      To achieve this, you need to implement <a href="https://docs.yworks.com/yfileshtml/#/api/yfiles.styles.NodeStyleBase#updateVisual" target="_blank">yfiles.styles.NodeStyleBase#updateVisual</a> which is called when the
+      container decides to update the visual representation of a node. In contrast to <a href="https://docs.yworks.com/yfileshtml/#/api/yfiles.styles.NodeStyleBase#createVisual" target="_blank">yfiles.styles.NodeStyleBase#createVisual</a>,
       we try to re-use the old visual instead of creating a new one. </p>
     <p>
-      Method <code>createRenderDataCache()</code> saves the relevant data for creating a visual. <a href="https://docs.yworks.com/yfileshtml/#/api/yfiles.styles.NodeStyleBase#updateVisual">yfiles.styles.NodeStyleBase#updateVisual</a>
+      Method <code>createRenderDataCache()</code> saves the relevant data for creating a visual. <a href="https://docs.yworks.com/yfileshtml/#/api/yfiles.styles.NodeStyleBase#updateVisual" target="_blank">yfiles.styles.NodeStyleBase#updateVisual</a>
       checks whether this data has changed. If it hasn't changed, the old visual can be returned, otherwise the whole or
       part of the visual has to be re-rendered. </p>
     <p>
       With the "High Performance" button, you can switch between the custom implementation of <code>updateVisual()</code> and the base
-      implementation which simply calls <a href="https://docs.yworks.com/yfileshtml/#/api/yfiles.styles.NodeStyleBase#createVisual">yfiles.styles.NodeStyleBase#createVisual</a>. </p>
+      implementation which simply calls <a href="https://docs.yworks.com/yfileshtml/#/api/yfiles.styles.NodeStyleBase#createVisual" target="_blank">yfiles.styles.NodeStyleBase#createVisual</a>. </p>
 
     <h2>Things to Try</h2>
 
     <ul>
       <li>
-        Click "Animate Nodes" to see the performance of <a href="https://docs.yworks.com/yfileshtml/#/api/yfiles.styles.NodeStyleBase#createVisual">yfiles.styles.NodeStyleBase#createVisual</a>.
+        Click "Animate Nodes" to see the performance of <a href="https://docs.yworks.com/yfileshtml/#/api/yfiles.styles.NodeStyleBase#createVisual" target="_blank">yfiles.styles.NodeStyleBase#createVisual</a>.
       </li>
       <li>
-        Turn on "High Performance" and click "Start Animation" to see the benefit of implementing <a href="https://docs.yworks.com/yfileshtml/#/api/yfiles.styles.NodeStyleBase#updateVisual">yfiles.styles.NodeStyleBase#updateVisual</a>.
+        Turn on "High Performance" and click "Start Animation" to see the benefit of implementing <a href="https://docs.yworks.com/yfileshtml/#/api/yfiles.styles.NodeStyleBase#updateVisual" target="_blank">yfiles.styles.NodeStyleBase#updateVisual</a>.
       </li>
       <li>
         Take a look at the methods <code>updateVisual()</code> and <code>createRenderDataCache()</code> of class <code>MySimpleNodeStyle</code>.
@@ -83,15 +83,15 @@ <h2>Left to Do</h2>
 
     <ul>
       <li>
-        Implement <a href="https://docs.yworks.com/yfileshtml/#/api/yfiles.styles.NodeStyleBase#isInside">yfiles.styles.NodeStyleBase#isInside</a> and <a href="https://docs.yworks.com/yfileshtml/#/api/yfiles.styles.NodeStyleBase#getOutline">yfiles.styles.NodeStyleBase#getOutline</a>,
+        Implement <a href="https://docs.yworks.com/yfileshtml/#/api/yfiles.styles.NodeStyleBase#isInside" target="_blank">yfiles.styles.NodeStyleBase#isInside</a> and <a href="https://docs.yworks.com/yfileshtml/#/api/yfiles.styles.NodeStyleBase#getOutline" target="_blank">yfiles.styles.NodeStyleBase#getOutline</a>,
         so that the edges end at the node instead of the node's bounding box.
       </li>
       <li>
-        Implement <a href="https://docs.yworks.com/yfileshtml/#/api/yfiles.styles.NodeStyleBase#isHit">yfiles.styles.NodeStyleBase#isHit</a>, so that a node won't get selected when clicking on its
+        Implement <a href="https://docs.yworks.com/yfileshtml/#/api/yfiles.styles.NodeStyleBase#isHit" target="_blank">yfiles.styles.NodeStyleBase#isHit</a>, so that a node won't get selected when clicking on its
         bounding box but, not on the node itself.
       </li>
       <li>
-        Implement <a href="https://docs.yworks.com/yfileshtml/#/api/yfiles.styles.NodeStyleBase#getBounds">yfiles.styles.NodeStyleBase#getBounds</a>, so that the drop shadow will be included in the
+        Implement <a href="https://docs.yworks.com/yfileshtml/#/api/yfiles.styles.NodeStyleBase#getBounds" target="_blank">yfiles.styles.NodeStyleBase#getBounds</a>, so that the drop shadow will be included in the
         bounds of the node.
       </li>
       <li>