import baseStyle from "antd/lib/style/index.css";

angular.module("esNgAntd").service("esNgAntd", function () {
    this.styleSheets = null;

    this.createStyle = function (key, style) {
        if (!document.querySelector("#antd")) {
            let styleElement = document.createElement("style");
            styleElement.setAttribute("id", "antd");
            styleElement.setAttribute("type", "text/css");
            styleElement.innerHTML = baseStyle.toString();
            document.head.appendChild(styleElement);
        }
        if (!document.querySelector("#" + key)) {
            let styleElement = document.createElement("style");
            styleElement.setAttribute("id", key);
            styleElement.setAttribute("type", "text/css");
            styleElement.innerHTML = style.toString();
            document.head.appendChild(styleElement);
            if (this.styleSheets) {
                this.disableStyle(key);
            }
        }
    };

    this.disableStyle = function (name) {
        for (let i = 0; i < this.styleSheets.cssRules.length; i++) {
            let rule = this.styleSheets.cssRules[i];
            if (
                rule.selectorText &&
                rule.selectorText.indexOf(name) !== -1
            ) {
                rule.selectorText = rule.selectorText.replace(
                    ".ant",
                    ".disabled-ant"
                );
            }
        }
    };

    this.conflict = function (filename) {
        for (let i = 0; i < document.styleSheets.length; i++) {
            const element = document.styleSheets[i];
            if (element.href && element.href.indexOf(filename) !== -1) {
                this.styleSheets = element;
            }
        }
    };
});