@c8y/ngx-components 1023.14.220 → 1023.14.222

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 (38) hide show
  1. package/alarm-event-selector/index.d.ts.map +1 -1
  2. package/datapoint-library/list/index.d.ts.map +1 -1
  3. package/datapoint-selector/index.d.ts +25 -7
  4. package/datapoint-selector/index.d.ts.map +1 -1
  5. package/echart/index.d.ts +1 -0
  6. package/echart/index.d.ts.map +1 -1
  7. package/fesm2022/c8y-ngx-components-alarm-event-selector.mjs +13 -8
  8. package/fesm2022/c8y-ngx-components-alarm-event-selector.mjs.map +1 -1
  9. package/fesm2022/c8y-ngx-components-computed-asset-properties.mjs +8 -3
  10. package/fesm2022/c8y-ngx-components-computed-asset-properties.mjs.map +1 -1
  11. package/fesm2022/c8y-ngx-components-datapoint-library-details.mjs +2 -2
  12. package/fesm2022/c8y-ngx-components-datapoint-library-details.mjs.map +1 -1
  13. package/fesm2022/c8y-ngx-components-datapoint-library-list.mjs +13 -5
  14. package/fesm2022/c8y-ngx-components-datapoint-library-list.mjs.map +1 -1
  15. package/fesm2022/c8y-ngx-components-datapoint-selector.mjs +66 -39
  16. package/fesm2022/c8y-ngx-components-datapoint-selector.mjs.map +1 -1
  17. package/fesm2022/c8y-ngx-components-echart.mjs +25 -14
  18. package/fesm2022/c8y-ngx-components-echart.mjs.map +1 -1
  19. package/fesm2022/c8y-ngx-components-widgets-implementations-datapoints-graph.mjs +15 -6
  20. package/fesm2022/c8y-ngx-components-widgets-implementations-datapoints-graph.mjs.map +1 -1
  21. package/fesm2022/c8y-ngx-components-widgets-implementations-datapoints-table.mjs +10 -6
  22. package/fesm2022/c8y-ngx-components-widgets-implementations-datapoints-table.mjs.map +1 -1
  23. package/fesm2022/c8y-ngx-components-widgets-implementations-info-gauge.mjs +20 -16
  24. package/fesm2022/c8y-ngx-components-widgets-implementations-info-gauge.mjs.map +1 -1
  25. package/fesm2022/c8y-ngx-components-widgets-implementations-kpi.mjs +3 -3
  26. package/fesm2022/c8y-ngx-components-widgets-implementations-kpi.mjs.map +1 -1
  27. package/fesm2022/c8y-ngx-components-widgets-implementations-linear-gauge.mjs +4 -4
  28. package/fesm2022/c8y-ngx-components-widgets-implementations-linear-gauge.mjs.map +1 -1
  29. package/fesm2022/c8y-ngx-components.mjs +145 -3
  30. package/fesm2022/c8y-ngx-components.mjs.map +1 -1
  31. package/index.d.ts +123 -2
  32. package/index.d.ts.map +1 -1
  33. package/locales/locales.pot +14 -8
  34. package/package.json +1 -1
  35. package/widgets/implementations/datapoints-graph/index.d.ts +6 -0
  36. package/widgets/implementations/datapoints-graph/index.d.ts.map +1 -1
  37. package/widgets/implementations/datapoints-table/index.d.ts.map +1 -1
  38. package/widgets/implementations/info-gauge/index.d.ts.map +1 -1
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sources":["../../alarm-event-selector/alarm-event-selector.model.ts","../../alarm-event-selector/alarm-event-attributes-form/alarm-event-attributes-form.service.ts","../../alarm-event-selector/alarm-event-attributes-form/alarm-event-attributes-form.model.ts","../../alarm-event-selector/alarm-event-attributes-form/alarm-event-attributes-form.component.ts","../../alarm-event-selector/alarm-event-selector-modal/alarm-event-selector-modal.component.ts","../../alarm-event-selector/alarm-event-selector-modal/alarm-event-selector-modal.model.ts","../../alarm-event-selector/alarm-event-selector-modal/alarm-event-selector-modal.service.ts","../../alarm-event-selector/alarm-event-selector.service.ts","../../alarm-event-selector/alarm-event-selection-list/alarm-event-selection-list.component.ts","../../alarm-event-selector/alarm-event-selector-list-item/alarm-event-selector-list-item.component.ts","../../alarm-event-selector/alarm-event-selector.component.ts","../../alarm-event-selector/pipes/includes-alarm.pipe.ts","../../alarm-event-selector/custom-alarm-event-form/custom-alarm-event-form.component.ts","../../alarm-event-selector/alarm-event-selector.module.ts"],"sourcesContent":[null,null,null,null,null,null,null,null,null,null,null,null,null,null],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;AAKA;;;;;AAKE;;;;;AAMI;;AAEJ;;;;;AAMI;;AAEJ;;;;;AAMI;;;;;;AAQA;;;;;;;;;;;;;;;;;AAkBN;AAsBA;AAsBA;;AAEG;AACG;;;;;ACrGN;;;;AAaC;;;;ACZG;AACD;AACD;AACA;AACA;AACD;;ACyBD;AAoCI;AACA;;;;;;AAJF;AAGU;;AAwBV;AAIA;AAIA;AAIA;AAIA;;AAiBA;AAIA;;;AAKD;;AClID;AAwBc;;;AAhBZ;AACA;AACA;;AAEA;AACA;;;;;;AAWoB;AAEpB;;AAUA;;;AAGD;;AC5CK;;ACIN;;AAEG;AACH;AAEc;AAAQ;AACpB;;;;AAIG;AACH;;;AAUD;;ACbD;AAQI;AACA;AACA;;;AAGF;;;;AAIG;AACH;AAIA;;;;AAIG;;AAWH;;;;;AAKG;AACG;;;AAuBA;AACA;;;;;AA2CP;;ACtED;AA4FI;AACA;AACA;AACY;AACA;AACA;AA9Dd;;;AAGG;;AAGH;;AAEG;AACM;AAET;;AAEG;AACM;AAEA;;AAGT;;;AAGG;;AAGH;;AAEG;AACM;AAET;;;AAGG;AACM;AAET;;AAEG;AACM;;AAGA;;AAGT;;AAEG;AACM;;;AAIT;;;AAeA;AAYA;AAKA;AAIA;AAIA;AAWA;;;AA2CA;AAMA;AAOA;;;AAUD;;ACxND;AA2Dc;;AAnBH;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;;AAIC;AACA;;AAGV;;AAGoB;;;;AA0BpB;AAIA;AAIA;AASA;AAIA;;;AAiBA;;;AAKD;;ACrID;AAwDc;;;AAxBH;AACA;AACA;AACA;AACA;;AAGC;AACV;AACA;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;;AAMoB;AAEpB;AAQA;AAMA;AAUA;;AAYA;AAKA;AAIA;AAoCA;AAKA;AAIA;;;AAaD;;ACnMD;AAEE;;;AAWD;;ACFD;AA4Bc;;;;;;AAPF;AACA;;AAGV;;AAGoB;;;;AAmCpB;;;AAKD;;AClED;;;;AAoBwC;;;"}
1
+ {"version":3,"file":"index.d.ts","sources":["../../alarm-event-selector/alarm-event-selector.model.ts","../../alarm-event-selector/alarm-event-attributes-form/alarm-event-attributes-form.service.ts","../../alarm-event-selector/alarm-event-attributes-form/alarm-event-attributes-form.model.ts","../../alarm-event-selector/alarm-event-attributes-form/alarm-event-attributes-form.component.ts","../../alarm-event-selector/alarm-event-selector-modal/alarm-event-selector-modal.component.ts","../../alarm-event-selector/alarm-event-selector-modal/alarm-event-selector-modal.model.ts","../../alarm-event-selector/alarm-event-selector-modal/alarm-event-selector-modal.service.ts","../../alarm-event-selector/alarm-event-selector.service.ts","../../alarm-event-selector/alarm-event-selection-list/alarm-event-selection-list.component.ts","../../alarm-event-selector/alarm-event-selector-list-item/alarm-event-selector-list-item.component.ts","../../alarm-event-selector/alarm-event-selector.component.ts","../../alarm-event-selector/pipes/includes-alarm.pipe.ts","../../alarm-event-selector/custom-alarm-event-form/custom-alarm-event-form.component.ts","../../alarm-event-selector/alarm-event-selector.module.ts"],"sourcesContent":[null,null,null,null,null,null,null,null,null,null,null,null,null,null],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;AAKA;;;;;AAKE;;;;;AAMI;;AAEJ;;;;;AAMI;;AAEJ;;;;;AAMI;;;;;;AAQA;;;;;;;;;;;;;;;;;AAkBN;AAsBA;AAsBA;;AAEG;AACG;;;;;ACrGN;;;;AAaC;;;;ACZG;AACD;AACD;AACA;AACA;AACD;;ACyBD;AAmCI;AACA;;;;;;AAJF;AAGU;;AAwBV;AAIA;AAIA;AAIA;AAIA;;AAqBA;AAIA;;;AAKD;;ACrID;AAwBc;;;AAhBZ;AACA;AACA;;AAEA;AACA;;;;;;AAWoB;AAEpB;;AAUA;;;AAGD;;AC5CK;;ACIN;;AAEG;AACH;AAEc;AAAQ;AACpB;;;;AAIG;AACH;;;AAUD;;ACbD;AAQI;AACA;AACA;;;AAGF;;;;AAIG;AACH;AAIA;;;;AAIG;;AAWH;;;;;AAKG;AACG;;;AAuBA;AACA;;;;;AA2CP;;ACtED;AA4FI;AACA;AACA;AACY;AACA;AACA;AA9Dd;;;AAGG;;AAGH;;AAEG;AACM;AAET;;AAEG;AACM;AAEA;;AAGT;;;AAGG;;AAGH;;AAEG;AACM;AAET;;;AAGG;AACM;AAET;;AAEG;AACM;;AAGA;;AAGT;;AAEG;AACM;;;AAIT;;;AAeA;AAYA;AAKA;AAIA;AAIA;AAWA;;;AA2CA;AAMA;AAOA;;;AAUD;;ACxND;AA2Dc;;AAnBH;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;;AAIC;AACA;;AAGV;;AAGoB;;;;AA0BpB;AAIA;AAIA;AASA;AAIA;;;AAiBA;;;AAKD;;ACrID;AAwDc;;;AAxBH;AACA;AACA;AACA;AACA;;AAGC;AACV;AACA;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;;AAMoB;AAEpB;AAQA;AAMA;AAUA;;AAYA;AAKA;AAIA;AAoCA;AAKA;AAIA;;;AAaD;;ACnMD;AAEE;;;AAWD;;ACFD;AA4Bc;;;;;;AAPF;AACA;;AAGV;;AAGoB;;;;AAmCpB;;;AAKD;;AClED;;;;AAoBwC;;;"}
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sources":["../../../datapoint-library/list/datapoint-library-list.component.ts"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;;;AAaA,cAAA,6BAAA;AAyBI;AACA;AACA;AACA;AACA;AACA;;AAtBF;AACA;AACA,aAAA,eAAA;;AAYA,eAAS,IAAA,CAAA,aAAA,CAAA,UAAA,CAAA,cAAA,KAAA,UAAA,CAAA,cAAA;;AAWT,qBAAA,OAAA,CAAA,WAAA,CAAA,cAAA;;;;;;;AAoCD;;;;"}
1
+ {"version":3,"file":"index.d.ts","sources":["../../../datapoint-library/list/datapoint-library-list.component.ts"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;;;AAoBA,cAAA,6BAAA;AAgCI;AACA;AACA;AACA;AACA;AACA;;AAtBF;AACA;AACA,aAAA,eAAA;;AAYA,eAAS,IAAA,CAAA,aAAA,CAAA,UAAA,CAAA,cAAA,KAAA,UAAA,CAAA,cAAA;;AAWT,qBAAA,OAAA,CAAA,WAAA,CAAA,cAAA;;;;;;;AAoCD;;;;"}
@@ -4,7 +4,7 @@ import * as i1 from '@c8y/ngx-components/assets-navigator';
4
4
  import { MillerViewComponent } from '@c8y/ngx-components/assets-navigator';
5
5
  import * as i2 from 'ngx-bootstrap/collapse';
6
6
  import * as i3 from '@c8y/ngx-components';
7
- import { AppStateService, ColorService, ListItemDragHandleComponent, ForOfFilterPipe } from '@c8y/ngx-components';
7
+ import { AppStateService, ColorService, ListItemDragHandleComponent, ForOfFilterPipe, DatapointLabelOptions } from '@c8y/ngx-components';
8
8
  import * as i4 from 'ngx-bootstrap/dropdown';
9
9
  import * as i5 from 'ngx-bootstrap/modal';
10
10
  import { BsModalRef, BsModalService } from 'ngx-bootstrap/modal';
@@ -16,6 +16,7 @@ import { ControlValueAccessor, Validator, FormGroup, FormBuilder, AbstractContro
16
16
  import { IIdentified, IManagedObject, InventoryService, MeasurementService, IResultList } from '@c8y/client';
17
17
  import { BehaviorSubject, Observable } from 'rxjs';
18
18
  import { SupportedIconsSuggestions } from '@c8y/ngx-components/icon-selector/icons';
19
+ import { TranslateService } from '@ngx-translate/core';
19
20
  import { WidgetConfigComponent } from '@c8y/ngx-components/context-dashboard';
20
21
 
21
22
  declare const AXIS_TYPES: readonly [{
@@ -246,6 +247,7 @@ declare const AddButtonTypes: {
246
247
  type AddButtonType = (typeof AddButtonTypes)[keyof typeof AddButtonTypes];
247
248
  declare class DatapointSelectorListItemComponent implements ControlValueAccessor, Validator {
248
249
  private formBuilder;
250
+ private translate;
249
251
  formGroup: FormGroup;
250
252
  defaultFormOptions: Partial<DatapointAttributesFormConfig>;
251
253
  isSelected: boolean;
@@ -274,7 +276,11 @@ declare class DatapointSelectorListItemComponent implements ControlValueAccessor
274
276
  readonly addRemove: "add-remove";
275
277
  readonly select: "select";
276
278
  };
277
- constructor(formBuilder: FormBuilder);
279
+ /** Selected template for the "Data point template" typeahead; adds a translated `translatedLabel`. */
280
+ templateForTypeahead: (KPIDetails & {
281
+ translatedLabel: string;
282
+ }) | undefined;
283
+ constructor(formBuilder: FormBuilder, translate: TranslateService);
278
284
  validate(_control: AbstractControl): ValidationErrors;
279
285
  writeValue(obj: any): void;
280
286
  registerOnChange(fn: any): void;
@@ -286,6 +292,11 @@ declare class DatapointSelectorListItemComponent implements ControlValueAccessor
286
292
  setPipe(filterStr: string): void;
287
293
  unlinkDatapointTemplate(): void;
288
294
  dataPointTemplateSelected(template: ManagedObjectKPI): void;
295
+ /**
296
+ * Reads the selection from the form rather than from a caller, so that it stays correct no
297
+ * matter what the form was given, `writeValue(null)` included.
298
+ */
299
+ private updateTemplateForTypeahead;
289
300
  private resetUnusedProperties;
290
301
  private filterDatapointLabel;
291
302
  private transformFormValue;
@@ -369,11 +380,18 @@ declare class IncludesDatapointPipe implements PipeTransform {
369
380
  static ɵpipe: i0.ɵɵPipeDeclaration<IncludesDatapointPipe, "includesDatapoint", true>;
370
381
  }
371
382
 
383
+ /**
384
+ * Builds the label of a datapoint, either from the datapoint's own label or, if it has none, from
385
+ * its fragment and series, and translates it. Outside a template, call `translateDatapointLabel`
386
+ * directly.
387
+ */
372
388
  declare class DatapointLabelPipe implements PipeTransform {
373
- transform(datapoint: KPIDetails, options?: {
374
- includeDevice: boolean;
375
- doNotUseLabel: boolean;
376
- }): string;
389
+ private translate;
390
+ /**
391
+ * @param datapointOrLabel Either a `KPIDetails` datapoint (its `label` is used, falling back
392
+ * to `fragment → series`) or the label string itself. `options` only applies to a datapoint.
393
+ */
394
+ transform(datapointOrLabel: KPIDetails | string | null | undefined, options?: DatapointLabelOptions): string;
377
395
  static ɵfac: i0.ɵɵFactoryDeclaration<DatapointLabelPipe, never>;
378
396
  static ɵpipe: i0.ɵɵPipeDeclaration<DatapointLabelPipe, "datapointLabel", true>;
379
397
  }
@@ -463,7 +481,7 @@ declare class DatapointAttributesFormComponent implements ControlValueAccessor,
463
481
 
464
482
  declare class DatapointSelectorModule {
465
483
  static ɵfac: i0.ɵɵFactoryDeclaration<DatapointSelectorModule, never>;
466
- static ɵmod: i0.ɵɵNgModuleDeclaration<DatapointSelectorModule, never, [typeof i1.AssetSelectorModule, typeof i2.CollapseModule, typeof i3.CoreModule, typeof i4.BsDropdownModule, typeof i5.ModalModule, typeof i6.TooltipModule, typeof i7.PopoverModule, typeof i8.DragDropModule, typeof DatapointSelectorComponent, typeof DatapointSelectorModalComponent, typeof DatapointSelectorListItemComponent, typeof DatapointSelectionListComponent, typeof DatapointTemplatePopoverComponent, typeof IncludesDatapointPipe, typeof DatapointLabelPipe, typeof FilterDatapointsPipe, typeof DatapointAttributesFormComponent], [typeof DatapointSelectorComponent, typeof DatapointSelectorModalComponent, typeof DatapointSelectorListItemComponent, typeof DatapointSelectionListComponent, typeof DatapointTemplatePopoverComponent, typeof IncludesDatapointPipe, typeof DatapointLabelPipe, typeof DatapointAttributesFormComponent]>;
484
+ static ɵmod: i0.ɵɵNgModuleDeclaration<DatapointSelectorModule, never, [typeof i1.AssetSelectorModule, typeof i2.CollapseModule, typeof i3.CoreModule, typeof i4.BsDropdownModule, typeof i5.ModalModule, typeof i6.TooltipModule, typeof i7.PopoverModule, typeof i8.DragDropModule, typeof DatapointSelectorComponent, typeof DatapointSelectorModalComponent, typeof DatapointSelectorListItemComponent, typeof DatapointSelectionListComponent, typeof DatapointTemplatePopoverComponent, typeof IncludesDatapointPipe, typeof DatapointLabelPipe, typeof i3.DatapointDescriptionPipe, typeof FilterDatapointsPipe, typeof DatapointAttributesFormComponent], [typeof DatapointSelectorComponent, typeof DatapointSelectorModalComponent, typeof DatapointSelectorListItemComponent, typeof DatapointSelectionListComponent, typeof DatapointTemplatePopoverComponent, typeof IncludesDatapointPipe, typeof DatapointLabelPipe, typeof i3.DatapointDescriptionPipe, typeof DatapointAttributesFormComponent]>;
467
485
  static ɵinj: i0.ɵɵInjectorDeclaration<DatapointSelectorModule>;
468
486
  }
469
487
 
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sources":["../../datapoint-selector/datapoint-attributes-form/datapoint-attributes.model.ts","../../datapoint-selector/datapoint-selection.model.ts","../../datapoint-selector/datapoint-library.service.ts","../../datapoint-selector/datapoint-selector.component.ts","../../datapoint-selector/datapoint-selector-modal/datapoint-selector-modal.component.ts","../../datapoint-selector/datapoint-selector-list-item/datapoint-selector-list-item.component.ts","../../datapoint-selector/datapoint-selector-modal/datapoint-selector-modal.model.ts","../../datapoint-selector/datapoint-selector.service.ts","../../datapoint-selector/datapoint-selection-list/datapoint-selection-list.component.ts","../../datapoint-selector/datapoint-template-popover/datapoint-template-popover.component.ts","../../datapoint-selector/pipes/includes-datapoint.pipe.ts","../../datapoint-selector/pipes/datapoint-label.pipe.ts","../../datapoint-selector/pipes/filter-datapoints.pipe.ts","../../datapoint-selector/datapoint-attributes-form/datapoint-attributes-form-validation.service.ts","../../datapoint-selector/datapoint-attributes-form/datapoint-attributes-form.component.ts","../../datapoint-selector/datapoint-selector.module.ts"],"sourcesContent":[null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;AAEA;;;;;;;;;;AAMM;AAEN;;;;;;;;;;;;;;;;;;;AASM;AAEN;;;;;;;;;;;;;;;;;;;AASM;;ACrBN;;;;AAKE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACD;AAEK;AACJ;AACD;;;AAIC;;AAED;;;;;;;;;;;;AAaA;AAEK;;ACzCN;AAII;AACA;AACA;AACA;;AAHQ;;AAoBJ;AAUA;AAQA;AA4CA;AAwBN;;;;AAIG;AACG;AA+BU;;;;;AA4CA;AAsBhB;;;AA0BgB;;;AAqBjB;;ACpPD;AAgEc;;AAlCH;AACA;AACT;AACS;AACA;AACA;AACA;AACA;AACA;AACA;AACT;AACA;;;;;;;;AAIgC;AAEhC;AACA;AACA;AACA;AACA;;AAGA;AACA;;;;;AASoB;AAEpB;AAoBA;AAIA;AAIA;AAIA;AAYA;;;AAgCA;AAKA;AAsCA;AAQA;AAKA;AAIA;AAOA;;;AAkBD;;ACrPD;AA6BI;AACA;;AAvBF;AACA;AACA;AACA;;;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;;;;AAUU;AAIV;AAIA;;AAUA;AAOA;;;;AAIG;AACH;;;AAOD;;AClCD;;;;;AAKM;AAEN;AAiEc;;AAzBH;AACA;AACA;;AAEA;AACA;AACA;AACA;;;AAGA;AACA;AACC;AACA;AACD;AACA;;;AAIT;AACA;AACA;;;;;;AAEgC;AAEZ;AAgBpB;AAeA;AAIA;AAIA;AAIA;;;;;AAiCA;;AAoCA;AAgBA;AAUA;;;AAKD;;ACnQK;;ACIN;;AAEwB;AAEtB;;;AAcD;;ACkCD;AA8DI;AACA;AACA;AACY;;AA7Bd;;AAEG;AACM;AACA;AACA;AACT;;AAEG;;AAEH;;AAEG;AACM;AACA;AACA;;;AAGT;;;;;AACgC;AAEtB;AACA;;AAIA;AAaV;AAeA;AAIA;AAIA;AAQA;AAYA;;;AAqCA;AAMA;AAOA;;;AAOD;;ACpOD;;;;;;AAWG;;;AAwBF;;ACrCD;;;;AAaC;;ACbD;AAEE;;;AAE0D;;;AAmB3D;;ACvBD;;AAYE;;;AAqBD;;ACvBD;AAEc;AAAQ;AAEpB;AA4BA;;;;;;;;;;;AAyJA;AAOA;AAQA;AAMA;AAOA;;;AAWD;;AC5MD;AAkEc;;;;AA9BH;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;;;;;;;;;;;;AAaT;;AAEI;;;AAGJ;;;AAIoB;AAKpB;AAKA;AAMA;AAMA;AAOA;AAeA;AASA;AAIA;AAOA;AAYA;AAYA;AAMA;AAcA;AAQA;;;AAOD;;AC3MD;;;;AA+BuC;;;"}
1
+ {"version":3,"file":"index.d.ts","sources":["../../datapoint-selector/datapoint-attributes-form/datapoint-attributes.model.ts","../../datapoint-selector/datapoint-selection.model.ts","../../datapoint-selector/datapoint-library.service.ts","../../datapoint-selector/datapoint-selector.component.ts","../../datapoint-selector/datapoint-selector-modal/datapoint-selector-modal.component.ts","../../datapoint-selector/datapoint-selector-list-item/datapoint-selector-list-item.component.ts","../../datapoint-selector/datapoint-selector-modal/datapoint-selector-modal.model.ts","../../datapoint-selector/datapoint-selector.service.ts","../../datapoint-selector/datapoint-selection-list/datapoint-selection-list.component.ts","../../datapoint-selector/datapoint-template-popover/datapoint-template-popover.component.ts","../../datapoint-selector/pipes/includes-datapoint.pipe.ts","../../datapoint-selector/pipes/datapoint-label.pipe.ts","../../datapoint-selector/pipes/filter-datapoints.pipe.ts","../../datapoint-selector/datapoint-attributes-form/datapoint-attributes-form-validation.service.ts","../../datapoint-selector/datapoint-attributes-form/datapoint-attributes-form.component.ts","../../datapoint-selector/datapoint-selector.module.ts"],"sourcesContent":[null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;AAEA;;;;;;;;;;AAMM;AAEN;;;;;;;;;;;;;;;;;;;AASM;AAEN;;;;;;;;;;;;;;;;;;;AASM;;ACrBN;;;;AAKE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACD;AAEK;AACJ;AACD;;;AAIC;;AAED;;;;;;;;;;;;AAaA;AAEK;;ACpCN;AAII;AACA;AACA;AACA;;AAHQ;;AAoBJ;AAUA;AAQA;AA4CA;AAwBN;;;;AAIG;AACG;AA+BU;;;;;AA4CA;AAsBhB;;;AA0BgB;;;AAqBjB;;ACzPD;AAgEc;;AAlCH;AACA;AACT;AACS;AACA;AACA;AACA;AACA;AACA;AACA;AACT;AACA;;;;;;;;AAIgC;AAEhC;AACA;AACA;AACA;AACA;;AAGA;AACA;;;;;AASoB;AAEpB;AAoBA;AAIA;AAIA;AAIA;AAYA;;;AAgCA;AAKA;AAsCA;AAQA;AAKA;AAIA;AAOA;;;AAkBD;;ACrPD;AA6BI;AACA;;AAvBF;AACA;AACA;AACA;;;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;;;;AAUU;AAIV;AAIA;;AAUA;AAOA;;;;AAIG;AACH;;;AAOD;;AC9BD;;;;;AAKM;AAEN;AAqEI;AACA;;AA7BO;AACA;AACA;;AAEA;AACA;AACA;AACA;;;AAGA;AACA;AACC;AACA;AACD;AACA;;;AAIT;AACA;AACA;;;;;;AAEgC;;;;;AAKtB;AA4BV;AAeA;AAKA;AAIA;AAIA;;;;;AAiCA;;AAoCA;;;AAGG;AACH;AAQA;AAgBA;AAUA;;;AAKD;;ACpSK;;ACIN;;AAEwB;AAEtB;;;AAcD;;ACkCD;AA8DI;AACA;AACA;AACY;;AA7Bd;;AAEG;AACM;AACA;AACA;AACT;;AAEG;;AAEH;;AAEG;AACM;AACA;AACA;;;AAGT;;;;;AACgC;AAEtB;AACA;;AAIA;AAaV;AAeA;AAIA;AAIA;AAQA;AAYA;;;AAqCA;AAMA;AAOA;;;AAOD;;AC9ND;;;;;;AAiBG;;;AAwBF;;ACjDD;;;;AAaC;;ACXD;;;;AAIG;AACH;;AAIE;;;AAGG;AACH;;;AAMD;;ACrBD;;AAYE;;;AAqBD;;ACvBD;AAEc;AAAQ;AAEpB;AA4BA;;;;;;;;;;;AAyJA;AAOA;AAQA;AAMA;AAOA;;;AAWD;;AC5MD;AAkEc;;;;AA9BH;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;;;;;;;;;;;;AAaT;;AAEI;;;AAGJ;;;AAIoB;AAKpB;AAKA;AAMA;AAMA;AAOA;AAeA;AASA;AAIA;AAOA;AAYA;AAYA;AAMA;AAcA;AAQA;;;AAOD;;AC3MD;;;;AAiCuC;;;"}
package/echart/index.d.ts CHANGED
@@ -415,6 +415,7 @@ declare class SelectAggregatedDatapointComponent implements OnChanges {
415
415
  value: KPIDetails | null;
416
416
  valueChange: EventEmitter<SelectedDatapoint>;
417
417
  private readonly chartHelpersService;
418
+ private readonly translate;
418
419
  selectedDatapointLabel: string;
419
420
  selectedDatapointColor: string;
420
421
  ngOnChanges(changes: SimpleChanges): void;
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sources":["../../echart/models/datapoints-graph-widget.model.ts","../../echart/models/chart.model.ts","../../echart/models/svg-icons.model.ts","../../echart/charts.component.ts","../../echart/services/chart-alarms.service.ts","../../echart/services/chart-events.service.ts","../../echart/services/chart-helpers.service.ts","../../echart/select-aggregated-datapoint/select-aggregated-datapoint.component.ts"],"sourcesContent":[null,null,null,null,null,null,null,null],"names":[],"mappings":";;;;;;;;;;;;;;AAoBM;;;;AAKA;AACJ;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;;;;;;;;AASA;;AAEA;AACA;AACA;AACA;AACA;;;AAGA;;;;;;;;;AASA;;;;AAIG;AACH;;;AAA2C;;AAGvC;;;;;;;;;;AAUJ;;;AAII;;AAEJ;AACA;;AAGI;;;AAIN;;AAEG;;AAGG;AAIN;AACE;AACA;AACD;AAED;AACM;;AAEL;AAED;;;;AAIM;;;;;;;AAQL;AAED;;;;;AAUE;;;;;AAGD;;AAGC;;AAEA;;AAEE;;AAEF;;;AACD;;;;;;;AAQC;AACA;AACD;AAEK;AACA;AAEA;AAEA;AAEN;;;;AAKA;;;;;;;;;;;;;AAcM;AACA;AAEA;;;;AAKA;;;;;;;;;;;;AAaL;AAED;;;;;;;;AAUE;AACA;AACD;;AC5ND;;;;;;AAMG;AACH;AACE;;;;AAIA;;;AACD;;;AAIA;;;AAIA;AAEK;AACA;AACJ;AACE;AACD;AACF;;AAGC;AACA;AACD;AAED;AACE;AACA;AACA;AACD;;AC3CD;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACD;AAED;;;;;;;;;;;ACiEA;AA4BE;;AAEA;;;;;;;;AAQA;;;;;;AAMK;AACK;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACV;;;AAGG;;;;AACoF;;AAEvF;;;;;AAgBA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;AA4DA;;;;;AAqKE;;;;;;AAIA;AACD;AAkED;AAOA;AAIA;AAwBA;AA6BA;AAWA;;;;;;AAMG;AACH;AAoCA;;;;;AAKG;AACH;AA4BA;AA4BA;AAeA;AA0BA;;AAkEA;;;AA4OA;AAyEA;AAwDA;AAmBA;AAWA;AAcA;;;AA6BD;;AC1pCD;AAEc;AAAQ;AAEpB;;;;;AAKG;AACG;;;AAqCP;;AC/CD;AAEc;AAAQ;AAEpB;;;;;AAKG;AACG;;;AAuBP;;AChCD;AAEE;;;;AAIG;;;;;;;;;;;AAcH;AAcA;;;AAGD;;ACtBD;;AAqBW;AACC;AAEV;;AAGA;;;AAiBA;;;AAgBD;;;"}
1
+ {"version":3,"file":"index.d.ts","sources":["../../echart/models/datapoints-graph-widget.model.ts","../../echart/models/chart.model.ts","../../echart/models/svg-icons.model.ts","../../echart/charts.component.ts","../../echart/services/chart-alarms.service.ts","../../echart/services/chart-events.service.ts","../../echart/services/chart-helpers.service.ts","../../echart/select-aggregated-datapoint/select-aggregated-datapoint.component.ts"],"sourcesContent":[null,null,null,null,null,null,null,null],"names":[],"mappings":";;;;;;;;;;;;;;AAoBM;;;;AAKA;AACJ;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;;;;;;;;AASA;;AAEA;AACA;AACA;AACA;AACA;;;AAGA;;;;;;;;;AASA;;;;AAIG;AACH;;;AAA2C;;AAGvC;;;;;;;;;;AAUJ;;;AAII;;AAEJ;AACA;;AAGI;;;AAIN;;AAEG;;AAGG;AAIN;AACE;AACA;AACD;AAED;AACM;;AAEL;AAED;;;;AAIM;;;;;;;AAQL;AAED;;;;;AAUE;;;;;AAGD;;AAGC;;AAEA;;AAEE;;AAEF;;;AACD;;;;;;;AAQC;AACA;AACD;AAEK;AACA;AAEA;AAEA;AAEN;;;;AAKA;;;;;;;;;;;;;AAcM;AACA;AAEA;;;;AAKA;;;;;;;;;;;;AAaL;AAED;;;;;;;;AAUE;AACA;AACD;;AC5ND;;;;;;AAMG;AACH;AACE;;;;AAIA;;;AACD;;;AAIA;;;AAIA;AAEK;AACA;AACJ;AACE;AACD;AACF;;AAGC;AACA;AACD;AAED;AACE;AACA;AACA;AACD;;AC3CD;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACD;AAED;;;;;;;;;;;ACiEA;AA4BE;;AAEA;;;;;;;;AAQA;;;;;;AAMK;AACK;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACV;;;AAGG;;;;AACoF;;AAEvF;;;;;AAgBA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;AA4DA;;;;;AAqKE;;;;;;AAIA;AACD;AAkED;AAOA;AAIA;AAwBA;AA6BA;AAWA;;;;;;AAMG;AACH;AAoCA;;;;;AAKG;AACH;AA4BA;AA4BA;AAeA;AA0BA;;AAkEA;;;AA4OA;AAyEA;AAwDA;AAmBA;AAWA;AAcA;;;AA6BD;;AC1pCD;AAEc;AAAQ;AAEpB;;;;;AAKG;AACG;;;AAqCP;;AC/CD;AAEc;AAAQ;AAEpB;;;;;AAKG;AACG;;;AAuBP;;AChCD;AAEE;;;;AAIG;;;;;;;;;;;AAcH;AAcA;;;AAGD;;ACjBD;;AAoBW;AACC;AAEV;AACA;;AAGA;;;AAiBA;;;AAgBD;;;"}
@@ -3,7 +3,7 @@ import { Injectable, forwardRef, Input, Component, EventEmitter, Output, Pipe, C
3
3
  import * as i1 from '@angular/forms';
4
4
  import { FormControl, Validators, FormsModule, ReactiveFormsModule, NG_VALUE_ACCESSOR, NG_VALIDATORS } from '@angular/forms';
5
5
  import { take, takeUntil, map, startWith, tap, switchMap, shareReplay, distinctUntilChanged, debounceTime } from 'rxjs/operators';
6
- import { NgIf, NgFor, NgClass, AsyncPipe, NgStyle } from '@angular/common';
6
+ import { DatapointLabelPipe } from '@c8y/ngx-components/datapoint-selector';
7
7
  import * as i2 from '@c8y/ngx-components';
8
8
  import { FormGroupComponent, RequiredInputPlaceholderDirective, MessagesComponent, MessageDirective, C8yTranslatePipe, IconDirective, ListItemComponent, ListItemDragHandleComponent, ListItemCheckboxComponent, HighlightComponent, ListItemActionComponent, ListItemCollapseComponent, ListItemIconComponent, EmptyStateComponent, LoadingComponent, ListGroupComponent, C8yTranslateDirective, ViewContext, CommonModule, CoreModule } from '@c8y/ngx-components';
9
9
  import { moveItemInArray, CdkDropList, CdkDrag, CdkDragHandle, DragDropModule } from '@angular/cdk/drag-drop';
@@ -14,6 +14,7 @@ import { Subject, BehaviorSubject, combineLatest } from 'rxjs';
14
14
  import * as i1$1 from '@c8y/client';
15
15
  import { uniqBy } from 'lodash-es';
16
16
  import { gettext } from '@c8y/ngx-components/gettext';
17
+ import { NgIf, NgClass, AsyncPipe, NgStyle, NgFor } from '@angular/common';
17
18
  import { CollapseDirective, CollapseModule } from 'ngx-bootstrap/collapse';
18
19
  import { PopoverDirective, PopoverModule } from 'ngx-bootstrap/popover';
19
20
  import * as i4 from '@angular/router';
@@ -77,7 +78,12 @@ class AlarmEventAttributesFormComponent {
77
78
  this.formGroup.valueChanges.pipe(take(1)).subscribe(fn);
78
79
  }
79
80
  setDisabledState(isDisabled) {
80
- isDisabled ? this.formGroup.disable() : this.formGroup.enable();
81
+ if (isDisabled) {
82
+ this.formGroup.disable();
83
+ }
84
+ else {
85
+ this.formGroup.enable();
86
+ }
81
87
  }
82
88
  changeDatapointSelection(event) {
83
89
  const selectElement = event.target;
@@ -99,7 +105,7 @@ class AlarmEventAttributesFormComponent {
99
105
  }
100
106
  }
101
107
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: AlarmEventAttributesFormComponent, deps: [{ token: i1.FormBuilder }, { token: AlarmEventAttributesFormService }], target: i0.ɵɵFactoryTarget.Component }); }
102
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.25", type: AlarmEventAttributesFormComponent, isStandalone: true, selector: "c8y-alarm-event-attributes-form", inputs: { timelineType: "timelineType", omitProperties: "omitProperties", selectedItems: "selectedItems", target: "target", datapoints: "datapoints" }, providers: [
108
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.25", type: AlarmEventAttributesFormComponent, isStandalone: true, selector: "c8y-alarm-event-attributes-form", inputs: { timelineType: "timelineType", omitProperties: "omitProperties", selectedItems: "selectedItems", target: "target", datapoints: "datapoints" }, providers: [
103
109
  {
104
110
  provide: NG_VALUE_ACCESSOR,
105
111
  useExisting: forwardRef(() => AlarmEventAttributesFormComponent),
@@ -110,7 +116,7 @@ class AlarmEventAttributesFormComponent {
110
116
  useExisting: forwardRef(() => AlarmEventAttributesFormComponent),
111
117
  multi: true
112
118
  }
113
- ], ngImport: i0, template: "<div [formGroup]=\"formGroup\">\n <c8y-form-group\n class=\"form-group-sm\"\n *ngIf=\"formGroup.controls.label\"\n >\n <label class=\"m-0\">{{ 'Label' | translate }}</label>\n <input\n class=\"form-control flex-grow\"\n name=\"label\"\n formControlName=\"label\"\n [placeholder]=\"\n 'e.g. {{ example }}'\n | translate\n : {\n example: timelineType === 'ALARM' ? 'Unavailability alarm' : 'Location update'\n }\n \"\n />\n </c8y-form-group>\n\n <div formGroupName=\"filters\">\n <c8y-form-group class=\"form-group-sm\">\n <label class=\"m-0\">{{ 'Type' | translate }}</label>\n <input\n class=\"form-control flex-grow\"\n name=\"type\"\n formControlName=\"type\"\n [placeholder]=\"\n 'e.g. {{ example }}'\n | translate\n : {\n example:\n timelineType === 'ALARM' ? 'c8y_UnavailabilityAlarm' : 'c8y_LocationUpdate'\n }\n \"\n />\n <c8y-messages>\n <c8y-message\n name=\"duplicateType\"\n [text]=\"'Type already used.' | translate\"\n ></c8y-message>\n </c8y-messages>\n </c8y-form-group>\n </div>\n\n <c8y-form-group\n class=\"form-group-sm\"\n *ngIf=\"datapoints?.length > 0\"\n >\n <label>{{ 'Select data point' | translate }}</label>\n <div class=\"c8y-select-wrapper\">\n <select\n class=\"form-control input-sm\"\n (change)=\"changeDatapointSelection($event)\"\n >\n <option\n *ngFor=\"let datapoint of datapoints; trackBy: trackByFn\"\n [ngValue]=\"{\n target: datapoint.__target.id,\n fragment: datapoint.fragment,\n series: datapoint.series\n }\"\n [selected]=\"\n datapoint.__target.id === formGroup.value.selectedDatapoint?.target &&\n datapoint.fragment === formGroup.value.selectedDatapoint?.fragment &&\n datapoint.series === formGroup.value.selectedDatapoint?.series\n \"\n >\n {{ datapoint?.label }}\n </option>\n </select>\n </div>\n </c8y-form-group>\n</div>\n", dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { 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: "directive", type: i1.FormGroupName, selector: "[formGroupName]", inputs: ["formGroupName"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: FormGroupComponent, selector: "c8y-form-group", inputs: ["hasError", "hasWarning", "hasSuccess", "novalidation", "status"] }, { kind: "directive", type: RequiredInputPlaceholderDirective, selector: "input[required], input[formControlName]" }, { kind: "component", type: MessagesComponent, selector: "c8y-messages", inputs: ["show", "defaults", "helpMessage"] }, { kind: "directive", type: MessageDirective, selector: "c8y-message", inputs: ["name", "text"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "pipe", type: C8yTranslatePipe, name: "translate" }] }); }
119
+ ], ngImport: i0, template: "<div [formGroup]=\"formGroup\">\n @if (formGroup.controls.label) {\n @let alarmLabelExample = 'Unavailability alarm' | translate;\n @let eventLabelExample = 'Location update' | translate;\n <c8y-form-group class=\"form-group-sm\">\n <label class=\"m-0\">{{ 'Label' | translate }}</label>\n <input\n class=\"form-control flex-grow\"\n name=\"label\"\n formControlName=\"label\"\n [placeholder]=\"\n 'e.g. {{ example }}'\n | translate\n : { example: timelineType === 'ALARM' ? alarmLabelExample : eventLabelExample }\n \"\n />\n </c8y-form-group>\n }\n\n <div formGroupName=\"filters\">\n <c8y-form-group class=\"form-group-sm\">\n <label class=\"m-0\">{{ 'Type' | translate }}</label>\n <input\n class=\"form-control flex-grow\"\n name=\"type\"\n formControlName=\"type\"\n [placeholder]=\"\n 'e.g. {{ example }}'\n | translate\n : {\n example:\n timelineType === 'ALARM' ? 'c8y_UnavailabilityAlarm' : 'c8y_LocationUpdate'\n }\n \"\n />\n <c8y-messages>\n <c8y-message\n name=\"duplicateType\"\n [text]=\"'Type already used.' | translate\"\n ></c8y-message>\n </c8y-messages>\n </c8y-form-group>\n </div>\n\n @if (datapoints?.length > 0) {\n <c8y-form-group class=\"form-group-sm\">\n <label>{{ 'Select data point' | translate }}</label>\n <div class=\"c8y-select-wrapper\">\n <select\n class=\"form-control input-sm\"\n (change)=\"changeDatapointSelection($event)\"\n >\n @for (datapoint of datapoints; track trackByFn($index, datapoint)) {\n <option\n [ngValue]=\"{\n target: datapoint.__target.id,\n fragment: datapoint.fragment,\n series: datapoint.series\n }\"\n [selected]=\"\n datapoint.__target.id === formGroup.value.selectedDatapoint?.target &&\n datapoint.fragment === formGroup.value.selectedDatapoint?.fragment &&\n datapoint.series === formGroup.value.selectedDatapoint?.series\n \"\n >\n {{ datapoint | datapointLabel }}\n </option>\n }\n </select>\n </div>\n </c8y-form-group>\n }\n</div>\n", dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { 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: "directive", type: i1.FormGroupName, selector: "[formGroupName]", inputs: ["formGroupName"] }, { kind: "component", type: FormGroupComponent, selector: "c8y-form-group", inputs: ["hasError", "hasWarning", "hasSuccess", "novalidation", "status"] }, { kind: "directive", type: RequiredInputPlaceholderDirective, selector: "input[required], input[formControlName]" }, { kind: "component", type: MessagesComponent, selector: "c8y-messages", inputs: ["show", "defaults", "helpMessage"] }, { kind: "directive", type: MessageDirective, selector: "c8y-message", inputs: ["name", "text"] }, { kind: "pipe", type: C8yTranslatePipe, name: "translate" }, { kind: "pipe", type: DatapointLabelPipe, name: "datapointLabel" }] }); }
114
120
  }
115
121
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: AlarmEventAttributesFormComponent, decorators: [{
116
122
  type: Component,
@@ -128,14 +134,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImpo
128
134
  ], imports: [
129
135
  FormsModule,
130
136
  ReactiveFormsModule,
131
- NgIf,
132
137
  FormGroupComponent,
133
138
  RequiredInputPlaceholderDirective,
134
139
  MessagesComponent,
135
140
  MessageDirective,
136
- NgFor,
137
- C8yTranslatePipe
138
- ], template: "<div [formGroup]=\"formGroup\">\n <c8y-form-group\n class=\"form-group-sm\"\n *ngIf=\"formGroup.controls.label\"\n >\n <label class=\"m-0\">{{ 'Label' | translate }}</label>\n <input\n class=\"form-control flex-grow\"\n name=\"label\"\n formControlName=\"label\"\n [placeholder]=\"\n 'e.g. {{ example }}'\n | translate\n : {\n example: timelineType === 'ALARM' ? 'Unavailability alarm' : 'Location update'\n }\n \"\n />\n </c8y-form-group>\n\n <div formGroupName=\"filters\">\n <c8y-form-group class=\"form-group-sm\">\n <label class=\"m-0\">{{ 'Type' | translate }}</label>\n <input\n class=\"form-control flex-grow\"\n name=\"type\"\n formControlName=\"type\"\n [placeholder]=\"\n 'e.g. {{ example }}'\n | translate\n : {\n example:\n timelineType === 'ALARM' ? 'c8y_UnavailabilityAlarm' : 'c8y_LocationUpdate'\n }\n \"\n />\n <c8y-messages>\n <c8y-message\n name=\"duplicateType\"\n [text]=\"'Type already used.' | translate\"\n ></c8y-message>\n </c8y-messages>\n </c8y-form-group>\n </div>\n\n <c8y-form-group\n class=\"form-group-sm\"\n *ngIf=\"datapoints?.length > 0\"\n >\n <label>{{ 'Select data point' | translate }}</label>\n <div class=\"c8y-select-wrapper\">\n <select\n class=\"form-control input-sm\"\n (change)=\"changeDatapointSelection($event)\"\n >\n <option\n *ngFor=\"let datapoint of datapoints; trackBy: trackByFn\"\n [ngValue]=\"{\n target: datapoint.__target.id,\n fragment: datapoint.fragment,\n series: datapoint.series\n }\"\n [selected]=\"\n datapoint.__target.id === formGroup.value.selectedDatapoint?.target &&\n datapoint.fragment === formGroup.value.selectedDatapoint?.fragment &&\n datapoint.series === formGroup.value.selectedDatapoint?.series\n \"\n >\n {{ datapoint?.label }}\n </option>\n </select>\n </div>\n </c8y-form-group>\n</div>\n" }]
141
+ C8yTranslatePipe,
142
+ DatapointLabelPipe
143
+ ], template: "<div [formGroup]=\"formGroup\">\n @if (formGroup.controls.label) {\n @let alarmLabelExample = 'Unavailability alarm' | translate;\n @let eventLabelExample = 'Location update' | translate;\n <c8y-form-group class=\"form-group-sm\">\n <label class=\"m-0\">{{ 'Label' | translate }}</label>\n <input\n class=\"form-control flex-grow\"\n name=\"label\"\n formControlName=\"label\"\n [placeholder]=\"\n 'e.g. {{ example }}'\n | translate\n : { example: timelineType === 'ALARM' ? alarmLabelExample : eventLabelExample }\n \"\n />\n </c8y-form-group>\n }\n\n <div formGroupName=\"filters\">\n <c8y-form-group class=\"form-group-sm\">\n <label class=\"m-0\">{{ 'Type' | translate }}</label>\n <input\n class=\"form-control flex-grow\"\n name=\"type\"\n formControlName=\"type\"\n [placeholder]=\"\n 'e.g. {{ example }}'\n | translate\n : {\n example:\n timelineType === 'ALARM' ? 'c8y_UnavailabilityAlarm' : 'c8y_LocationUpdate'\n }\n \"\n />\n <c8y-messages>\n <c8y-message\n name=\"duplicateType\"\n [text]=\"'Type already used.' | translate\"\n ></c8y-message>\n </c8y-messages>\n </c8y-form-group>\n </div>\n\n @if (datapoints?.length > 0) {\n <c8y-form-group class=\"form-group-sm\">\n <label>{{ 'Select data point' | translate }}</label>\n <div class=\"c8y-select-wrapper\">\n <select\n class=\"form-control input-sm\"\n (change)=\"changeDatapointSelection($event)\"\n >\n @for (datapoint of datapoints; track trackByFn($index, datapoint)) {\n <option\n [ngValue]=\"{\n target: datapoint.__target.id,\n fragment: datapoint.fragment,\n series: datapoint.series\n }\"\n [selected]=\"\n datapoint.__target.id === formGroup.value.selectedDatapoint?.target &&\n datapoint.fragment === formGroup.value.selectedDatapoint?.fragment &&\n datapoint.series === formGroup.value.selectedDatapoint?.series\n \"\n >\n {{ datapoint | datapointLabel }}\n </option>\n }\n </select>\n </div>\n </c8y-form-group>\n }\n</div>\n" }]
139
144
  }], ctorParameters: () => [{ type: i1.FormBuilder }, { type: AlarmEventAttributesFormService }], propDecorators: { timelineType: [{
140
145
  type: Input
141
146
  }], omitProperties: [{