Mike Phares
5c9f0d1aff
Remove GetEngineeringSpcReview Better error message EnforceCodeStyleInBuild NginxFileSystem Remove Reactors and Working Directory AppSettings Delete self contained Thunder Tests Back to .net8.0 api/v4/InfinityQS ApiExplorerSettings Wafer Counter
72 lines
2.4 KiB
JavaScript
72 lines
2.4 KiB
JavaScript
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
|