easy-component-ui 3.0.11 → 3.0.13

package/dist/components/ea-slider.js

@@ -3,17 +3,17 @@ var B = (a) => {
   throw TypeError(a);
 };
 var I = (a, r, t) => r in a ? z(a, r, { enumerable: !0, configurable: !0, writable: !0, value: t }) : a[r] = t;
-var E = (a, r, t) => I(a, typeof r != "symbol" ? r + "" : r, t), F = (a, r, t) => r.has(a) || B("Cannot " + t);
-var e = (a, r, t) => (F(a, r, "read from private field"), t ? t.call(a) : r.get(a)), i = (a, r, t) => r.has(a) ? B("Cannot add the same private member more than once") : r instanceof WeakSet ? r.add(a) : r.set(a, t), c = (a, r, t, s) => (F(a, r, "write to private field"), s ? s.call(a, t) : r.set(a, t), t);
-import { F as P } from "../core/FormBase.js";
-import { s as H } from "../css/ea-slider.style.js";
-import { E as X } from "../utils/Variables.js";
+var E = (a, r, t) => I(a, typeof r != "symbol" ? r + "" : r, t), P = (a, r, t) => r.has(a) || B("Cannot " + t);
+var e = (a, r, t) => (P(a, r, "read from private field"), t ? t.call(a) : r.get(a)), i = (a, r, t) => r.has(a) ? B("Cannot add the same private member more than once") : r instanceof WeakSet ? r.add(a) : r.set(a, t), c = (a, r, t, s) => (P(a, r, "write to private field"), s ? s.call(a, t) : r.set(a, t), t);
+import { F as H } from "../core/FormBase.js";
+import { s as X } from "../css/ea-slider.style.js";
+import { E as Y } from "../utils/Variables.js";
 import "./ea-tooltip.js";
 import "./ea-input-number.js";
-import { n as Y } from "./ea-calendar2.js";
-import { E as O } from "../utils/Utils.js";
-var k, v, l, b, g, y, p, $, h, w, u, C, V, N, x, d, M, S, A, D, L, q, R;
-class U extends P {
+import { n as O } from "./ea-calendar2.js";
+import { E as U } from "../utils/Utils.js";
+var k, v, l, b, g, y, d, x, u, w, p, $, V, S, N, C, m, M, A, D, L, q, F, R;
+class j extends H {
   constructor() {
     super();
     /** @type {HTMLElement} */
@@ -29,16 +29,16 @@ class U extends P {
     /** @type {HTMLElement} */
     i(this, y);
     /** @type {HTMLElement} */
-    i(this, p);
+    i(this, d);
     /** @type {HTMLElement} */
-    i(this, $);
+    i(this, x);
     /** @type {AbortController} */
-    i(this, h, new AbortController());
+    i(this, u, new AbortController());
     i(this, w, {
       /** @type {AbortController} */
       input: null
     });
-    i(this, u, {
+    i(this, p, {
       isInputNumberDefined: !1,
       isDragging: !1,
       startX: 0,
@@ -49,7 +49,7 @@ class U extends P {
         type: String,
         default: "",
         observer: async (t) => {
-          e(this, $).textContent = t;
+          e(this, x).textContent = t;
         }
       },
       value: {
@@ -57,35 +57,35 @@ class U extends P {
         default: 0,
         observer: (t) => {
           const s = Math.max(this.min, Math.min(this.max, t));
-          this.setValue(s), e(this, d).call(this);
+          this.setValue(s), e(this, m).call(this);
         }
       },
       min: {
         type: Number,
         default: 0,
         observer: () => {
-          e(this, d).call(this);
+          e(this, m).call(this);
         }
       },
       max: {
         type: Number,
         default: 100,
         observer: () => {
-          e(this, d).call(this);
+          e(this, m).call(this);
         }
       },
       "show-stops": {
         type: Boolean,
         default: !1,
         observer: (t) => {
-          this.updateContainerClasslist(), t && e(this, C).call(this);
+          this.updateContainerClasslist(), t && e(this, $).call(this);
         }
       },
       step: {
         type: Number,
         default: 1,
         observer: (t) => {
-          e(this, d).call(this);
+          e(this, m).call(this);
         }
       },
       disabled: {
@@ -99,7 +99,7 @@ class U extends P {
         type: Boolean,
         default: !1,
         observer: () => {
-          e(this, d).call(this);
+          e(this, m).call(this);
         }
       },
       "show-tooltip": {
@@ -134,16 +134,16 @@ class U extends P {
         default: !1,
         observer: async (t) => {
           var s;
-          e(this, u).isInputNumberDefined || (await customElements.whenDefined("ea-input-number"), e(this, u).isInputNumberDefined = !0), (s = e(this, w).input) == null || s.abort(), e(this, d).call(this), t && (e(this, w).input = new AbortController(), e(this, p).addEventListener("ea-change", e(this, D), {
+          e(this, p).isInputNumberDefined || (await customElements.whenDefined("ea-input-number"), e(this, p).isInputNumberDefined = !0), (s = e(this, w).input) == null || s.abort(), e(this, m).call(this), t && (e(this, w).input = new AbortController(), e(this, d).addEventListener("ea-change", e(this, L), {
             signal: e(this, w).input.signal
           }));
         }
       },
       size: {
-        type: X,
+        type: Y,
         default: "",
         observer: async (t) => {
-          this.updateContainerClasslist(), this["show-input"] && e(this, p).setAttribute("size", t);
+          this.updateContainerClasslist(), this["show-input"] && e(this, d).setAttribute("size", t);
         }
       },
       required: {
@@ -157,7 +157,7 @@ class U extends P {
         type: Object,
         default: null,
         observer: () => {
-          e(this, N).call(this);
+          e(this, S).call(this);
         }
       }
     }));
@@ -168,20 +168,20 @@ class U extends P {
         type: Function,
         default: (t) => (s) => s,
         observer: () => {
-          e(this, d).call(this);
+          e(this, m).call(this);
         }
       }
     }));
     /**
      * 渲染 stop 元素（包括步长节点和 marks 节点）
      */
-    i(this, C, () => {
-      const t = [], s = this.step, m = (this.max - this.min) / s + 1;
+    i(this, $, () => {
+      const t = [], s = this.step, o = (this.max - this.min) / s + 1;
       if (this["show-stops"])
-        for (let n = 0; n < m; n++) {
-          const o = this.min + s * n, T = (o - this.min) / (this.max - this.min) * 100;
+        for (let n = 0; n < o; n++) {
+          const h = this.min + s * n, T = (h - this.min) / (this.max - this.min) * 100;
           t.push({
-            value: o,
+            value: h,
             percentage: T,
             type: "stop",
             className: this.ns.e("stop"),
@@ -190,11 +190,11 @@ class U extends P {
         }
       if (this.marks)
         for (const n in this.marks) {
-          const o = parseFloat(n);
-          if (isNaN(o) || o < this.min || o > this.max) continue;
-          const T = (o - this.min) / (this.max - this.min) * 100;
+          const h = parseFloat(n);
+          if (isNaN(h) || h < this.min || h > this.max) continue;
+          const T = (h - this.min) / (this.max - this.min) * 100;
           t.push({
-            value: o,
+            value: h,
             percentage: T,
             type: "mark-stop",
             className: `${this.ns.e("stop")} ${this.ns.e("mark-stop")}`,
@@ -202,9 +202,9 @@ class U extends P {
             label: this.marks[n]
           });
         }
-      t.sort((n, o) => n.value - o.value);
+      t.sort((n, h) => n.value - h.value);
       const f = t.map(
-        (n) => O.EaElement.h("div", n.className, {
+        (n) => U.EaElement.h("div", n.className, {
           part: n.part,
           style: [`${this.vertical ? "top" : "left"}: ${n.percentage}%;`]
         })
@@ -221,9 +221,9 @@ class U extends P {
       }
       let t = "";
       for (const s in this.marks) {
-        const m = parseFloat(s);
-        if (isNaN(m) || m < this.min || m > this.max) continue;
-        const f = (m - this.min) / (this.max - this.min) * 100, n = this.marks[s];
+        const o = parseFloat(s);
+        if (isNaN(o) || o < this.min || o > this.max) continue;
+        const f = (o - this.min) / (this.max - this.min) * 100, n = this.marks[s];
         this.vertical ? t += `
           <div class='${this.ns.e("mark")}' style="top: ${f}%;">
             <div class='${this.ns.e("mark-label")}'>${n}</div>
@@ -239,24 +239,33 @@ class U extends P {
     /**
      * 统一渲染 marks 和 stops
      */
-    i(this, N, () => {
-      e(this, C).call(this), e(this, V).call(this);
+    i(this, S, () => {
+      e(this, $).call(this), e(this, V).call(this);
+    });
+    /**
+     * 修复浮点数精度问题
+     * @param {number} value 原始值
+     * @returns {number} 修复精度后的值
+     */
+    i(this, N, (t) => {
+      const s = this.step.toString(), o = s.includes(".") ? s.split(".")[1].length : 0;
+      return parseFloat(t.toFixed(o));
     });
     /**
      * 根据鼠标位置计算滑块值
      * @param {number} position 鼠标位置
      * @returns {number} 滑块值
      */
-    i(this, x, (t) => {
-      const s = e(this, v).getBoundingClientRect(), m = this.vertical ? (t - s.top) / s.height : (t - s.left) / s.width, f = Math.max(0, Math.min(1, m)), n = this.min + f * (this.max - this.min), o = Math.round(n / this.step) * this.step;
-      return Math.max(this.min, Math.min(this.max, o));
+    i(this, C, (t) => {
+      const s = e(this, v).getBoundingClientRect(), o = this.vertical ? (t - s.top) / s.height : (t - s.left) / s.width, f = Math.max(0, Math.min(1, o)), n = this.min + f * (this.max - this.min), h = Math.round(n / this.step) * this.step;
+      return e(this, N).call(this, Math.max(this.min, Math.min(this.max, h)));
     });
     /**
      * 更新滑块位置和 tooltip 内容
      */
-    i(this, d, () => {
+    i(this, m, () => {
       const t = this.value, s = (t - this.min) / (this.max - this.min) * 100;
-      this.vertical ? (e(this, l).style.top = `${s}%`, e(this, l).style.left = "50%") : (e(this, l).style.left = `${s}%`, e(this, l).style.top = "50%"), e(this, g).textContent = this.formatTooltip(t), e(this, g).style.display = this["show-tooltip"] ? "block" : "none", this["show-input"] && (e(this, p).value = t, e(this, p).min = this.min, e(this, p).max = this.max, e(this, p).step = this.step), this.updateContainerClasslist();
+      this.vertical ? (e(this, l).style.top = `${s}%`, e(this, l).style.left = "50%") : (e(this, l).style.left = `${s}%`, e(this, l).style.top = "50%"), e(this, g).textContent = this.formatTooltip(t), e(this, g).style.display = this["show-tooltip"] ? "block" : "none", this["show-input"] && (e(this, d).value = t, e(this, d).min = this.min, e(this, d).max = this.max, e(this, d).step = this.step), this.updateContainerClasslist();
     });
     /**
      * 鼠标按下时，更新滑块值
@@ -264,64 +273,64 @@ class U extends P {
      */
     i(this, M, (t) => {
       if (this.disabled) return;
-      t.preventDefault(), t.stopPropagation(), e(this, u).isDragging = !0, e(this, u).startX = t.clientX, e(this, u).startY = t.clientY, e(this, l).setAttribute("visible", "true");
-      const s = e(this, x).call(this, this.vertical ? t.clientY : t.clientX);
+      t.preventDefault(), t.stopPropagation(), e(this, p).isDragging = !0, e(this, p).startX = t.clientX, e(this, p).startY = t.clientY, e(this, l).setAttribute("visible", "true");
+      const s = e(this, C).call(this, this.vertical ? t.clientY : t.clientX);
       this.value = s, this.emit("input", { detail: { value: this.value } });
     });
     /**
      * 鼠标移动时，更新滑块值
      * @param {MouseEvent} e
      */
-    i(this, S, (t) => {
-      if (!e(this, u).isDragging || this.disabled) return;
+    i(this, A, (t) => {
+      if (!e(this, p).isDragging || this.disabled) return;
       t.preventDefault(), t.stopPropagation();
-      const s = e(this, x).call(this, this.vertical ? t.clientY : t.clientX);
+      const s = e(this, C).call(this, this.vertical ? t.clientY : t.clientX);
       this.value = s, this.emit("input", { detail: { value: this.value } });
     });
     /**
      * 鼠标松开时，更新滑块值
      */
-    i(this, A, () => {
-      e(this, u).isDragging && (e(this, u).isDragging = !1, e(this, l).setAttribute("visible", "false"), this.emit("change", { detail: { value: this.value } }));
+    i(this, D, () => {
+      e(this, p).isDragging && (e(this, p).isDragging = !1, e(this, l).setAttribute("visible", "false"), this.emit("change", { detail: { value: this.value } }));
     });
     /**
      * 输入框值改变时，更新滑块值
      * @param {CustomEvent} e
      */
-    i(this, D, (t) => {
+    i(this, L, (t) => {
       t.preventDefault(), t.stopImmediatePropagation();
-      const s = parseFloat(t.detail.currentValue), m = Math.max(this.min, Math.min(this.max, s));
-      this.value = m, this.emit("change", { detail: { value: this.value } });
+      const s = parseFloat(t.detail.currentValue), o = Math.max(this.min, Math.min(this.max, s));
+      this.value = o, this.emit("change", { detail: { value: this.value } });
     });
     /**
      * 鼠标进入滑块时，显示 tooltip 的 触发 元素
      */
-    i(this, L, () => {
+    i(this, q, () => {
       this.disabled || e(this, l).setAttribute("visible", "true");
     });
     /**
      * 鼠标离开滑块时，隐藏 tooltip 的 触发 元素
      */
-    i(this, q, () => {
-      this.disabled || e(this, u).isDragging || e(this, l).setAttribute("visible", "false");
+    i(this, F, () => {
+      this.disabled || e(this, p).isDragging || e(this, l).setAttribute("visible", "false");
     });
     i(this, R, () => {
       var t;
-      (t = e(this, h)) == null || t.abort(), c(this, h, new AbortController()), e(this, v).addEventListener("mousedown", e(this, M), {
-        signal: e(this, h).signal
+      (t = e(this, u)) == null || t.abort(), c(this, u, new AbortController()), e(this, v).addEventListener("mousedown", e(this, M), {
+        signal: e(this, u).signal
       }), e(this, b).addEventListener("mousedown", e(this, M), {
-        signal: e(this, h).signal
-      }), e(this, b).addEventListener("mouseenter", e(this, L), {
-        signal: e(this, h).signal
-      }), e(this, b).addEventListener("mouseleave", e(this, q), {
-        signal: e(this, h).signal
-      }), document.addEventListener("mousemove", e(this, S), {
-        signal: e(this, h).signal
-      }), document.addEventListener("mouseup", e(this, A), {
-        signal: e(this, h).signal
+        signal: e(this, u).signal
+      }), e(this, b).addEventListener("mouseenter", e(this, q), {
+        signal: e(this, u).signal
+      }), e(this, b).addEventListener("mouseleave", e(this, F), {
+        signal: e(this, u).signal
+      }), document.addEventListener("mousemove", e(this, A), {
+        signal: e(this, u).signal
+      }), document.addEventListener("mouseup", e(this, D), {
+        signal: e(this, u).signal
       });
     });
-    this.stylesheet = H, this.$render();
+    this.stylesheet = X, this.$render();
   }
   static get observedAttributes() {
     return [
@@ -362,7 +371,7 @@ class U extends P {
     return e(this, k).className = t, t;
   }
   $render() {
-    const t = Y("slider");
+    const t = O("slider");
     this.ns = t, this.shadowRoot.innerHTML = `
       <label class='${t.e("form-label")}' part='form-label'></label>
       <div class='${t.b()}' part='container'>
@@ -376,14 +385,14 @@ class U extends P {
         </div>
         <ea-input-number class='${t.e("input")}' part='input'></ea-input-number>
       </div>
-    `, c(this, $, this.shadowRoot.querySelector(t.ce("form-label"))), c(this, k, this.shadowRoot.querySelector(t.cb())), c(this, v, this.shadowRoot.querySelector(t.ce("rail"))), c(this, l, this.shadowRoot.querySelector(t.ce("trigger"))), c(this, b, this.shadowRoot.querySelector(t.ce("thumb"))), c(this, g, this.shadowRoot.querySelector(t.ce("tooltip"))), c(this, y, this.shadowRoot.querySelector(t.ce("marks"))), c(this, p, this.shadowRoot.querySelector(t.ce("input")));
+    `, c(this, x, this.shadowRoot.querySelector(t.ce("form-label"))), c(this, k, this.shadowRoot.querySelector(t.cb())), c(this, v, this.shadowRoot.querySelector(t.ce("rail"))), c(this, l, this.shadowRoot.querySelector(t.ce("trigger"))), c(this, b, this.shadowRoot.querySelector(t.ce("thumb"))), c(this, g, this.shadowRoot.querySelector(t.ce("tooltip"))), c(this, y, this.shadowRoot.querySelector(t.ce("marks"))), c(this, d, this.shadowRoot.querySelector(t.ce("input")));
   }
   /**
    * 获取验证目标元素
    * @returns {HTMLElement}
    */
   get validationTarget() {
-    return e(this, p);
+    return e(this, d);
   }
   /**
    * 更新表单验证状态
@@ -407,15 +416,15 @@ class U extends P {
     return this.updateValidity(), this.internals.reportValidity();
   }
   connectedCallback() {
-    super.connectedCallback(), e(this, R).call(this), e(this, d).call(this);
+    super.connectedCallback(), e(this, R).call(this), e(this, m).call(this);
   }
   $beforeUnmounted() {
     var t;
-    (t = e(this, h)) == null || t.abort();
+    (t = e(this, u)) == null || t.abort();
   }
 }
-k = new WeakMap(), v = new WeakMap(), l = new WeakMap(), b = new WeakMap(), g = new WeakMap(), y = new WeakMap(), p = new WeakMap(), $ = new WeakMap(), h = new WeakMap(), w = new WeakMap(), u = new WeakMap(), C = new WeakMap(), V = new WeakMap(), N = new WeakMap(), x = new WeakMap(), d = new WeakMap(), M = new WeakMap(), S = new WeakMap(), A = new WeakMap(), D = new WeakMap(), L = new WeakMap(), q = new WeakMap(), R = new WeakMap();
-window.customElements.get("ea-slider") || window.customElements.define("ea-slider", U);
+k = new WeakMap(), v = new WeakMap(), l = new WeakMap(), b = new WeakMap(), g = new WeakMap(), y = new WeakMap(), d = new WeakMap(), x = new WeakMap(), u = new WeakMap(), w = new WeakMap(), p = new WeakMap(), $ = new WeakMap(), V = new WeakMap(), S = new WeakMap(), N = new WeakMap(), C = new WeakMap(), m = new WeakMap(), M = new WeakMap(), A = new WeakMap(), D = new WeakMap(), L = new WeakMap(), q = new WeakMap(), F = new WeakMap(), R = new WeakMap();
+window.customElements.get("ea-slider") || window.customElements.define("ea-slider", j);
 export {
-  U as EaSlider
+  j as EaSlider
 };

package/dist/components/ea-splitter.js

@@ -23,7 +23,10 @@ class D extends N {
         type: ["horizontal", "vertical"],
         default: "horizontal",
         observer: (t) => {
-          n(this, a).style.setProperty("--ea-splitter-direction", t === "vertical" ? "column" : "row"), n(this, a).className = this.updateContainerClasslist();
+          n(this, a).style.setProperty(
+            "--ea-splitter-direction",
+            t === "vertical" ? "column" : "row"
+          ), n(this, a).className = this.updateContainerClasslist();
         }
       }
     }));
@@ -32,14 +35,18 @@ class D extends N {
      * @param {string} eventName 事件名称
      */
     c(this, h, (t) => {
-      this.dispatchEvent(new CustomEvent(t, {
-        detail: {
-          size: [...this.children].filter((i) => i.tagName === "EA-SPLITTER-PANEL").map((i) => {
-            var o;
-            return (o = i.getBoundingClientRect()) == null ? void 0 : o[this.layout === "vertical" ? "height" : "width"];
-          })
-        }
-      }));
+      this.dispatchEvent(
+        new CustomEvent(t, {
+          detail: {
+            size: [...this.children].filter((i) => i.tagName === "EA-SPLITTER-PANEL").map(
+              (i) => {
+                var o;
+                return (o = i.getBoundingClientRect()) == null ? void 0 : o[this.layout === "vertical" ? "height" : "width"];
+              }
+            )
+          }
+        })
+      );
     });
     /**
      * `layout="horizontal"` 时的 `resize` 事件监听
@@ -57,7 +64,11 @@ class D extends N {
       }, A = () => {
         i.abort(), n(this, h).call(this, "panel-resize-end");
       };
-      window.addEventListener("mousemove", S, { signal: i.signal }), window.addEventListener("mouseup", A, { signal: i.signal });
+      window.addEventListener("mousemove", S, {
+        signal: i.signal
+      }), window.addEventListener("mouseup", A, {
+        signal: i.signal
+      });
     });
     /**
      * `layout="vertical"` 时的 `resize` 事件监听
@@ -75,7 +86,11 @@ class D extends N {
       }, A = () => {
         i.abort(), n(this, h).call(this, "panel-resize-end");
       };
-      window.addEventListener("mousemove", S, { signal: i.signal }), window.addEventListener("mouseup", A, { signal: i.signal });
+      window.addEventListener("mousemove", S, {
+        signal: i.signal
+      }), window.addEventListener("mouseup", A, {
+        signal: i.signal
+      });
     });
     this.stylesheet = I, this.$render();
   }
@@ -107,7 +122,11 @@ class D extends N {
           this.insertBefore(r, i.nextSibling);
         }
       }), t = [...this.children], t.forEach((i, o) => {
-        i.tagName === "EA-SPLITTER-BAR" && (i.setAttribute("data-index", o), i.layout = this.layout, i.addEventListener("mousedown", this.layout === "horizontal" ? n(this, y) : n(this, v), { signal: n(this, m).signal }));
+        i.tagName === "EA-SPLITTER-BAR" && (i.setAttribute("data-index", o), i.layout = this.layout, i.addEventListener(
+          "mousedown",
+          this.layout === "horizontal" ? n(this, y) : n(this, v),
+          { signal: n(this, m).signal }
+        ));
       });
     });
   }
@@ -156,12 +175,9 @@ class X extends N {
    * @return {string} 属性值
    */
   updateContainerClasslist() {
-    return this.computedClasslist(
-      "ea-splitter-panel",
-      {
-        // ['--' + this.state.type]: this.state.type,
-      }
-    );
+    return this.computedClasslist("ea-splitter-panel", {
+      // ['--' + this.state.type]: this.state.type,
+    });
   }
   $render() {
     this.shadowRoot.innerHTML = `

package/dist/components/ea-statistic.js

@@ -1,6 +1,74 @@
-import "./Base.js";
-import "../css/ea-statistic.style.js";
-import { E as a } from "./ea-statistic2.js";
+var m = Object.defineProperty;
+var p = (t) => {
+  throw TypeError(t);
+};
+var _ = (t, e, s) => e in t ? m(t, e, { enumerable: !0, configurable: !0, writable: !0, value: s }) : t[e] = s;
+var d = (t, e, s) => _(t, typeof e != "symbol" ? e + "" : e, s), f = (t, e, s) => e.has(t) || p("Cannot " + s);
+var h = (t, e, s) => (f(t, e, "read from private field"), s ? s.call(t) : e.get(t)), a = (t, e, s) => e.has(t) ? p("Cannot add the same private member more than once") : e instanceof WeakSet ? e.add(t) : e.set(t, s), i = (t, e, s, u) => (f(t, e, "write to private field"), u ? u.call(t, s) : e.set(t, s), s);
+import { B as x } from "./Base.js";
+import { s as b } from "../css/ea-statistic.style.js";
+var n, r, o, c, l;
+class w extends x {
+  constructor() {
+    super();
+    /** @type {HTMLElement} */
+    a(this, n);
+    /** @type {HTMLElement} */
+    a(this, r);
+    /** @type {HTMLElement} */
+    a(this, o);
+    /** @type {HTMLElement} */
+    a(this, c);
+    /** @type {HTMLElement} */
+    a(this, l);
+    d(this, "state", this.properties({
+      title: {
+        type: String,
+        default: "",
+        observer: (s) => {
+          h(this, r).textContent = s;
+        }
+      },
+      value: {
+        type: Number,
+        default: 0,
+        /**  @param {Number} newVal */
+        observer: (s) => {
+          h(this, o).textContent = s.toLocaleString();
+        }
+      }
+    }));
+    this.stylesheet = b, this.$render();
+  }
+  static get observedAttributes() {
+    return [...super.observedAttributes, "title", "value"];
+  }
+  $render() {
+    this.shadowRoot.innerHTML = `
+      <div class='ea-statistic' part='container'>
+        <header class='ea-statistic__header' part='title'>
+          <slot name='title'></slot>
+        </header>
+        <main class='ea-statistic__content' part='content'>
+          <span class='ea-statistic__prefix' part='prefix'>
+            <slot name='prefix'></slot>
+          </span>
+          <span class='ea-statistic__number' part='number'>
+            <slot></slot>
+          </span>
+          <span class='ea-statistic__suffix' part='suffix'>
+            <slot name='suffix'></slot>
+          </span>
+        </main>
+      </div>
+    `, i(this, n, this.shadowRoot.querySelector(".ea-statistic")), i(this, r, this.shadowRoot.querySelector(".ea-statistic__header slot")), i(this, o, this.shadowRoot.querySelector(".ea-statistic__number")), i(this, c, this.shadowRoot.querySelector(".ea-statistic__prefix slot")), i(this, l, this.shadowRoot.querySelector(".ea-statistic__suffix slot"));
+  }
+  connectedCallback() {
+    super.connectedCallback();
+  }
+}
+n = new WeakMap(), r = new WeakMap(), o = new WeakMap(), c = new WeakMap(), l = new WeakMap();
+window.customElements.get("ea-statistic") || window.customElements.define("ea-statistic", w);
 export {
-  a as EaStatistic
+  w as EaStatistic
 };