@fieldnotes/core 0.43.0 → 0.44.0

package/dist/index.cjs

@@ -3204,7 +3204,7 @@ function drawHexPath(ctx, cx, cy, cellSize, orientation) {
 // src/elements/renderers/template-renderer.ts
 function renderTemplate(ctx, template, store) {
   const grid = store?.getElementsByType("grid")[0];
-  if (grid && grid.gridType === "hex") {
+  if (grid && grid.gridType === "hex" && template.renderStyle !== "geometric") {
     renderHexTemplate(ctx, template, grid.cellSize, grid.hexOrientation);
     return;
   }
@@ -3880,7 +3880,8 @@ function createTemplate(input) {
     strokeWidth: input.strokeWidth ?? 2,
     opacity: input.opacity ?? 0.6,
     feetPerCell: input.feetPerCell,
-    radiusFeet: input.radiusFeet
+    radiusFeet: input.radiusFeet,
+    ...input.renderStyle !== void 0 ? { renderStyle: input.renderStyle } : {}
   };
 }
 
@@ -9695,6 +9696,7 @@ var TemplateTool = class {
   strokeWidth;
   opacity;
   feetPerCell;
+  renderStyle;
   optionListeners = /* @__PURE__ */ new Set();
   constructor(options = {}) {
     this.templateShape = options.templateShape ?? "circle";
@@ -9703,6 +9705,7 @@ var TemplateTool = class {
     this.strokeWidth = options.strokeWidth ?? 2;
     this.opacity = options.opacity ?? 0.6;
     this.feetPerCell = options.feetPerCell ?? 5;
+    this.renderStyle = options.renderStyle ?? "cells";
   }
   getOptions() {
     return {
@@ -9711,7 +9714,8 @@ var TemplateTool = class {
       strokeColor: this.strokeColor,
       strokeWidth: this.strokeWidth,
       opacity: this.opacity,
-      feetPerCell: this.feetPerCell
+      feetPerCell: this.feetPerCell,
+      renderStyle: this.renderStyle
     };
   }
   setOptions(options) {
@@ -9721,6 +9725,7 @@ var TemplateTool = class {
     if (options.strokeWidth !== void 0) this.strokeWidth = options.strokeWidth;
     if (options.opacity !== void 0) this.opacity = options.opacity;
     if (options.feetPerCell !== void 0) this.feetPerCell = options.feetPerCell;
+    if (options.renderStyle !== void 0) this.renderStyle = options.renderStyle;
     this.notifyOptionsChange();
   }
   onOptionsChange(listener) {
@@ -9763,6 +9768,7 @@ var TemplateTool = class {
       opacity: this.opacity,
       feetPerCell: this.feetPerCell,
       radiusFeet: radiusFeet > 0 ? radiusFeet : void 0,
+      renderStyle: this.renderStyle,
       layerId: ctx.activeLayerId ?? ""
     });
     ctx.store.add(element);
@@ -9778,7 +9784,7 @@ var TemplateTool = class {
     if (!this.drawing) return;
     const radius = this.computeRadius();
     if (radius <= 0) return;
-    if (this.gridType === "hex" && this.hexOrientation) {
+    if (this.gridType === "hex" && this.hexOrientation && this.renderStyle !== "geometric") {
       this.renderHexOverlay(ctx, radius);
       return;
     }
@@ -10051,7 +10057,7 @@ var LaserTool = class {
 };
 
 // src/index.ts
-var VERSION = "0.43.0";
+var VERSION = "0.44.0";
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   ArrowTool,