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-"

                  );

                  console.log(rule.selectorText);

              }
          }
      };
  
      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);
      };
  }]);