easy-component-ui 3.0.15 → 4.0.3

package/dist/components/ea-statistic.js

@@ -1,74 +1,83 @@
-var m = Object.defineProperty;
-var p = (t) => {
-  throw TypeError(t);
+import { E as m } from "../core/EaBase.ts.js";
+import { q as o, C as h, a as u } from "../core/decorator.js";
+import { s as _ } from "../css/ea-statistic.style.js";
+import { c as d } from "../utils/bem.ts.js";
+var x = Object.defineProperty, b = Object.getOwnPropertyDescriptor, a = (s, n, p, i) => {
+  for (var r = i > 1 ? void 0 : i ? b(n, p) : n, l = s.length - 1, c; l >= 0; l--)
+    (c = s[l]) && (r = (i ? c(n, p, r) : c(r)) || r);
+  return i && r && x(n, p, r), r;
 };
-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 {
+const f = "ea-statistic", t = d(f);
+let e = class extends m {
   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();
+    super(...arguments), this.heading = "", this.value = 0;
   }
-  static get observedAttributes() {
-    return [...super.observedAttributes, "title", "value"];
+  updateContainerClasslist() {
+    const s = t();
+    return this._container.className = s, s;
   }
-  $render() {
-    this.shadowRoot.innerHTML = `
-      <div class='ea-statistic' part='container'>
-        <header class='ea-statistic__header' part='title'>
+  html() {
+    return `
+      <div class='${t()}' part='container'>
+        <header class='${t.e("header")}' part='title'>
           <slot name='title'></slot>
         </header>
-        <main class='ea-statistic__content' part='content'>
-          <span class='ea-statistic__prefix' part='prefix'>
+        <main class='${t.e("content")}' part='content'>
+          <span class='${t.e("prefix")}' part='prefix'>
             <slot name='prefix'></slot>
           </span>
-          <span class='ea-statistic__number' part='number'>
+          <span class='${t.e("number")}' part='number' aria-live="polite">
             <slot></slot>
           </span>
-          <span class='ea-statistic__suffix' part='suffix'>
+          <span class='${t.e("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();
+  $mount() {
+    this.updateContainerClasslist();
   }
-}
-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);
+};
+a([
+  o(t.cb())
+], e.prototype, "_container", 2);
+a([
+  o(t.ce("header"))
+], e.prototype, "_header", 2);
+a([
+  o(t.ce("number"))
+], e.prototype, "_number", 2);
+a([
+  o(t.ce("prefix"))
+], e.prototype, "_prefix", 2);
+a([
+  o(t.ce("suffix"))
+], e.prototype, "_suffix", 2);
+a([
+  u({
+    type: String,
+    default: "",
+    observer(s) {
+      this._header.textContent = s;
+    }
+  })
+], e.prototype, "heading", 2);
+a([
+  u({
+    type: Number,
+    default: 0,
+    observer(s) {
+      this._number.textContent = s.toLocaleString();
+    }
+  })
+], e.prototype, "value", 2);
+e = a([
+  h(f, { styles: [_] })
+], e);
+const $ = e;
 export {
-  w as EaStatistic
+  e as EaStatistic,
+  $ as default
 };