@foblex/flow 17.5.9 → 17.6.1

package/domain/f-node/update-node-when-state-or-size-changed/update-node-when-state-or-size-changed.execution.d.ts

@@ -1,11 +1,38 @@
 import { IExecution } from '@foblex/mediator';
 import { UpdateNodeWhenStateOrSizeChangedRequest } from './update-node-when-state-or-size-changed-request';
 import * as i0 from "@angular/core";
+/**
+ * Execution that updates a node's connectors when its state or size changes.
+ */
 export declare class UpdateNodeWhenStateOrSizeChangedExecution implements IExecution<UpdateNodeWhenStateOrSizeChangedRequest, void> {
-    private readonly _fMediator;
+    private readonly _mediator;
+    /**
+     * Handles the request to update the node's connectors based on state or size changes.
+     * It listens for resize events and recalculates the connectable sides of the connectors.
+     * @param request
+     */
     handle(request: UpdateNodeWhenStateOrSizeChangedRequest): void;
+    /**
+     * Calculates the connectable side for each connector based on its position relative to the node host.
+     * @param fConnectors
+     * @param fNodeHost
+     * @private
+     */
     private _calculateConnectorsConnectableSide;
+    /**
+     * Calculates the connectable side of a connector based on its user-defined side or its position relative to the node host.
+     * @param fConnector
+     * @param fNodeHost
+     * @returns {EFConnectableSide}
+     * @private
+     */
     private _calculateConnectorConnectableSide;
+    /**
+     * Determines the side of the connector relative to the node host based on the minimum distance.
+     * @param fConnectorHost
+     * @param fNodeHost
+     * @private
+     */
     private _getSideByDelta;
     static ɵfac: i0.ɵɵFactoryDeclaration<UpdateNodeWhenStateOrSizeChangedExecution, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<UpdateNodeWhenStateOrSizeChangedExecution>;

package/domain/f-selection/clear-selection/clear-selection.execution.d.ts

@@ -1,6 +1,9 @@
 import { ClearSelectionRequest } from './clear-selection.request';
 import { IExecution } from '@foblex/mediator';
 import * as i0 from "@angular/core";
+/**
+ * Execution that clears the selection of items in the FDraggableDataContext.
+ */
 export declare class ClearSelectionExecution implements IExecution<ClearSelectionRequest, void> {
     private _fDraggableDataContext;
     handle(request: ClearSelectionRequest): void;

package/domain/f-selection/get-can-be-selected-items/get-can-be-selected-items.execution.d.ts

@@ -1,15 +1,27 @@
 import { ICanBeSelectedElementAndRect } from './i-can-be-selected-element-and-rect';
 import { IExecution } from '@foblex/mediator';
 import * as i0 from "@angular/core";
+/**
+ * Execution that retrieves elements that can be selected in the Flow, along with their bounding rectangles.
+ * It filters out elements that are already selected in the FDraggableDataContext.
+ */
 export declare class GetCanBeSelectedItemsExecution implements IExecution<void, ICanBeSelectedElementAndRect[]> {
-    private _fMediator;
-    private _fComponentsStore;
+    private readonly _mediator;
+    private readonly _store;
     private _fDraggableDataContext;
     private get fNodes();
     private get fConnections();
     private get transform();
     handle(): ICanBeSelectedElementAndRect[];
+    /**
+     * Retrieves nodes with their bounding rectangles that can be selected.
+     * @private
+     */
     private getNodesWithRects;
+    /**
+     * Retrieves connections with their bounding rectangles that can be selected.
+     * @private
+     */
     private getConnectionsWithRects;
     static ɵfac: i0.ɵɵFactoryDeclaration<GetCanBeSelectedItemsExecution, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<GetCanBeSelectedItemsExecution>;

package/domain/f-selection/get-current-selection/get-current-selection.execution.d.ts

@@ -2,6 +2,9 @@ import { GetCurrentSelectionRequest } from './get-current-selection.request';
 import { IExecution } from '@foblex/mediator';
 import { ICurrentSelection } from './i-current-selection';
 import * as i0 from "@angular/core";
+/**
+ * Execution that retrieves the current selection of items in the FDraggableDataContext.
+ */
 export declare class GetCurrentSelectionExecution implements IExecution<GetCurrentSelectionRequest, ICurrentSelection> {
     private _fDraggableDataContext;
     handle(): ICurrentSelection;

package/domain/f-selection/providers.d.ts

@@ -4,4 +4,7 @@ import { SelectExecution } from './select';
 import { SelectAllExecution } from './select-all';
 import { SelectAndUpdateNodeLayerExecution } from './select-and-update-node-layer';
 import { GetCanBeSelectedItemsExecution } from './get-can-be-selected-items';
+/**
+ * This module provides a collection of executions related to selection features in the FFlow domain.
+ */
 export declare const F_SELECTION_FEATURES: (typeof ClearSelectionExecution | typeof GetCanBeSelectedItemsExecution | typeof GetCurrentSelectionExecution | typeof SelectExecution | typeof SelectAllExecution | typeof SelectAndUpdateNodeLayerExecution)[];

package/domain/f-selection/select/select.execution.d.ts

@@ -1,9 +1,12 @@
 import { SelectRequest } from './select.request';
 import { IExecution } from '@foblex/mediator';
 import * as i0 from "@angular/core";
+/**
+ * Execution that handles the selection of nodes and connections in the FFlow.
+ */
 export declare class SelectExecution implements IExecution<SelectRequest, void> {
     private readonly _fDraggableDataContext;
-    private readonly _fComponentsStore;
+    private readonly _store;
     handle(request: SelectRequest): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<SelectExecution, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<SelectExecution>;

package/domain/f-selection/select-all/select-all.execution.d.ts

@@ -1,9 +1,13 @@
 import { SelectAllRequest } from './select-all.request';
 import { IExecution } from '@foblex/mediator';
 import * as i0 from "@angular/core";
+/**
+ * Execution that selects all components in the FComponentsStore.
+ * It marks all nodes and connections as selected and updates the selected items in the FDraggableDataContext.
+ */
 export declare class SelectAllExecution implements IExecution<SelectAllRequest, void> {
     private _fDraggableDataContext;
-    private _fComponentsStore;
+    private readonly _store;
     handle(request: SelectAllRequest): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<SelectAllExecution, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<SelectAllExecution>;

package/domain/f-selection/select-and-update-node-layer/select-and-update-node-layer.execution.d.ts

@@ -1,12 +1,14 @@
 import { IHandler } from '@foblex/mediator';
-import { FMediator } from '@foblex/mediator';
 import { SelectAndUpdateNodeLayerRequest } from './select-and-update-node-layer.request';
-import { FDraggableDataContext } from '../../../f-draggable';
 import * as i0 from "@angular/core";
+/**
+ * Execution that selects a node and updates its layer along with its children.
+ * It checks if the node is already selected, and if not, it marks it as selected
+ * and updates the layers of the node and its children.
+ */
 export declare class SelectAndUpdateNodeLayerExecution implements IHandler<SelectAndUpdateNodeLayerRequest, void> {
-    private fDraggableDataContext;
-    private fMediator;
-    constructor(fDraggableDataContext: FDraggableDataContext, fMediator: FMediator);
+    private readonly _fDraggableDataContext;
+    private readonly _mediator;
     handle(request: SelectAndUpdateNodeLayerRequest): void;
     private selectNodeIfNotSelected;
     static ɵfac: i0.ɵɵFactoryDeclaration<SelectAndUpdateNodeLayerExecution, never>;

package/domain/f-zoom/add-zoom-to-store/add-zoom-to-store.execution.d.ts

@@ -1,8 +1,11 @@
 import { IExecution } from '@foblex/mediator';
 import { AddZoomToStoreRequest } from './add-zoom-to-store-request';
 import * as i0 from "@angular/core";
+/**
+ * Execution that adds a Zoom to the FComponentsStore.
+ */
 export declare class AddZoomToStoreExecution implements IExecution<AddZoomToStoreRequest, void> {
-    private _fComponentsStore;
+    private readonly _store;
     handle(request: AddZoomToStoreRequest): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AddZoomToStoreExecution, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<AddZoomToStoreExecution>;

package/domain/f-zoom/providers.d.ts

@@ -2,4 +2,9 @@ import { AddZoomToStoreExecution } from './add-zoom-to-store';
 import { RemoveZoomFromStoreExecution } from './remove-zoom-from-store';
 import { SetZoomExecution } from './set-zoom';
 import { ResetZoomExecution } from './reset-zoom';
+/**
+ * Collection of all FZoom feature executions.
+ * These executions handle the addition, removal, and resetting of zoom levels
+ * in the FComponentsStore.
+ */
 export declare const F_ZOOM_FEATURES: (typeof AddZoomToStoreExecution | typeof RemoveZoomFromStoreExecution | typeof ResetZoomExecution | typeof SetZoomExecution)[];

package/domain/f-zoom/remove-zoom-from-store/remove-zoom-from-store.execution.d.ts

@@ -1,8 +1,11 @@
 import { IExecution } from '@foblex/mediator';
 import { RemoveZoomFromStoreRequest } from './remove-zoom-from-store-request';
 import * as i0 from "@angular/core";
+/**
+ * Execution that removes a Zoom from the FComponentsStore.
+ */
 export declare class RemoveZoomFromStoreExecution implements IExecution<RemoveZoomFromStoreRequest, void> {
-    private _fComponentsStore;
+    private readonly _store;
     handle(request: RemoveZoomFromStoreRequest): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<RemoveZoomFromStoreExecution, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<RemoveZoomFromStoreExecution>;

package/domain/f-zoom/reset-zoom/reset-zoom.execution.d.ts

@@ -1,8 +1,11 @@
 import { IExecution } from '@foblex/mediator';
 import { ResetZoomRequest } from './reset-zoom-request';
 import * as i0 from "@angular/core";
+/**
+ * Execution that resets the zoom level of the FCanvas.
+ */
 export declare class ResetZoomExecution implements IExecution<ResetZoomRequest, void> {
-    private _fComponentsStore;
+    private readonly _store;
     private get _fCanvas();
     handle(request: ResetZoomRequest): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ResetZoomExecution, never>;

package/domain/f-zoom/set-zoom/set-zoom.execution.d.ts

@@ -1,9 +1,13 @@
 import { IExecution } from '@foblex/mediator';
 import { SetZoomRequest } from './set-zoom-request';
 import * as i0 from "@angular/core";
+/**
+ * Execution that sets the zoom level of the FCanvas based on the provided request.
+ * It adjusts the zoom level by a specified step and direction, ensuring it stays within defined limits.
+ */
 export declare class SetZoomExecution implements IExecution<SetZoomRequest, void> {
-    private _fMediator;
-    private _fComponentsStore;
+    private readonly _mediator;
+    private readonly _store;
     private get _fHost();
     private get _fCanvas();
     private get _fZoomComponent();

package/domain/get-deep-children-nodes-and-groups/get-deep-children-nodes-and-groups.execution.d.ts

@@ -2,8 +2,12 @@ import { GetDeepChildrenNodesAndGroupsRequest } from './get-deep-children-nodes-
 import { FNodeBase } from '../../f-node';
 import { IExecution } from '@foblex/mediator';
 import * as i0 from "@angular/core";
+/**
+ * Execution that retrieves all deep children nodes and groups from the FComponentsStore.
+ * It traverses the node hierarchy to find all descendants of a given node.
+ */
 export declare class GetDeepChildrenNodesAndGroupsExecution implements IExecution<GetDeepChildrenNodesAndGroupsRequest, FNodeBase[]> {
-    private readonly _fComponentsStore;
+    private readonly _store;
     handle(request: GetDeepChildrenNodesAndGroupsRequest): FNodeBase[];
     private _getChildrenNodes;
     static ɵfac: i0.ɵɵFactoryDeclaration<GetDeepChildrenNodesAndGroupsExecution, never>;

package/domain/get-element-rounded-rect/get-element-rounded-rect.execution.d.ts

@@ -2,8 +2,12 @@ import { GetElementRoundedRectRequest } from './get-element-rounded-rect-request
 import { IExecution } from '@foblex/mediator';
 import { RoundedRect } from '@foblex/2d';
 import * as i0 from "@angular/core";
+/**
+ * Execution that retrieves the rectangle of an element with its border-radius.
+ * It calculates the rectangle based on the element's dimensions and its computed style.
+ */
 export declare class GetElementRoundedRectExecution implements IExecution<GetElementRoundedRectRequest, RoundedRect> {
-    private _fBrowser;
+    private readonly _browser;
     handle(request: GetElementRoundedRectRequest): RoundedRect;
     private _getRoundedRect;
     private _getComputedStyle;

package/domain/get-normalized-connector-rect/get-normalized-connector-rect.execution.d.ts

@@ -2,9 +2,14 @@ import { GetNormalizedConnectorRectRequest } from './get-normalized-connector-re
 import { IExecution } from '@foblex/mediator';
 import { IRoundedRect } from '@foblex/2d';
 import * as i0 from "@angular/core";
+/**
+ * Execution that retrieves the normalized rectangle of a connector.
+ * It calculates the rectangle based on the element's position and size,
+ * adjusting for the canvas transformation and element offsets.
+ */
 export declare class GetNormalizedConnectorRectExecution implements IExecution<GetNormalizedConnectorRectRequest, IRoundedRect> {
-    private readonly _fComponentsStore;
-    private readonly _fMediator;
+    private readonly _store;
+    private readonly _mediator;
     private get _transform();
     handle(request: GetNormalizedConnectorRectRequest): IRoundedRect;
     private _getElementRoundedRect;

package/domain/get-normalized-element-rect/get-normalized-element-rect.execution.d.ts

@@ -2,9 +2,14 @@ import { GetNormalizedElementRectRequest } from './get-normalized-element-rect-r
 import { IExecution } from '@foblex/mediator';
 import { IRect } from '@foblex/2d';
 import * as i0 from "@angular/core";
+/**
+ * Execution that retrieves the normalized rectangle of an element.
+ * It calculates the rectangle based on the element's position and size,
+ * adjusting for the canvas transformation and element offsets.
+ */
 export declare class GetNormalizedElementRectExecution implements IExecution<GetNormalizedElementRectRequest, IRect> {
-    private readonly _fComponentsStore;
-    private readonly _fMediator;
+    private readonly _store;
+    private readonly _mediator;
     private get _transform();
     handle(request: GetNormalizedElementRectRequest): IRect;
     private _getElementRoundedRect;

package/domain/get-normalized-point/get-normalized-point.execution.d.ts

@@ -2,8 +2,13 @@ import { IPoint } from '@foblex/2d';
 import { GetNormalizedPointRequest } from './get-normalized-point-request';
 import { IExecution } from '@foblex/mediator';
 import * as i0 from "@angular/core";
+/**
+ * Execution that retrieves the normalized point of a position.
+ * It calculates the point based on the position's transformation
+ * and the canvas transformation.
+ */
 export declare class GetNormalizedPointExecution implements IExecution<GetNormalizedPointRequest, IPoint> {
-    private readonly _fComponentsStore;
+    private readonly _store;
     private get _transform();
     handle(request: GetNormalizedPointRequest): IPoint;
     static ɵfac: i0.ɵɵFactoryDeclaration<GetNormalizedPointExecution, never>;

package/domain/providers.d.ts

@@ -4,4 +4,10 @@ import { GetNormalizedPointExecution } from './get-normalized-point';
 import { GetDeepChildrenNodesAndGroupsExecution } from './get-deep-children-nodes-and-groups';
 import { GetElementRoundedRectExecution } from './get-element-rounded-rect';
 import { GetNormalizedConnectorRectExecution } from "./get-normalized-connector-rect";
-export declare const COMMON_PROVIDERS: (typeof import("./f-canvas").AddCanvasToStoreExecution | typeof import("./f-canvas").CenterGroupOrNodeExecution | typeof import("./f-canvas").FitToFlowExecution | typeof import("./f-canvas").InputCanvasPositionExecution | typeof import("./f-canvas").InputCanvasScaleExecution | typeof import("./f-canvas").RedrawCanvasWithAnimationExecution | typeof import("./f-canvas").ResetScaleAndCenterExecution | typeof import("./f-canvas").UpdateScaleExecution | typeof import("./f-connection").AddConnectionForCreateToStoreExecution | typeof import("./f-connection").AddConnectionMarkerToStoreExecution | typeof import("./f-connection").AddConnectionToStoreExecution | typeof import("./f-connection").AddSnapConnectionToStoreExecution | typeof import("./f-connection").CreateConnectionMarkersExecution | typeof import("./f-connection").CalculateConnectionLineByBehaviorExecution | typeof import("./f-connection").RemoveConnectionFromStoreExecution | typeof import("./f-connection").RemoveConnectionMarkerFromStoreExecution | typeof import("./f-background").AddBackgroundToStoreExecution | typeof import("./f-background").AddPatternToBackgroundExecution | typeof import("./f-background").RemoveBackgroundFromStoreExecution | typeof import("./f-background").SetBackgroundTransformExecution | typeof import("./f-connectors").AddInputToStoreExecution | typeof import("./f-connectors").AddOutletToStoreExecution | typeof import("./f-connectors").AddOutputToStoreExecution | typeof import("./f-connectors").CalculateClosestInputExecution | typeof import("./f-connectors").FindInputAtPositionExecution | typeof import("./f-connectors").GetAllCanBeConnectedInputsAndRectsExecution | typeof import("./f-connectors").GetConnectorAndRectExecution | typeof import("./f-connectors").MarkAllCanBeConnectedInputsExecution | typeof import("./f-connectors").RemoveInputFromStoreExecution | typeof import("./f-connectors").RemoveOutletFromStoreExecution | typeof import("./f-connectors").RemoveOutputFromStoreExecution | typeof import("./f-connectors").UnmarkAllCanBeConnectedInputsExecution | typeof import("./f-draggable").AddDndToStoreExecution | typeof import("./f-draggable").OnPointerMoveExecution | typeof import("./f-flow").AddFlowToStoreExecution | typeof import("./f-flow").GetFlowStateNodesExecution | typeof import("./f-line-alignment").AddLineAlignmentToStoreExecution | typeof import("./f-node").AddNodeToStoreExecution | typeof import("./f-node").CalculateInputConnectionsExecution | typeof import("./f-node").CalculateNodesBoundingBoxNormalizedPositionExecution | typeof import("./f-node").CalculateOutputConnectionsExecution | typeof import("./f-node").GetNodePaddingExecution | typeof import("./f-node").GetParentNodesExecution | typeof import("./f-node").UpdateNodeWhenStateOrSizeChangedExecution | typeof import("./f-node").RemoveNodeFromStoreExecution | typeof GetElementRoundedRectExecution | typeof import("./f-selection").SelectExecution | typeof import("./f-selection").SelectAndUpdateNodeLayerExecution | typeof import("./f-zoom").AddZoomToStoreExecution | typeof import("./f-zoom").SetZoomExecution | typeof GetDeepChildrenNodesAndGroupsExecution | typeof GetNormalizedConnectorRectExecution | typeof GetNormalizedElementRectExecution | typeof GetNormalizedPointExecution | typeof UpdateItemAndChildrenLayersExecution | typeof MoveFrontElementsBeforeTargetElementExecution)[];
+/**
+ * This module provides a collection of common providers for the FFlow domain.
+ * It includes features related to canvas, connections, background, connectors,
+ * draggable elements, flow, line alignment, nodes, selection, zoom,
+ * and various utility executions.
+ */
+export declare const COMMON_PROVIDERS: (typeof GetElementRoundedRectExecution | typeof import("./f-background").AddBackgroundToStoreExecution | typeof import("./f-background").AddPatternToBackgroundExecution | typeof import("./f-background").RemoveBackgroundFromStoreExecution | typeof import("./f-background").SetBackgroundTransformExecution | typeof import("./f-canvas").AddCanvasToStoreExecution | typeof import("./f-canvas").CenterGroupOrNodeExecution | typeof import("./f-canvas").FitToFlowExecution | typeof import("./f-canvas").InputCanvasPositionExecution | typeof import("./f-canvas").InputCanvasScaleExecution | typeof import("./f-canvas").RedrawCanvasWithAnimationExecution | typeof import("./f-canvas").ResetScaleAndCenterExecution | typeof import("./f-canvas").UpdateScaleExecution | typeof import("./f-connection").AddConnectionForCreateToStoreExecution | typeof import("./f-connection").AddConnectionMarkerToStoreExecution | typeof import("./f-connection").AddConnectionToStoreExecution | typeof import("./f-connection").AddSnapConnectionToStoreExecution | typeof import("./f-connection").CreateConnectionMarkersExecution | typeof import("./f-connection").CalculateConnectionLineByBehaviorExecution | typeof GetNormalizedPointExecution | typeof GetNormalizedConnectorRectExecution | typeof import("./f-connection").RemoveConnectionFromStoreExecution | typeof import("./f-connection").RemoveConnectionMarkerFromStoreExecution | typeof import("./f-connectors").AddInputToStoreExecution | typeof import("./f-connectors").AddOutletToStoreExecution | typeof import("./f-connectors").AddOutputToStoreExecution | typeof import("./f-connectors").FindConnectableConnectorUsingPriorityAndPositionExecution | typeof import("./f-connectors").FindClosestConnectorExecution | typeof import("./f-connectors").GetConnectorAndRectExecution | typeof import("./f-connectors").GetAllCanBeConnectedInputsAndRectsExecution | typeof import("./f-connectors").GetAllCanBeConnectedSourceConnectorsAndRectsExecution | typeof import("./f-connectors").MarkConnectableConnectorsExecution | typeof import("./f-connectors").RemoveInputFromStoreExecution | typeof import("./f-connectors").RemoveOutletFromStoreExecution | typeof import("./f-connectors").RemoveOutputFromStoreExecution | typeof import("./f-connectors").UnmarkConnectableConnectorsExecution | typeof import("./f-draggable").AddDndToStoreExecution | typeof GetNormalizedElementRectExecution | typeof import("./f-selection").SelectExecution | typeof MoveFrontElementsBeforeTargetElementExecution | typeof GetDeepChildrenNodesAndGroupsExecution | typeof UpdateItemAndChildrenLayersExecution | typeof import("./f-selection").SelectAndUpdateNodeLayerExecution | typeof import("./f-draggable").OnPointerMoveExecution | typeof import("./f-flow").AddFlowToStoreExecution | typeof import("./f-flow").GetFlowStateNodesExecution | typeof import("./f-line-alignment").AddLineAlignmentToStoreExecution | typeof import("./f-node").AddNodeToStoreExecution | typeof import("./f-node").CalculateInputConnectionsExecution | typeof import("./f-node").CalculateNodesBoundingBoxNormalizedPositionExecution | typeof import("./f-node").CalculateOutputConnectionsExecution | typeof import("./f-node").GetNodePaddingExecution | typeof import("./f-node").GetParentNodesExecution | typeof import("./f-node").UpdateNodeWhenStateOrSizeChangedExecution | typeof import("./f-node").RemoveNodeFromStoreExecution | typeof import("./f-zoom").AddZoomToStoreExecution | typeof import("./f-zoom").SetZoomExecution)[];

package/domain/sort-item-layers/sort-item-layers.execution.d.ts

@@ -1,9 +1,16 @@
 import { SortItemLayersRequest } from './sort-item-layers.request';
 import { IExecution } from '@foblex/mediator';
 import * as i0 from "@angular/core";
+/**
+ * Execution that sorts item layers in the FCanvas by their parent nodes.
+ * This execution is registered to handle SortItemLayersRequest and
+ * ensures that items are sorted correctly within their parent nodes.
+ * It first sorts items by their parent nodes in the groups container,
+ * then sorts the node layers, and finally sorts items by their parent nodes in the nodes container.
+ */
 export declare class SortItemLayersExecution implements IExecution<SortItemLayersRequest, void> {
-    private readonly _fMediator;
-    private readonly _fComponentsStore;
+    private readonly _store;
+    private readonly _mediator;
     private get _fCanvas();
     handle(request: SortItemLayersRequest): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<SortItemLayersExecution, never>;

package/domain/sort-item-layers/sort-items-by-parent/sort-items-by-parent.execution.d.ts

@@ -1,10 +1,15 @@
 import { SortItemsByParentRequest } from './sort-items-by-parent.request';
 import { IExecution } from '@foblex/mediator';
 import * as i0 from "@angular/core";
+/**
+ * Execution that sorts items by their parent nodes in the FItemsContainer.
+ * It retrieves all items within the container, sorts their children based on their current order,
+ * and moves them to maintain the correct hierarchy.
+ */
 export declare class SortItemsByParentExecution implements IExecution<SortItemsByParentRequest, void> {
-    private readonly _fMediator;
-    private readonly _fComponentsStore;
-    private readonly _fBrowser;
+    private readonly _store;
+    private readonly _mediator;
+    private readonly _browser;
     private _fItemsContainer;
     private get _fItemElements();
     handle(request: SortItemsByParentRequest): void;

package/domain/sort-item-layers/sort-node-layers-by-groups/sort-node-layers.execution.d.ts

@@ -1,10 +1,15 @@
 import { SortNodeLayersRequest } from './sort-node-layers.request';
 import { IExecution } from '@foblex/mediator';
 import * as i0 from "@angular/core";
+/**
+ * Execution that sorts node layers by their parent nodes in the FCanvas.
+ * It retrieves all groups, sorts their children nodes based on their current order,
+ * and moves them to maintain the correct hierarchy.
+ */
 export declare class SortNodeLayersExecution implements IExecution<SortNodeLayersRequest, void> {
-    private readonly _fMediator;
-    private readonly _fComponentsStore;
-    private readonly _fBrowser;
+    private readonly _store;
+    private readonly _mediator;
+    private readonly _browser;
     private get _fCanvas();
     private get _fGroupsContainer();
     private get _fNodesContainer();

package/domain/update-item-and-children-layers/move-front-elements-before-target-element/move-front-elements-before-target-element.execution.d.ts

@@ -1,6 +1,10 @@
 import { MoveFrontElementsBeforeTargetElementRequest } from './move-front-elements-before-target-element.request';
 import { IExecution } from '@foblex/mediator';
 import * as i0 from "@angular/core";
+/**
+ * Execution that moves elements in the FItemsContainer before a target element.
+ * It removes elements that should not be in front and inserts them before the target element.
+ */
 export declare class MoveFrontElementsBeforeTargetElementExecution implements IExecution<MoveFrontElementsBeforeTargetElementRequest, void> {
     handle(request: MoveFrontElementsBeforeTargetElementRequest): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<MoveFrontElementsBeforeTargetElementExecution, never>;

package/domain/update-item-and-children-layers/update-item-and-children-layers.execution.d.ts

@@ -1,9 +1,13 @@
 import { UpdateItemAndChildrenLayersRequest } from './update-item-and-children-layers.request';
 import { IExecution } from '@foblex/mediator';
 import * as i0 from "@angular/core";
+/**
+ * Execution that updates the layers of an item and its children in the FCanvas.
+ * It handles different item containers (groups, nodes, connections) and updates their layers accordingly.
+ */
 export declare class UpdateItemAndChildrenLayersExecution implements IExecution<UpdateItemAndChildrenLayersRequest, void> {
-    private readonly _fMediator;
-    private readonly _fComponentsStore;
+    private readonly _store;
+    private readonly _mediator;
     private get _fCanvas();
     private get _fGroupsContainer();
     private get _fNodesContainer();

package/drag-toolkit/drag-and-drop-base.d.ts

@@ -1,6 +1,11 @@
 import { ICanRunOutsideAngular } from './i-can-run-outside-angular';
 import { IPointerEvent } from './pointer-events';
 export declare const MOUSE_EVENT_IGNORE_TIME = 800;
+/**
+ * Base class for implementing drag and drop functionality.
+ * It handles mouse and touch events, manages the drag start sequence,
+ * and provides abstract methods for derived classes to implement specific behaviors.
+ */
 export declare abstract class DragAndDropBase {
     protected ngZone: ICanRunOutsideAngular | undefined;
     abstract hostElement: HTMLElement;
@@ -19,14 +24,69 @@ export declare abstract class DragAndDropBase {
     private moveHandler;
     private pointerDownElement;
     protected constructor(ngZone: ICanRunOutsideAngular | undefined);
+    /**
+     * Handles the mouse down event to initiate the drag sequence.
+     * It checks if the event is synthetic or fake, and if the drag is already started.
+     * If not, it sets up the drag start sequence by adding necessary event listeners.
+     * @param event - The mouse event that triggered the drag.
+     */
     private onMouseDown;
+    /**
+     * Handles the touch down event to initiate the drag sequence.
+     * It checks if the event is synthetic or fake, and if the drag is already started.
+     * If not, it sets up the drag start sequence by adding necessary event listeners.
+     * @param event - The touch event that triggered the drag.
+     */
     private onTouchDown;
+    /**
+     * Handles the select start event.
+     * This method is called when the user starts selecting text or elements.
+     * It prevents the default behavior and calls the onSelect method to handle the selection.
+     * @param event - The event that triggered the select start.
+     */
     private onSelectStart;
+    /**
+     * Handles the mouse move event during the drag sequence.
+     * It checks if the drag sequence should start and calls the move handler accordingly.
+     * @param event - The mouse event that triggered the move.
+     */
     private onMouseMove;
+    /**
+     * Handles the touch move event during the drag sequence.
+     * It checks if the drag sequence should start and calls the move handler accordingly.
+     * @param event - The touch event that triggered the move.
+     */
     private onTouchMove;
+    /**
+     * Checks if the drag sequence should start based on the pointer position.
+     * It compares the current pointer position with the initial drag start position
+     * and checks if the distance exceeds the drag start threshold.
+     * If the threshold is exceeded and the delay has passed,
+     * it prepares the drag sequence and sets the move handler to onPointerMove.
+     * @param event - The pointer event that triggered the check.
+     */
     private checkDragSequenceToStart;
+    /**
+     * Prepares the drag sequence by setting up necessary event listeners
+     * and initializing any required state for the drag operation.
+     * This method should be implemented by derived classes to define specific drag behavior.
+     * @param event - The pointer event that triggered the preparation.
+     */
     protected abstract prepareDragSequence(event: IPointerEvent): void;
+    /**
+     * Handles the pointer up event at the end of the drag sequence.
+     * It checks if the drag has started and calls the onPointerUp method.
+     * It also ends the drag sequence by resetting the state and removing event listeners.
+     * This method is called when the user releases the mouse button or lifts their finger from the touch screen.
+     * @param event - The pointer event that triggered the up action.
+     */
     private onPointerUpEvent;
+    /**
+     * Ends the drag sequence by resetting the state and removing event listeners.
+     * It sets the isDragStarted flag to false, clears the pointerDownElement,
+     * and resets the moveHandler to checkDragSequenceToStart.
+     * It also removes all mouse and touch event listeners that were added during the drag sequence.
+     */
     private endDragSequence;
     protected abstract finalizeDragSequence(): void;
     protected abstract onSelect(event: Event): void;

package/esm2022/domain/css-cls.mjs

@@ -8,10 +8,10 @@ export const F_CSS_CLASS = {
         OUTPUT_NOT_CONNECTABLE: 'f-node-output-not-connectable',
         INPUT_CONNECTED: 'f-node-input-connected',
         INPUT_NOT_CONNECTABLE: 'f-node-input-not-connectable',
-        INPUT_CAN_BE_CONNECTED_TO: 'f-node-input-can-be-connected-to',
+        CONNECTABLE: 'f-connector-connectable',
     },
     CONNECTION: {
         DRAG_HANDLE: 'f-connection-drag-handle',
     }
 };
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY3NzLWNscy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3Byb2plY3RzL2YtZmxvdy9zcmMvZG9tYWluL2Nzcy1jbHMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsTUFBTSxDQUFDLE1BQU0sV0FBVyxHQUFHO0lBRXpCLGFBQWEsRUFBRTtRQUViLFFBQVEsRUFBRSxZQUFZO1FBRXRCLG9CQUFvQixFQUFFLHdCQUF3QjtLQUMvQztJQUVELFNBQVMsRUFBRTtRQUVULGdCQUFnQixFQUFFLHlCQUF5QjtRQUUzQyxzQkFBc0IsRUFBRSwrQkFBK0I7UUFFdkQsZUFBZSxFQUFFLHdCQUF3QjtRQUV6QyxxQkFBcUIsRUFBRSw4QkFBOEI7UUFFckQseUJBQXlCLEVBQUUsa0NBQWtDO0tBQzlEO0lBRUQsVUFBVSxFQUFFO1FBRVYsV0FBVyxFQUFFLDBCQUEwQjtLQUV4QztDQUNGLENBQUEiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgY29uc3QgRl9DU1NfQ0xBU1MgPSB7XG5cbiAgRFJBR19BTkRfRFJPUDoge1xuXG4gICAgRFJBR0dJTkc6ICdmLWRyYWdnaW5nJyxcblxuICAgIENPTk5FQ1RJT05TX0RSQUdHSU5HOiAnZi1jb25uZWN0aW9ucy1kcmFnZ2luZycsXG4gIH0sXG5cbiAgQ09OTkVDVE9SOiB7XG5cbiAgICBPVVRQVVRfQ09OTkVDVEVEOiAnZi1ub2RlLW91dHB1dC1jb25uZWN0ZWQnLFxuXG4gICAgT1VUUFVUX05PVF9DT05ORUNUQUJMRTogJ2Ytbm9kZS1vdXRwdXQtbm90LWNvbm5lY3RhYmxlJyxcblxuICAgIElOUFVUX0NPTk5FQ1RFRDogJ2Ytbm9kZS1pbnB1dC1jb25uZWN0ZWQnLFxuXG4gICAgSU5QVVRfTk9UX0NPTk5FQ1RBQkxFOiAnZi1ub2RlLWlucHV0LW5vdC1jb25uZWN0YWJsZScsXG5cbiAgICBJTlBVVF9DQU5fQkVfQ09OTkVDVEVEX1RPOiAnZi1ub2RlLWlucHV0LWNhbi1iZS1jb25uZWN0ZWQtdG8nLFxuICB9LFxuXG4gIENPTk5FQ1RJT046IHtcblxuICAgIERSQUdfSEFORExFOiAnZi1jb25uZWN0aW9uLWRyYWctaGFuZGxlJyxcblxuICB9XG59XG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY3NzLWNscy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3Byb2plY3RzL2YtZmxvdy9zcmMvZG9tYWluL2Nzcy1jbHMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsTUFBTSxDQUFDLE1BQU0sV0FBVyxHQUFHO0lBRXpCLGFBQWEsRUFBRTtRQUViLFFBQVEsRUFBRSxZQUFZO1FBRXRCLG9CQUFvQixFQUFFLHdCQUF3QjtLQUMvQztJQUVELFNBQVMsRUFBRTtRQUVULGdCQUFnQixFQUFFLHlCQUF5QjtRQUUzQyxzQkFBc0IsRUFBRSwrQkFBK0I7UUFFdkQsZUFBZSxFQUFFLHdCQUF3QjtRQUV6QyxxQkFBcUIsRUFBRSw4QkFBOEI7UUFFckQsV0FBVyxFQUFFLHlCQUF5QjtLQUN2QztJQUVELFVBQVUsRUFBRTtRQUVWLFdBQVcsRUFBRSwwQkFBMEI7S0FDeEM7Q0FDRixDQUFBIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0IGNvbnN0IEZfQ1NTX0NMQVNTID0ge1xuXG4gIERSQUdfQU5EX0RST1A6IHtcblxuICAgIERSQUdHSU5HOiAnZi1kcmFnZ2luZycsXG5cbiAgICBDT05ORUNUSU9OU19EUkFHR0lORzogJ2YtY29ubmVjdGlvbnMtZHJhZ2dpbmcnLFxuICB9LFxuXG4gIENPTk5FQ1RPUjoge1xuXG4gICAgT1VUUFVUX0NPTk5FQ1RFRDogJ2Ytbm9kZS1vdXRwdXQtY29ubmVjdGVkJyxcblxuICAgIE9VVFBVVF9OT1RfQ09OTkVDVEFCTEU6ICdmLW5vZGUtb3V0cHV0LW5vdC1jb25uZWN0YWJsZScsXG5cbiAgICBJTlBVVF9DT05ORUNURUQ6ICdmLW5vZGUtaW5wdXQtY29ubmVjdGVkJyxcblxuICAgIElOUFVUX05PVF9DT05ORUNUQUJMRTogJ2Ytbm9kZS1pbnB1dC1ub3QtY29ubmVjdGFibGUnLFxuXG4gICAgQ09OTkVDVEFCTEU6ICdmLWNvbm5lY3Rvci1jb25uZWN0YWJsZScsXG4gIH0sXG5cbiAgQ09OTkVDVElPTjoge1xuXG4gICAgRFJBR19IQU5ETEU6ICdmLWNvbm5lY3Rpb24tZHJhZy1oYW5kbGUnLFxuICB9XG59XG4iXX0=

package/esm2022/domain/f-background/add-background-to-store/add-background-to-store.execution.mjs

@@ -4,10 +4,13 @@ import { FExecutionRegister } from '@foblex/mediator';
 import { AddBackgroundToStoreRequest } from './add-background-to-store-request';
 import { FComponentsStore } from '../../../f-storage';
 import * as i0 from "@angular/core";
+/**
+ * Execution that adds a background to the FComponentsStore.
+ */
 let AddBackgroundToStoreExecution = class AddBackgroundToStoreExecution {
-    _fComponentsStore = inject(FComponentsStore);
+    _store = inject(FComponentsStore);
     handle(request) {
-        this._fComponentsStore.fBackground = request.fBackground;
+        this._store.fBackground = request.fBackground;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AddBackgroundToStoreExecution, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
     static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AddBackgroundToStoreExecution });
@@ -19,4 +22,4 @@ export { AddBackgroundToStoreExecution };
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AddBackgroundToStoreExecution, decorators: [{
             type: Injectable
         }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWRkLWJhY2tncm91bmQtdG8tc3RvcmUuZXhlY3V0aW9uLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZi1mbG93L3NyYy9kb21haW4vZi1iYWNrZ3JvdW5kL2FkZC1iYWNrZ3JvdW5kLXRvLXN0b3JlL2FkZC1iYWNrZ3JvdW5kLXRvLXN0b3JlLmV4ZWN1dGlvbi50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLE1BQU0sRUFBRSxVQUFVLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDbkQsT0FBTyxFQUFFLGtCQUFrQixFQUFjLE1BQU0sa0JBQWtCLENBQUM7QUFDbEUsT0FBTyxFQUFFLDJCQUEyQixFQUFFLE1BQU0sbUNBQW1DLENBQUM7QUFDaEYsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0sb0JBQW9CLENBQUM7O0FBSS9DLElBQU0sNkJBQTZCLEdBQW5DLE1BQU0sNkJBQTZCO0lBRXZCLGlCQUFpQixHQUFHLE1BQU0sQ0FBQyxnQkFBZ0IsQ0FBQyxDQUFDO0lBRXZELE1BQU0sQ0FBQyxPQUFvQztRQUNoRCxJQUFJLENBQUMsaUJBQWlCLENBQUMsV0FBVyxHQUFHLE9BQU8sQ0FBQyxXQUFXLENBQUM7SUFDM0QsQ0FBQzt3R0FOVSw2QkFBNkI7NEdBQTdCLDZCQUE2Qjs7QUFBN0IsNkJBQTZCO0lBRHpDLGtCQUFrQixDQUFDLDJCQUEyQixDQUFDO0dBQ25DLDZCQUE2QixDQU96Qzs7NEZBUFksNkJBQTZCO2tCQUZ6QyxVQUFVIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgaW5qZWN0LCBJbmplY3RhYmxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBGRXhlY3V0aW9uUmVnaXN0ZXIsIElFeGVjdXRpb24gfSBmcm9tICdAZm9ibGV4L21lZGlhdG9yJztcbmltcG9ydCB7IEFkZEJhY2tncm91bmRUb1N0b3JlUmVxdWVzdCB9IGZyb20gJy4vYWRkLWJhY2tncm91bmQtdG8tc3RvcmUtcmVxdWVzdCc7XG5pbXBvcnQgeyBGQ29tcG9uZW50c1N0b3JlIH0gZnJvbSAnLi4vLi4vLi4vZi1zdG9yYWdlJztcblxuQEluamVjdGFibGUoKVxuQEZFeGVjdXRpb25SZWdpc3RlcihBZGRCYWNrZ3JvdW5kVG9TdG9yZVJlcXVlc3QpXG5leHBvcnQgY2xhc3MgQWRkQmFja2dyb3VuZFRvU3RvcmVFeGVjdXRpb24gaW1wbGVtZW50cyBJRXhlY3V0aW9uPEFkZEJhY2tncm91bmRUb1N0b3JlUmVxdWVzdCwgdm9pZD4ge1xuXG4gIHByaXZhdGUgcmVhZG9ubHkgX2ZDb21wb25lbnRzU3RvcmUgPSBpbmplY3QoRkNvbXBvbmVudHNTdG9yZSk7XG5cbiAgcHVibGljIGhhbmRsZShyZXF1ZXN0OiBBZGRCYWNrZ3JvdW5kVG9TdG9yZVJlcXVlc3QpOiB2b2lkIHtcbiAgICB0aGlzLl9mQ29tcG9uZW50c1N0b3JlLmZCYWNrZ3JvdW5kID0gcmVxdWVzdC5mQmFja2dyb3VuZDtcbiAgfVxufVxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWRkLWJhY2tncm91bmQtdG8tc3RvcmUuZXhlY3V0aW9uLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZi1mbG93L3NyYy9kb21haW4vZi1iYWNrZ3JvdW5kL2FkZC1iYWNrZ3JvdW5kLXRvLXN0b3JlL2FkZC1iYWNrZ3JvdW5kLXRvLXN0b3JlLmV4ZWN1dGlvbi50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLE1BQU0sRUFBRSxVQUFVLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDbkQsT0FBTyxFQUFFLGtCQUFrQixFQUFjLE1BQU0sa0JBQWtCLENBQUM7QUFDbEUsT0FBTyxFQUFFLDJCQUEyQixFQUFFLE1BQU0sbUNBQW1DLENBQUM7QUFDaEYsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0sb0JBQW9CLENBQUM7O0FBRXREOztHQUVHO0FBR0ksSUFBTSw2QkFBNkIsR0FBbkMsTUFBTSw2QkFBNkI7SUFFdkIsTUFBTSxHQUFHLE1BQU0sQ0FBQyxnQkFBZ0IsQ0FBQyxDQUFDO0lBRTVDLE1BQU0sQ0FBQyxPQUFvQztRQUNoRCxJQUFJLENBQUMsTUFBTSxDQUFDLFdBQVcsR0FBRyxPQUFPLENBQUMsV0FBVyxDQUFDO0lBQ2hELENBQUM7d0dBTlUsNkJBQTZCOzRHQUE3Qiw2QkFBNkI7O0FBQTdCLDZCQUE2QjtJQUR6QyxrQkFBa0IsQ0FBQywyQkFBMkIsQ0FBQztHQUNuQyw2QkFBNkIsQ0FPekM7OzRGQVBZLDZCQUE2QjtrQkFGekMsVUFBVSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGluamVjdCwgSW5qZWN0YWJsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgRkV4ZWN1dGlvblJlZ2lzdGVyLCBJRXhlY3V0aW9uIH0gZnJvbSAnQGZvYmxleC9tZWRpYXRvcic7XG5pbXBvcnQgeyBBZGRCYWNrZ3JvdW5kVG9TdG9yZVJlcXVlc3QgfSBmcm9tICcuL2FkZC1iYWNrZ3JvdW5kLXRvLXN0b3JlLXJlcXVlc3QnO1xuaW1wb3J0IHsgRkNvbXBvbmVudHNTdG9yZSB9IGZyb20gJy4uLy4uLy4uL2Ytc3RvcmFnZSc7XG5cbi8qKlxuICogRXhlY3V0aW9uIHRoYXQgYWRkcyBhIGJhY2tncm91bmQgdG8gdGhlIEZDb21wb25lbnRzU3RvcmUuXG4gKi9cbkBJbmplY3RhYmxlKClcbkBGRXhlY3V0aW9uUmVnaXN0ZXIoQWRkQmFja2dyb3VuZFRvU3RvcmVSZXF1ZXN0KVxuZXhwb3J0IGNsYXNzIEFkZEJhY2tncm91bmRUb1N0b3JlRXhlY3V0aW9uIGltcGxlbWVudHMgSUV4ZWN1dGlvbjxBZGRCYWNrZ3JvdW5kVG9TdG9yZVJlcXVlc3QsIHZvaWQ+IHtcblxuICBwcml2YXRlIHJlYWRvbmx5IF9zdG9yZSA9IGluamVjdChGQ29tcG9uZW50c1N0b3JlKTtcblxuICBwdWJsaWMgaGFuZGxlKHJlcXVlc3Q6IEFkZEJhY2tncm91bmRUb1N0b3JlUmVxdWVzdCk6IHZvaWQge1xuICAgIHRoaXMuX3N0b3JlLmZCYWNrZ3JvdW5kID0gcmVxdWVzdC5mQmFja2dyb3VuZDtcbiAgfVxufVxuIl19

package/esm2022/domain/f-background/add-pattern-to-background/add-pattern-to-background.execution.mjs

@@ -8,11 +8,14 @@ import { FComponentsStore } from '../../../f-storage';
 import { BrowserService } from '@foblex/platform';
 import * as i0 from "@angular/core";
 let uniqueId = 0;
+/**
+ * Execution that adds a pattern to the background in the FComponentsStore.
+ */
 let AddPatternToBackgroundExecution = class AddPatternToBackgroundExecution {
-    _fComponentsStore = inject(FComponentsStore);
+    _store = inject(FComponentsStore);
     _fBrowser = inject(BrowserService);
     get _fBackground() {
-        return this._fComponentsStore.fBackground;
+        return this._store.fBackground;
     }
     handle(request) {
         const children = request.fPattern?.hostElement.getElementsByTagName('pattern') || [];
@@ -28,7 +31,7 @@ let AddPatternToBackgroundExecution = class AddPatternToBackgroundExecution {
             rect.setAttribute('width', '100%');
             rect.setAttribute('height', '100%');
             this._fBackground.hostElement.firstChild?.appendChild(rect);
-            const transform = this._fComponentsStore.fCanvas?.transform || TransformModelExtensions.default();
+            const transform = this._store.fCanvas?.transform || TransformModelExtensions.default();
             request.fPattern?.setTransform(transform);
         }
     }
@@ -42,4 +45,4 @@ export { AddPatternToBackgroundExecution };
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AddPatternToBackgroundExecution, decorators: [{
             type: Injectable
         }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWRkLXBhdHRlcm4tdG8tYmFja2dyb3VuZC5leGVjdXRpb24uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9mLWZsb3cvc3JjL2RvbWFpbi9mLWJhY2tncm91bmQvYWRkLXBhdHRlcm4tdG8tYmFja2dyb3VuZC9hZGQtcGF0dGVybi10by1iYWNrZ3JvdW5kLmV4ZWN1dGlvbi50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLHdCQUF3QixFQUFFLE1BQU0sWUFBWSxDQUFDO0FBQ3RELE9BQU8sRUFBRSw2QkFBNkIsRUFBRSxNQUFNLHFDQUFxQyxDQUFDO0FBQ3BGLE9BQU8sRUFBRSxNQUFNLEVBQUUsVUFBVSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ25ELE9BQU8sRUFBRSxrQkFBa0IsRUFBYyxNQUFNLGtCQUFrQixDQUFDO0FBQ2xFLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQ25ELE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLG9CQUFvQixDQUFDO0FBQ3RELE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSxrQkFBa0IsQ0FBQzs7QUFHbEQsSUFBSSxRQUFRLEdBQVcsQ0FBQyxDQUFDO0FBSWxCLElBQU0sK0JBQStCLEdBQXJDLE1BQU0sK0JBQStCO0lBRXpCLGlCQUFpQixHQUFHLE1BQU0sQ0FBQyxnQkFBZ0IsQ0FBQyxDQUFDO0lBQzdDLFNBQVMsR0FBRyxNQUFNLENBQUMsY0FBYyxDQUFDLENBQUM7SUFFcEQsSUFBWSxZQUFZO1FBQ3RCLE9BQU8sSUFBSSxDQUFDLGlCQUFpQixDQUFDLFdBQVksQ0FBQztJQUM3QyxDQUFDO0lBRU0sTUFBTSxDQUFDLE9BQXNDO1FBQ2xELE1BQU0sUUFBUSxHQUFHLE9BQU8sQ0FBQyxRQUFRLEVBQUUsV0FBVyxDQUFDLG9CQUFvQixDQUFDLFNBQVMsQ0FBQyxJQUFJLEVBQUUsQ0FBQztRQUNyRixNQUFNLE9BQU8sR0FBRyxRQUFRLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQyxRQUFRLENBQUUsQ0FBQyxDQUFFLENBQUMsQ0FBQyxDQUFDLFNBQVMsQ0FBQztRQUM1RCxJQUFJLE9BQU8sRUFBRSxDQUFDO1lBQ1osTUFBTSxJQUFJLEdBQUcsZ0JBQWdCLENBQUMsTUFBTSxFQUFFLElBQUksQ0FBQyxTQUFTLENBQUMsQ0FBQztZQUN0RCxPQUFPLENBQUMsRUFBRSxHQUFHLHVCQUF1QixHQUFHLFFBQVEsRUFBRSxDQUFDO1lBQ2xELE9BQU8sQ0FBQyxRQUFRLEVBQUUsV0FBVyxDQUFDLE1BQU0sRUFBRSxDQUFDO1lBQ3ZDLElBQUksQ0FBQyxXQUFXLENBQUMsT0FBTyxDQUFDLENBQUM7WUFDMUIsSUFBSSxDQUFDLFlBQVksQ0FBQyxXQUFXLEVBQUUsVUFBVSxFQUFFLFdBQVcsQ0FBQyxJQUFJLENBQUMsQ0FBQztZQUM3RCxNQUFNLElBQUksR0FBRyxnQkFBZ0IsQ0FBQyxNQUFNLEVBQUUsSUFBSSxDQUFDLFNBQVMsQ0FBQyxDQUFDO1lBQ3RELElBQUksQ0FBQyxZQUFZLENBQUMsTUFBTSxFQUFFLE9BQU8sR0FBRyxPQUFPLENBQUMsRUFBRSxHQUFHLEdBQUcsQ0FBQyxDQUFDO1lBQ3RELElBQUksQ0FBQyxZQUFZLENBQUMsT0FBTyxFQUFFLE1BQU0sQ0FBQyxDQUFDO1lBQ25DLElBQUksQ0FBQyxZQUFZLENBQUMsUUFBUSxFQUFFLE1BQU0sQ0FBQyxDQUFDO1lBQ3BDLElBQUksQ0FBQyxZQUFZLENBQUMsV0FBVyxDQUFDLFVBQVUsRUFBRSxXQUFXLENBQUMsSUFBSSxDQUFDLENBQUM7WUFDNUQsTUFBTSxTQUFTLEdBQUcsSUFBSSxDQUFDLGlCQUFpQixDQUFDLE9BQU8sRUFBRSxTQUFTLElBQUksd0JBQXdCLENBQUMsT0FBTyxFQUFFLENBQUM7WUFDbEcsT0FBTyxDQUFDLFFBQVEsRUFBRSxZQUFZLENBQUMsU0FBUyxDQUFDLENBQUM7UUFDNUMsQ0FBQztJQUNILENBQUM7d0dBMUJVLCtCQUErQjs0R0FBL0IsK0JBQStCOztBQUEvQiwrQkFBK0I7SUFEM0Msa0JBQWtCLENBQUMsNkJBQTZCLENBQUM7R0FDckMsK0JBQStCLENBMkIzQzs7NEZBM0JZLCtCQUErQjtrQkFGM0MsVUFBVSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IFRyYW5zZm9ybU1vZGVsRXh0ZW5zaW9ucyB9IGZyb20gJ0Bmb2JsZXgvMmQnO1xuaW1wb3J0IHsgQWRkUGF0dGVyblRvQmFja2dyb3VuZFJlcXVlc3QgfSBmcm9tICcuL2FkZC1wYXR0ZXJuLXRvLWJhY2tncm91bmQucmVxdWVzdCc7XG5pbXBvcnQgeyBpbmplY3QsIEluamVjdGFibGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEZFeGVjdXRpb25SZWdpc3RlciwgSUV4ZWN1dGlvbiB9IGZyb20gJ0Bmb2JsZXgvbWVkaWF0b3InO1xuaW1wb3J0IHsgY3JlYXRlU1ZHRWxlbWVudCB9IGZyb20gJy4uLy4uLy4uL2RvbWFpbic7XG5pbXBvcnQgeyBGQ29tcG9uZW50c1N0b3JlIH0gZnJvbSAnLi4vLi4vLi4vZi1zdG9yYWdlJztcbmltcG9ydCB7IEJyb3dzZXJTZXJ2aWNlIH0gZnJvbSAnQGZvYmxleC9wbGF0Zm9ybSc7XG5pbXBvcnQgeyBGQmFja2dyb3VuZEJhc2UgfSBmcm9tICcuLi8uLi8uLi9mLWJhY2tncm91ZCc7XG5cbmxldCB1bmlxdWVJZDogbnVtYmVyID0gMDtcblxuQEluamVjdGFibGUoKVxuQEZFeGVjdXRpb25SZWdpc3RlcihBZGRQYXR0ZXJuVG9CYWNrZ3JvdW5kUmVxdWVzdClcbmV4cG9ydCBjbGFzcyBBZGRQYXR0ZXJuVG9CYWNrZ3JvdW5kRXhlY3V0aW9uIGltcGxlbWVudHMgSUV4ZWN1dGlvbjxBZGRQYXR0ZXJuVG9CYWNrZ3JvdW5kUmVxdWVzdCwgdm9pZD4ge1xuXG4gIHByaXZhdGUgcmVhZG9ubHkgX2ZDb21wb25lbnRzU3RvcmUgPSBpbmplY3QoRkNvbXBvbmVudHNTdG9yZSk7XG4gIHByaXZhdGUgcmVhZG9ubHkgX2ZCcm93c2VyID0gaW5qZWN0KEJyb3dzZXJTZXJ2aWNlKTtcblxuICBwcml2YXRlIGdldCBfZkJhY2tncm91bmQoKTogRkJhY2tncm91bmRCYXNlIHtcbiAgICByZXR1cm4gdGhpcy5fZkNvbXBvbmVudHNTdG9yZS5mQmFja2dyb3VuZCE7XG4gIH1cblxuICBwdWJsaWMgaGFuZGxlKHJlcXVlc3Q6IEFkZFBhdHRlcm5Ub0JhY2tncm91bmRSZXF1ZXN0KTogdm9pZCB7XG4gICAgY29uc3QgY2hpbGRyZW4gPSByZXF1ZXN0LmZQYXR0ZXJuPy5ob3N0RWxlbWVudC5nZXRFbGVtZW50c0J5VGFnTmFtZSgncGF0dGVybicpIHx8IFtdO1xuICAgIGNvbnN0IHBhdHRlcm4gPSBjaGlsZHJlbi5sZW5ndGggPyBjaGlsZHJlblsgMCBdIDogdW5kZWZpbmVkO1xuICAgIGlmIChwYXR0ZXJuKSB7XG4gICAgICBjb25zdCBkZWZzID0gY3JlYXRlU1ZHRWxlbWVudCgnZGVmcycsIHRoaXMuX2ZCcm93c2VyKTtcbiAgICAgIHBhdHRlcm4uaWQgPSAnZi1iYWNrZ3JvdW5kLXBhdHRlcm4tJyArIHVuaXF1ZUlkKys7XG4gICAgICByZXF1ZXN0LmZQYXR0ZXJuPy5ob3N0RWxlbWVudC5yZW1vdmUoKTtcbiAgICAgIGRlZnMuYXBwZW5kQ2hpbGQocGF0dGVybik7XG4gICAgICB0aGlzLl9mQmFja2dyb3VuZC5ob3N0RWxlbWVudD8uZmlyc3RDaGlsZD8uYXBwZW5kQ2hpbGQoZGVmcyk7XG4gICAgICBjb25zdCByZWN0ID0gY3JlYXRlU1ZHRWxlbWVudCgncmVjdCcsIHRoaXMuX2ZCcm93c2VyKTtcbiAgICAgIHJlY3Quc2V0QXR0cmlidXRlKCdmaWxsJywgJ3VybCgjJyArIHBhdHRlcm4uaWQgKyAnKScpO1xuICAgICAgcmVjdC5zZXRBdHRyaWJ1dGUoJ3dpZHRoJywgJzEwMCUnKTtcbiAgICAgIHJlY3Quc2V0QXR0cmlidXRlKCdoZWlnaHQnLCAnMTAwJScpO1xuICAgICAgdGhpcy5fZkJhY2tncm91bmQuaG9zdEVsZW1lbnQuZmlyc3RDaGlsZD8uYXBwZW5kQ2hpbGQocmVjdCk7XG4gICAgICBjb25zdCB0cmFuc2Zvcm0gPSB0aGlzLl9mQ29tcG9uZW50c1N0b3JlLmZDYW52YXM/LnRyYW5zZm9ybSB8fCBUcmFuc2Zvcm1Nb2RlbEV4dGVuc2lvbnMuZGVmYXVsdCgpO1xuICAgICAgcmVxdWVzdC5mUGF0dGVybj8uc2V0VHJhbnNmb3JtKHRyYW5zZm9ybSk7XG4gICAgfVxuICB9XG59XG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWRkLXBhdHRlcm4tdG8tYmFja2dyb3VuZC5leGVjdXRpb24uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9mLWZsb3cvc3JjL2RvbWFpbi9mLWJhY2tncm91bmQvYWRkLXBhdHRlcm4tdG8tYmFja2dyb3VuZC9hZGQtcGF0dGVybi10by1iYWNrZ3JvdW5kLmV4ZWN1dGlvbi50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLHdCQUF3QixFQUFFLE1BQU0sWUFBWSxDQUFDO0FBQ3RELE9BQU8sRUFBRSw2QkFBNkIsRUFBRSxNQUFNLHFDQUFxQyxDQUFDO0FBQ3BGLE9BQU8sRUFBRSxNQUFNLEVBQUUsVUFBVSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ25ELE9BQU8sRUFBRSxrQkFBa0IsRUFBYyxNQUFNLGtCQUFrQixDQUFDO0FBQ2xFLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQ25ELE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLG9CQUFvQixDQUFDO0FBQ3RELE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSxrQkFBa0IsQ0FBQzs7QUFHbEQsSUFBSSxRQUFRLEdBQVcsQ0FBQyxDQUFDO0FBRXpCOztHQUVHO0FBR0ksSUFBTSwrQkFBK0IsR0FBckMsTUFBTSwrQkFBK0I7SUFFekIsTUFBTSxHQUFHLE1BQU0sQ0FBQyxnQkFBZ0IsQ0FBQyxDQUFDO0lBQ2xDLFNBQVMsR0FBRyxNQUFNLENBQUMsY0FBYyxDQUFDLENBQUM7SUFFcEQsSUFBWSxZQUFZO1FBQ3RCLE9BQU8sSUFBSSxDQUFDLE1BQU0sQ0FBQyxXQUFZLENBQUM7SUFDbEMsQ0FBQztJQUVNLE1BQU0sQ0FBQyxPQUFzQztRQUNsRCxNQUFNLFFBQVEsR0FBRyxPQUFPLENBQUMsUUFBUSxFQUFFLFdBQVcsQ0FBQyxvQkFBb0IsQ0FBQyxTQUFTLENBQUMsSUFBSSxFQUFFLENBQUM7UUFDckYsTUFBTSxPQUFPLEdBQUcsUUFBUSxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUMsUUFBUSxDQUFFLENBQUMsQ0FBRSxDQUFDLENBQUMsQ0FBQyxTQUFTLENBQUM7UUFDNUQsSUFBSSxPQUFPLEVBQUUsQ0FBQztZQUNaLE1BQU0sSUFBSSxHQUFHLGdCQUFnQixDQUFDLE1BQU0sRUFBRSxJQUFJLENBQUMsU0FBUyxDQUFDLENBQUM7WUFDdEQsT0FBTyxDQUFDLEVBQUUsR0FBRyx1QkFBdUIsR0FBRyxRQUFRLEVBQUUsQ0FBQztZQUNsRCxPQUFPLENBQUMsUUFBUSxFQUFFLFdBQVcsQ0FBQyxNQUFNLEVBQUUsQ0FBQztZQUN2QyxJQUFJLENBQUMsV0FBVyxDQUFDLE9BQU8sQ0FBQyxDQUFDO1lBQzFCLElBQUksQ0FBQyxZQUFZLENBQUMsV0FBVyxFQUFFLFVBQVUsRUFBRSxXQUFXLENBQUMsSUFBSSxDQUFDLENBQUM7WUFDN0QsTUFBTSxJQUFJLEdBQUcsZ0JBQWdCLENBQUMsTUFBTSxFQUFFLElBQUksQ0FBQyxTQUFTLENBQUMsQ0FBQztZQUN0RCxJQUFJLENBQUMsWUFBWSxDQUFDLE1BQU0sRUFBRSxPQUFPLEdBQUcsT0FBTyxDQUFDLEVBQUUsR0FBRyxHQUFHLENBQUMsQ0FBQztZQUN0RCxJQUFJLENBQUMsWUFBWSxDQUFDLE9BQU8sRUFBRSxNQUFNLENBQUMsQ0FBQztZQUNuQyxJQUFJLENBQUMsWUFBWSxDQUFDLFFBQVEsRUFBRSxNQUFNLENBQUMsQ0FBQztZQUNwQyxJQUFJLENBQUMsWUFBWSxDQUFDLFdBQVcsQ0FBQyxVQUFVLEVBQUUsV0FBVyxDQUFDLElBQUksQ0FBQyxDQUFDO1lBQzVELE1BQU0sU0FBUyxHQUFHLElBQUksQ0FBQyxNQUFNLENBQUMsT0FBTyxFQUFFLFNBQVMsSUFBSSx3QkFBd0IsQ0FBQyxPQUFPLEVBQUUsQ0FBQztZQUN2RixPQUFPLENBQUMsUUFBUSxFQUFFLFlBQVksQ0FBQyxTQUFTLENBQUMsQ0FBQztRQUM1QyxDQUFDO0lBQ0gsQ0FBQzt3R0ExQlUsK0JBQStCOzRHQUEvQiwrQkFBK0I7O0FBQS9CLCtCQUErQjtJQUQzQyxrQkFBa0IsQ0FBQyw2QkFBNkIsQ0FBQztHQUNyQywrQkFBK0IsQ0EyQjNDOzs0RkEzQlksK0JBQStCO2tCQUYzQyxVQUFVIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgVHJhbnNmb3JtTW9kZWxFeHRlbnNpb25zIH0gZnJvbSAnQGZvYmxleC8yZCc7XG5pbXBvcnQgeyBBZGRQYXR0ZXJuVG9CYWNrZ3JvdW5kUmVxdWVzdCB9IGZyb20gJy4vYWRkLXBhdHRlcm4tdG8tYmFja2dyb3VuZC5yZXF1ZXN0JztcbmltcG9ydCB7IGluamVjdCwgSW5qZWN0YWJsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgRkV4ZWN1dGlvblJlZ2lzdGVyLCBJRXhlY3V0aW9uIH0gZnJvbSAnQGZvYmxleC9tZWRpYXRvcic7XG5pbXBvcnQgeyBjcmVhdGVTVkdFbGVtZW50IH0gZnJvbSAnLi4vLi4vLi4vZG9tYWluJztcbmltcG9ydCB7IEZDb21wb25lbnRzU3RvcmUgfSBmcm9tICcuLi8uLi8uLi9mLXN0b3JhZ2UnO1xuaW1wb3J0IHsgQnJvd3NlclNlcnZpY2UgfSBmcm9tICdAZm9ibGV4L3BsYXRmb3JtJztcbmltcG9ydCB7IEZCYWNrZ3JvdW5kQmFzZSB9IGZyb20gJy4uLy4uLy4uL2YtYmFja2dyb3VkJztcblxubGV0IHVuaXF1ZUlkOiBudW1iZXIgPSAwO1xuXG4vKipcbiAqIEV4ZWN1dGlvbiB0aGF0IGFkZHMgYSBwYXR0ZXJuIHRvIHRoZSBiYWNrZ3JvdW5kIGluIHRoZSBGQ29tcG9uZW50c1N0b3JlLlxuICovXG5ASW5qZWN0YWJsZSgpXG5ARkV4ZWN1dGlvblJlZ2lzdGVyKEFkZFBhdHRlcm5Ub0JhY2tncm91bmRSZXF1ZXN0KVxuZXhwb3J0IGNsYXNzIEFkZFBhdHRlcm5Ub0JhY2tncm91bmRFeGVjdXRpb24gaW1wbGVtZW50cyBJRXhlY3V0aW9uPEFkZFBhdHRlcm5Ub0JhY2tncm91bmRSZXF1ZXN0LCB2b2lkPiB7XG5cbiAgcHJpdmF0ZSByZWFkb25seSBfc3RvcmUgPSBpbmplY3QoRkNvbXBvbmVudHNTdG9yZSk7XG4gIHByaXZhdGUgcmVhZG9ubHkgX2ZCcm93c2VyID0gaW5qZWN0KEJyb3dzZXJTZXJ2aWNlKTtcblxuICBwcml2YXRlIGdldCBfZkJhY2tncm91bmQoKTogRkJhY2tncm91bmRCYXNlIHtcbiAgICByZXR1cm4gdGhpcy5fc3RvcmUuZkJhY2tncm91bmQhO1xuICB9XG5cbiAgcHVibGljIGhhbmRsZShyZXF1ZXN0OiBBZGRQYXR0ZXJuVG9CYWNrZ3JvdW5kUmVxdWVzdCk6IHZvaWQge1xuICAgIGNvbnN0IGNoaWxkcmVuID0gcmVxdWVzdC5mUGF0dGVybj8uaG9zdEVsZW1lbnQuZ2V0RWxlbWVudHNCeVRhZ05hbWUoJ3BhdHRlcm4nKSB8fCBbXTtcbiAgICBjb25zdCBwYXR0ZXJuID0gY2hpbGRyZW4ubGVuZ3RoID8gY2hpbGRyZW5bIDAgXSA6IHVuZGVmaW5lZDtcbiAgICBpZiAocGF0dGVybikge1xuICAgICAgY29uc3QgZGVmcyA9IGNyZWF0ZVNWR0VsZW1lbnQoJ2RlZnMnLCB0aGlzLl9mQnJvd3Nlcik7XG4gICAgICBwYXR0ZXJuLmlkID0gJ2YtYmFja2dyb3VuZC1wYXR0ZXJuLScgKyB1bmlxdWVJZCsrO1xuICAgICAgcmVxdWVzdC5mUGF0dGVybj8uaG9zdEVsZW1lbnQucmVtb3ZlKCk7XG4gICAgICBkZWZzLmFwcGVuZENoaWxkKHBhdHRlcm4pO1xuICAgICAgdGhpcy5fZkJhY2tncm91bmQuaG9zdEVsZW1lbnQ/LmZpcnN0Q2hpbGQ/LmFwcGVuZENoaWxkKGRlZnMpO1xuICAgICAgY29uc3QgcmVjdCA9IGNyZWF0ZVNWR0VsZW1lbnQoJ3JlY3QnLCB0aGlzLl9mQnJvd3Nlcik7XG4gICAgICByZWN0LnNldEF0dHJpYnV0ZSgnZmlsbCcsICd1cmwoIycgKyBwYXR0ZXJuLmlkICsgJyknKTtcbiAgICAgIHJlY3Quc2V0QXR0cmlidXRlKCd3aWR0aCcsICcxMDAlJyk7XG4gICAgICByZWN0LnNldEF0dHJpYnV0ZSgnaGVpZ2h0JywgJzEwMCUnKTtcbiAgICAgIHRoaXMuX2ZCYWNrZ3JvdW5kLmhvc3RFbGVtZW50LmZpcnN0Q2hpbGQ/LmFwcGVuZENoaWxkKHJlY3QpO1xuICAgICAgY29uc3QgdHJhbnNmb3JtID0gdGhpcy5fc3RvcmUuZkNhbnZhcz8udHJhbnNmb3JtIHx8IFRyYW5zZm9ybU1vZGVsRXh0ZW5zaW9ucy5kZWZhdWx0KCk7XG4gICAgICByZXF1ZXN0LmZQYXR0ZXJuPy5zZXRUcmFuc2Zvcm0odHJhbnNmb3JtKTtcbiAgICB9XG4gIH1cbn1cbiJdfQ==