@c8y/ngx-components 1023.10.1 → 1023.14.2

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

@@ -29,7 +29,7 @@ import * as i1$3 from 'ngx-bootstrap/dropdown';
 import { BsDropdownModule } from 'ngx-bootstrap/dropdown';
 import { TooltipModule } from 'ngx-bootstrap/tooltip';
 import { defaultWidgetIds } from '@c8y/ngx-components/widgets/definitions';
-import { GlobalContextWidgetWrapperComponent } from '@c8y/ngx-components/global-context';
+import { GlobalContextWidgetWrapperComponent, ConfigModeControlsComponent } from '@c8y/ngx-components/global-context';
 
 const newDashboardTab = {
     featureId: 'newDashboard',
@@ -4301,26 +4301,38 @@ class GlobalContextSectionComponent {
     constructor() {
         this.widgetConfigService = inject(WidgetConfigService);
     }
+    /** Whether to use the new controls-based approach */
+    get useControls() {
+        return !!this.controls;
+    }
     onGlobalContext(event) {
         if (isEmpty(event.diff)) {
             return;
         }
         this.widgetConfigService.updateConfig(event.context);
     }
+    onConfigChange(event) {
+        if (isEmpty(event.diff)) {
+            return;
+        }
+        this.widgetConfigService.updateConfig(event.context);
+    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: GlobalContextSectionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", type: GlobalContextSectionComponent, isStandalone: true, selector: "c8y-global-context-section", inputs: { widgetControls: "widgetControls" }, ngImport: i0, template: "<div>\n  <c8y-global-context-widget-wrapper\n    *ngIf=\"widgetControls\"\n    [widgetControls]=\"widgetControls\"\n    [displayMode]=\"'config'\"\n    [config]=\"widgetConfigService.currentConfig$ | async\"\n    (globalContextChange)=\"onGlobalContext($event)\"\n  ></c8y-global-context-widget-wrapper>\n</div>\n\n<c8y-widget-config-feedback>\n  <span class=\"tag tag--info chip text-12 m-4\">\n    <span\n      class=\"text-truncate\"\n      [title]=\"'The time context can only get changed in the configuration.' | translate\"\n      *ngIf=\"widgetConfigService.currentConfig.displayMode === 'config'\"\n      translate\n    >\n      Configuration\n    </span>\n    <span\n      [title]=\"'The widget is bound to the global time context.' | translate\"\n      *ngIf=\"widgetConfigService.currentConfig.displayMode === 'dashboard'\"\n      translate\n    >\n      Dashboard\n    </span>\n    <span\n      [title]=\"'The time context can be configured in the widget view mode.' | translate\"\n      *ngIf=\"widgetConfigService.currentConfig.displayMode === 'view_and_config'\"\n      translate\n    >\n      Configuration and widget view\n    </span>\n  </span>\n</c8y-widget-config-feedback>\n", dependencies: [{ kind: "component", type: GlobalContextWidgetWrapperComponent, selector: "c8y-global-context-widget-wrapper", inputs: ["isLoading", "displayMode", "widgetControls", "controlLinks", "dashboardChildForLegacy", "config"], outputs: ["globalContextChange"] }, { kind: "component", type: WidgetConfigFeedbackComponent, selector: "c8y-widget-config-feedback" }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: C8yTranslatePipe, name: "translate" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.15", type: GlobalContextSectionComponent, isStandalone: true, selector: "c8y-global-context-section", inputs: { widgetControls: "widgetControls", controls: "controls" }, ngImport: i0, template: "<div>\n  @if (useControls) {\n    <c8y-config-mode-controls\n      [controls]=\"controls\"\n      [config]=\"widgetConfigService.currentConfig$ | async\"\n      (configChange)=\"onConfigChange($event)\"\n    ></c8y-config-mode-controls>\n  } @else if (widgetControls) {\n    <c8y-global-context-widget-wrapper\n      [widgetControls]=\"widgetControls\"\n      [displayMode]=\"'config'\"\n      [config]=\"widgetConfigService.currentConfig$ | async\"\n      (globalContextChange)=\"onGlobalContext($event)\"\n    ></c8y-global-context-widget-wrapper>\n  }\n</div>\n\n<c8y-widget-config-feedback>\n  <span class=\"tag tag--info chip text-12 m-4\">\n    @if (widgetConfigService.currentConfig.displayMode === 'config') {\n      <span\n        class=\"text-truncate\"\n        [title]=\"'The time context can only get changed in the configuration.' | translate\"\n        translate\n      >\n        Configuration\n      </span>\n    }\n    @if (widgetConfigService.currentConfig.displayMode === 'dashboard') {\n      <span\n        [title]=\"'The widget is bound to the global time context.' | translate\"\n        translate\n      >\n        Dashboard\n      </span>\n    }\n    @if (widgetConfigService.currentConfig.displayMode === 'view_and_config') {\n      <span\n        [title]=\"'The time context can be configured in the widget view mode.' | translate\"\n        translate\n      >\n        Configuration and widget view\n      </span>\n    }\n  </span>\n</c8y-widget-config-feedback>\n", dependencies: [{ kind: "component", type: GlobalContextWidgetWrapperComponent, selector: "c8y-global-context-widget-wrapper", inputs: ["isLoading", "displayMode", "widgetControls", "controlLinks", "dashboardChildForLegacy", "config"], outputs: ["globalContextChange"] }, { kind: "component", type: ConfigModeControlsComponent, selector: "c8y-config-mode-controls", inputs: ["controls", "config"], outputs: ["configChange"] }, { kind: "component", type: WidgetConfigFeedbackComponent, selector: "c8y-widget-config-feedback" }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: C8yTranslatePipe, name: "translate" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: GlobalContextSectionComponent, decorators: [{
             type: Component,
             args: [{ selector: 'c8y-global-context-section', standalone: true, imports: [
                         GlobalContextWidgetWrapperComponent,
+                        ConfigModeControlsComponent,
                         AsyncPipe,
                         WidgetConfigFeedbackComponent,
-                        C8yTranslatePipe,
-                        NgIf
-                    ], template: "<div>\n  <c8y-global-context-widget-wrapper\n    *ngIf=\"widgetControls\"\n    [widgetControls]=\"widgetControls\"\n    [displayMode]=\"'config'\"\n    [config]=\"widgetConfigService.currentConfig$ | async\"\n    (globalContextChange)=\"onGlobalContext($event)\"\n  ></c8y-global-context-widget-wrapper>\n</div>\n\n<c8y-widget-config-feedback>\n  <span class=\"tag tag--info chip text-12 m-4\">\n    <span\n      class=\"text-truncate\"\n      [title]=\"'The time context can only get changed in the configuration.' | translate\"\n      *ngIf=\"widgetConfigService.currentConfig.displayMode === 'config'\"\n      translate\n    >\n      Configuration\n    </span>\n    <span\n      [title]=\"'The widget is bound to the global time context.' | translate\"\n      *ngIf=\"widgetConfigService.currentConfig.displayMode === 'dashboard'\"\n      translate\n    >\n      Dashboard\n    </span>\n    <span\n      [title]=\"'The time context can be configured in the widget view mode.' | translate\"\n      *ngIf=\"widgetConfigService.currentConfig.displayMode === 'view_and_config'\"\n      translate\n    >\n      Configuration and widget view\n    </span>\n  </span>\n</c8y-widget-config-feedback>\n" }]
+                        C8yTranslatePipe
+                    ], template: "<div>\n  @if (useControls) {\n    <c8y-config-mode-controls\n      [controls]=\"controls\"\n      [config]=\"widgetConfigService.currentConfig$ | async\"\n      (configChange)=\"onConfigChange($event)\"\n    ></c8y-config-mode-controls>\n  } @else if (widgetControls) {\n    <c8y-global-context-widget-wrapper\n      [widgetControls]=\"widgetControls\"\n      [displayMode]=\"'config'\"\n      [config]=\"widgetConfigService.currentConfig$ | async\"\n      (globalContextChange)=\"onGlobalContext($event)\"\n    ></c8y-global-context-widget-wrapper>\n  }\n</div>\n\n<c8y-widget-config-feedback>\n  <span class=\"tag tag--info chip text-12 m-4\">\n    @if (widgetConfigService.currentConfig.displayMode === 'config') {\n      <span\n        class=\"text-truncate\"\n        [title]=\"'The time context can only get changed in the configuration.' | translate\"\n        translate\n      >\n        Configuration\n      </span>\n    }\n    @if (widgetConfigService.currentConfig.displayMode === 'dashboard') {\n      <span\n        [title]=\"'The widget is bound to the global time context.' | translate\"\n        translate\n      >\n        Dashboard\n      </span>\n    }\n    @if (widgetConfigService.currentConfig.displayMode === 'view_and_config') {\n      <span\n        [title]=\"'The time context can be configured in the widget view mode.' | translate\"\n        translate\n      >\n        Configuration and widget view\n      </span>\n    }\n  </span>\n</c8y-widget-config-feedback>\n" }]
         }], propDecorators: { widgetControls: [{
                 type: Input
+            }], controls: [{
+                type: Input
             }] } });
 
 /**