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

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

        this.conflictType = 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 (this.styleSheets) {
                    this.disableStyle("anticon");
                }
            }
            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.indexOf("ant3") === -1
                ) {
                    rule.selectorText = rule.selectorText
                        .split(",")
                        .map(function (item) {
                            return ".ant3 " + item;
                        })
                        .join(",");
                }
            }
        };

        this.conflict = function (filename, type) {
            this.conflictType = type;
            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;
                }
            }
        };

        this.createLayer = function (content, scope) {
            let div = document.createElement("div");
            div.innerHTML = content;
            document.body.appendChild(div);
            $compile(div)(scope);
        };

        this.getOffset = function (ele) {
            if (!ele || ele.nodeType != 1) {
                return;
            }
            let rect = ele.getBoundingClientRect();
            let doc = ele.ownerDocument.documentElement;
            return {
                top: rect.top + window.pageYOffset - doc.clientTop,
                left: rect.left + window.pageXOffset - doc.clientLeft,
            };
        };
    },
]);