jQuery na JavaScript

	windowResizeHandler: () => void = () => {
		let body = document.querySelector("body");
		let height = parseInt(window.getComputedStyle(body).height);
		//suppose there is a #header element which takes some area.

		let headHeight = $("#header").outerHeight();
		let rightHeight = height;
		if ($("#header").is(":visible")) {
			rightHeight = height - headHeight;
		}
		$("#right").height(rightHeight);
		WebPDF.updateLayer();

	<page-container>
		<div id="docViewer" ref="docViewer" style="background: #dddedf;"></div>
	</page-container>

		let right = document.querySelector("#right");
		let headHeight = document.querySelector("#header");
		let hdHeight = headHeight.offsetHeight;
		let rightHeight = height;

		if(headHeight.className == ":visible") {
			rightHeight = height - hdHeight;
		}
			right.height = rightHeight;
			WebPDF.updateLayer();
		}

let headHeight = document.querySelector< HTMLElement>("#header");
let hdHeight = headHeight.offsetHeight;

let headHeight: HTMLElement = document.querySelector< HTMLElement>("#header");
let hdHeight: number = headHeight.offsetHeight;

headHeight.className == ":visible"

windowResizeHandler: () => {
    const bodyHeight = document.body.scrollHeight;
    const header = document.getElementById('header');
    const headerHeight = header.getBoundingClientRect().height;

     let rightHeight = headerHeight;
     if (header.offsetParent === null) {
        rightHeight = bodyHeight - headerHeight;
     }
     document.getElementById('right').style.height = `${rightHeight}px`;
     WebPDF.updateLayer();
}

() => void = () =>