@tumaet/apollon 4.2.20 → 4.2.21

package/dist/store/diagramStore.d.ts

@@ -1,6 +1,6 @@
 import { StoreApi, UseBoundStore } from 'zustand';
 import { Node, Edge, OnNodesChange, OnEdgesChange } from '@xyflow/react';
-import { Assessment } from '../typings';
+import { Assessment, InteractiveElements } from '../typings';
 import * as Y from "yjs";
 export type DiagramStoreData = {
     nodes: Node[];
@@ -12,6 +12,8 @@ export type DiagramStore = {
     selectedElementIds: string[];
     diagramId: string;
     assessments: Record<string, Assessment>;
+    interactiveElements: Record<string, boolean>;
+    interactiveRelationships: Record<string, boolean>;
     canUndo: boolean;
     canRedo: boolean;
     undoManager: Y.UndoManager | null;
@@ -35,5 +37,9 @@ export type DiagramStore = {
     redo: () => void;
     initializeUndoManager: () => void;
     updateUndoRedoState: () => void;
+    toggleInteractiveElement: (elementId: string) => void;
+    getInteractiveForSerialization: () => InteractiveElements | undefined;
+    setInteractive: (interactive: InteractiveElements | undefined) => void;
+    isElementInteractive: (elementId: string) => boolean;
 };
 export declare const createDiagramStore: (ydoc: Y.Doc) => UseBoundStore<StoreApi<DiagramStore>>;

package/dist/store/metadataStore.d.ts

@@ -1,16 +1,20 @@
 import { StoreApi, UseBoundStore } from 'zustand';
 import { UMLDiagramType } from '../types';
-import { ApollonMode } from '../typings';
+import { ApollonMode, ApollonView } from '../typings';
 import * as Y from "yjs";
 export type MetadataStore = {
     diagramTitle: string;
     diagramType: UMLDiagramType;
     mode: ApollonMode;
+    view: ApollonView;
+    availableViews: ApollonView[];
     readonly: boolean;
     debug: boolean;
     scrollLock: boolean;
     scrollEnabled: boolean;
     setMode: (mode: ApollonMode) => void;
+    setView: (view: ApollonView) => void;
+    setAvailableViews: (availableViews: ApollonView[]) => void;
     setReadonly: (readonly: boolean) => void;
     setScrollLock: (scrollLock: boolean) => void;
     setScrollEnabled: (scrollEnabled: boolean) => void;

package/dist/typings.d.ts

@@ -49,6 +49,10 @@ export type ApollonEdge = {
         points: IPoint[];
     };
 };
+export type InteractiveElements = {
+    elements: Record<string, boolean>;
+    relationships: Record<string, boolean>;
+};
 export type UMLModel = {
     version: `4.${number}.${number}`;
     id: string;
@@ -59,6 +63,7 @@ export type UMLModel = {
     assessments: {
         [id: string]: Assessment;
     };
+    interactive?: InteractiveElements;
 };
 export declare enum ApollonView {
     Modelling = "Modelling",
@@ -69,6 +74,8 @@ export type SvgExportMode = "web" | "compat";
 export type ApollonOptions = {
     type?: UMLDiagramType;
     mode?: ApollonMode;
+    view?: ApollonView;
+    availableViews?: ApollonView[];
     readonly?: boolean;
     enablePopups?: boolean;
     model?: UMLModel;

package/dist/utils/exportUtils.d.ts

@@ -1,9 +1,13 @@
 import { ReactFlowInstance, Node, Edge, Rect } from '@xyflow/react';
 import { Point } from './pathParsing';
 type SvgExportMode = "web" | "compat";
-export declare const getSVG: (container: HTMLElement, clip: Rect, options?: {
+type ExportFilterOptions = {
+    include?: string[];
+    exclude?: string[];
     svgMode?: SvgExportMode;
-}) => string;
+};
+export declare function filterRenderedElements(container: HTMLElement, options?: ExportFilterOptions): void;
+export declare const getSVG: (container: HTMLElement, clip: Rect, options?: ExportFilterOptions) => string;
 /**
  * Extract all coordinate points from an SVG path string.
  * This includes endpoints AND control points for bezier curves,
@@ -14,6 +18,7 @@ export declare const getSVG: (container: HTMLElement, clip: Rect, options?: {
  * include the reflected control point which may extend the bounds.
  */
 declare function extractPathPoints(pathD: string): Point[];
+declare function getNodeBoundsFromDOM(container: HTMLElement, reactFlow?: ReactFlowInstance<Node, Edge>): Rect | undefined;
 /**
  * Calculate bounds for node SVG overflow content.
  *
@@ -30,6 +35,7 @@ declare function extractPathPoints(pathD: string): Point[];
 declare function getNodeOverflowBoundsFromDOM(container: HTMLElement): Rect | undefined;
 declare function mergeBounds(a: Rect, b: Rect): Rect;
 export declare function getDiagramBounds(reactFlow: ReactFlowInstance<Node, Edge>, container?: HTMLElement | null): Rect;
+export declare function getRenderedDiagramBounds(reactFlow: ReactFlowInstance<Node, Edge>, container: HTMLElement): Rect;
 declare function extractStyles(styleString: string): {
     transform: {
         x: number;
@@ -89,6 +95,8 @@ declare function removeMarkerElements(svg: Element): void;
  * @internal — Exported for unit testing only. Not part of the public API.
  */
 export declare const __testing: {
+    readonly filterRenderedElements: typeof filterRenderedElements;
+    readonly getRenderedDiagramBounds: typeof getRenderedDiagramBounds;
     readonly extractPathPoints: typeof extractPathPoints;
     readonly extractStyles: typeof extractStyles;
     readonly resolveCSSVariable: typeof resolveCSSVariable;
@@ -98,6 +106,7 @@ export declare const __testing: {
     readonly removeMarkerElements: typeof removeMarkerElements;
     readonly replaceTextDecorationWithManualUnderline: typeof replaceTextDecorationWithManualUnderline;
     readonly mergeBounds: typeof mergeBounds;
+    readonly getNodeBoundsFromDOM: typeof getNodeBoundsFromDOM;
     readonly getNodeOverflowBoundsFromDOM: typeof getNodeOverflowBoundsFromDOM;
 };
 export {};

package/dist/utils/interactiveUtils.d.ts

@@ -0,0 +1,4 @@
+import { ApollonEdge, ApollonNode, InteractiveElements } from '../typings';
+export declare function pruneInteractiveElements(interactive: InteractiveElements | undefined, nodes: Array<Pick<ApollonNode, "id">>, edges: Array<Pick<ApollonEdge, "id">>): InteractiveElements | undefined;
+export declare function toggleInteractiveRecord(record: Record<string, boolean>, id: string): Record<string, boolean>;
+export declare function hasInteractiveSelections(interactive: InteractiveElements | undefined): boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tumaet/apollon",
-  "version": "4.2.20",
+  "version": "4.2.21",
   "description": "An embeddable UML modeling editor for React. 13 diagram types, SVG/PNG/PDF/JSON export, optional real-time collaboration via Yjs.",
   "keywords": [
     "apollon",