@coral-viz/viz 0.2.3

package/dist/layout/useLayoutHistory.js.map

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

package/dist/properties/NodePropertiesPanel.d.ts

@@ -0,0 +1,47 @@
+/**
+ * NodePropertiesPanel Component
+ *
+ * A panel that displays and allows editing of node properties.
+ * Shows node info (ID, type), basic properties (label, description),
+ * and custom properties with type-appropriate input controls.
+ */
+import React from 'react';
+import type { CoralNode } from '../types.js';
+import { type PropertyValue } from './propertyUtils.js';
+/**
+ * Change event for property updates
+ */
+export interface PropertyChange {
+    nodeId: string;
+    field: 'label' | 'description' | 'property';
+    propertyKey?: string;
+    oldValue: unknown;
+    newValue: unknown;
+}
+/**
+ * Props for NodePropertiesPanel
+ */
+export interface NodePropertiesPanelProps {
+    /** Currently selected node (null if none selected) */
+    selectedNode: CoralNode | null;
+    /** Callback when any property changes */
+    onPropertyChange: (change: PropertyChange) => void;
+    /** Callback to add a new custom property */
+    onAddProperty?: (nodeId: string, key: string, value: PropertyValue) => void;
+    /** Callback to remove a custom property */
+    onRemoveProperty?: (nodeId: string, key: string) => void;
+    /** Whether the panel is disabled (read-only mode) */
+    disabled?: boolean;
+    /** Panel width */
+    width?: number | string;
+    /** Show node ID (read-only info) */
+    showNodeId?: boolean;
+    /** Show node type (read-only info) */
+    showNodeType?: boolean;
+    /** Allow adding custom properties */
+    allowAddProperties?: boolean;
+    /** Allow removing custom properties */
+    allowRemoveProperties?: boolean;
+}
+export declare function NodePropertiesPanel({ selectedNode, onPropertyChange, onAddProperty, onRemoveProperty, disabled, width, showNodeId, showNodeType, allowAddProperties, allowRemoveProperties, }: NodePropertiesPanelProps): React.ReactElement;
+//# sourceMappingURL=NodePropertiesPanel.d.ts.map

package/dist/properties/NodePropertiesPanel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NodePropertiesPanel.d.ts","sourceRoot":"","sources":["../../src/properties/NodePropertiesPanel.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,KAAyC,MAAM,OAAO,CAAC;AAC9D,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAC7C,OAAO,EAIL,KAAK,aAAa,EAEnB,MAAM,oBAAoB,CAAC;AAM5B;;GAEG;AACH,MAAM,WAAW,cAAc;IAC7B,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,OAAO,GAAG,aAAa,GAAG,UAAU,CAAC;IAC5C,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,EAAE,OAAO,CAAC;IAClB,QAAQ,EAAE,OAAO,CAAC;CACnB;AAED;;GAEG;AACH,MAAM,WAAW,wBAAwB;IACvC,sDAAsD;IACtD,YAAY,EAAE,SAAS,GAAG,IAAI,CAAC;IAE/B,yCAAyC;IACzC,gBAAgB,EAAE,CAAC,MAAM,EAAE,cAAc,KAAK,IAAI,CAAC;IAEnD,4CAA4C;IAC5C,aAAa,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,aAAa,KAAK,IAAI,CAAC;IAE5E,2CAA2C;IAC3C,gBAAgB,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IAEzD,qDAAqD;IACrD,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,kBAAkB;IAClB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAExB,oCAAoC;IACpC,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB,sCAAsC;IACtC,YAAY,CAAC,EAAE,OAAO,CAAC;IAEvB,qCAAqC;IACrC,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAE7B,uCAAuC;IACvC,qBAAqB,CAAC,EAAE,OAAO,CAAC;CACjC;AAiHD,wBAAgB,mBAAmB,CAAC,EAClC,YAAY,EACZ,gBAAgB,EAChB,aAAa,EACb,gBAAgB,EAChB,QAAgB,EAChB,KAAW,EACX,UAAiB,EACjB,YAAmB,EACnB,kBAAyB,EACzB,qBAA4B,GAC7B,EAAE,wBAAwB,GAAG,KAAK,CAAC,YAAY,CA6T/C"}

package/dist/properties/NodePropertiesPanel.js

@@ -0,0 +1,199 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * NodePropertiesPanel Component
+ *
+ * A panel that displays and allows editing of node properties.
+ * Shows node info (ID, type), basic properties (label, description),
+ * and custom properties with type-appropriate input controls.
+ */
+import { useState, useCallback, useMemo } from 'react';
+import { extractPropertyFields, } from './propertyUtils.js';
+// ============================================================================
+// Styles
+// ============================================================================
+const labelStyles = {
+    fontSize: '12px',
+    fontWeight: 500,
+    color: '#555',
+    marginBottom: '4px',
+    display: 'block',
+};
+const inputStyles = {
+    padding: '6px 10px',
+    fontSize: '13px',
+    borderRadius: '4px',
+    border: '1px solid #ccc',
+    backgroundColor: '#fff',
+    width: '100%',
+    boxSizing: 'border-box',
+};
+const sectionHeaderStyles = {
+    fontSize: '11px',
+    fontWeight: 600,
+    color: '#888',
+    textTransform: 'uppercase',
+    letterSpacing: '0.5px',
+    marginBottom: '8px',
+    marginTop: '16px',
+};
+const formGroupStyles = {
+    marginBottom: '12px',
+};
+function PropertyInput({ meta, onChange, disabled }) {
+    const { type, value, isEditable } = meta;
+    // Non-editable types show as read-only
+    if (!isEditable) {
+        return (_jsx("div", { style: {
+                padding: '6px 10px',
+                fontSize: '12px',
+                color: '#666',
+                backgroundColor: '#f5f5f5',
+                borderRadius: '4px',
+                fontStyle: 'italic',
+            }, children: type === 'object' ? '{...}' : type === 'array' ? '[...]' : String(value) }));
+    }
+    // Boolean: checkbox
+    if (type === 'boolean') {
+        return (_jsx("input", { type: "checkbox", checked: Boolean(value), onChange: (e) => onChange(e.target.checked), disabled: disabled }));
+    }
+    // Number: number input
+    if (type === 'number') {
+        return (_jsx("input", { type: "number", value: value, onChange: (e) => {
+                const parsed = parseFloat(e.target.value);
+                onChange(isNaN(parsed) ? 0 : parsed);
+            }, disabled: disabled, style: inputStyles }));
+    }
+    // String (default): text input
+    return (_jsx("input", { type: "text", value: String(value ?? ''), onChange: (e) => onChange(e.target.value), disabled: disabled, style: inputStyles }));
+}
+// ============================================================================
+// NodePropertiesPanel Component
+// ============================================================================
+export function NodePropertiesPanel({ selectedNode, onPropertyChange, onAddProperty, onRemoveProperty, disabled = false, width = 320, showNodeId = true, showNodeType = true, allowAddProperties = true, allowRemoveProperties = true, }) {
+    const [newPropertyKey, setNewPropertyKey] = useState('');
+    const [newPropertyValue, setNewPropertyValue] = useState('');
+    const [newPropertyType, setNewPropertyType] = useState('string');
+    // Extract custom properties
+    const customProperties = useMemo(() => extractPropertyFields(selectedNode?.data?.properties), [selectedNode?.data?.properties]);
+    // Handle label change
+    const handleLabelChange = useCallback((e) => {
+        if (!selectedNode)
+            return;
+        onPropertyChange({
+            nodeId: selectedNode.id,
+            field: 'label',
+            oldValue: selectedNode.data.label,
+            newValue: e.target.value,
+        });
+    }, [selectedNode, onPropertyChange]);
+    // Handle description change
+    const handleDescriptionChange = useCallback((e) => {
+        if (!selectedNode)
+            return;
+        onPropertyChange({
+            nodeId: selectedNode.id,
+            field: 'description',
+            oldValue: selectedNode.data.description,
+            newValue: e.target.value,
+        });
+    }, [selectedNode, onPropertyChange]);
+    // Handle custom property change
+    const handlePropertyValueChange = useCallback((key, oldValue, newValue) => {
+        if (!selectedNode)
+            return;
+        onPropertyChange({
+            nodeId: selectedNode.id,
+            field: 'property',
+            propertyKey: key,
+            oldValue,
+            newValue,
+        });
+    }, [selectedNode, onPropertyChange]);
+    // Handle add new property
+    const handleAddProperty = useCallback(() => {
+        if (!selectedNode || !newPropertyKey.trim() || !onAddProperty)
+            return;
+        let value;
+        switch (newPropertyType) {
+            case 'number':
+                value = parseFloat(newPropertyValue) || 0;
+                break;
+            case 'boolean':
+                value = newPropertyValue === 'true';
+                break;
+            default:
+                value = newPropertyValue;
+        }
+        onAddProperty(selectedNode.id, newPropertyKey.trim(), value);
+        setNewPropertyKey('');
+        setNewPropertyValue('');
+    }, [selectedNode, newPropertyKey, newPropertyValue, newPropertyType, onAddProperty]);
+    // Empty state
+    if (!selectedNode) {
+        return (_jsx("div", { style: {
+                width,
+                backgroundColor: '#fff',
+                borderRadius: '8px',
+                boxShadow: '0 2px 8px rgba(0,0,0,0.15)',
+                padding: '16px',
+            }, children: _jsx("div", { style: {
+                    color: '#999',
+                    fontStyle: 'italic',
+                    textAlign: 'center',
+                    padding: '24px 0',
+                }, children: "No node selected" }) }));
+    }
+    return (_jsxs("div", { style: {
+            width,
+            backgroundColor: '#fff',
+            borderRadius: '8px',
+            boxShadow: '0 2px 8px rgba(0,0,0,0.15)',
+            overflow: 'hidden',
+        }, children: [_jsx("div", { style: {
+                    padding: '12px 16px',
+                    borderBottom: '1px solid #e0e0e0',
+                    fontWeight: 600,
+                    fontSize: '14px',
+                }, children: "Node Properties" }), _jsxs("div", { style: { padding: '12px', maxHeight: '500px', overflowY: 'auto' }, children: [_jsx("div", { style: sectionHeaderStyles, children: "Node Info" }), showNodeId && (_jsxs("div", { style: { ...formGroupStyles, display: 'flex', gap: '8px' }, children: [_jsx("span", { style: { ...labelStyles, width: '50px', marginBottom: 0 }, children: "ID:" }), _jsx("span", { style: { fontSize: '12px', color: '#666', fontFamily: 'monospace' }, children: selectedNode.id })] })), showNodeType && (_jsxs("div", { style: { ...formGroupStyles, display: 'flex', gap: '8px' }, children: [_jsx("span", { style: { ...labelStyles, width: '50px', marginBottom: 0 }, children: "Type:" }), _jsx("span", { style: { fontSize: '12px', color: '#666' }, children: selectedNode.data.nodeType })] })), _jsx("div", { style: sectionHeaderStyles, children: "Basic Properties" }), _jsxs("div", { style: formGroupStyles, children: [_jsx("label", { style: labelStyles, children: "Label" }), _jsx("input", { type: "text", value: selectedNode.data.label, onChange: handleLabelChange, disabled: disabled, style: inputStyles })] }), _jsxs("div", { style: formGroupStyles, children: [_jsx("label", { style: labelStyles, children: "Description" }), _jsx("textarea", { value: selectedNode.data.description ?? '', onChange: handleDescriptionChange, disabled: disabled, placeholder: "Optional description...", rows: 3, style: {
+                                    ...inputStyles,
+                                    resize: 'vertical',
+                                    minHeight: '60px',
+                                } })] }), _jsx("div", { style: sectionHeaderStyles, children: "Custom Properties" }), customProperties.length === 0 ? (_jsx("div", { style: {
+                            fontSize: '12px',
+                            color: '#999',
+                            fontStyle: 'italic',
+                            marginBottom: '12px',
+                        }, children: "No custom properties" })) : (_jsx("div", { style: { marginBottom: '12px' }, children: customProperties.map((prop) => (_jsxs("div", { style: {
+                                display: 'flex',
+                                alignItems: 'center',
+                                gap: '8px',
+                                marginBottom: '8px',
+                            }, children: [_jsx("span", { style: {
+                                        fontSize: '12px',
+                                        fontWeight: 500,
+                                        minWidth: '80px',
+                                        color: '#555',
+                                    }, children: prop.key }), _jsx("div", { style: { flex: 1 }, children: _jsx(PropertyInput, { meta: prop, onChange: (newValue) => handlePropertyValueChange(prop.key, prop.value, newValue), disabled: disabled }) }), allowRemoveProperties && onRemoveProperty && (_jsx("button", { type: "button", onClick: () => onRemoveProperty(selectedNode.id, prop.key), disabled: disabled, style: {
+                                        padding: '4px 8px',
+                                        border: 'none',
+                                        background: 'transparent',
+                                        color: '#d32f2f',
+                                        cursor: disabled ? 'default' : 'pointer',
+                                        fontSize: '14px',
+                                    }, title: "Remove property", children: "\u00D7" }))] }, prop.key))) })), allowAddProperties && onAddProperty && (_jsxs("div", { style: {
+                            padding: '12px',
+                            backgroundColor: '#f5f5f5',
+                            borderRadius: '4px',
+                            marginTop: '8px',
+                        }, children: [_jsxs("div", { style: { display: 'flex', gap: '8px', marginBottom: '8px' }, children: [_jsx("input", { type: "text", placeholder: "Property name", value: newPropertyKey, onChange: (e) => setNewPropertyKey(e.target.value), disabled: disabled, style: { ...inputStyles, flex: 1 } }), _jsxs("select", { value: newPropertyType, onChange: (e) => setNewPropertyType(e.target.value), disabled: disabled, style: { ...inputStyles, width: '80px' }, children: [_jsx("option", { value: "string", children: "Text" }), _jsx("option", { value: "number", children: "Number" }), _jsx("option", { value: "boolean", children: "Boolean" })] })] }), newPropertyType !== 'boolean' && (_jsx("input", { type: newPropertyType === 'number' ? 'number' : 'text', placeholder: "Value", value: newPropertyValue, onChange: (e) => setNewPropertyValue(e.target.value), disabled: disabled, style: { ...inputStyles, marginBottom: '8px' } })), newPropertyType === 'boolean' && (_jsxs("select", { value: newPropertyValue, onChange: (e) => setNewPropertyValue(e.target.value), disabled: disabled, style: { ...inputStyles, marginBottom: '8px' }, children: [_jsx("option", { value: "true", children: "True" }), _jsx("option", { value: "false", children: "False" })] })), _jsx("button", { type: "button", onClick: handleAddProperty, disabled: disabled || !newPropertyKey.trim(), style: {
+                                    width: '100%',
+                                    padding: '8px',
+                                    border: 'none',
+                                    borderRadius: '4px',
+                                    backgroundColor: newPropertyKey.trim() && !disabled ? '#1976d2' : '#ccc',
+                                    color: '#fff',
+                                    cursor: newPropertyKey.trim() && !disabled ? 'pointer' : 'default',
+                                    fontSize: '13px',
+                                }, children: "+ Add Property" })] }))] })] }));
+}
+//# sourceMappingURL=NodePropertiesPanel.js.map

package/dist/properties/NodePropertiesPanel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NodePropertiesPanel.js","sourceRoot":"","sources":["../../src/properties/NodePropertiesPanel.tsx"],"names":[],"mappings":";AAAA;;;;;;GAMG;AAEH,OAAc,EAAE,QAAQ,EAAE,WAAW,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAE9D,OAAO,EACL,qBAAqB,GAKtB,MAAM,oBAAoB,CAAC;AAoD5B,+EAA+E;AAC/E,SAAS;AACT,+EAA+E;AAE/E,MAAM,WAAW,GAAwB;IACvC,QAAQ,EAAE,MAAM;IAChB,UAAU,EAAE,GAAG;IACf,KAAK,EAAE,MAAM;IACb,YAAY,EAAE,KAAK;IACnB,OAAO,EAAE,OAAO;CACjB,CAAC;AAEF,MAAM,WAAW,GAAwB;IACvC,OAAO,EAAE,UAAU;IACnB,QAAQ,EAAE,MAAM;IAChB,YAAY,EAAE,KAAK;IACnB,MAAM,EAAE,gBAAgB;IACxB,eAAe,EAAE,MAAM;IACvB,KAAK,EAAE,MAAM;IACb,SAAS,EAAE,YAAY;CACxB,CAAC;AAEF,MAAM,mBAAmB,GAAwB;IAC/C,QAAQ,EAAE,MAAM;IAChB,UAAU,EAAE,GAAG;IACf,KAAK,EAAE,MAAM;IACb,aAAa,EAAE,WAAW;IAC1B,aAAa,EAAE,OAAO;IACtB,YAAY,EAAE,KAAK;IACnB,SAAS,EAAE,MAAM;CAClB,CAAC;AAEF,MAAM,eAAe,GAAwB;IAC3C,YAAY,EAAE,MAAM;CACrB,CAAC;AAYF,SAAS,aAAa,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAsB;IACrE,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,UAAU,EAAE,GAAG,IAAI,CAAC;IAEzC,uCAAuC;IACvC,IAAI,CAAC,UAAU,EAAE,CAAC;QAChB,OAAO,CACL,cACE,KAAK,EAAE;gBACL,OAAO,EAAE,UAAU;gBACnB,QAAQ,EAAE,MAAM;gBAChB,KAAK,EAAE,MAAM;gBACb,eAAe,EAAE,SAAS;gBAC1B,YAAY,EAAE,KAAK;gBACnB,SAAS,EAAE,QAAQ;aACpB,YAEA,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,GACrE,CACP,CAAC;IACJ,CAAC;IAED,oBAAoB;IACpB,IAAI,IAAI,KAAK,SAAS,EAAE,CAAC;QACvB,OAAO,CACL,gBACE,IAAI,EAAC,UAAU,EACf,OAAO,EAAE,OAAO,CAAC,KAAK,CAAC,EACvB,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,EAC3C,QAAQ,EAAE,QAAQ,GAClB,CACH,CAAC;IACJ,CAAC;IAED,uBAAuB;IACvB,IAAI,IAAI,KAAK,QAAQ,EAAE,CAAC;QACtB,OAAO,CACL,gBACE,IAAI,EAAC,QAAQ,EACb,KAAK,EAAE,KAAe,EACtB,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE;gBACd,MAAM,MAAM,GAAG,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;gBAC1C,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC;YACvC,CAAC,EACD,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,WAAW,GAClB,CACH,CAAC;IACJ,CAAC;IAED,+BAA+B;IAC/B,OAAO,CACL,gBACE,IAAI,EAAC,MAAM,EACX,KAAK,EAAE,MAAM,CAAC,KAAK,IAAI,EAAE,CAAC,EAC1B,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EACzC,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,WAAW,GAClB,CACH,CAAC;AACJ,CAAC;AAED,+EAA+E;AAC/E,gCAAgC;AAChC,+EAA+E;AAE/E,MAAM,UAAU,mBAAmB,CAAC,EAClC,YAAY,EACZ,gBAAgB,EAChB,aAAa,EACb,gBAAgB,EAChB,QAAQ,GAAG,KAAK,EAChB,KAAK,GAAG,GAAG,EACX,UAAU,GAAG,IAAI,EACjB,YAAY,GAAG,IAAI,EACnB,kBAAkB,GAAG,IAAI,EACzB,qBAAqB,GAAG,IAAI,GACH;IACzB,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IACzD,MAAM,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IAC7D,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,QAAQ,CAAkC,QAAQ,CAAC,CAAC;IAElG,4BAA4B;IAC5B,MAAM,gBAAgB,GAAG,OAAO,CAC9B,GAAG,EAAE,CAAC,qBAAqB,CAAC,YAAY,EAAE,IAAI,EAAE,UAAqC,CAAC,EACtF,CAAC,YAAY,EAAE,IAAI,EAAE,UAAU,CAAC,CACjC,CAAC;IAEF,sBAAsB;IACtB,MAAM,iBAAiB,GAAG,WAAW,CACnC,CAAC,CAAsC,EAAE,EAAE;QACzC,IAAI,CAAC,YAAY;YAAE,OAAO;QAC1B,gBAAgB,CAAC;YACf,MAAM,EAAE,YAAY,CAAC,EAAE;YACvB,KAAK,EAAE,OAAO;YACd,QAAQ,EAAE,YAAY,CAAC,IAAI,CAAC,KAAK;YACjC,QAAQ,EAAE,CAAC,CAAC,MAAM,CAAC,KAAK;SACzB,CAAC,CAAC;IACL,CAAC,EACD,CAAC,YAAY,EAAE,gBAAgB,CAAC,CACjC,CAAC;IAEF,4BAA4B;IAC5B,MAAM,uBAAuB,GAAG,WAAW,CACzC,CAAC,CAAyC,EAAE,EAAE;QAC5C,IAAI,CAAC,YAAY;YAAE,OAAO;QAC1B,gBAAgB,CAAC;YACf,MAAM,EAAE,YAAY,CAAC,EAAE;YACvB,KAAK,EAAE,aAAa;YACpB,QAAQ,EAAE,YAAY,CAAC,IAAI,CAAC,WAAW;YACvC,QAAQ,EAAE,CAAC,CAAC,MAAM,CAAC,KAAK;SACzB,CAAC,CAAC;IACL,CAAC,EACD,CAAC,YAAY,EAAE,gBAAgB,CAAC,CACjC,CAAC;IAEF,gCAAgC;IAChC,MAAM,yBAAyB,GAAG,WAAW,CAC3C,CAAC,GAAW,EAAE,QAAiB,EAAE,QAAuB,EAAE,EAAE;QAC1D,IAAI,CAAC,YAAY;YAAE,OAAO;QAC1B,gBAAgB,CAAC;YACf,MAAM,EAAE,YAAY,CAAC,EAAE;YACvB,KAAK,EAAE,UAAU;YACjB,WAAW,EAAE,GAAG;YAChB,QAAQ;YACR,QAAQ;SACT,CAAC,CAAC;IACL,CAAC,EACD,CAAC,YAAY,EAAE,gBAAgB,CAAC,CACjC,CAAC;IAEF,0BAA0B;IAC1B,MAAM,iBAAiB,GAAG,WAAW,CAAC,GAAG,EAAE;QACzC,IAAI,CAAC,YAAY,IAAI,CAAC,cAAc,CAAC,IAAI,EAAE,IAAI,CAAC,aAAa;YAAE,OAAO;QAEtE,IAAI,KAAoB,CAAC;QACzB,QAAQ,eAAe,EAAE,CAAC;YACxB,KAAK,QAAQ;gBACX,KAAK,GAAG,UAAU,CAAC,gBAAgB,CAAC,IAAI,CAAC,CAAC;gBAC1C,MAAM;YACR,KAAK,SAAS;gBACZ,KAAK,GAAG,gBAAgB,KAAK,MAAM,CAAC;gBACpC,MAAM;YACR;gBACE,KAAK,GAAG,gBAAgB,CAAC;QAC7B,CAAC;QAED,aAAa,CAAC,YAAY,CAAC,EAAE,EAAE,cAAc,CAAC,IAAI,EAAE,EAAE,KAAK,CAAC,CAAC;QAC7D,iBAAiB,CAAC,EAAE,CAAC,CAAC;QACtB,mBAAmB,CAAC,EAAE,CAAC,CAAC;IAC1B,CAAC,EAAE,CAAC,YAAY,EAAE,cAAc,EAAE,gBAAgB,EAAE,eAAe,EAAE,aAAa,CAAC,CAAC,CAAC;IAErF,cAAc;IACd,IAAI,CAAC,YAAY,EAAE,CAAC;QAClB,OAAO,CACL,cACE,KAAK,EAAE;gBACL,KAAK;gBACL,eAAe,EAAE,MAAM;gBACvB,YAAY,EAAE,KAAK;gBACnB,SAAS,EAAE,4BAA4B;gBACvC,OAAO,EAAE,MAAM;aAChB,YAED,cACE,KAAK,EAAE;oBACL,KAAK,EAAE,MAAM;oBACb,SAAS,EAAE,QAAQ;oBACnB,SAAS,EAAE,QAAQ;oBACnB,OAAO,EAAE,QAAQ;iBAClB,iCAGG,GACF,CACP,CAAC;IACJ,CAAC;IAED,OAAO,CACL,eACE,KAAK,EAAE;YACL,KAAK;YACL,eAAe,EAAE,MAAM;YACvB,YAAY,EAAE,KAAK;YACnB,SAAS,EAAE,4BAA4B;YACvC,QAAQ,EAAE,QAAQ;SACnB,aAGD,cACE,KAAK,EAAE;oBACL,OAAO,EAAE,WAAW;oBACpB,YAAY,EAAE,mBAAmB;oBACjC,UAAU,EAAE,GAAG;oBACf,QAAQ,EAAE,MAAM;iBACjB,gCAGG,EAGN,eAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,SAAS,EAAE,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,aAEpE,cAAK,KAAK,EAAE,mBAAmB,0BAAiB,EAE/C,UAAU,IAAI,CACb,eAAK,KAAK,EAAE,EAAE,GAAG,eAAe,EAAE,OAAO,EAAE,MAAM,EAAE,GAAG,EAAE,KAAK,EAAE,aAC7D,eAAM,KAAK,EAAE,EAAE,GAAG,WAAW,EAAE,KAAK,EAAE,MAAM,EAAE,YAAY,EAAE,CAAC,EAAE,oBAAY,EAC3E,eAAM,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,UAAU,EAAE,WAAW,EAAE,YACtE,YAAY,CAAC,EAAE,GACX,IACH,CACP,EAEA,YAAY,IAAI,CACf,eAAK,KAAK,EAAE,EAAE,GAAG,eAAe,EAAE,OAAO,EAAE,MAAM,EAAE,GAAG,EAAE,KAAK,EAAE,aAC7D,eAAM,KAAK,EAAE,EAAE,GAAG,WAAW,EAAE,KAAK,EAAE,MAAM,EAAE,YAAY,EAAE,CAAC,EAAE,sBAAc,EAC7E,eAAM,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,YAAG,YAAY,CAAC,IAAI,CAAC,QAAQ,GAAQ,IACjF,CACP,EAGD,cAAK,KAAK,EAAE,mBAAmB,iCAAwB,EAEvD,eAAK,KAAK,EAAE,eAAe,aACzB,gBAAO,KAAK,EAAE,WAAW,sBAAe,EACxC,gBACE,IAAI,EAAC,MAAM,EACX,KAAK,EAAE,YAAY,CAAC,IAAI,CAAC,KAAK,EAC9B,QAAQ,EAAE,iBAAiB,EAC3B,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,WAAW,GAClB,IACE,EAEN,eAAK,KAAK,EAAE,eAAe,aACzB,gBAAO,KAAK,EAAE,WAAW,4BAAqB,EAC9C,mBACE,KAAK,EAAE,YAAY,CAAC,IAAI,CAAC,WAAW,IAAI,EAAE,EAC1C,QAAQ,EAAE,uBAAuB,EACjC,QAAQ,EAAE,QAAQ,EAClB,WAAW,EAAC,yBAAyB,EACrC,IAAI,EAAE,CAAC,EACP,KAAK,EAAE;oCACL,GAAG,WAAW;oCACd,MAAM,EAAE,UAAU;oCAClB,SAAS,EAAE,MAAM;iCAClB,GACD,IACE,EAGN,cAAK,KAAK,EAAE,mBAAmB,kCAAyB,EAEvD,gBAAgB,CAAC,MAAM,KAAK,CAAC,CAAC,CAAC,CAAC,CAC/B,cACE,KAAK,EAAE;4BACL,QAAQ,EAAE,MAAM;4BAChB,KAAK,EAAE,MAAM;4BACb,SAAS,EAAE,QAAQ;4BACnB,YAAY,EAAE,MAAM;yBACrB,qCAGG,CACP,CAAC,CAAC,CAAC,CACF,cAAK,KAAK,EAAE,EAAE,YAAY,EAAE,MAAM,EAAE,YACjC,gBAAgB,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAC9B,eAEE,KAAK,EAAE;gCACL,OAAO,EAAE,MAAM;gCACf,UAAU,EAAE,QAAQ;gCACpB,GAAG,EAAE,KAAK;gCACV,YAAY,EAAE,KAAK;6BACpB,aAED,eACE,KAAK,EAAE;wCACL,QAAQ,EAAE,MAAM;wCAChB,UAAU,EAAE,GAAG;wCACf,QAAQ,EAAE,MAAM;wCAChB,KAAK,EAAE,MAAM;qCACd,YAEA,IAAI,CAAC,GAAG,GACJ,EACP,cAAK,KAAK,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,YACrB,KAAC,aAAa,IACZ,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,CAAC,QAAQ,EAAE,EAAE,CACrB,yBAAyB,CAAC,IAAI,CAAC,GAAG,EAAE,IAAI,CAAC,KAAK,EAAE,QAAQ,CAAC,EAE3D,QAAQ,EAAE,QAAQ,GAClB,GACE,EACL,qBAAqB,IAAI,gBAAgB,IAAI,CAC5C,iBACE,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,GAAG,EAAE,CAAC,gBAAgB,CAAC,YAAY,CAAC,EAAE,EAAE,IAAI,CAAC,GAAG,CAAC,EAC1D,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE;wCACL,OAAO,EAAE,SAAS;wCAClB,MAAM,EAAE,MAAM;wCACd,UAAU,EAAE,aAAa;wCACzB,KAAK,EAAE,SAAS;wCAChB,MAAM,EAAE,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS;wCACxC,QAAQ,EAAE,MAAM;qCACjB,EACD,KAAK,EAAC,iBAAiB,uBAGhB,CACV,KA5CI,IAAI,CAAC,GAAG,CA6CT,CACP,CAAC,GACE,CACP,EAGA,kBAAkB,IAAI,aAAa,IAAI,CACtC,eACE,KAAK,EAAE;4BACL,OAAO,EAAE,MAAM;4BACf,eAAe,EAAE,SAAS;4BAC1B,YAAY,EAAE,KAAK;4BACnB,SAAS,EAAE,KAAK;yBACjB,aAED,eAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,GAAG,EAAE,KAAK,EAAE,YAAY,EAAE,KAAK,EAAE,aAC9D,gBACE,IAAI,EAAC,MAAM,EACX,WAAW,EAAC,eAAe,EAC3B,KAAK,EAAE,cAAc,EACrB,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,iBAAiB,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EAClD,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,EAAE,GAAG,WAAW,EAAE,IAAI,EAAE,CAAC,EAAE,GAClC,EACF,kBACE,KAAK,EAAE,eAAe,EACtB,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CACd,kBAAkB,CAAC,CAAC,CAAC,MAAM,CAAC,KAAwC,CAAC,EAEvE,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,EAAE,GAAG,WAAW,EAAE,KAAK,EAAE,MAAM,EAAE,aAExC,iBAAQ,KAAK,EAAC,QAAQ,qBAAc,EACpC,iBAAQ,KAAK,EAAC,QAAQ,uBAAgB,EACtC,iBAAQ,KAAK,EAAC,SAAS,wBAAiB,IACjC,IACL,EACL,eAAe,KAAK,SAAS,IAAI,CAChC,gBACE,IAAI,EAAE,eAAe,KAAK,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,EACtD,WAAW,EAAC,OAAO,EACnB,KAAK,EAAE,gBAAgB,EACvB,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,mBAAmB,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EACpD,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,EAAE,GAAG,WAAW,EAAE,YAAY,EAAE,KAAK,EAAE,GAC9C,CACH,EACA,eAAe,KAAK,SAAS,IAAI,CAChC,kBACE,KAAK,EAAE,gBAAgB,EACvB,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,mBAAmB,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EACpD,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,EAAE,GAAG,WAAW,EAAE,YAAY,EAAE,KAAK,EAAE,aAE9C,iBAAQ,KAAK,EAAC,MAAM,qBAAc,EAClC,iBAAQ,KAAK,EAAC,OAAO,sBAAe,IAC7B,CACV,EACD,iBACE,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,iBAAiB,EAC1B,QAAQ,EAAE,QAAQ,IAAI,CAAC,cAAc,CAAC,IAAI,EAAE,EAC5C,KAAK,EAAE;oCACL,KAAK,EAAE,MAAM;oCACb,OAAO,EAAE,KAAK;oCACd,MAAM,EAAE,MAAM;oCACd,YAAY,EAAE,KAAK;oCACnB,eAAe,EAAE,cAAc,CAAC,IAAI,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM;oCACxE,KAAK,EAAE,MAAM;oCACb,MAAM,EAAE,cAAc,CAAC,IAAI,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS;oCAClE,QAAQ,EAAE,MAAM;iCACjB,+BAGM,IACL,CACP,IACG,IACF,CACP,CAAC;AACJ,CAAC"}

package/dist/properties/index.d.ts

@@ -0,0 +1,10 @@
+/**
+ * Properties Module
+ *
+ * Components and utilities for displaying and editing node properties.
+ */
+export { NodePropertiesPanel } from './NodePropertiesPanel.js';
+export type { NodePropertiesPanelProps, PropertyChange, } from './NodePropertiesPanel.js';
+export { detectPropertyType, isEditableProperty, parsePropertyValue, extractPropertyFields, } from './propertyUtils.js';
+export type { PropertyType, PropertyValue, PropertyFieldMeta, } from './propertyUtils.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/properties/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/properties/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAGH,OAAO,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAC;AAG/D,YAAY,EACV,wBAAwB,EACxB,cAAc,GACf,MAAM,0BAA0B,CAAC;AAGlC,OAAO,EACL,kBAAkB,EAClB,kBAAkB,EAClB,kBAAkB,EAClB,qBAAqB,GACtB,MAAM,oBAAoB,CAAC;AAG5B,YAAY,EACV,YAAY,EACZ,aAAa,EACb,iBAAiB,GAClB,MAAM,oBAAoB,CAAC"}

package/dist/properties/index.js

@@ -0,0 +1,10 @@
+/**
+ * Properties Module
+ *
+ * Components and utilities for displaying and editing node properties.
+ */
+// Components
+export { NodePropertiesPanel } from './NodePropertiesPanel.js';
+// Utilities
+export { detectPropertyType, isEditableProperty, parsePropertyValue, extractPropertyFields, } from './propertyUtils.js';
+//# sourceMappingURL=index.js.map

package/dist/properties/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/properties/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,aAAa;AACb,OAAO,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAC;AAQ/D,YAAY;AACZ,OAAO,EACL,kBAAkB,EAClB,kBAAkB,EAClB,kBAAkB,EAClB,qBAAqB,GACtB,MAAM,oBAAoB,CAAC"}

package/dist/properties/propertyUtils.d.ts

@@ -0,0 +1,60 @@
+/**
+ * Property Utilities
+ *
+ * Utility functions for detecting property types, parsing values,
+ * and extracting property field metadata for the NodePropertiesPanel.
+ */
+/**
+ * Supported property types
+ */
+export type PropertyType = 'string' | 'number' | 'boolean' | 'object' | 'array' | 'unknown';
+/**
+ * Property values that can be edited inline
+ */
+export type PropertyValue = string | number | boolean | null | undefined;
+/**
+ * Metadata about a property field for rendering
+ */
+export interface PropertyFieldMeta {
+    /** Property key name */
+    key: string;
+    /** Detected type of the value */
+    type: PropertyType;
+    /** Current value */
+    value: unknown;
+    /** Whether this property can be edited inline (string, number, boolean only) */
+    isEditable: boolean;
+}
+/**
+ * Detect the type of a property value
+ *
+ * @param value - The value to check
+ * @returns The detected property type
+ */
+export declare function detectPropertyType(value: unknown): PropertyType;
+/**
+ * Check if a property value can be edited inline
+ *
+ * Only primitive types (string, number, boolean) are editable.
+ * Complex types (array, object) and null/undefined are not.
+ *
+ * @param value - The value to check
+ * @returns true if the value can be edited inline
+ */
+export declare function isEditableProperty(value: unknown): boolean;
+/**
+ * Parse a string input to the correct property type
+ *
+ * @param input - The string input to parse
+ * @param targetType - The type to parse as
+ * @returns The parsed value
+ */
+export declare function parsePropertyValue(input: string, targetType: PropertyType): PropertyValue;
+/**
+ * Extract property field metadata from a properties object
+ *
+ * @param properties - The properties object to extract from
+ * @returns Array of property field metadata
+ */
+export declare function extractPropertyFields(properties: Record<string, unknown> | undefined): PropertyFieldMeta[];
+//# sourceMappingURL=propertyUtils.d.ts.map

package/dist/properties/propertyUtils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"propertyUtils.d.ts","sourceRoot":"","sources":["../../src/properties/propertyUtils.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH;;GAEG;AACH,MAAM,MAAM,YAAY,GAAG,QAAQ,GAAG,QAAQ,GAAG,SAAS,GAAG,QAAQ,GAAG,OAAO,GAAG,SAAS,CAAC;AAE5F;;GAEG;AACH,MAAM,MAAM,aAAa,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,IAAI,GAAG,SAAS,CAAC;AAEzE;;GAEG;AACH,MAAM,WAAW,iBAAiB;IAChC,wBAAwB;IACxB,GAAG,EAAE,MAAM,CAAC;IACZ,iCAAiC;IACjC,IAAI,EAAE,YAAY,CAAC;IACnB,oBAAoB;IACpB,KAAK,EAAE,OAAO,CAAC;IACf,gFAAgF;IAChF,UAAU,EAAE,OAAO,CAAC;CACrB;AAED;;;;;GAKG;AACH,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,OAAO,GAAG,YAAY,CA0B/D;AAED;;;;;;;;GAQG;AACH,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,OAAO,GAAG,OAAO,CAG1D;AAED;;;;;;GAMG;AACH,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,MAAM,EAAE,UAAU,EAAE,YAAY,GAAG,aAAa,CAoBzF;AAED;;;;;GAKG;AACH,wBAAgB,qBAAqB,CACnC,UAAU,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,SAAS,GAC9C,iBAAiB,EAAE,CAWrB"}

package/dist/properties/propertyUtils.js

@@ -0,0 +1,89 @@
+/**
+ * Property Utilities
+ *
+ * Utility functions for detecting property types, parsing values,
+ * and extracting property field metadata for the NodePropertiesPanel.
+ */
+/**
+ * Detect the type of a property value
+ *
+ * @param value - The value to check
+ * @returns The detected property type
+ */
+export function detectPropertyType(value) {
+    if (value === null || value === undefined) {
+        return 'unknown';
+    }
+    if (typeof value === 'string') {
+        return 'string';
+    }
+    if (typeof value === 'number') {
+        return 'number';
+    }
+    if (typeof value === 'boolean') {
+        return 'boolean';
+    }
+    if (Array.isArray(value)) {
+        return 'array';
+    }
+    if (typeof value === 'object') {
+        return 'object';
+    }
+    return 'unknown';
+}
+/**
+ * Check if a property value can be edited inline
+ *
+ * Only primitive types (string, number, boolean) are editable.
+ * Complex types (array, object) and null/undefined are not.
+ *
+ * @param value - The value to check
+ * @returns true if the value can be edited inline
+ */
+export function isEditableProperty(value) {
+    const type = detectPropertyType(value);
+    return type === 'string' || type === 'number' || type === 'boolean';
+}
+/**
+ * Parse a string input to the correct property type
+ *
+ * @param input - The string input to parse
+ * @param targetType - The type to parse as
+ * @returns The parsed value
+ */
+export function parsePropertyValue(input, targetType) {
+    switch (targetType) {
+        case 'string':
+            return input;
+        case 'number': {
+            const num = parseFloat(input);
+            return isNaN(num) ? 0 : num;
+        }
+        case 'boolean':
+            return input === 'true' || input === '1';
+        // Non-editable types return input as string (for display purposes)
+        case 'object':
+        case 'array':
+        case 'unknown':
+        default:
+            return input;
+    }
+}
+/**
+ * Extract property field metadata from a properties object
+ *
+ * @param properties - The properties object to extract from
+ * @returns Array of property field metadata
+ */
+export function extractPropertyFields(properties) {
+    if (!properties) {
+        return [];
+    }
+    return Object.entries(properties).map(([key, value]) => ({
+        key,
+        type: detectPropertyType(value),
+        value,
+        isEditable: isEditableProperty(value),
+    }));
+}
+//# sourceMappingURL=propertyUtils.js.map

package/dist/properties/propertyUtils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"propertyUtils.js","sourceRoot":"","sources":["../../src/properties/propertyUtils.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AA0BH;;;;;GAKG;AACH,MAAM,UAAU,kBAAkB,CAAC,KAAc;IAC/C,IAAI,KAAK,KAAK,IAAI,IAAI,KAAK,KAAK,SAAS,EAAE,CAAC;QAC1C,OAAO,SAAS,CAAC;IACnB,CAAC;IAED,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE,CAAC;QAC9B,OAAO,QAAQ,CAAC;IAClB,CAAC;IAED,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE,CAAC;QAC9B,OAAO,QAAQ,CAAC;IAClB,CAAC;IAED,IAAI,OAAO,KAAK,KAAK,SAAS,EAAE,CAAC;QAC/B,OAAO,SAAS,CAAC;IACnB,CAAC;IAED,IAAI,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE,CAAC;QACzB,OAAO,OAAO,CAAC;IACjB,CAAC;IAED,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE,CAAC;QAC9B,OAAO,QAAQ,CAAC;IAClB,CAAC;IAED,OAAO,SAAS,CAAC;AACnB,CAAC;AAED;;;;;;;;GAQG;AACH,MAAM,UAAU,kBAAkB,CAAC,KAAc;IAC/C,MAAM,IAAI,GAAG,kBAAkB,CAAC,KAAK,CAAC,CAAC;IACvC,OAAO,IAAI,KAAK,QAAQ,IAAI,IAAI,KAAK,QAAQ,IAAI,IAAI,KAAK,SAAS,CAAC;AACtE,CAAC;AAED;;;;;;GAMG;AACH,MAAM,UAAU,kBAAkB,CAAC,KAAa,EAAE,UAAwB;IACxE,QAAQ,UAAU,EAAE,CAAC;QACnB,KAAK,QAAQ;YACX,OAAO,KAAK,CAAC;QAEf,KAAK,QAAQ,CAAC,CAAC,CAAC;YACd,MAAM,GAAG,GAAG,UAAU,CAAC,KAAK,CAAC,CAAC;YAC9B,OAAO,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC;QAC9B,CAAC;QAED,KAAK,SAAS;YACZ,OAAO,KAAK,KAAK,MAAM,IAAI,KAAK,KAAK,GAAG,CAAC;QAE3C,mEAAmE;QACnE,KAAK,QAAQ,CAAC;QACd,KAAK,OAAO,CAAC;QACb,KAAK,SAAS,CAAC;QACf;YACE,OAAO,KAAK,CAAC;IACjB,CAAC;AACH,CAAC;AAED;;;;;GAKG;AACH,MAAM,UAAU,qBAAqB,CACnC,UAA+C;IAE/C,IAAI,CAAC,UAAU,EAAE,CAAC;QAChB,OAAO,EAAE,CAAC;IACZ,CAAC;IAED,OAAO,MAAM,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,EAAE,KAAK,CAAC,EAAE,EAAE,CAAC,CAAC;QACvD,GAAG;QACH,IAAI,EAAE,kBAAkB,CAAC,KAAK,CAAC;QAC/B,KAAK;QACL,UAAU,EAAE,kBAAkB,CAAC,KAAK,CAAC;KACtC,CAAC,CAAC,CAAC;AACN,CAAC"}

package/dist/settings/FontSettingsForm.d.ts

@@ -0,0 +1,28 @@
+/**
+ * FontSettingsForm Component (CORAL-REQ-012)
+ *
+ * Form for configuring diagram font settings:
+ * - Font family preset selection
+ * - Font size preset or custom
+ * - Font weight toggle
+ */
+import React from 'react';
+import { type DiagramFontSettings } from '../file/schema.js';
+/**
+ * Props for FontSettingsForm
+ */
+export interface FontSettingsFormProps {
+    /** Current font settings */
+    settings: DiagramFontSettings;
+    /** Callback when settings change */
+    onChange: (settings: DiagramFontSettings) => void;
+    /** Callback when Apply is clicked */
+    onApply?: () => void;
+    /** Whether the form is disabled */
+    disabled?: boolean;
+}
+/**
+ * FontSettingsForm component
+ */
+export declare function FontSettingsForm({ settings, onChange, onApply, disabled, }: FontSettingsFormProps): React.ReactElement;
+//# sourceMappingURL=FontSettingsForm.d.ts.map

package/dist/settings/FontSettingsForm.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FontSettingsForm.d.ts","sourceRoot":"","sources":["../../src/settings/FontSettingsForm.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,KAA+B,MAAM,OAAO,CAAC;AACpD,OAAO,EAEL,KAAK,mBAAmB,EAIzB,MAAM,mBAAmB,CAAC;AAE3B;;GAEG;AACH,MAAM,WAAW,qBAAqB;IACpC,4BAA4B;IAC5B,QAAQ,EAAE,mBAAmB,CAAC;IAC9B,oCAAoC;IACpC,QAAQ,EAAE,CAAC,QAAQ,EAAE,mBAAmB,KAAK,IAAI,CAAC;IAClD,qCAAqC;IACrC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,mCAAmC;IACnC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AA2CD;;GAEG;AACH,wBAAgB,gBAAgB,CAAC,EAC/B,QAAQ,EACR,QAAQ,EACR,OAAO,EACP,QAAgB,GACjB,EAAE,qBAAqB,GAAG,KAAK,CAAC,YAAY,CAuN5C"}

package/dist/settings/FontSettingsForm.js

@@ -0,0 +1,129 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * FontSettingsForm Component (CORAL-REQ-012)
+ *
+ * Form for configuring diagram font settings:
+ * - Font family preset selection
+ * - Font size preset or custom
+ * - Font weight toggle
+ */
+import { useCallback, useMemo } from 'react';
+import { FONT_FAMILY_PRESETS, FONT_SIZE_PRESETS, } from '../file/schema.js';
+/**
+ * Shared input styles
+ */
+const inputStyles = {
+    padding: '6px 10px',
+    fontSize: '13px',
+    borderRadius: '4px',
+    border: '1px solid #ccc',
+    backgroundColor: '#fff',
+    width: '100%',
+    boxSizing: 'border-box',
+};
+const labelStyles = {
+    fontSize: '12px',
+    fontWeight: 500,
+    color: '#555',
+    marginBottom: '4px',
+    display: 'block',
+};
+const formGroupStyles = {
+    marginBottom: '12px',
+};
+/**
+ * Find the preset ID that matches a font family, or 'custom'
+ */
+function findFontFamilyPresetId(family) {
+    const preset = FONT_FAMILY_PRESETS.find((p) => p.family === family);
+    return preset?.id ?? 'custom';
+}
+/**
+ * Find the preset ID that matches a font size, or 'custom'
+ */
+function findFontSizePresetId(size) {
+    const preset = FONT_SIZE_PRESETS.find((p) => p.size === size);
+    return preset?.id ?? 'custom';
+}
+/**
+ * FontSettingsForm component
+ */
+export function FontSettingsForm({ settings, onChange, onApply, disabled = false, }) {
+    const fontSettings = settings.default;
+    // Determine current preset selections
+    const currentFamilyPreset = useMemo(() => findFontFamilyPresetId(fontSettings.family), [fontSettings.family]);
+    const currentSizePreset = useMemo(() => findFontSizePresetId(fontSettings.size), [fontSettings.size]);
+    // Handle font family change
+    const handleFamilyChange = useCallback((e) => {
+        const presetId = e.target.value;
+        const preset = FONT_FAMILY_PRESETS.find((p) => p.id === presetId);
+        if (preset) {
+            onChange({
+                ...settings,
+                default: { ...fontSettings, family: preset.family },
+            });
+        }
+    }, [settings, fontSettings, onChange]);
+    // Handle font size preset change
+    const handleSizePresetChange = useCallback((e) => {
+        const presetId = e.target.value;
+        if (presetId === 'custom') {
+            // Keep current size when switching to custom
+            return;
+        }
+        const preset = FONT_SIZE_PRESETS.find((p) => p.id === presetId);
+        if (preset) {
+            onChange({
+                ...settings,
+                default: { ...fontSettings, size: preset.size },
+            });
+        }
+    }, [settings, fontSettings, onChange]);
+    // Handle custom font size change
+    const handleCustomSizeChange = useCallback((e) => {
+        const size = parseInt(e.target.value, 10);
+        if (!isNaN(size) && size >= 8 && size <= 32) {
+            onChange({
+                ...settings,
+                default: { ...fontSettings, size },
+            });
+        }
+    }, [settings, fontSettings, onChange]);
+    // Handle font weight change
+    const handleWeightChange = useCallback((e) => {
+        const weight = e.target.value === 'bold' ? 'bold' : 'normal';
+        onChange({
+            ...settings,
+            default: { ...fontSettings, weight },
+        });
+    }, [settings, fontSettings, onChange]);
+    // Handle line height change
+    const handleLineHeightChange = useCallback((e) => {
+        const lineHeight = parseFloat(e.target.value);
+        if (!isNaN(lineHeight) && lineHeight >= 1.0 && lineHeight <= 2.5) {
+            onChange({
+                ...settings,
+                default: { ...fontSettings, lineHeight },
+            });
+        }
+    }, [settings, fontSettings, onChange]);
+    return (_jsxs("div", { style: { padding: '12px' }, children: [_jsxs("div", { style: formGroupStyles, children: [_jsx("label", { style: labelStyles, children: "Font Family" }), _jsx("select", { value: currentFamilyPreset, onChange: handleFamilyChange, disabled: disabled, style: inputStyles, "aria-label": "Font Family", children: FONT_FAMILY_PRESETS.map((preset) => (_jsx("option", { value: preset.id, children: preset.name }, preset.id))) }), _jsx("div", { style: {
+                            fontSize: '13px',
+                            marginTop: '6px',
+                            padding: '8px',
+                            backgroundColor: '#f5f5f5',
+                            borderRadius: '4px',
+                            fontFamily: fontSettings.family,
+                        }, children: "The quick brown fox jumps over the lazy dog" })] }), _jsxs("div", { style: formGroupStyles, children: [_jsx("label", { style: labelStyles, children: "Font Size" }), _jsxs("div", { style: { display: 'flex', gap: '8px', alignItems: 'center' }, children: [_jsxs("select", { value: currentSizePreset, onChange: handleSizePresetChange, disabled: disabled, style: { ...inputStyles, flex: 1 }, "aria-label": "Font Size Preset", children: [FONT_SIZE_PRESETS.map((preset) => (_jsxs("option", { value: preset.id, children: [preset.name, " (", preset.size, "px)"] }, preset.id))), _jsx("option", { value: "custom", children: "Custom" })] }), _jsx("input", { type: "number", min: 8, max: 32, value: fontSettings.size, onChange: handleCustomSizeChange, disabled: disabled, style: { ...inputStyles, width: '70px', flex: 'none' }, "aria-label": "Custom Font Size" }), _jsx("span", { style: { fontSize: '12px', color: '#666' }, children: "px" })] })] }), _jsxs("div", { style: formGroupStyles, children: [_jsx("label", { style: labelStyles, children: "Font Weight" }), _jsxs("select", { value: fontSettings.weight === 'bold' || (typeof fontSettings.weight === 'number' && fontSettings.weight >= 600) ? 'bold' : 'normal', onChange: handleWeightChange, disabled: disabled, style: inputStyles, "aria-label": "Font Weight", children: [_jsx("option", { value: "normal", children: "Normal" }), _jsx("option", { value: "bold", children: "Bold" })] })] }), _jsxs("div", { style: formGroupStyles, children: [_jsx("label", { style: labelStyles, children: "Line Height" }), _jsx("input", { type: "range", min: "1.0", max: "2.0", step: "0.1", value: fontSettings.lineHeight, onChange: handleLineHeightChange, disabled: disabled, style: { width: '100%' }, "aria-label": "Line Height" }), _jsx("div", { style: { fontSize: '11px', color: '#666', textAlign: 'right' }, children: fontSettings.lineHeight.toFixed(1) })] }), onApply && (_jsx("div", { style: { marginTop: '16px' }, children: _jsx("button", { type: "button", onClick: onApply, disabled: disabled, style: {
+                        padding: '8px 16px',
+                        fontSize: '13px',
+                        fontWeight: 500,
+                        borderRadius: '4px',
+                        border: 'none',
+                        backgroundColor: disabled ? '#ccc' : '#1976d2',
+                        color: '#fff',
+                        cursor: disabled ? 'not-allowed' : 'pointer',
+                        width: '100%',
+                    }, children: "Apply Font Changes" }) }))] }));
+}
+//# sourceMappingURL=FontSettingsForm.js.map