@inovitas/infra3dapi 1.2.1-beta.1 → 1.2.1

package/README.md

@@ -1,48 +1,50 @@
-# Installation
-
-### NPM Package
-
-The API can be installed as a package using npm. To install it from the npm package repository, simply type:
-
-```bash
-npm install @inovitas/infra3dapi
-```
-
-### CDN Download
-
-Alternatively, you can obtain the API from a CDN. To get the latest version, add the following script to your HTML file:
-
-```html
-<script src="https://cdn.jsdelivr.net/npm/@inovitas/infra3dapi@latest/infra3dapi.js"></script>
-```
-
-We recommend using a specific version in your project. To get a specific version, use the following script and adjust the version accordingly:
-
-```html
-<script src="https://cdn.jsdelivr.net/npm/@inovitas/infra3dapi@1.0.1/infra3dapi.js"></script>
-```
-
-**Note**: Please do not name the `<div>` in which the viewer is initialized as "infra3d" as this may cause internal conflicts.
-
-# Core Concept
-
-To use the API, you can call the init functions in infra3dapi. After loggin in and initializing the view (with [`manager.initView()`](classes/_inovitas_infra3dapi.manager.Manager.html#initView)), you will get a viewer object. This viewer object can then be used to add event-listeners to different events emitted by the viewer (like [`viewer.geoframechanged`](classes/_inovitas_infra3dsdk.Viewer.html#geoframechanged)) or to call some functions (like [`viewer.getRoutes()`](classes/_inovitas_infra3dsdk.Viewer.html#getRoutes) or [`viewer.movePosition()`](classes/_inovitas_infra3dsdk.Viewer.html#movePosition)).
-
-# Authentication
-
-1. Register your OAuth 2.0 application with our sales team to obtain credentials (client_id and client_secret).
-2. Develop a server-side component to securely use these credentials, obtaining an access token from infra3D.
-3. Your server-side component fetches the access token using client credentials, which can then be shared with your client app.
-4. Your client app uses this token to authenticate with infra3D for requested services, refreshing it via the server component when expired. Remember to treat the client_secret like a password, avoiding exposure in client-side environments for enhanced security.
-
-# Changelog
-
+# Installation
+
+### NPM Package
+
+The API can be installed as a package using npm. To install it from the npm package repository, simply type:
+
+```bash
+npm install @inovitas/infra3dapi
+```
+
+### CDN Download
+
+Alternatively, you can obtain the API from a CDN. To get the latest version, add the following script to your HTML file:
+
+```html
+<script src="https://cdn.jsdelivr.net/npm/@inovitas/infra3dapi@latest/infra3dapi.js"></script>
+```
+
+We recommend using a specific version in your project. To get a specific version, use the following script and adjust the version accordingly:
+
+```html
+<script src="https://cdn.jsdelivr.net/npm/@inovitas/infra3dapi@1.0.1/infra3dapi.js"></script>
+```
+
+**Note**: Please do not name the `<div>` in which the viewer is initialized as "infra3d" as this may cause internal conflicts.
+
+# Core Concept
+
+To use the API, you can call the init functions in infra3dapi. After loggin in and initializing the view (with [`manager.initView()`](classes/_inovitas_infra3dapi.manager.Manager.html#initView)), you will get a viewer object. This viewer object can then be used to add event-listeners to different events emitted by the viewer (like [`viewer.geoframechanged`](classes/_inovitas_infra3dsdk.Viewer.html#geoframechanged)) or to call some functions (like [`viewer.getRoutes()`](classes/_inovitas_infra3dsdk.Viewer.html#getRoutes) or [`viewer.movePosition()`](classes/_inovitas_infra3dsdk.Viewer.html#movePosition)).
+
+# Authentication
+
+1. Register your OAuth 2.0 application with our sales team to obtain credentials (client_id and client_secret).
+2. Develop a server-side component to securely use these credentials, obtaining an access token from infra3D.
+3. Your server-side component fetches the access token using client credentials, which can then be shared with your client app.
+4. Your client app uses this token to authenticate with infra3D for requested services, refreshing it via the server component when expired. Remember to treat the client_secret like a password, avoiding exposure in client-side environments for enhanced security.
+
+# Changelog
+
 ## 1.2.0 - 16.12.2024
 
 ### Bugfixes
 
 - Improve styling when using global box-sizing style
 - Style of the scrollbar is no more globally overwritten by the API
+- Resize event listens now on the div and not the whole window
+
 
 ### Added
 
@@ -171,3 +173,4 @@ To use the API, you can call the init functions in infra3dapi. After loggin in a
 ### Added
 
 - Edit functionality
+

package/infra3dapi.d.ts

@@ -1,204 +1,204 @@
-declare module "@inovitas/infra3dapi";
-
-declare type Fn = (arg: any) => void;
-declare class EventEmitter {
-  protected _events: {
-    [eventType: string]: Fn[];
-  };
-  constructor();
-  on(eventType: string, fn: Fn): void;
-  off(eventType: string, fn: Fn): void;
-  fire(eventType: string, data: unknown): void;
-  private _listens;
-}
-
-declare type ViewerEventType =
-  | "nodechanged"
-  | "panorotationchanged"
-  | "campaignschanged"
-  | "lookazimuthchanged";
-
-interface IViewer {
-  fire<T>(type: ViewerEventType, event: T): void;
-  off<T>(type: ViewerEventType, handler: (event: T) => void): void;
-  on<T>(type: ViewerEventType, handler: (event: T) => void): void;
-}
-
-interface ViewerEvent {
-  target: IViewer;
-  type: ViewerEventType;
-}
-
-interface NodechangedEvent extends ViewerEvent {
-  lat: number;
-  lon: number;
-  height: number;
-  campaign_id: string;
-  date: string;
-  type: "nodechanged";
-}
-
-interface CampaignschangedEvent extends ViewerEvent {
-  id: number;
-
-  project: number;
-
-  description: string;
-
-  type: "campaignschanged";
-}
-
-interface PanorotationchangedEvent extends ViewerEvent {
-  fov: number;
-
-  lat: number;
-
-  lon: number;
-
-  type: "panorotationchanged";
-}
-
-interface LookazimuthchangedEvent extends ViewerEvent {
-  value: number;
-
-  type: "lookazimuthchanged";
-}
-
-declare class InternalViewer {}
-declare class GeoJSON {}
-declare class ApmBase {}
-
-declare class Viewer extends EventEmitter implements IViewer {
-  private _sdk_viewer;
-  constructor(sdk_viewer: InternalViewer);
-  moveToCampaign(campaignID: string): Promise<void>;
-  moveToPosition(
-    easting: number,
-    northing: number,
-    height?: number,
-    maxdist?: number,
-    epsg?: number
-  ): Promise<void>;
-  lookAtPosition(
-    easting: number,
-    northing: number,
-    height?: number,
-    maxdist?: number,
-    epsg?: number
-  ): Promise<void>;
-  getRoutes(simplify?: number): Promise<GeoJSON>;
-  attachToMeasurementTool(
-    toolname: "lengthMeasure" | "areaMeasure",
-    onmeasured: (value: number, geometry: number[][]) => void
-  ): void;
-  attachToMeasurementTool(
-    toolname: "pointMeasure",
-    onmeasured: (value: undefined, geometry: number[]) => void
-  ): void;
-  private _processMeasurementResult;
-  off(type: "nodechanged", handler: (event: NodechangedEvent) => void): void;
-  off(
-    type: "campaignschanged",
-    handler: (event: CampaignschangedEvent) => void
-  ): void;
-  off(
-    type: "panorotationchanged",
-    handler: (event: PanorotationchangedEvent) => void
-  ): void;
-  off(
-    type: "lookazimuthchanged",
-    handler: (event: LookazimuthchangedEvent) => void
-  ): void;
-  on(type: "nodechanged", handler: (event: NodechangedEvent) => void): void;
-  on(
-    type: "campaignschanged",
-    handler: (event: CampaignschangedEvent) => void
-  ): void;
-  on(
-    type: "panorotationchanged",
-    handler: (event: PanorotationchangedEvent) => void
-  ): void;
-  on(
-    type: "lookazimuthchanged",
-    handler: (event: LookazimuthchangedEvent) => void
-  ): void;
-}
-
-declare type applicationProps = {
-  name: string;
-  url: string;
-};
-declare type cardProps = {
-  uid: string;
-  name: string;
-  description: string;
-  applications: applicationProps[];
-  created_by: string;
-  creation_date: string | Date;
-  tags: Array<{
-    name: string;
-    font_color: string;
-    background_color: string;
-  }>;
-};
-
-declare class Manager extends EventEmitter {
-  static viewinitialized: string;
-  static viewerset: string;
-  static tokenset: string;
-  private _apm;
-  private _tokens;
-  constructor(apm: ApmBase);
-  initViewer(options: {
-    project_uid: string;
-    start_position?: {
-      easting: number;
-      northing: number;
-      epsg?: number;
-    };
-    start_campaign?: {
-      id: string;
-    };
-    map_expand?: boolean;
-    show_cockpit?: boolean;
-    show_mapWindow?: boolean;
-    show_toolbar?: boolean;
-    toolbar?: string;
-    show_topbar?: boolean;
-  }): Promise<Viewer>;
-  getProjects(): Promise<cardProps[]>;
-  setViewer(viewer: InternalViewer): void;
-  setTokens(tokens: any): void;
-  setApmUserContext(userContext?: {
-    id?: string;
-    username?: string;
-    email?: string;
-  }): void;
-}
-
-declare type accessTokenResponseType = {
-  access_token: string;
-  expires_in: number;
-  token_type: "Bearer";
-};
-
-export declare function getAccessToken(
-  url: string,
-  client_id: string,
-  client_secret: string
-): Promise<accessTokenResponseType>;
-
-export declare function init(
-  rootId: string,
-  token: string,
-  userContext?: {
-    id?: string;
-    username?: string;
-    email?: string;
-  }
-): Promise<Manager>;
-export declare function destroy(): void;
-export declare function getManager(): Manager;
-export declare function getGuestAccessToken(): Promise<accessTokenResponseType>;
-export declare function refreshToken(token: string): void;
+declare module "@inovitas/infra3dapi";
+
+declare type Fn = (arg: any) => void;
+declare class EventEmitter {
+  protected _events: {
+    [eventType: string]: Fn[];
+  };
+  constructor();
+  on(eventType: string, fn: Fn): void;
+  off(eventType: string, fn: Fn): void;
+  fire(eventType: string, data: unknown): void;
+  private _listens;
+}
+
+declare type ViewerEventType =
+  | "nodechanged"
+  | "panorotationchanged"
+  | "campaignschanged"
+  | "lookazimuthchanged";
+
+interface IViewer {
+  fire<T>(type: ViewerEventType, event: T): void;
+  off<T>(type: ViewerEventType, handler: (event: T) => void): void;
+  on<T>(type: ViewerEventType, handler: (event: T) => void): void;
+}
+
+interface ViewerEvent {
+  target: IViewer;
+  type: ViewerEventType;
+}
+
+interface NodechangedEvent extends ViewerEvent {
+  lat: number;
+  lon: number;
+  height: number;
+  campaign_id: string;
+  date: string;
+  type: "nodechanged";
+}
+
+interface CampaignschangedEvent extends ViewerEvent {
+  id: number;
+
+  project: number;
+
+  description: string;
+
+  type: "campaignschanged";
+}
+
+interface PanorotationchangedEvent extends ViewerEvent {
+  fov: number;
+
+  lat: number;
+
+  lon: number;
+
+  type: "panorotationchanged";
+}
+
+interface LookazimuthchangedEvent extends ViewerEvent {
+  value: number;
+
+  type: "lookazimuthchanged";
+}
+
+declare class InternalViewer {}
+declare class GeoJSON {}
+declare class ApmBase {}
+
+declare class Viewer extends EventEmitter implements IViewer {
+  private _sdk_viewer;
+  constructor(sdk_viewer: InternalViewer);
+  moveToCampaign(campaignID: string): Promise<void>;
+  moveToPosition(
+    easting: number,
+    northing: number,
+    height?: number,
+    maxdist?: number,
+    epsg?: number
+  ): Promise<void>;
+  lookAtPosition(
+    easting: number,
+    northing: number,
+    height?: number,
+    maxdist?: number,
+    epsg?: number
+  ): Promise<void>;
+  getRoutes(simplify?: number): Promise<GeoJSON>;
+  attachToMeasurementTool(
+    toolname: "lengthMeasure" | "areaMeasure",
+    onmeasured: (value: number, geometry: number[][]) => void
+  ): void;
+  attachToMeasurementTool(
+    toolname: "pointMeasure",
+    onmeasured: (value: undefined, geometry: number[]) => void
+  ): void;
+  private _processMeasurementResult;
+  off(type: "nodechanged", handler: (event: NodechangedEvent) => void): void;
+  off(
+    type: "campaignschanged",
+    handler: (event: CampaignschangedEvent) => void
+  ): void;
+  off(
+    type: "panorotationchanged",
+    handler: (event: PanorotationchangedEvent) => void
+  ): void;
+  off(
+    type: "lookazimuthchanged",
+    handler: (event: LookazimuthchangedEvent) => void
+  ): void;
+  on(type: "nodechanged", handler: (event: NodechangedEvent) => void): void;
+  on(
+    type: "campaignschanged",
+    handler: (event: CampaignschangedEvent) => void
+  ): void;
+  on(
+    type: "panorotationchanged",
+    handler: (event: PanorotationchangedEvent) => void
+  ): void;
+  on(
+    type: "lookazimuthchanged",
+    handler: (event: LookazimuthchangedEvent) => void
+  ): void;
+}
+
+declare type applicationProps = {
+  name: string;
+  url: string;
+};
+declare type cardProps = {
+  uid: string;
+  name: string;
+  description: string;
+  applications: applicationProps[];
+  created_by: string;
+  creation_date: string | Date;
+  tags: Array<{
+    name: string;
+    font_color: string;
+    background_color: string;
+  }>;
+};
+
+declare class Manager extends EventEmitter {
+  static viewinitialized: string;
+  static viewerset: string;
+  static tokenset: string;
+  private _apm;
+  private _tokens;
+  constructor(apm: ApmBase);
+  initViewer(options: {
+    project_uid: string;
+    start_position?: {
+      easting: number;
+      northing: number;
+      epsg?: number;
+    };
+    start_campaign?: {
+      id: string;
+    };
+    map_expand?: boolean;
+    show_cockpit?: boolean;
+    show_mapWindow?: boolean;
+    show_toolbar?: boolean;
+    toolbar?: string;
+    show_topbar?: boolean;
+  }): Promise<Viewer>;
+  getProjects(): Promise<cardProps[]>;
+  setViewer(viewer: InternalViewer): void;
+  setTokens(tokens: any): void;
+  setApmUserContext(userContext?: {
+    id?: string;
+    username?: string;
+    email?: string;
+  }): void;
+}
+
+declare type accessTokenResponseType = {
+  access_token: string;
+  expires_in: number;
+  token_type: "Bearer";
+};
+
+export declare function getAccessToken(
+  url: string,
+  client_id: string,
+  client_secret: string
+): Promise<accessTokenResponseType>;
+
+export declare function init(
+  rootId: string,
+  token: string,
+  userContext?: {
+    id?: string;
+    username?: string;
+    email?: string;
+  }
+): Promise<Manager>;
+export declare function destroy(): void;
+export declare function getManager(): Manager;
+export declare function getGuestAccessToken(): Promise<accessTokenResponseType>;
+export declare function refreshToken(token: string): void;