diff --git a/src/atlasComponents/sapi/constants.ts b/src/atlasComponents/sapi/constants.ts index b31cfc1b14703de11f2c5e2efaee1cacb369347b..6ec87c2352f8a3885b2f872a86f11c8db4fae33b 100644 --- a/src/atlasComponents/sapi/constants.ts +++ b/src/atlasComponents/sapi/constants.ts @@ -8,9 +8,11 @@ export const IDS = { MNI152: "minds/core/referencespace/v1.0.0/dafcffc5-4826-4bf1-8ff6-46b8a31ff8e2", COLIN27: "minds/core/referencespace/v1.0.0/7f39f7be-445b-47c0-9791-e971c0b6d992", WAXHOLM: "minds/core/referencespace/v1.0.0/d5717c4a-0fa1-46e6-918c-b8003069ade8", + MEBRAINS: "minds/core/referencespace/v1.0.0/MEBRAINS", }, PARCELLATION: { JBA29: "minds/core/parcellationatlas/v1.0.0/94c1125b-b87e-45e4-901c-00daee7f2579-290", + JBA30: "minds/core/parcellationatlas/v1.0.0/94c1125b-b87e-45e4-901c-00daee7f2579-300", WAXHOLMV4: "minds/core/parcellationatlas/v1.0.0/ebb923ba-b4d5-4b82-8088-fa9215c2e1fe-v4", } } diff --git a/src/atlasComponents/sapi/sapi.service.ts b/src/atlasComponents/sapi/sapi.service.ts index b23a4e81399305c8cad67b83570aa4517f492e15..6c79c9b2f79f5d3ed9ce9b671014478e84f41b50 100644 --- a/src/atlasComponents/sapi/sapi.service.ts +++ b/src/atlasComponents/sapi/sapi.service.ts @@ -12,6 +12,7 @@ import { } from "./translateV3" import { FeatureType, PathReturn, RouteParam, SapiRoute } from "./typeV3"; import { BoundingBox, SxplrAtlas, SxplrParcellation, SxplrRegion, SxplrTemplate, VoiFeature, Feature } from "./sxplrTypes"; +import { parcBanList, speciesOrder } from "src/util/constants"; export const useViewer = { THREESURFER: "THREESURFER", @@ -32,10 +33,6 @@ type PaginatedResponse<T> = { pages?: number } -const parcBanList: string[] = [ - "https://identifiers.org/neurovault.image:23262", - "https://doi.org/10.1016/j.jneumeth.2020.108983/mni152", -] @Injectable({ providedIn: 'root' @@ -300,6 +297,7 @@ export class SAPI{ switchMap(atlases => forkJoin( atlases.items.map(atlas => translateV3Entities.translateAtlas(atlas)) )), + map(atlases => atlases.sort((a, b) => speciesOrder.indexOf(a.species) - speciesOrder.indexOf(b.species))), tap(() => { const respVersion = SAPI.API_VERSION if (respVersion !== EXPECTED_SIIBRA_API_VERSION) { diff --git a/src/atlasComponents/sapi/schemaV3.ts b/src/atlasComponents/sapi/schemaV3.ts index 16bccab868831ecaf188e2f3b5c7f1c0a55c4c5f..7c926b526224af5d5bc4ccdff711341591591ce3 100644 --- a/src/atlasComponents/sapi/schemaV3.ts +++ b/src/atlasComponents/sapi/schemaV3.ts @@ -722,8 +722,6 @@ export interface components { page: number /** Size */ size: number - /** Pages */ - pages?: number } /** Page[FeatureMetaModel] */ Page_FeatureMetaModel_: { @@ -735,8 +733,6 @@ export interface components { page: number /** Size */ size: number - /** Pages */ - pages?: number } /** Page[ParcellationEntityVersionModel] */ Page_ParcellationEntityVersionModel_: { @@ -748,8 +744,6 @@ export interface components { page: number /** Size */ size: number - /** Pages */ - pages?: number } /** Page[SiibraAtlasModel] */ Page_SiibraAtlasModel_: { @@ -761,8 +755,6 @@ export interface components { page: number /** Size */ size: number - /** Pages */ - pages?: number } /** Page[SiibraCorticalProfileModel] */ Page_SiibraCorticalProfileModel_: { @@ -774,8 +766,6 @@ export interface components { page: number /** Size */ size: number - /** Pages */ - pages?: number } /** Page[SiibraEbrainsDataFeatureModel] */ Page_SiibraEbrainsDataFeatureModel_: { @@ -787,8 +777,6 @@ export interface components { page: number /** Size */ size: number - /** Pages */ - pages?: number } /** Page[SiibraParcellationModel] */ Page_SiibraParcellationModel_: { @@ -800,8 +788,6 @@ export interface components { page: number /** Size */ size: number - /** Pages */ - pages?: number } /** Page[SiibraRegionalConnectivityModel] */ Page_SiibraRegionalConnectivityModel_: { @@ -813,8 +799,6 @@ export interface components { page: number /** Size */ size: number - /** Pages */ - pages?: number } /** Page[SiibraTabularModel] */ Page_SiibraTabularModel_: { @@ -826,8 +810,6 @@ export interface components { page: number /** Size */ size: number - /** Pages */ - pages?: number } /** Page[SiibraVoiModel] */ Page_SiibraVoiModel_: { @@ -839,8 +821,6 @@ export interface components { page: number /** Size */ size: number - /** Pages */ - pages?: number } /** Page[Union[SiibraCorticalProfileModel, SiibraReceptorDensityFp, SiibraTabularModel]] */ Page_Union_SiibraCorticalProfileModel__SiibraReceptorDensityFp__SiibraTabularModel__: { @@ -852,8 +832,6 @@ export interface components { page: number /** Size */ size: number - /** Pages */ - pages?: number } /** ParcellationEntityVersionModel */ ParcellationEntityVersionModel: { @@ -1091,6 +1069,8 @@ export interface components { /** Brainatlasversions */ brainAtlasVersions: (components["schemas"]["BrainAtlasVersionModel"])[] version?: components["schemas"]["SiibraParcellationVersionModel"] + /** Shortname */ + shortname?: string } /** SiibraParcellationVersionModel */ SiibraParcellationVersionModel: { diff --git a/src/atlasComponents/sapi/translateV3.ts b/src/atlasComponents/sapi/translateV3.ts index e083557a1d77d07cdba80ef1a859bd4983216737..9c2f9bb317529cd054c5483dbb054978cc09264c 100644 --- a/src/atlasComponents/sapi/translateV3.ts +++ b/src/atlasComponents/sapi/translateV3.ts @@ -48,7 +48,7 @@ class TranslateV3 { modality: parcellation.modality, type: "SxplrParcellation", prevId, - shortName: parcellation.name, + shortName: parcellation.shortname, ...rest } } diff --git a/src/atlasComponents/sapiViews/core/region/region/rich/region.rich.template.html b/src/atlasComponents/sapiViews/core/region/region/rich/region.rich.template.html index 5133d7a4aebb80f3b7674d55ca3af8faa5f824c6..cc72755c1f242e656b9c092e87026e4ab2c1ed66 100644 --- a/src/atlasComponents/sapiViews/core/region/region/rich/region.rich.template.html +++ b/src/atlasComponents/sapiViews/core/region/region/rich/region.rich.template.html @@ -19,6 +19,10 @@ {{ region.name }} </mat-card-title> + <mat-card-subtitle> + {{ parcellation.name }} + </mat-card-subtitle> + <!-- subtitle on what it is --> <mat-card-subtitle class="d-inline-flex align-items-center flex-wrap"> @@ -69,12 +73,6 @@ <mat-card-title> Features anchored to region </mat-card-title> - <mat-card-subtitle> - Parcellation: {{ parcellation.name }} - </mat-card-subtitle> - <mat-card-subtitle> - Region: {{ region.name }} - </mat-card-subtitle> </mat-card-header> <mat-card-content *ngIf="!(featureEntryCmp.busyTallying$ | async) && (featureEntryCmp.totals$ | async) == 0" class="text-muted"> diff --git a/src/atlasComponents/sapiViews/core/rich/ATPSelector/pureDumb/pureATPSelector.template.html b/src/atlasComponents/sapiViews/core/rich/ATPSelector/pureDumb/pureATPSelector.template.html index dc0aca6a98cb9576d65ba0d15b1382351828c794..fcd29e36827512ebba26de01e3d792a405e0132b 100644 --- a/src/atlasComponents/sapiViews/core/rich/ATPSelector/pureDumb/pureATPSelector.template.html +++ b/src/atlasComponents/sapiViews/core/rich/ATPSelector/pureDumb/pureATPSelector.template.html @@ -9,14 +9,20 @@ [elevation]="2" [disabled]="isBusy"> - <ng-template sxplrSmartChipContent> - <span class="chip-text"> - {{ ATP.parcellation.shortName }} + <ng-template sxplrSmartChipHeader> + <span> + Parcellation </span> + <span class="sxplr-ml-1 text-muted"> ({{ parcellations.length }}) </span> + </ng-template> + <ng-template sxplrSmartChipContent> + <span class="chip-text"> + {{ ATP.parcellation.shortName }} + </span> <ng-content select="[parcellation-chip-suffix]"> </ng-content> @@ -53,14 +59,22 @@ (itemClicked)="selectLeaf({ template: $event })" [elevation]="4" [disabled]="isBusy"> + + <ng-template sxplrSmartChipHeader> + <span> + Template + </span> + + <span class="sxplr-ml-1 text-muted"> + ({{ availableTemplates.length }}) + </span> + </ng-template> + <ng-template sxplrSmartChipContent> <span class="chip-text"> {{ ATP.template.shortName }} </span> - <span class="sxplr-ml-1 text-muted"> - ({{ availableTemplates.length }}) - </span> </ng-template> <ng-template sxplrSmartChipMenu let-space> <ng-container *ngTemplateOutlet="optionTmpl; context: { $implicit: space }"></ng-container> @@ -74,14 +88,22 @@ (itemClicked)="selectLeaf({ atlas: $event})" [elevation]="6" [disabled]="isBusy"> + + <ng-template sxplrSmartChipHeader> + <span> + Atlas + </span> + + <span class="sxplr-ml-1 text-muted"> + ({{ allAtlases.length }}) + </span> + </ng-template> + <ng-template sxplrSmartChipContent> <span class="chip-text"> {{ ATP.atlas.name }} </span> - <span class="sxplr-ml-1 text-muted"> - ({{ allAtlases.length}}) - </span> </ng-template> <ng-template sxplrSmartChipMenu let-atlas> <ng-container *ngTemplateOutlet="optionTmpl; context: { $implicit: atlas }"></ng-container> diff --git a/src/components/smartChip/component/smartChip.style.scss b/src/components/smartChip/component/smartChip.style.scss index 5feb29c580900bbb05dbc0762ef336b29bc87386..a360f49e8414c1c398c9808662afa06385a8dd99 100644 --- a/src/components/smartChip/component/smartChip.style.scss +++ b/src/components/smartChip/component/smartChip.style.scss @@ -1,6 +1,6 @@ :host { - margin: 0.5rem 1rem; + margin: 1.5rem 1rem 0.5rem 1rem; min-height: 32px; height: 1px; position: relative; @@ -55,7 +55,7 @@ .smart-chip.header::before { content: ""; - background-color: rgba(200, 200, 200, 0.8); + background-color: rgba(128, 128, 128, 0.8); width: 100%; height: 100%; position: absolute; diff --git a/src/components/smartChip/component/smartChip.template.html b/src/components/smartChip/component/smartChip.template.html index 08ebcee8c641cd244a17e882341c1068dee242ab..a4b6d51cff5c93426df572d23044d98c809547e2 100644 --- a/src/components/smartChip/component/smartChip.template.html +++ b/src/components/smartChip/component/smartChip.template.html @@ -1,30 +1,21 @@ -<ng-template [ngIf]="noMenuFlag" [ngIfElse]="hasMenuTmpl"> - <div [style.background-color]="color" - matRipple - [ngClass]="smartChipClass" - class="mat-body smart-chip sxplr-custom-cmp text"> - <ng-template [ngTemplateOutlet]="contentTmpl?.templateRef || fallbackContentTmpl"> - </ng-template> - </div> - -</ng-template> - -<ng-template #hasMenuTmpl> - <div [style.background-color]="color" - [matMenuTriggerFor]="mainMenu" - matRipple - [ngClass]="smartChipClass" - class="mat-body smart-chip sxplr-custom-cmp text"> - <ng-template [ngTemplateOutlet]="contentTmpl?.templateRef || fallbackContentTmpl"> - </ng-template> - </div> -</ng-template> +<div [style.background-color]="color" + [matMenuTriggerFor]="noMenuFlag ? null : mainMenu" + matRipple + [matRippleDisabled]="noMenuFlag" + [ngClass]="smartChipClass" + class="mat-body smart-chip sxplr-custom-cmp text"> + <ng-template [ngTemplateOutlet]="contentTmpl?.templateRef || fallbackContentTmpl"> + </ng-template> +</div> <!-- header component --> <ng-template [ngIf]="headerTmpl?.templateRef" let-tmpl> <div class="mat-body smart-chip sxplr-custom-cmp text header mat-elevation-z2" - [style.background-color]="color"> + [style.background-color]="color" + matRipple + [matRippleDisabled]="noMenuFlag" + [matMenuTriggerFor]="noMenuFlag ? null : mainMenu"> <ng-template [ngTemplateOutlet]="tmpl"> </ng-template> </div> diff --git a/src/extra_styles.css b/src/extra_styles.css index fe6e16c3c8d460659ab12fa8fd458c562d6934e8..eda87b2bf8ac0ab8b8b2ab18a73a1383d070223c 100644 --- a/src/extra_styles.css +++ b/src/extra_styles.css @@ -26,6 +26,7 @@ html,body { width: 100dvw; height: 100dvh; + overflow: hidden; } html diff --git a/src/features/entry/entry.component.ts b/src/features/entry/entry.component.ts index 8d3160291918629f55ca7fbf87146ea6b76f92ba..52ab5d22e8fe6ba057f3adadd56a7d7887686d7d 100644 --- a/src/features/entry/entry.component.ts +++ b/src/features/entry/entry.component.ts @@ -1,7 +1,7 @@ import { AfterViewInit, Component, OnDestroy, QueryList, ViewChildren } from '@angular/core'; import { select, Store } from '@ngrx/store'; import { map, scan, switchMap, tap } from 'rxjs/operators'; -import { SAPI } from 'src/atlasComponents/sapi'; +import { IDS, SAPI } from 'src/atlasComponents/sapi'; import { Feature } from 'src/atlasComponents/sapi/sxplrTypes'; import { FeatureBase } from '../base'; import * as userInteraction from "src/state/userInteraction" @@ -91,6 +91,17 @@ export class EntryComponent extends FeatureBase implements AfterViewInit, OnDest select(atlasSelection.selectors.selectedAtlas) ) + public showConnectivity$ = combineLatest([ + this.selectedAtlas$.pipe( + map(atlas => atlas?.species === "Homo sapiens") + ), + this.TPRBbox$.pipe( + map(({ parcellation }) => parcellation?.id === IDS.PARCELLATION.JBA29) + ) + ]).pipe( + map(flags => flags.every(f => f)) + ) + private featureTypes$ = this.sapi.v3Get("/feature/_types", {}).pipe( switchMap(resp => this.sapi.iteratePages( diff --git a/src/features/entry/entry.flattened.component.html b/src/features/entry/entry.flattened.component.html index db548da3942dcf8a081ed5841bc6fcb31cc4f7ee..92c930de8f5c9ade894d8f5054baffabd93511d8 100644 --- a/src/features/entry/entry.flattened.component.html +++ b/src/features/entry/entry.flattened.component.html @@ -11,7 +11,7 @@ <!-- only show connectivity in human atlas for now --> - <ng-template [ngIf]="(selectedAtlas$ | async)?.species === 'Homo sapiens'"> + <ng-template [ngIf]="showConnectivity$ | async"> <ng-template [ngIf]="cateogryCollections$ | async | keyvalue | filterCategory : ['connectivity']" let-connectivity> <ng-template ngFor [ngForOf]="connectivity" let-conn> <mat-expansion-panel sxplr-sapiviews-features-connectivity-check diff --git a/src/features/feature-view/feature-view.component.html b/src/features/feature-view/feature-view.component.html index 3c6339d0eb07bfb052fe578ce2ae2d1d6a5e6492..49b778dced8ae0ad0e111b9ded867d4d721318de 100644 --- a/src/features/feature-view/feature-view.component.html +++ b/src/features/feature-view/feature-view.component.html @@ -23,7 +23,12 @@ <ng-template [ngIf]="feature.category"> <mat-icon class="sxplr-m-a" fontSet="fas" fontIcon="fa-database"></mat-icon> <span class="sxplr-m-a"> - {{ feature.category }} + <ng-template [ngIf]="feature.category !== 'Unknown category'" [ngIfElse]="fallbackTmpl"> + {{ feature.category }} + </ng-template> + <ng-template #fallbackTmpl> + Generic + </ng-template> </span> </ng-template> @@ -123,6 +128,7 @@ [ng-layer-ctl-src]="voi.ngVolume.url" [ng-layer-ctl-transform]="voi.ngVolume.transform" [ng-layer-ctl-info]="voi.ngVolume.info" - [ng-layer-ctl-opacity]="1.0"> + [ng-layer-ctl-opacity]="1.0" + [ng-layer-ctrl-show]="true"> </ng-layer-ctl> </ng-template> diff --git a/src/layouts/layouts/pip/pip.style.css b/src/layouts/layouts/pip/pip.style.css index 5bb8aef140d3082787c1dd336c3ab3d94eff99c5..a7b931cda13e25f994e65777f2e8ec83784f63dd 100644 --- a/src/layouts/layouts/pip/pip.style.css +++ b/src/layouts/layouts/pip/pip.style.css @@ -7,6 +7,7 @@ flex: 0 0 0%; } .picture-in-picture-margin { - bottom: 50px; - right: 50px; -} \ No newline at end of file + bottom: 5rem; + right: 2rem; + max-width: calc(100dvw - 4rem); +} diff --git a/src/state/atlasSelection/effects.ts b/src/state/atlasSelection/effects.ts index 6d1efcf748a80e1b724ccd8989fc0f3861968106..cc372b388c473582ae7d7ac437816e2eeaef7995 100644 --- a/src/state/atlasSelection/effects.ts +++ b/src/state/atlasSelection/effects.ts @@ -27,7 +27,8 @@ type OnTmplParcHookArg = { } const prefParcId = [ - "minds/core/parcellationatlas/v1.0.0/94c1125b-b87e-45e4-901c-00daee7f2579-290" + "minds/core/parcellationatlas/v1.0.0/94c1125b-b87e-45e4-901c-00daee7f2579-300", + "minds/core/parcellationatlas/v1.0.0/94c1125b-b87e-45e4-901c-00daee7f2579-290", ] const prefSpcId = [] @@ -151,7 +152,8 @@ export class Effect { if (parcs.length === 0) { throw new Error(`Cannot find any supported parcellations for template ${template.name}`) } - const selectParc = parcs.find(p => requestedParc?.id === p.id || prefParcId.includes(p.id)) || parcs[0] + const sortedByPref = parcs.sort((a, b) => prefParcId.indexOf(a.id) - prefParcId.indexOf(b.id)) + const selectParc = sortedByPref.find(p => requestedParc?.id === p.id) || sortedByPref[0] return { atlas: currAtlas, template, @@ -217,7 +219,8 @@ export class Effect { map(parcellations => { const parcPrevIds = parcellations.map(p => p.prevId) const latestParcs = parcellations.filter(p => !parcPrevIds.includes(p.id)) - const selectedParc = parcellations.find(p => p.id.includes("290")) || latestParcs[0] || parcellations[0] + const prefParc = parcellations.filter(p => prefParcId.includes(p.id)).sort((a, b) => prefParcId.indexOf(a.id) - prefParcId.indexOf(b.id)) + const selectedParc = prefParc[0] || latestParcs[0] || parcellations[0] return { parcellation: selectedParc, atlas diff --git a/src/util/constants.ts b/src/util/constants.ts index 7879151a46014b4576f159e55d118cce75aa748c..0d59813ab8108fca1a349f86045c5f70930dd58e 100644 --- a/src/util/constants.ts +++ b/src/util/constants.ts @@ -111,12 +111,6 @@ export const PMAP_DEFAULT_CONFIG = { removeBg: true } -export const compareLandmarksChanged: (prevLandmarks: any[], newLandmarks: any[]) => boolean = (prevLandmarks: any[], newLandmarks: any[]) => { - return prevLandmarks.every(lm => typeof lm.name !== 'undefined') && - newLandmarks.every(lm => typeof lm.name !== 'undefined') && - prevLandmarks.length === newLandmarks.length -} - export const CYCLE_PANEL_MESSAGE = `[spacebar] to cycle through views` export const UNSUPPORTED_PREVIEW = [{ @@ -131,3 +125,18 @@ export const UNSUPPORTED_PREVIEW = [{ }] export const UNSUPPORTED_INTERVAL = 7000 + +/** + * atlas should follow the following order + */ +export const speciesOrder = [ + "Homo sapiens", + "Macaca fascicularis", + "Rattus norvegicus", + "Mus musculus" +] + +export const parcBanList: string[] = [ + "https://identifiers.org/neurovault.image:23262", + "https://doi.org/10.1016/j.jneumeth.2020.108983/mni152", +] diff --git a/src/viewerModule/nehuba/config.service/util.ts b/src/viewerModule/nehuba/config.service/util.ts index 078bad8ba3872d451ad802641475d610343f0495..25b90e91c853bfc0977013ca4af1f3ef3a24150b 100644 --- a/src/viewerModule/nehuba/config.service/util.ts +++ b/src/viewerModule/nehuba/config.service/util.ts @@ -174,6 +174,10 @@ export function getParcNgId(atlas: SxplrAtlas, tmpl: SxplrTemplate, parc: SxplrP : null } + if (parc.id === IDS.PARCELLATION.JBA30) { + return `_${MultiDimMap.GetKey(atlas.id, tmpl.id, parc.id, "whole brain")}` + } + if (!laterality) { return null } @@ -265,6 +269,14 @@ export const spaceMiscInfoMap = new Map([ name: 'icbm2009c', scale: 1, }], + [IDS.TEMPLATES.MNI152, { + name: 'icbm2009c', + scale: 1, + }], + [IDS.TEMPLATES.MEBRAINS, { + name: 'mebrains', + scale: 0.5 + }], ['minds/core/referencespace/v1.0.0/7f39f7be-445b-47c0-9791-e971c0b6d992', { name: 'colin27', scale: 1, diff --git a/src/viewerModule/nehuba/ngLayerCtlModule/ngLayerCtl/ngLayerCtrl.component.ts b/src/viewerModule/nehuba/ngLayerCtlModule/ngLayerCtl/ngLayerCtrl.component.ts index c39f0955038506f38623f7eafb07e09f578189f9..0b553f586b42b8b91a2624448a499df2c3e57680 100644 --- a/src/viewerModule/nehuba/ngLayerCtlModule/ngLayerCtl/ngLayerCtrl.component.ts +++ b/src/viewerModule/nehuba/ngLayerCtlModule/ngLayerCtl/ngLayerCtrl.component.ts @@ -33,10 +33,12 @@ export class NgLayerCtrlCmp implements OnChanges, OnDestroy{ private onDestroyCb: (() => void)[] = [] private removeLayer: () => void - public showOpacityCtrl = false public hideNgTuneCtrl = 'lower_threshold,higher_threshold,brightness,contrast,colormap,hide-threshold-checkbox' public defaultOpacity = 1 + @Input('ng-layer-ctrl-show') + public showOpacityCtrl = false + @Input('ng-layer-ctl-name') name: string diff --git a/src/viewerModule/nehuba/viewerCtrl/perspectiveViewSlider/perspectiveViewSlider.component.ts b/src/viewerModule/nehuba/viewerCtrl/perspectiveViewSlider/perspectiveViewSlider.component.ts index 0b5f101176ccd5cb79c046ec09c0a596ee8830e3..67706f44a39f0b2600e75574dcfe8e25f41a18ac 100644 --- a/src/viewerModule/nehuba/viewerCtrl/perspectiveViewSlider/perspectiveViewSlider.component.ts +++ b/src/viewerModule/nehuba/viewerCtrl/perspectiveViewSlider/perspectiveViewSlider.component.ts @@ -55,7 +55,7 @@ export class PerspectiveViewSlider implements OnDestroy { private selectedTemplate$ = this.store$.pipe( select(selectedTemplate), - distinctUntilChanged((o, n) => o?.["@id"] === n?.["@id"]), + distinctUntilChanged((o, n) => o?.id === n?.id), ) private subscriptions: Subscription[] = [] private maximisedPanelIndex$ = combineLatest([ diff --git a/src/viewerModule/viewerCmp/viewerCmp.template.html b/src/viewerModule/viewerCmp/viewerCmp.template.html index 1d15fc8f4f9ea9724719939cdd54d7ba4d56135c..48572be291d266881648f4e5b00d543a15fb27e6 100644 --- a/src/viewerModule/viewerCmp/viewerCmp.template.html +++ b/src/viewerModule/viewerCmp/viewerCmp.template.html @@ -400,7 +400,7 @@ #sapiViewsCoreRegion="sapiViewsCoreRegion"> <ng-template sxplrSmartChipContent> <span class="regionname"> - Region + {{ region.name }} </span> <button class="sxplr-mr-n3" mat-icon-button