feat: positioning support for fText

Foblex · Dec 23, 2024 · 52811e3 · 52811e3
1 parent 5203562
commit 52811e3
Show file tree

Hide file tree

Showing 6 changed files with 22 additions and 5 deletions.
diff --git a/projects/f-flow/src/f-connection/common/f-connection-base.ts b/projects/f-flow/src/f-connection/common/f-connection-base.ts
@@ -81,6 +81,8 @@ export abstract class FConnectionBase extends MIXIN_BASE
 
   public abstract fText: string;
 
+  public abstract fTextStartOffset: string;
+
   public abstract fConnectionCenter: ElementRef<HTMLDivElement>;
 
   private penultimatePoint: IPoint = PointExtensions.initialize();

diff --git a/...ects/f-flow/src/f-connection/common/f-connection-text/f-connection-text-path.directive.ts b/...ects/f-flow/src/f-connection/common/f-connection-text/f-connection-text-path.directive.ts
@@ -35,7 +35,7 @@ export class FConnectionTextPathDirective implements IHasHostElement, OnInit {
   }
 
   public ngOnInit(): void {
-    this.hostElement.setAttribute('startOffset', '50%');
+    this.hostElement.setAttribute('startOffset', this.base.fTextStartOffset || '50%');
     this.hostElement.setAttribute('text-anchor', `middle`);
     this.symbolWidth = this.getSymbolWidth(this.base.fText || '');
   }

diff --git a/projects/f-flow/src/f-connection/common/i-has-connection-text.ts b/projects/f-flow/src/f-connection/common/i-has-connection-text.ts
@@ -1,4 +1,5 @@
 export interface IHasConnectionText {
 
   fText: string;
+  fTextStartOffset: string;
 }
diff --git a/...ects/f-flow/src/f-connection/f-connection-for-create/f-connection-for-create.component.ts b/...ects/f-flow/src/f-connection/f-connection-for-create/f-connection-for-create.component.ts
@@ -35,10 +35,12 @@ let uniqueId: number = 0;
 })
 export class FConnectionForCreateComponent
   extends FConnectionBase implements AfterViewInit, OnInit, OnDestroy {
+
+    public override fId: string = `f-connection-for-create-${ uniqueId++ }`;
+
+    public override fText: string = '';
 
-  public override fId: string = `f-connection-for-create-${ uniqueId++ }`;
-
-  public override fText: string = '';
+    public override fTextStartOffset: string = '';
 
   private _fStartColor: string = 'black';
   @Input()

diff --git a/projects/f-flow/src/f-connection/f-connection/f-connection.component.ts b/projects/f-flow/src/f-connection/f-connection/f-connection.component.ts
@@ -52,6 +52,16 @@ export class FConnectionComponent
   @Input('fConnectionId')
   public override fId: string = `f-connection-${ uniqueId++ }`;
 
+  private _fTextStartOffset: string = '';
+  @Input()
+  public override set fTextStartOffset(value: string) {
+    this._fTextStartOffset = value;
+    this.fComponentsStore.componentDataChanged();
+  }
+  public override get fTextStartOffset(): string {
+    return this._fTextStartOffset;
+  }
+
   private _fText: string = '';
   @Input()
   public override set fText(value: string) {

diff --git a/projects/f-flow/src/f-connection/f-snap-connection/f-snap-connection.component.ts b/projects/f-flow/src/f-connection/f-snap-connection/f-snap-connection.component.ts
@@ -32,11 +32,13 @@ let uniqueId: number = 0;
 })
 export class FSnapConnectionComponent
   extends FConnectionBase implements AfterViewInit, OnInit, OnDestroy {
-
+  
   public override fId: string = `f-snap-connection-${ uniqueId++ }`;
 
   public override fText: string = '';
 
+  public override fTextStartOffset: string = '';
+
   private _fStartColor: string = 'black';
   @Input()
   public override set fStartColor(value: string) {