easy-component-ui 3.0.12 → 3.0.13

package/dist/components/ea-tabs.js

@@ -4,7 +4,7 @@ var j = (i) => {
 };
 var Q = (i, o, t) => o in i ? K(i, o, { enumerable: !0, configurable: !0, writable: !0, value: t }) : i[o] = t;
 var q = (i, o, t) => Q(i, typeof o != "symbol" ? o + "" : o, t), F = (i, o, t) => o.has(i) || j("Cannot " + t);
-var e = (i, o, t) => (F(i, o, "read from private field"), t ? t.call(i) : o.get(i)), a = (i, o, t) => o.has(i) ? j("Cannot add the same private member more than once") : o instanceof WeakSet ? o.add(i) : o.set(i, t), c = (i, o, t, s) => (F(i, o, "write to private field"), s ? s.call(i, t) : o.set(i, t), t);
+var e = (i, o, t) => (F(i, o, "read from private field"), t ? t.call(i) : o.get(i)), a = (i, o, t) => o.has(i) ? j("Cannot add the same private member more than once") : o instanceof WeakSet ? o.add(i) : o.set(i, t), h = (i, o, t, s) => (F(i, o, "write to private field"), s ? s.call(i, t) : o.set(i, t), t);
 import { B as U } from "./Base.js";
 import { s as X } from "../css/ea-tab.style.js";
 import { s as Y } from "../css/ea-tabs.style.js";
@@ -108,14 +108,14 @@ class V extends U {
    * @return {string} 属性值
    */
   updateContainerClasslist() {
-    var l, n, h;
+    var l, n, c;
     let t = (l = e(this, d, f)) == null ? void 0 : l.querySelectorAll("ea-tab");
     t = (t == null ? void 0 : t.length) > 0 ? [...t] : [];
     const s = this.computedClasslist(
       "ea-tab",
       {
         ["--" + this.type]: this.type === ((n = e(this, d, f)) == null ? void 0 : n.getAttribute("type")) || "",
-        ["--" + this["tab-position"]]: this["tab-position"] === ((h = e(this, d, f)) == null ? void 0 : h.getAttribute("tab-position")) || "top"
+        ["--" + this["tab-position"]]: this["tab-position"] === ((c = e(this, d, f)) == null ? void 0 : c.getAttribute("tab-position")) || "top"
       },
       {
         disabled: this.disabled,
@@ -131,13 +131,13 @@ class V extends U {
     this.shadowRoot.innerHTML = `
       <div class='ea-tab' part='container'>
         <slot></slot>
-        <ea-icon class="ea-tab__close-icon" icon="icon-cancel" part="close-icon"></ea-icon>
+        <ea-icon class="ea-tab__close-icon" name="xmark" part="close-icon"></ea-icon>
       </div>
-    `, c(this, _, this.shadowRoot.querySelector(".ea-tab")), c(this, S, this.shadowRoot.querySelector(".ea-tab__close-icon")), this.updateContainerClasslist();
+    `, h(this, _, this.shadowRoot.querySelector(".ea-tab")), h(this, S, this.shadowRoot.querySelector(".ea-tab__close-icon")), this.updateContainerClasslist();
   }
   connectedCallback() {
     var t;
-    super.connectedCallback(), (t = e(this, p)) == null || t.abort(), c(this, p, new AbortController()), e(this, S).addEventListener("click", e(this, x), {
+    super.connectedCallback(), (t = e(this, p)) == null || t.abort(), h(this, p, new AbortController()), e(this, S).addEventListener("click", e(this, x), {
       signal: e(this, p).signal
     });
   }
@@ -153,7 +153,7 @@ d = new WeakSet(), f = function() {
   }
 }, _ = new WeakMap(), S = new WeakMap(), p = new WeakMap(), x = new WeakMap();
 window.customElements.get("ea-tab") || window.customElements.define("ea-tab", V);
-var E, u, v, r, g, m, L, $, y, b, C, k, N, A, B, H, w, P, I, W, O;
+var E, u, v, r, m, g, L, k, y, b, C, $, N, A, B, H, w, P, I, W, O;
 class tt extends U {
   constructor() {
     super();
@@ -166,13 +166,13 @@ class tt extends U {
     /** @type {HTMLElement} */
     a(this, r);
     /** @type {HTMLSlotElement} */
-    a(this, g);
-    /** @type {HTMLElement} */
     a(this, m);
     /** @type {HTMLElement} */
+    a(this, g);
+    /** @type {HTMLElement} */
     a(this, L);
     /** @type {HTMLElement} */
-    a(this, $);
+    a(this, k);
     /** @type {HTMLSlotElement} */
     a(this, y);
     /** @type {AbortController} */
@@ -210,7 +210,7 @@ class tt extends U {
         type: ["top", "bottom", "left", "right"],
         default: "top",
         observer: (t) => {
-          this.updateContainerClasslist(), e(this, H).call(this, t), e(this, A).call(this, this.active), [...e(this, g).assignedElements()].filter(
+          this.updateContainerClasslist(), e(this, H).call(this, t), e(this, A).call(this, this.active), [...e(this, m).assignedElements()].filter(
             (s) => s.tagName.toLowerCase() === "ea-tab-panel" || s.tagName.toLowerCase() === "ea-tab"
           ).forEach((s) => s.setAttribute("tab-position", t));
         }
@@ -228,14 +228,14 @@ class tt extends U {
      * @param {HTMLElement} lineEl
      * @param {HTMLElement} tabPosition
      */
-    a(this, k, (t, s = e(this, m), l = this["tab-position"]) => {
-      const n = l === "top" || l === "bottom", h = t.getBoundingClientRect(), T = s.getBoundingClientRect();
+    a(this, $, (t, s = e(this, g), l = this["tab-position"]) => {
+      const n = l === "top" || l === "bottom", c = t.getBoundingClientRect(), T = s.getBoundingClientRect();
       this.style.setProperty(
         "--ea-tabs-indicator-size",
         `${n ? t.offsetWidth : t.offsetHeight}px`
       ), this.style.setProperty(
         "--ea-tabs-indicator-x",
-        `${n ? h.x - T.x : h.y - T.y}px`
+        `${n ? c.x - T.x : c.y - T.y}px`
       );
     });
     /**
@@ -244,7 +244,7 @@ class tt extends U {
      * @param {HTMLElement} [lineEl]
      * @param {HTMLElement} [tabPosition]
      */
-    a(this, N, (t, s = e(this, m), l = this["tab-position"]) => {
+    a(this, N, (t, s = e(this, g), l = this["tab-position"]) => {
       const n = t.getBoundingClientRect();
       e(this, r).scrollTo({
         left: t.offsetLeft + n.width,
@@ -259,8 +259,8 @@ class tt extends U {
     a(this, A, (t = this.active) => {
       const s = [...this.querySelectorAll("ea-tab-panel")];
       [...this.querySelectorAll("ea-tab")].forEach((n) => {
-        const h = n.getAttribute("panel") === t;
-        n.toggleAttribute("active", h), h && this.type === "" && e(this, k).call(this, n), h && e(this, N).call(this, n);
+        const c = n.getAttribute("panel") === t;
+        n.toggleAttribute("active", c), c && this.type === "" && e(this, $).call(this, n), c && e(this, N).call(this, n);
       }), s.forEach((n) => {
         n.toggleAttribute(
           "active",
@@ -281,7 +281,7 @@ class tt extends U {
      * @param {"top" | "bottom" | "left" | "right"} tabPosition
      */
     a(this, H, (t = this["tab-position"]) => {
-      t === "left" || t === "right" ? (e(this, u).setAttribute("icon", "icon-arrow-left"), e(this, v).setAttribute("icon", "icon-arrow-right")) : (t === "top" || t === "bottom") && (e(this, u).setAttribute("icon", "icon-arrow-up"), e(this, v).setAttribute("icon", "icon-arrow-down"));
+      t === "left" || t === "right" ? (e(this, u).setAttribute("name", "arrow-left"), e(this, v).setAttribute("name", "arrow-right")) : (t === "top" || t === "bottom") && (e(this, u).setAttribute("name", "arrow-up"), e(this, v).setAttribute("name", "arrow-down"));
     });
     /**
      * 当 tab slot 内容变化时触发
@@ -347,7 +347,7 @@ class tt extends U {
      */
     a(this, O, (t) => {
       t.preventDefault(), t.stopImmediatePropagation();
-      const s = t.detail.panel, l = [...this.querySelectorAll("ea-tab")], n = t.target, h = l.indexOf(n), T = this.querySelector(`ea-tab-panel[name="${s}"]`), D = [...this.querySelectorAll("ea-tab")][h - 1 < 0 ? 0 : h - 1].getAttribute("panel");
+      const s = t.detail.panel, l = [...this.querySelectorAll("ea-tab")], n = t.target, c = l.indexOf(n), T = this.querySelector(`ea-tab-panel[name="${s}"]`), D = [...this.querySelectorAll("ea-tab")][c - 1 < 0 ? 0 : c - 1].getAttribute("panel");
       this.setAttribute("active", D), T.remove(), n.remove(), this.emit("tab-remove", {
         detail: {
           name: D
@@ -386,9 +386,9 @@ class tt extends U {
     this.shadowRoot.innerHTML = `
       <div class='ea-tabs' part='container'>
         <nav class='ea-tabs__nav' part='nav'>
-            <ea-icon icon="icon-angle-left" class="ea-tabs__prev ea-tabs__scroll" part='prev'></ea-icon>
+            <ea-icon name="angle-left" class="ea-tabs__prev ea-tabs__scroll" part='prev'></ea-icon>
             <slot name='nav'></slot>
-            <ea-icon icon="icon-angle-right" class="ea-tabs__next ea-tabs__scroll" part='next'></ea-icon>
+            <ea-icon name="angle-right" class="ea-tabs__next ea-tabs__scroll" part='next'></ea-icon>
         </nav>
         <div class="ea-tabs__line" part="line" tabindex="-1">
             <span class="ea-tabs__indicator" part="indicator"></span>
@@ -397,17 +397,17 @@ class tt extends U {
           <slot></slot>
         </main>
       </div>
-    `, c(this, E, this.shadowRoot.querySelector(".ea-tabs")), c(this, u, this.shadowRoot.querySelector(".ea-tabs__prev")), c(this, v, this.shadowRoot.querySelector(".ea-tabs__next")), c(this, r, this.shadowRoot.querySelector(".ea-tabs__nav")), c(this, g, this.shadowRoot.querySelector(
+    `, h(this, E, this.shadowRoot.querySelector(".ea-tabs")), h(this, u, this.shadowRoot.querySelector(".ea-tabs__prev")), h(this, v, this.shadowRoot.querySelector(".ea-tabs__next")), h(this, r, this.shadowRoot.querySelector(".ea-tabs__nav")), h(this, m, this.shadowRoot.querySelector(
       ".ea-tabs__nav > slot[name=nav]"
-    )), c(this, m, this.shadowRoot.querySelector(".ea-tabs__line")), c(this, L, this.shadowRoot.querySelector(".ea-tabs__indicator")), c(this, $, this.shadowRoot.querySelector(".ea-tabs__content")), c(this, y, this.shadowRoot.querySelector(
+    )), h(this, g, this.shadowRoot.querySelector(".ea-tabs__line")), h(this, L, this.shadowRoot.querySelector(".ea-tabs__indicator")), h(this, k, this.shadowRoot.querySelector(".ea-tabs__content")), h(this, y, this.shadowRoot.querySelector(
       ".ea-tabs__content > slot"
     )), e(this, w).call(this);
   }
   connectedCallback() {
     var t, s;
-    super.connectedCallback(), (t = e(this, b)) == null || t.abort(), c(this, b, new AbortController()), (s = e(this, C)) == null || s.unobserve(), e(this, r).addEventListener("click", e(this, P), {
+    super.connectedCallback(), (t = e(this, b)) == null || t.abort(), h(this, b, new AbortController()), (s = e(this, C)) == null || s.unobserve(), e(this, r).addEventListener("click", e(this, P), {
       signal: e(this, b).signal
-    }), e(this, g).addEventListener("slotchange", e(this, w), {
+    }), e(this, m).addEventListener("slotchange", e(this, w), {
       signal: e(this, b).signal
     }), e(this, y).addEventListener("slotchange", e(this, w), {
       signal: e(this, b).signal
@@ -417,7 +417,7 @@ class tt extends U {
       signal: e(this, b).signal
     }), this.addEventListener("ea-tab-close-icon-click", e(this, O), {
       signal: e(this, b).signal
-    }), c(this, C, new ResizeObserver(() => {
+    }), h(this, C, new ResizeObserver(() => {
       this.updateContainerClasslist();
     }).observe(e(this, r))), G(() => {
       this.updateContainerClasslist();
@@ -428,7 +428,7 @@ class tt extends U {
     (t = e(this, b)) == null || t.abort(), (s = e(this, C)) == null || s.unobserve();
   }
 }
-E = new WeakMap(), u = new WeakMap(), v = new WeakMap(), r = new WeakMap(), g = new WeakMap(), m = new WeakMap(), L = new WeakMap(), $ = new WeakMap(), y = new WeakMap(), b = new WeakMap(), C = new WeakMap(), k = new WeakMap(), N = new WeakMap(), A = new WeakMap(), B = new WeakMap(), H = new WeakMap(), w = new WeakMap(), P = new WeakMap(), I = new WeakMap(), W = new WeakMap(), O = new WeakMap();
+E = new WeakMap(), u = new WeakMap(), v = new WeakMap(), r = new WeakMap(), m = new WeakMap(), g = new WeakMap(), L = new WeakMap(), k = new WeakMap(), y = new WeakMap(), b = new WeakMap(), C = new WeakMap(), $ = new WeakMap(), N = new WeakMap(), A = new WeakMap(), B = new WeakMap(), H = new WeakMap(), w = new WeakMap(), P = new WeakMap(), I = new WeakMap(), W = new WeakMap(), O = new WeakMap();
 window.customElements.get("ea-tabs") || window.customElements.define("ea-tabs", tt);
 var z, J, R, M;
 class et extends U {
@@ -477,7 +477,7 @@ class et extends U {
       <div class='ea-tab-panel' part='container'>
         <slot></slot>
       </div>
-    `, c(this, R, this.shadowRoot.querySelector(".ea-tab-panel"));
+    `, h(this, R, this.shadowRoot.querySelector(".ea-tab-panel"));
   }
   connectedCallback() {
     super.connectedCallback();

package/dist/components/ea-tag.js

@@ -3,15 +3,15 @@ var f = (t) => {
   throw TypeError(t);
 };
 var y = (t, s, e) => s in t ? C(t, s, { enumerable: !0, configurable: !0, writable: !0, value: e }) : t[s] = e;
-var b = (t, s, e) => y(t, typeof s != "symbol" ? s + "" : s, e), g = (t, s, e) => s.has(t) || f("Cannot " + e);
-var a = (t, s, e) => (g(t, s, "read from private field"), e ? e.call(t) : s.get(t)), o = (t, s, e) => s.has(t) ? f("Cannot add the same private member more than once") : s instanceof WeakSet ? s.add(t) : s.set(t, e), l = (t, s, e, h) => (g(t, s, "write to private field"), h ? h.call(t, e) : s.set(t, e), e);
-import { B as m } from "./Base.js";
+var b = (t, s, e) => y(t, typeof s != "symbol" ? s + "" : s, e), m = (t, s, e) => s.has(t) || f("Cannot " + e);
+var a = (t, s, e) => (m(t, s, "read from private field"), e ? e.call(t) : s.get(t)), o = (t, s, e) => s.has(t) ? f("Cannot add the same private member more than once") : s instanceof WeakSet ? s.add(t) : s.set(t, e), l = (t, s, e, h) => (m(t, s, "write to private field"), h ? h.call(t, e) : s.set(t, e), e);
+import { B as g } from "./Base.js";
 import { s as v } from "../css/ea-check-tag.style.js";
 import { s as k } from "../css/ea-tag.style.js";
 import { c as w } from "../utils/Variables.js";
 import { E } from "../utils/Utils.js";
 var c, r, u;
-class A extends m {
+class A extends g {
   constructor() {
     super();
     /** @type {HTMLElement} */
@@ -97,7 +97,7 @@ class S extends Event {
   }
 }
 var i, d, n, p;
-class $ extends m {
+class $ extends g {
   constructor() {
     super();
     /** @type {HTMLElement} */
@@ -208,7 +208,7 @@ class $ extends m {
     this.shadowRoot.innerHTML = `
       <div class='ea-tag' part='container'>
         <slot></slot>
-        <ea-icon class="ea-tag__close" part="close-icon" icon="icon-cancel"></ea-icon>
+        <ea-icon class="ea-tag__close" part="close-icon" name="xmark"></ea-icon>
       </div>
     `, l(this, i, this.shadowRoot.querySelector(".ea-tag")), l(this, d, this.shadowRoot.querySelector(".ea-tag__close")), this.updateContainerClasslist();
   }

package/dist/components/ea-time-picker.js

@@ -446,7 +446,7 @@ class lt extends st {
           part='input' 
           autocomplete="off" 
           readonly 
-          prefix-icon="icon-clock"
+          prefix-icon="clock"
         ></ea-input>
         <div class="${s.e("dropdown")}" part='dropdown'>
           <div class="${s.e("dropdown-inner-wrap")}" part='dropdown-inner-wrap'>
@@ -476,11 +476,7 @@ class lt extends st {
    */
   updateValidity() {
     const s = this.value !== "" && this.value != null;
-    this.required && !s ? this.internals.setValidity(
-      { valueMissing: !0 },
-      "请选择时间",
-      this
-    ) : this.internals.setValidity({}, "", this);
+    this.required && !s ? this.internals.setValidity({ valueMissing: !0 }, "请选择时间", this) : this.internals.setValidity({}, "", this);
   }
   /**
    * 检查表单字段的有效性

package/dist/components/ea-timeline.js

@@ -89,7 +89,7 @@ class g extends f {
         type: String,
         default: "",
         observer: (e) => {
-          a(this, r).innerHTML = `<ea-icon class="ea-timeline-item__icon-dot" part='icon-dot' icon="${e}"></ea-icon>`;
+          a(this, r).innerHTML = `<ea-icon class="ea-timeline-item__icon-dot" part='icon-dot' name="${e}"></ea-icon>`;
         }
       },
       size: {

package/dist/components/ea-tooltip.js

@@ -58,32 +58,60 @@ class L extends k {
     }));
     r(this, u, {
       hover: () => {
-        this.addEventListener("mouseover", (t) => {
-          this.show(), this.addEventListener("mouseout", (i) => {
-            this.hide();
-          }, { once: !0 });
-        }, { signal: o(this, n).signal });
+        this.addEventListener(
+          "mouseover",
+          (t) => {
+            this.show(), this.addEventListener(
+              "mouseout",
+              (i) => {
+                this.hide();
+              },
+              { once: !0 }
+            );
+          },
+          { signal: o(this, n).signal }
+        );
       },
       click: () => {
-        this.addEventListener("click", () => {
-          this.toggle();
-        }, { signal: o(this, n).signal });
+        this.addEventListener(
+          "click",
+          () => {
+            this.toggle();
+          },
+          { signal: o(this, n).signal }
+        );
       },
       focus: () => {
-        this.addEventListener("focus", () => {
-          this.show(), this.addEventListener("blur", (t) => {
-            this.hide();
-          }, { once: !0 });
-        }, { signal: o(this, n).signal });
+        this.addEventListener(
+          "focus",
+          () => {
+            this.show(), this.addEventListener(
+              "blur",
+              (t) => {
+                this.hide();
+              },
+              { once: !0 }
+            );
+          },
+          { signal: o(this, n).signal }
+        );
       },
       contextmenu: () => {
-        this.addEventListener("contextmenu", (t) => {
-          t.preventDefault();
-          const i = new AbortController();
-          this.show(), window.addEventListener("click", (a) => {
-            this.contains(a.target) || (i.abort(), this.hide());
-          }, { signal: i.signal });
-        }, { signal: o(this, n).signal });
+        this.addEventListener(
+          "contextmenu",
+          (t) => {
+            t.preventDefault();
+            const i = new AbortController();
+            this.show(), window.addEventListener(
+              "click",
+              (a) => {
+                this.contains(a.target) || (i.abort(), this.hide());
+              },
+              { signal: i.signal }
+            );
+          },
+          { signal: o(this, n).signal }
+        );
       }
     });
     r(this, g, () => {
@@ -93,13 +121,25 @@ class L extends k {
     r(this, f, () => {
       var i, a;
       if (this.trigger === "customized") return;
-      const t = Object.keys(o(this, u)).find((v) => this.trigger === v);
+      const t = Object.keys(o(this, u)).find(
+        (v) => this.trigger === v
+      );
       (a = (i = o(this, u))[t || "hover"]) == null || a.call(i), t || console.warn(`[EaPopper] trigger event ${this.trigger} is not exist`);
     });
-    l(this, d, this.shadowRoot.querySelector(".ea-popper")), l(this, c, this.shadowRoot.querySelector(".ea-popper__original")), l(this, p, this.shadowRoot.querySelector(".ea-popper__reference"));
+    l(this, d, this.shadowRoot.querySelector(".ea-popper")), l(this, c, this.shadowRoot.querySelector(
+      ".ea-popper__original"
+    )), l(this, p, this.shadowRoot.querySelector(
+      ".ea-popper__reference"
+    ));
   }
   static get observedAttributes() {
-    return [...super.observedAttributes, "trigger", "content", "visible", "effect"];
+    return [
+      ...super.observedAttributes,
+      "trigger",
+      "content",
+      "visible",
+      "effect"
+    ];
   }
   updateContainerClasslist() {
     return `${super.updateContainerClasslist()} ${this.computedClasslist("ea-tooltip", {

package/dist/components/ea-tour.js

@@ -162,34 +162,34 @@ class nt extends X {
      */
     n(this, W, (t, s) => {
       var K;
-      const { width: o, height: g, x: v, y: N, top: c, bottom: x, left: h } = t.getBoundingClientRect(), i = this.gap * 2, d = s.clientWidth || s.offsetWidth || 520, b = s.clientHeight || s.offsetHeight || 0, Z = window.innerWidth, V = window.innerHeight, tt = {
+      const { width: o, height: g, x: v, y: N, top: d, bottom: x, left: h } = t.getBoundingClientRect(), i = this.gap * 2, c = s.clientWidth || s.offsetWidth || 520, b = s.clientHeight || s.offsetHeight || 0, Z = window.innerWidth, V = window.innerHeight, tt = {
         top: {
-          top: c - b - i,
-          left: h - d / 2 + i
+          top: d - b - i,
+          left: h - c / 2 + i
         },
         "top-start": {
-          top: c - b - i,
+          top: d - b - i,
           left: h - i
         },
         "top-end": {
-          top: c - b - i,
-          left: h - d + o + i
+          top: d - b - i,
+          left: h - c + o + i
         },
         right: {
-          top: c - i - b / 2 + g / 2,
+          top: d - i - b / 2 + g / 2,
           left: h + o + i
         },
         "right-start": {
-          top: c - i,
+          top: d - i,
           left: h + o + i
         },
         "right-end": {
-          top: c - b / 2 - i,
+          top: d - b / 2 - i,
           left: h + o + i
         },
         bottom: {
           top: x + i,
-          left: h - d / 2 + i
+          left: h - c / 2 + i
         },
         "bottom-start": {
           top: x + i,
@@ -197,19 +197,19 @@ class nt extends X {
         },
         "bottom-end": {
           top: x + i,
-          left: h - d + o + i
+          left: h - c + o + i
         },
         left: {
-          top: c - i - b / 2 + g / 2,
-          left: h - d - i * 2
+          top: d - i - b / 2 + g / 2,
+          left: h - c - i * 2
         },
         "left-start": {
-          top: c - i,
-          left: h - d - i * 2
+          top: d - i,
+          left: h - c - i * 2
         },
         "left-end": {
-          top: c - b / 2 - i,
-          left: h - d - i * 2
+          top: d - b / 2 - i,
+          left: h - c - i * 2
         }
       }, J = s.placement || ((K = s.getAttribute) == null ? void 0 : K.call(s, "placement")) || this.placement, j = tt[J];
       if (!j) {
@@ -217,7 +217,7 @@ class nt extends X {
         return;
       }
       let w = Number(j.top), _ = Number(j.left);
-      w < 0 ? w = Math.max(w, N + i + g) : w + b > V && (w = Math.min(w, N - b - i)), _ < 0 ? _ = Math.max(_, v + o + i) : _ + d > Z && (_ = Math.min(_, v - d - i)), s.style.left = `${_}px`, s.style.top = `${w}px`;
+      w < 0 ? w = Math.max(w, N + i + g) : w + b > V && (w = Math.min(w, N - b - i)), _ < 0 ? _ = Math.max(_, v + o + i) : _ + c > Z && (_ = Math.min(_, v - c - i)), s.style.left = `${_}px`, s.style.top = `${w}px`;
     });
     /**
      * 更新 提示容器 的位置
@@ -235,8 +235,8 @@ class nt extends X {
       at(v) || window.scrollTo({
         top: v.getBoundingClientRect().top
       });
-      const { width: N, height: c, x, y: h, right: i, bottom: d } = v.getBoundingClientRect();
-      e(this, u).style.width = `${N + this.gap}px`, e(this, u).style.height = `${c + this.gap}px`, e(this, u).style.x = `${x - o}px`, e(this, u).style.y = `${h - o}px`, e(this, E).style.height = `${h - o}px`, e(this, k).style.x = `${i + o}px`, e(this, S).style.y = `${d + o}px`, e(this, A).style.width = `${x - o}px`, e(this, W).call(this, v, s[t]);
+      const { width: N, height: d, x, y: h, right: i, bottom: c } = v.getBoundingClientRect();
+      e(this, u).style.width = `${N + this.gap}px`, e(this, u).style.height = `${d + this.gap}px`, e(this, u).style.x = `${x - o}px`, e(this, u).style.y = `${h - o}px`, e(this, E).style.height = `${h - o}px`, e(this, k).style.x = `${i + o}px`, e(this, S).style.y = `${c + o}px`, e(this, A).style.width = `${x - o}px`, e(this, W).call(this, v, s[t]);
     });
     this.stylesheet = ot, this.$render(), e(this, D).call(this, this["append-to"]);
   }
@@ -451,7 +451,7 @@ class ht extends X {
       <div class='ea-tour-step' part='container'>
         <header class='ea-tour-step__header' part='header'>
           <slot name='header'></slot>
-          <ea-icon class='ea-tour-step__close-icon' part='close-icon' icon="icon-cancel"></ea-icon>
+          <ea-icon class='ea-tour-step__close-icon' part='close-icon' name="xmark"></ea-icon>
         </header>
         <main class='ea-tour-step__content' part='content'>
           <slot></slot>

package/dist/components/ea-transfer.js

@@ -747,7 +747,7 @@ class Lt extends xt {
             size="small" 
             disabled
           >
-            <ea-icon icon="icon-angle-right"></ea-icon>
+            <ea-icon name="angle-right"></ea-icon>
             <span class="${t.e("button-text")}"></span>
           </ea-button>
           <ea-button 
@@ -757,7 +757,7 @@ class Lt extends xt {
             size="small" 
             disabled
           >
-            <ea-icon icon="icon-angle-left"></ea-icon>
+            <ea-icon name="angle-left"></ea-icon>
             <span class="${t.e("button-text")}"></span>
           </ea-button>
         </div>

package/dist/components/ea-tree.js

@@ -290,7 +290,7 @@ class Be extends he {
     const e = ce("tree-label");
     this.ns = e, this.shadowRoot.innerHTML = `
       <div class='${e.b()}' part='container'>
-        <ea-icon icon="icon-angle-right" class='${e.e("toggle-icon")}' part='toggle'></ea-icon>
+        <ea-icon name="angle-right" class='${e.e("toggle-icon")}' part='toggle'></ea-icon>
         <ea-checkbox class='${e.e("checkbox")}' part='checkbox'></ea-checkbox>
         <span class='${e.e("text")}' part='text'></span>
       </div>

package/dist/components/index.js

@@ -26,7 +26,6 @@ import "./ea-input.js";
 import "./ea-input-number.js";
 import "./ea-layout.js";
 import "./ea-link.js";
-import "./ea-loading.js";
 import "./ea-menu.js";
 import "./ea-message.js";
 import "./ea-message-box.js";

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

@@ -1,4 +1,4 @@
-const r = ":host{--ea-card-border-color: var(--color-border, #ebeef5);--ea-card-transition: var(--transition-normal);--ea-card-border-radius: var(--border-radius-sm);--ea-card-box-shadow: var(--box-shadow-md);--ea-card-background-color: var(--color-white);--ea-card-padding: 20px}:host{display:block}::slotted([slot=header]),::slotted([slot=footer]){display:block;padding:var(--ea-card-padding)}::slotted([slot=header]){border-bottom:1px solid var(--ea-card-border-color)}::slotted([slot=footer]){border-top:1px solid var(--ea-card-border-color)}.ea-card{width:100%;height:100%;box-sizing:border-box;border-radius:var(--ea-card-border-radius);border:1px solid var(--ea-card-border-color);background-color:var(--ea-card-background-color);transition:box-shadow var(--ea-card-transition)}.ea-card__content,.ea-card .ea-card__header,.ea-card .ea-card__footer{padding:var(--ea-card-padding)}.ea-card .ea-card__header:has(slot:empty),.ea-card .ea-card__footer:has(slot:empty){padding:0;border:none}.ea-card__header{border-bottom:1px solid var(--ea-card-border-color)}.ea-card__footer{border-top:1px solid var(--ea-card-border-color)}.ea-card--hover-shadow:hover,.ea-card--always-shadow{box-shadow:var(--ea-card-box-shadow)}.ea-card--never-shadow{box-shadow:none}";
+const a = ":host{--ea-card-border-color: var(--color-border, #ebeef5);--ea-card-transition: var(--transition-normal);--ea-card-border-radius: var(--border-radius-sm);--ea-card-box-shadow: var(--box-shadow-md);--ea-card-background-color: var(--color-white);--ea-card-padding: 20px}:host{display:block}.ea-card{width:100%;height:100%;box-sizing:border-box;border-radius:var(--ea-card-border-radius);border:1px solid var(--ea-card-border-color);background-color:var(--ea-card-background-color);transition:box-shadow var(--ea-card-transition)}.ea-card__content{padding:var(--ea-card-padding)}.ea-card__header{padding:var(--ea-card-padding);border-bottom:1px solid var(--ea-card-border-color)}.ea-card__footer{padding:var(--ea-card-padding);border-top:1px solid var(--ea-card-border-color)}.ea-card--hover-shadow:hover,.ea-card--always-shadow{box-shadow:var(--ea-card-box-shadow)}.ea-card--never-shadow{box-shadow:none}.ea-card.is-header-empty .ea-card__header,.ea-card.is-footer-empty .ea-card__footer{display:none;padding:0}";
 export {
-  r as s
+  a as s
 };

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

@@ -1,4 +1,4 @@
-const e = ":host{display:block;--ea-container-direction: row}::slotted(ea-main),::slotted(ea-scrollbar){flex:1;overflow:auto}::slotted(ea-container){width:100%;height:100%}::slotted(ea-header),::slotted(ea-main){width:100%}.ea-container{box-sizing:border-box;display:flex;flex-direction:var(--ea-container-direction);width:100%;height:100%}.ea-container--vertical{--ea-container-direction: column}";
+const e = ":host{display:block}::slotted(ea-main),::slotted(ea-scrollbar){flex:1;overflow:auto}::slotted(ea-container){width:100%;height:100%}::slotted(ea-header),::slotted(ea-main){width:100%}.ea-container{box-sizing:border-box;display:flex;flex-direction:row;width:100%;height:100%}.ea-container--vertical{flex-direction:column}";
 export {
   e as s
 };

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

@@ -1,4 +1,4 @@
-const e = ":host{--ea-footer-padding: 0 20px;--ea-footer-height: 60px}.ea-footer{box-sizing:border-box;padding:var(--ea-footer-padding);height:var(--ea-footer-height);overflow:hidden}";
+const e = ":host{--ea-footer-padding: 0 20px;--ea-footer-height: 60px}.ea-footer{box-sizing:border-box;padding:var(--ea-footer-padding);height:var(--ea-footer-height);line-height:var(--ea-footer-height);overflow:hidden}";
 export {
   e as s
 };

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

@@ -1,4 +1,4 @@
-const r = ".ea-progress.is-dashboard,.ea-progress.is-circle{width:var(--ea-progress-size);height:var(--ea-progress-size)}.ea-progress.is-dashboard .ea-progress__path,.ea-progress.is-circle .ea-progress__path,.ea-progress.is-dashboard .ea-progress__track,.ea-progress.is-circle .ea-progress__track{stroke-width:var(--ea-progress-stroke-width);stroke-linecap:round;transform-origin:center}.ea-progress.is-dashboard .ea-progress__path,.ea-progress.is-circle .ea-progress__path{transition:stroke-dashoffset .3s ease-in-out,stroke .3s ease-in-out;animation:none}.ea-progress.is-dashboard .ea-progress__percentage,.ea-progress.is-circle .ea-progress__percentage{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);margin:0;min-width:auto;width:auto;height:auto;font-size:16px}.ea-progress.is-dashboard .ea-progress__status,.ea-progress.is-circle .ea-progress__status{font-size:16px}:host{--ea-progress-percentage: 0;--ea-progress-stroke-width: 8px;--ea-progress-default-color: var(--blue-500);--ea-progress-success-color: var(--green-500);--ea-progress-exception-color: var(--red-500);--ea-progress-warning-color: var(--yellow-500);--ea-progress-percentage-color: var(--grey-900);--ea-progress-track-color: var(--grey-200);--ea-progress-path-color: var(--ea-progress-default-color);--ea-progress-size: 126px;--ea-progress-animation-duration: 3s}:host([type=circle]){--ea-progress-stroke-width: 4px}:host{display:block}@keyframes indeterminate{0%{transform:translate(-100%)}to{transform:translate(200%)}}@keyframes striped-flow{0%{background-position:0 0}to{background-position:100% 0}}.ea-progress{position:relative;display:flex;align-items:center;width:100%}.ea-progress .ea-progress__track,.ea-progress .ea-progress__path{height:var(--ea-progress-stroke-width);line-height:1;border-radius:999px;transition:width .3s ease-in-out}.ea-progress__track{width:100%;background-color:var(--ea-progress-track-color);overflow:hidden}.ea-progress__path{position:relative;box-sizing:border-box;font-size:.8rem;text-align:right;width:var(--ea-progress-percentage);background-color:var(--ea-progress-path-color);transition:width .3s}.ea-progress__percentage{display:none;min-width:50px;margin-left:.25rem;font-size:.8rem;color:var(--ea-progress-percentage-color)}.ea-progress--default{--ea-progress-percentage-color: var(--ea-progress-default-color);--ea-progress-path-color: var(--ea-progress-default-color)}.ea-progress--success{--ea-progress-percentage-color: var(--ea-progress-success-color);--ea-progress-path-color: var(--ea-progress-success-color)}.ea-progress--exception{--ea-progress-percentage-color: var(--ea-progress-exception-color);--ea-progress-path-color: var(--ea-progress-exception-color)}.ea-progress--warning{--ea-progress-percentage-color: var(--ea-progress-warning-color);--ea-progress-path-color: var(--ea-progress-warning-color)}.ea-progress--text-inside .ea-progress__percentage{position:absolute;right:0;top:50%;transform:translateY(-50%);margin-right:.5rem;color:#fff}.ea-progress--striped .ea-progress__path{background-image:linear-gradient(60deg,transparent 40%,rgba(0,0,0,.15) 40%,rgba(0,0,0,.15) 60%,transparent 60%);background-size:var(--ea-progress-stroke-width)}.ea-progress.is-striped-flow .ea-progress__path{animation:striped-flow var(--ea-progress-animation-duration) infinite linear}.ea-progress.is-indeterminate .ea-progress__path{animation:indeterminate var(--ea-progress-animation-duration) infinite ease-in-out}.ea-progress.is-striped-flow.is-indeterminate .ea-progress__path,.ea-progress.is-indeterminate.is-striped-flow .ea-progress__path{animation:indeterminate var(--ea-progress-animation-duration) infinite ease-in-out,striped-flow var(--ea-progress-animation-duration) infinite linear}.ea-progress.is-show-text .ea-progress__percentage{display:flex}.ea-progress.is-circle .ea-progress__path,.ea-progress.is-circle .ea-progress__track{r:calc(49px - var(--ea-progress-stroke-width) / 2);transform:rotate(-90deg)}.ea-progress.is-circle .ea-progress__track{stroke:var(--ea-progress-track-color)}.ea-progress.is-circle .ea-progress__path{stroke:var(--ea-progress-path-color);stroke-dashoffset:var(--ea-progress-percentage)}.ea-progress.is-dashboard .ea-progress__path,.ea-progress.is-dashboard .ea-progress__track{r:calc(49px - var(--ea-progress-stroke-width) / 2);transform:rotate(135deg)}.ea-progress.is-dashboard .ea-progress__track{stroke:var(--ea-progress-track-color);stroke-dasharray:157px}.ea-progress.is-dashboard .ea-progress__path{stroke:var(--ea-progress-path-color);stroke-dasharray:314px;stroke-dashoffset:var(--ea-progress-percentage)}.ea-progress.is-dashboard .mask{transform-origin:center;height:100%;width:100%;transform:rotate(-135deg) translateY(-30%)}";
+const r = ".ea-progress.is-dashboard,.ea-progress.is-circle{width:var(--ea-progress-size);height:var(--ea-progress-size)}.ea-progress.is-dashboard .ea-progress__path,.ea-progress.is-circle .ea-progress__path,.ea-progress.is-dashboard .ea-progress__track,.ea-progress.is-circle .ea-progress__track{stroke-width:var(--ea-progress-stroke-width);stroke-linecap:round;transform-origin:center}.ea-progress.is-dashboard .ea-progress__path,.ea-progress.is-circle .ea-progress__path{transition:stroke-dashoffset .3s ease-in-out,stroke .3s ease-in-out;animation:none}.ea-progress.is-dashboard .ea-progress__percentage,.ea-progress.is-circle .ea-progress__percentage{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);margin:0;min-width:auto;width:auto;height:auto;font-size:16px}.ea-progress.is-dashboard .ea-progress__status,.ea-progress.is-circle .ea-progress__status{font-size:16px}:host{--ea-progress-percentage: 0;--ea-progress-stroke-width: 8px;--ea-progress-default-color: var(--blue-500);--ea-progress-success-color: var(--green-500);--ea-progress-exception-color: var(--red-500);--ea-progress-warning-color: var(--yellow-500);--ea-progress-percentage-color: var(--grey-900);--ea-progress-track-color: var(--grey-200);--ea-progress-path-color: var(--ea-progress-default-color);--ea-progress-size: 126px;--ea-progress-animation-duration: 3s}:host([type=circle]){--ea-progress-stroke-width: 4px}:host{display:block}@keyframes indeterminate{0%{transform:translate(-100%)}to{transform:translate(200%)}}@keyframes striped-flow{0%{background-position:0 0}to{background-position:100% 0}}.ea-progress{position:relative;display:flex;align-items:center;width:100%}.ea-progress .ea-progress__track,.ea-progress .ea-progress__path{height:var(--ea-progress-stroke-width);line-height:1;border-radius:999px;transition:width .3s ease-in-out}.ea-progress__track{width:100%;background-color:var(--ea-progress-track-color);overflow:hidden}.ea-progress__path{position:relative;box-sizing:border-box;font-size:.8rem;text-align:right;width:var(--ea-progress-percentage);background-color:var(--ea-progress-path-color);transition:width .3s}.ea-progress__percentage{display:none;min-width:50px;margin-left:.25rem;font-size:.8rem;color:var(--ea-progress-percentage-color)}.ea-progress--default{--ea-progress-percentage-color: var(--ea-progress-default-color);--ea-progress-path-color: var(--ea-progress-default-color)}.ea-progress--success{--ea-progress-percentage-color: var(--ea-progress-success-color);--ea-progress-path-color: var(--ea-progress-success-color)}.ea-progress--exception{--ea-progress-percentage-color: var(--ea-progress-exception-color);--ea-progress-path-color: var(--ea-progress-exception-color)}.ea-progress--warning{--ea-progress-percentage-color: var(--ea-progress-warning-color);--ea-progress-path-color: var(--ea-progress-warning-color)}.ea-progress--text-inside .ea-progress__percentage{position:absolute;right:0;top:50%;transform:translateY(-50%);margin-right:.5rem;color:#fff}.ea-progress--striped .ea-progress__path{background-image:linear-gradient(60deg,transparent 40%,rgba(0,0,0,.15) 40%,rgba(0,0,0,.15) 60%,transparent 60%);background-size:var(--ea-progress-stroke-width)}.ea-progress.is-striped-flow .ea-progress__path{animation:striped-flow var(--ea-progress-animation-duration) infinite linear}.ea-progress.is-indeterminate .ea-progress__path{animation:indeterminate var(--ea-progress-animation-duration) infinite ease-in-out}.ea-progress.is-striped-flow.is-indeterminate .ea-progress__path,.ea-progress.is-indeterminate.is-striped-flow .ea-progress__path{animation:indeterminate var(--ea-progress-animation-duration) infinite ease-in-out,striped-flow var(--ea-progress-animation-duration) infinite linear}.ea-progress.is-show-text .ea-progress__percentage{display:flex;flex-direction:column}.ea-progress.is-circle .ea-progress__path,.ea-progress.is-circle .ea-progress__track{r:calc(49px - var(--ea-progress-stroke-width) / 2);transform:rotate(-90deg)}.ea-progress.is-circle .ea-progress__track{stroke:var(--ea-progress-track-color)}.ea-progress.is-circle .ea-progress__path{stroke:var(--ea-progress-path-color);stroke-dashoffset:var(--ea-progress-percentage)}.ea-progress.is-dashboard .ea-progress__path,.ea-progress.is-dashboard .ea-progress__track{r:calc(49px - var(--ea-progress-stroke-width) / 2);transform:rotate(135deg)}.ea-progress.is-dashboard .ea-progress__track{stroke:var(--ea-progress-track-color);stroke-dasharray:157px}.ea-progress.is-dashboard .ea-progress__path{stroke:var(--ea-progress-path-color);stroke-dasharray:314px;stroke-dashoffset:var(--ea-progress-percentage)}.ea-progress.is-dashboard .mask{transform-origin:center;height:100%;width:100%;transform:rotate(-135deg) translateY(-30%)}";
 export {
   r as s
 };

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

@@ -1,4 +1,4 @@
-const e = ":host{--ea-step-icon-border-radius: var(--border-radius-circle);--ea-step-icon-wrapper-size: 24px;--ea-step-icon-size: var(--font-size-md);--ea-step-arrow-icon-size: 24px;--ea-step-tail-size: 2px;--ea-step-process-color: var(--grey-900);--ea-step-wait-color: var(--grey-500);--ea-step-finish-color: var(--blue-500);--ea-step-success-color: var(--green-500);--ea-step-error-color: var(--red-500);--ea-step-tail-color: var(--grey-500);--ea-step-icon-bg-color: var(--color-white);--ea-step-icon-font-weight: var(--font-weight-bold)}.ea-step__head{position:relative;display:flex;align-items:center}.ea-step__icon-wrapper{position:relative;background-color:var(--ea-step-icon-bg-color);z-index:1}.ea-step__icon{position:relative;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;border-radius:var(--ea-step-icon-border-radius);border:2px solid;background-color:var(--ea-step-icon-bg-color);width:var(--ea-step-icon-wrapper-size);height:var(--ea-step-icon-wrapper-size);font-size:var(--ea-step-icon-size);font-weight:var(--ea-step-icon-font-weight);-webkit-user-select:none;user-select:none;z-index:1}.ea-step__tail{position:relative;flex:1 0 var(--ea-step-tail-spacing);width:var(--ea-step-tail-spacing);height:var(--ea-step-tail-size);background-color:var(--ea-step-tail-color);z-index:0}.ea-step__simple-arrow{display:none}.ea-step.is-process{color:var(--grey-900)}.ea-step.is-process .ea-step__icon,.ea-step.is-process .ea-step__tail{border-color:var(--grey-900)}.ea-step.is-wait{color:var(--grey-500)}.ea-step.is-wait .ea-step__icon,.ea-step.is-wait .ea-step__tail{border-color:var(--grey-500)}.ea-step.is-finish{color:var(--blue-500)}.ea-step.is-finish .ea-step__icon,.ea-step.is-finish .ea-step__tail{border-color:var(--blue-500)}.ea-step.is-success{color:var(--green-500)}.ea-step.is-success .ea-step__icon,.ea-step.is-success .ea-step__tail{border-color:var(--green-500)}.ea-step.is-error{color:var(--red-500)}.ea-step.is-error .ea-step__icon,.ea-step.is-error .ea-step__tail{border-color:var(--red-500)}.ea-step.is-icon .ea-step__icon{border-color:transparent}.ea-step:not(.is-simple).is-align-center{text-align:center}.ea-step:not(.is-simple).is-align-center .ea-step__tail{flex:1 0 100%;margin-left:calc(0px - var(--ea-step-icon-wrapper-size))}.ea-step:not(.is-simple).is-align-center .ea-step__icon-wrapper{left:50%;transform:translate(-50%)}.ea-step:not(.is-simple).is-align-center.is-first .ea-step__icon-wrapper{flex:1 0 calc(50% + var(--ea-step-icon-wrapper-size) / 2);position:relative;inset:unset;text-align:end;transform:unset}.ea-step:not(.is-simple).is-align-center.is-first .ea-step__tail{flex:1 0 50%}.ea-step:not(.is-simple).is-align-center.is-last .ea-step__head{flex-direction:row-reverse}.ea-step:not(.is-simple).is-align-center.is-last .ea-step__icon-wrapper{flex:1 0 calc(50% + var(--ea-step-icon-size) / 2);position:relative;inset:unset;text-align:start;transform:unset}.ea-step:not(.is-simple).is-align-center.is-last .ea-step__tail{flex:1 0 50%;display:inline-block}.ea-step.is-simple{display:flex;align-items:center;justify-content:center}.ea-step.is-simple .ea-step__tail{display:none}.ea-step.is-simple .ea-step__icon-wrapper{background-color:transparent}.ea-step.is-simple .ea-step__icon{border-color:transparent;background-color:transparent}.ea-step.is-simple .ea-step__simple-arrow{display:inline-block;flex:1 0 auto;text-align:center}.ea-step.is-simple .ea-step__simple-arrow ::slotted(ea-icon){font-size:var(--ea-step-arrow-icon-size)}.ea-step.is-last .ea-step__tail,.ea-step.is-last .ea-step__simple-arrow{display:none}";
+const e = ":host{--ea-step-icon-border-radius: var(--border-radius-circle);--ea-step-icon-wrapper-size: 24px;--ea-step-icon-size: var(--font-size-md);--ea-step-arrow-icon-size: 24px;--ea-step-tail-size: 2px;--ea-step-process-color: var(--grey-900);--ea-step-wait-color: var(--grey-500);--ea-step-finish-color: var(--blue-500);--ea-step-success-color: var(--green-500);--ea-step-error-color: var(--red-500);--ea-step-tail-color: var(--grey-500);--ea-step-icon-bg-color: var(--color-white);--ea-step-icon-font-weight: var(--font-weight-bold)}.ea-step__head{position:relative;display:flex;align-items:center}.ea-step__icon-wrapper{position:relative;z-index:1}.ea-step__icon{position:relative;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;border-radius:var(--ea-step-icon-border-radius);border:2px solid;background-color:var(--ea-step-icon-bg-color);width:var(--ea-step-icon-wrapper-size);height:var(--ea-step-icon-wrapper-size);font-size:var(--ea-step-icon-size);font-weight:var(--ea-step-icon-font-weight);-webkit-user-select:none;user-select:none;z-index:1}.ea-step__tail{position:relative;flex:1 0 var(--ea-step-tail-spacing);width:var(--ea-step-tail-spacing);height:var(--ea-step-tail-size);background-color:var(--ea-step-tail-color);z-index:0}.ea-step__simple-arrow{display:none}.ea-step.is-process{color:var(--grey-900)}.ea-step.is-process .ea-step__icon,.ea-step.is-process .ea-step__tail{border-color:var(--grey-900)}.ea-step.is-wait{color:var(--grey-500)}.ea-step.is-wait .ea-step__icon,.ea-step.is-wait .ea-step__tail{border-color:var(--grey-500)}.ea-step.is-finish{color:var(--blue-500)}.ea-step.is-finish .ea-step__icon,.ea-step.is-finish .ea-step__tail{border-color:var(--blue-500)}.ea-step.is-success{color:var(--green-500)}.ea-step.is-success .ea-step__icon,.ea-step.is-success .ea-step__tail{border-color:var(--green-500)}.ea-step.is-error{color:var(--red-500)}.ea-step.is-error .ea-step__icon,.ea-step.is-error .ea-step__tail{border-color:var(--red-500)}.ea-step.is-icon .ea-step__icon{border-color:transparent}.ea-step:not(.is-simple).is-align-center{text-align:center}.ea-step:not(.is-simple).is-align-center .ea-step__tail{flex:1 0 100%;margin-left:calc(0px - var(--ea-step-icon-wrapper-size))}.ea-step:not(.is-simple).is-align-center .ea-step__icon-wrapper{left:50%;transform:translate(-50%)}.ea-step:not(.is-simple).is-align-center.is-first .ea-step__icon-wrapper{flex:1 0 calc(50% + var(--ea-step-icon-wrapper-size) / 2);position:relative;inset:unset;text-align:end;transform:unset}.ea-step:not(.is-simple).is-align-center.is-first .ea-step__tail{flex:1 0 50%}.ea-step:not(.is-simple).is-align-center.is-last .ea-step__head{flex-direction:row-reverse}.ea-step:not(.is-simple).is-align-center.is-last .ea-step__icon-wrapper{flex:1 0 calc(50% + var(--ea-step-icon-size) / 2);position:relative;inset:unset;text-align:start;transform:unset}.ea-step:not(.is-simple).is-align-center.is-last .ea-step__tail{flex:1 0 50%;display:inline-block}.ea-step.is-simple{display:flex;align-items:center;justify-content:center}.ea-step.is-simple .ea-step__tail{display:none}.ea-step.is-simple .ea-step__icon-wrapper{background-color:transparent}.ea-step.is-simple .ea-step__icon{border-color:transparent;background-color:transparent}.ea-step.is-simple .ea-step__simple-arrow{display:inline-block;flex:1 0 auto;text-align:center}.ea-step.is-simple .ea-step__simple-arrow ::slotted(ea-icon){font-size:var(--ea-step-arrow-icon-size)}.ea-step.is-last .ea-step__tail,.ea-step.is-last .ea-step__simple-arrow{display:none}";
 export {
   e as s
 };

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

@@ -1,4 +1,4 @@
-const e = ':host{--ea-switch-space: 0 var(--spacing-md);--ea-switch-large-width: 50px;--ea-switch-default-width: 40px;--ea-switch-small-width: 30px;--ea-switch-large-height: 24px;--ea-switch-default-height: 20px;--ea-switch-small-height: 16px;--ea-switch-indicator-large-size: 20px;--ea-switch-indicator-default-size: 16px;--ea-switch-indicator-small-size: 12px;--ea-switch-large-font-size: 18px;--ea-switch-default-font-size: 16px;--ea-switch-small-font-size: 14px;--ea-switch-indicator-color: var(--color-white);--ea-switch-indicator-start: 2px;--ea-switch-indicator-end: calc(100% - var(--ea-switch-indicator-default-size) - 2px);--ea-switch-inactive-bg-color: var(--grey-300);--ea-switch-inactive-text-color: var(--grey-900);--ea-switch-active-bg-color: var(--blue-500);--ea-switch-active-text-color: var(--blue-500);--ea-switch-disabled-text-color: var(--grey-300);--ea-switch-disabled-bg-color: var(--grey-200);--ea-switch-disabled-checked-bg-color: var(--blue-300);--ea-switch-disabled-checked-text-color: var(--blue-300);--ea-switch-border-radius: var(--border-radius-round)}:host(:invalid) .ea-switch__form-label{color:var(--red-500)}:host(:invalid) .ea-switch__inner{box-shadow:0 0 0 2px var(--red-500)}:host([inactive-text]) .ea-switch__label{color:var(--ea-switch-active-text-color)}:host([inactive-text]) .ea-switch__label.label-right{color:var(--ea-switch-inactive-text-color)}:host([inactive-text]) .ea-switch.is-checked .label-left{color:var(--ea-switch-inactive-text-color)}:host([inactive-text]) .ea-switch.is-checked .label-right{color:var(--ea-switch-active-text-color)}:host([inactive-text]) .ea-switch.is-disabled .label-left{color:var(--ea-switch-disabled-checked-text-color)}:host([inactive-text]) .ea-switch.is-disabled .label-right{color:var(--ea-switch-disabled-text-color)}:host([disabled]){cursor:not-allowed}:host{display:inline-block}.ea-switch-wrapper{display:inline-flex;align-items:center;flex-wrap:nowrap;flex-direction:column}.ea-switch{display:flex;align-items:center;cursor:pointer;color:var(--ea-switch-inactive-text-color)}.ea-switch__form-label{display:block;padding-bottom:var(--spacing-md);font-size:var(--font-size-md);color:var(--grey-700)}.ea-switch__form-label:empty{display:none}.ea-switch__original{display:none}.ea-switch__inner{position:relative;margin:var(--ea-switch-space);height:var(--ea-switch-default-height);line-height:var(--ea-switch-default-height);background-color:var(--ea-switch-inactive-bg-color);border-radius:var(--ea-switch-border-radius);transition:background-color var(--transition-normal)}.ea-switch__inner:after{content:"";display:block;position:absolute;left:var(--ea-switch-indicator-start);top:50%;transform-origin:center center;transform:translateY(-50%);width:var(--ea-switch-indicator-default-size);height:var(--ea-switch-indicator-default-size);border-radius:var(--border-radius-circle);background-color:var(--ea-switch-indicator-color);z-index:1;transition:left var(--transition-normal),transform var(--transition-normal)}.ea-switch__label.label-left{color:var(--ea-switch-active-text-color)}.ea-switch__label{transition:color var(--transition-normal)}.ea-switch--small{font-size:var(--ea-switch-small-font-size)}.ea-switch--small .ea-switch__inner{flex:1 0 var(--ea-switch-small-width);width:var(--ea-switch-small-width);height:var(--ea-switch-small-height);min-width:calc(var(--ea-switch-small-width))}.ea-switch--small .ea-switch__inner:after{width:var(--ea-switch-indicator-small-size);height:var(--ea-switch-indicator-small-size)}.ea-switch--small.is-checked .ea-switch__inner:after{color:var(--ea-switch-active-bg-color);left:calc(100% - var(--ea-switch-indicator-small-size) - 2px)}.ea-switch--default{font-size:var(--ea-switch-default-font-size)}.ea-switch--default .ea-switch__inner{flex:1 0 var(--ea-switch-default-width);width:var(--ea-switch-default-width);height:var(--ea-switch-default-height);min-width:calc(var(--ea-switch-default-width))}.ea-switch--default .ea-switch__inner:after{width:var(--ea-switch-indicator-default-size);height:var(--ea-switch-indicator-default-size)}.ea-switch--default.is-checked .ea-switch__inner:after{color:var(--ea-switch-active-bg-color);left:calc(100% - var(--ea-switch-indicator-default-size) - 2px)}.ea-switch--large{font-size:var(--ea-switch-large-font-size)}.ea-switch--large .ea-switch__inner{flex:1 0 var(--ea-switch-large-width);width:var(--ea-switch-large-width);height:var(--ea-switch-large-height);min-width:calc(var(--ea-switch-large-width))}.ea-switch--large .ea-switch__inner:after{width:var(--ea-switch-indicator-large-size);height:var(--ea-switch-indicator-large-size)}.ea-switch--large.is-checked .ea-switch__inner:after{color:var(--ea-switch-active-bg-color);left:calc(100% - var(--ea-switch-indicator-large-size) - 2px)}.ea-switch.is-checked .ea-switch__inner{background-color:var(--ea-switch-active-bg-color)}.ea-switch.is-checked .label-right{color:var(--ea-switch-active-text-color)}.ea-switch.is-checked .label-left{color:var(--ea-switch-inactive-text-color)}.ea-switch.is-disabled{pointer-events:none;color:var(--ea-switch-disabled-text-color)}.ea-switch.is-disabled .ea-switch__inner{background-color:var(--ea-switch-disabled-bg-color)}.ea-switch.is-disabled.is-checked .ea-switch__inner{background-color:var(--ea-switch-disabled-checked-bg-color)}.ea-switch.is-disabled.is-checked .label-left{color:var(--ea-switch-disabled-text-color)}.ea-switch.is-disabled.is-checked .label-right{color:var(--ea-switch-disabled-checked-text-color)}';
+const e = ':host{--ea-switch-space: 0 var(--spacing-md);--ea-switch-large-width: 50px;--ea-switch-default-width: 40px;--ea-switch-small-width: 30px;--ea-switch-large-height: 24px;--ea-switch-default-height: 20px;--ea-switch-small-height: 16px;--ea-switch-indicator-large-size: 20px;--ea-switch-indicator-default-size: 16px;--ea-switch-indicator-small-size: 12px;--ea-switch-large-font-size: 18px;--ea-switch-default-font-size: 16px;--ea-switch-small-font-size: 14px;--ea-switch-indicator-color: var(--color-white);--ea-switch-indicator-start: 2px;--ea-switch-indicator-end: calc( 100% - var(--ea-switch-indicator-default-size) - 2px );--ea-switch-inactive-bg-color: var(--grey-300);--ea-switch-inactive-text-color: var(--grey-900);--ea-switch-active-bg-color: var(--blue-500);--ea-switch-active-text-color: var(--blue-500);--ea-switch-disabled-text-color: var(--grey-300);--ea-switch-disabled-bg-color: var(--grey-200);--ea-switch-disabled-checked-bg-color: var(--blue-300);--ea-switch-disabled-checked-text-color: var(--blue-300);--ea-switch-border-radius: var(--border-radius-round)}:host(:invalid) .ea-switch__form-label{color:var(--red-500)}:host(:invalid) .ea-switch__inner{box-shadow:0 0 0 2px var(--red-500)}:host([inactive-text]) .ea-switch__label{color:var(--ea-switch-active-text-color)}:host([inactive-text]) .ea-switch__label.label-right{color:var(--ea-switch-inactive-text-color)}:host([inactive-text]) .ea-switch.is-checked .label-left{color:var(--ea-switch-inactive-text-color)}:host([inactive-text]) .ea-switch.is-checked .label-right{color:var(--ea-switch-active-text-color)}:host([inactive-text]) .ea-switch.is-disabled .label-left{color:var(--ea-switch-disabled-checked-text-color)}:host([inactive-text]) .ea-switch.is-disabled .label-right{color:var(--ea-switch-disabled-text-color)}:host([disabled]){cursor:not-allowed}:host{display:inline-block}.ea-switch-wrapper{display:inline-flex;align-items:center;flex-wrap:nowrap;flex-direction:column}.ea-switch{display:flex;align-items:center;cursor:pointer;color:var(--ea-switch-inactive-text-color)}.ea-switch__form-label{display:block;padding-bottom:var(--spacing-md);font-size:var(--font-size-md);color:var(--grey-700)}.ea-switch__form-label:empty{display:none}.ea-switch__original{display:none}.ea-switch__inner{position:relative;margin:var(--ea-switch-space);height:var(--ea-switch-default-height);line-height:var(--ea-switch-default-height);background-color:var(--ea-switch-inactive-bg-color);border-radius:var(--ea-switch-border-radius);transition:background-color var(--transition-normal)}.ea-switch__inner:after{content:"";display:block;position:absolute;left:var(--ea-switch-indicator-start);top:50%;transform-origin:center center;transform:translateY(-50%);width:var(--ea-switch-indicator-default-size);height:var(--ea-switch-indicator-default-size);border-radius:var(--border-radius-circle);background-color:var(--ea-switch-indicator-color);z-index:1;transition:left var(--transition-normal),transform var(--transition-normal)}.ea-switch__label.label-left{color:var(--ea-switch-active-text-color)}.ea-switch__label{transition:color var(--transition-normal)}.ea-switch--small{font-size:var(--ea-switch-small-font-size)}.ea-switch--small .ea-switch__inner{flex:1 0 var(--ea-switch-small-width);width:var(--ea-switch-small-width);height:var(--ea-switch-small-height);min-width:calc(var(--ea-switch-small-width))}.ea-switch--small .ea-switch__inner:after{width:var(--ea-switch-indicator-small-size);height:var(--ea-switch-indicator-small-size)}.ea-switch--small.is-checked .ea-switch__inner:after{color:var(--ea-switch-active-bg-color);left:calc(100% - var(--ea-switch-indicator-small-size) - 2px)}.ea-switch--default{font-size:var(--ea-switch-default-font-size)}.ea-switch--default .ea-switch__inner{flex:1 0 var(--ea-switch-default-width);width:var(--ea-switch-default-width);height:var(--ea-switch-default-height);min-width:calc(var(--ea-switch-default-width))}.ea-switch--default .ea-switch__inner:after{width:var(--ea-switch-indicator-default-size);height:var(--ea-switch-indicator-default-size)}.ea-switch--default.is-checked .ea-switch__inner:after{color:var(--ea-switch-active-bg-color);left:calc(100% - var(--ea-switch-indicator-default-size) - 2px)}.ea-switch--large{font-size:var(--ea-switch-large-font-size)}.ea-switch--large .ea-switch__inner{flex:1 0 var(--ea-switch-large-width);width:var(--ea-switch-large-width);height:var(--ea-switch-large-height);min-width:calc(var(--ea-switch-large-width))}.ea-switch--large .ea-switch__inner:after{width:var(--ea-switch-indicator-large-size);height:var(--ea-switch-indicator-large-size)}.ea-switch--large.is-checked .ea-switch__inner:after{color:var(--ea-switch-active-bg-color);left:calc(100% - var(--ea-switch-indicator-large-size) - 2px)}.ea-switch.is-checked .ea-switch__inner{background-color:var(--ea-switch-active-bg-color)}.ea-switch.is-checked .label-right{color:var(--ea-switch-active-text-color)}.ea-switch.is-checked .label-left{color:var(--ea-switch-inactive-text-color)}.ea-switch.is-disabled{pointer-events:none;color:var(--ea-switch-disabled-text-color)}.ea-switch.is-disabled .ea-switch__inner{background-color:var(--ea-switch-disabled-bg-color)}.ea-switch.is-disabled.is-checked .ea-switch__inner{background-color:var(--ea-switch-disabled-checked-bg-color)}.ea-switch.is-disabled.is-checked .label-left{color:var(--ea-switch-disabled-text-color)}.ea-switch.is-disabled.is-checked .label-right{color:var(--ea-switch-disabled-checked-text-color)}';
 export {
   e as s
 };