How to use the @aurelia/runtime-html.DOM.window function in @aurelia/runtime-html

function matchStyle(element, expectedStyles) {
    const styles = DOM.window.getComputedStyle(element);
    for (const [property, expected] of Object.entries(expectedStyles)) {
        const actual = styles[property];
        if (actual !== expected) {
            return { isMatch: false, property, actual, expected };
        }
    }
    return { isMatch: true };
}
function computedStyle(element, expectedStyles, message) {

trackRequestStart() {
        this.isRequesting = !!(++this.activeRequestCount);
        if (this.isRequesting) {
            const evt = DOM.createCustomEvent('aurelia-fetch-client-request-started', { bubbles: true, cancelable: true });
            DOM.window.setTimeout(() => { DOM.dispatchEvent(evt); }, 1);
        }
    }
    trackRequestEnd() {

private trackRequestEnd(): void {
    this.isRequesting = !!(--this.activeRequestCount);
    if (!this.isRequesting) {
      const evt = DOM.createCustomEvent('aurelia-fetch-client-requests-drained', { bubbles: true, cancelable: true });
      DOM.window.setTimeout(() => { DOM.dispatchEvent(evt); }, 1);
    }
  }

            return new Promise((resolve: ITimerHandler) => DOM.window.setTimeout(resolve, !isNaN(delay) ? delay : 0))
              .then(() => {

                        return new Promise((resolve) => DOM.window.setTimeout(resolve, !isNaN(delay) ? delay : 0))
                            .then(() => {

private _go(delta: number, resolve: ((value?: void | PromiseLike) => void)): void {
    this.goResolve = resolve;
    DOM.window.history.go(delta);
  }