@xy-planning-network/trees 0.9.7 → 0.9.8

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@xy-planning-network/trees",
-  "version": "0.9.7",
+  "version": "0.9.8",
   "description": "",
   "license": "MIT",
   "repository": "github:xy-planning-network/trees",

package/src/lib-components/forms/BaseInput.vue

@@ -61,6 +61,10 @@ const onInput = (e: Event) => {
     val = looseToNumber(val)
   }
 
+  if (typeof val === "string") {
+    val = val.trim()
+  }
+
   modelState.value = val
 
   inputValidation(e)

package/src/lib-components/forms/Select.vue

@@ -26,8 +26,17 @@ const {
 } = useInputField(props)
 
 const onChange = (e: Event) => {
-  modelState.value = (e.target as HTMLInputElement).value
-  validate(e)
+  // NOTE(spk): The selectedIndex references the list of options in tree order
+  // https://html.spec.whatwg.org/multipage/form-elements.html#dom-select-selectedindex
+  const selectedIndex = (e.target as HTMLSelectElement).selectedIndex
+
+  // NOTE(spk): we disable the 0 index option in the list, so there's
+  // no expectation it will trigger a change event.  Likewise, dynamic updates to
+  // a modelValue prop in a parent do not trigger the change event.
+  if (selectedIndex > 0) {
+    modelState.value = props.options[selectedIndex - 1].value
+    validate(e)
+  }
 }
 </script>
 

package/src/lib-components/forms/TextArea.vue

@@ -22,7 +22,7 @@ const {
 } = useInputField(props)
 
 const onInput = (e: Event) => {
-  modelState.value = (e.target as HTMLInputElement).value
+  modelState.value = (e.target as HTMLInputElement).value.trim()
   inputValidation(e)
 }
 </script>