@fluid-topics/ft-filterable-table 1.1.75 → 1.1.77
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.
|
@@ -131,7 +131,7 @@ class FtFilterableTable extends FtLitElement {
|
|
|
131
131
|
return sortOrder === "asc" ? "desc" : "asc";
|
|
132
132
|
}
|
|
133
133
|
renderColumnSort(column, index) {
|
|
134
|
-
var _a;
|
|
134
|
+
var _a, _b;
|
|
135
135
|
const isSorted = this.currentSort && this.currentSort.column === index;
|
|
136
136
|
const sortIcon = isSorted ? (this.currentSort.order === "asc" ? "expand_less" : "expand_more") : "unfold_more";
|
|
137
137
|
const sort = () => {
|
|
@@ -149,7 +149,7 @@ class FtFilterableTable extends FtLitElement {
|
|
|
149
149
|
dense
|
|
150
150
|
iconVariant="material"
|
|
151
151
|
icon="${sortIcon}"
|
|
152
|
-
label="Sort ${column.title}"
|
|
152
|
+
label="Sort ${(_b = column.titleText) !== null && _b !== void 0 ? _b : column.title}"
|
|
153
153
|
@click=${sort}
|
|
154
154
|
part="${this.columnPart("sort-button", index)}"
|
|
155
155
|
></ft-button>
|
|
@@ -167,7 +167,7 @@ class FtFilterableTable extends FtLitElement {
|
|
|
167
167
|
}));
|
|
168
168
|
}
|
|
169
169
|
renderColumnFilter(column, index) {
|
|
170
|
-
var _a, _b, _c;
|
|
170
|
+
var _a, _b, _c, _d, _e;
|
|
171
171
|
const onChange = (e) => {
|
|
172
172
|
this.filters[index] = { value: e.detail };
|
|
173
173
|
this.requestUpdate();
|
|
@@ -179,7 +179,7 @@ class FtFilterableTable extends FtLitElement {
|
|
|
179
179
|
return html `
|
|
180
180
|
<div class="column-filter" part="${this.columnPart("filter-container", index)}">
|
|
181
181
|
<ft-text-field
|
|
182
|
-
label="Search ${column.title}"
|
|
182
|
+
label="Search ${(_c = column.titleText) !== null && _c !== void 0 ? _c : column.title}"
|
|
183
183
|
@live-change="${onChange}"
|
|
184
184
|
part="${this.columnPart("filter", index)}"
|
|
185
185
|
>
|
|
@@ -190,10 +190,10 @@ class FtFilterableTable extends FtLitElement {
|
|
|
190
190
|
</div>
|
|
191
191
|
`;
|
|
192
192
|
case "select":
|
|
193
|
-
const values = (
|
|
193
|
+
const values = (_d = this.filterOptions[index]) !== null && _d !== void 0 ? _d : [];
|
|
194
194
|
return values.length ? html `
|
|
195
195
|
<div class="column-filter" part="${this.columnPart("filter-container", index)}">
|
|
196
|
-
<ft-select label="Filter ${column.title}"
|
|
196
|
+
<ft-select label="Filter ${(_e = column.titleText) !== null && _e !== void 0 ? _e : column.title}"
|
|
197
197
|
@change=${onChange}
|
|
198
198
|
part="${this.columnPart("filter", index)}">
|
|
199
199
|
<ft-select-option></ft-select-option>
|