carbon-components-angular 5.68.0 → 5.69.0

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

@@ -24,387 +24,387 @@
 <title>cluster_NotificationModule</title>
 <polygon fill="none" stroke="black" stroke-dasharray="1,5" points="8,-70 8,-268 2497,-268 2497,-70 8,-70"/>
 </g>
+<g id="clust2" class="cluster">
+<title>cluster_NotificationModule_declarations</title>
+<polygon fill="none" stroke="black" points="1049,-78 1049,-130 2489,-130 2489,-78 1049,-78"/>
+</g>
+<g id="clust16" class="cluster">
+<title>cluster_NotificationModule_exports</title>
+<polygon fill="none" stroke="black" points="705,-208 705,-260 2054,-260 2054,-208 705,-208"/>
+</g>
 <g id="clust18" class="cluster">
 <title>cluster_NotificationModule_providers</title>
-<polygon fill="none" stroke="black" points="2048,-78 2048,-130 2489,-130 2489,-78 2048,-78"/>
+<polygon fill="none" stroke="black" points="600,-78 600,-130 1041,-130 1041,-78 600,-78"/>
 </g>
 <g id="clust15" class="cluster">
 <title>cluster_NotificationModule_imports</title>
-<polygon fill="none" stroke="black" points="1464,-78 1464,-130 2040,-130 2040,-78 1464,-78"/>
-</g>
-<g id="clust16" class="cluster">
-<title>cluster_NotificationModule_exports</title>
-<polygon fill="none" stroke="black" points="493,-208 493,-260 1842,-260 1842,-208 493,-208"/>
-</g>
-<g id="clust2" class="cluster">
-<title>cluster_NotificationModule_declarations</title>
-<polygon fill="none" stroke="black" points="16,-78 16,-130 1456,-130 1456,-78 16,-78"/>
+<polygon fill="none" stroke="black" points="16,-78 16,-130 592,-130 592,-78 16,-78"/>
 </g>
 <!-- ActionableButton -->
 <g id="node1" class="node">
 <title>ActionableButton</title>
-<polygon fill="#ffffb3" stroke="black" points="1447.54,-122 1332.46,-122 1332.46,-86 1447.54,-86 1447.54,-122"/>
-<text text-anchor="middle" x="1390" y="-99.8" font-family="Times,serif" font-size="14.00">ActionableButton</text>
+<polygon fill="#ffffb3" stroke="black" points="2480.54,-122 2365.46,-122 2365.46,-86 2480.54,-86 2480.54,-122"/>
+<text text-anchor="middle" x="2423" y="-99.8" font-family="Times,serif" font-size="14.00">ActionableButton</text>
 </g>
 <!-- NotificationModule -->
 <g id="node13" class="node">
 <title>NotificationModule</title>
-<polygon fill="#8dd3c7" stroke="black" points="1154.7,-187 1151.7,-191 1130.7,-191 1127.7,-187 1027.3,-187 1027.3,-151 1154.7,-151 1154.7,-187"/>
-<text text-anchor="middle" x="1091" y="-164.8" font-family="Times,serif" font-size="14.00">NotificationModule</text>
+<polygon fill="#8dd3c7" stroke="black" points="1366.7,-187 1363.7,-191 1342.7,-191 1339.7,-187 1239.3,-187 1239.3,-151 1366.7,-151 1366.7,-187"/>
+<text text-anchor="middle" x="1303" y="-164.8" font-family="Times,serif" font-size="14.00">NotificationModule</text>
 </g>
 <!-- ActionableButton&#45;&gt;NotificationModule -->
 <g id="edge1" class="edge">
 <title>ActionableButton&#45;&gt;NotificationModule</title>
-<path fill="none" stroke="black" d="M1359.46,-122.19C1359.46,-137.18 1359.46,-156 1359.46,-156 1359.46,-156 1164.62,-156 1164.62,-156"/>
-<polygon fill="black" stroke="black" points="1164.62,-152.5 1154.62,-156 1164.62,-159.5 1164.62,-152.5"/>
+<path fill="none" stroke="black" d="M2423,-122.22C2423,-142.37 2423,-172 2423,-172 2423,-172 1376.83,-172 1376.83,-172"/>
+<polygon fill="black" stroke="black" points="1376.83,-168.5 1366.83,-172 1376.83,-175.5 1376.83,-168.5"/>
 </g>
 <!-- ActionableNotification -->
 <g id="node2" class="node">
 <title>ActionableNotification</title>
-<polygon fill="#ffffb3" stroke="black" points="1314.57,-122 1169.43,-122 1169.43,-86 1314.57,-86 1314.57,-122"/>
-<text text-anchor="middle" x="1242" y="-99.8" font-family="Times,serif" font-size="14.00">ActionableNotification</text>
+<polygon fill="#ffffb3" stroke="black" points="2347.57,-122 2202.43,-122 2202.43,-86 2347.57,-86 2347.57,-122"/>
+<text text-anchor="middle" x="2275" y="-99.8" font-family="Times,serif" font-size="14.00">ActionableNotification</text>
 </g>
 <!-- ActionableNotification&#45;&gt;NotificationModule -->
 <g id="edge2" class="edge">
 <title>ActionableNotification&#45;&gt;NotificationModule</title>
-<path fill="none" stroke="black" d="M1203.48,-122.05C1203.48,-136.37 1203.48,-154 1203.48,-154 1203.48,-154 1164.8,-154 1164.8,-154"/>
-<polygon fill="black" stroke="black" points="1164.8,-150.5 1154.8,-154 1164.8,-157.5 1164.8,-150.5"/>
+<path fill="none" stroke="black" d="M2275,-122.11C2275,-141.34 2275,-169 2275,-169 2275,-169 1376.78,-169 1376.78,-169"/>
+<polygon fill="black" stroke="black" points="1376.78,-165.5 1366.78,-169 1376.78,-172.5 1376.78,-165.5"/>
 </g>
 <!-- ActionableSubtitle -->
 <g id="node3" class="node">
 <title>ActionableSubtitle</title>
-<polygon fill="#ffffb3" stroke="black" points="1151.48,-122 1030.52,-122 1030.52,-86 1151.48,-86 1151.48,-122"/>
-<text text-anchor="middle" x="1091" y="-99.8" font-family="Times,serif" font-size="14.00">ActionableSubtitle</text>
+<polygon fill="#ffffb3" stroke="black" points="2184.48,-122 2063.52,-122 2063.52,-86 2184.48,-86 2184.48,-122"/>
+<text text-anchor="middle" x="2124" y="-99.8" font-family="Times,serif" font-size="14.00">ActionableSubtitle</text>
 </g>
 <!-- ActionableSubtitle&#45;&gt;NotificationModule -->
 <g id="edge3" class="edge">
 <title>ActionableSubtitle&#45;&gt;NotificationModule</title>
-<path fill="none" stroke="black" d="M1091,-122.11C1091,-122.11 1091,-140.99 1091,-140.99"/>
-<polygon fill="black" stroke="black" points="1087.5,-140.99 1091,-150.99 1094.5,-140.99 1087.5,-140.99"/>
+<path fill="none" stroke="black" d="M2124,-122.22C2124,-140.83 2124,-167 2124,-167 2124,-167 1376.74,-167 1376.74,-167"/>
+<polygon fill="black" stroke="black" points="1376.74,-163.5 1366.74,-167 1376.74,-170.5 1376.74,-163.5"/>
 </g>
 <!-- ActionableTitle -->
 <g id="node4" class="node">
 <title>ActionableTitle</title>
-<polygon fill="#ffffb3" stroke="black" points="1012.86,-122 909.14,-122 909.14,-86 1012.86,-86 1012.86,-122"/>
-<text text-anchor="middle" x="961" y="-99.8" font-family="Times,serif" font-size="14.00">ActionableTitle</text>
+<polygon fill="#ffffb3" stroke="black" points="2045.86,-122 1942.14,-122 1942.14,-86 2045.86,-86 2045.86,-122"/>
+<text text-anchor="middle" x="1994" y="-99.8" font-family="Times,serif" font-size="14.00">ActionableTitle</text>
 </g>
 <!-- ActionableTitle&#45;&gt;NotificationModule -->
 <g id="edge4" class="edge">
 <title>ActionableTitle&#45;&gt;NotificationModule</title>
-<path fill="none" stroke="black" d="M974.89,-122.05C974.89,-136.37 974.89,-154 974.89,-154 974.89,-154 1017.17,-154 1017.17,-154"/>
-<polygon fill="black" stroke="black" points="1017.17,-157.5 1027.17,-154 1017.17,-150.5 1017.17,-157.5"/>
+<path fill="none" stroke="black" d="M1993.79,-122C1993.79,-139.68 1993.79,-164 1993.79,-164 1993.79,-164 1376.75,-164 1376.75,-164"/>
+<polygon fill="black" stroke="black" points="1376.75,-160.5 1366.75,-164 1376.75,-167.5 1376.75,-160.5"/>
 </g>
 <!-- BaseNotification -->
 <g id="node5" class="node">
 <title>BaseNotification</title>
-<polygon fill="#ffffb3" stroke="black" points="891.36,-122 780.64,-122 780.64,-86 891.36,-86 891.36,-122"/>
-<text text-anchor="middle" x="836" y="-99.8" font-family="Times,serif" font-size="14.00">BaseNotification</text>
+<polygon fill="#ffffb3" stroke="black" points="1924.36,-122 1813.64,-122 1813.64,-86 1924.36,-86 1924.36,-122"/>
+<text text-anchor="middle" x="1869" y="-99.8" font-family="Times,serif" font-size="14.00">BaseNotification</text>
 </g>
 <!-- BaseNotification&#45;&gt;NotificationModule -->
 <g id="edge5" class="edge">
 <title>BaseNotification&#45;&gt;NotificationModule</title>
-<path fill="none" stroke="black" d="M883.71,-122.19C883.71,-137.18 883.71,-156 883.71,-156 883.71,-156 1017.4,-156 1017.4,-156"/>
-<polygon fill="black" stroke="black" points="1017.4,-159.5 1027.4,-156 1017.4,-152.5 1017.4,-159.5"/>
+<path fill="none" stroke="black" d="M1860.93,-122.03C1860.93,-139.06 1860.93,-162 1860.93,-162 1860.93,-162 1376.73,-162 1376.73,-162"/>
+<polygon fill="black" stroke="black" points="1376.73,-158.5 1366.73,-162 1376.73,-165.5 1376.73,-158.5"/>
 </g>
 <!-- Notification -->
 <g id="node6" class="node">
 <title>Notification</title>
-<polygon fill="#ffffb3" stroke="black" points="762.65,-122 679.35,-122 679.35,-86 762.65,-86 762.65,-122"/>
-<text text-anchor="middle" x="721" y="-99.8" font-family="Times,serif" font-size="14.00">Notification</text>
+<polygon fill="#ffffb3" stroke="black" points="1795.65,-122 1712.35,-122 1712.35,-86 1795.65,-86 1795.65,-122"/>
+<text text-anchor="middle" x="1754" y="-99.8" font-family="Times,serif" font-size="14.00">Notification</text>
 </g>
 <!-- Notification&#45;&gt;NotificationModule -->
 <g id="edge6" class="edge">
 <title>Notification&#45;&gt;NotificationModule</title>
-<path fill="none" stroke="black" d="M736.18,-122.01C736.18,-138.05 736.18,-159 736.18,-159 736.18,-159 1017.16,-159 1017.16,-159"/>
-<polygon fill="black" stroke="black" points="1017.16,-162.5 1027.16,-159 1017.16,-155.5 1017.16,-162.5"/>
+<path fill="none" stroke="black" d="M1726.71,-122.01C1726.71,-138.05 1726.71,-159 1726.71,-159 1726.71,-159 1376.89,-159 1376.89,-159"/>
+<polygon fill="black" stroke="black" points="1376.89,-155.5 1366.89,-159 1376.89,-162.5 1376.89,-155.5"/>
 </g>
 <!-- NotificationSubtitle -->
 <g id="node7" class="node">
 <title>NotificationSubtitle</title>
-<polygon fill="#ffffb3" stroke="black" points="661.71,-122 534.29,-122 534.29,-86 661.71,-86 661.71,-122"/>
-<text text-anchor="middle" x="598" y="-99.8" font-family="Times,serif" font-size="14.00">NotificationSubtitle</text>
+<polygon fill="#ffffb3" stroke="black" points="1694.71,-122 1567.29,-122 1567.29,-86 1694.71,-86 1694.71,-122"/>
+<text text-anchor="middle" x="1631" y="-99.8" font-family="Times,serif" font-size="14.00">NotificationSubtitle</text>
 </g>
 <!-- NotificationSubtitle&#45;&gt;NotificationModule -->
 <g id="edge7" class="edge">
 <title>NotificationSubtitle&#45;&gt;NotificationModule</title>
-<path fill="none" stroke="black" d="M629.26,-122.04C629.26,-138.73 629.26,-161 629.26,-161 629.26,-161 1017.28,-161 1017.28,-161"/>
-<polygon fill="black" stroke="black" points="1017.28,-164.5 1027.28,-161 1017.28,-157.5 1017.28,-164.5"/>
+<path fill="none" stroke="black" d="M1583.04,-122.24C1583.04,-137.57 1583.04,-157 1583.04,-157 1583.04,-157 1376.9,-157 1376.9,-157"/>
+<polygon fill="black" stroke="black" points="1376.9,-153.5 1366.9,-157 1376.9,-160.5 1376.9,-153.5"/>
 </g>
 <!-- NotificationTitle -->
 <g id="node8" class="node">
 <title>NotificationTitle</title>
-<polygon fill="#ffffb3" stroke="black" points="516.09,-122 405.91,-122 405.91,-86 516.09,-86 516.09,-122"/>
-<text text-anchor="middle" x="461" y="-99.8" font-family="Times,serif" font-size="14.00">NotificationTitle</text>
+<polygon fill="#ffffb3" stroke="black" points="1549.09,-122 1438.91,-122 1438.91,-86 1549.09,-86 1549.09,-122"/>
+<text text-anchor="middle" x="1494" y="-99.8" font-family="Times,serif" font-size="14.00">NotificationTitle</text>
 </g>
 <!-- NotificationTitle&#45;&gt;NotificationModule -->
 <g id="edge8" class="edge">
 <title>NotificationTitle&#45;&gt;NotificationModule</title>
-<path fill="none" stroke="black" d="M508.76,-122.02C508.76,-139.37 508.76,-163 508.76,-163 508.76,-163 1017.3,-163 1017.3,-163"/>
-<polygon fill="black" stroke="black" points="1017.3,-166.5 1027.3,-163 1017.3,-159.5 1017.3,-166.5"/>
+<path fill="none" stroke="black" d="M1456.27,-122.05C1456.27,-136.37 1456.27,-154 1456.27,-154 1456.27,-154 1376.67,-154 1376.67,-154"/>
+<polygon fill="black" stroke="black" points="1376.67,-150.5 1366.67,-154 1376.67,-157.5 1376.67,-150.5"/>
 </g>
 <!-- Toast -->
 <g id="node9" class="node">
 <title>Toast</title>
-<polygon fill="#ffffb3" stroke="black" points="388,-122 334,-122 334,-86 388,-86 388,-122"/>
-<text text-anchor="middle" x="361" y="-99.8" font-family="Times,serif" font-size="14.00">Toast</text>
+<polygon fill="#ffffb3" stroke="black" points="1421,-122 1367,-122 1367,-86 1421,-86 1421,-122"/>
+<text text-anchor="middle" x="1394" y="-99.8" font-family="Times,serif" font-size="14.00">Toast</text>
 </g>
 <!-- Toast&#45;&gt;NotificationModule -->
 <g id="edge9" class="edge">
 <title>Toast&#45;&gt;NotificationModule</title>
-<path fill="none" stroke="black" d="M361,-122.27C361,-140.56 361,-166 361,-166 361,-166 1017.18,-166 1017.18,-166"/>
-<polygon fill="black" stroke="black" points="1017.18,-169.5 1027.18,-166 1017.18,-162.5 1017.18,-169.5"/>
+<path fill="none" stroke="black" d="M1366.83,-104C1361.57,-104 1357.66,-104 1357.66,-104 1357.66,-104 1357.66,-140.89 1357.66,-140.89"/>
+<polygon fill="black" stroke="black" points="1354.16,-140.89 1357.66,-150.89 1361.16,-140.89 1354.16,-140.89"/>
 </g>
 <!-- ToastCaption -->
 <g id="node10" class="node">
 <title>ToastCaption</title>
-<polygon fill="#ffffb3" stroke="black" points="315.94,-122 224.06,-122 224.06,-86 315.94,-86 315.94,-122"/>
-<text text-anchor="middle" x="270" y="-99.8" font-family="Times,serif" font-size="14.00">ToastCaption</text>
+<polygon fill="#ffffb3" stroke="black" points="1348.94,-122 1257.06,-122 1257.06,-86 1348.94,-86 1348.94,-122"/>
+<text text-anchor="middle" x="1303" y="-99.8" font-family="Times,serif" font-size="14.00">ToastCaption</text>
 </g>
 <!-- ToastCaption&#45;&gt;NotificationModule -->
 <g id="edge10" class="edge">
 <title>ToastCaption&#45;&gt;NotificationModule</title>
-<path fill="none" stroke="black" d="M270,-122.17C270,-141.09 270,-168 270,-168 270,-168 1017.26,-168 1017.26,-168"/>
-<polygon fill="black" stroke="black" points="1017.26,-171.5 1027.26,-168 1017.26,-164.5 1017.26,-171.5"/>
+<path fill="none" stroke="black" d="M1303,-122.11C1303,-122.11 1303,-140.99 1303,-140.99"/>
+<polygon fill="black" stroke="black" points="1299.5,-140.99 1303,-150.99 1306.5,-140.99 1299.5,-140.99"/>
 </g>
 <!-- ToastSubtitle -->
 <g id="node11" class="node">
 <title>ToastSubtitle</title>
-<polygon fill="#ffffb3" stroke="black" points="206.16,-122 115.84,-122 115.84,-86 206.16,-86 206.16,-122"/>
-<text text-anchor="middle" x="161" y="-99.8" font-family="Times,serif" font-size="14.00">ToastSubtitle</text>
+<polygon fill="#ffffb3" stroke="black" points="1239.16,-122 1148.84,-122 1148.84,-86 1239.16,-86 1239.16,-122"/>
+<text text-anchor="middle" x="1194" y="-99.8" font-family="Times,serif" font-size="14.00">ToastSubtitle</text>
 </g>
 <!-- ToastSubtitle&#45;&gt;NotificationModule -->
 <g id="edge11" class="edge">
 <title>ToastSubtitle&#45;&gt;NotificationModule</title>
-<path fill="none" stroke="black" d="M161,-122.31C161,-142.15 161,-171 161,-171 161,-171 1017.08,-171 1017.08,-171"/>
-<polygon fill="black" stroke="black" points="1017.08,-174.5 1027.08,-171 1017.08,-167.5 1017.08,-174.5"/>
+<path fill="none" stroke="black" d="M1239.37,-104C1244.73,-104 1248.34,-104 1248.34,-104 1248.34,-104 1248.34,-140.89 1248.34,-140.89"/>
+<polygon fill="black" stroke="black" points="1244.84,-140.89 1248.34,-150.89 1251.84,-140.89 1244.84,-140.89"/>
 </g>
 <!-- ToastTitle -->
 <g id="node12" class="node">
 <title>ToastTitle</title>
-<polygon fill="#ffffb3" stroke="black" points="97.54,-122 24.46,-122 24.46,-86 97.54,-86 97.54,-122"/>
-<text text-anchor="middle" x="61" y="-99.8" font-family="Times,serif" font-size="14.00">ToastTitle</text>
+<polygon fill="#ffffb3" stroke="black" points="1130.54,-122 1057.46,-122 1057.46,-86 1130.54,-86 1130.54,-122"/>
+<text text-anchor="middle" x="1094" y="-99.8" font-family="Times,serif" font-size="14.00">ToastTitle</text>
 </g>
 <!-- ToastTitle&#45;&gt;NotificationModule -->
 <g id="edge12" class="edge">
 <title>ToastTitle&#45;&gt;NotificationModule</title>
-<path fill="none" stroke="black" d="M61,-122.13C61,-142.57 61,-173 61,-173 61,-173 1017.35,-173 1017.35,-173"/>
-<polygon fill="black" stroke="black" points="1017.35,-176.5 1027.35,-173 1017.35,-169.5 1017.35,-176.5"/>
+<path fill="none" stroke="black" d="M1118.49,-122.05C1118.49,-136.37 1118.49,-154 1118.49,-154 1118.49,-154 1229.24,-154 1229.24,-154"/>
+<polygon fill="black" stroke="black" points="1229.24,-157.5 1239.24,-154 1229.24,-150.5 1229.24,-157.5"/>
 </g>
 <!-- ActionableButton  -->
 <g id="node19" class="node">
 <title>ActionableButton </title>
-<polygon fill="#fb8072" stroke="black" points="1833.54,-252 1714.46,-252 1714.46,-216 1833.54,-216 1833.54,-252"/>
-<text text-anchor="middle" x="1774" y="-229.8" font-family="Times,serif" font-size="14.00">ActionableButton </text>
+<polygon fill="#fb8072" stroke="black" points="2045.54,-252 1926.46,-252 1926.46,-216 2045.54,-216 2045.54,-252"/>
+<text text-anchor="middle" x="1986" y="-229.8" font-family="Times,serif" font-size="14.00">ActionableButton </text>
 </g>
 <!-- NotificationModule&#45;&gt;ActionableButton  -->
 <g id="edge18" class="edge">
 <title>NotificationModule&#45;&gt;ActionableButton </title>
-<path fill="none" stroke="black" stroke-dasharray="5,2" d="M1154.61,-175C1317.89,-175 1739.04,-175 1739.04,-175 1739.04,-175 1739.04,-205.98 1739.04,-205.98"/>
-<polygon fill="black" stroke="black" points="1735.54,-205.98 1739.04,-215.98 1742.54,-205.98 1735.54,-205.98"/>
+<path fill="none" stroke="black" stroke-dasharray="5,2" d="M1366.71,-175C1527,-175 1934.27,-175 1934.27,-175 1934.27,-175 1934.27,-205.98 1934.27,-205.98"/>
+<polygon fill="black" stroke="black" points="1930.77,-205.98 1934.27,-215.98 1937.77,-205.98 1930.77,-205.98"/>
 </g>
 <!-- ActionableNotification  -->
 <g id="node20" class="node">
 <title>ActionableNotification </title>
-<polygon fill="#fb8072" stroke="black" points="1696.07,-252 1547.93,-252 1547.93,-216 1696.07,-216 1696.07,-252"/>
-<text text-anchor="middle" x="1622" y="-229.8" font-family="Times,serif" font-size="14.00">ActionableNotification </text>
+<polygon fill="#fb8072" stroke="black" points="1908.07,-252 1759.93,-252 1759.93,-216 1908.07,-216 1908.07,-252"/>
+<text text-anchor="middle" x="1834" y="-229.8" font-family="Times,serif" font-size="14.00">ActionableNotification </text>
 </g>
 <!-- NotificationModule&#45;&gt;ActionableNotification  -->
 <g id="edge19" class="edge">
 <title>NotificationModule&#45;&gt;ActionableNotification </title>
-<path fill="none" stroke="black" stroke-dasharray="5,2" d="M1154.73,-178C1281.43,-178 1552.86,-178 1552.86,-178 1552.86,-178 1552.86,-205.97 1552.86,-205.97"/>
-<polygon fill="black" stroke="black" points="1549.36,-205.97 1552.86,-215.97 1556.36,-205.97 1549.36,-205.97"/>
+<path fill="none" stroke="black" stroke-dasharray="5,2" d="M1367.03,-177C1496.62,-177 1777.77,-177 1777.77,-177 1777.77,-177 1777.77,-205.96 1777.77,-205.96"/>
+<polygon fill="black" stroke="black" points="1774.27,-205.96 1777.77,-215.96 1781.27,-205.96 1774.27,-205.96"/>
 </g>
 <!-- ActionableSubtitle  -->
 <g id="node21" class="node">
 <title>ActionableSubtitle </title>
-<polygon fill="#fb8072" stroke="black" points="1529.48,-252 1404.52,-252 1404.52,-216 1529.48,-216 1529.48,-252"/>
-<text text-anchor="middle" x="1467" y="-229.8" font-family="Times,serif" font-size="14.00">ActionableSubtitle </text>
+<polygon fill="#fb8072" stroke="black" points="1741.48,-252 1616.52,-252 1616.52,-216 1741.48,-216 1741.48,-252"/>
+<text text-anchor="middle" x="1679" y="-229.8" font-family="Times,serif" font-size="14.00">ActionableSubtitle </text>
 </g>
 <!-- NotificationModule&#45;&gt;ActionableSubtitle  -->
 <g id="edge20" class="edge">
 <title>NotificationModule&#45;&gt;ActionableSubtitle </title>
-<path fill="none" stroke="black" stroke-dasharray="5,2" d="M1154.85,-180C1252.12,-180 1426.26,-180 1426.26,-180 1426.26,-180 1426.26,-205.72 1426.26,-205.72"/>
-<polygon fill="black" stroke="black" points="1422.76,-205.72 1426.26,-215.72 1429.76,-205.72 1422.76,-205.72"/>
+<path fill="none" stroke="black" stroke-dasharray="5,2" d="M1366.87,-180C1468.5,-180 1655.68,-180 1655.68,-180 1655.68,-180 1655.68,-205.72 1655.68,-205.72"/>
+<polygon fill="black" stroke="black" points="1652.18,-205.72 1655.68,-215.72 1659.18,-205.72 1652.18,-205.72"/>
 </g>
 <!-- ActionableTitle  -->
 <g id="node22" class="node">
 <title>ActionableTitle </title>
-<polygon fill="#fb8072" stroke="black" points="1386.86,-252 1279.14,-252 1279.14,-216 1386.86,-216 1386.86,-252"/>
-<text text-anchor="middle" x="1333" y="-229.8" font-family="Times,serif" font-size="14.00">ActionableTitle </text>
+<polygon fill="#fb8072" stroke="black" points="1598.86,-252 1491.14,-252 1491.14,-216 1598.86,-216 1598.86,-252"/>
+<text text-anchor="middle" x="1545" y="-229.8" font-family="Times,serif" font-size="14.00">ActionableTitle </text>
 </g>
 <!-- NotificationModule&#45;&gt;ActionableTitle  -->
 <g id="edge21" class="edge">
 <title>NotificationModule&#45;&gt;ActionableTitle </title>
-<path fill="none" stroke="black" stroke-dasharray="5,2" d="M1154.75,-183C1215.23,-183 1296.93,-183 1296.93,-183 1296.93,-183 1296.93,-205.88 1296.93,-205.88"/>
-<polygon fill="black" stroke="black" points="1293.43,-205.88 1296.93,-215.88 1300.43,-205.88 1293.43,-205.88"/>
+<path fill="none" stroke="black" stroke-dasharray="5,2" d="M1366.69,-182C1430.78,-182 1520.18,-182 1520.18,-182 1520.18,-182 1520.18,-205.81 1520.18,-205.81"/>
+<polygon fill="black" stroke="black" points="1516.68,-205.81 1520.18,-215.81 1523.68,-205.81 1516.68,-205.81"/>
 </g>
 <!-- Notification  -->
 <g id="node23" class="node">
 <title>Notification </title>
-<polygon fill="#fb8072" stroke="black" points="1261.65,-252 1174.35,-252 1174.35,-216 1261.65,-216 1261.65,-252"/>
-<text text-anchor="middle" x="1218" y="-229.8" font-family="Times,serif" font-size="14.00">Notification </text>
+<polygon fill="#fb8072" stroke="black" points="1473.65,-252 1386.35,-252 1386.35,-216 1473.65,-216 1473.65,-252"/>
+<text text-anchor="middle" x="1430" y="-229.8" font-family="Times,serif" font-size="14.00">Notification </text>
 </g>
 <!-- NotificationModule&#45;&gt;Notification  -->
 <g id="edge22" class="edge">
 <title>NotificationModule&#45;&gt;Notification </title>
-<path fill="none" stroke="black" stroke-dasharray="5,2" d="M1154.72,-185C1192.29,-185 1232.52,-185 1232.52,-185 1232.52,-185 1232.52,-205.75 1232.52,-205.75"/>
-<polygon fill="black" stroke="black" points="1229.02,-205.75 1232.52,-215.75 1236.02,-205.75 1229.02,-205.75"/>
+<path fill="none" stroke="black" stroke-dasharray="5,2" d="M1366.78,-185C1386.77,-185 1403.71,-185 1403.71,-185 1403.71,-185 1403.71,-205.75 1403.71,-205.75"/>
+<polygon fill="black" stroke="black" points="1400.21,-205.75 1403.71,-215.75 1407.21,-205.75 1400.21,-205.75"/>
 </g>
 <!-- NotificationSubtitle  -->
 <g id="node24" class="node">
 <title>NotificationSubtitle </title>
-<polygon fill="#fb8072" stroke="black" points="1156.21,-252 1025.79,-252 1025.79,-216 1156.21,-216 1156.21,-252"/>
-<text text-anchor="middle" x="1091" y="-229.8" font-family="Times,serif" font-size="14.00">NotificationSubtitle </text>
+<polygon fill="#fb8072" stroke="black" points="1368.21,-252 1237.79,-252 1237.79,-216 1368.21,-216 1368.21,-252"/>
+<text text-anchor="middle" x="1303" y="-229.8" font-family="Times,serif" font-size="14.00">NotificationSubtitle </text>
 </g>
 <!-- NotificationModule&#45;&gt;NotificationSubtitle  -->
 <g id="edge23" class="edge">
 <title>NotificationModule&#45;&gt;NotificationSubtitle </title>
-<path fill="none" stroke="black" stroke-dasharray="5,2" d="M1091,-187.11C1091,-187.11 1091,-205.99 1091,-205.99"/>
-<polygon fill="black" stroke="black" points="1087.5,-205.99 1091,-215.99 1094.5,-205.99 1087.5,-205.99"/>
+<path fill="none" stroke="black" stroke-dasharray="5,2" d="M1303,-187.11C1303,-187.11 1303,-205.99 1303,-205.99"/>
+<polygon fill="black" stroke="black" points="1299.5,-205.99 1303,-215.99 1306.5,-205.99 1299.5,-205.99"/>
 </g>
 <!-- NotificationTitle  -->
 <g id="node25" class="node">
 <title>NotificationTitle </title>
-<polygon fill="#fb8072" stroke="black" points="1007.59,-252 894.41,-252 894.41,-216 1007.59,-216 1007.59,-252"/>
-<text text-anchor="middle" x="951" y="-229.8" font-family="Times,serif" font-size="14.00">NotificationTitle </text>
+<polygon fill="#fb8072" stroke="black" points="1219.59,-252 1106.41,-252 1106.41,-216 1219.59,-216 1219.59,-252"/>
+<text text-anchor="middle" x="1163" y="-229.8" font-family="Times,serif" font-size="14.00">NotificationTitle </text>
 </g>
 <!-- NotificationModule&#45;&gt;NotificationTitle  -->
 <g id="edge24" class="edge">
 <title>NotificationModule&#45;&gt;NotificationTitle </title>
-<path fill="none" stroke="black" stroke-dasharray="5,2" d="M1027.37,-185C986.87,-185 941.98,-185 941.98,-185 941.98,-185 941.98,-205.75 941.98,-205.75"/>
-<polygon fill="black" stroke="black" points="938.48,-205.75 941.98,-215.75 945.48,-205.75 938.48,-205.75"/>
+<path fill="none" stroke="black" stroke-dasharray="5,2" d="M1239.1,-185C1210.98,-185 1184.23,-185 1184.23,-185 1184.23,-185 1184.23,-205.75 1184.23,-205.75"/>
+<polygon fill="black" stroke="black" points="1180.73,-205.75 1184.23,-215.75 1187.73,-205.75 1180.73,-205.75"/>
 </g>
 <!-- Toast  -->
 <g id="node26" class="node">
 <title>Toast </title>
-<polygon fill="#fb8072" stroke="black" points="876,-252 822,-252 822,-216 876,-216 876,-252"/>
-<text text-anchor="middle" x="849" y="-229.8" font-family="Times,serif" font-size="14.00">Toast </text>
+<polygon fill="#fb8072" stroke="black" points="1088,-252 1034,-252 1034,-216 1088,-216 1088,-252"/>
+<text text-anchor="middle" x="1061" y="-229.8" font-family="Times,serif" font-size="14.00">Toast </text>
 </g>
 <!-- NotificationModule&#45;&gt;Toast  -->
 <g id="edge25" class="edge">
 <title>NotificationModule&#45;&gt;Toast </title>
-<path fill="none" stroke="black" stroke-dasharray="5,2" d="M1027.1,-183C955.4,-183 849,-183 849,-183 849,-183 849,-205.88 849,-205.88"/>
-<polygon fill="black" stroke="black" points="845.5,-205.88 849,-215.88 852.5,-205.88 845.5,-205.88"/>
+<path fill="none" stroke="black" stroke-dasharray="5,2" d="M1239.13,-182C1170.95,-182 1072.61,-182 1072.61,-182 1072.61,-182 1072.61,-205.81 1072.61,-205.81"/>
+<polygon fill="black" stroke="black" points="1069.11,-205.81 1072.61,-215.81 1076.11,-205.81 1069.11,-205.81"/>
 </g>
 <!-- ToastCaption  -->
 <g id="node27" class="node">
 <title>ToastCaption </title>
-<polygon fill="#fb8072" stroke="black" points="804.43,-252 709.57,-252 709.57,-216 804.43,-216 804.43,-252"/>
-<text text-anchor="middle" x="757" y="-229.8" font-family="Times,serif" font-size="14.00">ToastCaption </text>
+<polygon fill="#fb8072" stroke="black" points="1016.43,-252 921.57,-252 921.57,-216 1016.43,-216 1016.43,-252"/>
+<text text-anchor="middle" x="969" y="-229.8" font-family="Times,serif" font-size="14.00">ToastCaption </text>
 </g>
 <!-- NotificationModule&#45;&gt;ToastCaption  -->
 <g id="edge26" class="edge">
 <title>NotificationModule&#45;&gt;ToastCaption </title>
-<path fill="none" stroke="black" stroke-dasharray="5,2" d="M1027.33,-180C939.67,-180 792.52,-180 792.52,-180 792.52,-180 792.52,-205.72 792.52,-205.72"/>
-<polygon fill="black" stroke="black" points="789.02,-205.72 792.52,-215.72 796.02,-205.72 789.02,-205.72"/>
+<path fill="none" stroke="black" stroke-dasharray="5,2" d="M1239.39,-180C1142.48,-180 969,-180 969,-180 969,-180 969,-205.72 969,-205.72"/>
+<polygon fill="black" stroke="black" points="965.5,-205.72 969,-215.72 972.5,-205.72 965.5,-205.72"/>
 </g>
 <!-- ToastSubtitle  -->
 <g id="node28" class="node">
 <title>ToastSubtitle </title>
-<polygon fill="#fb8072" stroke="black" points="691.16,-252 596.84,-252 596.84,-216 691.16,-216 691.16,-252"/>
-<text text-anchor="middle" x="644" y="-229.8" font-family="Times,serif" font-size="14.00">ToastSubtitle </text>
+<polygon fill="#fb8072" stroke="black" points="903.16,-252 808.84,-252 808.84,-216 903.16,-216 903.16,-252"/>
+<text text-anchor="middle" x="856" y="-229.8" font-family="Times,serif" font-size="14.00">ToastSubtitle </text>
 </g>
 <!-- NotificationModule&#45;&gt;ToastSubtitle  -->
 <g id="edge27" class="edge">
 <title>NotificationModule&#45;&gt;ToastSubtitle </title>
-<path fill="none" stroke="black" stroke-dasharray="5,2" d="M1027.14,-178C912.84,-178 685.13,-178 685.13,-178 685.13,-178 685.13,-205.97 685.13,-205.97"/>
-<polygon fill="black" stroke="black" points="681.63,-205.97 685.13,-215.97 688.63,-205.97 681.63,-205.97"/>
+<path fill="none" stroke="black" stroke-dasharray="5,2" d="M1238.96,-177C1115.36,-177 856,-177 856,-177 856,-177 856,-205.96 856,-205.96"/>
+<polygon fill="black" stroke="black" points="852.5,-205.96 856,-215.96 859.5,-205.96 852.5,-205.96"/>
 </g>
 <!-- ToastTitle  -->
 <g id="node29" class="node">
 <title>ToastTitle </title>
-<polygon fill="#fb8072" stroke="black" points="578.54,-252 501.46,-252 501.46,-216 578.54,-216 578.54,-252"/>
-<text text-anchor="middle" x="540" y="-229.8" font-family="Times,serif" font-size="14.00">ToastTitle </text>
+<polygon fill="#fb8072" stroke="black" points="790.54,-252 713.46,-252 713.46,-216 790.54,-216 790.54,-252"/>
+<text text-anchor="middle" x="752" y="-229.8" font-family="Times,serif" font-size="14.00">ToastTitle </text>
 </g>
 <!-- NotificationModule&#45;&gt;ToastTitle  -->
 <g id="edge28" class="edge">
 <title>NotificationModule&#45;&gt;ToastTitle </title>
-<path fill="none" stroke="black" stroke-dasharray="5,2" d="M1027.32,-175C885.58,-175 556.46,-175 556.46,-175 556.46,-175 556.46,-205.98 556.46,-205.98"/>
-<polygon fill="black" stroke="black" points="552.96,-205.98 556.46,-215.98 559.96,-205.98 552.96,-205.98"/>
+<path fill="none" stroke="black" stroke-dasharray="5,2" d="M1239.36,-175C1101.19,-175 786.09,-175 786.09,-175 786.09,-175 786.09,-205.98 786.09,-205.98"/>
+<polygon fill="black" stroke="black" points="782.59,-205.98 786.09,-215.98 789.59,-205.98 782.59,-205.98"/>
 </g>
 <!-- ButtonModule -->
 <g id="node14" class="node">
 <title>ButtonModule</title>
-<polygon fill="#8dd3c7" stroke="black" points="2031.67,-122 2028.67,-126 2007.67,-126 2004.67,-122 1934.33,-122 1934.33,-86 2031.67,-86 2031.67,-122"/>
-<text text-anchor="middle" x="1983" y="-99.8" font-family="Times,serif" font-size="14.00">ButtonModule</text>
+<polygon fill="#8dd3c7" stroke="black" points="583.67,-122 580.67,-126 559.67,-126 556.67,-122 486.33,-122 486.33,-86 583.67,-86 583.67,-122"/>
+<text text-anchor="middle" x="535" y="-99.8" font-family="Times,serif" font-size="14.00">ButtonModule</text>
 </g>
 <!-- ButtonModule&#45;&gt;NotificationModule -->
 <g id="edge13" class="edge">
 <title>ButtonModule&#45;&gt;NotificationModule</title>
-<path fill="none" stroke="black" d="M1983,-122.17C1983,-141.09 1983,-168 1983,-168 1983,-168 1164.79,-168 1164.79,-168"/>
-<polygon fill="black" stroke="black" points="1164.79,-164.5 1154.79,-168 1164.79,-171.5 1164.79,-164.5"/>
+<path fill="none" stroke="black" d="M535,-122.03C535,-139.06 535,-162 535,-162 535,-162 1229.17,-162 1229.17,-162"/>
+<polygon fill="black" stroke="black" points="1229.17,-165.5 1239.17,-162 1229.17,-158.5 1229.17,-165.5"/>
 </g>
 <!-- ExperimentalModule -->
 <g id="node15" class="node">
 <title>ExperimentalModule</title>
-<polygon fill="#8dd3c7" stroke="black" points="1916.47,-122 1913.47,-126 1892.47,-126 1889.47,-122 1781.53,-122 1781.53,-86 1916.47,-86 1916.47,-122"/>
-<text text-anchor="middle" x="1849" y="-99.8" font-family="Times,serif" font-size="14.00">ExperimentalModule</text>
+<polygon fill="#8dd3c7" stroke="black" points="468.47,-122 465.47,-126 444.47,-126 441.47,-122 333.53,-122 333.53,-86 468.47,-86 468.47,-122"/>
+<text text-anchor="middle" x="401" y="-99.8" font-family="Times,serif" font-size="14.00">ExperimentalModule</text>
 </g>
 <!-- ExperimentalModule&#45;&gt;NotificationModule -->
 <g id="edge14" class="edge">
 <title>ExperimentalModule&#45;&gt;NotificationModule</title>
-<path fill="none" stroke="black" d="M1807.52,-122.27C1807.52,-140.56 1807.52,-166 1807.52,-166 1807.52,-166 1164.9,-166 1164.9,-166"/>
-<polygon fill="black" stroke="black" points="1164.9,-162.5 1154.9,-166 1164.9,-169.5 1164.9,-162.5"/>
+<path fill="none" stroke="black" d="M401,-122C401,-139.68 401,-164 401,-164 401,-164 1229.21,-164 1229.21,-164"/>
+<polygon fill="black" stroke="black" points="1229.21,-167.5 1239.21,-164 1229.21,-160.5 1229.21,-167.5"/>
 </g>
 <!-- I18nModule -->
 <g id="node16" class="node">
 <title>I18nModule</title>
-<polygon fill="#8dd3c7" stroke="black" points="1763.71,-122 1760.71,-126 1739.71,-126 1736.71,-122 1678.29,-122 1678.29,-86 1763.71,-86 1763.71,-122"/>
-<text text-anchor="middle" x="1721" y="-99.8" font-family="Times,serif" font-size="14.00">I18nModule</text>
+<polygon fill="#8dd3c7" stroke="black" points="315.71,-122 312.71,-126 291.71,-126 288.71,-122 230.29,-122 230.29,-86 315.71,-86 315.71,-122"/>
+<text text-anchor="middle" x="273" y="-99.8" font-family="Times,serif" font-size="14.00">I18nModule</text>
 </g>
 <!-- I18nModule&#45;&gt;NotificationModule -->
 <g id="edge15" class="edge">
 <title>I18nModule&#45;&gt;NotificationModule</title>
-<path fill="none" stroke="black" d="M1687.34,-122.02C1687.34,-139.37 1687.34,-163 1687.34,-163 1687.34,-163 1164.82,-163 1164.82,-163"/>
-<polygon fill="black" stroke="black" points="1164.82,-159.5 1154.82,-163 1164.82,-166.5 1164.82,-159.5"/>
+<path fill="none" stroke="black" d="M273,-122.22C273,-140.83 273,-167 273,-167 273,-167 1229.35,-167 1229.35,-167"/>
+<polygon fill="black" stroke="black" points="1229.35,-170.5 1239.35,-167 1229.35,-163.5 1229.35,-170.5"/>
 </g>
 <!-- IconModule -->
 <g id="node17" class="node">
 <title>IconModule</title>
-<polygon fill="#8dd3c7" stroke="black" points="1660.43,-122 1657.43,-126 1636.43,-126 1633.43,-122 1575.57,-122 1575.57,-86 1660.43,-86 1660.43,-122"/>
-<text text-anchor="middle" x="1618" y="-99.8" font-family="Times,serif" font-size="14.00">IconModule</text>
+<polygon fill="#8dd3c7" stroke="black" points="212.43,-122 209.43,-126 188.43,-126 185.43,-122 127.57,-122 127.57,-86 212.43,-86 212.43,-122"/>
+<text text-anchor="middle" x="170" y="-99.8" font-family="Times,serif" font-size="14.00">IconModule</text>
 </g>
 <!-- IconModule&#45;&gt;NotificationModule -->
 <g id="edge16" class="edge">
 <title>IconModule&#45;&gt;NotificationModule</title>
-<path fill="none" stroke="black" d="M1618,-122.04C1618,-138.73 1618,-161 1618,-161 1618,-161 1164.83,-161 1164.83,-161"/>
-<polygon fill="black" stroke="black" points="1164.83,-157.5 1154.83,-161 1164.83,-164.5 1164.83,-157.5"/>
+<path fill="none" stroke="black" d="M170,-122.11C170,-141.34 170,-169 170,-169 170,-169 1229.25,-169 1229.25,-169"/>
+<polygon fill="black" stroke="black" points="1229.25,-172.5 1239.25,-169 1229.25,-165.5 1229.25,-172.5"/>
 </g>
 <!-- LinkModule -->
 <g id="node18" class="node">
 <title>LinkModule</title>
-<polygon fill="#8dd3c7" stroke="black" points="1557.99,-122 1554.99,-126 1533.99,-126 1530.99,-122 1472.01,-122 1472.01,-86 1557.99,-86 1557.99,-122"/>
-<text text-anchor="middle" x="1515" y="-99.8" font-family="Times,serif" font-size="14.00">LinkModule</text>
+<polygon fill="#8dd3c7" stroke="black" points="109.99,-122 106.99,-126 85.99,-126 82.99,-122 24.01,-122 24.01,-86 109.99,-86 109.99,-122"/>
+<text text-anchor="middle" x="67" y="-99.8" font-family="Times,serif" font-size="14.00">LinkModule</text>
 </g>
 <!-- LinkModule&#45;&gt;NotificationModule -->
 <g id="edge17" class="edge">
 <title>LinkModule&#45;&gt;NotificationModule</title>
-<path fill="none" stroke="black" d="M1500.62,-122.01C1500.62,-138.05 1500.62,-159 1500.62,-159 1500.62,-159 1165,-159 1165,-159"/>
-<polygon fill="black" stroke="black" points="1165,-155.5 1155,-159 1165,-162.5 1165,-155.5"/>
+<path fill="none" stroke="black" d="M67,-122.22C67,-142.37 67,-172 67,-172 67,-172 1229.15,-172 1229.15,-172"/>
+<polygon fill="black" stroke="black" points="1229.15,-175.5 1239.15,-172 1229.15,-168.5 1229.15,-175.5"/>
 </g>
 <!-- NotificationDisplayService -->
 <g id="node30" class="node">
 <title>NotificationDisplayService</title>
-<ellipse fill="#fdb462" stroke="black" cx="2364" cy="-104" rx="116.89" ry="18"/>
-<text text-anchor="middle" x="2364" y="-99.8" font-family="Times,serif" font-size="14.00">NotificationDisplayService</text>
+<ellipse fill="#fdb462" stroke="black" cx="916" cy="-104" rx="116.89" ry="18"/>
+<text text-anchor="middle" x="916" y="-99.8" font-family="Times,serif" font-size="14.00">NotificationDisplayService</text>
 </g>
 <!-- NotificationDisplayService&#45;&gt;NotificationModule -->
 <g id="edge29" class="edge">
 <title>NotificationDisplayService&#45;&gt;NotificationModule</title>
-<path fill="none" stroke="black" d="M2364,-122.13C2364,-142.57 2364,-173 2364,-173 2364,-173 1165,-173 1165,-173"/>
-<polygon fill="black" stroke="black" points="1165,-169.5 1155,-173 1165,-176.5 1165,-169.5"/>
+<path fill="none" stroke="black" d="M1024.58,-110.93C1024.58,-125.3 1024.58,-157 1024.58,-157 1024.58,-157 1229.12,-157 1229.12,-157"/>
+<polygon fill="black" stroke="black" points="1229.12,-160.5 1239.12,-157 1229.12,-153.5 1229.12,-160.5"/>
 </g>
 <!-- NotificationService -->
 <g id="node31" class="node">
 <title>NotificationService</title>
-<ellipse fill="#fdb462" stroke="black" cx="2143" cy="-104" rx="86.81" ry="18"/>
-<text text-anchor="middle" x="2143" y="-99.8" font-family="Times,serif" font-size="14.00">NotificationService</text>
+<ellipse fill="#fdb462" stroke="black" cx="695" cy="-104" rx="86.81" ry="18"/>
+<text text-anchor="middle" x="695" y="-99.8" font-family="Times,serif" font-size="14.00">NotificationService</text>
 </g>
 <!-- NotificationService&#45;&gt;NotificationModule -->
 <g id="edge30" class="edge">
 <title>NotificationService&#45;&gt;NotificationModule</title>
-<path fill="none" stroke="black" d="M2143,-122.31C2143,-142.15 2143,-171 2143,-171 2143,-171 1164.83,-171 1164.83,-171"/>
-<polygon fill="black" stroke="black" points="1164.83,-167.5 1154.83,-171 1164.83,-174.5 1164.83,-167.5"/>
+<path fill="none" stroke="black" d="M747.57,-118.45C747.57,-134.75 747.57,-159 747.57,-159 747.57,-159 1229.28,-159 1229.28,-159"/>
+<polygon fill="black" stroke="black" points="1229.28,-162.5 1239.28,-159 1229.28,-155.5 1229.28,-162.5"/>
 </g>
 </g>
 </svg>