fabric/dist/src/controls/polyControl.mjs.map

Object model for HTML5 canvas, and SVG-to-canvas parser. Backed by jsdom and node-canvas.

{"version":3,"file":"polyControl.mjs","names":[],"sources":["../../../src/controls/polyControl.ts"],"sourcesContent":["import { Point } from '../Point';\nimport { Control } from './Control';\nimport type { TMat2D } from '../typedefs';\nimport type { Polyline } from '../shapes/Polyline';\nimport { multiplyTransformMatrices } from '../util/misc/matrix';\nimport type {\n  TModificationEvents,\n  TPointerEvent,\n  Transform,\n  TransformActionHandler,\n} from '../EventTypeDefs';\nimport { wrapWithFireEvent } from './wrapWithFireEvent';\nimport { sendPointToPlane } from '../util/misc/planeChange';\nimport { MODIFY_POLY } from '../constants';\n\nconst ACTION_NAME: TModificationEvents = MODIFY_POLY;\n\ntype TTransformAnchor = Transform & { pointIndex: number };\n\n/**\n * This function locates the controls.\n * It'll be used both for drawing and for interaction.\n */\nexport const createPolyPositionHandler = (pointIndex: number) => {\n  return function (dim: Point, finalMatrix: TMat2D, polyObject: Polyline) {\n    const { points, pathOffset } = polyObject;\n    return new Point(points[pointIndex])\n      .subtract(pathOffset)\n      .transform(\n        multiplyTransformMatrices(\n          polyObject.getViewportTransform(),\n          polyObject.calcTransformMatrix(),\n        ),\n      );\n  };\n};\n\n/**\n * This function defines what the control does.\n * It'll be called on every mouse move after a control has been clicked and is being dragged.\n * The function receives as argument the mouse event, the current transform object\n * and the current position in canvas coordinate `transform.target` is a reference to the\n * current object being transformed.\n */\nexport const polyActionHandler = (\n  eventData: TPointerEvent,\n  transform: TTransformAnchor,\n  x: number,\n  y: number,\n) => {\n  const { target, pointIndex } = transform;\n  const poly = target as Polyline;\n  const mouseLocalPosition = sendPointToPlane(\n    new Point(x, y),\n    undefined,\n    poly.calcOwnMatrix(),\n  );\n\n  poly.points[pointIndex] = mouseLocalPosition.add(poly.pathOffset);\n  poly.setDimensions();\n  poly.set('dirty', true);\n  return true;\n};\n\n/**\n * Keep the polygon in the same position when we change its `width`/`height`/`top`/`left`.\n */\nexport const factoryPolyActionHandler = (\n  pointIndex: number,\n  fn: TransformActionHandler<TTransformAnchor>,\n) => {\n  return function (\n    eventData: TPointerEvent,\n    transform: Transform,\n    x: number,\n    y: number,\n  ) {\n    const poly = transform.target as Polyline,\n      anchorPoint = new Point(\n        poly.points[(pointIndex > 0 ? pointIndex : poly.points.length) - 1],\n      ),\n      anchorPointInParentPlane = anchorPoint\n        .subtract(poly.pathOffset)\n        .transform(poly.calcOwnMatrix()),\n      actionPerformed = fn(eventData, { ...transform, pointIndex }, x, y);\n\n    const newAnchorPointInParentPlane = anchorPoint\n      .subtract(poly.pathOffset)\n      .transform(poly.calcOwnMatrix());\n\n    const diff = newAnchorPointInParentPlane.subtract(anchorPointInParentPlane);\n    poly.left -= diff.x;\n    poly.top -= diff.y;\n\n    return actionPerformed;\n  };\n};\n\nexport const createPolyActionHandler = (pointIndex: number) =>\n  wrapWithFireEvent(\n    ACTION_NAME,\n    factoryPolyActionHandler(pointIndex, polyActionHandler),\n  );\n\nexport function createPolyControls(\n  poly: Polyline,\n  options?: Partial<Control>,\n): Record<string, Control>;\nexport function createPolyControls(\n  numOfControls: number,\n  options?: Partial<Control>,\n): Record<string, Control>;\nexport function createPolyControls(\n  arg0: number | Polyline,\n  options: Partial<Control> = {},\n) {\n  const controls = {} as Record<string, Control>;\n  for (\n    let idx = 0;\n    idx < (typeof arg0 === 'number' ? arg0 : arg0.points.length);\n    idx++\n  ) {\n    controls[`p${idx}`] = new Control({\n      actionName: ACTION_NAME,\n      positionHandler: createPolyPositionHandler(idx),\n      actionHandler: createPolyActionHandler(idx),\n      ...options,\n    });\n  }\n  return controls;\n}\n"],"mappings":";;;;;;;AAeA,MAAM,cAAmC;;;;;AAQzC,MAAa,6BAA6B,eAAuB;AAC/D,QAAO,SAAU,KAAY,aAAqB,YAAsB;EACtE,MAAM,EAAE,QAAQ,eAAe;AAC/B,SAAO,IAAI,MAAM,OAAO,YAAY,CACjC,SAAS,WAAW,CACpB,UACC,0BACE,WAAW,sBAAsB,EACjC,WAAW,qBAAqB,CACjC,CACF;;;;;;;;;;AAWP,MAAa,qBACX,WACA,WACA,GACA,MACG;CACH,MAAM,EAAE,QAAQ,eAAe;CAC/B,MAAM,OAAO;CACb,MAAM,qBAAqB,iBACzB,IAAI,MAAM,GAAG,EAAE,EACf,KAAA,GACA,KAAK,eAAe,CACrB;AAED,MAAK,OAAO,cAAc,mBAAmB,IAAI,KAAK,WAAW;AACjE,MAAK,eAAe;AACpB,MAAK,IAAI,SAAS,KAAK;AACvB,QAAO;;;;;AAMT,MAAa,4BACX,YACA,OACG;AACH,QAAO,SACL,WACA,WACA,GACA,GACA;EACA,MAAM,OAAO,UAAU,QACrB,cAAc,IAAI,MAChB,KAAK,QAAQ,aAAa,IAAI,aAAa,KAAK,OAAO,UAAU,GAClE,EACD,2BAA2B,YACxB,SAAS,KAAK,WAAW,CACzB,UAAU,KAAK,eAAe,CAAC,EAClC,kBAAkB,GAAG,WAAW;GAAE,GAAG;GAAW;GAAY,EAAE,GAAG,EAAE;EAMrE,MAAM,OAJ8B,YACjC,SAAS,KAAK,WAAW,CACzB,UAAU,KAAK,eAAe,CAAC,CAEO,SAAS,yBAAyB;AAC3E,OAAK,QAAQ,KAAK;AAClB,OAAK,OAAO,KAAK;AAEjB,SAAO;;;AAIX,MAAa,2BAA2B,eACtC,kBACE,aACA,yBAAyB,YAAY,kBAAkB,CACxD;AAUH,SAAgB,mBACd,MACA,UAA4B,EAAE,EAC9B;CACA,MAAM,WAAW,EAAE;AACnB,MACE,IAAI,MAAM,GACV,OAAO,OAAO,SAAS,WAAW,OAAO,KAAK,OAAO,SACrD,MAEA,UAAS,IAAI,SAAS,IAAI,QAAQ;EAChC,YAAY;EACZ,iBAAiB,0BAA0B,IAAI;EAC/C,eAAe,wBAAwB,IAAI;EAC3C,GAAG;EACJ,CAAC;AAEJ,QAAO"}