How to use the @igo2/context.Register function in @igo2/context

import { Component, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';

import { Register } from '@igo2/context';

@Register({
  name: 'permissionsContextManager',
  title: 'igo.tools.contexts',
  icon: 'settings'
})
@Component({
  selector: 'igo-permissions-context-manager-tool',
  templateUrl: './permissions-context-manager-tool.component.html'
})
export class PermissionsContextManagerToolComponent {
  constructor() {}
}

import { Component, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';

import { Register } from '@igo2/context';

import { MapDetailsToolOptions } from './map-details-tool.interface';
import { LayerListControlsEnum } from '@igo2/geo';

@Register({
  name: 'mapDetails',
  title: 'igo.tools.map',
  icon: 'map'
})
@Component({
  selector: 'igo-map-details-tool',
  templateUrl: './map-details-tool.component.html'
})
export class MapDetailsToolComponent {
  public options: MapDetailsToolOptions = {};

  get toggleLegendOnVisibilityChange(): boolean {
    return this.options.toggleLegendOnVisibilityChange === undefined
      ? false
      : this.options.toggleLegendOnVisibilityChange;
  }

import { Component, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';

import { Register } from '@igo2/context';

import {
  MapService,
  LayerService,
  OverlayService,
  OverlayAction,
  Feature,
  FeatureType
} from '@igo2/geo';
import { SearchResultsToolOptions } from './search-results-tool.interface';

@Register({
  name: 'searchResults',
  title: 'igo.tools.searchResults',
  icon: 'search'
})
@Component({
  selector: 'igo-search-results-tool',
  templateUrl: './search-results-tool.component.html'
})
export class SearchResultsToolComponent {
  public options: SearchResultsToolOptions = {};

  get focusFirst(): boolean {
    return this.options.focusFirst === undefined
      ? true
      : this.options.focusFirst;
  }

import { Component, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';

import { Register } from '@igo2/context';

@Register({
  name: 'importExport',
  title: 'igo.tools.importExport',
  icon: 'import_export'
})
@Component({
  selector: 'igo-import-export-tool',
  templateUrl: './import-export-tool.component.html'
})
export class ImportExportToolComponent {
  constructor() {}
}

import { Component, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';

import { Register } from '@igo2/context';

@Register({
  name: 'contextEditor',
  title: 'igo.tools.contexts',
  icon: 'settings'
})
@Component({
  selector: 'igo-context-editor-tool',
  templateUrl: './context-editor-tool.component.html'
})
export class ContextEditorToolComponent {
  constructor() {}
}

import { Component, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';

import { Register } from '@igo2/context';

@Register({
  name: 'catalogLayers',
  title: 'igo.tools.catalog',
  icon: 'photo_library'
})
@Component({
  selector: 'igo-catalog-layers-tool',
  templateUrl: './catalog-layers-tool.component.html'
})
export class CatalogLayersToolComponent {
  constructor() {}
}

import { Component, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';

import { Register } from '@igo2/context';

@Register({
  name: 'print',
  title: 'igo.tools.print',
  icon: 'print'
})
@Component({
  selector: 'igo-print-tool',
  templateUrl: './print-tool.component.html'
})
export class PrintToolComponent {
  constructor() {}
}

import { Component, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';

import { Register } from '@igo2/context';

@Register({
  name: 'timeAnalysis',
  title: 'igo.tools.timeAnalysis',
  icon: 'history'
})
@Component({
  selector: 'igo-time-analysis-tool',
  templateUrl: './time-analysis-tool.component.html'
})
export class TimeAnalysisToolComponent {
  constructor() {}
}

import { Component, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';

import { Register } from '@igo2/context';

@Register({
  name: 'ogcFilter',
  title: 'igo.tools.ogcFilter',
  icon: 'filter_list'
})
@Component({
  selector: 'igo-ogc-filter-tool',
  templateUrl: './ogc-filter-tool.component.html'
})
export class OgcFilterToolComponent {
  constructor() {}
}

import { Component, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';

import { Register } from '@igo2/context';

@Register({
  name: 'toolsContextManager',
  title: 'igo.integration.tools.contexts',
  icon: 'settings'
})
@Component({
  selector: 'igo-tools-context-manager-tool',
  templateUrl: './tools-context-manager-tool.component.html'
})
export class ToolsContextManagerToolComponent {
  constructor() {}
}