@tumaet/apollon 4.2.6 → 4.2.8

package/dist/store/alignmentGuidesStore.d.ts

@@ -0,0 +1,13 @@
+import { StoreApi, UseBoundStore } from 'zustand';
+export type AlignmentGuide = {
+    id: string;
+    type: "vertical" | "horizontal";
+    position: number;
+    offset?: number;
+};
+export type AlignmentGuidesStore = {
+    guides: AlignmentGuide[];
+    setGuides: (guides: AlignmentGuide[]) => void;
+    clearGuides: () => void;
+};
+export declare const createAlignmentGuidesStore: () => UseBoundStore<StoreApi<AlignmentGuidesStore>>;

package/dist/store/context.d.ts

@@ -3,11 +3,14 @@ import { DiagramStore } from './diagramStore';
 import { MetadataStore } from './metadataStore';
 import { PopoverStore } from './popoverStore';
 import { AssessmentSelectionStore } from './assessmentSelectionStore';
+import { AlignmentGuidesStore } from './alignmentGuidesStore';
 export declare const DiagramStoreContext: import('react').Context<StoreApi<DiagramStore> | null>;
 export declare const MetadataStoreContext: import('react').Context<StoreApi<MetadataStore> | null>;
 export declare const PopoverStoreContext: import('react').Context<StoreApi<PopoverStore> | null>;
 export declare const AssessmentSelectionStoreContext: import('react').Context<StoreApi<AssessmentSelectionStore> | null>;
+export declare const AlignmentGuidesStoreContext: import('react').Context<StoreApi<AlignmentGuidesStore> | null>;
 export declare const useDiagramStore: <T>(selector: (state: DiagramStore) => T) => T;
 export declare const useMetadataStore: <T>(selector: (state: MetadataStore) => T) => T;
 export declare const usePopoverStore: <T>(selector: (state: PopoverStore) => T) => T;
 export declare const useAssessmentSelectionStore: <T>(selector: (state: AssessmentSelectionStore) => T) => T;
+export declare const useAlignmentGuidesStore: <T>(selector: (state: AlignmentGuidesStore) => T) => T;

package/dist/store/index.d.ts

@@ -2,4 +2,5 @@ export { createDiagramStore } from './diagramStore';
 export { createMetadataStore } from './metadataStore';
 export { createPopoverStore } from './popoverStore';
 export { createAssessmentSelectionStore } from './assessmentSelectionStore';
-export { DiagramStoreContext, MetadataStoreContext, PopoverStoreContext, AssessmentSelectionStoreContext, useDiagramStore, useMetadataStore, usePopoverStore, useAssessmentSelectionStore, } from './context';
+export { createAlignmentGuidesStore } from './alignmentGuidesStore';
+export { DiagramStoreContext, MetadataStoreContext, PopoverStoreContext, AssessmentSelectionStoreContext, AlignmentGuidesStoreContext, useDiagramStore, useMetadataStore, usePopoverStore, useAssessmentSelectionStore, useAlignmentGuidesStore, } from './context';

package/dist/store/metadataStore.d.ts

@@ -8,8 +8,12 @@ export type MetadataStore = {
     mode: ApollonMode;
     readonly: boolean;
     debug: boolean;
+    scrollLock: boolean;
+    scrollEnabled: boolean;
     setMode: (mode: ApollonMode) => void;
     setReadonly: (readonly: boolean) => void;
+    setScrollLock: (scrollLock: boolean) => void;
+    setScrollEnabled: (scrollEnabled: boolean) => void;
     updateDiagramTitle: (diagramTitle: string) => void;
     updateDiagramType: (diagramType: UMLDiagramType) => void;
     updateMetaData: (diagramTitle: string, diagramType: UMLDiagramType) => void;

package/dist/typings.d.ts

@@ -78,6 +78,7 @@ export type ApollonOptions = {
     scale?: number;
     debug?: boolean;
     collaborationEnabled?: boolean;
+    scrollLock?: boolean;
 };
 export type FeedbackCorrectionStatus = {
     description?: string;

package/dist/utils/alignmentUtils.d.ts

@@ -0,0 +1,32 @@
+import { Node } from '@xyflow/react';
+import { AlignmentGuide } from '../store/alignmentGuidesStore';
+export type AlignmentInfo = {
+    horizontalGuides: number[];
+    verticalGuides: number[];
+    snappedPosition?: {
+        x?: number;
+        y?: number;
+    };
+};
+/**
+ * Get the bounds of a node (considering its position and dimensions)
+ */
+export declare const getNodeBounds: (node: Node) => {
+    left: number;
+    right: number;
+    top: number;
+    bottom: number;
+    centerX: number;
+    centerY: number;
+};
+/**
+ * Calculate alignment guides based on dragged node and other nodes
+ */
+export declare const calculateAlignmentGuides: (draggedNode: Node, allNodes: Node[], threshold?: number) => AlignmentGuide[];
+/**
+ * Snap node position to nearby nodes
+ */
+export declare const snapNodeToGuides: (draggedNode: Node, guides: AlignmentGuide[], threshold?: number) => {
+    x?: number;
+    y?: number;
+};

package/dist/utils/index.d.ts

@@ -12,3 +12,4 @@ export * from './deepPartial';
 export * from './bpmnConstraints';
 export * from './versionConverter';
 export * from './labelUtils';
+export * from './alignmentUtils';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tumaet/apollon",
-  "version": "4.2.6",
+  "version": "4.2.8",
   "type": "module",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",