npm - abstract-image - Versions diffs - 8.1.3 → 8.2.1 - Mend

abstract-image 8.1.3 → 8.2.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (56) hide show

package/lib/model/component.d.ts CHANGED Viewed

@@ -1,5 +1,6 @@
 import * as Point from "./point";
 import * as Color from "./color";
+import * as DashStyle from "./dash-style";
 import * as AbstractImage from "./abstract-image";
 export type Component = BinaryImage | Ellipse | Line | PolyLine | Polygon | Rectangle | Text | SubImage | Group;
 export interface Group {
@@ -36,46 +37,52 @@ export interface Ellipse {
     readonly bottomRight: Point.Point;
     readonly strokeColor: Color.Color;
     readonly strokeThickness: number;
+    readonly strokeDashStyle: DashStyle.DashStyle;
     readonly fillColor: Color.Color;
     readonly id: string | undefined;
 }
-export declare function createEllipse(topLeft: Point.Point, bottomRight: Point.Point, strokeColor: Color.Color, strokeThickness: number, fillColor: Color.Color, id?: string): Ellipse;
+export declare function createEllipse(topLeft: Point.Point, bottomRight: Point.Point, strokeColor: Color.Color, strokeThickness: number, fillColor: Color.Color, id?: string, strokeDashStyle?: DashStyle.DashStyle): Ellipse;
 export interface Line {
     readonly type: "line";
     readonly start: Point.Point;
     readonly end: Point.Point;
     readonly strokeColor: Color.Color;
     readonly strokeThickness: number;
+    readonly strokeDashStyle: DashStyle.DashStyle;
     readonly id: string | undefined;
 }
-export declare function createLine(start: Point.Point, end: Point.Point, strokeColor: Color.Color, strokeThickness: number, id?: string): Line;
+export declare function createLine(start: Point.Point, end: Point.Point, strokeColor: Color.Color, strokeThickness: number, id?: string, strokeDashStyle?: DashStyle.DashStyle): Line;
 export interface PolyLine {
     readonly type: "polyline";
     readonly points: Array<Point.Point>;
     readonly strokeColor: Color.Color;
     readonly strokeThickness: number;
+    readonly strokeDashStyle: DashStyle.DashStyle;
     readonly id: string | undefined;
 }
-export declare function createPolyLine(points: Array<Point.Point>, strokeColor: Color.Color, strokeThickness: number, id?: string): PolyLine;
+export declare function createPolyLine(points: Array<Point.Point>, strokeColor: Color.Color, strokeThickness: number, id?: string, strokeDashStyle?: DashStyle.DashStyle): PolyLine;
 export interface Polygon {
     readonly type: "polygon";
     readonly points: Array<Point.Point>;
     readonly strokeColor: Color.Color;
     readonly strokeThickness: number;
+    readonly strokeDashStyle: DashStyle.DashStyle;
     readonly fillColor: Color.Color;
     readonly id: string | undefined;
 }
-export declare function createPolygon(points: Array<Point.Point>, strokeColor: Color.Color, strokeThickness: number, fillColor: Color.Color, id?: string): Polygon;
+export declare function createPolygon(points: Array<Point.Point>, strokeColor: Color.Color, strokeThickness: number, fillColor: Color.Color, id?: string, strokeDashStyle?: DashStyle.DashStyle): Polygon;
 export interface Rectangle {
     readonly type: "rectangle";
     readonly topLeft: Point.Point;
     readonly bottomRight: Point.Point;
     readonly strokeColor: Color.Color;
     readonly strokeThickness: number;
+    readonly strokeDashStyle: DashStyle.DashStyle;
     readonly fillColor: Color.Color;
     readonly id: string | undefined;
+    readonly radius?: Point.Point;
 }
-export declare function createRectangle(topLeft: Point.Point, bottomRight: Point.Point, strokeColor: Color.Color, strokeThickness: number, fillColor: Color.Color, id?: string): Rectangle;
+export declare function createRectangle(topLeft: Point.Point, bottomRight: Point.Point, strokeColor: Color.Color, strokeThickness: number, fillColor: Color.Color, id?: string, strokeDashStyle?: DashStyle.DashStyle, radius?: Point.Point): Rectangle;
 export declare function corners(rectangle: Rectangle): Array<Point.Point>;
 export type AbstractFontWeight = "light" | "normal" | "mediumBold" | "bold" | "extraBold";
 export type TextAlignment = "left" | "center" | "right";

package/lib/model/component.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../src/model/component.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,SAAS,CAAC;AACjC,OAAO,KAAK,KAAK,MAAM,SAAS,CAAC;AACjC,OAAO,KAAK,aAAa,MAAM,kBAAkB,CAAC;AAElD,MAAM,MAAM,SAAS,GAAG,WAAW,GAAG,OAAO,GAAG,IAAI,GAAG,QAAQ,GAAG,OAAO,GAAG,SAAS,GAAG,IAAI,GAAG,QAAQ,GAAG,KAAK,CAAC;AAEhH,MAAM,WAAW,KAAK;IACpB,QAAQ,CAAC,IAAI,EAAE,OAAO,CAAC;IACvB,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC,CAAC;CACrC;AAED,wBAAgB,WAAW,CAAC,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC,GAAG,KAAK,CAM3E;AAED;;GAEG;AAEH,MAAM,MAAM,YAAY,GAAG,KAAK,GAAG,KAAK,CAAC;AAEzC,MAAM,WAAW,WAAW;IAC1B,QAAQ,CAAC,IAAI,EAAE,aAAa,CAAC;IAC7B,QAAQ,CAAC,OAAO,EAAE,KAAK,CAAC,KAAK,CAAC;IAC9B,QAAQ,CAAC,WAAW,EAAE,KAAK,CAAC,KAAK,CAAC;IAClC,QAAQ,CAAC,MAAM,EAAE,YAAY,CAAC;IAC9B,QAAQ,CAAC,IAAI,EAAE,SAAS,CAAC;IACzB,QAAQ,CAAC,EAAE,EAAE,MAAM,GAAG,SAAS,CAAC;CACjC;AAED,MAAM,MAAM,SAAS,GAAG,UAAU,GAAG,QAAQ,CAAC;AAE9C,MAAM,WAAW,UAAU;IACzB,QAAQ,CAAC,IAAI,EAAE,OAAO,CAAC;IACvB,QAAQ,CAAC,KAAK,EAAE,UAAU,CAAC;CAC5B;AAED,MAAM,WAAW,QAAQ;IACvB,QAAQ,CAAC,IAAI,EAAE,KAAK,CAAC;IACrB,QAAQ,CAAC,GAAG,EAAE,MAAM,CAAC;CACtB;AAED,wBAAgB,iBAAiB,CAC/B,OAAO,EAAE,KAAK,CAAC,KAAK,EACpB,WAAW,EAAE,KAAK,CAAC,KAAK,EACxB,MAAM,EAAE,YAAY,EACpB,IAAI,EAAE,SAAS,EACf,EAAE,CAAC,EAAE,MAAM,GACV,WAAW,CASb;AAED,MAAM,WAAW,OAAO;IACtB,QAAQ,CAAC,IAAI,EAAE,SAAS,CAAC;IACzB,QAAQ,CAAC,OAAO,EAAE,KAAK,CAAC,KAAK,CAAC;IAC9B,QAAQ,CAAC,WAAW,EAAE,KAAK,CAAC,KAAK,CAAC;IAClC,QAAQ,CAAC,WAAW,EAAE,KAAK,CAAC,KAAK,CAAC;IAClC,QAAQ,CAAC,eAAe,EAAE,MAAM,CAAC;IACjC,QAAQ,CAAC,SAAS,EAAE,KAAK,CAAC,KAAK,CAAC;IAChC,QAAQ,CAAC,EAAE,EAAE,MAAM,GAAG,SAAS,CAAC;CACjC;AAED,wBAAgB,aAAa,CAC3B,OAAO,EAAE,KAAK,CAAC,KAAK,EACpB,WAAW,EAAE,KAAK,CAAC,KAAK,EACxB,WAAW,EAAE,KAAK,CAAC,KAAK,EACxB,eAAe,EAAE,MAAM,EACvB,SAAS,EAAE,KAAK,CAAC,KAAK,EACtB,EAAE,CAAC,EAAE,MAAM,~~GACV~~,OAAO,~~CAUT~~;AAED,MAAM,WAAW,IAAI;IACnB,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC;IAC5B,QAAQ,CAAC,GAAG,EAAE,KAAK,CAAC,KAAK,CAAC;IAC1B,QAAQ,CAAC,WAAW,EAAE,KAAK,CAAC,KAAK,CAAC;IAClC,QAAQ,CAAC,eAAe,EAAE,MAAM,CAAC;IACjC,QAAQ,CAAC,EAAE,EAAE,MAAM,GAAG,SAAS,CAAC;CACjC;AAED,wBAAgB,UAAU,CACxB,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,GAAG,EAAE,KAAK,CAAC,KAAK,EAChB,WAAW,EAAE,KAAK,CAAC,KAAK,EACxB,eAAe,EAAE,MAAM,EACvB,EAAE,CAAC,EAAE,MAAM,~~GACV~~,IAAI,~~CASN~~;AAED,MAAM,WAAW,QAAQ;IACvB,QAAQ,CAAC,IAAI,EAAE,UAAU,CAAC;IAC1B,QAAQ,CAAC,MAAM,EAAE,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;IACpC,QAAQ,CAAC,WAAW,EAAE,KAAK,CAAC,KAAK,CAAC;IAClC,QAAQ,CAAC,eAAe,EAAE,MAAM,CAAC;IACjC,QAAQ,CAAC,EAAE,EAAE,MAAM,GAAG,SAAS,CAAC;CACjC;AAED,wBAAgB,cAAc,CAC5B,MAAM,EAAE,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,EAC1B,WAAW,EAAE,KAAK,CAAC,KAAK,EACxB,eAAe,EAAE,MAAM,EACvB,EAAE,CAAC,EAAE,MAAM,~~GACV~~,QAAQ,~~CAQV~~;AAED,MAAM,WAAW,OAAO;IACtB,QAAQ,CAAC,IAAI,EAAE,SAAS,CAAC;IACzB,QAAQ,CAAC,MAAM,EAAE,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;IACpC,QAAQ,CAAC,WAAW,EAAE,KAAK,CAAC,KAAK,CAAC;IAClC,QAAQ,CAAC,eAAe,EAAE,MAAM,CAAC;IACjC,QAAQ,CAAC,SAAS,EAAE,KAAK,CAAC,KAAK,CAAC;IAChC,QAAQ,CAAC,EAAE,EAAE,MAAM,GAAG,SAAS,CAAC;CACjC;AAED,wBAAgB,aAAa,CAC3B,MAAM,EAAE,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,EAC1B,WAAW,EAAE,KAAK,CAAC,KAAK,EACxB,eAAe,EAAE,MAAM,EACvB,SAAS,EAAE,KAAK,CAAC,KAAK,EACtB,EAAE,CAAC,EAAE,MAAM,~~GACV~~,OAAO,~~CAST~~;AAED,MAAM,WAAW,SAAS;IACxB,QAAQ,CAAC,IAAI,EAAE,WAAW,CAAC;IAC3B,QAAQ,CAAC,OAAO,EAAE,KAAK,CAAC,KAAK,CAAC;IAC9B,QAAQ,CAAC,WAAW,EAAE,KAAK,CAAC,KAAK,CAAC;IAClC,QAAQ,CAAC,WAAW,EAAE,KAAK,CAAC,KAAK,CAAC;IAClC,QAAQ,CAAC,eAAe,EAAE,MAAM,CAAC;IACjC,QAAQ,CAAC,SAAS,EAAE,KAAK,CAAC,KAAK,CAAC;IAChC,QAAQ,CAAC,EAAE,EAAE,MAAM,GAAG,SAAS,CAAC;~~CACjC~~;AAED,wBAAgB,eAAe,CAC7B,OAAO,EAAE,KAAK,CAAC,KAAK,EACpB,WAAW,EAAE,KAAK,CAAC,KAAK,EACxB,WAAW,EAAE,KAAK,CAAC,KAAK,EACxB,eAAe,EAAE,MAAM,EACvB,SAAS,EAAE,KAAK,CAAC,KAAK,EACtB,EAAE,CAAC,EAAE,MAAM,~~GACV~~,SAAS,~~CAUX~~;AAED,wBAAgB,OAAO,CAAC,SAAS,EAAE,SAAS,GAAG,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,CAOhE;AAED,MAAM,MAAM,kBAAkB,GAAG,OAAO,GAAG,QAAQ,GAAG,YAAY,GAAG,MAAM,GAAG,WAAW,CAAC;AAE1F,MAAM,MAAM,aAAa,GAAG,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;AAExD,MAAM,MAAM,eAAe,GAAG,IAAI,GAAG,MAAM,GAAG,SAAS,GAAG,MAAM,GAAG,OAAO,CAAC;AAE3E,MAAM,WAAW,IAAI;IACnB,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,QAAQ,EAAE,KAAK,CAAC,KAAK,CAAC;IAC/B,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,UAAU,EAAE,MAAM,CAAC;IAC5B,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAC;IAC1B,QAAQ,CAAC,SAAS,EAAE,KAAK,CAAC,KAAK,CAAC;IAChC,QAAQ,CAAC,UAAU,EAAE,kBAAkB,CAAC;IACxC,QAAQ,CAAC,wBAAwB,EAAE,MAAM,CAAC;IAC1C,QAAQ,CAAC,aAAa,EAAE,aAAa,CAAC;IACtC,QAAQ,CAAC,yBAAyB,EAAE,eAAe,CAAC;IACpD,QAAQ,CAAC,uBAAuB,EAAE,eAAe,CAAC;IAClD,QAAQ,CAAC,eAAe,EAAE,MAAM,CAAC;IACjC,QAAQ,CAAC,WAAW,EAAE,KAAK,CAAC,KAAK,CAAC;IAClC,QAAQ,CAAC,MAAM,EAAE,OAAO,CAAC;IACzB,QAAQ,CAAC,EAAE,EAAE,MAAM,GAAG,SAAS,CAAC;CACjC;AAED,wBAAgB,UAAU,CACxB,QAAQ,EAAE,KAAK,CAAC,KAAK,EACrB,IAAI,EAAE,MAAM,EACZ,UAAU,EAAE,MAAM,EAClB,QAAQ,EAAE,MAAM,EAChB,SAAS,EAAE,KAAK,CAAC,KAAK,EACtB,UAAU,EAAE,kBAAkB,EAC9B,wBAAwB,EAAE,MAAM,EAChC,aAAa,EAAE,aAAa,EAC5B,yBAAyB,EAAE,eAAe,EAC1C,uBAAuB,EAAE,eAAe,EACxC,eAAe,EAAE,MAAM,EACvB,WAAW,EAAE,KAAK,CAAC,KAAK,EACxB,MAAM,EAAE,OAAO,EACf,EAAE,CAAC,EAAE,MAAM,GACV,IAAI,CAkBN;AAED,MAAM,WAAW,QAAQ;IACvB,QAAQ,CAAC,IAAI,EAAE,UAAU,CAAC;IAC1B,QAAQ,CAAC,OAAO,EAAE,KAAK,CAAC,KAAK,CAAC;IAC9B,QAAQ,CAAC,KAAK,EAAE,SAAS,CAAC;CAC3B;AAED,wBAAgB,cAAc,CAAC,OAAO,EAAE,KAAK,CAAC,KAAK,EAAE,KAAK,EAAE,SAAS,GAAG,QAAQ,CAE/E;AAED,wBAAgB,kBAAkB,CAAC,OAAO,EAAE,KAAK,CAAC,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,aAAa,CAAC,aAAa,GAAG,SAAS,CAEpH"}
1	+ {"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../src/model/component.ts"],"names":[],"mappings":"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"}

package/lib/model/component.js CHANGED Viewed

@@ -25,6 +25,7 @@ var __importStar = (this && this.__importStar) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.embedAbstractImage = exports.createSubImage = exports.createText = exports.corners = exports.createRectangle = exports.createPolygon = exports.createPolyLine = exports.createLine = exports.createEllipse = exports.createBinaryImage = exports.createGroup = void 0;
 const Point = __importStar(require("./point"));
+const DashStyle = __importStar(require("./dash-style"));
 function createGroup(name, children) {
     return {
         type: "group",
@@ -44,59 +45,65 @@ function createBinaryImage(topLeft, bottomRight, format, data, id) {
     };
 }
 exports.createBinaryImage = createBinaryImage;
-function createEllipse(topLeft, bottomRight, strokeColor, strokeThickness, fillColor, id) {
+function createEllipse(topLeft, bottomRight, strokeColor, strokeThickness, fillColor, id, strokeDashStyle = DashStyle.solidLine) {
     return {
         type: "ellipse",
         topLeft: topLeft,
         bottomRight: bottomRight,
         strokeColor: strokeColor,
         strokeThickness: strokeThickness,
+        strokeDashStyle: strokeDashStyle,
         fillColor: fillColor,
         id: id,
     };
 }
 exports.createEllipse = createEllipse;
-function createLine(start, end, strokeColor, strokeThickness, id) {
+function createLine(start, end, strokeColor, strokeThickness, id, strokeDashStyle = DashStyle.solidLine) {
     return {
         type: "line",
         start: start,
         end: end,
         strokeColor: strokeColor,
         strokeThickness: strokeThickness,
+        strokeDashStyle: strokeDashStyle,
         id: id,
     };
 }
 exports.createLine = createLine;
-function createPolyLine(points, strokeColor, strokeThickness, id) {
+function createPolyLine(points, strokeColor, strokeThickness, id, strokeDashStyle = DashStyle.solidLine) {
     return {
         type: "polyline",
         points: points,
         strokeColor: strokeColor,
         strokeThickness: strokeThickness,
+        strokeDashStyle: strokeDashStyle,
         id: id,
     };
 }
 exports.createPolyLine = createPolyLine;
-function createPolygon(points, strokeColor, strokeThickness, fillColor, id) {
+function createPolygon(points, strokeColor, strokeThickness, fillColor, id, strokeDashStyle = DashStyle.solidLine) {
     return {
         type: "polygon",
         points: points,
         strokeColor: strokeColor,
         strokeThickness: strokeThickness,
+        strokeDashStyle: strokeDashStyle,
         fillColor: fillColor,
         id: id,
     };
 }
 exports.createPolygon = createPolygon;
-function createRectangle(topLeft, bottomRight, strokeColor, strokeThickness, fillColor, id) {
+function createRectangle(topLeft, bottomRight, strokeColor, strokeThickness, fillColor, id, strokeDashStyle = DashStyle.solidLine, radius) {
     return {
         type: "rectangle",
         topLeft: topLeft,
         bottomRight: bottomRight,
         strokeColor: strokeColor,
         strokeThickness: strokeThickness,
+        strokeDashStyle: strokeDashStyle,
         fillColor: fillColor,
         id: id,
+        radius,
     };
 }
 exports.createRectangle = createRectangle;

package/lib/model/component.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"component.js","sourceRoot":"","sources":["../../src/model/component.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAiC;~~AAYjC~~,SAAgB,WAAW,CAAC,IAAY,EAAE,QAA0B;IAClE,OAAO;QACL,IAAI,EAAE,OAAO;QACb,IAAI,EAAE,IAAI;QACV,QAAQ,EAAE,QAAQ;KACnB,CAAC;AACJ,CAAC;AAND,kCAMC;AA6BD,SAAgB,iBAAiB,CAC/B,OAAoB,EACpB,WAAwB,EACxB,MAAoB,EACpB,IAAe,EACf,EAAW;IAEX,OAAO;QACL,IAAI,EAAE,aAAa;QACnB,OAAO,EAAE,OAAO;QAChB,WAAW,EAAE,WAAW;QACxB,MAAM,EAAE,MAAM;QACd,IAAI,EAAE,IAAI;QACV,EAAE,EAAE,EAAE;KACP,CAAC;AACJ,CAAC;AAfD,8CAeC;~~AAYD~~,SAAgB,aAAa,CAC3B,OAAoB,EACpB,WAAwB,EACxB,WAAwB,EACxB,eAAuB,EACvB,SAAsB,EACtB,EAAW;~~IAEX~~,OAAO;QACL,IAAI,EAAE,SAAS;QACf,OAAO,EAAE,OAAO;QAChB,WAAW,EAAE,WAAW;QACxB,WAAW,EAAE,WAAW;QACxB,eAAe,EAAE,eAAe;QAChC,SAAS,EAAE,SAAS;QACpB,EAAE,EAAE,EAAE;KACP,CAAC;AACJ,CAAC;~~AAjBD~~,~~sCAiBC~~;~~AAWD~~,SAAgB,UAAU,CACxB,KAAkB,EAClB,GAAgB,EAChB,WAAwB,EACxB,eAAuB,EACvB,EAAW;~~IAEX~~,OAAO;QACL,IAAI,EAAE,MAAM;QACZ,KAAK,EAAE,KAAK;QACZ,GAAG,EAAE,GAAG;QACR,WAAW,EAAE,WAAW;QACxB,eAAe,EAAE,eAAe;QAChC,EAAE,EAAE,EAAE;KACP,CAAC;AACJ,CAAC;~~AAfD~~,~~gCAeC~~;~~AAUD~~,SAAgB,cAAc,CAC5B,MAA0B,EAC1B,WAAwB,EACxB,eAAuB,EACvB,EAAW;~~IAEX~~,OAAO;QACL,IAAI,EAAE,UAAU;QAChB,MAAM,EAAE,MAAM;QACd,WAAW,EAAE,WAAW;QACxB,eAAe,EAAE,eAAe;QAChC,EAAE,EAAE,EAAE;KACP,CAAC;AACJ,CAAC;~~AAbD~~,~~wCAaC~~;~~AAWD~~,SAAgB,aAAa,CAC3B,MAA0B,EAC1B,WAAwB,EACxB,eAAuB,EACvB,SAAsB,EACtB,EAAW;~~IAEX~~,OAAO;QACL,IAAI,EAAE,SAAS;QACf,MAAM,EAAE,MAAM;QACd,WAAW,EAAE,WAAW;QACxB,eAAe,EAAE,eAAe;QAChC,SAAS,EAAE,SAAS;QACpB,EAAE,EAAE,EAAE;KACP,CAAC;AACJ,CAAC;~~AAfD~~,~~sCAeC~~;~~AAYD~~,SAAgB,eAAe,CAC7B,OAAoB,EACpB,WAAwB,EACxB,WAAwB,EACxB,eAAuB,EACvB,SAAsB,EACtB,EAAW;~~IAEX~~,OAAO;QACL,IAAI,EAAE,WAAW;QACjB,OAAO,EAAE,OAAO;QAChB,WAAW,EAAE,WAAW;QACxB,WAAW,EAAE,WAAW;QACxB,eAAe,EAAE,eAAe;QAChC,SAAS,EAAE,SAAS;QACpB,EAAE,EAAE,EAAE;KACP,CAAC;AACJ,CAAC;~~AAjBD~~,~~0CAiBC~~;AAED,SAAgB,OAAO,CAAC,SAAoB;IAC1C,OAAO;QACL,SAAS,CAAC,OAAO;QACjB,KAAK,CAAC,WAAW,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC,EAAE,SAAS,CAAC,OAAO,CAAC,CAAC,CAAC;QAC/D,SAAS,CAAC,WAAW;QACrB,KAAK,CAAC,WAAW,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC,EAAE,SAAS,CAAC,WAAW,CAAC,CAAC,CAAC;KAChE,CAAC;AACJ,CAAC;AAPD,0BAOC;AA0BD,SAAgB,UAAU,CACxB,QAAqB,EACrB,IAAY,EACZ,UAAkB,EAClB,QAAgB,EAChB,SAAsB,EACtB,UAA8B,EAC9B,wBAAgC,EAChC,aAA4B,EAC5B,yBAA0C,EAC1C,uBAAwC,EACxC,eAAuB,EACvB,WAAwB,EACxB,MAAe,EACf,EAAW;IAEX,OAAO;QACL,IAAI,EAAE,MAAM;QACZ,QAAQ;QACR,IAAI;QACJ,UAAU;QACV,QAAQ;QACR,SAAS;QACT,UAAU;QACV,wBAAwB;QACxB,aAAa;QACb,yBAAyB;QACzB,uBAAuB;QACvB,eAAe;QACf,WAAW;QACX,MAAM;QACN,EAAE;KACH,CAAC;AACJ,CAAC;AAjCD,gCAiCC;AAQD,SAAgB,cAAc,CAAC,OAAoB,EAAE,KAAgB;IACnE,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC;AAC9C,CAAC;AAFD,wCAEC;AAED,SAAgB,kBAAkB,CAAC,OAAoB,EAAE,IAAY,EAAE,KAAkC;IACvG,OAAO,cAAc,CAAC,OAAO,EAAE,WAAW,CAAC,IAAI,EAAE,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC;AACtE,CAAC;AAFD,gDAEC"}
1	+ {"version":3,"file":"component.js","sourceRoot":"","sources":["../../src/model/component.ts"],"names":[],"mappings":"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"}

package/lib/model/dash-style.d.ts ADDED Viewed

@@ -0,0 +1,7 @@
+export interface DashStyle {
+    readonly dashes: ReadonlyArray<number>;
+    readonly offset: number;
+}
+export declare function createDashStyle(dashes: ReadonlyArray<number>, offset?: number): DashStyle;
+export declare const solidLine: DashStyle;
+//# sourceMappingURL=dash-style.d.ts.map

package/lib/model/dash-style.d.ts.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"dash-style.d.ts","sourceRoot":"","sources":["../../src/model/dash-style.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,SAAS;IACxB,QAAQ,CAAC,MAAM,EAAE,aAAa,CAAC,MAAM,CAAC,CAAC;IACvC,QAAQ,CAAC,MAAM,EAAE,MAAM,CAAC;CACzB;AAED,wBAAgB,eAAe,CAAC,MAAM,EAAE,aAAa,CAAC,MAAM,CAAC,EAAE,MAAM,GAAE,MAAU,GAAG,SAAS,CAK5F;AAED,eAAO,MAAM,SAAS,WAAsB,CAAC"}

package/lib/model/dash-style.js ADDED Viewed

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.solidLine = exports.createDashStyle = void 0;
+function createDashStyle(dashes, offset = 0) {
+    return {
+        dashes: dashes,
+        offset: offset,
+    };
+}
+exports.createDashStyle = createDashStyle;
+exports.solidLine = createDashStyle([]);
+//# sourceMappingURL=dash-style.js.map

package/lib/model/dash-style.js.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"dash-style.js","sourceRoot":"","sources":["../../src/model/dash-style.ts"],"names":[],"mappings":";;;AAKA,SAAgB,eAAe,CAAC,MAA6B,EAAE,SAAiB,CAAC;IAC/E,OAAO;QACL,MAAM,EAAE,MAAM;QACd,MAAM,EAAE,MAAM;KACf,CAAC;AACJ,CAAC;AALD,0CAKC;AAEY,QAAA,SAAS,GAAG,eAAe,CAAC,EAAE,CAAC,CAAC"}

package/lib/model/index.d.ts CHANGED Viewed

@@ -3,4 +3,5 @@ export * from "./color";
 export * from "./component";
 export * from "./point";
 export * from "./size";
+export * from "./dash-style";
 //# sourceMappingURL=index.d.ts.map

package/lib/model/index.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/model/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC;AACjC,cAAc,SAAS,CAAC;AACxB,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC"}
1	+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/model/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC;AACjC,cAAc,SAAS,CAAC;AACxB,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC"}

package/lib/model/index.js CHANGED Viewed

@@ -19,4 +19,5 @@ __exportStar(require("./color"), exports);
 __exportStar(require("./component"), exports);
 __exportStar(require("./point"), exports);
 __exportStar(require("./size"), exports);
+__exportStar(require("./dash-style"), exports);
 //# sourceMappingURL=index.js.map

package/lib/model/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/model/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,mDAAiC;AACjC,0CAAwB;AACxB,8CAA4B;AAC5B,0CAAwB;AACxB,yCAAuB"}
1	+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/model/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,mDAAiC;AACjC,0CAAwB;AACxB,8CAA4B;AAC5B,0CAAwB;AACxB,yCAAuB;AACvB,+CAA6B"}

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "abstract-image",
-  "version": "8.1.3",
+  "version": "8.2.1",
   "description": "Dynamically create images using code or JSX and render to any format",
   "repository": "https://github.com/dividab/abstract-visuals/tree/master/packages/abstract-image",
   "main": "lib/index.js",
@@ -24,5 +24,5 @@
     "@types/react": "^18.3.3",
     "@types/react-dom": "^18.3.0"
   },
-  "gitHead": "1eb3d4c427d4da9cde4c4689a0c52d660ac3e270"
+  "gitHead": "7a35c6d3b98bb18e168f34e501234b330cbc20c5"
 }

package/src/exporters/__tests__/react-svg-export-image/test-defs/react-svg-dashed-line.tsx ADDED Viewed

@@ -0,0 +1,28 @@
+import { ExportTestDef } from "../export-test-def";
+import * as AbstractImage from "../../../../../src/index";
+const components = [
+  AbstractImage.createLine(
+    AbstractImage.createPoint(10, 100),
+    AbstractImage.createPoint(40, 70),
+    AbstractImage.black,
+    2,
+    undefined,
+    AbstractImage.createDashStyle([10, 5], 3)
+  ),
+];
+const image = AbstractImage.createAbstractImage(
+  AbstractImage.createPoint(0, 0),
+  AbstractImage.createSize(400, 400),
+  AbstractImage.white,
+  components
+);
+const svg = AbstractImage.createReactSvg(image);
+export const test: ExportTestDef = {
+  name: "react svg dashed line",
+  abstractImage: svg,
+  expectedSerializedJsx:
+    '{"type":"svg","key":null,"ref":null,"props":{"id":"ai_root","width":"400px","height":"400px","viewBox":"0 0 400 400","children":[{"key":"0","ref":null,"props":{"component":{"type":"line","start":{"x":10,"y":100},"end":{"x":40,"y":70},"strokeColor":{"a":255,"r":0,"g":0,"b":0},"strokeThickness":2,"strokeDashStyle":{"dashes":[10,5],"offset":3}}},"_owner":null,"_store":{}}]},"_owner":null,"_store":{}}',
+};

package/src/exporters/__tests__/react-svg-export-image/test-defs/react-svg-ellipse.tsx CHANGED Viewed

@@ -24,5 +24,5 @@ export const test: ExportTestDef = {
   name: "react svg ellipse",
   abstractImage: svg,
   expectedSerializedJsx:
-    '{"type":"svg","key":null,"ref":null,"props":{"id":"ai_root","width":"400px","height":"400px","viewBox":"0 0 400 400","children":[{"key":"0","ref":null,"props":{"component":{"type":"ellipse","topLeft":{"x":50,"y":50},"bottomRight":{"x":100,"y":100},"strokeColor":{"a":255,"r":0,"g":128,"b":0},"strokeThickness":2,"fillColor":{"a":255,"r":255,"g":255,"b":0}}},"_owner":null,"_store":{}}]},"_owner":null,"_store":{}}',
+    '{"type":"svg","key":null,"ref":null,"props":{"id":"ai_root","width":"400px","height":"400px","viewBox":"0 0 400 400","children":[{"key":"0","ref":null,"props":{"component":{"type":"ellipse","topLeft":{"x":50,"y":50},"bottomRight":{"x":100,"y":100},"strokeColor":{"a":255,"r":0,"g":128,"b":0},"strokeThickness":2,"strokeDashStyle":{"dashes":[],"offset":0},"fillColor":{"a":255,"r":255,"g":255,"b":0}}},"_owner":null,"_store":{}}]},"_owner":null,"_store":{}}',
 };

package/src/exporters/__tests__/react-svg-export-image/test-defs/react-svg-group.tsx CHANGED Viewed

@@ -40,5 +40,5 @@ export const test: ExportTestDef = {
   name: "react svg group",
   abstractImage: svg,
   expectedSerializedJsx:
-    '{"type":"svg","key":null,"ref":null,"props":{"id":"ai_root","width":"400px","height":"400px","viewBox":"0 0 400 400","children":[{"key":"0","ref":null,"props":{"component":{"type":"group","name":"group","children":[{"type":"text","position":{"x":200,"y":200},"text":"Test","fontFamily":"Helvetica","fontSize":12,"textColor":{"a":255,"r":0,"g":0,"b":0},"fontWeight":"normal","clockwiseRotationDegrees":0,"textAlignment":"center","horizontalGrowthDirection":"uniform","verticalGrowthDirection":"uniform","strokeThickness":0,"strokeColor":{"a":255,"r":0,"g":0,"b":0},"italic":false},{"type":"rectangle","topLeft":{"x":10,"y":50},"bottomRight":{"x":50,"y":60},"strokeColor":{"a":255,"r":0,"g":0,"b":255},"strokeThickness":2,"fillColor":{"a":255,"r":255,"g":0,"b":0}}]}},"_owner":null,"_store":{}}]},"_owner":null,"_store":{}}',
+    '{"type":"svg","key":null,"ref":null,"props":{"id":"ai_root","width":"400px","height":"400px","viewBox":"0 0 400 400","children":[{"key":"0","ref":null,"props":{"component":{"type":"group","name":"group","children":[{"type":"text","position":{"x":200,"y":200},"text":"Test","fontFamily":"Helvetica","fontSize":12,"textColor":{"a":255,"r":0,"g":0,"b":0},"fontWeight":"normal","clockwiseRotationDegrees":0,"textAlignment":"center","horizontalGrowthDirection":"uniform","verticalGrowthDirection":"uniform","strokeThickness":0,"strokeColor":{"a":255,"r":0,"g":0,"b":0},"italic":false},{"type":"rectangle","topLeft":{"x":10,"y":50},"bottomRight":{"x":50,"y":60},"strokeColor":{"a":255,"r":0,"g":0,"b":255},"strokeThickness":2,"strokeDashStyle":{"dashes":[],"offset":0},"fillColor":{"a":255,"r":255,"g":0,"b":0}}]}},"_owner":null,"_store":{}}]},"_owner":null,"_store":{}}',
 };

package/src/exporters/__tests__/react-svg-export-image/test-defs/react-svg-line.tsx CHANGED Viewed

@@ -22,5 +22,5 @@ export const test: ExportTestDef = {
   name: "react svg line",
   abstractImage: svg,
   expectedSerializedJsx:
-    '{"type":"svg","key":null,"ref":null,"props":{"id":"ai_root","width":"400px","height":"400px","viewBox":"0 0 400 400","children":[{"key":"0","ref":null,"props":{"component":{"type":"line","start":{"x":10,"y":100},"end":{"x":40,"y":70},"strokeColor":{"a":255,"r":0,"g":0,"b":0},"strokeThickness":2}},"_owner":null,"_store":{}}]},"_owner":null,"_store":{}}',
+    '{"type":"svg","key":null,"ref":null,"props":{"id":"ai_root","width":"400px","height":"400px","viewBox":"0 0 400 400","children":[{"key":"0","ref":null,"props":{"component":{"type":"line","start":{"x":10,"y":100},"end":{"x":40,"y":70},"strokeColor":{"a":255,"r":0,"g":0,"b":0},"strokeThickness":2,"strokeDashStyle":{"dashes":[],"offset":0}}},"_owner":null,"_store":{}}]},"_owner":null,"_store":{}}',
 };

package/src/exporters/__tests__/react-svg-export-image/test-defs/react-svg-polygon.tsx CHANGED Viewed

@@ -28,5 +28,5 @@ export const test: ExportTestDef = {
   name: "react svg polygon",
   abstractImage: svg,
   expectedSerializedJsx:
-    '{"type":"svg","key":null,"ref":null,"props":{"id":"ai_root","width":"400px","height":"400px","viewBox":"0 0 400 400","children":[{"key":"0","ref":null,"props":{"component":{"type":"polygon","points":[{"x":110,"y":10},{"x":100,"y":20},{"x":110,"y":30},{"x":100,"y":40},{"x":110,"y":50}],"strokeColor":{"a":255,"r":0,"g":0,"b":255},"strokeThickness":2,"fillColor":{"a":255,"r":255,"g":0,"b":0}}},"_owner":null,"_store":{}}]},"_owner":null,"_store":{}}',
+    '{"type":"svg","key":null,"ref":null,"props":{"id":"ai_root","width":"400px","height":"400px","viewBox":"0 0 400 400","children":[{"key":"0","ref":null,"props":{"component":{"type":"polygon","points":[{"x":110,"y":10},{"x":100,"y":20},{"x":110,"y":30},{"x":100,"y":40},{"x":110,"y":50}],"strokeColor":{"a":255,"r":0,"g":0,"b":255},"strokeThickness":2,"strokeDashStyle":{"dashes":[],"offset":0},"fillColor":{"a":255,"r":255,"g":0,"b":0}}},"_owner":null,"_store":{}}]},"_owner":null,"_store":{}}',
 };

package/src/exporters/__tests__/react-svg-export-image/test-defs/react-svg-polyline.tsx CHANGED Viewed

@@ -29,5 +29,5 @@ export const test: ExportTestDef = {
   name: "react svg polyline",
   abstractImage: svg,
   expectedSerializedJsx:
-    '{"type":"svg","key":null,"ref":null,"props":{"id":"ai_root","width":"400px","height":"400px","viewBox":"0 0 400 400","children":[{"key":"0","ref":null,"props":{"component":{"type":"polyline","points":[{"x":10,"y":40},{"x":20,"y":30},{"x":30,"y":40},{"x":40,"y":30},{"x":50,"y":40},{"x":60,"y":30},{"x":70,"y":40}],"strokeColor":{"a":255,"r":0,"g":0,"b":0},"strokeThickness":2}},"_owner":null,"_store":{}}]},"_owner":null,"_store":{}}',
+    '{"type":"svg","key":null,"ref":null,"props":{"id":"ai_root","width":"400px","height":"400px","viewBox":"0 0 400 400","children":[{"key":"0","ref":null,"props":{"component":{"type":"polyline","points":[{"x":10,"y":40},{"x":20,"y":30},{"x":30,"y":40},{"x":40,"y":30},{"x":50,"y":40},{"x":60,"y":30},{"x":70,"y":40}],"strokeColor":{"a":255,"r":0,"g":0,"b":0},"strokeThickness":2,"strokeDashStyle":{"dashes":[],"offset":0}}},"_owner":null,"_store":{}}]},"_owner":null,"_store":{}}',
 };

package/src/exporters/__tests__/react-svg-export-image/test-defs/react-svg-rectangle.tsx CHANGED Viewed

@@ -23,5 +23,5 @@ export const test: ExportTestDef = {
   name: "react svg rectangle",
   abstractImage: svg,
   expectedSerializedJsx:
-    '{"type":"svg","key":null,"ref":null,"props":{"id":"ai_root","width":"400px","height":"400px","viewBox":"0 0 400 400","children":[{"key":"0","ref":null,"props":{"component":{"type":"rectangle","topLeft":{"x":10,"y":50},"bottomRight":{"x":50,"y":60},"strokeColor":{"a":255,"r":0,"g":0,"b":255},"strokeThickness":2,"fillColor":{"a":255,"r":255,"g":0,"b":0}}},"_owner":null,"_store":{}}]},"_owner":null,"_store":{}}',
+    '{"type":"svg","key":null,"ref":null,"props":{"id":"ai_root","width":"400px","height":"400px","viewBox":"0 0 400 400","children":[{"key":"0","ref":null,"props":{"component":{"type":"rectangle","topLeft":{"x":10,"y":50},"bottomRight":{"x":50,"y":60},"strokeColor":{"a":255,"r":0,"g":0,"b":255},"strokeThickness":2,"strokeDashStyle":{"dashes":[],"offset":0},"fillColor":{"a":255,"r":255,"g":0,"b":0}}},"_owner":null,"_store":{}}]},"_owner":null,"_store":{}}',
 };

package/src/exporters/__tests__/svg-export-image/test-defs/svg-dashed-line.ts ADDED Viewed

@@ -0,0 +1,28 @@
+import { ExportTestDef } from "../export-test-def";
+import * as AbstractImage from "../../../../../src/index";
+const components = [
+  AbstractImage.createLine(
+    AbstractImage.createPoint(10, 100),
+    AbstractImage.createPoint(40, 70),
+    AbstractImage.black,
+    2,
+    undefined,
+    AbstractImage.createDashStyle([10, 5], 3)
+  ),
+];
+const image = AbstractImage.createAbstractImage(
+  AbstractImage.createPoint(0, 0),
+  AbstractImage.createSize(400, 400),
+  AbstractImage.white,
+  components
+);
+const svg = AbstractImage.createSVG(image);
+export const test: ExportTestDef = {
+  name: "svg dashed line",
+  abstractImage: svg,
+  expectedImage:
+    '<svg xmlns="http://www.w3.org/2000/svg" width="400px" height="400px" viewBox="0 0 400 400"><line x1="10" y1="100" x2="40" y2="70" stroke="rgb(0, 0, 0)" stroke-opacity="1" stroke-width="2" stroke-dasharray="10 5" stroke-dashoffset="3"></line></svg>',
+};

package/src/exporters/react-svg-export-image.tsx CHANGED Viewed

@@ -91,7 +91,11 @@ function Component({ component }: { readonly component: AbstractImage.Component
         />
       );
-    case "line":
+    case "line": {
+      const strokeDasharray =
+        component.strokeDashStyle.dashes.length > 0 ? component.strokeDashStyle.dashes.join(" ") : undefined;
+      const strokeDashoffset =
+        component.strokeDashStyle.dashes.length > 0 ? component.strokeDashStyle.offset : undefined;
       return (
         <line
           id={makeIdAttr(component.id)}
@@ -102,9 +106,11 @@ function Component({ component }: { readonly component: AbstractImage.Component
           stroke={colorToRgb(component.strokeColor)}
           strokeWidth={component.strokeThickness}
           strokeOpacity={colorToOpacity(component.strokeColor)}
+          strokeDasharray={strokeDasharray}
+          strokeDashoffset={strokeDashoffset}
         />
       );
+    }
     case "text": {
       if (!component.text) {
         return <></>;
@@ -153,11 +159,15 @@ function Component({ component }: { readonly component: AbstractImage.Component
         </>
       );
     }
-    case "ellipse":
+    case "ellipse": {
       const rx = Math.abs(component.bottomRight.x - component.topLeft.x) * 0.5;
       const ry = Math.abs(component.bottomRight.y - component.topLeft.y) * 0.5;
       const cx = (component.bottomRight.x + component.topLeft.x) * 0.5;
       const cy = (component.bottomRight.y + component.topLeft.y) * 0.5;
+      const strokeDasharray =
+        component.strokeDashStyle.dashes.length > 0 ? component.strokeDashStyle.dashes.join(" ") : undefined;
+      const strokeDashoffset =
+        component.strokeDashStyle.dashes.length > 0 ? component.strokeDashStyle.offset : undefined;
       return (
         <ellipse
           id={makeIdAttr(component.id)}
@@ -168,12 +178,19 @@ function Component({ component }: { readonly component: AbstractImage.Component
           stroke={colorToRgb(component.strokeColor)}
           strokeWidth={component.strokeThickness}
           strokeOpacity={colorToOpacity(component.strokeColor)}
+          strokeDasharray={strokeDasharray}
+          strokeDashoffset={strokeDashoffset}
           fillOpacity={colorToOpacity(component.fillColor)}
           fill={colorToRgb(component.fillColor)}
         />
       );
-    case "polyline":
+    }
+    case "polyline": {
       let linePoints = component.points.map((p) => p.x.toString() + "," + p.y.toString()).join(" ");
+      const strokeDasharray =
+        component.strokeDashStyle.dashes.length > 0 ? component.strokeDashStyle.dashes.join(" ") : undefined;
+      const strokeDashoffset =
+        component.strokeDashStyle.dashes.length > 0 ? component.strokeDashStyle.offset : undefined;
       return (
         <polyline
           id={makeIdAttr(component.id)}
@@ -181,11 +198,18 @@ function Component({ component }: { readonly component: AbstractImage.Component
           stroke={colorToRgb(component.strokeColor)}
           strokeWidth={component.strokeThickness}
           strokeOpacity={colorToOpacity(component.strokeColor)}
+          strokeDasharray={strokeDasharray}
+          strokeDashoffset={strokeDashoffset}
           fill="none"
         />
       );
-    case "polygon":
+    }
+    case "polygon": {
       let points = component.points.map((p) => p.x.toString() + "," + p.y.toString()).join(" ");
+      const strokeDasharray =
+        component.strokeDashStyle.dashes.length > 0 ? component.strokeDashStyle.dashes.join(" ") : undefined;
+      const strokeDashoffset =
+        component.strokeDashStyle.dashes.length > 0 ? component.strokeDashStyle.offset : undefined;
       return (
         <polygon
           id={makeIdAttr(component.id)}
@@ -193,11 +217,18 @@ function Component({ component }: { readonly component: AbstractImage.Component
           stroke={colorToRgb(component.strokeColor)}
           strokeWidth={component.strokeThickness}
           strokeOpacity={colorToOpacity(component.strokeColor)}
+          strokeDasharray={strokeDasharray}
+          strokeDashoffset={strokeDashoffset}
           fillOpacity={colorToOpacity(component.fillColor)}
           fill={colorToRgb(component.fillColor)}
         />
       );
-    case "rectangle":
+    }
+    case "rectangle": {
+      const strokeDasharray =
+        component.strokeDashStyle.dashes.length > 0 ? component.strokeDashStyle.dashes.join(" ") : undefined;
+      const strokeDashoffset =
+        component.strokeDashStyle.dashes.length > 0 ? component.strokeDashStyle.offset : undefined;
       return (
         <rect
           id={makeIdAttr(component.id)}
@@ -208,10 +239,14 @@ function Component({ component }: { readonly component: AbstractImage.Component
           stroke={colorToRgb(component.strokeColor)}
           strokeWidth={component.strokeThickness}
           strokeOpacity={colorToOpacity(component.strokeColor)}
+          strokeDasharray={strokeDasharray}
+          strokeDashoffset={strokeDashoffset}
           fillOpacity={colorToOpacity(component.fillColor)}
+          {...(component.radius ? { rx: component.radius.x.toString(), ry: component.radius.y.toString() } : {})}
           fill={colorToRgb(component.fillColor)}
         />
       );
+    }
     default:
       return <></>;
   }

package/src/exporters/svg-export-image.ts CHANGED Viewed

@@ -41,7 +41,14 @@ function abstractComponentToSVG(component: AbstractImage.Component): string {
       );
     case "subimage":
       return "";
-    case "line":
+    case "line": {
+      const dashStyle: Attributes =
+        component.strokeDashStyle.dashes.length > 0
+          ? {
+              strokeDasharray: component.strokeDashStyle.dashes.join(" "),
+              strokeDashoffset: component.strokeDashStyle.offset.toString(),
+            }
+          : {};
       return createElement(
         "line",
         {
@@ -52,10 +59,19 @@ function abstractComponentToSVG(component: AbstractImage.Component): string {
           stroke: colorToRgb(component.strokeColor),
           strokeOpacity: colorToOpacity(component.strokeColor),
           strokeWidth: component.strokeThickness.toString(),
+          ...dashStyle,
         },
         []
       );
-    case "polyline":
+    }
+    case "polyline": {
+      const dashStyle: Attributes =
+        component.strokeDashStyle.dashes.length > 0
+          ? {
+              strokeDasharray: component.strokeDashStyle.dashes.join(" "),
+              strokeDashoffset: component.strokeDashStyle.offset.toString(),
+            }
+          : {};
       return createElement(
         "polyline",
         {
@@ -64,9 +80,11 @@ function abstractComponentToSVG(component: AbstractImage.Component): string {
           stroke: colorToRgb(component.strokeColor),
           strokeOpacity: colorToOpacity(component.strokeColor),
           strokeWidth: component.strokeThickness.toString(),
+          ...dashStyle,
         },
         []
       );
+    }
     case "text":
       if (!component.text) {
         return "";
@@ -128,7 +146,14 @@ function abstractComponentToSVG(component: AbstractImage.Component): string {
       }
       cs.push(createElement("text", { style: objectToAttributeValue(style), transform: transform }, tSpans));
       return cs.join();
-    case "ellipse":
+    case "ellipse": {
+      const dashStyle: Attributes =
+        component.strokeDashStyle.dashes.length > 0
+          ? {
+              strokeDasharray: component.strokeDashStyle.dashes.join(" "),
+              strokeDashoffset: component.strokeDashStyle.offset.toString(),
+            }
+          : {};
       const rx = Math.abs(component.bottomRight.x - component.topLeft.x) * 0.5;
       const ry = Math.abs(component.bottomRight.y - component.topLeft.y) * 0.5;
       const cx = (component.bottomRight.x + component.topLeft.x) * 0.5;
@@ -145,10 +170,19 @@ function abstractComponentToSVG(component: AbstractImage.Component): string {
           strokeWidth: component.strokeThickness.toString(),
           fill: colorToRgb(component.fillColor),
           fillOpacity: colorToOpacity(component.fillColor),
+          ...dashStyle,
         },
         []
       );
-    case "polygon":
+    }
+    case "polygon": {
+      const dashStyle: Attributes =
+        component.strokeDashStyle.dashes.length > 0
+          ? {
+              strokeDasharray: component.strokeDashStyle.dashes.join(" "),
+              strokeDashoffset: component.strokeDashStyle.offset.toString(),
+            }
+          : {};
       return createElement(
         "polygon",
         {
@@ -158,10 +192,19 @@ function abstractComponentToSVG(component: AbstractImage.Component): string {
           strokeWidth: component.strokeThickness.toString(),
           fill: colorToRgb(component.fillColor),
           fillOpacity: colorToOpacity(component.fillColor),
+          ...dashStyle,
         },
         []
       );
-    case "rectangle":
+    }
+    case "rectangle": {
+      const dashStyle: Attributes =
+        component.strokeDashStyle.dashes.length > 0
+          ? {
+              strokeDasharray: component.strokeDashStyle.dashes.join(" "),
+              strokeDashoffset: component.strokeDashStyle.offset.toString(),
+            }
+          : {};
       return createElement(
         "rect",
         {
@@ -174,9 +217,12 @@ function abstractComponentToSVG(component: AbstractImage.Component): string {
           strokeWidth: component.strokeThickness.toString(),
           fill: colorToRgb(component.fillColor),
           fillOpacity: colorToOpacity(component.fillColor),
+          ...(component.radius ? { rx: component.radius.x.toString(), ry: component.radius.y.toString() } : {}),
+          ...dashStyle,
         },
         []
       );
+    }
     default:
       return "";
   }

package/src/index.ts CHANGED Viewed

@@ -3,6 +3,7 @@ export * from "./model/color";
 export * from "./model/component";
 export * from "./model/point";
 export * from "./model/size";
+export * from "./model/dash-style";
 export * from "./exporters/svg-export-image";
 export * from "./exporters/png-export-image";