@ixfx/components 0.5.20 → 0.6.1

package/dist/data-grid-BeAkORz2.d.ts

@@ -0,0 +1,215 @@
+import "./index-ovq_GTdl.js";
+import { LitElement } from "lit";
+//#region src/data-grid/types.d.ts
+type DataGridSelectionMode = `none` | `single` | `multiple`;
+type DataGridInteractionMode = `standard` | `implicit` | `manual` | `checked` | `sticky` | `vscode`;
+type DataGridSortDirection = `asc` | `desc`;
+type DataGridSortState = {
+  readonly key: string;
+  readonly direction: DataGridSortDirection;
+} | null;
+type DataGridEditorType = `text` | `number` | `boolean` | `select`;
+type DataGridEditorContext<R = unknown> = {
+  readonly row: R;
+  readonly column: DataGridColumn<R>;
+  readonly rowIndex: number;
+  readonly colIndex: number;
+  readonly value: unknown;
+  commit: (nextValue: unknown) => void;
+  cancel: () => void;
+};
+type DataGridEditorFactory<R = unknown> = (ctx: DataGridEditorContext<R>) => unknown;
+type DataGridColumn<R = unknown> = {
+  key: string;
+  label: string;
+  width?: number;
+  minWidth?: number;
+  maxWidth?: number;
+  visible?: boolean;
+  sortable?: boolean;
+  sortFn?: (a: R, b: R) => number;
+  resizable?: boolean;
+  reorderable?: boolean;
+  align?: `left` | `center` | `right`;
+  renderer?: (row: R, col: DataGridColumn<R>, rowIndex: number) => unknown;
+  selectable?: boolean;
+  groupable?: boolean;
+  editable?: boolean;
+  editor?: DataGridEditorType | DataGridEditorFactory<R>;
+  editorOptions?: ReadonlyArray<string | {
+    value: string;
+    label: string;
+  }>;
+  formatter?: (value: unknown, row: R, col: DataGridColumn<R>) => unknown;
+};
+type GlobalFormatter = (value: unknown, columnName: string, row: unknown) => unknown;
+type DataGridEditability = `disabled` | `manual` | `user` | `immediate`;
+type BuiltInFormatterName = `fixed` | `percentage` | `integer`;
+type BuiltInFormatterOptions = {
+  digits?: number;
+};
+type DataGridGetRowKey<R> = (row: R, index: number) => string;
+type DataGridGroupBy<R> = string | ((row: R) => string);
+type DataGridGroupLabel = (groupKey: string, rows: readonly unknown[]) => string;
+//#endregion
+//#region src/data-grid/data-grid.d.ts
+type DataGridSortDetail = {
+  readonly sort: DataGridSortState;
+  readonly previous: DataGridSortState;
+};
+type DataGridSortEvent = CustomEvent<DataGridSortDetail>;
+type DataGridSelectDetail = {
+  readonly selectedKeys: ReadonlySet<string>;
+  readonly previous: ReadonlySet<string>;
+};
+type DataGridSelectEvent = CustomEvent<DataGridSelectDetail>;
+type DataGridColumnReorderDetail = {
+  readonly from: number;
+  readonly to: number;
+  readonly columns: readonly DataGridColumn[];
+};
+type DataGridColumnReorderEvent = CustomEvent<DataGridColumnReorderDetail>;
+type DataGridColumnResizeDetail = {
+  readonly key: string;
+  readonly width: number;
+};
+type DataGridColumnResizeEvent = CustomEvent<DataGridColumnResizeDetail>;
+type DataGridColumnVisibilityDetail = {
+  readonly key: string;
+  readonly visible: boolean;
+};
+type DataGridColumnVisibilityEvent = CustomEvent<DataGridColumnVisibilityDetail>;
+type DataGridCellClickDetail = {
+  readonly rowKey: string;
+  readonly colKey: string;
+  readonly rowIndex: number;
+  readonly colIndex: number;
+};
+type DataGridCellClickEvent = CustomEvent<DataGridCellClickDetail>;
+type DataGridCellEditDetail = {
+  readonly rowKey: string;
+  readonly colKey: string;
+  readonly oldValue: unknown;
+  readonly newValue: unknown;
+};
+type DataGridCellEditEvent = CustomEvent<DataGridCellEditDetail>;
+type DataGridGroupChangeDetail = {
+  readonly groupBy: DataGridGroupBy<unknown> | null;
+};
+type DataGridGroupChangeEvent = CustomEvent<DataGridGroupChangeDetail>;
+interface DataGridElementEventMap {
+  'datagrid-sort': DataGridSortEvent;
+  'datagrid-select': DataGridSelectEvent;
+  'datagrid-column-reorder': DataGridColumnReorderEvent;
+  'datagrid-column-resize': DataGridColumnResizeEvent;
+  'datagrid-column-visibility': DataGridColumnVisibilityEvent;
+  'datagrid-cell-click': DataGridCellClickEvent;
+  'datagrid-cell-edit': DataGridCellEditEvent;
+  'datagrid-group-change': DataGridGroupChangeEvent;
+}
+declare class DataGridElement extends LitElement {
+  static styles: import("lit").CSSResult[];
+  columns: DataGridColumn[];
+  rows: unknown[];
+  selectionMode: DataGridSelectionMode;
+  interactionMode: DataGridInteractionMode;
+  sortState: DataGridSortState;
+  rowHeight: number;
+  getRowKey: DataGridGetRowKey<unknown>;
+  checkboxRenderer?: (checked: boolean) => unknown;
+  editable: boolean | ((row: unknown, col: DataGridColumn) => boolean);
+  editability: DataGridEditability;
+  groupBy: DataGridGroupBy<unknown> | null;
+  allowGrouping: boolean;
+  groupLabel: DataGridGroupLabel | undefined;
+  /** Columns keys that can be grouped by; undefined = all groupable columns */
+  groupableColumns: string[] | undefined;
+  crossGroupSelection: boolean;
+  globalFormatter?: GlobalFormatter;
+  private _columnFormatters;
+  private _selectedKeys;
+  private _scrollTop;
+  private _scrollLeft;
+  private _viewportH;
+  private _viewportW;
+  private _collapsedGroups;
+  private _editing;
+  private _editingRow;
+  private _lastClick;
+  private _lastClickedCell;
+  private _editValue;
+  private _viewportEl;
+  private _headerScrollEl;
+  private _tickled;
+  private _sortedRows;
+  private _flat;
+  private _flatKeys;
+  private _visibleColumns;
+  private _colOffsets;
+  private _colWidthSum;
+  private _raf;
+  private _drag;
+  connectedCallback(): void;
+  disconnectedCallback(): void;
+  private _onFocusOut;
+  protected firstUpdated(): void;
+  protected updated(changed: Map<string, unknown>): void;
+  protected willUpdate(changed: Map<string, unknown>): void;
+  private _getGroupKey;
+  private _rebuildFlat;
+  private _toggleGroup;
+  private _applySort;
+  private _onScroll;
+  private _onHeaderClick;
+  private _onRowClick;
+  private _onCheckboxClick;
+  private _onVisibilityToggle;
+  private _beginHeaderDrag;
+  private _onReorderDrag;
+  private _anchorKey;
+  private _scrollRowIntoView;
+  private _getRowForKey;
+  private _replaceSelection;
+  private _toggleSelection;
+  private _rangeSelectTo;
+  private _onKeyDown;
+  private _isEditable;
+  private _isTextEditor;
+  private _isCellEditing;
+  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;
+  /** Programmatic: put all editable cells of a row in edit mode. */
+  startRowEdit(rowKey: string): void;
+  stopEdit(): void;
+  setColumnFormatter(columnKey: string, formatter: ((value: unknown) => unknown) | BuiltInFormatterName | null, options?: BuiltInFormatterOptions): void;
+  private _formatValue;
+  private _handleCellSecondClick;
+  private _commitEdit;
+  private _suppressBlurCommit;
+  private _tabToNext;
+  private _commitImmediate;
+  private _autoSizeColumn;
+  private _onResizePointerDown;
+  getVisibleRange(): {
+    startRow: number;
+    endRow: number;
+    startCol: number;
+    endCol: number;
+  };
+  private _findFirstVisibleCol;
+  private _findLastVisibleCol;
+  protected render(): import("lit").TemplateResult<1>;
+}
+declare global {
+  interface HTMLElementTagNameMap {
+    'ixfx-data-grid': DataGridElement;
+  }
+}
+interface DataGridElement {
+  addEventListener: (<K extends keyof DataGridElementEventMap>(type: K, listener: (this: DataGridElement, event: DataGridElementEventMap[K]) => void, options?: boolean | AddEventListenerOptions) => void) & ((type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions) => void);
+  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-BeAkORz2.d.ts.map

package/dist/data-grid-BeAkORz2.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"data-grid-BeAkORz2.d.ts","names":[],"sources":["../src/data-grid/types.ts","../src/data-grid/data-grid.ts"],"mappings":";;;KAAY;KACA;KACA;KACA;WAA+B;WAAsB,WAAW;;KAChE;KAEA,sBAAsB;WACvB,KAAK;WACL,QAAQ,eAAe;WACvB;WACA;WACA;EACT,SAAS;EACT;;KAEU,sBAAsB,gBAAgB,KAAK,sBAAsB;KAEjE,eAAe;EACzB;EACA;EACA;EACA;EACA;EACA;EACA;EACA,UAAU,GAAG,GAAG,GAAG;EACnB;EACA;EACA;EACA,YAAY,KAAK,GAAG,KAAK,eAAe,IAAI;EAC5C;EACA;EACA;EACA,SAAS,qBAAqB,sBAAsB;EACpD,gBAAgB;IAAyB;IAAe;;EACxD,aAAa,gBAAgB,KAAK,GAAG,KAAK,eAAe;;KAG/C,mBAAmB,gBAAgB,oBAAoB;KAEvD;KAEA;KACA;EAA4B;;KAE5B,kBAAkB,MAAM,KAAK,GAAG;KAChC,gBAAgB,gBAAgB,KAAK;KACrC,sBAAsB,kBAAkB;;;KClCxC;WAAgC,MAAM;WAA4B,UAAU;;KAC5E,oBAAoB,YAAY;KAChC;WAAkC,cAAc;WAA8B,UAAU;;KACxF,sBAAsB,YAAY;KAClC;WAAyC;WAAuB;WAAqB,kBAAkB;;KACvG,6BAA6B,YAAY;KACzC;WAAwC;WAAsB;;KAC9D,4BAA4B,YAAY;KACxC;WAA4C;WAAsB;;KAClE,gCAAgC,YAAY;KAC5C;WAAqC;WAAyB;WAAyB;WAA2B;;KAClH,yBAAyB,YAAY;KACrC;WAAoC;WAAyB;WAAyB;WAA4B;;KAClH,wBAAwB,YAAY;KAEpC;WAAuC,SAAS;;KAChD,2BAA2B,YAAY;UAClC;EACf,iBAAiB;EACjB,mBAAmB;EACnB,2BAA2B;EAC3B,0BAA0B;EAC1B,8BAA8B;EAC9B,uBAAuB;EACvB,sBAAsB;EACtB,yBAAyB;;cAId,wBAAwB;SACnB,sBAAM;EAoFK,SAAS;EACT;EAC8B,eAAe;EACb,iBAAiB;EAC5C,WAAW;EACU;EACrB,WAAW;EACX,oBAAoB;EACpB,sBAAsB,cAAc,KAAK;EAC9B,aAAa;EAExB,SAAS;EACiB;EAC1B,YAAY;;EAEZ;EACgD;EAChD,kBAAkB;UAC1C;UAES;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UAEW;UACK;UAEzB;UAKA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;EAEC;EAQA;UAOD;YAgBW;YAaA,QAAQ,SAAS;YAmBjB,WAAW,SAAS;UAmB/B;UAQA;UAiCA;UAOA;UAoBA;UAYA;UAcA;UA0BA;UAKA;UAMA;UAsFA;UAYA;UAEA;UAcA;UAKA;UAiBA;UAsBA;UAmCA;UAsKA;UAUA;UAKA;UAQA;;EAeR,UAAU,gBAAgB;;EAK1B,aAAa;EAWb;EAIA,mBAAmB,mBAAmB,aAAa,8BAA8B,6BAA6B,UAAU;UAkBhH;UAWA;UAYA;UAyBA;UACA;UA2BA;UAYA;UAkCA;EAoBR;IAAqB;IAAkB;IAAgB;IAAkB;;UASjE;UAaA;YAQW,wBAAM;;QAsMnB;YACI;IAAwB,kBAAkB;;;UAErC;EACf,oBAAoB,gBAAgB,yBAAyB,MAAM,GAAG,WAAW,MAAM,iBAAiB,OAAO,wBAAwB,aAAa,oBAAoB,sCAAsC,cAAc,UAAU,oCAAoC,oBAAoB;EAC9R,uBAAuB,gBAAgB,yBAAyB,MAAM,GAAG,WAAW,MAAM,iBAAiB,OAAO,wBAAwB,aAAa,oBAAoB,mCAAmC,cAAc,UAAU,oCAAoC,oBAAoB"}

package/dist/data-grid.d.ts

@@ -0,0 +1,2 @@
+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-BeAkORz2.js";
+export { DataGridCellClickDetail, DataGridCellClickEvent, DataGridCellEditDetail, DataGridCellEditEvent, DataGridColumnReorderDetail, DataGridColumnReorderEvent, DataGridColumnResizeDetail, DataGridColumnResizeEvent, DataGridColumnVisibilityDetail, DataGridColumnVisibilityEvent, DataGridElement, DataGridElementEventMap, DataGridGroupChangeDetail, DataGridGroupChangeEvent, DataGridSelectDetail, DataGridSelectEvent, DataGridSortDetail, DataGridSortEvent };