@flowgram.ai/document 0.1.0-alpha.8 → 0.1.0-alpha.9

package/dist/esm/index.js

@@ -317,7 +317,6 @@ var _FlowNodeRenderData = class _FlowNodeRenderData extends EntityData {
     this.expanded = !this.expanded;
   }
   toggleMouseEnter(silent = false) {
-    var _a;
     this.entity.document.renderState.setNodeHovered(this.entity);
     if (silent) return;
     const transform = this.entity.getData(FlowNodeTransformData);
@@ -329,7 +328,7 @@ var _FlowNodeRenderData = class _FlowNodeRenderData extends EntityData {
       this.mouseLeaveTimeout = void 0;
     }
     transform.renderState.hovered = true;
-    if (this.entity.isFirst && ((_a = this.entity.parent) == null ? void 0 : _a.id) !== "root") {
+    if (this.entity.isFirst && this.entity.parent?.id !== "root") {
       transform.parent.renderState.activated = true;
     } else {
       transform.renderState.activated = true;
@@ -340,9 +339,8 @@ var _FlowNodeRenderData = class _FlowNodeRenderData extends EntityData {
     if (silent) return;
     const transform = this.entity.getData(FlowNodeTransformData);
     this.mouseLeaveTimeout = setTimeout(() => {
-      var _a;
       transform.renderState.hovered = false;
-      if (this.entity.isFirst && ((_a = this.entity.parent) == null ? void 0 : _a.id) !== "root") {
+      if (this.entity.isFirst && this.entity.parent?.id !== "root") {
         transform.parent.renderState.activated = false;
       }
       transform.renderState.activated = false;
@@ -391,11 +389,10 @@ var _FlowNodeRenderData = class _FlowNodeRenderData extends EntityData {
     this.data.stackIndex = index;
   }
   get lineActivated() {
-    var _a, _b, _c;
     const { activated } = this;
     if (!activated) return false;
     return Boolean(
-      ((_b = (_a = this.entity.parent) == null ? void 0 : _a.getData(_FlowNodeRenderData)) == null ? void 0 : _b.activated) || this.entity.isInlineBlock || ((_c = this.entity.next) == null ? void 0 : _c.getData(_FlowNodeRenderData).activated)
+      this.entity.parent?.getData(_FlowNodeRenderData)?.activated || this.entity.isInlineBlock || this.entity.next?.getData(_FlowNodeRenderData).activated
     );
   }
   get node() {
@@ -599,10 +596,10 @@ var _FlowNodeTransformData = class _FlowNodeTransformData extends EntityData2 {
     return this.entity.document.layout.getPadding(this.entity);
   }
   setParentTransform(transform) {
-    if (this.transform.parent !== (transform == null ? void 0 : transform.transform)) {
+    if (this.transform.parent !== transform?.transform) {
       this.localDirty = true;
     }
-    this.transform.setParent(transform == null ? void 0 : transform.transform);
+    this.transform.setParent(transform?.transform);
   }
   get spacing() {
     const { spacing } = this.entity.getNodeMeta();
@@ -629,12 +626,10 @@ var _FlowNodeTransformData = class _FlowNodeTransformData extends EntityData2 {
    * 上一个节点的 transform 数据
    */
   get pre() {
-    var _a;
-    return (_a = this.entity.pre) == null ? void 0 : _a.getData(_FlowNodeTransformData);
+    return this.entity.pre?.getData(_FlowNodeTransformData);
   }
   get originParent() {
-    var _a;
-    return (_a = this.entity.originParent) == null ? void 0 : _a.getData(_FlowNodeTransformData);
+    return this.entity.originParent?.getData(_FlowNodeTransformData);
   }
   get isFirst() {
     return this.entity.isFirst;
@@ -643,26 +638,22 @@ var _FlowNodeTransformData = class _FlowNodeTransformData extends EntityData2 {
     return this.entity.isLast;
   }
   get lastChild() {
-    var _a;
-    return (_a = this.entity.lastChild) == null ? void 0 : _a.getData(_FlowNodeTransformData);
+    return this.entity.lastChild?.getData(_FlowNodeTransformData);
   }
   get firstChild() {
-    var _a;
-    return (_a = this.entity.firstChild) == null ? void 0 : _a.getData(_FlowNodeTransformData);
+    return this.entity.firstChild?.getData(_FlowNodeTransformData);
   }
   /**
    * 下一个节点的 transform 数据
    */
   get next() {
-    var _a;
-    return (_a = this.entity.next) == null ? void 0 : _a.getData(_FlowNodeTransformData);
+    return this.entity.next?.getData(_FlowNodeTransformData);
   }
   /**
    * parent 节点的 transform 数据
    */
   get parent() {
-    var _a;
-    return (_a = this.entity.parent) == null ? void 0 : _a.getData(_FlowNodeTransformData);
+    return this.entity.parent?.getData(_FlowNodeTransformData);
   }
 };
 _FlowNodeTransformData.type = "FlowNodeTransformData";
@@ -686,10 +677,9 @@ var drawLineToNext = (transition) => {
   return [];
 };
 var drawLineToBottom = (transition) => {
-  var _a;
   const { transform } = transition;
   const currentOutput = transform.outputPoint;
-  const parentOutput = (_a = transform.parent) == null ? void 0 : _a.outputPoint;
+  const parentOutput = transform.parent?.outputPoint;
   if (!transform.next && parentOutput && !new Point().copyFrom(currentOutput).equals(parentOutput) && !transition.isNodeEnd) {
     return [
       {
@@ -706,23 +696,20 @@ var FlowNodeTransitionData = class extends EntityData3 {
     return {};
   }
   formatLines(lines) {
-    var _a, _b, _c;
-    if ((_a = this.entity.document.options) == null ? void 0 : _a.formatNodeLines) {
-      return (_c = (_b = this.entity.document.options) == null ? void 0 : _b.formatNodeLines) == null ? void 0 : _c.call(_b, this.entity, lines);
+    if (this.entity.document.options?.formatNodeLines) {
+      return this.entity.document.options?.formatNodeLines?.(this.entity, lines);
     }
     return lines;
   }
   formatLabels(labels) {
-    var _a, _b;
     if (this.entity.document.options.formatNodeLabels) {
-      return (_b = (_a = this.entity.document.options) == null ? void 0 : _a.formatNodeLabels) == null ? void 0 : _b.call(_a, this.entity, labels);
+      return this.entity.document.options?.formatNodeLabels?.(this.entity, labels);
     }
     return labels;
   }
   get lines() {
     return this.entity.memoGlobal("lines", () => {
-      var _a;
-      const { getChildLines } = ((_a = this.entity.parent) == null ? void 0 : _a.getNodeRegistry()) || {};
+      const { getChildLines } = this.entity.parent?.getNodeRegistry() || {};
       if (getChildLines) {
         return this.formatLines(getChildLines(this, this.entity.document.layout));
       }
@@ -738,8 +725,7 @@ var FlowNodeTransitionData = class extends EntityData3 {
   }
   get labels() {
     return this.entity.memoGlobal("labels", () => {
-      var _a, _b;
-      const { getChildLabels } = ((_a = this.entity.parent) == null ? void 0 : _a.getNodeRegistry()) || {};
+      const { getChildLabels } = this.entity.parent?.getNodeRegistry() || {};
       if (getChildLabels) {
         return this.formatLabels(getChildLabels(this, this.entity.document.layout));
       }
@@ -759,7 +745,7 @@ var FlowNodeTransitionData = class extends EntityData3 {
           }
         ]);
       }
-      const parentOutput = (_b = this.transform.parent) == null ? void 0 : _b.outputPoint;
+      const parentOutput = this.transform.parent?.outputPoint;
       if (parentOutput && !new Point().copyFrom(currentOutput).equals(parentOutput) && !this.isNodeEnd) {
         return this.formatLabels([
           {
@@ -1006,9 +992,8 @@ var FlowNodeEntity = class extends Entity {
     return this.children.length;
   }
   get collapsed() {
-    var _a;
     if (this.document.renderTree.isCollapsed(this)) return true;
-    return !!((_a = this.parent) == null ? void 0 : _a.collapsed);
+    return !!this.parent?.collapsed;
   }
   set collapsed(collapsed) {
     this.document.renderTree.setCollapsed(this, collapsed);
@@ -1209,7 +1194,7 @@ var FlowRendererStateEntity = class extends ConfigEntity2 {
   }
   setNodeHovered(node) {
     this.updateConfig({
-      nodeHoveredId: node == null ? void 0 : node.id
+      nodeHoveredId: node?.id
     });
   }
   getDragLabelSide() {
@@ -1234,7 +1219,7 @@ var FlowRendererStateEntity = class extends ConfigEntity2 {
   }
   setDragStartEntity(node) {
     this.updateConfig({
-      nodeDragStartId: node == null ? void 0 : node.id
+      nodeDragStartId: node?.id
     });
   }
   // 拖拽多个节点时
@@ -1336,7 +1321,7 @@ var FlowVirtualTree = class _FlowVirtualTree {
   moveChilds(parent, childs, index) {
     const parentInfo = this.getInfo(parent);
     const len = parentInfo.children.length;
-    let childIndex = index != null ? index : len;
+    let childIndex = index ?? len;
     childs.forEach((child) => {
       const childInfo = this.getInfo(child);
       if (childInfo.parent) {
@@ -1486,8 +1471,7 @@ var FlowRenderTree = class extends FlowVirtualTree {
    *
    */
   openNodeInsideCollapsed(node) {
-    var _a;
-    let curr = (_a = this.originTree.getInfo(node)) == null ? void 0 : _a.parent;
+    let curr = this.originTree.getInfo(node)?.parent;
     while (curr) {
       if (this.nodesCollapsed.has(curr)) {
         this.nodesCollapsed.delete(curr);
@@ -1559,7 +1543,7 @@ var FlowRenderTree = class extends FlowVirtualTree {
         if (shouldDragAllNextNodes && next) {
           this.dragNextNodesToBlock(passBlocks[0], next);
         }
-        children == null ? void 0 : children.forEach((child) => {
+        children?.forEach((child) => {
           this.refineBranch(child);
         });
         if (shouldDragAllNextNodes) {
@@ -1718,13 +1702,9 @@ var FlowDocument = class {
     return this._disposed;
   }
   init() {
-    var _a, _b;
     if (!this.options) this.options = FlowDocumentOptionsDefault;
     this.currentLayoutKey = this.options.defaultLayout || "vertical-fixed-layout" /* VERTICAL_FIXED_LAYOUT */;
-    this.contributions.forEach((contrib) => {
-      var _a2;
-      return (_a2 = contrib.registerDocument) == null ? void 0 : _a2.call(contrib, this);
-    });
+    this.contributions.forEach((contrib) => contrib.registerDocument?.(this));
     this.root = this.addNode({ id: "root", type: "root" /* ROOT */ });
     this.originTree = new FlowVirtualTree(this.root);
     this.transformer = this.entityManager.createEntity(
@@ -1733,7 +1713,7 @@ var FlowDocument = class {
     );
     this.renderState = this.entityManager.createEntity(FlowRendererStateEntity);
     this.renderTree = new FlowRenderTree(this.root, this.originTree, this);
-    (_b = (_a = this.layout).reload) == null ? void 0 : _b.call(_a);
+    this.layout.reload?.();
   }
   /**
    * 从数据初始化 O(n)
@@ -1769,10 +1749,7 @@ var FlowDocument = class {
     return layout;
   }
   async load() {
-    await Promise.all(this.contributions.map((c) => {
-      var _a;
-      return (_a = c.loadDocument) == null ? void 0 : _a.call(c, this);
-    }));
+    await Promise.all(this.contributions.map((c) => c.loadDocument?.(this)));
   }
   get loading() {
     return this.transformer.loading;
@@ -1806,9 +1783,8 @@ var FlowDocument = class {
     return result;
   }
   removeNode(node) {
-    var _a;
     if (typeof node === "string") {
-      (_a = this.getNode(node)) == null ? void 0 : _a.dispose();
+      this.getNode(node)?.dispose();
     } else {
       node.dispose();
     }
@@ -1818,8 +1794,7 @@ var FlowDocument = class {
    * @param data
    * @param addedNodes
    */
-  addNode(data, addedNodes, ignoreCreateAndUpdateEvent, ignoreBlocks) {
-    var _a, _b, _c, _d;
+  addNode(data, addedNodes) {
     const { id, type = "block", originParent, parent, meta, hidden, index } = data;
     let node = this.getNode(id);
     let isNew = false;
@@ -1840,10 +1815,10 @@ var FlowDocument = class {
       const datas = dataRegistries ? this.nodeDataRegistries.concat(...dataRegistries) : this.nodeDataRegistries;
       node.addInitializeData(datas);
       node.onDispose(() => this.onNodeDisposeEmitter.fire({ node }));
-      (_b = (_a = this.options).fromNodeJSON) == null ? void 0 : _b.call(_a, node, data, true);
+      this.options.fromNodeJSON?.(node, data, true);
       isNew = true;
     } else {
-      (_d = (_c = this.options).fromNodeJSON) == null ? void 0 : _d.call(_c, node, data, false);
+      this.options.fromNodeJSON?.(node, data, false);
     }
     node.initData({
       originParent,
@@ -1855,29 +1830,27 @@ var FlowDocument = class {
     if (node.isStart) {
       this.root.addChild(node);
     }
-    addedNodes == null ? void 0 : addedNodes.push(node);
+    addedNodes?.push(node);
     if (register.onCreate) {
       const extendNodes = register.onCreate(node, data);
       if (extendNodes && addedNodes) {
         addedNodes.push(...extendNodes);
       }
-    } else if (data.blocks && data.blocks.length > 0 && !ignoreBlocks) {
+    } else if (data.blocks && data.blocks.length > 0) {
       if (!data.blocks[0].type) {
         this.addInlineBlocks(node, data.blocks, addedNodes);
       } else {
         this.addBlocksAsChildren(node, data.blocks, addedNodes);
       }
     }
-    if (!ignoreCreateAndUpdateEvent) {
-      if (isNew) {
-        this.onNodeCreateEmitter.fire({
-          node,
-          data,
-          json: data
-        });
-      } else {
-        this.onNodeUpdateEmitter.fire({ node, data, json: data });
-      }
+    if (isNew) {
+      this.onNodeCreateEmitter.fire({
+        node,
+        data,
+        json: data
+      });
+    } else {
+      this.onNodeUpdateEmitter.fire({ node, data, json: data });
     }
     return node;
   }
@@ -1933,7 +1906,6 @@ var FlowDocument = class {
    * @param parent 默认去找 $inlineBlocks$
    */
   addBlock(target, blockData, addedNodes, parent, index) {
-    var _a;
     const node = typeof target === "string" ? this.getNode(target) : target;
     const { onBlockChildCreate } = node.getNodeRegistry();
     if (onBlockChildCreate) {
@@ -1947,7 +1919,7 @@ var FlowDocument = class {
       parent,
       index
     });
-    if ((_a = blockData.meta) == null ? void 0 : _a.defaultCollapsed) {
+    if (blockData.meta?.defaultCollapsed) {
       block.collapsed = true;
     }
     const blockOrderIcon = this.addNode({
@@ -1958,7 +1930,7 @@ var FlowDocument = class {
       data: blockData.data,
       parent: block
     });
-    addedNodes == null ? void 0 : addedNodes.push(block, blockOrderIcon);
+    addedNodes?.push(block, blockOrderIcon);
     if (blockData.blocks) {
       this.addBlocksAsChildren(block, blockData.blocks, addedNodes);
     }
@@ -1986,12 +1958,12 @@ var FlowDocument = class {
         ...preRegistry,
         ...newRegistry,
         meta: {
-          ...preRegistry == null ? void 0 : preRegistry.meta,
-          ...newRegistry == null ? void 0 : newRegistry.meta
+          ...preRegistry?.meta,
+          ...newRegistry?.meta
         },
         extendChildRegistries: FlowNodeRegistry.mergeChildRegistries(
-          preRegistry == null ? void 0 : preRegistry.extendChildRegistries,
-          newRegistry == null ? void 0 : newRegistry.extendChildRegistries
+          preRegistry?.extendChildRegistries,
+          newRegistry?.extendChildRegistries
         )
       });
     });
@@ -2020,12 +1992,11 @@ var FlowDocument = class {
     return this.getNodeRegistry(type, originParent);
   }
   getNodeRegistry(type, originParent) {
-    var _a, _b, _c, _d, _e;
-    const typeKey = `${type}_${(originParent == null ? void 0 : originParent.flowNodeType) || ""}`;
+    const typeKey = `${type}_${originParent?.flowNodeType || ""}`;
     if (this.nodeRegistryCache.has(typeKey)) {
       return this.nodeRegistryCache.get(typeKey);
     }
-    const customDefaultRegistry = (_b = (_a = this.options).getNodeDefaultRegistry) == null ? void 0 : _b.call(_a, type);
+    const customDefaultRegistry = this.options.getNodeDefaultRegistry?.(type);
     let register = this.registers.get(type) || { type };
     const extendRegisters = [];
     const extendKey = register.extend;
@@ -2037,9 +2008,9 @@ var FlowDocument = class {
       );
     }
     if (originParent) {
-      const extendRegister = (_c = this.getNodeRegistry(
+      const extendRegister = this.getNodeRegistry(
         originParent.flowNodeType
-      ).extendChildRegistries) == null ? void 0 : _c.find((r) => r.type === type);
+      ).extendChildRegistries?.find((r) => r.type === type);
       if (extendRegister) {
         if (extendRegister.extend && this.registers.has(extendRegister.extend)) {
           extendRegisters.push(this.registers.get(extendRegister.extend));
@@ -2049,13 +2020,13 @@ var FlowDocument = class {
     }
     register = FlowNodeRegistry.extend(register, extendRegisters);
     const defaultNodeMeta = DEFAULT_FLOW_NODE_META(type, this);
-    defaultNodeMeta.spacing = ((_e = (_d = this.options) == null ? void 0 : _d.constants) == null ? void 0 : _e[ConstantKeys.NODE_SPACING]) || defaultNodeMeta.spacing;
+    defaultNodeMeta.spacing = this.options?.constants?.[ConstantKeys.NODE_SPACING] || defaultNodeMeta.spacing;
     const res = {
       ...customDefaultRegistry,
       ...register,
       meta: {
         ...defaultNodeMeta,
-        ...customDefaultRegistry == null ? void 0 : customDefaultRegistry.meta,
+        ...customDefaultRegistry?.meta,
         ...register.meta
       }
     };
@@ -2190,13 +2161,12 @@ var FlowDocument = class {
    * @param layoutKey
    */
   setLayout(layoutKey) {
-    var _a;
     if (this.currentLayoutKey === layoutKey) return;
     const layout = this.layouts.find((layout2) => layout2.name === layoutKey);
     if (!layout) return;
     this.currentLayoutKey = layoutKey;
     this.transformer.clear();
-    (_a = layout.reload) == null ? void 0 : _a.call(layout);
+    layout.reload?.();
     this.fireRender();
     this.onLayoutChangeEmitter.fire(this.layout);
   }
@@ -2311,12 +2281,11 @@ var FlowGroupController = class _FlowGroupController {
     return this.groupNode.getNodeMeta().positionConfig;
   }
   set collapsed(collapsed) {
-    var _a;
     const groupTransformData = this.groupNode.getData(FlowNodeTransformData);
     groupTransformData.collapsed = collapsed;
     groupTransformData.localDirty = true;
     if (groupTransformData.parent) groupTransformData.parent.localDirty = true;
-    if ((_a = groupTransformData.parent) == null ? void 0 : _a.firstChild)
+    if (groupTransformData.parent?.firstChild)
       groupTransformData.parent.firstChild.localDirty = true;
   }
   set hovered(hovered) {
@@ -2359,8 +2328,7 @@ var FlowGroupUtils;
     return parents;
   };
   const isNodeInGroup = (node) => {
-    var _a;
-    if (((_a = node == null ? void 0 : node.parent) == null ? void 0 : _a.flowNodeType) === "group" /* GROUP */) {
+    if (node?.parent?.flowNodeType === "group" /* GROUP */) {
       return true;
     }
     return false;
@@ -2396,7 +2364,7 @@ var FlowGroupUtils;
     if (!isNodeInGroup(node)) {
       return;
     }
-    const groupNode = node == null ? void 0 : node.parent;
+    const groupNode = node?.parent;
     return FlowGroupController.create(groupNode);
   };
   FlowGroupUtils2.getNodeRecursionGroupController = (node) => {
@@ -2438,17 +2406,15 @@ var FlowDragService = class {
   }
   // 是否在拖拽分支
   get isDragBranch() {
-    var _a;
-    return (_a = this.dragStartNode) == null ? void 0 : _a.isInlineBlock;
+    return this.dragStartNode?.isInlineBlock;
   }
   // 拖拽的所有节点及其自节点
   get nodeDragIdsWithChildren() {
     return this.renderState.config.nodeDragIdsWithChildren || [];
   }
   get dragging() {
-    var _a;
-    const renderData = (_a = this.dragStartNode) == null ? void 0 : _a.getData(FlowNodeRenderData);
-    return !!(renderData == null ? void 0 : renderData.dragging);
+    const renderData = this.dragStartNode?.getData(FlowNodeRenderData);
+    return !!renderData?.dragging;
   }
   get labelSide() {
     return this.renderState.config.dragLabelSide;
@@ -2582,7 +2548,7 @@ var FlowOperationBaseServiceImpl = class {
       hidden
     };
     let added;
-    if (parentEntity && (register == null ? void 0 : register.addChild)) {
+    if (parentEntity && register?.addChild) {
       added = register.addChild(parentEntity, addJSON, {
         index,
         hidden
@@ -2614,7 +2580,7 @@ var FlowOperationBaseServiceImpl = class {
   moveNode(node, config = {}) {
     const { parent: newParent, index } = config;
     const entity = this.toNodeEntity(node);
-    const parent = entity == null ? void 0 : entity.parent;
+    const parent = entity?.parent;
     if (!parent) {
       return;
     }
@@ -2665,13 +2631,12 @@ var FlowOperationBaseServiceImpl = class {
    * @returns 操作返回
    */
   apply(operation) {
-    var _a, _b, _c, _d, _e, _f;
     const document = this.document;
     switch (operation.type) {
       case "addFromNode" /* addFromNode */:
         return document.addFromNode(operation.value.fromId, operation.value.data);
       case "deleteFromNode" /* deleteFromNode */:
-        return (_c = document.getNode((_b = (_a = operation.value) == null ? void 0 : _a.data) == null ? void 0 : _b.id)) == null ? void 0 : _c.dispose();
+        return document.getNode(operation.value?.data?.id)?.dispose();
       case "addBlock" /* addBlock */: {
         let parent;
         if (operation.value.parentId) {
@@ -2686,8 +2651,8 @@ var FlowOperationBaseServiceImpl = class {
         );
       }
       case "deleteBlock" /* deleteBlock */: {
-        const entity = document.getNode((_d = operation.value) == null ? void 0 : _d.blockData.id);
-        return entity == null ? void 0 : entity.dispose();
+        const entity = document.getNode(operation.value?.blockData.id);
+        return entity?.dispose();
       }
       case "createGroup" /* createGroup */: {
         const groupNode = document.addFromNode(operation.value.targetId, {
@@ -2706,7 +2671,7 @@ var FlowOperationBaseServiceImpl = class {
           dropNodeId: operation.value.groupId,
           sortNodeIds: operation.value.nodeIds
         });
-        return (_e = document.getNode(operation.value.groupId)) == null ? void 0 : _e.dispose();
+        return document.getNode(operation.value.groupId)?.dispose();
       }
       case "moveNodes" /* moveNodes */: {
         return document.moveNodes({
@@ -2731,7 +2696,7 @@ var FlowOperationBaseServiceImpl = class {
       case "deleteNodes" /* deleteNodes */: {
         (operation.value.nodes || []).forEach((node) => {
           const entity = document.getNode(node.id);
-          entity == null ? void 0 : entity.dispose();
+          entity?.dispose();
         });
         break;
       }
@@ -2745,7 +2710,7 @@ var FlowOperationBaseServiceImpl = class {
         });
       }
       case "deleteChildNode" /* deleteChildNode */:
-        return (_f = document.getNode(operation.value.data.id)) == null ? void 0 : _f.dispose();
+        return document.getNode(operation.value.data.id)?.dispose();
       case "moveChildNodes" /* moveChildNodes */:
         return document.moveChildNodes(operation.value);
       default:
@@ -2770,7 +2735,7 @@ var FlowOperationBaseServiceImpl = class {
   }
   getNodeIndex(node) {
     const entity = this.toNodeEntity(node);
-    const parent = entity == null ? void 0 : entity.parent;
+    const parent = entity?.parent;
     if (!parent) {
       return -1;
     }
@@ -2930,7 +2895,6 @@ var VerticalFixedLayout = class {
    * @param forceChange
    */
   updateLocalTransform(node, forceChange = false) {
-    var _a, _b, _c, _d;
     const { children, parent, isInlineBlock } = node;
     const transform = node.getData(FlowNodeTransformData);
     const { getDelta, getOrigin } = node.getNodeRegistry();
@@ -2964,9 +2928,9 @@ var VerticalFixedLayout = class {
       origin: getOrigin ? getOrigin(transform, this) : this.getDefaultNodeOrigin()
     });
     const preTransform = transform.pre;
-    const delta = (getDelta == null ? void 0 : getDelta(transform, this)) || { x: 0, y: 0 };
-    const inlineSpacingPre = isInlineBlock && ((_a = transform.parent) == null ? void 0 : _a.inlineSpacingPre) ? (_b = transform.parent) == null ? void 0 : _b.inlineSpacingPre : 0;
-    const fromParentDelta = ((_d = parent == null ? void 0 : (_c = parent.getNodeRegistry()).getChildDelta) == null ? void 0 : _d.call(_c, transform, this)) || {
+    const delta = getDelta?.(transform, this) || { x: 0, y: 0 };
+    const inlineSpacingPre = isInlineBlock && transform.parent?.inlineSpacingPre ? transform.parent?.inlineSpacingPre : 0;
+    const fromParentDelta = parent?.getNodeRegistry().getChildDelta?.(transform, this) || {
       x: 0,
       y: 0
     };
@@ -2976,8 +2940,8 @@ var VerticalFixedLayout = class {
     if (isInlineBlock) {
       position.y += inlineSpacingPre;
     } else {
-      position.y += (preTransform == null ? void 0 : preTransform.localBounds.bottom) || 0;
-      position.y += (preTransform == null ? void 0 : preTransform.spacing) || 0;
+      position.y += preTransform?.localBounds.bottom || 0;
+      position.y += preTransform?.spacing || 0;
     }
     transform.transform.update({
       size: transform.data.size,
@@ -2988,12 +2952,10 @@ var VerticalFixedLayout = class {
     return true;
   }
   onAfterUpdateLocalTransform(transform) {
-    var _a;
     const { onAfterUpdateLocalTransform } = transform.entity.getNodeRegistry();
-    onAfterUpdateLocalTransform == null ? void 0 : onAfterUpdateLocalTransform(transform, this);
-    (_a = this.contribs) == null ? void 0 : _a.forEach((_contrib) => {
-      var _a2;
-      (_a2 = _contrib == null ? void 0 : _contrib.onAfterUpdateLocalTransform) == null ? void 0 : _a2.call(_contrib, transform, this);
+    onAfterUpdateLocalTransform?.(transform, this);
+    this.contribs?.forEach((_contrib) => {
+      _contrib?.onAfterUpdateLocalTransform?.(transform, this);
     });
   }
   getNodeTransform(node) {
@@ -3070,7 +3032,6 @@ var HorizontalFixedLayout = class {
    * @param forceChange
    */
   updateLocalTransform(node, forceChange = false) {
-    var _a, _b, _c, _d;
     const { children, parent, isInlineBlock } = node;
     const transform = node.getData(FlowNodeTransformData);
     const { getDelta, getOrigin } = node.getNodeRegistry();
@@ -3104,9 +3065,9 @@ var HorizontalFixedLayout = class {
       origin: getOrigin ? getOrigin(transform, this) : this.getDefaultNodeOrigin()
     });
     const preTransform = transform.pre;
-    const delta = (getDelta == null ? void 0 : getDelta(transform, this)) || { x: 0, y: 0 };
-    const inlineSpacingPre = isInlineBlock && ((_a = transform.parent) == null ? void 0 : _a.inlineSpacingPre) ? (_b = transform.parent) == null ? void 0 : _b.inlineSpacingPre : 0;
-    const fromParentDelta = ((_d = parent == null ? void 0 : (_c = parent.getNodeRegistry()).getChildDelta) == null ? void 0 : _d.call(_c, transform, this)) || {
+    const delta = getDelta?.(transform, this) || { x: 0, y: 0 };
+    const inlineSpacingPre = isInlineBlock && transform.parent?.inlineSpacingPre ? transform.parent?.inlineSpacingPre : 0;
+    const fromParentDelta = parent?.getNodeRegistry().getChildDelta?.(transform, this) || {
       x: 0,
       y: 0
     };
@@ -3116,8 +3077,8 @@ var HorizontalFixedLayout = class {
     if (isInlineBlock) {
       position.x += inlineSpacingPre;
     } else {
-      position.x += (preTransform == null ? void 0 : preTransform.localBounds.right) || 0;
-      position.x += (preTransform == null ? void 0 : preTransform.spacing) || 0;
+      position.x += preTransform?.localBounds.right || 0;
+      position.x += preTransform?.spacing || 0;
     }
     transform.transform.update({
       size: transform.data.size,
@@ -3128,12 +3089,10 @@ var HorizontalFixedLayout = class {
     return true;
   }
   onAfterUpdateLocalTransform(transform) {
-    var _a;
     const { onAfterUpdateLocalTransform } = transform.entity.getNodeRegistry();
-    onAfterUpdateLocalTransform == null ? void 0 : onAfterUpdateLocalTransform(transform, this);
-    (_a = this.contribs) == null ? void 0 : _a.forEach((_contrib) => {
-      var _a2;
-      (_a2 = _contrib == null ? void 0 : _contrib.onAfterUpdateLocalTransform) == null ? void 0 : _a2.call(_contrib, transform, this);
+    onAfterUpdateLocalTransform?.(transform, this);
+    this.contribs?.forEach((_contrib) => {
+      _contrib?.onAfterUpdateLocalTransform?.(transform, this);
     });
   }
   getNodeTransform(node) {
@@ -3201,9 +3160,8 @@ var FlowDocumentContainerModule = new ContainerModule((bind) => {
 
 // src/utils/get-default-spacing.ts
 var getDefaultSpacing = (node, key, defaultSpacing) => {
-  var _a;
   const flowDocumentOptions = node.getService(FlowDocumentOptions);
-  const spacing = ((_a = flowDocumentOptions == null ? void 0 : flowDocumentOptions.constants) == null ? void 0 : _a[key]) || defaultSpacing || DEFAULT_SPACING[key];
+  const spacing = flowDocumentOptions?.constants?.[key] || defaultSpacing || DEFAULT_SPACING[key];
   return spacing;
 };
 export {