testplane 9.0.0-rc.3 → 9.0.0

package/build/src/browser/client-scripts/screen-shooter/tsc-out/client-scripts/screen-shooter/utils/scroll.js

@@ -0,0 +1,155 @@
+"use strict";
+exports.__esModule = true;
+exports.scrollElementToOffset = exports.scrollElementBy = exports.performScrollFixForSafariIfNeeded = exports.isRootLikeElement = exports.getCommonScrollParent = exports.getScrollParentsChain = exports.getScrollParent = void 0;
+var dom_1 = require("./dom");
+var user_agent_1 = require("./user-agent");
+var PSEUDO_SELECTOR_REGEXP = /(.*?)(::before|::after)\s*$/i;
+function getElementSelector(selector) {
+    var match = selector.match(PSEUDO_SELECTOR_REGEXP);
+    if (!match) {
+        return selector;
+    }
+    var elementSelector = match[1].trim();
+    return elementSelector || selector;
+}
+function isScrollable(element) {
+    var overflowY = getComputedStyle(element).overflowY;
+    return (element.scrollHeight > element.clientHeight &&
+        (overflowY === "auto" || overflowY === "scroll" || overflowY === "overlay"));
+}
+function getScrollParent(element) {
+    if (getComputedStyle(element).position === "fixed") {
+        return null;
+    }
+    var current = (0, dom_1.getParentElement)(element);
+    while (current && current !== document.documentElement) {
+        if (isScrollable(current))
+            return current;
+        if (getComputedStyle(current).position === "fixed")
+            return null;
+        current = (0, dom_1.getParentElement)(current);
+    }
+    return current === document.documentElement ? document.documentElement : null;
+}
+exports.getScrollParent = getScrollParent;
+function getScrollParentsChain(element) {
+    var chain = [];
+    var parent = getScrollParent(element);
+    while (parent && parent !== document.documentElement) {
+        chain.unshift(parent);
+        parent = getScrollParent(parent);
+    }
+    chain.unshift(document.documentElement);
+    return chain;
+}
+exports.getScrollParentsChain = getScrollParentsChain;
+function getCommonScrollParent(selectors) {
+    var elements = selectors
+        .map(function (s) { return document.querySelector(getElementSelector(s)); })
+        .filter(function (e) { return e !== null; });
+    if (elements.length === 0)
+        return document.documentElement;
+    if (elements.length === 1) {
+        var parent_1 = getScrollParent(elements[0]);
+        return parent_1 ? normalizeRootLikeElement(parent_1) : document.documentElement;
+    }
+    var chains = elements.map(function (el) { return getScrollParentsChain(el); });
+    var minLength = Math.min.apply(Math, chains.map(function (c) { return c.length; }));
+    var common = document.documentElement;
+    var _loop_1 = function (i) {
+        if (chains.every(function (chain) { return chain[i] === chains[0][i]; })) {
+            common = chains[0][i];
+        }
+        else {
+            return "break";
+        }
+    };
+    for (var i = 0; i < minLength; i++) {
+        var state_1 = _loop_1(i);
+        if (state_1 === "break")
+            break;
+    }
+    return normalizeRootLikeElement(common);
+}
+exports.getCommonScrollParent = getCommonScrollParent;
+function getElementScrollTop(element) {
+    return isRootLikeElement(element) ? window.scrollY : element.scrollTop;
+}
+var SCROLL_APPLY_MAX_WAIT_MS = 50;
+var SCROLL_APPLY_MAX_ITERATIONS = 10000;
+function getPageScrollElement() {
+    var _a;
+    return (_a = document.scrollingElement) !== null && _a !== void 0 ? _a : document.documentElement;
+}
+function isRootLikeElement(element) {
+    var pageScrollElement = getPageScrollElement();
+    return element === document.documentElement || element === document.body || element === pageScrollElement;
+}
+exports.isRootLikeElement = isRootLikeElement;
+function normalizeRootLikeElement(element) {
+    return isRootLikeElement(element) ? document.documentElement : element;
+}
+/**
+ * iOS Safari has quirks when calling window.scrollTo near page top
+ * @see https://gist.github.com/shadowusr/da03a7d66059c44baeb698db2d4e8658
+ */
+function performScrollFixForSafariIfNeeded(targetY) {
+    if (!(0, user_agent_1.isSafariMobile)()) {
+        return;
+    }
+    if (window.scrollY < 100 && targetY < 100) {
+        window.scrollTo(window.scrollX, 100);
+    }
+}
+exports.performScrollFixForSafariIfNeeded = performScrollFixForSafariIfNeeded;
+function scrollElementBy(element, deltaY, logger) {
+    var delta = deltaY;
+    var isRootLike = isRootLikeElement(element);
+    var scrollMetricsElement = isRootLike ? getPageScrollElement() : element;
+    var currentScrollY = isRootLike ? window.scrollY : element.scrollTop;
+    // Clamping is needed due to a bug in safari - https://bugs.webkit.org/show_bug.cgi?id=179735
+    var maxScrollY = scrollMetricsElement.scrollHeight - scrollMetricsElement.clientHeight;
+    var targetY = Math.max(0, Math.min(currentScrollY + delta, maxScrollY));
+    if (isRootLike) {
+        logger === null || logger === void 0 ? void 0 : logger("scrollElementBy: scrolling window.scrollTo(" + window.scrollX + ", " + targetY + ")");
+        performScrollFixForSafariIfNeeded(targetY);
+        window.scrollTo(window.scrollX, targetY);
+    }
+    else {
+        logger === null || logger === void 0 ? void 0 : logger("scrollElementBy: scrolling element.scrollTo(" + element.scrollLeft + ", " + targetY + ")");
+        element.scrollTo(element.scrollLeft, targetY);
+    }
+    var startedAt = performance.now();
+    var iterations = 0;
+    while (performance.now() - startedAt < SCROLL_APPLY_MAX_WAIT_MS && iterations < SCROLL_APPLY_MAX_ITERATIONS) {
+        if (getElementScrollTop(element) !== currentScrollY) {
+            return;
+        }
+        iterations++;
+    }
+}
+exports.scrollElementBy = scrollElementBy;
+function scrollElementToOffset(element, offset) {
+    var isRootLike = isRootLikeElement(element);
+    var scrollMetricsElement = isRootLike ? getPageScrollElement() : element;
+    var currentScrollY = isRootLike ? window.scrollY : element.scrollTop;
+    // Clamping is needed due to a bug in safari - https://bugs.webkit.org/show_bug.cgi?id=179735
+    var maxScrollY = scrollMetricsElement.scrollHeight - scrollMetricsElement.clientHeight;
+    var targetY = Math.max(0, Math.min(offset, maxScrollY));
+    if (isRootLike) {
+        performScrollFixForSafariIfNeeded(targetY);
+        window.scrollTo(window.scrollX, targetY);
+    }
+    else {
+        element.scrollTo(element.scrollLeft, targetY);
+    }
+    var startedAt = performance.now();
+    var iterations = 0;
+    while (performance.now() - startedAt < SCROLL_APPLY_MAX_WAIT_MS && iterations < SCROLL_APPLY_MAX_ITERATIONS) {
+        if (getElementScrollTop(element) === currentScrollY) {
+            return;
+        }
+        iterations++;
+    }
+}
+exports.scrollElementToOffset = scrollElementToOffset;

package/build/src/browser/client-scripts/screen-shooter/tsc-out/client-scripts/screen-shooter/utils/trusted-types.js

@@ -0,0 +1,14 @@
+"use strict";
+exports.__esModule = true;
+exports.createDefaultTrustedTypesPolicy = void 0;
+function createDefaultTrustedTypesPolicy() {
+    var w = window;
+    if (w.trustedTypes && w.trustedTypes.createPolicy) {
+        w.trustedTypes.createPolicy("default", {
+            createHTML: function (string) {
+                return string;
+            }
+        });
+    }
+}
+exports.createDefaultTrustedTypesPolicy = createDefaultTrustedTypesPolicy;

package/build/src/browser/client-scripts/screen-shooter/tsc-out/client-scripts/screen-shooter/utils/user-agent.js

@@ -0,0 +1,10 @@
+"use strict";
+exports.__esModule = true;
+exports.isSafariMobile = void 0;
+function isSafariMobile() {
+    return Boolean(navigator &&
+        typeof navigator.vendor === "string" &&
+        navigator.vendor.match(/apple/i) &&
+        /(iPhone|iPad).*AppleWebKit.*Safari/i.test(navigator.userAgent));
+}
+exports.isSafariMobile = isSafariMobile;

package/build/src/browser/client-scripts/screen-shooter/tsc-out/client-scripts/screen-shooter/utils/z-index.js

@@ -0,0 +1,144 @@
+"use strict";
+exports.__esModule = true;
+exports.isChainBehind = exports.buildZChain = void 0;
+var dom_1 = require("./dom");
+function getCssProp(style, prop) {
+    return style[prop];
+}
+function hasCssProp(style, prop, defaultValue) {
+    if (defaultValue === void 0) { defaultValue = "none"; }
+    var value = getCssProp(style, prop);
+    return value !== undefined && value !== defaultValue;
+}
+function isFlexContainer(style) {
+    return style.display === "flex" || style.display === "inline-flex";
+}
+function isGridContainer(style) {
+    return (style.display || "").indexOf("grid") !== -1;
+}
+function hasContainStackingContext(contain) {
+    return (contain === "layout" ||
+        contain === "paint" ||
+        contain === "strict" ||
+        contain === "content" ||
+        contain.indexOf("paint") !== -1 ||
+        contain.indexOf("layout") !== -1);
+}
+function createsStackingContext(element) {
+    var style = getComputedStyle(element);
+    var position = style.position;
+    var zIndex = style.zIndex;
+    if (position === "fixed" || position === "sticky")
+        return true;
+    if (getCssProp(style, "containerType") === "size" || getCssProp(style, "containerType") === "inline-size")
+        return true;
+    if (zIndex !== "auto" && position !== "static")
+        return true;
+    if (parseFloat(style.opacity) < 1)
+        return true;
+    if (style.transform !== "none")
+        return true;
+    if (hasCssProp(style, "scale"))
+        return true;
+    if (hasCssProp(style, "rotate"))
+        return true;
+    if (hasCssProp(style, "translate"))
+        return true;
+    if (style.mixBlendMode !== "normal")
+        return true;
+    if (style.filter !== "none")
+        return true;
+    if (hasCssProp(style, "backdropFilter"))
+        return true;
+    if (hasCssProp(style, "webkitBackdropFilter"))
+        return true;
+    if (style.perspective !== "none")
+        return true;
+    if (hasCssProp(style, "clipPath"))
+        return true;
+    var mask = getCssProp(style, "mask") || getCssProp(style, "webkitMask");
+    if (mask !== undefined && mask !== "none")
+        return true;
+    var maskImage = getCssProp(style, "maskImage") || getCssProp(style, "webkitMaskImage");
+    if (maskImage !== undefined && maskImage !== "none")
+        return true;
+    var maskBorder = getCssProp(style, "maskBorder") || getCssProp(style, "webkitMaskBorder");
+    if (maskBorder !== undefined && maskBorder !== "none")
+        return true;
+    if (style.isolation === "isolate")
+        return true;
+    var willChange = style.willChange || "";
+    if (willChange.indexOf("transform") !== -1 || willChange.indexOf("opacity") !== -1)
+        return true;
+    if (getCssProp(style, "webkitOverflowScrolling") === "touch")
+        return true;
+    if (zIndex !== "auto") {
+        var parent_1 = (0, dom_1.getParentElement)(element);
+        if (parent_1) {
+            var parentStyle = getComputedStyle(parent_1);
+            if (isFlexContainer(parentStyle) || isGridContainer(parentStyle))
+                return true;
+        }
+    }
+    if (hasContainStackingContext(style.contain || ""))
+        return true;
+    return false;
+}
+function getClosestStackingContext(node) {
+    if (!node || node === document.documentElement) {
+        return document.documentElement;
+    }
+    if (node instanceof ShadowRoot) {
+        return getClosestStackingContext(node.host);
+    }
+    if (!(node instanceof Element)) {
+        return getClosestStackingContext(node.parentNode);
+    }
+    if (createsStackingContext(node)) {
+        return node;
+    }
+    return getClosestStackingContext((0, dom_1.getParentElement)(node));
+}
+function getStackingContextRoot(element) {
+    return getClosestStackingContext((0, dom_1.getParentElement)(element));
+}
+function getEffectiveZIndex(element) {
+    var curr = element;
+    while (curr && curr !== document.documentElement) {
+        var style = getComputedStyle(curr);
+        if (style.zIndex !== "auto") {
+            var num = parseFloat(style.zIndex);
+            return isNaN(num) ? 0 : num;
+        }
+        if (createsStackingContext(curr)) {
+            return 0;
+        }
+        curr = curr.parentElement;
+    }
+    return 0;
+}
+function buildZChain(element) {
+    var chain = [];
+    var curr = element;
+    while (curr && curr !== document.documentElement) {
+        var ctx = getStackingContextRoot(curr);
+        var z = getEffectiveZIndex(curr);
+        chain.unshift({ ctx: ctx, z: z });
+        if (ctx === document.documentElement)
+            break;
+        curr = ctx;
+    }
+    return chain;
+}
+exports.buildZChain = buildZChain;
+function isChainBehind(candChain, targetChain) {
+    for (var j = targetChain.length - 1; j >= 0; j--) {
+        for (var i = candChain.length - 1; i >= 0; i--) {
+            if (candChain[i].ctx === targetChain[j].ctx) {
+                return candChain[i].z < targetChain[j].z;
+            }
+        }
+    }
+    return false;
+}
+exports.isChainBehind = isChainBehind;

package/build/src/browser/client-scripts/screen-shooter/tsc-out/client-scripts/shared/lib.compat.js

@@ -0,0 +1,57 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+exports.__esModule = true;
+exports.matchMedia = exports.getComputedStyle = exports.trim = exports.queryAll = exports.queryFirst = void 0;
+/// <reference types="./sizzle" />
+var sizzle_1 = __importDefault(require("sizzle"));
+var xpath = __importStar(require("./xpath"));
+function queryFirst(selector) {
+    if (xpath.isXpathSelector(selector)) {
+        return xpath.queryFirst(selector);
+    }
+    var elems = (0, sizzle_1["default"])(trim(selector) + ":first");
+    return elems.length > 0 ? elems[0] : null;
+}
+exports.queryFirst = queryFirst;
+function queryAll(selector) {
+    if (xpath.isXpathSelector(selector)) {
+        return xpath.queryAll(selector);
+    }
+    return (0, sizzle_1["default"])(selector);
+}
+exports.queryAll = queryAll;
+function trim(str) {
+    // trim spaces, unicode BOM and NBSP and the beginning and the end of the line
+    // https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String/Trim#Polyfill
+    return str.replace(/^[\s\uFEFF\xA0]+|[\s\uFEFF\xA0]+$/g, "");
+}
+exports.trim = trim;
+var getComputedStyle_1 = require("./polyfills/getComputedStyle");
+__createBinding(exports, getComputedStyle_1, "getComputedStyle");
+var matchMedia_1 = require("./polyfills/matchMedia");
+__createBinding(exports, matchMedia_1, "matchMedia");

package/build/src/browser/client-scripts/screen-shooter/tsc-out/client-scripts/shared/lib.native.js

@@ -0,0 +1,53 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+exports.__esModule = true;
+exports.trim = exports.matchMedia = exports.getComputedStyle = exports.queryAll = exports.queryFirst = void 0;
+var xpath = __importStar(require("./xpath"));
+function queryFirst(selector) {
+    if (xpath.isXpathSelector(selector)) {
+        return xpath.queryFirst(selector);
+    }
+    return document.querySelector(selector);
+}
+exports.queryFirst = queryFirst;
+function queryAll(selector) {
+    if (xpath.isXpathSelector(selector)) {
+        return xpath.queryAll(selector);
+    }
+    return Array.from(document.querySelectorAll(selector));
+}
+exports.queryAll = queryAll;
+function getComputedStyle(element, pseudoElement) {
+    return getComputedStyle(element, pseudoElement);
+}
+exports.getComputedStyle = getComputedStyle;
+function matchMedia(mediaQuery) {
+    return matchMedia(mediaQuery);
+}
+exports.matchMedia = matchMedia;
+function trim(str) {
+    return str.trim();
+}
+exports.trim = trim;

package/build/src/browser/client-scripts/screen-shooter/tsc-out/client-scripts/shared/logger.js

@@ -0,0 +1,42 @@
+"use strict";
+exports.__esModule = true;
+exports.createDebugLogger = void 0;
+function makeCreateDebugLogger() {
+    var fn = function (opts, debugTopic) {
+        // fn.log = "";
+        if (opts.debug && opts.debug.indexOf(debugTopic) !== -1) {
+            var enabledLogger_1 = function () {
+                var args = [];
+                for (var _i = 0; _i < arguments.length; _i++) {
+                    args[_i] = arguments[_i];
+                }
+                for (var _a = 0, args_1 = args; _a < args_1.length; _a++) {
+                    var arg = args_1[_a];
+                    if (typeof arg === "object" && arg !== null) {
+                        try {
+                            enabledLogger_1.log += JSON.stringify(arg, null, 2) + "\n";
+                        }
+                        catch (e) {
+                            enabledLogger_1.log += "failed to log message due to an error: " + e;
+                        }
+                    }
+                    else {
+                        enabledLogger_1.log += String(arg) + "\n";
+                    }
+                }
+                return enabledLogger_1.log;
+            };
+            enabledLogger_1.enabled = true;
+            enabledLogger_1.log = "";
+            return enabledLogger_1;
+        }
+        var disabledLogger = function () {
+            return "";
+        };
+        disabledLogger.enabled = false;
+        return disabledLogger;
+    };
+    // fn.log = "";
+    return fn;
+}
+exports.createDebugLogger = makeCreateDebugLogger();

package/build/src/browser/client-scripts/screen-shooter/tsc-out/client-scripts/shared/polyfills/getComputedStyle.js

@@ -0,0 +1,132 @@
+"use strict";
+exports.__esModule = true;
+exports.getComputedStyle = exports.CSSStyleDeclaration = void 0;
+/**
+ * Adapted from: https://raw.githubusercontent.com/Financial-Times/polyfill-service
+ */
+function getComputedStylePixel(element, property, fontSize) {
+    var // Internet Explorer sometimes struggles to read currentStyle until the element's document is accessed.
+    /* eslint-disable @typescript-eslint/no-explicit-any */
+    value = (element.document &&
+        element.currentStyle[property].match(/([\d.]+)(%|cm|em|in|mm|pc|pt|)/)) || [0, 0, ""], 
+    /* eslint-enable @typescript-eslint/no-explicit-any */
+    size = value[1], suffix = value[2];
+    fontSize = !fontSize
+        ? fontSize
+        : /%|em/.test(suffix) && element.parentElement
+            ? getComputedStylePixel(element.parentElement, "fontSize", null)
+            : 16;
+    var rootSize = property === "fontSize" ? fontSize : /width/i.test(property) ? element.clientWidth : element.clientHeight;
+    return suffix === "%"
+        ? (size / 100) * rootSize
+        : suffix === "cm"
+            ? size * 0.3937 * 96
+            : suffix === "em"
+                ? size * fontSize
+                : suffix === "in"
+                    ? size * 96
+                    : suffix === "mm"
+                        ? (size * 0.3937 * 96) / 10
+                        : suffix === "pc"
+                            ? (size * 12 * 96) / 72
+                            : suffix === "pt"
+                                ? (size * 96) / 72
+                                : size;
+}
+function setShortStyleProperty(style, property) {
+    var borderSuffix = property === "border" ? "Width" : "", t = (property + "Top" + borderSuffix), r = (property + "Right" + borderSuffix), b = (property + "Bottom" + borderSuffix), l = (property + "Left" + borderSuffix);
+    // @ts-expect-error This is a polyfill, we need manual overrides here
+    style[property] = (style[t] === style[r] && style[t] === style[b] && style[t] === style[l]
+        ? [style[t]]
+        : style[t] === style[b] && style[l] === style[r]
+            ? [style[t], style[r]]
+            : style[l] === style[r]
+                ? [style[t], style[r], style[b]]
+                : [style[t], style[r], style[b], style[l]]).join(" ");
+}
+// <CSSStyleDeclaration>
+function CSSStyleDeclaration(element) {
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    var currentStyle = element.currentStyle, fontSize = getComputedStylePixel(element, "fontSize"), unCamelCase = function (match) {
+        return "-" + match.toLowerCase();
+    };
+    var property;
+    for (property in currentStyle) {
+        Array.prototype.push.call(this, property === "styleFloat" ? "float" : property.replace(/[A-Z]/, unCamelCase));
+        if (property === "width") {
+            this[property] = element.offsetWidth + "px";
+        }
+        else if (property === "height") {
+            this[property] = element.offsetHeight + "px";
+        }
+        else if (property === "styleFloat") {
+            this.float = currentStyle[property];
+        }
+        else if (/margin.|padding.|border.+W/.test(property) &&
+            this[property] !== "auto") {
+            // @ts-expect-error This is a polyfill, we need manual overrides here
+            this[property] = Math.round(getComputedStylePixel(element, property, fontSize)) + "px";
+        }
+        else if (/^outline/.test(property)) {
+            // errors on checking outline
+            try {
+                // @ts-expect-error This is a polyfill, we need manual overrides here
+                this[property] = currentStyle[property];
+            }
+            catch (error) {
+                this.outlineColor = currentStyle.color;
+                this.outlineStyle = this.outlineStyle || "none";
+                this.outlineWidth = this.outlineWidth || "0px";
+                this.outline = [this.outlineColor, this.outlineWidth, this.outlineStyle].join(" ");
+            }
+        }
+        else {
+            // @ts-expect-error This is a polyfill, we need manual overrides here
+            this[property] = currentStyle[property];
+        }
+    }
+    setShortStyleProperty(this, "margin");
+    setShortStyleProperty(this, "padding");
+    setShortStyleProperty(this, "border");
+    this.fontSize = Math.round(fontSize) + "px";
+}
+exports.CSSStyleDeclaration = CSSStyleDeclaration;
+CSSStyleDeclaration.prototype = {
+    constructor: CSSStyleDeclaration,
+    // <CSSStyleDeclaration>.getPropertyPriority
+    getPropertyPriority: function () {
+        throw new Error("NotSupportedError: DOM Exception 9");
+    },
+    // <CSSStyleDeclaration>.getPropertyValue
+    getPropertyValue: function (property) {
+        return this[property.replace(/-\w/g, function (match) {
+            return match[1].toUpperCase();
+        })];
+    },
+    // <CSSStyleDeclaration>.item
+    item: function (index) {
+        return this[index];
+    },
+    // <CSSStyleDeclaration>.removeProperty
+    removeProperty: function () {
+        throw new Error("NoModificationAllowedError: DOM Exception 7");
+    },
+    // <CSSStyleDeclaration>.setProperty
+    setProperty: function () {
+        throw new Error("NoModificationAllowedError: DOM Exception 7");
+    },
+    // <CSSStyleDeclaration>.getPropertyCSSValue
+    getPropertyCSSValue: function () {
+        throw new Error("NotSupportedError: DOM Exception 9");
+    }
+};
+// <Global>.getComputedStyle
+function getComputedStyle(element, pseudoEl) {
+    // IE9 needs matchMedia support but already support getComputedStyle
+    /* eslint-disable @typescript-eslint/no-explicit-any */
+    return window.getComputedStyle
+        ? window.getComputedStyle(element, pseudoEl)
+        : new CSSStyleDeclaration(element);
+    /* eslint-enable @typescript-eslint/no-explicit-any */
+}
+exports.getComputedStyle = getComputedStyle;