@pixerate/editor 0.104.0 → 0.106.0

package/dist/paint-editor/index.cjs

@@ -1,10 +1,10 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; } var _class; var _class2; var _class3; var _class4; var _class5; var _class6; var _class7; var _class8; var _class9;
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; } var _class; var _class2; var _class3; var _class4; var _class5; var _class6; var _class7; var _class8; var _class9; var _class10; var _class11;
 
 
 
 
 
-var _chunkVSMM7B3Pcjs = require('../chunk-VSMM7B3P.cjs');
+var _chunkZID226ZGcjs = require('../chunk-ZID226ZG.cjs');
 
 
 
@@ -1336,11 +1336,11 @@ function header(state, options) {
   return out;
 }
 function serializePaintDocument(state, options = {}) {
-  const { layers, assets } = _chunkVSMM7B3Pcjs.serializeLayers.call(void 0, state.layers);
+  const { layers, assets } = _chunkZID226ZGcjs.serializeLayers.call(void 0, state.layers);
   return { ...header(state, options), layers, assets };
 }
 async function serializePaintDocumentExternal(state, store, options = {}) {
-  const { layers, assets } = await _chunkVSMM7B3Pcjs.serializeLayersExternal.call(void 0, state.layers, store);
+  const { layers, assets } = await _chunkZID226ZGcjs.serializeLayersExternal.call(void 0, state.layers, store);
   return { ...header(state, options), layers, assets };
 }
 function paintLayersOnly(layers, problems) {
@@ -1377,7 +1377,7 @@ function deserializePaintDocument(raw) {
   const canvas = normalizeCanvas({ width: r.width, height: r.height, dpi: _nullishCoalesce(r.dpi, () => ( void 0)) });
   const paper = normalizePaper(_nullishCoalesce(r.paper, () => ( {})));
   const assets = r.assets && typeof r.assets === "object" ? r.assets : {};
-  const layers = paintLayersOnly(_chunkVSMM7B3Pcjs.deserializeLayers.call(void 0, r.layers, { assets, problems }), problems);
+  const layers = paintLayersOnly(_chunkZID226ZGcjs.deserializeLayers.call(void 0, r.layers, { assets, problems }), problems);
   const wanted = typeof r.activeLayerId === "string" ? r.activeLayerId : null;
   const activeLayerId = wanted && _chunkWSTEXEKDcjs.findLayer.call(void 0, layers, wanted) ? wanted : _nullishCoalesce(_optionalChain([_chunkWSTEXEKDcjs.flattenLayers.call(void 0, layers), 'access', _25 => _25.filter, 'call', _26 => _26((l) => l.type === "pixel"), 'access', _27 => _27.pop, 'call', _28 => _28(), 'optionalAccess', _29 => _29.id]), () => ( null));
   return { state: { canvas, paper, layers, activeLayerId, strokes: readStrokes(r.strokes, problems) }, extensions: documentExtensions(r), guides: r.guides, swatches: r.swatches, problems };
@@ -1386,7 +1386,7 @@ async function deserializePaintDocumentAsync(raw, store) {
   if (!raw || typeof raw !== "object") throw new Error("Not a paint document: expected a JSON object.");
   const r = raw;
   const problems = [];
-  const assets = await _chunkVSMM7B3Pcjs.resolveExternalAssets.call(void 0, _nullishCoalesce(r.assets, () => ( {})), store, problems);
+  const assets = await _chunkZID226ZGcjs.resolveExternalAssets.call(void 0, _nullishCoalesce(r.assets, () => ( {})), store, problems);
   const loaded = deserializePaintDocument({ ...r, assets });
   return { ...loaded, problems: [...problems, ...loaded.problems] };
 }
@@ -1509,6 +1509,28 @@ function defaultImageEncoder() {
     return new Uint8Array(await blob.arrayBuffer());
   };
 }
+async function decodeImageBlob(blob) {
+  const g = globalThis;
+  if (typeof g.createImageBitmap !== "function" || typeof g.OffscreenCanvas !== "function") throw new Error("Decoding images needs a browser (createImageBitmap and OffscreenCanvas).");
+  const bitmap = await g.createImageBitmap(blob);
+  const canvas = new g.OffscreenCanvas(bitmap.width, bitmap.height);
+  const ctx = canvas.getContext("2d");
+  if (!ctx) throw new Error("No 2D context to decode with.");
+  ctx.drawImage(bitmap, 0, 0);
+  const data = new Uint8ClampedArray(ctx.getImageData(0, 0, bitmap.width, bitmap.height).data);
+  _optionalChain([bitmap, 'access', _30 => _30.close, 'optionalCall', _31 => _31()]);
+  return { width: bitmap.width, height: bitmap.height, data };
+}
+function downloadBytes(bytes, fileName, mimeType) {
+  const g = globalThis;
+  if (!g.document || !g.URL || !g.Blob) throw new Error("Downloading needs a browser.");
+  const url = g.URL.createObjectURL(new g.Blob([bytes], { type: mimeType }));
+  const a = g.document.createElement("a");
+  a.href = url;
+  a.download = fileName;
+  a.click();
+  setTimeout(() => g.URL.revokeObjectURL(url), 1e3);
+}
 
 // src/paint-editor/thumbnails.ts
 function thumbnailStroke(width, height) {
@@ -2001,7 +2023,7 @@ function unionRect(a, b) {
   const y = Math.min(a.y, b.y);
   return { x, y, width: Math.max(a.x + a.width, b.x + b.width) - x, height: Math.max(a.y + a.height, b.y + b.height) - y };
 }
-var isPixelLayer = (l) => _optionalChain([l, 'optionalAccess', _30 => _30.type]) === "pixel";
+var isPixelLayer = (l) => _optionalChain([l, 'optionalAccess', _32 => _32.type]) === "pixel";
 var PaintEditorController = (_class9 = class {
   
   __init33() {this.extensions = {}}
@@ -2073,8 +2095,8 @@ var PaintEditorController = (_class9 = class {
       hand: this.hand,
       canUndo: this.undoStack.length > 0 && !this.session,
       canRedo: this.redoStack.length > 0 && !this.session,
-      undoLabel: _nullishCoalesce(_optionalChain([last, 'optionalAccess', _31 => _31.label]), () => ( null)),
-      redoLabel: _nullishCoalesce(_optionalChain([next, 'optionalAccess', _32 => _32.label]), () => ( null)),
+      undoLabel: _nullishCoalesce(_optionalChain([last, 'optionalAccess', _33 => _33.label]), () => ( null)),
+      redoLabel: _nullishCoalesce(_optionalChain([next, 'optionalAccess', _34 => _34.label]), () => ( null)),
       guides: this.guides,
       swatches: this.swatches,
       mixingPadVersion: this.pad.version,
@@ -2182,7 +2204,7 @@ var PaintEditorController = (_class9 = class {
   }
   // --- Layers --------------------------------------------------------------------
   getLayer(id) {
-    return _optionalChain([_chunkWSTEXEKDcjs.findLayer.call(void 0, this.doc.layers, id), 'optionalAccess', _33 => _33.layer]);
+    return _optionalChain([_chunkWSTEXEKDcjs.findLayer.call(void 0, this.doc.layers, id), 'optionalAccess', _35 => _35.layer]);
   }
   /** The active pixel layer (or `undefined`). */
   getActiveLayer() {
@@ -2201,7 +2223,7 @@ var PaintEditorController = (_class9 = class {
     walk(this.doc.layers, null, 0);
     return out;
   }
-  describeLayer(l, parentId = _nullishCoalesce(_optionalChain([_chunkWSTEXEKDcjs.findLayer.call(void 0, this.doc.layers, l.id), 'optionalAccess', _34 => _34.parent, 'optionalAccess', _35 => _35.id]), () => ( null)), depth = _nullishCoalesce(_optionalChain([_chunkWSTEXEKDcjs.findLayer.call(void 0, this.doc.layers, l.id), 'optionalAccess', _36 => _36.path, 'access', _37 => _37.length]), () => ( 0))) {
+  describeLayer(l, parentId = _nullishCoalesce(_optionalChain([_chunkWSTEXEKDcjs.findLayer.call(void 0, this.doc.layers, l.id), 'optionalAccess', _36 => _36.parent, 'optionalAccess', _37 => _37.id]), () => ( null)), depth = _nullishCoalesce(_optionalChain([_chunkWSTEXEKDcjs.findLayer.call(void 0, this.doc.layers, l.id), 'optionalAccess', _38 => _38.path, 'access', _39 => _39.length]), () => ( 0))) {
     let bounds = null;
     if (l.type === "pixel") {
       const b = _chunkCRMAXIUVcjs.contentBounds.call(void 0, l.surface);
@@ -2248,7 +2270,7 @@ var PaintEditorController = (_class9 = class {
     this.requireIdle("adding a layer");
     const count = _chunkWSTEXEKDcjs.flattenLayers.call(void 0, this.doc.layers).length;
     const type = _nullishCoalesce(options.type, () => ( "pixel"));
-    const name = _optionalChain([options, 'access', _38 => _38.name, 'optionalAccess', _39 => _39.trim, 'call', _40 => _40()]) || (type === "group" ? `Group ${count + 1}` : `Layer ${count + 1}`);
+    const name = _optionalChain([options, 'access', _40 => _40.name, 'optionalAccess', _41 => _41.trim, 'call', _42 => _42()]) || (type === "group" ? `Group ${count + 1}` : `Layer ${count + 1}`);
     const layer = type === "group" ? { type: "group", id: newPaintLayerId(), name, visible: true, opacity: 1, blend: "pass-through", children: [] } : createPaintLayer(name);
     let parentId = null;
     let index;
@@ -2260,7 +2282,7 @@ var PaintEditorController = (_class9 = class {
     } else if (above) {
       const loc = _chunkWSTEXEKDcjs.findLayer.call(void 0, this.doc.layers, above);
       if (!loc) throw new PaintEditorError(`Unknown layer "${above}". Call list_layers for the ids.`);
-      parentId = _nullishCoalesce(_optionalChain([loc, 'access', _41 => _41.parent, 'optionalAccess', _42 => _42.id]), () => ( null));
+      parentId = _nullishCoalesce(_optionalChain([loc, 'access', _43 => _43.parent, 'optionalAccess', _44 => _44.id]), () => ( null));
       index = loc.index + 1;
     }
     const layers = _chunkWSTEXEKDcjs.insertLayer.call(void 0, this.doc.layers, layer, parentId, index);
@@ -2295,7 +2317,7 @@ var PaintEditorController = (_class9 = class {
     if (_chunkWSTEXEKDcjs.isLayerLocked.call(void 0, l, "all")) throw new PaintEditorError(`Layer "${l.name}" is fully locked; unlock it before removing it.`);
     const layers = _chunkWSTEXEKDcjs.mapLayer.call(void 0, this.doc.layers, id, () => null);
     let active = this.doc.activeLayerId;
-    if (active && !_chunkWSTEXEKDcjs.findLayer.call(void 0, layers, active)) active = _nullishCoalesce(_optionalChain([_chunkWSTEXEKDcjs.flattenLayers.call(void 0, layers), 'access', _43 => _43.filter, 'call', _44 => _44((x) => x.type === "pixel"), 'access', _45 => _45.pop, 'call', _46 => _46(), 'optionalAccess', _47 => _47.id]), () => ( null));
+    if (active && !_chunkWSTEXEKDcjs.findLayer.call(void 0, layers, active)) active = _nullishCoalesce(_optionalChain([_chunkWSTEXEKDcjs.flattenLayers.call(void 0, layers), 'access', _45 => _45.filter, 'call', _46 => _46((x) => x.type === "pixel"), 'access', _47 => _47.pop, 'call', _48 => _48(), 'optionalAccess', _49 => _49.id]), () => ( null));
     this.commit("Remove layer", { ...this.doc, layers, activeLayerId: active });
     return { removed: id, activeLayerId: active };
   }
@@ -2305,7 +2327,7 @@ var PaintEditorController = (_class9 = class {
     if (!loc) throw new PaintEditorError(`Unknown layer "${id}". Call list_layers for the ids.`);
     const copy = (l) => l.type === "group" ? { ...l, id: newPaintLayerId(), children: l.children.map(copy) } : { ...l, id: newPaintLayerId() };
     const dup = { ...copy(loc.layer), name: `${loc.layer.name} copy` };
-    const layers = _chunkWSTEXEKDcjs.insertLayer.call(void 0, this.doc.layers, dup, _nullishCoalesce(_optionalChain([loc, 'access', _48 => _48.parent, 'optionalAccess', _49 => _49.id]), () => ( null)), loc.index + 1);
+    const layers = _chunkWSTEXEKDcjs.insertLayer.call(void 0, this.doc.layers, dup, _nullishCoalesce(_optionalChain([loc, 'access', _50 => _50.parent, 'optionalAccess', _51 => _51.id]), () => ( null)), loc.index + 1);
     this.commit("Duplicate layer", { ...this.doc, layers, activeLayerId: dup.id });
     return this.describeLayer(dup);
   }
@@ -2314,7 +2336,7 @@ var PaintEditorController = (_class9 = class {
     this.requireIdle("moving a layer");
     const loc = _chunkWSTEXEKDcjs.findLayer.call(void 0, this.doc.layers, id);
     if (!loc) throw new PaintEditorError(`Unknown layer "${id}". Call list_layers for the ids.`);
-    const target = parentId === void 0 ? _nullishCoalesce(_optionalChain([loc, 'access', _50 => _50.parent, 'optionalAccess', _51 => _51.id]), () => ( null)) : parentId;
+    const target = parentId === void 0 ? _nullishCoalesce(_optionalChain([loc, 'access', _52 => _52.parent, 'optionalAccess', _53 => _53.id]), () => ( null)) : parentId;
     if (target) {
       const g = this.requireLayer(target);
       if (g.type !== "group") throw new PaintEditorError(`Layer "${g.name}" is not a group; pass a group id as parentId.`);
@@ -2402,7 +2424,7 @@ var PaintEditorController = (_class9 = class {
     const tiles = new Map(base.tiles);
     for (const { tx, ty } of _chunkCRMAXIUVcjs.tilesInRect.call(void 0, { x: rect.x - l.offset.x, y: rect.y - l.offset.y, width: rect.width, height: rect.height })) {
       const key = _chunkCRMAXIUVcjs.tileKey.call(void 0, tx, ty);
-      const src = _nullishCoalesce(_optionalChain([base, 'access', _52 => _52.tiles, 'access', _53 => _53.get, 'call', _54 => _54(key), 'optionalAccess', _55 => _55.data]), () => ( new Uint8ClampedArray(_chunkCRMAXIUVcjs.TILE * _chunkCRMAXIUVcjs.TILE * 4)));
+      const src = _nullishCoalesce(_optionalChain([base, 'access', _54 => _54.tiles, 'access', _55 => _55.get, 'call', _56 => _56(key), 'optionalAccess', _57 => _57.data]), () => ( new Uint8ClampedArray(_chunkCRMAXIUVcjs.TILE * _chunkCRMAXIUVcjs.TILE * 4)));
       const tile = _chunkCRMAXIUVcjs.finishTile.call(void 0, _chunkPV42JITTcjs.applyStrokeToTile.call(void 0, coverage, src, 4, tx, ty, apply), 4, 0);
       if (tile) tiles.set(key, tile);
       else tiles.delete(key);
@@ -2588,7 +2610,7 @@ var PaintEditorController = (_class9 = class {
     const brush = this.strokeBrush(init);
     let color = init.color === void 0 ? this.color : parseColor(init.color);
     const tracing = this.guides.tracing;
-    if (init.color === void 0 && init.start && _optionalChain([tracing, 'optionalAccess', _56 => _56.visible]) && tracing.sampleColors) color = _nullishCoalesce(this.sampleTracingColor(init.start.x, init.start.y), () => ( color));
+    if (init.color === void 0 && init.start && _optionalChain([tracing, 'optionalAccess', _58 => _58.visible]) && tracing.sampleColors) color = _nullishCoalesce(this.sampleTracingColor(init.start.x, init.start.y), () => ( color));
     const perspective = this.guides.perspective;
     const snapper = init.snapToPerspective && perspective.enabled && perspective.snap ? new PerspectiveSnapper(perspective) : null;
     const rgba = rgbaOf(color);
@@ -2642,7 +2664,7 @@ var PaintEditorController = (_class9 = class {
         this.live = null;
         this.liveLayers = null;
         const brush = s.init.brush;
-        if (!cancelled && _optionalChain([s, 'access', _57 => _57.result, 'optionalAccess', _58 => _58.mixerLoad]) && brush.loadsColor) this.mixerLoad = s.result.mixerLoad;
+        if (!cancelled && _optionalChain([s, 'access', _59 => _59.result, 'optionalAccess', _60 => _60.mixerLoad]) && brush.loadsColor) this.mixerLoad = s.result.mixerLoad;
         if (cancelled || !surface) {
           this.emit();
           return;
@@ -2711,7 +2733,7 @@ var PaintEditorController = (_class9 = class {
    */
   replayStrokes(options) {
     this.requireIdle("replaying");
-    if (!_optionalChain([options, 'access', _59 => _59.strokeIds, 'optionalAccess', _60 => _60.length])) throw new PaintEditorError("strokeIds is empty; pass ids from list_strokes.");
+    if (!_optionalChain([options, 'access', _61 => _61.strokeIds, 'optionalAccess', _62 => _62.length])) throw new PaintEditorError("strokeIds is empty; pass ids from list_strokes.");
     const strokes = options.strokeIds.map((id) => {
       const s = this.doc.strokes.find((x) => x.id === id);
       if (!s) throw new PaintEditorError(`Unknown stroke "${id}". Call list_strokes for the ids.`);
@@ -2763,7 +2785,7 @@ var PaintEditorController = (_class9 = class {
   currentLayers() {
     const live = this.live;
     if (!live) return this.doc.layers;
-    if (_optionalChain([this, 'access', _61 => _61.liveLayers, 'optionalAccess', _62 => _62.key]) === live.surface) return this.liveLayers.layers;
+    if (_optionalChain([this, 'access', _63 => _63.liveLayers, 'optionalAccess', _64 => _64.key]) === live.surface) return this.liveLayers.layers;
     const layers = _chunkWSTEXEKDcjs.mapLayer.call(void 0, this.doc.layers, live.layerId, (l) => ({ ...l, surface: live.surface }));
     this.liveLayers = { key: live.surface, layers };
     return layers;
@@ -2778,7 +2800,7 @@ var PaintEditorController = (_class9 = class {
   tracingNode(t) {
     const { width, height } = this.doc.canvas;
     const key = this.tracingVersion * 100003 + width * 7 + height;
-    if (_optionalChain([this, 'access', _63 => _63.tracingCache, 'optionalAccess', _64 => _64.key]) === key && this.tracingCache.node.opacity === t.opacity) return this.tracingCache.node;
+    if (_optionalChain([this, 'access', _65 => _65.tracingCache, 'optionalAccess', _66 => _66.key]) === key && this.tracingCache.node.opacity === t.opacity) return this.tracingCache.node;
     const src = _nullishCoalesce(this.imagePixels.get(t.src), () => ( this.decodeImage(t.src)));
     const image = resampleInto(src, t.rect, width, height);
     const node = { type: "image", id: TRACING_NODE_ID, name: "Tracing", visible: true, opacity: t.opacity, blend: "normal", image, version: key + Math.round(t.opacity * 1e3) / 1e4 };
@@ -2803,7 +2825,7 @@ var PaintEditorController = (_class9 = class {
    */
   compositeTiles(rect, onTile, options = {}) {
     const dirty = options.dirty === "all" ? void 0 : options.dirty;
-    this.viewCompositor.compositeTiles(this.renderLayers({}, true), rect, this.sources(), onTile, { dirty, checkpointLayerId: _nullishCoalesce(_optionalChain([this, 'access', _65 => _65.live, 'optionalAccess', _66 => _66.layerId]), () => ( this.doc.activeLayerId)) });
+    this.viewCompositor.compositeTiles(this.renderLayers({}, true), rect, this.sources(), onTile, { dirty, checkpointLayerId: _nullishCoalesce(_optionalChain([this, 'access', _67 => _67.live, 'optionalAccess', _68 => _68.layerId]), () => ( this.doc.activeLayerId)) });
   }
   /** The canvas as canvas-sized RGBA (paper included by default). */
   compositePixels(options = {}) {
@@ -2837,7 +2859,7 @@ var PaintEditorController = (_class9 = class {
       this.swatches = loaded.swatches.filter((x) => Boolean(x) && typeof x.color === "string" && /^#[0-9a-f]{6}$/i.test(x.color)).map((x) => typeof x.name === "string" ? { color: x.color.toLowerCase(), name: x.name } : { color: x.color.toLowerCase() });
     }
     for (const s of loaded.state.strokes) {
-      const n = Number(_nullishCoalesce(_optionalChain([/^s(\d+)$/, 'access', _67 => _67.exec, 'call', _68 => _68(s.id), 'optionalAccess', _69 => _69[1]]), () => ( 0)));
+      const n = Number(_nullishCoalesce(_optionalChain([/^s(\d+)$/, 'access', _69 => _69.exec, 'call', _70 => _70(s.id), 'optionalAccess', _71 => _71[1]]), () => ( 0)));
       if (n >= this.strokeCounter) this.strokeCounter = n + 1;
     }
     this.undoStack = [];
@@ -2914,7 +2936,7 @@ var PaintEditorController = (_class9 = class {
       offset: { x: 0, y: 0 }
     };
     const merged = this.compositePixels({ paper: true }).data;
-    const result = _chunkVSMM7B3Pcjs.exportPsd.call(void 0, { width, height, layers: [paperLayer, ...this.doc.layers], merged, resolution: dpi });
+    const result = _chunkZID226ZGcjs.exportPsd.call(void 0, { width, height, layers: [paperLayer, ...this.doc.layers], merged, resolution: dpi });
     const pigment = _chunkWSTEXEKDcjs.flattenLayers.call(void 0, this.doc.layers).filter((l) => l.blend === "pigment");
     if (pigment.length) result.warnings.push(`Pigment blending has no PSD equivalent; ${pigment.map((l) => `"${l.name}"`).join(", ")} ${pigment.length === 1 ? "was" : "were"} written as Normal, so ${pigment.length === 1 ? "it looks" : "they look"} different in Photoshop.`);
     return result;
@@ -3028,7 +3050,7 @@ var PaintEditorController = (_class9 = class {
     const { src, pixels } = this.importImage(options, "The reference image");
     const ref = {
       id: `ref${this.nextReferenceId++}`,
-      name: _optionalChain([options, 'access', _70 => _70.name, 'optionalAccess', _71 => _71.trim, 'call', _72 => _72()]) || `Reference ${this.guides.references.length + 1}`,
+      name: _optionalChain([options, 'access', _72 => _72.name, 'optionalAccess', _73 => _73.trim, 'call', _74 => _74()]) || `Reference ${this.guides.references.length + 1}`,
       src,
       width: pixels.width,
       height: pixels.height,
@@ -3107,7 +3129,7 @@ var PaintEditorController = (_class9 = class {
         try {
           const px = this.decodeImage(ref.src, `Reference "${ref.name}"`);
           guides.references.push({ id: ref.id, name: String(_nullishCoalesce(ref.name, () => ( ref.id))), src: ref.src, width: px.width, height: px.height, x: Number(ref.x) || 0, y: Number(ref.y) || 0, displayWidth: Number(ref.displayWidth) || 240, visible: ref.visible !== false });
-          const n = Number(_nullishCoalesce(_optionalChain([/^ref(\d+)$/, 'access', _73 => _73.exec, 'call', _74 => _74(ref.id), 'optionalAccess', _75 => _75[1]]), () => ( 0)));
+          const n = Number(_nullishCoalesce(_optionalChain([/^ref(\d+)$/, 'access', _75 => _75.exec, 'call', _76 => _76(ref.id), 'optionalAccess', _77 => _77[1]]), () => ( 0)));
           if (n >= this.nextReferenceId) this.nextReferenceId = n + 1;
         } catch (e) {
           problems.push(e.message);
@@ -3127,7 +3149,7 @@ var PaintEditorController = (_class9 = class {
   }
   addSwatch(color, name) {
     const c = parseColor(color);
-    this.swatches = [...this.swatches, _optionalChain([name, 'optionalAccess', _76 => _76.trim, 'call', _77 => _77()]) ? { color: c, name: name.trim() } : { color: c }];
+    this.swatches = [...this.swatches, _optionalChain([name, 'optionalAccess', _78 => _78.trim, 'call', _79 => _79()]) ? { color: c, name: name.trim() } : { color: c }];
     this.emit([]);
     return this.swatches;
   }
@@ -3175,7 +3197,7 @@ var PaintEditorController = (_class9 = class {
   }
   /** A layer's tile surface (live while stroking), for thumbnails. */
   layerSurface(id) {
-    const l = _optionalChain([_chunkWSTEXEKDcjs.findLayer.call(void 0, this.currentLayers(), id), 'optionalAccess', _78 => _78.layer]);
+    const l = _optionalChain([_chunkWSTEXEKDcjs.findLayer.call(void 0, this.currentLayers(), id), 'optionalAccess', _80 => _80.layer]);
     return isPixelLayer(l) ? l.surface : null;
   }
 }, _class9);
@@ -3905,7 +3927,7 @@ function createPaintEditorToolProvider(controller, options = {}) {
     annotations: { title: "List brushes", ...READ2 },
     handler: () => {
       const s = c.getState();
-      return { activeBrushId: s.brush.id, activeEdited: !s.brush.builtin && Boolean(_optionalChain([c, 'access', _79 => _79.getBrush, 'call', _80 => _80(s.brush.id), 'optionalAccess', _81 => _81.builtin])), brushes: s.brushes.map(brushSummary) };
+      return { activeBrushId: s.brush.id, activeEdited: !s.brush.builtin && Boolean(_optionalChain([c, 'access', _81 => _81.getBrush, 'call', _82 => _82(s.brush.id), 'optionalAccess', _83 => _83.builtin])), brushes: s.brushes.map(brushSummary) };
     }
   });
   add({
@@ -4124,7 +4146,7 @@ function createPaintEditorToolProvider(controller, options = {}) {
             color: s.color,
             points: ids ? s.points : s.points.length,
             seed: s.seed,
-            copies: _nullishCoalesce(_optionalChain([s, 'access', _82 => _82.copies, 'optionalAccess', _83 => _83.length]), () => ( 0)),
+            copies: _nullishCoalesce(_optionalChain([s, 'access', _84 => _84.copies, 'optionalAccess', _85 => _85.length]), () => ( 0)),
             bounds: { x: Math.floor(Math.min(...xs) - pad), y: Math.floor(Math.min(...ys) - pad), width: Math.ceil(Math.max(...xs) - Math.min(...xs) + 2 * pad), height: Math.ceil(Math.max(...ys) - Math.min(...ys) + 2 * pad) }
           };
         })
@@ -4293,6 +4315,300 @@ function createPaintEditorToolProvider(controller, options = {}) {
   return { id: _nullishCoalesce(options.id, () => ( "paint-editor")), namespace: options.namespace, tools };
 }
 
+// src/paint-editor/ui.ts
+var PAINT_TOOLS = [
+  { id: "brush", label: "Brush", key: "b" },
+  { id: "eyedropper", label: "Eyedropper", key: "i" },
+  { id: "pan", label: "Pan", key: "h" },
+  { id: "rotate", label: "Rotate view", key: "r" }
+];
+var PaintGesture = (_class10 = class {
+  constructor(controller, box) {;_class10.prototype.__init56.call(this);_class10.prototype.__init57.call(this);_class10.prototype.__init58.call(this);_class10.prototype.__init59.call(this);_class10.prototype.__init60.call(this);_class10.prototype.__init61.call(this);
+    this.controller = controller;
+    this.box = box;
+  }
+  
+  
+  __init56() {this.tool = "brush"}
+  /** The last refusal (a hidden or locked layer), for the editor to show. */
+  __init57() {this.error = null}
+  /** The predicted tail of the current stroke in document pixels (draw it as a thin preview). */
+  __init58() {this.predicted = []}
+  __init59() {this.mode = null}
+  __init60() {this.penAt = null}
+  __init61() {this.penDown = false}
+  doc(e) {
+    const b = this.box();
+    const s = this.controller.getState();
+    return screenToDocument(s.view, s.document.canvas, b, e.clientX - b.left, e.clientY - b.top);
+  }
+  pen(e) {
+    const p = this.doc(e);
+    return pointerToPenPoint(e, p.x, p.y, this.controller.getState().view);
+  }
+  /** Pointer down; returns true when the gesture took the pointer (capture it). */
+  down(e) {
+    this.error = null;
+    if (this.mode) return false;
+    if (e.pointerType === "pen") {
+      this.penDown = true;
+      this.penAt = { x: e.clientX, y: e.clientY };
+    } else if (e.pointerType === "touch" && (this.penDown || isPalmTouch({ x: e.clientX, y: e.clientY }, this.penAt, this.controller.getState().hand))) {
+      return false;
+    }
+    const middle = e.button === 1;
+    const tool = middle ? "pan" : this.tool;
+    if (tool === "pan") {
+      this.mode = { kind: "pan", pointerId: e.pointerId, x: e.clientX, y: e.clientY, pan: { ...this.controller.getState().view.pan } };
+      return true;
+    }
+    if (tool === "rotate") {
+      const b = this.box();
+      this.mode = { kind: "rotate", pointerId: e.pointerId, angle: Math.atan2(e.clientY - b.top - b.height / 2, e.clientX - b.left - b.width / 2), rotation: this.controller.getState().view.rotation };
+      return true;
+    }
+    if (tool === "eyedropper" || e.altKey) {
+      this.pick(e);
+      return false;
+    }
+    try {
+      const p = this.pen(e);
+      const session = this.controller.beginStroke({ start: p });
+      session.push([p]);
+      this.mode = { kind: "stroke", pointerId: e.pointerId };
+      return true;
+    } catch (err) {
+      this.error = err instanceof Error ? err.message : String(err);
+      return false;
+    }
+  }
+  pick(e) {
+    const p = this.doc(e);
+    const { width, height } = this.controller.document.canvas;
+    if (p.x < 0 || p.y < 0 || p.x >= width || p.y >= height) return;
+    this.controller.setColor(this.controller.pickColor(p.x, p.y).color);
+  }
+  move(e) {
+    if (e.pointerType === "pen") this.penAt = { x: e.clientX, y: e.clientY };
+    const m = this.mode;
+    if (!m || m.pointerId !== e.pointerId) return;
+    if (m.kind === "pan") {
+      this.controller.setView({ pan: { x: m.pan.x + e.clientX - m.x, y: m.pan.y + e.clientY - m.y } });
+      return;
+    }
+    if (m.kind === "rotate") {
+      const b = this.box();
+      const a = Math.atan2(e.clientY - b.top - b.height / 2, e.clientX - b.left - b.width / 2);
+      let r = m.rotation + (a - m.angle) * 180 / Math.PI;
+      if (e.shiftKey) r = Math.round(r / 15) * 15;
+      this.controller.setView({ rotation: r });
+      return;
+    }
+    const session = this.controller.activeStroke;
+    if (!session) return;
+    const events = typeof e.getCoalescedEvents === "function" ? e.getCoalescedEvents() : [];
+    session.push((events.length ? events : [e]).map((ev) => this.pen(ev)));
+    const predicted = typeof e.getPredictedEvents === "function" ? e.getPredictedEvents() : [];
+    this.predicted = predicted.map((ev) => this.pen(ev));
+  }
+  up(e) {
+    if (e.pointerType === "pen") this.penDown = false;
+    const m = this.mode;
+    if (!m || m.pointerId !== e.pointerId) return;
+    this.mode = null;
+    this.predicted = [];
+    if (m.kind === "stroke") _optionalChain([this, 'access', _86 => _86.controller, 'access', _87 => _87.activeStroke, 'optionalAccess', _88 => _88.end, 'call', _89 => _89()]);
+  }
+  cancel() {
+    this.penDown = false;
+    this.predicted = [];
+    if (_optionalChain([this, 'access', _90 => _90.mode, 'optionalAccess', _91 => _91.kind]) === "stroke") _optionalChain([this, 'access', _92 => _92.controller, 'access', _93 => _93.activeStroke, 'optionalAccess', _94 => _94.cancel, 'call', _95 => _95()]);
+    this.mode = null;
+  }
+  get active() {
+    return this.mode !== null;
+  }
+  /** Wheel: zoom about the pointer (Ctrl / pinch or plain wheel), Shift+wheel rotates the view. */
+  wheel(e) {
+    const s = this.controller.getState();
+    if (e.shiftKey) {
+      this.controller.setView({ rotation: s.view.rotation + (e.deltaY > 0 ? 5 : -5) });
+      return;
+    }
+    const b = this.box();
+    const zoom = Math.min(MAX_ZOOM, Math.max(MIN_ZOOM, s.view.zoom * Math.exp(-e.deltaY * 15e-4)));
+    const k = zoom / s.view.zoom;
+    const px = e.clientX - b.left - b.width / 2;
+    const py = e.clientY - b.top - b.height / 2;
+    this.controller.setView({ zoom, pan: { x: px - (px - s.view.pan.x) * k, y: py - (py - s.view.pan.y) * k } });
+  }
+}, _class10);
+function handlePaintShortcut(controller, gesture, e) {
+  const mod = e.ctrlKey || e.metaKey;
+  const key = e.key.toLowerCase();
+  if (mod && key === "z") {
+    if (controller.getState().stroking) return true;
+    if (e.shiftKey) controller.redo();
+    else controller.undo();
+    return true;
+  }
+  if (mod && key === "y") {
+    controller.redo();
+    return true;
+  }
+  if (mod) return false;
+  const tool = PAINT_TOOLS.find((t) => t.key === key);
+  if (tool) {
+    gesture.tool = tool.id;
+    return true;
+  }
+  const brush = controller.getState().brush;
+  if (key === "[" || key === "]") {
+    const step = Math.max(1, Math.round(brush.tip.size * 0.15));
+    controller.setBrush({ tip: { size: Math.max(1, brush.tip.size + (key === "]" ? step : -step)) } });
+    return true;
+  }
+  if (key === "x") {
+    controller.swapColors();
+    return true;
+  }
+  if (key === "m") {
+    controller.setView({ mirror: !controller.getState().view.mirror });
+    return true;
+  }
+  if (key === "escape") {
+    controller.resetView();
+    return true;
+  }
+  return false;
+}
+var PaintCanvasPresenter = (_class11 = class {
+  constructor(controller) {;_class11.prototype.__init62.call(this);_class11.prototype.__init63.call(this);_class11.prototype.__init64.call(this);
+    this.controller = controller;
+  }
+  
+  __init62() {this.uploaded = /* @__PURE__ */ new Map()}
+  __init63() {this.scratch = null}
+  __init64() {this.size = ""}
+  /** Draws what changed into `ctx` (a canvas the size of the document); returns the tiles drawn. */
+  render(ctx) {
+    const { width, height } = this.controller.document.canvas;
+    const size = `${width}x${height}`;
+    let dirty = this.controller.takeDirty();
+    if (size !== this.size) {
+      this.size = size;
+      this.uploaded.clear();
+      dirty = "all";
+    }
+    let drawn = 0;
+    const rect = { x: 0, y: 0, width, height };
+    this.controller.compositeTiles(rect, (tx, ty, data) => {
+      const key = `${tx},${ty}`;
+      if (this.uploaded.get(key) === data) return;
+      this.uploaded.set(key, data);
+      if (!this.scratch) this.scratch = ctx.createImageData(_chunkCRMAXIUVcjs.TILE, _chunkCRMAXIUVcjs.TILE);
+      this.scratch.data.set(data);
+      const ox = tx * _chunkCRMAXIUVcjs.TILE;
+      const oy = ty * _chunkCRMAXIUVcjs.TILE;
+      ctx.putImageData(this.scratch, ox, oy, 0, 0, Math.min(_chunkCRMAXIUVcjs.TILE, width - ox), Math.min(_chunkCRMAXIUVcjs.TILE, height - oy));
+      drawn++;
+    }, { dirty });
+    return drawn;
+  }
+}, _class11);
+function guideOverlay(controller) {
+  const s = controller.getState();
+  const size = s.document.canvas;
+  const out = [];
+  for (const [from, to] of symmetryAxisSegments(s.guides.symmetry, size)) out.push({ from, to, kind: "symmetry" });
+  if (s.guides.perspective.enabled) for (const [from, to] of perspectiveGuideLines(s.guides.perspective, size, 16)) out.push({ from, to, kind: "perspective" });
+  return out;
+}
+var BRUSH_SLIDERS = [
+  { path: "tip.size", label: "Size", min: 1, max: 400, step: 1 },
+  { path: "tip.opacity", label: "Opacity", min: 0, max: 1, step: 0.01 },
+  { path: "tip.flow", label: "Flow", min: 0, max: 1, step: 0.01 },
+  { path: "tip.hardness", label: "Hardness", min: 0, max: 1, step: 0.01 },
+  { path: "tip.spacing", label: "Spacing", min: 0.01, max: 1, step: 0.01 },
+  { path: "tip.roundness", label: "Roundness", min: 0.05, max: 1, step: 0.01 },
+  { path: "tip.angle", label: "Angle", min: -180, max: 180, step: 1 },
+  { path: "grain", label: "Grain", min: 0, max: 1, step: 0.01 },
+  { path: "tip.smoothing", label: "Smoothing", min: 0, max: 0.95, step: 0.01 },
+  { path: "pressureSmoothing", label: "Pressure smoothing", min: 0, max: 0.95, step: 0.01 },
+  { path: "dynamics.minSize", label: "Min size", min: 0, max: 1, step: 0.01 },
+  { path: "dynamics.tiltSize", label: "Tilt size", min: 0, max: 1, step: 0.01 },
+  { path: "dynamics.velocitySize", label: "Speed size", min: -1, max: 1, step: 0.01 }
+];
+var PAPER_SLIDERS = [
+  { path: "depth", label: "Grain depth", min: 0, max: 1, step: 0.01 },
+  { path: "scale", label: "Grain scale", min: 0.25, max: 8, step: 0.05 },
+  { path: "shading", label: "Shading", min: 0, max: 1, step: 0.01 },
+  { path: "dry.contrast", label: "Contrast", min: 0, max: 3, step: 0.05 },
+  { path: "absorption", label: "Absorption", min: 0, max: 1, step: 0.01 },
+  { path: "permeability", label: "Permeability", min: 0, max: 1, step: 0.01 },
+  { path: "roughness", label: "Roughness", min: 0, max: 1, step: 0.01 }
+];
+function readPath(obj, path) {
+  let v = obj;
+  for (const k of path.split(".")) v = _optionalChain([v, 'optionalAccess', _96 => _96[k]]);
+  return typeof v === "number" ? v : 0;
+}
+function patchPath(obj, path, value) {
+  const [head, ...rest] = path.split(".");
+  if (!rest.length) return { [head]: value };
+  return { [head]: { ...obj[head], ...patchPath(_nullishCoalesce(obj[head], () => ( {})), rest.join("."), value) } };
+}
+function wheelPoint(angle, radius) {
+  const a = (angle - 90) * Math.PI / 180;
+  return { x: Math.cos(a) * radius, y: Math.sin(a) * radius };
+}
+function wheelAngle(x, y) {
+  return (Math.atan2(y, x) * 180 / Math.PI + 90 + 360) % 360;
+}
+function renderColorWheel(size, wheel, inner = 0.64) {
+  const data = new Uint8ClampedArray(size * size * 4);
+  const r = size / 2;
+  for (let y = 0; y < size; y++) {
+    for (let x = 0; x < size; x++) {
+      const dx = x + 0.5 - r;
+      const dy = y + 0.5 - r;
+      const d = Math.hypot(dx, dy) / r;
+      if (d > 1 || d < inner) continue;
+      const [cr, cg, cb] = hsvToRgb(wheelToHue(wheelAngle(dx, dy), wheel), 1, 1);
+      const i = (y * size + x) * 4;
+      const edge = Math.min(1, (1 - d) * r, (d - inner) * r);
+      data[i] = cr;
+      data[i + 1] = cg;
+      data[i + 2] = cb;
+      data[i + 3] = Math.round(255 * Math.max(0, edge));
+    }
+  }
+  return { width: size, height: size, data };
+}
+function wheelPick(dx, dy, wheel, color) {
+  const [r, g, b] = parseHexColor(color);
+  const { s, v } = rgbToHsv(r, g, b);
+  const [nr, ng, nb] = hsvToRgb(wheelToHue(wheelAngle(dx, dy), wheel), s || 1, v || 1);
+  return rgbToHexColor(nr, ng, nb);
+}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
 
 
 
@@ -4413,5 +4729,5 @@ function createPaintEditorToolProvider(controller, options = {}) {
 
 
 
-exports.BRUSH_ID = BRUSH_ID; exports.BRUSH_ROTATIONS = BRUSH_ROTATIONS; exports.BUILTIN_BRUSHES = BUILTIN_BRUSHES; exports.DEFAULT_BRUSH_ID = DEFAULT_BRUSH_ID; exports.DEFAULT_DPI = DEFAULT_DPI; exports.DEFAULT_DYNAMICS = DEFAULT_DYNAMICS; exports.DEFAULT_PAPER = DEFAULT_PAPER; exports.DEFAULT_SWATCHES = DEFAULT_SWATCHES; exports.DEFAULT_VIEW = DEFAULT_VIEW; exports.DryStroke = DryStroke; exports.GRAIN_PATTERNS = GRAIN_PATTERNS; exports.GRAIN_TILE = GRAIN_TILE; exports.HARMONY_KINDS = HARMONY_KINDS; exports.IDENTITY_AFFINE = IDENTITY_AFFINE; exports.IDENTITY_COPY = IDENTITY_COPY; exports.MAX_BRUSH_SIZE = _chunkPV42JITTcjs.MAX_BRUSH_SIZE; exports.MAX_CANVAS_SIDE = MAX_CANVAS_SIDE; exports.MAX_COORDINATE = MAX_COORDINATE; exports.MAX_IMAGE_SIDE = MAX_IMAGE_SIDE; exports.MAX_ZOOM = MAX_ZOOM; exports.MIN_CANVAS_SIDE = MIN_CANVAS_SIDE; exports.MIN_ZOOM = MIN_ZOOM; exports.MIXING_PAD_HEIGHT = MIXING_PAD_HEIGHT; exports.MIXING_PAD_WIDTH = MIXING_PAD_WIDTH; exports.MixingPad = MixingPad; exports.PAINT_BRUSH_CATEGORIES = PAINT_BRUSH_CATEGORIES; exports.PAINT_BRUSH_ENGINES = PAINT_BRUSH_ENGINES; exports.PAINT_FORMAT = PAINT_FORMAT; exports.PAINT_SCHEMA_VERSION = PAINT_SCHEMA_VERSION; exports.PAPER_FAMILIES = PAPER_FAMILIES; exports.PAPER_LIBRARY = PAPER_LIBRARY; exports.PAPER_NODE_ID = PAPER_NODE_ID; exports.PaintDocumentError = PaintDocumentError; exports.PaintEditorController = PaintEditorController; exports.PaintEditorError = PaintEditorError; exports.PaintStrokeSession = PaintStrokeSession; exports.PaperGrain = PaperGrain; exports.PenDabWalker = PenDabWalker; exports.PenSmoother = PenSmoother; exports.PerspectiveSnapper = PerspectiveSnapper; exports.SNAP_DECIDE_DISTANCE = SNAP_DECIDE_DISTANCE; exports.SYMMETRY_MODES = SYMMETRY_MODES; exports.TRACING_NODE_ID = TRACING_NODE_ID; exports.TileableNoise = TileableNoise; exports.affineCopy = affineCopy; exports.applyAffine = applyAffine; exports.brushToJSON = brushToJSON; exports.clonePaper = clonePaper; exports.colorHarmony = colorHarmony; exports.composeAffine = composeAffine; exports.createPaintCompositor = createPaintCompositor; exports.createPaintDocument = createPaintDocument; exports.createPaintEditorToolProvider = createPaintEditorToolProvider; exports.createPaintLayer = createPaintLayer; exports.defaultGuides = defaultGuides; exports.defaultImageEncoder = defaultImageEncoder; exports.deserializePaintDocument = deserializePaintDocument; exports.deserializePaintDocumentAsync = deserializePaintDocumentAsync; exports.documentExtensions = documentExtensions; exports.documentToScreen = documentToScreen; exports.downsampleRgba = downsampleRgba; exports.fitZoom = fitZoom; exports.grainCatch = grainCatch; exports.grainHeights = grainHeights; exports.hash2 = hash2; exports.hexToRgb8 = hexToRgb8; exports.hslToRgb = hslToRgb; exports.hsvToRgb = hsvToRgb; exports.hueToWheel = hueToWheel; exports.invertAffine = invertAffine; exports.isPalmTouch = isPalmTouch; exports.mapPenPoint = mapPenPoint; exports.mix32 = mix32; exports.mixerLoadForStroke = mixerLoadForStroke; exports.mixerTip = mixerTip; exports.newPaintLayerId = newPaintLayerId; exports.normalizeBrushStroke = normalizeBrushStroke; exports.normalizeCanvas = normalizeCanvas; exports.normalizeDynamics = normalizeDynamics; exports.normalizePaintBrush = normalizePaintBrush; exports.normalizePaper = normalizePaper; exports.normalizePerspective = normalizePerspective; exports.normalizeRotation = normalizeRotation; exports.normalizeSymmetry = normalizeSymmetry; exports.normalizeView = normalizeView; exports.paperGrain = paperGrain; exports.paperKey = paperKey; exports.paperNode = paperNode; exports.paperPreset = paperPreset; exports.parseBrushLibrary = parseBrushLibrary; exports.parseHexColor = parseHexColor; exports.penOrientation = penOrientation; exports.perspectiveDirections = perspectiveDirections; exports.perspectiveGuideLines = perspectiveGuideLines; exports.pointerToPenPoint = pointerToPenPoint; exports.rand01 = rand01; exports.randSigned = randSigned; exports.renderBrushThumbnail = renderBrushThumbnail; exports.renderPaper = renderPaper; exports.rgbToHexColor = rgbToHexColor; exports.rgbToHsl = rgbToHsl; exports.rgbToHsv = rgbToHsv; exports.samplePressure = samplePressure; exports.screenToDocument = screenToDocument; exports.seedFromString = seedFromString; exports.serializePaintDocument = serializePaintDocument; exports.serializePaintDocumentExternal = serializePaintDocumentExternal; exports.strokeBounds = strokeBounds; exports.symmetryAxisAngles = symmetryAxisAngles; exports.symmetryAxisSegments = symmetryAxisSegments; exports.symmetryCopies = symmetryCopies; exports.thumbnailStroke = thumbnailStroke; exports.tiltToOrientation = tiltToOrientation; exports.toStrokePoint = toStrokePoint; exports.variationAffine = variationAffine; exports.varyStroke = varyStroke; exports.viewCssTransform = viewCssTransform; exports.viewMatrix = viewMatrix; exports.viewPenToDocument = viewPenToDocument; exports.wheelToHue = wheelToHue;
+exports.BLEND_MODES = _chunkCRMAXIUVcjs.BLEND_MODES; exports.BRUSH_ID = BRUSH_ID; exports.BRUSH_ROTATIONS = BRUSH_ROTATIONS; exports.BRUSH_SLIDERS = BRUSH_SLIDERS; exports.BUILTIN_BRUSHES = BUILTIN_BRUSHES; exports.DEFAULT_BRUSH_ID = DEFAULT_BRUSH_ID; exports.DEFAULT_DPI = DEFAULT_DPI; exports.DEFAULT_DYNAMICS = DEFAULT_DYNAMICS; exports.DEFAULT_PAPER = DEFAULT_PAPER; exports.DEFAULT_SWATCHES = DEFAULT_SWATCHES; exports.DEFAULT_VIEW = DEFAULT_VIEW; exports.DryStroke = DryStroke; exports.GRAIN_PATTERNS = GRAIN_PATTERNS; exports.GRAIN_TILE = GRAIN_TILE; exports.HARMONY_KINDS = HARMONY_KINDS; exports.IDENTITY_AFFINE = IDENTITY_AFFINE; exports.IDENTITY_COPY = IDENTITY_COPY; exports.MAX_BRUSH_SIZE = _chunkPV42JITTcjs.MAX_BRUSH_SIZE; exports.MAX_CANVAS_SIDE = MAX_CANVAS_SIDE; exports.MAX_COORDINATE = MAX_COORDINATE; exports.MAX_IMAGE_SIDE = MAX_IMAGE_SIDE; exports.MAX_ZOOM = MAX_ZOOM; exports.MIN_CANVAS_SIDE = MIN_CANVAS_SIDE; exports.MIN_ZOOM = MIN_ZOOM; exports.MIXING_PAD_HEIGHT = MIXING_PAD_HEIGHT; exports.MIXING_PAD_WIDTH = MIXING_PAD_WIDTH; exports.MixingPad = MixingPad; exports.PAINT_BRUSH_CATEGORIES = PAINT_BRUSH_CATEGORIES; exports.PAINT_BRUSH_ENGINES = PAINT_BRUSH_ENGINES; exports.PAINT_FORMAT = PAINT_FORMAT; exports.PAINT_SCHEMA_VERSION = PAINT_SCHEMA_VERSION; exports.PAINT_TOOLS = PAINT_TOOLS; exports.PAPER_FAMILIES = PAPER_FAMILIES; exports.PAPER_LIBRARY = PAPER_LIBRARY; exports.PAPER_NODE_ID = PAPER_NODE_ID; exports.PAPER_SLIDERS = PAPER_SLIDERS; exports.PaintCanvasPresenter = PaintCanvasPresenter; exports.PaintDocumentError = PaintDocumentError; exports.PaintEditorController = PaintEditorController; exports.PaintEditorError = PaintEditorError; exports.PaintGesture = PaintGesture; exports.PaintStrokeSession = PaintStrokeSession; exports.PaperGrain = PaperGrain; exports.PenDabWalker = PenDabWalker; exports.PenSmoother = PenSmoother; exports.PerspectiveSnapper = PerspectiveSnapper; exports.SNAP_DECIDE_DISTANCE = SNAP_DECIDE_DISTANCE; exports.SYMMETRY_MODES = SYMMETRY_MODES; exports.TRACING_NODE_ID = TRACING_NODE_ID; exports.TileableNoise = TileableNoise; exports.affineCopy = affineCopy; exports.applyAffine = applyAffine; exports.brushToJSON = brushToJSON; exports.clonePaper = clonePaper; exports.colorHarmony = colorHarmony; exports.composeAffine = composeAffine; exports.createPaintCompositor = createPaintCompositor; exports.createPaintDocument = createPaintDocument; exports.createPaintEditorToolProvider = createPaintEditorToolProvider; exports.createPaintLayer = createPaintLayer; exports.decodeImageBlob = decodeImageBlob; exports.defaultGuides = defaultGuides; exports.defaultImageEncoder = defaultImageEncoder; exports.deserializePaintDocument = deserializePaintDocument; exports.deserializePaintDocumentAsync = deserializePaintDocumentAsync; exports.documentExtensions = documentExtensions; exports.documentToScreen = documentToScreen; exports.downloadBytes = downloadBytes; exports.downsampleRgba = downsampleRgba; exports.fitZoom = fitZoom; exports.grainCatch = grainCatch; exports.grainHeights = grainHeights; exports.guideOverlay = guideOverlay; exports.handlePaintShortcut = handlePaintShortcut; exports.hash2 = hash2; exports.hexToRgb8 = hexToRgb8; exports.hslToRgb = hslToRgb; exports.hsvToRgb = hsvToRgb; exports.hueToWheel = hueToWheel; exports.invertAffine = invertAffine; exports.isBlendMode = _chunkCRMAXIUVcjs.isBlendMode; exports.isPalmTouch = isPalmTouch; exports.mapPenPoint = mapPenPoint; exports.mix32 = mix32; exports.mixerLoadForStroke = mixerLoadForStroke; exports.mixerTip = mixerTip; exports.newPaintLayerId = newPaintLayerId; exports.normalizeBrushStroke = normalizeBrushStroke; exports.normalizeCanvas = normalizeCanvas; exports.normalizeDynamics = normalizeDynamics; exports.normalizePaintBrush = normalizePaintBrush; exports.normalizePaper = normalizePaper; exports.normalizePerspective = normalizePerspective; exports.normalizeRotation = normalizeRotation; exports.normalizeSymmetry = normalizeSymmetry; exports.normalizeView = normalizeView; exports.paperGrain = paperGrain; exports.paperKey = paperKey; exports.paperNode = paperNode; exports.paperPreset = paperPreset; exports.parseBrushLibrary = parseBrushLibrary; exports.parseHexColor = parseHexColor; exports.patchPath = patchPath; exports.penOrientation = penOrientation; exports.perspectiveDirections = perspectiveDirections; exports.perspectiveGuideLines = perspectiveGuideLines; exports.pointerToPenPoint = pointerToPenPoint; exports.rand01 = rand01; exports.randSigned = randSigned; exports.readPath = readPath; exports.renderBrushThumbnail = renderBrushThumbnail; exports.renderColorWheel = renderColorWheel; exports.renderPaper = renderPaper; exports.rgbToHexColor = rgbToHexColor; exports.rgbToHsl = rgbToHsl; exports.rgbToHsv = rgbToHsv; exports.samplePressure = samplePressure; exports.screenToDocument = screenToDocument; exports.seedFromString = seedFromString; exports.serializePaintDocument = serializePaintDocument; exports.serializePaintDocumentExternal = serializePaintDocumentExternal; exports.strokeBounds = strokeBounds; exports.symmetryAxisAngles = symmetryAxisAngles; exports.symmetryAxisSegments = symmetryAxisSegments; exports.symmetryCopies = symmetryCopies; exports.thumbnailStroke = thumbnailStroke; exports.tiltToOrientation = tiltToOrientation; exports.toStrokePoint = toStrokePoint; exports.variationAffine = variationAffine; exports.varyStroke = varyStroke; exports.viewCssTransform = viewCssTransform; exports.viewMatrix = viewMatrix; exports.viewPenToDocument = viewPenToDocument; exports.wheelAngle = wheelAngle; exports.wheelPick = wheelPick; exports.wheelPoint = wheelPoint; exports.wheelToHue = wheelToHue;
 //# sourceMappingURL=index.cjs.map