@koine/dom 2.0.0-beta.7 → 2.0.0-beta.71
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 -13
- package/$all.d.ts +1 -0
- package/$each.d.ts +1 -11
- package/_listen-delegation.d.ts +4 -33
- package/addClass.d.ts +1 -5
- package/calculateFixedOffset.d.ts +1 -2
- package/createElement.d.ts +2 -9
- package/emitEvent.d.ts +1 -5
- package/escapeSelector.d.ts +1 -8
- package/exists.d.ts +1 -7
- package/forEach.d.ts +1 -8
- package/getDataAttr.d.ts +1 -8
- package/getDocumentHeight.d.ts +1 -7
- package/getHeight.d.ts +1 -5
- package/getListeners.d.ts +1 -9
- package/getOffset.d.ts +1 -8
- package/getOffsetTop.d.ts +1 -10
- package/getOffsetTopSlim.d.ts +1 -11
- package/getScrollbarWidth.d.ts +1 -5
- package/getStyleValue.d.ts +1 -8
- package/getVisualBackgroundColor.d.ts +1 -6
- package/index.cjs.d.ts +1 -0
- package/index.cjs.default.js +1 -0
- package/index.cjs.js +143 -0
- package/index.cjs.mjs +2 -0
- package/index.d.ts +3 -3
- package/index.esm.js +95 -0
- package/injectCss.d.ts +1 -5
- package/isHidden.d.ts +1 -5
- package/isInViewport.d.ts +1 -10
- package/isNodeList.d.ts +1 -7
- package/isTotallyScrolled.d.ts +1 -8
- package/listen.d.ts +1 -11
- package/listenLoaded.d.ts +1 -7
- package/listenOnce.d.ts +1 -11
- package/listenResize.d.ts +1 -7
- package/listenResizeDebounced.d.ts +2 -8
- package/listenResizeThrottled.d.ts +1 -7
- package/listenScroll.d.ts +1 -7
- package/listenScrollDebounced.d.ts +1 -7
- package/listenScrollThrottled.d.ts +1 -7
- package/off.d.ts +1 -5
- package/on.d.ts +1 -7
- package/onClickOutside.d.ts +1 -1
- package/once.d.ts +2 -7
- package/package.json +15 -7
- package/removeClass.d.ts +1 -5
- package/scrollTo.d.ts +1 -12
- package/setDataAttr.d.ts +1 -9
- package/setVendorCSS.d.ts +1 -9
- package/siblings.d.ts +1 -7
- package/toArray.d.ts +1 -7
- package/types.d.ts +1 -6
- package/unlisten.d.ts +1 -11
- package/$$.d.ts +0 -10
- package/$$.js +0 -29
- package/$$.mjs +0 -11
- package/$.js +0 -32
- package/$.mjs +0 -14
- package/$each.js +0 -27
- package/$each.mjs +0 -16
- package/_listen-delegation.js +0 -83
- package/_listen-delegation.mjs +0 -77
- package/addClass.js +0 -30
- package/addClass.mjs +0 -12
- package/calculateFixedOffset.js +0 -27
- package/calculateFixedOffset.mjs +0 -9
- package/createElement.js +0 -28
- package/createElement.mjs +0 -15
- package/emitEvent.js +0 -28
- package/emitEvent.mjs +0 -10
- package/escapeSelector.js +0 -27
- package/escapeSelector.mjs +0 -9
- package/exists.js +0 -29
- package/exists.mjs +0 -11
- package/forEach.js +0 -28
- package/forEach.mjs +0 -10
- package/getDataAttr.js +0 -30
- package/getDataAttr.mjs +0 -12
- package/getDocumentHeight.js +0 -27
- package/getDocumentHeight.mjs +0 -9
- package/getHeight.js +0 -24
- package/getHeight.mjs +0 -6
- package/getListeners.js +0 -29
- package/getListeners.mjs +0 -17
- package/getOffset.js +0 -38
- package/getOffset.mjs +0 -20
- package/getOffsetTop.js +0 -37
- package/getOffsetTop.mjs +0 -19
- package/getOffsetTopSlim.js +0 -30
- package/getOffsetTopSlim.mjs +0 -12
- package/getScrollbarWidth.js +0 -24
- package/getScrollbarWidth.mjs +0 -6
- package/getStyleValue.js +0 -27
- package/getStyleValue.mjs +0 -9
- package/getVisualBackgroundColor.js +0 -37
- package/getVisualBackgroundColor.mjs +0 -19
- package/index.js +0 -192
- package/index.mjs +0 -45
- package/injectCss.js +0 -31
- package/injectCss.mjs +0 -13
- package/isHidden.js +0 -24
- package/isHidden.mjs +0 -6
- package/isInViewport.js +0 -30
- package/isInViewport.mjs +0 -12
- package/isNodeList.js +0 -27
- package/isNodeList.mjs +0 -9
- package/isTotallyScrolled.js +0 -27
- package/isTotallyScrolled.mjs +0 -9
- package/listen.js +0 -45
- package/listen.mjs +0 -36
- package/listenLoaded.js +0 -24
- package/listenLoaded.mjs +0 -10
- package/listenOnce.js +0 -29
- package/listenOnce.mjs +0 -19
- package/listenResize.js +0 -21
- package/listenResize.mjs +0 -7
- package/listenResizeDebounced.js +0 -50
- package/listenResizeDebounced.mjs +0 -34
- package/listenResizeThrottled.js +0 -23
- package/listenResizeThrottled.mjs +0 -8
- package/listenScroll.js +0 -24
- package/listenScroll.mjs +0 -10
- package/listenScrollDebounced.js +0 -23
- package/listenScrollDebounced.mjs +0 -8
- package/listenScrollThrottled.js +0 -23
- package/listenScrollThrottled.mjs +0 -8
- package/off.js +0 -27
- package/off.mjs +0 -11
- package/on.js +0 -36
- package/on.mjs +0 -21
- package/onClickOutside.js +0 -25
- package/onClickOutside.mjs +0 -15
- package/once.js +0 -29
- package/once.mjs +0 -13
- package/removeClass.js +0 -30
- package/removeClass.mjs +0 -12
- package/scrollTo.js +0 -48
- package/scrollTo.mjs +0 -39
- package/setDataAttr.js +0 -35
- package/setDataAttr.mjs +0 -17
- package/setVendorCSS.js +0 -38
- package/setVendorCSS.mjs +0 -20
- package/siblings.js +0 -36
- package/siblings.mjs +0 -18
- package/toArray.js +0 -26
- package/toArray.mjs +0 -8
- package/types.js +0 -4
- package/types.mjs +0 -1
- package/typings.d.ts +0 -4
- package/unlisten.js +0 -45
- package/unlisten.mjs +0 -35
package/emitEvent.js
DELETED
|
@@ -1,28 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Emit event (use only if the targeted browser supports `CustomEvent`s)
|
|
3
|
-
*/ "use strict";
|
|
4
|
-
Object.defineProperty(exports, "__esModule", {
|
|
5
|
-
value: true
|
|
6
|
-
});
|
|
7
|
-
function _export(target, all) {
|
|
8
|
-
for(var name in all)Object.defineProperty(target, name, {
|
|
9
|
-
enumerable: true,
|
|
10
|
-
get: all[name]
|
|
11
|
-
});
|
|
12
|
-
}
|
|
13
|
-
_export(exports, {
|
|
14
|
-
emitEvent: function() {
|
|
15
|
-
return emitEvent;
|
|
16
|
-
},
|
|
17
|
-
default: function() {
|
|
18
|
-
return _default;
|
|
19
|
-
}
|
|
20
|
-
});
|
|
21
|
-
function emitEvent(type = "customEvent", detail = {}) {
|
|
22
|
-
if (typeof window.CustomEvent !== "function") return;
|
|
23
|
-
document.dispatchEvent(new CustomEvent(type, {
|
|
24
|
-
bubbles: true,
|
|
25
|
-
detail
|
|
26
|
-
}));
|
|
27
|
-
}
|
|
28
|
-
const _default = emitEvent;
|
package/emitEvent.mjs
DELETED
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Emit event (use only if the targeted browser supports `CustomEvent`s)
|
|
3
|
-
*/ export function emitEvent(type = "customEvent", detail = {}) {
|
|
4
|
-
if (typeof window.CustomEvent !== "function") return;
|
|
5
|
-
document.dispatchEvent(new CustomEvent(type, {
|
|
6
|
-
bubbles: true,
|
|
7
|
-
detail
|
|
8
|
-
}));
|
|
9
|
-
}
|
|
10
|
-
export default emitEvent;
|
package/escapeSelector.js
DELETED
|
@@ -1,27 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Escape colons to allow use class names as `.module:block__element`
|
|
3
|
-
* @see https://developer.mozilla.org/en-US/docs/Web/API/Document/querySelector#Escaping_special_characters
|
|
4
|
-
*
|
|
5
|
-
* @param selector
|
|
6
|
-
*/ "use strict";
|
|
7
|
-
Object.defineProperty(exports, "__esModule", {
|
|
8
|
-
value: true
|
|
9
|
-
});
|
|
10
|
-
function _export(target, all) {
|
|
11
|
-
for(var name in all)Object.defineProperty(target, name, {
|
|
12
|
-
enumerable: true,
|
|
13
|
-
get: all[name]
|
|
14
|
-
});
|
|
15
|
-
}
|
|
16
|
-
_export(exports, {
|
|
17
|
-
escapeSelector: function() {
|
|
18
|
-
return escapeSelector;
|
|
19
|
-
},
|
|
20
|
-
default: function() {
|
|
21
|
-
return _default;
|
|
22
|
-
}
|
|
23
|
-
});
|
|
24
|
-
function escapeSelector(selector) {
|
|
25
|
-
return selector.replace(/:/g, "\\:");
|
|
26
|
-
}
|
|
27
|
-
const _default = escapeSelector;
|
package/escapeSelector.mjs
DELETED
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Escape colons to allow use class names as `.module:block__element`
|
|
3
|
-
* @see https://developer.mozilla.org/en-US/docs/Web/API/Document/querySelector#Escaping_special_characters
|
|
4
|
-
*
|
|
5
|
-
* @param selector
|
|
6
|
-
*/ export function escapeSelector(selector) {
|
|
7
|
-
return selector.replace(/:/g, "\\:");
|
|
8
|
-
}
|
|
9
|
-
export default escapeSelector;
|
package/exists.js
DELETED
|
@@ -1,29 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Checks if passed node exist and is a valid element.
|
|
3
|
-
*
|
|
4
|
-
* @borrows @glidejs/glide/src/utils/dom (source)
|
|
5
|
-
*/ "use strict";
|
|
6
|
-
Object.defineProperty(exports, "__esModule", {
|
|
7
|
-
value: true
|
|
8
|
-
});
|
|
9
|
-
function _export(target, all) {
|
|
10
|
-
for(var name in all)Object.defineProperty(target, name, {
|
|
11
|
-
enumerable: true,
|
|
12
|
-
get: all[name]
|
|
13
|
-
});
|
|
14
|
-
}
|
|
15
|
-
_export(exports, {
|
|
16
|
-
exists: function() {
|
|
17
|
-
return exists;
|
|
18
|
-
},
|
|
19
|
-
default: function() {
|
|
20
|
-
return _default;
|
|
21
|
-
}
|
|
22
|
-
});
|
|
23
|
-
function exists(node) {
|
|
24
|
-
if (node && node instanceof window.HTMLElement) {
|
|
25
|
-
return true;
|
|
26
|
-
}
|
|
27
|
-
return false;
|
|
28
|
-
}
|
|
29
|
-
const _default = exists;
|
package/exists.mjs
DELETED
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Checks if passed node exist and is a valid element.
|
|
3
|
-
*
|
|
4
|
-
* @borrows @glidejs/glide/src/utils/dom (source)
|
|
5
|
-
*/ export function exists(node) {
|
|
6
|
-
if (node && node instanceof window.HTMLElement) {
|
|
7
|
-
return true;
|
|
8
|
-
}
|
|
9
|
-
return false;
|
|
10
|
-
}
|
|
11
|
-
export default exists;
|
package/forEach.js
DELETED
|
@@ -1,28 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* For each, iterate through a `NodeList` or an `array` of `HTMLElement`s
|
|
3
|
-
*
|
|
4
|
-
* @param scope The optional `this` of the callback function
|
|
5
|
-
*/ "use strict";
|
|
6
|
-
Object.defineProperty(exports, "__esModule", {
|
|
7
|
-
value: true
|
|
8
|
-
});
|
|
9
|
-
function _export(target, all) {
|
|
10
|
-
for(var name in all)Object.defineProperty(target, name, {
|
|
11
|
-
enumerable: true,
|
|
12
|
-
get: all[name]
|
|
13
|
-
});
|
|
14
|
-
}
|
|
15
|
-
_export(exports, {
|
|
16
|
-
forEach: function() {
|
|
17
|
-
return forEach;
|
|
18
|
-
},
|
|
19
|
-
default: function() {
|
|
20
|
-
return _default;
|
|
21
|
-
}
|
|
22
|
-
});
|
|
23
|
-
function forEach(nodes, callback, scope) {
|
|
24
|
-
for(let i = 0; i < nodes.length; i++){
|
|
25
|
-
callback.call(scope, nodes[i], i);
|
|
26
|
-
}
|
|
27
|
-
}
|
|
28
|
-
const _default = forEach;
|
package/forEach.mjs
DELETED
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* For each, iterate through a `NodeList` or an `array` of `HTMLElement`s
|
|
3
|
-
*
|
|
4
|
-
* @param scope The optional `this` of the callback function
|
|
5
|
-
*/ export function forEach(nodes, callback, scope) {
|
|
6
|
-
for(let i = 0; i < nodes.length; i++){
|
|
7
|
-
callback.call(scope, nodes[i], i);
|
|
8
|
-
}
|
|
9
|
-
}
|
|
10
|
-
export default forEach;
|
package/getDataAttr.js
DELETED
|
@@ -1,30 +0,0 @@
|
|
|
1
|
-
// TODO: maybe move to `dataset` API but consider the comment about Safari here
|
|
2
|
-
// https://stackoverflow.com/a/9201264/1938970
|
|
3
|
-
/**
|
|
4
|
-
* Get data attribute
|
|
5
|
-
*
|
|
6
|
-
* @param element
|
|
7
|
-
* @param attribute The name of the `data-{attr}`
|
|
8
|
-
*/ "use strict";
|
|
9
|
-
Object.defineProperty(exports, "__esModule", {
|
|
10
|
-
value: true
|
|
11
|
-
});
|
|
12
|
-
function _export(target, all) {
|
|
13
|
-
for(var name in all)Object.defineProperty(target, name, {
|
|
14
|
-
enumerable: true,
|
|
15
|
-
get: all[name]
|
|
16
|
-
});
|
|
17
|
-
}
|
|
18
|
-
_export(exports, {
|
|
19
|
-
getDataAttr: function() {
|
|
20
|
-
return getDataAttr;
|
|
21
|
-
},
|
|
22
|
-
default: function() {
|
|
23
|
-
return _default;
|
|
24
|
-
}
|
|
25
|
-
});
|
|
26
|
-
function getDataAttr(element, attribute) {
|
|
27
|
-
// return element.dataset[attribute];
|
|
28
|
-
return element.getAttribute("data-" + attribute);
|
|
29
|
-
}
|
|
30
|
-
const _default = getDataAttr;
|
package/getDataAttr.mjs
DELETED
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
// TODO: maybe move to `dataset` API but consider the comment about Safari here
|
|
2
|
-
// https://stackoverflow.com/a/9201264/1938970
|
|
3
|
-
/**
|
|
4
|
-
* Get data attribute
|
|
5
|
-
*
|
|
6
|
-
* @param element
|
|
7
|
-
* @param attribute The name of the `data-{attr}`
|
|
8
|
-
*/ export function getDataAttr(element, attribute) {
|
|
9
|
-
// return element.dataset[attribute];
|
|
10
|
-
return element.getAttribute("data-" + attribute);
|
|
11
|
-
}
|
|
12
|
-
export default getDataAttr;
|
package/getDocumentHeight.js
DELETED
|
@@ -1,27 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Determine the document's height
|
|
3
|
-
*
|
|
4
|
-
* @see https://github.com/cferdinandi/smooth-scroll (credits)
|
|
5
|
-
*/ "use strict";
|
|
6
|
-
Object.defineProperty(exports, "__esModule", {
|
|
7
|
-
value: true
|
|
8
|
-
});
|
|
9
|
-
function _export(target, all) {
|
|
10
|
-
for(var name in all)Object.defineProperty(target, name, {
|
|
11
|
-
enumerable: true,
|
|
12
|
-
get: all[name]
|
|
13
|
-
});
|
|
14
|
-
}
|
|
15
|
-
_export(exports, {
|
|
16
|
-
getDocumentHeight: function() {
|
|
17
|
-
return getDocumentHeight;
|
|
18
|
-
},
|
|
19
|
-
default: function() {
|
|
20
|
-
return _default;
|
|
21
|
-
}
|
|
22
|
-
});
|
|
23
|
-
function getDocumentHeight() {
|
|
24
|
-
const { body, documentElement } = document;
|
|
25
|
-
return Math.max(body.scrollHeight, documentElement.scrollHeight, body.offsetHeight, documentElement.offsetHeight, body.clientHeight, documentElement.clientHeight);
|
|
26
|
-
}
|
|
27
|
-
const _default = getDocumentHeight;
|
package/getDocumentHeight.mjs
DELETED
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Determine the document's height
|
|
3
|
-
*
|
|
4
|
-
* @see https://github.com/cferdinandi/smooth-scroll (credits)
|
|
5
|
-
*/ export function getDocumentHeight() {
|
|
6
|
-
const { body, documentElement } = document;
|
|
7
|
-
return Math.max(body.scrollHeight, documentElement.scrollHeight, body.offsetHeight, documentElement.offsetHeight, body.clientHeight, documentElement.clientHeight);
|
|
8
|
-
}
|
|
9
|
-
export default getDocumentHeight;
|
package/getHeight.js
DELETED
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Get element height
|
|
3
|
-
*/ "use strict";
|
|
4
|
-
Object.defineProperty(exports, "__esModule", {
|
|
5
|
-
value: true
|
|
6
|
-
});
|
|
7
|
-
function _export(target, all) {
|
|
8
|
-
for(var name in all)Object.defineProperty(target, name, {
|
|
9
|
-
enumerable: true,
|
|
10
|
-
get: all[name]
|
|
11
|
-
});
|
|
12
|
-
}
|
|
13
|
-
_export(exports, {
|
|
14
|
-
getHeight: function() {
|
|
15
|
-
return getHeight;
|
|
16
|
-
},
|
|
17
|
-
default: function() {
|
|
18
|
-
return _default;
|
|
19
|
-
}
|
|
20
|
-
});
|
|
21
|
-
function getHeight(element) {
|
|
22
|
-
return parseInt(window.getComputedStyle(element).height, 10);
|
|
23
|
-
}
|
|
24
|
-
const _default = getHeight;
|
package/getHeight.mjs
DELETED
package/getListeners.js
DELETED
|
@@ -1,29 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", {
|
|
3
|
-
value: true
|
|
4
|
-
});
|
|
5
|
-
function _export(target, all) {
|
|
6
|
-
for(var name in all)Object.defineProperty(target, name, {
|
|
7
|
-
enumerable: true,
|
|
8
|
-
get: all[name]
|
|
9
|
-
});
|
|
10
|
-
}
|
|
11
|
-
_export(exports, {
|
|
12
|
-
getListeners: function() {
|
|
13
|
-
return getListeners;
|
|
14
|
-
},
|
|
15
|
-
default: function() {
|
|
16
|
-
return _default;
|
|
17
|
-
}
|
|
18
|
-
});
|
|
19
|
-
const _listendelegation = require("./_listen-delegation");
|
|
20
|
-
function getListeners() {
|
|
21
|
-
const obj = {};
|
|
22
|
-
for(const type in _listendelegation.activeEvents){
|
|
23
|
-
// if (activeEvents.hasOwnProperty(type)) {
|
|
24
|
-
obj[type] = _listendelegation.activeEvents[type];
|
|
25
|
-
// }
|
|
26
|
-
}
|
|
27
|
-
return obj;
|
|
28
|
-
}
|
|
29
|
-
const _default = getListeners;
|
package/getListeners.mjs
DELETED
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
import { activeEvents } from "./_listen-delegation";
|
|
2
|
-
/**
|
|
3
|
-
* Get an immutable copy of all active event listeners
|
|
4
|
-
*
|
|
5
|
-
* @category listen-delegation
|
|
6
|
-
*
|
|
7
|
-
* @return Active event listeners
|
|
8
|
-
*/ export function getListeners() {
|
|
9
|
-
const obj = {};
|
|
10
|
-
for(const type in activeEvents){
|
|
11
|
-
// if (activeEvents.hasOwnProperty(type)) {
|
|
12
|
-
obj[type] = activeEvents[type];
|
|
13
|
-
// }
|
|
14
|
-
}
|
|
15
|
-
return obj;
|
|
16
|
-
}
|
|
17
|
-
export default getListeners;
|
package/getOffset.js
DELETED
|
@@ -1,38 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Get an element's distance from the top and left of the Document.
|
|
3
|
-
*
|
|
4
|
-
* @param elem The HTML node element
|
|
5
|
-
* @return Distance from the top and left in pixels
|
|
6
|
-
*/ "use strict";
|
|
7
|
-
Object.defineProperty(exports, "__esModule", {
|
|
8
|
-
value: true
|
|
9
|
-
});
|
|
10
|
-
function _export(target, all) {
|
|
11
|
-
for(var name in all)Object.defineProperty(target, name, {
|
|
12
|
-
enumerable: true,
|
|
13
|
-
get: all[name]
|
|
14
|
-
});
|
|
15
|
-
}
|
|
16
|
-
_export(exports, {
|
|
17
|
-
getOffset: function() {
|
|
18
|
-
return getOffset;
|
|
19
|
-
},
|
|
20
|
-
default: function() {
|
|
21
|
-
return _default;
|
|
22
|
-
}
|
|
23
|
-
});
|
|
24
|
-
function getOffset(elem) {
|
|
25
|
-
let left = 0;
|
|
26
|
-
let top = 0;
|
|
27
|
-
while(elem && !isNaN(elem.offsetLeft) && !isNaN(elem.offsetTop)){
|
|
28
|
-
left += elem.offsetLeft - elem.scrollLeft;
|
|
29
|
-
top += elem.offsetTop - elem.scrollTop;
|
|
30
|
-
// @ts-expect-error nevermind?
|
|
31
|
-
elem = elem.offsetParent;
|
|
32
|
-
}
|
|
33
|
-
return {
|
|
34
|
-
top,
|
|
35
|
-
left
|
|
36
|
-
};
|
|
37
|
-
}
|
|
38
|
-
const _default = getOffset;
|
package/getOffset.mjs
DELETED
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Get an element's distance from the top and left of the Document.
|
|
3
|
-
*
|
|
4
|
-
* @param elem The HTML node element
|
|
5
|
-
* @return Distance from the top and left in pixels
|
|
6
|
-
*/ export function getOffset(elem) {
|
|
7
|
-
let left = 0;
|
|
8
|
-
let top = 0;
|
|
9
|
-
while(elem && !isNaN(elem.offsetLeft) && !isNaN(elem.offsetTop)){
|
|
10
|
-
left += elem.offsetLeft - elem.scrollLeft;
|
|
11
|
-
top += elem.offsetTop - elem.scrollTop;
|
|
12
|
-
// @ts-expect-error nevermind?
|
|
13
|
-
elem = elem.offsetParent;
|
|
14
|
-
}
|
|
15
|
-
return {
|
|
16
|
-
top,
|
|
17
|
-
left
|
|
18
|
-
};
|
|
19
|
-
}
|
|
20
|
-
export default getOffset;
|
package/getOffsetTop.js
DELETED
|
@@ -1,37 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Get an element's distance from the top of the Document.
|
|
3
|
-
*
|
|
4
|
-
* @see https://vanillajstoolkit.com/helpers/getoffsettop/
|
|
5
|
-
*
|
|
6
|
-
* @param elem The HTML node element
|
|
7
|
-
* @return Distance from the top in pixels
|
|
8
|
-
*/ "use strict";
|
|
9
|
-
Object.defineProperty(exports, "__esModule", {
|
|
10
|
-
value: true
|
|
11
|
-
});
|
|
12
|
-
function _export(target, all) {
|
|
13
|
-
for(var name in all)Object.defineProperty(target, name, {
|
|
14
|
-
enumerable: true,
|
|
15
|
-
get: all[name]
|
|
16
|
-
});
|
|
17
|
-
}
|
|
18
|
-
_export(exports, {
|
|
19
|
-
getOffsetTop: function() {
|
|
20
|
-
return getOffsetTop;
|
|
21
|
-
},
|
|
22
|
-
default: function() {
|
|
23
|
-
return _default;
|
|
24
|
-
}
|
|
25
|
-
});
|
|
26
|
-
function getOffsetTop(elem) {
|
|
27
|
-
let location = 0;
|
|
28
|
-
if (elem.offsetParent) {
|
|
29
|
-
while(elem){
|
|
30
|
-
location += elem.offsetTop;
|
|
31
|
-
// @ts-expect-error nevermind?
|
|
32
|
-
elem = elem.offsetParent;
|
|
33
|
-
}
|
|
34
|
-
}
|
|
35
|
-
return location >= 0 ? location : 0;
|
|
36
|
-
}
|
|
37
|
-
const _default = getOffsetTop;
|
package/getOffsetTop.mjs
DELETED
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Get an element's distance from the top of the Document.
|
|
3
|
-
*
|
|
4
|
-
* @see https://vanillajstoolkit.com/helpers/getoffsettop/
|
|
5
|
-
*
|
|
6
|
-
* @param elem The HTML node element
|
|
7
|
-
* @return Distance from the top in pixels
|
|
8
|
-
*/ export function getOffsetTop(elem) {
|
|
9
|
-
let location = 0;
|
|
10
|
-
if (elem.offsetParent) {
|
|
11
|
-
while(elem){
|
|
12
|
-
location += elem.offsetTop;
|
|
13
|
-
// @ts-expect-error nevermind?
|
|
14
|
-
elem = elem.offsetParent;
|
|
15
|
-
}
|
|
16
|
-
}
|
|
17
|
-
return location >= 0 ? location : 0;
|
|
18
|
-
}
|
|
19
|
-
export default getOffsetTop;
|
package/getOffsetTopSlim.js
DELETED
|
@@ -1,30 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Get an element's distance from the top of the Document (using more modern/performant
|
|
3
|
-
* technique compared to {@link ./getOffsetTop})
|
|
4
|
-
*
|
|
5
|
-
* @see https://stackoverflow.com/q/5598743/1938970
|
|
6
|
-
*
|
|
7
|
-
* @param elem The HTML node element
|
|
8
|
-
* @return Distance from the top in pixels
|
|
9
|
-
*/ "use strict";
|
|
10
|
-
Object.defineProperty(exports, "__esModule", {
|
|
11
|
-
value: true
|
|
12
|
-
});
|
|
13
|
-
function _export(target, all) {
|
|
14
|
-
for(var name in all)Object.defineProperty(target, name, {
|
|
15
|
-
enumerable: true,
|
|
16
|
-
get: all[name]
|
|
17
|
-
});
|
|
18
|
-
}
|
|
19
|
-
_export(exports, {
|
|
20
|
-
getOffsetTopSlim: function() {
|
|
21
|
-
return getOffsetTopSlim;
|
|
22
|
-
},
|
|
23
|
-
default: function() {
|
|
24
|
-
return _default;
|
|
25
|
-
}
|
|
26
|
-
});
|
|
27
|
-
function getOffsetTopSlim(elem) {
|
|
28
|
-
return elem.getBoundingClientRect().top + window.scrollY;
|
|
29
|
-
}
|
|
30
|
-
const _default = getOffsetTopSlim;
|
package/getOffsetTopSlim.mjs
DELETED
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Get an element's distance from the top of the Document (using more modern/performant
|
|
3
|
-
* technique compared to {@link ./getOffsetTop})
|
|
4
|
-
*
|
|
5
|
-
* @see https://stackoverflow.com/q/5598743/1938970
|
|
6
|
-
*
|
|
7
|
-
* @param elem The HTML node element
|
|
8
|
-
* @return Distance from the top in pixels
|
|
9
|
-
*/ export function getOffsetTopSlim(elem) {
|
|
10
|
-
return elem.getBoundingClientRect().top + window.scrollY;
|
|
11
|
-
}
|
|
12
|
-
export default getOffsetTopSlim;
|
package/getScrollbarWidth.js
DELETED
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Get scrollbar's current width
|
|
3
|
-
*/ "use strict";
|
|
4
|
-
Object.defineProperty(exports, "__esModule", {
|
|
5
|
-
value: true
|
|
6
|
-
});
|
|
7
|
-
function _export(target, all) {
|
|
8
|
-
for(var name in all)Object.defineProperty(target, name, {
|
|
9
|
-
enumerable: true,
|
|
10
|
-
get: all[name]
|
|
11
|
-
});
|
|
12
|
-
}
|
|
13
|
-
_export(exports, {
|
|
14
|
-
getScrollbarWidth: function() {
|
|
15
|
-
return getScrollbarWidth;
|
|
16
|
-
},
|
|
17
|
-
default: function() {
|
|
18
|
-
return _default;
|
|
19
|
-
}
|
|
20
|
-
});
|
|
21
|
-
function getScrollbarWidth(element) {
|
|
22
|
-
return window.innerWidth - (element || document.documentElement).clientWidth;
|
|
23
|
-
}
|
|
24
|
-
const _default = getScrollbarWidth;
|
package/getScrollbarWidth.mjs
DELETED
package/getStyleValue.js
DELETED
|
@@ -1,27 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Return the current style value for an element CSS property
|
|
3
|
-
*
|
|
4
|
-
* @param el The element to compute
|
|
5
|
-
* @param prop The style property
|
|
6
|
-
*/ "use strict";
|
|
7
|
-
Object.defineProperty(exports, "__esModule", {
|
|
8
|
-
value: true
|
|
9
|
-
});
|
|
10
|
-
function _export(target, all) {
|
|
11
|
-
for(var name in all)Object.defineProperty(target, name, {
|
|
12
|
-
enumerable: true,
|
|
13
|
-
get: all[name]
|
|
14
|
-
});
|
|
15
|
-
}
|
|
16
|
-
_export(exports, {
|
|
17
|
-
getStyleValue: function() {
|
|
18
|
-
return getStyleValue;
|
|
19
|
-
},
|
|
20
|
-
default: function() {
|
|
21
|
-
return _default;
|
|
22
|
-
}
|
|
23
|
-
});
|
|
24
|
-
function getStyleValue(el, prop) {
|
|
25
|
-
return getComputedStyle(el, null).getPropertyValue(prop);
|
|
26
|
-
}
|
|
27
|
-
const _default = getStyleValue;
|
package/getStyleValue.mjs
DELETED
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Return the current style value for an element CSS property
|
|
3
|
-
*
|
|
4
|
-
* @param el The element to compute
|
|
5
|
-
* @param prop The style property
|
|
6
|
-
*/ export function getStyleValue(el, prop) {
|
|
7
|
-
return getComputedStyle(el, null).getPropertyValue(prop);
|
|
8
|
-
}
|
|
9
|
-
export default getStyleValue;
|
|
@@ -1,37 +0,0 @@
|
|
|
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
|
-
*/ "use strict";
|
|
5
|
-
Object.defineProperty(exports, "__esModule", {
|
|
6
|
-
value: true
|
|
7
|
-
});
|
|
8
|
-
function _export(target, all) {
|
|
9
|
-
for(var name in all)Object.defineProperty(target, name, {
|
|
10
|
-
enumerable: true,
|
|
11
|
-
get: all[name]
|
|
12
|
-
});
|
|
13
|
-
}
|
|
14
|
-
_export(exports, {
|
|
15
|
-
getVisualBackgroundColor: function() {
|
|
16
|
-
return getVisualBackgroundColor;
|
|
17
|
-
},
|
|
18
|
-
default: function() {
|
|
19
|
-
return _default;
|
|
20
|
-
}
|
|
21
|
-
});
|
|
22
|
-
function getVisualBackgroundColor(elem) {
|
|
23
|
-
if (!elem) return "#fff";
|
|
24
|
-
const transparent = "rgba(0, 0, 0, 0)";
|
|
25
|
-
const transparentIE11 = "transparent";
|
|
26
|
-
// if (!elem) return transparent;
|
|
27
|
-
const bg = window.getComputedStyle(elem).backgroundColor;
|
|
28
|
-
if (bg === transparent || bg === transparentIE11) {
|
|
29
|
-
const parent = elem.parentElement;
|
|
30
|
-
if (parent) {
|
|
31
|
-
return getVisualBackgroundColor(parent);
|
|
32
|
-
}
|
|
33
|
-
return "#fff";
|
|
34
|
-
}
|
|
35
|
-
return bg;
|
|
36
|
-
}
|
|
37
|
-
const _default = getVisualBackgroundColor;
|
|
@@ -1,19 +0,0 @@
|
|
|
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
|
-
*/ export function getVisualBackgroundColor(elem) {
|
|
5
|
-
if (!elem) return "#fff";
|
|
6
|
-
const transparent = "rgba(0, 0, 0, 0)";
|
|
7
|
-
const transparentIE11 = "transparent";
|
|
8
|
-
// if (!elem) return transparent;
|
|
9
|
-
const bg = window.getComputedStyle(elem).backgroundColor;
|
|
10
|
-
if (bg === transparent || bg === transparentIE11) {
|
|
11
|
-
const parent = elem.parentElement;
|
|
12
|
-
if (parent) {
|
|
13
|
-
return getVisualBackgroundColor(parent);
|
|
14
|
-
}
|
|
15
|
-
return "#fff";
|
|
16
|
-
}
|
|
17
|
-
return bg;
|
|
18
|
-
}
|
|
19
|
-
export default getVisualBackgroundColor;
|