@bagelink/vue 0.0.1270 → 0.0.1272

package/dist/components/form/inputs/NumberInput.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NumberInput.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/form/inputs/NumberInput.vue"],"names":[],"mappings":"AAmOA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AAI7C,KAAK,YAAY,GAAG,SAAS,GAAG,UAAU,GAAG,YAAY,CAAA;AAEzD,UAAU,gBAAgB;IACzB,UAAU,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC5B,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,SAAS,CAAC,EAAE,QAAQ,CAAA;IACpB,IAAI,CAAC,EAAE,QAAQ,CAAA;IACf,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,MAAM,CAAC,EAAE,YAAY,CAAA;IACrB,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,OAAO,CAAC,EAAE,MAAM,CAAA;CAChB;;;;;;AAyVD,wBAQG"}
+{"version":3,"file":"NumberInput.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/form/inputs/NumberInput.vue"],"names":[],"mappings":"AAsOA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AAI7C,KAAK,YAAY,GAAG,SAAS,GAAG,UAAU,GAAG,YAAY,CAAA;AAEzD,UAAU,gBAAgB;IACzB,UAAU,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC5B,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,SAAS,CAAC,EAAE,QAAQ,CAAA;IACpB,IAAI,CAAC,EAAE,QAAQ,CAAA;IACf,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,MAAM,CAAC,EAAE,YAAY,CAAA;IACrB,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,OAAO,CAAC,EAAE,MAAM,CAAA;CAChB;;;;;;AA4VD,wBAQG"}

package/dist/index.cjs

@@ -25934,11 +25934,14 @@ const _sfc_main$H = /* @__PURE__ */ vue.defineComponent({
       emit2("update:modelValue", numberValue.value);
     }
     vue.watch(() => numberValue.value, () => {
-      formattedValue.value = numberValue.value !== void 0 ? formatNumber2(numberValue.value) : "";
-    }, { immediate: true });
+      vue.nextTick(() => {
+        formattedValue.value = numberValue.value !== void 0 ? formatNumber2(numberValue.value) : "";
+      });
+    });
     vue.watch(() => __props.modelValue, (newVal) => {
       if (newVal !== numberValue.value) {
         numberValue.value = Number.parseFloat(`${newVal}`) || 0;
+        console.log("newVal", numberValue.value);
       }
     }, { immediate: true });
     return (_ctx, _cache) => {
@@ -26042,7 +26045,7 @@ const _sfc_main$H = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const NumberInput = /* @__PURE__ */ _export_sfc(_sfc_main$H, [["__scopeId", "data-v-26b79ca5"]]);
+const NumberInput = /* @__PURE__ */ _export_sfc(_sfc_main$H, [["__scopeId", "data-v-3b46ec89"]]);
 const _hoisted_1$z = ["value", "autofocus", "onKeydown", "onPaste"];
 const _sfc_main$G = /* @__PURE__ */ vue.defineComponent({
   __name: "OTP",

package/dist/index.mjs

@@ -25932,11 +25932,14 @@ const _sfc_main$H = /* @__PURE__ */ defineComponent({
       emit2("update:modelValue", numberValue.value);
     }
     watch(() => numberValue.value, () => {
-      formattedValue.value = numberValue.value !== void 0 ? formatNumber2(numberValue.value) : "";
-    }, { immediate: true });
+      nextTick(() => {
+        formattedValue.value = numberValue.value !== void 0 ? formatNumber2(numberValue.value) : "";
+      });
+    });
     watch(() => __props.modelValue, (newVal) => {
       if (newVal !== numberValue.value) {
         numberValue.value = Number.parseFloat(`${newVal}`) || 0;
+        console.log("newVal", numberValue.value);
       }
     }, { immediate: true });
     return (_ctx, _cache) => {
@@ -26040,7 +26043,7 @@ const _sfc_main$H = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const NumberInput = /* @__PURE__ */ _export_sfc(_sfc_main$H, [["__scopeId", "data-v-26b79ca5"]]);
+const NumberInput = /* @__PURE__ */ _export_sfc(_sfc_main$H, [["__scopeId", "data-v-3b46ec89"]]);
 const _hoisted_1$z = ["value", "autofocus", "onKeydown", "onPaste"];
 const _sfc_main$G = /* @__PURE__ */ defineComponent({
   __name: "OTP",

package/dist/style.css

@@ -1846,14 +1846,14 @@ pre code.hljs{
 	direction: ltr;
 }
 
-.txtInputIconStart .iconStart[data-v-26b79ca5] {
+.txtInputIconStart .iconStart[data-v-3b46ec89] {
 	color: var(--input-color);
 	position: absolute;
     inset-inline-start:calc(var(--input-height) / 3 - 0.25rem);
 	margin-top: calc(var(--input-height) / 2 );
 	line-height: 0;
 }
-.textInputSpinnerWrap .spinner[data-v-26b79ca5] {
+.textInputSpinnerWrap .spinner[data-v-3b46ec89] {
 	color: var(--input-color);
 	position: absolute;
 	inset-inline-end: 0;
@@ -1863,18 +1863,18 @@ pre code.hljs{
 	flex-direction: column;
 	gap: 0;
 }
-.top-bgl-ctrl-num-btn[data-v-26b79ca5]{
+.top-bgl-ctrl-num-btn[data-v-3b46ec89]{
 	margin-top: calc(var(--input-height) / 10) !important;
 }
-.bgl-ctrl-num-btn[data-v-26b79ca5]{
+.bgl-ctrl-num-btn[data-v-3b46ec89]{
 	height: calc(var(--input-height) / 2.5) !important;
 	isolation: isolate;
 }
-.bgl-big-ctrl-num-btn[data-v-26b79ca5]{
+.bgl-big-ctrl-num-btn[data-v-3b46ec89]{
 	width: 100% !important;
 	isolation: isolate;
 }
-.bgl-number-input[data-v-26b79ca5]{
+.bgl-number-input[data-v-3b46ec89]{
 	padding-inline-end: 1.75rem !important;
 }
 

package/package.json

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

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

@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import type { IconType } from '@bagelink/vue'
 import { Icon, Btn } from '@bagelink/vue'
-import { onMounted, watch } from 'vue'
+import { nextTick, onMounted, watch } from 'vue'
 
 type NumberLayout = 'default' | 'vertical' | 'horizontal'
 
@@ -118,12 +118,15 @@ function inputHandler() {
 }
 
 watch(() => numberValue, () => {
-	formattedValue = numberValue !== undefined ? formatNumber(numberValue) : ''
-}, { immediate: true })
+	nextTick(() => {
+		formattedValue = numberValue !== undefined ? formatNumber(numberValue) : ''
+	})
+})
 
 watch(() => modelValue, (newVal) => {
 	if (newVal !== numberValue)	{
 		numberValue = Number.parseFloat(`${newVal}`) || 0
+		console.log('newVal', numberValue)
 	}
 }, { immediate: true })
 </script>