geonetwork-ui 2.1.0-initial

package/src/libs/feature/map/src/lib/utils/map-utils.service.ts

@@ -0,0 +1,242 @@
+import { HttpClient } from '@angular/common/http'
+import { Injectable } from '@angular/core'
+import type { FeatureCollection } from 'geojson'
+import { extend, Extent, isEmpty } from 'ol/extent'
+import OlFeature from 'ol/Feature'
+import GeoJSON from 'ol/format/GeoJSON'
+import { Geometry } from 'ol/geom'
+import Layer from 'ol/layer/Layer'
+import Map from 'ol/Map'
+import { fromLonLat } from 'ol/proj'
+import Source from 'ol/source/Source'
+import ImageWMS from 'ol/source/ImageWMS'
+import TileWMS from 'ol/source/TileWMS'
+import VectorSource from 'ol/source/Vector'
+import { Options, optionsFromCapabilities } from 'ol/source/WMTS'
+import { DragPan, MouseWheelZoom, defaults, Interaction } from 'ol/interaction'
+import {
+  mouseOnly,
+  noModifierKeys,
+  platformModifierKeyOnly,
+  primaryAction,
+} from 'ol/events/condition'
+import WMTSCapabilities from 'ol/format/WMTSCapabilities'
+import { from, Observable, of } from 'rxjs'
+import { map } from 'rxjs/operators'
+import { MapContextLayerModel } from '../map-context/map-context.model'
+import { MapUtilsWMSService } from './map-utils-wms.service'
+import Collection from 'ol/Collection'
+import MapBrowserEvent from 'ol/MapBrowserEvent'
+import { DatasetDistribution } from '../../../../../../libs/common/domain/src/lib/record'
+
+const FEATURE_PROJECTION = 'EPSG:3857'
+const DATA_PROJECTION = 'EPSG:4326'
+
+@Injectable({
+  providedIn: 'root',
+})
+export class MapUtilsService {
+  constructor(private http: HttpClient, private wmsUtils: MapUtilsWMSService) {}
+
+  createEmptyMap(): Map {
+    const map = new Map({
+      controls: [],
+      pixelRatio: 1,
+    })
+    return map
+  }
+
+  readFeatureCollection = (
+    featureCollection: FeatureCollection,
+    featureProjection = FEATURE_PROJECTION,
+    dataProjection = DATA_PROJECTION
+  ): OlFeature<Geometry>[] => {
+    const olFeatures = new GeoJSON().readFeatures(featureCollection, {
+      featureProjection,
+      dataProjection,
+    })
+    return olFeatures
+  }
+
+  isWMSLayer(layer: Layer<Source>): boolean {
+    return (
+      layer.getSource() instanceof TileWMS ||
+      layer.getSource() instanceof ImageWMS
+    )
+  }
+
+  getGFIUrl(layer, map, coordinate): string {
+    const view = map.getView()
+    const projection = view.getProjection()
+    const resolution = view.getResolution()
+    const source = layer.getSource()
+    const params = {
+      ...source.getParams(),
+      INFO_FORMAT: 'application/json',
+    }
+    const url = source.getFeatureInfoUrl(
+      coordinate,
+      resolution,
+      projection,
+      params
+    )
+    return url
+  }
+
+  getVectorFeaturesFromClick(olMap, event): OlFeature<Geometry>[] {
+    const features = []
+    const hit = olMap.forEachFeatureAtPixel(
+      event.pixel,
+      (feature: OlFeature<Geometry>) => {
+        return feature
+      },
+      { layerFilter: (layer) => layer.getSource() instanceof VectorSource }
+    )
+    if (hit) {
+      features.push(hit)
+    }
+    return features
+  }
+
+  getGFIFeaturesObservablesFromClick(
+    olMap,
+    event
+  ): Observable<OlFeature<Geometry>[]>[] {
+    const wmsLayers = olMap.getLayers().getArray().filter(this.isWMSLayer)
+
+    if (wmsLayers.length > 0) {
+      const { coordinate } = event
+      const gfiUrls = wmsLayers.reduce(
+        (urls, layer) => [...urls, this.getGFIUrl(layer, olMap, coordinate)],
+
+        []
+      )
+      return gfiUrls.map((url) =>
+        this.http
+          .get<FeatureCollection>(url)
+          .pipe(map((collection) => this.readFeatureCollection(collection)))
+      )
+    } else {
+      return []
+    }
+  }
+
+  /**
+   * Will emit `null` if no extent could be computed
+   */
+  getLayerExtent(layer: MapContextLayerModel): Observable<Extent | null> {
+    let geographicExtent: Observable<Extent>
+    if (
+      layer &&
+      layer.type === 'geojson' &&
+      'data' in layer &&
+      typeof layer.data === 'object' &&
+      layer.data.features[0] &&
+      layer.data.features[0].geometry
+    ) {
+      geographicExtent = of(layer.data).pipe(
+        map((layerData) =>
+          new GeoJSON()
+            .readFeatures(layerData)
+            .map((feature) => feature.getGeometry())
+            .filter((geom) => !!geom)
+            .reduce(
+              (prev, curr) =>
+                prev ? extend(prev, curr.getExtent()) : curr.getExtent(),
+              null as Extent
+            )
+        )
+      )
+    } else if (layer && layer.type === 'wms') {
+      geographicExtent = this.wmsUtils.getLayerLonLatBBox(layer)
+    } else if (layer && layer.type === 'wmts') {
+      return of(layer.options.tileGrid.getExtent())
+    } else {
+      return of(null)
+    }
+    return geographicExtent.pipe(
+      map((extent) => [
+        ...fromLonLat([extent[0], extent[1]], 'EPSG:3857'),
+        ...fromLonLat([extent[2], extent[3]], 'EPSG:3857'),
+      ]),
+      map((extent) => (isEmpty(extent) ? null : extent))
+    )
+  }
+
+  getWmtsOptionsFromCapabilities(
+    link: DatasetDistribution
+  ): Observable<Options> {
+    const getCapabilitiesUrl = new URL(link.url, window.location.toString())
+    getCapabilitiesUrl.searchParams.set('SERVICE', 'WMTS')
+    getCapabilitiesUrl.searchParams.set('REQUEST', 'GetCapabilities')
+    return from(
+      fetch(getCapabilitiesUrl.toString())
+        .then(async function (response) {
+          if (!response.ok) {
+            throw new Error(`WMTS GetCapabilities HTTP request failed with code ${
+              response.status
+            } and body:
+${await response.text()}`)
+          }
+          return response.text()
+        })
+        .then(function (text) {
+          try {
+            const result = new WMTSCapabilities().read(text)
+            return optionsFromCapabilities(result, {
+              layer: link.name,
+              matrixSet: 'EPSG:3857',
+            })
+          } catch (e: any) {
+            throw new Error(`WMTS GetCapabilities parsing failed:
+${e.stack || e.message || e}`)
+          }
+        })
+    )
+  }
+
+  prioritizePageScroll(interactions: Collection<Interaction>) {
+    interactions.clear()
+    interactions.extend(
+      defaults({
+        // remove rotate interactions
+        altShiftDragRotate: false,
+        pinchRotate: false,
+        // replace drag and zoom interactions
+        dragPan: false,
+        mouseWheelZoom: false,
+      })
+        .extend([
+          new DragPan({
+            condition: dragPanCondition,
+          }),
+          new MouseWheelZoom({
+            condition: mouseWheelZoomCondition,
+          }),
+        ])
+        .getArray()
+    )
+  }
+}
+
+export function dragPanCondition(
+  this: DragPan,
+  event: MapBrowserEvent<PointerEvent>
+) {
+  const dragPanCondition = this.getPointerCount() === 2 || mouseOnly(event)
+  if (!dragPanCondition) {
+    this.getMap().dispatchEvent('mapmuted')
+  }
+  // combine the condition with the default DragPan conditions
+  return dragPanCondition && noModifierKeys(event) && primaryAction(event)
+}
+
+export function mouseWheelZoomCondition(
+  this: MouseWheelZoom,
+  event: MapBrowserEvent<UIEvent>
+) {
+  if (!platformModifierKeyOnly(event) && event.type === 'wheel') {
+    this.getMap().dispatchEvent('mapmuted')
+  }
+  return platformModifierKeyOnly(event)
+}

package/src/libs/feature/map/src/lib/utils/projections.ts

@@ -0,0 +1 @@
+export const LONLAT_CRS_CODES = ['EPSG:4326', 'CRS:84']

package/src/libs/feature/record/src/index.ts

@@ -0,0 +1,9 @@
+export * from './lib/feature-record.module'
+export * from './lib/gn-ui-version.token'
+export * from './lib/state'
+export * from './lib/data-view-permalink/data-view-permalink.component'
+export * from './lib/data-view/data-view.component'
+export * from './lib/data-view-share/data-view-share.component'
+export * from './lib/data-view-web-component/data-view-web-component.component'
+export * from './lib/external-viewer-button/external-viewer-button.component'
+export * from './lib/map-view/map-view.component'

package/src/libs/feature/record/src/lib/data-view/data-view.component.html

@@ -0,0 +1,21 @@
+<div class="w-full h-full flex flex-col p-1">
+  <gn-ui-dropdown-selector
+    *ngIf="dropdownChoices$ | async as choices"
+    [title]="'table.select.data' | translate"
+    class="truncate p-1 -mx-1"
+    extraBtnClass="!text-primary font-sans font-medium"
+    [choices]="choices"
+    (selectValue)="selectLink($event)"
+  ></gn-ui-dropdown-selector>
+  <div class="relative h-[420px]">
+    <gn-ui-table-view
+      *ngIf="mode === 'table'"
+      [link]="selectedLink$ | async"
+    ></gn-ui-table-view>
+    <gn-ui-chart-view
+      *ngIf="mode === 'chart'"
+      (chartConfig$)="setChartConfig($event)"
+      [link]="selectedLink$ | async"
+    ></gn-ui-chart-view>
+  </div>
+</div>

package/src/libs/feature/record/src/lib/data-view/data-view.component.ts

@@ -0,0 +1,59 @@
+import {
+  ChangeDetectionStrategy,
+  Component,
+  Input,
+  Output,
+} from '@angular/core'
+import { getLinkLabel, getLinkPriority } from '../../../../../../libs/util/shared/src'
+import { BehaviorSubject, combineLatest } from 'rxjs'
+import { map, tap } from 'rxjs/operators'
+import { MdViewFacade } from '../state'
+import { DatavizConfigurationModel } from '../../../../../../libs/common/domain/src/lib/dataviz-configuration.model'
+import { DatasetDistribution } from '../../../../../../libs/common/domain/src/lib/record'
+
+@Component({
+  selector: 'gn-ui-data-view',
+  templateUrl: './data-view.component.html',
+  styleUrls: ['./data-view.component.css'],
+  changeDetection: ChangeDetectionStrategy.OnPush,
+})
+export class DataViewComponent {
+  @Input() mode: 'table' | 'chart'
+  @Output() chartConfig$ = new BehaviorSubject<DatavizConfigurationModel>(null)
+  compatibleDataLinks$ = combineLatest([
+    this.mdViewFacade.dataLinks$,
+    this.mdViewFacade.geoDataLinks$,
+  ]).pipe(
+    map(([dataLinks, geoDataLinks]) => {
+      const a = [...dataLinks, ...geoDataLinks]
+      a.sort((a, b) => getLinkPriority(b) - getLinkPriority(a))
+      return a
+    })
+  )
+  dropdownChoices$ = this.compatibleDataLinks$.pipe(
+    tap((links) => {
+      if (links.indexOf(this.selectedLink$.value) === -1) {
+        this.selectedLink$.next(links[0])
+      }
+    }),
+    map((links) =>
+      links.map((link) => ({
+        label: getLinkLabel(link),
+        value: JSON.stringify(link),
+      }))
+    )
+  )
+  selectedLink$ = new BehaviorSubject<DatasetDistribution>(null)
+
+  constructor(private mdViewFacade: MdViewFacade) {}
+
+  setChartConfig(event: DatavizConfigurationModel) {
+    this.mdViewFacade.setChartConfig(event)
+  }
+
+  selectLink(linkAsString: string) {
+    const link: DatasetDistribution = JSON.parse(linkAsString)
+    link.url = new URL(link.url)
+    this.selectedLink$.next(link)
+  }
+}

package/src/libs/feature/record/src/lib/data-view-permalink/data-view-permalink.component.html

@@ -0,0 +1,5 @@
+<gn-ui-copy-text-button
+  *ngIf="wcEmbedderBaseUrl"
+  [text]="permalinkUrl$ | async"
+  [tooltipText]="'tooltip.url.copy' | translate"
+></gn-ui-copy-text-button>

package/src/libs/feature/record/src/lib/data-view-permalink/data-view-permalink.component.ts

@@ -0,0 +1,58 @@
+import {
+  ChangeDetectionStrategy,
+  Component,
+  Inject,
+  InjectionToken,
+  Optional,
+} from '@angular/core'
+import { Configuration } from '../../../../../../libs/data-access/gn4/src'
+import { combineLatest, map } from 'rxjs'
+import { MdViewFacade } from '../state'
+import { GN_UI_VERSION } from '../gn-ui-version.token'
+
+export const WEB_COMPONENT_EMBEDDER_URL = new InjectionToken<string>(
+  'webComponentEmbedderUrl'
+)
+
+@Component({
+  selector: 'gn-ui-data-view-permalink',
+  templateUrl: './data-view-permalink.component.html',
+  styleUrls: ['./data-view-permalink.component.css'],
+  changeDetection: ChangeDetectionStrategy.OnPush,
+})
+export class DataViewPermalinkComponent {
+  permalinkUrl$ = combineLatest([
+    this.facade.chartConfig$,
+    this.facade.metadata$,
+  ]).pipe(
+    map(([config, metadata]) => {
+      if (config) {
+        const { aggregation, xProperty, yProperty, chartType } = config
+        const url = new URL(`${this.wcEmbedderBaseUrl}`, window.location.origin)
+        url.search = `?v=${this.version}
+&e=gn-dataset-view-chart
+&a=api-url=${this.config.basePath}
+&a=dataset-id=${metadata.uniqueIdentifier}
+&a=primary-color=%230f4395
+&a=secondary-color=%238bc832
+&a=main-color=%23555
+&a=background-color=%23fdfbff
+&a=aggregation=${aggregation}
+&a=x-property=${xProperty}
+&a=y-property=${yProperty}
+&a=chart-type=${chartType}`
+        return url.toString()
+      }
+      return ''
+    })
+  )
+
+  constructor(
+    @Inject(Configuration) private config: Configuration,
+    @Optional()
+    @Inject(WEB_COMPONENT_EMBEDDER_URL)
+    protected wcEmbedderBaseUrl: string,
+    @Inject(GN_UI_VERSION) private version: string,
+    private facade: MdViewFacade
+  ) {}
+}

package/src/libs/feature/record/src/lib/data-view-share/data-view-share.component.css

@@ -0,0 +1,10 @@
+::ng-deep .mat-mdc-tab.mdc-tab.mdc-tab--active .tab-header-label-gray {
+  opacity: 100%;
+  font-weight: bold;
+}
+.tab-header-label-gray {
+  @apply text-sm text-gray-700 opacity-75 hover:text-gray-900;
+}
+.single-tab-header-label-gray {
+  @apply text-sm text-gray-900;
+}

package/src/libs/feature/record/src/lib/data-view-share/data-view-share.component.html

@@ -0,0 +1,30 @@
+<div class="container-lg px-5 my-1 lg:mx-auto">
+  <mat-tab-group
+    [selectedIndex]="0"
+    animationDuration="0ms"
+    mat-stretch-tabs="false"
+    mat-align-tabs="start"
+    [disableRipple]="!wcEmbedderBaseUrl"
+  >
+    <mat-tab *ngIf="wcEmbedderBaseUrl">
+      <ng-template mat-tab-label>
+        <span class="tab-header-label-gray" translate>share.tab.permalink</span>
+      </ng-template>
+      <gn-ui-data-view-permalink></gn-ui-data-view-permalink>
+    </mat-tab>
+    <mat-tab>
+      <ng-template mat-tab-label>
+        <span
+          [class]="
+            wcEmbedderBaseUrl
+              ? 'tab-header-label-gray'
+              : 'single-tab-header-label-gray'
+          "
+          translate
+          >share.tab.webComponent</span
+        >
+      </ng-template>
+      <gn-ui-data-view-web-component></gn-ui-data-view-web-component>
+    </mat-tab>
+  </mat-tab-group>
+</div>

package/src/libs/feature/record/src/lib/data-view-share/data-view-share.component.ts

@@ -0,0 +1,21 @@
+import {
+  ChangeDetectionStrategy,
+  Component,
+  Inject,
+  Optional,
+} from '@angular/core'
+import { WEB_COMPONENT_EMBEDDER_URL } from '../data-view-permalink/data-view-permalink.component'
+
+@Component({
+  selector: 'gn-ui-data-view-share',
+  templateUrl: './data-view-share.component.html',
+  styleUrls: ['./data-view-share.component.css'],
+  changeDetection: ChangeDetectionStrategy.OnPush,
+})
+export class DataViewShareComponent {
+  constructor(
+    @Optional()
+    @Inject(WEB_COMPONENT_EMBEDDER_URL)
+    protected wcEmbedderBaseUrl: string
+  ) {}
+}

package/src/libs/feature/record/src/lib/data-view-web-component/data-view-web-component.component.html

@@ -0,0 +1,5 @@
+<gn-ui-copy-text-button
+  [text]="webComponentHtml$ | async"
+  [rows]="3"
+  [tooltipText]="'tooltip.html.copy' | translate"
+></gn-ui-copy-text-button>

package/src/libs/feature/record/src/lib/data-view-web-component/data-view-web-component.component.ts

@@ -0,0 +1,51 @@
+import { ChangeDetectionStrategy, Component, Inject } from '@angular/core'
+import { Configuration } from '../../../../../../libs/data-access/gn4/src'
+import { MdViewFacade } from '../state'
+import { combineLatest, map } from 'rxjs'
+import { GN_UI_VERSION } from '../gn-ui-version.token'
+
+@Component({
+  selector: 'gn-ui-data-view-web-component',
+  templateUrl: './data-view-web-component.component.html',
+  styleUrls: ['./data-view-web-component.component.css'],
+  changeDetection: ChangeDetectionStrategy.OnPush,
+})
+export class DataViewWebComponentComponent {
+  webComponentHtml$ = combineLatest(
+    this.facade.chartConfig$,
+    this.facade.metadata$
+  ).pipe(
+    map(([config, metadata]) => {
+      if (config) {
+        const { aggregation, xProperty, yProperty, chartType } = config
+        return `<script src="https://cdn.jsdelivr.net/gh/geonetwork/geonetwork-ui@wc-dist-${
+          this.version
+        }/gn-wc.js"></script>
+<gn-dataset-view-chart
+        api-url="${new URL(
+          this.config.basePath,
+          window.location.origin
+        ).toString()}"
+        dataset-id="${metadata.uniqueIdentifier}"
+        aggregation="${aggregation}"
+        x-property="${xProperty}"
+        y-property="${yProperty}"
+        chart-type="${chartType}"
+        primary-color="#0f4395"
+        secondary-color="#8bc832"
+        main-color="#555"
+        background-color="#fdfbff"
+        main-font="'Inter', sans-serif"
+        title-font="'DM Serif Display', serif"
+></gn-dataset-view-chart>`
+      }
+      return ''
+    })
+  )
+
+  constructor(
+    @Inject(Configuration) private config: Configuration,
+    @Inject(GN_UI_VERSION) private version: string,
+    private facade: MdViewFacade
+  ) {}
+}

package/src/libs/feature/record/src/lib/external-viewer-button/external-viewer-button.component.html

@@ -0,0 +1,9 @@
+<gn-ui-button
+  *ngIf="externalViewer"
+  (buttonClick)="openInExternalViewer()"
+  type="secondary"
+  [title]="'record.externalViewer.open' | translate"
+  extraClass="ms-2 !rounded-lg"
+>
+  <mat-icon class="material-symbols-outlined">open_in_new</mat-icon>
+</gn-ui-button>

package/src/libs/feature/record/src/lib/external-viewer-button/external-viewer-button.component.ts

@@ -0,0 +1,54 @@
+import { ChangeDetectionStrategy, Component, Input } from '@angular/core'
+import { MapConfig } from '../../../../../../libs/util/app-config/src'
+import { DatasetDistribution } from '../../../../../../libs/common/domain/src/lib/record'
+
+@Component({
+  selector: 'gn-ui-external-viewer-button',
+  templateUrl: './external-viewer-button.component.html',
+  styleUrls: ['./external-viewer-button.component.css'],
+  changeDetection: ChangeDetectionStrategy.OnPush,
+})
+export class ExternalViewerButtonComponent {
+  @Input() link: DatasetDistribution
+  @Input() mapConfig: MapConfig
+
+  get externalViewer() {
+    if (this.link && this.mapConfig) {
+      return (
+        !!this.mapConfig.EXTERNAL_VIEWER_URL_TEMPLATE &&
+        !!this.supportedLinkLayerType
+      )
+    }
+    return false
+  }
+
+  get supportedLinkLayerType() {
+    if (!this.link) return null
+    if (this.link.type === 'service') {
+      if (this.link.accessServiceProtocol === 'wms') {
+        return 'wms'
+      }
+      if (this.link.accessServiceProtocol === 'wfs') {
+        return 'wfs'
+      }
+    }
+    return null
+  }
+
+  openInExternalViewer() {
+    const templateUrl = this.mapConfig.EXTERNAL_VIEWER_URL_TEMPLATE
+    const url = templateUrl
+      .replace('${layer_name}', `${this.link.name}`)
+      .replace(
+        '${service_url}',
+        `${encodeURIComponent(this.link.url.toString())}`
+      )
+      .replace('${service_type}', `${this.supportedLinkLayerType}`)
+    window
+      .open(
+        url,
+        this.mapConfig.EXTERNAL_VIEWER_OPEN_NEW_TAB ? '_blank' : '_self'
+      )
+      .focus()
+  }
+}

package/src/libs/feature/record/src/lib/feature-record.module.ts

@@ -0,0 +1,62 @@
+import { InjectionToken, NgModule } from '@angular/core'
+import { CommonModule } from '@angular/common'
+import { UiMapModule } from '../../../../../libs/ui/map/src'
+import { StoreModule } from '@ngrx/store'
+import { EffectsModule } from '@ngrx/effects'
+import { UiLayoutModule } from '../../../../../libs/ui/layout/src'
+import { FeatureMapModule } from '../../../../../libs/feature/map/src'
+import { UiInputsModule } from '../../../../../libs/ui/inputs/src'
+import { UiElementsModule } from '../../../../../libs/ui/elements/src'
+import { MdViewFacade } from './state'
+import { MdViewEffects } from './state/mdview.effects'
+import { MapViewComponent } from './map-view/map-view.component'
+import { DataViewComponent } from './data-view/data-view.component'
+import { MD_VIEW_FEATURE_STATE_KEY, reducer } from './state/mdview.reducer'
+import { MatTabsModule } from '@angular/material/tabs'
+import { MatIconModule } from '@angular/material/icon'
+import { UiWidgetsModule } from '../../../../../libs/ui/widgets/src'
+import { TranslateModule } from '@ngx-translate/core'
+import { ExternalViewerButtonComponent } from './external-viewer-button/external-viewer-button.component'
+import { FeatureCatalogModule } from '../../../../../libs/feature/catalog/src'
+import { TableComponent } from '../../../../../libs/ui/dataviz/src'
+import { FeatureDatavizModule } from '../../../../../libs/feature/dataviz/src'
+import { DataViewPermalinkComponent } from './data-view-permalink/data-view-permalink.component'
+import { DataViewWebComponentComponent } from './data-view-web-component/data-view-web-component.component'
+import { DataViewShareComponent } from './data-view-share/data-view-share.component'
+
+@NgModule({
+  declarations: [
+    MapViewComponent,
+    DataViewComponent,
+    ExternalViewerButtonComponent,
+    DataViewPermalinkComponent,
+    DataViewWebComponentComponent,
+    DataViewShareComponent,
+  ],
+  imports: [
+    CommonModule,
+    StoreModule.forFeature(MD_VIEW_FEATURE_STATE_KEY, reducer),
+    EffectsModule.forFeature([MdViewEffects]),
+    UiLayoutModule,
+    FeatureMapModule,
+    FeatureCatalogModule,
+    UiMapModule,
+    UiInputsModule,
+    UiElementsModule,
+    MatTabsModule,
+    MatIconModule,
+    UiWidgetsModule,
+    TranslateModule,
+    TableComponent,
+    FeatureDatavizModule,
+  ],
+  providers: [MdViewFacade],
+  exports: [
+    MapViewComponent,
+    DataViewComponent,
+    DataViewPermalinkComponent,
+    DataViewWebComponentComponent,
+    DataViewShareComponent,
+  ],
+})
+export class FeatureRecordModule {}

package/src/libs/feature/record/src/lib/gn-ui-version.token.ts

@@ -0,0 +1,3 @@
+import { InjectionToken } from '@angular/core'
+
+export const GN_UI_VERSION = new InjectionToken<string>('gnUiVersion')