@signal24/vue-foundation 4.30.0 → 4.30.2

package/package.json

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

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);

package/src/helpers/error.ts

@@ -8,6 +8,10 @@ export class UserError extends Error {
     }
 }
 
+interface ErrorWithCause extends Error {
+    cause?: Error;
+}
+
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
 export function formatError(err: any): string {
     if (err instanceof UserError) {
@@ -19,9 +23,12 @@ export function formatError(err: any): string {
 }
 
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
-export function toError(err: any) {
-    if (isError(err)) return err;
-    return new Error(String(err));
+export function toError(err: any, cause?: any): ErrorWithCause {
+    const error = (isError(err) ? err : new Error(String(err))) as ErrorWithCause;
+    if (cause) {
+        error.cause = toError(cause);
+    }
+    return error;
 }
 
 export function isError(err: unknown): err is Error {
@@ -31,12 +38,14 @@ export function isError(err: unknown): err is Error {
 }
 
 interface IErrorAlertOptions {
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    cause?: any;
     title?: string;
     classes?: string[];
 }
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
 export async function handleErrorAndAlert(errIn: any, options?: IErrorAlertOptions) {
-    const err = toError(errIn);
+    const err = toError(errIn, options?.cause);
 
     if (!(err instanceof UserError)) {
         VfOptions.errorHandler(err);
@@ -50,8 +59,8 @@ export async function handleErrorAndAlert(errIn: any, options?: IErrorAlertOptio
 }
 
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
-export async function handleError(errIn: any) {
-    const err = toError(errIn);
+export async function handleError(errIn: any, cause?: any) {
+    const err = toError(errIn, cause);
 
     if (!(err instanceof UserError)) {
         VfOptions.errorHandler(err);