@koine/dom 1.2.3 → 2.0.0-alpha.2

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 (7) hide show
  1. package/getVisualBackground.d.ts +6 -0
  2. package/getVisualBackground.js +25 -0
  3. package/getVisualBackground.mjs +21 -0
  4. package/index.d.ts +45 -45
  5. package/index.js +89 -46
  6. package/index.mjs +44 -45
  7. package/package.json +2 -7
package/getVisualBackground.d.ts ADDED
@@ -0,0 +1,6 @@
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
+ export declare function getVisualBackgroundColor(elem?: null | HTMLElement): string;
6
+ export default getVisualBackgroundColor;
package/getVisualBackground.js ADDED
@@ -0,0 +1,25 @@
1
+ "use strict";
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) {
9
+ if (!elem)
10
+ return "#fff";
11
+ var transparent = "rgba(0, 0, 0, 0)";
12
+ var transparentIE11 = "transparent";
13
+ // if (!elem) return transparent;
14
+ var bg = window.getComputedStyle(elem).backgroundColor;
15
+ if (bg === transparent || bg === transparentIE11) {
16
+ var parent_1 = elem.parentElement;
17
+ if (parent_1) {
18
+ return getVisualBackgroundColor(parent_1);
19
+ }
20
+ return "#fff";
21
+ }
22
+ return bg;
23
+ }
24
+ exports.getVisualBackgroundColor = getVisualBackgroundColor;
25
+ exports.default = getVisualBackgroundColor;
package/getVisualBackground.mjs ADDED
@@ -0,0 +1,21 @@
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
+ export function getVisualBackgroundColor(elem) {
6
+ if (!elem)
7
+ return "#fff";
8
+ var transparent = "rgba(0, 0, 0, 0)";
9
+ var transparentIE11 = "transparent";
10
+ // if (!elem) return transparent;
11
+ var bg = window.getComputedStyle(elem).backgroundColor;
12
+ if (bg === transparent || bg === transparentIE11) {
13
+ var parent_1 = elem.parentElement;
14
+ if (parent_1) {
15
+ return getVisualBackgroundColor(parent_1);
16
+ }
17
+ return "#fff";
18
+ }
19
+ return bg;
20
+ }
21
+ export default getVisualBackgroundColor;
package/index.d.ts CHANGED
@@ -1,45 +1,45 @@
1
- export * from "./$$";
2
- export * from "./$each";
3
- export * from "./$";
4
- export * from "./addClass";
5
- export * from "./calculateFixedOffset";
6
- export * from "./createElement";
7
- export * from "./emitEvent";
8
- export * from "./escapeSelector";
9
- export * from "./exists";
10
- export * from "./forEach";
11
- export * from "./getDataAttr";
12
- export * from "./getDocumentHeight";
13
- export * from "./getHeight";
14
- export * from "./getListeners";
15
- export * from "./getOffset";
16
- export * from "./getOffsetTop";
17
- export * from "./getOffsetTopSlim";
18
- export * from "./getScrollbarWidth";
19
- export * from "./getStyleValue";
20
- export * from "./injectCss";
21
- export * from "./isHidden";
22
- export * from "./isInViewport";
23
- export * from "./isNodeList";
24
- export * from "./isTotallyScrolled";
25
- export * from "./listenLoaded";
26
- export * from "./listenOnce";
27
- export * from "./listenResize";
28
- export * from "./listenResizeDebounced";
29
- export * from "./listenResizeThrottled";
30
- export * from "./listenScroll";
31
- export * from "./listenScrollDebounced";
32
- export * from "./listenScrollThrottled";
33
- export * from "./listen";
34
- export * from "./off";
35
- export * from "./once";
36
- export * from "./onClickOutside";
37
- export * from "./on";
38
- export * from "./removeClass";
39
- export * from "./scrollTo";
40
- export * from "./setDataAttr";
41
- export * from "./setVendorCSS";
42
- export * from "./siblings";
43
- export * from "./toArray";
44
- export * from "./unlisten";
45
- export * from "./types";
1
+ export { $$ } from "./$$";
2
+ export { $each } from "./$each";
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 { injectCss } from "./injectCss";
21
+ export { isHidden } from "./isHidden";
22
+ export { isInViewport } from "./isInViewport";
23
+ export { isNodeList } from "./isNodeList";
24
+ export { isTotallyScrolled } from "./isTotallyScrolled";
25
+ export { listenLoaded } from "./listenLoaded";
26
+ export { listenOnce } from "./listenOnce";
27
+ export { listenResize } from "./listenResize";
28
+ export { listenResizeDebounced } from "./listenResizeDebounced";
29
+ export { listenResizeThrottled } from "./listenResizeThrottled";
30
+ export { listenScroll } from "./listenScroll";
31
+ export { listenScrollDebounced } from "./listenScrollDebounced";
32
+ export { listenScrollThrottled } from "./listenScrollThrottled";
33
+ export { listen } from "./listen";
34
+ export { off } from "./off";
35
+ export { once } from "./once";
36
+ export { onClickOutside } from "./onClickOutside";
37
+ export { on } from "./on";
38
+ export { removeClass } from "./removeClass";
39
+ export { scrollTo } from "./scrollTo";
40
+ export { setDataAttr } from "./setDataAttr";
41
+ export { setVendorCSS } from "./setVendorCSS";
42
+ export { siblings } from "./siblings";
43
+ export { toArray } from "./toArray";
44
+ export { unlisten } from "./unlisten";
45
+ export type { AnyDOMEventTarget, AnyDOMEventTargetLoose } from "./types";
package/index.js CHANGED
@@ -1,48 +1,91 @@
1
1
  "use strict";
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
- var tslib_1 = require("tslib");
4
- tslib_1.__exportStar(require("./$$"), exports);
5
- tslib_1.__exportStar(require("./$each"), exports);
6
- tslib_1.__exportStar(require("./$"), exports);
7
- tslib_1.__exportStar(require("./addClass"), exports);
8
- tslib_1.__exportStar(require("./calculateFixedOffset"), exports);
9
- tslib_1.__exportStar(require("./createElement"), exports);
10
- tslib_1.__exportStar(require("./emitEvent"), exports);
11
- tslib_1.__exportStar(require("./escapeSelector"), exports);
12
- tslib_1.__exportStar(require("./exists"), exports);
13
- tslib_1.__exportStar(require("./forEach"), exports);
14
- tslib_1.__exportStar(require("./getDataAttr"), exports);
15
- tslib_1.__exportStar(require("./getDocumentHeight"), exports);
16
- tslib_1.__exportStar(require("./getHeight"), exports);
17
- tslib_1.__exportStar(require("./getListeners"), exports);
18
- tslib_1.__exportStar(require("./getOffset"), exports);
19
- tslib_1.__exportStar(require("./getOffsetTop"), exports);
20
- tslib_1.__exportStar(require("./getOffsetTopSlim"), exports);
21
- tslib_1.__exportStar(require("./getScrollbarWidth"), exports);
22
- tslib_1.__exportStar(require("./getStyleValue"), exports);
23
- tslib_1.__exportStar(require("./injectCss"), exports);
24
- tslib_1.__exportStar(require("./isHidden"), exports);
25
- tslib_1.__exportStar(require("./isInViewport"), exports);
26
- tslib_1.__exportStar(require("./isNodeList"), exports);
27
- tslib_1.__exportStar(require("./isTotallyScrolled"), exports);
28
- tslib_1.__exportStar(require("./listenLoaded"), exports);
29
- tslib_1.__exportStar(require("./listenOnce"), exports);
30
- tslib_1.__exportStar(require("./listenResize"), exports);
31
- tslib_1.__exportStar(require("./listenResizeDebounced"), exports);
32
- tslib_1.__exportStar(require("./listenResizeThrottled"), exports);
33
- tslib_1.__exportStar(require("./listenScroll"), exports);
34
- tslib_1.__exportStar(require("./listenScrollDebounced"), exports);
35
- tslib_1.__exportStar(require("./listenScrollThrottled"), exports);
36
- tslib_1.__exportStar(require("./listen"), exports);
37
- tslib_1.__exportStar(require("./off"), exports);
38
- tslib_1.__exportStar(require("./once"), exports);
39
- tslib_1.__exportStar(require("./onClickOutside"), exports);
40
- tslib_1.__exportStar(require("./on"), exports);
41
- tslib_1.__exportStar(require("./removeClass"), exports);
42
- tslib_1.__exportStar(require("./scrollTo"), exports);
43
- tslib_1.__exportStar(require("./setDataAttr"), exports);
44
- tslib_1.__exportStar(require("./setVendorCSS"), exports);
45
- tslib_1.__exportStar(require("./siblings"), exports);
46
- tslib_1.__exportStar(require("./toArray"), exports);
47
- tslib_1.__exportStar(require("./unlisten"), exports);
48
- tslib_1.__exportStar(require("./types"), exports);
3
+ exports.unlisten = exports.toArray = exports.siblings = exports.setVendorCSS = exports.setDataAttr = exports.scrollTo = exports.removeClass = exports.on = exports.onClickOutside = exports.once = exports.off = exports.listen = exports.listenScrollThrottled = exports.listenScrollDebounced = exports.listenScroll = exports.listenResizeThrottled = exports.listenResizeDebounced = exports.listenResize = exports.listenOnce = exports.listenLoaded = exports.isTotallyScrolled = exports.isNodeList = exports.isInViewport = exports.isHidden = exports.injectCss = exports.getStyleValue = exports.getScrollbarWidth = exports.getOffsetTopSlim = exports.getOffsetTop = exports.getOffset = exports.getListeners = exports.getHeight = exports.getDocumentHeight = exports.getDataAttr = exports.forEach = exports.exists = exports.escapeSelector = exports.emitEvent = exports.createElement = exports.calculateFixedOffset = exports.addClass = exports.$ = exports.$each = exports.$$ = void 0;
4
+ var __1 = require("./$$");
5
+ Object.defineProperty(exports, "$$", { enumerable: true, get: function () { return __1.$$; } });
6
+ var _each_1 = require("./$each");
7
+ Object.defineProperty(exports, "$each", { enumerable: true, get: function () { return _each_1.$each; } });
8
+ var _1 = require("./$");
9
+ Object.defineProperty(exports, "$", { enumerable: true, get: function () { return _1.$; } });
10
+ var addClass_1 = require("./addClass");
11
+ Object.defineProperty(exports, "addClass", { enumerable: true, get: function () { return addClass_1.addClass; } });
12
+ var calculateFixedOffset_1 = require("./calculateFixedOffset");
13
+ Object.defineProperty(exports, "calculateFixedOffset", { enumerable: true, get: function () { return calculateFixedOffset_1.calculateFixedOffset; } });
14
+ var createElement_1 = require("./createElement");
15
+ Object.defineProperty(exports, "createElement", { enumerable: true, get: function () { return createElement_1.createElement; } });
16
+ var emitEvent_1 = require("./emitEvent");
17
+ Object.defineProperty(exports, "emitEvent", { enumerable: true, get: function () { return emitEvent_1.emitEvent; } });
18
+ var escapeSelector_1 = require("./escapeSelector");
19
+ Object.defineProperty(exports, "escapeSelector", { enumerable: true, get: function () { return escapeSelector_1.escapeSelector; } });
20
+ var exists_1 = require("./exists");
21
+ Object.defineProperty(exports, "exists", { enumerable: true, get: function () { return exists_1.exists; } });
22
+ var forEach_1 = require("./forEach");
23
+ Object.defineProperty(exports, "forEach", { enumerable: true, get: function () { return forEach_1.forEach; } });
24
+ var getDataAttr_1 = require("./getDataAttr");
25
+ Object.defineProperty(exports, "getDataAttr", { enumerable: true, get: function () { return getDataAttr_1.getDataAttr; } });
26
+ var getDocumentHeight_1 = require("./getDocumentHeight");
27
+ Object.defineProperty(exports, "getDocumentHeight", { enumerable: true, get: function () { return getDocumentHeight_1.getDocumentHeight; } });
28
+ var getHeight_1 = require("./getHeight");
29
+ Object.defineProperty(exports, "getHeight", { enumerable: true, get: function () { return getHeight_1.getHeight; } });
30
+ var getListeners_1 = require("./getListeners");
31
+ Object.defineProperty(exports, "getListeners", { enumerable: true, get: function () { return getListeners_1.getListeners; } });
32
+ var getOffset_1 = require("./getOffset");
33
+ Object.defineProperty(exports, "getOffset", { enumerable: true, get: function () { return getOffset_1.getOffset; } });
34
+ var getOffsetTop_1 = require("./getOffsetTop");
35
+ Object.defineProperty(exports, "getOffsetTop", { enumerable: true, get: function () { return getOffsetTop_1.getOffsetTop; } });
36
+ var getOffsetTopSlim_1 = require("./getOffsetTopSlim");
37
+ Object.defineProperty(exports, "getOffsetTopSlim", { enumerable: true, get: function () { return getOffsetTopSlim_1.getOffsetTopSlim; } });
38
+ var getScrollbarWidth_1 = require("./getScrollbarWidth");
39
+ Object.defineProperty(exports, "getScrollbarWidth", { enumerable: true, get: function () { return getScrollbarWidth_1.getScrollbarWidth; } });
40
+ var getStyleValue_1 = require("./getStyleValue");
41
+ Object.defineProperty(exports, "getStyleValue", { enumerable: true, get: function () { return getStyleValue_1.getStyleValue; } });
42
+ var injectCss_1 = require("./injectCss");
43
+ Object.defineProperty(exports, "injectCss", { enumerable: true, get: function () { return injectCss_1.injectCss; } });
44
+ var isHidden_1 = require("./isHidden");
45
+ Object.defineProperty(exports, "isHidden", { enumerable: true, get: function () { return isHidden_1.isHidden; } });
46
+ var isInViewport_1 = require("./isInViewport");
47
+ Object.defineProperty(exports, "isInViewport", { enumerable: true, get: function () { return isInViewport_1.isInViewport; } });
48
+ var isNodeList_1 = require("./isNodeList");
49
+ Object.defineProperty(exports, "isNodeList", { enumerable: true, get: function () { return isNodeList_1.isNodeList; } });
50
+ var isTotallyScrolled_1 = require("./isTotallyScrolled");
51
+ Object.defineProperty(exports, "isTotallyScrolled", { enumerable: true, get: function () { return isTotallyScrolled_1.isTotallyScrolled; } });
52
+ var listenLoaded_1 = require("./listenLoaded");
53
+ Object.defineProperty(exports, "listenLoaded", { enumerable: true, get: function () { return listenLoaded_1.listenLoaded; } });
54
+ var listenOnce_1 = require("./listenOnce");
55
+ Object.defineProperty(exports, "listenOnce", { enumerable: true, get: function () { return listenOnce_1.listenOnce; } });
56
+ var listenResize_1 = require("./listenResize");
57
+ Object.defineProperty(exports, "listenResize", { enumerable: true, get: function () { return listenResize_1.listenResize; } });
58
+ var listenResizeDebounced_1 = require("./listenResizeDebounced");
59
+ Object.defineProperty(exports, "listenResizeDebounced", { enumerable: true, get: function () { return listenResizeDebounced_1.listenResizeDebounced; } });
60
+ var listenResizeThrottled_1 = require("./listenResizeThrottled");
61
+ Object.defineProperty(exports, "listenResizeThrottled", { enumerable: true, get: function () { return listenResizeThrottled_1.listenResizeThrottled; } });
62
+ var listenScroll_1 = require("./listenScroll");
63
+ Object.defineProperty(exports, "listenScroll", { enumerable: true, get: function () { return listenScroll_1.listenScroll; } });
64
+ var listenScrollDebounced_1 = require("./listenScrollDebounced");
65
+ Object.defineProperty(exports, "listenScrollDebounced", { enumerable: true, get: function () { return listenScrollDebounced_1.listenScrollDebounced; } });
66
+ var listenScrollThrottled_1 = require("./listenScrollThrottled");
67
+ Object.defineProperty(exports, "listenScrollThrottled", { enumerable: true, get: function () { return listenScrollThrottled_1.listenScrollThrottled; } });
68
+ var listen_1 = require("./listen");
69
+ Object.defineProperty(exports, "listen", { enumerable: true, get: function () { return listen_1.listen; } });
70
+ var off_1 = require("./off");
71
+ Object.defineProperty(exports, "off", { enumerable: true, get: function () { return off_1.off; } });
72
+ var once_1 = require("./once");
73
+ Object.defineProperty(exports, "once", { enumerable: true, get: function () { return once_1.once; } });
74
+ var onClickOutside_1 = require("./onClickOutside");
75
+ Object.defineProperty(exports, "onClickOutside", { enumerable: true, get: function () { return onClickOutside_1.onClickOutside; } });
76
+ var on_1 = require("./on");
77
+ Object.defineProperty(exports, "on", { enumerable: true, get: function () { return on_1.on; } });
78
+ var removeClass_1 = require("./removeClass");
79
+ Object.defineProperty(exports, "removeClass", { enumerable: true, get: function () { return removeClass_1.removeClass; } });
80
+ var scrollTo_1 = require("./scrollTo");
81
+ Object.defineProperty(exports, "scrollTo", { enumerable: true, get: function () { return scrollTo_1.scrollTo; } });
82
+ var setDataAttr_1 = require("./setDataAttr");
83
+ Object.defineProperty(exports, "setDataAttr", { enumerable: true, get: function () { return setDataAttr_1.setDataAttr; } });
84
+ var setVendorCSS_1 = require("./setVendorCSS");
85
+ Object.defineProperty(exports, "setVendorCSS", { enumerable: true, get: function () { return setVendorCSS_1.setVendorCSS; } });
86
+ var siblings_1 = require("./siblings");
87
+ Object.defineProperty(exports, "siblings", { enumerable: true, get: function () { return siblings_1.siblings; } });
88
+ var toArray_1 = require("./toArray");
89
+ Object.defineProperty(exports, "toArray", { enumerable: true, get: function () { return toArray_1.toArray; } });
90
+ var unlisten_1 = require("./unlisten");
91
+ Object.defineProperty(exports, "unlisten", { enumerable: true, get: function () { return unlisten_1.unlisten; } });
package/index.mjs CHANGED
@@ -1,45 +1,44 @@
1
- export * from "./$$";
2
- export * from "./$each";
3
- export * from "./$";
4
- export * from "./addClass";
5
- export * from "./calculateFixedOffset";
6
- export * from "./createElement";
7
- export * from "./emitEvent";
8
- export * from "./escapeSelector";
9
- export * from "./exists";
10
- export * from "./forEach";
11
- export * from "./getDataAttr";
12
- export * from "./getDocumentHeight";
13
- export * from "./getHeight";
14
- export * from "./getListeners";
15
- export * from "./getOffset";
16
- export * from "./getOffsetTop";
17
- export * from "./getOffsetTopSlim";
18
- export * from "./getScrollbarWidth";
19
- export * from "./getStyleValue";
20
- export * from "./injectCss";
21
- export * from "./isHidden";
22
- export * from "./isInViewport";
23
- export * from "./isNodeList";
24
- export * from "./isTotallyScrolled";
25
- export * from "./listenLoaded";
26
- export * from "./listenOnce";
27
- export * from "./listenResize";
28
- export * from "./listenResizeDebounced";
29
- export * from "./listenResizeThrottled";
30
- export * from "./listenScroll";
31
- export * from "./listenScrollDebounced";
32
- export * from "./listenScrollThrottled";
33
- export * from "./listen";
34
- export * from "./off";
35
- export * from "./once";
36
- export * from "./onClickOutside";
37
- export * from "./on";
38
- export * from "./removeClass";
39
- export * from "./scrollTo";
40
- export * from "./setDataAttr";
41
- export * from "./setVendorCSS";
42
- export * from "./siblings";
43
- export * from "./toArray";
44
- export * from "./unlisten";
45
- export * from "./types";
1
+ export { $$ } from "./$$";
2
+ export { $each } from "./$each";
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 { injectCss } from "./injectCss";
21
+ export { isHidden } from "./isHidden";
22
+ export { isInViewport } from "./isInViewport";
23
+ export { isNodeList } from "./isNodeList";
24
+ export { isTotallyScrolled } from "./isTotallyScrolled";
25
+ export { listenLoaded } from "./listenLoaded";
26
+ export { listenOnce } from "./listenOnce";
27
+ export { listenResize } from "./listenResize";
28
+ export { listenResizeDebounced } from "./listenResizeDebounced";
29
+ export { listenResizeThrottled } from "./listenResizeThrottled";
30
+ export { listenScroll } from "./listenScroll";
31
+ export { listenScrollDebounced } from "./listenScrollDebounced";
32
+ export { listenScrollThrottled } from "./listenScrollThrottled";
33
+ export { listen } from "./listen";
34
+ export { off } from "./off";
35
+ export { once } from "./once";
36
+ export { onClickOutside } from "./onClickOutside";
37
+ export { on } from "./on";
38
+ export { removeClass } from "./removeClass";
39
+ export { scrollTo } from "./scrollTo";
40
+ export { setDataAttr } from "./setDataAttr";
41
+ export { setVendorCSS } from "./setVendorCSS";
42
+ export { siblings } from "./siblings";
43
+ export { toArray } from "./toArray";
44
+ export { unlisten } from "./unlisten";
package/package.json CHANGED
@@ -1,16 +1,11 @@
1
1
  {
2
2
  "name": "@koine/dom",
3
3
  "sideEffects": false,
4
- "dependencies": {
5
- "clsx": "1.2.1",
6
- "ts-debounce": "^4.0.0",
7
- "type-fest": "^3.6.0"
8
- },
9
4
  "peerDependencies": {
10
- "tslib": "^2.5.0"
5
+ "tslib": "2.5.3"
11
6
  },
12
7
  "main": "./index.js",
13
8
  "types": "./index.d.ts",
14
- "version": "1.2.3",
9
+ "version": "2.0.0-alpha.2",
15
10
  "module": "./index.mjs"
16
11
  }