tosijs-ui 1.4.12 → 1.5.0
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.
- package/dist/data-table.d.ts +70 -20
- package/dist/data-table.js +594 -213
- package/dist/iife.js +65 -65
- package/dist/iife.js.map +5 -5
- package/dist/tsconfig.tsbuildinfo +1 -1
- package/dist/version.d.ts +1 -1
- package/dist/version.js +1 -1
- 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
|
-
|
|
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 .
|
|
37
|
-
|
|
38
|
-
};
|
|
39
|
-
':host .tr': {
|
|
40
|
-
display: string;
|
|
41
|
-
gridTemplateColumns: string;
|
|
33
|
+
':host .grid': {
|
|
34
|
+
overflow: string;
|
|
42
35
|
height: string;
|
|
43
|
-
|
|
36
|
+
overscrollBehavior: string;
|
|
44
37
|
};
|
|
45
|
-
':host .
|
|
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,6 +117,8 @@ 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;
|
|
@@ -85,45 +128,52 @@ export declare class TosiTable extends WebComponent {
|
|
|
85
128
|
private selectedKey;
|
|
86
129
|
private selectBinding;
|
|
87
130
|
maxVisibleRows: number;
|
|
131
|
+
private _grid;
|
|
88
132
|
get value(): TableData;
|
|
89
133
|
set value(data: TableData);
|
|
90
134
|
private rowData;
|
|
91
135
|
private _array;
|
|
92
136
|
private _columns;
|
|
93
137
|
private _filter;
|
|
94
|
-
|
|
95
|
-
height: number;
|
|
96
|
-
} | undefined;
|
|
138
|
+
private _sort?;
|
|
97
139
|
constructor();
|
|
98
140
|
get array(): any[];
|
|
99
141
|
set array(newArray: any[]);
|
|
100
142
|
get filter(): ArrayFilter;
|
|
101
143
|
set filter(filterFunc: ArrayFilter);
|
|
102
144
|
get sort(): SortCallback | undefined;
|
|
103
|
-
set sort(sortFunc:
|
|
145
|
+
set sort(sortFunc: SortCallback | undefined);
|
|
104
146
|
get columns(): ColumnOptions[];
|
|
105
147
|
set columns(newColumns: ColumnOptions[]);
|
|
106
148
|
get visibleColumns(): ColumnOptions[];
|
|
107
149
|
content: null;
|
|
150
|
+
private computeStickyInfo;
|
|
151
|
+
private cellClasses;
|
|
152
|
+
private cellStyle;
|
|
153
|
+
private applyPinnedToCustomCell;
|
|
154
|
+
private buildPinnedCells;
|
|
108
155
|
getColumn(event: any): ColumnOptions | undefined;
|
|
109
156
|
private setCursor;
|
|
110
157
|
private resizeColumn;
|
|
111
158
|
selectRow(row: any, select?: boolean): void;
|
|
112
159
|
selectRows(rows?: any[], select?: boolean): void;
|
|
113
160
|
deSelect(rows?: any[]): void;
|
|
161
|
+
private updateSelectionVisuals;
|
|
114
162
|
private rangeStart?;
|
|
115
163
|
private updateSelection;
|
|
164
|
+
private findCell;
|
|
165
|
+
private _pendingFocus;
|
|
166
|
+
private onScrollEnd;
|
|
167
|
+
private focusCell;
|
|
168
|
+
private handleKeyNav;
|
|
116
169
|
connectedCallback(): void;
|
|
117
170
|
setColumnWidths(): void;
|
|
118
171
|
sortByColumn: (columnOptions: ColumnOptions, direction?: "ascending" | "descending" | "auto") => void;
|
|
119
172
|
popColumnMenu: (target: HTMLElement, options: ColumnOptions) => void;
|
|
120
173
|
get captionSpan(): ElementCreator;
|
|
121
|
-
headerCell: (options: ColumnOptions) => HTMLElement;
|
|
122
|
-
dataCell: (options: ColumnOptions) => HTMLElement;
|
|
123
174
|
get visibleRows(): any[];
|
|
124
175
|
get visibleSelectedRows(): any[];
|
|
125
176
|
get selectedRows(): any[];
|
|
126
|
-
rowTemplate(columns: ColumnOptions[]): HTMLTemplateElement;
|
|
127
177
|
private draggedColumn?;
|
|
128
178
|
private dropColumn;
|
|
129
179
|
render(): void;
|