@bimetal/whiteboard-angular-components 0.29.0

package/dist/components/TextDialog.js

@@ -0,0 +1,112 @@
+import { Component, Input, Output, EventEmitter, ChangeDetectionStrategy, } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { FocusTrapDirective } from '@bimetal/angular';
+import * as i0 from "@angular/core";
+/**
+ * The double-click edit dialog for a shape's text. Rendered with a host `*ngIf`;
+ * the draft resets per target on the shape-identity change. 1:1 with the React
+ * reference.
+ */
+export class TextDialogComponent {
+    initial = '';
+    locale;
+    save = new EventEmitter();
+    close = new EventEmitter();
+    delete = new EventEmitter();
+    text = '';
+    lastInitial = null;
+    // v0.29 Tastatur: the shared FocusTrapDirective owns focus-on-open + Tab-cycle + Escape +
+    // restore (contract §3). Stable arrow so the template can bind [bmFocusTrapOnEscape].
+    onEscape = () => this.close.emit();
+    ngOnChanges() {
+        // Re-seed the draft whenever the dialog targets a different shape's text.
+        if (this.initial !== this.lastInitial) {
+            this.text = this.initial;
+            this.lastInitial = this.initial;
+        }
+    }
+    onInput(e) { this.text = e.target.value; }
+    stop(e) { e.stopPropagation(); }
+    static ɵfac = function TextDialogComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || TextDialogComponent)(); };
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: TextDialogComponent, selectors: [["bm-wb-text-dialog"]], hostAttrs: [2, "display", "contents"], inputs: { initial: "initial", locale: "locale" }, outputs: { save: "save", close: "close", delete: "delete" }, features: [i0.ɵɵNgOnChangesFeature], decls: 13, vars: 8, consts: [[1, "bm-wb__dialog-backdrop", 3, "pointerdown"], ["role", "dialog", "aria-modal", "true", "bmFocusTrap", "", 1, "bm-wb__dialog", 3, "pointerdown", "bmFocusTrapOnEscape"], [3, "input", "value"], [1, "bm-wb__dialog-actions"], ["type", "button", 1, "bm-wb__btn", 3, "click"], [2, "flex", "1"], ["type", "button", 1, "bm-wb__tool", "bm-wb__tool--active", 3, "click"]], template: function TextDialogComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵelementStart(0, "div", 0);
+            i0.ɵɵlistener("pointerdown", function TextDialogComponent_Template_div_pointerdown_0_listener() { return ctx.close.emit(); });
+            i0.ɵɵelementStart(1, "div", 1);
+            i0.ɵɵlistener("pointerdown", function TextDialogComponent_Template_div_pointerdown_1_listener($event) { return ctx.stop($event); });
+            i0.ɵɵelementStart(2, "strong");
+            i0.ɵɵtext(3);
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(4, "textarea", 2);
+            i0.ɵɵlistener("input", function TextDialogComponent_Template_textarea_input_4_listener($event) { return ctx.onInput($event); });
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(5, "div", 3)(6, "button", 4);
+            i0.ɵɵlistener("click", function TextDialogComponent_Template_button_click_6_listener() { return ctx.delete.emit(); });
+            i0.ɵɵtext(7);
+            i0.ɵɵelementEnd();
+            i0.ɵɵelement(8, "span", 5);
+            i0.ɵɵelementStart(9, "button", 4);
+            i0.ɵɵlistener("click", function TextDialogComponent_Template_button_click_9_listener() { return ctx.close.emit(); });
+            i0.ɵɵtext(10);
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(11, "button", 6);
+            i0.ɵɵlistener("click", function TextDialogComponent_Template_button_click_11_listener() { return ctx.save.emit(ctx.text); });
+            i0.ɵɵtext(12);
+            i0.ɵɵelementEnd()()()();
+        } if (rf & 2) {
+            i0.ɵɵadvance();
+            i0.ɵɵproperty("bmFocusTrapOnEscape", ctx.onEscape);
+            i0.ɵɵattribute("aria-label", ctx.locale.editShape);
+            i0.ɵɵadvance(2);
+            i0.ɵɵtextInterpolate(ctx.locale.editShape);
+            i0.ɵɵadvance();
+            i0.ɵɵproperty("value", ctx.text);
+            i0.ɵɵattribute("placeholder", ctx.locale.titlePlaceholder);
+            i0.ɵɵadvance(3);
+            i0.ɵɵtextInterpolate(ctx.locale.delete);
+            i0.ɵɵadvance(3);
+            i0.ɵɵtextInterpolate(ctx.locale.cancel);
+            i0.ɵɵadvance(2);
+            i0.ɵɵtextInterpolate(ctx.locale.save);
+        } }, dependencies: [CommonModule, FocusTrapDirective], encapsulation: 2, changeDetection: 0 });
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TextDialogComponent, [{
+        type: Component,
+        args: [{
+                selector: 'bm-wb-text-dialog',
+                standalone: true,
+                host: { style: 'display: contents' },
+                imports: [CommonModule, FocusTrapDirective],
+                changeDetection: ChangeDetectionStrategy.OnPush,
+                template: `
+    <div class="bm-wb__dialog-backdrop" (pointerdown)="close.emit()">
+      <div class="bm-wb__dialog" role="dialog" aria-modal="true" [attr.aria-label]="locale.editShape" (pointerdown)="stop($event)"
+        bmFocusTrap [bmFocusTrapOnEscape]="onEscape">
+        <strong>{{ locale.editShape }}</strong>
+        <textarea
+          [value]="text"
+          [attr.placeholder]="locale.titlePlaceholder"
+          (input)="onInput($event)"></textarea>
+        <div class="bm-wb__dialog-actions">
+          <button type="button" class="bm-wb__btn" (click)="delete.emit()">{{ locale.delete }}</button>
+          <span style="flex:1"></span>
+          <button type="button" class="bm-wb__btn" (click)="close.emit()">{{ locale.cancel }}</button>
+          <button type="button" class="bm-wb__tool bm-wb__tool--active" (click)="save.emit(text)">{{ locale.save }}</button>
+        </div>
+      </div>
+    </div>
+  `,
+            }]
+    }], null, { initial: [{
+            type: Input
+        }], locale: [{
+            type: Input,
+            args: [{ required: true }]
+        }], save: [{
+            type: Output
+        }], close: [{
+            type: Output
+        }], delete: [{
+            type: Output
+        }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(TextDialogComponent, { className: "TextDialogComponent", filePath: "components/textdialog.ts", lineNumber: 46 }); })();
+//# sourceMappingURL=TextDialog.js.map

package/dist/components/TextDialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextDialog.js","sourceRoot":"","sources":["../../src/components/TextDialog.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,SAAS,EAAE,KAAK,EAAE,MAAM,EAAE,YAAY,EAC3B,uBAAuB,GACnC,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;;AAUtD;;;;GAIG;AA0BH,MAAM,OAAO,mBAAmB;IACrB,OAAO,GAAG,EAAE,CAAC;IACK,MAAM,CAAoB;IAC3C,IAAI,GAAG,IAAI,YAAY,EAAU,CAAC;IAClC,KAAK,GAAG,IAAI,YAAY,EAAQ,CAAC;IACjC,MAAM,GAAG,IAAI,YAAY,EAAQ,CAAC;IAE5C,IAAI,GAAG,EAAE,CAAC;IACF,WAAW,GAAkB,IAAI,CAAC;IAE1C,0FAA0F;IAC1F,sFAAsF;IAC7E,QAAQ,GAAG,GAAG,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC;IAE5C,WAAW;QACT,0EAA0E;QAC1E,IAAI,IAAI,CAAC,OAAO,KAAK,IAAI,CAAC,WAAW,EAAE,CAAC;YAAC,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,OAAO,CAAC;YAAC,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,OAAO,CAAC;QAAC,CAAC;IACvG,CAAC;IAED,OAAO,CAAC,CAAQ,IAAI,IAAI,CAAC,IAAI,GAAI,CAAC,CAAC,MAA8B,CAAC,KAAK,CAAC,CAAC,CAAC;IAC1E,IAAI,CAAC,CAAQ,IAAI,CAAC,CAAC,eAAe,EAAE,CAAC,CAAC,CAAC;6GApB5B,mBAAmB;6DAAnB,mBAAmB;YAlB5B,8BAAiE;YAA7B,yGAAe,gBAAY,IAAC;YAC9D,8BAC+C;YADiD,+GAAe,gBAAY,IAAC;YAE1H,8BAAQ;YAAA,YAAsB;YAAA,iBAAS;YACvC,mCAG4B;YAA1B,wGAAS,mBAAe,IAAC;YAAC,iBAAW;YAErC,AADF,8BAAmC,gBACgC;YAAxB,gGAAS,iBAAa,IAAC;YAAC,YAAmB;YAAA,iBAAS;YAC7F,0BAA4B;YAC5B,iCAAgE;YAAvB,gGAAS,gBAAY,IAAC;YAAC,aAAmB;YAAA,iBAAS;YAC5F,kCAAwF;YAA1B,iGAAS,uBAAe,IAAC;YAAC,aAAiB;YAG/G,AADE,AADE,AAD2G,iBAAS,EAC9G,EACF,EACF;;YAbU,cAAgC;YAAhC,kDAAgC;;YACpC,eAAsB;YAAtB,0CAAsB;YAE5B,cAAc;YAAd,gCAAc;;YAImD,eAAmB;YAAnB,uCAAmB;YAEpB,eAAmB;YAAnB,uCAAmB;YACK,eAAiB;YAAjB,qCAAiB;4BAfvG,YAAY,EAAE,kBAAkB;;iFAqB/B,mBAAmB;cAzB/B,SAAS;eAAC;gBACT,QAAQ,EAAE,mBAAmB;gBAC7B,UAAU,EAAE,IAAI;gBAChB,IAAI,EAAE,EAAE,KAAK,EAAE,mBAAmB,EAAE;gBACpC,OAAO,EAAE,CAAC,YAAY,EAAE,kBAAkB,CAAC;gBAC3C,eAAe,EAAE,uBAAuB,CAAC,MAAM;gBAC/C,QAAQ,EAAE;;;;;;;;;;;;;;;;;GAiBT;aACF;gBAEU,OAAO;kBAAf,KAAK;YACqB,MAAM;kBAAhC,KAAK;mBAAC,EAAE,QAAQ,EAAE,IAAI,EAAE;YACf,IAAI;kBAAb,MAAM;YACG,KAAK;kBAAd,MAAM;YACG,MAAM;kBAAf,MAAM;;kFALI,mBAAmB"}

package/dist/components/TransformHandles.d.ts

@@ -0,0 +1,27 @@
+import { EventEmitter } from '@angular/core';
+import type { ShapeView, ResizeHandle } from '@bimetal/whiteboard-headless';
+import * as i0 from "@angular/core";
+/** The resize-handle event carries both the corner intent and the raw pointer. */
+export interface ResizeIntent {
+    handle: ResizeHandle;
+    event: PointerEvent;
+}
+/**
+ * The selection overlay for a SINGLE shape: a box at the shape's bounds (in board
+ * coords, inside the pan/zoom scene), rotated with the shape, carrying eight
+ * resize handles + a rotate knob. Each handle only emits a gesture intent — the
+ * controller owns the rotation-aware math. Locked shapes show no handles. 1:1 with
+ * the React reference.
+ */
+export declare class TransformHandlesComponent {
+    view: ShapeView;
+    resize: EventEmitter<ResizeIntent>;
+    rotate: EventEmitter<PointerEvent>;
+    readonly handles: readonly ResizeHandle[];
+    get s(): import("@bimetal/whiteboard-data").Shape;
+    get boxStyle(): Record<string, string | undefined>;
+    onHandleDown(handle: ResizeHandle, event: PointerEvent): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TransformHandlesComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TransformHandlesComponent, "bm-wb-transform-handles", never, { "view": { "alias": "view"; "required": true; }; }, { "resize": "resize"; "rotate": "rotate"; }, never, never, true, never>;
+}
+//# sourceMappingURL=TransformHandles.d.ts.map

package/dist/components/TransformHandles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TransformHandles.d.ts","sourceRoot":"","sources":["../../src/components/TransformHandles.ts"],"names":[],"mappings":"AAAA,OAAO,EAA4B,YAAY,EAA2B,MAAM,eAAe,CAAC;AAEhG,OAAO,KAAK,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAC;;AAI5E,kFAAkF;AAClF,MAAM,WAAW,YAAY;IAAG,MAAM,EAAE,YAAY,CAAC;IAAC,KAAK,EAAE,YAAY,CAAC;CAAE;AAE5E;;;;;;GAMG;AACH,qBAiBa,yBAAyB;IACT,IAAI,EAAG,SAAS,CAAC;IAClC,MAAM,6BAAoC;IAC1C,MAAM,6BAAoC;IAEpD,QAAQ,CAAC,OAAO,0BAAW;IAE3B,IAAI,CAAC,6CAA8B;IAEnC,IAAI,QAAQ,IAAI,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,SAAS,CAAC,CASjD;IAED,YAAY,CAAC,MAAM,EAAE,YAAY,EAAE,KAAK,EAAE,YAAY;yCApB3C,yBAAyB;2CAAzB,yBAAyB;CAuBrC"}

package/dist/components/TransformHandles.js

@@ -0,0 +1,83 @@
+import { Component, Input, Output, EventEmitter, ChangeDetectionStrategy } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+function TransformHandlesComponent_div_2_Template(rf, ctx) { if (rf & 1) {
+    const _r1 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 3);
+    i0.ɵɵlistener("pointerdown", function TransformHandlesComponent_div_2_Template_div_pointerdown_0_listener($event) { const h_r2 = i0.ɵɵrestoreView(_r1).$implicit; const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.onHandleDown(h_r2, $event)); });
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const h_r2 = ctx.$implicit;
+    i0.ɵɵclassMap("bm-wb__handle bm-wb__handle--" + h_r2);
+    i0.ɵɵattribute("data-handle", h_r2);
+} }
+const HANDLES = ['nw', 'n', 'ne', 'e', 'se', 's', 'sw', 'w'];
+/**
+ * The selection overlay for a SINGLE shape: a box at the shape's bounds (in board
+ * coords, inside the pan/zoom scene), rotated with the shape, carrying eight
+ * resize handles + a rotate knob. Each handle only emits a gesture intent — the
+ * controller owns the rotation-aware math. Locked shapes show no handles. 1:1 with
+ * the React reference.
+ */
+export class TransformHandlesComponent {
+    view;
+    resize = new EventEmitter();
+    rotate = new EventEmitter();
+    handles = HANDLES;
+    get s() { return this.view.shape; }
+    get boxStyle() {
+        const s = this.s;
+        return {
+            left: `${s.x}px`,
+            top: `${s.y}px`,
+            width: `${s.width}px`,
+            height: `${s.height}px`,
+            transform: s.rotation ? `rotate(${s.rotation}deg)` : undefined,
+        };
+    }
+    onHandleDown(handle, event) {
+        this.resize.emit({ handle, event });
+    }
+    static ɵfac = function TransformHandlesComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || TransformHandlesComponent)(); };
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: TransformHandlesComponent, selectors: [["bm-wb-transform-handles"]], hostAttrs: [2, "display", "contents"], inputs: { view: "view" }, outputs: { resize: "resize", rotate: "rotate" }, decls: 3, vars: 2, consts: [["data-testid", "wb-handles", 1, "bm-wb__handles", 3, "ngStyle"], ["data-rotate", "", 1, "bm-wb__rotate", 3, "pointerdown"], [3, "class", "pointerdown", 4, "ngFor", "ngForOf"], [3, "pointerdown"]], template: function TransformHandlesComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵelementStart(0, "div", 0)(1, "div", 1);
+            i0.ɵɵlistener("pointerdown", function TransformHandlesComponent_Template_div_pointerdown_1_listener($event) { return ctx.rotate.emit($event); });
+            i0.ɵɵelementEnd();
+            i0.ɵɵtemplate(2, TransformHandlesComponent_div_2_Template, 1, 3, "div", 2);
+            i0.ɵɵelementEnd();
+        } if (rf & 2) {
+            i0.ɵɵproperty("ngStyle", ctx.boxStyle);
+            i0.ɵɵadvance(2);
+            i0.ɵɵproperty("ngForOf", ctx.handles);
+        } }, dependencies: [CommonModule, i1.NgForOf, i1.NgStyle], encapsulation: 2, changeDetection: 0 });
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TransformHandlesComponent, [{
+        type: Component,
+        args: [{
+                selector: 'bm-wb-transform-handles',
+                standalone: true,
+                host: { style: 'display: contents' },
+                imports: [CommonModule],
+                changeDetection: ChangeDetectionStrategy.OnPush,
+                template: `
+    <div class="bm-wb__handles" [ngStyle]="boxStyle" data-testid="wb-handles">
+      <div class="bm-wb__rotate" data-rotate (pointerdown)="rotate.emit($event)"></div>
+      <div
+        *ngFor="let h of handles"
+        [class]="'bm-wb__handle bm-wb__handle--' + h"
+        [attr.data-handle]="h"
+        (pointerdown)="onHandleDown(h, $event)"></div>
+    </div>
+  `,
+            }]
+    }], null, { view: [{
+            type: Input,
+            args: [{ required: true }]
+        }], resize: [{
+            type: Output
+        }], rotate: [{
+            type: Output
+        }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(TransformHandlesComponent, { className: "TransformHandlesComponent", filePath: "components/transformhandles.ts", lineNumber: 34 }); })();
+//# sourceMappingURL=TransformHandles.js.map

package/dist/components/TransformHandles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TransformHandles.js","sourceRoot":"","sources":["../../src/components/TransformHandles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,EAAE,YAAY,EAAE,uBAAuB,EAAE,MAAM,eAAe,CAAC;AAChG,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;;;;;IAwBzC,8BAI0C;IAAxC,2NAAe,iCAAuB,KAAC;IAAC,iBAAM;;;IAF9C,qDAA6C;;;AAvBrD,MAAM,OAAO,GAA4B,CAAC,IAAI,EAAE,GAAG,EAAE,IAAI,EAAE,GAAG,EAAE,IAAI,EAAE,GAAG,EAAE,IAAI,EAAE,GAAG,CAAC,CAAC;AAKtF;;;;;;GAMG;AAkBH,MAAM,OAAO,yBAAyB;IACT,IAAI,CAAa;IAClC,MAAM,GAAG,IAAI,YAAY,EAAgB,CAAC;IAC1C,MAAM,GAAG,IAAI,YAAY,EAAgB,CAAC;IAE3C,OAAO,GAAG,OAAO,CAAC;IAE3B,IAAI,CAAC,KAAK,OAAO,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC;IAEnC,IAAI,QAAQ;QACV,MAAM,CAAC,GAAG,IAAI,CAAC,CAAC,CAAC;QACjB,OAAO;YACL,IAAI,EAAE,GAAG,CAAC,CAAC,CAAC,IAAI;YAChB,GAAG,EAAE,GAAG,CAAC,CAAC,CAAC,IAAI;YACf,KAAK,EAAE,GAAG,CAAC,CAAC,KAAK,IAAI;YACrB,MAAM,EAAE,GAAG,CAAC,CAAC,MAAM,IAAI;YACvB,SAAS,EAAE,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,QAAQ,MAAM,CAAC,CAAC,CAAC,SAAS;SAC/D,CAAC;IACJ,CAAC;IAED,YAAY,CAAC,MAAoB,EAAE,KAAmB;QACpD,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC,CAAC;IACtC,CAAC;mHAtBU,yBAAyB;6DAAzB,yBAAyB;YAThC,AADF,8BAA0E,aACG;YAApC,qHAAe,uBAAmB,IAAC;YAAC,iBAAM;YACjF,0EAI0C;YAC5C,iBAAM;;YAPsB,sCAAoB;YAG9B,eAAU;YAAV,qCAAU;4BANpB,YAAY;;iFAaX,yBAAyB;cAjBrC,SAAS;eAAC;gBACT,QAAQ,EAAE,yBAAyB;gBACnC,UAAU,EAAE,IAAI;gBAChB,IAAI,EAAE,EAAE,KAAK,EAAE,mBAAmB,EAAE;gBACpC,OAAO,EAAE,CAAC,YAAY,CAAC;gBACvB,eAAe,EAAE,uBAAuB,CAAC,MAAM;gBAC/C,QAAQ,EAAE;;;;;;;;;GAST;aACF;gBAE4B,IAAI;kBAA9B,KAAK;mBAAC,EAAE,QAAQ,EAAE,IAAI,EAAE;YACf,MAAM;kBAAf,MAAM;YACG,MAAM;kBAAf,MAAM;;kFAHI,yBAAyB"}

package/dist/components/Whiteboard.d.ts

@@ -0,0 +1,164 @@
+import { OnInit, OnDestroy, OnChanges, SimpleChanges, AfterViewInit, ElementRef } from '@angular/core';
+import type { Point, WhiteboardControllerSnapshot, WhiteboardLocale, WhiteboardConfigInput, ShapeView, Tool, AlignEdge, DistributeAxis, StyleInput } from '@bimetal/whiteboard-headless';
+import type { WhiteboardStore } from '@bimetal/whiteboard-data';
+import { type ResizeIntent } from './TransformHandles.js';
+import * as i0 from "@angular/core";
+export interface WhiteboardProps {
+    store: WhiteboardStore;
+    canvasId: string;
+    config?: WhiteboardConfigInput;
+    darkMode?: boolean;
+    onError?: (err: unknown) => void;
+}
+interface ConnectorView {
+    id: string;
+    d: string;
+    stroke: string;
+    strokeWidth: number;
+    dash: string | undefined;
+    opacity: number;
+    markerEnd: string | null;
+    markerStart: string | null;
+}
+interface GuideLine {
+    axis: 'x' | 'y';
+    x1: number;
+    y1: number;
+    x2: number;
+    y2: number;
+}
+interface PinView {
+    id: string;
+    x: number;
+    y: number;
+    resolved: boolean;
+    text: string;
+    glyph: string;
+}
+interface LaserSeg {
+    x1: number;
+    y1: number;
+    x2: number;
+    y2: number;
+    opacity: number;
+}
+interface ThreadView {
+    id: string;
+    at: Point;
+    text: string;
+    resolved: boolean;
+}
+/**
+ * The Angular whiteboard — a thin, standalone-component binding over the canonical
+ * `@bimetal/whiteboard-headless` controller. Owns DOM only: it converts
+ * `clientX/Y → boardPoint` through the controller's viewport (`screenToBoard` —
+ * the binding's ONE piece of geometry), wires window pointer + wheel events, and
+ * renders the snapshot. Every interaction decision (tool FSM, create/drag/marquee,
+ * pan/zoom math, input policy) lives in the controller. 1:1 with the React
+ * reference.
+ */
+export declare class WhiteboardComponent implements OnInit, AfterViewInit, OnDestroy, OnChanges {
+    store: WhiteboardStore;
+    canvasId: string;
+    config?: WhiteboardConfigInput;
+    darkMode: boolean;
+    /** Surfaces infrastructure errors (a domain rejection is an undo toast). */
+    onError?: (err: unknown) => void;
+    viewportRef?: ElementRef<HTMLDivElement>;
+    private binding;
+    private zone;
+    readonly tools: readonly {
+        id: Tool;
+        glyph: string;
+    }[];
+    readonly aligns: readonly {
+        edge: AlignEdge;
+        glyph: string;
+    }[];
+    readonly distributes: readonly {
+        axis: DistributeAxis;
+        glyph: string;
+    }[];
+    readonly arrowId: string;
+    readonly markerUrl: string;
+    get ctrl(): import("@bimetal/whiteboard-headless").WhiteboardController;
+    get snapshot(): WhiteboardControllerSnapshot;
+    get viewport(): import("@bimetal/whiteboard-headless").Viewport;
+    get activeTool(): Tool;
+    get cfg(): import("@bimetal/whiteboard-headless").WhiteboardConfig;
+    get locale(): WhiteboardLocale;
+    get zoomPct(): number;
+    get viewportClass(): string;
+    get sceneTransform(): string;
+    get viewportVars(): Record<string, string>;
+    private get selectedViews();
+    get hasSel(): boolean;
+    get canAlign(): boolean;
+    get canDistribute(): boolean;
+    get canGroup(): boolean;
+    get canUngroup(): boolean;
+    get transformView(): ShapeView | null;
+    get panelStyle(): import("@bimetal/whiteboard-data").ShapeStyle | null;
+    get undo(): import("@bimetal/headless-core").LastAction | null;
+    get dialogShape(): {
+        id: string;
+        text: string;
+    } | null;
+    get connectorViews(): ConnectorView[];
+    get connectorPreviewD(): string | null;
+    get drawPreviewPath(): string | null;
+    get guideLines(): GuideLine[];
+    get commentPins(): PinView[];
+    get laserSegments(): LaserSeg[] | null;
+    get draftAt(): Point | null;
+    get openThread(): ThreadView | null;
+    toolClass(id: string): string;
+    pinClass(p: PinView): string;
+    private boardOf;
+    private onMove;
+    private onUp;
+    private onCancel;
+    private onWheel;
+    ngOnInit(): void;
+    ngAfterViewInit(): void;
+    ngOnChanges(changes: SimpleChanges): void;
+    ngOnDestroy(): void;
+    onViewportPointerDown(e: PointerEvent): void;
+    onShapeDown(shapeId: string, e: PointerEvent): void;
+    onShapeDblClick(shapeId: string, e: MouseEvent): void;
+    onResizeIntent(shapeId: string, intent: ResizeIntent): void;
+    onRotate(shapeId: string, e: PointerEvent): void;
+    onKeydown(e: KeyboardEvent): void;
+    onTool(id: Tool): void;
+    onBringToFront(): void;
+    onSendToBack(): void;
+    onToggleLock(): void;
+    onGroup(): void;
+    onUngroup(): void;
+    onDuplicate(): void;
+    onDeleteSelection(): void;
+    onAlign(edge: AlignEdge): void;
+    onDistribute(axis: DistributeAxis): void;
+    onResetViewport(): void;
+    onUndo(): void;
+    onStyleInput(raw: StyleInput): void;
+    onPinClick(id: string, e: MouseEvent): void;
+    onCommitDraft(text: string): void;
+    onCancelDraft(): void;
+    onCloseThread(): void;
+    onCommitThread(id: string, text: string): void;
+    onResolveThread(id: string): void;
+    onDeleteThread(id: string): void;
+    onSaveShape(text: string): void;
+    onCloseDialog(): void;
+    onDeleteShape(id: string): void;
+    stop(e: Event): void;
+    trackShape(_i: number, v: ShapeView): string;
+    trackConnector(_i: number, c: ConnectorView): string;
+    trackPin(_i: number, p: PinView): string;
+    trackIndex(i: number): number;
+    static ɵfac: i0.ɵɵFactoryDeclaration<WhiteboardComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<WhiteboardComponent, "bm-whiteboard", never, { "store": { "alias": "store"; "required": true; }; "canvasId": { "alias": "canvasId"; "required": true; }; "config": { "alias": "config"; "required": false; }; "darkMode": { "alias": "darkMode"; "required": false; }; "onError": { "alias": "onError"; "required": false; }; }, {}, never, never, true, never>;
+}
+export {};
+//# sourceMappingURL=Whiteboard.d.ts.map

package/dist/components/Whiteboard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Whiteboard.d.ts","sourceRoot":"","sources":["../../src/components/Whiteboard.ts"],"names":[],"mappings":"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"}