carbon-components-angular 5.67.0 → 5.68.0

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"/>
+<polygon fill="none" stroke="black" points="1771,-78 1771,-130 2103,-130 2103,-78 1771,-78"/>
+</g>
+<g id="clust14" class="cluster">
+<title>cluster_ModalModule_exports</title>
+<polygon fill="none" stroke="black" points="387,-208 387,-260 1458,-260 1458,-208 387,-208"/>
 </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="1147,-78 1147,-130 1763,-130 1763,-78 1147,-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"/>
+<g id="clust2" class="cluster">
+<title>cluster_ModalModule_declarations</title>
+<polygon fill="none" stroke="black" points="16,-78 16,-130 1139,-130 1139,-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="1130.81,-122 1049.19,-122 1049.19,-86 1130.81,-86 1130.81,-122"/>
+<text text-anchor="middle" x="1090" 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="1039.1,-187 1036.1,-191 1015.1,-191 1012.1,-187 942.9,-187 942.9,-151 1039.1,-151 1039.1,-187"/>
+<text text-anchor="middle" x="991" 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="M1049.14,-104C1041.03,-104 1034.96,-104 1034.96,-104 1034.96,-104 1034.96,-140.89 1034.96,-140.89"/>
+<polygon fill="black" stroke="black" points="1031.47,-140.89 1034.96,-150.89 1038.47,-140.89 1031.47,-140.89"/>
 </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="1030.76,-122 951.24,-122 951.24,-86 1030.76,-86 1030.76,-122"/>
+<text text-anchor="middle" x="991" 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="M991,-122.11C991,-122.11 991,-140.99 991,-140.99"/>
+<polygon fill="black" stroke="black" points="987.5,-140.99 991,-150.99 994.5,-140.99 987.5,-140.99"/>
 </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="933,-122 879,-122 879,-86 933,-86 933,-122"/>
+<text text-anchor="middle" x="906" 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="M933.14,-104C940.77,-104 947.04,-104 947.04,-104 947.04,-104 947.04,-140.89 947.04,-140.89"/>
+<polygon fill="black" stroke="black" points="943.54,-140.89 947.04,-150.89 950.54,-140.89 943.54,-140.89"/>
 </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="861.38,-122 764.62,-122 764.62,-86 861.38,-86 861.38,-122"/>
+<text text-anchor="middle" x="813" 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="M839.57,-122.05C839.57,-136.37 839.57,-154 839.57,-154 839.57,-154 932.67,-154 932.67,-154"/>
+<polygon fill="black" stroke="black" points="932.67,-157.5 942.67,-154 932.67,-150.5 932.67,-157.5"/>
 </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="746.04,-122 623.96,-122 623.96,-86 746.04,-86 746.04,-122"/>
+<text text-anchor="middle" x="685" 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="M724.52,-122.24C724.52,-137.57 724.52,-157 724.52,-157 724.52,-157 932.74,-157 932.74,-157"/>
+<polygon fill="black" stroke="black" points="932.74,-160.5 942.74,-157 932.74,-153.5 932.74,-160.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="605.6,-122 516.4,-122 516.4,-86 605.6,-86 605.6,-122"/>
+<text text-anchor="middle" x="561" 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="M573.3,-122.03C573.3,-138.4 573.3,-160 573.3,-160 573.3,-160 932.68,-160 932.68,-160"/>
+<polygon fill="black" stroke="black" points="932.68,-163.5 942.68,-160 932.68,-156.5 932.68,-163.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="498.46,-122 405.54,-122 405.54,-86 498.46,-86 498.46,-122"/>
+<text text-anchor="middle" x="452" 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="M452,-122.02C452,-139.37 452,-163 452,-163 452,-163 932.69,-163 932.69,-163"/>
+<polygon fill="black" stroke="black" points="932.69,-166.5 942.69,-163 932.69,-159.5 932.69,-166.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="387.39,-122 246.61,-122 246.61,-86 387.39,-86 387.39,-122"/>
+<text text-anchor="middle" x="317" 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="M317,-122.27C317,-140.56 317,-166 317,-166 317,-166 932.8,-166 932.8,-166"/>
+<polygon fill="black" stroke="black" points="932.8,-169.5 942.8,-166 932.8,-162.5 932.8,-169.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="228.33,-122 103.67,-122 103.67,-86 228.33,-86 228.33,-122"/>
+<text text-anchor="middle" x="166" 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="M166,-122.11C166,-141.34 166,-169 166,-169 166,-169 932.78,-169 932.78,-169"/>
+<polygon fill="black" stroke="black" points="932.78,-172.5 942.78,-169 932.78,-165.5 932.78,-172.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="85.59,-122 24.41,-122 24.41,-86 85.59,-86 85.59,-122"/>
+<text text-anchor="middle" x="55" 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="M55,-122.22C55,-142.37 55,-172 55,-172 55,-172 932.65,-172 932.65,-172"/>
+<polygon fill="black" stroke="black" points="932.65,-175.5 942.65,-172 932.65,-168.5 932.65,-175.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="1450.31,-252 1365.69,-252 1365.69,-216 1450.31,-216 1450.31,-252"/>
+<text text-anchor="middle" x="1408" 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="M1039.17,-175C1142.14,-175 1374.4,-175 1374.4,-175 1374.4,-175 1374.4,-205.98 1374.4,-205.98"/>
+<polygon fill="black" stroke="black" points="1370.9,-205.98 1374.4,-215.98 1377.9,-205.98 1370.9,-205.98"/>
 </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="1347.76,-252 1264.24,-252 1264.24,-216 1347.76,-216 1347.76,-252"/>
+<text text-anchor="middle" x="1306" 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="M1039.09,-178C1119.51,-178 1272.59,-178 1272.59,-178 1272.59,-178 1272.59,-205.97 1272.59,-205.97"/>
+<polygon fill="black" stroke="black" points="1269.09,-205.97 1272.59,-215.97 1276.09,-205.97 1269.09,-205.97"/>
 </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="1246.05,-252 1189.95,-252 1189.95,-216 1246.05,-216 1246.05,-252"/>
+<text text-anchor="middle" x="1218" 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="M1039.14,-181C1105.77,-181 1218,-181 1218,-181 1218,-181 1218,-205.76 1218,-205.76"/>
+<polygon fill="black" stroke="black" points="1214.5,-205.76 1218,-215.76 1221.5,-205.76 1214.5,-205.76"/>
 </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="1172.38,-252 1071.62,-252 1071.62,-216 1172.38,-216 1172.38,-252"/>
+<text text-anchor="middle" x="1122" 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="M1039.35,-184C1068.97,-184 1101.23,-184 1101.23,-184 1101.23,-184 1101.23,-205.95 1101.23,-205.95"/>
+<polygon fill="black" stroke="black" points="1097.73,-205.95 1101.23,-215.95 1104.73,-205.95 1097.73,-205.95"/>
 </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="1054.04,-252 927.96,-252 927.96,-216 1054.04,-216 1054.04,-252"/>
+<text text-anchor="middle" x="991" 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="M991,-187.11C991,-187.11 991,-205.99 991,-205.99"/>
+<polygon fill="black" stroke="black" points="987.5,-205.99 991,-215.99 994.5,-205.99 987.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="910.1,-252 817.9,-252 817.9,-216 910.1,-216 910.1,-252"/>
+<text text-anchor="middle" x="864" 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="M942.82,-184C918.74,-184 894.65,-184 894.65,-184 894.65,-184 894.65,-205.95 894.65,-205.95"/>
+<polygon fill="black" stroke="black" points="891.15,-205.95 894.65,-215.95 898.15,-205.95 891.15,-205.95"/>
 </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="799.46,-252 702.54,-252 702.54,-216 799.46,-216 799.46,-252"/>
+<text text-anchor="middle" x="751" 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="M942.76,-181C881.01,-181 781.89,-181 781.89,-181 781.89,-181 781.89,-205.76 781.89,-205.76"/>
+<polygon fill="black" stroke="black" points="778.39,-205.76 781.89,-215.76 785.39,-205.76 778.39,-205.76"/>
 </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="684.89,-252 541.11,-252 541.11,-216 684.89,-216 684.89,-252"/>
+<text text-anchor="middle" x="613" 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="M942.76,-178C849.67,-178 654.34,-178 654.34,-178 654.34,-178 654.34,-205.97 654.34,-205.97"/>
+<polygon fill="black" stroke="black" points="650.84,-205.97 654.34,-215.97 657.84,-205.97 650.84,-205.97"/>
 </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="523.33,-252 394.67,-252 394.67,-216 523.33,-216 523.33,-252"/>
+<text text-anchor="middle" x="459" 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="M942.87,-175C820.56,-175 507.47,-175 507.47,-175 507.47,-175 507.47,-205.98 507.47,-205.98"/>
+<polygon fill="black" stroke="black" points="503.97,-205.98 507.47,-215.98 510.97,-205.98 503.97,-205.98"/>
 </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="1754.67,-122 1751.67,-126 1730.67,-126 1727.67,-122 1657.33,-122 1657.33,-86 1754.67,-86 1754.67,-122"/>
+<text text-anchor="middle" x="1706" 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="M1706,-122.27C1706,-140.56 1706,-166 1706,-166 1706,-166 1049.3,-166 1049.3,-166"/>
+<polygon fill="black" stroke="black" points="1049.3,-162.5 1039.3,-166 1049.3,-169.5 1049.3,-162.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="1639.47,-122 1636.47,-126 1615.47,-126 1612.47,-122 1504.53,-122 1504.53,-86 1639.47,-86 1639.47,-122"/>
+<text text-anchor="middle" x="1572" 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="M1572,-122.02C1572,-139.37 1572,-163 1572,-163 1572,-163 1049.54,-163 1049.54,-163"/>
+<polygon fill="black" stroke="black" points="1049.54,-159.5 1039.54,-163 1049.54,-166.5 1049.54,-159.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="1486.71,-122 1483.71,-126 1462.71,-126 1459.71,-122 1401.29,-122 1401.29,-86 1486.71,-86 1486.71,-122"/>
+<text text-anchor="middle" x="1444" 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="M1425.9,-122.03C1425.9,-138.4 1425.9,-160 1425.9,-160 1425.9,-160 1049.2,-160 1049.2,-160"/>
+<polygon fill="black" stroke="black" points="1049.2,-156.5 1039.2,-160 1049.2,-163.5 1049.2,-156.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="1383.43,-122 1380.43,-126 1359.43,-126 1356.43,-122 1298.57,-122 1298.57,-86 1383.43,-86 1383.43,-122"/>
+<text text-anchor="middle" x="1341" 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="M1323.21,-122.24C1323.21,-137.57 1323.21,-157 1323.21,-157 1323.21,-157 1049.31,-157 1049.31,-157"/>
+<polygon fill="black" stroke="black" points="1049.31,-153.5 1039.31,-157 1049.31,-160.5 1049.31,-153.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="1280.63,-122 1277.63,-126 1256.63,-126 1253.63,-122 1155.37,-122 1155.37,-86 1280.63,-86 1280.63,-122"/>
+<text text-anchor="middle" x="1218" 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="M1163.69,-122.05C1163.69,-136.37 1163.69,-154 1163.69,-154 1163.69,-154 1049.1,-154 1049.1,-154"/>
+<polygon fill="black" stroke="black" points="1049.1,-150.5 1039.1,-154 1049.1,-157.5 1049.1,-150.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="2011" cy="-104" rx="83.95" ry="18"/>
+<text text-anchor="middle" x="2011" 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="M2011,-122.22C2011,-142.37 2011,-172 2011,-172 2011,-172 1049.17,-172 1049.17,-172"/>
+<polygon fill="black" stroke="black" points="1049.17,-168.5 1039.17,-172 1049.17,-175.5 1049.17,-168.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="1844" cy="-104" rx="65.41" ry="18"/>
+<text text-anchor="middle" x="1844" 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="M1844,-122.11C1844,-141.34 1844,-169 1844,-169 1844,-169 1049.3,-169 1049.3,-169"/>
+<polygon fill="black" stroke="black" points="1049.31,-165.5 1039.3,-169 1049.3,-172.5 1049.31,-165.5"/>
 </g>
 </g>
 </svg>