@c8y/ngx-components 1023.43.3 → 1023.47.1

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

@@ -5921,7 +5921,7 @@ class GlobalContextLinkControlsComponent {
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: GlobalContextLinkControlsComponent, isStandalone: true, selector: "c8y-global-context-link-controls", inputs: { linkStates: "linkStates", controlConfigs: "controlConfigs" }, outputs: { allLinksToggled: "allLinksToggled" }, ngImport: i0, template: `
     @if (showLinks()) {
       <button
-        class="btn-icon-dot-set"
+        class="btn-icon-dot-set m-r-4"
         [class.active]="someControlsLinked()"
         [attr.aria-label]="'Global context sync controls' | translate"
         [tooltip]="masterTooltipTemplate"
@@ -5955,7 +5955,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
             args: [{ selector: 'c8y-global-context-link-controls', standalone: true, imports: [IconDirective, TooltipModule, C8yTranslatePipe], changeDetection: ChangeDetectionStrategy.OnPush, template: `
     @if (showLinks()) {
       <button
-        class="btn-icon-dot-set"
+        class="btn-icon-dot-set m-r-4"
         [class.active]="someControlsLinked()"
         [attr.aria-label]="'Global context sync controls' | translate"
         [tooltip]="masterTooltipTemplate"
@@ -8434,9 +8434,15 @@ class GlobalContextInlineComponent {
             return;
         }
         this.removeHeaderFromDashboard();
-        const headers = dashboardChild.additionalHeaderTemplates;
-        if (!headers.includes(template)) {
-            headers.push(template);
+        const templates = dashboardChild._additionalHeaderTemplates.value;
+        if (!templates.some(t => t.template === template)) {
+            dashboardChild._additionalHeaderTemplates.next([
+                ...templates,
+                {
+                    template,
+                    priority: 100
+                }
+            ]);
         }
         this.registeredHeaderTemplate = template;
         this.registeredDashboardChild = dashboardChild;
@@ -8446,11 +8452,8 @@ class GlobalContextInlineComponent {
     }
     removeHeaderFromDashboard() {
         if (this.registeredDashboardChild && this.registeredHeaderTemplate) {
-            const headers = this.registeredDashboardChild.additionalHeaderTemplates;
-            const index = headers.indexOf(this.registeredHeaderTemplate);
-            if (index >= 0) {
-                headers.splice(index, 1);
-            }
+            const templates = this.registeredDashboardChild._additionalHeaderTemplates.value;
+            this.registeredDashboardChild._additionalHeaderTemplates.next(templates.filter(t => t.template !== this.registeredHeaderTemplate));
         }
         this.registeredHeaderTemplate = null;
         this.registeredDashboardChild = null;
@@ -11466,21 +11469,27 @@ class LinkButtonsComponent {
     }
     ngAfterViewInit() {
         const dashChild = this.getDashboardChild();
-        if (dashChild && this.headerTemplateRef) {
-            const headers = dashChild.additionalHeaderTemplates;
-            if (!headers.includes(this.headerTemplateRef)) {
-                headers.push(this.headerTemplateRef);
-            }
+        if (!dashChild || !this.headerTemplateRef) {
+            return;
+        }
+        const templates = dashChild._additionalHeaderTemplates.value;
+        if (!templates.some(t => t.template === this.headerTemplateRef)) {
+            dashChild._additionalHeaderTemplates.next([
+                ...templates,
+                {
+                    template: this.headerTemplateRef,
+                    priority: 100
+                }
+            ]);
         }
     }
     ngOnDestroy() {
         const dashChild = this.getDashboardChild();
-        if (dashChild && this.headerTemplateRef) {
-            const idx = dashChild.additionalHeaderTemplates.indexOf(this.headerTemplateRef);
-            if (idx >= 0) {
-                dashChild.additionalHeaderTemplates.splice(idx, 1);
-            }
+        if (!dashChild || !this.headerTemplateRef) {
+            return;
         }
+        const templates = dashChild._additionalHeaderTemplates.value;
+        dashChild._additionalHeaderTemplates.next(templates.filter(t => t.template !== this.headerTemplateRef));
     }
     getDashboardChild() {
         return this.dashboardChild() ?? this.injectedDashboardChild ?? null;