@ulu/frontend 0.1.0-beta.32 → 0.1.0-beta.34

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 (214) hide show
  1. package/CHANGELOG.md +53 -0
  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 +161 -8
  5. package/docs-dev/demos/accordion/index.html +38 -8
  6. package/docs-dev/demos/button/index.html +38 -8
  7. package/docs-dev/demos/button-verbose/index.html +38 -8
  8. package/docs-dev/demos/callout/index.html +65 -8
  9. package/docs-dev/demos/captioned-figure/index.html +38 -8
  10. package/docs-dev/demos/card/index.html +59 -33
  11. package/docs-dev/demos/card-grid/index.html +42 -12
  12. package/docs-dev/demos/css-icons/index.html +38 -8
  13. package/docs-dev/demos/data-grid/index.html +38 -8
  14. package/docs-dev/demos/data-table/index.html +63 -33
  15. package/docs-dev/demos/details-group/index.html +71 -8
  16. package/docs-dev/demos/file-save/index.html +38 -8
  17. package/docs-dev/demos/flipcard/index.html +38 -8
  18. package/docs-dev/demos/form-theme/index.html +38 -8
  19. package/docs-dev/demos/index.html +38 -8
  20. package/docs-dev/demos/list-inline/index.html +38 -8
  21. package/docs-dev/demos/list-lines/index.html +38 -8
  22. package/docs-dev/demos/menu-stack/index.html +38 -8
  23. package/docs-dev/demos/modals/index.html +51 -10
  24. package/docs-dev/demos/nav-strip/index.html +38 -8
  25. package/docs-dev/demos/overlay-section/index.html +38 -8
  26. package/docs-dev/demos/popovers/index.html +38 -8
  27. package/docs-dev/demos/print/index.html +38 -8
  28. package/docs-dev/demos/pull-quote/index.html +38 -8
  29. package/docs-dev/demos/rule/index.html +38 -8
  30. package/docs-dev/demos/scrollpoints/index.html +39 -9
  31. package/docs-dev/demos/spoke-spinner/index.html +38 -8
  32. package/docs-dev/demos/sticky-list/index.html +38 -8
  33. package/docs-dev/demos/tabs/index.html +74 -8
  34. package/docs-dev/demos/tag/index.html +38 -8
  35. package/docs-dev/demos/theme-toggle/index.html +38 -8
  36. package/docs-dev/demos/tiles/index.html +38 -8
  37. package/docs-dev/demos/tooltip/index.html +38 -8
  38. package/docs-dev/guide/building-stylesheet/index.html +38 -8
  39. package/docs-dev/guide/developing-ulu-scss-module/index.html +38 -8
  40. package/docs-dev/guide/index.html +38 -8
  41. package/docs-dev/index.html +38 -8
  42. package/docs-dev/javascript/events/index.html +38 -8
  43. package/docs-dev/javascript/index.html +38 -8
  44. package/docs-dev/javascript/settings/index.html +38 -8
  45. package/docs-dev/javascript/ui-breakpoints/index.html +38 -8
  46. package/docs-dev/javascript/ui-collapsible/index.html +38 -8
  47. package/docs-dev/javascript/ui-details-group/index.html +56 -38
  48. package/docs-dev/javascript/ui-dialog/index.html +70 -25
  49. package/docs-dev/javascript/ui-flipcard/index.html +99 -13
  50. package/docs-dev/javascript/ui-grid/index.html +48 -44
  51. package/docs-dev/javascript/ui-modal-builder/index.html +49 -40
  52. package/docs-dev/javascript/ui-overflow-scroller/index.html +38 -8
  53. package/docs-dev/javascript/ui-overflow-scroller-pager/index.html +38 -8
  54. package/docs-dev/javascript/ui-page/index.html +38 -8
  55. package/docs-dev/javascript/ui-popover/index.html +46 -20
  56. package/docs-dev/javascript/ui-print/index.html +38 -16
  57. package/docs-dev/javascript/ui-print-details/index.html +38 -8
  58. package/docs-dev/javascript/ui-programmatic-modal/index.html +38 -8
  59. package/docs-dev/javascript/ui-proxy-click/index.html +125 -10
  60. package/docs-dev/javascript/ui-resizer/index.html +38 -8
  61. package/docs-dev/javascript/ui-scroll-slider/index.html +76 -14
  62. package/docs-dev/javascript/ui-scrollpoint/index.html +44 -21
  63. package/docs-dev/javascript/ui-slider/index.html +234 -13
  64. package/docs-dev/javascript/ui-tabs/index.html +49 -56
  65. package/docs-dev/javascript/ui-theme-toggle/index.html +43 -21
  66. package/docs-dev/javascript/ui-tooltip/index.html +45 -19
  67. package/docs-dev/javascript/utils-class-logger/index.html +38 -8
  68. package/docs-dev/javascript/utils-dom/index.html +63 -8
  69. package/docs-dev/javascript/utils-file-save/index.html +38 -8
  70. package/docs-dev/javascript/utils-floating-ui/index.html +38 -8
  71. package/docs-dev/javascript/utils-id/index.html +38 -8
  72. package/docs-dev/javascript/utils-pause-youtube-video/index.html +38 -8
  73. package/docs-dev/javascript/utils-system/index.html +5437 -0
  74. package/docs-dev/sass/base/color/index.html +38 -8
  75. package/docs-dev/sass/base/elements/index.html +38 -8
  76. package/docs-dev/sass/base/index/index.html +38 -8
  77. package/docs-dev/sass/base/index.html +38 -8
  78. package/docs-dev/sass/base/keyframes/index.html +38 -8
  79. package/docs-dev/sass/base/layout/index.html +38 -8
  80. package/docs-dev/sass/base/normalize/index.html +38 -8
  81. package/docs-dev/sass/base/print/index.html +38 -8
  82. package/docs-dev/sass/base/root/index.html +38 -8
  83. package/docs-dev/sass/base/typography/index.html +38 -8
  84. package/docs-dev/sass/components/accordion/index.html +39 -9
  85. package/docs-dev/sass/components/adaptive-spacing/index.html +38 -8
  86. package/docs-dev/sass/components/badge/index.html +38 -8
  87. package/docs-dev/sass/components/basic-hero/index.html +38 -8
  88. package/docs-dev/sass/components/button/index.html +38 -8
  89. package/docs-dev/sass/components/button-verbose/index.html +72 -37
  90. package/docs-dev/sass/components/callout/index.html +124 -35
  91. package/docs-dev/sass/components/captioned-figure/index.html +38 -8
  92. package/docs-dev/sass/components/card/index.html +38 -8
  93. package/docs-dev/sass/components/card-grid/index.html +38 -8
  94. package/docs-dev/sass/components/css-icon/index.html +38 -8
  95. package/docs-dev/sass/components/data-grid/index.html +38 -8
  96. package/docs-dev/sass/components/data-table/index.html +53 -16
  97. package/docs-dev/sass/components/fill-context/index.html +38 -8
  98. package/docs-dev/sass/components/flipcard/index.html +38 -8
  99. package/docs-dev/sass/components/flipcard-grid/index.html +38 -8
  100. package/docs-dev/sass/components/form-theme/index.html +84 -60
  101. package/docs-dev/sass/components/hero/index.html +38 -8
  102. package/docs-dev/sass/components/horizontal-rule/index.html +38 -8
  103. package/docs-dev/sass/components/image-grid/index.html +38 -8
  104. package/docs-dev/sass/components/index/index.html +38 -8
  105. package/docs-dev/sass/components/index.html +38 -8
  106. package/docs-dev/sass/components/links/index.html +38 -8
  107. package/docs-dev/sass/components/list-inline/index.html +38 -8
  108. package/docs-dev/sass/components/list-lines/index.html +38 -8
  109. package/docs-dev/sass/components/list-ordered/index.html +38 -8
  110. package/docs-dev/sass/components/list-unordered/index.html +38 -8
  111. package/docs-dev/sass/components/menu-stack/index.html +38 -8
  112. package/docs-dev/sass/components/modal/index.html +38 -8
  113. package/docs-dev/sass/components/nav-strip/index.html +38 -8
  114. package/docs-dev/sass/components/overlay-section/index.html +38 -8
  115. package/docs-dev/sass/components/pager/index.html +38 -8
  116. package/docs-dev/sass/components/placeholder-block/index.html +38 -8
  117. package/docs-dev/sass/components/popover/index.html +38 -8
  118. package/docs-dev/sass/components/pull-quote/index.html +38 -8
  119. package/docs-dev/sass/components/ratio-box/index.html +38 -8
  120. package/docs-dev/sass/components/rule/index.html +38 -8
  121. package/docs-dev/sass/components/scroll-slider/index.html +46 -28
  122. package/docs-dev/sass/components/skip-link/index.html +38 -8
  123. package/docs-dev/sass/components/slider/index.html +38 -8
  124. package/docs-dev/sass/components/spoke-spinner/index.html +40 -10
  125. package/docs-dev/sass/components/sticky-list/index.html +38 -8
  126. package/docs-dev/sass/components/tabs/index.html +38 -8
  127. package/docs-dev/sass/components/tag/index.html +40 -10
  128. package/docs-dev/sass/components/tile-button/index.html +38 -8
  129. package/docs-dev/sass/components/tile-grid/index.html +38 -8
  130. package/docs-dev/sass/components/tile-grid-overlay/index.html +38 -8
  131. package/docs-dev/sass/components/vignette/index.html +38 -8
  132. package/docs-dev/sass/components/wysiwyg/index.html +38 -8
  133. package/docs-dev/sass/core/breakpoint/index.html +38 -8
  134. package/docs-dev/sass/core/button/index.html +38 -8
  135. package/docs-dev/sass/core/color/index.html +38 -8
  136. package/docs-dev/sass/core/cssvar/index.html +38 -8
  137. package/docs-dev/sass/core/element/index.html +218 -47
  138. package/docs-dev/sass/core/index.html +38 -8
  139. package/docs-dev/sass/core/layout/index.html +94 -45
  140. package/docs-dev/sass/core/path/index.html +38 -8
  141. package/docs-dev/sass/core/selector/index.html +38 -8
  142. package/docs-dev/sass/core/typography/index.html +38 -8
  143. package/docs-dev/sass/core/units/index.html +38 -8
  144. package/docs-dev/sass/core/utils/index.html +302 -68
  145. package/docs-dev/sass/helpers/color/index.html +38 -8
  146. package/docs-dev/sass/helpers/display/index.html +38 -8
  147. package/docs-dev/sass/helpers/index/index.html +38 -8
  148. package/docs-dev/sass/helpers/index.html +38 -8
  149. package/docs-dev/sass/helpers/print/index.html +38 -8
  150. package/docs-dev/sass/helpers/typography/index.html +38 -8
  151. package/docs-dev/sass/helpers/units/index.html +38 -8
  152. package/docs-dev/sass/helpers/utilities/index.html +38 -8
  153. package/docs-dev/sass/index.html +38 -8
  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 -32
  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/_element.scss +91 -0
  174. package/scss/_layout.scss +3 -1
  175. package/scss/_utils.scss +42 -0
  176. package/scss/components/_accordion.scss +1 -2
  177. package/scss/components/_button-verbose.scss +41 -36
  178. package/scss/components/_callout.scss +113 -53
  179. package/scss/components/_data-table.scss +3 -0
  180. package/scss/components/_form-theme.scss +24 -25
  181. package/scss/components/_scroll-slider.scss +0 -4
  182. package/types/ui/breakpoints.d.ts.map +1 -1
  183. package/types/ui/details-group.d.ts +7 -12
  184. package/types/ui/details-group.d.ts.map +1 -1
  185. package/types/ui/dialog.d.ts +19 -14
  186. package/types/ui/dialog.d.ts.map +1 -1
  187. package/types/ui/flipcard.d.ts +16 -10
  188. package/types/ui/flipcard.d.ts.map +1 -1
  189. package/types/ui/grid.d.ts +4 -6
  190. package/types/ui/grid.d.ts.map +1 -1
  191. package/types/ui/modal-builder.d.ts +5 -9
  192. package/types/ui/modal-builder.d.ts.map +1 -1
  193. package/types/ui/popover.d.ts +6 -7
  194. package/types/ui/popover.d.ts.map +1 -1
  195. package/types/ui/print.d.ts +0 -4
  196. package/types/ui/print.d.ts.map +1 -1
  197. package/types/ui/proxy-click.d.ts +19 -3
  198. package/types/ui/proxy-click.d.ts.map +1 -1
  199. package/types/ui/scroll-slider.d.ts +5 -7
  200. package/types/ui/scroll-slider.d.ts.map +1 -1
  201. package/types/ui/scrollpoint.d.ts +3 -8
  202. package/types/ui/scrollpoint.d.ts.map +1 -1
  203. package/types/ui/slider.d.ts +22 -12
  204. package/types/ui/slider.d.ts.map +1 -1
  205. package/types/ui/tabs.d.ts +6 -8
  206. package/types/ui/tabs.d.ts.map +1 -1
  207. package/types/ui/theme-toggle.d.ts +6 -13
  208. package/types/ui/theme-toggle.d.ts.map +1 -1
  209. package/types/ui/tooltip.d.ts +3 -5
  210. package/types/ui/tooltip.d.ts.map +1 -1
  211. package/types/utils/dom.d.ts +6 -0
  212. package/types/utils/dom.d.ts.map +1 -1
  213. package/types/utils/system.d.ts +113 -0
  214. package/types/utils/system.d.ts.map +1 -0
@@ -243,11 +243,11 @@
243
243
 
244
244
  <li class="nav-tree__item ">
245
245
 
246
- <a class="nav-tree__link " href="/frontend/demos/card-grid/">
246
+ <a class="nav-tree__link " href="/frontend/demos/card/">
247
247
 
248
248
 
249
249
  <span class="nav-tree__text">
250
- Card Grid
250
+ Card
251
251
  </span>
252
252
 
253
253
  </a>
@@ -258,11 +258,11 @@
258
258
 
259
259
  <li class="nav-tree__item ">
260
260
 
261
- <a class="nav-tree__link " href="/frontend/demos/card/">
261
+ <a class="nav-tree__link " href="/frontend/demos/card-grid/">
262
262
 
263
263
 
264
264
  <span class="nav-tree__text">
265
- Card New
265
+ Card Grid
266
266
  </span>
267
267
 
268
268
  </a>
@@ -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>
@@ -2729,11 +2744,11 @@
2729
2744
 
2730
2745
  <li class="nav-tree__item ">
2731
2746
 
2732
- <a class="nav-tree__link " href="/frontend/demos/card-grid/">
2747
+ <a class="nav-tree__link " href="/frontend/demos/card/">
2733
2748
 
2734
2749
 
2735
2750
  <span class="nav-tree__text">
2736
- Card Grid
2751
+ Card
2737
2752
  </span>
2738
2753
 
2739
2754
  </a>
@@ -2744,11 +2759,11 @@
2744
2759
 
2745
2760
  <li class="nav-tree__item ">
2746
2761
 
2747
- <a class="nav-tree__link " href="/frontend/demos/card/">
2762
+ <a class="nav-tree__link " href="/frontend/demos/card-grid/">
2748
2763
 
2749
2764
 
2750
2765
  <span class="nav-tree__text">
2751
- Card New
2766
+ Card Grid
2752
2767
  </span>
2753
2768
 
2754
2769
  </a>
@@ -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>
@@ -243,11 +243,11 @@
243
243
 
244
244
  <li class="nav-tree__item ">
245
245
 
246
- <a class="nav-tree__link " href="/frontend/demos/card-grid/">
246
+ <a class="nav-tree__link " href="/frontend/demos/card/">
247
247
 
248
248
 
249
249
  <span class="nav-tree__text">
250
- Card Grid
250
+ Card
251
251
  </span>
252
252
 
253
253
  </a>
@@ -258,11 +258,11 @@
258
258
 
259
259
  <li class="nav-tree__item ">
260
260
 
261
- <a class="nav-tree__link " href="/frontend/demos/card/">
261
+ <a class="nav-tree__link " href="/frontend/demos/card-grid/">
262
262
 
263
263
 
264
264
  <span class="nav-tree__text">
265
- Card New
265
+ Card Grid
266
266
  </span>
267
267
 
268
268
  </a>
@@ -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>
@@ -2729,11 +2744,11 @@
2729
2744
 
2730
2745
  <li class="nav-tree__item ">
2731
2746
 
2732
- <a class="nav-tree__link " href="/frontend/demos/card-grid/">
2747
+ <a class="nav-tree__link " href="/frontend/demos/card/">
2733
2748
 
2734
2749
 
2735
2750
  <span class="nav-tree__text">
2736
- Card Grid
2751
+ Card
2737
2752
  </span>
2738
2753
 
2739
2754
  </a>
@@ -2744,11 +2759,11 @@
2744
2759
 
2745
2760
  <li class="nav-tree__item ">
2746
2761
 
2747
- <a class="nav-tree__link " href="/frontend/demos/card/">
2762
+ <a class="nav-tree__link " href="/frontend/demos/card-grid/">
2748
2763
 
2749
2764
 
2750
2765
  <span class="nav-tree__text">
2751
- Card New
2766
+ Card Grid
2752
2767
  </span>
2753
2768
 
2754
2769
  </a>
@@ -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>
@@ -243,11 +243,11 @@
243
243
 
244
244
  <li class="nav-tree__item ">
245
245
 
246
- <a class="nav-tree__link " href="/frontend/demos/card-grid/">
246
+ <a class="nav-tree__link " href="/frontend/demos/card/">
247
247
 
248
248
 
249
249
  <span class="nav-tree__text">
250
- Card Grid
250
+ Card
251
251
  </span>
252
252
 
253
253
  </a>
@@ -258,11 +258,11 @@
258
258
 
259
259
  <li class="nav-tree__item ">
260
260
 
261
- <a class="nav-tree__link " href="/frontend/demos/card/">
261
+ <a class="nav-tree__link " href="/frontend/demos/card-grid/">
262
262
 
263
263
 
264
264
  <span class="nav-tree__text">
265
- Card New
265
+ Card Grid
266
266
  </span>
267
267
 
268
268
  </a>
@@ -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>
@@ -2729,11 +2744,11 @@
2729
2744
 
2730
2745
  <li class="nav-tree__item ">
2731
2746
 
2732
- <a class="nav-tree__link " href="/frontend/demos/card-grid/">
2747
+ <a class="nav-tree__link " href="/frontend/demos/card/">
2733
2748
 
2734
2749
 
2735
2750
  <span class="nav-tree__text">
2736
- Card Grid
2751
+ Card
2737
2752
  </span>
2738
2753
 
2739
2754
  </a>
@@ -2744,11 +2759,11 @@
2744
2759
 
2745
2760
  <li class="nav-tree__item ">
2746
2761
 
2747
- <a class="nav-tree__link " href="/frontend/demos/card/">
2762
+ <a class="nav-tree__link " href="/frontend/demos/card-grid/">
2748
2763
 
2749
2764
 
2750
2765
  <span class="nav-tree__text">
2751
- Card New
2766
+ Card Grid
2752
2767
  </span>
2753
2768
 
2754
2769
  </a>
@@ -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>
@@ -5046,13 +5076,13 @@
5046
5076
  <div class="toc">
5047
5077
  <ol>
5048
5078
 
5049
- <li><a href="#ui%2Fdetails-group.init()">ui/details-group.init()</a>
5079
+ <li><a href="#ui%2Fdetails-group.initializer">ui/details-group.initializer</a>
5050
5080
  </li>
5051
5081
 
5052
- <li><a href="#ui%2Fdetails-group.setup(context)-%E2%87%92-array">ui/details-group.setup(context) ⇒ Array</a>
5082
+ <li><a href="#ui%2Fdetails-group.init()">ui/details-group.init()</a>
5053
5083
  </li>
5054
5084
 
5055
- <li><a href="#ui%2Fdetails-group.setupgroup(element)-%E2%87%92-detailsgroupinstance">ui/details-group.setupGroup(element) ⇒ DetailsGroupInstance</a>
5085
+ <li><a href="#ui%2Fdetails-group.setupgroup(element%2C-options)-%E2%87%92-detailsgroupinstance">ui/details-group.setupGroup(element, options) ⇒ DetailsGroupInstance</a>
5056
5086
 
5057
5087
  <ol>
5058
5088
 
@@ -5085,9 +5115,9 @@
5085
5115
  <ul>
5086
5116
  <li><em>static</em>
5087
5117
  <ul>
5118
+ <li><a href="#module_ui/details-group.initializer">.initializer</a></li>
5088
5119
  <li><a href="#module_ui/details-group.init">.init()</a></li>
5089
- <li><a href="#module_ui/details-group.setup">.setup(context)</a> ⇒ <code>Array</code></li>
5090
- <li><a href="#module_ui/details-group.setupGroup">.setupGroup(element)</a> ⇒ <code>DetailsGroupInstance</code>
5120
+ <li><a href="#module_ui/details-group.setupGroup">.setupGroup(element, options)</a> ⇒ <code>DetailsGroupInstance</code>
5091
5121
  <ul>
5092
5122
  <li><a href="#module_ui/details-group.setupGroup..setupChildren">~setupChildren()</a></li>
5093
5123
  <li><a href="#module_ui/details-group.setupGroup..destroy">~destroy()</a></li>
@@ -5103,36 +5133,19 @@
5103
5133
  </ul>
5104
5134
  </li>
5105
5135
  </ul>
5106
- <p><a name="module_ui/details-group.init"></a></p>
5136
+ <p><a name="module_ui/details-group.initializer"></a></p>
5137
+ <h2 id="ui%2Fdetails-group.initializer" tabindex="-1">ui/details-group.initializer</h2>
5138
+ <p>Dialog Component Initializer</p>
5139
+ <p><strong>Kind</strong>: static constant of <a href="#module_ui/details-group"><code>ui/details-group</code></a><br>
5140
+ <a name="module_ui/details-group.init"></a></p>
5107
5141
  <h2 id="ui%2Fdetails-group.init()" tabindex="-1">ui/details-group.init()</h2>
5108
5142
  <p>Initialize everything in document</p>
5109
5143
  <ul>
5110
5144
  <li>This will only initialize elements once, it is safe to call on page changes</li>
5111
5145
  </ul>
5112
5146
  <p><strong>Kind</strong>: static method of <a href="#module_ui/details-group"><code>ui/details-group</code></a><br>
5113
- <a name="module_ui/details-group.setup"></a></p>
5114
- <h2 id="ui%2Fdetails-group.setup(context)-%E2%87%92-array" tabindex="-1">ui/details-group.setup(context) ⇒ <code>Array</code></h2>
5115
- <p>Setup all dialog groups within context</p>
5116
- <p><strong>Kind</strong>: static method of <a href="#module_ui/details-group"><code>ui/details-group</code></a><br>
5117
- <strong>Returns</strong>: <code>Array</code> - Array matching the groups queried with their return objects from setupGroup() [used for destroy/etc]</p>
5118
- <table>
5119
- <thead>
5120
- <tr>
5121
- <th>Param</th>
5122
- <th>Type</th>
5123
- <th>Description</th>
5124
- </tr>
5125
- </thead>
5126
- <tbody>
5127
- <tr>
5128
- <td>context</td>
5129
- <td><code>HTMLElement</code></td>
5130
- <td>[document] Element to query within</td>
5131
- </tr>
5132
- </tbody>
5133
- </table>
5134
- <p><a name="module_ui/details-group.setupGroup"></a></p>
5135
- <h2 id="ui%2Fdetails-group.setupgroup(element)-%E2%87%92-detailsgroupinstance" tabindex="-1">ui/details-group.setupGroup(element) ⇒ <code>DetailsGroupInstance</code></h2>
5147
+ <a name="module_ui/details-group.setupGroup"></a></p>
5148
+ <h2 id="ui%2Fdetails-group.setupgroup(element%2C-options)-%E2%87%92-detailsgroupinstance" tabindex="-1">ui/details-group.setupGroup(element, options) ⇒ <code>DetailsGroupInstance</code></h2>
5136
5149
  <p>Sets up a single group of details elements to manage their behavior.</p>
5137
5150
  <p><strong>Kind</strong>: static method of <a href="#module_ui/details-group"><code>ui/details-group</code></a></p>
5138
5151
  <table>
@@ -5149,10 +5162,15 @@
5149
5162
  <td><code>HTMLElement</code></td>
5150
5163
  <td>The parent element containing the details elements.</td>
5151
5164
  </tr>
5165
+ <tr>
5166
+ <td>options</td>
5167
+ <td><code>Object</code></td>
5168
+ <td>The options for this group</td>
5169
+ </tr>
5152
5170
  </tbody>
5153
5171
  </table>
5154
5172
  <ul>
5155
- <li><a href="#module_ui/details-group.setupGroup">.setupGroup(element)</a> ⇒ <code>DetailsGroupInstance</code>
5173
+ <li><a href="#module_ui/details-group.setupGroup">.setupGroup(element, options)</a> ⇒ <code>DetailsGroupInstance</code>
5156
5174
  <ul>
5157
5175
  <li><a href="#module_ui/details-group.setupGroup..setupChildren">~setupChildren()</a></li>
5158
5176
  <li><a href="#module_ui/details-group.setupGroup..destroy">~destroy()</a></li>
@@ -243,11 +243,11 @@
243
243
 
244
244
  <li class="nav-tree__item ">
245
245
 
246
- <a class="nav-tree__link " href="/frontend/demos/card-grid/">
246
+ <a class="nav-tree__link " href="/frontend/demos/card/">
247
247
 
248
248
 
249
249
  <span class="nav-tree__text">
250
- Card Grid
250
+ Card
251
251
  </span>
252
252
 
253
253
  </a>
@@ -258,11 +258,11 @@
258
258
 
259
259
  <li class="nav-tree__item ">
260
260
 
261
- <a class="nav-tree__link " href="/frontend/demos/card/">
261
+ <a class="nav-tree__link " href="/frontend/demos/card-grid/">
262
262
 
263
263
 
264
264
  <span class="nav-tree__text">
265
- Card New
265
+ Card Grid
266
266
  </span>
267
267
 
268
268
  </a>
@@ -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>
@@ -2729,11 +2744,11 @@
2729
2744
 
2730
2745
  <li class="nav-tree__item ">
2731
2746
 
2732
- <a class="nav-tree__link " href="/frontend/demos/card-grid/">
2747
+ <a class="nav-tree__link " href="/frontend/demos/card/">
2733
2748
 
2734
2749
 
2735
2750
  <span class="nav-tree__text">
2736
- Card Grid
2751
+ Card
2737
2752
  </span>
2738
2753
 
2739
2754
  </a>
@@ -2744,11 +2759,11 @@
2744
2759
 
2745
2760
  <li class="nav-tree__item ">
2746
2761
 
2747
- <a class="nav-tree__link " href="/frontend/demos/card/">
2762
+ <a class="nav-tree__link " href="/frontend/demos/card-grid/">
2748
2763
 
2749
2764
 
2750
2765
  <span class="nav-tree__text">
2751
- Card New
2766
+ Card Grid
2752
2767
  </span>
2753
2768
 
2754
2769
  </a>
@@ -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>
@@ -5046,7 +5076,13 @@
5046
5076
  <div class="toc">
5047
5077
  <ol>
5048
5078
 
5049
- <li><a href="#ui%2Fdialog.attrs">ui/dialog.attrs</a>
5079
+ <li><a href="#ui%2Fdialog.baseattribute">ui/dialog.baseAttribute</a>
5080
+ </li>
5081
+
5082
+ <li><a href="#ui%2Fdialog.initializer">ui/dialog.initializer</a>
5083
+ </li>
5084
+
5085
+ <li><a href="#ui%2Fdialog.closeattribute">ui/dialog.closeAttribute</a>
5050
5086
  </li>
5051
5087
 
5052
5088
  <li><a href="#ui%2Fdialog.defaults">ui/dialog.defaults</a>
@@ -5058,10 +5094,7 @@
5058
5094
  <li><a href="#ui%2Fdialog.init()">ui/dialog.init()</a>
5059
5095
  </li>
5060
5096
 
5061
- <li><a href="#ui%2Fdialog.setup()">ui/dialog.setup()</a>
5062
- </li>
5063
-
5064
- <li><a href="#ui%2Fdialog.setuptrigger(trigger)">ui/dialog.setupTrigger(trigger)</a>
5097
+ <li><a href="#ui%2Fdialog.setuptrigger(trigger%2C-dialogid)">ui/dialog.setupTrigger(trigger, dialogId)</a>
5065
5098
  </li>
5066
5099
 
5067
5100
  <li><a href="#ui%2Fdialog.setupdialog(dialog)">ui/dialog.setupDialog(dialog)</a>
@@ -5093,12 +5126,13 @@
5093
5126
  <ul>
5094
5127
  <li><em>static</em>
5095
5128
  <ul>
5096
- <li><a href="#module_ui/dialog.attrs">.attrs</a></li>
5129
+ <li><a href="#module_ui/dialog.baseAttribute">.baseAttribute</a></li>
5130
+ <li><a href="#module_ui/dialog.initializer">.initializer</a></li>
5131
+ <li><a href="#module_ui/dialog.closeAttribute">.closeAttribute</a></li>
5097
5132
  <li><a href="#module_ui/dialog.defaults">.defaults</a></li>
5098
5133
  <li><a href="#module_ui/dialog.setDefaults">.setDefaults(options)</a></li>
5099
5134
  <li><a href="#module_ui/dialog.init">.init()</a></li>
5100
- <li><a href="#module_ui/dialog.setup">.setup()</a></li>
5101
- <li><a href="#module_ui/dialog.setupTrigger">.setupTrigger(trigger)</a></li>
5135
+ <li><a href="#module_ui/dialog.setupTrigger">.setupTrigger(trigger, dialogId)</a></li>
5102
5136
  <li><a href="#module_ui/dialog.setupDialog">.setupDialog(dialog)</a></li>
5103
5137
  <li><a href="#module_ui/dialog.getDialogOptions">.getDialogOptions(dialog)</a> ⇒ <code>Object</code></li>
5104
5138
  </ul>
@@ -5112,9 +5146,17 @@
5112
5146
  </ul>
5113
5147
  </li>
5114
5148
  </ul>
5115
- <p><a name="module_ui/dialog.attrs"></a></p>
5116
- <h2 id="ui%2Fdialog.attrs" tabindex="-1">ui/dialog.attrs</h2>
5117
- <p>Default data attributes</p>
5149
+ <p><a name="module_ui/dialog.baseAttribute"></a></p>
5150
+ <h2 id="ui%2Fdialog.baseattribute" tabindex="-1">ui/dialog.baseAttribute</h2>
5151
+ <p>Base attribute for a dialog</p>
5152
+ <p><strong>Kind</strong>: static constant of <a href="#module_ui/dialog"><code>ui/dialog</code></a><br>
5153
+ <a name="module_ui/dialog.initializer"></a></p>
5154
+ <h2 id="ui%2Fdialog.initializer" tabindex="-1">ui/dialog.initializer</h2>
5155
+ <p>Dialog Component Initializer</p>
5156
+ <p><strong>Kind</strong>: static constant of <a href="#module_ui/dialog"><code>ui/dialog</code></a><br>
5157
+ <a name="module_ui/dialog.closeAttribute"></a></p>
5158
+ <h2 id="ui%2Fdialog.closeattribute" tabindex="-1">ui/dialog.closeAttribute</h2>
5159
+ <p>Attribute for close buttons within a dialog</p>
5118
5160
  <p><strong>Kind</strong>: static constant of <a href="#module_ui/dialog"><code>ui/dialog</code></a><br>
5119
5161
  <a name="module_ui/dialog.defaults"></a></p>
5120
5162
  <h2 id="ui%2Fdialog.defaults" tabindex="-1">ui/dialog.defaults</h2>
@@ -5138,7 +5180,7 @@
5138
5180
  <tr>
5139
5181
  <td>options</td>
5140
5182
  <td><code>Object</code></td>
5141
- <td>Change options used as default for dialogs, can then be overriden by data attribute settings on element</td>
5183
+ <td>Change options used as default for dialogs, can then be overridden by data attribute settings on element</td>
5142
5184
  </tr>
5143
5185
  </tbody>
5144
5186
  </table>
@@ -5149,12 +5191,8 @@
5149
5191
  <li>This will only initialize elements once, it is safe to call on page changes</li>
5150
5192
  </ul>
5151
5193
  <p><strong>Kind</strong>: static method of <a href="#module_ui/dialog"><code>ui/dialog</code></a><br>
5152
- <a name="module_ui/dialog.setup"></a></p>
5153
- <h2 id="ui%2Fdialog.setup()" tabindex="-1">ui/dialog.setup()</h2>
5154
- <p>Setup dialogs and triggers</p>
5155
- <p><strong>Kind</strong>: static method of <a href="#module_ui/dialog"><code>ui/dialog</code></a><br>
5156
5194
  <a name="module_ui/dialog.setupTrigger"></a></p>
5157
- <h2 id="ui%2Fdialog.setuptrigger(trigger)" tabindex="-1">ui/dialog.setupTrigger(trigger)</h2>
5195
+ <h2 id="ui%2Fdialog.setuptrigger(trigger%2C-dialogid)" tabindex="-1">ui/dialog.setupTrigger(trigger, dialogId)</h2>
5158
5196
  <p>Setup click handlers on a trigger</p>
5159
5197
  <p><strong>Kind</strong>: static method of <a href="#module_ui/dialog"><code>ui/dialog</code></a></p>
5160
5198
  <table>
@@ -5162,12 +5200,19 @@
5162
5200
  <tr>
5163
5201
  <th>Param</th>
5164
5202
  <th>Type</th>
5203
+ <th>Description</th>
5165
5204
  </tr>
5166
5205
  </thead>
5167
5206
  <tbody>
5168
5207
  <tr>
5169
5208
  <td>trigger</td>
5170
5209
  <td><code>Node</code></td>
5210
+ <td>Trigger button element</td>
5211
+ </tr>
5212
+ <tr>
5213
+ <td>dialogId</td>
5214
+ <td><code>String</code></td>
5215
+ <td>The dialog's id to open</td>
5171
5216
  </tr>
5172
5217
  </tbody>
5173
5218
  </table>