@formicoidea/labre-framework-wardley 0.23.1 → 0.23.2

package/dist/node/label-editor.js

@@ -1,216 +0,0 @@
-var __esDecorate = function(ctor, descriptorIn, decorators, contextIn, initializers, extraInitializers) {
-  function accept(f) {
-    if (f !== void 0 && typeof f !== "function") throw new TypeError("Function expected");
-    return f;
-  }
-  var kind = contextIn.kind, key = kind === "getter" ? "get" : kind === "setter" ? "set" : "value";
-  var target = !descriptorIn && ctor ? contextIn["static"] ? ctor : ctor.prototype : null;
-  var descriptor = descriptorIn || (target ? Object.getOwnPropertyDescriptor(target, contextIn.name) : {});
-  var _, done = false;
-  for (var i = decorators.length - 1; i >= 0; i--) {
-    var context = {};
-    for (var p in contextIn) context[p] = p === "access" ? {} : contextIn[p];
-    for (var p in contextIn.access) context.access[p] = contextIn.access[p];
-    context.addInitializer = function(f) {
-      if (done) throw new TypeError("Cannot add initializers after decoration has completed");
-      extraInitializers.push(accept(f || null));
-    };
-    var result = (0, decorators[i])(kind === "accessor" ? { get: descriptor.get, set: descriptor.set } : descriptor[key], context);
-    if (kind === "accessor") {
-      if (result === void 0) continue;
-      if (result === null || typeof result !== "object") throw new TypeError("Object expected");
-      if (_ = accept(result.get)) descriptor.get = _;
-      if (_ = accept(result.set)) descriptor.set = _;
-      if (_ = accept(result.init)) initializers.unshift(_);
-    } else if (_ = accept(result)) {
-      if (kind === "field") initializers.unshift(_);
-      else descriptor[key] = _;
-    }
-  }
-  if (target) Object.defineProperty(target, contextIn.name, descriptor);
-  done = true;
-};
-var __runInitializers = function(thisArg, initializers, value) {
-  var useValue = arguments.length > 2;
-  for (var i = 0; i < initializers.length; i++) {
-    value = useValue ? initializers[i].call(thisArg, value) : initializers[i].call(thisArg);
-  }
-  return useValue ? value : void 0;
-};
-import { DefaultTool, EdgelessCRUDIdentifier, TextUtils } from "@blocksuite/affine-block-surface";
-import { WardleyNodeElementModel } from "@blocksuite/affine-model";
-import { BlockSuiteError, ErrorCode } from "@blocksuite/global/exceptions";
-import { WithDisposable } from "@blocksuite/global/lit";
-import { ShadowlessElement, stdContext } from "@blocksuite/std";
-import { GfxControllerIdentifier } from "@blocksuite/std/gfx";
-import { RANGE_SYNC_EXCLUDE_ATTR } from "@blocksuite/std/inline";
-import { consume } from "@lit/context";
-import { html, nothing } from "lit";
-import { property, query } from "lit/decorators.js";
-import { styleMap } from "lit/directives/style-map.js";
-import * as Y from "yjs";
-import { LABEL } from "./consts";
-export function mountWardleyNodeLabelEditor(node, edgeless) {
-  const mountElm = edgeless.querySelector(".edgeless-mount-point");
-  if (!mountElm) {
-    throw new BlockSuiteError(ErrorCode.ValueNotExists, "edgeless block's mount point does not exist");
-  }
-  const gfx = edgeless.std.get(GfxControllerIdentifier);
-  const crud = edgeless.std.get(EdgelessCRUDIdentifier);
-  const updated = crud.getElementById(node.id);
-  if (!(updated instanceof WardleyNodeElementModel)) {
-    console.error("Cannot mount label editor on a non-wardley-node element");
-    return;
-  }
-  gfx.tool.setTool(DefaultTool);
-  gfx.selection.set({ elements: [node.id], editing: true });
-  if (!node.text) {
-    crud.updateElement(node.id, { text: new Y.Text() });
-  }
-  const editor = new EdgelessWardleyNodeLabelEditor();
-  editor.element = crud.getElementById(node.id);
-  mountElm.append(editor);
-}
-let EdgelessWardleyNodeLabelEditor = (() => {
-  let _classSuper = WithDisposable(ShadowlessElement);
-  let _element_decorators;
-  let _element_initializers = [];
-  let _element_extraInitializers = [];
-  let _std_decorators;
-  let _std_initializers = [];
-  let _std_extraInitializers = [];
-  let _richText_decorators;
-  let _richText_initializers = [];
-  let _richText_extraInitializers = [];
-  return class EdgelessWardleyNodeLabelEditor extends _classSuper {
-    static {
-      const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
-      _element_decorators = [property({ attribute: false })];
-      _std_decorators = [consume({ context: stdContext })];
-      _richText_decorators = [query("rich-text")];
-      __esDecorate(this, null, _element_decorators, { kind: "accessor", name: "element", static: false, private: false, access: { has: (obj) => "element" in obj, get: (obj) => obj.element, set: (obj, value) => {
-        obj.element = value;
-      } }, metadata: _metadata }, _element_initializers, _element_extraInitializers);
-      __esDecorate(this, null, _std_decorators, { kind: "accessor", name: "std", static: false, private: false, access: { has: (obj) => "std" in obj, get: (obj) => obj.std, set: (obj, value) => {
-        obj.std = value;
-      } }, metadata: _metadata }, _std_initializers, _std_extraInitializers);
-      __esDecorate(this, null, _richText_decorators, { kind: "accessor", name: "richText", static: false, private: false, access: { has: (obj) => "richText" in obj, get: (obj) => obj.richText, set: (obj, value) => {
-        obj.richText = value;
-      } }, metadata: _metadata }, _richText_initializers, _richText_extraInitializers);
-      if (_metadata) Object.defineProperty(this, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
-    }
-    get inlineEditor() {
-      return this.richText.inlineEditor;
-    }
-    get crud() {
-      return this.std.get(EdgelessCRUDIdentifier);
-    }
-    get gfx() {
-      return this.std.get(GfxControllerIdentifier);
-    }
-    get selection() {
-      return this.gfx.selection;
-    }
-    get inlineEditorContainer() {
-      return this.inlineEditor?.rootElement;
-    }
-    _unmount() {
-      if (this.element.text) {
-        const text = this.element.text.toString();
-        const trimmed = text.trim();
-        if (trimmed.length === 0) {
-          this.crud.updateElement(this.element.id, { text: void 0 });
-        } else if (trimmed.length < text.length) {
-          this.crud.updateElement(this.element.id, {
-            text: new Y.Text(trimmed)
-          });
-        }
-      }
-      this.remove();
-      this.selection.set({ elements: [], editing: false });
-    }
-    connectedCallback() {
-      super.connectedCallback();
-      this.setAttribute(RANGE_SYNC_EXCLUDE_ATTR, "true");
-    }
-    firstUpdated() {
-      this.disposables.add(this.gfx.viewport.viewportUpdated.subscribe(() => this.requestUpdate()));
-      this.updateComplete.then(() => {
-        if (!this.inlineEditor)
-          return;
-        this.inlineEditor.focusEnd();
-        if (!this.inlineEditorContainer)
-          return;
-        this.disposables.addFromEvent(this.inlineEditorContainer, "blur", () => this._unmount());
-      }).catch(console.error);
-      this.disposables.addFromEvent(this, "keydown", (evt) => {
-        if (evt.key === "Escape") {
-          this.ownerDocument.activeElement?.blur();
-        }
-      });
-    }
-    async getUpdateComplete() {
-      const result = await super.getUpdateComplete();
-      await this.richText?.updateComplete;
-      return result;
-    }
-    render() {
-      if (!this.element.text)
-        return nothing;
-      const [, , w, h] = this.element.deserializedXYWH;
-      const R = Math.min(w, h) / 2;
-      const [ox, oy] = this.element.labelOffset ?? [0, 0];
-      const modelX = this.element.x + w / 2 + R + LABEL.gap + ox;
-      const modelY = this.element.y + h / 2 + oy - LABEL.font / 2;
-      const [x, y] = this.gfx.viewport.toViewCoord(modelX, modelY);
-      const zoom = this.gfx.viewport.zoom;
-      const style = styleMap({
-        position: "absolute",
-        left: `${x}px`,
-        top: `${y}px`,
-        minWidth: "8px",
-        fontSize: `${LABEL.font}px`,
-        fontFamily: TextUtils.wrapFontFamily(LABEL.family),
-        lineHeight: "normal",
-        color: LABEL.color,
-        outline: "none",
-        whiteSpace: "nowrap",
-        transform: `scale(${zoom}, ${zoom})`,
-        transformOrigin: "top left",
-        zIndex: "1"
-      });
-      return html`<rich-text
-      .yText=${this.element.text}
-      .enableFormat=${false}
-      .enableAutoScrollHorizontally=${false}
-      style=${style}
-    ></rich-text>`;
-    }
-    #element = __runInitializers(this, _element_initializers, void 0);
-    get element() {
-      return this.#element;
-    }
-    set element(_) {
-      this.#element = _;
-    }
-    #std = (__runInitializers(this, _element_extraInitializers), __runInitializers(this, _std_initializers, void 0));
-    get std() {
-      return this.#std;
-    }
-    set std(_) {
-      this.#std = _;
-    }
-    #richText = (__runInitializers(this, _std_extraInitializers), __runInitializers(this, _richText_initializers, void 0));
-    get richText() {
-      return this.#richText;
-    }
-    set richText(_) {
-      this.#richText = _;
-    }
-    constructor() {
-      super(...arguments);
-      __runInitializers(this, _richText_extraInitializers);
-    }
-  };
-})();
-export { EdgelessWardleyNodeLabelEditor };

package/dist/node/node-renderer.d.ts

@@ -1,17 +0,0 @@
-import { type ElementRenderer } from '@formicoidea/labre-core/blocks/surface';
-import { type WardleyNodeElementModel } from '@formicoidea/labre-core/model';
-/**
- * Renderer for a Wardley node. The circle is drawn by REUSING the native shape
- * renderer (so stroke width, colors and theme behave exactly like a native
- * ellipse). On top of it, a glyph is drawn for two kinds:
- *  - `anchor`    → an inscribed person (head + shoulders), clipped to the circle.
- *  - `ecosystem` → a double border at the rim + diagonal hatching confined to the
- *                  inner donut + a hollow central circle.
- * All glyph strokes use the model's (editable) stroke color; the white band and
- * the hollow center come from the base fill, so colors stay editable.
- */
-export declare const wardleyNode: ElementRenderer<WardleyNodeElementModel>;
-export declare const WardleyNodeRendererExtension: import("@formicoidea/labre-core/store").ExtensionType & {
-    identifier: import("@formicoidea/labre-core/global/di").ServiceIdentifier<ElementRenderer<WardleyNodeElementModel>>;
-};
-//# sourceMappingURL=node-renderer.d.ts.map

package/dist/node/node-renderer.js

@@ -1,106 +0,0 @@
-import { ElementRendererExtension, } from '@formicoidea/labre-core/blocks/surface';
-import { shape as shapeRenderer } from '@formicoidea/labre-core/gfx/shape';
-import { DefaultTheme } from '@formicoidea/labre-core/model';
-import { ANCHOR, ECOSYSTEM, METHOD, NODE_FILL } from './consts';
-/**
- * Renderer for a Wardley node. The circle is drawn by REUSING the native shape
- * renderer (so stroke width, colors and theme behave exactly like a native
- * ellipse). On top of it, a glyph is drawn for two kinds:
- *  - `anchor`    → an inscribed person (head + shoulders), clipped to the circle.
- *  - `ecosystem` → a double border at the rim + diagonal hatching confined to the
- *                  inner donut + a hollow central circle.
- * All glyph strokes use the model's (editable) stroke color; the white band and
- * the hollow center come from the base fill, so colors stay editable.
- */
-export const wardleyNode = (model, ctx, matrix, renderer, rc, bound) => {
-    const [, , w, h] = model.deserializedXYWH;
-    const cx = w / 2;
-    const cy = h / 2;
-    // Capture the element-local transform BEFORE the shape renderer mutates the
-    // matrix, so the glyph can be drawn in the same space afterwards.
-    const glyphMatrix = DOMMatrix.fromMatrix(matrix)
-        .translateSelf(cx, cy)
-        .rotateSelf(model.rotate)
-        .translateSelf(-cx, -cy);
-    // Native ellipse (fill / stroke / theme handled natively).
-    shapeRenderer(model, ctx, matrix, renderer, rc, bound);
-    if (model.kind !== 'anchor' &&
-        model.kind !== 'ecosystem' &&
-        model.kind !== 'method')
-        return;
-    const strokeWidth = model.strokeWidth || 1;
-    const R = Math.min(w, h) / 2 - strokeWidth / 2;
-    const color = renderer.getColorValue(model.strokeColor, DefaultTheme.shapeStrokeColor, true);
-    ctx.setTransform(glyphMatrix);
-    // ── Anchor: person glyph (clipped to the circle) ────────────────────
-    if (model.kind === 'anchor') {
-        ctx.save();
-        ctx.beginPath();
-        ctx.arc(cx, cy, R - strokeWidth / 2, 0, Math.PI * 2);
-        ctx.clip();
-        ctx.lineWidth = strokeWidth;
-        ctx.strokeStyle = color;
-        ctx.lineCap = 'round';
-        ctx.lineJoin = 'round';
-        // head
-        ctx.beginPath();
-        ctx.arc(cx, cy + ANCHOR.headCY * R, ANCHOR.headR * R, 0, Math.PI * 2);
-        ctx.stroke();
-        // rounded shoulders (extremities sit on the circle border)
-        const sx = ANCHOR.shoulderEndX * R;
-        const sy = ANCHOR.shoulderEndY * R;
-        const kx = ANCHOR.shoulderCtrlX * R;
-        const ky = ANCHOR.shoulderCtrlY * R;
-        ctx.beginPath();
-        ctx.moveTo(cx - sx, cy + sy);
-        ctx.bezierCurveTo(cx - kx, cy + ky, cx + kx, cy + ky, cx + sx, cy + sy);
-        ctx.stroke();
-        ctx.restore();
-        return;
-    }
-    // ── Method: a white component inscribed in the colored outer circle ──
-    if (model.kind === 'method') {
-        const rInner = R * METHOD.centerRatio;
-        ctx.fillStyle = NODE_FILL;
-        ctx.lineWidth = strokeWidth;
-        ctx.strokeStyle = color;
-        ctx.beginPath();
-        ctx.arc(cx, cy, rInner, 0, Math.PI * 2);
-        ctx.fill();
-        ctx.stroke();
-        return;
-    }
-    // ── Ecosystem: double border + hatched inner donut + hollow center ──
-    const rBorder2 = R * ECOSYSTEM.secondBorderRatio;
-    const rCenter = R * ECOSYSTEM.centerRatio;
-    const rHatch = R * ECOSYSTEM.hatchOuterRatio;
-    // Hatch confined to the donut [rCenter, rHatch] (even-odd clip = annulus).
-    ctx.save();
-    ctx.beginPath();
-    ctx.arc(cx, cy, rHatch, 0, Math.PI * 2);
-    ctx.moveTo(cx + rCenter, cy);
-    ctx.arc(cx, cy, rCenter, 0, Math.PI * 2);
-    ctx.clip('evenodd');
-    ctx.lineWidth = Math.max(0.5, strokeWidth * 0.6);
-    ctx.strokeStyle = color;
-    const step = R * ECOSYSTEM.hatchSpacingRatio;
-    for (let d = -2 * R; d <= 2 * R; d += step) {
-        ctx.beginPath();
-        ctx.moveTo(cx - R, cy - R + d);
-        ctx.lineTo(cx + R, cy + R + d);
-        ctx.stroke();
-    }
-    ctx.restore();
-    // Double border (2nd inscribed circle) + central hole border. No fill: the
-    // white band and hollow center come from the base ellipse fill.
-    ctx.lineWidth = strokeWidth;
-    ctx.strokeStyle = color;
-    ctx.beginPath();
-    ctx.arc(cx, cy, rBorder2, 0, Math.PI * 2);
-    ctx.stroke();
-    ctx.beginPath();
-    ctx.arc(cx, cy, rCenter, 0, Math.PI * 2);
-    ctx.stroke();
-};
-export const WardleyNodeRendererExtension = ElementRendererExtension('wardleyNode', wardleyNode);
-//# sourceMappingURL=node-renderer.js.map

package/dist/node/node-view.js

@@ -1,10 +0,0 @@
-import { GfxElementModelView } from '@formicoidea/labre-core/std/gfx';
-/**
- * View for a Wardley node. Registering it ensures `gfx.view.get(model)` returns
- * a view (required so move / select / connector interactions work). The label
- * is a separate native text element, so no custom editing is needed here.
- */
-export class WardleyNodeView extends GfxElementModelView {
-    static { this.type = 'wardleyNode'; }
-}
-//# sourceMappingURL=node-view.js.map

package/dist/templates/index.d.ts

@@ -1,3 +0,0 @@
-import { type TemplateCategory } from '@formicoidea/labre-core/gfx/template';
-export declare const wardleyTemplateCategory: TemplateCategory;
-//# sourceMappingURL=index.d.ts.map

package/dist/templates/index.js

@@ -1,172 +0,0 @@
-import { makeTemplateSnapshot, surfaceText, } from '@formicoidea/labre-core/gfx/template';
-import { ConnectorMode, FontFamily, PointStyle, ShapeStyle, StrokeStyle, TextAlign, } from '@formicoidea/labre-core/model';
-import { REF_WIDTH } from '../consts';
-import { wardleyMaps } from './maps';
-import { ECOSYSTEM_SIZE, HANDLE_SIZE, INERTIA_COLOR, INERTIA_SIZE, LABEL_FONT_SIZE, LINK_GREY, LINK_STROKE_WIDTH, MARKET_DOT_RING, MARKET_DOT_SIZE, MARKET_DOT_STROKE_WIDTH, MARKET_LINK_COLOR, MARKET_LINK_WIDTH, MARKET_SIZE, METHOD_FILL, METHOD_SIZE, NODE_FILL, NODE_SIZE, NODE_STROKE, NODE_STROKE_WIDTH, PIPELINE_FILL, PIPELINE_HEIGHT, PIPELINE_WIDTH, WARDLEY_RED, } from '../node/consts';
-const VARIANT_DEFAULTS = {
-    classic: {},
-    opportunity: {
-        yAxisTitle: 'Opportunity',
-        showVisibilityLabels: false,
-        showCornerLabels: false,
-    },
-    benefit: {
-        yAxisTitle: '',
-        visibilityHigh: 'Benefit',
-        visibilityLow: 'Investment',
-        showCornerLabels: false,
-    },
-    'evolution-gradient': {},
-};
-const bg = (variant, w = REF_WIDTH) => {
-    const h = Math.round((w * 9) / 16);
-    return { type: 'wardley', variant, ...VARIANT_DEFAULTS[variant], xywh: `[0,0,${w},${h}]` };
-};
-/** A wardley node ellipse positioned by top-left. */
-function node(kind, x, y, d = NODE_SIZE, fill = NODE_FILL, strokeWidth = NODE_STROKE_WIDTH) {
-    return {
-        type: 'wardleyNode',
-        kind,
-        shapeType: 'ellipse',
-        filled: true,
-        fillColor: fill,
-        strokeColor: NODE_STROKE,
-        strokeWidth,
-        shapeStyle: ShapeStyle.General,
-        roughness: 0,
-        xywh: `[${x},${y},${d},${d}]`,
-    };
-}
-function label(x, y, str, align = 'left') {
-    return {
-        type: 'text',
-        text: surfaceText(str),
-        color: NODE_STROKE,
-        fontFamily: FontFamily.Inter,
-        fontSize: LABEL_FONT_SIZE,
-        textAlign: align === 'center' ? TextAlign.Center : TextAlign.Left,
-        xywh: `[${x},${y},140,26]`,
-    };
-}
-function connect(source, target, opts = {}) {
-    return {
-        type: 'connector',
-        mode: ConnectorMode.Straight,
-        stroke: opts.red ? WARDLEY_RED : LINK_GREY,
-        strokeStyle: opts.red ? StrokeStyle.Dash : StrokeStyle.Solid,
-        strokeWidth: LINK_STROKE_WIDTH,
-        frontEndpointStyle: PointStyle.None,
-        rearEndpointStyle: opts.red ? PointStyle.Triangle : PointStyle.None,
-        source,
-        target,
-    };
-}
-const inertia = (x = 0, y = 0) => ({
-    type: 'shape',
-    shapeType: 'rect',
-    filled: true,
-    fillColor: INERTIA_COLOR,
-    strokeColor: INERTIA_COLOR,
-    strokeWidth: 0,
-    shapeStyle: ShapeStyle.General,
-    roughness: 0,
-    radius: 0,
-    xywh: `[${x},${y},${INERTIA_SIZE.w},${INERTIA_SIZE.h}]`,
-});
-/** Pipeline composite: body rect + handle square (straddling top) + label. */
-function pipeline() {
-    return {
-        label: label(0, 0, 'Pipeline', 'center'),
-        body: {
-            type: 'wardleyNode',
-            kind: 'pipeline',
-            shapeType: 'rect',
-            filled: true,
-            fillColor: PIPELINE_FILL,
-            strokeColor: NODE_STROKE,
-            strokeWidth: NODE_STROKE_WIDTH,
-            shapeStyle: ShapeStyle.General,
-            roughness: 0,
-            radius: 0,
-            xywh: `[0,39,${PIPELINE_WIDTH},${PIPELINE_HEIGHT}]`,
-        },
-        handle: {
-            type: 'wardleyNode',
-            kind: 'handle',
-            shapeType: 'rect',
-            filled: true,
-            fillColor: NODE_FILL,
-            strokeColor: NODE_STROKE,
-            strokeWidth: NODE_STROKE_WIDTH,
-            shapeStyle: ShapeStyle.General,
-            roughness: 0,
-            radius: 0,
-            xywh: `[${PIPELINE_WIDTH / 2 - HANDLE_SIZE / 2},${39 - HANDLE_SIZE / 2},${HANDLE_SIZE},${HANDLE_SIZE}]`,
-        },
-    };
-}
-/** Market composite: outer circle + 3 inner dots wired in a triangle + label. */
-function market() {
-    const R = MARKET_SIZE / 2;
-    const c = R; // center within the [0,0,MARKET_SIZE,MARKET_SIZE] box
-    const rho = MARKET_DOT_RING;
-    const sin60 = Math.sqrt(3) / 2;
-    const verts = [
-        [0, -rho],
-        [rho * sin60, rho / 2],
-        [-rho * sin60, rho / 2],
-    ];
-    const dotAt = (vx, vy) => node('component', c + vx - MARKET_DOT_SIZE / 2, c + vy - MARKET_DOT_SIZE / 2, MARKET_DOT_SIZE, NODE_FILL, MARKET_DOT_STROKE_WIDTH);
-    const tri = (a, b) => ({
-        type: 'connector',
-        mode: ConnectorMode.Straight,
-        stroke: MARKET_LINK_COLOR,
-        strokeStyle: StrokeStyle.Solid,
-        strokeWidth: MARKET_LINK_WIDTH,
-        frontEndpointStyle: PointStyle.None,
-        rearEndpointStyle: PointStyle.None,
-        source: { id: a },
-        target: { id: b },
-    });
-    return {
-        circle: node('market', 0, 0, MARKET_SIZE, NODE_FILL),
-        d0: dotAt(verts[0][0], verts[0][1]),
-        d1: dotAt(verts[1][0], verts[1][1]),
-        d2: dotAt(verts[2][0], verts[2][1]),
-        t0: tri('d0', 'd1'),
-        t1: tri('d1', 'd2'),
-        t2: tri('d2', 'd0'),
-        label: label(MARKET_SIZE + 8, 2, 'Market'),
-    };
-}
-const single = (el) => ({ a: el });
-const nodeWithLabel = (kind, d, fill, name) => ({
-    n: node(kind, 0, 0, d, fill),
-    l: label(d + 8, d / 2 - 13, name),
-});
-const ATTRS = 'width="100%" height="100%" viewBox="0 0 135 80" xmlns="http://www.w3.org/2000/svg"';
-const bgPreview = (extra = '') => `<svg ${ATTRS} fill="none"><path d="M22 12 V64 H120" stroke="#3b3d42" stroke-width="2"/><path d="M44 12 V64 M68 12 V64 M94 12 V64" stroke="#9aa0a6" stroke-width="0.8"/>${extra}</svg>`;
-const dotPreview = (fill, sw = 2) => `<svg ${ATTRS} fill="none"><circle cx="67" cy="40" r="13" fill="${fill}" stroke="#1f2328" stroke-width="${sw}"/></svg>`;
-function tpl(name, preview, elements) {
-    return { name, type: 'template', preview, content: makeTemplateSnapshot(elements, name) };
-}
-export const wardleyTemplateCategory = {
-    name: 'Wardley',
-    templates: [
-        ...wardleyMaps,
-        tpl('Map background', bgPreview(), { bg: bg('classic') }),
-        tpl('Opportunity gradient', bgPreview('<rect x="22" y="12" width="98" height="52" fill="#eef4fb" opacity="0.6"/>'), { bg: bg('opportunity') }),
-        tpl('Benefit gradient', bgPreview('<rect x="22" y="12" width="98" height="26" fill="#e6eef8" opacity="0.6"/>'), { bg: bg('benefit') }),
-        tpl('Evolution gradient', bgPreview('<rect x="22" y="12" width="98" height="52" fill="#e3e2e4" opacity="0.5"/>'), { bg: bg('evolution-gradient') }),
-        tpl('Component', dotPreview('#ffffff', 1.5), nodeWithLabel('component', NODE_SIZE, NODE_FILL, 'Component')),
-        tpl('Anchor', `<svg ${ATTRS} fill="none"><circle cx="67" cy="40" r="13" fill="#fff" stroke="#1f2328" stroke-width="1.5"/><circle cx="67" cy="36" r="3.5" fill="#1f2328"/><path d="M59 48 q8 -9 16 0" stroke="#1f2328" stroke-width="1.5" fill="none"/></svg>`, nodeWithLabel('anchor', NODE_SIZE, NODE_FILL, 'Anchor')),
-        tpl('Ecosystem', `<svg ${ATTRS} fill="none"><circle cx="67" cy="40" r="15" fill="#fff" stroke="#1f2328" stroke-width="1.5"/><circle cx="67" cy="40" r="11" fill="none" stroke="#1f2328"/><circle cx="67" cy="40" r="5" fill="#fff" stroke="#1f2328"/></svg>`, nodeWithLabel('ecosystem', ECOSYSTEM_SIZE, NODE_FILL, 'Ecosystem')),
-        tpl('Method', `<svg ${ATTRS} fill="none"><circle cx="67" cy="40" r="15" fill="#d9d9d9" stroke="#1f2328" stroke-width="1.5"/><circle cx="67" cy="40" r="7" fill="#fff" stroke="#1f2328"/></svg>`, nodeWithLabel('method', METHOD_SIZE, METHOD_FILL, 'Component')),
-        tpl('Pipeline', `<svg ${ATTRS} fill="none"><rect x="34" y="40" width="66" height="14" fill="#fff" stroke="#1f2328"/><rect x="60" y="33" width="14" height="14" fill="#fff" stroke="#1f2328"/></svg>`, pipeline()),
-        tpl('Market', `<svg ${ATTRS} fill="none"><circle cx="67" cy="40" r="16" fill="#fff" stroke="#1f2328"/><circle cx="67" cy="30" r="3.5" fill="#fff" stroke="#1f2328" stroke-width="1.5"/><circle cx="75" cy="46" r="3.5" fill="#fff" stroke="#1f2328" stroke-width="1.5"/><circle cx="59" cy="46" r="3.5" fill="#fff" stroke="#1f2328" stroke-width="1.5"/><path d="M67 30 L75 46 L59 46 Z" stroke="#1f2328" stroke-width="0.8" fill="none"/></svg>`, market()),
-        tpl('Inertia', `<svg ${ATTRS} fill="none"><rect x="63" y="22" width="8" height="36" fill="#1f2328"/></svg>`, single(inertia())),
-        tpl('Link', `<svg ${ATTRS} fill="none"><path d="M24 40 H110" stroke="#666" stroke-width="2.4"/></svg>`, single(connect({ position: [0, 0] }, { position: [160, 0] }))),
-        tpl('Evolution arrow', `<svg ${ATTRS} fill="none"><path d="M24 40 H100" stroke="#d6455d" stroke-width="2.4" stroke-dasharray="6 4"/><path d="M98 33 L112 40 L98 47 Z" fill="#d6455d"/></svg>`, single(connect({ position: [0, 0] }, { position: [160, 0] }, { red: true }))),
-    ],
-};
-//# sourceMappingURL=index.js.map

package/dist/templates/maps.d.ts

@@ -1,3 +0,0 @@
-import { type Template } from '@formicoidea/labre-core/gfx/template';
-export declare const wardleyMaps: Template[];
-//# sourceMappingURL=maps.d.ts.map