@koine/dom 2.0.0-beta.10 → 2.0.0-beta.12
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/package.json +3 -3
- package/$$.js +0 -29
- package/$.js +0 -32
- package/$each.js +0 -27
- package/_listen-delegation.js +0 -83
- package/addClass.js +0 -30
- package/calculateFixedOffset.js +0 -27
- package/createElement.js +0 -28
- package/emitEvent.js +0 -28
- package/escapeSelector.js +0 -27
- package/exists.js +0 -29
- package/forEach.js +0 -53
- package/getDataAttr.js +0 -30
- package/getDocumentHeight.js +0 -27
- package/getHeight.js +0 -24
- package/getListeners.js +0 -29
- package/getOffset.js +0 -38
- package/getOffsetTop.js +0 -37
- package/getOffsetTopSlim.js +0 -30
- package/getScrollbarWidth.js +0 -24
- package/getStyleValue.js +0 -27
- package/getVisualBackgroundColor.js +0 -37
- package/index.js +0 -192
- package/injectCss.js +0 -31
- package/isHidden.js +0 -24
- package/isInViewport.js +0 -30
- package/isNodeList.js +0 -27
- package/isTotallyScrolled.js +0 -27
- package/listen.js +0 -45
- package/listenLoaded.js +0 -24
- package/listenOnce.js +0 -29
- package/listenResize.js +0 -21
- package/listenResizeDebounced.js +0 -50
- package/listenResizeThrottled.js +0 -23
- package/listenScroll.js +0 -24
- package/listenScrollDebounced.js +0 -23
- package/listenScrollThrottled.js +0 -23
- package/off.js +0 -27
- package/on.js +0 -36
- package/onClickOutside.js +0 -25
- package/once.js +0 -29
- package/removeClass.js +0 -30
- package/scrollTo.js +0 -48
- package/setDataAttr.js +0 -35
- package/setVendorCSS.js +0 -38
- package/siblings.js +0 -36
- package/toArray.js +0 -26
- package/types.js +0 -4
- package/unlisten.js +0 -45
package/off.js
DELETED
|
@@ -1,27 +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
|
-
off: function() {
|
|
13
|
-
return off;
|
|
14
|
-
},
|
|
15
|
-
default: function() {
|
|
16
|
-
return _default;
|
|
17
|
-
}
|
|
18
|
-
});
|
|
19
|
-
function off(el, type, handler, options = false) {
|
|
20
|
-
if (process.env["NODE_ENV"] !== "production") {
|
|
21
|
-
if (!el) {
|
|
22
|
-
console.warn("[@koine/dom:off] unexisting DOM element");
|
|
23
|
-
}
|
|
24
|
-
}
|
|
25
|
-
if (el) el.removeEventListener(type, handler, options);
|
|
26
|
-
}
|
|
27
|
-
const _default = off;
|
package/on.js
DELETED
|
@@ -1,36 +0,0 @@
|
|
|
1
|
-
// import noop from "@koine/utils/noop"; FIXME: build breaks with this import
|
|
2
|
-
"use strict";
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
function _export(target, all) {
|
|
7
|
-
for(var name in all)Object.defineProperty(target, name, {
|
|
8
|
-
enumerable: true,
|
|
9
|
-
get: all[name]
|
|
10
|
-
});
|
|
11
|
-
}
|
|
12
|
-
_export(exports, {
|
|
13
|
-
on: function() {
|
|
14
|
-
return on;
|
|
15
|
-
},
|
|
16
|
-
default: function() {
|
|
17
|
-
return _default;
|
|
18
|
-
}
|
|
19
|
-
});
|
|
20
|
-
const _interop_require_default = require("@swc/helpers/_/_interop_require_default");
|
|
21
|
-
const _off = /*#__PURE__*/ _interop_require_default._(require("./off"));
|
|
22
|
-
function on(el, type, handler, // handler: THandler /* EventListener | */ /* ((event: Event) => void) */,
|
|
23
|
-
options = false) {
|
|
24
|
-
if (process.env["NODE_ENV"] !== "production") {
|
|
25
|
-
if (!el) {
|
|
26
|
-
console.warn("[@koine/dom:on] unexisting DOM element");
|
|
27
|
-
}
|
|
28
|
-
}
|
|
29
|
-
if (el) {
|
|
30
|
-
el.addEventListener(type, handler, options);
|
|
31
|
-
return ()=>(0, _off.default)(el, type, handler);
|
|
32
|
-
}
|
|
33
|
-
// return noop;
|
|
34
|
-
return ()=>void 0;
|
|
35
|
-
}
|
|
36
|
-
const _default = on;
|
package/onClickOutside.js
DELETED
|
@@ -1,25 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", {
|
|
3
|
-
value: true
|
|
4
|
-
});
|
|
5
|
-
Object.defineProperty(exports, "onClickOutside", {
|
|
6
|
-
enumerable: true,
|
|
7
|
-
get: function() {
|
|
8
|
-
return onClickOutside;
|
|
9
|
-
}
|
|
10
|
-
});
|
|
11
|
-
const _index = require("./index");
|
|
12
|
-
function onClickOutside(element, callback, autoUnbind = false) {
|
|
13
|
-
const bind = (event)=>{
|
|
14
|
-
// if (event.target.closest(element) === null) {
|
|
15
|
-
if (!element.contains(event.target)) {
|
|
16
|
-
callback(event);
|
|
17
|
-
if (autoUnbind) unbind();
|
|
18
|
-
}
|
|
19
|
-
};
|
|
20
|
-
const unbind = ()=>{
|
|
21
|
-
(0, _index.off)(document, "click", bind);
|
|
22
|
-
};
|
|
23
|
-
(0, _index.on)(document, "click", bind);
|
|
24
|
-
return unbind;
|
|
25
|
-
}
|
package/once.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
|
-
once: function() {
|
|
13
|
-
return once;
|
|
14
|
-
},
|
|
15
|
-
default: function() {
|
|
16
|
-
return _default;
|
|
17
|
-
}
|
|
18
|
-
});
|
|
19
|
-
const _interop_require_default = require("@swc/helpers/_/_interop_require_default");
|
|
20
|
-
const _off = /*#__PURE__*/ _interop_require_default._(require("./off"));
|
|
21
|
-
const _on = /*#__PURE__*/ _interop_require_default._(require("./on"));
|
|
22
|
-
function once(el, type, handler, options = false) {
|
|
23
|
-
const handlerWrapper = (event)=>{
|
|
24
|
-
handler(event);
|
|
25
|
-
(0, _off.default)(el, type, handlerWrapper);
|
|
26
|
-
};
|
|
27
|
-
return (0, _on.default)(el, type, handlerWrapper, options);
|
|
28
|
-
}
|
|
29
|
-
const _default = once;
|
package/removeClass.js
DELETED
|
@@ -1,30 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Remove class shortcut
|
|
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
|
-
removeClass: function() {
|
|
15
|
-
return removeClass;
|
|
16
|
-
},
|
|
17
|
-
default: function() {
|
|
18
|
-
return _default;
|
|
19
|
-
}
|
|
20
|
-
});
|
|
21
|
-
function removeClass(el, className = "") {
|
|
22
|
-
if (process.env["NODE_ENV"] !== "production") {
|
|
23
|
-
if (!el) {
|
|
24
|
-
"[@koine/dom:removeClass] unexisting DOM element";
|
|
25
|
-
return;
|
|
26
|
-
}
|
|
27
|
-
}
|
|
28
|
-
if (el) el.classList.remove(className);
|
|
29
|
-
}
|
|
30
|
-
const _default = removeClass;
|
package/scrollTo.js
DELETED
|
@@ -1,48 +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
|
-
scrollTo: function() {
|
|
13
|
-
return scrollTo;
|
|
14
|
-
},
|
|
15
|
-
default: function() {
|
|
16
|
-
return _default;
|
|
17
|
-
}
|
|
18
|
-
});
|
|
19
|
-
const _off = require("./off");
|
|
20
|
-
const _on = require("./on");
|
|
21
|
-
function scrollTo(destination, callback, fallbackTimeout, behavior) {
|
|
22
|
-
const fixedDestination = destination.toFixed();
|
|
23
|
-
if (callback) {
|
|
24
|
-
let callbackFired = false;
|
|
25
|
-
const onScroll = function() {
|
|
26
|
-
if (window.pageYOffset.toFixed() === fixedDestination) {
|
|
27
|
-
(0, _off.off)(window, "scroll", onScroll);
|
|
28
|
-
callbackFired = true;
|
|
29
|
-
callback();
|
|
30
|
-
}
|
|
31
|
-
};
|
|
32
|
-
(0, _on.on)(window, "scroll", onScroll);
|
|
33
|
-
onScroll();
|
|
34
|
-
if (fallbackTimeout) {
|
|
35
|
-
setTimeout(()=>{
|
|
36
|
-
if (!callbackFired) {
|
|
37
|
-
(0, _off.off)(window, "scroll", onScroll);
|
|
38
|
-
callback();
|
|
39
|
-
}
|
|
40
|
-
}, fallbackTimeout);
|
|
41
|
-
}
|
|
42
|
-
}
|
|
43
|
-
window.scrollTo({
|
|
44
|
-
top: destination,
|
|
45
|
-
behavior: behavior || "smooth"
|
|
46
|
-
});
|
|
47
|
-
}
|
|
48
|
-
const _default = scrollTo;
|
package/setDataAttr.js
DELETED
|
@@ -1,35 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Set data attribute
|
|
3
|
-
*
|
|
4
|
-
* @param element
|
|
5
|
-
* @param attribute The name of the `data-{attr}`
|
|
6
|
-
* @param value The value to set, `null` or `undefined` will remove the attribute
|
|
7
|
-
*/ "use strict";
|
|
8
|
-
Object.defineProperty(exports, "__esModule", {
|
|
9
|
-
value: true
|
|
10
|
-
});
|
|
11
|
-
function _export(target, all) {
|
|
12
|
-
for(var name in all)Object.defineProperty(target, name, {
|
|
13
|
-
enumerable: true,
|
|
14
|
-
get: all[name]
|
|
15
|
-
});
|
|
16
|
-
}
|
|
17
|
-
_export(exports, {
|
|
18
|
-
setDataAttr: function() {
|
|
19
|
-
return setDataAttr;
|
|
20
|
-
},
|
|
21
|
-
default: function() {
|
|
22
|
-
return _default;
|
|
23
|
-
}
|
|
24
|
-
});
|
|
25
|
-
function setDataAttr(element, attribute, value) {
|
|
26
|
-
if (value === null || typeof value === "undefined") {
|
|
27
|
-
// delete element.dataset[attribute];
|
|
28
|
-
// return;
|
|
29
|
-
element.removeAttribute("data-" + attribute);
|
|
30
|
-
return;
|
|
31
|
-
}
|
|
32
|
-
// element.dataset[attribute] = value.toString();
|
|
33
|
-
element.setAttribute("data-" + attribute, value.toString());
|
|
34
|
-
}
|
|
35
|
-
const _default = setDataAttr;
|
package/setVendorCSS.js
DELETED
|
@@ -1,38 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Set vendor CSS rule
|
|
3
|
-
*
|
|
4
|
-
* @param element A single HTMLElement
|
|
5
|
-
* @param prop CSS rule proerty
|
|
6
|
-
* @param value The CSS value to set, it will be automatically vendor prefixed
|
|
7
|
-
*/ "use strict";
|
|
8
|
-
Object.defineProperty(exports, "__esModule", {
|
|
9
|
-
value: true
|
|
10
|
-
});
|
|
11
|
-
function _export(target, all) {
|
|
12
|
-
for(var name in all)Object.defineProperty(target, name, {
|
|
13
|
-
enumerable: true,
|
|
14
|
-
get: all[name]
|
|
15
|
-
});
|
|
16
|
-
}
|
|
17
|
-
_export(exports, {
|
|
18
|
-
setVendorCSS: function() {
|
|
19
|
-
return setVendorCSS;
|
|
20
|
-
},
|
|
21
|
-
default: function() {
|
|
22
|
-
return _default;
|
|
23
|
-
}
|
|
24
|
-
});
|
|
25
|
-
function setVendorCSS(element, prop, value) {
|
|
26
|
-
const propUpper = prop.charAt(0).toUpperCase() + prop.slice(1);
|
|
27
|
-
// @ts-expect-error nevermind now...
|
|
28
|
-
element.style["webkit" + propUpper] = value;
|
|
29
|
-
// @ts-expect-error nevermind now...
|
|
30
|
-
element.style["moz" + propUpper] = value;
|
|
31
|
-
// @ts-expect-error nevermind now...
|
|
32
|
-
element.style["ms" + propUpper] = value;
|
|
33
|
-
// @ts-expect-error nevermind now...
|
|
34
|
-
element.style["o" + propUpper] = value;
|
|
35
|
-
// @ts-expect-error nevermind now...
|
|
36
|
-
element.style[prop] = value;
|
|
37
|
-
}
|
|
38
|
-
const _default = setVendorCSS;
|
package/siblings.js
DELETED
|
@@ -1,36 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Finds siblings nodes of the passed node.
|
|
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
|
-
siblings: function() {
|
|
17
|
-
return siblings;
|
|
18
|
-
},
|
|
19
|
-
default: function() {
|
|
20
|
-
return _default;
|
|
21
|
-
}
|
|
22
|
-
});
|
|
23
|
-
function siblings(node) {
|
|
24
|
-
if (node && node.parentNode) {
|
|
25
|
-
let n = node.parentNode.firstChild;
|
|
26
|
-
const matched = [];
|
|
27
|
-
for(; n; n = n.nextSibling){
|
|
28
|
-
if (n.nodeType === 1 && n !== node) {
|
|
29
|
-
matched.push(n);
|
|
30
|
-
}
|
|
31
|
-
}
|
|
32
|
-
return matched;
|
|
33
|
-
}
|
|
34
|
-
return [];
|
|
35
|
-
}
|
|
36
|
-
const _default = siblings;
|
package/toArray.js
DELETED
|
@@ -1,26 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Node list to array
|
|
3
|
-
*
|
|
4
|
-
* @param nodeList
|
|
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
|
-
toArray: function() {
|
|
17
|
-
return toArray;
|
|
18
|
-
},
|
|
19
|
-
default: function() {
|
|
20
|
-
return _default;
|
|
21
|
-
}
|
|
22
|
-
});
|
|
23
|
-
function toArray(nodeList) {
|
|
24
|
-
return Array.prototype.slice.call(nodeList);
|
|
25
|
-
}
|
|
26
|
-
const _default = toArray;
|
package/types.js
DELETED
package/unlisten.js
DELETED
|
@@ -1,45 +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
|
-
unlisten: function() {
|
|
13
|
-
return unlisten;
|
|
14
|
-
},
|
|
15
|
-
default: function() {
|
|
16
|
-
return _default;
|
|
17
|
-
}
|
|
18
|
-
});
|
|
19
|
-
const _listendelegation = require("./_listen-delegation");
|
|
20
|
-
const _off = require("./off");
|
|
21
|
-
function unlisten(types, // | `${TTypes},${TTypes}`
|
|
22
|
-
// | `${TTypes},${TTypes},${TTypes}`
|
|
23
|
-
// | `${TTypes},${TTypes},${TTypes},${TTypes}`
|
|
24
|
-
// | `${TTypes},${TTypes},${TTypes},${TTypes},${TTypes}`,
|
|
25
|
-
selector, callback) {
|
|
26
|
-
// Loop through each event type
|
|
27
|
-
types.split(",").forEach(function(type) {
|
|
28
|
-
// Remove whitespace
|
|
29
|
-
type = type.trim();
|
|
30
|
-
// if event type doesn't exist, bail
|
|
31
|
-
if (!_listendelegation.activeEvents[type]) return;
|
|
32
|
-
// If it's the last event of it's type, remove entirely
|
|
33
|
-
if (_listendelegation.activeEvents[type].length < 2 || !selector) {
|
|
34
|
-
delete _listendelegation.activeEvents[type];
|
|
35
|
-
(0, _off.off)(window, type, _listendelegation.eventHandler, true);
|
|
36
|
-
return;
|
|
37
|
-
}
|
|
38
|
-
// Otherwise, remove event
|
|
39
|
-
// @ts-expect-error FIXME: type...
|
|
40
|
-
const index = (0, _listendelegation.getIndex)(_listendelegation.activeEvents[type], selector, callback);
|
|
41
|
-
if (index < 0) return;
|
|
42
|
-
_listendelegation.activeEvents[type].splice(index, 1);
|
|
43
|
-
});
|
|
44
|
-
}
|
|
45
|
-
const _default = unlisten;
|