import { r as registerInstance, c as createEvent, h, a as Host } from './index-38bfff87.js';
import { g as getIcon } from './icons-af2bd2c4.js';

const infineonIconStencilCss = "ifx-icon{display:inline-flex;justify-content:center}ifx-icon:empty{display:none}";

const InfineonIconStencil = class {
  constructor(hostRef) {
    registerInstance(this, hostRef);
    this.consoleError = createEvent(this, "consoleError", 7);
    this.icon = "";
    this.ifxIcon = undefined;
  }
  convertStringToHtml(htmlString) {
    const div = document.createElement('div');
    div.innerHTML = htmlString;
    return div.firstChild;
  }
  convertHtmlToObject(htmlElement) {
    let pathToObject = Array
      .from(htmlElement.attributes, ({ name, value }) => ({ name, value }))
      .reduce((acc, current) => {
      acc[current.name] = current.value;
      return acc;
    }, {});
    return pathToObject;
  }
  convertPathsToVnode(htmlPath) {
    let svgPaths = [];
    const parentPath = this.convertHtmlToObject(htmlPath);
    const parentPathToVnode = h("path", parentPath);
    svgPaths.push(parentPathToVnode);
    if (htmlPath.firstChild) {
      const paths = htmlPath.querySelectorAll('path');
      const pathLength = htmlPath.querySelectorAll('path').length;
      for (let i = 0; i < pathLength; i++) {
        let pathToObject = this.convertHtmlToObject(paths[i]);
        let objToVnode = h("path", pathToObject);
        svgPaths.push(objToVnode);
      }
    }
    return svgPaths;
  }
  getSVG(svgPath) {
    return h("svg", { class: "inline-svg", width: this.ifxIcon.width, height: this.ifxIcon.height, xmlns: "http://www.w3.org/2000/svg", fill: this.ifxIcon.fill, viewBox: this.ifxIcon.viewBox }, ...svgPath);
  }
  constructIcon() {
    if (this.ifxIcon) {
      const htmlPath = this.convertStringToHtml(this.ifxIcon.svgContent);
      const svgPath = this.convertPathsToVnode(htmlPath);
      const SVG = this.getSVG(svgPath);
      this.consoleError.emit(false);
      return SVG;
    }
    else {
      console.error('Icon not found!');
      this.consoleError.emit(true);
      return "";
    }
  }
  componentWillLoad() {
    const removeHyphen = (str) => str.toLowerCase().replace(/[^a-zA-Z0-9]+(.)/g, (_m, chr) => chr);
    this.ifxIcon = getIcon(removeHyphen(this.icon));
  }
  render() {
    return (h(Host, null, this.constructIcon()));
  }
};
InfineonIconStencil.style = infineonIconStencilCss;

export { InfineonIconStencil as ifx_icon };

//# sourceMappingURL=ifx-icon.entry.js.map