s4y-ui 5.7.2 → 5.8.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.
package/fesm2022/s4y-ui.mjs
CHANGED
|
@@ -1159,12 +1159,11 @@ class TableSortDirective {
|
|
|
1159
1159
|
this.insertSortIcon();
|
|
1160
1160
|
this.selectedInitialSort();
|
|
1161
1161
|
}
|
|
1162
|
-
emitSortableColumnName(
|
|
1162
|
+
emitSortableColumnName() {
|
|
1163
1163
|
if (!this.s4ySortable())
|
|
1164
1164
|
return;
|
|
1165
1165
|
this.oldSortableColumnName = this.table.sortBy();
|
|
1166
1166
|
const sortByColumnName = this.s4ySortableColumnName();
|
|
1167
|
-
const isCtrl = event.ctrlKey || event.metaKey;
|
|
1168
1167
|
if (!sortByColumnName)
|
|
1169
1168
|
return;
|
|
1170
1169
|
this.oldDirection.set(this.newDirection());
|
|
@@ -1180,18 +1179,13 @@ class TableSortDirective {
|
|
|
1180
1179
|
return 'none';
|
|
1181
1180
|
}
|
|
1182
1181
|
});
|
|
1183
|
-
if (this.isMultipleSort
|
|
1182
|
+
if (this.isMultipleSort) {
|
|
1184
1183
|
this.multipleSortable();
|
|
1185
1184
|
}
|
|
1186
1185
|
else if (this.isCustomSort) {
|
|
1187
1186
|
this.table.sorts.set([]);
|
|
1188
1187
|
this.customSortableSingleLast();
|
|
1189
1188
|
}
|
|
1190
|
-
else if (this.isMultipleSort && !isCtrl) {
|
|
1191
|
-
this.table.sorts.set([]);
|
|
1192
|
-
this.clearAllActiveStyles();
|
|
1193
|
-
this.customSortableSingleLast();
|
|
1194
|
-
}
|
|
1195
1189
|
else {
|
|
1196
1190
|
this.table.sorts.set([]);
|
|
1197
1191
|
this.autoSortable(sortByColumnName);
|
|
@@ -1407,7 +1401,7 @@ class TableSortDirective {
|
|
|
1407
1401
|
return '<svg style="height: 1.4rem; width: 1.4rem;" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M4.86885 11H2.6665L6 3H8L11.3334 11H9.13113L8.7213 10H5.27869L4.86885 11ZM6.09836 8H7.90163L7 5.8L6.09836 8ZM18.9999 16V3H16.9999V16H13.9999L17.9999 21L21.9999 16H18.9999ZM10.9999 13H2.99992V15H7.85414L2.99992 19V21H10.9999V19H6.14605L10.9999 15V13Z"></path></svg>';
|
|
1408
1402
|
}
|
|
1409
1403
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TableSortDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: TableComponent }], target: i0.ɵɵFactoryTarget.Directive });
|
|
1410
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.2.18", type: TableSortDirective, isStandalone: true, selector: "[s4ySortableColumnName]", inputs: { s4ySortableColumnName: { classPropertyName: "s4ySortableColumnName", publicName: "s4ySortableColumnName", isSignal: true, isRequired: false, transformFunction: null }, s4ySortable: { classPropertyName: "s4ySortable", publicName: "s4ySortable", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "click": "emitSortableColumnName(
|
|
1404
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.2.18", type: TableSortDirective, isStandalone: true, selector: "[s4ySortableColumnName]", inputs: { s4ySortableColumnName: { classPropertyName: "s4ySortableColumnName", publicName: "s4ySortableColumnName", isSignal: true, isRequired: false, transformFunction: null }, s4ySortable: { classPropertyName: "s4ySortable", publicName: "s4ySortable", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "click": "emitSortableColumnName()", "mouseenter": "mouseOver()", "mouseleave": "mouseLeave()" } }, ngImport: i0 });
|
|
1411
1405
|
}
|
|
1412
1406
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TableSortDirective, decorators: [{
|
|
1413
1407
|
type: Directive,
|
|
@@ -1417,7 +1411,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
|
|
|
1417
1411
|
}]
|
|
1418
1412
|
}], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: TableComponent }], propDecorators: { emitSortableColumnName: [{
|
|
1419
1413
|
type: HostListener,
|
|
1420
|
-
args: ['click'
|
|
1414
|
+
args: ['click']
|
|
1421
1415
|
}], mouseOver: [{
|
|
1422
1416
|
type: HostListener,
|
|
1423
1417
|
args: ['mouseenter']
|