@mmlogic/components 0.3.11 → 0.4.1

package/dist/types/components/{mrd-document-container → documents/mrd-document-container}/mrd-document-container.d.ts

@@ -1,5 +1,5 @@
-import { EventEmitter } from '../../stencil-public-runtime';
-import { ClientArchetype, ClientLayoutItem } from '../../types/client-layout';
+import { EventEmitter } from '../../../stencil-public-runtime';
+import { ClientArchetype, ClientLayoutItem } from '../../../types/client-layout';
 /**
  * Owns a document collection view: a single toolbar (view switch + collection
  * actions like "New folder", and — later — upload / drag-drop) plus the two

package/dist/types/components/documents/mrd-document-list/folder-tree.d.ts

@@ -0,0 +1,66 @@
+/**
+ * Tree model and pure tree logic for mrd-document-list.
+ * Nodes are mutated in place; the component triggers re-renders via bump().
+ */
+/** A distinct value as returned by the /distinct endpoint. */
+export interface DistinctValue {
+    /** Relation slot → `{ href, name }`; value slot (folder) → the raw path string. */
+    value: {
+        href: string;
+        name: string;
+    } | string | number | null;
+    count: number;
+}
+/** A loaded document row (raw data object from the /data endpoint). */
+export type DocRow = Record<string, any>;
+/** Internal tree node. Containers and folders share one shape; the container is
+ *  the root of its own folder subtree (root docs = the container's direct docs). */
+export interface TreeNode {
+    id: string;
+    kind: 'container' | 'folder';
+    label: string;
+    /** Container href — used to filter documents/folders (`{containerField}_href`). */
+    href?: string;
+    /** Exact distinct folder string this node maps to (present when it holds documents). */
+    fullPath?: string;
+    /** True when a distinct value maps exactly to this node (it can load documents). */
+    hasDocs: boolean;
+    /** Direct document count (0 for grouping-only folder nodes). */
+    docCount: number;
+    /** Aggregate count including descendants — shown in the badge. */
+    totalCount: number;
+    children: TreeNode[];
+    open: boolean;
+    loading: boolean;
+    /** Container only: folder distinct fetched. */
+    foldersLoaded: boolean;
+    /** Direct documents fetched. */
+    docsLoaded: boolean;
+    docs: DocRow[];
+    /** Owning container id (folder nodes only) — used to resolve the container for a folder. */
+    containerId?: string;
+    /** Client-side folder that is not yet materialised on the server (no documents yet). */
+    pending?: boolean;
+    /** The inline name input is currently shown for this (freshly created) node. */
+    editing?: boolean;
+    /** Inline validation message shown under the name input. */
+    error?: string;
+}
+/** Normalise a folder path: null/""/"/" → root ([]); else split on "/" dropping empties. */
+export declare function splitFolder(path: string | null | undefined): string[];
+export declare function makeContainerNode(href: string, label: string, count: number): TreeNode;
+export declare function makeFolderNode(id: string, label: string, containerId: string): TreeNode;
+/** Recompute totalCount over the subtree; returns the node's aggregate. */
+export declare function computeTotals(node: TreeNode): number;
+/** Folder path segments of a node relative to its container (derived from its id). */
+export declare function segmentsOf(node: TreeNode, container: TreeNode): string[];
+/** Folder string a node represents: the raw distinct value when it holds
+ *  documents, else derived from its path segments; null for a container root. */
+export declare function folderStringOf(node: TreeNode, container: TreeNode): string | null;
+/** Strip a single trailing extension for the document title. */
+export declare function stripExtension(name: string): string;
+/** Rebuild a container's folder subtree from the /distinct folder strings.
+ *  New nodes are registered in `nodeIndex`; the container is mutated in place. */
+export declare function applyFolderDistinct(container: TreeNode, values: DistinctValue[], nodeIndex: Map<string, TreeNode>): void;
+/** Optimistic in-place tree update for a document moved between folders. */
+export declare function applyDocMove(doc: DocRow, fromNode: TreeNode, toNode: TreeNode, targetFolder: string | null): void;

package/dist/types/components/{mrd-document-list → documents/mrd-document-list}/mrd-document-list.d.ts

@@ -1,16 +1,6 @@
-import { EventEmitter } from '../../stencil-public-runtime';
-import { ClientArchetype, ClientLayoutItem } from '../../types/client-layout';
-/** A distinct value as returned by the /distinct endpoint. */
-export interface DistinctValue {
-    /** Relation slot → `{ href, name }`; value slot (folder) → the raw path string. */
-    value: {
-        href: string;
-        name: string;
-    } | string | number | null;
-    count: number;
-}
-/** A loaded document row (raw data object from the /data endpoint). */
-export type DocRow = Record<string, any>;
+import { EventEmitter } from '../../../stencil-public-runtime';
+import { ClientArchetype, ClientLayoutItem } from '../../../types/client-layout';
+import { DistinctValue, DocRow } from './folder-tree';
 /**
  * Archetype-driven document collection view. Renders documents as a lazy,
  * file-explorer-style folder tree, grouped by the `commons.document` archetype's
@@ -161,11 +151,6 @@ export declare class MrdDocumentList {
     setDocuments(nodeId: string, docs: DocRow[]): Promise<void>;
     private applyContainers;
     private applyFolders;
-    /** Normalise a folder path: null/""/"/" → root ([]); else split on "/" dropping empties. */
-    private splitFolder;
-    private makeContainerNode;
-    private makeFolderNode;
-    private computeTotals;
     /** Force a re-render after mutating nodes in place. */
     private bump;
     private toggleContainer;
@@ -177,8 +162,6 @@ export declare class MrdDocumentList {
     /** Start creating a folder under the current target. Called by the host toolbar
      *  (mrd-document-container). No-op when there is no valid target. */
     createFolder(): Promise<void>;
-    /** Folder path segments of a node relative to its container (derived from its id). */
-    private segmentsOf;
     private startCreateFolder;
     private onPendingInput;
     private onPendingKeyDown;
@@ -201,33 +184,17 @@ export declare class MrdDocumentList {
     private onRootDrop;
     /** Begin an upload: emit mrdUpload; the host uploads and calls setFileReference. */
     private startFileUpload;
-    /** Strip a single trailing extension for the document title. */
-    private stripExtension;
     /** Host callback with the uploaded file reference. Builds the create payload
      *  from the archetype slots and requests the new document. */
     setFileReference(uri: string): Promise<void>;
     /** Host callback with the created document's self href, so the optimistic row
      *  becomes navigable without waiting for a reload. */
     setCreatedHref(href: string): Promise<void>;
-    /** Folder string a node represents: the raw distinct value when it holds
-     *  documents, else derived from its path segments; null for a container root. */
-    private folderStringOf;
     private moveDocument;
     /** Recompute a container's subtree totals from docCounts when its folders are
      *  loaded; otherwise just nudge the aggregate badge by the delta. */
     private recomputeContainerTotals;
     private openDoc;
-    private renderChevron;
-    private renderDossierIcon;
-    private renderFolderIcon;
-    private renderDocIcon;
-    private indent;
-    private renderDocRow;
-    private renderLoadingRow;
-    private renderChildren;
-    private renderUploadingRow;
-    private renderFolderEditRow;
-    private renderFolderNode;
-    private renderContainerNode;
+    private treeCtx;
     render(): any;
 }

package/dist/types/components/documents/mrd-document-list/tree-view.d.ts

@@ -0,0 +1,32 @@
+import { DocRow, TreeNode } from './folder-tree';
+/**
+ * Render functions for the mrd-document-list tree. Plain functions (not
+ * FunctionalComponents) because the tree renders recursively and the whole
+ * context travels as one object; all state and handlers stay in the component.
+ */
+export interface TreeViewContext {
+    locale: string;
+    titleField: string;
+    dateField?: string;
+    selectedId: string | null;
+    dropTargetId: string | null;
+    uploadingNodeId: string | null;
+    on: {
+        toggleContainer: (node: TreeNode) => void;
+        toggleFolder: (container: TreeNode, node: TreeNode) => void;
+        openDoc: (doc: DocRow) => void;
+        docDragStart: (e: DragEvent, doc: DocRow, node: TreeNode) => void;
+        docDragEnd: () => void;
+        nodeDragOver: (e: DragEvent, node: TreeNode) => void;
+        nodeDragLeave: (node: TreeNode) => void;
+        nodeDrop: (e: DragEvent, node: TreeNode, container: TreeNode) => void;
+        pendingInput: (e: Event) => void;
+        pendingKeyDown: (e: KeyboardEvent) => void;
+        cancelFolder: () => void;
+        setPendingInputEl: (el: HTMLInputElement) => void;
+    };
+}
+export declare function renderLoadingRow(ctx: TreeViewContext, depth: number): any;
+export declare function renderNodeChildren(ctx: TreeViewContext, container: TreeNode, node: TreeNode, depth: number): any[];
+export declare function renderFolderNode(ctx: TreeViewContext, container: TreeNode, node: TreeNode, depth: number): any;
+export declare function renderContainerNode(ctx: TreeViewContext, node: TreeNode, depth: number): any;

package/dist/types/components/{mrd-document-view → documents/mrd-document-view}/mrd-document-view.d.ts

@@ -1,5 +1,5 @@
-import { EventEmitter } from '../../stencil-public-runtime';
-import { ClientArchetype } from '../../types/client-layout';
+import { EventEmitter } from '../../../stencil-public-runtime';
+import { ClientArchetype } from '../../../types/client-layout';
 /**
  * Archetype-driven single-document view. Given a `commons.document` binding and a
  * data record, renders the document recognisably — title, file preview/download,

package/dist/types/components/fields/field-helpers.d.ts

@@ -0,0 +1,18 @@
+import { FunctionalComponent } from '../../stencil-public-runtime';
+/**
+ * Shared building blocks for the leaf field components.
+ * `base` is the BEM block name, e.g. 'mrd-text-field'.
+ */
+export declare const FieldLabel: FunctionalComponent<{
+    base: string;
+    label: string;
+    required: boolean;
+}>;
+export declare const FieldError: FunctionalComponent<{
+    base: string;
+    error: string;
+}>;
+/** Class string for the form control, with the --error modifier when applicable. */
+export declare function controlClass(base: string, hasError: boolean, element?: string): string;
+/** Returns the localised required-error, or '' when the value passes. */
+export declare function requiredError(value: unknown, required: boolean, locale: string): string;

package/dist/types/components/fields/file-upload-common.d.ts

@@ -0,0 +1,18 @@
+/**
+ * Shared upload behaviour for mrd-file-field and mrd-image-field:
+ * file validation, drop-zone class building and drag-drop wiring.
+ */
+/** Validates a selected/dropped file; returns a localised error message or '' when accepted. */
+export declare function validateUploadFile(file: File, maxSize: number, locale: string, requireImage?: boolean): string;
+/** BEM class string for the drop zone, e.g. base 'mrd-file-field' → 'mrd-file-field__zone …'. */
+export declare function uploadZoneClass(base: string, opts: {
+    dragging: boolean;
+    error: boolean;
+    disabled: boolean;
+}): string;
+/** Drag-drop handlers for the drop zone; the component owns the dragging state and file handling. */
+export declare function makeDragHandlers(setDragging: (dragging: boolean) => void, onFile: (file: File | null) => void): {
+    onDragOver: (e: DragEvent) => void;
+    onDragLeave: () => void;
+    onDrop: (e: DragEvent) => void;
+};

package/dist/types/components/{mrd-boolean-field → fields/mrd-boolean-field}/mrd-boolean-field.d.ts

@@ -1,4 +1,4 @@
-import { EventEmitter } from '../../stencil-public-runtime';
+import { EventEmitter } from '../../../stencil-public-runtime';
 export declare class MrdBooleanField {
     name: string;
     label: string;

package/dist/types/components/{mrd-currency-field → fields/mrd-currency-field}/mrd-currency-field.d.ts

@@ -1,5 +1,5 @@
-import { EventEmitter } from '../../stencil-public-runtime';
-import { CurrencyValue } from '../../types';
+import { EventEmitter } from '../../../stencil-public-runtime';
+import { CurrencyValue } from '../../../types';
 export declare class MrdCurrencyField {
     name: string;
     label: string;

package/dist/types/components/{mrd-date-field → fields/mrd-date-field}/mrd-date-field.d.ts

@@ -1,4 +1,4 @@
-import { EventEmitter } from '../../stencil-public-runtime';
+import { EventEmitter } from '../../../stencil-public-runtime';
 export declare class MrdDateField {
     name: string;
     label: string;

package/dist/types/components/{mrd-datetime-field → fields/mrd-datetime-field}/mrd-datetime-field.d.ts

@@ -1,4 +1,4 @@
-import { EventEmitter } from '../../stencil-public-runtime';
+import { EventEmitter } from '../../../stencil-public-runtime';
 export declare class MrdDatetimeField {
     name: string;
     label: string;

package/dist/types/components/{mrd-email-field → fields/mrd-email-field}/mrd-email-field.d.ts

@@ -1,4 +1,4 @@
-import { EventEmitter } from '../../stencil-public-runtime';
+import { EventEmitter } from '../../../stencil-public-runtime';
 export declare class MrdEmailField {
     name: string;
     label: string;

package/dist/types/components/{mrd-file-field → fields/mrd-file-field}/mrd-file-field.d.ts

@@ -1,4 +1,4 @@
-import { EventEmitter } from '../../stencil-public-runtime';
+import { EventEmitter } from '../../../stencil-public-runtime';
 export declare class MrdFileField {
     name: string;
     label: string;
@@ -31,9 +31,7 @@ export declare class MrdFileField {
     valueChanged(newVal: unknown): void;
     private handleFile;
     private handleInputChange;
-    private handleDragOver;
-    private handleDragLeave;
-    private handleDrop;
+    private drag;
     private handleZoneClick;
     private handleClear;
     render(): any;

package/dist/types/components/{mrd-hyperlink-field → fields/mrd-hyperlink-field}/mrd-hyperlink-field.d.ts

@@ -1,5 +1,5 @@
-import { EventEmitter } from '../../stencil-public-runtime';
-import { HyperlinkValue } from '../../types/client-layout';
+import { EventEmitter } from '../../../stencil-public-runtime';
+import { HyperlinkValue } from '../../../types/client-layout';
 export declare class MrdHyperlinkField {
     name: string;
     label: string;

package/dist/types/components/{mrd-image-field → fields/mrd-image-field}/mrd-image-field.d.ts

@@ -1,4 +1,4 @@
-import { EventEmitter } from '../../stencil-public-runtime';
+import { EventEmitter } from '../../../stencil-public-runtime';
 export declare class MrdImageField {
     name: string;
     label: string;
@@ -32,9 +32,7 @@ export declare class MrdImageField {
     valueChanged(newVal: unknown): void;
     private handleFile;
     private handleInputChange;
-    private handleDragOver;
-    private handleDragLeave;
-    private handleDrop;
+    private drag;
     private handleZoneClick;
     private handleClear;
     render(): any;

package/dist/types/components/{mrd-list-field → fields/mrd-list-field}/mrd-list-field.d.ts

@@ -1,5 +1,5 @@
-import { EventEmitter } from '../../stencil-public-runtime';
-import { ClientListValue } from '../../types';
+import { EventEmitter } from '../../../stencil-public-runtime';
+import { ClientListValue } from '../../../types';
 export declare class MrdListField {
     name: string;
     label: string;

package/dist/types/components/{mrd-longtext-field → fields/mrd-longtext-field}/mrd-longtext-field.d.ts

@@ -1,4 +1,4 @@
-import { EventEmitter } from '../../stencil-public-runtime';
+import { EventEmitter } from '../../../stencil-public-runtime';
 export declare class MrdLongtextField {
     name: string;
     label: string;

package/dist/types/components/{mrd-number-field → fields/mrd-number-field}/mrd-number-field.d.ts

@@ -1,5 +1,5 @@
-import { EventEmitter } from '../../stencil-public-runtime';
-import { ClientLayoutItemFieldDataType } from '../../types';
+import { EventEmitter } from '../../../stencil-public-runtime';
+import { ClientLayoutItemFieldDataType } from '../../../types';
 export declare class MrdNumberField {
     name: string;
     label: string;

package/dist/types/components/{mrd-relation-field → fields/mrd-relation-field}/mrd-relation-field.d.ts

@@ -1,5 +1,5 @@
-import { EventEmitter } from '../../stencil-public-runtime';
-import { ClientLayoutItemRelationDisplayType, ClientLayoutItemRelationEditBehavior, ClientListValue, RelationSearchResult } from '../../types';
+import { EventEmitter } from '../../../stencil-public-runtime';
+import { ClientLayoutItemRelationDisplayType, ClientLayoutItemRelationEditBehavior, ClientListValue, RelationSearchResult } from '../../../types';
 export declare class MrdRelationField {
     el: HTMLElement;
     name: string;

package/dist/types/components/{mrd-secret-field → fields/mrd-secret-field}/mrd-secret-field.d.ts

@@ -1,4 +1,4 @@
-import { EventEmitter } from '../../stencil-public-runtime';
+import { EventEmitter } from '../../../stencil-public-runtime';
 export declare class MrdSecretField {
     name: string;
     label: string;

package/dist/types/components/{mrd-text-field → fields/mrd-text-field}/mrd-text-field.d.ts

@@ -1,4 +1,4 @@
-import { EventEmitter } from '../../stencil-public-runtime';
+import { EventEmitter } from '../../../stencil-public-runtime';
 export declare class MrdTextField {
     name: string;
     label: string;

package/dist/types/components/{mrd-textarea-field → fields/mrd-textarea-field}/mrd-textarea-field.d.ts

@@ -1,4 +1,4 @@
-import { EventEmitter, ComponentDidLoad } from '../../stencil-public-runtime';
+import { EventEmitter, ComponentDidLoad } from '../../../stencil-public-runtime';
 export declare class MrdTextareaField implements ComponentDidLoad {
     el: HTMLElement;
     name: string;

package/dist/types/components/{mrd-time-field → fields/mrd-time-field}/mrd-time-field.d.ts

@@ -1,4 +1,4 @@
-import { EventEmitter } from '../../stencil-public-runtime';
+import { EventEmitter } from '../../../stencil-public-runtime';
 export declare class MrdTimeField {
     name: string;
     label: string;

package/dist/types/components/{mrd-field → form/mrd-field}/mrd-field.d.ts

@@ -1,5 +1,5 @@
-import { EventEmitter } from '../../stencil-public-runtime';
-import { ClientLayoutItem } from '../../types';
+import { EventEmitter } from '../../../stencil-public-runtime';
+import { ClientLayoutItem } from '../../../types';
 export declare class MrdField {
     el: HTMLElement;
     item: ClientLayoutItem;

package/dist/types/components/{mrd-form → form/mrd-form}/mrd-form.d.ts

@@ -1,5 +1,5 @@
-import { EventEmitter } from '../../stencil-public-runtime';
-import { ClientLayout, RelationSearchResult } from '../../types';
+import { EventEmitter } from '../../../stencil-public-runtime';
+import { ClientLayout, RelationSearchResult } from '../../../types';
 export declare class MrdForm {
     layout: ClientLayout;
     locale: string;

package/dist/types/components/layout/mrd-layout-section/field-value.d.ts

@@ -0,0 +1,22 @@
+import { ClientLayoutItem } from '../../../types/client-layout';
+/**
+ * Read-only field rendering for mrd-layout-section. Plain render functions;
+ * state (image previews, open history popover) stays in the component and
+ * travels in via the context object.
+ */
+export interface FieldViewContext {
+    locale: string;
+    data: Record<string, unknown>;
+    imagePreviews: Record<string, string>;
+    openHistoryField: string | null;
+    on: {
+        download: (detail: {
+            href: string;
+            fileName: string;
+        }) => void;
+        openImage: (url: string) => void;
+        toggleHistory: (fieldName: string | null) => void;
+    };
+}
+export declare function renderFieldValue(ctx: FieldViewContext, item: ClientLayoutItem, rawValue: unknown): any;
+export declare function renderField(ctx: FieldViewContext, item: ClientLayoutItem): any;

package/dist/types/components/layout/mrd-layout-section/layout-helpers.d.ts

@@ -0,0 +1,8 @@
+import { ClientLayoutItem } from '../../../types/client-layout';
+/** Key an embedded view is addressed by (setViewPage etc.). */
+export declare function viewKeyFor(item: ClientLayoutItem): string;
+/** Depth-first flatten of the SECTION/GROUP tree. */
+export declare function flattenItems(items: ClientLayoutItem[]): ClientLayoutItem[];
+/** Build the canonical parent href `/{base}/{tenant}/{fromClass}/{parentId}` from
+ *  the object's self href. Empty unless it is a RELATED_VIEW with a fromClass. */
+export declare function buildContainerHref(item: ClientLayoutItem, selfHref: string, parentId: string): string;

package/dist/types/components/{mrd-layout-section → layout/mrd-layout-section}/mrd-layout-section.d.ts

@@ -1,6 +1,6 @@
-import { EventEmitter } from '../../stencil-public-runtime';
-import { ClientLayoutItem, ClientLayoutItemNavigate, ClientViewMetadata, ClientArchetype, RelationSearchResult } from '../../types/client-layout';
-import { DistinctValue } from '../mrd-document-list/mrd-document-list';
+import { EventEmitter } from '../../../stencil-public-runtime';
+import { ClientLayoutItem, ClientLayoutItemNavigate, ClientViewMetadata, ClientArchetype, RelationSearchResult } from '../../../types/client-layout';
+import { DistinctValue } from '../../documents/mrd-document-list/folder-tree';
 export declare class MrdLayoutSection {
     el: HTMLElement;
     /** Items from one layout entry in ClientDashboardMetadata.layouts[]. */
@@ -101,9 +101,7 @@ export declare class MrdLayoutSection {
     disconnectedCallback(): void;
     dataChanged(newVal: Record<string, unknown>): void;
     private initEmbeddedTables;
-    private viewKeyFor;
     private emitLoadImages;
-    private flattenItems;
     /** Inject search results. Pass dataClass to target a specific SEARCH item; omit when there is only one. */
     setSearchResults(results: RelationSearchResult[], dataClass?: string): Promise<void>;
     /**
@@ -130,16 +128,11 @@ export declare class MrdLayoutSection {
     private resolveSearchKey;
     private handleViewLoadPage;
     private handleSearchInput;
-    private renderSingleFieldValue;
-    private renderFieldValue;
-    private renderHistoryBadge;
+    private fieldCtx;
     private renderField;
     private renderRelation;
     private renderSearch;
     private renderRelatedView;
-    /** Build the canonical parent href `/{base}/{tenant}/{fromClass}/{parentId}` from
-     *  the object's self href. Empty unless it is a RELATED_VIEW with a fromClass. */
-    private buildContainerHref;
     /** Document collection view: owns the view-switch + collection actions and
      *  swaps between the folder tree and the flat table. Events are re-emitted to
      *  the host with the view key, exactly as the raw list/table events were. */

package/dist/types/components/{mrd-table → table/mrd-table}/mrd-table.d.ts

@@ -1,14 +1,21 @@
-import { EventEmitter } from '../../stencil-public-runtime';
-import { ColumnFilter } from '../../utils/cell-renderer';
-import { AggregationResult, ClientLayoutItem } from '../../types/client-layout';
+import { EventEmitter } from '../../../stencil-public-runtime';
+import { ColumnFilter } from '../../../utils/cell-renderer';
+import { AggregationResult, ClientLayoutItem } from '../../../types/client-layout';
 export declare class MrdTable {
     el: HTMLElement;
     private pendingPages;
     private debounceTimer;
+    /** Timestamp of the last mrdLoadPage emission per outstanding page — drives stale-request detection. */
+    private requestedAt;
+    /** Retry count per page since it first became stale. */
+    private retryAttempts;
+    private staleCheckTimer;
     private outsideClickHandler;
     private keydownHandler;
     private createPickerClickHandler;
     private viewPopoverClickHandler;
+    /** Guards against scheduling more than one column-width measurement per freeze. */
+    private colWidthMeasureScheduled;
     /** The VIEW or RELATED_VIEW layout item. Contains view config, dataClass, fromClass, actions etc. */
     item: ClientLayoutItem | null;
     /** Parent record id — required for RELATED_VIEW to build /{fromClass}/{parentId}/{dataClass}. */
@@ -24,6 +31,9 @@ export declare class MrdTable {
     rowHeight: number;
     /** Height of the scroll container in px. */
     tableHeight: number;
+    /** Time (ms) to wait for setPage() before retrying a page request; after
+     *  MAX_RETRY_ATTEMPTS retries the page is marked failed (see failedPages). */
+    requestTimeoutMs: number;
     /** Clamp renderEnd when totalElements shrinks (e.g. after a filter is applied). */
     totalElementsChanged(newVal: number): void;
     /** Reset to primary view when the item prop is replaced from outside. */
@@ -32,6 +42,8 @@ export declare class MrdTable {
     private activeViewIdx;
     loadedPages: Map<number, Record<string, any>[]>;
     requestedPages: Set<number>;
+    /** Pages that timed out MAX_RETRY_ATTEMPTS times — rendered as a retry row instead of shimmer. */
+    failedPages: Set<number>;
     renderStart: number;
     renderEnd: number;
     colWidths: number[];
@@ -76,6 +88,11 @@ export declare class MrdTable {
         path: string;
         qs: string;
     }>;
+    /** Fired when a page request timed out MAX_RETRY_ATTEMPTS times without setPage() being called.
+     *  Purely informational — the table shows its own retry row regardless of whether a host listens. */
+    mrdPageError: EventEmitter<{
+        page: number;
+    }>;
     /** Fired when a data row is clicked. Detail is the full row object including _links. */
     mrdRowClick: EventEmitter<Record<string, any>>;
     /** Fired when a toolbar action button is clicked.
@@ -103,6 +120,7 @@ export declare class MrdTable {
         aggQs: string;
     }>;
     componentWillLoad(): void;
+    componentDidLoad(): void;
     private applyDefaultSort;
     /**
      * Initialise (or reset) the virtual scroll.
@@ -152,18 +170,22 @@ export declare class MrdTable {
     private isTotalKnown;
     /** Effective total: aggregations-response > totalElements prop > minKnownTotal from setPage(). */
     private get baseTotal();
-    private buildAggregationParams;
-    private buildAggregationQs;
     private emitLoadAggregations;
-    private renderAggregationValue;
     /** Reset pagination state and scroll to top (used after sort or filter change). */
     private resetPages;
     private handleSortClick;
     private applySort;
+    /** Emits mrdLoadPage for a page and records the request timestamp for stale-request detection. */
+    private emitLoadPage;
     private emitPagesForWindow;
     private getRow;
     private requestPagesForWindow;
     private flushPendingPages;
+    /** Scans outstanding requests for staleness: retries up to MAX_RETRY_ATTEMPTS times,
+     *  then gives up and marks the page as failed (rendered as a retry row). */
+    private checkStalePages;
+    /** Manually retry a page the user gave up on (clicked the retry row). */
+    private retryPage;
     private handleScroll;
     private handleFilterToggle;
     private handleFilterOpen;
@@ -174,24 +196,18 @@ export declare class MrdTable {
     private closeJsonModal;
     private setPending;
     private togglePendingValue;
-    private filterHasValue;
-    private dateLocalToUTCStart;
-    private dateLocalToUTCEndExclusive;
-    private utcISOToLocalDate;
-    private utcISOToLocalDateExclusiveEnd;
     private applyFilter;
     private clearFilter;
     private clearAllFilters;
     private handleViewSwitch;
     private toggleViewPopover;
+    private closeViewPopover;
     private renderToolbar;
-    private renderFilterEditor;
     private renderFilterPopup;
     private renderFooter;
     private renderCell;
     private renderTotalsRow;
     render(): any;
-    private renderFilterIcon;
     private renderTextblockModal;
     private renderJsonModal;
 }

package/dist/types/components/table/mrd-table/table-filter-popup.d.ts

@@ -0,0 +1,35 @@
+import { FunctionalComponent } from '../../../stencil-public-runtime';
+import { ColumnFilter, TableColumn } from '../../../utils/cell-renderer';
+/**
+ * Per-column filter popup of mrd-table (sort buttons + type-specific editor).
+ * The pending-filter state stays in the component; every mutation goes
+ * through the callbacks. Several branches replace the pending filter
+ * wholesale, hence onReplacePending next to onSetPending.
+ */
+export interface FilterPopupCallbacks {
+    onSetPending: (key: keyof ColumnFilter, val: unknown) => void;
+    onReplacePending: (pf: Partial<ColumnFilter>) => void;
+    onToggleValue: (key: string, checked: boolean) => void;
+    onApplySort: (dir: 'asc' | 'desc') => void;
+    onApply: () => void;
+    onClear: () => void;
+    onClose: () => void;
+}
+interface EditorProps {
+    col: TableColumn;
+    dataType: string;
+    openFilterCol: string;
+    pendingFilter: Partial<ColumnFilter>;
+    locale: string;
+    cb: FilterPopupCallbacks;
+}
+export declare const FilterEditor: FunctionalComponent<EditorProps>;
+export declare const FilterPopup: FunctionalComponent<EditorProps & {
+    popupPos: {
+        top: number;
+        left: number;
+    };
+    sortField: string;
+    sortDir: 'asc' | 'desc';
+}>;
+export {};