Type Alias ZlozViewOptions<M>

ZlozViewOptions: ZlozDiagnosticOptions & Readonly<
    {
        id: string;
        label: string;
        onEvent: (event: EditorEvent) => M;
        renderWorldOverlay?: (
            context: ZlozWorldOverlayContext,
            h: HtmlBuilder<M>,
        ) => Html | null | undefined;
        renderNode?: (node: ZlozNode, h: HtmlBuilder<M>) => Html;
        renderPort?: ZlozPortRenderer<M>;
        portLabels?: boolean | ZlozPortLabelOptions;
        portAnchorHandles?: boolean | ZlozPortAnchorHandleOptions;
        portAnchorSnapBypassModifier?: ZlozPortAnchorSnapBypassModifier;
        portAnchorKeyboardTargets?: boolean;
        renderPortAnchorHandle?: ZlozPortAnchorHandleRenderer<M>;
        portAnchorGuides?: boolean;
        renderPortAnchorGuide?: ZlozPortAnchorGuideRenderer<M>;
        canEditPort?: EditorPolicy["canEditPort"];
        renderPortLabel?: ZlozPortLabelRenderer<M>;
        nodeViewCache?: ReturnType<typeof createLazy>;
        nodeBodyCache?: ZlozNodeBodyCache;
        renderNodeShell?: (
            context: ZlozNodeRenderContext,
            h: HtmlBuilder<M>,
        ) => Html | undefined;
        renderGroupShell?: (
            context: ZlozNodeRenderContext,
            h: HtmlBuilder<M>,
        ) => Html | undefined;
        renderEdge?: (
            context: ZlozEdgeRenderContext,
            h: HtmlBuilder<M>,
        ) => Html | undefined;
        renderEdgeLabel?: (
            context: ZlozEdgeLabelContext,
            h: HtmlBuilder<M>,
        ) => Html | null | undefined;
        renderEdgeLabelEditor?: (
            context: ZlozEdgeLabelEditorContext,
            h: HtmlBuilder<M>,
        ) => Html | undefined;
        edgeGeometry?: ZlozEdgeGeometryPolicy;
        connectionGeometry?: ZlozConnectionGeometryPolicy;
        renderConnection?: (
            context: ZlozConnectionRenderContext,
            h: HtmlBuilder<M>,
        ) => Html | undefined;
        renderViewportControls?: (
            context: ZlozViewportControlsContext,
            h: HtmlBuilder<M>,
        ) => Html | undefined;
        renderMinimap?: (
            context: ZlozMinimapContext,
            h: HtmlBuilder<M>,
        ) => Html | undefined;
        edgeAppearance?: (
            edge: ZlozEdge,
        ) => Readonly<
            {
                stroke?: string;
                strokeWidth?: number;
                dashArray?: string;
                hitWidth?: number;
            },
        >;
        themeClassName?: string;
        theme?: ZlozTheme;
        nodeToolbar?: boolean
        | ZlozNodeToolbarOptions;
        renderNodeToolbar?: (
            context: ZlozNodeToolbarContext,
            h: HtmlBuilder<M>,
        ) => Html | null | undefined;
        edgeToolbar?: boolean;
        edgeReconnection?: boolean | ZlozEdgeReconnectionOptions;
        connectionCreation?: boolean | ZlozConnectionCreationOptions;
        renderConnectionCreation?: (
            context: ZlozConnectionCreationContext,
            h: HtmlBuilder<M>,
        ) => Html | null | undefined;
        canConnect?: EditorPolicy["canConnect"];
        canDelete?: EditorPolicy["canDelete"];
        canReconnect?: EditorPolicy["canReconnect"];
        canConnectPort?: EditorPolicy["canConnectPort"];
        canMoveNode?: EditorPolicy["canMoveNode"];
        canResizeNode?: EditorPolicy["canResizeNode"];
        canSelectNode?: EditorPolicy["canSelectNode"];
        canSelectEdge?: EditorPolicy["canSelectEdge"];
        renderEdgeToolbar?: (
            context: ZlozEdgeToolbarContext,
            h: HtmlBuilder<M>,
        ) => Html | null | undefined;
        renderCanvasHelp?: (
            context: ZlozCanvasHelpContext,
            h: HtmlBuilder<M>,
        ) => Html | undefined;
        renderCanvasStatus?: (
            context: ZlozCanvasStatusContext,
            h: HtmlBuilder<M>,
        ) => Html | undefined;
        renderConnections?: (
            context: ZlozConnectionsContext,
            h: HtmlBuilder<M>,
        ) => Html | undefined;
        selectionPreviewHighlights?: boolean;
        renderSelectionMarquee?: (
            context: ZlozSelectionMarqueeContext,
            h: HtmlBuilder<M>,
        ) => Html | null | undefined;
        renderZoomAreaMarquee?: (
            context: ZlozZoomAreaMarqueeContext,
            h: HtmlBuilder<M>,
        ) => Html | null | undefined;
        contextActions?: boolean;
        renderContextMenu?: (
            context: ZlozContextMenuContext,
            h: HtmlBuilder<M>,
        ) => Html | undefined;
        autoPan?: boolean;
        connectionDropRadius?: number;
        reconnectionDropRadius?: number;
        pinchZoom?: boolean;
        wheelNavigation?: ZlozWheelNavigation;
        doubleClickZoom?: boolean | number;
        spaceToPan?: boolean;
        middleButtonPan?: boolean;
        resizeHandles?: boolean;
        resizeReadout?: boolean;
        renderAlignmentGuide?: (
            context: ZlozAlignmentGuideContext,
            h: HtmlBuilder<M>,
        ) => Html | null | undefined;
        renderResizeReadout?: (
            context: ZlozResizeReadoutContext,
            h: HtmlBuilder<M>,
        ) => Html | null | undefined;
        minimap?: boolean;
        viewportCulling?: ZlozViewportCulling;
        viewportControls?: boolean;
        fitSelectionControl?: boolean;
        zoomAreaControl?: boolean;
        previousViewControl?: boolean;
        selectionModeControl?: boolean;
        height?: number | "fill";
        renderLayout?: (parts: ZlozViewLayoutParts, h: HtmlBuilder<M>) => Html;
        background?: ZlozBackground<M>;
    },
>