ducjs 2.4.0 → 3.0.3

package/dist/utils/constants.js

@@ -1,4 +1,4 @@
-import { ELEMENT_CONTENT_PREFERENCE, OBJECT_SNAP_MODE, STROKE_JOIN, STROKE_PLACEMENT, STROKE_PREFERENCE, TEXT_ALIGN, VERTICAL_ALIGN } from "../flatbuffers/duc";
+import { ELEMENT_CONTENT_PREFERENCE, STROKE_JOIN, STROKE_PLACEMENT, STROKE_PREFERENCE, TEXT_ALIGN, VERTICAL_ALIGN } from "../enums";
 import { MAX_ZOOM, MIN_ZOOM, NEUTRAL_SCOPE } from "../technical/scopes";
 export const COLOR_PALETTE = {
     transparent: "transparent",
@@ -243,7 +243,6 @@ export const DEFAULT_ELEMENT_PROPS = {
     },
     isVisible: true,
     isPlot: true,
-    isAnnotative: false,
     roundness: { value: 0, scoped: 0 },
     opacity: 1,
     locked: false,
@@ -276,201 +275,6 @@ export const DEFAULT_ELLIPSE_ELEMENT = {
     endAngle: Math.PI * 2,
     showAuxCrosshair: false,
 };
-/**
- * Grid display types
- */
-export const GRID_DISPLAY_TYPE = {
-    LINES: 10,
-    DOTS: 11,
-    CROSSES: 12,
-    ADAPTIVE: 13, // Changes based on zoom level
-};
-/**
- * Grid coordinate system types
- */
-export const GRID_TYPE = {
-    RECTANGULAR: 10,
-    ISOMETRIC: 11,
-    POLAR: 12,
-    TRIANGULAR: 13,
-    CUSTOM: 14,
-};
-/**
- * Default grid configurations
- */
-export const DEFAULT_GRID_SETTINGS = {
-    readonly: true,
-    isAdaptive: true,
-    type: GRID_TYPE.RECTANGULAR,
-    displayType: GRID_DISPLAY_TYPE.LINES,
-    xSpacing: { value: 10, scoped: 10 },
-    ySpacing: { value: 10, scoped: 10 },
-    subdivisions: 5,
-    origin: { x: 0, y: 0 },
-    rotation: 0,
-    followUCS: true,
-    majorStyle: {
-        color: "#CCCCCC",
-        opacity: 0.5,
-        dashPattern: [1, 1],
-    },
-    minorStyle: {
-        color: "#EEEEEE",
-        opacity: 0.3,
-        dashPattern: [0.5, 0.5],
-    },
-    showMinor: true,
-    minZoom: 0.1,
-    maxZoom: 100,
-    autoHide: true,
-    enableSnapping: true,
-};
-/**
- * Predefined grid configurations
- */
-export const PREDEFINED_GRIDS = {
-    ARCHITECTURAL_IMPERIAL: "arch-imperial",
-    ARCHITECTURAL_METRIC: "arch-metric",
-    ENGINEERING_IMPERIAL: "eng-imperial",
-    ENGINEERING_METRIC: "eng-metric",
-    ISOMETRIC_30: "iso-30",
-    POLAR_DEGREES: "polar-deg",
-    FINE_DETAIL: "fine-detail",
-};
-/**
- * Snap behavior modes
- */
-export const SNAP_MODE = {
-    RUNNING: 10,
-    SINGLE: 11,
-};
-/**
- * Snap override behaviors
- */
-export const SNAP_OVERRIDE_BEHAVIOR = {
-    DISABLE: 10,
-    FORCE_GRID: 11,
-    FORCE_OBJECT: 12,
-};
-/**
- * Snap marker shapes
- */
-export const SNAP_MARKER_SHAPE = {
-    SQUARE: 10,
-    CIRCLE: 11,
-    TRIANGLE: 12,
-    X: 13,
-};
-/**
- * Default snap settings configuration
- */
-export const DEFAULT_SNAP_SETTINGS = {
-    readonly: true,
-    twistAngle: 0,
-    snapTolerance: 10,
-    objectSnapAperture: 8,
-    isOrthoModeOn: false,
-    polarTracking: {
-        enabled: false,
-        angles: [
-            0,
-            Math.PI / 4,
-            Math.PI / 2,
-            3 * Math.PI / 4,
-            Math.PI,
-            5 * Math.PI / 4,
-            3 * Math.PI / 2,
-            7 * Math.PI / 4
-        ],
-        trackFromLastPoint: true,
-        showPolarCoordinates: true,
-    },
-    isObjectSnapOn: true,
-    activeObjectSnapModes: [
-        OBJECT_SNAP_MODE.ENDPOINT,
-        OBJECT_SNAP_MODE.MIDPOINT,
-        OBJECT_SNAP_MODE.CENTER,
-        OBJECT_SNAP_MODE.INTERSECTION,
-    ],
-    snapPriority: [
-        OBJECT_SNAP_MODE.ENDPOINT,
-        OBJECT_SNAP_MODE.INTERSECTION,
-        OBJECT_SNAP_MODE.MIDPOINT,
-        OBJECT_SNAP_MODE.CENTER,
-        OBJECT_SNAP_MODE.QUADRANT,
-        OBJECT_SNAP_MODE.TANGENT,
-        OBJECT_SNAP_MODE.PERPENDICULAR,
-        OBJECT_SNAP_MODE.NEAREST,
-    ],
-    showTrackingLines: true,
-    trackingLineStyle: {
-        color: "#00FF00",
-        opacity: 0.7,
-        dashPattern: [2, 2],
-    },
-    dynamicSnap: {
-        enabledDuringDrag: true,
-        enabledDuringRotation: true,
-        enabledDuringScale: true,
-    },
-    temporaryOverrides: [
-        { key: "Shift", behavior: SNAP_OVERRIDE_BEHAVIOR.DISABLE },
-        { key: "F9", behavior: SNAP_OVERRIDE_BEHAVIOR.FORCE_GRID },
-    ],
-    magneticStrength: 50,
-    snapMode: SNAP_MODE.RUNNING,
-    snapMarkers: {
-        enabled: true,
-        size: 8,
-        duration: 2000,
-        styles: {
-            [OBJECT_SNAP_MODE.NONE]: { shape: SNAP_MARKER_SHAPE.SQUARE, color: "#FFFFFF" },
-            [OBJECT_SNAP_MODE.ENDPOINT]: { shape: SNAP_MARKER_SHAPE.SQUARE, color: "#FF0000" },
-            [OBJECT_SNAP_MODE.MIDPOINT]: { shape: SNAP_MARKER_SHAPE.TRIANGLE, color: "#00FF00" },
-            [OBJECT_SNAP_MODE.INTERSECTION]: { shape: SNAP_MARKER_SHAPE.X, color: "#FF00FF" },
-            [OBJECT_SNAP_MODE.EXTENSION]: { shape: SNAP_MARKER_SHAPE.CIRCLE, color: "#FFA500" },
-            [OBJECT_SNAP_MODE.PERPENDICULAR]: { shape: SNAP_MARKER_SHAPE.SQUARE, color: "#800080" },
-            [OBJECT_SNAP_MODE.TANGENT]: { shape: SNAP_MARKER_SHAPE.CIRCLE, color: "#008080" },
-            [OBJECT_SNAP_MODE.NEAREST]: { shape: SNAP_MARKER_SHAPE.SQUARE, color: "#808080" },
-            [OBJECT_SNAP_MODE.NODE]: { shape: SNAP_MARKER_SHAPE.CIRCLE, color: "#FFB6C1" },
-            [OBJECT_SNAP_MODE.INSERT]: { shape: SNAP_MARKER_SHAPE.TRIANGLE, color: "#90EE90" },
-            [OBJECT_SNAP_MODE.PARALLEL]: { shape: SNAP_MARKER_SHAPE.SQUARE, color: "#F0E68C" },
-            [OBJECT_SNAP_MODE.APPARENT]: { shape: SNAP_MARKER_SHAPE.X, color: "#DDA0DD" },
-            [OBJECT_SNAP_MODE.FROM]: { shape: SNAP_MARKER_SHAPE.CIRCLE, color: "#20B2AA" },
-            [OBJECT_SNAP_MODE.POINT_FILTER]: { shape: SNAP_MARKER_SHAPE.SQUARE, color: "#F4A460" },
-            [OBJECT_SNAP_MODE.TEMPORARY]: { shape: SNAP_MARKER_SHAPE.CIRCLE, color: "#32CD32" },
-            [OBJECT_SNAP_MODE.BETWEEN_TWO_POINTS]: { shape: SNAP_MARKER_SHAPE.TRIANGLE, color: "#FF6347" },
-            [OBJECT_SNAP_MODE.POINT_ON_CURVE]: { shape: SNAP_MARKER_SHAPE.CIRCLE, color: "#4169E1" },
-            [OBJECT_SNAP_MODE.GEOMETRIC]: { shape: SNAP_MARKER_SHAPE.SQUARE, color: "#DC143C" },
-            [OBJECT_SNAP_MODE.CENTER]: { shape: SNAP_MARKER_SHAPE.CIRCLE, color: "#0000FF" },
-            [OBJECT_SNAP_MODE.QUADRANT]: { shape: SNAP_MARKER_SHAPE.SQUARE, color: "#FFFF00" },
-        },
-    },
-    constructionSnapEnabled: true,
-    snapToGridIntersections: false,
-};
-export const PAPER_SIZE = {
-    // ISO A Series
-    A0: "A0",
-    A1: "A1",
-    A2: "A2",
-    A3: "A3",
-    A4: "A4",
-    A5: "A5",
-    // ANSI Series
-    ANSI_A: "ANSI_A", // 8.5 x 11
-    ANSI_B: "ANSI_B", // 11 x 17
-    ANSI_C: "ANSI_C", // 17 x 22
-    ANSI_D: "ANSI_D", // 22 x 34
-    ANSI_E: "ANSI_E", // 34 x 44
-    // Architectural
-    ARCH_A: "ARCH_A", // 9 x 12
-    ARCH_B: "ARCH_B", // 12 x 18
-    ARCH_C: "ARCH_C", // 18 x 24
-    ARCH_D: "ARCH_D", // 24 x 36
-    ARCH_E: "ARCH_E", // 36 x 48
-    CUSTOM: "CUSTOM",
-};
 export const PREDEFINED_HATCH_PATTERNS = {
     // Solid Fill
     SOLID: "SOLID",

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

@@ -1,9 +1,8 @@
-export * from "./newElement";
+export * from "./frameElement";
 export * from "./freedrawElement";
 export * from "./linearElement";
+export * from "./newElement";
 export * from "./textElement";
-export * from "./frameElement";
-export * from "./viewportElement";
 import { Scope } from "../../types";
 import { _DucStackBase, DucElement, DucNonSelectionElement, DucTableElement, DucTextStyle, ElementConstructorOpts, NonDeleted } from "../../types/elements";
 import { GeometricPoint, TuplePoint } from "../../types/geometryTypes";
@@ -25,17 +24,7 @@ export declare const getDefaultStackProperties: () => _DucStackBase;
  * which are added during element creation.
  */
 export declare const getDefaultTableData: (currentScope: Scope) => {
-    columnOrder: DucTableElement["columnOrder"];
-    rowOrder: DucTableElement["rowOrder"];
-    columns: DucTableElement["columns"];
-    rows: DucTableElement["rows"];
-    cells: DucTableElement["cells"];
-    flowDirection: DucTableElement["flowDirection"];
-    headerRowStyle: DucTableElement["headerRowStyle"];
-    dataRowStyle: DucTableElement["dataRowStyle"];
-    dataColumnStyle: DucTableElement["dataColumnStyle"];
-    headerRowCount: DucTableElement["headerRowCount"];
-    autoSize: DucTableElement["autoSize"];
+    fileId: DucTableElement["fileId"];
 };
 export declare const getBaseElementProps: (element: DucNonSelectionElement) => ElementConstructorOpts;
 export declare function convertPointToTuple(point: GeometricPoint): TuplePoint;

package/dist/utils/elements/index.js

@@ -1,15 +1,14 @@
-export * from "./newElement";
+export * from "./frameElement";
 export * from "./freedrawElement";
 export * from "./linearElement";
+export * from "./newElement";
 export * from "./textElement";
-export * from "./frameElement";
-export * from "./viewportElement";
-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 { LINE_SPACING_TYPE } from "../../enums";
 import { getPrecisionValueFromRaw } from "../../technical/scopes";
+import { isFreeDrawElement, isLinearElement } from "../../types/elements/typeChecks";
+import { DEFAULT_FONT_FAMILY, DEFAULT_FONT_SIZE, DEFAULT_TEXT_ALIGN, DEFAULT_VERTICAL_ALIGN } from "../constants";
+import { randomInteger } from "../math/random";
 /**
  * Returns a default DucTextStyle object for the given scope.
  */
@@ -24,7 +23,6 @@ export function getDefaultTextStyle(currentScope) {
         lineSpacing: { type: LINE_SPACING_TYPE.MULTIPLE, value: 1.2 },
         obliqueAngle: 0,
         fontSize: getPrecisionValueFromRaw(DEFAULT_FONT_SIZE, currentScope, currentScope),
-        paperTextHeight: undefined,
         widthFactor: 1,
         isUpsideDown: false,
         isBackwards: false,
@@ -50,7 +48,6 @@ export const getDefaultStackProperties = () => {
         isVisible: true,
         isPlot: true,
         opacity: 1,
-        labelingColor: "transparent",
     };
 };
 /**
@@ -59,96 +56,8 @@ export const getDefaultStackProperties = () => {
  * which are added during element creation.
  */
 export const getDefaultTableData = (currentScope) => {
-    // Default structure
-    const columnCount = 3;
-    const headerRowCount = 1;
-    const dataRowCount = 3; // header + 3 data rows
-    const totalRows = headerRowCount + dataRowCount;
-    const columnIds = Array.from({ length: columnCount }, (_, i) => `col${i + 1}`);
-    const rowIds = Array.from({ length: totalRows }, (_, i) => `row${i + 1}`);
-    // Spacing and sizing
-    const hMargin = getPrecisionValueFromRaw(8, currentScope, currentScope);
-    const vMargin = getPrecisionValueFromRaw(6, currentScope, currentScope);
-    const defaultFontSize = getPrecisionValueFromRaw(DEFAULT_FONT_SIZE, currentScope, currentScope);
-    // Slightly taller header row for visual hierarchy
-    const dataRowHeight = (defaultFontSize.value * 1.2) + (vMargin.value * 2);
-    const headerRowHeight = (defaultFontSize.value * 1.4) + (vMargin.value * 2);
-    // A practical starting column width
-    const defaultColumnWidth = getPrecisionValueFromRaw(140, currentScope, currentScope);
-    // Base/default styling for cells
-    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",
-            textAlign: DEFAULT_TEXT_ALIGN,
-            verticalAlign: DEFAULT_VERTICAL_ALIGN,
-            lineHeight: 1.2,
-            lineSpacing: { type: LINE_SPACING_TYPE.MULTIPLE, value: 1.2 },
-            obliqueAngle: 0,
-            fontSize: defaultFontSize,
-            paperTextHeight: undefined,
-            widthFactor: 1,
-            isUpsideDown: false,
-            isBackwards: false,
-        },
-        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,
-    };
-    // Create default columns
-    const columns = Object.fromEntries(columnIds.map((id) => [id, { id, width: defaultColumnWidth }]));
-    // Create default rows (taller header row)
-    const rows = Object.fromEntries(rowIds.map((id, idx) => [
-        id,
-        {
-            id,
-            height: idx < headerRowCount
-                ? getPrecisionValueFromRaw(headerRowHeight, currentScope, currentScope)
-                : getPrecisionValueFromRaw(dataRowHeight, currentScope, currentScope)
-        },
-    ]));
-    // Create default cells
-    const cells = Object.create(null);
-    // Friendly header labels via Markdown (bold)
-    const headerLabels = ["Column A", "Column B", "Column C"];
-    rowIds.forEach((rowId, rIdx) => {
-        columnIds.forEach((colId, cIdx) => {
-            var _a;
-            const cellId = `${rowId}:${colId}`;
-            const isHeaderRow = rIdx < headerRowCount;
-            cells[cellId] = {
-                rowId,
-                columnId: colId,
-                data: isHeaderRow ? `**${(_a = headerLabels[cIdx]) !== null && _a !== void 0 ? _a : `Column ${cIdx + 1}`}**` : "",
-                locked: false,
-            };
-        });
-    });
     return {
-        // Data Structure
-        columnOrder: columnIds,
-        rowOrder: rowIds,
-        columns,
-        rows,
-        cells,
-        // Style & Behavior
-        flowDirection: TABLE_FLOW_DIRECTION.DOWN,
-        headerRowStyle: baseCellStyle,
-        dataRowStyle: baseCellStyle,
-        dataColumnStyle: baseCellStyle,
-        headerRowCount,
-        // Let rows grow to fit content; keep columns fixed unless user opts in
-        autoSize: { columns: false, rows: true },
+        fileId: null,
     };
 };
 export const getBaseElementProps = (element) => {
@@ -159,7 +68,6 @@ export const getBaseElementProps = (element) => {
         label: element.label,
         isVisible: element.isVisible,
         isPlot: element.isPlot,
-        isAnnotative: element.isAnnotative,
         layerId: element.layerId,
         regionIds: element.regionIds,
         blockIds: element.blockIds,

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

@@ -1,13 +1,13 @@
-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";
+import { HANDLE_TYPE } from "../../enums";
 export type HandleType = ValueOf<typeof HANDLE_TYPE> | null;
 export type HandleInfo = {
     pointIndex: number;
-    handleType: HandleInfo;
+    handleType: HandleType;
     lineIndex: number;
     handle: DucPoint;
 };

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

@@ -1,5 +1,5 @@
 import { Scope } from "../../types";
-import { DucArrowElement, DucDimensionElement, DucDocElement, DucElement, DucEllipseElement, DucEmbeddableElement, DucFeatureControlFrameElement, DucFrameElement, DucFreeDrawElement, DucGenericElement, DucImageElement, DucLeaderElement, DucLinearElement, DucMermaidElement, DucModelElement, DucPdfElement, DucPlotElement, DucPolygonElement, DucTableElement, DucTextElement, DucViewportElement, DucXRayElement, ElementConstructorOpts, ElementUpdate, NonDeleted } from "../../types/elements";
+import { DucArrowElement, DucDocElement, DucElement, DucEllipseElement, DucEmbeddableElement, DucFrameElement, DucFreeDrawElement, DucGenericElement, DucImageElement, DucLinearElement, DucModelElement, DucPdfElement, DucPlotElement, DucPolygonElement, DucTableElement, DucTextElement, 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 */
@@ -12,11 +12,6 @@ export declare const newEmbeddableElement: (currentScope: Scope, opts: {
 } & ElementConstructorOpts) => NonDeleted<DucEmbeddableElement>;
 export declare const newFrameElement: (currentScope: Scope, opts: ElementConstructorOpts) => NonDeleted<DucFrameElement>;
 export declare const newPlotElement: (currentScope: Scope, opts: ElementConstructorOpts) => NonDeleted<DucPlotElement>;
-export declare const newViewportElement: (currentScope: Scope, opts: {
-    zoom?: number;
-    scopeExponentThreshold?: number;
-    mainScope?: Scope;
-} & ElementConstructorOpts) => NonDeleted<DucViewportElement>;
 export declare const newEllipseElement: (currentScope: Scope, opts: {
     type: "ellipse";
     ratio?: DucEllipseElement["ratio"];
@@ -41,12 +36,7 @@ export declare const newImageElement: (currentScope: Scope, opts: Partial<DucIma
 export declare const newTableElement: (currentScope: Scope, opts: Partial<DucTableElement> & ElementConstructorOpts) => NonDeleted<DucTableElement>;
 export declare const newDocElement: (currentScope: Scope, opts: Partial<DucDocElement> & ElementConstructorOpts) => NonDeleted<DucDocElement>;
 export declare const newPdfElement: (currentScope: Scope, opts: ElementConstructorOpts) => NonDeleted<DucPdfElement>;
-export declare const newMermaidElement: (currentScope: Scope, opts: ElementConstructorOpts) => NonDeleted<DucMermaidElement>;
-export declare const newXRayElement: (currentScope: Scope, opts: ElementConstructorOpts) => NonDeleted<DucXRayElement>;
-export declare const newLeaderElement: (currentScope: Scope, opts: Partial<DucLeaderElement> & ElementConstructorOpts) => NonDeleted<DucLeaderElement>;
-export declare const newDimensionElement: (currentScope: Scope, opts: ElementConstructorOpts) => NonDeleted<DucDimensionElement>;
-export declare const newFeatureControlFrameElement: (currentScope: Scope, opts: ElementConstructorOpts) => NonDeleted<DucFeatureControlFrameElement>;
-export declare const newParametricElement: (currentScope: Scope, opts: ElementConstructorOpts) => NonDeleted<DucModelElement>;
+export declare const newModelElement: (currentScope: Scope, opts: ElementConstructorOpts) => NonDeleted<DucModelElement>;
 /**
  * Clones DucElement data structure. Does not regenerate id, nonce, or
  * any value. The purpose is to to break object references for immutability

package/dist/utils/elements/newElement.js

@@ -9,13 +9,13 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-import { getUpdatedTimestamp, getZoom } from "..";
-import { BLOCK_ATTACHMENT, COLUMN_TYPE, DATUM_BRACKET_STYLE, IMAGE_STATUS, LINE_SPACING_TYPE, STACKED_TEXT_ALIGN, TEXT_FLOW_DIRECTION, VERTICAL_ALIGN, VIEWPORT_SHADE_PLOT } from "../../flatbuffers/duc";
+import { getUpdatedTimestamp } from "..";
+import { IMAGE_STATUS, LINE_SPACING_TYPE, } from "../../enums";
 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 { getDefaultStackProperties } from "./";
 import { getFontString, getTextElementPositionOffsets, measureText, } from "./textElement";
 export const newElementWith = (element, updates, 
 /** pass `true` to always regenerate */
@@ -39,7 +39,7 @@ force = false) => {
 };
 const _newElementBase = (type, currentScope, _a) => {
     var _b, _c;
-    var { x, y, scope = currentScope, zIndex, index = DEFAULT_ELEMENT_PROPS.index, label, isVisible = DEFAULT_ELEMENT_PROPS.isVisible, isPlot = DEFAULT_ELEMENT_PROPS.isPlot, isAnnotative = DEFAULT_ELEMENT_PROPS.isAnnotative, stroke = [DEFAULT_ELEMENT_PROPS.stroke], background = [DEFAULT_ELEMENT_PROPS.background], opacity = DEFAULT_ELEMENT_PROPS.opacity, width = DEFAULT_ELEMENT_PROPS.width, height = DEFAULT_ELEMENT_PROPS.height, angle = DEFAULT_ELEMENT_PROPS.angle, groupIds = DEFAULT_ELEMENT_PROPS.groupIds, blockIds = [], instanceId = null, regionIds = [], frameId = DEFAULT_ELEMENT_PROPS.frameId, layerId = null, roundness = DEFAULT_ELEMENT_PROPS.roundness, boundElements = DEFAULT_ELEMENT_PROPS.boundElements, link = DEFAULT_ELEMENT_PROPS.link, locked = DEFAULT_ELEMENT_PROPS.locked, description = null } = _a, rest = __rest(_a, ["x", "y", "scope", "zIndex", "index", "label", "isVisible", "isPlot", "isAnnotative", "stroke", "background", "opacity", "width", "height", "angle", "groupIds", "blockIds", "instanceId", "regionIds", "frameId", "layerId", "roundness", "boundElements", "link", "locked", "description"]);
+    var { x, y, scope = currentScope, zIndex, index = DEFAULT_ELEMENT_PROPS.index, label, isVisible = DEFAULT_ELEMENT_PROPS.isVisible, isPlot = DEFAULT_ELEMENT_PROPS.isPlot, stroke = [DEFAULT_ELEMENT_PROPS.stroke], background = [DEFAULT_ELEMENT_PROPS.background], opacity = DEFAULT_ELEMENT_PROPS.opacity, width = DEFAULT_ELEMENT_PROPS.width, height = DEFAULT_ELEMENT_PROPS.height, angle = DEFAULT_ELEMENT_PROPS.angle, groupIds = DEFAULT_ELEMENT_PROPS.groupIds, blockIds = [], instanceId = null, regionIds = [], frameId = DEFAULT_ELEMENT_PROPS.frameId, layerId = null, roundness = DEFAULT_ELEMENT_PROPS.roundness, boundElements = DEFAULT_ELEMENT_PROPS.boundElements, link = DEFAULT_ELEMENT_PROPS.link, locked = DEFAULT_ELEMENT_PROPS.locked, description = null } = _a, rest = __rest(_a, ["x", "y", "scope", "zIndex", "index", "label", "isVisible", "isPlot", "stroke", "background", "opacity", "width", "height", "angle", "groupIds", "blockIds", "instanceId", "regionIds", "frameId", "layerId", "roundness", "boundElements", "link", "locked", "description"]);
     // assign type to guard against excess properties
     const element = {
         id: rest.id || randomId(),
@@ -73,7 +73,6 @@ const _newElementBase = (type, currentScope, _a) => {
         description,
         customData: rest.customData,
         isPlot,
-        isAnnotative,
         regionIds,
         layerId,
     };
@@ -83,8 +82,8 @@ 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(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: {
+export const newFrameElement = (currentScope, opts) => (Object.assign(Object.assign(Object.assign(Object.assign({}, getDefaultStackProperties()), { clip: false, labelVisible: true }), _newElementBase("frame", currentScope, opts)), { type: "frame" }));
+export const newPlotElement = (currentScope, opts) => (Object.assign(Object.assign(Object.assign(Object.assign({}, getDefaultStackProperties()), { clip: false, labelVisible: true, layout: {
         margins: {
             top: getPrecisionValueFromRaw(0, currentScope, currentScope),
             right: getPrecisionValueFromRaw(0, currentScope, currentScope),
@@ -92,20 +91,6 @@ export const newPlotElement = (currentScope, opts) => (Object.assign(Object.assi
             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(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),
-            twistAngle: 0,
-            centerPoint: {
-                x: getPrecisionValueFromRaw(0, currentScope, currentScope),
-                y: getPrecisionValueFromRaw(0, currentScope, currentScope),
-            },
-            scope: currentScope,
-        }, 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 });
 };
@@ -140,7 +125,7 @@ export const newTextElement = (currentScope, opts) => {
         textAlign,
         verticalAlign, width: getPrecisionValueFromRaw(finalWidth, scope, currentScope), height: getPrecisionValueFromRaw(finalHeight, scope, currentScope), containerId: opts.containerId || null, originalText: (_b = opts.originalText) !== null && _b !== void 0 ? _b : text, autoResize: (_c = opts.autoResize) !== null && _c !== void 0 ? _c : true, lineHeight, 
         // DucTextStyle properties
-        isLtr: (_d = opts.isLtr) !== null && _d !== void 0 ? _d : true, bigFontFamily: opts.bigFontFamily || "sans-serif", lineSpacing: opts.lineSpacing || { type: LINE_SPACING_TYPE.MULTIPLE, value: lineHeight }, obliqueAngle: opts.obliqueAngle || 0, paperTextHeight: opts.paperTextHeight, widthFactor: opts.widthFactor || 1, isUpsideDown: (_e = opts.isUpsideDown) !== null && _e !== void 0 ? _e : false, isBackwards: (_f = opts.isBackwards) !== null && _f !== void 0 ? _f : false, dynamic: opts.dynamic || [] });
+        isLtr: (_d = opts.isLtr) !== null && _d !== void 0 ? _d : true, bigFontFamily: opts.bigFontFamily || "sans-serif", lineSpacing: opts.lineSpacing || { type: LINE_SPACING_TYPE.MULTIPLE, value: lineHeight }, obliqueAngle: opts.obliqueAngle || 0, widthFactor: opts.widthFactor || 1, isUpsideDown: (_e = opts.isUpsideDown) !== null && _e !== void 0 ? _e : false, isBackwards: (_f = opts.isBackwards) !== null && _f !== void 0 ? _f : false });
 };
 export const newFreeDrawElement = (currentScope, opts) => {
     var _a, _b, _c, _d;
@@ -159,36 +144,22 @@ export const newImageElement = (currentScope, opts) => {
     var _a, _b, _c;
     return (Object.assign(Object.assign({}, _newElementBase("image", currentScope, opts)), { type: "image", status: (_a = opts.status) !== null && _a !== void 0 ? _a : IMAGE_STATUS.PENDING, fileId: (_b = opts.fileId) !== null && _b !== void 0 ? _b : null, scaleFlip: (_c = opts.scaleFlip) !== null && _c !== void 0 ? _c : [1, 1], crop: null, filter: null }));
 };
-export const newTableElement = (currentScope, opts) => (Object.assign(Object.assign(Object.assign({}, _newElementBase("table", currentScope, opts)), getDefaultTableData(currentScope)), { type: "table" }));
-export const newDocElement = (currentScope, opts) => {
-    var _a, _b, _c, _d;
-    return (Object.assign(Object.assign({}, _newElementBase("doc", currentScope, opts)), { type: "doc", text: opts.text || "", dynamic: opts.dynamic || [], flowDirection: opts.flowDirection || TEXT_FLOW_DIRECTION.TOP_TO_BOTTOM, columns: opts.columns || { type: COLUMN_TYPE.NO_COLUMNS, definitions: [], autoHeight: true }, autoResize: (_a = opts.autoResize) !== null && _a !== void 0 ? _a : true, fileId: null, gridConfig: { columns: 1, gapX: 0, gapY: 0, alignItems: 'start', firstPageAlone: false, scale: 1 }, 
-        // 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({ fileId: null, gridConfig: { columns: 1, gapX: 0, gapY: 0, alignItems: 'start', firstPageAlone: false, scale: 1 } }, _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({ 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({ rows: [], leaderElementId: null, textStyle: getDefaultTextStyle(currentScope), layout: {
-            padding: getPrecisionValueFromRaw(4, currentScope, currentScope),
-            segmentSpacing: getPrecisionValueFromRaw(4, currentScope, currentScope),
-            rowSpacing: getPrecisionValueFromRaw(2, currentScope, currentScope),
-        }, symbols: {
-            scale: 1,
-        }, datumStyle: {
-            bracketStyle: DATUM_BRACKET_STYLE.SQUARE
-        } }, _newElementBase("featurecontrolframe", currentScope, opts)), { type: "featurecontrolframe" });
+export const newTableElement = (currentScope, opts) => {
+    var _a;
+    return (Object.assign(Object.assign({}, _newElementBase("table", currentScope, opts)), { fileId: (_a = opts.fileId) !== null && _a !== void 0 ? _a : null, type: "table" }));
 };
-export const newParametricElement = (currentScope, opts) => (Object.assign(Object.assign({ source: "", svgPath: null, fileIds: [] }, _newElementBase("model", currentScope, opts)), { type: 'model' }));
+export const newDocElement = (currentScope, opts) => {
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
+    return (Object.assign(Object.assign({}, _newElementBase("doc", currentScope, opts)), { type: "doc", text: opts.text || "", fileId: (_a = opts.fileId) !== null && _a !== void 0 ? _a : null, gridConfig: {
+            columns: (_c = (_b = opts.gridConfig) === null || _b === void 0 ? void 0 : _b.columns) !== null && _c !== void 0 ? _c : 1,
+            gapX: (_e = (_d = opts.gridConfig) === null || _d === void 0 ? void 0 : _d.gapX) !== null && _e !== void 0 ? _e : 0,
+            gapY: (_g = (_f = opts.gridConfig) === null || _f === void 0 ? void 0 : _f.gapY) !== null && _g !== void 0 ? _g : 0,
+            firstPageAlone: (_j = (_h = opts.gridConfig) === null || _h === void 0 ? void 0 : _h.firstPageAlone) !== null && _j !== void 0 ? _j : false,
+            scale: (_l = (_k = opts.gridConfig) === null || _k === void 0 ? void 0 : _k.scale) !== null && _l !== void 0 ? _l : 1,
+        } }));
+};
+export const newPdfElement = (currentScope, opts) => (Object.assign(Object.assign({ fileId: null, gridConfig: { columns: 1, gapX: 0, gapY: 0, firstPageAlone: false, scale: 1 } }, _newElementBase("pdf", currentScope, opts)), { type: "pdf" }));
+export const newModelElement = (currentScope, opts) => (Object.assign(Object.assign({ modelType: null, code: null, svgPath: null, fileIds: [], viewerState: null }, _newElementBase("model", currentScope, opts)), { type: 'model' }));
 // Simplified deep clone for the purpose of cloning DucElement.
 //
 // Only clones plain objects and arrays. Doesn't clone Date, RegExp, Map, Set,

package/dist/utils/elements/textElement.js

@@ -1,4 +1,4 @@
-import { TEXT_ALIGN, VERTICAL_ALIGN } from "../../flatbuffers/duc";
+import { TEXT_ALIGN, VERTICAL_ALIGN } from "../../enums";
 import { getPrecisionValueFromRaw, getScopedBezierPointFromDucPoint } from "../../technical/scopes";
 import { isArrowElement, isBoundToContainer, isTextElement } from "../../types/elements/typeChecks";
 import { getContainerElement, getElementAbsoluteCoords, getResizedElementAbsoluteCoords } from "../bounds";

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

@@ -1,13 +1,14 @@
-export * from "./geometry";
-export * from "./bbox";
 export * from "./algebra";
+export * from "./bbox";
+export * from "./geometry";
 export * from "./random";
-import type { NullableGridSize, Zoom } from "../../types";
+import { SupportedMeasures } from "../../technical/scopes";
+import type { Zoom } from "../../types";
 import { Scope, ScopedValue } from "../../types";
 import type { DucElement, DucLine, DucLinearElement, DucLinearLikeElement, DucPoint, NonDeleted } from "../../types/elements";
 import type { Bounds, GeometricPoint, GeometricVector, Percentage, Radian } from "../../types/geometryTypes";
 import { Heading } from "../../types/geometryTypes";
-import { SupportedMeasures } from "../../technical/scopes";
+export type NullableGridSize = number | null;
 export declare const getRadianFromDegrees: (degrees: number) => Radian;
 export declare const getDegreesFromRadian: (radian: Radian) => number;
 export declare const getPercentageValueFromPercentage: (value: number) => Percentage;

package/dist/utils/math/index.js

@@ -1,10 +1,10 @@
-export * from "./geometry";
-export * from "./bbox";
 export * from "./algebra";
+export * from "./bbox";
+export * from "./geometry";
 export * from "./random";
+import { getPrecisionValueFromRaw, getPrecisionValueFromScoped, getScopedBezierPointFromDucPoint } from "../../technical/scopes";
 import { LINE_CONFIRM_THRESHOLD } from "../constants";
 import { pointFrom } from "./geometry";
-import { getPrecisionValueFromRaw, getPrecisionValueFromScoped, getScopedBezierPointFromDucPoint } from "../../technical/scopes";
 export const getRadianFromDegrees = (degrees) => {
     return degrees * (Math.PI / 180);
 };

package/dist/utils/shape.js

@@ -1,11 +1,11 @@
-import { BEZIER_MIRRORING } from "../flatbuffers/duc";
+import { BEZIER_MIRRORING } from "../enums";
+import { getPrecisionValueFromRaw, getPrecisionValueFromScoped } from "../technical/scopes";
 import { isArrowElement, isEllipseElement, isFreeDrawElement, isLinearElement, isPolygonElement } from "../types/elements/typeChecks";
 import { calculateShapeBounds } from "./bounds";
 import { getBaseElementProps } from "./elements";
 import { getNormalizedPoints, mergeOverlappingPoints } from "./elements/linearElement";
 import { newLinearElement } from "./elements/newElement";
 import { rotatePoint } from "./math";
-import { getPrecisionValueFromRaw, getPrecisionValueFromScoped } from "../technical/scopes";
 /**
  * Converts a shape (rectangle, polygon, ellipse) to a linear element
  */

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

@@ -1,4 +1,3 @@
-export * from "./grid";
 import { DucGlobalState, DucLocalState, Scope, Zoom } from "../../types";
 /**
  * Returns the zoom object with value, scoped, and scaled properties,