@den4ik92/ng2-smart-table 19.1.1 → 19.1.3
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/den4ik92-ng2-smart-table.mjs +137 -136
- package/fesm2022/den4ik92-ng2-smart-table.mjs.map +1 -1
- package/lib/components/cell/cell-edit-mode/custom-edit.component.d.ts +1 -1
- package/lib/components/cell/cell-edit-mode/default-edit.component.d.ts +1 -1
- package/lib/components/cell/cell-edit-mode/edit-cell-default.d.ts +1 -1
- package/lib/components/cell/cell-edit-mode/edit-cell.component.d.ts +1 -1
- package/lib/components/cell/cell-editors/checkbox-editor.component.d.ts +1 -1
- package/lib/components/cell/cell-editors/default-editor.d.ts +1 -1
- package/lib/components/cell/cell-editors/input-editor.component.d.ts +1 -1
- package/lib/components/cell/cell-editors/select-editor.component.d.ts +1 -1
- package/lib/components/cell/cell-editors/textarea-editor.component.d.ts +1 -1
- package/lib/components/cell/cell-view-mode/custom-view.component.d.ts +1 -1
- package/lib/components/cell/cell-view-mode/view-cell.component.d.ts +1 -1
- package/lib/components/filter/custom-filter.component.d.ts +1 -1
- package/lib/components/filter/default-filter.component.d.ts +1 -1
- package/lib/components/filter/filter-default.d.ts +1 -1
- package/lib/components/filter/filter-types/checkbox-filter.component.d.ts +1 -1
- package/lib/components/filter/filter-types/default-filter.d.ts +4 -1
- package/lib/components/filter/filter-types/input-filter.component.d.ts +1 -1
- package/lib/components/filter/filter-types/select-filter.component.d.ts +1 -1
- package/lib/components/table-columns-editor/column-editor.directive.d.ts +1 -1
- package/lib/components/table-columns-editor/table-columns-editor.component.d.ts +1 -1
- package/lib/components/thead/cells/checkbox-select-all.component.d.ts +2 -4
- package/lib/components/thead/cells/column-title.component.d.ts +3 -3
- package/lib/components/thead/cells/title/title.component.d.ts +6 -5
- package/lib/lib/data-set/cell.d.ts +2 -2
- package/lib/lib/data-set/column.d.ts +8 -8
- package/lib/lib/data-set/data-set.d.ts +1 -1
- package/lib/lib/data-source/local/local.data-source.d.ts +1 -1
- package/lib/lib/data-source/local/local.sorter.d.ts +3 -2
- package/lib/lib/interfaces/smart-table.models.d.ts +8 -4
- package/package.json +1 -1
|
@@ -15,11 +15,11 @@ class DefaultEditor {
|
|
|
15
15
|
this.inputClass = input("");
|
|
16
16
|
}
|
|
17
17
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: DefaultEditor, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
18
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.0.3", type: DefaultEditor, isStandalone: true, selector: "
|
|
18
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.0.3", type: DefaultEditor, isStandalone: true, selector: "ng2-default-editor-base-component", inputs: { cell: { classPropertyName: "cell", publicName: "cell", isSignal: true, isRequired: true, transformFunction: null }, inputClass: { classPropertyName: "inputClass", publicName: "inputClass", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "", isInline: true }); }
|
|
19
19
|
}
|
|
20
20
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: DefaultEditor, decorators: [{
|
|
21
21
|
type: Component,
|
|
22
|
-
args: [{ template: "" }]
|
|
22
|
+
args: [{ template: "", selector: 'ng2-default-editor-base-component' }]
|
|
23
23
|
}] });
|
|
24
24
|
|
|
25
25
|
class DefaultFilter {
|
|
@@ -27,6 +27,7 @@ class DefaultFilter {
|
|
|
27
27
|
this.delay = 300;
|
|
28
28
|
this.query = '';
|
|
29
29
|
this.inputClass = input('');
|
|
30
|
+
this.source = input.required();
|
|
30
31
|
this.column = input.required();
|
|
31
32
|
this.filter = output();
|
|
32
33
|
}
|
|
@@ -39,11 +40,11 @@ class DefaultFilter {
|
|
|
39
40
|
this.filter.emit(this.query);
|
|
40
41
|
}
|
|
41
42
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: DefaultFilter, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
42
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.0.3", type: DefaultFilter, isStandalone: true, selector: "
|
|
43
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.0.3", type: DefaultFilter, isStandalone: true, selector: "ng2-default-base-filter-component", inputs: { query: { classPropertyName: "query", publicName: "query", isSignal: false, isRequired: false, transformFunction: null }, inputClass: { classPropertyName: "inputClass", publicName: "inputClass", isSignal: true, isRequired: false, transformFunction: null }, source: { classPropertyName: "source", publicName: "source", isSignal: true, isRequired: true, transformFunction: null }, column: { classPropertyName: "column", publicName: "column", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { filter: "filter" }, ngImport: i0, template: '', isInline: true }); }
|
|
43
44
|
}
|
|
44
45
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: DefaultFilter, decorators: [{
|
|
45
46
|
type: Component,
|
|
46
|
-
args: [{ template: '' }]
|
|
47
|
+
args: [{ template: '', selector: 'ng2-default-base-filter-component' }]
|
|
47
48
|
}], propDecorators: { query: [{
|
|
48
49
|
type: Input
|
|
49
50
|
}] } });
|
|
@@ -195,11 +196,11 @@ class TableColumnsEditorComponent {
|
|
|
195
196
|
this.stateHasChanged.set(JSON.stringify(this.grid()?.currentColumnsSortState) !== JSON.stringify(this.currentState));
|
|
196
197
|
}
|
|
197
198
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: TableColumnsEditorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
198
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.3", type: TableColumnsEditorComponent, isStandalone: true, selector: "
|
|
199
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.3", type: TableColumnsEditorComponent, isStandalone: true, selector: "ng2-table-columns-editor", inputs: { grid: { classPropertyName: "grid", publicName: "grid", isSignal: true, isRequired: false, transformFunction: null }, close: { classPropertyName: "close", publicName: "close", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: "<div class=\"sort-card\">\n <div class=\"sort-card-header\">\n <h6>Table columns setup</h6>\n </div>\n <div class=\"sort-card-body\">\n <div\n class=\"list\"\n cdkDropList\n [cdkDropListData]=\"currentState\"\n (cdkDropListDropped)=\"drop($event)\"\n >\n @for (column of currentState; track column.key; let i = $index) {\n\n <div\n cdkDrag\n [cdkDragLockAxis]=\"'y'\"\n [cdkDragStartDelay]=\"300\"\n [cdkDragDisabled]=\"column.moveDisabled\"\n class=\"drag-row\"\n #dragRow\n [style.--drag-row-height]=\"50\"\n >\n <div class=\"drag-placeholder\" *cdkDragPlaceholder></div>\n <div class=\"index-cell\">\n {{ i + 1 }}\n </div>\n <label class=\"sort-column-checkbox-wrap\" [for]=\"'sort-column-checkbox-' + i\">\n <span></span>\n <input\n [disabled]=\"column.moveDisabled\"\n [id]=\"'sort-column-checkbox-' + i\"\n title=\"Active state. If checked the column will be displayed\"\n type=\"checkbox\"\n class=\"sort-column-checkbox-input\"\n [checked]=\"!column.hide\"\n (change)=\"setVisibility(i)\"\n />\n <span></span>\n </label>\n {{ column.title }}\n </div>\n }\n </div>\n </div>\n @if (stateHasChanged()) {\n <div class=\"sort-card-footer\">\n <button class=\"reset-button\" (click)=\"resetChanges()\">reset</button>\n <button class=\"update-button\" (click)=\"setAndUpdate()\">Update</button>\n </div>\n }\n</div>\n", styles: [".list{overflow:auto;display:flex;flex-direction:column;gap:.3rem;max-height:100%}.drag-row{border:solid 1px var(--drag-row-border-color, #ccc);border-radius:.3rem;display:flex;align-items:center;box-sizing:border-box;cursor:grab;background:var(--drag-row-background, #ffffff);box-shadow:0 0 6px 1px #ebebeb33}.drag-row.cdk-drag-disabled{filter:opacity(.5);cursor:not-allowed}.drag-row .index-cell{min-width:2.2rem;border-right:1px solid var(--drag-row-border-color, #ccc)}.drag-row>div{padding:.3rem}.drag-row .sort-column-checkbox-wrap{margin:0 .5rem}.cdk-drag-preview{box-sizing:border-box;border-radius:.3rem;box-shadow:0 5px 5px -3px #0003,0 8px 10px 1px #00000024,0 3px 14px 2px #0000001f}.cdk-drag-animating{transition:transform .25s cubic-bezier(0,0,.2,1)}.list.cdk-drop-list-dragging .drag-row:not(.cdk-drag-placeholder){transition:transform .25s cubic-bezier(0,0,.2,1)}.drag-placeholder{background:var(--drag-placeholder-background, #ccc);border:dotted 3px #999;min-height:var(--drag-row-heightpx, 2.5rem);transition:transform .25s cubic-bezier(0,0,.2,1)}.overlay-card nb-card-body{padding:.25rem;max-height:100%}.sort-card{box-shadow:0 0 6px 1px #0003;min-width:18rem;padding:.25rem;max-height:80dvh;background:var(--sort-card-background, #ffffff);border-radius:.5rem}.sort-card .sort-card-header{display:flex;align-items:center;gap:1rem;padding:1rem;border-bottom:1px solid var(--sort-card-header-divider-color, #edf1f7)}.sort-card .sort-card-header h6{margin:0}.sort-card .sort-card-body{padding:.5rem 0}.sort-card .sort-card-footer{border-top:1px solid var(--sort-card-header-divider-color, #edf1f7);display:flex;align-items:center;justify-content:end;gap:1rem;padding:1rem}.sort-card .sort-card-footer .update-button,.sort-card .sort-card-footer .reset-button{border-radius:.3rem;padding:.4rem 1rem;border:none;color:#fff;font-size:.875rem;font-weight:700;text-transform:uppercase}.sort-card .sort-card-footer .update-button{background-color:#36f}.sort-card .sort-card-footer .update-button:hover{background-color:#598bff}.sort-card .sort-card-footer .reset-button{background-color:#ff3d71}.sort-card .sort-card-footer .reset-button:hover{background-color:#ff708d}\n"], dependencies: [{ kind: "directive", type: CdkDropList, selector: "[cdkDropList], cdk-drop-list", inputs: ["cdkDropListConnectedTo", "cdkDropListData", "cdkDropListOrientation", "id", "cdkDropListLockAxis", "cdkDropListDisabled", "cdkDropListSortingDisabled", "cdkDropListEnterPredicate", "cdkDropListSortPredicate", "cdkDropListAutoScrollDisabled", "cdkDropListAutoScrollStep", "cdkDropListElementContainer"], outputs: ["cdkDropListDropped", "cdkDropListEntered", "cdkDropListExited", "cdkDropListSorted"], exportAs: ["cdkDropList"] }, { kind: "directive", type: CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer", "cdkDragScale"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "directive", type: CdkDragPlaceholder, selector: "ng-template[cdkDragPlaceholder]", inputs: ["data"] }] }); }
|
|
199
200
|
}
|
|
200
201
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: TableColumnsEditorComponent, decorators: [{
|
|
201
202
|
type: Component,
|
|
202
|
-
args: [{ selector: "
|
|
203
|
+
args: [{ selector: "ng2-table-columns-editor", imports: [CdkDropList, CdkDrag, CdkDragPlaceholder], template: "<div class=\"sort-card\">\n <div class=\"sort-card-header\">\n <h6>Table columns setup</h6>\n </div>\n <div class=\"sort-card-body\">\n <div\n class=\"list\"\n cdkDropList\n [cdkDropListData]=\"currentState\"\n (cdkDropListDropped)=\"drop($event)\"\n >\n @for (column of currentState; track column.key; let i = $index) {\n\n <div\n cdkDrag\n [cdkDragLockAxis]=\"'y'\"\n [cdkDragStartDelay]=\"300\"\n [cdkDragDisabled]=\"column.moveDisabled\"\n class=\"drag-row\"\n #dragRow\n [style.--drag-row-height]=\"50\"\n >\n <div class=\"drag-placeholder\" *cdkDragPlaceholder></div>\n <div class=\"index-cell\">\n {{ i + 1 }}\n </div>\n <label class=\"sort-column-checkbox-wrap\" [for]=\"'sort-column-checkbox-' + i\">\n <span></span>\n <input\n [disabled]=\"column.moveDisabled\"\n [id]=\"'sort-column-checkbox-' + i\"\n title=\"Active state. If checked the column will be displayed\"\n type=\"checkbox\"\n class=\"sort-column-checkbox-input\"\n [checked]=\"!column.hide\"\n (change)=\"setVisibility(i)\"\n />\n <span></span>\n </label>\n {{ column.title }}\n </div>\n }\n </div>\n </div>\n @if (stateHasChanged()) {\n <div class=\"sort-card-footer\">\n <button class=\"reset-button\" (click)=\"resetChanges()\">reset</button>\n <button class=\"update-button\" (click)=\"setAndUpdate()\">Update</button>\n </div>\n }\n</div>\n", styles: [".list{overflow:auto;display:flex;flex-direction:column;gap:.3rem;max-height:100%}.drag-row{border:solid 1px var(--drag-row-border-color, #ccc);border-radius:.3rem;display:flex;align-items:center;box-sizing:border-box;cursor:grab;background:var(--drag-row-background, #ffffff);box-shadow:0 0 6px 1px #ebebeb33}.drag-row.cdk-drag-disabled{filter:opacity(.5);cursor:not-allowed}.drag-row .index-cell{min-width:2.2rem;border-right:1px solid var(--drag-row-border-color, #ccc)}.drag-row>div{padding:.3rem}.drag-row .sort-column-checkbox-wrap{margin:0 .5rem}.cdk-drag-preview{box-sizing:border-box;border-radius:.3rem;box-shadow:0 5px 5px -3px #0003,0 8px 10px 1px #00000024,0 3px 14px 2px #0000001f}.cdk-drag-animating{transition:transform .25s cubic-bezier(0,0,.2,1)}.list.cdk-drop-list-dragging .drag-row:not(.cdk-drag-placeholder){transition:transform .25s cubic-bezier(0,0,.2,1)}.drag-placeholder{background:var(--drag-placeholder-background, #ccc);border:dotted 3px #999;min-height:var(--drag-row-heightpx, 2.5rem);transition:transform .25s cubic-bezier(0,0,.2,1)}.overlay-card nb-card-body{padding:.25rem;max-height:100%}.sort-card{box-shadow:0 0 6px 1px #0003;min-width:18rem;padding:.25rem;max-height:80dvh;background:var(--sort-card-background, #ffffff);border-radius:.5rem}.sort-card .sort-card-header{display:flex;align-items:center;gap:1rem;padding:1rem;border-bottom:1px solid var(--sort-card-header-divider-color, #edf1f7)}.sort-card .sort-card-header h6{margin:0}.sort-card .sort-card-body{padding:.5rem 0}.sort-card .sort-card-footer{border-top:1px solid var(--sort-card-header-divider-color, #edf1f7);display:flex;align-items:center;justify-content:end;gap:1rem;padding:1rem}.sort-card .sort-card-footer .update-button,.sort-card .sort-card-footer .reset-button{border-radius:.3rem;padding:.4rem 1rem;border:none;color:#fff;font-size:.875rem;font-weight:700;text-transform:uppercase}.sort-card .sort-card-footer .update-button{background-color:#36f}.sort-card .sort-card-footer .update-button:hover{background-color:#598bff}.sort-card .sort-card-footer .reset-button{background-color:#ff3d71}.sort-card .sort-card-footer .reset-button:hover{background-color:#ff708d}\n"] }]
|
|
203
204
|
}], ctorParameters: () => [] });
|
|
204
205
|
|
|
205
206
|
class SmartTableColumnEditorDirective {
|
|
@@ -283,26 +284,25 @@ class SmartTableColumnEditorDirective {
|
|
|
283
284
|
});
|
|
284
285
|
}
|
|
285
286
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: SmartTableColumnEditorDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
286
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.0.3", type: SmartTableColumnEditorDirective, isStandalone: true, selector: "[
|
|
287
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.0.3", type: SmartTableColumnEditorDirective, isStandalone: true, selector: "[ng2SmartTableColumnEditor]", inputs: { tableComponent: { classPropertyName: "tableComponent", publicName: "tableComponent", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "click": "buttclicked()" } }, ngImport: i0 }); }
|
|
287
288
|
}
|
|
288
289
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: SmartTableColumnEditorDirective, decorators: [{
|
|
289
290
|
type: Directive,
|
|
290
291
|
args: [{
|
|
291
|
-
selector: "[
|
|
292
|
+
selector: "[ng2SmartTableColumnEditor]",
|
|
292
293
|
host: {
|
|
293
294
|
"(click)": "buttclicked()",
|
|
294
295
|
},
|
|
295
296
|
}]
|
|
296
297
|
}] });
|
|
297
298
|
|
|
298
|
-
function prepareValue(value) { return value; }
|
|
299
299
|
class Cell {
|
|
300
|
-
static { this.PREPARE = prepareValue; }
|
|
301
300
|
constructor(value, row, column, dataSet) {
|
|
302
301
|
this.value = value;
|
|
303
302
|
this.row = row;
|
|
304
303
|
this.column = column;
|
|
305
304
|
this.dataSet = dataSet;
|
|
305
|
+
this.prepareValue = (value) => value;
|
|
306
306
|
this.newValue = '';
|
|
307
307
|
this.newValue = value;
|
|
308
308
|
}
|
|
@@ -316,9 +316,12 @@ class Cell {
|
|
|
316
316
|
return this.row;
|
|
317
317
|
}
|
|
318
318
|
getValue() {
|
|
319
|
-
const prepare = this.column.getValuePrepareFunction() ||
|
|
319
|
+
const prepare = this.column.getValuePrepareFunction() || this.prepareValue;
|
|
320
320
|
return prepare.call(null, this.value, this.row.getData(), this);
|
|
321
321
|
}
|
|
322
|
+
getNotPrepareValue() {
|
|
323
|
+
return this.value;
|
|
324
|
+
}
|
|
322
325
|
setValue(value) {
|
|
323
326
|
this.newValue = value;
|
|
324
327
|
}
|
|
@@ -594,7 +597,7 @@ function compareValues(direction, a, b) {
|
|
|
594
597
|
}
|
|
595
598
|
class LocalSorter {
|
|
596
599
|
static sort(data, field, direction, customCompare) {
|
|
597
|
-
const dir =
|
|
600
|
+
const dir = direction === "asc" ? 1 : -1;
|
|
598
601
|
const compare = customCompare ? customCompare : compareValues;
|
|
599
602
|
return data.sort((a, b) => {
|
|
600
603
|
return compare.call(null, dir, a[field], b[field]);
|
|
@@ -1164,11 +1167,11 @@ class EditCellDefaultComponent {
|
|
|
1164
1167
|
this.inputClass = input('');
|
|
1165
1168
|
}
|
|
1166
1169
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: EditCellDefaultComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1167
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.0.3", type: EditCellDefaultComponent, isStandalone: true, selector: "
|
|
1170
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.0.3", type: EditCellDefaultComponent, isStandalone: true, selector: "ng2-edit-cell-default-base-component", inputs: { cell: { classPropertyName: "cell", publicName: "cell", isSignal: true, isRequired: true, transformFunction: null }, inputClass: { classPropertyName: "inputClass", publicName: "inputClass", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: '', isInline: true }); }
|
|
1168
1171
|
}
|
|
1169
1172
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: EditCellDefaultComponent, decorators: [{
|
|
1170
1173
|
type: Component,
|
|
1171
|
-
args: [{ template: '' }]
|
|
1174
|
+
args: [{ template: '', selector: 'ng2-edit-cell-default-base-component' }]
|
|
1172
1175
|
}] });
|
|
1173
1176
|
|
|
1174
1177
|
class CustomEditComponent extends EditCellDefaultComponent {
|
|
@@ -1196,12 +1199,12 @@ class CustomEditComponent extends EditCellDefaultComponent {
|
|
|
1196
1199
|
}
|
|
1197
1200
|
}
|
|
1198
1201
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: CustomEditComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
1199
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.3", type: CustomEditComponent, isStandalone: true, selector: "table-cell-custom-editor", viewQueries: [{ propertyName: "dynamicTarget", first: true, predicate: ["dynamicTarget"], descendants: true, read: ViewContainerRef, static: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: ` <ng-template #dynamicTarget></ng-template> `, isInline: true }); }
|
|
1202
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.3", type: CustomEditComponent, isStandalone: true, selector: "ng2-table-cell-custom-editor", viewQueries: [{ propertyName: "dynamicTarget", first: true, predicate: ["dynamicTarget"], descendants: true, read: ViewContainerRef, static: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: ` <ng-template #dynamicTarget></ng-template> `, isInline: true }); }
|
|
1200
1203
|
}
|
|
1201
1204
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: CustomEditComponent, decorators: [{
|
|
1202
1205
|
type: Component,
|
|
1203
1206
|
args: [{
|
|
1204
|
-
selector: "table-cell-custom-editor",
|
|
1207
|
+
selector: "ng2-table-cell-custom-editor",
|
|
1205
1208
|
template: ` <ng-template #dynamicTarget></ng-template> `,
|
|
1206
1209
|
standalone: true,
|
|
1207
1210
|
}]
|
|
@@ -1224,7 +1227,7 @@ class CheckboxEditorComponent extends DefaultEditor {
|
|
|
1224
1227
|
this.cell().newValue = event.target.checked ? this.trueVal() : this.falseVal();
|
|
1225
1228
|
}
|
|
1226
1229
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: CheckboxEditorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1227
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.3", type: CheckboxEditorComponent, isStandalone: true, selector: "checkbox-editor", usesInheritance: true, ngImport: i0, template: `
|
|
1230
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.3", type: CheckboxEditorComponent, isStandalone: true, selector: "ng2-checkbox-editor", usesInheritance: true, ngImport: i0, template: `
|
|
1228
1231
|
<input
|
|
1229
1232
|
[class]="inputClass()"
|
|
1230
1233
|
type="checkbox"
|
|
@@ -1240,7 +1243,7 @@ class CheckboxEditorComponent extends DefaultEditor {
|
|
|
1240
1243
|
}
|
|
1241
1244
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: CheckboxEditorComponent, decorators: [{
|
|
1242
1245
|
type: Component,
|
|
1243
|
-
args: [{ selector: "checkbox-editor", template: `
|
|
1246
|
+
args: [{ selector: "ng2-checkbox-editor", template: `
|
|
1244
1247
|
<input
|
|
1245
1248
|
[class]="inputClass()"
|
|
1246
1249
|
type="checkbox"
|
|
@@ -1260,7 +1263,7 @@ class InputEditorComponent extends DefaultEditor {
|
|
|
1260
1263
|
super();
|
|
1261
1264
|
}
|
|
1262
1265
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: InputEditorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1263
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.3", type: InputEditorComponent, isStandalone: true, selector: "input-editor", usesInheritance: true, ngImport: i0, template: `
|
|
1266
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.3", type: InputEditorComponent, isStandalone: true, selector: "ng2-input-editor", usesInheritance: true, ngImport: i0, template: `
|
|
1264
1267
|
<input
|
|
1265
1268
|
[class]="inputClass()"
|
|
1266
1269
|
class="form-control"
|
|
@@ -1273,7 +1276,7 @@ class InputEditorComponent extends DefaultEditor {
|
|
|
1273
1276
|
}
|
|
1274
1277
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: InputEditorComponent, decorators: [{
|
|
1275
1278
|
type: Component,
|
|
1276
|
-
args: [{ selector: "input-editor", template: `
|
|
1279
|
+
args: [{ selector: "ng2-input-editor", template: `
|
|
1277
1280
|
<input
|
|
1278
1281
|
[class]="inputClass()"
|
|
1279
1282
|
class="form-control"
|
|
@@ -1290,7 +1293,7 @@ class SelectEditorComponent extends DefaultEditor {
|
|
|
1290
1293
|
super();
|
|
1291
1294
|
}
|
|
1292
1295
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: SelectEditorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1293
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.3", type: SelectEditorComponent, isStandalone: true, selector: "select-editor", usesInheritance: true, ngImport: i0, template: `
|
|
1296
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.3", type: SelectEditorComponent, isStandalone: true, selector: "ng2-select-editor", usesInheritance: true, ngImport: i0, template: `
|
|
1294
1297
|
<select
|
|
1295
1298
|
[class]="inputClass()"
|
|
1296
1299
|
class="form-control"
|
|
@@ -1312,7 +1315,7 @@ class SelectEditorComponent extends DefaultEditor {
|
|
|
1312
1315
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: SelectEditorComponent, decorators: [{
|
|
1313
1316
|
type: Component,
|
|
1314
1317
|
args: [{
|
|
1315
|
-
selector: "select-editor",
|
|
1318
|
+
selector: "ng2-select-editor",
|
|
1316
1319
|
template: `
|
|
1317
1320
|
<select
|
|
1318
1321
|
[class]="inputClass()"
|
|
@@ -1341,7 +1344,7 @@ class TextareaEditorComponent extends DefaultEditor {
|
|
|
1341
1344
|
super();
|
|
1342
1345
|
}
|
|
1343
1346
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: TextareaEditorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1344
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.3", type: TextareaEditorComponent, isStandalone: true, selector: "textarea-editor", usesInheritance: true, ngImport: i0, template: `
|
|
1347
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.3", type: TextareaEditorComponent, isStandalone: true, selector: "ng2-textarea-editor", usesInheritance: true, ngImport: i0, template: `
|
|
1345
1348
|
<textarea
|
|
1346
1349
|
[class]="inputClass()"
|
|
1347
1350
|
class="form-control"
|
|
@@ -1355,7 +1358,7 @@ class TextareaEditorComponent extends DefaultEditor {
|
|
|
1355
1358
|
}
|
|
1356
1359
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: TextareaEditorComponent, decorators: [{
|
|
1357
1360
|
type: Component,
|
|
1358
|
-
args: [{ selector: "textarea-editor", template: `
|
|
1361
|
+
args: [{ selector: "ng2-textarea-editor", template: `
|
|
1359
1362
|
<textarea
|
|
1360
1363
|
[class]="inputClass()"
|
|
1361
1364
|
class="form-control"
|
|
@@ -1380,16 +1383,16 @@ class DefaultEditComponent extends EditCellDefaultComponent {
|
|
|
1380
1383
|
return "text";
|
|
1381
1384
|
}
|
|
1382
1385
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: DefaultEditComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1383
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.3", type: DefaultEditComponent, isStandalone: true, selector: "table-cell-default-editor", usesInheritance: true, ngImport: i0, template: "<div role=\"none\" (click)=\"$event.stopPropagation()\">\n @switch (getEditorType()) {\n @case ('list') {\n <select-editor\n [cell]=\"cell()\"\n [inputClass]=\"inputClass()\">\n </select-editor>\n }\n @case ('textarea') {\n <textarea-editor\n [cell]=\"cell()\"\n [inputClass]=\"inputClass()\">\n </textarea-editor>\n }\n @case ('checkbox') {\n <checkbox-editor\n [cell]=\"cell()\"\n [inputClass]=\"inputClass()\">\n </checkbox-editor>\n }\n @default {\n <input-editor\n [cell]=\"cell()\"\n [inputClass]=\"inputClass()\">\n </input-editor>\n }\n}\n</div>", dependencies: [{ kind: "component", type: SelectEditorComponent, selector: "select-editor" }, { kind: "component", type: TextareaEditorComponent, selector: "textarea-editor" }, { kind: "component", type: CheckboxEditorComponent, selector: "checkbox-editor" }, { kind: "component", type: InputEditorComponent, selector: "input-editor" }] }); }
|
|
1386
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.3", type: DefaultEditComponent, isStandalone: true, selector: "ng2-table-cell-default-editor", usesInheritance: true, ngImport: i0, template: "<div role=\"none\" (click)=\"$event.stopPropagation()\">\n @switch (getEditorType()) {\n @case ('list') {\n <ng2-select-editor\n [cell]=\"cell()\"\n [inputClass]=\"inputClass()\">\n </ng2-select-editor>\n }\n @case ('textarea') {\n <ng2-textarea-editor\n [cell]=\"cell()\"\n [inputClass]=\"inputClass()\">\n </ng2-textarea-editor>\n }\n @case ('checkbox') {\n <ng2-checkbox-editor\n [cell]=\"cell()\"\n [inputClass]=\"inputClass()\">\n </ng2-checkbox-editor>\n }\n @default {\n <ng2-input-editor\n [cell]=\"cell()\"\n [inputClass]=\"inputClass()\">\n </ng2-input-editor>\n }\n}\n</div>", dependencies: [{ kind: "component", type: SelectEditorComponent, selector: "ng2-select-editor" }, { kind: "component", type: TextareaEditorComponent, selector: "ng2-textarea-editor" }, { kind: "component", type: CheckboxEditorComponent, selector: "ng2-checkbox-editor" }, { kind: "component", type: InputEditorComponent, selector: "ng2-input-editor" }] }); }
|
|
1384
1387
|
}
|
|
1385
1388
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: DefaultEditComponent, decorators: [{
|
|
1386
1389
|
type: Component,
|
|
1387
|
-
args: [{ selector: "table-cell-default-editor", imports: [
|
|
1390
|
+
args: [{ selector: "ng2-table-cell-default-editor", imports: [
|
|
1388
1391
|
SelectEditorComponent,
|
|
1389
1392
|
TextareaEditorComponent,
|
|
1390
1393
|
CheckboxEditorComponent,
|
|
1391
1394
|
InputEditorComponent,
|
|
1392
|
-
], standalone: true, template: "<div role=\"none\" (click)=\"$event.stopPropagation()\">\n @switch (getEditorType()) {\n @case ('list') {\n <select-editor\n [cell]=\"cell()\"\n [inputClass]=\"inputClass()\">\n </select-editor>\n }\n @case ('textarea') {\n <textarea-editor\n [cell]=\"cell()\"\n [inputClass]=\"inputClass()\">\n </textarea-editor>\n }\n @case ('checkbox') {\n <checkbox-editor\n [cell]=\"cell()\"\n [inputClass]=\"inputClass()\">\n </checkbox-editor>\n }\n @default {\n <input-editor\n [cell]=\"cell()\"\n [inputClass]=\"inputClass()\">\n </input-editor>\n }\n}\n</div>" }]
|
|
1395
|
+
], standalone: true, template: "<div role=\"none\" (click)=\"$event.stopPropagation()\">\n @switch (getEditorType()) {\n @case ('list') {\n <ng2-select-editor\n [cell]=\"cell()\"\n [inputClass]=\"inputClass()\">\n </ng2-select-editor>\n }\n @case ('textarea') {\n <ng2-textarea-editor\n [cell]=\"cell()\"\n [inputClass]=\"inputClass()\">\n </ng2-textarea-editor>\n }\n @case ('checkbox') {\n <ng2-checkbox-editor\n [cell]=\"cell()\"\n [inputClass]=\"inputClass()\">\n </ng2-checkbox-editor>\n }\n @default {\n <ng2-input-editor\n [cell]=\"cell()\"\n [inputClass]=\"inputClass()\">\n </ng2-input-editor>\n }\n}\n</div>" }]
|
|
1393
1396
|
}], ctorParameters: () => [] });
|
|
1394
1397
|
|
|
1395
1398
|
class EditCellComponent {
|
|
@@ -1405,42 +1408,36 @@ class EditCellComponent {
|
|
|
1405
1408
|
return "text";
|
|
1406
1409
|
}
|
|
1407
1410
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: EditCellComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1408
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.3", type: EditCellComponent, isStandalone: true, selector: "table-cell-edit-mode", inputs: { cell: { classPropertyName: "cell", publicName: "cell", isSignal: true, isRequired: true, transformFunction: null }, inputClass: { classPropertyName: "inputClass", publicName: "inputClass", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: `
|
|
1411
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.3", type: EditCellComponent, isStandalone: true, selector: "ng2-table-cell-edit-mode", inputs: { cell: { classPropertyName: "cell", publicName: "cell", isSignal: true, isRequired: true, transformFunction: null }, inputClass: { classPropertyName: "inputClass", publicName: "inputClass", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: `
|
|
1409
1412
|
<div>
|
|
1410
1413
|
@switch (getEditorType()) { @case ('custom') {
|
|
1411
|
-
<table-cell-custom-editor
|
|
1412
|
-
|
|
1413
|
-
[inputClass]="inputClass()"
|
|
1414
|
-
>
|
|
1415
|
-
</table-cell-custom-editor>
|
|
1414
|
+
<ng2-table-cell-custom-editor [cell]="cell()" [inputClass]="inputClass()">
|
|
1415
|
+
</ng2-table-cell-custom-editor>
|
|
1416
1416
|
} @default {
|
|
1417
|
-
<table-cell-default-editor
|
|
1417
|
+
<ng2-table-cell-default-editor
|
|
1418
1418
|
[cell]="cell()"
|
|
1419
1419
|
[inputClass]="inputClass()"
|
|
1420
1420
|
>
|
|
1421
|
-
</table-cell-default-editor>
|
|
1421
|
+
</ng2-table-cell-default-editor>
|
|
1422
1422
|
} }
|
|
1423
1423
|
</div>
|
|
1424
|
-
`, isInline: true, dependencies: [{ kind: "component", type: CustomEditComponent, selector: "table-cell-custom-editor" }, { kind: "component", type: DefaultEditComponent, selector: "table-cell-default-editor" }] }); }
|
|
1424
|
+
`, isInline: true, dependencies: [{ kind: "component", type: CustomEditComponent, selector: "ng2-table-cell-custom-editor" }, { kind: "component", type: DefaultEditComponent, selector: "ng2-table-cell-default-editor" }] }); }
|
|
1425
1425
|
}
|
|
1426
1426
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: EditCellComponent, decorators: [{
|
|
1427
1427
|
type: Component,
|
|
1428
1428
|
args: [{
|
|
1429
|
-
selector: "table-cell-edit-mode",
|
|
1429
|
+
selector: "ng2-table-cell-edit-mode",
|
|
1430
1430
|
template: `
|
|
1431
1431
|
<div>
|
|
1432
1432
|
@switch (getEditorType()) { @case ('custom') {
|
|
1433
|
-
<table-cell-custom-editor
|
|
1434
|
-
|
|
1435
|
-
[inputClass]="inputClass()"
|
|
1436
|
-
>
|
|
1437
|
-
</table-cell-custom-editor>
|
|
1433
|
+
<ng2-table-cell-custom-editor [cell]="cell()" [inputClass]="inputClass()">
|
|
1434
|
+
</ng2-table-cell-custom-editor>
|
|
1438
1435
|
} @default {
|
|
1439
|
-
<table-cell-default-editor
|
|
1436
|
+
<ng2-table-cell-default-editor
|
|
1440
1437
|
[cell]="cell()"
|
|
1441
1438
|
[inputClass]="inputClass()"
|
|
1442
1439
|
>
|
|
1443
|
-
</table-cell-default-editor>
|
|
1440
|
+
</ng2-table-cell-default-editor>
|
|
1444
1441
|
} }
|
|
1445
1442
|
</div>
|
|
1446
1443
|
`,
|
|
@@ -1454,7 +1451,7 @@ class CustomViewComponent {
|
|
|
1454
1451
|
this.cell = input.required();
|
|
1455
1452
|
}
|
|
1456
1453
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: CustomViewComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1457
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.0.3", type: CustomViewComponent, isStandalone: true, selector: "custom-view-component", inputs: { cell: { classPropertyName: "cell", publicName: "cell", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: `<ng-template
|
|
1454
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.0.3", type: CustomViewComponent, isStandalone: true, selector: "ng2-custom-view-component", inputs: { cell: { classPropertyName: "cell", publicName: "cell", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: `<ng-template
|
|
1458
1455
|
*ngComponentOutlet="
|
|
1459
1456
|
cell().getColumn().renderComponent;
|
|
1460
1457
|
inputs: { rowData: cell().getRow().getData(), value: cell().getValue() }
|
|
@@ -1464,7 +1461,7 @@ class CustomViewComponent {
|
|
|
1464
1461
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: CustomViewComponent, decorators: [{
|
|
1465
1462
|
type: Component,
|
|
1466
1463
|
args: [{
|
|
1467
|
-
selector: "custom-view-component",
|
|
1464
|
+
selector: "ng2-custom-view-component",
|
|
1468
1465
|
template: `<ng-template
|
|
1469
1466
|
*ngComponentOutlet="
|
|
1470
1467
|
cell().getColumn().renderComponent;
|
|
@@ -1481,27 +1478,27 @@ class ViewCellComponent {
|
|
|
1481
1478
|
this.cell = input.required();
|
|
1482
1479
|
}
|
|
1483
1480
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: ViewCellComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1484
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.3", type: ViewCellComponent, isStandalone: true, selector: "table-cell-view-mode", inputs: { cell: { classPropertyName: "cell", publicName: "cell", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: `
|
|
1481
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.3", type: ViewCellComponent, isStandalone: true, selector: "ng2-table-cell-view-mode", inputs: { cell: { classPropertyName: "cell", publicName: "cell", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: `
|
|
1485
1482
|
<div>
|
|
1486
1483
|
@switch (cell().getColumn().type) { @case ('custom') {
|
|
1487
|
-
<custom-view-component [cell]="cell()"></custom-view-component>
|
|
1484
|
+
<ng2-custom-view-component [cell]="cell()"></ng2-custom-view-component>
|
|
1488
1485
|
} @case ('html') {
|
|
1489
1486
|
<div [innerHTML]="cell().getValue()"></div>
|
|
1490
1487
|
} @default {
|
|
1491
1488
|
<div>{{ cell().getValue() }}</div>
|
|
1492
1489
|
} }
|
|
1493
1490
|
</div>
|
|
1494
|
-
`, isInline: true, dependencies: [{ kind: "component", type: CustomViewComponent, selector: "custom-view-component", inputs: ["cell"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
1491
|
+
`, isInline: true, dependencies: [{ kind: "component", type: CustomViewComponent, selector: "ng2-custom-view-component", inputs: ["cell"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
1495
1492
|
}
|
|
1496
1493
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: ViewCellComponent, decorators: [{
|
|
1497
1494
|
type: Component,
|
|
1498
1495
|
args: [{
|
|
1499
|
-
selector: "table-cell-view-mode",
|
|
1496
|
+
selector: "ng2-table-cell-view-mode",
|
|
1500
1497
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
1501
1498
|
template: `
|
|
1502
1499
|
<div>
|
|
1503
1500
|
@switch (cell().getColumn().type) { @case ('custom') {
|
|
1504
|
-
<custom-view-component [cell]="cell()"></custom-view-component>
|
|
1501
|
+
<ng2-custom-view-component [cell]="cell()"></ng2-custom-view-component>
|
|
1505
1502
|
} @case ('html') {
|
|
1506
1503
|
<div [innerHTML]="cell().getValue()"></div>
|
|
1507
1504
|
} @default {
|
|
@@ -1523,15 +1520,15 @@ class CellComponent {
|
|
|
1523
1520
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: CellComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1524
1521
|
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.3", type: CellComponent, isStandalone: true, selector: "ng2-smart-table-cell", inputs: { cell: { classPropertyName: "cell", publicName: "cell", isSignal: true, isRequired: true, transformFunction: null }, inputClass: { classPropertyName: "inputClass", publicName: "inputClass", isSignal: true, isRequired: false, transformFunction: null }, isInEditing: { classPropertyName: "isInEditing", publicName: "isInEditing", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: `
|
|
1525
1522
|
@if (!isInEditing()) {
|
|
1526
|
-
<table-cell-view-mode [cell]="cell()"></table-cell-view-mode>
|
|
1523
|
+
<ng2-table-cell-view-mode [cell]="cell()"></ng2-table-cell-view-mode>
|
|
1527
1524
|
} @else {
|
|
1528
|
-
<table-cell-edit-mode
|
|
1525
|
+
<ng2-table-cell-edit-mode
|
|
1529
1526
|
[cell]="cell()"
|
|
1530
1527
|
[inputClass]="inputClass()"
|
|
1531
1528
|
>
|
|
1532
|
-
</table-cell-edit-mode>
|
|
1529
|
+
</ng2-table-cell-edit-mode>
|
|
1533
1530
|
}
|
|
1534
|
-
`, isInline: true, dependencies: [{ kind: "component", type: ViewCellComponent, selector: "table-cell-view-mode", inputs: ["cell"] }, { kind: "component", type: EditCellComponent, selector: "table-cell-edit-mode", inputs: ["cell", "inputClass"] }] }); }
|
|
1531
|
+
`, isInline: true, dependencies: [{ kind: "component", type: ViewCellComponent, selector: "ng2-table-cell-view-mode", inputs: ["cell"] }, { kind: "component", type: EditCellComponent, selector: "ng2-table-cell-edit-mode", inputs: ["cell", "inputClass"] }] }); }
|
|
1535
1532
|
}
|
|
1536
1533
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: CellComponent, decorators: [{
|
|
1537
1534
|
type: Component,
|
|
@@ -1539,13 +1536,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImpor
|
|
|
1539
1536
|
selector: "ng2-smart-table-cell",
|
|
1540
1537
|
template: `
|
|
1541
1538
|
@if (!isInEditing()) {
|
|
1542
|
-
<table-cell-view-mode [cell]="cell()"></table-cell-view-mode>
|
|
1539
|
+
<ng2-table-cell-view-mode [cell]="cell()"></ng2-table-cell-view-mode>
|
|
1543
1540
|
} @else {
|
|
1544
|
-
<table-cell-edit-mode
|
|
1541
|
+
<ng2-table-cell-edit-mode
|
|
1545
1542
|
[cell]="cell()"
|
|
1546
1543
|
[inputClass]="inputClass()"
|
|
1547
1544
|
>
|
|
1548
|
-
</table-cell-edit-mode>
|
|
1545
|
+
</ng2-table-cell-edit-mode>
|
|
1549
1546
|
}
|
|
1550
1547
|
`,
|
|
1551
1548
|
standalone: true,
|
|
@@ -1812,9 +1809,9 @@ class DataSet {
|
|
|
1812
1809
|
* @param settings
|
|
1813
1810
|
* @private
|
|
1814
1811
|
*/
|
|
1815
|
-
createColumns(
|
|
1816
|
-
|
|
1817
|
-
this.columns.push(new Column(
|
|
1812
|
+
createColumns(columnsParams) {
|
|
1813
|
+
columnsParams.forEach((params) => {
|
|
1814
|
+
this.columns.push(new Column(params.key, params, this));
|
|
1818
1815
|
});
|
|
1819
1816
|
}
|
|
1820
1817
|
/**
|
|
@@ -2488,11 +2485,11 @@ class FilterDefault {
|
|
|
2488
2485
|
});
|
|
2489
2486
|
}
|
|
2490
2487
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: FilterDefault, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2491
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.0.3", type: FilterDefault, isStandalone: true, selector: "
|
|
2488
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.0.3", type: FilterDefault, isStandalone: true, selector: "ng2-filter-default-component", inputs: { column: { classPropertyName: "column", publicName: "column", isSignal: true, isRequired: true, transformFunction: null }, source: { classPropertyName: "source", publicName: "source", isSignal: true, isRequired: true, transformFunction: null }, inputClass: { classPropertyName: "inputClass", publicName: "inputClass", isSignal: true, isRequired: false, transformFunction: null }, query: { classPropertyName: "query", publicName: "query", isSignal: false, isRequired: false, transformFunction: null } }, outputs: { filter: "filter" }, ngImport: i0, template: '', isInline: true }); }
|
|
2492
2489
|
}
|
|
2493
2490
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: FilterDefault, decorators: [{
|
|
2494
2491
|
type: Component,
|
|
2495
|
-
args: [{ template: '' }]
|
|
2492
|
+
args: [{ template: '', selector: 'ng2-filter-default-component' }]
|
|
2496
2493
|
}], propDecorators: { query: [{
|
|
2497
2494
|
type: Input
|
|
2498
2495
|
}] } });
|
|
@@ -2524,12 +2521,12 @@ class CustomFilterComponent extends FilterDefault {
|
|
|
2524
2521
|
}
|
|
2525
2522
|
}
|
|
2526
2523
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: CustomFilterComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
2527
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.3", type: CustomFilterComponent, isStandalone: true, selector: "custom-table-filter", viewQueries: [{ propertyName: "dynamicTarget", first: true, predicate: ["dynamicTarget"], descendants: true, read: ViewContainerRef, static: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: `<ng-template #dynamicTarget></ng-template>`, isInline: true }); }
|
|
2524
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.3", type: CustomFilterComponent, isStandalone: true, selector: "ng2-custom-table-filter", viewQueries: [{ propertyName: "dynamicTarget", first: true, predicate: ["dynamicTarget"], descendants: true, read: ViewContainerRef, static: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: `<ng-template #dynamicTarget></ng-template>`, isInline: true }); }
|
|
2528
2525
|
}
|
|
2529
2526
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: CustomFilterComponent, decorators: [{
|
|
2530
2527
|
type: Component,
|
|
2531
2528
|
args: [{
|
|
2532
|
-
selector: "custom-table-filter",
|
|
2529
|
+
selector: "ng2-custom-table-filter",
|
|
2533
2530
|
template: `<ng-template #dynamicTarget></ng-template>`,
|
|
2534
2531
|
standalone: true,
|
|
2535
2532
|
}]
|
|
@@ -2567,7 +2564,7 @@ class CheckboxFilterComponent extends DefaultFilter {
|
|
|
2567
2564
|
this.setFilter();
|
|
2568
2565
|
}
|
|
2569
2566
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: CheckboxFilterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2570
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.3", type: CheckboxFilterComponent, isStandalone: true, selector: "checkbox-filter", usesInheritance: true, ngImport: i0, template: `
|
|
2567
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.3", type: CheckboxFilterComponent, isStandalone: true, selector: "ng2-checkbox-filter", usesInheritance: true, ngImport: i0, template: `
|
|
2571
2568
|
<input
|
|
2572
2569
|
type="checkbox"
|
|
2573
2570
|
[formControl]="inputControl"
|
|
@@ -2584,7 +2581,7 @@ class CheckboxFilterComponent extends DefaultFilter {
|
|
|
2584
2581
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: CheckboxFilterComponent, decorators: [{
|
|
2585
2582
|
type: Component,
|
|
2586
2583
|
args: [{
|
|
2587
|
-
selector: "checkbox-filter",
|
|
2584
|
+
selector: "ng2-checkbox-filter",
|
|
2588
2585
|
template: `
|
|
2589
2586
|
<input
|
|
2590
2587
|
type="checkbox"
|
|
@@ -2625,7 +2622,7 @@ class InputFilterComponent extends DefaultFilter {
|
|
|
2625
2622
|
}
|
|
2626
2623
|
}
|
|
2627
2624
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: InputFilterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2628
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.3", type: InputFilterComponent, isStandalone: true, selector: "input-filter", usesInheritance: true, usesOnChanges: true, ngImport: i0, template: `
|
|
2625
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.3", type: InputFilterComponent, isStandalone: true, selector: "ng2-input-filter", usesInheritance: true, usesOnChanges: true, ngImport: i0, template: `
|
|
2629
2626
|
<input
|
|
2630
2627
|
[class]="inputClass()"
|
|
2631
2628
|
[formControl]="inputControl"
|
|
@@ -2638,7 +2635,7 @@ class InputFilterComponent extends DefaultFilter {
|
|
|
2638
2635
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: InputFilterComponent, decorators: [{
|
|
2639
2636
|
type: Component,
|
|
2640
2637
|
args: [{
|
|
2641
|
-
selector: "input-filter",
|
|
2638
|
+
selector: "ng2-input-filter",
|
|
2642
2639
|
template: `
|
|
2643
2640
|
<input
|
|
2644
2641
|
[class]="inputClass()"
|
|
@@ -2665,7 +2662,7 @@ class SelectFilterComponent extends DefaultFilter {
|
|
|
2665
2662
|
}
|
|
2666
2663
|
}
|
|
2667
2664
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: SelectFilterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2668
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.3", type: SelectFilterComponent, isStandalone: true, selector: "select-filter", viewQueries: [{ propertyName: "inputControl", first: true, predicate: ["inputControl"], descendants: true, read: NgControl, static: true }], usesInheritance: true, ngImport: i0, template: `
|
|
2665
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.3", type: SelectFilterComponent, isStandalone: true, selector: "ng2-select-filter", viewQueries: [{ propertyName: "inputControl", first: true, predicate: ["inputControl"], descendants: true, read: NgControl, static: true }], usesInheritance: true, ngImport: i0, template: `
|
|
2669
2666
|
<select [class]="inputClass()"
|
|
2670
2667
|
class="form-control"
|
|
2671
2668
|
#inputControl
|
|
@@ -2683,7 +2680,7 @@ class SelectFilterComponent extends DefaultFilter {
|
|
|
2683
2680
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: SelectFilterComponent, decorators: [{
|
|
2684
2681
|
type: Component,
|
|
2685
2682
|
args: [{
|
|
2686
|
-
selector: 'select-filter',
|
|
2683
|
+
selector: 'ng2-select-filter',
|
|
2687
2684
|
template: `
|
|
2688
2685
|
<select [class]="inputClass()"
|
|
2689
2686
|
class="form-control"
|
|
@@ -2708,63 +2705,69 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImpor
|
|
|
2708
2705
|
|
|
2709
2706
|
class DefaultFilterComponent extends FilterDefault {
|
|
2710
2707
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: DefaultFilterComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
2711
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.3", type: DefaultFilterComponent, isStandalone: true, selector: "default-table-filter", usesInheritance: true, ngImport: i0, template: `
|
|
2708
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.3", type: DefaultFilterComponent, isStandalone: true, selector: "ng2-default-table-filter", usesInheritance: true, ngImport: i0, template: `
|
|
2712
2709
|
@switch (column().getFilterType()) { @case ('list') {
|
|
2713
|
-
<select-filter
|
|
2710
|
+
<ng2-select-filter
|
|
2714
2711
|
[query]="query"
|
|
2715
2712
|
[class]="inputClass()"
|
|
2713
|
+
[source]="source()"
|
|
2716
2714
|
[column]="column()"
|
|
2717
2715
|
(filter)="onFilter($event)"
|
|
2718
2716
|
>
|
|
2719
|
-
</select-filter>
|
|
2717
|
+
</ng2-select-filter>
|
|
2720
2718
|
} @case ('checkbox') {
|
|
2721
|
-
<checkbox-filter
|
|
2719
|
+
<ng2-checkbox-filter
|
|
2722
2720
|
[query]="query"
|
|
2721
|
+
[source]="source()"
|
|
2723
2722
|
[class]="inputClass()"
|
|
2724
2723
|
[column]="column()"
|
|
2725
2724
|
(filter)="onFilter($event)"
|
|
2726
2725
|
>
|
|
2727
|
-
</checkbox-filter>
|
|
2726
|
+
</ng2-checkbox-filter>
|
|
2728
2727
|
} @default {
|
|
2729
|
-
<input-filter
|
|
2728
|
+
<ng2-input-filter
|
|
2730
2729
|
[query]="query"
|
|
2730
|
+
[source]="source()"
|
|
2731
2731
|
[class]="inputClass()"
|
|
2732
2732
|
[column]="column()"
|
|
2733
2733
|
(filter)="onFilter($event)"
|
|
2734
2734
|
>
|
|
2735
|
-
</input-filter>
|
|
2735
|
+
</ng2-input-filter>
|
|
2736
2736
|
} }
|
|
2737
|
-
`, isInline: true, dependencies: [{ kind: "component", type: SelectFilterComponent, selector: "select-filter" }, { kind: "component", type: CheckboxFilterComponent, selector: "checkbox-filter" }, { kind: "component", type: InputFilterComponent, selector: "input-filter" }] }); }
|
|
2737
|
+
`, isInline: true, dependencies: [{ kind: "component", type: SelectFilterComponent, selector: "ng2-select-filter" }, { kind: "component", type: CheckboxFilterComponent, selector: "ng2-checkbox-filter" }, { kind: "component", type: InputFilterComponent, selector: "ng2-input-filter" }] }); }
|
|
2738
2738
|
}
|
|
2739
2739
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: DefaultFilterComponent, decorators: [{
|
|
2740
2740
|
type: Component,
|
|
2741
2741
|
args: [{
|
|
2742
|
-
selector: "default-table-filter",
|
|
2742
|
+
selector: "ng2-default-table-filter",
|
|
2743
2743
|
template: `
|
|
2744
2744
|
@switch (column().getFilterType()) { @case ('list') {
|
|
2745
|
-
<select-filter
|
|
2745
|
+
<ng2-select-filter
|
|
2746
2746
|
[query]="query"
|
|
2747
2747
|
[class]="inputClass()"
|
|
2748
|
+
[source]="source()"
|
|
2748
2749
|
[column]="column()"
|
|
2749
2750
|
(filter)="onFilter($event)"
|
|
2750
2751
|
>
|
|
2751
|
-
</select-filter>
|
|
2752
|
+
</ng2-select-filter>
|
|
2752
2753
|
} @case ('checkbox') {
|
|
2753
|
-
<checkbox-filter
|
|
2754
|
+
<ng2-checkbox-filter
|
|
2754
2755
|
[query]="query"
|
|
2756
|
+
[source]="source()"
|
|
2755
2757
|
[class]="inputClass()"
|
|
2756
2758
|
[column]="column()"
|
|
2757
2759
|
(filter)="onFilter($event)"
|
|
2758
2760
|
>
|
|
2759
|
-
</checkbox-filter>
|
|
2761
|
+
</ng2-checkbox-filter>
|
|
2760
2762
|
} @default {
|
|
2761
|
-
<input-filter
|
|
2763
|
+
<ng2-input-filter
|
|
2762
2764
|
[query]="query"
|
|
2765
|
+
[source]="source()"
|
|
2763
2766
|
[class]="inputClass()"
|
|
2764
2767
|
[column]="column()"
|
|
2765
2768
|
(filter)="onFilter($event)"
|
|
2766
2769
|
>
|
|
2767
|
-
</input-filter>
|
|
2770
|
+
</ng2-input-filter>
|
|
2768
2771
|
} }
|
|
2769
2772
|
`,
|
|
2770
2773
|
standalone: true,
|
|
@@ -2805,27 +2808,27 @@ class FilterComponent extends FilterDefault {
|
|
|
2805
2808
|
<div class="ng2-smart-filter">
|
|
2806
2809
|
@switch (column().getFilterType()) {
|
|
2807
2810
|
@case ('custom') {
|
|
2808
|
-
<custom-table-filter
|
|
2811
|
+
<ng2-custom-table-filter
|
|
2809
2812
|
[query]="query"
|
|
2810
2813
|
[column]="column()"
|
|
2811
2814
|
[source]="source()"
|
|
2812
2815
|
[inputClass]="inputClass()"
|
|
2813
2816
|
(filter)="onFilter($event)">
|
|
2814
|
-
</custom-table-filter>
|
|
2817
|
+
</ng2-custom-table-filter>
|
|
2815
2818
|
}
|
|
2816
2819
|
@default {
|
|
2817
|
-
<default-table-filter
|
|
2820
|
+
<ng2-default-table-filter
|
|
2818
2821
|
[query]="query"
|
|
2819
2822
|
[column]="column()"
|
|
2820
2823
|
[source]="source()"
|
|
2821
2824
|
[inputClass]="inputClass()"
|
|
2822
2825
|
(filter)="onFilter($event)">
|
|
2823
|
-
</default-table-filter>
|
|
2826
|
+
</ng2-default-table-filter>
|
|
2824
2827
|
}
|
|
2825
2828
|
}
|
|
2826
2829
|
</div>
|
|
2827
2830
|
}
|
|
2828
|
-
`, isInline: true, styles: [":host .ng2-smart-filter ::ng-deep input,:host .ng2-smart-filter ::ng-deep select{width:100%;line-height:normal;padding:.375em .75em;font-weight:400}:host .ng2-smart-filter ::ng-deep input[type=search]{box-sizing:inherit}:host .ng2-smart-filter ::ng-deep .completer-dropdown-holder{font-weight:400}:host .ng2-smart-filter ::ng-deep a{font-weight:400}\n"], dependencies: [{ kind: "component", type: CustomFilterComponent, selector: "custom-table-filter" }, { kind: "component", type: DefaultFilterComponent, selector: "default-table-filter" }] }); }
|
|
2831
|
+
`, isInline: true, styles: [":host .ng2-smart-filter ::ng-deep input,:host .ng2-smart-filter ::ng-deep select{width:100%;line-height:normal;padding:.375em .75em;font-weight:400}:host .ng2-smart-filter ::ng-deep input[type=search]{box-sizing:inherit}:host .ng2-smart-filter ::ng-deep .completer-dropdown-holder{font-weight:400}:host .ng2-smart-filter ::ng-deep a{font-weight:400}\n"], dependencies: [{ kind: "component", type: CustomFilterComponent, selector: "ng2-custom-table-filter" }, { kind: "component", type: DefaultFilterComponent, selector: "ng2-default-table-filter" }] }); }
|
|
2829
2832
|
}
|
|
2830
2833
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: FilterComponent, decorators: [{
|
|
2831
2834
|
type: Component,
|
|
@@ -2834,22 +2837,22 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImpor
|
|
|
2834
2837
|
<div class="ng2-smart-filter">
|
|
2835
2838
|
@switch (column().getFilterType()) {
|
|
2836
2839
|
@case ('custom') {
|
|
2837
|
-
<custom-table-filter
|
|
2840
|
+
<ng2-custom-table-filter
|
|
2838
2841
|
[query]="query"
|
|
2839
2842
|
[column]="column()"
|
|
2840
2843
|
[source]="source()"
|
|
2841
2844
|
[inputClass]="inputClass()"
|
|
2842
2845
|
(filter)="onFilter($event)">
|
|
2843
|
-
</custom-table-filter>
|
|
2846
|
+
</ng2-custom-table-filter>
|
|
2844
2847
|
}
|
|
2845
2848
|
@default {
|
|
2846
|
-
<default-table-filter
|
|
2849
|
+
<ng2-default-table-filter
|
|
2847
2850
|
[query]="query"
|
|
2848
2851
|
[column]="column()"
|
|
2849
2852
|
[source]="source()"
|
|
2850
2853
|
[inputClass]="inputClass()"
|
|
2851
2854
|
(filter)="onFilter($event)">
|
|
2852
|
-
</default-table-filter>
|
|
2855
|
+
</ng2-default-table-filter>
|
|
2853
2856
|
}
|
|
2854
2857
|
}
|
|
2855
2858
|
</div>
|
|
@@ -3180,9 +3183,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImpor
|
|
|
3180
3183
|
}] });
|
|
3181
3184
|
|
|
3182
3185
|
class CheckboxSelectAllComponent {
|
|
3186
|
+
constructor() {
|
|
3187
|
+
this.grid = input.required();
|
|
3188
|
+
}
|
|
3183
3189
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: CheckboxSelectAllComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
3184
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
|
|
3185
|
-
<input type="checkbox" [ngModel]="this.grid.dataSet.isAllSelected" />
|
|
3190
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.0.3", type: CheckboxSelectAllComponent, isStandalone: true, selector: "[ng2-st-checkbox-select-all]", inputs: { grid: { classPropertyName: "grid", publicName: "grid", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: `
|
|
3191
|
+
<input type="checkbox" [ngModel]="this.grid().dataSet.isAllSelected" />
|
|
3186
3192
|
`, isInline: true, dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }] }); }
|
|
3187
3193
|
}
|
|
3188
3194
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: CheckboxSelectAllComponent, decorators: [{
|
|
@@ -3190,20 +3196,18 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImpor
|
|
|
3190
3196
|
args: [{
|
|
3191
3197
|
selector: "[ng2-st-checkbox-select-all]",
|
|
3192
3198
|
template: `
|
|
3193
|
-
<input type="checkbox" [ngModel]="this.grid.dataSet.isAllSelected" />
|
|
3199
|
+
<input type="checkbox" [ngModel]="this.grid().dataSet.isAllSelected" />
|
|
3194
3200
|
`,
|
|
3195
3201
|
standalone: true,
|
|
3196
3202
|
imports: [FormsModule],
|
|
3197
3203
|
}]
|
|
3198
|
-
}]
|
|
3199
|
-
type: Input
|
|
3200
|
-
}], source: [{
|
|
3201
|
-
type: Input
|
|
3202
|
-
}] } });
|
|
3204
|
+
}] });
|
|
3203
3205
|
|
|
3204
3206
|
class TitleComponent {
|
|
3205
3207
|
constructor() {
|
|
3206
3208
|
this.currentDirection = "";
|
|
3209
|
+
this.source = input.required();
|
|
3210
|
+
this.column = input.required();
|
|
3207
3211
|
this.sort = output();
|
|
3208
3212
|
this.dataChangedSub = false;
|
|
3209
3213
|
}
|
|
@@ -3212,9 +3216,9 @@ class TitleComponent {
|
|
|
3212
3216
|
if (!changes["source"].firstChange && this.dataChangedSub) {
|
|
3213
3217
|
this.dataChangedSub.unsubscribe();
|
|
3214
3218
|
}
|
|
3215
|
-
this.dataChangedSub = this.source.onChanged().subscribe((dataChanges) => {
|
|
3216
|
-
const sortConf = this.source.getSort();
|
|
3217
|
-
if (sortConf.length > 0 && sortConf[0]["field"] === this.column.id) {
|
|
3219
|
+
this.dataChangedSub = this.source().onChanged().subscribe((dataChanges) => {
|
|
3220
|
+
const sortConf = this.source().getSort();
|
|
3221
|
+
if (sortConf.length > 0 && sortConf[0]["field"] === this.column().id) {
|
|
3218
3222
|
this.currentDirection = sortConf[0]["direction"];
|
|
3219
3223
|
}
|
|
3220
3224
|
else {
|
|
@@ -3223,14 +3227,19 @@ class TitleComponent {
|
|
|
3223
3227
|
});
|
|
3224
3228
|
}
|
|
3225
3229
|
}
|
|
3230
|
+
ngOnDestroy() {
|
|
3231
|
+
if (this.dataChangedSub) {
|
|
3232
|
+
this.dataChangedSub?.unsubscribe();
|
|
3233
|
+
}
|
|
3234
|
+
}
|
|
3226
3235
|
_sort(event) {
|
|
3227
3236
|
event.preventDefault();
|
|
3228
3237
|
this.changeSortDirection();
|
|
3229
|
-
this.source.setSort([
|
|
3238
|
+
this.source().setSort([
|
|
3230
3239
|
{
|
|
3231
|
-
field: this.column.id,
|
|
3240
|
+
field: this.column().id,
|
|
3232
3241
|
direction: this.currentDirection === "desc" ? "desc" : "asc",
|
|
3233
|
-
compare: this.column.getCompareFunction(),
|
|
3242
|
+
compare: this.column().getCompareFunction(),
|
|
3234
3243
|
},
|
|
3235
3244
|
]);
|
|
3236
3245
|
this.sort.emit(null);
|
|
@@ -3241,62 +3250,60 @@ class TitleComponent {
|
|
|
3241
3250
|
this.currentDirection = newDirection;
|
|
3242
3251
|
}
|
|
3243
3252
|
else {
|
|
3244
|
-
this.currentDirection = this.column.sortDirection;
|
|
3253
|
+
this.currentDirection = this.column().sortDirection;
|
|
3245
3254
|
}
|
|
3246
3255
|
return this.currentDirection;
|
|
3247
3256
|
}
|
|
3248
3257
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: TitleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
3249
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.3", type: TitleComponent, isStandalone: true, selector: "ng2-smart-table-title", inputs: { column: "column",
|
|
3250
|
-
@if (column.isSortable) {
|
|
3258
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.3", type: TitleComponent, isStandalone: true, selector: "ng2-smart-table-title", inputs: { source: { classPropertyName: "source", publicName: "source", isSignal: true, isRequired: true, transformFunction: null }, column: { classPropertyName: "column", publicName: "column", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { sort: "sort" }, usesOnChanges: true, ngImport: i0, template: `
|
|
3259
|
+
@if (column().isSortable) {
|
|
3251
3260
|
<a
|
|
3252
3261
|
href="#"
|
|
3253
3262
|
(click)="_sort($event)"
|
|
3254
3263
|
class="ng2-smart-sort-link sort"
|
|
3255
3264
|
[class]="currentDirection"
|
|
3256
3265
|
>
|
|
3257
|
-
{{ column.title }}
|
|
3266
|
+
{{ column().title }}
|
|
3258
3267
|
</a>
|
|
3259
3268
|
} @else {
|
|
3260
|
-
<span class="ng2-smart-sort">{{ column.title }}</span>
|
|
3269
|
+
<span class="ng2-smart-sort">{{ column().title }}</span>
|
|
3261
3270
|
}
|
|
3262
3271
|
`, isInline: true, styles: ["a.sort.asc,a.sort.desc{font-weight:700}a.sort.asc:after,a.sort.desc:after{content:\"\";display:inline-block;width:0;height:0;border-bottom:4px solid rgba(0,0,0,.3);border-top:4px solid transparent;border-left:4px solid transparent;border-right:4px solid transparent;margin-bottom:2px}a.sort.desc:after{-webkit-transform:rotate(-180deg);transform:rotate(-180deg);margin-bottom:-2px}\n"] }); }
|
|
3263
3272
|
}
|
|
3264
3273
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: TitleComponent, decorators: [{
|
|
3265
3274
|
type: Component,
|
|
3266
3275
|
args: [{ selector: "ng2-smart-table-title", template: `
|
|
3267
|
-
@if (column.isSortable) {
|
|
3276
|
+
@if (column().isSortable) {
|
|
3268
3277
|
<a
|
|
3269
3278
|
href="#"
|
|
3270
3279
|
(click)="_sort($event)"
|
|
3271
3280
|
class="ng2-smart-sort-link sort"
|
|
3272
3281
|
[class]="currentDirection"
|
|
3273
3282
|
>
|
|
3274
|
-
{{ column.title }}
|
|
3283
|
+
{{ column().title }}
|
|
3275
3284
|
</a>
|
|
3276
3285
|
} @else {
|
|
3277
|
-
<span class="ng2-smart-sort">{{ column.title }}</span>
|
|
3286
|
+
<span class="ng2-smart-sort">{{ column().title }}</span>
|
|
3278
3287
|
}
|
|
3279
3288
|
`, standalone: true, styles: ["a.sort.asc,a.sort.desc{font-weight:700}a.sort.asc:after,a.sort.desc:after{content:\"\";display:inline-block;width:0;height:0;border-bottom:4px solid rgba(0,0,0,.3);border-top:4px solid transparent;border-left:4px solid transparent;border-right:4px solid transparent;margin-bottom:2px}a.sort.desc:after{-webkit-transform:rotate(-180deg);transform:rotate(-180deg);margin-bottom:-2px}\n"] }]
|
|
3280
|
-
}]
|
|
3281
|
-
type: Input
|
|
3282
|
-
}], source: [{
|
|
3283
|
-
type: Input
|
|
3284
|
-
}] } });
|
|
3289
|
+
}] });
|
|
3285
3290
|
|
|
3286
3291
|
class ColumnTitleComponent {
|
|
3287
3292
|
constructor() {
|
|
3293
|
+
this.source = input.required();
|
|
3294
|
+
this.column = input.required();
|
|
3288
3295
|
this.sort = output();
|
|
3289
3296
|
}
|
|
3290
3297
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: ColumnTitleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
3291
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
|
|
3298
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.0.3", type: ColumnTitleComponent, isStandalone: true, selector: "ng2-st-column-title", inputs: { source: { classPropertyName: "source", publicName: "source", isSignal: true, isRequired: true, transformFunction: null }, column: { classPropertyName: "column", publicName: "column", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { sort: "sort" }, ngImport: i0, template: `
|
|
3292
3299
|
<div class="ng2-smart-title">
|
|
3293
3300
|
<ng2-smart-table-title
|
|
3294
|
-
[source]="source"
|
|
3295
|
-
[column]="column"
|
|
3301
|
+
[source]="source()"
|
|
3302
|
+
[column]="column()"
|
|
3296
3303
|
(sort)="sort.emit($event)"
|
|
3297
3304
|
></ng2-smart-table-title>
|
|
3298
3305
|
</div>
|
|
3299
|
-
`, isInline: true, dependencies: [{ kind: "component", type: TitleComponent, selector: "ng2-smart-table-title", inputs: ["
|
|
3306
|
+
`, isInline: true, dependencies: [{ kind: "component", type: TitleComponent, selector: "ng2-smart-table-title", inputs: ["source", "column"], outputs: ["sort"] }] }); }
|
|
3300
3307
|
}
|
|
3301
3308
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: ColumnTitleComponent, decorators: [{
|
|
3302
3309
|
type: Component,
|
|
@@ -3305,8 +3312,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImpor
|
|
|
3305
3312
|
template: `
|
|
3306
3313
|
<div class="ng2-smart-title">
|
|
3307
3314
|
<ng2-smart-table-title
|
|
3308
|
-
[source]="source"
|
|
3309
|
-
[column]="column"
|
|
3315
|
+
[source]="source()"
|
|
3316
|
+
[column]="column()"
|
|
3310
3317
|
(sort)="sort.emit($event)"
|
|
3311
3318
|
></ng2-smart-table-title>
|
|
3312
3319
|
</div>
|
|
@@ -3314,11 +3321,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImpor
|
|
|
3314
3321
|
standalone: true,
|
|
3315
3322
|
imports: [TitleComponent],
|
|
3316
3323
|
}]
|
|
3317
|
-
}]
|
|
3318
|
-
type: Input
|
|
3319
|
-
}], source: [{
|
|
3320
|
-
type: Input
|
|
3321
|
-
}] } });
|
|
3324
|
+
}] });
|
|
3322
3325
|
|
|
3323
3326
|
class TheadTitlesRowComponent {
|
|
3324
3327
|
constructor() {
|
|
@@ -3336,7 +3339,6 @@ class TheadTitlesRowComponent {
|
|
|
3336
3339
|
<th
|
|
3337
3340
|
ng2-st-checkbox-select-all
|
|
3338
3341
|
[grid]="grid()"
|
|
3339
|
-
[source]="source()"
|
|
3340
3342
|
(click)="selectAllRows.emit($event)"
|
|
3341
3343
|
></th>
|
|
3342
3344
|
} @if (grid().actionIsOnLeft() && grid().isActionsVisible()) {
|
|
@@ -3357,7 +3359,7 @@ class TheadTitlesRowComponent {
|
|
|
3357
3359
|
} @if (grid().actionIsOnRight() && grid().isActionsVisible()) {
|
|
3358
3360
|
<th ng2-st-actions-title [grid]="grid()"></th>
|
|
3359
3361
|
}
|
|
3360
|
-
`, isInline: true, dependencies: [{ kind: "component", type: CheckboxSelectAllComponent, selector: "[ng2-st-checkbox-select-all]", inputs: ["grid"
|
|
3362
|
+
`, isInline: true, dependencies: [{ kind: "component", type: CheckboxSelectAllComponent, selector: "[ng2-st-checkbox-select-all]", inputs: ["grid"] }, { kind: "component", type: ActionsTitleComponent, selector: "[ng2-st-actions-title]", inputs: ["grid"] }, { kind: "component", type: ColumnTitleComponent, selector: "ng2-st-column-title", inputs: ["source", "column"], outputs: ["sort"] }] }); }
|
|
3361
3363
|
}
|
|
3362
3364
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: TheadTitlesRowComponent, decorators: [{
|
|
3363
3365
|
type: Component,
|
|
@@ -3368,7 +3370,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImpor
|
|
|
3368
3370
|
<th
|
|
3369
3371
|
ng2-st-checkbox-select-all
|
|
3370
3372
|
[grid]="grid()"
|
|
3371
|
-
[source]="source()"
|
|
3372
3373
|
(click)="selectAllRows.emit($event)"
|
|
3373
3374
|
></th>
|
|
3374
3375
|
} @if (grid().actionIsOnLeft() && grid().isActionsVisible()) {
|