circuitscript 0.0.28 → 0.0.31

package/dist/cjs/draw_symbols.js

@@ -1,14 +1,15 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.SymbolDrawingCommands = exports.SymbolDrawing = exports.SymbolCustom = exports.PlaceHolderCommands = exports.SymbolPlaceholder = exports.SymbolText = exports.SymbolPointHidden = exports.SymbolFactory = exports.SymbolGraphic = void 0;
+exports.SymbolDrawingCommands = exports.SymbolDrawing = exports.SymbolCustomModule = exports.SymbolCustom = exports.PlaceHolderCommands = exports.SymbolPlaceholder = exports.SymbolText = exports.SymbolPointHidden = exports.SymbolFactory = exports.SymbolGraphic = void 0;
+const helpers_js_1 = require("./helpers.js");
 const globals_js_1 = require("./globals.js");
 const geometry_js_1 = require("./geometry.js");
 const PinTypes_js_1 = require("./objects/PinTypes.js");
-const defaultSymbolLineWidth = 2;
+const utils_js_1 = require("./utils.js");
 class SymbolGraphic {
     constructor() {
         this.drawPortsName = true;
-        this.displayBounds = true;
+        this.displayBounds = false;
         this._angle = 0;
         this._flipX = 0;
         this._flipY = 0;
@@ -53,6 +54,7 @@ class SymbolGraphic {
         this.drawPins(innerGroup);
         this.drawLabels(innerGroup);
         this.drawPlaceRemove(innerGroup, extra);
+        this.displayBounds && this.drawBounds(group);
     }
     drawPlaceRemove(group, extra) {
         if (extra && extra.place === false) {
@@ -63,7 +65,7 @@ class SymbolGraphic {
             ]);
             group.path(path)
                 .stroke({
-                width: defaultSymbolLineWidth,
+                width: globals_js_1.defaultSymbolLineWidth,
                 color: 'red'
             });
         }
@@ -71,8 +73,8 @@ class SymbolGraphic {
     pinPosition(id) {
         const pin = this.drawing.getPinPosition(id);
         const [x, y] = pin.start;
-        const useX = Math.round(x * 10000) / 10000;
-        const useY = Math.round(y * 10000 / 10000);
+        const useX = (0, utils_js_1.roundValue)(x);
+        const useY = (0, utils_js_1.roundValue)(y);
         return {
             x: useX,
             y: useY,
@@ -81,15 +83,16 @@ class SymbolGraphic {
     }
     drawBounds(group) {
         const bbox = this.drawing.getBoundingBox();
-        group.circle(3)
-            .translate(-3 / 2, -3 / 2)
+        const originSize = (0, helpers_js_1.milsToMM)(10);
+        group.circle(originSize)
+            .translate(-originSize / 2, -originSize / 2)
             .fill('red')
             .stroke('none');
         group.rect(bbox.width, bbox.height)
             .translate(bbox.start[0], bbox.start[1])
             .fill('none')
             .stroke({
-            width: 1,
+            width: (0, helpers_js_1.milsToMM)(2),
             color: '#ccc',
         });
     }
@@ -106,17 +109,20 @@ class SymbolGraphic {
         });
     }
     drawPins(group) {
-        group.path(this.drawing.getPinsPath())
-            .stroke({
-            width: defaultSymbolLineWidth,
-            color: '#333',
+        const pinPaths = this.drawing.getPinsPath();
+        pinPaths.forEach(({ path, lineColor }) => {
+            group.path(path)
+                .stroke({
+                width: globals_js_1.defaultSymbolLineWidth,
+                color: lineColor
+            });
         });
     }
     drawLabels(group) {
         const labels = this.drawing.getLabels();
         labels.forEach(label => {
             const tmpLabel = label;
-            const { fontSize = 10, anchor = geometry_js_1.HorizontalAlign.Left, vanchor = geometry_js_1.VerticalAlign.Bottom, fontWeight = 'regular', angle: labelAngle = 0, } = tmpLabel.style ?? {};
+            const { fontSize = 50, anchor = geometry_js_1.HorizontalAlign.Left, vanchor = geometry_js_1.VerticalAlign.Bottom, fontWeight = 'regular', angle: labelAngle = 0, textColor = "#333", } = tmpLabel.style ?? {};
             let anchorStyle = 'start';
             let dominantBaseline = 'auto';
             let useAnchor = anchor;
@@ -157,15 +163,6 @@ class SymbolGraphic {
             }
             const useFont = globals_js_1.defaultFont;
             const textContainer = group.group();
-            const text = textContainer.text(tmpLabel.text)
-                .fill('#333')
-                .font({
-                family: useFont,
-                size: fontSize,
-                anchor: anchorStyle,
-                'dominant-baseline': dominantBaseline,
-                weight: fontWeight,
-            });
             let translateX, translateY;
             let useRotateAngle = 0;
             if (isRotation180) {
@@ -178,26 +175,121 @@ class SymbolGraphic {
                 translateY = position[1];
                 useRotateAngle = this.angle;
             }
-            translateX = this.roundValues(translateX);
-            translateY = this.roundValues(translateY);
-            text.rotate(labelAngle);
+            translateX = (0, utils_js_1.roundValue)(translateX);
+            translateY = (0, utils_js_1.roundValue)(translateY);
+            const { portType = null } = tmpLabel.style;
+            if (portType !== null) {
+                const { x: boundsX, y: boundsY } = tmpLabel.textMeasurementBounds;
+                const paddingHorizontal = globals_js_1.PortPaddingHorizontal;
+                const paddingVert = globals_js_1.PortPaddingVertical;
+                const boundsWidth = tmpLabel.textMeasurementBounds.width
+                    + paddingHorizontal * 2;
+                const boundsHeight = tmpLabel.textMeasurementBounds.height
+                    + paddingVert * 2;
+                let path = [];
+                let boundsTranslateX = -paddingHorizontal;
+                switch (portType) {
+                    case PinTypes_js_1.PinTypes.Input:
+                        path = ['M', 0, 0,
+                            'L', boundsWidth, 0,
+                            'L', boundsWidth, boundsHeight,
+                            'L', 0, boundsHeight,
+                            'L', -globals_js_1.PortArrowSize, boundsHeight / 2,
+                            'Z',
+                        ];
+                        break;
+                    case PinTypes_js_1.PinTypes.Output:
+                        path = ['M', 0, 0,
+                            'L', boundsWidth, 0,
+                            'L', boundsWidth + globals_js_1.PortArrowSize,
+                            boundsHeight / 2,
+                            'L', boundsWidth, boundsHeight,
+                            'L', 0, boundsHeight,
+                            'Z',
+                        ];
+                        break;
+                    case PinTypes_js_1.PinTypes.IO:
+                        path = ['M', 0, 0,
+                            'L', boundsWidth, 0,
+                            'L', boundsWidth + globals_js_1.PortArrowSize,
+                            boundsHeight / 2,
+                            'L', boundsWidth, boundsHeight,
+                            'L', 0, boundsHeight,
+                            'L', -globals_js_1.PortArrowSize, boundsHeight / 2,
+                            'Z',
+                        ];
+                        break;
+                    case PinTypes_js_1.PinTypes.Any:
+                    case PinTypes_js_1.PinTypes.Power:
+                        path = ['M', 0, 0,
+                            'L', boundsWidth, 0,
+                            'L', boundsWidth, boundsHeight,
+                            'L', 0, boundsHeight,
+                            'Z',
+                        ];
+                        break;
+                }
+                if (path.length > 0) {
+                    let flip = 1;
+                    if (this.flipX !== 0) {
+                        flip = -1;
+                        boundsTranslateX = paddingHorizontal;
+                    }
+                    textContainer.path(path)
+                        .stroke({
+                        width: (0, helpers_js_1.milsToMM)(5),
+                        color: '#333'
+                    })
+                        .fill('none')
+                        .scale(flip, 1, 0, 0)
+                        .translate(boundsTranslateX, boundsY - paddingVert);
+                }
+            }
+            const drawTextBounds = false;
+            const drawBoxBounds = false;
+            const drawOrigin = false;
+            if (drawBoxBounds) {
+                const box = tmpLabel.box;
+                textContainer.rect(box.width, box.height).fill('red')
+                    .translate(box.xmin, box.ymin)
+                    .scale(this.flipX !== 0 ? -1 : 1, 1, -box.xmin, box.ymin);
+            }
+            if (drawTextBounds) {
+                const textBounds = tmpLabel.textMeasurementBounds;
+                const xOffset = (this.flipX !== 0) ? textBounds.width : 0;
+                textContainer.rect(textBounds.width, textBounds.height).fill('#cccccc')
+                    .translate(textBounds.x - xOffset, textBounds.y);
+            }
             textContainer.translate(translateX, translateY)
                 .rotate(useRotateAngle, -translateX, -translateY);
+            textContainer.text(tmpLabel.text)
+                .fill(textColor)
+                .font({
+                family: useFont,
+                size: fontSize * globals_js_1.fontDisplayScale,
+                anchor: anchorStyle,
+                'dominant-baseline': dominantBaseline,
+                weight: fontWeight,
+            })
+                .rotate(labelAngle);
             const { a, b, c, d, e, f } = textContainer.matrix();
             const newMatrix = {
-                a: this.roundValues(a),
-                b: this.roundValues(b),
-                c: this.roundValues(c),
-                d: this.roundValues(d),
-                e: this.roundValues(e),
-                f: this.roundValues(f),
+                a: (0, utils_js_1.roundValue)(a),
+                b: (0, utils_js_1.roundValue)(b),
+                c: (0, utils_js_1.roundValue)(c),
+                d: (0, utils_js_1.roundValue)(d),
+                e: (0, utils_js_1.roundValue)(e),
+                f: (0, utils_js_1.roundValue)(f),
             };
             textContainer.transform(newMatrix);
+            if (drawOrigin) {
+                const originSize = (0, helpers_js_1.milsToMM)(10);
+                textContainer.circle(originSize)
+                    .translate(originSize / 2, originSize / 2)
+                    .fill('green');
+            }
         });
     }
-    roundValues(value) {
-        return +value.toFixed(7);
-    }
     flipTextAnchor(value) {
         if (value === geometry_js_1.HorizontalAlign.Left) {
             return geometry_js_1.HorizontalAlign.Right;
@@ -250,7 +342,7 @@ exports.SymbolPointHidden = SymbolPointHidden;
 class SymbolText extends SymbolGraphic {
     constructor(text) {
         super();
-        this.fontSize = 10;
+        this.fontSize = 40;
         this.fontWeight = 'regular';
         this.text = text;
     }
@@ -273,8 +365,16 @@ class SymbolPlaceholder extends SymbolGraphic {
         drawing.angle = this._angle;
         drawing.flipX = this._flipX;
         drawing.flipY = this._flipY;
-        const commands = drawing.getCommands();
+        const commands = [
+            [PlaceHolderCommands.units, ['mils'], {}],
+            [PlaceHolderCommands.lineColor, [globals_js_1.ColorScheme.PinLineColor], {}],
+            [PlaceHolderCommands.textColor, [globals_js_1.ColorScheme.PinNameColor], {}],
+            [PlaceHolderCommands.lineWidth, [5], {}],
+            ...drawing.getCommands()
+        ];
         drawing.log('id: ', drawing.id, 'angle: ', this._angle, "commands:", commands.length);
+        let lineColor = "#333";
+        let textColor = "#333";
         commands.forEach(([commandName, positionParams, keywordParams]) => {
             switch (commandName) {
                 case PlaceHolderCommands.rect:
@@ -304,6 +404,11 @@ class SymbolPlaceholder extends SymbolGraphic {
                     break;
                 case PlaceHolderCommands.lineColor:
                     drawing.addSetLineColor(...positionParams);
+                    lineColor = positionParams[0];
+                    break;
+                case PlaceHolderCommands.textColor:
+                    drawing.addSetTextColor(...positionParams);
+                    textColor = positionParams[0];
                     break;
                 case PlaceHolderCommands.arc:
                     drawing.addArc(...positionParams);
@@ -318,11 +423,14 @@ class SymbolPlaceholder extends SymbolGraphic {
                 case PlaceHolderCommands.hpin:
                 case PlaceHolderCommands.vpin:
                     {
-                        this.drawPinParams(drawing, commandName, keywordParams, positionParams);
+                        this.drawPinParams(drawing, commandName, keywordParams, positionParams, lineColor, textColor);
                         break;
                     }
                 case PlaceHolderCommands.label: {
                     const style = this.parseLabelStyle(keywordParams);
+                    if (style['textColor'] === undefined) {
+                        style['textColor'] = textColor;
+                    }
                     positionParams = [...positionParams];
                     positionParams.push(style);
                     const labelId = positionParams[0];
@@ -348,12 +456,17 @@ class SymbolPlaceholder extends SymbolGraphic {
                     drawing.addTextbox(offsetX, offsetY, content, style);
                     break;
                 }
+                case PlaceHolderCommands.units: {
+                    drawing.addSetUnits(...positionParams);
+                    break;
+                }
             }
         });
         drawing.log("=== end generate drawing ===");
     }
     parseLabelStyle(keywordParams) {
-        const keywords = ['fontSize', 'anchor', 'vanchor', 'angle'];
+        const keywords = ['fontSize', 'anchor', 'vanchor',
+            'angle', 'textColor', 'portType'];
         const style = {};
         keywords.forEach(item => {
             if (keywordParams.has(item)) {
@@ -362,13 +475,16 @@ class SymbolPlaceholder extends SymbolGraphic {
         });
         return style;
     }
-    drawPinParams(drawing, commandName, keywordParams, positionParams) {
+    drawPinParams(drawing, commandName, keywordParams, positionParams, lineColor, pinNameColor) {
         drawing.log('add pin', ...positionParams);
+        positionParams = [...positionParams];
         const keywordDisplayPinId = 'display_pin_id';
         let displayPinId = true;
-        if (keywordParams.has(keywordDisplayPinId)
-            && keywordParams.get(keywordDisplayPinId) === 0) {
-            displayPinId = false;
+        if (keywordParams.has(keywordDisplayPinId)) {
+            const value = keywordParams.get(keywordDisplayPinId);
+            if (value === 0 || value === false) {
+                displayPinId = false;
+            }
         }
         let pinNameParam = null;
         let pinType = PinTypes_js_1.PinTypes.Any;
@@ -380,10 +496,10 @@ class SymbolPlaceholder extends SymbolGraphic {
             pinNameParam = positionParams[1];
             positionParams = [positionParams[0], ...positionParams.slice(2)];
         }
-        const startX = positionParams[1];
-        const startY = positionParams[2];
+        const startX = (0, helpers_js_1.milsToMM)(positionParams[1]);
+        const startY = (0, helpers_js_1.milsToMM)(positionParams[2]);
         if (commandName === PlaceHolderCommands.vpin) {
-            const magnitude = positionParams[3];
+            const magnitude = (0, helpers_js_1.milsToMM)(positionParams[3]);
             positionParams = [
                 positionParams[0],
                 startX,
@@ -393,7 +509,7 @@ class SymbolPlaceholder extends SymbolGraphic {
             ];
         }
         else if (commandName === PlaceHolderCommands.hpin) {
-            const magnitude = positionParams[3];
+            const magnitude = (0, helpers_js_1.milsToMM)(positionParams[3]);
             positionParams = [
                 positionParams[0],
                 startX,
@@ -402,50 +518,64 @@ class SymbolPlaceholder extends SymbolGraphic {
                 startY
             ];
         }
-        drawing.addPin(...positionParams);
+        else {
+            const [, , , endX, endY] = positionParams;
+            positionParams = [
+                positionParams[0],
+                startX,
+                startY,
+                (0, helpers_js_1.milsToMM)(endX),
+                (0, helpers_js_1.milsToMM)(endY)
+            ];
+        }
+        drawing.addPinMM(...positionParams, lineColor);
         const lastAddedPin = this.drawing.pins[this.drawing.pins.length - 1];
         const [pinId, , angle] = lastAddedPin;
         const [, , , endX, endY] = positionParams;
         let pinNameAlignment = geometry_js_1.HorizontalAlign.Left;
-        let pinNameOffsetX = 4;
+        const offset1 = 15;
+        const offset2 = 15;
+        let pinNameOffsetX = (0, helpers_js_1.milsToMM)(offset1);
         let pinIdOffsetX = 0;
         let pinIdAlignment = geometry_js_1.HorizontalAlign.Left;
         let pinIdVAlignment = geometry_js_1.VerticalAlign.Bottom;
-        let pinIdOffsetY = -2;
+        let pinIdOffsetY = (0, helpers_js_1.milsToMM)(-offset2);
         switch (angle) {
             case 0:
                 pinNameAlignment = geometry_js_1.HorizontalAlign.Left;
-                pinNameOffsetX = 4;
+                pinNameOffsetX = (0, helpers_js_1.milsToMM)(offset1);
                 pinIdAlignment = geometry_js_1.HorizontalAlign.Right;
-                pinIdOffsetX = -2;
+                pinIdOffsetX = (0, helpers_js_1.milsToMM)(-offset2);
                 break;
             case 90:
             case 180:
                 pinNameAlignment = geometry_js_1.HorizontalAlign.Right;
-                pinNameOffsetX = -4;
+                pinNameOffsetX = (0, helpers_js_1.milsToMM)(-offset1);
                 pinIdAlignment = geometry_js_1.HorizontalAlign.Left;
-                pinIdOffsetX = 2;
+                pinIdOffsetX = (0, helpers_js_1.milsToMM)(offset2);
                 break;
             case 270:
                 pinNameAlignment = geometry_js_1.HorizontalAlign.Left;
-                pinNameOffsetX = 4;
+                pinNameOffsetX = (0, helpers_js_1.milsToMM)(offset1);
                 pinIdAlignment = geometry_js_1.HorizontalAlign.Left;
-                pinIdOffsetX = 2;
-                pinIdOffsetY = 2;
+                pinIdOffsetX = (0, helpers_js_1.milsToMM)(offset2);
+                pinIdOffsetY = (0, helpers_js_1.milsToMM)(offset2);
                 pinIdVAlignment = geometry_js_1.VerticalAlign.Top;
                 break;
         }
         if (angle === 0 || angle === 90 || angle === 180 || angle === 270) {
             const usePinName = pinNameParam ?? "";
             usePinName !== "" && drawing.addLabel(endX + pinNameOffsetX, endY, usePinName, {
-                fontSize: 10,
+                fontSize: globals_js_1.defaultPinNameTextSize,
                 anchor: pinNameAlignment,
                 vanchor: geometry_js_1.VerticalAlign.Middle,
+                textColor: pinNameColor,
             });
             displayPinId && drawing.addLabel(endX + pinIdOffsetX, endY + pinIdOffsetY, pinId.toString(), {
-                fontSize: 8,
+                fontSize: globals_js_1.defaultPinIdTextSize,
                 anchor: pinIdAlignment,
                 vanchor: pinIdVAlignment,
+                textColor: lineColor
             });
         }
     }
@@ -472,18 +602,20 @@ var PlaceHolderCommands;
     PlaceHolderCommands["lineWidth"] = "lineWidth";
     PlaceHolderCommands["fill"] = "fill";
     PlaceHolderCommands["lineColor"] = "lineColor";
+    PlaceHolderCommands["textColor"] = "textColor";
     PlaceHolderCommands["text"] = "text";
+    PlaceHolderCommands["units"] = "units";
 })(PlaceHolderCommands || (exports.PlaceHolderCommands = PlaceHolderCommands = {}));
 class SymbolCustom extends SymbolGraphic {
     constructor(pinDefinition) {
         super();
         this.pinDefinition = [];
-        this.bodyWidth = 100;
-        this.pinLength = 20;
-        this.width = 100;
-        this.height = 100;
-        this.pinSpacing = 20;
-        this.pinTextPadding = 5;
+        this.bodyWidth = (0, helpers_js_1.milsToMM)(400);
+        this.pinLength = (0, helpers_js_1.milsToMM)(100);
+        this.width = (0, helpers_js_1.milsToMM)(100);
+        this.height = (0, helpers_js_1.milsToMM)(100);
+        this.pinSpacing = (0, helpers_js_1.milsToMM)(100);
+        this.pinTextPadding = (0, helpers_js_1.milsToMM)(5);
         this.pins = [];
         this.pinDefinition = pinDefinition;
     }
@@ -502,59 +634,69 @@ class SymbolCustom extends SymbolGraphic {
         drawing.flipY = this._flipY;
         const bodyWidth = this.bodyWidth;
         const bodyHeight = (1 + Math.max(maxLeftPins, maxRightPins)) * this.pinSpacing;
-        drawing.addRect(0, 0, bodyWidth, bodyHeight);
-        const leftPinStart = -bodyWidth / 2;
-        const rightPinStart = bodyWidth / 2;
-        const pinStartY = -bodyHeight / 2;
+        const defaultLineColor = globals_js_1.ColorScheme.PinLineColor;
+        drawing.addSetLineColor(defaultLineColor);
+        drawing.addSetLineWidth(5);
+        drawing.addRectMM(0, 0, bodyWidth, bodyHeight);
+        this.generateDrawingPins(drawing, bodyWidth, bodyHeight, leftPins, rightPins, defaultLineColor);
+        this.drawing = drawing;
+        this._cacheLeftPins = leftPins;
+        this._cacheRightPins = rightPins;
+    }
+    generateDrawingPins(drawing, bodyWidthMM, bodyHeightMM, leftPins, rightPins, defaultLineColor) {
+        const leftPinStart = -bodyWidthMM / 2;
+        const rightPinStart = bodyWidthMM / 2;
+        const pinStartY = -bodyHeightMM / 2;
         leftPins.forEach(pin => {
             const position = pin.position;
             const pinY = pinStartY + (position + 1) * this.pinSpacing;
-            drawing.addPin(pin.pinId, leftPinStart - this.pinLength, pinY, leftPinStart, pinY);
-            drawing.addLabel(leftPinStart + 4, pinY, pin.text, {
-                fontSize: 10,
+            drawing.addPinMM(pin.pinId, leftPinStart - this.pinLength, pinY, leftPinStart, pinY, defaultLineColor);
+            drawing.addLabel(leftPinStart + (0, helpers_js_1.milsToMM)(20), pinY, pin.text, {
+                fontSize: globals_js_1.CustomSymbolPinTextSize,
                 anchor: geometry_js_1.HorizontalAlign.Left,
                 vanchor: geometry_js_1.VerticalAlign.Middle,
+                textColor: globals_js_1.ColorScheme.PinNameColor,
             });
-            drawing.addLabel(leftPinStart - 2, pinY - 2, pin.pinId.toString(), {
-                fontSize: 8,
+            drawing.addLabel(leftPinStart - (0, helpers_js_1.milsToMM)(10), pinY - (0, helpers_js_1.milsToMM)(10), pin.pinId.toString(), {
+                fontSize: globals_js_1.CustomSymbolPinIdSize,
                 anchor: geometry_js_1.HorizontalAlign.Right,
                 vanchor: geometry_js_1.VerticalAlign.Bottom,
+                textColor: defaultLineColor
             });
         });
         rightPins.forEach(pin => {
             const position = pin.position;
             const pinY = pinStartY + (position + 1) * this.pinSpacing;
-            drawing.addPin(pin.pinId, rightPinStart + this.pinLength, pinY, rightPinStart, pinY);
-            drawing.addLabel(rightPinStart - 4, pinY, pin.text, {
-                fontSize: 10,
+            drawing.addPinMM(pin.pinId, rightPinStart + this.pinLength, pinY, rightPinStart, pinY, defaultLineColor);
+            drawing.addLabel(rightPinStart - (0, helpers_js_1.milsToMM)(20), pinY, pin.text, {
+                fontSize: globals_js_1.CustomSymbolPinTextSize,
                 anchor: geometry_js_1.HorizontalAlign.Right,
                 vanchor: geometry_js_1.VerticalAlign.Middle,
+                textColor: globals_js_1.ColorScheme.PinNameColor,
             });
-            drawing.addLabel(rightPinStart + 2, pinY - 2, pin.pinId.toString(), {
-                fontSize: 8,
+            drawing.addLabel(rightPinStart + (0, helpers_js_1.milsToMM)(10), pinY - (0, helpers_js_1.milsToMM)(10), pin.pinId.toString(), {
+                fontSize: globals_js_1.CustomSymbolPinIdSize,
                 anchor: geometry_js_1.HorizontalAlign.Left,
                 vanchor: geometry_js_1.VerticalAlign.Bottom,
+                textColor: defaultLineColor
             });
         });
         const instanceName = this.getLabelValue("refdes");
-        instanceName && drawing.addLabel(-bodyWidth / 2, -bodyHeight / 2 - 4, instanceName, {
-            fontSize: 10,
+        instanceName && drawing.addLabel(-bodyWidthMM / 2, -bodyHeightMM / 2 - (0, helpers_js_1.milsToMM)(20), instanceName, {
+            fontSize: globals_js_1.CustomSymbolRefDesSize,
             anchor: geometry_js_1.HorizontalAlign.Left,
         });
         const acceptedMPNKeys = ['MPN', 'mpn', 'manufacturer_pn'];
         acceptedMPNKeys.some(key => {
             const labelValue = this.getLabelValue(key);
             if (labelValue !== undefined) {
-                drawing.addLabel(-bodyWidth / 2, bodyHeight / 2 + 4, labelValue, {
-                    fontSize: 10,
+                drawing.addLabel(-bodyWidthMM / 2, bodyHeightMM / 2 + (0, helpers_js_1.milsToMM)(20), labelValue, {
+                    fontSize: globals_js_1.CustomSymbolParamTextSize,
                     anchor: geometry_js_1.HorizontalAlign.Left,
                     vanchor: geometry_js_1.VerticalAlign.Top,
                 });
             }
         });
-        this.drawing = drawing;
-        this._cacheLeftPins = leftPins;
-        this._cacheRightPins = rightPins;
     }
     calculateSize() {
         this.width = this.bodyWidth + 2 * this.pinLength;
@@ -562,6 +704,44 @@ class SymbolCustom extends SymbolGraphic {
     }
 }
 exports.SymbolCustom = SymbolCustom;
+class SymbolCustomModule extends SymbolCustom {
+    constructor() {
+        super(...arguments);
+        this.pinLength = 0;
+        this.portWidth = (0, helpers_js_1.milsToMM)(100);
+        this.portHeight = (0, helpers_js_1.milsToMM)(50);
+    }
+    generateDrawingPins(drawing, bodyWidthMM, bodyHeightMM, leftPins, rightPins, defaultLineColor) {
+        const leftPinStart = -bodyWidthMM / 2;
+        const rightPinStart = bodyWidthMM / 2;
+        const pinStartY = -bodyHeightMM / 2;
+        leftPins.forEach(pin => {
+            const position = pin.position;
+            const pinY = pinStartY + (position + 1) * this.pinSpacing;
+            drawing.addPinMM(pin.pinId, leftPinStart - this.pinLength, pinY, leftPinStart, pinY, defaultLineColor);
+            drawing.addModulePort(leftPinStart, pinY, this.portWidth, this.portHeight, pin.pinType);
+            drawing.addLabel(leftPinStart + this.portWidth + (0, helpers_js_1.milsToMM)(20), pinY, pin.text, {
+                fontSize: 40,
+                anchor: geometry_js_1.HorizontalAlign.Left,
+                vanchor: geometry_js_1.VerticalAlign.Middle,
+                textColor: globals_js_1.ColorScheme.PinNameColor,
+            });
+        });
+        rightPins.forEach(pin => {
+            const position = pin.position;
+            const pinY = pinStartY + (position + 1) * this.pinSpacing;
+            drawing.addPinMM(pin.pinId, rightPinStart + this.pinLength, pinY, rightPinStart, pinY, defaultLineColor);
+            drawing.addModulePort(rightPinStart, pinY, this.portWidth, this.portHeight, pin.pinType, -1);
+            drawing.addLabel(rightPinStart - this.portWidth - (0, helpers_js_1.milsToMM)(20), pinY, pin.text, {
+                fontSize: 40,
+                anchor: geometry_js_1.HorizontalAlign.Right,
+                vanchor: geometry_js_1.VerticalAlign.Middle,
+                textColor: globals_js_1.ColorScheme.PinNameColor,
+            });
+        });
+    }
+}
+exports.SymbolCustomModule = SymbolCustomModule;
 class SymbolDrawing {
     constructor() {
         this.items = [];
@@ -580,43 +760,68 @@ class SymbolDrawing {
         this.logger && this.logger.add(params.join(' '));
     }
     addLine(startX, startY, endX, endY) {
+        startX = (0, helpers_js_1.milsToMM)(startX);
+        startY = (0, helpers_js_1.milsToMM)(startY);
+        endX = (0, helpers_js_1.milsToMM)(endX);
+        endY = (0, helpers_js_1.milsToMM)(endY);
         this.items.push(geometry_js_1.Geometry.segment([startX, startY], [endX, endY]));
         return this;
     }
-    addPin(pinId, startX, startY, endX, endY) {
+    addPin(pinId, startX, startY, endX, endY, lineColor) {
+        startX = (0, helpers_js_1.milsToMM)(startX);
+        startY = (0, helpers_js_1.milsToMM)(startY);
+        endX = (0, helpers_js_1.milsToMM)(endX);
+        endY = (0, helpers_js_1.milsToMM)(endY);
+        return this.addPinMM(pinId, startX, startY, endX, endY, lineColor);
+    }
+    addPinMM(pinId, startXMM, startYMM, endXMM, endYMM, lineColor) {
         let angle = 0;
-        if (startX === endX) {
-            if (startY > endY) {
+        if (startXMM === endXMM) {
+            if (startYMM > endYMM) {
                 angle = 270;
             }
-            else if (startY < endY) {
+            else if (startYMM < endYMM) {
                 angle = 90;
             }
         }
         else {
-            if (startX < endX) {
+            if (startXMM < endXMM) {
                 angle = 0;
             }
-            else if (startX > endX) {
+            else if (startXMM > endXMM) {
                 angle = 180;
             }
         }
         this.pins.push([
             pinId,
-            geometry_js_1.Geometry.segment([startX, startY], [endX, endY]),
-            angle
+            geometry_js_1.Geometry.segment([startXMM, startYMM], [endXMM, endYMM]),
+            angle,
+            lineColor
         ]);
         return this;
     }
     addVLine(startX, startY, value) {
+        startX = (0, helpers_js_1.milsToMM)(startX);
+        startY = (0, helpers_js_1.milsToMM)(startY);
+        value = (0, helpers_js_1.milsToMM)(value);
         this.items.push(geometry_js_1.Geometry.segment([startX, startY], [startX, startY + value]));
         return this;
     }
     addHLine(startX, startY, value) {
+        startX = (0, helpers_js_1.milsToMM)(startX);
+        startY = (0, helpers_js_1.milsToMM)(startY);
+        value = (0, helpers_js_1.milsToMM)(value);
         this.items.push(geometry_js_1.Geometry.segment([startX, startY], [startX + value, startY]));
         return this;
     }
     addRect(centerX, centerY, width, height) {
+        centerX = (0, helpers_js_1.milsToMM)(centerX);
+        centerY = (0, helpers_js_1.milsToMM)(centerY);
+        width = (0, helpers_js_1.milsToMM)(width);
+        height = (0, helpers_js_1.milsToMM)(height);
+        return this.addRectMM(centerX, centerY, width, height);
+    }
+    addRectMM(centerX, centerY, width, height) {
         const width2 = width / 2;
         const height2 = height / 2;
         this.items.push(geometry_js_1.Geometry.polygon([
@@ -629,6 +834,11 @@ class SymbolDrawing {
         return this;
     }
     addTriangle(startX, startY, endX, endY, width) {
+        startX = (0, helpers_js_1.milsToMM)(startX);
+        startY = (0, helpers_js_1.milsToMM)(startY);
+        endX = (0, helpers_js_1.milsToMM)(endX);
+        endY = (0, helpers_js_1.milsToMM)(endY);
+        width = (0, helpers_js_1.milsToMM)(width);
         const line = geometry_js_1.Geometry.line(startX, startY, endX, endY);
         const normLine = line.norm;
         const dx1 = normLine.x * width / 2;
@@ -658,13 +868,67 @@ class SymbolDrawing {
         return this;
     }
     addLabelId(id, x, y, textValue, style) {
+        x = (0, helpers_js_1.milsToMM)(x);
+        y = (0, helpers_js_1.milsToMM)(y);
         this.items.push(geometry_js_1.Geometry.label(id, x, y, textValue, style));
         return this;
     }
     addTextbox(x, y, textValue, style) {
+        x = (0, helpers_js_1.milsToMM)(x);
+        y = (0, helpers_js_1.milsToMM)(y);
         this.items.push(geometry_js_1.Geometry.textbox(null, x, y, textValue, style));
         return this;
     }
+    addModulePort(x, y, width, height, portType = PinTypes_js_1.PinTypes.Any, scaleX = 1) {
+        const height2 = height / 2;
+        let path = [];
+        const arrowSize = (0, helpers_js_1.milsToMM)(30);
+        if (portType === PinTypes_js_1.PinTypes.Any) {
+            path = [
+                [0, -height2],
+                [width, -height2],
+                [width, +height2],
+                [0, +height2],
+                [0, -height2]
+            ];
+        }
+        else if (portType === PinTypes_js_1.PinTypes.Output) {
+            path = [
+                [arrowSize, -height2],
+                [width, -height2],
+                [width, height2],
+                [arrowSize, height2],
+                [0, 0],
+                [arrowSize, -height2]
+            ];
+        }
+        else if (portType === PinTypes_js_1.PinTypes.Input) {
+            path = [
+                [0, -height2],
+                [width - arrowSize, -height2],
+                [width, 0],
+                [width - arrowSize, height2],
+                [0, +height2],
+                [0, -height2],
+            ];
+        }
+        else if (portType === PinTypes_js_1.PinTypes.IO) {
+            path = [
+                [arrowSize, -height2],
+                [width - arrowSize, -height2],
+                [width, 0],
+                [width - arrowSize, +height2],
+                [arrowSize, +height2],
+                [0, 0],
+                [0 + arrowSize, -height2],
+            ];
+        }
+        path = path.map(point => {
+            return [x + point[0] * scaleX, y + point[1]];
+        });
+        this.items.push(geometry_js_1.Geometry.polygon(path));
+        return this;
+    }
     addPath(...pathParts) {
         const parts = pathParts.reduce((accum, tmp) => {
             if (typeof tmp === "string") {
@@ -683,14 +947,14 @@ class SymbolDrawing {
                 if (currentObj !== null) {
                     geomObjects.push(currentObj);
                 }
-                const x = Number(parts[i + 1]);
-                const y = Number(parts[i + 2]);
+                const x = (0, helpers_js_1.milsToMM)(Number(parts[i + 1]));
+                const y = (0, helpers_js_1.milsToMM)(Number(parts[i + 2]));
                 currentObj = [[x, y]];
                 i += 2;
             }
             else if (command === 'L') {
-                const x = Number(parts[i + 1]);
-                const y = Number(parts[i + 2]);
+                const x = (0, helpers_js_1.milsToMM)(Number(parts[i + 1]));
+                const y = (0, helpers_js_1.milsToMM)(Number(parts[i + 2]));
                 currentObj.push([x, y]);
                 i += 2;
             }
@@ -716,6 +980,7 @@ class SymbolDrawing {
         return this;
     }
     addSetLineWidth(value) {
+        value = (0, helpers_js_1.milsToMM)(value);
         this.items.push(new geometry_js_1.GeometryProp('lineWidth', value));
         return this;
     }
@@ -723,16 +988,27 @@ class SymbolDrawing {
         this.items.push(new geometry_js_1.GeometryProp('lineColor', value));
         return this;
     }
+    addSetTextColor(value) {
+        this.items.push(new geometry_js_1.GeometryProp('textColor', value));
+        return this;
+    }
     addSetFillColor(value) {
         this.items.push(new geometry_js_1.GeometryProp('fillColor', value));
         return this;
     }
     addArc(x, y, radius, startAngle, endAngle) {
+        x = (0, helpers_js_1.milsToMM)(x);
+        y = (0, helpers_js_1.milsToMM)(y);
+        radius = (0, helpers_js_1.milsToMM)(radius);
         startAngle = startAngle * Math.PI / 180;
         endAngle = endAngle * Math.PI / 180;
         this.items.push(geometry_js_1.Geometry.arc([x, y], radius, startAngle, endAngle, true));
         return this;
     }
+    addSetUnits(value) {
+        this.items.push(new geometry_js_1.GeometryProp('units', value));
+        return this;
+    }
     getPaths() {
         let currentFill = "#fff";
         let currentLineWidth = 1;
@@ -767,11 +1043,15 @@ class SymbolDrawing {
         return pathItems;
     }
     getPinsPath() {
-        let features = this.pins.map(item => item[1]);
-        features = geometry_js_1.Geometry.groupFlip(features, this.flipX, this.flipY);
-        features = geometry_js_1.Geometry.groupRotate(features, this.angle, this.mainOrigin);
-        const { path } = this.featuresToPath(features, this.flipX, this.flipY);
-        return path;
+        return this.pins.map(item => {
+            let features = geometry_js_1.Geometry.groupFlip([item[1]], this.flipX, this.flipY);
+            features = geometry_js_1.Geometry.groupRotate(features, this.angle, this.mainOrigin);
+            const { path } = this.featuresToPath(features, this.flipX, this.flipY);
+            return {
+                path,
+                lineColor: item[3],
+            };
+        });
     }
     getLabels() {
         return this.items.filter(item => item instanceof geometry_js_1.Textbox);