@nasser-sw/fabric 7.0.1-beta2 → 7.0.1-beta4

package/debug/konva/src/shapes/Wedge.ts

@@ -1,129 +0,0 @@
-import { Factory } from '../Factory.ts';
-import type { Context } from '../Context.ts';
-import type { ShapeConfig } from '../Shape.ts';
-import { Shape } from '../Shape.ts';
-import { Konva } from '../Global.ts';
-import { getNumberValidator } from '../Validators.ts';
-import { _registerNode } from '../Global.ts';
-
-import type { GetSet } from '../types.ts';
-
-export interface WedgeConfig extends ShapeConfig {
-  angle: number;
-  radius: number;
-  clockwise?: boolean;
-}
-
-/**
- * Wedge constructor
- * @constructor
- * @memberof Konva
- * @augments Konva.Shape
- * @param {Object} config
- * @param {Number} config.angle in degrees
- * @param {Number} config.radius
- * @param {Boolean} [config.clockwise]
- * @@shapeParams
- * @@nodeParams
- * @example
- * // draw a wedge that's pointing downwards
- * var wedge = new Konva.Wedge({
- *   radius: 40,
- *   fill: 'red',
- *   stroke: 'black'
- *   strokeWidth: 5,
- *   angleDeg: 60,
- *   rotationDeg: -120
- * });
- */
-export class Wedge extends Shape<WedgeConfig> {
-  _sceneFunc(context: Context) {
-    context.beginPath();
-    context.arc(
-      0,
-      0,
-      this.radius(),
-      0,
-      Konva.getAngle(this.angle()),
-      this.clockwise()
-    );
-    context.lineTo(0, 0);
-    context.closePath();
-    context.fillStrokeShape(this);
-  }
-  getWidth() {
-    return this.radius() * 2;
-  }
-  getHeight() {
-    return this.radius() * 2;
-  }
-  setWidth(width: number) {
-    this.radius(width / 2);
-  }
-  setHeight(height: number) {
-    this.radius(height / 2);
-  }
-
-  radius: GetSet<number, this>;
-  angle: GetSet<number, this>;
-  clockwise: GetSet<boolean, this>;
-}
-
-Wedge.prototype.className = 'Wedge';
-Wedge.prototype._centroid = true;
-Wedge.prototype._attrsAffectingSize = ['radius'];
-_registerNode(Wedge);
-
-/**
- * get/set radius
- * @name Konva.Wedge#radius
- * @method
- * @param {Number} radius
- * @returns {Number}
- * @example
- * // get radius
- * var radius = wedge.radius();
- *
- * // set radius
- * wedge.radius(10);
- */
-Factory.addGetterSetter(Wedge, 'radius', 0, getNumberValidator());
-
-/**
- * get/set angle in degrees
- * @name Konva.Wedge#angle
- * @method
- * @param {Number} angle
- * @returns {Number}
- * @example
- * // get angle
- * var angle = wedge.angle();
- *
- * // set angle
- * wedge.angle(20);
- */
-Factory.addGetterSetter(Wedge, 'angle', 0, getNumberValidator());
-
-/**
- * get/set clockwise flag
- * @name Konva.Wedge#clockwise
- * @method
- * @param {Number} clockwise
- * @returns {Number}
- * @example
- * // get clockwise flag
- * var clockwise = wedge.clockwise();
- *
- * // draw wedge counter-clockwise
- * wedge.clockwise(false);
- *
- * // draw wedge clockwise
- * wedge.clockwise(true);
- */
-Factory.addGetterSetter(Wedge, 'clockwise', false);
-
-Factory.backCompat(Wedge, {
-  angleDeg: 'angle',
-  getAngleDeg: 'getAngle',
-  setAngleDeg: 'setAngle',
-});

package/debug/konva/src/skia-backend.ts

@@ -1,35 +0,0 @@
-import { Konva } from './_CoreInternals.ts';
-// @ts-ignore
-import { Canvas, DOMMatrix, Image, Path2D } from 'skia-canvas';
-
-global.DOMMatrix = DOMMatrix as any;
-
-global.Path2D = Path2D as any;
-Path2D.prototype.toString = () => '[object Path2D]';
-
-Konva.Util['createCanvasElement'] = () => {
-  const node = new Canvas(300, 300) as any;
-  if (!node['style']) {
-    node['style'] = {};
-  }
-  node.toString = () => '[object HTMLCanvasElement]';
-  const ctx = node.getContext('2d');
-  // Override the getter to return the canvas node directly
-  // because in skia-canvas canvas is using weak ref to the canvas node
-  // and somehow on many tests it fails to get the canvas node
-  Object.defineProperty(ctx, 'canvas', {
-    get: () => node,
-  });
-  return node;
-};
-
-// create image in Node env
-Konva.Util.createImageElement = () => {
-  const node = new Image() as any;
-  node.toString = () => '[object HTMLImageElement]';
-  return node;
-};
-
-Konva._renderBackend = 'skia-canvas';
-
-export default Konva;

package/debug/konva/src/types.ts

@@ -1,84 +0,0 @@
-export interface GetSet<Type, This> {
-  (): Type;
-  (v: Type | null | undefined): This;
-}
-
-export interface Vector2d {
-  x: number;
-  y: number;
-}
-
-export interface PathSegment {
-  command:
-    | 'm'
-    | 'M'
-    | 'l'
-    | 'L'
-    | 'v'
-    | 'V'
-    | 'h'
-    | 'H'
-    | 'z'
-    | 'Z'
-    | 'c'
-    | 'C'
-    | 'q'
-    | 'Q'
-    | 't'
-    | 'T'
-    | 's'
-    | 'S'
-    | 'a'
-    | 'A';
-  start: Vector2d;
-  points: number[];
-  pathLength: number;
-}
-
-export interface IRect {
-  x: number;
-  y: number;
-  width: number;
-  height: number;
-}
-
-export interface IFrame {
-  time: number;
-  timeDiff: number;
-  lastTime: number;
-  frameRate: number;
-}
-
-export type AnimationFn = (frame: IFrame) => boolean | void;
-
-export const KonvaNodeEvent = {
-  mouseover: 'mouseover',
-  mouseout: 'mouseout',
-  mousemove: 'mousemove',
-  mouseleave: 'mouseleave',
-  mouseenter: 'mouseenter',
-  mousedown: 'mousedown',
-  mouseup: 'mouseup',
-  wheel: 'wheel',
-  contextmenu: 'contextmenu',
-  click: 'click',
-  dblclick: 'dblclick',
-  touchstart: 'touchstart',
-  touchmove: 'touchmove',
-  touchend: 'touchend',
-  tap: 'tap',
-  dbltap: 'dbltap',
-  dragstart: 'dragstart',
-  dragmove: 'dragmove',
-  dragend: 'dragend',
-} as const;
-
-export interface RGB {
-  r: number;
-  g: number;
-  b: number;
-}
-
-export interface RGBA extends RGB {
-  a: number;
-}

package/debug/konva/tsconfig.json

@@ -1,31 +0,0 @@
-{
-  "compilerOptions": {
-    "outDir": "lib",
-    "target": "ES2018",
-    "lib": ["ES2019", "dom"],
-    "module": "nodenext",
-    "noUncheckedSideEffectImports": true,
-    "rewriteRelativeImportExtensions": true,
-    "isolatedModules": true,
-    "erasableSyntaxOnly": true,
-    "verbatimModuleSyntax": true,
-    // "sourceMap": true,
-    "noEmitOnError": true,
-    "declaration": true,
-    "removeComments": false,
-
-    "strict": true,
-    "noImplicitAny": false,
-    "noImplicitThis": false,
-    "useUnknownInCatchVariables": false,
-    "skipLibCheck": true,
-    // probably we would never enable this one
-    // because it's too strict, konva generates many functions on the runtime
-    "strictPropertyInitialization": false,
-    // our initializer `field: GetSet<string, this>` will cause `field` to
-    // be set to undefined if target>=ES2022, this also affects tools like `tsx` running locally
-    // https://www.typescriptlang.org/docs/handbook/release-notes/typescript-3-7.html#the-usedefineforclassfields-flag-and-the-declare-property-modifier
-    "useDefineForClassFields": false
-  },
-  "include": ["src"]
-}

package/debug/konva/tsconfig.test.json

@@ -1,7 +0,0 @@
-{
-  "extends": "./tsconfig.json",
-  "compilerOptions": {
-    "noEmit": true
-  },
-  "include": ["src", "test"]
-}

package/dist/src/controls/changeHeight.min.mjs

@@ -1,2 +0,0 @@
-import{RESIZING as i,CENTER as r,BOTTOM as t,TOP as o}from"../constants.min.mjs";import{resolveOrigin as m}from"../util/misc/resolveOrigin.min.mjs";import{getLocalPoint as n,isTransformCentered as s}from"./util.min.mjs";import{wrapWithFireEvent as e}from"./wrapWithFireEvent.min.mjs";import{wrapWithFixedAnchor as h}from"./wrapWithFixedAnchor.min.mjs";const a=(i,e,h,a)=>{const g=n(e,e.originX,e.originY,h,a);if(m(e.originY)===m(r)||m(e.originY)===m(t)&&g.y<0||m(e.originY)===m(o)&&g.y>0){const{target:i}=e,r=i.strokeWidth/(i.strokeUniform?i.scaleY:1),t=s(e)?2:1,o=i.height,m=Math.abs(g.y*t/i.scaleY)-r;return i.set("height",Math.max(m,1)),o!==i.height}return!1},g=e(i,h(a));export{g as changeHeight,a as changeObjectHeight};
-//# sourceMappingURL=changeHeight.min.mjs.map

package/dist/src/controls/changeHeight.min.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"changeHeight.min.mjs","sources":["../../../src/controls/changeHeight.ts"],"sourcesContent":["import type { TransformActionHandler } from '../EventTypeDefs';\nimport { BOTTOM, CENTER, RESIZING, TOP } from '../constants';\nimport { resolveOrigin } from '../util/misc/resolveOrigin';\nimport { getLocalPoint, isTransformCentered } from './util';\nimport { wrapWithFireEvent } from './wrapWithFireEvent';\nimport { wrapWithFixedAnchor } from './wrapWithFixedAnchor';\n\n/**\n * Action handler to change object's height\n * Needs to be wrapped with `wrapWithFixedAnchor` to be effective\n * @param {Event} eventData javascript event that is doing the transform\n * @param {Object} transform javascript object containing a series of information around the current transform\n * @param {number} x current mouse x position, canvas normalized\n * @param {number} y current mouse y position, canvas normalized\n * @return {Boolean} true if some change happened\n */\nexport const changeObjectHeight: TransformActionHandler = (\n  eventData,\n  transform,\n  x,\n  y,\n) => {\n  const localPoint = getLocalPoint(\n    transform,\n    transform.originX,\n    transform.originY,\n    x,\n    y,\n  );\n  //  make sure the control changes height ONLY from it's side of target\n  if (\n    resolveOrigin(transform.originY) === resolveOrigin(CENTER) ||\n    (resolveOrigin(transform.originY) === resolveOrigin(BOTTOM) &&\n      localPoint.y < 0) ||\n    (resolveOrigin(transform.originY) === resolveOrigin(TOP) &&\n      localPoint.y > 0)\n  ) {\n    const { target } = transform,\n      strokePadding =\n        target.strokeWidth / (target.strokeUniform ? target.scaleY : 1),\n      multiplier = isTransformCentered(transform) ? 2 : 1,\n      oldHeight = target.height,\n      newHeight =\n        Math.abs((localPoint.y * multiplier) / target.scaleY) - strokePadding;\n    target.set('height', Math.max(newHeight, 1));\n    //  check against actual target height in case `newHeight` was rejected\n    return oldHeight !== target.height;\n  }\n  return false;\n};\n\nexport const changeHeight = wrapWithFireEvent(\n  RESIZING,\n  wrapWithFixedAnchor(changeObjectHeight),\n);"],"names":["changeObjectHeight","eventData","transform","x","y","localPoint","getLocalPoint","originX","originY","resolveOrigin","CENTER","BOTTOM","TOP","target","strokePadding","strokeWidth","strokeUniform","scaleY","multiplier","isTransformCentered","oldHeight","height","newHeight","Math","abs","set","max","changeHeight","wrapWithFireEvent","RESIZING","wrapWithFixedAnchor"],"mappings":"gWAgBO,MAAMA,EAA6CA,CACxDC,EACAC,EACAC,EACAC,KAEA,MAAMC,EAAaC,EACjBJ,EACAA,EAAUK,QACVL,EAAUM,QACVL,EACAC,GAGF,GACEK,EAAcP,EAAUM,WAAaC,EAAcC,IAClDD,EAAcP,EAAUM,WAAaC,EAAcE,IAClDN,EAAWD,EAAI,GAChBK,EAAcP,EAAUM,WAAaC,EAAcG,IAClDP,EAAWD,EAAI,EACjB,CACA,MAAMS,OAAEA,GAAWX,EACjBY,EACED,EAAOE,aAAeF,EAAOG,cAAgBH,EAAOI,OAAS,GAC/DC,EAAaC,EAAoBjB,GAAa,EAAI,EAClDkB,EAAYP,EAAOQ,OACnBC,EACEC,KAAKC,IAAKnB,EAAWD,EAAIc,EAAcL,EAAOI,QAAUH,EAG5D,OAFAD,EAAOY,IAAI,SAAUF,KAAKG,IAAIJ,EAAW,IAElCF,IAAcP,EAAOQ,MAC9B,CACA,OAAO,GAGIM,EAAeC,EAC1BC,EACAC,EAAoB9B"}

package/dist/src/controls/changeHeight.mjs

@@ -1,36 +0,0 @@
-import { RESIZING, CENTER, BOTTOM, TOP } from '../constants.mjs';
-import { resolveOrigin } from '../util/misc/resolveOrigin.mjs';
-import { getLocalPoint, isTransformCentered } from './util.mjs';
-import { wrapWithFireEvent } from './wrapWithFireEvent.mjs';
-import { wrapWithFixedAnchor } from './wrapWithFixedAnchor.mjs';
-
-/**
- * Action handler to change object's height
- * Needs to be wrapped with `wrapWithFixedAnchor` to be effective
- * @param {Event} eventData javascript event that is doing the transform
- * @param {Object} transform javascript object containing a series of information around the current transform
- * @param {number} x current mouse x position, canvas normalized
- * @param {number} y current mouse y position, canvas normalized
- * @return {Boolean} true if some change happened
- */
-const changeObjectHeight = (eventData, transform, x, y) => {
-  const localPoint = getLocalPoint(transform, transform.originX, transform.originY, x, y);
-  //  make sure the control changes height ONLY from it's side of target
-  if (resolveOrigin(transform.originY) === resolveOrigin(CENTER) || resolveOrigin(transform.originY) === resolveOrigin(BOTTOM) && localPoint.y < 0 || resolveOrigin(transform.originY) === resolveOrigin(TOP) && localPoint.y > 0) {
-    const {
-        target
-      } = transform,
-      strokePadding = target.strokeWidth / (target.strokeUniform ? target.scaleY : 1),
-      multiplier = isTransformCentered(transform) ? 2 : 1,
-      oldHeight = target.height,
-      newHeight = Math.abs(localPoint.y * multiplier / target.scaleY) - strokePadding;
-    target.set('height', Math.max(newHeight, 1));
-    //  check against actual target height in case `newHeight` was rejected
-    return oldHeight !== target.height;
-  }
-  return false;
-};
-const changeHeight = wrapWithFireEvent(RESIZING, wrapWithFixedAnchor(changeObjectHeight));
-
-export { changeHeight, changeObjectHeight };
-//# sourceMappingURL=changeHeight.mjs.map

package/dist/src/controls/changeHeight.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"changeHeight.mjs","sources":["../../../src/controls/changeHeight.ts"],"sourcesContent":["import type { TransformActionHandler } from '../EventTypeDefs';\nimport { BOTTOM, CENTER, RESIZING, TOP } from '../constants';\nimport { resolveOrigin } from '../util/misc/resolveOrigin';\nimport { getLocalPoint, isTransformCentered } from './util';\nimport { wrapWithFireEvent } from './wrapWithFireEvent';\nimport { wrapWithFixedAnchor } from './wrapWithFixedAnchor';\n\n/**\n * Action handler to change object's height\n * Needs to be wrapped with `wrapWithFixedAnchor` to be effective\n * @param {Event} eventData javascript event that is doing the transform\n * @param {Object} transform javascript object containing a series of information around the current transform\n * @param {number} x current mouse x position, canvas normalized\n * @param {number} y current mouse y position, canvas normalized\n * @return {Boolean} true if some change happened\n */\nexport const changeObjectHeight: TransformActionHandler = (\n  eventData,\n  transform,\n  x,\n  y,\n) => {\n  const localPoint = getLocalPoint(\n    transform,\n    transform.originX,\n    transform.originY,\n    x,\n    y,\n  );\n  //  make sure the control changes height ONLY from it's side of target\n  if (\n    resolveOrigin(transform.originY) === resolveOrigin(CENTER) ||\n    (resolveOrigin(transform.originY) === resolveOrigin(BOTTOM) &&\n      localPoint.y < 0) ||\n    (resolveOrigin(transform.originY) === resolveOrigin(TOP) &&\n      localPoint.y > 0)\n  ) {\n    const { target } = transform,\n      strokePadding =\n        target.strokeWidth / (target.strokeUniform ? target.scaleY : 1),\n      multiplier = isTransformCentered(transform) ? 2 : 1,\n      oldHeight = target.height,\n      newHeight =\n        Math.abs((localPoint.y * multiplier) / target.scaleY) - strokePadding;\n    target.set('height', Math.max(newHeight, 1));\n    //  check against actual target height in case `newHeight` was rejected\n    return oldHeight !== target.height;\n  }\n  return false;\n};\n\nexport const changeHeight = wrapWithFireEvent(\n  RESIZING,\n  wrapWithFixedAnchor(changeObjectHeight),\n);"],"names":["changeObjectHeight","eventData","transform","x","y","localPoint","getLocalPoint","originX","originY","resolveOrigin","CENTER","BOTTOM","TOP","target","strokePadding","strokeWidth","strokeUniform","scaleY","multiplier","isTransformCentered","oldHeight","height","newHeight","Math","abs","set","max","changeHeight","wrapWithFireEvent","RESIZING","wrapWithFixedAnchor"],"mappings":";;;;;;AAOA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,MAAMA,kBAA0C,GAAGA,CACxDC,SAAS,EACTC,SAAS,EACTC,CAAC,EACDC,CAAC,KACE;AACH,EAAA,MAAMC,UAAU,GAAGC,aAAa,CAC9BJ,SAAS,EACTA,SAAS,CAACK,OAAO,EACjBL,SAAS,CAACM,OAAO,EACjBL,CAAC,EACDC,CACF,CAAC;AACD;EACA,IACEK,aAAa,CAACP,SAAS,CAACM,OAAO,CAAC,KAAKC,aAAa,CAACC,MAAM,CAAC,IACzDD,aAAa,CAACP,SAAS,CAACM,OAAO,CAAC,KAAKC,aAAa,CAACE,MAAM,CAAC,IACzDN,UAAU,CAACD,CAAC,GAAG,CAAE,IAClBK,aAAa,CAACP,SAAS,CAACM,OAAO,CAAC,KAAKC,aAAa,CAACG,GAAG,CAAC,IACtDP,UAAU,CAACD,CAAC,GAAG,CAAE,EACnB;IACA,MAAM;AAAES,QAAAA;AAAO,OAAC,GAAGX,SAAS;AAC1BY,MAAAA,aAAa,GACXD,MAAM,CAACE,WAAW,IAAIF,MAAM,CAACG,aAAa,GAAGH,MAAM,CAACI,MAAM,GAAG,CAAC,CAAC;MACjEC,UAAU,GAAGC,mBAAmB,CAACjB,SAAS,CAAC,GAAG,CAAC,GAAG,CAAC;MACnDkB,SAAS,GAAGP,MAAM,CAACQ,MAAM;AACzBC,MAAAA,SAAS,GACPC,IAAI,CAACC,GAAG,CAAEnB,UAAU,CAACD,CAAC,GAAGc,UAAU,GAAIL,MAAM,CAACI,MAAM,CAAC,GAAGH,aAAa;AACzED,IAAAA,MAAM,CAACY,GAAG,CAAC,QAAQ,EAAEF,IAAI,CAACG,GAAG,CAACJ,SAAS,EAAE,CAAC,CAAC,CAAC;AAC5C;AACA,IAAA,OAAOF,SAAS,KAAKP,MAAM,CAACQ,MAAM;AACpC,EAAA;AACA,EAAA,OAAO,KAAK;AACd;AAEO,MAAMM,YAAY,GAAGC,iBAAiB,CAC3CC,QAAQ,EACRC,mBAAmB,CAAC9B,kBAAkB,CACxC;;;;"}