npm - @c8y/ngx-components - Versions diffs - 1023.30.0 → 1023.37.0 - Mend

@c8y/ngx-components 1023.30.0 → 1023.37.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (120) hide show

package/fesm2022/c8y-ngx-components-ecosystem-plugin-setup-stepper.mjs CHANGED Viewed

@@ -6,7 +6,7 @@ import { map, filter } from 'rxjs/operators';
 import * as i2 from '@c8y/ngx-components/ecosystem/application-plugins';
 import { ApplicationPluginsModule } from '@c8y/ngx-components/ecosystem/application-plugins';
 import { LicenseConfirmModule } from '@c8y/ngx-components/ecosystem/license-confirm';
-import { NgIf, AsyncPipe } from '@angular/common';
+import { AsyncPipe, NgIf } from '@angular/common';
 import { gettext } from '@c8y/ngx-components/gettext';
 class PluginSetupStepperComponent {
@@ -24,11 +24,11 @@ class PluginSetupStepperComponent {
         this.stepper.previous();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: PluginSetupStepperComponent, deps: [{ token: i1.AppStateService }, { token: i1.C8yStepper }, { token: i1.SetupComponent }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.16", type: PluginSetupStepperComponent, isStandalone: true, selector: "c8y-plugin-setup-stepper", host: { classAttribute: "d-contents" }, ngImport: i0, template: "<div class=\"container-fluid flex-no-shrink fit-w\">\n  <div class=\"row\">\n    <div class=\"col-md-8 col-md-offset-2 col-lg-6 col-lg-offset-3 p-t-24 p-l-16 p-r-16\">\n      <h3 translate class=\"text-medium l-h-base\">Plugins</h3>\n      <p class=\"lead text-normal\" translate>\n       Manage the application plugins.\n      </p>\n    </div>\n  </div>\n</div>\n<div class=\"inner-scroll flex-grow\">\n  <c8y-app-plugins *ngIf=\"appId$ | async as appId\" [appId]=\"appId\"></c8y-app-plugins>\n</div>\n<div class=\"card-footer separator d-flex j-c-center\">\n  <button\n    class=\"btn btn-default\"\n    type=\"button\"\n    data-cy=\"c8y-plugin-setup-stepper--cancel-button\"\n    *ngIf=\"stepper.selectedIndex !== 0\"\n    (click)=\"back()\"\n    translate\n  >\n    Previous\n  </button>\n  <button class=\"btn btn-primary\" type=\"submit\" data-cy=\"c8y-plugin-setup-stepper--continue-button\" (click)=\"next()\" translate>\n    Continue\n  </button>\n</div>\n", dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: ApplicationPluginsModule }, { kind: "component", type: i2.ApplicationPluginsComponent, selector: "c8y-app-plugins", inputs: ["appId"] }, { kind: "ngmodule", type: LicenseConfirmModule }, { kind: "directive", type: C8yTranslateDirective, selector: "[translate],[ngx-translate]" }, { kind: "pipe", type: AsyncPipe, name: "async" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: PluginSetupStepperComponent, isStandalone: true, selector: "c8y-plugin-setup-stepper", host: { classAttribute: "d-contents" }, ngImport: i0, template: "<div class=\"container-fluid flex-no-shrink fit-w\">\n  <div class=\"row\">\n    <div class=\"col-md-8 col-md-offset-2 col-lg-6 col-lg-offset-3 p-t-24 p-l-16 p-r-16\">\n      <h3\n        class=\"text-medium l-h-base\"\n        translate\n      >\n        Plugins\n      </h3>\n      <p\n        class=\"lead text-normal\"\n        translate\n      >\n        Manage the application plugins.\n      </p>\n    </div>\n  </div>\n</div>\n<div class=\"inner-scroll flex-grow\">\n  @if (appId$ | async; as appId) {\n    <c8y-app-plugins [appId]=\"appId\"></c8y-app-plugins>\n  }\n</div>\n<div class=\"card-footer separator d-flex gap-8 j-c-center\">\n  @if (stepper.selectedIndex !== 0) {\n    <button\n      class=\"btn btn-default\"\n      type=\"button\"\n      data-cy=\"c8y-plugin-setup-stepper--cancel-button\"\n      (click)=\"back()\"\n      translate\n    >\n      Previous\n    </button>\n  }\n  <button\n    class=\"btn btn-primary\"\n    type=\"submit\"\n    data-cy=\"c8y-plugin-setup-stepper--continue-button\"\n    (click)=\"next()\"\n    translate\n  >\n    Continue\n  </button>\n</div>\n", dependencies: [{ kind: "ngmodule", type: ApplicationPluginsModule }, { kind: "component", type: i2.ApplicationPluginsComponent, selector: "c8y-app-plugins", inputs: ["appId"] }, { kind: "ngmodule", type: LicenseConfirmModule }, { kind: "directive", type: C8yTranslateDirective, selector: "[translate],[ngx-translate]" }, { kind: "pipe", type: AsyncPipe, name: "async" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: PluginSetupStepperComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'c8y-plugin-setup-stepper', standalone: true, imports: [NgIf, AsyncPipe, ApplicationPluginsModule, LicenseConfirmModule, C8yTranslateDirective], host: { class: 'd-contents' }, template: "<div class=\"container-fluid flex-no-shrink fit-w\">\n  <div class=\"row\">\n    <div class=\"col-md-8 col-md-offset-2 col-lg-6 col-lg-offset-3 p-t-24 p-l-16 p-r-16\">\n      <h3 translate class=\"text-medium l-h-base\">Plugins</h3>\n      <p class=\"lead text-normal\" translate>\n       Manage the application plugins.\n      </p>\n    </div>\n  </div>\n</div>\n<div class=\"inner-scroll flex-grow\">\n  <c8y-app-plugins *ngIf=\"appId$ | async as appId\" [appId]=\"appId\"></c8y-app-plugins>\n</div>\n<div class=\"card-footer separator d-flex j-c-center\">\n  <button\n    class=\"btn btn-default\"\n    type=\"button\"\n    data-cy=\"c8y-plugin-setup-stepper--cancel-button\"\n    *ngIf=\"stepper.selectedIndex !== 0\"\n    (click)=\"back()\"\n    translate\n  >\n    Previous\n  </button>\n  <button class=\"btn btn-primary\" type=\"submit\" data-cy=\"c8y-plugin-setup-stepper--continue-button\" (click)=\"next()\" translate>\n    Continue\n  </button>\n</div>\n" }]
+            args: [{ selector: 'c8y-plugin-setup-stepper', standalone: true, imports: [NgIf, AsyncPipe, ApplicationPluginsModule, LicenseConfirmModule, C8yTranslateDirective], host: { class: 'd-contents' }, template: "<div class=\"container-fluid flex-no-shrink fit-w\">\n  <div class=\"row\">\n    <div class=\"col-md-8 col-md-offset-2 col-lg-6 col-lg-offset-3 p-t-24 p-l-16 p-r-16\">\n      <h3\n        class=\"text-medium l-h-base\"\n        translate\n      >\n        Plugins\n      </h3>\n      <p\n        class=\"lead text-normal\"\n        translate\n      >\n        Manage the application plugins.\n      </p>\n    </div>\n  </div>\n</div>\n<div class=\"inner-scroll flex-grow\">\n  @if (appId$ | async; as appId) {\n    <c8y-app-plugins [appId]=\"appId\"></c8y-app-plugins>\n  }\n</div>\n<div class=\"card-footer separator d-flex gap-8 j-c-center\">\n  @if (stepper.selectedIndex !== 0) {\n    <button\n      class=\"btn btn-default\"\n      type=\"button\"\n      data-cy=\"c8y-plugin-setup-stepper--cancel-button\"\n      (click)=\"back()\"\n      translate\n    >\n      Previous\n    </button>\n  }\n  <button\n    class=\"btn btn-primary\"\n    type=\"submit\"\n    data-cy=\"c8y-plugin-setup-stepper--continue-button\"\n    (click)=\"next()\"\n    translate\n  >\n    Continue\n  </button>\n</div>\n" }]
         }], ctorParameters: () => [{ type: i1.AppStateService }, { type: i1.C8yStepper }, { type: i1.SetupComponent }] });
 class PluginSetupStepperModule {

package/fesm2022/c8y-ngx-components-ecosystem-plugin-setup-stepper.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"c8y-ngx-components-ecosystem-plugin-setup-stepper.mjs","sources":["../../ecosystem/plugin-setup-stepper/plugin-setup-stepper.component.ts","../../ecosystem/plugin-setup-stepper/plugin-setup-stepper.component.html","../../ecosystem/plugin-setup-stepper/plugin-setup-stepper.module.ts","../../ecosystem/plugin-setup-stepper/c8y-ngx-components-ecosystem-plugin-setup-stepper.ts"],"sourcesContent":["import { Component } from '@angular/core';\nimport {\n AppStateService,\n C8yStepper,\n C8yTranslateDirective,\n SetupComponent\n} from '@c8y/ngx-components';\nimport { Observable } from 'rxjs';\nimport { map, filter } from 'rxjs/operators';\nimport { ApplicationPluginsModule } from '@c8y/ngx-components/ecosystem/application-plugins';\nimport { LicenseConfirmModule } from '@c8y/ngx-components/ecosystem/license-confirm';\nimport { AsyncPipe, NgIf } from '@angular/common';\n\n@Component({\n selector: 'c8y-plugin-setup-stepper',\n templateUrl: './plugin-setup-stepper.component.html',\n standalone: true,\n imports: [NgIf, AsyncPipe, ApplicationPluginsModule, LicenseConfirmModule, C8yTranslateDirective],\n host: { class: 'd-contents' }\n})\nexport class PluginSetupStepperComponent {\n appId$: Observable<string \| number>;\n\n constructor(\n private appState: AppStateService,\n public stepper: C8yStepper,\n private setup: SetupComponent\n ) {\n this.appId$ = this.appState.currentApplication.pipe(\n map(app => app?.id),\n filter(appId => !!appId)\n );\n }\n\n next() {\n this.setup.stepCompleted(this.stepper.selectedIndex);\n this.stepper.next();\n }\n\n back() {\n this.stepper.previous();\n }\n}\n","<div class=\"container-fluid flex-no-shrink fit-w\">\n <div class=\"row\">\n <div class=\"col-md-8 col-md-offset-2 col-lg-6 col-lg-offset-3 p-t-24 p-l-16 p-r-16\">\n <h3 ~~translate~~ class=\"text-medium l-h-base\">Plugins</h3>\n <p class=\"lead text-normal\" translate>\n Manage the application plugins.\n </p>\n </div>\n </div>\n</div>\n<div class=\"inner-scroll flex-grow\">\n ~~<c8y-app-plugins~~ ngIf=\"appId$ \| async as appId\" [appId]=\"appId\"></c8y-app-plugins>\n</div>\n<div class=\"card-footer separator d-flex j-c-center\">\n <button\n class=\"btn btn-default\"\n type=\"button\"\n data-cy=\"c8y-plugin-setup-stepper--cancel-button\"\n ngIf=\"stepper.selectedIndex !== 0\"\n (click)=\"back()\"\n translate\n >\n Previous\n </button>\n <button class=\"btn btn-primary\" type=\"submit\" data-cy=\"c8y-plugin-setup-stepper--continue-button\" (click)=\"next()\" translate>\n Continue\n </button>\n</div>\n","import { NgModule } from '@angular/core';\nimport { PluginSetupStepperComponent } from './plugin-setup-stepper.component';\nimport { gettext } from '@c8y/ngx-components/gettext';\nimport { hookStepper, Steppers } from '@c8y/ngx-components';\n\n@NgModule({\n imports: [PluginSetupStepperComponent],\n providers: [\n hookStepper([\n {\n stepperId: Steppers.SETUP,\n component: PluginSetupStepperComponent,\n label: gettext('Plugins'),\n setupId: 'plugins',\n priority: 30\n }\n ])\n ]\n})\nexport class PluginSetupStepperModule {}\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":";;;;;;;;;;;MAoBa,2BAA2B,CAAA;AAGtC,IAAA,WAAA,CACU,QAAyB,EAC1B,OAAmB,EAClB,KAAqB,EAAA;QAFrB,IAAA,CAAA,QAAQ,GAAR,QAAQ;QACT,IAAA,CAAA,OAAO,GAAP,OAAO;QACN,IAAA,CAAA,KAAK,GAAL,KAAK;AAEb,QAAA,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,QAAQ,CAAC,kBAAkB,CAAC,IAAI,CACjD,GAAG,CAAC,GAAG,IAAI,GAAG,EAAE,EAAE,CAAC,EACnB,MAAM,CAAC,KAAK,IAAI,CAAC,CAAC,KAAK,CAAC,CACzB;IACH;IAEA,IAAI,GAAA;QACF,IAAI,CAAC,KAAK,CAAC,aAAa,CAAC,IAAI,CAAC,OAAO,CAAC,aAAa,CAAC;AACpD,QAAA,IAAI,CAAC,OAAO,CAAC,IAAI,EAAE;IACrB;IAEA,IAAI,GAAA;AACF,QAAA,IAAI,CAAC,OAAO,CAAC,QAAQ,EAAE;IACzB;+GArBW,2BAA2B,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAA,EAAA,CAAA,eAAA,EAAA,EAAA,EAAA,KAAA,EAAA,EAAA,CAAA,UAAA,EAAA,EAAA,EAAA,KAAA,EAAA,EAAA,CAAA,cAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;mGAA3B,2BAA2B,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,0BAAA,EAAA,IAAA,EAAA,EAAA,cAAA,EAAA,YAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECpBxC,~~w8BA4BA~~,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,~~WAAA,EAAA,IAAA,EDXY,IAAI,EAAA,QAAA,EAAA,QAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,~~UAAA,EAAA,~~UAAA,CAAA,EAAA,EAAA,EAAA,~~IAAA,~~EAAA~~,~~UAAA,EAAA,IAAA,EAAa,~~wBAAwB,~~EAAA~~,~~EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,2BAAA,EAAA,QAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,CAAA,OAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAE,~~oBAAoB,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAE,qBAAqB,EAAA,QAAA,EAAA,6BAAA,EAAA,EAAA,EAAA,IAAA,EAAA,MAAA,EAAA,IAAA,EAAhF,SAAS,EAAA,IAAA,EAAA,OAAA,EAAA,CAAA,EAAA,CAAA,CAAA;;4FAGd,2BAA2B,EAAA,UAAA,EAAA,CAAA;kBAPvC,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,0BAA0B,cAExB,IAAI,EAAA,OAAA,EACP,CAAC,IAAI,EAAE,SAAS,EAAE,wBAAwB,EAAE,oBAAoB,EAAE,qBAAqB,CAAC,EAAA,IAAA,EAC3F,EAAE,KAAK,EAAE,YAAY,EAAE,EAAA,QAAA,EAAA,~~w8BAAA~~,EAAA;;;MEClB,wBAAwB,CAAA;+GAAxB,wBAAwB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;AAAxB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,wBAAwB,YAbzB,2BAA2B,CAAA,EAAA,CAAA,CAAA;AAa1B,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,wBAAwB,EAAA,SAAA,EAZxB;AACT,YAAA,WAAW,CAAC;AACV,gBAAA;oBACE,SAAS,EAAE,QAAQ,CAAC,KAAK;AACzB,oBAAA,SAAS,EAAE,2BAA2B;AACtC,oBAAA,KAAK,EAAE,OAAO,CAAC,SAAS,CAAC;AACzB,oBAAA,OAAO,EAAE,SAAS;AAClB,oBAAA,QAAQ,EAAE;AACX;aACF;AACF,SAAA,EAAA,OAAA,EAAA,CAXS,2BAA2B,CAAA,EAAA,CAAA,CAAA;;4FAa1B,wBAAwB,EAAA,UAAA,EAAA,CAAA;kBAdpC,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;oBACR,OAAO,EAAE,CAAC,2BAA2B,CAAC;AACtC,oBAAA,SAAS,EAAE;AACT,wBAAA,WAAW,CAAC;AACV,4BAAA;gCACE,SAAS,EAAE,QAAQ,CAAC,KAAK;AACzB,gCAAA,SAAS,EAAE,2BAA2B;AACtC,gCAAA,KAAK,EAAE,OAAO,CAAC,SAAS,CAAC;AACzB,gCAAA,OAAO,EAAE,SAAS;AAClB,gCAAA,QAAQ,EAAE;AACX;yBACF;AACF;AACF,iBAAA;;;AClBD;;AAEG;;;;"}
1	+ {"version":3,"file":"c8y-ngx-components-ecosystem-plugin-setup-stepper.mjs","sources":["../../ecosystem/plugin-setup-stepper/plugin-setup-stepper.component.ts","../../ecosystem/plugin-setup-stepper/plugin-setup-stepper.component.html","../../ecosystem/plugin-setup-stepper/plugin-setup-stepper.module.ts","../../ecosystem/plugin-setup-stepper/c8y-ngx-components-ecosystem-plugin-setup-stepper.ts"],"sourcesContent":["import { Component } from '@angular/core';\nimport {\n AppStateService,\n C8yStepper,\n C8yTranslateDirective,\n SetupComponent\n} from '@c8y/ngx-components';\nimport { Observable } from 'rxjs';\nimport { map, filter } from 'rxjs/operators';\nimport { ApplicationPluginsModule } from '@c8y/ngx-components/ecosystem/application-plugins';\nimport { LicenseConfirmModule } from '@c8y/ngx-components/ecosystem/license-confirm';\nimport { AsyncPipe, NgIf } from '@angular/common';\n\n@Component({\n selector: 'c8y-plugin-setup-stepper',\n templateUrl: './plugin-setup-stepper.component.html',\n standalone: true,\n imports: [NgIf, AsyncPipe, ApplicationPluginsModule, LicenseConfirmModule, C8yTranslateDirective],\n host: { class: 'd-contents' }\n})\nexport class PluginSetupStepperComponent {\n appId$: Observable<string \| number>;\n\n constructor(\n private appState: AppStateService,\n public stepper: C8yStepper,\n private setup: SetupComponent\n ) {\n this.appId$ = this.appState.currentApplication.pipe(\n map(app => app?.id),\n filter(appId => !!appId)\n );\n }\n\n next() {\n this.setup.stepCompleted(this.stepper.selectedIndex);\n this.stepper.next();\n }\n\n back() {\n this.stepper.previous();\n }\n}\n","<div class=\"container-fluid flex-no-shrink fit-w\">\n <div class=\"row\">\n <div class=\"col-md-8 col-md-offset-2 col-lg-6 col-lg-offset-3 p-t-24 p-l-16 p-r-16\">\n <h3\n class=\"text-medium l-h-base\"\n translate\n >\n Plugins\n </h3>\n <p\n class=\"lead text-normal\"\n translate\n >\n Manage the application plugins.\n </p>\n </div>\n </div>\n</div>\n<div class=\"inner-scroll flex-grow\">\n @if (appId$ \| async; as appId) {\n <c8y-app-plugins [appId]=\"appId\"></c8y-app-plugins>\n }\n</div>\n<div class=\"card-footer separator d-flex gap-8 j-c-center\">\n @if (stepper.selectedIndex !== 0) {\n <button\n class=\"btn btn-default\"\n type=\"button\"\n data-cy=\"c8y-plugin-setup-stepper--cancel-button\"\n (click)=\"back()\"\n translate\n >\n Previous\n </button>\n }\n <button\n class=\"btn btn-primary\"\n type=\"submit\"\n data-cy=\"c8y-plugin-setup-stepper--continue-button\"\n (click)=\"next()\"\n translate\n >\n Continue\n </button>\n</div>\n","import { NgModule } from '@angular/core';\nimport { PluginSetupStepperComponent } from './plugin-setup-stepper.component';\nimport { gettext } from '@c8y/ngx-components/gettext';\nimport { hookStepper, Steppers } from '@c8y/ngx-components';\n\n@NgModule({\n imports: [PluginSetupStepperComponent],\n providers: [\n hookStepper([\n {\n stepperId: Steppers.SETUP,\n component: PluginSetupStepperComponent,\n label: gettext('Plugins'),\n setupId: 'plugins',\n priority: 30\n }\n ])\n ]\n})\nexport class PluginSetupStepperModule {}\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":";;;;;;;;;;;MAoBa,2BAA2B,CAAA;AAGtC,IAAA,WAAA,CACU,QAAyB,EAC1B,OAAmB,EAClB,KAAqB,EAAA;QAFrB,IAAA,CAAA,QAAQ,GAAR,QAAQ;QACT,IAAA,CAAA,OAAO,GAAP,OAAO;QACN,IAAA,CAAA,KAAK,GAAL,KAAK;AAEb,QAAA,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,QAAQ,CAAC,kBAAkB,CAAC,IAAI,CACjD,GAAG,CAAC,GAAG,IAAI,GAAG,EAAE,EAAE,CAAC,EACnB,MAAM,CAAC,KAAK,IAAI,CAAC,CAAC,KAAK,CAAC,CACzB;IACH;IAEA,IAAI,GAAA;QACF,IAAI,CAAC,KAAK,CAAC,aAAa,CAAC,IAAI,CAAC,OAAO,CAAC,aAAa,CAAC;AACpD,QAAA,IAAI,CAAC,OAAO,CAAC,IAAI,EAAE;IACrB;IAEA,IAAI,GAAA;AACF,QAAA,IAAI,CAAC,OAAO,CAAC,QAAQ,EAAE;IACzB;+GArBW,2BAA2B,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAA,EAAA,CAAA,eAAA,EAAA,EAAA,EAAA,KAAA,EAAA,EAAA,CAAA,UAAA,EAAA,EAAA,EAAA,KAAA,EAAA,EAAA,CAAA,cAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;mGAA3B,2BAA2B,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,0BAAA,EAAA,IAAA,EAAA,EAAA,cAAA,EAAA,YAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECpBxC,8kCA6CA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,ED5B6B,wBAAwB,2IAAE,oBAAoB,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAE,qBAAqB,EAAA,QAAA,EAAA,6BAAA,EAAA,EAAA,EAAA,IAAA,EAAA,MAAA,EAAA,IAAA,EAAhF,SAAS,EAAA,IAAA,EAAA,OAAA,EAAA,CAAA,EAAA,CAAA,CAAA;;4FAGd,2BAA2B,EAAA,UAAA,EAAA,CAAA;kBAPvC,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,0BAA0B,cAExB,IAAI,EAAA,OAAA,EACP,CAAC,IAAI,EAAE,SAAS,EAAE,wBAAwB,EAAE,oBAAoB,EAAE,qBAAqB,CAAC,EAAA,IAAA,EAC3F,EAAE,KAAK,EAAE,YAAY,EAAE,EAAA,QAAA,EAAA,8kCAAA,EAAA;;;MEClB,wBAAwB,CAAA;+GAAxB,wBAAwB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;AAAxB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,wBAAwB,YAbzB,2BAA2B,CAAA,EAAA,CAAA,CAAA;AAa1B,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,wBAAwB,EAAA,SAAA,EAZxB;AACT,YAAA,WAAW,CAAC;AACV,gBAAA;oBACE,SAAS,EAAE,QAAQ,CAAC,KAAK;AACzB,oBAAA,SAAS,EAAE,2BAA2B;AACtC,oBAAA,KAAK,EAAE,OAAO,CAAC,SAAS,CAAC;AACzB,oBAAA,OAAO,EAAE,SAAS;AAClB,oBAAA,QAAQ,EAAE;AACX;aACF;AACF,SAAA,EAAA,OAAA,EAAA,CAXS,2BAA2B,CAAA,EAAA,CAAA,CAAA;;4FAa1B,wBAAwB,EAAA,UAAA,EAAA,CAAA;kBAdpC,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;oBACR,OAAO,EAAE,CAAC,2BAA2B,CAAC;AACtC,oBAAA,SAAS,EAAE;AACT,wBAAA,WAAW,CAAC;AACV,4BAAA;gCACE,SAAS,EAAE,QAAQ,CAAC,KAAK;AACzB,gCAAA,SAAS,EAAE,2BAA2B;AACtC,gCAAA,KAAK,EAAE,OAAO,CAAC,SAAS,CAAC;AACzB,gCAAA,OAAO,EAAE,SAAS;AAClB,gCAAA,QAAQ,EAAE;AACX;yBACF;AACF;AACF,iBAAA;;;AClBD;;AAEG;;;;"}

package/fesm2022/c8y-ngx-components-feature-toggles-list.mjs ADDED Viewed

@@ -0,0 +1,242 @@
+import { NgClass } from '@angular/common';
+import * as i0 from '@angular/core';
+import { inject, Pipe, Component } from '@angular/core';
+import { ActivatedRoute } from '@angular/router';
+import { FeatureService } from '@c8y/client';
+import { Permissions, AppStateService, AlertService, ContextRouteService, TitleComponent, C8yTranslateDirective, DataGridComponent, EmptyStateComponent, CellRendererDefDirective, ColumnDirective, HeaderCellRendererDefDirective, C8yTranslatePipe } from '@c8y/ngx-components';
+import { gettext } from '@c8y/ngx-components/gettext';
+import { PopoverDirective } from 'ngx-bootstrap/popover';
+import * as i1 from '@angular/forms';
+import { FormsModule } from '@angular/forms';
+class CanToggleStatusOfFeatureTogglePipe {
+    constructor() {
+        this.permissions = inject(Permissions);
+        this.appState = inject(AppStateService);
+    }
+    transform(value) {
+        if (!this.permissions.hasRole(Permissions.ROLE_TENANT_MANAGEMENT_ADMIN)) {
+            return false;
+        }
+        if (this.appState.currentTenant.value?.name === 'management') {
+            return true;
+        }
+        if (value.phase === 'PUBLIC_PREVIEW' || value.phase === 'GENERALLY_AVAILABLE') {
+            return true;
+        }
+        return false;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: CanToggleStatusOfFeatureTogglePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "20.3.16", ngImport: i0, type: CanToggleStatusOfFeatureTogglePipe, isStandalone: true, name: "canToggleStatusOfFeatureToggle" }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: CanToggleStatusOfFeatureTogglePipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    name: 'canToggleStatusOfFeatureToggle'
+                }]
+        }] });
+class FeatureToggleListComponent {
+    constructor() {
+        this.columns = [
+            { name: 'name', header: gettext('Name'), sortable: true, path: 'name' },
+            { name: 'description', header: gettext('Description'), sortable: true, path: 'description' },
+            { name: 'key', header: gettext('Toggle key'), sortable: true, path: 'key' },
+            { name: 'status', header: gettext('Status'), sortable: true, path: 'active' },
+            { name: 'phase', header: gettext('Phase'), sortable: true, path: 'phase' },
+            { name: 'strategy', header: gettext('Strategy'), sortable: true, path: 'strategy' }
+        ];
+        this.actionControls = [
+            {
+                name: 'clearOverride',
+                icon: 'reset',
+                type: 'clearOverride',
+                text: gettext('Reset the toggle to the default state depending on the phase'),
+                callback: async (item, reload) => {
+                    await this.removeTenantOverride(item);
+                    reload();
+                },
+                showIf: (item) => item.strategy !== 'DEFAULT' &&
+                    this.permissions.hasRole('ROLE_TENANT_MANAGEMENT_ADMIN') &&
+                    (this.isManagementTenant ||
+                        item.phase === 'PUBLIC_PREVIEW' ||
+                        item.phase === 'GENERALLY_AVAILABLE')
+            }
+        ];
+        this.items = [];
+        this.pagination = {
+            pageSize: 50,
+            currentPage: 1
+        };
+        this.displayOptions = {
+            bordered: false,
+            striped: true,
+            filter: true,
+            gridHeader: true,
+            hover: true
+        };
+        this.hasPrivatePreviewFeatures = false;
+        this.phaseDetails = {
+            PUBLIC_PREVIEW: {
+                class: 'tag--info',
+                name: gettext('Public preview`feature phase`'),
+                description: gettext('The feature is available for public preview and can be used by all users. It is disabled by default.')
+            },
+            PRIVATE_PREVIEW: {
+                class: 'tag--default',
+                name: gettext('Private preview`feature phase`'),
+                description: gettext('The feature is in private preview and available to a selected set of users. It is disabled by default.')
+            },
+            GENERALLY_AVAILABLE: {
+                class: 'tag--success',
+                name: gettext('Generally available`feature phase`'),
+                description: gettext('The feature is generally available and can be used by all users. It is enabled by default.')
+            }
+        };
+        this.phaseKeysOrder = [
+            'PRIVATE_PREVIEW',
+            'PUBLIC_PREVIEW',
+            'GENERALLY_AVAILABLE'
+        ];
+        this.strategyDetails = [
+            {
+                key: 'DEFAULT',
+                class: 'tag--success',
+                name: gettext('Default`strategy`'),
+                description: gettext('The feature toggle is using the default state based on its phase.')
+            },
+            {
+                key: 'TENANT',
+                class: 'tag--info',
+                name: gettext('Custom`strategy`'),
+                description: gettext('The feature toggle has been customized. When the phase of the feature changes, the custom state remains unchanged.')
+            }
+        ];
+        this.activatedRoute = inject(ActivatedRoute, { optional: true });
+        this.featureToggle = inject(FeatureService);
+        this.alertService = inject(AlertService);
+        this.permissions = inject(Permissions);
+        this.isManagementTenant = inject(AppStateService).currentTenant.value?.name === 'management';
+        this.contextRouteService = inject(ContextRouteService);
+        this.items = this.activatedRoute?.snapshot.data['features'] || [];
+    }
+    async ngOnInit() {
+        await this.reload();
+    }
+    async reload() {
+        let { data: toggles } = await this.featureToggle.list({ pageSize: 1000 });
+        toggles = toggles.filter(toggle => toggle.phase !== 'IN_DEVELOPMENT' &&
+            (toggle.phase !== 'PRIVATE_PREVIEW' || toggle.active === true));
+        this.hasPrivatePreviewFeatures = toggles.some(toggle => toggle.phase === 'PRIVATE_PREVIEW');
+        const contextData = this.contextRouteService.getContextData(this.activatedRoute);
+        if (!contextData) {
+            this.items = toggles.map(toggle => ({ ...toggle, id: toggle.key }));
+            return;
+        }
+        const tenantId = contextData.contextData.id;
+        const promises = toggles.map(toggle => {
+            return this.featureToggle.detailByTenant(toggle.key).then(({ data }) => {
+                const override = data.find(ft => ft.tenantId === tenantId);
+                if (override) {
+                    return {
+                        ...toggle,
+                        id: toggle.key,
+                        strategy: 'TENANT',
+                        active: override.active
+                    };
+                }
+                return {
+                    ...toggle,
+                    id: toggle.key,
+                    strategy: 'DEFAULT',
+                    active: toggle.phase === 'GENERALLY_AVAILABLE'
+                };
+            });
+        });
+        const results = await Promise.all(promises);
+        this.items = results;
+    }
+    async updateFeature(feature, newActiveValue) {
+        try {
+            const contextData = this.contextRouteService.getContextData(this.activatedRoute);
+            if (contextData) {
+                const tenantId = contextData.contextData.id;
+                await this.featureToggle.updateFeatureByTenant({
+                    key: feature.key,
+                    active: newActiveValue
+                }, tenantId);
+            }
+            else {
+                await this.featureToggle.updateFeature({ key: feature.key, active: newActiveValue });
+            }
+            if (newActiveValue) {
+                this.alertService.success(gettext('Feature enabled.'));
+            }
+            else {
+                this.alertService.success(gettext('Feature disabled.'));
+            }
+        }
+        catch (e) {
+            console.error('Error updating feature:', e);
+            if (newActiveValue) {
+                this.alertService.warning(gettext('Failed to enable feature.'));
+            }
+            else {
+                this.alertService.warning(gettext('Failed to disable feature.'));
+            }
+        }
+        await this.reload();
+    }
+    async removeTenantOverride(feature) {
+        try {
+            const contextData = this.contextRouteService.getContextData(this.activatedRoute);
+            if (contextData) {
+                const tenantId = contextData.contextData.id;
+                await this.featureToggle.removeTenantOverrideByTenant(feature, tenantId);
+            }
+            else {
+                await this.featureToggle.removeTenantOverride(feature);
+            }
+            this.alertService.success(gettext('Feature reset to default state.'));
+        }
+        catch (e) {
+            console.error('Error removing feature override:', e);
+            this.alertService.warning(gettext('Failed to reset feature state.'));
+        }
+        await this.reload();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: FeatureToggleListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: FeatureToggleListComponent, isStandalone: true, selector: "c8y-feature-toggle-list", ngImport: i0, template: "<c8y-title translate>{{ 'Feature toggles' | translate }}</c8y-title>\n\n<div class=\"content-fullpage d-flex d-col border-top border-bottom\">\n  <c8y-data-grid\n    [title]=\"'Feature toggles' | translate\"\n    [actionControls]=\"actionControls\"\n    [columns]=\"columns\"\n    [rows]=\"items\"\n    [pagination]=\"pagination\"\n    [displayOptions]=\"displayOptions\"\n    (onReload)=\"reload()\"\n  >\n    <c8y-column name=\"name\">\n      <ng-container *c8yCellRendererDef=\"let context\">\n        <strong>{{ context.value || '--' | translate }}</strong>\n      </ng-container>\n    </c8y-column>\n    <c8y-column name=\"description\">\n      <ng-container *c8yCellRendererDef=\"let context\">\n        <p>{{ context.value || '--' | translate }}</p>\n      </ng-container>\n    </c8y-column>\n    <c8y-column name=\"status\">\n      <ng-container *c8yCellRendererDef=\"let context\">\n        <label class=\"c8y-switch c8y-switch--inline\">\n          <input\n            type=\"checkbox\"\n            [ngModel]=\"context.value\"\n            [disabled]=\"!(context.item | canToggleStatusOfFeatureToggle)\"\n            (ngModelChange)=\"updateFeature(context.item, !context.value)\"\n            [ngModelOptions]=\"{ standalone: true }\"\n          />\n          <span></span>\n          <span class=\"text-12 a-s-center\">\n            @if (context.value) {\n              {{ 'Enabled' | translate }}\n            } @else {\n              {{ 'Disabled' | translate }}\n            }\n          </span>\n        </label>\n      </ng-container>\n    </c8y-column>\n    <c8y-column name=\"phase\">\n      <ng-template #phasePopoverHelp>\n        <p>\n          <strong>{{ 'Feature phases' | translate }}</strong>\n        </p>\n        @for (phaseKey of phaseKeysOrder; track phaseKey) {\n          @if (phaseKey !== 'PRIVATE_PREVIEW' || hasPrivatePreviewFeatures) {\n            <span\n              class=\"tag chip m-b-4\"\n              [ngClass]=\"phaseDetails[phaseKey].class\"\n            >\n              {{ phaseDetails[phaseKey].name | translate }}\n            </span>\n            <p class=\"text-12 m-b-8\">\n              {{ phaseDetails[phaseKey].description | translate }}\n            </p>\n          }\n        }\n      </ng-template>\n      <ng-container *c8yHeaderCellRendererDef>\n        {{ 'Phase' | translate }}\n        <button\n          class=\"btn-help btn-help--sm\"\n          [attr.aria-label]=\"'Help' | translate\"\n          [popover]=\"phasePopoverHelp\"\n          placement=\"bottom\"\n          triggers=\"focus\"\n          container=\"body\"\n          type=\"button\"\n        ></button>\n      </ng-container>\n      <ng-container *c8yCellRendererDef=\"let context\">\n        <span\n          class=\"tag\"\n          [ngClass]=\"phaseDetails[context.value]?.class || 'tag--warning'\"\n        >\n          {{ phaseDetails[context.value]?.name || context.value | translate }}\n        </span>\n      </ng-container>\n    </c8y-column>\n    <c8y-column name=\"strategy\">\n      <ng-template #strategyPopoverHelp>\n        <p>\n          <strong>{{ 'Feature strategies' | translate }}</strong>\n        </p>\n        @for (strategy of strategyDetails; track strategy) {\n          <span\n            class=\"tag chip m-b-4\"\n            [ngClass]=\"strategy.class\"\n          >\n            {{ strategy.name | translate }}\n          </span>\n          <p class=\"text-12 m-b-8\">\n            {{ strategy.description | translate }}\n          </p>\n        }\n      </ng-template>\n      <ng-container *c8yHeaderCellRendererDef>\n        {{ 'Strategy' | translate }}\n        <button\n          class=\"btn-help btn-help--sm\"\n          [attr.aria-label]=\"'Help' | translate\"\n          [popover]=\"strategyPopoverHelp\"\n          placement=\"bottom\"\n          triggers=\"focus\"\n          container=\"body\"\n          type=\"button\"\n        ></button>\n      </ng-container>\n      <ng-container *c8yCellRendererDef=\"let context\">\n        @for (strategy of strategyDetails; track strategy) {\n          @if (context.value === strategy.key) {\n            <span\n              class=\"tag\"\n              [ngClass]=\"strategy.class\"\n            >\n              {{ strategy.name | translate }}\n            </span>\n          }\n        }\n      </ng-container>\n    </c8y-column>\n    <c8y-ui-empty-state\n      [icon]=\"'toggle-on'\"\n      [title]=\"'No feature toggles available.' | translate\"\n      [horizontal]=\"true\"\n    ></c8y-ui-empty-state>\n  </c8y-data-grid>\n</div>\n", dependencies: [{ kind: "component", type: TitleComponent, selector: "c8y-title", inputs: ["pageTitleUpdate"] }, { kind: "directive", type: C8yTranslateDirective, selector: "[translate],[ngx-translate]" }, { kind: "component", type: DataGridComponent, selector: "c8y-data-grid", inputs: ["title", "loadMoreItemsLabel", "loadingItemsLabel", "showSearch", "refresh", "loading", "columns", "rows", "pagination", "childNodePagination", "infiniteScroll", "serverSideDataCallback", "selectable", "singleSelection", "selectionPrimaryKey", "displayOptions", "actionControls", "bulkActionControls", "headerActionControls", "searchText", "configureColumnsEnabled", "showCounterWarning", "activeClassName", "expandableRows", "treeGrid", "hideReload", "childNodesProperty", "parentNodeLabelProperty"], outputs: ["rowMouseOver", "rowMouseLeave", "rowClick", "onConfigChange", "onBeforeFilter", "onBeforeSearch", "onFilter", "itemsSelect", "onReload", "onAddCustomColumn", "onRemoveCustomColumn", "onColumnFilterReset", "onSort", "onPageSizeChange", "onColumnReordered", "onColumnVisibilityChange"] }, { kind: "component", type: EmptyStateComponent, selector: "c8y-ui-empty-state", inputs: ["icon", "title", "subtitle", "horizontal"] }, { kind: "directive", type: CellRendererDefDirective, selector: "[c8yCellRendererDef]" }, { kind: "directive", type: ColumnDirective, selector: "c8y-column", inputs: ["name"] }, { kind: "directive", type: PopoverDirective, selector: "[popover]", inputs: ["adaptivePosition", "boundariesElement", "popover", "popoverContext", "popoverTitle", "placement", "outsideClick", "triggers", "container", "containerClass", "isOpen", "delay"], outputs: ["onShown", "onHidden"], exportAs: ["bs-popover"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: HeaderCellRendererDefDirective, selector: "[c8yHeaderCellRendererDef]" }, { kind: "pipe", type: C8yTranslatePipe, name: "translate" }, { kind: "pipe", type: CanToggleStatusOfFeatureTogglePipe, name: "canToggleStatusOfFeatureToggle" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: FeatureToggleListComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'c8y-feature-toggle-list', imports: [
+                        TitleComponent,
+                        C8yTranslateDirective,
+                        C8yTranslatePipe,
+                        DataGridComponent,
+                        EmptyStateComponent,
+                        CellRendererDefDirective,
+                        ColumnDirective,
+                        PopoverDirective,
+                        NgClass,
+                        FormsModule,
+                        CanToggleStatusOfFeatureTogglePipe,
+                        HeaderCellRendererDefDirective
+                    ], template: "<c8y-title translate>{{ 'Feature toggles' | translate }}</c8y-title>\n\n<div class=\"content-fullpage d-flex d-col border-top border-bottom\">\n  <c8y-data-grid\n    [title]=\"'Feature toggles' | translate\"\n    [actionControls]=\"actionControls\"\n    [columns]=\"columns\"\n    [rows]=\"items\"\n    [pagination]=\"pagination\"\n    [displayOptions]=\"displayOptions\"\n    (onReload)=\"reload()\"\n  >\n    <c8y-column name=\"name\">\n      <ng-container *c8yCellRendererDef=\"let context\">\n        <strong>{{ context.value || '--' | translate }}</strong>\n      </ng-container>\n    </c8y-column>\n    <c8y-column name=\"description\">\n      <ng-container *c8yCellRendererDef=\"let context\">\n        <p>{{ context.value || '--' | translate }}</p>\n      </ng-container>\n    </c8y-column>\n    <c8y-column name=\"status\">\n      <ng-container *c8yCellRendererDef=\"let context\">\n        <label class=\"c8y-switch c8y-switch--inline\">\n          <input\n            type=\"checkbox\"\n            [ngModel]=\"context.value\"\n            [disabled]=\"!(context.item | canToggleStatusOfFeatureToggle)\"\n            (ngModelChange)=\"updateFeature(context.item, !context.value)\"\n            [ngModelOptions]=\"{ standalone: true }\"\n          />\n          <span></span>\n          <span class=\"text-12 a-s-center\">\n            @if (context.value) {\n              {{ 'Enabled' | translate }}\n            } @else {\n              {{ 'Disabled' | translate }}\n            }\n          </span>\n        </label>\n      </ng-container>\n    </c8y-column>\n    <c8y-column name=\"phase\">\n      <ng-template #phasePopoverHelp>\n        <p>\n          <strong>{{ 'Feature phases' | translate }}</strong>\n        </p>\n        @for (phaseKey of phaseKeysOrder; track phaseKey) {\n          @if (phaseKey !== 'PRIVATE_PREVIEW' || hasPrivatePreviewFeatures) {\n            <span\n              class=\"tag chip m-b-4\"\n              [ngClass]=\"phaseDetails[phaseKey].class\"\n            >\n              {{ phaseDetails[phaseKey].name | translate }}\n            </span>\n            <p class=\"text-12 m-b-8\">\n              {{ phaseDetails[phaseKey].description | translate }}\n            </p>\n          }\n        }\n      </ng-template>\n      <ng-container *c8yHeaderCellRendererDef>\n        {{ 'Phase' | translate }}\n        <button\n          class=\"btn-help btn-help--sm\"\n          [attr.aria-label]=\"'Help' | translate\"\n          [popover]=\"phasePopoverHelp\"\n          placement=\"bottom\"\n          triggers=\"focus\"\n          container=\"body\"\n          type=\"button\"\n        ></button>\n      </ng-container>\n      <ng-container *c8yCellRendererDef=\"let context\">\n        <span\n          class=\"tag\"\n          [ngClass]=\"phaseDetails[context.value]?.class || 'tag--warning'\"\n        >\n          {{ phaseDetails[context.value]?.name || context.value | translate }}\n        </span>\n      </ng-container>\n    </c8y-column>\n    <c8y-column name=\"strategy\">\n      <ng-template #strategyPopoverHelp>\n        <p>\n          <strong>{{ 'Feature strategies' | translate }}</strong>\n        </p>\n        @for (strategy of strategyDetails; track strategy) {\n          <span\n            class=\"tag chip m-b-4\"\n            [ngClass]=\"strategy.class\"\n          >\n            {{ strategy.name | translate }}\n          </span>\n          <p class=\"text-12 m-b-8\">\n            {{ strategy.description | translate }}\n          </p>\n        }\n      </ng-template>\n      <ng-container *c8yHeaderCellRendererDef>\n        {{ 'Strategy' | translate }}\n        <button\n          class=\"btn-help btn-help--sm\"\n          [attr.aria-label]=\"'Help' | translate\"\n          [popover]=\"strategyPopoverHelp\"\n          placement=\"bottom\"\n          triggers=\"focus\"\n          container=\"body\"\n          type=\"button\"\n        ></button>\n      </ng-container>\n      <ng-container *c8yCellRendererDef=\"let context\">\n        @for (strategy of strategyDetails; track strategy) {\n          @if (context.value === strategy.key) {\n            <span\n              class=\"tag\"\n              [ngClass]=\"strategy.class\"\n            >\n              {{ strategy.name | translate }}\n            </span>\n          }\n        }\n      </ng-container>\n    </c8y-column>\n    <c8y-ui-empty-state\n      [icon]=\"'toggle-on'\"\n      [title]=\"'No feature toggles available.' | translate\"\n      [horizontal]=\"true\"\n    ></c8y-ui-empty-state>\n  </c8y-data-grid>\n</div>\n" }]
+        }], ctorParameters: () => [] });
+const childRoutes = [
+    {
+        path: '',
+        pathMatch: 'full',
+        component: FeatureToggleListComponent
+    }
+];
+/**
+ * Generated bundle index. Do not edit.
+ */
+export { FeatureToggleListComponent, childRoutes };
+//# sourceMappingURL=c8y-ngx-components-feature-toggles-list.mjs.map

package/fesm2022/c8y-ngx-components-feature-toggles-list.mjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"c8y-ngx-components-feature-toggles-list.mjs","sources":["../../feature-toggles/list/can-toggle-status-of-feature-toggle.pipe.ts","../../feature-toggles/list/feature-toggle-list/feature-toggle-list.component.ts","../../feature-toggles/list/feature-toggle-list/feature-toggle-list.component.html","../../feature-toggles/list/index.ts","../../feature-toggles/list/c8y-ngx-components-feature-toggles-list.ts"],"sourcesContent":["import { inject, Pipe, PipeTransform } from '@angular/core';\nimport { IFeatureToggle } from '@c8y/client';\nimport { AppStateService, Permissions } from '@c8y/ngx-components';\n\n@Pipe({\n name: 'canToggleStatusOfFeatureToggle'\n})\nexport class CanToggleStatusOfFeatureTogglePipe implements PipeTransform {\n private permissions = inject(Permissions);\n private appState = inject(AppStateService);\n\n transform(value: IFeatureToggle): boolean {\n if (!this.permissions.hasRole(Permissions.ROLE_TENANT_MANAGEMENT_ADMIN)) {\n return false;\n }\n if (this.appState.currentTenant.value?.name === 'management') {\n return true;\n }\n if (value.phase === 'PUBLIC_PREVIEW' || value.phase === 'GENERALLY_AVAILABLE') {\n return true;\n }\n return false;\n }\n}\n","import { NgClass } from '@angular/common';\nimport { Component, inject, OnInit } from '@angular/core';\nimport { ActivatedRoute } from '@angular/router';\nimport { FeatureService, IFeatureToggle } from '@c8y/client';\nimport {\n C8yTranslateDirective,\n TitleComponent,\n DataGridComponent,\n Column,\n C8yTranslatePipe,\n EmptyStateComponent,\n Pagination,\n DisplayOptions,\n CellRendererDefDirective,\n ColumnDirective,\n ActionControl,\n AlertService,\n Permissions,\n AppStateService,\n ContextRouteService,\n HeaderCellRendererDefDirective\n} from '@c8y/ngx-components';\nimport { gettext } from '@c8y/ngx-components/gettext';\nimport { PopoverDirective } from 'ngx-bootstrap/popover';\nimport { FormsModule } from '@angular/forms';\nimport { CanToggleStatusOfFeatureTogglePipe } from '../can-toggle-status-of-feature-toggle.pipe';\n\n@Component({\n selector: 'c8y-feature-toggle-list',\n templateUrl: './feature-toggle-list.component.html',\n imports: [\n TitleComponent,\n C8yTranslateDirective,\n C8yTranslatePipe,\n DataGridComponent,\n EmptyStateComponent,\n CellRendererDefDirective,\n ColumnDirective,\n PopoverDirective,\n NgClass,\n FormsModule,\n CanToggleStatusOfFeatureTogglePipe,\n HeaderCellRendererDefDirective\n ]\n})\nexport class FeatureToggleListComponent implements OnInit {\n columns: Column[] = [\n { name: 'name', header: gettext('Name'), sortable: true, path: 'name' },\n { name: 'description', header: gettext('Description'), sortable: true, path: 'description' },\n { name: 'key', header: gettext('Toggle key'), sortable: true, path: 'key' },\n { name: 'status', header: gettext('Status'), sortable: true, path: 'active' },\n { name: 'phase', header: gettext('Phase'), sortable: true, path: 'phase' },\n { name: 'strategy', header: gettext('Strategy'), sortable: true, path: 'strategy' }\n ];\n actionControls: ActionControl[] = [\n {\n name: 'clearOverride',\n icon: 'reset',\n type: 'clearOverride',\n text: gettext('Reset the toggle to the default state depending on the phase'),\n callback: async (item: IFeatureToggle, reload) => {\n await this.removeTenantOverride(item);\n reload();\n },\n showIf: (item: IFeatureToggle) =>\n item.strategy !== 'DEFAULT' &&\n this.permissions.hasRole('ROLE_TENANT_MANAGEMENT_ADMIN') &&\n (this.isManagementTenant ||\n item.phase === 'PUBLIC_PREVIEW' ||\n item.phase === 'GENERALLY_AVAILABLE')\n }\n ];\n items: (IFeatureToggle & { id: string })[] = [];\n pagination: Pagination = {\n pageSize: 50,\n currentPage: 1\n };\n displayOptions: DisplayOptions = {\n bordered: false,\n striped: true,\n filter: true,\n gridHeader: true,\n hover: true\n };\n hasPrivatePreviewFeatures = false;\n phaseDetails = {\n PUBLIC_PREVIEW: {\n class: 'tag--info',\n name: gettext('Public preview`feature phase`'),\n description: gettext(\n 'The feature is available for public preview and can be used by all users. It is disabled by default.'\n )\n },\n PRIVATE_PREVIEW: {\n class: 'tag--default',\n name: gettext('Private preview`feature phase`'),\n description: gettext(\n 'The feature is in private preview and available to a selected set of users. It is disabled by default.'\n )\n },\n GENERALLY_AVAILABLE: {\n class: 'tag--success',\n name: gettext('Generally available`feature phase`'),\n description: gettext(\n 'The feature is generally available and can be used by all users. It is enabled by default.'\n )\n }\n };\n phaseKeysOrder = [\n 'PRIVATE_PREVIEW',\n 'PUBLIC_PREVIEW',\n 'GENERALLY_AVAILABLE'\n ] as const satisfies Array<keyof typeof this.phaseDetails>;\n strategyDetails = [\n {\n key: 'DEFAULT',\n class: 'tag--success',\n name: gettext('Default`strategy`'),\n description: gettext('The feature toggle is using the default state based on its phase.')\n },\n {\n key: 'TENANT',\n class: 'tag--info',\n name: gettext('Custom`strategy`'),\n description: gettext(\n 'The feature toggle has been customized. When the phase of the feature changes, the custom state remains unchanged.'\n )\n }\n ];\n\n activatedRoute: ActivatedRoute = inject(ActivatedRoute, { optional: true });\n private featureToggle = inject(FeatureService);\n private alertService = inject(AlertService);\n private permissions = inject(Permissions);\n private isManagementTenant = inject(AppStateService).currentTenant.value?.name === 'management';\n private contextRouteService = inject(ContextRouteService);\n\n constructor() {\n this.items = this.activatedRoute?.snapshot.data['features'] || [];\n }\n\n async ngOnInit(): Promise<void> {\n await this.reload();\n }\n\n async reload() {\n let { data: toggles } = await this.featureToggle.list({ pageSize: 1000 });\n toggles = toggles.filter(\n toggle =>\n toggle.phase !== 'IN_DEVELOPMENT' &&\n (toggle.phase !== 'PRIVATE_PREVIEW' || toggle.active === true)\n );\n this.hasPrivatePreviewFeatures = toggles.some(toggle => toggle.phase === 'PRIVATE_PREVIEW');\n const contextData = this.contextRouteService.getContextData(this.activatedRoute);\n if (!contextData) {\n this.items = toggles.map(toggle => ({ ...toggle, id: toggle.key }));\n return;\n }\n\n const tenantId = contextData.contextData.id;\n const promises = toggles.map(toggle => {\n return this.featureToggle.detailByTenant(toggle.key).then(({ data }) => {\n const override = data.find(ft => ft.tenantId === tenantId);\n if (override) {\n return {\n ...toggle,\n id: toggle.key,\n strategy: 'TENANT',\n active: override.active\n } as const;\n }\n return {\n ...toggle,\n id: toggle.key,\n strategy: 'DEFAULT',\n active: toggle.phase === 'GENERALLY_AVAILABLE'\n } as const;\n });\n });\n const results = await Promise.all(promises);\n this.items = results;\n }\n\n async updateFeature(feature: IFeatureToggle, newActiveValue: boolean) {\n try {\n const contextData = this.contextRouteService.getContextData(this.activatedRoute);\n if (contextData) {\n const tenantId = contextData.contextData.id as string;\n await this.featureToggle.updateFeatureByTenant(\n {\n key: feature.key,\n active: newActiveValue\n },\n tenantId\n );\n } else {\n await this.featureToggle.updateFeature({ key: feature.key, active: newActiveValue });\n }\n\n if (newActiveValue) {\n this.alertService.success(gettext('Feature enabled.'));\n } else {\n this.alertService.success(gettext('Feature disabled.'));\n }\n } catch (e) {\n console.error('Error updating feature:', e);\n if (newActiveValue) {\n this.alertService.warning(gettext('Failed to enable feature.'));\n } else {\n this.alertService.warning(gettext('Failed to disable feature.'));\n }\n }\n await this.reload();\n }\n\n async removeTenantOverride(feature: IFeatureToggle) {\n try {\n const contextData = this.contextRouteService.getContextData(this.activatedRoute);\n if (contextData) {\n const tenantId = contextData.contextData.id as string;\n await this.featureToggle.removeTenantOverrideByTenant(feature, tenantId);\n } else {\n await this.featureToggle.removeTenantOverride(feature);\n }\n this.alertService.success(gettext('Feature reset to default state.'));\n } catch (e) {\n console.error('Error removing feature override:', e);\n this.alertService.warning(gettext('Failed to reset feature state.'));\n }\n await this.reload();\n }\n}\n","<c8y-title translate>{{ 'Feature toggles' | translate }}</c8y-title>\n\n<div class=\"content-fullpage d-flex d-col border-top border-bottom\">\n <c8y-data-grid\n [title]=\"'Feature toggles' | translate\"\n [actionControls]=\"actionControls\"\n [columns]=\"columns\"\n [rows]=\"items\"\n [pagination]=\"pagination\"\n [displayOptions]=\"displayOptions\"\n (onReload)=\"reload()\"\n >\n <c8y-column name=\"name\">\n <ng-container *c8yCellRendererDef=\"let context\">\n <strong>{{ context.value || '--' | translate }}</strong>\n </ng-container>\n </c8y-column>\n <c8y-column name=\"description\">\n <ng-container *c8yCellRendererDef=\"let context\">\n <p>{{ context.value || '--' | translate }}</p>\n </ng-container>\n </c8y-column>\n <c8y-column name=\"status\">\n <ng-container *c8yCellRendererDef=\"let context\">\n <label class=\"c8y-switch c8y-switch--inline\">\n <input\n type=\"checkbox\"\n [ngModel]=\"context.value\"\n [disabled]=\"!(context.item | canToggleStatusOfFeatureToggle)\"\n (ngModelChange)=\"updateFeature(context.item, !context.value)\"\n [ngModelOptions]=\"{ standalone: true }\"\n />\n <span></span>\n <span class=\"text-12 a-s-center\">\n @if (context.value) {\n {{ 'Enabled' | translate }}\n } @else {\n {{ 'Disabled' | translate }}\n }\n </span>\n </label>\n </ng-container>\n </c8y-column>\n <c8y-column name=\"phase\">\n <ng-template #phasePopoverHelp>\n <p>\n <strong>{{ 'Feature phases' | translate }}</strong>\n </p>\n @for (phaseKey of phaseKeysOrder; track phaseKey) {\n @if (phaseKey !== 'PRIVATE_PREVIEW' || hasPrivatePreviewFeatures) {\n <span\n class=\"tag chip m-b-4\"\n [ngClass]=\"phaseDetails[phaseKey].class\"\n >\n {{ phaseDetails[phaseKey].name | translate }}\n </span>\n <p class=\"text-12 m-b-8\">\n {{ phaseDetails[phaseKey].description | translate }}\n </p>\n }\n }\n </ng-template>\n <ng-container *c8yHeaderCellRendererDef>\n {{ 'Phase' | translate }}\n <button\n class=\"btn-help btn-help--sm\"\n [attr.aria-label]=\"'Help' | translate\"\n [popover]=\"phasePopoverHelp\"\n placement=\"bottom\"\n triggers=\"focus\"\n container=\"body\"\n type=\"button\"\n ></button>\n </ng-container>\n <ng-container *c8yCellRendererDef=\"let context\">\n <span\n class=\"tag\"\n [ngClass]=\"phaseDetails[context.value]?.class || 'tag--warning'\"\n >\n {{ phaseDetails[context.value]?.name || context.value | translate }}\n </span>\n </ng-container>\n </c8y-column>\n <c8y-column name=\"strategy\">\n <ng-template #strategyPopoverHelp>\n <p>\n <strong>{{ 'Feature strategies' | translate }}</strong>\n </p>\n @for (strategy of strategyDetails; track strategy) {\n <span\n class=\"tag chip m-b-4\"\n [ngClass]=\"strategy.class\"\n >\n {{ strategy.name | translate }}\n </span>\n <p class=\"text-12 m-b-8\">\n {{ strategy.description | translate }}\n </p>\n }\n </ng-template>\n <ng-container *c8yHeaderCellRendererDef>\n {{ 'Strategy' | translate }}\n <button\n class=\"btn-help btn-help--sm\"\n [attr.aria-label]=\"'Help' | translate\"\n [popover]=\"strategyPopoverHelp\"\n placement=\"bottom\"\n triggers=\"focus\"\n container=\"body\"\n type=\"button\"\n ></button>\n </ng-container>\n <ng-container *c8yCellRendererDef=\"let context\">\n @for (strategy of strategyDetails; track strategy) {\n @if (context.value === strategy.key) {\n <span\n class=\"tag\"\n [ngClass]=\"strategy.class\"\n >\n {{ strategy.name | translate }}\n </span>\n }\n }\n </ng-container>\n </c8y-column>\n <c8y-ui-empty-state\n [icon]=\"'toggle-on'\"\n [title]=\"'No feature toggles available.' | translate\"\n [horizontal]=\"true\"\n ></c8y-ui-empty-state>\n </c8y-data-grid>\n</div>\n","import { Routes } from '@angular/router';\nimport { FeatureToggleListComponent } from './feature-toggle-list/feature-toggle-list.component';\n\nexport * from './feature-toggle-list/feature-toggle-list.component';\n\nexport const childRoutes: Routes = [\n {\n path: '',\n pathMatch: 'full',\n component: FeatureToggleListComponent\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-feature-toggles.mjs ADDED Viewed

@@ -0,0 +1,36 @@
+import { inject } from '@angular/core';
+import { hookNavigator, hookRoute, NavigatorNode, AppStateService, ViewContext } from '@c8y/ngx-components';
+import { gettext } from '@c8y/ngx-components/gettext';
+const featureTogglePath = 'feature-toggles';
+const featureToggleProviders = [
+    hookNavigator(new NavigatorNode({
+        path: featureTogglePath,
+        label: gettext('Feature toggles'),
+        icon: 'toggle-on',
+        parent: 'Settings'
+    })),
+    hookRoute({
+        path: featureTogglePath,
+        context: ViewContext.Tenant,
+        loadChildren: () => import('@c8y/ngx-components/feature-toggles/list').then(m => m.childRoutes),
+        icon: 'toggle-on',
+        label: gettext('Feature toggles'),
+        canActivate: [
+            () => {
+                return inject(AppStateService).currentTenant.value?.name === 'management';
+            }
+        ]
+    }),
+    hookRoute({
+        path: featureTogglePath,
+        loadChildren: () => import('@c8y/ngx-components/feature-toggles/list').then(m => m.childRoutes)
+    })
+];
+/**
+ * Generated bundle index. Do not edit.
+ */
+export { featureToggleProviders };
+//# sourceMappingURL=c8y-ngx-components-feature-toggles.mjs.map

package/fesm2022/c8y-ngx-components-feature-toggles.mjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"c8y-ngx-components-feature-toggles.mjs","sources":["../../feature-toggles/index.ts","../../feature-toggles/c8y-ngx-components-feature-toggles.ts"],"sourcesContent":["import { inject, Provider } from '@angular/core';\nimport {\n AppStateService,\n hookNavigator,\n hookRoute,\n NavigatorNode,\n ViewContext\n} from '@c8y/ngx-components';\nimport { gettext } from '@c8y/ngx-components/gettext';\n\nconst featureTogglePath = 'feature-toggles' as const;\n\nexport const featureToggleProviders: Provider[] = [\n hookNavigator(\n new NavigatorNode({\n path: featureTogglePath,\n label: gettext('Feature toggles'),\n icon: 'toggle-on',\n parent: 'Settings'\n })\n ),\n hookRoute({\n path: featureTogglePath,\n context: ViewContext.Tenant,\n loadChildren: () => import('@c8y/ngx-components/feature-toggles/list').then(m => m.childRoutes),\n icon: 'toggle-on',\n label: gettext('Feature toggles'),\n canActivate: [\n () => {\n return inject(AppStateService).currentTenant.value?.name === 'management';\n }\n ]\n }),\n hookRoute({\n path: featureTogglePath,\n loadChildren: () => import('@c8y/ngx-components/feature-toggles/list').then(m => m.childRoutes)\n })\n];\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;AAUA,MAAM,iBAAiB,GAAG,iBAA0B;AAE7C,MAAM,sBAAsB,GAAe;IAChD,aAAa,CACX,IAAI,aAAa,CAAC;AAChB,QAAA,IAAI,EAAE,iBAAiB;AACvB,QAAA,KAAK,EAAE,OAAO,CAAC,iBAAiB,CAAC;AACjC,QAAA,IAAI,EAAE,WAAW;AACjB,QAAA,MAAM,EAAE;AACT,KAAA,CAAC,CACH;AACD,IAAA,SAAS,CAAC;AACR,QAAA,IAAI,EAAE,iBAAiB;QACvB,OAAO,EAAE,WAAW,CAAC,MAAM;AAC3B,QAAA,YAAY,EAAE,MAAM,OAAO,0CAA0C,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;AAC/F,QAAA,IAAI,EAAE,WAAW;AACjB,QAAA,KAAK,EAAE,OAAO,CAAC,iBAAiB,CAAC;AACjC,QAAA,WAAW,EAAE;AACX,YAAA,MAAK;AACH,gBAAA,OAAO,MAAM,CAAC,eAAe,CAAC,CAAC,aAAa,CAAC,KAAK,EAAE,IAAI,KAAK,YAAY;YAC3E;AACD;KACF,CAAC;AACF,IAAA,SAAS,CAAC;AACR,QAAA,IAAI,EAAE,iBAAiB;AACvB,QAAA,YAAY,EAAE,MAAM,OAAO,0CAA0C,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,WAAW;KAC/F;;;ACpCH;;AAEG;;;;"}

package/fesm2022/c8y-ngx-components-global-context.mjs CHANGED Viewed

@@ -7992,6 +7992,11 @@ class GlobalContextInlineComponent {
         this.config = input(null, ...(ngDevMode ? [{ debugName: "config" }] : []));
         this.isLoading = input(false, ...(ngDevMode ? [{ debugName: "isLoading" }] : []));
         this.dashboardChildForLegacy = input(...(ngDevMode ? [undefined, { debugName: "dashboardChildForLegacy" }] : []));
+        /**
+         * When true, disables refresh event emissions.
+         * Use when widget handles its own data refresh (e.g., via realtime subscriptions).
+         */
+        this.disableRefreshEmits = input(false, ...(ngDevMode ? [{ debugName: "disableRefreshEmits" }] : []));
         // --- Outputs ---
         this.refresh = output();
         this.globalContextChange = output();
@@ -8166,6 +8171,9 @@ class GlobalContextInlineComponent {
         });
     }
     onLocalRefreshTrigger() {
+        if (this.disableRefreshEmits()) {
+            return;
+        }
         const outcome = this.processRefreshEvent({
             globalDateTimeContext: this.getGlobalState().dateTimeContext ?? this.config()?.dateTimeContext ?? null
         });
@@ -8368,7 +8376,7 @@ class GlobalContextInlineComponent {
     subscribeToGlobalRefreshEvents() {
         this.globalContextEventService
             .on(GLOBAL_CONTEXT_EVENTS.REFRESH)
-            .pipe(takeUntilDestroyed(this.destroyReference))
+            .pipe(filter$1(() => !this.disableRefreshEmits()), takeUntilDestroyed(this.destroyReference))
             .subscribe(dateTimeContext => {
             if (dateTimeContext) {
                 this.handleGlobalRefresh(dateTimeContext);
@@ -8505,7 +8513,7 @@ class GlobalContextInlineComponent {
         };
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: GlobalContextInlineComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: GlobalContextInlineComponent, isStandalone: true, selector: "c8y-global-context-inline", inputs: { widgetControls: { classPropertyName: "widgetControls", publicName: "widgetControls", isSignal: true, isRequired: true, transformFunction: null }, config: { classPropertyName: "config", publicName: "config", isSignal: true, isRequired: false, transformFunction: null }, isLoading: { classPropertyName: "isLoading", publicName: "isLoading", isSignal: true, isRequired: false, transformFunction: null }, dashboardChildForLegacy: { classPropertyName: "dashboardChildForLegacy", publicName: "dashboardChildForLegacy", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { refresh: "refresh", globalContextChange: "globalContextChange" }, providers: [GlobalContextInlineOrchestratorService], viewQueries: [{ propertyName: "headerTemplateRef", first: true, predicate: ["headerContent"], descendants: true, read: TemplateRef, static: true }], exportAs: ["globalContextInline"], ngImport: i0, template: "<ng-template #headerContent>\n  @let linkModel = linkDisplayModel();\n  <ng-content select=\"#header\"></ng-content>\n\n  @if (shouldShowHeaderLinks()) {\n    <c8y-global-context-link-controls\n      [linkStates]=\"linkModel.linkStates\"\n      [controlConfigs]=\"linkModel.controlConfig\"\n      (allLinksToggled)=\"toggleAllLinks($event)\"\n    ></c8y-global-context-link-controls>\n  }\n</ng-template>\n\n<ng-template #inlineContent>\n  @let settings = inlineSettings();\n  @let linkModel = linkDisplayModel();\n\n  @if (form && settings) {\n    <form\n      class=\"d-flex gap-16 p-l-16 p-r-16 inner-scroll\"\n      [ngClass]=\"{\n        'p-b-8':\n          settings.showTimeContext ||\n          settings.showRefresh ||\n          settings.showAutoRefresh ||\n          settings.showAggregation\n      }\"\n      [formGroup]=\"form\"\n    >\n      <div class=\"input-group w-auto input-group-sm\">\n        @if (settings.showAggregation) {\n          <c8y-aggregation-picker\n            data-cy=\"global-inline-date-context--Aggregation-display\"\n            [disabledAggregations]=\"getDisabledAggregations()\"\n            formControlName=\"aggregation\"\n            [resetToDefault]=\"true\"\n          ></c8y-aggregation-picker>\n        }\n\n        @if (settings.showAutoRefresh) {\n          <c8y-auto-refresh-control\n            [isLoading]=\"isLoading()\"\n            [disableCounter]=\"shouldDisableCounter\"\n            formControlName=\"isAutoRefreshEnabled\"\n            [autoRefreshSeconds]=\"getAutoRefreshSeconds()\"\n            [isAutoRefreshConnected]=\"linkModel.linkStates.isAutoRefreshEnabled ?? false\"\n            (refresh)=\"onLocalRefreshTrigger()\"\n          ></c8y-auto-refresh-control>\n        }\n\n        @if (settings.showTimeContext) {\n          @let isHistoryMode = form.get('refreshOption')?.value === REFRESH_OPTION.HISTORY;\n          <c8y-date-time-context-picker\n            style=\"margin-left: -1px\"\n            formControlName=\"dateTimeContext\"\n            [shouldDisableInterval]=\"getIntervalDisableConfig()\"\n            [config]=\"\n              isHistoryMode\n                ? { showDateTo: true, showDateFrom: true }\n                : { showDateTo: false, showDateFrom: true }\n            \"\n          ></c8y-date-time-context-picker>\n        }\n\n        @if (settings.showRefresh) {\n          <div class=\"input-group-btn\">\n            <button\n              class=\"btn btn-default\"\n              [attr.aria-label]=\"'Refresh' | translate\"\n              [tooltip]=\"'Refresh' | translate\"\n              placement=\"bottom\"\n              container=\"body\"\n              type=\"button\"\n              data-cy=\"global-inline-date-context--reload-button\"\n              [adaptivePosition]=\"false\"\n              [delay]=\"500\"\n              [disabled]=\"isLoading()\"\n              (click)=\"refresh.emit(null)\"\n            >\n              <i\n                [class.icon-spin]=\"isLoading()\"\n                [c8yIcon]=\"'refresh'\"\n              ></i>\n            </button>\n          </div>\n        }\n      </div>\n    </form>\n  }\n\n  <ng-content select=\"#body\"></ng-content>\n</ng-template>\n\n@switch (effectiveConfig().displayMode) {\n  @case (GLOBAL_CONTEXT_DISPLAY_MODE.CONFIG) {\n    <ng-container [ngTemplateOutlet]=\"inlineContent\"></ng-container>\n  }\n  @case (GLOBAL_CONTEXT_DISPLAY_MODE.VIEW_AND_CONFIG) {\n    <ng-container [ngTemplateOutlet]=\"headerContent\"></ng-container>\n    <ng-container [ngTemplateOutlet]=\"inlineContent\"></ng-container>\n  }\n  @default {\n    @if (shouldRenderHeaderInline()) {\n      <ng-container [ngTemplateOutlet]=\"headerContent\"></ng-container>\n    }\n    <ng-container [ngTemplateOutlet]=\"inlineContent\"></ng-container>\n  }\n}\n", dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: GlobalContextLinkControlsComponent, selector: "c8y-global-context-link-controls", inputs: ["linkStates", "controlConfigs"], outputs: ["allLinksToggled"] }, { kind: "component", type: AggregationPickerComponent, selector: "c8y-aggregation-picker", inputs: ["disabledAggregations", "resetToDefault", "layout"] }, { kind: "component", type: AutoRefreshControlComponent, selector: "c8y-auto-refresh-control", inputs: ["isAutoRefreshConnected", "autoRefreshSeconds", "disableCounter", "isEnabled", "isLoading"], outputs: ["loadingChange", "refresh"] }, { kind: "component", type: DateTimeContextPickerComponent, selector: "c8y-date-time-context-picker", inputs: ["disabled", "shouldDisableInterval", "config"] }, { kind: "directive", type: IconDirective, selector: "[c8yIcon]", inputs: ["c8yIcon"] }, { kind: "ngmodule", type: TooltipModule }, { kind: "directive", type: i2.TooltipDirective, selector: "[tooltip], [tooltipHtml]", inputs: ["adaptivePosition", "tooltip", "placement", "triggers", "container", "containerClass", "boundariesElement", "isOpen", "isDisabled", "delay", "tooltipHtml", "tooltipPlacement", "tooltipIsOpen", "tooltipEnable", "tooltipAppendToBody", "tooltipAnimation", "tooltipClass", "tooltipContext", "tooltipPopupDelay", "tooltipFadeDuration", "tooltipTrigger"], outputs: ["tooltipChange", "onShown", "onHidden", "tooltipStateChanged"], exportAs: ["bs-tooltip"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "pipe", type: C8yTranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: GlobalContextInlineComponent, isStandalone: true, selector: "c8y-global-context-inline", inputs: { widgetControls: { classPropertyName: "widgetControls", publicName: "widgetControls", isSignal: true, isRequired: true, transformFunction: null }, config: { classPropertyName: "config", publicName: "config", isSignal: true, isRequired: false, transformFunction: null }, isLoading: { classPropertyName: "isLoading", publicName: "isLoading", isSignal: true, isRequired: false, transformFunction: null }, dashboardChildForLegacy: { classPropertyName: "dashboardChildForLegacy", publicName: "dashboardChildForLegacy", isSignal: true, isRequired: false, transformFunction: null }, disableRefreshEmits: { classPropertyName: "disableRefreshEmits", publicName: "disableRefreshEmits", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { refresh: "refresh", globalContextChange: "globalContextChange" }, providers: [GlobalContextInlineOrchestratorService], viewQueries: [{ propertyName: "headerTemplateRef", first: true, predicate: ["headerContent"], descendants: true, read: TemplateRef, static: true }], exportAs: ["globalContextInline"], ngImport: i0, template: "<ng-template #headerContent>\n  @let linkModel = linkDisplayModel();\n  <ng-content select=\"#header\"></ng-content>\n\n  @if (shouldShowHeaderLinks()) {\n    <c8y-global-context-link-controls\n      [linkStates]=\"linkModel.linkStates\"\n      [controlConfigs]=\"linkModel.controlConfig\"\n      (allLinksToggled)=\"toggleAllLinks($event)\"\n    ></c8y-global-context-link-controls>\n  }\n</ng-template>\n\n<ng-template #inlineContent>\n  @let settings = inlineSettings();\n  @let linkModel = linkDisplayModel();\n\n  @if (form && settings) {\n    <form\n      class=\"d-flex gap-16 p-l-16 p-r-16 inner-scroll\"\n      [ngClass]=\"{\n        'p-b-8':\n          settings.showTimeContext ||\n          settings.showRefresh ||\n          settings.showAutoRefresh ||\n          settings.showAggregation\n      }\"\n      [formGroup]=\"form\"\n    >\n      <div class=\"input-group w-auto input-group-sm\">\n        @if (settings.showAggregation) {\n          <c8y-aggregation-picker\n            data-cy=\"global-inline-date-context--Aggregation-display\"\n            [disabledAggregations]=\"getDisabledAggregations()\"\n            formControlName=\"aggregation\"\n            [resetToDefault]=\"true\"\n          ></c8y-aggregation-picker>\n        }\n\n        @if (settings.showAutoRefresh) {\n          <c8y-auto-refresh-control\n            [isLoading]=\"isLoading()\"\n            [disableCounter]=\"shouldDisableCounter\"\n            formControlName=\"isAutoRefreshEnabled\"\n            [autoRefreshSeconds]=\"getAutoRefreshSeconds()\"\n            [isAutoRefreshConnected]=\"linkModel.linkStates.isAutoRefreshEnabled ?? false\"\n            (refresh)=\"onLocalRefreshTrigger()\"\n          ></c8y-auto-refresh-control>\n        }\n\n        @if (settings.showTimeContext) {\n          @let isHistoryMode = form.get('refreshOption')?.value === REFRESH_OPTION.HISTORY;\n          <c8y-date-time-context-picker\n            style=\"margin-left: -1px\"\n            formControlName=\"dateTimeContext\"\n            [shouldDisableInterval]=\"getIntervalDisableConfig()\"\n            [config]=\"\n              isHistoryMode\n                ? { showDateTo: true, showDateFrom: true }\n                : { showDateTo: false, showDateFrom: true }\n            \"\n          ></c8y-date-time-context-picker>\n        }\n\n        @if (settings.showRefresh) {\n          <div class=\"input-group-btn\">\n            <button\n              class=\"btn btn-default\"\n              [attr.aria-label]=\"'Refresh' | translate\"\n              [tooltip]=\"'Refresh' | translate\"\n              placement=\"bottom\"\n              container=\"body\"\n              type=\"button\"\n              data-cy=\"global-inline-date-context--reload-button\"\n              [adaptivePosition]=\"false\"\n              [delay]=\"500\"\n              [disabled]=\"isLoading()\"\n              (click)=\"refresh.emit(null)\"\n            >\n              <i\n                [class.icon-spin]=\"isLoading()\"\n                [c8yIcon]=\"'refresh'\"\n              ></i>\n            </button>\n          </div>\n        }\n      </div>\n    </form>\n  }\n\n  <ng-content select=\"#body\"></ng-content>\n</ng-template>\n\n@switch (effectiveConfig().displayMode) {\n  @case (GLOBAL_CONTEXT_DISPLAY_MODE.CONFIG) {\n    <ng-container [ngTemplateOutlet]=\"inlineContent\"></ng-container>\n  }\n  @case (GLOBAL_CONTEXT_DISPLAY_MODE.VIEW_AND_CONFIG) {\n    <ng-container [ngTemplateOutlet]=\"headerContent\"></ng-container>\n    <ng-container [ngTemplateOutlet]=\"inlineContent\"></ng-container>\n  }\n  @default {\n    @if (shouldRenderHeaderInline()) {\n      <ng-container [ngTemplateOutlet]=\"headerContent\"></ng-container>\n    }\n    <ng-container [ngTemplateOutlet]=\"inlineContent\"></ng-container>\n  }\n}\n", dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: GlobalContextLinkControlsComponent, selector: "c8y-global-context-link-controls", inputs: ["linkStates", "controlConfigs"], outputs: ["allLinksToggled"] }, { kind: "component", type: AggregationPickerComponent, selector: "c8y-aggregation-picker", inputs: ["disabledAggregations", "resetToDefault", "layout"] }, { kind: "component", type: AutoRefreshControlComponent, selector: "c8y-auto-refresh-control", inputs: ["isAutoRefreshConnected", "autoRefreshSeconds", "disableCounter", "isEnabled", "isLoading"], outputs: ["loadingChange", "refresh"] }, { kind: "component", type: DateTimeContextPickerComponent, selector: "c8y-date-time-context-picker", inputs: ["disabled", "shouldDisableInterval", "config"] }, { kind: "directive", type: IconDirective, selector: "[c8yIcon]", inputs: ["c8yIcon"] }, { kind: "ngmodule", type: TooltipModule }, { kind: "directive", type: i2.TooltipDirective, selector: "[tooltip], [tooltipHtml]", inputs: ["adaptivePosition", "tooltip", "placement", "triggers", "container", "containerClass", "boundariesElement", "isOpen", "isDisabled", "delay", "tooltipHtml", "tooltipPlacement", "tooltipIsOpen", "tooltipEnable", "tooltipAppendToBody", "tooltipAnimation", "tooltipClass", "tooltipContext", "tooltipPopupDelay", "tooltipFadeDuration", "tooltipTrigger"], outputs: ["tooltipChange", "onShown", "onHidden", "tooltipStateChanged"], exportAs: ["bs-tooltip"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "pipe", type: C8yTranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: GlobalContextInlineComponent, decorators: [{
             type: Component,
@@ -8521,7 +8529,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
                         NgTemplateOutlet,
                         NgClass
                     ], selector: 'c8y-global-context-inline', exportAs: 'globalContextInline', providers: [GlobalContextInlineOrchestratorService], template: "<ng-template #headerContent>\n  @let linkModel = linkDisplayModel();\n  <ng-content select=\"#header\"></ng-content>\n\n  @if (shouldShowHeaderLinks()) {\n    <c8y-global-context-link-controls\n      [linkStates]=\"linkModel.linkStates\"\n      [controlConfigs]=\"linkModel.controlConfig\"\n      (allLinksToggled)=\"toggleAllLinks($event)\"\n    ></c8y-global-context-link-controls>\n  }\n</ng-template>\n\n<ng-template #inlineContent>\n  @let settings = inlineSettings();\n  @let linkModel = linkDisplayModel();\n\n  @if (form && settings) {\n    <form\n      class=\"d-flex gap-16 p-l-16 p-r-16 inner-scroll\"\n      [ngClass]=\"{\n        'p-b-8':\n          settings.showTimeContext ||\n          settings.showRefresh ||\n          settings.showAutoRefresh ||\n          settings.showAggregation\n      }\"\n      [formGroup]=\"form\"\n    >\n      <div class=\"input-group w-auto input-group-sm\">\n        @if (settings.showAggregation) {\n          <c8y-aggregation-picker\n            data-cy=\"global-inline-date-context--Aggregation-display\"\n            [disabledAggregations]=\"getDisabledAggregations()\"\n            formControlName=\"aggregation\"\n            [resetToDefault]=\"true\"\n          ></c8y-aggregation-picker>\n        }\n\n        @if (settings.showAutoRefresh) {\n          <c8y-auto-refresh-control\n            [isLoading]=\"isLoading()\"\n            [disableCounter]=\"shouldDisableCounter\"\n            formControlName=\"isAutoRefreshEnabled\"\n            [autoRefreshSeconds]=\"getAutoRefreshSeconds()\"\n            [isAutoRefreshConnected]=\"linkModel.linkStates.isAutoRefreshEnabled ?? false\"\n            (refresh)=\"onLocalRefreshTrigger()\"\n          ></c8y-auto-refresh-control>\n        }\n\n        @if (settings.showTimeContext) {\n          @let isHistoryMode = form.get('refreshOption')?.value === REFRESH_OPTION.HISTORY;\n          <c8y-date-time-context-picker\n            style=\"margin-left: -1px\"\n            formControlName=\"dateTimeContext\"\n            [shouldDisableInterval]=\"getIntervalDisableConfig()\"\n            [config]=\"\n              isHistoryMode\n                ? { showDateTo: true, showDateFrom: true }\n                : { showDateTo: false, showDateFrom: true }\n            \"\n          ></c8y-date-time-context-picker>\n        }\n\n        @if (settings.showRefresh) {\n          <div class=\"input-group-btn\">\n            <button\n              class=\"btn btn-default\"\n              [attr.aria-label]=\"'Refresh' | translate\"\n              [tooltip]=\"'Refresh' | translate\"\n              placement=\"bottom\"\n              container=\"body\"\n              type=\"button\"\n              data-cy=\"global-inline-date-context--reload-button\"\n              [adaptivePosition]=\"false\"\n              [delay]=\"500\"\n              [disabled]=\"isLoading()\"\n              (click)=\"refresh.emit(null)\"\n            >\n              <i\n                [class.icon-spin]=\"isLoading()\"\n                [c8yIcon]=\"'refresh'\"\n              ></i>\n            </button>\n          </div>\n        }\n      </div>\n    </form>\n  }\n\n  <ng-content select=\"#body\"></ng-content>\n</ng-template>\n\n@switch (effectiveConfig().displayMode) {\n  @case (GLOBAL_CONTEXT_DISPLAY_MODE.CONFIG) {\n    <ng-container [ngTemplateOutlet]=\"inlineContent\"></ng-container>\n  }\n  @case (GLOBAL_CONTEXT_DISPLAY_MODE.VIEW_AND_CONFIG) {\n    <ng-container [ngTemplateOutlet]=\"headerContent\"></ng-container>\n    <ng-container [ngTemplateOutlet]=\"inlineContent\"></ng-container>\n  }\n  @default {\n    @if (shouldRenderHeaderInline()) {\n      <ng-container [ngTemplateOutlet]=\"headerContent\"></ng-container>\n    }\n    <ng-container [ngTemplateOutlet]=\"inlineContent\"></ng-container>\n  }\n}\n" }]
-        }], ctorParameters: () => [], propDecorators: { widgetControls: [{ type: i0.Input, args: [{ isSignal: true, alias: "widgetControls", required: true }] }], config: [{ type: i0.Input, args: [{ isSignal: true, alias: "config", required: false }] }], isLoading: [{ type: i0.Input, args: [{ isSignal: true, alias: "isLoading", required: false }] }], dashboardChildForLegacy: [{ type: i0.Input, args: [{ isSignal: true, alias: "dashboardChildForLegacy", required: false }] }], refresh: [{ type: i0.Output, args: ["refresh"] }], globalContextChange: [{ type: i0.Output, args: ["globalContextChange"] }], headerTemplateRef: [{
+        }], ctorParameters: () => [], propDecorators: { widgetControls: [{ type: i0.Input, args: [{ isSignal: true, alias: "widgetControls", required: true }] }], config: [{ type: i0.Input, args: [{ isSignal: true, alias: "config", required: false }] }], isLoading: [{ type: i0.Input, args: [{ isSignal: true, alias: "isLoading", required: false }] }], dashboardChildForLegacy: [{ type: i0.Input, args: [{ isSignal: true, alias: "dashboardChildForLegacy", required: false }] }], disableRefreshEmits: [{ type: i0.Input, args: [{ isSignal: true, alias: "disableRefreshEmits", required: false }] }], refresh: [{ type: i0.Output, args: ["refresh"] }], globalContextChange: [{ type: i0.Output, args: ["globalContextChange"] }], headerTemplateRef: [{
                 type: ViewChild,
                 args: ['headerContent', { static: true, read: TemplateRef }]
             }] } });
@@ -10467,6 +10475,11 @@ class GlobalContextWidgetWrapperComponent {
         this.controlLinks = input({}, ...(ngDevMode ? [{ debugName: "controlLinks" }] : []));
         this.dashboardChildForLegacy = input(...(ngDevMode ? [undefined, { debugName: "dashboardChildForLegacy" }] : []));
         this.config = input({}, ...(ngDevMode ? [{ debugName: "config" }] : []));
+        /**
+         * When true, disables refresh event emissions.
+         * Use when widget handles its own data refresh (e.g., via realtime subscriptions).
+         */
+        this.disableRefreshEmits = input(false, ...(ngDevMode ? [{ debugName: "disableRefreshEmits" }] : []));
         // --- State Management ---
         this.internalConfig = signal({}, ...(ngDevMode ? [{ debugName: "internalConfig" }] : []));
         // Latest global snapshot cached for child config updates on mode change
@@ -10604,7 +10617,7 @@ class GlobalContextWidgetWrapperComponent {
         return diff;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: GlobalContextWidgetWrapperComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: GlobalContextWidgetWrapperComponent, isStandalone: true, selector: "c8y-global-context-widget-wrapper", inputs: { isLoading: { classPropertyName: "isLoading", publicName: "isLoading", isSignal: true, isRequired: false, transformFunction: null }, displayMode: { classPropertyName: "displayMode", publicName: "displayMode", isSignal: true, isRequired: false, transformFunction: null }, widgetControlsConfig: { classPropertyName: "widgetControlsConfig", publicName: "widgetControls", isSignal: true, isRequired: true, transformFunction: null }, controlLinks: { classPropertyName: "controlLinks", publicName: "controlLinks", isSignal: true, isRequired: false, transformFunction: null }, dashboardChildForLegacy: { classPropertyName: "dashboardChildForLegacy", publicName: "dashboardChildForLegacy", isSignal: true, isRequired: false, transformFunction: null }, config: { classPropertyName: "config", publicName: "config", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { globalContextChange: "globalContextChange" }, host: { classAttribute: "sticky-top bg-component d-block min-width-0" }, queries: [{ propertyName: "widgetBodyRef", first: true, predicate: ["widgetBody"], descendants: true }, { propertyName: "widgetHeaderRef", first: true, predicate: ["widgetHeader"], descendants: true }], viewQueries: [{ propertyName: "globalContextInlineComponent", first: true, predicate: GlobalContextInlineComponent, descendants: true }], ngImport: i0, template: `
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: GlobalContextWidgetWrapperComponent, isStandalone: true, selector: "c8y-global-context-widget-wrapper", inputs: { isLoading: { classPropertyName: "isLoading", publicName: "isLoading", isSignal: true, isRequired: false, transformFunction: null }, displayMode: { classPropertyName: "displayMode", publicName: "displayMode", isSignal: true, isRequired: false, transformFunction: null }, widgetControlsConfig: { classPropertyName: "widgetControlsConfig", publicName: "widgetControls", isSignal: true, isRequired: true, transformFunction: null }, controlLinks: { classPropertyName: "controlLinks", publicName: "controlLinks", isSignal: true, isRequired: false, transformFunction: null }, dashboardChildForLegacy: { classPropertyName: "dashboardChildForLegacy", publicName: "dashboardChildForLegacy", isSignal: true, isRequired: false, transformFunction: null }, config: { classPropertyName: "config", publicName: "config", isSignal: true, isRequired: false, transformFunction: null }, disableRefreshEmits: { classPropertyName: "disableRefreshEmits", publicName: "disableRefreshEmits", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { globalContextChange: "globalContextChange" }, host: { classAttribute: "sticky-top bg-component d-block min-width-0" }, queries: [{ propertyName: "widgetBodyRef", first: true, predicate: ["widgetBody"], descendants: true }, { propertyName: "widgetHeaderRef", first: true, predicate: ["widgetHeader"], descendants: true }], viewQueries: [{ propertyName: "globalContextInlineComponent", first: true, predicate: GlobalContextInlineComponent, descendants: true }], ngImport: i0, template: `
     @if (widgetControls()) {
       @let GLOBAL_CONTEXT_CONFIG = internalConfig();
       @let INLINE = WIDGET_DISPLAY_MODE.INLINE;
@@ -10621,6 +10634,7 @@ class GlobalContextWidgetWrapperComponent {
             [widgetControls]="widgetControls()"
             [isLoading]="isLoading()"
             [dashboardChildForLegacy]="dashboardChildForLegacy()"
+            [disableRefreshEmits]="disableRefreshEmits()"
             (refresh)="onRefresh()"
             (globalContextChange)="onGlobalContextChange($event)"
           >
@@ -10654,7 +10668,7 @@ class GlobalContextWidgetWrapperComponent {
         }
       }
     }
-  `, isInline: true, dependencies: [{ kind: "component", type: GlobalContextInlineComponent, selector: "c8y-global-context-inline", inputs: ["widgetControls", "config", "isLoading", "dashboardChildForLegacy"], outputs: ["refresh", "globalContextChange"], exportAs: ["globalContextInline"] }, { kind: "component", type: GlobalContextWidgetConfigComponent, selector: "c8y-global-context-widget-config", inputs: ["config", "widgetControls", "isLoading"], outputs: ["displayModeChange", "refresh", "globalContextChange"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "ngmodule", type: PopoverModule }, { kind: "component", type: PreviewControlsComponent, selector: "c8y-preview-controls", inputs: ["widgetControls", "config"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  `, isInline: true, dependencies: [{ kind: "component", type: GlobalContextInlineComponent, selector: "c8y-global-context-inline", inputs: ["widgetControls", "config", "isLoading", "dashboardChildForLegacy", "disableRefreshEmits"], outputs: ["refresh", "globalContextChange"], exportAs: ["globalContextInline"] }, { kind: "component", type: GlobalContextWidgetConfigComponent, selector: "c8y-global-context-widget-config", inputs: ["config", "widgetControls", "isLoading"], outputs: ["displayModeChange", "refresh", "globalContextChange"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "ngmodule", type: PopoverModule }, { kind: "component", type: PreviewControlsComponent, selector: "c8y-preview-controls", inputs: ["widgetControls", "config"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: GlobalContextWidgetWrapperComponent, decorators: [{
             type: Component,
@@ -10688,6 +10702,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
             [widgetControls]="widgetControls()"
             [isLoading]="isLoading()"
             [dashboardChildForLegacy]="dashboardChildForLegacy()"
+            [disableRefreshEmits]="disableRefreshEmits()"
             (refresh)="onRefresh()"
             (globalContextChange)="onGlobalContextChange($event)"
           >
@@ -10732,7 +10747,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
             }], globalContextInlineComponent: [{
                 type: ViewChild,
                 args: [GlobalContextInlineComponent]
-            }], isLoading: [{ type: i0.Input, args: [{ isSignal: true, alias: "isLoading", required: false }] }], displayMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "displayMode", required: false }] }], widgetControlsConfig: [{ type: i0.Input, args: [{ isSignal: true, alias: "widgetControls", required: true }] }], controlLinks: [{ type: i0.Input, args: [{ isSignal: true, alias: "controlLinks", required: false }] }], dashboardChildForLegacy: [{ type: i0.Input, args: [{ isSignal: true, alias: "dashboardChildForLegacy", required: false }] }], config: [{ type: i0.Input, args: [{ isSignal: true, alias: "config", required: false }] }], globalContextChange: [{
+            }], isLoading: [{ type: i0.Input, args: [{ isSignal: true, alias: "isLoading", required: false }] }], displayMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "displayMode", required: false }] }], widgetControlsConfig: [{ type: i0.Input, args: [{ isSignal: true, alias: "widgetControls", required: true }] }], controlLinks: [{ type: i0.Input, args: [{ isSignal: true, alias: "controlLinks", required: false }] }], dashboardChildForLegacy: [{ type: i0.Input, args: [{ isSignal: true, alias: "dashboardChildForLegacy", required: false }] }], config: [{ type: i0.Input, args: [{ isSignal: true, alias: "config", required: false }] }], disableRefreshEmits: [{ type: i0.Input, args: [{ isSignal: true, alias: "disableRefreshEmits", required: false }] }], globalContextChange: [{
                 type: Output
             }] } });