@ulu/frontend 0.1.0-beta.33 → 0.1.0-beta.35

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 (209) hide show
  1. package/CHANGELOG.md +43 -17
  2. package/dist/ulu-frontend.min.css +1 -1
  3. package/dist/ulu-frontend.min.js +23 -23
  4. package/docs-dev/changelog/index.html +105 -10
  5. package/docs-dev/demos/accordion/index.html +30 -0
  6. package/docs-dev/demos/button/index.html +30 -0
  7. package/docs-dev/demos/button-verbose/index.html +30 -0
  8. package/docs-dev/demos/callout/index.html +39 -0
  9. package/docs-dev/demos/captioned-figure/index.html +30 -0
  10. package/docs-dev/demos/card/index.html +44 -14
  11. package/docs-dev/demos/card-grid/index.html +30 -0
  12. package/docs-dev/demos/css-icons/index.html +30 -0
  13. package/docs-dev/demos/data-grid/index.html +30 -0
  14. package/docs-dev/demos/data-table/index.html +55 -25
  15. package/docs-dev/demos/details-group/index.html +63 -0
  16. package/docs-dev/demos/file-save/index.html +30 -0
  17. package/docs-dev/demos/flipcard/index.html +30 -0
  18. package/docs-dev/demos/form-theme/index.html +30 -0
  19. package/docs-dev/demos/index.html +30 -0
  20. package/docs-dev/demos/list-inline/index.html +30 -0
  21. package/docs-dev/demos/list-lines/index.html +30 -0
  22. package/docs-dev/demos/menu-stack/index.html +30 -0
  23. package/docs-dev/demos/modals/index.html +43 -2
  24. package/docs-dev/demos/nav-strip/index.html +30 -0
  25. package/docs-dev/demos/overlay-section/index.html +30 -0
  26. package/docs-dev/demos/popovers/index.html +30 -0
  27. package/docs-dev/demos/print/index.html +30 -0
  28. package/docs-dev/demos/pull-quote/index.html +30 -0
  29. package/docs-dev/demos/rule/index.html +30 -0
  30. package/docs-dev/demos/scrollpoints/index.html +31 -1
  31. package/docs-dev/demos/spoke-spinner/index.html +30 -0
  32. package/docs-dev/demos/sticky-list/index.html +30 -0
  33. package/docs-dev/demos/tabs/index.html +66 -0
  34. package/docs-dev/demos/tag/index.html +30 -0
  35. package/docs-dev/demos/theme-toggle/index.html +30 -0
  36. package/docs-dev/demos/tiles/index.html +30 -0
  37. package/docs-dev/demos/tooltip/index.html +30 -0
  38. package/docs-dev/guide/building-stylesheet/index.html +30 -0
  39. package/docs-dev/guide/developing-ulu-scss-module/index.html +30 -0
  40. package/docs-dev/guide/index.html +30 -0
  41. package/docs-dev/index.html +30 -0
  42. package/docs-dev/javascript/events/index.html +30 -0
  43. package/docs-dev/javascript/index.html +30 -0
  44. package/docs-dev/javascript/settings/index.html +30 -0
  45. package/docs-dev/javascript/ui-breakpoints/index.html +30 -0
  46. package/docs-dev/javascript/ui-collapsible/index.html +30 -0
  47. package/docs-dev/javascript/ui-details-group/index.html +48 -30
  48. package/docs-dev/javascript/ui-dialog/index.html +62 -17
  49. package/docs-dev/javascript/ui-flipcard/index.html +91 -5
  50. package/docs-dev/javascript/ui-grid/index.html +40 -36
  51. package/docs-dev/javascript/ui-modal-builder/index.html +41 -32
  52. package/docs-dev/javascript/ui-overflow-scroller/index.html +30 -0
  53. package/docs-dev/javascript/ui-overflow-scroller-pager/index.html +30 -0
  54. package/docs-dev/javascript/ui-page/index.html +30 -0
  55. package/docs-dev/javascript/ui-popover/index.html +38 -12
  56. package/docs-dev/javascript/ui-print/index.html +30 -8
  57. package/docs-dev/javascript/ui-print-details/index.html +30 -0
  58. package/docs-dev/javascript/ui-programmatic-modal/index.html +30 -0
  59. package/docs-dev/javascript/ui-proxy-click/index.html +117 -2
  60. package/docs-dev/javascript/ui-resizer/index.html +30 -0
  61. package/docs-dev/javascript/ui-scroll-slider/index.html +68 -6
  62. package/docs-dev/javascript/ui-scrollpoint/index.html +36 -13
  63. package/docs-dev/javascript/ui-slider/index.html +226 -5
  64. package/docs-dev/javascript/ui-tabs/index.html +41 -48
  65. package/docs-dev/javascript/ui-theme-toggle/index.html +35 -13
  66. package/docs-dev/javascript/ui-tooltip/index.html +37 -11
  67. package/docs-dev/javascript/utils-class-logger/index.html +30 -0
  68. package/docs-dev/javascript/utils-dom/index.html +55 -0
  69. package/docs-dev/javascript/utils-file-save/index.html +30 -0
  70. package/docs-dev/javascript/utils-floating-ui/index.html +30 -0
  71. package/docs-dev/javascript/utils-id/index.html +30 -0
  72. package/docs-dev/javascript/utils-pause-youtube-video/index.html +30 -0
  73. package/docs-dev/javascript/utils-system/index.html +5437 -0
  74. package/docs-dev/sass/base/color/index.html +30 -0
  75. package/docs-dev/sass/base/elements/index.html +30 -0
  76. package/docs-dev/sass/base/index/index.html +30 -0
  77. package/docs-dev/sass/base/index.html +30 -0
  78. package/docs-dev/sass/base/keyframes/index.html +30 -0
  79. package/docs-dev/sass/base/layout/index.html +30 -0
  80. package/docs-dev/sass/base/normalize/index.html +30 -0
  81. package/docs-dev/sass/base/print/index.html +30 -0
  82. package/docs-dev/sass/base/root/index.html +30 -0
  83. package/docs-dev/sass/base/typography/index.html +30 -0
  84. package/docs-dev/sass/components/accordion/index.html +31 -1
  85. package/docs-dev/sass/components/adaptive-spacing/index.html +30 -0
  86. package/docs-dev/sass/components/badge/index.html +30 -0
  87. package/docs-dev/sass/components/basic-hero/index.html +30 -0
  88. package/docs-dev/sass/components/button/index.html +30 -0
  89. package/docs-dev/sass/components/button-verbose/index.html +30 -0
  90. package/docs-dev/sass/components/callout/index.html +30 -0
  91. package/docs-dev/sass/components/captioned-figure/index.html +30 -0
  92. package/docs-dev/sass/components/card/index.html +30 -0
  93. package/docs-dev/sass/components/card-grid/index.html +30 -0
  94. package/docs-dev/sass/components/css-icon/index.html +30 -0
  95. package/docs-dev/sass/components/data-grid/index.html +30 -0
  96. package/docs-dev/sass/components/data-table/index.html +45 -8
  97. package/docs-dev/sass/components/fill-context/index.html +30 -0
  98. package/docs-dev/sass/components/flipcard/index.html +30 -0
  99. package/docs-dev/sass/components/flipcard-grid/index.html +30 -0
  100. package/docs-dev/sass/components/form-theme/index.html +76 -52
  101. package/docs-dev/sass/components/hero/index.html +30 -0
  102. package/docs-dev/sass/components/horizontal-rule/index.html +30 -0
  103. package/docs-dev/sass/components/image-grid/index.html +30 -0
  104. package/docs-dev/sass/components/index/index.html +30 -0
  105. package/docs-dev/sass/components/index.html +30 -0
  106. package/docs-dev/sass/components/links/index.html +30 -0
  107. package/docs-dev/sass/components/list-inline/index.html +30 -0
  108. package/docs-dev/sass/components/list-lines/index.html +30 -0
  109. package/docs-dev/sass/components/list-ordered/index.html +30 -0
  110. package/docs-dev/sass/components/list-unordered/index.html +30 -0
  111. package/docs-dev/sass/components/menu-stack/index.html +30 -0
  112. package/docs-dev/sass/components/modal/index.html +30 -0
  113. package/docs-dev/sass/components/nav-strip/index.html +30 -0
  114. package/docs-dev/sass/components/overlay-section/index.html +30 -0
  115. package/docs-dev/sass/components/pager/index.html +30 -0
  116. package/docs-dev/sass/components/placeholder-block/index.html +30 -0
  117. package/docs-dev/sass/components/popover/index.html +30 -0
  118. package/docs-dev/sass/components/pull-quote/index.html +30 -0
  119. package/docs-dev/sass/components/ratio-box/index.html +30 -0
  120. package/docs-dev/sass/components/rule/index.html +30 -0
  121. package/docs-dev/sass/components/scroll-slider/index.html +38 -20
  122. package/docs-dev/sass/components/skip-link/index.html +30 -0
  123. package/docs-dev/sass/components/slider/index.html +30 -0
  124. package/docs-dev/sass/components/spoke-spinner/index.html +30 -0
  125. package/docs-dev/sass/components/sticky-list/index.html +30 -0
  126. package/docs-dev/sass/components/tabs/index.html +30 -0
  127. package/docs-dev/sass/components/tag/index.html +30 -0
  128. package/docs-dev/sass/components/tile-button/index.html +30 -0
  129. package/docs-dev/sass/components/tile-grid/index.html +30 -0
  130. package/docs-dev/sass/components/tile-grid-overlay/index.html +30 -0
  131. package/docs-dev/sass/components/vignette/index.html +30 -0
  132. package/docs-dev/sass/components/wysiwyg/index.html +30 -0
  133. package/docs-dev/sass/core/breakpoint/index.html +30 -0
  134. package/docs-dev/sass/core/button/index.html +30 -0
  135. package/docs-dev/sass/core/color/index.html +30 -0
  136. package/docs-dev/sass/core/cssvar/index.html +30 -0
  137. package/docs-dev/sass/core/element/index.html +30 -0
  138. package/docs-dev/sass/core/index.html +30 -0
  139. package/docs-dev/sass/core/layout/index.html +30 -0
  140. package/docs-dev/sass/core/path/index.html +30 -0
  141. package/docs-dev/sass/core/selector/index.html +30 -0
  142. package/docs-dev/sass/core/typography/index.html +30 -0
  143. package/docs-dev/sass/core/units/index.html +30 -0
  144. package/docs-dev/sass/core/utils/index.html +30 -0
  145. package/docs-dev/sass/helpers/color/index.html +30 -0
  146. package/docs-dev/sass/helpers/display/index.html +30 -0
  147. package/docs-dev/sass/helpers/index/index.html +30 -0
  148. package/docs-dev/sass/helpers/index.html +30 -0
  149. package/docs-dev/sass/helpers/print/index.html +30 -0
  150. package/docs-dev/sass/helpers/typography/index.html +30 -0
  151. package/docs-dev/sass/helpers/units/index.html +30 -0
  152. package/docs-dev/sass/helpers/utilities/index.html +30 -0
  153. package/docs-dev/sass/index.html +30 -0
  154. package/js/ui/breakpoints.js +1 -2
  155. package/js/ui/details-group.js +33 -42
  156. package/js/ui/dialog.js +64 -41
  157. package/js/ui/dialog.todo +2 -36
  158. package/js/ui/flipcard.js +37 -57
  159. package/js/ui/grid.js +15 -13
  160. package/js/ui/modal-builder.js +24 -38
  161. package/js/ui/popover.js +38 -39
  162. package/js/ui/print.js +16 -25
  163. package/js/ui/proxy-click.js +50 -36
  164. package/js/ui/scroll-slider.js +24 -30
  165. package/js/ui/scrollpoint.js +27 -63
  166. package/js/ui/slider.js +53 -55
  167. package/js/ui/tabs.js +23 -36
  168. package/js/ui/theme-toggle.js +37 -41
  169. package/js/ui/tooltip.js +27 -33
  170. package/js/utils/dom.js +12 -0
  171. package/js/utils/system.js +154 -0
  172. package/package.json +1 -1
  173. package/scss/components/_accordion.scss +1 -2
  174. package/scss/components/_data-table.scss +3 -0
  175. package/scss/components/_form-theme.scss +24 -25
  176. package/scss/components/_scroll-slider.scss +0 -4
  177. package/types/ui/breakpoints.d.ts.map +1 -1
  178. package/types/ui/details-group.d.ts +7 -12
  179. package/types/ui/details-group.d.ts.map +1 -1
  180. package/types/ui/dialog.d.ts +19 -14
  181. package/types/ui/dialog.d.ts.map +1 -1
  182. package/types/ui/flipcard.d.ts +16 -10
  183. package/types/ui/flipcard.d.ts.map +1 -1
  184. package/types/ui/grid.d.ts +4 -6
  185. package/types/ui/grid.d.ts.map +1 -1
  186. package/types/ui/modal-builder.d.ts +5 -9
  187. package/types/ui/modal-builder.d.ts.map +1 -1
  188. package/types/ui/popover.d.ts +6 -7
  189. package/types/ui/popover.d.ts.map +1 -1
  190. package/types/ui/print.d.ts +0 -4
  191. package/types/ui/print.d.ts.map +1 -1
  192. package/types/ui/proxy-click.d.ts +19 -3
  193. package/types/ui/proxy-click.d.ts.map +1 -1
  194. package/types/ui/scroll-slider.d.ts +5 -7
  195. package/types/ui/scroll-slider.d.ts.map +1 -1
  196. package/types/ui/scrollpoint.d.ts +3 -8
  197. package/types/ui/scrollpoint.d.ts.map +1 -1
  198. package/types/ui/slider.d.ts +22 -12
  199. package/types/ui/slider.d.ts.map +1 -1
  200. package/types/ui/tabs.d.ts +6 -8
  201. package/types/ui/tabs.d.ts.map +1 -1
  202. package/types/ui/theme-toggle.d.ts +6 -13
  203. package/types/ui/theme-toggle.d.ts.map +1 -1
  204. package/types/ui/tooltip.d.ts +3 -5
  205. package/types/ui/tooltip.d.ts.map +1 -1
  206. package/types/utils/dom.d.ts +6 -0
  207. package/types/utils/dom.d.ts.map +1 -1
  208. package/types/utils/system.d.ts +113 -0
  209. package/types/utils/system.d.ts.map +1 -0
@@ -2527,6 +2527,21 @@
2527
2527
 
2528
2528
  </li>
2529
2529
 
2530
+
2531
+ <li class="nav-tree__item ">
2532
+
2533
+ <a class="nav-tree__link " href="/frontend/javascript/utils-system/">
2534
+
2535
+
2536
+ <span class="nav-tree__text">
2537
+ utils/system
2538
+ </span>
2539
+
2540
+ </a>
2541
+
2542
+
2543
+ </li>
2544
+
2530
2545
  </ul>
2531
2546
 
2532
2547
  </details>
@@ -5013,6 +5028,21 @@
5013
5028
 
5014
5029
  </li>
5015
5030
 
5031
+
5032
+ <li class="nav-tree__item ">
5033
+
5034
+ <a class="nav-tree__link " href="/frontend/javascript/utils-system/">
5035
+
5036
+
5037
+ <span class="nav-tree__text">
5038
+ utils/system
5039
+ </span>
5040
+
5041
+ </a>
5042
+
5043
+
5044
+ </li>
5045
+
5016
5046
  </ul>
5017
5047
 
5018
5048
  </details>
@@ -2527,6 +2527,21 @@
2527
2527
 
2528
2528
  </li>
2529
2529
 
2530
+
2531
+ <li class="nav-tree__item ">
2532
+
2533
+ <a class="nav-tree__link " href="/frontend/javascript/utils-system/">
2534
+
2535
+
2536
+ <span class="nav-tree__text">
2537
+ utils/system
2538
+ </span>
2539
+
2540
+ </a>
2541
+
2542
+
2543
+ </li>
2544
+
2530
2545
  </ul>
2531
2546
 
2532
2547
  </details>
@@ -5013,6 +5028,21 @@
5013
5028
 
5014
5029
  </li>
5015
5030
 
5031
+
5032
+ <li class="nav-tree__item ">
5033
+
5034
+ <a class="nav-tree__link " href="/frontend/javascript/utils-system/">
5035
+
5036
+
5037
+ <span class="nav-tree__text">
5038
+ utils/system
5039
+ </span>
5040
+
5041
+ </a>
5042
+
5043
+
5044
+ </li>
5045
+
5016
5046
  </ul>
5017
5047
 
5018
5048
  </details>
@@ -2527,6 +2527,21 @@
2527
2527
 
2528
2528
  </li>
2529
2529
 
2530
+
2531
+ <li class="nav-tree__item ">
2532
+
2533
+ <a class="nav-tree__link " href="/frontend/javascript/utils-system/">
2534
+
2535
+
2536
+ <span class="nav-tree__text">
2537
+ utils/system
2538
+ </span>
2539
+
2540
+ </a>
2541
+
2542
+
2543
+ </li>
2544
+
2530
2545
  </ul>
2531
2546
 
2532
2547
  </details>
@@ -5013,6 +5028,21 @@
5013
5028
 
5014
5029
  </li>
5015
5030
 
5031
+
5032
+ <li class="nav-tree__item ">
5033
+
5034
+ <a class="nav-tree__link " href="/frontend/javascript/utils-system/">
5035
+
5036
+
5037
+ <span class="nav-tree__text">
5038
+ utils/system
5039
+ </span>
5040
+
5041
+ </a>
5042
+
5043
+
5044
+ </li>
5045
+
5016
5046
  </ul>
5017
5047
 
5018
5048
  </details>
@@ -2527,6 +2527,21 @@
2527
2527
 
2528
2528
  </li>
2529
2529
 
2530
+
2531
+ <li class="nav-tree__item ">
2532
+
2533
+ <a class="nav-tree__link " href="/frontend/javascript/utils-system/">
2534
+
2535
+
2536
+ <span class="nav-tree__text">
2537
+ utils/system
2538
+ </span>
2539
+
2540
+ </a>
2541
+
2542
+
2543
+ </li>
2544
+
2530
2545
  </ul>
2531
2546
 
2532
2547
  </details>
@@ -5013,6 +5028,21 @@
5013
5028
 
5014
5029
  </li>
5015
5030
 
5031
+
5032
+ <li class="nav-tree__item ">
5033
+
5034
+ <a class="nav-tree__link " href="/frontend/javascript/utils-system/">
5035
+
5036
+
5037
+ <span class="nav-tree__text">
5038
+ utils/system
5039
+ </span>
5040
+
5041
+ </a>
5042
+
5043
+
5044
+ </li>
5045
+
5016
5046
  </ul>
5017
5047
 
5018
5048
  </details>
@@ -2527,6 +2527,21 @@
2527
2527
 
2528
2528
  </li>
2529
2529
 
2530
+
2531
+ <li class="nav-tree__item ">
2532
+
2533
+ <a class="nav-tree__link " href="/frontend/javascript/utils-system/">
2534
+
2535
+
2536
+ <span class="nav-tree__text">
2537
+ utils/system
2538
+ </span>
2539
+
2540
+ </a>
2541
+
2542
+
2543
+ </li>
2544
+
2530
2545
  </ul>
2531
2546
 
2532
2547
  </details>
@@ -5013,6 +5028,21 @@
5013
5028
 
5014
5029
  </li>
5015
5030
 
5031
+
5032
+ <li class="nav-tree__item ">
5033
+
5034
+ <a class="nav-tree__link " href="/frontend/javascript/utils-system/">
5035
+
5036
+
5037
+ <span class="nav-tree__text">
5038
+ utils/system
5039
+ </span>
5040
+
5041
+ </a>
5042
+
5043
+
5044
+ </li>
5045
+
5016
5046
  </ul>
5017
5047
 
5018
5048
  </details>
@@ -5074,7 +5104,7 @@
5074
5104
  </div>
5075
5105
  <div class="demo-scrollpoint" data-ulu-scrollpoint='{
5076
5106
  "marginStart" : "-10%",
5077
- "marginEnd" : "-10%"
5107
+ "marginEnd" : "-10%"
5078
5108
  }' style="height: 200vh;">
5079
5109
  Test Enter/Exit
5080
5110
  </div>
@@ -2527,6 +2527,21 @@
2527
2527
 
2528
2528
  </li>
2529
2529
 
2530
+
2531
+ <li class="nav-tree__item ">
2532
+
2533
+ <a class="nav-tree__link " href="/frontend/javascript/utils-system/">
2534
+
2535
+
2536
+ <span class="nav-tree__text">
2537
+ utils/system
2538
+ </span>
2539
+
2540
+ </a>
2541
+
2542
+
2543
+ </li>
2544
+
2530
2545
  </ul>
2531
2546
 
2532
2547
  </details>
@@ -5013,6 +5028,21 @@
5013
5028
 
5014
5029
  </li>
5015
5030
 
5031
+
5032
+ <li class="nav-tree__item ">
5033
+
5034
+ <a class="nav-tree__link " href="/frontend/javascript/utils-system/">
5035
+
5036
+
5037
+ <span class="nav-tree__text">
5038
+ utils/system
5039
+ </span>
5040
+
5041
+ </a>
5042
+
5043
+
5044
+ </li>
5045
+
5016
5046
  </ul>
5017
5047
 
5018
5048
  </details>
@@ -2527,6 +2527,21 @@
2527
2527
 
2528
2528
  </li>
2529
2529
 
2530
+
2531
+ <li class="nav-tree__item ">
2532
+
2533
+ <a class="nav-tree__link " href="/frontend/javascript/utils-system/">
2534
+
2535
+
2536
+ <span class="nav-tree__text">
2537
+ utils/system
2538
+ </span>
2539
+
2540
+ </a>
2541
+
2542
+
2543
+ </li>
2544
+
2530
2545
  </ul>
2531
2546
 
2532
2547
  </details>
@@ -5013,6 +5028,21 @@
5013
5028
 
5014
5029
  </li>
5015
5030
 
5031
+
5032
+ <li class="nav-tree__item ">
5033
+
5034
+ <a class="nav-tree__link " href="/frontend/javascript/utils-system/">
5035
+
5036
+
5037
+ <span class="nav-tree__text">
5038
+ utils/system
5039
+ </span>
5040
+
5041
+ </a>
5042
+
5043
+
5044
+ </li>
5045
+
5016
5046
  </ul>
5017
5047
 
5018
5048
  </details>
@@ -2527,6 +2527,21 @@
2527
2527
 
2528
2528
  </li>
2529
2529
 
2530
+
2531
+ <li class="nav-tree__item ">
2532
+
2533
+ <a class="nav-tree__link " href="/frontend/javascript/utils-system/">
2534
+
2535
+
2536
+ <span class="nav-tree__text">
2537
+ utils/system
2538
+ </span>
2539
+
2540
+ </a>
2541
+
2542
+
2543
+ </li>
2544
+
2530
2545
  </ul>
2531
2546
 
2532
2547
  </details>
@@ -5013,6 +5028,21 @@
5013
5028
 
5014
5029
  </li>
5015
5030
 
5031
+
5032
+ <li class="nav-tree__item ">
5033
+
5034
+ <a class="nav-tree__link " href="/frontend/javascript/utils-system/">
5035
+
5036
+
5037
+ <span class="nav-tree__text">
5038
+ utils/system
5039
+ </span>
5040
+
5041
+ </a>
5042
+
5043
+
5044
+ </li>
5045
+
5016
5046
  </ul>
5017
5047
 
5018
5048
  </details>
@@ -5161,6 +5191,42 @@
5161
5191
  <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam commodo felis nisi, nec pretium justo varius sit amet. Vestibulum vitae quam in velit scelerisque tincidunt et vitae mauris. Fusce aliquet, ipsum sit amet lacinia euismod, est risus rhoncus ligula, eget egestas urna ligula nec enim. Fusce vulputate ornare ligula ut tempus. Sed accumsan orci sed turpis iaculis, at aliquam nibh rhoncus. Maecenas porta lorem a sem tincidunt, sed tristique ex laoreet. Nullam accumsan metus at lobortis interdum. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nullam sagittis sem erat, quis fermentum lectus ultrices quis.</p>
5162
5192
  </div>
5163
5193
  </div>
5194
+ </div>
5195
+ <h2 class="h2">Open URL Hash Test</h2>
5196
+ <div class="tabs">
5197
+ <div class="tabs__tablist" data-ulu-tablist='{
5198
+ "equalHeights" : true,
5199
+ "openByUrlHash" : true
5200
+ }'>
5201
+ <button type="button" id="tabs-4-1">
5202
+ Tab Label 1
5203
+ </button>
5204
+ <button type="button" id="tabs-4-2">
5205
+ Tab Label 2
5206
+ </button>
5207
+ <button type="button" id="tabs-4-3">
5208
+ Tab Label 3
5209
+ </button>
5210
+ </div>
5211
+ <div class="tabs__tabpanel" aria-labelledby="tabs-4-1">
5212
+ <div class="tabs__tabpanel-container">
5213
+ <p>1</p>
5214
+ <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam commodo felis nisi, nec pretium justo varius sit amet. Vestibulum vitae quam in velit scelerisque tincidunt et vitae mauris. Fusce aliquet, ipsum sit amet lacinia euismod, est risus rhoncus ligula, eget egestas urna ligula nec enim. Fusce vulputate ornare ligula ut tempus. Sed accumsan orci sed turpis iaculis, at aliquam nibh rhoncus. Maecenas porta lorem a sem tincidunt, sed tristique ex laoreet. Nullam accumsan metus at lobortis interdum. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nullam sagittis sem erat, quis fermentum lectus ultrices quis.</p>
5215
+ </div>
5216
+ </div>
5217
+ <div class="tabs__tabpanel" aria-labelledby="tabs-4-2">
5218
+ <div class="tabs__tabpanel-container">
5219
+ <p>2</p>
5220
+ <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam commodo felis nisi, nec pretium justo varius sit amet. Vestibulum vitae quam in velit scelerisque tincidunt et vitae mauris. Fusce aliquet, ipsum sit amet lacinia euismod, est risus rhoncus ligula, eget egestas urna ligula nec enim. Fusce vulputate ornare ligula ut tempus. Sed accumsan orci sed turpis iaculis, at aliquam nibh rhoncus. Maecenas porta lorem a sem tincidunt, sed tristique ex laoreet. Nullam accumsan metus at lobortis interdum. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nullam sagittis sem erat, quis fermentum lectus ultrices quis.</p>
5221
+ </div>
5222
+ </div>
5223
+ <div class="tabs__tabpanel" aria-labelledby="tabs-4-3">
5224
+ <div class="tabs__tabpanel-container">
5225
+ <p>3</p>
5226
+ <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam commodo felis nisi, nec pretium justo varius sit amet. Vestibulum vitae quam in velit scelerisque tincidunt et vitae mauris. Fusce aliquet, ipsum sit amet lacinia euismod, est risus rhoncus ligula, eget egestas urna ligula nec enim. Fusce vulputate ornare ligula ut tempus. Sed accumsan orci sed turpis iaculis, at aliquam nibh rhoncus. Maecenas porta lorem a sem tincidunt, sed tristique ex laoreet. Nullam accumsan metus at lobortis interdum. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nullam sagittis sem erat, quis fermentum lectus ultrices quis.</p>
5227
+ <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam commodo felis nisi, nec pretium justo varius sit amet. Vestibulum vitae quam in velit scelerisque tincidunt et vitae mauris. Fusce aliquet, ipsum sit amet lacinia euismod, est risus rhoncus ligula, eget egestas urna ligula nec enim. Fusce vulputate ornare ligula ut tempus. Sed accumsan orci sed turpis iaculis, at aliquam nibh rhoncus. Maecenas porta lorem a sem tincidunt, sed tristique ex laoreet. Nullam accumsan metus at lobortis interdum. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nullam sagittis sem erat, quis fermentum lectus ultrices quis.</p>
5228
+ </div>
5229
+ </div>
5164
5230
  </div>
5165
5231
  </div>
5166
5232
 
@@ -2527,6 +2527,21 @@
2527
2527
 
2528
2528
  </li>
2529
2529
 
2530
+
2531
+ <li class="nav-tree__item ">
2532
+
2533
+ <a class="nav-tree__link " href="/frontend/javascript/utils-system/">
2534
+
2535
+
2536
+ <span class="nav-tree__text">
2537
+ utils/system
2538
+ </span>
2539
+
2540
+ </a>
2541
+
2542
+
2543
+ </li>
2544
+
2530
2545
  </ul>
2531
2546
 
2532
2547
  </details>
@@ -5013,6 +5028,21 @@
5013
5028
 
5014
5029
  </li>
5015
5030
 
5031
+
5032
+ <li class="nav-tree__item ">
5033
+
5034
+ <a class="nav-tree__link " href="/frontend/javascript/utils-system/">
5035
+
5036
+
5037
+ <span class="nav-tree__text">
5038
+ utils/system
5039
+ </span>
5040
+
5041
+ </a>
5042
+
5043
+
5044
+ </li>
5045
+
5016
5046
  </ul>
5017
5047
 
5018
5048
  </details>
@@ -2527,6 +2527,21 @@
2527
2527
 
2528
2528
  </li>
2529
2529
 
2530
+
2531
+ <li class="nav-tree__item ">
2532
+
2533
+ <a class="nav-tree__link " href="/frontend/javascript/utils-system/">
2534
+
2535
+
2536
+ <span class="nav-tree__text">
2537
+ utils/system
2538
+ </span>
2539
+
2540
+ </a>
2541
+
2542
+
2543
+ </li>
2544
+
2530
2545
  </ul>
2531
2546
 
2532
2547
  </details>
@@ -5013,6 +5028,21 @@
5013
5028
 
5014
5029
  </li>
5015
5030
 
5031
+
5032
+ <li class="nav-tree__item ">
5033
+
5034
+ <a class="nav-tree__link " href="/frontend/javascript/utils-system/">
5035
+
5036
+
5037
+ <span class="nav-tree__text">
5038
+ utils/system
5039
+ </span>
5040
+
5041
+ </a>
5042
+
5043
+
5044
+ </li>
5045
+
5016
5046
  </ul>
5017
5047
 
5018
5048
  </details>
@@ -2527,6 +2527,21 @@
2527
2527
 
2528
2528
  </li>
2529
2529
 
2530
+
2531
+ <li class="nav-tree__item ">
2532
+
2533
+ <a class="nav-tree__link " href="/frontend/javascript/utils-system/">
2534
+
2535
+
2536
+ <span class="nav-tree__text">
2537
+ utils/system
2538
+ </span>
2539
+
2540
+ </a>
2541
+
2542
+
2543
+ </li>
2544
+
2530
2545
  </ul>
2531
2546
 
2532
2547
  </details>
@@ -5013,6 +5028,21 @@
5013
5028
 
5014
5029
  </li>
5015
5030
 
5031
+
5032
+ <li class="nav-tree__item ">
5033
+
5034
+ <a class="nav-tree__link " href="/frontend/javascript/utils-system/">
5035
+
5036
+
5037
+ <span class="nav-tree__text">
5038
+ utils/system
5039
+ </span>
5040
+
5041
+ </a>
5042
+
5043
+
5044
+ </li>
5045
+
5016
5046
  </ul>
5017
5047
 
5018
5048
  </details>
@@ -2527,6 +2527,21 @@
2527
2527
 
2528
2528
  </li>
2529
2529
 
2530
+
2531
+ <li class="nav-tree__item ">
2532
+
2533
+ <a class="nav-tree__link " href="/frontend/javascript/utils-system/">
2534
+
2535
+
2536
+ <span class="nav-tree__text">
2537
+ utils/system
2538
+ </span>
2539
+
2540
+ </a>
2541
+
2542
+
2543
+ </li>
2544
+
2530
2545
  </ul>
2531
2546
 
2532
2547
  </details>
@@ -5013,6 +5028,21 @@
5013
5028
 
5014
5029
  </li>
5015
5030
 
5031
+
5032
+ <li class="nav-tree__item ">
5033
+
5034
+ <a class="nav-tree__link " href="/frontend/javascript/utils-system/">
5035
+
5036
+
5037
+ <span class="nav-tree__text">
5038
+ utils/system
5039
+ </span>
5040
+
5041
+ </a>
5042
+
5043
+
5044
+ </li>
5045
+
5016
5046
  </ul>
5017
5047
 
5018
5048
  </details>
@@ -2527,6 +2527,21 @@
2527
2527
 
2528
2528
  </li>
2529
2529
 
2530
+
2531
+ <li class="nav-tree__item ">
2532
+
2533
+ <a class="nav-tree__link " href="/frontend/javascript/utils-system/">
2534
+
2535
+
2536
+ <span class="nav-tree__text">
2537
+ utils/system
2538
+ </span>
2539
+
2540
+ </a>
2541
+
2542
+
2543
+ </li>
2544
+
2530
2545
  </ul>
2531
2546
 
2532
2547
  </details>
@@ -5013,6 +5028,21 @@
5013
5028
 
5014
5029
  </li>
5015
5030
 
5031
+
5032
+ <li class="nav-tree__item ">
5033
+
5034
+ <a class="nav-tree__link " href="/frontend/javascript/utils-system/">
5035
+
5036
+
5037
+ <span class="nav-tree__text">
5038
+ utils/system
5039
+ </span>
5040
+
5041
+ </a>
5042
+
5043
+
5044
+ </li>
5045
+
5016
5046
  </ul>
5017
5047
 
5018
5048
  </details>
@@ -2527,6 +2527,21 @@
2527
2527
 
2528
2528
  </li>
2529
2529
 
2530
+
2531
+ <li class="nav-tree__item ">
2532
+
2533
+ <a class="nav-tree__link " href="/frontend/javascript/utils-system/">
2534
+
2535
+
2536
+ <span class="nav-tree__text">
2537
+ utils/system
2538
+ </span>
2539
+
2540
+ </a>
2541
+
2542
+
2543
+ </li>
2544
+
2530
2545
  </ul>
2531
2546
 
2532
2547
  </details>
@@ -5013,6 +5028,21 @@
5013
5028
 
5014
5029
  </li>
5015
5030
 
5031
+
5032
+ <li class="nav-tree__item ">
5033
+
5034
+ <a class="nav-tree__link " href="/frontend/javascript/utils-system/">
5035
+
5036
+
5037
+ <span class="nav-tree__text">
5038
+ utils/system
5039
+ </span>
5040
+
5041
+ </a>
5042
+
5043
+
5044
+ </li>
5045
+
5016
5046
  </ul>
5017
5047
 
5018
5048
  </details>