tosijs-ui 1.4.11 → 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.
Files changed (9) hide show
  1. package/dist/data-table.d.ts +70 -20
  2. package/dist/data-table.js +594 -213
  3. package/dist/iife.js +65 -65
  4. package/dist/iife.js.map +6 -6
  5. package/dist/menu.js +92 -87
  6. package/dist/tsconfig.tsbuildinfo +1 -1
  7. package/dist/version.d.ts +1 -1
  8. package/dist/version.js +1 -1
  9. 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,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
- get virtual(): {
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: ArrayFilter);
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;