@mathstack/viz 2.1.0 → 2.2.0

package/src/lib/lines/events/actions/lines-click-actions.ts

@@ -1,17 +0,0 @@
-import { EventAction, EventType } from '../../../events';
-import { LinesHost } from '../lines-events.directive';
-
-export class LinesClickEmitTooltipDataPauseHoverMoveActions<
-  Datum,
-> implements EventAction<LinesHost<Datum>> {
-  onStart(host: LinesHost<Datum>) {
-    const outputData = host.getInteractionOutput(EventType.Click);
-    host.disableOtherActions(EventType.Click);
-    host.emitInteractionOutput(outputData);
-  }
-
-  onEnd(host: LinesHost<Datum>) {
-    host.resumeOtherActions(EventType.Click);
-    host.emitInteractionOutput(null);
-  }
-}

package/src/lib/lines/events/actions/lines-hover-move-actions.ts

@@ -1,113 +0,0 @@
-import { EventType, HoverMoveAction } from '../../../events';
-import { LinesMarkerDatum } from '../../config/lines-config';
-import { LinesGroupSelectionDatum } from '../../lines.component';
-import { LinesHost } from '../lines-events.directive';
-
-/**
- * A suggested default action for the hover and move event on lines.
- *
- * This action changes the color of the non-closest-to-pointer lines
- *  to a light gray.
- */
-export class LinesHoverMoveDefaultLinesStyles<Datum> implements HoverMoveAction<
-  LinesHost<Datum>
-> {
-  onStart(host: LinesHost<Datum>): void {
-    host
-      .getClosestLineGroup()
-      .raise()
-      .selectAll<SVGPathElement, LinesGroupSelectionDatum>('path')
-      .style('stroke', null);
-
-    host
-      .getOtherLineGroups()
-      .selectAll<SVGPathElement, LinesGroupSelectionDatum>('path')
-      .style('stroke', '#ddd');
-  }
-
-  onEnd(directive: LinesHost<Datum>): void {
-    directive.marks.lineGroups
-      .selectAll<SVGPathElement, LinesGroupSelectionDatum>('path')
-      .style('stroke', null);
-  }
-}
-
-/**
- * A suggested default action for the hover and move event on line markers.
- *
- * This action makes line markers on non-closest-to-pointer lines invisible,
- *  and at the same time enlarges the marker on the "selected" line that is
- *  closest to the pointer by a specified amount.
- */
-export class LinesHoverMoveDefaultMarkersStyles<
-  Datum,
-> implements HoverMoveAction<LinesHost<Datum>> {
-  onStart(host: LinesHost<Datum>): void {
-    host
-      .getClosestMarker()
-      .style('display', 'block')
-      .attr('r', () => {
-        let r = host.marks.config.pointMarkers.radius;
-        r =
-          host.marks.config.pointMarkers.radius +
-          host.marks.config.pointMarkers.growByOnHover;
-        return r;
-      })
-      .raise();
-
-    host.getOtherMarkers().style('display', 'none');
-  }
-
-  onEnd(host: LinesHost<Datum>): void {
-    host.marks.lineGroups
-      .selectAll<SVGCircleElement, LinesMarkerDatum>('circle')
-      .style('display', (d) => d.display)
-      .attr('r', () => host.marks.config.pointMarkers.radius);
-  }
-}
-
-/**
- * A collection of suggested default actions for the hover and move event
- *  on lines and line markers.
- *
- * Applies either Line Markers action or a Hover Dot action depending on
- *  whether line markers are used.
- */
-export class LinesHoverMoveDefaultStyles<Datum> implements HoverMoveAction<
-  LinesHost<Datum>
-> {
-  linesStyles: HoverMoveAction<LinesHost<Datum>>;
-  markersStyles: HoverMoveAction<LinesHost<Datum>>;
-
-  constructor() {
-    this.linesStyles = new LinesHoverMoveDefaultLinesStyles();
-    this.markersStyles = new LinesHoverMoveDefaultMarkersStyles();
-  }
-
-  onStart(host: LinesHost<Datum>) {
-    this.linesStyles.onStart(host);
-    if (host.marks.config.pointMarkers) {
-      this.markersStyles.onStart(host);
-    }
-  }
-
-  onEnd(host: LinesHost<Datum>) {
-    this.linesStyles.onEnd(host);
-    if (host.marks.config.pointMarkers) {
-      this.markersStyles.onEnd(host);
-    }
-  }
-}
-
-export class LinesHoverMoveEmitTooltipData<Datum> implements HoverMoveAction<
-  LinesHost<Datum>
-> {
-  onStart(host: LinesHost<Datum>): void {
-    const tooltipData = host.getInteractionOutput(EventType.HoverMove);
-    host.emitInteractionOutput(tooltipData);
-  }
-
-  onEnd(host: LinesHost<Datum>): void {
-    host.emitInteractionOutput(null);
-  }
-}

package/src/lib/lines/events/actions/lines-marker-click-actions.ts

@@ -1,29 +0,0 @@
-import { EventAction, EventType } from '../../../events';
-import { LinesHost } from '../lines-events.directive';
-
-export class LinesMarkerClickEmitTooltipData<Datum> implements EventAction<
-  LinesHost<Datum>
-> {
-  onStart(host: LinesHost<Datum>) {
-    const tooltipData = host.getInteractionOutput(EventType.Click);
-    host.disableOtherActions(EventType.Click);
-    host
-      .getClosestMarker()
-      .attr('r', (): number => {
-        const r =
-          host.marks.config.pointMarkers.radius +
-          host.marks.config.pointMarkers.growByOnHover;
-        return r;
-      })
-      .raise();
-    host.emitInteractionOutput(tooltipData);
-  }
-
-  onEnd(host: LinesHost<Datum>) {
-    host
-      .getClosestMarker()
-      .attr('r', (): number => host.marks.config.pointMarkers.radius);
-    host.resumeOtherActions(EventType.Click);
-    host.emitInteractionOutput(null);
-  }
-}

package/src/lib/lines/events/lines-events.directive.spec.ts

@@ -1,152 +0,0 @@
-/* eslint-disable @typescript-eslint/no-explicit-any */
-import { Renderer2 } from '@angular/core';
-import { TestBed } from '@angular/core/testing';
-import { EventType } from '../../events';
-import { LINES, LinesComponent } from '../lines.component';
-import { LinesEventsDirective } from './lines-events.directive';
-
-describe('LinesEventsDirective', () => {
-  let directive: LinesEventsDirective<any, LinesComponent<any>>;
-  let linesStub: any;
-
-  const genericScale: any = (v: any) => v;
-  genericScale.domain = () => [0, 1];
-  genericScale.range = () => [0, 1];
-
-  beforeEach(() => {
-    linesStub = {
-      config: {
-        valueIndices: [0, 1],
-        x: { values: [1, 2] },
-        y: { values: [3, 4] },
-        pointerDetectionRadius: 10,
-      },
-      scales: {
-        x: genericScale,
-        y: genericScale,
-        color: genericScale,
-        useTransition: false,
-      },
-      ranges: { x: [0, 100], y: [100, 0] },
-      chart: { svgRef: { nativeElement: {} } },
-      getTooltipData: () => ({
-        positionX: 1,
-        positionY: 2,
-        datum: {},
-        color: 'red',
-        values: { x: '1', y: '2', strokeColor: 'red' },
-        type: EventType.HoverMove,
-      }),
-    };
-    TestBed.configureTestingModule({
-      providers: [
-        LinesEventsDirective,
-        Renderer2,
-        { provide: LINES, useValue: linesStub },
-      ],
-    });
-    directive = TestBed.inject(LinesEventsDirective);
-    directive.lines = linesStub;
-  });
-
-  it('should return true if pointer is inside show tooltip radius', () => {
-    spyOn(directive, 'getPointerDistanceFromPoint').and.returnValue(5);
-    expect(directive.pointerIsInsideShowTooltipRadius(0, 0, 0)).toBeTrue();
-  });
-
-  it('should return false if pointer is outside show tooltip radius', () => {
-    spyOn(directive, 'getPointerDistanceFromPoint').and.returnValue(15);
-    expect(directive.pointerIsInsideShowTooltipRadius(0, 0, 0)).toBeFalse();
-  });
-
-  it('should return true if pointer is in chart area', () => {
-    directive.positionX = 50;
-    directive.positionY = 50;
-    expect(directive.pointerIsInChartArea()).toBeTrue();
-  });
-
-  it('should return false if pointer is outside chart area', () => {
-    directive.positionX = -10;
-    directive.positionY = 50;
-    expect(directive.pointerIsInChartArea()).toBeFalse();
-  });
-
-  it('should emit interaction output', () => {
-    spyOn(directive.interactionOutput, 'emit');
-    const output: any = {
-      positionX: 1,
-      positionY: 2,
-      datum: {},
-      color: 'red',
-      values: { x: '1', y: '2', strokeColor: 'red' },
-      type: EventType.HoverMove,
-    };
-    directive.emitInteractionOutput(output);
-    expect(directive.interactionOutput.emit).toHaveBeenCalledWith(output);
-  });
-
-  it('should call onEnter and run actions if allowed', () => {
-    const action: any = { initialize: jasmine.createSpy('init') };
-    directive.hoverMoveActions = [action];
-    (directive as any).isEventAllowed = () => true;
-    directive.onEnter({} as PointerEvent, {} as Element);
-    expect(action.initialize).toHaveBeenCalledWith(directive);
-  });
-
-  it('should call onMove and callPointerEventActions if allowed and pointer is in chart area', () => {
-    directive.hoverMoveActions = [];
-    (directive as any).isEventAllowed = () => true;
-    spyOn(directive, 'setPositionsFromPointer');
-    directive.pointerIsInChartArea = () => true;
-    const callPointerEventActionsSpy = spyOn(
-      directive as any,
-      'callPointerEventActions'
-    );
-    directive.onMove({} as PointerEvent, {} as Element);
-    expect(directive.setPositionsFromPointer).toHaveBeenCalled();
-    expect(callPointerEventActionsSpy).toHaveBeenCalled();
-  });
-
-  it('should call onLeave and run onEnd if actionActive', () => {
-    const action: any = { onEnd: jasmine.createSpy('onEnd') };
-    directive.hoverMoveActions = [action];
-    (directive as any).isEventAllowed = () => true;
-    directive.actionActive = true;
-    directive.onLeave({} as PointerEvent, {} as Element);
-    expect(action.onEnd).toHaveBeenCalledWith(directive);
-    expect(directive.actionActive).toBeFalse();
-  });
-
-  it('should call onClick and callPointerEventActions if allowed and pointer is in chart area', () => {
-    directive.clickActions = [];
-    (directive as any).isEventAllowed = () => true;
-    spyOn(directive, 'setPositionsFromPointer');
-    directive.pointerIsInChartArea = () => true;
-    const callPointerEventActionsSpy = spyOn(
-      directive as any,
-      'callPointerEventActions'
-    );
-    directive.onClick({} as PointerEvent, {} as Element);
-    expect(directive.setPositionsFromPointer).toHaveBeenCalled();
-    expect(callPointerEventActionsSpy).toHaveBeenCalled();
-  });
-
-  it('should call onClickRemove and run onEnd for each clickAction', () => {
-    const action: any = { onEnd: jasmine.createSpy('onEnd') };
-    directive.clickActions = [action];
-    (directive as any).isEventAllowed = () => true;
-    directive.onClickRemove();
-    expect(action.onEnd).toHaveBeenCalledWith(directive);
-  });
-
-  it('should call onInputEvent and run onStart/onEnd for each inputEventAction', () => {
-    const onStart = jasmine.createSpy('onStart');
-    const onEnd = jasmine.createSpy('onEnd');
-    directive.inputEventActions = [{ onStart, onEnd }];
-    (directive as any).isEventAllowed = () => true;
-    directive.onInputEvent('value');
-    expect(onStart).toHaveBeenCalledWith(directive, 'value');
-    directive.onInputEvent(null);
-    expect(onEnd).toHaveBeenCalledWith(directive, null);
-  });
-});

package/src/lib/lines/events/lines-events.directive.ts

@@ -1,310 +0,0 @@
-import { Directive, EventEmitter, inject, Input, Output } from '@angular/core';
-import { least } from 'd3';
-import { Observable, of } from 'rxjs';
-import { ContinuousValue } from '../../core/types/values';
-import {
-  DEFAULT_TOOLTIP_Y_OFFSET,
-  EventAction,
-  EventsDirective,
-  EventType,
-  HoverMoveAction,
-  InputEventAction,
-  MarksHost,
-  UnlistenFunction,
-} from '../../events';
-import { TooltipPosition } from '../../tooltips';
-import { LinesMarkerDatum } from '../config/lines-config';
-import {
-  LINES,
-  LinesComponent,
-  LinesGroupSelection,
-  MarkerSelection,
-} from '../lines.component';
-import { LinesInteractionOutput } from './lines-interaction-output';
-import { LinesTooltipPositioner } from './lines-tooltip-positioner';
-
-export interface LinesHost<
-  Datum,
-  TLinesComponent extends LinesComponent<Datum> = LinesComponent<Datum>,
-> extends MarksHost<LinesInteractionOutput<Datum>, TLinesComponent> {
-  getClosestPointIndex(): number;
-  getClosestLineGroup(): LinesGroupSelection;
-  getOtherLineGroups(): LinesGroupSelection;
-  getClosestMarker(): MarkerSelection;
-  getOtherMarkers(): MarkerSelection;
-}
-
-@Directive({
-  selector: '[vicLinesEvents]',
-})
-export class LinesEventsDirective<
-  Datum,
-  TLinesComponent extends LinesComponent<Datum> = LinesComponent<Datum>,
->
-  extends EventsDirective<LinesHost<Datum>>
-  implements LinesHost<Datum>
-{
-  @Input()
-  hoverMoveActions:
-    | HoverMoveAction<LinesHost<Datum>, LinesInteractionOutput<Datum>>[]
-    | null;
-  @Input()
-  clickActions:
-    | EventAction<LinesHost<Datum>, LinesInteractionOutput<Datum>>[]
-    | null;
-  @Input()
-  inputEventActions: InputEventAction<
-    LinesHost<Datum>,
-    LinesInteractionOutput<Datum>
-  >[];
-  @Output() interactionOutput = new EventEmitter<
-    LinesInteractionOutput<Datum>
-  >();
-
-  closestPointIndex: number;
-  actionActive: boolean = false;
-
-  public lines = inject<TLinesComponent>(LINES);
-
-  get marks(): LinesComponent<Datum> {
-    return this.lines;
-  }
-
-  getElements(): Observable<Element[]> {
-    return of([this.lines.chart.svgRef.nativeElement]);
-  }
-
-  getClosestPointIndex(): number {
-    return this.closestPointIndex;
-  }
-
-  getClosestLineGroup(): LinesGroupSelection {
-    return this.marks.lineGroups.filter(
-      ([category]) =>
-        this.marks.config.stroke.color.values[this.getClosestPointIndex()] ===
-        category
-    );
-  }
-
-  getOtherLineGroups(): LinesGroupSelection {
-    return this.marks.lineGroups.filter(
-      ([category]) =>
-        this.marks.config.stroke.color.values[this.getClosestPointIndex()] !==
-        category
-    );
-  }
-
-  getClosestMarker(): MarkerSelection {
-    return this.marks.lineGroups
-      .selectAll<SVGCircleElement, LinesMarkerDatum>('circle')
-      .filter((d) => d.index === this.getClosestPointIndex());
-  }
-
-  getOtherMarkers(): MarkerSelection {
-    return this.marks.lineGroups
-      .selectAll<SVGCircleElement, LinesMarkerDatum>('circle')
-      .filter((d) => d.index !== this.getClosestPointIndex());
-  }
-
-  setupListeners(elements: Element[]): UnlistenFunction[] {
-    if (this.inputEventActions?.length && this.inputEvent$) {
-      this.events.push(EventType.Input);
-    }
-
-    return this.bindEventListeners(
-      elements,
-      this.buildInteractionListeners({
-        hoverMove: this.hoverMoveActions?.length && {
-          pointerenter: (e, el) => this.onEnter(e, el),
-          pointermove: (e, el) => this.onMove(e, el),
-          pointerleave: (e, el) => this.onLeave(e, el),
-        },
-        click: this.clickActions?.length && {
-          click: (e, el) => this.onClick(e, el),
-        },
-      })
-    );
-  }
-
-  // eslint-disable-next-line @typescript-eslint/no-unused-vars
-  onEnter(_: PointerEvent, __: Element): void {
-    if (this.isEventAllowed(EventType.HoverMove)) {
-      this.runActions(this.hoverMoveActions, (a) => {
-        if (a.initialize) {
-          a.initialize(this);
-        }
-      });
-    }
-  }
-
-  // eslint-disable-next-line @typescript-eslint/no-unused-vars
-  onMove(event: PointerEvent, _: Element): void {
-    if (this.isEventAllowed(EventType.HoverMove)) {
-      this.setPositionsFromPointer(event);
-      if (this.pointerIsInChartArea()) {
-        this.callPointerEventActions(
-          EventType.HoverMove,
-          this.hoverMoveActions
-        );
-      }
-    }
-  }
-
-  // eslint-disable-next-line @typescript-eslint/no-unused-vars
-  onLeave(_: PointerEvent, __: Element): void {
-    if (this.isEventAllowed(EventType.HoverMove)) {
-      if (this.actionActive) {
-        this.hoverMoveActions.forEach((action) => action.onEnd(this));
-        this.actionActive = false;
-      }
-      this.resetDirective();
-    }
-  }
-
-  // eslint-disable-next-line @typescript-eslint/no-unused-vars
-  onClick(event: PointerEvent, __: Element): void {
-    if (this.isEventAllowed(EventType.Click)) {
-      this.setPositionsFromPointer(event);
-      if (this.pointerIsInChartArea()) {
-        this.callPointerEventActions(EventType.Click, this.clickActions);
-      }
-    }
-  }
-
-  onClickRemove(): void {
-    if (this.isEventAllowed(EventType.Click)) {
-      this.clickActions.forEach((action) => action.onEnd(this));
-    }
-  }
-
-  // eslint-disable-next-line @typescript-eslint/no-unused-vars, @typescript-eslint/no-explicit-any
-  onInputEvent(inputValue: unknown): void {
-    if (this.isEventAllowed(EventType.Input)) {
-      if (inputValue === null || inputValue === undefined) {
-        this.inputEventActions.forEach((action) =>
-          action.onEnd(this, inputValue)
-        );
-      } else {
-        this.inputEventActions.forEach((action) =>
-          action.onStart(this, inputValue)
-        );
-      }
-    }
-  }
-
-  pointerIsInChartArea(): boolean {
-    return (
-      this.positionX > this.lines.ranges.x[0] &&
-      this.positionX < this.lines.ranges.x[1] &&
-      this.positionY > this.lines.ranges.y[1] &&
-      this.positionY < this.lines.ranges.y[0]
-    );
-  }
-
-  private callPointerEventActions(
-    type: EventType,
-    actions: EventAction<this>[]
-  ): void {
-    if (!this.isEventAllowed(type)) return;
-
-    this.closestPointIndex = this._getClosestPointIndex();
-
-    const isInside = this.pointerIsInsideShowTooltipRadius(
-      this.closestPointIndex,
-      this.positionX,
-      this.positionY
-    );
-
-    if (isInside) {
-      actions.forEach((action) => action.onStart(this));
-      this.actionActive = true;
-    } else {
-      this.closestPointIndex = null;
-      if (this.actionActive) {
-        actions.forEach((action) => action.onEnd(this));
-        this.actionActive = false;
-      }
-    }
-  }
-
-  protected _getClosestPointIndex(): number {
-    return least(this.lines.config.valueIndices, (i) =>
-      this.getPointerDistanceFromPoint(
-        this.lines.config.x.values[i],
-        this.lines.config.y.values[i],
-        this.positionX,
-        this.positionY
-      )
-    );
-  }
-
-  getPointerDistanceFromPoint(
-    xValue: ContinuousValue,
-    yValue: number,
-    pointerX: number,
-    pointerY: number
-  ): number {
-    return Math.hypot(
-      this.lines.scales.x(xValue) - pointerX,
-      this.lines.scales.y(yValue) - pointerY
-    );
-  }
-
-  pointerIsInsideShowTooltipRadius(
-    closestPointIndex: number,
-    pointerX: number,
-    pointerY: number
-  ): boolean {
-    if (!this.lines.config.pointerDetectionRadius) {
-      return true;
-    } else {
-      const cursorDistanceFromPoint = this.getPointerDistanceFromPoint(
-        this.lines.config.x.values[closestPointIndex],
-        this.lines.config.y.values[closestPointIndex],
-        pointerX,
-        pointerY
-      );
-      return cursorDistanceFromPoint < this.lines.config.pointerDetectionRadius;
-    }
-  }
-
-  setPositionsFromElement(): void {
-    return;
-  }
-
-  getInteractionOutput(type: EventType): LinesInteractionOutput<Datum> {
-    const tooltipData = this.lines.getTooltipData(this.closestPointIndex);
-    const position = new LinesTooltipPositioner({
-      x: tooltipData.anchor.x,
-      y: tooltipData.anchor.y,
-    });
-
-    return {
-      ...tooltipData,
-      defaultPosition: position.fromAnchor({
-        x: 0,
-        y: DEFAULT_TOOLTIP_Y_OFFSET,
-      }),
-      fromAnchor: (offset?: Partial<{ x: number; y: number }>) => {
-        return position.fromAnchor({
-          x: offset?.x ?? 0,
-          y: offset?.y ?? DEFAULT_TOOLTIP_Y_OFFSET,
-        });
-      },
-      customPosition: (positions: TooltipPosition[]) => {
-        return position.customPosition(positions);
-      },
-      type,
-    };
-  }
-
-  emitInteractionOutput(output: LinesInteractionOutput<Datum>): void {
-    this.interactionOutput.emit(output);
-  }
-
-  private resetDirective(): void {
-    this.closestPointIndex = undefined;
-    this.positionX = undefined;
-    this.positionY = undefined;
-  }
-}

package/src/lib/lines/events/lines-interaction-output.ts

@@ -1,17 +0,0 @@
-import { InteractionOutput } from '../../events/interaction-output';
-import { HtmlTooltipCdkManagedPosition } from '../../tooltips';
-import { LinesTooltipDatum } from '../lines.component';
-
-export interface LinesInteractionOutput<Datum>
-  extends LinesTooltipDatum<Datum>, InteractionOutput {
-  /**
-   * A method that positions the tooltip with a user specified offset from the tooltip's anchor point.
-   *
-   * @param offset - Optional offset from the anchor's x and y position.
-   * If not provided, defaults to { x: 0, y: 0 }.
-   * If provided, the x value is added to the anchor's x position (moves tooltip right) and the y value is subtracted from the anchor's y position (moves tooltip up).
-   */
-  fromAnchor: (
-    offset?: Partial<{ x: number; y: number }>
-  ) => HtmlTooltipCdkManagedPosition;
-}

package/src/lib/lines/events/lines-tooltip-positioner.ts

@@ -1,24 +0,0 @@
-import { TooltipPositioner } from '../../events/tooltip-positioner';
-import { HtmlTooltipCdkManagedPosition } from '../../tooltips';
-import { TooltipPositionBuilder } from '../../tooltips/html-tooltip/config/position/tooltip-position-builder';
-
-const DEFAULT_POSITIONS = [
-  new TooltipPositionBuilder().fromTopLeft().attachBottomCenter().getPosition(),
-  new TooltipPositionBuilder().fromTopLeft().attachBottomLeft().getPosition(),
-  new TooltipPositionBuilder().fromTopLeft().attachBottomRight().getPosition(),
-];
-
-export class LinesTooltipPositioner extends TooltipPositioner {
-  constructor(private anchor: { x: number; y: number }) {
-    super();
-  }
-
-  fromAnchor(offset: { x: number; y: number }): HtmlTooltipCdkManagedPosition {
-    const positionsWithOffsets = new TooltipPositionBuilder().applyOffsets(
-      DEFAULT_POSITIONS,
-      this.anchor.x + offset.x,
-      this.anchor.y - offset.y
-    );
-    return new HtmlTooltipCdkManagedPosition(positionsWithOffsets);
-  }
-}

package/src/lib/lines/index.ts

@@ -1,17 +0,0 @@
-export * from './config/area-fills/area-fills';
-export * from './config/area-fills/area-fills-builder';
-export * from './config/area-fills/area-fills-options';
-export * from './config/lines-builder';
-export * from './config/lines-config';
-export * from './config/lines-options';
-export * from './config/stroke/lines-stroke';
-export * from './config/stroke/lines-stroke-builder';
-export * from './config/stroke/lines-stroke-options';
-export * from './events/actions/lines-click-actions';
-export * from './events/actions/lines-hover-move-actions';
-export * from './events/actions/lines-marker-click-actions';
-export * from './events/lines-events.directive';
-export * from './events/lines-interaction-output';
-export * from './events/lines-tooltip-positioner';
-export * from './lines.component';
-export * from './lines.module';