schematic-symbols 0.0.101 → 0.0.104

package/drawing/arc.ts

@@ -12,7 +12,7 @@ export function approximateArc(
 ): Point[] {
   // This is a simplified approximation. For a more accurate representation,
   // you might want to use a dedicated SVG path library.
-  const steps = 30
+  const steps = 40
   const points: Point[] = []
   for (let i = 1; i < steps; i++) {
     const t = i / steps

package/drawing/cubicBezierCurveArc.ts

@@ -0,0 +1,28 @@
+import type { Point } from "./types"
+
+export function approximateBezier(
+  p0: Point,
+  p1: Point,
+  p2: Point,
+  p3: Point,
+): Point[] {
+  const points: Point[] = []
+  const steps = 30
+  for (let t = 0; t <= 1; t += 1 / steps) {
+    const x =
+      Math.pow(1 - t, 3) * p0.x +
+      3 * Math.pow(1 - t, 2) * t * p1.x +
+      3 * (1 - t) * Math.pow(t, 2) * p2.x +
+      Math.pow(t, 3) * p3.x
+
+    const y =
+      Math.pow(1 - t, 3) * p0.y +
+      3 * Math.pow(1 - t, 2) * t * p1.y +
+      3 * (1 - t) * Math.pow(t, 2) * p2.y +
+      Math.pow(t, 3) * p3.y
+
+    points.push({ x, y })
+  }
+
+  return points
+}

package/drawing/svgPathToPoints.ts

@@ -1,5 +1,6 @@
 import type { Point } from "./types"
 import { approximateArc } from "./arc"
+import { approximateBezier } from "./cubicBezierCurveArc"
 
 export function svgPathToPoints(pathString: string): Point[] {
   const points: Point[] = []
@@ -35,12 +36,21 @@ export function svgPathToPoints(pathString: string): Point[] {
       case "V":
         addPoint(currentX, args[0])
         break
-      case "C":
-        // For C command, we add both control points and the end point
-        points.push({ x: args[0], y: args[1] }) // First control point
-        points.push({ x: args[2], y: args[3] }) // Second control point
-        addPoint(args[4], args[5]) // End point
+      case "C": {
+        const [x1, y1, x2, y2, x, y] = args
+
+        // Approximate the cubic Bézier curve
+        const bezierPoints = approximateBezier(
+          { x: currentX, y: currentY }, // Start point
+          { x: x1, y: y1 }, // Control point 1
+          { x: x2, y: y2 }, // Control point 2
+          { x, y }, // End point
+        )
+
+        points.push(...bezierPoints)
+        addPoint(x, y) // Update the current position
         break
+      }
       case "Q":
         // For Q command, we add both the control point and the end point
         points.push({ x: args[0], y: args[1] }) // Control point

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "schematic-symbols",
   "main": "./dist/index.js",
-  "version": "0.0.101",
+  "version": "0.0.104",
   "type": "module",
   "files": [
     "dist",

package/symbols/SPDT_switch_horz.ts

@@ -2,6 +2,7 @@ import { defineSymbol } from "drawing/defineSymbol"
 import svgJson from "assets/generated/SPDT_switch.json"
 import { Primitive } from "drawing/types"
 
+svgJson.bounds.width += 0.2
 const { paths, texts, bounds, refblocks, circles } = svgJson
 
 export default defineSymbol({

package/symbols/SPST_switch_horz.ts

@@ -1,20 +1,12 @@
-import { defineSymbol } from "drawing/defineSymbol"
 import svgJson from "assets/generated/SPST_switch.json"
-import { Primitive } from "drawing/types"
+import { modifySymbol } from "drawing/modify-symbol/modify-symbol"
 
-const { paths, texts, bounds, refblocks, circles } = svgJson
-
-export default defineSymbol({
-  primitives: [
-    ...Object.values(paths),
-    ...Object.values(circles),
-    { ...texts.top1, anchor: "middle_bottom", x: 0 },
-    { ...texts.bottom1, anchor: "middle_top", x: 0 },
-  ] as Primitive[],
-  ports: [
-    { ...refblocks.left1, labels: ["1"] }, // TODO add more "standard" labels
-    { ...refblocks.right1, labels: ["2"] }, // TODO add more "standard" labels
-  ],
-  size: { width: bounds.width, height: bounds.height },
-  center: { x: bounds.centerX, y: bounds.centerY },
-})
+delete (svgJson.refblocks as any).left1
+delete (svgJson.refblocks as any).right1
+svgJson.bounds.width += 0.2
+export default modifySymbol(svgJson)
+  .changeTextAnchor("{VAL}", "middle_top")
+  .labelPort("left2", ["1"])
+  .labelPort("right2", ["2"])
+  .changeTextAnchor("{REF}", "middle_bottom")
+  .build()

package/symbols/capacitor_polarized_down.ts

@@ -0,0 +1,10 @@
+import { modifySymbol } from "../drawing/modify-symbol/modify-symbol"
+import svgJson from "./capacitor_polarized_right"
+
+export default modifySymbol(svgJson)
+  .changeTextAnchor("{VAL}", "middle_top")
+  .rotateRightFacingSymbol("down")
+  .labelPort("left1", ["1"])
+  .labelPort("right1", ["2"])
+  .changeTextAnchor("{REF}", "middle_left")
+  .build()

package/symbols/capacitor_polarized_left.ts

@@ -0,0 +1,10 @@
+import { modifySymbol } from "../drawing/modify-symbol/modify-symbol"
+import svgJson from "./capacitor_polarized_right"
+
+export default modifySymbol(svgJson)
+  .changeTextAnchor("{VAL}", "middle_top")
+  .rotateRightFacingSymbol("left")
+  .labelPort("left1", ["1"])
+  .labelPort("right1", ["2"])
+  .changeTextAnchor("{REF}", "middle_top")
+  .build()

package/symbols/capacitor_polarized_right.ts

@@ -0,0 +1,10 @@
+import { modifySymbol } from "../drawing/modify-symbol/modify-symbol"
+import svgJson from "assets/generated/capacitor_polarized.json"
+
+export default modifySymbol(svgJson)
+  .changeTextAnchor("{VAL}", "middle_top")
+  .rotateRightFacingSymbol("right")
+  .labelPort("left1", ["1"])
+  .labelPort("right1", ["2"])
+  .changeTextAnchor("{REF}", "middle_bottom")
+  .build()

package/symbols/capacitor_polarized_up.ts

@@ -0,0 +1,10 @@
+import { modifySymbol } from "../drawing/modify-symbol/modify-symbol"
+import svgJson from "./capacitor_polarized_right"
+
+export default modifySymbol(svgJson)
+  .changeTextAnchor("{VAL}", "middle_top")
+  .rotateRightFacingSymbol("up")
+  .labelPort("left1", ["1"])
+  .labelPort("right1", ["2"])
+  .changeTextAnchor("{REF}", "middle_right")
+  .build()

package/symbols/constant_current_diode_horz.ts

@@ -1,19 +1,9 @@
-import { defineSymbol } from "drawing/defineSymbol"
 import svgJson from "assets/generated/constant_current_diode.json"
+import { modifySymbol } from "drawing/modify-symbol/modify-symbol"
 
-const { paths, texts, bounds, refblocks, circles } = svgJson
-
-export default defineSymbol({
-  primitives: [
-    ...Object.values(paths),
-    ...Object.values(circles),
-    { ...texts.top1, anchor: "middle_left", x: -0.15, y: -0.4 },
-    { ...texts.bottom1, anchor: "middle_left", x: -0.15 },
-  ] as any,
-  ports: [
-    { ...refblocks.left1, labels: ["1"] }, // TODO add more "standard" labels
-    { ...refblocks.right1, labels: ["2"] }, // TODO add more "standard" labels
-  ],
-  size: { width: bounds.width, height: bounds.height },
-  center: { x: bounds.centerX, y: bounds.centerY },
-})
+export default modifySymbol(svgJson)
+  .changeTextAnchor("{VAL}", "middle_top")
+  .labelPort("left1", ["1"])
+  .labelPort("right1", ["2"])
+  .changeTextAnchor("{REF}", "middle_bottom")
+  .build()

package/symbols/constant_current_diode_vert.ts

@@ -1,20 +1,11 @@
-import { rotateSymbol } from "drawing/rotateSymbol"
-import constant_current_diode_horz from "./constant_current_diode_horz"
+import svgJson from "assets/generated/constant_current_diode.json"
 
-const rotatedSymbol = rotateSymbol(constant_current_diode_horz)
+import { modifySymbol } from "drawing/modify-symbol/modify-symbol"
 
-const texts = rotatedSymbol.primitives.filter((p) => p.type === "text")!
-
-const val = texts.find((t) => t.text === "{VAL}")!
-
-val.x = -0.35
-val.y = 0
-val.anchor = "middle_right"
-
-const ref = texts.find((t) => t.text === "{REF}")!
-
-ref.y = 0
-ref.x = 0.35
-ref.anchor = "middle_left"
-
-export default rotatedSymbol
+export default modifySymbol(svgJson)
+  .rotateRightFacingSymbol("down")
+  .changeTextAnchor("{VAL}", "middle_right")
+  .labelPort("left1", ["1"])
+  .labelPort("right1", ["2"])
+  .changeTextAnchor("{REF}", "middle_left")
+  .build()

package/symbols/crystal_horz.ts

@@ -1,33 +1,9 @@
-import { defineSymbol } from "drawing/defineSymbol"
 import svgJson from "assets/generated/crystal.json"
+import { modifySymbol } from "drawing/modify-symbol/modify-symbol"
 
-const { paths, texts, bounds, refblocks, circles } = svgJson
-
-export default defineSymbol({
-  primitives: [
-    ...Object.values(paths),
-    ...Object.values(circles),
-    // { ...texts.top1, anchor: "middle_left" },
-    // { ...texts.bottom1, anchor: "middle_left" },
-    {
-      type: "text",
-      text: "{REF}",
-      x: -0.012864500000000056,
-      y: -0.4150086999999978,
-      anchor: "middle_top",
-    },
-    {
-      type: "text",
-      text: "{VAL}",
-      x: -0.003850500000000423,
-      y: 0.4250087000000011,
-      anchor: "middle_bottom",
-    },
-  ] as any,
-  ports: [
-    { ...refblocks.left1, labels: ["1"] }, // TODO add more "standard" labels
-    { ...refblocks.right1, labels: ["2"] }, // TODO add more "standard" labels
-  ],
-  size: { width: bounds.width, height: bounds.height },
-  center: { x: bounds.centerX, y: bounds.centerY },
-})
+export default modifySymbol(svgJson)
+  .changeTextAnchor("{VAL}", "middle_bottom")
+  .labelPort("left1", ["1"])
+  .labelPort("right1", ["2"])
+  .changeTextAnchor("{REF}", "middle_top")
+  .build()

package/symbols/crystal_vert.ts

@@ -1,10 +1,10 @@
-import { rotateSymbol } from "drawing/rotateSymbol"
-import crystal_horz from "./crystal_horz"
+import svgJson from "assets/generated/crystal.json"
+import { modifySymbol } from "drawing/modify-symbol/modify-symbol"
 
-const rotatedSymbol = rotateSymbol(crystal_horz)
-const texts = rotatedSymbol.primitives.filter((p) => p.type === "text")
-const ref = texts.find((t) => t.text === "{REF}")!
-const val = texts.find((t) => t.text === "{VAL}")!
-val.x = -0.4
-ref.x = 0.35
-export default rotatedSymbol
+export default modifySymbol(svgJson)
+  .rotateRightFacingSymbol("down")
+  .changeTextAnchor("{VAL}", "middle_left")
+  .labelPort("left1", ["1"])
+  .labelPort("right1", ["2"])
+  .changeTextAnchor("{REF}", "middle_right")
+  .build()

package/symbols/darlington_pair_transistor_horz.ts

@@ -1,21 +1,10 @@
-import { defineSymbol } from "drawing/defineSymbol"
 import svgJson from "assets/generated/darlington_pair_transistor.json"
-import { Primitive } from "drawing/types"
+import { modifySymbol } from "drawing/modify-symbol/modify-symbol"
 
-const { paths, texts, bounds, refblocks, circles } = svgJson
-
-export default defineSymbol({
-  primitives: [
-    ...Object.values(paths),
-    ...Object.values(circles),
-    { ...texts.bottom1, anchor: "middle_top" },
-    { ...texts.right1, anchor: "middle_bottom" },
-  ] as Primitive[],
-  ports: [
-    { ...refblocks.right1, labels: ["3"] }, // TODO add more "standard" labels
-    { ...refblocks.right2, labels: ["1"] }, // TODO add more "standard" labels
-    { ...refblocks.right3, labels: ["2"] }, // TODO add more "standard" labels
-  ],
-  size: { width: bounds.width, height: bounds.height },
-  center: { x: bounds.centerX, y: bounds.centerY },
-})
+export default modifySymbol(svgJson)
+  .changeTextAnchor("{VAL}", "middle_top")
+  .labelPort("right2", ["1"])
+  .labelPort("right3", ["2"])
+  .labelPort("right1", ["3"])
+  .changeTextAnchor("{REF}", "middle_bottom")
+  .build()

package/symbols/darlington_pair_transistor_vert.ts

@@ -1,4 +1,12 @@
-import { rotateSymbol } from "drawing/rotateSymbol"
-import darlington_pair_transistor_horz from "./darlington_pair_transistor_horz"
+import svgJson from "assets/generated/darlington_pair_transistor.json"
+import { modifySymbol } from "drawing/modify-symbol/modify-symbol"
 
-export default rotateSymbol(darlington_pair_transistor_horz)
+svgJson.bounds.width += 0.3
+export default modifySymbol(svgJson)
+  .rotateRightFacingSymbol("down")
+  .changeTextAnchor("{VAL}", "middle_right")
+  .labelPort("right2", ["1"])
+  .labelPort("right3", ["2"])
+  .labelPort("right1", ["3"])
+  .changeTextAnchor("{REF}", "middle_left")
+  .build()

package/symbols/dc_ammeter_horz.ts

@@ -12,16 +12,16 @@ export default defineSymbol({
       text: "{REF}",
       x: 0,
       y: -0.3594553499999995,
-      anchor: "middle_bottom",
+      anchor: "middle_top",
     },
     {
       type: "text",
       text: "{VAL}",
       x: 0,
       y: 0.35,
-      anchor: "middle_top",
+      anchor: "middle_bottom",
     },
-    { ...texts.left1, anchor: "center", fontSize: 0.3 },
+    { ...texts.left1, x: 0, y: 0.01, anchor: "center", fontSize: 0.3 },
   ] as any,
   ports: [
     { ...refblocks.left1, labels: ["1"] }, // TODO add more "standard" labels

package/symbols/dc_voltmeter_horz.ts

@@ -12,14 +12,14 @@ export default defineSymbol({
       text: "{REF}",
       x: 0,
       y: -0.3594553499999995,
-      anchor: "middle_bottom",
+      anchor: "middle_top",
     },
     {
       type: "text",
       text: "{VAL}",
       x: 0,
       y: 0.35,
-      anchor: "middle_top",
+      anchor: "middle_bottom",
     },
   ] as any,
   ports: [

package/symbols/diac_horz.ts

@@ -1,19 +1,9 @@
-import { defineSymbol } from "drawing/defineSymbol"
 import svgJson from "assets/generated/diac.json"
+import { modifySymbol } from "drawing/modify-symbol/modify-symbol"
 
-const { paths, texts, bounds, refblocks, circles } = svgJson
-
-export default defineSymbol({
-  primitives: [
-    ...Object.values(paths),
-    ...Object.values(circles),
-    { ...texts.top1, anchor: "middle_bottom" },
-    { ...texts.bottom1, anchor: "middle_top" },
-  ] as any,
-  ports: [
-    { ...refblocks.left1, labels: ["1"] }, // TODO add more "standard" labels
-    { ...refblocks.right1, labels: ["2"] }, // TODO add more "standard" labels
-  ],
-  size: { width: bounds.width, height: bounds.height },
-  center: { x: bounds.centerX, y: bounds.centerY },
-})
+export default modifySymbol(svgJson)
+  .changeTextAnchor("{VAL}", "middle_top")
+  .labelPort("left1", ["1"])
+  .labelPort("right1", ["2"])
+  .changeTextAnchor("{REF}", "middle_bottom")
+  .build()

package/symbols/diac_vert.ts

@@ -1,6 +1,5 @@
 import { rotateSymbol } from "drawing/rotateSymbol"
 import diac_horz from "./diac_horz"
-import { text } from "drawing/text"
 
 const rotatedSymbol = rotateSymbol(diac_horz)
 

package/symbols/diode_right.ts

@@ -1,4 +1,3 @@
-import { defineSymbol } from "drawing/defineSymbol"
 import svgJson from "assets/generated/diode.json"
 import { modifySymbol } from "drawing/modify-symbol/modify-symbol"
 

package/symbols/dpst_switch_horz.ts

@@ -2,6 +2,7 @@ import { defineSymbol } from "drawing/defineSymbol"
 import svgJson from "assets/generated/dpst_switch.json"
 import { Primitive } from "drawing/types"
 
+svgJson.bounds.width += 0.2
 const { paths, texts, bounds, refblocks, circles } = svgJson
 
 export default defineSymbol({

package/symbols/filled_diode_horz.ts

@@ -1,32 +1,9 @@
-import { defineSymbol } from "drawing/defineSymbol"
 import svgJson from "assets/generated/filled_diode.json"
-import { TextPrimitive } from "drawing/types"
+import { modifySymbol } from "drawing/modify-symbol/modify-symbol"
 
-const { paths, texts, bounds, refblocks, circles } = svgJson
-
-export default defineSymbol({
-  primitives: [
-    ...Object.values(paths),
-    ...Object.values(circles),
-    {
-      type: "text",
-      text: "{REF}",
-      x: -0.1,
-      y: -0.38,
-      anchor: "middle_bottom",
-    } as TextPrimitive,
-    {
-      type: "text",
-      text: "{VAL}",
-      x: -0.1,
-      y: 0.28,
-      anchor: "middle_top",
-    } as TextPrimitive,
-  ] as any,
-  ports: [
-    { ...refblocks.left1, labels: ["1"] }, // TODO add more "standard" labels
-    { ...refblocks.right1, labels: ["2"] }, // TODO add more "standard" labels
-  ],
-  size: { width: bounds.width, height: bounds.height },
-  center: { x: bounds.centerX, y: bounds.centerY },
-})
+export default modifySymbol(svgJson)
+  .changeTextAnchor("{VAL}", "middle_top")
+  .labelPort("left1", ["1"])
+  .labelPort("right1", ["2"])
+  .changeTextAnchor("{REF}", "middle_bottom")
+  .build()

package/symbols/frequency_meter_horz.ts

@@ -12,16 +12,16 @@ export default defineSymbol({
       text: "{REF}",
       x: 0,
       y: -0.3594553499999995,
-      anchor: "middle_bottom",
+      anchor: "middle_top",
     },
     {
       type: "text",
       text: "{VAL}",
       x: 0,
       y: 0.35,
-      anchor: "middle_top",
+      anchor: "middle_bottom",
     },
-    { ...texts.left1, anchor: "center", fontSize: 0.2 },
+    { ...texts.left1, x: 0, y: 0.01, anchor: "center", fontSize: 0.2 },
   ] as any,
   ports: [
     { ...refblocks.left1, labels: ["1"] }, // TODO add more "standard" labels

package/symbols/ground_vert.ts

@@ -1,6 +1,3 @@
-import { defineSymbol } from "drawing/defineSymbol"
-import svgJson from "assets/generated/ground.json"
-import { Primitive } from "drawing/types"
 import groundHorz from "./ground_horz"
 import { modifySymbol } from "drawing/modify-symbol/modify-symbol"
 

package/symbols/gunn_diode_horz.ts

@@ -1,25 +1,11 @@
-import { defineSymbol } from "drawing/defineSymbol"
 import svgJson from "assets/generated/gunn_diode.json"
+import { modifySymbol } from "drawing/modify-symbol/modify-symbol"
 
 const { paths, texts, bounds, refblocks, circles } = svgJson
 
-export default defineSymbol({
-  primitives: [
-    ...Object.values(paths),
-    ...Object.values(circles),
-    { ...texts.top1, anchor: "middle_left" },
-    {
-      type: "text",
-      text: "{VAL}",
-      x: -0.11,
-      y: 0.38773544999999987,
-    },
-    // { ...texts.bottom1, anchor: "middle_left" },
-  ] as any,
-  ports: [
-    { ...refblocks.left1, labels: ["1"] }, // TODO add more "standard" labels
-    { ...refblocks.right1, labels: ["2"] }, // TODO add more "standard" labels
-  ],
-  size: { width: bounds.width, height: bounds.height },
-  center: { x: bounds.centerX, y: bounds.centerY },
-})
+export default modifySymbol(svgJson)
+  .changeTextAnchor("{VAL}", "middle_top")
+  .labelPort("left1", ["1"])
+  .labelPort("right1", ["2"])
+  .changeTextAnchor("{REF}", "middle_bottom")
+  .build()

package/symbols/gunn_diode_vert.ts

@@ -1,12 +1,11 @@
-import { rotateSymbol } from "drawing/rotateSymbol"
-import gunn_diode_horz from "./gunn_diode_horz"
+import { modifySymbol } from "drawing/modify-symbol/modify-symbol"
 
-const rotatedSymbol = rotateSymbol(gunn_diode_horz)
-const texts = rotatedSymbol.primitives.filter((p) => p.type === "text")
-const ref = texts.find((t) => t.text === "{REF}")!
-const val = texts.find((t) => t.text === "{VAL}")!
-ref.x = 0.25
-ref.y = -0.045
-val.x = -0.55
-val.y = 0
-export default rotatedSymbol
+import svgJson from "assets/generated/gunn_diode.json"
+
+export default modifySymbol(svgJson)
+  .rotateRightFacingSymbol("down")
+  .changeTextAnchor("{VAL}", "middle_right")
+  .labelPort("left1", ["1"])
+  .labelPort("right1", ["2"])
+  .changeTextAnchor("{REF}", "middle_left")
+  .build()

package/symbols/igbt_transistor_horz.ts

@@ -1,33 +1,10 @@
-import { defineSymbol } from "drawing/defineSymbol"
 import svgJson from "assets/generated/igbt_transistor.json"
-import { TextPrimitive } from "drawing/types"
+import { modifySymbol } from "drawing/modify-symbol/modify-symbol"
 
-const { paths, texts, bounds, refblocks, circles } = svgJson
-
-export default defineSymbol({
-  primitives: [
-    ...Object.values(paths),
-    ...Object.values(circles),
-    {
-      type: "text",
-      text: "{REF}",
-      x: 0,
-      y: -0.4,
-      anchor: "middle_right",
-    } as TextPrimitive,
-    {
-      type: "text",
-      text: "{VAL}",
-      x: 0,
-      y: 0.4,
-      anchor: "middle_right",
-    } as TextPrimitive,
-  ] as any,
-  ports: [
-    { ...refblocks.top1, labels: ["1"] }, // TODO add more "standard" labels
-    { ...refblocks.bottom1, labels: ["2"] }, // TODO add more "standard" labels
-    { ...refblocks.left1, labels: ["3"] }, // TODO add more "standard" labels
-  ],
-  size: { width: bounds.width, height: bounds.height },
-  center: { x: bounds.centerX + 0.06, y: bounds.centerY },
-})
+export default modifySymbol(svgJson)
+  .changeTextAnchor("{VAL}", "middle_right")
+  .labelPort("left1", ["3"])
+  .labelPort("top1", ["2"])
+  .labelPort("bottom1", ["1"])
+  .changeTextAnchor("{REF}", "middle_right")
+  .build()

package/symbols/illuminated_push_button_normally_open_horz.ts

@@ -1,20 +1,9 @@
-import { defineSymbol } from "drawing/defineSymbol"
 import svgJson from "assets/generated/illuminated_push_button_normally_open.json"
-import { Primitive } from "drawing/types"
+import { modifySymbol } from "drawing/modify-symbol/modify-symbol"
 
-const { paths, texts, bounds, refblocks, circles } = svgJson
-
-export default defineSymbol({
-  primitives: [
-    ...Object.values(paths),
-    ...Object.values(circles),
-    { ...texts.top1, anchor: "middle_right", x: 0, y: -0.4 },
-    { ...texts.bottom1, anchor: "middle_right", x: 0 },
-  ] as Primitive[],
-  ports: [
-    { ...refblocks.left1, labels: ["1"] }, // TODO add more "standard" labels
-    { ...refblocks.right1, labels: ["2"] }, // TODO add more "standard" labels
-  ],
-  size: { width: bounds.width, height: bounds.height },
-  center: { x: bounds.centerX, y: bounds.centerY },
-})
+export default modifySymbol(svgJson)
+  .changeTextAnchor("{VAL}", "middle_top")
+  .labelPort("left1", ["1"])
+  .labelPort("right1", ["2"])
+  .changeTextAnchor("{REF}", "middle_bottom")
+  .build()