ducjs 2.0.0 → 2.1.0

package/dist/types/index.d.ts

@@ -1,13 +1,14 @@
 export * from "./elements";
 export * from "./geometryTypes";
 export * from "./utility-types";
-import { OBJECT_SNAP_MODE, PRUNING_LEVEL } from "ducjs/flatbuffers/duc";
-import { SupportedMeasures } from "ducjs/technical/scopes";
-import { Standard } from "ducjs/technical/standards";
-import { DucBindableElement, DucBlock, DucElement, DucElementType, DucGroup, DucIframeLikeElement, DucLayer, DucLinearElement, DucPoint, DucRegion, DucTextElement, ElementBackground, ElementStroke, ExternalFileId, FontFamilyValues, LineHead, NonDeleted, TextAlign } from "ducjs/types/elements";
-import { GeometricPoint, Percentage, Radian, ScaleFactor } from "ducjs/types/geometryTypes";
-import { MakeBrand, MaybePromise, ValueOf } from "ducjs/types/utility-types";
-import type { GRID_DISPLAY_TYPE, GRID_TYPE, SNAP_MARKER_SHAPE, SNAP_MODE, SNAP_OVERRIDE_BEHAVIOR } from "ducjs/utils/constants";
+export * from "./typeChecks";
+import { OBJECT_SNAP_MODE, PRUNING_LEVEL } from "../flatbuffers/duc";
+import { SupportedMeasures } from "../technical/scopes";
+import { Standard } from "../technical/standards";
+import { DucBindableElement, DucBlock, DucElement, DucElementType, DucGroup, DucIframeLikeElement, DucLayer, DucLinearElement, DucPoint, DucRegion, DucTextElement, ElementBackground, ElementStroke, ExternalFileId, FontFamilyValues, LineHead, NonDeleted, TextAlign } from "./elements";
+import { GeometricPoint, Percentage, Radian, ScaleFactor } from "./geometryTypes";
+import { MakeBrand, MaybePromise, ValueOf } from "./utility-types";
+import type { GRID_DISPLAY_TYPE, GRID_TYPE, SNAP_MARKER_SHAPE, SNAP_MODE, SNAP_OVERRIDE_BEHAVIOR } from "../utils/constants";
 /**
  * Root data structure for the stored data state
  */
@@ -30,6 +31,8 @@ export interface ExportedDataState {
     files: DucExternalFiles | undefined;
     /** In case it is needed to embed the version control into the file format */
     versionGraph: VersionGraph | undefined;
+    /** Actual file id */
+    id: string | undefined;
 }
 export type ExportedDataStateContent = Omit<ExportedDataState, "type" | "version" | "source">;
 /**
@@ -106,7 +109,7 @@ export type SuggestedPointBinding = [
     "start" | "end" | "both",
     NonDeleted<DucBindableElement>
 ];
-export type ToolType = "selection" | "rectangle" | "polygon" | "ellipse" | "line" | "freedraw" | "text" | "image" | "eraser" | "hand" | "frame" | "embeddable" | "ruler" | "lasso" | "laser" | "table";
+export type ToolType = "selection" | "rectangle" | "polygon" | "ellipse" | "line" | "freedraw" | "text" | "image" | "eraser" | "hand" | "frame" | "plot" | "embeddable" | "ruler" | "lasso" | "laser" | "table";
 export type ElementOrToolType = DucElementType | ToolType | "custom";
 /**
  * Defines the global, persistent settings for the drawing. These are fundamental

package/dist/types/index.js

@@ -1,3 +1,4 @@
 export * from "./elements";
 export * from "./geometryTypes";
 export * from "./utility-types";
+export * from "./typeChecks";

package/dist/types/typeChecks.d.ts

@@ -0,0 +1,5 @@
+import { PrecisionValue } from ".";
+/**
+ * Type guard to check if an object is a PrecisionValue
+ */
+export declare const isPrecisionValue: (obj: any) => obj is PrecisionValue;

package/dist/types/typeChecks.js

@@ -0,0 +1,10 @@
+/**
+ * Type guard to check if an object is a PrecisionValue
+ */
+export const isPrecisionValue = (obj) => {
+    return obj !== null &&
+        typeof obj === 'object' &&
+        typeof obj.value === 'number' &&
+        typeof obj.scoped === 'number' &&
+        Object.keys(obj).length === 2;
+};

package/dist/utils/bounds.d.ts

@@ -1,6 +1,6 @@
-import { Scope, ScopedValue } from "ducjs/types";
-import { DucElement, DucFreeDrawElement, DucLine, DucLinearElement, DucPoint, DucTextContainer, DucTextElement, DucTextElementWithContainer, ElementsMap } from "ducjs/types/elements";
-import { Bounds, GeometricPoint } from "ducjs/types/geometryTypes";
+import { Scope, ScopedValue } from "../types";
+import { DucElement, DucFreeDrawElement, DucLine, DucLinearElement, DucPoint, DucTextContainer, DucTextElement, DucTextElementWithContainer, ElementsMap } from "../types/elements";
+import { Bounds, GeometricPoint } from "../types/geometryTypes";
 type SV = ScopedValue;
 /**
  * Common bounds calculation interface

package/dist/utils/bounds.js

@@ -1,6 +1,6 @@
-import { isArrowElement, isFreeDrawElement, isLinearElement, isTextElement } from "ducjs/types/elements/typeChecks";
-import { getBoundTextElementPosition, getLinearElementAbsoluteCoords } from "ducjs/utils/elements/linearElement";
-import { getCubicBezierBoundingBox, getQuadraticBezierBoundingBox, rescaleLines, rescalePoints, rotate } from "ducjs/utils/math";
+import { isArrowElement, isFreeDrawElement, isLinearElement, isTextElement } from "../types/elements/typeChecks";
+import { getBoundTextElementPosition, getLinearElementAbsoluteCoords } from "./elements/linearElement";
+import { getCubicBezierBoundingBox, getQuadraticBezierBoundingBox, rescaleLines, rescalePoints, rotate } from "./math";
 export const getElementAbsoluteCoords = (element, elementsMap, currentScope, includeBoundText = false, returnUnrotatedBoundsOnly = true) => {
     if (isFreeDrawElement(element)) {
         return getFreeDrawElementAbsoluteCoords(element);

package/dist/utils/constants.d.ts

@@ -1,6 +1,6 @@
-import { GridSettings, RawValue, SnapSettings } from "ducjs/types";
-import { DucElement, DucEllipseElement, DucFreeDrawElement, DucTextElement, ElementBackground, ElementStroke, FontFamilyValues } from "ducjs/types/elements";
-import { MAX_ZOOM, MIN_ZOOM } from "ducjs/technical/scopes";
+import { GridSettings, RawValue, SnapSettings } from "../types";
+import { DucElement, DucEllipseElement, DucFreeDrawElement, DucTextElement, ElementBackground, ElementStroke, FontFamilyValues } from "../types/elements";
+import { MAX_ZOOM, MIN_ZOOM } from "../technical/scopes";
 export declare const COLOR_PALETTE: {
     readonly transparent: "transparent";
     readonly black: "#1e1e1e";
@@ -47,6 +47,8 @@ export declare const MIME_TYPES: {
     readonly "excalidraw.svg": "image/svg+xml";
     readonly "excalidraw.png": "image/png";
     readonly binary: "application/octet-stream";
+    readonly pdf: "application/pdf";
+    readonly zip: "application/zip";
 };
 export declare const EXPORT_IMAGE_TYPES: {
     readonly png: "png";

package/dist/utils/constants.js

@@ -1,5 +1,5 @@
-import { ELEMENT_CONTENT_PREFERENCE, OBJECT_SNAP_MODE, STROKE_JOIN, STROKE_PLACEMENT, STROKE_PREFERENCE, TEXT_ALIGN, VERTICAL_ALIGN } from "ducjs/flatbuffers/duc";
-import { MAX_ZOOM, MIN_ZOOM, NEUTRAL_SCOPE } from "ducjs/technical/scopes";
+import { ELEMENT_CONTENT_PREFERENCE, OBJECT_SNAP_MODE, STROKE_JOIN, STROKE_PLACEMENT, STROKE_PREFERENCE, TEXT_ALIGN, VERTICAL_ALIGN } from "../flatbuffers/duc";
+import { MAX_ZOOM, MIN_ZOOM, NEUTRAL_SCOPE } from "../technical/scopes";
 export const COLOR_PALETTE = {
     transparent: "transparent",
     black: "#1e1e1e",
@@ -37,9 +37,7 @@ export const MIME_TYPES = Object.assign({ json: "application/json",
     // excalidraw data
     duc: "application/vnd.duc-cad", ducfig: "application/vnd.duc-config", excalidrawlib: "application/vnd.excalidrawlib+json", 
     // image-encoded excalidraw data
-    "excalidraw.svg": "image/svg+xml", "excalidraw.png": "image/png", 
-    // binary
-    binary: "application/octet-stream" }, IMAGE_MIME_TYPES);
+    "excalidraw.svg": "image/svg+xml", "excalidraw.png": "image/png", binary: "application/octet-stream", pdf: "application/pdf", zip: "application/zip" }, IMAGE_MIME_TYPES);
 export const EXPORT_IMAGE_TYPES = {
     png: "png",
     svg: "svg",

package/dist/utils/elements/frameElement.d.ts

@@ -1,4 +1,5 @@
-import { DucElement, DucElementsIncludingDeleted, DucFrameLikeElement, ElementsMap } from "ducjs/types/elements";
+import { DucElement, DucElementsIncludingDeleted, DucFrameLikeElement, ElementsMap } from "../../types/elements";
 export declare const getContainingFrame: (element: DucElement, elementsMap: ElementsMap) => DucFrameLikeElement | null;
 export declare const getFrameLikeElements: (allElements: DucElementsIncludingDeleted) => DucFrameLikeElement[];
+export declare const canFrameLikeContainElement: (frame: DucFrameLikeElement, element: DucElement) => boolean;
 export declare const getFrameLikeTitle: (element: DucFrameLikeElement) => string;

package/dist/utils/elements/frameElement.js

@@ -1,4 +1,4 @@
-import { isFrameLikeElement } from "ducjs/types/elements/typeChecks";
+import { isFrameElement, isFrameLikeElement, isPlotElement } from "../../types/elements/typeChecks";
 export const getContainingFrame = (element, elementsMap) => {
     if (!element.frameId) {
         return null;
@@ -9,6 +9,18 @@ export const getContainingFrame = (element, elementsMap) => {
 export const getFrameLikeElements = (allElements) => {
     return allElements.filter((element) => isFrameLikeElement(element));
 };
+export const canFrameLikeContainElement = (frame, element) => {
+    if (frame.id === element.id) {
+        return false;
+    }
+    if (isPlotElement(element)) {
+        return false;
+    }
+    if (isFrameElement(element)) {
+        return frame.type === "plot";
+    }
+    return true;
+};
 export const getFrameLikeTitle = (element) => {
     return element.label === null
         ? "Frame"

package/dist/utils/elements/freedrawElement.d.ts

@@ -1,2 +1,2 @@
-import { DucFreeDrawElement } from "ducjs/types/elements";
+import { DucFreeDrawElement } from "../../types/elements";
 export declare function getFreeDrawSvgPath(element: DucFreeDrawElement): string;

package/dist/utils/elements/freedrawElement.js

@@ -1,4 +1,4 @@
-import { med } from "ducjs/utils/math";
+import { med } from "../math";
 import { getStroke } from "perfect-freehand";
 // Trim SVG path data so number are each two decimal points. This
 // improves SVG exports, and prevents rendering errors on points

package/dist/utils/elements/index.d.ts

@@ -4,10 +4,10 @@ export * from "./linearElement";
 export * from "./textElement";
 export * from "./frameElement";
 export * from "./viewportElement";
-import { Scope } from "ducjs/types";
-import { _DucStackBase, DucElement, DucNonSelectionElement, DucTableElement, DucTextStyle, ElementConstructorOpts, NonDeleted } from "ducjs/types/elements";
-import { GeometricPoint, TuplePoint } from "ducjs/types/geometryTypes";
-import { Mutable } from "ducjs/types/utility-types";
+import { Scope } from "../../types";
+import { _DucStackBase, DucElement, DucNonSelectionElement, DucTableElement, DucTextStyle, ElementConstructorOpts, NonDeleted } from "../../types/elements";
+import { GeometricPoint, TuplePoint } from "../../types/geometryTypes";
+import { Mutable } from "../../types/utility-types";
 /**
  * Returns a default DucTextStyle object for the given scope.
  */

package/dist/utils/elements/index.js

@@ -4,24 +4,17 @@ export * from "./linearElement";
 export * from "./textElement";
 export * from "./frameElement";
 export * from "./viewportElement";
-import { LINE_SPACING_TYPE, TABLE_CELL_ALIGNMENT, TABLE_FLOW_DIRECTION } from "ducjs/flatbuffers/duc";
-import { isFreeDrawElement, isLinearElement } from "ducjs/types/elements/typeChecks";
-import { getUpdatedTimestamp } from "ducjs/utils";
-import { DEFAULT_ELEMENT_PROPS, DEFAULT_FONT_FAMILY, DEFAULT_FONT_SIZE, DEFAULT_TEXT_ALIGN, DEFAULT_VERTICAL_ALIGN, FONT_FAMILY } from "ducjs/utils/constants";
-import { randomInteger } from "ducjs/utils/math/random";
-import { getPrecisionValueFromRaw } from "ducjs/technical/scopes";
+import { LINE_SPACING_TYPE, TABLE_CELL_ALIGNMENT, TABLE_FLOW_DIRECTION } from "../../flatbuffers/duc";
+import { isFreeDrawElement, isLinearElement } from "../../types/elements/typeChecks";
+import { getUpdatedTimestamp } from "..";
+import { DEFAULT_ELEMENT_PROPS, DEFAULT_FONT_FAMILY, DEFAULT_FONT_SIZE, DEFAULT_TEXT_ALIGN, DEFAULT_VERTICAL_ALIGN, FONT_FAMILY } from "../constants";
+import { randomInteger } from "../math/random";
+import { getPrecisionValueFromRaw } from "../../technical/scopes";
 /**
  * Returns a default DucTextStyle object for the given scope.
  */
 export function getDefaultTextStyle(currentScope) {
     return {
-        roundness: DEFAULT_ELEMENT_PROPS.roundness,
-        blending: undefined,
-        strokeColor: undefined,
-        backgroundColor: undefined,
-        background: [DEFAULT_ELEMENT_PROPS.background],
-        stroke: [DEFAULT_ELEMENT_PROPS.stroke],
-        opacity: DEFAULT_ELEMENT_PROPS.opacity,
         isLtr: true,
         fontFamily: DEFAULT_FONT_FAMILY,
         bigFontFamily: "sans-serif",
@@ -83,7 +76,12 @@ export const getDefaultTableData = (currentScope) => {
     // A practical starting column width
     const defaultColumnWidth = getPrecisionValueFromRaw(140, currentScope, currentScope);
     // Base/default styling for cells
-    const baseCellStyle = Object.assign(Object.assign({}, DEFAULT_ELEMENT_PROPS), { background: [DEFAULT_ELEMENT_PROPS.background], stroke: [DEFAULT_ELEMENT_PROPS.stroke], textStyle: {
+    const baseCellStyle = {
+        stroke: [DEFAULT_ELEMENT_PROPS.stroke],
+        background: [DEFAULT_ELEMENT_PROPS.background],
+        roundness: DEFAULT_ELEMENT_PROPS.roundness,
+        opacity: DEFAULT_ELEMENT_PROPS.opacity,
+        textStyle: {
             isLtr: true,
             fontFamily: FONT_FAMILY.Virgil,
             bigFontFamily: "sans-serif",
@@ -97,18 +95,16 @@ export const getDefaultTableData = (currentScope) => {
             widthFactor: 1,
             isUpsideDown: false,
             isBackwards: false,
-            roundness: DEFAULT_ELEMENT_PROPS.roundness,
-            background: [DEFAULT_ELEMENT_PROPS.background],
-            stroke: [DEFAULT_ELEMENT_PROPS.stroke],
-            opacity: DEFAULT_ELEMENT_PROPS.opacity,
-        }, margins: {
+        },
+        margins: {
             top: vMargin,
             right: hMargin,
             bottom: vMargin,
             left: hMargin,
-        }, 
+        },
         // Left + middle is a great general-purpose default for tables
-        alignment: TABLE_CELL_ALIGNMENT.MIDDLE_LEFT });
+        alignment: TABLE_CELL_ALIGNMENT.MIDDLE_LEFT,
+    };
     // Create default columns
     const columns = Object.fromEntries(columnIds.map((id) => [id, { id, width: defaultColumnWidth }]));
     // Create default rows (taller header row)

package/dist/utils/elements/linearElement.d.ts

@@ -1,9 +1,9 @@
-import { HANDLE_TYPE } from "ducjs/flatbuffers/duc";
-import type { PrecisionValue, RawValue, Scope } from "ducjs/types";
-import type { DucLine, DucLinearElement, DucLinearLikeElement, DucPoint, DucTextElementWithContainer, ElementsMap, NonDeleted } from "ducjs/types/elements";
-import { Bounds, GeometricPoint } from "ducjs/types/geometryTypes";
-import type { ValueOf } from "ducjs/types/utility-types";
-import { ElementAbsoluteCoords } from "ducjs/utils/bounds";
+import { HANDLE_TYPE } from "../../flatbuffers/duc";
+import type { PrecisionValue, RawValue, Scope } from "../../types";
+import type { DucLine, DucLinearElement, DucLinearLikeElement, DucPoint, DucTextElementWithContainer, ElementsMap, NonDeleted } from "../../types/elements";
+import { Bounds, GeometricPoint } from "../../types/geometryTypes";
+import type { ValueOf } from "../../types/utility-types";
+import { ElementAbsoluteCoords } from "../bounds";
 export type HandleType = ValueOf<typeof HANDLE_TYPE> | null;
 export type HandleInfo = {
     pointIndex: number;

package/dist/utils/elements/linearElement.js

@@ -1,7 +1,7 @@
-import { getPrecisionValueFromRaw, getPrecisionValueFromScoped, getScopedBezierPointFromDucPoint } from "ducjs/technical/scopes";
-import { getBoundTextElement, getElementAbsoluteCoords, getElementPointsCoords } from "ducjs/utils/bounds";
-import { LINE_CONFIRM_THRESHOLD } from "ducjs/utils/constants";
-import { centerPoint, getBezierXY, getControlPointsForBezierCurve, getCubicBezierBoundingBox, getQuadraticBezierBoundingBox, mapIntervalToBezierT, rotate, rotatePoint } from "ducjs/utils/math";
+import { getPrecisionValueFromRaw, getPrecisionValueFromScoped, getScopedBezierPointFromDucPoint } from "../../technical/scopes";
+import { getBoundTextElement, getElementAbsoluteCoords, getElementPointsCoords } from "../bounds";
+import { LINE_CONFIRM_THRESHOLD } from "../constants";
+import { centerPoint, getBezierXY, getControlPointsForBezierCurve, getCubicBezierBoundingBox, getQuadraticBezierBoundingBox, mapIntervalToBezierT, rotate, rotatePoint } from "../math";
 /**
  * Merges overlapping points using the line-based system
  * Returns updated points and lines arrays

package/dist/utils/elements/newElement.d.ts

@@ -1,6 +1,6 @@
-import { Scope } from "ducjs/types";
-import { DucArrowElement, DucDimensionElement, DucDocElement, DucElement, DucEllipseElement, DucEmbeddableElement, DucFeatureControlFrameElement, DucFrameElement, DucFreeDrawElement, DucGenericElement, DucImageElement, DucLeaderElement, DucLinearElement, DucMermaidElement, DucParametricElement, DucPdfElement, DucPlotElement, DucPolygonElement, DucTableElement, DucTextElement, DucViewportElement, DucXRayElement, DucBlockInstanceElement, ElementConstructorOpts, ElementUpdate, NonDeleted } from "ducjs/types/elements";
-import { Mutable } from "ducjs/types/utility-types";
+import { Scope } from "../../types";
+import { DucArrowElement, DucBlockInstanceElement, DucDimensionElement, DucDocElement, DucElement, DucEllipseElement, DucEmbeddableElement, DucFeatureControlFrameElement, DucFrameElement, DucFreeDrawElement, DucGenericElement, DucImageElement, DucLeaderElement, DucLinearElement, DucMermaidElement, DucParametricElement, DucPdfElement, DucPlotElement, DucPolygonElement, DucTableElement, DucTextElement, DucViewportElement, DucXRayElement, ElementConstructorOpts, ElementUpdate, NonDeleted } from "../../types/elements";
+import { Mutable } from "../../types/utility-types";
 export declare const newElementWith: <TElement extends DucElement>(element: TElement, updates: ElementUpdate<TElement>, 
 /** pass `true` to always regenerate */
 force?: boolean) => TElement;

package/dist/utils/elements/newElement.js

@@ -9,14 +9,14 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-import { BLOCK_ATTACHMENT, COLUMN_TYPE, DATUM_BRACKET_STYLE, IMAGE_STATUS, LINE_SPACING_TYPE, PARAMETRIC_SOURCE_TYPE, STACKED_TEXT_ALIGN, TEXT_FLOW_DIRECTION, VERTICAL_ALIGN, VIEWPORT_SHADE_PLOT, } from "ducjs/flatbuffers/duc";
-import { getUpdatedTimestamp, getZoom } from "ducjs/utils";
-import { DEFAULT_ELEMENT_PROPS, DEFAULT_ELLIPSE_ELEMENT, DEFAULT_FONT_FAMILY, DEFAULT_FONT_SIZE, DEFAULT_FREEDRAW_ELEMENT, DEFAULT_POLYGON_SIDES, DEFAULT_TEXT_ALIGN, DEFAULT_VERTICAL_ALIGN, } from "ducjs/utils/constants";
-import { getDefaultStackProperties, getDefaultTableData, getDefaultTextStyle } from "ducjs/utils/elements";
-import { getFontString, getTextElementPositionOffsets, measureText, } from "ducjs/utils/elements/textElement";
-import { randomId, randomInteger } from "ducjs/utils/math/random";
-import { normalizeText } from "ducjs/utils/normalize";
-import { getPrecisionValueFromRaw } from "ducjs/technical/scopes";
+import { getUpdatedTimestamp, getZoom } from "..";
+import { BLOCK_ATTACHMENT, COLUMN_TYPE, DATUM_BRACKET_STYLE, IMAGE_STATUS, LINE_SPACING_TYPE, PARAMETRIC_SOURCE_TYPE, STACKED_TEXT_ALIGN, TEXT_FLOW_DIRECTION, VERTICAL_ALIGN, VIEWPORT_SHADE_PLOT } from "../../flatbuffers/duc";
+import { getPrecisionValueFromRaw } from "../../technical/scopes";
+import { DEFAULT_ELEMENT_PROPS, DEFAULT_ELLIPSE_ELEMENT, DEFAULT_FONT_FAMILY, DEFAULT_FONT_SIZE, DEFAULT_FREEDRAW_ELEMENT, DEFAULT_POLYGON_SIDES, DEFAULT_TEXT_ALIGN, DEFAULT_VERTICAL_ALIGN } from "../constants";
+import { randomId, randomInteger } from "../math/random";
+import { normalizeText } from "../normalize";
+import { getDefaultStackProperties, getDefaultTableData, getDefaultTextStyle } from "./";
+import { getFontString, getTextElementPositionOffsets, measureText, } from "./textElement";
 export const newElementWith = (element, updates, 
 /** pass `true` to always regenerate */
 force = false) => {
@@ -81,18 +81,18 @@ export const newElement = (currentScope, opts) => _newElementBase(opts.type, cur
 export const newEmbeddableElement = (currentScope, opts) => {
     return Object.assign(Object.assign({}, opts), _newElementBase(opts.type, currentScope, opts));
 };
-export const newFrameElement = (currentScope, opts) => (Object.assign(Object.assign(Object.assign({}, _newElementBase("frame", currentScope, opts)), getDefaultStackProperties()), { type: "frame", clip: false, labelVisible: true, standardOverride: null }));
-export const newPlotElement = (currentScope, opts) => (Object.assign(Object.assign(Object.assign({}, _newElementBase("plot", currentScope, opts)), getDefaultStackProperties()), { type: "plot", clip: false, labelVisible: true, standardOverride: null, layout: {
+export const newFrameElement = (currentScope, opts) => (Object.assign(Object.assign(Object.assign(Object.assign({}, getDefaultStackProperties()), { clip: false, labelVisible: true, standardOverride: null }), _newElementBase("frame", currentScope, opts)), { type: "frame" }));
+export const newPlotElement = (currentScope, opts) => (Object.assign(Object.assign(Object.assign(Object.assign({}, getDefaultStackProperties()), { clip: false, labelVisible: true, standardOverride: null, layout: {
         margins: {
-            top: getPrecisionValueFromRaw(25, currentScope, currentScope),
-            right: getPrecisionValueFromRaw(25, currentScope, currentScope),
-            bottom: getPrecisionValueFromRaw(25, currentScope, currentScope),
-            left: getPrecisionValueFromRaw(25, currentScope, currentScope),
+            top: getPrecisionValueFromRaw(0, currentScope, currentScope),
+            right: getPrecisionValueFromRaw(0, currentScope, currentScope),
+            bottom: getPrecisionValueFromRaw(0, currentScope, currentScope),
+            left: getPrecisionValueFromRaw(0, currentScope, currentScope),
         }
-    } }));
+    } }), _newElementBase("plot", currentScope, opts)), { type: "plot" }));
 export const newViewportElement = (currentScope, opts) => {
     var _a, _b, _c;
-    return (Object.assign(Object.assign(Object.assign({}, _newElementBase("viewport", currentScope, opts)), getDefaultStackProperties()), { type: "viewport", points: [], lines: [], pathOverrides: [], lastCommittedPoint: null, startBinding: null, endBinding: null, standardOverride: null, view: {
+    return (Object.assign(Object.assign(Object.assign(Object.assign({}, getDefaultStackProperties()), { points: [], lines: [], pathOverrides: [], lastCommittedPoint: null, startBinding: null, endBinding: null, standardOverride: null, view: {
             scrollX: getPrecisionValueFromRaw(0, currentScope, currentScope),
             scrollY: getPrecisionValueFromRaw(0, currentScope, currentScope),
             zoom: getZoom((_a = opts.zoom) !== null && _a !== void 0 ? _a : 1, (_b = opts.mainScope) !== null && _b !== void 0 ? _b : currentScope, (_c = opts.scopeExponentThreshold) !== null && _c !== void 0 ? _c : 2),
@@ -102,7 +102,7 @@ export const newViewportElement = (currentScope, opts) => {
                 y: getPrecisionValueFromRaw(0, currentScope, currentScope),
             },
             scope: currentScope,
-        }, scale: 1, shadePlot: VIEWPORT_SHADE_PLOT.AS_DISPLAYED, frozenGroupIds: [], scaleIndicatorVisible: true }));
+        }, scale: 1, shadePlot: VIEWPORT_SHADE_PLOT.AS_DISPLAYED, frozenGroupIds: [], scaleIndicatorVisible: true }), _newElementBase("viewport", currentScope, opts)), { type: "viewport" }));
 };
 export const newEllipseElement = (currentScope, opts) => {
     return Object.assign(Object.assign({}, _newElementBase(opts.type, currentScope, opts)), { ratio: opts.ratio || DEFAULT_ELLIPSE_ELEMENT.ratio, startAngle: opts.startAngle || DEFAULT_ELLIPSE_ELEMENT.startAngle, endAngle: opts.endAngle || DEFAULT_ELLIPSE_ELEMENT.endAngle, showAuxCrosshair: opts.showAuxCrosshair || DEFAULT_ELLIPSE_ELEMENT.showAuxCrosshair });
@@ -155,19 +155,19 @@ export const newDocElement = (currentScope, opts) => {
         // DucDocStyle properties
         isLtr: (_b = opts.isLtr) !== null && _b !== void 0 ? _b : true, fontFamily: opts.fontFamily || DEFAULT_FONT_FAMILY, bigFontFamily: opts.bigFontFamily || "sans-serif", textAlign: opts.textAlign || DEFAULT_TEXT_ALIGN, verticalAlign: opts.verticalAlign || DEFAULT_VERTICAL_ALIGN, lineHeight: opts.lineHeight || 1.2, lineSpacing: opts.lineSpacing || { type: LINE_SPACING_TYPE.MULTIPLE, value: 1.2 }, obliqueAngle: opts.obliqueAngle || 0, fontSize: opts.fontSize || getPrecisionValueFromRaw(DEFAULT_FONT_SIZE, currentScope, currentScope), paperTextHeight: opts.paperTextHeight, widthFactor: opts.widthFactor || 1, isUpsideDown: (_c = opts.isUpsideDown) !== null && _c !== void 0 ? _c : false, isBackwards: (_d = opts.isBackwards) !== null && _d !== void 0 ? _d : false, paragraph: opts.paragraph || { firstLineIndent: getPrecisionValueFromRaw(0, currentScope, currentScope), hangingIndent: getPrecisionValueFromRaw(0, currentScope, currentScope), leftIndent: getPrecisionValueFromRaw(0, currentScope, currentScope), rightIndent: getPrecisionValueFromRaw(0, currentScope, currentScope), spaceBefore: getPrecisionValueFromRaw(0, currentScope, currentScope), spaceAfter: getPrecisionValueFromRaw(0, currentScope, currentScope), tabStops: [] }, stackFormat: opts.stackFormat || { autoStack: false, stackChars: [], properties: { upperScale: 0.7, lowerScale: 0.7, alignment: STACKED_TEXT_ALIGN.CENTER } } }));
 };
-export const newPdfElement = (currentScope, opts) => (Object.assign(Object.assign({}, _newElementBase("pdf", currentScope, opts)), { type: "pdf", fileId: null }));
-export const newMermaidElement = (currentScope, opts) => (Object.assign(Object.assign({}, _newElementBase("mermaid", currentScope, opts)), { type: "mermaid", source: "", theme: undefined, svgPath: null }));
-export const newXRayElement = (currentScope, opts) => (Object.assign(Object.assign({}, _newElementBase("xray", currentScope, opts)), { type: "xray", origin: { x: getPrecisionValueFromRaw(0, currentScope, currentScope), y: getPrecisionValueFromRaw(0, currentScope, currentScope) }, direction: { x: getPrecisionValueFromRaw(1, currentScope, currentScope), y: getPrecisionValueFromRaw(0, currentScope, currentScope) }, startFromOrigin: false, color: '#FF00FF' }));
+export const newPdfElement = (currentScope, opts) => (Object.assign(Object.assign({ fileId: null }, _newElementBase("pdf", currentScope, opts)), { type: "pdf" }));
+export const newMermaidElement = (currentScope, opts) => (Object.assign(Object.assign({ source: "", theme: undefined, svgPath: null }, _newElementBase("mermaid", currentScope, opts)), { type: "mermaid" }));
+export const newXRayElement = (currentScope, opts) => (Object.assign(Object.assign({ origin: { x: getPrecisionValueFromRaw(0, currentScope, currentScope), y: getPrecisionValueFromRaw(0, currentScope, currentScope) }, direction: { x: getPrecisionValueFromRaw(1, currentScope, currentScope), y: getPrecisionValueFromRaw(0, currentScope, currentScope) }, startFromOrigin: false, color: '#FF00FF' }, _newElementBase("xray", currentScope, opts)), { type: "xray" }));
 export const newLeaderElement = (currentScope, opts) => {
     var _a, _b;
-    return Object.assign(Object.assign({}, _newElementBase("leader", currentScope, opts)), { type: "leader", points: [], lines: [], pathOverrides: [], lastCommittedPoint: null, startBinding: null, endBinding: null, headsOverride: undefined, dogleg: getPrecisionValueFromRaw(10, currentScope, currentScope), textStyle: opts.textStyle || getDefaultTextStyle(currentScope), textAttachment: opts.textAttachment || VERTICAL_ALIGN.TOP, blockAttachment: opts.blockAttachment || BLOCK_ATTACHMENT.CENTER_EXTENTS, leaderContent: (_a = opts.leaderContent) !== null && _a !== void 0 ? _a : null, contentAnchor: (_b = opts.contentAnchor) !== null && _b !== void 0 ? _b : {
+    return Object.assign(Object.assign({ points: [], lines: [], pathOverrides: [], lastCommittedPoint: null, startBinding: null, endBinding: null, headsOverride: undefined, dogleg: getPrecisionValueFromRaw(10, currentScope, currentScope), textStyle: opts.textStyle || getDefaultTextStyle(currentScope), textAttachment: opts.textAttachment || VERTICAL_ALIGN.TOP, blockAttachment: opts.blockAttachment || BLOCK_ATTACHMENT.CENTER_EXTENTS, leaderContent: (_a = opts.leaderContent) !== null && _a !== void 0 ? _a : null, contentAnchor: (_b = opts.contentAnchor) !== null && _b !== void 0 ? _b : {
             x: 0,
             y: 0,
-        } });
+        } }, _newElementBase("leader", currentScope, opts)), { type: "leader" });
 };
 export const newDimensionElement = (currentScope, opts) => (Object.assign(Object.assign({}, _newElementBase("dimension", currentScope, opts)), { type: 'dimension' }));
 export const newFeatureControlFrameElement = (currentScope, opts) => {
-    return Object.assign(Object.assign({}, _newElementBase("featurecontrolframe", currentScope, opts)), { type: "featurecontrolframe", rows: [], leaderElementId: null, textStyle: getDefaultTextStyle(currentScope), layout: {
+    return Object.assign(Object.assign({ rows: [], leaderElementId: null, textStyle: getDefaultTextStyle(currentScope), layout: {
             padding: getPrecisionValueFromRaw(4, currentScope, currentScope),
             segmentSpacing: getPrecisionValueFromRaw(4, currentScope, currentScope),
             rowSpacing: getPrecisionValueFromRaw(2, currentScope, currentScope),
@@ -175,13 +175,13 @@ export const newFeatureControlFrameElement = (currentScope, opts) => {
             scale: 1,
         }, datumStyle: {
             bracketStyle: DATUM_BRACKET_STYLE.SQUARE
-        } });
+        } }, _newElementBase("featurecontrolframe", currentScope, opts)), { type: "featurecontrolframe" });
 };
 export const newBlockInstanceElement = (currentScope, opts) => {
     var _a, _b, _c;
     return (Object.assign(Object.assign({}, _newElementBase("blockinstance", currentScope, opts)), { type: "blockinstance", blockId: opts.blockId, elementOverrides: (_a = opts.elementOverrides) !== null && _a !== void 0 ? _a : {}, attributeValues: (_b = opts.attributeValues) !== null && _b !== void 0 ? _b : {}, duplicationArray: (_c = opts.duplicationArray) !== null && _c !== void 0 ? _c : null }));
 };
-export const newParametricElement = (currentScope, opts) => (Object.assign(Object.assign({}, _newElementBase("parametric", currentScope, opts)), { type: 'parametric', source: { type: PARAMETRIC_SOURCE_TYPE.CODE, code: "" } }));
+export const newParametricElement = (currentScope, opts) => (Object.assign(Object.assign({ source: { type: PARAMETRIC_SOURCE_TYPE.CODE, code: "" } }, _newElementBase("parametric", currentScope, opts)), { type: 'parametric' }));
 // Simplified deep clone for the purpose of cloning DucElement.
 //
 // Only clones plain objects and arrays. Doesn't clone Date, RegExp, Map, Set,
@@ -202,7 +202,7 @@ const _deepCopyElement = (val, depth = 0) => {
             ? Object.create(Object.getPrototypeOf(val))
             : {};
         for (const key in val) {
-            if (val.hasOwnProperty(key)) {
+            if (Object.prototype.hasOwnProperty.call(val, key)) {
                 // don't copy non-serializable objects like these caches. They'll be
                 // populated when the element is rendered.
                 if (depth === 0 && (key === "shape" || key === "canvas")) {

package/dist/utils/elements/textElement.d.ts

@@ -1,9 +1,9 @@
-import { DucLocalState, RawValue, Scope, ScopedValue } from "ducjs/types";
-import { DucElement, DucElementType, DucTextContainer, DucTextElement, DucTextElementWithContainer, ElementsMap, FontFamilyValues, FontString, NonDeletedDucElement } from "ducjs/types/elements";
-import { GeometricPoint } from "ducjs/types/geometryTypes";
-import { ExtractSetType } from "ducjs/types/utility-types";
-import { getBoundTextElementPosition } from "ducjs/utils/elements/linearElement";
-import { SupportedMeasures } from "ducjs/technical/scopes";
+import { DucLocalState, RawValue, Scope, ScopedValue } from "../../types";
+import { DucElement, DucElementType, DucTextContainer, DucTextElement, DucTextElementWithContainer, ElementsMap, FontFamilyValues, FontString, NonDeletedDucElement } from "../../types/elements";
+import { GeometricPoint } from "../../types/geometryTypes";
+import { ExtractSetType } from "../../types/utility-types";
+import { getBoundTextElementPosition } from "./linearElement";
+import { SupportedMeasures } from "../../technical/scopes";
 export declare const computeBoundTextPosition: (container: DucElement, boundTextElement: DucTextElementWithContainer, elementsMap: ElementsMap, currentScope: SupportedMeasures) => {
     x: ScopedValue;
     y: ScopedValue;
@@ -34,7 +34,7 @@ export declare const getContainerCoords: (container: NonDeletedDucElement) => {
     x: RawValue;
     y: RawValue;
 };
-export declare const getTextElementAngle: (textElement: DucTextElement, container: DucTextContainer | null) => import("ducjs/types").Radian;
+export declare const getTextElementAngle: (textElement: DucTextElement, container: DucTextContainer | null) => import("../..").Radian;
 export declare const shouldAllowVerticalAlign: (selectedElements: NonDeletedDucElement[], elementsMap: ElementsMap) => boolean;
 export declare const suppportsHorizontalAlign: (selectedElements: NonDeletedDucElement[], elementsMap: ElementsMap) => boolean;
 declare const VALID_CONTAINER_TYPES: Set<string>;

package/dist/utils/elements/textElement.js

@@ -1,11 +1,11 @@
-import { TEXT_ALIGN, VERTICAL_ALIGN } from "ducjs/flatbuffers/duc";
-import { isArrowElement, isBoundToContainer, isTextElement } from "ducjs/types/elements/typeChecks";
-import { getContainerElement, getElementAbsoluteCoords, getResizedElementAbsoluteCoords } from "ducjs/utils/bounds";
-import { ARROW_LABEL_FONT_SIZE_TO_MIN_WIDTH_RATIO, ARROW_LABEL_WIDTH_FRACTION, BOUND_TEXT_PADDING, DEFAULT_FONT_FAMILY, DEFAULT_FONT_SIZE, FONT_FAMILY, WINDOWS_EMOJI_FALLBACK_FONT } from "ducjs/utils/constants";
-import { getBoundTextElementPosition, getPointGlobalCoordinates, getPointsGlobalCoordinates, getSegmentMidPoint } from "ducjs/utils/elements/linearElement";
-import { adjustXYWithRotation } from "ducjs/utils/math";
-import { normalizeText } from "ducjs/utils/normalize";
-import { getPrecisionValueFromRaw, getScopedBezierPointFromDucPoint } from "ducjs/technical/scopes";
+import { TEXT_ALIGN, VERTICAL_ALIGN } from "../../flatbuffers/duc";
+import { isArrowElement, isBoundToContainer, isTextElement } from "../../types/elements/typeChecks";
+import { getContainerElement, getElementAbsoluteCoords, getResizedElementAbsoluteCoords } from "../bounds";
+import { ARROW_LABEL_FONT_SIZE_TO_MIN_WIDTH_RATIO, ARROW_LABEL_WIDTH_FRACTION, BOUND_TEXT_PADDING, DEFAULT_FONT_FAMILY, DEFAULT_FONT_SIZE, FONT_FAMILY, WINDOWS_EMOJI_FALLBACK_FONT } from "../constants";
+import { getBoundTextElementPosition, getPointGlobalCoordinates, getPointsGlobalCoordinates, getSegmentMidPoint } from "./linearElement";
+import { adjustXYWithRotation } from "../math";
+import { normalizeText } from "../normalize";
+import { getPrecisionValueFromRaw, getScopedBezierPointFromDucPoint } from "../../technical/scopes";
 export const computeBoundTextPosition = (container, boundTextElement, elementsMap, currentScope) => {
     if (isArrowElement(container)) {
         const coords = getBoundTextElementPosition(container, boundTextElement, elementsMap, currentScope);
@@ -470,8 +470,10 @@ export const getTextFromElements = (elements, separator = "\n\n") => {
     return text;
 };
 export const getFontFamilyString = ({ fontFamily, }) => {
+    // Handle both number and string fontFamily values
+    const fontFamilyNum = typeof fontFamily === 'string' ? parseInt(fontFamily, 10) : fontFamily;
     for (const [fontFamilyString, id] of Object.entries(FONT_FAMILY)) {
-        if (id === fontFamily) {
+        if (id === fontFamilyNum) {
             return `${fontFamilyString}, ${WINDOWS_EMOJI_FALLBACK_FONT}`;
         }
     }

package/dist/utils/elements/viewportElement.d.ts

@@ -1,4 +1,4 @@
-import { AnnotationScale, ViewportScale } from "ducjs/types";
+import { AnnotationScale, ViewportScale } from "../../types";
 /**
  * Utility functions to convert between the two scales
  */

package/dist/utils/functionCodec.js

@@ -48,8 +48,8 @@ export function reviveEncodedFunction(val) {
         return val;
     try {
         // Wrap in parentheses to handle arrow functions and function declarations uniformly
-        // eslint-disable-next-line no-eval
-        const revived = eval(`(${code})`);
+        // eslint-disable-next-line no-new-func
+        const revived = new Function(`return (${code})`)();
         if (typeof revived === "function")
             return revived;
         return val;

package/dist/utils/index.d.ts

@@ -9,6 +9,7 @@ export * from "./url";
 export * from "./version";
 export * from "./filebyte";
 export * from "./functionCodec";
+export * from "./traverse";
 /**
  * supply `null` as message if non-never value is valid, you just need to
  * typecheck against it

package/dist/utils/index.js

@@ -9,6 +9,7 @@ export * from "./url";
 export * from "./version";
 export * from "./filebyte";
 export * from "./functionCodec";
+export * from "./traverse";
 /**
  * supply `null` as message if non-never value is valid, you just need to
  * typecheck against it

package/dist/utils/math/algebra/gadirections.d.ts

@@ -1,4 +1,4 @@
-import type { GALine, GADirection, GAPoint } from "ducjs/utils/math/algebra/ga";
+import type { GALine, GADirection, GAPoint } from "./ga";
 /**
  * A direction is stored as an array `[0, 0, 0, 0, y, x, 0, 0]` representing
  * vector `(x, y)`.

package/dist/utils/math/algebra/gadirections.js

@@ -1,4 +1,4 @@
-import * as GA from "ducjs/utils/math/algebra/ga";
+import * as GA from "./ga";
 /**
  * A direction is stored as an array `[0, 0, 0, 0, y, x, 0, 0]` representing
  * vector `(x, y)`.

package/dist/utils/math/algebra/galines.d.ts

@@ -1,4 +1,4 @@
-import type { GALine, GAPoint } from "ducjs/utils/math/algebra/ga";
+import type { GALine, GAPoint } from "./ga";
 /**
  * A line is stored as an array `[0, c, a, b, 0, 0, 0, 0]` representing:
  *   c * e0 + a * e1 + b*e2

package/dist/utils/math/algebra/galines.js

@@ -1,4 +1,4 @@
-import * as GA from "ducjs/utils/math/algebra/ga";
+import * as GA from "./ga";
 /**
  * A line is stored as an array `[0, c, a, b, 0, 0, 0, 0]` representing:
  *   c * e0 + a * e1 + b*e2

package/dist/utils/math/algebra/gapoints.d.ts

@@ -1,4 +1,4 @@
-import type { GAPoint, GALine } from "ducjs/utils/math/algebra/ga";
+import type { GAPoint, GALine } from "./ga";
 export declare const fromPoint: ([x, y]: readonly [number, number]) => GAPoint;
 export declare const toTuple: (point: GAPoint) => [number, number];
 export declare const abs: (point: GAPoint) => GAPoint;

package/dist/utils/math/algebra/gapoints.js

@@ -1,6 +1,6 @@
-import * as GA from "ducjs/utils/math/algebra/ga";
-import * as GALines from "ducjs/utils/math/algebra/galines";
-import { join } from "ducjs/utils/math/algebra/ga";
+import * as GA from "./ga";
+import * as GALines from "./galines";
+import { join } from "./ga";
 export const fromPoint = ([x, y]) => [
     0,
     0,

package/dist/utils/math/algebra/gatransforms.d.ts

@@ -1,4 +1,4 @@
-import type { GALine, GADirection, GAPoint, GATransform } from "ducjs/utils/math/algebra/ga";
+import type { GALine, GADirection, GAPoint, GATransform } from "./ga";
 /**
  * TODO: docs
  */

package/dist/utils/math/algebra/gatransforms.js

@@ -1,5 +1,5 @@
-import * as GA from "ducjs/utils/math/algebra/ga";
-import * as GADirections from "ducjs/utils/math/algebra/gadirections";
+import * as GA from "./ga";
+import * as GADirections from "./gadirections";
 /**
  * TODO: docs
  */

package/dist/utils/math/bbox.d.ts

@@ -1,5 +1,5 @@
-import { Bounds, LineSegment } from "ducjs/types/geometryTypes";
-import { GeometricPoint } from "ducjs/types/geometryTypes";
+import { Bounds, LineSegment } from "../../types/geometryTypes";
+import { GeometricPoint } from "../../types/geometryTypes";
 export declare function getBBox(line: LineSegment): Bounds;
 export declare function crossProduct(a: GeometricPoint, b: GeometricPoint): number;
 export declare function doBBoxesIntersect(a: Bounds, b: Bounds): boolean;