Foblex Flow - is an Angular library designed to simplify the creation and manipulation of dynamic flow. Provides components for flows, nodes, and connections, automating node manipulation and inter-node connections.
This pull request includes several changes across multiple files to enhance the functionality and appearance of the flow examples. The most notable changes involve the addition of new components and the removal of the draggable-flow component. Additionally, there are updates to the styling and configuration files.
projects/f-examples/_flow-common.scss: Added new CSS variables for background elements, selection areas, and node borders to enhance the visual styling of the flow components. [1][2][3]
This pull request includes several changes across multiple files to enhance the functionality and appearance of the flow examples. The most notable changes involve the addition of new components and the removal of the
draggable-flowcomponent. Additionally, there are updates to the styling and configuration files.New Components and Features:
projects/f-examples/extensions/background-example/background-example.component.html: Added a new background example component with selectable background patterns.projects/f-examples/extensions/help-in-positioning-example/help-in-positioning-example.component.html: Introduced a new component to help with node positioning using alignment lines.projects/f-examples/extensions/minimap-example/minimap-example.component.html: Added a new minimap example component to provide an overview of the canvas.projects/f-examples/extensions/selection-area/selection-area.component.html: Added a new selection area component that allows selecting multiple nodes.projects/f-examples/extensions/zoom/zoom.component.html: Introduced a new zoom component with zoom in/out functionality and mouse wheel zoom toggle.Styling Updates:
projects/f-examples/_flow-common.scss: Added new CSS variables for background elements, selection areas, and node borders to enhance the visual styling of the flow components. [1] [2] [3]projects/f-examples/extensions/background-example/background-example.component.scss: Applied common styles to the new background example component.projects/f-examples/extensions/help-in-positioning-example/help-in-positioning-example.component.scss: Added styles for the help-in-positioning example component.projects/f-examples/extensions/minimap-example/minimap-example.component.scss: Applied common styles to the new minimap example component.projects/f-examples/extensions/selection-area/selection-area.component.scss: Styled the selection area component and added styles for selected nodes and connections.projects/f-examples/extensions/zoom/zoom.component.scss: Added styles for the new zoom component.Configuration Changes:
package.json: Updated the version of@foblex/f-docsfrom1.4.6to1.4.7.Component Removal:
projects/f-examples/draggable-flow/draggable-flow.component.html: Removed thedraggable-flowcomponent HTML.projects/f-examples/draggable-flow/draggable-flow.component.scss: Removed thedraggable-flowcomponent styles.projects/f-examples/draggable-flow/draggable-flow.component.ts: Removed thedraggable-flowcomponent TypeScript file.