@signal24/vue-foundation 4.29.8 → 4.30.1

package/package.json

@@ -1,7 +1,7 @@
 {
     "name": "@signal24/vue-foundation",
     "type": "module",
-    "version": "4.29.8",
+    "version": "4.30.1",
     "description": "Common components, directives, and helpers for Vue 3 apps",
     "module": "./dist/vue-foundation.es.js",
     "exports": {
@@ -34,7 +34,7 @@
     "dependencies": {
         "currency.js": "^2.0.4",
         "mark.js": "^8.11.1",
-        "uuid": "^11.1.0"
+        "uuid": "^13.0.0"
     },
     "peerDependencies": {
         "@signal24/openapi-client-codegen": "^2.1.1",
@@ -43,37 +43,37 @@
         "vue": "^3.4.0"
     },
     "devDependencies": {
-        "@eslint/js": "9.30.1",
-        "@nabla/vite-plugin-eslint": "^2.0.5",
-        "@signal24/openapi-client-codegen": "^2.6.0",
+        "@eslint/js": "9.39.1",
+        "@nabla/vite-plugin-eslint": "^2.0.6",
+        "@signal24/openapi-client-codegen": "^2.6.2",
         "@tsconfig/node22": "^22.0.2",
-        "@types/jsdom": "^21.1.7",
+        "@types/jsdom": "^27.0.0",
         "@types/lodash": "^4.17.20",
         "@types/mark.js": "^8",
-        "@types/node": "^24.0.10",
-        "@types/uuid": "^10.0.0",
-        "@vitejs/plugin-vue": "^6.0.0",
+        "@types/node": "^24.10.0",
+        "@types/uuid": "^11.0.0",
+        "@vitejs/plugin-vue": "^6.0.1",
         "@vue/eslint-config-prettier": "^10.2.0",
-        "@vue/eslint-config-typescript": "^14.5.1",
+        "@vue/eslint-config-typescript": "^14.6.0",
         "@vue/test-utils": "^2.4.6",
-        "@vue/tsconfig": "^0.7.0",
+        "@vue/tsconfig": "^0.8.1",
         "date-fns": "^4.1.0",
-        "eslint": "9.30.1",
+        "eslint": "9.39.1",
         "eslint-plugin-simple-import-sort": "^12.1.1",
-        "eslint-plugin-unused-imports": "^4.1.4",
-        "eslint-plugin-vue": "^10.2.0",
-        "jsdom": "^26.1.0",
+        "eslint-plugin-unused-imports": "^4.3.0",
+        "eslint-plugin-vue": "^10.5.1",
+        "jsdom": "^27.1.0",
         "lodash": "^4.17.21",
         "prettier": "^3.6.2",
-        "sass": "^1.89.2",
-        "start-server-and-test": "^2.0.12",
-        "type-fest": "^4.41.0",
-        "typescript": "~5.8",
-        "typescript-eslint": "^8.35.1",
-        "vite": "^7.0.0",
-        "vitest": "^3.2.4",
-        "vue": "^3.5.17",
-        "vue-tsc": "^3.0.0"
+        "sass": "^1.93.3",
+        "start-server-and-test": "^2.1.2",
+        "type-fest": "^5.2.0",
+        "typescript": "~5.9",
+        "typescript-eslint": "^8.46.3",
+        "vite": "^7.2.1",
+        "vitest": "^4.0.7",
+        "vue": "^3.5.23",
+        "vue-tsc": "^3.1.3"
     },
     "packageManager": "yarn@4.9.2"
 }

package/src/components/overlay-container.ts

@@ -148,7 +148,7 @@ export function dismissOverlayInjectionByInternalInstance(instance: ComponentInt
 export function dismissOverlayInjectionByVnode(vnode: VNode) {
     const injectionIdx = OverlayInjections.findIndex(i => i.vnode.component === vnode.component);
     if (injectionIdx >= 0) {
-        OverlayInjections[injectionIdx].props.callback();
+        OverlayInjections[injectionIdx]!.props.callback();
         return true;
     }
     return false;
@@ -157,7 +157,7 @@ export function dismissOverlayInjectionByVnode(vnode: VNode) {
 export function dismissOverlayInjectionById(id: string) {
     const injectionIdx = OverlayInjections.findIndex(i => i.id === id);
     if (injectionIdx >= 0) {
-        OverlayInjections[injectionIdx].props.callback();
+        OverlayInjections[injectionIdx]!.props.callback();
         return true;
     }
     return false;

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

@@ -423,7 +423,7 @@ function setHighlightedOptionKey(useFirstItemAsFallback?: boolean) {
     if (selectedOption.value) {
         highlightedOptionKey.value = getOptionKey(selectedOption.value);
     } else if (useFirstItemAsFallback) {
-        highlightedOptionKey.value = effectiveOptions.value?.[0].key ?? NullSymbol;
+        highlightedOptionKey.value = effectiveOptions.value?.[0]?.key ?? NullSymbol;
     } else if (props.nullTitle) {
         highlightedOptionKey.value = NullSymbol;
     }
@@ -485,7 +485,7 @@ function teleportOptionsContainer() {
 
     for (let key in styles) {
         if (!/^(font|text)/.test(key)) continue;
-        optionsEl.style[key] = styles[key];
+        optionsEl.style[key] = styles[key]!;
     }
 
     optionsEl.style.top = targetTop + 'px';
@@ -527,7 +527,7 @@ function incrementHighlightedOption(increment: number) {
 
     if (highlightedOptionIdx == targetOptionIdx) return;
 
-    highlightedOptionKey.value = effectiveOptions.value[targetOptionIdx].key;
+    highlightedOptionKey.value = effectiveOptions.value[targetOptionIdx]!.key;
 
     const containerEl = optionsContainer.value!;
     const targetOptionEl = containerEl?.querySelectorAll('.option')[targetOptionIdx] as HTMLElement;

package/src/directives/sticky-min-width.ts

@@ -5,8 +5,10 @@ const ObserverMap = new WeakMap<HTMLElement, ResizeObserver>();
 export const vStickyMinWidth: ObjectDirective<HTMLElement> = {
     beforeMount(el) {
         const observer = new ResizeObserver(() => {
-            const minWidth = el.clientWidth;
-            el.style.minWidth = `${minWidth}px`;
+            const computedMinWidthStr = window.getComputedStyle(el).minWidth.match(/^(\d+)px$/)?.[1];
+            const computedMinWidth = computedMinWidthStr ? parseInt(computedMinWidthStr, 10) : 0;
+            if (el.clientWidth <= computedMinWidth) return;
+            el.style.minWidth = `${el.clientWidth}px`;
         });
         ObserverMap.set(el, observer);
         observer.observe(el);