@signal24/vue-foundation 4.25.4 → 4.25.6

package/package.json

@@ -1,7 +1,7 @@
 {
     "name": "@signal24/vue-foundation",
     "type": "module",
-    "version": "4.25.4",
+    "version": "4.25.6",
     "description": "Common components, directives, and helpers for Vue 3 apps",
     "module": "./dist/vue-foundation.es.js",
     "exports": {

package/src/components/vf-smart-select.vue

@@ -51,7 +51,9 @@
 
 <script lang="ts" setup generic="T, V = T">
 import { debounce, groupBy, isEqual, uniq } from 'lodash';
-import { computed, onMounted, ref, watch } from 'vue';
+import { computed, onBeforeUnmount, onMounted, ref, watch } from 'vue';
+
+import { isNotNullOrUndefined } from '@/helpers';
 
 import { escapeHtml } from '../helpers/string';
 import type { VfSmartSelectOptionDescriptor } from './vf-smart-select.types';
@@ -321,7 +323,7 @@ onMounted(async () => {
         if (selectedOption.value !== props.modelValue) {
             emit(
                 'update:modelValue',
-                selectedOption.value !== null && effectiveValueExtractor.value !== null
+                isNotNullOrUndefined(selectedOption.value) && effectiveValueExtractor.value !== null
                     ? effectiveValueExtractor.value(selectedOption.value)
                     : selectedOption.value
             );
@@ -333,6 +335,10 @@ onMounted(async () => {
     }
 });
 
+onBeforeUnmount(() => {
+    optionsContainer.value?.remove();
+});
+
 async function loadRemoteOptions() {
     await reloadOptions();
     if (loadedOptions.value) emit('optionsLoaded', loadedOptions.value);
@@ -559,7 +565,7 @@ function handleValueChanged() {
         selectedOption.value = effectiveValueExtractor.value
             ? allOptions.value.find(o => props.modelValue === effectiveValueExtractor.value!(o))
             : props.modelValue;
-        selectedOptionTitle.value = selectedOption.value !== null ? effectiveSelectionFormatter.value(selectedOption.value) : null;
+        selectedOptionTitle.value = isNotNullOrUndefined(selectedOption.value) ? effectiveSelectionFormatter.value(selectedOption.value) : null;
         searchText.value = selectedOptionTitle.value ?? '';
     } else {
         selectedOption.value = null;

package/src/helpers/object.ts

@@ -18,3 +18,7 @@ export function nullifyEmptyInputs<T extends Record<string, unknown>, K extends
     }
     return result;
 }
+
+export function isNotNullOrUndefined<T>(value: T | null | undefined): value is T {
+    return value !== null && value !== undefined;
+}