@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.
Files changed (49) hide show
  1. package/package.json +3 -3
  2. package/$$.js +0 -29
  3. package/$.js +0 -32
  4. package/$each.js +0 -27
  5. package/_listen-delegation.js +0 -83
  6. package/addClass.js +0 -30
  7. package/calculateFixedOffset.js +0 -27
  8. package/createElement.js +0 -28
  9. package/emitEvent.js +0 -28
  10. package/escapeSelector.js +0 -27
  11. package/exists.js +0 -29
  12. package/forEach.js +0 -53
  13. package/getDataAttr.js +0 -30
  14. package/getDocumentHeight.js +0 -27
  15. package/getHeight.js +0 -24
  16. package/getListeners.js +0 -29
  17. package/getOffset.js +0 -38
  18. package/getOffsetTop.js +0 -37
  19. package/getOffsetTopSlim.js +0 -30
  20. package/getScrollbarWidth.js +0 -24
  21. package/getStyleValue.js +0 -27
  22. package/getVisualBackgroundColor.js +0 -37
  23. package/index.js +0 -192
  24. package/injectCss.js +0 -31
  25. package/isHidden.js +0 -24
  26. package/isInViewport.js +0 -30
  27. package/isNodeList.js +0 -27
  28. package/isTotallyScrolled.js +0 -27
  29. package/listen.js +0 -45
  30. package/listenLoaded.js +0 -24
  31. package/listenOnce.js +0 -29
  32. package/listenResize.js +0 -21
  33. package/listenResizeDebounced.js +0 -50
  34. package/listenResizeThrottled.js +0 -23
  35. package/listenScroll.js +0 -24
  36. package/listenScrollDebounced.js +0 -23
  37. package/listenScrollThrottled.js +0 -23
  38. package/off.js +0 -27
  39. package/on.js +0 -36
  40. package/onClickOutside.js +0 -25
  41. package/once.js +0 -29
  42. package/removeClass.js +0 -30
  43. package/scrollTo.js +0 -48
  44. package/setDataAttr.js +0 -35
  45. package/setVendorCSS.js +0 -38
  46. package/siblings.js +0 -36
  47. package/toArray.js +0 -26
  48. package/types.js +0 -4
  49. 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
@@ -1,4 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", {
3
- value: true
4
- });
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;