@formicoidea/labre-core 0.31.0 → 0.33.0

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

@@ -33,7 +33,7 @@ var __runInitializers = (this && this.__runInitializers) || function (thisArg, i
     return useValue ? value : void 0;
 };
 import { Bound, curveIntersects, getBezierNearestPoint, getBezierNearestTime, getBezierParameters, getBezierPoint, linePolylineIntersects, PointLocation, Polyline, polyLineNearestPoint, Vec, } from '../../../global/gfx/index.js';
-import { derive, field, GfxPrimitiveElementModel, local, } from '../../../std/gfx/index.js';
+import { derive, field, GfxPrimitiveElementModel, local } from '../../../std/gfx/index.js';
 import * as Y from 'yjs';
 import { CONNECTOR_LABEL_MAX_WIDTH, ConnectorLabelOffsetAnchor, ConnectorMode, DEFAULT_CONNECTOR_MODE, DEFAULT_ROUGHNESS, FontFamily, FontStyle, FontWeight, StrokeStyle, TextAlign, } from '../../consts/index.js';
 import { DefaultTheme } from '../../themes/index.js';
@@ -225,6 +225,10 @@ let ConnectorElementModel = (() => {
          */
         getNearestPoint(point) {
             const { mode, absolutePath: path } = this;
+            // Degraded connector (vanished endpoint): no path to project onto.
+            if (path.length === 0) {
+                return [this.x, this.y];
+            }
             if (mode === ConnectorMode.Straight) {
                 const first = path[0];
                 const last = path[path.length - 1];
@@ -249,6 +253,10 @@ let ConnectorElementModel = (() => {
          */
         getOffsetDistanceByPoint(point, bounds) {
             const { mode, absolutePath: path } = this;
+            // Degraded connector (vanished endpoint): no path to measure along.
+            if (path.length === 0) {
+                return 0.5;
+            }
             let { x, y, w, h } = this;
             if (bounds) {
                 x = bounds.x;
@@ -256,6 +264,9 @@ let ConnectorElementModel = (() => {
                 w = bounds.w;
                 h = bounds.h;
             }
+            if (path.length === 0) {
+                return 0.5;
+            }
             point[0] = Vec.clamp(point[0], x, x + w);
             point[1] = Vec.clamp(point[1], y, y + h);
             if (mode === ConnectorMode.Straight) {
@@ -282,6 +293,11 @@ let ConnectorElementModel = (() => {
          */
         getPointByOffsetDistance(offsetDistance = 0.5, bounds) {
             const { mode, absolutePath: path } = this;
+            // Degraded connector (vanished endpoint): fall back to the bound center.
+            if (path.length === 0) {
+                const b = bounds ?? this;
+                return [b.x + b.w / 2, b.y + b.h / 2];
+            }
             if (mode === ConnectorMode.Straight) {
                 const first = path[0];
                 const last = path[path.length - 1];
@@ -294,6 +310,9 @@ let ConnectorElementModel = (() => {
                 w = bounds.w;
                 h = bounds.h;
             }
+            if (path.length === 0) {
+                return [x + w / 2, y + h / 2];
+            }
             if (mode === ConnectorMode.Orthogonal) {
                 const points = path.map(p => [p[0], p[1]]);
                 const point = Polyline.pointAt(points, offsetDistance);
@@ -323,6 +342,11 @@ let ConnectorElementModel = (() => {
                 return true;
             }
             const { mode, strokeWidth, absolutePath: path } = this;
+            // Degraded connector (vanished endpoint): nothing painted, nothing hit.
+            // The label check above still applies if a label is displayed.
+            if (path.length === 0) {
+                return false;
+            }
             const point = mode === ConnectorMode.Curve
                 ? getBezierNearestPoint(getBezierParameters(path), currentPoint)
                 : polyLineNearestPoint(path, currentPoint);

package/dist/_pkgs/affine-model/elements/context-map/context-map.d.ts

@@ -0,0 +1,27 @@
+import type { SerializedXYWH } from '../../../global/gfx/index.js';
+import { FrameworkBackgroundElementModel } from '../framework-background/index.js';
+import type { FrameworkBackgroundProps } from '../framework-background/index.js';
+export type ContextMapBoardProps = FrameworkBackgroundProps;
+/**
+ * The Context Map board: the white card a Context Map is drawn ON.
+ *
+ * Deliberately the emptiest background in the library — no axis, no zone, no
+ * label. A Context Map has no frame of reference: nothing about where a bounded
+ * context sits on the sheet means anything, and drawing graduations would invent
+ * a semantic the framework does not have. What the board IS for is the FRAME:
+ * it carries the `context-map:board` role, which is what lets a rule say "this
+ * context is off the map" and what gives a per-map validation profile something
+ * to be written on.
+ *
+ * Adds no field of its own beyond the primitive's `resizeEnabled`, so a board is
+ * byte-identical to what {@link FrameworkBackgroundElementModel} already
+ * persists. It is created 1400 × 900 and freely resizable in both directions —
+ * a context map grows sideways as contexts are found, and locking its
+ * proportion would fight the hand.
+ */
+export declare class ContextMapBoardElementModel extends FrameworkBackgroundElementModel<ContextMapBoardProps> {
+    get type(): string;
+    accessor resizeEnabled: boolean;
+    accessor rotate: number;
+    accessor xywh: SerializedXYWH;
+}

package/dist/_pkgs/affine-model/elements/context-map/context-map.js

@@ -0,0 +1,94 @@
+var __esDecorate = (this && this.__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 = (this && this.__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 { field } from '../../../std/gfx/index.js';
+import { FrameworkBackgroundElementModel } from '../framework-background/index.js';
+/**
+ * The Context Map board: the white card a Context Map is drawn ON.
+ *
+ * Deliberately the emptiest background in the library — no axis, no zone, no
+ * label. A Context Map has no frame of reference: nothing about where a bounded
+ * context sits on the sheet means anything, and drawing graduations would invent
+ * a semantic the framework does not have. What the board IS for is the FRAME:
+ * it carries the `context-map:board` role, which is what lets a rule say "this
+ * context is off the map" and what gives a per-map validation profile something
+ * to be written on.
+ *
+ * Adds no field of its own beyond the primitive's `resizeEnabled`, so a board is
+ * byte-identical to what {@link FrameworkBackgroundElementModel} already
+ * persists. It is created 1400 × 900 and freely resizable in both directions —
+ * a context map grows sideways as contexts are found, and locking its
+ * proportion would fight the hand.
+ */
+let ContextMapBoardElementModel = (() => {
+    let _classSuper = FrameworkBackgroundElementModel;
+    let _resizeEnabled_decorators;
+    let _resizeEnabled_initializers = [];
+    let _resizeEnabled_extraInitializers = [];
+    let _rotate_decorators;
+    let _rotate_initializers = [];
+    let _rotate_extraInitializers = [];
+    let _xywh_decorators;
+    let _xywh_initializers = [];
+    let _xywh_extraInitializers = [];
+    return class ContextMapBoardElementModel extends _classSuper {
+        static {
+            const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+            _resizeEnabled_decorators = [field(true)];
+            _rotate_decorators = [field(0)];
+            _xywh_decorators = [field()];
+            __esDecorate(this, null, _resizeEnabled_decorators, { kind: "accessor", name: "resizeEnabled", static: false, private: false, access: { has: obj => "resizeEnabled" in obj, get: obj => obj.resizeEnabled, set: (obj, value) => { obj.resizeEnabled = value; } }, metadata: _metadata }, _resizeEnabled_initializers, _resizeEnabled_extraInitializers);
+            __esDecorate(this, null, _rotate_decorators, { kind: "accessor", name: "rotate", static: false, private: false, access: { has: obj => "rotate" in obj, get: obj => obj.rotate, set: (obj, value) => { obj.rotate = value; } }, metadata: _metadata }, _rotate_initializers, _rotate_extraInitializers);
+            __esDecorate(this, null, _xywh_decorators, { kind: "accessor", name: "xywh", static: false, private: false, access: { has: obj => "xywh" in obj, get: obj => obj.xywh, set: (obj, value) => { obj.xywh = value; } }, metadata: _metadata }, _xywh_initializers, _xywh_extraInitializers);
+            if (_metadata) Object.defineProperty(this, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+        }
+        get type() {
+            return 'contextMap';
+        }
+        #resizeEnabled_accessor_storage = __runInitializers(this, _resizeEnabled_initializers, true);
+        get resizeEnabled() { return this.#resizeEnabled_accessor_storage; }
+        set resizeEnabled(value) { this.#resizeEnabled_accessor_storage = value; }
+        #rotate_accessor_storage = (__runInitializers(this, _resizeEnabled_extraInitializers), __runInitializers(this, _rotate_initializers, 0));
+        get rotate() { return this.#rotate_accessor_storage; }
+        set rotate(value) { this.#rotate_accessor_storage = value; }
+        #xywh_accessor_storage = (__runInitializers(this, _rotate_extraInitializers), __runInitializers(this, _xywh_initializers, '[0,0,1400,900]'));
+        get xywh() { return this.#xywh_accessor_storage; }
+        set xywh(value) { this.#xywh_accessor_storage = value; }
+        constructor() {
+            super(...arguments);
+            __runInitializers(this, _xywh_extraInitializers);
+        }
+    };
+})();
+export { ContextMapBoardElementModel };

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

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

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

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

package/dist/_pkgs/affine-model/elements/core-domain/core-domain.d.ts

@@ -1,14 +1,23 @@
-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';
-export type CoreDomainChartProps = BaseElementProps & {
-    /** When false the resize handles are hidden — toggled from the toolbar. */
-    resizeEnabled?: boolean;
+import type { SerializedXYWH } from '../../../global/gfx/index.js';
+import { FrameworkBackgroundElementModel } from '../framework-background/index.js';
+import type { FrameworkBackgroundProps } from '../framework-background/index.js';
+/**
+ * Which READING of the chart this instance is turned to.
+ *
+ * `classic` is the DDD Crew chart everybody knows — Generic / Supporting / Core
+ * over Complexity × Business differentiation. `migration` keeps the very same
+ * frame and names its four quadrants after the migration conversation instead
+ * (low-hanging fruit, risk-seeking, risk-averse, last toothpaste), which is why
+ * it is a variant of one background and not a second element type.
+ */
+export type CoreDomainVariant = 'classic' | 'migration';
+export type CoreDomainChartProps = FrameworkBackgroundProps & {
     /** When false the translucent Core / Supporting / Generic zone bands are hidden. */
     showZones?: boolean;
     /** When false the axis titles, Low/High ticks and zone names are hidden. */
     showLabels?: boolean;
+    /** Which reading of the chart is drawn. */
+    variant?: CoreDomainVariant;
 };
 /**
  * The Core Domain Chart background (DDD Crew): the two axes (Complexity ×
@@ -16,21 +25,29 @@ export type CoreDomainChartProps = BaseElementProps & {
  * Generic / Supporting / Core zone bands. The user places sub-domain dots,
  * movement arrows and the Notation legend on top of it.
  *
- * Mirrors the Wardley / EDGY / Cynefin backgrounds: extends
- * {@link GfxPrimitiveElementModel} so it inherits selection, move, copy/paste,
- * duplicate, align and undo/redo. Authored in a fixed reference space and scaled
- * uniformly to the element bounds by the renderer.
+ * An INSTANCE of the framework-background primitive
+ * ({@link FrameworkBackgroundElementModel}): the geometry and the passive-canvas
+ * behaviour come from the primitive — which declares the very same
+ * `connectable` getter and the very same four geometry overrides this class
+ * used to spell out — and what the chart LOOKS like comes from the
+ * `CORE_DOMAIN_BACKGROUND` declaration in `@labre/affine-gfx-ddd-core-domain`.
+ *
+ * The fields below are the persisted document and are NOT the primitive's
+ * business: the base swap adds no field, renames none and changes no default,
+ * so a chart authored before it is byte-identical to one authored after.
  */
-export declare class CoreDomainChartElementModel extends GfxPrimitiveElementModel<CoreDomainChartProps> {
+export declare class CoreDomainChartElementModel extends FrameworkBackgroundElementModel<CoreDomainChartProps> {
     get type(): string;
-    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 resizeEnabled: boolean;
     accessor showZones: boolean;
     accessor showLabels: boolean;
+    /**
+     * A HARD default, on the Wardley `variant` pattern: `classic` is written into
+     * the Y.Map at creation and is also what an older chart — which carries no
+     * such key at all — reads back as. Both roads lead to the chart the user has
+     * always seen, so the field ships with no migration and no backfill.
+     */
+    accessor variant: CoreDomainVariant;
     accessor rotate: number;
     accessor xywh: SerializedXYWH;
 }

package/dist/_pkgs/affine-model/elements/core-domain/core-domain.js

@@ -32,21 +32,27 @@ 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';
 /**
  * The Core Domain Chart background (DDD Crew): the two axes (Complexity ×
  * Business differentiation) with their Low/High ticks and the translucent
  * Generic / Supporting / Core zone bands. The user places sub-domain dots,
  * movement arrows and the Notation legend on top of it.
  *
- * Mirrors the Wardley / EDGY / Cynefin backgrounds: extends
- * {@link GfxPrimitiveElementModel} so it inherits selection, move, copy/paste,
- * duplicate, align and undo/redo. Authored in a fixed reference space and scaled
- * uniformly to the element bounds by the renderer.
+ * An INSTANCE of the framework-background primitive
+ * ({@link FrameworkBackgroundElementModel}): the geometry and the passive-canvas
+ * behaviour come from the primitive — which declares the very same
+ * `connectable` getter and the very same four geometry overrides this class
+ * used to spell out — and what the chart LOOKS like comes from the
+ * `CORE_DOMAIN_BACKGROUND` declaration in `@labre/affine-gfx-ddd-core-domain`.
+ *
+ * The fields below are the persisted document and are NOT the primitive's
+ * business: the base swap adds no field, renames none and changes no default,
+ * so a chart authored before it is byte-identical to one authored after.
  */
 let CoreDomainChartElementModel = (() => {
-    let _classSuper = GfxPrimitiveElementModel;
+    let _classSuper = FrameworkBackgroundElementModel;
     let _resizeEnabled_decorators;
     let _resizeEnabled_initializers = [];
     let _resizeEnabled_extraInitializers = [];
@@ -56,6 +62,9 @@ let CoreDomainChartElementModel = (() => {
     let _showLabels_decorators;
     let _showLabels_initializers = [];
     let _showLabels_extraInitializers = [];
+    let _variant_decorators;
+    let _variant_initializers = [];
+    let _variant_extraInitializers = [];
     let _rotate_decorators;
     let _rotate_initializers = [];
     let _rotate_extraInitializers = [];
@@ -68,11 +77,13 @@ let CoreDomainChartElementModel = (() => {
             _resizeEnabled_decorators = [field(true)];
             _showZones_decorators = [field(true)];
             _showLabels_decorators = [field(true)];
+            _variant_decorators = [field('classic')];
             _rotate_decorators = [field(0)];
             _xywh_decorators = [field()];
             __esDecorate(this, null, _resizeEnabled_decorators, { kind: "accessor", name: "resizeEnabled", static: false, private: false, access: { has: obj => "resizeEnabled" in obj, get: obj => obj.resizeEnabled, set: (obj, value) => { obj.resizeEnabled = value; } }, metadata: _metadata }, _resizeEnabled_initializers, _resizeEnabled_extraInitializers);
             __esDecorate(this, null, _showZones_decorators, { kind: "accessor", name: "showZones", static: false, private: false, access: { has: obj => "showZones" in obj, get: obj => obj.showZones, set: (obj, value) => { obj.showZones = value; } }, metadata: _metadata }, _showZones_initializers, _showZones_extraInitializers);
             __esDecorate(this, null, _showLabels_decorators, { kind: "accessor", name: "showLabels", static: false, private: false, access: { has: obj => "showLabels" in obj, get: obj => obj.showLabels, set: (obj, value) => { obj.showLabels = value; } }, metadata: _metadata }, _showLabels_initializers, _showLabels_extraInitializers);
+            __esDecorate(this, null, _variant_decorators, { kind: "accessor", name: "variant", static: false, private: false, access: { has: obj => "variant" in obj, get: obj => obj.variant, set: (obj, value) => { obj.variant = value; } }, metadata: _metadata }, _variant_initializers, _variant_extraInitializers);
             __esDecorate(this, null, _rotate_decorators, { kind: "accessor", name: "rotate", static: false, private: false, access: { has: obj => "rotate" in obj, get: obj => obj.rotate, set: (obj, value) => { obj.rotate = value; } }, metadata: _metadata }, _rotate_initializers, _rotate_extraInitializers);
             __esDecorate(this, null, _xywh_decorators, { kind: "accessor", name: "xywh", static: false, private: false, access: { has: obj => "xywh" in obj, get: obj => obj.xywh, set: (obj, value) => { obj.xywh = value; } }, metadata: _metadata }, _xywh_initializers, _xywh_extraInitializers);
             if (_metadata) Object.defineProperty(this, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
@@ -80,24 +91,6 @@ let CoreDomainChartElementModel = (() => {
         get type() {
             return 'coreDomain';
         }
-        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);
-        }
         #resizeEnabled_accessor_storage = __runInitializers(this, _resizeEnabled_initializers, true);
         get resizeEnabled() { return this.#resizeEnabled_accessor_storage; }
         set resizeEnabled(value) { this.#resizeEnabled_accessor_storage = value; }
@@ -107,7 +100,16 @@ let CoreDomainChartElementModel = (() => {
         #showLabels_accessor_storage = (__runInitializers(this, _showZones_extraInitializers), __runInitializers(this, _showLabels_initializers, true));
         get showLabels() { return this.#showLabels_accessor_storage; }
         set showLabels(value) { this.#showLabels_accessor_storage = value; }
-        #rotate_accessor_storage = (__runInitializers(this, _showLabels_extraInitializers), __runInitializers(this, _rotate_initializers, 0));
+        #variant_accessor_storage = (__runInitializers(this, _showLabels_extraInitializers), __runInitializers(this, _variant_initializers, 'classic'));
+        /**
+         * A HARD default, on the Wardley `variant` pattern: `classic` is written into
+         * the Y.Map at creation and is also what an older chart — which carries no
+         * such key at all — reads back as. Both roads lead to the chart the user has
+         * always seen, so the field ships with no migration and no backfill.
+         */
+        get variant() { return this.#variant_accessor_storage; }
+        set variant(value) { this.#variant_accessor_storage = value; }
+        #rotate_accessor_storage = (__runInitializers(this, _variant_extraInitializers), __runInitializers(this, _rotate_initializers, 0));
         get rotate() { return this.#rotate_accessor_storage; }
         set rotate(value) { this.#rotate_accessor_storage = value; }
         #xywh_accessor_storage = (__runInitializers(this, _rotate_extraInitializers), __runInitializers(this, _xywh_initializers, '[0,0,900,820]'));

package/dist/_pkgs/affine-model/elements/edgy/board.d.ts

@@ -0,0 +1,32 @@
+import type { IVec } from '../../../global/gfx/index.js';
+import { Bound } from '../../../global/gfx/index.js';
+import type { SerializedXYWH } from '../../../global/gfx/index.js';
+import type { BaseElementProps } from '../../../std/gfx/index.js';
+import { GfxPrimitiveElementModel } from '../../../std/gfx/index.js';
+export type EdgyBoardProps = BaseElementProps & {
+    /** When false the resize handles are hidden — toggled from the toolbar. */
+    resizeEnabled?: boolean;
+    /** When false the board stops granting the hover spotlight. */
+    spotlightEnabled?: boolean;
+};
+/**
+ * A blank white board for free-form EDGY modelling: the user places EDGY base
+ * shapes and connectors on top of it and the board grants them the dependency
+ * spotlight-on-hover behavior (see the surface `Spotlight` extension).
+ *
+ * Mirrors {@link EdgyFacetsElementModel}: a passive canvas that inherits
+ * selection, move, copy/paste, duplicate, align and undo/redo for free.
+ */
+export declare class EdgyBoardElementModel extends GfxPrimitiveElementModel<EdgyBoardProps> {
+    get type(): string;
+    /** Connectors must link elements, never the board itself. */
+    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 resizeEnabled: boolean;
+    accessor spotlightEnabled: boolean;
+    accessor rotate: number;
+    accessor xywh: SerializedXYWH;
+}

package/dist/_pkgs/affine-model/elements/edgy/board.js

@@ -0,0 +1,112 @@
+var __esDecorate = (this && this.__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 = (this && this.__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 { Bound, getPointsFromBoundWithRotation, linePolygonIntersects, pointInPolygon, polygonNearestPoint, } from '../../../global/gfx/index.js';
+import { field, GfxPrimitiveElementModel } from '../../../std/gfx/index.js';
+/**
+ * A blank white board for free-form EDGY modelling: the user places EDGY base
+ * shapes and connectors on top of it and the board grants them the dependency
+ * spotlight-on-hover behavior (see the surface `Spotlight` extension).
+ *
+ * Mirrors {@link EdgyFacetsElementModel}: a passive canvas that inherits
+ * selection, move, copy/paste, duplicate, align and undo/redo for free.
+ */
+let EdgyBoardElementModel = (() => {
+    let _classSuper = GfxPrimitiveElementModel;
+    let _resizeEnabled_decorators;
+    let _resizeEnabled_initializers = [];
+    let _resizeEnabled_extraInitializers = [];
+    let _spotlightEnabled_decorators;
+    let _spotlightEnabled_initializers = [];
+    let _spotlightEnabled_extraInitializers = [];
+    let _rotate_decorators;
+    let _rotate_initializers = [];
+    let _rotate_extraInitializers = [];
+    let _xywh_decorators;
+    let _xywh_initializers = [];
+    let _xywh_extraInitializers = [];
+    return class EdgyBoardElementModel extends _classSuper {
+        static {
+            const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+            _resizeEnabled_decorators = [field(true)];
+            _spotlightEnabled_decorators = [field(true)];
+            _rotate_decorators = [field(0)];
+            _xywh_decorators = [field()];
+            __esDecorate(this, null, _resizeEnabled_decorators, { kind: "accessor", name: "resizeEnabled", static: false, private: false, access: { has: obj => "resizeEnabled" in obj, get: obj => obj.resizeEnabled, set: (obj, value) => { obj.resizeEnabled = value; } }, metadata: _metadata }, _resizeEnabled_initializers, _resizeEnabled_extraInitializers);
+            __esDecorate(this, null, _spotlightEnabled_decorators, { kind: "accessor", name: "spotlightEnabled", static: false, private: false, access: { has: obj => "spotlightEnabled" in obj, get: obj => obj.spotlightEnabled, set: (obj, value) => { obj.spotlightEnabled = value; } }, metadata: _metadata }, _spotlightEnabled_initializers, _spotlightEnabled_extraInitializers);
+            __esDecorate(this, null, _rotate_decorators, { kind: "accessor", name: "rotate", static: false, private: false, access: { has: obj => "rotate" in obj, get: obj => obj.rotate, set: (obj, value) => { obj.rotate = value; } }, metadata: _metadata }, _rotate_initializers, _rotate_extraInitializers);
+            __esDecorate(this, null, _xywh_decorators, { kind: "accessor", name: "xywh", static: false, private: false, access: { has: obj => "xywh" in obj, get: obj => obj.xywh, set: (obj, value) => { obj.xywh = value; } }, metadata: _metadata }, _xywh_initializers, _xywh_extraInitializers);
+            if (_metadata) Object.defineProperty(this, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+        }
+        get type() {
+            return 'edgyBoard';
+        }
+        /** Connectors must link elements, never the board itself. */
+        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);
+        }
+        #resizeEnabled_accessor_storage = __runInitializers(this, _resizeEnabled_initializers, true);
+        get resizeEnabled() { return this.#resizeEnabled_accessor_storage; }
+        set resizeEnabled(value) { this.#resizeEnabled_accessor_storage = value; }
+        #spotlightEnabled_accessor_storage = (__runInitializers(this, _resizeEnabled_extraInitializers), __runInitializers(this, _spotlightEnabled_initializers, true));
+        get spotlightEnabled() { return this.#spotlightEnabled_accessor_storage; }
+        set spotlightEnabled(value) { this.#spotlightEnabled_accessor_storage = value; }
+        #rotate_accessor_storage = (__runInitializers(this, _spotlightEnabled_extraInitializers), __runInitializers(this, _rotate_initializers, 0));
+        get rotate() { return this.#rotate_accessor_storage; }
+        set rotate(value) { this.#rotate_accessor_storage = value; }
+        #xywh_accessor_storage = (__runInitializers(this, _rotate_extraInitializers), __runInitializers(this, _xywh_initializers, '[0,0,1600,1000]'));
+        get xywh() { return this.#xywh_accessor_storage; }
+        set xywh(value) { this.#xywh_accessor_storage = value; }
+        constructor() {
+            super(...arguments);
+            __runInitializers(this, _xywh_extraInitializers);
+        }
+    };
+})();
+export { EdgyBoardElementModel };

package/dist/_pkgs/affine-model/elements/edgy/facets.d.ts

@@ -7,6 +7,15 @@ export type EdgyFacetsProps = BaseElementProps & {
     resizeEnabled?: boolean;
     /** When false the three facet name labels are hidden. */
     showLabels?: boolean;
+    /** When false the six white zone pictograms are hidden. */
+    showPictos?: boolean;
+    /**
+     * When true the rendering is cropped to the circles' bounding box (the REF
+     * margins only exist for the facet name labels — pointless when hidden).
+     */
+    cropToCircles?: boolean;
+    /** When false the diagram stops granting the hover spotlight. */
+    spotlightEnabled?: boolean;
     identityLabel?: string;
     architectureLabel?: string;
     experienceLabel?: string;
@@ -35,6 +44,9 @@ export declare class EdgyFacetsElementModel extends GfxPrimitiveElementModel<Edg
     includesPoint(x: number, y: number): boolean;
     accessor resizeEnabled: boolean;
     accessor showLabels: boolean;
+    accessor showPictos: boolean;
+    accessor cropToCircles: boolean;
+    accessor spotlightEnabled: boolean;
     accessor identityLabel: string;
     accessor architectureLabel: string;
     accessor experienceLabel: string;

package/dist/_pkgs/affine-model/elements/edgy/facets.js

@@ -53,6 +53,15 @@ let EdgyFacetsElementModel = (() => {
     let _showLabels_decorators;
     let _showLabels_initializers = [];
     let _showLabels_extraInitializers = [];
+    let _showPictos_decorators;
+    let _showPictos_initializers = [];
+    let _showPictos_extraInitializers = [];
+    let _cropToCircles_decorators;
+    let _cropToCircles_initializers = [];
+    let _cropToCircles_extraInitializers = [];
+    let _spotlightEnabled_decorators;
+    let _spotlightEnabled_initializers = [];
+    let _spotlightEnabled_extraInitializers = [];
     let _identityLabel_decorators;
     let _identityLabel_initializers = [];
     let _identityLabel_extraInitializers = [];
@@ -73,6 +82,9 @@ let EdgyFacetsElementModel = (() => {
             const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
             _resizeEnabled_decorators = [field(true)];
             _showLabels_decorators = [field(true)];
+            _showPictos_decorators = [field(true)];
+            _cropToCircles_decorators = [field(false)];
+            _spotlightEnabled_decorators = [field(true)];
             _identityLabel_decorators = [field('Identity')];
             _architectureLabel_decorators = [field('Architecture')];
             _experienceLabel_decorators = [field('Experience')];
@@ -80,6 +92,9 @@ let EdgyFacetsElementModel = (() => {
             _xywh_decorators = [field()];
             __esDecorate(this, null, _resizeEnabled_decorators, { kind: "accessor", name: "resizeEnabled", static: false, private: false, access: { has: obj => "resizeEnabled" in obj, get: obj => obj.resizeEnabled, set: (obj, value) => { obj.resizeEnabled = value; } }, metadata: _metadata }, _resizeEnabled_initializers, _resizeEnabled_extraInitializers);
             __esDecorate(this, null, _showLabels_decorators, { kind: "accessor", name: "showLabels", static: false, private: false, access: { has: obj => "showLabels" in obj, get: obj => obj.showLabels, set: (obj, value) => { obj.showLabels = value; } }, metadata: _metadata }, _showLabels_initializers, _showLabels_extraInitializers);
+            __esDecorate(this, null, _showPictos_decorators, { kind: "accessor", name: "showPictos", static: false, private: false, access: { has: obj => "showPictos" in obj, get: obj => obj.showPictos, set: (obj, value) => { obj.showPictos = value; } }, metadata: _metadata }, _showPictos_initializers, _showPictos_extraInitializers);
+            __esDecorate(this, null, _cropToCircles_decorators, { kind: "accessor", name: "cropToCircles", static: false, private: false, access: { has: obj => "cropToCircles" in obj, get: obj => obj.cropToCircles, set: (obj, value) => { obj.cropToCircles = value; } }, metadata: _metadata }, _cropToCircles_initializers, _cropToCircles_extraInitializers);
+            __esDecorate(this, null, _spotlightEnabled_decorators, { kind: "accessor", name: "spotlightEnabled", static: false, private: false, access: { has: obj => "spotlightEnabled" in obj, get: obj => obj.spotlightEnabled, set: (obj, value) => { obj.spotlightEnabled = value; } }, metadata: _metadata }, _spotlightEnabled_initializers, _spotlightEnabled_extraInitializers);
             __esDecorate(this, null, _identityLabel_decorators, { kind: "accessor", name: "identityLabel", static: false, private: false, access: { has: obj => "identityLabel" in obj, get: obj => obj.identityLabel, set: (obj, value) => { obj.identityLabel = value; } }, metadata: _metadata }, _identityLabel_initializers, _identityLabel_extraInitializers);
             __esDecorate(this, null, _architectureLabel_decorators, { kind: "accessor", name: "architectureLabel", static: false, private: false, access: { has: obj => "architectureLabel" in obj, get: obj => obj.architectureLabel, set: (obj, value) => { obj.architectureLabel = value; } }, metadata: _metadata }, _architectureLabel_initializers, _architectureLabel_extraInitializers);
             __esDecorate(this, null, _experienceLabel_decorators, { kind: "accessor", name: "experienceLabel", static: false, private: false, access: { has: obj => "experienceLabel" in obj, get: obj => obj.experienceLabel, set: (obj, value) => { obj.experienceLabel = value; } }, metadata: _metadata }, _experienceLabel_initializers, _experienceLabel_extraInitializers);
@@ -118,7 +133,16 @@ let EdgyFacetsElementModel = (() => {
         #showLabels_accessor_storage = (__runInitializers(this, _resizeEnabled_extraInitializers), __runInitializers(this, _showLabels_initializers, true));
         get showLabels() { return this.#showLabels_accessor_storage; }
         set showLabels(value) { this.#showLabels_accessor_storage = value; }
-        #identityLabel_accessor_storage = (__runInitializers(this, _showLabels_extraInitializers), __runInitializers(this, _identityLabel_initializers, 'Identity'));
+        #showPictos_accessor_storage = (__runInitializers(this, _showLabels_extraInitializers), __runInitializers(this, _showPictos_initializers, true));
+        get showPictos() { return this.#showPictos_accessor_storage; }
+        set showPictos(value) { this.#showPictos_accessor_storage = value; }
+        #cropToCircles_accessor_storage = (__runInitializers(this, _showPictos_extraInitializers), __runInitializers(this, _cropToCircles_initializers, false));
+        get cropToCircles() { return this.#cropToCircles_accessor_storage; }
+        set cropToCircles(value) { this.#cropToCircles_accessor_storage = value; }
+        #spotlightEnabled_accessor_storage = (__runInitializers(this, _cropToCircles_extraInitializers), __runInitializers(this, _spotlightEnabled_initializers, true));
+        get spotlightEnabled() { return this.#spotlightEnabled_accessor_storage; }
+        set spotlightEnabled(value) { this.#spotlightEnabled_accessor_storage = value; }
+        #identityLabel_accessor_storage = (__runInitializers(this, _spotlightEnabled_extraInitializers), __runInitializers(this, _identityLabel_initializers, 'Identity'));
         get identityLabel() { return this.#identityLabel_accessor_storage; }
         set identityLabel(value) { this.#identityLabel_accessor_storage = value; }
         #architectureLabel_accessor_storage = (__runInitializers(this, _identityLabel_extraInitializers), __runInitializers(this, _architectureLabel_initializers, 'Architecture'));

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

@@ -1,2 +1,3 @@
+export * from './board.js';
 export * from './facets.js';
 export * from './node.js';

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

@@ -1,2 +1,3 @@
+export * from './board.js';
 export * from './facets.js';
 export * from './node.js';