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

carbon-components-angular 5.68.0 → 5.69.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 (339) hide show

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

@@ -4,147 +4,147 @@
 <!-- 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="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"/>
-</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 id="clust8" class="cluster">
+<title>cluster_DropdownModule_exports</title>
+<polygon fill="none" stroke="black" points="302,-319.59 302,-371.59 808,-371.59 808,-319.59 302,-319.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="476,-189.59 476,-241.59 968,-241.59 968,-189.59 476,-189.59"/>
 </g>
 <g id="clust10" class="cluster">
 <title>cluster_DropdownModule_providers</title>
-<polygon fill="none" stroke="black" points="16,-189.59 16,-241.59 194,-241.59 194,-189.59 16,-189.59"/>
+<polygon fill="none" stroke="black" points="976,-189.59 976,-241.59 1154,-241.59 1154,-189.59 976,-189.59"/>
+</g>
+<g id="clust4" class="cluster">
+<title>cluster_DropdownModule_Dropdown_providers</title>
+<polygon fill="none" stroke="black" points="431,-78 431,-176.59 1069,-176.59 1069,-78 431,-78"/>
+</g>
+<g id="clust7" class="cluster">
+<title>cluster_DropdownModule_imports</title>
+<polygon fill="none" stroke="black" points="16,-189.59 16,-241.59 468,-241.59 468,-189.59 16,-189.59"/>
 </g>
 <!-- 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="959.61,-233.59 806.39,-233.59 806.39,-197.59 959.61,-197.59 959.61,-233.59"/>
+<text text-anchor="middle" x="883" 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="590.92,-298.59 587.92,-302.59 566.92,-302.59 563.92,-298.59 471.08,-298.59 471.08,-262.59 590.92,-262.59 590.92,-298.59"/>
+<text text-anchor="middle" x="531" 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="M883,-233.86C883,-252.15 883,-277.59 883,-277.59 883,-277.59 600.71,-277.59 600.71,-277.59"/>
+<polygon fill="black" stroke="black" points="600.71,-274.09 590.71,-277.59 600.71,-281.09 600.71,-274.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="787.87,-233.59 712.13,-233.59 712.13,-197.59 787.87,-197.59 787.87,-233.59"/>
+<text text-anchor="middle" x="750" 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="M750,-233.6C750,-249.64 750,-270.59 750,-270.59 750,-270.59 600.84,-270.59 600.84,-270.59"/>
+<polygon fill="black" stroke="black" points="600.84,-267.09 590.84,-270.59 600.84,-274.09 600.84,-267.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="693.65,-233.59 596.35,-233.59 596.35,-197.59 693.65,-197.59 693.65,-233.59"/>
+<text text-anchor="middle" x="645" 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="M596.16,-215.59C589.28,-215.59 584.49,-215.59 584.49,-215.59 584.49,-215.59 584.49,-252.48 584.49,-252.48"/>
+<polygon fill="black" stroke="black" points="580.99,-252.48 584.49,-262.48 587.99,-252.48 580.99,-252.48"/>
 </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="578.04,-233.59 483.96,-233.59 483.96,-197.59 578.04,-197.59 578.04,-233.59"/>
+<text text-anchor="middle" x="531" 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="M531,-233.7C531,-233.7 531,-252.58 531,-252.58"/>
+<polygon fill="black" stroke="black" points="527.5,-252.58 531,-262.58 534.5,-252.58 527.5,-252.58"/>
 </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="799.61,-363.59 642.39,-363.59 642.39,-327.59 799.61,-327.59 799.61,-363.59"/>
+<text text-anchor="middle" x="721" 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="M590.75,-291.59C627.71,-291.59 668.13,-291.59 668.13,-291.59 668.13,-291.59 668.13,-317.31 668.13,-317.31"/>
+<polygon fill="black" stroke="black" points="664.63,-317.31 668.13,-327.31 671.63,-317.31 664.63,-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="624.87,-363.59 545.13,-363.59 545.13,-327.59 624.87,-327.59 624.87,-363.59"/>
+<text text-anchor="middle" x="585" 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="M568.01,-298.7C568.01,-298.7 568.01,-317.58 568.01,-317.58"/>
+<polygon fill="black" stroke="black" points="564.51,-317.58 568.01,-327.58 571.51,-317.58 564.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="527.65,-363.59 426.35,-363.59 426.35,-327.59 527.65,-327.59 527.65,-363.59"/>
+<text text-anchor="middle" x="477" 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="M499.43,-298.7C499.43,-298.7 499.43,-317.58 499.43,-317.58"/>
+<polygon fill="black" stroke="black" points="495.93,-317.58 499.43,-327.58 502.93,-317.58 495.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="408.04,-363.59 309.96,-363.59 309.96,-327.59 408.04,-327.59 408.04,-363.59"/>
+<text text-anchor="middle" x="359" 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="M470.9,-291.59C433.01,-291.59 391.21,-291.59 391.21,-291.59 391.21,-291.59 391.21,-317.31 391.21,-317.31"/>
+<polygon fill="black" stroke="black" points="387.71,-317.31 391.21,-327.31 394.71,-317.31 387.71,-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="750" cy="-127.3" rx="310.97" ry="41.09"/>
+<text text-anchor="middle" x="750" y="-139.9" font-family="Times,serif" font-size="14.00">{</text>
+<text text-anchor="middle" x="750" 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="750" 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,68 +165,68 @@
 <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="M750,-168.6C750,-168.6 750,-187.26 750,-187.26"/>
+<polygon fill="black" stroke="black" points="746.5,-187.26 750,-197.26 753.5,-187.26 746.5,-187.26"/>
 </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="459.71,-233.59 456.71,-237.59 435.71,-237.59 432.71,-233.59 374.29,-233.59 374.29,-197.59 459.71,-197.59 459.71,-233.59"/>
+<text text-anchor="middle" x="417" 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="M459.68,-215.59C469.69,-215.59 477.51,-215.59 477.51,-215.59 477.51,-215.59 477.51,-252.48 477.51,-252.48"/>
+<polygon fill="black" stroke="black" points="474.01,-252.48 477.51,-262.48 481.01,-252.48 474.01,-252.48"/>
 </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="356.43,-233.59 353.43,-237.59 332.43,-237.59 329.43,-233.59 271.57,-233.59 271.57,-197.59 356.43,-197.59 356.43,-233.59"/>
+<text text-anchor="middle" x="314" 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="M333.1,-233.6C333.1,-249.64 333.1,-270.59 333.1,-270.59 333.1,-270.59 461.09,-270.59 461.09,-270.59"/>
+<polygon fill="black" stroke="black" points="461.09,-274.09 471.09,-270.59 461.09,-267.09 461.09,-274.09"/>
 </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="253.63,-233.59 250.63,-237.59 229.63,-237.59 226.63,-233.59 128.37,-233.59 128.37,-197.59 253.63,-197.59 253.63,-233.59"/>
+<text text-anchor="middle" x="191" 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="M191,-233.86C191,-252.15 191,-277.59 191,-277.59 191,-277.59 461,-277.59 461,-277.59"/>
+<polygon fill="black" stroke="black" points="461,-281.09 471,-277.59 461,-274.09 461,-281.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="110.27,-233.59 107.27,-237.59 86.27,-237.59 83.27,-233.59 23.73,-233.59 23.73,-197.59 110.27,-197.59 110.27,-233.59"/>
+<text text-anchor="middle" x="67" 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="M67,-233.72C67,-254.16 67,-284.59 67,-284.59 67,-284.59 460.82,-284.59 460.82,-284.59"/>
+<polygon fill="black" stroke="black" points="460.82,-288.09 470.82,-284.59 460.82,-281.09 460.82,-288.09"/>
 </g>
 <!-- DropdownService -->
 <g id="node15" class="node">
 <title>DropdownService</title>
-<ellipse fill="#fdb462" stroke="black" cx="105" cy="-215.59" rx="81.08" ry="18"/>
-<text text-anchor="middle" x="105" y="-211.39" font-family="Times,serif" font-size="14.00">DropdownService</text>
+<ellipse fill="#fdb462" stroke="black" cx="1065" cy="-215.59" rx="81.08" ry="18"/>
+<text text-anchor="middle" x="1065" y="-211.39" font-family="Times,serif" font-size="14.00">DropdownService</text>
 </g>
 <!-- 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="M1065,-233.72C1065,-254.16 1065,-284.59 1065,-284.59 1065,-284.59 600.96,-284.59 600.96,-284.59"/>
+<polygon fill="black" stroke="black" points="600.96,-281.09 590.96,-284.59 600.96,-288.09 600.96,-281.09"/>
 </g>
 </g>
 </svg>