cleanup

example/src/app/app.component.scss

@@ -2,3 +2,14 @@
   height: 100%;
   width: 100%;
 }
+
+.calling {
+  height: 100%;
+  width: 100%;
+
+  p {
+    position: absolute;
+    left: 50%;
+    top: 50%;
+  }
+}

example/src/app/app.component.ts

-import { Component, ViewChild, ElementRef, AfterViewInit, OnDestroy } from '@angular/core';
-import { Subscription } from 'rxjs';
+import { Component, ViewChild, ElementRef, OnInit, AfterViewInit } from '@angular/core';
 import { DisaggResponse, Disaggregation, DisaggGraphView } from '@nshmp/disagg-d3/src/disagg';
 import { Collection } from '@nshmp/disagg-d3/src/mvc';
+import { DeaggResponseData } from '@nshmp/nshmp-utils/nshmp';
 
-import { AppService } from './app.service';
+import * as deagg from '../assets/deagg.json';
 
 @Component({
   selector: 'app-root',
   templateUrl: './app.component.html',
   styleUrls: ['./app.component.scss'],
 })
-export class AppComponent implements AfterViewInit, OnDestroy {
-  title = 'example';
+export class AppComponent implements AfterViewInit {
+  title = 'Disaggregation';
+
+  data = (deagg.response.pop() as any) as DeaggResponseData;
 
   @ViewChild('example')
   el: ElementRef<HTMLElement>;
 
-  sub: Subscription;
-
-  constructor(private service: AppService) {}
+  constructor() {}
 
   ngAfterViewInit(): void {
-    this.sub = this.service.callDeagg$.subscribe((usageResponse) => {
-      const response = new DisaggResponse(usageResponse.response.pop());
-      const deaggs = response.get<Collection<Disaggregation>>('disaggregations').data();
-      const collection = new Collection(deaggs);
-      collection.select(collection.data()[0]);
-
-      const view = new DisaggGraphView({
-        el: this.el.nativeElement,
-        collection,
-      });
+    const response = new DisaggResponse(this.data);
+    const deaggs = response.get<Collection<Disaggregation>>('disaggregations').data();
+    const collection = new Collection(deaggs);
+    collection.select(collection.data()[0]);
+
+    const view = new DisaggGraphView({
+      el: this.el.nativeElement,
+      collection,
     });
   }
-
-  ngOnDestroy(): void {
-    this.sub.unsubscribe();
-  }
 }

example/src/app/app.module.ts

 import { BrowserModule } from '@angular/platform-browser';
 import { NgModule } from '@angular/core';
-import { HttpClientModule } from '@angular/common/http';
 
 import { AppComponent } from './app.component';
 
 @NgModule({
   declarations: [AppComponent],
-  imports: [BrowserModule, HttpClientModule],
+  imports: [BrowserModule],
   providers: [],
   bootstrap: [AppComponent],
 })

example/src/styles.scss

-/* You can add global styles to this file, and also import other style files */
-
 @import '~node_modules/@nshmp/disagg-d3/styles/disagg-d3.scss';
-
-svg {
-  border: 1px solid #ccc;
-  shape-rendering: auto;
-}
-
-path {
-  stroke: #000;
-  stroke-width: 1;
-}
-// text {
-//   fill: #999;
-// }
-
-// .side-x0 {
-//   fill: #900;
-// }
-// .side-x1 {
-//   fill: #f00;
-// }
-// .side-y0 {
-//   fill: #090;
-// }
-// .side-y1 {
-//   fill: #0f0;
-// }
-// .side-z0 {
-//   fill: #009;
-// }
-// .side-z1 {
-//   fill: #00f;
-// }

example/tsconfig.base.json

@@ -10,6 +10,7 @@
     "experimentalDecorators": true,
     "moduleResolution": "node",
     "importHelpers": true,
+    "resolveJsonModule": true,
     "target": "es2015",
     "module": "es2020",
     "lib": ["es2018", "dom"]

types/mvc/Collection.d.ts

@@ -41,14 +41,6 @@ export class Collection<T> extends Events {
    */
   deselect(options: CollectionOptions): void;
 
-  /**
-   * Free the array and id cache.
-   *
-   * @param options
-   *        passed to #deselect().
-   */
-  destroy(options: CollectionOptions): void;
-
   /**
    * Get an object in the collection by ID.
    *