outdated_browser.ts

export function isOutdatedBrowser(lowerThan?: string): boolean {
    let cssProp: string;

    lowerThan = lowerThan || "";

    //assign css3 property to IE browser version
    if (lowerThan === "IE8" || lowerThan === "borderSpacing") {
        cssProp = "borderSpacing";
    } else if (lowerThan === "IE9" || lowerThan === "boxShadow") {
        cssProp = "boxShadow";
    } else if (lowerThan === "IE10"
        || lowerThan === "transform"
        || lowerThan === "") {
        cssProp = "transform";
    } else if (lowerThan === "IE11" || lowerThan === "borderImage") {
        cssProp = "borderImage";
    }

    var supports: Function = (function(): Function {
        var div: HTMLElement = document.createElement("div");
        var vendors: string[] = "Khtml Ms O Moz Webkit".split(" ");
        var len: number = vendors.length;

        return function(prop: string): boolean {
            if (prop in div.style) return true;

            prop = prop.replace(/^[a-z]/, function(val: string): string {
                return val.toUpperCase();
            });

            while (len--) {
                if (vendors[len] + prop in div.style) {
                    return true;
                }
            }
            return false;
        };
    })();

    return (!supports("" + cssProp));
};