@koine/dom 2.0.0-beta.2 → 2.0.0-beta.21
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/$.d.ts +1 -12
- package/$.js +2 -17
- package/$all.d.ts +2 -0
- package/$all.js +4 -0
- package/$each.d.ts +0 -9
- package/$each.js +4 -18
- package/_listen-delegation.d.ts +3 -31
- package/_listen-delegation.js +10 -54
- package/addClass.d.ts +0 -3
- package/addClass.js +3 -10
- package/calculateFixedOffset.d.ts +0 -0
- package/calculateFixedOffset.js +4 -8
- package/createElement.d.ts +2 -8
- package/createElement.js +4 -16
- package/emitEvent.d.ts +0 -3
- package/emitEvent.js +2 -9
- package/escapeSelector.d.ts +0 -6
- package/escapeSelector.js +2 -12
- package/exists.d.ts +0 -5
- package/exists.js +2 -11
- package/forEach.d.ts +1 -8
- package/forEach.js +2 -13
- package/getDataAttr.d.ts +0 -6
- package/getDataAttr.js +2 -15
- package/getDocumentHeight.d.ts +0 -5
- package/getDocumentHeight.js +2 -11
- package/getHeight.d.ts +0 -3
- package/getHeight.js +2 -9
- package/getListeners.d.ts +1 -8
- package/getListeners.js +5 -18
- package/getOffset.d.ts +0 -6
- package/getOffset.js +2 -13
- package/getOffsetTop.d.ts +0 -8
- package/getOffsetTop.js +2 -15
- package/getOffsetTopSlim.d.ts +0 -9
- package/getOffsetTopSlim.js +2 -15
- package/getScrollbarWidth.d.ts +0 -3
- package/getScrollbarWidth.js +2 -9
- package/getStyleValue.d.ts +0 -6
- package/getStyleValue.js +2 -12
- package/getVisualBackgroundColor.d.ts +0 -4
- package/getVisualBackgroundColor.js +2 -11
- package/index.d.ts +46 -46
- package/index.js +45 -93
- package/injectCss.d.ts +0 -3
- package/injectCss.js +2 -9
- package/isHidden.d.ts +0 -3
- package/isHidden.js +2 -9
- package/isInViewport.d.ts +0 -8
- package/isInViewport.js +2 -14
- package/isNodeList.d.ts +1 -6
- package/isNodeList.js +2 -11
- package/isTotallyScrolled.d.ts +0 -6
- package/isTotallyScrolled.js +2 -12
- package/listen.d.ts +3 -11
- package/listen.js +9 -27
- package/listenLoaded.d.ts +0 -5
- package/listenLoaded.js +4 -14
- package/listenOnce.d.ts +1 -10
- package/listenOnce.js +8 -21
- package/listenResize.d.ts +1 -6
- package/listenResize.js +3 -12
- package/listenResizeDebounced.d.ts +1 -6
- package/listenResizeDebounced.js +6 -42
- package/listenResizeThrottled.d.ts +1 -6
- package/listenResizeThrottled.js +6 -15
- package/listenScroll.d.ts +1 -6
- package/listenScroll.js +4 -13
- package/listenScrollDebounced.d.ts +1 -6
- package/listenScrollDebounced.js +6 -15
- package/listenScrollThrottled.d.ts +1 -6
- package/listenScrollThrottled.js +6 -15
- package/off.d.ts +2 -5
- package/off.js +3 -10
- package/on.d.ts +2 -7
- package/on.js +5 -16
- package/onClickOutside.d.ts +0 -0
- package/onClickOutside.js +4 -9
- package/once.d.ts +1 -5
- package/once.js +6 -15
- package/package.json +148 -9
- package/removeClass.d.ts +0 -3
- package/removeClass.js +3 -10
- package/scrollTo.d.ts +0 -10
- package/scrollTo.js +7 -21
- package/setDataAttr.d.ts +0 -7
- package/setDataAttr.js +2 -16
- package/setVendorCSS.d.ts +0 -7
- package/setVendorCSS.js +2 -18
- package/siblings.d.ts +0 -5
- package/siblings.js +2 -11
- package/toArray.d.ts +0 -5
- package/toArray.js +2 -11
- package/types.d.ts +6 -5
- package/types.js +1 -2
- package/unlisten.d.ts +3 -11
- package/unlisten.js +10 -28
- package/$$.d.ts +0 -10
- package/$$.js +0 -16
- package/$$.mjs +0 -12
- package/$.mjs +0 -15
- package/$each.mjs +0 -17
- package/README.md +0 -1
- package/_listen-delegation.mjs +0 -83
- package/addClass.mjs +0 -15
- package/calculateFixedOffset.mjs +0 -10
- package/createElement.mjs +0 -16
- package/emitEvent.mjs +0 -14
- package/escapeSelector.mjs +0 -10
- package/exists.mjs +0 -12
- package/forEach.mjs +0 -13
- package/getDataAttr.mjs +0 -13
- package/getDocumentHeight.mjs +0 -10
- package/getHeight.mjs +0 -7
- package/getListeners.mjs +0 -18
- package/getOffset.mjs +0 -18
- package/getOffsetTop.mjs +0 -20
- package/getOffsetTopSlim.mjs +0 -13
- package/getScrollbarWidth.mjs +0 -7
- package/getStyleValue.mjs +0 -10
- package/getVisualBackground.d.ts +0 -6
- package/getVisualBackground.js +0 -25
- package/getVisualBackground.mjs +0 -21
- package/getVisualBackgroundColor.mjs +0 -21
- package/index.mjs +0 -45
- package/injectCss.mjs +0 -16
- package/isHidden.mjs +0 -7
- package/isInViewport.mjs +0 -18
- package/isNodeList.mjs +0 -14
- package/isTotallyScrolled.mjs +0 -10
- package/listen.mjs +0 -33
- package/listenLoaded.mjs +0 -11
- package/listenOnce.mjs +0 -20
- package/listenResize.mjs +0 -8
- package/listenResizeDebounced.mjs +0 -42
- package/listenResizeThrottled.mjs +0 -15
- package/listenScroll.mjs +0 -13
- package/listenScrollDebounced.mjs +0 -15
- package/listenScrollThrottled.mjs +0 -15
- package/off.mjs +0 -14
- package/on.mjs +0 -21
- package/onClickOutside.mjs +0 -17
- package/once.mjs +0 -15
- package/removeClass.mjs +0 -15
- package/scrollTo.mjs +0 -40
- package/setDataAttr.mjs +0 -18
- package/setVendorCSS.mjs +0 -21
- package/siblings.mjs +0 -19
- package/toArray.mjs +0 -9
- package/types.mjs +0 -1
- package/unlisten.mjs +0 -33
package/getOffsetTopSlim.js
CHANGED
|
@@ -1,17 +1,4 @@
|
|
|
1
|
-
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.getOffsetTopSlim = void 0;
|
|
4
|
-
/**
|
|
5
|
-
* Get an element's distance from the top of the Document (using more modern/performant
|
|
6
|
-
* technique compared to {@link ./getOffsetTop})
|
|
7
|
-
*
|
|
8
|
-
* @see https://stackoverflow.com/q/5598743/1938970
|
|
9
|
-
*
|
|
10
|
-
* @param elem The HTML node element
|
|
11
|
-
* @return Distance from the top in pixels
|
|
12
|
-
*/
|
|
13
|
-
function getOffsetTopSlim(elem) {
|
|
1
|
+
export function getOffsetTopSlim(elem) {
|
|
14
2
|
return elem.getBoundingClientRect().top + window.scrollY;
|
|
15
3
|
}
|
|
16
|
-
|
|
17
|
-
exports.default = getOffsetTopSlim;
|
|
4
|
+
export default getOffsetTopSlim;
|
package/getScrollbarWidth.d.ts
CHANGED
package/getScrollbarWidth.js
CHANGED
|
@@ -1,11 +1,4 @@
|
|
|
1
|
-
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.getScrollbarWidth = void 0;
|
|
4
|
-
/**
|
|
5
|
-
* Get scrollbar's current width
|
|
6
|
-
*/
|
|
7
|
-
function getScrollbarWidth(element) {
|
|
1
|
+
export function getScrollbarWidth(element) {
|
|
8
2
|
return window.innerWidth - (element || document.documentElement).clientWidth;
|
|
9
3
|
}
|
|
10
|
-
|
|
11
|
-
exports.default = getScrollbarWidth;
|
|
4
|
+
export default getScrollbarWidth;
|
package/getStyleValue.d.ts
CHANGED
package/getStyleValue.js
CHANGED
|
@@ -1,14 +1,4 @@
|
|
|
1
|
-
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.getStyleValue = void 0;
|
|
4
|
-
/**
|
|
5
|
-
* Return the current style value for an element CSS property
|
|
6
|
-
*
|
|
7
|
-
* @param el The element to compute
|
|
8
|
-
* @param prop The style property
|
|
9
|
-
*/
|
|
10
|
-
function getStyleValue(el, prop) {
|
|
1
|
+
export function getStyleValue(el, prop) {
|
|
11
2
|
return getComputedStyle(el, null).getPropertyValue(prop);
|
|
12
3
|
}
|
|
13
|
-
|
|
14
|
-
exports.default = getStyleValue;
|
|
4
|
+
export default getStyleValue;
|
|
@@ -1,6 +1,2 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Get the background color of an element eventually looking recursively into
|
|
3
|
-
* its parents, if nothing is found it returns a `#fff` background
|
|
4
|
-
*/
|
|
5
1
|
export declare function getVisualBackgroundColor(elem?: null | HTMLElement): string;
|
|
6
2
|
export default getVisualBackgroundColor;
|
|
@@ -1,16 +1,8 @@
|
|
|
1
|
-
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.getVisualBackgroundColor = void 0;
|
|
4
|
-
/**
|
|
5
|
-
* Get the background color of an element eventually looking recursively into
|
|
6
|
-
* its parents, if nothing is found it returns a `#fff` background
|
|
7
|
-
*/
|
|
8
|
-
function getVisualBackgroundColor(elem) {
|
|
1
|
+
export function getVisualBackgroundColor(elem) {
|
|
9
2
|
if (!elem)
|
|
10
3
|
return "#fff";
|
|
11
4
|
var transparent = "rgba(0, 0, 0, 0)";
|
|
12
5
|
var transparentIE11 = "transparent";
|
|
13
|
-
// if (!elem) return transparent;
|
|
14
6
|
var bg = window.getComputedStyle(elem).backgroundColor;
|
|
15
7
|
if (bg === transparent || bg === transparentIE11) {
|
|
16
8
|
var parent_1 = elem.parentElement;
|
|
@@ -21,5 +13,4 @@ function getVisualBackgroundColor(elem) {
|
|
|
21
13
|
}
|
|
22
14
|
return bg;
|
|
23
15
|
}
|
|
24
|
-
|
|
25
|
-
exports.default = getVisualBackgroundColor;
|
|
16
|
+
export default getVisualBackgroundColor;
|
package/index.d.ts
CHANGED
|
@@ -1,46 +1,46 @@
|
|
|
1
|
-
export {
|
|
2
|
-
export { $
|
|
3
|
-
export { $ } from "./$";
|
|
4
|
-
export { addClass } from "./addClass";
|
|
5
|
-
export { calculateFixedOffset } from "./calculateFixedOffset";
|
|
6
|
-
export { createElement } from "./createElement";
|
|
7
|
-
export { emitEvent } from "./emitEvent";
|
|
8
|
-
export { escapeSelector } from "./escapeSelector";
|
|
9
|
-
export { exists } from "./exists";
|
|
10
|
-
export { forEach } from "./forEach";
|
|
11
|
-
export { getDataAttr } from "./getDataAttr";
|
|
12
|
-
export { getDocumentHeight } from "./getDocumentHeight";
|
|
13
|
-
export { getHeight } from "./getHeight";
|
|
14
|
-
export { getListeners } from "./getListeners";
|
|
15
|
-
export { getOffset } from "./getOffset";
|
|
16
|
-
export { getOffsetTop } from "./getOffsetTop";
|
|
17
|
-
export { getOffsetTopSlim } from "./getOffsetTopSlim";
|
|
18
|
-
export { getScrollbarWidth } from "./getScrollbarWidth";
|
|
19
|
-
export { getStyleValue } from "./getStyleValue";
|
|
20
|
-
export { getVisualBackgroundColor } from "./getVisualBackgroundColor";
|
|
21
|
-
export { injectCss } from "./injectCss";
|
|
22
|
-
export { isHidden } from "./isHidden";
|
|
23
|
-
export { isInViewport } from "./isInViewport";
|
|
24
|
-
export { isNodeList } from "./isNodeList";
|
|
25
|
-
export { isTotallyScrolled } from "./isTotallyScrolled";
|
|
26
|
-
export { listenLoaded } from "./listenLoaded";
|
|
27
|
-
export { listenOnce } from "./listenOnce";
|
|
28
|
-
export { listenResize } from "./listenResize";
|
|
29
|
-
export { listenResizeDebounced } from "./listenResizeDebounced";
|
|
30
|
-
export { listenResizeThrottled } from "./listenResizeThrottled";
|
|
31
|
-
export { listenScroll } from "./listenScroll";
|
|
32
|
-
export { listenScrollDebounced } from "./listenScrollDebounced";
|
|
33
|
-
export { listenScrollThrottled } from "./listenScrollThrottled";
|
|
34
|
-
export { listen } from "./listen";
|
|
35
|
-
export { off } from "./off";
|
|
36
|
-
export { once } from "./once";
|
|
37
|
-
export { onClickOutside } from "./onClickOutside";
|
|
38
|
-
export { on } from "./on";
|
|
39
|
-
export { removeClass } from "./removeClass";
|
|
40
|
-
export { scrollTo } from "./scrollTo";
|
|
41
|
-
export { setDataAttr } from "./setDataAttr";
|
|
42
|
-
export { setVendorCSS } from "./setVendorCSS";
|
|
43
|
-
export { siblings } from "./siblings";
|
|
44
|
-
export { toArray } from "./toArray";
|
|
45
|
-
export { unlisten } from "./unlisten";
|
|
46
|
-
export type { AnyDOMEventTarget, AnyDOMEventTargetLoose } from "./types";
|
|
1
|
+
export { $ } from "./$.js";
|
|
2
|
+
export { $all } from "./$all.js";
|
|
3
|
+
export { $each } from "./$each.js";
|
|
4
|
+
export { addClass } from "./addClass.js";
|
|
5
|
+
export { calculateFixedOffset } from "./calculateFixedOffset.js";
|
|
6
|
+
export { createElement } from "./createElement.js";
|
|
7
|
+
export { emitEvent } from "./emitEvent.js";
|
|
8
|
+
export { escapeSelector } from "./escapeSelector.js";
|
|
9
|
+
export { exists } from "./exists.js";
|
|
10
|
+
export { forEach } from "./forEach.js";
|
|
11
|
+
export { getDataAttr } from "./getDataAttr.js";
|
|
12
|
+
export { getDocumentHeight } from "./getDocumentHeight.js";
|
|
13
|
+
export { getHeight } from "./getHeight.js";
|
|
14
|
+
export { getListeners } from "./getListeners.js";
|
|
15
|
+
export { getOffset } from "./getOffset.js";
|
|
16
|
+
export { getOffsetTop } from "./getOffsetTop.js";
|
|
17
|
+
export { getOffsetTopSlim } from "./getOffsetTopSlim.js";
|
|
18
|
+
export { getScrollbarWidth } from "./getScrollbarWidth.js";
|
|
19
|
+
export { getStyleValue } from "./getStyleValue.js";
|
|
20
|
+
export { getVisualBackgroundColor } from "./getVisualBackgroundColor.js";
|
|
21
|
+
export { injectCss } from "./injectCss.js";
|
|
22
|
+
export { isHidden } from "./isHidden.js";
|
|
23
|
+
export { isInViewport } from "./isInViewport.js";
|
|
24
|
+
export { isNodeList } from "./isNodeList.js";
|
|
25
|
+
export { isTotallyScrolled } from "./isTotallyScrolled.js";
|
|
26
|
+
export { listenLoaded } from "./listenLoaded.js";
|
|
27
|
+
export { listenOnce } from "./listenOnce.js";
|
|
28
|
+
export { listenResize } from "./listenResize.js";
|
|
29
|
+
export { listenResizeDebounced } from "./listenResizeDebounced.js";
|
|
30
|
+
export { listenResizeThrottled } from "./listenResizeThrottled.js";
|
|
31
|
+
export { listenScroll } from "./listenScroll.js";
|
|
32
|
+
export { listenScrollDebounced } from "./listenScrollDebounced.js";
|
|
33
|
+
export { listenScrollThrottled } from "./listenScrollThrottled.js";
|
|
34
|
+
export { listen } from "./listen.js";
|
|
35
|
+
export { off } from "./off.js";
|
|
36
|
+
export { once } from "./once.js";
|
|
37
|
+
export { onClickOutside } from "./onClickOutside.js";
|
|
38
|
+
export { on } from "./on.js";
|
|
39
|
+
export { removeClass } from "./removeClass.js";
|
|
40
|
+
export { scrollTo } from "./scrollTo.js";
|
|
41
|
+
export { setDataAttr } from "./setDataAttr.js";
|
|
42
|
+
export { setVendorCSS } from "./setVendorCSS.js";
|
|
43
|
+
export { siblings } from "./siblings.js";
|
|
44
|
+
export { toArray } from "./toArray.js";
|
|
45
|
+
export { unlisten } from "./unlisten.js";
|
|
46
|
+
export type { AnyDOMEventTarget, AnyDOMEventTargetLoose, AnyDOMEventType, AnyDOMEvent, } from "./types.js";
|
package/index.js
CHANGED
|
@@ -1,93 +1,45 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
var isHidden_1 = require("./isHidden");
|
|
47
|
-
Object.defineProperty(exports, "isHidden", { enumerable: true, get: function () { return isHidden_1.isHidden; } });
|
|
48
|
-
var isInViewport_1 = require("./isInViewport");
|
|
49
|
-
Object.defineProperty(exports, "isInViewport", { enumerable: true, get: function () { return isInViewport_1.isInViewport; } });
|
|
50
|
-
var isNodeList_1 = require("./isNodeList");
|
|
51
|
-
Object.defineProperty(exports, "isNodeList", { enumerable: true, get: function () { return isNodeList_1.isNodeList; } });
|
|
52
|
-
var isTotallyScrolled_1 = require("./isTotallyScrolled");
|
|
53
|
-
Object.defineProperty(exports, "isTotallyScrolled", { enumerable: true, get: function () { return isTotallyScrolled_1.isTotallyScrolled; } });
|
|
54
|
-
var listenLoaded_1 = require("./listenLoaded");
|
|
55
|
-
Object.defineProperty(exports, "listenLoaded", { enumerable: true, get: function () { return listenLoaded_1.listenLoaded; } });
|
|
56
|
-
var listenOnce_1 = require("./listenOnce");
|
|
57
|
-
Object.defineProperty(exports, "listenOnce", { enumerable: true, get: function () { return listenOnce_1.listenOnce; } });
|
|
58
|
-
var listenResize_1 = require("./listenResize");
|
|
59
|
-
Object.defineProperty(exports, "listenResize", { enumerable: true, get: function () { return listenResize_1.listenResize; } });
|
|
60
|
-
var listenResizeDebounced_1 = require("./listenResizeDebounced");
|
|
61
|
-
Object.defineProperty(exports, "listenResizeDebounced", { enumerable: true, get: function () { return listenResizeDebounced_1.listenResizeDebounced; } });
|
|
62
|
-
var listenResizeThrottled_1 = require("./listenResizeThrottled");
|
|
63
|
-
Object.defineProperty(exports, "listenResizeThrottled", { enumerable: true, get: function () { return listenResizeThrottled_1.listenResizeThrottled; } });
|
|
64
|
-
var listenScroll_1 = require("./listenScroll");
|
|
65
|
-
Object.defineProperty(exports, "listenScroll", { enumerable: true, get: function () { return listenScroll_1.listenScroll; } });
|
|
66
|
-
var listenScrollDebounced_1 = require("./listenScrollDebounced");
|
|
67
|
-
Object.defineProperty(exports, "listenScrollDebounced", { enumerable: true, get: function () { return listenScrollDebounced_1.listenScrollDebounced; } });
|
|
68
|
-
var listenScrollThrottled_1 = require("./listenScrollThrottled");
|
|
69
|
-
Object.defineProperty(exports, "listenScrollThrottled", { enumerable: true, get: function () { return listenScrollThrottled_1.listenScrollThrottled; } });
|
|
70
|
-
var listen_1 = require("./listen");
|
|
71
|
-
Object.defineProperty(exports, "listen", { enumerable: true, get: function () { return listen_1.listen; } });
|
|
72
|
-
var off_1 = require("./off");
|
|
73
|
-
Object.defineProperty(exports, "off", { enumerable: true, get: function () { return off_1.off; } });
|
|
74
|
-
var once_1 = require("./once");
|
|
75
|
-
Object.defineProperty(exports, "once", { enumerable: true, get: function () { return once_1.once; } });
|
|
76
|
-
var onClickOutside_1 = require("./onClickOutside");
|
|
77
|
-
Object.defineProperty(exports, "onClickOutside", { enumerable: true, get: function () { return onClickOutside_1.onClickOutside; } });
|
|
78
|
-
var on_1 = require("./on");
|
|
79
|
-
Object.defineProperty(exports, "on", { enumerable: true, get: function () { return on_1.on; } });
|
|
80
|
-
var removeClass_1 = require("./removeClass");
|
|
81
|
-
Object.defineProperty(exports, "removeClass", { enumerable: true, get: function () { return removeClass_1.removeClass; } });
|
|
82
|
-
var scrollTo_1 = require("./scrollTo");
|
|
83
|
-
Object.defineProperty(exports, "scrollTo", { enumerable: true, get: function () { return scrollTo_1.scrollTo; } });
|
|
84
|
-
var setDataAttr_1 = require("./setDataAttr");
|
|
85
|
-
Object.defineProperty(exports, "setDataAttr", { enumerable: true, get: function () { return setDataAttr_1.setDataAttr; } });
|
|
86
|
-
var setVendorCSS_1 = require("./setVendorCSS");
|
|
87
|
-
Object.defineProperty(exports, "setVendorCSS", { enumerable: true, get: function () { return setVendorCSS_1.setVendorCSS; } });
|
|
88
|
-
var siblings_1 = require("./siblings");
|
|
89
|
-
Object.defineProperty(exports, "siblings", { enumerable: true, get: function () { return siblings_1.siblings; } });
|
|
90
|
-
var toArray_1 = require("./toArray");
|
|
91
|
-
Object.defineProperty(exports, "toArray", { enumerable: true, get: function () { return toArray_1.toArray; } });
|
|
92
|
-
var unlisten_1 = require("./unlisten");
|
|
93
|
-
Object.defineProperty(exports, "unlisten", { enumerable: true, get: function () { return unlisten_1.unlisten; } });
|
|
1
|
+
export { $ } from "./$.js";
|
|
2
|
+
export { $all } from "./$all.js";
|
|
3
|
+
export { $each } from "./$each.js";
|
|
4
|
+
export { addClass } from "./addClass.js";
|
|
5
|
+
export { calculateFixedOffset } from "./calculateFixedOffset.js";
|
|
6
|
+
export { createElement } from "./createElement.js";
|
|
7
|
+
export { emitEvent } from "./emitEvent.js";
|
|
8
|
+
export { escapeSelector } from "./escapeSelector.js";
|
|
9
|
+
export { exists } from "./exists.js";
|
|
10
|
+
export { forEach } from "./forEach.js";
|
|
11
|
+
export { getDataAttr } from "./getDataAttr.js";
|
|
12
|
+
export { getDocumentHeight } from "./getDocumentHeight.js";
|
|
13
|
+
export { getHeight } from "./getHeight.js";
|
|
14
|
+
export { getListeners } from "./getListeners.js";
|
|
15
|
+
export { getOffset } from "./getOffset.js";
|
|
16
|
+
export { getOffsetTop } from "./getOffsetTop.js";
|
|
17
|
+
export { getOffsetTopSlim } from "./getOffsetTopSlim.js";
|
|
18
|
+
export { getScrollbarWidth } from "./getScrollbarWidth.js";
|
|
19
|
+
export { getStyleValue } from "./getStyleValue.js";
|
|
20
|
+
export { getVisualBackgroundColor } from "./getVisualBackgroundColor.js";
|
|
21
|
+
export { injectCss } from "./injectCss.js";
|
|
22
|
+
export { isHidden } from "./isHidden.js";
|
|
23
|
+
export { isInViewport } from "./isInViewport.js";
|
|
24
|
+
export { isNodeList } from "./isNodeList.js";
|
|
25
|
+
export { isTotallyScrolled } from "./isTotallyScrolled.js";
|
|
26
|
+
export { listenLoaded } from "./listenLoaded.js";
|
|
27
|
+
export { listenOnce } from "./listenOnce.js";
|
|
28
|
+
export { listenResize } from "./listenResize.js";
|
|
29
|
+
export { listenResizeDebounced } from "./listenResizeDebounced.js";
|
|
30
|
+
export { listenResizeThrottled } from "./listenResizeThrottled.js";
|
|
31
|
+
export { listenScroll } from "./listenScroll.js";
|
|
32
|
+
export { listenScrollDebounced } from "./listenScrollDebounced.js";
|
|
33
|
+
export { listenScrollThrottled } from "./listenScrollThrottled.js";
|
|
34
|
+
export { listen } from "./listen.js";
|
|
35
|
+
export { off } from "./off.js";
|
|
36
|
+
export { once } from "./once.js";
|
|
37
|
+
export { onClickOutside } from "./onClickOutside.js";
|
|
38
|
+
export { on } from "./on.js";
|
|
39
|
+
export { removeClass } from "./removeClass.js";
|
|
40
|
+
export { scrollTo } from "./scrollTo.js";
|
|
41
|
+
export { setDataAttr } from "./setDataAttr.js";
|
|
42
|
+
export { setVendorCSS } from "./setVendorCSS.js";
|
|
43
|
+
export { siblings } from "./siblings.js";
|
|
44
|
+
export { toArray } from "./toArray.js";
|
|
45
|
+
export { unlisten } from "./unlisten.js";
|
package/injectCss.d.ts
CHANGED
package/injectCss.js
CHANGED
|
@@ -1,10 +1,4 @@
|
|
|
1
|
-
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.injectCss = void 0;
|
|
4
|
-
/**
|
|
5
|
-
* Inject css
|
|
6
|
-
*/
|
|
7
|
-
function injectCss(id, cssString, root) {
|
|
1
|
+
export function injectCss(id, cssString, root) {
|
|
8
2
|
if (cssString === void 0) { cssString = ""; }
|
|
9
3
|
if (root === void 0) { root = document; }
|
|
10
4
|
var styleblock;
|
|
@@ -16,5 +10,4 @@ function injectCss(id, cssString, root) {
|
|
|
16
10
|
}
|
|
17
11
|
styleblock.innerHTML = cssString;
|
|
18
12
|
}
|
|
19
|
-
|
|
20
|
-
exports.default = injectCss;
|
|
13
|
+
export default injectCss;
|
package/isHidden.d.ts
CHANGED
package/isHidden.js
CHANGED
|
@@ -1,11 +1,4 @@
|
|
|
1
|
-
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.isHidden = void 0;
|
|
4
|
-
/**
|
|
5
|
-
* Is element hidden?
|
|
6
|
-
*/
|
|
7
|
-
function isHidden(el) {
|
|
1
|
+
export function isHidden(el) {
|
|
8
2
|
return !el || el.offsetParent === null;
|
|
9
3
|
}
|
|
10
|
-
|
|
11
|
-
exports.default = isHidden;
|
|
4
|
+
export default isHidden;
|
package/isInViewport.d.ts
CHANGED
|
@@ -1,10 +1,2 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Determine if an element is in the viewport
|
|
3
|
-
*
|
|
4
|
-
* @borrows (c) 2017 Chris Ferdinandi, MIT License, https://gomakethings.com
|
|
5
|
-
*
|
|
6
|
-
* @param elem The element
|
|
7
|
-
* @return Returns true if element is in the viewport
|
|
8
|
-
*/
|
|
9
1
|
export declare function isInViewport(elem: Element): boolean;
|
|
10
2
|
export default isInViewport;
|
package/isInViewport.js
CHANGED
|
@@ -1,15 +1,4 @@
|
|
|
1
|
-
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.isInViewport = void 0;
|
|
4
|
-
/**
|
|
5
|
-
* Determine if an element is in the viewport
|
|
6
|
-
*
|
|
7
|
-
* @borrows (c) 2017 Chris Ferdinandi, MIT License, https://gomakethings.com
|
|
8
|
-
*
|
|
9
|
-
* @param elem The element
|
|
10
|
-
* @return Returns true if element is in the viewport
|
|
11
|
-
*/
|
|
12
|
-
function isInViewport(elem) {
|
|
1
|
+
export function isInViewport(elem) {
|
|
13
2
|
var distance = elem.getBoundingClientRect();
|
|
14
3
|
return (distance.top >= 0 &&
|
|
15
4
|
distance.left >= 0 &&
|
|
@@ -18,5 +7,4 @@ function isInViewport(elem) {
|
|
|
18
7
|
distance.right <=
|
|
19
8
|
(window.innerWidth || document.documentElement.clientWidth));
|
|
20
9
|
}
|
|
21
|
-
|
|
22
|
-
exports.default = isInViewport;
|
|
10
|
+
export default isInViewport;
|
package/isNodeList.d.ts
CHANGED
package/isNodeList.js
CHANGED
|
@@ -1,12 +1,4 @@
|
|
|
1
|
-
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.isNodeList = void 0;
|
|
4
|
-
/**
|
|
5
|
-
* Is node list
|
|
6
|
-
*
|
|
7
|
-
* @param nodes The object to check
|
|
8
|
-
*/
|
|
9
|
-
function isNodeList(nodes) {
|
|
1
|
+
export function isNodeList(nodes) {
|
|
10
2
|
var stringRepr = Object.prototype.toString.call(nodes);
|
|
11
3
|
return (typeof nodes === "object" &&
|
|
12
4
|
/^\[object (HTMLCollection|NodeList|Object)\]$/.test(stringRepr) &&
|
|
@@ -14,5 +6,4 @@ function isNodeList(nodes) {
|
|
|
14
6
|
(nodes.length === 0 ||
|
|
15
7
|
(typeof nodes[0] === "object" && nodes[0].nodeType > 0)));
|
|
16
8
|
}
|
|
17
|
-
|
|
18
|
-
exports.default = isNodeList;
|
|
9
|
+
export default isNodeList;
|
package/isTotallyScrolled.d.ts
CHANGED
|
@@ -1,8 +1,2 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Is element totally scrolled
|
|
3
|
-
*
|
|
4
|
-
* @see https://github.com/willmcpo/body-scroll-lock/blob/master/src/bodyScrollLock.js#L116
|
|
5
|
-
* @see https://developer.mozilla.org/en-US/docs/Web/API/Element/scrollHeight#Problems_and_solutions
|
|
6
|
-
*/
|
|
7
1
|
export declare function isTotallyScrolled(el?: HTMLElement): boolean;
|
|
8
2
|
export default isTotallyScrolled;
|
package/isTotallyScrolled.js
CHANGED
|
@@ -1,14 +1,4 @@
|
|
|
1
|
-
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.isTotallyScrolled = void 0;
|
|
4
|
-
/**
|
|
5
|
-
* Is element totally scrolled
|
|
6
|
-
*
|
|
7
|
-
* @see https://github.com/willmcpo/body-scroll-lock/blob/master/src/bodyScrollLock.js#L116
|
|
8
|
-
* @see https://developer.mozilla.org/en-US/docs/Web/API/Element/scrollHeight#Problems_and_solutions
|
|
9
|
-
*/
|
|
10
|
-
function isTotallyScrolled(el) {
|
|
1
|
+
export function isTotallyScrolled(el) {
|
|
11
2
|
return el ? el.scrollHeight - el.scrollTop <= el.clientHeight : false;
|
|
12
3
|
}
|
|
13
|
-
|
|
14
|
-
exports.default = isTotallyScrolled;
|
|
4
|
+
export default isTotallyScrolled;
|
package/listen.d.ts
CHANGED
|
@@ -1,12 +1,4 @@
|
|
|
1
|
-
import { type EventCallback } from "./_listen-delegation";
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
*
|
|
5
|
-
* @category listen-delegation
|
|
6
|
-
*
|
|
7
|
-
* @param types The event type or types (comma separated)
|
|
8
|
-
* @param selector The selector to run the event on
|
|
9
|
-
* @param callback The function to run when the event fires
|
|
10
|
-
*/
|
|
11
|
-
export declare function listen(types: string, selector: string, callback: EventCallback): void;
|
|
1
|
+
import { type EventCallback } from "./_listen-delegation.js";
|
|
2
|
+
import type { AnyDOMEventTarget, AnyDOMEventType } from "./types.js";
|
|
3
|
+
export declare function listen<TTypes extends AnyDOMEventType, TTarget extends AnyDOMEventTarget = AnyDOMEventTarget>(types: TTypes, selector: string, callback: EventCallback<TTarget, TTypes>): void;
|
|
12
4
|
export default listen;
|
package/listen.js
CHANGED
|
@@ -1,37 +1,19 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
var _listen_delegation_1 = require("./_listen-delegation");
|
|
5
|
-
var on_1 = require("./on");
|
|
6
|
-
// import { off } from "./off";
|
|
7
|
-
/**
|
|
8
|
-
* Listen an event
|
|
9
|
-
*
|
|
10
|
-
* @category listen-delegation
|
|
11
|
-
*
|
|
12
|
-
* @param types The event type or types (comma separated)
|
|
13
|
-
* @param selector The selector to run the event on
|
|
14
|
-
* @param callback The function to run when the event fires
|
|
15
|
-
*/
|
|
16
|
-
function listen(types, selector, callback) {
|
|
17
|
-
// Make sure there's a selector and callback
|
|
1
|
+
import { activeEvents, eventHandler, } from "./_listen-delegation.js";
|
|
2
|
+
import { on } from "./on.js";
|
|
3
|
+
export function listen(types, selector, callback) {
|
|
18
4
|
if (!selector || !callback)
|
|
19
5
|
return;
|
|
20
|
-
// Loop through each event type
|
|
21
6
|
types.split(",").forEach(function (type) {
|
|
22
|
-
|
|
7
|
+
var _a;
|
|
23
8
|
type = type.trim();
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
(0, on_1.on)(window, type, _listen_delegation_1.eventHandler, true);
|
|
9
|
+
if (!activeEvents[type]) {
|
|
10
|
+
activeEvents[type] = [];
|
|
11
|
+
on(window, type, eventHandler, true);
|
|
28
12
|
}
|
|
29
|
-
|
|
30
|
-
_listen_delegation_1.activeEvents[type].push({
|
|
13
|
+
(_a = activeEvents[type]) === null || _a === void 0 ? void 0 : _a.push({
|
|
31
14
|
selector: selector,
|
|
32
15
|
callback: callback,
|
|
33
16
|
});
|
|
34
17
|
});
|
|
35
18
|
}
|
|
36
|
-
|
|
37
|
-
exports.default = listen;
|
|
19
|
+
export default listen;
|
package/listenLoaded.d.ts
CHANGED
package/listenLoaded.js
CHANGED
|
@@ -1,15 +1,5 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
var on_1 = require("./on");
|
|
5
|
-
/**
|
|
6
|
-
* Fires a callback when the DOM content is loaded
|
|
7
|
-
*
|
|
8
|
-
* @see https://mathiasbynens.be/notes/settimeout-onload
|
|
9
|
-
*/
|
|
10
|
-
function listenLoaded(handler) {
|
|
11
|
-
(0, on_1.on)(document, "DOMContentLoaded", handler);
|
|
12
|
-
// document.addEventListener("DOMContentLoaded", setTimeout(handler, 4));
|
|
1
|
+
import { on } from "./on.js";
|
|
2
|
+
export function listenLoaded(handler) {
|
|
3
|
+
on(document, "DOMContentLoaded", handler);
|
|
13
4
|
}
|
|
14
|
-
|
|
15
|
-
exports.default = listenLoaded;
|
|
5
|
+
export default listenLoaded;
|
package/listenOnce.d.ts
CHANGED
|
@@ -1,12 +1,3 @@
|
|
|
1
|
-
import { type EventCallback } from "./_listen-delegation";
|
|
2
|
-
/**
|
|
3
|
-
* Listen an event, and automatically unlisten it after it's first run
|
|
4
|
-
*
|
|
5
|
-
* @category listen-delegation
|
|
6
|
-
*
|
|
7
|
-
* @param types The event type or types (comma separated)
|
|
8
|
-
* @param selector The selector to run the event on
|
|
9
|
-
* @param callback The function to run when the event fires
|
|
10
|
-
*/
|
|
1
|
+
import { type EventCallback } from "./_listen-delegation.js";
|
|
11
2
|
export declare function listenOnce(types: string, selector: string, callback: EventCallback): void;
|
|
12
3
|
export default listenOnce;
|