@koine/dom 2.0.0-alpha.4 → 2.0.0-beta.2

package/getVisualBackgroundColor.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Get the background color of an element eventually looking recursively into
+ * its parents, if nothing is found it returns a `#fff` background
+ */
+export declare function getVisualBackgroundColor(elem?: null | HTMLElement): string;
+export default getVisualBackgroundColor;

package/getVisualBackgroundColor.js

@@ -0,0 +1,25 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getVisualBackgroundColor = void 0;
+/**
+ * Get the background color of an element eventually looking recursively into
+ * its parents, if nothing is found it returns a `#fff` background
+ */
+function getVisualBackgroundColor(elem) {
+    if (!elem)
+        return "#fff";
+    var transparent = "rgba(0, 0, 0, 0)";
+    var transparentIE11 = "transparent";
+    // if (!elem) return transparent;
+    var bg = window.getComputedStyle(elem).backgroundColor;
+    if (bg === transparent || bg === transparentIE11) {
+        var parent_1 = elem.parentElement;
+        if (parent_1) {
+            return getVisualBackgroundColor(parent_1);
+        }
+        return "#fff";
+    }
+    return bg;
+}
+exports.getVisualBackgroundColor = getVisualBackgroundColor;
+exports.default = getVisualBackgroundColor;

package/getVisualBackgroundColor.mjs

@@ -0,0 +1,21 @@
+/**
+ * Get the background color of an element eventually looking recursively into
+ * its parents, if nothing is found it returns a `#fff` background
+ */
+export function getVisualBackgroundColor(elem) {
+    if (!elem)
+        return "#fff";
+    var transparent = "rgba(0, 0, 0, 0)";
+    var transparentIE11 = "transparent";
+    // if (!elem) return transparent;
+    var bg = window.getComputedStyle(elem).backgroundColor;
+    if (bg === transparent || bg === transparentIE11) {
+        var parent_1 = elem.parentElement;
+        if (parent_1) {
+            return getVisualBackgroundColor(parent_1);
+        }
+        return "#fff";
+    }
+    return bg;
+}
+export default getVisualBackgroundColor;

package/index.d.ts

@@ -17,6 +17,7 @@ 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";

package/index.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-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;
+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.getVisualBackgroundColor = 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;
 var __1 = require("./$$");
 Object.defineProperty(exports, "$$", { enumerable: true, get: function () { return __1.$$; } });
 var _each_1 = require("./$each");
@@ -39,6 +39,8 @@ var getScrollbarWidth_1 = require("./getScrollbarWidth");
 Object.defineProperty(exports, "getScrollbarWidth", { enumerable: true, get: function () { return getScrollbarWidth_1.getScrollbarWidth; } });
 var getStyleValue_1 = require("./getStyleValue");
 Object.defineProperty(exports, "getStyleValue", { enumerable: true, get: function () { return getStyleValue_1.getStyleValue; } });
+var getVisualBackgroundColor_1 = require("./getVisualBackgroundColor");
+Object.defineProperty(exports, "getVisualBackgroundColor", { enumerable: true, get: function () { return getVisualBackgroundColor_1.getVisualBackgroundColor; } });
 var injectCss_1 = require("./injectCss");
 Object.defineProperty(exports, "injectCss", { enumerable: true, get: function () { return injectCss_1.injectCss; } });
 var isHidden_1 = require("./isHidden");

package/index.mjs

@@ -17,6 +17,7 @@ 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";

package/package.json

@@ -1,11 +1,16 @@
 {
   "name": "@koine/dom",
   "sideEffects": false,
+  "dependencies": {
+    "clsx": "1.2.1",
+    "ts-debounce": "^4.0.0",
+    "type-fest": "^3.11.1"
+  },
   "peerDependencies": {
     "tslib": "2.5.3"
   },
   "main": "./index.js",
   "types": "./index.d.ts",
-  "version": "2.0.0-alpha.4",
+  "version": "2.0.0-beta.2",
   "module": "./index.mjs"
 }