@bagelink/vue 1.5.13 → 1.5.15

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@bagelink/vue",
   "type": "module",
-  "version": "1.5.13",
+  "version": "1.5.15",
   "description": "Bagel core sdk packages",
   "author": {
     "name": "Neveh Allon",

package/src/components/form/inputs/TextInput.vue

@@ -72,7 +72,7 @@ function autoResizeTextarea() {
 
 	const textarea = input as HTMLTextAreaElement
 	textarea.style.height = 'auto'
-	textarea.style.height = (textarea.scrollHeight + 1) + 'px'
+	textarea.style.height = `${textarea.scrollHeight + 1}px`
 }
 
 function updateInputVal() {
@@ -81,17 +81,17 @@ function updateInputVal() {
 	debouncedEmit()
 
 	if (props.autoheight) {
-		nextTick(() => autoResizeTextarea())
+		nextTick(() => { autoResizeTextarea() })
 	}
 }
 
 watch(
 	() => props.modelValue,
-	newVal => {
+	(newVal) => {
 		if (newVal !== inputVal) {
 			inputVal = newVal
 			if (props.autoheight) {
-				nextTick(() => autoResizeTextarea())
+				nextTick(() => { autoResizeTextarea() })
 			}
 		}
 	},
@@ -119,55 +119,27 @@ onMounted(async () => {
 
 <template>
 	<div
-		class="bagel-input text-input"
-		:class="{
+		class="bagel-input text-input" :class="{
 			dense,
 			small,
 			shrink,
 			code,
 			textInputIconWrap: icon,
 			txtInputIconStart: iconStart,
-}"
-		:title="title"
+		}" :title="title"
 	>
 		<label :for="id">
 			{{ label }} <span v-if="required && label">*</span>
 
 			<input
-				v-if="!multiline && !autoheight && !code && inputRows < 2"
-				:id
-				ref="input"
-				v-model.trim="inputVal"
-				:name
-				:title
-				:autocomplete
-				:type
-				:rows="1"
-				:placeholder="placeholder || label"
-				:disabled
-				:required
-				:pattern
-				v-bind="nativeInputAttrs"
-				@focusout="onFocusout"
-				@focus="onFocus"
-				@input="updateInputVal"
-			/>
+				v-if="!multiline && !autoheight && !code && inputRows < 2" :id ref="input" v-model.trim="inputVal"
+				:name :title :autocomplete :type :rows="1" :placeholder="placeholder || label" :disabled :required
+				:pattern v-bind="nativeInputAttrs" @focusout="onFocusout" @focus="onFocus" @input="updateInputVal"
+			>
 			<textarea
-				v-else
-				:id
-				ref="input"
-				v-model="inputVal"
-				:name
-				:title
-				:type
-				:rows="inputRows"
-				:placeholder="placeholder || label"
-				:disabled
-				:required
-				:pattern
-				v-bind="nativeInputAttrs"
-				@input="updateInputVal"
-				@focusout="onFocusout"
+				v-else :id ref="input" v-model="inputVal" :name :title :type :rows="inputRows"
+				:placeholder="placeholder || label" :disabled :required :pattern v-bind="nativeInputAttrs"
+				@input="updateInputVal" @focusout="onFocusout"
 			/>
 			<p v-if="helptext" class="opacity-7 light">{{ helptext }}</p>
 			<Icon v-if="iconStart" class="iconStart" :icon="iconStart" />
@@ -236,7 +208,8 @@ onMounted(async () => {
 	line-height: 0;
 }
 
-.textInputIconWrap input {
+.textInputIconWrap input,
+.textInputIconWrap textarea {
 	padding-inline-end: calc(var(--input-height) / 3 + 1.5rem);
 }