From 7e54b725877dbdfe2e016fd972c5f351c145491c Mon Sep 17 00:00:00 2001
From: Juan Pablo Vial <jpvialb@incoviba.cl>
Date: Mon, 5 May 2025 15:45:07 -0400
Subject: [PATCH] NumberInput, para formateo de numeros

---
 app/composer.json                                  |  3 ++-
 .../layout/body/scripts/number_input.blade.php     | 14 +++++++++-----
 2 files changed, 11 insertions(+), 6 deletions(-)

diff --git a/app/composer.json b/app/composer.json
index 00f4029..9a0c94b 100644
--- a/app/composer.json
+++ b/app/composer.json
@@ -18,7 +18,8 @@
         "predis/predis": "^2",
         "robmorgan/phinx": "^0.16",
         "slim/slim": "^4",
-        "symfony/string": "^7.2"
+        "symfony/string": "^7.2",
+        "tedivm/jshrink": "^1.7"
     },
     "require-dev": {
         "fakerphp/faker": "^1",
diff --git a/app/resources/views/layout/body/scripts/number_input.blade.php b/app/resources/views/layout/body/scripts/number_input.blade.php
index 9ce119e..589478c 100644
--- a/app/resources/views/layout/body/scripts/number_input.blade.php
+++ b/app/resources/views/layout/body/scripts/number_input.blade.php
@@ -1,5 +1,9 @@
 @push('page_scripts')
     <script>
+        if (typeof Intl.NumberFormat.isLocale === 'undefined' || typeof Intl.NumberFormat.isLocale !== 'function') {
+            // Load Intl.NumberFormat custom methods
+            @include('layout.body.scripts.number_format')
+        }
         class NumberInput {
             input
             isRational
@@ -10,7 +14,7 @@
             constructor({input, isRational, outputLocale}) {
                 this.input = input
                 this.isRational = isRational
-                this.outputLocale = outputLocale
+                this.outputLocale = outputLocale || 'es-CL'
 
                 this.formatters = {}
                 const locales = ['es-CL', 'en-US']
@@ -23,13 +27,13 @@
 
                 if (this.input.value !== '') {
                     this.currentValue = this.process(this.input.value)
+                    this.input.value = this.format(this.currentValue)
                 }
             }
             watch() {
                 this.input.addEventListener('change', event => {
-                    const value = this.process(event.target.value)
-                    this.currentValue = value
-                    this.input.value = this.format(value)
+                    this.currentValue = this.process(event.currentTarget.value)
+                    this.input.value = this.format(this.currentValue)
                 })
             }
             process(stringValue) {
@@ -69,4 +73,4 @@
             }
         }
     </script>
-@endpush
\ No newline at end of file
+@endpush