easy-component-ui 3.0.15 → 4.0.3

package/dist/core/decorator.js

@@ -0,0 +1,506 @@
+import { p as v, a as T } from "../utils/parseAttributeValue.ts.js";
+import { h as H } from "../utils/html.ts.js";
+import { c as O, k as _ } from "../utils/case-convert.ts.js";
+const w = /* @__PURE__ */ new WeakMap(), M = /* @__PURE__ */ new WeakMap();
+class $ {
+  constructor() {
+    this.cache = /* @__PURE__ */ new Map();
+  }
+  getOrCreate(r) {
+    let t = this.cache.get(r);
+    return t || (t = new CSSStyleSheet(), t.replaceSync(r), this.cache.set(r, t)), t;
+  }
+  get size() {
+    return this.cache.size;
+  }
+  clear() {
+    this.cache.clear();
+  }
+  has(r) {
+    return this.cache.has(r);
+  }
+}
+const B = new $();
+function z(e, r, t) {
+  const n = w.get(e) || {};
+  w.set(e, {
+    ...n,
+    [r]: t
+  });
+}
+function ot(e) {
+  return function(r, t) {
+    if (t && typeof t == "object" && "addInitializer" in t) {
+      const o = t, i = o.name;
+      return o.addInitializer(function() {
+        z(this, i, e);
+      }), r;
+    } else {
+      let o, i;
+      if (typeof t == "string" || typeof t == "symbol")
+        o = t, i = r;
+      else
+        return console.warn(
+          "attribute decorator: 无法识别的装饰器调用格式, context:",
+          t
+        ), r;
+      const c = i.constructor;
+      z(c, o, e);
+    }
+  };
+}
+function C(e, r) {
+  if (e[r])
+    return { option: e[r], actualName: r };
+  const t = _(r);
+  if (e[t])
+    return { option: e[t], actualName: t };
+  const n = O(r);
+  return e[n] ? { option: e[n], actualName: n } : { option: void 0, actualName: r };
+}
+function F(e, r, t) {
+  const n = O(r);
+  return function() {
+    const o = this.getAttribute(n);
+    return t === Boolean ? o !== null ? o === "true" || o === "" : this.isConnected ? !1 : T(this, e) : o !== null ? v(this, o, t, e) : T(this, e);
+  };
+}
+const j = Symbol("booleanFalseAttrs");
+function G(e) {
+  const r = O(e);
+  return function(t) {
+    if (this instanceof HTMLElement)
+      if (typeof t == "boolean")
+        if (t) {
+          this.setAttribute(r, "");
+          const n = this[j];
+          n && n.delete(r);
+        } else
+          this.removeAttribute(r), this[j] || (this[j] = /* @__PURE__ */ new Set()), this[j].add(r);
+      else
+        this.setAttribute(r, String(t));
+  };
+}
+function W(e, r) {
+  const t = `__prop_${e}`;
+  return function() {
+    return t in this ? this[t] : r;
+  };
+}
+function J(e, r, t) {
+  return function(n) {
+    const o = `__prop_${e}`, i = this[o];
+    this[o] = n, r && r.call(this, n, i), t && E(this, t, n);
+  };
+}
+function E(e, r, t) {
+  var a;
+  const { ariaAttr: n, target: o = ":host", map: i } = r, c = i ? i(t) : String(t), s = o === ":host" ? e : (a = e.shadowRoot) == null ? void 0 : a.querySelector(o);
+  s && (c === null ? s.removeAttribute(n) : s.setAttribute(n, c));
+}
+function Q(e, r, t, n) {
+  Object.getOwnPropertyDescriptor(e, r) && delete e[r], Object.defineProperty(e, r, {
+    get: F(n, r, t),
+    set: G(r),
+    configurable: !0,
+    enumerable: !0
+  });
+}
+function U(e, r) {
+  const t = [];
+  let n = r;
+  for (; n && n !== HTMLElement; )
+    t.unshift(n), n = Object.getPrototypeOf(n);
+  t.forEach((o) => {
+    const i = w.get(o);
+    i && Object.keys(i).forEach((c) => {
+      const { type: s, default: a } = i[c];
+      if (s === Boolean && a === !0) {
+        const b = O(c), d = e[j];
+        if (d && d.has(b)) return;
+        e.hasAttribute(b) || e.toggleAttribute(b, !0);
+      }
+    });
+  });
+}
+function X(e, r) {
+  const t = [];
+  let n = r;
+  for (; n && n !== HTMLElement; )
+    t.unshift(n), n = Object.getPrototypeOf(n);
+  t.forEach((o) => {
+    const i = w.get(o);
+    i && Object.keys(i).forEach((c) => {
+      const { a11y: s } = i[c];
+      if (s) {
+        const a = e[c];
+        E(e, s, a);
+      }
+    });
+  });
+}
+function Y(e, r, t, n, o) {
+  if (Object.getOwnPropertyDescriptor(e, r) && delete e[r], Object.defineProperty(e, r, {
+    get: W(r, t),
+    set: J(r, n, o),
+    configurable: !0,
+    enumerable: !0
+  }), o) {
+    const i = t !== void 0 ? t : e[r];
+    E(e, o, i);
+  }
+}
+function Z(e, r) {
+  if (!r) return;
+  const t = [];
+  let n = e;
+  for (; n && n !== HTMLElement; ) {
+    const i = n.customElementOptions;
+    if (i != null && i.styles) {
+      const c = Array.isArray(i.styles) ? i.styles : [i.styles];
+      t.unshift(...c);
+    }
+    n = Object.getPrototypeOf(n);
+  }
+  const o = [...new Set(t)];
+  if (o.length !== 0)
+    if ("adoptedStyleSheets" in ShadowRoot.prototype && r.adoptedStyleSheets !== void 0) {
+      const i = o.map((c) => B.getOrCreate(c));
+      r.adoptedStyleSheets = i;
+    } else
+      o.forEach((i) => {
+        const c = document.createElement("style");
+        c.textContent = i, r.appendChild(c);
+      });
+}
+function K(e, r) {
+  var i;
+  if (!r) return;
+  const t = (i = e.html) == null ? void 0 : i.call(e);
+  if (!t) return;
+  const n = H(t), o = document.createElement("template");
+  o.innerHTML = n, r.appendChild(o.content);
+}
+function V(e, r) {
+  const t = e.shadowRoot;
+  t && (t.innerHTML = "", Z(r, t), K(e, t));
+}
+function it(e, r = {}) {
+  const { autoDefine: t = !0 } = r;
+  return (n, o) => {
+    n.customElementOptions = r;
+    const i = w.get(n), c = n.observedAttributes || [], a = Object.keys(i || {}).flatMap((f) => {
+      const u = O(f), l = _(f), p = [f];
+      return u !== f && p.push(u), l !== f && l !== u && p.push(l), p;
+    }), b = [
+      .../* @__PURE__ */ new Set([
+        ...c,
+        ...a,
+        ...r.extraAttr || []
+      ])
+    ];
+    Object.defineProperty(n, "observedAttributes", {
+      get: () => b,
+      configurable: !0,
+      enumerable: !0
+    });
+    class d extends n {
+      static get observedAttributes() {
+        return b;
+      }
+      constructor() {
+        super();
+        const u = [];
+        let l = n;
+        for (; l && l !== HTMLElement; )
+          u.unshift(l), l = Object.getPrototypeOf(l);
+        u.forEach((p) => {
+          const m = w.get(p), y = M.get(p);
+          m && Object.keys(m).forEach((A) => {
+            const { type: g, default: h } = m[A];
+            Q(this, A, g, h);
+          }), y && Object.keys(y).forEach((A) => {
+            const { default: g, observer: h, a11y: k } = y[A];
+            Y(this, A, g, h, k);
+          });
+        });
+      }
+      connectedCallback() {
+        U(this, n), V(this, n), X(this, n);
+        const u = Object.getPrototypeOf(Object.getPrototypeOf(this));
+        u && typeof u.connectedCallback == "function" && u.connectedCallback.call(this);
+      }
+      async attributeChangedCallback(u, l, p) {
+        var m;
+        try {
+          let y = n, A = !1;
+          for (; y && y !== HTMLElement; ) {
+            const g = w.get(y);
+            if (g) {
+              const { option: h, actualName: k } = C(g, u);
+              if (h) {
+                let S, P;
+                h.type === Boolean ? (S = p !== null && p !== "false", P = l !== null && l !== "false") : (S = v(
+                  this,
+                  p,
+                  h.type,
+                  h.default
+                ), P = v(
+                  this,
+                  l,
+                  h.type,
+                  h.default
+                ));
+                const N = Object.getPrototypeOf(
+                  Object.getPrototypeOf(this)
+                );
+                N && typeof N.attributeChangedCallback == "function" && await N.attributeChangedCallback.call(
+                  this,
+                  k,
+                  P,
+                  S
+                ), (m = h.observer) == null || m.call(this, S, P), h.a11y && E(this, h.a11y, S), A = !0;
+                break;
+              }
+            }
+            y = Object.getPrototypeOf(y);
+          }
+          if (!A) {
+            const g = Object.getPrototypeOf(
+              Object.getPrototypeOf(this)
+            );
+            g && typeof g.attributeChangedCallback == "function" && await g.attributeChangedCallback.call(
+              this,
+              u,
+              l,
+              p
+            );
+          }
+        } catch (y) {
+          process.env.NODE_ENV === "development" && console.error(y, this);
+        }
+      }
+    }
+    t && !window.customElements.get(e) && window.customElements.define(e, d);
+  };
+}
+function L(e, r, t) {
+  const n = M.get(e) || {};
+  M.set(e, {
+    ...n,
+    [r]: t
+  });
+}
+function ct(e) {
+  return function(r, t) {
+    if (t && typeof t == "object" && "addInitializer" in t) {
+      const o = t, i = o.name;
+      return o.addInitializer(function() {
+        L(this, i, e);
+      }), r;
+    } else {
+      let o, i;
+      if (typeof t == "string" || typeof t == "symbol")
+        o = t, i = r;
+      else
+        return console.warn(
+          "property decorator: 无法识别的装饰器调用格式, context:",
+          t
+        ), r;
+      const c = i.constructor;
+      L(c, o, e);
+    }
+  };
+}
+function x(e, r, t) {
+  return !e || e === "window" || e === "document" || e === "shadowRoot" ? (n) => r.call(t, n) : function(n) {
+    const o = n.composedPath(), i = t.shadowRoot;
+    o.find(
+      (s) => s instanceof Element && s.closest && s.closest(e) && // 确保元素在当前的 shadowRoot 内
+      ((i == null ? void 0 : i.contains(s)) || // 或者是 shadow host 本身
+      s === t)
+    ) && r.call(t, n);
+  };
+}
+function tt(e, r) {
+  var t;
+  if (e === "window")
+    return window;
+  if (e === "document")
+    return document;
+  if (!e)
+    return r;
+  if ("shadowRoot" in r) {
+    if (e === "shadowRoot") return r.shadowRoot;
+    const n = (t = r.shadowRoot) == null ? void 0 : t.querySelector(e);
+    if (n) return n;
+  }
+  return r.shadowRoot;
+}
+function R(e) {
+  return Symbol(`listen_${String(e)}`);
+}
+function q(e, r, t, n, o, i) {
+  const c = new AbortController();
+  e[r] = c;
+  const s = x(n, o, e);
+  tt(n, e).addEventListener(t, s, {
+    signal: c.signal,
+    ...i
+  });
+}
+function I(e, r) {
+  const t = e[r];
+  t == null || t.abort();
+}
+function D(e, r) {
+  if (e[r]) return e[r];
+  const t = Object.getPrototypeOf(e);
+  if (t && t !== HTMLElement.prototype)
+    return D(t, r);
+}
+function st(e, r, t) {
+  return function(n, o, i) {
+    if (o && typeof o == "object" && "addInitializer" in o) {
+      const s = o, a = s.name, b = R(a);
+      return s.addInitializer(function() {
+        const d = this.connectedCallback, f = this.disconnectedCallback;
+        this.connectedCallback = function() {
+          d == null || d.call(this), q(
+            this,
+            b,
+            e,
+            r,
+            (u) => {
+              this[a].call(this, u);
+            },
+            t
+          );
+        }, this.disconnectedCallback = function() {
+          I(this, b), f == null || f.call(this);
+        };
+      }), n;
+    } else {
+      const s = n, a = o;
+      if (!a) {
+        console.error("listen decorator: 缺少方法名", {
+          targetOrValue: n,
+          propertyKeyOrContext: o,
+          descriptor: i,
+          eventName: e
+        });
+        return;
+      }
+      const b = R(a), d = D(
+        s,
+        "connectedCallback"
+      ), f = D(
+        s,
+        "disconnectedCallback"
+      );
+      s.connectedCallback = function() {
+        d == null || d.call(this), q(
+          this,
+          b,
+          e,
+          r,
+          (u) => {
+            const l = this[a];
+            typeof l == "function" ? l.call(this, u) : console.error(
+              `listen decorator: 事件 "${e}" 触发时找不到方法 "${a}"`,
+              { instanceKeys: Object.keys(this), propertyKey: a }
+            );
+          },
+          t
+        );
+      }, s.disconnectedCallback = function() {
+        I(this, b), f == null || f.call(this);
+      };
+    }
+  };
+}
+function at(e) {
+  return function(r, t) {
+    if (t && typeof t == "object" && "addInitializer" in t) {
+      const o = t, i = o.name;
+      o.addInitializer(function() {
+        Object.defineProperty(this, i, {
+          get: function() {
+            var c;
+            return ((c = this.shadowRoot) == null ? void 0 : c.querySelector(e)) ?? null;
+          },
+          enumerable: !0,
+          configurable: !0
+        });
+      });
+      return;
+    } else
+      Object.defineProperty(r, t, {
+        get: function() {
+          var s;
+          return ((s = this.shadowRoot) == null ? void 0 : s.querySelector(e)) ?? null;
+        },
+        enumerable: !0,
+        configurable: !0
+      });
+  };
+}
+function ut(e) {
+  return function(r, t) {
+    if (t && typeof t == "object" && "addInitializer" in t) {
+      const o = t, i = o.name;
+      o.addInitializer(function() {
+        Object.defineProperty(this, i, {
+          get: function() {
+            var c;
+            return ((c = this.shadowRoot) == null ? void 0 : c.querySelectorAll(e)) ?? null;
+          },
+          enumerable: !0,
+          configurable: !0
+        });
+      });
+      return;
+    } else
+      Object.defineProperty(r, t, {
+        get: function() {
+          var s;
+          return ((s = this.shadowRoot) == null ? void 0 : s.querySelectorAll(e)) ?? null;
+        },
+        enumerable: !0,
+        configurable: !0
+      });
+  };
+}
+function lt(e) {
+  return function(r, t) {
+    if (t && typeof t == "object" && "addInitializer" in t) {
+      const o = t, i = o.name;
+      o.addInitializer(function() {
+        Object.defineProperty(this, i, {
+          get: function() {
+            return this.querySelectorAll(e) ?? null;
+          },
+          enumerable: !0,
+          configurable: !0
+        });
+      });
+      return;
+    } else
+      Object.defineProperty(r, t, {
+        get: function() {
+          return this.querySelectorAll(e) ?? null;
+        },
+        enumerable: !0,
+        configurable: !0
+      });
+  };
+}
+export {
+  it as C,
+  ot as a,
+  ut as b,
+  lt as c,
+  st as l,
+  ct as p,
+  at as q
+};

package/dist/css/ea-alert.style.js

@@ -1,4 +1,4 @@
-const r = ":host{--ea-alert-effect: light;--ea-alert-space: var(--spacing-md) var(--spacing-lg);--ea-alert-border-radius: var(--border-radius-sm);--ea-alert-transition: var(--transition-normal);--ea-alert-light-primary-bgc: var(--blue-100);--ea-alert-light-primary-color: var(--blue-500);--ea-alert-dark-primary-bgc: var(--blue-500);--ea-alert-light-warning-bgc: var(--yellow-100);--ea-alert-light-warning-color: var(--yellow-500);--ea-alert-dark-warning-bgc: var(--yellow-500);--ea-alert-light-error-bgc: var(--red-100);--ea-alert-light-error-color: var(--red-500);--ea-alert-dark-error-bgc: var(--red-500);--ea-alert-light-info-bgc: var(--grey-100);--ea-alert-light-info-color: var(--grey-500);--ea-alert-dark-info-bgc: var(--grey-500);--ea-alert-light-success-bgc: var(--green-100);--ea-alert-light-success-color: var(--green-500);--ea-alert-dark-success-bgc: var(--green-500);--ea-alert-dark-color: var(--color-white);--ea-alert-cloase-icon-position-top: 12px;--ea-alert-cloase-icon-position-right: 16px}:host{display:block}.ea-alert{position:relative;box-sizing:border-box;overflow:hidden;display:flex;align-items:center;width:100%;border-radius:var(--ea-alert-border-radius);padding:var(--ea-alert-space);filter:opacity(1);transition:filter var(--ea-alert-transition)}.ea-alert__icon-wrap{display:block;margin-right:8px}.ea-alert__content{display:flex;align-items:center;flex-direction:column;align-items:flex-start;gap:var(--spacing-sm)}.ea-alert__title{display:flex;align-items:center}.ea-alert__description{margin:0}.ea-alert__close-btn{cursor:pointer;display:block;position:absolute;top:var(--ea-alert-cloase-icon-position-top);right:var(--ea-alert-cloase-icon-position-right)}.ea-alert__close-icon{display:block;width:1rem;height:1rem;color:var(--grey-400)}.ea-alert--primary{background-color:var(--ea-alert-light-primary-bgc);color:var(--ea-alert-light-primary-color)}.ea-alert--primary.ea-alert--dark{background-color:var(--ea-alert-dark-primary-bgc);color:var(--ea-alert-dark-color)}.ea-alert--primary.ea-alert--dark .ea-alert__icon,.ea-alert--primary.ea-alert--dark .ea-alert__close-icon{color:var(--ea-alert-dark-primary-color)}.ea-alert--primary .ea-alert__icon{color:var(--ea-alert-light-primary-color)}.ea-alert--warning{background-color:var(--ea-alert-light-warning-bgc);color:var(--ea-alert-light-warning-color)}.ea-alert--warning.ea-alert--dark{background-color:var(--ea-alert-dark-warning-bgc);color:var(--ea-alert-dark-color)}.ea-alert--warning.ea-alert--dark .ea-alert__icon,.ea-alert--warning.ea-alert--dark .ea-alert__close-icon{color:var(--ea-alert-dark-warning-color)}.ea-alert--warning .ea-alert__icon{color:var(--ea-alert-light-warning-color)}.ea-alert--error{background-color:var(--ea-alert-light-error-bgc);color:var(--ea-alert-light-error-color)}.ea-alert--error.ea-alert--dark{background-color:var(--ea-alert-dark-error-bgc);color:var(--ea-alert-dark-color)}.ea-alert--error.ea-alert--dark .ea-alert__icon,.ea-alert--error.ea-alert--dark .ea-alert__close-icon{color:var(--ea-alert-dark-error-color)}.ea-alert--error .ea-alert__icon{color:var(--ea-alert-light-error-color)}.ea-alert--info{background-color:var(--ea-alert-light-info-bgc);color:var(--ea-alert-light-info-color)}.ea-alert--info.ea-alert--dark{background-color:var(--ea-alert-dark-info-bgc);color:var(--ea-alert-dark-color)}.ea-alert--info.ea-alert--dark .ea-alert__icon,.ea-alert--info.ea-alert--dark .ea-alert__close-icon{color:var(--ea-alert-dark-info-color)}.ea-alert--info .ea-alert__icon{color:var(--ea-alert-light-info-color)}.ea-alert--success{background-color:var(--ea-alert-light-success-bgc);color:var(--ea-alert-light-success-color)}.ea-alert--success.ea-alert--dark{background-color:var(--ea-alert-dark-success-bgc);color:var(--ea-alert-dark-color)}.ea-alert--success.ea-alert--dark .ea-alert__icon,.ea-alert--success.ea-alert--dark .ea-alert__close-icon{color:var(--ea-alert-dark-success-color)}.ea-alert--success .ea-alert__icon{color:var(--ea-alert-light-success-color)}.ea-alert--center{justify-content:center}.ea-alert--before-close{filter:opacity(0)}.ea-alert--hide{width:0;height:0;padding:0;margin:0;overflow:hidden;visibility:hidden;filter:opacity(0)}";
+const r = ":host{--ea-alert-padding: var(--spacing-md) var(--spacing-lg);--ea-alert-border-radius: var(--border-radius-sm);--ea-alert-transition: var(--transition-normal);--ea-alert-icon-size: var(--font-size-lg);--ea-alert-icon-margin-right: var(--spacing-md);--ea-alert-content-gap: var(--spacing-sm);--ea-alert-close-position-top: var(--spacing-md);--ea-alert-close-position-right: var(--spacing-lg);--ea-alert-close-icon-size: var(--font-size-lg);--ea-alert-close-icon-color: var(--grey-400);--ea-alert-light-primary-bgc: var(--blue-100);--ea-alert-light-primary-color: var(--blue-500);--ea-alert-dark-primary-bgc: var(--blue-500);--ea-alert-dark-primary-color: var(--color-white);--ea-alert-light-warning-bgc: var(--yellow-100);--ea-alert-light-warning-color: var(--yellow-500);--ea-alert-dark-warning-bgc: var(--yellow-500);--ea-alert-dark-warning-color: var(--color-white);--ea-alert-light-danger-bgc: var(--red-100);--ea-alert-light-danger-color: var(--red-500);--ea-alert-dark-danger-bgc: var(--red-500);--ea-alert-dark-danger-color: var(--color-white);--ea-alert-light-info-bgc: var(--grey-100);--ea-alert-light-info-color: var(--grey-500);--ea-alert-dark-info-bgc: var(--grey-500);--ea-alert-dark-info-color: var(--color-white);--ea-alert-light-success-bgc: var(--green-100);--ea-alert-light-success-color: var(--green-500);--ea-alert-dark-success-bgc: var(--green-500);--ea-alert-dark-success-color: var(--color-white);display:block}.ea-alert{display:flex;align-items:center;position:relative;width:100%;box-sizing:border-box;padding:var(--ea-alert-padding);overflow:hidden;border-radius:var(--ea-alert-border-radius);filter:opacity(1);transition:filter var(--ea-alert-transition)}.ea-alert__icon-wrap{display:block;margin-right:var(--ea-alert-icon-margin-right)}.ea-alert__icon{--ea-icon-size: var(--ea-alert-icon-size)}.ea-alert__content{display:flex;flex-direction:column;align-items:flex-start;flex:1}.ea-alert__heading{display:flex;align-items:center}.ea-alert__description{margin:0}.ea-alert__close-btn{cursor:pointer;display:block;position:absolute;top:var(--ea-alert-close-position-top);right:var(--ea-alert-close-position-right);padding:0;border:none;background:none;outline:none;font:inherit;color:inherit;transition:opacity var(--ea-alert-transition)}.ea-alert__close-btn:hover{opacity:.7}.ea-alert__close-btn:focus-visible{outline:2px solid var(--blue-500);outline-offset:2px}.ea-alert__close-icon{display:block;width:var(--ea-alert-close-icon-size);height:var(--ea-alert-close-icon-size);color:var(--ea-alert-close-icon-color)}.ea-alert--primary{--ea-alert-current-bgc: var(--ea-alert-light-primary-bgc);--ea-alert-current-color: var(--ea-alert-light-primary-color);--ea-alert-dark-bgc: var(--ea-alert-dark-primary-bgc);--ea-alert-dark-color: var(--ea-alert-dark-primary-color);background-color:var(--ea-alert-current-bgc);color:var(--ea-alert-current-color)}.ea-alert--primary .ea-alert__icon{color:var(--ea-alert-current-color)}.ea-alert--warning{--ea-alert-current-bgc: var(--ea-alert-light-warning-bgc);--ea-alert-current-color: var(--ea-alert-light-warning-color);--ea-alert-dark-bgc: var(--ea-alert-dark-warning-bgc);--ea-alert-dark-color: var(--ea-alert-dark-warning-color);background-color:var(--ea-alert-current-bgc);color:var(--ea-alert-current-color)}.ea-alert--warning .ea-alert__icon{color:var(--ea-alert-current-color)}.ea-alert--danger{--ea-alert-current-bgc: var(--ea-alert-light-danger-bgc);--ea-alert-current-color: var(--ea-alert-light-danger-color);--ea-alert-dark-bgc: var(--ea-alert-dark-danger-bgc);--ea-alert-dark-color: var(--ea-alert-dark-danger-color);background-color:var(--ea-alert-current-bgc);color:var(--ea-alert-current-color)}.ea-alert--danger .ea-alert__icon{color:var(--ea-alert-current-color)}.ea-alert--info{--ea-alert-current-bgc: var(--ea-alert-light-info-bgc);--ea-alert-current-color: var(--ea-alert-light-info-color);--ea-alert-dark-bgc: var(--ea-alert-dark-info-bgc);--ea-alert-dark-color: var(--ea-alert-dark-info-color);background-color:var(--ea-alert-current-bgc);color:var(--ea-alert-current-color)}.ea-alert--info .ea-alert__icon{color:var(--ea-alert-current-color)}.ea-alert--success{--ea-alert-current-bgc: var(--ea-alert-light-success-bgc);--ea-alert-current-color: var(--ea-alert-light-success-color);--ea-alert-dark-bgc: var(--ea-alert-dark-success-bgc);--ea-alert-dark-color: var(--ea-alert-dark-success-color);background-color:var(--ea-alert-current-bgc);color:var(--ea-alert-current-color)}.ea-alert--success .ea-alert__icon{color:var(--ea-alert-current-color)}.ea-alert--dark{background-color:var(--ea-alert-dark-bgc);color:var(--ea-alert-dark-color)}.ea-alert--dark .ea-alert__icon,.ea-alert--dark .ea-alert__close-icon{color:var(--ea-alert-dark-color)}.ea-alert.is-center{justify-content:center}.ea-alert.is-has-description .ea-alert__content{gap:var(--ea-alert-content-gap)}.ea-alert.is-before-close{filter:opacity(0)}.ea-alert.is-hide{width:0;height:0;padding:0;margin:0;overflow:hidden;visibility:hidden;filter:opacity(0)}";
 export {
   r as s
 };

package/dist/css/ea-aside.style.js

@@ -1,4 +1,4 @@
-const e = ":host{--ea-aside-width: 300px}::slotted(ea-main){overflow:auto;flex:1}.ea-aside{width:var(--ea-aside-width);height:100%;overflow:auto;display:flex;flex-direction:column}";
+const e = ":host{--ea-aside-width: 300px}:host{display:block}::slotted(ea-main){overflow:auto;flex:1}.ea-aside{width:var(--ea-aside-width);height:100%;overflow:auto;display:flex;flex-direction:column}";
 export {
   e as s
 };

package/dist/css/ea-avatar.style.js

@@ -1,4 +1,4 @@
-const a = ":host{--ea-avatar-size-small: 24px;--ea-avatar-size-default: 40px;--ea-avatar-size-large: 56px;--ea-avatar-size: var(--ea-avatar-size-default);--ea-avatar-square-border-radius: 4px;--ea-avatar-circle-border-radius: 50%;--ea-avatar-fit: cover;--ea-avatar-color: var(--color-white);--ea-avatar-font-size: var(--font-size-md);--ea-avatar-background-color: var(--grey-400)}:host{display:inline-block}.ea-avatar{display:flex;flex-wrap:nowrap;flex-direction:row;justify-content:center;align-items:center;width:var(--ea-avatar-size);height:var(--ea-avatar-size);line-height:var(--ea-avatar-size);white-space:nowrap;background-color:var(--ea-avatar-background-color);color:var(--ea-avatar-color);font-size:var(--ea-avatar-font-size)}.ea-avatar__img{width:100%;height:100%;object-fit:var(--ea-avatar-fit)}.ea-avatar__icon{color:var(--ea-avatar-color)}.ea-avatar--circle{border-radius:50%;overflow:hidden}.ea-avatar--square{border-radius:var(--ea-avatar-square-border-radius)}";
+const a = ":host{--ea-avatar-size-small: 24px;--ea-avatar-size-default: 40px;--ea-avatar-size-large: 56px;--ea-avatar-size: var(--ea-avatar-size-default);--ea-avatar-square-border-radius: var(--border-radius-sm);--ea-avatar-circle-border-radius: var(--border-radius-circle);--ea-avatar-fit: cover;--ea-avatar-color: var(--color-white);--ea-avatar-font-size: var(--font-size-md);--ea-avatar-background-color: var(--grey-400)}:host{display:inline-block}.ea-avatar{display:flex;justify-content:center;align-items:center;width:var(--ea-avatar-size);height:var(--ea-avatar-size);line-height:var(--ea-avatar-size);white-space:nowrap;background-color:var(--ea-avatar-background-color);color:var(--ea-avatar-color);font-size:var(--ea-avatar-font-size)}.ea-avatar__img{width:100%;height:100%;object-fit:var(--ea-avatar-fit)}.ea-avatar__icon{color:var(--ea-avatar-color)}.ea-avatar--circle{border-radius:var(--ea-avatar-circle-border-radius);overflow:hidden}.ea-avatar--square{border-radius:var(--ea-avatar-square-border-radius)}";
 export {
   a as s
 };

package/dist/css/ea-backtop.style.js

@@ -1,4 +1,4 @@
-const a = ":host{--ea-backtop-right: 40px;--ea-backtop-bottom: 40px;--ea-backtop-size: 40px;--ea-backtop-border-radius: var(--border-radius-circle);--ea-backtop-font-size: var(--font-size-md);--ea-backtop-color: var(--blue-500);--ea-backtop-background-color: var(--grey-100);--ea-backtop-box-shadow: var(--box-shadow-md);--ea-backtop-transition: var(--transition-normal);--ea-backtop-z-index: 1000}.ea-backtop{position:fixed;opacity:0;display:none;align-items:center;justify-content:center;width:var(--ea-backtop-size);height:var(--ea-backtop-size);right:var(--ea-backtop-right);bottom:var(--ea-backtop-bottom);cursor:pointer;font-size:var(--ea-backtop-font-size);color:var(--ea-backtop-color);background-color:var(--ea-backtop-background-color);box-shadow:var(--ea-backtop-box-shadow);border-radius:var(--ea-backtop-border-radius);z-index:var(--ea-backtop-z-index);transition:opacity var(--ea-backtop-transition)}.ea-backtop.before-enter{display:flex}.ea-backtop.is-visible{display:flex;opacity:1}.ea-backtop.before-leave{opacity:0}";
+const a = ":host{--ea-backtop-right: 40px;--ea-backtop-bottom: 40px;--ea-backtop-size: 40px;--ea-backtop-border-radius: var(--border-radius-circle);--ea-backtop-font-size: var(--font-size-md);--ea-backtop-color: var(--blue-500);--ea-backtop-background-color: var(--grey-100);--ea-backtop-box-shadow: var(--box-shadow-md);--ea-backtop-transition: var(--transition-normal);--ea-backtop-z-index: 1000}:host{display:block}.ea-backtop{position:fixed;opacity:0;display:none;align-items:center;justify-content:center;width:var(--ea-backtop-size);height:var(--ea-backtop-size);right:var(--ea-backtop-right);bottom:var(--ea-backtop-bottom);cursor:pointer;font-size:var(--ea-backtop-font-size);color:var(--ea-backtop-color);background-color:var(--ea-backtop-background-color);box-shadow:var(--ea-backtop-box-shadow);border-radius:var(--ea-backtop-border-radius);z-index:var(--ea-backtop-z-index);transition:opacity var(--ea-backtop-transition)}.ea-backtop.is-before-enter{display:flex}.ea-backtop.is-visible{display:flex;opacity:1}.ea-backtop.is-before-leave{opacity:0}";
 export {
   a as s
 };

package/dist/css/ea-badge.style.js

@@ -1,4 +1,4 @@
-const a = ":host{--ea-badge-border-radius: var(--border-radius-round);--ea-badge-spacing: 0 6px;--ea-badge-size: 18px;--ea-badge-dot-size: 6px;--ea-badge-primary: var(--blue-500);--ea-badge-success: var(--green-500);--ea-badge-warning: var(--yellow-500);--ea-badge-danger: var(--red-500);--ea-badge-info: var(--grey-500);--ea-badge-color: var(--ea-badge-danger);--ea-badge-text-color: var(--color-white);--ea-badge-font-size: var(--font-size-sm);--ea-badge-offset-x: 0;--ea-badge-offset-y: 0}.ea-badge{position:relative;display:inline-block}.ea-badge__content{display:inline-flex;box-sizing:border-box;padding:var(--ea-badge-spacing);height:var(--ea-badge-size);line-height:var(--ea-badge-size);position:absolute;right:0;top:0;margin-right:var(--ea-badge-offset-x);transform:translate(calc(100% - var(--ea-badge-size) / 2),-50%);border-radius:var(--ea-badge-border-radius);color:var(--ea-badge-text-color);font-size:var(--ea-badge-font-size);background-color:var(--ea-badge-color)}.ea-badge--primary{--ea-badge-color: var(--ea-badge-primary)}.ea-badge--success{--ea-badge-color: var(--ea-badge-success)}.ea-badge--warning{--ea-badge-color: var(--ea-badge-warning)}.ea-badge--danger{--ea-badge-color: var(--ea-badge-danger)}.ea-badge--info{--ea-badge-color: var(--ea-badge-info)}.ea-badge.is-dot{--ea-badge-border-radius: var(--border-radius-circle)}.ea-badge.is-dot .ea-badge__content{padding:0;width:var(--ea-badge-dot-size);height:var(--ea-badge-dot-size);transform:translate(50%,-50%)}.ea-badge.is-hidden .ea-badge__content{display:none}";
+const a = ":host{--ea-badge-border-radius: var(--border-radius-round);--ea-badge-spacing: 0 var(--spacing-md);--ea-badge-size: 18px;--ea-badge-dot-size: 6px;--ea-badge-primary: var(--blue-500);--ea-badge-success: var(--green-500);--ea-badge-warning: var(--yellow-500);--ea-badge-danger: var(--red-500);--ea-badge-info: var(--grey-500);--ea-badge-color: var(--ea-badge-danger);--ea-badge-text-color: var(--color-white);--ea-badge-font-size: var(--font-size-sm);--ea-badge-offset-x: 0;--ea-badge-offset-y: 0;display:contents}.ea-badge{position:relative;display:inline-block}.ea-badge__content{display:inline-flex;box-sizing:border-box;padding:var(--ea-badge-spacing);height:var(--ea-badge-size);line-height:var(--ea-badge-size);position:absolute;right:0;top:0;margin-right:var(--ea-badge-offset-x);z-index:1;transform:translate(calc(100% - var(--ea-badge-size) / 2),-50%);border-radius:var(--ea-badge-border-radius);color:var(--ea-badge-text-color);font-size:var(--ea-badge-font-size);background-color:var(--ea-badge-color)}.ea-badge--primary{--ea-badge-color: var(--ea-badge-primary)}.ea-badge--success{--ea-badge-color: var(--ea-badge-success)}.ea-badge--warning{--ea-badge-color: var(--ea-badge-warning)}.ea-badge--danger{--ea-badge-color: var(--ea-badge-danger)}.ea-badge--info{--ea-badge-color: var(--ea-badge-info)}.ea-badge.is-dot{--ea-badge-border-radius: var(--border-radius-circle)}.ea-badge.is-dot .ea-badge__content{padding:0;width:var(--ea-badge-dot-size);height:var(--ea-badge-dot-size);transform:translate(50%,-50%)}.ea-badge.is-hidden .ea-badge__content{display:none}";
 export {
   a as s
 };

package/dist/css/ea-breadcrumb-item.style.js

@@ -1,4 +1,4 @@
-const r = ":host{--ea-breadcrumb-item-separator-color: var(--grey-700);--ea-breadcrumb-item-separator-size: var(--font-size-md);--ea-breadcrumb-item-separator-spacing: var(--spacing-md);--ea-breadcrumb-item-link-color: var(--grey-900);--ea-breadcrumb-item-link-hover-color: var(--blue-500);--ea-breadcrumb-item-link-font-weight: var(--font-weight-bold);--ea-breadcrumb-item-transition: var(--transition-normal)}:host([href]){cursor:pointer}::slotted(ea-icon){margin:0 -8px}.ea-breadcrumb-item{box-sizing:border-box;display:flex;align-items:center;font-size:var(--ea-breadcrumb-item-separator-size);color:var(--ea-breadcrumb-item-separator-color)}.ea-breadcrumb-item__separator{margin:0 var(--ea-breadcrumb-item-separator-spacing);color:var(--ea-breadcrumb-item-separator-color)}.ea-breadcrumb-item__content{color:var(--ea-breadcrumb-item-separator-color)}.ea-breadcrumb-item__content.is-link{text-decoration:none;color:var(--ea-breadcrumb-item-link-color);font-weight:var(--ea-breadcrumb-item-link-font-weight);transition:color var(--ea-breadcrumb-item-transition)}.ea-breadcrumb-item__content.is-link:hover{color:var(--ea-breadcrumb-item-link-hover-color)}";
+const r = ":host{--ea-breadcrumb-item-separator-color: var(--grey-700);--ea-breadcrumb-item-separator-size: var(--font-size-md);--ea-breadcrumb-item-separator-spacing: var(--spacing-md);--ea-breadcrumb-item-link-color: var(--grey-900);--ea-breadcrumb-item-link-hover-color: var(--blue-500);--ea-breadcrumb-item-link-font-weight: var(--font-weight-bold);--ea-breadcrumb-item-transition: var(--transition-normal)}:host([href]){cursor:pointer}::slotted(ea-icon){margin:0 calc(var(--spacing-md) * -1)}.ea-breadcrumb-item{display:flex;align-items:center;font-size:var(--ea-breadcrumb-item-separator-size);color:var(--ea-breadcrumb-item-separator-color)}.ea-breadcrumb-item__separator{margin:0 var(--ea-breadcrumb-item-separator-spacing);color:var(--ea-breadcrumb-item-separator-color)}.ea-breadcrumb-item__content{color:var(--ea-breadcrumb-item-separator-color)}.ea-breadcrumb-item__content.is-link{text-decoration:none;color:var(--ea-breadcrumb-item-link-color);font-weight:var(--ea-breadcrumb-item-link-font-weight);transition:color var(--ea-breadcrumb-item-transition)}.ea-breadcrumb-item__content.is-link:hover{color:var(--ea-breadcrumb-item-link-hover-color)}";
 export {
   r as s
 };

package/dist/css/ea-breadcrumb.style.js

@@ -1,4 +1,4 @@
-const e = "#separatorSlot{display:none}.ea-breadcrumb{display:inline-flex;align-items:center}";
+const e = ":host{display:block}#separatorSlot{display:none}.ea-breadcrumb{display:inline-flex;align-items:center;flex-wrap:wrap;font-size:var(--font-size-md);list-style:none;margin:0;padding:0}";
 export {
   e as s
 };

package/dist/css/ea-button-group.style.js

@@ -1,4 +1,4 @@
-const t = ".ea-button-group{display:flex;align-items:center}.ea-button-group ::slotted(ea-button){--ea-button-border-radius: 0}.ea-button-group ::slotted(ea-button:not([type=normal])){border-right:1px solid rgba(255,255,255,.3)}.ea-button-group ::slotted(ea-button:first-of-type){--ea-button-border-radius: 4px 0 0 4px}.ea-button-group ::slotted(ea-button:last-of-type){--ea-button-border-radius: 0 4px 4px 0}";
+const t = ".ea-button-group{display:flex;align-items:center}.ea-button-group ::slotted(ea-button){--ea-button-border-radius: 0}.ea-button-group ::slotted(ea-button:not([variant=normal])){border-right:1px solid rgba(255,255,255,.3)}.ea-button-group ::slotted(ea-button:first-of-type){--ea-button-border-radius: var(--border-radius-sm) 0 0 var(--border-radius-sm)}.ea-button-group ::slotted(ea-button:last-of-type){--ea-button-border-radius: 0 var(--border-radius-sm) var(--border-radius-sm) 0}";
 export {
   t as s
 };