@tmorrow/cre8-wc 2.0.3 → 2.0.5

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 (223) hide show
  1. package/a2ui/build-knowledge-graph.py +297 -0
  2. package/a2ui/catalog +240 -0
  3. package/a2ui/catalog-kg.json +6704 -0
  4. package/a2ui/catalog.json +6114 -0
  5. package/a2ui/catalog.svg +3295 -0
  6. package/a2ui/demo.html +243 -0
  7. package/a2ui/examples/card-gallery.json +786 -0
  8. package/a2ui/examples/dating-grid.json +456 -0
  9. package/a2ui/examples/llm-observability.json +1719 -0
  10. package/a2ui/examples/portfolio.json +341 -0
  11. package/a2ui/generate-catalog.mjs +246 -0
  12. package/a2ui/index.d.ts +4 -0
  13. package/a2ui/index.js +2 -0
  14. package/a2ui/index.ts +12 -0
  15. package/a2ui/registry.d.ts +3 -0
  16. package/a2ui/registry.js +166 -0
  17. package/a2ui/registry.ts +182 -0
  18. package/a2ui/renderer.d.ts +7 -0
  19. package/a2ui/renderer.js +108 -0
  20. package/a2ui/renderer.ts +156 -0
  21. package/a2ui/smoke-test.mjs +238 -0
  22. package/a2ui/types.d.ts +75 -0
  23. package/a2ui/types.js +1 -0
  24. package/a2ui/types.ts +80 -0
  25. package/cdn/cre8-wc.esm.js +3057 -2438
  26. package/cdn/cre8-wc.esm.js.map +1 -1
  27. package/cdn/cre8-wc.min.js +1801 -1204
  28. package/cdn/cre8-wc.min.js.map +1 -1
  29. package/lib/a2ui/index.d.ts +5 -0
  30. package/lib/a2ui/index.d.ts.map +1 -0
  31. package/lib/a2ui/index.js +3 -0
  32. package/lib/a2ui/index.js.map +1 -0
  33. package/lib/a2ui/registry.d.ts +4 -0
  34. package/lib/a2ui/registry.d.ts.map +1 -0
  35. package/lib/a2ui/registry.js +167 -0
  36. package/lib/a2ui/registry.js.map +1 -0
  37. package/lib/a2ui/renderer.d.ts +8 -0
  38. package/lib/a2ui/renderer.d.ts.map +1 -0
  39. package/lib/a2ui/renderer.js +109 -0
  40. package/lib/a2ui/renderer.js.map +1 -0
  41. package/lib/a2ui/types.d.ts +76 -0
  42. package/lib/a2ui/types.d.ts.map +1 -0
  43. package/lib/a2ui/types.js +2 -0
  44. package/lib/a2ui/types.js.map +1 -0
  45. package/lib/components/accordion/accordion.d.ts +1 -0
  46. package/lib/components/accordion/accordion.d.ts.map +1 -1
  47. package/lib/components/accordion/accordion.js +1 -0
  48. package/lib/components/accordion/accordion.js.map +1 -1
  49. package/lib/components/accordion-item/accordion-item.d.ts +1 -0
  50. package/lib/components/accordion-item/accordion-item.d.ts.map +1 -1
  51. package/lib/components/accordion-item/accordion-item.js +1 -0
  52. package/lib/components/accordion-item/accordion-item.js.map +1 -1
  53. package/lib/components/alert/alert.d.ts +6 -0
  54. package/lib/components/alert/alert.d.ts.map +1 -1
  55. package/lib/components/alert/alert.js +6 -0
  56. package/lib/components/alert/alert.js.map +1 -1
  57. package/lib/components/button/button.d.ts +2 -0
  58. package/lib/components/button/button.d.ts.map +1 -1
  59. package/lib/components/button/button.js +2 -0
  60. package/lib/components/button/button.js.map +1 -1
  61. package/lib/components/button/button.styles.d.ts.map +1 -1
  62. package/lib/components/button/button.styles.js +1120 -557
  63. package/lib/components/button/button.styles.js.map +1 -1
  64. package/lib/components/button-group/button-group.d.ts +9 -0
  65. package/lib/components/button-group/button-group.d.ts.map +1 -1
  66. package/lib/components/button-group/button-group.js +8 -0
  67. package/lib/components/button-group/button-group.js.map +1 -1
  68. package/lib/components/button-group/button-group.styles.d.ts.map +1 -1
  69. package/lib/components/button-group/button-group.styles.js +12 -0
  70. package/lib/components/button-group/button-group.styles.js.map +1 -1
  71. package/lib/components/card/card.d.ts +1 -1
  72. package/lib/components/card/card.d.ts.map +1 -1
  73. package/lib/components/card/card.js +1 -0
  74. package/lib/components/card/card.js.map +1 -1
  75. package/lib/components/card/card.styles.d.ts.map +1 -1
  76. package/lib/components/card/card.styles.js +8 -0
  77. package/lib/components/card/card.styles.js.map +1 -1
  78. package/lib/components/checkbox-field-item/checkbox-field-item.d.ts +6 -0
  79. package/lib/components/checkbox-field-item/checkbox-field-item.d.ts.map +1 -1
  80. package/lib/components/checkbox-field-item/checkbox-field-item.js +6 -0
  81. package/lib/components/checkbox-field-item/checkbox-field-item.js.map +1 -1
  82. package/lib/components/checkbox-field-item/checkbox-field-item.styles.js +1 -1
  83. package/lib/components/checkbox-field-item/checkbox-field-item.styles.js.map +1 -1
  84. package/lib/components/date-picker/date-picker.d.ts +5 -0
  85. package/lib/components/date-picker/date-picker.d.ts.map +1 -1
  86. package/lib/components/date-picker/date-picker.js +12 -10
  87. package/lib/components/date-picker/date-picker.js.map +1 -1
  88. package/lib/components/dropdown/dropdown.d.ts +2 -0
  89. package/lib/components/dropdown/dropdown.d.ts.map +1 -1
  90. package/lib/components/dropdown/dropdown.js +2 -0
  91. package/lib/components/dropdown/dropdown.js.map +1 -1
  92. package/lib/components/dropdown-item/dropdown-item.d.ts +8 -0
  93. package/lib/components/dropdown-item/dropdown-item.d.ts.map +1 -1
  94. package/lib/components/dropdown-item/dropdown-item.js +15 -2
  95. package/lib/components/dropdown-item/dropdown-item.js.map +1 -1
  96. package/lib/components/feature/feature.d.ts +4 -0
  97. package/lib/components/feature/feature.d.ts.map +1 -1
  98. package/lib/components/feature/feature.js +4 -1
  99. package/lib/components/feature/feature.js.map +1 -1
  100. package/lib/components/field/field.d.ts +2 -0
  101. package/lib/components/field/field.d.ts.map +1 -1
  102. package/lib/components/field/field.js +3 -0
  103. package/lib/components/field/field.js.map +1 -1
  104. package/lib/components/global-nav-item/global-nav-item.d.ts +2 -0
  105. package/lib/components/global-nav-item/global-nav-item.d.ts.map +1 -1
  106. package/lib/components/global-nav-item/global-nav-item.js +2 -0
  107. package/lib/components/global-nav-item/global-nav-item.js.map +1 -1
  108. package/lib/components/header/header.d.ts +2 -0
  109. package/lib/components/header/header.d.ts.map +1 -1
  110. package/lib/components/header/header.js +2 -0
  111. package/lib/components/header/header.js.map +1 -1
  112. package/lib/components/hero/hero.d.ts +4 -0
  113. package/lib/components/hero/hero.d.ts.map +1 -1
  114. package/lib/components/hero/hero.js +4 -0
  115. package/lib/components/hero/hero.js.map +1 -1
  116. package/lib/components/hero/hero.styles.d.ts.map +1 -1
  117. package/lib/components/hero/hero.styles.js +13 -0
  118. package/lib/components/hero/hero.styles.js.map +1 -1
  119. package/lib/components/icon/icon.d.ts +3 -0
  120. package/lib/components/icon/icon.d.ts.map +1 -1
  121. package/lib/components/icon/icon.js +7 -5
  122. package/lib/components/icon/icon.js.map +1 -1
  123. package/lib/components/link/link.d.ts +2 -0
  124. package/lib/components/link/link.d.ts.map +1 -1
  125. package/lib/components/link/link.js +2 -0
  126. package/lib/components/link/link.js.map +1 -1
  127. package/lib/components/link-list-item/link-list-item.d.ts +2 -0
  128. package/lib/components/link-list-item/link-list-item.d.ts.map +1 -1
  129. package/lib/components/link-list-item/link-list-item.js +2 -0
  130. package/lib/components/link-list-item/link-list-item.js.map +1 -1
  131. package/lib/components/modal/modal.d.ts +4 -0
  132. package/lib/components/modal/modal.d.ts.map +1 -1
  133. package/lib/components/modal/modal.js +4 -0
  134. package/lib/components/modal/modal.js.map +1 -1
  135. package/lib/components/multi-select/multi-select.d.ts +4 -0
  136. package/lib/components/multi-select/multi-select.d.ts.map +1 -1
  137. package/lib/components/multi-select/multi-select.js +5 -2
  138. package/lib/components/multi-select/multi-select.js.map +1 -1
  139. package/lib/components/page-header/page-header.d.ts +1 -0
  140. package/lib/components/page-header/page-header.d.ts.map +1 -1
  141. package/lib/components/page-header/page-header.js +3 -2
  142. package/lib/components/page-header/page-header.js.map +1 -1
  143. package/lib/components/pagination/pagination.d.ts +7 -0
  144. package/lib/components/pagination/pagination.d.ts.map +1 -1
  145. package/lib/components/pagination/pagination.js +7 -0
  146. package/lib/components/pagination/pagination.js.map +1 -1
  147. package/lib/components/percent-bar/percent-bar.d.ts.map +1 -1
  148. package/lib/components/percent-bar/percent-bar.js +1 -0
  149. package/lib/components/percent-bar/percent-bar.js.map +1 -1
  150. package/lib/components/popover/popover.d.ts +6 -0
  151. package/lib/components/popover/popover.d.ts.map +1 -1
  152. package/lib/components/popover/popover.js +7 -1
  153. package/lib/components/popover/popover.js.map +1 -1
  154. package/lib/components/primary-nav-item/primary-nav-item.d.ts +2 -0
  155. package/lib/components/primary-nav-item/primary-nav-item.d.ts.map +1 -1
  156. package/lib/components/primary-nav-item/primary-nav-item.js +2 -0
  157. package/lib/components/primary-nav-item/primary-nav-item.js.map +1 -1
  158. package/lib/components/remove-tag/remove-tag.d.ts +2 -0
  159. package/lib/components/remove-tag/remove-tag.d.ts.map +1 -1
  160. package/lib/components/remove-tag/remove-tag.js +3 -1
  161. package/lib/components/remove-tag/remove-tag.js.map +1 -1
  162. package/lib/components/section/section.d.ts +1 -0
  163. package/lib/components/section/section.d.ts.map +1 -1
  164. package/lib/components/section/section.js +1 -0
  165. package/lib/components/section/section.js.map +1 -1
  166. package/lib/components/select/select.d.ts +2 -0
  167. package/lib/components/select/select.d.ts.map +1 -1
  168. package/lib/components/select/select.js +5 -1
  169. package/lib/components/select/select.js.map +1 -1
  170. package/lib/components/split-button/split-button.d.ts +3 -0
  171. package/lib/components/split-button/split-button.d.ts.map +1 -1
  172. package/lib/components/split-button/split-button.js.map +1 -1
  173. package/lib/components/tab/tab.d.ts +2 -0
  174. package/lib/components/tab/tab.d.ts.map +1 -1
  175. package/lib/components/tab/tab.js +2 -0
  176. package/lib/components/tab/tab.js.map +1 -1
  177. package/lib/components/table-object/table-object.d.ts +2 -0
  178. package/lib/components/table-object/table-object.d.ts.map +1 -1
  179. package/lib/components/table-object/table-object.js +2 -0
  180. package/lib/components/table-object/table-object.js.map +1 -1
  181. package/lib/components/table-row/table-row.d.ts +1 -0
  182. package/lib/components/table-row/table-row.d.ts.map +1 -1
  183. package/lib/components/table-row/table-row.js +1 -0
  184. package/lib/components/table-row/table-row.js.map +1 -1
  185. package/lib/components/tag/tag.d.ts +5 -0
  186. package/lib/components/tag/tag.d.ts.map +1 -1
  187. package/lib/components/tag/tag.js +2 -0
  188. package/lib/components/tag/tag.js.map +1 -1
  189. package/lib/components/tag-list/tag-list.d.ts +2 -0
  190. package/lib/components/tag-list/tag-list.d.ts.map +1 -1
  191. package/lib/components/tag-list/tag-list.js +2 -0
  192. package/lib/components/tag-list/tag-list.js.map +1 -1
  193. package/lib/components/text-link/text-link.d.ts +1 -0
  194. package/lib/components/text-link/text-link.d.ts.map +1 -1
  195. package/lib/components/text-link/text-link.js +1 -0
  196. package/lib/components/text-link/text-link.js.map +1 -1
  197. package/lib/components/tooltip/tooltip.d.ts +6 -0
  198. package/lib/components/tooltip/tooltip.d.ts.map +1 -1
  199. package/lib/components/tooltip/tooltip.js +3 -0
  200. package/lib/components/tooltip/tooltip.js.map +1 -1
  201. package/lib/design-tokens/brands/claude-terracotta/css/tokens_brand.css +85 -0
  202. package/lib/design-tokens/brands/claude-terracotta/css/tokens_claude-terracotta.css +1 -0
  203. package/lib/design-tokens/brands/claude-terracotta/css/tokens_claude-terracotta.module.d.ts +3 -0
  204. package/lib/design-tokens/brands/claude-terracotta/css/tokens_claude-terracotta.module.d.ts.map +1 -0
  205. package/lib/design-tokens/brands/claude-terracotta/css/tokens_claude-terracotta.module.js +90 -0
  206. package/lib/design-tokens/brands/claude-terracotta/css/tokens_claude-terracotta.module.js.map +1 -0
  207. package/lib/design-tokens/brands/cre8-a2ui/css/tokens_brand.css +1 -0
  208. package/lib/design-tokens/brands/cre8-teal/css/tokens_brand.css +87 -0
  209. package/lib/design-tokens/brands/cre8-teal/css/tokens_cre8-teal.css +1 -0
  210. package/lib/design-tokens/brands/cre8-teal/css/tokens_cre8-teal.module.d.ts +3 -0
  211. package/lib/design-tokens/brands/cre8-teal/css/tokens_cre8-teal.module.d.ts.map +1 -0
  212. package/lib/design-tokens/brands/cre8-teal/css/tokens_cre8-teal.module.js +90 -0
  213. package/lib/design-tokens/brands/cre8-teal/css/tokens_cre8-teal.module.js.map +1 -0
  214. package/lib/scripts/generate-react-manifest.d.ts +20 -0
  215. package/lib/scripts/generate-react-manifest.d.ts.map +1 -0
  216. package/lib/scripts/generate-react-manifest.js +154 -0
  217. package/lib/scripts/generate-react-manifest.js.map +1 -0
  218. package/mcp-manifest.json +203 -38
  219. package/package.json +24 -4
  220. package/react-manifest.json +3594 -0
  221. package/dist/leaf.png +0 -0
  222. package/dist/leafDS.png +0 -0
  223. package/dist/leafLogo.svg +0 -1
package/a2ui/catalog.svg ADDED
@@ -0,0 +1,3295 @@
1
+ <?xml version="1.0" encoding="UTF-8" standalone="no"?>
2
+ <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN"
3
+ "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
4
+ <!-- Generated by graphviz version 15.0.0 (20260523.1842)
5
+ -->
6
+ <!-- Title: cre8&#45;wc Pages: 1 -->
7
+ <svg width="4248pt" height="4220pt"
8
+ viewBox="0.00 0.00 4248.00 4220.00" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
9
+ <g id="graph0" class="graph" transform="scale(1 1) rotate(0) translate(4 4216.02)">
10
+ <title>cre8&#45;wc</title>
11
+ <polygon fill="#ffffff" stroke="none" points="-4,4 -4,-4216.02 4243.97,-4216.02 4243.97,4 -4,4"/>
12
+ <text xml:space="preserve" text-anchor="middle" x="2119.99" y="-4197.57" font-family="Helvetica,sans-Serif" font-size="11.00">cre8&#45;wc Component Knowledge Graph</text>
13
+ <g id="clust1" class="cluster">
14
+ <title>cluster_Actions</title>
15
+ <path fill="#e3f2fd" stroke="#1565c0" stroke-width="2" d="M12,-2409.88C12,-2409.88 336.48,-2409.88 336.48,-2409.88 342.48,-2409.88 348.48,-2415.88 348.48,-2421.88 348.48,-2421.88 348.48,-2803.76 348.48,-2803.76 348.48,-2809.76 342.48,-2815.76 336.48,-2815.76 336.48,-2815.76 12,-2815.76 12,-2815.76 6,-2815.76 0,-2809.76 0,-2803.76 0,-2803.76 0,-2421.88 0,-2421.88 0,-2415.88 6,-2409.88 12,-2409.88"/>
16
+ <text xml:space="preserve" text-anchor="middle" x="174.24" y="-2799.41" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="13.00" fill="#1565c0"> &#160;Actions &#160;</text>
17
+ </g>
18
+ <g id="clust2" class="cluster">
19
+ <title>cluster_Data</title>
20
+ <path fill="#e8f5e9" stroke="#2e7d32" stroke-width="2" d="M3638.94,-1056.91C3638.94,-1056.91 4220.94,-1056.91 4220.94,-1056.91 4226.94,-1056.91 4232.94,-1062.91 4232.94,-1068.91 4232.94,-1068.91 4232.94,-1645.16 4232.94,-1645.16 4232.94,-1651.16 4226.94,-1657.16 4220.94,-1657.16 4220.94,-1657.16 3638.94,-1657.16 3638.94,-1657.16 3632.94,-1657.16 3626.94,-1651.16 3626.94,-1645.16 3626.94,-1645.16 3626.94,-1068.91 3626.94,-1068.91 3626.94,-1062.91 3632.94,-1056.91 3638.94,-1056.91"/>
21
+ <text xml:space="preserve" text-anchor="middle" x="3929.94" y="-1640.81" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="13.00" fill="#2e7d32"> &#160;Data &#160;</text>
22
+ </g>
23
+ <g id="clust3" class="cluster">
24
+ <title>cluster_Disclosure</title>
25
+ <path fill="#f3e5f5" stroke="#6a1b9a" stroke-width="2" d="M1381.1,0C1381.1,0 2014.1,0 2014.1,0 2020.1,0 2026.1,-6 2026.1,-12 2026.1,-12 2026.1,-571.88 2026.1,-571.88 2026.1,-577.88 2020.1,-583.88 2014.1,-583.88 2014.1,-583.88 1381.1,-583.88 1381.1,-583.88 1375.1,-583.88 1369.1,-577.88 1369.1,-571.88 1369.1,-571.88 1369.1,-12 1369.1,-12 1369.1,-6 1375.1,0 1381.1,0"/>
26
+ <text xml:space="preserve" text-anchor="middle" x="1697.6" y="-567.52" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="13.00" fill="#6a1b9a"> &#160;Disclosure &#160;</text>
27
+ </g>
28
+ <g id="clust4" class="cluster">
29
+ <title>cluster_Feedback</title>
30
+ <path fill="#fff3e0" stroke="#e65100" stroke-width="2" d="M1200.78,-3616.27C1200.78,-3616.27 1740.78,-3616.27 1740.78,-3616.27 1746.78,-3616.27 1752.78,-3622.27 1752.78,-3628.27 1752.78,-3628.27 1752.78,-4180.02 1752.78,-4180.02 1752.78,-4186.02 1746.78,-4192.02 1740.78,-4192.02 1740.78,-4192.02 1200.78,-4192.02 1200.78,-4192.02 1194.78,-4192.02 1188.78,-4186.02 1188.78,-4180.02 1188.78,-4180.02 1188.78,-3628.27 1188.78,-3628.27 1188.78,-3622.27 1194.78,-3616.27 1200.78,-3616.27"/>
31
+ <text xml:space="preserve" text-anchor="middle" x="1470.78" y="-4175.67" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="13.00" fill="#e65100"> &#160;Feedback &#160;</text>
32
+ </g>
33
+ <g id="clust5" class="cluster">
34
+ <title>cluster_Forms</title>
35
+ <path fill="#e0f7fa" stroke="#00838f" stroke-width="2" d="M3500.13,-2294.07C3500.13,-2294.07 4227.97,-2294.07 4227.97,-2294.07 4233.97,-2294.07 4239.97,-2300.07 4239.97,-2306.07 4239.97,-2306.07 4239.97,-3082.73 4239.97,-3082.73 4239.97,-3088.73 4233.97,-3094.73 4227.97,-3094.73 4227.97,-3094.73 3500.13,-3094.73 3500.13,-3094.73 3494.13,-3094.73 3488.13,-3088.73 3488.13,-3082.73 3488.13,-3082.73 3488.13,-2306.07 3488.13,-2306.07 3488.13,-2300.07 3494.13,-2294.07 3500.13,-2294.07"/>
36
+ <text xml:space="preserve" text-anchor="middle" x="3864.05" y="-3078.38" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="13.00" fill="#00838f"> &#160;Forms &#160;</text>
37
+ </g>
38
+ <g id="clust6" class="cluster">
39
+ <title>cluster_Layout</title>
40
+ <path fill="#eceff1" stroke="#37474f" stroke-width="2" d="M2765.85,-3252.02C2765.85,-3252.02 3254.23,-3252.02 3254.23,-3252.02 3260.23,-3252.02 3266.23,-3258.02 3266.23,-3264.02 3266.23,-3264.02 3266.23,-3717.15 3266.23,-3717.15 3266.23,-3723.15 3260.23,-3729.15 3254.23,-3729.15 3254.23,-3729.15 2765.85,-3729.15 2765.85,-3729.15 2759.85,-3729.15 2753.85,-3723.15 2753.85,-3717.15 2753.85,-3717.15 2753.85,-3264.02 2753.85,-3264.02 2753.85,-3258.02 2759.85,-3252.02 2765.85,-3252.02"/>
41
+ <text xml:space="preserve" text-anchor="middle" x="3010.04" y="-3712.8" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="13.00" fill="#37474f"> &#160;Layout &#160;</text>
42
+ </g>
43
+ <g id="clust7" class="cluster">
44
+ <title>cluster_Marketing</title>
45
+ <path fill="#fce4ec" stroke="#ad1457" stroke-width="2" d="M451.63,-840.33C451.63,-840.33 678.78,-840.33 678.78,-840.33 684.78,-840.33 690.78,-846.33 690.78,-852.33 690.78,-852.33 690.78,-1023.34 690.78,-1023.34 690.78,-1029.34 684.78,-1035.34 678.78,-1035.34 678.78,-1035.34 451.63,-1035.34 451.63,-1035.34 445.63,-1035.34 439.63,-1029.34 439.63,-1023.34 439.63,-1023.34 439.63,-852.33 439.63,-852.33 439.63,-846.33 445.63,-840.33 451.63,-840.33"/>
46
+ <text xml:space="preserve" text-anchor="middle" x="565.21" y="-1018.99" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="13.00" fill="#ad1457"> &#160;Marketing &#160;</text>
47
+ </g>
48
+ <g id="clust8" class="cluster">
49
+ <title>cluster_Media</title>
50
+ <path fill="#ede7f6" stroke="#4527a0" stroke-width="2" d="M1882.1,-2200.25C1882.1,-2200.25 2072.35,-2200.25 2072.35,-2200.25 2078.35,-2200.25 2084.35,-2206.25 2084.35,-2212.25 2084.35,-2212.25 2084.35,-2344 2084.35,-2344 2084.35,-2350 2078.35,-2356 2072.35,-2356 2072.35,-2356 1882.1,-2356 1882.1,-2356 1876.1,-2356 1870.1,-2350 1870.1,-2344 1870.1,-2344 1870.1,-2212.25 1870.1,-2212.25 1870.1,-2206.25 1876.1,-2200.25 1882.1,-2200.25"/>
51
+ <text xml:space="preserve" text-anchor="middle" x="1977.22" y="-2339.65" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="13.00" fill="#4527a0"> &#160;Media &#160;</text>
52
+ </g>
53
+ <g id="clust9" class="cluster">
54
+ <title>cluster_Navigation</title>
55
+ <path fill="#f9fbe7" stroke="#558b2f" stroke-width="2" d="M2764.57,-188.6C2764.57,-188.6 3521.07,-188.6 3521.07,-188.6 3527.07,-188.6 3533.07,-194.6 3533.07,-200.6 3533.07,-200.6 3533.07,-935.22 3533.07,-935.22 3533.07,-941.22 3527.07,-947.22 3521.07,-947.22 3521.07,-947.22 2764.57,-947.22 2764.57,-947.22 2758.57,-947.22 2752.57,-941.22 2752.57,-935.22 2752.57,-935.22 2752.57,-200.6 2752.57,-200.6 2752.57,-194.6 2758.57,-188.6 2764.57,-188.6"/>
56
+ <text xml:space="preserve" text-anchor="middle" x="3142.82" y="-930.87" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="13.00" fill="#558b2f"> &#160;Navigation &#160;</text>
57
+ </g>
58
+ <g id="clust10" class="cluster">
59
+ <title>cluster_Other</title>
60
+ <path fill="#f5f5f5" stroke="#546e7a" stroke-width="2" d="M2267.22,-2365.38C2267.22,-2365.38 2405.22,-2365.38 2405.22,-2365.38 2411.22,-2365.38 2417.22,-2371.38 2417.22,-2377.38 2417.22,-2377.38 2417.22,-2426.88 2417.22,-2426.88 2417.22,-2432.88 2411.22,-2438.88 2405.22,-2438.88 2405.22,-2438.88 2267.22,-2438.88 2267.22,-2438.88 2261.22,-2438.88 2255.22,-2432.88 2255.22,-2426.88 2255.22,-2426.88 2255.22,-2377.38 2255.22,-2377.38 2255.22,-2371.38 2261.22,-2365.38 2267.22,-2365.38"/>
61
+ <text xml:space="preserve" text-anchor="middle" x="2336.22" y="-2422.53" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="13.00" fill="#546e7a"> &#160;Other &#160;</text>
62
+ </g>
63
+ <g id="clust11" class="cluster">
64
+ <title>cluster_Typography</title>
65
+ <path fill="#efebe9" stroke="#4e342e" stroke-width="2" d="M837.25,-1931.14C837.25,-1931.14 1250.44,-1931.14 1250.44,-1931.14 1256.44,-1931.14 1262.44,-1937.14 1262.44,-1943.14 1262.44,-1943.14 1262.44,-2175.14 1262.44,-2175.14 1262.44,-2181.14 1256.44,-2187.14 1250.44,-2187.14 1250.44,-2187.14 837.25,-2187.14 837.25,-2187.14 831.25,-2187.14 825.25,-2181.14 825.25,-2175.14 825.25,-2175.14 825.25,-1943.14 825.25,-1943.14 825.25,-1937.14 831.25,-1931.14 837.25,-1931.14"/>
66
+ <text xml:space="preserve" text-anchor="middle" x="1043.84" y="-2170.79" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="13.00" fill="#4e342e"> &#160;Typography &#160;</text>
67
+ </g>
68
+ <!-- cre8&#45;button -->
69
+ <g id="node1" class="node">
70
+ <title>cre8&#45;button</title>
71
+ <polygon fill="#e3f2fd" stroke="none" points="8,-2586.69 8,-2606.69 162,-2606.69 162,-2586.69 8,-2586.69"/>
72
+ <polygon fill="none" stroke="black" points="8,-2586.69 8,-2606.69 162,-2606.69 162,-2586.69 8,-2586.69"/>
73
+ <text xml:space="preserve" text-anchor="start" x="12" y="-2593.24" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="11.00" fill="#1565c0">cre8&#45;button</text>
74
+ <text xml:space="preserve" text-anchor="start" x="72.75" y="-2593.24" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#888888"> &#160;[before] · [after]</text>
75
+ <polygon fill="#fafafa" stroke="none" points="8,-2568.94 8,-2586.69 50.5,-2586.69 50.5,-2568.94 8,-2568.94"/>
76
+ <polygon fill="none" stroke="black" points="8,-2568.94 8,-2586.69 50.5,-2586.69 50.5,-2568.94 8,-2568.94"/>
77
+ <text xml:space="preserve" text-anchor="start" x="12" y="-2575.19" font-family="Helvetica,sans-Serif" font-size="9.00"> &#160;text</text>
78
+ <polygon fill="#fafafa" stroke="none" points="50.5,-2568.94 50.5,-2586.69 162,-2586.69 162,-2568.94 50.5,-2568.94"/>
79
+ <polygon fill="none" stroke="black" points="50.5,-2568.94 50.5,-2586.69 162,-2586.69 162,-2568.94 50.5,-2568.94"/>
80
+ <text xml:space="preserve" text-anchor="start" x="54.5" y="-2575.57" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#666666">string</text>
81
+ <polygon fill="#fafafa" stroke="none" points="8,-2551.19 8,-2568.94 50.5,-2568.94 50.5,-2551.19 8,-2551.19"/>
82
+ <polygon fill="none" stroke="black" points="8,-2551.19 8,-2568.94 50.5,-2568.94 50.5,-2551.19 8,-2551.19"/>
83
+ <text xml:space="preserve" text-anchor="start" x="12" y="-2557.44" font-family="Helvetica,sans-Serif" font-size="9.00"> &#160;variant</text>
84
+ <polygon fill="#fafafa" stroke="none" points="50.5,-2551.19 50.5,-2568.94 162,-2568.94 162,-2551.19 50.5,-2551.19"/>
85
+ <polygon fill="none" stroke="black" points="50.5,-2551.19 50.5,-2568.94 162,-2568.94 162,-2551.19 50.5,-2551.19"/>
86
+ <text xml:space="preserve" text-anchor="start" x="54.5" y="-2557.82" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#666666">primary | secondary | tertiary</text>
87
+ <polygon fill="#fafafa" stroke="none" points="8,-2533.44 8,-2551.19 50.5,-2551.19 50.5,-2533.44 8,-2533.44"/>
88
+ <polygon fill="none" stroke="black" points="8,-2533.44 8,-2551.19 50.5,-2551.19 50.5,-2533.44 8,-2533.44"/>
89
+ <text xml:space="preserve" text-anchor="start" x="12" y="-2539.69" font-family="Helvetica,sans-Serif" font-size="9.00"> &#160;neutral</text>
90
+ <polygon fill="#fafafa" stroke="none" points="50.5,-2533.44 50.5,-2551.19 162,-2551.19 162,-2533.44 50.5,-2533.44"/>
91
+ <polygon fill="none" stroke="black" points="50.5,-2533.44 50.5,-2551.19 162,-2551.19 162,-2533.44 50.5,-2533.44"/>
92
+ <text xml:space="preserve" text-anchor="start" x="54.5" y="-2540.07" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#666666">boolean</text>
93
+ <polygon fill="#fafafa" stroke="none" points="8,-2515.69 8,-2533.44 50.5,-2533.44 50.5,-2515.69 8,-2515.69"/>
94
+ <polygon fill="none" stroke="black" points="8,-2515.69 8,-2533.44 50.5,-2533.44 50.5,-2515.69 8,-2515.69"/>
95
+ <text xml:space="preserve" text-anchor="start" x="12" y="-2521.94" font-family="Helvetica,sans-Serif" font-size="9.00"> &#160;inverse</text>
96
+ <polygon fill="#fafafa" stroke="none" points="50.5,-2515.69 50.5,-2533.44 162,-2533.44 162,-2515.69 50.5,-2515.69"/>
97
+ <polygon fill="none" stroke="black" points="50.5,-2515.69 50.5,-2533.44 162,-2533.44 162,-2515.69 50.5,-2515.69"/>
98
+ <text xml:space="preserve" text-anchor="start" x="54.5" y="-2522.32" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#666666">boolean</text>
99
+ <polygon fill="#fafafa" stroke="none" points="8,-2497.94 8,-2515.69 50.5,-2515.69 50.5,-2497.94 8,-2497.94"/>
100
+ <polygon fill="none" stroke="black" points="8,-2497.94 8,-2515.69 50.5,-2515.69 50.5,-2497.94 8,-2497.94"/>
101
+ <text xml:space="preserve" text-anchor="start" x="12" y="-2504.19" font-family="Helvetica,sans-Serif" font-size="9.00"> &#160;href</text>
102
+ <polygon fill="#fafafa" stroke="none" points="50.5,-2497.94 50.5,-2515.69 162,-2515.69 162,-2497.94 50.5,-2497.94"/>
103
+ <polygon fill="none" stroke="black" points="50.5,-2497.94 50.5,-2515.69 162,-2515.69 162,-2497.94 50.5,-2497.94"/>
104
+ <text xml:space="preserve" text-anchor="start" x="54.5" y="-2504.57" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#666666">string</text>
105
+ <polygon fill="#fafafa" stroke="none" points="8,-2480.19 8,-2497.94 50.5,-2497.94 50.5,-2480.19 8,-2480.19"/>
106
+ <polygon fill="none" stroke="black" points="8,-2480.19 8,-2497.94 50.5,-2497.94 50.5,-2480.19 8,-2480.19"/>
107
+ <text xml:space="preserve" text-anchor="start" x="12" y="-2486.44" font-family="Helvetica,sans-Serif" font-size="9.00"> &#160;target</text>
108
+ <polygon fill="#fafafa" stroke="none" points="50.5,-2480.19 50.5,-2497.94 162,-2497.94 162,-2480.19 50.5,-2480.19"/>
109
+ <polygon fill="none" stroke="black" points="50.5,-2480.19 50.5,-2497.94 162,-2497.94 162,-2480.19 50.5,-2480.19"/>
110
+ <text xml:space="preserve" text-anchor="start" x="54.5" y="-2486.82" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#666666">_blank | _self | _parent | _top</text>
111
+ <polygon fill="#f5f5f5" stroke="none" points="8,-2463.19 8,-2480.19 162,-2480.19 162,-2463.19 8,-2463.19"/>
112
+ <polygon fill="none" stroke="black" points="8,-2463.19 8,-2480.19 162,-2480.19 162,-2463.19 8,-2463.19"/>
113
+ <text xml:space="preserve" text-anchor="start" x="12" y="-2469.44" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#999999"> &#160;+21 more props</text>
114
+ </g>
115
+ <!-- slot -->
116
+ <g id="node86" class="node">
117
+ <title>slot</title>
118
+ <text xml:space="preserve" text-anchor="middle" x="2333.38" y="-1933.1" font-family="Helvetica,sans-Serif" font-size="14.00">slot</text>
119
+ </g>
120
+ <!-- cre8&#45;button&#45;&gt;slot -->
121
+ <g id="edge1" class="edge">
122
+ <title>cre8&#45;button&#45;&gt;slot:before</title>
123
+ <path fill="none" stroke="#9c27b0" stroke-dasharray="5,2" d="M59.33,-2463.35C59.33,-2304 59.33,-1934 59.33,-1934 59.33,-1934 2295.44,-1934 2295.44,-1934"/>
124
+ <polygon fill="#9c27b0" stroke="#9c27b0" points="2305.44,-1934 2295.44,-1938.5 2301.66,-1934 2295.44,-1934 2295.44,-1934 2295.44,-1934 2301.66,-1934 2295.44,-1929.5 2305.44,-1934"/>
125
+ <text xml:space="preserve" text-anchor="middle" x="899.59" y="-1935.2" font-family="Helvetica,sans-Serif" font-size="9.00" fill="#9c27b0">before</text>
126
+ </g>
127
+ <!-- cre8&#45;button&#45;&gt;slot -->
128
+ <g id="edge2" class="edge">
129
+ <title>cre8&#45;button&#45;&gt;slot:after</title>
130
+ <path fill="none" stroke="#9c27b0" stroke-dasharray="5,2" d="M110.67,-2463.47C110.67,-2304.39 110.67,-1935 110.67,-1935 110.67,-1935 2295.26,-1935 2295.26,-1935"/>
131
+ <polygon fill="#9c27b0" stroke="#9c27b0" points="2305.26,-1935 2295.26,-1939.5 2301.48,-1935 2295.26,-1935 2295.26,-1935 2295.26,-1935 2301.48,-1935 2295.26,-1930.5 2305.26,-1935"/>
132
+ <text xml:space="preserve" text-anchor="middle" x="929.73" y="-1936.2" font-family="Helvetica,sans-Serif" font-size="9.00" fill="#9c27b0">after</text>
133
+ </g>
134
+ <!-- cre8&#45;button&#45;group -->
135
+ <g id="node2" class="node">
136
+ <title>cre8&#45;button&#45;group</title>
137
+ <polygon fill="#e3f2fd" stroke="none" points="203.48,-2471.13 203.48,-2491.13 339.73,-2491.13 339.73,-2471.13 203.48,-2471.13"/>
138
+ <polygon fill="none" stroke="black" points="203.48,-2471.13 203.48,-2491.13 339.73,-2491.13 339.73,-2471.13 203.48,-2471.13"/>
139
+ <text xml:space="preserve" text-anchor="start" x="207.48" y="-2477.68" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="11.00" fill="#1565c0">cre8&#45;button&#45;group</text>
140
+ <text xml:space="preserve" text-anchor="start" x="303.48" y="-2477.68" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#888888"> &#160;children</text>
141
+ <polygon fill="#fafafa" stroke="none" points="203.48,-2453.38 203.48,-2471.13 281.36,-2471.13 281.36,-2453.38 203.48,-2453.38"/>
142
+ <polygon fill="none" stroke="black" points="203.48,-2453.38 203.48,-2471.13 281.36,-2471.13 281.36,-2453.38 203.48,-2453.38"/>
143
+ <text xml:space="preserve" text-anchor="start" x="207.48" y="-2459.63" font-family="Helvetica,sans-Serif" font-size="9.00"> &#160;orientation</text>
144
+ <polygon fill="#fafafa" stroke="none" points="281.36,-2453.38 281.36,-2471.13 339.73,-2471.13 339.73,-2453.38 281.36,-2453.38"/>
145
+ <polygon fill="none" stroke="black" points="281.36,-2453.38 281.36,-2471.13 339.73,-2471.13 339.73,-2453.38 281.36,-2453.38"/>
146
+ <text xml:space="preserve" text-anchor="start" x="285.36" y="-2460.01" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#666666">string</text>
147
+ <polygon fill="#fafafa" stroke="none" points="203.48,-2435.63 203.48,-2453.38 281.36,-2453.38 281.36,-2435.63 203.48,-2435.63"/>
148
+ <polygon fill="none" stroke="black" points="203.48,-2435.63 203.48,-2453.38 281.36,-2453.38 281.36,-2435.63 203.48,-2435.63"/>
149
+ <text xml:space="preserve" text-anchor="start" x="207.48" y="-2441.88" font-family="Helvetica,sans-Serif" font-size="9.00"> &#160;gap</text>
150
+ <polygon fill="#fafafa" stroke="none" points="281.36,-2435.63 281.36,-2453.38 339.73,-2453.38 339.73,-2435.63 281.36,-2435.63"/>
151
+ <polygon fill="none" stroke="black" points="281.36,-2435.63 281.36,-2453.38 339.73,-2453.38 339.73,-2435.63 281.36,-2435.63"/>
152
+ <text xml:space="preserve" text-anchor="start" x="285.36" y="-2442.26" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#666666">string</text>
153
+ <polygon fill="#fafafa" stroke="none" points="203.48,-2417.88 203.48,-2435.63 281.36,-2435.63 281.36,-2417.88 203.48,-2417.88"/>
154
+ <polygon fill="none" stroke="black" points="203.48,-2417.88 203.48,-2435.63 281.36,-2435.63 281.36,-2417.88 203.48,-2417.88"/>
155
+ <text xml:space="preserve" text-anchor="start" x="207.48" y="-2424.13" font-family="Helvetica,sans-Serif" font-size="9.00"> &#160;fullWidth</text>
156
+ <polygon fill="#fafafa" stroke="none" points="281.36,-2417.88 281.36,-2435.63 339.73,-2435.63 339.73,-2417.88 281.36,-2417.88"/>
157
+ <polygon fill="none" stroke="black" points="281.36,-2417.88 281.36,-2435.63 339.73,-2435.63 339.73,-2417.88 281.36,-2417.88"/>
158
+ <text xml:space="preserve" text-anchor="start" x="285.36" y="-2424.51" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#666666">boolean</text>
159
+ </g>
160
+ <!-- cre8&#45;danger&#45;button -->
161
+ <g id="node3" class="node">
162
+ <title>cre8&#45;danger&#45;button</title>
163
+ <polygon fill="#e3f2fd" stroke="none" points="188.73,-2766.26 188.73,-2786.26 340.48,-2786.26 340.48,-2766.26 188.73,-2766.26"/>
164
+ <polygon fill="none" stroke="black" points="188.73,-2766.26 188.73,-2786.26 340.48,-2786.26 340.48,-2766.26 188.73,-2766.26"/>
165
+ <text xml:space="preserve" text-anchor="start" x="192.73" y="-2772.81" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="11.00" fill="#1565c0">cre8&#45;danger&#45;button</text>
166
+ <polygon fill="#fafafa" stroke="none" points="188.73,-2748.51 188.73,-2766.26 228.98,-2766.26 228.98,-2748.51 188.73,-2748.51"/>
167
+ <polygon fill="none" stroke="black" points="188.73,-2748.51 188.73,-2766.26 228.98,-2766.26 228.98,-2748.51 188.73,-2748.51"/>
168
+ <text xml:space="preserve" text-anchor="start" x="192.73" y="-2754.76" font-family="Helvetica,sans-Serif" font-size="9.00"> &#160;text</text>
169
+ <polygon fill="#fafafa" stroke="none" points="228.98,-2748.51 228.98,-2766.26 340.48,-2766.26 340.48,-2748.51 228.98,-2748.51"/>
170
+ <polygon fill="none" stroke="black" points="228.98,-2748.51 228.98,-2766.26 340.48,-2766.26 340.48,-2748.51 228.98,-2748.51"/>
171
+ <text xml:space="preserve" text-anchor="start" x="232.98" y="-2755.13" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#666666">string</text>
172
+ <polygon fill="#fafafa" stroke="none" points="188.73,-2730.76 188.73,-2748.51 228.98,-2748.51 228.98,-2730.76 188.73,-2730.76"/>
173
+ <polygon fill="none" stroke="black" points="188.73,-2730.76 188.73,-2748.51 228.98,-2748.51 228.98,-2730.76 188.73,-2730.76"/>
174
+ <text xml:space="preserve" text-anchor="start" x="192.73" y="-2737.01" font-family="Helvetica,sans-Serif" font-size="9.00"> &#160;variant</text>
175
+ <polygon fill="#fafafa" stroke="none" points="228.98,-2730.76 228.98,-2748.51 340.48,-2748.51 340.48,-2730.76 228.98,-2730.76"/>
176
+ <polygon fill="none" stroke="black" points="228.98,-2730.76 228.98,-2748.51 340.48,-2748.51 340.48,-2730.76 228.98,-2730.76"/>
177
+ <text xml:space="preserve" text-anchor="start" x="232.98" y="-2737.38" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#666666">primary | secondary | tertiary</text>
178
+ <polygon fill="#fafafa" stroke="none" points="188.73,-2713.01 188.73,-2730.76 228.98,-2730.76 228.98,-2713.01 188.73,-2713.01"/>
179
+ <polygon fill="none" stroke="black" points="188.73,-2713.01 188.73,-2730.76 228.98,-2730.76 228.98,-2713.01 188.73,-2713.01"/>
180
+ <text xml:space="preserve" text-anchor="start" x="192.73" y="-2719.26" font-family="Helvetica,sans-Serif" font-size="9.00"> &#160;href</text>
181
+ <polygon fill="#fafafa" stroke="none" points="228.98,-2713.01 228.98,-2730.76 340.48,-2730.76 340.48,-2713.01 228.98,-2713.01"/>
182
+ <polygon fill="none" stroke="black" points="228.98,-2713.01 228.98,-2730.76 340.48,-2730.76 340.48,-2713.01 228.98,-2713.01"/>
183
+ <text xml:space="preserve" text-anchor="start" x="232.98" y="-2719.63" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#666666">string</text>
184
+ <polygon fill="#fafafa" stroke="none" points="188.73,-2695.26 188.73,-2713.01 228.98,-2713.01 228.98,-2695.26 188.73,-2695.26"/>
185
+ <polygon fill="none" stroke="black" points="188.73,-2695.26 188.73,-2713.01 228.98,-2713.01 228.98,-2695.26 188.73,-2695.26"/>
186
+ <text xml:space="preserve" text-anchor="start" x="192.73" y="-2701.51" font-family="Helvetica,sans-Serif" font-size="9.00"> &#160;target</text>
187
+ <polygon fill="#fafafa" stroke="none" points="228.98,-2695.26 228.98,-2713.01 340.48,-2713.01 340.48,-2695.26 228.98,-2695.26"/>
188
+ <polygon fill="none" stroke="black" points="228.98,-2695.26 228.98,-2713.01 340.48,-2713.01 340.48,-2695.26 228.98,-2695.26"/>
189
+ <text xml:space="preserve" text-anchor="start" x="232.98" y="-2701.88" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#666666">_blank | _self | _parent | _top</text>
190
+ <polygon fill="#fafafa" stroke="none" points="188.73,-2677.51 188.73,-2695.26 228.98,-2695.26 228.98,-2677.51 188.73,-2677.51"/>
191
+ <polygon fill="none" stroke="black" points="188.73,-2677.51 188.73,-2695.26 228.98,-2695.26 228.98,-2677.51 188.73,-2677.51"/>
192
+ <text xml:space="preserve" text-anchor="start" x="192.73" y="-2683.76" font-family="Helvetica,sans-Serif" font-size="9.00"> &#160;rel</text>
193
+ <polygon fill="#fafafa" stroke="none" points="228.98,-2677.51 228.98,-2695.26 340.48,-2695.26 340.48,-2677.51 228.98,-2677.51"/>
194
+ <polygon fill="none" stroke="black" points="228.98,-2677.51 228.98,-2695.26 340.48,-2695.26 340.48,-2677.51 228.98,-2677.51"/>
195
+ <text xml:space="preserve" text-anchor="start" x="232.98" y="-2684.13" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#666666">string</text>
196
+ <polygon fill="#fafafa" stroke="none" points="188.73,-2659.76 188.73,-2677.51 228.98,-2677.51 228.98,-2659.76 188.73,-2659.76"/>
197
+ <polygon fill="none" stroke="black" points="188.73,-2659.76 188.73,-2677.51 228.98,-2677.51 228.98,-2659.76 188.73,-2659.76"/>
198
+ <text xml:space="preserve" text-anchor="start" x="192.73" y="-2666.01" font-family="Helvetica,sans-Serif" font-size="9.00"> &#160;svg</text>
199
+ <polygon fill="#fafafa" stroke="none" points="228.98,-2659.76 228.98,-2677.51 340.48,-2677.51 340.48,-2659.76 228.98,-2659.76"/>
200
+ <polygon fill="none" stroke="black" points="228.98,-2659.76 228.98,-2677.51 340.48,-2677.51 340.48,-2659.76 228.98,-2659.76"/>
201
+ <text xml:space="preserve" text-anchor="start" x="232.98" y="-2666.38" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#666666">string</text>
202
+ <polygon fill="#f5f5f5" stroke="none" points="188.73,-2642.76 188.73,-2659.76 340.48,-2659.76 340.48,-2642.76 188.73,-2642.76"/>
203
+ <polygon fill="none" stroke="black" points="188.73,-2642.76 188.73,-2659.76 340.48,-2659.76 340.48,-2642.76 188.73,-2642.76"/>
204
+ <text xml:space="preserve" text-anchor="start" x="192.73" y="-2649.01" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#999999"> &#160;+18 more props</text>
205
+ </g>
206
+ <!-- cre8&#45;split&#45;button -->
207
+ <g id="node4" class="node">
208
+ <title>cre8&#45;split&#45;button</title>
209
+ <polygon fill="#e3f2fd" stroke="none" points="22.98,-2714.01 22.98,-2734.01 150.23,-2734.01 150.23,-2714.01 22.98,-2714.01"/>
210
+ <polygon fill="none" stroke="black" points="22.98,-2714.01 22.98,-2734.01 150.23,-2734.01 150.23,-2714.01 22.98,-2714.01"/>
211
+ <text xml:space="preserve" text-anchor="start" x="26.98" y="-2720.56" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="11.00" fill="#1565c0">cre8&#45;split&#45;button</text>
212
+ <text xml:space="preserve" text-anchor="start" x="113.98" y="-2720.56" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#888888"> &#160;children</text>
213
+ <polygon fill="#fafafa" stroke="none" points="22.98,-2696.26 22.98,-2714.01 106.48,-2714.01 106.48,-2696.26 22.98,-2696.26"/>
214
+ <polygon fill="none" stroke="black" points="22.98,-2696.26 22.98,-2714.01 106.48,-2714.01 106.48,-2696.26 22.98,-2696.26"/>
215
+ <text xml:space="preserve" text-anchor="start" x="26.98" y="-2702.51" font-family="Helvetica,sans-Serif" font-size="9.00"> &#160;disabled</text>
216
+ <polygon fill="#fafafa" stroke="none" points="106.48,-2696.26 106.48,-2714.01 150.23,-2714.01 150.23,-2696.26 106.48,-2696.26"/>
217
+ <polygon fill="none" stroke="black" points="106.48,-2696.26 106.48,-2714.01 150.23,-2714.01 150.23,-2696.26 106.48,-2696.26"/>
218
+ <text xml:space="preserve" text-anchor="start" x="110.48" y="-2702.88" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#666666">boolean</text>
219
+ <polygon fill="#fafafa" stroke="none" points="22.98,-2678.51 22.98,-2696.26 106.48,-2696.26 106.48,-2678.51 22.98,-2678.51"/>
220
+ <polygon fill="none" stroke="black" points="22.98,-2678.51 22.98,-2696.26 106.48,-2696.26 106.48,-2678.51 22.98,-2678.51"/>
221
+ <text xml:space="preserve" text-anchor="start" x="26.98" y="-2684.76" font-family="Helvetica,sans-Serif" font-size="9.00"> &#160;size</text>
222
+ <polygon fill="#fafafa" stroke="none" points="106.48,-2678.51 106.48,-2696.26 150.23,-2696.26 150.23,-2678.51 106.48,-2678.51"/>
223
+ <polygon fill="none" stroke="black" points="106.48,-2678.51 106.48,-2696.26 150.23,-2696.26 150.23,-2678.51 106.48,-2678.51"/>
224
+ <text xml:space="preserve" text-anchor="start" x="110.48" y="-2685.13" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#666666">sm | lg</text>
225
+ <polygon fill="#fafafa" stroke="none" points="22.98,-2660.76 22.98,-2678.51 106.48,-2678.51 106.48,-2660.76 22.98,-2660.76"/>
226
+ <polygon fill="none" stroke="black" points="22.98,-2660.76 22.98,-2678.51 106.48,-2678.51 106.48,-2660.76 22.98,-2660.76"/>
227
+ <text xml:space="preserve" text-anchor="start" x="26.98" y="-2667.01" font-family="Helvetica,sans-Serif" font-size="9.00"> &#160;buttonText</text>
228
+ <polygon fill="#fafafa" stroke="none" points="106.48,-2660.76 106.48,-2678.51 150.23,-2678.51 150.23,-2660.76 106.48,-2660.76"/>
229
+ <polygon fill="none" stroke="black" points="106.48,-2660.76 106.48,-2678.51 150.23,-2678.51 150.23,-2660.76 106.48,-2660.76"/>
230
+ <text xml:space="preserve" text-anchor="start" x="110.48" y="-2667.38" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#666666">string</text>
231
+ <polygon fill="#fafafa" stroke="none" points="22.98,-2643.01 22.98,-2660.76 106.48,-2660.76 106.48,-2643.01 22.98,-2643.01"/>
232
+ <polygon fill="none" stroke="black" points="22.98,-2643.01 22.98,-2660.76 106.48,-2660.76 106.48,-2643.01 22.98,-2643.01"/>
233
+ <text xml:space="preserve" text-anchor="start" x="26.98" y="-2649.26" font-family="Helvetica,sans-Serif" font-size="9.00"> &#160;dropdownOpen</text>
234
+ <polygon fill="#fafafa" stroke="none" points="106.48,-2643.01 106.48,-2660.76 150.23,-2660.76 150.23,-2643.01 106.48,-2643.01"/>
235
+ <polygon fill="none" stroke="black" points="106.48,-2643.01 106.48,-2660.76 150.23,-2660.76 150.23,-2643.01 106.48,-2643.01"/>
236
+ <text xml:space="preserve" text-anchor="start" x="110.48" y="-2649.63" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#666666">boolean</text>
237
+ </g>
238
+ <!-- cre8&#45;chart -->
239
+ <g id="node5" class="node">
240
+ <title>cre8&#45;chart</title>
241
+ <polygon fill="#e8f5e9" stroke="none" points="3777.82,-1370.66 3777.82,-1390.66 4016.57,-1390.66 4016.57,-1370.66 3777.82,-1370.66"/>
242
+ <polygon fill="none" stroke="black" points="3777.82,-1370.66 3777.82,-1390.66 4016.57,-1390.66 4016.57,-1370.66 3777.82,-1370.66"/>
243
+ <text xml:space="preserve" text-anchor="start" x="3781.82" y="-1377.21" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="11.00" fill="#2e7d32">cre8&#45;chart</text>
244
+ <polygon fill="#fafafa" stroke="none" points="3777.82,-1352.91 3777.82,-1370.66 3876.57,-1370.66 3876.57,-1352.91 3777.82,-1352.91"/>
245
+ <polygon fill="none" stroke="black" points="3777.82,-1352.91 3777.82,-1370.66 3876.57,-1370.66 3876.57,-1352.91 3777.82,-1352.91"/>
246
+ <text xml:space="preserve" text-anchor="start" x="3781.82" y="-1359.16" font-family="Helvetica,sans-Serif" font-size="9.00"> &#160;type</text>
247
+ <polygon fill="#fafafa" stroke="none" points="3876.57,-1352.91 3876.57,-1370.66 4016.57,-1370.66 4016.57,-1352.91 3876.57,-1352.91"/>
248
+ <polygon fill="none" stroke="black" points="3876.57,-1352.91 3876.57,-1370.66 4016.57,-1370.66 4016.57,-1352.91 3876.57,-1352.91"/>
249
+ <text xml:space="preserve" text-anchor="start" x="3880.57" y="-1359.53" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#666666">line | bar | pie | doughnut | radar (+3)</text>
250
+ <polygon fill="#fafafa" stroke="none" points="3777.82,-1335.16 3777.82,-1352.91 3876.57,-1352.91 3876.57,-1335.16 3777.82,-1335.16"/>
251
+ <polygon fill="none" stroke="black" points="3777.82,-1335.16 3777.82,-1352.91 3876.57,-1352.91 3876.57,-1335.16 3777.82,-1335.16"/>
252
+ <text xml:space="preserve" text-anchor="start" x="3781.82" y="-1341.41" font-family="Helvetica,sans-Serif" font-size="9.00"> &#160;width</text>
253
+ <polygon fill="#fafafa" stroke="none" points="3876.57,-1335.16 3876.57,-1352.91 4016.57,-1352.91 4016.57,-1335.16 3876.57,-1335.16"/>
254
+ <polygon fill="none" stroke="black" points="3876.57,-1335.16 3876.57,-1352.91 4016.57,-1352.91 4016.57,-1335.16 3876.57,-1335.16"/>
255
+ <text xml:space="preserve" text-anchor="start" x="3880.57" y="-1341.78" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#666666">number</text>
256
+ <polygon fill="#fafafa" stroke="none" points="3777.82,-1317.41 3777.82,-1335.16 3876.57,-1335.16 3876.57,-1317.41 3777.82,-1317.41"/>
257
+ <polygon fill="none" stroke="black" points="3777.82,-1317.41 3777.82,-1335.16 3876.57,-1335.16 3876.57,-1317.41 3777.82,-1317.41"/>
258
+ <text xml:space="preserve" text-anchor="start" x="3781.82" y="-1323.66" font-family="Helvetica,sans-Serif" font-size="9.00"> &#160;height</text>
259
+ <polygon fill="#fafafa" stroke="none" points="3876.57,-1317.41 3876.57,-1335.16 4016.57,-1335.16 4016.57,-1317.41 3876.57,-1317.41"/>
260
+ <polygon fill="none" stroke="black" points="3876.57,-1317.41 3876.57,-1335.16 4016.57,-1335.16 4016.57,-1317.41 3876.57,-1317.41"/>
261
+ <text xml:space="preserve" text-anchor="start" x="3880.57" y="-1324.03" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#666666">number</text>
262
+ <polygon fill="#fafafa" stroke="none" points="3777.82,-1299.66 3777.82,-1317.41 3876.57,-1317.41 3876.57,-1299.66 3777.82,-1299.66"/>
263
+ <polygon fill="none" stroke="black" points="3777.82,-1299.66 3777.82,-1317.41 3876.57,-1317.41 3876.57,-1299.66 3777.82,-1299.66"/>
264
+ <text xml:space="preserve" text-anchor="start" x="3781.82" y="-1305.91" font-family="Helvetica,sans-Serif" font-size="9.00"> &#160;maintain&#45;aspect&#45;ratio</text>
265
+ <polygon fill="#fafafa" stroke="none" points="3876.57,-1299.66 3876.57,-1317.41 4016.57,-1317.41 4016.57,-1299.66 3876.57,-1299.66"/>
266
+ <polygon fill="none" stroke="black" points="3876.57,-1299.66 3876.57,-1317.41 4016.57,-1317.41 4016.57,-1299.66 3876.57,-1299.66"/>
267
+ <text xml:space="preserve" text-anchor="start" x="3880.57" y="-1306.28" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#666666">boolean</text>
268
+ <polygon fill="#fafafa" stroke="none" points="3777.82,-1281.91 3777.82,-1299.66 3876.57,-1299.66 3876.57,-1281.91 3777.82,-1281.91"/>
269
+ <polygon fill="none" stroke="black" points="3777.82,-1281.91 3777.82,-1299.66 3876.57,-1299.66 3876.57,-1281.91 3777.82,-1281.91"/>
270
+ <text xml:space="preserve" text-anchor="start" x="3781.82" y="-1288.16" font-family="Helvetica,sans-Serif" font-size="9.00"> &#160;responsive</text>
271
+ <polygon fill="#fafafa" stroke="none" points="3876.57,-1281.91 3876.57,-1299.66 4016.57,-1299.66 4016.57,-1281.91 3876.57,-1281.91"/>
272
+ <polygon fill="none" stroke="black" points="3876.57,-1281.91 3876.57,-1299.66 4016.57,-1299.66 4016.57,-1281.91 3876.57,-1281.91"/>
273
+ <text xml:space="preserve" text-anchor="start" x="3880.57" y="-1288.53" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#666666">boolean</text>
274
+ <polygon fill="#fafafa" stroke="none" points="3777.82,-1264.16 3777.82,-1281.91 3876.57,-1281.91 3876.57,-1264.16 3777.82,-1264.16"/>
275
+ <polygon fill="none" stroke="black" points="3777.82,-1264.16 3777.82,-1281.91 3876.57,-1281.91 3876.57,-1264.16 3777.82,-1264.16"/>
276
+ <text xml:space="preserve" text-anchor="start" x="3781.82" y="-1270.41" font-family="Helvetica,sans-Serif" font-size="9.00"> &#160;loading</text>
277
+ <polygon fill="#fafafa" stroke="none" points="3876.57,-1264.16 3876.57,-1281.91 4016.57,-1281.91 4016.57,-1264.16 3876.57,-1264.16"/>
278
+ <polygon fill="none" stroke="black" points="3876.57,-1264.16 3876.57,-1281.91 4016.57,-1281.91 4016.57,-1264.16 3876.57,-1264.16"/>
279
+ <text xml:space="preserve" text-anchor="start" x="3880.57" y="-1270.78" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#666666">boolean</text>
280
+ <polygon fill="#f5f5f5" stroke="none" points="3777.82,-1247.16 3777.82,-1264.16 4016.57,-1264.16 4016.57,-1247.16 3777.82,-1247.16"/>
281
+ <polygon fill="none" stroke="black" points="3777.82,-1247.16 3777.82,-1264.16 4016.57,-1264.16 4016.57,-1247.16 3777.82,-1247.16"/>
282
+ <text xml:space="preserve" text-anchor="start" x="3781.82" y="-1253.41" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#999999"> &#160;+8 more props</text>
283
+ </g>
284
+ <!-- cre8&#45;list -->
285
+ <g id="node6" class="node">
286
+ <title>cre8&#45;list</title>
287
+ <polygon fill="#e8f5e9" stroke="none" points="4025.44,-1113.66 4025.44,-1133.66 4150.94,-1133.66 4150.94,-1113.66 4025.44,-1113.66"/>
288
+ <polygon fill="none" stroke="black" points="4025.44,-1113.66 4025.44,-1133.66 4150.94,-1133.66 4150.94,-1113.66 4025.44,-1113.66"/>
289
+ <text xml:space="preserve" text-anchor="start" x="4029.44" y="-1120.21" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="11.00" fill="#2e7d32">cre8&#45;list</text>
290
+ <text xml:space="preserve" text-anchor="start" x="4071.44" y="-1120.21" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#888888"> &#160;children</text>
291
+ <polygon fill="#fafafa" stroke="none" points="4025.44,-1095.91 4025.44,-1113.66 4070.19,-1113.66 4070.19,-1095.91 4025.44,-1095.91"/>
292
+ <polygon fill="none" stroke="black" points="4025.44,-1095.91 4025.44,-1113.66 4070.19,-1113.66 4070.19,-1095.91 4025.44,-1095.91"/>
293
+ <text xml:space="preserve" text-anchor="start" x="4029.44" y="-1102.16" font-family="Helvetica,sans-Serif" font-size="9.00"> &#160;variant</text>
294
+ <polygon fill="#fafafa" stroke="none" points="4070.19,-1095.91 4070.19,-1113.66 4150.94,-1113.66 4150.94,-1095.91 4070.19,-1095.91"/>
295
+ <polygon fill="none" stroke="black" points="4070.19,-1095.91 4070.19,-1113.66 4150.94,-1113.66 4150.94,-1095.91 4070.19,-1095.91"/>
296
+ <text xml:space="preserve" text-anchor="start" x="4074.19" y="-1102.53" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#666666">string</text>
297
+ <polygon fill="#fafafa" stroke="none" points="4025.44,-1078.16 4025.44,-1095.91 4070.19,-1095.91 4070.19,-1078.16 4025.44,-1078.16"/>
298
+ <polygon fill="none" stroke="black" points="4025.44,-1078.16 4025.44,-1095.91 4070.19,-1095.91 4070.19,-1078.16 4025.44,-1078.16"/>
299
+ <text xml:space="preserve" text-anchor="start" x="4029.44" y="-1084.41" font-family="Helvetica,sans-Serif" font-size="9.00"> &#160;spacing</text>
300
+ <polygon fill="#fafafa" stroke="none" points="4070.19,-1078.16 4070.19,-1095.91 4150.94,-1095.91 4150.94,-1078.16 4070.19,-1078.16"/>
301
+ <polygon fill="none" stroke="black" points="4070.19,-1078.16 4070.19,-1095.91 4150.94,-1095.91 4150.94,-1078.16 4070.19,-1078.16"/>
302
+ <text xml:space="preserve" text-anchor="start" x="4074.19" y="-1084.78" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#666666">condensed | padded</text>
303
+ </g>
304
+ <!-- cre8&#45;list&#45;item -->
305
+ <g id="node7" class="node">
306
+ <title>cre8&#45;list&#45;item</title>
307
+ <polygon fill="#e8f5e9" stroke="none" points="3634.94,-1514.91 3634.94,-1534.91 3743.44,-1534.91 3743.44,-1514.91 3634.94,-1514.91"/>
308
+ <polygon fill="none" stroke="black" points="3634.94,-1514.91 3634.94,-1534.91 3743.44,-1534.91 3743.44,-1514.91 3634.94,-1514.91"/>
309
+ <text xml:space="preserve" text-anchor="start" x="3638.94" y="-1521.46" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="11.00" fill="#2e7d32">cre8&#45;list&#45;item</text>
310
+ <text xml:space="preserve" text-anchor="start" x="3707.19" y="-1521.46" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#888888"> &#160;children</text>
311
+ </g>
312
+ <!-- cre8&#45;remove&#45;tag -->
313
+ <g id="node8" class="node">
314
+ <title>cre8&#45;remove&#45;tag</title>
315
+ <polygon fill="#e8f5e9" stroke="none" points="4051.44,-1240.41 4051.44,-1260.41 4224.94,-1260.41 4224.94,-1240.41 4051.44,-1240.41"/>
316
+ <polygon fill="none" stroke="black" points="4051.44,-1240.41 4051.44,-1260.41 4224.94,-1260.41 4224.94,-1240.41 4051.44,-1240.41"/>
317
+ <text xml:space="preserve" text-anchor="start" x="4055.44" y="-1246.96" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="11.00" fill="#2e7d32">cre8&#45;remove&#45;tag</text>
318
+ <polygon fill="#fafafa" stroke="none" points="4051.44,-1222.66 4051.44,-1240.41 4099.19,-1240.41 4099.19,-1222.66 4051.44,-1222.66"/>
319
+ <polygon fill="none" stroke="black" points="4051.44,-1222.66 4051.44,-1240.41 4099.19,-1240.41 4099.19,-1222.66 4051.44,-1222.66"/>
320
+ <text xml:space="preserve" text-anchor="start" x="4055.44" y="-1228.91" font-family="Helvetica,sans-Serif" font-size="9.00"> &#160;text</text>
321
+ <polygon fill="#fafafa" stroke="none" points="4099.19,-1222.66 4099.19,-1240.41 4224.94,-1240.41 4224.94,-1222.66 4099.19,-1222.66"/>
322
+ <polygon fill="none" stroke="black" points="4099.19,-1222.66 4099.19,-1240.41 4224.94,-1240.41 4224.94,-1222.66 4099.19,-1222.66"/>
323
+ <text xml:space="preserve" text-anchor="start" x="4103.19" y="-1229.28" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#666666">string</text>
324
+ <polygon fill="#fafafa" stroke="none" points="4051.44,-1204.91 4051.44,-1222.66 4099.19,-1222.66 4099.19,-1204.91 4051.44,-1204.91"/>
325
+ <polygon fill="none" stroke="black" points="4051.44,-1204.91 4051.44,-1222.66 4099.19,-1222.66 4099.19,-1204.91 4051.44,-1204.91"/>
326
+ <text xml:space="preserve" text-anchor="start" x="4055.44" y="-1211.16" font-family="Helvetica,sans-Serif" font-size="9.00"> &#160;color</text>
327
+ <polygon fill="#fafafa" stroke="none" points="4099.19,-1204.91 4099.19,-1222.66 4224.94,-1222.66 4224.94,-1204.91 4099.19,-1204.91"/>
328
+ <polygon fill="none" stroke="black" points="4099.19,-1204.91 4099.19,-1222.66 4224.94,-1222.66 4224.94,-1204.91 4099.19,-1204.91"/>
329
+ <text xml:space="preserve" text-anchor="start" x="4103.19" y="-1211.53" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#666666">neutral | branded | neutral&#45;hybrid</text>
330
+ <polygon fill="#fafafa" stroke="none" points="4051.44,-1187.16 4051.44,-1204.91 4099.19,-1204.91 4099.19,-1187.16 4051.44,-1187.16"/>
331
+ <polygon fill="none" stroke="black" points="4051.44,-1187.16 4051.44,-1204.91 4099.19,-1204.91 4099.19,-1187.16 4051.44,-1187.16"/>
332
+ <text xml:space="preserve" text-anchor="start" x="4055.44" y="-1193.41" font-family="Helvetica,sans-Serif" font-size="9.00"> &#160;shape</text>
333
+ <polygon fill="#fafafa" stroke="none" points="4099.19,-1187.16 4099.19,-1204.91 4224.94,-1204.91 4224.94,-1187.16 4099.19,-1187.16"/>
334
+ <polygon fill="none" stroke="black" points="4099.19,-1187.16 4099.19,-1204.91 4224.94,-1204.91 4224.94,-1187.16 4099.19,-1187.16"/>
335
+ <text xml:space="preserve" text-anchor="start" x="4103.19" y="-1193.78" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#666666">round | square</text>
336
+ <polygon fill="#fafafa" stroke="none" points="4051.44,-1169.41 4051.44,-1187.16 4099.19,-1187.16 4099.19,-1169.41 4051.44,-1169.41"/>
337
+ <polygon fill="none" stroke="black" points="4051.44,-1169.41 4051.44,-1187.16 4099.19,-1187.16 4099.19,-1169.41 4051.44,-1169.41"/>
338
+ <text xml:space="preserve" text-anchor="start" x="4055.44" y="-1175.66" font-family="Helvetica,sans-Serif" font-size="9.00"> &#160;disabled</text>
339
+ <polygon fill="#fafafa" stroke="none" points="4099.19,-1169.41 4099.19,-1187.16 4224.94,-1187.16 4224.94,-1169.41 4099.19,-1169.41"/>
340
+ <polygon fill="none" stroke="black" points="4099.19,-1169.41 4099.19,-1187.16 4224.94,-1187.16 4224.94,-1169.41 4099.19,-1169.41"/>
341
+ <text xml:space="preserve" text-anchor="start" x="4103.19" y="-1176.03" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#666666">boolean</text>
342
+ </g>
343
+ <!-- cre8&#45;table -->
344
+ <g id="node9" class="node">
345
+ <title>cre8&#45;table</title>
346
+ <polygon fill="#e8f5e9" stroke="none" points="3894.94,-1201.41 3894.94,-1221.41 3993.44,-1221.41 3993.44,-1201.41 3894.94,-1201.41"/>
347
+ <polygon fill="none" stroke="black" points="3894.94,-1201.41 3894.94,-1221.41 3993.44,-1221.41 3993.44,-1201.41 3894.94,-1201.41"/>
348
+ <text xml:space="preserve" text-anchor="start" x="3898.94" y="-1207.96" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="11.00" fill="#2e7d32">cre8&#45;table</text>
349
+ <text xml:space="preserve" text-anchor="start" x="3950.69" y="-1207.96" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#888888"> &#160;children</text>
350
+ <polygon fill="#fafafa" stroke="none" points="3894.94,-1183.66 3894.94,-1201.41 3956.94,-1201.41 3956.94,-1183.66 3894.94,-1183.66"/>
351
+ <polygon fill="none" stroke="black" points="3894.94,-1183.66 3894.94,-1201.41 3956.94,-1201.41 3956.94,-1183.66 3894.94,-1183.66"/>
352
+ <text xml:space="preserve" text-anchor="start" x="3898.94" y="-1189.91" font-family="Helvetica,sans-Serif" font-size="9.00"> &#160;caption</text>
353
+ <polygon fill="#fafafa" stroke="none" points="3956.94,-1183.66 3956.94,-1201.41 3993.44,-1201.41 3993.44,-1183.66 3956.94,-1183.66"/>
354
+ <polygon fill="none" stroke="black" points="3956.94,-1183.66 3956.94,-1201.41 3993.44,-1201.41 3993.44,-1183.66 3956.94,-1183.66"/>
355
+ <text xml:space="preserve" text-anchor="start" x="3960.94" y="-1190.28" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#666666">string</text>
356
+ <polygon fill="#fafafa" stroke="none" points="3894.94,-1165.91 3894.94,-1183.66 3956.94,-1183.66 3956.94,-1165.91 3894.94,-1165.91"/>
357
+ <polygon fill="none" stroke="black" points="3894.94,-1165.91 3894.94,-1183.66 3956.94,-1183.66 3956.94,-1165.91 3894.94,-1165.91"/>
358
+ <text xml:space="preserve" text-anchor="start" x="3898.94" y="-1172.16" font-family="Helvetica,sans-Serif" font-size="9.00"> &#160;behavior</text>
359
+ <polygon fill="#fafafa" stroke="none" points="3956.94,-1165.91 3956.94,-1183.66 3993.44,-1183.66 3993.44,-1165.91 3956.94,-1165.91"/>
360
+ <polygon fill="none" stroke="black" points="3956.94,-1165.91 3956.94,-1183.66 3993.44,-1183.66 3993.44,-1165.91 3956.94,-1165.91"/>
361
+ <text xml:space="preserve" text-anchor="start" x="3960.94" y="-1172.53" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#666666">string</text>
362
+ <polygon fill="#fafafa" stroke="none" points="3894.94,-1148.16 3894.94,-1165.91 3956.94,-1165.91 3956.94,-1148.16 3894.94,-1148.16"/>
363
+ <polygon fill="none" stroke="black" points="3894.94,-1148.16 3894.94,-1165.91 3956.94,-1165.91 3956.94,-1148.16 3894.94,-1148.16"/>
364
+ <text xml:space="preserve" text-anchor="start" x="3898.94" y="-1154.41" font-family="Helvetica,sans-Serif" font-size="9.00"> &#160;variant</text>
365
+ <polygon fill="#fafafa" stroke="none" points="3956.94,-1148.16 3956.94,-1165.91 3993.44,-1165.91 3993.44,-1148.16 3956.94,-1148.16"/>
366
+ <polygon fill="none" stroke="black" points="3956.94,-1148.16 3956.94,-1165.91 3993.44,-1165.91 3993.44,-1148.16 3956.94,-1148.16"/>
367
+ <text xml:space="preserve" text-anchor="start" x="3960.94" y="-1154.78" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#666666">string</text>
368
+ <polygon fill="#fafafa" stroke="none" points="3894.94,-1130.41 3894.94,-1148.16 3956.94,-1148.16 3956.94,-1130.41 3894.94,-1130.41"/>
369
+ <polygon fill="none" stroke="black" points="3894.94,-1130.41 3894.94,-1148.16 3956.94,-1148.16 3956.94,-1130.41 3894.94,-1130.41"/>
370
+ <text xml:space="preserve" text-anchor="start" x="3898.94" y="-1136.66" font-family="Helvetica,sans-Serif" font-size="9.00"> &#160;isHoverable</text>
371
+ <polygon fill="#fafafa" stroke="none" points="3956.94,-1130.41 3956.94,-1148.16 3993.44,-1148.16 3993.44,-1130.41 3956.94,-1130.41"/>
372
+ <polygon fill="none" stroke="black" points="3956.94,-1130.41 3956.94,-1148.16 3993.44,-1148.16 3993.44,-1130.41 3956.94,-1130.41"/>
373
+ <text xml:space="preserve" text-anchor="start" x="3960.94" y="-1137.03" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#666666">boolean</text>
374
+ </g>
375
+ <!-- cre8&#45;table&#45;body -->
376
+ <g id="node10" class="node">
377
+ <title>cre8&#45;table&#45;body</title>
378
+ <polygon fill="#e8f5e9" stroke="none" points="3804.19,-1072.91 3804.19,-1092.91 3926.19,-1092.91 3926.19,-1072.91 3804.19,-1072.91"/>
379
+ <polygon fill="none" stroke="black" points="3804.19,-1072.91 3804.19,-1092.91 3926.19,-1092.91 3926.19,-1072.91 3804.19,-1072.91"/>
380
+ <text xml:space="preserve" text-anchor="start" x="3808.19" y="-1079.46" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="11.00" fill="#2e7d32">cre8&#45;table&#45;body</text>
381
+ <text xml:space="preserve" text-anchor="start" x="3889.94" y="-1079.46" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#888888"> &#160;children</text>
382
+ </g>
383
+ <!-- cre8&#45;table&#45;cell -->
384
+ <g id="node11" class="node">
385
+ <title>cre8&#45;table&#45;cell</title>
386
+ <polygon fill="#e8f5e9" stroke="none" points="3713.32,-1196.53 3713.32,-1216.53 3827.07,-1216.53 3827.07,-1196.53 3713.32,-1196.53"/>
387
+ <polygon fill="none" stroke="black" points="3713.32,-1196.53 3713.32,-1216.53 3827.07,-1216.53 3827.07,-1196.53 3713.32,-1196.53"/>
388
+ <text xml:space="preserve" text-anchor="start" x="3717.32" y="-1203.08" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="11.00" fill="#2e7d32">cre8&#45;table&#45;cell</text>
389
+ <text xml:space="preserve" text-anchor="start" x="3790.82" y="-1203.08" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#888888"> &#160;children</text>
390
+ <polygon fill="#fafafa" stroke="none" points="3713.32,-1178.78 3713.32,-1196.53 3782.94,-1196.53 3782.94,-1178.78 3713.32,-1178.78"/>
391
+ <polygon fill="none" stroke="black" points="3713.32,-1178.78 3713.32,-1196.53 3782.94,-1196.53 3782.94,-1178.78 3713.32,-1178.78"/>
392
+ <text xml:space="preserve" text-anchor="start" x="3717.32" y="-1185.03" font-family="Helvetica,sans-Serif" font-size="9.00"> &#160;colspan</text>
393
+ <polygon fill="#fafafa" stroke="none" points="3782.94,-1178.78 3782.94,-1196.53 3827.07,-1196.53 3827.07,-1178.78 3782.94,-1178.78"/>
394
+ <polygon fill="none" stroke="black" points="3782.94,-1178.78 3782.94,-1196.53 3827.07,-1196.53 3827.07,-1178.78 3782.94,-1178.78"/>
395
+ <text xml:space="preserve" text-anchor="start" x="3786.94" y="-1185.41" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#666666">number</text>
396
+ <polygon fill="#fafafa" stroke="none" points="3713.32,-1161.03 3713.32,-1178.78 3782.94,-1178.78 3782.94,-1161.03 3713.32,-1161.03"/>
397
+ <polygon fill="none" stroke="black" points="3713.32,-1161.03 3713.32,-1178.78 3782.94,-1178.78 3782.94,-1161.03 3713.32,-1161.03"/>
398
+ <text xml:space="preserve" text-anchor="start" x="3717.32" y="-1167.28" font-family="Helvetica,sans-Serif" font-size="9.00"> &#160;variant</text>
399
+ <polygon fill="#fafafa" stroke="none" points="3782.94,-1161.03 3782.94,-1178.78 3827.07,-1178.78 3827.07,-1161.03 3782.94,-1161.03"/>
400
+ <polygon fill="none" stroke="black" points="3782.94,-1161.03 3782.94,-1178.78 3827.07,-1178.78 3827.07,-1161.03 3782.94,-1161.03"/>
401
+ <text xml:space="preserve" text-anchor="start" x="3786.94" y="-1167.66" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#666666">string</text>
402
+ <polygon fill="#fafafa" stroke="none" points="3713.32,-1143.28 3713.32,-1161.03 3782.94,-1161.03 3782.94,-1143.28 3713.32,-1143.28"/>
403
+ <polygon fill="none" stroke="black" points="3713.32,-1143.28 3713.32,-1161.03 3782.94,-1161.03 3782.94,-1143.28 3713.32,-1143.28"/>
404
+ <text xml:space="preserve" text-anchor="start" x="3717.32" y="-1149.53" font-family="Helvetica,sans-Serif" font-size="9.00"> &#160;dataHeader</text>
405
+ <polygon fill="#fafafa" stroke="none" points="3782.94,-1143.28 3782.94,-1161.03 3827.07,-1161.03 3827.07,-1143.28 3782.94,-1143.28"/>
406
+ <polygon fill="none" stroke="black" points="3782.94,-1143.28 3782.94,-1161.03 3827.07,-1161.03 3827.07,-1143.28 3782.94,-1143.28"/>
407
+ <text xml:space="preserve" text-anchor="start" x="3786.94" y="-1149.91" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#666666">string</text>
408
+ </g>
409
+ <!-- cre8&#45;table&#45;header -->
410
+ <g id="node12" class="node">
411
+ <title>cre8&#45;table&#45;header</title>
412
+ <polygon fill="#e8f5e9" stroke="none" points="3648.32,-1085.91 3648.32,-1105.91 3780.07,-1105.91 3780.07,-1085.91 3648.32,-1085.91"/>
413
+ <polygon fill="none" stroke="black" points="3648.32,-1085.91 3648.32,-1105.91 3780.07,-1105.91 3780.07,-1085.91 3648.32,-1085.91"/>
414
+ <text xml:space="preserve" text-anchor="start" x="3652.32" y="-1092.46" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="11.00" fill="#2e7d32">cre8&#45;table&#45;header</text>
415
+ <text xml:space="preserve" text-anchor="start" x="3743.82" y="-1092.46" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#888888"> &#160;children</text>
416
+ </g>
417
+ <!-- cre8&#45;table&#45;header&#45;cell -->
418
+ <g id="node13" class="node">
419
+ <title>cre8&#45;table&#45;header&#45;cell</title>
420
+ <polygon fill="#e8f5e9" stroke="none" points="4051.44,-1321.66 4051.44,-1341.66 4204.94,-1341.66 4204.94,-1321.66 4051.44,-1321.66"/>
421
+ <polygon fill="none" stroke="black" points="4051.44,-1321.66 4051.44,-1341.66 4204.94,-1341.66 4204.94,-1321.66 4051.44,-1321.66"/>
422
+ <text xml:space="preserve" text-anchor="start" x="4055.44" y="-1328.21" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="11.00" fill="#2e7d32">cre8&#45;table&#45;header&#45;cell</text>
423
+ <text xml:space="preserve" text-anchor="start" x="4168.69" y="-1328.21" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#888888"> &#160;children</text>
424
+ <polygon fill="#fafafa" stroke="none" points="4051.44,-1303.91 4051.44,-1321.66 4132.69,-1321.66 4132.69,-1303.91 4051.44,-1303.91"/>
425
+ <polygon fill="none" stroke="black" points="4051.44,-1303.91 4051.44,-1321.66 4132.69,-1321.66 4132.69,-1303.91 4051.44,-1303.91"/>
426
+ <text xml:space="preserve" text-anchor="start" x="4055.44" y="-1310.16" font-family="Helvetica,sans-Serif" font-size="9.00"> &#160;colspan</text>
427
+ <polygon fill="#fafafa" stroke="none" points="4132.69,-1303.91 4132.69,-1321.66 4204.94,-1321.66 4204.94,-1303.91 4132.69,-1303.91"/>
428
+ <polygon fill="none" stroke="black" points="4132.69,-1303.91 4132.69,-1321.66 4204.94,-1321.66 4204.94,-1303.91 4132.69,-1303.91"/>
429
+ <text xml:space="preserve" text-anchor="start" x="4136.69" y="-1310.53" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#666666">number</text>
430
+ <polygon fill="#fafafa" stroke="none" points="4051.44,-1286.16 4051.44,-1303.91 4132.69,-1303.91 4132.69,-1286.16 4051.44,-1286.16"/>
431
+ <polygon fill="none" stroke="black" points="4051.44,-1286.16 4051.44,-1303.91 4132.69,-1303.91 4132.69,-1286.16 4051.44,-1286.16"/>
432
+ <text xml:space="preserve" text-anchor="start" x="4055.44" y="-1292.41" font-family="Helvetica,sans-Serif" font-size="9.00"> &#160;width</text>
433
+ <polygon fill="#fafafa" stroke="none" points="4132.69,-1286.16 4132.69,-1303.91 4204.94,-1303.91 4204.94,-1286.16 4132.69,-1286.16"/>
434
+ <polygon fill="none" stroke="black" points="4132.69,-1286.16 4132.69,-1303.91 4204.94,-1303.91 4204.94,-1286.16 4132.69,-1286.16"/>
435
+ <text xml:space="preserve" text-anchor="start" x="4136.69" y="-1292.78" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#666666">string</text>
436
+ </g>
437
+ <!-- cre8&#45;table&#45;object -->
438
+ <g id="node14" class="node">
439
+ <title>cre8&#45;table&#45;object</title>
440
+ <polygon fill="#e8f5e9" stroke="none" points="4010.28,-1541.03 4010.28,-1561.03 4208.03,-1561.03 4208.03,-1541.03 4010.28,-1541.03"/>
441
+ <polygon fill="none" stroke="black" points="4010.28,-1541.03 4010.28,-1561.03 4208.03,-1561.03 4208.03,-1541.03 4010.28,-1541.03"/>
442
+ <text xml:space="preserve" text-anchor="start" x="4014.28" y="-1547.58" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="11.00" fill="#2e7d32">cre8&#45;table&#45;object</text>
443
+ <text xml:space="preserve" text-anchor="start" x="4102.03" y="-1547.58" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#888888"> &#160;[default] · [header] · [footer]</text>
444
+ </g>
445
+ <!-- cre8&#45;table&#45;object&#45;&gt;slot -->
446
+ <g id="edge3" class="edge">
447
+ <title>cre8&#45;table&#45;object&#45;&gt;slot:default</title>
448
+ <path fill="none" stroke="#9c27b0" stroke-dasharray="5,2" d="M4043.14,-1568.81C4043.14,-1596.81 4043.14,-1648 4043.14,-1648 4043.14,-1648 2354.81,-1648 2354.81,-1648 2354.81,-1648 2354.81,-1909.92 2354.81,-1909.92"/>
449
+ <polygon fill="#9c27b0" stroke="#9c27b0" points="2354.81,-1919.92 2350.31,-1909.92 2354.81,-1916.14 2354.81,-1909.92 2354.81,-1909.92 2354.81,-1909.92 2354.81,-1916.14 2359.31,-1909.92 2354.81,-1919.92"/>
450
+ <text xml:space="preserve" text-anchor="middle" x="3093.74" y="-1649.2" font-family="Helvetica,sans-Serif" font-size="9.00" fill="#9c27b0">default</text>
451
+ </g>
452
+ <!-- cre8&#45;table&#45;object&#45;&gt;slot -->
453
+ <g id="edge4" class="edge">
454
+ <title>cre8&#45;table&#45;object&#45;&gt;slot:header</title>
455
+ <path fill="none" stroke="#9c27b0" stroke-dasharray="5,2" d="M4021.24,-1568.95C4021.24,-1595.97 4021.24,-1644 4021.24,-1644 4021.24,-1644 2343.67,-1644 2343.67,-1644 2343.67,-1644 2343.67,-1910.11 2343.67,-1910.11"/>
456
+ <polygon fill="#9c27b0" stroke="#9c27b0" points="2343.67,-1920.11 2339.17,-1910.11 2343.67,-1916.33 2343.67,-1910.11 2343.67,-1910.11 2343.67,-1910.11 2343.67,-1916.33 2348.17,-1910.11 2343.67,-1920.11"/>
457
+ <text xml:space="preserve" text-anchor="middle" x="3072.3" y="-1645.2" font-family="Helvetica,sans-Serif" font-size="9.00" fill="#9c27b0">header</text>
458
+ </g>
459
+ <!-- cre8&#45;table&#45;object&#45;&gt;slot -->
460
+ <g id="edge5" class="edge">
461
+ <title>cre8&#45;table&#45;object&#45;&gt;slot:footer</title>
462
+ <path fill="none" stroke="#9c27b0" stroke-dasharray="5,2" d="M4032.19,-1568.89C4032.19,-1596.4 4032.19,-1646 4032.19,-1646 4032.19,-1646 2349.24,-1646 2349.24,-1646 2349.24,-1646 2349.24,-1909.8 2349.24,-1909.8"/>
463
+ <polygon fill="#9c27b0" stroke="#9c27b0" points="2349.24,-1919.8 2344.74,-1909.8 2349.24,-1916.02 2349.24,-1909.8 2349.24,-1909.8 2349.24,-1909.8 2349.24,-1916.02 2353.74,-1909.8 2349.24,-1919.8"/>
464
+ <text xml:space="preserve" text-anchor="middle" x="3085.75" y="-1647.2" font-family="Helvetica,sans-Serif" font-size="9.00" fill="#9c27b0">footer</text>
465
+ </g>
466
+ <!-- cre8&#45;table&#45;row -->
467
+ <g id="node15" class="node">
468
+ <title>cre8&#45;table&#45;row</title>
469
+ <polygon fill="#e8f5e9" stroke="none" points="3986.45,-1505.02 3986.45,-1525.02 4183.45,-1525.02 4183.45,-1505.02 3986.45,-1505.02"/>
470
+ <polygon fill="none" stroke="black" points="3986.45,-1505.02 3986.45,-1525.02 4183.45,-1525.02 4183.45,-1505.02 3986.45,-1505.02"/>
471
+ <text xml:space="preserve" text-anchor="start" x="3990.45" y="-1511.57" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="11.00" fill="#2e7d32">cre8&#45;table&#45;row</text>
472
+ <text xml:space="preserve" text-anchor="start" x="4065.45" y="-1511.57" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#888888"> &#160;[default] · [expandableContent]</text>
473
+ <polygon fill="#fafafa" stroke="none" points="3986.45,-1487.27 3986.45,-1505.02 4114.95,-1505.02 4114.95,-1487.27 3986.45,-1487.27"/>
474
+ <polygon fill="none" stroke="black" points="3986.45,-1487.27 3986.45,-1505.02 4114.95,-1505.02 4114.95,-1487.27 3986.45,-1487.27"/>
475
+ <text xml:space="preserve" text-anchor="start" x="3990.45" y="-1493.52" font-family="Helvetica,sans-Serif" font-size="9.00"> &#160;variant</text>
476
+ <polygon fill="#fafafa" stroke="none" points="4114.95,-1487.27 4114.95,-1505.02 4183.45,-1505.02 4183.45,-1487.27 4114.95,-1487.27"/>
477
+ <polygon fill="none" stroke="black" points="4114.95,-1487.27 4114.95,-1505.02 4183.45,-1505.02 4183.45,-1487.27 4114.95,-1487.27"/>
478
+ <text xml:space="preserve" text-anchor="start" x="4118.95" y="-1493.89" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#666666">string</text>
479
+ <polygon fill="#fafafa" stroke="none" points="3986.45,-1469.52 3986.45,-1487.27 4114.95,-1487.27 4114.95,-1469.52 3986.45,-1469.52"/>
480
+ <polygon fill="none" stroke="black" points="3986.45,-1469.52 3986.45,-1487.27 4114.95,-1487.27 4114.95,-1469.52 3986.45,-1469.52"/>
481
+ <text xml:space="preserve" text-anchor="start" x="3990.45" y="-1475.77" font-family="Helvetica,sans-Serif" font-size="9.00"> &#160;isExpanded</text>
482
+ <polygon fill="#fafafa" stroke="none" points="4114.95,-1469.52 4114.95,-1487.27 4183.45,-1487.27 4183.45,-1469.52 4114.95,-1469.52"/>
483
+ <polygon fill="none" stroke="black" points="4114.95,-1469.52 4114.95,-1487.27 4183.45,-1487.27 4183.45,-1469.52 4114.95,-1469.52"/>
484
+ <text xml:space="preserve" text-anchor="start" x="4118.95" y="-1476.14" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#666666">boolean</text>
485
+ <polygon fill="#fafafa" stroke="none" points="3986.45,-1451.77 3986.45,-1469.52 4114.95,-1469.52 4114.95,-1451.77 3986.45,-1451.77"/>
486
+ <polygon fill="none" stroke="black" points="3986.45,-1451.77 3986.45,-1469.52 4114.95,-1469.52 4114.95,-1451.77 3986.45,-1451.77"/>
487
+ <text xml:space="preserve" text-anchor="start" x="3990.45" y="-1458.02" font-family="Helvetica,sans-Serif" font-size="9.00"> &#160;isExpandable</text>
488
+ <polygon fill="#fafafa" stroke="none" points="4114.95,-1451.77 4114.95,-1469.52 4183.45,-1469.52 4183.45,-1451.77 4114.95,-1451.77"/>
489
+ <polygon fill="none" stroke="black" points="4114.95,-1451.77 4114.95,-1469.52 4183.45,-1469.52 4183.45,-1451.77 4114.95,-1451.77"/>
490
+ <text xml:space="preserve" text-anchor="start" x="4118.95" y="-1458.39" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#666666">boolean</text>
491
+ <polygon fill="#fafafa" stroke="none" points="3986.45,-1434.02 3986.45,-1451.77 4114.95,-1451.77 4114.95,-1434.02 3986.45,-1434.02"/>
492
+ <polygon fill="none" stroke="black" points="3986.45,-1434.02 3986.45,-1451.77 4114.95,-1451.77 4114.95,-1434.02 3986.45,-1434.02"/>
493
+ <text xml:space="preserve" text-anchor="start" x="3990.45" y="-1440.27" font-family="Helvetica,sans-Serif" font-size="9.00"> &#160;expandedButtonText</text>
494
+ <polygon fill="#fafafa" stroke="none" points="4114.95,-1434.02 4114.95,-1451.77 4183.45,-1451.77 4183.45,-1434.02 4114.95,-1434.02"/>
495
+ <polygon fill="none" stroke="black" points="4114.95,-1434.02 4114.95,-1451.77 4183.45,-1451.77 4183.45,-1434.02 4114.95,-1434.02"/>
496
+ <text xml:space="preserve" text-anchor="start" x="4118.95" y="-1440.64" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#666666">string</text>
497
+ <polygon fill="#fafafa" stroke="none" points="3986.45,-1416.27 3986.45,-1434.02 4114.95,-1434.02 4114.95,-1416.27 3986.45,-1416.27"/>
498
+ <polygon fill="none" stroke="black" points="3986.45,-1416.27 3986.45,-1434.02 4114.95,-1434.02 4114.95,-1416.27 3986.45,-1416.27"/>
499
+ <text xml:space="preserve" text-anchor="start" x="3990.45" y="-1422.52" font-family="Helvetica,sans-Serif" font-size="9.00"> &#160;collapsedButtonText</text>
500
+ <polygon fill="#fafafa" stroke="none" points="4114.95,-1416.27 4114.95,-1434.02 4183.45,-1434.02 4183.45,-1416.27 4114.95,-1416.27"/>
501
+ <polygon fill="none" stroke="black" points="4114.95,-1416.27 4114.95,-1434.02 4183.45,-1434.02 4183.45,-1416.27 4114.95,-1416.27"/>
502
+ <text xml:space="preserve" text-anchor="start" x="4118.95" y="-1422.89" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#666666">string</text>
503
+ </g>
504
+ <!-- cre8&#45;table&#45;row&#45;&gt;slot -->
505
+ <g id="edge6" class="edge">
506
+ <title>cre8&#45;table&#45;row&#45;&gt;slot:default</title>
507
+ <path fill="none" stroke="#9c27b0" stroke-dasharray="5,2" d="M4002.34,-1524.86C4002.34,-1575.06 4002.34,-1642 4002.34,-1642 4002.34,-1642 2338.11,-1642 2338.11,-1642 2338.11,-1642 2338.11,-1909.99 2338.11,-1909.99"/>
508
+ <polygon fill="#9c27b0" stroke="#9c27b0" points="2338.11,-1919.99 2333.61,-1909.99 2338.11,-1916.21 2338.11,-1909.99 2338.11,-1909.99 2338.11,-1909.99 2338.11,-1916.21 2342.61,-1909.99 2338.11,-1919.99"/>
509
+ <text xml:space="preserve" text-anchor="middle" x="3108.67" y="-1633.45" font-family="Helvetica,sans-Serif" font-size="9.00" fill="#9c27b0">default</text>
510
+ </g>
511
+ <!-- cre8&#45;table&#45;row&#45;&gt;slot -->
512
+ <g id="edge7" class="edge">
513
+ <title>cre8&#45;table&#45;row&#45;&gt;slot:expandableContent</title>
514
+ <path fill="none" stroke="#9c27b0" stroke-dasharray="5,2" d="M3994.39,-1524.69C3994.39,-1574.26 3994.39,-1640 3994.39,-1640 3994.39,-1640 2332.54,-1640 2332.54,-1640 2332.54,-1640 2332.54,-1909.88 2332.54,-1909.88"/>
515
+ <polygon fill="#9c27b0" stroke="#9c27b0" points="2332.54,-1919.88 2328.04,-1909.88 2332.54,-1916.09 2332.54,-1909.88 2332.54,-1909.88 2332.54,-1909.88 2332.54,-1916.09 2337.04,-1909.88 2332.54,-1919.88"/>
516
+ <text xml:space="preserve" text-anchor="middle" x="3045.68" y="-1641.2" font-family="Helvetica,sans-Serif" font-size="9.00" fill="#9c27b0">expandableContent</text>
517
+ </g>
518
+ <!-- cre8&#45;tag -->
519
+ <g id="node16" class="node">
520
+ <title>cre8&#45;tag</title>
521
+ <polygon fill="#e8f5e9" stroke="none" points="3778.44,-1565.66 3778.44,-1585.66 3951.94,-1585.66 3951.94,-1565.66 3778.44,-1565.66"/>
522
+ <polygon fill="none" stroke="black" points="3778.44,-1565.66 3778.44,-1585.66 3951.94,-1585.66 3951.94,-1565.66 3778.44,-1565.66"/>
523
+ <text xml:space="preserve" text-anchor="start" x="3782.44" y="-1572.21" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="11.00" fill="#2e7d32">cre8&#45;tag</text>
524
+ <polygon fill="#fafafa" stroke="none" points="3778.44,-1547.91 3778.44,-1565.66 3826.19,-1565.66 3826.19,-1547.91 3778.44,-1547.91"/>
525
+ <polygon fill="none" stroke="black" points="3778.44,-1547.91 3778.44,-1565.66 3826.19,-1565.66 3826.19,-1547.91 3778.44,-1547.91"/>
526
+ <text xml:space="preserve" text-anchor="start" x="3782.44" y="-1554.16" font-family="Helvetica,sans-Serif" font-size="9.00"> &#160;text</text>
527
+ <polygon fill="#fafafa" stroke="none" points="3826.19,-1547.91 3826.19,-1565.66 3951.94,-1565.66 3951.94,-1547.91 3826.19,-1547.91"/>
528
+ <polygon fill="none" stroke="black" points="3826.19,-1547.91 3826.19,-1565.66 3951.94,-1565.66 3951.94,-1547.91 3826.19,-1547.91"/>
529
+ <text xml:space="preserve" text-anchor="start" x="3830.19" y="-1554.53" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#666666">string</text>
530
+ <polygon fill="#fafafa" stroke="none" points="3778.44,-1530.16 3778.44,-1547.91 3826.19,-1547.91 3826.19,-1530.16 3778.44,-1530.16"/>
531
+ <polygon fill="none" stroke="black" points="3778.44,-1530.16 3778.44,-1547.91 3826.19,-1547.91 3826.19,-1530.16 3778.44,-1530.16"/>
532
+ <text xml:space="preserve" text-anchor="start" x="3782.44" y="-1536.41" font-family="Helvetica,sans-Serif" font-size="9.00"> &#160;variant</text>
533
+ <polygon fill="#fafafa" stroke="none" points="3826.19,-1530.16 3826.19,-1547.91 3951.94,-1547.91 3951.94,-1530.16 3826.19,-1530.16"/>
534
+ <polygon fill="none" stroke="black" points="3826.19,-1530.16 3826.19,-1547.91 3951.94,-1547.91 3951.94,-1530.16 3826.19,-1530.16"/>
535
+ <text xml:space="preserve" text-anchor="start" x="3830.19" y="-1536.78" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#666666">neutral | branded | neutral&#45;hybrid</text>
536
+ <polygon fill="#fafafa" stroke="none" points="3778.44,-1512.41 3778.44,-1530.16 3826.19,-1530.16 3826.19,-1512.41 3778.44,-1512.41"/>
537
+ <polygon fill="none" stroke="black" points="3778.44,-1512.41 3778.44,-1530.16 3826.19,-1530.16 3826.19,-1512.41 3778.44,-1512.41"/>
538
+ <text xml:space="preserve" text-anchor="start" x="3782.44" y="-1518.66" font-family="Helvetica,sans-Serif" font-size="9.00"> &#160;shape</text>
539
+ <polygon fill="#fafafa" stroke="none" points="3826.19,-1512.41 3826.19,-1530.16 3951.94,-1530.16 3951.94,-1512.41 3826.19,-1512.41"/>
540
+ <polygon fill="none" stroke="black" points="3826.19,-1512.41 3826.19,-1530.16 3951.94,-1530.16 3951.94,-1512.41 3826.19,-1512.41"/>
541
+ <text xml:space="preserve" text-anchor="start" x="3830.19" y="-1519.03" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#666666">square | round</text>
542
+ <polygon fill="#fafafa" stroke="none" points="3778.44,-1494.66 3778.44,-1512.41 3826.19,-1512.41 3826.19,-1494.66 3778.44,-1494.66"/>
543
+ <polygon fill="none" stroke="black" points="3778.44,-1494.66 3778.44,-1512.41 3826.19,-1512.41 3826.19,-1494.66 3778.44,-1494.66"/>
544
+ <text xml:space="preserve" text-anchor="start" x="3782.44" y="-1500.91" font-family="Helvetica,sans-Serif" font-size="9.00"> &#160;type</text>
545
+ <polygon fill="#fafafa" stroke="none" points="3826.19,-1494.66 3826.19,-1512.41 3951.94,-1512.41 3951.94,-1494.66 3826.19,-1494.66"/>
546
+ <polygon fill="none" stroke="black" points="3826.19,-1494.66 3826.19,-1512.41 3951.94,-1512.41 3951.94,-1494.66 3826.19,-1494.66"/>
547
+ <text xml:space="preserve" text-anchor="start" x="3830.19" y="-1501.28" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#666666">checkbox | radio</text>
548
+ <polygon fill="#fafafa" stroke="none" points="3778.44,-1476.91 3778.44,-1494.66 3826.19,-1494.66 3826.19,-1476.91 3778.44,-1476.91"/>
549
+ <polygon fill="none" stroke="black" points="3778.44,-1476.91 3778.44,-1494.66 3826.19,-1494.66 3826.19,-1476.91 3778.44,-1476.91"/>
550
+ <text xml:space="preserve" text-anchor="start" x="3782.44" y="-1483.16" font-family="Helvetica,sans-Serif" font-size="9.00"> &#160;name</text>
551
+ <polygon fill="#fafafa" stroke="none" points="3826.19,-1476.91 3826.19,-1494.66 3951.94,-1494.66 3951.94,-1476.91 3826.19,-1476.91"/>
552
+ <polygon fill="none" stroke="black" points="3826.19,-1476.91 3826.19,-1494.66 3951.94,-1494.66 3951.94,-1476.91 3826.19,-1476.91"/>
553
+ <text xml:space="preserve" text-anchor="start" x="3830.19" y="-1483.53" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#666666">string</text>
554
+ <polygon fill="#fafafa" stroke="none" points="3778.44,-1459.16 3778.44,-1476.91 3826.19,-1476.91 3826.19,-1459.16 3778.44,-1459.16"/>
555
+ <polygon fill="none" stroke="black" points="3778.44,-1459.16 3778.44,-1476.91 3826.19,-1476.91 3826.19,-1459.16 3778.44,-1459.16"/>
556
+ <text xml:space="preserve" text-anchor="start" x="3782.44" y="-1465.41" font-family="Helvetica,sans-Serif" font-size="9.00"> &#160;disabled</text>
557
+ <polygon fill="#fafafa" stroke="none" points="3826.19,-1459.16 3826.19,-1476.91 3951.94,-1476.91 3951.94,-1459.16 3826.19,-1459.16"/>
558
+ <polygon fill="none" stroke="black" points="3826.19,-1459.16 3826.19,-1476.91 3951.94,-1476.91 3951.94,-1459.16 3826.19,-1459.16"/>
559
+ <text xml:space="preserve" text-anchor="start" x="3830.19" y="-1465.78" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#666666">boolean</text>
560
+ <polygon fill="#f5f5f5" stroke="none" points="3778.44,-1442.16 3778.44,-1459.16 3951.94,-1459.16 3951.94,-1442.16 3778.44,-1442.16"/>
561
+ <polygon fill="none" stroke="black" points="3778.44,-1442.16 3778.44,-1459.16 3951.94,-1459.16 3951.94,-1442.16 3778.44,-1442.16"/>
562
+ <text xml:space="preserve" text-anchor="start" x="3782.44" y="-1448.41" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#999999"> &#160;+7 more props</text>
563
+ </g>
564
+ <!-- cre8&#45;tag&#45;list -->
565
+ <g id="node17" class="node">
566
+ <title>cre8&#45;tag&#45;list</title>
567
+ <polygon fill="#e8f5e9" stroke="none" points="3647.94,-1607.66 3647.94,-1627.66 3750.44,-1627.66 3750.44,-1607.66 3647.94,-1607.66"/>
568
+ <polygon fill="none" stroke="black" points="3647.94,-1607.66 3647.94,-1627.66 3750.44,-1627.66 3750.44,-1607.66 3647.94,-1607.66"/>
569
+ <text xml:space="preserve" text-anchor="start" x="3651.94" y="-1614.21" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="11.00" fill="#2e7d32">cre8&#45;tag&#45;list</text>
570
+ <text xml:space="preserve" text-anchor="start" x="3714.19" y="-1614.21" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#888888"> &#160;children</text>
571
+ <polygon fill="#fafafa" stroke="none" points="3647.94,-1589.91 3647.94,-1607.66 3704.07,-1607.66 3704.07,-1589.91 3647.94,-1589.91"/>
572
+ <polygon fill="none" stroke="black" points="3647.94,-1589.91 3647.94,-1607.66 3704.07,-1607.66 3704.07,-1589.91 3647.94,-1589.91"/>
573
+ <text xml:space="preserve" text-anchor="start" x="3651.94" y="-1596.16" font-family="Helvetica,sans-Serif" font-size="9.00"> &#160;label</text>
574
+ <polygon fill="#fafafa" stroke="none" points="3704.07,-1589.91 3704.07,-1607.66 3750.44,-1607.66 3750.44,-1589.91 3704.07,-1589.91"/>
575
+ <polygon fill="none" stroke="black" points="3704.07,-1589.91 3704.07,-1607.66 3750.44,-1607.66 3750.44,-1589.91 3704.07,-1589.91"/>
576
+ <text xml:space="preserve" text-anchor="start" x="3708.07" y="-1596.53" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#666666">string</text>
577
+ <polygon fill="#fafafa" stroke="none" points="3647.94,-1572.16 3647.94,-1589.91 3704.07,-1589.91 3704.07,-1572.16 3647.94,-1572.16"/>
578
+ <polygon fill="none" stroke="black" points="3647.94,-1572.16 3647.94,-1589.91 3704.07,-1589.91 3704.07,-1572.16 3647.94,-1572.16"/>
579
+ <text xml:space="preserve" text-anchor="start" x="3651.94" y="-1578.41" font-family="Helvetica,sans-Serif" font-size="9.00"> &#160;fieldId</text>
580
+ <polygon fill="#fafafa" stroke="none" points="3704.07,-1572.16 3704.07,-1589.91 3750.44,-1589.91 3750.44,-1572.16 3704.07,-1572.16"/>
581
+ <polygon fill="none" stroke="black" points="3704.07,-1572.16 3704.07,-1589.91 3750.44,-1589.91 3750.44,-1572.16 3704.07,-1572.16"/>
582
+ <text xml:space="preserve" text-anchor="start" x="3708.07" y="-1578.78" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#666666">string</text>
583
+ </g>
584
+ <!-- cre8&#45;accordion -->
585
+ <g id="node18" class="node">
586
+ <title>cre8&#45;accordion</title>
587
+ <polygon fill="#f3e5f5" stroke="none" points="1791.35,-135.75 1791.35,-155.75 2018.1,-155.75 2018.1,-135.75 1791.35,-135.75"/>
588
+ <polygon fill="none" stroke="black" points="1791.35,-135.75 1791.35,-155.75 2018.1,-155.75 2018.1,-135.75 1791.35,-135.75"/>
589
+ <text xml:space="preserve" text-anchor="start" x="1795.35" y="-142.3" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="11.00" fill="#6a1b9a">cre8&#45;accordion</text>
590
+ <text xml:space="preserve" text-anchor="start" x="1874.1" y="-142.3" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#888888"> &#160;children</text>
591
+ <polygon fill="#fafafa" stroke="none" points="1791.35,-118 1791.35,-135.75 1851.1,-135.75 1851.1,-118 1791.35,-118"/>
592
+ <polygon fill="none" stroke="black" points="1791.35,-118 1791.35,-135.75 1851.1,-135.75 1851.1,-118 1791.35,-118"/>
593
+ <text xml:space="preserve" text-anchor="start" x="1795.35" y="-124.25" font-family="Helvetica,sans-Serif" font-size="9.00"> &#160;borderType</text>
594
+ <polygon fill="#fafafa" stroke="none" points="1851.1,-118 1851.1,-135.75 2018.1,-135.75 2018.1,-118 1851.1,-118"/>
595
+ <polygon fill="none" stroke="black" points="1851.1,-118 1851.1,-135.75 2018.1,-135.75 2018.1,-118 1851.1,-118"/>
596
+ <text xml:space="preserve" text-anchor="start" x="1855.1" y="-124.62" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#666666">rectangle | rounded&#45;bottom | rounded | none</text>
597
+ <polygon fill="#fafafa" stroke="none" points="1791.35,-100.25 1791.35,-118 1851.1,-118 1851.1,-100.25 1791.35,-100.25"/>
598
+ <polygon fill="none" stroke="black" points="1791.35,-100.25 1791.35,-118 1851.1,-118 1851.1,-100.25 1791.35,-100.25"/>
599
+ <text xml:space="preserve" text-anchor="start" x="1795.35" y="-106.5" font-family="Helvetica,sans-Serif" font-size="9.00"> &#160;hasDivider</text>
600
+ <polygon fill="#fafafa" stroke="none" points="1851.1,-100.25 1851.1,-118 2018.1,-118 2018.1,-100.25 1851.1,-100.25"/>
601
+ <polygon fill="none" stroke="black" points="1851.1,-100.25 1851.1,-118 2018.1,-118 2018.1,-100.25 1851.1,-100.25"/>
602
+ <text xml:space="preserve" text-anchor="start" x="1855.1" y="-106.88" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#666666">boolean</text>
603
+ </g>
604
+ <!-- cre8&#45;accordion&#45;item -->
605
+ <g id="node19" class="node">
606
+ <title>cre8&#45;accordion&#45;item</title>
607
+ <polygon fill="#f3e5f5" stroke="none" points="1669.13,-371.68 1669.13,-391.68 1856.13,-391.68 1856.13,-371.68 1669.13,-371.68"/>
608
+ <polygon fill="none" stroke="black" points="1669.13,-371.68 1669.13,-391.68 1856.13,-391.68 1856.13,-371.68 1669.13,-371.68"/>
609
+ <text xml:space="preserve" text-anchor="start" x="1673.13" y="-378.23" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="11.00" fill="#6a1b9a">cre8&#45;accordion&#45;item</text>
610
+ <text xml:space="preserve" text-anchor="start" x="1778.13" y="-378.23" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#888888"> &#160;[default] · [heading]</text>
611
+ <polygon fill="#fafafa" stroke="none" points="1669.13,-353.93 1669.13,-371.68 1758.88,-371.68 1758.88,-353.93 1669.13,-353.93"/>
612
+ <polygon fill="none" stroke="black" points="1669.13,-353.93 1669.13,-371.68 1758.88,-371.68 1758.88,-353.93 1669.13,-353.93"/>
613
+ <text xml:space="preserve" text-anchor="start" x="1673.13" y="-360.18" font-family="Helvetica,sans-Serif" font-size="9.00"> &#160;size</text>
614
+ <polygon fill="#fafafa" stroke="none" points="1758.88,-353.93 1758.88,-371.68 1856.13,-371.68 1856.13,-353.93 1758.88,-353.93"/>
615
+ <polygon fill="none" stroke="black" points="1758.88,-353.93 1758.88,-371.68 1856.13,-371.68 1856.13,-353.93 1758.88,-353.93"/>
616
+ <text xml:space="preserve" text-anchor="start" x="1762.88" y="-360.55" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#666666">sm | lg</text>
617
+ <polygon fill="#fafafa" stroke="none" points="1669.13,-336.18 1669.13,-353.93 1758.88,-353.93 1758.88,-336.18 1669.13,-336.18"/>
618
+ <polygon fill="none" stroke="black" points="1669.13,-336.18 1669.13,-353.93 1758.88,-353.93 1758.88,-336.18 1669.13,-336.18"/>
619
+ <text xml:space="preserve" text-anchor="start" x="1673.13" y="-342.43" font-family="Helvetica,sans-Serif" font-size="9.00"> &#160;heading</text>
620
+ <polygon fill="#fafafa" stroke="none" points="1758.88,-336.18 1758.88,-353.93 1856.13,-353.93 1856.13,-336.18 1758.88,-336.18"/>
621
+ <polygon fill="none" stroke="black" points="1758.88,-336.18 1758.88,-353.93 1856.13,-353.93 1856.13,-336.18 1758.88,-336.18"/>
622
+ <text xml:space="preserve" text-anchor="start" x="1762.88" y="-342.8" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#666666">string</text>
623
+ <polygon fill="#fafafa" stroke="none" points="1669.13,-318.43 1669.13,-336.18 1758.88,-336.18 1758.88,-318.43 1669.13,-318.43"/>
624
+ <polygon fill="none" stroke="black" points="1669.13,-318.43 1669.13,-336.18 1758.88,-336.18 1758.88,-318.43 1669.13,-318.43"/>
625
+ <text xml:space="preserve" text-anchor="start" x="1673.13" y="-324.68" font-family="Helvetica,sans-Serif" font-size="9.00"> &#160;isActive</text>
626
+ <polygon fill="#fafafa" stroke="none" points="1758.88,-318.43 1758.88,-336.18 1856.13,-336.18 1856.13,-318.43 1758.88,-318.43"/>
627
+ <polygon fill="none" stroke="black" points="1758.88,-318.43 1758.88,-336.18 1856.13,-336.18 1856.13,-318.43 1758.88,-318.43"/>
628
+ <text xml:space="preserve" text-anchor="start" x="1762.88" y="-325.05" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#666666">boolean</text>
629
+ <polygon fill="#fafafa" stroke="none" points="1669.13,-300.68 1669.13,-318.43 1758.88,-318.43 1758.88,-300.68 1669.13,-300.68"/>
630
+ <polygon fill="none" stroke="black" points="1669.13,-300.68 1669.13,-318.43 1758.88,-318.43 1758.88,-300.68 1669.13,-300.68"/>
631
+ <text xml:space="preserve" text-anchor="start" x="1673.13" y="-306.93" font-family="Helvetica,sans-Serif" font-size="9.00"> &#160;iconBefore</text>
632
+ <polygon fill="#fafafa" stroke="none" points="1758.88,-300.68 1758.88,-318.43 1856.13,-318.43 1856.13,-300.68 1758.88,-300.68"/>
633
+ <polygon fill="none" stroke="black" points="1758.88,-300.68 1758.88,-318.43 1856.13,-318.43 1856.13,-300.68 1758.88,-300.68"/>
634
+ <text xml:space="preserve" text-anchor="start" x="1762.88" y="-307.3" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#666666">boolean</text>
635
+ <polygon fill="#fafafa" stroke="none" points="1669.13,-282.93 1669.13,-300.68 1758.88,-300.68 1758.88,-282.93 1669.13,-282.93"/>
636
+ <polygon fill="none" stroke="black" points="1669.13,-282.93 1669.13,-300.68 1758.88,-300.68 1758.88,-282.93 1669.13,-282.93"/>
637
+ <text xml:space="preserve" text-anchor="start" x="1673.13" y="-289.18" font-family="Helvetica,sans-Serif" font-size="9.00"> &#160;tertiaryIcon</text>
638
+ <polygon fill="#fafafa" stroke="none" points="1758.88,-282.93 1758.88,-300.68 1856.13,-300.68 1856.13,-282.93 1758.88,-282.93"/>
639
+ <polygon fill="none" stroke="black" points="1758.88,-282.93 1758.88,-300.68 1856.13,-300.68 1856.13,-282.93 1758.88,-282.93"/>
640
+ <text xml:space="preserve" text-anchor="start" x="1762.88" y="-289.55" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#666666">boolean</text>
641
+ <polygon fill="#fafafa" stroke="none" points="1669.13,-265.18 1669.13,-282.93 1758.88,-282.93 1758.88,-265.18 1669.13,-265.18"/>
642
+ <polygon fill="none" stroke="black" points="1669.13,-265.18 1669.13,-282.93 1758.88,-282.93 1758.88,-265.18 1669.13,-265.18"/>
643
+ <text xml:space="preserve" text-anchor="start" x="1673.13" y="-271.43" font-family="Helvetica,sans-Serif" font-size="9.00"> &#160;headingTagVariant</text>
644
+ <polygon fill="#fafafa" stroke="none" points="1758.88,-265.18 1758.88,-282.93 1856.13,-282.93 1856.13,-265.18 1758.88,-265.18"/>
645
+ <polygon fill="none" stroke="black" points="1758.88,-265.18 1758.88,-282.93 1856.13,-282.93 1856.13,-265.18 1758.88,-265.18"/>
646
+ <text xml:space="preserve" text-anchor="start" x="1762.88" y="-271.8" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#666666">h1 | h2 | h3 | h4 | h5 (+1)</text>
647
+ <polygon fill="#f5f5f5" stroke="none" points="1669.13,-248.18 1669.13,-265.18 1856.13,-265.18 1856.13,-248.18 1669.13,-248.18"/>
648
+ <polygon fill="none" stroke="black" points="1669.13,-248.18 1669.13,-265.18 1856.13,-265.18 1856.13,-248.18 1669.13,-248.18"/>
649
+ <text xml:space="preserve" text-anchor="start" x="1673.13" y="-254.43" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#999999"> &#160;+2 more props</text>
650
+ </g>
651
+ <!-- cre8&#45;accordion&#45;item&#45;&gt;slot -->
652
+ <g id="edge8" class="edge">
653
+ <title>cre8&#45;accordion&#45;item&#45;&gt;slot:default</title>
654
+ <path fill="none" stroke="#9c27b0" stroke-dasharray="5,2" d="M1787.4,-391.66C1787.4,-703.17 1787.4,-1923 1787.4,-1923 1787.4,-1923 2295.46,-1923 2295.46,-1923"/>
655
+ <polygon fill="#9c27b0" stroke="#9c27b0" points="2305.46,-1923 2295.46,-1927.5 2301.68,-1923 2295.46,-1923 2295.46,-1923 2295.46,-1923 2301.68,-1923 2295.46,-1918.5 2305.46,-1923"/>
656
+ <text xml:space="preserve" text-anchor="middle" x="1773.52" y="-1412.56" font-family="Helvetica,sans-Serif" font-size="9.00" fill="#9c27b0">default</text>
657
+ </g>
658
+ <!-- cre8&#45;accordion&#45;item&#45;&gt;slot -->
659
+ <g id="edge9" class="edge">
660
+ <title>cre8&#45;accordion&#45;item&#45;&gt;slot:heading</title>
661
+ <path fill="none" stroke="#9c27b0" stroke-dasharray="5,2" d="M1801.05,-391.61C1801.05,-702.93 1801.05,-1922 1801.05,-1922 1801.05,-1922 2295.4,-1922 2295.4,-1922"/>
662
+ <polygon fill="#9c27b0" stroke="#9c27b0" points="2305.4,-1922 2295.4,-1926.5 2301.62,-1922 2295.4,-1922 2295.4,-1922 2295.4,-1922 2301.62,-1922 2295.4,-1917.5 2305.4,-1922"/>
663
+ <text xml:space="preserve" text-anchor="middle" x="1784.18" y="-1395.43" font-family="Helvetica,sans-Serif" font-size="9.00" fill="#9c27b0">heading</text>
664
+ </g>
665
+ <!-- cre8&#45;dropdown -->
666
+ <g id="node20" class="node">
667
+ <title>cre8&#45;dropdown</title>
668
+ <polygon fill="#f3e5f5" stroke="none" points="1814.98,-534.38 1814.98,-554.38 1940.48,-554.38 1940.48,-534.38 1814.98,-534.38"/>
669
+ <polygon fill="none" stroke="black" points="1814.98,-534.38 1814.98,-554.38 1940.48,-554.38 1940.48,-534.38 1814.98,-534.38"/>
670
+ <text xml:space="preserve" text-anchor="start" x="1818.98" y="-540.92" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="11.00" fill="#6a1b9a">cre8&#45;dropdown</text>
671
+ <text xml:space="preserve" text-anchor="start" x="1898.48" y="-540.92" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#888888"> &#160;children</text>
672
+ <polygon fill="#fafafa" stroke="none" points="1814.98,-516.62 1814.98,-534.38 1903.98,-534.38 1903.98,-516.62 1814.98,-516.62"/>
673
+ <polygon fill="none" stroke="black" points="1814.98,-516.62 1814.98,-534.38 1903.98,-534.38 1903.98,-516.62 1814.98,-516.62"/>
674
+ <text xml:space="preserve" text-anchor="start" x="1818.98" y="-522.88" font-family="Helvetica,sans-Serif" font-size="9.00"> &#160;buttonText</text>
675
+ <polygon fill="#fafafa" stroke="none" points="1903.98,-516.62 1903.98,-534.38 1940.48,-534.38 1940.48,-516.62 1903.98,-516.62"/>
676
+ <polygon fill="none" stroke="black" points="1903.98,-516.62 1903.98,-534.38 1940.48,-534.38 1940.48,-516.62 1903.98,-516.62"/>
677
+ <text xml:space="preserve" text-anchor="start" x="1907.98" y="-523.25" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#666666">string</text>
678
+ <polygon fill="#fafafa" stroke="none" points="1814.98,-498.87 1814.98,-516.62 1903.98,-516.62 1903.98,-498.87 1814.98,-498.87"/>
679
+ <polygon fill="none" stroke="black" points="1814.98,-498.87 1814.98,-516.62 1903.98,-516.62 1903.98,-498.87 1814.98,-498.87"/>
680
+ <text xml:space="preserve" text-anchor="start" x="1818.98" y="-505.12" font-family="Helvetica,sans-Serif" font-size="9.00"> &#160;maxHeight</text>
681
+ <polygon fill="#fafafa" stroke="none" points="1903.98,-498.87 1903.98,-516.62 1940.48,-516.62 1940.48,-498.87 1903.98,-498.87"/>
682
+ <polygon fill="none" stroke="black" points="1903.98,-498.87 1903.98,-516.62 1940.48,-516.62 1940.48,-498.87 1903.98,-498.87"/>
683
+ <text xml:space="preserve" text-anchor="start" x="1907.98" y="-505.5" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#666666">string</text>
684
+ <polygon fill="#fafafa" stroke="none" points="1814.98,-481.12 1814.98,-498.87 1903.98,-498.87 1903.98,-481.12 1814.98,-481.12"/>
685
+ <polygon fill="none" stroke="black" points="1814.98,-481.12 1814.98,-498.87 1903.98,-498.87 1903.98,-481.12 1814.98,-481.12"/>
686
+ <text xml:space="preserve" text-anchor="start" x="1818.98" y="-487.37" font-family="Helvetica,sans-Serif" font-size="9.00"> &#160;dropdownWithLink</text>
687
+ <polygon fill="#fafafa" stroke="none" points="1903.98,-481.12 1903.98,-498.87 1940.48,-498.87 1940.48,-481.12 1903.98,-481.12"/>
688
+ <polygon fill="none" stroke="black" points="1903.98,-481.12 1903.98,-498.87 1940.48,-498.87 1940.48,-481.12 1903.98,-481.12"/>
689
+ <text xml:space="preserve" text-anchor="start" x="1907.98" y="-487.75" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#666666">boolean</text>
690
+ <polygon fill="#fafafa" stroke="none" points="1814.98,-463.37 1814.98,-481.12 1903.98,-481.12 1903.98,-463.37 1814.98,-463.37"/>
691
+ <polygon fill="none" stroke="black" points="1814.98,-463.37 1814.98,-481.12 1903.98,-481.12 1903.98,-463.37 1814.98,-463.37"/>
692
+ <text xml:space="preserve" text-anchor="start" x="1818.98" y="-469.62" font-family="Helvetica,sans-Serif" font-size="9.00"> &#160;open</text>
693
+ <polygon fill="#fafafa" stroke="none" points="1903.98,-463.37 1903.98,-481.12 1940.48,-481.12 1940.48,-463.37 1903.98,-463.37"/>
694
+ <polygon fill="none" stroke="black" points="1903.98,-463.37 1903.98,-481.12 1940.48,-481.12 1940.48,-463.37 1903.98,-463.37"/>
695
+ <text xml:space="preserve" text-anchor="start" x="1907.98" y="-470" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#666666">boolean</text>
696
+ <polygon fill="#fafafa" stroke="none" points="1814.98,-445.62 1814.98,-463.37 1903.98,-463.37 1903.98,-445.62 1814.98,-445.62"/>
697
+ <polygon fill="none" stroke="black" points="1814.98,-445.62 1814.98,-463.37 1903.98,-463.37 1903.98,-445.62 1814.98,-445.62"/>
698
+ <text xml:space="preserve" text-anchor="start" x="1818.98" y="-451.87" font-family="Helvetica,sans-Serif" font-size="9.00"> &#160;dropdownContent</text>
699
+ <polygon fill="#fafafa" stroke="none" points="1903.98,-445.62 1903.98,-463.37 1940.48,-463.37 1940.48,-445.62 1903.98,-445.62"/>
700
+ <polygon fill="none" stroke="black" points="1903.98,-445.62 1903.98,-463.37 1940.48,-463.37 1940.48,-445.62 1903.98,-445.62"/>
701
+ <text xml:space="preserve" text-anchor="start" x="1907.98" y="-452.25" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#666666">string</text>
702
+ </g>
703
+ <!-- cre8&#45;dropdown&#45;item -->
704
+ <g id="node21" class="node">
705
+ <title>cre8&#45;dropdown&#45;item</title>
706
+ <polygon fill="#f3e5f5" stroke="none" points="1791.73,-25.87 1791.73,-45.87 1937.73,-45.87 1937.73,-25.87 1791.73,-25.87"/>
707
+ <polygon fill="none" stroke="black" points="1791.73,-25.87 1791.73,-45.87 1937.73,-45.87 1937.73,-25.87 1791.73,-25.87"/>
708
+ <text xml:space="preserve" text-anchor="start" x="1795.73" y="-32.42" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="11.00" fill="#6a1b9a">cre8&#45;dropdown&#45;item</text>
709
+ <text xml:space="preserve" text-anchor="start" x="1901.48" y="-32.42" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#888888"> &#160;children</text>
710
+ <polygon fill="#fafafa" stroke="none" points="1791.73,-8.12 1791.73,-25.87 1876.73,-25.87 1876.73,-8.12 1791.73,-8.12"/>
711
+ <polygon fill="none" stroke="black" points="1791.73,-8.12 1791.73,-25.87 1876.73,-25.87 1876.73,-8.12 1791.73,-8.12"/>
712
+ <text xml:space="preserve" text-anchor="start" x="1795.73" y="-14.37" font-family="Helvetica,sans-Serif" font-size="9.00"> &#160;ariaLabel</text>
713
+ <polygon fill="#fafafa" stroke="none" points="1876.73,-8.12 1876.73,-25.87 1937.73,-25.87 1937.73,-8.12 1876.73,-8.12"/>
714
+ <polygon fill="none" stroke="black" points="1876.73,-8.12 1876.73,-25.87 1937.73,-25.87 1937.73,-8.12 1876.73,-8.12"/>
715
+ <text xml:space="preserve" text-anchor="start" x="1880.73" y="-14.75" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#666666">string</text>
716
+ </g>
717
+ <!-- cre8&#45;modal -->
718
+ <g id="node22" class="node">
719
+ <title>cre8&#45;modal</title>
720
+ <polygon fill="#f3e5f5" stroke="none" points="1532.67,-154.7 1532.67,-174.7 1747.42,-174.7 1747.42,-154.7 1532.67,-154.7"/>
721
+ <polygon fill="none" stroke="black" points="1532.67,-154.7 1532.67,-174.7 1747.42,-174.7 1747.42,-154.7 1532.67,-154.7"/>
722
+ <text xml:space="preserve" text-anchor="start" x="1536.67" y="-161.25" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="11.00" fill="#6a1b9a">cre8&#45;modal</text>
723
+ <text xml:space="preserve" text-anchor="start" x="1595.17" y="-161.25" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#888888"> &#160;[default] · [header] · [footer]</text>
724
+ <polygon fill="#fafafa" stroke="none" points="1532.67,-136.95 1532.67,-154.7 1610.42,-154.7 1610.42,-136.95 1532.67,-136.95"/>
725
+ <polygon fill="none" stroke="black" points="1532.67,-136.95 1532.67,-154.7 1610.42,-154.7 1610.42,-136.95 1532.67,-136.95"/>
726
+ <text xml:space="preserve" text-anchor="start" x="1536.67" y="-143.2" font-family="Helvetica,sans-Serif" font-size="9.00"> &#160;status</text>
727
+ <polygon fill="#fafafa" stroke="none" points="1610.42,-136.95 1610.42,-154.7 1747.42,-154.7 1747.42,-136.95 1610.42,-136.95"/>
728
+ <polygon fill="none" stroke="black" points="1610.42,-136.95 1610.42,-154.7 1747.42,-154.7 1747.42,-136.95 1610.42,-136.95"/>
729
+ <text xml:space="preserve" text-anchor="start" x="1614.42" y="-143.58" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#666666">error | info | warning | success | help</text>
730
+ <polygon fill="#fafafa" stroke="none" points="1532.67,-119.2 1532.67,-136.95 1610.42,-136.95 1610.42,-119.2 1532.67,-119.2"/>
731
+ <polygon fill="none" stroke="black" points="1532.67,-119.2 1532.67,-136.95 1610.42,-136.95 1610.42,-119.2 1532.67,-119.2"/>
732
+ <text xml:space="preserve" text-anchor="start" x="1536.67" y="-125.45" font-family="Helvetica,sans-Serif" font-size="9.00"> &#160;isActive</text>
733
+ <polygon fill="#fafafa" stroke="none" points="1610.42,-119.2 1610.42,-136.95 1747.42,-136.95 1747.42,-119.2 1610.42,-119.2"/>
734
+ <polygon fill="none" stroke="black" points="1610.42,-119.2 1610.42,-136.95 1747.42,-136.95 1747.42,-119.2 1610.42,-119.2"/>
735
+ <text xml:space="preserve" text-anchor="start" x="1614.42" y="-125.83" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#666666">boolean</text>
736
+ <polygon fill="#fafafa" stroke="none" points="1532.67,-101.45 1532.67,-119.2 1610.42,-119.2 1610.42,-101.45 1532.67,-101.45"/>
737
+ <polygon fill="none" stroke="black" points="1532.67,-101.45 1532.67,-119.2 1610.42,-119.2 1610.42,-101.45 1532.67,-101.45"/>
738
+ <text xml:space="preserve" text-anchor="start" x="1536.67" y="-107.7" font-family="Helvetica,sans-Serif" font-size="9.00"> &#160;utilityModalTitle</text>
739
+ <polygon fill="#fafafa" stroke="none" points="1610.42,-101.45 1610.42,-119.2 1747.42,-119.2 1747.42,-101.45 1610.42,-101.45"/>
740
+ <polygon fill="none" stroke="black" points="1610.42,-101.45 1610.42,-119.2 1747.42,-119.2 1747.42,-101.45 1610.42,-101.45"/>
741
+ <text xml:space="preserve" text-anchor="start" x="1614.42" y="-108.08" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#666666">string</text>
742
+ <polygon fill="#fafafa" stroke="none" points="1532.67,-83.7 1532.67,-101.45 1610.42,-101.45 1610.42,-83.7 1532.67,-83.7"/>
743
+ <polygon fill="none" stroke="black" points="1532.67,-83.7 1532.67,-101.45 1610.42,-101.45 1610.42,-83.7 1532.67,-83.7"/>
744
+ <text xml:space="preserve" text-anchor="start" x="1536.67" y="-89.95" font-family="Helvetica,sans-Serif" font-size="9.00"> &#160;notDismissible</text>
745
+ <polygon fill="#fafafa" stroke="none" points="1610.42,-83.7 1610.42,-101.45 1747.42,-101.45 1747.42,-83.7 1610.42,-83.7"/>
746
+ <polygon fill="none" stroke="black" points="1610.42,-83.7 1610.42,-101.45 1747.42,-101.45 1747.42,-83.7 1610.42,-83.7"/>
747
+ <text xml:space="preserve" text-anchor="start" x="1614.42" y="-90.33" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#666666">boolean</text>
748
+ <polygon fill="#fafafa" stroke="none" points="1532.67,-65.95 1532.67,-83.7 1610.42,-83.7 1610.42,-65.95 1532.67,-65.95"/>
749
+ <polygon fill="none" stroke="black" points="1532.67,-65.95 1532.67,-83.7 1610.42,-83.7 1610.42,-65.95 1532.67,-65.95"/>
750
+ <text xml:space="preserve" text-anchor="start" x="1536.67" y="-72.2" font-family="Helvetica,sans-Serif" font-size="9.00"> &#160;closeButtonText</text>
751
+ <polygon fill="#fafafa" stroke="none" points="1610.42,-65.95 1610.42,-83.7 1747.42,-83.7 1747.42,-65.95 1610.42,-65.95"/>
752
+ <polygon fill="none" stroke="black" points="1610.42,-65.95 1610.42,-83.7 1747.42,-83.7 1747.42,-65.95 1610.42,-65.95"/>
753
+ <text xml:space="preserve" text-anchor="start" x="1614.42" y="-72.58" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#666666">string</text>
754
+ <polygon fill="#fafafa" stroke="none" points="1532.67,-48.2 1532.67,-65.95 1610.42,-65.95 1610.42,-48.2 1532.67,-48.2"/>
755
+ <polygon fill="none" stroke="black" points="1532.67,-48.2 1532.67,-65.95 1610.42,-65.95 1610.42,-48.2 1532.67,-48.2"/>
756
+ <text xml:space="preserve" text-anchor="start" x="1536.67" y="-54.45" font-family="Helvetica,sans-Serif" font-size="9.00"> &#160;closeButtonIcon</text>
757
+ <polygon fill="#fafafa" stroke="none" points="1610.42,-48.2 1610.42,-65.95 1747.42,-65.95 1747.42,-48.2 1610.42,-48.2"/>
758
+ <polygon fill="none" stroke="black" points="1610.42,-48.2 1610.42,-65.95 1747.42,-65.95 1747.42,-48.2 1610.42,-48.2"/>
759
+ <text xml:space="preserve" text-anchor="start" x="1614.42" y="-54.83" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#666666">string</text>
760
+ <polygon fill="#f5f5f5" stroke="none" points="1532.67,-31.2 1532.67,-48.2 1747.42,-48.2 1747.42,-31.2 1532.67,-31.2"/>
761
+ <polygon fill="none" stroke="black" points="1532.67,-31.2 1532.67,-48.2 1747.42,-48.2 1747.42,-31.2 1532.67,-31.2"/>
762
+ <text xml:space="preserve" text-anchor="start" x="1536.67" y="-37.45" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#999999"> &#160;+2 more props</text>
763
+ </g>
764
+ <!-- cre8&#45;modal&#45;&gt;slot -->
765
+ <g id="edge10" class="edge">
766
+ <title>cre8&#45;modal&#45;&gt;slot:default</title>
767
+ <path fill="none" stroke="#9c27b0" stroke-dasharray="5,2" d="M1638.14,-174.56C1638.14,-513.92 1638.14,-1944 1638.14,-1944 1638.14,-1944 2295.34,-1944 2295.34,-1944"/>
768
+ <polygon fill="#9c27b0" stroke="#9c27b0" points="2305.34,-1944 2295.34,-1948.5 2301.55,-1944 2295.34,-1944 2295.34,-1944 2295.34,-1944 2301.55,-1944 2295.34,-1939.5 2305.34,-1944"/>
769
+ <text xml:space="preserve" text-anchor="middle" x="1624.26" y="-1389.08" font-family="Helvetica,sans-Serif" font-size="9.00" fill="#9c27b0">default</text>
770
+ </g>
771
+ <!-- cre8&#45;modal&#45;&gt;slot -->
772
+ <g id="edge11" class="edge">
773
+ <title>cre8&#45;modal&#45;&gt;slot:header</title>
774
+ <path fill="none" stroke="#9c27b0" stroke-dasharray="5,2" d="M1642.97,-174.44C1642.97,-513.25 1642.97,-1941 1642.97,-1941 1642.97,-1941 2295.52,-1941 2295.52,-1941"/>
775
+ <polygon fill="#9c27b0" stroke="#9c27b0" points="2305.52,-1941 2295.52,-1945.5 2301.74,-1941 2295.52,-1941 2295.52,-1941 2295.52,-1941 2301.74,-1941 2295.52,-1936.5 2305.52,-1941"/>
776
+ <text xml:space="preserve" text-anchor="middle" x="1628.35" y="-1375.45" font-family="Helvetica,sans-Serif" font-size="9.00" fill="#9c27b0">header</text>
777
+ </g>
778
+ <!-- cre8&#45;modal&#45;&gt;slot -->
779
+ <g id="edge12" class="edge">
780
+ <title>cre8&#45;modal&#45;&gt;slot:footer</title>
781
+ <path fill="none" stroke="#9c27b0" stroke-dasharray="5,2" d="M1640.56,-174.48C1640.56,-513.48 1640.56,-1942 1640.56,-1942 1640.56,-1942 2295.43,-1942 2295.43,-1942"/>
782
+ <polygon fill="#9c27b0" stroke="#9c27b0" points="2305.43,-1942 2295.43,-1946.5 2301.65,-1942 2295.43,-1942 2295.43,-1942 2295.43,-1942 2301.65,-1942 2295.43,-1937.5 2305.43,-1942"/>
783
+ <text xml:space="preserve" text-anchor="middle" x="1628.93" y="-1377.13" font-family="Helvetica,sans-Serif" font-size="9.00" fill="#9c27b0">footer</text>
784
+ </g>
785
+ <!-- cre8&#45;popover -->
786
+ <g id="node23" class="node">
787
+ <title>cre8&#45;popover</title>
788
+ <polygon fill="#f3e5f5" stroke="none" points="1421.47,-479.02 1421.47,-499.02 1635.72,-499.02 1635.72,-479.02 1421.47,-479.02"/>
789
+ <polygon fill="none" stroke="black" points="1421.47,-479.02 1421.47,-499.02 1635.72,-499.02 1635.72,-479.02 1421.47,-479.02"/>
790
+ <text xml:space="preserve" text-anchor="start" x="1425.47" y="-485.57" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="11.00" fill="#6a1b9a">cre8&#45;popover</text>
791
+ <text xml:space="preserve" text-anchor="start" x="1495.22" y="-485.57" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#888888"> &#160;[default] · [trigger] · [header] · [footer]</text>
792
+ <polygon fill="#fafafa" stroke="none" points="1421.47,-461.27 1421.47,-479.02 1551.47,-479.02 1551.47,-461.27 1421.47,-461.27"/>
793
+ <polygon fill="none" stroke="black" points="1421.47,-461.27 1421.47,-479.02 1551.47,-479.02 1551.47,-461.27 1421.47,-461.27"/>
794
+ <text xml:space="preserve" text-anchor="start" x="1425.47" y="-467.52" font-family="Helvetica,sans-Serif" font-size="9.00"> &#160;heading</text>
795
+ <polygon fill="#fafafa" stroke="none" points="1551.47,-461.27 1551.47,-479.02 1635.72,-479.02 1635.72,-461.27 1551.47,-461.27"/>
796
+ <polygon fill="none" stroke="black" points="1551.47,-461.27 1551.47,-479.02 1635.72,-479.02 1635.72,-461.27 1551.47,-461.27"/>
797
+ <text xml:space="preserve" text-anchor="start" x="1555.47" y="-467.9" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#666666">string</text>
798
+ <polygon fill="#fafafa" stroke="none" points="1421.47,-443.52 1421.47,-461.27 1551.47,-461.27 1551.47,-443.52 1421.47,-443.52"/>
799
+ <polygon fill="none" stroke="black" points="1421.47,-443.52 1421.47,-461.27 1551.47,-461.27 1551.47,-443.52 1421.47,-443.52"/>
800
+ <text xml:space="preserve" text-anchor="start" x="1425.47" y="-449.77" font-family="Helvetica,sans-Serif" font-size="9.00"> &#160;position</text>
801
+ <polygon fill="#fafafa" stroke="none" points="1551.47,-443.52 1551.47,-461.27 1635.72,-461.27 1635.72,-443.52 1551.47,-443.52"/>
802
+ <polygon fill="none" stroke="black" points="1551.47,-443.52 1551.47,-461.27 1635.72,-461.27 1635.72,-443.52 1551.47,-443.52"/>
803
+ <text xml:space="preserve" text-anchor="start" x="1555.47" y="-450.15" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#666666">string</text>
804
+ <polygon fill="#fafafa" stroke="none" points="1421.47,-425.77 1421.47,-443.52 1551.47,-443.52 1551.47,-425.77 1421.47,-425.77"/>
805
+ <polygon fill="none" stroke="black" points="1421.47,-425.77 1421.47,-443.52 1551.47,-443.52 1551.47,-425.77 1421.47,-425.77"/>
806
+ <text xml:space="preserve" text-anchor="start" x="1425.47" y="-432.02" font-family="Helvetica,sans-Serif" font-size="9.00"> &#160;isVisibleOnScroll</text>
807
+ <polygon fill="#fafafa" stroke="none" points="1551.47,-425.77 1551.47,-443.52 1635.72,-443.52 1635.72,-425.77 1551.47,-425.77"/>
808
+ <polygon fill="none" stroke="black" points="1551.47,-425.77 1551.47,-443.52 1635.72,-443.52 1635.72,-425.77 1551.47,-425.77"/>
809
+ <text xml:space="preserve" text-anchor="start" x="1555.47" y="-432.4" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#666666">boolean</text>
810
+ <polygon fill="#fafafa" stroke="none" points="1421.47,-408.02 1421.47,-425.77 1551.47,-425.77 1551.47,-408.02 1421.47,-408.02"/>
811
+ <polygon fill="none" stroke="black" points="1421.47,-408.02 1421.47,-425.77 1551.47,-425.77 1551.47,-408.02 1421.47,-408.02"/>
812
+ <text xml:space="preserve" text-anchor="start" x="1425.47" y="-414.27" font-family="Helvetica,sans-Serif" font-size="9.00"> &#160;isDynamic</text>
813
+ <polygon fill="#fafafa" stroke="none" points="1551.47,-408.02 1551.47,-425.77 1635.72,-425.77 1635.72,-408.02 1551.47,-408.02"/>
814
+ <polygon fill="none" stroke="black" points="1551.47,-408.02 1551.47,-425.77 1635.72,-425.77 1635.72,-408.02 1551.47,-408.02"/>
815
+ <text xml:space="preserve" text-anchor="start" x="1555.47" y="-414.65" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#666666">boolean</text>
816
+ <polygon fill="#fafafa" stroke="none" points="1421.47,-390.27 1421.47,-408.02 1551.47,-408.02 1551.47,-390.27 1421.47,-390.27"/>
817
+ <polygon fill="none" stroke="black" points="1421.47,-390.27 1421.47,-408.02 1551.47,-408.02 1551.47,-390.27 1421.47,-390.27"/>
818
+ <text xml:space="preserve" text-anchor="start" x="1425.47" y="-396.52" font-family="Helvetica,sans-Serif" font-size="9.00"> &#160;isActiveDynamic</text>
819
+ <polygon fill="#fafafa" stroke="none" points="1551.47,-390.27 1551.47,-408.02 1635.72,-408.02 1635.72,-390.27 1551.47,-390.27"/>
820
+ <polygon fill="none" stroke="black" points="1551.47,-390.27 1551.47,-408.02 1635.72,-408.02 1635.72,-390.27 1551.47,-390.27"/>
821
+ <text xml:space="preserve" text-anchor="start" x="1555.47" y="-396.9" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#666666">boolean</text>
822
+ <polygon fill="#fafafa" stroke="none" points="1421.47,-372.52 1421.47,-390.27 1551.47,-390.27 1551.47,-372.52 1421.47,-372.52"/>
823
+ <polygon fill="none" stroke="black" points="1421.47,-372.52 1421.47,-390.27 1551.47,-390.27 1551.47,-372.52 1421.47,-372.52"/>
824
+ <text xml:space="preserve" text-anchor="start" x="1425.47" y="-378.77" font-family="Helvetica,sans-Serif" font-size="9.00"> &#160;isActive</text>
825
+ <polygon fill="#fafafa" stroke="none" points="1551.47,-372.52 1551.47,-390.27 1635.72,-390.27 1635.72,-372.52 1551.47,-372.52"/>
826
+ <polygon fill="none" stroke="black" points="1551.47,-372.52 1551.47,-390.27 1635.72,-390.27 1635.72,-372.52 1551.47,-372.52"/>
827
+ <text xml:space="preserve" text-anchor="start" x="1555.47" y="-379.15" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#666666">boolean</text>
828
+ <polygon fill="#f5f5f5" stroke="none" points="1421.47,-355.52 1421.47,-372.52 1635.72,-372.52 1635.72,-355.52 1421.47,-355.52"/>
829
+ <polygon fill="none" stroke="black" points="1421.47,-355.52 1421.47,-372.52 1635.72,-372.52 1635.72,-355.52 1421.47,-355.52"/>
830
+ <text xml:space="preserve" text-anchor="start" x="1425.47" y="-361.77" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#999999"> &#160;+4 more props</text>
831
+ </g>
832
+ <!-- cre8&#45;popover&#45;&gt;slot -->
833
+ <g id="edge13" class="edge">
834
+ <title>cre8&#45;popover&#45;&gt;slot:default</title>
835
+ <path fill="none" stroke="#9c27b0" stroke-dasharray="5,2" d="M1619.53,-498.94C1619.53,-797.77 1619.53,-1929 1619.53,-1929 1619.53,-1929 2295.48,-1929 2295.48,-1929"/>
836
+ <polygon fill="#9c27b0" stroke="#9c27b0" points="2305.48,-1929 2295.48,-1933.5 2301.7,-1929 2295.48,-1929 2295.48,-1929 2295.48,-1929 2301.7,-1929 2295.48,-1924.5 2305.48,-1929"/>
837
+ <text xml:space="preserve" text-anchor="middle" x="1605.66" y="-1543.4" font-family="Helvetica,sans-Serif" font-size="9.00" fill="#9c27b0">default</text>
838
+ </g>
839
+ <!-- cre8&#45;popover&#45;&gt;slot -->
840
+ <g id="edge14" class="edge">
841
+ <title>cre8&#45;popover&#45;&gt;slot:trigger</title>
842
+ <path fill="none" stroke="#9c27b0" stroke-dasharray="5,2" d="M1624.93,-498.9C1624.93,-797.52 1624.93,-1928 1624.93,-1928 1624.93,-1928 2295.26,-1928 2295.26,-1928"/>
843
+ <polygon fill="#9c27b0" stroke="#9c27b0" points="2305.26,-1928 2295.26,-1932.5 2301.48,-1928 2295.26,-1928 2295.26,-1928 2295.26,-1928 2301.48,-1928 2295.26,-1923.5 2305.26,-1928"/>
844
+ <text xml:space="preserve" text-anchor="middle" x="1611.8" y="-1540.06" font-family="Helvetica,sans-Serif" font-size="9.00" fill="#9c27b0">trigger</text>
845
+ </g>
846
+ <!-- cre8&#45;popover&#45;&gt;slot -->
847
+ <g id="edge15" class="edge">
848
+ <title>cre8&#45;popover&#45;&gt;slot:header</title>
849
+ <path fill="none" stroke="#9c27b0" stroke-dasharray="5,2" d="M1614.14,-498.79C1614.14,-797.63 1614.14,-1931 1614.14,-1931 1614.14,-1931 2295.28,-1931 2295.28,-1931"/>
850
+ <polygon fill="#9c27b0" stroke="#9c27b0" points="2305.28,-1931 2295.28,-1935.5 2301.5,-1931 2295.28,-1931 2295.28,-1931 2295.28,-1931 2301.5,-1931 2295.28,-1926.5 2305.28,-1931"/>
851
+ <text xml:space="preserve" text-anchor="middle" x="1599.51" y="-1556.67" font-family="Helvetica,sans-Serif" font-size="9.00" fill="#9c27b0">header</text>
852
+ </g>
853
+ <!-- cre8&#45;popover&#45;&gt;slot -->
854
+ <g id="edge16" class="edge">
855
+ <title>cre8&#45;popover&#45;&gt;slot:footer</title>
856
+ <path fill="none" stroke="#9c27b0" stroke-dasharray="5,2" d="M1630.33,-498.85C1630.33,-797.28 1630.33,-1927 1630.33,-1927 1630.33,-1927 2295.46,-1927 2295.46,-1927"/>
857
+ <polygon fill="#9c27b0" stroke="#9c27b0" points="2305.46,-1927 2295.46,-1931.5 2301.68,-1927 2295.46,-1927 2295.46,-1927 2295.46,-1927 2301.68,-1927 2295.46,-1922.5 2305.46,-1927"/>
858
+ <text xml:space="preserve" text-anchor="middle" x="1618.7" y="-1536.94" font-family="Helvetica,sans-Serif" font-size="9.00" fill="#9c27b0">footer</text>
859
+ </g>
860
+ <!-- cre8&#45;submenu -->
861
+ <g id="node24" class="node">
862
+ <title>cre8&#45;submenu</title>
863
+ <polygon fill="#f3e5f5" stroke="none" points="1377.1,-16 1377.1,-36 1492.35,-36 1492.35,-16 1377.1,-16"/>
864
+ <polygon fill="none" stroke="black" points="1377.1,-16 1377.1,-36 1492.35,-36 1492.35,-16 1377.1,-16"/>
865
+ <text xml:space="preserve" text-anchor="start" x="1381.1" y="-22.55" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="11.00" fill="#6a1b9a">cre8&#45;submenu</text>
866
+ <text xml:space="preserve" text-anchor="start" x="1456.1" y="-22.55" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#888888"> &#160;children</text>
867
+ </g>
868
+ <!-- cre8&#45;submenu&#45;item -->
869
+ <g id="node25" class="node">
870
+ <title>cre8&#45;submenu&#45;item</title>
871
+ <polygon fill="#f3e5f5" stroke="none" points="1377.98,-117.88 1377.98,-137.88 1519.48,-137.88 1519.48,-117.88 1377.98,-117.88"/>
872
+ <polygon fill="none" stroke="black" points="1377.98,-117.88 1377.98,-137.88 1519.48,-137.88 1519.48,-117.88 1377.98,-117.88"/>
873
+ <text xml:space="preserve" text-anchor="start" x="1381.98" y="-124.42" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="11.00" fill="#6a1b9a">cre8&#45;submenu&#45;item</text>
874
+ <text xml:space="preserve" text-anchor="start" x="1483.23" y="-124.42" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#888888"> &#160;children</text>
875
+ <polygon fill="#fafafa" stroke="none" points="1377.98,-100.12 1377.98,-117.88 1449.1,-117.88 1449.1,-100.12 1377.98,-100.12"/>
876
+ <polygon fill="none" stroke="black" points="1377.98,-100.12 1377.98,-117.88 1449.1,-117.88 1449.1,-100.12 1377.98,-100.12"/>
877
+ <text xml:space="preserve" text-anchor="start" x="1381.98" y="-106.38" font-family="Helvetica,sans-Serif" font-size="9.00"> &#160;href</text>
878
+ <polygon fill="#fafafa" stroke="none" points="1449.1,-100.12 1449.1,-117.88 1519.48,-117.88 1519.48,-100.12 1449.1,-100.12"/>
879
+ <polygon fill="none" stroke="black" points="1449.1,-100.12 1449.1,-117.88 1519.48,-117.88 1519.48,-100.12 1449.1,-100.12"/>
880
+ <text xml:space="preserve" text-anchor="start" x="1453.1" y="-106.75" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#666666">string</text>
881
+ </g>
882
+ <!-- cre8&#45;tooltip -->
883
+ <g id="node26" class="node">
884
+ <title>cre8&#45;tooltip</title>
885
+ <polygon fill="#f3e5f5" stroke="none" points="1377.56,-306.31 1377.56,-326.31 1547.31,-326.31 1547.31,-306.31 1377.56,-306.31"/>
886
+ <polygon fill="none" stroke="black" points="1377.56,-306.31 1377.56,-326.31 1547.31,-326.31 1547.31,-306.31 1377.56,-306.31"/>
887
+ <text xml:space="preserve" text-anchor="start" x="1381.56" y="-312.86" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="11.00" fill="#6a1b9a">cre8&#45;tooltip</text>
888
+ <text xml:space="preserve" text-anchor="start" x="1441.56" y="-312.86" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#888888"> &#160;[default] · [trigger]</text>
889
+ <polygon fill="#fafafa" stroke="none" points="1377.56,-288.56 1377.56,-306.31 1457.56,-306.31 1457.56,-288.56 1377.56,-288.56"/>
890
+ <polygon fill="none" stroke="black" points="1377.56,-288.56 1377.56,-306.31 1457.56,-306.31 1457.56,-288.56 1377.56,-288.56"/>
891
+ <text xml:space="preserve" text-anchor="start" x="1381.56" y="-294.81" font-family="Helvetica,sans-Serif" font-size="9.00"> &#160;position</text>
892
+ <polygon fill="#fafafa" stroke="none" points="1457.56,-288.56 1457.56,-306.31 1547.31,-306.31 1547.31,-288.56 1457.56,-288.56"/>
893
+ <polygon fill="none" stroke="black" points="1457.56,-288.56 1457.56,-306.31 1547.31,-306.31 1547.31,-288.56 1457.56,-288.56"/>
894
+ <text xml:space="preserve" text-anchor="start" x="1461.56" y="-295.18" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#666666">default | top | left | right</text>
895
+ <polygon fill="#fafafa" stroke="none" points="1377.56,-270.81 1377.56,-288.56 1457.56,-288.56 1457.56,-270.81 1377.56,-270.81"/>
896
+ <polygon fill="none" stroke="black" points="1377.56,-270.81 1377.56,-288.56 1457.56,-288.56 1457.56,-270.81 1377.56,-270.81"/>
897
+ <text xml:space="preserve" text-anchor="start" x="1381.56" y="-277.06" font-family="Helvetica,sans-Serif" font-size="9.00"> &#160;knockout</text>
898
+ <polygon fill="#fafafa" stroke="none" points="1457.56,-270.81 1457.56,-288.56 1547.31,-288.56 1547.31,-270.81 1457.56,-270.81"/>
899
+ <polygon fill="none" stroke="black" points="1457.56,-270.81 1457.56,-288.56 1547.31,-288.56 1547.31,-270.81 1457.56,-270.81"/>
900
+ <text xml:space="preserve" text-anchor="start" x="1461.56" y="-277.43" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#666666">boolean</text>
901
+ <polygon fill="#fafafa" stroke="none" points="1377.56,-253.06 1377.56,-270.81 1457.56,-270.81 1457.56,-253.06 1377.56,-253.06"/>
902
+ <polygon fill="none" stroke="black" points="1377.56,-253.06 1377.56,-270.81 1457.56,-270.81 1457.56,-253.06 1377.56,-253.06"/>
903
+ <text xml:space="preserve" text-anchor="start" x="1381.56" y="-259.31" font-family="Helvetica,sans-Serif" font-size="9.00"> &#160;svg</text>
904
+ <polygon fill="#fafafa" stroke="none" points="1457.56,-253.06 1457.56,-270.81 1547.31,-270.81 1547.31,-253.06 1457.56,-253.06"/>
905
+ <polygon fill="none" stroke="black" points="1457.56,-253.06 1457.56,-270.81 1547.31,-270.81 1547.31,-253.06 1457.56,-253.06"/>
906
+ <text xml:space="preserve" text-anchor="start" x="1461.56" y="-259.68" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#666666">string</text>
907
+ <polygon fill="#fafafa" stroke="none" points="1377.56,-235.31 1377.56,-253.06 1457.56,-253.06 1457.56,-235.31 1377.56,-235.31"/>
908
+ <polygon fill="none" stroke="black" points="1377.56,-235.31 1377.56,-253.06 1457.56,-253.06 1457.56,-235.31 1377.56,-235.31"/>
909
+ <text xml:space="preserve" text-anchor="start" x="1381.56" y="-241.56" font-family="Helvetica,sans-Serif" font-size="9.00"> &#160;isDynamic</text>
910
+ <polygon fill="#fafafa" stroke="none" points="1457.56,-235.31 1457.56,-253.06 1547.31,-253.06 1547.31,-235.31 1457.56,-235.31"/>
911
+ <polygon fill="none" stroke="black" points="1457.56,-235.31 1457.56,-253.06 1547.31,-253.06 1547.31,-235.31 1457.56,-235.31"/>
912
+ <text xml:space="preserve" text-anchor="start" x="1461.56" y="-241.93" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#666666">boolean</text>
913
+ <polygon fill="#fafafa" stroke="none" points="1377.56,-217.56 1377.56,-235.31 1457.56,-235.31 1457.56,-217.56 1377.56,-217.56"/>
914
+ <polygon fill="none" stroke="black" points="1377.56,-217.56 1377.56,-235.31 1457.56,-235.31 1457.56,-217.56 1377.56,-217.56"/>
915
+ <text xml:space="preserve" text-anchor="start" x="1381.56" y="-223.81" font-family="Helvetica,sans-Serif" font-size="9.00"> &#160;isActiveDynamic</text>
916
+ <polygon fill="#fafafa" stroke="none" points="1457.56,-217.56 1457.56,-235.31 1547.31,-235.31 1547.31,-217.56 1457.56,-217.56"/>
917
+ <polygon fill="none" stroke="black" points="1457.56,-217.56 1457.56,-235.31 1547.31,-235.31 1547.31,-217.56 1457.56,-217.56"/>
918
+ <text xml:space="preserve" text-anchor="start" x="1461.56" y="-224.18" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#666666">boolean</text>
919
+ <polygon fill="#fafafa" stroke="none" points="1377.56,-199.81 1377.56,-217.56 1457.56,-217.56 1457.56,-199.81 1377.56,-199.81"/>
920
+ <polygon fill="none" stroke="black" points="1377.56,-199.81 1377.56,-217.56 1457.56,-217.56 1457.56,-199.81 1377.56,-199.81"/>
921
+ <text xml:space="preserve" text-anchor="start" x="1381.56" y="-206.06" font-family="Helvetica,sans-Serif" font-size="9.00"> &#160;isActive</text>
922
+ <polygon fill="#fafafa" stroke="none" points="1457.56,-199.81 1457.56,-217.56 1547.31,-217.56 1547.31,-199.81 1457.56,-199.81"/>
923
+ <polygon fill="none" stroke="black" points="1457.56,-199.81 1457.56,-217.56 1547.31,-217.56 1547.31,-199.81 1457.56,-199.81"/>
924
+ <text xml:space="preserve" text-anchor="start" x="1461.56" y="-206.43" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#666666">boolean</text>
925
+ <polygon fill="#f5f5f5" stroke="none" points="1377.56,-182.81 1377.56,-199.81 1547.31,-199.81 1547.31,-182.81 1377.56,-182.81"/>
926
+ <polygon fill="none" stroke="black" points="1377.56,-182.81 1377.56,-199.81 1547.31,-199.81 1547.31,-182.81 1377.56,-182.81"/>
927
+ <text xml:space="preserve" text-anchor="start" x="1381.56" y="-189.06" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#999999"> &#160;+5 more props</text>
928
+ </g>
929
+ <!-- cre8&#45;tooltip&#45;&gt;slot -->
930
+ <g id="edge17" class="edge">
931
+ <title>cre8&#45;tooltip&#45;&gt;slot:default</title>
932
+ <path fill="none" stroke="#9c27b0" stroke-dasharray="5,2" d="M1547.22,-300C1595.08,-300 1645.39,-300 1645.39,-300 1645.39,-300 1645.39,-1926 1645.39,-1926 1645.39,-1926 2295.19,-1926 2295.19,-1926"/>
933
+ <polygon fill="#9c27b0" stroke="#9c27b0" points="2305.19,-1926 2295.19,-1930.5 2301.41,-1926 2295.19,-1926 2295.19,-1926 2295.19,-1926 2301.41,-1926 2295.19,-1921.5 2305.19,-1926"/>
934
+ <text xml:space="preserve" text-anchor="middle" x="1631.52" y="-1390.02" font-family="Helvetica,sans-Serif" font-size="9.00" fill="#9c27b0">default</text>
935
+ </g>
936
+ <!-- cre8&#45;tooltip&#45;&gt;slot -->
937
+ <g id="edge18" class="edge">
938
+ <title>cre8&#45;tooltip&#45;&gt;slot:trigger</title>
939
+ <path fill="none" stroke="#9c27b0" stroke-dasharray="5,2" d="M1547.25,-274C1596.06,-274 1647.81,-274 1647.81,-274 1647.81,-274 1647.81,-1925 1647.81,-1925 1647.81,-1925 2295.29,-1925 2295.29,-1925"/>
940
+ <polygon fill="#9c27b0" stroke="#9c27b0" points="2305.29,-1925 2295.29,-1929.5 2301.51,-1925 2295.29,-1925 2295.29,-1925 2295.29,-1925 2301.51,-1925 2295.29,-1920.5 2305.29,-1925"/>
941
+ <text xml:space="preserve" text-anchor="middle" x="1634.68" y="-1374.16" font-family="Helvetica,sans-Serif" font-size="9.00" fill="#9c27b0">trigger</text>
942
+ </g>
943
+ <!-- cre8&#45;alert -->
944
+ <g id="node27" class="node">
945
+ <title>cre8&#45;alert</title>
946
+ <polygon fill="#fff3e0" stroke="none" points="1300.83,-3912.63 1300.83,-3932.63 1528.33,-3932.63 1528.33,-3912.63 1300.83,-3912.63"/>
947
+ <polygon fill="none" stroke="black" points="1300.83,-3912.63 1300.83,-3932.63 1528.33,-3932.63 1528.33,-3912.63 1300.83,-3912.63"/>
948
+ <text xml:space="preserve" text-anchor="start" x="1304.83" y="-3919.18" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="11.00" fill="#e65100">cre8&#45;alert</text>
949
+ <text xml:space="preserve" text-anchor="start" x="1354.33" y="-3919.18" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#888888"> &#160;[default] · [cta]</text>
950
+ <polygon fill="#fafafa" stroke="none" points="1300.83,-3894.88 1300.83,-3912.63 1354.58,-3912.63 1354.58,-3894.88 1300.83,-3894.88"/>
951
+ <polygon fill="none" stroke="black" points="1300.83,-3894.88 1300.83,-3912.63 1354.58,-3912.63 1354.58,-3894.88 1300.83,-3894.88"/>
952
+ <text xml:space="preserve" text-anchor="start" x="1304.83" y="-3901.13" font-family="Helvetica,sans-Serif" font-size="9.00"> &#160;status</text>
953
+ <polygon fill="#fafafa" stroke="none" points="1354.58,-3894.88 1354.58,-3912.63 1528.33,-3912.63 1528.33,-3894.88 1354.58,-3894.88"/>
954
+ <polygon fill="none" stroke="black" points="1354.58,-3894.88 1354.58,-3912.63 1528.33,-3912.63 1528.33,-3894.88 1354.58,-3894.88"/>
955
+ <text xml:space="preserve" text-anchor="start" x="1358.58" y="-3901.5" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#666666">error | info | notification | neutral | warning (+1)</text>
956
+ <polygon fill="#fafafa" stroke="none" points="1300.83,-3877.13 1300.83,-3894.88 1354.58,-3894.88 1354.58,-3877.13 1300.83,-3877.13"/>
957
+ <polygon fill="none" stroke="black" points="1300.83,-3877.13 1300.83,-3894.88 1354.58,-3894.88 1354.58,-3877.13 1300.83,-3877.13"/>
958
+ <text xml:space="preserve" text-anchor="start" x="1304.83" y="-3883.38" font-family="Helvetica,sans-Serif" font-size="9.00"> &#160;variant</text>
959
+ <polygon fill="#fafafa" stroke="none" points="1354.58,-3877.13 1354.58,-3894.88 1528.33,-3894.88 1528.33,-3877.13 1354.58,-3877.13"/>
960
+ <polygon fill="none" stroke="black" points="1354.58,-3877.13 1354.58,-3894.88 1528.33,-3894.88 1528.33,-3877.13 1354.58,-3877.13"/>
961
+ <text xml:space="preserve" text-anchor="start" x="1358.58" y="-3883.75" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#666666">standalone | banner</text>
962
+ <polygon fill="#fafafa" stroke="none" points="1300.83,-3859.38 1300.83,-3877.13 1354.58,-3877.13 1354.58,-3859.38 1300.83,-3859.38"/>
963
+ <polygon fill="none" stroke="black" points="1300.83,-3859.38 1300.83,-3877.13 1354.58,-3877.13 1354.58,-3859.38 1300.83,-3859.38"/>
964
+ <text xml:space="preserve" text-anchor="start" x="1304.83" y="-3865.63" font-family="Helvetica,sans-Serif" font-size="9.00"> &#160;emphasis</text>
965
+ <polygon fill="#fafafa" stroke="none" points="1354.58,-3859.38 1354.58,-3877.13 1528.33,-3877.13 1528.33,-3859.38 1354.58,-3859.38"/>
966
+ <polygon fill="none" stroke="black" points="1354.58,-3859.38 1354.58,-3877.13 1528.33,-3877.13 1528.33,-3859.38 1354.58,-3859.38"/>
967
+ <text xml:space="preserve" text-anchor="start" x="1358.58" y="-3866" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#666666">subtle | strong</text>
968
+ <polygon fill="#fafafa" stroke="none" points="1300.83,-3841.63 1300.83,-3859.38 1354.58,-3859.38 1354.58,-3841.63 1300.83,-3841.63"/>
969
+ <polygon fill="none" stroke="black" points="1300.83,-3841.63 1300.83,-3859.38 1354.58,-3859.38 1354.58,-3841.63 1300.83,-3841.63"/>
970
+ <text xml:space="preserve" text-anchor="start" x="1304.83" y="-3847.88" font-family="Helvetica,sans-Serif" font-size="9.00"> &#160;dismissed</text>
971
+ <polygon fill="#fafafa" stroke="none" points="1354.58,-3841.63 1354.58,-3859.38 1528.33,-3859.38 1528.33,-3841.63 1354.58,-3841.63"/>
972
+ <polygon fill="none" stroke="black" points="1354.58,-3841.63 1354.58,-3859.38 1528.33,-3859.38 1528.33,-3841.63 1354.58,-3841.63"/>
973
+ <text xml:space="preserve" text-anchor="start" x="1358.58" y="-3848.25" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#666666">boolean</text>
974
+ <polygon fill="#fafafa" stroke="none" points="1300.83,-3823.88 1300.83,-3841.63 1354.58,-3841.63 1354.58,-3823.88 1300.83,-3823.88"/>
975
+ <polygon fill="none" stroke="black" points="1300.83,-3823.88 1300.83,-3841.63 1354.58,-3841.63 1354.58,-3823.88 1300.83,-3823.88"/>
976
+ <text xml:space="preserve" text-anchor="start" x="1304.83" y="-3830.13" font-family="Helvetica,sans-Serif" font-size="9.00"> &#160;iconAlert</text>
977
+ <polygon fill="#fafafa" stroke="none" points="1354.58,-3823.88 1354.58,-3841.63 1528.33,-3841.63 1528.33,-3823.88 1354.58,-3823.88"/>
978
+ <polygon fill="none" stroke="black" points="1354.58,-3823.88 1354.58,-3841.63 1528.33,-3841.63 1528.33,-3823.88 1354.58,-3823.88"/>
979
+ <text xml:space="preserve" text-anchor="start" x="1358.58" y="-3830.5" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#666666">string</text>
980
+ <polygon fill="#fafafa" stroke="none" points="1300.83,-3806.13 1300.83,-3823.88 1354.58,-3823.88 1354.58,-3806.13 1300.83,-3806.13"/>
981
+ <polygon fill="none" stroke="black" points="1300.83,-3806.13 1300.83,-3823.88 1354.58,-3823.88 1354.58,-3806.13 1300.83,-3806.13"/>
982
+ <text xml:space="preserve" text-anchor="start" x="1304.83" y="-3812.38" font-family="Helvetica,sans-Serif" font-size="9.00"> &#160;iconTitle</text>
983
+ <polygon fill="#fafafa" stroke="none" points="1354.58,-3806.13 1354.58,-3823.88 1528.33,-3823.88 1528.33,-3806.13 1354.58,-3806.13"/>
984
+ <polygon fill="none" stroke="black" points="1354.58,-3806.13 1354.58,-3823.88 1528.33,-3823.88 1528.33,-3806.13 1354.58,-3806.13"/>
985
+ <text xml:space="preserve" text-anchor="start" x="1358.58" y="-3812.75" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#666666">string</text>
986
+ <polygon fill="#f5f5f5" stroke="none" points="1300.83,-3789.13 1300.83,-3806.13 1528.33,-3806.13 1528.33,-3789.13 1300.83,-3789.13"/>
987
+ <polygon fill="none" stroke="black" points="1300.83,-3789.13 1300.83,-3806.13 1528.33,-3806.13 1528.33,-3789.13 1300.83,-3789.13"/>
988
+ <text xml:space="preserve" text-anchor="start" x="1304.83" y="-3795.38" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#999999"> &#160;+3 more props</text>
989
+ </g>
990
+ <!-- cre8&#45;alert&#45;&gt;slot -->
991
+ <g id="edge19" class="edge">
992
+ <title>cre8&#45;alert&#45;&gt;slot:default</title>
993
+ <path fill="none" stroke="#9c27b0" stroke-dasharray="5,2" d="M1408.95,-3789.13C1408.95,-3441.51 1408.95,-1949 1408.95,-1949 1408.95,-1949 2295.25,-1949 2295.25,-1949"/>
994
+ <polygon fill="#9c27b0" stroke="#9c27b0" points="2305.25,-1949 2295.25,-1953.5 2301.47,-1949 2295.25,-1949 2295.25,-1949 2295.25,-1949 2301.47,-1949 2295.25,-1944.5 2305.25,-1949"/>
995
+ <text xml:space="preserve" text-anchor="middle" x="1395.08" y="-2427.12" font-family="Helvetica,sans-Serif" font-size="9.00" fill="#9c27b0">default</text>
996
+ </g>
997
+ <!-- cre8&#45;alert&#45;&gt;slot -->
998
+ <g id="edge20" class="edge">
999
+ <title>cre8&#45;alert&#45;&gt;slot:cta</title>
1000
+ <path fill="none" stroke="#9c27b0" stroke-dasharray="5,2" d="M1419.26,-3789.17C1419.26,-3441.73 1419.26,-1950 1419.26,-1950 1419.26,-1950 2295.3,-1950 2295.3,-1950"/>
1001
+ <polygon fill="#9c27b0" stroke="#9c27b0" points="2305.3,-1950 2295.3,-1954.5 2301.52,-1950 2295.3,-1950 2295.3,-1950 2295.3,-1950 2301.52,-1950 2295.3,-1945.5 2305.3,-1950"/>
1002
+ <text xml:space="preserve" text-anchor="middle" x="1413.26" y="-2432.76" font-family="Helvetica,sans-Serif" font-size="9.00" fill="#9c27b0">cta</text>
1003
+ </g>
1004
+ <!-- cre8&#45;badge -->
1005
+ <g id="node28" class="node">
1006
+ <title>cre8&#45;badge</title>
1007
+ <polygon fill="#fff3e0" stroke="none" points="1241.65,-4040.39 1241.65,-4060.39 1309.4,-4060.39 1309.4,-4040.39 1241.65,-4040.39"/>
1008
+ <polygon fill="none" stroke="black" points="1241.65,-4040.39 1241.65,-4060.39 1309.4,-4060.39 1309.4,-4040.39 1241.65,-4040.39"/>
1009
+ <text xml:space="preserve" text-anchor="start" x="1245.65" y="-4046.94" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="11.00" fill="#e65100">cre8&#45;badge</text>
1010
+ <polygon fill="#fafafa" stroke="none" points="1241.65,-4022.64 1241.65,-4040.39 1281.9,-4040.39 1281.9,-4022.64 1241.65,-4022.64"/>
1011
+ <polygon fill="none" stroke="black" points="1241.65,-4022.64 1241.65,-4040.39 1281.9,-4040.39 1281.9,-4022.64 1241.65,-4022.64"/>
1012
+ <text xml:space="preserve" text-anchor="start" x="1245.65" y="-4028.89" font-family="Helvetica,sans-Serif" font-size="9.00"> &#160;text</text>
1013
+ <polygon fill="#fafafa" stroke="none" points="1281.9,-4022.64 1281.9,-4040.39 1309.4,-4040.39 1309.4,-4022.64 1281.9,-4022.64"/>
1014
+ <polygon fill="none" stroke="black" points="1281.9,-4022.64 1281.9,-4040.39 1309.4,-4040.39 1309.4,-4022.64 1281.9,-4022.64"/>
1015
+ <text xml:space="preserve" text-anchor="start" x="1285.9" y="-4029.27" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#666666">string</text>
1016
+ <polygon fill="#fafafa" stroke="none" points="1241.65,-4004.89 1241.65,-4022.64 1281.9,-4022.64 1281.9,-4004.89 1241.65,-4004.89"/>
1017
+ <polygon fill="none" stroke="black" points="1241.65,-4004.89 1241.65,-4022.64 1281.9,-4022.64 1281.9,-4004.89 1241.65,-4004.89"/>
1018
+ <text xml:space="preserve" text-anchor="start" x="1245.65" y="-4011.14" font-family="Helvetica,sans-Serif" font-size="9.00"> &#160;status</text>
1019
+ <polygon fill="#fafafa" stroke="none" points="1281.9,-4004.89 1281.9,-4022.64 1309.4,-4022.64 1309.4,-4004.89 1281.9,-4004.89"/>
1020
+ <polygon fill="none" stroke="black" points="1281.9,-4004.89 1281.9,-4022.64 1309.4,-4022.64 1309.4,-4004.89 1281.9,-4004.89"/>
1021
+ <text xml:space="preserve" text-anchor="start" x="1285.9" y="-4011.52" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#666666">string</text>
1022
+ <polygon fill="#fafafa" stroke="none" points="1241.65,-3987.14 1241.65,-4004.89 1281.9,-4004.89 1281.9,-3987.14 1241.65,-3987.14"/>
1023
+ <polygon fill="none" stroke="black" points="1241.65,-3987.14 1241.65,-4004.89 1281.9,-4004.89 1281.9,-3987.14 1241.65,-3987.14"/>
1024
+ <text xml:space="preserve" text-anchor="start" x="1245.65" y="-3993.39" font-family="Helvetica,sans-Serif" font-size="9.00"> &#160;variant</text>
1025
+ <polygon fill="#fafafa" stroke="none" points="1281.9,-3987.14 1281.9,-4004.89 1309.4,-4004.89 1309.4,-3987.14 1281.9,-3987.14"/>
1026
+ <polygon fill="none" stroke="black" points="1281.9,-3987.14 1281.9,-4004.89 1309.4,-4004.89 1309.4,-3987.14 1281.9,-3987.14"/>
1027
+ <text xml:space="preserve" text-anchor="start" x="1285.9" y="-3993.77" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#666666">string</text>
1028
+ <polygon fill="#fafafa" stroke="none" points="1241.65,-3969.39 1241.65,-3987.14 1281.9,-3987.14 1281.9,-3969.39 1241.65,-3969.39"/>
1029
+ <polygon fill="none" stroke="black" points="1241.65,-3969.39 1241.65,-3987.14 1281.9,-3987.14 1281.9,-3969.39 1241.65,-3969.39"/>
1030
+ <text xml:space="preserve" text-anchor="start" x="1245.65" y="-3975.64" font-family="Helvetica,sans-Serif" font-size="9.00"> &#160;svg</text>
1031
+ <polygon fill="#fafafa" stroke="none" points="1281.9,-3969.39 1281.9,-3987.14 1309.4,-3987.14 1309.4,-3969.39 1281.9,-3969.39"/>
1032
+ <polygon fill="none" stroke="black" points="1281.9,-3969.39 1281.9,-3987.14 1309.4,-3987.14 1309.4,-3969.39 1281.9,-3969.39"/>
1033
+ <text xml:space="preserve" text-anchor="start" x="1285.9" y="-3976.02" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#666666">string</text>
1034
+ </g>
1035
+ <!-- cre8&#45;inline&#45;alert -->
1036
+ <g id="node29" class="node">
1037
+ <title>cre8&#45;inline&#45;alert</title>
1038
+ <polygon fill="#fff3e0" stroke="none" points="1526.28,-4058.27 1526.28,-4078.27 1744.78,-4078.27 1744.78,-4058.27 1526.28,-4058.27"/>
1039
+ <polygon fill="none" stroke="black" points="1526.28,-4058.27 1526.28,-4078.27 1744.78,-4078.27 1744.78,-4058.27 1526.28,-4058.27"/>
1040
+ <text xml:space="preserve" text-anchor="start" x="1530.28" y="-4064.82" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="11.00" fill="#e65100">cre8&#45;inline&#45;alert</text>
1041
+ <text xml:space="preserve" text-anchor="start" x="1612.03" y="-4064.82" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#888888"> &#160;children</text>
1042
+ <polygon fill="#fafafa" stroke="none" points="1526.28,-4040.52 1526.28,-4058.27 1580.78,-4058.27 1580.78,-4040.52 1526.28,-4040.52"/>
1043
+ <polygon fill="none" stroke="black" points="1526.28,-4040.52 1526.28,-4058.27 1580.78,-4058.27 1580.78,-4040.52 1526.28,-4040.52"/>
1044
+ <text xml:space="preserve" text-anchor="start" x="1530.28" y="-4046.77" font-family="Helvetica,sans-Serif" font-size="9.00"> &#160;variant</text>
1045
+ <polygon fill="#fafafa" stroke="none" points="1580.78,-4040.52 1580.78,-4058.27 1744.78,-4058.27 1744.78,-4040.52 1580.78,-4040.52"/>
1046
+ <polygon fill="none" stroke="black" points="1580.78,-4040.52 1580.78,-4058.27 1744.78,-4058.27 1744.78,-4040.52 1580.78,-4040.52"/>
1047
+ <text xml:space="preserve" text-anchor="start" x="1584.78" y="-4047.14" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#666666">subtle | transparent</text>
1048
+ <polygon fill="#fafafa" stroke="none" points="1526.28,-4022.77 1526.28,-4040.52 1580.78,-4040.52 1580.78,-4022.77 1526.28,-4022.77"/>
1049
+ <polygon fill="none" stroke="black" points="1526.28,-4022.77 1526.28,-4040.52 1580.78,-4040.52 1580.78,-4022.77 1526.28,-4022.77"/>
1050
+ <text xml:space="preserve" text-anchor="start" x="1530.28" y="-4029.02" font-family="Helvetica,sans-Serif" font-size="9.00"> &#160;status</text>
1051
+ <polygon fill="#fafafa" stroke="none" points="1580.78,-4022.77 1580.78,-4040.52 1744.78,-4040.52 1744.78,-4022.77 1580.78,-4022.77"/>
1052
+ <polygon fill="none" stroke="black" points="1580.78,-4022.77 1580.78,-4040.52 1744.78,-4040.52 1744.78,-4022.77 1580.78,-4022.77"/>
1053
+ <text xml:space="preserve" text-anchor="start" x="1584.78" y="-4029.39" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#666666">error | info | neutral | warning | success (+2)</text>
1054
+ <polygon fill="#fafafa" stroke="none" points="1526.28,-4005.02 1526.28,-4022.77 1580.78,-4022.77 1580.78,-4005.02 1526.28,-4005.02"/>
1055
+ <polygon fill="none" stroke="black" points="1526.28,-4005.02 1526.28,-4022.77 1580.78,-4022.77 1580.78,-4005.02 1526.28,-4005.02"/>
1056
+ <text xml:space="preserve" text-anchor="start" x="1530.28" y="-4011.27" font-family="Helvetica,sans-Serif" font-size="9.00"> &#160;iconName</text>
1057
+ <polygon fill="#fafafa" stroke="none" points="1580.78,-4005.02 1580.78,-4022.77 1744.78,-4022.77 1744.78,-4005.02 1580.78,-4005.02"/>
1058
+ <polygon fill="none" stroke="black" points="1580.78,-4005.02 1580.78,-4022.77 1744.78,-4022.77 1744.78,-4005.02 1580.78,-4005.02"/>
1059
+ <text xml:space="preserve" text-anchor="start" x="1584.78" y="-4011.64" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#666666">string</text>
1060
+ <polygon fill="#fafafa" stroke="none" points="1526.28,-3987.27 1526.28,-4005.02 1580.78,-4005.02 1580.78,-3987.27 1526.28,-3987.27"/>
1061
+ <polygon fill="none" stroke="black" points="1526.28,-3987.27 1526.28,-4005.02 1580.78,-4005.02 1580.78,-3987.27 1526.28,-3987.27"/>
1062
+ <text xml:space="preserve" text-anchor="start" x="1530.28" y="-3993.52" font-family="Helvetica,sans-Serif" font-size="9.00"> &#160;fullWidth</text>
1063
+ <polygon fill="#fafafa" stroke="none" points="1580.78,-3987.27 1580.78,-4005.02 1744.78,-4005.02 1744.78,-3987.27 1580.78,-3987.27"/>
1064
+ <polygon fill="none" stroke="black" points="1580.78,-3987.27 1580.78,-4005.02 1744.78,-4005.02 1744.78,-3987.27 1580.78,-3987.27"/>
1065
+ <text xml:space="preserve" text-anchor="start" x="1584.78" y="-3993.89" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#666666">boolean</text>
1066
+ <polygon fill="#fafafa" stroke="none" points="1526.28,-3969.52 1526.28,-3987.27 1580.78,-3987.27 1580.78,-3969.52 1526.28,-3969.52"/>
1067
+ <polygon fill="none" stroke="black" points="1526.28,-3969.52 1526.28,-3987.27 1580.78,-3987.27 1580.78,-3969.52 1526.28,-3969.52"/>
1068
+ <text xml:space="preserve" text-anchor="start" x="1530.28" y="-3975.77" font-family="Helvetica,sans-Serif" font-size="9.00"> &#160;iconTitle</text>
1069
+ <polygon fill="#fafafa" stroke="none" points="1580.78,-3969.52 1580.78,-3987.27 1744.78,-3987.27 1744.78,-3969.52 1580.78,-3969.52"/>
1070
+ <polygon fill="none" stroke="black" points="1580.78,-3969.52 1580.78,-3987.27 1744.78,-3987.27 1744.78,-3969.52 1580.78,-3969.52"/>
1071
+ <text xml:space="preserve" text-anchor="start" x="1584.78" y="-3976.14" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#666666">string</text>
1072
+ </g>
1073
+ <!-- cre8&#45;loading&#45;spinner -->
1074
+ <g id="node30" class="node">
1075
+ <title>cre8&#45;loading&#45;spinner</title>
1076
+ <polygon fill="#fff3e0" stroke="none" points="1556.15,-3852.64 1556.15,-3872.64 1672.9,-3872.64 1672.9,-3852.64 1556.15,-3852.64"/>
1077
+ <polygon fill="none" stroke="black" points="1556.15,-3852.64 1556.15,-3872.64 1672.9,-3872.64 1672.9,-3852.64 1556.15,-3852.64"/>
1078
+ <text xml:space="preserve" text-anchor="start" x="1560.15" y="-3859.19" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="11.00" fill="#e65100">cre8&#45;loading&#45;spinner</text>
1079
+ <polygon fill="#fafafa" stroke="none" points="1556.15,-3834.89 1556.15,-3852.64 1619.78,-3852.64 1619.78,-3834.89 1556.15,-3834.89"/>
1080
+ <polygon fill="none" stroke="black" points="1556.15,-3834.89 1556.15,-3852.64 1619.78,-3852.64 1619.78,-3834.89 1556.15,-3834.89"/>
1081
+ <text xml:space="preserve" text-anchor="start" x="1560.15" y="-3841.14" font-family="Helvetica,sans-Serif" font-size="9.00"> &#160;determinate</text>
1082
+ <polygon fill="#fafafa" stroke="none" points="1619.78,-3834.89 1619.78,-3852.64 1672.9,-3852.64 1672.9,-3834.89 1619.78,-3834.89"/>
1083
+ <polygon fill="none" stroke="black" points="1619.78,-3834.89 1619.78,-3852.64 1672.9,-3852.64 1672.9,-3834.89 1619.78,-3834.89"/>
1084
+ <text xml:space="preserve" text-anchor="start" x="1623.78" y="-3841.52" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#666666">boolean</text>
1085
+ <polygon fill="#fafafa" stroke="none" points="1556.15,-3817.14 1556.15,-3834.89 1619.78,-3834.89 1619.78,-3817.14 1556.15,-3817.14"/>
1086
+ <polygon fill="none" stroke="black" points="1556.15,-3817.14 1556.15,-3834.89 1619.78,-3834.89 1619.78,-3817.14 1556.15,-3817.14"/>
1087
+ <text xml:space="preserve" text-anchor="start" x="1560.15" y="-3823.39" font-family="Helvetica,sans-Serif" font-size="9.00"> &#160;inverse</text>
1088
+ <polygon fill="#fafafa" stroke="none" points="1619.78,-3817.14 1619.78,-3834.89 1672.9,-3834.89 1672.9,-3817.14 1619.78,-3817.14"/>
1089
+ <polygon fill="none" stroke="black" points="1619.78,-3817.14 1619.78,-3834.89 1672.9,-3834.89 1672.9,-3817.14 1619.78,-3817.14"/>
1090
+ <text xml:space="preserve" text-anchor="start" x="1623.78" y="-3823.77" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#666666">boolean</text>
1091
+ <polygon fill="#fafafa" stroke="none" points="1556.15,-3799.39 1556.15,-3817.14 1619.78,-3817.14 1619.78,-3799.39 1556.15,-3799.39"/>
1092
+ <polygon fill="none" stroke="black" points="1556.15,-3799.39 1556.15,-3817.14 1619.78,-3817.14 1619.78,-3799.39 1556.15,-3799.39"/>
1093
+ <text xml:space="preserve" text-anchor="start" x="1560.15" y="-3805.64" font-family="Helvetica,sans-Serif" font-size="9.00"> &#160;neutral</text>
1094
+ <polygon fill="#fafafa" stroke="none" points="1619.78,-3799.39 1619.78,-3817.14 1672.9,-3817.14 1672.9,-3799.39 1619.78,-3799.39"/>
1095
+ <polygon fill="none" stroke="black" points="1619.78,-3799.39 1619.78,-3817.14 1672.9,-3817.14 1672.9,-3799.39 1619.78,-3799.39"/>
1096
+ <text xml:space="preserve" text-anchor="start" x="1623.78" y="-3806.02" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#666666">boolean</text>
1097
+ <polygon fill="#fafafa" stroke="none" points="1556.15,-3781.64 1556.15,-3799.39 1619.78,-3799.39 1619.78,-3781.64 1556.15,-3781.64"/>
1098
+ <polygon fill="none" stroke="black" points="1556.15,-3781.64 1556.15,-3799.39 1619.78,-3799.39 1619.78,-3781.64 1556.15,-3781.64"/>
1099
+ <text xml:space="preserve" text-anchor="start" x="1560.15" y="-3787.89" font-family="Helvetica,sans-Serif" font-size="9.00"> &#160;label</text>
1100
+ <polygon fill="#fafafa" stroke="none" points="1619.78,-3781.64 1619.78,-3799.39 1672.9,-3799.39 1672.9,-3781.64 1619.78,-3781.64"/>
1101
+ <polygon fill="none" stroke="black" points="1619.78,-3781.64 1619.78,-3799.39 1672.9,-3799.39 1672.9,-3781.64 1619.78,-3781.64"/>
1102
+ <text xml:space="preserve" text-anchor="start" x="1623.78" y="-3788.27" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#666666">string</text>
1103
+ <polygon fill="#fafafa" stroke="none" points="1556.15,-3763.89 1556.15,-3781.64 1619.78,-3781.64 1619.78,-3763.89 1556.15,-3763.89"/>
1104
+ <polygon fill="none" stroke="black" points="1556.15,-3763.89 1556.15,-3781.64 1619.78,-3781.64 1619.78,-3763.89 1556.15,-3763.89"/>
1105
+ <text xml:space="preserve" text-anchor="start" x="1560.15" y="-3770.14" font-family="Helvetica,sans-Serif" font-size="9.00"> &#160;progress</text>
1106
+ <polygon fill="#fafafa" stroke="none" points="1619.78,-3763.89 1619.78,-3781.64 1672.9,-3781.64 1672.9,-3763.89 1619.78,-3763.89"/>
1107
+ <polygon fill="none" stroke="black" points="1619.78,-3763.89 1619.78,-3781.64 1672.9,-3781.64 1672.9,-3763.89 1619.78,-3763.89"/>
1108
+ <text xml:space="preserve" text-anchor="start" x="1623.78" y="-3770.52" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#666666">number</text>
1109
+ <polygon fill="#fafafa" stroke="none" points="1556.15,-3746.14 1556.15,-3763.89 1619.78,-3763.89 1619.78,-3746.14 1556.15,-3746.14"/>
1110
+ <polygon fill="none" stroke="black" points="1556.15,-3746.14 1556.15,-3763.89 1619.78,-3763.89 1619.78,-3746.14 1556.15,-3746.14"/>
1111
+ <text xml:space="preserve" text-anchor="start" x="1560.15" y="-3752.39" font-family="Helvetica,sans-Serif" font-size="9.00"> &#160;size</text>
1112
+ <polygon fill="#fafafa" stroke="none" points="1619.78,-3746.14 1619.78,-3763.89 1672.9,-3763.89 1672.9,-3746.14 1619.78,-3746.14"/>
1113
+ <polygon fill="none" stroke="black" points="1619.78,-3746.14 1619.78,-3763.89 1672.9,-3763.89 1672.9,-3746.14 1619.78,-3746.14"/>
1114
+ <text xml:space="preserve" text-anchor="start" x="1623.78" y="-3752.77" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#666666">large | small</text>
1115
+ <polygon fill="#f5f5f5" stroke="none" points="1556.15,-3729.14 1556.15,-3746.14 1672.9,-3746.14 1672.9,-3729.14 1556.15,-3729.14"/>
1116
+ <polygon fill="none" stroke="black" points="1556.15,-3729.14 1556.15,-3746.14 1672.9,-3746.14 1672.9,-3729.14 1556.15,-3729.14"/>
1117
+ <text xml:space="preserve" text-anchor="start" x="1560.15" y="-3735.39" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#999999"> &#160;+1 more props</text>
1118
+ </g>
1119
+ <!-- cre8&#45;percent&#45;bar -->
1120
+ <g id="node31" class="node">
1121
+ <title>cre8&#45;percent&#45;bar</title>
1122
+ <polygon fill="#fff3e0" stroke="none" points="1196.78,-4142.52 1196.78,-4162.52 1316.28,-4162.52 1316.28,-4142.52 1196.78,-4142.52"/>
1123
+ <polygon fill="none" stroke="black" points="1196.78,-4142.52 1196.78,-4162.52 1316.28,-4162.52 1316.28,-4142.52 1196.78,-4142.52"/>
1124
+ <text xml:space="preserve" text-anchor="start" x="1200.78" y="-4149.07" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="11.00" fill="#e65100">cre8&#45;percent&#45;bar</text>
1125
+ <polygon fill="#fafafa" stroke="none" points="1196.78,-4124.77 1196.78,-4142.52 1279.78,-4142.52 1279.78,-4124.77 1196.78,-4124.77"/>
1126
+ <polygon fill="none" stroke="black" points="1196.78,-4124.77 1196.78,-4142.52 1279.78,-4142.52 1279.78,-4124.77 1196.78,-4124.77"/>
1127
+ <text xml:space="preserve" text-anchor="start" x="1200.78" y="-4131.02" font-family="Helvetica,sans-Serif" font-size="9.00"> &#160;value</text>
1128
+ <polygon fill="#fafafa" stroke="none" points="1279.78,-4124.77 1279.78,-4142.52 1316.28,-4142.52 1316.28,-4124.77 1279.78,-4124.77"/>
1129
+ <polygon fill="none" stroke="black" points="1279.78,-4124.77 1279.78,-4142.52 1316.28,-4142.52 1316.28,-4124.77 1279.78,-4124.77"/>
1130
+ <text xml:space="preserve" text-anchor="start" x="1283.78" y="-4131.39" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#666666">number</text>
1131
+ <polygon fill="#fafafa" stroke="none" points="1196.78,-4107.02 1196.78,-4124.77 1279.78,-4124.77 1279.78,-4107.02 1196.78,-4107.02"/>
1132
+ <polygon fill="none" stroke="black" points="1196.78,-4107.02 1196.78,-4124.77 1279.78,-4124.77 1279.78,-4107.02 1196.78,-4107.02"/>
1133
+ <text xml:space="preserve" text-anchor="start" x="1200.78" y="-4113.27" font-family="Helvetica,sans-Serif" font-size="9.00"> &#160;max</text>
1134
+ <polygon fill="#fafafa" stroke="none" points="1279.78,-4107.02 1279.78,-4124.77 1316.28,-4124.77 1316.28,-4107.02 1279.78,-4107.02"/>
1135
+ <polygon fill="none" stroke="black" points="1279.78,-4107.02 1279.78,-4124.77 1316.28,-4124.77 1316.28,-4107.02 1279.78,-4107.02"/>
1136
+ <text xml:space="preserve" text-anchor="start" x="1283.78" y="-4113.64" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#666666">number</text>
1137
+ <polygon fill="#fafafa" stroke="none" points="1196.78,-4089.27 1196.78,-4107.02 1279.78,-4107.02 1279.78,-4089.27 1196.78,-4089.27"/>
1138
+ <polygon fill="none" stroke="black" points="1196.78,-4089.27 1196.78,-4107.02 1279.78,-4107.02 1279.78,-4089.27 1196.78,-4089.27"/>
1139
+ <text xml:space="preserve" text-anchor="start" x="1200.78" y="-4095.52" font-family="Helvetica,sans-Serif" font-size="9.00"> &#160;disableActionLeft</text>
1140
+ <polygon fill="#fafafa" stroke="none" points="1279.78,-4089.27 1279.78,-4107.02 1316.28,-4107.02 1316.28,-4089.27 1279.78,-4089.27"/>
1141
+ <polygon fill="none" stroke="black" points="1279.78,-4089.27 1279.78,-4107.02 1316.28,-4107.02 1316.28,-4089.27 1279.78,-4089.27"/>
1142
+ <text xml:space="preserve" text-anchor="start" x="1283.78" y="-4095.89" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#666666">boolean</text>
1143
+ </g>
1144
+ <!-- cre8&#45;progress&#45;meter -->
1145
+ <g id="node32" class="node">
1146
+ <title>cre8&#45;progress&#45;meter</title>
1147
+ <polygon fill="#fff3e0" stroke="none" points="1346.03,-4092.64 1346.03,-4112.64 1491.03,-4112.64 1491.03,-4092.64 1346.03,-4092.64"/>
1148
+ <polygon fill="none" stroke="black" points="1346.03,-4092.64 1346.03,-4112.64 1491.03,-4112.64 1491.03,-4092.64 1346.03,-4092.64"/>
1149
+ <text xml:space="preserve" text-anchor="start" x="1350.03" y="-4099.19" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="11.00" fill="#e65100">cre8&#45;progress&#45;meter</text>
1150
+ <polygon fill="#fafafa" stroke="none" points="1346.03,-4074.89 1346.03,-4092.64 1395.28,-4092.64 1395.28,-4074.89 1346.03,-4074.89"/>
1151
+ <polygon fill="none" stroke="black" points="1346.03,-4074.89 1346.03,-4092.64 1395.28,-4092.64 1395.28,-4074.89 1346.03,-4074.89"/>
1152
+ <text xml:space="preserve" text-anchor="start" x="1350.03" y="-4081.14" font-family="Helvetica,sans-Serif" font-size="9.00"> &#160;status</text>
1153
+ <polygon fill="#fafafa" stroke="none" points="1395.28,-4074.89 1395.28,-4092.64 1491.03,-4092.64 1491.03,-4074.89 1395.28,-4074.89"/>
1154
+ <polygon fill="none" stroke="black" points="1395.28,-4074.89 1395.28,-4092.64 1491.03,-4092.64 1491.03,-4074.89 1395.28,-4074.89"/>
1155
+ <text xml:space="preserve" text-anchor="start" x="1399.28" y="-4081.52" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#666666">error | warning | success</text>
1156
+ <polygon fill="#fafafa" stroke="none" points="1346.03,-4057.14 1346.03,-4074.89 1395.28,-4074.89 1395.28,-4057.14 1346.03,-4057.14"/>
1157
+ <polygon fill="none" stroke="black" points="1346.03,-4057.14 1346.03,-4074.89 1395.28,-4074.89 1395.28,-4057.14 1346.03,-4057.14"/>
1158
+ <text xml:space="preserve" text-anchor="start" x="1350.03" y="-4063.39" font-family="Helvetica,sans-Serif" font-size="9.00"> &#160;knockout</text>
1159
+ <polygon fill="#fafafa" stroke="none" points="1395.28,-4057.14 1395.28,-4074.89 1491.03,-4074.89 1491.03,-4057.14 1395.28,-4057.14"/>
1160
+ <polygon fill="none" stroke="black" points="1395.28,-4057.14 1395.28,-4074.89 1491.03,-4074.89 1491.03,-4057.14 1395.28,-4057.14"/>
1161
+ <text xml:space="preserve" text-anchor="start" x="1399.28" y="-4063.77" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#666666">boolean</text>
1162
+ <polygon fill="#fafafa" stroke="none" points="1346.03,-4039.39 1346.03,-4057.14 1395.28,-4057.14 1395.28,-4039.39 1346.03,-4039.39"/>
1163
+ <polygon fill="none" stroke="black" points="1346.03,-4039.39 1346.03,-4057.14 1395.28,-4057.14 1395.28,-4039.39 1346.03,-4039.39"/>
1164
+ <text xml:space="preserve" text-anchor="start" x="1350.03" y="-4045.64" font-family="Helvetica,sans-Serif" font-size="9.00"> &#160;max</text>
1165
+ <polygon fill="#fafafa" stroke="none" points="1395.28,-4039.39 1395.28,-4057.14 1491.03,-4057.14 1491.03,-4039.39 1395.28,-4039.39"/>
1166
+ <polygon fill="none" stroke="black" points="1395.28,-4039.39 1395.28,-4057.14 1491.03,-4057.14 1491.03,-4039.39 1395.28,-4039.39"/>
1167
+ <text xml:space="preserve" text-anchor="start" x="1399.28" y="-4046.02" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#666666">number</text>
1168
+ <polygon fill="#fafafa" stroke="none" points="1346.03,-4021.64 1346.03,-4039.39 1395.28,-4039.39 1395.28,-4021.64 1346.03,-4021.64"/>
1169
+ <polygon fill="none" stroke="black" points="1346.03,-4021.64 1346.03,-4039.39 1395.28,-4039.39 1395.28,-4021.64 1346.03,-4021.64"/>
1170
+ <text xml:space="preserve" text-anchor="start" x="1350.03" y="-4027.89" font-family="Helvetica,sans-Serif" font-size="9.00"> &#160;value</text>
1171
+ <polygon fill="#fafafa" stroke="none" points="1395.28,-4021.64 1395.28,-4039.39 1491.03,-4039.39 1491.03,-4021.64 1395.28,-4021.64"/>
1172
+ <polygon fill="none" stroke="black" points="1395.28,-4021.64 1395.28,-4039.39 1491.03,-4039.39 1491.03,-4021.64 1395.28,-4021.64"/>
1173
+ <text xml:space="preserve" text-anchor="start" x="1399.28" y="-4028.27" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#666666">number</text>
1174
+ <polygon fill="#fafafa" stroke="none" points="1346.03,-4003.89 1346.03,-4021.64 1395.28,-4021.64 1395.28,-4003.89 1346.03,-4003.89"/>
1175
+ <polygon fill="none" stroke="black" points="1346.03,-4003.89 1346.03,-4021.64 1395.28,-4021.64 1395.28,-4003.89 1346.03,-4003.89"/>
1176
+ <text xml:space="preserve" text-anchor="start" x="1350.03" y="-4010.14" font-family="Helvetica,sans-Serif" font-size="9.00"> &#160;name</text>
1177
+ <polygon fill="#fafafa" stroke="none" points="1395.28,-4003.89 1395.28,-4021.64 1491.03,-4021.64 1491.03,-4003.89 1395.28,-4003.89"/>
1178
+ <polygon fill="none" stroke="black" points="1395.28,-4003.89 1395.28,-4021.64 1491.03,-4021.64 1491.03,-4003.89 1395.28,-4003.89"/>
1179
+ <text xml:space="preserve" text-anchor="start" x="1399.28" y="-4010.52" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#666666">string</text>
1180
+ <polygon fill="#fafafa" stroke="none" points="1346.03,-3986.14 1346.03,-4003.89 1395.28,-4003.89 1395.28,-3986.14 1346.03,-3986.14"/>
1181
+ <polygon fill="none" stroke="black" points="1346.03,-3986.14 1346.03,-4003.89 1395.28,-4003.89 1395.28,-3986.14 1346.03,-3986.14"/>
1182
+ <text xml:space="preserve" text-anchor="start" x="1350.03" y="-3992.39" font-family="Helvetica,sans-Serif" font-size="9.00"> &#160;label</text>
1183
+ <polygon fill="#fafafa" stroke="none" points="1395.28,-3986.14 1395.28,-4003.89 1491.03,-4003.89 1491.03,-3986.14 1395.28,-3986.14"/>
1184
+ <polygon fill="none" stroke="black" points="1395.28,-3986.14 1395.28,-4003.89 1491.03,-4003.89 1491.03,-3986.14 1395.28,-3986.14"/>
1185
+ <text xml:space="preserve" text-anchor="start" x="1399.28" y="-3992.77" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#666666">string</text>
1186
+ <polygon fill="#f5f5f5" stroke="none" points="1346.03,-3969.14 1346.03,-3986.14 1491.03,-3986.14 1491.03,-3969.14 1346.03,-3969.14"/>
1187
+ <polygon fill="none" stroke="black" points="1346.03,-3969.14 1346.03,-3986.14 1491.03,-3986.14 1491.03,-3969.14 1346.03,-3969.14"/>
1188
+ <text xml:space="preserve" text-anchor="start" x="1350.03" y="-3975.39" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#999999"> &#160;+1 more props</text>
1189
+ </g>
1190
+ <!-- cre8&#45;progress&#45;steps&#45;item -->
1191
+ <g id="node33" class="node">
1192
+ <title>cre8&#45;progress&#45;steps&#45;item</title>
1193
+ <polygon fill="#fff3e0" stroke="none" points="1226.4,-3740.39 1226.4,-3760.39 1398.65,-3760.39 1398.65,-3740.39 1226.4,-3740.39"/>
1194
+ <polygon fill="none" stroke="black" points="1226.4,-3740.39 1226.4,-3760.39 1398.65,-3760.39 1398.65,-3740.39 1226.4,-3740.39"/>
1195
+ <text xml:space="preserve" text-anchor="start" x="1230.4" y="-3746.94" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="11.00" fill="#e65100">cre8&#45;progress&#45;steps&#45;item</text>
1196
+ <text xml:space="preserve" text-anchor="start" x="1362.4" y="-3746.94" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#888888"> &#160;children</text>
1197
+ <polygon fill="#fafafa" stroke="none" points="1226.4,-3722.64 1226.4,-3740.39 1323.78,-3740.39 1323.78,-3722.64 1226.4,-3722.64"/>
1198
+ <polygon fill="none" stroke="black" points="1226.4,-3722.64 1226.4,-3740.39 1323.78,-3740.39 1323.78,-3722.64 1226.4,-3722.64"/>
1199
+ <text xml:space="preserve" text-anchor="start" x="1230.4" y="-3728.89" font-family="Helvetica,sans-Serif" font-size="9.00"> &#160;message</text>
1200
+ <polygon fill="#fafafa" stroke="none" points="1323.78,-3722.64 1323.78,-3740.39 1398.65,-3740.39 1398.65,-3722.64 1323.78,-3722.64"/>
1201
+ <polygon fill="none" stroke="black" points="1323.78,-3722.64 1323.78,-3740.39 1398.65,-3740.39 1398.65,-3722.64 1323.78,-3722.64"/>
1202
+ <text xml:space="preserve" text-anchor="start" x="1327.78" y="-3729.27" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#666666">string</text>
1203
+ <polygon fill="#fafafa" stroke="none" points="1226.4,-3704.89 1226.4,-3722.64 1323.78,-3722.64 1323.78,-3704.89 1226.4,-3704.89"/>
1204
+ <polygon fill="none" stroke="black" points="1226.4,-3704.89 1226.4,-3722.64 1323.78,-3722.64 1323.78,-3704.89 1226.4,-3704.89"/>
1205
+ <text xml:space="preserve" text-anchor="start" x="1230.4" y="-3711.14" font-family="Helvetica,sans-Serif" font-size="9.00"> &#160;name</text>
1206
+ <polygon fill="#fafafa" stroke="none" points="1323.78,-3704.89 1323.78,-3722.64 1398.65,-3722.64 1398.65,-3704.89 1323.78,-3704.89"/>
1207
+ <polygon fill="none" stroke="black" points="1323.78,-3704.89 1323.78,-3722.64 1398.65,-3722.64 1398.65,-3704.89 1323.78,-3704.89"/>
1208
+ <text xml:space="preserve" text-anchor="start" x="1327.78" y="-3711.52" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#666666">string</text>
1209
+ <polygon fill="#fafafa" stroke="none" points="1226.4,-3687.14 1226.4,-3704.89 1323.78,-3704.89 1323.78,-3687.14 1226.4,-3687.14"/>
1210
+ <polygon fill="none" stroke="black" points="1226.4,-3687.14 1226.4,-3704.89 1323.78,-3704.89 1323.78,-3687.14 1226.4,-3687.14"/>
1211
+ <text xml:space="preserve" text-anchor="start" x="1230.4" y="-3693.39" font-family="Helvetica,sans-Serif" font-size="9.00"> &#160;state</text>
1212
+ <polygon fill="#fafafa" stroke="none" points="1323.78,-3687.14 1323.78,-3704.89 1398.65,-3704.89 1398.65,-3687.14 1323.78,-3687.14"/>
1213
+ <polygon fill="none" stroke="black" points="1323.78,-3687.14 1323.78,-3704.89 1398.65,-3704.89 1398.65,-3687.14 1323.78,-3687.14"/>
1214
+ <text xml:space="preserve" text-anchor="start" x="1327.78" y="-3693.77" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#666666">string</text>
1215
+ <polygon fill="#fafafa" stroke="none" points="1226.4,-3669.39 1226.4,-3687.14 1323.78,-3687.14 1323.78,-3669.39 1226.4,-3669.39"/>
1216
+ <polygon fill="none" stroke="black" points="1226.4,-3669.39 1226.4,-3687.14 1323.78,-3687.14 1323.78,-3669.39 1226.4,-3669.39"/>
1217
+ <text xml:space="preserve" text-anchor="start" x="1230.4" y="-3675.64" font-family="Helvetica,sans-Serif" font-size="9.00"> &#160;svg</text>
1218
+ <polygon fill="#fafafa" stroke="none" points="1323.78,-3669.39 1323.78,-3687.14 1398.65,-3687.14 1398.65,-3669.39 1323.78,-3669.39"/>
1219
+ <polygon fill="none" stroke="black" points="1323.78,-3669.39 1323.78,-3687.14 1398.65,-3687.14 1398.65,-3669.39 1323.78,-3669.39"/>
1220
+ <text xml:space="preserve" text-anchor="start" x="1327.78" y="-3676.02" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#666666">string</text>
1221
+ </g>
1222
+ <!-- cre8&#45;skeleton&#45;loader -->
1223
+ <g id="node34" class="node">
1224
+ <title>cre8&#45;skeleton&#45;loader</title>
1225
+ <polygon fill="#fff3e0" stroke="none" points="1436.78,-3677.52 1436.78,-3697.52 1574.28,-3697.52 1574.28,-3677.52 1436.78,-3677.52"/>
1226
+ <polygon fill="none" stroke="black" points="1436.78,-3677.52 1436.78,-3697.52 1574.28,-3697.52 1574.28,-3677.52 1436.78,-3677.52"/>
1227
+ <text xml:space="preserve" text-anchor="start" x="1440.78" y="-3684.07" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="11.00" fill="#e65100">cre8&#45;skeleton&#45;loader</text>
1228
+ <polygon fill="#fafafa" stroke="none" points="1436.78,-3659.77 1436.78,-3677.52 1477.03,-3677.52 1477.03,-3659.77 1436.78,-3659.77"/>
1229
+ <polygon fill="none" stroke="black" points="1436.78,-3659.77 1436.78,-3677.52 1477.03,-3677.52 1477.03,-3659.77 1436.78,-3659.77"/>
1230
+ <text xml:space="preserve" text-anchor="start" x="1440.78" y="-3666.02" font-family="Helvetica,sans-Serif" font-size="9.00"> &#160;variant</text>
1231
+ <polygon fill="#fafafa" stroke="none" points="1477.03,-3659.77 1477.03,-3677.52 1574.28,-3677.52 1574.28,-3659.77 1477.03,-3659.77"/>
1232
+ <polygon fill="none" stroke="black" points="1477.03,-3659.77 1477.03,-3677.52 1574.28,-3677.52 1574.28,-3659.77 1477.03,-3659.77"/>
1233
+ <text xml:space="preserve" text-anchor="start" x="1481.03" y="-3666.39" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#666666">rectangle | square | circle</text>
1234
+ <polygon fill="#fafafa" stroke="none" points="1436.78,-3642.02 1436.78,-3659.77 1477.03,-3659.77 1477.03,-3642.02 1436.78,-3642.02"/>
1235
+ <polygon fill="none" stroke="black" points="1436.78,-3642.02 1436.78,-3659.77 1477.03,-3659.77 1477.03,-3642.02 1436.78,-3642.02"/>
1236
+ <text xml:space="preserve" text-anchor="start" x="1440.78" y="-3648.27" font-family="Helvetica,sans-Serif" font-size="9.00"> &#160;height</text>
1237
+ <polygon fill="#fafafa" stroke="none" points="1477.03,-3642.02 1477.03,-3659.77 1574.28,-3659.77 1574.28,-3642.02 1477.03,-3642.02"/>
1238
+ <polygon fill="none" stroke="black" points="1477.03,-3642.02 1477.03,-3659.77 1574.28,-3659.77 1574.28,-3642.02 1477.03,-3642.02"/>
1239
+ <text xml:space="preserve" text-anchor="start" x="1481.03" y="-3648.64" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#666666">string</text>
1240
+ <polygon fill="#fafafa" stroke="none" points="1436.78,-3624.27 1436.78,-3642.02 1477.03,-3642.02 1477.03,-3624.27 1436.78,-3624.27"/>
1241
+ <polygon fill="none" stroke="black" points="1436.78,-3624.27 1436.78,-3642.02 1477.03,-3642.02 1477.03,-3624.27 1436.78,-3624.27"/>
1242
+ <text xml:space="preserve" text-anchor="start" x="1440.78" y="-3630.52" font-family="Helvetica,sans-Serif" font-size="9.00"> &#160;width</text>
1243
+ <polygon fill="#fafafa" stroke="none" points="1477.03,-3624.27 1477.03,-3642.02 1574.28,-3642.02 1574.28,-3624.27 1477.03,-3624.27"/>
1244
+ <polygon fill="none" stroke="black" points="1477.03,-3624.27 1477.03,-3642.02 1574.28,-3642.02 1574.28,-3624.27 1477.03,-3624.27"/>
1245
+ <text xml:space="preserve" text-anchor="start" x="1481.03" y="-3630.89" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#666666">string</text>
1246
+ </g>
1247
+ <!-- cre8&#45;checkbox&#45;field -->
1248
+ <g id="node35" class="node">
1249
+ <title>cre8&#45;checkbox&#45;field</title>
1250
+ <polygon fill="#e0f7fa" stroke="none" points="3526.47,-2549.23 3526.47,-2569.23 3669.47,-2569.23 3669.47,-2549.23 3526.47,-2549.23"/>
1251
+ <polygon fill="none" stroke="black" points="3526.47,-2549.23 3526.47,-2569.23 3669.47,-2569.23 3669.47,-2549.23 3526.47,-2549.23"/>
1252
+ <text xml:space="preserve" text-anchor="start" x="3530.47" y="-2555.78" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="11.00" fill="#00838f">cre8&#45;checkbox&#45;field</text>
1253
+ <text xml:space="preserve" text-anchor="start" x="3633.22" y="-2555.78" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#888888"> &#160;children</text>
1254
+ <polygon fill="#fafafa" stroke="none" points="3526.47,-2531.48 3526.47,-2549.23 3625.35,-2549.23 3625.35,-2531.48 3526.47,-2531.48"/>
1255
+ <polygon fill="none" stroke="black" points="3526.47,-2531.48 3526.47,-2549.23 3625.35,-2549.23 3625.35,-2531.48 3526.47,-2531.48"/>
1256
+ <text xml:space="preserve" text-anchor="start" x="3530.47" y="-2537.73" font-family="Helvetica,sans-Serif" font-size="9.00"> &#160;label</text>
1257
+ <polygon fill="#fafafa" stroke="none" points="3625.35,-2531.48 3625.35,-2549.23 3669.47,-2549.23 3669.47,-2531.48 3625.35,-2531.48"/>
1258
+ <polygon fill="none" stroke="black" points="3625.35,-2531.48 3625.35,-2549.23 3669.47,-2549.23 3669.47,-2531.48 3625.35,-2531.48"/>
1259
+ <text xml:space="preserve" text-anchor="start" x="3629.35" y="-2538.1" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#666666">string</text>
1260
+ <polygon fill="#fafafa" stroke="none" points="3526.47,-2513.73 3526.47,-2531.48 3625.35,-2531.48 3625.35,-2513.73 3526.47,-2513.73"/>
1261
+ <polygon fill="none" stroke="black" points="3526.47,-2513.73 3526.47,-2531.48 3625.35,-2531.48 3625.35,-2513.73 3526.47,-2513.73"/>
1262
+ <text xml:space="preserve" text-anchor="start" x="3530.47" y="-2519.98" font-family="Helvetica,sans-Serif" font-size="9.00"> &#160;fieldNote</text>
1263
+ <polygon fill="#fafafa" stroke="none" points="3625.35,-2513.73 3625.35,-2531.48 3669.47,-2531.48 3669.47,-2513.73 3625.35,-2513.73"/>
1264
+ <polygon fill="none" stroke="black" points="3625.35,-2513.73 3625.35,-2531.48 3669.47,-2531.48 3669.47,-2513.73 3625.35,-2513.73"/>
1265
+ <text xml:space="preserve" text-anchor="start" x="3629.35" y="-2520.35" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#666666">string</text>
1266
+ <polygon fill="#fafafa" stroke="none" points="3526.47,-2495.98 3526.47,-2513.73 3625.35,-2513.73 3625.35,-2495.98 3526.47,-2495.98"/>
1267
+ <polygon fill="none" stroke="black" points="3526.47,-2495.98 3526.47,-2513.73 3625.35,-2513.73 3625.35,-2495.98 3526.47,-2495.98"/>
1268
+ <text xml:space="preserve" text-anchor="start" x="3530.47" y="-2502.23" font-family="Helvetica,sans-Serif" font-size="9.00"> &#160;ariaDescribedBy</text>
1269
+ <polygon fill="#fafafa" stroke="none" points="3625.35,-2495.98 3625.35,-2513.73 3669.47,-2513.73 3669.47,-2495.98 3625.35,-2495.98"/>
1270
+ <polygon fill="none" stroke="black" points="3625.35,-2495.98 3625.35,-2513.73 3669.47,-2513.73 3669.47,-2495.98 3625.35,-2495.98"/>
1271
+ <text xml:space="preserve" text-anchor="start" x="3629.35" y="-2502.6" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#666666">string</text>
1272
+ <polygon fill="#fafafa" stroke="none" points="3526.47,-2478.23 3526.47,-2495.98 3625.35,-2495.98 3625.35,-2478.23 3526.47,-2478.23"/>
1273
+ <polygon fill="none" stroke="black" points="3526.47,-2478.23 3526.47,-2495.98 3625.35,-2495.98 3625.35,-2478.23 3526.47,-2478.23"/>
1274
+ <text xml:space="preserve" text-anchor="start" x="3530.47" y="-2484.48" font-family="Helvetica,sans-Serif" font-size="9.00"> &#160;fieldNoteIconName</text>
1275
+ <polygon fill="#fafafa" stroke="none" points="3625.35,-2478.23 3625.35,-2495.98 3669.47,-2495.98 3669.47,-2478.23 3625.35,-2478.23"/>
1276
+ <polygon fill="none" stroke="black" points="3625.35,-2478.23 3625.35,-2495.98 3669.47,-2495.98 3669.47,-2478.23 3625.35,-2478.23"/>
1277
+ <text xml:space="preserve" text-anchor="start" x="3629.35" y="-2484.85" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#666666">string</text>
1278
+ <polygon fill="#fafafa" stroke="none" points="3526.47,-2460.48 3526.47,-2478.23 3625.35,-2478.23 3625.35,-2460.48 3526.47,-2460.48"/>
1279
+ <polygon fill="none" stroke="black" points="3526.47,-2460.48 3526.47,-2478.23 3625.35,-2478.23 3625.35,-2460.48 3526.47,-2460.48"/>
1280
+ <text xml:space="preserve" text-anchor="start" x="3530.47" y="-2466.73" font-family="Helvetica,sans-Serif" font-size="9.00"> &#160;fieldNoteKnockout</text>
1281
+ <polygon fill="#fafafa" stroke="none" points="3625.35,-2460.48 3625.35,-2478.23 3669.47,-2478.23 3669.47,-2460.48 3625.35,-2460.48"/>
1282
+ <polygon fill="none" stroke="black" points="3625.35,-2460.48 3625.35,-2478.23 3669.47,-2478.23 3669.47,-2460.48 3625.35,-2460.48"/>
1283
+ <text xml:space="preserve" text-anchor="start" x="3629.35" y="-2467.1" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#666666">boolean</text>
1284
+ <polygon fill="#fafafa" stroke="none" points="3526.47,-2442.73 3526.47,-2460.48 3625.35,-2460.48 3625.35,-2442.73 3526.47,-2442.73"/>
1285
+ <polygon fill="none" stroke="black" points="3526.47,-2442.73 3526.47,-2460.48 3625.35,-2460.48 3625.35,-2442.73 3526.47,-2442.73"/>
1286
+ <text xml:space="preserve" text-anchor="start" x="3530.47" y="-2448.98" font-family="Helvetica,sans-Serif" font-size="9.00"> &#160;fieldNoteIsSuccess</text>
1287
+ <polygon fill="#fafafa" stroke="none" points="3625.35,-2442.73 3625.35,-2460.48 3669.47,-2460.48 3669.47,-2442.73 3625.35,-2442.73"/>
1288
+ <polygon fill="none" stroke="black" points="3625.35,-2442.73 3625.35,-2460.48 3669.47,-2460.48 3669.47,-2442.73 3625.35,-2442.73"/>
1289
+ <text xml:space="preserve" text-anchor="start" x="3629.35" y="-2449.35" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#666666">boolean</text>
1290
+ <polygon fill="#f5f5f5" stroke="none" points="3526.47,-2425.73 3526.47,-2442.73 3669.47,-2442.73 3669.47,-2425.73 3526.47,-2425.73"/>
1291
+ <polygon fill="none" stroke="black" points="3526.47,-2425.73 3526.47,-2442.73 3669.47,-2442.73 3669.47,-2425.73 3526.47,-2425.73"/>
1292
+ <text xml:space="preserve" text-anchor="start" x="3530.47" y="-2431.98" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#999999"> &#160;+1 more props</text>
1293
+ </g>
1294
+ <!-- cre8&#45;checkbox&#45;field&#45;item -->
1295
+ <g id="node36" class="node">
1296
+ <title>cre8&#45;checkbox&#45;field&#45;item</title>
1297
+ <polygon fill="#e0f7fa" stroke="none" points="3639.72,-2729.94 3639.72,-2749.94 3817.22,-2749.94 3817.22,-2729.94 3639.72,-2729.94"/>
1298
+ <polygon fill="none" stroke="black" points="3639.72,-2729.94 3639.72,-2749.94 3817.22,-2749.94 3817.22,-2729.94 3639.72,-2729.94"/>
1299
+ <text xml:space="preserve" text-anchor="start" x="3643.72" y="-2736.49" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="11.00" fill="#00838f">cre8&#45;checkbox&#45;field&#45;item</text>
1300
+ <text xml:space="preserve" text-anchor="start" x="3772.72" y="-2736.49" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#888888"> &#160;[fieldNote]</text>
1301
+ <polygon fill="#fafafa" stroke="none" points="3639.72,-2712.19 3639.72,-2729.94 3734.09,-2729.94 3734.09,-2712.19 3639.72,-2712.19"/>
1302
+ <polygon fill="none" stroke="black" points="3639.72,-2712.19 3639.72,-2729.94 3734.09,-2729.94 3734.09,-2712.19 3639.72,-2712.19"/>
1303
+ <text xml:space="preserve" text-anchor="start" x="3643.72" y="-2718.44" font-family="Helvetica,sans-Serif" font-size="9.00"> &#160;label</text>
1304
+ <polygon fill="#fafafa" stroke="none" points="3734.09,-2712.19 3734.09,-2729.94 3817.22,-2729.94 3817.22,-2712.19 3734.09,-2712.19"/>
1305
+ <polygon fill="none" stroke="black" points="3734.09,-2712.19 3734.09,-2729.94 3817.22,-2729.94 3817.22,-2712.19 3734.09,-2712.19"/>
1306
+ <text xml:space="preserve" text-anchor="start" x="3738.09" y="-2718.81" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#666666">string</text>
1307
+ <polygon fill="#fafafa" stroke="none" points="3639.72,-2694.44 3639.72,-2712.19 3734.09,-2712.19 3734.09,-2694.44 3639.72,-2694.44"/>
1308
+ <polygon fill="none" stroke="black" points="3639.72,-2694.44 3639.72,-2712.19 3734.09,-2712.19 3734.09,-2694.44 3639.72,-2694.44"/>
1309
+ <text xml:space="preserve" text-anchor="start" x="3643.72" y="-2700.69" font-family="Helvetica,sans-Serif" font-size="9.00"> &#160;checked</text>
1310
+ <polygon fill="#fafafa" stroke="none" points="3734.09,-2694.44 3734.09,-2712.19 3817.22,-2712.19 3817.22,-2694.44 3734.09,-2694.44"/>
1311
+ <polygon fill="none" stroke="black" points="3734.09,-2694.44 3734.09,-2712.19 3817.22,-2712.19 3817.22,-2694.44 3734.09,-2694.44"/>
1312
+ <text xml:space="preserve" text-anchor="start" x="3738.09" y="-2701.06" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#666666">boolean</text>
1313
+ <polygon fill="#fafafa" stroke="none" points="3639.72,-2676.69 3639.72,-2694.44 3734.09,-2694.44 3734.09,-2676.69 3639.72,-2676.69"/>
1314
+ <polygon fill="none" stroke="black" points="3639.72,-2676.69 3639.72,-2694.44 3734.09,-2694.44 3734.09,-2676.69 3639.72,-2676.69"/>
1315
+ <text xml:space="preserve" text-anchor="start" x="3643.72" y="-2682.94" font-family="Helvetica,sans-Serif" font-size="9.00"> &#160;name</text>
1316
+ <polygon fill="#fafafa" stroke="none" points="3734.09,-2676.69 3734.09,-2694.44 3817.22,-2694.44 3817.22,-2676.69 3734.09,-2676.69"/>
1317
+ <polygon fill="none" stroke="black" points="3734.09,-2676.69 3734.09,-2694.44 3817.22,-2694.44 3817.22,-2676.69 3734.09,-2676.69"/>
1318
+ <text xml:space="preserve" text-anchor="start" x="3738.09" y="-2683.31" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#666666">string</text>
1319
+ <polygon fill="#fafafa" stroke="none" points="3639.72,-2658.94 3639.72,-2676.69 3734.09,-2676.69 3734.09,-2658.94 3639.72,-2658.94"/>
1320
+ <polygon fill="none" stroke="black" points="3639.72,-2658.94 3639.72,-2676.69 3734.09,-2676.69 3734.09,-2658.94 3639.72,-2658.94"/>
1321
+ <text xml:space="preserve" text-anchor="start" x="3643.72" y="-2665.19" font-family="Helvetica,sans-Serif" font-size="9.00"> &#160;disabled</text>
1322
+ <polygon fill="#fafafa" stroke="none" points="3734.09,-2658.94 3734.09,-2676.69 3817.22,-2676.69 3817.22,-2658.94 3734.09,-2658.94"/>
1323
+ <polygon fill="none" stroke="black" points="3734.09,-2658.94 3734.09,-2676.69 3817.22,-2676.69 3817.22,-2658.94 3734.09,-2658.94"/>
1324
+ <text xml:space="preserve" text-anchor="start" x="3738.09" y="-2665.56" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#666666">boolean</text>
1325
+ <polygon fill="#fafafa" stroke="none" points="3639.72,-2641.19 3639.72,-2658.94 3734.09,-2658.94 3734.09,-2641.19 3639.72,-2641.19"/>
1326
+ <polygon fill="none" stroke="black" points="3639.72,-2641.19 3639.72,-2658.94 3734.09,-2658.94 3734.09,-2641.19 3639.72,-2641.19"/>
1327
+ <text xml:space="preserve" text-anchor="start" x="3643.72" y="-2647.44" font-family="Helvetica,sans-Serif" font-size="9.00"> &#160;required</text>
1328
+ <polygon fill="#fafafa" stroke="none" points="3734.09,-2641.19 3734.09,-2658.94 3817.22,-2658.94 3817.22,-2641.19 3734.09,-2641.19"/>
1329
+ <polygon fill="none" stroke="black" points="3734.09,-2641.19 3734.09,-2658.94 3817.22,-2658.94 3817.22,-2641.19 3734.09,-2641.19"/>
1330
+ <text xml:space="preserve" text-anchor="start" x="3738.09" y="-2647.81" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#666666">boolean</text>
1331
+ <polygon fill="#fafafa" stroke="none" points="3639.72,-2623.44 3639.72,-2641.19 3734.09,-2641.19 3734.09,-2623.44 3639.72,-2623.44"/>
1332
+ <polygon fill="none" stroke="black" points="3639.72,-2623.44 3639.72,-2641.19 3734.09,-2641.19 3734.09,-2623.44 3639.72,-2623.44"/>
1333
+ <text xml:space="preserve" text-anchor="start" x="3643.72" y="-2629.69" font-family="Helvetica,sans-Serif" font-size="9.00"> &#160;value</text>
1334
+ <polygon fill="#fafafa" stroke="none" points="3734.09,-2623.44 3734.09,-2641.19 3817.22,-2641.19 3817.22,-2623.44 3734.09,-2623.44"/>
1335
+ <polygon fill="none" stroke="black" points="3734.09,-2623.44 3734.09,-2641.19 3817.22,-2641.19 3817.22,-2623.44 3734.09,-2623.44"/>
1336
+ <text xml:space="preserve" text-anchor="start" x="3738.09" y="-2630.06" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#666666">string</text>
1337
+ <polygon fill="#f5f5f5" stroke="none" points="3639.72,-2606.44 3639.72,-2623.44 3817.22,-2623.44 3817.22,-2606.44 3639.72,-2606.44"/>
1338
+ <polygon fill="none" stroke="black" points="3639.72,-2606.44 3639.72,-2623.44 3817.22,-2623.44 3817.22,-2606.44 3639.72,-2606.44"/>
1339
+ <text xml:space="preserve" text-anchor="start" x="3643.72" y="-2612.69" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#999999"> &#160;+12 more props</text>
1340
+ </g>
1341
+ <!-- cre8&#45;checkbox&#45;field&#45;item&#45;&gt;slot -->
1342
+ <g id="edge21" class="edge">
1343
+ <title>cre8&#45;checkbox&#45;field&#45;item&#45;&gt;slot:fieldNote</title>
1344
+ <path fill="none" stroke="#9c27b0" stroke-dasharray="5,2" d="M3639.95,-2614C3375.96,-2614 2612.34,-2614 2612.34,-2614 2612.34,-2614 2612.34,-1952 2612.34,-1952 2612.34,-1952 2371.35,-1952 2371.35,-1952"/>
1345
+ <polygon fill="#9c27b0" stroke="#9c27b0" points="2361.35,-1952 2371.35,-1947.5 2365.13,-1952 2371.35,-1952 2371.35,-1952 2371.35,-1952 2365.13,-1952 2371.35,-1956.5 2361.35,-1952"/>
1346
+ <text xml:space="preserve" text-anchor="middle" x="2656.28" y="-2615.2" font-family="Helvetica,sans-Serif" font-size="9.00" fill="#9c27b0">fieldNote</text>
1347
+ </g>
1348
+ <!-- cre8&#45;date&#45;picker -->
1349
+ <g id="node37" class="node">
1350
+ <title>cre8&#45;date&#45;picker</title>
1351
+ <polygon fill="#e0f7fa" stroke="none" points="3850.52,-2425.57 3850.52,-2445.57 3983.77,-2445.57 3983.77,-2425.57 3850.52,-2425.57"/>
1352
+ <polygon fill="none" stroke="black" points="3850.52,-2425.57 3850.52,-2445.57 3983.77,-2445.57 3983.77,-2425.57 3850.52,-2425.57"/>
1353
+ <text xml:space="preserve" text-anchor="start" x="3854.52" y="-2432.12" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="11.00" fill="#00838f">cre8&#45;date&#45;picker</text>
1354
+ <text xml:space="preserve" text-anchor="start" x="3939.27" y="-2432.12" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#888888"> &#160;[fieldNote]</text>
1355
+ <polygon fill="#fafafa" stroke="none" points="3850.52,-2407.82 3850.52,-2425.57 3920.14,-2425.57 3920.14,-2407.82 3850.52,-2407.82"/>
1356
+ <polygon fill="none" stroke="black" points="3850.52,-2407.82 3850.52,-2425.57 3920.14,-2425.57 3920.14,-2407.82 3850.52,-2407.82"/>
1357
+ <text xml:space="preserve" text-anchor="start" x="3854.52" y="-2414.07" font-family="Helvetica,sans-Serif" font-size="9.00"> &#160;autocomplete</text>
1358
+ <polygon fill="#fafafa" stroke="none" points="3920.14,-2407.82 3920.14,-2425.57 3983.77,-2425.57 3983.77,-2407.82 3920.14,-2407.82"/>
1359
+ <polygon fill="none" stroke="black" points="3920.14,-2407.82 3920.14,-2425.57 3983.77,-2425.57 3983.77,-2407.82 3920.14,-2407.82"/>
1360
+ <text xml:space="preserve" text-anchor="start" x="3924.14" y="-2414.44" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#666666">string</text>
1361
+ <polygon fill="#fafafa" stroke="none" points="3850.52,-2390.07 3850.52,-2407.82 3920.14,-2407.82 3920.14,-2390.07 3850.52,-2390.07"/>
1362
+ <polygon fill="none" stroke="black" points="3850.52,-2390.07 3850.52,-2407.82 3920.14,-2407.82 3920.14,-2390.07 3850.52,-2390.07"/>
1363
+ <text xml:space="preserve" text-anchor="start" x="3854.52" y="-2396.32" font-family="Helvetica,sans-Serif" font-size="9.00"> &#160;pattern</text>
1364
+ <polygon fill="#fafafa" stroke="none" points="3920.14,-2390.07 3920.14,-2407.82 3983.77,-2407.82 3983.77,-2390.07 3920.14,-2390.07"/>
1365
+ <polygon fill="none" stroke="black" points="3920.14,-2390.07 3920.14,-2407.82 3983.77,-2407.82 3983.77,-2390.07 3920.14,-2390.07"/>
1366
+ <text xml:space="preserve" text-anchor="start" x="3924.14" y="-2396.69" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#666666">string</text>
1367
+ <polygon fill="#fafafa" stroke="none" points="3850.52,-2372.32 3850.52,-2390.07 3920.14,-2390.07 3920.14,-2372.32 3850.52,-2372.32"/>
1368
+ <polygon fill="none" stroke="black" points="3850.52,-2372.32 3850.52,-2390.07 3920.14,-2390.07 3920.14,-2372.32 3850.52,-2372.32"/>
1369
+ <text xml:space="preserve" text-anchor="start" x="3854.52" y="-2378.57" font-family="Helvetica,sans-Serif" font-size="9.00"> &#160;placeholder</text>
1370
+ <polygon fill="#fafafa" stroke="none" points="3920.14,-2372.32 3920.14,-2390.07 3983.77,-2390.07 3983.77,-2372.32 3920.14,-2372.32"/>
1371
+ <polygon fill="none" stroke="black" points="3920.14,-2372.32 3920.14,-2390.07 3983.77,-2390.07 3983.77,-2372.32 3920.14,-2372.32"/>
1372
+ <text xml:space="preserve" text-anchor="start" x="3924.14" y="-2378.94" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#666666">string</text>
1373
+ <polygon fill="#fafafa" stroke="none" points="3850.52,-2354.57 3850.52,-2372.32 3920.14,-2372.32 3920.14,-2354.57 3850.52,-2354.57"/>
1374
+ <polygon fill="none" stroke="black" points="3850.52,-2354.57 3850.52,-2372.32 3920.14,-2372.32 3920.14,-2354.57 3850.52,-2354.57"/>
1375
+ <text xml:space="preserve" text-anchor="start" x="3854.52" y="-2360.82" font-family="Helvetica,sans-Serif" font-size="9.00"> &#160;label</text>
1376
+ <polygon fill="#fafafa" stroke="none" points="3920.14,-2354.57 3920.14,-2372.32 3983.77,-2372.32 3983.77,-2354.57 3920.14,-2354.57"/>
1377
+ <polygon fill="none" stroke="black" points="3920.14,-2354.57 3920.14,-2372.32 3983.77,-2372.32 3983.77,-2354.57 3920.14,-2354.57"/>
1378
+ <text xml:space="preserve" text-anchor="start" x="3924.14" y="-2361.19" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#666666">string</text>
1379
+ <polygon fill="#fafafa" stroke="none" points="3850.52,-2336.82 3850.52,-2354.57 3920.14,-2354.57 3920.14,-2336.82 3850.52,-2336.82"/>
1380
+ <polygon fill="none" stroke="black" points="3850.52,-2336.82 3850.52,-2354.57 3920.14,-2354.57 3920.14,-2336.82 3850.52,-2336.82"/>
1381
+ <text xml:space="preserve" text-anchor="start" x="3854.52" y="-2343.07" font-family="Helvetica,sans-Serif" font-size="9.00"> &#160;max</text>
1382
+ <polygon fill="#fafafa" stroke="none" points="3920.14,-2336.82 3920.14,-2354.57 3983.77,-2354.57 3983.77,-2336.82 3920.14,-2336.82"/>
1383
+ <polygon fill="none" stroke="black" points="3920.14,-2336.82 3920.14,-2354.57 3983.77,-2354.57 3983.77,-2336.82 3920.14,-2336.82"/>
1384
+ <text xml:space="preserve" text-anchor="start" x="3924.14" y="-2343.44" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#666666">string | number</text>
1385
+ <polygon fill="#fafafa" stroke="none" points="3850.52,-2319.07 3850.52,-2336.82 3920.14,-2336.82 3920.14,-2319.07 3850.52,-2319.07"/>
1386
+ <polygon fill="none" stroke="black" points="3850.52,-2319.07 3850.52,-2336.82 3920.14,-2336.82 3920.14,-2319.07 3850.52,-2319.07"/>
1387
+ <text xml:space="preserve" text-anchor="start" x="3854.52" y="-2325.32" font-family="Helvetica,sans-Serif" font-size="9.00"> &#160;min</text>
1388
+ <polygon fill="#fafafa" stroke="none" points="3920.14,-2319.07 3920.14,-2336.82 3983.77,-2336.82 3983.77,-2319.07 3920.14,-2319.07"/>
1389
+ <polygon fill="none" stroke="black" points="3920.14,-2319.07 3920.14,-2336.82 3983.77,-2336.82 3983.77,-2319.07 3920.14,-2319.07"/>
1390
+ <text xml:space="preserve" text-anchor="start" x="3924.14" y="-2325.69" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#666666">string | number</text>
1391
+ <polygon fill="#f5f5f5" stroke="none" points="3850.52,-2302.07 3850.52,-2319.07 3983.77,-2319.07 3983.77,-2302.07 3850.52,-2302.07"/>
1392
+ <polygon fill="none" stroke="black" points="3850.52,-2302.07 3850.52,-2319.07 3983.77,-2319.07 3983.77,-2302.07 3850.52,-2302.07"/>
1393
+ <text xml:space="preserve" text-anchor="start" x="3854.52" y="-2308.32" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#999999"> &#160;+20 more props</text>
1394
+ </g>
1395
+ <!-- cre8&#45;date&#45;picker&#45;&gt;slot -->
1396
+ <g id="edge22" class="edge">
1397
+ <title>cre8&#45;date&#45;picker&#45;&gt;slot:fieldNote</title>
1398
+ <path fill="none" stroke="#9c27b0" stroke-dasharray="5,2" d="M3850.68,-2306C3587.2,-2306 2630.48,-2306 2630.48,-2306 2630.48,-2306 2630.48,-1954 2630.48,-1954 2630.48,-1954 2371.49,-1954 2371.49,-1954"/>
1399
+ <polygon fill="#9c27b0" stroke="#9c27b0" points="2361.49,-1954 2371.49,-1949.5 2365.27,-1954 2371.49,-1954 2371.49,-1954 2371.49,-1954 2365.27,-1954 2371.49,-1958.5 2361.49,-1954"/>
1400
+ <text xml:space="preserve" text-anchor="middle" x="2916.71" y="-2307.2" font-family="Helvetica,sans-Serif" font-size="9.00" fill="#9c27b0">fieldNote</text>
1401
+ </g>
1402
+ <!-- cre8&#45;field -->
1403
+ <g id="node38" class="node">
1404
+ <title>cre8&#45;field</title>
1405
+ <polygon fill="#e0f7fa" stroke="none" points="3925.74,-2684.32 3925.74,-2704.32 4055.74,-2704.32 4055.74,-2684.32 3925.74,-2684.32"/>
1406
+ <polygon fill="none" stroke="black" points="3925.74,-2684.32 3925.74,-2704.32 4055.74,-2704.32 4055.74,-2684.32 3925.74,-2684.32"/>
1407
+ <text xml:space="preserve" text-anchor="start" x="3929.74" y="-2690.87" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="11.00" fill="#00838f">cre8&#45;field</text>
1408
+ <text xml:space="preserve" text-anchor="start" x="3978.49" y="-2690.87" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#888888"> &#160;[fieldNote]</text>
1409
+ <polygon fill="#fafafa" stroke="none" points="3925.74,-2666.57 3925.74,-2684.32 3993.74,-2684.32 3993.74,-2666.57 3925.74,-2666.57"/>
1410
+ <polygon fill="none" stroke="black" points="3925.74,-2666.57 3925.74,-2684.32 3993.74,-2684.32 3993.74,-2666.57 3925.74,-2666.57"/>
1411
+ <text xml:space="preserve" text-anchor="start" x="3929.74" y="-2672.82" font-family="Helvetica,sans-Serif" font-size="9.00"> &#160;autocomplete</text>
1412
+ <polygon fill="#fafafa" stroke="none" points="3993.74,-2666.57 3993.74,-2684.32 4055.74,-2684.32 4055.74,-2666.57 3993.74,-2666.57"/>
1413
+ <polygon fill="none" stroke="black" points="3993.74,-2666.57 3993.74,-2684.32 4055.74,-2684.32 4055.74,-2666.57 3993.74,-2666.57"/>
1414
+ <text xml:space="preserve" text-anchor="start" x="3997.74" y="-2673.2" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#666666">string</text>
1415
+ <polygon fill="#fafafa" stroke="none" points="3925.74,-2648.82 3925.74,-2666.57 3993.74,-2666.57 3993.74,-2648.82 3925.74,-2648.82"/>
1416
+ <polygon fill="none" stroke="black" points="3925.74,-2648.82 3925.74,-2666.57 3993.74,-2666.57 3993.74,-2648.82 3925.74,-2648.82"/>
1417
+ <text xml:space="preserve" text-anchor="start" x="3929.74" y="-2655.07" font-family="Helvetica,sans-Serif" font-size="9.00"> &#160;pattern</text>
1418
+ <polygon fill="#fafafa" stroke="none" points="3993.74,-2648.82 3993.74,-2666.57 4055.74,-2666.57 4055.74,-2648.82 3993.74,-2648.82"/>
1419
+ <polygon fill="none" stroke="black" points="3993.74,-2648.82 3993.74,-2666.57 4055.74,-2666.57 4055.74,-2648.82 3993.74,-2648.82"/>
1420
+ <text xml:space="preserve" text-anchor="start" x="3997.74" y="-2655.45" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#666666">string</text>
1421
+ <polygon fill="#fafafa" stroke="none" points="3925.74,-2631.07 3925.74,-2648.82 3993.74,-2648.82 3993.74,-2631.07 3925.74,-2631.07"/>
1422
+ <polygon fill="none" stroke="black" points="3925.74,-2631.07 3925.74,-2648.82 3993.74,-2648.82 3993.74,-2631.07 3925.74,-2631.07"/>
1423
+ <text xml:space="preserve" text-anchor="start" x="3929.74" y="-2637.32" font-family="Helvetica,sans-Serif" font-size="9.00"> &#160;placeholder</text>
1424
+ <polygon fill="#fafafa" stroke="none" points="3993.74,-2631.07 3993.74,-2648.82 4055.74,-2648.82 4055.74,-2631.07 3993.74,-2631.07"/>
1425
+ <polygon fill="none" stroke="black" points="3993.74,-2631.07 3993.74,-2648.82 4055.74,-2648.82 4055.74,-2631.07 3993.74,-2631.07"/>
1426
+ <text xml:space="preserve" text-anchor="start" x="3997.74" y="-2637.7" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#666666">string</text>
1427
+ <polygon fill="#fafafa" stroke="none" points="3925.74,-2613.32 3925.74,-2631.07 3993.74,-2631.07 3993.74,-2613.32 3925.74,-2613.32"/>
1428
+ <polygon fill="none" stroke="black" points="3925.74,-2613.32 3925.74,-2631.07 3993.74,-2631.07 3993.74,-2613.32 3925.74,-2613.32"/>
1429
+ <text xml:space="preserve" text-anchor="start" x="3929.74" y="-2619.57" font-family="Helvetica,sans-Serif" font-size="9.00"> &#160;label</text>
1430
+ <polygon fill="#fafafa" stroke="none" points="3993.74,-2613.32 3993.74,-2631.07 4055.74,-2631.07 4055.74,-2613.32 3993.74,-2613.32"/>
1431
+ <polygon fill="none" stroke="black" points="3993.74,-2613.32 3993.74,-2631.07 4055.74,-2631.07 4055.74,-2613.32 3993.74,-2613.32"/>
1432
+ <text xml:space="preserve" text-anchor="start" x="3997.74" y="-2619.95" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#666666">string</text>
1433
+ <polygon fill="#fafafa" stroke="none" points="3925.74,-2595.57 3925.74,-2613.32 3993.74,-2613.32 3993.74,-2595.57 3925.74,-2595.57"/>
1434
+ <polygon fill="none" stroke="black" points="3925.74,-2595.57 3925.74,-2613.32 3993.74,-2613.32 3993.74,-2595.57 3925.74,-2595.57"/>
1435
+ <text xml:space="preserve" text-anchor="start" x="3929.74" y="-2601.82" font-family="Helvetica,sans-Serif" font-size="9.00"> &#160;max</text>
1436
+ <polygon fill="#fafafa" stroke="none" points="3993.74,-2595.57 3993.74,-2613.32 4055.74,-2613.32 4055.74,-2595.57 3993.74,-2595.57"/>
1437
+ <polygon fill="none" stroke="black" points="3993.74,-2595.57 3993.74,-2613.32 4055.74,-2613.32 4055.74,-2595.57 3993.74,-2595.57"/>
1438
+ <text xml:space="preserve" text-anchor="start" x="3997.74" y="-2602.2" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#666666">string | number</text>
1439
+ <polygon fill="#fafafa" stroke="none" points="3925.74,-2577.82 3925.74,-2595.57 3993.74,-2595.57 3993.74,-2577.82 3925.74,-2577.82"/>
1440
+ <polygon fill="none" stroke="black" points="3925.74,-2577.82 3925.74,-2595.57 3993.74,-2595.57 3993.74,-2577.82 3925.74,-2577.82"/>
1441
+ <text xml:space="preserve" text-anchor="start" x="3929.74" y="-2584.07" font-family="Helvetica,sans-Serif" font-size="9.00"> &#160;min</text>
1442
+ <polygon fill="#fafafa" stroke="none" points="3993.74,-2577.82 3993.74,-2595.57 4055.74,-2595.57 4055.74,-2577.82 3993.74,-2577.82"/>
1443
+ <polygon fill="none" stroke="black" points="3993.74,-2577.82 3993.74,-2595.57 4055.74,-2595.57 4055.74,-2577.82 3993.74,-2577.82"/>
1444
+ <text xml:space="preserve" text-anchor="start" x="3997.74" y="-2584.45" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#666666">string | number</text>
1445
+ <polygon fill="#f5f5f5" stroke="none" points="3925.74,-2560.82 3925.74,-2577.82 4055.74,-2577.82 4055.74,-2560.82 3925.74,-2560.82"/>
1446
+ <polygon fill="none" stroke="black" points="3925.74,-2560.82 3925.74,-2577.82 4055.74,-2577.82 4055.74,-2560.82 3925.74,-2560.82"/>
1447
+ <text xml:space="preserve" text-anchor="start" x="3929.74" y="-2567.07" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#999999"> &#160;+18 more props</text>
1448
+ </g>
1449
+ <!-- cre8&#45;field&#45;&gt;slot -->
1450
+ <g id="edge23" class="edge">
1451
+ <title>cre8&#45;field&#45;&gt;slot:fieldNote</title>
1452
+ <path fill="none" stroke="#9c27b0" stroke-dasharray="5,2" d="M3926.07,-2577C3654.64,-2577 2621.41,-2577 2621.41,-2577 2621.41,-2577 2621.41,-1955 2621.41,-1955 2621.41,-1955 2371.44,-1955 2371.44,-1955"/>
1453
+ <polygon fill="#9c27b0" stroke="#9c27b0" points="2361.44,-1955 2371.44,-1950.5 2365.22,-1955 2371.44,-1955 2371.44,-1955 2371.44,-1955 2365.22,-1955 2371.44,-1959.5 2361.44,-1955"/>
1454
+ <text xml:space="preserve" text-anchor="middle" x="2819.38" y="-2578.2" font-family="Helvetica,sans-Serif" font-size="9.00" fill="#9c27b0">fieldNote</text>
1455
+ </g>
1456
+ <!-- cre8&#45;field&#45;note -->
1457
+ <g id="node39" class="node">
1458
+ <title>cre8&#45;field&#45;note</title>
1459
+ <polygon fill="#e0f7fa" stroke="none" points="4115.97,-2634.1 4115.97,-2654.1 4231.97,-2654.1 4231.97,-2634.1 4115.97,-2634.1"/>
1460
+ <polygon fill="none" stroke="black" points="4115.97,-2634.1 4115.97,-2654.1 4231.97,-2654.1 4231.97,-2634.1 4115.97,-2634.1"/>
1461
+ <text xml:space="preserve" text-anchor="start" x="4119.97" y="-2640.65" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="11.00" fill="#00838f">cre8&#45;field&#45;note</text>
1462
+ <text xml:space="preserve" text-anchor="start" x="4195.72" y="-2640.65" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#888888"> &#160;children</text>
1463
+ <polygon fill="#fafafa" stroke="none" points="4115.97,-2616.35 4115.97,-2634.1 4182.97,-2634.1 4182.97,-2616.35 4115.97,-2616.35"/>
1464
+ <polygon fill="none" stroke="black" points="4115.97,-2616.35 4115.97,-2634.1 4182.97,-2634.1 4182.97,-2616.35 4115.97,-2616.35"/>
1465
+ <text xml:space="preserve" text-anchor="start" x="4119.97" y="-2622.6" font-family="Helvetica,sans-Serif" font-size="9.00"> &#160;isError</text>
1466
+ <polygon fill="#fafafa" stroke="none" points="4182.97,-2616.35 4182.97,-2634.1 4231.97,-2634.1 4231.97,-2616.35 4182.97,-2616.35"/>
1467
+ <polygon fill="none" stroke="black" points="4182.97,-2616.35 4182.97,-2634.1 4231.97,-2634.1 4231.97,-2616.35 4182.97,-2616.35"/>
1468
+ <text xml:space="preserve" text-anchor="start" x="4186.97" y="-2622.98" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#666666">boolean</text>
1469
+ <polygon fill="#fafafa" stroke="none" points="4115.97,-2598.6 4115.97,-2616.35 4182.97,-2616.35 4182.97,-2598.6 4115.97,-2598.6"/>
1470
+ <polygon fill="none" stroke="black" points="4115.97,-2598.6 4115.97,-2616.35 4182.97,-2616.35 4182.97,-2598.6 4115.97,-2598.6"/>
1471
+ <text xml:space="preserve" text-anchor="start" x="4119.97" y="-2604.85" font-family="Helvetica,sans-Serif" font-size="9.00"> &#160;isSuccess</text>
1472
+ <polygon fill="#fafafa" stroke="none" points="4182.97,-2598.6 4182.97,-2616.35 4231.97,-2616.35 4231.97,-2598.6 4182.97,-2598.6"/>
1473
+ <polygon fill="none" stroke="black" points="4182.97,-2598.6 4182.97,-2616.35 4231.97,-2616.35 4231.97,-2598.6 4182.97,-2598.6"/>
1474
+ <text xml:space="preserve" text-anchor="start" x="4186.97" y="-2605.23" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#666666">boolean</text>
1475
+ <polygon fill="#fafafa" stroke="none" points="4115.97,-2580.85 4115.97,-2598.6 4182.97,-2598.6 4182.97,-2580.85 4115.97,-2580.85"/>
1476
+ <polygon fill="none" stroke="black" points="4115.97,-2580.85 4115.97,-2598.6 4182.97,-2598.6 4182.97,-2580.85 4115.97,-2580.85"/>
1477
+ <text xml:space="preserve" text-anchor="start" x="4119.97" y="-2587.1" font-family="Helvetica,sans-Serif" font-size="9.00"> &#160;iconName</text>
1478
+ <polygon fill="#fafafa" stroke="none" points="4182.97,-2580.85 4182.97,-2598.6 4231.97,-2598.6 4231.97,-2580.85 4182.97,-2580.85"/>
1479
+ <polygon fill="none" stroke="black" points="4182.97,-2580.85 4182.97,-2598.6 4231.97,-2598.6 4231.97,-2580.85 4182.97,-2580.85"/>
1480
+ <text xml:space="preserve" text-anchor="start" x="4186.97" y="-2587.48" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#666666">string</text>
1481
+ </g>
1482
+ <!-- cre8&#45;multi&#45;select -->
1483
+ <g id="node40" class="node">
1484
+ <title>cre8&#45;multi&#45;select</title>
1485
+ <polygon fill="#e0f7fa" stroke="none" points="3496.13,-2792.54 3496.13,-2812.54 3631.63,-2812.54 3631.63,-2792.54 3496.13,-2792.54"/>
1486
+ <polygon fill="none" stroke="black" points="3496.13,-2792.54 3496.13,-2812.54 3631.63,-2812.54 3631.63,-2792.54 3496.13,-2792.54"/>
1487
+ <text xml:space="preserve" text-anchor="start" x="3500.13" y="-2799.09" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="11.00" fill="#00838f">cre8&#45;multi&#45;select</text>
1488
+ <text xml:space="preserve" text-anchor="start" x="3587.13" y="-2799.09" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#888888"> &#160;[fieldNote]</text>
1489
+ <polygon fill="#fafafa" stroke="none" points="3496.13,-2774.79 3496.13,-2792.54 3586.76,-2792.54 3586.76,-2774.79 3496.13,-2774.79"/>
1490
+ <polygon fill="none" stroke="black" points="3496.13,-2774.79 3496.13,-2792.54 3586.76,-2792.54 3586.76,-2774.79 3496.13,-2774.79"/>
1491
+ <text xml:space="preserve" text-anchor="start" x="3500.13" y="-2781.04" font-family="Helvetica,sans-Serif" font-size="9.00"> &#160;items</text>
1492
+ <polygon fill="#fafafa" stroke="none" points="3586.76,-2774.79 3586.76,-2792.54 3631.63,-2792.54 3631.63,-2774.79 3586.76,-2774.79"/>
1493
+ <polygon fill="none" stroke="black" points="3586.76,-2774.79 3586.76,-2792.54 3631.63,-2792.54 3631.63,-2774.79 3586.76,-2774.79"/>
1494
+ <text xml:space="preserve" text-anchor="start" x="3590.76" y="-2781.42" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#666666">array</text>
1495
+ <polygon fill="#fafafa" stroke="none" points="3496.13,-2757.04 3496.13,-2774.79 3586.76,-2774.79 3586.76,-2757.04 3496.13,-2757.04"/>
1496
+ <polygon fill="none" stroke="black" points="3496.13,-2757.04 3496.13,-2774.79 3586.76,-2774.79 3586.76,-2757.04 3496.13,-2757.04"/>
1497
+ <text xml:space="preserve" text-anchor="start" x="3500.13" y="-2763.29" font-family="Helvetica,sans-Serif" font-size="9.00"> &#160;label</text>
1498
+ <polygon fill="#fafafa" stroke="none" points="3586.76,-2757.04 3586.76,-2774.79 3631.63,-2774.79 3631.63,-2757.04 3586.76,-2757.04"/>
1499
+ <polygon fill="none" stroke="black" points="3586.76,-2757.04 3586.76,-2774.79 3631.63,-2774.79 3631.63,-2757.04 3586.76,-2757.04"/>
1500
+ <text xml:space="preserve" text-anchor="start" x="3590.76" y="-2763.67" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#666666">string</text>
1501
+ <polygon fill="#fafafa" stroke="none" points="3496.13,-2739.29 3496.13,-2757.04 3586.76,-2757.04 3586.76,-2739.29 3496.13,-2739.29"/>
1502
+ <polygon fill="none" stroke="black" points="3496.13,-2739.29 3496.13,-2757.04 3586.76,-2757.04 3586.76,-2739.29 3496.13,-2739.29"/>
1503
+ <text xml:space="preserve" text-anchor="start" x="3500.13" y="-2745.54" font-family="Helvetica,sans-Serif" font-size="9.00"> &#160;disabled</text>
1504
+ <polygon fill="#fafafa" stroke="none" points="3586.76,-2739.29 3586.76,-2757.04 3631.63,-2757.04 3631.63,-2739.29 3586.76,-2739.29"/>
1505
+ <polygon fill="none" stroke="black" points="3586.76,-2739.29 3586.76,-2757.04 3631.63,-2757.04 3631.63,-2739.29 3586.76,-2739.29"/>
1506
+ <text xml:space="preserve" text-anchor="start" x="3590.76" y="-2745.92" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#666666">boolean</text>
1507
+ <polygon fill="#fafafa" stroke="none" points="3496.13,-2721.54 3496.13,-2739.29 3586.76,-2739.29 3586.76,-2721.54 3496.13,-2721.54"/>
1508
+ <polygon fill="none" stroke="black" points="3496.13,-2721.54 3496.13,-2739.29 3586.76,-2739.29 3586.76,-2721.54 3496.13,-2721.54"/>
1509
+ <text xml:space="preserve" text-anchor="start" x="3500.13" y="-2727.79" font-family="Helvetica,sans-Serif" font-size="9.00"> &#160;preselectedItems</text>
1510
+ <polygon fill="#fafafa" stroke="none" points="3586.76,-2721.54 3586.76,-2739.29 3631.63,-2739.29 3631.63,-2721.54 3586.76,-2721.54"/>
1511
+ <polygon fill="none" stroke="black" points="3586.76,-2721.54 3586.76,-2739.29 3631.63,-2739.29 3631.63,-2721.54 3586.76,-2721.54"/>
1512
+ <text xml:space="preserve" text-anchor="start" x="3590.76" y="-2728.17" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#666666">array</text>
1513
+ <polygon fill="#fafafa" stroke="none" points="3496.13,-2703.79 3496.13,-2721.54 3586.76,-2721.54 3586.76,-2703.79 3496.13,-2703.79"/>
1514
+ <polygon fill="none" stroke="black" points="3496.13,-2703.79 3496.13,-2721.54 3586.76,-2721.54 3586.76,-2703.79 3496.13,-2703.79"/>
1515
+ <text xml:space="preserve" text-anchor="start" x="3500.13" y="-2710.04" font-family="Helvetica,sans-Serif" font-size="9.00"> &#160;fieldId</text>
1516
+ <polygon fill="#fafafa" stroke="none" points="3586.76,-2703.79 3586.76,-2721.54 3631.63,-2721.54 3631.63,-2703.79 3586.76,-2703.79"/>
1517
+ <polygon fill="none" stroke="black" points="3586.76,-2703.79 3586.76,-2721.54 3631.63,-2721.54 3631.63,-2703.79 3586.76,-2703.79"/>
1518
+ <text xml:space="preserve" text-anchor="start" x="3590.76" y="-2710.42" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#666666">string</text>
1519
+ <polygon fill="#fafafa" stroke="none" points="3496.13,-2686.04 3496.13,-2703.79 3586.76,-2703.79 3586.76,-2686.04 3496.13,-2686.04"/>
1520
+ <polygon fill="none" stroke="black" points="3496.13,-2686.04 3496.13,-2703.79 3586.76,-2703.79 3586.76,-2686.04 3496.13,-2686.04"/>
1521
+ <text xml:space="preserve" text-anchor="start" x="3500.13" y="-2692.29" font-family="Helvetica,sans-Serif" font-size="9.00"> &#160;fieldNote</text>
1522
+ <polygon fill="#fafafa" stroke="none" points="3586.76,-2686.04 3586.76,-2703.79 3631.63,-2703.79 3631.63,-2686.04 3586.76,-2686.04"/>
1523
+ <polygon fill="none" stroke="black" points="3586.76,-2686.04 3586.76,-2703.79 3631.63,-2703.79 3631.63,-2686.04 3586.76,-2686.04"/>
1524
+ <text xml:space="preserve" text-anchor="start" x="3590.76" y="-2692.67" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#666666">string</text>
1525
+ <polygon fill="#f5f5f5" stroke="none" points="3496.13,-2669.04 3496.13,-2686.04 3631.63,-2686.04 3631.63,-2669.04 3496.13,-2669.04"/>
1526
+ <polygon fill="none" stroke="black" points="3496.13,-2669.04 3496.13,-2686.04 3631.63,-2686.04 3631.63,-2669.04 3496.13,-2669.04"/>
1527
+ <text xml:space="preserve" text-anchor="start" x="3500.13" y="-2675.29" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#999999"> &#160;+8 more props</text>
1528
+ </g>
1529
+ <!-- cre8&#45;multi&#45;select&#45;&gt;slot -->
1530
+ <g id="edge24" class="edge">
1531
+ <title>cre8&#45;multi&#45;select&#45;&gt;slot:fieldNote</title>
1532
+ <path fill="none" stroke="#9c27b0" stroke-dasharray="5,2" d="M3496.33,-2686C3277.68,-2686 2603.26,-2686 2603.26,-2686 2603.26,-2686 2603.26,-1951 2603.26,-1951 2603.26,-1951 2371.46,-1951 2371.46,-1951"/>
1533
+ <polygon fill="#9c27b0" stroke="#9c27b0" points="2361.46,-1951 2371.46,-1946.5 2365.25,-1951 2371.46,-1951 2371.46,-1951 2371.46,-1951 2365.25,-1951 2371.46,-1955.5 2361.46,-1951"/>
1534
+ <text xml:space="preserve" text-anchor="middle" x="2584.89" y="-2650.34" font-family="Helvetica,sans-Serif" font-size="9.00" fill="#9c27b0">fieldNote</text>
1535
+ </g>
1536
+ <!-- cre8&#45;radio&#45;field -->
1537
+ <g id="node41" class="node">
1538
+ <title>cre8&#45;radio&#45;field</title>
1539
+ <polygon fill="#e0f7fa" stroke="none" points="4023.1,-3045.23 4023.1,-3065.23 4150.85,-3065.23 4150.85,-3045.23 4023.1,-3045.23"/>
1540
+ <polygon fill="none" stroke="black" points="4023.1,-3045.23 4023.1,-3065.23 4150.85,-3065.23 4150.85,-3045.23 4023.1,-3045.23"/>
1541
+ <text xml:space="preserve" text-anchor="start" x="4027.1" y="-3051.78" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="11.00" fill="#00838f">cre8&#45;radio&#45;field</text>
1542
+ <text xml:space="preserve" text-anchor="start" x="4106.6" y="-3051.78" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#888888"> &#160;children</text>
1543
+ <polygon fill="#fafafa" stroke="none" points="4023.1,-3027.48 4023.1,-3045.23 4114.35,-3045.23 4114.35,-3027.48 4023.1,-3027.48"/>
1544
+ <polygon fill="none" stroke="black" points="4023.1,-3027.48 4023.1,-3045.23 4114.35,-3045.23 4114.35,-3027.48 4023.1,-3027.48"/>
1545
+ <text xml:space="preserve" text-anchor="start" x="4027.1" y="-3033.73" font-family="Helvetica,sans-Serif" font-size="9.00"> &#160;label</text>
1546
+ <polygon fill="#fafafa" stroke="none" points="4114.35,-3027.48 4114.35,-3045.23 4150.85,-3045.23 4150.85,-3027.48 4114.35,-3027.48"/>
1547
+ <polygon fill="none" stroke="black" points="4114.35,-3027.48 4114.35,-3045.23 4150.85,-3045.23 4150.85,-3027.48 4114.35,-3027.48"/>
1548
+ <text xml:space="preserve" text-anchor="start" x="4118.35" y="-3034.1" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#666666">string</text>
1549
+ <polygon fill="#fafafa" stroke="none" points="4023.1,-3009.73 4023.1,-3027.48 4114.35,-3027.48 4114.35,-3009.73 4023.1,-3009.73"/>
1550
+ <polygon fill="none" stroke="black" points="4023.1,-3009.73 4023.1,-3027.48 4114.35,-3027.48 4114.35,-3009.73 4023.1,-3009.73"/>
1551
+ <text xml:space="preserve" text-anchor="start" x="4027.1" y="-3015.98" font-family="Helvetica,sans-Serif" font-size="9.00"> &#160;fieldNote</text>
1552
+ <polygon fill="#fafafa" stroke="none" points="4114.35,-3009.73 4114.35,-3027.48 4150.85,-3027.48 4150.85,-3009.73 4114.35,-3009.73"/>
1553
+ <polygon fill="none" stroke="black" points="4114.35,-3009.73 4114.35,-3027.48 4150.85,-3027.48 4150.85,-3009.73 4114.35,-3009.73"/>
1554
+ <text xml:space="preserve" text-anchor="start" x="4118.35" y="-3016.35" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#666666">string</text>
1555
+ <polygon fill="#fafafa" stroke="none" points="4023.1,-2991.98 4023.1,-3009.73 4114.35,-3009.73 4114.35,-2991.98 4023.1,-2991.98"/>
1556
+ <polygon fill="none" stroke="black" points="4023.1,-2991.98 4023.1,-3009.73 4114.35,-3009.73 4114.35,-2991.98 4023.1,-2991.98"/>
1557
+ <text xml:space="preserve" text-anchor="start" x="4027.1" y="-2998.23" font-family="Helvetica,sans-Serif" font-size="9.00"> &#160;ariaDescribedBy</text>
1558
+ <polygon fill="#fafafa" stroke="none" points="4114.35,-2991.98 4114.35,-3009.73 4150.85,-3009.73 4150.85,-2991.98 4114.35,-2991.98"/>
1559
+ <polygon fill="none" stroke="black" points="4114.35,-2991.98 4114.35,-3009.73 4150.85,-3009.73 4150.85,-2991.98 4114.35,-2991.98"/>
1560
+ <text xml:space="preserve" text-anchor="start" x="4118.35" y="-2998.6" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#666666">string</text>
1561
+ <polygon fill="#fafafa" stroke="none" points="4023.1,-2974.23 4023.1,-2991.98 4114.35,-2991.98 4114.35,-2974.23 4023.1,-2974.23"/>
1562
+ <polygon fill="none" stroke="black" points="4023.1,-2974.23 4023.1,-2991.98 4114.35,-2991.98 4114.35,-2974.23 4023.1,-2974.23"/>
1563
+ <text xml:space="preserve" text-anchor="start" x="4027.1" y="-2980.48" font-family="Helvetica,sans-Serif" font-size="9.00"> &#160;fieldNoteIconName</text>
1564
+ <polygon fill="#fafafa" stroke="none" points="4114.35,-2974.23 4114.35,-2991.98 4150.85,-2991.98 4150.85,-2974.23 4114.35,-2974.23"/>
1565
+ <polygon fill="none" stroke="black" points="4114.35,-2974.23 4114.35,-2991.98 4150.85,-2991.98 4150.85,-2974.23 4114.35,-2974.23"/>
1566
+ <text xml:space="preserve" text-anchor="start" x="4118.35" y="-2980.85" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#666666">string</text>
1567
+ <polygon fill="#fafafa" stroke="none" points="4023.1,-2956.48 4023.1,-2974.23 4114.35,-2974.23 4114.35,-2956.48 4023.1,-2956.48"/>
1568
+ <polygon fill="none" stroke="black" points="4023.1,-2956.48 4023.1,-2974.23 4114.35,-2974.23 4114.35,-2956.48 4023.1,-2956.48"/>
1569
+ <text xml:space="preserve" text-anchor="start" x="4027.1" y="-2962.73" font-family="Helvetica,sans-Serif" font-size="9.00"> &#160;fieldNoteKnockout</text>
1570
+ <polygon fill="#fafafa" stroke="none" points="4114.35,-2956.48 4114.35,-2974.23 4150.85,-2974.23 4150.85,-2956.48 4114.35,-2956.48"/>
1571
+ <polygon fill="none" stroke="black" points="4114.35,-2956.48 4114.35,-2974.23 4150.85,-2974.23 4150.85,-2956.48 4114.35,-2956.48"/>
1572
+ <text xml:space="preserve" text-anchor="start" x="4118.35" y="-2963.1" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#666666">boolean</text>
1573
+ <polygon fill="#fafafa" stroke="none" points="4023.1,-2938.73 4023.1,-2956.48 4114.35,-2956.48 4114.35,-2938.73 4023.1,-2938.73"/>
1574
+ <polygon fill="none" stroke="black" points="4023.1,-2938.73 4023.1,-2956.48 4114.35,-2956.48 4114.35,-2938.73 4023.1,-2938.73"/>
1575
+ <text xml:space="preserve" text-anchor="start" x="4027.1" y="-2944.98" font-family="Helvetica,sans-Serif" font-size="9.00"> &#160;isSuccess</text>
1576
+ <polygon fill="#fafafa" stroke="none" points="4114.35,-2938.73 4114.35,-2956.48 4150.85,-2956.48 4150.85,-2938.73 4114.35,-2938.73"/>
1577
+ <polygon fill="none" stroke="black" points="4114.35,-2938.73 4114.35,-2956.48 4150.85,-2956.48 4150.85,-2938.73 4114.35,-2938.73"/>
1578
+ <text xml:space="preserve" text-anchor="start" x="4118.35" y="-2945.35" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#666666">boolean</text>
1579
+ <polygon fill="#f5f5f5" stroke="none" points="4023.1,-2921.73 4023.1,-2938.73 4150.85,-2938.73 4150.85,-2921.73 4023.1,-2921.73"/>
1580
+ <polygon fill="none" stroke="black" points="4023.1,-2921.73 4023.1,-2938.73 4150.85,-2938.73 4150.85,-2921.73 4023.1,-2921.73"/>
1581
+ <text xml:space="preserve" text-anchor="start" x="4027.1" y="-2927.98" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#999999"> &#160;+1 more props</text>
1582
+ </g>
1583
+ <!-- cre8&#45;radio&#45;field&#45;item -->
1584
+ <g id="node42" class="node">
1585
+ <title>cre8&#45;radio&#45;field&#45;item</title>
1586
+ <polygon fill="#e0f7fa" stroke="none" points="4054.1,-2487.23 4054.1,-2507.23 4167.85,-2507.23 4167.85,-2487.23 4054.1,-2487.23"/>
1587
+ <polygon fill="none" stroke="black" points="4054.1,-2487.23 4054.1,-2507.23 4167.85,-2507.23 4167.85,-2487.23 4054.1,-2487.23"/>
1588
+ <text xml:space="preserve" text-anchor="start" x="4058.1" y="-2493.78" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="11.00" fill="#00838f">cre8&#45;radio&#45;field&#45;item</text>
1589
+ <polygon fill="#fafafa" stroke="none" points="4054.1,-2469.48 4054.1,-2487.23 4116.6,-2487.23 4116.6,-2469.48 4054.1,-2469.48"/>
1590
+ <polygon fill="none" stroke="black" points="4054.1,-2469.48 4054.1,-2487.23 4116.6,-2487.23 4116.6,-2469.48 4054.1,-2469.48"/>
1591
+ <text xml:space="preserve" text-anchor="start" x="4058.1" y="-2475.73" font-family="Helvetica,sans-Serif" font-size="9.00"> &#160;checked</text>
1592
+ <polygon fill="#fafafa" stroke="none" points="4116.6,-2469.48 4116.6,-2487.23 4167.85,-2487.23 4167.85,-2469.48 4116.6,-2469.48"/>
1593
+ <polygon fill="none" stroke="black" points="4116.6,-2469.48 4116.6,-2487.23 4167.85,-2487.23 4167.85,-2469.48 4116.6,-2469.48"/>
1594
+ <text xml:space="preserve" text-anchor="start" x="4120.6" y="-2476.1" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#666666">boolean</text>
1595
+ <polygon fill="#fafafa" stroke="none" points="4054.1,-2451.73 4054.1,-2469.48 4116.6,-2469.48 4116.6,-2451.73 4054.1,-2451.73"/>
1596
+ <polygon fill="none" stroke="black" points="4054.1,-2451.73 4054.1,-2469.48 4116.6,-2469.48 4116.6,-2451.73 4054.1,-2451.73"/>
1597
+ <text xml:space="preserve" text-anchor="start" x="4058.1" y="-2457.98" font-family="Helvetica,sans-Serif" font-size="9.00"> &#160;label</text>
1598
+ <polygon fill="#fafafa" stroke="none" points="4116.6,-2451.73 4116.6,-2469.48 4167.85,-2469.48 4167.85,-2451.73 4116.6,-2451.73"/>
1599
+ <polygon fill="none" stroke="black" points="4116.6,-2451.73 4116.6,-2469.48 4167.85,-2469.48 4167.85,-2451.73 4116.6,-2451.73"/>
1600
+ <text xml:space="preserve" text-anchor="start" x="4120.6" y="-2458.35" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#666666">string</text>
1601
+ <polygon fill="#fafafa" stroke="none" points="4054.1,-2433.98 4054.1,-2451.73 4116.6,-2451.73 4116.6,-2433.98 4054.1,-2433.98"/>
1602
+ <polygon fill="none" stroke="black" points="4054.1,-2433.98 4054.1,-2451.73 4116.6,-2451.73 4116.6,-2433.98 4054.1,-2433.98"/>
1603
+ <text xml:space="preserve" text-anchor="start" x="4058.1" y="-2440.23" font-family="Helvetica,sans-Serif" font-size="9.00"> &#160;name</text>
1604
+ <polygon fill="#fafafa" stroke="none" points="4116.6,-2433.98 4116.6,-2451.73 4167.85,-2451.73 4167.85,-2433.98 4116.6,-2433.98"/>
1605
+ <polygon fill="none" stroke="black" points="4116.6,-2433.98 4116.6,-2451.73 4167.85,-2451.73 4167.85,-2433.98 4116.6,-2433.98"/>
1606
+ <text xml:space="preserve" text-anchor="start" x="4120.6" y="-2440.6" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#666666">string</text>
1607
+ <polygon fill="#fafafa" stroke="none" points="4054.1,-2416.23 4054.1,-2433.98 4116.6,-2433.98 4116.6,-2416.23 4054.1,-2416.23"/>
1608
+ <polygon fill="none" stroke="black" points="4054.1,-2416.23 4054.1,-2433.98 4116.6,-2433.98 4116.6,-2416.23 4054.1,-2416.23"/>
1609
+ <text xml:space="preserve" text-anchor="start" x="4058.1" y="-2422.48" font-family="Helvetica,sans-Serif" font-size="9.00"> &#160;disabled</text>
1610
+ <polygon fill="#fafafa" stroke="none" points="4116.6,-2416.23 4116.6,-2433.98 4167.85,-2433.98 4167.85,-2416.23 4116.6,-2416.23"/>
1611
+ <polygon fill="none" stroke="black" points="4116.6,-2416.23 4116.6,-2433.98 4167.85,-2433.98 4167.85,-2416.23 4116.6,-2416.23"/>
1612
+ <text xml:space="preserve" text-anchor="start" x="4120.6" y="-2422.85" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#666666">boolean</text>
1613
+ <polygon fill="#fafafa" stroke="none" points="4054.1,-2398.48 4054.1,-2416.23 4116.6,-2416.23 4116.6,-2398.48 4054.1,-2398.48"/>
1614
+ <polygon fill="none" stroke="black" points="4054.1,-2398.48 4054.1,-2416.23 4116.6,-2416.23 4116.6,-2398.48 4054.1,-2398.48"/>
1615
+ <text xml:space="preserve" text-anchor="start" x="4058.1" y="-2404.73" font-family="Helvetica,sans-Serif" font-size="9.00"> &#160;required</text>
1616
+ <polygon fill="#fafafa" stroke="none" points="4116.6,-2398.48 4116.6,-2416.23 4167.85,-2416.23 4167.85,-2398.48 4116.6,-2398.48"/>
1617
+ <polygon fill="none" stroke="black" points="4116.6,-2398.48 4116.6,-2416.23 4167.85,-2416.23 4167.85,-2398.48 4116.6,-2398.48"/>
1618
+ <text xml:space="preserve" text-anchor="start" x="4120.6" y="-2405.1" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#666666">boolean</text>
1619
+ <polygon fill="#fafafa" stroke="none" points="4054.1,-2380.73 4054.1,-2398.48 4116.6,-2398.48 4116.6,-2380.73 4054.1,-2380.73"/>
1620
+ <polygon fill="none" stroke="black" points="4054.1,-2380.73 4054.1,-2398.48 4116.6,-2398.48 4116.6,-2380.73 4054.1,-2380.73"/>
1621
+ <text xml:space="preserve" text-anchor="start" x="4058.1" y="-2386.98" font-family="Helvetica,sans-Serif" font-size="9.00"> &#160;value</text>
1622
+ <polygon fill="#fafafa" stroke="none" points="4116.6,-2380.73 4116.6,-2398.48 4167.85,-2398.48 4167.85,-2380.73 4116.6,-2380.73"/>
1623
+ <polygon fill="none" stroke="black" points="4116.6,-2380.73 4116.6,-2398.48 4167.85,-2398.48 4167.85,-2380.73 4116.6,-2380.73"/>
1624
+ <text xml:space="preserve" text-anchor="start" x="4120.6" y="-2387.35" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#666666">string</text>
1625
+ <polygon fill="#f5f5f5" stroke="none" points="4054.1,-2363.73 4054.1,-2380.73 4167.85,-2380.73 4167.85,-2363.73 4054.1,-2363.73"/>
1626
+ <polygon fill="none" stroke="black" points="4054.1,-2363.73 4054.1,-2380.73 4167.85,-2380.73 4167.85,-2363.73 4054.1,-2363.73"/>
1627
+ <text xml:space="preserve" text-anchor="start" x="4058.1" y="-2369.98" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#999999"> &#160;+9 more props</text>
1628
+ </g>
1629
+ <!-- cre8&#45;select -->
1630
+ <g id="node43" class="node">
1631
+ <title>cre8&#45;select</title>
1632
+ <polygon fill="#e0f7fa" stroke="none" points="3749.47,-2997.7 3749.47,-3017.7 3854.97,-3017.7 3854.97,-2997.7 3749.47,-2997.7"/>
1633
+ <polygon fill="none" stroke="black" points="3749.47,-2997.7 3749.47,-3017.7 3854.97,-3017.7 3854.97,-2997.7 3749.47,-2997.7"/>
1634
+ <text xml:space="preserve" text-anchor="start" x="3753.47" y="-3004.25" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="11.00" fill="#00838f">cre8&#45;select</text>
1635
+ <text xml:space="preserve" text-anchor="start" x="3810.47" y="-3004.25" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#888888"> &#160;[fieldNote]</text>
1636
+ <polygon fill="#fafafa" stroke="none" points="3749.47,-2979.95 3749.47,-2997.7 3807.85,-2997.7 3807.85,-2979.95 3749.47,-2979.95"/>
1637
+ <polygon fill="none" stroke="black" points="3749.47,-2979.95 3749.47,-2997.7 3807.85,-2997.7 3807.85,-2979.95 3749.47,-2979.95"/>
1638
+ <text xml:space="preserve" text-anchor="start" x="3753.47" y="-2986.2" font-family="Helvetica,sans-Serif" font-size="9.00"> &#160;items</text>
1639
+ <polygon fill="#fafafa" stroke="none" points="3807.85,-2979.95 3807.85,-2997.7 3854.97,-2997.7 3854.97,-2979.95 3807.85,-2979.95"/>
1640
+ <polygon fill="none" stroke="black" points="3807.85,-2979.95 3807.85,-2997.7 3854.97,-2997.7 3854.97,-2979.95 3807.85,-2979.95"/>
1641
+ <text xml:space="preserve" text-anchor="start" x="3811.85" y="-2986.57" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#666666">array</text>
1642
+ <polygon fill="#fafafa" stroke="none" points="3749.47,-2962.2 3749.47,-2979.95 3807.85,-2979.95 3807.85,-2962.2 3749.47,-2962.2"/>
1643
+ <polygon fill="none" stroke="black" points="3749.47,-2962.2 3749.47,-2979.95 3807.85,-2979.95 3807.85,-2962.2 3749.47,-2962.2"/>
1644
+ <text xml:space="preserve" text-anchor="start" x="3753.47" y="-2968.45" font-family="Helvetica,sans-Serif" font-size="9.00"> &#160;label</text>
1645
+ <polygon fill="#fafafa" stroke="none" points="3807.85,-2962.2 3807.85,-2979.95 3854.97,-2979.95 3854.97,-2962.2 3807.85,-2962.2"/>
1646
+ <polygon fill="none" stroke="black" points="3807.85,-2962.2 3807.85,-2979.95 3854.97,-2979.95 3854.97,-2962.2 3807.85,-2962.2"/>
1647
+ <text xml:space="preserve" text-anchor="start" x="3811.85" y="-2968.82" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#666666">string</text>
1648
+ <polygon fill="#fafafa" stroke="none" points="3749.47,-2944.45 3749.47,-2962.2 3807.85,-2962.2 3807.85,-2944.45 3749.47,-2944.45"/>
1649
+ <polygon fill="none" stroke="black" points="3749.47,-2944.45 3749.47,-2962.2 3807.85,-2962.2 3807.85,-2944.45 3749.47,-2944.45"/>
1650
+ <text xml:space="preserve" text-anchor="start" x="3753.47" y="-2950.7" font-family="Helvetica,sans-Serif" font-size="9.00"> &#160;name</text>
1651
+ <polygon fill="#fafafa" stroke="none" points="3807.85,-2944.45 3807.85,-2962.2 3854.97,-2962.2 3854.97,-2944.45 3807.85,-2944.45"/>
1652
+ <polygon fill="none" stroke="black" points="3807.85,-2944.45 3807.85,-2962.2 3854.97,-2962.2 3854.97,-2944.45 3807.85,-2944.45"/>
1653
+ <text xml:space="preserve" text-anchor="start" x="3811.85" y="-2951.07" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#666666">string</text>
1654
+ <polygon fill="#fafafa" stroke="none" points="3749.47,-2926.7 3749.47,-2944.45 3807.85,-2944.45 3807.85,-2926.7 3749.47,-2926.7"/>
1655
+ <polygon fill="none" stroke="black" points="3749.47,-2926.7 3749.47,-2944.45 3807.85,-2944.45 3807.85,-2926.7 3749.47,-2926.7"/>
1656
+ <text xml:space="preserve" text-anchor="start" x="3753.47" y="-2932.95" font-family="Helvetica,sans-Serif" font-size="9.00"> &#160;disabled</text>
1657
+ <polygon fill="#fafafa" stroke="none" points="3807.85,-2926.7 3807.85,-2944.45 3854.97,-2944.45 3854.97,-2926.7 3807.85,-2926.7"/>
1658
+ <polygon fill="none" stroke="black" points="3807.85,-2926.7 3807.85,-2944.45 3854.97,-2944.45 3854.97,-2926.7 3807.85,-2926.7"/>
1659
+ <text xml:space="preserve" text-anchor="start" x="3811.85" y="-2933.32" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#666666">boolean</text>
1660
+ <polygon fill="#fafafa" stroke="none" points="3749.47,-2908.95 3749.47,-2926.7 3807.85,-2926.7 3807.85,-2908.95 3749.47,-2908.95"/>
1661
+ <polygon fill="none" stroke="black" points="3749.47,-2908.95 3749.47,-2926.7 3807.85,-2926.7 3807.85,-2908.95 3749.47,-2908.95"/>
1662
+ <text xml:space="preserve" text-anchor="start" x="3753.47" y="-2915.2" font-family="Helvetica,sans-Serif" font-size="9.00"> &#160;required</text>
1663
+ <polygon fill="#fafafa" stroke="none" points="3807.85,-2908.95 3807.85,-2926.7 3854.97,-2926.7 3854.97,-2908.95 3807.85,-2908.95"/>
1664
+ <polygon fill="none" stroke="black" points="3807.85,-2908.95 3807.85,-2926.7 3854.97,-2926.7 3854.97,-2908.95 3807.85,-2908.95"/>
1665
+ <text xml:space="preserve" text-anchor="start" x="3811.85" y="-2915.57" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#666666">boolean</text>
1666
+ <polygon fill="#fafafa" stroke="none" points="3749.47,-2891.2 3749.47,-2908.95 3807.85,-2908.95 3807.85,-2891.2 3749.47,-2891.2"/>
1667
+ <polygon fill="none" stroke="black" points="3749.47,-2891.2 3749.47,-2908.95 3807.85,-2908.95 3807.85,-2891.2 3749.47,-2891.2"/>
1668
+ <text xml:space="preserve" text-anchor="start" x="3753.47" y="-2897.45" font-family="Helvetica,sans-Serif" font-size="9.00"> &#160;value</text>
1669
+ <polygon fill="#fafafa" stroke="none" points="3807.85,-2891.2 3807.85,-2908.95 3854.97,-2908.95 3854.97,-2891.2 3807.85,-2891.2"/>
1670
+ <polygon fill="none" stroke="black" points="3807.85,-2891.2 3807.85,-2908.95 3854.97,-2908.95 3854.97,-2891.2 3807.85,-2891.2"/>
1671
+ <text xml:space="preserve" text-anchor="start" x="3811.85" y="-2897.82" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#666666">string</text>
1672
+ <polygon fill="#f5f5f5" stroke="none" points="3749.47,-2874.2 3749.47,-2891.2 3854.97,-2891.2 3854.97,-2874.2 3749.47,-2874.2"/>
1673
+ <polygon fill="none" stroke="black" points="3749.47,-2874.2 3749.47,-2891.2 3854.97,-2891.2 3854.97,-2874.2 3749.47,-2874.2"/>
1674
+ <text xml:space="preserve" text-anchor="start" x="3753.47" y="-2880.45" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#999999"> &#160;+9 more props</text>
1675
+ </g>
1676
+ <!-- cre8&#45;select&#45;&gt;slot -->
1677
+ <g id="edge25" class="edge">
1678
+ <title>cre8&#45;select&#45;&gt;slot:fieldNote</title>
1679
+ <path fill="none" stroke="#9c27b0" stroke-dasharray="5,2" d="M3821.25,-2874.47C3821.25,-2687.27 3821.25,-2197 3821.25,-2197 3821.25,-2197 2317.08,-2197 2317.08,-2197 2317.08,-2197 2317.08,-1967.86 2317.08,-1967.86"/>
1680
+ <polygon fill="#9c27b0" stroke="#9c27b0" points="2317.08,-1957.86 2321.58,-1967.86 2317.08,-1961.64 2317.08,-1967.86 2317.08,-1967.86 2317.08,-1967.86 2317.08,-1961.64 2312.58,-1967.86 2317.08,-1957.86"/>
1681
+ <text xml:space="preserve" text-anchor="middle" x="3274.95" y="-2198.2" font-family="Helvetica,sans-Serif" font-size="9.00" fill="#9c27b0">fieldNote</text>
1682
+ </g>
1683
+ <!-- cre8&#45;select&#45;tile -->
1684
+ <g id="node44" class="node">
1685
+ <title>cre8&#45;select&#45;tile</title>
1686
+ <polygon fill="#e0f7fa" stroke="none" points="3825.28,-2837.5 3825.28,-2857.5 4063.53,-2857.5 4063.53,-2837.5 3825.28,-2837.5"/>
1687
+ <polygon fill="none" stroke="black" points="3825.28,-2837.5 3825.28,-2857.5 4063.53,-2857.5 4063.53,-2837.5 3825.28,-2837.5"/>
1688
+ <text xml:space="preserve" text-anchor="start" x="3829.28" y="-2844.05" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="11.00" fill="#00838f">cre8&#45;select&#45;tile</text>
1689
+ <text xml:space="preserve" text-anchor="start" x="3905.78" y="-2844.05" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#888888"> &#160;[default] · [header] · [footer] · [title] · [body]</text>
1690
+ <polygon fill="#fafafa" stroke="none" points="3825.28,-2819.75 3825.28,-2837.5 3905.03,-2837.5 3905.03,-2819.75 3825.28,-2819.75"/>
1691
+ <polygon fill="none" stroke="black" points="3825.28,-2819.75 3825.28,-2837.5 3905.03,-2837.5 3905.03,-2819.75 3825.28,-2819.75"/>
1692
+ <text xml:space="preserve" text-anchor="start" x="3829.28" y="-2826" font-family="Helvetica,sans-Serif" font-size="9.00"> &#160;variant</text>
1693
+ <polygon fill="#fafafa" stroke="none" points="3905.03,-2819.75 3905.03,-2837.5 4063.53,-2837.5 4063.53,-2819.75 3905.03,-2819.75"/>
1694
+ <polygon fill="none" stroke="black" points="3905.03,-2819.75 3905.03,-2837.5 4063.53,-2837.5 4063.53,-2819.75 3905.03,-2819.75"/>
1695
+ <text xml:space="preserve" text-anchor="start" x="3909.03" y="-2826.37" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#666666">bare | horizontal | horizontal&#45;bare</text>
1696
+ <polygon fill="#fafafa" stroke="none" points="3825.28,-2802 3825.28,-2819.75 3905.03,-2819.75 3905.03,-2802 3825.28,-2802"/>
1697
+ <polygon fill="none" stroke="black" points="3825.28,-2802 3825.28,-2819.75 3905.03,-2819.75 3905.03,-2802 3825.28,-2802"/>
1698
+ <text xml:space="preserve" text-anchor="start" x="3829.28" y="-2808.25" font-family="Helvetica,sans-Serif" font-size="9.00"> &#160;align</text>
1699
+ <polygon fill="#fafafa" stroke="none" points="3905.03,-2802 3905.03,-2819.75 4063.53,-2819.75 4063.53,-2802 3905.03,-2802"/>
1700
+ <polygon fill="none" stroke="black" points="3905.03,-2802 3905.03,-2819.75 4063.53,-2819.75 4063.53,-2802 3905.03,-2802"/>
1701
+ <text xml:space="preserve" text-anchor="start" x="3909.03" y="-2808.62" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#666666">string</text>
1702
+ <polygon fill="#fafafa" stroke="none" points="3825.28,-2784.25 3825.28,-2802 3905.03,-2802 3905.03,-2784.25 3825.28,-2784.25"/>
1703
+ <polygon fill="none" stroke="black" points="3825.28,-2784.25 3825.28,-2802 3905.03,-2802 3905.03,-2784.25 3825.28,-2784.25"/>
1704
+ <text xml:space="preserve" text-anchor="start" x="3829.28" y="-2790.5" font-family="Helvetica,sans-Serif" font-size="9.00"> &#160;checked</text>
1705
+ <polygon fill="#fafafa" stroke="none" points="3905.03,-2784.25 3905.03,-2802 4063.53,-2802 4063.53,-2784.25 3905.03,-2784.25"/>
1706
+ <polygon fill="none" stroke="black" points="3905.03,-2784.25 3905.03,-2802 4063.53,-2802 4063.53,-2784.25 3905.03,-2784.25"/>
1707
+ <text xml:space="preserve" text-anchor="start" x="3909.03" y="-2790.87" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#666666">boolean</text>
1708
+ <polygon fill="#fafafa" stroke="none" points="3825.28,-2766.5 3825.28,-2784.25 3905.03,-2784.25 3905.03,-2766.5 3825.28,-2766.5"/>
1709
+ <polygon fill="none" stroke="black" points="3825.28,-2766.5 3825.28,-2784.25 3905.03,-2784.25 3905.03,-2766.5 3825.28,-2766.5"/>
1710
+ <text xml:space="preserve" text-anchor="start" x="3829.28" y="-2772.75" font-family="Helvetica,sans-Serif" font-size="9.00"> &#160;type</text>
1711
+ <polygon fill="#fafafa" stroke="none" points="3905.03,-2766.5 3905.03,-2784.25 4063.53,-2784.25 4063.53,-2766.5 3905.03,-2766.5"/>
1712
+ <polygon fill="none" stroke="black" points="3905.03,-2766.5 3905.03,-2784.25 4063.53,-2784.25 4063.53,-2766.5 3905.03,-2766.5"/>
1713
+ <text xml:space="preserve" text-anchor="start" x="3909.03" y="-2773.12" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#666666">checkbox | radio</text>
1714
+ <polygon fill="#fafafa" stroke="none" points="3825.28,-2748.75 3825.28,-2766.5 3905.03,-2766.5 3905.03,-2748.75 3825.28,-2748.75"/>
1715
+ <polygon fill="none" stroke="black" points="3825.28,-2748.75 3825.28,-2766.5 3905.03,-2766.5 3905.03,-2748.75 3825.28,-2748.75"/>
1716
+ <text xml:space="preserve" text-anchor="start" x="3829.28" y="-2755" font-family="Helvetica,sans-Serif" font-size="9.00"> &#160;name</text>
1717
+ <polygon fill="#fafafa" stroke="none" points="3905.03,-2748.75 3905.03,-2766.5 4063.53,-2766.5 4063.53,-2748.75 3905.03,-2748.75"/>
1718
+ <polygon fill="none" stroke="black" points="3905.03,-2748.75 3905.03,-2766.5 4063.53,-2766.5 4063.53,-2748.75 3905.03,-2748.75"/>
1719
+ <text xml:space="preserve" text-anchor="start" x="3909.03" y="-2755.37" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#666666">string</text>
1720
+ <polygon fill="#fafafa" stroke="none" points="3825.28,-2731 3825.28,-2748.75 3905.03,-2748.75 3905.03,-2731 3825.28,-2731"/>
1721
+ <polygon fill="none" stroke="black" points="3825.28,-2731 3825.28,-2748.75 3905.03,-2748.75 3905.03,-2731 3825.28,-2731"/>
1722
+ <text xml:space="preserve" text-anchor="start" x="3829.28" y="-2737.25" font-family="Helvetica,sans-Serif" font-size="9.00"> &#160;disabled</text>
1723
+ <polygon fill="#fafafa" stroke="none" points="3905.03,-2731 3905.03,-2748.75 4063.53,-2748.75 4063.53,-2731 3905.03,-2731"/>
1724
+ <polygon fill="none" stroke="black" points="3905.03,-2731 3905.03,-2748.75 4063.53,-2748.75 4063.53,-2731 3905.03,-2731"/>
1725
+ <text xml:space="preserve" text-anchor="start" x="3909.03" y="-2737.62" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#666666">boolean</text>
1726
+ <polygon fill="#f5f5f5" stroke="none" points="3825.28,-2714 3825.28,-2731 4063.53,-2731 4063.53,-2714 3825.28,-2714"/>
1727
+ <polygon fill="none" stroke="black" points="3825.28,-2714 3825.28,-2731 4063.53,-2731 4063.53,-2714 3825.28,-2714"/>
1728
+ <text xml:space="preserve" text-anchor="start" x="3829.28" y="-2720.25" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#999999"> &#160;+10 more props</text>
1729
+ </g>
1730
+ <!-- cre8&#45;select&#45;tile&#45;&gt;slot -->
1731
+ <g id="edge26" class="edge">
1732
+ <title>cre8&#45;select&#45;tile&#45;&gt;slot:default</title>
1733
+ <path fill="none" stroke="#9c27b0" stroke-dasharray="5,2" d="M3833.69,-2714.13C3833.69,-2556.21 3833.69,-2192 3833.69,-2192 3833.69,-2192 2331.51,-2192 2331.51,-2192 2331.51,-2192 2331.51,-1967.91 2331.51,-1967.91"/>
1734
+ <polygon fill="#9c27b0" stroke="#9c27b0" points="2331.51,-1957.91 2336.01,-1967.91 2331.51,-1961.69 2331.51,-1967.91 2331.51,-1967.91 2331.51,-1967.91 2331.51,-1961.69 2327.01,-1967.91 2331.51,-1957.91"/>
1735
+ <text xml:space="preserve" text-anchor="middle" x="3217.75" y="-2183.45" font-family="Helvetica,sans-Serif" font-size="9.00" fill="#9c27b0">default</text>
1736
+ </g>
1737
+ <!-- cre8&#45;select&#45;tile&#45;&gt;slot -->
1738
+ <g id="edge27" class="edge">
1739
+ <title>cre8&#45;select&#45;tile&#45;&gt;slot:header</title>
1740
+ <path fill="none" stroke="#9c27b0" stroke-dasharray="5,2" d="M3837.9,-2714.06C3837.9,-2555.51 3837.9,-2189 3837.9,-2189 3837.9,-2189 2338.73,-2189 2338.73,-2189 2338.73,-2189 2338.73,-1968.1 2338.73,-1968.1"/>
1741
+ <polygon fill="#9c27b0" stroke="#9c27b0" points="2338.73,-1958.1 2343.23,-1968.1 2338.73,-1961.88 2338.73,-1968.1 2338.73,-1968.1 2338.73,-1968.1 2338.73,-1961.88 2334.23,-1968.1 2338.73,-1958.1"/>
1742
+ <text xml:space="preserve" text-anchor="middle" x="3225.77" y="-2180.45" font-family="Helvetica,sans-Serif" font-size="9.00" fill="#9c27b0">header</text>
1743
+ </g>
1744
+ <!-- cre8&#45;select&#45;tile&#45;&gt;slot -->
1745
+ <g id="edge28" class="edge">
1746
+ <title>cre8&#45;select&#45;tile&#45;&gt;slot:footer</title>
1747
+ <path fill="none" stroke="#9c27b0" stroke-dasharray="5,2" d="M3842.11,-2714.12C3842.11,-2555.19 3842.11,-2187 3842.11,-2187 3842.11,-2187 2345.95,-2187 2345.95,-2187 2345.95,-2187 2345.95,-1967.96 2345.95,-1967.96"/>
1748
+ <polygon fill="#9c27b0" stroke="#9c27b0" points="2345.95,-1957.96 2350.45,-1967.96 2345.95,-1961.74 2345.95,-1967.96 2345.95,-1967.96 2345.95,-1967.96 2345.95,-1961.74 2341.45,-1967.96 2345.95,-1957.96"/>
1749
+ <text xml:space="preserve" text-anchor="middle" x="3236.44" y="-2178.45" font-family="Helvetica,sans-Serif" font-size="9.00" fill="#9c27b0">footer</text>
1750
+ </g>
1751
+ <!-- cre8&#45;select&#45;tile&#45;&gt;slot -->
1752
+ <g id="edge29" class="edge">
1753
+ <title>cre8&#45;select&#45;tile&#45;&gt;slot:title</title>
1754
+ <path fill="none" stroke="#9c27b0" stroke-dasharray="5,2" d="M3846.31,-2714.06C3846.31,-2554.5 3846.31,-2184 3846.31,-2184 3846.31,-2184 2353.16,-2184 2353.16,-2184 2353.16,-2184 2353.16,-1967.74 2353.16,-1967.74"/>
1755
+ <polygon fill="#9c27b0" stroke="#9c27b0" points="2353.16,-1957.74 2357.66,-1967.74 2353.16,-1961.52 2353.16,-1967.74 2353.16,-1967.74 2353.16,-1967.74 2353.16,-1961.52 2348.66,-1967.74 2353.16,-1957.74"/>
1756
+ <text xml:space="preserve" text-anchor="middle" x="3249.51" y="-2175.45" font-family="Helvetica,sans-Serif" font-size="9.00" fill="#9c27b0">title</text>
1757
+ </g>
1758
+ <!-- cre8&#45;select&#45;tile&#45;&gt;slot -->
1759
+ <g id="edge30" class="edge">
1760
+ <title>cre8&#45;select&#45;tile&#45;&gt;slot:body</title>
1761
+ <path fill="none" stroke="#9c27b0" stroke-dasharray="5,2" d="M3829.49,-2714.2C3829.49,-2556.92 3829.49,-2195 3829.49,-2195 3829.49,-2195 2324.29,-2195 2324.29,-2195 2324.29,-2195 2324.29,-1967.72 2324.29,-1967.72"/>
1762
+ <polygon fill="#9c27b0" stroke="#9c27b0" points="2324.29,-1957.72 2328.79,-1967.72 2324.29,-1961.5 2324.29,-1967.72 2324.29,-1967.72 2324.29,-1967.72 2324.29,-1961.5 2319.79,-1967.72 2324.29,-1957.72"/>
1763
+ <text xml:space="preserve" text-anchor="middle" x="3212.72" y="-2196.2" font-family="Helvetica,sans-Serif" font-size="9.00" fill="#9c27b0">body</text>
1764
+ </g>
1765
+ <!-- cre8&#45;select&#45;tile&#45;list -->
1766
+ <g id="node45" class="node">
1767
+ <title>cre8&#45;select&#45;tile&#45;list</title>
1768
+ <polygon fill="#e0f7fa" stroke="none" points="3557.72,-3014.23 3557.72,-3034.23 3710.22,-3034.23 3710.22,-3014.23 3557.72,-3014.23"/>
1769
+ <polygon fill="none" stroke="black" points="3557.72,-3014.23 3557.72,-3034.23 3710.22,-3034.23 3710.22,-3014.23 3557.72,-3014.23"/>
1770
+ <text xml:space="preserve" text-anchor="start" x="3561.72" y="-3020.78" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="11.00" fill="#00838f">cre8&#45;select&#45;tile&#45;list</text>
1771
+ <text xml:space="preserve" text-anchor="start" x="3657.72" y="-3020.78" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#888888"> &#160;children</text>
1772
+ <polygon fill="#fafafa" stroke="none" points="3557.72,-2996.48 3557.72,-3014.23 3648.97,-3014.23 3648.97,-2996.48 3557.72,-2996.48"/>
1773
+ <polygon fill="none" stroke="black" points="3557.72,-2996.48 3557.72,-3014.23 3648.97,-3014.23 3648.97,-2996.48 3557.72,-2996.48"/>
1774
+ <text xml:space="preserve" text-anchor="start" x="3561.72" y="-3002.73" font-family="Helvetica,sans-Serif" font-size="9.00"> &#160;variant</text>
1775
+ <polygon fill="#fafafa" stroke="none" points="3648.97,-2996.48 3648.97,-3014.23 3710.22,-3014.23 3710.22,-2996.48 3648.97,-2996.48"/>
1776
+ <polygon fill="none" stroke="black" points="3648.97,-2996.48 3648.97,-3014.23 3710.22,-3014.23 3710.22,-2996.48 3648.97,-2996.48"/>
1777
+ <text xml:space="preserve" text-anchor="start" x="3652.97" y="-3003.1" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#666666">columns | rows</text>
1778
+ <polygon fill="#fafafa" stroke="none" points="3557.72,-2978.73 3557.72,-2996.48 3648.97,-2996.48 3648.97,-2978.73 3557.72,-2978.73"/>
1779
+ <polygon fill="none" stroke="black" points="3557.72,-2978.73 3557.72,-2996.48 3648.97,-2996.48 3648.97,-2978.73 3557.72,-2978.73"/>
1780
+ <text xml:space="preserve" text-anchor="start" x="3561.72" y="-2984.98" font-family="Helvetica,sans-Serif" font-size="9.00"> &#160;label</text>
1781
+ <polygon fill="#fafafa" stroke="none" points="3648.97,-2978.73 3648.97,-2996.48 3710.22,-2996.48 3710.22,-2978.73 3648.97,-2978.73"/>
1782
+ <polygon fill="none" stroke="black" points="3648.97,-2978.73 3648.97,-2996.48 3710.22,-2996.48 3710.22,-2978.73 3648.97,-2978.73"/>
1783
+ <text xml:space="preserve" text-anchor="start" x="3652.97" y="-2985.35" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#666666">string</text>
1784
+ <polygon fill="#fafafa" stroke="none" points="3557.72,-2960.98 3557.72,-2978.73 3648.97,-2978.73 3648.97,-2960.98 3557.72,-2960.98"/>
1785
+ <polygon fill="none" stroke="black" points="3557.72,-2960.98 3557.72,-2978.73 3648.97,-2978.73 3648.97,-2960.98 3557.72,-2960.98"/>
1786
+ <text xml:space="preserve" text-anchor="start" x="3561.72" y="-2967.23" font-family="Helvetica,sans-Serif" font-size="9.00"> &#160;fieldNote</text>
1787
+ <polygon fill="#fafafa" stroke="none" points="3648.97,-2960.98 3648.97,-2978.73 3710.22,-2978.73 3710.22,-2960.98 3648.97,-2960.98"/>
1788
+ <polygon fill="none" stroke="black" points="3648.97,-2960.98 3648.97,-2978.73 3710.22,-2978.73 3710.22,-2960.98 3648.97,-2960.98"/>
1789
+ <text xml:space="preserve" text-anchor="start" x="3652.97" y="-2967.6" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#666666">string</text>
1790
+ <polygon fill="#fafafa" stroke="none" points="3557.72,-2943.23 3557.72,-2960.98 3648.97,-2960.98 3648.97,-2943.23 3557.72,-2943.23"/>
1791
+ <polygon fill="none" stroke="black" points="3557.72,-2943.23 3557.72,-2960.98 3648.97,-2960.98 3648.97,-2943.23 3557.72,-2943.23"/>
1792
+ <text xml:space="preserve" text-anchor="start" x="3561.72" y="-2949.48" font-family="Helvetica,sans-Serif" font-size="9.00"> &#160;ariaDescribedBy</text>
1793
+ <polygon fill="#fafafa" stroke="none" points="3648.97,-2943.23 3648.97,-2960.98 3710.22,-2960.98 3710.22,-2943.23 3648.97,-2943.23"/>
1794
+ <polygon fill="none" stroke="black" points="3648.97,-2943.23 3648.97,-2960.98 3710.22,-2960.98 3710.22,-2943.23 3648.97,-2943.23"/>
1795
+ <text xml:space="preserve" text-anchor="start" x="3652.97" y="-2949.85" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#666666">string</text>
1796
+ <polygon fill="#fafafa" stroke="none" points="3557.72,-2925.48 3557.72,-2943.23 3648.97,-2943.23 3648.97,-2925.48 3557.72,-2925.48"/>
1797
+ <polygon fill="none" stroke="black" points="3557.72,-2925.48 3557.72,-2943.23 3648.97,-2943.23 3648.97,-2925.48 3557.72,-2925.48"/>
1798
+ <text xml:space="preserve" text-anchor="start" x="3561.72" y="-2931.73" font-family="Helvetica,sans-Serif" font-size="9.00"> &#160;fieldNoteIconName</text>
1799
+ <polygon fill="#fafafa" stroke="none" points="3648.97,-2925.48 3648.97,-2943.23 3710.22,-2943.23 3710.22,-2925.48 3648.97,-2925.48"/>
1800
+ <polygon fill="none" stroke="black" points="3648.97,-2925.48 3648.97,-2943.23 3710.22,-2943.23 3710.22,-2925.48 3648.97,-2925.48"/>
1801
+ <text xml:space="preserve" text-anchor="start" x="3652.97" y="-2932.1" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#666666">string</text>
1802
+ <polygon fill="#fafafa" stroke="none" points="3557.72,-2907.73 3557.72,-2925.48 3648.97,-2925.48 3648.97,-2907.73 3557.72,-2907.73"/>
1803
+ <polygon fill="none" stroke="black" points="3557.72,-2907.73 3557.72,-2925.48 3648.97,-2925.48 3648.97,-2907.73 3557.72,-2907.73"/>
1804
+ <text xml:space="preserve" text-anchor="start" x="3561.72" y="-2913.98" font-family="Helvetica,sans-Serif" font-size="9.00"> &#160;fieldNoteKnockout</text>
1805
+ <polygon fill="#fafafa" stroke="none" points="3648.97,-2907.73 3648.97,-2925.48 3710.22,-2925.48 3710.22,-2907.73 3648.97,-2907.73"/>
1806
+ <polygon fill="none" stroke="black" points="3648.97,-2907.73 3648.97,-2925.48 3710.22,-2925.48 3710.22,-2907.73 3648.97,-2907.73"/>
1807
+ <text xml:space="preserve" text-anchor="start" x="3652.97" y="-2914.35" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#666666">boolean</text>
1808
+ <polygon fill="#f5f5f5" stroke="none" points="3557.72,-2890.73 3557.72,-2907.73 3710.22,-2907.73 3710.22,-2890.73 3557.72,-2890.73"/>
1809
+ <polygon fill="none" stroke="black" points="3557.72,-2890.73 3557.72,-2907.73 3710.22,-2907.73 3710.22,-2890.73 3557.72,-2890.73"/>
1810
+ <text xml:space="preserve" text-anchor="start" x="3561.72" y="-2896.98" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#999999"> &#160;+2 more props</text>
1811
+ </g>
1812
+ <!-- cre8&#45;band -->
1813
+ <g id="node46" class="node">
1814
+ <title>cre8&#45;band</title>
1815
+ <polygon fill="#eceff1" stroke="none" points="2941.48,-3679.65 2941.48,-3699.65 3034.23,-3699.65 3034.23,-3679.65 2941.48,-3679.65"/>
1816
+ <polygon fill="none" stroke="black" points="2941.48,-3679.65 2941.48,-3699.65 3034.23,-3699.65 3034.23,-3679.65 2941.48,-3679.65"/>
1817
+ <text xml:space="preserve" text-anchor="start" x="2945.48" y="-3686.2" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="11.00" fill="#37474f">cre8&#45;band</text>
1818
+ <text xml:space="preserve" text-anchor="start" x="2997.98" y="-3686.2" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#888888"> &#160;children</text>
1819
+ <polygon fill="#fafafa" stroke="none" points="2941.48,-3661.9 2941.48,-3679.65 2995.35,-3679.65 2995.35,-3661.9 2941.48,-3661.9"/>
1820
+ <polygon fill="none" stroke="black" points="2941.48,-3661.9 2941.48,-3679.65 2995.35,-3679.65 2995.35,-3661.9 2941.48,-3661.9"/>
1821
+ <text xml:space="preserve" text-anchor="start" x="2945.48" y="-3668.15" font-family="Helvetica,sans-Serif" font-size="9.00"> &#160;variant</text>
1822
+ <polygon fill="#fafafa" stroke="none" points="2995.35,-3661.9 2995.35,-3679.65 3034.23,-3679.65 3034.23,-3661.9 2995.35,-3661.9"/>
1823
+ <polygon fill="none" stroke="black" points="2995.35,-3661.9 2995.35,-3679.65 3034.23,-3679.65 3034.23,-3661.9 2995.35,-3661.9"/>
1824
+ <text xml:space="preserve" text-anchor="start" x="2999.35" y="-3668.52" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#666666">string</text>
1825
+ <polygon fill="#fafafa" stroke="none" points="2941.48,-3644.15 2941.48,-3661.9 2995.35,-3661.9 2995.35,-3644.15 2941.48,-3644.15"/>
1826
+ <polygon fill="none" stroke="black" points="2941.48,-3644.15 2941.48,-3661.9 2995.35,-3661.9 2995.35,-3644.15 2941.48,-3644.15"/>
1827
+ <text xml:space="preserve" text-anchor="start" x="2945.48" y="-3650.4" font-family="Helvetica,sans-Serif" font-size="9.00"> &#160;fullHeight</text>
1828
+ <polygon fill="#fafafa" stroke="none" points="2995.35,-3644.15 2995.35,-3661.9 3034.23,-3661.9 3034.23,-3644.15 2995.35,-3644.15"/>
1829
+ <polygon fill="none" stroke="black" points="2995.35,-3644.15 2995.35,-3661.9 3034.23,-3661.9 3034.23,-3644.15 2995.35,-3644.15"/>
1830
+ <text xml:space="preserve" text-anchor="start" x="2999.35" y="-3650.77" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#666666">boolean</text>
1831
+ </g>
1832
+ <!-- cre8&#45;card -->
1833
+ <g id="node47" class="node">
1834
+ <title>cre8&#45;card</title>
1835
+ <polygon fill="#eceff1" stroke="none" points="2773.74,-3473.01 2773.74,-3493.01 2977.24,-3493.01 2977.24,-3473.01 2773.74,-3473.01"/>
1836
+ <polygon fill="none" stroke="black" points="2773.74,-3473.01 2773.74,-3493.01 2977.24,-3493.01 2977.24,-3473.01 2773.74,-3473.01"/>
1837
+ <text xml:space="preserve" text-anchor="start" x="2777.74" y="-3479.56" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="11.00" fill="#37474f">cre8&#45;card</text>
1838
+ <text xml:space="preserve" text-anchor="start" x="2827.24" y="-3479.56" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#888888"> &#160;[default] · [header] · [footer]</text>
1839
+ <polygon fill="#fafafa" stroke="none" points="2773.74,-3455.26 2773.74,-3473.01 2813.99,-3473.01 2813.99,-3455.26 2773.74,-3455.26"/>
1840
+ <polygon fill="none" stroke="black" points="2773.74,-3455.26 2773.74,-3473.01 2813.99,-3473.01 2813.99,-3455.26 2773.74,-3455.26"/>
1841
+ <text xml:space="preserve" text-anchor="start" x="2777.74" y="-3461.51" font-family="Helvetica,sans-Serif" font-size="9.00"> &#160;variant</text>
1842
+ <polygon fill="#fafafa" stroke="none" points="2813.99,-3455.26 2813.99,-3473.01 2977.24,-3473.01 2977.24,-3455.26 2813.99,-3455.26"/>
1843
+ <polygon fill="none" stroke="black" points="2813.99,-3455.26 2813.99,-3473.01 2977.24,-3473.01 2977.24,-3455.26 2813.99,-3455.26"/>
1844
+ <text xml:space="preserve" text-anchor="start" x="2817.99" y="-3461.89" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#666666">bare | compact | horizontal | horizontal&#45;bare</text>
1845
+ <polygon fill="#fafafa" stroke="none" points="2773.74,-3437.51 2773.74,-3455.26 2813.99,-3455.26 2813.99,-3437.51 2773.74,-3437.51"/>
1846
+ <polygon fill="none" stroke="black" points="2773.74,-3437.51 2773.74,-3455.26 2813.99,-3455.26 2813.99,-3437.51 2773.74,-3437.51"/>
1847
+ <text xml:space="preserve" text-anchor="start" x="2777.74" y="-3443.76" font-family="Helvetica,sans-Serif" font-size="9.00"> &#160;align</text>
1848
+ <polygon fill="#fafafa" stroke="none" points="2813.99,-3437.51 2813.99,-3455.26 2977.24,-3455.26 2977.24,-3437.51 2813.99,-3437.51"/>
1849
+ <polygon fill="none" stroke="black" points="2813.99,-3437.51 2813.99,-3455.26 2977.24,-3455.26 2977.24,-3437.51 2813.99,-3437.51"/>
1850
+ <text xml:space="preserve" text-anchor="start" x="2817.99" y="-3444.14" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#666666">string</text>
1851
+ </g>
1852
+ <!-- cre8&#45;card&#45;&gt;slot -->
1853
+ <g id="edge31" class="edge">
1854
+ <title>cre8&#45;card&#45;&gt;slot:default</title>
1855
+ <path fill="none" stroke="#9c27b0" stroke-dasharray="5,2" d="M2774.08,-3465C2599.14,-3465 2259.24,-3465 2259.24,-3465 2259.24,-3465 2259.24,-1938 2259.24,-1938 2259.24,-1938 2295.4,-1938 2295.4,-1938"/>
1856
+ <polygon fill="#9c27b0" stroke="#9c27b0" points="2305.4,-1938 2295.4,-1942.5 2301.62,-1938 2295.4,-1938 2295.4,-1938 2295.4,-1938 2301.62,-1938 2295.4,-1933.5 2305.4,-1938"/>
1857
+ <text xml:space="preserve" text-anchor="middle" x="2245.37" y="-2932.29" font-family="Helvetica,sans-Serif" font-size="9.00" fill="#9c27b0">default</text>
1858
+ </g>
1859
+ <!-- cre8&#45;card&#45;&gt;slot -->
1860
+ <g id="edge32" class="edge">
1861
+ <title>cre8&#45;card&#45;&gt;slot:header</title>
1862
+ <path fill="none" stroke="#9c27b0" stroke-dasharray="5,2" d="M2774.06,-3451C2599.59,-3451 2261.23,-3451 2261.23,-3451 2261.23,-3451 2261.23,-1955 2261.23,-1955 2261.23,-1955 2295.3,-1955 2295.3,-1955"/>
1863
+ <polygon fill="#9c27b0" stroke="#9c27b0" points="2305.3,-1955 2295.3,-1959.5 2301.52,-1955 2295.3,-1955 2295.3,-1955 2295.3,-1955 2301.52,-1955 2295.3,-1950.5 2305.3,-1955"/>
1864
+ <text xml:space="preserve" text-anchor="middle" x="2275.86" y="-2943.58" font-family="Helvetica,sans-Serif" font-size="9.00" fill="#9c27b0">header</text>
1865
+ </g>
1866
+ <!-- cre8&#45;card&#45;&gt;slot -->
1867
+ <g id="edge33" class="edge">
1868
+ <title>cre8&#45;card&#45;&gt;slot:footer</title>
1869
+ <path fill="none" stroke="#9c27b0" stroke-dasharray="5,2" d="M2773.75,-3479C2598.25,-3479 2257.25,-3479 2257.25,-3479 2257.25,-3479 2257.25,-1937 2257.25,-1937 2257.25,-1937 2295.54,-1937 2295.54,-1937"/>
1870
+ <polygon fill="#9c27b0" stroke="#9c27b0" points="2305.54,-1937 2295.54,-1941.5 2301.76,-1937 2295.54,-1937 2295.54,-1937 2295.54,-1937 2301.76,-1937 2295.54,-1932.5 2305.54,-1937"/>
1871
+ <text xml:space="preserve" text-anchor="middle" x="2245.63" y="-2948.31" font-family="Helvetica,sans-Serif" font-size="9.00" fill="#9c27b0">footer</text>
1872
+ </g>
1873
+ <!-- cre8&#45;divider -->
1874
+ <g id="node48" class="node">
1875
+ <title>cre8&#45;divider</title>
1876
+ <polygon fill="#eceff1" stroke="none" points="2773.73,-3319.65 2773.73,-3339.65 2887.98,-3339.65 2887.98,-3319.65 2773.73,-3319.65"/>
1877
+ <polygon fill="none" stroke="black" points="2773.73,-3319.65 2773.73,-3339.65 2887.98,-3339.65 2887.98,-3319.65 2773.73,-3319.65"/>
1878
+ <text xml:space="preserve" text-anchor="start" x="2777.73" y="-3326.2" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="11.00" fill="#37474f">cre8&#45;divider</text>
1879
+ <polygon fill="#fafafa" stroke="none" points="2773.73,-3301.9 2773.73,-3319.65 2813.98,-3319.65 2813.98,-3301.9 2773.73,-3301.9"/>
1880
+ <polygon fill="none" stroke="black" points="2773.73,-3301.9 2773.73,-3319.65 2813.98,-3319.65 2813.98,-3301.9 2773.73,-3301.9"/>
1881
+ <text xml:space="preserve" text-anchor="start" x="2777.73" y="-3308.15" font-family="Helvetica,sans-Serif" font-size="9.00"> &#160;variant</text>
1882
+ <polygon fill="#fafafa" stroke="none" points="2813.98,-3301.9 2813.98,-3319.65 2887.98,-3319.65 2887.98,-3301.9 2813.98,-3301.9"/>
1883
+ <polygon fill="none" stroke="black" points="2813.98,-3301.9 2813.98,-3319.65 2887.98,-3319.65 2887.98,-3301.9 2813.98,-3301.9"/>
1884
+ <text xml:space="preserve" text-anchor="start" x="2817.98" y="-3308.52" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#666666">horizontal | vertical</text>
1885
+ <polygon fill="#fafafa" stroke="none" points="2773.73,-3284.15 2773.73,-3301.9 2813.98,-3301.9 2813.98,-3284.15 2773.73,-3284.15"/>
1886
+ <polygon fill="none" stroke="black" points="2773.73,-3284.15 2773.73,-3301.9 2813.98,-3301.9 2813.98,-3284.15 2773.73,-3284.15"/>
1887
+ <text xml:space="preserve" text-anchor="start" x="2777.73" y="-3290.4" font-family="Helvetica,sans-Serif" font-size="9.00"> &#160;status</text>
1888
+ <polygon fill="#fafafa" stroke="none" points="2813.98,-3284.15 2813.98,-3301.9 2887.98,-3301.9 2887.98,-3284.15 2813.98,-3284.15"/>
1889
+ <polygon fill="none" stroke="black" points="2813.98,-3284.15 2813.98,-3301.9 2887.98,-3301.9 2887.98,-3284.15 2813.98,-3284.15"/>
1890
+ <text xml:space="preserve" text-anchor="start" x="2817.98" y="-3290.77" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#666666">string</text>
1891
+ </g>
1892
+ <!-- cre8&#45;grid -->
1893
+ <g id="node49" class="node">
1894
+ <title>cre8&#45;grid</title>
1895
+ <polygon fill="#eceff1" stroke="none" points="3061.48,-3625.52 3061.48,-3645.52 3258.23,-3645.52 3258.23,-3625.52 3061.48,-3625.52"/>
1896
+ <polygon fill="none" stroke="black" points="3061.48,-3625.52 3061.48,-3645.52 3258.23,-3645.52 3258.23,-3625.52 3061.48,-3625.52"/>
1897
+ <text xml:space="preserve" text-anchor="start" x="3065.48" y="-3632.07" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="11.00" fill="#37474f">cre8&#45;grid</text>
1898
+ <text xml:space="preserve" text-anchor="start" x="3112.73" y="-3632.07" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#888888"> &#160;children</text>
1899
+ <polygon fill="#fafafa" stroke="none" points="3061.48,-3607.77 3061.48,-3625.52 3101.73,-3625.52 3101.73,-3607.77 3061.48,-3607.77"/>
1900
+ <polygon fill="none" stroke="black" points="3061.48,-3607.77 3061.48,-3625.52 3101.73,-3625.52 3101.73,-3607.77 3061.48,-3607.77"/>
1901
+ <text xml:space="preserve" text-anchor="start" x="3065.48" y="-3614.02" font-family="Helvetica,sans-Serif" font-size="9.00"> &#160;variant</text>
1902
+ <polygon fill="#fafafa" stroke="none" points="3101.73,-3607.77 3101.73,-3625.52 3258.23,-3625.52 3258.23,-3607.77 3101.73,-3607.77"/>
1903
+ <polygon fill="none" stroke="black" points="3101.73,-3607.77 3101.73,-3625.52 3258.23,-3625.52 3258.23,-3607.77 3101.73,-3607.77"/>
1904
+ <text xml:space="preserve" text-anchor="start" x="3105.73" y="-3614.4" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#666666">side&#45;by&#45;side | 2up | 3up | 1&#45;3up | 4up (+3)</text>
1905
+ <polygon fill="#fafafa" stroke="none" points="3061.48,-3590.02 3061.48,-3607.77 3101.73,-3607.77 3101.73,-3590.02 3061.48,-3590.02"/>
1906
+ <polygon fill="none" stroke="black" points="3061.48,-3590.02 3061.48,-3607.77 3101.73,-3607.77 3101.73,-3590.02 3061.48,-3590.02"/>
1907
+ <text xml:space="preserve" text-anchor="start" x="3065.48" y="-3596.27" font-family="Helvetica,sans-Serif" font-size="9.00"> &#160;gap</text>
1908
+ <polygon fill="#fafafa" stroke="none" points="3101.73,-3590.02 3101.73,-3607.77 3258.23,-3607.77 3258.23,-3590.02 3101.73,-3590.02"/>
1909
+ <polygon fill="none" stroke="black" points="3101.73,-3590.02 3101.73,-3607.77 3258.23,-3607.77 3258.23,-3590.02 3101.73,-3590.02"/>
1910
+ <text xml:space="preserve" text-anchor="start" x="3105.73" y="-3596.65" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#666666">sm | lg | none</text>
1911
+ <polygon fill="#fafafa" stroke="none" points="3061.48,-3572.27 3061.48,-3590.02 3101.73,-3590.02 3101.73,-3572.27 3061.48,-3572.27"/>
1912
+ <polygon fill="none" stroke="black" points="3061.48,-3572.27 3061.48,-3590.02 3101.73,-3590.02 3101.73,-3572.27 3061.48,-3572.27"/>
1913
+ <text xml:space="preserve" text-anchor="start" x="3065.48" y="-3578.52" font-family="Helvetica,sans-Serif" font-size="9.00"> &#160;break</text>
1914
+ <polygon fill="#fafafa" stroke="none" points="3101.73,-3572.27 3101.73,-3590.02 3258.23,-3590.02 3258.23,-3572.27 3101.73,-3572.27"/>
1915
+ <polygon fill="none" stroke="black" points="3101.73,-3572.27 3101.73,-3590.02 3258.23,-3590.02 3258.23,-3572.27 3101.73,-3572.27"/>
1916
+ <text xml:space="preserve" text-anchor="start" x="3105.73" y="-3578.9" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#666666">faster | slower</text>
1917
+ </g>
1918
+ <!-- cre8&#45;grid&#45;item -->
1919
+ <g id="node50" class="node">
1920
+ <title>cre8&#45;grid&#45;item</title>
1921
+ <polygon fill="#eceff1" stroke="none" points="2941.98,-3279.9 2941.98,-3299.9 3055.73,-3299.9 3055.73,-3279.9 2941.98,-3279.9"/>
1922
+ <polygon fill="none" stroke="black" points="2941.98,-3279.9 2941.98,-3299.9 3055.73,-3299.9 3055.73,-3279.9 2941.98,-3279.9"/>
1923
+ <text xml:space="preserve" text-anchor="start" x="2945.98" y="-3286.45" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="11.00" fill="#37474f">cre8&#45;grid&#45;item</text>
1924
+ <text xml:space="preserve" text-anchor="start" x="3019.48" y="-3286.45" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#888888"> &#160;children</text>
1925
+ </g>
1926
+ <!-- cre8&#45;hero -->
1927
+ <g id="node51" class="node">
1928
+ <title>cre8&#45;hero</title>
1929
+ <polygon fill="#eceff1" stroke="none" points="3002.1,-3523.4 3002.1,-3543.4 3223.6,-3543.4 3223.6,-3523.4 3002.1,-3523.4"/>
1930
+ <polygon fill="none" stroke="black" points="3002.1,-3523.4 3002.1,-3543.4 3223.6,-3543.4 3223.6,-3523.4 3002.1,-3523.4"/>
1931
+ <text xml:space="preserve" text-anchor="start" x="3006.1" y="-3529.95" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="11.00" fill="#37474f">cre8&#45;hero</text>
1932
+ <text xml:space="preserve" text-anchor="start" x="3056.35" y="-3529.95" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#888888"> &#160;children</text>
1933
+ <polygon fill="#fafafa" stroke="none" points="3002.1,-3505.65 3002.1,-3523.4 3061.1,-3523.4 3061.1,-3505.65 3002.1,-3505.65"/>
1934
+ <polygon fill="none" stroke="black" points="3002.1,-3505.65 3002.1,-3523.4 3061.1,-3523.4 3061.1,-3505.65 3002.1,-3505.65"/>
1935
+ <text xml:space="preserve" text-anchor="start" x="3006.1" y="-3511.9" font-family="Helvetica,sans-Serif" font-size="9.00"> &#160;align</text>
1936
+ <polygon fill="#fafafa" stroke="none" points="3061.1,-3505.65 3061.1,-3523.4 3223.6,-3523.4 3223.6,-3505.65 3061.1,-3505.65"/>
1937
+ <polygon fill="none" stroke="black" points="3061.1,-3505.65 3061.1,-3523.4 3223.6,-3523.4 3223.6,-3505.65 3061.1,-3505.65"/>
1938
+ <text xml:space="preserve" text-anchor="start" x="3065.1" y="-3512.27" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#666666">center | left | right | top&#45;left | top&#45;center (+3)</text>
1939
+ <polygon fill="#fafafa" stroke="none" points="3002.1,-3487.9 3002.1,-3505.65 3061.1,-3505.65 3061.1,-3487.9 3002.1,-3487.9"/>
1940
+ <polygon fill="none" stroke="black" points="3002.1,-3487.9 3002.1,-3505.65 3061.1,-3505.65 3061.1,-3487.9 3002.1,-3487.9"/>
1941
+ <text xml:space="preserve" text-anchor="start" x="3006.1" y="-3494.15" font-family="Helvetica,sans-Serif" font-size="9.00"> &#160;imgSrc</text>
1942
+ <polygon fill="#fafafa" stroke="none" points="3061.1,-3487.9 3061.1,-3505.65 3223.6,-3505.65 3223.6,-3487.9 3061.1,-3487.9"/>
1943
+ <polygon fill="none" stroke="black" points="3061.1,-3487.9 3061.1,-3505.65 3223.6,-3505.65 3223.6,-3487.9 3061.1,-3487.9"/>
1944
+ <text xml:space="preserve" text-anchor="start" x="3065.1" y="-3494.52" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#666666">string</text>
1945
+ <polygon fill="#fafafa" stroke="none" points="3002.1,-3470.15 3002.1,-3487.9 3061.1,-3487.9 3061.1,-3470.15 3002.1,-3470.15"/>
1946
+ <polygon fill="none" stroke="black" points="3002.1,-3470.15 3002.1,-3487.9 3061.1,-3487.9 3061.1,-3470.15 3002.1,-3470.15"/>
1947
+ <text xml:space="preserve" text-anchor="start" x="3006.1" y="-3476.4" font-family="Helvetica,sans-Serif" font-size="9.00"> &#160;imgAlt</text>
1948
+ <polygon fill="#fafafa" stroke="none" points="3061.1,-3470.15 3061.1,-3487.9 3223.6,-3487.9 3223.6,-3470.15 3061.1,-3470.15"/>
1949
+ <polygon fill="none" stroke="black" points="3061.1,-3470.15 3061.1,-3487.9 3223.6,-3487.9 3223.6,-3470.15 3061.1,-3470.15"/>
1950
+ <text xml:space="preserve" text-anchor="start" x="3065.1" y="-3476.77" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#666666">string</text>
1951
+ <polygon fill="#fafafa" stroke="none" points="3002.1,-3452.4 3002.1,-3470.15 3061.1,-3470.15 3061.1,-3452.4 3002.1,-3452.4"/>
1952
+ <polygon fill="none" stroke="black" points="3002.1,-3452.4 3002.1,-3470.15 3061.1,-3470.15 3061.1,-3452.4 3002.1,-3452.4"/>
1953
+ <text xml:space="preserve" text-anchor="start" x="3006.1" y="-3458.65" font-family="Helvetica,sans-Serif" font-size="9.00"> &#160;hasOverlay</text>
1954
+ <polygon fill="#fafafa" stroke="none" points="3061.1,-3452.4 3061.1,-3470.15 3223.6,-3470.15 3223.6,-3452.4 3061.1,-3452.4"/>
1955
+ <polygon fill="none" stroke="black" points="3061.1,-3452.4 3061.1,-3470.15 3223.6,-3470.15 3223.6,-3452.4 3061.1,-3452.4"/>
1956
+ <text xml:space="preserve" text-anchor="start" x="3065.1" y="-3459.02" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#666666">boolean</text>
1957
+ </g>
1958
+ <!-- cre8&#45;layout -->
1959
+ <g id="node52" class="node">
1960
+ <title>cre8&#45;layout</title>
1961
+ <polygon fill="#eceff1" stroke="none" points="2809.48,-3661.77 2809.48,-3681.77 2908.23,-3681.77 2908.23,-3661.77 2809.48,-3661.77"/>
1962
+ <polygon fill="none" stroke="black" points="2809.48,-3661.77 2809.48,-3681.77 2908.23,-3681.77 2908.23,-3661.77 2809.48,-3661.77"/>
1963
+ <text xml:space="preserve" text-anchor="start" x="2813.48" y="-3668.32" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="11.00" fill="#37474f">cre8&#45;layout</text>
1964
+ <text xml:space="preserve" text-anchor="start" x="2871.98" y="-3668.32" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#888888"> &#160;children</text>
1965
+ <polygon fill="#fafafa" stroke="none" points="2809.48,-3644.02 2809.48,-3661.77 2865.23,-3661.77 2865.23,-3644.02 2809.48,-3644.02"/>
1966
+ <polygon fill="none" stroke="black" points="2809.48,-3644.02 2809.48,-3661.77 2865.23,-3661.77 2865.23,-3644.02 2809.48,-3644.02"/>
1967
+ <text xml:space="preserve" text-anchor="start" x="2813.48" y="-3650.27" font-family="Helvetica,sans-Serif" font-size="9.00"> &#160;variant</text>
1968
+ <polygon fill="#fafafa" stroke="none" points="2865.23,-3644.02 2865.23,-3661.77 2908.23,-3661.77 2908.23,-3644.02 2865.23,-3644.02"/>
1969
+ <polygon fill="none" stroke="black" points="2865.23,-3644.02 2865.23,-3661.77 2908.23,-3661.77 2908.23,-3644.02 2865.23,-3644.02"/>
1970
+ <text xml:space="preserve" text-anchor="start" x="2869.23" y="-3650.65" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#666666">string</text>
1971
+ </g>
1972
+ <!-- cre8&#45;layout&#45;container -->
1973
+ <g id="node53" class="node">
1974
+ <title>cre8&#45;layout&#45;container</title>
1975
+ <polygon fill="#eceff1" stroke="none" points="2761.85,-3385.77 2761.85,-3405.77 2913.85,-3405.77 2913.85,-3385.77 2761.85,-3385.77"/>
1976
+ <polygon fill="none" stroke="black" points="2761.85,-3385.77 2761.85,-3405.77 2913.85,-3405.77 2913.85,-3385.77 2761.85,-3385.77"/>
1977
+ <text xml:space="preserve" text-anchor="start" x="2765.85" y="-3392.32" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="11.00" fill="#37474f">cre8&#45;layout&#45;container</text>
1978
+ <text xml:space="preserve" text-anchor="start" x="2877.6" y="-3392.32" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#888888"> &#160;children</text>
1979
+ <polygon fill="#fafafa" stroke="none" points="2761.85,-3368.02 2761.85,-3385.77 2845.35,-3385.77 2845.35,-3368.02 2761.85,-3368.02"/>
1980
+ <polygon fill="none" stroke="black" points="2761.85,-3368.02 2761.85,-3385.77 2845.35,-3385.77 2845.35,-3368.02 2761.85,-3368.02"/>
1981
+ <text xml:space="preserve" text-anchor="start" x="2765.85" y="-3374.27" font-family="Helvetica,sans-Serif" font-size="9.00"> &#160;fullHeight</text>
1982
+ <polygon fill="#fafafa" stroke="none" points="2845.35,-3368.02 2845.35,-3385.77 2913.85,-3385.77 2913.85,-3368.02 2845.35,-3368.02"/>
1983
+ <polygon fill="none" stroke="black" points="2845.35,-3368.02 2845.35,-3385.77 2913.85,-3385.77 2913.85,-3368.02 2845.35,-3368.02"/>
1984
+ <text xml:space="preserve" text-anchor="start" x="2849.35" y="-3374.65" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#666666">boolean</text>
1985
+ </g>
1986
+ <!-- cre8&#45;layout&#45;section -->
1987
+ <g id="node54" class="node">
1988
+ <title>cre8&#45;layout&#45;section</title>
1989
+ <polygon fill="#eceff1" stroke="none" points="2833.48,-3595.65 2833.48,-3615.65 2974.23,-3615.65 2974.23,-3595.65 2833.48,-3595.65"/>
1990
+ <polygon fill="none" stroke="black" points="2833.48,-3595.65 2833.48,-3615.65 2974.23,-3615.65 2974.23,-3595.65 2833.48,-3595.65"/>
1991
+ <text xml:space="preserve" text-anchor="start" x="2837.48" y="-3602.2" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="11.00" fill="#37474f">cre8&#45;layout&#45;section</text>
1992
+ <text xml:space="preserve" text-anchor="start" x="2937.98" y="-3602.2" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#888888"> &#160;children</text>
1993
+ <polygon fill="#fafafa" stroke="none" points="2833.48,-3577.9 2833.48,-3595.65 2914.35,-3595.65 2914.35,-3577.9 2833.48,-3577.9"/>
1994
+ <polygon fill="none" stroke="black" points="2833.48,-3577.9 2833.48,-3595.65 2914.35,-3595.65 2914.35,-3577.9 2833.48,-3577.9"/>
1995
+ <text xml:space="preserve" text-anchor="start" x="2837.48" y="-3584.15" font-family="Helvetica,sans-Serif" font-size="9.00"> &#160;behavior</text>
1996
+ <polygon fill="#fafafa" stroke="none" points="2914.35,-3577.9 2914.35,-3595.65 2974.23,-3595.65 2974.23,-3577.9 2914.35,-3577.9"/>
1997
+ <polygon fill="none" stroke="black" points="2914.35,-3577.9 2914.35,-3595.65 2974.23,-3595.65 2974.23,-3577.9 2914.35,-3577.9"/>
1998
+ <text xml:space="preserve" text-anchor="start" x="2918.35" y="-3584.52" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#666666">string</text>
1999
+ <polygon fill="#fafafa" stroke="none" points="2833.48,-3560.15 2833.48,-3577.9 2914.35,-3577.9 2914.35,-3560.15 2833.48,-3560.15"/>
2000
+ <polygon fill="none" stroke="black" points="2833.48,-3560.15 2833.48,-3577.9 2914.35,-3577.9 2914.35,-3560.15 2833.48,-3560.15"/>
2001
+ <text xml:space="preserve" text-anchor="start" x="2837.48" y="-3566.4" font-family="Helvetica,sans-Serif" font-size="9.00"> &#160;top</text>
2002
+ <polygon fill="#fafafa" stroke="none" points="2914.35,-3560.15 2914.35,-3577.9 2974.23,-3577.9 2974.23,-3560.15 2914.35,-3560.15"/>
2003
+ <polygon fill="none" stroke="black" points="2914.35,-3560.15 2914.35,-3577.9 2974.23,-3577.9 2974.23,-3560.15 2914.35,-3560.15"/>
2004
+ <text xml:space="preserve" text-anchor="start" x="2918.35" y="-3566.77" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#666666">string</text>
2005
+ </g>
2006
+ <!-- cre8&#45;linelength&#45;container -->
2007
+ <g id="node55" class="node">
2008
+ <title>cre8&#45;linelength&#45;container</title>
2009
+ <polygon fill="#eceff1" stroke="none" points="2942.1,-3339.9 2942.1,-3359.9 3113.6,-3359.9 3113.6,-3339.9 2942.1,-3339.9"/>
2010
+ <polygon fill="none" stroke="black" points="2942.1,-3339.9 2942.1,-3359.9 3113.6,-3359.9 3113.6,-3339.9 2942.1,-3339.9"/>
2011
+ <text xml:space="preserve" text-anchor="start" x="2946.1" y="-3346.45" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="11.00" fill="#37474f">cre8&#45;linelength&#45;container</text>
2012
+ <text xml:space="preserve" text-anchor="start" x="3077.35" y="-3346.45" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#888888"> &#160;children</text>
2013
+ </g>
2014
+ <!-- cre8&#45;main -->
2015
+ <g id="node56" class="node">
2016
+ <title>cre8&#45;main</title>
2017
+ <polygon fill="#eceff1" stroke="none" points="3085.85,-3277.77 3085.85,-3297.77 3177.85,-3297.77 3177.85,-3277.77 3085.85,-3277.77"/>
2018
+ <polygon fill="none" stroke="black" points="3085.85,-3277.77 3085.85,-3297.77 3177.85,-3297.77 3177.85,-3277.77 3085.85,-3277.77"/>
2019
+ <text xml:space="preserve" text-anchor="start" x="3089.85" y="-3284.32" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="11.00" fill="#37474f">cre8&#45;main</text>
2020
+ <text xml:space="preserve" text-anchor="start" x="3141.6" y="-3284.32" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#888888"> &#160;children</text>
2021
+ <polygon fill="#fafafa" stroke="none" points="3085.85,-3260.02 3085.85,-3277.77 3139.35,-3277.77 3139.35,-3260.02 3085.85,-3260.02"/>
2022
+ <polygon fill="none" stroke="black" points="3085.85,-3260.02 3085.85,-3277.77 3139.35,-3277.77 3139.35,-3260.02 3085.85,-3260.02"/>
2023
+ <text xml:space="preserve" text-anchor="start" x="3089.85" y="-3266.27" font-family="Helvetica,sans-Serif" font-size="9.00"> &#160;fullHeight</text>
2024
+ <polygon fill="#fafafa" stroke="none" points="3139.35,-3260.02 3139.35,-3277.77 3177.85,-3277.77 3177.85,-3260.02 3139.35,-3260.02"/>
2025
+ <polygon fill="none" stroke="black" points="3139.35,-3260.02 3139.35,-3277.77 3177.85,-3277.77 3177.85,-3260.02 3139.35,-3260.02"/>
2026
+ <text xml:space="preserve" text-anchor="start" x="3143.35" y="-3266.65" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#666666">boolean</text>
2027
+ </g>
2028
+ <!-- cre8&#45;section -->
2029
+ <g id="node57" class="node">
2030
+ <title>cre8&#45;section</title>
2031
+ <polygon fill="#eceff1" stroke="none" points="2952.06,-3409.51 2952.06,-3429.51 3094.31,-3429.51 3094.31,-3409.51 2952.06,-3409.51"/>
2032
+ <polygon fill="none" stroke="black" points="2952.06,-3409.51 2952.06,-3429.51 3094.31,-3429.51 3094.31,-3409.51 2952.06,-3409.51"/>
2033
+ <text xml:space="preserve" text-anchor="start" x="2956.06" y="-3416.06" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="11.00" fill="#37474f">cre8&#45;section</text>
2034
+ <text xml:space="preserve" text-anchor="start" x="3020.56" y="-3416.06" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#888888"> &#160;[default] · [header]</text>
2035
+ <polygon fill="#fafafa" stroke="none" points="2952.06,-3391.76 2952.06,-3409.51 3033.68,-3409.51 3033.68,-3391.76 2952.06,-3391.76"/>
2036
+ <polygon fill="none" stroke="black" points="2952.06,-3391.76 2952.06,-3409.51 3033.68,-3409.51 3033.68,-3391.76 2952.06,-3391.76"/>
2037
+ <text xml:space="preserve" text-anchor="start" x="2956.06" y="-3398.01" font-family="Helvetica,sans-Serif" font-size="9.00"> &#160;headline</text>
2038
+ <polygon fill="#fafafa" stroke="none" points="3033.68,-3391.76 3033.68,-3409.51 3094.31,-3409.51 3094.31,-3391.76 3033.68,-3391.76"/>
2039
+ <polygon fill="none" stroke="black" points="3033.68,-3391.76 3033.68,-3409.51 3094.31,-3409.51 3094.31,-3391.76 3033.68,-3391.76"/>
2040
+ <text xml:space="preserve" text-anchor="start" x="3037.68" y="-3398.39" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#666666">string</text>
2041
+ </g>
2042
+ <!-- cre8&#45;section&#45;&gt;slot -->
2043
+ <g id="edge34" class="edge">
2044
+ <title>cre8&#45;section&#45;&gt;slot:default</title>
2045
+ <path fill="none" stroke="#9c27b0" stroke-dasharray="5,2" d="M2952.08,-3414C2759.37,-3414 2241.42,-3414 2241.42,-3414 2241.42,-3414 2241.42,-1954 2241.42,-1954 2241.42,-1954 2295.56,-1954 2295.56,-1954"/>
2046
+ <polygon fill="#9c27b0" stroke="#9c27b0" points="2305.56,-1954 2295.56,-1958.5 2301.78,-1954 2295.56,-1954 2295.56,-1954 2295.56,-1954 2301.78,-1954 2295.56,-1949.5 2305.56,-1954"/>
2047
+ <text xml:space="preserve" text-anchor="middle" x="2227.54" y="-3003.71" font-family="Helvetica,sans-Serif" font-size="9.00" fill="#9c27b0">default</text>
2048
+ </g>
2049
+ <!-- cre8&#45;section&#45;&gt;slot -->
2050
+ <g id="edge35" class="edge">
2051
+ <title>cre8&#45;section&#45;&gt;slot:header</title>
2052
+ <path fill="none" stroke="#9c27b0" stroke-dasharray="5,2" d="M2952.23,-3422C2757.23,-3422 2227.58,-3422 2227.58,-3422 2227.58,-3422 2227.58,-1952 2227.58,-1952 2227.58,-1952 2295.19,-1952 2295.19,-1952"/>
2053
+ <polygon fill="#9c27b0" stroke="#9c27b0" points="2305.19,-1952 2295.19,-1956.5 2301.41,-1952 2295.19,-1952 2295.19,-1952 2295.19,-1952 2301.41,-1952 2295.19,-1947.5 2305.19,-1952"/>
2054
+ <text xml:space="preserve" text-anchor="middle" x="2212.95" y="-3016.72" font-family="Helvetica,sans-Serif" font-size="9.00" fill="#9c27b0">header</text>
2055
+ </g>
2056
+ <!-- cre8&#45;feature -->
2057
+ <g id="node58" class="node">
2058
+ <title>cre8&#45;feature</title>
2059
+ <polygon fill="#fce4ec" stroke="none" points="579.53,-985.84 579.53,-1005.84 682.78,-1005.84 682.78,-985.84 579.53,-985.84"/>
2060
+ <polygon fill="none" stroke="black" points="579.53,-985.84 579.53,-1005.84 682.78,-1005.84 682.78,-985.84 579.53,-985.84"/>
2061
+ <text xml:space="preserve" text-anchor="start" x="583.53" y="-992.39" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="11.00" fill="#ad1457">cre8&#45;feature</text>
2062
+ <text xml:space="preserve" text-anchor="start" x="646.53" y="-992.39" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#888888"> &#160;children</text>
2063
+ <polygon fill="#fafafa" stroke="none" points="579.53,-968.09 579.53,-985.84 643.53,-985.84 643.53,-968.09 579.53,-968.09"/>
2064
+ <polygon fill="none" stroke="black" points="579.53,-968.09 579.53,-985.84 643.53,-985.84 643.53,-968.09 579.53,-968.09"/>
2065
+ <text xml:space="preserve" text-anchor="start" x="583.53" y="-974.34" font-family="Helvetica,sans-Serif" font-size="9.00"> &#160;inverted</text>
2066
+ <polygon fill="#fafafa" stroke="none" points="643.53,-968.09 643.53,-985.84 682.78,-985.84 682.78,-968.09 643.53,-968.09"/>
2067
+ <polygon fill="none" stroke="black" points="643.53,-968.09 643.53,-985.84 682.78,-985.84 682.78,-968.09 643.53,-968.09"/>
2068
+ <text xml:space="preserve" text-anchor="start" x="647.53" y="-974.72" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#666666">boolean</text>
2069
+ <polygon fill="#fafafa" stroke="none" points="579.53,-950.34 579.53,-968.09 643.53,-968.09 643.53,-950.34 579.53,-950.34"/>
2070
+ <polygon fill="none" stroke="black" points="579.53,-950.34 579.53,-968.09 643.53,-968.09 643.53,-950.34 579.53,-950.34"/>
2071
+ <text xml:space="preserve" text-anchor="start" x="583.53" y="-956.59" font-family="Helvetica,sans-Serif" font-size="9.00"> &#160;imgSrc</text>
2072
+ <polygon fill="#fafafa" stroke="none" points="643.53,-950.34 643.53,-968.09 682.78,-968.09 682.78,-950.34 643.53,-950.34"/>
2073
+ <polygon fill="none" stroke="black" points="643.53,-950.34 643.53,-968.09 682.78,-968.09 682.78,-950.34 643.53,-950.34"/>
2074
+ <text xml:space="preserve" text-anchor="start" x="647.53" y="-956.97" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#666666">string</text>
2075
+ <polygon fill="#fafafa" stroke="none" points="579.53,-932.59 579.53,-950.34 643.53,-950.34 643.53,-932.59 579.53,-932.59"/>
2076
+ <polygon fill="none" stroke="black" points="579.53,-932.59 579.53,-950.34 643.53,-950.34 643.53,-932.59 579.53,-932.59"/>
2077
+ <text xml:space="preserve" text-anchor="start" x="583.53" y="-938.84" font-family="Helvetica,sans-Serif" font-size="9.00"> &#160;imgAlt</text>
2078
+ <polygon fill="#fafafa" stroke="none" points="643.53,-932.59 643.53,-950.34 682.78,-950.34 682.78,-932.59 643.53,-932.59"/>
2079
+ <polygon fill="none" stroke="black" points="643.53,-932.59 643.53,-950.34 682.78,-950.34 682.78,-932.59 643.53,-932.59"/>
2080
+ <text xml:space="preserve" text-anchor="start" x="647.53" y="-939.22" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#666666">string</text>
2081
+ <polygon fill="#fafafa" stroke="none" points="579.53,-914.84 579.53,-932.59 643.53,-932.59 643.53,-914.84 579.53,-914.84"/>
2082
+ <polygon fill="none" stroke="black" points="579.53,-914.84 579.53,-932.59 643.53,-932.59 643.53,-914.84 579.53,-914.84"/>
2083
+ <text xml:space="preserve" text-anchor="start" x="583.53" y="-921.09" font-family="Helvetica,sans-Serif" font-size="9.00"> &#160;aspectRatio</text>
2084
+ <polygon fill="#fafafa" stroke="none" points="643.53,-914.84 643.53,-932.59 682.78,-932.59 682.78,-914.84 643.53,-914.84"/>
2085
+ <polygon fill="none" stroke="black" points="643.53,-914.84 643.53,-932.59 682.78,-932.59 682.78,-914.84 643.53,-914.84"/>
2086
+ <text xml:space="preserve" text-anchor="start" x="647.53" y="-921.47" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#666666">string</text>
2087
+ </g>
2088
+ <!-- cre8&#45;page&#45;header -->
2089
+ <g id="node59" class="node">
2090
+ <title>cre8&#45;page&#45;header</title>
2091
+ <polygon fill="#fce4ec" stroke="none" points="447.63,-866.08 447.63,-886.08 620.63,-886.08 620.63,-866.08 447.63,-866.08"/>
2092
+ <polygon fill="none" stroke="black" points="447.63,-866.08 447.63,-886.08 620.63,-886.08 620.63,-866.08 447.63,-866.08"/>
2093
+ <text xml:space="preserve" text-anchor="start" x="451.63" y="-872.63" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="11.00" fill="#ad1457">cre8&#45;page&#45;header</text>
2094
+ <text xml:space="preserve" text-anchor="start" x="543.13" y="-872.63" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#888888"> &#160;[default] · [titleAfter]</text>
2095
+ <polygon fill="#fafafa" stroke="none" points="447.63,-848.33 447.63,-866.08 543.51,-866.08 543.51,-848.33 447.63,-848.33"/>
2096
+ <polygon fill="none" stroke="black" points="447.63,-848.33 447.63,-866.08 543.51,-866.08 543.51,-848.33 447.63,-848.33"/>
2097
+ <text xml:space="preserve" text-anchor="start" x="451.63" y="-854.58" font-family="Helvetica,sans-Serif" font-size="9.00"> &#160;heading</text>
2098
+ <polygon fill="#fafafa" stroke="none" points="543.51,-848.33 543.51,-866.08 620.63,-866.08 620.63,-848.33 543.51,-848.33"/>
2099
+ <polygon fill="none" stroke="black" points="543.51,-848.33 543.51,-866.08 620.63,-866.08 620.63,-848.33 543.51,-848.33"/>
2100
+ <text xml:space="preserve" text-anchor="start" x="547.51" y="-854.96" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#666666">string</text>
2101
+ </g>
2102
+ <!-- cre8&#45;page&#45;header&#45;&gt;slot -->
2103
+ <g id="edge36" class="edge">
2104
+ <title>cre8&#45;page&#45;header&#45;&gt;slot:default</title>
2105
+ <path fill="none" stroke="#9c27b0" stroke-dasharray="5,2" d="M535.57,-885.69C535.57,-1027.08 535.57,-1932 535.57,-1932 535.57,-1932 2295.35,-1932 2295.35,-1932"/>
2106
+ <polygon fill="#9c27b0" stroke="#9c27b0" points="2305.35,-1932 2295.35,-1936.5 2301.57,-1932 2295.35,-1932 2295.35,-1932 2295.35,-1932 2301.57,-1932 2295.35,-1927.5 2305.35,-1932"/>
2107
+ <text xml:space="preserve" text-anchor="middle" x="878.43" y="-1923.45" font-family="Helvetica,sans-Serif" font-size="9.00" fill="#9c27b0">default</text>
2108
+ </g>
2109
+ <!-- cre8&#45;page&#45;header&#45;&gt;slot -->
2110
+ <g id="edge37" class="edge">
2111
+ <title>cre8&#45;page&#45;header&#45;&gt;slot:titleAfter</title>
2112
+ <path fill="none" stroke="#9c27b0" stroke-dasharray="5,2" d="M491.6,-885.71C491.6,-1027.23 491.6,-1933 491.6,-1933 491.6,-1933 2295.42,-1933 2295.42,-1933"/>
2113
+ <polygon fill="#9c27b0" stroke="#9c27b0" points="2305.42,-1933 2295.42,-1937.5 2301.64,-1933 2295.42,-1933 2295.42,-1933 2295.42,-1933 2301.64,-1933 2295.42,-1928.5 2305.42,-1933"/>
2114
+ <text xml:space="preserve" text-anchor="middle" x="853.36" y="-1934.2" font-family="Helvetica,sans-Serif" font-size="9.00" fill="#9c27b0">titleAfter</text>
2115
+ </g>
2116
+ <!-- cre8&#45;icon -->
2117
+ <g id="node60" class="node">
2118
+ <title>cre8&#45;icon</title>
2119
+ <polygon fill="#ede7f6" stroke="none" points="1878.1,-2306.5 1878.1,-2326.5 1966.85,-2326.5 1966.85,-2306.5 1878.1,-2306.5"/>
2120
+ <polygon fill="none" stroke="black" points="1878.1,-2306.5 1878.1,-2326.5 1966.85,-2326.5 1966.85,-2306.5 1878.1,-2306.5"/>
2121
+ <text xml:space="preserve" text-anchor="start" x="1882.1" y="-2313.05" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="11.00" fill="#4527a0">cre8&#45;icon</text>
2122
+ <polygon fill="#fafafa" stroke="none" points="1878.1,-2288.75 1878.1,-2306.5 1930.35,-2306.5 1930.35,-2288.75 1878.1,-2288.75"/>
2123
+ <polygon fill="none" stroke="black" points="1878.1,-2288.75 1878.1,-2306.5 1930.35,-2306.5 1930.35,-2288.75 1878.1,-2288.75"/>
2124
+ <text xml:space="preserve" text-anchor="start" x="1882.1" y="-2295" font-family="Helvetica,sans-Serif" font-size="9.00"> &#160;focusable</text>
2125
+ <polygon fill="#fafafa" stroke="none" points="1930.35,-2288.75 1930.35,-2306.5 1966.85,-2306.5 1966.85,-2288.75 1930.35,-2288.75"/>
2126
+ <polygon fill="none" stroke="black" points="1930.35,-2288.75 1930.35,-2306.5 1966.85,-2306.5 1966.85,-2288.75 1930.35,-2288.75"/>
2127
+ <text xml:space="preserve" text-anchor="start" x="1934.35" y="-2295.38" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#666666">boolean</text>
2128
+ <polygon fill="#fafafa" stroke="none" points="1878.1,-2271 1878.1,-2288.75 1930.35,-2288.75 1930.35,-2271 1878.1,-2271"/>
2129
+ <polygon fill="none" stroke="black" points="1878.1,-2271 1878.1,-2288.75 1930.35,-2288.75 1930.35,-2271 1878.1,-2271"/>
2130
+ <text xml:space="preserve" text-anchor="start" x="1882.1" y="-2277.25" font-family="Helvetica,sans-Serif" font-size="9.00"> &#160;name</text>
2131
+ <polygon fill="#fafafa" stroke="none" points="1930.35,-2271 1930.35,-2288.75 1966.85,-2288.75 1966.85,-2271 1930.35,-2271"/>
2132
+ <polygon fill="none" stroke="black" points="1930.35,-2271 1930.35,-2288.75 1966.85,-2288.75 1966.85,-2271 1930.35,-2271"/>
2133
+ <text xml:space="preserve" text-anchor="start" x="1934.35" y="-2277.63" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#666666">string</text>
2134
+ <polygon fill="#fafafa" stroke="none" points="1878.1,-2253.25 1878.1,-2271 1930.35,-2271 1930.35,-2253.25 1878.1,-2253.25"/>
2135
+ <polygon fill="none" stroke="black" points="1878.1,-2253.25 1878.1,-2271 1930.35,-2271 1930.35,-2253.25 1878.1,-2253.25"/>
2136
+ <text xml:space="preserve" text-anchor="start" x="1882.1" y="-2259.5" font-family="Helvetica,sans-Serif" font-size="9.00"> &#160;svg</text>
2137
+ <polygon fill="#fafafa" stroke="none" points="1930.35,-2253.25 1930.35,-2271 1966.85,-2271 1966.85,-2253.25 1930.35,-2253.25"/>
2138
+ <polygon fill="none" stroke="black" points="1930.35,-2253.25 1930.35,-2271 1966.85,-2271 1966.85,-2253.25 1930.35,-2253.25"/>
2139
+ <text xml:space="preserve" text-anchor="start" x="1934.35" y="-2259.88" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#666666">string</text>
2140
+ <polygon fill="#fafafa" stroke="none" points="1878.1,-2235.5 1878.1,-2253.25 1930.35,-2253.25 1930.35,-2235.5 1878.1,-2235.5"/>
2141
+ <polygon fill="none" stroke="black" points="1878.1,-2235.5 1878.1,-2253.25 1930.35,-2253.25 1930.35,-2235.5 1878.1,-2235.5"/>
2142
+ <text xml:space="preserve" text-anchor="start" x="1882.1" y="-2241.75" font-family="Helvetica,sans-Serif" font-size="9.00"> &#160;iconUrl</text>
2143
+ <polygon fill="#fafafa" stroke="none" points="1930.35,-2235.5 1930.35,-2253.25 1966.85,-2253.25 1966.85,-2235.5 1930.35,-2235.5"/>
2144
+ <polygon fill="none" stroke="black" points="1930.35,-2235.5 1930.35,-2253.25 1966.85,-2253.25 1966.85,-2235.5 1930.35,-2235.5"/>
2145
+ <text xml:space="preserve" text-anchor="start" x="1934.35" y="-2242.13" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#666666">string</text>
2146
+ <polygon fill="#fafafa" stroke="none" points="1878.1,-2217.75 1878.1,-2235.5 1930.35,-2235.5 1930.35,-2217.75 1878.1,-2217.75"/>
2147
+ <polygon fill="none" stroke="black" points="1878.1,-2217.75 1878.1,-2235.5 1930.35,-2235.5 1930.35,-2217.75 1878.1,-2217.75"/>
2148
+ <text xml:space="preserve" text-anchor="start" x="1882.1" y="-2224" font-family="Helvetica,sans-Serif" font-size="9.00"> &#160;iconTitle</text>
2149
+ <polygon fill="#fafafa" stroke="none" points="1930.35,-2217.75 1930.35,-2235.5 1966.85,-2235.5 1966.85,-2217.75 1930.35,-2217.75"/>
2150
+ <polygon fill="none" stroke="black" points="1930.35,-2217.75 1930.35,-2235.5 1966.85,-2235.5 1966.85,-2217.75 1930.35,-2217.75"/>
2151
+ <text xml:space="preserve" text-anchor="start" x="1934.35" y="-2224.38" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#666666">string</text>
2152
+ </g>
2153
+ <!-- cre8&#45;logo -->
2154
+ <g id="node61" class="node">
2155
+ <title>cre8&#45;logo</title>
2156
+ <polygon fill="#ede7f6" stroke="none" points="1986.6,-2226 1986.6,-2246 2076.35,-2246 2076.35,-2226 1986.6,-2226"/>
2157
+ <polygon fill="none" stroke="black" points="1986.6,-2226 1986.6,-2246 2076.35,-2246 2076.35,-2226 1986.6,-2226"/>
2158
+ <text xml:space="preserve" text-anchor="start" x="1990.6" y="-2232.55" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="11.00" fill="#4527a0">cre8&#45;logo</text>
2159
+ <text xml:space="preserve" text-anchor="start" x="2040.1" y="-2232.55" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#888888"> &#160;children</text>
2160
+ <polygon fill="#fafafa" stroke="none" points="1986.6,-2208.25 1986.6,-2226 2031.85,-2226 2031.85,-2208.25 1986.6,-2208.25"/>
2161
+ <polygon fill="none" stroke="black" points="1986.6,-2208.25 1986.6,-2226 2031.85,-2226 2031.85,-2208.25 1986.6,-2208.25"/>
2162
+ <text xml:space="preserve" text-anchor="start" x="1990.6" y="-2214.5" font-family="Helvetica,sans-Serif" font-size="9.00"> &#160;href</text>
2163
+ <polygon fill="#fafafa" stroke="none" points="2031.85,-2208.25 2031.85,-2226 2076.35,-2226 2076.35,-2208.25 2031.85,-2208.25"/>
2164
+ <polygon fill="none" stroke="black" points="2031.85,-2208.25 2031.85,-2226 2076.35,-2226 2076.35,-2208.25 2031.85,-2208.25"/>
2165
+ <text xml:space="preserve" text-anchor="start" x="2035.85" y="-2214.88" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#666666">string</text>
2166
+ </g>
2167
+ <!-- cre8&#45;breadcrumbs -->
2168
+ <g id="node62" class="node">
2169
+ <title>cre8&#45;breadcrumbs</title>
2170
+ <polygon fill="#f9fbe7" stroke="none" points="2760.57,-232.22 2760.57,-252.22 2896.82,-252.22 2896.82,-232.22 2760.57,-232.22"/>
2171
+ <polygon fill="none" stroke="black" points="2760.57,-232.22 2760.57,-252.22 2896.82,-252.22 2896.82,-232.22 2760.57,-232.22"/>
2172
+ <text xml:space="preserve" text-anchor="start" x="2764.57" y="-238.77" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="11.00" fill="#558b2f">cre8&#45;breadcrumbs</text>
2173
+ <text xml:space="preserve" text-anchor="start" x="2860.57" y="-238.77" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#888888"> &#160;children</text>
2174
+ <polygon fill="#fafafa" stroke="none" points="2760.57,-214.47 2760.57,-232.22 2848.57,-232.22 2848.57,-214.47 2760.57,-214.47"/>
2175
+ <polygon fill="none" stroke="black" points="2760.57,-214.47 2760.57,-232.22 2848.57,-232.22 2848.57,-214.47 2760.57,-214.47"/>
2176
+ <text xml:space="preserve" text-anchor="start" x="2764.57" y="-220.72" font-family="Helvetica,sans-Serif" font-size="9.00"> &#160;navAriaLabel</text>
2177
+ <polygon fill="#fafafa" stroke="none" points="2848.57,-214.47 2848.57,-232.22 2896.82,-232.22 2896.82,-214.47 2848.57,-214.47"/>
2178
+ <polygon fill="none" stroke="black" points="2848.57,-214.47 2848.57,-232.22 2896.82,-232.22 2896.82,-214.47 2848.57,-214.47"/>
2179
+ <text xml:space="preserve" text-anchor="start" x="2852.57" y="-221.1" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#666666">string</text>
2180
+ </g>
2181
+ <!-- cre8&#45;breadcrumbs&#45;item -->
2182
+ <g id="node63" class="node">
2183
+ <title>cre8&#45;breadcrumbs&#45;item</title>
2184
+ <polygon fill="#f9fbe7" stroke="none" points="3174.44,-672.35 3174.44,-692.35 3336.94,-692.35 3336.94,-672.35 3174.44,-672.35"/>
2185
+ <polygon fill="none" stroke="black" points="3174.44,-672.35 3174.44,-692.35 3336.94,-692.35 3336.94,-672.35 3174.44,-672.35"/>
2186
+ <text xml:space="preserve" text-anchor="start" x="3178.44" y="-678.9" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="11.00" fill="#558b2f">cre8&#45;breadcrumbs&#45;item</text>
2187
+ <text xml:space="preserve" text-anchor="start" x="3300.69" y="-678.9" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#888888"> &#160;children</text>
2188
+ </g>
2189
+ <!-- cre8&#45;footer -->
2190
+ <g id="node64" class="node">
2191
+ <title>cre8&#45;footer</title>
2192
+ <polygon fill="#f9fbe7" stroke="none" points="3025.57,-572.64 3025.57,-592.64 3182.82,-592.64 3182.82,-572.64 3025.57,-572.64"/>
2193
+ <polygon fill="none" stroke="black" points="3025.57,-572.64 3025.57,-592.64 3182.82,-592.64 3182.82,-572.64 3025.57,-572.64"/>
2194
+ <text xml:space="preserve" text-anchor="start" x="3029.57" y="-579.19" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="11.00" fill="#558b2f">cre8&#45;footer</text>
2195
+ <text xml:space="preserve" text-anchor="start" x="3087.32" y="-579.19" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#888888"> &#160;[default] · [top] · [bottom]</text>
2196
+ </g>
2197
+ <!-- cre8&#45;footer&#45;&gt;slot -->
2198
+ <g id="edge38" class="edge">
2199
+ <title>cre8&#45;footer&#45;&gt;slot:default</title>
2200
+ <path fill="none" stroke="#9c27b0" stroke-dasharray="5,2" d="M3025.6,-592C2863.13,-592 2505.35,-592 2505.35,-592 2505.35,-592 2505.35,-1934 2505.35,-1934 2505.35,-1934 2371.47,-1934 2371.47,-1934"/>
2201
+ <polygon fill="#9c27b0" stroke="#9c27b0" points="2361.47,-1934 2371.47,-1929.5 2365.25,-1934 2371.47,-1934 2371.47,-1934 2371.47,-1934 2365.25,-1934 2371.47,-1938.5 2361.47,-1934"/>
2202
+ <text xml:space="preserve" text-anchor="middle" x="2491.47" y="-1071.01" font-family="Helvetica,sans-Serif" font-size="9.00" fill="#9c27b0">default</text>
2203
+ </g>
2204
+ <!-- cre8&#45;footer&#45;&gt;slot -->
2205
+ <g id="edge39" class="edge">
2206
+ <title>cre8&#45;footer&#45;&gt;slot:top</title>
2207
+ <path fill="none" stroke="#9c27b0" stroke-dasharray="5,2" d="M3025.78,-574C2865.14,-574 2513.65,-574 2513.65,-574 2513.65,-574 2513.65,-1931 2513.65,-1931 2513.65,-1931 2371.59,-1931 2371.59,-1931"/>
2208
+ <polygon fill="#9c27b0" stroke="#9c27b0" points="2361.59,-1931 2371.59,-1926.5 2365.37,-1931 2371.59,-1931 2371.59,-1931 2371.59,-1931 2365.37,-1931 2371.59,-1935.5 2361.59,-1931"/>
2209
+ <text xml:space="preserve" text-anchor="middle" x="2507.28" y="-1058.92" font-family="Helvetica,sans-Serif" font-size="9.00" fill="#9c27b0">top</text>
2210
+ </g>
2211
+ <!-- cre8&#45;footer&#45;&gt;slot -->
2212
+ <g id="edge40" class="edge">
2213
+ <title>cre8&#45;footer&#45;&gt;slot:bottom</title>
2214
+ <path fill="none" stroke="#9c27b0" stroke-dasharray="5,2" d="M3025.84,-583C2864.35,-583 2509.5,-583 2509.5,-583 2509.5,-583 2509.5,-1933 2509.5,-1933 2509.5,-1933 2371.35,-1933 2371.35,-1933"/>
2215
+ <polygon fill="#9c27b0" stroke="#9c27b0" points="2361.35,-1933 2371.35,-1928.5 2365.13,-1933 2371.35,-1933 2371.35,-1933 2371.35,-1933 2365.13,-1933 2371.35,-1937.5 2361.35,-1933"/>
2216
+ <text xml:space="preserve" text-anchor="middle" x="2495.62" y="-1060.35" font-family="Helvetica,sans-Serif" font-size="9.00" fill="#9c27b0">bottom</text>
2217
+ </g>
2218
+ <!-- cre8&#45;global&#45;nav -->
2219
+ <g id="node65" class="node">
2220
+ <title>cre8&#45;global&#45;nav</title>
2221
+ <polygon fill="#f9fbe7" stroke="none" points="3372.07,-537.97 3372.07,-557.97 3493.32,-557.97 3493.32,-537.97 3372.07,-537.97"/>
2222
+ <polygon fill="none" stroke="black" points="3372.07,-537.97 3372.07,-557.97 3493.32,-557.97 3493.32,-537.97 3372.07,-537.97"/>
2223
+ <text xml:space="preserve" text-anchor="start" x="3376.07" y="-544.52" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="11.00" fill="#558b2f">cre8&#45;global&#45;nav</text>
2224
+ <text xml:space="preserve" text-anchor="start" x="3457.07" y="-544.52" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#888888"> &#160;children</text>
2225
+ <polygon fill="#fafafa" stroke="none" points="3372.07,-520.22 3372.07,-537.97 3448.07,-537.97 3448.07,-520.22 3372.07,-520.22"/>
2226
+ <polygon fill="none" stroke="black" points="3372.07,-520.22 3372.07,-537.97 3448.07,-537.97 3448.07,-520.22 3372.07,-520.22"/>
2227
+ <text xml:space="preserve" text-anchor="start" x="3376.07" y="-526.47" font-family="Helvetica,sans-Serif" font-size="9.00"> &#160;inverted</text>
2228
+ <polygon fill="#fafafa" stroke="none" points="3448.07,-520.22 3448.07,-537.97 3493.32,-537.97 3493.32,-520.22 3448.07,-520.22"/>
2229
+ <polygon fill="none" stroke="black" points="3448.07,-520.22 3448.07,-537.97 3493.32,-537.97 3493.32,-520.22 3448.07,-520.22"/>
2230
+ <text xml:space="preserve" text-anchor="start" x="3452.07" y="-526.85" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#666666">boolean</text>
2231
+ <polygon fill="#fafafa" stroke="none" points="3372.07,-502.47 3372.07,-520.22 3448.07,-520.22 3448.07,-502.47 3372.07,-502.47"/>
2232
+ <polygon fill="none" stroke="black" points="3372.07,-502.47 3372.07,-520.22 3448.07,-520.22 3448.07,-502.47 3372.07,-502.47"/>
2233
+ <text xml:space="preserve" text-anchor="start" x="3376.07" y="-508.72" font-family="Helvetica,sans-Serif" font-size="9.00"> &#160;behavior</text>
2234
+ <polygon fill="#fafafa" stroke="none" points="3448.07,-502.47 3448.07,-520.22 3493.32,-520.22 3493.32,-502.47 3448.07,-502.47"/>
2235
+ <polygon fill="none" stroke="black" points="3448.07,-502.47 3448.07,-520.22 3493.32,-520.22 3493.32,-502.47 3448.07,-502.47"/>
2236
+ <text xml:space="preserve" text-anchor="start" x="3452.07" y="-509.1" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#666666">string</text>
2237
+ <polygon fill="#fafafa" stroke="none" points="3372.07,-484.72 3372.07,-502.47 3448.07,-502.47 3448.07,-484.72 3372.07,-484.72"/>
2238
+ <polygon fill="none" stroke="black" points="3372.07,-484.72 3372.07,-502.47 3448.07,-502.47 3448.07,-484.72 3372.07,-484.72"/>
2239
+ <text xml:space="preserve" text-anchor="start" x="3376.07" y="-490.97" font-family="Helvetica,sans-Serif" font-size="9.00"> &#160;navAriaLabel</text>
2240
+ <polygon fill="#fafafa" stroke="none" points="3448.07,-484.72 3448.07,-502.47 3493.32,-502.47 3493.32,-484.72 3448.07,-484.72"/>
2241
+ <polygon fill="none" stroke="black" points="3448.07,-484.72 3448.07,-502.47 3493.32,-502.47 3493.32,-484.72 3448.07,-484.72"/>
2242
+ <text xml:space="preserve" text-anchor="start" x="3452.07" y="-491.35" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#666666">string</text>
2243
+ </g>
2244
+ <!-- cre8&#45;global&#45;nav&#45;item -->
2245
+ <g id="node66" class="node">
2246
+ <title>cre8&#45;global&#45;nav&#45;item</title>
2247
+ <polygon fill="#f9fbe7" stroke="none" points="2827.91,-697.43 2827.91,-717.43 3069.91,-717.43 3069.91,-697.43 2827.91,-697.43"/>
2248
+ <polygon fill="none" stroke="black" points="2827.91,-697.43 2827.91,-717.43 3069.91,-717.43 3069.91,-697.43 2827.91,-697.43"/>
2249
+ <text xml:space="preserve" text-anchor="start" x="2831.91" y="-703.98" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="11.00" fill="#558b2f">cre8&#45;global&#45;nav&#45;item</text>
2250
+ <text xml:space="preserve" text-anchor="start" x="2939.16" y="-703.98" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#888888"> &#160;[default] · [itemBefore] · [itemAfter]</text>
2251
+ <polygon fill="#fafafa" stroke="none" points="2827.91,-679.68 2827.91,-697.43 2960.16,-697.43 2960.16,-679.68 2827.91,-679.68"/>
2252
+ <polygon fill="none" stroke="black" points="2827.91,-679.68 2827.91,-697.43 2960.16,-697.43 2960.16,-679.68 2827.91,-679.68"/>
2253
+ <text xml:space="preserve" text-anchor="start" x="2831.91" y="-685.93" font-family="Helvetica,sans-Serif" font-size="9.00"> &#160;text</text>
2254
+ <polygon fill="#fafafa" stroke="none" points="2960.16,-679.68 2960.16,-697.43 3069.91,-697.43 3069.91,-679.68 2960.16,-679.68"/>
2255
+ <polygon fill="none" stroke="black" points="2960.16,-679.68 2960.16,-697.43 3069.91,-697.43 3069.91,-679.68 2960.16,-679.68"/>
2256
+ <text xml:space="preserve" text-anchor="start" x="2964.16" y="-686.3" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#666666">string</text>
2257
+ <polygon fill="#fafafa" stroke="none" points="2827.91,-661.93 2827.91,-679.68 2960.16,-679.68 2960.16,-661.93 2827.91,-661.93"/>
2258
+ <polygon fill="none" stroke="black" points="2827.91,-661.93 2827.91,-679.68 2960.16,-679.68 2960.16,-661.93 2827.91,-661.93"/>
2259
+ <text xml:space="preserve" text-anchor="start" x="2831.91" y="-668.18" font-family="Helvetica,sans-Serif" font-size="9.00"> &#160;href</text>
2260
+ <polygon fill="#fafafa" stroke="none" points="2960.16,-661.93 2960.16,-679.68 3069.91,-679.68 3069.91,-661.93 2960.16,-661.93"/>
2261
+ <polygon fill="none" stroke="black" points="2960.16,-661.93 2960.16,-679.68 3069.91,-679.68 3069.91,-661.93 2960.16,-661.93"/>
2262
+ <text xml:space="preserve" text-anchor="start" x="2964.16" y="-668.55" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#666666">string</text>
2263
+ <polygon fill="#fafafa" stroke="none" points="2827.91,-644.18 2827.91,-661.93 2960.16,-661.93 2960.16,-644.18 2827.91,-644.18"/>
2264
+ <polygon fill="none" stroke="black" points="2827.91,-644.18 2827.91,-661.93 2960.16,-661.93 2960.16,-644.18 2827.91,-644.18"/>
2265
+ <text xml:space="preserve" text-anchor="start" x="2831.91" y="-650.43" font-family="Helvetica,sans-Serif" font-size="9.00"> &#160;iconName</text>
2266
+ <polygon fill="#fafafa" stroke="none" points="2960.16,-644.18 2960.16,-661.93 3069.91,-661.93 3069.91,-644.18 2960.16,-644.18"/>
2267
+ <polygon fill="none" stroke="black" points="2960.16,-644.18 2960.16,-661.93 3069.91,-661.93 3069.91,-644.18 2960.16,-644.18"/>
2268
+ <text xml:space="preserve" text-anchor="start" x="2964.16" y="-650.8" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#666666">string</text>
2269
+ <polygon fill="#fafafa" stroke="none" points="2827.91,-626.43 2827.91,-644.18 2960.16,-644.18 2960.16,-626.43 2827.91,-626.43"/>
2270
+ <polygon fill="none" stroke="black" points="2827.91,-626.43 2827.91,-644.18 2960.16,-644.18 2960.16,-626.43 2827.91,-626.43"/>
2271
+ <text xml:space="preserve" text-anchor="start" x="2831.91" y="-632.68" font-family="Helvetica,sans-Serif" font-size="9.00"> &#160;megaMenu</text>
2272
+ <polygon fill="#fafafa" stroke="none" points="2960.16,-626.43 2960.16,-644.18 3069.91,-644.18 3069.91,-626.43 2960.16,-626.43"/>
2273
+ <polygon fill="none" stroke="black" points="2960.16,-626.43 2960.16,-644.18 3069.91,-644.18 3069.91,-626.43 2960.16,-626.43"/>
2274
+ <text xml:space="preserve" text-anchor="start" x="2964.16" y="-633.05" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#666666">boolean</text>
2275
+ <polygon fill="#fafafa" stroke="none" points="2827.91,-608.68 2827.91,-626.43 2960.16,-626.43 2960.16,-608.68 2827.91,-608.68"/>
2276
+ <polygon fill="none" stroke="black" points="2827.91,-608.68 2827.91,-626.43 2960.16,-626.43 2960.16,-608.68 2827.91,-608.68"/>
2277
+ <text xml:space="preserve" text-anchor="start" x="2831.91" y="-614.93" font-family="Helvetica,sans-Serif" font-size="9.00"> &#160;isActive</text>
2278
+ <polygon fill="#fafafa" stroke="none" points="2960.16,-608.68 2960.16,-626.43 3069.91,-626.43 3069.91,-608.68 2960.16,-608.68"/>
2279
+ <polygon fill="none" stroke="black" points="2960.16,-608.68 2960.16,-626.43 3069.91,-626.43 3069.91,-608.68 2960.16,-608.68"/>
2280
+ <text xml:space="preserve" text-anchor="start" x="2964.16" y="-615.3" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#666666">boolean</text>
2281
+ </g>
2282
+ <!-- cre8&#45;global&#45;nav&#45;item&#45;&gt;slot -->
2283
+ <g id="edge41" class="edge">
2284
+ <title>cre8&#45;global&#45;nav&#45;item&#45;&gt;slot:default</title>
2285
+ <path fill="none" stroke="#9c27b0" stroke-dasharray="5,2" d="M2827.94,-663C2717.54,-663 2571.49,-663 2571.49,-663 2571.49,-663 2571.49,-1942 2571.49,-1942 2571.49,-1942 2371.45,-1942 2371.45,-1942"/>
2286
+ <polygon fill="#9c27b0" stroke="#9c27b0" points="2361.45,-1942 2371.45,-1937.5 2365.23,-1942 2371.45,-1942 2371.45,-1942 2371.45,-1942 2365.23,-1942 2371.45,-1946.5 2361.45,-1942"/>
2287
+ <text xml:space="preserve" text-anchor="middle" x="2557.62" y="-1265.75" font-family="Helvetica,sans-Serif" font-size="9.00" fill="#9c27b0">default</text>
2288
+ </g>
2289
+ <!-- cre8&#45;global&#45;nav&#45;item&#45;&gt;slot -->
2290
+ <g id="edge42" class="edge">
2291
+ <title>cre8&#45;global&#45;nav&#45;item&#45;&gt;slot:itemBefore</title>
2292
+ <path fill="none" stroke="#9c27b0" stroke-dasharray="5,2" d="M2828.11,-690C2715.44,-690 2564.62,-690 2564.62,-690 2564.62,-690 2564.62,-1943 2564.62,-1943 2564.62,-1943 2371.58,-1943 2371.58,-1943"/>
2293
+ <polygon fill="#9c27b0" stroke="#9c27b0" points="2361.58,-1943 2371.58,-1938.5 2365.36,-1943 2371.58,-1943 2371.58,-1943 2371.58,-1943 2365.36,-1943 2371.58,-1947.5 2361.58,-1943"/>
2294
+ <text xml:space="preserve" text-anchor="middle" x="2542.49" y="-1282.47" font-family="Helvetica,sans-Serif" font-size="9.00" fill="#9c27b0">itemBefore</text>
2295
+ </g>
2296
+ <!-- cre8&#45;global&#45;nav&#45;item&#45;&gt;slot -->
2297
+ <g id="edge43" class="edge">
2298
+ <title>cre8&#45;global&#45;nav&#45;item&#45;&gt;slot:itemAfter</title>
2299
+ <path fill="none" stroke="#9c27b0" stroke-dasharray="5,2" d="M2828.09,-636C2719.96,-636 2578.36,-636 2578.36,-636 2578.36,-636 2578.36,-1940 2578.36,-1940 2578.36,-1940 2371.28,-1940 2371.28,-1940"/>
2300
+ <polygon fill="#9c27b0" stroke="#9c27b0" points="2361.28,-1940 2371.28,-1935.5 2365.07,-1940 2371.28,-1940 2371.28,-1940 2371.28,-1940 2365.07,-1940 2371.28,-1944.5 2361.28,-1940"/>
2301
+ <text xml:space="preserve" text-anchor="middle" x="2560.36" y="-1258.12" font-family="Helvetica,sans-Serif" font-size="9.00" fill="#9c27b0">itemAfter</text>
2302
+ </g>
2303
+ <!-- cre8&#45;header -->
2304
+ <g id="node67" class="node">
2305
+ <title>cre8&#45;header</title>
2306
+ <polygon fill="#f9fbe7" stroke="none" points="2931.2,-743.25 2931.2,-763.25 3092.95,-763.25 3092.95,-743.25 2931.2,-743.25"/>
2307
+ <polygon fill="none" stroke="black" points="2931.2,-743.25 2931.2,-763.25 3092.95,-763.25 3092.95,-743.25 2931.2,-743.25"/>
2308
+ <text xml:space="preserve" text-anchor="start" x="2935.2" y="-749.8" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="11.00" fill="#558b2f">cre8&#45;header</text>
2309
+ <text xml:space="preserve" text-anchor="start" x="2997.45" y="-749.8" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#888888"> &#160;[default] · [top] · [bottom]</text>
2310
+ <polygon fill="#fafafa" stroke="none" points="2931.2,-725.5 2931.2,-743.25 3015.82,-743.25 3015.82,-725.5 2931.2,-725.5"/>
2311
+ <polygon fill="none" stroke="black" points="2931.2,-725.5 2931.2,-743.25 3015.82,-743.25 3015.82,-725.5 2931.2,-725.5"/>
2312
+ <text xml:space="preserve" text-anchor="start" x="2935.2" y="-731.75" font-family="Helvetica,sans-Serif" font-size="9.00"> &#160;isActive</text>
2313
+ <polygon fill="#fafafa" stroke="none" points="3015.82,-725.5 3015.82,-743.25 3092.95,-743.25 3092.95,-725.5 3015.82,-725.5"/>
2314
+ <polygon fill="none" stroke="black" points="3015.82,-725.5 3015.82,-743.25 3092.95,-743.25 3092.95,-725.5 3015.82,-725.5"/>
2315
+ <text xml:space="preserve" text-anchor="start" x="3019.82" y="-732.13" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#666666">boolean</text>
2316
+ </g>
2317
+ <!-- cre8&#45;header&#45;&gt;slot -->
2318
+ <g id="edge44" class="edge">
2319
+ <title>cre8&#45;header&#45;&gt;slot:default</title>
2320
+ <path fill="none" stroke="#9c27b0" stroke-dasharray="5,2" d="M2937.92,-762.94C2937.92,-890.55 2937.92,-1633 2937.92,-1633 2937.92,-1633 2315.83,-1633 2315.83,-1633 2315.83,-1633 2315.83,-1909.91 2315.83,-1909.91"/>
2321
+ <polygon fill="#9c27b0" stroke="#9c27b0" points="2315.83,-1919.91 2311.33,-1909.91 2315.83,-1916.13 2315.83,-1909.91 2315.83,-1909.91 2315.83,-1909.91 2315.83,-1916.13 2320.33,-1909.91 2315.83,-1919.91"/>
2322
+ <text xml:space="preserve" text-anchor="middle" x="2909.57" y="-1634.2" font-family="Helvetica,sans-Serif" font-size="9.00" fill="#9c27b0">default</text>
2323
+ </g>
2324
+ <!-- cre8&#45;header&#45;&gt;slot -->
2325
+ <g id="edge45" class="edge">
2326
+ <title>cre8&#45;header&#45;&gt;slot:top</title>
2327
+ <path fill="none" stroke="#9c27b0" stroke-dasharray="5,2" d="M2944.63,-762.98C2944.63,-890.88 2944.63,-1635 2944.63,-1635 2944.63,-1635 2321.4,-1635 2321.4,-1635 2321.4,-1635 2321.4,-1910.03 2321.4,-1910.03"/>
2328
+ <polygon fill="#9c27b0" stroke="#9c27b0" points="2321.4,-1920.03 2316.9,-1910.03 2321.4,-1916.24 2321.4,-1910.03 2321.4,-1910.03 2321.4,-1910.03 2321.4,-1916.24 2325.9,-1910.03 2321.4,-1920.03"/>
2329
+ <text xml:space="preserve" text-anchor="middle" x="2925.14" y="-1636.2" font-family="Helvetica,sans-Serif" font-size="9.00" fill="#9c27b0">top</text>
2330
+ </g>
2331
+ <!-- cre8&#45;header&#45;&gt;slot -->
2332
+ <g id="edge46" class="edge">
2333
+ <title>cre8&#45;header&#45;&gt;slot:bottom</title>
2334
+ <path fill="none" stroke="#9c27b0" stroke-dasharray="5,2" d="M2951.35,-763.02C2951.35,-891.2 2951.35,-1637 2951.35,-1637 2951.35,-1637 2326.97,-1637 2326.97,-1637 2326.97,-1637 2326.97,-1909.7 2326.97,-1909.7"/>
2335
+ <polygon fill="#9c27b0" stroke="#9c27b0" points="2326.97,-1919.7 2322.47,-1909.7 2326.97,-1915.92 2326.97,-1909.7 2326.97,-1909.7 2326.97,-1909.7 2326.97,-1915.92 2331.47,-1909.7 2326.97,-1919.7"/>
2336
+ <text xml:space="preserve" text-anchor="middle" x="2925.93" y="-1638.2" font-family="Helvetica,sans-Serif" font-size="9.00" fill="#9c27b0">bottom</text>
2337
+ </g>
2338
+ <!-- cre8&#45;link -->
2339
+ <g id="node68" class="node">
2340
+ <title>cre8&#45;link</title>
2341
+ <polygon fill="#f9fbe7" stroke="none" points="3073.01,-409.83 3073.01,-429.83 3230.01,-429.83 3230.01,-409.83 3073.01,-409.83"/>
2342
+ <polygon fill="none" stroke="black" points="3073.01,-409.83 3073.01,-429.83 3230.01,-429.83 3230.01,-409.83 3073.01,-409.83"/>
2343
+ <text xml:space="preserve" text-anchor="start" x="3077.01" y="-416.38" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="11.00" fill="#558b2f">cre8&#45;link</text>
2344
+ <text xml:space="preserve" text-anchor="start" x="3122.01" y="-416.38" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#888888"> &#160;[default] · [badge]</text>
2345
+ <polygon fill="#fafafa" stroke="none" points="3073.01,-392.08 3073.01,-409.83 3118.51,-409.83 3118.51,-392.08 3073.01,-392.08"/>
2346
+ <polygon fill="none" stroke="black" points="3073.01,-392.08 3073.01,-409.83 3118.51,-409.83 3118.51,-392.08 3073.01,-392.08"/>
2347
+ <text xml:space="preserve" text-anchor="start" x="3077.01" y="-398.33" font-family="Helvetica,sans-Serif" font-size="9.00"> &#160;href</text>
2348
+ <polygon fill="#fafafa" stroke="none" points="3118.51,-392.08 3118.51,-409.83 3230.01,-409.83 3230.01,-392.08 3118.51,-392.08"/>
2349
+ <polygon fill="none" stroke="black" points="3118.51,-392.08 3118.51,-409.83 3230.01,-409.83 3230.01,-392.08 3118.51,-392.08"/>
2350
+ <text xml:space="preserve" text-anchor="start" x="3122.51" y="-398.7" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#666666">string</text>
2351
+ <polygon fill="#fafafa" stroke="none" points="3073.01,-374.33 3073.01,-392.08 3118.51,-392.08 3118.51,-374.33 3073.01,-374.33"/>
2352
+ <polygon fill="none" stroke="black" points="3073.01,-374.33 3073.01,-392.08 3118.51,-392.08 3118.51,-374.33 3073.01,-374.33"/>
2353
+ <text xml:space="preserve" text-anchor="start" x="3077.01" y="-380.58" font-family="Helvetica,sans-Serif" font-size="9.00"> &#160;rel</text>
2354
+ <polygon fill="#fafafa" stroke="none" points="3118.51,-374.33 3118.51,-392.08 3230.01,-392.08 3230.01,-374.33 3118.51,-374.33"/>
2355
+ <polygon fill="none" stroke="black" points="3118.51,-374.33 3118.51,-392.08 3230.01,-392.08 3230.01,-374.33 3118.51,-374.33"/>
2356
+ <text xml:space="preserve" text-anchor="start" x="3122.51" y="-380.95" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#666666">string</text>
2357
+ <polygon fill="#fafafa" stroke="none" points="3073.01,-356.58 3073.01,-374.33 3118.51,-374.33 3118.51,-356.58 3073.01,-356.58"/>
2358
+ <polygon fill="none" stroke="black" points="3073.01,-356.58 3073.01,-374.33 3118.51,-374.33 3118.51,-356.58 3073.01,-356.58"/>
2359
+ <text xml:space="preserve" text-anchor="start" x="3077.01" y="-362.83" font-family="Helvetica,sans-Serif" font-size="9.00"> &#160;target</text>
2360
+ <polygon fill="#fafafa" stroke="none" points="3118.51,-356.58 3118.51,-374.33 3230.01,-374.33 3230.01,-356.58 3118.51,-356.58"/>
2361
+ <polygon fill="none" stroke="black" points="3118.51,-356.58 3118.51,-374.33 3230.01,-374.33 3230.01,-356.58 3118.51,-356.58"/>
2362
+ <text xml:space="preserve" text-anchor="start" x="3122.51" y="-363.2" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#666666">_blank | _self | _parent | _top</text>
2363
+ <polygon fill="#fafafa" stroke="none" points="3073.01,-338.83 3073.01,-356.58 3118.51,-356.58 3118.51,-338.83 3073.01,-338.83"/>
2364
+ <polygon fill="none" stroke="black" points="3073.01,-338.83 3073.01,-356.58 3118.51,-356.58 3118.51,-338.83 3073.01,-338.83"/>
2365
+ <text xml:space="preserve" text-anchor="start" x="3077.01" y="-345.08" font-family="Helvetica,sans-Serif" font-size="9.00"> &#160;svg</text>
2366
+ <polygon fill="#fafafa" stroke="none" points="3118.51,-338.83 3118.51,-356.58 3230.01,-356.58 3230.01,-338.83 3118.51,-338.83"/>
2367
+ <polygon fill="none" stroke="black" points="3118.51,-338.83 3118.51,-356.58 3230.01,-356.58 3230.01,-338.83 3118.51,-338.83"/>
2368
+ <text xml:space="preserve" text-anchor="start" x="3122.51" y="-345.45" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#666666">string</text>
2369
+ <polygon fill="#fafafa" stroke="none" points="3073.01,-321.08 3073.01,-338.83 3118.51,-338.83 3118.51,-321.08 3073.01,-321.08"/>
2370
+ <polygon fill="none" stroke="black" points="3073.01,-321.08 3073.01,-338.83 3118.51,-338.83 3118.51,-321.08 3073.01,-321.08"/>
2371
+ <text xml:space="preserve" text-anchor="start" x="3077.01" y="-327.33" font-family="Helvetica,sans-Serif" font-size="9.00"> &#160;size</text>
2372
+ <polygon fill="#fafafa" stroke="none" points="3118.51,-321.08 3118.51,-338.83 3230.01,-338.83 3230.01,-321.08 3118.51,-321.08"/>
2373
+ <polygon fill="none" stroke="black" points="3118.51,-321.08 3118.51,-338.83 3230.01,-338.83 3230.01,-321.08 3118.51,-321.08"/>
2374
+ <text xml:space="preserve" text-anchor="start" x="3122.51" y="-327.7" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#666666">sm | lg</text>
2375
+ <polygon fill="#fafafa" stroke="none" points="3073.01,-303.33 3073.01,-321.08 3118.51,-321.08 3118.51,-303.33 3073.01,-303.33"/>
2376
+ <polygon fill="none" stroke="black" points="3073.01,-303.33 3073.01,-321.08 3118.51,-321.08 3118.51,-303.33 3073.01,-303.33"/>
2377
+ <text xml:space="preserve" text-anchor="start" x="3077.01" y="-309.58" font-family="Helvetica,sans-Serif" font-size="9.00"> &#160;inverted</text>
2378
+ <polygon fill="#fafafa" stroke="none" points="3118.51,-303.33 3118.51,-321.08 3230.01,-321.08 3230.01,-303.33 3118.51,-303.33"/>
2379
+ <polygon fill="none" stroke="black" points="3118.51,-303.33 3118.51,-321.08 3230.01,-321.08 3230.01,-303.33 3118.51,-303.33"/>
2380
+ <text xml:space="preserve" text-anchor="start" x="3122.51" y="-309.95" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#666666">boolean</text>
2381
+ <polygon fill="#f5f5f5" stroke="none" points="3073.01,-286.33 3073.01,-303.33 3230.01,-303.33 3230.01,-286.33 3073.01,-286.33"/>
2382
+ <polygon fill="none" stroke="black" points="3073.01,-286.33 3073.01,-303.33 3230.01,-303.33 3230.01,-286.33 3073.01,-286.33"/>
2383
+ <text xml:space="preserve" text-anchor="start" x="3077.01" y="-292.58" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#999999"> &#160;+7 more props</text>
2384
+ </g>
2385
+ <!-- cre8&#45;link&#45;&gt;slot -->
2386
+ <g id="edge47" class="edge">
2387
+ <title>cre8&#45;link&#45;&gt;slot:default</title>
2388
+ <path fill="none" stroke="#9c27b0" stroke-dasharray="5,2" d="M3073.08,-414C2907.45,-414 2537.13,-414 2537.13,-414 2537.13,-414 2537.13,-1949 2537.13,-1949 2537.13,-1949 2371.24,-1949 2371.24,-1949"/>
2389
+ <polygon fill="#9c27b0" stroke="#9c27b0" points="2361.24,-1949 2371.24,-1944.5 2365.02,-1949 2371.24,-1949 2371.24,-1949 2371.24,-1949 2365.02,-1949 2371.24,-1953.5 2361.24,-1949"/>
2390
+ <text xml:space="preserve" text-anchor="middle" x="2523.26" y="-997.67" font-family="Helvetica,sans-Serif" font-size="9.00" fill="#9c27b0">default</text>
2391
+ </g>
2392
+ <!-- cre8&#45;link&#45;&gt;slot -->
2393
+ <g id="edge48" class="edge">
2394
+ <title>cre8&#45;link&#45;&gt;slot:badge</title>
2395
+ <path fill="none" stroke="#9c27b0" stroke-dasharray="5,2" d="M3073.02,-405C2908.8,-405 2544,-405 2544,-405 2544,-405 2544,-1948 2544,-1948 2544,-1948 2371.28,-1948 2371.28,-1948"/>
2396
+ <polygon fill="#9c27b0" stroke="#9c27b0" points="2361.28,-1948 2371.28,-1943.5 2365.06,-1948 2371.28,-1948 2371.28,-1948 2371.28,-1948 2365.06,-1948 2371.28,-1952.5 2361.28,-1948"/>
2397
+ <text xml:space="preserve" text-anchor="middle" x="2530.88" y="-999.55" font-family="Helvetica,sans-Serif" font-size="9.00" fill="#9c27b0">badge</text>
2398
+ </g>
2399
+ <!-- cre8&#45;link&#45;list -->
2400
+ <g id="node69" class="node">
2401
+ <title>cre8&#45;link&#45;list</title>
2402
+ <polygon fill="#f9fbe7" stroke="none" points="2832.69,-375.72 2832.69,-395.72 2968.69,-395.72 2968.69,-375.72 2832.69,-375.72"/>
2403
+ <polygon fill="none" stroke="black" points="2832.69,-375.72 2832.69,-395.72 2968.69,-395.72 2968.69,-375.72 2832.69,-375.72"/>
2404
+ <text xml:space="preserve" text-anchor="start" x="2836.69" y="-382.27" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="11.00" fill="#558b2f">cre8&#45;link&#45;list</text>
2405
+ <text xml:space="preserve" text-anchor="start" x="2901.19" y="-382.27" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#888888"> &#160;children</text>
2406
+ <polygon fill="#fafafa" stroke="none" points="2832.69,-357.97 2832.69,-375.72 2881.19,-375.72 2881.19,-357.97 2832.69,-357.97"/>
2407
+ <polygon fill="none" stroke="black" points="2832.69,-357.97 2832.69,-375.72 2881.19,-375.72 2881.19,-357.97 2832.69,-357.97"/>
2408
+ <text xml:space="preserve" text-anchor="start" x="2836.69" y="-364.22" font-family="Helvetica,sans-Serif" font-size="9.00"> &#160;behavior</text>
2409
+ <polygon fill="#fafafa" stroke="none" points="2881.19,-357.97 2881.19,-375.72 2968.69,-375.72 2968.69,-357.97 2881.19,-357.97"/>
2410
+ <polygon fill="none" stroke="black" points="2881.19,-357.97 2881.19,-375.72 2968.69,-375.72 2968.69,-357.97 2881.19,-357.97"/>
2411
+ <text xml:space="preserve" text-anchor="start" x="2885.19" y="-364.6" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#666666">horizontal | responsive</text>
2412
+ <polygon fill="#fafafa" stroke="none" points="2832.69,-340.22 2832.69,-357.97 2881.19,-357.97 2881.19,-340.22 2832.69,-340.22"/>
2413
+ <polygon fill="none" stroke="black" points="2832.69,-340.22 2832.69,-357.97 2881.19,-357.97 2881.19,-340.22 2832.69,-340.22"/>
2414
+ <text xml:space="preserve" text-anchor="start" x="2836.69" y="-346.47" font-family="Helvetica,sans-Serif" font-size="9.00"> &#160;inverted</text>
2415
+ <polygon fill="#fafafa" stroke="none" points="2881.19,-340.22 2881.19,-357.97 2968.69,-357.97 2968.69,-340.22 2881.19,-340.22"/>
2416
+ <polygon fill="none" stroke="black" points="2881.19,-340.22 2881.19,-357.97 2968.69,-357.97 2968.69,-340.22 2881.19,-340.22"/>
2417
+ <text xml:space="preserve" text-anchor="start" x="2885.19" y="-346.85" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#666666">boolean</text>
2418
+ <polygon fill="#fafafa" stroke="none" points="2832.69,-322.47 2832.69,-340.22 2881.19,-340.22 2881.19,-322.47 2832.69,-322.47"/>
2419
+ <polygon fill="none" stroke="black" points="2832.69,-322.47 2832.69,-340.22 2881.19,-340.22 2881.19,-322.47 2832.69,-322.47"/>
2420
+ <text xml:space="preserve" text-anchor="start" x="2836.69" y="-328.72" font-family="Helvetica,sans-Serif" font-size="9.00"> &#160;size</text>
2421
+ <polygon fill="#fafafa" stroke="none" points="2881.19,-322.47 2881.19,-340.22 2968.69,-340.22 2968.69,-322.47 2881.19,-322.47"/>
2422
+ <polygon fill="none" stroke="black" points="2881.19,-322.47 2881.19,-340.22 2968.69,-340.22 2968.69,-322.47 2881.19,-322.47"/>
2423
+ <text xml:space="preserve" text-anchor="start" x="2885.19" y="-329.1" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#666666">string</text>
2424
+ <polygon fill="#fafafa" stroke="none" points="2832.69,-304.72 2832.69,-322.47 2881.19,-322.47 2881.19,-304.72 2832.69,-304.72"/>
2425
+ <polygon fill="none" stroke="black" points="2832.69,-304.72 2832.69,-322.47 2881.19,-322.47 2881.19,-304.72 2832.69,-304.72"/>
2426
+ <text xml:space="preserve" text-anchor="start" x="2836.69" y="-310.97" font-family="Helvetica,sans-Serif" font-size="9.00"> &#160;spacing</text>
2427
+ <polygon fill="#fafafa" stroke="none" points="2881.19,-304.72 2881.19,-322.47 2968.69,-322.47 2968.69,-304.72 2881.19,-304.72"/>
2428
+ <polygon fill="none" stroke="black" points="2881.19,-304.72 2881.19,-322.47 2968.69,-322.47 2968.69,-304.72 2881.19,-304.72"/>
2429
+ <text xml:space="preserve" text-anchor="start" x="2885.19" y="-311.35" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#666666">string</text>
2430
+ <polygon fill="#fafafa" stroke="none" points="2832.69,-286.97 2832.69,-304.72 2881.19,-304.72 2881.19,-286.97 2832.69,-286.97"/>
2431
+ <polygon fill="none" stroke="black" points="2832.69,-286.97 2832.69,-304.72 2881.19,-304.72 2881.19,-286.97 2832.69,-286.97"/>
2432
+ <text xml:space="preserve" text-anchor="start" x="2836.69" y="-293.22" font-family="Helvetica,sans-Serif" font-size="9.00"> &#160;variant</text>
2433
+ <polygon fill="#fafafa" stroke="none" points="2881.19,-286.97 2881.19,-304.72 2968.69,-304.72 2968.69,-286.97 2881.19,-286.97"/>
2434
+ <polygon fill="none" stroke="black" points="2881.19,-286.97 2881.19,-304.72 2968.69,-304.72 2968.69,-286.97 2881.19,-286.97"/>
2435
+ <text xml:space="preserve" text-anchor="start" x="2885.19" y="-293.6" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#666666">secondary | display</text>
2436
+ </g>
2437
+ <!-- cre8&#45;link&#45;list&#45;item -->
2438
+ <g id="node70" class="node">
2439
+ <title>cre8&#45;link&#45;list&#45;item</title>
2440
+ <polygon fill="#f9fbe7" stroke="none" points="3106.63,-769.56 3106.63,-789.56 3332.13,-789.56 3332.13,-769.56 3106.63,-769.56"/>
2441
+ <polygon fill="none" stroke="black" points="3106.63,-769.56 3106.63,-789.56 3332.13,-789.56 3332.13,-769.56 3106.63,-769.56"/>
2442
+ <text xml:space="preserve" text-anchor="start" x="3110.63" y="-776.11" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="11.00" fill="#558b2f">cre8&#45;link&#45;list&#45;item</text>
2443
+ <text xml:space="preserve" text-anchor="start" x="3201.38" y="-776.11" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#888888"> &#160;[default] · [itemBefore] · [itemAfter]</text>
2444
+ <polygon fill="#fafafa" stroke="none" points="3106.63,-751.81 3106.63,-769.56 3223.13,-769.56 3223.13,-751.81 3106.63,-751.81"/>
2445
+ <polygon fill="none" stroke="black" points="3106.63,-751.81 3106.63,-769.56 3223.13,-769.56 3223.13,-751.81 3106.63,-751.81"/>
2446
+ <text xml:space="preserve" text-anchor="start" x="3110.63" y="-758.06" font-family="Helvetica,sans-Serif" font-size="9.00"> &#160;text</text>
2447
+ <polygon fill="#fafafa" stroke="none" points="3223.13,-751.81 3223.13,-769.56 3332.13,-769.56 3332.13,-751.81 3223.13,-751.81"/>
2448
+ <polygon fill="none" stroke="black" points="3223.13,-751.81 3223.13,-769.56 3332.13,-769.56 3332.13,-751.81 3223.13,-751.81"/>
2449
+ <text xml:space="preserve" text-anchor="start" x="3227.13" y="-758.43" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#666666">string</text>
2450
+ <polygon fill="#fafafa" stroke="none" points="3106.63,-734.06 3106.63,-751.81 3223.13,-751.81 3223.13,-734.06 3106.63,-734.06"/>
2451
+ <polygon fill="none" stroke="black" points="3106.63,-734.06 3106.63,-751.81 3223.13,-751.81 3223.13,-734.06 3106.63,-734.06"/>
2452
+ <text xml:space="preserve" text-anchor="start" x="3110.63" y="-740.31" font-family="Helvetica,sans-Serif" font-size="9.00"> &#160;href</text>
2453
+ <polygon fill="#fafafa" stroke="none" points="3223.13,-734.06 3223.13,-751.81 3332.13,-751.81 3332.13,-734.06 3223.13,-734.06"/>
2454
+ <polygon fill="none" stroke="black" points="3223.13,-734.06 3223.13,-751.81 3332.13,-751.81 3332.13,-734.06 3223.13,-734.06"/>
2455
+ <text xml:space="preserve" text-anchor="start" x="3227.13" y="-740.68" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#666666">string</text>
2456
+ <polygon fill="#fafafa" stroke="none" points="3106.63,-716.31 3106.63,-734.06 3223.13,-734.06 3223.13,-716.31 3106.63,-716.31"/>
2457
+ <polygon fill="none" stroke="black" points="3106.63,-716.31 3106.63,-734.06 3223.13,-734.06 3223.13,-716.31 3106.63,-716.31"/>
2458
+ <text xml:space="preserve" text-anchor="start" x="3110.63" y="-722.56" font-family="Helvetica,sans-Serif" font-size="9.00"> &#160;isActive</text>
2459
+ <polygon fill="#fafafa" stroke="none" points="3223.13,-716.31 3223.13,-734.06 3332.13,-734.06 3332.13,-716.31 3223.13,-716.31"/>
2460
+ <polygon fill="none" stroke="black" points="3223.13,-716.31 3223.13,-734.06 3332.13,-734.06 3332.13,-716.31 3223.13,-716.31"/>
2461
+ <text xml:space="preserve" text-anchor="start" x="3227.13" y="-722.93" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#666666">boolean</text>
2462
+ </g>
2463
+ <!-- cre8&#45;link&#45;list&#45;item&#45;&gt;slot -->
2464
+ <g id="edge49" class="edge">
2465
+ <title>cre8&#45;link&#45;list&#45;item&#45;&gt;slot:default</title>
2466
+ <path fill="none" stroke="#9c27b0" stroke-dasharray="5,2" d="M3106.66,-783C2908.34,-783 2517.8,-783 2517.8,-783 2517.8,-783 2517.8,-1930 2517.8,-1930 2517.8,-1930 2371.42,-1930 2371.42,-1930"/>
2467
+ <polygon fill="#9c27b0" stroke="#9c27b0" points="2361.42,-1930 2371.42,-1925.5 2365.2,-1930 2371.42,-1930 2371.42,-1930 2371.42,-1930 2365.2,-1930 2371.42,-1934.5 2361.42,-1930"/>
2468
+ <text xml:space="preserve" text-anchor="middle" x="2503.93" y="-1136.47" font-family="Helvetica,sans-Serif" font-size="9.00" fill="#9c27b0">default</text>
2469
+ </g>
2470
+ <!-- cre8&#45;link&#45;list&#45;item&#45;&gt;slot -->
2471
+ <g id="edge50" class="edge">
2472
+ <title>cre8&#45;link&#45;list&#45;item&#45;&gt;slot:itemBefore</title>
2473
+ <path fill="none" stroke="#9c27b0" stroke-dasharray="5,2" d="M3106.94,-776C2909.67,-776 2521.96,-776 2521.96,-776 2521.96,-776 2521.96,-1928 2521.96,-1928 2521.96,-1928 2371.22,-1928 2371.22,-1928"/>
2474
+ <polygon fill="#9c27b0" stroke="#9c27b0" points="2361.22,-1928 2371.22,-1923.5 2365,-1928 2371.22,-1928 2371.22,-1928 2371.22,-1928 2365,-1928 2371.22,-1932.5 2361.22,-1928"/>
2475
+ <text xml:space="preserve" text-anchor="middle" x="2499.83" y="-1126.33" font-family="Helvetica,sans-Serif" font-size="9.00" fill="#9c27b0">itemBefore</text>
2476
+ </g>
2477
+ <!-- cre8&#45;link&#45;list&#45;item&#45;&gt;slot -->
2478
+ <g id="edge51" class="edge">
2479
+ <title>cre8&#45;link&#45;list&#45;item&#45;&gt;slot:itemAfter</title>
2480
+ <path fill="none" stroke="#9c27b0" stroke-dasharray="5,2" d="M3106.84,-770C2910.51,-770 2526.11,-770 2526.11,-770 2526.11,-770 2526.11,-1927 2526.11,-1927 2526.11,-1927 2371.4,-1927 2371.4,-1927"/>
2481
+ <polygon fill="#9c27b0" stroke="#9c27b0" points="2361.4,-1927 2371.4,-1922.5 2365.18,-1927 2371.4,-1927 2371.4,-1927 2371.4,-1927 2365.18,-1927 2371.4,-1931.5 2361.4,-1927"/>
2482
+ <text xml:space="preserve" text-anchor="middle" x="2508.11" y="-1136.69" font-family="Helvetica,sans-Serif" font-size="9.00" fill="#9c27b0">itemAfter</text>
2483
+ </g>
2484
+ <!-- cre8&#45;nav&#45;container -->
2485
+ <g id="node71" class="node">
2486
+ <title>cre8&#45;nav&#45;container</title>
2487
+ <polygon fill="#f9fbe7" stroke="none" points="3192.44,-834.35 3192.44,-854.35 3330.94,-854.35 3330.94,-834.35 3192.44,-834.35"/>
2488
+ <polygon fill="none" stroke="black" points="3192.44,-834.35 3192.44,-854.35 3330.94,-854.35 3330.94,-834.35 3192.44,-834.35"/>
2489
+ <text xml:space="preserve" text-anchor="start" x="3196.44" y="-840.9" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="11.00" fill="#558b2f">cre8&#45;nav&#45;container</text>
2490
+ <text xml:space="preserve" text-anchor="start" x="3294.69" y="-840.9" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#888888"> &#160;children</text>
2491
+ </g>
2492
+ <!-- cre8&#45;pagination -->
2493
+ <g id="node72" class="node">
2494
+ <title>cre8&#45;pagination</title>
2495
+ <polygon fill="#f9fbe7" stroke="none" points="3264.07,-428.1 3264.07,-448.1 3483.32,-448.1 3483.32,-428.1 3264.07,-428.1"/>
2496
+ <polygon fill="none" stroke="black" points="3264.07,-428.1 3264.07,-448.1 3483.32,-448.1 3483.32,-428.1 3264.07,-428.1"/>
2497
+ <text xml:space="preserve" text-anchor="start" x="3268.07" y="-434.65" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="11.00" fill="#558b2f">cre8&#45;pagination</text>
2498
+ <text xml:space="preserve" text-anchor="start" x="3349.82" y="-434.65" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#888888"> &#160;children</text>
2499
+ <polygon fill="#fafafa" stroke="none" points="3264.07,-410.35 3264.07,-428.1 3376.32,-428.1 3376.32,-410.35 3264.07,-410.35"/>
2500
+ <polygon fill="none" stroke="black" points="3264.07,-410.35 3264.07,-428.1 3376.32,-428.1 3376.32,-410.35 3264.07,-410.35"/>
2501
+ <text xml:space="preserve" text-anchor="start" x="3268.07" y="-416.6" font-family="Helvetica,sans-Serif" font-size="9.00"> &#160;display</text>
2502
+ <polygon fill="#fafafa" stroke="none" points="3376.32,-410.35 3376.32,-428.1 3483.32,-428.1 3483.32,-410.35 3376.32,-410.35"/>
2503
+ <polygon fill="none" stroke="black" points="3376.32,-410.35 3376.32,-428.1 3483.32,-428.1 3483.32,-410.35 3376.32,-410.35"/>
2504
+ <text xml:space="preserve" text-anchor="start" x="3380.32" y="-416.97" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#666666">compact | icon&#45;only | default</text>
2505
+ <polygon fill="#fafafa" stroke="none" points="3264.07,-392.6 3264.07,-410.35 3376.32,-410.35 3376.32,-392.6 3264.07,-392.6"/>
2506
+ <polygon fill="none" stroke="black" points="3264.07,-392.6 3264.07,-410.35 3376.32,-410.35 3376.32,-392.6 3264.07,-392.6"/>
2507
+ <text xml:space="preserve" text-anchor="start" x="3268.07" y="-398.85" font-family="Helvetica,sans-Serif" font-size="9.00"> &#160;totalResults</text>
2508
+ <polygon fill="#fafafa" stroke="none" points="3376.32,-392.6 3376.32,-410.35 3483.32,-410.35 3483.32,-392.6 3376.32,-392.6"/>
2509
+ <polygon fill="none" stroke="black" points="3376.32,-392.6 3376.32,-410.35 3483.32,-410.35 3483.32,-392.6 3376.32,-392.6"/>
2510
+ <text xml:space="preserve" text-anchor="start" x="3380.32" y="-399.22" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#666666">number</text>
2511
+ <polygon fill="#fafafa" stroke="none" points="3264.07,-374.85 3264.07,-392.6 3376.32,-392.6 3376.32,-374.85 3264.07,-374.85"/>
2512
+ <polygon fill="none" stroke="black" points="3264.07,-374.85 3264.07,-392.6 3376.32,-392.6 3376.32,-374.85 3264.07,-374.85"/>
2513
+ <text xml:space="preserve" text-anchor="start" x="3268.07" y="-381.1" font-family="Helvetica,sans-Serif" font-size="9.00"> &#160;pageSize</text>
2514
+ <polygon fill="#fafafa" stroke="none" points="3376.32,-374.85 3376.32,-392.6 3483.32,-392.6 3483.32,-374.85 3376.32,-374.85"/>
2515
+ <polygon fill="none" stroke="black" points="3376.32,-374.85 3376.32,-392.6 3483.32,-392.6 3483.32,-374.85 3376.32,-374.85"/>
2516
+ <text xml:space="preserve" text-anchor="start" x="3380.32" y="-381.47" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#666666">number</text>
2517
+ <polygon fill="#fafafa" stroke="none" points="3264.07,-357.1 3264.07,-374.85 3376.32,-374.85 3376.32,-357.1 3264.07,-357.1"/>
2518
+ <polygon fill="none" stroke="black" points="3264.07,-357.1 3264.07,-374.85 3376.32,-374.85 3376.32,-357.1 3264.07,-357.1"/>
2519
+ <text xml:space="preserve" text-anchor="start" x="3268.07" y="-363.35" font-family="Helvetica,sans-Serif" font-size="9.00"> &#160;visiblePages</text>
2520
+ <polygon fill="#fafafa" stroke="none" points="3376.32,-357.1 3376.32,-374.85 3483.32,-374.85 3483.32,-357.1 3376.32,-357.1"/>
2521
+ <polygon fill="none" stroke="black" points="3376.32,-357.1 3376.32,-374.85 3483.32,-374.85 3483.32,-357.1 3376.32,-357.1"/>
2522
+ <text xml:space="preserve" text-anchor="start" x="3380.32" y="-363.72" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#666666">number</text>
2523
+ <polygon fill="#fafafa" stroke="none" points="3264.07,-339.35 3264.07,-357.1 3376.32,-357.1 3376.32,-339.35 3264.07,-339.35"/>
2524
+ <polygon fill="none" stroke="black" points="3264.07,-339.35 3264.07,-357.1 3376.32,-357.1 3376.32,-339.35 3264.07,-339.35"/>
2525
+ <text xml:space="preserve" text-anchor="start" x="3268.07" y="-345.6" font-family="Helvetica,sans-Serif" font-size="9.00"> &#160;hideLastAndFirstButtons</text>
2526
+ <polygon fill="#fafafa" stroke="none" points="3376.32,-339.35 3376.32,-357.1 3483.32,-357.1 3483.32,-339.35 3376.32,-339.35"/>
2527
+ <polygon fill="none" stroke="black" points="3376.32,-339.35 3376.32,-357.1 3483.32,-357.1 3483.32,-339.35 3376.32,-339.35"/>
2528
+ <text xml:space="preserve" text-anchor="start" x="3380.32" y="-345.97" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#666666">boolean</text>
2529
+ <polygon fill="#fafafa" stroke="none" points="3264.07,-321.6 3264.07,-339.35 3376.32,-339.35 3376.32,-321.6 3264.07,-321.6"/>
2530
+ <polygon fill="none" stroke="black" points="3264.07,-321.6 3264.07,-339.35 3376.32,-339.35 3376.32,-321.6 3264.07,-321.6"/>
2531
+ <text xml:space="preserve" text-anchor="start" x="3268.07" y="-327.85" font-family="Helvetica,sans-Serif" font-size="9.00"> &#160;currentPage</text>
2532
+ <polygon fill="#fafafa" stroke="none" points="3376.32,-321.6 3376.32,-339.35 3483.32,-339.35 3483.32,-321.6 3376.32,-321.6"/>
2533
+ <polygon fill="none" stroke="black" points="3376.32,-321.6 3376.32,-339.35 3483.32,-339.35 3483.32,-321.6 3376.32,-321.6"/>
2534
+ <text xml:space="preserve" text-anchor="start" x="3380.32" y="-328.22" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#666666">number</text>
2535
+ <polygon fill="#f5f5f5" stroke="none" points="3264.07,-304.6 3264.07,-321.6 3483.32,-321.6 3483.32,-304.6 3264.07,-304.6"/>
2536
+ <polygon fill="none" stroke="black" points="3264.07,-304.6 3264.07,-321.6 3483.32,-321.6 3483.32,-304.6 3264.07,-304.6"/>
2537
+ <text xml:space="preserve" text-anchor="start" x="3268.07" y="-310.85" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#999999"> &#160;+4 more props</text>
2538
+ </g>
2539
+ <!-- cre8&#45;primary&#45;nav -->
2540
+ <g id="node73" class="node">
2541
+ <title>cre8&#45;primary&#45;nav</title>
2542
+ <polygon fill="#f9fbe7" stroke="none" points="3372.94,-645.97 3372.94,-665.97 3502.44,-665.97 3502.44,-645.97 3372.94,-645.97"/>
2543
+ <polygon fill="none" stroke="black" points="3372.94,-645.97 3372.94,-665.97 3502.44,-665.97 3502.44,-645.97 3372.94,-645.97"/>
2544
+ <text xml:space="preserve" text-anchor="start" x="3376.94" y="-652.52" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="11.00" fill="#558b2f">cre8&#45;primary&#45;nav</text>
2545
+ <text xml:space="preserve" text-anchor="start" x="3466.19" y="-652.52" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#888888"> &#160;children</text>
2546
+ <polygon fill="#fafafa" stroke="none" points="3372.94,-628.22 3372.94,-645.97 3453.07,-645.97 3453.07,-628.22 3372.94,-628.22"/>
2547
+ <polygon fill="none" stroke="black" points="3372.94,-628.22 3372.94,-645.97 3453.07,-645.97 3453.07,-628.22 3372.94,-628.22"/>
2548
+ <text xml:space="preserve" text-anchor="start" x="3376.94" y="-634.47" font-family="Helvetica,sans-Serif" font-size="9.00"> &#160;inverted</text>
2549
+ <polygon fill="#fafafa" stroke="none" points="3453.07,-628.22 3453.07,-645.97 3502.44,-645.97 3502.44,-628.22 3453.07,-628.22"/>
2550
+ <polygon fill="none" stroke="black" points="3453.07,-628.22 3453.07,-645.97 3502.44,-645.97 3502.44,-628.22 3453.07,-628.22"/>
2551
+ <text xml:space="preserve" text-anchor="start" x="3457.07" y="-634.85" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#666666">boolean</text>
2552
+ <polygon fill="#fafafa" stroke="none" points="3372.94,-610.47 3372.94,-628.22 3453.07,-628.22 3453.07,-610.47 3372.94,-610.47"/>
2553
+ <polygon fill="none" stroke="black" points="3372.94,-610.47 3372.94,-628.22 3453.07,-628.22 3453.07,-610.47 3372.94,-610.47"/>
2554
+ <text xml:space="preserve" text-anchor="start" x="3376.94" y="-616.72" font-family="Helvetica,sans-Serif" font-size="9.00"> &#160;behavior</text>
2555
+ <polygon fill="#fafafa" stroke="none" points="3453.07,-610.47 3453.07,-628.22 3502.44,-628.22 3502.44,-610.47 3453.07,-610.47"/>
2556
+ <polygon fill="none" stroke="black" points="3453.07,-610.47 3453.07,-628.22 3502.44,-628.22 3502.44,-610.47 3453.07,-610.47"/>
2557
+ <text xml:space="preserve" text-anchor="start" x="3457.07" y="-617.1" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#666666">string</text>
2558
+ <polygon fill="#fafafa" stroke="none" points="3372.94,-592.72 3372.94,-610.47 3453.07,-610.47 3453.07,-592.72 3372.94,-592.72"/>
2559
+ <polygon fill="none" stroke="black" points="3372.94,-592.72 3372.94,-610.47 3453.07,-610.47 3453.07,-592.72 3372.94,-592.72"/>
2560
+ <text xml:space="preserve" text-anchor="start" x="3376.94" y="-598.97" font-family="Helvetica,sans-Serif" font-size="9.00"> &#160;navAriaLabel</text>
2561
+ <polygon fill="#fafafa" stroke="none" points="3453.07,-592.72 3453.07,-610.47 3502.44,-610.47 3502.44,-592.72 3453.07,-592.72"/>
2562
+ <polygon fill="none" stroke="black" points="3453.07,-592.72 3453.07,-610.47 3502.44,-610.47 3502.44,-592.72 3453.07,-592.72"/>
2563
+ <text xml:space="preserve" text-anchor="start" x="3457.07" y="-599.35" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#666666">string</text>
2564
+ </g>
2565
+ <!-- cre8&#45;primary&#45;nav&#45;item -->
2566
+ <g id="node74" class="node">
2567
+ <title>cre8&#45;primary&#45;nav&#45;item</title>
2568
+ <polygon fill="#f9fbe7" stroke="none" points="2814.61,-511.35 2814.61,-531.35 3064.86,-531.35 3064.86,-511.35 2814.61,-511.35"/>
2569
+ <polygon fill="none" stroke="black" points="2814.61,-511.35 2814.61,-531.35 3064.86,-531.35 3064.86,-511.35 2814.61,-511.35"/>
2570
+ <text xml:space="preserve" text-anchor="start" x="2818.61" y="-517.9" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="11.00" fill="#558b2f">cre8&#45;primary&#45;nav&#45;item</text>
2571
+ <text xml:space="preserve" text-anchor="start" x="2934.11" y="-517.9" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#888888"> &#160;[default] · [itemBefore] · [itemAfter]</text>
2572
+ <polygon fill="#fafafa" stroke="none" points="2814.61,-493.6 2814.61,-511.35 2950.98,-511.35 2950.98,-493.6 2814.61,-493.6"/>
2573
+ <polygon fill="none" stroke="black" points="2814.61,-493.6 2814.61,-511.35 2950.98,-511.35 2950.98,-493.6 2814.61,-493.6"/>
2574
+ <text xml:space="preserve" text-anchor="start" x="2818.61" y="-499.85" font-family="Helvetica,sans-Serif" font-size="9.00"> &#160;text</text>
2575
+ <polygon fill="#fafafa" stroke="none" points="2950.98,-493.6 2950.98,-511.35 3064.86,-511.35 3064.86,-493.6 2950.98,-493.6"/>
2576
+ <polygon fill="none" stroke="black" points="2950.98,-493.6 2950.98,-511.35 3064.86,-511.35 3064.86,-493.6 2950.98,-493.6"/>
2577
+ <text xml:space="preserve" text-anchor="start" x="2954.98" y="-500.22" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#666666">string</text>
2578
+ <polygon fill="#fafafa" stroke="none" points="2814.61,-475.85 2814.61,-493.6 2950.98,-493.6 2950.98,-475.85 2814.61,-475.85"/>
2579
+ <polygon fill="none" stroke="black" points="2814.61,-475.85 2814.61,-493.6 2950.98,-493.6 2950.98,-475.85 2814.61,-475.85"/>
2580
+ <text xml:space="preserve" text-anchor="start" x="2818.61" y="-482.1" font-family="Helvetica,sans-Serif" font-size="9.00"> &#160;href</text>
2581
+ <polygon fill="#fafafa" stroke="none" points="2950.98,-475.85 2950.98,-493.6 3064.86,-493.6 3064.86,-475.85 2950.98,-475.85"/>
2582
+ <polygon fill="none" stroke="black" points="2950.98,-475.85 2950.98,-493.6 3064.86,-493.6 3064.86,-475.85 2950.98,-475.85"/>
2583
+ <text xml:space="preserve" text-anchor="start" x="2954.98" y="-482.47" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#666666">string</text>
2584
+ <polygon fill="#fafafa" stroke="none" points="2814.61,-458.1 2814.61,-475.85 2950.98,-475.85 2950.98,-458.1 2814.61,-458.1"/>
2585
+ <polygon fill="none" stroke="black" points="2814.61,-458.1 2814.61,-475.85 2950.98,-475.85 2950.98,-458.1 2814.61,-458.1"/>
2586
+ <text xml:space="preserve" text-anchor="start" x="2818.61" y="-464.35" font-family="Helvetica,sans-Serif" font-size="9.00"> &#160;iconName</text>
2587
+ <polygon fill="#fafafa" stroke="none" points="2950.98,-458.1 2950.98,-475.85 3064.86,-475.85 3064.86,-458.1 2950.98,-458.1"/>
2588
+ <polygon fill="none" stroke="black" points="2950.98,-458.1 2950.98,-475.85 3064.86,-475.85 3064.86,-458.1 2950.98,-458.1"/>
2589
+ <text xml:space="preserve" text-anchor="start" x="2954.98" y="-464.72" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#666666">string</text>
2590
+ <polygon fill="#fafafa" stroke="none" points="2814.61,-440.35 2814.61,-458.1 2950.98,-458.1 2950.98,-440.35 2814.61,-440.35"/>
2591
+ <polygon fill="none" stroke="black" points="2814.61,-440.35 2814.61,-458.1 2950.98,-458.1 2950.98,-440.35 2814.61,-440.35"/>
2592
+ <text xml:space="preserve" text-anchor="start" x="2818.61" y="-446.6" font-family="Helvetica,sans-Serif" font-size="9.00"> &#160;megaMenu</text>
2593
+ <polygon fill="#fafafa" stroke="none" points="2950.98,-440.35 2950.98,-458.1 3064.86,-458.1 3064.86,-440.35 2950.98,-440.35"/>
2594
+ <polygon fill="none" stroke="black" points="2950.98,-440.35 2950.98,-458.1 3064.86,-458.1 3064.86,-440.35 2950.98,-440.35"/>
2595
+ <text xml:space="preserve" text-anchor="start" x="2954.98" y="-446.97" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#666666">boolean</text>
2596
+ <polygon fill="#fafafa" stroke="none" points="2814.61,-422.6 2814.61,-440.35 2950.98,-440.35 2950.98,-422.6 2814.61,-422.6"/>
2597
+ <polygon fill="none" stroke="black" points="2814.61,-422.6 2814.61,-440.35 2950.98,-440.35 2950.98,-422.6 2814.61,-422.6"/>
2598
+ <text xml:space="preserve" text-anchor="start" x="2818.61" y="-428.85" font-family="Helvetica,sans-Serif" font-size="9.00"> &#160;isActive</text>
2599
+ <polygon fill="#fafafa" stroke="none" points="2950.98,-422.6 2950.98,-440.35 3064.86,-440.35 3064.86,-422.6 2950.98,-422.6"/>
2600
+ <polygon fill="none" stroke="black" points="2950.98,-422.6 2950.98,-440.35 3064.86,-440.35 3064.86,-422.6 2950.98,-422.6"/>
2601
+ <text xml:space="preserve" text-anchor="start" x="2954.98" y="-429.22" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#666666">boolean</text>
2602
+ </g>
2603
+ <!-- cre8&#45;primary&#45;nav&#45;item&#45;&gt;slot -->
2604
+ <g id="edge52" class="edge">
2605
+ <title>cre8&#45;primary&#45;nav&#45;item&#45;&gt;slot:default</title>
2606
+ <path fill="none" stroke="#9c27b0" stroke-dasharray="5,2" d="M2814.65,-467C2685.03,-467 2501.2,-467 2501.2,-467 2501.2,-467 2501.2,-1936 2501.2,-1936 2501.2,-1936 2371.56,-1936 2371.56,-1936"/>
2607
+ <polygon fill="#9c27b0" stroke="#9c27b0" points="2361.56,-1936 2371.56,-1931.5 2365.34,-1936 2371.56,-1936 2371.56,-1936 2371.56,-1936 2365.34,-1936 2371.56,-1940.5 2361.56,-1936"/>
2608
+ <text xml:space="preserve" text-anchor="middle" x="2487.32" y="-1101.04" font-family="Helvetica,sans-Serif" font-size="9.00" fill="#9c27b0">default</text>
2609
+ </g>
2610
+ <!-- cre8&#45;primary&#45;nav&#45;item&#45;&gt;slot -->
2611
+ <g id="edge53" class="edge">
2612
+ <title>cre8&#45;primary&#45;nav&#45;item&#45;&gt;slot:itemBefore</title>
2613
+ <path fill="none" stroke="#9c27b0" stroke-dasharray="5,2" d="M2814.65,-488C2683.74,-488 2497.04,-488 2497.04,-488 2497.04,-488 2497.04,-1937 2497.04,-1937 2497.04,-1937 2371.26,-1937 2371.26,-1937"/>
2614
+ <polygon fill="#9c27b0" stroke="#9c27b0" points="2361.26,-1937 2371.26,-1932.5 2365.04,-1937 2371.26,-1937 2371.26,-1937 2371.26,-1937 2365.04,-1937 2371.26,-1941.5 2361.26,-1937"/>
2615
+ <text xml:space="preserve" text-anchor="middle" x="2474.92" y="-1108.04" font-family="Helvetica,sans-Serif" font-size="9.00" fill="#9c27b0">itemBefore</text>
2616
+ </g>
2617
+ <!-- cre8&#45;primary&#45;nav&#45;item&#45;&gt;slot -->
2618
+ <g id="edge54" class="edge">
2619
+ <title>cre8&#45;primary&#45;nav&#45;item&#45;&gt;slot:itemAfter</title>
2620
+ <path fill="none" stroke="#9c27b0" stroke-dasharray="5,2" d="M2814.67,-510C2682.48,-510 2492.89,-510 2492.89,-510 2492.89,-510 2492.89,-1939 2492.89,-1939 2492.89,-1939 2371.3,-1939 2371.3,-1939"/>
2621
+ <polygon fill="#9c27b0" stroke="#9c27b0" points="2361.3,-1939 2371.3,-1934.5 2365.08,-1939 2371.3,-1939 2371.3,-1939 2371.3,-1939 2365.08,-1939 2371.3,-1943.5 2361.3,-1939"/>
2622
+ <text xml:space="preserve" text-anchor="middle" x="2474.89" y="-1125.61" font-family="Helvetica,sans-Serif" font-size="9.00" fill="#9c27b0">itemAfter</text>
2623
+ </g>
2624
+ <!-- cre8&#45;tab -->
2625
+ <g id="node75" class="node">
2626
+ <title>cre8&#45;tab</title>
2627
+ <polygon fill="#f9fbe7" stroke="none" points="2814.07,-879.85 2814.07,-899.85 2925.32,-899.85 2925.32,-879.85 2814.07,-879.85"/>
2628
+ <polygon fill="none" stroke="black" points="2814.07,-879.85 2814.07,-899.85 2925.32,-899.85 2925.32,-879.85 2814.07,-879.85"/>
2629
+ <text xml:space="preserve" text-anchor="start" x="2818.07" y="-886.4" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="11.00" fill="#558b2f">cre8&#45;tab</text>
2630
+ <text xml:space="preserve" text-anchor="start" x="2860.82" y="-886.4" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#888888"> &#160;children</text>
2631
+ <polygon fill="#fafafa" stroke="none" points="2814.07,-862.1 2814.07,-879.85 2888.82,-879.85 2888.82,-862.1 2814.07,-862.1"/>
2632
+ <polygon fill="none" stroke="black" points="2814.07,-862.1 2814.07,-879.85 2888.82,-879.85 2888.82,-862.1 2814.07,-862.1"/>
2633
+ <text xml:space="preserve" text-anchor="start" x="2818.07" y="-868.35" font-family="Helvetica,sans-Serif" font-size="9.00"> &#160;size</text>
2634
+ <polygon fill="#fafafa" stroke="none" points="2888.82,-862.1 2888.82,-879.85 2925.32,-879.85 2925.32,-862.1 2888.82,-862.1"/>
2635
+ <polygon fill="none" stroke="black" points="2888.82,-862.1 2888.82,-879.85 2925.32,-879.85 2925.32,-862.1 2888.82,-862.1"/>
2636
+ <text xml:space="preserve" text-anchor="start" x="2892.82" y="-868.72" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#666666">string</text>
2637
+ <polygon fill="#fafafa" stroke="none" points="2814.07,-844.35 2814.07,-862.1 2888.82,-862.1 2888.82,-844.35 2814.07,-844.35"/>
2638
+ <polygon fill="none" stroke="black" points="2814.07,-844.35 2814.07,-862.1 2888.82,-862.1 2888.82,-844.35 2814.07,-844.35"/>
2639
+ <text xml:space="preserve" text-anchor="start" x="2818.07" y="-850.6" font-family="Helvetica,sans-Serif" font-size="9.00"> &#160;index</text>
2640
+ <polygon fill="#fafafa" stroke="none" points="2888.82,-844.35 2888.82,-862.1 2925.32,-862.1 2925.32,-844.35 2888.82,-844.35"/>
2641
+ <polygon fill="none" stroke="black" points="2888.82,-844.35 2888.82,-862.1 2925.32,-862.1 2925.32,-844.35 2888.82,-844.35"/>
2642
+ <text xml:space="preserve" text-anchor="start" x="2892.82" y="-850.97" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#666666">number</text>
2643
+ <polygon fill="#fafafa" stroke="none" points="2814.07,-826.6 2814.07,-844.35 2888.82,-844.35 2888.82,-826.6 2814.07,-826.6"/>
2644
+ <polygon fill="none" stroke="black" points="2814.07,-826.6 2814.07,-844.35 2888.82,-844.35 2888.82,-826.6 2814.07,-826.6"/>
2645
+ <text xml:space="preserve" text-anchor="start" x="2818.07" y="-832.85" font-family="Helvetica,sans-Serif" font-size="9.00"> &#160;isActive</text>
2646
+ <polygon fill="#fafafa" stroke="none" points="2888.82,-826.6 2888.82,-844.35 2925.32,-844.35 2925.32,-826.6 2888.82,-826.6"/>
2647
+ <polygon fill="none" stroke="black" points="2888.82,-826.6 2888.82,-844.35 2925.32,-844.35 2925.32,-826.6 2888.82,-826.6"/>
2648
+ <text xml:space="preserve" text-anchor="start" x="2892.82" y="-833.22" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#666666">boolean</text>
2649
+ <polygon fill="#fafafa" stroke="none" points="2814.07,-808.85 2814.07,-826.6 2888.82,-826.6 2888.82,-808.85 2814.07,-808.85"/>
2650
+ <polygon fill="none" stroke="black" points="2814.07,-808.85 2814.07,-826.6 2888.82,-826.6 2888.82,-808.85 2814.07,-808.85"/>
2651
+ <text xml:space="preserve" text-anchor="start" x="2818.07" y="-815.1" font-family="Helvetica,sans-Serif" font-size="9.00"> &#160;ariaLabelledBy</text>
2652
+ <polygon fill="#fafafa" stroke="none" points="2888.82,-808.85 2888.82,-826.6 2925.32,-826.6 2925.32,-808.85 2888.82,-808.85"/>
2653
+ <polygon fill="none" stroke="black" points="2888.82,-808.85 2888.82,-826.6 2925.32,-826.6 2925.32,-808.85 2888.82,-808.85"/>
2654
+ <text xml:space="preserve" text-anchor="start" x="2892.82" y="-815.47" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#666666">string</text>
2655
+ </g>
2656
+ <!-- cre8&#45;tab&#45;panel -->
2657
+ <g id="node76" class="node">
2658
+ <title>cre8&#45;tab&#45;panel</title>
2659
+ <polygon fill="#f9fbe7" stroke="none" points="3372.57,-753.97 3372.57,-773.97 3498.82,-773.97 3498.82,-753.97 3372.57,-753.97"/>
2660
+ <polygon fill="none" stroke="black" points="3372.57,-753.97 3372.57,-773.97 3498.82,-773.97 3498.82,-753.97 3372.57,-753.97"/>
2661
+ <text xml:space="preserve" text-anchor="start" x="3376.57" y="-760.52" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="11.00" fill="#558b2f">cre8&#45;tab&#45;panel</text>
2662
+ <text xml:space="preserve" text-anchor="start" x="3451.57" y="-760.52" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#888888"> &#160;children</text>
2663
+ <polygon fill="#fafafa" stroke="none" points="3372.57,-736.22 3372.57,-753.97 3462.32,-753.97 3462.32,-736.22 3372.57,-736.22"/>
2664
+ <polygon fill="none" stroke="black" points="3372.57,-736.22 3372.57,-753.97 3462.32,-753.97 3462.32,-736.22 3372.57,-736.22"/>
2665
+ <text xml:space="preserve" text-anchor="start" x="3376.57" y="-742.47" font-family="Helvetica,sans-Serif" font-size="9.00"> &#160;index</text>
2666
+ <polygon fill="#fafafa" stroke="none" points="3462.32,-736.22 3462.32,-753.97 3498.82,-753.97 3498.82,-736.22 3462.32,-736.22"/>
2667
+ <polygon fill="none" stroke="black" points="3462.32,-736.22 3462.32,-753.97 3498.82,-753.97 3498.82,-736.22 3462.32,-736.22"/>
2668
+ <text xml:space="preserve" text-anchor="start" x="3466.32" y="-742.85" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#666666">number</text>
2669
+ <polygon fill="#fafafa" stroke="none" points="3372.57,-718.47 3372.57,-736.22 3462.32,-736.22 3462.32,-718.47 3372.57,-718.47"/>
2670
+ <polygon fill="none" stroke="black" points="3372.57,-718.47 3372.57,-736.22 3462.32,-736.22 3462.32,-718.47 3372.57,-718.47"/>
2671
+ <text xml:space="preserve" text-anchor="start" x="3376.57" y="-724.72" font-family="Helvetica,sans-Serif" font-size="9.00"> &#160;skipFocusOnPanel</text>
2672
+ <polygon fill="#fafafa" stroke="none" points="3462.32,-718.47 3462.32,-736.22 3498.82,-736.22 3498.82,-718.47 3462.32,-718.47"/>
2673
+ <polygon fill="none" stroke="black" points="3462.32,-718.47 3462.32,-736.22 3498.82,-736.22 3498.82,-718.47 3462.32,-718.47"/>
2674
+ <text xml:space="preserve" text-anchor="start" x="3466.32" y="-725.1" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#666666">boolean</text>
2675
+ <polygon fill="#fafafa" stroke="none" points="3372.57,-700.72 3372.57,-718.47 3462.32,-718.47 3462.32,-700.72 3372.57,-700.72"/>
2676
+ <polygon fill="none" stroke="black" points="3372.57,-700.72 3372.57,-718.47 3462.32,-718.47 3462.32,-700.72 3372.57,-700.72"/>
2677
+ <text xml:space="preserve" text-anchor="start" x="3376.57" y="-706.97" font-family="Helvetica,sans-Serif" font-size="9.00"> &#160;isActive</text>
2678
+ <polygon fill="#fafafa" stroke="none" points="3462.32,-700.72 3462.32,-718.47 3498.82,-718.47 3498.82,-700.72 3462.32,-700.72"/>
2679
+ <polygon fill="none" stroke="black" points="3462.32,-700.72 3462.32,-718.47 3498.82,-718.47 3498.82,-700.72 3462.32,-700.72"/>
2680
+ <text xml:space="preserve" text-anchor="start" x="3466.32" y="-707.35" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#666666">boolean</text>
2681
+ </g>
2682
+ <!-- cre8&#45;tabs -->
2683
+ <g id="node77" class="node">
2684
+ <title>cre8&#45;tabs</title>
2685
+ <polygon fill="#f9fbe7" stroke="none" points="3206.43,-602.83 3206.43,-622.83 3326.93,-622.83 3326.93,-602.83 3206.43,-602.83"/>
2686
+ <polygon fill="none" stroke="black" points="3206.43,-602.83 3206.43,-622.83 3326.93,-622.83 3326.93,-602.83 3206.43,-602.83"/>
2687
+ <text xml:space="preserve" text-anchor="start" x="3210.43" y="-609.38" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="11.00" fill="#558b2f">cre8&#45;tabs</text>
2688
+ <text xml:space="preserve" text-anchor="start" x="3259.18" y="-609.38" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#888888"> &#160;[default] · [panel]</text>
2689
+ <polygon fill="#fafafa" stroke="none" points="3206.43,-585.08 3206.43,-602.83 3277.93,-602.83 3277.93,-585.08 3206.43,-585.08"/>
2690
+ <polygon fill="none" stroke="black" points="3206.43,-585.08 3206.43,-602.83 3277.93,-602.83 3277.93,-585.08 3206.43,-585.08"/>
2691
+ <text xml:space="preserve" text-anchor="start" x="3210.43" y="-591.33" font-family="Helvetica,sans-Serif" font-size="9.00"> &#160;size</text>
2692
+ <polygon fill="#fafafa" stroke="none" points="3277.93,-585.08 3277.93,-602.83 3326.93,-602.83 3326.93,-585.08 3277.93,-585.08"/>
2693
+ <polygon fill="none" stroke="black" points="3277.93,-585.08 3277.93,-602.83 3326.93,-602.83 3326.93,-585.08 3277.93,-585.08"/>
2694
+ <text xml:space="preserve" text-anchor="start" x="3281.93" y="-591.7" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#666666">string</text>
2695
+ <polygon fill="#fafafa" stroke="none" points="3206.43,-567.33 3206.43,-585.08 3277.93,-585.08 3277.93,-567.33 3206.43,-567.33"/>
2696
+ <polygon fill="none" stroke="black" points="3206.43,-567.33 3206.43,-585.08 3277.93,-585.08 3277.93,-567.33 3206.43,-567.33"/>
2697
+ <text xml:space="preserve" text-anchor="start" x="3210.43" y="-573.58" font-family="Helvetica,sans-Serif" font-size="9.00"> &#160;fullWidth</text>
2698
+ <polygon fill="#fafafa" stroke="none" points="3277.93,-567.33 3277.93,-585.08 3326.93,-585.08 3326.93,-567.33 3277.93,-567.33"/>
2699
+ <polygon fill="none" stroke="black" points="3277.93,-567.33 3277.93,-585.08 3326.93,-585.08 3326.93,-567.33 3277.93,-567.33"/>
2700
+ <text xml:space="preserve" text-anchor="start" x="3281.93" y="-573.95" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#666666">boolean</text>
2701
+ <polygon fill="#fafafa" stroke="none" points="3206.43,-549.58 3206.43,-567.33 3277.93,-567.33 3277.93,-549.58 3206.43,-549.58"/>
2702
+ <polygon fill="none" stroke="black" points="3206.43,-549.58 3206.43,-567.33 3277.93,-567.33 3277.93,-549.58 3206.43,-549.58"/>
2703
+ <text xml:space="preserve" text-anchor="start" x="3210.43" y="-555.83" font-family="Helvetica,sans-Serif" font-size="9.00"> &#160;activeIndex</text>
2704
+ <polygon fill="#fafafa" stroke="none" points="3277.93,-549.58 3277.93,-567.33 3326.93,-567.33 3326.93,-549.58 3277.93,-549.58"/>
2705
+ <polygon fill="none" stroke="black" points="3277.93,-549.58 3277.93,-567.33 3326.93,-567.33 3326.93,-549.58 3277.93,-549.58"/>
2706
+ <text xml:space="preserve" text-anchor="start" x="3281.93" y="-556.2" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#666666">number</text>
2707
+ <polygon fill="#fafafa" stroke="none" points="3206.43,-531.83 3206.43,-549.58 3277.93,-549.58 3277.93,-531.83 3206.43,-531.83"/>
2708
+ <polygon fill="none" stroke="black" points="3206.43,-531.83 3206.43,-549.58 3277.93,-549.58 3277.93,-531.83 3206.43,-531.83"/>
2709
+ <text xml:space="preserve" text-anchor="start" x="3210.43" y="-538.08" font-family="Helvetica,sans-Serif" font-size="9.00"> &#160;isStart</text>
2710
+ <polygon fill="#fafafa" stroke="none" points="3277.93,-531.83 3277.93,-549.58 3326.93,-549.58 3326.93,-531.83 3277.93,-531.83"/>
2711
+ <polygon fill="none" stroke="black" points="3277.93,-531.83 3277.93,-549.58 3326.93,-549.58 3326.93,-531.83 3277.93,-531.83"/>
2712
+ <text xml:space="preserve" text-anchor="start" x="3281.93" y="-538.45" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#666666">boolean</text>
2713
+ <polygon fill="#fafafa" stroke="none" points="3206.43,-514.08 3206.43,-531.83 3277.93,-531.83 3277.93,-514.08 3206.43,-514.08"/>
2714
+ <polygon fill="none" stroke="black" points="3206.43,-514.08 3206.43,-531.83 3277.93,-531.83 3277.93,-514.08 3206.43,-514.08"/>
2715
+ <text xml:space="preserve" text-anchor="start" x="3210.43" y="-520.33" font-family="Helvetica,sans-Serif" font-size="9.00"> &#160;isEnd</text>
2716
+ <polygon fill="#fafafa" stroke="none" points="3277.93,-514.08 3277.93,-531.83 3326.93,-531.83 3326.93,-514.08 3277.93,-514.08"/>
2717
+ <polygon fill="none" stroke="black" points="3277.93,-514.08 3277.93,-531.83 3326.93,-531.83 3326.93,-514.08 3277.93,-514.08"/>
2718
+ <text xml:space="preserve" text-anchor="start" x="3281.93" y="-520.7" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#666666">boolean</text>
2719
+ <polygon fill="#fafafa" stroke="none" points="3206.43,-496.33 3206.43,-514.08 3277.93,-514.08 3277.93,-496.33 3206.43,-496.33"/>
2720
+ <polygon fill="none" stroke="black" points="3206.43,-496.33 3206.43,-514.08 3277.93,-514.08 3277.93,-496.33 3206.43,-496.33"/>
2721
+ <text xml:space="preserve" text-anchor="start" x="3210.43" y="-502.58" font-family="Helvetica,sans-Serif" font-size="9.00"> &#160;activeTab</text>
2722
+ <polygon fill="#fafafa" stroke="none" points="3277.93,-496.33 3277.93,-514.08 3326.93,-514.08 3326.93,-496.33 3277.93,-496.33"/>
2723
+ <polygon fill="none" stroke="black" points="3277.93,-496.33 3277.93,-514.08 3326.93,-514.08 3326.93,-496.33 3277.93,-496.33"/>
2724
+ <text xml:space="preserve" text-anchor="start" x="3281.93" y="-502.95" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#666666">string</text>
2725
+ <polygon fill="#f5f5f5" stroke="none" points="3206.43,-479.33 3206.43,-496.33 3326.93,-496.33 3326.93,-479.33 3206.43,-479.33"/>
2726
+ <polygon fill="none" stroke="black" points="3206.43,-479.33 3206.43,-496.33 3326.93,-496.33 3326.93,-479.33 3206.43,-479.33"/>
2727
+ <text xml:space="preserve" text-anchor="start" x="3210.43" y="-485.58" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#999999"> &#160;+7 more props</text>
2728
+ </g>
2729
+ <!-- cre8&#45;tabs&#45;&gt;slot -->
2730
+ <g id="edge55" class="edge">
2731
+ <title>cre8&#45;tabs&#45;&gt;slot:default</title>
2732
+ <path fill="none" stroke="#9c27b0" stroke-dasharray="5,2" d="M3206.54,-603C3035.37,-603 2557.75,-603 2557.75,-603 2557.75,-603 2557.75,-1945 2557.75,-1945 2557.75,-1945 2371.22,-1945 2371.22,-1945"/>
2733
+ <polygon fill="#9c27b0" stroke="#9c27b0" points="2361.22,-1945 2371.22,-1940.5 2365,-1945 2371.22,-1945 2371.22,-1945 2371.22,-1945 2365,-1945 2371.22,-1949.5 2361.22,-1945"/>
2734
+ <text xml:space="preserve" text-anchor="middle" x="2543.87" y="-1044.07" font-family="Helvetica,sans-Serif" font-size="9.00" fill="#9c27b0">default</text>
2735
+ </g>
2736
+ <!-- cre8&#45;tabs&#45;&gt;slot -->
2737
+ <g id="edge56" class="edge">
2738
+ <title>cre8&#45;tabs&#45;&gt;slot:panel</title>
2739
+ <path fill="none" stroke="#9c27b0" stroke-dasharray="5,2" d="M3206.58,-606C3034.27,-606 2550.88,-606 2550.88,-606 2550.88,-606 2550.88,-1946 2550.88,-1946 2550.88,-1946 2371.27,-1946 2371.27,-1946"/>
2740
+ <polygon fill="#9c27b0" stroke="#9c27b0" points="2361.27,-1946 2371.27,-1941.5 2365.05,-1946 2371.27,-1946 2371.27,-1946 2371.27,-1946 2365.05,-1946 2371.27,-1950.5 2361.27,-1946"/>
2741
+ <text xml:space="preserve" text-anchor="middle" x="2539.25" y="-1039.15" font-family="Helvetica,sans-Serif" font-size="9.00" fill="#9c27b0">panel</text>
2742
+ </g>
2743
+ <!-- cre8&#45;tertiary&#45;nav -->
2744
+ <g id="node78" class="node">
2745
+ <title>cre8&#45;tertiary&#45;nav</title>
2746
+ <polygon fill="#f9fbe7" stroke="none" points="3084.44,-232.1 3084.44,-252.1 3210.94,-252.1 3210.94,-232.1 3084.44,-232.1"/>
2747
+ <polygon fill="none" stroke="black" points="3084.44,-232.1 3084.44,-252.1 3210.94,-252.1 3210.94,-232.1 3084.44,-232.1"/>
2748
+ <text xml:space="preserve" text-anchor="start" x="3088.44" y="-238.65" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="11.00" fill="#558b2f">cre8&#45;tertiary&#45;nav</text>
2749
+ <text xml:space="preserve" text-anchor="start" x="3174.69" y="-238.65" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#888888"> &#160;children</text>
2750
+ <polygon fill="#fafafa" stroke="none" points="3084.44,-214.35 3084.44,-232.1 3163.07,-232.1 3163.07,-214.35 3084.44,-214.35"/>
2751
+ <polygon fill="none" stroke="black" points="3084.44,-214.35 3084.44,-232.1 3163.07,-232.1 3163.07,-214.35 3084.44,-214.35"/>
2752
+ <text xml:space="preserve" text-anchor="start" x="3088.44" y="-220.6" font-family="Helvetica,sans-Serif" font-size="9.00"> &#160;fullWidth</text>
2753
+ <polygon fill="#fafafa" stroke="none" points="3163.07,-214.35 3163.07,-232.1 3210.94,-232.1 3210.94,-214.35 3163.07,-214.35"/>
2754
+ <polygon fill="none" stroke="black" points="3163.07,-214.35 3163.07,-232.1 3210.94,-232.1 3210.94,-214.35 3163.07,-214.35"/>
2755
+ <text xml:space="preserve" text-anchor="start" x="3167.07" y="-220.97" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#666666">boolean</text>
2756
+ <polygon fill="#fafafa" stroke="none" points="3084.44,-196.6 3084.44,-214.35 3163.07,-214.35 3163.07,-196.6 3084.44,-196.6"/>
2757
+ <polygon fill="none" stroke="black" points="3084.44,-196.6 3084.44,-214.35 3163.07,-214.35 3163.07,-196.6 3084.44,-196.6"/>
2758
+ <text xml:space="preserve" text-anchor="start" x="3088.44" y="-202.85" font-family="Helvetica,sans-Serif" font-size="9.00"> &#160;navAriaLabel</text>
2759
+ <polygon fill="#fafafa" stroke="none" points="3163.07,-196.6 3163.07,-214.35 3210.94,-214.35 3210.94,-196.6 3163.07,-196.6"/>
2760
+ <polygon fill="none" stroke="black" points="3163.07,-196.6 3163.07,-214.35 3210.94,-214.35 3210.94,-196.6 3163.07,-196.6"/>
2761
+ <text xml:space="preserve" text-anchor="start" x="3167.07" y="-203.22" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#666666">string</text>
2762
+ </g>
2763
+ <!-- cre8&#45;tertiary&#45;nav&#45;item -->
2764
+ <g id="node79" class="node">
2765
+ <title>cre8&#45;tertiary&#45;nav&#45;item</title>
2766
+ <polygon fill="#f9fbe7" stroke="none" points="3372.32,-844.1 3372.32,-864.1 3525.07,-864.1 3525.07,-844.1 3372.32,-844.1"/>
2767
+ <polygon fill="none" stroke="black" points="3372.32,-844.1 3372.32,-864.1 3525.07,-864.1 3525.07,-844.1 3372.32,-844.1"/>
2768
+ <text xml:space="preserve" text-anchor="start" x="3376.32" y="-850.65" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="11.00" fill="#558b2f">cre8&#45;tertiary&#45;nav&#45;item</text>
2769
+ <text xml:space="preserve" text-anchor="start" x="3488.82" y="-850.65" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#888888"> &#160;children</text>
2770
+ <polygon fill="#fafafa" stroke="none" points="3372.32,-826.35 3372.32,-844.1 3455.44,-844.1 3455.44,-826.35 3372.32,-826.35"/>
2771
+ <polygon fill="none" stroke="black" points="3372.32,-826.35 3372.32,-844.1 3455.44,-844.1 3455.44,-826.35 3372.32,-826.35"/>
2772
+ <text xml:space="preserve" text-anchor="start" x="3376.32" y="-832.6" font-family="Helvetica,sans-Serif" font-size="9.00"> &#160;href</text>
2773
+ <polygon fill="#fafafa" stroke="none" points="3455.44,-826.35 3455.44,-844.1 3525.07,-844.1 3525.07,-826.35 3455.44,-826.35"/>
2774
+ <polygon fill="none" stroke="black" points="3455.44,-826.35 3455.44,-844.1 3525.07,-844.1 3525.07,-826.35 3455.44,-826.35"/>
2775
+ <text xml:space="preserve" text-anchor="start" x="3459.44" y="-832.97" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#666666">string</text>
2776
+ <polygon fill="#fafafa" stroke="none" points="3372.32,-808.6 3372.32,-826.35 3455.44,-826.35 3455.44,-808.6 3372.32,-808.6"/>
2777
+ <polygon fill="none" stroke="black" points="3372.32,-808.6 3372.32,-826.35 3455.44,-826.35 3455.44,-808.6 3372.32,-808.6"/>
2778
+ <text xml:space="preserve" text-anchor="start" x="3376.32" y="-814.85" font-family="Helvetica,sans-Serif" font-size="9.00"> &#160;isCurrent</text>
2779
+ <polygon fill="#fafafa" stroke="none" points="3455.44,-808.6 3455.44,-826.35 3525.07,-826.35 3525.07,-808.6 3455.44,-808.6"/>
2780
+ <polygon fill="none" stroke="black" points="3455.44,-808.6 3455.44,-826.35 3525.07,-826.35 3525.07,-808.6 3455.44,-808.6"/>
2781
+ <text xml:space="preserve" text-anchor="start" x="3459.44" y="-815.22" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#666666">boolean</text>
2782
+ </g>
2783
+ <!-- cre8&#45;utility&#45;nav -->
2784
+ <g id="node80" class="node">
2785
+ <title>cre8&#45;utility&#45;nav</title>
2786
+ <polygon fill="#f9fbe7" stroke="none" points="3264.57,-250.1 3264.57,-270.1 3382.82,-270.1 3382.82,-250.1 3264.57,-250.1"/>
2787
+ <polygon fill="none" stroke="black" points="3264.57,-250.1 3264.57,-270.1 3382.82,-270.1 3382.82,-250.1 3264.57,-250.1"/>
2788
+ <text xml:space="preserve" text-anchor="start" x="3268.57" y="-256.65" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="11.00" fill="#558b2f">cre8&#45;utility&#45;nav</text>
2789
+ <text xml:space="preserve" text-anchor="start" x="3346.57" y="-256.65" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#888888"> &#160;children</text>
2790
+ <polygon fill="#fafafa" stroke="none" points="3264.57,-232.35 3264.57,-250.1 3339.07,-250.1 3339.07,-232.35 3264.57,-232.35"/>
2791
+ <polygon fill="none" stroke="black" points="3264.57,-232.35 3264.57,-250.1 3339.07,-250.1 3339.07,-232.35 3264.57,-232.35"/>
2792
+ <text xml:space="preserve" text-anchor="start" x="3268.57" y="-238.6" font-family="Helvetica,sans-Serif" font-size="9.00"> &#160;inverted</text>
2793
+ <polygon fill="#fafafa" stroke="none" points="3339.07,-232.35 3339.07,-250.1 3382.82,-250.1 3382.82,-232.35 3339.07,-232.35"/>
2794
+ <polygon fill="none" stroke="black" points="3339.07,-232.35 3339.07,-250.1 3382.82,-250.1 3382.82,-232.35 3339.07,-232.35"/>
2795
+ <text xml:space="preserve" text-anchor="start" x="3343.07" y="-238.97" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#666666">boolean</text>
2796
+ <polygon fill="#fafafa" stroke="none" points="3264.57,-214.6 3264.57,-232.35 3339.07,-232.35 3339.07,-214.6 3264.57,-214.6"/>
2797
+ <polygon fill="none" stroke="black" points="3264.57,-214.6 3264.57,-232.35 3339.07,-232.35 3339.07,-214.6 3264.57,-214.6"/>
2798
+ <text xml:space="preserve" text-anchor="start" x="3268.57" y="-220.85" font-family="Helvetica,sans-Serif" font-size="9.00"> &#160;navAriaLabel</text>
2799
+ <polygon fill="#fafafa" stroke="none" points="3339.07,-214.6 3339.07,-232.35 3382.82,-232.35 3382.82,-214.6 3339.07,-214.6"/>
2800
+ <polygon fill="none" stroke="black" points="3339.07,-214.6 3339.07,-232.35 3382.82,-232.35 3382.82,-214.6 3339.07,-214.6"/>
2801
+ <text xml:space="preserve" text-anchor="start" x="3343.07" y="-221.22" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#666666">string</text>
2802
+ </g>
2803
+ <!-- cre8&#45;utility&#45;nav&#45;item -->
2804
+ <g id="node81" class="node">
2805
+ <title>cre8&#45;utility&#45;nav&#45;item</title>
2806
+ <polygon fill="#f9fbe7" stroke="none" points="2958.07,-897.72 2958.07,-917.72 3075.32,-917.72 3075.32,-897.72 2958.07,-897.72"/>
2807
+ <polygon fill="none" stroke="black" points="2958.07,-897.72 2958.07,-917.72 3075.32,-917.72 3075.32,-897.72 2958.07,-897.72"/>
2808
+ <text xml:space="preserve" text-anchor="start" x="2962.07" y="-904.27" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="11.00" fill="#558b2f">cre8&#45;utility&#45;nav&#45;item</text>
2809
+ <polygon fill="#fafafa" stroke="none" points="2958.07,-879.97 2958.07,-897.72 3020.82,-897.72 3020.82,-879.97 2958.07,-879.97"/>
2810
+ <polygon fill="none" stroke="black" points="2958.07,-879.97 2958.07,-897.72 3020.82,-897.72 3020.82,-879.97 2958.07,-879.97"/>
2811
+ <text xml:space="preserve" text-anchor="start" x="2962.07" y="-886.22" font-family="Helvetica,sans-Serif" font-size="9.00"> &#160;href</text>
2812
+ <polygon fill="#fafafa" stroke="none" points="3020.82,-879.97 3020.82,-897.72 3075.32,-897.72 3075.32,-879.97 3020.82,-879.97"/>
2813
+ <polygon fill="none" stroke="black" points="3020.82,-879.97 3020.82,-897.72 3075.32,-897.72 3075.32,-879.97 3020.82,-879.97"/>
2814
+ <text xml:space="preserve" text-anchor="start" x="3024.82" y="-886.6" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#666666">string</text>
2815
+ <polygon fill="#fafafa" stroke="none" points="2958.07,-862.22 2958.07,-879.97 3020.82,-879.97 3020.82,-862.22 2958.07,-862.22"/>
2816
+ <polygon fill="none" stroke="black" points="2958.07,-862.22 2958.07,-879.97 3020.82,-879.97 3020.82,-862.22 2958.07,-862.22"/>
2817
+ <text xml:space="preserve" text-anchor="start" x="2962.07" y="-868.47" font-family="Helvetica,sans-Serif" font-size="9.00"> &#160;text</text>
2818
+ <polygon fill="#fafafa" stroke="none" points="3020.82,-862.22 3020.82,-879.97 3075.32,-879.97 3075.32,-862.22 3020.82,-862.22"/>
2819
+ <polygon fill="none" stroke="black" points="3020.82,-862.22 3020.82,-879.97 3075.32,-879.97 3075.32,-862.22 3020.82,-862.22"/>
2820
+ <text xml:space="preserve" text-anchor="start" x="3024.82" y="-868.85" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#666666">string</text>
2821
+ <polygon fill="#fafafa" stroke="none" points="2958.07,-844.47 2958.07,-862.22 3020.82,-862.22 3020.82,-844.47 2958.07,-844.47"/>
2822
+ <polygon fill="none" stroke="black" points="2958.07,-844.47 2958.07,-862.22 3020.82,-862.22 3020.82,-844.47 2958.07,-844.47"/>
2823
+ <text xml:space="preserve" text-anchor="start" x="2962.07" y="-850.72" font-family="Helvetica,sans-Serif" font-size="9.00"> &#160;hideText</text>
2824
+ <polygon fill="#fafafa" stroke="none" points="3020.82,-844.47 3020.82,-862.22 3075.32,-862.22 3075.32,-844.47 3020.82,-844.47"/>
2825
+ <polygon fill="none" stroke="black" points="3020.82,-844.47 3020.82,-862.22 3075.32,-862.22 3075.32,-844.47 3020.82,-844.47"/>
2826
+ <text xml:space="preserve" text-anchor="start" x="3024.82" y="-851.1" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#666666">boolean</text>
2827
+ <polygon fill="#fafafa" stroke="none" points="2958.07,-826.72 2958.07,-844.47 3020.82,-844.47 3020.82,-826.72 2958.07,-826.72"/>
2828
+ <polygon fill="none" stroke="black" points="2958.07,-826.72 2958.07,-844.47 3020.82,-844.47 3020.82,-826.72 2958.07,-826.72"/>
2829
+ <text xml:space="preserve" text-anchor="start" x="2962.07" y="-832.97" font-family="Helvetica,sans-Serif" font-size="9.00"> &#160;iconName</text>
2830
+ <polygon fill="#fafafa" stroke="none" points="3020.82,-826.72 3020.82,-844.47 3075.32,-844.47 3075.32,-826.72 3020.82,-826.72"/>
2831
+ <polygon fill="none" stroke="black" points="3020.82,-826.72 3020.82,-844.47 3075.32,-844.47 3075.32,-826.72 3020.82,-826.72"/>
2832
+ <text xml:space="preserve" text-anchor="start" x="3024.82" y="-833.35" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#666666">string</text>
2833
+ <polygon fill="#fafafa" stroke="none" points="2958.07,-808.97 2958.07,-826.72 3020.82,-826.72 3020.82,-808.97 2958.07,-808.97"/>
2834
+ <polygon fill="none" stroke="black" points="2958.07,-808.97 2958.07,-826.72 3020.82,-826.72 3020.82,-808.97 2958.07,-808.97"/>
2835
+ <text xml:space="preserve" text-anchor="start" x="2962.07" y="-815.22" font-family="Helvetica,sans-Serif" font-size="9.00"> &#160;iconPosition</text>
2836
+ <polygon fill="#fafafa" stroke="none" points="3020.82,-808.97 3020.82,-826.72 3075.32,-826.72 3075.32,-808.97 3020.82,-808.97"/>
2837
+ <polygon fill="none" stroke="black" points="3020.82,-808.97 3020.82,-826.72 3075.32,-826.72 3075.32,-808.97 3020.82,-808.97"/>
2838
+ <text xml:space="preserve" text-anchor="start" x="3024.82" y="-815.6" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#666666">before | after</text>
2839
+ </g>
2840
+ <!-- cre8&#45;progress&#45;steps -->
2841
+ <g id="node82" class="node">
2842
+ <title>cre8&#45;progress&#45;steps</title>
2843
+ <polygon fill="#f5f5f5" stroke="none" points="2263.22,-2381.38 2263.22,-2401.38 2409.22,-2401.38 2409.22,-2381.38 2263.22,-2381.38"/>
2844
+ <polygon fill="none" stroke="black" points="2263.22,-2381.38 2263.22,-2401.38 2409.22,-2401.38 2409.22,-2381.38 2263.22,-2381.38"/>
2845
+ <text xml:space="preserve" text-anchor="start" x="2267.22" y="-2387.93" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="11.00" fill="#546e7a">cre8&#45;progress&#45;steps</text>
2846
+ <text xml:space="preserve" text-anchor="start" x="2372.97" y="-2387.93" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#888888"> &#160;children</text>
2847
+ </g>
2848
+ <!-- cre8&#45;heading -->
2849
+ <g id="node83" class="node">
2850
+ <title>cre8&#45;heading</title>
2851
+ <polygon fill="#efebe9" stroke="none" points="833.25,-2010.14 833.25,-2030.14 1204,-2030.14 1204,-2010.14 833.25,-2010.14"/>
2852
+ <polygon fill="none" stroke="black" points="833.25,-2010.14 833.25,-2030.14 1204,-2030.14 1204,-2010.14 833.25,-2010.14"/>
2853
+ <text xml:space="preserve" text-anchor="start" x="837.25" y="-2016.69" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="11.00" fill="#4e342e">cre8&#45;heading</text>
2854
+ <text xml:space="preserve" text-anchor="start" x="905.5" y="-2016.69" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#888888"> &#160;children</text>
2855
+ <polygon fill="#fafafa" stroke="none" points="833.25,-1992.39 833.25,-2010.14 892.25,-2010.14 892.25,-1992.39 833.25,-1992.39"/>
2856
+ <polygon fill="none" stroke="black" points="833.25,-1992.39 833.25,-2010.14 892.25,-2010.14 892.25,-1992.39 833.25,-1992.39"/>
2857
+ <text xml:space="preserve" text-anchor="start" x="837.25" y="-1998.64" font-family="Helvetica,sans-Serif" font-size="9.00"> &#160;type</text>
2858
+ <polygon fill="#fafafa" stroke="none" points="892.25,-1992.39 892.25,-2010.14 1204,-2010.14 1204,-1992.39 892.25,-1992.39"/>
2859
+ <polygon fill="none" stroke="black" points="892.25,-1992.39 892.25,-2010.14 1204,-2010.14 1204,-1992.39 892.25,-1992.39"/>
2860
+ <text xml:space="preserve" text-anchor="start" x="896.25" y="-1999.01" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#666666">display&#45;default | display&#45;small | headline&#45;large | headline&#45;default | headline&#45;small (+10)</text>
2861
+ <polygon fill="#fafafa" stroke="none" points="833.25,-1974.64 833.25,-1992.39 892.25,-1992.39 892.25,-1974.64 833.25,-1974.64"/>
2862
+ <polygon fill="none" stroke="black" points="833.25,-1974.64 833.25,-1992.39 892.25,-1992.39 892.25,-1974.64 833.25,-1974.64"/>
2863
+ <text xml:space="preserve" text-anchor="start" x="837.25" y="-1980.89" font-family="Helvetica,sans-Serif" font-size="9.00"> &#160;inverted</text>
2864
+ <polygon fill="#fafafa" stroke="none" points="892.25,-1974.64 892.25,-1992.39 1204,-1992.39 1204,-1974.64 892.25,-1974.64"/>
2865
+ <polygon fill="none" stroke="black" points="892.25,-1974.64 892.25,-1992.39 1204,-1992.39 1204,-1974.64 892.25,-1974.64"/>
2866
+ <text xml:space="preserve" text-anchor="start" x="896.25" y="-1981.26" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#666666">boolean</text>
2867
+ <polygon fill="#fafafa" stroke="none" points="833.25,-1956.89 833.25,-1974.64 892.25,-1974.64 892.25,-1956.89 833.25,-1956.89"/>
2868
+ <polygon fill="none" stroke="black" points="833.25,-1956.89 833.25,-1974.64 892.25,-1974.64 892.25,-1956.89 833.25,-1956.89"/>
2869
+ <text xml:space="preserve" text-anchor="start" x="837.25" y="-1963.14" font-family="Helvetica,sans-Serif" font-size="9.00"> &#160;tagVariant</text>
2870
+ <polygon fill="#fafafa" stroke="none" points="892.25,-1956.89 892.25,-1974.64 1204,-1974.64 1204,-1956.89 892.25,-1956.89"/>
2871
+ <polygon fill="none" stroke="black" points="892.25,-1956.89 892.25,-1974.64 1204,-1974.64 1204,-1956.89 892.25,-1956.89"/>
2872
+ <text xml:space="preserve" text-anchor="start" x="896.25" y="-1963.51" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#666666">string</text>
2873
+ <polygon fill="#fafafa" stroke="none" points="833.25,-1939.14 833.25,-1956.89 892.25,-1956.89 892.25,-1939.14 833.25,-1939.14"/>
2874
+ <polygon fill="none" stroke="black" points="833.25,-1939.14 833.25,-1956.89 892.25,-1956.89 892.25,-1939.14 833.25,-1939.14"/>
2875
+ <text xml:space="preserve" text-anchor="start" x="837.25" y="-1945.39" font-family="Helvetica,sans-Serif" font-size="9.00"> &#160;brandColor</text>
2876
+ <polygon fill="#fafafa" stroke="none" points="892.25,-1939.14 892.25,-1956.89 1204,-1956.89 1204,-1939.14 892.25,-1939.14"/>
2877
+ <polygon fill="none" stroke="black" points="892.25,-1939.14 892.25,-1956.89 1204,-1956.89 1204,-1939.14 892.25,-1939.14"/>
2878
+ <text xml:space="preserve" text-anchor="start" x="896.25" y="-1945.76" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#666666">boolean</text>
2879
+ </g>
2880
+ <!-- cre8&#45;text&#45;link -->
2881
+ <g id="node84" class="node">
2882
+ <title>cre8&#45;text&#45;link</title>
2883
+ <polygon fill="#efebe9" stroke="none" points="1105.44,-2137.64 1105.44,-2157.64 1254.44,-2157.64 1254.44,-2137.64 1105.44,-2137.64"/>
2884
+ <polygon fill="none" stroke="black" points="1105.44,-2137.64 1105.44,-2157.64 1254.44,-2157.64 1254.44,-2137.64 1105.44,-2137.64"/>
2885
+ <text xml:space="preserve" text-anchor="start" x="1109.44" y="-2144.19" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="11.00" fill="#4e342e">cre8&#45;text&#45;link</text>
2886
+ <text xml:space="preserve" text-anchor="start" x="1177.69" y="-2144.19" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#888888"> &#160;[default] · [linkAfter]</text>
2887
+ <polygon fill="#fafafa" stroke="none" points="1105.44,-2119.89 1105.44,-2137.64 1164.94,-2137.64 1164.94,-2119.89 1105.44,-2119.89"/>
2888
+ <polygon fill="none" stroke="black" points="1105.44,-2119.89 1105.44,-2137.64 1164.94,-2137.64 1164.94,-2119.89 1105.44,-2119.89"/>
2889
+ <text xml:space="preserve" text-anchor="start" x="1109.44" y="-2126.14" font-family="Helvetica,sans-Serif" font-size="9.00"> &#160;href</text>
2890
+ <polygon fill="#fafafa" stroke="none" points="1164.94,-2119.89 1164.94,-2137.64 1254.44,-2137.64 1254.44,-2119.89 1164.94,-2119.89"/>
2891
+ <polygon fill="none" stroke="black" points="1164.94,-2119.89 1164.94,-2137.64 1254.44,-2137.64 1254.44,-2119.89 1164.94,-2119.89"/>
2892
+ <text xml:space="preserve" text-anchor="start" x="1168.94" y="-2126.52" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#666666">string</text>
2893
+ <polygon fill="#fafafa" stroke="none" points="1105.44,-2102.14 1105.44,-2119.89 1164.94,-2119.89 1164.94,-2102.14 1105.44,-2102.14"/>
2894
+ <polygon fill="none" stroke="black" points="1105.44,-2102.14 1105.44,-2119.89 1164.94,-2119.89 1164.94,-2102.14 1105.44,-2102.14"/>
2895
+ <text xml:space="preserve" text-anchor="start" x="1109.44" y="-2108.39" font-family="Helvetica,sans-Serif" font-size="9.00"> &#160;variant</text>
2896
+ <polygon fill="#fafafa" stroke="none" points="1164.94,-2102.14 1164.94,-2119.89 1254.44,-2119.89 1254.44,-2102.14 1164.94,-2102.14"/>
2897
+ <polygon fill="none" stroke="black" points="1164.94,-2102.14 1164.94,-2119.89 1254.44,-2119.89 1254.44,-2102.14 1164.94,-2102.14"/>
2898
+ <text xml:space="preserve" text-anchor="start" x="1168.94" y="-2108.77" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#666666">secondary | display</text>
2899
+ <polygon fill="#fafafa" stroke="none" points="1105.44,-2084.39 1105.44,-2102.14 1164.94,-2102.14 1164.94,-2084.39 1105.44,-2084.39"/>
2900
+ <polygon fill="none" stroke="black" points="1105.44,-2084.39 1105.44,-2102.14 1164.94,-2102.14 1164.94,-2084.39 1105.44,-2084.39"/>
2901
+ <text xml:space="preserve" text-anchor="start" x="1109.44" y="-2090.64" font-family="Helvetica,sans-Serif" font-size="9.00"> &#160;size</text>
2902
+ <polygon fill="#fafafa" stroke="none" points="1164.94,-2084.39 1164.94,-2102.14 1254.44,-2102.14 1254.44,-2084.39 1164.94,-2084.39"/>
2903
+ <polygon fill="none" stroke="black" points="1164.94,-2084.39 1164.94,-2102.14 1254.44,-2102.14 1254.44,-2084.39 1164.94,-2084.39"/>
2904
+ <text xml:space="preserve" text-anchor="start" x="1168.94" y="-2091.02" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#666666">string</text>
2905
+ <polygon fill="#fafafa" stroke="none" points="1105.44,-2066.64 1105.44,-2084.39 1164.94,-2084.39 1164.94,-2066.64 1105.44,-2066.64"/>
2906
+ <polygon fill="none" stroke="black" points="1105.44,-2066.64 1105.44,-2084.39 1164.94,-2084.39 1164.94,-2066.64 1105.44,-2066.64"/>
2907
+ <text xml:space="preserve" text-anchor="start" x="1109.44" y="-2072.89" font-family="Helvetica,sans-Serif" font-size="9.00"> &#160;inverted</text>
2908
+ <polygon fill="#fafafa" stroke="none" points="1164.94,-2066.64 1164.94,-2084.39 1254.44,-2084.39 1254.44,-2066.64 1164.94,-2066.64"/>
2909
+ <polygon fill="none" stroke="black" points="1164.94,-2066.64 1164.94,-2084.39 1254.44,-2084.39 1254.44,-2066.64 1164.94,-2066.64"/>
2910
+ <text xml:space="preserve" text-anchor="start" x="1168.94" y="-2073.27" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#666666">boolean</text>
2911
+ </g>
2912
+ <!-- cre8&#45;text&#45;link&#45;&gt;slot -->
2913
+ <g id="edge57" class="edge">
2914
+ <title>cre8&#45;text&#45;link&#45;&gt;slot:default</title>
2915
+ <path fill="none" stroke="#9c27b0" stroke-dasharray="5,2" d="M1237.63,-2067.01C1237.63,-2018.12 1237.63,-1947 1237.63,-1947 1237.63,-1947 2295.35,-1947 2295.35,-1947"/>
2916
+ <polygon fill="#9c27b0" stroke="#9c27b0" points="2305.35,-1947 2295.35,-1951.5 2301.57,-1947 2295.35,-1947 2295.35,-1947 2295.35,-1947 2301.57,-1947 2295.35,-1942.5 2305.35,-1947"/>
2917
+ <text xml:space="preserve" text-anchor="middle" x="1692.61" y="-1948.2" font-family="Helvetica,sans-Serif" font-size="9.00" fill="#9c27b0">default</text>
2918
+ </g>
2919
+ <!-- cre8&#45;text&#45;link&#45;&gt;slot -->
2920
+ <g id="edge58" class="edge">
2921
+ <title>cre8&#45;text&#45;link&#45;&gt;slot:linkAfter</title>
2922
+ <path fill="none" stroke="#9c27b0" stroke-dasharray="5,2" d="M1220.81,-2066.74C1220.81,-2017.55 1220.81,-1946 1220.81,-1946 1220.81,-1946 2295.21,-1946 2295.21,-1946"/>
2923
+ <polygon fill="#9c27b0" stroke="#9c27b0" points="2305.21,-1946 2295.21,-1950.5 2301.43,-1946 2295.21,-1946 2295.21,-1946 2295.21,-1946 2301.43,-1946 2295.21,-1941.5 2305.21,-1946"/>
2924
+ <text xml:space="preserve" text-anchor="middle" x="1681.14" y="-1947.2" font-family="Helvetica,sans-Serif" font-size="9.00" fill="#9c27b0">linkAfter</text>
2925
+ </g>
2926
+ <!-- cre8&#45;text&#45;passage -->
2927
+ <g id="node85" class="node">
2928
+ <title>cre8&#45;text&#45;passage</title>
2929
+ <polygon fill="#efebe9" stroke="none" points="929,-2118.39 929,-2138.39 1062.25,-2138.39 1062.25,-2118.39 929,-2118.39"/>
2930
+ <polygon fill="none" stroke="black" points="929,-2118.39 929,-2138.39 1062.25,-2138.39 1062.25,-2118.39 929,-2118.39"/>
2931
+ <text xml:space="preserve" text-anchor="start" x="933" y="-2124.94" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="11.00" fill="#4e342e">cre8&#45;text&#45;passage</text>
2932
+ <text xml:space="preserve" text-anchor="start" x="1026" y="-2124.94" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#888888"> &#160;children</text>
2933
+ <polygon fill="#fafafa" stroke="none" points="929,-2100.64 929,-2118.39 977.62,-2118.39 977.62,-2100.64 929,-2100.64"/>
2934
+ <polygon fill="none" stroke="black" points="929,-2100.64 929,-2118.39 977.62,-2118.39 977.62,-2100.64 929,-2100.64"/>
2935
+ <text xml:space="preserve" text-anchor="start" x="933" y="-2106.89" font-family="Helvetica,sans-Serif" font-size="9.00"> &#160;inverted</text>
2936
+ <polygon fill="#fafafa" stroke="none" points="977.62,-2100.64 977.62,-2118.39 1062.25,-2118.39 1062.25,-2100.64 977.62,-2100.64"/>
2937
+ <polygon fill="none" stroke="black" points="977.62,-2100.64 977.62,-2118.39 1062.25,-2118.39 1062.25,-2100.64 977.62,-2100.64"/>
2938
+ <text xml:space="preserve" text-anchor="start" x="981.62" y="-2107.26" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#666666">boolean</text>
2939
+ <polygon fill="#fafafa" stroke="none" points="929,-2082.89 929,-2100.64 977.62,-2100.64 977.62,-2082.89 929,-2082.89"/>
2940
+ <polygon fill="none" stroke="black" points="929,-2082.89 929,-2100.64 977.62,-2100.64 977.62,-2082.89 929,-2082.89"/>
2941
+ <text xml:space="preserve" text-anchor="start" x="933" y="-2089.14" font-family="Helvetica,sans-Serif" font-size="9.00"> &#160;size</text>
2942
+ <polygon fill="#fafafa" stroke="none" points="977.62,-2082.89 977.62,-2100.64 1062.25,-2100.64 1062.25,-2082.89 977.62,-2082.89"/>
2943
+ <polygon fill="none" stroke="black" points="977.62,-2082.89 977.62,-2100.64 1062.25,-2100.64 1062.25,-2082.89 977.62,-2082.89"/>
2944
+ <text xml:space="preserve" text-anchor="start" x="981.62" y="-2089.51" font-family="Helvetica,sans-Serif" font-size="8.00" fill="#666666">large | small | default</text>
2945
+ </g>
2946
+ <!-- slot:cre8&#45;button:before -->
2947
+ <g id="node87" class="node">
2948
+ <title>slot:cre8&#45;button:before</title>
2949
+ <ellipse fill="#f8e8ff" stroke="#9c27b0" stroke-dasharray="5,2" cx="2453.22" cy="-1283.13" rx="33.66" ry="18"/>
2950
+ <text xml:space="preserve" text-anchor="start" x="2430.72" y="-1280.5" font-family="Helvetica,sans-Serif" font-size="9.00" fill="#9c27b0">slot: before</text>
2951
+ </g>
2952
+ <!-- slot:cre8&#45;button:after -->
2953
+ <g id="node88" class="node">
2954
+ <title>slot:cre8&#45;button:after</title>
2955
+ <ellipse fill="#f8e8ff" stroke="#9c27b0" stroke-dasharray="5,2" cx="2614.22" cy="-1283.13" rx="28.99" ry="18"/>
2956
+ <text xml:space="preserve" text-anchor="start" x="2595.85" y="-1280.5" font-family="Helvetica,sans-Serif" font-size="9.00" fill="#9c27b0">slot: after</text>
2957
+ </g>
2958
+ <!-- slot:cre8&#45;table&#45;object:default -->
2959
+ <g id="node89" class="node">
2960
+ <title>slot:cre8&#45;table&#45;object:default</title>
2961
+ <ellipse fill="#f8e8ff" stroke="#9c27b0" stroke-dasharray="5,2" cx="3004.22" cy="-1283.13" rx="34.52" ry="18"/>
2962
+ <text xml:space="preserve" text-anchor="start" x="2980.97" y="-1280.5" font-family="Helvetica,sans-Serif" font-size="9.00" fill="#9c27b0">slot: default</text>
2963
+ </g>
2964
+ <!-- slot:cre8&#45;table&#45;object:header -->
2965
+ <g id="node90" class="node">
2966
+ <title>slot:cre8&#45;table&#45;object:header</title>
2967
+ <ellipse fill="#f8e8ff" stroke="#9c27b0" stroke-dasharray="5,2" cx="2345.22" cy="-2218.13" rx="35.37" ry="18"/>
2968
+ <text xml:space="preserve" text-anchor="start" x="2321.22" y="-2215.5" font-family="Helvetica,sans-Serif" font-size="9.00" fill="#9c27b0">slot: header</text>
2969
+ </g>
2970
+ <!-- slot:cre8&#45;table&#45;object:footer -->
2971
+ <g id="node91" class="node">
2972
+ <title>slot:cre8&#45;table&#45;object:footer</title>
2973
+ <ellipse fill="#f8e8ff" stroke="#9c27b0" stroke-dasharray="5,2" cx="2562.22" cy="-2163.13" rx="31.96" ry="18"/>
2974
+ <text xml:space="preserve" text-anchor="start" x="2541.22" y="-2160.5" font-family="Helvetica,sans-Serif" font-size="9.00" fill="#9c27b0">slot: footer</text>
2975
+ </g>
2976
+ <!-- slot:cre8&#45;table&#45;row:default -->
2977
+ <g id="node92" class="node">
2978
+ <title>slot:cre8&#45;table&#45;row:default</title>
2979
+ <ellipse fill="#f8e8ff" stroke="#9c27b0" stroke-dasharray="5,2" cx="1959.22" cy="-2493.13" rx="34.52" ry="18"/>
2980
+ <text xml:space="preserve" text-anchor="start" x="1935.97" y="-2490.5" font-family="Helvetica,sans-Serif" font-size="9.00" fill="#9c27b0">slot: default</text>
2981
+ </g>
2982
+ <!-- slot:cre8&#45;table&#45;row:expandableContent -->
2983
+ <g id="node93" class="node">
2984
+ <title>slot:cre8&#45;table&#45;row:expandableContent</title>
2985
+ <ellipse fill="#f8e8ff" stroke="#9c27b0" stroke-dasharray="5,2" cx="1934.22" cy="-1888.13" rx="64.69" ry="18"/>
2986
+ <text xml:space="preserve" text-anchor="start" x="1884.35" y="-1885.5" font-family="Helvetica,sans-Serif" font-size="9.00" fill="#9c27b0">slot: expandableContent</text>
2987
+ </g>
2988
+ <!-- slot:cre8&#45;accordion&#45;item:default -->
2989
+ <g id="node94" class="node">
2990
+ <title>slot:cre8&#45;accordion&#45;item:default</title>
2991
+ <ellipse fill="#f8e8ff" stroke="#9c27b0" stroke-dasharray="5,2" cx="1794.22" cy="-2493.13" rx="34.52" ry="18"/>
2992
+ <text xml:space="preserve" text-anchor="start" x="1770.97" y="-2490.5" font-family="Helvetica,sans-Serif" font-size="9.00" fill="#9c27b0">slot: default</text>
2993
+ </g>
2994
+ <!-- slot:cre8&#45;accordion&#45;item:heading -->
2995
+ <g id="node95" class="node">
2996
+ <title>slot:cre8&#45;accordion&#45;item:heading</title>
2997
+ <ellipse fill="#f8e8ff" stroke="#9c27b0" stroke-dasharray="5,2" cx="2623.22" cy="-1723.13" rx="37.92" ry="18"/>
2998
+ <text xml:space="preserve" text-anchor="start" x="2596.97" y="-1720.5" font-family="Helvetica,sans-Serif" font-size="9.00" fill="#9c27b0">slot: heading</text>
2999
+ </g>
3000
+ <!-- slot:cre8&#45;modal:default -->
3001
+ <g id="node96" class="node">
3002
+ <title>slot:cre8&#45;modal:default</title>
3003
+ <ellipse fill="#f8e8ff" stroke="#9c27b0" stroke-dasharray="5,2" cx="2509.22" cy="-2548.13" rx="34.52" ry="18"/>
3004
+ <text xml:space="preserve" text-anchor="start" x="2485.97" y="-2545.5" font-family="Helvetica,sans-Serif" font-size="9.00" fill="#9c27b0">slot: default</text>
3005
+ </g>
3006
+ <!-- slot:cre8&#45;modal:header -->
3007
+ <g id="node97" class="node">
3008
+ <title>slot:cre8&#45;modal:header</title>
3009
+ <ellipse fill="#f8e8ff" stroke="#9c27b0" stroke-dasharray="5,2" cx="2345.22" cy="-2548.13" rx="35.37" ry="18"/>
3010
+ <text xml:space="preserve" text-anchor="start" x="2321.22" y="-2545.5" font-family="Helvetica,sans-Serif" font-size="9.00" fill="#9c27b0">slot: header</text>
3011
+ </g>
3012
+ <!-- slot:cre8&#45;modal:footer -->
3013
+ <g id="node98" class="node">
3014
+ <title>slot:cre8&#45;modal:footer</title>
3015
+ <ellipse fill="#f8e8ff" stroke="#9c27b0" stroke-dasharray="5,2" cx="1737.22" cy="-2328.13" rx="31.96" ry="18"/>
3016
+ <text xml:space="preserve" text-anchor="start" x="1716.22" y="-2325.5" font-family="Helvetica,sans-Serif" font-size="9.00" fill="#9c27b0">slot: footer</text>
3017
+ </g>
3018
+ <!-- slot:cre8&#45;popover:default -->
3019
+ <g id="node99" class="node">
3020
+ <title>slot:cre8&#45;popover:default</title>
3021
+ <ellipse fill="#f8e8ff" stroke="#9c27b0" stroke-dasharray="5,2" cx="1739.22" cy="-1888.13" rx="34.52" ry="18"/>
3022
+ <text xml:space="preserve" text-anchor="start" x="1715.97" y="-1885.5" font-family="Helvetica,sans-Serif" font-size="9.00" fill="#9c27b0">slot: default</text>
3023
+ </g>
3024
+ <!-- slot:cre8&#45;popover:trigger -->
3025
+ <g id="node100" class="node">
3026
+ <title>slot:cre8&#45;popover:trigger</title>
3027
+ <ellipse fill="#f8e8ff" stroke="#9c27b0" stroke-dasharray="5,2" cx="1738.22" cy="-1723.13" rx="33.66" ry="18"/>
3028
+ <text xml:space="preserve" text-anchor="start" x="1715.72" y="-1720.5" font-family="Helvetica,sans-Serif" font-size="9.00" fill="#9c27b0">slot: trigger</text>
3029
+ </g>
3030
+ <!-- slot:cre8&#45;popover:header -->
3031
+ <g id="node101" class="node">
3032
+ <title>slot:cre8&#45;popover:header</title>
3033
+ <ellipse fill="#f8e8ff" stroke="#9c27b0" stroke-dasharray="5,2" cx="2070.22" cy="-1668.13" rx="35.37" ry="18"/>
3034
+ <text xml:space="preserve" text-anchor="start" x="2046.22" y="-1665.5" font-family="Helvetica,sans-Serif" font-size="9.00" fill="#9c27b0">slot: header</text>
3035
+ </g>
3036
+ <!-- slot:cre8&#45;popover:footer -->
3037
+ <g id="node102" class="node">
3038
+ <title>slot:cre8&#45;popover:footer</title>
3039
+ <ellipse fill="#f8e8ff" stroke="#9c27b0" stroke-dasharray="5,2" cx="2342.22" cy="-1613.13" rx="31.96" ry="18"/>
3040
+ <text xml:space="preserve" text-anchor="start" x="2321.22" y="-1610.5" font-family="Helvetica,sans-Serif" font-size="9.00" fill="#9c27b0">slot: footer</text>
3041
+ </g>
3042
+ <!-- slot:cre8&#45;tooltip:default -->
3043
+ <g id="node103" class="node">
3044
+ <title>slot:cre8&#45;tooltip:default</title>
3045
+ <ellipse fill="#f8e8ff" stroke="#9c27b0" stroke-dasharray="5,2" cx="2674.22" cy="-1943.13" rx="34.52" ry="18"/>
3046
+ <text xml:space="preserve" text-anchor="start" x="2650.97" y="-1940.5" font-family="Helvetica,sans-Serif" font-size="9.00" fill="#9c27b0">slot: default</text>
3047
+ </g>
3048
+ <!-- slot:cre8&#45;tooltip:trigger -->
3049
+ <g id="node104" class="node">
3050
+ <title>slot:cre8&#45;tooltip:trigger</title>
3051
+ <ellipse fill="#f8e8ff" stroke="#9c27b0" stroke-dasharray="5,2" cx="2673.22" cy="-2328.13" rx="33.66" ry="18"/>
3052
+ <text xml:space="preserve" text-anchor="start" x="2650.72" y="-2325.5" font-family="Helvetica,sans-Serif" font-size="9.00" fill="#9c27b0">slot: trigger</text>
3053
+ </g>
3054
+ <!-- slot:cre8&#45;alert:default -->
3055
+ <g id="node105" class="node">
3056
+ <title>slot:cre8&#45;alert:default</title>
3057
+ <ellipse fill="#f8e8ff" stroke="#9c27b0" stroke-dasharray="5,2" cx="2179.22" cy="-2603.13" rx="34.52" ry="18"/>
3058
+ <text xml:space="preserve" text-anchor="start" x="2155.97" y="-2600.5" font-family="Helvetica,sans-Serif" font-size="9.00" fill="#9c27b0">slot: default</text>
3059
+ </g>
3060
+ <!-- slot:cre8&#45;alert:cta -->
3061
+ <g id="node106" class="node">
3062
+ <title>slot:cre8&#45;alert:cta</title>
3063
+ <ellipse fill="#f8e8ff" stroke="#9c27b0" stroke-dasharray="5,2" cx="2722.22" cy="-1558.13" rx="27" ry="18"/>
3064
+ <text xml:space="preserve" text-anchor="start" x="2706.85" y="-1555.5" font-family="Helvetica,sans-Serif" font-size="9.00" fill="#9c27b0">slot: cta</text>
3065
+ </g>
3066
+ <!-- slot:cre8&#45;checkbox&#45;field&#45;item:fieldNote -->
3067
+ <g id="node107" class="node">
3068
+ <title>slot:cre8&#45;checkbox&#45;field&#45;item:fieldNote</title>
3069
+ <ellipse fill="#f8e8ff" stroke="#9c27b0" stroke-dasharray="5,2" cx="2734.22" cy="-2493.13" rx="39.62" ry="18"/>
3070
+ <text xml:space="preserve" text-anchor="start" x="2706.47" y="-2490.5" font-family="Helvetica,sans-Serif" font-size="9.00" fill="#9c27b0">slot: fieldNote</text>
3071
+ </g>
3072
+ <!-- slot:cre8&#45;date&#45;picker:fieldNote -->
3073
+ <g id="node108" class="node">
3074
+ <title>slot:cre8&#45;date&#45;picker:fieldNote</title>
3075
+ <ellipse fill="#f8e8ff" stroke="#9c27b0" stroke-dasharray="5,2" cx="1854.22" cy="-2658.13" rx="39.62" ry="18"/>
3076
+ <text xml:space="preserve" text-anchor="start" x="1826.47" y="-2655.5" font-family="Helvetica,sans-Serif" font-size="9.00" fill="#9c27b0">slot: fieldNote</text>
3077
+ </g>
3078
+ <!-- slot:cre8&#45;field:fieldNote -->
3079
+ <g id="node109" class="node">
3080
+ <title>slot:cre8&#45;field:fieldNote</title>
3081
+ <ellipse fill="#f8e8ff" stroke="#9c27b0" stroke-dasharray="5,2" cx="1634.22" cy="-2658.13" rx="39.62" ry="18"/>
3082
+ <text xml:space="preserve" text-anchor="start" x="1606.47" y="-2655.5" font-family="Helvetica,sans-Serif" font-size="9.00" fill="#9c27b0">slot: fieldNote</text>
3083
+ </g>
3084
+ <!-- slot:cre8&#45;multi&#45;select:fieldNote -->
3085
+ <g id="node110" class="node">
3086
+ <title>slot:cre8&#45;multi&#45;select:fieldNote</title>
3087
+ <ellipse fill="#f8e8ff" stroke="#9c27b0" stroke-dasharray="5,2" cx="2789.22" cy="-2658.13" rx="39.62" ry="18"/>
3088
+ <text xml:space="preserve" text-anchor="start" x="2761.47" y="-2655.5" font-family="Helvetica,sans-Serif" font-size="9.00" fill="#9c27b0">slot: fieldNote</text>
3089
+ </g>
3090
+ <!-- slot:cre8&#45;select:fieldNote -->
3091
+ <g id="node111" class="node">
3092
+ <title>slot:cre8&#45;select:fieldNote</title>
3093
+ <ellipse fill="#f8e8ff" stroke="#9c27b0" stroke-dasharray="5,2" cx="2514.22" cy="-2713.13" rx="39.62" ry="18"/>
3094
+ <text xml:space="preserve" text-anchor="start" x="2486.47" y="-2710.5" font-family="Helvetica,sans-Serif" font-size="9.00" fill="#9c27b0">slot: fieldNote</text>
3095
+ </g>
3096
+ <!-- slot:cre8&#45;select&#45;tile:default -->
3097
+ <g id="node112" class="node">
3098
+ <title>slot:cre8&#45;select&#45;tile:default</title>
3099
+ <ellipse fill="#f8e8ff" stroke="#9c27b0" stroke-dasharray="5,2" cx="1629.22" cy="-2493.13" rx="34.52" ry="18"/>
3100
+ <text xml:space="preserve" text-anchor="start" x="1605.97" y="-2490.5" font-family="Helvetica,sans-Serif" font-size="9.00" fill="#9c27b0">slot: default</text>
3101
+ </g>
3102
+ <!-- slot:cre8&#45;select&#45;tile:header -->
3103
+ <g id="node113" class="node">
3104
+ <title>slot:cre8&#45;select&#45;tile:header</title>
3105
+ <ellipse fill="#f8e8ff" stroke="#9c27b0" stroke-dasharray="5,2" cx="1905.22" cy="-1558.13" rx="35.37" ry="18"/>
3106
+ <text xml:space="preserve" text-anchor="start" x="1881.22" y="-1555.5" font-family="Helvetica,sans-Serif" font-size="9.00" fill="#9c27b0">slot: header</text>
3107
+ </g>
3108
+ <!-- slot:cre8&#45;select&#45;tile:footer -->
3109
+ <g id="node114" class="node">
3110
+ <title>slot:cre8&#45;select&#45;tile:footer</title>
3111
+ <ellipse fill="#f8e8ff" stroke="#9c27b0" stroke-dasharray="5,2" cx="2342.22" cy="-2713.13" rx="31.96" ry="18"/>
3112
+ <text xml:space="preserve" text-anchor="start" x="2321.22" y="-2710.5" font-family="Helvetica,sans-Serif" font-size="9.00" fill="#9c27b0">slot: footer</text>
3113
+ </g>
3114
+ <!-- slot:cre8&#45;select&#45;tile:title -->
3115
+ <g id="node115" class="node">
3116
+ <title>slot:cre8&#45;select&#45;tile:title</title>
3117
+ <ellipse fill="#f8e8ff" stroke="#9c27b0" stroke-dasharray="5,2" cx="1567.22" cy="-2328.13" rx="27" ry="18"/>
3118
+ <text xml:space="preserve" text-anchor="start" x="1550.72" y="-2325.5" font-family="Helvetica,sans-Serif" font-size="9.00" fill="#9c27b0">slot: title</text>
3119
+ </g>
3120
+ <!-- slot:cre8&#45;select&#45;tile:body -->
3121
+ <g id="node116" class="node">
3122
+ <title>slot:cre8&#45;select&#45;tile:body</title>
3123
+ <ellipse fill="#f8e8ff" stroke="#9c27b0" stroke-dasharray="5,2" cx="1570.22" cy="-1888.13" rx="30.26" ry="18"/>
3124
+ <text xml:space="preserve" text-anchor="start" x="1550.72" y="-1885.5" font-family="Helvetica,sans-Serif" font-size="9.00" fill="#9c27b0">slot: body</text>
3125
+ </g>
3126
+ <!-- slot:cre8&#45;card:default -->
3127
+ <g id="node117" class="node">
3128
+ <title>slot:cre8&#45;card:default</title>
3129
+ <ellipse fill="#f8e8ff" stroke="#9c27b0" stroke-dasharray="5,2" cx="1574.22" cy="-1723.13" rx="34.52" ry="18"/>
3130
+ <text xml:space="preserve" text-anchor="start" x="1550.97" y="-1720.5" font-family="Helvetica,sans-Serif" font-size="9.00" fill="#9c27b0">slot: default</text>
3131
+ </g>
3132
+ <!-- slot:cre8&#45;card:header -->
3133
+ <g id="node118" class="node">
3134
+ <title>slot:cre8&#45;card:header</title>
3135
+ <ellipse fill="#f8e8ff" stroke="#9c27b0" stroke-dasharray="5,2" cx="2070.22" cy="-1503.13" rx="35.37" ry="18"/>
3136
+ <text xml:space="preserve" text-anchor="start" x="2046.22" y="-1500.5" font-family="Helvetica,sans-Serif" font-size="9.00" fill="#9c27b0">slot: header</text>
3137
+ </g>
3138
+ <!-- slot:cre8&#45;card:footer -->
3139
+ <g id="node119" class="node">
3140
+ <title>slot:cre8&#45;card:footer</title>
3141
+ <ellipse fill="#f8e8ff" stroke="#9c27b0" stroke-dasharray="5,2" cx="2287.22" cy="-1448.13" rx="31.96" ry="18"/>
3142
+ <text xml:space="preserve" text-anchor="start" x="2266.22" y="-1445.5" font-family="Helvetica,sans-Serif" font-size="9.00" fill="#9c27b0">slot: footer</text>
3143
+ </g>
3144
+ <!-- slot:cre8&#45;section:default -->
3145
+ <g id="node120" class="node">
3146
+ <title>slot:cre8&#45;section:default</title>
3147
+ <ellipse fill="#f8e8ff" stroke="#9c27b0" stroke-dasharray="5,2" cx="2454.22" cy="-1448.13" rx="34.52" ry="18"/>
3148
+ <text xml:space="preserve" text-anchor="start" x="2430.97" y="-1445.5" font-family="Helvetica,sans-Serif" font-size="9.00" fill="#9c27b0">slot: default</text>
3149
+ </g>
3150
+ <!-- slot:cre8&#45;section:header -->
3151
+ <g id="node121" class="node">
3152
+ <title>slot:cre8&#45;section:header</title>
3153
+ <ellipse fill="#f8e8ff" stroke="#9c27b0" stroke-dasharray="5,2" cx="2840.22" cy="-1888.13" rx="35.37" ry="18"/>
3154
+ <text xml:space="preserve" text-anchor="start" x="2816.22" y="-1885.5" font-family="Helvetica,sans-Serif" font-size="9.00" fill="#9c27b0">slot: header</text>
3155
+ </g>
3156
+ <!-- slot:cre8&#45;page&#45;header:default -->
3157
+ <g id="node122" class="node">
3158
+ <title>slot:cre8&#45;page&#45;header:default</title>
3159
+ <ellipse fill="#f8e8ff" stroke="#9c27b0" stroke-dasharray="5,2" cx="2839.22" cy="-2053.13" rx="34.52" ry="18"/>
3160
+ <text xml:space="preserve" text-anchor="start" x="2815.97" y="-2050.5" font-family="Helvetica,sans-Serif" font-size="9.00" fill="#9c27b0">slot: default</text>
3161
+ </g>
3162
+ <!-- slot:cre8&#45;page&#45;header:titleAfter -->
3163
+ <g id="node123" class="node">
3164
+ <title>slot:cre8&#45;page&#45;header:titleAfter</title>
3165
+ <ellipse fill="#f8e8ff" stroke="#9c27b0" stroke-dasharray="5,2" cx="2842.22" cy="-2328.13" rx="37.49" ry="18"/>
3166
+ <text xml:space="preserve" text-anchor="start" x="2816.35" y="-2325.5" font-family="Helvetica,sans-Serif" font-size="9.00" fill="#9c27b0">slot: titleAfter</text>
3167
+ </g>
3168
+ <!-- slot:cre8&#45;footer:default -->
3169
+ <g id="node124" class="node">
3170
+ <title>slot:cre8&#45;footer:default</title>
3171
+ <ellipse fill="#f8e8ff" stroke="#9c27b0" stroke-dasharray="5,2" cx="2179.22" cy="-2768.13" rx="34.52" ry="18"/>
3172
+ <text xml:space="preserve" text-anchor="start" x="2155.97" y="-2765.5" font-family="Helvetica,sans-Serif" font-size="9.00" fill="#9c27b0">slot: default</text>
3173
+ </g>
3174
+ <!-- slot:cre8&#45;footer:top -->
3175
+ <g id="node125" class="node">
3176
+ <title>slot:cre8&#45;footer:top</title>
3177
+ <ellipse fill="#f8e8ff" stroke="#9c27b0" stroke-dasharray="5,2" cx="1677.22" cy="-1448.13" rx="27" ry="18"/>
3178
+ <text xml:space="preserve" text-anchor="start" x="1661.47" y="-1445.5" font-family="Helvetica,sans-Serif" font-size="9.00" fill="#9c27b0">slot: top</text>
3179
+ </g>
3180
+ <!-- slot:cre8&#45;footer:bottom -->
3181
+ <g id="node126" class="node">
3182
+ <title>slot:cre8&#45;footer:bottom</title>
3183
+ <ellipse fill="#f8e8ff" stroke="#9c27b0" stroke-dasharray="5,2" cx="2839.22" cy="-1393.13" rx="34.52" ry="18"/>
3184
+ <text xml:space="preserve" text-anchor="start" x="2815.97" y="-1390.5" font-family="Helvetica,sans-Serif" font-size="9.00" fill="#9c27b0">slot: bottom</text>
3185
+ </g>
3186
+ <!-- slot:cre8&#45;global&#45;nav&#45;item:default -->
3187
+ <g id="node127" class="node">
3188
+ <title>slot:cre8&#45;global&#45;nav&#45;item:default</title>
3189
+ <ellipse fill="#f8e8ff" stroke="#9c27b0" stroke-dasharray="5,2" cx="2894.22" cy="-1558.13" rx="34.52" ry="18"/>
3190
+ <text xml:space="preserve" text-anchor="start" x="2870.97" y="-1555.5" font-family="Helvetica,sans-Serif" font-size="9.00" fill="#9c27b0">slot: default</text>
3191
+ </g>
3192
+ <!-- slot:cre8&#45;global&#45;nav&#45;item:itemBefore -->
3193
+ <g id="node128" class="node">
3194
+ <title>slot:cre8&#45;global&#45;nav&#45;item:itemBefore</title>
3195
+ <ellipse fill="#f8e8ff" stroke="#9c27b0" stroke-dasharray="5,2" cx="2904.22" cy="-2823.13" rx="43.87" ry="18"/>
3196
+ <text xml:space="preserve" text-anchor="start" x="2872.72" y="-2820.5" font-family="Helvetica,sans-Serif" font-size="9.00" fill="#9c27b0">slot: itemBefore</text>
3197
+ </g>
3198
+ <!-- slot:cre8&#45;global&#45;nav&#45;item:itemAfter -->
3199
+ <g id="node129" class="node">
3200
+ <title>slot:cre8&#45;global&#45;nav&#45;item:itemAfter</title>
3201
+ <ellipse fill="#f8e8ff" stroke="#9c27b0" stroke-dasharray="5,2" cx="1854.22" cy="-2823.13" rx="39.19" ry="18"/>
3202
+ <text xml:space="preserve" text-anchor="start" x="1826.85" y="-2820.5" font-family="Helvetica,sans-Serif" font-size="9.00" fill="#9c27b0">slot: itemAfter</text>
3203
+ </g>
3204
+ <!-- slot:cre8&#45;header:default -->
3205
+ <g id="node130" class="node">
3206
+ <title>slot:cre8&#45;header:default</title>
3207
+ <ellipse fill="#f8e8ff" stroke="#9c27b0" stroke-dasharray="5,2" cx="1684.22" cy="-2823.13" rx="34.52" ry="18"/>
3208
+ <text xml:space="preserve" text-anchor="start" x="1660.97" y="-2820.5" font-family="Helvetica,sans-Serif" font-size="9.00" fill="#9c27b0">slot: default</text>
3209
+ </g>
3210
+ <!-- slot:cre8&#45;header:top -->
3211
+ <g id="node131" class="node">
3212
+ <title>slot:cre8&#45;header:top</title>
3213
+ <ellipse fill="#f8e8ff" stroke="#9c27b0" stroke-dasharray="5,2" cx="1512.22" cy="-2823.13" rx="27" ry="18"/>
3214
+ <text xml:space="preserve" text-anchor="start" x="1496.47" y="-2820.5" font-family="Helvetica,sans-Serif" font-size="9.00" fill="#9c27b0">slot: top</text>
3215
+ </g>
3216
+ <!-- slot:cre8&#45;header:bottom -->
3217
+ <g id="node132" class="node">
3218
+ <title>slot:cre8&#45;header:bottom</title>
3219
+ <ellipse fill="#f8e8ff" stroke="#9c27b0" stroke-dasharray="5,2" cx="1464.22" cy="-2658.13" rx="34.52" ry="18"/>
3220
+ <text xml:space="preserve" text-anchor="start" x="1440.97" y="-2655.5" font-family="Helvetica,sans-Serif" font-size="9.00" fill="#9c27b0">slot: bottom</text>
3221
+ </g>
3222
+ <!-- slot:cre8&#45;link:default -->
3223
+ <g id="node133" class="node">
3224
+ <title>slot:cre8&#45;link:default</title>
3225
+ <ellipse fill="#f8e8ff" stroke="#9c27b0" stroke-dasharray="5,2" cx="1464.22" cy="-2493.13" rx="34.52" ry="18"/>
3226
+ <text xml:space="preserve" text-anchor="start" x="1440.97" y="-2490.5" font-family="Helvetica,sans-Serif" font-size="9.00" fill="#9c27b0">slot: default</text>
3227
+ </g>
3228
+ <!-- slot:cre8&#45;link:badge -->
3229
+ <g id="node134" class="node">
3230
+ <title>slot:cre8&#45;link:badge</title>
3231
+ <ellipse fill="#f8e8ff" stroke="#9c27b0" stroke-dasharray="5,2" cx="1463.22" cy="-2108.13" rx="33.66" ry="18"/>
3232
+ <text xml:space="preserve" text-anchor="start" x="1440.72" y="-2105.5" font-family="Helvetica,sans-Serif" font-size="9.00" fill="#9c27b0">slot: badge</text>
3233
+ </g>
3234
+ <!-- slot:cre8&#45;link&#45;list&#45;item:default -->
3235
+ <g id="node135" class="node">
3236
+ <title>slot:cre8&#45;link&#45;list&#45;item:default</title>
3237
+ <ellipse fill="#f8e8ff" stroke="#9c27b0" stroke-dasharray="5,2" cx="1849.22" cy="-1393.13" rx="34.52" ry="18"/>
3238
+ <text xml:space="preserve" text-anchor="start" x="1825.97" y="-1390.5" font-family="Helvetica,sans-Serif" font-size="9.00" fill="#9c27b0">slot: default</text>
3239
+ </g>
3240
+ <!-- slot:cre8&#45;link&#45;list&#45;item:itemBefore -->
3241
+ <g id="node136" class="node">
3242
+ <title>slot:cre8&#45;link&#45;list&#45;item:itemBefore</title>
3243
+ <ellipse fill="#f8e8ff" stroke="#9c27b0" stroke-dasharray="5,2" cx="2959.22" cy="-2493.13" rx="43.87" ry="18"/>
3244
+ <text xml:space="preserve" text-anchor="start" x="2927.72" y="-2490.5" font-family="Helvetica,sans-Serif" font-size="9.00" fill="#9c27b0">slot: itemBefore</text>
3245
+ </g>
3246
+ <!-- slot:cre8&#45;link&#45;list&#45;item:itemAfter -->
3247
+ <g id="node137" class="node">
3248
+ <title>slot:cre8&#45;link&#45;list&#45;item:itemAfter</title>
3249
+ <ellipse fill="#f8e8ff" stroke="#9c27b0" stroke-dasharray="5,2" cx="2624.22" cy="-2878.13" rx="39.19" ry="18"/>
3250
+ <text xml:space="preserve" text-anchor="start" x="2596.85" y="-2875.5" font-family="Helvetica,sans-Serif" font-size="9.00" fill="#9c27b0">slot: itemAfter</text>
3251
+ </g>
3252
+ <!-- slot:cre8&#45;primary&#45;nav&#45;item:default -->
3253
+ <g id="node138" class="node">
3254
+ <title>slot:cre8&#45;primary&#45;nav&#45;item:default</title>
3255
+ <ellipse fill="#f8e8ff" stroke="#9c27b0" stroke-dasharray="5,2" cx="2454.22" cy="-2878.13" rx="34.52" ry="18"/>
3256
+ <text xml:space="preserve" text-anchor="start" x="2430.97" y="-2875.5" font-family="Helvetica,sans-Serif" font-size="9.00" fill="#9c27b0">slot: default</text>
3257
+ </g>
3258
+ <!-- slot:cre8&#45;primary&#45;nav&#45;item:itemBefore -->
3259
+ <g id="node139" class="node">
3260
+ <title>slot:cre8&#45;primary&#45;nav&#45;item:itemBefore</title>
3261
+ <ellipse fill="#f8e8ff" stroke="#9c27b0" stroke-dasharray="5,2" cx="2244.22" cy="-1283.13" rx="43.87" ry="18"/>
3262
+ <text xml:space="preserve" text-anchor="start" x="2212.72" y="-1280.5" font-family="Helvetica,sans-Serif" font-size="9.00" fill="#9c27b0">slot: itemBefore</text>
3263
+ </g>
3264
+ <!-- slot:cre8&#45;primary&#45;nav&#45;item:itemAfter -->
3265
+ <g id="node140" class="node">
3266
+ <title>slot:cre8&#45;primary&#45;nav&#45;item:itemAfter</title>
3267
+ <ellipse fill="#f8e8ff" stroke="#9c27b0" stroke-dasharray="5,2" cx="1414.22" cy="-1888.13" rx="39.19" ry="18"/>
3268
+ <text xml:space="preserve" text-anchor="start" x="1386.85" y="-1885.5" font-family="Helvetica,sans-Serif" font-size="9.00" fill="#9c27b0">slot: itemAfter</text>
3269
+ </g>
3270
+ <!-- slot:cre8&#45;tabs:default -->
3271
+ <g id="node141" class="node">
3272
+ <title>slot:cre8&#45;tabs:default</title>
3273
+ <ellipse fill="#f8e8ff" stroke="#9c27b0" stroke-dasharray="5,2" cx="1409.22" cy="-1723.13" rx="34.52" ry="18"/>
3274
+ <text xml:space="preserve" text-anchor="start" x="1385.97" y="-1720.5" font-family="Helvetica,sans-Serif" font-size="9.00" fill="#9c27b0">slot: default</text>
3275
+ </g>
3276
+ <!-- slot:cre8&#45;tabs:panel -->
3277
+ <g id="node142" class="node">
3278
+ <title>slot:cre8&#45;tabs:panel</title>
3279
+ <ellipse fill="#f8e8ff" stroke="#9c27b0" stroke-dasharray="5,2" cx="1407.22" cy="-1558.13" rx="31.96" ry="18"/>
3280
+ <text xml:space="preserve" text-anchor="start" x="1386.22" y="-1555.5" font-family="Helvetica,sans-Serif" font-size="9.00" fill="#9c27b0">slot: panel</text>
3281
+ </g>
3282
+ <!-- slot:cre8&#45;text&#45;link:default -->
3283
+ <g id="node143" class="node">
3284
+ <title>slot:cre8&#45;text&#45;link:default</title>
3285
+ <ellipse fill="#f8e8ff" stroke="#9c27b0" stroke-dasharray="5,2" cx="1519.22" cy="-1338.13" rx="34.52" ry="18"/>
3286
+ <text xml:space="preserve" text-anchor="start" x="1495.97" y="-1335.5" font-family="Helvetica,sans-Serif" font-size="9.00" fill="#9c27b0">slot: default</text>
3287
+ </g>
3288
+ <!-- slot:cre8&#45;text&#45;link:linkAfter -->
3289
+ <g id="node144" class="node">
3290
+ <title>slot:cre8&#45;text&#45;link:linkAfter</title>
3291
+ <ellipse fill="#f8e8ff" stroke="#9c27b0" stroke-dasharray="5,2" cx="2017.22" cy="-1338.13" rx="37.49" ry="18"/>
3292
+ <text xml:space="preserve" text-anchor="start" x="1991.35" y="-1335.5" font-family="Helvetica,sans-Serif" font-size="9.00" fill="#9c27b0">slot: linkAfter</text>
3293
+ </g>
3294
+ </g>
3295
+ </svg>