@yuuvis/client-framework 3.3.0 → 3.4.0

package/fesm2022/yuuvis-client-framework-tile-list.mjs

@@ -5,7 +5,7 @@ import { MatIcon, MatIconModule } from '@angular/material/icon';
 import { MatMenu, MatMenuItem, MatMenuTrigger } from '@angular/material/menu';
 import * as i4 from '@angular/material/tooltip';
 import { MatTooltip, MAT_TOOLTIP_DEFAULT_OPTIONS, MatTooltipModule } from '@angular/material/tooltip';
-import { ObjectConfigService, DmsService, DmsObject, BaseObjectTypeField, TranslatePipe, SystemService, ContentStreamField, Utils, Sort } from '@yuuvis/client-core';
+import { ObjectConfigService, DmsService, EventService, DmsObject, YuvEventType, BaseObjectTypeField, TranslatePipe, SystemService, ContentStreamField, Utils, Sort } from '@yuuvis/client-core';
 import { coerceBooleanProperty } from '@angular/cdk/coercion';
 import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
 import * as i1$2 from '@angular/forms';
@@ -181,6 +181,7 @@ class TileListComponent {
     #cdr;
     #actionService;
     #dmsService;
+    #eventService;
     #busy;
     #preselect;
     #rawResultItems;
@@ -193,6 +194,7 @@ class TileListComponent {
         this.#cdr = inject(ChangeDetectorRef);
         this.#actionService = inject(ActionsService);
         this.#dmsService = inject(DmsService);
+        this.#eventService = inject(EventService);
         //#endregion
         //#region Angular stuff
         /**
@@ -573,6 +575,20 @@ class TileListComponent {
         effect(this.#preselectEffect);
         effect(this.#closeMenuEffect);
         effect(this.#outsideClickCloseEffect);
+        // Auto-remove drop-in tiles whose backing DmsObject was just deleted upstream.
+        // Without this, the framework reconstructs drop-ins in onQueryResult by slicing
+        // the leading dropInSize() items from the `items` signal, so a deleted tile
+        // would survive every subsequent refresh as a stale leader. Listening here
+        // keeps the behavior transparent to consumers — any caller that deletes via
+        // DmsService gets correct rendering with no additional wiring.
+        this.#eventService
+            .on(YuvEventType.DMS_OBJECT_DELETED)
+            .pipe(takeUntilDestroyed())
+            .subscribe((evt) => {
+            const id = evt.data?.id;
+            if (id)
+                this.removeDropItems([id]);
+        });
     }
     //#region Lifecycle hooks
     ngOnInit() {
@@ -837,6 +853,64 @@ class TileListComponent {
         }
         this.list().dropItems(items);
     }
+    /**
+     * Surgically removes tiles matching the given IDs from the rendered list.
+     *
+     * Use this when an upstream deletion (e.g. `DmsService.deleteDmsObject`) removes
+     * an object that is currently rendered. Without this call, drop-in tiles would
+     * remain visible after `refresh()` because `onQueryResult` reconstructs them by
+     * slicing the leading `dropInSize()` items from the `items` signal — the deleted
+     * tile would survive as a stale leader.
+     *
+     * The method is also invoked automatically by an internal `DMS_OBJECT_DELETED`
+     * subscription, so consumers that delete via `DmsService` get correct behavior
+     * without any extra wiring. Calling it directly is only needed for deletions
+     * that do not flow through the standard event service.
+     *
+     * Internally:
+     * 1. Locates positions of matching tiles in the `items` signal.
+     * 2. Removes them from `items` (the parent-visible view model).
+     * 3. Filters `_selection` to drop indices on removed tiles, then shifts the
+     *    remaining indices back by the count of removed positions that preceded
+     *    each surviving entry so selection stays attached to the same logical items.
+     * 4. Clears `_lastSelection` if it pointed to a removed tile, else shifts it.
+     * 5. Delegates to `QueryListComponent.removeDropItems` to filter the inner
+     *    drop-in set so `resultItems` recomputes with the correct leading slice.
+     *
+     * @param ids Object IDs to remove.
+     */
+    removeDropItems(ids) {
+        if (ids.length === 0)
+            return;
+        const removeSet = new Set(ids);
+        const currentItems = this.items();
+        const removedPositions = [];
+        currentItems.forEach((item, idx) => {
+            if (removeSet.has(item.id))
+                removedPositions.push(idx);
+        });
+        if (removedPositions.length === 0)
+            return;
+        const removedSet = new Set(removedPositions);
+        this.items.set(currentItems.filter((_, idx) => !removedSet.has(idx)));
+        if (this._selection.length > 0) {
+            this._selection = this._selection
+                .filter((idx) => !removedSet.has(idx))
+                .map((idx) => idx - removedPositions.filter((r) => r < idx).length);
+        }
+        if (this._lastSelection !== undefined) {
+            if (removedSet.has(this._lastSelection)) {
+                this._lastSelection = this._selection.length ? this._selection[this._selection.length - 1] : undefined;
+            }
+            else {
+                this._lastSelection -= removedPositions.filter((r) => r < this._lastSelection).length;
+            }
+        }
+        const selectedTiles = this._selectionToTileData(this._selection);
+        this.selection.set(selectedTiles.map((tile) => tile.id));
+        this.selectedTile.set(selectedTiles);
+        this.list().removeDropItems(ids);
+    }
     /**
      * Toggles an `ObjectFlavor` on or off and re-maps the current result set.
      *