carbon-components-angular 6.0.0-rc.25 → 6.0.0-rc.26

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (57) hide show
  1. package/docs/documentation/components/Header.html +20 -27
  2. package/docs/documentation/components/HeaderItem.html +164 -55
  3. package/docs/documentation/coverage.html +3 -3
  4. package/docs/documentation/js/search/search_index.js +2 -2
  5. package/docs/documentation/modules/InlineLoadingModule/dependencies.svg +4 -4
  6. package/docs/documentation/modules/InlineLoadingModule.html +4 -4
  7. package/docs/documentation/modules/InputModule/dependencies.svg +4 -4
  8. package/docs/documentation/modules/InputModule.html +4 -4
  9. package/docs/documentation/modules/LayerModule/dependencies.svg +4 -4
  10. package/docs/documentation/modules/LayerModule.html +4 -4
  11. package/docs/documentation/modules/LoadingModule/dependencies.svg +4 -4
  12. package/docs/documentation/modules/LoadingModule.html +4 -4
  13. package/docs/documentation/modules/MenuButton/dependencies.svg +4 -4
  14. package/docs/documentation/modules/MenuButton.html +4 -4
  15. package/docs/documentation/modules/ModalModule/dependencies.svg +4 -4
  16. package/docs/documentation/modules/ModalModule.html +4 -4
  17. package/docs/documentation/modules/NFormsModule/dependencies.svg +4 -4
  18. package/docs/documentation/modules/NFormsModule.html +4 -4
  19. package/docs/documentation/modules/NotificationModule/dependencies.svg +129 -129
  20. package/docs/documentation/modules/NotificationModule.html +129 -129
  21. package/docs/documentation/modules/PanelModule/dependencies.svg +4 -4
  22. package/docs/documentation/modules/PanelModule.html +4 -4
  23. package/docs/documentation/modules/PlaceholderModule/dependencies.svg +4 -4
  24. package/docs/documentation/modules/PlaceholderModule.html +4 -4
  25. package/docs/documentation/modules/RadioModule/dependencies.svg +4 -4
  26. package/docs/documentation/modules/RadioModule.html +4 -4
  27. package/docs/documentation/modules/SideNavModule/dependencies.svg +4 -4
  28. package/docs/documentation/modules/SideNavModule.html +4 -4
  29. package/docs/documentation/modules/SkeletonModule/dependencies.svg +4 -4
  30. package/docs/documentation/modules/SkeletonModule.html +4 -4
  31. package/docs/documentation/modules/StructuredListModule/dependencies.svg +4 -4
  32. package/docs/documentation/modules/StructuredListModule.html +4 -4
  33. package/docs/documentation/modules/TagModule/dependencies.svg +4 -4
  34. package/docs/documentation/modules/TagModule.html +4 -4
  35. package/docs/documentation/modules/TimePickerSelectModule/dependencies.svg +4 -4
  36. package/docs/documentation/modules/TimePickerSelectModule.html +4 -4
  37. package/docs/documentation/modules/ToggleModule/dependencies.svg +4 -4
  38. package/docs/documentation/modules/ToggleModule.html +4 -4
  39. package/docs/documentation/modules/ToggletipModule/dependencies.svg +4 -4
  40. package/docs/documentation/modules/ToggletipModule.html +4 -4
  41. package/docs/documentation/modules/TreeviewModule/dependencies.svg +4 -4
  42. package/docs/documentation/modules/TreeviewModule.html +4 -4
  43. package/docs/documentation.json +73 -44
  44. package/docs/storybook/5028.4372822a.iframe.bundle.js +2 -0
  45. package/docs/storybook/5028.4372822a.iframe.bundle.js.map +1 -0
  46. package/docs/storybook/iframe.html +2 -2
  47. package/docs/storybook/{main.383af198.iframe.bundle.js → main.69f35539.iframe.bundle.js} +2 -2
  48. package/docs/storybook/{main.383af198.iframe.bundle.js.map → main.69f35539.iframe.bundle.js.map} +1 -1
  49. package/docs/storybook/project.json +1 -1
  50. package/docs/storybook/{runtime~main.ec69f997.iframe.bundle.js → runtime~main.9717b4b5.iframe.bundle.js} +2 -2
  51. package/docs/storybook/{runtime~main.ec69f997.iframe.bundle.js.map → runtime~main.9717b4b5.iframe.bundle.js.map} +1 -1
  52. package/fesm2022/carbon-components-angular-ui-shell.mjs +25 -26
  53. package/fesm2022/carbon-components-angular-ui-shell.mjs.map +1 -1
  54. package/package.json +1 -1
  55. package/ui-shell/index.d.ts +4 -2
  56. package/docs/storybook/5028.1ba843cc.iframe.bundle.js +0 -2
  57. package/docs/storybook/5028.1ba843cc.iframe.bundle.js.map +0 -1
package/docs/documentation/modules/NotificationModule.html CHANGED
@@ -133,383 +133,383 @@
133
133
  <title>cluster_NotificationModule</title>
134
134
  <polygon fill="none" stroke="black" stroke-dasharray="1,5" points="8,-70 8,-268 2491,-268 2491,-70 8,-70"/>
135
135
  </g>
136
- <g id="clust6" class="cluster">
137
- <title>cluster_NotificationModule_providers</title>
138
- <polygon fill="none" stroke="black" points="2042,-78 2042,-130 2483,-130 2483,-78 2042,-78"/>
136
+ <g id="clust4" class="cluster">
137
+ <title>cluster_NotificationModule_exports</title>
138
+ <polygon fill="none" stroke="black" points="675,-208 675,-260 2024,-260 2024,-208 675,-208"/>
139
139
  </g>
140
140
  <g id="clust3" class="cluster">
141
141
  <title>cluster_NotificationModule_imports</title>
142
- <polygon fill="none" stroke="black" points="16,-78 16,-130 2034,-130 2034,-78 16,-78"/>
142
+ <polygon fill="none" stroke="black" points="465,-78 465,-130 2483,-130 2483,-78 465,-78"/>
143
143
  </g>
144
- <g id="clust4" class="cluster">
145
- <title>cluster_NotificationModule_exports</title>
146
- <polygon fill="none" stroke="black" points="432,-208 432,-260 1781,-260 1781,-208 432,-208"/>
144
+ <g id="clust6" class="cluster">
145
+ <title>cluster_NotificationModule_providers</title>
146
+ <polygon fill="none" stroke="black" points="16,-78 16,-130 457,-130 457,-78 16,-78"/>
147
147
  </g>
148
148
  <!-- ActionableButton -->
149
149
  <g id="node1" class="node">
150
150
  <title>ActionableButton</title>
151
- <polygon fill="#8dd3c7" stroke="black" points="2025.54,-122 2022.54,-126 2001.54,-126 1998.54,-122 1910.46,-122 1910.46,-86 2025.54,-86 2025.54,-122"/>
152
- <text text-anchor="middle" x="1968" y="-99.8" font-family="Times,serif" font-size="14.00">ActionableButton</text>
151
+ <polygon fill="#8dd3c7" stroke="black" points="2474.54,-122 2471.54,-126 2450.54,-126 2447.54,-122 2359.46,-122 2359.46,-86 2474.54,-86 2474.54,-122"/>
152
+ <text text-anchor="middle" x="2417" y="-99.8" font-family="Times,serif" font-size="14.00">ActionableButton</text>
153
153
  </g>
154
154
  <!-- NotificationModule -->
155
155
  <g id="node18" class="node">
156
156
  <title>NotificationModule</title>
157
- <polygon fill="#8dd3c7" stroke="black" points="1093.7,-187 1090.7,-191 1069.7,-191 1066.7,-187 966.3,-187 966.3,-151 1093.7,-151 1093.7,-187"/>
158
- <text text-anchor="middle" x="1030" y="-164.8" font-family="Times,serif" font-size="14.00">NotificationModule</text>
157
+ <polygon fill="#8dd3c7" stroke="black" points="1336.7,-187 1333.7,-191 1312.7,-191 1309.7,-187 1209.3,-187 1209.3,-151 1336.7,-151 1336.7,-187"/>
158
+ <text text-anchor="middle" x="1273" y="-164.8" font-family="Times,serif" font-size="14.00">NotificationModule</text>
159
159
  </g>
160
160
  <!-- ActionableButton&#45;&gt;NotificationModule -->
161
161
  <g id="edge1" class="edge">
162
162
  <title>ActionableButton&#45;&gt;NotificationModule</title>
163
- <path fill="none" stroke="black" d="M1968,-122.22C1968,-140.83 1968,-167 1968,-167 1968,-167 1103.74,-167 1103.74,-167"/>
164
- <polygon fill="black" stroke="black" points="1103.74,-163.5 1093.74,-167 1103.74,-170.5 1103.74,-163.5"/>
163
+ <path fill="none" stroke="black" d="M2417,-122.22C2417,-142.37 2417,-172 2417,-172 2417,-172 1346.96,-172 1346.96,-172"/>
164
+ <polygon fill="black" stroke="black" points="1346.96,-168.5 1336.96,-172 1346.96,-175.5 1346.96,-168.5"/>
165
165
  </g>
166
166
  <!-- ActionableNotification -->
167
167
  <g id="node2" class="node">
168
168
  <title>ActionableNotification</title>
169
- <polygon fill="#8dd3c7" stroke="black" points="1892.57,-122 1889.57,-126 1868.57,-126 1865.57,-122 1747.43,-122 1747.43,-86 1892.57,-86 1892.57,-122"/>
170
- <text text-anchor="middle" x="1820" y="-99.8" font-family="Times,serif" font-size="14.00">ActionableNotification</text>
169
+ <polygon fill="#8dd3c7" stroke="black" points="2341.57,-122 2338.57,-126 2317.57,-126 2314.57,-122 2196.43,-122 2196.43,-86 2341.57,-86 2341.57,-122"/>
170
+ <text text-anchor="middle" x="2269" y="-99.8" font-family="Times,serif" font-size="14.00">ActionableNotification</text>
171
171
  </g>
172
172
  <!-- ActionableNotification&#45;&gt;NotificationModule -->
173
173
  <g id="edge2" class="edge">
174
174
  <title>ActionableNotification&#45;&gt;NotificationModule</title>
175
- <path fill="none" stroke="black" d="M1759.99,-122C1759.99,-139.68 1759.99,-164 1759.99,-164 1759.99,-164 1103.82,-164 1103.82,-164"/>
176
- <polygon fill="black" stroke="black" points="1103.82,-160.5 1093.82,-164 1103.82,-167.5 1103.82,-160.5"/>
175
+ <path fill="none" stroke="black" d="M2269,-122.11C2269,-141.34 2269,-169 2269,-169 2269,-169 1346.82,-169 1346.82,-169"/>
176
+ <polygon fill="black" stroke="black" points="1346.82,-165.5 1336.82,-169 1346.82,-172.5 1346.82,-165.5"/>
177
177
  </g>
178
178
  <!-- ActionableSubtitle -->
179
179
  <g id="node3" class="node">
180
180
  <title>ActionableSubtitle</title>
181
- <polygon fill="#8dd3c7" stroke="black" points="1729.48,-122 1726.48,-126 1705.48,-126 1702.48,-122 1608.52,-122 1608.52,-86 1729.48,-86 1729.48,-122"/>
182
- <text text-anchor="middle" x="1669" y="-99.8" font-family="Times,serif" font-size="14.00">ActionableSubtitle</text>
181
+ <polygon fill="#8dd3c7" stroke="black" points="2178.48,-122 2175.48,-126 2154.48,-126 2151.48,-122 2057.52,-122 2057.52,-86 2178.48,-86 2178.48,-122"/>
182
+ <text text-anchor="middle" x="2118" y="-99.8" font-family="Times,serif" font-size="14.00">ActionableSubtitle</text>
183
183
  </g>
184
184
  <!-- ActionableSubtitle&#45;&gt;NotificationModule -->
185
185
  <g id="edge3" class="edge">
186
186
  <title>ActionableSubtitle&#45;&gt;NotificationModule</title>
187
- <path fill="none" stroke="black" d="M1621.9,-122.03C1621.9,-139.06 1621.9,-162 1621.9,-162 1621.9,-162 1103.62,-162 1103.62,-162"/>
188
- <polygon fill="black" stroke="black" points="1103.62,-158.5 1093.62,-162 1103.62,-165.5 1103.62,-158.5"/>
187
+ <path fill="none" stroke="black" d="M2118,-122.22C2118,-140.83 2118,-167 2118,-167 2118,-167 1346.86,-167 1346.86,-167"/>
188
+ <polygon fill="black" stroke="black" points="1346.86,-163.5 1336.86,-167 1346.86,-170.5 1346.86,-163.5"/>
189
189
  </g>
190
190
  <!-- ActionableTitle -->
191
191
  <g id="node4" class="node">
192
192
  <title>ActionableTitle</title>
193
- <polygon fill="#8dd3c7" stroke="black" points="1590.86,-122 1587.86,-126 1566.86,-126 1563.86,-122 1487.14,-122 1487.14,-86 1590.86,-86 1590.86,-122"/>
194
- <text text-anchor="middle" x="1539" y="-99.8" font-family="Times,serif" font-size="14.00">ActionableTitle</text>
193
+ <polygon fill="#8dd3c7" stroke="black" points="2039.86,-122 2036.86,-126 2015.86,-126 2012.86,-122 1936.14,-122 1936.14,-86 2039.86,-86 2039.86,-122"/>
194
+ <text text-anchor="middle" x="1988" y="-99.8" font-family="Times,serif" font-size="14.00">ActionableTitle</text>
195
195
  </g>
196
196
  <!-- ActionableTitle&#45;&gt;NotificationModule -->
197
197
  <g id="edge4" class="edge">
198
198
  <title>ActionableTitle&#45;&gt;NotificationModule</title>
199
- <path fill="none" stroke="black" d="M1556.31,-122.01C1556.31,-138.05 1556.31,-159 1556.31,-159 1556.31,-159 1103.75,-159 1103.75,-159"/>
200
- <polygon fill="black" stroke="black" points="1103.75,-155.5 1093.75,-159 1103.75,-162.5 1103.75,-155.5"/>
199
+ <path fill="none" stroke="black" d="M1975.79,-122C1975.79,-139.68 1975.79,-164 1975.79,-164 1975.79,-164 1346.61,-164 1346.61,-164"/>
200
+ <polygon fill="black" stroke="black" points="1346.61,-160.5 1336.61,-164 1346.61,-167.5 1346.61,-160.5"/>
201
201
  </g>
202
202
  <!-- BaseNotification -->
203
203
  <g id="node5" class="node">
204
204
  <title>BaseNotification</title>
205
- <polygon fill="#8dd3c7" stroke="black" points="1469.36,-122 1466.36,-126 1445.36,-126 1442.36,-122 1358.64,-122 1358.64,-86 1469.36,-86 1469.36,-122"/>
206
- <text text-anchor="middle" x="1414" y="-99.8" font-family="Times,serif" font-size="14.00">BaseNotification</text>
205
+ <polygon fill="#8dd3c7" stroke="black" points="1918.36,-122 1915.36,-126 1894.36,-126 1891.36,-122 1807.64,-122 1807.64,-86 1918.36,-86 1918.36,-122"/>
206
+ <text text-anchor="middle" x="1863" y="-99.8" font-family="Times,serif" font-size="14.00">BaseNotification</text>
207
207
  </g>
208
208
  <!-- BaseNotification&#45;&gt;NotificationModule -->
209
209
  <g id="edge5" class="edge">
210
210
  <title>BaseNotification&#45;&gt;NotificationModule</title>
211
- <path fill="none" stroke="black" d="M1413.41,-122.24C1413.41,-137.57 1413.41,-157 1413.41,-157 1413.41,-157 1103.74,-157 1103.74,-157"/>
212
- <polygon fill="black" stroke="black" points="1103.74,-153.5 1093.74,-157 1103.74,-160.5 1103.74,-153.5"/>
211
+ <path fill="none" stroke="black" d="M1842.93,-122.03C1842.93,-139.06 1842.93,-162 1842.93,-162 1842.93,-162 1346.72,-162 1346.72,-162"/>
212
+ <polygon fill="black" stroke="black" points="1346.72,-158.5 1336.72,-162 1346.72,-165.5 1346.72,-158.5"/>
213
213
  </g>
214
214
  <!-- ButtonModule -->
215
215
  <g id="node6" class="node">
216
216
  <title>ButtonModule</title>
217
- <polygon fill="#8dd3c7" stroke="black" points="1340.67,-122 1337.67,-126 1316.67,-126 1313.67,-122 1243.33,-122 1243.33,-86 1340.67,-86 1340.67,-122"/>
218
- <text text-anchor="middle" x="1292" y="-99.8" font-family="Times,serif" font-size="14.00">ButtonModule</text>
217
+ <polygon fill="#8dd3c7" stroke="black" points="1789.67,-122 1786.67,-126 1765.67,-126 1762.67,-122 1692.33,-122 1692.33,-86 1789.67,-86 1789.67,-122"/>
218
+ <text text-anchor="middle" x="1741" y="-99.8" font-family="Times,serif" font-size="14.00">ButtonModule</text>
219
219
  </g>
220
220
  <!-- ButtonModule&#45;&gt;NotificationModule -->
221
221
  <g id="edge6" class="edge">
222
222
  <title>ButtonModule&#45;&gt;NotificationModule</title>
223
- <path fill="none" stroke="black" d="M1284.42,-122.05C1284.42,-136.37 1284.42,-154 1284.42,-154 1284.42,-154 1103.87,-154 1103.87,-154"/>
224
- <polygon fill="black" stroke="black" points="1103.87,-150.5 1093.87,-154 1103.87,-157.5 1103.87,-150.5"/>
223
+ <path fill="none" stroke="black" d="M1701.7,-122.01C1701.7,-138.05 1701.7,-159 1701.7,-159 1701.7,-159 1346.72,-159 1346.72,-159"/>
224
+ <polygon fill="black" stroke="black" points="1346.72,-155.5 1336.72,-159 1346.72,-162.5 1346.72,-155.5"/>
225
225
  </g>
226
226
  <!-- ExperimentalModule -->
227
227
  <g id="node7" class="node">
228
228
  <title>ExperimentalModule</title>
229
- <polygon fill="#8dd3c7" stroke="black" points="1225.47,-122 1222.47,-126 1201.47,-126 1198.47,-122 1090.53,-122 1090.53,-86 1225.47,-86 1225.47,-122"/>
230
- <text text-anchor="middle" x="1158" y="-99.8" font-family="Times,serif" font-size="14.00">ExperimentalModule</text>
229
+ <polygon fill="#8dd3c7" stroke="black" points="1674.47,-122 1671.47,-126 1650.47,-126 1647.47,-122 1539.53,-122 1539.53,-86 1674.47,-86 1674.47,-122"/>
230
+ <text text-anchor="middle" x="1607" y="-99.8" font-family="Times,serif" font-size="14.00">ExperimentalModule</text>
231
231
  </g>
232
232
  <!-- ExperimentalModule&#45;&gt;NotificationModule -->
233
233
  <g id="edge7" class="edge">
234
234
  <title>ExperimentalModule&#45;&gt;NotificationModule</title>
235
- <path fill="none" stroke="black" d="M1090.33,-104C1084.96,-104 1081.56,-104 1081.56,-104 1081.56,-104 1081.56,-140.89 1081.56,-140.89"/>
236
- <polygon fill="black" stroke="black" points="1078.06,-140.89 1081.56,-150.89 1085.06,-140.89 1078.06,-140.89"/>
235
+ <path fill="none" stroke="black" d="M1554.1,-122.24C1554.1,-137.57 1554.1,-157 1554.1,-157 1554.1,-157 1346.79,-157 1346.79,-157"/>
236
+ <polygon fill="black" stroke="black" points="1346.79,-153.5 1336.79,-157 1346.79,-160.5 1346.79,-153.5"/>
237
237
  </g>
238
238
  <!-- I18nModule -->
239
239
  <g id="node8" class="node">
240
240
  <title>I18nModule</title>
241
- <polygon fill="#8dd3c7" stroke="black" points="1072.71,-122 1069.71,-126 1048.71,-126 1045.71,-122 987.29,-122 987.29,-86 1072.71,-86 1072.71,-122"/>
242
- <text text-anchor="middle" x="1030" y="-99.8" font-family="Times,serif" font-size="14.00">I18nModule</text>
241
+ <polygon fill="#8dd3c7" stroke="black" points="1521.71,-122 1518.71,-126 1497.71,-126 1494.71,-122 1436.29,-122 1436.29,-86 1521.71,-86 1521.71,-122"/>
242
+ <text text-anchor="middle" x="1479" y="-99.8" font-family="Times,serif" font-size="14.00">I18nModule</text>
243
243
  </g>
244
244
  <!-- I18nModule&#45;&gt;NotificationModule -->
245
245
  <g id="edge8" class="edge">
246
246
  <title>I18nModule&#45;&gt;NotificationModule</title>
247
- <path fill="none" stroke="black" d="M1030,-122.11C1030,-122.11 1030,-140.99 1030,-140.99"/>
248
- <polygon fill="black" stroke="black" points="1026.5,-140.99 1030,-150.99 1033.5,-140.99 1026.5,-140.99"/>
247
+ <path fill="none" stroke="black" d="M1439.98,-122.05C1439.98,-136.37 1439.98,-154 1439.98,-154 1439.98,-154 1346.61,-154 1346.61,-154"/>
248
+ <polygon fill="black" stroke="black" points="1346.61,-150.5 1336.61,-154 1346.61,-157.5 1346.61,-150.5"/>
249
249
  </g>
250
250
  <!-- IconModule -->
251
251
  <g id="node9" class="node">
252
252
  <title>IconModule</title>
253
- <polygon fill="#8dd3c7" stroke="black" points="969.43,-122 966.43,-126 945.43,-126 942.43,-122 884.57,-122 884.57,-86 969.43,-86 969.43,-122"/>
254
- <text text-anchor="middle" x="927" y="-99.8" font-family="Times,serif" font-size="14.00">IconModule</text>
253
+ <polygon fill="#8dd3c7" stroke="black" points="1418.43,-122 1415.43,-126 1394.43,-126 1391.43,-122 1333.57,-122 1333.57,-86 1418.43,-86 1418.43,-122"/>
254
+ <text text-anchor="middle" x="1376" y="-99.8" font-family="Times,serif" font-size="14.00">IconModule</text>
255
255
  </g>
256
256
  <!-- IconModule&#45;&gt;NotificationModule -->
257
257
  <g id="edge9" class="edge">
258
258
  <title>IconModule&#45;&gt;NotificationModule</title>
259
- <path fill="none" stroke="black" d="M955.72,-122.05C955.72,-136.37 955.72,-154 955.72,-154 955.72,-154 956.78,-154 956.78,-154"/>
260
- <polygon fill="black" stroke="black" points="956.36,-157.5 966.36,-154 956.36,-150.5 956.36,-157.5"/>
259
+ <path fill="none" stroke="black" d="M1333.33,-104C1328.29,-104 1324.89,-104 1324.89,-104 1324.89,-104 1324.89,-140.89 1324.89,-140.89"/>
260
+ <polygon fill="black" stroke="black" points="1321.39,-140.89 1324.89,-150.89 1328.39,-140.89 1321.39,-140.89"/>
261
261
  </g>
262
262
  <!-- LinkModule -->
263
263
  <g id="node10" class="node">
264
264
  <title>LinkModule</title>
265
- <polygon fill="#8dd3c7" stroke="black" points="866.99,-122 863.99,-126 842.99,-126 839.99,-122 781.01,-122 781.01,-86 866.99,-86 866.99,-122"/>
266
- <text text-anchor="middle" x="824" y="-99.8" font-family="Times,serif" font-size="14.00">LinkModule</text>
265
+ <polygon fill="#8dd3c7" stroke="black" points="1315.99,-122 1312.99,-126 1291.99,-126 1288.99,-122 1230.01,-122 1230.01,-86 1315.99,-86 1315.99,-122"/>
266
+ <text text-anchor="middle" x="1273" y="-99.8" font-family="Times,serif" font-size="14.00">LinkModule</text>
267
267
  </g>
268
268
  <!-- LinkModule&#45;&gt;NotificationModule -->
269
269
  <g id="edge10" class="edge">
270
270
  <title>LinkModule&#45;&gt;NotificationModule</title>
271
- <path fill="none" stroke="black" d="M850.1,-122.19C850.1,-137.18 850.1,-156 850.1,-156 850.1,-156 956.32,-156 956.32,-156"/>
272
- <polygon fill="black" stroke="black" points="956.32,-159.5 966.32,-156 956.32,-152.5 956.32,-159.5"/>
271
+ <path fill="none" stroke="black" d="M1273,-122.11C1273,-122.11 1273,-140.99 1273,-140.99"/>
272
+ <polygon fill="black" stroke="black" points="1269.5,-140.99 1273,-150.99 1276.5,-140.99 1269.5,-140.99"/>
273
273
  </g>
274
274
  <!-- Notification -->
275
275
  <g id="node11" class="node">
276
276
  <title>Notification</title>
277
- <polygon fill="#8dd3c7" stroke="black" points="762.65,-122 759.65,-126 738.65,-126 735.65,-122 679.35,-122 679.35,-86 762.65,-86 762.65,-122"/>
278
- <text text-anchor="middle" x="721" y="-99.8" font-family="Times,serif" font-size="14.00">Notification</text>
277
+ <polygon fill="#8dd3c7" stroke="black" points="1211.65,-122 1208.65,-126 1187.65,-126 1184.65,-122 1128.35,-122 1128.35,-86 1211.65,-86 1211.65,-122"/>
278
+ <text text-anchor="middle" x="1170" y="-99.8" font-family="Times,serif" font-size="14.00">Notification</text>
279
279
  </g>
280
280
  <!-- Notification&#45;&gt;NotificationModule -->
281
281
  <g id="edge11" class="edge">
282
282
  <title>Notification&#45;&gt;NotificationModule</title>
283
- <path fill="none" stroke="black" d="M752.23,-122.01C752.23,-138.05 752.23,-159 752.23,-159 752.23,-159 956.27,-159 956.27,-159"/>
284
- <polygon fill="black" stroke="black" points="956.27,-162.5 966.27,-159 956.27,-155.5 956.27,-162.5"/>
283
+ <path fill="none" stroke="black" d="M1198.72,-122.05C1198.72,-136.37 1198.72,-154 1198.72,-154 1198.72,-154 1199.78,-154 1199.78,-154"/>
284
+ <polygon fill="black" stroke="black" points="1199.36,-157.5 1209.36,-154 1199.36,-150.5 1199.36,-157.5"/>
285
285
  </g>
286
286
  <!-- NotificationSubtitle -->
287
287
  <g id="node12" class="node">
288
288
  <title>NotificationSubtitle</title>
289
- <polygon fill="#8dd3c7" stroke="black" points="661.71,-122 658.71,-126 637.71,-126 634.71,-122 534.29,-122 534.29,-86 661.71,-86 661.71,-122"/>
290
- <text text-anchor="middle" x="598" y="-99.8" font-family="Times,serif" font-size="14.00">NotificationSubtitle</text>
289
+ <polygon fill="#8dd3c7" stroke="black" points="1110.71,-122 1107.71,-126 1086.71,-126 1083.71,-122 983.29,-122 983.29,-86 1110.71,-86 1110.71,-122"/>
290
+ <text text-anchor="middle" x="1047" y="-99.8" font-family="Times,serif" font-size="14.00">NotificationSubtitle</text>
291
291
  </g>
292
292
  <!-- NotificationSubtitle&#45;&gt;NotificationModule -->
293
293
  <g id="edge12" class="edge">
294
294
  <title>NotificationSubtitle&#45;&gt;NotificationModule</title>
295
- <path fill="none" stroke="black" d="M655.07,-122.04C655.07,-138.73 655.07,-161 655.07,-161 655.07,-161 956.4,-161 956.4,-161"/>
296
- <polygon fill="black" stroke="black" points="956.4,-164.5 966.4,-161 956.4,-157.5 956.4,-164.5"/>
295
+ <path fill="none" stroke="black" d="M1093.41,-122.19C1093.41,-137.18 1093.41,-156 1093.41,-156 1093.41,-156 1199.18,-156 1199.18,-156"/>
296
+ <polygon fill="black" stroke="black" points="1199.18,-159.5 1209.18,-156 1199.18,-152.5 1199.18,-159.5"/>
297
297
  </g>
298
298
  <!-- NotificationTitle -->
299
299
  <g id="node13" class="node">
300
300
  <title>NotificationTitle</title>
301
- <polygon fill="#8dd3c7" stroke="black" points="516.09,-122 513.09,-126 492.09,-126 489.09,-122 405.91,-122 405.91,-86 516.09,-86 516.09,-122"/>
302
- <text text-anchor="middle" x="461" y="-99.8" font-family="Times,serif" font-size="14.00">NotificationTitle</text>
301
+ <polygon fill="#8dd3c7" stroke="black" points="965.09,-122 962.09,-126 941.09,-126 938.09,-122 854.91,-122 854.91,-86 965.09,-86 965.09,-122"/>
302
+ <text text-anchor="middle" x="910" y="-99.8" font-family="Times,serif" font-size="14.00">NotificationTitle</text>
303
303
  </g>
304
304
  <!-- NotificationTitle&#45;&gt;NotificationModule -->
305
305
  <g id="edge13" class="edge">
306
306
  <title>NotificationTitle&#45;&gt;NotificationModule</title>
307
- <path fill="none" stroke="black" d="M465.67,-122.02C465.67,-139.37 465.67,-163 465.67,-163 465.67,-163 956.36,-163 956.36,-163"/>
308
- <polygon fill="black" stroke="black" points="956.36,-166.5 966.36,-163 956.36,-159.5 956.36,-166.5"/>
307
+ <path fill="none" stroke="black" d="M928.29,-122.01C928.29,-138.05 928.29,-159 928.29,-159 928.29,-159 1199.37,-159 1199.37,-159"/>
308
+ <polygon fill="black" stroke="black" points="1199.37,-162.5 1209.37,-159 1199.37,-155.5 1199.37,-162.5"/>
309
309
  </g>
310
310
  <!-- Toast -->
311
311
  <g id="node14" class="node">
312
312
  <title>Toast</title>
313
- <polygon fill="#8dd3c7" stroke="black" points="388,-122 385,-126 364,-126 361,-122 334,-122 334,-86 388,-86 388,-122"/>
314
- <text text-anchor="middle" x="361" y="-99.8" font-family="Times,serif" font-size="14.00">Toast</text>
313
+ <polygon fill="#8dd3c7" stroke="black" points="837,-122 834,-126 813,-126 810,-122 783,-122 783,-86 837,-86 837,-122"/>
314
+ <text text-anchor="middle" x="810" y="-99.8" font-family="Times,serif" font-size="14.00">Toast</text>
315
315
  </g>
316
316
  <!-- Toast&#45;&gt;NotificationModule -->
317
317
  <g id="edge14" class="edge">
318
318
  <title>Toast&#45;&gt;NotificationModule</title>
319
- <path fill="none" stroke="black" d="M361,-122.27C361,-140.56 361,-166 361,-166 361,-166 956.16,-166 956.16,-166"/>
320
- <polygon fill="black" stroke="black" points="956.16,-169.5 966.16,-166 956.16,-162.5 956.16,-169.5"/>
319
+ <path fill="none" stroke="black" d="M810,-122.04C810,-138.73 810,-161 810,-161 810,-161 1199.11,-161 1199.11,-161"/>
320
+ <polygon fill="black" stroke="black" points="1199.11,-164.5 1209.11,-161 1199.11,-157.5 1199.11,-164.5"/>
321
321
  </g>
322
322
  <!-- ToastCaption -->
323
323
  <g id="node15" class="node">
324
324
  <title>ToastCaption</title>
325
- <polygon fill="#8dd3c7" stroke="black" points="315.94,-122 312.94,-126 291.94,-126 288.94,-122 224.06,-122 224.06,-86 315.94,-86 315.94,-122"/>
326
- <text text-anchor="middle" x="270" y="-99.8" font-family="Times,serif" font-size="14.00">ToastCaption</text>
325
+ <polygon fill="#8dd3c7" stroke="black" points="764.94,-122 761.94,-126 740.94,-126 737.94,-122 673.06,-122 673.06,-86 764.94,-86 764.94,-122"/>
326
+ <text text-anchor="middle" x="719" y="-99.8" font-family="Times,serif" font-size="14.00">ToastCaption</text>
327
327
  </g>
328
328
  <!-- ToastCaption&#45;&gt;NotificationModule -->
329
329
  <g id="edge15" class="edge">
330
330
  <title>ToastCaption&#45;&gt;NotificationModule</title>
331
- <path fill="none" stroke="black" d="M270,-122.17C270,-141.09 270,-168 270,-168 270,-168 956.18,-168 956.18,-168"/>
332
- <polygon fill="black" stroke="black" points="956.18,-171.5 966.18,-168 956.18,-164.5 956.18,-171.5"/>
331
+ <path fill="none" stroke="black" d="M709.16,-122.02C709.16,-139.37 709.16,-163 709.16,-163 709.16,-163 1199.14,-163 1199.14,-163"/>
332
+ <polygon fill="black" stroke="black" points="1199.14,-166.5 1209.14,-163 1199.14,-159.5 1199.14,-166.5"/>
333
333
  </g>
334
334
  <!-- ToastSubtitle -->
335
335
  <g id="node16" class="node">
336
336
  <title>ToastSubtitle</title>
337
- <polygon fill="#8dd3c7" stroke="black" points="206.16,-122 203.16,-126 182.16,-126 179.16,-122 115.84,-122 115.84,-86 206.16,-86 206.16,-122"/>
338
- <text text-anchor="middle" x="161" y="-99.8" font-family="Times,serif" font-size="14.00">ToastSubtitle</text>
337
+ <polygon fill="#8dd3c7" stroke="black" points="655.16,-122 652.16,-126 631.16,-126 628.16,-122 564.84,-122 564.84,-86 655.16,-86 655.16,-122"/>
338
+ <text text-anchor="middle" x="610" y="-99.8" font-family="Times,serif" font-size="14.00">ToastSubtitle</text>
339
339
  </g>
340
340
  <!-- ToastSubtitle&#45;&gt;NotificationModule -->
341
341
  <g id="edge16" class="edge">
342
342
  <title>ToastSubtitle&#45;&gt;NotificationModule</title>
343
- <path fill="none" stroke="black" d="M161,-122.31C161,-142.15 161,-171 161,-171 161,-171 956.1,-171 956.1,-171"/>
344
- <polygon fill="black" stroke="black" points="956.1,-174.5 966.1,-171 956.1,-167.5 956.1,-174.5"/>
343
+ <path fill="none" stroke="black" d="M610,-122.27C610,-140.56 610,-166 610,-166 610,-166 1199.13,-166 1199.13,-166"/>
344
+ <polygon fill="black" stroke="black" points="1199.13,-169.5 1209.13,-166 1199.13,-162.5 1199.13,-169.5"/>
345
345
  </g>
346
346
  <!-- ToastTitle -->
347
347
  <g id="node17" class="node">
348
348
  <title>ToastTitle</title>
349
- <polygon fill="#8dd3c7" stroke="black" points="97.54,-122 94.54,-126 73.54,-126 70.54,-122 24.46,-122 24.46,-86 97.54,-86 97.54,-122"/>
350
- <text text-anchor="middle" x="61" y="-99.8" font-family="Times,serif" font-size="14.00">ToastTitle</text>
349
+ <polygon fill="#8dd3c7" stroke="black" points="546.54,-122 543.54,-126 522.54,-126 519.54,-122 473.46,-122 473.46,-86 546.54,-86 546.54,-122"/>
350
+ <text text-anchor="middle" x="510" y="-99.8" font-family="Times,serif" font-size="14.00">ToastTitle</text>
351
351
  </g>
352
352
  <!-- ToastTitle&#45;&gt;NotificationModule -->
353
353
  <g id="edge17" class="edge">
354
354
  <title>ToastTitle&#45;&gt;NotificationModule</title>
355
- <path fill="none" stroke="black" d="M61,-122.13C61,-142.57 61,-173 61,-173 61,-173 956.05,-173 956.05,-173"/>
356
- <polygon fill="black" stroke="black" points="956.05,-176.5 966.05,-173 956.05,-169.5 956.05,-176.5"/>
355
+ <path fill="none" stroke="black" d="M510,-122.17C510,-141.09 510,-168 510,-168 510,-168 1199.26,-168 1199.26,-168"/>
356
+ <polygon fill="black" stroke="black" points="1199.26,-171.5 1209.26,-168 1199.26,-164.5 1199.26,-171.5"/>
357
357
  </g>
358
358
  <!-- ActionableButton -->
359
359
  <g id="node19" class="node">
360
360
  <title>ActionableButton </title>
361
- <polygon fill="#fb8072" stroke="black" points="1772.54,-252 1653.46,-252 1653.46,-216 1772.54,-216 1772.54,-252"/>
362
- <text text-anchor="middle" x="1713" y="-229.8" font-family="Times,serif" font-size="14.00">ActionableButton </text>
361
+ <polygon fill="#fb8072" stroke="black" points="2015.54,-252 1896.46,-252 1896.46,-216 2015.54,-216 2015.54,-252"/>
362
+ <text text-anchor="middle" x="1956" y="-229.8" font-family="Times,serif" font-size="14.00">ActionableButton </text>
363
363
  </g>
364
364
  <!-- NotificationModule&#45;&gt;ActionableButton -->
365
365
  <g id="edge18" class="edge">
366
366
  <title>NotificationModule&#45;&gt;ActionableButton </title>
367
- <path fill="none" stroke="black" stroke-dasharray="5,2" d="M1093.73,-175C1259.51,-175 1691.49,-175 1691.49,-175 1691.49,-175 1691.49,-205.98 1691.49,-205.98"/>
368
- <polygon fill="black" stroke="black" points="1687.99,-205.98 1691.49,-215.98 1694.99,-205.98 1687.99,-205.98"/>
367
+ <path fill="none" stroke="black" stroke-dasharray="5,2" d="M1336.74,-175C1497.63,-175 1907.45,-175 1907.45,-175 1907.45,-175 1907.45,-205.98 1907.45,-205.98"/>
368
+ <polygon fill="black" stroke="black" points="1903.96,-205.98 1907.45,-215.98 1910.96,-205.98 1903.96,-205.98"/>
369
369
  </g>
370
370
  <!-- ActionableNotification -->
371
371
  <g id="node20" class="node">
372
372
  <title>ActionableNotification </title>
373
- <polygon fill="#fb8072" stroke="black" points="1635.07,-252 1486.93,-252 1486.93,-216 1635.07,-216 1635.07,-252"/>
374
- <text text-anchor="middle" x="1561" y="-229.8" font-family="Times,serif" font-size="14.00">ActionableNotification </text>
373
+ <polygon fill="#fb8072" stroke="black" points="1878.07,-252 1729.93,-252 1729.93,-216 1878.07,-216 1878.07,-252"/>
374
+ <text text-anchor="middle" x="1804" y="-229.8" font-family="Times,serif" font-size="14.00">ActionableNotification </text>
375
375
  </g>
376
376
  <!-- NotificationModule&#45;&gt;ActionableNotification -->
377
377
  <g id="edge19" class="edge">
378
378
  <title>NotificationModule&#45;&gt;ActionableNotification </title>
379
- <path fill="none" stroke="black" stroke-dasharray="5,2" d="M1093.78,-177C1226.81,-177 1521.69,-177 1521.69,-177 1521.69,-177 1521.69,-205.96 1521.69,-205.96"/>
380
- <polygon fill="black" stroke="black" points="1518.19,-205.96 1521.69,-215.96 1525.19,-205.96 1518.19,-205.96"/>
379
+ <path fill="none" stroke="black" stroke-dasharray="5,2" d="M1336.64,-177C1468.58,-177 1759.77,-177 1759.77,-177 1759.77,-177 1759.77,-205.96 1759.77,-205.96"/>
380
+ <polygon fill="black" stroke="black" points="1756.27,-205.96 1759.77,-215.96 1763.27,-205.96 1756.27,-205.96"/>
381
381
  </g>
382
382
  <!-- ActionableSubtitle -->
383
383
  <g id="node21" class="node">
384
384
  <title>ActionableSubtitle </title>
385
- <polygon fill="#fb8072" stroke="black" points="1468.48,-252 1343.52,-252 1343.52,-216 1468.48,-216 1468.48,-252"/>
386
- <text text-anchor="middle" x="1406" y="-229.8" font-family="Times,serif" font-size="14.00">ActionableSubtitle </text>
385
+ <polygon fill="#fb8072" stroke="black" points="1711.48,-252 1586.52,-252 1586.52,-216 1711.48,-216 1711.48,-252"/>
386
+ <text text-anchor="middle" x="1649" y="-229.8" font-family="Times,serif" font-size="14.00">ActionableSubtitle </text>
387
387
  </g>
388
388
  <!-- NotificationModule&#45;&gt;ActionableSubtitle -->
389
389
  <g id="edge20" class="edge">
390
390
  <title>NotificationModule&#45;&gt;ActionableSubtitle </title>
391
- <path fill="none" stroke="black" stroke-dasharray="5,2" d="M1093.84,-180C1187.5,-180 1351.16,-180 1351.16,-180 1351.16,-180 1351.16,-205.72 1351.16,-205.72"/>
392
- <polygon fill="black" stroke="black" points="1347.66,-205.72 1351.16,-215.72 1354.66,-205.72 1347.66,-205.72"/>
391
+ <path fill="none" stroke="black" stroke-dasharray="5,2" d="M1336.94,-180C1439.8,-180 1630.62,-180 1630.62,-180 1630.62,-180 1630.62,-205.72 1630.62,-205.72"/>
392
+ <polygon fill="black" stroke="black" points="1627.12,-205.72 1630.62,-215.72 1634.12,-205.72 1627.12,-205.72"/>
393
393
  </g>
394
394
  <!-- ActionableTitle -->
395
395
  <g id="node22" class="node">
396
396
  <title>ActionableTitle </title>
397
- <polygon fill="#fb8072" stroke="black" points="1325.86,-252 1218.14,-252 1218.14,-216 1325.86,-216 1325.86,-252"/>
398
- <text text-anchor="middle" x="1272" y="-229.8" font-family="Times,serif" font-size="14.00">ActionableTitle </text>
397
+ <polygon fill="#fb8072" stroke="black" points="1568.86,-252 1461.14,-252 1461.14,-216 1568.86,-216 1568.86,-252"/>
398
+ <text text-anchor="middle" x="1515" y="-229.8" font-family="Times,serif" font-size="14.00">ActionableTitle </text>
399
399
  </g>
400
400
  <!-- NotificationModule&#45;&gt;ActionableTitle -->
401
401
  <g id="edge21" class="edge">
402
402
  <title>NotificationModule&#45;&gt;ActionableTitle </title>
403
- <path fill="none" stroke="black" stroke-dasharray="5,2" d="M1093.63,-182C1149.49,-182 1221.9,-182 1221.9,-182 1221.9,-182 1221.9,-205.81 1221.9,-205.81"/>
404
- <polygon fill="black" stroke="black" points="1218.4,-205.81 1221.9,-215.81 1225.4,-205.81 1218.4,-205.81"/>
403
+ <path fill="none" stroke="black" stroke-dasharray="5,2" d="M1336.78,-182C1401.26,-182 1491.46,-182 1491.46,-182 1491.46,-182 1491.46,-205.81 1491.46,-205.81"/>
404
+ <polygon fill="black" stroke="black" points="1487.96,-205.81 1491.46,-215.81 1494.96,-205.81 1487.96,-205.81"/>
405
405
  </g>
406
406
  <!-- Notification -->
407
407
  <g id="node23" class="node">
408
408
  <title>Notification </title>
409
- <polygon fill="#fb8072" stroke="black" points="1200.65,-252 1113.35,-252 1113.35,-216 1200.65,-216 1200.65,-252"/>
410
- <text text-anchor="middle" x="1157" y="-229.8" font-family="Times,serif" font-size="14.00">Notification </text>
409
+ <polygon fill="#fb8072" stroke="black" points="1443.65,-252 1356.35,-252 1356.35,-216 1443.65,-216 1443.65,-252"/>
410
+ <text text-anchor="middle" x="1400" y="-229.8" font-family="Times,serif" font-size="14.00">Notification </text>
411
411
  </g>
412
412
  <!-- NotificationModule&#45;&gt;Notification -->
413
413
  <g id="edge22" class="edge">
414
414
  <title>NotificationModule&#45;&gt;Notification </title>
415
- <path fill="none" stroke="black" stroke-dasharray="5,2" d="M1093.87,-185C1125.5,-185 1157,-185 1157,-185 1157,-185 1157,-205.75 1157,-205.75"/>
416
- <polygon fill="black" stroke="black" points="1153.5,-205.75 1157,-215.75 1160.5,-205.75 1153.5,-205.75"/>
415
+ <path fill="none" stroke="black" stroke-dasharray="5,2" d="M1336.84,-185C1363.03,-185 1387.32,-185 1387.32,-185 1387.32,-185 1387.32,-205.75 1387.32,-205.75"/>
416
+ <polygon fill="black" stroke="black" points="1383.82,-205.75 1387.32,-215.75 1390.82,-205.75 1383.82,-205.75"/>
417
417
  </g>
418
418
  <!-- NotificationSubtitle -->
419
419
  <g id="node24" class="node">
420
420
  <title>NotificationSubtitle </title>
421
- <polygon fill="#fb8072" stroke="black" points="1095.21,-252 964.79,-252 964.79,-216 1095.21,-216 1095.21,-252"/>
422
- <text text-anchor="middle" x="1030" y="-229.8" font-family="Times,serif" font-size="14.00">NotificationSubtitle </text>
421
+ <polygon fill="#fb8072" stroke="black" points="1338.21,-252 1207.79,-252 1207.79,-216 1338.21,-216 1338.21,-252"/>
422
+ <text text-anchor="middle" x="1273" y="-229.8" font-family="Times,serif" font-size="14.00">NotificationSubtitle </text>
423
423
  </g>
424
424
  <!-- NotificationModule&#45;&gt;NotificationSubtitle -->
425
425
  <g id="edge23" class="edge">
426
426
  <title>NotificationModule&#45;&gt;NotificationSubtitle </title>
427
- <path fill="none" stroke="black" stroke-dasharray="5,2" d="M1030,-187.11C1030,-187.11 1030,-205.99 1030,-205.99"/>
428
- <polygon fill="black" stroke="black" points="1026.5,-205.99 1030,-215.99 1033.5,-205.99 1026.5,-205.99"/>
427
+ <path fill="none" stroke="black" stroke-dasharray="5,2" d="M1273,-187.11C1273,-187.11 1273,-205.99 1273,-205.99"/>
428
+ <polygon fill="black" stroke="black" points="1269.5,-205.99 1273,-215.99 1276.5,-205.99 1269.5,-205.99"/>
429
429
  </g>
430
430
  <!-- NotificationTitle -->
431
431
  <g id="node25" class="node">
432
432
  <title>NotificationTitle </title>
433
- <polygon fill="#fb8072" stroke="black" points="946.59,-252 833.41,-252 833.41,-216 946.59,-216 946.59,-252"/>
434
- <text text-anchor="middle" x="890" y="-229.8" font-family="Times,serif" font-size="14.00">NotificationTitle </text>
433
+ <polygon fill="#fb8072" stroke="black" points="1189.59,-252 1076.41,-252 1076.41,-216 1189.59,-216 1189.59,-252"/>
434
+ <text text-anchor="middle" x="1133" y="-229.8" font-family="Times,serif" font-size="14.00">NotificationTitle </text>
435
435
  </g>
436
436
  <!-- NotificationModule&#45;&gt;NotificationTitle -->
437
437
  <g id="edge24" class="edge">
438
438
  <title>NotificationModule&#45;&gt;NotificationTitle </title>
439
- <path fill="none" stroke="black" stroke-dasharray="5,2" d="M966.22,-185C940.06,-185 915.79,-185 915.79,-185 915.79,-185 915.79,-205.75 915.79,-205.75"/>
440
- <polygon fill="black" stroke="black" points="912.29,-205.75 915.79,-215.75 919.29,-205.75 912.29,-205.75"/>
439
+ <path fill="none" stroke="black" stroke-dasharray="5,2" d="M1209.33,-185C1183.21,-185 1158.98,-185 1158.98,-185 1158.98,-185 1158.98,-205.75 1158.98,-205.75"/>
440
+ <polygon fill="black" stroke="black" points="1155.48,-205.75 1158.98,-215.75 1162.48,-205.75 1155.48,-205.75"/>
441
441
  </g>
442
442
  <!-- Toast -->
443
443
  <g id="node26" class="node">
444
444
  <title>Toast </title>
445
- <polygon fill="#fb8072" stroke="black" points="815,-252 761,-252 761,-216 815,-216 815,-252"/>
446
- <text text-anchor="middle" x="788" y="-229.8" font-family="Times,serif" font-size="14.00">Toast </text>
445
+ <polygon fill="#fb8072" stroke="black" points="1058,-252 1004,-252 1004,-216 1058,-216 1058,-252"/>
446
+ <text text-anchor="middle" x="1031" y="-229.8" font-family="Times,serif" font-size="14.00">Toast </text>
447
447
  </g>
448
448
  <!-- NotificationModule&#45;&gt;Toast -->
449
449
  <g id="edge25" class="edge">
450
450
  <title>NotificationModule&#45;&gt;Toast </title>
451
- <path fill="none" stroke="black" stroke-dasharray="5,2" d="M966.3,-183C897.62,-183 798,-183 798,-183 798,-183 798,-205.88 798,-205.88"/>
452
- <polygon fill="black" stroke="black" points="794.5,-205.88 798,-215.88 801.5,-205.88 794.5,-205.88"/>
451
+ <path fill="none" stroke="black" stroke-dasharray="5,2" d="M1209.1,-183C1137.4,-183 1031,-183 1031,-183 1031,-183 1031,-205.88 1031,-205.88"/>
452
+ <polygon fill="black" stroke="black" points="1027.5,-205.88 1031,-215.88 1034.5,-205.88 1027.5,-205.88"/>
453
453
  </g>
454
454
  <!-- ToastCaption -->
455
455
  <g id="node27" class="node">
456
456
  <title>ToastCaption </title>
457
- <polygon fill="#fb8072" stroke="black" points="743.43,-252 648.57,-252 648.57,-216 743.43,-216 743.43,-252"/>
458
- <text text-anchor="middle" x="696" y="-229.8" font-family="Times,serif" font-size="14.00">ToastCaption </text>
457
+ <polygon fill="#fb8072" stroke="black" points="986.43,-252 891.57,-252 891.57,-216 986.43,-216 986.43,-252"/>
458
+ <text text-anchor="middle" x="939" y="-229.8" font-family="Times,serif" font-size="14.00">ToastCaption </text>
459
459
  </g>
460
460
  <!-- NotificationModule&#45;&gt;ToastCaption -->
461
461
  <g id="edge26" class="edge">
462
462
  <title>NotificationModule&#45;&gt;ToastCaption </title>
463
- <path fill="none" stroke="black" stroke-dasharray="5,2" d="M966.28,-180C873.28,-180 711.32,-180 711.32,-180 711.32,-180 711.32,-205.72 711.32,-205.72"/>
464
- <polygon fill="black" stroke="black" points="707.82,-205.72 711.32,-215.72 714.82,-205.72 707.82,-205.72"/>
463
+ <path fill="none" stroke="black" stroke-dasharray="5,2" d="M1209.27,-180C1121.52,-180 974.22,-180 974.22,-180 974.22,-180 974.22,-205.72 974.22,-205.72"/>
464
+ <polygon fill="black" stroke="black" points="970.72,-205.72 974.22,-215.72 977.72,-205.72 970.72,-205.72"/>
465
465
  </g>
466
466
  <!-- ToastSubtitle -->
467
467
  <g id="node28" class="node">
468
468
  <title>ToastSubtitle </title>
469
- <polygon fill="#fb8072" stroke="black" points="630.16,-252 535.84,-252 535.84,-216 630.16,-216 630.16,-252"/>
470
- <text text-anchor="middle" x="583" y="-229.8" font-family="Times,serif" font-size="14.00">ToastSubtitle </text>
469
+ <polygon fill="#fb8072" stroke="black" points="873.16,-252 778.84,-252 778.84,-216 873.16,-216 873.16,-252"/>
470
+ <text text-anchor="middle" x="826" y="-229.8" font-family="Times,serif" font-size="14.00">ToastSubtitle </text>
471
471
  </g>
472
472
  <!-- NotificationModule&#45;&gt;ToastSubtitle -->
473
473
  <g id="edge27" class="edge">
474
474
  <title>NotificationModule&#45;&gt;ToastSubtitle </title>
475
- <path fill="none" stroke="black" stroke-dasharray="5,2" d="M965.96,-178C842.36,-178 583,-178 583,-178 583,-178 583,-205.97 583,-205.97"/>
476
- <polygon fill="black" stroke="black" points="579.5,-205.97 583,-215.97 586.5,-205.97 579.5,-205.97"/>
475
+ <path fill="none" stroke="black" stroke-dasharray="5,2" d="M1209.1,-178C1094.07,-178 864.02,-178 864.02,-178 864.02,-178 864.02,-205.97 864.02,-205.97"/>
476
+ <polygon fill="black" stroke="black" points="860.52,-205.97 864.02,-215.97 867.52,-205.97 860.52,-205.97"/>
477
477
  </g>
478
478
  <!-- ToastTitle -->
479
479
  <g id="node29" class="node">
480
480
  <title>ToastTitle </title>
481
- <polygon fill="#fb8072" stroke="black" points="517.54,-252 440.46,-252 440.46,-216 517.54,-216 517.54,-252"/>
482
- <text text-anchor="middle" x="479" y="-229.8" font-family="Times,serif" font-size="14.00">ToastTitle </text>
481
+ <polygon fill="#fb8072" stroke="black" points="760.54,-252 683.46,-252 683.46,-216 760.54,-216 760.54,-252"/>
482
+ <text text-anchor="middle" x="722" y="-229.8" font-family="Times,serif" font-size="14.00">ToastTitle </text>
483
483
  </g>
484
484
  <!-- NotificationModule&#45;&gt;ToastTitle -->
485
485
  <g id="edge28" class="edge">
486
486
  <title>NotificationModule&#45;&gt;ToastTitle </title>
487
- <path fill="none" stroke="black" stroke-dasharray="5,2" d="M966.3,-175C823.64,-175 490.86,-175 490.86,-175 490.86,-175 490.86,-205.98 490.86,-205.98"/>
488
- <polygon fill="black" stroke="black" points="487.36,-205.98 490.86,-215.98 494.36,-205.98 487.36,-205.98"/>
487
+ <path fill="none" stroke="black" stroke-dasharray="5,2" d="M1209.15,-175C1066.6,-175 734.84,-175 734.84,-175 734.84,-175 734.84,-205.98 734.84,-205.98"/>
488
+ <polygon fill="black" stroke="black" points="731.34,-205.98 734.84,-215.98 738.34,-205.98 731.34,-205.98"/>
489
489
  </g>
490
490
  <!-- NotificationDisplayService -->
491
491
  <g id="node30" class="node">
492
492
  <title>NotificationDisplayService</title>
493
- <ellipse fill="#fdb462" stroke="black" cx="2358" cy="-104" rx="116.89" ry="18"/>
494
- <text text-anchor="middle" x="2358" y="-99.8" font-family="Times,serif" font-size="14.00">NotificationDisplayService</text>
493
+ <ellipse fill="#fdb462" stroke="black" cx="332" cy="-104" rx="116.89" ry="18"/>
494
+ <text text-anchor="middle" x="332" y="-99.8" font-family="Times,serif" font-size="14.00">NotificationDisplayService</text>
495
495
  </g>
496
496
  <!-- NotificationDisplayService&#45;&gt;NotificationModule -->
497
497
  <g id="edge29" class="edge">
498
498
  <title>NotificationDisplayService&#45;&gt;NotificationModule</title>
499
- <path fill="none" stroke="black" d="M2358,-122.22C2358,-142.37 2358,-172 2358,-172 2358,-172 1103.6,-172 1103.6,-172"/>
500
- <polygon fill="black" stroke="black" points="1103.6,-168.5 1093.6,-172 1103.6,-175.5 1103.6,-168.5"/>
499
+ <path fill="none" stroke="black" d="M332,-122.31C332,-142.15 332,-171 332,-171 332,-171 1199.06,-171 1199.06,-171"/>
500
+ <polygon fill="black" stroke="black" points="1199.06,-174.5 1209.06,-171 1199.06,-167.5 1199.06,-174.5"/>
501
501
  </g>
502
502
  <!-- NotificationService -->
503
503
  <g id="node31" class="node">
504
504
  <title>NotificationService</title>
505
- <ellipse fill="#fdb462" stroke="black" cx="2137" cy="-104" rx="86.81" ry="18"/>
506
- <text text-anchor="middle" x="2137" y="-99.8" font-family="Times,serif" font-size="14.00">NotificationService</text>
505
+ <ellipse fill="#fdb462" stroke="black" cx="111" cy="-104" rx="86.81" ry="18"/>
506
+ <text text-anchor="middle" x="111" y="-99.8" font-family="Times,serif" font-size="14.00">NotificationService</text>
507
507
  </g>
508
508
  <!-- NotificationService&#45;&gt;NotificationModule -->
509
509
  <g id="edge30" class="edge">
510
510
  <title>NotificationService&#45;&gt;NotificationModule</title>
511
- <path fill="none" stroke="black" d="M2137,-122.11C2137,-141.34 2137,-169 2137,-169 2137,-169 1103.9,-169 1103.9,-169"/>
512
- <polygon fill="black" stroke="black" points="1103.9,-165.5 1093.9,-169 1103.9,-172.5 1103.9,-165.5"/>
511
+ <path fill="none" stroke="black" d="M111,-122.13C111,-142.57 111,-173 111,-173 111,-173 1199.29,-173 1199.29,-173"/>
512
+ <polygon fill="black" stroke="black" points="1199.29,-176.5 1209.29,-173 1199.29,-169.5 1199.29,-176.5"/>
513
513
  </g>
514
514
  </g>
515
515
  </svg>