@formicoidea/labre-core 0.30.1 → 0.32.0

package/dist/_pkgs/affine-model/blocks/embed/iframe/iframe-schema.js

@@ -1,5 +1,5 @@
 import { BlockSchemaExtension, defineBlockSchema } from '../../../../store/index.js';
-import { defaultEmbedIframeProps, EmbedIframeBlockModel } from './iframe-model';
+import { defaultEmbedIframeProps, EmbedIframeBlockModel } from './iframe-model.js';
 export const EmbedIframeBlockSchema = defineBlockSchema({
     flavour: 'affine:embed-iframe',
     props: () => defaultEmbedIframeProps,

package/dist/_pkgs/affine-model/blocks/embed/iframe/index.d.ts

@@ -1,2 +1,2 @@
-export * from './iframe-model';
-export * from './iframe-schema';
+export * from './iframe-model.js';
+export * from './iframe-schema.js';

package/dist/_pkgs/affine-model/blocks/embed/iframe/index.js

@@ -1,2 +1,2 @@
-export * from './iframe-model';
-export * from './iframe-schema';
+export * from './iframe-model.js';
+export * from './iframe-schema.js';

package/dist/_pkgs/affine-model/blocks/embed/index.d.ts

@@ -1,9 +1,9 @@
-export * from './figma/index';
-export * from './github/index';
-export * from './html/index';
-export * from './iframe/index';
-export * from './linked-doc/index';
-export * from './loom/index';
-export * from './synced-doc/index';
-export * from './types';
-export * from './youtube/index';
+export * from './figma/index.js';
+export * from './github/index.js';
+export * from './html/index.js';
+export * from './iframe/index.js';
+export * from './linked-doc/index.js';
+export * from './loom/index.js';
+export * from './synced-doc/index.js';
+export * from './types.js';
+export * from './youtube/index.js';

package/dist/_pkgs/affine-model/blocks/embed/index.js

@@ -1,9 +1,9 @@
-export * from './figma/index';
-export * from './github/index';
-export * from './html/index';
-export * from './iframe/index';
-export * from './linked-doc/index';
-export * from './loom/index';
-export * from './synced-doc/index';
-export * from './types';
-export * from './youtube/index';
+export * from './figma/index.js';
+export * from './github/index.js';
+export * from './html/index.js';
+export * from './iframe/index.js';
+export * from './linked-doc/index.js';
+export * from './loom/index.js';
+export * from './synced-doc/index.js';
+export * from './types.js';
+export * from './youtube/index.js';

package/dist/_pkgs/affine-model/blocks/embed/types.d.ts

@@ -1,14 +1,14 @@
 import type { GfxModel } from '../../../std/gfx/index.js';
 import type { BlockModel } from '../../../store/index.js';
-import type { BookmarkBlockModel } from '../bookmark';
-import { EmbedFigmaModel } from './figma';
-import { EmbedGithubModel } from './github';
-import type { EmbedHtmlModel } from './html';
-import type { EmbedIframeBlockModel } from './iframe/';
-import { EmbedLinkedDocModel } from './linked-doc';
-import { EmbedLoomModel } from './loom';
-import { EmbedSyncedDocModel } from './synced-doc';
-import { EmbedYoutubeModel } from './youtube';
+import type { BookmarkBlockModel } from '../bookmark/index.js';
+import { EmbedFigmaModel } from './figma/index.js';
+import { EmbedGithubModel } from './github/index.js';
+import type { EmbedHtmlModel } from './html/index.js';
+import type { EmbedIframeBlockModel } from './iframe/index.js';
+import { EmbedLinkedDocModel } from './linked-doc/index.js';
+import { EmbedLoomModel } from './loom/index.js';
+import { EmbedSyncedDocModel } from './synced-doc/index.js';
+import { EmbedYoutubeModel } from './youtube/index.js';
 export declare const ExternalEmbedModels: readonly [typeof EmbedFigmaModel, typeof EmbedGithubModel, typeof EmbedLoomModel, typeof EmbedYoutubeModel];
 export declare const InternalEmbedModels: readonly [typeof EmbedLinkedDocModel, typeof EmbedSyncedDocModel];
 export type ExternalEmbedModel = (typeof ExternalEmbedModels)[number];

package/dist/_pkgs/affine-model/blocks/embed/types.js

@@ -1,9 +1,9 @@
-import { EmbedFigmaModel } from './figma';
-import { EmbedGithubModel } from './github';
-import { EmbedLinkedDocModel } from './linked-doc';
-import { EmbedLoomModel } from './loom';
-import { EmbedSyncedDocModel } from './synced-doc';
-import { EmbedYoutubeModel } from './youtube';
+import { EmbedFigmaModel } from './figma/index.js';
+import { EmbedGithubModel } from './github/index.js';
+import { EmbedLinkedDocModel } from './linked-doc/index.js';
+import { EmbedLoomModel } from './loom/index.js';
+import { EmbedSyncedDocModel } from './synced-doc/index.js';
+import { EmbedYoutubeModel } from './youtube/index.js';
 export const ExternalEmbedModels = [
     EmbedFigmaModel,
     EmbedGithubModel,

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

@@ -14,4 +14,4 @@ export * from './note/index.js';
 export * from './paragraph/index.js';
 export * from './root/index.js';
 export * from './surface-ref/index.js';
-export * from './table';
+export * from './table/index.js';

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

@@ -14,4 +14,4 @@ export * from './note/index.js';
 export * from './paragraph/index.js';
 export * from './root/index.js';
 export * from './surface-ref/index.js';
-export * from './table';
+export * from './table/index.js';

package/dist/_pkgs/affine-model/blocks/list/list-model.d.ts

@@ -1,6 +1,6 @@
 import type { Text } from '../../../store/index.js';
 import { BlockModel } from '../../../store/index.js';
-import type { BlockMeta } from '../../utils/types';
+import type { BlockMeta } from '../../utils/types.js';
 export type ListType = 'bulleted' | 'numbered' | 'todo' | 'toggle';
 export type ListProps = {
     type: ListType;

package/dist/_pkgs/affine-model/blocks/note/note-model.d.ts

@@ -1,8 +1,8 @@
 import { Bound } from '../../../global/gfx/index.js';
 import type { GfxCompatibleProps, GfxElementGeometry } from '../../../std/gfx/index.js';
 import { z } from 'zod';
-import { NoteDisplayMode, type StrokeStyle } from '../../consts/note';
-import { type Color } from '../../themes';
+import { NoteDisplayMode, type StrokeStyle } from '../../consts/note.js';
+import { type Color } from '../../themes/index.js';
 export declare const NoteZodSchema: z.ZodDefault<z.ZodObject<{
     background: z.ZodUnion<[z.ZodString, z.ZodObject<{
         normal: z.ZodString;

package/dist/_pkgs/affine-model/blocks/note/note-model.js

@@ -2,8 +2,8 @@ import { Bound } from '../../../global/gfx/index.js';
 import { GfxCompatible } from '../../../std/gfx/index.js';
 import { BlockModel, BlockSchemaExtension, defineBlockSchema, } from '../../../store/index.js';
 import { z } from 'zod';
-import { DEFAULT_NOTE_BORDER_SIZE, DEFAULT_NOTE_BORDER_STYLE, DEFAULT_NOTE_CORNER, DEFAULT_NOTE_HEIGHT, DEFAULT_NOTE_SHADOW, DEFAULT_NOTE_WIDTH, NoteDisplayMode, NoteDisplayModeSchema, NoteShadowsSchema, StrokeStyleSchema, } from '../../consts/note';
-import { ColorSchema, DefaultTheme } from '../../themes';
+import { DEFAULT_NOTE_BORDER_SIZE, DEFAULT_NOTE_BORDER_STYLE, DEFAULT_NOTE_CORNER, DEFAULT_NOTE_HEIGHT, DEFAULT_NOTE_SHADOW, DEFAULT_NOTE_WIDTH, NoteDisplayMode, NoteDisplayModeSchema, NoteShadowsSchema, StrokeStyleSchema, } from '../../consts/note.js';
+import { ColorSchema, DefaultTheme } from '../../themes/index.js';
 export const NoteZodSchema = z
     .object({
     background: ColorSchema,

package/dist/_pkgs/affine-model/blocks/paragraph/paragraph-model.d.ts

@@ -1,5 +1,5 @@
 import { BlockModel, type Text } from '../../../store/index.js';
-import type { BlockMeta } from '../../utils/types';
+import type { BlockMeta } from '../../utils/types.js';
 export type ParagraphType = 'text' | 'quote' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
 export type ParagraphProps = {
     type: ParagraphType;

package/dist/_pkgs/affine-model/blocks/table/index.d.ts

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

package/dist/_pkgs/affine-model/blocks/table/index.js

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

package/dist/_pkgs/affine-model/blocks/table/table-model.d.ts

@@ -1,6 +1,6 @@
 import type { DeltaInsert, Text } from '../../../store/index.js';
 import { BlockModel } from '../../../store/index.js';
-import type { BlockMeta } from '../../utils/types';
+import type { BlockMeta } from '../../utils/types.js';
 export type TableCell = {
     text: Text;
 };

package/dist/_pkgs/affine-model/elements/brush/brush.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 BrushProps = BaseElementProps & {
     /**
      * [[x0,y0,pressure0?],[x1,y1,pressure1?]...]

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

@@ -34,7 +34,7 @@ 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 { DefaultTheme } from '../../themes/index';
+import { DefaultTheme } from '../../themes/index.js';
 let BrushElementModel = (() => {
     let _classSuper = GfxPrimitiveElementModel;
     let _color_decorators;

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

@@ -3,8 +3,8 @@ import { Bound, PointLocation } from '../../../global/gfx/index.js';
 import type { BaseElementProps, PointTestOptions, SerializedElement } from '../../../std/gfx/index.js';
 import { GfxPrimitiveElementModel } from '../../../std/gfx/index.js';
 import * as Y from 'yjs';
-import { ConnectorLabelOffsetAnchor, ConnectorMode, type PointStyle, StrokeStyle, type TextStyleProps } from '../../consts/index';
-import { type Color } from '../../themes/index';
+import { ConnectorLabelOffsetAnchor, ConnectorMode, type PointStyle, StrokeStyle, type TextStyleProps } from '../../consts/index.js';
+import { type Color } from '../../themes/index.js';
 export type SerializedConnection = {
     id?: string;
     position?: `[${number},${number}]` | PointLocation;

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

@@ -35,8 +35,8 @@ var __runInitializers = (this && this.__runInitializers) || function (thisArg, i
 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 * as Y from 'yjs';
-import { CONNECTOR_LABEL_MAX_WIDTH, ConnectorLabelOffsetAnchor, ConnectorMode, DEFAULT_CONNECTOR_MODE, DEFAULT_ROUGHNESS, FontFamily, FontStyle, FontWeight, StrokeStyle, TextAlign, } from '../../consts/index';
-import { DefaultTheme } from '../../themes/index';
+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';
 export const getConnectorModeName = (mode) => {
     return {
         [ConnectorMode.Straight]: 'Straight',
@@ -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/connector/local-connector.d.ts

@@ -1,7 +1,7 @@
 import type { PointLocation } from '../../../global/gfx/index.js';
 import { GfxLocalElementModel } from '../../../std/gfx/index.js';
-import { ConnectorMode, type PointStyle, StrokeStyle } from '../../consts/index';
-import { type Color } from '../../themes/index';
+import { ConnectorMode, type PointStyle, StrokeStyle } from '../../consts/index.js';
+import { type Color } from '../../themes/index.js';
 import type { Connection } from './connector.js';
 export declare class LocalConnectorElementModel extends GfxLocalElementModel {
     private _path;

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

@@ -1,6 +1,6 @@
 import { GfxLocalElementModel } from '../../../std/gfx/index.js';
-import { ConnectorMode, DEFAULT_ROUGHNESS, StrokeStyle, } from '../../consts/index';
-import { DefaultTheme } from '../../themes/index';
+import { ConnectorMode, DEFAULT_ROUGHNESS, StrokeStyle, } from '../../consts/index.js';
+import { DefaultTheme } from '../../themes/index.js';
 export class LocalConnectorElementModel extends GfxLocalElementModel {
     constructor() {
         super(...arguments);

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';

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

@@ -0,0 +1,42 @@
+import type { IVec } 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';
+/**
+ * The props every framework background carries, whatever it draws.
+ *
+ * A concrete background adds its own on top — its labels, its per-part
+ * visibility toggles, its variant — and those stay the framework's business:
+ * they are what the document persists, and the primitive never renames them.
+ */
+export type FrameworkBackgroundProps = BaseElementProps & {
+    /** When false the resize handles are hidden — toggled from the toolbar. */
+    resizeEnabled?: boolean;
+};
+/**
+ * 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 declare abstract class FrameworkBackgroundElementModel<Props extends BaseElementProps = FrameworkBackgroundProps> extends GfxPrimitiveElementModel<Props> {
+    /**
+     * The background is a passive canvas: connectors must not snap their
+     * endpoints to it.
+     */
+    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;
+}