refactor(single-select): rename and restructure single select components

- Renamed FSingleSelectRequest to SingleSelectRequest for clarity
- Updated FSingleSelectExecution to SingleSelect and adjusted its logic
- Changed import paths to reflect new naming conventions
- Removed deprecated references to old single select files
- Enhanced readability and maintainability of the single select logic

Signed-off-by: Siarhei Huzarevich <shuzarevich@gmail.com>

Author: siarheihuzarevich

projects/f-flow/src/f-draggable/f-draggable.directive.ts

@@ -49,7 +49,7 @@ import {
   FExternalItemPreparationRequest,
   PreventDefaultIsExternalItemRequest,
 } from '../f-external-item';
-import { FSingleSelectRequest } from './f-single-select';
+import { SingleSelectRequest } from './single-select';
 import { NodeResizeFinalizeRequest, NodeResizePreparationRequest } from './f-node-resize';
 import {
   F_AFTER_MAIN_PLUGIN,
@@ -247,7 +247,7 @@ export class FDraggableDirective
 
     this._mediator.execute<void>(new PinchToZoomPreparationRequest(event));
 
-    this._mediator.execute<void>(new FSingleSelectRequest(event, this.fMultiSelectTrigger));
+    this._mediator.execute<void>(new SingleSelectRequest(event, this.fMultiSelectTrigger));
 
     this._mediator.execute<void>(
       new FReassignConnectionPreparationRequest(event, this.fReassignConnectionTrigger),

projects/f-flow/src/f-draggable/f-single-select/f-single-select.request.ts

@@ -14,7 +14,7 @@ export * from './f-node-resize';
 
 export * from './f-node-rotate';
 
-export * from './f-single-select';
+export * from './single-select';
 
 export * from './pinch-to-zoom';
 

projects/f-flow/src/f-draggable/f-single-select/index.ts

@@ -1,6 +1,6 @@
 import { CANVAS_PROVIDERS } from './f-canvas';
 import { CONNECTIONS_PROVIDERS } from './f-connection';
-import { SINGLE_SELECT_PROVIDERS } from './f-single-select';
+import { SINGLE_SELECT_PROVIDERS } from './single-select';
 import { NODE_PROVIDERS } from './f-node-move';
 import { NODE_RESIZE_PROVIDERS } from './f-node-resize';
 import { F_MINIMAP_DRAG_AND_DROP_PROVIDERS } from '../f-minimap/domain/providers';

projects/f-flow/src/f-draggable/f-single-select/providers.ts

@@ -0,0 +1,5 @@
+export * from './providers';
+
+export * from './single-select';
+
+export * from './single-select-request';

projects/f-flow/src/f-draggable/index.ts

@@ -0,0 +1,3 @@
+import { SingleSelect } from './single-select';
+
+export const SINGLE_SELECT_PROVIDERS = [SingleSelect];

projects/f-flow/src/f-draggable/providers.ts

@@ -0,0 +1,11 @@
+import { FEventTrigger } from '../../domain';
+import { IPointerEvent } from '../../drag-toolkit';
+
+export class SingleSelectRequest {
+  static readonly fToken = Symbol('SingleSelectRequest');
+
+  constructor(
+    public readonly event: IPointerEvent,
+    public readonly trigger: FEventTrigger,
+  ) {}
+}

projects/f-flow/src/f-draggable/single-select/index.ts

@@ -1,6 +1,6 @@
 import { inject, Injectable } from '@angular/core';
 import { FExecutionRegister, FMediator, IExecution } from '@foblex/mediator';
-import { FSingleSelectRequest } from './f-single-select.request';
+import { SingleSelectRequest } from './single-select-request';
 import { isValidEventTrigger, UpdateItemAndChildrenLayersRequest } from '../../domain';
 import { FConnectionBase } from '../../f-connection';
 import { FComponentsStore } from '../../f-storage';
@@ -48,14 +48,18 @@ import { IPointerEvent } from '../../drag-toolkit';
  */
 
 @Injectable()
-@FExecutionRegister(FSingleSelectRequest)
-export class FSingleSelectExecution implements IExecution<FSingleSelectRequest, void> {
-  private readonly _fMediator = inject(FMediator);
+@FExecutionRegister(SingleSelectRequest)
+export class SingleSelect implements IExecution<SingleSelectRequest, void> {
+  private readonly _mediator = inject(FMediator);
   private readonly _store = inject(FComponentsStore);
   private readonly _dragContext = inject(FDraggableDataContext);
 
-  public handle(request: FSingleSelectRequest): void {
-    if (!this._isValid(request)) {
+  private get _flowHost(): HTMLElement {
+    return this._store.flowHost;
+  }
+
+  public handle(request: SingleSelectRequest): void {
+    if (!this._isValid(request.event)) {
       return;
     }
 
@@ -66,12 +70,12 @@ export class FSingleSelectExecution implements IExecution<FSingleSelectRequest,
     this._isMultiSelect(request) ? this._multiSelect(fItem) : this._singleSelect(fItem);
   }
 
-  private _isValid(request: FSingleSelectRequest): boolean {
-    return this._isEventInFlowBounds(request.event) && this._dragContext.isEmpty();
+  private _isValid(event: IPointerEvent): boolean {
+    return this._isEventInFlowBounds(event) && this._dragContext.isEmpty();
   }
 
   private _isEventInFlowBounds(event: IPointerEvent): boolean {
-    return this._store.fFlow!.hostElement.contains(event.targetElement);
+    return this._flowHost.contains(event.targetElement);
   }
 
   private _getItemToSelect(event: IPointerEvent): ISelectable | undefined {
@@ -94,14 +98,17 @@ export class FSingleSelectExecution implements IExecution<FSingleSelectRequest,
 
   private _updateItemAndChildrenLayers(fItem?: ISelectable): void {
     if (fItem) {
-      this._fMediator.execute<void>(
-        new UpdateItemAndChildrenLayersRequest(fItem, fItem.hostElement.parentElement!),
+      this._mediator.execute<void>(
+        new UpdateItemAndChildrenLayersRequest(
+          fItem,
+          fItem.hostElement.parentElement as HTMLElement,
+        ),
       );
     }
   }
 
-  private _isMultiSelect(request: FSingleSelectRequest): boolean {
-    return isValidEventTrigger(request.event.originalEvent, request.fMultiSelectTrigger);
+  private _isMultiSelect({ event, trigger }: SingleSelectRequest): boolean {
+    return isValidEventTrigger(event.originalEvent, trigger);
   }
 
   private _singleSelect(fItem?: ISelectable): void {