@den4ik92/ng2-smart-table 19.1.1 → 19.1.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/den4ik92-ng2-smart-table.mjs +130 -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 +1 -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 {
|
|
@@ -39,11 +39,11 @@ class DefaultFilter {
|
|
|
39
39
|
this.filter.emit(this.query);
|
|
40
40
|
}
|
|
41
41
|
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: "
|
|
42
|
+
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 }, column: { classPropertyName: "column", publicName: "column", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { filter: "filter" }, ngImport: i0, template: '', isInline: true }); }
|
|
43
43
|
}
|
|
44
44
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: DefaultFilter, decorators: [{
|
|
45
45
|
type: Component,
|
|
46
|
-
args: [{ template: '' }]
|
|
46
|
+
args: [{ template: '', selector: 'ng2-default-base-filter-component' }]
|
|
47
47
|
}], propDecorators: { query: [{
|
|
48
48
|
type: Input
|
|
49
49
|
}] } });
|
|
@@ -195,11 +195,11 @@ class TableColumnsEditorComponent {
|
|
|
195
195
|
this.stateHasChanged.set(JSON.stringify(this.grid()?.currentColumnsSortState) !== JSON.stringify(this.currentState));
|
|
196
196
|
}
|
|
197
197
|
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: "
|
|
198
|
+
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
199
|
}
|
|
200
200
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: TableColumnsEditorComponent, decorators: [{
|
|
201
201
|
type: Component,
|
|
202
|
-
args: [{ selector: "
|
|
202
|
+
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
203
|
}], ctorParameters: () => [] });
|
|
204
204
|
|
|
205
205
|
class SmartTableColumnEditorDirective {
|
|
@@ -283,26 +283,25 @@ class SmartTableColumnEditorDirective {
|
|
|
283
283
|
});
|
|
284
284
|
}
|
|
285
285
|
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: "[
|
|
286
|
+
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
287
|
}
|
|
288
288
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: SmartTableColumnEditorDirective, decorators: [{
|
|
289
289
|
type: Directive,
|
|
290
290
|
args: [{
|
|
291
|
-
selector: "[
|
|
291
|
+
selector: "[ng2SmartTableColumnEditor]",
|
|
292
292
|
host: {
|
|
293
293
|
"(click)": "buttclicked()",
|
|
294
294
|
},
|
|
295
295
|
}]
|
|
296
296
|
}] });
|
|
297
297
|
|
|
298
|
-
function prepareValue(value) { return value; }
|
|
299
298
|
class Cell {
|
|
300
|
-
static { this.PREPARE = prepareValue; }
|
|
301
299
|
constructor(value, row, column, dataSet) {
|
|
302
300
|
this.value = value;
|
|
303
301
|
this.row = row;
|
|
304
302
|
this.column = column;
|
|
305
303
|
this.dataSet = dataSet;
|
|
304
|
+
this.prepareValue = (value) => value;
|
|
306
305
|
this.newValue = '';
|
|
307
306
|
this.newValue = value;
|
|
308
307
|
}
|
|
@@ -316,9 +315,12 @@ class Cell {
|
|
|
316
315
|
return this.row;
|
|
317
316
|
}
|
|
318
317
|
getValue() {
|
|
319
|
-
const prepare = this.column.getValuePrepareFunction() ||
|
|
318
|
+
const prepare = this.column.getValuePrepareFunction() || this.prepareValue;
|
|
320
319
|
return prepare.call(null, this.value, this.row.getData(), this);
|
|
321
320
|
}
|
|
321
|
+
getNotPrepareValue() {
|
|
322
|
+
return this.value;
|
|
323
|
+
}
|
|
322
324
|
setValue(value) {
|
|
323
325
|
this.newValue = value;
|
|
324
326
|
}
|
|
@@ -594,7 +596,7 @@ function compareValues(direction, a, b) {
|
|
|
594
596
|
}
|
|
595
597
|
class LocalSorter {
|
|
596
598
|
static sort(data, field, direction, customCompare) {
|
|
597
|
-
const dir =
|
|
599
|
+
const dir = direction === "asc" ? 1 : -1;
|
|
598
600
|
const compare = customCompare ? customCompare : compareValues;
|
|
599
601
|
return data.sort((a, b) => {
|
|
600
602
|
return compare.call(null, dir, a[field], b[field]);
|
|
@@ -1164,11 +1166,11 @@ class EditCellDefaultComponent {
|
|
|
1164
1166
|
this.inputClass = input('');
|
|
1165
1167
|
}
|
|
1166
1168
|
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: "
|
|
1169
|
+
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
1170
|
}
|
|
1169
1171
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: EditCellDefaultComponent, decorators: [{
|
|
1170
1172
|
type: Component,
|
|
1171
|
-
args: [{ template: '' }]
|
|
1173
|
+
args: [{ template: '', selector: 'ng2-edit-cell-default-base-component' }]
|
|
1172
1174
|
}] });
|
|
1173
1175
|
|
|
1174
1176
|
class CustomEditComponent extends EditCellDefaultComponent {
|
|
@@ -1196,12 +1198,12 @@ class CustomEditComponent extends EditCellDefaultComponent {
|
|
|
1196
1198
|
}
|
|
1197
1199
|
}
|
|
1198
1200
|
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 }); }
|
|
1201
|
+
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
1202
|
}
|
|
1201
1203
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: CustomEditComponent, decorators: [{
|
|
1202
1204
|
type: Component,
|
|
1203
1205
|
args: [{
|
|
1204
|
-
selector: "table-cell-custom-editor",
|
|
1206
|
+
selector: "ng2-table-cell-custom-editor",
|
|
1205
1207
|
template: ` <ng-template #dynamicTarget></ng-template> `,
|
|
1206
1208
|
standalone: true,
|
|
1207
1209
|
}]
|
|
@@ -1224,7 +1226,7 @@ class CheckboxEditorComponent extends DefaultEditor {
|
|
|
1224
1226
|
this.cell().newValue = event.target.checked ? this.trueVal() : this.falseVal();
|
|
1225
1227
|
}
|
|
1226
1228
|
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: `
|
|
1229
|
+
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
1230
|
<input
|
|
1229
1231
|
[class]="inputClass()"
|
|
1230
1232
|
type="checkbox"
|
|
@@ -1240,7 +1242,7 @@ class CheckboxEditorComponent extends DefaultEditor {
|
|
|
1240
1242
|
}
|
|
1241
1243
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: CheckboxEditorComponent, decorators: [{
|
|
1242
1244
|
type: Component,
|
|
1243
|
-
args: [{ selector: "checkbox-editor", template: `
|
|
1245
|
+
args: [{ selector: "ng2-checkbox-editor", template: `
|
|
1244
1246
|
<input
|
|
1245
1247
|
[class]="inputClass()"
|
|
1246
1248
|
type="checkbox"
|
|
@@ -1260,7 +1262,7 @@ class InputEditorComponent extends DefaultEditor {
|
|
|
1260
1262
|
super();
|
|
1261
1263
|
}
|
|
1262
1264
|
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: `
|
|
1265
|
+
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
1266
|
<input
|
|
1265
1267
|
[class]="inputClass()"
|
|
1266
1268
|
class="form-control"
|
|
@@ -1273,7 +1275,7 @@ class InputEditorComponent extends DefaultEditor {
|
|
|
1273
1275
|
}
|
|
1274
1276
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: InputEditorComponent, decorators: [{
|
|
1275
1277
|
type: Component,
|
|
1276
|
-
args: [{ selector: "input-editor", template: `
|
|
1278
|
+
args: [{ selector: "ng2-input-editor", template: `
|
|
1277
1279
|
<input
|
|
1278
1280
|
[class]="inputClass()"
|
|
1279
1281
|
class="form-control"
|
|
@@ -1290,7 +1292,7 @@ class SelectEditorComponent extends DefaultEditor {
|
|
|
1290
1292
|
super();
|
|
1291
1293
|
}
|
|
1292
1294
|
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: `
|
|
1295
|
+
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
1296
|
<select
|
|
1295
1297
|
[class]="inputClass()"
|
|
1296
1298
|
class="form-control"
|
|
@@ -1312,7 +1314,7 @@ class SelectEditorComponent extends DefaultEditor {
|
|
|
1312
1314
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: SelectEditorComponent, decorators: [{
|
|
1313
1315
|
type: Component,
|
|
1314
1316
|
args: [{
|
|
1315
|
-
selector: "select-editor",
|
|
1317
|
+
selector: "ng2-select-editor",
|
|
1316
1318
|
template: `
|
|
1317
1319
|
<select
|
|
1318
1320
|
[class]="inputClass()"
|
|
@@ -1341,7 +1343,7 @@ class TextareaEditorComponent extends DefaultEditor {
|
|
|
1341
1343
|
super();
|
|
1342
1344
|
}
|
|
1343
1345
|
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: `
|
|
1346
|
+
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
1347
|
<textarea
|
|
1346
1348
|
[class]="inputClass()"
|
|
1347
1349
|
class="form-control"
|
|
@@ -1355,7 +1357,7 @@ class TextareaEditorComponent extends DefaultEditor {
|
|
|
1355
1357
|
}
|
|
1356
1358
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: TextareaEditorComponent, decorators: [{
|
|
1357
1359
|
type: Component,
|
|
1358
|
-
args: [{ selector: "textarea-editor", template: `
|
|
1360
|
+
args: [{ selector: "ng2-textarea-editor", template: `
|
|
1359
1361
|
<textarea
|
|
1360
1362
|
[class]="inputClass()"
|
|
1361
1363
|
class="form-control"
|
|
@@ -1380,16 +1382,16 @@ class DefaultEditComponent extends EditCellDefaultComponent {
|
|
|
1380
1382
|
return "text";
|
|
1381
1383
|
}
|
|
1382
1384
|
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" }] }); }
|
|
1385
|
+
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
1386
|
}
|
|
1385
1387
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: DefaultEditComponent, decorators: [{
|
|
1386
1388
|
type: Component,
|
|
1387
|
-
args: [{ selector: "table-cell-default-editor", imports: [
|
|
1389
|
+
args: [{ selector: "ng2-table-cell-default-editor", imports: [
|
|
1388
1390
|
SelectEditorComponent,
|
|
1389
1391
|
TextareaEditorComponent,
|
|
1390
1392
|
CheckboxEditorComponent,
|
|
1391
1393
|
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>" }]
|
|
1394
|
+
], 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
1395
|
}], ctorParameters: () => [] });
|
|
1394
1396
|
|
|
1395
1397
|
class EditCellComponent {
|
|
@@ -1405,42 +1407,36 @@ class EditCellComponent {
|
|
|
1405
1407
|
return "text";
|
|
1406
1408
|
}
|
|
1407
1409
|
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: `
|
|
1410
|
+
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
1411
|
<div>
|
|
1410
1412
|
@switch (getEditorType()) { @case ('custom') {
|
|
1411
|
-
<table-cell-custom-editor
|
|
1412
|
-
|
|
1413
|
-
[inputClass]="inputClass()"
|
|
1414
|
-
>
|
|
1415
|
-
</table-cell-custom-editor>
|
|
1413
|
+
<ng2-table-cell-custom-editor [cell]="cell()" [inputClass]="inputClass()">
|
|
1414
|
+
</ng2-table-cell-custom-editor>
|
|
1416
1415
|
} @default {
|
|
1417
|
-
<table-cell-default-editor
|
|
1416
|
+
<ng2-table-cell-default-editor
|
|
1418
1417
|
[cell]="cell()"
|
|
1419
1418
|
[inputClass]="inputClass()"
|
|
1420
1419
|
>
|
|
1421
|
-
</table-cell-default-editor>
|
|
1420
|
+
</ng2-table-cell-default-editor>
|
|
1422
1421
|
} }
|
|
1423
1422
|
</div>
|
|
1424
|
-
`, isInline: true, dependencies: [{ kind: "component", type: CustomEditComponent, selector: "table-cell-custom-editor" }, { kind: "component", type: DefaultEditComponent, selector: "table-cell-default-editor" }] }); }
|
|
1423
|
+
`, isInline: true, dependencies: [{ kind: "component", type: CustomEditComponent, selector: "ng2-table-cell-custom-editor" }, { kind: "component", type: DefaultEditComponent, selector: "ng2-table-cell-default-editor" }] }); }
|
|
1425
1424
|
}
|
|
1426
1425
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: EditCellComponent, decorators: [{
|
|
1427
1426
|
type: Component,
|
|
1428
1427
|
args: [{
|
|
1429
|
-
selector: "table-cell-edit-mode",
|
|
1428
|
+
selector: "ng2-table-cell-edit-mode",
|
|
1430
1429
|
template: `
|
|
1431
1430
|
<div>
|
|
1432
1431
|
@switch (getEditorType()) { @case ('custom') {
|
|
1433
|
-
<table-cell-custom-editor
|
|
1434
|
-
|
|
1435
|
-
[inputClass]="inputClass()"
|
|
1436
|
-
>
|
|
1437
|
-
</table-cell-custom-editor>
|
|
1432
|
+
<ng2-table-cell-custom-editor [cell]="cell()" [inputClass]="inputClass()">
|
|
1433
|
+
</ng2-table-cell-custom-editor>
|
|
1438
1434
|
} @default {
|
|
1439
|
-
<table-cell-default-editor
|
|
1435
|
+
<ng2-table-cell-default-editor
|
|
1440
1436
|
[cell]="cell()"
|
|
1441
1437
|
[inputClass]="inputClass()"
|
|
1442
1438
|
>
|
|
1443
|
-
</table-cell-default-editor>
|
|
1439
|
+
</ng2-table-cell-default-editor>
|
|
1444
1440
|
} }
|
|
1445
1441
|
</div>
|
|
1446
1442
|
`,
|
|
@@ -1454,7 +1450,7 @@ class CustomViewComponent {
|
|
|
1454
1450
|
this.cell = input.required();
|
|
1455
1451
|
}
|
|
1456
1452
|
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
|
|
1453
|
+
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
1454
|
*ngComponentOutlet="
|
|
1459
1455
|
cell().getColumn().renderComponent;
|
|
1460
1456
|
inputs: { rowData: cell().getRow().getData(), value: cell().getValue() }
|
|
@@ -1464,7 +1460,7 @@ class CustomViewComponent {
|
|
|
1464
1460
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: CustomViewComponent, decorators: [{
|
|
1465
1461
|
type: Component,
|
|
1466
1462
|
args: [{
|
|
1467
|
-
selector: "custom-view-component",
|
|
1463
|
+
selector: "ng2-custom-view-component",
|
|
1468
1464
|
template: `<ng-template
|
|
1469
1465
|
*ngComponentOutlet="
|
|
1470
1466
|
cell().getColumn().renderComponent;
|
|
@@ -1481,27 +1477,27 @@ class ViewCellComponent {
|
|
|
1481
1477
|
this.cell = input.required();
|
|
1482
1478
|
}
|
|
1483
1479
|
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: `
|
|
1480
|
+
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
1481
|
<div>
|
|
1486
1482
|
@switch (cell().getColumn().type) { @case ('custom') {
|
|
1487
|
-
<custom-view-component [cell]="cell()"></custom-view-component>
|
|
1483
|
+
<ng2-custom-view-component [cell]="cell()"></ng2-custom-view-component>
|
|
1488
1484
|
} @case ('html') {
|
|
1489
1485
|
<div [innerHTML]="cell().getValue()"></div>
|
|
1490
1486
|
} @default {
|
|
1491
1487
|
<div>{{ cell().getValue() }}</div>
|
|
1492
1488
|
} }
|
|
1493
1489
|
</div>
|
|
1494
|
-
`, isInline: true, dependencies: [{ kind: "component", type: CustomViewComponent, selector: "custom-view-component", inputs: ["cell"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
1490
|
+
`, isInline: true, dependencies: [{ kind: "component", type: CustomViewComponent, selector: "ng2-custom-view-component", inputs: ["cell"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
1495
1491
|
}
|
|
1496
1492
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: ViewCellComponent, decorators: [{
|
|
1497
1493
|
type: Component,
|
|
1498
1494
|
args: [{
|
|
1499
|
-
selector: "table-cell-view-mode",
|
|
1495
|
+
selector: "ng2-table-cell-view-mode",
|
|
1500
1496
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
1501
1497
|
template: `
|
|
1502
1498
|
<div>
|
|
1503
1499
|
@switch (cell().getColumn().type) { @case ('custom') {
|
|
1504
|
-
<custom-view-component [cell]="cell()"></custom-view-component>
|
|
1500
|
+
<ng2-custom-view-component [cell]="cell()"></ng2-custom-view-component>
|
|
1505
1501
|
} @case ('html') {
|
|
1506
1502
|
<div [innerHTML]="cell().getValue()"></div>
|
|
1507
1503
|
} @default {
|
|
@@ -1523,15 +1519,15 @@ class CellComponent {
|
|
|
1523
1519
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: CellComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1524
1520
|
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
1521
|
@if (!isInEditing()) {
|
|
1526
|
-
<table-cell-view-mode [cell]="cell()"></table-cell-view-mode>
|
|
1522
|
+
<ng2-table-cell-view-mode [cell]="cell()"></ng2-table-cell-view-mode>
|
|
1527
1523
|
} @else {
|
|
1528
|
-
<table-cell-edit-mode
|
|
1524
|
+
<ng2-table-cell-edit-mode
|
|
1529
1525
|
[cell]="cell()"
|
|
1530
1526
|
[inputClass]="inputClass()"
|
|
1531
1527
|
>
|
|
1532
|
-
</table-cell-edit-mode>
|
|
1528
|
+
</ng2-table-cell-edit-mode>
|
|
1533
1529
|
}
|
|
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"] }] }); }
|
|
1530
|
+
`, 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
1531
|
}
|
|
1536
1532
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: CellComponent, decorators: [{
|
|
1537
1533
|
type: Component,
|
|
@@ -1539,13 +1535,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImpor
|
|
|
1539
1535
|
selector: "ng2-smart-table-cell",
|
|
1540
1536
|
template: `
|
|
1541
1537
|
@if (!isInEditing()) {
|
|
1542
|
-
<table-cell-view-mode [cell]="cell()"></table-cell-view-mode>
|
|
1538
|
+
<ng2-table-cell-view-mode [cell]="cell()"></ng2-table-cell-view-mode>
|
|
1543
1539
|
} @else {
|
|
1544
|
-
<table-cell-edit-mode
|
|
1540
|
+
<ng2-table-cell-edit-mode
|
|
1545
1541
|
[cell]="cell()"
|
|
1546
1542
|
[inputClass]="inputClass()"
|
|
1547
1543
|
>
|
|
1548
|
-
</table-cell-edit-mode>
|
|
1544
|
+
</ng2-table-cell-edit-mode>
|
|
1549
1545
|
}
|
|
1550
1546
|
`,
|
|
1551
1547
|
standalone: true,
|
|
@@ -1812,9 +1808,9 @@ class DataSet {
|
|
|
1812
1808
|
* @param settings
|
|
1813
1809
|
* @private
|
|
1814
1810
|
*/
|
|
1815
|
-
createColumns(
|
|
1816
|
-
|
|
1817
|
-
this.columns.push(new Column(
|
|
1811
|
+
createColumns(columnsParams) {
|
|
1812
|
+
columnsParams.forEach((params) => {
|
|
1813
|
+
this.columns.push(new Column(params.key, params, this));
|
|
1818
1814
|
});
|
|
1819
1815
|
}
|
|
1820
1816
|
/**
|
|
@@ -2488,11 +2484,11 @@ class FilterDefault {
|
|
|
2488
2484
|
});
|
|
2489
2485
|
}
|
|
2490
2486
|
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: "
|
|
2487
|
+
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
2488
|
}
|
|
2493
2489
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: FilterDefault, decorators: [{
|
|
2494
2490
|
type: Component,
|
|
2495
|
-
args: [{ template: '' }]
|
|
2491
|
+
args: [{ template: '', selector: 'ng2-filter-default-component' }]
|
|
2496
2492
|
}], propDecorators: { query: [{
|
|
2497
2493
|
type: Input
|
|
2498
2494
|
}] } });
|
|
@@ -2524,12 +2520,12 @@ class CustomFilterComponent extends FilterDefault {
|
|
|
2524
2520
|
}
|
|
2525
2521
|
}
|
|
2526
2522
|
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 }); }
|
|
2523
|
+
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
2524
|
}
|
|
2529
2525
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: CustomFilterComponent, decorators: [{
|
|
2530
2526
|
type: Component,
|
|
2531
2527
|
args: [{
|
|
2532
|
-
selector: "custom-table-filter",
|
|
2528
|
+
selector: "ng2-custom-table-filter",
|
|
2533
2529
|
template: `<ng-template #dynamicTarget></ng-template>`,
|
|
2534
2530
|
standalone: true,
|
|
2535
2531
|
}]
|
|
@@ -2567,7 +2563,7 @@ class CheckboxFilterComponent extends DefaultFilter {
|
|
|
2567
2563
|
this.setFilter();
|
|
2568
2564
|
}
|
|
2569
2565
|
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: `
|
|
2566
|
+
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
2567
|
<input
|
|
2572
2568
|
type="checkbox"
|
|
2573
2569
|
[formControl]="inputControl"
|
|
@@ -2584,7 +2580,7 @@ class CheckboxFilterComponent extends DefaultFilter {
|
|
|
2584
2580
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: CheckboxFilterComponent, decorators: [{
|
|
2585
2581
|
type: Component,
|
|
2586
2582
|
args: [{
|
|
2587
|
-
selector: "checkbox-filter",
|
|
2583
|
+
selector: "ng2-checkbox-filter",
|
|
2588
2584
|
template: `
|
|
2589
2585
|
<input
|
|
2590
2586
|
type="checkbox"
|
|
@@ -2625,7 +2621,7 @@ class InputFilterComponent extends DefaultFilter {
|
|
|
2625
2621
|
}
|
|
2626
2622
|
}
|
|
2627
2623
|
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: `
|
|
2624
|
+
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
2625
|
<input
|
|
2630
2626
|
[class]="inputClass()"
|
|
2631
2627
|
[formControl]="inputControl"
|
|
@@ -2638,7 +2634,7 @@ class InputFilterComponent extends DefaultFilter {
|
|
|
2638
2634
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: InputFilterComponent, decorators: [{
|
|
2639
2635
|
type: Component,
|
|
2640
2636
|
args: [{
|
|
2641
|
-
selector: "input-filter",
|
|
2637
|
+
selector: "ng2-input-filter",
|
|
2642
2638
|
template: `
|
|
2643
2639
|
<input
|
|
2644
2640
|
[class]="inputClass()"
|
|
@@ -2665,7 +2661,7 @@ class SelectFilterComponent extends DefaultFilter {
|
|
|
2665
2661
|
}
|
|
2666
2662
|
}
|
|
2667
2663
|
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: `
|
|
2664
|
+
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
2665
|
<select [class]="inputClass()"
|
|
2670
2666
|
class="form-control"
|
|
2671
2667
|
#inputControl
|
|
@@ -2683,7 +2679,7 @@ class SelectFilterComponent extends DefaultFilter {
|
|
|
2683
2679
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: SelectFilterComponent, decorators: [{
|
|
2684
2680
|
type: Component,
|
|
2685
2681
|
args: [{
|
|
2686
|
-
selector: 'select-filter',
|
|
2682
|
+
selector: 'ng2-select-filter',
|
|
2687
2683
|
template: `
|
|
2688
2684
|
<select [class]="inputClass()"
|
|
2689
2685
|
class="form-control"
|
|
@@ -2708,63 +2704,63 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImpor
|
|
|
2708
2704
|
|
|
2709
2705
|
class DefaultFilterComponent extends FilterDefault {
|
|
2710
2706
|
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: `
|
|
2707
|
+
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
2708
|
@switch (column().getFilterType()) { @case ('list') {
|
|
2713
|
-
<select-filter
|
|
2709
|
+
<ng2-select-filter
|
|
2714
2710
|
[query]="query"
|
|
2715
2711
|
[class]="inputClass()"
|
|
2716
2712
|
[column]="column()"
|
|
2717
2713
|
(filter)="onFilter($event)"
|
|
2718
2714
|
>
|
|
2719
|
-
</select-filter>
|
|
2715
|
+
</ng2-select-filter>
|
|
2720
2716
|
} @case ('checkbox') {
|
|
2721
|
-
<checkbox-filter
|
|
2717
|
+
<ng2-checkbox-filter
|
|
2722
2718
|
[query]="query"
|
|
2723
2719
|
[class]="inputClass()"
|
|
2724
2720
|
[column]="column()"
|
|
2725
2721
|
(filter)="onFilter($event)"
|
|
2726
2722
|
>
|
|
2727
|
-
</checkbox-filter>
|
|
2723
|
+
</ng2-checkbox-filter>
|
|
2728
2724
|
} @default {
|
|
2729
|
-
<input-filter
|
|
2725
|
+
<ng2-input-filter
|
|
2730
2726
|
[query]="query"
|
|
2731
2727
|
[class]="inputClass()"
|
|
2732
2728
|
[column]="column()"
|
|
2733
2729
|
(filter)="onFilter($event)"
|
|
2734
2730
|
>
|
|
2735
|
-
</input-filter>
|
|
2731
|
+
</ng2-input-filter>
|
|
2736
2732
|
} }
|
|
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" }] }); }
|
|
2733
|
+
`, 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
2734
|
}
|
|
2739
2735
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: DefaultFilterComponent, decorators: [{
|
|
2740
2736
|
type: Component,
|
|
2741
2737
|
args: [{
|
|
2742
|
-
selector: "default-table-filter",
|
|
2738
|
+
selector: "ng2-default-table-filter",
|
|
2743
2739
|
template: `
|
|
2744
2740
|
@switch (column().getFilterType()) { @case ('list') {
|
|
2745
|
-
<select-filter
|
|
2741
|
+
<ng2-select-filter
|
|
2746
2742
|
[query]="query"
|
|
2747
2743
|
[class]="inputClass()"
|
|
2748
2744
|
[column]="column()"
|
|
2749
2745
|
(filter)="onFilter($event)"
|
|
2750
2746
|
>
|
|
2751
|
-
</select-filter>
|
|
2747
|
+
</ng2-select-filter>
|
|
2752
2748
|
} @case ('checkbox') {
|
|
2753
|
-
<checkbox-filter
|
|
2749
|
+
<ng2-checkbox-filter
|
|
2754
2750
|
[query]="query"
|
|
2755
2751
|
[class]="inputClass()"
|
|
2756
2752
|
[column]="column()"
|
|
2757
2753
|
(filter)="onFilter($event)"
|
|
2758
2754
|
>
|
|
2759
|
-
</checkbox-filter>
|
|
2755
|
+
</ng2-checkbox-filter>
|
|
2760
2756
|
} @default {
|
|
2761
|
-
<input-filter
|
|
2757
|
+
<ng2-input-filter
|
|
2762
2758
|
[query]="query"
|
|
2763
2759
|
[class]="inputClass()"
|
|
2764
2760
|
[column]="column()"
|
|
2765
2761
|
(filter)="onFilter($event)"
|
|
2766
2762
|
>
|
|
2767
|
-
</input-filter>
|
|
2763
|
+
</ng2-input-filter>
|
|
2768
2764
|
} }
|
|
2769
2765
|
`,
|
|
2770
2766
|
standalone: true,
|
|
@@ -2805,27 +2801,27 @@ class FilterComponent extends FilterDefault {
|
|
|
2805
2801
|
<div class="ng2-smart-filter">
|
|
2806
2802
|
@switch (column().getFilterType()) {
|
|
2807
2803
|
@case ('custom') {
|
|
2808
|
-
<custom-table-filter
|
|
2804
|
+
<ng2-custom-table-filter
|
|
2809
2805
|
[query]="query"
|
|
2810
2806
|
[column]="column()"
|
|
2811
2807
|
[source]="source()"
|
|
2812
2808
|
[inputClass]="inputClass()"
|
|
2813
2809
|
(filter)="onFilter($event)">
|
|
2814
|
-
</custom-table-filter>
|
|
2810
|
+
</ng2-custom-table-filter>
|
|
2815
2811
|
}
|
|
2816
2812
|
@default {
|
|
2817
|
-
<default-table-filter
|
|
2813
|
+
<ng2-default-table-filter
|
|
2818
2814
|
[query]="query"
|
|
2819
2815
|
[column]="column()"
|
|
2820
2816
|
[source]="source()"
|
|
2821
2817
|
[inputClass]="inputClass()"
|
|
2822
2818
|
(filter)="onFilter($event)">
|
|
2823
|
-
</default-table-filter>
|
|
2819
|
+
</ng2-default-table-filter>
|
|
2824
2820
|
}
|
|
2825
2821
|
}
|
|
2826
2822
|
</div>
|
|
2827
2823
|
}
|
|
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" }] }); }
|
|
2824
|
+
`, 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
2825
|
}
|
|
2830
2826
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: FilterComponent, decorators: [{
|
|
2831
2827
|
type: Component,
|
|
@@ -2834,22 +2830,22 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImpor
|
|
|
2834
2830
|
<div class="ng2-smart-filter">
|
|
2835
2831
|
@switch (column().getFilterType()) {
|
|
2836
2832
|
@case ('custom') {
|
|
2837
|
-
<custom-table-filter
|
|
2833
|
+
<ng2-custom-table-filter
|
|
2838
2834
|
[query]="query"
|
|
2839
2835
|
[column]="column()"
|
|
2840
2836
|
[source]="source()"
|
|
2841
2837
|
[inputClass]="inputClass()"
|
|
2842
2838
|
(filter)="onFilter($event)">
|
|
2843
|
-
</custom-table-filter>
|
|
2839
|
+
</ng2-custom-table-filter>
|
|
2844
2840
|
}
|
|
2845
2841
|
@default {
|
|
2846
|
-
<default-table-filter
|
|
2842
|
+
<ng2-default-table-filter
|
|
2847
2843
|
[query]="query"
|
|
2848
2844
|
[column]="column()"
|
|
2849
2845
|
[source]="source()"
|
|
2850
2846
|
[inputClass]="inputClass()"
|
|
2851
2847
|
(filter)="onFilter($event)">
|
|
2852
|
-
</default-table-filter>
|
|
2848
|
+
</ng2-default-table-filter>
|
|
2853
2849
|
}
|
|
2854
2850
|
}
|
|
2855
2851
|
</div>
|
|
@@ -3180,9 +3176,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImpor
|
|
|
3180
3176
|
}] });
|
|
3181
3177
|
|
|
3182
3178
|
class CheckboxSelectAllComponent {
|
|
3179
|
+
constructor() {
|
|
3180
|
+
this.grid = input.required();
|
|
3181
|
+
}
|
|
3183
3182
|
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" />
|
|
3183
|
+
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: `
|
|
3184
|
+
<input type="checkbox" [ngModel]="this.grid().dataSet.isAllSelected" />
|
|
3186
3185
|
`, 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
3186
|
}
|
|
3188
3187
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: CheckboxSelectAllComponent, decorators: [{
|
|
@@ -3190,20 +3189,18 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImpor
|
|
|
3190
3189
|
args: [{
|
|
3191
3190
|
selector: "[ng2-st-checkbox-select-all]",
|
|
3192
3191
|
template: `
|
|
3193
|
-
<input type="checkbox" [ngModel]="this.grid.dataSet.isAllSelected" />
|
|
3192
|
+
<input type="checkbox" [ngModel]="this.grid().dataSet.isAllSelected" />
|
|
3194
3193
|
`,
|
|
3195
3194
|
standalone: true,
|
|
3196
3195
|
imports: [FormsModule],
|
|
3197
3196
|
}]
|
|
3198
|
-
}]
|
|
3199
|
-
type: Input
|
|
3200
|
-
}], source: [{
|
|
3201
|
-
type: Input
|
|
3202
|
-
}] } });
|
|
3197
|
+
}] });
|
|
3203
3198
|
|
|
3204
3199
|
class TitleComponent {
|
|
3205
3200
|
constructor() {
|
|
3206
3201
|
this.currentDirection = "";
|
|
3202
|
+
this.source = input.required();
|
|
3203
|
+
this.column = input.required();
|
|
3207
3204
|
this.sort = output();
|
|
3208
3205
|
this.dataChangedSub = false;
|
|
3209
3206
|
}
|
|
@@ -3212,9 +3209,9 @@ class TitleComponent {
|
|
|
3212
3209
|
if (!changes["source"].firstChange && this.dataChangedSub) {
|
|
3213
3210
|
this.dataChangedSub.unsubscribe();
|
|
3214
3211
|
}
|
|
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) {
|
|
3212
|
+
this.dataChangedSub = this.source().onChanged().subscribe((dataChanges) => {
|
|
3213
|
+
const sortConf = this.source().getSort();
|
|
3214
|
+
if (sortConf.length > 0 && sortConf[0]["field"] === this.column().id) {
|
|
3218
3215
|
this.currentDirection = sortConf[0]["direction"];
|
|
3219
3216
|
}
|
|
3220
3217
|
else {
|
|
@@ -3223,14 +3220,19 @@ class TitleComponent {
|
|
|
3223
3220
|
});
|
|
3224
3221
|
}
|
|
3225
3222
|
}
|
|
3223
|
+
ngOnDestroy() {
|
|
3224
|
+
if (this.dataChangedSub) {
|
|
3225
|
+
this.dataChangedSub?.unsubscribe();
|
|
3226
|
+
}
|
|
3227
|
+
}
|
|
3226
3228
|
_sort(event) {
|
|
3227
3229
|
event.preventDefault();
|
|
3228
3230
|
this.changeSortDirection();
|
|
3229
|
-
this.source.setSort([
|
|
3231
|
+
this.source().setSort([
|
|
3230
3232
|
{
|
|
3231
|
-
field: this.column.id,
|
|
3233
|
+
field: this.column().id,
|
|
3232
3234
|
direction: this.currentDirection === "desc" ? "desc" : "asc",
|
|
3233
|
-
compare: this.column.getCompareFunction(),
|
|
3235
|
+
compare: this.column().getCompareFunction(),
|
|
3234
3236
|
},
|
|
3235
3237
|
]);
|
|
3236
3238
|
this.sort.emit(null);
|
|
@@ -3241,62 +3243,60 @@ class TitleComponent {
|
|
|
3241
3243
|
this.currentDirection = newDirection;
|
|
3242
3244
|
}
|
|
3243
3245
|
else {
|
|
3244
|
-
this.currentDirection = this.column.sortDirection;
|
|
3246
|
+
this.currentDirection = this.column().sortDirection;
|
|
3245
3247
|
}
|
|
3246
3248
|
return this.currentDirection;
|
|
3247
3249
|
}
|
|
3248
3250
|
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) {
|
|
3251
|
+
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: `
|
|
3252
|
+
@if (column().isSortable) {
|
|
3251
3253
|
<a
|
|
3252
3254
|
href="#"
|
|
3253
3255
|
(click)="_sort($event)"
|
|
3254
3256
|
class="ng2-smart-sort-link sort"
|
|
3255
3257
|
[class]="currentDirection"
|
|
3256
3258
|
>
|
|
3257
|
-
{{ column.title }}
|
|
3259
|
+
{{ column().title }}
|
|
3258
3260
|
</a>
|
|
3259
3261
|
} @else {
|
|
3260
|
-
<span class="ng2-smart-sort">{{ column.title }}</span>
|
|
3262
|
+
<span class="ng2-smart-sort">{{ column().title }}</span>
|
|
3261
3263
|
}
|
|
3262
3264
|
`, 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
3265
|
}
|
|
3264
3266
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: TitleComponent, decorators: [{
|
|
3265
3267
|
type: Component,
|
|
3266
3268
|
args: [{ selector: "ng2-smart-table-title", template: `
|
|
3267
|
-
@if (column.isSortable) {
|
|
3269
|
+
@if (column().isSortable) {
|
|
3268
3270
|
<a
|
|
3269
3271
|
href="#"
|
|
3270
3272
|
(click)="_sort($event)"
|
|
3271
3273
|
class="ng2-smart-sort-link sort"
|
|
3272
3274
|
[class]="currentDirection"
|
|
3273
3275
|
>
|
|
3274
|
-
{{ column.title }}
|
|
3276
|
+
{{ column().title }}
|
|
3275
3277
|
</a>
|
|
3276
3278
|
} @else {
|
|
3277
|
-
<span class="ng2-smart-sort">{{ column.title }}</span>
|
|
3279
|
+
<span class="ng2-smart-sort">{{ column().title }}</span>
|
|
3278
3280
|
}
|
|
3279
3281
|
`, 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
|
-
}] } });
|
|
3282
|
+
}] });
|
|
3285
3283
|
|
|
3286
3284
|
class ColumnTitleComponent {
|
|
3287
3285
|
constructor() {
|
|
3286
|
+
this.source = input.required();
|
|
3287
|
+
this.column = input.required();
|
|
3288
3288
|
this.sort = output();
|
|
3289
3289
|
}
|
|
3290
3290
|
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: "
|
|
3291
|
+
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
3292
|
<div class="ng2-smart-title">
|
|
3293
3293
|
<ng2-smart-table-title
|
|
3294
|
-
[source]="source"
|
|
3295
|
-
[column]="column"
|
|
3294
|
+
[source]="source()"
|
|
3295
|
+
[column]="column()"
|
|
3296
3296
|
(sort)="sort.emit($event)"
|
|
3297
3297
|
></ng2-smart-table-title>
|
|
3298
3298
|
</div>
|
|
3299
|
-
`, isInline: true, dependencies: [{ kind: "component", type: TitleComponent, selector: "ng2-smart-table-title", inputs: ["
|
|
3299
|
+
`, isInline: true, dependencies: [{ kind: "component", type: TitleComponent, selector: "ng2-smart-table-title", inputs: ["source", "column"], outputs: ["sort"] }] }); }
|
|
3300
3300
|
}
|
|
3301
3301
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: ColumnTitleComponent, decorators: [{
|
|
3302
3302
|
type: Component,
|
|
@@ -3305,8 +3305,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImpor
|
|
|
3305
3305
|
template: `
|
|
3306
3306
|
<div class="ng2-smart-title">
|
|
3307
3307
|
<ng2-smart-table-title
|
|
3308
|
-
[source]="source"
|
|
3309
|
-
[column]="column"
|
|
3308
|
+
[source]="source()"
|
|
3309
|
+
[column]="column()"
|
|
3310
3310
|
(sort)="sort.emit($event)"
|
|
3311
3311
|
></ng2-smart-table-title>
|
|
3312
3312
|
</div>
|
|
@@ -3314,11 +3314,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImpor
|
|
|
3314
3314
|
standalone: true,
|
|
3315
3315
|
imports: [TitleComponent],
|
|
3316
3316
|
}]
|
|
3317
|
-
}]
|
|
3318
|
-
type: Input
|
|
3319
|
-
}], source: [{
|
|
3320
|
-
type: Input
|
|
3321
|
-
}] } });
|
|
3317
|
+
}] });
|
|
3322
3318
|
|
|
3323
3319
|
class TheadTitlesRowComponent {
|
|
3324
3320
|
constructor() {
|
|
@@ -3336,7 +3332,6 @@ class TheadTitlesRowComponent {
|
|
|
3336
3332
|
<th
|
|
3337
3333
|
ng2-st-checkbox-select-all
|
|
3338
3334
|
[grid]="grid()"
|
|
3339
|
-
[source]="source()"
|
|
3340
3335
|
(click)="selectAllRows.emit($event)"
|
|
3341
3336
|
></th>
|
|
3342
3337
|
} @if (grid().actionIsOnLeft() && grid().isActionsVisible()) {
|
|
@@ -3357,7 +3352,7 @@ class TheadTitlesRowComponent {
|
|
|
3357
3352
|
} @if (grid().actionIsOnRight() && grid().isActionsVisible()) {
|
|
3358
3353
|
<th ng2-st-actions-title [grid]="grid()"></th>
|
|
3359
3354
|
}
|
|
3360
|
-
`, isInline: true, dependencies: [{ kind: "component", type: CheckboxSelectAllComponent, selector: "[ng2-st-checkbox-select-all]", inputs: ["grid"
|
|
3355
|
+
`, 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
3356
|
}
|
|
3362
3357
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: TheadTitlesRowComponent, decorators: [{
|
|
3363
3358
|
type: Component,
|
|
@@ -3368,7 +3363,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImpor
|
|
|
3368
3363
|
<th
|
|
3369
3364
|
ng2-st-checkbox-select-all
|
|
3370
3365
|
[grid]="grid()"
|
|
3371
|
-
[source]="source()"
|
|
3372
3366
|
(click)="selectAllRows.emit($event)"
|
|
3373
3367
|
></th>
|
|
3374
3368
|
} @if (grid().actionIsOnLeft() && grid().isActionsVisible()) {
|