@soft-stech/bootsman-ui-shadcn 1.3.11 → 1.3.12

package/dist/components/ui/auto-form/BuiAutoFormFieldBoolean.vue.d.ts

@@ -9,11 +9,11 @@ declare function __VLS_template(): {
             errors: string[];
             errorMessage: string | undefined;
             handleInput: import('vee-validate').FieldContext["handleChange"];
+            handleBlur: (e?: Event, shouldValidate?: boolean) => void;
             resetField: (state?: Partial<import('vee-validate').FieldState<unknown>> | undefined) => void;
             handleReset: () => void;
             validate: import('vee-validate').FieldValidator<unknown>;
             handleChange: (e: Event | unknown, shouldValidate?: boolean) => void;
-            handleBlur: (e?: Event, shouldValidate?: boolean) => void;
             setTouched: (isTouched: boolean) => void;
             setErrors: (message: string | string[]) => void;
             setValue: (value: unknown, shouldValidate?: boolean) => void;

package/dist/components/ui/auto-form/BuiAutoFormFieldDate.vue.d.ts

@@ -9,11 +9,11 @@ declare function __VLS_template(): {
             errors: string[];
             errorMessage: string | undefined;
             handleInput: import('vee-validate').FieldContext["handleChange"];
+            handleBlur: (e?: Event, shouldValidate?: boolean) => void;
             resetField: (state?: Partial<import('vee-validate').FieldState<unknown>> | undefined) => void;
             handleReset: () => void;
             validate: import('vee-validate').FieldValidator<unknown>;
             handleChange: (e: Event | unknown, shouldValidate?: boolean) => void;
-            handleBlur: (e?: Event, shouldValidate?: boolean) => void;
             setTouched: (isTouched: boolean) => void;
             setErrors: (message: string | string[]) => void;
             setValue: (value: unknown, shouldValidate?: boolean) => void;

package/dist/components/ui/auto-form/BuiAutoFormFieldEnum.vue.d.ts

@@ -9,11 +9,11 @@ declare function __VLS_template(): {
             errors: string[];
             errorMessage: string | undefined;
             handleInput: import('vee-validate').FieldContext["handleChange"];
+            handleBlur: (e?: Event, shouldValidate?: boolean) => void;
             resetField: (state?: Partial<import('vee-validate').FieldState<unknown>> | undefined) => void;
             handleReset: () => void;
             validate: import('vee-validate').FieldValidator<unknown>;
             handleChange: (e: Event | unknown, shouldValidate?: boolean) => void;
-            handleBlur: (e?: Event, shouldValidate?: boolean) => void;
             setTouched: (isTouched: boolean) => void;
             setErrors: (message: string | string[]) => void;
             setValue: (value: unknown, shouldValidate?: boolean) => void;

package/dist/components/ui/auto-form/BuiAutoFormFieldFile.vue.d.ts

@@ -9,11 +9,11 @@ declare function __VLS_template(): {
             errors: string[];
             errorMessage: string | undefined;
             handleInput: import('vee-validate').FieldContext["handleChange"];
+            handleBlur: (e?: Event, shouldValidate?: boolean) => void;
             resetField: (state?: Partial<import('vee-validate').FieldState<unknown>> | undefined) => void;
             handleReset: () => void;
             validate: import('vee-validate').FieldValidator<unknown>;
             handleChange: (e: Event | unknown, shouldValidate?: boolean) => void;
-            handleBlur: (e?: Event, shouldValidate?: boolean) => void;
             setTouched: (isTouched: boolean) => void;
             setErrors: (message: string | string[]) => void;
             setValue: (value: unknown, shouldValidate?: boolean) => void;

package/dist/components/ui/auto-form/BuiAutoFormFieldInput.vue.d.ts

@@ -9,11 +9,11 @@ declare function __VLS_template(): {
             errors: string[];
             errorMessage: string | undefined;
             handleInput: import('vee-validate').FieldContext["handleChange"];
+            handleBlur: (e?: Event, shouldValidate?: boolean) => void;
             resetField: (state?: Partial<import('vee-validate').FieldState<unknown>> | undefined) => void;
             handleReset: () => void;
             validate: import('vee-validate').FieldValidator<unknown>;
             handleChange: (e: Event | unknown, shouldValidate?: boolean) => void;
-            handleBlur: (e?: Event, shouldValidate?: boolean) => void;
             setTouched: (isTouched: boolean) => void;
             setErrors: (message: string | string[]) => void;
             setValue: (value: unknown, shouldValidate?: boolean) => void;

package/dist/components/ui/auto-form/BuiAutoFormFieldNumber.vue.d.ts

@@ -9,11 +9,11 @@ declare function __VLS_template(): {
             errors: string[];
             errorMessage: string | undefined;
             handleInput: import('vee-validate').FieldContext["handleChange"];
+            handleBlur: (e?: Event, shouldValidate?: boolean) => void;
             resetField: (state?: Partial<import('vee-validate').FieldState<unknown>> | undefined) => void;
             handleReset: () => void;
             validate: import('vee-validate').FieldValidator<unknown>;
             handleChange: (e: Event | unknown, shouldValidate?: boolean) => void;
-            handleBlur: (e?: Event, shouldValidate?: boolean) => void;
             setTouched: (isTouched: boolean) => void;
             setErrors: (message: string | string[]) => void;
             setValue: (value: unknown, shouldValidate?: boolean) => void;

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

@@ -1,14 +1,14 @@
-import { d as p, c as f, a as h } from "../../../utils-D2UeooB9.js";
-import { defineComponent as u, withDirectives as _, openBlock as s, createElementBlock as c, isRef as k, normalizeClass as V, unref as t, vModelText as w, ref as m, createVNode as v, mergeProps as y, createElementVNode as x, createBlock as i, withCtx as B, createTextVNode as E, toDisplayString as I, createCommentVNode as M } from "vue";
-import { useVModel as $, useElementBounding as C } from "@vueuse/core";
-import { BuiBadge as N } from "../badge/index.js";
+import { d as m, c as y, a as B } from "../../../utils-D2UeooB9.js";
+import { defineComponent as c, ref as d, withDirectives as V, openBlock as s, createElementBlock as p, isRef as x, normalizeClass as E, unref as t, vModelText as I, createVNode as v, mergeProps as g, createElementVNode as M, createBlock as u, withCtx as $, createTextVNode as C, toDisplayString as N, createCommentVNode as P } from "vue";
+import { useVModel as j, useElementBounding as A } from "@vueuse/core";
+import { BuiBadge as D } from "../badge/index.js";
 /**
  * @license lucide-vue-next v0.441.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const P = p("EyeOffIcon", [
+const F = m("EyeOffIcon", [
   [
     "path",
     {
@@ -32,7 +32,7 @@ const P = p("EyeOffIcon", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const j = p("EyeIcon", [
+const R = m("EyeIcon", [
   [
     "path",
     {
@@ -41,7 +41,7 @@ const j = p("EyeIcon", [
     }
   ],
   ["circle", { cx: "12", cy: "12", r: "3", key: "1v7zrd" }]
-]), g = /* @__PURE__ */ u({
+]), h = /* @__PURE__ */ c({
   __name: "BuiInput",
   props: {
     defaultValue: {},
@@ -51,73 +51,82 @@ const j = p("EyeIcon", [
   },
   emits: ["update:modelValue"],
   setup(r, { emit: o }) {
-    const e = r, a = $(e, "modelValue", o, {
+    const e = r, a = j(e, "modelValue", o, {
       passive: !0,
       defaultValue: e.defaultValue
-    });
-    return (l, d) => _((s(), c("input", {
-      "onUpdate:modelValue": d[0] || (d[0] = (b) => k(a) ? a.value = b : null),
-      class: V(t(f)(t(D)({ variant: l.variant }), e.class ?? ""))
-    }, null, 2)), [
-      [w, t(a)]
+    }), n = d(!1), b = () => {
+      n.value = !0;
+    }, _ = () => {
+      n.value = !1;
+    }, k = (l) => {
+      (l.key === "Home" || l.key === "End") && n.value && l.stopPropagation();
+    };
+    return (l, f) => V((s(), p("input", {
+      "onUpdate:modelValue": f[0] || (f[0] = (w) => x(a) ? a.value = w : null),
+      class: E(t(y)(t(S)({ variant: l.variant }), e.class ?? "")),
+      onFocus: b,
+      onBlur: _,
+      onKeydown: k
+    }, null, 34)), [
+      [I, t(a)]
     ]);
   }
-}), A = { class: "relative flex" }, G = /* @__PURE__ */ u({
+}), z = { class: "relative flex" }, L = /* @__PURE__ */ c({
   inheritAttrs: !1,
   __name: "BuiPasswordInput",
   props: {
     defaultValue: {}
   },
   setup(r) {
-    const e = m(r.defaultValue ?? "password");
-    function n() {
+    const e = d(r.defaultValue ?? "password");
+    function i() {
       e.value === "password" ? e.value = "text" : e.value = "password";
     }
-    return (a, l) => (s(), c("div", A, [
-      v(t(g), y(a.$attrs, {
+    return (a, n) => (s(), p("div", z, [
+      v(t(h), g(a.$attrs, {
         type: e.value,
-        class: t(f)(a.$attrs.class ?? "", "pr-8")
+        class: t(y)(a.$attrs.class ?? "", "pr-8")
       }), null, 16, ["type", "class"]),
-      x("span", {
-        onClick: n,
+      M("span", {
+        onClick: i,
         class: "absolute right-3 top-0 flex h-full items-center justify-center"
       }, [
-        e.value === "password" ? (s(), i(t(j), {
+        e.value === "password" ? (s(), u(t(R), {
           key: 0,
           class: "h-4 w-4 cursor-pointer opacity-[0.56] hover:opacity-100"
-        })) : (s(), i(t(P), {
+        })) : (s(), u(t(F), {
           key: 1,
           class: "h-4 w-4 cursor-pointer opacity-[0.56] hover:opacity-100"
         }))
       ])
     ]));
   }
-}), R = { class: "relative flex" }, z = 16, L = /* @__PURE__ */ u({
+}), K = { class: "relative flex" }, O = 16, q = /* @__PURE__ */ c({
   inheritAttrs: !1,
   __name: "BuiBadgedInput",
   props: {
     badge: {}
   },
   setup(r) {
-    const o = r, e = m(null), { width: n } = C(e);
-    return (a, l) => (s(), c("div", R, [
-      v(t(g), y(a.$attrs, {
-        style: { paddingRight: t(n) + z + "px" }
+    const o = r, e = d(null), { width: i } = A(e);
+    return (a, n) => (s(), p("div", K, [
+      v(t(h), g(a.$attrs, {
+        style: { paddingRight: t(i) + O + "px" }
       }), null, 16, ["style"]),
-      o.badge ? (s(), i(t(N), {
+      o.badge ? (s(), u(t(D), {
         key: 0,
         ref_key: "badgeEl",
         ref: e,
         class: "absolute right-3 top-1.5 flex items-center justify-center rounded-sm hover:bg-primary/[0.08] dark:hover:bg-primary/30"
       }, {
-        default: B(() => [
-          E(I(o.badge), 1)
+        default: $(() => [
+          C(N(o.badge), 1)
         ]),
         _: 1
-      }, 512)) : M("", !0)
+      }, 512)) : P("", !0)
     ]));
   }
-}), D = h(
+}), S = B(
   "flex h-10 w-full rounded bg-background border px-3 py-2 text-sm ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium 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: {
@@ -133,8 +142,8 @@ const j = p("EyeIcon", [
   }
 );
 export {
-  L as BuiBadgedInput,
-  g as BuiInput,
-  G as BuiPasswordInput,
-  D as inputVariants
+  q as BuiBadgedInput,
+  h as BuiInput,
+  L as BuiPasswordInput,
+  S as inputVariants
 };

package/package.json

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

package/src/components/ui/input/BuiInput.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import type { HTMLAttributes } from 'vue'
+import { ref, type HTMLAttributes } from 'vue'
 import { useVModel } from '@vueuse/core'
 import { cn } from '@/lib/utils'
 import { inputVariants } from '.'
@@ -19,8 +19,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') {
+    if(isFocused.value) {
+      e.stopPropagation();
+    }
+  }
+}
 </script>
 
 <template>
-  <input v-model="modelValue" :class="cn(inputVariants({ variant }), props.class ?? '')" />
+  <input
+    v-model="modelValue"
+    :class="cn(inputVariants({ variant }), props.class ?? '')"
+    @focus="handleFocus"
+    @blur="handleBlur"
+    @keydown="handleKeyDown"
+  />
 </template>