AppManager

export class AppManager extends OBC.Component {
  static uuid = "939bb2bc-7d31-4a44-811d-68e4dd286c35" as const;
  enabled = true;
  grids: Map<string, BUI.Grid> = new Map();
}

import { AppManager } from "./bim-components";
import * as OBC from "@thatopen/components";

const components = new OBC.Components();
const appManager = components.get(AppManager);

const viewportGrid = viewport.querySelector<BUI.Grid>("bim-grid[floating]")!;
appManager.grids.set("viewport", viewportGrid);

const viewportGrid = appManager.grids.get("viewport");
if (viewportGrid) {
  // Modify grid layouts or access grid elements
  viewportGrid.layout = "main";
}

import * as OBC from "@thatopen/components";
import * as BUI from "@thatopen/ui";
import { AppManager } from "./bim-components";

// Initialize components
const components = new OBC.Components();
components.init();

// Get AppManager instance
const appManager = components.get(AppManager);

// Create viewport with grid
const viewport = BUI.Component.create<BUI.Viewport>(() => {
  return BUI.html`
    <bim-viewport>
      <bim-grid floating></bim-grid>
    </bim-viewport>
  `;
});

// Register the grid for global access
const viewportGrid = viewport.querySelector<BUI.Grid>("bim-grid[floating]")!;
appManager.grids.set("viewport", viewportGrid);

// Later, access the grid from anywhere
const grid = appManager.grids.get("viewport");