@libs-ui/components-draw-line 0.1.1-1

package/README.md

@@ -0,0 +1,3 @@
+# draw-line
+
+This library was generated with [Nx](https://nx.dev).

package/draw-line.directive.d.ts

@@ -0,0 +1,57 @@
+import { AfterViewInit, ChangeDetectorRef, ElementRef, EventEmitter, NgZone, OnDestroy } from '@angular/core';
+import { IDrawLineDataInput, IMoDrawLineFunctionControl, IReachablePointRange, IViewBoxConfig } from './draw-line.interface';
+import * as i0 from "@angular/core";
+export * from './draw-line.interface';
+export declare class LibsUiComponentsDrawLineDirective implements AfterViewInit, OnDestroy {
+    protected cdr: ChangeDetectorRef;
+    protected zone: NgZone;
+    protected elementRef: ElementRef<any>;
+    protected intervalScrollToElement?: number;
+    private dataDraw;
+    private dataReachablePointRange;
+    private onDrawLineEnd;
+    private onDestroy;
+    viewBoxConfig?: IViewBoxConfig;
+    svgElement: SVGSVGElement;
+    drawRectDebug?: boolean;
+    outDrawLineFunctionControl: EventEmitter<IMoDrawLineFunctionControl>;
+    outConnected: EventEmitter<{
+        dataLine: IDrawLineDataInput;
+        dataReachablePointRange: IReachablePointRange;
+    }>;
+    ngAfterViewInit(): void;
+    get FunctionsControl(): IMoDrawLineFunctionControl;
+    private setData;
+    setReachablePointRange(data: Array<IReachablePointRange>): void;
+    private removeLine;
+    private removeReachablePointRange;
+    private startProcessDataRow;
+    private startProcessDataReachablePointRange;
+    private removeElementOfPoints;
+    private drawLine;
+    private updateViewBox;
+    private isPointInsideSquare;
+    private calculatorSeparatedPoints;
+    private buildPathAndDraw;
+    private calculatorDistancePointAndCurve;
+    private drawRectAndInitEvent;
+    private drawBalancedCurve;
+    private drawBendBothEndsCurve;
+    private buildDAttributeByPointEndModeHorizontal;
+    private buildDAttributeByPointEndModeVertical;
+    private builDAttributeToString;
+    private updateStyleArrow;
+    private updateAttributeCircle;
+    private getDirection;
+    private initEvent;
+    private checkPointIncludeRect;
+    private createPathAndArrowElement;
+    private addCircle;
+    private clearCircle;
+    private addRect;
+    private clearRect;
+    private buildPathAndDrawSeparatedPoints;
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<LibsUiComponentsDrawLineDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<LibsUiComponentsDrawLineDirective, "[LibsUiComponentsDrawLineDirective]", never, { "viewBoxConfig": { "alias": "viewBoxConfig"; "required": false; }; "svgElement": { "alias": "svgElement"; "required": false; }; "drawRectDebug": { "alias": "drawRectDebug"; "required": false; }; }, { "outDrawLineFunctionControl": "outDrawLineFunctionControl"; "outConnected": "outConnected"; }, never, never, true, never>;
+}

package/draw-line.interface.d.ts

@@ -0,0 +1,119 @@
+import { Subject } from 'rxjs';
+export interface IReachablePointRange {
+    id: string;
+    x: number;
+    y: number;
+    style: ICircleStyle;
+    idConnected?: string;
+    ref?: IReachablePointRange;
+    element?: SVGCircleElement;
+    onDestroyEvent?: Subject<void>;
+}
+export interface IViewBoxConfig {
+    minX?: number;
+    minY?: number;
+    width?: number;
+    height?: number;
+    ignoreViewBox?: boolean;
+    marginBetweenElement?: number;
+}
+export interface IDrawLineDataInput {
+    id: string;
+    points: IPoints;
+    idConnected?: string;
+    mode: TYPE_MODE;
+    lineStyle?: ILineStyle;
+    arrowStyle?: IArrowStyle;
+    ignoreDrawArrow?: boolean;
+    startCircle?: boolean;
+    startCircleStyle?: ICircleStyle;
+    endCircle?: boolean;
+    endCircleStyle?: ICircleStyle;
+    isRemove?: boolean;
+    arrowDirection?: TYPE_DIRECTION;
+    ref?: IDrawLineDataInput;
+    startEndMode?: 'right-left' | 'bottom-top' | 'bottom-left';
+}
+export interface ILineStyle {
+    stroke?: string;
+    strokeDasharray?: string;
+    strokeWidth?: string;
+    fill?: string;
+    curve?: number;
+    distancePoint?: number;
+}
+export interface IArrowStyle {
+    stroke?: string;
+    strokeWidth?: string;
+    width?: number;
+    height?: number;
+    fill?: string;
+}
+export interface ICircleStyle {
+    stroke?: string;
+    strokeWidth?: string;
+    fill?: string;
+    r?: number;
+}
+export interface IAttributeDOnPath {
+    M: IPoint;
+    C: Array<IPoint>;
+    L: IPoint;
+    Q: Array<IPoint>;
+    L2: IPoint;
+    Q2: Array<IPoint>;
+    L3: IPoint;
+    Q3?: Array<IPoint>;
+    L4?: IPoint;
+    Q4?: Array<IPoint>;
+    L5?: IPoint;
+    T?: IPoint;
+    A?: IPoint;
+}
+export interface IPoints {
+    initialized?: boolean;
+    obstacleRect?: Array<IRect>;
+    separatedPoints?: Array<IPoints>;
+    pathElement?: SVGPathElement;
+    arrowElement?: SVGPolylineElement;
+    circleStartElement?: SVGCircleElement;
+    circleEndElement?: SVGCircleElement;
+    onDestroyEvent?: Subject<void>;
+    start: IPoint;
+    end: IPoint;
+    mode?: TYPE_MODE;
+    id?: string;
+    name?: string;
+}
+export interface IRect {
+    id?: string;
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+    gapXObstacleRect?: number;
+    gapYObstacleRect?: number;
+}
+export interface IPoint {
+    x: number;
+    y: number;
+}
+export type TYPE_DIRECTION = 'right' | 'left' | 'top' | 'bottom';
+export type TYPE_MODE = 'quart-in' | 'vertical' | 'vertical-single-curve' | 'horizontal' | 'horizontal-single-curve';
+export interface IMoDrawLineFunctionControl {
+    setData: (data: Array<IDrawLineDataInput>) => void;
+    removeLine: (id: string, points?: Array<IPoints>) => void;
+    setReachablePointRange: (data: Array<IReachablePointRange>) => void;
+    removeReachablePointRange: (ids: Array<string>) => void;
+    updateViewBox: (viewBoxConfig?: IViewBoxConfig) => void;
+}
+export interface ICoordinatesSvg {
+    mx?: number;
+    my?: number;
+    x1?: number;
+    y1?: number;
+    x?: number;
+    y?: number;
+    lx?: number;
+    ly?: number;
+}