Remove with Text
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
This commit is contained in:
72
Server/wwwroot/package/dist/esm/ifx-icon.entry.js
vendored
Normal file
72
Server/wwwroot/package/dist/esm/ifx-icon.entry.js
vendored
Normal file
@ -0,0 +1,72 @@
|
||||
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
|
Reference in New Issue
Block a user