@c8y/ngx-components 1024.8.3 → 1024.10.1

package/fesm2022/c8y-ngx-components-dashboard-manager-devicemanagement.mjs

@@ -74,7 +74,8 @@ const dashboardManagerFeatureProvider = [
         {
             path: `${DM_DASHBOARD_MANAGER_PATH}/type-dashboards`,
             component: TypeDashboardsListComponent,
-            canActivate: [canActivateDashboardManager]
+            canActivate: [canActivateDashboardManager],
+            data: { strictAppFilter: true }
         }
     ]),
     hookNavigator(DashboardManagerNavigationFactory),

package/fesm2022/c8y-ngx-components-dashboard-manager-devicemanagement.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"c8y-ngx-components-dashboard-manager-devicemanagement.mjs","sources":["../../dashboard-manager/devicemanagement/dashboard-manager-navigation.factory.ts","../../dashboard-manager/devicemanagement/dashboard-manager-tabs.factory.ts","../../dashboard-manager/devicemanagement/index.ts","../../dashboard-manager/devicemanagement/c8y-ngx-components-dashboard-manager-devicemanagement.ts"],"sourcesContent":["import { inject, Injectable } from '@angular/core';\nimport { NavigatorNode, NavigatorNodeFactory, PreviewService } from '@c8y/ngx-components';\nimport { gettext } from '@c8y/ngx-components/gettext';\nimport { map, Observable } from 'rxjs';\nimport { DM_DASHBOARD_MANAGER_PATH, DM_DASHBOARD_MANAGER_PREVIEW_KEY } from './index';\n\n@Injectable()\nexport class DashboardManagerNavigationFactory implements NavigatorNodeFactory {\n  private readonly previewFeatureService = inject(PreviewService);\n\n  get(): Observable<NavigatorNode[]> {\n    return this.previewFeatureService.getState$(DM_DASHBOARD_MANAGER_PREVIEW_KEY).pipe(\n      map(state => {\n        if (state) {\n          return [\n            new NavigatorNode({\n              parent: gettext('Management'),\n              path: DM_DASHBOARD_MANAGER_PATH,\n              label: gettext('Dashboard manager'),\n              icon: 'management1',\n              routerLinkExact: false,\n              preventDuplicates: true,\n              featureId: 'dashboardManager'\n            })\n          ];\n        }\n        return [];\n      })\n    );\n  }\n}\n","import { Injectable } from '@angular/core';\nimport { Router } from '@angular/router';\nimport { Tab, TabFactory } from '@c8y/ngx-components';\nimport { gettext } from '@c8y/ngx-components/gettext';\n\n@Injectable()\nexport class DashboardManagerTabsFactory implements TabFactory {\n  constructor(public router: Router) {}\n\n  get() {\n    const tabs: Tab[] = [];\n\n    if (this.router.url.match(/\\/dashboard-manager/g)) {\n      tabs.push({\n        path: 'dashboard-manager/type-dashboards',\n        priority: 1000,\n        label: gettext('Type dashboards')\n      } as Tab);\n    }\n\n    return tabs;\n  }\n}\n","import { inject } from '@angular/core';\nimport {\n  hookNavigator,\n  hookPreview,\n  hookRoute,\n  hookTab,\n  PreviewService\n} from '@c8y/ngx-components';\nimport { TypeDashboardsListComponent } from '@c8y/ngx-components/dashboard-manager';\nimport { first, Observable } from 'rxjs';\nimport { DashboardManagerNavigationFactory } from './dashboard-manager-navigation.factory';\nimport { DashboardManagerTabsFactory } from './dashboard-manager-tabs.factory';\n\nexport const DM_DASHBOARD_MANAGER_PREVIEW_KEY = 'ui.dm-dashboard-manager';\nexport const DM_DASHBOARD_MANAGER_PATH = 'dashboard-manager';\n\nexport function canActivateDashboardManager(): Observable<boolean> {\n  const previewFeatureService = inject(PreviewService);\n  return previewFeatureService.getState$(DM_DASHBOARD_MANAGER_PREVIEW_KEY).pipe(first());\n}\n\nexport const dashboardManagerFeatureProvider = [\n  hookTab(DashboardManagerTabsFactory),\n  hookRoute([\n    {\n      path: DM_DASHBOARD_MANAGER_PATH,\n      redirectTo: `${DM_DASHBOARD_MANAGER_PATH}/type-dashboards`,\n      pathMatch: 'full'\n    },\n    {\n      path: `${DM_DASHBOARD_MANAGER_PATH}/type-dashboards`,\n      component: TypeDashboardsListComponent,\n      canActivate: [canActivateDashboardManager]\n    }\n  ]),\n  hookNavigator(DashboardManagerNavigationFactory),\n  hookPreview({\n    key: DM_DASHBOARD_MANAGER_PREVIEW_KEY,\n    label: 'Dashboard manager',\n    description: () =>\n      import('@c8y/style/markdown-files/dm-dashboard-manager-preview.md').then(m => m.default),\n    settings: { reload: true }\n  })\n];\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"c8y-ngx-components-dashboard-manager-devicemanagement.mjs","sources":["../../dashboard-manager/devicemanagement/dashboard-manager-navigation.factory.ts","../../dashboard-manager/devicemanagement/dashboard-manager-tabs.factory.ts","../../dashboard-manager/devicemanagement/index.ts","../../dashboard-manager/devicemanagement/c8y-ngx-components-dashboard-manager-devicemanagement.ts"],"sourcesContent":["import { inject, Injectable } from '@angular/core';\nimport { NavigatorNode, NavigatorNodeFactory, PreviewService } from '@c8y/ngx-components';\nimport { gettext } from '@c8y/ngx-components/gettext';\nimport { map, Observable } from 'rxjs';\nimport { DM_DASHBOARD_MANAGER_PATH, DM_DASHBOARD_MANAGER_PREVIEW_KEY } from './index';\n\n@Injectable()\nexport class DashboardManagerNavigationFactory implements NavigatorNodeFactory {\n  private readonly previewFeatureService = inject(PreviewService);\n\n  get(): Observable<NavigatorNode[]> {\n    return this.previewFeatureService.getState$(DM_DASHBOARD_MANAGER_PREVIEW_KEY).pipe(\n      map(state => {\n        if (state) {\n          return [\n            new NavigatorNode({\n              parent: gettext('Management'),\n              path: DM_DASHBOARD_MANAGER_PATH,\n              label: gettext('Dashboard manager'),\n              icon: 'management1',\n              routerLinkExact: false,\n              preventDuplicates: true,\n              featureId: 'dashboardManager'\n            })\n          ];\n        }\n        return [];\n      })\n    );\n  }\n}\n","import { Injectable } from '@angular/core';\nimport { Router } from '@angular/router';\nimport { Tab, TabFactory } from '@c8y/ngx-components';\nimport { gettext } from '@c8y/ngx-components/gettext';\n\n@Injectable()\nexport class DashboardManagerTabsFactory implements TabFactory {\n  constructor(public router: Router) {}\n\n  get() {\n    const tabs: Tab[] = [];\n\n    if (this.router.url.match(/\\/dashboard-manager/g)) {\n      tabs.push({\n        path: 'dashboard-manager/type-dashboards',\n        priority: 1000,\n        label: gettext('Type dashboards')\n      } as Tab);\n    }\n\n    return tabs;\n  }\n}\n","import { inject } from '@angular/core';\nimport {\n  hookNavigator,\n  hookPreview,\n  hookRoute,\n  hookTab,\n  PreviewService\n} from '@c8y/ngx-components';\nimport { TypeDashboardsListComponent } from '@c8y/ngx-components/dashboard-manager';\nimport { first, Observable } from 'rxjs';\nimport { DashboardManagerNavigationFactory } from './dashboard-manager-navigation.factory';\nimport { DashboardManagerTabsFactory } from './dashboard-manager-tabs.factory';\n\nexport const DM_DASHBOARD_MANAGER_PREVIEW_KEY = 'ui.dm-dashboard-manager';\nexport const DM_DASHBOARD_MANAGER_PATH = 'dashboard-manager';\n\nexport function canActivateDashboardManager(): Observable<boolean> {\n  const previewFeatureService = inject(PreviewService);\n  return previewFeatureService.getState$(DM_DASHBOARD_MANAGER_PREVIEW_KEY).pipe(first());\n}\n\nexport const dashboardManagerFeatureProvider = [\n  hookTab(DashboardManagerTabsFactory),\n  hookRoute([\n    {\n      path: DM_DASHBOARD_MANAGER_PATH,\n      redirectTo: `${DM_DASHBOARD_MANAGER_PATH}/type-dashboards`,\n      pathMatch: 'full'\n    },\n    {\n      path: `${DM_DASHBOARD_MANAGER_PATH}/type-dashboards`,\n      component: TypeDashboardsListComponent,\n      canActivate: [canActivateDashboardManager],\n      data: { strictAppFilter: true }\n    }\n  ]),\n  hookNavigator(DashboardManagerNavigationFactory),\n  hookPreview({\n    key: DM_DASHBOARD_MANAGER_PREVIEW_KEY,\n    label: 'Dashboard manager',\n    description: () =>\n      import('@c8y/style/markdown-files/dm-dashboard-manager-preview.md').then(m => m.default),\n    settings: { reload: true }\n  })\n];\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/c8y-ngx-components-dashboard-manager.mjs

@@ -1,17 +1,26 @@
 import * as i0 from '@angular/core';
-import { Injectable, EventEmitter, Output, Input, Component, HostListener, NgModule } from '@angular/core';
-import * as i2 from '@c8y/ngx-components';
-import { DataGridService, alertOnError, DataGridComponent, EmptyStateComponent, C8yTranslatePipe, ModalComponent, BaseColumn, getBasicInputArrayFormFieldConfig, Status, BuiltInActionType, TitleComponent, ExpandableRowDirective, ColumnDirective, CellRendererDefDirective, IconDirective, CoreModule, ModalModule, hookTab, hookRoute, hookNavigator, NavigatorNode } from '@c8y/ngx-components';
-import * as i3 from '@c8y/ngx-components/context-dashboard';
-import { TypeDashboardInfoComponent, ContextDashboardModule } from '@c8y/ngx-components/context-dashboard';
+import { Injectable, signal, ChangeDetectionStrategy, Component, computed, EventEmitter, Output, Input, HostListener, inject, NgModule } from '@angular/core';
+import * as i3 from '@c8y/ngx-components';
+import { ModalComponent, FormGroupComponent, IconDirective, C8yTranslatePipe, FilterInputComponent, ListGroupComponent, ListItemComponent, ListItemCheckboxComponent, ListItemIconComponent, AppIconComponent, EmptyStateComponent, HumanizeAppNamePipe, DataGridService, alertOnError, DataGridComponent, BaseColumn, getBasicInputArrayFormFieldConfig, Status, BuiltInActionType, TitleComponent, ExpandableRowDirective, ColumnDirective, CellRendererDefDirective, ActionBarItemComponent, CoreModule, ModalModule, hookTab, hookRoute, hookNavigator, NavigatorNode } from '@c8y/ngx-components';
+import { ApplicationSelectComponent } from '@c8y/ngx-components/application-select';
+import * as i3$1 from '@c8y/ngx-components/context-dashboard';
+import { APPLIED_TO_APPLICATIONS_FRAGMENT, applyEntitySharing, getSharedApplicationKeys, TypeDashboardInfoComponent, ContextDashboardModule } from '@c8y/ngx-components/context-dashboard';
 import { NameDeviceGridColumn, TypeDeviceGridColumn, GroupDeviceGridColumn, RegistrationDateDeviceGridColumn, DeviceGridModule } from '@c8y/ngx-components/device-grid';
 import { gettext } from '@c8y/ngx-components/gettext';
+import * as i5 from 'ngx-bootstrap/tooltip';
 import { TooltipModule } from 'ngx-bootstrap/tooltip';
 import * as i1 from '@angular/router';
-import * as i1$1 from '@c8y/client';
+import { ActivatedRoute } from '@angular/router';
+import * as i4 from '@angular/forms';
+import { FormsModule } from '@angular/forms';
+import * as i2 from '@c8y/client';
 import { QueriesUtil } from '@c8y/client';
-import * as i1$2 from 'ngx-bootstrap/modal';
-import * as i3$1 from '@ngx-translate/core';
+import * as i1$1 from 'ngx-bootstrap/modal';
+import { AsyncPipe } from '@angular/common';
+import * as i4$1 from '@c8y/ngx-components/ecosystem/shared';
+import { uniqBy } from 'lodash-es';
+import { firstValueFrom } from 'rxjs';
+import * as i3$2 from '@ngx-translate/core';
 
 const DASHBOARD_MANAGER_PRODUCT_EXPERIENCE = {
     EVENTS: {
@@ -24,7 +33,8 @@ const DASHBOARD_MANAGER_PRODUCT_EXPERIENCE = {
     ACTIONS: {
         DELETE_TYPE_DASHBOARD: 'deleteTypeDashboard',
         EDIT_TYPE_DASHBOARD: 'editTypeDashboard',
-        OPEN_DASHBOARD_INSTANCE_TO_EDIT: 'openDashboardInstanceToEdit'
+        OPEN_DASHBOARD_INSTANCE_TO_EDIT: 'openDashboardInstanceToEdit',
+        MANAGE_VISIBILITY: 'manageDashboardVisibility'
     }
 };
 
@@ -50,6 +60,138 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImpo
             type: Injectable
         }], ctorParameters: () => [{ type: i1.Router }] });
 
+class DashboardVisibilityModalComponent {
+    get currentAppKey() {
+        return this.appStateService.currentApplication.value?.key ?? '';
+    }
+    constructor(bsModalRef, inventory, appStateService, alertService) {
+        this.bsModalRef = bsModalRef;
+        this.inventory = inventory;
+        this.appStateService = appStateService;
+        this.alertService = alertService;
+        this.labels = { ok: gettext('Save'), cancel: gettext('Cancel') };
+        this.isSaving = signal(false, ...(ngDevMode ? [{ debugName: "isSaving" }] : /* istanbul ignore next */ []));
+        this.selectedAppKeys = [];
+    }
+    ngOnInit() {
+        this.selectedAppKeys = this.dashboard?.[APPLIED_TO_APPLICATIONS_FRAGMENT] ?? [];
+    }
+    async save() {
+        this.isSaving.set(true);
+        try {
+            const appKeys = [...new Set([this.currentAppKey, ...this.selectedAppKeys])].filter(Boolean);
+            await this.inventory.update({
+                id: this.dashboard.id,
+                [APPLIED_TO_APPLICATIONS_FRAGMENT]: appKeys
+            });
+            this.onSaved?.();
+            this.bsModalRef.hide();
+        }
+        catch {
+            this.alertService.danger(gettext('Failed to update dashboard visibility.'));
+        }
+        finally {
+            this.isSaving.set(false);
+        }
+    }
+    dismiss() {
+        this.bsModalRef.hide();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: DashboardVisibilityModalComponent, deps: [{ token: i1$1.BsModalRef }, { token: i2.InventoryService }, { token: i3.AppStateService }, { token: i3.AlertService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.17", type: DashboardVisibilityModalComponent, isStandalone: true, selector: "c8y-dashboard-visibility-modal", ngImport: i0, template: "<c8y-modal\n  title=\"{{ 'Manage dashboard visibility' | translate }}\"\n  [headerClasses]=\"'dialog-header'\"\n  [labels]=\"labels\"\n  [disabled]=\"isSaving()\"\n  (onClose)=\"save()\"\n  (onDismiss)=\"dismiss()\"\n>\n  <ng-container c8y-modal-title>\n    <i\n      c8yIcon=\"share\"\n      aria-hidden=\"true\"\n    ></i>\n  </ng-container>\n  <div class=\"p-24\">\n    <c8y-form-group>\n      @let description =\n        'Select the applications in which \"{{name}}\" should be visible.'\n          | translate: { name: dashboard.name };\n      <p class=\"text-muted m-b-8\">{{ description }}</p>\n      <c8y-application-select [(ngModel)]=\"selectedAppKeys\"></c8y-application-select>\n    </c8y-form-group>\n  </div>\n</c8y-modal>\n", dependencies: [{ kind: "component", type: ModalComponent, selector: "c8y-modal", inputs: ["disabled", "close", "dismiss", "title", "body", "customFooter", "headerClasses", "labels"], outputs: ["onDismiss", "onClose"] }, { kind: "component", type: ApplicationSelectComponent, selector: "c8y-application-select" }, { kind: "component", type: FormGroupComponent, selector: "c8y-form-group", inputs: ["hasError", "hasWarning", "hasSuccess", "novalidation", "status"] }, { kind: "directive", type: IconDirective, selector: "[c8yIcon]", inputs: ["c8yIcon"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "pipe", type: C8yTranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: DashboardVisibilityModalComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'c8y-dashboard-visibility-modal', changeDetection: ChangeDetectionStrategy.OnPush, imports: [
+                        ModalComponent,
+                        ApplicationSelectComponent,
+                        FormGroupComponent,
+                        IconDirective,
+                        FormsModule,
+                        C8yTranslatePipe
+                    ], template: "<c8y-modal\n  title=\"{{ 'Manage dashboard visibility' | translate }}\"\n  [headerClasses]=\"'dialog-header'\"\n  [labels]=\"labels\"\n  [disabled]=\"isSaving()\"\n  (onClose)=\"save()\"\n  (onDismiss)=\"dismiss()\"\n>\n  <ng-container c8y-modal-title>\n    <i\n      c8yIcon=\"share\"\n      aria-hidden=\"true\"\n    ></i>\n  </ng-container>\n  <div class=\"p-24\">\n    <c8y-form-group>\n      @let description =\n        'Select the applications in which \"{{name}}\" should be visible.'\n          | translate: { name: dashboard.name };\n      <p class=\"text-muted m-b-8\">{{ description }}</p>\n      <c8y-application-select [(ngModel)]=\"selectedAppKeys\"></c8y-application-select>\n    </c8y-form-group>\n  </div>\n</c8y-modal>\n" }]
+        }], ctorParameters: () => [{ type: i1$1.BsModalRef }, { type: i2.InventoryService }, { type: i3.AppStateService }, { type: i3.AlertService }] });
+
+class DataSharingModalComponent {
+    constructor(bsModalRef, applicationService, alertService, appStateService, ecosystemService) {
+        this.bsModalRef = bsModalRef;
+        this.applicationService = applicationService;
+        this.alertService = alertService;
+        this.appStateService = appStateService;
+        this.ecosystemService = ecosystemService;
+        this.initialKeys = [];
+        this.isSaving = signal(false, ...(ngDevMode ? [{ debugName: "isSaving" }] : /* istanbul ignore next */ []));
+        this.availableApps = signal([], ...(ngDevMode ? [{ debugName: "availableApps" }] : /* istanbul ignore next */ []));
+        this.selectedKeys = signal([], ...(ngDevMode ? [{ debugName: "selectedKeys" }] : /* istanbul ignore next */ []));
+        this.filterTerm = signal('', ...(ngDevMode ? [{ debugName: "filterTerm" }] : /* istanbul ignore next */ []));
+        this.filteredApps = computed(() => {
+            const term = this.filterTerm().toLowerCase();
+            return !term
+                ? this.availableApps()
+                : this.availableApps().filter(app => app.name?.toLowerCase().includes(term) || app.key?.toLowerCase().includes(term));
+        }, ...(ngDevMode ? [{ debugName: "filteredApps" }] : /* istanbul ignore next */ []));
+    }
+    async ngOnInit() {
+        const currentAppKey = this.appStateService.currentApplication.value?.key;
+        const apps = await this.ecosystemService.getWebApplications();
+        this.availableApps.set(
+        // Only show apps that include the Dashboard Manager module. Data sharing
+        // currently only affects type dashboards, so sharing with an app that has
+        // no Dashboard Manager would have no visible effect. Remove this check if
+        // data sharing is extended to cover other cross-app features.
+        uniqBy(apps, 'key').filter(app => app.key && app.key !== currentAppKey && this.hasDashboardManager(app)));
+        this.selectedKeys.set([...this.initialKeys]);
+    }
+    toggleSelection(selected, app) {
+        this.selectedKeys.update(keys => selected ? [...keys, app.key] : keys.filter(k => k !== app.key));
+    }
+    async save() {
+        this.isSaving.set(true);
+        try {
+            const currentSharing = this.appStateService.currentApplication.value?.dataSharing;
+            const dataSharing = applyEntitySharing(currentSharing, 'dashboard', this.selectedKeys());
+            const { data: updatedApp } = await this.applicationService.update({
+                id: this.appId,
+                dataSharing
+            });
+            this.appStateService.currentApplication.next(updatedApp);
+            this.onSaved?.();
+            this.alertService.success(gettext('Data sharing settings saved.'));
+            this.bsModalRef.hide();
+        }
+        catch (ex) {
+            this.alertService.addServerFailure(ex);
+        }
+        finally {
+            this.isSaving.set(false);
+        }
+    }
+    dismiss() {
+        this.bsModalRef.hide();
+    }
+    hasDashboardManager(app) {
+        return (app.manifest?.exports ?? []).some(exp => exp.module === 'DashboardManagerModule' || exp.module === 'dashboardManagerFeatureProvider');
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: DataSharingModalComponent, deps: [{ token: i1$1.BsModalRef }, { token: i2.ApplicationService }, { token: i3.AlertService }, { token: i3.AppStateService }, { token: i4$1.EcosystemService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", type: DataSharingModalComponent, isStandalone: true, selector: "c8y-data-sharing-modal", ngImport: i0, template: "<div class=\"viewport-modal\">\n  <div class=\"modal-header dialog-header\">\n    <i\n      c8yIcon=\"share\"\n      aria-hidden=\"true\"\n    ></i>\n    <div\n      class=\"modal-title h4\"\n      id=\"modal-title\"\n    >\n      {{ 'Data sharing' | translate }}\n    </div>\n  </div>\n\n  <div\n    class=\"inner-scroll\"\n    id=\"modal-body\"\n  >\n    <div class=\"p-16 separator-bottom sticky-top bg-component\">\n      @let description =\n        'Select applications whose dashboards should also be visible in \"{{name}}\".'\n          | translate: { name: appName };\n      <p class=\"text-muted m-b-8\">{{ description }}</p>\n      <c8y-filter (onSearch)=\"filterTerm.set($event)\"></c8y-filter>\n    </div>\n\n    @if (filteredApps().length) {\n      <c8y-list-group>\n        @for (app of filteredApps(); track app.id) {\n          <c8y-li>\n            <c8y-li-checkbox\n              [selected]=\"selectedKeys().includes(app.key)\"\n              (onSelect)=\"toggleSelection($event, app)\"\n            ></c8y-li-checkbox>\n            <c8y-li-icon class=\"p-l-0 icon-32\">\n              <c8y-app-icon\n                class=\"list-group-icon\"\n                [app]=\"app\"\n                [contextPath]=\"app.contextPath\"\n                [name]=\"app.name\"\n              ></c8y-app-icon>\n            </c8y-li-icon>\n            <div>\n              <p class=\"text-medium\">{{ app | humanizeAppName | async }}</p>\n              @if (app.description) {\n                <p class=\"small text-muted\">{{ app.description }}</p>\n              }\n            </div>\n          </c8y-li>\n        }\n      </c8y-list-group>\n    } @else {\n      <c8y-ui-empty-state\n        [icon]=\"'c8y-modules'\"\n        [title]=\"'No applications available.' | translate\"\n        [horizontal]=\"true\"\n      ></c8y-ui-empty-state>\n    }\n  </div>\n\n  <div class=\"modal-footer\">\n    <button\n      class=\"btn btn-default\"\n      title=\"{{ 'Cancel' | translate }}\"\n      type=\"button\"\n      (click)=\"dismiss()\"\n    >\n      {{ 'Cancel' | translate }}\n    </button>\n    <button\n      class=\"btn btn-primary\"\n      title=\"{{ 'Save' | translate }}\"\n      type=\"button\"\n      [disabled]=\"isSaving()\"\n      (click)=\"save()\"\n    >\n      {{ 'Save' | translate }}\n    </button>\n  </div>\n</div>\n", dependencies: [{ kind: "directive", type: IconDirective, selector: "[c8yIcon]", inputs: ["c8yIcon"] }, { kind: "component", type: FilterInputComponent, selector: "c8y-filter", inputs: ["icon", "filterTerm"], outputs: ["onSearch"] }, { kind: "component", type: ListGroupComponent, selector: "c8y-list-group" }, { kind: "component", type: ListItemComponent, selector: "c8y-list-item, c8y-li", inputs: ["active", "highlighted", "emptyActions", "dense", "collapsed", "selectable"], outputs: ["collapsedChange"] }, { kind: "component", type: ListItemCheckboxComponent, selector: "c8y-list-item-checkbox, c8y-li-checkbox", inputs: ["selected", "indeterminate", "disabled", "displayAsSwitch"], outputs: ["onSelect"] }, { kind: "component", type: ListItemIconComponent, selector: "c8y-list-item-icon, c8y-li-icon", inputs: ["icon", "status"] }, { kind: "component", type: AppIconComponent, selector: "c8y-app-icon", inputs: ["contextPath", "name", "app"] }, { kind: "component", type: EmptyStateComponent, selector: "c8y-ui-empty-state", inputs: ["icon", "title", "subtitle", "horizontal"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: C8yTranslatePipe, name: "translate" }, { kind: "pipe", type: HumanizeAppNamePipe, name: "humanizeAppName" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: DataSharingModalComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'c8y-data-sharing-modal', changeDetection: ChangeDetectionStrategy.OnPush, imports: [
+                        AsyncPipe,
+                        C8yTranslatePipe,
+                        IconDirective,
+                        FilterInputComponent,
+                        ListGroupComponent,
+                        ListItemComponent,
+                        ListItemCheckboxComponent,
+                        ListItemIconComponent,
+                        AppIconComponent,
+                        HumanizeAppNamePipe,
+                        EmptyStateComponent
+                    ], template: "<div class=\"viewport-modal\">\n  <div class=\"modal-header dialog-header\">\n    <i\n      c8yIcon=\"share\"\n      aria-hidden=\"true\"\n    ></i>\n    <div\n      class=\"modal-title h4\"\n      id=\"modal-title\"\n    >\n      {{ 'Data sharing' | translate }}\n    </div>\n  </div>\n\n  <div\n    class=\"inner-scroll\"\n    id=\"modal-body\"\n  >\n    <div class=\"p-16 separator-bottom sticky-top bg-component\">\n      @let description =\n        'Select applications whose dashboards should also be visible in \"{{name}}\".'\n          | translate: { name: appName };\n      <p class=\"text-muted m-b-8\">{{ description }}</p>\n      <c8y-filter (onSearch)=\"filterTerm.set($event)\"></c8y-filter>\n    </div>\n\n    @if (filteredApps().length) {\n      <c8y-list-group>\n        @for (app of filteredApps(); track app.id) {\n          <c8y-li>\n            <c8y-li-checkbox\n              [selected]=\"selectedKeys().includes(app.key)\"\n              (onSelect)=\"toggleSelection($event, app)\"\n            ></c8y-li-checkbox>\n            <c8y-li-icon class=\"p-l-0 icon-32\">\n              <c8y-app-icon\n                class=\"list-group-icon\"\n                [app]=\"app\"\n                [contextPath]=\"app.contextPath\"\n                [name]=\"app.name\"\n              ></c8y-app-icon>\n            </c8y-li-icon>\n            <div>\n              <p class=\"text-medium\">{{ app | humanizeAppName | async }}</p>\n              @if (app.description) {\n                <p class=\"small text-muted\">{{ app.description }}</p>\n              }\n            </div>\n          </c8y-li>\n        }\n      </c8y-list-group>\n    } @else {\n      <c8y-ui-empty-state\n        [icon]=\"'c8y-modules'\"\n        [title]=\"'No applications available.' | translate\"\n        [horizontal]=\"true\"\n      ></c8y-ui-empty-state>\n    }\n  </div>\n\n  <div class=\"modal-footer\">\n    <button\n      class=\"btn btn-default\"\n      title=\"{{ 'Cancel' | translate }}\"\n      type=\"button\"\n      (click)=\"dismiss()\"\n    >\n      {{ 'Cancel' | translate }}\n    </button>\n    <button\n      class=\"btn btn-primary\"\n      title=\"{{ 'Save' | translate }}\"\n      type=\"button\"\n      [disabled]=\"isSaving()\"\n      (click)=\"save()\"\n    >\n      {{ 'Save' | translate }}\n    </button>\n  </div>\n</div>\n" }]
+        }], ctorParameters: () => [{ type: i1$1.BsModalRef }, { type: i2.ApplicationService }, { type: i3.AlertService }, { type: i3.AppStateService }, { type: i4$1.EcosystemService }] });
+
 class BasicNameDeviceGridColumn extends NameDeviceGridColumn {
     constructor(initialColumnConfig) {
         super(initialColumnConfig);
@@ -116,7 +258,7 @@ class TypeDashboardAssetsGridService extends DataGridService {
         fullQuery = this.queriesUtil.addAndFilter(fullQuery, query);
         return this.queriesUtil.buildQuery(fullQuery);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: TypeDashboardAssetsGridService, deps: [{ token: i1$1.InventoryService }, { token: i2.UserPreferencesService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: TypeDashboardAssetsGridService, deps: [{ token: i2.InventoryService }, { token: i3.UserPreferencesService }], target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: TypeDashboardAssetsGridService, providedIn: 'root' }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: TypeDashboardAssetsGridService, decorators: [{
@@ -124,7 +266,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImpo
             args: [{
                     providedIn: 'root'
                 }]
-        }], ctorParameters: () => [{ type: i1$1.InventoryService }, { type: i2.UserPreferencesService }] });
+        }], ctorParameters: () => [{ type: i2.InventoryService }, { type: i3.UserPreferencesService }] });
 
 class TypeDashboardTargetAssetsGridComponent {
     constructor(router, assetsGridService, contextDashboardService, gainsightService) {
@@ -180,13 +322,13 @@ class TypeDashboardTargetAssetsGridComponent {
             action: DASHBOARD_MANAGER_PRODUCT_EXPERIENCE.ACTIONS.OPEN_DASHBOARD_INSTANCE_TO_EDIT
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: TypeDashboardTargetAssetsGridComponent, deps: [{ token: i1.Router }, { token: TypeDashboardAssetsGridService }, { token: i3.ContextDashboardService }, { token: i2.GainsightService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: TypeDashboardTargetAssetsGridComponent, deps: [{ token: i1.Router }, { token: TypeDashboardAssetsGridService }, { token: i3$1.ContextDashboardService }, { token: i3.GainsightService }], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.17", type: TypeDashboardTargetAssetsGridComponent, isStandalone: true, selector: "c8y-type-dashboard-target-assets-grid", inputs: { dashboard: "dashboard" }, outputs: { onNavigateToAsset: "onNavigateToAsset" }, ngImport: i0, template: "<c8y-data-grid\n  [title]=\"''\"\n  [loadMoreItemsLabel]=\"loadMoreItemsLabel\"\n  [loadingItemsLabel]=\"loadingItemsLabel\"\n  [columns]=\"columns\"\n  [pagination]=\"pagination\"\n  [infiniteScroll]=\"'auto'\"\n  [actionControls]=\"actionControls\"\n  [serverSideDataCallback]=\"serverSideDataCallback\"\n  [showSearch]=\"true\"\n>\n  <c8y-ui-empty-state\n    [icon]=\"'search'\"\n    [title]=\"'No results to display.' | translate\"\n    [subtitle]=\"'Refine your search terms.' | translate\"\n    [horizontal]=\"true\"\n  ></c8y-ui-empty-state>\n</c8y-data-grid>\n", dependencies: [{ kind: "component", type: DataGridComponent, selector: "c8y-data-grid", inputs: ["title", "loadMoreItemsLabel", "loadingItemsLabel", "showSearch", "refresh", "loading", "columns", "rows", "pagination", "childNodePagination", "infiniteScroll", "serverSideDataCallback", "selectable", "singleSelection", "selectionPrimaryKey", "displayOptions", "actionControls", "bulkActionControls", "headerActionControls", "searchText", "configureColumnsEnabled", "showCounterWarning", "activeClassName", "expandableRows", "treeGrid", "hideReload", "childNodesProperty", "parentNodeLabelProperty"], outputs: ["rowMouseOver", "rowMouseLeave", "rowClick", "onConfigChange", "onBeforeFilter", "onBeforeSearch", "onFilter", "itemsSelect", "onReload", "onAddCustomColumn", "onRemoveCustomColumn", "onColumnFilterReset", "onSort", "onPageSizeChange", "onColumnReordered", "onColumnVisibilityChange"] }, { kind: "component", type: EmptyStateComponent, selector: "c8y-ui-empty-state", inputs: ["icon", "title", "subtitle", "horizontal"] }, { kind: "pipe", type: C8yTranslatePipe, name: "translate" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: TypeDashboardTargetAssetsGridComponent, decorators: [{
             type: Component,
             args: [{ selector: 'c8y-type-dashboard-target-assets-grid', imports: [DataGridComponent, EmptyStateComponent, C8yTranslatePipe], template: "<c8y-data-grid\n  [title]=\"''\"\n  [loadMoreItemsLabel]=\"loadMoreItemsLabel\"\n  [loadingItemsLabel]=\"loadingItemsLabel\"\n  [columns]=\"columns\"\n  [pagination]=\"pagination\"\n  [infiniteScroll]=\"'auto'\"\n  [actionControls]=\"actionControls\"\n  [serverSideDataCallback]=\"serverSideDataCallback\"\n  [showSearch]=\"true\"\n>\n  <c8y-ui-empty-state\n    [icon]=\"'search'\"\n    [title]=\"'No results to display.' | translate\"\n    [subtitle]=\"'Refine your search terms.' | translate\"\n    [horizontal]=\"true\"\n  ></c8y-ui-empty-state>\n</c8y-data-grid>\n" }]
-        }], ctorParameters: () => [{ type: i1.Router }, { type: TypeDashboardAssetsGridService }, { type: i3.ContextDashboardService }, { type: i2.GainsightService }], propDecorators: { dashboard: [{
+        }], ctorParameters: () => [{ type: i1.Router }, { type: TypeDashboardAssetsGridService }, { type: i3$1.ContextDashboardService }, { type: i3.GainsightService }], propDecorators: { dashboard: [{
                 type: Input
             }], onNavigateToAsset: [{
                 type: Output
@@ -205,13 +347,13 @@ class TypeDashboardTargetAssetsModalComponent {
     close() {
         this.bsModalRef.hide();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: TypeDashboardTargetAssetsModalComponent, deps: [{ token: i1$2.BsModalRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: TypeDashboardTargetAssetsModalComponent, deps: [{ token: i1$1.BsModalRef }], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.17", type: TypeDashboardTargetAssetsModalComponent, isStandalone: true, selector: "c8y-type-dashboard-target-assets-modal", inputs: { dashboard: "dashboard" }, host: { listeners: { "document:keydown": "handleKeyboardEvent($event)" } }, ngImport: i0, template: "<c8y-modal\n  title=\"{{ 'Select dashboard instance to edit' | translate }}\"\n  (onClose)=\"close()\"\n  (onDismiss)=\"close()\"\n  [labels]=\"labels\"\n  [disabled]=\"true\"\n  [headerClasses]=\"'has-data-grid'\"\n>\n  <c8y-type-dashboard-target-assets-grid\n    [dashboard]=\"dashboard\"\n    (onNavigateToAsset)=\"close()\"\n  ></c8y-type-dashboard-target-assets-grid>\n</c8y-modal>\n", dependencies: [{ kind: "component", type: ModalComponent, selector: "c8y-modal", inputs: ["disabled", "close", "dismiss", "title", "body", "customFooter", "headerClasses", "labels"], outputs: ["onDismiss", "onClose"] }, { kind: "component", type: TypeDashboardTargetAssetsGridComponent, selector: "c8y-type-dashboard-target-assets-grid", inputs: ["dashboard"], outputs: ["onNavigateToAsset"] }, { kind: "pipe", type: C8yTranslatePipe, name: "translate" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: TypeDashboardTargetAssetsModalComponent, decorators: [{
             type: Component,
             args: [{ selector: 'c8y-type-dashboard-target-assets-modal', imports: [ModalComponent, TypeDashboardTargetAssetsGridComponent, C8yTranslatePipe], template: "<c8y-modal\n  title=\"{{ 'Select dashboard instance to edit' | translate }}\"\n  (onClose)=\"close()\"\n  (onDismiss)=\"close()\"\n  [labels]=\"labels\"\n  [disabled]=\"true\"\n  [headerClasses]=\"'has-data-grid'\"\n>\n  <c8y-type-dashboard-target-assets-grid\n    [dashboard]=\"dashboard\"\n    (onNavigateToAsset)=\"close()\"\n  ></c8y-type-dashboard-target-assets-grid>\n</c8y-modal>\n" }]
-        }], ctorParameters: () => [{ type: i1$2.BsModalRef }], propDecorators: { dashboard: [{
+        }], ctorParameters: () => [{ type: i1$1.BsModalRef }], propDecorators: { dashboard: [{
                 type: Input
             }], handleKeyboardEvent: [{
                 type: HostListener,
@@ -309,16 +451,16 @@ class DashboardManagerService extends DataGridService {
             currentPage: 1
         };
     }
-    async getData(columns, pagination, text) {
-        const filters = this.getFilters(columns, pagination, text);
+    async getData(columns, pagination, text, strictAppFilter = false) {
+        const filters = this.getFilters(columns, pagination, text, strictAppFilter);
         return await this.inventory.list(filters);
     }
-    async getTotal() {
+    async getTotal(strictAppFilter = false) {
         const query = this.queriesUtil.buildQuery({
             __filter: {
                 __and: [
                     this.baseTypeDashboardsFilter.__filter,
-                    this.contextDashboardService.appliedToFilter()
+                    this.contextDashboardService.appliedToFilter(strictAppFilter)
                 ]
             }
         });
@@ -345,13 +487,13 @@ class DashboardManagerService extends DataGridService {
             await this.inventory.delete(dashboard);
             onSuccess();
         }
-        catch (ex) {
+        catch {
             // intended empty
         }
     }
-    getFilters(columns, pagination, text) {
+    getFilters(columns, pagination, text, strictAppFilter = false) {
         return {
-            query: this.getQueryString(columns),
+            query: this.getQueryString(columns, strictAppFilter),
             ...(text && { text }),
             pageSize: pagination.pageSize,
             currentPage: pagination.currentPage,
@@ -359,15 +501,15 @@ class DashboardManagerService extends DataGridService {
             withTotalElements: true
         };
     }
-    getQueryString(columns) {
+    getQueryString(columns, strictAppFilter = false) {
         const queryFromColumns = this.getQueryObj(columns);
         const base = this.queriesUtil.addAndFilter(queryFromColumns, this.baseTypeDashboardsFilter);
         const withAppliedTo = this.queriesUtil.addAndFilter(base, {
-            __filter: this.contextDashboardService.appliedToFilter()
+            __filter: this.contextDashboardService.appliedToFilter(strictAppFilter)
         });
         return this.queriesUtil.buildQuery(withAppliedTo);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: DashboardManagerService, deps: [{ token: i1$1.InventoryService }, { token: i2.UserPreferencesService }, { token: i2.ModalService }, { token: i3$1.TranslateService }, { token: i3.ContextDashboardService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: DashboardManagerService, deps: [{ token: i2.InventoryService }, { token: i3.UserPreferencesService }, { token: i3.ModalService }, { token: i3$2.TranslateService }, { token: i3$1.ContextDashboardService }], target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: DashboardManagerService, providedIn: 'root' }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: DashboardManagerService, decorators: [{
@@ -375,13 +517,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImpo
             args: [{
                     providedIn: 'root'
                 }]
-        }], ctorParameters: () => [{ type: i1$1.InventoryService }, { type: i2.UserPreferencesService }, { type: i2.ModalService }, { type: i3$1.TranslateService }, { type: i3.ContextDashboardService }] });
+        }], ctorParameters: () => [{ type: i2.InventoryService }, { type: i3.UserPreferencesService }, { type: i3.ModalService }, { type: i3$2.TranslateService }, { type: i3$1.ContextDashboardService }] });
 
 class TypeDashboardsListComponent {
-    constructor(dashboardManagerService, bsModalService, gainsightService) {
+    constructor(dashboardManagerService, bsModalService, gainsightService, appStateService, ecosystemService) {
         this.dashboardManagerService = dashboardManagerService;
         this.bsModalService = bsModalService;
         this.gainsightService = gainsightService;
+        this.appStateService = appStateService;
+        this.ecosystemService = ecosystemService;
         this.title = gettext('Type dashboards');
         this.loadMoreItemsLabel = gettext('Load more dashboards');
         this.loadingItemsLabel = gettext('Loading dashboards…');
@@ -393,12 +537,33 @@ class TypeDashboardsListComponent {
                 text: gettext('Edit dashboard'),
                 callback: item => this.openTargetAssetsModal(item)
             },
+            {
+                type: 'manageVisibility',
+                icon: 'share',
+                text: gettext('Manage visibility'),
+                showIf: (item) => {
+                    const appliedTo = item[APPLIED_TO_APPLICATIONS_FRAGMENT] || [];
+                    return appliedTo.includes(this.appStateService.currentApplication.value?.key);
+                },
+                callback: item => this.openVisibilityModal(item)
+            },
             {
                 type: BuiltInActionType.Delete,
                 text: gettext('Delete dashboard'),
                 callback: item => this.delete(item)
             }
         ];
+        this.isAppOwner = false;
+        this.dataSharingKeys = [];
+        this.sharingAppsMap = new Map();
+        this.humanizeAppName = inject(HumanizeAppNamePipe);
+        this.route = inject(ActivatedRoute);
+        /**
+         * Set via route `data.strictAppFilter`. When `true`, legacy dashboards with
+         * no `c8y_AppliedToApplications` fragment are excluded from the list instead
+         * of being shown in every app.
+         */
+        this.strictAppFilter = !!this.route.snapshot.data.strictAppFilter;
         this.displayOptions = {
             striped: true,
             bordered: false,
@@ -409,6 +574,57 @@ class TypeDashboardsListComponent {
         this.refresh = new EventEmitter();
         this.serverSideDataCallback = this.onDataSourceModifier.bind(this);
     }
+    async ngOnInit() {
+        await this.loadDataSharing();
+    }
+    async loadDataSharing() {
+        const currentApp = this.appStateService.currentApplication.value;
+        if (!currentApp?.id) {
+            return;
+        }
+        this.isAppOwner = this.appStateService.isOwnerOfApplication(currentApp);
+        this.dataSharingKeys = getSharedApplicationKeys(currentApp.dataSharing, 'dashboard');
+        if (this.dataSharingKeys.length) {
+            const apps = await this.ecosystemService.getWebApplications();
+            const entries = await Promise.all(apps
+                .filter(app => app.key && this.dataSharingKeys.includes(app.key))
+                .map(async (app) => [app.key, await firstValueFrom(this.humanizeAppName.transform(app))]));
+            this.sharingAppsMap = new Map(entries);
+        }
+    }
+    getSourceAppName(dashboard) {
+        const appliedTo = dashboard[APPLIED_TO_APPLICATIONS_FRAGMENT] ?? [];
+        const currentKey = this.appStateService.currentApplication.value?.key;
+        if (!appliedTo.length || appliedTo.includes(currentKey)) {
+            return null;
+        }
+        for (const key of appliedTo) {
+            const name = this.sharingAppsMap.get(key);
+            if (name)
+                return name;
+        }
+        return null;
+    }
+    async openDataSharingModal() {
+        const currentApp = this.appStateService.currentApplication.value;
+        const appName = await firstValueFrom(this.humanizeAppName.transform(currentApp));
+        const initialState = {
+            appId: currentApp.id,
+            appName,
+            initialKeys: this.dataSharingKeys,
+            onSaved: async () => {
+                await this.loadDataSharing();
+                this.refresh.emit();
+            }
+        };
+        this.bsModalService.show(DataSharingModalComponent, {
+            class: 'modal-sm',
+            ariaDescribedby: 'modal-body',
+            ariaLabelledBy: 'modal-title',
+            ignoreBackdropClick: true,
+            initialState
+        });
+    }
     async delete(dashboard) {
         await this.dashboardManagerService.delete(dashboard, () => this.refresh.emit());
     }
@@ -426,13 +642,30 @@ class TypeDashboardsListComponent {
             action: DASHBOARD_MANAGER_PRODUCT_EXPERIENCE.ACTIONS.EDIT_TYPE_DASHBOARD
         });
     }
+    openVisibilityModal(dashboard) {
+        const initialState = {
+            dashboard,
+            onSaved: () => this.refresh.emit()
+        };
+        this.bsModalService.show(DashboardVisibilityModalComponent, {
+            class: 'modal-sm',
+            ariaDescribedby: 'modal-body',
+            ariaLabelledBy: 'modal-title',
+            ignoreBackdropClick: true,
+            initialState
+        });
+        this.gainsightService.triggerEvent(DASHBOARD_MANAGER_PRODUCT_EXPERIENCE.EVENTS.DASHBOARD_TEMPLATE, {
+            component: DASHBOARD_MANAGER_PRODUCT_EXPERIENCE.COMPONENTS.TYPE_DASHBOARDS_LIST,
+            action: DASHBOARD_MANAGER_PRODUCT_EXPERIENCE.ACTIONS.MANAGE_VISIBILITY
+        });
+    }
     trackByName(_index, column) {
         return column.name;
     }
     async onDataSourceModifier(dataSourceModifier) {
-        const { res, data, paging } = await alertOnError(this.dashboardManagerService.getData(dataSourceModifier.columns, dataSourceModifier.pagination, dataSourceModifier.searchText));
+        const { res, data, paging } = await alertOnError(this.dashboardManagerService.getData(dataSourceModifier.columns, dataSourceModifier.pagination, dataSourceModifier.searchText, this.strictAppFilter));
         const filteredSize = paging.totalElements;
-        const size = await alertOnError(this.dashboardManagerService.getTotal());
+        const size = await alertOnError(this.dashboardManagerService.getTotal(this.strictAppFilter));
         return {
             res,
             data,
@@ -441,8 +674,8 @@ class TypeDashboardsListComponent {
             size
         };
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: TypeDashboardsListComponent, deps: [{ token: DashboardManagerService }, { token: i1$2.BsModalService }, { token: i2.GainsightService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.17", type: TypeDashboardsListComponent, isStandalone: true, selector: "c8y-dashboard-manager", ngImport: i0, template: "<c8y-title>\n  {{ 'Dashboard manager' | translate }}\n</c8y-title>\n\n<div class=\"content-fullpage d-flex d-col border-top border-bottom\">\n  <c8y-data-grid\n    [title]=\"title\"\n    [loadMoreItemsLabel]=\"loadMoreItemsLabel\"\n    [loadingItemsLabel]=\"loadingItemsLabel\"\n    [columns]=\"columns\"\n    [pagination]=\"pagination\"\n    [serverSideDataCallback]=\"serverSideDataCallback\"\n    [infiniteScroll]=\"'auto'\"\n    [actionControls]=\"actionControls\"\n    [showSearch]=\"true\"\n    [displayOptions]=\"displayOptions\"\n    [refresh]=\"refresh\"\n    [expandableRows]=\"'ASYNC'\"\n  >\n    <div\n      *c8yExpandableRow=\"\n        let context;\n        let asyncRenderSuccess = asyncRenderSuccess;\n        let asyncRenderFail = asyncRenderFail\n      \"\n    >\n      <c8y-type-dashboard-info\n        [context]=\"context\"\n        [asyncRenderSuccess]=\"asyncRenderSuccess\"\n        [asyncRenderFail]=\"asyncRenderFail\"\n      ></c8y-type-dashboard-info>\n    </div>\n\n    <c8y-ui-empty-state\n      [icon]=\"'search'\"\n      [title]=\"'No matching dashboards.' | translate\"\n      [subtitle]=\"'Refine your search terms' | translate\"\n      [horizontal]=\"true\"\n    ></c8y-ui-empty-state>\n\n    <c8y-column name=\"icon\">\n      <ng-container *c8yCellRendererDef=\"let context\">\n        <i [c8yIcon]=\"context.value\"></i>\n      </ng-container>\n    </c8y-column>\n\n    <c8y-column name=\"deviceTypeValue\">\n      <ng-container *c8yCellRendererDef=\"let context\">\n        <span class=\"label label-info\">\n          {{ context.value }}\n        </span>\n      </ng-container>\n    </c8y-column>\n\n    <c8y-column name=\"name\">\n      <ng-container *c8yCellRendererDef=\"let context\">\n        @let dashboardItem = context.item.c8y_Dashboard;\n        @let dashboardName =\n          dashboardItem.translateDashboardTitle\n            ? (dashboardItem.name | translate)\n            : dashboardItem.name;\n\n        {{ dashboardName }}\n      </ng-container>\n    </c8y-column>\n  </c8y-data-grid>\n</div>\n", dependencies: [{ kind: "component", type: TitleComponent, selector: "c8y-title", inputs: ["pageTitleUpdate"] }, { kind: "component", type: DataGridComponent, selector: "c8y-data-grid", inputs: ["title", "loadMoreItemsLabel", "loadingItemsLabel", "showSearch", "refresh", "loading", "columns", "rows", "pagination", "childNodePagination", "infiniteScroll", "serverSideDataCallback", "selectable", "singleSelection", "selectionPrimaryKey", "displayOptions", "actionControls", "bulkActionControls", "headerActionControls", "searchText", "configureColumnsEnabled", "showCounterWarning", "activeClassName", "expandableRows", "treeGrid", "hideReload", "childNodesProperty", "parentNodeLabelProperty"], outputs: ["rowMouseOver", "rowMouseLeave", "rowClick", "onConfigChange", "onBeforeFilter", "onBeforeSearch", "onFilter", "itemsSelect", "onReload", "onAddCustomColumn", "onRemoveCustomColumn", "onColumnFilterReset", "onSort", "onPageSizeChange", "onColumnReordered", "onColumnVisibilityChange"] }, { kind: "directive", type: ExpandableRowDirective, selector: "[c8yExpandableRow]" }, { kind: "component", type: TypeDashboardInfoComponent, selector: "c8y-type-dashboard-info", inputs: ["deviceTypeValue", "displayDeviceTypeValue", "context", "asyncRenderSuccess", "asyncRenderFail"] }, { kind: "component", type: EmptyStateComponent, selector: "c8y-ui-empty-state", inputs: ["icon", "title", "subtitle", "horizontal"] }, { kind: "directive", type: ColumnDirective, selector: "c8y-column", inputs: ["name"] }, { kind: "directive", type: CellRendererDefDirective, selector: "[c8yCellRendererDef]" }, { kind: "directive", type: IconDirective, selector: "[c8yIcon]", inputs: ["c8yIcon"] }, { kind: "pipe", type: C8yTranslatePipe, name: "translate" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: TypeDashboardsListComponent, deps: [{ token: DashboardManagerService }, { token: i1$1.BsModalService }, { token: i3.GainsightService }, { token: i3.AppStateService }, { token: i4$1.EcosystemService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", type: TypeDashboardsListComponent, isStandalone: true, selector: "c8y-dashboard-manager", ngImport: i0, template: "<c8y-title>\n  {{ 'Dashboard manager' | translate }}\n</c8y-title>\n\n@if (isAppOwner) {\n  <c8y-action-bar-item [placement]=\"'right'\">\n    <button\n      class=\"btn btn-link\"\n      title=\"{{ 'Data sharing' | translate }}\"\n      type=\"button\"\n      (click)=\"openDataSharingModal()\"\n    >\n      <i\n        c8yIcon=\"share\"\n        aria-hidden=\"true\"\n      ></i>\n      {{ 'Data sharing' | translate }}\n    </button>\n  </c8y-action-bar-item>\n}\n\n<div class=\"content-fullpage d-flex d-col border-top border-bottom\">\n  <c8y-data-grid\n    [title]=\"title\"\n    [loadMoreItemsLabel]=\"loadMoreItemsLabel\"\n    [loadingItemsLabel]=\"loadingItemsLabel\"\n    [columns]=\"columns\"\n    [pagination]=\"pagination\"\n    [serverSideDataCallback]=\"serverSideDataCallback\"\n    [infiniteScroll]=\"'auto'\"\n    [actionControls]=\"actionControls\"\n    [showSearch]=\"true\"\n    [displayOptions]=\"displayOptions\"\n    [refresh]=\"refresh\"\n    [expandableRows]=\"'ASYNC'\"\n  >\n    <div\n      *c8yExpandableRow=\"\n        let context;\n        let asyncRenderSuccess = asyncRenderSuccess;\n        let asyncRenderFail = asyncRenderFail\n      \"\n    >\n      <c8y-type-dashboard-info\n        [context]=\"context\"\n        [asyncRenderSuccess]=\"asyncRenderSuccess\"\n        [asyncRenderFail]=\"asyncRenderFail\"\n      ></c8y-type-dashboard-info>\n    </div>\n\n    <c8y-ui-empty-state\n      [icon]=\"'search'\"\n      [title]=\"'No matching dashboards.' | translate\"\n      [subtitle]=\"'Refine your search terms' | translate\"\n      [horizontal]=\"true\"\n    ></c8y-ui-empty-state>\n\n    <c8y-column name=\"icon\">\n      <ng-container *c8yCellRendererDef=\"let context\">\n        <i [c8yIcon]=\"context.value\"></i>\n      </ng-container>\n    </c8y-column>\n\n    <c8y-column name=\"deviceTypeValue\">\n      <ng-container *c8yCellRendererDef=\"let context\">\n        <span class=\"label label-info\">\n          {{ context.value }}\n        </span>\n      </ng-container>\n    </c8y-column>\n\n    <c8y-column name=\"name\">\n      <ng-container *c8yCellRendererDef=\"let context\">\n        @let dashboardItem = context.item.c8y_Dashboard;\n        @let dashboardName =\n          dashboardItem.translateDashboardTitle\n            ? (dashboardItem.name | translate)\n            : dashboardItem.name;\n        @let sourceApp = getSourceAppName(context.item);\n\n        <div class=\"d-flex a-i-center gap-8 flex-wrap\">\n          {{ dashboardName }}\n          @if (sourceApp) {\n            @let tooltipText =\n              'This dashboard belongs to \"{{app}}\". Manage its visibility there.'\n                | translate: { app: sourceApp };\n            <span\n              class=\"label label-primary\"\n              [tooltip]=\"tooltipText\"\n              placement=\"top\"\n              container=\"body\"\n            >\n              {{ sourceApp }}\n            </span>\n          }\n        </div>\n      </ng-container>\n    </c8y-column>\n  </c8y-data-grid>\n</div>\n", dependencies: [{ kind: "component", type: TitleComponent, selector: "c8y-title", inputs: ["pageTitleUpdate"] }, { kind: "component", type: DataGridComponent, selector: "c8y-data-grid", inputs: ["title", "loadMoreItemsLabel", "loadingItemsLabel", "showSearch", "refresh", "loading", "columns", "rows", "pagination", "childNodePagination", "infiniteScroll", "serverSideDataCallback", "selectable", "singleSelection", "selectionPrimaryKey", "displayOptions", "actionControls", "bulkActionControls", "headerActionControls", "searchText", "configureColumnsEnabled", "showCounterWarning", "activeClassName", "expandableRows", "treeGrid", "hideReload", "childNodesProperty", "parentNodeLabelProperty"], outputs: ["rowMouseOver", "rowMouseLeave", "rowClick", "onConfigChange", "onBeforeFilter", "onBeforeSearch", "onFilter", "itemsSelect", "onReload", "onAddCustomColumn", "onRemoveCustomColumn", "onColumnFilterReset", "onSort", "onPageSizeChange", "onColumnReordered", "onColumnVisibilityChange"] }, { kind: "directive", type: ExpandableRowDirective, selector: "[c8yExpandableRow]" }, { kind: "component", type: TypeDashboardInfoComponent, selector: "c8y-type-dashboard-info", inputs: ["deviceTypeValue", "displayDeviceTypeValue", "context", "asyncRenderSuccess", "asyncRenderFail"] }, { kind: "component", type: EmptyStateComponent, selector: "c8y-ui-empty-state", inputs: ["icon", "title", "subtitle", "horizontal"] }, { kind: "directive", type: ColumnDirective, selector: "c8y-column", inputs: ["name"] }, { kind: "directive", type: CellRendererDefDirective, selector: "[c8yCellRendererDef]" }, { kind: "directive", type: IconDirective, selector: "[c8yIcon]", inputs: ["c8yIcon"] }, { kind: "component", type: ActionBarItemComponent, selector: "c8y-action-bar-item", inputs: ["placement", "priority", "itemClass", "injector", "groupId", "inGroupPriority"] }, { kind: "ngmodule", type: TooltipModule }, { kind: "directive", type: i5.TooltipDirective, selector: "[tooltip], [tooltipHtml]", inputs: ["adaptivePosition", "tooltip", "placement", "triggers", "container", "containerClass", "boundariesElement", "isOpen", "isDisabled", "delay", "tooltipHtml", "tooltipPlacement", "tooltipIsOpen", "tooltipEnable", "tooltipAppendToBody", "tooltipAnimation", "tooltipClass", "tooltipContext", "tooltipPopupDelay", "tooltipFadeDuration", "tooltipTrigger"], outputs: ["tooltipChange", "onShown", "onHidden", "tooltipStateChanged"], exportAs: ["bs-tooltip"] }, { kind: "pipe", type: C8yTranslatePipe, name: "translate" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: TypeDashboardsListComponent, decorators: [{
             type: Component,
@@ -455,9 +688,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImpo
                         ColumnDirective,
                         CellRendererDefDirective,
                         IconDirective,
-                        C8yTranslatePipe
-                    ], template: "<c8y-title>\n  {{ 'Dashboard manager' | translate }}\n</c8y-title>\n\n<div class=\"content-fullpage d-flex d-col border-top border-bottom\">\n  <c8y-data-grid\n    [title]=\"title\"\n    [loadMoreItemsLabel]=\"loadMoreItemsLabel\"\n    [loadingItemsLabel]=\"loadingItemsLabel\"\n    [columns]=\"columns\"\n    [pagination]=\"pagination\"\n    [serverSideDataCallback]=\"serverSideDataCallback\"\n    [infiniteScroll]=\"'auto'\"\n    [actionControls]=\"actionControls\"\n    [showSearch]=\"true\"\n    [displayOptions]=\"displayOptions\"\n    [refresh]=\"refresh\"\n    [expandableRows]=\"'ASYNC'\"\n  >\n    <div\n      *c8yExpandableRow=\"\n        let context;\n        let asyncRenderSuccess = asyncRenderSuccess;\n        let asyncRenderFail = asyncRenderFail\n      \"\n    >\n      <c8y-type-dashboard-info\n        [context]=\"context\"\n        [asyncRenderSuccess]=\"asyncRenderSuccess\"\n        [asyncRenderFail]=\"asyncRenderFail\"\n      ></c8y-type-dashboard-info>\n    </div>\n\n    <c8y-ui-empty-state\n      [icon]=\"'search'\"\n      [title]=\"'No matching dashboards.' | translate\"\n      [subtitle]=\"'Refine your search terms' | translate\"\n      [horizontal]=\"true\"\n    ></c8y-ui-empty-state>\n\n    <c8y-column name=\"icon\">\n      <ng-container *c8yCellRendererDef=\"let context\">\n        <i [c8yIcon]=\"context.value\"></i>\n      </ng-container>\n    </c8y-column>\n\n    <c8y-column name=\"deviceTypeValue\">\n      <ng-container *c8yCellRendererDef=\"let context\">\n        <span class=\"label label-info\">\n          {{ context.value }}\n        </span>\n      </ng-container>\n    </c8y-column>\n\n    <c8y-column name=\"name\">\n      <ng-container *c8yCellRendererDef=\"let context\">\n        @let dashboardItem = context.item.c8y_Dashboard;\n        @let dashboardName =\n          dashboardItem.translateDashboardTitle\n            ? (dashboardItem.name | translate)\n            : dashboardItem.name;\n\n        {{ dashboardName }}\n      </ng-container>\n    </c8y-column>\n  </c8y-data-grid>\n</div>\n" }]
-        }], ctorParameters: () => [{ type: DashboardManagerService }, { type: i1$2.BsModalService }, { type: i2.GainsightService }] });
+                        C8yTranslatePipe,
+                        ActionBarItemComponent,
+                        TooltipModule
+                    ], template: "<c8y-title>\n  {{ 'Dashboard manager' | translate }}\n</c8y-title>\n\n@if (isAppOwner) {\n  <c8y-action-bar-item [placement]=\"'right'\">\n    <button\n      class=\"btn btn-link\"\n      title=\"{{ 'Data sharing' | translate }}\"\n      type=\"button\"\n      (click)=\"openDataSharingModal()\"\n    >\n      <i\n        c8yIcon=\"share\"\n        aria-hidden=\"true\"\n      ></i>\n      {{ 'Data sharing' | translate }}\n    </button>\n  </c8y-action-bar-item>\n}\n\n<div class=\"content-fullpage d-flex d-col border-top border-bottom\">\n  <c8y-data-grid\n    [title]=\"title\"\n    [loadMoreItemsLabel]=\"loadMoreItemsLabel\"\n    [loadingItemsLabel]=\"loadingItemsLabel\"\n    [columns]=\"columns\"\n    [pagination]=\"pagination\"\n    [serverSideDataCallback]=\"serverSideDataCallback\"\n    [infiniteScroll]=\"'auto'\"\n    [actionControls]=\"actionControls\"\n    [showSearch]=\"true\"\n    [displayOptions]=\"displayOptions\"\n    [refresh]=\"refresh\"\n    [expandableRows]=\"'ASYNC'\"\n  >\n    <div\n      *c8yExpandableRow=\"\n        let context;\n        let asyncRenderSuccess = asyncRenderSuccess;\n        let asyncRenderFail = asyncRenderFail\n      \"\n    >\n      <c8y-type-dashboard-info\n        [context]=\"context\"\n        [asyncRenderSuccess]=\"asyncRenderSuccess\"\n        [asyncRenderFail]=\"asyncRenderFail\"\n      ></c8y-type-dashboard-info>\n    </div>\n\n    <c8y-ui-empty-state\n      [icon]=\"'search'\"\n      [title]=\"'No matching dashboards.' | translate\"\n      [subtitle]=\"'Refine your search terms' | translate\"\n      [horizontal]=\"true\"\n    ></c8y-ui-empty-state>\n\n    <c8y-column name=\"icon\">\n      <ng-container *c8yCellRendererDef=\"let context\">\n        <i [c8yIcon]=\"context.value\"></i>\n      </ng-container>\n    </c8y-column>\n\n    <c8y-column name=\"deviceTypeValue\">\n      <ng-container *c8yCellRendererDef=\"let context\">\n        <span class=\"label label-info\">\n          {{ context.value }}\n        </span>\n      </ng-container>\n    </c8y-column>\n\n    <c8y-column name=\"name\">\n      <ng-container *c8yCellRendererDef=\"let context\">\n        @let dashboardItem = context.item.c8y_Dashboard;\n        @let dashboardName =\n          dashboardItem.translateDashboardTitle\n            ? (dashboardItem.name | translate)\n            : dashboardItem.name;\n        @let sourceApp = getSourceAppName(context.item);\n\n        <div class=\"d-flex a-i-center gap-8 flex-wrap\">\n          {{ dashboardName }}\n          @if (sourceApp) {\n            @let tooltipText =\n              'This dashboard belongs to \"{{app}}\". Manage its visibility there.'\n                | translate: { app: sourceApp };\n            <span\n              class=\"label label-primary\"\n              [tooltip]=\"tooltipText\"\n              placement=\"top\"\n              container=\"body\"\n            >\n              {{ sourceApp }}\n            </span>\n          }\n        </div>\n      </ng-container>\n    </c8y-column>\n  </c8y-data-grid>\n</div>\n" }]
+        }], ctorParameters: () => [{ type: DashboardManagerService }, { type: i1$1.BsModalService }, { type: i3.GainsightService }, { type: i3.AppStateService }, { type: i4$1.EcosystemService }] });
 
 const DASHBOARD_MANAGER_PATH = 'dashboard-manager';
 class DashboardManagerModule {
@@ -470,7 +705,10 @@ class DashboardManagerModule {
             TypeDashboardInfoComponent,
             TypeDashboardsListComponent,
             TypeDashboardTargetAssetsModalComponent,
-            TypeDashboardTargetAssetsGridComponent] }); }
+            TypeDashboardTargetAssetsGridComponent,
+            DashboardVisibilityModalComponent,
+            DataSharingModalComponent,
+            ApplicationSelectComponent] }); }
     static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: DashboardManagerModule, providers: [
             hookTab(DashboardManagerTabsFactory),
             hookRoute([
@@ -500,7 +738,10 @@ class DashboardManagerModule {
             TypeDashboardInfoComponent,
             TypeDashboardsListComponent,
             TypeDashboardTargetAssetsModalComponent,
-            TypeDashboardTargetAssetsGridComponent] }); }
+            TypeDashboardTargetAssetsGridComponent,
+            DashboardVisibilityModalComponent,
+            DataSharingModalComponent,
+            ApplicationSelectComponent] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: DashboardManagerModule, decorators: [{
             type: NgModule,
@@ -514,7 +755,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImpo
                         TypeDashboardInfoComponent,
                         TypeDashboardsListComponent,
                         TypeDashboardTargetAssetsModalComponent,
-                        TypeDashboardTargetAssetsGridComponent
+                        TypeDashboardTargetAssetsGridComponent,
+                        DashboardVisibilityModalComponent,
+                        DataSharingModalComponent,
+                        ApplicationSelectComponent
                     ],
                     providers: [
                         hookTab(DashboardManagerTabsFactory),