@ixfx/components 0.9.5 → 0.9.7

package/dist/{data-grid-pp8WaKxG.d.ts → data-grid-8N0Kd5-6.d.ts}

@@ -102,6 +102,12 @@ type DataGridGroupChangeDetail = {
   readonly groupBy: DataGridGroupBy<unknown> | null;
 };
 type DataGridGroupChangeEvent = CustomEvent<DataGridGroupChangeDetail>;
+type DataGridRowActivateDetail = {
+  readonly rowKey: string;
+  readonly row: unknown;
+  readonly rowIndex: number;
+};
+type DataGridRowActivateEvent = CustomEvent<DataGridRowActivateDetail>;
 interface DataGridElementEventMap {
   'datagrid-sort': DataGridSortEvent;
   'datagrid-select': DataGridSelectEvent;
@@ -111,6 +117,7 @@ interface DataGridElementEventMap {
   'datagrid-cell-click': DataGridCellClickEvent;
   'datagrid-cell-edit': DataGridCellEditEvent;
   'datagrid-group-change': DataGridGroupChangeEvent;
+  'datagrid-row-activate': DataGridRowActivateEvent;
   'list-native-drag-start': ListNativeDragStartEvent<unknown>;
 }
 declare class DataGridElement extends LitElement {
@@ -200,6 +207,14 @@ declare class DataGridElement extends LitElement {
   dispatch(commandId: CommandId, args?: Record<string, unknown>): void;
   private _onFocusOut;
   protected firstUpdated(): void;
+  /**
+   * Force a fresh re-measure of the viewport and re-render. Normally
+   * unnecessary — a `ResizeObserver` tracks the viewport automatically — but
+   * gives a consumer an escape hatch to recover if an ancestor's
+   * layout/visibility changes without the observer noticing (matches
+   * `ixfx-grid-list`'s `refreshLayout()`).
+   */
+  refreshLayout(): void;
   protected updated(changed: Map<string, unknown>): void;
   protected willUpdate(changed: Map<string, unknown>): void;
   private _getGroupKey;
@@ -246,6 +261,7 @@ declare class DataGridElement extends LitElement {
   private _isEditable;
   private _isTextEditor;
   private _isCellEditing;
+  private _activateRow;
   private _startEdit;
   /** Programmatic: put a single cell in edit mode. Works in manual/user/immediate (no-op if disabled or not editable). */
   startEdit(rowKey: string, colKey: string): void;
@@ -267,6 +283,8 @@ declare class DataGridElement extends LitElement {
     startCol: number;
     endCol: number;
   };
+  /** Row keys currently within the windowed/visible range, in display order. */
+  renderedKeys(): string[];
   private _findFirstVisibleCol;
   private _findLastVisibleCol;
   protected render(): import("lit").TemplateResult<1>;
@@ -281,5 +299,5 @@ interface DataGridElement {
   removeEventListener: (<K extends keyof DataGridElementEventMap>(type: K, listener: (this: DataGridElement, event: DataGridElementEventMap[K]) => void, options?: boolean | EventListenerOptions) => void) & ((type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions) => void);
 }
 //#endregion
-export { DataGridSortDetail as _, DataGridColumnReorderDetail as a, DataGridColumnResizeEvent as c, DataGridElement as d, DataGridElementEventMap as f, DataGridSelectEvent as g, DataGridSelectDetail as h, DataGridCellEditEvent as i, DataGridColumnVisibilityDetail as l, DataGridGroupChangeEvent as m, DataGridCellClickEvent as n, DataGridColumnReorderEvent as o, DataGridGroupChangeDetail as p, DataGridCellEditDetail as r, DataGridColumnResizeDetail as s, DataGridCellClickDetail as t, DataGridColumnVisibilityEvent as u, DataGridSortEvent as v };
-//# sourceMappingURL=data-grid-pp8WaKxG.d.ts.map
+export { DataGridGroupBy as A, DataGridColumn as C, DataGridEditorFactory as D, DataGridEditorContext as E, DataGridSortState as F, GlobalFormatter as I, DataGridInteractionMode as M, DataGridSelectionMode as N, DataGridEditorType as O, DataGridSortDirection as P, BuiltInFormatterOptions as S, DataGridEditability as T, DataGridSelectDetail as _, DataGridColumnReorderDetail as a, DataGridSortEvent as b, DataGridColumnResizeEvent as c, DataGridElement as d, DataGridElementEventMap as f, DataGridRowActivateEvent as g, DataGridRowActivateDetail as h, DataGridCellEditEvent as i, DataGridGroupLabel as j, DataGridGetRowKey as k, DataGridColumnVisibilityDetail as l, DataGridGroupChangeEvent as m, DataGridCellClickEvent as n, DataGridColumnReorderEvent as o, DataGridGroupChangeDetail as p, DataGridCellEditDetail as r, DataGridColumnResizeDetail as s, DataGridCellClickDetail as t, DataGridColumnVisibilityEvent as u, DataGridSelectEvent as v, DataGridColumnMenu as w, BuiltInFormatterName as x, DataGridSortDetail as y };
+//# sourceMappingURL=data-grid-8N0Kd5-6.d.ts.map

package/dist/data-grid-8N0Kd5-6.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"data-grid-8N0Kd5-6.d.ts","names":[],"sources":["../src/data-grid/types.ts","../src/data-grid/data-grid.ts"],"mappings":"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"}

package/dist/data-grid.d.ts

@@ -1,3 +1,3 @@
 import { F as ListDragSource, I as ListNativeDragStartDetail, L as ListNativeDragStartEvent, M as ListDragPreview, N as ListDragPreviewContext, P as ListDragPreviewRenderer, j as ListDragEntry } from "./tree-component-BW2iCFq9.js";
-import { _ as DataGridSortDetail, a as DataGridColumnReorderDetail, c as DataGridColumnResizeEvent, d as DataGridElement, f as DataGridElementEventMap, g as DataGridSelectEvent, h as DataGridSelectDetail, i as DataGridCellEditEvent, l as DataGridColumnVisibilityDetail, m as DataGridGroupChangeEvent, n as DataGridCellClickEvent, o as DataGridColumnReorderEvent, p as DataGridGroupChangeDetail, r as DataGridCellEditDetail, s as DataGridColumnResizeDetail, t as DataGridCellClickDetail, u as DataGridColumnVisibilityEvent, v as DataGridSortEvent } from "./data-grid-pp8WaKxG.js";
-export { DataGridCellClickDetail, DataGridCellClickEvent, DataGridCellEditDetail, DataGridCellEditEvent, DataGridColumnReorderDetail, DataGridColumnReorderEvent, DataGridColumnResizeDetail, DataGridColumnResizeEvent, DataGridColumnVisibilityDetail, DataGridColumnVisibilityEvent, DataGridElement, DataGridElementEventMap, DataGridGroupChangeDetail, DataGridGroupChangeEvent, DataGridSelectDetail, DataGridSelectEvent, DataGridSortDetail, DataGridSortEvent, type ListDragEntry, type ListDragPreview, type ListDragPreviewContext, type ListDragPreviewRenderer, type ListDragSource, type ListNativeDragStartDetail, type ListNativeDragStartEvent };
+import { A as DataGridGroupBy, C as DataGridColumn, D as DataGridEditorFactory, E as DataGridEditorContext, F as DataGridSortState, I as GlobalFormatter, M as DataGridInteractionMode, N as DataGridSelectionMode, O as DataGridEditorType, P as DataGridSortDirection, S as BuiltInFormatterOptions, T as DataGridEditability, _ as DataGridSelectDetail, a as DataGridColumnReorderDetail, b as DataGridSortEvent, c as DataGridColumnResizeEvent, d as DataGridElement, f as DataGridElementEventMap, g as DataGridRowActivateEvent, h as DataGridRowActivateDetail, i as DataGridCellEditEvent, j as DataGridGroupLabel, k as DataGridGetRowKey, l as DataGridColumnVisibilityDetail, m as DataGridGroupChangeEvent, n as DataGridCellClickEvent, o as DataGridColumnReorderEvent, p as DataGridGroupChangeDetail, r as DataGridCellEditDetail, s as DataGridColumnResizeDetail, t as DataGridCellClickDetail, u as DataGridColumnVisibilityEvent, v as DataGridSelectEvent, w as DataGridColumnMenu, x as BuiltInFormatterName, y as DataGridSortDetail } from "./data-grid-8N0Kd5-6.js";
+export { type BuiltInFormatterName, type BuiltInFormatterOptions, DataGridCellClickDetail, DataGridCellClickEvent, DataGridCellEditDetail, DataGridCellEditEvent, type DataGridColumn, type DataGridColumnMenu, DataGridColumnReorderDetail, DataGridColumnReorderEvent, DataGridColumnResizeDetail, DataGridColumnResizeEvent, DataGridColumnVisibilityDetail, DataGridColumnVisibilityEvent, type DataGridEditability, type DataGridEditorContext, type DataGridEditorFactory, type DataGridEditorType, DataGridElement, DataGridElementEventMap, type DataGridGetRowKey, type DataGridGroupBy, DataGridGroupChangeDetail, DataGridGroupChangeEvent, type DataGridGroupLabel, type DataGridInteractionMode, DataGridRowActivateDetail, DataGridRowActivateEvent, DataGridSelectDetail, DataGridSelectEvent, type DataGridSelectionMode, DataGridSortDetail, type DataGridSortDirection, DataGridSortEvent, type DataGridSortState, type GlobalFormatter, type ListDragEntry, type ListDragPreview, type ListDragPreviewContext, type ListDragPreviewRenderer, type ListDragSource, type ListNativeDragStartDetail, type ListNativeDragStartEvent };

package/dist/data-grid.js

@@ -225,6 +225,10 @@ let DataGridElement = class DataGridElement extends LitElement {
 					}
 					if (!this._editing) {
 						const idx = this._sortedRows.findIndex((r, i) => this.getRowKey(r, i) === key);
+						if (this._selectedKeys.has(key)) {
+							this._activateRow(key, idx >= 0 ? this._sortedRows[idx] : void 0, idx);
+							break;
+						}
 						if (this.interactionMode !== `manual` && this.interactionMode !== `checked`) this._replaceSelection(key);
 						this.dispatchEvent(new CustomEvent(`datagrid-cell-click`, {
 							detail: {
@@ -404,6 +408,7 @@ let DataGridElement = class DataGridElement extends LitElement {
   `
 		];
 	}
+	#viewportResizeObserver;
 	#nativeDragging;
 	#dragOriginKey;
 	#postDragSuppressTimer;
@@ -521,6 +526,8 @@ let DataGridElement = class DataGridElement extends LitElement {
 			clearTimeout(this.#postDragSuppressTimer);
 			this.#postDragSuppressTimer = 0;
 		}
+		this.#viewportResizeObserver?.disconnect();
+		this.#viewportResizeObserver = void 0;
 	}
 	/**
 	* Dispatch a command to this grid — routes through the command registry so
@@ -530,14 +537,35 @@ let DataGridElement = class DataGridElement extends LitElement {
 		this.#searchRegistry?.invoke(commandId, args);
 	}
 	firstUpdated() {
-		new ResizeObserver(() => {
-			if (!this._viewportEl) return;
-			this._viewportH = this._viewportEl.clientHeight;
-			this._viewportW = this._viewportEl.clientWidth;
-			this.requestUpdate();
-		}).observe(this._viewportEl);
-		this._viewportH = this._viewportEl.clientHeight;
-		this._viewportW = this._viewportEl.clientWidth;
+		this.#viewportResizeObserver = new ResizeObserver(() => this.#measureViewport());
+		this.#viewportResizeObserver.observe(this._viewportEl);
+		this.#measureViewport();
+	}
+	/**
+	* Re-read the viewport's size and update `_viewportH`/`_viewportW` if it
+	* changed. A zero-sized read (e.g. while hosted in a hidden/inactive dock
+	* tab) is ignored so it never clobbers the last known-good geometry — the
+	* observer fires again with the real size once the host becomes visible.
+	*/
+	#measureViewport() {
+		if (!this._viewportEl) return;
+		const w = this._viewportEl.clientWidth;
+		const h = this._viewportEl.clientHeight;
+		if (w <= 0 || h <= 0) return;
+		if (w === this._viewportW && h === this._viewportH) return;
+		this._viewportW = w;
+		this._viewportH = h;
+	}
+	/**
+	* Force a fresh re-measure of the viewport and re-render. Normally
+	* unnecessary — a `ResizeObserver` tracks the viewport automatically — but
+	* gives a consumer an escape hatch to recover if an ancestor's
+	* layout/visibility changes without the observer noticing (matches
+	* `ixfx-grid-list`'s `refreshLayout()`).
+	*/
+	refreshLayout() {
+		this.#measureViewport();
+		this.requestUpdate();
 	}
 	updated(changed) {
 		super.updated(changed);
@@ -1059,6 +1087,17 @@ let DataGridElement = class DataGridElement extends LitElement {
 		if (this._editingRow === rowKey) return this._isEditable(this._sortedRows.find((r, i) => this.getRowKey(r, i) === rowKey) ?? {}, this.columns.find((c) => c.key === colKey));
 		return this._editing?.rowKey === rowKey && this._editing?.colKey === colKey;
 	}
+	_activateRow(rowKey, row, rowIndex) {
+		this.dispatchEvent(new CustomEvent(`datagrid-row-activate`, {
+			detail: {
+				rowKey,
+				row,
+				rowIndex
+			},
+			bubbles: true,
+			composed: true
+		}));
+	}
 	_startEdit(rowKey, colKey) {
 		if (this.editability === `disabled`) return;
 		const row = this._sortedRows.find((r, i) => this.getRowKey(r, i) === rowKey);
@@ -1255,6 +1294,11 @@ let DataGridElement = class DataGridElement extends LitElement {
 			endCol: this._findLastVisibleCol(this._scrollLeft + this._viewportW)
 		};
 	}
+	/** Row keys currently within the windowed/visible range, in display order. */
+	renderedKeys() {
+		const { startRow, endRow } = this.getVisibleRange();
+		return this._flat.slice(startRow, endRow).filter((f) => f.type === `row`).map((f) => f.key);
+	}
 	_findFirstVisibleCol(scrollLeft) {
 		let lo = 0;
 		let hi = this._colOffsets.length - 1;
@@ -1279,7 +1323,7 @@ let DataGridElement = class DataGridElement extends LitElement {
 		const visibleFlat = this._flat.slice(startRow, endRow);
 		const showCheckbox = this.interactionMode === `checked`;
 		return html`
-      <div class="grid" style="height:400px">
+      <div class="grid">
         <div class="header-bar">
           <div class="header-scroll">
             ${showCheckbox ? html`<div class="header-cell checkbox-col"></div>` : nothing}
@@ -1383,6 +1427,7 @@ let DataGridElement = class DataGridElement extends LitElement {
                   @pointerleave=${() => this._tickled.clearTickled()}
                   @dblclick=${() => {
 				if (this._visibleColumns[0] && this._isEditable(row, this._visibleColumns[0])) this._startEdit(rowKey, this._visibleColumns[0].key);
+				else this._activateRow(rowKey, row, absIdx2);
 			}}>
                   ${showCheckbox ? html`<div class="checkbox-col"><input type="checkbox" .checked=${selected} @click=${(e) => this._onCheckboxClick(rowKey, e)} /></div>` : nothing}
                   ${repeat(this._visibleColumns, (c) => c.key, (col) => {