@gjsify/canvas2d-core 0.3.16 → 0.3.18

package/lib/esm/canvas-rendering-context-2d.js

@@ -1,975 +1 @@
-import { COMPOSITE_OP_MAP, LINE_CAP_MAP, LINE_JOIN_MAP, cairoArcTo, cairoEllipse, cairoRoundRect, quadraticToCubic } from "./cairo-utils.js";
-import { parseColor } from "./color.js";
-import { CanvasGradient } from "./canvas-gradient.js";
-import { Path2D } from "./canvas-path.js";
-import { CanvasPattern } from "./canvas-pattern.js";
-import { cloneState, createDefaultState } from "./canvas-state.js";
-import { OurImageData } from "./image-data.js";
-import Cairo from "cairo";
-import Gdk from "gi://Gdk?version=4.0";
-import GdkPixbuf from "gi://GdkPixbuf";
-import Pango from "gi://Pango";
-import PangoCairo from "gi://PangoCairo";
-
-//#region src/canvas-rendering-context-2d.ts
-/**
-* CanvasRenderingContext2D backed by Cairo.ImageSurface.
-* Implements the Canvas 2D API for GJS.
-*/
-var CanvasRenderingContext2D = class {
-	constructor(canvas, _options) {
-		this._stateStack = [];
-		this.canvas = canvas;
-		this._surfaceWidth = canvas.width || 300;
-		this._surfaceHeight = canvas.height || 150;
-		this._surface = new Cairo.ImageSurface(Cairo.Format.ARGB32, this._surfaceWidth, this._surfaceHeight);
-		this._ctx = new Cairo.Context(this._surface);
-		this._state = createDefaultState();
-	}
-	/** Ensure the surface matches the current canvas dimensions. Recreate if resized. */
-	_ensureSurface() {
-		const w = this.canvas.width || 300;
-		const h = this.canvas.height || 150;
-		if (w !== this._surfaceWidth || h !== this._surfaceHeight) {
-			this._ctx.$dispose();
-			this._surface.finish();
-			this._surfaceWidth = w;
-			this._surfaceHeight = h;
-			this._surface = new Cairo.ImageSurface(Cairo.Format.ARGB32, w, h);
-			this._ctx = new Cairo.Context(this._surface);
-			this._stateStack = [];
-		}
-	}
-	/** Reset drawing state to defaults (called when canvas dimensions are explicitly reset). */
-	_resetState() {
-		this._state = createDefaultState();
-		this._stateStack = [];
-	}
-	/** Apply the current fill style (color, gradient, or pattern) to the Cairo context. */
-	_applyFillStyle() {
-		const style = this._state.fillStyle;
-		if (typeof style === "string") {
-			const c = this._state.fillColor;
-			const a = c.a * this._state.globalAlpha;
-			this._ctx.setSourceRGBA(c.r, c.g, c.b, a);
-		} else if (style instanceof CanvasGradient) {
-			this._ctx.setSource(style._getCairoPattern());
-		} else if (style instanceof CanvasPattern) {
-			this._ctx.setSource(style._getCairoPattern());
-			this._applyPatternFilter();
-		}
-	}
-	/** Apply the current stroke style to the Cairo context. */
-	_applyStrokeStyle() {
-		const style = this._state.strokeStyle;
-		if (typeof style === "string") {
-			const c = this._state.strokeColor;
-			const a = c.a * this._state.globalAlpha;
-			this._ctx.setSourceRGBA(c.r, c.g, c.b, a);
-		} else if (style instanceof CanvasGradient) {
-			this._ctx.setSource(style._getCairoPattern());
-		} else if (style instanceof CanvasPattern) {
-			this._ctx.setSource(style._getCairoPattern());
-			this._applyPatternFilter();
-		}
-	}
-	/**
-	* Apply the current imageSmoothingEnabled + imageSmoothingQuality state
-	* to the currently installed Cairo source pattern. Per Canvas 2D spec,
-	* the filter is read from the context at *draw* time, not at pattern
-	* creation — so we re-apply it on every fill/stroke.
-	*/
-	_applyPatternFilter() {
-		const pat = this._ctx.getSource?.();
-		if (pat && typeof pat.setFilter === "function") {
-			let filter;
-			if (!this._state.imageSmoothingEnabled) {
-				filter = Cairo.Filter.NEAREST;
-			} else if (this._state.imageSmoothingQuality === "high") {
-				filter = Cairo.Filter.BEST;
-			} else {
-				filter = Cairo.Filter.BILINEAR;
-			}
-			pat.setFilter(filter);
-		}
-	}
-	/** Apply line properties to the Cairo context. */
-	_applyLineStyle() {
-		this._ctx.setLineWidth(this._state.lineWidth);
-		this._ctx.setLineCap(LINE_CAP_MAP[this._state.lineCap]);
-		this._ctx.setLineJoin(LINE_JOIN_MAP[this._state.lineJoin]);
-		this._ctx.setMiterLimit(this._state.miterLimit);
-		this._ctx.setDash(this._state.lineDash, this._state.lineDashOffset);
-	}
-	/** Apply compositing operator. */
-	_applyCompositing() {
-		const op = COMPOSITE_OP_MAP[this._state.globalCompositeOperation];
-		if (op !== undefined) {
-			this._ctx.setOperator(op);
-		}
-	}
-	/** Get the Cairo ImageSurface (used by other contexts like drawImage). */
-	_getSurface() {
-		return this._surface;
-	}
-	/** Check if shadow rendering is needed. */
-	_hasShadow() {
-		if (this._state.shadowBlur === 0 && this._state.shadowOffsetX === 0 && this._state.shadowOffsetY === 0) {
-			return false;
-		}
-		const c = parseColor(this._state.shadowColor);
-		return c !== null && c.a > 0;
-	}
-	/**
-	* Convert a distance from device pixels to Cairo user space by inverting
-	* the linear part of the current CTM (translation doesn't affect distances).
-	*
-	* Canvas 2D spec: shadowOffsetX/Y are in CSS pixels and are NOT scaled by
-	* the current transform. This helper converts them to user-space offsets so
-	* that `ctx.moveTo(x + sdx, y + sdy)` produces the correct pixel offset
-	* regardless of any ctx.scale() or ctx.rotate() in effect.
-	*/
-	_deviceToUserDistance(dx, dy) {
-		const origin = this._ctx.userToDevice(0, 0);
-		const xAxis = this._ctx.userToDevice(1, 0);
-		const yAxis = this._ctx.userToDevice(0, 1);
-		const a = (xAxis[0] ?? 0) - (origin[0] ?? 0);
-		const b = (xAxis[1] ?? 0) - (origin[1] ?? 0);
-		const c = (yAxis[0] ?? 0) - (origin[0] ?? 0);
-		const d = (yAxis[1] ?? 0) - (origin[1] ?? 0);
-		const det = a * d - b * c;
-		if (Math.abs(det) < 1e-10) return [dx, dy];
-		return [(d * dx - c * dy) / det, (-b * dx + a * dy) / det];
-	}
-	/**
-	* Shadow rendering is intentionally a no-op.
-	*
-	* Proper Canvas 2D shadows require a Gaussian blur pass on an isolated
-	* temporary surface, which cannot be emulated reliably without a full
-	* Path2D replay or pixel-level manipulation. The previous implementation
-	* attempted to use a temp surface but never replayed the path onto it
-	* (because `drawOp` closes over the main context), leaving the shadow
-	* surface empty while still leaking memory.
-	*
-	* Excalibur and most 2D game engines bake glow/outline effects into
-	* sprites rather than relying on canvas shadows, so this no-op does not
-	* affect the showcase. A correct implementation is tracked as a
-	* separate Canvas 2D Phase-5 enhancement.
-	*/
-	_renderShadow(_drawOp) {}
-	save() {
-		this._ensureSurface();
-		this._stateStack.push(cloneState(this._state));
-		this._ctx.save();
-	}
-	restore() {
-		this._ensureSurface();
-		const prev = this._stateStack.pop();
-		if (prev) {
-			this._state = prev;
-			this._ctx.restore();
-		}
-	}
-	translate(x, y) {
-		this._ensureSurface();
-		this._ctx.translate(x, y);
-	}
-	rotate(angle) {
-		this._ensureSurface();
-		this._ctx.rotate(angle);
-	}
-	scale(x, y) {
-		this._ensureSurface();
-		this._ctx.scale(x, y);
-	}
-	/**
-	* Multiply the current transformation matrix by the given values.
-	* Matrix: [a c e]
-	*         [b d f]
-	*         [0 0 1]
-	*/
-	transform(a, b, c, d, e, f) {
-		this._ensureSurface();
-		if (!Number.isFinite(a) || !Number.isFinite(b) || !Number.isFinite(c) || !Number.isFinite(d) || !Number.isFinite(e) || !Number.isFinite(f)) {
-			return;
-		}
-		const tx = e;
-		const ty = f;
-		const sx = Math.hypot(a, b);
-		const sy = Math.hypot(c, d);
-		const rotation = Math.atan2(b, a);
-		this._ctx.translate(tx, ty);
-		if (rotation !== 0) this._ctx.rotate(rotation);
-		if (sx !== 1 || sy !== 1) this._ctx.scale(sx, sy);
-	}
-	setTransform(a, b, c, d, e, f) {
-		this._ensureSurface();
-		if (typeof a === "object" && a !== null) {
-			const m = a;
-			this._ctx.identityMatrix();
-			this.transform(m.a ?? m.m11 ?? 1, m.b ?? m.m12 ?? 0, m.c ?? m.m21 ?? 0, m.d ?? m.m22 ?? 1, m.e ?? m.m41 ?? 0, m.f ?? m.m42 ?? 0);
-		} else if (typeof a === "number") {
-			this._ctx.identityMatrix();
-			this.transform(a, b, c, d, e, f);
-		} else {
-			this._ctx.identityMatrix();
-		}
-	}
-	/**
-	* Return the current transformation matrix as a DOMMatrix-like object.
-	*/
-	getTransform() {
-		const origin = this._ctx.userToDevice(0, 0);
-		const xAxis = this._ctx.userToDevice(1, 0);
-		const yAxis = this._ctx.userToDevice(0, 1);
-		const e = origin[0] ?? 0;
-		const f = origin[1] ?? 0;
-		const a = (xAxis[0] ?? 0) - e;
-		const b = (xAxis[1] ?? 0) - f;
-		const c = (yAxis[0] ?? 0) - e;
-		const d = (yAxis[1] ?? 0) - f;
-		const DOMMatrixCtor = globalThis.DOMMatrix;
-		if (typeof DOMMatrixCtor === "function") {
-			return new DOMMatrixCtor([
-				a,
-				b,
-				c,
-				d,
-				e,
-				f
-			]);
-		}
-		return {
-			a,
-			b,
-			c,
-			d,
-			e,
-			f,
-			m11: a,
-			m12: b,
-			m13: 0,
-			m14: 0,
-			m21: c,
-			m22: d,
-			m23: 0,
-			m24: 0,
-			m31: 0,
-			m32: 0,
-			m33: 1,
-			m34: 0,
-			m41: e,
-			m42: f,
-			m43: 0,
-			m44: 1,
-			is2D: true,
-			isIdentity: a === 1 && b === 0 && c === 0 && d === 1 && e === 0 && f === 0
-		};
-	}
-	resetTransform() {
-		this._ensureSurface();
-		this._ctx.identityMatrix();
-	}
-	get fillStyle() {
-		return this._state.fillStyle;
-	}
-	set fillStyle(value) {
-		if (typeof value === "string") {
-			const parsed = parseColor(value);
-			if (parsed) {
-				this._state.fillStyle = value;
-				this._state.fillColor = parsed;
-			}
-		} else {
-			this._state.fillStyle = value;
-		}
-	}
-	get strokeStyle() {
-		return this._state.strokeStyle;
-	}
-	set strokeStyle(value) {
-		if (typeof value === "string") {
-			const parsed = parseColor(value);
-			if (parsed) {
-				this._state.strokeStyle = value;
-				this._state.strokeColor = parsed;
-			}
-		} else {
-			this._state.strokeStyle = value;
-		}
-	}
-	get lineWidth() {
-		return this._state.lineWidth;
-	}
-	set lineWidth(value) {
-		if (value > 0 && isFinite(value)) this._state.lineWidth = value;
-	}
-	get lineCap() {
-		return this._state.lineCap;
-	}
-	set lineCap(value) {
-		if (value === "butt" || value === "round" || value === "square") {
-			this._state.lineCap = value;
-		}
-	}
-	get lineJoin() {
-		return this._state.lineJoin;
-	}
-	set lineJoin(value) {
-		if (value === "miter" || value === "round" || value === "bevel") {
-			this._state.lineJoin = value;
-		}
-	}
-	get miterLimit() {
-		return this._state.miterLimit;
-	}
-	set miterLimit(value) {
-		if (value > 0 && isFinite(value)) this._state.miterLimit = value;
-	}
-	get globalAlpha() {
-		return this._state.globalAlpha;
-	}
-	set globalAlpha(value) {
-		if (value >= 0 && value <= 1 && isFinite(value)) this._state.globalAlpha = value;
-	}
-	get globalCompositeOperation() {
-		return this._state.globalCompositeOperation;
-	}
-	set globalCompositeOperation(value) {
-		if (COMPOSITE_OP_MAP[value] !== undefined) {
-			this._state.globalCompositeOperation = value;
-		}
-	}
-	get imageSmoothingEnabled() {
-		return this._state.imageSmoothingEnabled;
-	}
-	set imageSmoothingEnabled(value) {
-		this._state.imageSmoothingEnabled = !!value;
-	}
-	get imageSmoothingQuality() {
-		return this._state.imageSmoothingQuality;
-	}
-	set imageSmoothingQuality(value) {
-		if (value === "low" || value === "medium" || value === "high") {
-			this._state.imageSmoothingQuality = value;
-		}
-	}
-	setLineDash(segments) {
-		if (segments.some((v) => v < 0 || !isFinite(v))) return;
-		this._state.lineDash = [...segments];
-	}
-	getLineDash() {
-		return [...this._state.lineDash];
-	}
-	get lineDashOffset() {
-		return this._state.lineDashOffset;
-	}
-	set lineDashOffset(value) {
-		if (isFinite(value)) this._state.lineDashOffset = value;
-	}
-	get shadowColor() {
-		return this._state.shadowColor;
-	}
-	set shadowColor(value) {
-		this._state.shadowColor = value;
-	}
-	get shadowBlur() {
-		return this._state.shadowBlur;
-	}
-	set shadowBlur(value) {
-		if (value >= 0 && isFinite(value)) this._state.shadowBlur = value;
-	}
-	get shadowOffsetX() {
-		return this._state.shadowOffsetX;
-	}
-	set shadowOffsetX(value) {
-		if (isFinite(value)) this._state.shadowOffsetX = value;
-	}
-	get shadowOffsetY() {
-		return this._state.shadowOffsetY;
-	}
-	set shadowOffsetY(value) {
-		if (isFinite(value)) this._state.shadowOffsetY = value;
-	}
-	get font() {
-		return this._state.font;
-	}
-	set font(value) {
-		this._state.font = value;
-	}
-	get textAlign() {
-		return this._state.textAlign;
-	}
-	set textAlign(value) {
-		this._state.textAlign = value;
-	}
-	get textBaseline() {
-		return this._state.textBaseline;
-	}
-	set textBaseline(value) {
-		this._state.textBaseline = value;
-	}
-	get direction() {
-		return this._state.direction;
-	}
-	set direction(value) {
-		this._state.direction = value;
-	}
-	beginPath() {
-		this._ensureSurface();
-		this._ctx.newPath();
-	}
-	moveTo(x, y) {
-		this._ensureSurface();
-		this._ctx.moveTo(x, y);
-	}
-	lineTo(x, y) {
-		this._ensureSurface();
-		this._ctx.lineTo(x, y);
-	}
-	closePath() {
-		this._ensureSurface();
-		this._ctx.closePath();
-	}
-	bezierCurveTo(cp1x, cp1y, cp2x, cp2y, x, y) {
-		this._ensureSurface();
-		this._ctx.curveTo(cp1x, cp1y, cp2x, cp2y, x, y);
-	}
-	quadraticCurveTo(cpx, cpy, x, y) {
-		this._ensureSurface();
-		let cx, cy;
-		if (this._ctx.hasCurrentPoint()) {
-			[cx, cy] = this._ctx.getCurrentPoint();
-		} else {
-			cx = cpx;
-			cy = cpy;
-		}
-		const { cp1x, cp1y, cp2x, cp2y } = quadraticToCubic(cx, cy, cpx, cpy, x, y);
-		this._ctx.curveTo(cp1x, cp1y, cp2x, cp2y, x, y);
-	}
-	arc(x, y, radius, startAngle, endAngle, counterclockwise = false) {
-		this._ensureSurface();
-		if (Math.abs(endAngle - startAngle) >= 2 * Math.PI) {
-			this._ctx.arc(x, y, radius, 0, 2 * Math.PI);
-			return;
-		}
-		if (counterclockwise) {
-			this._ctx.arcNegative(x, y, radius, startAngle, endAngle);
-		} else {
-			this._ctx.arc(x, y, radius, startAngle, endAngle);
-		}
-	}
-	arcTo(x1, y1, x2, y2, radius) {
-		this._ensureSurface();
-		let x0, y0;
-		if (this._ctx.hasCurrentPoint()) {
-			[x0, y0] = this._ctx.getCurrentPoint();
-		} else {
-			x0 = x1;
-			y0 = y1;
-			this._ctx.moveTo(x1, y1);
-		}
-		cairoArcTo(this._ctx, x0, y0, x1, y1, x2, y2, radius);
-	}
-	ellipse(x, y, radiusX, radiusY, rotation, startAngle, endAngle, counterclockwise = false) {
-		this._ensureSurface();
-		if (radiusX < 0 || radiusY < 0) {
-			throw new RangeError("The radii provided are negative");
-		}
-		cairoEllipse(this._ctx, x, y, radiusX, radiusY, rotation, startAngle, endAngle, counterclockwise);
-	}
-	rect(x, y, w, h) {
-		this._ensureSurface();
-		this._ctx.rectangle(x, y, w, h);
-	}
-	roundRect(x, y, w, h, radii = 0) {
-		this._ensureSurface();
-		cairoRoundRect(this._ctx, x, y, w, h, radii);
-	}
-	fill(pathOrRule, fillRule) {
-		this._ensureSurface();
-		this._applyCompositing();
-		this._applyFillStyle();
-		let rule;
-		if (pathOrRule instanceof Path2D) {
-			this._ctx.newPath();
-			pathOrRule._replayOnCairo(this._ctx);
-			rule = fillRule;
-		} else {
-			rule = pathOrRule;
-		}
-		this._ctx.setFillRule(rule === "evenodd" ? Cairo.FillRule.EVEN_ODD : Cairo.FillRule.WINDING);
-		this._ctx.fillPreserve();
-	}
-	stroke(path) {
-		this._ensureSurface();
-		this._applyCompositing();
-		this._applyStrokeStyle();
-		this._applyLineStyle();
-		if (path instanceof Path2D) {
-			this._ctx.newPath();
-			path._replayOnCairo(this._ctx);
-		}
-		this._ctx.strokePreserve();
-	}
-	fillRect(x, y, w, h) {
-		this._ensureSurface();
-		this._applyCompositing();
-		const savedPath = this._ctx.copyPath();
-		if (this._hasShadow()) {
-			this._renderShadow(() => {
-				this._ctx.newPath();
-				this._ctx.rectangle(x, y, w, h);
-				this._ctx.fill();
-			});
-		}
-		this._applyFillStyle();
-		this._ctx.newPath();
-		this._ctx.rectangle(x, y, w, h);
-		this._ctx.fill();
-		this._ctx.newPath();
-		this._ctx.appendPath(savedPath);
-	}
-	strokeRect(x, y, w, h) {
-		this._ensureSurface();
-		this._applyCompositing();
-		const savedPath = this._ctx.copyPath();
-		if (this._hasShadow()) {
-			this._renderShadow(() => {
-				this._ctx.newPath();
-				this._ctx.rectangle(x, y, w, h);
-				this._ctx.stroke();
-			});
-		}
-		this._applyStrokeStyle();
-		this._applyLineStyle();
-		this._ctx.newPath();
-		this._ctx.rectangle(x, y, w, h);
-		this._ctx.stroke();
-		this._ctx.newPath();
-		this._ctx.appendPath(savedPath);
-	}
-	clearRect(x, y, w, h) {
-		this._ensureSurface();
-		const savedPath = this._ctx.copyPath();
-		this._ctx.save();
-		this._ctx.setOperator(Cairo.Operator.CLEAR);
-		this._ctx.newPath();
-		this._ctx.rectangle(x, y, w, h);
-		this._ctx.fill();
-		this._ctx.restore();
-		this._ctx.newPath();
-		this._ctx.appendPath(savedPath);
-	}
-	clip(pathOrRule, fillRule) {
-		this._ensureSurface();
-		let rule;
-		if (pathOrRule instanceof Path2D) {
-			this._ctx.newPath();
-			pathOrRule._replayOnCairo(this._ctx);
-			rule = fillRule;
-		} else {
-			rule = pathOrRule;
-		}
-		this._ctx.setFillRule(rule === "evenodd" ? Cairo.FillRule.EVEN_ODD : Cairo.FillRule.WINDING);
-		this._ctx.clip();
-	}
-	isPointInPath(pathOrX, xOrY, fillRuleOrY, fillRule) {
-		this._ensureSurface();
-		let x, y, rule;
-		if (pathOrX instanceof Path2D) {
-			this._ctx.newPath();
-			pathOrX._replayOnCairo(this._ctx);
-			x = xOrY;
-			y = fillRuleOrY;
-			rule = fillRule;
-		} else {
-			x = pathOrX;
-			y = xOrY;
-			rule = fillRuleOrY;
-		}
-		this._ctx.setFillRule(rule === "evenodd" ? Cairo.FillRule.EVEN_ODD : Cairo.FillRule.WINDING);
-		return this._ctx.inFill(x, y);
-	}
-	isPointInStroke(pathOrX, xOrY, y) {
-		this._ensureSurface();
-		this._applyLineStyle();
-		if (pathOrX instanceof Path2D) {
-			this._ctx.newPath();
-			pathOrX._replayOnCairo(this._ctx);
-			return this._ctx.inStroke(xOrY, y);
-		}
-		return this._ctx.inStroke(pathOrX, xOrY);
-	}
-	createLinearGradient(x0, y0, x1, y1) {
-		return new CanvasGradient("linear", x0, y0, x1, y1);
-	}
-	createRadialGradient(x0, y0, r0, x1, y1, r1) {
-		return new CanvasGradient("radial", x0, y0, x1, y1, r0, r1);
-	}
-	createPattern(image, repetition) {
-		return CanvasPattern.create(image, repetition);
-	}
-	createImageData(swOrImageData, sh) {
-		if (typeof swOrImageData === "number") {
-			return new OurImageData(Math.abs(swOrImageData), Math.abs(sh));
-		}
-		return new OurImageData(swOrImageData.width, swOrImageData.height);
-	}
-	getImageData(sx, sy, sw, sh) {
-		this._ensureSurface();
-		this._surface.flush();
-		const pixbuf = Gdk.pixbuf_get_from_surface(this._surface, sx, sy, sw, sh);
-		if (!pixbuf) {
-			return new OurImageData(sw, sh);
-		}
-		const pixels = pixbuf.get_pixels();
-		const hasAlpha = pixbuf.get_has_alpha();
-		const rowstride = pixbuf.get_rowstride();
-		const nChannels = pixbuf.get_n_channels();
-		const out = new Uint8ClampedArray(sw * sh * 4);
-		for (let y = 0; y < sh; y++) {
-			for (let x = 0; x < sw; x++) {
-				const srcIdx = y * rowstride + x * nChannels;
-				const dstIdx = (y * sw + x) * 4;
-				out[dstIdx] = pixels[srcIdx];
-				out[dstIdx + 1] = pixels[srcIdx + 1];
-				out[dstIdx + 2] = pixels[srcIdx + 2];
-				out[dstIdx + 3] = hasAlpha ? pixels[srcIdx + 3] : 255;
-			}
-		}
-		return new OurImageData(out, sw, sh);
-	}
-	putImageData(imageData, dx, dy, dirtyX, dirtyY, dirtyWidth, dirtyHeight) {
-		this._ensureSurface();
-		const sx = dirtyX ?? 0;
-		const sy = dirtyY ?? 0;
-		const sw = dirtyWidth ?? imageData.width;
-		const sh = dirtyHeight ?? imageData.height;
-		const srcData = imageData.data;
-		const srcWidth = imageData.width;
-		const regionData = new Uint8Array(sw * sh * 4);
-		for (let y = 0; y < sh; y++) {
-			for (let x = 0; x < sw; x++) {
-				const srcIdx = ((sy + y) * srcWidth + (sx + x)) * 4;
-				const dstIdx = (y * sw + x) * 4;
-				regionData[dstIdx] = srcData[srcIdx];
-				regionData[dstIdx + 1] = srcData[srcIdx + 1];
-				regionData[dstIdx + 2] = srcData[srcIdx + 2];
-				regionData[dstIdx + 3] = srcData[srcIdx + 3];
-			}
-		}
-		const pixbuf = GdkPixbuf.Pixbuf.new_from_bytes(regionData, GdkPixbuf.Colorspace.RGB, true, 8, sw, sh, sw * 4);
-		this._ctx.save();
-		this._ctx.setOperator(Cairo.Operator.SOURCE);
-		Gdk.cairo_set_source_pixbuf(this._ctx, pixbuf, dx + sx, dy + sy);
-		this._ctx.rectangle(dx + sx, dy + sy, sw, sh);
-		this._ctx.fill();
-		this._ctx.restore();
-	}
-	drawImage(image, a1, a2, a3, a4, a5, a6, a7, a8) {
-		this._ensureSurface();
-		this._applyCompositing();
-		let sx, sy, sw, sh;
-		let dx, dy, dw, dh;
-		const sourceInfo = this._getDrawImageSource(image);
-		if (!sourceInfo) return;
-		const { pixbuf, imgWidth, imgHeight } = sourceInfo;
-		if (a3 === undefined) {
-			sx = 0;
-			sy = 0;
-			sw = imgWidth;
-			sh = imgHeight;
-			dx = a1;
-			dy = a2;
-			dw = imgWidth;
-			dh = imgHeight;
-		} else if (a5 === undefined) {
-			sx = 0;
-			sy = 0;
-			sw = imgWidth;
-			sh = imgHeight;
-			dx = a1;
-			dy = a2;
-			dw = a3;
-			dh = a4;
-		} else {
-			sx = a1;
-			sy = a2;
-			sw = a3;
-			sh = a4;
-			dx = a5;
-			dy = a6;
-			dw = a7;
-			dh = a8;
-		}
-		if (sw === 0 || sh === 0 || dw === 0 || dh === 0) {
-			return;
-		}
-		this._ctx.save();
-		this._ctx.rectangle(dx, dy, dw, dh);
-		this._ctx.clip();
-		this._ctx.translate(dx, dy);
-		this._ctx.scale(dw / sw, dh / sh);
-		this._ctx.translate(-sx, -sy);
-		Gdk.cairo_set_source_pixbuf(this._ctx, pixbuf, 0, 0);
-		const pat = this._ctx.getSource?.();
-		if (pat && typeof pat.setFilter === "function") {
-			let filter;
-			if (!this._state.imageSmoothingEnabled) {
-				filter = Cairo.Filter.NEAREST;
-			} else if (this._state.imageSmoothingQuality === "high") {
-				filter = Cairo.Filter.BEST;
-			} else {
-				filter = Cairo.Filter.BILINEAR;
-			}
-			pat.setFilter(filter);
-		}
-		if (this._state.globalAlpha < 1) {
-			this._ctx.paintWithAlpha(this._state.globalAlpha);
-		} else {
-			this._ctx.paint();
-		}
-		this._ctx.restore();
-	}
-	_getDrawImageSource(image) {
-		if (typeof image?.isPixbuf === "function" && image.isPixbuf()) {
-			const pixbuf = image._pixbuf;
-			return {
-				pixbuf,
-				imgWidth: pixbuf.get_width(),
-				imgHeight: pixbuf.get_height()
-			};
-		}
-		if (typeof image?.getContext === "function") {
-			const ctx2d = image.getContext("2d");
-			if (ctx2d && typeof ctx2d._getSurface === "function") {
-				const surface = ctx2d._getSurface();
-				surface.flush();
-				const pixbuf = Gdk.pixbuf_get_from_surface(surface, 0, 0, image.width, image.height);
-				if (pixbuf) {
-					return {
-						pixbuf,
-						imgWidth: image.width,
-						imgHeight: image.height
-					};
-				}
-			}
-		}
-		return null;
-	}
-	/** Create a PangoCairo layout configured with current font/text settings. */
-	_createTextLayout(text) {
-		const layout = PangoCairo.create_layout(this._ctx);
-		layout.set_text(text, -1);
-		const pangoCtx = layout.get_context();
-		pangoCtx.set_base_dir(Pango.Direction.LTR);
-		layout.context_changed();
-		const fontDesc = this._parseFontToDescription(this._state.font);
-		layout.set_font_description(fontDesc);
-		return layout;
-	}
-	/** Parse a CSS font string (e.g. "bold 16px Arial") into a Pango.FontDescription. */
-	_parseFontToDescription(cssFont) {
-		const match = cssFont.match(/^\s*(italic|oblique|normal)?\s*(small-caps|normal)?\s*(bold|bolder|lighter|[1-9]00|normal)?\s*(\d+(?:\.\d+)?)(px|pt|em|rem|%)?\s*(?:\/\S+)?\s*(.+)?$/i);
-		if (!match) {
-			return Pango.font_description_from_string(cssFont);
-		}
-		const style = match[1] || "";
-		const weight = match[3] || "";
-		let size = parseFloat(match[4]) || 10;
-		const unit = (match[5] || "px").toLowerCase();
-		const family = (match[6] || "sans-serif").replace(/['"]/g, "").trim();
-		if (unit === "pt") size = size * 96 / 72;
-		else if (unit === "em" || unit === "rem") size = size * 16;
-		else if (unit === "%") size = size / 100 * 16;
-		let pangoStr = family;
-		if (style === "italic") pangoStr += " Italic";
-		else if (style === "oblique") pangoStr += " Oblique";
-		if (weight === "bold" || weight === "bolder" || parseInt(weight) >= 600) pangoStr += " Bold";
-		else if (weight === "lighter" || parseInt(weight) > 0 && parseInt(weight) <= 300) pangoStr += " Light";
-		const desc = Pango.font_description_from_string(pangoStr);
-		desc.set_absolute_size(size * Pango.SCALE);
-		return desc;
-	}
-	/**
-	* Compute the x-offset for text alignment relative to the given x coordinate.
-	*/
-	_getTextAlignOffset(layout) {
-		const [, logicalRect] = layout.get_pixel_extents();
-		const width = logicalRect.width;
-		switch (this._state.textAlign) {
-			case "center": return -width / 2;
-			case "right":
-			case "end": return -width;
-			case "left":
-			case "start":
-			default: return 0;
-		}
-	}
-	/**
-	* Compute the y-offset for text baseline positioning.
-	*
-	* PangoCairo.show_layout() places the layout TOP-LEFT at the current Cairo point
-	* (not the baseline). Within the layout, the first line's baseline is at
-	* approximately `ascent` pixels below the layout top.
-	*
-	* For CSS textBaseline semantics, we shift the current point UP (negative offset)
-	* so the layout top lands at the right position relative to the user's y coordinate.
-	*/
-	_getTextBaselineOffset(layout) {
-		const fontDesc = layout.get_font_description() || this._parseFontToDescription(this._state.font);
-		const context = layout.get_context();
-		const metrics = context.get_metrics(fontDesc, null);
-		const ascent = metrics.get_ascent() / Pango.SCALE;
-		const descent = metrics.get_descent() / Pango.SCALE;
-		const height = ascent + descent;
-		switch (this._state.textBaseline) {
-			case "top": return 0;
-			case "hanging": return -(ascent * .2);
-			case "middle": return -(height / 2);
-			case "alphabetic": return -ascent;
-			case "ideographic": return -(ascent + descent * .5);
-			case "bottom": return -height;
-			default: return -ascent;
-		}
-	}
-	fillText(text, x, y, _maxWidth) {
-		this._ensureSurface();
-		this._applyCompositing();
-		const layout = this._createTextLayout(text);
-		const xOff = this._getTextAlignOffset(layout);
-		const yOff = this._getTextBaselineOffset(layout);
-		if (this._hasShadow()) {
-			const sc = parseColor(this._state.shadowColor);
-			if (sc) {
-				const [sdx, sdy] = this._deviceToUserDistance(this._state.shadowOffsetX, this._state.shadowOffsetY);
-				const blur = this._state.shadowBlur;
-				let taps;
-				if (blur > 0) {
-					const [bu] = this._deviceToUserDistance(blur, 0);
-					const [, bv] = this._deviceToUserDistance(0, blur);
-					taps = [
-						[
-							sdx,
-							sdy,
-							sc.a
-						],
-						[
-							sdx + bu,
-							sdy,
-							sc.a * .5
-						],
-						[
-							sdx - bu,
-							sdy,
-							sc.a * .5
-						],
-						[
-							sdx,
-							sdy + bv,
-							sc.a * .5
-						],
-						[
-							sdx,
-							sdy - bv,
-							sc.a * .5
-						]
-					];
-				} else {
-					taps = [[
-						sdx,
-						sdy,
-						sc.a
-					]];
-				}
-				const aa = this._state.imageSmoothingEnabled ? Cairo.Antialias.DEFAULT : Cairo.Antialias.NONE;
-				for (const [tx, ty, ta] of taps) {
-					this._ctx.save();
-					this._ctx.setAntialias(aa);
-					this._ctx.setSourceRGBA(sc.r, sc.g, sc.b, ta);
-					this._ctx.moveTo(x + xOff + tx, y + yOff + ty);
-					PangoCairo.show_layout(this._ctx, layout);
-					this._ctx.restore();
-				}
-			}
-		}
-		this._applyFillStyle();
-		this._ctx.save();
-		this._ctx.setAntialias(this._state.imageSmoothingEnabled ? Cairo.Antialias.DEFAULT : Cairo.Antialias.NONE);
-		this._ctx.moveTo(x + xOff, y + yOff);
-		PangoCairo.show_layout(this._ctx, layout);
-		this._ctx.restore();
-	}
-	strokeText(text, x, y, _maxWidth) {
-		this._ensureSurface();
-		this._applyCompositing();
-		this._applyStrokeStyle();
-		this._applyLineStyle();
-		const layout = this._createTextLayout(text);
-		const xOff = this._getTextAlignOffset(layout);
-		const yOff = this._getTextBaselineOffset(layout);
-		this._ctx.save();
-		this._ctx.setAntialias(this._state.imageSmoothingEnabled ? Cairo.Antialias.DEFAULT : Cairo.Antialias.NONE);
-		this._ctx.moveTo(x + xOff, y + yOff);
-		PangoCairo.layout_path(this._ctx, layout);
-		this._ctx.stroke();
-		this._ctx.restore();
-	}
-	measureText(text) {
-		this._ensureSurface();
-		const layout = this._createTextLayout(text);
-		const [inkRect, logicalRect] = layout.get_pixel_extents();
-		const baselinePx = layout.get_baseline() / Pango.SCALE;
-		const actualAscent = Math.max(0, baselinePx - inkRect.y);
-		const actualDescent = Math.max(0, inkRect.y + inkRect.height - baselinePx);
-		const fontDesc = layout.get_font_description() || this._parseFontToDescription(this._state.font);
-		const metrics = layout.get_context().get_metrics(fontDesc, null);
-		const fontAscent = metrics.get_ascent() / Pango.SCALE;
-		const fontDescent = metrics.get_descent() / Pango.SCALE;
-		return {
-			width: logicalRect.width,
-			actualBoundingBoxAscent: actualAscent,
-			actualBoundingBoxDescent: actualDescent,
-			actualBoundingBoxLeft: Math.max(0, -inkRect.x),
-			actualBoundingBoxRight: inkRect.x + inkRect.width,
-			fontBoundingBoxAscent: fontAscent,
-			fontBoundingBoxDescent: fontDescent,
-			alphabeticBaseline: 0,
-			emHeightAscent: fontAscent,
-			emHeightDescent: fontDescent,
-			hangingBaseline: fontAscent * .8,
-			ideographicBaseline: -fontDescent
-		};
-	}
-	/**
-	* Write the canvas surface to a PNG file and return as data URL.
-	* Used by HTMLCanvasElement.toDataURL() when a '2d' context is active.
-	*/
-	_toDataURL(type, _quality) {
-		if (type && type !== "image/png") {}
-		this._surface.flush();
-		const Gio = imports.gi.Gio;
-		const GLib = imports.gi.GLib;
-		const [, tempPath] = GLib.file_open_tmp("canvas-XXXXXX.png");
-		try {
-			this._surface.writeToPNG(tempPath);
-			const file = Gio.File.new_for_path(tempPath);
-			const [, contents] = file.load_contents(null);
-			const base64 = GLib.base64_encode(contents);
-			return `data:image/png;base64,${base64}`;
-		} finally {
-			try {
-				GLib.unlink(tempPath);
-			} catch (_e) {}
-		}
-	}
-	/** Release native Cairo resources. Call when the canvas is discarded. */
-	_dispose() {
-		this._ctx.$dispose();
-		this._surface.finish();
-	}
-};
-
-//#endregion
-export { CanvasRenderingContext2D };
+import{COMPOSITE_OP_MAP as e,LINE_CAP_MAP as t,LINE_JOIN_MAP as n,cairoArcTo as r,cairoEllipse as i,cairoRoundRect as a,quadraticToCubic as o}from"./cairo-utils.js";import{parseColor as s}from"./color.js";import{CanvasGradient as c}from"./canvas-gradient.js";import{Path2D as l}from"./canvas-path.js";import{CanvasPattern as u}from"./canvas-pattern.js";import{cloneState as d,createDefaultState as f}from"./canvas-state.js";import{OurImageData as p}from"./image-data.js";import m from"cairo";import h from"gi://Gdk?version=4.0";import g from"gi://GdkPixbuf";import _ from"gi://Pango";import v from"gi://PangoCairo";var y=class{constructor(e,t){this._stateStack=[],this.canvas=e,this._surfaceWidth=e.width||300,this._surfaceHeight=e.height||150,this._surface=new m.ImageSurface(m.Format.ARGB32,this._surfaceWidth,this._surfaceHeight),this._ctx=new m.Context(this._surface),this._state=f()}_ensureSurface(){let e=this.canvas.width||300,t=this.canvas.height||150;(e!==this._surfaceWidth||t!==this._surfaceHeight)&&(this._ctx.$dispose(),this._surface.finish(),this._surfaceWidth=e,this._surfaceHeight=t,this._surface=new m.ImageSurface(m.Format.ARGB32,e,t),this._ctx=new m.Context(this._surface),this._stateStack=[])}_resetState(){this._state=f(),this._stateStack=[]}_applyFillStyle(){let e=this._state.fillStyle;if(typeof e==`string`){let e=this._state.fillColor,t=e.a*this._state.globalAlpha;this._ctx.setSourceRGBA(e.r,e.g,e.b,t)}else e instanceof c?this._ctx.setSource(e._getCairoPattern()):e instanceof u&&(this._ctx.setSource(e._getCairoPattern()),this._applyPatternFilter())}_applyStrokeStyle(){let e=this._state.strokeStyle;if(typeof e==`string`){let e=this._state.strokeColor,t=e.a*this._state.globalAlpha;this._ctx.setSourceRGBA(e.r,e.g,e.b,t)}else e instanceof c?this._ctx.setSource(e._getCairoPattern()):e instanceof u&&(this._ctx.setSource(e._getCairoPattern()),this._applyPatternFilter())}_applyPatternFilter(){let e=this._ctx.getSource?.();if(e&&typeof e.setFilter==`function`){let t;t=this._state.imageSmoothingEnabled?this._state.imageSmoothingQuality===`high`?m.Filter.BEST:m.Filter.BILINEAR:m.Filter.NEAREST,e.setFilter(t)}}_applyLineStyle(){this._ctx.setLineWidth(this._state.lineWidth),this._ctx.setLineCap(t[this._state.lineCap]),this._ctx.setLineJoin(n[this._state.lineJoin]),this._ctx.setMiterLimit(this._state.miterLimit),this._ctx.setDash(this._state.lineDash,this._state.lineDashOffset)}_applyCompositing(){let t=e[this._state.globalCompositeOperation];t!==void 0&&this._ctx.setOperator(t)}_getSurface(){return this._surface}_hasShadow(){if(this._state.shadowBlur===0&&this._state.shadowOffsetX===0&&this._state.shadowOffsetY===0)return!1;let e=s(this._state.shadowColor);return e!==null&&e.a>0}_deviceToUserDistance(e,t){let n=this._ctx.userToDevice(0,0),r=this._ctx.userToDevice(1,0),i=this._ctx.userToDevice(0,1),a=(r[0]??0)-(n[0]??0),o=(r[1]??0)-(n[1]??0),s=(i[0]??0)-(n[0]??0),c=(i[1]??0)-(n[1]??0),l=a*c-o*s;return Math.abs(l)<1e-10?[e,t]:[(c*e-s*t)/l,(-o*e+a*t)/l]}_renderShadow(e){}save(){this._ensureSurface(),this._stateStack.push(d(this._state)),this._ctx.save()}restore(){this._ensureSurface();let e=this._stateStack.pop();e&&(this._state=e,this._ctx.restore())}translate(e,t){this._ensureSurface(),this._ctx.translate(e,t)}rotate(e){this._ensureSurface(),this._ctx.rotate(e)}scale(e,t){this._ensureSurface(),this._ctx.scale(e,t)}transform(e,t,n,r,i,a){if(this._ensureSurface(),!Number.isFinite(e)||!Number.isFinite(t)||!Number.isFinite(n)||!Number.isFinite(r)||!Number.isFinite(i)||!Number.isFinite(a))return;let o=i,s=a,c=Math.hypot(e,t),l=Math.hypot(n,r),u=Math.atan2(t,e);this._ctx.translate(o,s),u!==0&&this._ctx.rotate(u),(c!==1||l!==1)&&this._ctx.scale(c,l)}setTransform(e,t,n,r,i,a){if(this._ensureSurface(),typeof e==`object`&&e){let t=e;this._ctx.identityMatrix(),this.transform(t.a??t.m11??1,t.b??t.m12??0,t.c??t.m21??0,t.d??t.m22??1,t.e??t.m41??0,t.f??t.m42??0)}else typeof e==`number`?(this._ctx.identityMatrix(),this.transform(e,t,n,r,i,a)):this._ctx.identityMatrix()}getTransform(){let e=this._ctx.userToDevice(0,0),t=this._ctx.userToDevice(1,0),n=this._ctx.userToDevice(0,1),r=e[0]??0,i=e[1]??0,a=(t[0]??0)-r,o=(t[1]??0)-i,s=(n[0]??0)-r,c=(n[1]??0)-i,l=globalThis.DOMMatrix;return typeof l==`function`?new l([a,o,s,c,r,i]):{a,b:o,c:s,d:c,e:r,f:i,m11:a,m12:o,m13:0,m14:0,m21:s,m22:c,m23:0,m24:0,m31:0,m32:0,m33:1,m34:0,m41:r,m42:i,m43:0,m44:1,is2D:!0,isIdentity:a===1&&o===0&&s===0&&c===1&&r===0&&i===0}}resetTransform(){this._ensureSurface(),this._ctx.identityMatrix()}get fillStyle(){return this._state.fillStyle}set fillStyle(e){if(typeof e==`string`){let t=s(e);t&&(this._state.fillStyle=e,this._state.fillColor=t)}else this._state.fillStyle=e}get strokeStyle(){return this._state.strokeStyle}set strokeStyle(e){if(typeof e==`string`){let t=s(e);t&&(this._state.strokeStyle=e,this._state.strokeColor=t)}else this._state.strokeStyle=e}get lineWidth(){return this._state.lineWidth}set lineWidth(e){e>0&&isFinite(e)&&(this._state.lineWidth=e)}get lineCap(){return this._state.lineCap}set lineCap(e){(e===`butt`||e===`round`||e===`square`)&&(this._state.lineCap=e)}get lineJoin(){return this._state.lineJoin}set lineJoin(e){(e===`miter`||e===`round`||e===`bevel`)&&(this._state.lineJoin=e)}get miterLimit(){return this._state.miterLimit}set miterLimit(e){e>0&&isFinite(e)&&(this._state.miterLimit=e)}get globalAlpha(){return this._state.globalAlpha}set globalAlpha(e){e>=0&&e<=1&&isFinite(e)&&(this._state.globalAlpha=e)}get globalCompositeOperation(){return this._state.globalCompositeOperation}set globalCompositeOperation(t){e[t]!==void 0&&(this._state.globalCompositeOperation=t)}get imageSmoothingEnabled(){return this._state.imageSmoothingEnabled}set imageSmoothingEnabled(e){this._state.imageSmoothingEnabled=!!e}get imageSmoothingQuality(){return this._state.imageSmoothingQuality}set imageSmoothingQuality(e){(e===`low`||e===`medium`||e===`high`)&&(this._state.imageSmoothingQuality=e)}setLineDash(e){e.some(e=>e<0||!isFinite(e))||(this._state.lineDash=[...e])}getLineDash(){return[...this._state.lineDash]}get lineDashOffset(){return this._state.lineDashOffset}set lineDashOffset(e){isFinite(e)&&(this._state.lineDashOffset=e)}get shadowColor(){return this._state.shadowColor}set shadowColor(e){this._state.shadowColor=e}get shadowBlur(){return this._state.shadowBlur}set shadowBlur(e){e>=0&&isFinite(e)&&(this._state.shadowBlur=e)}get shadowOffsetX(){return this._state.shadowOffsetX}set shadowOffsetX(e){isFinite(e)&&(this._state.shadowOffsetX=e)}get shadowOffsetY(){return this._state.shadowOffsetY}set shadowOffsetY(e){isFinite(e)&&(this._state.shadowOffsetY=e)}get font(){return this._state.font}set font(e){this._state.font=e}get textAlign(){return this._state.textAlign}set textAlign(e){this._state.textAlign=e}get textBaseline(){return this._state.textBaseline}set textBaseline(e){this._state.textBaseline=e}get direction(){return this._state.direction}set direction(e){this._state.direction=e}beginPath(){this._ensureSurface(),this._ctx.newPath()}moveTo(e,t){this._ensureSurface(),this._ctx.moveTo(e,t)}lineTo(e,t){this._ensureSurface(),this._ctx.lineTo(e,t)}closePath(){this._ensureSurface(),this._ctx.closePath()}bezierCurveTo(e,t,n,r,i,a){this._ensureSurface(),this._ctx.curveTo(e,t,n,r,i,a)}quadraticCurveTo(e,t,n,r){this._ensureSurface();let i,a;this._ctx.hasCurrentPoint()?[i,a]=this._ctx.getCurrentPoint():(i=e,a=t);let{cp1x:s,cp1y:c,cp2x:l,cp2y:u}=o(i,a,e,t,n,r);this._ctx.curveTo(s,c,l,u,n,r)}arc(e,t,n,r,i,a=!1){if(this._ensureSurface(),Math.abs(i-r)>=2*Math.PI){this._ctx.arc(e,t,n,0,2*Math.PI);return}a?this._ctx.arcNegative(e,t,n,r,i):this._ctx.arc(e,t,n,r,i)}arcTo(e,t,n,i,a){this._ensureSurface();let o,s;this._ctx.hasCurrentPoint()?[o,s]=this._ctx.getCurrentPoint():(o=e,s=t,this._ctx.moveTo(e,t)),r(this._ctx,o,s,e,t,n,i,a)}ellipse(e,t,n,r,a,o,s,c=!1){if(this._ensureSurface(),n<0||r<0)throw RangeError(`The radii provided are negative`);i(this._ctx,e,t,n,r,a,o,s,c)}rect(e,t,n,r){this._ensureSurface(),this._ctx.rectangle(e,t,n,r)}roundRect(e,t,n,r,i=0){this._ensureSurface(),a(this._ctx,e,t,n,r,i)}fill(e,t){this._ensureSurface(),this._applyCompositing(),this._applyFillStyle();let n;e instanceof l?(this._ctx.newPath(),e._replayOnCairo(this._ctx),n=t):n=e,this._ctx.setFillRule(n===`evenodd`?m.FillRule.EVEN_ODD:m.FillRule.WINDING),this._ctx.fillPreserve()}stroke(e){this._ensureSurface(),this._applyCompositing(),this._applyStrokeStyle(),this._applyLineStyle(),e instanceof l&&(this._ctx.newPath(),e._replayOnCairo(this._ctx)),this._ctx.strokePreserve()}fillRect(e,t,n,r){this._ensureSurface(),this._applyCompositing();let i=this._ctx.copyPath();this._hasShadow()&&this._renderShadow(()=>{this._ctx.newPath(),this._ctx.rectangle(e,t,n,r),this._ctx.fill()}),this._applyFillStyle(),this._ctx.newPath(),this._ctx.rectangle(e,t,n,r),this._ctx.fill(),this._ctx.newPath(),this._ctx.appendPath(i)}strokeRect(e,t,n,r){this._ensureSurface(),this._applyCompositing();let i=this._ctx.copyPath();this._hasShadow()&&this._renderShadow(()=>{this._ctx.newPath(),this._ctx.rectangle(e,t,n,r),this._ctx.stroke()}),this._applyStrokeStyle(),this._applyLineStyle(),this._ctx.newPath(),this._ctx.rectangle(e,t,n,r),this._ctx.stroke(),this._ctx.newPath(),this._ctx.appendPath(i)}clearRect(e,t,n,r){this._ensureSurface();let i=this._ctx.copyPath();this._ctx.save(),this._ctx.setOperator(m.Operator.CLEAR),this._ctx.newPath(),this._ctx.rectangle(e,t,n,r),this._ctx.fill(),this._ctx.restore(),this._ctx.newPath(),this._ctx.appendPath(i)}clip(e,t){this._ensureSurface();let n;e instanceof l?(this._ctx.newPath(),e._replayOnCairo(this._ctx),n=t):n=e,this._ctx.setFillRule(n===`evenodd`?m.FillRule.EVEN_ODD:m.FillRule.WINDING),this._ctx.clip()}isPointInPath(e,t,n,r){this._ensureSurface();let i,a,o;return e instanceof l?(this._ctx.newPath(),e._replayOnCairo(this._ctx),i=t,a=n,o=r):(i=e,a=t,o=n),this._ctx.setFillRule(o===`evenodd`?m.FillRule.EVEN_ODD:m.FillRule.WINDING),this._ctx.inFill(i,a)}isPointInStroke(e,t,n){return this._ensureSurface(),this._applyLineStyle(),e instanceof l?(this._ctx.newPath(),e._replayOnCairo(this._ctx),this._ctx.inStroke(t,n)):this._ctx.inStroke(e,t)}createLinearGradient(e,t,n,r){return new c(`linear`,e,t,n,r)}createRadialGradient(e,t,n,r,i,a){return new c(`radial`,e,t,r,i,n,a)}createPattern(e,t){return u.create(e,t)}createImageData(e,t){return typeof e==`number`?new p(Math.abs(e),Math.abs(t)):new p(e.width,e.height)}getImageData(e,t,n,r){this._ensureSurface(),this._surface.flush();let i=h.pixbuf_get_from_surface(this._surface,e,t,n,r);if(!i)return new p(n,r);let a=i.get_pixels(),o=i.get_has_alpha(),s=i.get_rowstride(),c=i.get_n_channels(),l=new Uint8ClampedArray(n*r*4);for(let e=0;e<r;e++)for(let t=0;t<n;t++){let r=e*s+t*c,i=(e*n+t)*4;l[i]=a[r],l[i+1]=a[r+1],l[i+2]=a[r+2],l[i+3]=o?a[r+3]:255}return new p(l,n,r)}putImageData(e,t,n,r,i,a,o){this._ensureSurface();let s=r??0,c=i??0,l=a??e.width,u=o??e.height,d=e.data,f=e.width,p=new Uint8Array(l*u*4);for(let e=0;e<u;e++)for(let t=0;t<l;t++){let n=((c+e)*f+(s+t))*4,r=(e*l+t)*4;p[r]=d[n],p[r+1]=d[n+1],p[r+2]=d[n+2],p[r+3]=d[n+3]}let _=g.Pixbuf.new_from_bytes(p,g.Colorspace.RGB,!0,8,l,u,l*4);this._ctx.save(),this._ctx.setOperator(m.Operator.SOURCE),h.cairo_set_source_pixbuf(this._ctx,_,t+s,n+c),this._ctx.rectangle(t+s,n+c,l,u),this._ctx.fill(),this._ctx.restore()}drawImage(e,t,n,r,i,a,o,s,c){this._ensureSurface(),this._applyCompositing();let l,u,d,f,p,g,_,v,y=this._getDrawImageSource(e);if(!y)return;let{pixbuf:b,imgWidth:x,imgHeight:S}=y;if(r===void 0?(l=0,u=0,d=x,f=S,p=t,g=n,_=x,v=S):a===void 0?(l=0,u=0,d=x,f=S,p=t,g=n,_=r,v=i):(l=t,u=n,d=r,f=i,p=a,g=o,_=s,v=c),d===0||f===0||_===0||v===0)return;this._ctx.save(),this._ctx.rectangle(p,g,_,v),this._ctx.clip(),this._ctx.translate(p,g),this._ctx.scale(_/d,v/f),this._ctx.translate(-l,-u),h.cairo_set_source_pixbuf(this._ctx,b,0,0);let C=this._ctx.getSource?.();if(C&&typeof C.setFilter==`function`){let e;e=this._state.imageSmoothingEnabled?this._state.imageSmoothingQuality===`high`?m.Filter.BEST:m.Filter.BILINEAR:m.Filter.NEAREST,C.setFilter(e)}this._state.globalAlpha<1?this._ctx.paintWithAlpha(this._state.globalAlpha):this._ctx.paint(),this._ctx.restore()}_getDrawImageSource(e){if(typeof e?.isPixbuf==`function`&&e.isPixbuf()){let t=e._pixbuf;return{pixbuf:t,imgWidth:t.get_width(),imgHeight:t.get_height()}}if(typeof e?.getContext==`function`){let t=e.getContext(`2d`);if(t&&typeof t._getSurface==`function`){let n=t._getSurface();n.flush();let r=h.pixbuf_get_from_surface(n,0,0,e.width,e.height);if(r)return{pixbuf:r,imgWidth:e.width,imgHeight:e.height}}}return null}_createTextLayout(e){let t=v.create_layout(this._ctx);t.set_text(e,-1),t.get_context().set_base_dir(_.Direction.LTR),t.context_changed();let n=this._parseFontToDescription(this._state.font);return t.set_font_description(n),t}_parseFontToDescription(e){let t=e.match(/^\s*(italic|oblique|normal)?\s*(small-caps|normal)?\s*(bold|bolder|lighter|[1-9]00|normal)?\s*(\d+(?:\.\d+)?)(px|pt|em|rem|%)?\s*(?:\/\S+)?\s*(.+)?$/i);if(!t)return _.font_description_from_string(e);let n=t[1]||``,r=t[3]||``,i=parseFloat(t[4])||10,a=(t[5]||`px`).toLowerCase(),o=(t[6]||`sans-serif`).replace(/['"]/g,``).trim();a===`pt`?i=i*96/72:a===`em`||a===`rem`?i*=16:a===`%`&&(i=i/100*16);let s=o;n===`italic`?s+=` Italic`:n===`oblique`&&(s+=` Oblique`),r===`bold`||r===`bolder`||parseInt(r)>=600?s+=` Bold`:(r===`lighter`||parseInt(r)>0&&parseInt(r)<=300)&&(s+=` Light`);let c=_.font_description_from_string(s);return c.set_absolute_size(i*_.SCALE),c}_getTextAlignOffset(e){let[,t]=e.get_pixel_extents(),n=t.width;switch(this._state.textAlign){case`center`:return-n/2;case`right`:case`end`:return-n;default:return 0}}_getTextBaselineOffset(e){let t=e.get_font_description()||this._parseFontToDescription(this._state.font),n=e.get_context().get_metrics(t,null),r=n.get_ascent()/_.SCALE,i=n.get_descent()/_.SCALE,a=r+i;switch(this._state.textBaseline){case`top`:return 0;case`hanging`:return-(r*.2);case`middle`:return-(a/2);case`alphabetic`:return-r;case`ideographic`:return-(r+i*.5);case`bottom`:return-a;default:return-r}}fillText(e,t,n,r){this._ensureSurface(),this._applyCompositing();let i=this._createTextLayout(e),a=this._getTextAlignOffset(i),o=this._getTextBaselineOffset(i);if(this._hasShadow()){let e=s(this._state.shadowColor);if(e){let[r,s]=this._deviceToUserDistance(this._state.shadowOffsetX,this._state.shadowOffsetY),c=this._state.shadowBlur,l;if(c>0){let[t]=this._deviceToUserDistance(c,0),[,n]=this._deviceToUserDistance(0,c);l=[[r,s,e.a],[r+t,s,e.a*.5],[r-t,s,e.a*.5],[r,s+n,e.a*.5],[r,s-n,e.a*.5]]}else l=[[r,s,e.a]];let u=this._state.imageSmoothingEnabled?m.Antialias.DEFAULT:m.Antialias.NONE;for(let[r,s,c]of l)this._ctx.save(),this._ctx.setAntialias(u),this._ctx.setSourceRGBA(e.r,e.g,e.b,c),this._ctx.moveTo(t+a+r,n+o+s),v.show_layout(this._ctx,i),this._ctx.restore()}}this._applyFillStyle(),this._ctx.save(),this._ctx.setAntialias(this._state.imageSmoothingEnabled?m.Antialias.DEFAULT:m.Antialias.NONE),this._ctx.moveTo(t+a,n+o),v.show_layout(this._ctx,i),this._ctx.restore()}strokeText(e,t,n,r){this._ensureSurface(),this._applyCompositing(),this._applyStrokeStyle(),this._applyLineStyle();let i=this._createTextLayout(e),a=this._getTextAlignOffset(i),o=this._getTextBaselineOffset(i);this._ctx.save(),this._ctx.setAntialias(this._state.imageSmoothingEnabled?m.Antialias.DEFAULT:m.Antialias.NONE),this._ctx.moveTo(t+a,n+o),v.layout_path(this._ctx,i),this._ctx.stroke(),this._ctx.restore()}measureText(e){this._ensureSurface();let t=this._createTextLayout(e),[n,r]=t.get_pixel_extents(),i=t.get_baseline()/_.SCALE,a=Math.max(0,i-n.y),o=Math.max(0,n.y+n.height-i),s=t.get_font_description()||this._parseFontToDescription(this._state.font),c=t.get_context().get_metrics(s,null),l=c.get_ascent()/_.SCALE,u=c.get_descent()/_.SCALE;return{width:r.width,actualBoundingBoxAscent:a,actualBoundingBoxDescent:o,actualBoundingBoxLeft:Math.max(0,-n.x),actualBoundingBoxRight:n.x+n.width,fontBoundingBoxAscent:l,fontBoundingBoxDescent:u,alphabeticBaseline:0,emHeightAscent:l,emHeightDescent:u,hangingBaseline:l*.8,ideographicBaseline:-u}}_toDataURL(e,t){this._surface.flush();let n=imports.gi.Gio,r=imports.gi.GLib,[,i]=r.file_open_tmp(`canvas-XXXXXX.png`);try{this._surface.writeToPNG(i);let[,e]=n.File.new_for_path(i).load_contents(null);return`data:image/png;base64,${r.base64_encode(e)}`}finally{try{r.unlink(i)}catch{}}}_dispose(){this._ctx.$dispose(),this._surface.finish()}};export{y as CanvasRenderingContext2D};