@ims360/svelte-ivory 0.4.5 → 0.4.7

package/dist/components/table/Column.svelte

@@ -38,7 +38,23 @@
 
     // Register the new column if this is the first table row that was rendered
     const tableContext = getTableContext();
-    const column = tableContext.registerColumn({ id, width, minWidth, resizable, header });
+    const column = tableContext.registerColumn({
+        get id() {
+            return id;
+        },
+        get width() {
+            return width;
+        },
+        get minWidth() {
+            return minWidth;
+        },
+        get resizable() {
+            return resizable;
+        },
+        get header() {
+            return header;
+        }
+    });
     const rowContext = getRowContext();
 
     const finalOnClick = $derived(onclick || rowContext.onclick);
@@ -47,22 +63,11 @@
         return href || rowContext.href;
     });
 
-    // passes updated props to the column
-    $effect(() => {
-        column.updateConfig({ resizable, minWidth, id, header });
-    });
-
-    // this must be separate to the above effect, since otherwise the width would be reset on every scroll
-    $effect(() => {
-        if (!resizable && typeof width !== 'undefined') column.resize(width);
-    });
-
     const widthStyle = $derived(
         `calc(${column.width ?? 0}px - var(--spacing) * ${offsetNestingLevel * tableContext.nestingInset}) !important;`
     );
 </script>
 
-<!-- svelte-ignore a11y_no_static_element_interactions -->
 <Element
     {...props}
     onclick={finalOnClick}

package/dist/components/table/Column.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Column.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/components/table/Column.svelte.ts"],"names":[],"mappings":"AAKI,OAAO,EAAE,KAAK,OAAO,EAAE,MAAM,QAAQ,CAAC;AACtC,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAElD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AAI9D,MAAM,WAAW,WAAY,SAAQ,YAAY;IAC7C,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,2EAA2E;IAC3E,QAAQ,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAC7C,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,2CAA2C;IAC3C,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC/B;AAwDL,QAAA,MAAM,MAAM,iDAAwC,CAAC;AACrD,KAAK,MAAM,GAAG,UAAU,CAAC,OAAO,MAAM,CAAC,CAAC;AACxC,eAAe,MAAM,CAAC"}
+{"version":3,"file":"Column.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/components/table/Column.svelte.ts"],"names":[],"mappings":"AAKI,OAAO,EAAE,KAAK,OAAO,EAAE,MAAM,QAAQ,CAAC;AACtC,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAElD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AAI9D,MAAM,WAAW,WAAY,SAAQ,YAAY;IAC7C,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,2EAA2E;IAC3E,QAAQ,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAC7C,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,2CAA2C;IAC3C,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC/B;AA6DL,QAAA,MAAM,MAAM,iDAAwC,CAAC;AACrD,KAAK,MAAM,GAAG,UAAU,CAAC,OAAO,MAAM,CAAC,CAAC;AACxC,eAAe,MAAM,CAAC"}

package/dist/components/table/columnController.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"columnController.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/components/table/columnController.svelte.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AAGtC,eAAO,MAAM,wBAAwB,MAAM,CAAC;AAE5C,MAAM,WAAW,YAAY;IACzB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,MAAM,EAAE,OAAO,GAAG,MAAM,CAAC;CAC5B;AAED,qBAAa,gBAAgB;IACzB,EAAE,SAAc;IAChB,MAAM,uBAAgC;IAGtC,KAAK,qBAAoB;IACzB,QAAQ,SAAyB;IACjC,QAAQ,UAAiB;IACzB,SAAS,UAAiB;IAC1B,QAAQ,UAAiB;gBAEb,IAAI,EAAE,YAAY;IAS9B,YAAY,CAAC,IAAI,EAAE,YAAY;IAiB/B,MAAM,CAAC,QAAQ,CAAC,EAAE,MAAM;CAQ3B"}
+{"version":3,"file":"columnController.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/components/table/columnController.svelte.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AAGtC,eAAO,MAAM,wBAAwB,MAAM,CAAC;AAE5C,MAAM,WAAW,YAAY;IACzB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,MAAM,EAAE,OAAO,GAAG,MAAM,CAAC;CAC5B;AAED,qBAAa,gBAAgB;IACzB,EAAE,SAAc;IAChB,MAAM,uBAAgC;IAGtC,KAAK,qBAAoB;IACzB,QAAQ,SAAyB;IACjC,QAAQ,UAAiB;IACzB,SAAS,UAAiB;IAC1B,QAAQ,UAAiB;gBAEb,IAAI,EAAE,YAAY;IAS9B,YAAY,CAAC,IAAI,EAAE,YAAY;IAmB/B,MAAM,CAAC,QAAQ,CAAC,EAAE,MAAM;CAQ3B"}

package/dist/components/table/columnController.svelte.js

@@ -23,6 +23,9 @@ export class ColumnController {
             const newWidth = typeof conf.width === 'undefined' ? DEFAULT_WIDTH : conf.width;
             this.width = newWidth;
         }
+        else {
+            this.width = conf.width ?? this.width;
+        }
         if (typeof conf.minWidth !== 'undefined') {
             this.minWidth = conf.minWidth;
         }

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@ims360/svelte-ivory",
-    "version": "0.4.5",
+    "version": "0.4.7",
     "keywords": [
         "svelte"
     ],
@@ -76,44 +76,43 @@
     },
     "dependencies": {
         "@lucide/svelte": "^0.553.0",
-        "@oddbird/css-anchor-positioning": "^0.8.0",
-        "@tailwindcss/forms": "^0.5.10",
+        "@tailwindcss/forms": "^0.5.11",
         "@tailwindcss/typography": "^0.5.19",
-        "@tailwindcss/vite": "^4.1.17",
+        "@tailwindcss/vite": "^4.2.1",
         "clsx": "^2.1.1",
-        "dompurify": "^3.3.0",
-        "jsdom": "^27.2.0",
-        "marked": "^17.0.0",
-        "tailwind-merge": "^3.4.0",
-        "tailwindcss": "^4.1.17"
+        "dompurify": "^3.3.1",
+        "jsdom": "^27.4.0",
+        "marked": "^17.0.4",
+        "tailwind-merge": "^3.5.0",
+        "tailwindcss": "^4.2.1"
     },
     "devDependencies": {
-        "@eslint/compat": "^1.4.1",
-        "@eslint/js": "^9.39.1",
-        "@sveltejs/adapter-auto": "^7.0.0",
-        "@sveltejs/package": "^2.5.4",
-        "@sveltejs/vite-plugin-svelte": "^6.2.1",
+        "@eslint/compat": "^2.0.2",
+        "@eslint/js": "^10.0.1",
+        "@sveltejs/adapter-auto": "^7.0.1",
+        "@sveltejs/package": "^2.5.7",
+        "@sveltejs/vite-plugin-svelte": "^6.2.4",
         "@testing-library/jest-dom": "^6.9.1",
-        "@testing-library/svelte": "^5.2.8",
+        "@testing-library/svelte": "^5.3.1",
         "@testing-library/user-event": "^14.6.1",
-        "@vitest/browser": "^4.0.8",
-        "@vitest/coverage-v8": "^4.0.8",
-        "@vitest/spy": "^4.0.8",
-        "eslint": "^9.39.1",
+        "@vitest/browser": "^4.0.18",
+        "@vitest/coverage-v8": "^4.0.18",
+        "@vitest/spy": "^4.0.18",
+        "eslint": "^10.0.2",
         "eslint-config-prettier": "^10.1.8",
-        "eslint-plugin-svelte": "^3.13.0",
+        "eslint-plugin-svelte": "^3.15.0",
         "globals": "^16.5.0",
-        "playwright": "^1.56.1",
-        "prettier": "^3.6.2",
-        "prettier-plugin-svelte": "^3.4.0",
-        "prettier-plugin-tailwindcss": "^0.7.1",
-        "publint": "^0.3.15",
-        "svelte-check": "^4.3.4",
+        "playwright": "^1.58.2",
+        "prettier": "^3.8.1",
+        "prettier-plugin-svelte": "^3.5.1",
+        "prettier-plugin-tailwindcss": "^0.7.2",
+        "publint": "^0.3.18",
+        "svelte-check": "^4.4.4",
         "typescript": "^5.9.3",
-        "typescript-eslint": "^8.46.4",
-        "vite": "^7.2.2",
-        "vitest": "^4.0.8",
-        "zod": "^4.1.13"
+        "typescript-eslint": "^8.56.1",
+        "vite": "^7.3.1",
+        "vitest": "^4.0.18",
+        "zod": "^4.3.6"
     },
     "peerDependencies": {
         "@skeletonlabs/skeleton": "^4.0.0",

package/src/lib/components/table/Column.svelte

@@ -38,7 +38,23 @@
 
     // Register the new column if this is the first table row that was rendered
     const tableContext = getTableContext();
-    const column = tableContext.registerColumn({ id, width, minWidth, resizable, header });
+    const column = tableContext.registerColumn({
+        get id() {
+            return id;
+        },
+        get width() {
+            return width;
+        },
+        get minWidth() {
+            return minWidth;
+        },
+        get resizable() {
+            return resizable;
+        },
+        get header() {
+            return header;
+        }
+    });
     const rowContext = getRowContext();
 
     const finalOnClick = $derived(onclick || rowContext.onclick);
@@ -47,22 +63,11 @@
         return href || rowContext.href;
     });
 
-    // passes updated props to the column
-    $effect(() => {
-        column.updateConfig({ resizable, minWidth, id, header });
-    });
-
-    // this must be separate to the above effect, since otherwise the width would be reset on every scroll
-    $effect(() => {
-        if (!resizable && typeof width !== 'undefined') column.resize(width);
-    });
-
     const widthStyle = $derived(
         `calc(${column.width ?? 0}px - var(--spacing) * ${offsetNestingLevel * tableContext.nestingInset}) !important;`
     );
 </script>
 
-<!-- svelte-ignore a11y_no_static_element_interactions -->
 <Element
     {...props}
     onclick={finalOnClick}

package/src/lib/components/table/columnController.svelte.ts

@@ -36,6 +36,8 @@ export class ColumnController {
         if (typeof this.width === 'undefined') {
             const newWidth = typeof conf.width === 'undefined' ? DEFAULT_WIDTH : conf.width;
             this.width = newWidth;
+        } else {
+            this.width = conf.width ?? this.width;
         }
         if (typeof conf.minWidth !== 'undefined') {
             this.minWidth = conf.minWidth;