@c8y/ngx-components 1021.49.12 → 1021.50.0

package/fesm2022/c8y-ngx-components-operations.mjs

@@ -2,16 +2,39 @@ import * as i0 from '@angular/core';
 import { Injectable, NgModule } from '@angular/core';
 import * as i1 from '@angular/router';
 import { RouterModule } from '@angular/router';
-import { gettext, NavigatorNode, CoreModule, hookTab, hookNavigator } from '@c8y/ngx-components';
-import { BulkOperationsServiceModule } from '@c8y/ngx-components/operations/bulk-operations-service';
-import { BulkOperationsStepperContainerModule } from '@c8y/ngx-components/operations/bulk-operations-stepper-container';
+import { NavigatorNode, gettext, CoreModule, hookTab, hookNavigator } from '@c8y/ngx-components';
 import { BulkOperationFromSingleModule } from '@c8y/ngx-components/operations/bulk-operation-from-single';
 import { BulkOperationsListModule } from '@c8y/ngx-components/operations/bulk-operations-list';
+import { BulkOperationsServiceModule } from '@c8y/ngx-components/operations/bulk-operations-service';
+import { BulkOperationsStepperContainerModule } from '@c8y/ngx-components/operations/bulk-operations-stepper-container';
 import { StepperBulkTypeConfigurationModule } from '@c8y/ngx-components/operations/stepper-bulk-type-configuration';
 import { StepperBulkTypeDeviceProfileModule } from '@c8y/ngx-components/operations/stepper-bulk-type-device-profile';
 import { StepperBulkTypeFirmwareModule } from '@c8y/ngx-components/operations/stepper-bulk-type-firmware';
 import { StepperBulkTypeSoftwareModule } from '@c8y/ngx-components/operations/stepper-bulk-type-software';
-import { OperationsListModule } from '@c8y/ngx-components/operations/operations-list';
+import { deviceControlOverviewFeatureProvider, deviceControlTabFeatureProvider } from '@c8y/ngx-components/operations/operations-list';
+
+class OperationsNavigationFactory {
+    constructor() {
+        this.navs = [];
+    }
+    async get() {
+        if (this.navs.length === 0) {
+            this.navs.push(new NavigatorNode({
+                label: gettext('Device control'),
+                path: 'devicecontrol/single',
+                icon: 'c8y-icon c8y-icon-device-control',
+                parent: gettext('Overviews'),
+                priority: 1360
+            }));
+        }
+        return this.navs;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: OperationsNavigationFactory, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: OperationsNavigationFactory }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: OperationsNavigationFactory, decorators: [{
+            type: Injectable
+        }] });
 
 class OperationsTabsFactory {
     constructor(router) {
@@ -44,29 +67,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImpor
             type: Injectable
         }], ctorParameters: () => [{ type: i1.Router }] });
 
-class OperationsNavigationFactory {
-    constructor() {
-        this.navs = [];
-    }
-    async get() {
-        if (this.navs.length === 0) {
-            this.navs.push(new NavigatorNode({
-                label: gettext('Device control'),
-                path: 'devicecontrol/single',
-                icon: 'c8y-icon c8y-icon-device-control',
-                parent: gettext('Overviews'),
-                priority: 1360
-            }));
-        }
-        return this.navs;
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: OperationsNavigationFactory, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: OperationsNavigationFactory }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: OperationsNavigationFactory, decorators: [{
-            type: Injectable
-        }] });
-
 const operationsRoutes = [
     {
         path: 'devicecontrol',
@@ -155,9 +155,13 @@ class OperationsModule {
             StepperBulkTypeConfigurationModule,
             StepperBulkTypeFirmwareModule,
             StepperBulkTypeSoftwareModule,
-            StepperBulkTypeDeviceProfileModule,
-            OperationsListModule] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: OperationsModule, providers: [hookTab(OperationsTabsFactory), hookNavigator(OperationsNavigationFactory)], imports: [CoreModule,
+            StepperBulkTypeDeviceProfileModule] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: OperationsModule, providers: [
+            hookTab(OperationsTabsFactory),
+            hookNavigator(OperationsNavigationFactory),
+            deviceControlOverviewFeatureProvider,
+            deviceControlTabFeatureProvider
+        ], imports: [CoreModule,
             RouterModule.forChild(operationsRoutes),
             BulkOperationFromSingleModule,
             BulkOperationsListModule,
@@ -166,8 +170,7 @@ class OperationsModule {
             StepperBulkTypeConfigurationModule,
             StepperBulkTypeFirmwareModule,
             StepperBulkTypeSoftwareModule,
-            StepperBulkTypeDeviceProfileModule,
-            OperationsListModule] }); }
+            StepperBulkTypeDeviceProfileModule] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: OperationsModule, decorators: [{
             type: NgModule,
@@ -182,10 +185,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImpor
                         StepperBulkTypeConfigurationModule,
                         StepperBulkTypeFirmwareModule,
                         StepperBulkTypeSoftwareModule,
-                        StepperBulkTypeDeviceProfileModule,
-                        OperationsListModule
+                        StepperBulkTypeDeviceProfileModule
                     ],
-                    providers: [hookTab(OperationsTabsFactory), hookNavigator(OperationsNavigationFactory)]
+                    providers: [
+                        hookTab(OperationsTabsFactory),
+                        hookNavigator(OperationsNavigationFactory),
+                        deviceControlOverviewFeatureProvider,
+                        deviceControlTabFeatureProvider
+                    ]
                 }]
         }] });
 

package/fesm2022/c8y-ngx-components-operations.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"c8y-ngx-components-operations.mjs","sources":["../../operations/factories/tabs.factory.ts","../../operations/factories/nav.factory.ts","../../operations/operations.module.ts","../../operations/c8y-ngx-components-operations.ts"],"sourcesContent":["import { Injectable } from '@angular/core';\r\nimport { Router } from '@angular/router';\r\nimport { gettext, Tab, TabFactory } from '@c8y/ngx-components';\r\n\r\n@Injectable()\r\nexport class OperationsTabsFactory implements TabFactory {\r\n  constructor(public router: Router) {}\r\n  get() {\r\n    const tabs: Tab[] = [];\r\n    if (this.router.url.match(/devicecontrol/g)) {\r\n      tabs.push({\r\n        path: 'devicecontrol/single',\r\n        label: gettext('Single operations'),\r\n        icon: 'c8y-icon c8y-icon-device-control',\r\n        priority: 1100,\r\n        orientation: 'horizontal'\r\n      } as Tab);\r\n      tabs.push({\r\n        path: 'devicecontrol/bulk',\r\n        label: gettext('Bulk operations'),\r\n        icon: 'c8y-icon c8y-icon-energy',\r\n        priority: 1050,\r\n        orientation: 'horizontal'\r\n      } as Tab);\r\n    }\r\n\r\n    return tabs;\r\n  }\r\n}\r\n","import { Injectable } from '@angular/core';\nimport { gettext, NavigatorNode, NavigatorNodeFactory } from '@c8y/ngx-components';\n\n@Injectable()\nexport class OperationsNavigationFactory implements NavigatorNodeFactory {\n  navs: NavigatorNode[] = [];\n\n  async get() {\n    if (this.navs.length === 0) {\n      this.navs.push(\n        new NavigatorNode({\n          label: gettext('Device control'),\n          path: 'devicecontrol/single',\n          icon: 'c8y-icon c8y-icon-device-control',\n          parent: gettext('Overviews'),\n          priority: 1360\n        })\n      );\n    }\n    return this.navs;\n  }\n}\n","import { NgModule } from '@angular/core';\nimport { RouterModule } from '@angular/router';\n\nimport { CoreModule, hookTab, hookNavigator, Route } from '@c8y/ngx-components';\nimport { BulkOperationsServiceModule } from '@c8y/ngx-components/operations/bulk-operations-service';\nimport { BulkOperationsStepperContainerModule } from '@c8y/ngx-components/operations/bulk-operations-stepper-container';\nimport { BulkOperationFromSingleModule } from '@c8y/ngx-components/operations/bulk-operation-from-single';\nimport { BulkOperationsListModule } from '@c8y/ngx-components/operations/bulk-operations-list';\nimport { StepperBulkTypeConfigurationModule } from '@c8y/ngx-components/operations/stepper-bulk-type-configuration';\nimport { StepperBulkTypeDeviceProfileModule } from '@c8y/ngx-components/operations/stepper-bulk-type-device-profile';\nimport { StepperBulkTypeFirmwareModule } from '@c8y/ngx-components/operations/stepper-bulk-type-firmware';\nimport { StepperBulkTypeSoftwareModule } from '@c8y/ngx-components/operations/stepper-bulk-type-software';\nimport { OperationsListModule } from '@c8y/ngx-components/operations/operations-list';\n\nimport { OperationsTabsFactory } from './factories/tabs.factory';\nimport { OperationsNavigationFactory } from './factories/nav.factory';\n\nexport const operationsRoutes: Route[] = [\n  {\n    path: 'devicecontrol',\n    redirectTo: 'devicecontrol/single',\n    pathMatch: 'full'\n  }\n];\n\n/**\n * This module sets up the 'Device control' view. By importing it in your custom application you will have:\n * - a 'Device control' tab in device details view\n * - a 'Device control' entry in the 'Overviews' section of navigator\n * - 'Bulk operations' tab on the 'Device control' page\n * - list view of existing bulk operations with expandable details and options to filter\n * - guided stepper dialogs to schedule new bulk operations of supported types\n * (Configuration update, Firmware update, Software update, Apply device profile).\n *\n * Additionaly you can use the modules imported by {@link OperationsModule} separately to achieve\n * the results you wish to have in your application, e.g.:\n * - import {@link BulkOperationsListModule} and {@link BulkOperationsServiceModule}\n * to have an overview of existing bulk operation with expandable details\n * - additionaly import {@link BulkOperationsStepperContainerModule} and any of the existing\n * `StepperBulkType*Module` modules ({@link StepperBulkTypeConfigurationModule},\n * {@link StepperBulkTypeFirmwareModule}, {@link StepperBulkTypeSoftwareModule},\n * {@link StepperBulkTypeDeviceProfileModule}) to have the option\n * to create new bulk operation in a guided stepper dialog.\n *\n * ```typescript\n * import { BulkOperationsServiceModule } from '@c8y/ngx-components/operations/bulk-operations-service';\n * import { BulkOperationsListModule } from '@c8y/ngx-components/operations/bulk-operations-list';\n *\n * @NgModule({\n *   imports: [\n *     [...]\n *     BulkOperationsServiceModule,\n *     BulkOperationsListModule\n *   ],\n *   [...]\n * })\n * export class CustomOperationsModule {}```\n * respectively\n * ```typescript\n * import { BulkOperationsStepperContainerModule } from '@c8y/ngx-components/operations/bulk-operations-stepper-container';\n * import { BulkOperationsServiceModule } from '@c8y/ngx-components/operations/bulk-operations-service';\n * import { BulkOperationsListModule } from '@c8y/ngx-components/operations/bulk-operations-list';\n * import { StepperBulkTypeSoftwareModule } from '@c8y/ngx-components/operations/stepper-bulk-type-software';\n *\n * @NgModule({\n *   imports: [\n *     [...]\n *     BulkOperationsServiceModule,\n *     BulkOperationsListModule,\n *     BulkOperationsStepperContainerModule,\n *     StepperBulkTypeSoftwareModule\n *   ],\n *   [...]\n * })\n * export class CustomOperationsModule {}```\n * You can provide your own bulk operation stepper by registering a component via the `hookListBulkType`:\n *\n * ```typescript\n * import {\n *   hookListBulkType,\n *   baseUrl\n * } from '@c8y/ngx-components/operations/bulk-operations-service';\n *\n * [...]\n *\n * providers: [\n *   hookListBulkType({\n *     type: 'my-bulk-op-type',\n *     c8yIcon: 'c8y-tools',\n *     name: 'My bulk op type',\n *     path: `${baseUrl}my-type`,\n *     component: StepperMyBulkTypeComponent,\n *     fragments: ['c8y_MyType'],\n *     selected: false\n *   })\n * ]```\n */\n@NgModule({\n  imports: [\n    CoreModule,\n    RouterModule.forChild(operationsRoutes),\n    BulkOperationFromSingleModule,\n    BulkOperationsListModule,\n    BulkOperationsServiceModule,\n    BulkOperationsStepperContainerModule,\n    StepperBulkTypeConfigurationModule,\n    StepperBulkTypeFirmwareModule,\n    StepperBulkTypeSoftwareModule,\n    StepperBulkTypeDeviceProfileModule,\n    OperationsListModule\n  ],\n  providers: [hookTab(OperationsTabsFactory), hookNavigator(OperationsNavigationFactory)]\n})\nexport class OperationsModule {}\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-operations.mjs","sources":["../../operations/factories/nav.factory.ts","../../operations/factories/tabs.factory.ts","../../operations/operations.module.ts","../../operations/c8y-ngx-components-operations.ts"],"sourcesContent":["import { Injectable } from '@angular/core';\nimport { gettext, NavigatorNode, NavigatorNodeFactory } from '@c8y/ngx-components';\n\n@Injectable()\nexport class OperationsNavigationFactory implements NavigatorNodeFactory {\n  navs: NavigatorNode[] = [];\n\n  async get() {\n    if (this.navs.length === 0) {\n      this.navs.push(\n        new NavigatorNode({\n          label: gettext('Device control'),\n          path: 'devicecontrol/single',\n          icon: 'c8y-icon c8y-icon-device-control',\n          parent: gettext('Overviews'),\n          priority: 1360\n        })\n      );\n    }\n    return this.navs;\n  }\n}\n","import { Injectable } from '@angular/core';\r\nimport { Router } from '@angular/router';\r\nimport { gettext, Tab, TabFactory } from '@c8y/ngx-components';\r\n\r\n@Injectable()\r\nexport class OperationsTabsFactory implements TabFactory {\r\n  constructor(public router: Router) {}\r\n  get() {\r\n    const tabs: Tab[] = [];\r\n    if (this.router.url.match(/devicecontrol/g)) {\r\n      tabs.push({\r\n        path: 'devicecontrol/single',\r\n        label: gettext('Single operations'),\r\n        icon: 'c8y-icon c8y-icon-device-control',\r\n        priority: 1100,\r\n        orientation: 'horizontal'\r\n      } as Tab);\r\n      tabs.push({\r\n        path: 'devicecontrol/bulk',\r\n        label: gettext('Bulk operations'),\r\n        icon: 'c8y-icon c8y-icon-energy',\r\n        priority: 1050,\r\n        orientation: 'horizontal'\r\n      } as Tab);\r\n    }\r\n\r\n    return tabs;\r\n  }\r\n}\r\n","import { NgModule } from '@angular/core';\nimport { RouterModule } from '@angular/router';\n\nimport { CoreModule, hookNavigator, hookTab, Route } from '@c8y/ngx-components';\nimport { BulkOperationFromSingleModule } from '@c8y/ngx-components/operations/bulk-operation-from-single';\nimport { BulkOperationsListModule } from '@c8y/ngx-components/operations/bulk-operations-list';\nimport { BulkOperationsServiceModule } from '@c8y/ngx-components/operations/bulk-operations-service';\nimport { BulkOperationsStepperContainerModule } from '@c8y/ngx-components/operations/bulk-operations-stepper-container';\nimport { StepperBulkTypeConfigurationModule } from '@c8y/ngx-components/operations/stepper-bulk-type-configuration';\nimport { StepperBulkTypeDeviceProfileModule } from '@c8y/ngx-components/operations/stepper-bulk-type-device-profile';\nimport { StepperBulkTypeFirmwareModule } from '@c8y/ngx-components/operations/stepper-bulk-type-firmware';\nimport { StepperBulkTypeSoftwareModule } from '@c8y/ngx-components/operations/stepper-bulk-type-software';\n\nimport {\n  deviceControlOverviewFeatureProvider,\n  deviceControlTabFeatureProvider\n} from '@c8y/ngx-components/operations/operations-list';\nimport { OperationsNavigationFactory } from './factories/nav.factory';\nimport { OperationsTabsFactory } from './factories/tabs.factory';\n\nexport const operationsRoutes: Route[] = [\n  {\n    path: 'devicecontrol',\n    redirectTo: 'devicecontrol/single',\n    pathMatch: 'full'\n  }\n];\n\n/**\n * This module sets up the 'Device control' view. By importing it in your custom application you will have:\n * - a 'Device control' tab in device details view\n * - a 'Device control' entry in the 'Overviews' section of navigator\n * - 'Bulk operations' tab on the 'Device control' page\n * - list view of existing bulk operations with expandable details and options to filter\n * - guided stepper dialogs to schedule new bulk operations of supported types\n * (Configuration update, Firmware update, Software update, Apply device profile).\n *\n * Additionaly you can use the modules imported by {@link OperationsModule} separately to achieve\n * the results you wish to have in your application, e.g.:\n * - import {@link BulkOperationsListModule} and {@link BulkOperationsServiceModule}\n * to have an overview of existing bulk operation with expandable details\n * - additionaly import {@link BulkOperationsStepperContainerModule} and any of the existing\n * `StepperBulkType*Module` modules ({@link StepperBulkTypeConfigurationModule},\n * {@link StepperBulkTypeFirmwareModule}, {@link StepperBulkTypeSoftwareModule},\n * {@link StepperBulkTypeDeviceProfileModule}) to have the option\n * to create new bulk operation in a guided stepper dialog.\n *\n * ```typescript\n * import { BulkOperationsServiceModule } from '@c8y/ngx-components/operations/bulk-operations-service';\n * import { BulkOperationsListModule } from '@c8y/ngx-components/operations/bulk-operations-list';\n *\n * @NgModule({\n *   imports: [\n *     [...]\n *     BulkOperationsServiceModule,\n *     BulkOperationsListModule\n *   ],\n *   [...]\n * })\n * export class CustomOperationsModule {}```\n * respectively\n * ```typescript\n * import { BulkOperationsStepperContainerModule } from '@c8y/ngx-components/operations/bulk-operations-stepper-container';\n * import { BulkOperationsServiceModule } from '@c8y/ngx-components/operations/bulk-operations-service';\n * import { BulkOperationsListModule } from '@c8y/ngx-components/operations/bulk-operations-list';\n * import { StepperBulkTypeSoftwareModule } from '@c8y/ngx-components/operations/stepper-bulk-type-software';\n *\n * @NgModule({\n *   imports: [\n *     [...]\n *     BulkOperationsServiceModule,\n *     BulkOperationsListModule,\n *     BulkOperationsStepperContainerModule,\n *     StepperBulkTypeSoftwareModule\n *   ],\n *   [...]\n * })\n * export class CustomOperationsModule {}```\n * You can provide your own bulk operation stepper by registering a component via the `hookListBulkType`:\n *\n * ```typescript\n * import {\n *   hookListBulkType,\n *   baseUrl\n * } from '@c8y/ngx-components/operations/bulk-operations-service';\n *\n * [...]\n *\n * providers: [\n *   hookListBulkType({\n *     type: 'my-bulk-op-type',\n *     c8yIcon: 'c8y-tools',\n *     name: 'My bulk op type',\n *     path: `${baseUrl}my-type`,\n *     component: StepperMyBulkTypeComponent,\n *     fragments: ['c8y_MyType'],\n *     selected: false\n *   })\n * ]```\n */\n@NgModule({\n  imports: [\n    CoreModule,\n    RouterModule.forChild(operationsRoutes),\n    BulkOperationFromSingleModule,\n    BulkOperationsListModule,\n    BulkOperationsServiceModule,\n    BulkOperationsStepperContainerModule,\n    StepperBulkTypeConfigurationModule,\n    StepperBulkTypeFirmwareModule,\n    StepperBulkTypeSoftwareModule,\n    StepperBulkTypeDeviceProfileModule\n  ],\n  providers: [\n    hookTab(OperationsTabsFactory),\n    hookNavigator(OperationsNavigationFactory),\n    deviceControlOverviewFeatureProvider,\n    deviceControlTabFeatureProvider\n  ]\n})\nexport class OperationsModule {}\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-services-service-command-tab.mjs

@@ -0,0 +1,49 @@
+import { NgFor } from '@angular/common';
+import * as i0 from '@angular/core';
+import { Component, makeEnvironmentProviders } from '@angular/core';
+import * as i3 from '@angular/router';
+import * as i2 from '@c8y/ngx-components';
+import { IconDirective, ActionBarItemComponent, HelpModule, C8yTranslatePipe, hookRoute, ViewContext, gettext } from '@c8y/ngx-components';
+import { OperationsListComponent } from '@c8y/ngx-components/operations/operations-list';
+import * as i1 from '@c8y/ngx-components/services/shared';
+
+class ServiceCommandTabComponent {
+    constructor(commandService, contextRouteService, activatedRoute) {
+        this.actions = [];
+        const { contextData } = contextRouteService.getContextData(activatedRoute);
+        this.service = contextData;
+        const commands = commandService.getAllSupportedCommands([contextData]);
+        this.actions = commandService.generateActionControls(commands);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: ServiceCommandTabComponent, deps: [{ token: i1.ServiceCommandService }, { token: i2.ContextRouteService }, { token: i3.ActivatedRoute }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.9", type: ServiceCommandTabComponent, isStandalone: true, selector: "c8y-service-command-tab", ngImport: i0, template: "<c8y-action-bar-item\n  *ngFor=\"let action of actions; let i = index\"\n  [placement]=\"i < 3 ? 'right' : 'more'\"\n>\n  <button\n    class=\"d-flex a-i-center {{ i < 3 ? 'btn btn-link' : '' }}\"\n    [title]=\"action.text | translate\"\n    (click)=\"action.callback(service)\"\n    style=\"max-width: {{ i < 3 ? '160px' : 'unset' }};\"\n  >\n    <i\n      class=\"m-r-4\"\n      [class]=\"action.iconClasses\"\n      [c8yIcon]=\"action.icon\"\n    ></i>\n    <span\n      class=\"text-truncate\"\n      translate\n    >\n      {{ action.text }}\n    </span>\n  </button>\n</c8y-action-bar-item>\n\n<c8y-operations-list\n  fragmentType=\"c8y_ServiceCommand\"\n  [readOnlyItems]=\"true\"\n>\n  <!-- TODO Add context help \n  <c8y-help></c8y-help>\n  -->\n</c8y-operations-list>\n", dependencies: [{ kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: IconDirective, selector: "[c8yIcon]", inputs: ["c8yIcon"] }, { kind: "component", type: OperationsListComponent, selector: "c8y-operations-list", inputs: ["fragmentType", "readOnlyItems"] }, { kind: "component", type: ActionBarItemComponent, selector: "c8y-action-bar-item", inputs: ["placement", "priority", "itemClass", "injector", "groupId", "inGroupPriority"] }, { kind: "ngmodule", type: HelpModule }, { kind: "pipe", type: C8yTranslatePipe, name: "translate" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: ServiceCommandTabComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'c8y-service-command-tab', standalone: true, imports: [
+                        NgFor,
+                        IconDirective,
+                        OperationsListComponent,
+                        ActionBarItemComponent,
+                        HelpModule,
+                        C8yTranslatePipe
+                    ], template: "<c8y-action-bar-item\n  *ngFor=\"let action of actions; let i = index\"\n  [placement]=\"i < 3 ? 'right' : 'more'\"\n>\n  <button\n    class=\"d-flex a-i-center {{ i < 3 ? 'btn btn-link' : '' }}\"\n    [title]=\"action.text | translate\"\n    (click)=\"action.callback(service)\"\n    style=\"max-width: {{ i < 3 ? '160px' : 'unset' }};\"\n  >\n    <i\n      class=\"m-r-4\"\n      [class]=\"action.iconClasses\"\n      [c8yIcon]=\"action.icon\"\n    ></i>\n    <span\n      class=\"text-truncate\"\n      translate\n    >\n      {{ action.text }}\n    </span>\n  </button>\n</c8y-action-bar-item>\n\n<c8y-operations-list\n  fragmentType=\"c8y_ServiceCommand\"\n  [readOnlyItems]=\"true\"\n>\n  <!-- TODO Add context help \n  <c8y-help></c8y-help>\n  -->\n</c8y-operations-list>\n" }]
+        }], ctorParameters: () => [{ type: i1.ServiceCommandService }, { type: i2.ContextRouteService }, { type: i3.ActivatedRoute }] });
+
+const serviceCommandTabFeatureProvider = makeEnvironmentProviders([
+    hookRoute({
+        context: ViewContext.Service,
+        path: 'commands',
+        component: ServiceCommandTabComponent,
+        label: gettext('Commands'),
+        icon: 'sliders1',
+        priority: 600
+    })
+]);
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { ServiceCommandTabComponent, serviceCommandTabFeatureProvider };
+//# sourceMappingURL=c8y-ngx-components-services-service-command-tab.mjs.map

package/fesm2022/c8y-ngx-components-services-service-command-tab.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"c8y-ngx-components-services-service-command-tab.mjs","sources":["../../services/service-command-tab/service-command-tab.component.ts","../../services/service-command-tab/service-command-tab.component.html","../../services/service-command-tab/service-command.feature.ts","../../services/service-command-tab/c8y-ngx-components-services-service-command-tab.ts"],"sourcesContent":["import { NgFor } from '@angular/common';\nimport { Component } from '@angular/core';\nimport { ActivatedRoute } from '@angular/router';\nimport {\n  ActionBarItemComponent,\n  ActionControl,\n  C8yTranslatePipe,\n  ContextRouteService,\n  HelpModule,\n  IconDirective\n} from '@c8y/ngx-components';\nimport { OperationsListComponent } from '@c8y/ngx-components/operations/operations-list';\nimport { Service, ServiceCommandService } from '@c8y/ngx-components/services/shared';\n\n@Component({\n  selector: 'c8y-service-command-tab',\n  standalone: true,\n  imports: [\n    NgFor,\n    IconDirective,\n    OperationsListComponent,\n    ActionBarItemComponent,\n    HelpModule,\n    C8yTranslatePipe\n  ],\n  templateUrl: './service-command-tab.component.html'\n})\nexport class ServiceCommandTabComponent {\n  service: Service;\n  actions: ActionControl[] = [];\n\n  constructor(\n    commandService: ServiceCommandService,\n    contextRouteService: ContextRouteService,\n    activatedRoute: ActivatedRoute\n  ) {\n    const { contextData } = contextRouteService.getContextData(activatedRoute);\n    this.service = <Service>contextData;\n    const commands = commandService.getAllSupportedCommands([contextData as unknown as Service]);\n    this.actions = commandService.generateActionControls(commands);\n  }\n}\n","<c8y-action-bar-item\n  *ngFor=\"let action of actions; let i = index\"\n  [placement]=\"i < 3 ? 'right' : 'more'\"\n>\n  <button\n    class=\"d-flex a-i-center {{ i < 3 ? 'btn btn-link' : '' }}\"\n    [title]=\"action.text | translate\"\n    (click)=\"action.callback(service)\"\n    style=\"max-width: {{ i < 3 ? '160px' : 'unset' }};\"\n  >\n    <i\n      class=\"m-r-4\"\n      [class]=\"action.iconClasses\"\n      [c8yIcon]=\"action.icon\"\n    ></i>\n    <span\n      class=\"text-truncate\"\n      translate\n    >\n      {{ action.text }}\n    </span>\n  </button>\n</c8y-action-bar-item>\n\n<c8y-operations-list\n  fragmentType=\"c8y_ServiceCommand\"\n  [readOnlyItems]=\"true\"\n>\n  <!-- TODO Add context help \n  <c8y-help></c8y-help>\n  -->\n</c8y-operations-list>\n","import { EnvironmentProviders, makeEnvironmentProviders } from '@angular/core';\nimport { gettext, hookRoute, ViewContext } from '@c8y/ngx-components';\nimport { ServiceCommandTabComponent } from './service-command-tab.component';\n\nexport const serviceCommandTabFeatureProvider: EnvironmentProviders = makeEnvironmentProviders([\n  hookRoute({\n    context: ViewContext.Service,\n    path: 'commands',\n    component: ServiceCommandTabComponent,\n    label: gettext('Commands'),\n    icon: 'sliders1',\n    priority: 600\n  })\n]);\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;;MA2Ba,0BAA0B,CAAA;AAIrC,IAAA,WAAA,CACE,cAAqC,EACrC,mBAAwC,EACxC,cAA8B,EAAA;QALhC,IAAO,CAAA,OAAA,GAAoB,EAAE,CAAC;QAO5B,MAAM,EAAE,WAAW,EAAE,GAAG,mBAAmB,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC;AAC3E,QAAA,IAAI,CAAC,OAAO,GAAY,WAAW,CAAC;QACpC,MAAM,QAAQ,GAAG,cAAc,CAAC,uBAAuB,CAAC,CAAC,WAAiC,CAAC,CAAC,CAAC;QAC7F,IAAI,CAAC,OAAO,GAAG,cAAc,CAAC,sBAAsB,CAAC,QAAQ,CAAC,CAAC;KAChE;8GAbU,0BAA0B,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAA,EAAA,CAAA,qBAAA,EAAA,EAAA,EAAA,KAAA,EAAA,EAAA,CAAA,mBAAA,EAAA,EAAA,EAAA,KAAA,EAAA,EAAA,CAAA,cAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAA1B,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,0BAA0B,EC3BvC,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,yBAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAAA,8wBAgCA,EDdI,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,KAAK,EACL,QAAA,EAAA,kBAAA,EAAA,MAAA,EAAA,CAAA,SAAA,EAAA,cAAA,EAAA,eAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,aAAa,EACb,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,SAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,uBAAuB,EACvB,QAAA,EAAA,qBAAA,EAAA,MAAA,EAAA,CAAA,cAAA,EAAA,eAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,sBAAsB,EACtB,QAAA,EAAA,qBAAA,EAAA,MAAA,EAAA,CAAA,WAAA,EAAA,UAAA,EAAA,WAAA,EAAA,UAAA,EAAA,SAAA,EAAA,iBAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,UAAU,0BACV,gBAAgB,EAAA,IAAA,EAAA,WAAA,EAAA,CAAA,EAAA,CAAA,CAAA,EAAA;;2FAIP,0BAA0B,EAAA,UAAA,EAAA,CAAA;kBAbtC,SAAS;+BACE,yBAAyB,EAAA,UAAA,EACvB,IAAI,EACP,OAAA,EAAA;wBACP,KAAK;wBACL,aAAa;wBACb,uBAAuB;wBACvB,sBAAsB;wBACtB,UAAU;wBACV,gBAAgB;AACjB,qBAAA,EAAA,QAAA,EAAA,8wBAAA,EAAA,CAAA;;;AEpBI,MAAM,gCAAgC,GAAyB,wBAAwB,CAAC;AAC7F,IAAA,SAAS,CAAC;QACR,OAAO,EAAE,WAAW,CAAC,OAAO;AAC5B,QAAA,IAAI,EAAE,UAAU;AAChB,QAAA,SAAS,EAAE,0BAA0B;AACrC,QAAA,KAAK,EAAE,OAAO,CAAC,UAAU,CAAC;AAC1B,QAAA,IAAI,EAAE,UAAU;AAChB,QAAA,QAAQ,EAAE,GAAG;KACd,CAAC;AACH,CAAA;;ACbD;;AAEG;;;;"}

package/fesm2022/c8y-ngx-components-services-shared.mjs

@@ -0,0 +1,145 @@
+import * as i0 from '@angular/core';
+import { Injectable } from '@angular/core';
+import * as i1 from '@c8y/client';
+import * as i2 from '@c8y/ngx-components';
+import { gettext } from '@c8y/ngx-components';
+import { map } from 'lodash-es';
+
+const SERVICE_FRAGMENT = 'c8y_Service';
+const SERVICE_COMMANDS_MAP = {
+    START: {
+        label: gettext('Start'),
+        command: 'START',
+        icon: 'play-circle',
+        styleClass: 'text-success'
+    },
+    STOP: {
+        label: gettext('Stop'),
+        command: 'STOP',
+        icon: 'stop-circle',
+        styleClass: 'text-danger'
+    },
+    RESTART: {
+        label: gettext('Restart'),
+        command: 'RESTART',
+        icon: 'refresh',
+        styleClass: 'text-info'
+    }
+};
+
+class ServiceCommandService {
+    constructor(operationService, alertService) {
+        this.operationService = operationService;
+        this.alertService = alertService;
+    }
+    /**
+     * Check if the service supports service commands.
+     * @param service The service object containing supported operations.
+     * @returns boolean indicating if the service supports service commands.
+     */
+    isServiceCommandSupported(service) {
+        return service.c8y_SupportedOperations?.includes('c8y_ServiceCommand');
+    }
+    /**
+     * Get the list of supported service commands for the given service object.
+     * @param service The service object containing the c8y_SupportedServiceCommands fragment.
+     * @returns Array of supported commands.
+     */
+    getSupportedCommands(service) {
+        return service.c8y_SupportedServiceCommands || map(SERVICE_COMMANDS_MAP, 'command');
+    }
+    /**
+     * Check if a specific command is supported for the given service.
+     * @param service The service object.
+     * @param command The command to check (e.g., START, STOP).
+     * @returns boolean indicating if the command is supported.
+     */
+    isCommandSupported(service, command) {
+        const supportedCommands = this.getSupportedCommands(service);
+        return supportedCommands.includes(command);
+    }
+    /**
+     * Get all supported commands for a list of services.
+     * @param services The list of service objects to evaluate.
+     * @returns Array of all unique supported commands.
+     */
+    getAllSupportedCommands(services) {
+        const allCommands = services
+            .filter(service => this.isServiceCommandSupported(service))
+            .flatMap(service => this.getSupportedCommands(service));
+        return Array.from(new Set(allCommands));
+    }
+    /**
+     * Create an operation for the selected service command.
+     * @param service The service object the operation should target.
+     * @param command The command to execute (e.g., START, STOP).
+     * @returns Promise of the created operation.
+     */
+    createOperation({ id, name, serviceType }, command) {
+        const operation = {
+            deviceId: id,
+            description: `${command} ${name}`,
+            c8y_ServiceCommand: {
+                command,
+                serviceName: name,
+                serviceType: serviceType
+            }
+        };
+        return this.operationService.create(operation);
+    }
+    /**
+     * Generate a static list of action controls.
+     * The specific logic for each service is handled dynamically in showIf and callback.
+     * @returns Array of ActionControl objects.
+     */
+    generateActionControls(commands) {
+        return commands.map(command => ({
+            type: command.toLowerCase(),
+            icon: this.getCommandIcon(command),
+            iconClasses: this.getCommandIconClass(command),
+            text: command,
+            showIf: (service) => this.isServiceCommandSupported(service) && this.isCommandSupported(service, command),
+            callback: async (service) => {
+                try {
+                    await this.createOperation(service, command);
+                    this.alertService.success(gettext('Operation created.'));
+                }
+                catch (error) {
+                    const alertMessage = gettext('Could not create operation.');
+                    this.alertService.danger(alertMessage, error);
+                }
+            }
+        }));
+    }
+    /**
+     * Get the icon for a specific command.
+     * @param command The command name.
+     * @returns Icon string for the command.
+     */
+    getCommandIcon(command) {
+        return SERVICE_COMMANDS_MAP[command]?.icon || 'console';
+    }
+    /**
+     * Get the icon class for a specific command.
+     * @param command The command name.
+     * @returns Icon class string for the command.
+     */
+    getCommandIconClass(command) {
+        return SERVICE_COMMANDS_MAP[command]?.styleClass;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: ServiceCommandService, deps: [{ token: i1.OperationService }, { token: i2.AlertService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: ServiceCommandService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: ServiceCommandService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }], ctorParameters: () => [{ type: i1.OperationService }, { type: i2.AlertService }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { SERVICE_COMMANDS_MAP, SERVICE_FRAGMENT, ServiceCommandService };
+//# sourceMappingURL=c8y-ngx-components-services-shared.mjs.map

package/fesm2022/c8y-ngx-components-services-shared.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"c8y-ngx-components-services-shared.mjs","sources":["../../services/shared/services.model.ts","../../services/shared/service-command.service.ts","../../services/shared/c8y-ngx-components-services-shared.ts"],"sourcesContent":["import { gettext } from '@c8y/ngx-components';\n\nexport const SERVICE_FRAGMENT = 'c8y_Service';\n\nexport const SERVICE_COMMANDS_MAP = {\n  START: {\n    label: gettext('Start'),\n    command: 'START',\n    icon: 'play-circle',\n    styleClass: 'text-success'\n  },\n  STOP: {\n    label: gettext('Stop'),\n    command: 'STOP',\n    icon: 'stop-circle',\n    styleClass: 'text-danger'\n  },\n  RESTART: {\n    label: gettext('Restart'),\n    command: 'RESTART',\n    icon: 'refresh',\n    styleClass: 'text-info'\n  }\n};\n\nexport interface Service {\n  id: string;\n  name: string;\n  serviceType: string;\n  status: string;\n  c8y_SupportedOperations?: string[];\n  c8y_SupportedServiceCommands?: string[];\n  [key: string]: unknown;\n}\n","import { Injectable } from '@angular/core';\nimport { IOperation, IResult, OperationService } from '@c8y/client';\nimport { ActionControl, AlertService, gettext } from '@c8y/ngx-components';\nimport { map } from 'lodash-es';\nimport { Service, SERVICE_COMMANDS_MAP } from './services.model';\n\n@Injectable({\n  providedIn: 'root'\n})\nexport class ServiceCommandService {\n  constructor(\n    private operationService: OperationService,\n    private alertService: AlertService\n  ) {}\n\n  /**\n   * Check if the service supports service commands.\n   * @param service The service object containing supported operations.\n   * @returns boolean indicating if the service supports service commands.\n   */\n  isServiceCommandSupported(service: Service): boolean {\n    return service.c8y_SupportedOperations?.includes('c8y_ServiceCommand');\n  }\n\n  /**\n   * Get the list of supported service commands for the given service object.\n   * @param service The service object containing the c8y_SupportedServiceCommands fragment.\n   * @returns Array of supported commands.\n   */\n  getSupportedCommands(service: Service): string[] {\n    return service.c8y_SupportedServiceCommands || map(SERVICE_COMMANDS_MAP, 'command');\n  }\n\n  /**\n   * Check if a specific command is supported for the given service.\n   * @param service The service object.\n   * @param command The command to check (e.g., START, STOP).\n   * @returns boolean indicating if the command is supported.\n   */\n  isCommandSupported(service: Service, command: string): boolean {\n    const supportedCommands = this.getSupportedCommands(service);\n    return supportedCommands.includes(command);\n  }\n\n  /**\n   * Get all supported commands for a list of services.\n   * @param services The list of service objects to evaluate.\n   * @returns Array of all unique supported commands.\n   */\n  getAllSupportedCommands(services: Service[]): string[] {\n    const allCommands = services\n      .filter(service => this.isServiceCommandSupported(service))\n      .flatMap(service => this.getSupportedCommands(service));\n\n    return Array.from(new Set(allCommands));\n  }\n\n  /**\n   * Create an operation for the selected service command.\n   * @param service The service object the operation should target.\n   * @param command The command to execute (e.g., START, STOP).\n   * @returns Promise of the created operation.\n   */\n  createOperation(\n    { id, name, serviceType }: Service,\n    command: string\n  ): Promise<IResult<IOperation>> {\n    const operation: IOperation = {\n      deviceId: id,\n      description: `${command} ${name}`,\n      c8y_ServiceCommand: {\n        command,\n        serviceName: name,\n        serviceType: serviceType\n      }\n    };\n\n    return this.operationService.create(operation);\n  }\n\n  /**\n   * Generate a static list of action controls.\n   * The specific logic for each service is handled dynamically in showIf and callback.\n   * @returns Array of ActionControl objects.\n   */\n  generateActionControls(commands: string[]): ActionControl[] {\n    return commands.map(command => ({\n      type: command.toLowerCase(),\n      icon: this.getCommandIcon(command),\n      iconClasses: this.getCommandIconClass(command),\n      text: command,\n      showIf: (service: Service) =>\n        this.isServiceCommandSupported(service) && this.isCommandSupported(service, command),\n      callback: async (service: Service) => {\n        try {\n          await this.createOperation(service, command);\n          this.alertService.success(gettext('Operation created.'));\n        } catch (error) {\n          const alertMessage = gettext('Could not create operation.');\n          this.alertService.danger(alertMessage, error);\n        }\n      }\n    }));\n  }\n\n  /**\n   * Get the icon for a specific command.\n   * @param command The command name.\n   * @returns Icon string for the command.\n   */\n  private getCommandIcon(command: string): string {\n    return SERVICE_COMMANDS_MAP[command]?.icon || 'console';\n  }\n\n  /**\n   * Get the icon class for a specific command.\n   * @param command The command name.\n   * @returns Icon class string for the command.\n   */\n  private getCommandIconClass(command: string): string {\n    return SERVICE_COMMANDS_MAP[command]?.styleClass;\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-services.mjs

@@ -11,7 +11,9 @@ import * as i4 from 'ngx-bootstrap/tooltip';
 import { TooltipModule } from 'ngx-bootstrap/tooltip';
 import * as i1$2 from '@c8y/client';
 import { QueriesUtil } from '@c8y/client';
-import { from } from 'rxjs';
+import * as i5 from '@c8y/ngx-components/services/shared';
+import { SERVICE_FRAGMENT } from '@c8y/ngx-components/services/shared';
+import { serviceCommandTabFeatureProvider } from '@c8y/ngx-components/services/service-command-tab';
 
 class LastUpdatedDateCellRendererComponent {
     constructor(context) {
@@ -336,114 +338,6 @@ class StatusGridColumn extends BaseColumn {
     }
 }
 
-const SERVICE_FRAGMENT = 'c8y_Service';
-
-class ServiceCommandService {
-    constructor(operationService, alertService) {
-        this.operationService = operationService;
-        this.alertService = alertService;
-        this.DEFAULT_COMMANDS = ['START', 'STOP', 'RESTART'];
-        this.commandIcons = {
-            START: 'play-circle',
-            STOP: 'stop-circle',
-            RESTART: 'refresh'
-        };
-    }
-    /**
-     * Check if the service supports service commands.
-     * @param service The service object containing supported operations.
-     * @returns boolean indicating if the service supports service commands.
-     */
-    isServiceCommandSupported(service) {
-        return service.c8y_SupportedOperations?.includes('c8y_ServiceCommand');
-    }
-    /**
-     * Get the list of supported service commands for the given service object.
-     * @param service The service object containing the c8y_SupportedServiceCommands fragment.
-     * @returns Array of supported commands.
-     */
-    getSupportedCommands(service) {
-        return service.c8y_SupportedServiceCommands || this.DEFAULT_COMMANDS;
-    }
-    /**
-     * Check if a specific command is supported for the given service.
-     * @param service The service object.
-     * @param command The command to check (e.g., START, STOP).
-     * @returns boolean indicating if the command is supported.
-     */
-    isCommandSupported(service, command) {
-        const supportedCommands = this.getSupportedCommands(service);
-        return supportedCommands.includes(command);
-    }
-    /**
-     * Get all supported commands for a list of services.
-     * @param services The list of service objects to evaluate.
-     * @returns Array of all unique supported commands.
-     */
-    getAllSupportedCommands(services) {
-        const allCommands = services
-            .filter(service => this.isServiceCommandSupported(service))
-            .flatMap(service => this.getSupportedCommands(service));
-        return Array.from(new Set(allCommands));
-    }
-    /**
-     * Create an operation for the selected service command.
-     * @param service The service object the operation should target.
-     * @param command The command to execute (e.g., START, STOP).
-     * @returns Observable of the created operation.
-     */
-    createOperation({ id, name, serviceType }, command) {
-        const operation = {
-            deviceId: id,
-            c8y_ServiceCommand: {
-                command,
-                serviceName: name,
-                serviceType: serviceType
-            }
-        };
-        return from(this.operationService.create(operation));
-    }
-    /**
-     * Generate a static list of action controls.
-     * The specific logic for each service is handled dynamically in showIf and callback.
-     * @returns Array of ActionControl objects.
-     */
-    generateActionControls(commands) {
-        return commands.map(command => ({
-            type: command.toLowerCase(),
-            icon: this.getCommandIcon(command),
-            text: command,
-            showIf: (service) => this.isServiceCommandSupported(service) && this.isCommandSupported(service, command),
-            callback: async (service) => {
-                try {
-                    await this.createOperation(service, command).toPromise();
-                    this.alertService.success(gettext('Operation created.'));
-                }
-                catch (error) {
-                    const alertMessage = gettext('Could not create operaion.');
-                    this.alertService.danger(alertMessage, error);
-                }
-            }
-        }));
-    }
-    /**
-     * Get the icon for a specific command.
-     * @param command The command name.
-     * @returns Icon string for the command.
-     */
-    getCommandIcon(command) {
-        return this.commandIcons[command] || 'console';
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: ServiceCommandService, deps: [{ token: i1$2.OperationService }, { token: i1.AlertService }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: ServiceCommandService, providedIn: 'root' }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: ServiceCommandService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root'
-                }]
-        }], ctorParameters: () => [{ type: i1$2.OperationService }, { type: i1.AlertService }] });
-
 class ServicesDeviceTabComponent {
     constructor(route, inventoryService, gridService, statusOptionsService, serviceCommand) {
         this.route = route;
@@ -518,13 +412,13 @@ class ServicesDeviceTabComponent {
     trackByName(_index, column) {
         return column.name;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: ServicesDeviceTabComponent, deps: [{ token: i1$1.ActivatedRoute }, { token: i1$2.InventoryService }, { token: i1.DataGridService }, { token: StatusOptionsService }, { token: ServiceCommandService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: ServicesDeviceTabComponent, deps: [{ token: i1$1.ActivatedRoute }, { token: i1$2.InventoryService }, { token: i1.DataGridService }, { token: StatusOptionsService }, { token: i5.ServiceCommandService }], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.9", type: ServicesDeviceTabComponent, selector: "c8y-services-device-tab", ngImport: i0, template: "<div class=\"content-fullpage\">\n  <c8y-data-grid\n    [title]=\"'Services' | translate\"\n    [refresh]=\"refresh$\"\n    [actionControls]=\"actionControls\"\n    [pagination]=\"pagination\"\n    [columns]=\"columns\"\n    [infiniteScroll]=\"'auto'\"\n    [serverSideDataCallback]=\"serverSideDataCallback\"\n  >\n    <c8y-ui-empty-state\n      [icon]=\"stats?.size > 0 ? 'search' : 'c8y-tools'\"\n      [title]=\"stats?.size > 0 ? (noResultsMessage | translate) : (noDataMessage | translate)\"\n      [subtitle]=\"stats?.size > 0 ? (noResultsSubtitle | translate) : null\"\n      *emptyStateContext=\"let stats; isLoading as isLoading\"\n      [horizontal]=\"stats?.size > 0\"\n    ></c8y-ui-empty-state>\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</div>\n", dependencies: [{ kind: "component", type: i1.EmptyStateComponent, selector: "c8y-ui-empty-state", inputs: ["icon", "title", "subtitle", "horizontal"] }, { kind: "directive", type: i1.EmptyStateContextDirective, selector: "[emptyStateContext]" }, { kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.ColumnDirective, selector: "c8y-column", inputs: ["name"] }, { kind: "component", type: i1.DataGridComponent, selector: "c8y-data-grid", inputs: ["title", "loadMoreItemsLabel", "loadingItemsLabel", "showSearch", "refresh", "columns", "rows", "pagination", "infiniteScroll", "serverSideDataCallback", "selectable", "singleSelection", "selectionPrimaryKey", "displayOptions", "actionControls", "bulkActionControls", "headerActionControls", "searchText", "configureColumnsEnabled", "showCounterWarning", "activeClassName", "expandableRows"], outputs: ["rowMouseOver", "rowMouseLeave", "rowClick", "onConfigChange", "onBeforeFilter", "onBeforeSearch", "onFilter", "itemsSelect", "onReload", "onAddCustomColumn", "onRemoveCustomColumn", "onColumnFilterReset", "onSort", "onPageSizeChange", "onColumnReordered", "onColumnVisibilityChange"] }, { kind: "pipe", type: i1.C8yTranslatePipe, name: "translate" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: ServicesDeviceTabComponent, decorators: [{
             type: Component,
             args: [{ selector: 'c8y-services-device-tab', template: "<div class=\"content-fullpage\">\n  <c8y-data-grid\n    [title]=\"'Services' | translate\"\n    [refresh]=\"refresh$\"\n    [actionControls]=\"actionControls\"\n    [pagination]=\"pagination\"\n    [columns]=\"columns\"\n    [infiniteScroll]=\"'auto'\"\n    [serverSideDataCallback]=\"serverSideDataCallback\"\n  >\n    <c8y-ui-empty-state\n      [icon]=\"stats?.size > 0 ? 'search' : 'c8y-tools'\"\n      [title]=\"stats?.size > 0 ? (noResultsMessage | translate) : (noDataMessage | translate)\"\n      [subtitle]=\"stats?.size > 0 ? (noResultsSubtitle | translate) : null\"\n      *emptyStateContext=\"let stats; isLoading as isLoading\"\n      [horizontal]=\"stats?.size > 0\"\n    ></c8y-ui-empty-state>\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</div>\n" }]
-        }], ctorParameters: () => [{ type: i1$1.ActivatedRoute }, { type: i1$2.InventoryService }, { type: i1.DataGridService }, { type: StatusOptionsService }, { type: ServiceCommandService }] });
+        }], ctorParameters: () => [{ type: i1$1.ActivatedRoute }, { type: i1$2.InventoryService }, { type: i1.DataGridService }, { type: StatusOptionsService }, { type: i5.ServiceCommandService }] });
 
 class ServicesDeviceTabGuard {
     constructor(inventoryService) {
@@ -559,6 +453,14 @@ class ServicesBreadcrumbFactory {
             const breadcrumbItems = [];
             const device = serviceMO?.additionParents?.references[0]?.managedObject;
             if (device) {
+                breadcrumbItems.push({
+                    label: gettext('Devices'),
+                    icon: 'exchange'
+                });
+                breadcrumbItems.push({
+                    label: gettext('All devices'),
+                    path: '/device'
+                });
                 breadcrumbItems.push({
                     label: device.name,
                     path: `/device/${device.id}`
@@ -570,6 +472,10 @@ class ServicesBreadcrumbFactory {
                 breadcrumbItems.push({
                     label: serviceMO.name
                 });
+                const label = routeConfig?.label;
+                if (!!label) {
+                    breadcrumbItems.push({ label });
+                }
             }
             breadcrumb.items = breadcrumbItems;
             return breadcrumb;
@@ -631,11 +537,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImpor
 class ServicesModule {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: ServicesModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
     static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.9", ngImport: i0, type: ServicesModule, imports: [CoreModule, ServicesDeviceTabModule] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: ServicesModule, imports: [CoreModule, ServicesDeviceTabModule] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: ServicesModule, providers: [serviceCommandTabFeatureProvider], imports: [CoreModule, ServicesDeviceTabModule] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: ServicesModule, decorators: [{
             type: NgModule,
             args: [{
+                    providers: [serviceCommandTabFeatureProvider],
                     imports: [CoreModule, ServicesDeviceTabModule]
                 }]
         }] });
@@ -644,5 +551,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { HOOK_SERVICE_STATUS, LastUpdatedDateCellRendererComponent, LastUpdatedDateGridColumn, SERVICE_FRAGMENT, SERVICE_STATUS_OPTIONS, ServiceNameGridColumn, ServiceTypeGridColumn, ServicesDeviceTabComponent, ServicesDeviceTabGuard, ServicesDeviceTabModule, ServicesModule, ServicesNameCellRendererComponent, ServicesStatusCellRendererComponent, StatusGridColumn, StatusOptionsService, hookServiceStatus };
+export { HOOK_SERVICE_STATUS, LastUpdatedDateCellRendererComponent, LastUpdatedDateGridColumn, SERVICE_STATUS_OPTIONS, ServiceNameGridColumn, ServiceTypeGridColumn, ServicesBreadcrumbFactory, ServicesDeviceTabComponent, ServicesDeviceTabGuard, ServicesDeviceTabModule, ServicesModule, ServicesNameCellRendererComponent, ServicesStatusCellRendererComponent, StatusGridColumn, StatusOptionsService, hookServiceStatus };
 //# sourceMappingURL=c8y-ngx-components-services.mjs.map