@c8y/ngx-components 1023.28.5 → 1023.37.0

package/fesm2022/c8y-ngx-components-datapoint-selector.mjs

@@ -14,7 +14,7 @@ import * as i2 from '@angular/forms';
 import { Validators, FormsModule, ReactiveFormsModule, NG_VALUE_ACCESSOR, NG_VALIDATORS } from '@angular/forms';
 import { map, take, filter, startWith, tap, switchMap, shareReplay, distinctUntilChanged, debounceTime } from 'rxjs/operators';
 import { gettext } from '@c8y/ngx-components/gettext';
-import { NgClass, NgTemplateOutlet, KeyValuePipe, NgFor, NgIf, NgSwitch, NgSwitchCase, NgSwitchDefault, AsyncPipe } from '@angular/common';
+import { NgClass, NgTemplateOutlet, KeyValuePipe, AsyncPipe, NgIf, NgFor } from '@angular/common';
 import * as i4 from '@c8y/ngx-components/context-dashboard';
 import { pipe, BehaviorSubject, from, combineLatest } from 'rxjs';
 import * as i1 from '@c8y/client';
@@ -598,14 +598,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
 class DatapointTemplatePopoverComponent {
     constructor() {
         this.attributes = [
-            {
-                label: gettext('Fragment'),
-                key: 'fragment'
-            },
-            {
-                label: gettext('Series'),
-                key: 'series'
-            },
             {
                 label: gettext('Unit'),
                 key: 'unit'
@@ -631,11 +623,11 @@ class DatapointTemplatePopoverComponent {
         ];
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: DatapointTemplatePopoverComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.16", type: DatapointTemplatePopoverComponent, isStandalone: true, selector: "c8y-datapoint-template-popover", inputs: { datapoint: "datapoint", attributes: "attributes" }, ngImport: i0, template: "<p class=\"text-medium\">\n  <i c8yIcon=\"circle\" [style.color]=\"datapoint.color\"></i>\n  {{ datapoint.label }}\n</p>\n<p>{{ datapoint.description }}</p>\n\n<ul class=\"list-unstyled small p-t-16\">\n  <ng-container *ngFor=\"let attribute of attributes; let i = index\">\n    <li\n      class=\"p-t-4 p-b-4 d-flex separator-bottom text-nowrap\"\n      *ngIf=\"datapoint[attribute.key] !== undefined\"\n    >\n      <label class=\"small m-b-0 m-r-8\">\n        <i *ngIf=\"attribute.labelColor\" c8yIcon=\"square\" [style.color]=\"attribute.labelColor\"></i>\n        {{ attribute.label | translate }}\n      </label>\n      <ng-container [ngSwitch]=\"attribute.key\">\n        <span *ngSwitchCase=\"'min'\" class=\"m-l-auto\">\n          {{ datapoint['min'] }} \u2014 {{ datapoint['max'] }}\n        </span>\n        <span *ngSwitchCase=\"'yellowRangeMin'\" class=\"m-l-auto\">\n          {{ datapoint['yellowRangeMin'] }} \u2014 {{ datapoint['yellowRangeMax'] }}\n        </span>\n        <span *ngSwitchCase=\"'redRangeMin'\" class=\"m-l-auto\">\n          {{ datapoint['redRangeMin'] }} \u2014 {{ datapoint['redRangeMax'] }}\n        </span>\n        <span *ngSwitchDefault class=\"m-l-auto\">\n          {{ datapoint[attribute.key] }}\n        </span>\n      </ng-container>\n    </li>\n  </ng-container>\n</ul>\n", dependencies: [{ kind: "directive", type: IconDirective, selector: "[c8yIcon]", inputs: ["c8yIcon"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: NgSwitchDefault, selector: "[ngSwitchDefault]" }, { kind: "pipe", type: C8yTranslatePipe, name: "translate" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: DatapointTemplatePopoverComponent, isStandalone: true, selector: "c8y-datapoint-template-popover", inputs: { datapoint: "datapoint", attributes: "attributes" }, ngImport: i0, template: "<p class=\"text-medium\">\n  <i\n    c8yIcon=\"circle\"\n    [style.color]=\"datapoint.color\"\n  ></i>\n  {{ datapoint.label }}\n</p>\n<p>{{ datapoint.description }}</p>\n\n<ul class=\"list-unstyled small p-t-16\">\n  @for (attribute of attributes; track attribute; let i = $index) {\n    @if (datapoint[attribute.key] !== undefined) {\n      <li class=\"p-t-4 p-b-4 d-flex separator-bottom text-nowrap\">\n        <label class=\"small m-b-0 m-r-8\">\n          @if (attribute.labelColor) {\n            <i\n              c8yIcon=\"square\"\n              [style.color]=\"attribute.labelColor\"\n            ></i>\n          }\n          {{ attribute.label | translate }}\n        </label>\n        @switch (attribute.key) {\n          @case ('min') {\n            <span class=\"m-l-auto\">{{ datapoint['min'] }} \u2014 {{ datapoint['max'] }}</span>\n          }\n          @case ('yellowRangeMin') {\n            <span class=\"m-l-auto\">\n              {{ datapoint['yellowRangeMin'] }} \u2014 {{ datapoint['yellowRangeMax'] }}\n            </span>\n          }\n          @case ('redRangeMin') {\n            <span class=\"m-l-auto\">\n              {{ datapoint['redRangeMin'] }} \u2014 {{ datapoint['redRangeMax'] }}\n            </span>\n          }\n          @default {\n            <span class=\"m-l-auto\">\n              {{ datapoint[attribute.key] }}\n            </span>\n          }\n        }\n      </li>\n    }\n  }\n</ul>\n", dependencies: [{ kind: "directive", type: IconDirective, selector: "[c8yIcon]", inputs: ["c8yIcon"] }, { kind: "pipe", type: C8yTranslatePipe, name: "translate" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: DatapointTemplatePopoverComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'c8y-datapoint-template-popover', imports: [IconDirective, NgFor, NgIf, NgSwitch, NgSwitchCase, NgSwitchDefault, C8yTranslatePipe], template: "<p class=\"text-medium\">\n  <i c8yIcon=\"circle\" [style.color]=\"datapoint.color\"></i>\n  {{ datapoint.label }}\n</p>\n<p>{{ datapoint.description }}</p>\n\n<ul class=\"list-unstyled small p-t-16\">\n  <ng-container *ngFor=\"let attribute of attributes; let i = index\">\n    <li\n      class=\"p-t-4 p-b-4 d-flex separator-bottom text-nowrap\"\n      *ngIf=\"datapoint[attribute.key] !== undefined\"\n    >\n      <label class=\"small m-b-0 m-r-8\">\n        <i *ngIf=\"attribute.labelColor\" c8yIcon=\"square\" [style.color]=\"attribute.labelColor\"></i>\n        {{ attribute.label | translate }}\n      </label>\n      <ng-container [ngSwitch]=\"attribute.key\">\n        <span *ngSwitchCase=\"'min'\" class=\"m-l-auto\">\n          {{ datapoint['min'] }} \u2014 {{ datapoint['max'] }}\n        </span>\n        <span *ngSwitchCase=\"'yellowRangeMin'\" class=\"m-l-auto\">\n          {{ datapoint['yellowRangeMin'] }} \u2014 {{ datapoint['yellowRangeMax'] }}\n        </span>\n        <span *ngSwitchCase=\"'redRangeMin'\" class=\"m-l-auto\">\n          {{ datapoint['redRangeMin'] }} \u2014 {{ datapoint['redRangeMax'] }}\n        </span>\n        <span *ngSwitchDefault class=\"m-l-auto\">\n          {{ datapoint[attribute.key] }}\n        </span>\n      </ng-container>\n    </li>\n  </ng-container>\n</ul>\n" }]
+            args: [{ selector: 'c8y-datapoint-template-popover', imports: [IconDirective, C8yTranslatePipe], template: "<p class=\"text-medium\">\n  <i\n    c8yIcon=\"circle\"\n    [style.color]=\"datapoint.color\"\n  ></i>\n  {{ datapoint.label }}\n</p>\n<p>{{ datapoint.description }}</p>\n\n<ul class=\"list-unstyled small p-t-16\">\n  @for (attribute of attributes; track attribute; let i = $index) {\n    @if (datapoint[attribute.key] !== undefined) {\n      <li class=\"p-t-4 p-b-4 d-flex separator-bottom text-nowrap\">\n        <label class=\"small m-b-0 m-r-8\">\n          @if (attribute.labelColor) {\n            <i\n              c8yIcon=\"square\"\n              [style.color]=\"attribute.labelColor\"\n            ></i>\n          }\n          {{ attribute.label | translate }}\n        </label>\n        @switch (attribute.key) {\n          @case ('min') {\n            <span class=\"m-l-auto\">{{ datapoint['min'] }} \u2014 {{ datapoint['max'] }}</span>\n          }\n          @case ('yellowRangeMin') {\n            <span class=\"m-l-auto\">\n              {{ datapoint['yellowRangeMin'] }} \u2014 {{ datapoint['yellowRangeMax'] }}\n            </span>\n          }\n          @case ('redRangeMin') {\n            <span class=\"m-l-auto\">\n              {{ datapoint['redRangeMin'] }} \u2014 {{ datapoint['redRangeMax'] }}\n            </span>\n          }\n          @default {\n            <span class=\"m-l-auto\">\n              {{ datapoint[attribute.key] }}\n            </span>\n          }\n        }\n      </li>\n    }\n  }\n</ul>\n" }]
         }], propDecorators: { datapoint: [{
                 type: Input
             }], attributes: [{