tosijs-ui 1.4.12 → 1.5.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (8) hide show
  1. package/dist/data-table.d.ts +73 -20
  2. package/dist/data-table.js +702 -212
  3. package/dist/iife.js +69 -69
  4. package/dist/iife.js.map +5 -5
  5. package/dist/tsconfig.tsbuildinfo +1 -1
  6. package/dist/version.d.ts +1 -1
  7. package/dist/version.js +1 -1
  8. package/package.json +3 -3
package/dist/data-table.d.ts CHANGED
@@ -26,28 +26,69 @@ export declare class TosiTable extends WebComponent {
26
26
  '--tosi-table-dragged-header-bg': string;
27
27
  '--tosi-table-dragged-header-color': string;
28
28
  '--tosi-table-drop-header-bg': string;
29
- '--row-height': string;
30
- '--touch-size': string;
31
- '--dragged-header-bg': string;
32
- '--dragged-header-color': string;
33
- '--drop-header-bg': string;
29
+ display: string;
34
30
  overflow: string;
31
+ background: string;
35
32
  };
36
- ':host .thead, :host .tbody': {
37
- width: string;
38
- };
39
- ':host .tr': {
40
- display: string;
41
- gridTemplateColumns: string;
33
+ ':host .grid': {
34
+ overflow: string;
42
35
  height: string;
43
- lineHeight: string;
36
+ overscrollBehavior: string;
44
37
  };
45
- ':host .td, :host .th': {
38
+ ':host .th, :host .td': {
46
39
  overflow: string;
47
40
  whiteSpace: string;
48
41
  textOverflow: string;
49
42
  display: string;
50
43
  alignItems: string;
44
+ height: string;
45
+ lineHeight: string;
46
+ };
47
+ ':host .th': {
48
+ position: string;
49
+ top: string;
50
+ zIndex: string;
51
+ background: string;
52
+ };
53
+ ':host .col-pinned': {
54
+ position: string;
55
+ zIndex: string;
56
+ background: string;
57
+ };
58
+ ':host .th.col-pinned': {
59
+ zIndex: string;
60
+ background: string;
61
+ };
62
+ ':host .pinned-top': {
63
+ position: string;
64
+ zIndex: string;
65
+ background: string;
66
+ };
67
+ ':host .pinned-top.col-pinned': {
68
+ zIndex: string;
69
+ };
70
+ ':host .pinned-bottom': {
71
+ position: string;
72
+ bottom: string;
73
+ zIndex: string;
74
+ background: string;
75
+ };
76
+ ':host .pinned-bottom.col-pinned': {
77
+ zIndex: string;
78
+ };
79
+ ':host .td:focus, :host .th:focus': {
80
+ outline: string;
81
+ outlineOffset: string;
82
+ zIndex: string;
83
+ };
84
+ ':host .col-pinned:focus': {
85
+ zIndex: string;
86
+ };
87
+ ':host .col-edge-right': {
88
+ boxShadow: string;
89
+ };
90
+ ':host .col-edge-left': {
91
+ boxShadow: string;
51
92
  };
52
93
  ':host .th .menu-trigger': {
53
94
  color: string;
@@ -76,54 +117,66 @@ export declare class TosiTable extends WebComponent {
76
117
  multiple: boolean;
77
118
  pinnedTop: number;
78
119
  pinnedBottom: number;
120
+ pinnedLeft: number;
121
+ pinnedRight: number;
79
122
  nosort: boolean;
80
123
  nohide: boolean;
81
124
  noreorder: boolean;
82
125
  localized: boolean;
83
126
  };
84
127
  selectionChanged: SelectCallback;
128
+ rowRendered: ((item: any, cells: HTMLElement[]) => void) | null;
85
129
  private selectedKey;
86
130
  private selectBinding;
87
131
  maxVisibleRows: number;
132
+ private _grid;
88
133
  get value(): TableData;
89
134
  set value(data: TableData);
90
135
  private rowData;
91
136
  private _array;
92
137
  private _columns;
93
138
  private _filter;
94
- get virtual(): {
95
- height: number;
96
- } | undefined;
139
+ private _sort?;
97
140
  constructor();
98
141
  get array(): any[];
99
142
  set array(newArray: any[]);
100
143
  get filter(): ArrayFilter;
101
144
  set filter(filterFunc: ArrayFilter);
102
145
  get sort(): SortCallback | undefined;
103
- set sort(sortFunc: ArrayFilter);
146
+ set sort(sortFunc: SortCallback | undefined);
104
147
  get columns(): ColumnOptions[];
105
148
  set columns(newColumns: ColumnOptions[]);
106
149
  get visibleColumns(): ColumnOptions[];
107
150
  content: null;
151
+ private computeStickyInfo;
152
+ private cellClasses;
153
+ private cellStyle;
154
+ private applyPinnedToCustomCell;
155
+ private buildPinnedCells;
108
156
  getColumn(event: any): ColumnOptions | undefined;
109
157
  private setCursor;
110
158
  private resizeColumn;
111
159
  selectRow(row: any, select?: boolean): void;
112
160
  selectRows(rows?: any[], select?: boolean): void;
113
161
  deSelect(rows?: any[]): void;
162
+ private updateSelectionVisuals;
114
163
  private rangeStart?;
115
164
  private updateSelection;
165
+ private findCell;
166
+ private _pendingFocus;
167
+ private onScrollEnd;
168
+ private focusCell;
169
+ private handleKeyNav;
116
170
  connectedCallback(): void;
117
171
  setColumnWidths(): void;
118
172
  sortByColumn: (columnOptions: ColumnOptions, direction?: "ascending" | "descending" | "auto") => void;
119
173
  popColumnMenu: (target: HTMLElement, options: ColumnOptions) => void;
120
174
  get captionSpan(): ElementCreator;
121
- headerCell: (options: ColumnOptions) => HTMLElement;
122
- dataCell: (options: ColumnOptions) => HTMLElement;
123
175
  get visibleRows(): any[];
124
176
  get visibleSelectedRows(): any[];
125
177
  get selectedRows(): any[];
126
- rowTemplate(columns: ColumnOptions[]): HTMLTemplateElement;
178
+ getCells(itemOrCell: any): HTMLElement[] | undefined;
179
+ getItem(cell: Element): any;
127
180
  private draggedColumn?;
128
181
  private dropColumn;
129
182
  render(): void;