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.clearAttribute = function (element, attrs) {
              for (const attr of attrs) {
                  element.removeAttribute(attr)
              }
          }
  

          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,
              };
          };

      },
  ]);