@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,52 @@
5046
5076
  <div class="toc">
5047
5077
  <ol>
5048
5078
 
5049
- <li><a href="#ui%2Fslider.attrs">ui/slider.attrs</a>
5079
+ <li><a href="#ui%2Fslider.slider">ui/slider.Slider</a>
5080
+
5081
+ <ol>
5082
+
5083
+ <li><a href="#slider.defaults">slider.defaults</a>
5084
+ </li>
5085
+
5086
+ <li><a href="#slider.handleresize()">slider.handleResize()</a>
5087
+ </li>
5088
+
5089
+ <li><a href="#slider.previous()">slider.previous()</a>
5090
+ </li>
5091
+
5092
+ <li><a href="#slider.next()">slider.next()</a>
5093
+ </li>
5094
+
5095
+ <li><a href="#slider.ensuretransitionends(element%2C-duration%2C-begintransition)">slider.ensureTransitionEnds(element, duration, beginTransition)</a>
5096
+ </li>
5097
+
5098
+ <li><a href="#slider.translateto()">slider.translateTo()</a>
5099
+ </li>
5100
+
5101
+ <li><a href="#slider.setvisibility()">slider.setVisibility()</a>
5102
+ </li>
5103
+
5104
+ <li><a href="#slider.fadeslide()">slider.fadeSlide()</a>
5105
+ </li>
5106
+
5107
+ <li><a href="#slider.slidetransition()">slider.slideTransition()</a>
5108
+ </li>
5109
+
5110
+ <li><a href="#slider.fadetransition()">slider.fadeTransition()</a>
5111
+ </li>
5112
+
5113
+ <li><a href="#slider.notransition()">slider.noTransition()</a>
5114
+ </li>
5115
+ </ol>
5116
+ </li>
5117
+
5118
+ <li><a href="#ui%2Fslider.initializer">ui/slider.initializer</a>
5119
+ </li>
5120
+
5121
+ <li><a href="#ui%2Fslider.init()">ui/slider.init()</a>
5122
+ </li>
5123
+
5124
+ <li><a href="#ui%2Fslider.setupslider(container%2C-options)">ui/slider.setupSlider(container, options)</a>
5050
5125
  </li>
5051
5126
  </ol>
5052
5127
  </div>
@@ -5061,10 +5136,156 @@
5061
5136
  <div class="wysiwyg">
5062
5137
  <p><a name="module_ui/slider"></a></p>
5063
5138
  <h1 id="ui%2Fslider" tabindex="-1">ui/slider</h1>
5064
- <p><a name="module_ui/slider.attrs"></a></p>
5065
- <h2 id="ui%2Fslider.attrs" tabindex="-1">ui/slider.attrs</h2>
5066
- <p>Default data attributes</p>
5067
- <p><strong>Kind</strong>: static constant of <a href="#module_ui/slider"><code>ui/slider</code></a></p>
5139
+ <ul>
5140
+ <li><a href="#module_ui/slider">ui/slider</a>
5141
+ <ul>
5142
+ <li><a href="#module_ui/slider.Slider">.Slider</a>
5143
+ <ul>
5144
+ <li><a href="#module_ui/slider.Slider+defaults">.defaults</a></li>
5145
+ <li><a href="#module_ui/slider.Slider+handleResize">.handleResize()</a></li>
5146
+ <li><a href="#module_ui/slider.Slider+previous">.previous()</a></li>
5147
+ <li><a href="#module_ui/slider.Slider+next">.next()</a></li>
5148
+ <li><a href="#module_ui/slider.Slider+ensureTransitionEnds">.ensureTransitionEnds(element, duration, beginTransition)</a></li>
5149
+ <li><a href="#module_ui/slider.Slider+translateTo">.translateTo()</a></li>
5150
+ <li><a href="#module_ui/slider.Slider+setVisibility">.setVisibility()</a></li>
5151
+ <li><a href="#module_ui/slider.Slider+fadeSlide">.fadeSlide()</a></li>
5152
+ <li><a href="#module_ui/slider.Slider+slideTransition">.slideTransition()</a></li>
5153
+ <li><a href="#module_ui/slider.Slider+fadeTransition">.fadeTransition()</a></li>
5154
+ <li><a href="#module_ui/slider.Slider+noTransition">.noTransition()</a></li>
5155
+ </ul>
5156
+ </li>
5157
+ <li><a href="#module_ui/slider.initializer">.initializer</a></li>
5158
+ <li><a href="#module_ui/slider.init">.init()</a></li>
5159
+ <li><a href="#module_ui/slider.setupSlider">.setupSlider(container, options)</a></li>
5160
+ </ul>
5161
+ </li>
5162
+ </ul>
5163
+ <p><a name="module_ui/slider.Slider"></a></p>
5164
+ <h2 id="ui%2Fslider.slider" tabindex="-1">ui/slider.Slider</h2>
5165
+ <p>Class that controls slider</p>
5166
+ <p><strong>Kind</strong>: static class of <a href="#module_ui/slider"><code>ui/slider</code></a></p>
5167
+ <ul>
5168
+ <li><a href="#module_ui/slider.Slider">.Slider</a>
5169
+ <ul>
5170
+ <li><a href="#module_ui/slider.Slider+defaults">.defaults</a></li>
5171
+ <li><a href="#module_ui/slider.Slider+handleResize">.handleResize()</a></li>
5172
+ <li><a href="#module_ui/slider.Slider+previous">.previous()</a></li>
5173
+ <li><a href="#module_ui/slider.Slider+next">.next()</a></li>
5174
+ <li><a href="#module_ui/slider.Slider+ensureTransitionEnds">.ensureTransitionEnds(element, duration, beginTransition)</a></li>
5175
+ <li><a href="#module_ui/slider.Slider+translateTo">.translateTo()</a></li>
5176
+ <li><a href="#module_ui/slider.Slider+setVisibility">.setVisibility()</a></li>
5177
+ <li><a href="#module_ui/slider.Slider+fadeSlide">.fadeSlide()</a></li>
5178
+ <li><a href="#module_ui/slider.Slider+slideTransition">.slideTransition()</a></li>
5179
+ <li><a href="#module_ui/slider.Slider+fadeTransition">.fadeTransition()</a></li>
5180
+ <li><a href="#module_ui/slider.Slider+noTransition">.noTransition()</a></li>
5181
+ </ul>
5182
+ </li>
5183
+ </ul>
5184
+ <p><a name="module_ui/slider.Slider+defaults"></a></p>
5185
+ <h3 id="slider.defaults" tabindex="-1">slider.defaults</h3>
5186
+ <p>Default options for slider</p>
5187
+ <p><strong>Kind</strong>: instance property of <a href="#module_ui/slider.Slider"><code>Slider</code></a><br>
5188
+ <a name="module_ui/slider.Slider+handleResize"></a></p>
5189
+ <h3 id="slider.handleresize()" tabindex="-1">slider.handleResize()</h3>
5190
+ <p>Sliding mechanism needs translate updated on resize</p>
5191
+ <p><strong>Kind</strong>: instance method of <a href="#module_ui/slider.Slider"><code>Slider</code></a><br>
5192
+ <a name="module_ui/slider.Slider+previous"></a></p>
5193
+ <h3 id="slider.previous()" tabindex="-1">slider.previous()</h3>
5194
+ <p>Goto to the previous slide</p>
5195
+ <p><strong>Kind</strong>: instance method of <a href="#module_ui/slider.Slider"><code>Slider</code></a><br>
5196
+ <a name="module_ui/slider.Slider+next"></a></p>
5197
+ <h3 id="slider.next()" tabindex="-1">slider.next()</h3>
5198
+ <p>Goto to the next slide</p>
5199
+ <p><strong>Kind</strong>: instance method of <a href="#module_ui/slider.Slider"><code>Slider</code></a><br>
5200
+ <a name="module_ui/slider.Slider+ensureTransitionEnds"></a></p>
5201
+ <h3 id="slider.ensuretransitionends(element%2C-duration%2C-begintransition)" tabindex="-1">slider.ensureTransitionEnds(element, duration, beginTransition)</h3>
5202
+ <p>Makes sure that no matter what the callback is called if transition event
5203
+ doesn't start or fails to finish/cancel</p>
5204
+ <p><strong>Kind</strong>: instance method of <a href="#module_ui/slider.Slider"><code>Slider</code></a></p>
5205
+ <table>
5206
+ <thead>
5207
+ <tr>
5208
+ <th>Param</th>
5209
+ <th>Type</th>
5210
+ <th>Description</th>
5211
+ </tr>
5212
+ </thead>
5213
+ <tbody>
5214
+ <tr>
5215
+ <td>element</td>
5216
+ <td><code>number</code></td>
5217
+ <td></td>
5218
+ </tr>
5219
+ <tr>
5220
+ <td>duration</td>
5221
+ <td><code>number</code></td>
5222
+ <td>Duration to wait for complete</td>
5223
+ </tr>
5224
+ <tr>
5225
+ <td>beginTransition</td>
5226
+ <td><code>function</code></td>
5227
+ <td>Css changes to begin/start transtion</td>
5228
+ </tr>
5229
+ </tbody>
5230
+ </table>
5231
+ <p><a name="module_ui/slider.Slider+translateTo"></a></p>
5232
+ <h3 id="slider.translateto()" tabindex="-1">slider.translateTo()</h3>
5233
+ <p>Translate the track to X</p>
5234
+ <p><strong>Kind</strong>: instance method of <a href="#module_ui/slider.Slider"><code>Slider</code></a><br>
5235
+ <a name="module_ui/slider.Slider+setVisibility"></a></p>
5236
+ <h3 id="slider.setvisibility()" tabindex="-1">slider.setVisibility()</h3>
5237
+ <p>Show's a specifc slide and hides others, except when passing true to show all
5238
+ then all slides will visible</p>
5239
+ <p><strong>Kind</strong>: instance method of <a href="#module_ui/slider.Slider"><code>Slider</code></a><br>
5240
+ <a name="module_ui/slider.Slider+fadeSlide"></a></p>
5241
+ <h3 id="slider.fadeslide()" tabindex="-1">slider.fadeSlide()</h3>
5242
+ <p>Perform a fade on a single slide</p>
5243
+ <p><strong>Kind</strong>: instance method of <a href="#module_ui/slider.Slider"><code>Slider</code></a><br>
5244
+ <a name="module_ui/slider.Slider+slideTransition"></a></p>
5245
+ <h3 id="slider.slidetransition()" tabindex="-1">slider.slideTransition()</h3>
5246
+ <p>Handler for the entire slide transtion</p>
5247
+ <p><strong>Kind</strong>: instance method of <a href="#module_ui/slider.Slider"><code>Slider</code></a><br>
5248
+ <a name="module_ui/slider.Slider+fadeTransition"></a></p>
5249
+ <h3 id="slider.fadetransition()" tabindex="-1">slider.fadeTransition()</h3>
5250
+ <p>Handler for the entire fade transtion</p>
5251
+ <p><strong>Kind</strong>: instance method of <a href="#module_ui/slider.Slider"><code>Slider</code></a><br>
5252
+ <a name="module_ui/slider.Slider+noTransition"></a></p>
5253
+ <h3 id="slider.notransition()" tabindex="-1">slider.noTransition()</h3>
5254
+ <p>Handler for the entire NO transtion</p>
5255
+ <p><strong>Kind</strong>: instance method of <a href="#module_ui/slider.Slider"><code>Slider</code></a><br>
5256
+ <a name="module_ui/slider.initializer"></a></p>
5257
+ <h2 id="ui%2Fslider.initializer" tabindex="-1">ui/slider.initializer</h2>
5258
+ <p>Slider Component Initializer</p>
5259
+ <p><strong>Kind</strong>: static constant of <a href="#module_ui/slider"><code>ui/slider</code></a><br>
5260
+ <a name="module_ui/slider.init"></a></p>
5261
+ <h2 id="ui%2Fslider.init()" tabindex="-1">ui/slider.init()</h2>
5262
+ <p>Initialize all sliders based on data attribute selectors</p>
5263
+ <p><strong>Kind</strong>: static method of <a href="#module_ui/slider"><code>ui/slider</code></a><br>
5264
+ <a name="module_ui/slider.setupSlider"></a></p>
5265
+ <h2 id="ui%2Fslider.setupslider(container%2C-options)" tabindex="-1">ui/slider.setupSlider(container, options)</h2>
5266
+ <p>Setup single slider instance from querying via data attribute selectors</p>
5267
+ <p><strong>Kind</strong>: static method of <a href="#module_ui/slider"><code>ui/slider</code></a></p>
5268
+ <table>
5269
+ <thead>
5270
+ <tr>
5271
+ <th>Param</th>
5272
+ <th>Type</th>
5273
+ <th>Description</th>
5274
+ </tr>
5275
+ </thead>
5276
+ <tbody>
5277
+ <tr>
5278
+ <td>container</td>
5279
+ <td><code>Node</code></td>
5280
+ <td>The slide container to query children from</td>
5281
+ </tr>
5282
+ <tr>
5283
+ <td>options</td>
5284
+ <td><code>Object</code></td>
5285
+ <td>Options for slider class</td>
5286
+ </tr>
5287
+ </tbody>
5288
+ </table>
5068
5289
 
5069
5290
  </div>
5070
5291
  </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>
@@ -5049,10 +5079,10 @@
5049
5079
  <li><a href="#ui%2Ftabs.instances-%3A-array">ui/tabs.instances : Array</a>
5050
5080
  </li>
5051
5081
 
5052
- <li><a href="#ui%2Ftabs.init(options)">ui/tabs.init(options)</a>
5082
+ <li><a href="#ui%2Ftabs.initializer">ui/tabs.initializer</a>
5053
5083
  </li>
5054
5084
 
5055
- <li><a href="#ui%2Ftabs.initwithin(context%2C-options)">ui/tabs.initWithin(context, options)</a>
5085
+ <li><a href="#ui%2Ftabs.init()">ui/tabs.init()</a>
5056
5086
  </li>
5057
5087
 
5058
5088
  <li><a href="#ui%2Ftabs.setup(element%2C-options)-%E2%87%92-object">ui/tabs.setup(element, options) ⇒ Object</a>
@@ -5085,8 +5115,8 @@
5085
5115
  <li><em>static</em>
5086
5116
  <ul>
5087
5117
  <li><a href="#module_ui/tabs.instances">.instances</a> : <code>Array</code></li>
5088
- <li><a href="#module_ui/tabs.init">.init(options)</a></li>
5089
- <li><a href="#module_ui/tabs.initWithin">.initWithin(context, options)</a></li>
5118
+ <li><a href="#module_ui/tabs.initializer">.initializer</a></li>
5119
+ <li><a href="#module_ui/tabs.init">.init()</a></li>
5090
5120
  <li><a href="#module_ui/tabs.setup">.setup(element, options)</a> ⇒ <code>Object</code></li>
5091
5121
  </ul>
5092
5122
  </li>
@@ -5104,52 +5134,15 @@
5104
5134
  <h2 id="ui%2Ftabs.instances-%3A-array" tabindex="-1">ui/tabs.instances : <code>Array</code></h2>
5105
5135
  <p>Array of current tab instances (exported if you need to interact with them)</p>
5106
5136
  <p><strong>Kind</strong>: static constant of <a href="#module_ui/tabs"><code>ui/tabs</code></a><br>
5137
+ <a name="module_ui/tabs.initializer"></a></p>
5138
+ <h2 id="ui%2Ftabs.initializer" tabindex="-1">ui/tabs.initializer</h2>
5139
+ <p>Tabs Component Initializer</p>
5140
+ <p><strong>Kind</strong>: static constant of <a href="#module_ui/tabs"><code>ui/tabs</code></a><br>
5107
5141
  <a name="module_ui/tabs.init"></a></p>
5108
- <h2 id="ui%2Ftabs.init(options)" tabindex="-1">ui/tabs.init(options)</h2>
5142
+ <h2 id="ui%2Ftabs.init()" tabindex="-1">ui/tabs.init()</h2>
5109
5143
  <p>Init all instances currently in document</p>
5110
- <p><strong>Kind</strong>: static method of <a href="#module_ui/tabs"><code>ui/tabs</code></a></p>
5111
- <table>
5112
- <thead>
5113
- <tr>
5114
- <th>Param</th>
5115
- <th>Type</th>
5116
- <th>Description</th>
5117
- </tr>
5118
- </thead>
5119
- <tbody>
5120
- <tr>
5121
- <td>options</td>
5122
- <td><code>Object</code></td>
5123
- <td>Options to serve as defaults</td>
5124
- </tr>
5125
- </tbody>
5126
- </table>
5127
- <p><a name="module_ui/tabs.initWithin"></a></p>
5128
- <h2 id="ui%2Ftabs.initwithin(context%2C-options)" tabindex="-1">ui/tabs.initWithin(context, options)</h2>
5129
- <p>Init all tabs within a certain context</p>
5130
- <p><strong>Kind</strong>: static method of <a href="#module_ui/tabs"><code>ui/tabs</code></a></p>
5131
- <table>
5132
- <thead>
5133
- <tr>
5134
- <th>Param</th>
5135
- <th>Type</th>
5136
- <th>Description</th>
5137
- </tr>
5138
- </thead>
5139
- <tbody>
5140
- <tr>
5141
- <td>context</td>
5142
- <td><code>Node</code></td>
5143
- <td>Element to init within</td>
5144
- </tr>
5145
- <tr>
5146
- <td>options</td>
5147
- <td><code>Object</code></td>
5148
- <td>Options to serve as defaults</td>
5149
- </tr>
5150
- </tbody>
5151
- </table>
5152
- <p><a name="module_ui/tabs.setup"></a></p>
5144
+ <p><strong>Kind</strong>: static method of <a href="#module_ui/tabs"><code>ui/tabs</code></a><br>
5145
+ <a name="module_ui/tabs.setup"></a></p>
5153
5146
  <h2 id="ui%2Ftabs.setup(element%2C-options)-%E2%87%92-object" tabindex="-1">ui/tabs.setup(element, options) ⇒ <code>Object</code></h2>
5154
5147
  <p><strong>Kind</strong>: static method of <a href="#module_ui/tabs"><code>ui/tabs</code></a><br>
5155
5148
  <strong>Returns</strong>: <code>Object</code> - Instance object</p>
@@ -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,7 @@
5046
5076
  <div class="toc">
5047
5077
  <ol>
5048
5078
 
5049
- <li><a href="#ui%2Ftheme-toggle.attrs">ui/theme-toggle.attrs</a>
5079
+ <li><a href="#ui%2Ftheme-toggle.initializer">ui/theme-toggle.initializer</a>
5050
5080
  </li>
5051
5081
 
5052
5082
  <li><a href="#ui%2Ftheme-toggle.defaults">ui/theme-toggle.defaults</a>
@@ -5058,9 +5088,6 @@
5058
5088
  <li><a href="#ui%2Ftheme-toggle.init()">ui/theme-toggle.init()</a>
5059
5089
  </li>
5060
5090
 
5061
- <li><a href="#ui%2Ftheme-toggle.setup()">ui/theme-toggle.setup()</a>
5062
- </li>
5063
-
5064
5091
  <li><a href="#ui%2Ftheme-toggle.setuptoggle(toggle)">ui/theme-toggle.setupToggle(toggle)</a>
5065
5092
 
5066
5093
  <ol>
@@ -5120,11 +5147,10 @@
5120
5147
  <ul>
5121
5148
  <li><em>static</em>
5122
5149
  <ul>
5123
- <li><a href="#module_ui/theme-toggle.attrs">.attrs</a></li>
5150
+ <li><a href="#module_ui/theme-toggle.initializer">.initializer</a></li>
5124
5151
  <li><a href="#module_ui/theme-toggle.defaults">.defaults</a></li>
5125
5152
  <li><a href="#module_ui/theme-toggle.setDefaults">.setDefaults(options)</a></li>
5126
5153
  <li><a href="#module_ui/theme-toggle.init">.init()</a></li>
5127
- <li><a href="#module_ui/theme-toggle.setup">.setup()</a></li>
5128
5154
  <li><a href="#module_ui/theme-toggle.setupToggle">.setupToggle(toggle)</a>
5129
5155
  <ul>
5130
5156
  <li><a href="#module_ui/theme-toggle.setupToggle..toggleState">~toggleState()</a></li>
@@ -5150,9 +5176,9 @@
5150
5176
  </ul>
5151
5177
  </li>
5152
5178
  </ul>
5153
- <p><a name="module_ui/theme-toggle.attrs"></a></p>
5154
- <h2 id="ui%2Ftheme-toggle.attrs" tabindex="-1">ui/theme-toggle.attrs</h2>
5155
- <p>Default data attributes</p>
5179
+ <p><a name="module_ui/theme-toggle.initializer"></a></p>
5180
+ <h2 id="ui%2Ftheme-toggle.initializer" tabindex="-1">ui/theme-toggle.initializer</h2>
5181
+ <p>Theme Toggle Component Initializer</p>
5156
5182
  <p><strong>Kind</strong>: static constant of <a href="#module_ui/theme-toggle"><code>ui/theme-toggle</code></a><br>
5157
5183
  <a name="module_ui/theme-toggle.defaults"></a></p>
5158
5184
  <h2 id="ui%2Ftheme-toggle.defaults" tabindex="-1">ui/theme-toggle.defaults</h2>
@@ -5187,10 +5213,6 @@
5187
5213
  <li>This will only initialize elements once, it is safe to call on page changes</li>
5188
5214
  </ul>
5189
5215
  <p><strong>Kind</strong>: static method of <a href="#module_ui/theme-toggle"><code>ui/theme-toggle</code></a><br>
5190
- <a name="module_ui/theme-toggle.setup"></a></p>
5191
- <h2 id="ui%2Ftheme-toggle.setup()" tabindex="-1">ui/theme-toggle.setup()</h2>
5192
- <p>Query and setup all</p>
5193
- <p><strong>Kind</strong>: static method of <a href="#module_ui/theme-toggle"><code>ui/theme-toggle</code></a><br>
5194
5216
  <a name="module_ui/theme-toggle.setupToggle"></a></p>
5195
5217
  <h2 id="ui%2Ftheme-toggle.setuptoggle(toggle)" tabindex="-1">ui/theme-toggle.setupToggle(toggle)</h2>
5196
5218
  <p>Sets up a single toggle</p>