npm - carbon-components-angular - Versions diffs - 5.68.0 → 5.70.0 - Mend

carbon-components-angular 5.68.0 → 5.70.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (348) hide show

package/docs/documentation/modules/DropdownModule/dependencies.svg CHANGED Viewed

@@ -4,41 +4,41 @@
 <!-- Generated by graphviz version 2.47.0 (20210316.0004)
  -->
 <!-- Title: dependencies Pages: 1 -->
-<svg width="1730pt" height="396pt"
- viewBox="0.00 0.00 1730.00 395.59" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<svg width="1178pt" height="396pt"
+ viewBox="0.00 0.00 1178.00 395.59" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
 <g id="graph0" class="graph" transform="scale(1 1) rotate(0) translate(4 391.59)">
 <title>dependencies</title>
-<polygon fill="white" stroke="transparent" points="-4,4 -4,-391.59 1726,-391.59 1726,4 -4,4"/>
-<text text-anchor="start" x="840.01" y="-42.4" font-family="Times-12" font-weight="bold" font-size="14.00">Legend</text>
-<polygon fill="#ffffb3" stroke="transparent" points="627,-10 627,-30 647,-30 647,-10 627,-10"/>
-<text text-anchor="start" x="650.63" y="-15.4" font-family="Times-12" font-size="14.00"> &#160;Declarations</text>
-<polygon fill="#8dd3c7" stroke="transparent" points="740,-10 740,-30 760,-30 760,-10 740,-10"/>
-<text text-anchor="start" x="763.73" y="-15.4" font-family="Times-12" font-size="14.00"> &#160;Module</text>
-<polygon fill="#80b1d3" stroke="transparent" points="826,-10 826,-30 846,-30 846,-10 826,-10"/>
-<text text-anchor="start" x="849.78" y="-15.4" font-family="Times-12" font-size="14.00"> &#160;Bootstrap</text>
-<polygon fill="#fdb462" stroke="transparent" points="923,-10 923,-30 943,-30 943,-10 923,-10"/>
-<text text-anchor="start" x="946.67" y="-15.4" font-family="Times-12" font-size="14.00"> &#160;Providers</text>
-<polygon fill="#fb8072" stroke="transparent" points="1019,-10 1019,-30 1039,-30 1039,-10 1019,-10"/>
-<text text-anchor="start" x="1042.73" y="-15.4" font-family="Times-12" font-size="14.00"> &#160;Exports</text>
+<polygon fill="white" stroke="transparent" points="-4,4 -4,-391.59 1174,-391.59 1174,4 -4,4"/>
+<text text-anchor="start" x="564.01" y="-42.4" font-family="Times-12" font-weight="bold" font-size="14.00">Legend</text>
+<polygon fill="#ffffb3" stroke="transparent" points="351,-10 351,-30 371,-30 371,-10 351,-10"/>
+<text text-anchor="start" x="374.63" y="-15.4" font-family="Times-12" font-size="14.00"> &#160;Declarations</text>
+<polygon fill="#8dd3c7" stroke="transparent" points="464,-10 464,-30 484,-30 484,-10 464,-10"/>
+<text text-anchor="start" x="487.73" y="-15.4" font-family="Times-12" font-size="14.00"> &#160;Module</text>
+<polygon fill="#80b1d3" stroke="transparent" points="550,-10 550,-30 570,-30 570,-10 550,-10"/>
+<text text-anchor="start" x="573.78" y="-15.4" font-family="Times-12" font-size="14.00"> &#160;Bootstrap</text>
+<polygon fill="#fdb462" stroke="transparent" points="647,-10 647,-30 667,-30 667,-10 647,-10"/>
+<text text-anchor="start" x="670.67" y="-15.4" font-family="Times-12" font-size="14.00"> &#160;Providers</text>
+<polygon fill="#fb8072" stroke="transparent" points="743,-10 743,-30 763,-30 763,-10 743,-10"/>
+<text text-anchor="start" x="766.73" y="-15.4" font-family="Times-12" font-size="14.00"> &#160;Exports</text>
 <g id="clust1" class="cluster">
 <title>cluster_DropdownModule</title>
-<polygon fill="none" stroke="black" stroke-dasharray="1,5" points="8,-70 8,-379.59 1714,-379.59 1714,-70 8,-70"/>
+<polygon fill="none" stroke="black" stroke-dasharray="1,5" points="8,-70 8,-379.59 1162,-379.59 1162,-70 8,-70"/>
+</g>
+<g id="clust8" class="cluster">
+<title>cluster_DropdownModule_exports</title>
+<polygon fill="none" stroke="black" points="374,-319.59 374,-371.59 880,-371.59 880,-319.59 374,-319.59"/>
+</g>
+<g id="clust2" class="cluster">
+<title>cluster_DropdownModule_declarations</title>
+<polygon fill="none" stroke="black" points="662,-189.59 662,-241.59 1154,-241.59 1154,-189.59 662,-189.59"/>
 </g>
 <g id="clust4" class="cluster">
 <title>cluster_DropdownModule_Dropdown_providers</title>
-<polygon fill="none" stroke="black" points="1068,-78 1068,-241.59 1706,-241.59 1706,-78 1068,-78"/>
+<polygon fill="none" stroke="black" points="516,-78 516,-176.59 1154,-176.59 1154,-78 516,-78"/>
 </g>
 <g id="clust7" class="cluster">
 <title>cluster_DropdownModule_imports</title>
-<polygon fill="none" stroke="black" points="608,-189.59 608,-241.59 1060,-241.59 1060,-189.59 608,-189.59"/>
-</g>
-<g id="clust2" class="cluster">
-<title>cluster_DropdownModule_declarations</title>
-<polygon fill="none" stroke="black" points="202,-189.59 202,-241.59 600,-241.59 600,-189.59 202,-189.59"/>
-</g>
-<g id="clust8" class="cluster">
-<title>cluster_DropdownModule_exports</title>
-<polygon fill="none" stroke="black" points="430,-319.59 430,-371.59 936,-371.59 936,-319.59 430,-319.59"/>
+<polygon fill="none" stroke="black" points="202,-189.59 202,-241.59 654,-241.59 654,-189.59 202,-189.59"/>
 </g>
 <g id="clust10" class="cluster">
 <title>cluster_DropdownModule_providers</title>
@@ -47,104 +47,104 @@
 <!-- AbstractDropdownView -->
 <g id="node1" class="node">
 <title>AbstractDropdownView</title>
-<polygon fill="#ffffb3" stroke="black" points="591.61,-233.59 438.39,-233.59 438.39,-197.59 591.61,-197.59 591.61,-233.59"/>
-<text text-anchor="middle" x="515" y="-211.39" font-family="Times,serif" font-size="14.00">AbstractDropdownView</text>
+<polygon fill="#ffffb3" stroke="black" points="1145.61,-233.59 992.39,-233.59 992.39,-197.59 1145.61,-197.59 1145.61,-233.59"/>
+<text text-anchor="middle" x="1069" y="-211.39" font-family="Times,serif" font-size="14.00">AbstractDropdownView</text>
 </g>
 <!-- DropdownModule -->
 <g id="node5" class="node">
 <title>DropdownModule</title>
-<polygon fill="#8dd3c7" stroke="black" points="718.92,-298.59 715.92,-302.59 694.92,-302.59 691.92,-298.59 599.08,-298.59 599.08,-262.59 718.92,-262.59 718.92,-298.59"/>
-<text text-anchor="middle" x="659" y="-276.39" font-family="Times,serif" font-size="14.00">DropdownModule</text>
+<polygon fill="#8dd3c7" stroke="black" points="662.92,-298.59 659.92,-302.59 638.92,-302.59 635.92,-298.59 543.08,-298.59 543.08,-262.59 662.92,-262.59 662.92,-298.59"/>
+<text text-anchor="middle" x="603" y="-276.39" font-family="Times,serif" font-size="14.00">DropdownModule</text>
 </g>
 <!-- AbstractDropdownView&#45;&gt;DropdownModule -->
 <g id="edge1" class="edge">
 <title>AbstractDropdownView&#45;&gt;DropdownModule</title>
-<path fill="none" stroke="black" d="M591.77,-215.59C601.12,-215.59 607.45,-215.59 607.45,-215.59 607.45,-215.59 607.45,-252.48 607.45,-252.48"/>
-<polygon fill="black" stroke="black" points="603.95,-252.48 607.45,-262.48 610.95,-252.48 603.95,-252.48"/>
+<path fill="none" stroke="black" d="M1069,-233.72C1069,-254.16 1069,-284.59 1069,-284.59 1069,-284.59 672.97,-284.59 672.97,-284.59"/>
+<polygon fill="black" stroke="black" points="672.97,-281.09 662.97,-284.59 672.97,-288.09 672.97,-281.09"/>
 </g>
 <!-- Dropdown -->
 <g id="node2" class="node">
 <title>Dropdown</title>
-<polygon fill="#ffffb3" stroke="black" points="1287.87,-233.59 1212.13,-233.59 1212.13,-197.59 1287.87,-197.59 1287.87,-233.59"/>
-<text text-anchor="middle" x="1250" y="-211.39" font-family="Times,serif" font-size="14.00">Dropdown</text>
+<polygon fill="#ffffb3" stroke="black" points="973.87,-233.59 898.13,-233.59 898.13,-197.59 973.87,-197.59 973.87,-233.59"/>
+<text text-anchor="middle" x="936" y="-211.39" font-family="Times,serif" font-size="14.00">Dropdown</text>
 </g>
 <!-- Dropdown&#45;&gt;DropdownModule -->
 <g id="edge2" class="edge">
 <title>Dropdown&#45;&gt;DropdownModule</title>
-<path fill="none" stroke="black" d="M1250,-233.72C1250,-254.16 1250,-284.59 1250,-284.59 1250,-284.59 728.92,-284.59 728.92,-284.59"/>
-<polygon fill="black" stroke="black" points="728.92,-281.09 718.92,-284.59 728.92,-288.09 728.92,-281.09"/>
+<path fill="none" stroke="black" d="M936,-233.86C936,-252.15 936,-277.59 936,-277.59 936,-277.59 672.92,-277.59 672.92,-277.59"/>
+<polygon fill="black" stroke="black" points="672.92,-274.09 662.92,-277.59 672.92,-281.09 672.92,-274.09"/>
 </g>
 <!-- DropdownList -->
 <g id="node3" class="node">
 <title>DropdownList</title>
-<polygon fill="#ffffb3" stroke="black" points="419.65,-233.59 322.35,-233.59 322.35,-197.59 419.65,-197.59 419.65,-233.59"/>
-<text text-anchor="middle" x="371" y="-211.39" font-family="Times,serif" font-size="14.00">DropdownList</text>
+<polygon fill="#ffffb3" stroke="black" points="879.65,-233.59 782.35,-233.59 782.35,-197.59 879.65,-197.59 879.65,-233.59"/>
+<text text-anchor="middle" x="831" y="-211.39" font-family="Times,serif" font-size="14.00">DropdownList</text>
 </g>
 <!-- DropdownList&#45;&gt;DropdownModule -->
 <g id="edge4" class="edge">
 <title>DropdownList&#45;&gt;DropdownModule</title>
-<path fill="none" stroke="black" d="M371,-233.6C371,-249.64 371,-270.59 371,-270.59 371,-270.59 588.98,-270.59 588.98,-270.59"/>
-<polygon fill="black" stroke="black" points="588.98,-274.09 598.98,-270.59 588.98,-267.09 588.98,-274.09"/>
+<path fill="none" stroke="black" d="M826.87,-233.6C826.87,-249.64 826.87,-270.59 826.87,-270.59 826.87,-270.59 672.99,-270.59 672.99,-270.59"/>
+<polygon fill="black" stroke="black" points="672.99,-267.09 662.99,-270.59 672.99,-274.09 672.99,-267.09"/>
 </g>
 <!-- ScrollableList -->
 <g id="node4" class="node">
 <title>ScrollableList</title>
-<polygon fill="#ffffb3" stroke="black" points="304.04,-233.59 209.96,-233.59 209.96,-197.59 304.04,-197.59 304.04,-233.59"/>
-<text text-anchor="middle" x="257" y="-211.39" font-family="Times,serif" font-size="14.00">ScrollableList</text>
+<polygon fill="#ffffb3" stroke="black" points="764.04,-233.59 669.96,-233.59 669.96,-197.59 764.04,-197.59 764.04,-233.59"/>
+<text text-anchor="middle" x="717" y="-211.39" font-family="Times,serif" font-size="14.00">ScrollableList</text>
 </g>
 <!-- ScrollableList&#45;&gt;DropdownModule -->
 <g id="edge5" class="edge">
 <title>ScrollableList&#45;&gt;DropdownModule</title>
-<path fill="none" stroke="black" d="M257,-233.86C257,-252.15 257,-277.59 257,-277.59 257,-277.59 589.25,-277.59 589.25,-277.59"/>
-<polygon fill="black" stroke="black" points="589.25,-281.09 599.25,-277.59 589.25,-274.09 589.25,-281.09"/>
+<path fill="none" stroke="black" d="M669.69,-215.59C660.76,-215.59 654.16,-215.59 654.16,-215.59 654.16,-215.59 654.16,-252.48 654.16,-252.48"/>
+<polygon fill="black" stroke="black" points="650.66,-252.48 654.16,-262.48 657.66,-252.48 650.66,-252.48"/>
 </g>
 <!-- AbstractDropdownView  -->
 <g id="node11" class="node">
 <title>AbstractDropdownView </title>
-<polygon fill="#fb8072" stroke="black" points="927.61,-363.59 770.39,-363.59 770.39,-327.59 927.61,-327.59 927.61,-363.59"/>
-<text text-anchor="middle" x="849" y="-341.39" font-family="Times,serif" font-size="14.00">AbstractDropdownView </text>
+<polygon fill="#fb8072" stroke="black" points="871.61,-363.59 714.39,-363.59 714.39,-327.59 871.61,-327.59 871.61,-363.59"/>
+<text text-anchor="middle" x="793" y="-341.39" font-family="Times,serif" font-size="14.00">AbstractDropdownView </text>
 </g>
 <!-- DropdownModule&#45;&gt;AbstractDropdownView  -->
 <g id="edge10" class="edge">
 <title>DropdownModule&#45;&gt;AbstractDropdownView </title>
-<path fill="none" stroke="black" stroke-dasharray="5,2" d="M718.8,-291.59C760.29,-291.59 808.13,-291.59 808.13,-291.59 808.13,-291.59 808.13,-317.31 808.13,-317.31"/>
-<polygon fill="black" stroke="black" points="804.63,-317.31 808.13,-327.31 811.63,-317.31 804.63,-317.31"/>
+<path fill="none" stroke="black" stroke-dasharray="5,2" d="M662.81,-291.59C699.44,-291.59 739.36,-291.59 739.36,-291.59 739.36,-291.59 739.36,-317.31 739.36,-317.31"/>
+<polygon fill="black" stroke="black" points="735.86,-317.31 739.36,-327.31 742.86,-317.31 735.86,-317.31"/>
 </g>
 <!-- Dropdown  -->
 <g id="node12" class="node">
 <title>Dropdown </title>
-<polygon fill="#fb8072" stroke="black" points="752.87,-363.59 673.13,-363.59 673.13,-327.59 752.87,-327.59 752.87,-363.59"/>
-<text text-anchor="middle" x="713" y="-341.39" font-family="Times,serif" font-size="14.00">Dropdown </text>
+<polygon fill="#fb8072" stroke="black" points="696.87,-363.59 617.13,-363.59 617.13,-327.59 696.87,-327.59 696.87,-363.59"/>
+<text text-anchor="middle" x="657" y="-341.39" font-family="Times,serif" font-size="14.00">Dropdown </text>
 </g>
 <!-- DropdownModule&#45;&gt;Dropdown  -->
 <g id="edge11" class="edge">
 <title>DropdownModule&#45;&gt;Dropdown </title>
-<path fill="none" stroke="black" stroke-dasharray="5,2" d="M696.01,-298.7C696.01,-298.7 696.01,-317.58 696.01,-317.58"/>
-<polygon fill="black" stroke="black" points="692.51,-317.58 696.01,-327.58 699.51,-317.58 692.51,-317.58"/>
+<path fill="none" stroke="black" stroke-dasharray="5,2" d="M640.01,-298.7C640.01,-298.7 640.01,-317.58 640.01,-317.58"/>
+<polygon fill="black" stroke="black" points="636.51,-317.58 640.01,-327.58 643.51,-317.58 636.51,-317.58"/>
 </g>
 <!-- DropdownList  -->
 <g id="node13" class="node">
 <title>DropdownList </title>
-<polygon fill="#fb8072" stroke="black" points="655.65,-363.59 554.35,-363.59 554.35,-327.59 655.65,-327.59 655.65,-363.59"/>
-<text text-anchor="middle" x="605" y="-341.39" font-family="Times,serif" font-size="14.00">DropdownList </text>
+<polygon fill="#fb8072" stroke="black" points="599.65,-363.59 498.35,-363.59 498.35,-327.59 599.65,-327.59 599.65,-363.59"/>
+<text text-anchor="middle" x="549" y="-341.39" font-family="Times,serif" font-size="14.00">DropdownList </text>
 </g>
 <!-- DropdownModule&#45;&gt;DropdownList  -->
 <g id="edge12" class="edge">
 <title>DropdownModule&#45;&gt;DropdownList </title>
-<path fill="none" stroke="black" stroke-dasharray="5,2" d="M627.43,-298.7C627.43,-298.7 627.43,-317.58 627.43,-317.58"/>
-<polygon fill="black" stroke="black" points="623.93,-317.58 627.43,-327.58 630.93,-317.58 623.93,-317.58"/>
+<path fill="none" stroke="black" stroke-dasharray="5,2" d="M571.43,-298.7C571.43,-298.7 571.43,-317.58 571.43,-317.58"/>
+<polygon fill="black" stroke="black" points="567.93,-317.58 571.43,-327.58 574.93,-317.58 567.93,-317.58"/>
 </g>
 <!-- ScrollableList  -->
 <g id="node14" class="node">
 <title>ScrollableList </title>
-<polygon fill="#fb8072" stroke="black" points="536.04,-363.59 437.96,-363.59 437.96,-327.59 536.04,-327.59 536.04,-363.59"/>
-<text text-anchor="middle" x="487" y="-341.39" font-family="Times,serif" font-size="14.00">ScrollableList </text>
+<polygon fill="#fb8072" stroke="black" points="480.04,-363.59 381.96,-363.59 381.96,-327.59 480.04,-327.59 480.04,-363.59"/>
+<text text-anchor="middle" x="431" y="-341.39" font-family="Times,serif" font-size="14.00">ScrollableList </text>
 </g>
 <!-- DropdownModule&#45;&gt;ScrollableList  -->
 <g id="edge13" class="edge">
 <title>DropdownModule&#45;&gt;ScrollableList </title>
-<path fill="none" stroke="black" stroke-dasharray="5,2" d="M598.88,-291.59C549.31,-291.59 487.11,-291.59 487.11,-291.59 487.11,-291.59 487.11,-317.31 487.11,-317.31"/>
-<polygon fill="black" stroke="black" points="483.61,-317.31 487.11,-327.31 490.61,-317.31 483.61,-317.31"/>
+<path fill="none" stroke="black" stroke-dasharray="5,2" d="M543.01,-291.59C507.31,-291.59 468.9,-291.59 468.9,-291.59 468.9,-291.59 468.9,-317.31 468.9,-317.31"/>
+<polygon fill="black" stroke="black" points="465.4,-317.31 468.9,-327.31 472.4,-317.31 465.4,-317.31"/>
 </g>
 <!-- {
  &#160;&#160;&#160;provide: NG_VALUE_ACCESSOR, useExisting: Dropdown, multi: true
@@ -153,10 +153,10 @@
 <title>{
  &#160;&#160;&#160;provide: NG_VALUE_ACCESSOR, useExisting: Dropdown, multi: true
 }</title>
-<ellipse fill="#fdb462" stroke="black" cx="1387" cy="-127.3" rx="310.97" ry="41.09"/>
-<text text-anchor="middle" x="1387" y="-139.9" font-family="Times,serif" font-size="14.00">{</text>
-<text text-anchor="middle" x="1387" y="-123.1" font-family="Times,serif" font-size="14.00"> &#160;&#160;&#160;provide: NG_VALUE_ACCESSOR, useExisting: Dropdown, multi: true</text>
-<text text-anchor="middle" x="1387" y="-106.3" font-family="Times,serif" font-size="14.00">}</text>
+<ellipse fill="#fdb462" stroke="black" cx="835" cy="-127.3" rx="310.97" ry="41.09"/>
+<text text-anchor="middle" x="835" y="-139.9" font-family="Times,serif" font-size="14.00">{</text>
+<text text-anchor="middle" x="835" y="-123.1" font-family="Times,serif" font-size="14.00"> &#160;&#160;&#160;provide: NG_VALUE_ACCESSOR, useExisting: Dropdown, multi: true</text>
+<text text-anchor="middle" x="835" y="-106.3" font-family="Times,serif" font-size="14.00">}</text>
 </g>
 <!-- {
  &#160;&#160;&#160;provide: NG_VALUE_ACCESSOR, useExisting: Dropdown, multi: true
@@ -165,56 +165,56 @@
 <title>{
  &#160;&#160;&#160;provide: NG_VALUE_ACCESSOR, useExisting: Dropdown, multi: true
 }&#45;&gt;Dropdown</title>
-<path fill="none" stroke="black" d="M1250,-164.48C1250,-164.48 1250,-187.22 1250,-187.22"/>
-<polygon fill="black" stroke="black" points="1246.5,-187.22 1250,-197.22 1253.5,-187.22 1246.5,-187.22"/>
+<path fill="none" stroke="black" d="M936,-166.54C936,-166.54 936,-187.21 936,-187.21"/>
+<polygon fill="black" stroke="black" points="932.5,-187.21 936,-197.21 939.5,-187.21 932.5,-187.21"/>
 </g>
 <!-- I18nModule -->
 <g id="node7" class="node">
 <title>I18nModule</title>
-<polygon fill="#8dd3c7" stroke="black" points="1051.71,-233.59 1048.71,-237.59 1027.71,-237.59 1024.71,-233.59 966.29,-233.59 966.29,-197.59 1051.71,-197.59 1051.71,-233.59"/>
-<text text-anchor="middle" x="1009" y="-211.39" font-family="Times,serif" font-size="14.00">I18nModule</text>
+<polygon fill="#8dd3c7" stroke="black" points="645.71,-233.59 642.71,-237.59 621.71,-237.59 618.71,-233.59 560.29,-233.59 560.29,-197.59 645.71,-197.59 645.71,-233.59"/>
+<text text-anchor="middle" x="603" y="-211.39" font-family="Times,serif" font-size="14.00">I18nModule</text>
 </g>
 <!-- I18nModule&#45;&gt;DropdownModule -->
 <g id="edge6" class="edge">
 <title>I18nModule&#45;&gt;DropdownModule</title>
-<path fill="none" stroke="black" d="M1009,-233.86C1009,-252.15 1009,-277.59 1009,-277.59 1009,-277.59 728.77,-277.59 728.77,-277.59"/>
-<polygon fill="black" stroke="black" points="728.77,-274.09 718.77,-277.59 728.77,-281.09 728.77,-274.09"/>
+<path fill="none" stroke="black" d="M603,-233.7C603,-233.7 603,-252.58 603,-252.58"/>
+<polygon fill="black" stroke="black" points="599.5,-252.58 603,-262.58 606.5,-252.58 599.5,-252.58"/>
 </g>
 <!-- IconModule -->
 <g id="node8" class="node">
 <title>IconModule</title>
-<polygon fill="#8dd3c7" stroke="black" points="948.43,-233.59 945.43,-237.59 924.43,-237.59 921.43,-233.59 863.57,-233.59 863.57,-197.59 948.43,-197.59 948.43,-233.59"/>
-<text text-anchor="middle" x="906" y="-211.39" font-family="Times,serif" font-size="14.00">IconModule</text>
+<polygon fill="#8dd3c7" stroke="black" points="542.43,-233.59 539.43,-237.59 518.43,-237.59 515.43,-233.59 457.57,-233.59 457.57,-197.59 542.43,-197.59 542.43,-233.59"/>
+<text text-anchor="middle" x="500" y="-211.39" font-family="Times,serif" font-size="14.00">IconModule</text>
 </g>
 <!-- IconModule&#45;&gt;DropdownModule -->
 <g id="edge7" class="edge">
 <title>IconModule&#45;&gt;DropdownModule</title>
-<path fill="none" stroke="black" d="M895.67,-233.6C895.67,-249.64 895.67,-270.59 895.67,-270.59 895.67,-270.59 728.72,-270.59 728.72,-270.59"/>
-<polygon fill="black" stroke="black" points="728.72,-267.09 718.72,-270.59 728.72,-274.09 728.72,-267.09"/>
+<path fill="none" stroke="black" d="M542.33,-215.59C547.97,-215.59 551.84,-215.59 551.84,-215.59 551.84,-215.59 551.84,-252.48 551.84,-252.48"/>
+<polygon fill="black" stroke="black" points="548.34,-252.48 551.84,-262.48 555.34,-252.48 548.34,-252.48"/>
 </g>
 <!-- PlaceholderModule -->
 <g id="node9" class="node">
 <title>PlaceholderModule</title>
-<polygon fill="#8dd3c7" stroke="black" points="845.63,-233.59 842.63,-237.59 821.63,-237.59 818.63,-233.59 720.37,-233.59 720.37,-197.59 845.63,-197.59 845.63,-233.59"/>
-<text text-anchor="middle" x="783" y="-211.39" font-family="Times,serif" font-size="14.00">PlaceholderModule</text>
+<polygon fill="#8dd3c7" stroke="black" points="439.63,-233.59 436.63,-237.59 415.63,-237.59 412.63,-233.59 314.37,-233.59 314.37,-197.59 439.63,-197.59 439.63,-233.59"/>
+<text text-anchor="middle" x="377" y="-211.39" font-family="Times,serif" font-size="14.00">PlaceholderModule</text>
 </g>
 <!-- PlaceholderModule&#45;&gt;DropdownModule -->
 <g id="edge8" class="edge">
 <title>PlaceholderModule&#45;&gt;DropdownModule</title>
-<path fill="none" stroke="black" d="M720.32,-215.59C714.4,-215.59 710.55,-215.59 710.55,-215.59 710.55,-215.59 710.55,-252.48 710.55,-252.48"/>
-<polygon fill="black" stroke="black" points="707.05,-252.48 710.55,-262.48 714.05,-252.48 707.05,-252.48"/>
+<path fill="none" stroke="black" d="M410.9,-233.6C410.9,-249.64 410.9,-270.59 410.9,-270.59 410.9,-270.59 533.27,-270.59 533.27,-270.59"/>
+<polygon fill="black" stroke="black" points="533.27,-274.09 543.27,-270.59 533.27,-267.09 533.27,-274.09"/>
 </g>
 <!-- UtilsModule -->
 <g id="node10" class="node">
 <title>UtilsModule</title>
-<polygon fill="#8dd3c7" stroke="black" points="702.27,-233.59 699.27,-237.59 678.27,-237.59 675.27,-233.59 615.73,-233.59 615.73,-197.59 702.27,-197.59 702.27,-233.59"/>
-<text text-anchor="middle" x="659" y="-211.39" font-family="Times,serif" font-size="14.00">UtilsModule</text>
+<polygon fill="#8dd3c7" stroke="black" points="296.27,-233.59 293.27,-237.59 272.27,-237.59 269.27,-233.59 209.73,-233.59 209.73,-197.59 296.27,-197.59 296.27,-233.59"/>
+<text text-anchor="middle" x="253" y="-211.39" font-family="Times,serif" font-size="14.00">UtilsModule</text>
 </g>
 <!-- UtilsModule&#45;&gt;DropdownModule -->
 <g id="edge9" class="edge">
 <title>UtilsModule&#45;&gt;DropdownModule</title>
-<path fill="none" stroke="black" d="M659,-233.7C659,-233.7 659,-252.58 659,-252.58"/>
-<polygon fill="black" stroke="black" points="655.5,-252.58 659,-262.58 662.5,-252.58 655.5,-252.58"/>
+<path fill="none" stroke="black" d="M253,-233.86C253,-252.15 253,-277.59 253,-277.59 253,-277.59 533.23,-277.59 533.23,-277.59"/>
+<polygon fill="black" stroke="black" points="533.23,-281.09 543.23,-277.59 533.23,-274.09 533.23,-281.09"/>
 </g>
 <!-- DropdownService -->
 <g id="node15" class="node">
@@ -225,8 +225,8 @@
 <!-- DropdownService&#45;&gt;DropdownModule -->
 <g id="edge14" class="edge">
 <title>DropdownService&#45;&gt;DropdownModule</title>
-<path fill="none" stroke="black" d="M105,-233.72C105,-254.16 105,-284.59 105,-284.59 105,-284.59 589.19,-284.59 589.19,-284.59"/>
-<polygon fill="black" stroke="black" points="589.19,-288.09 599.19,-284.59 589.19,-281.09 589.19,-288.09"/>
+<path fill="none" stroke="black" d="M105,-233.72C105,-254.16 105,-284.59 105,-284.59 105,-284.59 532.93,-284.59 532.93,-284.59"/>
+<polygon fill="black" stroke="black" points="532.93,-288.09 542.93,-284.59 532.93,-281.09 532.93,-288.09"/>
 </g>
 </g>
 </svg>