UNPKG

@gf-ui/components

Version:
48 lines (43 loc) 2.9 kB
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","width":"32px","height":"32.00px","viewBox":"0 0 1024 1024","version":"1.1","xmlns":"http://www.w3.org/2000/svg"},"children":[{"name":"path","type":"element","value":"","attributes":{"d":"M102.4 102.4m307.2 0l204.8 0q307.2 0 307.2 307.2l0 204.8q0 307.2-307.2 307.2l-204.8 0q-307.2 0-307.2-307.2l0-204.8q0-307.2 307.2-307.2Z","fill":"#D17EFC","fill-opacity":".2"},"children":[]},{"name":"path","type":"element","value":"","attributes":{"d":"M512 368.64c107.44832 0 194.56 87.11168 194.56 194.56s-87.11168 194.56-194.56 194.56-194.56-87.11168-194.56-194.56 87.11168-194.56 194.56-194.56z m4.48512-92.16c138.91584 0 253.26592 105.1648 267.776 240.2304a89.8048 89.8048 0 0 1-34.3552 172.73856c-41.97376 0-48.41472-128.64512-19.33312-168.15104C718.40768 413.8496 627.2 330.3424 516.48512 330.3424c-117.80096 0-213.52448 94.54592-215.42912 211.89632l-0.01024 2.23232c19.83488 49.59232 10.8544 153.94816-26.95168 153.94816a89.77408 89.77408 0 0 1-25.94816-175.73888C259.87072 384.75776 375.53152 276.48 516.48512 276.48z","fill":"#D17EFC"},"children":[]},{"name":"path","type":"element","value":"","attributes":{"d":"M555.68384 599.62368a20.48 20.48 0 0 1 29.57312 28.28288l-1.21856 1.26976-12.56448 12.05248a81.92 81.92 0 0 1-108.77952 4.13696l-2.1504-1.8432-15.60576-13.7728a20.48 20.48 0 0 1 25.73312-31.81568l1.3824 1.11616 15.59552 13.7728a40.96 40.96 0 0 0 53.79072 0.37888l1.67936-1.536 12.56448-12.04224z","fill":"#FFFFFF","fill-opacity":".6"},"children":[]}],"_name":"kefu-c","_isColor":true}; const GfIconkefuC = /*@__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-kefu-c", { "size": [8], "styles": [16], "color": [1], "rotate": [2], "spin": [4], "opacity": [8] }]); function defineCustomElement$1() { if (typeof customElements === "undefined") { return; } const components = ["gf-icon-kefu-c"]; components.forEach(tagName => { switch (tagName) { case "gf-icon-kefu-c": if (!customElements.get(tagName)) { customElements.define(tagName, GfIconkefuC); } break; } }); } const GfIconKefuC = GfIconkefuC; const defineCustomElement = defineCustomElement$1; export { GfIconKefuC, defineCustomElement };