@formicoidea/labre-core 0.30.1 → 0.32.0

package/dist/_pkgs/affine-model/elements/framework-background/background.js

@@ -0,0 +1,42 @@
+import { Bound, getPointsFromBoundWithRotation, linePolygonIntersects, pointInPolygon, polygonNearestPoint, } from '../../../global/gfx/index.js';
+import { GfxPrimitiveElementModel } from '../../../std/gfx/index.js';
+/**
+ * The MODEL half of the framework-background primitive (PF2.1).
+ *
+ * A framework background is, geometrically, a rotated rectangle the user drops
+ * other elements onto: it is selectable, movable, copy/pasteable and part of
+ * undo/redo like any surface element, but it is a passive canvas — connectors
+ * must not snap to it (an arrow connects nodes, never the map they sit on).
+ *
+ * That is the whole of it. Everything a framework's background LOOKS like is
+ * declared, not coded — see `FrameworkBackgroundDef` in
+ * `@labre/affine-block-surface`.
+ *
+ * Subclasses keep declaring their own `@field` props: this class adds no field
+ * and renames none, so a document written before it existed is byte-identical
+ * to one written after.
+ */
+export class FrameworkBackgroundElementModel extends GfxPrimitiveElementModel {
+    /**
+     * The background is a passive canvas: connectors must not snap their
+     * endpoints to it.
+     */
+    get connectable() {
+        return false;
+    }
+    containsBound(bounds) {
+        const points = getPointsFromBoundWithRotation(this);
+        return points.some(point => bounds.containsPoint(point));
+    }
+    getLineIntersections(start, end) {
+        const points = getPointsFromBoundWithRotation(this);
+        return linePolygonIntersects(start, end, points);
+    }
+    getNearestPoint(point) {
+        return polygonNearestPoint(Bound.deserialize(this.xywh).points, point);
+    }
+    includesPoint(x, y) {
+        const points = getPointsFromBoundWithRotation(this);
+        return pointInPolygon([x, y], points);
+    }
+}

package/dist/_pkgs/affine-model/elements/framework-background/index.d.ts

@@ -0,0 +1 @@
+export * from './background.js';

package/dist/_pkgs/affine-model/elements/framework-background/index.js

@@ -0,0 +1 @@
+export * from './background.js';

package/dist/_pkgs/affine-model/elements/highlighter/highlighter.d.ts

@@ -1,7 +1,7 @@
 import { Bound, type IVec, type IVec3, PointLocation, type SerializedXYWH } from '../../../global/gfx/index.js';
 import type { BaseElementProps, PointTestOptions } from '../../../std/gfx/index.js';
 import { GfxPrimitiveElementModel } from '../../../std/gfx/index.js';
-import { type Color } from '../../themes/index';
+import { type Color } from '../../themes/index.js';
 export type HighlighterProps = BaseElementProps & {
     /**
      * [[x0,y0,pressure0?],[x1,y1,pressure1?]...]

package/dist/_pkgs/affine-model/elements/highlighter/highlighter.js

@@ -34,8 +34,8 @@ var __runInitializers = (this && this.__runInitializers) || function (thisArg, i
 };
 import { Bound, getBoundFromPoints, getPointsFromBoundWithRotation, getQuadBoundWithRotation, getSolidStrokePoints, getSvgPathFromStroke, inflateBound, isPointOnlines, lineIntersects, PointLocation, polyLineNearestPoint, transformPointsToNewBound, Vec, } from '../../../global/gfx/index.js';
 import { convert, derive, field, GfxPrimitiveElementModel, watch, } from '../../../std/gfx/index.js';
-import { DEFAULT_HIGHLIGHTER_LINE_WIDTH } from '../../consts';
-import { DefaultTheme } from '../../themes/index';
+import { DEFAULT_HIGHLIGHTER_LINE_WIDTH } from '../../consts/index.js';
+import { DefaultTheme } from '../../themes/index.js';
 let HighlighterElementModel = (() => {
     let _classSuper = GfxPrimitiveElementModel;
     let _color_decorators;

package/dist/_pkgs/affine-model/elements/highlighter/index.d.ts

@@ -1 +1 @@
-export * from './highlighter';
+export * from './highlighter.js';

package/dist/_pkgs/affine-model/elements/highlighter/index.js

@@ -1 +1 @@
-export * from './highlighter';
+export * from './highlighter.js';

package/dist/_pkgs/affine-model/elements/index.d.ts

@@ -3,7 +3,7 @@ import type { BpmnNodeElementModel, BpmnPoolElementModel } from './bpmn/index.js
 import type { BrushElementModel } from './brush/index.js';
 import type { ConnectorElementModel } from './connector/index.js';
 import type { CoreDomainChartElementModel } from './core-domain/index.js';
-import type { EdgyFacetsElementModel, EdgyNodeElementModel } from './edgy/index.js';
+import type { EdgyBoardElementModel, EdgyFacetsElementModel, EdgyNodeElementModel } from './edgy/index.js';
 import type { CynefinElementModel } from './cynefin/index.js';
 import type { EstuarineElementModel } from './estuarine/index.js';
 import type { GroupElementModel } from './group/index.js';
@@ -19,6 +19,7 @@ export * from './core-domain/index.js';
 export * from './cynefin/index.js';
 export * from './edgy/index.js';
 export * from './estuarine/index.js';
+export * from './framework-background/index.js';
 export * from './group/index.js';
 export * from './highlighter/index.js';
 export * from './mindmap/index.js';
@@ -38,6 +39,7 @@ export type SurfaceElementModelMap = {
     wardley: WardleyBackgroundElementModel;
     wardleyNode: WardleyNodeElementModel;
     edgy: EdgyFacetsElementModel;
+    edgyBoard: EdgyBoardElementModel;
     edgyNode: EdgyNodeElementModel;
     cynefin: CynefinElementModel;
     estuarine: EstuarineElementModel;

package/dist/_pkgs/affine-model/elements/index.js

@@ -5,6 +5,7 @@ export * from './core-domain/index.js';
 export * from './cynefin/index.js';
 export * from './edgy/index.js';
 export * from './estuarine/index.js';
+export * from './framework-background/index.js';
 export * from './group/index.js';
 export * from './highlighter/index.js';
 export * from './mindmap/index.js';

package/dist/_pkgs/affine-model/elements/mindmap/index.d.ts

@@ -1,3 +1,3 @@
-export * from './mindmap';
-export * from './snapshot';
-export * from './style';
+export * from './mindmap.js';
+export * from './snapshot/index.js';
+export * from './style.js';

package/dist/_pkgs/affine-model/elements/mindmap/index.js

@@ -1,3 +1,3 @@
-export * from './mindmap';
-export * from './snapshot';
-export * from './style';
+export * from './mindmap.js';
+export * from './snapshot/index.js';
+export * from './style.js';

package/dist/_pkgs/affine-model/elements/mindmap/mindmap.js

@@ -36,8 +36,8 @@ import { deserializeXYWH } from '../../../global/gfx/index.js';
 import { assertType, noop } from '../../../global/utils/index.js';
 import { convert, field, GfxGroupLikeElementModel, observe, watch, } from '../../../std/gfx/index.js';
 import { generateKeyBetween } from 'fractional-indexing';
-import last from 'lodash-es/last';
-import pick from 'lodash-es/pick';
+import last from 'lodash-es/last.js';
+import pick from 'lodash-es/pick.js';
 import * as Y from 'yjs';
 import { z } from 'zod';
 import { ConnectorMode } from '../../consts/connector.js';
@@ -247,7 +247,6 @@ let MindmapElementModel = (() => {
                     id = this.surface.addElement({
                         type,
                         xywh: '[0,0,100,30]',
-                        maxWidth: false,
                         ...props,
                         ...style.node,
                     });
@@ -269,7 +268,6 @@ let MindmapElementModel = (() => {
                     id = this.surface.addElement({
                         type,
                         xywh: '[0,0,113,41]',
-                        maxWidth: false,
                         ...props,
                         ...rootStyle,
                     });
@@ -655,7 +653,12 @@ let MindmapElementModel = (() => {
                 return;
             }
             const stashed = new Set();
+            const stashedNodeIds = new Set();
             const traverse = (node) => {
+                if (this._stashedNode.has(node.id))
+                    return;
+                this._stashedNode.add(node.id);
+                stashedNodeIds.add(node.id);
                 node.element.stash('xywh');
                 stashed.add(node.element);
                 if (node.children.length) {
@@ -664,7 +667,9 @@ let MindmapElementModel = (() => {
             };
             traverse(mindNode);
             return () => {
-                this._stashedNode.delete(mindNode.id);
+                stashedNodeIds.forEach(id => {
+                    this._stashedNode.delete(id);
+                });
                 stashed.forEach(el => {
                     el.pop('xywh');
                 });

package/dist/_pkgs/affine-model/elements/mindmap/snapshot/index.d.ts

@@ -1,2 +1,2 @@
-export * from './types';
-export * from './utils';
+export * from './types.js';
+export * from './utils.js';

package/dist/_pkgs/affine-model/elements/mindmap/snapshot/index.js

@@ -1,2 +1,2 @@
-export * from './types';
-export * from './utils';
+export * from './types.js';
+export * from './utils.js';

package/dist/_pkgs/affine-model/elements/mindmap/snapshot/utils.d.ts

@@ -1,3 +1,3 @@
-import type { MindMapTreeNode } from './types';
+import type { MindMapTreeNode } from './types.js';
 export declare function getMindMapNodeMap(element: Record<string, unknown>): Map<string, MindMapTreeNode>;
 export declare function buildMindMapTree(element: Record<string, unknown>): MindMapTreeNode | null;

package/dist/_pkgs/affine-model/elements/mindmap/style.d.ts

@@ -24,6 +24,7 @@ export type NodeStyle = {
     strokeWidth: number;
     strokeColor: Color;
     textResizing: TextResizing;
+    maxWidth: false | number;
     fontSize: number;
     fontFamily: string;
     fontWeight: FontWeight;
@@ -44,6 +45,7 @@ export type ConnectorStyle = {
     strokeWidth: number;
     mode: ConnectorMode;
 };
+export declare const MINDMAP_NODE_MAX_WIDTH = 512;
 export declare abstract class MindmapStyleGetter {
     abstract readonly root: NodeStyle;
     abstract getNodeStyle(node: MindmapNode, path: number[]): {
@@ -58,6 +60,7 @@ export declare class StyleOne extends MindmapStyleGetter {
     readonly root: {
         radius: number;
         textResizing: TextResizing;
+        maxWidth: number;
         strokeWidth: number;
         strokeColor: string;
         fontFamily: FontFamily;
@@ -128,6 +131,7 @@ export declare class StyleOne extends MindmapStyleGetter {
         node: {
             radius: number;
             textResizing: TextResizing;
+            maxWidth: number;
             strokeWidth: number;
             strokeColor: string | {
                 normal: string;
@@ -157,6 +161,7 @@ export declare class StyleTwo extends MindmapStyleGetter {
     readonly root: {
         radius: number;
         textResizing: TextResizing;
+        maxWidth: number;
         strokeWidth: number;
         strokeColor: string | {
             normal: string;
@@ -252,6 +257,7 @@ export declare class StyleTwo extends MindmapStyleGetter {
         node: {
             radius: number;
             textResizing: TextResizing;
+            maxWidth: number;
             strokeWidth: number;
             strokeColor: string | {
                 normal: string;
@@ -291,6 +297,7 @@ export declare class StyleThree extends MindmapStyleGetter {
     readonly root: {
         radius: number;
         textResizing: TextResizing;
+        maxWidth: number;
         strokeWidth: number;
         strokeColor: string;
         fontFamily: FontFamily;
@@ -317,6 +324,7 @@ export declare class StyleThree extends MindmapStyleGetter {
         node: {
             radius: number;
             textResizing: TextResizing;
+            maxWidth: number;
             strokeWidth: number;
             strokeColor: string | {
                 normal: string;
@@ -395,6 +403,7 @@ export declare class StyleFour extends MindmapStyleGetter {
     readonly root: {
         radius: number;
         textResizing: TextResizing;
+        maxWidth: number;
         strokeWidth: number;
         strokeColor: string;
         fontFamily: FontFamily;
@@ -466,6 +475,7 @@ export declare class StyleFour extends MindmapStyleGetter {
             padding: [number, number];
             radius: number;
             textResizing: TextResizing;
+            maxWidth: number;
             strokeWidth: number;
             strokeColor: string;
             fontFamily: FontFamily;

package/dist/_pkgs/affine-model/elements/mindmap/style.js

@@ -1,10 +1,11 @@
-import isEqual from 'lodash-es/isEqual';
-import last from 'lodash-es/last';
+import isEqual from 'lodash-es/isEqual.js';
+import last from 'lodash-es/last.js';
 import { ConnectorMode } from '../../consts/connector.js';
 import { MindmapStyle } from '../../consts/mindmap.js';
 import { StrokeStyle } from '../../consts/note.js';
 import { FontFamily, FontWeight, TextResizing } from '../../consts/text.js';
 import { DefaultTheme } from '../../themes/index.js';
+export const MINDMAP_NODE_MAX_WIDTH = 512;
 export class MindmapStyleGetter {
 }
 export class StyleOne extends MindmapStyleGetter {
@@ -21,6 +22,7 @@ export class StyleOne extends MindmapStyleGetter {
         this.root = {
             radius: 8,
             textResizing: TextResizing.AUTO_WIDTH_AND_HEIGHT,
+            maxWidth: MINDMAP_NODE_MAX_WIDTH,
             strokeWidth: 4,
             strokeColor: '#53b2ef',
             fontFamily: FontFamily.Poppins,
@@ -76,6 +78,7 @@ export class StyleOne extends MindmapStyleGetter {
             node: {
                 radius: 8,
                 textResizing: TextResizing.AUTO_WIDTH_AND_HEIGHT,
+                maxWidth: MINDMAP_NODE_MAX_WIDTH,
                 strokeWidth: 3,
                 strokeColor: color,
                 fontFamily: FontFamily.Poppins,
@@ -107,6 +110,7 @@ export class StyleTwo extends MindmapStyleGetter {
         this.root = {
             radius: 3,
             textResizing: TextResizing.AUTO_WIDTH_AND_HEIGHT,
+            maxWidth: MINDMAP_NODE_MAX_WIDTH,
             strokeWidth: 3,
             strokeColor: DefaultTheme.black,
             fontFamily: FontFamily.Poppins,
@@ -164,6 +168,7 @@ export class StyleTwo extends MindmapStyleGetter {
             node: {
                 radius: 3,
                 textResizing: TextResizing.AUTO_WIDTH_AND_HEIGHT,
+                maxWidth: MINDMAP_NODE_MAX_WIDTH,
                 strokeWidth: 3,
                 strokeColor: DefaultTheme.black,
                 fontFamily: FontFamily.Poppins,
@@ -195,6 +200,7 @@ export class StyleThree extends MindmapStyleGetter {
         this.root = {
             radius: 10,
             textResizing: TextResizing.AUTO_WIDTH_AND_HEIGHT,
+            maxWidth: MINDMAP_NODE_MAX_WIDTH,
             strokeWidth: 0,
             strokeColor: 'transparent',
             fontFamily: FontFamily.Poppins,
@@ -222,6 +228,7 @@ export class StyleThree extends MindmapStyleGetter {
             node: {
                 radius: 10,
                 textResizing: TextResizing.AUTO_WIDTH_AND_HEIGHT,
+                maxWidth: MINDMAP_NODE_MAX_WIDTH,
                 strokeWidth: 2,
                 strokeColor,
                 fontFamily: FontFamily.Poppins,
@@ -285,6 +292,7 @@ export class StyleFour extends MindmapStyleGetter {
         this.root = {
             radius: 0,
             textResizing: TextResizing.AUTO_WIDTH_AND_HEIGHT,
+            maxWidth: MINDMAP_NODE_MAX_WIDTH,
             strokeWidth: 0,
             strokeColor: 'transparent',
             fontFamily: FontFamily.Kalam,

package/dist/_pkgs/affine-model/elements/text/text.d.ts

@@ -3,8 +3,8 @@ import { Bound } from '../../../global/gfx/index.js';
 import type { BaseElementProps } from '../../../std/gfx/index.js';
 import { GfxPrimitiveElementModel } from '../../../std/gfx/index.js';
 import * as Y from 'yjs';
-import { FontFamily, FontStyle, FontWeight, TextAlign, type TextStyleProps } from '../../consts/index';
-import { type Color } from '../../themes/index';
+import { FontFamily, FontStyle, FontWeight, TextAlign, type TextStyleProps } from '../../consts/index.js';
+import { type Color } from '../../themes/index.js';
 export type TextElementProps = BaseElementProps & {
     text: Y.Text;
     hasMaxWidth?: boolean;

package/dist/_pkgs/affine-model/elements/text/text.js

@@ -35,8 +35,8 @@ var __runInitializers = (this && this.__runInitializers) || function (thisArg, i
 import { Bound, getPointsFromBoundWithRotation, linePolygonIntersects, pointInPolygon, polygonNearestPoint, } from '../../../global/gfx/index.js';
 import { field, GfxPrimitiveElementModel } from '../../../std/gfx/index.js';
 import * as Y from 'yjs';
-import { FontFamily, FontStyle, FontWeight, TextAlign, } from '../../consts/index';
-import { DefaultTheme } from '../../themes/index';
+import { FontFamily, FontStyle, FontWeight, TextAlign, } from '../../consts/index.js';
+import { DefaultTheme } from '../../themes/index.js';
 let TextElementModel = (() => {
     let _classSuper = GfxPrimitiveElementModel;
     let _color_decorators;

package/dist/_pkgs/affine-model/elements/wardley/wardley.d.ts

@@ -1,15 +1,12 @@
-import type { IVec, SerializedXYWH } from '../../../global/gfx/index.js';
-import { Bound } from '../../../global/gfx/index.js';
-import type { BaseElementProps } from '../../../std/gfx/index.js';
-import { GfxPrimitiveElementModel } from '../../../std/gfx/index.js';
+import type { SerializedXYWH } from '../../../global/gfx/index.js';
+import { FrameworkBackgroundElementModel } from '../framework-background/index.js';
+import type { FrameworkBackgroundProps } from '../framework-background/index.js';
 /**
  * Background flavour. `classic` is the plain Wardley frame; the others overlay a
  * curve-driven colour gradient inscribed in the same frame (Slice C).
  */
 export type WardleyBgVariant = 'classic' | 'opportunity' | 'benefit' | 'evolution-gradient';
-export type WardleyBackgroundProps = BaseElementProps & {
-    /** When false (default) the resize handles are hidden — toggled from the toolbar. */
-    resizeEnabled?: boolean;
+export type WardleyBackgroundProps = FrameworkBackgroundProps & {
     /** When true the four evolution zones get a light tint (style B). */
     banded?: boolean;
     /** Gradient variant inscribed in the frame. */
@@ -38,34 +35,29 @@ export type WardleyBackgroundProps = BaseElementProps & {
  * Value Chain Y) with the four evolution phase dividers and labels, drawn on
  * the surface canvas. The user places regular edgeless elements on top of it.
  *
- * Extends {@link GfxPrimitiveElementModel} so it inherits selection, move,
- * copy/paste, duplicate, align and undo/redo for free.
+ * An INSTANCE of the framework-background primitive
+ * ({@link FrameworkBackgroundElementModel}): the geometry and the passive-canvas
+ * behaviour come from the primitive, what the map looks like comes from the
+ * `WARDLEY_BACKGROUND` declaration in `@labre/affine-gfx-wardley`, and the
+ * fields below are the persisted document — unchanged, and not the primitive's
+ * business.
  */
-export declare class WardleyBackgroundElementModel extends GfxPrimitiveElementModel<WardleyBackgroundProps> {
+export declare class WardleyBackgroundElementModel extends FrameworkBackgroundElementModel<WardleyBackgroundProps> {
     get type(): string;
-    /**
-     * The background is a passive canvas: connectors must not snap their
-     * endpoints to it (a Wardley arrow should connect nodes, never the map).
-     */
-    get connectable(): boolean;
-    containsBound(bounds: Bound): boolean;
-    getLineIntersections(start: IVec, end: IVec): import("../../../global/gfx/index.js").PointLocation[] | null;
-    getNearestPoint(point: IVec): IVec;
-    includesPoint(x: number, y: number): boolean;
     accessor banded: boolean;
     accessor variant: WardleyBgVariant;
     accessor showGradient: boolean;
     accessor resizeEnabled: boolean;
-    accessor xAxisTitle: string;
-    accessor yAxisTitle: string;
-    accessor evolutionStart: string;
-    accessor evolutionEnd: string;
-    accessor visibilityHigh: string;
-    accessor visibilityLow: string;
-    accessor phase0: string;
-    accessor phase1: string;
-    accessor phase2: string;
-    accessor phase3: string;
+    accessor xAxisTitle: string | undefined;
+    accessor yAxisTitle: string | undefined;
+    accessor evolutionStart: string | undefined;
+    accessor evolutionEnd: string | undefined;
+    accessor visibilityHigh: string | undefined;
+    accessor visibilityLow: string | undefined;
+    accessor phase0: string | undefined;
+    accessor phase1: string | undefined;
+    accessor phase2: string | undefined;
+    accessor phase3: string | undefined;
     accessor showXAxis: boolean;
     accessor showYAxis: boolean;
     accessor showColumnDividers: boolean;

package/dist/_pkgs/affine-model/elements/wardley/wardley.js

@@ -32,18 +32,22 @@ var __runInitializers = (this && this.__runInitializers) || function (thisArg, i
     }
     return useValue ? value : void 0;
 };
-import { Bound, getPointsFromBoundWithRotation, linePolygonIntersects, pointInPolygon, polygonNearestPoint, } from '../../../global/gfx/index.js';
-import { field, GfxPrimitiveElementModel } from '../../../std/gfx/index.js';
+import { field } from '../../../std/gfx/index.js';
+import { FrameworkBackgroundElementModel } from '../framework-background/index.js';
 /**
  * A static "Wardley map background": an L-shaped axes frame (Evolution X /
  * Value Chain Y) with the four evolution phase dividers and labels, drawn on
  * the surface canvas. The user places regular edgeless elements on top of it.
  *
- * Extends {@link GfxPrimitiveElementModel} so it inherits selection, move,
- * copy/paste, duplicate, align and undo/redo for free.
+ * An INSTANCE of the framework-background primitive
+ * ({@link FrameworkBackgroundElementModel}): the geometry and the passive-canvas
+ * behaviour come from the primitive, what the map looks like comes from the
+ * `WARDLEY_BACKGROUND` declaration in `@labre/affine-gfx-wardley`, and the
+ * fields below are the persisted document — unchanged, and not the primitive's
+ * business.
  */
 let WardleyBackgroundElementModel = (() => {
-    let _classSuper = GfxPrimitiveElementModel;
+    let _classSuper = FrameworkBackgroundElementModel;
     let _banded_decorators;
     let _banded_initializers = [];
     let _banded_extraInitializers = [];
@@ -117,16 +121,16 @@ let WardleyBackgroundElementModel = (() => {
             _variant_decorators = [field('classic')];
             _showGradient_decorators = [field(true)];
             _resizeEnabled_decorators = [field(false)];
-            _xAxisTitle_decorators = [field('Evolution')];
-            _yAxisTitle_decorators = [field('Value Chain')];
-            _evolutionStart_decorators = [field('Uncharted')];
-            _evolutionEnd_decorators = [field('Industrialized')];
-            _visibilityHigh_decorators = [field('Visible')];
-            _visibilityLow_decorators = [field('Invisible')];
-            _phase0_decorators = [field('Genesis')];
-            _phase1_decorators = [field('Custom-Built')];
-            _phase2_decorators = [field('Product (+Rental)')];
-            _phase3_decorators = [field('Commodity (+Utility)')];
+            _xAxisTitle_decorators = [field()];
+            _yAxisTitle_decorators = [field()];
+            _evolutionStart_decorators = [field()];
+            _evolutionEnd_decorators = [field()];
+            _visibilityHigh_decorators = [field()];
+            _visibilityLow_decorators = [field()];
+            _phase0_decorators = [field()];
+            _phase1_decorators = [field()];
+            _phase2_decorators = [field()];
+            _phase3_decorators = [field()];
             _showXAxis_decorators = [field(true)];
             _showYAxis_decorators = [field(true)];
             _showColumnDividers_decorators = [field(true)];
@@ -162,28 +166,6 @@ let WardleyBackgroundElementModel = (() => {
         get type() {
             return 'wardley';
         }
-        /**
-         * The background is a passive canvas: connectors must not snap their
-         * endpoints to it (a Wardley arrow should connect nodes, never the map).
-         */
-        get connectable() {
-            return false;
-        }
-        containsBound(bounds) {
-            const points = getPointsFromBoundWithRotation(this);
-            return points.some(point => bounds.containsPoint(point));
-        }
-        getLineIntersections(start, end) {
-            const points = getPointsFromBoundWithRotation(this);
-            return linePolygonIntersects(start, end, points);
-        }
-        getNearestPoint(point) {
-            return polygonNearestPoint(Bound.deserialize(this.xywh).points, point);
-        }
-        includesPoint(x, y) {
-            const points = getPointsFromBoundWithRotation(this);
-            return pointInPolygon([x, y], points);
-        }
         #banded_accessor_storage = __runInitializers(this, _banded_initializers, false);
         get banded() { return this.#banded_accessor_storage; }
         set banded(value) { this.#banded_accessor_storage = value; }
@@ -196,35 +178,46 @@ let WardleyBackgroundElementModel = (() => {
         #resizeEnabled_accessor_storage = (__runInitializers(this, _showGradient_extraInitializers), __runInitializers(this, _resizeEnabled_initializers, false));
         get resizeEnabled() { return this.#resizeEnabled_accessor_storage; }
         set resizeEnabled(value) { this.#resizeEnabled_accessor_storage = value; }
-        #xAxisTitle_accessor_storage = (__runInitializers(this, _resizeEnabled_extraInitializers), __runInitializers(this, _xAxisTitle_initializers, 'Evolution'));
-        // ── Editable label texts (defaults mirror the original hard-coded ones) ─
+        #xAxisTitle_accessor_storage = (__runInitializers(this, _resizeEnabled_extraInitializers), __runInitializers(this, _xAxisTitle_initializers, undefined));
+        // ── Editable label texts ──────────────────────────────────────────────
+        //
+        // Deliberately DEFAULTED TO `undefined`, and therefore written nowhere: an
+        // `undefined` default stays absent from the Y.Map until something assigns it
+        // (see `field.ts`), which is what keeps an optional field shippable without a
+        // migration.
+        //
+        // Absent means "the user has never renamed this one", and only then can the
+        // `WARDLEY_BACKGROUND` declaration fall through to its i18n key — with a hard
+        // default here, the key would be unreachable and the map would be English
+        // forever. Any value the user types is written and wins from then on, and a
+        // map authored before this change carries all ten and is untouched.
         get xAxisTitle() { return this.#xAxisTitle_accessor_storage; }
         set xAxisTitle(value) { this.#xAxisTitle_accessor_storage = value; }
-        #yAxisTitle_accessor_storage = (__runInitializers(this, _xAxisTitle_extraInitializers), __runInitializers(this, _yAxisTitle_initializers, 'Value Chain'));
+        #yAxisTitle_accessor_storage = (__runInitializers(this, _xAxisTitle_extraInitializers), __runInitializers(this, _yAxisTitle_initializers, undefined));
         get yAxisTitle() { return this.#yAxisTitle_accessor_storage; }
         set yAxisTitle(value) { this.#yAxisTitle_accessor_storage = value; }
-        #evolutionStart_accessor_storage = (__runInitializers(this, _yAxisTitle_extraInitializers), __runInitializers(this, _evolutionStart_initializers, 'Uncharted'));
+        #evolutionStart_accessor_storage = (__runInitializers(this, _yAxisTitle_extraInitializers), __runInitializers(this, _evolutionStart_initializers, undefined));
         get evolutionStart() { return this.#evolutionStart_accessor_storage; }
         set evolutionStart(value) { this.#evolutionStart_accessor_storage = value; }
-        #evolutionEnd_accessor_storage = (__runInitializers(this, _evolutionStart_extraInitializers), __runInitializers(this, _evolutionEnd_initializers, 'Industrialized'));
+        #evolutionEnd_accessor_storage = (__runInitializers(this, _evolutionStart_extraInitializers), __runInitializers(this, _evolutionEnd_initializers, undefined));
         get evolutionEnd() { return this.#evolutionEnd_accessor_storage; }
         set evolutionEnd(value) { this.#evolutionEnd_accessor_storage = value; }
-        #visibilityHigh_accessor_storage = (__runInitializers(this, _evolutionEnd_extraInitializers), __runInitializers(this, _visibilityHigh_initializers, 'Visible'));
+        #visibilityHigh_accessor_storage = (__runInitializers(this, _evolutionEnd_extraInitializers), __runInitializers(this, _visibilityHigh_initializers, undefined));
         get visibilityHigh() { return this.#visibilityHigh_accessor_storage; }
         set visibilityHigh(value) { this.#visibilityHigh_accessor_storage = value; }
-        #visibilityLow_accessor_storage = (__runInitializers(this, _visibilityHigh_extraInitializers), __runInitializers(this, _visibilityLow_initializers, 'Invisible'));
+        #visibilityLow_accessor_storage = (__runInitializers(this, _visibilityHigh_extraInitializers), __runInitializers(this, _visibilityLow_initializers, undefined));
         get visibilityLow() { return this.#visibilityLow_accessor_storage; }
         set visibilityLow(value) { this.#visibilityLow_accessor_storage = value; }
-        #phase0_accessor_storage = (__runInitializers(this, _visibilityLow_extraInitializers), __runInitializers(this, _phase0_initializers, 'Genesis'));
+        #phase0_accessor_storage = (__runInitializers(this, _visibilityLow_extraInitializers), __runInitializers(this, _phase0_initializers, undefined));
         get phase0() { return this.#phase0_accessor_storage; }
         set phase0(value) { this.#phase0_accessor_storage = value; }
-        #phase1_accessor_storage = (__runInitializers(this, _phase0_extraInitializers), __runInitializers(this, _phase1_initializers, 'Custom-Built'));
+        #phase1_accessor_storage = (__runInitializers(this, _phase0_extraInitializers), __runInitializers(this, _phase1_initializers, undefined));
         get phase1() { return this.#phase1_accessor_storage; }
         set phase1(value) { this.#phase1_accessor_storage = value; }
-        #phase2_accessor_storage = (__runInitializers(this, _phase1_extraInitializers), __runInitializers(this, _phase2_initializers, 'Product (+Rental)'));
+        #phase2_accessor_storage = (__runInitializers(this, _phase1_extraInitializers), __runInitializers(this, _phase2_initializers, undefined));
         get phase2() { return this.#phase2_accessor_storage; }
         set phase2(value) { this.#phase2_accessor_storage = value; }
-        #phase3_accessor_storage = (__runInitializers(this, _phase2_extraInitializers), __runInitializers(this, _phase3_initializers, 'Commodity (+Utility)'));
+        #phase3_accessor_storage = (__runInitializers(this, _phase2_extraInitializers), __runInitializers(this, _phase3_initializers, undefined));
         get phase3() { return this.#phase3_accessor_storage; }
         set phase3(value) { this.#phase3_accessor_storage = value; }
         #showXAxis_accessor_storage = (__runInitializers(this, _phase3_extraInitializers), __runInitializers(this, _showXAxis_initializers, true));

package/dist/_pkgs/affine-model/themes/default.d.ts

@@ -1,2 +1,2 @@
-import type { Theme } from './types';
+import type { Theme } from './types.js';
 export declare const DefaultTheme: Theme;

package/dist/_pkgs/affine-model/themes/default.js

@@ -1,4 +1,4 @@
-import { buildPalettes, getColorByKey, pureBlack, pureWhite } from './utils';
+import { buildPalettes, getColorByKey, pureBlack, pureWhite } from './utils.js';
 const Transparent = 'transparent';
 const White = getColorByKey('edgeless/palette/white');
 const Black = getColorByKey('edgeless/palette/black');

package/dist/_pkgs/affine-model/themes/index.d.ts

@@ -1,5 +1,5 @@
-import type { Theme } from './types';
-export * from './color';
-export { DefaultTheme } from './default';
-export * from './types';
+import type { Theme } from './types.js';
+export * from './color.js';
+export { DefaultTheme } from './default.js';
+export * from './types.js';
 export declare const Themes: Record<string, Theme>;

package/dist/_pkgs/affine-model/themes/index.js

@@ -1,7 +1,7 @@
-import { DefaultTheme } from './default';
-export * from './color';
-export { DefaultTheme } from './default';
-export * from './types';
+import { DefaultTheme } from './default.js';
+export * from './color.js';
+export { DefaultTheme } from './default.js';
+export * from './types.js';
 export const Themes = {
     default: DefaultTheme,
 };

package/dist/_pkgs/affine-model/themes/types.js

@@ -1,5 +1,5 @@
 import { z } from 'zod';
-import { ColorSchema } from './color';
+import { ColorSchema } from './color.js';
 export const PaletteSchema = z.object({
     key: z.string(),
     value: ColorSchema,