@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>
@@ -5046,7 +5076,22 @@
5046
5076
  <div class="toc">
5047
5077
  <ol>
5048
5078
 
5049
- <li><a href="#ui%2Fflipcard.attrs">ui/flipcard.attrs</a>
5079
+ <li><a href="#ui%2Fflipcard.flipcard">ui/flipcard.Flipcard</a>
5080
+
5081
+ <ol>
5082
+
5083
+ <li><a href="#flipcard.defaults">flipcard.defaults</a>
5084
+ </li>
5085
+
5086
+ <li><a href="#flipcard.onproxyclick()">flipcard.onProxyClick()</a>
5087
+ </li>
5088
+ </ol>
5089
+ </li>
5090
+
5091
+ <li><a href="#ui%2Fflipcard.initializer">ui/flipcard.initializer</a>
5092
+ </li>
5093
+
5094
+ <li><a href="#ui%2Fflipcard.init()">ui/flipcard.init()</a>
5050
5095
  </li>
5051
5096
  </ol>
5052
5097
  </div>
@@ -5061,10 +5106,51 @@
5061
5106
  <div class="wysiwyg">
5062
5107
  <p><a name="module_ui/flipcard"></a></p>
5063
5108
  <h1 id="ui%2Fflipcard" tabindex="-1">ui/flipcard</h1>
5064
- <p><a name="module_ui/flipcard.attrs"></a></p>
5065
- <h2 id="ui%2Fflipcard.attrs" tabindex="-1">ui/flipcard.attrs</h2>
5066
- <p>Default data attributes</p>
5067
- <p><strong>Kind</strong>: static constant of <a href="#module_ui/flipcard"><code>ui/flipcard</code></a></p>
5109
+ <ul>
5110
+ <li><a href="#module_ui/flipcard">ui/flipcard</a>
5111
+ <ul>
5112
+ <li><a href="#module_ui/flipcard.Flipcard">.Flipcard</a>
5113
+ <ul>
5114
+ <li><a href="#module_ui/flipcard.Flipcard+defaults">.defaults</a></li>
5115
+ <li><a href="#module_ui/flipcard.Flipcard+onProxyClick">.onProxyClick()</a></li>
5116
+ </ul>
5117
+ </li>
5118
+ <li><a href="#module_ui/flipcard.initializer">.initializer</a></li>
5119
+ <li><a href="#module_ui/flipcard.init">.init()</a></li>
5120
+ </ul>
5121
+ </li>
5122
+ </ul>
5123
+ <p><a name="module_ui/flipcard.Flipcard"></a></p>
5124
+ <h2 id="ui%2Fflipcard.flipcard" tabindex="-1">ui/flipcard.Flipcard</h2>
5125
+ <p>Flipcard class (creates flipcard instance and behaviors)</p>
5126
+ <p><strong>Kind</strong>: static class of <a href="#module_ui/flipcard"><code>ui/flipcard</code></a></p>
5127
+ <ul>
5128
+ <li><a href="#module_ui/flipcard.Flipcard">.Flipcard</a>
5129
+ <ul>
5130
+ <li><a href="#module_ui/flipcard.Flipcard+defaults">.defaults</a></li>
5131
+ <li><a href="#module_ui/flipcard.Flipcard+onProxyClick">.onProxyClick()</a></li>
5132
+ </ul>
5133
+ </li>
5134
+ </ul>
5135
+ <p><a name="module_ui/flipcard.Flipcard+defaults"></a></p>
5136
+ <h3 id="flipcard.defaults" tabindex="-1">flipcard.defaults</h3>
5137
+ <p>Default options for Flipcard</p>
5138
+ <p><strong>Kind</strong>: instance property of <a href="#module_ui/flipcard.Flipcard"><code>Flipcard</code></a><br>
5139
+ <a name="module_ui/flipcard.Flipcard+onProxyClick"></a></p>
5140
+ <h3 id="flipcard.onproxyclick()" tabindex="-1">flipcard.onProxyClick()</h3>
5141
+ <p>Click handler on everything on container</p>
5142
+ <ul>
5143
+ <li>Determines if click was something that should be ignored (link, etc)</li>
5144
+ </ul>
5145
+ <p><strong>Kind</strong>: instance method of <a href="#module_ui/flipcard.Flipcard"><code>Flipcard</code></a><br>
5146
+ <a name="module_ui/flipcard.initializer"></a></p>
5147
+ <h2 id="ui%2Fflipcard.initializer" tabindex="-1">ui/flipcard.initializer</h2>
5148
+ <p>Flipcard Component Initializer</p>
5149
+ <p><strong>Kind</strong>: static constant of <a href="#module_ui/flipcard"><code>ui/flipcard</code></a><br>
5150
+ <a name="module_ui/flipcard.init"></a></p>
5151
+ <h2 id="ui%2Fflipcard.init()" tabindex="-1">ui/flipcard.init()</h2>
5152
+ <p>Initialize flipcards using data-ulu-flipcard attribute</p>
5153
+ <p><strong>Kind</strong>: static method of <a href="#module_ui/flipcard"><code>ui/flipcard</code></a></p>
5068
5154
 
5069
5155
  </div>
5070
5156
  </div>
@@ -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,10 +5076,10 @@
5046
5076
  <div class="toc">
5047
5077
  <ol>
5048
5078
 
5049
- <li><a href="#ui%2Fgrid.init(selector%2C-classes)">ui/grid.init(selector, classes)</a>
5079
+ <li><a href="#ui%2Fgrid.initializer">ui/grid.initializer</a>
5050
5080
  </li>
5051
5081
 
5052
- <li><a href="#ui%2Fgrid.setup(selector%2C-classes)">ui/grid.setup(selector, classes)</a>
5082
+ <li><a href="#ui%2Fgrid.init(classes)">ui/grid.init(classes)</a>
5053
5083
  </li>
5054
5084
  </ol>
5055
5085
  </div>
@@ -5067,13 +5097,17 @@
5067
5097
  <ul>
5068
5098
  <li><a href="#module_ui/grid">ui/grid</a>
5069
5099
  <ul>
5070
- <li><a href="#module_ui/grid.init">.init(selector, classes)</a></li>
5071
- <li><a href="#module_ui/grid.setup">.setup(selector, classes)</a></li>
5100
+ <li><a href="#module_ui/grid.initializer">.initializer</a></li>
5101
+ <li><a href="#module_ui/grid.init">.init(classes)</a></li>
5072
5102
  </ul>
5073
5103
  </li>
5074
5104
  </ul>
5075
- <p><a name="module_ui/grid.init"></a></p>
5076
- <h2 id="ui%2Fgrid.init(selector%2C-classes)" tabindex="-1">ui/grid.init(selector, classes)</h2>
5105
+ <p><a name="module_ui/grid.initializer"></a></p>
5106
+ <h2 id="ui%2Fgrid.initializer" tabindex="-1">ui/grid.initializer</h2>
5107
+ <p>Dialog Component Initializer</p>
5108
+ <p><strong>Kind</strong>: static constant of <a href="#module_ui/grid"><code>ui/grid</code></a><br>
5109
+ <a name="module_ui/grid.init"></a></p>
5110
+ <h2 id="ui%2Fgrid.init(classes)" tabindex="-1">ui/grid.init(classes)</h2>
5077
5111
  <p>Sets up document for grid position classes</p>
5078
5112
  <p><strong>Kind</strong>: static method of <a href="#module_ui/grid"><code>ui/grid</code></a></p>
5079
5113
  <table>
@@ -5086,36 +5120,6 @@
5086
5120
  </thead>
5087
5121
  <tbody>
5088
5122
  <tr>
5089
- <td>selector</td>
5090
- <td><code>String</code></td>
5091
- <td>The selector for the parent element</td>
5092
- </tr>
5093
- <tr>
5094
- <td>classes</td>
5095
- <td><code>Object</code></td>
5096
- <td>Classes (optional) @see setPositionClasses</td>
5097
- </tr>
5098
- </tbody>
5099
- </table>
5100
- <p><a name="module_ui/grid.setup"></a></p>
5101
- <h2 id="ui%2Fgrid.setup(selector%2C-classes)" tabindex="-1">ui/grid.setup(selector, classes)</h2>
5102
- <p>Goes through document and finds elements that need to have positioning classes</p>
5103
- <p><strong>Kind</strong>: static method of <a href="#module_ui/grid"><code>ui/grid</code></a></p>
5104
- <table>
5105
- <thead>
5106
- <tr>
5107
- <th>Param</th>
5108
- <th>Type</th>
5109
- <th>Description</th>
5110
- </tr>
5111
- </thead>
5112
- <tbody>
5113
- <tr>
5114
- <td>selector</td>
5115
- <td><code>String</code></td>
5116
- <td>The selector for the parent element</td>
5117
- </tr>
5118
- <tr>
5119
5123
  <td>classes</td>
5120
5124
  <td><code>Object</code></td>
5121
5125
  <td>Classes (optional) @see setPositionClasses</td>
@@ -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,6 +5076,9 @@
5046
5076
  <div class="toc">
5047
5077
  <ol>
5048
5078
 
5079
+ <li><a href="#ui%2Fmodal-builder.initializer">ui/modal-builder.initializer</a>
5080
+ </li>
5081
+
5049
5082
  <li><a href="#ui%2Fmodal-builder.defaults">ui/modal-builder.defaults</a>
5050
5083
  </li>
5051
5084
 
@@ -5055,12 +5088,6 @@
5055
5088
  <li><a href="#ui%2Fmodal-builder.init()">ui/modal-builder.init()</a>
5056
5089
  </li>
5057
5090
 
5058
- <li><a href="#ui%2Fmodal-builder.setup()">ui/modal-builder.setup()</a>
5059
- </li>
5060
-
5061
- <li><a href="#ui%2Fmodal-builder.setupbuilder(element)">ui/modal-builder.setupBuilder(element)</a>
5062
- </li>
5063
-
5064
5091
  <li><a href="#ui%2Fmodal-builder.buildmodal(content%2C-options)">ui/modal-builder.buildModal(content, options)</a>
5065
5092
  </li>
5066
5093
 
@@ -5079,16 +5106,16 @@
5079
5106
  <div class="wysiwyg">
5080
5107
  <p><a name="module_ui/modal-builder"></a></p>
5081
5108
  <h1 id="ui%2Fmodal-builder" tabindex="-1">ui/modal-builder</h1>
5109
+ <p>Note this module needs to be initialized before dialogs!</p>
5082
5110
  <ul>
5083
5111
  <li><a href="#module_ui/modal-builder">ui/modal-builder</a>
5084
5112
  <ul>
5085
5113
  <li><em>static</em>
5086
5114
  <ul>
5115
+ <li><a href="#module_ui/modal-builder.initializer">.initializer</a></li>
5087
5116
  <li><a href="#module_ui/modal-builder.defaults">.defaults</a></li>
5088
5117
  <li><a href="#module_ui/modal-builder.setDefaults">.setDefaults(options)</a></li>
5089
5118
  <li><a href="#module_ui/modal-builder.init">.init()</a></li>
5090
- <li><a href="#module_ui/modal-builder.setup">.setup()</a></li>
5091
- <li><a href="#module_ui/modal-builder.setupBuilder">.setupBuilder(element)</a></li>
5092
5119
  <li><a href="#module_ui/modal-builder.buildModal">.buildModal(content, options)</a></li>
5093
5120
  </ul>
5094
5121
  </li>
@@ -5100,7 +5127,11 @@
5100
5127
  </ul>
5101
5128
  </li>
5102
5129
  </ul>
5103
- <p><a name="module_ui/modal-builder.defaults"></a></p>
5130
+ <p><a name="module_ui/modal-builder.initializer"></a></p>
5131
+ <h2 id="ui%2Fmodal-builder.initializer" tabindex="-1">ui/modal-builder.initializer</h2>
5132
+ <p>Modal Builder Component Initializer</p>
5133
+ <p><strong>Kind</strong>: static constant of <a href="#module_ui/modal-builder"><code>ui/modal-builder</code></a><br>
5134
+ <a name="module_ui/modal-builder.defaults"></a></p>
5104
5135
  <h2 id="ui%2Fmodal-builder.defaults" tabindex="-1">ui/modal-builder.defaults</h2>
5105
5136
  <p>Default builder options (extends dialog defaults, watch name collisions)</p>
5106
5137
  <ul>
@@ -5138,29 +5169,7 @@ in twig for example)</li>
5138
5169
  <li>This will only initialize elements once, it is safe to call on page changes</li>
5139
5170
  </ul>
5140
5171
  <p><strong>Kind</strong>: static method of <a href="#module_ui/modal-builder"><code>ui/modal-builder</code></a><br>
5141
- <a name="module_ui/modal-builder.setup"></a></p>
5142
- <h2 id="ui%2Fmodal-builder.setup()" tabindex="-1">ui/modal-builder.setup()</h2>
5143
- <p>Query and setup all builder</p>
5144
- <p><strong>Kind</strong>: static method of <a href="#module_ui/modal-builder"><code>ui/modal-builder</code></a><br>
5145
- <a name="module_ui/modal-builder.setupBuilder"></a></p>
5146
- <h2 id="ui%2Fmodal-builder.setupbuilder(element)" tabindex="-1">ui/modal-builder.setupBuilder(element)</h2>
5147
- <p>Build a dialog for the given content</p>
5148
- <p><strong>Kind</strong>: static method of <a href="#module_ui/modal-builder"><code>ui/modal-builder</code></a></p>
5149
- <table>
5150
- <thead>
5151
- <tr>
5152
- <th>Param</th>
5153
- <th>Type</th>
5154
- </tr>
5155
- </thead>
5156
- <tbody>
5157
- <tr>
5158
- <td>element</td>
5159
- <td><code>Node</code></td>
5160
- </tr>
5161
- </tbody>
5162
- </table>
5163
- <p><a name="module_ui/modal-builder.buildModal"></a></p>
5172
+ <a name="module_ui/modal-builder.buildModal"></a></p>
5164
5173
  <h2 id="ui%2Fmodal-builder.buildmodal(content%2C-options)" tabindex="-1">ui/modal-builder.buildModal(content, options)</h2>
5165
5174
  <p><strong>Kind</strong>: static method of <a href="#module_ui/modal-builder"><code>ui/modal-builder</code></a></p>
5166
5175
  <table>
@@ -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>