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

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

{"version":3,"file":"polyControl.min.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":"oVAeA,MAAM,EAAmC,EAQ5B,EAA6B,GACjC,SAAU,EAAY,EAAqB,EAAA,CAChD,GAAA,CAAM,OAAE,EAAA,WAAQ,GAAe,EAC/B,OAAO,IAAI,EAAM,EAAO,GAAA,CACrB,SAAS,EAAA,CACT,UACC,EACE,EAAW,sBAAA,CACX,EAAW,qBAAA,CAAA,CAAA,EAaR,GACX,EACA,EACA,EACA,IAAA,CAEA,GAAA,CAAM,OAAE,EAAA,WAAQ,GAAe,EACzB,EAAO,EACP,EAAqB,EACzB,IAAI,EAAM,EAAG,EAAA,CAAA,IACb,GACA,EAAK,eAAA,CAAA,CAMP,MAHA,GAAK,OAAO,GAAc,EAAmB,IAAI,EAAK,WAAA,CACtD,EAAK,eAAA,CACL,EAAK,IAAI,QAAA,CAAS,EAAA,CAAA,CACX,GAMI,GACX,EACA,IAEO,SACL,EACA,EACA,EACA,EAAA,CAEA,IAAM,EAAO,EAAU,OACrB,EAAc,IAAI,EAChB,EAAK,QAAQ,EAAa,EAAI,EAAa,EAAK,OAAO,QAAU,GAAA,CAEnE,EAA2B,EACxB,SAAS,EAAK,WAAA,CACd,UAAU,EAAK,eAAA,CAAA,CAClB,EAAkB,EAAG,EAAW,CAAA,GAAK,EAAW,WAAA,EAAA,CAAc,EAAG,EAAA,CAM7D,EAJ8B,EACjC,SAAS,EAAK,WAAA,CACd,UAAU,EAAK,eAAA,CAAA,CAEuB,SAAS,EAAA,CAIlD,MAHA,GAAK,MAAQ,EAAK,EAClB,EAAK,KAAO,EAAK,EAEV,GAIE,EAA2B,GACtC,EACE,EACA,EAAyB,EAAY,EAAA,CAAA,CAWzC,SAAgB,EACd,EACA,EAA4B,EAAA,CAAA,CAE5B,IAAM,EAAW,EAAA,CACjB,IACE,IAAI,EAAM,EACV,GAAuB,OAAT,GAAS,SAAW,EAAO,EAAK,OAAO,QACrD,IAEA,EAAS,IAAI,KAAS,IAAI,EAAQ,CAChC,WAAY,EACZ,gBAAiB,EAA0B,EAAA,CAC3C,cAAe,EAAwB,EAAA,CAAA,GACpC,EAAA,CAAA,CAGP,OAAO,EAAA,OAAA,KAAA,wBAAA,KAAA,mBAAA,KAAA,0BAAA,KAAA,yBAAA,KAAA"}