@indielayer/ui 1.7.3 → 1.7.5

package/lib/components/textarea/Textarea.vue.js

@@ -1,17 +1,17 @@
-import { defineComponent as x, ref as P, watch as q, openBlock as m, createBlock as d, normalizeStyle as K, unref as r, normalizeClass as R, withCtx as j, createElementVNode as F, mergeProps as H, toHandlers as L, withKeys as $, createCommentVNode as D } from "vue";
-import { useResizeObserver as O, useEventListener as X } from "../../node_modules/.pnpm/@vueuse_core@10.2.0_vue@3.3.9/node_modules/@vueuse/core/index.js";
-import { useCSS as A } from "../../composables/useCSS.js";
-import { useTheme as G } from "../../composables/useTheme.js";
-import { useCommon as u } from "../../composables/useCommon.js";
-import { useColors as J } from "../../composables/useColors.js";
-import { useInputtable as s } from "../../composables/useInputtable.js";
-import { useInteractive as p } from "../../composables/useInteractive.js";
-import M from "../label/Label.vue.js";
-import Q from "../inputFooter/InputFooter.vue.js";
-const U = ["id", "disabled", "max", "maxlength", "min", "dir", "rows", "minlength", "name", "placeholder", "readonly", "value", "onKeydown"], W = {
-  ...u.props(),
-  ...p.props(),
-  ...s.props(),
+import { defineComponent as q, useAttrs as K, computed as R, ref as A, watch as F, openBlock as u, createBlock as p, normalizeStyle as H, unref as r, normalizeClass as L, withCtx as O, createElementVNode as $, mergeProps as D, toHandlers as W, withKeys as X, createCommentVNode as G } from "vue";
+import { useResizeObserver as J, useEventListener as M } from "../../node_modules/.pnpm/@vueuse_core@10.2.0_vue@3.3.9/node_modules/@vueuse/core/index.js";
+import { useCSS as Q } from "../../composables/useCSS.js";
+import { useTheme as U } from "../../composables/useTheme.js";
+import { useCommon as f } from "../../composables/useCommon.js";
+import { useColors as Y } from "../../composables/useColors.js";
+import { useInputtable as a } from "../../composables/useInputtable.js";
+import { useInteractive as c } from "../../composables/useInteractive.js";
+import Z from "../label/Label.vue.js";
+import _ from "../inputFooter/InputFooter.vue.js";
+const ee = ["id", "disabled", "max", "maxlength", "min", "dir", "rows", "minlength", "name", "placeholder", "readonly", "value", "onKeydown"], re = {
+  ...f.props(),
+  ...c.props(),
+  ...a.props(),
   dir: {
     type: String,
     default: "ltr"
@@ -29,62 +29,62 @@ const U = ["id", "disabled", "max", "maxlength", "min", "dir", "rows", "minlengt
   preventEnter: Boolean,
   block: Boolean,
   resizable: Boolean
-}, Y = {
+}, oe = {
   name: "XTextarea",
   validators: {
-    ...u.validators()
+    ...f.validators()
   }
-}, de = /* @__PURE__ */ x({
-  ...Y,
-  props: W,
-  emits: s.emits(),
-  setup(f, { expose: c, emit: h }) {
-    const t = f, b = h, o = P(null);
-    O(o, n), typeof window < "u" && X(window, "resize", n), q([() => t.modelValue, () => t.size], () => {
+}, ce = /* @__PURE__ */ q({
+  ...oe,
+  props: re,
+  emits: a.emits(),
+  setup(h, { expose: b, emit: g }) {
+    const t = h, y = g, i = K(), v = R(() => Object.keys(i).reduce((e, s) => (s.startsWith("data-") && (e[s] = i[s]), e), {})), o = A(null);
+    J(o, n), typeof window < "u" && M(window, "resize", n), F([() => t.modelValue, () => t.size], () => {
       setTimeout(n);
     });
-    const g = A("textarea"), y = J().getPalette("primary"), v = g.get("border", y[400]);
-    function w() {
+    const w = Q("textarea"), S = Y().getPalette("primary"), k = w.get("border", S[400]);
+    function N() {
       n();
     }
-    function S(e) {
+    function T(e) {
       t.preventEnter && e.preventDefault(), e.stopPropagation();
     }
     function n() {
       t.adjustToText && o.value && (o.value.style.height = "1px", o.value.style.height = 2 + o.value.scrollHeight + "px");
     }
-    const { focus: a, blur: k } = p(o), {
+    const { focus: m, blur: z } = c(o), {
       errorInternal: l,
-      hideFooterInternal: N,
-      isInsideForm: T,
-      inputListeners: z,
-      reset: C,
-      validate: B,
-      setError: E
-    } = s(t, { focus: a, emit: b }), { styles: I, classes: i, className: V } = G("Textarea", {}, t, { errorInternal: l });
-    return c({ focus: a, blur: k, reset: C, validate: B, setError: E }), (e, _) => (m(), d(M, {
-      style: K(r(I)),
+      hideFooterInternal: C,
+      isInsideForm: B,
+      inputListeners: E,
+      reset: I,
+      validate: V,
+      setError: x
+    } = a(t, { focus: m, emit: y }), { styles: P, classes: d, className: j } = U("Textarea", {}, t, { errorInternal: l });
+    return b({ focus: m, blur: z, reset: I, validate: V, setError: x }), (e, s) => (u(), p(Z, {
+      style: H(r(P)),
       block: e.block,
       disabled: e.disabled,
       required: e.required,
-      "is-inside-form": r(T),
+      "is-inside-form": r(B),
       label: e.label,
-      class: R([
-        r(V),
-        r(i).wrapper
+      class: L([
+        r(j),
+        r(d).wrapper
       ]),
       tooltip: e.tooltip
     }, {
-      default: j(() => [
-        F("textarea", H({
+      default: O(() => [
+        $("textarea", D({
           id: e.id,
           ref_key: "elRef",
           ref: o,
           class: ["", [
-            r(i).input,
+            r(d).input,
             r(l) ? "border-error-500 dark:border-error-400 focus:outline-error-500" : "focus:outline-[color:var(--x-textarea-border)]"
           ]],
-          style: r(v),
+          style: r(k),
           disabled: e.disabled,
           max: e.max,
           maxlength: e.maxlength,
@@ -96,11 +96,11 @@ const U = ["id", "disabled", "max", "maxlength", "min", "dir", "rows", "minlengt
           placeholder: e.placeholder,
           readonly: e.readonly,
           value: typeof e.modelValue < "u" ? String(e.modelValue) : ""
-        }, L(r(z), !0), {
-          onKeydown: $(S, ["enter"]),
-          onInput: w
-        }), null, 16, U),
-        r(N) ? D("", !0) : (m(), d(Q, {
+        }, v.value, W(r(E), !0), {
+          onKeydown: X(T, ["enter"]),
+          onInput: N
+        }), null, 16, ee),
+        r(C) ? G("", !0) : (u(), p(_, {
           key: 0,
           error: r(l),
           helper: e.helper
@@ -111,5 +111,5 @@ const U = ["id", "disabled", "max", "maxlength", "min", "dir", "rows", "minlengt
   }
 });
 export {
-  de as default
+  ce as default
 };