@chocbite/ts-lib-svg 1.0.1 → 1.1.0

package/dist/{index.d.ts → index.d.mts}

@@ -1,28 +1,44 @@
+//#region src/attributes.d.ts
 declare class SVGAttributes<T extends SVGElement> {
-    readonly elem: T;
-    constructor(elem: T);
-    /** Sets the stroke color of the SVG element */
-    stroke(stroke: string): this;
-    /** Sets the stroke color of the SVG element */
-    s(stroke: string): this;
-    /** Sets the fill color of the SVG element */
-    fill(fill: string): this;
-    /** Sets the fill color of the SVG element */
-    f(fill: string): this;
-    /** Sets the stroke width of the SVG element */
-    stroke_width(width: number): this;
-    /** Sets the stroke width of the SVG element */
-    sw(width: number): this;
-    /** Adds one or more class names to the SVG element */
-    class_list(...class_name: string[]): this;
-    /** Adds one or more class names to the SVG element */
-    cl(...class_name: string[]): this;
-    /** Sets an arbitrary attribute on the SVG element */
-    attribute(name: string, value: string): this;
-    /** Sets an arbitrary attribute on the SVG element */
-    a(name: string, value: string): this;
+  #private;
+  constructor(elem: T);
+  /**Returns the svg element */
+  get elem(): T;
+  /** Sets the stroke color of the SVG element */
+  stroke(stroke: string): this;
+  /** Sets the stroke color of the SVG element */
+  s(stroke: string): this;
+  /** Sets the fill color of the SVG element */
+  fill(fill: string): this;
+  /** Sets the fill color of the SVG element */
+  f(fill: string): this;
+  /** Sets the stroke width of the SVG element */
+  stroke_width(width: number): this;
+  /** Sets the stroke width of the SVG element */
+  sw(width: number): this;
+  /** Adds one or more class names to the SVG element */
+  class_list(...class_name: string[]): this;
+  /** Adds one or more class names to the SVG element */
+  cl(...class_name: string[]): this;
+  /** Sets an arbitrary attribute on the SVG element */
+  attribute(name: string, value: string): this;
+  /** Sets an arbitrary attribute on the SVG element */
+  a(name: string, value: string): this;
+  /** Applies a translation transform to the SVG element */
+  translate(x: number, y: number): this;
+  /** Applies a rotation transform to the SVG element */
+  rotate(angle: number, cx?: number, cy?: number): this;
+  /** Applies a scaling transform to the SVG element */
+  scale(sx: number, sy?: number): this;
+  /** Applies a skewX transform to the SVG element */
+  skewX(angle: number): this;
+  /** Applies a skewY transform to the SVG element */
+  skewY(angle: number): this;
+  /** Applies a custom transform to the SVG element */
+  transform(transform: string): this;
 }
-
+//#endregion
+//#region src/primitives/circle.d.ts
 /**This creates a svg circle
  * @param center_x x coordinate of center
  * @param center_y y coordinate of center
@@ -35,7 +51,8 @@ declare function circle(center_x: number, center_y: number, radius: number): SVG
  * @param start_angle start angle in radians
  * @param end_angle end anglein  radians*/
 declare function circle_arc(center_x: number, center_y: number, radius: number, start_angle: number, end_angle: number): SVGAttributes<SVGPathElement>;
-
+//#endregion
+//#region src/primitives/ellipse.d.ts
 /**This creates a svg ellipse
  * @param center_x x coordinate of center
  * @param center_y y coordinate of center
@@ -50,20 +67,24 @@ declare function ellipse(center_x: number, center_y: number, radius_x: number, r
  * @param start_angle start angle in radians
  * @param end_angle end anglein  radians*/
 declare function ellipse_arc(center_x: number, center_y: number, radius_x: number, radius_y: number, start_angle: number, end_angle: number): SVGAttributes<SVGPathElement>;
-
+//#endregion
+//#region src/primitives/group.d.ts
 /**This draws a triangle*/
 declare function group(): SVGAttributes<SVGGElement>;
-
+//#endregion
+//#region src/primitives/line.d.ts
 /**This creates a line element
  * @param start_x start point on x axis
  * @param start_y start point on y axis
  * @param end_x end point on x axis
  * @param end_y end point on y axis*/
 declare function line(start_x: number, start_y: number, end_x: number, end_y: number): SVGAttributes<SVGLineElement>;
-
+//#endregion
+//#region src/primitives/path.d.ts
 /**This creates a path element*/
 declare function path(path: string): SVGAttributes<SVGPathElement>;
-
+//#endregion
+//#region src/primitives/rectangle.d.ts
 /**This creates a rectangle with teh center as origin
  * @param center_x x coordinate of center
  * @param center_y y coordinate of center
@@ -78,39 +99,43 @@ declare function rectangle_from_center(center_x: number, center_y: number, width
  * @param height height
  * @param corner_radius radius of corner*/
 declare function rectangle_from_corner(start_x: number, start_y: number, width: number, height: number, corner_radius: number): SVGAttributes<SVGRectElement>;
-
+//#endregion
+//#region src/primitives/shared.d.ts
 type SVGElements = {
-    ellipse: SVGEllipseElement;
-    circle: SVGCircleElement;
-    path: SVGPathElement;
-    line: SVGLineElement;
-    rect: SVGRectElement;
-    text: SVGTextElement;
-    g: SVGGElement;
-    svg: SVGSVGElement;
-    foreignObject: SVGForeignObjectElement;
+  ellipse: SVGEllipseElement;
+  circle: SVGCircleElement;
+  path: SVGPathElement;
+  line: SVGLineElement;
+  rect: SVGRectElement;
+  text: SVGTextElement;
+  g: SVGGElement;
+  svg: SVGSVGElement;
+  foreignObject: SVGForeignObjectElement;
 };
 declare function create_svg_element<K extends keyof SVGElements>(name: K): SVGAttributes<SVGElements[K]>;
-
+//#endregion
+//#region src/primitives/svg.d.ts
 /** This returns an empty svg element
  * @param  width width of svg
  * @param  height height of svg
  * @param  viewbox viewbox of svg*/
 declare function svg$1(width: number, height: number, viewbox?: string): SVGAttributes<SVGSVGElement>;
-
+//#endregion
+//#region src/util/anchorPoint.d.ts
 declare const SVGAnchorPoint: {
-    readonly bottomLeft: 0;
-    readonly middleLeft: 1;
-    readonly topLeft: 2;
-    readonly topCenter: 3;
-    readonly topRight: 4;
-    readonly middleRight: 5;
-    readonly bottomRight: 6;
-    readonly bottomCenter: 7;
-    readonly middleCenter: 8;
+  readonly bottomLeft: 0;
+  readonly middleLeft: 1;
+  readonly topLeft: 2;
+  readonly topCenter: 3;
+  readonly topRight: 4;
+  readonly middleRight: 5;
+  readonly bottomRight: 6;
+  readonly bottomCenter: 7;
+  readonly middleCenter: 8;
 };
 type SVGAnchorPoint = (typeof SVGAnchorPoint)[keyof typeof SVGAnchorPoint];
-
+//#endregion
+//#region src/primitives/text.d.ts
 /**Creates a text nodes for an svg
  * @param x x coordinate of text
  * @param y y coordinate of text
@@ -127,31 +152,34 @@ declare function text(x: number, y: number, text: string, size: number, anchor:
  * @param size size of text in px
  * @param anchor anchor point of */
 declare function multi_line_text(x: number, y: number, width: number, height: number, text: string, size: number, anchor: SVGAnchorPoint): SVGAttributes<SVGForeignObjectElement>;
-
+//#endregion
+//#region src/primitives/triangle.d.ts
 /**This draws a triangle
  * @param center_x x coordinate of center
  * @param center_y y coordinate of center
  * @param width width
  * @param height height*/
 declare function isosceles_triangle(center_x: number, center_y: number, width: number, height: number): SVGAttributes<SVGPathElement>;
-
+//#endregion
+//#region src/index.d.ts
 declare const svg: {
-    create: typeof create_svg_element;
-    circle: typeof circle;
-    circle_arc: typeof circle_arc;
-    ellipse: typeof ellipse;
-    ellipse_arc: typeof ellipse_arc;
-    group: typeof group;
-    line: typeof line;
-    path: typeof path;
-    rectangle_from_center: typeof rectangle_from_center;
-    rectangle_from_corner: typeof rectangle_from_corner;
-    svg: typeof svg$1;
-    text: typeof text;
-    multi_line_text: typeof multi_line_text;
-    isosceles_triangle: typeof isosceles_triangle;
-    angle_to_anchor_point: (angle: number) => 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7;
+  create: typeof create_svg_element;
+  circle: typeof circle;
+  circle_arc: typeof circle_arc;
+  ellipse: typeof ellipse;
+  ellipse_arc: typeof ellipse_arc;
+  group: typeof group;
+  line: typeof line;
+  path: typeof path;
+  rectangle_from_center: typeof rectangle_from_center;
+  rectangle_from_corner: typeof rectangle_from_corner;
+  svg: typeof svg$1;
+  text: typeof text;
+  multi_line_text: typeof multi_line_text;
+  isosceles_triangle: typeof isosceles_triangle;
+  angle_to_anchor_point: (angle: number) => 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7;
 };
 type SVGFunc = () => SVGSVGElement;
-
-export { SVGAnchorPoint, type SVGFunc, svg };
+//#endregion
+export { SVGAnchorPoint, SVGFunc, svg };
+//# sourceMappingURL=index.d.mts.map

package/dist/index.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.mts","names":[],"sources":["../src/attributes.ts","../src/primitives/circle.ts","../src/primitives/ellipse.ts","../src/primitives/group.ts","../src/primitives/line.ts","../src/primitives/path.ts","../src/primitives/rectangle.ts","../src/primitives/shared.ts","../src/primitives/svg.ts","../src/util/anchorPoint.ts","../src/primitives/text.ts","../src/primitives/triangle.ts","../src/index.ts"],"mappings":"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"}

package/dist/index.mjs

@@ -0,0 +1,378 @@
+import { degrees_to_radians } from "@chocbite/ts-lib-math";
+//#region src/attributes.ts
+var SVGAttributes = class {
+	constructor(elem) {
+		this.#elem = elem;
+	}
+	#elem;
+	/**Returns the svg element */
+	get elem() {
+		this.#apply_transforms();
+		return this.#elem;
+	}
+	/** Sets the stroke color of the SVG element */
+	stroke(stroke) {
+		this.#elem.setAttribute("stroke", stroke);
+		return this;
+	}
+	/** Sets the stroke color of the SVG element */
+	s(stroke) {
+		this.#elem.setAttribute("stroke", stroke);
+		return this;
+	}
+	/** Sets the fill color of the SVG element */
+	fill(fill) {
+		this.#elem.setAttribute("fill", fill);
+		return this;
+	}
+	/** Sets the fill color of the SVG element */
+	f(fill) {
+		this.#elem.setAttribute("fill", fill);
+		return this;
+	}
+	/** Sets the stroke width of the SVG element */
+	stroke_width(width) {
+		this.#elem.setAttribute("stroke-width", String(width));
+		return this;
+	}
+	/** Sets the stroke width of the SVG element */
+	sw(width) {
+		this.#elem.setAttribute("stroke-width", String(width));
+		return this;
+	}
+	/** Adds one or more class names to the SVG element */
+	class_list(...class_name) {
+		this.#elem.classList.add(...class_name);
+		return this;
+	}
+	/** Adds one or more class names to the SVG element */
+	cl(...class_name) {
+		this.#elem.classList.add(...class_name);
+		return this;
+	}
+	/** Sets an arbitrary attribute on the SVG element */
+	attribute(name, value) {
+		this.#elem.setAttribute(name, value);
+		return this;
+	}
+	/** Sets an arbitrary attribute on the SVG element */
+	a(name, value) {
+		this.#elem.setAttribute(name, value);
+		return this;
+	}
+	#transforms = [];
+	#apply_transforms() {
+		if (this.#transforms.length > 0) this.#elem.setAttribute("transform", this.#transforms.join(" "));
+	}
+	/** Applies a translation transform to the SVG element */
+	translate(x, y) {
+		this.#transforms.push(`translate(${x} ${y})`);
+		return this;
+	}
+	/** Applies a rotation transform to the SVG element */
+	rotate(angle, cx, cy) {
+		if (cx !== void 0 && cy !== void 0) this.#transforms.push(`rotate(${angle} ${cx} ${cy})`);
+		else this.#transforms.push(`rotate(${angle})`);
+		return this;
+	}
+	/** Applies a scaling transform to the SVG element */
+	scale(sx, sy) {
+		if (sy !== void 0) this.#transforms.push(`scale(${sx} ${sy})`);
+		else this.#transforms.push(`scale(${sx})`);
+		return this;
+	}
+	/** Applies a skewX transform to the SVG element */
+	skewX(angle) {
+		this.#transforms.push(`skewX(${angle})`);
+		return this;
+	}
+	/** Applies a skewY transform to the SVG element */
+	skewY(angle) {
+		this.#transforms.push(`skewY(${angle})`);
+		return this;
+	}
+	/** Applies a custom transform to the SVG element */
+	transform(transform) {
+		this.#transforms.push(transform);
+		return this;
+	}
+};
+//#endregion
+//#region src/shared.ts
+const NAME_SPACE = "http://www.w3.org/2000/svg";
+//#endregion
+//#region src/primitives/shared.ts
+function create_svg_element(name) {
+	return new SVGAttributes(document.createElementNS(NAME_SPACE, name));
+}
+//#endregion
+//#region src/primitives/ellipse.ts
+/**This creates a svg ellipse
+* @param center_x x coordinate of center
+* @param center_y y coordinate of center
+* @param radius_x x radius of circle
+* @param radius_y y radius of circle*/
+function ellipse(center_x, center_y, radius_x, radius_y) {
+	return create_svg_element("ellipse").a("cx", String(center_x)).a("cy", String(center_y)).a("rx", String(radius_x)).a("ry", String(radius_y));
+}
+/**This draws parts of a circle/ellipse, the circle direction is reversed
+* @param center_x the center point on the x axis
+* @param center_y the center point on the y axis
+* @param radius_x radius in x axis
+* @param radius_y radius in y axis
+* @param start_angle start angle in radians
+* @param end_angle end anglein  radians*/
+function ellipse_arc(center_x, center_y, radius_x, radius_y, start_angle, end_angle) {
+	const start_radian = degrees_to_radians(start_angle);
+	end_angle = degrees_to_radians(end_angle - start_angle);
+	const s_x = radius_x * Math.cos(start_radian) + center_x;
+	const s_y = radius_y * Math.sin(start_radian) + center_y;
+	const e_x = radius_x * Math.cos(start_radian + end_angle) + center_x;
+	const e_y = radius_y * Math.sin(start_radian + end_angle) + center_y;
+	const f_a = end_angle > Math.PI ? 1 : 0;
+	const f_s = end_angle > 0 ? 1 : 0;
+	return create_svg_element("path").a("d", `M ${s_x} ${s_y} A ${radius_x} ${radius_y} 0 ${f_a} ${f_s} ${e_x} ${e_y}`);
+}
+//#endregion
+//#region src/primitives/circle.ts
+/**This creates a svg circle
+* @param center_x x coordinate of center
+* @param center_y y coordinate of center
+* @param radius radius of circle*/
+function circle(center_x, center_y, radius) {
+	const circle = create_svg_element("circle");
+	circle.a("cx", String(center_x));
+	circle.a("cy", String(center_y));
+	circle.a("r", String(radius));
+	return circle;
+}
+/**This draws parts of a circle/ellipse, the circle direction is reversed
+* @param center_x the center point on the x axis
+* @param center_y the center point on the y axis
+* @param radius radius in x axis
+* @param start_angle start angle in radians
+* @param end_angle end anglein  radians*/
+function circle_arc(center_x, center_y, radius, start_angle, end_angle) {
+	return ellipse_arc(center_x, center_y, radius, radius, start_angle, end_angle);
+}
+//#endregion
+//#region src/primitives/group.ts
+/**This draws a triangle*/
+function group() {
+	return create_svg_element("g");
+}
+//#endregion
+//#region src/primitives/line.ts
+/**This creates a line element
+* @param start_x start point on x axis
+* @param start_y start point on y axis
+* @param end_x end point on x axis
+* @param end_y end point on y axis*/
+function line(start_x, start_y, end_x, end_y) {
+	return create_svg_element("line").a("x1", String(start_x)).a("y1", String(start_y)).a("x2", String(end_x)).a("y2", String(end_y));
+}
+//#endregion
+//#region src/primitives/path.ts
+/**This creates a path element*/
+function path(path) {
+	return create_svg_element("path").a("d", path);
+}
+//#endregion
+//#region src/primitives/rectangle.ts
+/**This creates a rectangle with teh center as origin
+* @param center_x x coordinate of center
+* @param center_y y coordinate of center
+* @param width width
+* @param height height
+* @param corner_radius radius of corner*/
+function rectangle_from_center(center_x, center_y, width, height, corner_radius) {
+	return create_svg_element("rect").a("x", String(center_x - width / 2)).a("y", String(center_y - height / 2)).a("width", String(width)).a("height", String(height)).a("rx", String(corner_radius));
+}
+/**This creates a rectangle with teh center as origin
+* @param start_x x coordinate of center
+* @param start_y y coordinate of center
+* @param width width
+* @param height height
+* @param corner_radius radius of corner*/
+function rectangle_from_corner(start_x, start_y, width, height, corner_radius) {
+	return create_svg_element("rect").a("x", String(start_x)).a("y", String(start_y)).a("width", String(width)).a("height", String(height)).a("rx", String(corner_radius));
+}
+//#endregion
+//#region src/primitives/svg.ts
+/** This returns an empty svg element
+* @param  width width of svg
+* @param  height height of svg
+* @param  viewbox viewbox of svg*/
+function svg$1(width, height, viewbox = `0 0 ${width} ${height}`) {
+	return create_svg_element("svg").a("width", String(width)).a("height", String(height)).a("viewBox", String(viewbox));
+}
+//#endregion
+//#region src/util/anchorPoint.ts
+const SVGAnchorPoint = {
+	bottomLeft: 0,
+	middleLeft: 1,
+	topLeft: 2,
+	topCenter: 3,
+	topRight: 4,
+	middleRight: 5,
+	bottomRight: 6,
+	bottomCenter: 7,
+	middleCenter: 8
+};
+//#endregion
+//#region src/primitives/text.ts
+/**Creates a text nodes for an svg
+* @param x x coordinate of text
+* @param y y coordinate of text
+* @param text text
+* @param size size of text in px
+* @param anchor anchor point of text*/
+function text(x, y, text, size, anchor) {
+	const text_elem = create_svg_element("text").a("x", String(x)).a("y", String(y)).a("font-size", String(size));
+	text_elem.elem.innerHTML = text;
+	switch (anchor) {
+		case SVGAnchorPoint.bottomLeft:
+		case SVGAnchorPoint.middleLeft:
+		case SVGAnchorPoint.topLeft:
+			text_elem.a("text-anchor", "start");
+			break;
+		case SVGAnchorPoint.topCenter:
+		case SVGAnchorPoint.bottomCenter:
+		case SVGAnchorPoint.middleCenter:
+			text_elem.a("text-anchor", "middle");
+			break;
+		case SVGAnchorPoint.topRight:
+		case SVGAnchorPoint.middleRight:
+		case SVGAnchorPoint.bottomRight:
+			text_elem.a("text-anchor", "end");
+			break;
+	}
+	switch (anchor) {
+		case SVGAnchorPoint.bottomLeft:
+		case SVGAnchorPoint.bottomRight:
+		case SVGAnchorPoint.bottomCenter:
+			text_elem.a("dominant-baseline", "auto");
+			break;
+		case SVGAnchorPoint.middleLeft:
+		case SVGAnchorPoint.middleRight:
+		case SVGAnchorPoint.middleCenter:
+			text_elem.a("dominant-baseline", "central");
+			break;
+		case SVGAnchorPoint.topLeft:
+		case SVGAnchorPoint.topCenter:
+		case SVGAnchorPoint.topRight:
+			text_elem.a("dominant-baseline", "hanging");
+			break;
+	}
+	return text_elem;
+}
+/**Creates a text nodes for an svg
+* @param x x coordinate of text
+* @param y y coordinate of text
+* @param width width of text
+* @param height height of text
+* @param text text
+* @param size size of text in px
+* @param anchor anchor point of */
+function multi_line_text(x, y, width, height, text, size, anchor) {
+	const text_element = create_svg_element("foreignObject");
+	const text_div = text_element.elem.appendChild(document.createElement("div"));
+	text_element.a("width", String(width));
+	text_element.a("height", String(height));
+	text_element.a("x", String(x));
+	text_element.a("y", String(y));
+	text_div.style.fontSize = size + "px";
+	text_div.style.width = "100%";
+	text_div.style.height = "100%";
+	text_div.style.display = "flex";
+	text_div.innerHTML = text;
+	switch (anchor) {
+		case SVGAnchorPoint.bottomLeft:
+		case SVGAnchorPoint.middleLeft:
+		case SVGAnchorPoint.topLeft:
+			text_div.style.textAlign = "start";
+			text_div.style.justifyContent = "flex-start";
+			break;
+		case SVGAnchorPoint.topCenter:
+		case SVGAnchorPoint.bottomCenter:
+		case SVGAnchorPoint.middleCenter:
+			text_div.style.textAlign = "center";
+			text_div.style.justifyContent = "center";
+			break;
+		case SVGAnchorPoint.topRight:
+		case SVGAnchorPoint.middleRight:
+		case SVGAnchorPoint.bottomRight:
+			text_div.style.textAlign = "end";
+			text_div.style.justifyContent = "flex-end";
+			break;
+	}
+	switch (anchor) {
+		case SVGAnchorPoint.bottomLeft:
+		case SVGAnchorPoint.bottomRight:
+		case SVGAnchorPoint.bottomCenter:
+			text_div.style.alignItems = "flex-end";
+			break;
+		case SVGAnchorPoint.middleLeft:
+		case SVGAnchorPoint.middleRight:
+		case SVGAnchorPoint.middleCenter:
+			text_div.style.alignItems = "center";
+			break;
+		case SVGAnchorPoint.topLeft:
+		case SVGAnchorPoint.topCenter:
+		case SVGAnchorPoint.topRight:
+			text_div.style.alignItems = "flex-start";
+			break;
+	}
+	return text_element;
+}
+//#endregion
+//#region src/primitives/triangle.ts
+/**This draws a triangle
+* @param center_x x coordinate of center
+* @param center_y y coordinate of center
+* @param width width
+* @param height height*/
+function isosceles_triangle(center_x, center_y, width, height) {
+	const half_w = width / 2;
+	const half_h = height / 2;
+	return create_svg_element("path").a("d", "M" + (center_x - half_w) + "," + (center_y + half_h) + " " + (center_x + half_w) + "," + (center_y + half_h) + " " + center_x + "," + (center_y - half_h) + "Z");
+}
+//#endregion
+//#region src/util/angleToAnchorPoint.ts
+/**Converts an angle to an anchor point
+* @param angle angle in radians*/
+const angle_to_anchor_point = (angle) => {
+	const sec = angle >= 0 ? angle % 6.283185307179586 : -(angle % 6.283185307179586);
+	if (sec > 5.93411945678072) return SVGAnchorPoint.middleRight;
+	else if (sec > 4.974188368183839) return SVGAnchorPoint.topRight;
+	else if (sec > 4.45058959258554) return SVGAnchorPoint.topCenter;
+	else if (sec > 3.490658503988659) return SVGAnchorPoint.topLeft;
+	else if (sec > 2.792526803190927) return SVGAnchorPoint.middleLeft;
+	else if (sec > 1.832595714594046) return SVGAnchorPoint.bottomLeft;
+	else if (sec > 1.308996938995747) return SVGAnchorPoint.bottomCenter;
+	else if (sec > .3490658503988659) return SVGAnchorPoint.bottomRight;
+	else return SVGAnchorPoint.middleRight;
+};
+//#endregion
+//#region src/index.ts
+const svg = {
+	create: create_svg_element,
+	circle,
+	circle_arc,
+	ellipse,
+	ellipse_arc,
+	group,
+	line,
+	path,
+	rectangle_from_center,
+	rectangle_from_corner,
+	svg: svg$1,
+	text,
+	multi_line_text,
+	isosceles_triangle,
+	angle_to_anchor_point
+};
+//#endregion
+export { SVGAnchorPoint, svg };
+
+//# sourceMappingURL=index.mjs.map

package/dist/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","names":["#elem","#apply_transforms","#transforms","svg","svgsvg"],"sources":["../src/attributes.ts","../src/shared.ts","../src/primitives/shared.ts","../src/primitives/ellipse.ts","../src/primitives/circle.ts","../src/primitives/group.ts","../src/primitives/line.ts","../src/primitives/path.ts","../src/primitives/rectangle.ts","../src/primitives/svg.ts","../src/util/anchorPoint.ts","../src/primitives/text.ts","../src/primitives/triangle.ts","../src/util/angleToAnchorPoint.ts","../src/index.ts"],"sourcesContent":["export class SVGAttributes<T extends SVGElement> {\n  constructor(elem: T) {\n    this.#elem = elem;\n  }\n  #elem: T;\n  /**Returns the svg element */\n  get elem(): T {\n    this.#apply_transforms();\n    return this.#elem;\n  }\n\n  /** Sets the stroke color of the SVG element */\n  stroke(stroke: string): this {\n    this.#elem.setAttribute(\"stroke\", stroke);\n    return this;\n  }\n  /** Sets the stroke color of the SVG element */\n  s(stroke: string): this {\n    this.#elem.setAttribute(\"stroke\", stroke);\n    return this;\n  }\n\n  /** Sets the fill color of the SVG element */\n  fill(fill: string): this {\n    this.#elem.setAttribute(\"fill\", fill);\n    return this;\n  }\n  /** Sets the fill color of the SVG element */\n  f(fill: string): this {\n    this.#elem.setAttribute(\"fill\", fill);\n    return this;\n  }\n\n  /** Sets the stroke width of the SVG element */\n  stroke_width(width: number): this {\n    this.#elem.setAttribute(\"stroke-width\", String(width));\n    return this;\n  }\n  /** Sets the stroke width of the SVG element */\n  sw(width: number): this {\n    this.#elem.setAttribute(\"stroke-width\", String(width));\n    return this;\n  }\n\n  /** Adds one or more class names to the SVG element */\n  class_list(...class_name: string[]): this {\n    this.#elem.classList.add(...class_name);\n    return this;\n  }\n  /** Adds one or more class names to the SVG element */\n  cl(...class_name: string[]): this {\n    this.#elem.classList.add(...class_name);\n    return this;\n  }\n\n  /** Sets an arbitrary attribute on the SVG element */\n  attribute(name: string, value: string): this {\n    this.#elem.setAttribute(name, value);\n    return this;\n  }\n  /** Sets an arbitrary attribute on the SVG element */\n  a(name: string, value: string): this {\n    this.#elem.setAttribute(name, value);\n    return this;\n  }\n\n  #transforms: string[] = [];\n  #apply_transforms(): void {\n    if (this.#transforms.length > 0)\n      this.#elem.setAttribute(\"transform\", this.#transforms.join(\" \"));\n  }\n\n  /** Applies a translation transform to the SVG element */\n  translate(x: number, y: number): this {\n    this.#transforms.push(`translate(${x} ${y})`);\n    return this;\n  }\n\n  /** Applies a rotation transform to the SVG element */\n  rotate(angle: number, cx?: number, cy?: number): this {\n    if (cx !== undefined && cy !== undefined)\n      this.#transforms.push(`rotate(${angle} ${cx} ${cy})`);\n    else this.#transforms.push(`rotate(${angle})`);\n    return this;\n  }\n\n  /** Applies a scaling transform to the SVG element */\n  scale(sx: number, sy?: number): this {\n    if (sy !== undefined) this.#transforms.push(`scale(${sx} ${sy})`);\n    else this.#transforms.push(`scale(${sx})`);\n    return this;\n  }\n\n  /** Applies a skewX transform to the SVG element */\n  skewX(angle: number): this {\n    this.#transforms.push(`skewX(${angle})`);\n    return this;\n  }\n\n  /** Applies a skewY transform to the SVG element */\n  skewY(angle: number): this {\n    this.#transforms.push(`skewY(${angle})`);\n    return this;\n  }\n\n  /** Applies a custom transform to the SVG element */\n  transform(transform: string): this {\n    this.#transforms.push(transform);\n    return this;\n  }\n}\n","export const NAME_SPACE = \"http://www.w3.org/2000/svg\";\n","import { SVGAttributes } from \"../attributes\";\nimport { NAME_SPACE } from \"../shared\";\n\ntype SVGElements = {\n  ellipse: SVGEllipseElement;\n  circle: SVGCircleElement;\n  path: SVGPathElement;\n  line: SVGLineElement;\n  rect: SVGRectElement;\n  text: SVGTextElement;\n  g: SVGGElement;\n  svg: SVGSVGElement;\n  foreignObject: SVGForeignObjectElement;\n};\n\nexport function create_svg_element<K extends keyof SVGElements>(\n  name: K,\n): SVGAttributes<SVGElements[K]> {\n  return new SVGAttributes(\n    document.createElementNS(NAME_SPACE, name) as SVGElements[K],\n  );\n}\n","import { degrees_to_radians } from \"@chocbite/ts-lib-math\";\nimport { SVGAttributes } from \"../attributes\";\nimport { create_svg_element } from \"./shared\";\n\n/**This creates a svg ellipse\n * @param center_x x coordinate of center\n * @param center_y y coordinate of center\n * @param radius_x x radius of circle\n * @param radius_y y radius of circle*/\nexport function ellipse(\n  center_x: number,\n  center_y: number,\n  radius_x: number,\n  radius_y: number,\n): SVGAttributes<SVGEllipseElement> {\n  return create_svg_element(\"ellipse\")\n    .a(\"cx\", String(center_x))\n    .a(\"cy\", String(center_y))\n    .a(\"rx\", String(radius_x))\n    .a(\"ry\", String(radius_y));\n}\n\n/**This draws parts of a circle/ellipse, the circle direction is reversed\n * @param center_x the center point on the x axis\n * @param center_y the center point on the y axis\n * @param radius_x radius in x axis\n * @param radius_y radius in y axis\n * @param start_angle start angle in radians\n * @param end_angle end anglein  radians*/\nexport function ellipse_arc(\n  center_x: number,\n  center_y: number,\n  radius_x: number,\n  radius_y: number,\n  start_angle: number,\n  end_angle: number,\n): SVGAttributes<SVGPathElement> {\n  const start_radian = degrees_to_radians(start_angle);\n  end_angle = degrees_to_radians(end_angle - start_angle);\n  const s_x = radius_x * Math.cos(start_radian) + center_x;\n  const s_y = radius_y * Math.sin(start_radian) + center_y;\n  const e_x = radius_x * Math.cos(start_radian + end_angle) + center_x;\n  const e_y = radius_y * Math.sin(start_radian + end_angle) + center_y;\n  const f_a = end_angle > Math.PI ? 1 : 0;\n  const f_s = end_angle > 0 ? 1 : 0;\n  return create_svg_element(\"path\").a(\n    \"d\",\n    `M ${s_x} ${s_y} A ${radius_x} ${radius_y} 0 ${f_a} ${f_s} ${e_x} ${e_y}`,\n  );\n}\n","import { SVGAttributes } from \"../attributes\";\nimport { ellipse_arc } from \"./ellipse\";\nimport { create_svg_element } from \"./shared\";\n\n/**This creates a svg circle\n * @param center_x x coordinate of center\n * @param center_y y coordinate of center\n * @param radius radius of circle*/\nexport function circle(\n  center_x: number,\n  center_y: number,\n  radius: number,\n): SVGAttributes<SVGCircleElement> {\n  const circle = create_svg_element(\"circle\");\n  circle.a(\"cx\", String(center_x));\n  circle.a(\"cy\", String(center_y));\n  circle.a(\"r\", String(radius));\n  return circle;\n}\n\n/**This draws parts of a circle/ellipse, the circle direction is reversed\n * @param center_x the center point on the x axis\n * @param center_y the center point on the y axis\n * @param radius radius in x axis\n * @param start_angle start angle in radians\n * @param end_angle end anglein  radians*/\nexport function circle_arc(\n  center_x: number,\n  center_y: number,\n  radius: number,\n  start_angle: number,\n  end_angle: number,\n): SVGAttributes<SVGPathElement> {\n  return ellipse_arc(\n    center_x,\n    center_y,\n    radius,\n    radius,\n    start_angle,\n    end_angle,\n  );\n}\n","import { SVGAttributes } from \"../attributes\";\nimport { create_svg_element } from \"./shared\";\n\n/**This draws a triangle*/\nexport function group(): SVGAttributes<SVGGElement> {\n  return create_svg_element(\"g\");\n}\n","import { SVGAttributes } from \"../attributes\";\nimport { create_svg_element } from \"./shared\";\n\n/**This creates a line element\n * @param start_x start point on x axis\n * @param start_y start point on y axis\n * @param end_x end point on x axis\n * @param end_y end point on y axis*/\nexport function line(\n  start_x: number,\n  start_y: number,\n  end_x: number,\n  end_y: number,\n): SVGAttributes<SVGLineElement> {\n  return create_svg_element(\"line\")\n    .a(\"x1\", String(start_x))\n    .a(\"y1\", String(start_y))\n    .a(\"x2\", String(end_x))\n    .a(\"y2\", String(end_y));\n}\n","import { SVGAttributes } from \"../attributes\";\nimport { create_svg_element } from \"./shared\";\n\n/**This creates a path element*/\nexport function path(path: string): SVGAttributes<SVGPathElement> {\n  return create_svg_element(\"path\").a(\"d\", path);\n}\n\n/**This creates a line with a path element\n * @param start_x start point on x axis\n * @param start_y start point on y axis\n * @param end_x end point on x axis\n * @param end_y end point on y axis*/\nexport function path_line(\n  start_x: number,\n  start_y: number,\n  end_x: number,\n  end_y: number,\n): SVGAttributes<SVGPathElement> {\n  return create_svg_element(\"path\").a(\n    \"d\",\n    `M ${start_x} ${start_y} L ${end_x} ${end_y}`,\n  );\n}\n","import { SVGAttributes } from \"../attributes\";\nimport { create_svg_element } from \"./shared\";\n\n/**This creates a rectangle with teh center as origin\n * @param center_x x coordinate of center\n * @param center_y y coordinate of center\n * @param width width\n * @param height height\n * @param corner_radius radius of corner*/\nexport function rectangle_from_center(\n  center_x: number,\n  center_y: number,\n  width: number,\n  height: number,\n  corner_radius: number,\n): SVGAttributes<SVGRectElement> {\n  return create_svg_element(\"rect\")\n    .a(\"x\", String(center_x - width / 2))\n    .a(\"y\", String(center_y - height / 2))\n    .a(\"width\", String(width))\n    .a(\"height\", String(height))\n    .a(\"rx\", String(corner_radius));\n}\n\n/**This creates a rectangle with teh center as origin\n * @param start_x x coordinate of center\n * @param start_y y coordinate of center\n * @param width width\n * @param height height\n * @param corner_radius radius of corner*/\nexport function rectangle_from_corner(\n  start_x: number,\n  start_y: number,\n  width: number,\n  height: number,\n  corner_radius: number,\n): SVGAttributes<SVGRectElement> {\n  return create_svg_element(\"rect\")\n    .a(\"x\", String(start_x))\n    .a(\"y\", String(start_y))\n    .a(\"width\", String(width))\n    .a(\"height\", String(height))\n    .a(\"rx\", String(corner_radius));\n}\n","import { SVGAttributes } from \"../attributes\";\nimport { create_svg_element } from \"./shared\";\n\n/** This returns an empty svg element\n * @param  width width of svg\n * @param  height height of svg\n * @param  viewbox viewbox of svg*/\nexport function svg(\n  width: number,\n  height: number,\n  viewbox: string = `0 0 ${width} ${height}`,\n): SVGAttributes<SVGSVGElement> {\n  return create_svg_element(\"svg\")\n    .a(\"width\", String(width))\n    .a(\"height\", String(height))\n    .a(\"viewBox\", String(viewbox));\n}\n","//Enum describing the diffrent possible anchor points\nexport const SVGAnchorPoint = {\n  bottomLeft: 0,\n  middleLeft: 1,\n  topLeft: 2,\n  topCenter: 3,\n  topRight: 4,\n  middleRight: 5,\n  bottomRight: 6,\n  bottomCenter: 7,\n  middleCenter: 8,\n} as const;\nexport type SVGAnchorPoint =\n  (typeof SVGAnchorPoint)[keyof typeof SVGAnchorPoint];\n","import { SVGAttributes } from \"../attributes\";\nimport { SVGAnchorPoint } from \"../util/anchorPoint\";\nimport { create_svg_element } from \"./shared\";\n\n/**Creates a text nodes for an svg\n * @param x x coordinate of text\n * @param y y coordinate of text\n * @param text text\n * @param size size of text in px\n * @param anchor anchor point of text*/\nexport function text(\n  x: number,\n  y: number,\n  text: string,\n  size: number,\n  anchor: SVGAnchorPoint,\n): SVGAttributes<SVGTextElement> {\n  const text_elem = create_svg_element(\"text\")\n    .a(\"x\", String(x))\n    .a(\"y\", String(y))\n    .a(\"font-size\", String(size));\n  text_elem.elem.innerHTML = text;\n  switch (anchor) {\n    case SVGAnchorPoint.bottomLeft:\n    case SVGAnchorPoint.middleLeft:\n    case SVGAnchorPoint.topLeft: {\n      text_elem.a(\"text-anchor\", \"start\");\n      break;\n    }\n    case SVGAnchorPoint.topCenter:\n    case SVGAnchorPoint.bottomCenter:\n    case SVGAnchorPoint.middleCenter: {\n      text_elem.a(\"text-anchor\", \"middle\");\n      break;\n    }\n    case SVGAnchorPoint.topRight:\n    case SVGAnchorPoint.middleRight:\n    case SVGAnchorPoint.bottomRight: {\n      text_elem.a(\"text-anchor\", \"end\");\n      break;\n    }\n  }\n  switch (anchor) {\n    case SVGAnchorPoint.bottomLeft:\n    case SVGAnchorPoint.bottomRight:\n    case SVGAnchorPoint.bottomCenter: {\n      text_elem.a(\"dominant-baseline\", \"auto\");\n      break;\n    }\n    case SVGAnchorPoint.middleLeft:\n    case SVGAnchorPoint.middleRight:\n    case SVGAnchorPoint.middleCenter: {\n      text_elem.a(\"dominant-baseline\", \"central\");\n      break;\n    }\n    case SVGAnchorPoint.topLeft:\n    case SVGAnchorPoint.topCenter:\n    case SVGAnchorPoint.topRight: {\n      text_elem.a(\"dominant-baseline\", \"hanging\");\n      break;\n    }\n  }\n  return text_elem;\n}\n\n/**Creates a text nodes for an svg\n * @param x x coordinate of text\n * @param y y coordinate of text\n * @param width width of text\n * @param height height of text\n * @param text text\n * @param size size of text in px\n * @param anchor anchor point of */\nexport function multi_line_text(\n  x: number,\n  y: number,\n  width: number,\n  height: number,\n  text: string,\n  size: number,\n  anchor: SVGAnchorPoint,\n): SVGAttributes<SVGForeignObjectElement> {\n  const text_element = create_svg_element(\"foreignObject\");\n  const text_div = text_element.elem.appendChild(document.createElement(\"div\"));\n  text_element.a(\"width\", String(width));\n  text_element.a(\"height\", String(height));\n  text_element.a(\"x\", String(x));\n  text_element.a(\"y\", String(y));\n  text_div.style.fontSize = size + \"px\";\n  text_div.style.width = \"100%\";\n  text_div.style.height = \"100%\";\n  text_div.style.display = \"flex\";\n  text_div.innerHTML = text;\n  switch (anchor) {\n    case SVGAnchorPoint.bottomLeft:\n    case SVGAnchorPoint.middleLeft:\n    case SVGAnchorPoint.topLeft: {\n      text_div.style.textAlign = \"start\";\n      text_div.style.justifyContent = \"flex-start\";\n      break;\n    }\n    case SVGAnchorPoint.topCenter:\n    case SVGAnchorPoint.bottomCenter:\n    case SVGAnchorPoint.middleCenter: {\n      text_div.style.textAlign = \"center\";\n      text_div.style.justifyContent = \"center\";\n      break;\n    }\n    case SVGAnchorPoint.topRight:\n    case SVGAnchorPoint.middleRight:\n    case SVGAnchorPoint.bottomRight: {\n      text_div.style.textAlign = \"end\";\n      text_div.style.justifyContent = \"flex-end\";\n      break;\n    }\n  }\n  switch (anchor) {\n    case SVGAnchorPoint.bottomLeft:\n    case SVGAnchorPoint.bottomRight:\n    case SVGAnchorPoint.bottomCenter: {\n      text_div.style.alignItems = \"flex-end\";\n      break;\n    }\n    case SVGAnchorPoint.middleLeft:\n    case SVGAnchorPoint.middleRight:\n    case SVGAnchorPoint.middleCenter: {\n      text_div.style.alignItems = \"center\";\n      break;\n    }\n    case SVGAnchorPoint.topLeft:\n    case SVGAnchorPoint.topCenter:\n    case SVGAnchorPoint.topRight: {\n      text_div.style.alignItems = \"flex-start\";\n      break;\n    }\n  }\n  return text_element;\n}\n","import { SVGAttributes } from \"../attributes\";\nimport { create_svg_element } from \"./shared\";\n\n/**This draws a triangle\n * @param center_x x coordinate of center\n * @param center_y y coordinate of center\n * @param width width\n * @param height height*/\nexport function isosceles_triangle(\n  center_x: number,\n  center_y: number,\n  width: number,\n  height: number,\n): SVGAttributes<SVGPathElement> {\n  const half_w = width / 2;\n  const half_h = height / 2;\n  return create_svg_element(\"path\").a(\n    \"d\",\n    \"M\" +\n      (center_x - half_w) +\n      \",\" +\n      (center_y + half_h) +\n      \" \" +\n      (center_x + half_w) +\n      \",\" +\n      (center_y + half_h) +\n      \" \" +\n      center_x +\n      \",\" +\n      (center_y - half_h) +\n      \"Z\",\n  );\n}\n","import { SVGAnchorPoint } from \"./anchorPoint\";\n\n/**Converts an angle to an anchor point\n * @param angle angle in radians*/\nexport const angle_to_anchor_point = (angle: number) => {\n  const sec =\n    angle >= 0 ? angle % 6.283185307179586 : -(angle % 6.283185307179586);\n  if (sec > 5.93411945678072) {\n    return SVGAnchorPoint.middleRight;\n  } else if (sec > 4.974188368183839) {\n    return SVGAnchorPoint.topRight;\n  } else if (sec > 4.45058959258554) {\n    return SVGAnchorPoint.topCenter;\n  } else if (sec > 3.4906585039886591) {\n    return SVGAnchorPoint.topLeft;\n  } else if (sec > 2.792526803190927) {\n    return SVGAnchorPoint.middleLeft;\n  } else if (sec > 1.832595714594046) {\n    return SVGAnchorPoint.bottomLeft;\n  } else if (sec > 1.308996938995747) {\n    return SVGAnchorPoint.bottomCenter;\n  } else if (sec > 0.3490658503988659) {\n    return SVGAnchorPoint.bottomRight;\n  } else {\n    return SVGAnchorPoint.middleRight;\n  }\n};\n","import { circle, circle_arc } from \"./primitives/circle\";\nimport { ellipse, ellipse_arc } from \"./primitives/ellipse\";\nimport { group } from \"./primitives/group\";\nimport { line } from \"./primitives/line\";\nimport { path } from \"./primitives/path\";\nimport {\n  rectangle_from_center,\n  rectangle_from_corner,\n} from \"./primitives/rectangle\";\nimport { create_svg_element } from \"./primitives/shared\";\nimport { svg as svgsvg } from \"./primitives/svg\";\nimport { multi_line_text, text } from \"./primitives/text\";\nimport { isosceles_triangle } from \"./primitives/triangle\";\nimport { angle_to_anchor_point } from \"./util/angleToAnchorPoint\";\n\nexport const svg = {\n  create: create_svg_element,\n  //Primitives\n  circle: circle,\n  circle_arc: circle_arc,\n  ellipse: ellipse,\n  ellipse_arc: ellipse_arc,\n  group: group,\n  line: line,\n  path: path,\n  rectangle_from_center: rectangle_from_center,\n  rectangle_from_corner: rectangle_from_corner,\n  svg: svgsvg,\n  text: text,\n  multi_line_text: multi_line_text,\n  isosceles_triangle: isosceles_triangle,\n  //Utilities\n  angle_to_anchor_point: angle_to_anchor_point,\n};\n\nexport type SVGFunc = () => SVGSVGElement;\nexport { SVGAnchorPoint } from \"./util/anchorPoint\";\n"],"mappings":"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"}

package/package.json

@@ -1,20 +1,20 @@
 {
   "name": "@chocbite/ts-lib-svg",
-  "version": "1.0.1",
+  "version": "1.1.0",
   "description": "Library to help with svg generation in typescript",
   "author": "chocolateandmilkwin",
   "license": "MIT",
   "type": "module",
   "private": false,
-  "module": "./dist/index.js",
-  "types": "./dist/index.d.ts",
+  "module": "./dist/index.mjs",
+  "types": "./dist/index.d.mts",
   "publishConfig": {
     "access": "public"
   },
   "exports": {
     ".": {
-      "import": "./dist/index.js",
-      "types": "./dist/index.d.ts"
+      "import": "./dist/index.mjs",
+      "types": "./dist/index.d.mts"
     }
   },
   "files": [
@@ -22,21 +22,25 @@
   ],
   "scripts": {
     "dev": "vite --port 9952",
-    "build": "tsup src/index.ts --format esm --dts",
+    "build": "tsdown src/index.ts",
     "lint": "eslint src/**/*.ts",
     "test": "vitest run",
-    "prepublishOnly": "npm run build"
+    "check-trials": "tsc --noEmit",
+    "prepublishOnly": "npm run check-trials && npm run build",
+    "upgrades": "npx npm-check-updates --target semver",
+    "upgrade": "npx npm-check-updates --target semver -u && npm install"
+  },
+  "devDependencies": {
+    "typescript": "^6.0.2",
+    "tsdown": "^0.21.7",
+    "vite": "^8.0.3",
+    "vitest": "^4.1.2",
+    "eslint": "^10.2.0",
+    "typescript-eslint": "^8.58.0",
+    "@vitest/browser-playwright": "^4.1.2",
+    "@chocbite/ts-supplement-eslint": "^1.0.0"
   },
   "dependencies": {
     "@chocbite/ts-lib-math": "1.0.0"
-  },
-  "devDependencies": {
-    "typescript": "^5.0.0",
-    "tsup": "^8.0.0",
-    "vite": "^7.0.0",
-    "vitest": "^4.0.0",
-    "eslint": "^9.0.0",
-    "typescript-eslint": "^8.0.0",
-    "@vitest/browser-playwright": "^4.0.0"
   }
 }

package/dist/index.js

@@ -1,312 +0,0 @@
-// src/primitives/ellipse.ts
-import { degrees_to_radians } from "@chocbite/ts-lib-math";
-
-// src/attributes.ts
-var SVGAttributes = class {
-  elem;
-  constructor(elem) {
-    this.elem = elem;
-  }
-  /** Sets the stroke color of the SVG element */
-  stroke(stroke) {
-    this.elem.setAttribute("stroke", stroke);
-    return this;
-  }
-  /** Sets the stroke color of the SVG element */
-  s(stroke) {
-    this.elem.setAttribute("stroke", stroke);
-    return this;
-  }
-  /** Sets the fill color of the SVG element */
-  fill(fill) {
-    this.elem.setAttribute("fill", fill);
-    return this;
-  }
-  /** Sets the fill color of the SVG element */
-  f(fill) {
-    this.elem.setAttribute("fill", fill);
-    return this;
-  }
-  /** Sets the stroke width of the SVG element */
-  stroke_width(width) {
-    this.elem.setAttribute("stroke-width", String(width));
-    return this;
-  }
-  /** Sets the stroke width of the SVG element */
-  sw(width) {
-    this.elem.setAttribute("stroke-width", String(width));
-    return this;
-  }
-  /** Adds one or more class names to the SVG element */
-  class_list(...class_name) {
-    this.elem.classList.add(...class_name);
-    return this;
-  }
-  /** Adds one or more class names to the SVG element */
-  cl(...class_name) {
-    this.elem.classList.add(...class_name);
-    return this;
-  }
-  /** Sets an arbitrary attribute on the SVG element */
-  attribute(name, value) {
-    this.elem.setAttribute(name, value);
-    return this;
-  }
-  /** Sets an arbitrary attribute on the SVG element */
-  a(name, value) {
-    this.elem.setAttribute(name, value);
-    return this;
-  }
-};
-
-// src/shared.ts
-var NAME_SPACE = "http://www.w3.org/2000/svg";
-
-// src/primitives/shared.ts
-function create_svg_element(name) {
-  return new SVGAttributes(
-    document.createElementNS(NAME_SPACE, name)
-  );
-}
-
-// src/primitives/ellipse.ts
-function ellipse(center_x, center_y, radius_x, radius_y) {
-  return create_svg_element("ellipse").a("cx", String(center_x)).a("cy", String(center_y)).a("rx", String(radius_x)).a("ry", String(radius_y));
-}
-function ellipse_arc(center_x, center_y, radius_x, radius_y, start_angle, end_angle) {
-  const start_radian = degrees_to_radians(start_angle);
-  end_angle = degrees_to_radians(end_angle - start_angle);
-  const s_x = radius_x * Math.cos(start_radian) + center_x;
-  const s_y = radius_y * Math.sin(start_radian) + center_y;
-  const e_x = radius_x * Math.cos(start_radian + end_angle) + center_x;
-  const e_y = radius_y * Math.sin(start_radian + end_angle) + center_y;
-  const f_a = end_angle > Math.PI ? 1 : 0;
-  const f_s = end_angle > 0 ? 1 : 0;
-  return create_svg_element("path").a(
-    "d",
-    `M ${s_x} ${s_y} A ${radius_x} ${radius_y} 0 ${f_a} ${f_s} ${e_x} ${e_y}`
-  );
-}
-
-// src/primitives/circle.ts
-function circle(center_x, center_y, radius) {
-  const circle2 = create_svg_element("circle");
-  circle2.a("cx", String(center_x));
-  circle2.a("cy", String(center_y));
-  circle2.a("r", String(radius));
-  return circle2;
-}
-function circle_arc(center_x, center_y, radius, start_angle, end_angle) {
-  return ellipse_arc(
-    center_x,
-    center_y,
-    radius,
-    radius,
-    start_angle,
-    end_angle
-  );
-}
-
-// src/primitives/group.ts
-function group() {
-  return create_svg_element("g");
-}
-
-// src/primitives/line.ts
-function line(start_x, start_y, end_x, end_y) {
-  return create_svg_element("line").a("x1", String(start_x)).a("y1", String(start_y)).a("x2", String(end_x)).a("y2", String(end_y));
-}
-
-// src/primitives/path.ts
-function path(path2) {
-  return create_svg_element("path").a("d", path2);
-}
-
-// src/primitives/rectangle.ts
-function rectangle_from_center(center_x, center_y, width, height, corner_radius) {
-  return create_svg_element("rect").a("x", String(center_x - width / 2)).a("y", String(center_y - height / 2)).a("width", String(width)).a("height", String(height)).a("rx", String(corner_radius));
-}
-function rectangle_from_corner(start_x, start_y, width, height, corner_radius) {
-  return create_svg_element("rect").a("x", String(start_x)).a("y", String(start_y)).a("width", String(width)).a("height", String(height)).a("rx", String(corner_radius));
-}
-
-// src/primitives/svg.ts
-function svg(width, height, viewbox = `0 0 ${width} ${height}`) {
-  return create_svg_element("svg").a("width", String(width)).a("height", String(height)).a("viewBox", String(viewbox));
-}
-
-// src/util/anchorPoint.ts
-var SVGAnchorPoint = {
-  bottomLeft: 0,
-  middleLeft: 1,
-  topLeft: 2,
-  topCenter: 3,
-  topRight: 4,
-  middleRight: 5,
-  bottomRight: 6,
-  bottomCenter: 7,
-  middleCenter: 8
-};
-
-// src/primitives/text.ts
-function text(x, y, text2, size, anchor) {
-  const text_elem = create_svg_element("text").a("x", String(x)).a("y", String(y)).a("font-size", String(size));
-  text_elem.elem.innerHTML = text2;
-  switch (anchor) {
-    case SVGAnchorPoint.bottomLeft:
-    case SVGAnchorPoint.middleLeft:
-    case SVGAnchorPoint.topLeft: {
-      text_elem.a("text-anchor", "start");
-      break;
-    }
-    case SVGAnchorPoint.topCenter:
-    case SVGAnchorPoint.bottomCenter:
-    case SVGAnchorPoint.middleCenter: {
-      text_elem.a("text-anchor", "middle");
-      break;
-    }
-    case SVGAnchorPoint.topRight:
-    case SVGAnchorPoint.middleRight:
-    case SVGAnchorPoint.bottomRight: {
-      text_elem.a("text-anchor", "end");
-      break;
-    }
-  }
-  switch (anchor) {
-    case SVGAnchorPoint.bottomLeft:
-    case SVGAnchorPoint.bottomRight:
-    case SVGAnchorPoint.bottomCenter: {
-      text_elem.a("dominant-baseline", "auto");
-      break;
-    }
-    case SVGAnchorPoint.middleLeft:
-    case SVGAnchorPoint.middleRight:
-    case SVGAnchorPoint.middleCenter: {
-      text_elem.a("dominant-baseline", "central");
-      break;
-    }
-    case SVGAnchorPoint.topLeft:
-    case SVGAnchorPoint.topCenter:
-    case SVGAnchorPoint.topRight: {
-      text_elem.a("dominant-baseline", "hanging");
-      break;
-    }
-  }
-  return text_elem;
-}
-function multi_line_text(x, y, width, height, text2, size, anchor) {
-  const text_element = create_svg_element("foreignObject");
-  const text_div = text_element.elem.appendChild(document.createElement("div"));
-  text_element.a("width", String(width));
-  text_element.a("height", String(height));
-  text_element.a("x", String(x));
-  text_element.a("y", String(y));
-  text_div.style.fontSize = size + "px";
-  text_div.style.width = "100%";
-  text_div.style.height = "100%";
-  text_div.style.display = "flex";
-  text_div.innerHTML = text2;
-  switch (anchor) {
-    case SVGAnchorPoint.bottomLeft:
-    case SVGAnchorPoint.middleLeft:
-    case SVGAnchorPoint.topLeft: {
-      text_div.style.textAlign = "start";
-      text_div.style.justifyContent = "flex-start";
-      break;
-    }
-    case SVGAnchorPoint.topCenter:
-    case SVGAnchorPoint.bottomCenter:
-    case SVGAnchorPoint.middleCenter: {
-      text_div.style.textAlign = "center";
-      text_div.style.justifyContent = "center";
-      break;
-    }
-    case SVGAnchorPoint.topRight:
-    case SVGAnchorPoint.middleRight:
-    case SVGAnchorPoint.bottomRight: {
-      text_div.style.textAlign = "end";
-      text_div.style.justifyContent = "flex-end";
-      break;
-    }
-  }
-  switch (anchor) {
-    case SVGAnchorPoint.bottomLeft:
-    case SVGAnchorPoint.bottomRight:
-    case SVGAnchorPoint.bottomCenter: {
-      text_div.style.alignItems = "flex-end";
-      break;
-    }
-    case SVGAnchorPoint.middleLeft:
-    case SVGAnchorPoint.middleRight:
-    case SVGAnchorPoint.middleCenter: {
-      text_div.style.alignItems = "center";
-      break;
-    }
-    case SVGAnchorPoint.topLeft:
-    case SVGAnchorPoint.topCenter:
-    case SVGAnchorPoint.topRight: {
-      text_div.style.alignItems = "flex-start";
-      break;
-    }
-  }
-  return text_element;
-}
-
-// src/primitives/triangle.ts
-function isosceles_triangle(center_x, center_y, width, height) {
-  const half_w = width / 2;
-  const half_h = height / 2;
-  return create_svg_element("path").a(
-    "d",
-    "M" + (center_x - half_w) + "," + (center_y + half_h) + " " + (center_x + half_w) + "," + (center_y + half_h) + " " + center_x + "," + (center_y - half_h) + "Z"
-  );
-}
-
-// src/util/angleToAnchorPoint.ts
-var angle_to_anchor_point = (angle) => {
-  const sec = angle >= 0 ? angle % 6.283185307179586 : -(angle % 6.283185307179586);
-  if (sec > 5.93411945678072) {
-    return SVGAnchorPoint.middleRight;
-  } else if (sec > 4.974188368183839) {
-    return SVGAnchorPoint.topRight;
-  } else if (sec > 4.45058959258554) {
-    return SVGAnchorPoint.topCenter;
-  } else if (sec > 3.490658503988659) {
-    return SVGAnchorPoint.topLeft;
-  } else if (sec > 2.792526803190927) {
-    return SVGAnchorPoint.middleLeft;
-  } else if (sec > 1.832595714594046) {
-    return SVGAnchorPoint.bottomLeft;
-  } else if (sec > 1.308996938995747) {
-    return SVGAnchorPoint.bottomCenter;
-  } else if (sec > 0.3490658503988659) {
-    return SVGAnchorPoint.bottomRight;
-  } else {
-    return SVGAnchorPoint.middleRight;
-  }
-};
-
-// src/index.ts
-var svg2 = {
-  create: create_svg_element,
-  //Primitives
-  circle,
-  circle_arc,
-  ellipse,
-  ellipse_arc,
-  group,
-  line,
-  path,
-  rectangle_from_center,
-  rectangle_from_corner,
-  svg,
-  text,
-  multi_line_text,
-  isosceles_triangle,
-  //Utilities
-  angle_to_anchor_point
-};
-export {
-  SVGAnchorPoint,
-  svg2 as svg
-};