@c8y/ngx-components 1022.44.7 → 1022.45.2

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

@@ -1,13 +1,88 @@
-import { hookPreview } from '@c8y/ngx-components';
+import * as i0 from '@angular/core';
+import { inject, Injectable } from '@angular/core';
+import { PreviewService, NavigatorNode, hookTab, hookRoute, hookNavigator, hookPreview } from '@c8y/ngx-components';
+import { TypeDashboardsListComponent } from '@c8y/ngx-components/dashboard-manager';
+import { map, first } from 'rxjs';
+import { gettext } from '@c8y/ngx-components/gettext';
+import * as i1 from '@angular/router';
 
+class DashboardManagerNavigationFactory {
+    constructor() {
+        this.previewFeatureService = inject(PreviewService);
+    }
+    get() {
+        return this.previewFeatureService.getState$(DM_DASHBOARD_MANAGER_PREVIEW_KEY).pipe(map(state => {
+            if (state) {
+                return [
+                    new NavigatorNode({
+                        parent: gettext('Management'),
+                        path: DM_DASHBOARD_MANAGER_PATH,
+                        label: gettext('Dashboard manager'),
+                        icon: 'management1',
+                        routerLinkExact: false,
+                        preventDuplicates: true,
+                        featureId: 'dashboardManager'
+                    })
+                ];
+            }
+            return [];
+        }));
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: DashboardManagerNavigationFactory, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: DashboardManagerNavigationFactory }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: DashboardManagerNavigationFactory, decorators: [{
+            type: Injectable
+        }] });
+
+class DashboardManagerTabsFactory {
+    constructor(router) {
+        this.router = router;
+    }
+    get() {
+        const tabs = [];
+        if (this.router.url.match(/\/dashboard-manager/g)) {
+            tabs.push({
+                path: 'dashboard-manager/type-dashboards',
+                priority: 1000,
+                label: gettext('Type dashboards')
+            });
+        }
+        return tabs;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: DashboardManagerTabsFactory, deps: [{ token: i1.Router }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: DashboardManagerTabsFactory }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: DashboardManagerTabsFactory, decorators: [{
+            type: Injectable
+        }], ctorParameters: () => [{ type: i1.Router }] });
+
+const DM_DASHBOARD_MANAGER_PREVIEW_KEY = 'ui.dm-dashboard-manager';
+const DM_DASHBOARD_MANAGER_PATH = 'dashboard-manager';
+function canActivateDashboardManager() {
+    const previewFeatureService = inject(PreviewService);
+    return previewFeatureService.getState$(DM_DASHBOARD_MANAGER_PREVIEW_KEY).pipe(first());
+}
 const dashboardManagerFeatureProvider = [
+    hookTab(DashboardManagerTabsFactory),
+    hookRoute([
+        {
+            path: DM_DASHBOARD_MANAGER_PATH,
+            redirectTo: `${DM_DASHBOARD_MANAGER_PATH}/type-dashboards`,
+            pathMatch: 'full'
+        },
+        {
+            path: `${DM_DASHBOARD_MANAGER_PATH}/type-dashboards`,
+            component: TypeDashboardsListComponent,
+            canActivate: [canActivateDashboardManager]
+        }
+    ]),
+    hookNavigator(DashboardManagerNavigationFactory),
     hookPreview({
-        key: 'ui.dm-dashboard-manager',
+        key: DM_DASHBOARD_MANAGER_PREVIEW_KEY,
         label: 'Dashboard manager',
         description: () => import('@c8y/style/markdown-files/dm-dashboard-manager-preview.md').then(m => m.default),
-        settings: {
-            reload: true
-        }
+        settings: { reload: true }
     })
 ];
 
@@ -15,5 +90,5 @@ const dashboardManagerFeatureProvider = [
  * Generated bundle index. Do not edit.
  */
 
-export { dashboardManagerFeatureProvider };
+export { DM_DASHBOARD_MANAGER_PATH, DM_DASHBOARD_MANAGER_PREVIEW_KEY, canActivateDashboardManager, dashboardManagerFeatureProvider };
 //# sourceMappingURL=c8y-ngx-components-dashboard-manager-devicemanagement.mjs.map

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/index.ts","../../dashboard-manager/devicemanagement/c8y-ngx-components-dashboard-manager-devicemanagement.ts"],"sourcesContent":["import { hookPreview } from '@c8y/ngx-components';\n\nexport const dashboardManagerFeatureProvider = [\n  hookPreview({\n    key: 'ui.dm-dashboard-manager',\n    label: 'Dashboard manager',\n    description: () =>\n      import('@c8y/style/markdown-files/dm-dashboard-manager-preview.md').then(m => m.default),\n    settings: {\n      reload: true\n    }\n  })\n];\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;AAEO,MAAM,+BAA+B,GAAG;AAC7C,IAAA,WAAW,CAAC;AACV,QAAA,GAAG,EAAE,yBAAyB;AAC9B,QAAA,KAAK,EAAE,mBAAmB;AAC1B,QAAA,WAAW,EAAE,MACX,OAAO,2DAA2D,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,OAAO,CAAC;AAC1F,QAAA,QAAQ,EAAE;AACR,YAAA,MAAM,EAAE;AACT;KACF;;;ACXH;;AAEG;;;;"}
+{"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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"}

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

@@ -1,17 +1,33 @@
 import * as i0 from '@angular/core';
 import { Injectable, EventEmitter, Output, Input, Component, HostListener, NgModule } from '@angular/core';
-import { gettext } from '@c8y/ngx-components/gettext';
 import * as i2 from '@c8y/ngx-components';
-import { BaseColumn, getBasicInputArrayFormFieldConfig, DataGridService, Status, alertOnError, DataGridComponent, EmptyStateComponent, ColumnDirective, C8yTranslatePipe, ModalComponent, BuiltInActionType, TitleComponent, ExpandableRowDirective, CellRendererDefDirective, IconDirective, CoreModule, ModalModule, hookTab, hookRoute, hookNavigator, NavigatorNode } from '@c8y/ngx-components';
-import { TooltipModule } from 'ngx-bootstrap/tooltip';
+import { DataGridService, alertOnError, DataGridComponent, EmptyStateComponent, ColumnDirective, C8yTranslatePipe, ModalComponent, BaseColumn, getBasicInputArrayFormFieldConfig, Status, BuiltInActionType, TitleComponent, ExpandableRowDirective, 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 { NameDeviceGridColumn, TypeDeviceGridColumn, GroupDeviceGridColumn, RegistrationDateDeviceGridColumn, DeviceGridModule } from '@c8y/ngx-components/device-grid';
+import { gettext } from '@c8y/ngx-components/gettext';
+import { TooltipModule } from 'ngx-bootstrap/tooltip';
 import * as i1 from '@angular/router';
 import * as i1$1 from '@c8y/client';
-import * as i3 from '@ngx-translate/core';
-import * as i1$2 from 'ngx-bootstrap/modal';
-import * as i3$1 from '@c8y/ngx-components/context-dashboard';
-import { TypeDashboardInfoComponent, ContextDashboardModule } from '@c8y/ngx-components/context-dashboard';
+import { QueriesUtil } from '@c8y/client';
 import { NgFor } from '@angular/common';
+import * as i1$2 from 'ngx-bootstrap/modal';
+import * as i3$1 from '@ngx-translate/core';
+
+const DASHBOARD_MANAGER_PRODUCT_EXPERIENCE = {
+    EVENTS: {
+        DASHBOARD_TEMPLATE: 'dashboardTemplate'
+    },
+    COMPONENTS: {
+        TYPE_DASHBOARDS_LIST: 'type-dashboards-list',
+        TYPE_DASHBOARD_TARGET_ASSETS_GRID: 'type-dashboard-target-assets-grid'
+    },
+    ACTIONS: {
+        DELETE_TYPE_DASHBOARD: 'deleteTypeDashboard',
+        EDIT_TYPE_DASHBOARD: 'editTypeDashboard',
+        OPEN_DASHBOARD_INSTANCE_TO_EDIT: 'openDashboardInstanceToEdit'
+    }
+};
 
 class DashboardManagerTabsFactory {
     constructor(router) {
@@ -35,162 +51,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImpo
             type: Injectable
         }], ctorParameters: () => [{ type: i1.Router }] });
 
-class DeviceTypeValueGridColumn extends BaseColumn {
-    constructor(initialColumnConfig) {
-        super(initialColumnConfig);
-        this.name = 'deviceTypeValue';
-        this.path = 'c8y_Dashboard.deviceTypeValue';
-        this.header = gettext('Target asset model');
-        this.filterable = true;
-        this.sortable = false;
-        this.filteringConfig = {
-            fields: getBasicInputArrayFormFieldConfig({
-                key: 'deviceTypeValues',
-                label: gettext('Filter dashboards by target asset model'),
-                addText: gettext('Add next`target asset model`'),
-                tooltip: gettext('Use * as a wildcard character'),
-                placeholder: 'c8y_MQTTDevice'
-            }),
-            getFilter: (model) => {
-                const filter = {};
-                if (model.deviceTypeValues.length) {
-                    filter[this.path] = { __in: model.deviceTypeValues };
-                }
-                return filter;
-            }
-        };
-    }
-}
-
-const DASHBOARD_MANAGER_PRODUCT_EXPERIENCE = {
-    EVENTS: {
-        DASHBOARD_TEMPLATE: 'dashboardTemplate'
-    },
-    COMPONENTS: {
-        TYPE_DASHBOARDS_LIST: 'type-dashboards-list',
-        TYPE_DASHBOARD_TARGET_ASSETS_GRID: 'type-dashboard-target-assets-grid'
-    },
-    ACTIONS: {
-        DELETE_TYPE_DASHBOARD: 'deleteTypeDashboard',
-        EDIT_TYPE_DASHBOARD: 'editTypeDashboard',
-        OPEN_DASHBOARD_INSTANCE_TO_EDIT: 'openDashboardInstanceToEdit'
-    }
-};
-
-class DashboardManagerService extends DataGridService {
-    constructor(inventory, userPreferencesService, modal, translateService) {
-        super(userPreferencesService);
-        this.inventory = inventory;
-        this.userPreferencesService = userPreferencesService;
-        this.modal = modal;
-        this.translateService = translateService;
-        this.baseQuery = {
-            __filter: {
-                __and: [
-                    { 'c8y_Dashboard.deviceType': { __eq: true } },
-                    { __has: 'c8y_Dashboard.deviceTypeValue' }
-                ]
-            }
-        };
-        this.TYPE_DASHBOARDS_QUERY = '$filter=((c8y_Dashboard.deviceType eq true) and (has(c8y_Dashboard.deviceTypeValue)))';
-    }
-    getColumns() {
-        return [
-            {
-                name: 'icon',
-                header: gettext('Icon'),
-                path: 'c8y_Dashboard.icon',
-                sortable: false,
-                gridTrackSize: '45px'
-            },
-            {
-                name: 'name',
-                header: gettext('Name'),
-                path: 'name',
-                sortable: false,
-                gridTrackSize: '200px'
-            },
-            {
-                name: 'description',
-                header: gettext('Description'),
-                path: 'c8y_Dashboard.description',
-                sortable: false
-            },
-            new DeviceTypeValueGridColumn(),
-            {
-                name: 'lastUpdated',
-                header: gettext('Last update'),
-                path: 'lastUpdated',
-                sortable: false,
-                gridTrackSize: '200px'
-            }
-        ];
-    }
-    getDefaultPagination() {
-        return {
-            pageSize: 25,
-            currentPage: 1
-        };
-    }
-    async getData(columns, pagination, text) {
-        const filters = this.getFilters(columns, pagination, text);
-        return await this.inventory.list(filters);
-    }
-    async getTotal() {
-        return (await this.inventory.list({
-            query: this.TYPE_DASHBOARDS_QUERY,
-            withTotalElements: true
-        })).paging.totalElements;
-    }
-    async delete(dashboard, onSuccess) {
-        try {
-            const msg = gettext(`You are about to delete the dashboard "{{ dashboardName }}" from all devices of type "{{ deviceType }}".
-           Do you want to proceed?`);
-            await this.modal.confirm(gettext('Delete dashboard'), this.translateService.instant(msg, {
-                dashboardName: dashboard.c8y_Dashboard.name,
-                deviceType: dashboard.c8y_Dashboard.deviceTypeValue
-            }), Status.DANGER, {
-                ok: gettext('Delete'),
-                cancel: gettext('Cancel')
-            }, {}, {
-                eventName: DASHBOARD_MANAGER_PRODUCT_EXPERIENCE.EVENTS.DASHBOARD_TEMPLATE,
-                data: {
-                    action: DASHBOARD_MANAGER_PRODUCT_EXPERIENCE.ACTIONS.DELETE_TYPE_DASHBOARD,
-                    component: DASHBOARD_MANAGER_PRODUCT_EXPERIENCE.COMPONENTS.TYPE_DASHBOARDS_LIST
-                }
-            });
-            await this.inventory.delete(dashboard);
-            onSuccess();
-        }
-        catch (ex) {
-            // intended empty
-        }
-    }
-    getFilters(columns, pagination, text) {
-        return {
-            query: this.getQueryString(columns),
-            ...(text && { text }),
-            pageSize: pagination.pageSize,
-            currentPage: pagination.currentPage,
-            withTotalPages: true,
-            withTotalElements: true
-        };
-    }
-    getQueryString(columns) {
-        const queryFromColumns = this.getQueryObj(columns);
-        const fullQuery = this.queriesUtil.addAndFilter(queryFromColumns, this.baseQuery);
-        return this.queriesUtil.buildQuery(fullQuery);
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: DashboardManagerService, deps: [{ token: i1$1.InventoryService }, { token: i2.UserPreferencesService }, { token: i2.ModalService }, { token: i3.TranslateService }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: DashboardManagerService, providedIn: 'root' }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: DashboardManagerService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root'
-                }]
-        }], ctorParameters: () => [{ type: i1$1.InventoryService }, { type: i2.UserPreferencesService }, { type: i2.ModalService }, { type: i3.TranslateService }] });
-
 class BasicNameDeviceGridColumn extends NameDeviceGridColumn {
     constructor(initialColumnConfig) {
         super(initialColumnConfig);
@@ -321,13 +181,13 @@ class TypeDashboardTargetAssetsGridComponent {
             action: DASHBOARD_MANAGER_PRODUCT_EXPERIENCE.ACTIONS.OPEN_DASHBOARD_INSTANCE_TO_EDIT
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: TypeDashboardTargetAssetsGridComponent, deps: [{ token: i1.Router }, { token: TypeDashboardAssetsGridService }, { token: i3$1.ContextDashboardService }, { token: i2.GainsightService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: TypeDashboardTargetAssetsGridComponent, deps: [{ token: i1.Router }, { token: TypeDashboardAssetsGridService }, { token: i3.ContextDashboardService }, { token: i2.GainsightService }], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", 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\n  <ng-container *ngFor=\"let column of columns; trackBy: trackByName\">\n    <c8y-column [name]=\"column.name\"></c8y-column>\n  </ng-container>\n</c8y-data-grid>\n", dependencies: [{ kind: "component", type: DataGridComponent, selector: "c8y-data-grid", inputs: ["title", "loadMoreItemsLabel", "loadingItemsLabel", "showSearch", "refresh", "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: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: ColumnDirective, selector: "c8y-column", inputs: ["name"] }, { kind: "pipe", type: C8yTranslatePipe, name: "translate" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: TypeDashboardTargetAssetsGridComponent, decorators: [{
             type: Component,
             args: [{ selector: 'c8y-type-dashboard-target-assets-grid', imports: [DataGridComponent, EmptyStateComponent, NgFor, ColumnDirective, 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\n  <ng-container *ngFor=\"let column of columns; trackBy: trackByName\">\n    <c8y-column [name]=\"column.name\"></c8y-column>\n  </ng-container>\n</c8y-data-grid>\n" }]
-        }], ctorParameters: () => [{ type: i1.Router }, { type: TypeDashboardAssetsGridService }, { type: i3$1.ContextDashboardService }, { type: i2.GainsightService }], propDecorators: { dashboard: [{
+        }], ctorParameters: () => [{ type: i1.Router }, { type: TypeDashboardAssetsGridService }, { type: i3.ContextDashboardService }, { type: i2.GainsightService }], propDecorators: { dashboard: [{
                 type: Input
             }], onNavigateToAsset: [{
                 type: Output
@@ -359,6 +219,165 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImpo
                 args: ['document:keydown', ['$event']]
             }] } });
 
+class DeviceTypeValueGridColumn extends BaseColumn {
+    constructor(initialColumnConfig) {
+        super(initialColumnConfig);
+        this.name = 'deviceTypeValue';
+        this.path = 'c8y_Dashboard.deviceTypeValue';
+        this.header = gettext('Target asset model');
+        this.filterable = true;
+        this.sortable = false;
+        this.filteringConfig = {
+            fields: getBasicInputArrayFormFieldConfig({
+                key: 'deviceTypeValues',
+                label: gettext('Filter dashboards by target asset model'),
+                addText: gettext('Add next`target asset model`'),
+                tooltip: gettext('Use * as a wildcard character'),
+                placeholder: 'c8y_MQTTDevice'
+            }),
+            getFilter: (model) => {
+                const filter = {};
+                if (model.deviceTypeValues.length) {
+                    filter[this.path] = { __in: model.deviceTypeValues };
+                }
+                return filter;
+            }
+        };
+    }
+}
+
+class DashboardManagerService extends DataGridService {
+    constructor(inventory, userPreferencesService, modal, translateService, contextDashboardService) {
+        super(userPreferencesService);
+        this.inventory = inventory;
+        this.userPreferencesService = userPreferencesService;
+        this.modal = modal;
+        this.translateService = translateService;
+        this.contextDashboardService = contextDashboardService;
+        this.baseQuery = {
+            __filter: {
+                __and: [
+                    { 'c8y_Dashboard.deviceType': { __eq: true } },
+                    { __has: 'c8y_Dashboard.deviceTypeValue' }
+                ]
+            }
+        };
+        this.baseTypeDashboardsFilter = {
+            __filter: {
+                __and: [
+                    { 'c8y_Dashboard.deviceType': { __eq: true } },
+                    { __has: 'c8y_Dashboard.deviceTypeValue' }
+                ]
+            }
+        };
+        this.queriesUtil = new QueriesUtil();
+    }
+    getColumns() {
+        return [
+            {
+                name: 'icon',
+                header: gettext('Icon'),
+                path: 'c8y_Dashboard.icon',
+                sortable: false,
+                gridTrackSize: '45px'
+            },
+            {
+                name: 'name',
+                header: gettext('Name'),
+                path: 'name',
+                sortable: false,
+                gridTrackSize: '200px'
+            },
+            {
+                name: 'description',
+                header: gettext('Description'),
+                path: 'c8y_Dashboard.description',
+                sortable: false
+            },
+            new DeviceTypeValueGridColumn(),
+            {
+                name: 'lastUpdated',
+                header: gettext('Last update'),
+                path: 'lastUpdated',
+                sortable: false,
+                gridTrackSize: '200px'
+            }
+        ];
+    }
+    getDefaultPagination() {
+        return {
+            pageSize: 25,
+            currentPage: 1
+        };
+    }
+    async getData(columns, pagination, text) {
+        const filters = this.getFilters(columns, pagination, text);
+        return await this.inventory.list(filters);
+    }
+    async getTotal() {
+        const query = this.queriesUtil.buildQuery({
+            __filter: {
+                __and: [
+                    this.baseTypeDashboardsFilter.__filter,
+                    this.contextDashboardService.appliedToFilter()
+                ]
+            }
+        });
+        const res = await this.inventory.list({ query, withTotalElements: true, pageSize: 1 });
+        return res.paging.totalElements;
+    }
+    async delete(dashboard, onSuccess) {
+        try {
+            const msg = gettext(`You are about to delete the dashboard "{{ dashboardName }}" from all devices of type "{{ deviceType }}".
+           Do you want to proceed?`);
+            await this.modal.confirm(gettext('Delete dashboard'), this.translateService.instant(msg, {
+                dashboardName: dashboard.c8y_Dashboard.name,
+                deviceType: dashboard.c8y_Dashboard.deviceTypeValue
+            }), Status.DANGER, {
+                ok: gettext('Delete'),
+                cancel: gettext('Cancel')
+            }, {}, {
+                eventName: DASHBOARD_MANAGER_PRODUCT_EXPERIENCE.EVENTS.DASHBOARD_TEMPLATE,
+                data: {
+                    action: DASHBOARD_MANAGER_PRODUCT_EXPERIENCE.ACTIONS.DELETE_TYPE_DASHBOARD,
+                    component: DASHBOARD_MANAGER_PRODUCT_EXPERIENCE.COMPONENTS.TYPE_DASHBOARDS_LIST
+                }
+            });
+            await this.inventory.delete(dashboard);
+            onSuccess();
+        }
+        catch (ex) {
+            // intended empty
+        }
+    }
+    getFilters(columns, pagination, text) {
+        return {
+            query: this.getQueryString(columns),
+            ...(text && { text }),
+            pageSize: pagination.pageSize,
+            currentPage: pagination.currentPage,
+            withTotalPages: true,
+            withTotalElements: true
+        };
+    }
+    getQueryString(columns) {
+        const queryFromColumns = this.getQueryObj(columns);
+        const base = this.queriesUtil.addAndFilter(queryFromColumns, this.baseTypeDashboardsFilter);
+        const withAppliedTo = this.queriesUtil.addAndFilter(base, {
+            __filter: this.contextDashboardService.appliedToFilter()
+        });
+        return this.queriesUtil.buildQuery(withAppliedTo);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", 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.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: DashboardManagerService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: DashboardManagerService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }], ctorParameters: () => [{ type: i1$1.InventoryService }, { type: i2.UserPreferencesService }, { type: i2.ModalService }, { type: i3$1.TranslateService }, { type: i3.ContextDashboardService }] });
+
 class TypeDashboardsListComponent {
     constructor(dashboardManagerService, bsModalService, gainsightService) {
         this.dashboardManagerService = dashboardManagerService;
@@ -528,5 +547,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { DASHBOARD_MANAGER_PRODUCT_EXPERIENCE, DashboardManagerModule };
+export { DASHBOARD_MANAGER_PRODUCT_EXPERIENCE, DashboardManagerModule, TypeDashboardsListComponent };
 //# sourceMappingURL=c8y-ngx-components-dashboard-manager.mjs.map