fabric 6.4.2 → 6.4.3

package/package.json

@@ -2,7 +2,7 @@
   "name": "fabric",
   "description": "Object model for HTML5 canvas, and SVG-to-canvas parser. Backed by jsdom and node-canvas.",
   "homepage": "http://fabricjs.com/",
-  "version": "6.4.2",
+  "version": "6.4.3",
   "author": "Juriy Zaytsev <kangax@gmail.com>",
   "contributors": [
     {
@@ -43,7 +43,6 @@
     "docs": "typedoc",
     "cli": "node ./scripts/index.mjs",
     "sandboxscript": "node ./scripts/sandbox.mjs",
-    "changelog": "auto-changelog -o change-output.md --unreleased-only",
     "build": "npm run cli -- build",
     "build:fast": "npm run build -- -f",
     "dev": "npm run cli -- dev",
@@ -90,7 +89,6 @@
     "@types/node": "^17.0.21",
     "@typescript-eslint/eslint-plugin": "^8.1.0",
     "@typescript-eslint/parser": "^8.1.0",
-    "auto-changelog": "^2.3.0",
     "axios": "^0.27.2",
     "babel-plugin-import-json-value": "^0.1.2",
     "babel-plugin-transform-imports": "git+https://git@github.com/fabricjs/babel-plugin-transform-imports.git",

package/rollup.config.mjs

@@ -107,6 +107,7 @@ export default [
           }
         : null,
       // umd module in bundle, the cdn one for fiddles
+      // deprecated, this will be available only minified for cdn.
       {
         file: path.resolve(dirname, `${basename}.js`),
         name: 'fabric',
@@ -135,7 +136,7 @@ export default [
         format: 'es',
         sourcemap: true,
       },
-      // todo remove
+      // deprecated remove
       {
         file: path.resolve(dirname, `${basename}.node.cjs`),
         name: 'fabric',

package/src/controls/changeWidth.test.ts

@@ -43,6 +43,15 @@ describe('changeWidth', () => {
     expect(target.top).toBe(0);
   });
 
+  test('changeWidth changes the width with decimals', () => {
+    expect(target.width).toBe(100);
+    const changed = changeWidth(eventData, transform, 200.2, 300);
+    expect(changed).toBe(true);
+    expect(target.width).toBe(199.2);
+    expect(target.left).toBe(0);
+    expect(target.top).toBe(0);
+  });
+
   test('changeWidth does not change the width', () => {
     const target = new Rect({ width: 100, height: 100, canvas });
     jest.spyOn(target, '_set').mockImplementation(function _set(this: Rect) {

package/src/controls/changeWidth.ts

@@ -40,10 +40,9 @@ export const changeObjectWidth: TransformActionHandler = (
         target.strokeWidth / (target.strokeUniform ? target.scaleX : 1),
       multiplier = isTransformCentered(transform) ? 2 : 1,
       oldWidth = target.width,
-      newWidth = Math.ceil(
-        Math.abs((localPoint.x * multiplier) / target.scaleX) - strokePadding,
-      );
-    target.set('width', Math.max(newWidth, 0));
+      newWidth =
+        Math.abs((localPoint.x * multiplier) / target.scaleX) - strokePadding;
+    target.set('width', Math.max(newWidth, 1));
     //  check against actual target width in case `newWidth` was rejected
     return oldWidth !== target.width;
   }

package/src/shapes/Text/Text.ts

@@ -1790,12 +1790,24 @@ export class FabricText<
     return 1;
   }
 
+  /**
+   * List of generic font families
+   * @see https://developer.mozilla.org/en-US/docs/Web/CSS/font-family#generic-name
+   */
   static genericFonts = [
-    'sans-serif',
     'serif',
+    'sans-serif',
+    'monospace',
     'cursive',
     'fantasy',
-    'monospace',
+    'system-ui',
+    'ui-serif',
+    'ui-sans-serif',
+    'ui-monospace',
+    'ui-rounded',
+    'math',
+    'emoji',
+    'fangsong',
   ];
 
   /* _FROM_SVG_START_ */