@ulu/frontend 0.1.0-beta.8 → 0.1.0-beta.81
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 +544 -0
- package/README.dev.md +3 -3
- package/README.md +14 -4
- package/dist/ulu-frontend.min.css +1 -1
- package/dist/ulu-frontend.min.js +34 -27
- package/docs-dev/assets/main.js +8290 -635
- package/docs-dev/assets/placeholder/icon-calendar.svg +1 -0
- package/docs-dev/assets/placeholder/icon-check.svg +1 -0
- package/docs-dev/assets/style.css +789 -338
- package/docs-dev/changelog/index.html +6593 -0
- package/docs-dev/demos/accordion/index.html +850 -328
- package/docs-dev/demos/badge/index.html +5265 -0
- package/docs-dev/demos/basic-hero/index.html +111 -0
- package/docs-dev/demos/breakpoints-manager/index.html +5276 -0
- package/docs-dev/demos/button/index.html +892 -328
- package/docs-dev/demos/button-verbose/index.html +5268 -0
- package/docs-dev/demos/callout/index.html +895 -332
- package/docs-dev/demos/captioned-figure/index.html +850 -327
- package/docs-dev/demos/card/index.html +930 -768
- package/docs-dev/demos/card-grid/index.html +5387 -0
- package/docs-dev/demos/counter-list/index.html +5270 -0
- package/docs-dev/demos/css-icons/index.html +873 -327
- package/docs-dev/demos/data-grid/index.html +870 -347
- package/docs-dev/demos/data-table/index.html +1024 -368
- package/docs-dev/demos/details-group/index.html +5297 -0
- package/docs-dev/demos/file-save/index.html +850 -327
- package/docs-dev/demos/flipcard/index.html +850 -327
- package/docs-dev/demos/form-theme/index.html +868 -358
- package/docs-dev/demos/hero/index.html +12 -4
- package/docs-dev/demos/image-grid/index.html +12 -4
- package/docs-dev/demos/index.html +851 -328
- package/docs-dev/demos/list-inline/index.html +850 -327
- package/docs-dev/demos/list-lines/index.html +850 -327
- package/docs-dev/demos/menu-stack/index.html +884 -346
- package/docs-dev/demos/modals/index.html +977 -331
- package/docs-dev/demos/nav-strip/index.html +850 -327
- package/docs-dev/demos/overlay-section/index.html +939 -346
- package/docs-dev/demos/popovers/index.html +1112 -347
- package/docs-dev/demos/print/index.html +850 -327
- package/docs-dev/demos/pull-quote/index.html +850 -327
- package/docs-dev/demos/rule/index.html +863 -328
- package/docs-dev/demos/scroll-slider/index.html +72 -106
- package/docs-dev/demos/scrollpoints/index.html +851 -328
- package/docs-dev/demos/slider/index.html +12 -4
- package/docs-dev/demos/spoke-spinner/index.html +850 -327
- package/docs-dev/demos/{list-inline.1 → sticky-list}/index.html +883 -357
- package/docs-dev/demos/tabs/index.html +886 -327
- package/docs-dev/demos/tag/index.html +850 -327
- package/docs-dev/demos/theme-toggle/index.html +5309 -0
- package/docs-dev/demos/tile-grid-overlay/index.html +12 -4
- package/docs-dev/demos/tiles/index.html +850 -327
- package/docs-dev/demos/tooltip/index.html +850 -327
- package/docs-dev/guide/building-stylesheet/index.html +850 -327
- package/docs-dev/guide/developing-ulu-scss-module/index.html +850 -327
- package/docs-dev/guide/index.html +850 -327
- package/docs-dev/index.html +850 -327
- package/docs-dev/javascript/events/index.html +888 -327
- package/docs-dev/javascript/index.html +850 -327
- package/docs-dev/javascript/settings/index.html +5435 -0
- package/docs-dev/javascript/ui-breakpoints/index.html +862 -341
- package/docs-dev/javascript/ui-collapsible/index.html +847 -326
- package/docs-dev/javascript/ui-details-group/index.html +5352 -0
- package/docs-dev/javascript/ui-dialog/index.html +879 -343
- package/docs-dev/javascript/ui-flipcard/index.html +908 -331
- package/docs-dev/javascript/ui-grid/index.html +857 -362
- package/docs-dev/javascript/ui-modal-builder/index.html +1047 -386
- package/docs-dev/javascript/ui-overflow-scroller/index.html +847 -326
- package/docs-dev/javascript/ui-overflow-scroller-pager/index.html +847 -326
- package/docs-dev/javascript/ui-page/index.html +847 -326
- package/docs-dev/javascript/ui-popover/index.html +855 -338
- package/docs-dev/javascript/ui-print/index.html +847 -334
- package/docs-dev/javascript/ui-print-details/index.html +847 -326
- package/docs-dev/javascript/ui-programmatic-modal/index.html +847 -326
- package/docs-dev/javascript/ui-proxy-click/index.html +934 -328
- package/docs-dev/javascript/ui-resizer/index.html +926 -336
- package/docs-dev/javascript/ui-scroll-slider/index.html +885 -332
- package/docs-dev/javascript/ui-scrollpoint/index.html +853 -339
- package/docs-dev/javascript/ui-slider/index.html +1043 -331
- package/docs-dev/javascript/ui-tabs/index.html +858 -374
- package/docs-dev/javascript/ui-theme-toggle/index.html +5440 -0
- package/docs-dev/javascript/ui-tooltip/index.html +854 -337
- package/docs-dev/javascript/utils-class-logger/index.html +848 -327
- package/docs-dev/javascript/utils-css/index.html +5254 -0
- package/docs-dev/javascript/utils-dom/index.html +887 -446
- package/docs-dev/javascript/utils-file-save/index.html +847 -326
- package/docs-dev/javascript/utils-floating-ui/index.html +847 -326
- package/docs-dev/javascript/utils-id/index.html +847 -326
- package/docs-dev/javascript/utils-pause-youtube-video/index.html +847 -326
- package/docs-dev/javascript/utils-system/index.html +5557 -0
- package/docs-dev/sass/base/color/index.html +847 -326
- package/docs-dev/sass/base/elements/index.html +847 -326
- package/docs-dev/sass/base/index/index.html +847 -326
- package/docs-dev/sass/base/index.html +850 -327
- package/docs-dev/sass/base/keyframes/index.html +847 -326
- package/docs-dev/sass/base/layout/index.html +847 -326
- package/docs-dev/sass/base/normalize/index.html +847 -326
- package/docs-dev/sass/base/print/index.html +847 -326
- package/docs-dev/sass/base/root/index.html +847 -326
- package/docs-dev/sass/base/typography/index.html +847 -326
- package/docs-dev/sass/components/accordion/index.html +866 -338
- package/docs-dev/sass/components/adaptive-spacing/index.html +847 -326
- package/docs-dev/sass/components/badge/index.html +869 -337
- package/docs-dev/sass/components/basic-hero/index.html +5415 -0
- package/docs-dev/sass/components/button/index.html +847 -326
- package/docs-dev/sass/components/button-verbose/index.html +933 -337
- package/docs-dev/sass/components/callout/index.html +958 -418
- package/docs-dev/sass/components/captioned-figure/index.html +970 -334
- package/docs-dev/sass/components/card/index.html +939 -346
- package/docs-dev/sass/components/card-grid/index.html +847 -326
- package/docs-dev/sass/components/counter-list/index.html +5497 -0
- package/docs-dev/sass/components/css-icon/index.html +864 -336
- package/docs-dev/sass/components/data-grid/index.html +868 -340
- package/docs-dev/sass/components/data-table/index.html +1063 -352
- package/docs-dev/sass/components/fill-context/index.html +847 -326
- package/docs-dev/sass/components/flipcard/index.html +888 -336
- package/docs-dev/sass/components/flipcard-grid/index.html +847 -326
- package/docs-dev/sass/components/form-theme/index.html +1063 -446
- package/docs-dev/sass/components/hero/index.html +903 -334
- package/docs-dev/sass/components/horizontal-rule/index.html +847 -326
- package/docs-dev/sass/components/image-grid/index.html +847 -326
- package/docs-dev/sass/components/index/index.html +860 -336
- package/docs-dev/sass/components/index.html +850 -327
- package/docs-dev/sass/components/links/index.html +847 -326
- package/docs-dev/sass/components/list-inline/index.html +847 -326
- package/docs-dev/sass/components/list-lines/index.html +847 -326
- package/docs-dev/sass/components/list-ordered/index.html +847 -326
- package/docs-dev/sass/components/list-unordered/index.html +847 -326
- package/docs-dev/sass/components/menu-stack/index.html +881 -347
- package/docs-dev/sass/components/modal/index.html +898 -342
- package/docs-dev/sass/components/nav-strip/index.html +855 -334
- package/docs-dev/sass/components/overlay-section/index.html +855 -334
- package/docs-dev/sass/components/pager/index.html +847 -326
- package/docs-dev/sass/components/placeholder-block/index.html +847 -326
- package/docs-dev/sass/components/popover/index.html +904 -347
- package/docs-dev/sass/components/pull-quote/index.html +859 -338
- package/docs-dev/sass/components/ratio-box/index.html +855 -334
- package/docs-dev/sass/components/rule/index.html +848 -327
- package/docs-dev/sass/components/scroll-slider/index.html +855 -346
- package/docs-dev/sass/components/skip-link/index.html +847 -326
- package/docs-dev/sass/components/slider/index.html +897 -388
- package/docs-dev/sass/components/spoke-spinner/index.html +849 -328
- package/docs-dev/sass/components/sticky-list/index.html +5633 -0
- package/docs-dev/sass/components/tabs/index.html +872 -336
- package/docs-dev/sass/components/tag/index.html +849 -328
- package/docs-dev/sass/components/tile-button/index.html +847 -326
- package/docs-dev/sass/components/tile-grid/index.html +847 -326
- package/docs-dev/sass/components/tile-grid-overlay/index.html +847 -326
- package/docs-dev/sass/components/vignette/index.html +861 -334
- package/docs-dev/sass/components/wysiwyg/index.html +847 -326
- package/docs-dev/sass/core/breakpoint/index.html +931 -358
- package/docs-dev/sass/core/button/index.html +847 -326
- package/docs-dev/sass/core/color/index.html +1019 -366
- package/docs-dev/sass/core/cssvar/index.html +847 -326
- package/docs-dev/sass/core/element/index.html +1108 -381
- package/docs-dev/sass/core/index.html +847 -326
- package/docs-dev/sass/core/layout/index.html +903 -363
- package/docs-dev/sass/core/path/index.html +847 -326
- package/docs-dev/sass/core/selector/index.html +847 -326
- package/docs-dev/sass/core/typography/index.html +847 -326
- package/docs-dev/sass/core/units/index.html +857 -330
- package/docs-dev/sass/core/utils/index.html +2104 -476
- package/docs-dev/sass/helpers/color/index.html +847 -326
- package/docs-dev/sass/helpers/display/index.html +848 -327
- package/docs-dev/sass/helpers/index/index.html +847 -326
- package/docs-dev/sass/helpers/index.html +850 -327
- package/docs-dev/sass/helpers/print/index.html +759 -298
- package/docs-dev/sass/helpers/typography/index.html +847 -326
- package/docs-dev/sass/helpers/units/index.html +847 -326
- package/docs-dev/sass/helpers/utilities/index.html +849 -328
- package/docs-dev/sass/index.html +850 -327
- package/js/events/index.js +17 -5
- package/js/index.js +1 -0
- package/js/settings.js +97 -0
- package/js/ui/breakpoints.js +19 -16
- package/js/ui/collapsible.js +8 -1
- package/js/ui/details-group.js +112 -0
- package/js/ui/dialog.js +132 -45
- package/js/ui/dialog.todo +2 -36
- package/js/ui/flipcard.js +37 -57
- package/js/ui/grid.js +15 -13
- package/js/ui/index.js +1 -0
- package/js/ui/modal-builder.js +126 -69
- package/js/ui/overflow-scroller.js +6 -4
- package/js/ui/page.js +2 -2
- package/js/ui/popover.js +38 -38
- package/js/ui/print.js +16 -25
- package/js/ui/programmatic-modal.js +9 -3
- package/js/ui/proxy-click.js +50 -36
- package/js/ui/resizer.js +186 -36
- package/js/ui/scroll-slider.js +24 -30
- package/js/ui/scrollpoint.js +29 -64
- package/js/ui/slider.js +108 -63
- package/js/ui/tabs.js +23 -36
- package/js/ui/theme-toggle.js +332 -94
- package/js/ui/tooltip.js +27 -32
- package/js/utils/class-logger.js +3 -3
- package/js/utils/css.js +13 -0
- package/js/utils/dom.js +23 -64
- package/js/utils/font-awesome.js +19 -0
- package/js/utils/index.js +2 -1
- package/js/utils/system.js +155 -0
- package/package.json +23 -8
- package/scss/README.md +4 -0
- package/scss/_breakpoint.scss +38 -4
- package/scss/_color.scss +40 -9
- package/scss/_element.scss +108 -2
- package/scss/_layout.scss +7 -8
- package/scss/_units.scss +3 -2
- package/scss/_utils.scss +380 -16
- package/scss/components/README.todos +14 -0
- package/scss/components/_accordion.scss +33 -19
- package/scss/components/_badge.scss +23 -4
- package/scss/components/_basic-hero.scss +112 -0
- package/scss/components/_button-verbose.scss +100 -18
- package/scss/components/_callout.scss +125 -78
- package/scss/components/_captioned-figure.scss +17 -0
- package/scss/components/_card-grid.scss +1 -1
- package/scss/components/_card.scss +246 -74
- package/scss/components/_counter-list.scss +151 -0
- package/scss/components/_css-icon.scss +35 -21
- package/scss/components/_data-grid.scss +55 -9
- package/scss/components/_data-table.scss +39 -3
- package/scss/components/_flipcard.scss +8 -3
- package/scss/components/_form-theme.scss +119 -108
- package/scss/components/_hero.scss +12 -10
- package/scss/components/_index.scss +18 -0
- package/scss/components/_menu-stack.scss +42 -26
- package/scss/components/_modal.scss +58 -29
- package/scss/components/_nav-strip.scss +2 -0
- package/scss/components/_overlay-section.scss +2 -5
- package/scss/components/_popover.scss +165 -64
- package/scss/components/_pull-quote.scss +13 -13
- package/scss/components/_ratio-box.scss +2 -5
- package/scss/components/_rule.scss +1 -0
- package/scss/components/_scroll-slider.scss +1 -5
- package/scss/components/_slider.scss +49 -72
- package/scss/components/_spoke-spinner.scss +2 -2
- package/scss/components/_sticky-list.scss +206 -0
- package/scss/components/_tabs.scss +22 -4
- package/scss/components/_vignette.scss +3 -5
- package/scss/helpers/_display.scss +15 -18
- package/scss/helpers/_print.scss +12 -7
- package/scss/helpers/_utilities.scss +42 -32
- package/types/events/index.d.ts +10 -1
- package/types/events/index.d.ts.map +1 -1
- package/types/index.d.ts +1 -0
- package/types/settings.d.ts +70 -0
- package/types/settings.d.ts.map +1 -0
- package/types/ui/breakpoints.d.ts +14 -14
- package/types/ui/breakpoints.d.ts.map +1 -1
- package/types/ui/collapsible.d.ts.map +1 -1
- package/types/ui/details-group.d.ts +38 -0
- package/types/ui/details-group.d.ts.map +1 -0
- package/types/ui/dialog.d.ts +20 -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/index.d.ts +2 -1
- package/types/ui/modal-builder.d.ts +116 -11
- package/types/ui/modal-builder.d.ts.map +1 -1
- package/types/ui/overflow-scroller.d.ts +2 -2
- package/types/ui/overflow-scroller.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/programmatic-modal.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/resizer.d.ts +39 -12
- package/types/ui/resizer.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 +33 -14
- 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 +51 -7
- 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/css.d.ts +11 -0
- package/types/utils/css.d.ts.map +1 -0
- package/types/utils/dom.d.ts +12 -32
- package/types/utils/dom.d.ts.map +1 -1
- package/types/utils/font-awesome.d.ts +5 -0
- package/types/utils/font-awesome.d.ts.map +1 -0
- package/types/utils/index.d.ts +2 -1
- package/types/utils/system.d.ts +113 -0
- package/types/utils/system.d.ts.map +1 -0
|
@@ -1,32 +1,32 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* @class
|
|
3
3
|
* Class that provides method for retrieving and acting on breakpoints passed
|
|
4
|
-
* from CSS (using element
|
|
4
|
+
* from CSS (using element pseudo content prop)
|
|
5
5
|
*/
|
|
6
6
|
export class BreakpointManager {
|
|
7
7
|
static instances: any[];
|
|
8
8
|
static defaults: {
|
|
9
9
|
element: HTMLElement;
|
|
10
|
-
|
|
11
|
-
customProperty:
|
|
12
|
-
|
|
10
|
+
valueFromPseudo: boolean;
|
|
11
|
+
customProperty: any;
|
|
12
|
+
pseudoSelector: string;
|
|
13
13
|
order: string[];
|
|
14
14
|
debug: boolean;
|
|
15
15
|
};
|
|
16
16
|
/**
|
|
17
|
-
* @param {Object} config
|
|
17
|
+
* @param {Object} config Configuration object
|
|
18
18
|
* @param {Array} config.order Array of strings that correspond to the breakpoints setup in the styles, Breakpoints from smallest to largest, defaults to [small, medium, large]
|
|
19
19
|
* @param {Array} config.customProperty Property to grab breakpoint from (default is --breakpoint)
|
|
20
|
-
* @param {Array} config.
|
|
21
|
-
* @param {Node} config.element The element to retrieve active breakpoint from stylesheet. (default is html) For using the old
|
|
22
|
-
* @param {String} config.
|
|
20
|
+
* @param {Array} config.valueFromPseudo Use the legacy method of grabbing breakpoint from pseudo element, default uses custom property
|
|
21
|
+
* @param {Node} config.element The element to retrieve active breakpoint from stylesheet. (default is html) For using the old pseudo method, adjust this to document.body
|
|
22
|
+
* @param {String} config.pseudoSelector Change pseudo selector used to get the breakpoint from the pseudo's content property
|
|
23
23
|
*/
|
|
24
24
|
constructor(config: {
|
|
25
25
|
order: any[];
|
|
26
26
|
customProperty: any[];
|
|
27
|
-
|
|
27
|
+
valueFromPseudo: any[];
|
|
28
28
|
element: Node;
|
|
29
|
-
|
|
29
|
+
pseudoSelector: string;
|
|
30
30
|
});
|
|
31
31
|
active: any;
|
|
32
32
|
previous: any;
|
|
@@ -36,9 +36,9 @@ export class BreakpointManager {
|
|
|
36
36
|
breakpoints: {};
|
|
37
37
|
onChangeCallbacks: any[];
|
|
38
38
|
/**
|
|
39
|
-
* Add a callback for
|
|
39
|
+
* Add a callback for every time a breakpoint changes
|
|
40
40
|
* - Not recommended, possibly use to watch for changes, etc
|
|
41
|
-
* - For more control use
|
|
41
|
+
* - For more control use instance.at(name) with breakpoint methods
|
|
42
42
|
* @param {Function} callback Function to call, passed one argument current instance which can be used to get information about breakpoints
|
|
43
43
|
*/
|
|
44
44
|
onChange(callback: Function): void;
|
|
@@ -48,9 +48,9 @@ export class BreakpointManager {
|
|
|
48
48
|
*/
|
|
49
49
|
removeOnChange(callback: Function): void;
|
|
50
50
|
/**
|
|
51
|
-
* Get breakpoint from a
|
|
51
|
+
* Get breakpoint from a pseudo element
|
|
52
52
|
*/
|
|
53
|
-
|
|
53
|
+
getBreakpointInPseudo(): string;
|
|
54
54
|
/**
|
|
55
55
|
* Get breakpoint from a custom property
|
|
56
56
|
*/
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"breakpoints.d.ts","sourceRoot":"","sources":["../../js/ui/breakpoints.js"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"breakpoints.d.ts","sourceRoot":"","sources":["../../js/ui/breakpoints.js"],"names":[],"mappings":"AAkBA;;;;GAIG;AACH;IACE,wBAAsB;IACtB;;;;;;;MAQC;IACD;;;;;;;OAOG;IACH;QANyB,KAAK;QACL,cAAc;QACd,eAAe;QAChB,OAAO,EAApB,IAAI;QACW,cAAc;OAevC;IAXC,YAAkB;IAClB,cAAoB;IACpB,iBAAuB;IACvB,wBAA2B;IAC3B,mBAAyB;IACzB,gBAAqB;IACrB,yBAA2B;IAM7B;;;;;OAKG;IACH,mCAEC;IACD;;;OAGG;IACH,yCAEC;IACD;;OAEG;IACH,gCAEC;IACD;;OAEG;IACH,kCAEC;IACD;;OAEG;IACH,wBAMC;IACD;;OAEG;IACH,eA4CC;IACD;;;;OAIG;IACH,kBAFY,UAAU,CAQrB;CACF;AAsED;;;GAGG;AACH;IACE,qCAQC;IAPC;;;;MAIC;IACD,cAAuB;IACvB,UAAgB;IAElB;;;;;OAKG;IACH,wDAEC;IACD;;;;;OAKG;IACH,6BAEC;IACD;;;;;OAKG;IACH,6BAEC;IACD;;;OAGG;IACH,8BAEC;IACD;;;;OAIG;IACH,mDAGC;IAED,yBAGC;CACF;AAnID;;;GAGG;AACH;IACE,6CAMC;IALC,eAA0B;IAC1B,gBAAmB;IACnB,UAAY;IACZ,WAAa;IACb,gBAA4B;IAE9B;;OAEG;IACH,sBAMC;IACD;;OAEG;IACH,4BAIC;IACD;;OAEG;IACH,+BAEC;IACD;;;;;OAKG;IACH,aAJW,cAAe,QAiBzB;IACD;;OAEG;IACH,2BAQC;CACF"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"collapsible.d.ts","sourceRoot":"","sources":["../../js/ui/collapsible.js"],"names":[],"mappings":"AAQA;;GAEG;AACH;IACE;;;;QAME;;WAEG;;QAGH;;WAEG;;QAEH;;WAEG;;QAEH;;WAEG;;;MAKH;IACF;;;;;;OAMG;IACH;QAL0B,OAAO,EAAtB,IAAI;QACW,OAAO,EAAtB,IAAI;oBAsBd;IAXC;iBAZS,IAAI;iBACJ,IAAI;MAWW;IACxB,aAAsB;IACtB,gBAAmB;IACnB,aAAkB;IASpB,
|
|
1
|
+
{"version":3,"file":"collapsible.d.ts","sourceRoot":"","sources":["../../js/ui/collapsible.js"],"names":[],"mappings":"AAQA;;GAEG;AACH;IACE;;;;QAME;;WAEG;;QAGH;;WAEG;;QAEH;;WAEG;;QAEH;;WAEG;;;MAKH;IACF;;;;;;OAMG;IACH;QAL0B,OAAO,EAAtB,IAAI;QACW,OAAO,EAAtB,IAAI;oBAsBd;IAXC;iBAZS,IAAI;iBACJ,IAAI;MAWW;IACxB,aAAsB;IACtB,gBAAmB;IACnB,aAAkB;IASpB,uBAoBC;IAjBC,mCAEC;IACD,sCAWC;IAIH,uBAIC;IACD,0BAEC;IACD,gBAGC;IACD,+BAIC;IACD,cAOC;IACD,sDAEC;IACD,wCAqBC;IACD;;OAEG;IACH,+BAoBC;IACD;;OAEG;IACH,iCAQC;IACD,uBAEC;IACD,wBAEC;IACD,yBAEC;CAqBF"}
|
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Initialize everything in document
|
|
3
|
+
* - This will only initialize elements once, it is safe to call on page changes
|
|
4
|
+
*/
|
|
5
|
+
export function init(): void;
|
|
6
|
+
/**
|
|
7
|
+
* @typedef {Object} DetailsGroupInstance
|
|
8
|
+
* @property {Function} destroy A function to remove event listeners and attributes.
|
|
9
|
+
* @property {HTMLElement} element The parent element.
|
|
10
|
+
* @property {Function} setupChildren A function to initialize the child details elements.
|
|
11
|
+
*/
|
|
12
|
+
/**
|
|
13
|
+
* Sets up a single group of details elements to manage their behavior.
|
|
14
|
+
* @param {HTMLElement} element - The parent element containing the details elements.
|
|
15
|
+
* @param {Object} options - The options for this group
|
|
16
|
+
* @returns {DetailsGroupInstance}
|
|
17
|
+
*/
|
|
18
|
+
export function setupGroup(element: HTMLElement, userOptions: any): DetailsGroupInstance;
|
|
19
|
+
/**
|
|
20
|
+
* Dialog Component Initializer
|
|
21
|
+
*/
|
|
22
|
+
export const initializer: ComponentInitializer;
|
|
23
|
+
export type DetailsGroupInstance = {
|
|
24
|
+
/**
|
|
25
|
+
* A function to remove event listeners and attributes.
|
|
26
|
+
*/
|
|
27
|
+
destroy: Function;
|
|
28
|
+
/**
|
|
29
|
+
* The parent element.
|
|
30
|
+
*/
|
|
31
|
+
element: HTMLElement;
|
|
32
|
+
/**
|
|
33
|
+
* A function to initialize the child details elements.
|
|
34
|
+
*/
|
|
35
|
+
setupChildren: Function;
|
|
36
|
+
};
|
|
37
|
+
import { ComponentInitializer } from "../utils/system.js";
|
|
38
|
+
//# sourceMappingURL=details-group.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"details-group.d.ts","sourceRoot":"","sources":["../../js/ui/details-group.js"],"names":[],"mappings":"AAqBA;;;GAGG;AACH,6BASC;AAED;;;;;GAKG;AAEH;;;;;GAKG;AACH,oCAJW,WAAW,qBAET,oBAAoB,CAgEhC;AAxGD;;GAEG;AACH,+CAGG;;;;;;;;;aA0BW,WAAW;;;;;;qCAlCY,oBAAoB"}
|
package/types/ui/dialog.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/**
|
|
2
|
-
* @param {Object} options Change options used as default for dialogs, can then be
|
|
2
|
+
* @param {Object} options Change options used as default for dialogs, can then be overridden by data attribute settings on element
|
|
3
3
|
*/
|
|
4
4
|
export function setDefaults(options: any): void;
|
|
5
5
|
/**
|
|
@@ -7,36 +7,42 @@ export function setDefaults(options: any): void;
|
|
|
7
7
|
* - This will only initialize elements once, it is safe to call on page changes
|
|
8
8
|
*/
|
|
9
9
|
export function init(): void;
|
|
10
|
-
/**
|
|
11
|
-
* Setup dialogs and triggers
|
|
12
|
-
*/
|
|
13
|
-
export function setup(): void;
|
|
14
10
|
/**
|
|
15
11
|
* Setup click handlers on a trigger
|
|
16
|
-
* @param {Node} trigger
|
|
12
|
+
* @param {Node} trigger Trigger button element
|
|
13
|
+
* @param {String} dialogId The dialog's id to open
|
|
17
14
|
*/
|
|
18
|
-
export function setupTrigger(trigger: Node): void;
|
|
15
|
+
export function setupTrigger(trigger: Node, dialogId: string): void;
|
|
19
16
|
/**
|
|
20
17
|
* Setup click handlers for a dialog
|
|
21
18
|
* @param {Node} dialog
|
|
22
19
|
*/
|
|
23
|
-
export function setupDialog(dialog: Node): void;
|
|
20
|
+
export function setupDialog(dialog: Node, userOptions: any): void;
|
|
24
21
|
/**
|
|
25
22
|
* For a given dialog, get it's options (from data attribute)
|
|
26
23
|
* @param {Node} dialog
|
|
27
24
|
* @returns {Object}
|
|
28
25
|
*/
|
|
29
26
|
export function getDialogOptions(dialog: Node): any;
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
27
|
+
/**
|
|
28
|
+
* Base attribute for a dialog
|
|
29
|
+
*/
|
|
30
|
+
export const baseAttribute: "data-ulu-dialog";
|
|
31
|
+
/**
|
|
32
|
+
* Dialog Component Initializer
|
|
33
|
+
*/
|
|
34
|
+
export const initializer: ComponentInitializer;
|
|
35
|
+
/**
|
|
36
|
+
* Attribute for close buttons within a dialog
|
|
37
|
+
*/
|
|
38
|
+
export const closeAttribute: string;
|
|
36
39
|
export namespace defaults {
|
|
37
40
|
let nonModal: boolean;
|
|
38
41
|
let documentEnd: boolean;
|
|
39
42
|
let clickOutsideCloses: boolean;
|
|
40
43
|
let pauseVideos: boolean;
|
|
44
|
+
let preventScroll: boolean;
|
|
45
|
+
let preventScrollShift: boolean;
|
|
41
46
|
}
|
|
47
|
+
import { ComponentInitializer } from "../utils/system.js";
|
|
42
48
|
//# sourceMappingURL=dialog.d.ts.map
|
package/types/ui/dialog.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"dialog.d.ts","sourceRoot":"","sources":["../../js/ui/dialog.js"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"dialog.d.ts","sourceRoot":"","sources":["../../js/ui/dialog.js"],"names":[],"mappings":"AA6DA;;GAEG;AACH,gDAEC;AAED;;;GAGG;AACH,6BAqBC;AAED;;;;GAIG;AACH,sCAHW,IAAI,0BA2Bd;AAED;;;GAGG;AACH,oCAFW,IAAI,0BAyFd;AAED;;;;GAIG;AACH,yCAHW,IAAI,OAKd;AAzND;;GAEG;AACH,8CAA+C;AAE/C;;GAEG;AACH,+CAAuF;AAEvF;;GAEG;AACH,oCAAgE;;;;;;;;;qCAlB3B,oBAAoB"}
|
package/types/ui/flipcard.d.ts
CHANGED
|
@@ -1,7 +1,19 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Initialize flipcards using data-ulu-flipcard attribute
|
|
3
|
+
*/
|
|
1
4
|
export function init(): void;
|
|
2
|
-
|
|
5
|
+
/**
|
|
6
|
+
* Flipcard Component Initializer
|
|
7
|
+
*/
|
|
8
|
+
export const initializer: ComponentInitializer;
|
|
9
|
+
/**
|
|
10
|
+
* Flipcard class (creates flipcard instance and behaviors)
|
|
11
|
+
*/
|
|
3
12
|
export class Flipcard {
|
|
4
13
|
static instances: any[];
|
|
14
|
+
/**
|
|
15
|
+
* Default options for Flipcard
|
|
16
|
+
*/
|
|
5
17
|
static defaults: {
|
|
6
18
|
namespace: string;
|
|
7
19
|
proxyClick: {
|
|
@@ -10,9 +22,8 @@ export class Flipcard {
|
|
|
10
22
|
exclude: string;
|
|
11
23
|
};
|
|
12
24
|
};
|
|
13
|
-
constructor(container: any, front: any, back: any, config: any
|
|
25
|
+
constructor(container: any, front: any, back: any, config: any);
|
|
14
26
|
options: any;
|
|
15
|
-
debug: boolean;
|
|
16
27
|
elements: {
|
|
17
28
|
container: any;
|
|
18
29
|
front: any;
|
|
@@ -32,14 +43,9 @@ export class Flipcard {
|
|
|
32
43
|
}): void;
|
|
33
44
|
getClass(child: any): any;
|
|
34
45
|
createControlContent(): string;
|
|
35
|
-
|
|
46
|
+
setVisibility(visible: any): void;
|
|
36
47
|
containerCss(): string;
|
|
37
48
|
panelCss(zIndex?: number): string;
|
|
38
49
|
}
|
|
39
|
-
|
|
40
|
-
let init: string;
|
|
41
|
-
let flipcard: string;
|
|
42
|
-
let front: string;
|
|
43
|
-
let back: string;
|
|
44
|
-
}
|
|
50
|
+
import { ComponentInitializer } from "../utils/system.js";
|
|
45
51
|
//# sourceMappingURL=flipcard.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"flipcard.d.ts","sourceRoot":"","sources":["../../js/ui/flipcard.js"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"flipcard.d.ts","sourceRoot":"","sources":["../../js/ui/flipcard.js"],"names":[],"mappings":"AAgBA;;GAEG;AACH,6BAYC;AAvBD;;GAEG;AACH,+CAGG;AAmBH;;GAEG;AACH;IACE,wBAAsB;IACtB;;OAEG;IACH;;;;;;;MAOE;IACF,gEAgBC;IAZC,aAA2D;IAK3D;;;;MAA0C;IAC1C,gBAAmB;IACnB,YAA6D;IAC7D,kBAA0D;IAK5D,eAEC;IACD,cAqCC;IACD;;;OAGG;IACH;;aAQC;IACD,0BAGC;IACD,+BAIC;IACD,kCASC;IACD,uBAWC;IACD,kCAKC;CACF;qCAzJoC,oBAAoB"}
|
package/types/ui/grid.d.ts
CHANGED
|
@@ -1,13 +1,11 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Sets up document for grid position classes
|
|
3
|
-
* @param {String} selector The selector for the parent element
|
|
4
3
|
* @param {Object} classes Classes (optional) @see setPositionClasses
|
|
5
4
|
*/
|
|
6
|
-
export function init(
|
|
5
|
+
export function init(classes: any): void;
|
|
7
6
|
/**
|
|
8
|
-
*
|
|
9
|
-
* @param {String} selector The selector for the parent element
|
|
10
|
-
* @param {Object} classes Classes (optional) @see setPositionClasses
|
|
7
|
+
* Dialog Component Initializer
|
|
11
8
|
*/
|
|
12
|
-
export
|
|
9
|
+
export const initializer: ComponentInitializer;
|
|
10
|
+
import { ComponentInitializer } from "../utils/system.js";
|
|
13
11
|
//# sourceMappingURL=grid.d.ts.map
|
package/types/ui/grid.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"grid.d.ts","sourceRoot":"","sources":["../../js/ui/grid.js"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"grid.d.ts","sourceRoot":"","sources":["../../js/ui/grid.js"],"names":[],"mappings":"AAeA;;;GAGG;AACH,yCAQC;AApBD;;GAEG;AACH,+CAGG;qCATkC,oBAAoB"}
|
package/types/ui/index.d.ts
CHANGED
|
@@ -19,5 +19,6 @@ export * as print from "./print.js";
|
|
|
19
19
|
export * as printDetails from "./print-details.js";
|
|
20
20
|
export * as scrollSlider from "./scroll-slider.js";
|
|
21
21
|
export * as themeToggle from "./theme-toggle.js";
|
|
22
|
-
|
|
22
|
+
export * as detailsGroup from "./details-group.js";
|
|
23
|
+
declare namespace ___Users_joe_Projects_Personal_Github_frontend_js_ui_index_ { }
|
|
23
24
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -7,15 +7,6 @@ export function setDefaults(options: any): void;
|
|
|
7
7
|
* - This will only initialize elements once, it is safe to call on page changes
|
|
8
8
|
*/
|
|
9
9
|
export function init(): void;
|
|
10
|
-
/**
|
|
11
|
-
* Query and setup all builder
|
|
12
|
-
*/
|
|
13
|
-
export function setup(): void;
|
|
14
|
-
/**
|
|
15
|
-
* Build a dialog for the given content
|
|
16
|
-
* @param {Node} element
|
|
17
|
-
*/
|
|
18
|
-
export function setupBuilder(element: Node): void;
|
|
19
10
|
/**
|
|
20
11
|
*
|
|
21
12
|
* @param {Node} content Content element of the dialog (what is inserted into the body)
|
|
@@ -23,10 +14,18 @@ export function setupBuilder(element: Node): void;
|
|
|
23
14
|
*/
|
|
24
15
|
export function buildModal(content: Node, options: any): {
|
|
25
16
|
modal: Element;
|
|
17
|
+
resizer: Resizer;
|
|
26
18
|
};
|
|
19
|
+
/**
|
|
20
|
+
* Modal Builder Component Initializer
|
|
21
|
+
*/
|
|
22
|
+
export const initializer: ComponentInitializer;
|
|
27
23
|
export namespace defaults {
|
|
28
24
|
export let title: any;
|
|
29
25
|
export let titleIcon: any;
|
|
26
|
+
export let titleClass: string;
|
|
27
|
+
export let labelledby: any;
|
|
28
|
+
export let describedby: any;
|
|
30
29
|
export let nonModal: boolean;
|
|
31
30
|
export let documentEnd: boolean;
|
|
32
31
|
export let allowResize: boolean;
|
|
@@ -38,8 +37,12 @@ export namespace defaults {
|
|
|
38
37
|
export let noMinHeight: boolean;
|
|
39
38
|
let _class: string;
|
|
40
39
|
export { _class as class };
|
|
41
|
-
export let
|
|
42
|
-
export let
|
|
40
|
+
export let baseClass: string;
|
|
41
|
+
export let footerElement: any;
|
|
42
|
+
export let footerHtml: any;
|
|
43
|
+
export let classCloseIcon: any;
|
|
44
|
+
export let classResizerIcon: any;
|
|
45
|
+
export let classResizerIconBoth: any;
|
|
43
46
|
export let debug: boolean;
|
|
44
47
|
export function templateCloseIcon(config: any): string;
|
|
45
48
|
export function templateResizerIcon(config: any): string;
|
|
@@ -51,4 +54,106 @@ export namespace defaults {
|
|
|
51
54
|
*/
|
|
52
55
|
export function template(id: string, config: any): string;
|
|
53
56
|
}
|
|
57
|
+
/**
|
|
58
|
+
* Default builder options (extends dialog defaults, watch name collisions)
|
|
59
|
+
* - Decided to extend defaults so the interface in HTML is singular
|
|
60
|
+
* - This is sometimes easier to template (merging and serializing options
|
|
61
|
+
* in twig for example)
|
|
62
|
+
*/
|
|
63
|
+
export type DefaultModalOptions = {
|
|
64
|
+
/**
|
|
65
|
+
* - The title of the modal. Defaults to `null`.
|
|
66
|
+
*/
|
|
67
|
+
title: string | null;
|
|
68
|
+
/**
|
|
69
|
+
* - The class name for an icon to display in the title. Defaults to `null`.
|
|
70
|
+
*/
|
|
71
|
+
titleIcon: string | null;
|
|
72
|
+
/**
|
|
73
|
+
* - Extra class/classes to add to title
|
|
74
|
+
*/
|
|
75
|
+
titleClass: string;
|
|
76
|
+
/**
|
|
77
|
+
* - Set the aria-labelledby attribute to a specific title within the modal, to connect to a custom title implementation, if using built in title this will be set automatically
|
|
78
|
+
*/
|
|
79
|
+
labelledby: string;
|
|
80
|
+
/**
|
|
81
|
+
* - Set the aria-describedby on the dialog, elements id, to tie a specific part of the content to be the accessible description
|
|
82
|
+
*/
|
|
83
|
+
describedby: string;
|
|
84
|
+
/**
|
|
85
|
+
* - If `true`, the modal will not prevent interaction with elements behind it. Defaults to `false`.
|
|
86
|
+
*/
|
|
87
|
+
nonModal: boolean;
|
|
88
|
+
/**
|
|
89
|
+
* - If `true`, the modal will be appended to the end of the `document.body`. Defaults to `true`.
|
|
90
|
+
*/
|
|
91
|
+
documentEnd: boolean;
|
|
92
|
+
/**
|
|
93
|
+
* - If `true`, the modal will be resizable. Defaults to `false`.
|
|
94
|
+
*/
|
|
95
|
+
allowResize: boolean;
|
|
96
|
+
/**
|
|
97
|
+
* - The initial position of the modal. Defaults to `"center"`.
|
|
98
|
+
*/
|
|
99
|
+
position: "center" | "top-left" | "top-center" | "top-right" | "bottom-left" | "bottom-center" | "bottom-right";
|
|
100
|
+
/**
|
|
101
|
+
* - If `true`, the modal body will fill the available space. Defaults to `false`.
|
|
102
|
+
*/
|
|
103
|
+
bodyFills: boolean;
|
|
104
|
+
/**
|
|
105
|
+
* - If `true`, no backdrop will be displayed behind the modal. Defaults to `false`.
|
|
106
|
+
*/
|
|
107
|
+
noBackdrop: boolean;
|
|
108
|
+
/**
|
|
109
|
+
* - The size of the modal. Defaults to `"default"`.
|
|
110
|
+
*/
|
|
111
|
+
size: "default" | "small" | "large" | "fullscreen";
|
|
112
|
+
/**
|
|
113
|
+
* - If `true`, the modal content will be optimized for printing. Defaults to `false`.
|
|
114
|
+
*/
|
|
115
|
+
print: boolean;
|
|
116
|
+
/**
|
|
117
|
+
* - If `true`, the modal will not have a minimum height. Defaults to `false`.
|
|
118
|
+
*/
|
|
119
|
+
noMinHeight: boolean;
|
|
120
|
+
/**
|
|
121
|
+
* - Additional CSS class(es) to add to the modal. Defaults to `""`.
|
|
122
|
+
*/
|
|
123
|
+
class: string;
|
|
124
|
+
/**
|
|
125
|
+
* - The base CSS class for the modal elements. Defaults to `"modal"`.
|
|
126
|
+
*/
|
|
127
|
+
baseClass: string;
|
|
128
|
+
/**
|
|
129
|
+
* - The class name for the close icon. Uses the wrapped setting string.
|
|
130
|
+
*/
|
|
131
|
+
classCloseIcon: string;
|
|
132
|
+
/**
|
|
133
|
+
* - The class name for the resizer icon. Uses the wrapped setting string.
|
|
134
|
+
*/
|
|
135
|
+
classResizerIcon: string;
|
|
136
|
+
/**
|
|
137
|
+
* - Element or selector to use as the footer (will be moved to dialog on creation, used for DOM API)
|
|
138
|
+
*/
|
|
139
|
+
footerElement: string | Node;
|
|
140
|
+
/**
|
|
141
|
+
* - Markup to use in the footer
|
|
142
|
+
*/
|
|
143
|
+
footerHtml: string | Node;
|
|
144
|
+
/**
|
|
145
|
+
* - Enables debug logging. Defaults to `false`.
|
|
146
|
+
*/
|
|
147
|
+
debug: boolean;
|
|
148
|
+
/**
|
|
149
|
+
* - A function that returns the HTML for the close icon.
|
|
150
|
+
*/
|
|
151
|
+
templateCloseIcon: (arg0: object) => string;
|
|
152
|
+
/**
|
|
153
|
+
* - The resolved modal configuration object.
|
|
154
|
+
*/
|
|
155
|
+
config: (arg0: object) => string;
|
|
156
|
+
};
|
|
157
|
+
import { Resizer } from "./resizer.js";
|
|
158
|
+
import { ComponentInitializer } from "../utils/system.js";
|
|
54
159
|
//# sourceMappingURL=modal-builder.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"modal-builder.d.ts","sourceRoot":"","sources":["../../js/ui/modal-builder.js"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"modal-builder.d.ts","sourceRoot":"","sources":["../../js/ui/modal-builder.js"],"names":[],"mappings":"AAkJA;;GAEG;AACH,gDAEC;AAED;;;GAGG;AACH,6BAQC;AAED;;;;GAIG;AACH,oCAHW,IAAI;;;EAsEd;AAlOD;;GAEG;AACH,+CAGG;;;;;;;;;;;;;;;;;;;;;;;;;IA+DD,uDAGC;IACD,yDAIC;IACD;;;;;OAKG;IACH,0DA2CC;;;;;;;;;;;;WAjHW,MAAM,GAAC,IAAI;;;;eACX,MAAM,GAAC,IAAI;;;;gBACX,MAAM;;;;gBACN,MAAM;;;;iBACN,MAAM;;;;cACN,OAAO;;;;iBACP,OAAO;;;;iBACP,OAAO;;;;cACP,QAAQ,GAAC,UAAU,GAAC,YAAY,GAAC,WAAW,GAAC,aAAa,GAAC,eAAe,GAAC,cAAc;;;;eACzF,OAAO;;;;gBACP,OAAO;;;;UACP,SAAS,GAAC,OAAO,GAAC,OAAO,GAAC,YAAY;;;;WACtC,OAAO;;;;iBACP,OAAO;;;;WACP,MAAM;;;;eACN,MAAM;;;;oBACN,MAAM;;;;sBACN,MAAM;;;;mBACN,MAAM,GAAC,IAAI;;;;gBACX,MAAM,GAAC,IAAI;;;;WACX,OAAO;;;;8BACE,MAAM,KAAG,MAAM;;;;mBACf,MAAM,KAAG,MAAM;;wBAzCd,cAAc;qCAHD,oBAAoB"}
|
|
@@ -8,8 +8,8 @@ export class OverflowScroller {
|
|
|
8
8
|
offsetEnd: number;
|
|
9
9
|
amount: string;
|
|
10
10
|
buttonClasses: string[];
|
|
11
|
-
|
|
12
|
-
|
|
11
|
+
iconClassPrevious: any;
|
|
12
|
+
iconClassNext: any;
|
|
13
13
|
};
|
|
14
14
|
constructor(elements: any, config: any);
|
|
15
15
|
options: any;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"overflow-scroller.d.ts","sourceRoot":"","sources":["../../js/ui/overflow-scroller.js"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"overflow-scroller.d.ts","sourceRoot":"","sources":["../../js/ui/overflow-scroller.js"],"names":[],"mappings":"AAmBA;IACE,wBAAsB;IACtB;;;;;;;;;;MAUC;IACD,wCAgBC;IAfC,aAAmE;IAKnE,cAGC;IACD,qBAAuB;IACvB,yBAA2B;IAC3B,gCAA4C;IAK9C,sBAGC;IADC,qBAAwD;IAE1D;;;;;;MA2BC;IACD,oDAQC;IACD,uCAMC;IACD,2BAGC;IACD,2BAiBC;IACD,8CAeC;IACD,6BAaC;IACD,aAMC;IACD,iBAMC;IACD,6BAGC;CACF"}
|
package/types/ui/popover.d.ts
CHANGED
|
@@ -2,16 +2,10 @@
|
|
|
2
2
|
* Initialize default popover
|
|
3
3
|
*/
|
|
4
4
|
export function init(): void;
|
|
5
|
-
/**
|
|
6
|
-
* Query all popovers on current page and set them up
|
|
7
|
-
* - Use this manually if needed
|
|
8
|
-
* - Won't setup a popover more than once
|
|
9
|
-
*/
|
|
10
|
-
export function setup(): void;
|
|
11
5
|
/**
|
|
12
6
|
* Find the popover's elements
|
|
13
7
|
*/
|
|
14
|
-
export function resolve(trigger: any): false | {
|
|
8
|
+
export function resolve(trigger: any, userOptions: any): false | {
|
|
15
9
|
elements: {
|
|
16
10
|
trigger: any;
|
|
17
11
|
content: any;
|
|
@@ -22,6 +16,10 @@ export function resolve(trigger: any): false | {
|
|
|
22
16
|
floatingOptions: any;
|
|
23
17
|
};
|
|
24
18
|
export function getContentByTrigger(trigger: any): any;
|
|
19
|
+
/**
|
|
20
|
+
* Popover Component Initializer
|
|
21
|
+
*/
|
|
22
|
+
export const initializer: ComponentInitializer;
|
|
25
23
|
/**
|
|
26
24
|
* Array of current instances
|
|
27
25
|
*/
|
|
@@ -36,5 +34,6 @@ export class Popover extends Collapsible {
|
|
|
36
34
|
floatingCleanup: Function;
|
|
37
35
|
destroyFloatingInstance(): void;
|
|
38
36
|
}
|
|
37
|
+
import { ComponentInitializer } from "../utils/system.js";
|
|
39
38
|
import { Collapsible } from "./collapsible.js";
|
|
40
39
|
//# sourceMappingURL=popover.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"popover.d.ts","sourceRoot":"","sources":["../../js/ui/popover.js"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"popover.d.ts","sourceRoot":"","sources":["../../js/ui/popover.js"],"names":[],"mappings":"AAgCA;;GAEG;AACH,6BAmBC;AAED;;GAEG;AACH;;;;;;;;;EAiBC;AAKD,uDAmBC;AA5FD;;GAEG;AACH,+CAGG;AAOH;;GAEG;AACH,4BAAqC;AA+ErC;;GAEG;AACH;IACE,8DAIC;IADC,qBAA4C;IAa9C,+BAIC;IADC,0BAA+E;IAEjF,gCAKC;CACF;qCAlIoC,oBAAoB;4BAE7B,kBAAkB"}
|
package/types/ui/print.d.ts
CHANGED
package/types/ui/print.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"print.d.ts","sourceRoot":"","sources":["../../js/ui/print.js"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"print.d.ts","sourceRoot":"","sources":["../../js/ui/print.js"],"names":[],"mappings":"AAuBA;;;GAGG;AACH,6BASC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"programmatic-modal.d.ts","sourceRoot":"","sources":["../../js/ui/programmatic-modal.js"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"programmatic-modal.d.ts","sourceRoot":"","sources":["../../js/ui/programmatic-modal.js"],"names":[],"mappings":"AAUA;IACE;;;MAGE;IACF,gCAeC;IAbC,aAAsB;IACtB,cAAoB;IACpB,mBAAyB;IAEzB,qCAGC;IACD,2BAEC;IAIH,sBAMC;IACD,gBAMC;IACD;;;;MAkDC;CACF"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/**
|
|
2
|
-
* @param {Object} options Change options used as default for dialogs, can then be
|
|
2
|
+
* @param {Object} options Change options used as default for dialogs, can then be overridden by data attribute settings on element
|
|
3
3
|
*/
|
|
4
4
|
export function setDefaults(options: any): void;
|
|
5
5
|
/**
|
|
@@ -7,12 +7,28 @@ export function setDefaults(options: any): void;
|
|
|
7
7
|
* - This will only initialize elements once, it is safe to call on page changes
|
|
8
8
|
*/
|
|
9
9
|
export function init(): void;
|
|
10
|
-
|
|
11
|
-
|
|
10
|
+
/**
|
|
11
|
+
* Setup a single proxy click
|
|
12
|
+
* @param {Node} proxy The container who's click should proxy the click of inner element with options.selector (defaults to [data-ulu-proxy-click-source])
|
|
13
|
+
* @param {Object} userOptions Options to override defaults
|
|
14
|
+
*/
|
|
15
|
+
export function setupProxy(proxy: Node, userOptions: any): void;
|
|
16
|
+
/**
|
|
17
|
+
* Main function for attaching behaviors that enable proxy click
|
|
18
|
+
* @param {Node} proxy The container who's click should proxy the click of inner element with options.selector (defaults to [data-ulu-proxy-click-source])
|
|
19
|
+
* @param {Node} child The element who is being proxied and will get clicked if the proxy is clicked (as long as not an interactive element within proxy)
|
|
20
|
+
* @param {Object} config Merged/final options object
|
|
21
|
+
*/
|
|
22
|
+
export function attachHandlers(proxy: Node, child: Node, config: any): void;
|
|
23
|
+
/**
|
|
24
|
+
* Proxy Click Component Initializer
|
|
25
|
+
*/
|
|
26
|
+
export const initializer: ComponentInitializer;
|
|
12
27
|
export namespace defaults {
|
|
13
28
|
let selector: string;
|
|
14
29
|
let selectorPreventBase: string;
|
|
15
30
|
let selectorPrevent: string;
|
|
16
31
|
let mousedownDurationPrevent: number;
|
|
17
32
|
}
|
|
33
|
+
import { ComponentInitializer } from "../utils/system.js";
|
|
18
34
|
//# sourceMappingURL=proxy-click.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"proxy-click.d.ts","sourceRoot":"","sources":["../../js/ui/proxy-click.js"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"proxy-click.d.ts","sourceRoot":"","sources":["../../js/ui/proxy-click.js"],"names":[],"mappings":"AAkCA;;GAEG;AACH,gDAEC;AACD;;;GAGG;AACH,6BASC;AAED;;;;GAIG;AACH,kCAHW,IAAI,0BAWd;AAED;;;;;GAKG;AACH,sCAJW,IAAI,SACJ,IAAI,qBAoBd;AAhFD;;GAEG;AACH,+CAGG;;;;;;;qCARkC,oBAAoB"}
|
package/types/ui/resizer.d.ts
CHANGED
|
@@ -1,28 +1,55 @@
|
|
|
1
1
|
export class Resizer {
|
|
2
2
|
static defaults: {
|
|
3
3
|
debug: boolean;
|
|
4
|
-
|
|
5
|
-
|
|
4
|
+
/**
|
|
5
|
+
* Amount to increase size by (ie. pointer movement * multiplier)
|
|
6
|
+
*/
|
|
7
|
+
multiplier: number;
|
|
8
|
+
/**
|
|
9
|
+
* Remove max-width, max-height
|
|
10
|
+
*/
|
|
11
|
+
overrideMaxDimensions: boolean;
|
|
12
|
+
/**
|
|
13
|
+
* @type {"left"|"right"|null}
|
|
14
|
+
* Specifies the horizontal edge from which resizing occurs.
|
|
15
|
+
* `null` means no horizontal resizing.
|
|
16
|
+
* - Default null
|
|
17
|
+
*/
|
|
18
|
+
fromX: "left" | "right" | null;
|
|
19
|
+
/**
|
|
20
|
+
* @type {"top"|"bottom"|null}
|
|
21
|
+
* Specifies the vertical edge from which resizing occurs.
|
|
22
|
+
* - `null` means no vertical resizing.
|
|
23
|
+
* - Default null
|
|
24
|
+
*/
|
|
25
|
+
fromY: "top" | "bottom" | null;
|
|
6
26
|
};
|
|
7
27
|
/**
|
|
8
|
-
*
|
|
9
|
-
* @param {Node} container Container to be resize
|
|
28
|
+
* @param {Node} container Container to be resized
|
|
10
29
|
* @param {Node} control Resize handle element
|
|
11
|
-
* @param {Object} options
|
|
12
|
-
* @param {Boolean} options.debug Enable non-essential debugging logs
|
|
13
|
-
* @param {Boolean} options.
|
|
14
|
-
* @param {
|
|
30
|
+
* @param {Object} options Options to configure the resizer.
|
|
31
|
+
* @param {Boolean} options.debug Enable non-essential debugging logs.
|
|
32
|
+
* @param {Boolean} options.overrideMaxDimensions When script is activated by handle, remove the element's max-width/max-height and allow the resize to exceed them (default false).
|
|
33
|
+
* @param {"left"|"right"|null} [options.fromX=null] Horizontal resizing direction.
|
|
34
|
+
* @param {"top"|"bottom"|null} [options.fromY=null] Vertical resizing direction.
|
|
15
35
|
*/
|
|
16
36
|
constructor(container: Node, control: Node, options: {
|
|
17
37
|
debug: boolean;
|
|
18
|
-
|
|
19
|
-
|
|
38
|
+
overrideMaxDimensions: boolean;
|
|
39
|
+
fromX?: "left" | "right" | null;
|
|
40
|
+
fromY?: "top" | "bottom" | null;
|
|
20
41
|
});
|
|
21
42
|
options: any;
|
|
22
43
|
container: Node;
|
|
23
44
|
control: Node;
|
|
24
|
-
|
|
45
|
+
debug: any;
|
|
46
|
+
resizeHorizontal: boolean;
|
|
47
|
+
resizeVertical: boolean;
|
|
48
|
+
/**
|
|
49
|
+
* Cleans up event listeners to prevent memory leaks.
|
|
50
|
+
*/
|
|
25
51
|
destroy(): void;
|
|
26
|
-
|
|
52
|
+
dispatchEvent(type: any, data: any): void;
|
|
53
|
+
#private;
|
|
27
54
|
}
|
|
28
55
|
//# sourceMappingURL=resizer.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"resizer.d.ts","sourceRoot":"","sources":["../../js/ui/resizer.js"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"resizer.d.ts","sourceRoot":"","sources":["../../js/ui/resizer.js"],"names":[],"mappings":"AAOA;IACE;;QAEE;;WAEG;;QAEH;;WAEG;;QAEH;;;;;WAKG;eAJO,MAAM,GAAC,OAAO,GAAC,IAAI;QAM7B;;;;;WAKG;eAJO,KAAK,GAAC,QAAQ,GAAC,IAAI;MAM7B;IAKF;;;;;;;;OAQG;IACH,uBARW,IAAI,WACJ,IAAI;QAEa,KAAK;QACL,qBAAqB;QACR,KAAK,GAAnC,MAAM,GAAC,OAAO,GAAC,IAAI;QACW,KAAK,GAAnC,KAAK,GAAC,QAAQ,GAAC,IAAI;OA2C7B;IApCC,aAA2D;IAG3D,gBAA0B;IAC1B,cAAsB;IACtB,WAA+B;IAuB/B,0BAAmD;IACnD,wBAAiD;IASnD;;OAEG;IACH,gBAEC;IAmHD,0CAEC;;CACF"}
|