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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (209) hide show
  1. package/CHANGELOG.md +43 -17
  2. package/dist/ulu-frontend.min.css +1 -1
  3. package/dist/ulu-frontend.min.js +23 -23
  4. package/docs-dev/changelog/index.html +105 -10
  5. package/docs-dev/demos/accordion/index.html +30 -0
  6. package/docs-dev/demos/button/index.html +30 -0
  7. package/docs-dev/demos/button-verbose/index.html +30 -0
  8. package/docs-dev/demos/callout/index.html +39 -0
  9. package/docs-dev/demos/captioned-figure/index.html +30 -0
  10. package/docs-dev/demos/card/index.html +44 -14
  11. package/docs-dev/demos/card-grid/index.html +30 -0
  12. package/docs-dev/demos/css-icons/index.html +30 -0
  13. package/docs-dev/demos/data-grid/index.html +30 -0
  14. package/docs-dev/demos/data-table/index.html +55 -25
  15. package/docs-dev/demos/details-group/index.html +63 -0
  16. package/docs-dev/demos/file-save/index.html +30 -0
  17. package/docs-dev/demos/flipcard/index.html +30 -0
  18. package/docs-dev/demos/form-theme/index.html +30 -0
  19. package/docs-dev/demos/index.html +30 -0
  20. package/docs-dev/demos/list-inline/index.html +30 -0
  21. package/docs-dev/demos/list-lines/index.html +30 -0
  22. package/docs-dev/demos/menu-stack/index.html +30 -0
  23. package/docs-dev/demos/modals/index.html +43 -2
  24. package/docs-dev/demos/nav-strip/index.html +30 -0
  25. package/docs-dev/demos/overlay-section/index.html +30 -0
  26. package/docs-dev/demos/popovers/index.html +30 -0
  27. package/docs-dev/demos/print/index.html +30 -0
  28. package/docs-dev/demos/pull-quote/index.html +30 -0
  29. package/docs-dev/demos/rule/index.html +30 -0
  30. package/docs-dev/demos/scrollpoints/index.html +31 -1
  31. package/docs-dev/demos/spoke-spinner/index.html +30 -0
  32. package/docs-dev/demos/sticky-list/index.html +30 -0
  33. package/docs-dev/demos/tabs/index.html +66 -0
  34. package/docs-dev/demos/tag/index.html +30 -0
  35. package/docs-dev/demos/theme-toggle/index.html +30 -0
  36. package/docs-dev/demos/tiles/index.html +30 -0
  37. package/docs-dev/demos/tooltip/index.html +30 -0
  38. package/docs-dev/guide/building-stylesheet/index.html +30 -0
  39. package/docs-dev/guide/developing-ulu-scss-module/index.html +30 -0
  40. package/docs-dev/guide/index.html +30 -0
  41. package/docs-dev/index.html +30 -0
  42. package/docs-dev/javascript/events/index.html +30 -0
  43. package/docs-dev/javascript/index.html +30 -0
  44. package/docs-dev/javascript/settings/index.html +30 -0
  45. package/docs-dev/javascript/ui-breakpoints/index.html +30 -0
  46. package/docs-dev/javascript/ui-collapsible/index.html +30 -0
  47. package/docs-dev/javascript/ui-details-group/index.html +48 -30
  48. package/docs-dev/javascript/ui-dialog/index.html +62 -17
  49. package/docs-dev/javascript/ui-flipcard/index.html +91 -5
  50. package/docs-dev/javascript/ui-grid/index.html +40 -36
  51. package/docs-dev/javascript/ui-modal-builder/index.html +41 -32
  52. package/docs-dev/javascript/ui-overflow-scroller/index.html +30 -0
  53. package/docs-dev/javascript/ui-overflow-scroller-pager/index.html +30 -0
  54. package/docs-dev/javascript/ui-page/index.html +30 -0
  55. package/docs-dev/javascript/ui-popover/index.html +38 -12
  56. package/docs-dev/javascript/ui-print/index.html +30 -8
  57. package/docs-dev/javascript/ui-print-details/index.html +30 -0
  58. package/docs-dev/javascript/ui-programmatic-modal/index.html +30 -0
  59. package/docs-dev/javascript/ui-proxy-click/index.html +117 -2
  60. package/docs-dev/javascript/ui-resizer/index.html +30 -0
  61. package/docs-dev/javascript/ui-scroll-slider/index.html +68 -6
  62. package/docs-dev/javascript/ui-scrollpoint/index.html +36 -13
  63. package/docs-dev/javascript/ui-slider/index.html +226 -5
  64. package/docs-dev/javascript/ui-tabs/index.html +41 -48
  65. package/docs-dev/javascript/ui-theme-toggle/index.html +35 -13
  66. package/docs-dev/javascript/ui-tooltip/index.html +37 -11
  67. package/docs-dev/javascript/utils-class-logger/index.html +30 -0
  68. package/docs-dev/javascript/utils-dom/index.html +55 -0
  69. package/docs-dev/javascript/utils-file-save/index.html +30 -0
  70. package/docs-dev/javascript/utils-floating-ui/index.html +30 -0
  71. package/docs-dev/javascript/utils-id/index.html +30 -0
  72. package/docs-dev/javascript/utils-pause-youtube-video/index.html +30 -0
  73. package/docs-dev/javascript/utils-system/index.html +5437 -0
  74. package/docs-dev/sass/base/color/index.html +30 -0
  75. package/docs-dev/sass/base/elements/index.html +30 -0
  76. package/docs-dev/sass/base/index/index.html +30 -0
  77. package/docs-dev/sass/base/index.html +30 -0
  78. package/docs-dev/sass/base/keyframes/index.html +30 -0
  79. package/docs-dev/sass/base/layout/index.html +30 -0
  80. package/docs-dev/sass/base/normalize/index.html +30 -0
  81. package/docs-dev/sass/base/print/index.html +30 -0
  82. package/docs-dev/sass/base/root/index.html +30 -0
  83. package/docs-dev/sass/base/typography/index.html +30 -0
  84. package/docs-dev/sass/components/accordion/index.html +31 -1
  85. package/docs-dev/sass/components/adaptive-spacing/index.html +30 -0
  86. package/docs-dev/sass/components/badge/index.html +30 -0
  87. package/docs-dev/sass/components/basic-hero/index.html +30 -0
  88. package/docs-dev/sass/components/button/index.html +30 -0
  89. package/docs-dev/sass/components/button-verbose/index.html +30 -0
  90. package/docs-dev/sass/components/callout/index.html +30 -0
  91. package/docs-dev/sass/components/captioned-figure/index.html +30 -0
  92. package/docs-dev/sass/components/card/index.html +30 -0
  93. package/docs-dev/sass/components/card-grid/index.html +30 -0
  94. package/docs-dev/sass/components/css-icon/index.html +30 -0
  95. package/docs-dev/sass/components/data-grid/index.html +30 -0
  96. package/docs-dev/sass/components/data-table/index.html +45 -8
  97. package/docs-dev/sass/components/fill-context/index.html +30 -0
  98. package/docs-dev/sass/components/flipcard/index.html +30 -0
  99. package/docs-dev/sass/components/flipcard-grid/index.html +30 -0
  100. package/docs-dev/sass/components/form-theme/index.html +76 -52
  101. package/docs-dev/sass/components/hero/index.html +30 -0
  102. package/docs-dev/sass/components/horizontal-rule/index.html +30 -0
  103. package/docs-dev/sass/components/image-grid/index.html +30 -0
  104. package/docs-dev/sass/components/index/index.html +30 -0
  105. package/docs-dev/sass/components/index.html +30 -0
  106. package/docs-dev/sass/components/links/index.html +30 -0
  107. package/docs-dev/sass/components/list-inline/index.html +30 -0
  108. package/docs-dev/sass/components/list-lines/index.html +30 -0
  109. package/docs-dev/sass/components/list-ordered/index.html +30 -0
  110. package/docs-dev/sass/components/list-unordered/index.html +30 -0
  111. package/docs-dev/sass/components/menu-stack/index.html +30 -0
  112. package/docs-dev/sass/components/modal/index.html +30 -0
  113. package/docs-dev/sass/components/nav-strip/index.html +30 -0
  114. package/docs-dev/sass/components/overlay-section/index.html +30 -0
  115. package/docs-dev/sass/components/pager/index.html +30 -0
  116. package/docs-dev/sass/components/placeholder-block/index.html +30 -0
  117. package/docs-dev/sass/components/popover/index.html +30 -0
  118. package/docs-dev/sass/components/pull-quote/index.html +30 -0
  119. package/docs-dev/sass/components/ratio-box/index.html +30 -0
  120. package/docs-dev/sass/components/rule/index.html +30 -0
  121. package/docs-dev/sass/components/scroll-slider/index.html +38 -20
  122. package/docs-dev/sass/components/skip-link/index.html +30 -0
  123. package/docs-dev/sass/components/slider/index.html +30 -0
  124. package/docs-dev/sass/components/spoke-spinner/index.html +30 -0
  125. package/docs-dev/sass/components/sticky-list/index.html +30 -0
  126. package/docs-dev/sass/components/tabs/index.html +30 -0
  127. package/docs-dev/sass/components/tag/index.html +30 -0
  128. package/docs-dev/sass/components/tile-button/index.html +30 -0
  129. package/docs-dev/sass/components/tile-grid/index.html +30 -0
  130. package/docs-dev/sass/components/tile-grid-overlay/index.html +30 -0
  131. package/docs-dev/sass/components/vignette/index.html +30 -0
  132. package/docs-dev/sass/components/wysiwyg/index.html +30 -0
  133. package/docs-dev/sass/core/breakpoint/index.html +30 -0
  134. package/docs-dev/sass/core/button/index.html +30 -0
  135. package/docs-dev/sass/core/color/index.html +30 -0
  136. package/docs-dev/sass/core/cssvar/index.html +30 -0
  137. package/docs-dev/sass/core/element/index.html +30 -0
  138. package/docs-dev/sass/core/index.html +30 -0
  139. package/docs-dev/sass/core/layout/index.html +30 -0
  140. package/docs-dev/sass/core/path/index.html +30 -0
  141. package/docs-dev/sass/core/selector/index.html +30 -0
  142. package/docs-dev/sass/core/typography/index.html +30 -0
  143. package/docs-dev/sass/core/units/index.html +30 -0
  144. package/docs-dev/sass/core/utils/index.html +30 -0
  145. package/docs-dev/sass/helpers/color/index.html +30 -0
  146. package/docs-dev/sass/helpers/display/index.html +30 -0
  147. package/docs-dev/sass/helpers/index/index.html +30 -0
  148. package/docs-dev/sass/helpers/index.html +30 -0
  149. package/docs-dev/sass/helpers/print/index.html +30 -0
  150. package/docs-dev/sass/helpers/typography/index.html +30 -0
  151. package/docs-dev/sass/helpers/units/index.html +30 -0
  152. package/docs-dev/sass/helpers/utilities/index.html +30 -0
  153. package/docs-dev/sass/index.html +30 -0
  154. package/js/ui/breakpoints.js +1 -2
  155. package/js/ui/details-group.js +33 -42
  156. package/js/ui/dialog.js +64 -41
  157. package/js/ui/dialog.todo +2 -36
  158. package/js/ui/flipcard.js +37 -57
  159. package/js/ui/grid.js +15 -13
  160. package/js/ui/modal-builder.js +24 -38
  161. package/js/ui/popover.js +38 -39
  162. package/js/ui/print.js +16 -25
  163. package/js/ui/proxy-click.js +50 -36
  164. package/js/ui/scroll-slider.js +24 -30
  165. package/js/ui/scrollpoint.js +27 -63
  166. package/js/ui/slider.js +53 -55
  167. package/js/ui/tabs.js +23 -36
  168. package/js/ui/theme-toggle.js +37 -41
  169. package/js/ui/tooltip.js +27 -33
  170. package/js/utils/dom.js +12 -0
  171. package/js/utils/system.js +154 -0
  172. package/package.json +1 -1
  173. package/scss/components/_accordion.scss +1 -2
  174. package/scss/components/_data-table.scss +3 -0
  175. package/scss/components/_form-theme.scss +24 -25
  176. package/scss/components/_scroll-slider.scss +0 -4
  177. package/types/ui/breakpoints.d.ts.map +1 -1
  178. package/types/ui/details-group.d.ts +7 -12
  179. package/types/ui/details-group.d.ts.map +1 -1
  180. package/types/ui/dialog.d.ts +19 -14
  181. package/types/ui/dialog.d.ts.map +1 -1
  182. package/types/ui/flipcard.d.ts +16 -10
  183. package/types/ui/flipcard.d.ts.map +1 -1
  184. package/types/ui/grid.d.ts +4 -6
  185. package/types/ui/grid.d.ts.map +1 -1
  186. package/types/ui/modal-builder.d.ts +5 -9
  187. package/types/ui/modal-builder.d.ts.map +1 -1
  188. package/types/ui/popover.d.ts +6 -7
  189. package/types/ui/popover.d.ts.map +1 -1
  190. package/types/ui/print.d.ts +0 -4
  191. package/types/ui/print.d.ts.map +1 -1
  192. package/types/ui/proxy-click.d.ts +19 -3
  193. package/types/ui/proxy-click.d.ts.map +1 -1
  194. package/types/ui/scroll-slider.d.ts +5 -7
  195. package/types/ui/scroll-slider.d.ts.map +1 -1
  196. package/types/ui/scrollpoint.d.ts +3 -8
  197. package/types/ui/scrollpoint.d.ts.map +1 -1
  198. package/types/ui/slider.d.ts +22 -12
  199. package/types/ui/slider.d.ts.map +1 -1
  200. package/types/ui/tabs.d.ts +6 -8
  201. package/types/ui/tabs.d.ts.map +1 -1
  202. package/types/ui/theme-toggle.d.ts +6 -13
  203. package/types/ui/theme-toggle.d.ts.map +1 -1
  204. package/types/ui/tooltip.d.ts +3 -5
  205. package/types/ui/tooltip.d.ts.map +1 -1
  206. package/types/utils/dom.d.ts +6 -0
  207. package/types/utils/dom.d.ts.map +1 -1
  208. package/types/utils/system.d.ts +113 -0
  209. package/types/utils/system.d.ts.map +1 -0
@@ -2527,6 +2527,21 @@
2527
2527
 
2528
2528
  </li>
2529
2529
 
2530
+
2531
+ <li class="nav-tree__item ">
2532
+
2533
+ <a class="nav-tree__link " href="/frontend/javascript/utils-system/">
2534
+
2535
+
2536
+ <span class="nav-tree__text">
2537
+ utils/system
2538
+ </span>
2539
+
2540
+ </a>
2541
+
2542
+
2543
+ </li>
2544
+
2530
2545
  </ul>
2531
2546
 
2532
2547
  </details>
@@ -5013,6 +5028,21 @@
5013
5028
 
5014
5029
  </li>
5015
5030
 
5031
+
5032
+ <li class="nav-tree__item ">
5033
+
5034
+ <a class="nav-tree__link " href="/frontend/javascript/utils-system/">
5035
+
5036
+
5037
+ <span class="nav-tree__text">
5038
+ utils/system
5039
+ </span>
5040
+
5041
+ </a>
5042
+
5043
+
5044
+ </li>
5045
+
5016
5046
  </ul>
5017
5047
 
5018
5048
  </details>
@@ -5046,6 +5076,9 @@
5046
5076
  <div class="toc">
5047
5077
  <ol>
5048
5078
 
5079
+ <li><a href="#utils%2Fdom.dataattributetodatasetkey(dataattribute)-%E2%87%92-string">utils/dom.dataAttributeToDatasetKey(dataAttribute) ⇒ string</a>
5080
+ </li>
5081
+
5049
5082
  <li><a href="#utils%2Fdom.getdatasetjson(element%2C-key)-%E2%87%92-object">utils/dom.getDatasetJson(element, key) ⇒ Object</a>
5050
5083
  </li>
5051
5084
 
@@ -5085,6 +5118,7 @@
5085
5118
  <ul>
5086
5119
  <li><a href="#module_utils/dom">utils/dom</a>
5087
5120
  <ul>
5121
+ <li><a href="#module_utils/dom.dataAttributeToDatasetKey">.dataAttributeToDatasetKey(dataAttribute)</a> ⇒ <code>string</code></li>
5088
5122
  <li><a href="#module_utils/dom.getDatasetJson">.getDatasetJson(element, key)</a> ⇒ <code>Object</code></li>
5089
5123
  <li><a href="#module_utils/dom.getDatasetOptionalJson">.getDatasetOptionalJson(element, key)</a> ⇒ <code>Object</code> | <code>String</code></li>
5090
5124
  <li><a href="#module_utils/dom.wasClickOutside">.wasClickOutside()</a></li>
@@ -5096,6 +5130,27 @@
5096
5130
  </ul>
5097
5131
  </li>
5098
5132
  </ul>
5133
+ <p><a name="module_utils/dom.dataAttributeToDatasetKey"></a></p>
5134
+ <h2 id="utils%2Fdom.dataattributetodatasetkey(dataattribute)-%E2%87%92-string" tabindex="-1">utils/dom.dataAttributeToDatasetKey(dataAttribute) ⇒ <code>string</code></h2>
5135
+ <p>Converts a data attribute name to its corresponding dataset property name.</p>
5136
+ <p><strong>Kind</strong>: static method of <a href="#module_utils/dom"><code>utils/dom</code></a><br>
5137
+ <strong>Returns</strong>: <code>string</code> - - The dataset property name (e.g., &quot;uluDialog&quot;).</p>
5138
+ <table>
5139
+ <thead>
5140
+ <tr>
5141
+ <th>Param</th>
5142
+ <th>Type</th>
5143
+ <th>Description</th>
5144
+ </tr>
5145
+ </thead>
5146
+ <tbody>
5147
+ <tr>
5148
+ <td>dataAttribute</td>
5149
+ <td><code>string</code></td>
5150
+ <td>The data attribute name (e.g., &quot;data-ulu-dialog&quot;).</td>
5151
+ </tr>
5152
+ </tbody>
5153
+ </table>
5099
5154
  <p><a name="module_utils/dom.getDatasetJson"></a></p>
5100
5155
  <h2 id="utils%2Fdom.getdatasetjson(element%2C-key)-%E2%87%92-object" tabindex="-1">utils/dom.getDatasetJson(element, key) ⇒ <code>Object</code></h2>
5101
5156
  <p>Get an elements JSON dataset value</p>
@@ -2527,6 +2527,21 @@
2527
2527
 
2528
2528
  </li>
2529
2529
 
2530
+
2531
+ <li class="nav-tree__item ">
2532
+
2533
+ <a class="nav-tree__link " href="/frontend/javascript/utils-system/">
2534
+
2535
+
2536
+ <span class="nav-tree__text">
2537
+ utils/system
2538
+ </span>
2539
+
2540
+ </a>
2541
+
2542
+
2543
+ </li>
2544
+
2530
2545
  </ul>
2531
2546
 
2532
2547
  </details>
@@ -5013,6 +5028,21 @@
5013
5028
 
5014
5029
  </li>
5015
5030
 
5031
+
5032
+ <li class="nav-tree__item ">
5033
+
5034
+ <a class="nav-tree__link " href="/frontend/javascript/utils-system/">
5035
+
5036
+
5037
+ <span class="nav-tree__text">
5038
+ utils/system
5039
+ </span>
5040
+
5041
+ </a>
5042
+
5043
+
5044
+ </li>
5045
+
5016
5046
  </ul>
5017
5047
 
5018
5048
  </details>
@@ -2527,6 +2527,21 @@
2527
2527
 
2528
2528
  </li>
2529
2529
 
2530
+
2531
+ <li class="nav-tree__item ">
2532
+
2533
+ <a class="nav-tree__link " href="/frontend/javascript/utils-system/">
2534
+
2535
+
2536
+ <span class="nav-tree__text">
2537
+ utils/system
2538
+ </span>
2539
+
2540
+ </a>
2541
+
2542
+
2543
+ </li>
2544
+
2530
2545
  </ul>
2531
2546
 
2532
2547
  </details>
@@ -5013,6 +5028,21 @@
5013
5028
 
5014
5029
  </li>
5015
5030
 
5031
+
5032
+ <li class="nav-tree__item ">
5033
+
5034
+ <a class="nav-tree__link " href="/frontend/javascript/utils-system/">
5035
+
5036
+
5037
+ <span class="nav-tree__text">
5038
+ utils/system
5039
+ </span>
5040
+
5041
+ </a>
5042
+
5043
+
5044
+ </li>
5045
+
5016
5046
  </ul>
5017
5047
 
5018
5048
  </details>
@@ -2527,6 +2527,21 @@
2527
2527
 
2528
2528
  </li>
2529
2529
 
2530
+
2531
+ <li class="nav-tree__item ">
2532
+
2533
+ <a class="nav-tree__link " href="/frontend/javascript/utils-system/">
2534
+
2535
+
2536
+ <span class="nav-tree__text">
2537
+ utils/system
2538
+ </span>
2539
+
2540
+ </a>
2541
+
2542
+
2543
+ </li>
2544
+
2530
2545
  </ul>
2531
2546
 
2532
2547
  </details>
@@ -5013,6 +5028,21 @@
5013
5028
 
5014
5029
  </li>
5015
5030
 
5031
+
5032
+ <li class="nav-tree__item ">
5033
+
5034
+ <a class="nav-tree__link " href="/frontend/javascript/utils-system/">
5035
+
5036
+
5037
+ <span class="nav-tree__text">
5038
+ utils/system
5039
+ </span>
5040
+
5041
+ </a>
5042
+
5043
+
5044
+ </li>
5045
+
5016
5046
  </ul>
5017
5047
 
5018
5048
  </details>
@@ -2527,6 +2527,21 @@
2527
2527
 
2528
2528
  </li>
2529
2529
 
2530
+
2531
+ <li class="nav-tree__item ">
2532
+
2533
+ <a class="nav-tree__link " href="/frontend/javascript/utils-system/">
2534
+
2535
+
2536
+ <span class="nav-tree__text">
2537
+ utils/system
2538
+ </span>
2539
+
2540
+ </a>
2541
+
2542
+
2543
+ </li>
2544
+
2530
2545
  </ul>
2531
2546
 
2532
2547
  </details>
@@ -5013,6 +5028,21 @@
5013
5028
 
5014
5029
  </li>
5015
5030
 
5031
+
5032
+ <li class="nav-tree__item ">
5033
+
5034
+ <a class="nav-tree__link " href="/frontend/javascript/utils-system/">
5035
+
5036
+
5037
+ <span class="nav-tree__text">
5038
+ utils/system
5039
+ </span>
5040
+
5041
+ </a>
5042
+
5043
+
5044
+ </li>
5045
+
5016
5046
  </ul>
5017
5047
 
5018
5048
  </details>