carbon-components-angular 5.72.1 → 5.72.3

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="clust16" class="cluster">
-<title>cluster_ModalModule_providers</title>
-<polygon fill="none" stroke="black" points="1771,-78 1771,-130 2103,-130 2103,-78 1771,-78"/>
-</g>
 <g id="clust13" class="cluster">
 <title>cluster_ModalModule_imports</title>
-<polygon fill="none" stroke="black" points="1147,-78 1147,-130 1763,-130 1763,-78 1147,-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="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="16,-78 16,-130 1139,-130 1139,-78 16,-78"/>
+<polygon fill="none" stroke="black" points="356,-78 356,-130 1479,-130 1479,-78 356,-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 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="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>
+<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="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>
+<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="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"/>
+<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="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>
+<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="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"/>
+<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="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>
+<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="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"/>
+<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="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>
+<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="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"/>
+<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="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>
+<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="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"/>
+<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="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>
+<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="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"/>
+<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="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>
+<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="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"/>
+<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="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>
+<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="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"/>
+<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="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>
+<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="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"/>
+<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="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>
+<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="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"/>
+<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="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>
+<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="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"/>
+<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="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>
+<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="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"/>
+<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="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>
+<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="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"/>
+<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="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>
+<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="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"/>
+<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="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>
+<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="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"/>
+<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="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>
+<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="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"/>
+<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="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>
+<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="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"/>
+<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="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>
+<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="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"/>
+<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="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>
+<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="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"/>
+<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="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>
+<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="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"/>
+<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="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>
+<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="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"/>
+<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="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>
+<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="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"/>
+<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="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>
+<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="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"/>
+<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="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>
+<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="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"/>
+<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="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>
+<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="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"/>
+<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="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>
+<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="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"/>
+<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>