@c8y/ngx-components 1021.50.0 → 1021.51.1

package/fesm2022/c8y-ngx-components.mjs

@@ -8,7 +8,7 @@ import { castArray, flatten, uniq, sortBy, groupBy, camelCase, isEqual, isUndefi
 import { merge, of, defer, combineLatest, race, isObservable, from, Subject, BehaviorSubject, NEVER, Observable, firstValueFrom, map as map$1, distinctUntilChanged as distinctUntilChanged$1, fromEvent, pipe, throwError, concat, EMPTY, timer, fromEventPattern, startWith as startWith$1, switchMap as switchMap$1, takeUntil as takeUntil$1, empty, forkJoin, ReplaySubject, interval, shareReplay as shareReplay$1, mergeMap as mergeMap$1 } from 'rxjs';
 import { map, distinctUntilChanged, filter, startWith, switchMap, take, shareReplay, scan, debounceTime, share, takeUntil, tap, catchError, first as first$1, retryWhen, delay, concatMap, debounce, sample, withLatestFrom, mergeMap, every as every$1, toArray, merge as merge$1, expand, skip, mapTo, finalize, reduce as reduce$1, combineLatestWith } from 'rxjs/operators';
 import * as i1 from '@c8y/client';
-import { ApplicationAvailability, OperationStatus, TenantLoginOptionType, UserManagementSource, GrantType, ApplicationType, aggregationType, BearerAuthFromSessionStorage, FetchClient, Client, PasswordStrength, QueriesUtil, InventoryService, UserService, ApplicationService, TenantService, AlarmService, Service } from '@c8y/client';
+import { ApplicationAvailability, OperationStatus, TenantLoginOptionType, UserManagementSource, GrantType, ApplicationType, BearerAuthFromSessionStorage, FetchClient, Client, PasswordStrength, QueriesUtil, InventoryService, UserService, ApplicationService, TenantService, AlarmService, aggregationType, Service } from '@c8y/client';
 import { __decorate, __metadata } from 'tslib';
 import * as i1$3 from '@angular/router';
 import { NavigationEnd, RouterModule as RouterModule$1, ActivationEnd, NavigationStart, PRIMARY_OUTLET, ActivatedRoute, ActivationStart, ChildActivationEnd, ROUTES, Router, NavigationCancel, NavigationError } from '@angular/router';
@@ -33,8 +33,6 @@ import { compare, coerce } from 'semver';
 import saveAs$1, { saveAs } from 'file-saver';
 import * as i1$2 from '@angular/platform-browser';
 import { BlobReader, ZipReader, BlobWriter, ZipWriter } from '@zip.js/zip.js';
-import * as i20 from '@c8y/ngx-components/interval-picker';
-import { TimeSpanInMs, INTERVALS, INTERVAL_TITLES, IntervalPickerComponent } from '@c8y/ngx-components/interval-picker';
 import * as i1$7 from 'ngx-bootstrap/collapse';
 import { CollapseModule } from 'ngx-bootstrap/collapse';
 import * as i1$4 from 'ngx-bootstrap/modal';
@@ -63,6 +61,8 @@ import { TextFieldModule } from '@angular/cdk/text-field';
 import { FormlyJsonschema } from '@ngx-formly/core/json-schema';
 import * as i5$2 from '@angular/cdk/drag-drop';
 import { DragDropModule } from '@angular/cdk/drag-drop';
+import * as i20 from '@c8y/ngx-components/interval-picker';
+import { TimeSpanInMs, INTERVAL_VALUES, INTERVALS, INTERVAL_TITLES, IntervalPickerComponent } from '@c8y/ngx-components/interval-picker';
 import * as i9 from '@angular/cdk/table';
 import { CdkTable, CdkHeaderCell, CdkTableModule } from '@angular/cdk/table';
 import * as i19 from 'ngx-bootstrap/pagination';
@@ -9091,79 +9091,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImpor
             args: [{ providedIn: 'root' }]
         }] });
 
-const AGGREGATIONS = [
-    { id: null, title: gettext$1('None') },
-    { id: aggregationType.MINUTELY, title: gettext$1('Minutely') },
-    { id: aggregationType.HOURLY, title: gettext$1('Hourly') },
-    { id: aggregationType.DAILY, title: gettext$1('Daily') }
-];
-const AGGREGATION_LIMITS = {
-    MINUTELY_LIMIT: TimeSpanInMs.MINUTE * 10,
-    HOURLY_LIMIT: TimeSpanInMs.DAY * 1,
-    DAILY_LIMIT: TimeSpanInMs.DAY * 4
-};
-const AGGREGATION_ICONS = {
-    undefined: 'line-chart',
-    MINUTELY: 'hourglass',
-    HOURLY: 'clock-o',
-    DAILY: 'calendar-o'
-};
-const AGGREGATION_TEXTS = {
-    disabled: gettext$1('No aggregation with realtime enabled'),
-    undefined: gettext$1('No aggregation'),
-    MINUTELY: gettext$1('Minutely aggregation'),
-    HOURLY: gettext$1('Hourly aggregation'),
-    DAILY: gettext$1('Daily aggregation')
-};
-const AGGREGATION_VALUES = {
-    none: 'NONE',
-    minutely: aggregationType.MINUTELY,
-    hourly: aggregationType.HOURLY,
-    daily: aggregationType.DAILY
-};
-const AGGREGATION_VALUES_ARR = [
-    AGGREGATION_VALUES.none,
-    AGGREGATION_VALUES.minutely,
-    AGGREGATION_VALUES.hourly,
-    AGGREGATION_VALUES.daily
-];
-const AGGREGATION_LABELS = {
-    NONE: AGGREGATIONS[0].title,
-    [aggregationType.MINUTELY]: AGGREGATIONS[1].title,
-    [aggregationType.HOURLY]: AGGREGATIONS[2].title,
-    [aggregationType.DAILY]: AGGREGATIONS[3].title
-};
-
-class AggregationService {
-    /**
-     * Determines which aggregation options should be disabled based on the time range between two dates.
-     * It calculates the time difference and checks against predefined time spans to decide if daily,
-     * hourly, or minutely aggregations should be disabled.
-     *
-     * @param dateFrom - The start date of the time range, as a `Date` object or an ISO date string.
-     * @param dateTo - The end date of the time range, as a `Date` object or an ISO date string.
-     * @returns An `AggregationOptionStatus` object indicating the disabled state of each aggregation option.
-     */
-    getDisabledAggregationOptions(dateFrom, dateTo) {
-        const fromDate = typeof dateFrom === 'string' ? new Date(dateFrom) : dateFrom;
-        const toDate = typeof dateTo === 'string' ? new Date(dateTo) : dateTo;
-        const timeRangeInMs = toDate.valueOf() - fromDate.valueOf();
-        const disabledAggregationOptions = {};
-        disabledAggregationOptions[AGGREGATION_VALUES.daily] = timeRangeInMs <= TimeSpanInMs.DAY;
-        disabledAggregationOptions[AGGREGATION_VALUES.hourly] = timeRangeInMs <= TimeSpanInMs.HOUR;
-        disabledAggregationOptions[AGGREGATION_VALUES.minutely] = timeRangeInMs <= TimeSpanInMs.MINUTE;
-        return disabledAggregationOptions;
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: AggregationService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: AggregationService, providedIn: 'root' }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: AggregationService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root'
-                }]
-        }] });
-
 /**
  * A service which allows to display alerts.
  */
@@ -28206,6 +28133,49 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImpor
             args: [{ selector: 'c8y-widget-auto-refresh-context-icon-bar', template: "<span class=\"m-l-auto d-flex\">\n  <button\n    class=\"btn btn-clean btn-no-focus p-l-4 p-r-0\"\n    [attr.aria-label]=\"globalAutoRefreshTooltip | translate\"\n    [tooltip]=\"globalAutoRefreshTooltip | translate\"\n    placement=\"top\"\n    container=\"body\"\n    data-cy=\"c8y-widget-auto-refresh-context-icon-bar--global-refresh-context-indicator\"\n  >\n    <span class=\"tag tag--info chip\">\n      <i c8yIcon=\"refresh\"></i>\n      {{ 'Auto refresh' | translate }}\n    </span>\n  </button>\n</span>\n" }]
         }] });
 
+const AGGREGATIONS = [
+    { id: null, title: gettext$1('None') },
+    { id: aggregationType.MINUTELY, title: gettext$1('Minutely') },
+    { id: aggregationType.HOURLY, title: gettext$1('Hourly') },
+    { id: aggregationType.DAILY, title: gettext$1('Daily') }
+];
+const AGGREGATION_LIMITS = {
+    MINUTELY_LIMIT: TimeSpanInMs.MINUTE * 10,
+    HOURLY_LIMIT: TimeSpanInMs.DAY * 1,
+    DAILY_LIMIT: TimeSpanInMs.DAY * 4
+};
+const AGGREGATION_ICONS = {
+    undefined: 'line-chart',
+    MINUTELY: 'hourglass',
+    HOURLY: 'clock-o',
+    DAILY: 'calendar-o'
+};
+const AGGREGATION_TEXTS = {
+    disabled: gettext$1('No aggregation with realtime enabled'),
+    undefined: gettext$1('No aggregation'),
+    MINUTELY: gettext$1('Minutely aggregation'),
+    HOURLY: gettext$1('Hourly aggregation'),
+    DAILY: gettext$1('Daily aggregation')
+};
+const AGGREGATION_VALUES = {
+    none: 'NONE',
+    minutely: aggregationType.MINUTELY,
+    hourly: aggregationType.HOURLY,
+    daily: aggregationType.DAILY
+};
+const AGGREGATION_VALUES_ARR = [
+    AGGREGATION_VALUES.none,
+    AGGREGATION_VALUES.minutely,
+    AGGREGATION_VALUES.hourly,
+    AGGREGATION_VALUES.daily
+];
+const AGGREGATION_LABELS = {
+    NONE: AGGREGATIONS[0].title,
+    [aggregationType.MINUTELY]: AGGREGATIONS[1].title,
+    [aggregationType.HOURLY]: AGGREGATIONS[2].title,
+    [aggregationType.DAILY]: AGGREGATIONS[3].title
+};
+
 class WidgetTimeContextIconBar {
     constructor() {
         this.AGGREGATION_ICONS = AGGREGATION_ICONS;
@@ -28511,6 +28481,78 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImpor
                 args: ['attr.style']
             }] } });
 
+class AggregationService {
+    constructor() {
+        this.AGGREGATION_MAP = {
+            [INTERVAL_VALUES.minutes]: AGGREGATION_VALUES.none,
+            [INTERVAL_VALUES.hours]: AGGREGATION_VALUES.minutely,
+            [INTERVAL_VALUES.days]: AGGREGATION_VALUES.hourly
+        };
+    }
+    /**
+     * Determines which aggregation options should be disabled based on the time range between two dates.
+     * It calculates the time difference and checks against predefined time spans to decide if daily,
+     * hourly, or minutely aggregations should be disabled.
+     *
+     * @param dateFrom - The start date of the time range, as a `Date` object or an ISO date string.
+     * @param dateTo - The end date of the time range, as a `Date` object or an ISO date string.
+     * @returns An `AggregationOptionStatus` object indicating the disabled state of each aggregation option.
+     */
+    getDisabledAggregationOptions(dateFrom, dateTo) {
+        const fromDate = typeof dateFrom === 'string' ? new Date(dateFrom) : dateFrom;
+        const toDate = typeof dateTo === 'string' ? new Date(dateTo) : dateTo;
+        const timeRangeInMs = toDate.valueOf() - fromDate.valueOf();
+        const disabledAggregationOptions = {};
+        disabledAggregationOptions[AGGREGATION_VALUES.daily] = timeRangeInMs <= TimeSpanInMs.DAY;
+        disabledAggregationOptions[AGGREGATION_VALUES.hourly] = timeRangeInMs <= TimeSpanInMs.HOUR;
+        disabledAggregationOptions[AGGREGATION_VALUES.minutely] = timeRangeInMs <= TimeSpanInMs.MINUTE;
+        return disabledAggregationOptions;
+    }
+    /**
+     * Determines the new aggregation value based on the current value and disabled options.
+     *
+     * Goal is to switch to the next available aggregation option if the current one is disabled.
+     * - If the current option is disabled, sets the control to the first available (non-disabled) option based on the following order:
+     *   - If the current value is `DAILY`, it switches to `HOURLY` if it's not disabled, otherwise to `MINUTELY` if `HOURLY` is also disabled.
+     *   - If the current value is `HOURLY`, it switches to `MINUTELY` if it's not disabled.
+     *   - If all options are disabled, it sets the value to `NONE`.
+     *
+     * @param currentValue - The current aggregation option.
+     * @param disabledOptions - An object containing disabled options.
+     * @returns The new aggregation option.
+     */
+    determineFirstNewAvailableAggregationValue(currentValue, disabledOptions) {
+        const { daily, hourly, minutely, none } = AGGREGATION_VALUES;
+        if (!disabledOptions[currentValue]) {
+            return currentValue; // Return the current value if it's not disabled
+        }
+        if (currentValue === daily) {
+            return !disabledOptions[hourly] ? hourly : !disabledOptions[minutely] ? minutely : none;
+        }
+        if (currentValue === hourly) {
+            return !disabledOptions[minutely] ? minutely : none;
+        }
+        return none; // Fallback to 'none' if all else fails
+    }
+    /**
+     * Determines the aggregation value based on the provided interval.
+     *
+     * @param interval - The time range interval.
+     * @returns The corresponding aggregation value.
+     */
+    determineAggregationValue(interval) {
+        return this.AGGREGATION_MAP[interval] || AGGREGATION_VALUES.daily;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: AggregationService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: AggregationService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: AggregationService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }] });
+
 /**
  * A service which can be used, to emit data on a dashboard level.
  * Each Widget Dashboard gets an own instance of this service provided