@soft-stech/bootsman-ui-shadcn 1.4.0 → 1.4.1

package/dist/components/ui/textarea/index.js

@@ -1,7 +1,7 @@
-import { c as u, d as n } from "../../../utils-BiLiPt4t.js";
-import { defineComponent as d, withDirectives as c, openBlock as f, createElementBlock as m, isRef as p, normalizeClass as v, unref as a, vModelText as b } from "vue";
-import { useVModel as g } from "@vueuse/core";
-const y = /* @__PURE__ */ d({
+import { c as f, d as m } from "../../../utils-BiLiPt4t.js";
+import { defineComponent as p, ref as v, withDirectives as b, openBlock as g, createElementBlock as V, isRef as x, normalizeClass as k, unref as r, vModelText as y } from "vue";
+import { useVModel as w } from "@vueuse/core";
+const A = /* @__PURE__ */ p({
   __name: "BuiTextarea",
   props: {
     defaultValue: {},
@@ -9,19 +9,28 @@ const y = /* @__PURE__ */ d({
     modelValue: {}
   },
   emits: ["update:modelValue"],
-  setup(s, { emit: i }) {
-    const r = s, e = g(r, "modelValue", i, {
+  setup(n, { emit: l }) {
+    const t = n, o = w(t, "modelValue", l, {
       passive: !0,
-      defaultValue: r.defaultValue
-    });
-    return (t, o) => c((f(), m("textarea", {
-      "onUpdate:modelValue": o[0] || (o[0] = (l) => p(e) ? e.value = l : null),
-      class: v(a(u)(a(V)({ variant: t.variant }), t.$attrs.class ?? ""))
-    }, null, 2)), [
-      [b, a(e)]
+      defaultValue: t.defaultValue
+    }), a = v(!1), u = () => {
+      a.value = !0;
+    }, i = () => {
+      a.value = !1;
+    }, d = (e) => {
+      (e.key === "Home" || e.key === "End" || e.key === "ArrowUp" || e.key === "ArrowDown") && a.value && e.stopPropagation();
+    };
+    return (e, s) => b((g(), V("textarea", {
+      "onUpdate:modelValue": s[0] || (s[0] = (c) => x(o) ? o.value = c : null),
+      class: k(r(f)(r(B)({ variant: e.variant }), e.$attrs.class ?? "")),
+      onFocus: u,
+      onBlur: i,
+      onKeydown: d
+    }, null, 34)), [
+      [y, r(o)]
     ]);
   }
-}), V = n(
+}), B = m(
   "flex min-h-[80px] w-full rounded border bg-background px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-30 dark:disabled:opacity-55 aria-[invalid=true]:border-destructive-foreground",
   {
     variants: {
@@ -37,6 +46,6 @@ const y = /* @__PURE__ */ d({
   }
 );
 export {
-  y as BuiTextarea,
-  V as textareaVariants
+  A as BuiTextarea,
+  B as textareaVariants
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@soft-stech/bootsman-ui-shadcn",
-  "version": "1.4.0",
+  "version": "1.4.1",
   "type": "module",
   "files": [
     "dist",

package/src/components/ui/textarea/BuiTextarea.vue

@@ -1,4 +1,5 @@
 <script setup lang="ts">
+import { ref } from 'vue'
 import { useVModel } from '@vueuse/core'
 import { cn } from '@/lib/utils'
 import { textareaVariants } from '.'
@@ -17,8 +18,31 @@ const modelValue = useVModel(props, 'modelValue', emits, {
   passive: true,
   defaultValue: props.defaultValue
 })
+
+const isFocused = ref<Boolean>(false)
+
+const handleFocus = () => {
+  isFocused.value = true
+}
+const handleBlur = () => {
+  isFocused.value = false
+}
+
+const handleKeyDown = (e: KeyboardEvent) => {
+  if (e.key === 'Home' || e.key === 'End' || e.key === 'ArrowUp' || e.key === 'ArrowDown') {
+    if (isFocused.value) {
+      e.stopPropagation()
+    }
+  }
+}
 </script>
 
 <template>
-  <textarea v-model="modelValue" :class="cn(textareaVariants({ variant }), $attrs.class ?? '')" />
+  <textarea
+    v-model="modelValue"
+    :class="cn(textareaVariants({ variant }), $attrs.class ?? '')"
+    @focus="handleFocus"
+    @blur="handleBlur"
+    @keydown="handleKeyDown"
+  />
 </template>