@tscircuit/core 0.0.2170 → 0.0.2171

package/dist/index.d.ts

@@ -3966,7 +3966,7 @@ interface ISymbol {
      * The computed bounds of the symbol's schematic primitives before any
      * resizing is applied.
      */
-    schematicSymbolBoundsInUserCoordinates?: SchematicSymbolBounds;
+    schematicSymbolBoundsInSymbolLocalCoordinateSpace?: SchematicSymbolBounds;
     /**
      * Get the bounds of the symbol's schematic primitives.
      * This triggers computation if not already done.
@@ -195115,24 +195115,75 @@ declare class SymbolComponent extends PrimitiveComponent<typeof symbolProps> imp
     isPrimitiveContainer: boolean;
     schematic_symbol_id?: string;
     userCoordinateToResizedSymbolTransformMat?: Matrix;
-    schematicSymbolBoundsInUserCoordinates?: SchematicSymbolBounds;
+    schematicSymbolBoundsInSymbolLocalCoordinateSpace?: SchematicSymbolBounds;
     get config(): {
         componentName: string;
         zodProps: zod.ZodObject<{
             originalFacingDirection: zod.ZodOptional<zod.ZodDefault<zod.ZodEnum<["up", "down", "left", "right"]>>>;
             width: zod.ZodOptional<zod.ZodEffects<zod.ZodUnion<[zod.ZodString, zod.ZodNumber]>, number, string | number>>;
             height: zod.ZodOptional<zod.ZodEffects<zod.ZodUnion<[zod.ZodString, zod.ZodNumber]>, number, string | number>>;
+            fit: zod.ZodOptional<zod.ZodEnum<["fill", "contain", "stretch"]>>;
+            viewbox: zod.ZodOptional<zod.ZodEffects<zod.ZodEffects<zod.ZodObject<{
+                minX: zod.ZodEffects<zod.ZodUnion<[zod.ZodString, zod.ZodNumber]>, number, string | number>;
+                maxX: zod.ZodEffects<zod.ZodUnion<[zod.ZodString, zod.ZodNumber]>, number, string | number>;
+                minY: zod.ZodEffects<zod.ZodUnion<[zod.ZodString, zod.ZodNumber]>, number, string | number>;
+                maxY: zod.ZodEffects<zod.ZodUnion<[zod.ZodString, zod.ZodNumber]>, number, string | number>;
+            }, "strip", zod.ZodTypeAny, {
+                minX: number;
+                maxX: number;
+                minY: number;
+                maxY: number;
+            }, {
+                minX: string | number;
+                maxX: string | number;
+                minY: string | number;
+                maxY: string | number;
+            }>, {
+                minX: number;
+                maxX: number;
+                minY: number;
+                maxY: number;
+            }, {
+                minX: string | number;
+                maxX: string | number;
+                minY: string | number;
+                maxY: string | number;
+            }>, {
+                minX: number;
+                maxX: number;
+                minY: number;
+                maxY: number;
+            }, {
+                minX: string | number;
+                maxX: string | number;
+                minY: string | number;
+                maxY: string | number;
+            }>>;
             name: zod.ZodOptional<zod.ZodString>;
         }, "strip", zod.ZodTypeAny, {
             width?: number | undefined;
             height?: number | undefined;
             name?: string | undefined;
             originalFacingDirection?: "up" | "down" | "left" | "right" | undefined;
+            fit?: "fill" | "stretch" | "contain" | undefined;
+            viewbox?: {
+                minX: number;
+                maxX: number;
+                minY: number;
+                maxY: number;
+            } | undefined;
         }, {
             width?: string | number | undefined;
             height?: string | number | undefined;
             name?: string | undefined;
             originalFacingDirection?: "up" | "down" | "left" | "right" | undefined;
+            fit?: "fill" | "stretch" | "contain" | undefined;
+            viewbox?: {
+                minX: string | number;
+                maxX: string | number;
+                minY: string | number;
+                maxY: string | number;
+            } | undefined;
         }>;
     };
     hasExplicitSize(): boolean;

package/dist/index.js

@@ -14023,7 +14023,7 @@ var SymbolComponent = class extends PrimitiveComponent2 {
   isPrimitiveContainer = true;
   schematic_symbol_id;
   userCoordinateToResizedSymbolTransformMat;
-  schematicSymbolBoundsInUserCoordinates;
+  schematicSymbolBoundsInSymbolLocalCoordinateSpace;
   get config() {
     return {
       componentName: "Symbol",
@@ -14052,11 +14052,11 @@ var SymbolComponent = class extends PrimitiveComponent2 {
     this.schematic_symbol_id = schematic_symbol.schematic_symbol_id;
   }
   getSchematicSymbolBounds() {
-    if (this.schematicSymbolBoundsInUserCoordinates) {
-      return this.schematicSymbolBoundsInUserCoordinates;
+    if (this.schematicSymbolBoundsInSymbolLocalCoordinateSpace) {
+      return this.schematicSymbolBoundsInSymbolLocalCoordinateSpace;
     }
     this._computeSchematicSymbolBounds();
-    return this.schematicSymbolBoundsInUserCoordinates ?? null;
+    return this.schematicSymbolBoundsInSymbolLocalCoordinateSpace ?? null;
   }
   getUserCoordinateToResizedSymbolTransform() {
     if (!this.hasExplicitSize()) {
@@ -14071,6 +14071,17 @@ var SymbolComponent = class extends PrimitiveComponent2 {
   _computeSchematicSymbolBounds() {
     if (this.root?.schematicDisabled) return;
     const { db: db2 } = this.root;
+    const { viewbox } = this._parsedProps;
+    if (viewbox) {
+      const globalPos = this._getGlobalSchematicPositionBeforeLayout();
+      this.schematicSymbolBoundsInSymbolLocalCoordinateSpace = {
+        minX: globalPos.x + viewbox.minX,
+        maxX: globalPos.x + viewbox.maxX,
+        minY: globalPos.y + viewbox.minY,
+        maxY: globalPos.y + viewbox.maxY
+      };
+      return;
+    }
     const schematicElements = [];
     for (const child of this.children) {
       if (child.componentName === "Port") {
@@ -14111,7 +14122,7 @@ var SymbolComponent = class extends PrimitiveComponent2 {
     }
     if (schematicElements.length === 0) return;
     const bounds = getBoundsForSchematic(schematicElements);
-    this.schematicSymbolBoundsInUserCoordinates = bounds;
+    this.schematicSymbolBoundsInSymbolLocalCoordinateSpace = bounds;
   }
   _computeUserCoordinateToResizedSymbolTransform() {
     const bounds = this.getSchematicSymbolBounds();
@@ -14125,8 +14136,20 @@ var SymbolComponent = class extends PrimitiveComponent2 {
     if (currentWidth === 0 && currentHeight === 0) return;
     const currentCenterX = (bounds.minX + bounds.maxX) / 2;
     const currentCenterY = (bounds.minY + bounds.maxY) / 2;
-    const scaleX = targetWidth !== void 0 && currentWidth > 0 ? targetWidth / currentWidth : 1;
-    const scaleY = targetHeight !== void 0 && currentHeight > 0 ? targetHeight / currentHeight : 1;
+    let scaleX = targetWidth !== void 0 && currentWidth > 0 ? targetWidth / currentWidth : 1;
+    let scaleY = targetHeight !== void 0 && currentHeight > 0 ? targetHeight / currentHeight : 1;
+    if (props.fit === "contain") {
+      const constrainedScales = [];
+      if (targetWidth !== void 0 && currentWidth > 0) {
+        constrainedScales.push(targetWidth / currentWidth);
+      }
+      if (targetHeight !== void 0 && currentHeight > 0) {
+        constrainedScales.push(targetHeight / currentHeight);
+      }
+      const uniformScale = constrainedScales.length ? Math.min(...constrainedScales) : 1;
+      scaleX = uniformScale;
+      scaleY = uniformScale;
+    }
     const globalPos = this._getGlobalSchematicPositionBeforeLayout();
     this.userCoordinateToResizedSymbolTransformMat = compose7(
       translate5(globalPos.x, globalPos.y),
@@ -119475,7 +119498,7 @@ var RoutingPhasePreparationError = class extends Error {
 var package_default = {
   name: "@tscircuit/core",
   type: "module",
-  version: "0.0.2169",
+  version: "0.0.2170",
   types: "dist/index.d.ts",
   main: "dist/index.js",
   module: "dist/index.js",
@@ -119534,7 +119557,7 @@ var package_default = {
     "@tscircuit/miniflex": "^0.0.4",
     "@tscircuit/modelprinter": "^0.0.18",
     "@tscircuit/ngspice-spice-engine": "^0.0.20",
-    "@tscircuit/props": "^0.0.703",
+    "@tscircuit/props": "^0.0.704",
     "@tscircuit/schematic-match-adapt": "^0.0.18",
     "@tscircuit/schematic-trace-solver": "https://jscdn.tscircuit.com/@tscircuit/schematic-trace-solver/0.0.230.tgz",
     "@tscircuit/solver-utils": "^0.0.16",
@@ -119618,7 +119641,7 @@ var package_default = {
   },
   overrides: {
     "@tscircuit/circuit-json-util": "^0.0.122",
-    "@tscircuit/props": "^0.0.703",
+    "@tscircuit/props": "^0.0.704",
     "circuit-json": "^0.0.528",
     "@tscircuit/cableprinter": "^0.0.6"
   }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@tscircuit/core",
   "type": "module",
-  "version": "0.0.2170",
+  "version": "0.0.2171",
   "types": "dist/index.d.ts",
   "main": "dist/index.js",
   "module": "dist/index.js",
@@ -60,7 +60,7 @@
     "@tscircuit/miniflex": "^0.0.4",
     "@tscircuit/modelprinter": "^0.0.18",
     "@tscircuit/ngspice-spice-engine": "^0.0.20",
-    "@tscircuit/props": "^0.0.703",
+    "@tscircuit/props": "^0.0.704",
     "@tscircuit/schematic-match-adapt": "^0.0.18",
     "@tscircuit/schematic-trace-solver": "https://jscdn.tscircuit.com/@tscircuit/schematic-trace-solver/0.0.230.tgz",
     "@tscircuit/solver-utils": "^0.0.16",
@@ -144,7 +144,7 @@
   },
   "overrides": {
     "@tscircuit/circuit-json-util": "^0.0.122",
-    "@tscircuit/props": "^0.0.703",
+    "@tscircuit/props": "^0.0.704",
     "circuit-json": "^0.0.528",
     "@tscircuit/cableprinter": "^0.0.6"
   }