devextreme
Version:
HTML5 JavaScript Component Suite for Responsive Web Development
43 lines (42 loc) • 1.56 kB
JavaScript
/**
* DevExtreme (esm/__internal/ui/scroll_view/utils/get_element_style.js)
* Version: 24.2.6
* Build date: Mon Mar 17 2025
*
* Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED
* Read about DevExtreme licensing here: https://js.devexpress.com/Licensing/
*/
import {
titleize
} from "../../../../core/utils/inflector";
import {
getWindow,
hasWindow
} from "../../../../core/utils/window";
import {
toNumber
} from "../../../utils/type_conversion";
export function getElementStyle(el) {
var _getWindow$getCompute, _getWindow;
return el && hasWindow() ? null === (_getWindow$getCompute = (_getWindow = getWindow()).getComputedStyle) || void 0 === _getWindow$getCompute ? void 0 : _getWindow$getCompute.call(_getWindow, el) : null
}
export function getElementMargin(element, side) {
const style = getElementStyle(element);
return style ? toNumber(style[`margin${titleize(side)}`]) : 0
}
export function getElementPadding(element, side) {
const style = getElementStyle(element);
return style ? toNumber(style[`padding${titleize(side)}`]) : 0
}
export function getElementOverflowX(element) {
const style = getElementStyle(element);
return style ? style.overflowX : "visible"
}
export function getElementOverflowY(element) {
const style = getElementStyle(element);
return style ? style.overflowY : "visible"
}
export function getElementTransform(element) {
const style = getElementStyle(element);
return style ? style.transform : ""
}