vue-amazing-ui 2.4.21 → 2.4.23

package/es/tag/Tag.vue2.js

@@ -1,10 +1,10 @@
-import { defineComponent as N, ref as c, computed as m, watchEffect as P, nextTick as B, createElementBlock as r, createBlock as D, openBlock as s, normalizeStyle as q, normalizeClass as g, createCommentVNode as i, createElementVNode as n, renderSlot as y, createTextVNode as k, toDisplayString as w, unref as K, mergeProps as j, withCtx as F, withDirectives as U, Fragment as W, renderList as G, vModelText as J } from "vue";
-import O from "../space/index.js";
-import { useSlotsExist as Q } from "../utils/index.js";
-const X = {
+import { defineComponent as H, ref as i, computed as w, watchEffect as N, nextTick as L, createElementBlock as c, createBlock as P, openBlock as n, normalizeStyle as V, normalizeClass as h, createCommentVNode as d, createElementVNode as s, renderSlot as b, createTextVNode as C, toDisplayString as $, unref as D, mergeProps as K, withCtx as j, withDirectives as F, Fragment as U, renderList as W, vModelText as G } from "vue";
+import J from "../space/index.js";
+import { useSlotsExist as O } from "../utils/index.js";
+const Q = {
   key: 0,
   class: "tag-icon"
-}, Y = { class: "tag-label" }, Z = { class: "tag-label" }, x = ["onClick"], oe = /* @__PURE__ */ N({
+}, X = { class: "tag-label" }, Y = { class: "tag-label" }, Z = ["onClick"], ae = /* @__PURE__ */ H({
   __name: "Tag",
   props: {
     closable: { type: Boolean, default: !1 },
@@ -17,8 +17,8 @@ const X = {
     value: { default: () => [] }
   },
   emits: ["update:value", "close", "dynamicClose"],
-  setup(L, { emit: V }) {
-    const a = L, v = c(), d = c(!1), p = c(""), t = [
+  setup(e, { emit: A }) {
+    const t = e, g = i(), f = i(!1), y = i(""), r = [
       "success",
       "processing",
       "error",
@@ -37,99 +37,99 @@ const X = {
       "volcano",
       "gold",
       "lime"
-    ], C = c(!1), h = c(), b = c(Array(a.value.length).fill(1)), A = Q(["icon"]), f = V, $ = m(() => {
-      if (a.dynamic && a.value.length) {
-        if (typeof a.value[0] == "string")
+    ], z = i(!1), m = i(), k = i(Array(t.value.length).fill(1)), E = O(["icon"]), v = A, B = w(() => {
+      if (t.dynamic && t.value.length) {
+        if (typeof t.value[0] == "string")
           return !0;
-        if (typeof a.value[0] == "object")
+        if (typeof t.value[0] == "object")
           return !1;
       }
       return null;
-    }), E = m(() => a.dynamic && a.value.length ? $.value ? a.value.map((e) => ({
-      label: e,
+    }), I = w(() => t.dynamic && t.value.length ? B.value ? t.value.map((o) => ({
+      label: o,
       closable: !0
-    })) : a.value.map((e) => ({
+    })) : t.value.map((o) => ({
       closable: !0,
-      ...e
-    })) : []), I = m(() => a.dynamic ? !1 : A.icon || a.icon);
-    P(() => {
-      if (a.dynamic) {
-        const e = a.value.length;
-        b.value = Array(e).fill(1), B(() => {
-          if (h.value)
-            for (let o = 0; o < e; o++)
-              b.value[o] = h.value[o].offsetWidth;
+      ...o
+    })) : []), S = w(() => t.dynamic ? !1 : E.icon || t.icon);
+    N(() => {
+      if (t.dynamic) {
+        const o = t.value.length;
+        k.value = Array(o).fill(1), L(() => {
+          if (m.value)
+            for (let a = 0; a < o; a++)
+              k.value[a] = m.value[a].offsetWidth;
         });
       }
     });
-    function S(e) {
-      C.value = !0, f("close", e);
+    function T(o) {
+      z.value = !0, v("close", o);
     }
-    function T(e, o) {
-      const l = a.value.filter((u, z) => z !== o);
-      f("update:value", l), f("dynamicClose", e, o);
+    function p(o, a) {
+      const l = t.value.filter((u, q) => q !== a);
+      v("update:value", l), v("dynamicClose", o, a);
     }
     async function M() {
-      d.value = !0, await B(), v.value.focus();
+      f.value = !0, await L(), g.value.focus();
     }
-    function R() {
-      $.value ? f("update:value", [...a.value, p.value]) : f("update:value", [
-        ...a.value,
+    function x() {
+      B.value ? v("update:value", [...t.value, y.value]) : v("update:value", [
+        ...t.value,
         {
-          label: p.value
+          label: y.value
         }
-      ]), d.value = !1, v.value = "";
+      ]), f.value = !1, g.value = "";
     }
-    function H(e) {
-      e.key === "Enter" && v.value.blur();
+    function R(o) {
+      o.key === "Enter" && g.value.blur();
     }
-    return (e, o) => e.dynamic ? (s(), D(K(O), j({
+    return (o, a) => e.dynamic ? (n(), P(D(J), K({
       key: 1,
       gap: "small"
     }, e.spaceProps), {
-      default: F(() => [
-        (s(!0), r(W, null, G(E.value, (l, u) => (s(), r("div", {
-          class: g(["tag-wrap", [
+      default: j(() => [
+        (n(!0), c(U, null, W(I.value, (l, u) => (n(), c("div", {
+          class: h(["tag-wrap", [
             `tag-${l.size || e.size}`,
-            (l.color || e.color) && t.includes(l.color || e.color) ? `tag-${l.color || e.color}` : "",
+            (l.color || e.color) && r.includes(l.color || e.color) ? `tag-${l.color || e.color}` : "",
             {
               "tag-borderless": l.bordered !== void 0 && !l.bordered,
-              "tag-has-color": (l.color || e.color) && !t.includes(l.color || e.color)
+              "tag-has-color": (l.color || e.color) && !r.includes(l.color || e.color)
             }
           ]]),
-          style: q(`background-color: ${(l.color || e.color) && !t.includes(l.color || e.color) ? l.color || e.color : ""};`),
+          style: V(`background-color: ${(l.color || e.color) && !r.includes(l.color || e.color) ? l.color || e.color : ""};`),
           key: u
         }, [
-          b.value[u] ? (s(), r("span", {
+          k.value[u] ? (n(), c("span", {
             key: 0,
             ref_for: !0,
             ref_key: "tagsIconRef",
-            ref: h,
+            ref: m,
             class: "tag-icon"
           }, [
-            y(e.$slots, "icon", {
+            b(o.$slots, "icon", {
               item: l,
               icon: e.icon,
               index: u
             }, () => [
-              k(w(l.icon), 1)
+              C($(l.icon), 1)
             ], !0)
-          ], 512)) : i("", !0),
-          n("span", Z, [
-            y(e.$slots, "label", {
+          ], 512)) : d("", !0),
+          s("span", Y, [
+            b(o.$slots, "label", {
               item: l,
               label: l.label,
               index: u
             }, () => [
-              k(w(l.label), 1)
+              C($(l.label), 1)
             ], !0)
           ]),
-          l.closable || e.closable ? (s(), r("span", {
+          l.closable || e.closable ? (n(), c("span", {
             key: 1,
             class: "tag-close",
-            onClick: (z) => T(l, u)
-          }, [...o[3] || (o[3] = [
-            n("svg", {
+            onClick: (q) => p(l, u)
+          }, [...a[3] || (a[3] = [
+            s("svg", {
               focusable: "false",
               class: "close-svg",
               "data-icon": "close",
@@ -139,16 +139,16 @@ const X = {
               "aria-hidden": "true",
               viewBox: "64 64 896 896"
             }, [
-              n("path", { d: "M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 00203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z" })
+              s("path", { d: "M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 00203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z" })
             ], -1)
-          ])], 8, x)) : i("", !0)
+          ])], 8, Z)) : d("", !0)
         ], 6))), 128)),
-        d.value ? i("", !0) : (s(), r("div", {
+        f.value ? d("", !0) : (n(), c("div", {
           key: 0,
-          class: g(["tag-wrap", [`tag-${e.size}`, { "tag-plus": e.dynamic }]]),
+          class: h(["tag-wrap", [`tag-${e.size}`, { "tag-plus": e.dynamic }]]),
           onClick: M
-        }, [...o[4] || (o[4] = [
-          n("svg", {
+        }, [...a[4] || (a[4] = [
+          s("svg", {
             focusable: "false",
             class: "plus-svg",
             "data-icon": "plus",
@@ -158,52 +158,52 @@ const X = {
             "aria-hidden": "true",
             viewBox: "64 64 896 896"
           }, [
-            n("path", { d: "M482 152h60q8 0 8 8v704q0 8-8 8h-60q-8 0-8-8V160q0-8 8-8z" }),
-            n("path", { d: "M176 474h672q8 0 8 8v60q0 8-8 8H176q-8 0-8-8v-60q0-8 8-8z" })
+            s("path", { d: "M482 152h60q8 0 8 8v704q0 8-8 8h-60q-8 0-8-8V160q0-8 8-8z" }),
+            s("path", { d: "M176 474h672q8 0 8 8v60q0 8-8 8H176q-8 0-8-8v-60q0-8 8-8z" })
           ], -1)
         ])], 2)),
-        d.value ? U((s(), r("input", {
+        f.value ? F((n(), c("input", {
           key: 1,
           ref_key: "inputRef",
-          ref: v,
-          class: g(["tag-input", `input-${e.size}`]),
+          ref: g,
+          class: h(["tag-input", `input-${e.size}`]),
           type: "text",
-          "onUpdate:modelValue": o[0] || (o[0] = (l) => p.value = l),
-          onBlur: o[1] || (o[1] = (l) => d.value = !1),
-          onChange: R,
-          onKeydown: H
+          "onUpdate:modelValue": a[0] || (a[0] = (l) => y.value = l),
+          onBlur: a[1] || (a[1] = (l) => f.value = !1),
+          onChange: x,
+          onKeydown: R
         }, null, 34)), [
-          [J, p.value]
-        ]) : i("", !0)
+          [G, y.value]
+        ]) : d("", !0)
       ]),
       _: 3
-    }, 16)) : (s(), r("div", {
+    }, 16)) : (n(), c("div", {
       key: 0,
-      class: g(["tag-wrap", [
+      class: h(["tag-wrap", [
         `tag-${e.size}`,
-        e.color && t.includes(e.color) ? `tag-${e.color}` : "",
+        e.color && r.includes(e.color) ? `tag-${e.color}` : "",
         {
           "tag-borderless": !e.bordered,
-          "tag-has-color": e.color && !t.includes(e.color),
-          "tag-hidden": C.value
+          "tag-has-color": e.color && !r.includes(e.color),
+          "tag-hidden": z.value
         }
       ]]),
-      style: q(`background-color: ${e.color && !t.includes(e.color) ? e.color : ""};`)
+      style: V(`background-color: ${e.color && !r.includes(e.color) ? e.color : ""};`)
     }, [
-      I.value ? (s(), r("span", X, [
-        y(e.$slots, "icon", {}, () => [
-          k(w(e.icon), 1)
+      S.value ? (n(), c("span", Q, [
+        b(o.$slots, "icon", {}, () => [
+          C($(e.icon), 1)
         ], !0)
-      ])) : i("", !0),
-      n("span", Y, [
-        y(e.$slots, "default", {}, void 0, !0)
+      ])) : d("", !0),
+      s("span", X, [
+        b(o.$slots, "default", {}, void 0, !0)
       ]),
-      e.closable ? (s(), r("span", {
+      e.closable ? (n(), c("span", {
         key: 1,
         class: "tag-close",
-        onClick: S
-      }, [...o[2] || (o[2] = [
-        n("svg", {
+        onClick: T
+      }, [...a[2] || (a[2] = [
+        s("svg", {
           focusable: "false",
           class: "close-svg",
           "data-icon": "close",
@@ -213,12 +213,12 @@ const X = {
           "aria-hidden": "true",
           viewBox: "64 64 896 896"
         }, [
-          n("path", { d: "M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 00203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z" })
+          s("path", { d: "M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 00203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z" })
         ], -1)
-      ])])) : i("", !0)
+      ])])) : d("", !0)
     ], 6));
   }
 });
 export {
-  oe as default
+  ae as default
 };

package/es/textarea/Textarea.css

@@ -1 +1 @@
-.textarea-wrap[data-v-7b295f54]{position:relative;display:inline-block;width:var(--textarea-width)}.textarea-wrap .textarea-item[data-v-7b295f54]{width:100%;min-width:0;min-height:32px;max-width:100%;height:auto;padding:4px 11px;color:#000000e0;font-size:14px;line-height:1.57142857;list-style:none;transition:all .3s,height 0s;resize:vertical;position:relative;z-index:9;display:inline-block;vertical-align:bottom;text-overflow:ellipsis;background-color:#fff;border:1px solid #d9d9d9;border-radius:6px;outline:none}.textarea-wrap .textarea-item[data-v-7b295f54]:hover{border-color:var(--textarea-primary-color-hover);z-index:1}.textarea-wrap .textarea-item[data-v-7b295f54]:focus-within{border-color:var(--textarea-primary-color-focus);box-shadow:0 0 0 2px var(--textarea-primary-shadow-color);outline:0}.textarea-wrap .clear-class[data-v-7b295f54]{padding-right:24px}.textarea-wrap textarea[data-v-7b295f54]:disabled{color:#00000040}.textarea-wrap textarea[data-v-7b295f54]::-webkit-input-placeholder{color:#00000040}.textarea-wrap textarea[data-v-7b295f54]:-moz-placeholder{color:#00000040}.textarea-wrap textarea[data-v-7b295f54]::-moz-placeholder{color:#00000040}.textarea-wrap textarea[data-v-7b295f54]:-ms-input-placeholder{color:#00000040}.textarea-wrap .clear-svg[data-v-7b295f54]{position:absolute;top:9px;right:8px;z-index:99;display:inline-block;font-size:12px;color:#00000040;fill:currentColor;cursor:pointer;transition:color .3s}.textarea-wrap .clear-svg[data-v-7b295f54]:hover{color:#00000073}.textarea-wrap .textarea-disabled[data-v-7b295f54]{color:#00000040;background-color:#0000000a;cursor:not-allowed}.textarea-wrap .textarea-disabled[data-v-7b295f54]:hover{border-color:#d9d9d9}.textarea-wrap .textarea-disabled[data-v-7b295f54]:focus-within{border-color:#d9d9d9;box-shadow:none}.show-count[data-v-7b295f54]:after{font-size:14px;color:#00000073;white-space:nowrap;content:attr(data-count);pointer-events:none;float:right}
+.textarea-wrap[data-v-2ce36b4f]{position:relative;display:inline-block;width:var(--textarea-width)}.textarea-wrap .textarea-item[data-v-2ce36b4f]{width:100%;min-width:0;min-height:32px;max-width:100%;height:auto;padding:4px 11px;color:#000000e0;font-size:14px;line-height:1.57142857;list-style:none;transition:all .3s,height 0s;resize:vertical;position:relative;z-index:9;display:inline-block;vertical-align:bottom;text-overflow:ellipsis;background-color:#fff;border:1px solid #d9d9d9;border-radius:6px;outline:none}.textarea-wrap .textarea-item[data-v-2ce36b4f]:hover{border-color:var(--textarea-primary-color-hover);z-index:1}.textarea-wrap .textarea-item[data-v-2ce36b4f]:focus-within{border-color:var(--textarea-primary-color-focus);box-shadow:0 0 0 2px var(--textarea-primary-shadow-color);outline:0}.textarea-wrap .clear-class[data-v-2ce36b4f]{padding-right:24px}.textarea-wrap textarea[data-v-2ce36b4f]:disabled{color:#00000040}.textarea-wrap textarea[data-v-2ce36b4f]::-webkit-input-placeholder{color:#00000040}.textarea-wrap textarea[data-v-2ce36b4f]:-moz-placeholder{color:#00000040}.textarea-wrap textarea[data-v-2ce36b4f]::-moz-placeholder{color:#00000040}.textarea-wrap textarea[data-v-2ce36b4f]:-ms-input-placeholder{color:#00000040}.textarea-wrap .clear-svg[data-v-2ce36b4f]{position:absolute;top:9px;right:8px;z-index:99;display:inline-block;font-size:12px;color:#00000040;fill:currentColor;cursor:pointer;transition:color .3s}.textarea-wrap .clear-svg[data-v-2ce36b4f]:hover{color:#00000073}.textarea-wrap .textarea-disabled[data-v-2ce36b4f]{color:#00000040;background-color:#0000000a;cursor:not-allowed}.textarea-wrap .textarea-disabled[data-v-2ce36b4f]:hover{border-color:#d9d9d9}.textarea-wrap .textarea-disabled[data-v-2ce36b4f]:focus-within{border-color:#d9d9d9;box-shadow:none}.show-count[data-v-2ce36b4f]:after{font-size:14px;color:#00000073;white-space:nowrap;content:attr(data-count);pointer-events:none;float:right}

package/es/textarea/Textarea.vue.js

@@ -1,7 +1,7 @@
 import o from "./Textarea.vue2.js";
 /* empty css              */
 import t from "../_virtual/_plugin-vue_export-helper.js";
-const f = /* @__PURE__ */ t(o, [["__scopeId", "data-v-7b295f54"]]);
+const f = /* @__PURE__ */ t(o, [["__scopeId", "data-v-2ce36b4f"]]);
 export {
   f as default
 };

package/es/textarea/Textarea.vue2.js

@@ -1,6 +1,6 @@
-import { defineComponent as N, ref as r, computed as n, watch as T, nextTick as _, onMounted as j, createElementBlock as m, openBlock as p, normalizeStyle as g, normalizeClass as x, unref as c, createElementVNode as w, createCommentVNode as H, withKeys as V } from "vue";
-import { useInject as I } from "../utils/index.js";
-const K = ["data-count"], O = ["value", "placeholder", "maxlength", "disabled"], P = /* @__PURE__ */ N({
+import { defineComponent as N, ref as s, computed as i, watch as T, nextTick as j, onMounted as H, createElementBlock as p, openBlock as x, normalizeStyle as g, normalizeClass as w, unref as d, createElementVNode as y, createCommentVNode as V, withKeys as I } from "vue";
+import { useInject as K } from "../utils/index.js";
+const O = ["data-count"], A = ["value", "placeholder", "maxlength", "disabled"], W = /* @__PURE__ */ N({
   __name: "Textarea",
   props: {
     width: { default: "100%" },
@@ -14,46 +14,46 @@ const K = ["data-count"], O = ["value", "placeholder", "maxlength", "disabled"],
     valueModifiers: { default: () => ({}) }
   },
   emits: ["update:value", "compositionstart", "compositionend", "change", "enter"],
-  setup(y, { emit: C }) {
-    const t = y, s = r(null), i = r(!1), a = r(), u = r(32), { colorPalettes: d, shadowColor: z } = I("Textarea"), l = C, S = n(() => typeof t.width == "number" ? `${t.width}px` : t.width), f = n(() => {
+  setup(n, { emit: C }) {
+    const t = n, c = s(null), u = s(!1), a = s(), r = s(32), { colorPalettes: f, shadowColor: z } = K("Textarea"), l = C, S = i(() => typeof t.width == "number" ? `${t.width}px` : t.width), h = i(() => {
       if (typeof t.autoSize == "object") {
         const e = {
-          height: `${u.value}px`,
+          height: `${r.value}px`,
           resize: "none"
         };
         return "minRows" in t.autoSize && (e["min-height"] = `${t.autoSize.minRows * 22 + 10}px`), "maxRows" in t.autoSize && (e["max-height"] = `${t.autoSize.maxRows * 22 + 10}px`), e;
       }
       if (typeof t.autoSize == "boolean")
         return t.autoSize ? {
-          height: `${u.value}px`,
+          height: `${r.value}px`,
           resize: "none"
         } : {};
-    }), h = n(() => !t.disabled && t.allowClear && a.value), b = n(() => t.maxlength ? `${a.value ? a.value.length : 0} / ${t.maxlength}` : a.value ? a.value.length : 0), $ = n(() => "lazy" in t.valueModifiers);
+    }), v = i(() => !t.disabled && t.allowClear && a.value), b = i(() => t.maxlength ? `${a.value ? a.value.length : 0} / ${t.maxlength}` : a.value ? a.value.length : 0), $ = i(() => "lazy" in t.valueModifiers);
     T(
       () => t.value,
       async (e) => {
-        a.value !== e && (a.value = e), JSON.stringify(f.value) !== "{}" && (u.value = 32, await _(), v());
+        a.value !== e && (a.value = e), JSON.stringify(h.value) !== "{}" && (r.value = 32, await j(), m());
       },
       {
         immediate: !0,
         flush: "post"
       }
-    ), j(() => {
-      v();
+    ), H(() => {
+      m();
     });
-    function v() {
-      u.value = s.value.scrollHeight + 2;
+    function m() {
+      r.value = c.value.scrollHeight + 2;
     }
     function B(e) {
-      i.value = !0, l("compositionstart", e);
+      u.value = !0, l("compositionstart", e);
     }
     function E(e) {
-      i.value = !1, l("compositionend", e);
+      u.value = !1, l("compositionend", e);
       const o = new Event("change");
       e.target?.dispatchEvent(o);
     }
     function k(e) {
-      if (!i.value) {
+      if (!u.value) {
         const o = e.target;
         a.value = o.value, $.value || (l("update:value", o.value), l("change", e));
       }
@@ -63,38 +63,38 @@ const K = ["data-count"], O = ["value", "placeholder", "maxlength", "disabled"],
       o.value !== t.value && (l("update:value", o.value), l("change", e));
     }
     function L(e) {
-      i.value || l("enter", e);
+      u.value || l("enter", e);
     }
     function M() {
-      a.value = "", l("update:value", ""), s.value?.focus();
+      a.value = "", l("update:value", ""), c.value?.focus();
     }
-    return (e, o) => (p(), m("div", {
-      class: x(["textarea-wrap", { "show-count": e.showCount }]),
+    return (e, o) => (x(), p("div", {
+      class: w(["textarea-wrap", { "show-count": n.showCount }]),
       style: g(`
       --textarea-width: ${S.value};
-      --textarea-primary-color-hover: ${c(d)[4]};
-      --textarea-primary-color-focus: ${c(d)[4]};
-      --textarea-primary-shadow-color: ${c(z)};
+      --textarea-primary-color-hover: ${d(f)[4]};
+      --textarea-primary-color-focus: ${d(f)[4]};
+      --textarea-primary-shadow-color: ${d(z)};
     `),
       "data-count": b.value
     }, [
-      w("textarea", {
+      y("textarea", {
         ref_key: "textareaRef",
-        ref: s,
+        ref: c,
         type: "hidden",
-        class: x(["textarea-item", { "clear-class": h.value, "textarea-disabled": e.disabled }]),
-        style: g(f.value),
+        class: w(["textarea-item", { "clear-class": v.value, "textarea-disabled": n.disabled }]),
+        style: g(h.value),
         value: a.value,
-        placeholder: e.placeholder,
-        maxlength: e.maxlength,
-        disabled: e.disabled,
+        placeholder: n.placeholder,
+        maxlength: n.maxlength,
+        disabled: n.disabled,
         onCompositionstart: B,
         onCompositionend: E,
         onInput: k,
         onChange: R,
-        onKeydown: V(L, ["enter"])
-      }, null, 46, O),
-      h.value ? (p(), m("svg", {
+        onKeydown: I(L, ["enter"])
+      }, null, 46, A),
+      v.value ? (x(), p("svg", {
         key: 0,
         class: "clear-svg",
         onClick: M,
@@ -106,11 +106,11 @@ const K = ["data-count"], O = ["value", "placeholder", "maxlength", "disabled"],
         "aria-hidden": "true",
         viewBox: "64 64 896 896"
       }, [...o[0] || (o[0] = [
-        w("path", { d: "M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm165.4 618.2l-66-.3L512 563.4l-99.3 118.4-66.1.3c-4.4 0-8-3.5-8-8 0-1.9.7-3.7 1.9-5.2l130.1-155L340.5 359a8.32 8.32 0 01-1.9-5.2c0-4.4 3.6-8 8-8l66.1.3L512 464.6l99.3-118.4 66-.3c4.4 0 8 3.5 8 8 0 1.9-.7 3.7-1.9 5.2L553.5 514l130 155c1.2 1.5 1.9 3.3 1.9 5.2 0 4.4-3.6 8-8 8z" }, null, -1)
-      ])])) : H("", !0)
-    ], 14, K));
+        y("path", { d: "M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm165.4 618.2l-66-.3L512 563.4l-99.3 118.4-66.1.3c-4.4 0-8-3.5-8-8 0-1.9.7-3.7 1.9-5.2l130.1-155L340.5 359a8.32 8.32 0 01-1.9-5.2c0-4.4 3.6-8 8-8l66.1.3L512 464.6l99.3-118.4 66-.3c4.4 0 8 3.5 8 8 0 1.9-.7 3.7-1.9 5.2L553.5 514l130 155c1.2 1.5 1.9 3.3 1.9 5.2 0 4.4-3.6 8-8 8z" }, null, -1)
+      ])])) : V("", !0)
+    ], 14, O));
   }
 });
 export {
-  P as default
+  W as default
 };

package/es/textscroll/TextScroll.css

@@ -1 +1 @@
-.text-scroll-horizontal[data-v-5ed9b9bd]{overflow:hidden;display:flex;box-shadow:0 0 5px var(--text-scroll-shadow-color);border-radius:6px;background-color:var(--text-scroll-bg-color)}.text-scroll-horizontal .scroll-items-group[data-v-5ed9b9bd]{z-index:1;display:flex;align-items:center;will-change:transform;animation:horizontalScroll-5ed9b9bd var(--text-scroll-duration) linear var(--text-scroll-delay) var(--text-scroll-iteration-count);animation-play-state:var(--text-scroll-play-state)}@keyframes horizontalScroll-5ed9b9bd{0%{transform:translate(0)}to{transform:translate(-100%)}}.text-scroll-horizontal .scroll-items-group .scroll-item[data-v-5ed9b9bd]{margin-left:var(--text-scroll-item-gap);font-size:16px;font-weight:400;color:#000000e0;line-height:1.57;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-scroll-horizontal .scroll-items-group[data-v-5ed9b9bd] .href-item{cursor:pointer;transition:color .3s}.text-scroll-horizontal .scroll-items-group[data-v-5ed9b9bd] .href-item:hover{color:var(--text-scroll-href-hover-color)!important}.text-scroll-horizontal .scroll-items-group[data-v-5ed9b9bd] .href-item .ellipsis-container{cursor:inherit}.text-scroll-horizontal .scroll-items-reset[data-v-5ed9b9bd]{animation:none}.slide-enter-active[data-v-5ed9b9bd],.slide-leave-active[data-v-5ed9b9bd]{transition:all var(--text-scroll-duration) var(--text-scroll-timing-function)}.slide-enter-from[data-v-5ed9b9bd]{transform:translateY(100%) scale(var(--text-scroll-scale));opacity:0}.slide-leave-to[data-v-5ed9b9bd]{transform:translateY(-100%) scale(var(--text-scroll-scale));opacity:0}.text-scroll-vertical[data-v-5ed9b9bd]{overflow:hidden;position:relative;box-shadow:0 0 5px var(--text-scroll-shadow-color);border-radius:6px;background-color:var(--text-scroll-bg-color)}.text-scroll-vertical .scroll-item-wrap[data-v-5ed9b9bd]{position:absolute;left:0;right:0;height:100%;display:flex;align-items:center;justify-content:center;padding:0 var(--text-scroll-item-padding)}.text-scroll-vertical .scroll-item-wrap .scroll-item[data-v-5ed9b9bd]{font-size:16px;font-weight:400;color:#000000e0;line-height:1.57;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.text-scroll-vertical .scroll-item-wrap[data-v-5ed9b9bd] .href-item{cursor:pointer;transition:color .3s}.text-scroll-vertical .scroll-item-wrap[data-v-5ed9b9bd] .href-item:hover{color:var(--text-scroll-href-hover-color)!important}.text-scroll-vertical .scroll-item-wrap[data-v-5ed9b9bd] .href-item .ellipsis-container{cursor:inherit}
+.text-scroll-horizontal[data-v-cdf5afc9]{overflow:hidden;display:flex;box-shadow:0 0 5px var(--text-scroll-shadow-color);border-radius:6px;background-color:var(--text-scroll-bg-color)}.text-scroll-horizontal .scroll-items-group[data-v-cdf5afc9]{z-index:1;display:flex;align-items:center;will-change:transform;animation:horizontalScroll-cdf5afc9 var(--text-scroll-duration) linear var(--text-scroll-delay) var(--text-scroll-iteration-count);animation-play-state:var(--text-scroll-play-state)}@keyframes horizontalScroll-cdf5afc9{0%{transform:translate(0)}to{transform:translate(-100%)}}.text-scroll-horizontal .scroll-items-group .scroll-item[data-v-cdf5afc9]{margin-left:var(--text-scroll-item-gap);font-size:16px;font-weight:400;color:#000000e0;line-height:1.57;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-scroll-horizontal .scroll-items-group[data-v-cdf5afc9] .href-item{cursor:pointer;transition:color .3s}.text-scroll-horizontal .scroll-items-group[data-v-cdf5afc9] .href-item:hover{color:var(--text-scroll-href-hover-color)!important}.text-scroll-horizontal .scroll-items-group[data-v-cdf5afc9] .href-item .ellipsis-container{cursor:inherit}.text-scroll-horizontal .scroll-items-reset[data-v-cdf5afc9]{animation:none}.slide-enter-active[data-v-cdf5afc9],.slide-leave-active[data-v-cdf5afc9]{transition:all var(--text-scroll-duration) var(--text-scroll-timing-function)}.slide-enter-from[data-v-cdf5afc9]{transform:translateY(100%) scale(var(--text-scroll-scale));opacity:0}.slide-leave-to[data-v-cdf5afc9]{transform:translateY(-100%) scale(var(--text-scroll-scale));opacity:0}.text-scroll-vertical[data-v-cdf5afc9]{overflow:hidden;position:relative;box-shadow:0 0 5px var(--text-scroll-shadow-color);border-radius:6px;background-color:var(--text-scroll-bg-color)}.text-scroll-vertical .scroll-item-wrap[data-v-cdf5afc9]{position:absolute;left:0;right:0;height:100%;display:flex;align-items:center;justify-content:center;padding:0 var(--text-scroll-item-padding)}.text-scroll-vertical .scroll-item-wrap .scroll-item[data-v-cdf5afc9]{font-size:16px;font-weight:400;color:#000000e0;line-height:1.57;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.text-scroll-vertical .scroll-item-wrap[data-v-cdf5afc9] .href-item{cursor:pointer;transition:color .3s}.text-scroll-vertical .scroll-item-wrap[data-v-cdf5afc9] .href-item:hover{color:var(--text-scroll-href-hover-color)!important}.text-scroll-vertical .scroll-item-wrap[data-v-cdf5afc9] .href-item .ellipsis-container{cursor:inherit}

package/es/textscroll/TextScroll.d.ts

@@ -36,8 +36,8 @@ declare const _default: import('vue').DefineComponent<Props, {
     duration: number;
     width: number | string;
     height: number;
-    ellipsis: boolean;
     vertical: boolean;
+    ellipsis: boolean;
     single: boolean;
     gap: number;
     speed: number;

package/es/textscroll/TextScroll.vue.js

@@ -1,7 +1,7 @@
 import o from "./TextScroll.vue2.js";
 /* empty css                */
 import t from "../_virtual/_plugin-vue_export-helper.js";
-const p = /* @__PURE__ */ t(o, [["__scopeId", "data-v-5ed9b9bd"]]);
+const a = /* @__PURE__ */ t(o, [["__scopeId", "data-v-cdf5afc9"]]);
 export {
-  p as default
+  a as default
 };