@koine/dom 2.0.0-beta.74 → 2.0.0-beta.76

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 (152) hide show
  1. package/$.js +1 -2
  2. package/$all.js +1 -2
  3. package/$each.js +1 -8
  4. package/_listen-delegation.js +1 -45
  5. package/addClass.js +1 -11
  6. package/calculateFixedOffset.js +1 -9
  7. package/cjs/$.d.ts +2 -0
  8. package/cjs/$all.d.ts +2 -0
  9. package/cjs/$each.d.ts +2 -0
  10. package/cjs/_listen-delegation.d.ts +1 -0
  11. package/cjs/addClass.d.ts +2 -0
  12. package/cjs/calculateFixedOffset.d.ts +2 -0
  13. package/cjs/createElement.d.ts +3 -0
  14. package/cjs/dom/$.js +1 -0
  15. package/cjs/dom/$all.js +1 -0
  16. package/cjs/dom/$each.js +1 -0
  17. package/cjs/dom/_listen-delegation.js +1 -0
  18. package/cjs/dom/addClass.js +1 -0
  19. package/cjs/dom/calculateFixedOffset.js +1 -0
  20. package/cjs/dom/createElement.js +1 -0
  21. package/cjs/dom/emitEvent.js +1 -0
  22. package/cjs/dom/escapeSelector.js +1 -0
  23. package/cjs/dom/exists.js +1 -0
  24. package/cjs/dom/forEach.js +1 -0
  25. package/cjs/dom/getDataAttr.js +1 -0
  26. package/cjs/dom/getDocumentHeight.js +1 -0
  27. package/cjs/dom/getHeight.js +1 -0
  28. package/cjs/dom/getListeners.js +1 -0
  29. package/cjs/dom/getOffset.js +1 -0
  30. package/cjs/dom/getOffsetTop.js +1 -0
  31. package/cjs/dom/getOffsetTopSlim.js +1 -0
  32. package/cjs/dom/getScrollbarWidth.js +1 -0
  33. package/cjs/dom/getStyleValue.js +1 -0
  34. package/cjs/dom/getVisualBackgroundColor.js +1 -0
  35. package/cjs/dom/index.js +1 -0
  36. package/cjs/dom/injectCss.js +1 -0
  37. package/cjs/dom/isHidden.js +1 -0
  38. package/cjs/dom/isInViewport.js +1 -0
  39. package/cjs/dom/isNodeList.js +1 -0
  40. package/cjs/dom/isTotallyScrolled.js +1 -0
  41. package/cjs/dom/listen.js +1 -0
  42. package/cjs/dom/listenLoaded.js +1 -0
  43. package/cjs/dom/listenOnce.js +1 -0
  44. package/cjs/dom/listenResize.js +1 -0
  45. package/cjs/dom/listenResizeDebounced.js +1 -0
  46. package/cjs/dom/listenResizeThrottled.js +1 -0
  47. package/cjs/dom/listenScroll.js +1 -0
  48. package/cjs/dom/listenScrollDebounced.js +1 -0
  49. package/cjs/dom/listenScrollThrottled.js +1 -0
  50. package/cjs/dom/off.js +1 -0
  51. package/cjs/dom/on.js +1 -0
  52. package/cjs/dom/onClickOutside.js +1 -0
  53. package/cjs/dom/once.js +1 -0
  54. package/cjs/dom/removeClass.js +1 -0
  55. package/cjs/dom/scrollTo.js +1 -0
  56. package/cjs/dom/setDataAttr.js +1 -0
  57. package/cjs/dom/setVendorCSS.js +1 -0
  58. package/cjs/dom/siblings.js +1 -0
  59. package/cjs/dom/toArray.js +1 -0
  60. package/cjs/dom/types.js +1 -0
  61. package/cjs/dom/unlisten.js +1 -0
  62. package/cjs/emitEvent.d.ts +2 -0
  63. package/cjs/escapeSelector.d.ts +2 -0
  64. package/cjs/exists.d.ts +2 -0
  65. package/cjs/forEach.d.ts +2 -0
  66. package/cjs/getDataAttr.d.ts +2 -0
  67. package/cjs/getDocumentHeight.d.ts +2 -0
  68. package/cjs/getHeight.d.ts +2 -0
  69. package/cjs/getListeners.d.ts +2 -0
  70. package/cjs/getOffset.d.ts +5 -0
  71. package/cjs/getOffsetTop.d.ts +2 -0
  72. package/cjs/getOffsetTopSlim.d.ts +2 -0
  73. package/cjs/getScrollbarWidth.d.ts +2 -0
  74. package/cjs/getStyleValue.d.ts +2 -0
  75. package/cjs/getVisualBackgroundColor.d.ts +2 -0
  76. package/cjs/index.d.ts +46 -0
  77. package/cjs/injectCss.d.ts +2 -0
  78. package/cjs/isHidden.d.ts +2 -0
  79. package/cjs/isInViewport.d.ts +2 -0
  80. package/cjs/isNodeList.d.ts +2 -0
  81. package/cjs/isTotallyScrolled.d.ts +2 -0
  82. package/cjs/listen.d.ts +4 -0
  83. package/cjs/listenLoaded.d.ts +2 -0
  84. package/cjs/listenOnce.d.ts +3 -0
  85. package/cjs/listenResize.d.ts +3 -0
  86. package/cjs/listenResizeDebounced.d.ts +3 -0
  87. package/cjs/listenResizeThrottled.d.ts +3 -0
  88. package/cjs/listenScroll.d.ts +3 -0
  89. package/cjs/listenScrollDebounced.d.ts +3 -0
  90. package/cjs/listenScrollThrottled.d.ts +3 -0
  91. package/cjs/off.d.ts +3 -0
  92. package/cjs/on.d.ts +3 -0
  93. package/cjs/onClickOutside.d.ts +2 -0
  94. package/cjs/once.d.ts +3 -0
  95. package/cjs/package.json +10 -0
  96. package/cjs/removeClass.d.ts +2 -0
  97. package/cjs/scrollTo.d.ts +2 -0
  98. package/cjs/setDataAttr.d.ts +2 -0
  99. package/cjs/setVendorCSS.d.ts +2 -0
  100. package/cjs/siblings.d.ts +2 -0
  101. package/cjs/toArray.d.ts +2 -0
  102. package/cjs/types.d.ts +7 -0
  103. package/cjs/unlisten.d.ts +4 -0
  104. package/createElement.js +1 -9
  105. package/emitEvent.js +1 -9
  106. package/escapeSelector.js +1 -2
  107. package/exists.js +1 -2
  108. package/forEach.js +1 -6
  109. package/getDataAttr.js +1 -2
  110. package/getDocumentHeight.js +1 -5
  111. package/getHeight.js +1 -2
  112. package/getListeners.js +1 -9
  113. package/getOffset.js +1 -11
  114. package/getOffsetTop.js +1 -11
  115. package/getOffsetTopSlim.js +1 -2
  116. package/getScrollbarWidth.js +1 -2
  117. package/getStyleValue.js +1 -2
  118. package/getVisualBackgroundColor.js +1 -16
  119. package/index.js +1 -45
  120. package/injectCss.js +1 -11
  121. package/isHidden.js +1 -2
  122. package/isInViewport.js +1 -10
  123. package/isNodeList.js +1 -9
  124. package/isTotallyScrolled.js +1 -2
  125. package/listen.js +1 -18
  126. package/listenLoaded.js +1 -3
  127. package/listenOnce.js +1 -9
  128. package/listenResize.js +1 -3
  129. package/listenResizeDebounced.js +1 -4
  130. package/listenResizeThrottled.js +1 -4
  131. package/listenScroll.js +1 -6
  132. package/listenScrollDebounced.js +1 -4
  133. package/listenScrollThrottled.js +1 -4
  134. package/off.js +1 -10
  135. package/on.js +1 -15
  136. package/onClickOutside.js +1 -17
  137. package/once.js +1 -10
  138. package/package.json +191 -8
  139. package/removeClass.js +1 -11
  140. package/scrollTo.js +1 -30
  141. package/setDataAttr.js +1 -8
  142. package/setVendorCSS.js +1 -9
  143. package/siblings.js +1 -14
  144. package/toArray.js +1 -2
  145. package/types.js +1 -1
  146. package/unlisten.js +1 -20
  147. package/README.md +0 -1
  148. package/index.cjs.d.ts +0 -1
  149. package/index.cjs.default.js +0 -1
  150. package/index.cjs.js +0 -143
  151. package/index.cjs.mjs +0 -2
  152. package/index.esm.js +0 -95
package/forEach.js CHANGED
@@ -1,6 +1 @@
1
- export let forEach = (nodes, callback, scope) => {
2
- for (let i = 0; i < nodes.length; i++) {
3
- callback.call(scope, nodes[i], i);
4
- }
5
- };
6
- export default forEach;
1
+ export let forEach=(e,l,t)=>{for(let o=0;o<e.length;o++)l.call(t,e[o],o)};export default forEach;
package/getDataAttr.js CHANGED
@@ -1,2 +1 @@
1
- export let getDataAttr = (element, attribute) => element.getAttribute("data-" + attribute);
2
- export default getDataAttr;
1
+ export let getDataAttr=(t,e)=>t.getAttribute("data-"+e);export default getDataAttr;
@@ -1,5 +1 @@
1
- export let getDocumentHeight = () => {
2
- const { body, documentElement } = document;
3
- return Math.max(body.scrollHeight, documentElement.scrollHeight, body.offsetHeight, documentElement.offsetHeight, body.clientHeight, documentElement.clientHeight);
4
- };
5
- export default getDocumentHeight;
1
+ export let getDocumentHeight=()=>{let{body:t,documentElement:e}=document;return Math.max(t.scrollHeight,e.scrollHeight,t.offsetHeight,e.offsetHeight,t.clientHeight,e.clientHeight)};export default getDocumentHeight;
package/getHeight.js CHANGED
@@ -1,2 +1 @@
1
- export let getHeight = (element) => parseInt(window.getComputedStyle(element).height, 10);
2
- export default getHeight;
1
+ export let getHeight=e=>parseInt(window.getComputedStyle(e).height,10);export default getHeight;
package/getListeners.js CHANGED
@@ -1,9 +1 @@
1
- import { activeEvents } from "./_listen-delegation";
2
- export let getListeners = () => {
3
- const obj = {};
4
- for (const type in activeEvents) {
5
- obj[type] = activeEvents[type];
6
- }
7
- return obj;
8
- };
9
- export default getListeners;
1
+ import{activeEvents as e}from"./_listen-delegation";export let getListeners=()=>{let t={};for(let r in e)t[r]=e[r];return t};export default getListeners;
package/getOffset.js CHANGED
@@ -1,11 +1 @@
1
- export let getOffset = (elem) => {
2
- let left = 0;
3
- let top = 0;
4
- while (elem && !isNaN(elem.offsetLeft) && !isNaN(elem.offsetTop)) {
5
- left += elem.offsetLeft - elem.scrollLeft;
6
- top += elem.offsetTop - elem.scrollTop;
7
- elem = elem.offsetParent;
8
- }
9
- return { top, left };
10
- };
11
- export default getOffset;
1
+ export let getOffset=e=>{let f=0,t=0;for(;e&&!isNaN(e.offsetLeft)&&!isNaN(e.offsetTop);)f+=e.offsetLeft-e.scrollLeft,t+=e.offsetTop-e.scrollTop,e=e.offsetParent;return{top:t,left:f}};export default getOffset;
package/getOffsetTop.js CHANGED
@@ -1,11 +1 @@
1
- export let getOffsetTop = (elem) => {
2
- let location = 0;
3
- if (elem.offsetParent) {
4
- while (elem) {
5
- location += elem.offsetTop;
6
- elem = elem.offsetParent;
7
- }
8
- }
9
- return location >= 0 ? location : 0;
10
- };
11
- export default getOffsetTop;
1
+ export let getOffsetTop=e=>{let t=0;if(e.offsetParent)for(;e;)t+=e.offsetTop,e=e.offsetParent;return t>=0?t:0};export default getOffsetTop;
@@ -1,2 +1 @@
1
- export let getOffsetTopSlim = (elem) => elem.getBoundingClientRect().top + window.scrollY;
2
- export default getOffsetTopSlim;
1
+ export let getOffsetTopSlim=t=>t.getBoundingClientRect().top+window.scrollY;export default getOffsetTopSlim;
@@ -1,2 +1 @@
1
- export let getScrollbarWidth = (element) => window.innerWidth - (element || document.documentElement).clientWidth;
2
- export default getScrollbarWidth;
1
+ export let getScrollbarWidth=t=>window.innerWidth-(t||document.documentElement).clientWidth;export default getScrollbarWidth;
package/getStyleValue.js CHANGED
@@ -1,2 +1 @@
1
- export let getStyleValue = (el, prop) => getComputedStyle(el, null).getPropertyValue(prop);
2
- export default getStyleValue;
1
+ export let getStyleValue=(e,t)=>getComputedStyle(e,null).getPropertyValue(t);export default getStyleValue;
@@ -1,16 +1 @@
1
- export let getVisualBackgroundColor = (elem) => {
2
- if (!elem)
3
- return "#fff";
4
- const transparent = "rgba(0, 0, 0, 0)";
5
- const transparentIE11 = "transparent";
6
- const bg = window.getComputedStyle(elem).backgroundColor;
7
- if (bg === transparent || bg === transparentIE11) {
8
- const parent = elem.parentElement;
9
- if (parent) {
10
- return getVisualBackgroundColor(parent);
11
- }
12
- return "#fff";
13
- }
14
- return bg;
15
- };
16
- export default getVisualBackgroundColor;
1
+ export let getVisualBackgroundColor=r=>{if(!r)return"#fff";let e=window.getComputedStyle(r).backgroundColor;if("rgba(0, 0, 0, 0)"===e||"transparent"===e){let e=r.parentElement;return e?getVisualBackgroundColor(e):"#fff"}return e};export default getVisualBackgroundColor;
package/index.js CHANGED
@@ -1,45 +1 @@
1
- export { $ } from "./$";
2
- export { $all } from "./$all";
3
- export { $each } from "./$each";
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";
1
+ export{$}from"./$";export{$all}from"./$all";export{$each}from"./$each";export{addClass}from"./addClass";export{calculateFixedOffset}from"./calculateFixedOffset";export{createElement}from"./createElement";export{emitEvent}from"./emitEvent";export{escapeSelector}from"./escapeSelector";export{exists}from"./exists";export{forEach}from"./forEach";export{getDataAttr}from"./getDataAttr";export{getDocumentHeight}from"./getDocumentHeight";export{getHeight}from"./getHeight";export{getListeners}from"./getListeners";export{getOffset}from"./getOffset";export{getOffsetTop}from"./getOffsetTop";export{getOffsetTopSlim}from"./getOffsetTopSlim";export{getScrollbarWidth}from"./getScrollbarWidth";export{getStyleValue}from"./getStyleValue";export{getVisualBackgroundColor}from"./getVisualBackgroundColor";export{injectCss}from"./injectCss";export{isHidden}from"./isHidden";export{isInViewport}from"./isInViewport";export{isNodeList}from"./isNodeList";export{isTotallyScrolled}from"./isTotallyScrolled";export{listenLoaded}from"./listenLoaded";export{listenOnce}from"./listenOnce";export{listenResize}from"./listenResize";export{listenResizeDebounced}from"./listenResizeDebounced";export{listenResizeThrottled}from"./listenResizeThrottled";export{listenScroll}from"./listenScroll";export{listenScrollDebounced}from"./listenScrollDebounced";export{listenScrollThrottled}from"./listenScrollThrottled";export{listen}from"./listen";export{off}from"./off";export{once}from"./once";export{onClickOutside}from"./onClickOutside";export{on}from"./on";export{removeClass}from"./removeClass";export{scrollTo}from"./scrollTo";export{setDataAttr}from"./setDataAttr";export{setVendorCSS}from"./setVendorCSS";export{siblings}from"./siblings";export{toArray}from"./toArray";export{unlisten}from"./unlisten";
package/injectCss.js CHANGED
@@ -1,11 +1 @@
1
- import { $ } from "./$";
2
- export let injectCss = (id, cssString = "", root = document) => {
3
- let styleblock = $("#" + id);
4
- if (!styleblock) {
5
- styleblock = root.createElement("style");
6
- styleblock.id = id;
7
- root.body.appendChild(styleblock);
8
- }
9
- styleblock.innerHTML = cssString;
10
- };
11
- export default injectCss;
1
+ import{$ as e}from"./$";export let injectCss=(t,n="",d=document)=>{let i=e("#"+t);i||((i=d.createElement("style")).id=t,d.body.appendChild(i)),i.innerHTML=n};export default injectCss;
package/isHidden.js CHANGED
@@ -1,2 +1 @@
1
- export let isHidden = (el) => !el || el.offsetParent === null;
2
- export default isHidden;
1
+ export let isHidden=e=>!e||null===e.offsetParent;export default isHidden;
package/isInViewport.js CHANGED
@@ -1,10 +1 @@
1
- export let isInViewport = (elem) => {
2
- const distance = elem.getBoundingClientRect();
3
- return (distance.top >= 0 &&
4
- distance.left >= 0 &&
5
- distance.bottom <=
6
- (window.innerHeight || document.documentElement.clientHeight) &&
7
- distance.right <=
8
- (window.innerWidth || document.documentElement.clientWidth));
9
- };
10
- export default isInViewport;
1
+ export let isInViewport=t=>{let e=t.getBoundingClientRect();return e.top>=0&&e.left>=0&&e.bottom<=(window.innerHeight||document.documentElement.clientHeight)&&e.right<=(window.innerWidth||document.documentElement.clientWidth)};export default isInViewport;
package/isNodeList.js CHANGED
@@ -1,9 +1 @@
1
- export let isNodeList = (nodes) => {
2
- const stringRepr = Object.prototype.toString.call(nodes);
3
- return (typeof nodes === "object" &&
4
- /^\[object (HTMLCollection|NodeList|Object)\]$/.test(stringRepr) &&
5
- typeof nodes.length === "number" &&
6
- (nodes.length === 0 ||
7
- (typeof nodes[0] === "object" && nodes[0].nodeType > 0)));
8
- };
9
- export default isNodeList;
1
+ export let isNodeList=t=>{let e=Object.prototype.toString.call(t);return"object"==typeof t&&/^\[object (HTMLCollection|NodeList|Object)\]$/.test(e)&&"number"==typeof t.length&&(0===t.length||"object"==typeof t[0]&&t[0].nodeType>0)};export default isNodeList;
@@ -1,2 +1 @@
1
- export let isTotallyScrolled = (el) => el ? el.scrollHeight - el.scrollTop <= el.clientHeight : false;
2
- export default isTotallyScrolled;
1
+ export let isTotallyScrolled=l=>!!l&&l.scrollHeight-l.scrollTop<=l.clientHeight;export default isTotallyScrolled;
package/listen.js CHANGED
@@ -1,18 +1 @@
1
- import { activeEvents, eventHandler, } from "./_listen-delegation";
2
- import { on } from "./on";
3
- export let listen = (types, selector, callback) => {
4
- if (!selector || !callback)
5
- return;
6
- types.split(",").forEach(function (type) {
7
- type = type.trim();
8
- if (!activeEvents[type]) {
9
- activeEvents[type] = [];
10
- on(window, type, eventHandler, true);
11
- }
12
- activeEvents[type]?.push({
13
- selector: selector,
14
- callback: callback,
15
- });
16
- });
17
- };
18
- export default listen;
1
+ import{activeEvents as t,eventHandler as o}from"./_listen-delegation";import{on as e}from"./on";export let listen=(i,l,r)=>{l&&r&&i.split(",").forEach(function(i){t[i=i.trim()]||(t[i]=[],e(window,i,o,!0)),t[i]?.push({selector:l,callback:r})})};export default listen;
package/listenLoaded.js CHANGED
@@ -1,3 +1 @@
1
- import { on } from "./on";
2
- export let listenLoaded = (handler) => on(document, "DOMContentLoaded", handler);
3
- export default listenLoaded;
1
+ import{on as e}from"./on";export let listenLoaded=o=>e(document,"DOMContentLoaded",o);export default listenLoaded;
package/listenOnce.js CHANGED
@@ -1,9 +1 @@
1
- import { getRunTarget } from "./_listen-delegation";
2
- import { listen } from "./listen";
3
- import { unlisten } from "./unlisten";
4
- export let listenOnce = (types, selector, callback) => listen(types, selector, function temp(event) {
5
- const target = getRunTarget(event.target, selector);
6
- callback(event, target || window);
7
- unlisten(types, selector, temp);
8
- });
9
- export default listenOnce;
1
+ import{getRunTarget as t}from"./_listen-delegation";import{listen as e}from"./listen";import{unlisten as n}from"./unlisten";export let listenOnce=(i,o,l)=>e(i,o,function e(r){let m=t(r.target,o);l(r,m||window),n(i,o,e)});export default listenOnce;
package/listenResize.js CHANGED
@@ -1,3 +1 @@
1
- import { on } from "./on";
2
- export let listenResize = (handler, el) => on(el || window, "resize", handler);
3
- export default listenResize;
1
+ import{on as e}from"./on";export let listenResize=(i,t)=>e(t||window,"resize",i);export default listenResize;
@@ -1,4 +1 @@
1
- import { debounce } from "@koine/utils";
2
- import { listenResize } from "./listenResize";
3
- export let listenResizeDebounced = (el, ...args) => listenResize(debounce(...args), el);
4
- export default listenResizeDebounced;
1
+ import{debounce as e}from"@koine/utils";import{listenResize as i}from"./listenResize";export let listenResizeDebounced=(t,...o)=>i(e(...o),t);export default listenResizeDebounced;
@@ -1,4 +1 @@
1
- import { throttle } from "@koine/utils";
2
- import { listenResize } from "./listenResize";
3
- export let listenResizeThrottled = (el, ...args) => listenResize(throttle(...args), el);
4
- export default listenResizeThrottled;
1
+ import{throttle as e}from"@koine/utils";import{listenResize as t}from"./listenResize";export let listenResizeThrottled=(i,...o)=>t(e(...o),i);export default listenResizeThrottled;
package/listenScroll.js CHANGED
@@ -1,6 +1 @@
1
- import { on } from "./on";
2
- export let listenScroll = (handler, el) => on(el || window, "scroll", handler, {
3
- capture: true,
4
- passive: true,
5
- });
6
- export default listenScroll;
1
+ import{on as l}from"./on";export let listenScroll=(o,e)=>l(e||window,"scroll",o,{capture:!0,passive:!0});export default listenScroll;
@@ -1,4 +1 @@
1
- import { debounce } from "@koine/utils";
2
- import { listenScroll } from "./listenScroll";
3
- export let listenScrollDebounced = (el, ...args) => listenScroll(debounce(...args), el);
4
- export default listenScrollDebounced;
1
+ import{debounce as e}from"@koine/utils";import{listenScroll as l}from"./listenScroll";export let listenScrollDebounced=(o,...t)=>l(e(...t),o);export default listenScrollDebounced;
@@ -1,4 +1 @@
1
- import { throttle } from "@koine/utils";
2
- import { listenScroll } from "./listenScroll";
3
- export let listenScrollThrottled = (el, ...args) => listenScroll(throttle(...args), el);
4
- export default listenScrollThrottled;
1
+ import{throttle as l}from"@koine/utils";import{listenScroll as t}from"./listenScroll";export let listenScrollThrottled=(o,...r)=>t(l(...r),o);export default listenScrollThrottled;
package/off.js CHANGED
@@ -1,10 +1 @@
1
- export let off = (el, type, handler, options = false) => {
2
- if (process.env["NODE_ENV"] === "development") {
3
- if (!el) {
4
- console.warn("[@koine/dom:off] unexisting DOM element");
5
- }
6
- }
7
- if (el)
8
- el.removeEventListener(type, handler, options);
9
- };
10
- export default off;
1
+ export let off=(e,o,n,t=!1)=>{"development"!==process.env.NODE_ENV||e||console.warn("[@koine/dom:off] unexisting DOM element"),e&&e.removeEventListener(o,n,t)};export default off;
package/on.js CHANGED
@@ -1,15 +1 @@
1
- import { noop } from "@koine/utils";
2
- import { off } from "./off";
3
- export let on = (el, type, handler, options = false) => {
4
- if (process.env["NODE_ENV"] === "development") {
5
- if (!el) {
6
- console.warn("[@koine/dom:on] unexisting DOM element");
7
- }
8
- }
9
- if (el) {
10
- el.addEventListener(type, handler, options);
11
- return () => off(el, type, handler);
12
- }
13
- return noop;
14
- };
15
- export default on;
1
+ import{noop as e}from"@koine/utils";import{off as o}from"./off";export let on=(n,t,r,i=!1)=>("development"!==process.env.NODE_ENV||n||console.warn("[@koine/dom:on] unexisting DOM element"),n)?(n.addEventListener(t,r,i),()=>o(n,t,r)):e;export default on;
package/onClickOutside.js CHANGED
@@ -1,17 +1 @@
1
- import { off } from "./off";
2
- import { on } from "./on";
3
- export let onClickOutside = (element, callback, autoUnbind = false) => {
4
- const bind = (event) => {
5
- if (!element.contains(event.target)) {
6
- callback(event);
7
- if (autoUnbind)
8
- unbind();
9
- }
10
- };
11
- const unbind = () => {
12
- off(document, "click", bind);
13
- };
14
- on(document, "click", bind);
15
- return unbind;
16
- };
17
- export default onClickOutside;
1
+ import{off as t}from"./off";import{on as o}from"./on";export let onClickOutside=(e,c,i=!1)=>{let r=t=>{!e.contains(t.target)&&(c(t),i&&n())},n=()=>{t(document,"click",r)};return o(document,"click",r),n};export default onClickOutside;
package/once.js CHANGED
@@ -1,10 +1 @@
1
- import { off } from "./off";
2
- import { on } from "./on";
3
- export let once = (el, type, handler, options = false) => {
4
- const handlerWrapper = (event) => {
5
- handler(event);
6
- off(el, type, handlerWrapper);
7
- };
8
- return on(el, type, handlerWrapper, options);
9
- };
10
- export default once;
1
+ import{off as o}from"./off";import{on as e}from"./on";export let once=(r,t,f,m=!1)=>{let n=e=>{f(e),o(r,t,n)};return e(r,t,n,m)};export default once;
package/package.json CHANGED
@@ -2,17 +2,200 @@
2
2
  "name": "@koine/dom",
3
3
  "sideEffects": false,
4
4
  "dependencies": {
5
- "@koine/utils": "2.0.0-beta.74"
5
+ "@koine/utils": "2.0.0-beta.76"
6
6
  },
7
+ "module": "./index.js",
8
+ "type": "module",
9
+ "main": "./cjs/index.js",
7
10
  "exports": {
8
- "./package.json": "./package.json",
9
11
  ".": {
10
- "module": "./index.esm.js",
11
- "import": "./index.cjs.mjs",
12
- "default": "./index.cjs.js"
12
+ "require": "./cjs/index.js",
13
+ "import": "./index.js"
14
+ },
15
+ "./$": {
16
+ "require": "./cjs/$.js",
17
+ "import": "./$.js"
18
+ },
19
+ "./$all": {
20
+ "require": "./cjs/$all.js",
21
+ "import": "./$all.js"
22
+ },
23
+ "./$each": {
24
+ "require": "./cjs/$each.js",
25
+ "import": "./$each.js"
26
+ },
27
+ "./addClass": {
28
+ "require": "./cjs/addClass.js",
29
+ "import": "./addClass.js"
30
+ },
31
+ "./calculateFixedOffset": {
32
+ "require": "./cjs/calculateFixedOffset.js",
33
+ "import": "./calculateFixedOffset.js"
34
+ },
35
+ "./createElement": {
36
+ "require": "./cjs/createElement.js",
37
+ "import": "./createElement.js"
38
+ },
39
+ "./emitEvent": {
40
+ "require": "./cjs/emitEvent.js",
41
+ "import": "./emitEvent.js"
42
+ },
43
+ "./escapeSelector": {
44
+ "require": "./cjs/escapeSelector.js",
45
+ "import": "./escapeSelector.js"
46
+ },
47
+ "./exists": {
48
+ "require": "./cjs/exists.js",
49
+ "import": "./exists.js"
50
+ },
51
+ "./forEach": {
52
+ "require": "./cjs/forEach.js",
53
+ "import": "./forEach.js"
54
+ },
55
+ "./getDataAttr": {
56
+ "require": "./cjs/getDataAttr.js",
57
+ "import": "./getDataAttr.js"
58
+ },
59
+ "./getDocumentHeight": {
60
+ "require": "./cjs/getDocumentHeight.js",
61
+ "import": "./getDocumentHeight.js"
62
+ },
63
+ "./getHeight": {
64
+ "require": "./cjs/getHeight.js",
65
+ "import": "./getHeight.js"
66
+ },
67
+ "./getListeners": {
68
+ "require": "./cjs/getListeners.js",
69
+ "import": "./getListeners.js"
70
+ },
71
+ "./getOffset": {
72
+ "require": "./cjs/getOffset.js",
73
+ "import": "./getOffset.js"
74
+ },
75
+ "./getOffsetTop": {
76
+ "require": "./cjs/getOffsetTop.js",
77
+ "import": "./getOffsetTop.js"
78
+ },
79
+ "./getOffsetTopSlim": {
80
+ "require": "./cjs/getOffsetTopSlim.js",
81
+ "import": "./getOffsetTopSlim.js"
82
+ },
83
+ "./getScrollbarWidth": {
84
+ "require": "./cjs/getScrollbarWidth.js",
85
+ "import": "./getScrollbarWidth.js"
86
+ },
87
+ "./getStyleValue": {
88
+ "require": "./cjs/getStyleValue.js",
89
+ "import": "./getStyleValue.js"
90
+ },
91
+ "./getVisualBackgroundColor": {
92
+ "require": "./cjs/getVisualBackgroundColor.js",
93
+ "import": "./getVisualBackgroundColor.js"
94
+ },
95
+ "./injectCss": {
96
+ "require": "./cjs/injectCss.js",
97
+ "import": "./injectCss.js"
98
+ },
99
+ "./isHidden": {
100
+ "require": "./cjs/isHidden.js",
101
+ "import": "./isHidden.js"
102
+ },
103
+ "./isInViewport": {
104
+ "require": "./cjs/isInViewport.js",
105
+ "import": "./isInViewport.js"
106
+ },
107
+ "./isNodeList": {
108
+ "require": "./cjs/isNodeList.js",
109
+ "import": "./isNodeList.js"
110
+ },
111
+ "./isTotallyScrolled": {
112
+ "require": "./cjs/isTotallyScrolled.js",
113
+ "import": "./isTotallyScrolled.js"
114
+ },
115
+ "./listen": {
116
+ "require": "./cjs/listen.js",
117
+ "import": "./listen.js"
118
+ },
119
+ "./listenLoaded": {
120
+ "require": "./cjs/listenLoaded.js",
121
+ "import": "./listenLoaded.js"
122
+ },
123
+ "./listenOnce": {
124
+ "require": "./cjs/listenOnce.js",
125
+ "import": "./listenOnce.js"
126
+ },
127
+ "./listenResize": {
128
+ "require": "./cjs/listenResize.js",
129
+ "import": "./listenResize.js"
130
+ },
131
+ "./listenResizeDebounced": {
132
+ "require": "./cjs/listenResizeDebounced.js",
133
+ "import": "./listenResizeDebounced.js"
134
+ },
135
+ "./listenResizeThrottled": {
136
+ "require": "./cjs/listenResizeThrottled.js",
137
+ "import": "./listenResizeThrottled.js"
138
+ },
139
+ "./listenScroll": {
140
+ "require": "./cjs/listenScroll.js",
141
+ "import": "./listenScroll.js"
142
+ },
143
+ "./listenScrollDebounced": {
144
+ "require": "./cjs/listenScrollDebounced.js",
145
+ "import": "./listenScrollDebounced.js"
146
+ },
147
+ "./listenScrollThrottled": {
148
+ "require": "./cjs/listenScrollThrottled.js",
149
+ "import": "./listenScrollThrottled.js"
150
+ },
151
+ "./off": {
152
+ "require": "./cjs/off.js",
153
+ "import": "./off.js"
154
+ },
155
+ "./on": {
156
+ "require": "./cjs/on.js",
157
+ "import": "./on.js"
158
+ },
159
+ "./onClickOutside": {
160
+ "require": "./cjs/onClickOutside.js",
161
+ "import": "./onClickOutside.js"
162
+ },
163
+ "./once": {
164
+ "require": "./cjs/once.js",
165
+ "import": "./once.js"
166
+ },
167
+ "./removeClass": {
168
+ "require": "./cjs/removeClass.js",
169
+ "import": "./removeClass.js"
170
+ },
171
+ "./scrollTo": {
172
+ "require": "./cjs/scrollTo.js",
173
+ "import": "./scrollTo.js"
174
+ },
175
+ "./setDataAttr": {
176
+ "require": "./cjs/setDataAttr.js",
177
+ "import": "./setDataAttr.js"
178
+ },
179
+ "./setVendorCSS": {
180
+ "require": "./cjs/setVendorCSS.js",
181
+ "import": "./setVendorCSS.js"
182
+ },
183
+ "./siblings": {
184
+ "require": "./cjs/siblings.js",
185
+ "import": "./siblings.js"
186
+ },
187
+ "./toArray": {
188
+ "require": "./cjs/toArray.js",
189
+ "import": "./toArray.js"
190
+ },
191
+ "./types": {
192
+ "require": "./cjs/types.js",
193
+ "import": "./types.js"
194
+ },
195
+ "./unlisten": {
196
+ "require": "./cjs/unlisten.js",
197
+ "import": "./unlisten.js"
13
198
  }
14
199
  },
15
- "module": "./index.esm.js",
16
- "main": "./index.cjs.js",
17
- "version": "2.0.0-beta.74"
200
+ "version": "2.0.0-beta.76"
18
201
  }
package/removeClass.js CHANGED
@@ -1,11 +1 @@
1
- export let removeClass = (el, className = "") => {
2
- if (process.env["NODE_ENV"] === "development") {
3
- if (!el) {
4
- ("[@koine/dom:removeClass] unexisting DOM element");
5
- return;
6
- }
7
- }
8
- if (el)
9
- el.classList.remove(className);
10
- };
11
- export default removeClass;
1
+ export let removeClass=(e,s="")=>{("development"!==process.env.NODE_ENV||e)&&e&&e.classList.remove(s)};export default removeClass;
package/scrollTo.js CHANGED
@@ -1,30 +1 @@
1
- import { off } from "./off";
2
- import { on } from "./on";
3
- export let scrollTo = (destination, callback, fallbackTimeout, behavior) => {
4
- const fixedDestination = destination.toFixed();
5
- if (callback) {
6
- let callbackFired = false;
7
- const onScroll = function () {
8
- if (window.pageYOffset.toFixed() === fixedDestination) {
9
- off(window, "scroll", onScroll);
10
- callbackFired = true;
11
- callback();
12
- }
13
- };
14
- on(window, "scroll", onScroll);
15
- onScroll();
16
- if (fallbackTimeout) {
17
- setTimeout(() => {
18
- if (!callbackFired) {
19
- off(window, "scroll", onScroll);
20
- callback();
21
- }
22
- }, fallbackTimeout);
23
- }
24
- }
25
- window.scrollTo({
26
- top: destination,
27
- behavior: behavior || "smooth",
28
- });
29
- };
30
- export default scrollTo;
1
+ import{off as o}from"./off";import{on as l}from"./on";export let scrollTo=(t,e,i,r)=>{let w=t.toFixed();if(e){let t=!1,r=function(){window.pageYOffset.toFixed()===w&&(o(window,"scroll",r),t=!0,e())};l(window,"scroll",r),r(),i&&setTimeout(()=>{t||(o(window,"scroll",r),e())},i)}window.scrollTo({top:t,behavior:r||"smooth"})};export default scrollTo;
package/setDataAttr.js CHANGED
@@ -1,8 +1 @@
1
- export let setDataAttr = (element, attribute, value) => {
2
- if (value === null || typeof value === "undefined") {
3
- element.removeAttribute("data-" + attribute);
4
- return;
5
- }
6
- element.setAttribute("data-" + attribute, value.toString());
7
- };
8
- export default setDataAttr;
1
+ export let setDataAttr=(t,e,r)=>{if(null==r){t.removeAttribute("data-"+e);return}t.setAttribute("data-"+e,r.toString())};export default setDataAttr;
package/setVendorCSS.js CHANGED
@@ -1,9 +1 @@
1
- export let setVendorCSS = (element, prop, value) => {
2
- const propUpper = prop.charAt(0).toUpperCase() + prop.slice(1);
3
- element.style["webkit" + propUpper] = value;
4
- element.style["moz" + propUpper] = value;
5
- element.style["ms" + propUpper] = value;
6
- element.style["o" + propUpper] = value;
7
- element.style[prop] = value;
8
- };
9
- export default setVendorCSS;
1
+ export let setVendorCSS=(e,t,s)=>{let l=t.charAt(0).toUpperCase()+t.slice(1);e.style["webkit"+l]=s,e.style["moz"+l]=s,e.style["ms"+l]=s,e.style["o"+l]=s,e.style[t]=s};export default setVendorCSS;