plotboilerplate/src/cjs/utils/dom/getAvailableContainerSpace.js

A simple javascript plotting boilerplate for 2d stuff.

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.getAvailableContainerSpace = void 0;
var getFProp_1 = require("./getFProp");
var getAvailableContainerSpace = function (element) {
    // const _self: PlotBoilerplate = this;
    var container = element.parentNode; // Element | Document | DocumentFragment;
    // var canvas : HTMLCanvasElement = _self.canvas;
    // _self.canvas.style.display = "none";
    /* var
    padding : number = parseFloat( globalThis.getComputedStyle(container, null).getPropertyValue('padding') ) || 0,
    border : number = parseFloat( globalThis.getComputedStyle(_self.canvas, null).getPropertyValue('border-width') ) || 0,
    pl : number = parseFloat( globalThis.getComputedStyle(container, null).getPropertyValue('padding-left') ) || padding,
    pr : number = parseFloat( globalThis.getComputedStyle(container, null).getPropertyValue('padding-right') ) || padding,
    pt : number = parseFloat( globalThis.getComputedStyle(container, null).getPropertyValue('padding-top') ) || padding,
    pb : number = parseFloat( globalThis.getComputedStyle(container, null).getPropertyValue('padding-bottom') ) || padding,
    bl : number = parseFloat( globalThis.getComputedStyle(_self.canvas, null).getPropertyValue('border-left-width') ) || border,
    br : number = parseFloat( globalThis.getComputedStyle(_self.canvas, null).getPropertyValue('border-right-width') ) || border,
    bt : number = parseFloat( globalThis.getComputedStyle(_self.canvas, null).getPropertyValue('border-top-width') ) || border,
    bb : number = parseFloat( globalThis.getComputedStyle(_self.canvas, null).getPropertyValue('border-bottom-width') ) || border;
    */
    var padding = (0, getFProp_1.getFProp)(container, "padding") || 0, border = (0, getFProp_1.getFProp)(element, "border-width") || 0, pl = (0, getFProp_1.getFProp)(container, "padding-left") || padding, pr = (0, getFProp_1.getFProp)(container, "padding-right") || padding, pt = (0, getFProp_1.getFProp)(container, "padding-top") || padding, pb = (0, getFProp_1.getFProp)(container, "padding-bottom") || padding, bl = (0, getFProp_1.getFProp)(element, "border-left-width") || border, br = (0, getFProp_1.getFProp)(element, "border-right-width") || border, bt = (0, getFProp_1.getFProp)(element, "border-top-width") || border, bb = (0, getFProp_1.getFProp)(element, "border-bottom-width") || border;
    var w = container.clientWidth;
    var h = container.clientHeight;
    // _self.canvas.style.display = "block";
    return { width: w - pl - pr - bl - br, height: h - pt - pb - bt - bb };
};
exports.getAvailableContainerSpace = getAvailableContainerSpace;
//# sourceMappingURL=getAvailableContainerSpace.js.map