@gf-ui/components
Version:
45 lines (41 loc) • 1.91 kB
JavaScript
import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
import { I as Icons } from './index2.js';
const svgData = {"name":"svg","type":"element","value":"","attributes":{"class":"icon","viewBox":"0 0 1024 1024","version":"1.1","xmlns":"http://www.w3.org/2000/svg"},"children":[{"name":"path","type":"element","value":"","attributes":{"fill":"currentColor","d":"M512 149.333333c200.298667 0 362.666667 162.368 362.666667 362.666667s-162.368 362.666667-362.666667 362.666667S149.333333 712.298667 149.333333 512 311.701333 149.333333 512 149.333333z m169.045333 191.04L455.317333 572.650667l-90.944-94.336-46.08 44.416 136.832 141.952 271.829334-279.722667-45.909334-44.586667z"},"children":[]}],"_name":"success-fill","_isColor":false};
const GfIconsuccessFill = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
constructor() {
super();
this.__registerHost();
this.size = 30;
this.styles = {};
this.color = "#606266";
this.rotate = 0;
this.spin = false;
this.opacity = 1;
}
render() {
const { size, styles, color, rotate, spin, opacity } = this;
const hostStyles = { width: size + 'px', height: size + 'px' };
return (h(Host, { style: hostStyles }, h(Icons, Object.assign({}, { svgData, size, styles, color, rotate, spin, opacity }))));
}
}, [0, "gf-icon-success-fill", {
"size": [8],
"styles": [16],
"color": [1],
"rotate": [2],
"spin": [4],
"opacity": [8]
}]);
function defineCustomElement() {
if (typeof customElements === "undefined") {
return;
}
const components = ["gf-icon-success-fill"];
components.forEach(tagName => { switch (tagName) {
case "gf-icon-success-fill":
if (!customElements.get(tagName)) {
customElements.define(tagName, GfIconsuccessFill);
}
break;
} });
}
export { GfIconsuccessFill as G, defineCustomElement as d };