windmill-components 1.379.4 → 1.382.1

package/package/components/graph/svelvet/edges/views/Edges/utils.d.ts

@@ -1,33 +0,0 @@
-export declare enum Position {
-    Left = "left",
-    Right = "right",
-    Top = "top",
-    Bottom = "bottom"
-}
-export interface XYPosition {
-    x: number;
-    y: number;
-}
-export type XYZPosition = XYPosition & {
-    z: number;
-};
-export interface Dimensions {
-    width: number;
-    height: number;
-}
-export interface Rect extends Dimensions, XYPosition {
-}
-export interface Box extends XYPosition {
-    x2: number;
-    y2: number;
-}
-export type Transform = [number, number, number];
-export interface GetCenterParams {
-    sourceX: number;
-    sourceY: number;
-    targetX: number;
-    targetY: number;
-    sourcePosition?: Position;
-    targetPosition?: Position;
-}
-export declare const getCenter: ({ sourceX, sourceY, targetX, targetY, sourcePosition, targetPosition, }: GetCenterParams) => [number, number, number, number];

package/package/components/graph/svelvet/edges/views/Edges/utils.js

@@ -1,31 +0,0 @@
-// enumerable values (static) set for Position
-export var Position;
-(function (Position) {
-    Position["Left"] = "left";
-    Position["Right"] = "right";
-    Position["Top"] = "top";
-    Position["Bottom"] = "bottom";
-})(Position || (Position = {}));
-//needed for getCenter funciotn
-const LeftOrRight = [Position.Left, Position.Right];
-//used to determine the position for edge text on a Smooth or Step Edge
-export const getCenter = ({ sourceX, sourceY, targetX, targetY, sourcePosition = Position.Bottom, targetPosition = Position.Top, }) => {
-    const sourceIsLeftOrRight = LeftOrRight.includes(sourcePosition);
-    const targetIsLeftOrRight = LeftOrRight.includes(targetPosition);
-    // we expect flows to be horizontal or vertical (all handles left or right respectively top or bottom)
-    // a mixed edge is when one the source is on the left and the target is on the top for example.
-    const mixedEdge = (sourceIsLeftOrRight && !targetIsLeftOrRight) ||
-        (targetIsLeftOrRight && !sourceIsLeftOrRight);
-    if (mixedEdge) {
-        const xOffset = sourceIsLeftOrRight ? Math.abs(targetX - sourceX) : 0;
-        const centerX = sourceX > targetX ? sourceX - xOffset : sourceX + xOffset;
-        const yOffset = sourceIsLeftOrRight ? 0 : Math.abs(targetY - sourceY);
-        const centerY = sourceY < targetY ? sourceY + yOffset : sourceY - yOffset;
-        return [centerX, centerY, xOffset, yOffset];
-    }
-    const xOffset = Math.abs(targetX - sourceX) / 2;
-    const centerX = targetX < sourceX ? targetX + xOffset : targetX - xOffset;
-    const yOffset = Math.abs(targetY - sourceY) / 2;
-    const centerY = targetY < sourceY ? targetY + yOffset : targetY - yOffset;
-    return [centerX, centerY, xOffset, yOffset];
-};

package/package/components/graph/svelvet/nodes/controllers/util.d.ts

@@ -1,9 +0,0 @@
-import type { StoreType } from '../../store/types/types';
-/**
- * getNodeById will look for the targeted Node that has the same id provided in the Svelvet component store.
- *
- * @param store The Svelvet store containing the state of a Svelvet component
- * @param id The id of the targeted Node
- * @returns The targeted Node object in store.nodesStore
- */
-export declare function getNodeById(store: StoreType, id: string): import("../../store/types/types").NodeType;

package/package/components/graph/svelvet/nodes/controllers/util.js

@@ -1,13 +0,0 @@
-import { get } from 'svelte/store';
-/**
- * getNodeById will look for the targeted Node that has the same id provided in the Svelvet component store.
- *
- * @param store The Svelvet store containing the state of a Svelvet component
- * @param id The id of the targeted Node
- * @returns The targeted Node object in store.nodesStore
- */
-export function getNodeById(store, id) {
-    const nodesStore = get(store.nodesStore);
-    const node = nodesStore[id];
-    return node;
-}

package/package/components/graph/svelvet/nodes/models/Node.d.ts

@@ -1,74 +0,0 @@
-/** this is where we create our node store */
-import type { NodeType } from '../../store/types/types';
-/** A Node class that implements NodeType interface
- * @param {string} id The id of the Node
- * @param {number} positionX The X-axis position of the Node (left top corner of the Node)
- * @param {number} positionY The Y-axis position of the Node (left top corner of the Node)
- * @param {number} width The width of the Node
- * @param {number} height The height of the Node
- * @param {string} bgColor The background color of the node
- * @param {object} data A data object that user can specify; possible keys are 'label' and 'custom';
- * @param {string} canvasId The canvasId of the Svelvet component that the instantiated Node will be on.
- * @param {string} borderColor The border color of the Node
- * @param {boolean} image A boolean set to true if the Node needs to display an image
- * @param {string} src The src link for the image; image and src are closely tied and a src link is only needed when image sets to true
- * @param {string} textColor The color of the text in the Node
- * @param {string} borderRadius The border radius of the Node
- * @param {string} childNodes An array of node ids that will be grouped as child nodes of this Node. This is for the GroupNodes feature. The current implementation of this feature works one way but not the other (when you drag the parent node, the child nodes will move as a group but when you drag the child node, the parent node would not move along)
- * @param {string} className The custom class name if user specifies. This is for the custom className feature for Node.
- */
-export declare class Node implements NodeType {
-    id: string;
-    positionX: number;
-    positionY: number;
-    width: number;
-    height: number;
-    bgColor: string;
-    data: object;
-    canvasId: string;
-    borderColor: string;
-    image: boolean;
-    src: string;
-    textColor: string;
-    borderRadius: number;
-    childNodes: string[];
-    className: string;
-    clickCallback: Function;
-    constructor(id: string, positionX: number, positionY: number, width: number, height: number, bgColor: string, data: object, canvasId: string, borderColor: string, image: boolean, src: string, textColor: string, borderRadius: number, childNodes: string[], className: string, clickCallback: Function);
-    /**
-     * setPositionFromMovement will update the positionX and positionY of the Node when user drags a Node around on the canvas, reflect the changes in real time in the nodesStore, and also cascade the changes to all relative elements like Anchors and Edges.
-     * @param {number} movementX The mouse movement value on the X-axis
-     * @param {number} movementY The mouse movement value on the Y-axis
-     */
-    setPositionFromMovement(movementX: number, movementY: number): void;
-    /**
-     * setSizeFromMovement will update the width and height of the Node when user resizes the Node by dragging at the right bottom corner (where the ResizedNode attached), reflect the changes in real time in the nodesStore, and also cascade the changes to all relative elements like Anchors and potential Anchors.
-     *
-     * @param movementX The mouse movement value on the X-axis
-     * @param movementY The mouse movement value on the Y-axis
-     */
-    setSizeFromMovement(movementX: number, movementY: number): void;
-    /**
-     * setExportableData is going to construct an object that holds all the node data that can be exported. This method is used for Exporting Diagrams feature.
-     *
-     * @returns An object with all the exportable data of the Node. The format of this object should align with the original format of node data user provided.
-     */
-    setExportableData(): {
-        id: string;
-        width: number;
-        height: number;
-        position: {
-            x: number;
-            y: number;
-        };
-        data: object;
-        bgColor: string;
-        borderColor: string;
-        textColor: string;
-        borderRadius: number;
-        image: boolean;
-        src: string;
-        childNodes: string[];
-        customClassName: string;
-    };
-}

package/package/components/graph/svelvet/nodes/models/Node.js

@@ -1,156 +0,0 @@
-import { get } from 'svelte/store';
-import { stores } from '../../store/models/store';
-/** A Node class that implements NodeType interface
- * @param {string} id The id of the Node
- * @param {number} positionX The X-axis position of the Node (left top corner of the Node)
- * @param {number} positionY The Y-axis position of the Node (left top corner of the Node)
- * @param {number} width The width of the Node
- * @param {number} height The height of the Node
- * @param {string} bgColor The background color of the node
- * @param {object} data A data object that user can specify; possible keys are 'label' and 'custom';
- * @param {string} canvasId The canvasId of the Svelvet component that the instantiated Node will be on.
- * @param {string} borderColor The border color of the Node
- * @param {boolean} image A boolean set to true if the Node needs to display an image
- * @param {string} src The src link for the image; image and src are closely tied and a src link is only needed when image sets to true
- * @param {string} textColor The color of the text in the Node
- * @param {string} borderRadius The border radius of the Node
- * @param {string} childNodes An array of node ids that will be grouped as child nodes of this Node. This is for the GroupNodes feature. The current implementation of this feature works one way but not the other (when you drag the parent node, the child nodes will move as a group but when you drag the child node, the parent node would not move along)
- * @param {string} className The custom class name if user specifies. This is for the custom className feature for Node.
- */
-export class Node {
-    id;
-    positionX;
-    positionY;
-    width;
-    height;
-    bgColor;
-    data;
-    canvasId;
-    borderColor;
-    image;
-    src;
-    textColor;
-    borderRadius;
-    childNodes;
-    className;
-    clickCallback;
-    constructor(id, positionX, positionY, width, height, bgColor, data, canvasId, borderColor, image, src, textColor, borderRadius, childNodes, className, clickCallback) {
-        this.id = id;
-        this.positionX = positionX;
-        this.positionY = positionY;
-        this.width = width;
-        this.height = height;
-        this.bgColor = bgColor;
-        this.data = data;
-        this.canvasId = canvasId;
-        this.borderColor = borderColor;
-        this.image = image;
-        this.src = src;
-        this.textColor = textColor;
-        this.borderRadius = borderRadius;
-        this.childNodes = childNodes;
-        this.className = className;
-        this.clickCallback = clickCallback;
-    }
-    /**
-     * setPositionFromMovement will update the positionX and positionY of the Node when user drags a Node around on the canvas, reflect the changes in real time in the nodesStore, and also cascade the changes to all relative elements like Anchors and Edges.
-     * @param {number} movementX The mouse movement value on the X-axis
-     * @param {number} movementY The mouse movement value on the Y-axis
-     */
-    setPositionFromMovement(movementX, movementY) {
-        const { nodesStore, anchorsStore, potentialAnchorsStore, boundary, lockedOption } = stores[this.canvasId];
-        if (get(lockedOption))
-            return; // don't do anything if locked is enabled
-        // boundary sets the boundary of the canvas, or else it is false if their is no boundary
-        // check if out of bounds, and if so return without doing anything
-        const boundaryObj = get(boundary);
-        if (typeof boundaryObj === 'object' &&
-            (this.positionX + this.width + movementX >= boundaryObj.x ||
-                this.positionY + this.height + movementY >= boundaryObj.y ||
-                this.positionY + movementY <= 0 ||
-                this.positionX + movementX <= 0))
-            return;
-        //update all necessary data
-        this.positionX += movementX;
-        this.positionY += movementY;
-        // update children
-        nodesStore.update((nodes) => {
-            if (this.childNodes)
-                for (const childNodeId of this.childNodes)
-                    nodes[childNodeId].setPositionFromMovement(movementX, movementY);
-            return { ...nodes };
-        });
-        //update all the anchors on the node in the anchorsStore
-        anchorsStore.update((anchors) => {
-            for (const anchorId in anchors) {
-                if (anchors[anchorId].nodeId === this.id) {
-                    anchors[anchorId].setPositionFromNode();
-                }
-            }
-            return { ...anchors };
-        });
-        //update all the anchors on the node in the anchorsStore
-        potentialAnchorsStore.update((anchors) => {
-            for (const anchorId in anchors) {
-                if (anchors[anchorId].nodeId === this.id) {
-                    anchors[anchorId].callback(); // we don't have to worry about setting partner anchors/etc;
-                }
-            }
-            return { ...anchors };
-        });
-    }
-    /**
-     * setSizeFromMovement will update the width and height of the Node when user resizes the Node by dragging at the right bottom corner (where the ResizedNode attached), reflect the changes in real time in the nodesStore, and also cascade the changes to all relative elements like Anchors and potential Anchors.
-     *
-     * @param movementX The mouse movement value on the X-axis
-     * @param movementY The mouse movement value on the Y-axis
-     */
-    setSizeFromMovement(movementX, movementY) {
-        this.width += movementX;
-        this.height += movementY;
-        const { anchorsStore, potentialAnchorsStore } = stores[this.canvasId];
-        //Updates the anchor so it follows the node's position as the dimensions change
-        anchorsStore.update((anchors) => {
-            for (const anchorId in anchors) {
-                if (anchors[anchorId].nodeId === this.id) {
-                    anchors[anchorId].setPositionFromNode();
-                    //anchors[anchorId].setPosition(movementX, movementY);
-                }
-            }
-            return { ...anchors };
-        });
-        //update all the anchors on the node in the anchorsStore
-        potentialAnchorsStore.update((anchors) => {
-            for (const anchorId in anchors) {
-                if (anchors[anchorId].nodeId === this.id) {
-                    anchors[anchorId].callback(); // we don't have to worry about setting partner anchors/etc;
-                }
-            }
-            return { ...anchors };
-        });
-    }
-    /**
-     * setExportableData is going to construct an object that holds all the node data that can be exported. This method is used for Exporting Diagrams feature.
-     *
-     * @returns An object with all the exportable data of the Node. The format of this object should align with the original format of node data user provided.
-     */
-    setExportableData() {
-        const exportableData = {
-            id: this.id,
-            // canvasId: this.canvasId,
-            width: this.width,
-            height: this.height,
-            position: { x: this.positionX, y: this.positionY },
-            data: this.data,
-            bgColor: this.bgColor,
-            borderColor: this.borderColor,
-            textColor: this.textColor,
-            borderRadius: this.borderRadius,
-            image: this.image,
-            src: this.src,
-            childNodes: this.childNodes,
-            customClassName: this.className
-        };
-        return exportableData;
-    }
-}

package/package/components/graph/svelvet/nodes/views/Node.svelte

@@ -1,84 +0,0 @@
-<script>import { afterUpdate } from 'svelte';
-import { findStore } from '../../store/models/store';
-import { forceCssHeightAndWidth } from '../../customCss/controllers/getCss';
-export let node;
-export let canvasId;
-export let isCustom = false;
-const store = findStore(canvasId);
-const { lockedOption } = store;
-// forceCssHeightAndWidth forces the size of the node to be defined by CSS
-afterUpdate(() => {
-    if (node.className)
-        forceCssHeightAndWidth(store, node);
-});
-const mousedown = (e) => {
-    if (node.clickCallback)
-        node.clickCallback(node);
-};
-</script>
-
-<!-- on:wheel prevents page scroll when using mousewheel in the Node -->
-<div
-	on:mousedown={mousedown}
-	on:touchstart={mousedown}
-	class="{isCustom ? 'CustomNode' : 'Node'} {node.className}"
-	style="left: {node.positionX}px;
-    top: {node.positionY}px;
-    width: {node.width}px;
-    height: {node.height}px;
-    {isCustom
-		? ''
-		: `
-    background-color: ${node.bgColor ?? 'white'};
-    border-color: ${node.borderColor};
-    border-radius: ${node.borderRadius}px;
-    color: ${node.textColor};
-    cursor: ${$lockedOption ? 'default' : 'grab'};`}"
-	id="svelvet-{node.id}"
->
-	<!-- This executes if node.image is present without node.label -->
-	{#if node.image}
-		<img
-			src={node.src}
-			alt=""
-			style="width: {node.width * 0.75}px;
-			 height: {node.height * 0.75}px;
-       overflow: hidden;"
-		/>
-	{/if}
-	<slot />
-</div>
-
-<style>
-	.CustomNode {
-		position: absolute;
-		display: grid;
-		justify-content: center;
-		align-items: center;
-		font-size: 14px;
-		text-align: center;
-		pointer-events: auto;
-		box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.2);
-	}
-
-	.Node {
-		position: absolute;
-		display: grid;
-		-webkit-user-select: none;
-		   -moz-user-select: none;
-		        user-select: none;
-		justify-content: center;
-		overscroll-behavior: auto;
-		align-items: center;
-		font-size: 14px;
-		text-align: center;
-		border: solid 1px black;
-		border-radius: 5px;
-		box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.2);
-		pointer-events: auto; /* this is needed for pointer events to work since we disable them in graphview */
-	}
-	/* the default behavior when click/dragging an image is to move it. This interferes with node dragging. We disable pointer events on img to prevent this */
-	/* Alternatively, we could use e.preventDefault() on mouseDown. However, this interferes with embedded Svelvet forms */
-	img {
-		pointer-events: none;
-	}</style>

package/package/components/graph/svelvet/nodes/views/Node.svelte.d.ts

@@ -1,21 +0,0 @@
-import { SvelteComponent } from "svelte";
-import type { NodeType } from '../../store/types/types';
-declare const __propDef: {
-    props: {
-        node: NodeType;
-        canvasId: string;
-        isCustom?: boolean | undefined;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {
-        default: {};
-    };
-};
-export type NodeProps = typeof __propDef.props;
-export type NodeEvents = typeof __propDef.events;
-export type NodeSlots = typeof __propDef.slots;
-export default class Node extends SvelteComponent<NodeProps, NodeEvents, NodeSlots> {
-}
-export {};

package/package/components/graph/svelvet/store/controllers/storeApi.d.ts

@@ -1,25 +0,0 @@
-import type { StoreType } from '../types/types';
-import type { UserNodeType, UserEdgeType } from '../../types/types';
-/**
- * createStoreEmpty will initialize a new Svelvet store with a unique canvasId.
- * If you have multiple Svelvet components on the page, the stores object will look like the following example:
- * const stores = \{
- *                  canvasId-1: store of Svelvet component 1,
- *                  canvasId-2: store of Svelvet component 2,
- *                  canvasId-3: store of Svelvet component 3,
- *                \}
- * Notes: This should be called once every time you initialize a new Svelvet canvas, (ie, only in the Svelvet.svelte file).
- * This function will initialize an empty store for the Svelvet component and should be followed by invoking populateSvelvetStoreFromUserInput to populate all the initial state from the user input.
- *
- * @param canvasId The canvasId of the newly created Svelvet component
- * @returns An empty store for the newly created Svelvet component.
- */
-export declare function createStoreEmpty(canvasId: string): StoreType;
-/**
- * populateSvelvetStoreFromUserInput will populate all the states and set these states into the Svelvet store initialized by invoking createStoreEmpty
- *
- * @param canvasId The canvasId of the Svelvet component you are creating a store for
- * @param nodes This is an array of objects containing node info that is defined by the user. NOTE THAT THE STRUCTURE DIFFERS FROM THE NODES CLASS. The whole point of populateSvelvetStoreFromUserInput is to convert nodes into proper Svelvet Node objects. An example of nodes is in $routes/testingplayground/index.svelte
- * @param edges Same as nodes, this is an array of objects containing edge info THAT IS DIFFERENT FROM THE EDGE CLASS.
- */
-export declare function populateSvelvetStoreFromUserInput(canvasId: string, nodes: UserNodeType[], edges: UserEdgeType[]): void;

package/package/components/graph/svelvet/store/controllers/storeApi.js

@@ -1,91 +0,0 @@
-/*
-
-
-Important functions (in order of how likely I think you are to use them):
-
-findStore(canvasId: string)
-- Input: canvasId. There can be multiple Svelvet canvases on the same page, and each has their own store
-- Returns: store
-- Notes: You will need to call this function on every component you make
-
-getNodes(store, filter)
-- Description: this function returns of list of Node objects
-- Input: store: the store where you get the list of Node objects from
--        filter: an object where you can filter the array. For example, if you want to find nodes with an id of 'sdf-2d3fs' and positionX=35, then you
-                 would set filter = {id: 'sdf-2d3fs, positionX: 35}.
-                 Right now, you can only test for equality.
-- Notes: This is a very mongoose way of retrieving information. Given the relational nature of our stores, maybe it would be better to use an SQL-like syntax
-         This array is non-reactive (ie, you cannot use information from this array to force a re-render of a Svelte component)
-
-createStoreEmpty(canvasId: string)
-- Input: canvasId.
-- Returns: store
-- Notes. This should be called once every time you initialize a new Svelvet canvas, (ie, only in the Svelvet.svelte file)
-
-populateSvelvetStoreFromUserInput(canvasId, nodes, edges)
-- canvasId: this the the canvasId of the Svelvet component you are creating a store for
-- nodes: this is an array of objects containing node info that is defined by the user. NOTE THAT THE STRUCTURE DIFFERS FROM THE NODES CLASS
-         The whole point of populateSvelvetStoreFromUserInput is to convert nodes into proper Svelvet Node objects. An example of nodes is in
-         $routes/testingplayground/index.svelte
-- edges: same as nodes, this is an array of objects containing edge info THAT IS DIFFERENT FROM THE EDGE CLASS.
-- Returns: store
-*/
-import { findStore, stores } from '../models/store';
-import { writable } from 'svelte/store';
-import { populateAnchorsStore, populateNodesStore, populateEdgesStore } from './util';
-/**
- * createStoreEmpty will initialize a new Svelvet store with a unique canvasId.
- * If you have multiple Svelvet components on the page, the stores object will look like the following example:
- * const stores = \{
- *                  canvasId-1: store of Svelvet component 1,
- *                  canvasId-2: store of Svelvet component 2,
- *                  canvasId-3: store of Svelvet component 3,
- *                \}
- * Notes: This should be called once every time you initialize a new Svelvet canvas, (ie, only in the Svelvet.svelte file).
- * This function will initialize an empty store for the Svelvet component and should be followed by invoking populateSvelvetStoreFromUserInput to populate all the initial state from the user input.
- *
- * @param canvasId The canvasId of the newly created Svelvet component
- * @returns An empty store for the newly created Svelvet component.
- */
-export function createStoreEmpty(canvasId) {
-    stores[canvasId] = {
-        nodesStore: writable({}),
-        edgesStore: writable({}),
-        anchorsStore: writable({}),
-        potentialAnchorsStore: writable({}),
-        widthStore: writable(600),
-        heightStore: writable(600),
-        backgroundStore: writable(false),
-        movementStore: writable(true),
-        nodeSelected: writable(false),
-        nodeIdSelected: writable(-1),
-        d3Scale: writable(1),
-        options: writable({}),
-        temporaryEdgeStore: writable([]),
-        nodeCreate: writable(false),
-        boundary: writable(false),
-        edgeEditModal: writable(null),
-        lockedOption: writable(false),
-        editableOption: writable(false),
-        d3ZoomParameters: writable({}),
-        highlightEdgesOption: writable(true) // option to turn on/off highlightable edges
-    };
-    return stores[canvasId];
-}
-/**
- * populateSvelvetStoreFromUserInput will populate all the states and set these states into the Svelvet store initialized by invoking createStoreEmpty
- *
- * @param canvasId The canvasId of the Svelvet component you are creating a store for
- * @param nodes This is an array of objects containing node info that is defined by the user. NOTE THAT THE STRUCTURE DIFFERS FROM THE NODES CLASS. The whole point of populateSvelvetStoreFromUserInput is to convert nodes into proper Svelvet Node objects. An example of nodes is in $routes/testingplayground/index.svelte
- * @param edges Same as nodes, this is an array of objects containing edge info THAT IS DIFFERENT FROM THE EDGE CLASS.
- */
-export function populateSvelvetStoreFromUserInput(canvasId, nodes, edges) {
-    // find the store
-    const store = findStore(canvasId);
-    // populate store.nodesStore with user nodes
-    populateNodesStore(store, nodes, canvasId);
-    // populate store.anchorsStore with anchors. Note the userdoes not explictly define anchors; anchors are calculated from the edges
-    populateAnchorsStore(store, nodes, edges, canvasId);
-    // populate edges
-    populateEdgesStore(store, edges, canvasId);
-}

package/package/components/graph/svelvet/store/controllers/userApi.d.ts

@@ -1,3 +0,0 @@
-export declare function getD3PositionX(canvasId: any): number;
-export declare function getD3PositionY(canvasId: any): number;
-export declare function getD3Zoom(canvasId: any): number;

package/package/components/graph/svelvet/store/controllers/userApi.js

@@ -1,18 +0,0 @@
-import { findStore } from '../models/store';
-import { get } from 'svelte/store';
-export function getD3PositionX(canvasId) {
-    const store = findStore(canvasId);
-    const width = get(store.widthStore);
-    const x = width / 2 - get(store.d3ZoomParameters).x; // user input is shifted so that x=0, y=0 occurs in the center
-    return x;
-}
-export function getD3PositionY(canvasId) {
-    const store = findStore(canvasId);
-    const height = get(store.heightStore);
-    const y = height / 2 - get(store.d3ZoomParameters).y; // user input is shifted so that x=0, y=0 occurs in the center
-    return y;
-}
-export function getD3Zoom(canvasId) {
-    const store = findStore(canvasId);
-    return get(store.d3ZoomParameters).k;
-}

package/package/components/graph/svelvet/store/controllers/util.d.ts

@@ -1,24 +0,0 @@
-import type { UserEdgeType, UserNodeType } from '../../types/types';
-import type { StoreType } from '../types/types';
-/**
- * Populates edgesStore of Edges. This function does not return the edgesStore. Instead it sets the nodesStore of Svelvet store.
- * @param store An object containing the state of the Svelvet component. You can access the following through `store`: nodesStore, edgesStore, anchorsStore, etc.
- * @param edges An edge that the user specifies. This is NOT the same as a Edge object.
- * @param canvasId The canvasId of the Svelvet component that holds the Edges
- */
-export declare function populateEdgesStore(store: StoreType, edges: UserEdgeType[], canvasId: string): void;
-/**
- * Populates the anchorsStore. This will overwrite any data in the AnchorsStore.
- * @param store The Svelvet store containing the state of the Svelvet component
- * @param nodes An array of user specified nodes
- * @param edges An array of user specified edges
- * @param canvasId The canvasId of the Svelvet component that holds the nodes and edges
- */
-export declare function populateAnchorsStore(store: StoreType, nodes: UserNodeType[], edges: UserEdgeType[], canvasId: string): void;
-/**
- * Populates the nodesStore. This will overwrite any data in the nodesStore.
- * @param store The Svelvet store containing the state of the Svelvet component
- * @param nodes An array of user specifed nodes
- * @param canvasId The canvasId of the Svelvet component that holds the nodes
- */
-export declare function populateNodesStore(store: StoreType, nodes: UserNodeType[], canvasId: string): void;