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

  angular.module("esNgAntd").service("esNgAntd", [
      "$compile",
      function ($compile) {
          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-/g,
                          ".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;
                  }
              }
          };
  
          this.createLayer = function (content, scope) {
              let div = document.createElement("div");
              div.innerHTML = content;
              document.body.appendChild(div);
              $compile(div)(scope);
          };
      },
  ]);