@c8y/ngx-components 1023.97.4 → 1023.97.7

package/index.d.ts

@@ -5543,6 +5543,7 @@ declare class HeaderService extends StateService {
         titlePrefix: string;
     } | undefined;
     readonly DELAY_TO_AVOID_FLICKERING_ON_ASYNC_NODES = 1000;
+    private navOpenSubscription?;
     constructor(options: OptionsService, humanizeAppName: HumanizeAppNamePipe, drawerService: DrawerService, serviceRegistry: ServiceRegistry);
     get state(): Header;
     get navigatorHiddenOnStartup(): boolean;
@@ -7836,9 +7837,10 @@ declare class TitleOutletComponent {
     private headerService;
     private element;
     private zone;
+    private destroyRef;
     title: any;
     pageTitleUpdate: boolean;
-    constructor(headerService: HeaderService, element: ElementRef, zone: NgZone);
+    constructor(headerService: HeaderService, element: ElementRef, zone: NgZone, destroyRef: DestroyRef);
     static ɵfac: i0.ɵɵFactoryDeclaration<TitleOutletComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<TitleOutletComponent, "c8y-title-outlet", never, {}, {}, never, never, true, never>;
 }
@@ -12047,6 +12049,11 @@ declare class NavigatorNodeComponent implements AfterViewInit, OnChanges, OnDest
      */
     confirm: PopoverConfirmComponent;
     private viewInitTimeout;
+    /**
+     * The bound updateIcon callback stored on the (long-lived) navigator node, kept as a field so it
+     * can be identity-compared and cleared on destroy — otherwise the node retains this component.
+     */
+    private refreshCallbackRef;
     /**
      * A subject that is triggered as soon as the navigator node is initialized.
      */
@@ -17645,6 +17652,15 @@ declare class DynamicComponentComponent implements OnDestroy {
     dynamicComponentErrorStrategy: typeof DynamicComponentErrorStrategy;
     private destroy$;
     private componentRef;
+    /**
+     * `ngOnChanges` is async (it awaits the component lookup, lazy chunk loading and resolvers), so a
+     * navigation can destroy this host while a (re-)creation is still in flight. Creating the widget
+     * after destroy would insert it into the destroyed `ViewContainerRef` — such a view is never
+     * destroyed and permanently retains the whole detached dashboard DOM (Angular keeps every live
+     * view in an internal registry until it is destroyed). This flag lets the pending async work
+     * bail out instead.
+     */
+    private isDestroyed;
     /**
      * @ignore only DI
      */
@@ -18294,6 +18310,15 @@ declare class DashboardChildComponent implements DashboardChildDimension {
     dashboard: DashboardComponent;
     private sanitizer;
     element: ElementRef;
+    private static readonly WIDGET_THEME_FOUNDATION_MAP;
+    private static readonly MD_BOOTSTRAP_BREAKPOINT_READONLY_CLASS_PROPERTY;
+    /**
+     * Emits true in one-column (mobile) view. SHARED across all instances via a single static
+     * `window 'resize'` subscription — previously every widget card created its own listener +
+     * debounce timer (N per dashboard), wasteful on dashboards with many widgets. One listener now
+     * serves them all (refCount:false keeps it warm for the app's lifetime).
+     */
+    private static readonly oneColumnView$;
     actions: DashboardChildActionComponent[];
     set templateActions(actions: DashboardChildActionComponent[]);
     dragSource: CdkDrag;
@@ -18305,7 +18330,6 @@ declare class DashboardChildComponent implements DashboardChildDimension {
     _pxWidth: string;
     _pxHeight: string;
     fullscreen: boolean;
-    readonly MD_BOOTSTRAP_BREAKPOINT_READONLY_CLASS_PROPERTY = 768;
     /**
      * The x position of the child.
      */
@@ -18372,14 +18396,18 @@ declare class DashboardChildComponent implements DashboardChildDimension {
      * Updates the pixel height of the child (used for resizing)
      */
     set pxHeight(value: any);
-    /**
-     * Triggers on every resize and returns true if in one column view (mobile view)
-     */
+    /** Triggers on resize and returns true if in one column view (mobile view). */
     isOneColumnView$: Observable<boolean>;
     /**
      * An indicator if the child is intersected (that mean visible for the user)
      */
     intersected: boolean;
+    /**
+     * Observes this card's element to lazily mount its content. Kept as a field so it can be
+     * disconnected on destroy — an undisconnected IntersectionObserver retains its observed element
+     * (the detached widget card), which would otherwise keep the card alive after navigation.
+     */
+    private intersectionObserver?;
     /**
      * Tells if the last change was a dragging or resizing event;
      */
@@ -18404,9 +18432,16 @@ declare class DashboardChildComponent implements DashboardChildDimension {
     reset($event?: CdkDragEnd): void;
     ngOnDestroy(): void;
     addActions(actions: DashboardChildActionComponent[], prepend?: boolean): void;
+    /**
+     * Re-arms intersection tracking after a card was restored following a cancelled navigation. The
+     * observer one-shot-unobserves on first intersection, so once a card has been shown and then
+     * blanked it would no longer be watched; this lets the dashboard put it back under observation.
+     */
+    reobserve(): void;
     private removeSelfFromDashboard;
     private sortByPriority;
     private getOrder;
+    private observeIntersection;
     private childInView;
     static ɵfac: i0.ɵɵFactoryDeclaration<DashboardChildComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<DashboardChildComponent, "c8y-dashboard-child", never, { "x": { "alias": "x"; "required": false; }; "y": { "alias": "y"; "required": false; }; "width": { "alias": "width"; "required": false; }; "height": { "alias": "height"; "required": false; }; "data": { "alias": "data"; "required": false; }; "margin": { "alias": "margin"; "required": false; }; "useIntersection": { "alias": "useIntersection"; "required": false; }; "isFrozen": { "alias": "isFrozen"; "required": false; }; "canToggleFullscreen": { "alias": "canToggleFullscreen"; "required": false; }; "editMode": { "alias": "editMode"; "required": false; }; "class": { "alias": "class"; "required": false; }; }, { "changeStart": "changeStart"; "changeEnd": "changeEnd"; "toggleFullscreen": "toggleFullscreen"; }, ["templateActions"], ["c8y-dashboard-child-title", "*"], true, never>;
@@ -18707,6 +18742,7 @@ declare class WidgetsDashboardComponent {
     private widgetGlobalAutoRefresh;
     private router;
     private elementRef;
+    private cdr;
     set widgets(value: Widget[]);
     get widgets(): Widget[];
     context: any;
@@ -18746,6 +18782,24 @@ declare class WidgetsDashboardComponent {
     private widgetFullscreenChangeListener;
     inFullScreen$: Observable<boolean>;
     editMode$: BehaviorSubject<boolean>;
+    private dashboardChildren;
+    /**
+     * When navigating AWAY from this dashboard to a different one, drop each widget's heavy content
+     * (`intersected = false`) before Angular tears the view down. The widget bodies — the bulk of the
+     * DOM — are removed from the lingering/detached dashboard tree, so the single detached
+     * c8y-context-dashboard entry collapses toward its chrome shell instead of carrying a
+     * multi-thousand-node subtree on every view change. (We intentionally do NOT remove the whole
+     * grid: that orphans every card as a separate multi-root-retained fragment, which clutters the
+     * Detached-elements panel worse and risks accumulating.) Robust across tab switches — the `@for`
+     * just creates fresh children for the next dashboard. No remount cost on a real leave.
+     */
+    clearWidgetContentOnLeave: boolean;
+    /**
+     * The cards blanked by the most recent {@link clearWidgetContentBeforeLeaving}, kept so a
+     * cancelled/failed navigation can restore exactly those (and only those — never a card that was
+     * legitimately below the fold and not yet intersected).
+     */
+    private clearedChildren;
     get nativeElement(): any;
     readonly copyDashboardLabel: "Copy dashboard";
     readonly undoMessage: "Undo: \"{{ changeToUndo }}\"";
@@ -18754,7 +18808,7 @@ declare class WidgetsDashboardComponent {
     private _widgets;
     private isLoading$;
     private isExecutingResolvers$;
-    constructor(dynamic: DynamicComponentService, translateService: TranslateService$1, route: ActivatedRoute, modal: ModalService, widgetGlobalAutoRefresh: WidgetGlobalAutoRefreshService, router: Router, elementRef: ElementRef);
+    constructor(dynamic: DynamicComponentService, translateService: TranslateService$1, route: ActivatedRoute, modal: ModalService, widgetGlobalAutoRefresh: WidgetGlobalAutoRefreshService, router: Router, elementRef: ElementRef, cdr: ChangeDetectorRef);
     ngOnChanges(changes: SimpleChanges): void;
     canDeactivate(omitConfirm?: boolean): Promise<boolean>;
     toggleFullscreen(hasWidget?: boolean): void;
@@ -18766,6 +18820,28 @@ declare class WidgetsDashboardComponent {
     cancelDashboardSave(): Promise<void>;
     saveDashboard(): void;
     enableEditMode(): void;
+    /**
+     * Clears widget content only when truly leaving this dashboard for a different one. Guards:
+     * - opt-out flag;
+     * - skip in edit mode (navigation may be cancelled by canDeactivate, and editing must keep content);
+     * - skip when only the auxiliary outlet (e.g. the "Dashboard settings" drawer), query params
+     *   (auto-refresh / date range) or matrix params change — i.e. the PRIMARY dashboard route is the
+     *   same, so the dashboard stays mounted and must NOT be blanked.
+     */
+    private clearWidgetContentBeforeLeaving;
+    /**
+     * Re-shows the cards blanked by a clear that was followed by a cancelled/failed navigation. The
+     * IntersectionObserver one-shot-unobserves a visible card, so it cannot bring the content back on
+     * its own; we restore `intersected` directly and re-arm observation for future scrolling.
+     */
+    private restoreClearedWidgetContent;
+    /**
+     * Primary route path, parsed with the Router (not a hand-rolled regex) so query params, auxiliary
+     * outlets (e.g. the dashboard-settings drawer `(dashboard-details:...)`) and matrix params are
+     * correctly excluded. Two URLs with the same primary path mean the dashboard stays mounted
+     * (settings/refresh/param change) — do not clear.
+     */
+    private toPrimaryPath;
     private exitFullScreen;
     private setCopyDisabledPopoverMsg;
     private confirmClosing;
@@ -18778,7 +18854,7 @@ declare class WidgetsDashboardComponent {
      */
     private replaceKeysWithContext;
     static ɵfac: i0.ɵɵFactoryDeclaration<WidgetsDashboardComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<WidgetsDashboardComponent, "c8y-widgets-dashboard", never, { "widgets": { "alias": "widgets"; "required": false; }; "context": { "alias": "context"; "required": false; }; "contextDashboard": { "alias": "contextDashboard"; "required": false; }; "_settings": { "alias": "settings"; "required": false; }; "isCopyDisabled": { "alias": "isCopyDisabled"; "required": false; }; "breadcrumb": { "alias": "breadcrumb"; "required": false; }; "editModeButtons": { "alias": "editModeButtons"; "required": false; }; "isSaveDisabled": { "alias": "isSaveDisabled"; "required": false; }; }, { "onAddWidget": "onAddWidget"; "onEditWidget": "onEditWidget"; "onDeleteWidget": "onDeleteWidget"; "onChangeDashboard": "onChangeDashboard"; "onResize": "onResize"; "onEditDashboard": "onEditDashboard"; "onCopyDashboard": "onCopyDashboard"; "onDeleteDashboard": "onDeleteDashboard"; "onChangeStart": "onChangeStart"; "onChangeEnd": "onChangeEnd"; "onSaveDashboard": "onSaveDashboard"; "onCancelDashboard": "onCancelDashboard"; "revertChange": "revertChange"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<WidgetsDashboardComponent, "c8y-widgets-dashboard", never, { "widgets": { "alias": "widgets"; "required": false; }; "context": { "alias": "context"; "required": false; }; "contextDashboard": { "alias": "contextDashboard"; "required": false; }; "_settings": { "alias": "settings"; "required": false; }; "isCopyDisabled": { "alias": "isCopyDisabled"; "required": false; }; "breadcrumb": { "alias": "breadcrumb"; "required": false; }; "editModeButtons": { "alias": "editModeButtons"; "required": false; }; "isSaveDisabled": { "alias": "isSaveDisabled"; "required": false; }; "clearWidgetContentOnLeave": { "alias": "clearWidgetContentOnLeave"; "required": false; }; }, { "onAddWidget": "onAddWidget"; "onEditWidget": "onEditWidget"; "onDeleteWidget": "onDeleteWidget"; "onChangeDashboard": "onChangeDashboard"; "onResize": "onResize"; "onEditDashboard": "onEditDashboard"; "onCopyDashboard": "onCopyDashboard"; "onDeleteDashboard": "onDeleteDashboard"; "onChangeStart": "onChangeStart"; "onChangeEnd": "onChangeEnd"; "onSaveDashboard": "onSaveDashboard"; "onCancelDashboard": "onCancelDashboard"; "revertChange": "revertChange"; }, never, never, true, never>;
 }
 
 type Aggregation = {