tosijs-ui 1.5.14 → 1.5.18

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.
@@ -80,6 +80,9 @@ preview.append(b3d({
80
80
  }
81
81
  ```
82
82
 
83
+ > Note: for more involved 3d work there's [tosijs-3d](https://3d.tosijs.net),
84
+ > a library of modular components for 3d development.
85
+
83
86
  You can access the `scene` and `engine` properties. You can also assign `sceneCreated`
84
87
  and `update` callbacks that will be executed when the scene is first initialized and
85
88
  before each update, respectively. (See the example, it does both.)
@@ -31,52 +31,52 @@ export declare class TosiTable extends WebComponent {
31
31
  overflow: string;
32
32
  background: string;
33
33
  };
34
- ':host .grid': {
35
- overflow: string;
34
+ ':host .scroll-area': {
35
+ width: string;
36
36
  height: string;
37
+ overflow: string;
37
38
  overscrollBehavior: string;
38
- alignContent: string;
39
39
  };
40
- ':host .th, :host .td': {
41
- overflow: string;
42
- whiteSpace: string;
43
- textOverflow: string;
40
+ ':host .thead, :host .tbody': {
44
41
  display: string;
45
- alignItems: string;
42
+ };
43
+ ':host .tr': {
44
+ display: string;
45
+ gridTemplateColumns: string;
46
+ width: string;
46
47
  height: string;
47
- lineHeight: string;
48
+ background: string;
48
49
  };
49
- ':host .th': {
50
+ ':host .thead .tr': {
50
51
  position: string;
51
52
  top: string;
52
53
  zIndex: string;
53
54
  background: string;
54
55
  };
55
- ':host .col-pinned': {
56
+ ':host .tbody-pinned-top .tr, :host .tbody-pinned-bottom .tr': {
56
57
  position: string;
57
58
  zIndex: string;
58
- background: string;
59
59
  };
60
- ':host .th.col-pinned': {
61
- zIndex: string;
62
- background: string;
60
+ ':host .th, :host .td': {
61
+ overflow: string;
62
+ whiteSpace: string;
63
+ textOverflow: string;
64
+ display: string;
65
+ alignItems: string;
66
+ height: string;
67
+ lineHeight: string;
63
68
  };
64
- ':host .pinned-top': {
69
+ ':host .col-pinned': {
65
70
  position: string;
66
71
  zIndex: string;
67
72
  background: string;
68
73
  };
69
- ':host .pinned-top.col-pinned': {
70
- zIndex: string;
71
- };
72
- ':host .pinned-bottom': {
73
- position: string;
74
- bottom: string;
74
+ ':host .th.col-pinned': {
75
75
  zIndex: string;
76
76
  background: string;
77
77
  };
78
- ':host .pinned-bottom.col-pinned': {
79
- zIndex: string;
78
+ ':host .tr[aria-selected="true"] .td': {
79
+ background: string;
80
80
  };
81
81
  ':host .td:focus, :host .th:focus': {
82
82
  outline: string;
@@ -92,6 +92,12 @@ export declare class TosiTable extends WebComponent {
92
92
  ':host .col-edge-left': {
93
93
  boxShadow: string;
94
94
  };
95
+ ':host .row-edge-bottom': {
96
+ boxShadow: string;
97
+ };
98
+ ':host .row-edge-top': {
99
+ boxShadow: string;
100
+ };
95
101
  ':host .th .menu-trigger': {
96
102
  color: string;
97
103
  background: string;
@@ -129,7 +135,14 @@ export declare class TosiTable extends WebComponent {
129
135
  private selectedKey;
130
136
  private selectBinding;
131
137
  maxVisibleRows: number;
132
- private _grid;
138
+ private _head;
139
+ private _scrollArea;
140
+ private _tbodyTop;
141
+ private _tbodyBottom;
142
+ private _pinnedRowEdgeObserver;
143
+ private _rowCellsCache;
144
+ private itemFor;
145
+ private cellsFor;
133
146
  get value(): TableData;
134
147
  set value(data: TableData);
135
148
  private rowData;
@@ -137,6 +150,15 @@ export declare class TosiTable extends WebComponent {
137
150
  private _columns;
138
151
  private _filter;
139
152
  private _sort?;
153
+ private _pinnedTopRows?;
154
+ private _pinnedBottomRows?;
155
+ get pinnedTopRows(): any[] | undefined;
156
+ set pinnedTopRows(rows: any[] | undefined);
157
+ get pinnedBottomRows(): any[] | undefined;
158
+ set pinnedBottomRows(rows: any[] | undefined);
159
+ get effectivePinnedTopData(): any[];
160
+ get effectivePinnedBottomData(): any[];
161
+ private get effectiveBaseData();
140
162
  constructor();
141
163
  get array(): any[];
142
164
  set array(newArray: any[]);
@@ -158,9 +180,16 @@ export declare class TosiTable extends WebComponent {
158
180
  content: null;
159
181
  private computeStickyInfo;
160
182
  private cellClasses;
183
+ private rowClasses;
184
+ private tagPinnedRows;
185
+ private tagPinnedTbody;
161
186
  private cellStyle;
162
- private applyPinnedToCustomCell;
163
- private buildPinnedCells;
187
+ private applyGridCellAttrs;
188
+ private buildCell;
189
+ private buildRow;
190
+ private buildHeaderCell;
191
+ private buildHeader;
192
+ private buildPinnedBody;
164
193
  getColumn(event: any): ColumnOptions | undefined;
165
194
  private setCursor;
166
195
  private resizeColumn;
@@ -188,6 +217,7 @@ export declare class TosiTable extends WebComponent {
188
217
  private draggedColumn?;
189
218
  private dropColumn;
190
219
  render(): void;
220
+ private observePinnedRowMutations;
191
221
  }
192
222
  /** @deprecated Use TosiTable instead */
193
223
  export type DataTable = TosiTable;