carbon-components-angular 5.72.2 → 5.72.4

package/docs/documentation/modules/ModalModule/dependencies.svg

@@ -24,339 +24,339 @@
 <title>cluster_ModalModule</title>
 <polygon fill="none" stroke="black" stroke-dasharray="1,5" points="8,-70 8,-268 2111,-268 2111,-70 8,-70"/>
 </g>
-<g id="clust2" class="cluster">
-<title>cluster_ModalModule_declarations</title>
-<polygon fill="none" stroke="black" points="980,-78 980,-130 2103,-130 2103,-78 980,-78"/>
-</g>
-<g id="clust16" class="cluster">
-<title>cluster_ModalModule_providers</title>
-<polygon fill="none" stroke="black" points="640,-78 640,-130 972,-130 972,-78 640,-78"/>
-</g>
 <g id="clust13" class="cluster">
 <title>cluster_ModalModule_imports</title>
-<polygon fill="none" stroke="black" points="16,-78 16,-130 632,-130 632,-78 16,-78"/>
+<polygon fill="none" stroke="black" points="1487,-78 1487,-130 2103,-130 2103,-78 1487,-78"/>
 </g>
 <g id="clust14" class="cluster">
 <title>cluster_ModalModule_exports</title>
-<polygon fill="none" stroke="black" points="526,-208 526,-260 1597,-260 1597,-208 526,-208"/>
+<polygon fill="none" stroke="black" points="549,-208 549,-260 1620,-260 1620,-208 549,-208"/>
+</g>
+<g id="clust2" class="cluster">
+<title>cluster_ModalModule_declarations</title>
+<polygon fill="none" stroke="black" points="356,-78 356,-130 1479,-130 1479,-78 356,-78"/>
+</g>
+<g id="clust16" class="cluster">
+<title>cluster_ModalModule_providers</title>
+<polygon fill="none" stroke="black" points="16,-78 16,-130 348,-130 348,-78 16,-78"/>
 </g>
 <!-- AlertModal -->
 <g id="node1" class="node">
 <title>AlertModal</title>
-<polygon fill="#ffffb3" stroke="black" points="2094.81,-122 2013.19,-122 2013.19,-86 2094.81,-86 2094.81,-122"/>
-<text text-anchor="middle" x="2054" y="-99.8" font-family="Times,serif" font-size="14.00">AlertModal</text>
+<polygon fill="#ffffb3" stroke="black" points="1470.81,-122 1389.19,-122 1389.19,-86 1470.81,-86 1470.81,-122"/>
+<text text-anchor="middle" x="1430" y="-99.8" font-family="Times,serif" font-size="14.00">AlertModal</text>
 </g>
 <!-- ModalModule -->
 <g id="node11" class="node">
 <title>ModalModule</title>
-<polygon fill="#8dd3c7" stroke="black" points="1178.1,-187 1175.1,-191 1154.1,-191 1151.1,-187 1081.9,-187 1081.9,-151 1178.1,-151 1178.1,-187"/>
-<text text-anchor="middle" x="1130" y="-164.8" font-family="Times,serif" font-size="14.00">ModalModule</text>
+<polygon fill="#8dd3c7" stroke="black" points="1201.1,-187 1198.1,-191 1177.1,-191 1174.1,-187 1104.9,-187 1104.9,-151 1201.1,-151 1201.1,-187"/>
+<text text-anchor="middle" x="1153" y="-164.8" font-family="Times,serif" font-size="14.00">ModalModule</text>
 </g>
 <!-- AlertModal&#45;&gt;ModalModule -->
 <g id="edge1" class="edge">
 <title>AlertModal&#45;&gt;ModalModule</title>
-<path fill="none" stroke="black" d="M2054,-122.03C2054,-142.77 2054,-174 2054,-174 2054,-174 1188.05,-174 1188.05,-174"/>
-<polygon fill="black" stroke="black" points="1188.05,-170.5 1178.05,-174 1188.05,-177.5 1188.05,-170.5"/>
+<path fill="none" stroke="black" d="M1398.68,-122.03C1398.68,-138.4 1398.68,-160 1398.68,-160 1398.68,-160 1211.25,-160 1211.25,-160"/>
+<polygon fill="black" stroke="black" points="1211.25,-156.5 1201.25,-160 1211.25,-163.5 1211.25,-156.5"/>
 </g>
 <!-- BaseModal -->
 <g id="node2" class="node">
 <title>BaseModal</title>
-<polygon fill="#ffffb3" stroke="black" points="1994.76,-122 1915.24,-122 1915.24,-86 1994.76,-86 1994.76,-122"/>
-<text text-anchor="middle" x="1955" y="-99.8" font-family="Times,serif" font-size="14.00">BaseModal</text>
+<polygon fill="#ffffb3" stroke="black" points="1370.76,-122 1291.24,-122 1291.24,-86 1370.76,-86 1370.76,-122"/>
+<text text-anchor="middle" x="1331" y="-99.8" font-family="Times,serif" font-size="14.00">BaseModal</text>
 </g>
 <!-- BaseModal&#45;&gt;ModalModule -->
 <g id="edge2" class="edge">
 <title>BaseModal&#45;&gt;ModalModule</title>
-<path fill="none" stroke="black" d="M1955,-122.31C1955,-142.15 1955,-171 1955,-171 1955,-171 1188.22,-171 1188.22,-171"/>
-<polygon fill="black" stroke="black" points="1188.22,-167.5 1178.22,-171 1188.22,-174.5 1188.22,-167.5"/>
+<path fill="none" stroke="black" d="M1312.66,-122.24C1312.66,-137.57 1312.66,-157 1312.66,-157 1312.66,-157 1211.34,-157 1211.34,-157"/>
+<polygon fill="black" stroke="black" points="1211.34,-153.5 1201.34,-157 1211.34,-160.5 1211.34,-153.5"/>
 </g>
 <!-- Modal -->
 <g id="node3" class="node">
 <title>Modal</title>
-<polygon fill="#ffffb3" stroke="black" points="1897,-122 1843,-122 1843,-86 1897,-86 1897,-122"/>
-<text text-anchor="middle" x="1870" y="-99.8" font-family="Times,serif" font-size="14.00">Modal</text>
+<polygon fill="#ffffb3" stroke="black" points="1273,-122 1219,-122 1219,-86 1273,-86 1273,-122"/>
+<text text-anchor="middle" x="1246" y="-99.8" font-family="Times,serif" font-size="14.00">Modal</text>
 </g>
 <!-- Modal&#45;&gt;ModalModule -->
 <g id="edge3" class="edge">
 <title>Modal&#45;&gt;ModalModule</title>
-<path fill="none" stroke="black" d="M1870,-122.17C1870,-141.09 1870,-168 1870,-168 1870,-168 1188.27,-168 1188.27,-168"/>
-<polygon fill="black" stroke="black" points="1188.27,-164.5 1178.27,-168 1188.27,-171.5 1188.27,-164.5"/>
+<path fill="none" stroke="black" d="M1226.4,-122.05C1226.4,-136.37 1226.4,-154 1226.4,-154 1226.4,-154 1211.14,-154 1211.14,-154"/>
+<polygon fill="black" stroke="black" points="1211.14,-150.5 1201.14,-154 1211.14,-157.5 1211.14,-150.5"/>
 </g>
 <!-- ModalContent -->
 <g id="node4" class="node">
 <title>ModalContent</title>
-<polygon fill="#ffffb3" stroke="black" points="1825.38,-122 1728.62,-122 1728.62,-86 1825.38,-86 1825.38,-122"/>
-<text text-anchor="middle" x="1777" y="-99.8" font-family="Times,serif" font-size="14.00">ModalContent</text>
+<polygon fill="#ffffb3" stroke="black" points="1201.38,-122 1104.62,-122 1104.62,-86 1201.38,-86 1201.38,-122"/>
+<text text-anchor="middle" x="1153" y="-99.8" font-family="Times,serif" font-size="14.00">ModalContent</text>
 </g>
 <!-- ModalContent&#45;&gt;ModalModule -->
 <g id="edge4" class="edge">
 <title>ModalContent&#45;&gt;ModalModule</title>
-<path fill="none" stroke="black" d="M1777,-122.3C1777,-140.27 1777,-165 1777,-165 1777,-165 1188.1,-165 1188.1,-165"/>
-<polygon fill="black" stroke="black" points="1188.1,-161.5 1178.1,-165 1188.1,-168.5 1188.1,-161.5"/>
+<path fill="none" stroke="black" d="M1153,-122.11C1153,-122.11 1153,-140.99 1153,-140.99"/>
+<polygon fill="black" stroke="black" points="1149.5,-140.99 1153,-150.99 1156.5,-140.99 1149.5,-140.99"/>
 </g>
 <!-- ModalContentText -->
 <g id="node5" class="node">
 <title>ModalContentText</title>
-<polygon fill="#ffffb3" stroke="black" points="1710.04,-122 1587.96,-122 1587.96,-86 1710.04,-86 1710.04,-122"/>
-<text text-anchor="middle" x="1649" y="-99.8" font-family="Times,serif" font-size="14.00">ModalContentText</text>
+<polygon fill="#ffffb3" stroke="black" points="1086.04,-122 963.96,-122 963.96,-86 1086.04,-86 1086.04,-122"/>
+<text text-anchor="middle" x="1025" y="-99.8" font-family="Times,serif" font-size="14.00">ModalContentText</text>
 </g>
 <!-- ModalContentText&#45;&gt;ModalModule -->
 <g id="edge5" class="edge">
 <title>ModalContentText&#45;&gt;ModalModule</title>
-<path fill="none" stroke="black" d="M1649.84,-122.02C1649.84,-139.37 1649.84,-163 1649.84,-163 1649.84,-163 1188.44,-163 1188.44,-163"/>
-<polygon fill="black" stroke="black" points="1188.44,-159.5 1178.44,-163 1188.44,-166.5 1188.44,-159.5"/>
+<path fill="none" stroke="black" d="M1079.28,-122.05C1079.28,-136.37 1079.28,-154 1079.28,-154 1079.28,-154 1094.65,-154 1094.65,-154"/>
+<polygon fill="black" stroke="black" points="1094.65,-157.5 1104.65,-154 1094.65,-150.5 1094.65,-157.5"/>
 </g>
 <!-- ModalFooter -->
 <g id="node6" class="node">
 <title>ModalFooter</title>
-<polygon fill="#ffffb3" stroke="black" points="1569.6,-122 1480.4,-122 1480.4,-86 1569.6,-86 1569.6,-122"/>
-<text text-anchor="middle" x="1525" y="-99.8" font-family="Times,serif" font-size="14.00">ModalFooter</text>
+<polygon fill="#ffffb3" stroke="black" points="945.6,-122 856.4,-122 856.4,-86 945.6,-86 945.6,-122"/>
+<text text-anchor="middle" x="901" y="-99.8" font-family="Times,serif" font-size="14.00">ModalFooter</text>
 </g>
 <!-- ModalFooter&#45;&gt;ModalModule -->
 <g id="edge6" class="edge">
 <title>ModalFooter&#45;&gt;ModalModule</title>
-<path fill="none" stroke="black" d="M1495.61,-122.03C1495.61,-138.4 1495.61,-160 1495.61,-160 1495.61,-160 1188.17,-160 1188.17,-160"/>
-<polygon fill="black" stroke="black" points="1188.17,-156.5 1178.17,-160 1188.17,-163.5 1188.17,-156.5"/>
+<path fill="none" stroke="black" d="M905.16,-122.24C905.16,-137.57 905.16,-157 905.16,-157 905.16,-157 1094.92,-157 1094.92,-157"/>
+<polygon fill="black" stroke="black" points="1094.92,-160.5 1104.92,-157 1094.92,-153.5 1094.92,-160.5"/>
 </g>
 <!-- ModalHeader -->
 <g id="node7" class="node">
 <title>ModalHeader</title>
-<polygon fill="#ffffb3" stroke="black" points="1462.46,-122 1369.54,-122 1369.54,-86 1462.46,-86 1462.46,-122"/>
-<text text-anchor="middle" x="1416" y="-99.8" font-family="Times,serif" font-size="14.00">ModalHeader</text>
+<polygon fill="#ffffb3" stroke="black" points="838.46,-122 745.54,-122 745.54,-86 838.46,-86 838.46,-122"/>
+<text text-anchor="middle" x="792" y="-99.8" font-family="Times,serif" font-size="14.00">ModalHeader</text>
 </g>
 <!-- ModalHeader&#45;&gt;ModalModule -->
 <g id="edge7" class="edge">
 <title>ModalHeader&#45;&gt;ModalModule</title>
-<path fill="none" stroke="black" d="M1377.27,-122.24C1377.27,-137.57 1377.27,-157 1377.27,-157 1377.27,-157 1188.26,-157 1188.26,-157"/>
-<polygon fill="black" stroke="black" points="1188.26,-153.5 1178.26,-157 1188.26,-160.5 1188.26,-153.5"/>
+<path fill="none" stroke="black" d="M792,-122.03C792,-138.4 792,-160 792,-160 792,-160 1094.69,-160 1094.69,-160"/>
+<polygon fill="black" stroke="black" points="1094.69,-163.5 1104.69,-160 1094.69,-156.5 1094.69,-163.5"/>
 </g>
 <!-- ModalHeaderHeading -->
 <g id="node8" class="node">
 <title>ModalHeaderHeading</title>
-<polygon fill="#ffffb3" stroke="black" points="1351.39,-122 1210.61,-122 1210.61,-86 1351.39,-86 1351.39,-122"/>
-<text text-anchor="middle" x="1281" y="-99.8" font-family="Times,serif" font-size="14.00">ModalHeaderHeading</text>
+<polygon fill="#ffffb3" stroke="black" points="727.39,-122 586.61,-122 586.61,-86 727.39,-86 727.39,-122"/>
+<text text-anchor="middle" x="657" y="-99.8" font-family="Times,serif" font-size="14.00">ModalHeaderHeading</text>
 </g>
 <!-- ModalHeaderHeading&#45;&gt;ModalModule -->
 <g id="edge8" class="edge">
 <title>ModalHeaderHeading&#45;&gt;ModalModule</title>
-<path fill="none" stroke="black" d="M1244.27,-122.05C1244.27,-136.37 1244.27,-154 1244.27,-154 1244.27,-154 1188.13,-154 1188.13,-154"/>
-<polygon fill="black" stroke="black" points="1188.13,-150.5 1178.13,-154 1188.13,-157.5 1188.13,-150.5"/>
+<path fill="none" stroke="black" d="M715.12,-122.02C715.12,-139.37 715.12,-163 715.12,-163 715.12,-163 1094.89,-163 1094.89,-163"/>
+<polygon fill="black" stroke="black" points="1094.89,-166.5 1104.89,-163 1094.89,-159.5 1094.89,-166.5"/>
 </g>
 <!-- ModalHeaderLabel -->
 <g id="node9" class="node">
 <title>ModalHeaderLabel</title>
-<polygon fill="#ffffb3" stroke="black" points="1192.33,-122 1067.67,-122 1067.67,-86 1192.33,-86 1192.33,-122"/>
-<text text-anchor="middle" x="1130" y="-99.8" font-family="Times,serif" font-size="14.00">ModalHeaderLabel</text>
+<polygon fill="#ffffb3" stroke="black" points="568.33,-122 443.67,-122 443.67,-86 568.33,-86 568.33,-122"/>
+<text text-anchor="middle" x="506" y="-99.8" font-family="Times,serif" font-size="14.00">ModalHeaderLabel</text>
 </g>
 <!-- ModalHeaderLabel&#45;&gt;ModalModule -->
 <g id="edge9" class="edge">
 <title>ModalHeaderLabel&#45;&gt;ModalModule</title>
-<path fill="none" stroke="black" d="M1130,-122.11C1130,-122.11 1130,-140.99 1130,-140.99"/>
-<polygon fill="black" stroke="black" points="1126.5,-140.99 1130,-150.99 1133.5,-140.99 1126.5,-140.99"/>
+<path fill="none" stroke="black" d="M562.62,-122.3C562.62,-140.27 562.62,-165 562.62,-165 562.62,-165 1094.69,-165 1094.69,-165"/>
+<polygon fill="black" stroke="black" points="1094.69,-168.5 1104.69,-165 1094.69,-161.5 1094.69,-168.5"/>
 </g>
 <!-- Overlay -->
 <g id="node10" class="node">
 <title>Overlay</title>
-<polygon fill="#ffffb3" stroke="black" points="1049.59,-122 988.41,-122 988.41,-86 1049.59,-86 1049.59,-122"/>
-<text text-anchor="middle" x="1019" y="-99.8" font-family="Times,serif" font-size="14.00">Overlay</text>
+<polygon fill="#ffffb3" stroke="black" points="425.59,-122 364.41,-122 364.41,-86 425.59,-86 425.59,-122"/>
+<text text-anchor="middle" x="395" y="-99.8" font-family="Times,serif" font-size="14.00">Overlay</text>
 </g>
 <!-- Overlay&#45;&gt;ModalModule -->
 <g id="edge10" class="edge">
 <title>Overlay&#45;&gt;ModalModule</title>
-<path fill="none" stroke="black" d="M1029.02,-122.05C1029.02,-136.37 1029.02,-154 1029.02,-154 1029.02,-154 1071.88,-154 1071.88,-154"/>
-<polygon fill="black" stroke="black" points="1071.88,-157.5 1081.88,-154 1071.88,-150.5 1071.88,-157.5"/>
+<path fill="none" stroke="black" d="M395,-122.17C395,-141.09 395,-168 395,-168 395,-168 1094.72,-168 1094.72,-168"/>
+<polygon fill="black" stroke="black" points="1094.72,-171.5 1104.72,-168 1094.72,-164.5 1094.72,-171.5"/>
 </g>
 <!-- AlertModal  -->
 <g id="node17" class="node">
 <title>AlertModal </title>
-<polygon fill="#fb8072" stroke="black" points="1589.31,-252 1504.69,-252 1504.69,-216 1589.31,-216 1589.31,-252"/>
-<text text-anchor="middle" x="1547" y="-229.8" font-family="Times,serif" font-size="14.00">AlertModal </text>
+<polygon fill="#fb8072" stroke="black" points="1612.31,-252 1527.69,-252 1527.69,-216 1612.31,-216 1612.31,-252"/>
+<text text-anchor="middle" x="1570" y="-229.8" font-family="Times,serif" font-size="14.00">AlertModal </text>
 </g>
 <!-- ModalModule&#45;&gt;AlertModal  -->
 <g id="edge16" class="edge">
 <title>ModalModule&#45;&gt;AlertModal </title>
-<path fill="none" stroke="black" stroke-dasharray="5,2" d="M1178.29,-176C1286.12,-176 1537.07,-176 1537.07,-176 1537.07,-176 1537.07,-205.97 1537.07,-205.97"/>
-<polygon fill="black" stroke="black" points="1533.57,-205.97 1537.07,-215.97 1540.57,-205.97 1533.57,-205.97"/>
+<path fill="none" stroke="black" stroke-dasharray="5,2" d="M1201.24,-176C1311.01,-176 1570,-176 1570,-176 1570,-176 1570,-205.97 1570,-205.97"/>
+<polygon fill="black" stroke="black" points="1566.5,-205.97 1570,-215.97 1573.5,-205.97 1566.5,-205.97"/>
 </g>
 <!-- BaseModal  -->
 <g id="node18" class="node">
 <title>BaseModal </title>
-<polygon fill="#fb8072" stroke="black" points="1486.76,-252 1403.24,-252 1403.24,-216 1486.76,-216 1486.76,-252"/>
-<text text-anchor="middle" x="1445" y="-229.8" font-family="Times,serif" font-size="14.00">BaseModal </text>
+<polygon fill="#fb8072" stroke="black" points="1509.76,-252 1426.24,-252 1426.24,-216 1509.76,-216 1509.76,-252"/>
+<text text-anchor="middle" x="1468" y="-229.8" font-family="Times,serif" font-size="14.00">BaseModal </text>
 </g>
 <!-- ModalModule&#45;&gt;BaseModal  -->
 <g id="edge17" class="edge">
 <title>ModalModule&#45;&gt;BaseModal </title>
-<path fill="none" stroke="black" stroke-dasharray="5,2" d="M1178.33,-179C1263.86,-179 1432.93,-179 1432.93,-179 1432.93,-179 1432.93,-205.99 1432.93,-205.99"/>
-<polygon fill="black" stroke="black" points="1429.43,-205.99 1432.93,-215.99 1436.43,-205.99 1429.43,-205.99"/>
+<path fill="none" stroke="black" stroke-dasharray="5,2" d="M1201.14,-179C1284.87,-179 1448.51,-179 1448.51,-179 1448.51,-179 1448.51,-205.99 1448.51,-205.99"/>
+<polygon fill="black" stroke="black" points="1445.01,-205.99 1448.51,-215.99 1452.01,-205.99 1445.01,-205.99"/>
 </g>
 <!-- Modal  -->
 <g id="node19" class="node">
 <title>Modal </title>
-<polygon fill="#fb8072" stroke="black" points="1385.05,-252 1328.95,-252 1328.95,-216 1385.05,-216 1385.05,-252"/>
-<text text-anchor="middle" x="1357" y="-229.8" font-family="Times,serif" font-size="14.00">Modal </text>
+<polygon fill="#fb8072" stroke="black" points="1408.05,-252 1351.95,-252 1351.95,-216 1408.05,-216 1408.05,-252"/>
+<text text-anchor="middle" x="1380" y="-229.8" font-family="Times,serif" font-size="14.00">Modal </text>
 </g>
 <!-- ModalModule&#45;&gt;Modal  -->
 <g id="edge18" class="edge">
 <title>ModalModule&#45;&gt;Modal </title>
-<path fill="none" stroke="black" stroke-dasharray="5,2" d="M1178.2,-182C1240.22,-182 1340.08,-182 1340.08,-182 1340.08,-182 1340.08,-205.81 1340.08,-205.81"/>
-<polygon fill="black" stroke="black" points="1336.58,-205.81 1340.08,-215.81 1343.58,-205.81 1336.58,-205.81"/>
+<path fill="none" stroke="black" stroke-dasharray="5,2" d="M1201.08,-182C1262.63,-182 1361.43,-182 1361.43,-182 1361.43,-182 1361.43,-205.81 1361.43,-205.81"/>
+<polygon fill="black" stroke="black" points="1357.93,-205.81 1361.43,-215.81 1364.93,-205.81 1357.93,-205.81"/>
 </g>
 <!-- ModalContent  -->
 <g id="node20" class="node">
 <title>ModalContent </title>
-<polygon fill="#fb8072" stroke="black" points="1311.38,-252 1210.62,-252 1210.62,-216 1311.38,-216 1311.38,-252"/>
-<text text-anchor="middle" x="1261" y="-229.8" font-family="Times,serif" font-size="14.00">ModalContent </text>
+<polygon fill="#fb8072" stroke="black" points="1334.38,-252 1233.62,-252 1233.62,-216 1334.38,-216 1334.38,-252"/>
+<text text-anchor="middle" x="1284" y="-229.8" font-family="Times,serif" font-size="14.00">ModalContent </text>
 </g>
 <!-- ModalModule&#45;&gt;ModalContent  -->
 <g id="edge19" class="edge">
 <title>ModalModule&#45;&gt;ModalContent </title>
-<path fill="none" stroke="black" stroke-dasharray="5,2" d="M1178.37,-185C1221.46,-185 1277.73,-185 1277.73,-185 1277.73,-185 1277.73,-205.75 1277.73,-205.75"/>
-<polygon fill="black" stroke="black" points="1274.23,-205.75 1277.73,-215.75 1281.23,-205.75 1274.23,-205.75"/>
+<path fill="none" stroke="black" stroke-dasharray="5,2" d="M1201.14,-185C1226.91,-185 1253.4,-185 1253.4,-185 1253.4,-185 1253.4,-205.75 1253.4,-205.75"/>
+<polygon fill="black" stroke="black" points="1249.9,-205.75 1253.4,-215.75 1256.9,-205.75 1249.9,-205.75"/>
 </g>
 <!-- ModalContentText  -->
 <g id="node21" class="node">
 <title>ModalContentText </title>
-<polygon fill="#fb8072" stroke="black" points="1193.04,-252 1066.96,-252 1066.96,-216 1193.04,-216 1193.04,-252"/>
-<text text-anchor="middle" x="1130" y="-229.8" font-family="Times,serif" font-size="14.00">ModalContentText </text>
+<polygon fill="#fb8072" stroke="black" points="1216.04,-252 1089.96,-252 1089.96,-216 1216.04,-216 1216.04,-252"/>
+<text text-anchor="middle" x="1153" y="-229.8" font-family="Times,serif" font-size="14.00">ModalContentText </text>
 </g>
 <!-- ModalModule&#45;&gt;ModalContentText  -->
 <g id="edge20" class="edge">
 <title>ModalModule&#45;&gt;ModalContentText </title>
-<path fill="none" stroke="black" stroke-dasharray="5,2" d="M1130,-187.11C1130,-187.11 1130,-205.99 1130,-205.99"/>
-<polygon fill="black" stroke="black" points="1126.5,-205.99 1130,-215.99 1133.5,-205.99 1126.5,-205.99"/>
+<path fill="none" stroke="black" stroke-dasharray="5,2" d="M1153,-187.11C1153,-187.11 1153,-205.99 1153,-205.99"/>
+<polygon fill="black" stroke="black" points="1149.5,-205.99 1153,-215.99 1156.5,-205.99 1149.5,-205.99"/>
 </g>
 <!-- ModalFooter  -->
 <g id="node22" class="node">
 <title>ModalFooter </title>
-<polygon fill="#fb8072" stroke="black" points="1049.1,-252 956.9,-252 956.9,-216 1049.1,-216 1049.1,-252"/>
-<text text-anchor="middle" x="1003" y="-229.8" font-family="Times,serif" font-size="14.00">ModalFooter </text>
+<polygon fill="#fb8072" stroke="black" points="1072.1,-252 979.9,-252 979.9,-216 1072.1,-216 1072.1,-252"/>
+<text text-anchor="middle" x="1026" y="-229.8" font-family="Times,serif" font-size="14.00">ModalFooter </text>
 </g>
 <!-- ModalModule&#45;&gt;ModalFooter  -->
 <g id="edge21" class="edge">
 <title>ModalModule&#45;&gt;ModalFooter </title>
-<path fill="none" stroke="black" stroke-dasharray="5,2" d="M1081.73,-185C1047.91,-185 1008.74,-185 1008.74,-185 1008.74,-185 1008.74,-205.75 1008.74,-205.75"/>
-<polygon fill="black" stroke="black" points="1005.24,-205.75 1008.74,-215.75 1012.24,-205.75 1005.24,-205.75"/>
+<path fill="none" stroke="black" stroke-dasharray="5,2" d="M1104.62,-185C1068.73,-185 1026,-185 1026,-185 1026,-185 1026,-205.75 1026,-205.75"/>
+<polygon fill="black" stroke="black" points="1022.5,-205.75 1026,-215.75 1029.5,-205.75 1022.5,-205.75"/>
 </g>
 <!-- ModalHeader  -->
 <g id="node23" class="node">
 <title>ModalHeader </title>
-<polygon fill="#fb8072" stroke="black" points="938.46,-252 841.54,-252 841.54,-216 938.46,-216 938.46,-252"/>
-<text text-anchor="middle" x="890" y="-229.8" font-family="Times,serif" font-size="14.00">ModalHeader </text>
+<polygon fill="#fb8072" stroke="black" points="961.46,-252 864.54,-252 864.54,-216 961.46,-216 961.46,-252"/>
+<text text-anchor="middle" x="913" y="-229.8" font-family="Times,serif" font-size="14.00">ModalHeader </text>
 </g>
 <!-- ModalModule&#45;&gt;ModalHeader  -->
 <g id="edge22" class="edge">
 <title>ModalModule&#45;&gt;ModalHeader </title>
-<path fill="none" stroke="black" stroke-dasharray="5,2" d="M1081.72,-182C1011.64,-182 890,-182 890,-182 890,-182 890,-205.81 890,-205.81"/>
-<polygon fill="black" stroke="black" points="886.5,-205.81 890,-215.81 893.5,-205.81 886.5,-205.81"/>
+<path fill="none" stroke="black" stroke-dasharray="5,2" d="M1104.93,-182C1045.87,-182 953.39,-182 953.39,-182 953.39,-182 953.39,-205.81 953.39,-205.81"/>
+<polygon fill="black" stroke="black" points="949.89,-205.81 953.39,-215.81 956.89,-205.81 949.89,-205.81"/>
 </g>
 <!-- ModalHeaderHeading  -->
 <g id="node24" class="node">
 <title>ModalHeaderHeading </title>
-<polygon fill="#fb8072" stroke="black" points="823.89,-252 680.11,-252 680.11,-216 823.89,-216 823.89,-252"/>
-<text text-anchor="middle" x="752" y="-229.8" font-family="Times,serif" font-size="14.00">ModalHeaderHeading </text>
+<polygon fill="#fb8072" stroke="black" points="846.89,-252 703.11,-252 703.11,-216 846.89,-216 846.89,-252"/>
+<text text-anchor="middle" x="775" y="-229.8" font-family="Times,serif" font-size="14.00">ModalHeaderHeading </text>
 </g>
 <!-- ModalModule&#45;&gt;ModalHeaderHeading  -->
 <g id="edge23" class="edge">
 <title>ModalModule&#45;&gt;ModalHeaderHeading </title>
-<path fill="none" stroke="black" stroke-dasharray="5,2" d="M1081.74,-179C992.35,-179 809.99,-179 809.99,-179 809.99,-179 809.99,-205.99 809.99,-205.99"/>
-<polygon fill="black" stroke="black" points="806.49,-205.99 809.99,-215.99 813.49,-205.99 806.49,-205.99"/>
+<path fill="none" stroke="black" stroke-dasharray="5,2" d="M1104.86,-179C1017.7,-179 842.71,-179 842.71,-179 842.71,-179 842.71,-205.99 842.71,-205.99"/>
+<polygon fill="black" stroke="black" points="839.21,-205.99 842.71,-215.99 846.21,-205.99 839.21,-205.99"/>
 </g>
 <!-- ModalHeaderLabel  -->
 <g id="node25" class="node">
 <title>ModalHeaderLabel </title>
-<polygon fill="#fb8072" stroke="black" points="662.33,-252 533.67,-252 533.67,-216 662.33,-216 662.33,-252"/>
-<text text-anchor="middle" x="598" y="-229.8" font-family="Times,serif" font-size="14.00">ModalHeaderLabel </text>
+<polygon fill="#fb8072" stroke="black" points="685.33,-252 556.67,-252 556.67,-216 685.33,-216 685.33,-252"/>
+<text text-anchor="middle" x="621" y="-229.8" font-family="Times,serif" font-size="14.00">ModalHeaderLabel </text>
 </g>
 <!-- ModalModule&#45;&gt;ModalHeaderLabel  -->
 <g id="edge24" class="edge">
 <title>ModalModule&#45;&gt;ModalHeaderLabel </title>
-<path fill="none" stroke="black" stroke-dasharray="5,2" d="M1081.84,-176C961.08,-176 654.98,-176 654.98,-176 654.98,-176 654.98,-205.97 654.98,-205.97"/>
-<polygon fill="black" stroke="black" points="651.48,-205.97 654.98,-215.97 658.48,-205.97 651.48,-205.97"/>
+<path fill="none" stroke="black" stroke-dasharray="5,2" d="M1104.82,-176C976.48,-176 635.99,-176 635.99,-176 635.99,-176 635.99,-205.97 635.99,-205.97"/>
+<polygon fill="black" stroke="black" points="632.49,-205.97 635.99,-215.97 639.49,-205.97 632.49,-205.97"/>
 </g>
 <!-- ButtonModule -->
 <g id="node12" class="node">
 <title>ButtonModule</title>
-<polygon fill="#8dd3c7" stroke="black" points="623.67,-122 620.67,-126 599.67,-126 596.67,-122 526.33,-122 526.33,-86 623.67,-86 623.67,-122"/>
-<text text-anchor="middle" x="575" y="-99.8" font-family="Times,serif" font-size="14.00">ButtonModule</text>
+<polygon fill="#8dd3c7" stroke="black" points="2094.67,-122 2091.67,-126 2070.67,-126 2067.67,-122 1997.33,-122 1997.33,-86 2094.67,-86 2094.67,-122"/>
+<text text-anchor="middle" x="2046" y="-99.8" font-family="Times,serif" font-size="14.00">ButtonModule</text>
 </g>
 <!-- ButtonModule&#45;&gt;ModalModule -->
 <g id="edge11" class="edge">
 <title>ButtonModule&#45;&gt;ModalModule</title>
-<path fill="none" stroke="black" d="M578.83,-122.02C578.83,-139.37 578.83,-163 578.83,-163 578.83,-163 1071.57,-163 1071.57,-163"/>
-<polygon fill="black" stroke="black" points="1071.57,-166.5 1081.57,-163 1071.57,-159.5 1071.57,-166.5"/>
+<path fill="none" stroke="black" d="M2046,-122.03C2046,-142.77 2046,-174 2046,-174 2046,-174 1211.33,-174 1211.33,-174"/>
+<polygon fill="black" stroke="black" points="1211.33,-170.5 1201.33,-174 1211.33,-177.5 1211.33,-170.5"/>
 </g>
 <!-- ExperimentalModule -->
 <g id="node13" class="node">
 <title>ExperimentalModule</title>
-<polygon fill="#8dd3c7" stroke="black" points="508.47,-122 505.47,-126 484.47,-126 481.47,-122 373.53,-122 373.53,-86 508.47,-86 508.47,-122"/>
-<text text-anchor="middle" x="441" y="-99.8" font-family="Times,serif" font-size="14.00">ExperimentalModule</text>
+<polygon fill="#8dd3c7" stroke="black" points="1979.47,-122 1976.47,-126 1955.47,-126 1952.47,-122 1844.53,-122 1844.53,-86 1979.47,-86 1979.47,-122"/>
+<text text-anchor="middle" x="1912" y="-99.8" font-family="Times,serif" font-size="14.00">ExperimentalModule</text>
 </g>
 <!-- ExperimentalModule&#45;&gt;ModalModule -->
 <g id="edge12" class="edge">
 <title>ExperimentalModule&#45;&gt;ModalModule</title>
-<path fill="none" stroke="black" d="M441,-122.3C441,-140.27 441,-165 441,-165 441,-165 1071.82,-165 1071.82,-165"/>
-<polygon fill="black" stroke="black" points="1071.82,-168.5 1081.82,-165 1071.82,-161.5 1071.82,-168.5"/>
+<path fill="none" stroke="black" d="M1912,-122.31C1912,-142.15 1912,-171 1912,-171 1912,-171 1211.05,-171 1211.05,-171"/>
+<polygon fill="black" stroke="black" points="1211.05,-167.5 1201.05,-171 1211.05,-174.5 1211.05,-167.5"/>
 </g>
 <!-- I18nModule -->
 <g id="node14" class="node">
 <title>I18nModule</title>
-<polygon fill="#8dd3c7" stroke="black" points="355.71,-122 352.71,-126 331.71,-126 328.71,-122 270.29,-122 270.29,-86 355.71,-86 355.71,-122"/>
-<text text-anchor="middle" x="313" y="-99.8" font-family="Times,serif" font-size="14.00">I18nModule</text>
+<polygon fill="#8dd3c7" stroke="black" points="1826.71,-122 1823.71,-126 1802.71,-126 1799.71,-122 1741.29,-122 1741.29,-86 1826.71,-86 1826.71,-122"/>
+<text text-anchor="middle" x="1784" y="-99.8" font-family="Times,serif" font-size="14.00">I18nModule</text>
 </g>
 <!-- I18nModule&#45;&gt;ModalModule -->
 <g id="edge13" class="edge">
 <title>I18nModule&#45;&gt;ModalModule</title>
-<path fill="none" stroke="black" d="M313,-122.17C313,-141.09 313,-168 313,-168 313,-168 1071.94,-168 1071.94,-168"/>
-<polygon fill="black" stroke="black" points="1071.94,-171.5 1081.94,-168 1071.94,-164.5 1071.94,-171.5"/>
+<path fill="none" stroke="black" d="M1784,-122.17C1784,-141.09 1784,-168 1784,-168 1784,-168 1211.21,-168 1211.21,-168"/>
+<polygon fill="black" stroke="black" points="1211.21,-164.5 1201.21,-168 1211.21,-171.5 1211.21,-164.5"/>
 </g>
 <!-- IconModule -->
 <g id="node15" class="node">
 <title>IconModule</title>
-<polygon fill="#8dd3c7" stroke="black" points="252.43,-122 249.43,-126 228.43,-126 225.43,-122 167.57,-122 167.57,-86 252.43,-86 252.43,-122"/>
-<text text-anchor="middle" x="210" y="-99.8" font-family="Times,serif" font-size="14.00">IconModule</text>
+<polygon fill="#8dd3c7" stroke="black" points="1723.43,-122 1720.43,-126 1699.43,-126 1696.43,-122 1638.57,-122 1638.57,-86 1723.43,-86 1723.43,-122"/>
+<text text-anchor="middle" x="1681" y="-99.8" font-family="Times,serif" font-size="14.00">IconModule</text>
 </g>
 <!-- IconModule&#45;&gt;ModalModule -->
 <g id="edge14" class="edge">
 <title>IconModule&#45;&gt;ModalModule</title>
-<path fill="none" stroke="black" d="M210,-122.31C210,-142.15 210,-171 210,-171 210,-171 1071.83,-171 1071.83,-171"/>
-<polygon fill="black" stroke="black" points="1071.83,-174.5 1081.83,-171 1071.83,-167.5 1071.83,-174.5"/>
+<path fill="none" stroke="black" d="M1681,-122.3C1681,-140.27 1681,-165 1681,-165 1681,-165 1211.26,-165 1211.26,-165"/>
+<polygon fill="black" stroke="black" points="1211.26,-161.5 1201.26,-165 1211.26,-168.5 1211.26,-161.5"/>
 </g>
 <!-- PlaceholderModule -->
 <g id="node16" class="node">
 <title>PlaceholderModule</title>
-<polygon fill="#8dd3c7" stroke="black" points="149.63,-122 146.63,-126 125.63,-126 122.63,-122 24.37,-122 24.37,-86 149.63,-86 149.63,-122"/>
-<text text-anchor="middle" x="87" y="-99.8" font-family="Times,serif" font-size="14.00">PlaceholderModule</text>
+<polygon fill="#8dd3c7" stroke="black" points="1620.63,-122 1617.63,-126 1596.63,-126 1593.63,-122 1495.37,-122 1495.37,-86 1620.63,-86 1620.63,-122"/>
+<text text-anchor="middle" x="1558" y="-99.8" font-family="Times,serif" font-size="14.00">PlaceholderModule</text>
 </g>
 <!-- PlaceholderModule&#45;&gt;ModalModule -->
 <g id="edge15" class="edge">
 <title>PlaceholderModule&#45;&gt;ModalModule</title>
-<path fill="none" stroke="black" d="M87,-122.03C87,-142.77 87,-174 87,-174 87,-174 1071.79,-174 1071.79,-174"/>
-<polygon fill="black" stroke="black" points="1071.79,-177.5 1081.79,-174 1071.79,-170.5 1071.79,-177.5"/>
+<path fill="none" stroke="black" d="M1502.41,-122.02C1502.41,-139.37 1502.41,-163 1502.41,-163 1502.41,-163 1211.22,-163 1211.22,-163"/>
+<polygon fill="black" stroke="black" points="1211.22,-159.5 1201.22,-163 1211.22,-166.5 1211.22,-159.5"/>
 </g>
 <!-- BaseModalService -->
 <g id="node26" class="node">
 <title>BaseModalService</title>
-<ellipse fill="#fdb462" stroke="black" cx="880" cy="-104" rx="83.95" ry="18"/>
-<text text-anchor="middle" x="880" y="-99.8" font-family="Times,serif" font-size="14.00">BaseModalService</text>
+<ellipse fill="#fdb462" stroke="black" cx="256" cy="-104" rx="83.95" ry="18"/>
+<text text-anchor="middle" x="256" y="-99.8" font-family="Times,serif" font-size="14.00">BaseModalService</text>
 </g>
 <!-- BaseModalService&#45;&gt;ModalModule -->
 <g id="edge25" class="edge">
 <title>BaseModalService&#45;&gt;ModalModule</title>
-<path fill="none" stroke="black" d="M960.34,-109.28C960.34,-122.68 960.34,-157 960.34,-157 960.34,-157 1071.84,-157 1071.84,-157"/>
-<polygon fill="black" stroke="black" points="1071.84,-160.5 1081.84,-157 1071.84,-153.5 1071.84,-160.5"/>
+<path fill="none" stroke="black" d="M256,-122.31C256,-142.15 256,-171 256,-171 256,-171 1094.77,-171 1094.77,-171"/>
+<polygon fill="black" stroke="black" points="1094.77,-174.5 1104.77,-171 1094.77,-167.5 1094.77,-174.5"/>
 </g>
 <!-- ModalService -->
 <g id="node27" class="node">
 <title>ModalService</title>
-<ellipse fill="#fdb462" stroke="black" cx="713" cy="-104" rx="65.41" ry="18"/>
-<text text-anchor="middle" x="713" y="-99.8" font-family="Times,serif" font-size="14.00">ModalService</text>
+<ellipse fill="#fdb462" stroke="black" cx="89" cy="-104" rx="65.41" ry="18"/>
+<text text-anchor="middle" x="89" y="-99.8" font-family="Times,serif" font-size="14.00">ModalService</text>
 </g>
 <!-- ModalService&#45;&gt;ModalModule -->
 <g id="edge26" class="edge">
 <title>ModalService&#45;&gt;ModalModule</title>
-<path fill="none" stroke="black" d="M729.13,-121.72C729.13,-138.12 729.13,-160 729.13,-160 729.13,-160 1071.65,-160 1071.65,-160"/>
-<polygon fill="black" stroke="black" points="1071.65,-163.5 1081.65,-160 1071.65,-156.5 1071.65,-163.5"/>
+<path fill="none" stroke="black" d="M89,-122.03C89,-142.77 89,-174 89,-174 89,-174 1094.87,-174 1094.87,-174"/>
+<polygon fill="black" stroke="black" points="1094.87,-177.5 1104.87,-174 1094.87,-170.5 1094.87,-177.5"/>
 </g>
 </g>
 </svg>