@yuuvis/client-framework 2.6.2 → 2.7.0

package/tile-list/lib/tile-list/tile-list.component.d.ts

@@ -1,9 +1,7 @@
-import { ElementRef, OnDestroy, OnInit } from '@angular/core';
-import { DmsObject, SearchQuery } from '@yuuvis/client-core';
-import { PageEvent } from '@angular/material/paginator';
+import { ElementRef, OnInit, Signal } from '@angular/core';
+import { DmsObject, ResolvedObjectConfigItem, SearchQuery, SearchResultItem } from '@yuuvis/client-core';
 import { Action } from '@yuuvis/client-framework/actions';
-import { ListComponent, ListTileComponent } from '@yuuvis/client-framework/list';
-import { Pagination } from '@yuuvis/client-framework/pagination';
+import { QueryListComponent } from '@yuuvis/client-framework/query-list';
 import { ObjectFlavor } from '@yuuvis/client-shell-core';
 import { TileActionsMenuComponent } from '../tile-actions-menu/tile-actions-menu.component';
 import { TileData, TileListConfigOptions, TileListHighlight } from './tile-list.interface';
@@ -11,23 +9,32 @@ import * as i0 from "@angular/core";
 type InnerTileData = TileData & {
     actions: any;
 };
-export declare class TileListComponent implements OnInit, OnDestroy {
+export declare class TileListComponent implements OnInit {
     #private;
-    menuComponent: import("@angular/core").Signal<TileActionsMenuComponent | undefined>;
-    menu: import("@angular/core").Signal<import("@angular/material/menu").MatMenu | null>;
-    emptyContent: import("@angular/core").Signal<ElementRef<any> | undefined>;
-    isTouchDevice: boolean;
-    tiles: import("@angular/core").Signal<readonly ListTileComponent[]>;
-    list: import("@angular/core").Signal<ListComponent>;
-    onCopy(event: KeyboardEvent): void;
-    onCut(event: KeyboardEvent): void;
-    _busy: import("@angular/core").WritableSignal<boolean>;
+    menuComponent: Signal<TileActionsMenuComponent | undefined>;
+    menu: Signal<import("@angular/material/menu").MatMenu | null>;
+    emptyContent: Signal<ElementRef<any> | undefined>;
+    list: Signal<QueryListComponent>;
+    transformer: (res: SearchResultItem[]) => {
+        actions: Action[];
+        id: string;
+        objectTypeId: string;
+        icon?: ResolvedObjectConfigItem;
+        title: ResolvedObjectConfigItem;
+        description?: ResolvedObjectConfigItem;
+        meta?: ResolvedObjectConfigItem;
+        aside?: ResolvedObjectConfigItem;
+        badges?: import("@yuuvis/client-core").ObjectConfigBadge[];
+        instanceData?: Record<string, unknown>;
+        dmsObject: DmsObject;
+    }[];
+    onCopy(event: Event): void;
+    onCut(event: Event): void;
+    _busy: Signal<boolean>;
     private oc?;
-    pagination?: Pagination;
     private _selection;
     private _lastSelection?;
     selectedTile: import("@angular/core").WritableSignal<TileData[]>;
-    empytIcon: import("@angular/core").WritableSignal<string>;
     /**
      * The ID of the selected list item
      */
@@ -39,15 +46,31 @@ export declare class TileListComponent implements OnInit, OnDestroy {
      * retrieved. Buckets should be unique so be sure to use a unique namespace.
      */
     bucket: import("@angular/core").InputSignal<string | undefined>;
+    /**
+     * The number of items to display per page.
+     */
     pageSize: import("@angular/core").InputSignal<number>;
     /**
-     * Sets up the ability to select multile tiles
+     * Sets up the ability to select multiple tiles
+     * @default false
      */
     multiselect: import("@angular/core").InputSignal<boolean>;
+    /**
+     * If `true`, the tiles will be rendered in a more compact, denser style.
+     * @default false
+     */
     dense: import("@angular/core").InputSignal<boolean>;
+    /**
+     * Configuration options for the tile list component.
+     */
     options: import("@angular/core").InputSignal<TileListConfigOptions | undefined>;
+    /**
+     * The object flavor to be applied to the tiles.
+     */
     flavor: import("@angular/core").InputSignal<ObjectFlavor | undefined>;
-    flavorEffect: import("@angular/core").EffectRef;
+    /**
+     * The currently applied object flavor.
+     */
     appliedFlavor?: ObjectFlavor;
     /**
      * The search query to be executed. This may be a SearchQuery object or a CMIS query statement.
@@ -55,7 +78,10 @@ export declare class TileListComponent implements OnInit, OnDestroy {
     query: import("@angular/core").InputSignal<string | SearchQuery | null | undefined>;
     preselect: import("@angular/core").InputSignal<string[]>;
     highlights: import("@angular/core").InputSignal<TileListHighlight[] | null>;
-    highlightStyles: import("@angular/core").Signal<Record<string, Record<string, unknown>>>;
+    highlightStyles: Signal<Record<string, Record<string, unknown>>>;
+    /**
+     * Prevent selection changes while the provided function returns false.
+     */
     preventChangeUntil: import("@angular/core").InputSignal<() => boolean>;
     disableCustomContextMenu: import("@angular/core").InputSignal<boolean>;
     /**
@@ -75,7 +101,7 @@ export declare class TileListComponent implements OnInit, OnDestroy {
      */
     selectionChange: import("@angular/core").OutputEmitterRef<TileData[]>;
     /**
-     * Emitted when a list item has been doubleclicked
+     * Emitted when a list item has been double-clicked
      */
     itemDblClick: import("@angular/core").OutputEmitterRef<TileData>;
     ctxMenu: import("@angular/core").OutputEmitterRef<{
@@ -83,32 +109,24 @@ export declare class TileListComponent implements OnInit, OnDestroy {
         selection: any;
     }>;
     items: import("@angular/core").WritableSignal<TileData[]>;
-    _items: import("@angular/core").Signal<InnerTileData[]>;
-    private _rawResult?;
     searchExecuted: boolean;
-    constructor();
-    getPageSize(): number;
     contextMenuHandler(event: MouseEvent, index: number): void;
     executeAction(t: InnerTileData, a: Action, evt: Event): void;
-    select(i: TileData, evt?: MouseEvent | KeyboardEvent): void;
     selectById(ids: string[]): void;
-    onDragSelectChange(sel: number[]): void;
-    onDragSelect(sel: number[]): void;
-    onListItemsSelect(sel: number[]): void;
     selectByIndex(idx: number, evt?: MouseEvent | KeyboardEvent): void;
+    onQueryResult(e: {
+        totalCount: number;
+    }): void;
+    onListItemsSelect(sel: number[]): void;
     refresh(): void;
     applyFlavor(flavor: ObjectFlavor): void;
     clearSelection(silent?: boolean): void;
     selectNext(): void;
     selectPrev(): void;
-    changePage(pe: PageEvent): void;
-    goToPage(page: number): void;
     private _selectionToTileData;
-    private _mapSearchResult;
     updateTileList(listItems: DmsObject[]): void;
     ngOnInit(): void;
-    ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<TileListComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TileListComponent, "yuv-tile-list", never, { "bucket": { "alias": "bucket"; "required": false; "isSignal": true; }; "pageSize": { "alias": "pageSize"; "required": false; "isSignal": true; }; "multiselect": { "alias": "multiselect"; "required": false; "isSignal": true; }; "dense": { "alias": "dense"; "required": false; "isSignal": true; }; "options": { "alias": "options"; "required": false; "isSignal": true; }; "flavor": { "alias": "flavor"; "required": false; "isSignal": true; }; "query": { "alias": "query"; "required": false; "isSignal": true; }; "preselect": { "alias": "preselect"; "required": false; "isSignal": true; }; "highlights": { "alias": "highlights"; "required": false; "isSignal": true; }; "preventChangeUntil": { "alias": "preventChangeUntil"; "required": false; "isSignal": true; }; "disableCustomContextMenu": { "alias": "disableCustomContextMenu"; "required": false; "isSignal": true; }; }, { "itemSelect": "itemSelect"; "tileCopy": "tileCopy"; "tileCut": "tileCut"; "busy": "busy"; "queryResult": "queryResult"; "selectionChange": "selectionChange"; "itemDblClick": "itemDblClick"; "ctxMenu": "ctxMenu"; }, ["menuComponent", "emptyContent"], ["*", "yuv-tile-actions-menu, [yuv-tile-actions-menu]"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TileListComponent, "yuv-tile-list", never, { "bucket": { "alias": "bucket"; "required": false; "isSignal": true; }; "pageSize": { "alias": "pageSize"; "required": false; "isSignal": true; }; "multiselect": { "alias": "multiselect"; "required": false; "isSignal": true; }; "dense": { "alias": "dense"; "required": false; "isSignal": true; }; "options": { "alias": "options"; "required": false; "isSignal": true; }; "flavor": { "alias": "flavor"; "required": false; "isSignal": true; }; "query": { "alias": "query"; "required": false; "isSignal": true; }; "preselect": { "alias": "preselect"; "required": false; "isSignal": true; }; "highlights": { "alias": "highlights"; "required": false; "isSignal": true; }; "preventChangeUntil": { "alias": "preventChangeUntil"; "required": false; "isSignal": true; }; "disableCustomContextMenu": { "alias": "disableCustomContextMenu"; "required": false; "isSignal": true; }; }, { "itemSelect": "itemSelect"; "tileCopy": "tileCopy"; "tileCut": "tileCut"; "busy": "busy"; "queryResult": "queryResult"; "selectionChange": "selectionChange"; "itemDblClick": "itemDblClick"; "ctxMenu": "ctxMenu"; }, ["menuComponent", "emptyContent"], ["yuv-tile-actions-menu, [yuv-tile-actions-menu]", "*"], true, never>;
 }
 export {};