@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.
- package/CHANGELOG.md +53 -0
- package/dist/ulu-frontend.min.css +1 -1
- package/dist/ulu-frontend.min.js +23 -23
- package/docs-dev/changelog/index.html +161 -8
- package/docs-dev/demos/accordion/index.html +38 -8
- package/docs-dev/demos/button/index.html +38 -8
- package/docs-dev/demos/button-verbose/index.html +38 -8
- package/docs-dev/demos/callout/index.html +65 -8
- package/docs-dev/demos/captioned-figure/index.html +38 -8
- package/docs-dev/demos/card/index.html +59 -33
- package/docs-dev/demos/card-grid/index.html +42 -12
- package/docs-dev/demos/css-icons/index.html +38 -8
- package/docs-dev/demos/data-grid/index.html +38 -8
- package/docs-dev/demos/data-table/index.html +63 -33
- package/docs-dev/demos/details-group/index.html +71 -8
- package/docs-dev/demos/file-save/index.html +38 -8
- package/docs-dev/demos/flipcard/index.html +38 -8
- package/docs-dev/demos/form-theme/index.html +38 -8
- package/docs-dev/demos/index.html +38 -8
- package/docs-dev/demos/list-inline/index.html +38 -8
- package/docs-dev/demos/list-lines/index.html +38 -8
- package/docs-dev/demos/menu-stack/index.html +38 -8
- package/docs-dev/demos/modals/index.html +51 -10
- package/docs-dev/demos/nav-strip/index.html +38 -8
- package/docs-dev/demos/overlay-section/index.html +38 -8
- package/docs-dev/demos/popovers/index.html +38 -8
- package/docs-dev/demos/print/index.html +38 -8
- package/docs-dev/demos/pull-quote/index.html +38 -8
- package/docs-dev/demos/rule/index.html +38 -8
- package/docs-dev/demos/scrollpoints/index.html +39 -9
- package/docs-dev/demos/spoke-spinner/index.html +38 -8
- package/docs-dev/demos/sticky-list/index.html +38 -8
- package/docs-dev/demos/tabs/index.html +74 -8
- package/docs-dev/demos/tag/index.html +38 -8
- package/docs-dev/demos/theme-toggle/index.html +38 -8
- package/docs-dev/demos/tiles/index.html +38 -8
- package/docs-dev/demos/tooltip/index.html +38 -8
- package/docs-dev/guide/building-stylesheet/index.html +38 -8
- package/docs-dev/guide/developing-ulu-scss-module/index.html +38 -8
- package/docs-dev/guide/index.html +38 -8
- package/docs-dev/index.html +38 -8
- package/docs-dev/javascript/events/index.html +38 -8
- package/docs-dev/javascript/index.html +38 -8
- package/docs-dev/javascript/settings/index.html +38 -8
- package/docs-dev/javascript/ui-breakpoints/index.html +38 -8
- package/docs-dev/javascript/ui-collapsible/index.html +38 -8
- package/docs-dev/javascript/ui-details-group/index.html +56 -38
- package/docs-dev/javascript/ui-dialog/index.html +70 -25
- package/docs-dev/javascript/ui-flipcard/index.html +99 -13
- package/docs-dev/javascript/ui-grid/index.html +48 -44
- package/docs-dev/javascript/ui-modal-builder/index.html +49 -40
- package/docs-dev/javascript/ui-overflow-scroller/index.html +38 -8
- package/docs-dev/javascript/ui-overflow-scroller-pager/index.html +38 -8
- package/docs-dev/javascript/ui-page/index.html +38 -8
- package/docs-dev/javascript/ui-popover/index.html +46 -20
- package/docs-dev/javascript/ui-print/index.html +38 -16
- package/docs-dev/javascript/ui-print-details/index.html +38 -8
- package/docs-dev/javascript/ui-programmatic-modal/index.html +38 -8
- package/docs-dev/javascript/ui-proxy-click/index.html +125 -10
- package/docs-dev/javascript/ui-resizer/index.html +38 -8
- package/docs-dev/javascript/ui-scroll-slider/index.html +76 -14
- package/docs-dev/javascript/ui-scrollpoint/index.html +44 -21
- package/docs-dev/javascript/ui-slider/index.html +234 -13
- package/docs-dev/javascript/ui-tabs/index.html +49 -56
- package/docs-dev/javascript/ui-theme-toggle/index.html +43 -21
- package/docs-dev/javascript/ui-tooltip/index.html +45 -19
- package/docs-dev/javascript/utils-class-logger/index.html +38 -8
- package/docs-dev/javascript/utils-dom/index.html +63 -8
- package/docs-dev/javascript/utils-file-save/index.html +38 -8
- package/docs-dev/javascript/utils-floating-ui/index.html +38 -8
- package/docs-dev/javascript/utils-id/index.html +38 -8
- package/docs-dev/javascript/utils-pause-youtube-video/index.html +38 -8
- package/docs-dev/javascript/utils-system/index.html +5437 -0
- package/docs-dev/sass/base/color/index.html +38 -8
- package/docs-dev/sass/base/elements/index.html +38 -8
- package/docs-dev/sass/base/index/index.html +38 -8
- package/docs-dev/sass/base/index.html +38 -8
- package/docs-dev/sass/base/keyframes/index.html +38 -8
- package/docs-dev/sass/base/layout/index.html +38 -8
- package/docs-dev/sass/base/normalize/index.html +38 -8
- package/docs-dev/sass/base/print/index.html +38 -8
- package/docs-dev/sass/base/root/index.html +38 -8
- package/docs-dev/sass/base/typography/index.html +38 -8
- package/docs-dev/sass/components/accordion/index.html +39 -9
- package/docs-dev/sass/components/adaptive-spacing/index.html +38 -8
- package/docs-dev/sass/components/badge/index.html +38 -8
- package/docs-dev/sass/components/basic-hero/index.html +38 -8
- package/docs-dev/sass/components/button/index.html +38 -8
- package/docs-dev/sass/components/button-verbose/index.html +72 -37
- package/docs-dev/sass/components/callout/index.html +124 -35
- package/docs-dev/sass/components/captioned-figure/index.html +38 -8
- package/docs-dev/sass/components/card/index.html +38 -8
- package/docs-dev/sass/components/card-grid/index.html +38 -8
- package/docs-dev/sass/components/css-icon/index.html +38 -8
- package/docs-dev/sass/components/data-grid/index.html +38 -8
- package/docs-dev/sass/components/data-table/index.html +53 -16
- package/docs-dev/sass/components/fill-context/index.html +38 -8
- package/docs-dev/sass/components/flipcard/index.html +38 -8
- package/docs-dev/sass/components/flipcard-grid/index.html +38 -8
- package/docs-dev/sass/components/form-theme/index.html +84 -60
- package/docs-dev/sass/components/hero/index.html +38 -8
- package/docs-dev/sass/components/horizontal-rule/index.html +38 -8
- package/docs-dev/sass/components/image-grid/index.html +38 -8
- package/docs-dev/sass/components/index/index.html +38 -8
- package/docs-dev/sass/components/index.html +38 -8
- package/docs-dev/sass/components/links/index.html +38 -8
- package/docs-dev/sass/components/list-inline/index.html +38 -8
- package/docs-dev/sass/components/list-lines/index.html +38 -8
- package/docs-dev/sass/components/list-ordered/index.html +38 -8
- package/docs-dev/sass/components/list-unordered/index.html +38 -8
- package/docs-dev/sass/components/menu-stack/index.html +38 -8
- package/docs-dev/sass/components/modal/index.html +38 -8
- package/docs-dev/sass/components/nav-strip/index.html +38 -8
- package/docs-dev/sass/components/overlay-section/index.html +38 -8
- package/docs-dev/sass/components/pager/index.html +38 -8
- package/docs-dev/sass/components/placeholder-block/index.html +38 -8
- package/docs-dev/sass/components/popover/index.html +38 -8
- package/docs-dev/sass/components/pull-quote/index.html +38 -8
- package/docs-dev/sass/components/ratio-box/index.html +38 -8
- package/docs-dev/sass/components/rule/index.html +38 -8
- package/docs-dev/sass/components/scroll-slider/index.html +46 -28
- package/docs-dev/sass/components/skip-link/index.html +38 -8
- package/docs-dev/sass/components/slider/index.html +38 -8
- package/docs-dev/sass/components/spoke-spinner/index.html +40 -10
- package/docs-dev/sass/components/sticky-list/index.html +38 -8
- package/docs-dev/sass/components/tabs/index.html +38 -8
- package/docs-dev/sass/components/tag/index.html +40 -10
- package/docs-dev/sass/components/tile-button/index.html +38 -8
- package/docs-dev/sass/components/tile-grid/index.html +38 -8
- package/docs-dev/sass/components/tile-grid-overlay/index.html +38 -8
- package/docs-dev/sass/components/vignette/index.html +38 -8
- package/docs-dev/sass/components/wysiwyg/index.html +38 -8
- package/docs-dev/sass/core/breakpoint/index.html +38 -8
- package/docs-dev/sass/core/button/index.html +38 -8
- package/docs-dev/sass/core/color/index.html +38 -8
- package/docs-dev/sass/core/cssvar/index.html +38 -8
- package/docs-dev/sass/core/element/index.html +218 -47
- package/docs-dev/sass/core/index.html +38 -8
- package/docs-dev/sass/core/layout/index.html +94 -45
- package/docs-dev/sass/core/path/index.html +38 -8
- package/docs-dev/sass/core/selector/index.html +38 -8
- package/docs-dev/sass/core/typography/index.html +38 -8
- package/docs-dev/sass/core/units/index.html +38 -8
- package/docs-dev/sass/core/utils/index.html +302 -68
- package/docs-dev/sass/helpers/color/index.html +38 -8
- package/docs-dev/sass/helpers/display/index.html +38 -8
- package/docs-dev/sass/helpers/index/index.html +38 -8
- package/docs-dev/sass/helpers/index.html +38 -8
- package/docs-dev/sass/helpers/print/index.html +38 -8
- package/docs-dev/sass/helpers/typography/index.html +38 -8
- package/docs-dev/sass/helpers/units/index.html +38 -8
- package/docs-dev/sass/helpers/utilities/index.html +38 -8
- package/docs-dev/sass/index.html +38 -8
- package/js/ui/breakpoints.js +1 -2
- package/js/ui/details-group.js +33 -42
- package/js/ui/dialog.js +64 -41
- package/js/ui/dialog.todo +2 -36
- package/js/ui/flipcard.js +37 -57
- package/js/ui/grid.js +15 -13
- package/js/ui/modal-builder.js +24 -38
- package/js/ui/popover.js +38 -39
- package/js/ui/print.js +16 -25
- package/js/ui/proxy-click.js +50 -36
- package/js/ui/scroll-slider.js +24 -30
- package/js/ui/scrollpoint.js +27 -63
- package/js/ui/slider.js +53 -55
- package/js/ui/tabs.js +23 -36
- package/js/ui/theme-toggle.js +37 -41
- package/js/ui/tooltip.js +27 -32
- package/js/utils/dom.js +12 -0
- package/js/utils/system.js +154 -0
- package/package.json +1 -1
- package/scss/_element.scss +91 -0
- package/scss/_layout.scss +3 -1
- package/scss/_utils.scss +42 -0
- package/scss/components/_accordion.scss +1 -2
- package/scss/components/_button-verbose.scss +41 -36
- package/scss/components/_callout.scss +113 -53
- package/scss/components/_data-table.scss +3 -0
- package/scss/components/_form-theme.scss +24 -25
- package/scss/components/_scroll-slider.scss +0 -4
- package/types/ui/breakpoints.d.ts.map +1 -1
- package/types/ui/details-group.d.ts +7 -12
- package/types/ui/details-group.d.ts.map +1 -1
- package/types/ui/dialog.d.ts +19 -14
- package/types/ui/dialog.d.ts.map +1 -1
- package/types/ui/flipcard.d.ts +16 -10
- package/types/ui/flipcard.d.ts.map +1 -1
- package/types/ui/grid.d.ts +4 -6
- package/types/ui/grid.d.ts.map +1 -1
- package/types/ui/modal-builder.d.ts +5 -9
- package/types/ui/modal-builder.d.ts.map +1 -1
- package/types/ui/popover.d.ts +6 -7
- package/types/ui/popover.d.ts.map +1 -1
- package/types/ui/print.d.ts +0 -4
- package/types/ui/print.d.ts.map +1 -1
- package/types/ui/proxy-click.d.ts +19 -3
- package/types/ui/proxy-click.d.ts.map +1 -1
- package/types/ui/scroll-slider.d.ts +5 -7
- package/types/ui/scroll-slider.d.ts.map +1 -1
- package/types/ui/scrollpoint.d.ts +3 -8
- package/types/ui/scrollpoint.d.ts.map +1 -1
- package/types/ui/slider.d.ts +22 -12
- package/types/ui/slider.d.ts.map +1 -1
- package/types/ui/tabs.d.ts +6 -8
- package/types/ui/tabs.d.ts.map +1 -1
- package/types/ui/theme-toggle.d.ts +6 -13
- package/types/ui/theme-toggle.d.ts.map +1 -1
- package/types/ui/tooltip.d.ts +3 -5
- package/types/ui/tooltip.d.ts.map +1 -1
- package/types/utils/dom.d.ts +6 -0
- package/types/utils/dom.d.ts.map +1 -1
- package/types/utils/system.d.ts +113 -0
- 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
|
|
246
|
+
<a class="nav-tree__link " href="/frontend/demos/card/">
|
|
247
247
|
|
|
248
248
|
|
|
249
249
|
<span class="nav-tree__text">
|
|
250
|
-
Card
|
|
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
|
|
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
|
|
2747
|
+
<a class="nav-tree__link " href="/frontend/demos/card/">
|
|
2733
2748
|
|
|
2734
2749
|
|
|
2735
2750
|
<span class="nav-tree__text">
|
|
2736
|
-
Card
|
|
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
|
|
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
|
|
246
|
+
<a class="nav-tree__link " href="/frontend/demos/card/">
|
|
247
247
|
|
|
248
248
|
|
|
249
249
|
<span class="nav-tree__text">
|
|
250
|
-
Card
|
|
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
|
|
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
|
|
2747
|
+
<a class="nav-tree__link " href="/frontend/demos/card/">
|
|
2733
2748
|
|
|
2734
2749
|
|
|
2735
2750
|
<span class="nav-tree__text">
|
|
2736
|
-
Card
|
|
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
|
|
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
|
|
246
|
+
<a class="nav-tree__link " href="/frontend/demos/card/">
|
|
247
247
|
|
|
248
248
|
|
|
249
249
|
<span class="nav-tree__text">
|
|
250
|
-
Card
|
|
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
|
|
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
|
|
2747
|
+
<a class="nav-tree__link " href="/frontend/demos/card/">
|
|
2733
2748
|
|
|
2734
2749
|
|
|
2735
2750
|
<span class="nav-tree__text">
|
|
2736
|
-
Card
|
|
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
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
5114
|
-
<h2 id="ui%2Fdetails-group.
|
|
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
|
|
246
|
+
<a class="nav-tree__link " href="/frontend/demos/card/">
|
|
247
247
|
|
|
248
248
|
|
|
249
249
|
<span class="nav-tree__text">
|
|
250
|
-
Card
|
|
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
|
|
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
|
|
2747
|
+
<a class="nav-tree__link " href="/frontend/demos/card/">
|
|
2733
2748
|
|
|
2734
2749
|
|
|
2735
2750
|
<span class="nav-tree__text">
|
|
2736
|
-
Card
|
|
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
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
5116
|
-
<h2 id="ui%2Fdialog.
|
|
5117
|
-
<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
|
|
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>
|