@inweb/viewer-visualize 25.7.2 → 25.7.4

package/src/Viewer/Markup/Api/Impl/Konva/KonvaRectangle.ts

@@ -1,149 +0,0 @@
-import Konva from "konva";
-import { IMarkupRectangle } from "../../IMarkupRectangle";
-import { IMarkupColorable } from "../../IMarkupColorable";
-
-export class KonvaRectangle implements IMarkupRectangle, IMarkupColorable {
-  private _ref: Konva.Rect;
-
-  constructor(
-    params: {
-      position: { x: number; y: number };
-      width?: number;
-      height?: number;
-      lineWidth?: number;
-      color?: string;
-      id?: string;
-    },
-    ref = null
-  ) {
-    if (ref) {
-      this._ref = ref;
-      return;
-    }
-
-    if (!params.position) return;
-
-    this._ref = new Konva.Rect({
-      stroke: params.color ?? "#ff0000",
-      strokeWidth: params.lineWidth ?? 4,
-      globalCompositeOperation: "source-over",
-      lineCap: "round",
-      lineJoin: "round",
-      x: params.position.x,
-      y: params.position.y,
-      width: params.width ?? 200,
-      height: params.height ?? 200,
-      draggable: true,
-      strokeScaleEnabled: false,
-    });
-
-    this._ref.on("transform", (e) => {
-      const attrs = e.target.attrs;
-
-      if (attrs.rotation !== this._ref.rotation()) this._ref.rotation(attrs.rotation);
-
-      const scaleByX = Math.abs(attrs.scaleX - 1) > 10e-6;
-      const scaleByY = Math.abs(attrs.scaleY - 1) > 10e-6;
-
-      let newWidth = this._ref.width();
-      if (scaleByX) newWidth *= attrs.scaleX;
-      let newHeight = this._ref.height();
-      if (scaleByY) newHeight *= attrs.scaleY;
-
-      const minWidth = 50;
-      const minHeight = 50;
-
-      if (newWidth < minWidth) newWidth = minWidth;
-      if (newHeight < minHeight) newHeight = minHeight;
-
-      if (scaleByX) {
-        this._ref.width(newWidth);
-      }
-
-      if (scaleByY) {
-        this._ref.height(newHeight);
-      }
-
-      this._ref.scale({ x: 1, y: 1 });
-    });
-
-    this._ref.id(this._ref._id.toString());
-  }
-
-  getPosition(): { x: number; y: number } {
-    return this._ref.position();
-  }
-
-  getWidth(): number {
-    return this._ref.width();
-  }
-
-  getHeigth(): number {
-    return this._ref.height();
-  }
-
-  setWidth(w: number) {
-    this._ref.width(w);
-  }
-
-  setHeight(h: number) {
-    this._ref.height(h);
-  }
-
-  setPosition(x: number, y: number) {
-    this._ref.setPosition({ x, y });
-  }
-
-  ref() {
-    return this._ref;
-  }
-
-  id(): string {
-    return this._ref.id();
-  }
-
-  enableMouseEditing(value: boolean): void {
-    this._ref.draggable(value);
-  }
-
-  type(): string {
-    return "rectangle";
-  }
-
-  getColor(): string {
-    return this._ref.stroke() as string;
-  }
-
-  setColor(hex: string): void {
-    this._ref.stroke(hex);
-  }
-
-  getRotation(): number {
-    return this._ref.rotation();
-  }
-
-  setRotation(degrees: number): void {
-    this._ref.rotation(degrees);
-  }
-
-  getZIndex(): number {
-    return this._ref.zIndex();
-  }
-
-  setZIndex(zIndex: number): void {
-    this._ref.zIndex(zIndex);
-  }
-
-  delete(): void {
-    this._ref.destroy();
-    this._ref = null;
-  }
-
-  setLineWidth(size: number): void {
-    this._ref.strokeWidth(size);
-  }
-
-  getLineWidth(): number {
-    return this._ref.strokeWidth();
-  }
-}

package/src/Viewer/Markup/Api/Impl/Konva/KonvaText.ts

@@ -1,141 +0,0 @@
-import Konva from "konva";
-import { IMarkupText } from "../../IMarkupText";
-import { IMarkupColorable } from "../../IMarkupColorable";
-
-export class KonvaText implements IMarkupText, IMarkupColorable {
-  private _ref: Konva.Text;
-  private readonly TEXT_FONT_FAMILY = "Calibri";
-
-  constructor(
-    params: {
-      position: { x: number; y: number };
-      text: string;
-      rotation?: number;
-      fontSize?: number;
-      color?: string;
-      id?: string;
-    },
-    ref = null
-  ) {
-    if (ref) {
-      this._ref = ref;
-      return;
-    }
-
-    if (!params || !params.text) return;
-
-    this._ref = new Konva.Text({
-      x: params.position.x,
-      y: params.position.y,
-      text: params.text,
-      fontSize: params.fontSize ?? 34,
-      fontFamily: this.TEXT_FONT_FAMILY,
-      fill: params.color ?? "#ff0000",
-      align: "left",
-      draggable: true,
-      rotation: params.rotation ?? 0,
-    });
-
-    this._ref.width(this._ref.getTextWidth());
-
-    this._ref.on("transform", (e) => {
-      const attrs = e.target.attrs;
-
-      if (attrs.rotation !== this._ref.rotation()) this._ref.rotation(attrs.rotation);
-
-      const scaleByX = Math.abs(attrs.scaleX - 1) > 10e-6;
-      const scaleByY = Math.abs(attrs.scaleY - 1) > 10e-6;
-
-      let newWidth = this._ref.width();
-      if (scaleByX) newWidth *= attrs.scaleX;
-      let newHeight = this._ref.height();
-      if (scaleByY) newHeight *= attrs.scaleY;
-
-      const minWidth = 50;
-
-      if (newWidth < minWidth) newWidth = minWidth;
-      if (newHeight < Math.round(this.getFontSize())) newHeight = Math.round(this.getFontSize());
-
-      if (scaleByX) {
-        this._ref.width(newWidth);
-      }
-
-      if (scaleByY) {
-        this._ref.height(newHeight);
-      }
-
-      this._ref.scale({ x: 1, y: 1 });
-    });
-
-    this._ref.id(this._ref._id.toString());
-  }
-
-  ref() {
-    return this._ref;
-  }
-
-  id(): string {
-    return this._ref.id();
-  }
-
-  enableMouseEditing(value: boolean) {
-    this._ref.draggable(value);
-  }
-
-  type(): string {
-    return "text";
-  }
-
-  getColor(): string {
-    return this._ref.fill() as string;
-  }
-
-  setColor(hex: string) {
-    this._ref.fill(hex);
-  }
-
-  getRotation(): number {
-    return this._ref.rotation();
-  }
-
-  setRotation(degrees: number): void {
-    this._ref.rotation(degrees);
-  }
-
-  getZIndex(): number {
-    return this._ref.zIndex();
-  }
-
-  setZIndex(zIndex: number): void {
-    this._ref.zIndex(zIndex);
-  }
-
-  delete() {
-    this._ref.destroy();
-    this._ref = null;
-  }
-
-  getText(): string {
-    return this._ref.text();
-  }
-
-  setText(text: string): void {
-    this._ref.text(text);
-  }
-
-  getPosition(): { x: number; y: number } {
-    return this._ref.getPosition();
-  }
-
-  setPosition(x: number, y: number) {
-    this._ref.setPosition({ x, y });
-  }
-
-  getFontSize() {
-    return this._ref.fontSize();
-  }
-
-  setFontSize(size: number) {
-    this._ref.fontSize(size);
-  }
-}

package/src/Viewer/Markup/IMarkup.ts

@@ -1,173 +0,0 @@
-///////////////////////////////////////////////////////////////////////////////
-// Copyright (C) 2002-2024, Open Design Alliance (the "Alliance").
-// All rights reserved.
-//
-// This software and its documentation and related materials are owned by
-// the Alliance. The software may only be incorporated into application
-// programs owned by members of the Alliance, subject to a signed
-// Membership Agreement and Supplemental Software License Agreement with the
-// Alliance. The structure and organization of this software are the valuable
-// trade secrets of the Alliance and its suppliers. The software is also
-// protected by copyright law and international treaty provisions. Application
-// programs incorporating this software must include the following statement
-// with their copyright notices:
-//
-//   This application incorporates Open Design Alliance software pursuant to a
-//   license agreement with Open Design Alliance.
-//   Open Design Alliance Copyright (C) 2002-2024 by Open Design Alliance.
-//   All rights reserved.
-//
-// By use of this software, its documentation or related materials, you
-// acknowledge and accept the above terms.
-///////////////////////////////////////////////////////////////////////////////
-
-import { IEventEmitter } from "@inweb/eventemitter2";
-import { IViewpoint } from "@inweb/viewer-core";
-import { IWorldTransform } from "./IWorldTransform";
-import { IMarkupObject } from "./Api/IMarkupObject";
-
-/**
- * Defines type of markup object. For `VisualizeJS` markup only the `Line` and `Text` markup
- * objects are supported.
- */
-export enum MarkupMode {
-  SelectMarkup = "SelectMarkup",
-  Line = "Line",
-  Text = "Text",
-  Rectangle = "Rectangle",
-  Ellipse = "Ellipse",
-  Arrow = "Arrow",
-  Image = "Image",
-  Cloud = "Cloud",
-}
-
-/**
- * 2D markup core interface.
- */
-export interface IMarkup {
-  /**
-   * Line width of the markup objects. Default is 4.
-   */
-  lineWidth: number;
-
-  /**
-   * Type of the markup line. Available types: `solid`, `dot`, `dash`. Default is `solid`.
-   */
-  lineType: string;
-
-  /**
-   * Font size of the markup text. Default is 34 px.
-   */
-  fontSize: number;
-
-  /**
-   * Start method to init Markup support for the Viewer instance.
-   *
-   * @param canvas -
-   *   {@link https://developer.mozilla.org/docs/Web/API/HTMLCanvasElement | HTMLCanvasElement}
-   *   used to operate on.
-   * @param canvasEvents - List of `canvas` events that the markup should redirect to the `viewer`.
-   * @param viewer - `Viewer` instance viewer that receives `canvas` events.
-   * @param worldTransformer - Transformer of screen space into world space and vice versa. If
-   *   a transformer is defined, viewpoint objects will be stored in world coordinates,
-   *   otherwise in screen coordinates.
-   */
-  initialize(
-    canvas: HTMLCanvasElement,
-    canvasEvents: string[],
-    viewer?: IEventEmitter,
-    worldTransformer?: IWorldTransform
-  ): void;
-
-  /**
-   * Releases all resources allocated by this `Markup` instance. Call this method before
-   * release the `Markup` instance.
-   */
-  dispose(): void;
-
-  /**
-   * Create markup overlay.
-   */
-  syncOverlay(): void;
-
-  /**
-   * Clear markup overlay.
-   */
-  clearOverlay(): void;
-
-  /**
-   * Set markup color.
-   *
-   * @param r - `Red` part of color.
-   * @param g - `Green` part of color.
-   * @param b - `Blue` part of color.
-   */
-  setMarkupColor(r: number, g: number, b: number): void;
-
-  /**
-   * Get markup color.
-   *
-   * @returns Color with `RGB` values.
-   */
-  getMarkupColor(): { r: number; g: number; b: number };
-
-  /**
-   * Colorize all markup entities with the specified color.
-   *
-   * @param r - `Red` part of color.
-   * @param g - `Green` part of color.
-   * @param b - `Blue` part of color.
-   */
-  colorizeAllMarkup(r: number, g: number, b: number): void;
-
-  /**
-   * Colorize all selected markup entities with the specified color.
-   *
-   * @param r - `Red` part of color.
-   * @param g - `Green` part of color.
-   * @param b - `Blue` part of color.
-   */
-  colorizeSelectedMarkups(r: number, g: number, b: number): void;
-
-  /**
-   * Draw a viewpoint. To get a list of available model viewpoints, use the
-   *
-   * @param viewpoint - Viewpoint data.
-   */
-  setViewpoint(viewpoint: IViewpoint): void;
-
-  /**
-   * Create a viewpoint.
-   */
-  getViewpoint(): IViewpoint;
-
-  /**
-   * Create a Markup object.
-   *
-   * @param type - string identificator of Markup object type.
-   * @param params - Markup object parameters.
-   */
-  createObject(type: string, params: any): IMarkupObject;
-
-  /**
-   * Get Markup objects.
-   */
-  getObjects(): IMarkupObject[];
-
-  /**
-   * Get selected Markup objects.
-   */
-  getSelectedObjects(): IMarkupObject[];
-
-  /**
-   * Select Markup objects.
-   *
-   * @param objects
-   */
-  selectObjects(objects: IMarkupObject[]): void;
-
-  /**
-   * Clear Markup objects selection.
-   */
-  clearSelected(): void;
-}

package/src/Viewer/Markup/IWorldTransform.ts

@@ -1,46 +0,0 @@
-///////////////////////////////////////////////////////////////////////////////
-// Copyright (C) 2002-2024, Open Design Alliance (the "Alliance").
-// All rights reserved.
-//
-// This software and its documentation and related materials are owned by
-// the Alliance. The software may only be incorporated into application
-// programs owned by members of the Alliance, subject to a signed
-// Membership Agreement and Supplemental Software License Agreement with the
-// Alliance. The structure and organization of this software are the valuable
-// trade secrets of the Alliance and its suppliers. The software is also
-// protected by copyright law and international treaty provisions. Application
-// programs incorporating this software must include the following statement
-// with their copyright notices:
-//
-//   This application incorporates Open Design Alliance software pursuant to a
-//   license agreement with Open Design Alliance.
-//   Open Design Alliance Copyright (C) 2002-2024 by Open Design Alliance.
-//   All rights reserved.
-//
-// By use of this software, its documentation or related materials, you
-// acknowledge and accept the above terms.
-///////////////////////////////////////////////////////////////////////////////
-
-/**
- * Viewer coordiate system transformer.
- */
-export interface IWorldTransform {
-  /**
-   * Transforms `position` from screen space into world space.
-   *
-   * @param position - screen position in pixels.
-   */
-  screenToWorld(position: { x: number; y: number }): { x: number; y: number; z: number };
-
-  /**
-   * Transforms `position` from world space into screen space.
-   *
-   * @param position - position in world space coordinates.
-   */
-  worldToScreen(position: { x: number; y: number; z: number }): { x: number; y: number };
-
-  /**
-   * Returns the scaling factors for each axis in world space.
-   */
-  getScale(): { x: number; y: number; z: number };
-}