@bimetal/whiteboard-vue-components 0.29.0

package/dist/components/StylePanel.js

@@ -0,0 +1,53 @@
+import { defineComponent, h } from 'vue';
+/**
+ * The style editor for the current selection. The inputs forward RAW string
+ * values (`StyleInput`); the controller parses/clamps/validates and batches the
+ * change into ONE `SetShapesStyle` (one undo). No `Number(...)`, cast or min/max
+ * policy here — the DOM min/max are UX hints only. Labels come from the locale.
+ * 1:1 with the React reference.
+ */
+export const StylePanel = defineComponent({
+    name: 'StylePanel',
+    props: {
+        style: { type: Object, required: true },
+        locale: { type: Object, required: true },
+        onInput: { type: Function, required: true },
+    },
+    setup(props) {
+        const val = (e) => e.target.value;
+        return () => {
+            const { style, locale, onInput } = props;
+            return h('div', { class: 'bm-wb__panel', 'data-testid': 'wb-style-panel' }, [
+                h('div', { class: 'bm-wb__field' }, [
+                    h('label', { for: 'bmw-fill' }, locale.styleFill),
+                    h('input', { id: 'bmw-fill', type: 'color', 'data-style': 'fill', value: style.fill ?? '#ffffff', onChange: (e) => onInput({ fill: val(e) }) }),
+                ]),
+                h('div', { class: 'bm-wb__field' }, [
+                    h('label', { for: 'bmw-stroke' }, locale.styleStroke),
+                    h('input', { id: 'bmw-stroke', type: 'color', 'data-style': 'stroke', value: style.stroke, onChange: (e) => onInput({ stroke: val(e) }) }),
+                ]),
+                h('div', { class: 'bm-wb__field' }, [
+                    h('label', { for: 'bmw-strokeWidth' }, locale.styleWidth),
+                    h('input', { id: 'bmw-strokeWidth', type: 'range', min: 1, max: 12, 'data-style': 'strokeWidth', value: style.strokeWidth, onChange: (e) => onInput({ strokeWidth: val(e) }) }),
+                ]),
+                h('div', { class: 'bm-wb__field' }, [
+                    h('label', { for: 'bmw-dash' }, locale.styleDash),
+                    h('select', { id: 'bmw-dash', 'data-style': 'dash', value: style.dash, onChange: (e) => onInput({ dash: val(e) }) }, [
+                        h('option', { value: 'solid' }, locale.dashSolid),
+                        h('option', { value: 'dashed' }, locale.dashDashed),
+                        h('option', { value: 'dotted' }, locale.dashDotted),
+                    ]),
+                ]),
+                h('div', { class: 'bm-wb__field' }, [
+                    h('label', { for: 'bmw-opacity' }, locale.styleOpacity),
+                    h('input', { id: 'bmw-opacity', type: 'range', min: 0.1, max: 1, step: 0.1, 'data-style': 'opacity', value: style.opacity, onChange: (e) => onInput({ opacity: val(e) }) }),
+                ]),
+                h('div', { class: 'bm-wb__field' }, [
+                    h('label', { for: 'bmw-fontSize' }, locale.styleFont),
+                    h('input', { id: 'bmw-fontSize', type: 'number', min: 8, max: 96, 'data-style': 'fontSize', value: style.fontSize, onChange: (e) => onInput({ fontSize: val(e) }) }),
+                ]),
+            ]);
+        };
+    },
+});
+//# sourceMappingURL=StylePanel.js.map

package/dist/components/StylePanel.js.map

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

package/dist/components/TextDialog.d.ts

@@ -0,0 +1,59 @@
+import { type PropType } from 'vue';
+export interface TextDialogLocale {
+    save: string;
+    cancel: string;
+    delete: string;
+    editShape: string;
+    titlePlaceholder: string;
+}
+/**
+ * The double-click edit dialog for a shape's text. Mounted with a `key` per shape
+ * so the draft resets. Controlled draft via a local `ref`. 1:1 with the React
+ * reference.
+ */
+export declare const TextDialog: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    initial: {
+        type: StringConstructor;
+        required: true;
+    };
+    locale: {
+        type: PropType<TextDialogLocale>;
+        required: true;
+    };
+    onSave: {
+        type: PropType<(text: string) => void>;
+        required: true;
+    };
+    onClose: {
+        type: PropType<() => void>;
+        required: true;
+    };
+    onDelete: {
+        type: PropType<() => void>;
+        required: true;
+    };
+}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    initial: {
+        type: StringConstructor;
+        required: true;
+    };
+    locale: {
+        type: PropType<TextDialogLocale>;
+        required: true;
+    };
+    onSave: {
+        type: PropType<(text: string) => void>;
+        required: true;
+    };
+    onClose: {
+        type: PropType<() => void>;
+        required: true;
+    };
+    onDelete: {
+        type: PropType<() => void>;
+        required: true;
+    };
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+//# sourceMappingURL=TextDialog.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TextDialog.d.ts","sourceRoot":"","sources":["../../src/components/TextDialog.ts"],"names":[],"mappings":"AAAA,OAAO,EAAwB,KAAK,QAAQ,EAAK,MAAM,KAAK,CAAC;AAG7D,MAAM,WAAW,gBAAgB;IAC/B,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;IACf,SAAS,EAAE,MAAM,CAAC;IAClB,gBAAgB,EAAE,MAAM,CAAC;CAC1B;AAED;;;;GAIG;AACH,eAAO,MAAM,UAAU;;;;;;cAIO,QAAQ,CAAC,gBAAgB,CAAC;;;;cACxB,QAAQ,CAAC,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;;;;cAC/B,QAAQ,CAAC,MAAM,IAAI,CAAC;;;;cACnB,QAAQ,CAAC,MAAM,IAAI,CAAC;;;;;;;;;;;cAHxB,QAAQ,CAAC,gBAAgB,CAAC;;;;cACxB,QAAQ,CAAC,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;;;;cAC/B,QAAQ,CAAC,MAAM,IAAI,CAAC;;;;cACnB,QAAQ,CAAC,MAAM,IAAI,CAAC;;;iGA6BpD,CAAC"}

package/dist/components/TextDialog.js

@@ -0,0 +1,45 @@
+import { defineComponent, ref, h } from 'vue';
+import { useFocusTrap } from '@bimetal/vue';
+/**
+ * The double-click edit dialog for a shape's text. Mounted with a `key` per shape
+ * so the draft resets. Controlled draft via a local `ref`. 1:1 with the React
+ * reference.
+ */
+export const TextDialog = defineComponent({
+    name: 'WhiteboardTextDialog',
+    props: {
+        initial: { type: String, required: true },
+        locale: { type: Object, required: true },
+        onSave: { type: Function, required: true },
+        onClose: { type: Function, required: true },
+        onDelete: { type: Function, required: true },
+    },
+    setup(props) {
+        const text = ref(props.initial);
+        // v0.29 Tastatur: modal focus lifecycle on the shared primitive (contract §3).
+        // Escape is element-scoped (redundant with the board root's handler, idempotent);
+        // focus restores to the `.bm-wb` root via the trap's closest()-anchor.
+        const dialogRef = ref(null);
+        useFocusTrap(dialogRef, { onEscape: () => props.onClose() });
+        return () => {
+            const { locale, onSave, onClose, onDelete } = props;
+            return h('div', { class: 'bm-wb__dialog-backdrop', onPointerdown: () => onClose() }, [
+                h('div', { ref: dialogRef, class: 'bm-wb__dialog', role: 'dialog', 'aria-modal': 'true', 'aria-label': locale.editShape, onPointerdown: (e) => e.stopPropagation() }, [
+                    h('strong', locale.editShape),
+                    h('textarea', {
+                        value: text.value,
+                        placeholder: locale.titlePlaceholder,
+                        onInput: (e) => { text.value = e.target.value; },
+                    }),
+                    h('div', { class: 'bm-wb__dialog-actions' }, [
+                        h('button', { type: 'button', class: 'bm-wb__btn', onClick: () => onDelete() }, locale.delete),
+                        h('span', { style: { flex: 1 } }),
+                        h('button', { type: 'button', class: 'bm-wb__btn', onClick: () => onClose() }, locale.cancel),
+                        h('button', { type: 'button', class: 'bm-wb__tool bm-wb__tool--active', onClick: () => onSave(text.value) }, locale.save),
+                    ]),
+                ]),
+            ]);
+        };
+    },
+});
+//# 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":"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"}

package/dist/components/TransformHandles.d.ts

@@ -0,0 +1,39 @@
+import { type PropType } from 'vue';
+import type { ShapeView, ResizeHandle } from '@bimetal/whiteboard-headless';
+/**
+ * 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 const TransformHandles: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    view: {
+        type: PropType<ShapeView>;
+        required: true;
+    };
+    onResize: {
+        type: PropType<(handle: ResizeHandle, e: PointerEvent) => void>;
+        required: true;
+    };
+    onRotate: {
+        type: PropType<(e: PointerEvent) => void>;
+        required: true;
+    };
+}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    view: {
+        type: PropType<ShapeView>;
+        required: true;
+    };
+    onResize: {
+        type: PropType<(handle: ResizeHandle, e: PointerEvent) => void>;
+        required: true;
+    };
+    onRotate: {
+        type: PropType<(e: PointerEvent) => void>;
+        required: true;
+    };
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+//# 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,EAAmB,KAAK,QAAQ,EAAyB,MAAM,KAAK,CAAC;AAC5E,OAAO,KAAK,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAC;AAI5E;;;;;;GAMG;AACH,eAAO,MAAM,gBAAgB;;cAGD,QAAQ,CAAC,SAAS,CAAC;;;;cACb,QAAQ,CAAC,CAAC,MAAM,EAAE,YAAY,EAAE,CAAC,EAAE,YAAY,KAAK,IAAI,CAAC;;;;cACzD,QAAQ,CAAC,CAAC,CAAC,EAAE,YAAY,KAAK,IAAI,CAAC;;;;;;;cAFzC,QAAQ,CAAC,SAAS,CAAC;;;;cACb,QAAQ,CAAC,CAAC,MAAM,EAAE,YAAY,EAAE,CAAC,EAAE,YAAY,KAAK,IAAI,CAAC;;;;cACzD,QAAQ,CAAC,CAAC,CAAC,EAAE,YAAY,KAAK,IAAI,CAAC;;;iGAyBnE,CAAC"}

package/dist/components/TransformHandles.js

@@ -0,0 +1,40 @@
+import { defineComponent, h } from 'vue';
+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 const TransformHandles = defineComponent({
+    name: 'TransformHandles',
+    props: {
+        view: { type: Object, required: true },
+        onResize: { type: Function, required: true },
+        onRotate: { type: Function, required: true },
+    },
+    setup(props) {
+        return () => {
+            const s = props.view.shape;
+            // Visibility (lone/non-group/transformable) is the controller's transformHandleId.
+            const style = {
+                left: `${s.x}px`,
+                top: `${s.y}px`,
+                width: `${s.width}px`,
+                height: `${s.height}px`,
+                transform: s.rotation ? `rotate(${s.rotation}deg)` : undefined,
+            };
+            return h('div', { class: 'bm-wb__handles', style, 'data-testid': 'wb-handles' }, [
+                h('div', { class: 'bm-wb__rotate', 'data-rotate': '', onPointerdown: props.onRotate }),
+                ...HANDLES.map((handle) => h('div', {
+                    key: handle,
+                    class: `bm-wb__handle bm-wb__handle--${handle}`,
+                    'data-handle': handle,
+                    onPointerdown: (e) => props.onResize(handle, e),
+                })),
+            ]);
+        };
+    },
+});
+//# 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,eAAe,EAAqC,CAAC,EAAE,MAAM,KAAK,CAAC;AAG5E,MAAM,OAAO,GAA4B,CAAC,IAAI,EAAE,GAAG,EAAE,IAAI,EAAE,GAAG,EAAE,IAAI,EAAE,GAAG,EAAE,IAAI,EAAE,GAAG,CAAC,CAAC;AAEtF;;;;;;GAMG;AACH,MAAM,CAAC,MAAM,gBAAgB,GAAG,eAAe,CAAC;IAC9C,IAAI,EAAE,kBAAkB;IACxB,KAAK,EAAE;QACL,IAAI,EAAE,EAAE,IAAI,EAAE,MAA6B,EAAE,QAAQ,EAAE,IAAI,EAAE;QAC7D,QAAQ,EAAE,EAAE,IAAI,EAAE,QAAqE,EAAE,QAAQ,EAAE,IAAI,EAAE;QACzG,QAAQ,EAAE,EAAE,IAAI,EAAE,QAA+C,EAAE,QAAQ,EAAE,IAAI,EAAE;KACpF;IACD,KAAK,CAAC,KAAK;QACT,OAAO,GAAG,EAAE;YACV,MAAM,CAAC,GAAG,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC;YAC3B,mFAAmF;YACnF,MAAM,KAAK,GAAkB;gBAC3B,IAAI,EAAE,GAAG,CAAC,CAAC,CAAC,IAAI;gBAChB,GAAG,EAAE,GAAG,CAAC,CAAC,CAAC,IAAI;gBACf,KAAK,EAAE,GAAG,CAAC,CAAC,KAAK,IAAI;gBACrB,MAAM,EAAE,GAAG,CAAC,CAAC,MAAM,IAAI;gBACvB,SAAS,EAAE,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,QAAQ,MAAM,CAAC,CAAC,CAAC,SAAS;aAC/D,CAAC;YACF,OAAO,CAAC,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,gBAAgB,EAAE,KAAK,EAAE,aAAa,EAAE,YAAY,EAAE,EAAE;gBAC/E,CAAC,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,eAAe,EAAE,aAAa,EAAE,EAAE,EAAE,aAAa,EAAE,KAAK,CAAC,QAAQ,EAAE,CAAC;gBACtF,GAAG,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CACxB,CAAC,CAAC,KAAK,EAAE;oBACP,GAAG,EAAE,MAAM;oBACX,KAAK,EAAE,gCAAgC,MAAM,EAAE;oBAC/C,aAAa,EAAE,MAAM;oBACrB,aAAa,EAAE,CAAC,CAAe,EAAE,EAAE,CAAC,KAAK,CAAC,QAAQ,CAAC,MAAM,EAAE,CAAC,CAAC;iBAC9D,CAAC,CAAC;aACN,CAAC,CAAC;QACL,CAAC,CAAC;IACJ,CAAC;CACF,CAAC,CAAC"}

package/dist/components/Whiteboard.d.ts

@@ -0,0 +1,68 @@
+import { type PropType, type VNode } from 'vue';
+import type { WhiteboardStore } from '@bimetal/whiteboard-data';
+import type { WhiteboardConfigInput } from '@bimetal/whiteboard-headless';
+export interface WhiteboardProps {
+    store: WhiteboardStore;
+    canvasId: string;
+    config?: WhiteboardConfigInput;
+    darkMode?: boolean;
+    onError?: (err: unknown) => void;
+}
+/**
+ * The Vue whiteboard — a thin binding over `@bimetal/whiteboard-headless`. 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 const Whiteboard: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    store: {
+        type: PropType<WhiteboardStore>;
+        required: true;
+    };
+    canvasId: {
+        type: StringConstructor;
+        required: true;
+    };
+    config: {
+        type: PropType<WhiteboardConfigInput>;
+        default: undefined;
+    };
+    darkMode: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    onError: {
+        type: PropType<(err: unknown) => void>;
+        default: undefined;
+    };
+}>, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    store: {
+        type: PropType<WhiteboardStore>;
+        required: true;
+    };
+    canvasId: {
+        type: StringConstructor;
+        required: true;
+    };
+    config: {
+        type: PropType<WhiteboardConfigInput>;
+        default: undefined;
+    };
+    darkMode: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    onError: {
+        type: PropType<(err: unknown) => void>;
+        default: undefined;
+    };
+}>> & Readonly<{}>, {
+    onError: (err: unknown) => void;
+    config: WhiteboardConfigInput;
+    darkMode: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+//# 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":"AAAA,OAAO,EAAoE,KAAK,QAAQ,EAAsB,KAAK,KAAK,EAAK,MAAM,KAAK,CAAC;AAIzI,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAChE,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,8BAA8B,CAAC;AAO1E,MAAM,WAAW,eAAe;IAC9B,KAAK,EAAE,eAAe,CAAC;IACvB,QAAQ,EAAE,MAAM,CAAC;IACjB,MAAM,CAAC,EAAE,qBAAqB,CAAC;IAC/B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,CAAC,GAAG,EAAE,OAAO,KAAK,IAAI,CAAC;CAClC;AAUD;;;;;;;GAOG;AACH,eAAO,MAAM,UAAU;;cAGM,QAAQ,CAAC,eAAe,CAAC;;;;;;;;cAExB,QAAQ,CAAC,qBAAqB,CAAC;;;;;;;;cAE5B,QAAQ,CAAC,CAAC,GAAG,EAAE,OAAO,KAAK,IAAI,CAAC;;;;;;;cAJpC,QAAQ,CAAC,eAAe,CAAC;;;;;;;;cAExB,QAAQ,CAAC,qBAAqB,CAAC;;;;;;;;cAE5B,QAAQ,CAAC,CAAC,GAAG,EAAE,OAAO,KAAK,IAAI,CAAC;;;;mBAAjB,OAAO,KAAK,IAAI;;;4EA6U9D,CAAC"}