@den4ik92/ng2-smart-table 20.7.1 → 21.7.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.
|
@@ -13,25 +13,25 @@ import { NgTemplateOutlet, NgComponentOutlet } from '@angular/common';
|
|
|
13
13
|
|
|
14
14
|
class BaseEditorComponent {
|
|
15
15
|
constructor() {
|
|
16
|
-
this.cell = input.required(...(ngDevMode ? [{ debugName: "cell" }] : []));
|
|
17
|
-
this.inputClass = computed(() => this.cell().column.editorInputClass, ...(ngDevMode ? [{ debugName: "inputClass" }] : []));
|
|
16
|
+
this.cell = input.required(...(ngDevMode ? [{ debugName: "cell" }] : /* istanbul ignore next */ []));
|
|
17
|
+
this.inputClass = computed(() => this.cell().column.editorInputClass, ...(ngDevMode ? [{ debugName: "inputClass" }] : /* istanbul ignore next */ []));
|
|
18
18
|
}
|
|
19
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
20
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "
|
|
19
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: BaseEditorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
20
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.9", type: BaseEditorComponent, isStandalone: true, selector: "ng2-editor-base-component", inputs: { cell: { classPropertyName: "cell", publicName: "cell", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
21
21
|
}
|
|
22
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
22
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: BaseEditorComponent, decorators: [{
|
|
23
23
|
type: Component,
|
|
24
24
|
args: [{ template: '', selector: 'ng2-editor-base-component', changeDetection: ChangeDetectionStrategy.OnPush }]
|
|
25
|
-
}] });
|
|
25
|
+
}], propDecorators: { cell: [{ type: i0.Input, args: [{ isSignal: true, alias: "cell", required: true }] }] } });
|
|
26
26
|
|
|
27
27
|
class BaseFilterComponent {
|
|
28
28
|
constructor() {
|
|
29
29
|
this.delay = 300;
|
|
30
|
-
this.query = input(null, ...(ngDevMode ? [{ debugName: "query" }] : []));
|
|
31
|
-
this.inputClass = input('', ...(ngDevMode ? [{ debugName: "inputClass" }] : []));
|
|
32
|
-
this.source = input.required(...(ngDevMode ? [{ debugName: "source" }] : []));
|
|
33
|
-
this.column = input.required(...(ngDevMode ? [{ debugName: "column" }] : []));
|
|
34
|
-
this.filterEmitter = input.required(...(ngDevMode ? [{ debugName: "filterEmitter" }] : []));
|
|
30
|
+
this.query = input(null, ...(ngDevMode ? [{ debugName: "query" }] : /* istanbul ignore next */ []));
|
|
31
|
+
this.inputClass = input('', ...(ngDevMode ? [{ debugName: "inputClass" }] : /* istanbul ignore next */ []));
|
|
32
|
+
this.source = input.required(...(ngDevMode ? [{ debugName: "source" }] : /* istanbul ignore next */ []));
|
|
33
|
+
this.column = input.required(...(ngDevMode ? [{ debugName: "column" }] : /* istanbul ignore next */ []));
|
|
34
|
+
this.filterEmitter = input.required(...(ngDevMode ? [{ debugName: "filterEmitter" }] : /* istanbul ignore next */ []));
|
|
35
35
|
this.inputControl = new UntypedFormControl();
|
|
36
36
|
this.placeholder = '';
|
|
37
37
|
effect(() => {
|
|
@@ -57,13 +57,13 @@ class BaseFilterComponent {
|
|
|
57
57
|
setFilter(query) {
|
|
58
58
|
this.filterEmitter().emit(query);
|
|
59
59
|
}
|
|
60
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
61
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "
|
|
60
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: BaseFilterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
61
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.9", type: BaseFilterComponent, isStandalone: true, selector: "ng2-base-filter-component", inputs: { query: { classPropertyName: "query", publicName: "query", isSignal: true, 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 }, filterEmitter: { classPropertyName: "filterEmitter", publicName: "filterEmitter", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
62
62
|
}
|
|
63
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
63
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: BaseFilterComponent, decorators: [{
|
|
64
64
|
type: Component,
|
|
65
65
|
args: [{ template: '', selector: 'ng2-base-filter-component', changeDetection: ChangeDetectionStrategy.OnPush }]
|
|
66
|
-
}], ctorParameters: () => [] });
|
|
66
|
+
}], ctorParameters: () => [], propDecorators: { query: [{ type: i0.Input, args: [{ isSignal: true, alias: "query", required: false }] }], inputClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "inputClass", required: false }] }], source: [{ type: i0.Input, args: [{ isSignal: true, alias: "source", required: true }] }], column: [{ type: i0.Input, args: [{ isSignal: true, alias: "column", required: true }] }], filterEmitter: [{ type: i0.Input, args: [{ isSignal: true, alias: "filterEmitter", required: true }] }] } });
|
|
67
67
|
|
|
68
68
|
/**
|
|
69
69
|
* Extending object that entered in first argument.
|
|
@@ -212,10 +212,10 @@ function CheckParentElementClassRecursive(element, className) {
|
|
|
212
212
|
class TableColumnsEditorComponent {
|
|
213
213
|
constructor() {
|
|
214
214
|
this.infoText = 'You can drag and drop columns as you wish and also disable unnecessary ones.';
|
|
215
|
-
this.grid = input(...(ngDevMode ? [undefined, { debugName: "grid" }] : []));
|
|
216
|
-
this.close = input.required(...(ngDevMode ? [{ debugName: "close" }] : []));
|
|
215
|
+
this.grid = input(...(ngDevMode ? [undefined, { debugName: "grid" }] : /* istanbul ignore next */ []));
|
|
216
|
+
this.close = input.required(...(ngDevMode ? [{ debugName: "close" }] : /* istanbul ignore next */ []));
|
|
217
217
|
this.currentState = [];
|
|
218
|
-
this.stateHasChanged = signal(false, ...(ngDevMode ? [{ debugName: "stateHasChanged" }] : []));
|
|
218
|
+
this.stateHasChanged = signal(false, ...(ngDevMode ? [{ debugName: "stateHasChanged" }] : /* istanbul ignore next */ []));
|
|
219
219
|
effect(() => {
|
|
220
220
|
this.currentState = cloneArrayOfObject(this.grid()?.currentColumnsSortState || []);
|
|
221
221
|
});
|
|
@@ -240,20 +240,20 @@ class TableColumnsEditorComponent {
|
|
|
240
240
|
updateChangedState() {
|
|
241
241
|
this.stateHasChanged.set(JSON.stringify(this.grid()?.currentColumnsSortState) !== JSON.stringify(this.currentState));
|
|
242
242
|
}
|
|
243
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
244
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
243
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: TableColumnsEditorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
244
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", 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 class=\"list\" cdkDropList [cdkDropListData]=\"currentState\" (cdkDropListDropped)=\"drop($event)\">\n @for (column of currentState; track column.key + i; let i = $index) {\n <div\n cdkDrag\n [cdkDragLockAxis]=\"'y'\"\n [cdkDragStartDelay]=\"grid()?.columnSortDragDelay() || 0\"\n [cdkDragDisabled]=\"column.moveDisabled\"\n class=\"drag-row\"\n #dragRow\n [style.--drag-row-height]=\"50\">\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 <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(--smart-table-bg-even, #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;background:var(--smart-table-bg, #ffffff);border-radius:.5rem}.sort-card .sort-card-header{display:flex;align-items:center;gap:1rem;padding:.5rem 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{max-height:54dvh;overflow:auto;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:.5rem 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", "cdkDropListHasAnchor"], 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"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
245
245
|
}
|
|
246
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
246
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: TableColumnsEditorComponent, decorators: [{
|
|
247
247
|
type: Component,
|
|
248
248
|
args: [{ selector: 'ng2-table-columns-editor', imports: [CdkDropList, CdkDrag, CdkDragPlaceholder], changeDetection: ChangeDetectionStrategy.OnPush, 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 class=\"list\" cdkDropList [cdkDropListData]=\"currentState\" (cdkDropListDropped)=\"drop($event)\">\n @for (column of currentState; track column.key + i; let i = $index) {\n <div\n cdkDrag\n [cdkDragLockAxis]=\"'y'\"\n [cdkDragStartDelay]=\"grid()?.columnSortDragDelay() || 0\"\n [cdkDragDisabled]=\"column.moveDisabled\"\n class=\"drag-row\"\n #dragRow\n [style.--drag-row-height]=\"50\">\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 <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(--smart-table-bg-even, #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;background:var(--smart-table-bg, #ffffff);border-radius:.5rem}.sort-card .sort-card-header{display:flex;align-items:center;gap:1rem;padding:.5rem 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{max-height:54dvh;overflow:auto;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:.5rem 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"] }]
|
|
249
|
-
}], ctorParameters: () => [] });
|
|
249
|
+
}], ctorParameters: () => [], propDecorators: { grid: [{ type: i0.Input, args: [{ isSignal: true, alias: "grid", required: false }] }], close: [{ type: i0.Input, args: [{ isSignal: true, alias: "close", required: true }] }] } });
|
|
250
250
|
|
|
251
251
|
class SmartTableColumnEditorDirective {
|
|
252
252
|
constructor() {
|
|
253
|
-
this.tableComponent = input(...(ngDevMode ? [undefined, { debugName: "tableComponent" }] : []));
|
|
253
|
+
this.tableComponent = input(...(ngDevMode ? [undefined, { debugName: "tableComponent" }] : /* istanbul ignore next */ []));
|
|
254
254
|
this.grid = computed(() => {
|
|
255
255
|
return this.tableComponent()?.grid;
|
|
256
|
-
}, ...(ngDevMode ? [{ debugName: "grid" }] : []));
|
|
256
|
+
}, ...(ngDevMode ? [{ debugName: "grid" }] : /* istanbul ignore next */ []));
|
|
257
257
|
this.overlay = inject(Overlay);
|
|
258
258
|
this.elementRef = inject(ElementRef);
|
|
259
259
|
this.destroy$ = new Subject();
|
|
@@ -331,10 +331,10 @@ class SmartTableColumnEditorDirective {
|
|
|
331
331
|
backdropClass: 'cdk-overlay-transparent-backdrop',
|
|
332
332
|
});
|
|
333
333
|
}
|
|
334
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
335
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "
|
|
334
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: SmartTableColumnEditorDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
335
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.9", type: SmartTableColumnEditorDirective, isStandalone: true, selector: "[ng2SmartTableColumnEditor]", inputs: { tableComponent: { classPropertyName: "tableComponent", publicName: "tableComponent", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "click": "buttonClicked()" } }, ngImport: i0 }); }
|
|
336
336
|
}
|
|
337
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
337
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: SmartTableColumnEditorDirective, decorators: [{
|
|
338
338
|
type: Directive,
|
|
339
339
|
args: [{
|
|
340
340
|
selector: '[ng2SmartTableColumnEditor]',
|
|
@@ -342,7 +342,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
|
|
|
342
342
|
'(click)': 'buttonClicked()',
|
|
343
343
|
},
|
|
344
344
|
}]
|
|
345
|
-
}] });
|
|
345
|
+
}], propDecorators: { tableComponent: [{ type: i0.Input, args: [{ isSignal: true, alias: "tableComponent", required: false }] }] } });
|
|
346
346
|
|
|
347
347
|
class Cell {
|
|
348
348
|
constructor(value, row, column, cellEmptyText = '') {
|
|
@@ -350,7 +350,7 @@ class Cell {
|
|
|
350
350
|
this.row = row;
|
|
351
351
|
this.column = column;
|
|
352
352
|
this.cellEmptyText = cellEmptyText;
|
|
353
|
-
this.newValue = signal(null, ...(ngDevMode ? [{ debugName: "newValue" }] : []));
|
|
353
|
+
this.newValue = signal(null, ...(ngDevMode ? [{ debugName: "newValue" }] : /* istanbul ignore next */ []));
|
|
354
354
|
this.columnClass = '';
|
|
355
355
|
this.styles = '';
|
|
356
356
|
this.title = '';
|
|
@@ -450,13 +450,13 @@ class Row {
|
|
|
450
450
|
this.rowDataObj = rowDataObj;
|
|
451
451
|
this.columnsList = columnsList;
|
|
452
452
|
this.cellEmptyText = cellEmptyText;
|
|
453
|
-
this.pending = signal(false, ...(ngDevMode ? [{ debugName: "pending" }] : []));
|
|
454
|
-
this.isSelected = signal(false, ...(ngDevMode ? [{ debugName: "isSelected" }] : []));
|
|
455
|
-
this.isInEditing = signal(false, ...(ngDevMode ? [{ debugName: "isInEditing" }] : []));
|
|
456
|
-
this.cells = computed(() => this.columns().map((column) => this.createCell(column, this.rowData())), ...(ngDevMode ? [{ debugName: "cells" }] : []));
|
|
457
|
-
this.rowData = signal({}, ...(ngDevMode ? [{ debugName: "rowData" }] : []));
|
|
458
|
-
this.columns = signal([], ...(ngDevMode ? [{ debugName: "columns" }] : []));
|
|
459
|
-
this.visibleCells = computed(() => this.cells().filter((cell) => !cell.column.hide), ...(ngDevMode ? [{ debugName: "visibleCells" }] : []));
|
|
453
|
+
this.pending = signal(false, ...(ngDevMode ? [{ debugName: "pending" }] : /* istanbul ignore next */ []));
|
|
454
|
+
this.isSelected = signal(false, ...(ngDevMode ? [{ debugName: "isSelected" }] : /* istanbul ignore next */ []));
|
|
455
|
+
this.isInEditing = signal(false, ...(ngDevMode ? [{ debugName: "isInEditing" }] : /* istanbul ignore next */ []));
|
|
456
|
+
this.cells = computed(() => this.columns().map((column) => this.createCell(column, this.rowData())), ...(ngDevMode ? [{ debugName: "cells" }] : /* istanbul ignore next */ []));
|
|
457
|
+
this.rowData = signal({}, ...(ngDevMode ? [{ debugName: "rowData" }] : /* istanbul ignore next */ []));
|
|
458
|
+
this.columns = signal([], ...(ngDevMode ? [{ debugName: "columns" }] : /* istanbul ignore next */ []));
|
|
459
|
+
this.visibleCells = computed(() => this.cells().filter((cell) => !cell.column.hide), ...(ngDevMode ? [{ debugName: "visibleCells" }] : /* istanbul ignore next */ []));
|
|
460
460
|
this.rowData.set(rowDataObj);
|
|
461
461
|
this.columns.set(columnsList);
|
|
462
462
|
}
|
|
@@ -494,16 +494,16 @@ var SmartTableOnChangedEventName;
|
|
|
494
494
|
class DataSource {
|
|
495
495
|
constructor() {
|
|
496
496
|
this.onChangedSource = new Subject();
|
|
497
|
-
this.sortConf = signal(null, ...(ngDevMode ? [{ debugName: "sortConf" }] : []));
|
|
498
|
-
this.filters = signal([], ...(ngDevMode ? [{ debugName: "filters" }] : []));
|
|
497
|
+
this.sortConf = signal(null, ...(ngDevMode ? [{ debugName: "sortConf" }] : /* istanbul ignore next */ []));
|
|
498
|
+
this.filters = signal([], ...(ngDevMode ? [{ debugName: "filters" }] : /* istanbul ignore next */ []));
|
|
499
499
|
this.pagingConf = signal({
|
|
500
500
|
page: 1,
|
|
501
501
|
perPage: 100,
|
|
502
502
|
total: 0,
|
|
503
503
|
display: false,
|
|
504
504
|
perPageSelect: [],
|
|
505
|
-
}, ...(ngDevMode ? [{ debugName: "pagingConf" }] : []));
|
|
506
|
-
this.data = signal([], ...(ngDevMode ? [{ debugName: "data" }] : []));
|
|
505
|
+
}, ...(ngDevMode ? [{ debugName: "pagingConf" }] : /* istanbul ignore next */ []));
|
|
506
|
+
this.data = signal([], ...(ngDevMode ? [{ debugName: "data" }] : /* istanbul ignore next */ []));
|
|
507
507
|
this.getSort = this.sortConf;
|
|
508
508
|
this.getFilters = this.filters;
|
|
509
509
|
}
|
|
@@ -694,11 +694,11 @@ class LocalDataSource extends DataSource {
|
|
|
694
694
|
list = localSort(list, field, direction, compare);
|
|
695
695
|
}
|
|
696
696
|
return list;
|
|
697
|
-
}, ...(ngDevMode ? [{ debugName: "filteredAndSorted" }] : []));
|
|
697
|
+
}, ...(ngDevMode ? [{ debugName: "filteredAndSorted" }] : /* istanbul ignore next */ []));
|
|
698
698
|
this.paginatedList = computed(() => {
|
|
699
699
|
return this.paginate(this.filteredAndSorted());
|
|
700
|
-
}, ...(ngDevMode ? [{ debugName: "paginatedList" }] : []));
|
|
701
|
-
this.count = computed(() => this.filteredAndSorted().length, ...(ngDevMode ? [{ debugName: "count" }] : []));
|
|
700
|
+
}, ...(ngDevMode ? [{ debugName: "paginatedList" }] : /* istanbul ignore next */ []));
|
|
701
|
+
this.count = computed(() => this.filteredAndSorted().length, ...(ngDevMode ? [{ debugName: "count" }] : /* istanbul ignore next */ []));
|
|
702
702
|
this.data.set(data);
|
|
703
703
|
}
|
|
704
704
|
async load(data) {
|
|
@@ -757,8 +757,8 @@ class ServerDataSource extends DataSource {
|
|
|
757
757
|
constructor(paramPrepareFunction, requestFunction, initPagingConf) {
|
|
758
758
|
super();
|
|
759
759
|
this.initPagingConf = initPagingConf;
|
|
760
|
-
this.count = computed(() => this.pagingConf().total, ...(ngDevMode ? [{ debugName: "count" }] : []));
|
|
761
|
-
this.pending = signal(false, ...(ngDevMode ? [{ debugName: "pending" }] : []));
|
|
760
|
+
this.count = computed(() => this.pagingConf().total, ...(ngDevMode ? [{ debugName: "count" }] : /* istanbul ignore next */ []));
|
|
761
|
+
this.pending = signal(false, ...(ngDevMode ? [{ debugName: "pending" }] : /* istanbul ignore next */ []));
|
|
762
762
|
this.pagingConf.update((old) => ({ ...old, ...this.initPagingConf }));
|
|
763
763
|
this.paramPrepareFunction = paramPrepareFunction;
|
|
764
764
|
this.requestFunction = requestFunction;
|
|
@@ -798,17 +798,17 @@ class ServerDataSource extends DataSource {
|
|
|
798
798
|
|
|
799
799
|
class PagerComponent {
|
|
800
800
|
constructor() {
|
|
801
|
-
this.source = input.required(...(ngDevMode ? [{ debugName: "source" }] : []));
|
|
802
|
-
this.content = input(...(ngDevMode ? [undefined, { debugName: "content" }] : []));
|
|
803
|
-
this.pagingConf = computed(() => this.source().pagingConf(), ...(ngDevMode ? [{ debugName: "pagingConf" }] : []));
|
|
804
|
-
this.currentPerPage = computed(() => this.pagingConf().perPage, ...(ngDevMode ? [{ debugName: "currentPerPage" }] : []));
|
|
805
|
-
this.currentPage = computed(() => this.pagingConf().page, ...(ngDevMode ? [{ debugName: "currentPage" }] : []));
|
|
806
|
-
this.isShowTotal = computed(() => !!this.pagingConf().showTotal, ...(ngDevMode ? [{ debugName: "isShowTotal" }] : []));
|
|
807
|
-
this.count = computed(() => this.source().count(), ...(ngDevMode ? [{ debugName: "count" }] : []));
|
|
808
|
-
this.nextButtonText = computed(() => this.pagingConf().nextButtonText, ...(ngDevMode ? [{ debugName: "nextButtonText" }] : []));
|
|
809
|
-
this.prevButtonText = computed(() => this.pagingConf().nextButtonText, ...(ngDevMode ? [{ debugName: "prevButtonText" }] : []));
|
|
810
|
-
this.lastPage = computed(() => Math.ceil(this.count() / this.currentPerPage()) || 1, ...(ngDevMode ? [{ debugName: "lastPage" }] : []));
|
|
811
|
-
this.pages = computed(() => this.getPages(this.currentPage(), this.lastPage(), this.count()), ...(ngDevMode ? [{ debugName: "pages" }] : []));
|
|
801
|
+
this.source = input.required(...(ngDevMode ? [{ debugName: "source" }] : /* istanbul ignore next */ []));
|
|
802
|
+
this.content = input(...(ngDevMode ? [undefined, { debugName: "content" }] : /* istanbul ignore next */ []));
|
|
803
|
+
this.pagingConf = computed(() => this.source().pagingConf(), ...(ngDevMode ? [{ debugName: "pagingConf" }] : /* istanbul ignore next */ []));
|
|
804
|
+
this.currentPerPage = computed(() => this.pagingConf().perPage, ...(ngDevMode ? [{ debugName: "currentPerPage" }] : /* istanbul ignore next */ []));
|
|
805
|
+
this.currentPage = computed(() => this.pagingConf().page, ...(ngDevMode ? [{ debugName: "currentPage" }] : /* istanbul ignore next */ []));
|
|
806
|
+
this.isShowTotal = computed(() => !!this.pagingConf().showTotal, ...(ngDevMode ? [{ debugName: "isShowTotal" }] : /* istanbul ignore next */ []));
|
|
807
|
+
this.count = computed(() => this.source().count(), ...(ngDevMode ? [{ debugName: "count" }] : /* istanbul ignore next */ []));
|
|
808
|
+
this.nextButtonText = computed(() => this.pagingConf().nextButtonText, ...(ngDevMode ? [{ debugName: "nextButtonText" }] : /* istanbul ignore next */ []));
|
|
809
|
+
this.prevButtonText = computed(() => this.pagingConf().nextButtonText, ...(ngDevMode ? [{ debugName: "prevButtonText" }] : /* istanbul ignore next */ []));
|
|
810
|
+
this.lastPage = computed(() => Math.ceil(this.count() / this.currentPerPage()) || 1, ...(ngDevMode ? [{ debugName: "lastPage" }] : /* istanbul ignore next */ []));
|
|
811
|
+
this.pages = computed(() => this.getPages(this.currentPage(), this.lastPage(), this.count()), ...(ngDevMode ? [{ debugName: "pages" }] : /* istanbul ignore next */ []));
|
|
812
812
|
}
|
|
813
813
|
paginate(page) {
|
|
814
814
|
this.source().setPage(page);
|
|
@@ -859,13 +859,13 @@ class PagerComponent {
|
|
|
859
859
|
}
|
|
860
860
|
this.source().setPaging(1, +target.value);
|
|
861
861
|
}
|
|
862
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
863
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
862
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: PagerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
863
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: PagerComponent, isStandalone: true, selector: "ng2-smart-table-pager", inputs: { source: { classPropertyName: "source", publicName: "source", isSignal: true, isRequired: true, transformFunction: null }, content: { classPropertyName: "content", publicName: "content", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div class=\"ng2-smart-table-pagination__wrap\">\n <div class=\"total-wrap\">\n <ng-content>\n @if (content()) {\n <ng-template [ngTemplateOutlet]=\"content()!\"></ng-template>\n } @else {\n @if (isShowTotal()) {\n <span class=\"total-count\"> Total: {{ count() }} </span>\n }\n }\n </ng-content>\n </div>\n <nav class=\"ng2-smart-table-pagination__nav\">\n <ul class=\"ng2-smart-table-pagination__list\">\n <li class=\"ng2-smart-table-pagination__list-item\" [class.disabled]=\"currentPage() <= 1\">\n <a tabindex=\"0\" (keyup)=\"prev()\" (click)=\"prev()\" aria-label=\"Prev\">\n @if (prevButtonText(); as text) {\n {{ text }}\n } @else {\n « Previous\n }\n </a>\n </li>\n @for (page of pages(); track $index) {\n <li class=\"ng2-smart-table-pagination__list-item\" [class.active]=\"currentPage() === page\">\n @if (isString(page) || currentPage() === page) {\n <span>\n {{ page }}\n </span>\n } @else {\n <a [tabindex]=\"page\" (keyup)=\"paginate(page)\" (click)=\"paginate(page)\">{{ page }}</a>\n }\n </li>\n }\n <li class=\"ng2-smart-table-pagination__list-item\" [class.disabled]=\"currentPage() >= lastPage()\">\n <a tabindex=\"10\" (keyup)=\"next()\" (click)=\"next()\" aria-label=\"Next\">\n @if (nextButtonText(); as text) {\n {{ text }}\n } @else {\n Next »\n }\n </a>\n </li>\n </ul>\n </nav>\n <div>\n @if ((pagingConf().perPageSelect?.length || 0) > 0) {\n <nav class=\"ng2-smart-pagination-per-page\">\n <label for=\"per-page\"> Per Page: </label>\n <select\n (change)=\"onChangePerPage($any($event.target))\"\n [ngModel]=\"currentPerPage()\"\n id=\"ng2-smart-pagination-per-page\">\n @for (item of pagingConf().perPageSelect; track $index) {\n <option [value]=\"item\">{{ item }}</option>\n }\n </select>\n </nav>\n }\n </div>\n</div>\n", styles: [".ng2-smart-table-pagination__wrap{width:100%;display:inline-flex;align-items:center;font-size:.875em;padding:1rem}.ng2-smart-table-pagination__nav{margin:0 auto}.ng2-smart-table-pagination__list{margin:0;list-style:none;display:flex}.ng2-smart-table-pagination__list-item span,.ng2-smart-table-pagination__list-item a{color:var(--layout-text-color);padding:.2rem .5rem}.ng2-smart-table-pagination__list-item:not(.disabled) a{cursor:pointer}.ng2-smart-table-pagination__list-item:not(.disabled) a:hover{background-color:var(--layout-background-color);color:var(--layout-text-color)}.ng2-smart-table-pagination__list-item.active span{background-color:var(--card-header-primary-background-color);color:var(--card-header-primary-text-color)}.ng2-smart-table-pagination__list-item.disabled{opacity:.5}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { 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"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
864
864
|
}
|
|
865
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
865
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: PagerComponent, decorators: [{
|
|
866
866
|
type: Component,
|
|
867
867
|
args: [{ selector: 'ng2-smart-table-pager', changeDetection: ChangeDetectionStrategy.OnPush, imports: [FormsModule, NgTemplateOutlet], template: "<div class=\"ng2-smart-table-pagination__wrap\">\n <div class=\"total-wrap\">\n <ng-content>\n @if (content()) {\n <ng-template [ngTemplateOutlet]=\"content()!\"></ng-template>\n } @else {\n @if (isShowTotal()) {\n <span class=\"total-count\"> Total: {{ count() }} </span>\n }\n }\n </ng-content>\n </div>\n <nav class=\"ng2-smart-table-pagination__nav\">\n <ul class=\"ng2-smart-table-pagination__list\">\n <li class=\"ng2-smart-table-pagination__list-item\" [class.disabled]=\"currentPage() <= 1\">\n <a tabindex=\"0\" (keyup)=\"prev()\" (click)=\"prev()\" aria-label=\"Prev\">\n @if (prevButtonText(); as text) {\n {{ text }}\n } @else {\n « Previous\n }\n </a>\n </li>\n @for (page of pages(); track $index) {\n <li class=\"ng2-smart-table-pagination__list-item\" [class.active]=\"currentPage() === page\">\n @if (isString(page) || currentPage() === page) {\n <span>\n {{ page }}\n </span>\n } @else {\n <a [tabindex]=\"page\" (keyup)=\"paginate(page)\" (click)=\"paginate(page)\">{{ page }}</a>\n }\n </li>\n }\n <li class=\"ng2-smart-table-pagination__list-item\" [class.disabled]=\"currentPage() >= lastPage()\">\n <a tabindex=\"10\" (keyup)=\"next()\" (click)=\"next()\" aria-label=\"Next\">\n @if (nextButtonText(); as text) {\n {{ text }}\n } @else {\n Next »\n }\n </a>\n </li>\n </ul>\n </nav>\n <div>\n @if ((pagingConf().perPageSelect?.length || 0) > 0) {\n <nav class=\"ng2-smart-pagination-per-page\">\n <label for=\"per-page\"> Per Page: </label>\n <select\n (change)=\"onChangePerPage($any($event.target))\"\n [ngModel]=\"currentPerPage()\"\n id=\"ng2-smart-pagination-per-page\">\n @for (item of pagingConf().perPageSelect; track $index) {\n <option [value]=\"item\">{{ item }}</option>\n }\n </select>\n </nav>\n }\n </div>\n</div>\n", styles: [".ng2-smart-table-pagination__wrap{width:100%;display:inline-flex;align-items:center;font-size:.875em;padding:1rem}.ng2-smart-table-pagination__nav{margin:0 auto}.ng2-smart-table-pagination__list{margin:0;list-style:none;display:flex}.ng2-smart-table-pagination__list-item span,.ng2-smart-table-pagination__list-item a{color:var(--layout-text-color);padding:.2rem .5rem}.ng2-smart-table-pagination__list-item:not(.disabled) a{cursor:pointer}.ng2-smart-table-pagination__list-item:not(.disabled) a:hover{background-color:var(--layout-background-color);color:var(--layout-text-color)}.ng2-smart-table-pagination__list-item.active span{background-color:var(--card-header-primary-background-color);color:var(--card-header-primary-text-color)}.ng2-smart-table-pagination__list-item.disabled{opacity:.5}\n"] }]
|
|
868
|
-
}] });
|
|
868
|
+
}], propDecorators: { source: [{ type: i0.Input, args: [{ isSignal: true, alias: "source", required: true }] }], content: [{ type: i0.Input, args: [{ isSignal: true, alias: "content", required: false }] }] } });
|
|
869
869
|
|
|
870
870
|
class CheckboxEditorComponent extends BaseEditorComponent {
|
|
871
871
|
constructor() {
|
|
@@ -880,8 +880,8 @@ class CheckboxEditorComponent extends BaseEditorComponent {
|
|
|
880
880
|
onChange(event) {
|
|
881
881
|
this.cell().setNewValue(event.target.checked ? this.trueVal : this.falseVal);
|
|
882
882
|
}
|
|
883
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
884
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
883
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: CheckboxEditorComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
884
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.9", type: CheckboxEditorComponent, isStandalone: true, selector: "ng2-checkbox-editor", usesInheritance: true, ngImport: i0, template: `
|
|
885
885
|
<input
|
|
886
886
|
[class]="inputClass()"
|
|
887
887
|
type="checkbox"
|
|
@@ -892,7 +892,7 @@ class CheckboxEditorComponent extends BaseEditorComponent {
|
|
|
892
892
|
[checked]="cell().getValue() === trueVal" />
|
|
893
893
|
`, isInline: true, styles: [":host input,:host textarea{width:100%;line-height:normal;padding:.375em .75em}:host .ng2-input-number-editor{-moz-appearance:textfield}:host .ng2-input-number-editor::-webkit-outer-spin-button,:host .ng2-input-number-editor::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
894
894
|
}
|
|
895
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
895
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: CheckboxEditorComponent, decorators: [{
|
|
896
896
|
type: Component,
|
|
897
897
|
args: [{ selector: 'ng2-checkbox-editor', template: `
|
|
898
898
|
<input
|
|
@@ -907,8 +907,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
|
|
|
907
907
|
}] });
|
|
908
908
|
|
|
909
909
|
class InputEditorComponent extends BaseEditorComponent {
|
|
910
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
911
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
910
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: InputEditorComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
911
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.9", type: InputEditorComponent, isStandalone: true, selector: "ng2-input-editor", usesInheritance: true, ngImport: i0, template: `
|
|
912
912
|
<input
|
|
913
913
|
type="text"
|
|
914
914
|
[class]="inputClass()"
|
|
@@ -920,7 +920,7 @@ class InputEditorComponent extends BaseEditorComponent {
|
|
|
920
920
|
[disabled]="!cell().isEditable()" />
|
|
921
921
|
`, isInline: true, styles: [":host input,:host textarea{width:100%;line-height:normal;padding:.375em .75em}:host .ng2-input-number-editor{-moz-appearance:textfield}:host .ng2-input-number-editor::-webkit-outer-spin-button,:host .ng2-input-number-editor::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { 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"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
922
922
|
}
|
|
923
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
923
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: InputEditorComponent, decorators: [{
|
|
924
924
|
type: Component,
|
|
925
925
|
args: [{ selector: 'ng2-input-editor', template: `
|
|
926
926
|
<input
|
|
@@ -936,8 +936,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
|
|
|
936
936
|
}] });
|
|
937
937
|
|
|
938
938
|
class InputNumberEditorComponent extends BaseEditorComponent {
|
|
939
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
940
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
939
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: InputNumberEditorComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
940
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.9", type: InputNumberEditorComponent, isStandalone: true, selector: "ng2-input-number-editor", usesInheritance: true, ngImport: i0, template: `
|
|
941
941
|
<input
|
|
942
942
|
type="number"
|
|
943
943
|
class="form-control ng2-input-number-editor"
|
|
@@ -949,7 +949,7 @@ class InputNumberEditorComponent extends BaseEditorComponent {
|
|
|
949
949
|
[disabled]="!cell().isEditable()" />
|
|
950
950
|
`, isInline: true, styles: [":host input,:host textarea{width:100%;line-height:normal;padding:.375em .75em}:host .ng2-input-number-editor{-moz-appearance:textfield}:host .ng2-input-number-editor::-webkit-outer-spin-button,:host .ng2-input-number-editor::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][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"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
951
951
|
}
|
|
952
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
952
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: InputNumberEditorComponent, decorators: [{
|
|
953
953
|
type: Component,
|
|
954
954
|
args: [{ selector: 'ng2-input-number-editor', template: `
|
|
955
955
|
<input
|
|
@@ -965,8 +965,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
|
|
|
965
965
|
}] });
|
|
966
966
|
|
|
967
967
|
class SelectEditorComponent extends BaseEditorComponent {
|
|
968
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
969
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
968
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: SelectEditorComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
969
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: SelectEditorComponent, isStandalone: true, selector: "ng2-select-editor", usesInheritance: true, ngImport: i0, template: `
|
|
970
970
|
<select
|
|
971
971
|
[class]="inputClass()"
|
|
972
972
|
class="form-control"
|
|
@@ -982,7 +982,7 @@ class SelectEditorComponent extends BaseEditorComponent {
|
|
|
982
982
|
</select>
|
|
983
983
|
`, isInline: true, dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { 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"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
984
984
|
}
|
|
985
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
985
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: SelectEditorComponent, decorators: [{
|
|
986
986
|
type: Component,
|
|
987
987
|
args: [{
|
|
988
988
|
selector: 'ng2-select-editor',
|
|
@@ -1007,8 +1007,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
|
|
|
1007
1007
|
}] });
|
|
1008
1008
|
|
|
1009
1009
|
class TextareaEditorComponent extends BaseEditorComponent {
|
|
1010
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1011
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
1010
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: TextareaEditorComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
1011
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.9", type: TextareaEditorComponent, isStandalone: true, selector: "ng2-textarea-editor", usesInheritance: true, ngImport: i0, template: `
|
|
1012
1012
|
<textarea
|
|
1013
1013
|
[class]="inputClass()"
|
|
1014
1014
|
class="form-control"
|
|
@@ -1020,7 +1020,7 @@ class TextareaEditorComponent extends BaseEditorComponent {
|
|
|
1020
1020
|
</textarea>
|
|
1021
1021
|
`, isInline: true, styles: [":host input,:host textarea{width:100%;line-height:normal;padding:.375em .75em}:host .ng2-input-number-editor{-moz-appearance:textfield}:host .ng2-input-number-editor::-webkit-outer-spin-button,:host .ng2-input-number-editor::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { 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"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
1022
1022
|
}
|
|
1023
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1023
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: TextareaEditorComponent, decorators: [{
|
|
1024
1024
|
type: Component,
|
|
1025
1025
|
args: [{ selector: 'ng2-textarea-editor', template: `
|
|
1026
1026
|
<textarea
|
|
@@ -1045,12 +1045,12 @@ class BuildInEditorComponent extends BaseEditorComponent {
|
|
|
1045
1045
|
return editor.type || columnType;
|
|
1046
1046
|
}
|
|
1047
1047
|
return columnType;
|
|
1048
|
-
}, ...(ngDevMode ? [{ debugName: "editorType" }] : []));
|
|
1048
|
+
}, ...(ngDevMode ? [{ debugName: "editorType" }] : /* istanbul ignore next */ []));
|
|
1049
1049
|
}
|
|
1050
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1051
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
1050
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: BuildInEditorComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
1051
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: BuildInEditorComponent, isStandalone: true, selector: "ng2-table-cell-build-in-editor", usesInheritance: true, ngImport: i0, template: "<div role=\"none\" (click)=\"$event.stopPropagation()\">\n @switch (editorType()) {\n @case ('list') {\n <ng2-select-editor [cell]=\"cell()\"> </ng2-select-editor>\n }\n @case ('textarea') {\n <ng2-textarea-editor [cell]=\"cell()\"> </ng2-textarea-editor>\n }\n @case ('checkbox') {\n <ng2-checkbox-editor [cell]=\"cell()\"> </ng2-checkbox-editor>\n }\n @case ('number') {\n <ng2-input-number-editor [cell]=\"cell()\"> </ng2-input-number-editor>\n }\n @default {\n <ng2-input-editor [cell]=\"cell()\"> </ng2-input-editor>\n }\n }\n</div>\n", 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" }, { kind: "component", type: InputNumberEditorComponent, selector: "ng2-input-number-editor" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
1052
1052
|
}
|
|
1053
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1053
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: BuildInEditorComponent, decorators: [{
|
|
1054
1054
|
type: Component,
|
|
1055
1055
|
args: [{ selector: 'ng2-table-cell-build-in-editor', imports: [
|
|
1056
1056
|
SelectEditorComponent,
|
|
@@ -1086,10 +1086,10 @@ class CustomEditComponent extends BaseEditorComponent {
|
|
|
1086
1086
|
this.customComponent.destroy();
|
|
1087
1087
|
}
|
|
1088
1088
|
}
|
|
1089
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1090
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
1089
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: CustomEditComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
1090
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.9", 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, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
1091
1091
|
}
|
|
1092
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1092
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: CustomEditComponent, decorators: [{
|
|
1093
1093
|
type: Component,
|
|
1094
1094
|
args: [{
|
|
1095
1095
|
selector: 'ng2-table-cell-custom-editor',
|
|
@@ -1103,7 +1103,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
|
|
|
1103
1103
|
|
|
1104
1104
|
class EditCellComponent {
|
|
1105
1105
|
constructor() {
|
|
1106
|
-
this.cell = input.required(...(ngDevMode ? [{ debugName: "cell" }] : []));
|
|
1106
|
+
this.cell = input.required(...(ngDevMode ? [{ debugName: "cell" }] : /* istanbul ignore next */ []));
|
|
1107
1107
|
}
|
|
1108
1108
|
getEditorType() {
|
|
1109
1109
|
const editor = this.cell().column.editor;
|
|
@@ -1112,8 +1112,8 @@ class EditCellComponent {
|
|
|
1112
1112
|
}
|
|
1113
1113
|
return 'text';
|
|
1114
1114
|
}
|
|
1115
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1116
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
1115
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: EditCellComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1116
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: EditCellComponent, isStandalone: true, selector: "ng2-table-cell-edit-mode", inputs: { cell: { classPropertyName: "cell", publicName: "cell", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: `
|
|
1117
1117
|
<div>
|
|
1118
1118
|
@switch (getEditorType()) {
|
|
1119
1119
|
@case ('custom') {
|
|
@@ -1126,7 +1126,7 @@ class EditCellComponent {
|
|
|
1126
1126
|
</div>
|
|
1127
1127
|
`, isInline: true, dependencies: [{ kind: "component", type: CustomEditComponent, selector: "ng2-table-cell-custom-editor" }, { kind: "component", type: BuildInEditorComponent, selector: "ng2-table-cell-build-in-editor" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
1128
1128
|
}
|
|
1129
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1129
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: EditCellComponent, decorators: [{
|
|
1130
1130
|
type: Component,
|
|
1131
1131
|
args: [{
|
|
1132
1132
|
selector: 'ng2-table-cell-edit-mode',
|
|
@@ -1145,21 +1145,21 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
|
|
|
1145
1145
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
1146
1146
|
imports: [CustomEditComponent, BuildInEditorComponent],
|
|
1147
1147
|
}]
|
|
1148
|
-
}] });
|
|
1148
|
+
}], propDecorators: { cell: [{ type: i0.Input, args: [{ isSignal: true, alias: "cell", required: true }] }] } });
|
|
1149
1149
|
|
|
1150
1150
|
class CustomViewComponent {
|
|
1151
1151
|
constructor() {
|
|
1152
|
-
this.cell = input.required(...(ngDevMode ? [{ debugName: "cell" }] : []));
|
|
1152
|
+
this.cell = input.required(...(ngDevMode ? [{ debugName: "cell" }] : /* istanbul ignore next */ []));
|
|
1153
1153
|
this.inputs = computed(() => ({
|
|
1154
1154
|
rowData: this.cell().row.rowData(),
|
|
1155
1155
|
value: this.cell().getValue(),
|
|
1156
1156
|
...this.cell().column.renderComponentInputs,
|
|
1157
|
-
}), ...(ngDevMode ? [{ debugName: "inputs" }] : []));
|
|
1157
|
+
}), ...(ngDevMode ? [{ debugName: "inputs" }] : /* istanbul ignore next */ []));
|
|
1158
1158
|
}
|
|
1159
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1160
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "
|
|
1159
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: CustomViewComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1160
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.9", 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 *ngComponentOutlet="cell().column.renderComponent!; inputs: inputs()"></ng-template>`, isInline: true, dependencies: [{ kind: "directive", type: NgComponentOutlet, selector: "[ngComponentOutlet]", inputs: ["ngComponentOutlet", "ngComponentOutletInputs", "ngComponentOutletInjector", "ngComponentOutletEnvironmentInjector", "ngComponentOutletContent", "ngComponentOutletNgModule"], exportAs: ["ngComponentOutlet"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
1161
1161
|
}
|
|
1162
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1162
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: CustomViewComponent, decorators: [{
|
|
1163
1163
|
type: Component,
|
|
1164
1164
|
args: [{
|
|
1165
1165
|
selector: 'ng2-custom-view-component',
|
|
@@ -1167,14 +1167,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
|
|
|
1167
1167
|
imports: [NgComponentOutlet],
|
|
1168
1168
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
1169
1169
|
}]
|
|
1170
|
-
}] });
|
|
1170
|
+
}], propDecorators: { cell: [{ type: i0.Input, args: [{ isSignal: true, alias: "cell", required: true }] }] } });
|
|
1171
1171
|
|
|
1172
1172
|
class ViewCellComponent {
|
|
1173
1173
|
constructor() {
|
|
1174
|
-
this.cell = input.required(...(ngDevMode ? [{ debugName: "cell" }] : []));
|
|
1174
|
+
this.cell = input.required(...(ngDevMode ? [{ debugName: "cell" }] : /* istanbul ignore next */ []));
|
|
1175
1175
|
}
|
|
1176
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1177
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
1176
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: ViewCellComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1177
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", 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: `
|
|
1178
1178
|
<div>
|
|
1179
1179
|
@switch (cell().column.type) {
|
|
1180
1180
|
@case ('custom') {
|
|
@@ -1190,7 +1190,7 @@ class ViewCellComponent {
|
|
|
1190
1190
|
</div>
|
|
1191
1191
|
`, isInline: true, dependencies: [{ kind: "component", type: CustomViewComponent, selector: "ng2-custom-view-component", inputs: ["cell"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
1192
1192
|
}
|
|
1193
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1193
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: ViewCellComponent, decorators: [{
|
|
1194
1194
|
type: Component,
|
|
1195
1195
|
args: [{
|
|
1196
1196
|
selector: 'ng2-table-cell-view-mode',
|
|
@@ -1212,15 +1212,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
|
|
|
1212
1212
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
1213
1213
|
imports: [CustomViewComponent],
|
|
1214
1214
|
}]
|
|
1215
|
-
}] });
|
|
1215
|
+
}], propDecorators: { cell: [{ type: i0.Input, args: [{ isSignal: true, alias: "cell", required: true }] }] } });
|
|
1216
1216
|
|
|
1217
1217
|
class CellComponent {
|
|
1218
1218
|
constructor() {
|
|
1219
|
-
this.cell = input.required(...(ngDevMode ? [{ debugName: "cell" }] : []));
|
|
1220
|
-
this.isInEditing = input(false, ...(ngDevMode ? [{ debugName: "isInEditing" }] : []));
|
|
1219
|
+
this.cell = input.required(...(ngDevMode ? [{ debugName: "cell" }] : /* istanbul ignore next */ []));
|
|
1220
|
+
this.isInEditing = input(false, ...(ngDevMode ? [{ debugName: "isInEditing" }] : /* istanbul ignore next */ []));
|
|
1221
1221
|
}
|
|
1222
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1223
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
1222
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: CellComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1223
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: CellComponent, isStandalone: true, selector: "ng2-smart-table-cell", inputs: { cell: { classPropertyName: "cell", publicName: "cell", isSignal: true, isRequired: true, transformFunction: null }, isInEditing: { classPropertyName: "isInEditing", publicName: "isInEditing", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: `
|
|
1224
1224
|
@if (!isInEditing()) {
|
|
1225
1225
|
<ng2-table-cell-view-mode [cell]="cell()"></ng2-table-cell-view-mode>
|
|
1226
1226
|
} @else {
|
|
@@ -1228,7 +1228,7 @@ class CellComponent {
|
|
|
1228
1228
|
}
|
|
1229
1229
|
`, 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"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
1230
1230
|
}
|
|
1231
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1231
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: CellComponent, decorators: [{
|
|
1232
1232
|
type: Component,
|
|
1233
1233
|
args: [{
|
|
1234
1234
|
selector: 'ng2-smart-table-cell',
|
|
@@ -1242,36 +1242,36 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
|
|
|
1242
1242
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
1243
1243
|
imports: [ViewCellComponent, EditCellComponent],
|
|
1244
1244
|
}]
|
|
1245
|
-
}] });
|
|
1245
|
+
}], propDecorators: { cell: [{ type: i0.Input, args: [{ isSignal: true, alias: "cell", required: true }] }], isInEditing: [{ type: i0.Input, args: [{ isSignal: true, alias: "isInEditing", required: false }] }] } });
|
|
1246
1246
|
|
|
1247
1247
|
class TbodyCreateCancelComponent {
|
|
1248
1248
|
constructor() {
|
|
1249
|
-
this.grid = input.required(...(ngDevMode ? [{ debugName: "grid" }] : []));
|
|
1250
|
-
this.rowIndex = input(...(ngDevMode ? [undefined, { debugName: "rowIndex" }] : []));
|
|
1251
|
-
this.rowPending = input(false, ...(ngDevMode ? [{ debugName: "rowPending" }] : []));
|
|
1249
|
+
this.grid = input.required(...(ngDevMode ? [{ debugName: "grid" }] : /* istanbul ignore next */ []));
|
|
1250
|
+
this.rowIndex = input(...(ngDevMode ? [undefined, { debugName: "rowIndex" }] : /* istanbul ignore next */ []));
|
|
1251
|
+
this.rowPending = input(false, ...(ngDevMode ? [{ debugName: "rowPending" }] : /* istanbul ignore next */ []));
|
|
1252
1252
|
this.save = output();
|
|
1253
1253
|
this.cancelEdit = output();
|
|
1254
1254
|
this.cancelButtonContent = computed(() => {
|
|
1255
1255
|
const edit = this.grid().settings().edit;
|
|
1256
1256
|
return edit ? edit.cancelButtonContent || 'Cancel' : 'Cancel';
|
|
1257
|
-
}, ...(ngDevMode ? [{ debugName: "cancelButtonContent" }] : []));
|
|
1257
|
+
}, ...(ngDevMode ? [{ debugName: "cancelButtonContent" }] : /* istanbul ignore next */ []));
|
|
1258
1258
|
this.saveButtonContent = computed(() => {
|
|
1259
1259
|
const edit = this.grid().settings().edit;
|
|
1260
1260
|
return edit ? edit.saveButtonContent || 'Save' : 'Save';
|
|
1261
|
-
}, ...(ngDevMode ? [{ debugName: "saveButtonContent" }] : []));
|
|
1261
|
+
}, ...(ngDevMode ? [{ debugName: "saveButtonContent" }] : /* istanbul ignore next */ []));
|
|
1262
1262
|
}
|
|
1263
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1264
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
1263
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: TbodyCreateCancelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1264
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: TbodyCreateCancelComponent, isStandalone: true, selector: "ng2-st-tbody-create-cancel", inputs: { grid: { classPropertyName: "grid", publicName: "grid", isSignal: true, isRequired: true, transformFunction: null }, rowIndex: { classPropertyName: "rowIndex", publicName: "rowIndex", isSignal: true, isRequired: false, transformFunction: null }, rowPending: { classPropertyName: "rowPending", publicName: "rowPending", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { save: "save", cancelEdit: "cancelEdit" }, ngImport: i0, template: "<div class=\"buttons-wrap\">\n @if (!rowPending()) {\n <a\n href=\"#\"\n [id]=\"'row-' + rowIndex() + '_editing-confirm-button'\"\n class=\"ng2-smart-action ng2-smart-action-edit-save\"\n [innerHTML]=\"saveButtonContent()\"\n (click)=\"$event.preventDefault(); save.emit($event)\"></a>\n <a\n href=\"#\"\n [id]=\"'row-' + rowIndex() + '_editing-cancel-button'\"\n class=\"ng2-smart-action ng2-smart-action-edit-cancel\"\n [innerHTML]=\"cancelButtonContent()\"\n (click)=\"$event.preventDefault(); cancelEdit.emit($event)\"></a>\n } @else {\n <a class=\"ng2-smart-action ng2-smart-action-edit-save\">\n <ng-container [ngTemplateOutlet]=\"spinner\"></ng-container>\n </a>\n <a class=\"ng2-smart-action ng2-smart-action-edit-save\">\n <ng-container [ngTemplateOutlet]=\"spinner\"></ng-container>\n </a>\n }\n</div>\n\n<ng-template #spinner>\n <svg\n role=\"none\"\n (click)=\"$event.stopPropagation()\"\n style=\"height: 2rem; width: 2rem\"\n version=\"1.1\"\n id=\"L9\"\n xmlns=\"http://www.w3.org/2000/svg\"\n xmlns:xlink=\"http://www.w3.org/1999/xlink\"\n x=\"0px\"\n y=\"0px\"\n viewBox=\"0 0 100 100\"\n enable-background=\"new 0 0 0 0\"\n xml:space=\"preserve\">\n <path\n fill=\"#e9e9e9\"\n d=\"M73,50c0-12.7-10.3-23-23-23S27,37.3,27,50 M30.9,50c0-10.5,8.5-19.1,19.1-19.1S69.1,39.5,69.1,50\">\n <animateTransform\n attributeName=\"transform\"\n attributeType=\"XML\"\n type=\"rotate\"\n dur=\"1s\"\n from=\"0 50 50\"\n to=\"360 50 50\"\n repeatCount=\"indefinite\" />\n </path>\n </svg>\n</ng-template>\n", styles: [".buttons-wrap{display:flex;gap:.5rem}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
1265
1265
|
}
|
|
1266
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1266
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: TbodyCreateCancelComponent, decorators: [{
|
|
1267
1267
|
type: Component,
|
|
1268
1268
|
args: [{ selector: 'ng2-st-tbody-create-cancel', imports: [NgTemplateOutlet], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"buttons-wrap\">\n @if (!rowPending()) {\n <a\n href=\"#\"\n [id]=\"'row-' + rowIndex() + '_editing-confirm-button'\"\n class=\"ng2-smart-action ng2-smart-action-edit-save\"\n [innerHTML]=\"saveButtonContent()\"\n (click)=\"$event.preventDefault(); save.emit($event)\"></a>\n <a\n href=\"#\"\n [id]=\"'row-' + rowIndex() + '_editing-cancel-button'\"\n class=\"ng2-smart-action ng2-smart-action-edit-cancel\"\n [innerHTML]=\"cancelButtonContent()\"\n (click)=\"$event.preventDefault(); cancelEdit.emit($event)\"></a>\n } @else {\n <a class=\"ng2-smart-action ng2-smart-action-edit-save\">\n <ng-container [ngTemplateOutlet]=\"spinner\"></ng-container>\n </a>\n <a class=\"ng2-smart-action ng2-smart-action-edit-save\">\n <ng-container [ngTemplateOutlet]=\"spinner\"></ng-container>\n </a>\n }\n</div>\n\n<ng-template #spinner>\n <svg\n role=\"none\"\n (click)=\"$event.stopPropagation()\"\n style=\"height: 2rem; width: 2rem\"\n version=\"1.1\"\n id=\"L9\"\n xmlns=\"http://www.w3.org/2000/svg\"\n xmlns:xlink=\"http://www.w3.org/1999/xlink\"\n x=\"0px\"\n y=\"0px\"\n viewBox=\"0 0 100 100\"\n enable-background=\"new 0 0 0 0\"\n xml:space=\"preserve\">\n <path\n fill=\"#e9e9e9\"\n d=\"M73,50c0-12.7-10.3-23-23-23S27,37.3,27,50 M30.9,50c0-10.5,8.5-19.1,19.1-19.1S69.1,39.5,69.1,50\">\n <animateTransform\n attributeName=\"transform\"\n attributeType=\"XML\"\n type=\"rotate\"\n dur=\"1s\"\n from=\"0 50 50\"\n to=\"360 50 50\"\n repeatCount=\"indefinite\" />\n </path>\n </svg>\n</ng-template>\n", styles: [".buttons-wrap{display:flex;gap:.5rem}\n"] }]
|
|
1269
|
-
}] });
|
|
1269
|
+
}], propDecorators: { grid: [{ type: i0.Input, args: [{ isSignal: true, alias: "grid", required: true }] }], rowIndex: [{ type: i0.Input, args: [{ isSignal: true, alias: "rowIndex", required: false }] }], rowPending: [{ type: i0.Input, args: [{ isSignal: true, alias: "rowPending", required: false }] }], save: [{ type: i0.Output, args: ["save"] }], cancelEdit: [{ type: i0.Output, args: ["cancelEdit"] }] } });
|
|
1270
1270
|
|
|
1271
1271
|
class RowActionsComponent {
|
|
1272
1272
|
constructor() {
|
|
1273
|
-
this.grid = input.required(...(ngDevMode ? [{ debugName: "grid" }] : []));
|
|
1274
|
-
this.row = input.required(...(ngDevMode ? [{ debugName: "row" }] : []));
|
|
1273
|
+
this.grid = input.required(...(ngDevMode ? [{ debugName: "grid" }] : /* istanbul ignore next */ []));
|
|
1274
|
+
this.row = input.required(...(ngDevMode ? [{ debugName: "row" }] : /* istanbul ignore next */ []));
|
|
1275
1275
|
this.editEmitter = output();
|
|
1276
1276
|
this.deleteEmitter = output();
|
|
1277
1277
|
this.customActionEmitter = output();
|
|
@@ -1282,7 +1282,7 @@ class RowActionsComponent {
|
|
|
1282
1282
|
}
|
|
1283
1283
|
const list = actions.custom.filter((action) => !action.hasPermissionFunction ? true : action.hasPermissionFunction(this.row().rowData()));
|
|
1284
1284
|
return list;
|
|
1285
|
-
}, ...(ngDevMode ? [{ debugName: "customActions" }] : []));
|
|
1285
|
+
}, ...(ngDevMode ? [{ debugName: "customActions" }] : /* istanbul ignore next */ []));
|
|
1286
1286
|
this.isActionEditActive = computed(() => {
|
|
1287
1287
|
const actions = this.grid().settings().actions;
|
|
1288
1288
|
const editConfig = this.grid().settings().edit;
|
|
@@ -1293,7 +1293,7 @@ class RowActionsComponent {
|
|
|
1293
1293
|
return true;
|
|
1294
1294
|
}
|
|
1295
1295
|
return editConfig.hasPermissionFunction(this.row().rowData());
|
|
1296
|
-
}, ...(ngDevMode ? [{ debugName: "isActionEditActive" }] : []));
|
|
1296
|
+
}, ...(ngDevMode ? [{ debugName: "isActionEditActive" }] : /* istanbul ignore next */ []));
|
|
1297
1297
|
this.isActionDeleteActive = computed(() => {
|
|
1298
1298
|
const actions = this.grid().settings().actions;
|
|
1299
1299
|
const deleteConfig = this.grid().settings().delete;
|
|
@@ -1304,24 +1304,24 @@ class RowActionsComponent {
|
|
|
1304
1304
|
return true;
|
|
1305
1305
|
}
|
|
1306
1306
|
return deleteConfig.hasPermissionFunction(this.row().rowData());
|
|
1307
|
-
}, ...(ngDevMode ? [{ debugName: "isActionDeleteActive" }] : []));
|
|
1307
|
+
}, ...(ngDevMode ? [{ debugName: "isActionDeleteActive" }] : /* istanbul ignore next */ []));
|
|
1308
1308
|
this.isExternalMode = computed(() => {
|
|
1309
1309
|
return this.grid().settings().mode === 'external';
|
|
1310
|
-
}, ...(ngDevMode ? [{ debugName: "isExternalMode" }] : []));
|
|
1310
|
+
}, ...(ngDevMode ? [{ debugName: "isExternalMode" }] : /* istanbul ignore next */ []));
|
|
1311
1311
|
this.editRowButtonContent = computed(() => {
|
|
1312
1312
|
const edit = this.grid().settings().edit;
|
|
1313
1313
|
return edit ? edit.editButtonContent || 'Edit' : 'Edit';
|
|
1314
|
-
}, ...(ngDevMode ? [{ debugName: "editRowButtonContent" }] : []));
|
|
1314
|
+
}, ...(ngDevMode ? [{ debugName: "editRowButtonContent" }] : /* istanbul ignore next */ []));
|
|
1315
1315
|
this.deleteRowButtonContent = computed(() => {
|
|
1316
1316
|
const deleteConfig = this.grid().settings().delete;
|
|
1317
1317
|
return deleteConfig ? deleteConfig.deleteButtonContent || 'Delete' : 'Delete';
|
|
1318
|
-
}, ...(ngDevMode ? [{ debugName: "deleteRowButtonContent" }] : []));
|
|
1318
|
+
}, ...(ngDevMode ? [{ debugName: "deleteRowButtonContent" }] : /* istanbul ignore next */ []));
|
|
1319
1319
|
this.allActionsCountArray = computed(() => {
|
|
1320
1320
|
let length = this.customActions().length;
|
|
1321
1321
|
length += this.isActionDeleteActive() ? 1 : 0;
|
|
1322
1322
|
length += this.isActionEditActive() ? 1 : 0;
|
|
1323
1323
|
return new Array(length).fill('');
|
|
1324
|
-
}, ...(ngDevMode ? [{ debugName: "allActionsCountArray" }] : []));
|
|
1324
|
+
}, ...(ngDevMode ? [{ debugName: "allActionsCountArray" }] : /* istanbul ignore next */ []));
|
|
1325
1325
|
}
|
|
1326
1326
|
onCustom(action) {
|
|
1327
1327
|
this.customActionEmitter.emit(action.name);
|
|
@@ -1336,21 +1336,21 @@ class RowActionsComponent {
|
|
|
1336
1336
|
event.stopPropagation();
|
|
1337
1337
|
this.deleteEmitter.emit();
|
|
1338
1338
|
}
|
|
1339
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1340
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
1339
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: RowActionsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1340
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: RowActionsComponent, isStandalone: true, selector: "ng2-row-actions", inputs: { grid: { classPropertyName: "grid", publicName: "grid", isSignal: true, isRequired: true, transformFunction: null }, row: { classPropertyName: "row", publicName: "row", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { editEmitter: "editEmitter", deleteEmitter: "deleteEmitter", customActionEmitter: "customActionEmitter" }, ngImport: i0, template: "@if (!row().pending()) {\n @if (isActionEditActive()) {\n <a\n href=\"#\"\n [id]=\"'row-' + row().index + '_action-edit-button'\"\n class=\"ng2-smart-action ng2-smart-action-edit-edit\"\n [innerHTML]=\"editRowButtonContent()\"\n (click)=\"$event.stopPropagation(); $event.preventDefault(); onEdit($event)\"></a>\n }\n @if (isActionDeleteActive()) {\n <a\n href=\"#\"\n [id]=\"'row-' + row().index + '_action-delete-button'\"\n class=\"ng2-smart-action ng2-smart-action-delete-delete\"\n [innerHTML]=\"deleteRowButtonContent()\"\n (click)=\"$event.stopPropagation(); $event.preventDefault(); onDelete($event)\"></a>\n }\n @for (action of customActions(); track action.name) {\n <a\n [id]=\"'row-' + row().index + '_action-' + action.name + '-button'\"\n href=\"#\"\n class=\"ng2-smart-action ng2-smart-action-custom-custom\"\n [innerHTML]=\"action.title\"\n (click)=\"$event.stopPropagation(); $event.preventDefault(); onCustom(action)\"></a>\n }\n} @else {\n @for (item of allActionsCountArray(); track $index) {\n <ng-container [ngTemplateOutlet]=\"spinner\"></ng-container>\n }\n}\n\n<ng-template #spinner>\n <svg\n role=\"none\"\n (click)=\"$event.stopPropagation()\"\n style=\"height: 2rem; width: 2rem\"\n version=\"1.1\"\n id=\"L9\"\n xmlns=\"http://www.w3.org/2000/svg\"\n xmlns:xlink=\"http://www.w3.org/1999/xlink\"\n x=\"0px\"\n y=\"0px\"\n viewBox=\"0 0 100 100\"\n enable-background=\"new 0 0 0 0\"\n xml:space=\"preserve\">\n <path\n fill=\"#e9e9e9\"\n d=\"M73,50c0-12.7-10.3-23-23-23S27,37.3,27,50 M30.9,50c0-10.5,8.5-19.1,19.1-19.1S69.1,39.5,69.1,50\">\n <animateTransform\n attributeName=\"transform\"\n attributeType=\"XML\"\n type=\"rotate\"\n dur=\"1s\"\n from=\"0 50 50\"\n to=\"360 50 50\"\n repeatCount=\"indefinite\" />\n </path>\n </svg>\n</ng-template>\n", styles: [":host{display:flex}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
1341
1341
|
}
|
|
1342
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1342
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: RowActionsComponent, decorators: [{
|
|
1343
1343
|
type: Component,
|
|
1344
1344
|
args: [{ selector: 'ng2-row-actions', imports: [NgTemplateOutlet], changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (!row().pending()) {\n @if (isActionEditActive()) {\n <a\n href=\"#\"\n [id]=\"'row-' + row().index + '_action-edit-button'\"\n class=\"ng2-smart-action ng2-smart-action-edit-edit\"\n [innerHTML]=\"editRowButtonContent()\"\n (click)=\"$event.stopPropagation(); $event.preventDefault(); onEdit($event)\"></a>\n }\n @if (isActionDeleteActive()) {\n <a\n href=\"#\"\n [id]=\"'row-' + row().index + '_action-delete-button'\"\n class=\"ng2-smart-action ng2-smart-action-delete-delete\"\n [innerHTML]=\"deleteRowButtonContent()\"\n (click)=\"$event.stopPropagation(); $event.preventDefault(); onDelete($event)\"></a>\n }\n @for (action of customActions(); track action.name) {\n <a\n [id]=\"'row-' + row().index + '_action-' + action.name + '-button'\"\n href=\"#\"\n class=\"ng2-smart-action ng2-smart-action-custom-custom\"\n [innerHTML]=\"action.title\"\n (click)=\"$event.stopPropagation(); $event.preventDefault(); onCustom(action)\"></a>\n }\n} @else {\n @for (item of allActionsCountArray(); track $index) {\n <ng-container [ngTemplateOutlet]=\"spinner\"></ng-container>\n }\n}\n\n<ng-template #spinner>\n <svg\n role=\"none\"\n (click)=\"$event.stopPropagation()\"\n style=\"height: 2rem; width: 2rem\"\n version=\"1.1\"\n id=\"L9\"\n xmlns=\"http://www.w3.org/2000/svg\"\n xmlns:xlink=\"http://www.w3.org/1999/xlink\"\n x=\"0px\"\n y=\"0px\"\n viewBox=\"0 0 100 100\"\n enable-background=\"new 0 0 0 0\"\n xml:space=\"preserve\">\n <path\n fill=\"#e9e9e9\"\n d=\"M73,50c0-12.7-10.3-23-23-23S27,37.3,27,50 M30.9,50c0-10.5,8.5-19.1,19.1-19.1S69.1,39.5,69.1,50\">\n <animateTransform\n attributeName=\"transform\"\n attributeType=\"XML\"\n type=\"rotate\"\n dur=\"1s\"\n from=\"0 50 50\"\n to=\"360 50 50\"\n repeatCount=\"indefinite\" />\n </path>\n </svg>\n</ng-template>\n", styles: [":host{display:flex}\n"] }]
|
|
1345
|
-
}] });
|
|
1345
|
+
}], propDecorators: { grid: [{ type: i0.Input, args: [{ isSignal: true, alias: "grid", required: true }] }], row: [{ type: i0.Input, args: [{ isSignal: true, alias: "row", required: true }] }], editEmitter: [{ type: i0.Output, args: ["editEmitter"] }], deleteEmitter: [{ type: i0.Output, args: ["deleteEmitter"] }], customActionEmitter: [{ type: i0.Output, args: ["customActionEmitter"] }] } });
|
|
1346
1346
|
|
|
1347
1347
|
class TrowComponent {
|
|
1348
1348
|
constructor() {
|
|
1349
|
-
this.grid = input.required(...(ngDevMode ? [{ debugName: "grid" }] : []));
|
|
1350
|
-
this.source = input.required(...(ngDevMode ? [{ debugName: "source" }] : []));
|
|
1351
|
-
this.row = input.required(...(ngDevMode ? [{ debugName: "row" }] : []));
|
|
1352
|
-
this.isMobileView = input(false, ...(ngDevMode ? [{ debugName: "isMobileView" }] : []));
|
|
1353
|
-
this.isCreateRow = input(false, ...(ngDevMode ? [{ debugName: "isCreateRow" }] : []));
|
|
1349
|
+
this.grid = input.required(...(ngDevMode ? [{ debugName: "grid" }] : /* istanbul ignore next */ []));
|
|
1350
|
+
this.source = input.required(...(ngDevMode ? [{ debugName: "source" }] : /* istanbul ignore next */ []));
|
|
1351
|
+
this.row = input.required(...(ngDevMode ? [{ debugName: "row" }] : /* istanbul ignore next */ []));
|
|
1352
|
+
this.isMobileView = input(false, ...(ngDevMode ? [{ debugName: "isMobileView" }] : /* istanbul ignore next */ []));
|
|
1353
|
+
this.isCreateRow = input(false, ...(ngDevMode ? [{ debugName: "isCreateRow" }] : /* istanbul ignore next */ []));
|
|
1354
1354
|
this.edit = output();
|
|
1355
1355
|
this.editCancel = output();
|
|
1356
1356
|
this.editConfirmed = output();
|
|
@@ -1376,22 +1376,22 @@ class TrowComponent {
|
|
|
1376
1376
|
this.editCancel.emit();
|
|
1377
1377
|
this.row()?.isInEditing.set(false);
|
|
1378
1378
|
}
|
|
1379
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1380
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
1379
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: TrowComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1380
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: TrowComponent, isStandalone: true, selector: "[ng2-st-trow]", inputs: { grid: { classPropertyName: "grid", publicName: "grid", isSignal: true, isRequired: true, transformFunction: null }, source: { classPropertyName: "source", publicName: "source", isSignal: true, isRequired: true, transformFunction: null }, row: { classPropertyName: "row", publicName: "row", isSignal: true, isRequired: true, transformFunction: null }, isMobileView: { classPropertyName: "isMobileView", publicName: "isMobileView", isSignal: true, isRequired: false, transformFunction: null }, isCreateRow: { classPropertyName: "isCreateRow", publicName: "isCreateRow", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { edit: "edit", editCancel: "editCancel", editConfirmed: "editConfirmed", deleteEmitter: "deleteEmitter", createConfirmed: "createConfirmed", customActionEmitter: "customActionEmitter", userClickedRow: "userClickedRow", multipleSelectRow: "multipleSelectRow" }, host: { properties: { "class.ng2-smart-card": "isMobileView()" } }, ngImport: i0, template: "@if (isMobileView()) {\n <td colspan=\"50\">\n <div class=\"ng2-smart-card-header\">\n <ng-container [ngTemplateOutlet]=\"multiselectCheckbox\"></ng-container>\n <div class=\"ng2-smart-card-actions\">\n <ng-container [ngTemplateOutlet]=\"actions\"></ng-container>\n </div>\n </div>\n <div class=\"ng2-smart-card-content\">\n @for (cell of row().visibleCells(); track cell.id + $index) {\n <div class=\"ng2-smart-card-field\">\n <div class=\"ng2-smart-card-field-label\">{{ cell.title }}</div>\n <div class=\"ng2-smart-card-field-value\">\n <ng2-smart-table-cell [cell]=\"cell\" [isInEditing]=\"!!row().isInEditing()\"> </ng2-smart-table-cell>\n </div>\n </div>\n }\n </div>\n </td>\n} @else {\n <ng-container [ngTemplateOutlet]=\"multiselectCheckbox\"></ng-container>\n @if (grid().actionIsOnLeft()) {\n <ng-container [ngTemplateOutlet]=\"actions\"></ng-container>\n }\n @for (cell of row().visibleCells(); track cell.id + $index) {\n <td [class]=\"cell.columnClass\" [style]=\"cell.styles\">\n <ng2-smart-table-cell [cell]=\"cell\" [isInEditing]=\"!!row().isInEditing()\"> </ng2-smart-table-cell>\n </td>\n }\n @if (grid().actionIsOnRight()) {\n <ng-container [ngTemplateOutlet]=\"actions\"></ng-container>\n }\n}\n\n<ng-template #actions>\n @if (isCreateRow() || row().isInEditing()) {\n <td class=\"ng2-smart-actions\" (click)=\"$event.stopPropagation()\">\n <ng2-st-tbody-create-cancel\n [grid]=\"grid()\"\n [rowIndex]=\"row().index || 0\"\n (cancelEdit)=\"onCancelEdit()\"\n (save)=\"onSave()\"\n [rowPending]=\"!!row().pending()\"></ng2-st-tbody-create-cancel>\n </td>\n } @else {\n @if (grid().isActionsVisible()) {\n <td class=\"ng2-smart-actions\" (click)=\"$event.stopPropagation()\">\n <ng2-row-actions\n [grid]=\"grid()\"\n [row]=\"row()\"\n (customActionEmitter)=\"customActionEmitter.emit($event)\"\n (editEmitter)=\"edit.emit()\"\n (deleteEmitter)=\"deleteEmitter.emit()\"></ng2-row-actions>\n </td>\n }\n }\n</ng-template>\n\n<ng-template #multiselectCheckbox>\n @if (grid().isMultiSelectVisible() && !isCreateRow()) {\n <td\n class=\"ng2-smart-actions ng2-smart-action-multiple-select\"\n (click)=\"$event.stopPropagation(); multipleSelectRow.emit(row())\">\n <input\n type=\"checkbox\"\n [id]=\"'row-' + row().index + '_select-checkbox'\"\n class=\"form-control\"\n [ngModel]=\"row().isSelected()\" />\n </td>\n }\n</ng-template>\n", styles: [":host .ng2-smart-action-multiple-select{margin-right:.5rem;text-align:center}:host.ng2-smart-card{display:block;margin-bottom:1rem;border-radius:.5rem;overflow:hidden;box-shadow:var(--table-card-shadow, 0 0 8px 5px color-mix(in oklab, var(--smart-table-bg, #d7d7d7) 30%, transparent 50%));background-color:var(--smart-table-bg, #ffffff)}:host.ng2-smart-card td{display:block;padding:0;border:none}:host.ng2-smart-card td .ng2-smart-actions{margin:.5rem}:host.ng2-smart-card td .ng2-smart-card-header{display:flex;align-items:center;gap:.5rem;justify-content:space-between}:host.ng2-smart-card td .ng2-smart-card-content{padding:1rem;display:grid;gap:.75rem}@media(min-width:400px){:host.ng2-smart-card td .ng2-smart-card-content{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}}:host.ng2-smart-card td .ng2-smart-card-content .ng2-smart-card-field .ng2-smart-card-field-label{font-weight:600;color:inherit;margin-bottom:.35rem;font-size:.9em}:host.ng2-smart-card td .ng2-smart-card-content .ng2-smart-card-field .ng2-smart-card-field-value{word-break:break-word}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { 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"] }, { kind: "component", type: CellComponent, selector: "ng2-smart-table-cell", inputs: ["cell", "isInEditing"] }, { kind: "component", type: RowActionsComponent, selector: "ng2-row-actions", inputs: ["grid", "row"], outputs: ["editEmitter", "deleteEmitter", "customActionEmitter"] }, { kind: "component", type: TbodyCreateCancelComponent, selector: "ng2-st-tbody-create-cancel", inputs: ["grid", "rowIndex", "rowPending"], outputs: ["save", "cancelEdit"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
1381
1381
|
}
|
|
1382
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1382
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: TrowComponent, decorators: [{
|
|
1383
1383
|
type: Component,
|
|
1384
1384
|
args: [{ selector: '[ng2-st-trow]', imports: [NgTemplateOutlet, FormsModule, CellComponent, RowActionsComponent, TbodyCreateCancelComponent], host: {
|
|
1385
1385
|
'[class.ng2-smart-card]': 'isMobileView()',
|
|
1386
|
-
}, changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (isMobileView()) {\n <td colspan=\"50\">\n <div class=\"ng2-smart-card-header\">\n <ng-container [ngTemplateOutlet]=\"multiselectCheckbox\"></ng-container>\n <div class=\"ng2-smart-card-actions\">\n <ng-container [ngTemplateOutlet]=\"actions\"></ng-container>\n </div>\n </div>\n <div class=\"ng2-smart-card-content\">\n @for (cell of row().visibleCells(); track cell.id + $index) {\n <div class=\"ng2-smart-card-field\">\n <div class=\"ng2-smart-card-field-label\">{{ cell.title }}</div>\n <div class=\"ng2-smart-card-field-value\">\n <ng2-smart-table-cell [cell]=\"cell\" [isInEditing]=\"!!row().isInEditing()\"> </ng2-smart-table-cell>\n </div>\n </div>\n }\n </div>\n </td>\n} @else {\n <ng-container [ngTemplateOutlet]=\"multiselectCheckbox\"></ng-container>\n @if (grid().actionIsOnLeft()) {\n <ng-container [ngTemplateOutlet]=\"actions\"></ng-container>\n }\n @for (cell of row().visibleCells(); track cell.id + $index) {\n <td [class]=\"cell.columnClass\" [style]=\"cell.styles\">\n <ng2-smart-table-cell [cell]=\"cell\" [isInEditing]=\"!!row().isInEditing()\"> </ng2-smart-table-cell>\n </td>\n }\n @if (grid().actionIsOnRight()) {\n <ng-container [ngTemplateOutlet]=\"actions\"></ng-container>\n }\n}\n\n<ng-template #actions>\n @if (isCreateRow() || row().isInEditing()) {\n <td class=\"ng2-smart-actions\" (click)=\"$event.stopPropagation()\">\n <ng2-st-tbody-create-cancel\n [grid]=\"grid()\"\n [rowIndex]=\"row().index || 0\"\n (cancelEdit)=\"onCancelEdit()\"\n (save)=\"onSave()\"\n [rowPending]=\"!!row().pending()\"></ng2-st-tbody-create-cancel>\n </td>\n } @else {\n @if (grid().isActionsVisible()) {\n <td class=\"ng2-smart-actions\" (click)=\"$event.stopPropagation()\">\n <ng2-row-actions\n [grid]=\"grid()\"\n [row]=\"row()\"\n (customActionEmitter)=\"customActionEmitter.emit($event)\"\n (editEmitter)=\"edit.emit()\"\n (deleteEmitter)=\"deleteEmitter.emit()\"></ng2-row-actions>\n </td>\n }\n }\n</ng-template>\n\n<ng-template #multiselectCheckbox>\n @if (grid().isMultiSelectVisible() && !isCreateRow()) {\n <td\n class=\"ng2-smart-actions ng2-smart-action-multiple-select\"\n (click)=\"$event.stopPropagation(); multipleSelectRow.emit(row())\">\n <input\n type=\"checkbox\"\n [id]=\"'row-' + row().index + '_select-checkbox'\"\n class=\"form-control\"\n [ngModel]=\"row().isSelected()\" />\n </td>\n }\n</ng-template>\n", styles: [":host .ng2-smart-action-multiple-select{margin-right:.5rem;text-align:center}:host.ng2-smart-card{display:block;margin-bottom:1rem;border-radius:.5rem;overflow:hidden;box-shadow:var(--table-card-shadow, 0 0 8px 5px color-mix(in oklab, var(--smart-table-bg, #d7d7d7) 30%, transparent 50%));background-color:var(--smart-table-bg, #ffffff)}:host.ng2-smart-card td{display:block;padding:0;border:none}:host.ng2-smart-card td .ng2-smart-actions{margin:.5rem}:host.ng2-smart-card td .ng2-smart-card-header{display:flex;align-items:center;gap:.5rem;justify-content:space-between}:host.ng2-smart-card td .ng2-smart-card-content{padding:1rem;display:grid;gap:.75rem}@media
|
|
1387
|
-
}] });
|
|
1386
|
+
}, changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (isMobileView()) {\n <td colspan=\"50\">\n <div class=\"ng2-smart-card-header\">\n <ng-container [ngTemplateOutlet]=\"multiselectCheckbox\"></ng-container>\n <div class=\"ng2-smart-card-actions\">\n <ng-container [ngTemplateOutlet]=\"actions\"></ng-container>\n </div>\n </div>\n <div class=\"ng2-smart-card-content\">\n @for (cell of row().visibleCells(); track cell.id + $index) {\n <div class=\"ng2-smart-card-field\">\n <div class=\"ng2-smart-card-field-label\">{{ cell.title }}</div>\n <div class=\"ng2-smart-card-field-value\">\n <ng2-smart-table-cell [cell]=\"cell\" [isInEditing]=\"!!row().isInEditing()\"> </ng2-smart-table-cell>\n </div>\n </div>\n }\n </div>\n </td>\n} @else {\n <ng-container [ngTemplateOutlet]=\"multiselectCheckbox\"></ng-container>\n @if (grid().actionIsOnLeft()) {\n <ng-container [ngTemplateOutlet]=\"actions\"></ng-container>\n }\n @for (cell of row().visibleCells(); track cell.id + $index) {\n <td [class]=\"cell.columnClass\" [style]=\"cell.styles\">\n <ng2-smart-table-cell [cell]=\"cell\" [isInEditing]=\"!!row().isInEditing()\"> </ng2-smart-table-cell>\n </td>\n }\n @if (grid().actionIsOnRight()) {\n <ng-container [ngTemplateOutlet]=\"actions\"></ng-container>\n }\n}\n\n<ng-template #actions>\n @if (isCreateRow() || row().isInEditing()) {\n <td class=\"ng2-smart-actions\" (click)=\"$event.stopPropagation()\">\n <ng2-st-tbody-create-cancel\n [grid]=\"grid()\"\n [rowIndex]=\"row().index || 0\"\n (cancelEdit)=\"onCancelEdit()\"\n (save)=\"onSave()\"\n [rowPending]=\"!!row().pending()\"></ng2-st-tbody-create-cancel>\n </td>\n } @else {\n @if (grid().isActionsVisible()) {\n <td class=\"ng2-smart-actions\" (click)=\"$event.stopPropagation()\">\n <ng2-row-actions\n [grid]=\"grid()\"\n [row]=\"row()\"\n (customActionEmitter)=\"customActionEmitter.emit($event)\"\n (editEmitter)=\"edit.emit()\"\n (deleteEmitter)=\"deleteEmitter.emit()\"></ng2-row-actions>\n </td>\n }\n }\n</ng-template>\n\n<ng-template #multiselectCheckbox>\n @if (grid().isMultiSelectVisible() && !isCreateRow()) {\n <td\n class=\"ng2-smart-actions ng2-smart-action-multiple-select\"\n (click)=\"$event.stopPropagation(); multipleSelectRow.emit(row())\">\n <input\n type=\"checkbox\"\n [id]=\"'row-' + row().index + '_select-checkbox'\"\n class=\"form-control\"\n [ngModel]=\"row().isSelected()\" />\n </td>\n }\n</ng-template>\n", styles: [":host .ng2-smart-action-multiple-select{margin-right:.5rem;text-align:center}:host.ng2-smart-card{display:block;margin-bottom:1rem;border-radius:.5rem;overflow:hidden;box-shadow:var(--table-card-shadow, 0 0 8px 5px color-mix(in oklab, var(--smart-table-bg, #d7d7d7) 30%, transparent 50%));background-color:var(--smart-table-bg, #ffffff)}:host.ng2-smart-card td{display:block;padding:0;border:none}:host.ng2-smart-card td .ng2-smart-actions{margin:.5rem}:host.ng2-smart-card td .ng2-smart-card-header{display:flex;align-items:center;gap:.5rem;justify-content:space-between}:host.ng2-smart-card td .ng2-smart-card-content{padding:1rem;display:grid;gap:.75rem}@media(min-width:400px){:host.ng2-smart-card td .ng2-smart-card-content{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}}:host.ng2-smart-card td .ng2-smart-card-content .ng2-smart-card-field .ng2-smart-card-field-label{font-weight:600;color:inherit;margin-bottom:.35rem;font-size:.9em}:host.ng2-smart-card td .ng2-smart-card-content .ng2-smart-card-field .ng2-smart-card-field-value{word-break:break-word}\n"] }]
|
|
1387
|
+
}], propDecorators: { grid: [{ type: i0.Input, args: [{ isSignal: true, alias: "grid", required: true }] }], source: [{ type: i0.Input, args: [{ isSignal: true, alias: "source", required: true }] }], row: [{ type: i0.Input, args: [{ isSignal: true, alias: "row", required: true }] }], isMobileView: [{ type: i0.Input, args: [{ isSignal: true, alias: "isMobileView", required: false }] }], isCreateRow: [{ type: i0.Input, args: [{ isSignal: true, alias: "isCreateRow", required: false }] }], edit: [{ type: i0.Output, args: ["edit"] }], editCancel: [{ type: i0.Output, args: ["editCancel"] }], editConfirmed: [{ type: i0.Output, args: ["editConfirmed"] }], deleteEmitter: [{ type: i0.Output, args: ["deleteEmitter"] }], createConfirmed: [{ type: i0.Output, args: ["createConfirmed"] }], customActionEmitter: [{ type: i0.Output, args: ["customActionEmitter"] }], userClickedRow: [{ type: i0.Output, args: ["userClickedRow"] }], multipleSelectRow: [{ type: i0.Output, args: ["multipleSelectRow"] }] } });
|
|
1388
1388
|
|
|
1389
1389
|
class Ng2SmartTableTbodyComponent {
|
|
1390
1390
|
constructor() {
|
|
1391
|
-
this.grid = input.required(...(ngDevMode ? [{ debugName: "grid" }] : []));
|
|
1392
|
-
this.source = input.required(...(ngDevMode ? [{ debugName: "source" }] : []));
|
|
1393
|
-
this.rowClassFunction = input(() => '', ...(ngDevMode ? [{ debugName: "rowClassFunction" }] : []));
|
|
1394
|
-
this.isMobileView = input(false, ...(ngDevMode ? [{ debugName: "isMobileView" }] : []));
|
|
1391
|
+
this.grid = input.required(...(ngDevMode ? [{ debugName: "grid" }] : /* istanbul ignore next */ []));
|
|
1392
|
+
this.source = input.required(...(ngDevMode ? [{ debugName: "source" }] : /* istanbul ignore next */ []));
|
|
1393
|
+
this.rowClassFunction = input(() => '', ...(ngDevMode ? [{ debugName: "rowClassFunction" }] : /* istanbul ignore next */ []));
|
|
1394
|
+
this.isMobileView = input(false, ...(ngDevMode ? [{ debugName: "isMobileView" }] : /* istanbul ignore next */ []));
|
|
1395
1395
|
this.edit = output();
|
|
1396
1396
|
this.editConfirmed = output();
|
|
1397
1397
|
this.editCancel = output();
|
|
@@ -1409,7 +1409,7 @@ class Ng2SmartTableTbodyComponent {
|
|
|
1409
1409
|
// });
|
|
1410
1410
|
this.noDataMessage = computed(() => {
|
|
1411
1411
|
return this.grid().settings().noDataMessage || 'No data found';
|
|
1412
|
-
}, ...(ngDevMode ? [{ debugName: "noDataMessage" }] : []));
|
|
1412
|
+
}, ...(ngDevMode ? [{ debugName: "noDataMessage" }] : /* istanbul ignore next */ []));
|
|
1413
1413
|
}
|
|
1414
1414
|
rowClicked(row, event) {
|
|
1415
1415
|
if (row.isInEditing()) {
|
|
@@ -1427,17 +1427,17 @@ class Ng2SmartTableTbodyComponent {
|
|
|
1427
1427
|
trackByIdOrIndex(index, item) {
|
|
1428
1428
|
return item?.id || index;
|
|
1429
1429
|
}
|
|
1430
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1431
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
1430
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: Ng2SmartTableTbodyComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1431
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: Ng2SmartTableTbodyComponent, isStandalone: true, selector: "[ng2-st-tbody]", inputs: { grid: { classPropertyName: "grid", publicName: "grid", isSignal: true, isRequired: true, transformFunction: null }, source: { classPropertyName: "source", publicName: "source", isSignal: true, isRequired: true, transformFunction: null }, rowClassFunction: { classPropertyName: "rowClassFunction", publicName: "rowClassFunction", isSignal: true, isRequired: false, transformFunction: null }, isMobileView: { classPropertyName: "isMobileView", publicName: "isMobileView", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { edit: "edit", editConfirmed: "editConfirmed", editCancel: "editCancel", createConfirmed: "createConfirmed", deleteEmitter: "deleteEmitter", customActionEmitter: "customActionEmitter", userClickedRow: "userClickedRow", multipleSelectRow: "multipleSelectRow" }, ngImport: i0, template: "@if (grid().createFormShown()) {\n <tr\n ng2-st-trow\n class=\"ng2-smart-row\"\n [grid]=\"grid()\"\n [row]=\"grid().getNewRow()\"\n [isCreateRow]=\"true\"\n [source]=\"source()\"\n [isMobileView]=\"isMobileView()\"\n (createConfirmed)=\"createConfirmed.emit()\"></tr>\n}\n@for (row of grid().dataSet.getRows(); track trackByIdOrIndex($index, row)) {\n <tr\n ng2-st-trow\n class=\"ng2-smart-row\"\n [grid]=\"grid()\"\n [source]=\"source()\"\n [row]=\"row\"\n [class]=\"rowClassFunction()(row.rowData())\"\n [isMobileView]=\"isMobileView()\"\n [class.selected]=\"row.isSelected()\"\n (click)=\"rowClicked(row, $event)\"\n (edit)=\"edit.emit(row)\"\n (editConfirmed)=\"editConfirmed.emit(row)\"\n (editCancel)=\"editCancel.emit(row)\"\n (deleteEmitter)=\"deleteEmitter.emit(row)\"\n (customActionEmitter)=\"customActionEmitted($event, row)\"\n (multipleSelectRow)=\"multipleSelectRow.emit($event)\"></tr>\n} @empty {\n <tr>\n <td colspan=\"50\">\n {{ noDataMessage() }}\n </td>\n </tr>\n}\n", styles: [""], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "component", type: TrowComponent, selector: "[ng2-st-trow]", inputs: ["grid", "source", "row", "isMobileView", "isCreateRow"], outputs: ["edit", "editCancel", "editConfirmed", "deleteEmitter", "createConfirmed", "customActionEmitter", "userClickedRow", "multipleSelectRow"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
1432
1432
|
}
|
|
1433
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1433
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: Ng2SmartTableTbodyComponent, decorators: [{
|
|
1434
1434
|
type: Component,
|
|
1435
1435
|
args: [{ selector: '[ng2-st-tbody]', imports: [FormsModule, TrowComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (grid().createFormShown()) {\n <tr\n ng2-st-trow\n class=\"ng2-smart-row\"\n [grid]=\"grid()\"\n [row]=\"grid().getNewRow()\"\n [isCreateRow]=\"true\"\n [source]=\"source()\"\n [isMobileView]=\"isMobileView()\"\n (createConfirmed)=\"createConfirmed.emit()\"></tr>\n}\n@for (row of grid().dataSet.getRows(); track trackByIdOrIndex($index, row)) {\n <tr\n ng2-st-trow\n class=\"ng2-smart-row\"\n [grid]=\"grid()\"\n [source]=\"source()\"\n [row]=\"row\"\n [class]=\"rowClassFunction()(row.rowData())\"\n [isMobileView]=\"isMobileView()\"\n [class.selected]=\"row.isSelected()\"\n (click)=\"rowClicked(row, $event)\"\n (edit)=\"edit.emit(row)\"\n (editConfirmed)=\"editConfirmed.emit(row)\"\n (editCancel)=\"editCancel.emit(row)\"\n (deleteEmitter)=\"deleteEmitter.emit(row)\"\n (customActionEmitter)=\"customActionEmitted($event, row)\"\n (multipleSelectRow)=\"multipleSelectRow.emit($event)\"></tr>\n} @empty {\n <tr>\n <td colspan=\"50\">\n {{ noDataMessage() }}\n </td>\n </tr>\n}\n" }]
|
|
1436
|
-
}] });
|
|
1436
|
+
}], propDecorators: { grid: [{ type: i0.Input, args: [{ isSignal: true, alias: "grid", required: true }] }], source: [{ type: i0.Input, args: [{ isSignal: true, alias: "source", required: true }] }], rowClassFunction: [{ type: i0.Input, args: [{ isSignal: true, alias: "rowClassFunction", required: false }] }], isMobileView: [{ type: i0.Input, args: [{ isSignal: true, alias: "isMobileView", required: false }] }], edit: [{ type: i0.Output, args: ["edit"] }], editConfirmed: [{ type: i0.Output, args: ["editConfirmed"] }], editCancel: [{ type: i0.Output, args: ["editCancel"] }], createConfirmed: [{ type: i0.Output, args: ["createConfirmed"] }], deleteEmitter: [{ type: i0.Output, args: ["deleteEmitter"] }], customActionEmitter: [{ type: i0.Output, args: ["customActionEmitter"] }], userClickedRow: [{ type: i0.Output, args: ["userClickedRow"] }], multipleSelectRow: [{ type: i0.Output, args: ["multipleSelectRow"] }] } });
|
|
1437
1437
|
|
|
1438
1438
|
class AddButtonComponent {
|
|
1439
1439
|
constructor() {
|
|
1440
|
-
this.grid = input.required(...(ngDevMode ? [{ debugName: "grid" }] : []));
|
|
1440
|
+
this.grid = input.required(...(ngDevMode ? [{ debugName: "grid" }] : /* istanbul ignore next */ []));
|
|
1441
1441
|
this.create = output();
|
|
1442
1442
|
this.isActionAdd = computed(() => {
|
|
1443
1443
|
const actions = this.grid().settings().actions;
|
|
@@ -1445,22 +1445,22 @@ class AddButtonComponent {
|
|
|
1445
1445
|
return false;
|
|
1446
1446
|
}
|
|
1447
1447
|
return !!actions.add;
|
|
1448
|
-
}, ...(ngDevMode ? [{ debugName: "isActionAdd" }] : []));
|
|
1448
|
+
}, ...(ngDevMode ? [{ debugName: "isActionAdd" }] : /* istanbul ignore next */ []));
|
|
1449
1449
|
this.addNewButtonContent = computed(() => {
|
|
1450
1450
|
const addParams = this.grid().settings()?.add;
|
|
1451
1451
|
if (!addParams) {
|
|
1452
1452
|
return 'Add New';
|
|
1453
1453
|
}
|
|
1454
1454
|
return addParams?.addButtonContent || 'Add New';
|
|
1455
|
-
}, ...(ngDevMode ? [{ debugName: "addNewButtonContent" }] : []));
|
|
1455
|
+
}, ...(ngDevMode ? [{ debugName: "addNewButtonContent" }] : /* istanbul ignore next */ []));
|
|
1456
1456
|
}
|
|
1457
1457
|
onAdd(event) {
|
|
1458
1458
|
event.preventDefault();
|
|
1459
1459
|
event.stopPropagation();
|
|
1460
1460
|
this.create.emit();
|
|
1461
1461
|
}
|
|
1462
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1463
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
1462
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AddButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1463
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: AddButtonComponent, isStandalone: true, selector: "[ng2-st-add-button]", inputs: { grid: { classPropertyName: "grid", publicName: "grid", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { create: "create" }, host: { classAttribute: "ng2-smart-actions-title ng2-smart-actions-title-add" }, ngImport: i0, template: `
|
|
1464
1464
|
@if (isActionAdd()) {
|
|
1465
1465
|
<a
|
|
1466
1466
|
href="#"
|
|
@@ -1470,7 +1470,7 @@ class AddButtonComponent {
|
|
|
1470
1470
|
}
|
|
1471
1471
|
`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
1472
1472
|
}
|
|
1473
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1473
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AddButtonComponent, decorators: [{
|
|
1474
1474
|
type: Component,
|
|
1475
1475
|
args: [{
|
|
1476
1476
|
selector: '[ng2-st-add-button]',
|
|
@@ -1488,12 +1488,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
|
|
|
1488
1488
|
},
|
|
1489
1489
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
1490
1490
|
}]
|
|
1491
|
-
}] });
|
|
1491
|
+
}], propDecorators: { grid: [{ type: i0.Input, args: [{ isSignal: true, alias: "grid", required: true }] }], create: [{ type: i0.Output, args: ["create"] }] } });
|
|
1492
1492
|
|
|
1493
1493
|
class ColumnTitleComponent {
|
|
1494
1494
|
constructor() {
|
|
1495
|
-
this.currentSort = input.required(...(ngDevMode ? [{ debugName: "currentSort" }] : []));
|
|
1496
|
-
this.column = input.required(...(ngDevMode ? [{ debugName: "column" }] : []));
|
|
1495
|
+
this.currentSort = input.required(...(ngDevMode ? [{ debugName: "currentSort" }] : /* istanbul ignore next */ []));
|
|
1496
|
+
this.column = input.required(...(ngDevMode ? [{ debugName: "column" }] : /* istanbul ignore next */ []));
|
|
1497
1497
|
this.sortEmit = output();
|
|
1498
1498
|
this.currentSortDirection = computed(() => {
|
|
1499
1499
|
const sort = this.currentSort();
|
|
@@ -1502,10 +1502,10 @@ class ColumnTitleComponent {
|
|
|
1502
1502
|
}
|
|
1503
1503
|
const { field, direction, title } = sort;
|
|
1504
1504
|
return this.column().id === field && this.column().title === title ? direction : null;
|
|
1505
|
-
}, ...(ngDevMode ? [{ debugName: "currentSortDirection" }] : []));
|
|
1505
|
+
}, ...(ngDevMode ? [{ debugName: "currentSortDirection" }] : /* istanbul ignore next */ []));
|
|
1506
1506
|
this.currentSortDirectionSymbol = computed(() => {
|
|
1507
1507
|
return !this.currentSortDirection() ? '' : this.currentSortDirection() === 'asc' ? '↑' : '↓';
|
|
1508
|
-
}, ...(ngDevMode ? [{ debugName: "currentSortDirectionSymbol" }] : []));
|
|
1508
|
+
}, ...(ngDevMode ? [{ debugName: "currentSortDirectionSymbol" }] : /* istanbul ignore next */ []));
|
|
1509
1509
|
}
|
|
1510
1510
|
_sort(event) {
|
|
1511
1511
|
event.preventDefault();
|
|
@@ -1518,8 +1518,8 @@ class ColumnTitleComponent {
|
|
|
1518
1518
|
// compare: this.column().compareFunction,
|
|
1519
1519
|
// });
|
|
1520
1520
|
}
|
|
1521
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1522
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
1521
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: ColumnTitleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1522
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: ColumnTitleComponent, isStandalone: true, selector: "ng2-st-column-title", inputs: { currentSort: { classPropertyName: "currentSort", publicName: "currentSort", isSignal: true, isRequired: true, transformFunction: null }, column: { classPropertyName: "column", publicName: "column", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { sortEmit: "sortEmit" }, ngImport: i0, template: `
|
|
1523
1523
|
@if (column().isSortable) {
|
|
1524
1524
|
<a href="#" (click)="_sort($event)" class="ng2-smart-sort-link sort">
|
|
1525
1525
|
{{ column().title }}
|
|
@@ -1530,7 +1530,7 @@ class ColumnTitleComponent {
|
|
|
1530
1530
|
}
|
|
1531
1531
|
`, isInline: true, styles: ["a.sort{white-space:nowrap}a.sort.asc,a.sort.desc{font-weight:700}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
1532
1532
|
}
|
|
1533
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1533
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: ColumnTitleComponent, decorators: [{
|
|
1534
1534
|
type: Component,
|
|
1535
1535
|
args: [{ selector: 'ng2-st-column-title', template: `
|
|
1536
1536
|
@if (column().isSortable) {
|
|
@@ -1542,16 +1542,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
|
|
|
1542
1542
|
<span class="ng2-smart-sort">{{ column().title }}</span>
|
|
1543
1543
|
}
|
|
1544
1544
|
`, changeDetection: ChangeDetectionStrategy.OnPush, styles: ["a.sort{white-space:nowrap}a.sort.asc,a.sort.desc{font-weight:700}\n"] }]
|
|
1545
|
-
}] });
|
|
1545
|
+
}], propDecorators: { currentSort: [{ type: i0.Input, args: [{ isSignal: true, alias: "currentSort", required: true }] }], column: [{ type: i0.Input, args: [{ isSignal: true, alias: "column", required: true }] }], sortEmit: [{ type: i0.Output, args: ["sortEmit"] }] } });
|
|
1546
1546
|
|
|
1547
1547
|
class CheckboxFilterComponent extends BaseFilterComponent {
|
|
1548
1548
|
constructor() {
|
|
1549
1549
|
super(...arguments);
|
|
1550
|
-
this.filterIsActive = computed(() => this.query() !== null, ...(ngDevMode ? [{ debugName: "filterIsActive" }] : []));
|
|
1550
|
+
this.filterIsActive = computed(() => this.query() !== null, ...(ngDevMode ? [{ debugName: "filterIsActive" }] : /* istanbul ignore next */ []));
|
|
1551
1551
|
this.currentState = computed(() => {
|
|
1552
1552
|
const valuesConfig = this.getValuesConfig(this.column().getFilterConfig());
|
|
1553
1553
|
return this.query() === valuesConfig.trueVal ? true : this.query() === valuesConfig.falseVal ? false : false;
|
|
1554
|
-
}, ...(ngDevMode ? [{ debugName: "currentState" }] : []));
|
|
1554
|
+
}, ...(ngDevMode ? [{ debugName: "currentState" }] : /* istanbul ignore next */ []));
|
|
1555
1555
|
}
|
|
1556
1556
|
getValuesConfig(filterConfig) {
|
|
1557
1557
|
try {
|
|
@@ -1572,8 +1572,8 @@ class CheckboxFilterComponent extends BaseFilterComponent {
|
|
|
1572
1572
|
event.stopPropagation();
|
|
1573
1573
|
this.setFilter(null);
|
|
1574
1574
|
}
|
|
1575
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1576
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
1575
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: CheckboxFilterComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
1576
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: CheckboxFilterComponent, isStandalone: true, selector: "ng2-checkbox-filter", usesInheritance: true, ngImport: i0, template: `
|
|
1577
1577
|
<div class="checkbox-filter-wrapper">
|
|
1578
1578
|
<input
|
|
1579
1579
|
[id]="column().id"
|
|
@@ -1590,7 +1590,7 @@ class CheckboxFilterComponent extends BaseFilterComponent {
|
|
|
1590
1590
|
</div>
|
|
1591
1591
|
`, isInline: true, styles: [".checkbox-filter-wrapper{display:flex;align-items:center;justify-content:flex-start;gap:.5rem}.checkbox-filter-wrapper input{width:auto}\n"], 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"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
1592
1592
|
}
|
|
1593
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1593
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: CheckboxFilterComponent, decorators: [{
|
|
1594
1594
|
type: Component,
|
|
1595
1595
|
args: [{ selector: 'ng2-checkbox-filter', template: `
|
|
1596
1596
|
<div class="checkbox-filter-wrapper">
|
|
@@ -1611,8 +1611,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
|
|
|
1611
1611
|
}] });
|
|
1612
1612
|
|
|
1613
1613
|
class InputFilterComponent extends BaseFilterComponent {
|
|
1614
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1615
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
1614
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: InputFilterComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
1615
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.9", type: InputFilterComponent, isStandalone: true, selector: "ng2-input-filter", usesInheritance: true, ngImport: i0, template: `
|
|
1616
1616
|
<input
|
|
1617
1617
|
[class]="inputClass()"
|
|
1618
1618
|
[formControl]="inputControl"
|
|
@@ -1621,7 +1621,7 @@ class InputFilterComponent extends BaseFilterComponent {
|
|
|
1621
1621
|
placeholder="{{ placeholder || column().title }}" />
|
|
1622
1622
|
`, isInline: true, dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
1623
1623
|
}
|
|
1624
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1624
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: InputFilterComponent, decorators: [{
|
|
1625
1625
|
type: Component,
|
|
1626
1626
|
args: [{
|
|
1627
1627
|
selector: 'ng2-input-filter',
|
|
@@ -1639,8 +1639,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
|
|
|
1639
1639
|
}] });
|
|
1640
1640
|
|
|
1641
1641
|
class InputNumberFilterComponent extends BaseFilterComponent {
|
|
1642
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1643
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
1642
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: InputNumberFilterComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
1643
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.9", type: InputNumberFilterComponent, isStandalone: true, selector: "ng2-input-number-filter", usesInheritance: true, ngImport: i0, template: `
|
|
1644
1644
|
<input
|
|
1645
1645
|
class="form-control ng2-input-number-filter"
|
|
1646
1646
|
[class]="inputClass()"
|
|
@@ -1649,7 +1649,7 @@ class InputNumberFilterComponent extends BaseFilterComponent {
|
|
|
1649
1649
|
placeholder="{{ placeholder || column().title }}" />
|
|
1650
1650
|
`, isInline: true, styles: [".ng2-input-number-filter{-moz-appearance:textfield}.ng2-input-number-filter::-webkit-outer-spin-button,.ng2-input-number-filter::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}\n"], dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
1651
1651
|
}
|
|
1652
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1652
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: InputNumberFilterComponent, decorators: [{
|
|
1653
1653
|
type: Component,
|
|
1654
1654
|
args: [{ selector: 'ng2-input-number-filter', template: `
|
|
1655
1655
|
<input
|
|
@@ -1664,15 +1664,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
|
|
|
1664
1664
|
class SelectFilterComponent extends BaseFilterComponent {
|
|
1665
1665
|
constructor() {
|
|
1666
1666
|
super(...arguments);
|
|
1667
|
-
this.optionsList = signal([], ...(ngDevMode ? [{ debugName: "optionsList" }] : []));
|
|
1667
|
+
this.optionsList = signal([], ...(ngDevMode ? [{ debugName: "optionsList" }] : /* istanbul ignore next */ []));
|
|
1668
1668
|
}
|
|
1669
1669
|
ngOnInit() {
|
|
1670
1670
|
super.ngOnInit();
|
|
1671
1671
|
const config = this.column().getFilterConfig();
|
|
1672
1672
|
this.optionsList.set(config?.list || []);
|
|
1673
1673
|
}
|
|
1674
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1675
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
1674
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: SelectFilterComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
1675
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: SelectFilterComponent, isStandalone: true, selector: "ng2-select-filter", usesInheritance: true, ngImport: i0, template: `
|
|
1676
1676
|
<select [class]="inputClass()" class="form-control" [formControl]="inputControl">
|
|
1677
1677
|
<option [value]="null">{{ placeholder || 'all' }}</option>
|
|
1678
1678
|
@for (option of optionsList(); track $index) {
|
|
@@ -1683,7 +1683,7 @@ class SelectFilterComponent extends BaseFilterComponent {
|
|
|
1683
1683
|
</select>
|
|
1684
1684
|
`, isInline: true, dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
1685
1685
|
}
|
|
1686
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1686
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: SelectFilterComponent, decorators: [{
|
|
1687
1687
|
type: Component,
|
|
1688
1688
|
args: [{
|
|
1689
1689
|
selector: 'ng2-select-filter',
|
|
@@ -1704,14 +1704,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
|
|
|
1704
1704
|
|
|
1705
1705
|
class BuildInFilterComponent {
|
|
1706
1706
|
constructor() {
|
|
1707
|
-
this.query = input(null, ...(ngDevMode ? [{ debugName: "query" }] : []));
|
|
1708
|
-
this.inputClass = input('', ...(ngDevMode ? [{ debugName: "inputClass" }] : []));
|
|
1709
|
-
this.source = input.required(...(ngDevMode ? [{ debugName: "source" }] : []));
|
|
1710
|
-
this.column = input.required(...(ngDevMode ? [{ debugName: "column" }] : []));
|
|
1707
|
+
this.query = input(null, ...(ngDevMode ? [{ debugName: "query" }] : /* istanbul ignore next */ []));
|
|
1708
|
+
this.inputClass = input('', ...(ngDevMode ? [{ debugName: "inputClass" }] : /* istanbul ignore next */ []));
|
|
1709
|
+
this.source = input.required(...(ngDevMode ? [{ debugName: "source" }] : /* istanbul ignore next */ []));
|
|
1710
|
+
this.column = input.required(...(ngDevMode ? [{ debugName: "column" }] : /* istanbul ignore next */ []));
|
|
1711
1711
|
this.filter = output();
|
|
1712
1712
|
}
|
|
1713
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1714
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
1713
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: BuildInFilterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1714
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: BuildInFilterComponent, isStandalone: true, selector: "ng2-build-in-table-filter", inputs: { query: { classPropertyName: "query", publicName: "query", isSignal: true, 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: `
|
|
1715
1715
|
@switch (column().getFilterType()) {
|
|
1716
1716
|
@case ('list') {
|
|
1717
1717
|
<ng2-select-filter
|
|
@@ -1753,7 +1753,7 @@ class BuildInFilterComponent {
|
|
|
1753
1753
|
}
|
|
1754
1754
|
`, 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" }, { kind: "component", type: InputNumberFilterComponent, selector: "ng2-input-number-filter" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
1755
1755
|
}
|
|
1756
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1756
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: BuildInFilterComponent, decorators: [{
|
|
1757
1757
|
type: Component,
|
|
1758
1758
|
args: [{
|
|
1759
1759
|
selector: 'ng2-build-in-table-filter',
|
|
@@ -1801,14 +1801,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
|
|
|
1801
1801
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
1802
1802
|
imports: [SelectFilterComponent, CheckboxFilterComponent, InputFilterComponent, InputNumberFilterComponent],
|
|
1803
1803
|
}]
|
|
1804
|
-
}] });
|
|
1804
|
+
}], propDecorators: { query: [{ type: i0.Input, args: [{ isSignal: true, alias: "query", required: false }] }], inputClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "inputClass", required: false }] }], source: [{ type: i0.Input, args: [{ isSignal: true, alias: "source", required: true }] }], column: [{ type: i0.Input, args: [{ isSignal: true, alias: "column", required: true }] }], filter: [{ type: i0.Output, args: ["filter"] }] } });
|
|
1805
1805
|
|
|
1806
1806
|
class CustomFilterComponent {
|
|
1807
1807
|
constructor() {
|
|
1808
|
-
this.query = input(null, ...(ngDevMode ? [{ debugName: "query" }] : []));
|
|
1809
|
-
this.inputClass = input('', ...(ngDevMode ? [{ debugName: "inputClass" }] : []));
|
|
1810
|
-
this.source = input.required(...(ngDevMode ? [{ debugName: "source" }] : []));
|
|
1811
|
-
this.column = input.required(...(ngDevMode ? [{ debugName: "column" }] : []));
|
|
1808
|
+
this.query = input(null, ...(ngDevMode ? [{ debugName: "query" }] : /* istanbul ignore next */ []));
|
|
1809
|
+
this.inputClass = input('', ...(ngDevMode ? [{ debugName: "inputClass" }] : /* istanbul ignore next */ []));
|
|
1810
|
+
this.source = input.required(...(ngDevMode ? [{ debugName: "source" }] : /* istanbul ignore next */ []));
|
|
1811
|
+
this.column = input.required(...(ngDevMode ? [{ debugName: "column" }] : /* istanbul ignore next */ []));
|
|
1812
1812
|
this.filter = output();
|
|
1813
1813
|
this.componentInputs = computed(() => {
|
|
1814
1814
|
let inputs = {
|
|
@@ -1825,7 +1825,7 @@ class CustomFilterComponent {
|
|
|
1825
1825
|
}
|
|
1826
1826
|
}
|
|
1827
1827
|
return inputs;
|
|
1828
|
-
}, ...(ngDevMode ? [{ debugName: "componentInputs" }] : []));
|
|
1828
|
+
}, ...(ngDevMode ? [{ debugName: "componentInputs" }] : /* istanbul ignore next */ []));
|
|
1829
1829
|
}
|
|
1830
1830
|
ngOnInit() {
|
|
1831
1831
|
const columnFilter = this.column().filter;
|
|
@@ -1833,14 +1833,14 @@ class CustomFilterComponent {
|
|
|
1833
1833
|
this.customFilterComponent = columnFilter.component;
|
|
1834
1834
|
}
|
|
1835
1835
|
}
|
|
1836
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1837
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
1836
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: CustomFilterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1837
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: CustomFilterComponent, isStandalone: true, selector: "ng2-custom-table-filter", inputs: { query: { classPropertyName: "query", publicName: "query", isSignal: true, 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: `
|
|
1838
1838
|
@if (customFilterComponent) {
|
|
1839
1839
|
<ng-template *ngComponentOutlet="customFilterComponent; inputs: componentInputs()"></ng-template>
|
|
1840
1840
|
}
|
|
1841
|
-
`, isInline: true, dependencies: [{ kind: "directive", type: NgComponentOutlet, selector: "[ngComponentOutlet]", inputs: ["ngComponentOutlet", "ngComponentOutletInputs", "ngComponentOutletInjector", "ngComponentOutletEnvironmentInjector", "ngComponentOutletContent", "ngComponentOutletNgModule"
|
|
1841
|
+
`, isInline: true, dependencies: [{ kind: "directive", type: NgComponentOutlet, selector: "[ngComponentOutlet]", inputs: ["ngComponentOutlet", "ngComponentOutletInputs", "ngComponentOutletInjector", "ngComponentOutletEnvironmentInjector", "ngComponentOutletContent", "ngComponentOutletNgModule"], exportAs: ["ngComponentOutlet"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
1842
1842
|
}
|
|
1843
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1843
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: CustomFilterComponent, decorators: [{
|
|
1844
1844
|
type: Component,
|
|
1845
1845
|
args: [{
|
|
1846
1846
|
selector: 'ng2-custom-table-filter',
|
|
@@ -1852,19 +1852,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
|
|
|
1852
1852
|
`,
|
|
1853
1853
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
1854
1854
|
}]
|
|
1855
|
-
}] });
|
|
1855
|
+
}], propDecorators: { query: [{ type: i0.Input, args: [{ isSignal: true, alias: "query", required: false }] }], inputClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "inputClass", required: false }] }], source: [{ type: i0.Input, args: [{ isSignal: true, alias: "source", required: true }] }], column: [{ type: i0.Input, args: [{ isSignal: true, alias: "column", required: true }] }], filter: [{ type: i0.Output, args: ["filter"] }] } });
|
|
1856
1856
|
|
|
1857
1857
|
class FilterComponent {
|
|
1858
1858
|
constructor() {
|
|
1859
|
-
this.column = input.required(...(ngDevMode ? [{ debugName: "column" }] : []));
|
|
1860
|
-
this.source = input.required(...(ngDevMode ? [{ debugName: "source" }] : []));
|
|
1861
|
-
this.inputClass = input('', ...(ngDevMode ? [{ debugName: "inputClass" }] : []));
|
|
1859
|
+
this.column = input.required(...(ngDevMode ? [{ debugName: "column" }] : /* istanbul ignore next */ []));
|
|
1860
|
+
this.source = input.required(...(ngDevMode ? [{ debugName: "source" }] : /* istanbul ignore next */ []));
|
|
1861
|
+
this.inputClass = input('', ...(ngDevMode ? [{ debugName: "inputClass" }] : /* istanbul ignore next */ []));
|
|
1862
1862
|
this.query = computed(() => {
|
|
1863
1863
|
const columnFilter = this.source()
|
|
1864
1864
|
.getFilters()
|
|
1865
1865
|
.find((filter) => filter.field === this.column().id);
|
|
1866
1866
|
return columnFilter?.search ?? null;
|
|
1867
|
-
}, ...(ngDevMode ? [{ debugName: "query" }] : []));
|
|
1867
|
+
}, ...(ngDevMode ? [{ debugName: "query" }] : /* istanbul ignore next */ []));
|
|
1868
1868
|
}
|
|
1869
1869
|
onFilter(query) {
|
|
1870
1870
|
const columnFilter = this.column().filter;
|
|
@@ -1875,8 +1875,8 @@ class FilterComponent {
|
|
|
1875
1875
|
filter: this.column().filterFunction,
|
|
1876
1876
|
});
|
|
1877
1877
|
}
|
|
1878
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1879
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
1878
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: FilterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1879
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: FilterComponent, isStandalone: true, selector: "ng2-smart-table-filter", 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 } }, ngImport: i0, template: `
|
|
1880
1880
|
@if (column().isFilterable) {
|
|
1881
1881
|
<div class="ng2-smart-filter">
|
|
1882
1882
|
@switch (column().getFilterType()) {
|
|
@@ -1903,7 +1903,7 @@ class FilterComponent {
|
|
|
1903
1903
|
}
|
|
1904
1904
|
`, 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", inputs: ["query", "inputClass", "source", "column"], outputs: ["filter"] }, { kind: "component", type: BuildInFilterComponent, selector: "ng2-build-in-table-filter", inputs: ["query", "inputClass", "source", "column"], outputs: ["filter"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
1905
1905
|
}
|
|
1906
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1906
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: FilterComponent, decorators: [{
|
|
1907
1907
|
type: Component,
|
|
1908
1908
|
args: [{ selector: 'ng2-smart-table-filter', template: `
|
|
1909
1909
|
@if (column().isFilterable) {
|
|
@@ -1931,16 +1931,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
|
|
|
1931
1931
|
</div>
|
|
1932
1932
|
}
|
|
1933
1933
|
`, changeDetection: ChangeDetectionStrategy.OnPush, imports: [CustomFilterComponent, BuildInFilterComponent], 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"] }]
|
|
1934
|
-
}] });
|
|
1934
|
+
}], propDecorators: { column: [{ type: i0.Input, args: [{ isSignal: true, alias: "column", required: true }] }], source: [{ type: i0.Input, args: [{ isSignal: true, alias: "source", required: true }] }], inputClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "inputClass", required: false }] }] } });
|
|
1935
1935
|
|
|
1936
1936
|
class MobileFiltersComponent {
|
|
1937
1937
|
constructor() {
|
|
1938
1938
|
this.overlay = inject(Overlay);
|
|
1939
1939
|
this.contentTemplate = viewChild.required(CdkPortal);
|
|
1940
1940
|
this.reference = viewChild.required('reference');
|
|
1941
|
-
this.grid = input.required(...(ngDevMode ? [{ debugName: "grid" }] : []));
|
|
1942
|
-
this.source = input.required(...(ngDevMode ? [{ debugName: "source" }] : []));
|
|
1943
|
-
this.filterInputClass = input.required(...(ngDevMode ? [{ debugName: "filterInputClass" }] : []));
|
|
1941
|
+
this.grid = input.required(...(ngDevMode ? [{ debugName: "grid" }] : /* istanbul ignore next */ []));
|
|
1942
|
+
this.source = input.required(...(ngDevMode ? [{ debugName: "source" }] : /* istanbul ignore next */ []));
|
|
1943
|
+
this.filterInputClass = input.required(...(ngDevMode ? [{ debugName: "filterInputClass" }] : /* istanbul ignore next */ []));
|
|
1944
1944
|
}
|
|
1945
1945
|
clearAllFilters() {
|
|
1946
1946
|
this.source().setFilters([]);
|
|
@@ -1973,24 +1973,24 @@ class MobileFiltersComponent {
|
|
|
1973
1973
|
backdropClass: 'cdk-overlay-transparent-backdrop',
|
|
1974
1974
|
});
|
|
1975
1975
|
}
|
|
1976
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1977
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
1976
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: MobileFiltersComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1977
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: MobileFiltersComponent, isStandalone: true, selector: "ng2-mobile-filters", inputs: { grid: { classPropertyName: "grid", publicName: "grid", isSignal: true, isRequired: true, transformFunction: null }, source: { classPropertyName: "source", publicName: "source", isSignal: true, isRequired: true, transformFunction: null }, filterInputClass: { classPropertyName: "filterInputClass", publicName: "filterInputClass", isSignal: true, isRequired: true, transformFunction: null } }, viewQueries: [{ propertyName: "contentTemplate", first: true, predicate: CdkPortal, descendants: true, isSignal: true }, { propertyName: "reference", first: true, predicate: ["reference"], descendants: true, isSignal: true }], ngImport: i0, template: "<button #reference class=\"filter-toggle\" (click)=\"show()\" aria-label=\"Toggle filters\">\n <svg viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\">\n <g id=\"SVGRepo_bgCarrier\" stroke-width=\"0\"></g>\n <g id=\"SVGRepo_tracerCarrier\" stroke-linecap=\"round\" stroke-linejoin=\"round\"></g>\n <g id=\"SVGRepo_iconCarrier\">\n <path stroke=\"#000000\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M20 4H4v2l6 6v8.5l4-2.5v-6l6-6V4z\"></path>\n </g>\n </svg>\n</button>\n\n<ng-template cdkPortal>\n <div class=\"dropdown table-filter-dropdown\">\n <div class=\"dropdown-header\">\n <button type=\"button\" class=\"clear-filters-button\" (click)=\"clearAllFilters()\" aria-label=\"Close filters\">\n reset all\n </button>\n <button type=\"button\" class=\"close-dialog-button\" (click)=\"hide()\" aria-label=\"Close dropdown\">\n <span></span>\n </button>\n </div>\n <div class=\"dropdown-content\">\n <div class=\"ng2-smart-mobil-filters\">\n @for (column of grid().dataSet.getVisibleColumns(); track column.id + $index) {\n @if (column.isFilterable) {\n <div class=\"ng2-smart-filter\">\n <label for=\"\" class=\"ng2-smart-filter-label\">{{ column.title }}</label>\n <ng2-smart-table-filter [source]=\"source()\" [column]=\"column\" [inputClass]=\"filterInputClass()\">\n </ng2-smart-table-filter>\n </div>\n }\n }\n </div>\n </div>\n </div>\n</ng-template>\n", styles: [".dropdown{z-index:1;padding:.8rem 1rem;border:none;border-radius:.5rem;background:var(--smart-table-bg, #fff);box-shadow:var(--table-card-shadow, 0 0 8px 5px color-mix(in oklab, var(--smart-table-bg, #d7d7d7) 30%, transparent 50%));max-height:var(--table-header-dropdown-max-height, 60dvh);width:var(--table-header-dropdown-width, 80dvw);max-width:30rem;overflow:auto}.filter-toggle svg{height:1rem;width:1rem}.dropdown-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.dropdown-content{display:flex;flex-direction:column}.dropdown-content ::ng-deep tr{display:flex;flex-direction:column;gap:.3rem}.dropdown-content ::ng-deep th.titles a{display:block;width:100%;padding:.3rem;color:inherit;border-bottom:1px solid var(--smart-table-separator, #d5d5d5)}.close-dialog-button{display:flex;align-items:center;justify-content:center;border:none;background:none;width:2rem;height:2rem;padding:.5rem;border-radius:50%}.close-dialog-button:hover{box-shadow:0 0 5px 4px #dadada91}.close-dialog-button:after,.close-dialog-button:before{content:\"\";display:block;background-color:var(--smart-table-fg, #000);height:2px;width:1rem;border-radius:2px}.close-dialog-button:before{rotate:45deg}.close-dialog-button:after{position:absolute;rotate:-45deg}\n"], dependencies: [{ kind: "component", type: FilterComponent, selector: "ng2-smart-table-filter", inputs: ["column", "source", "inputClass"] }, { kind: "ngmodule", type: PortalModule }, { kind: "directive", type: i1$1.CdkPortal, selector: "[cdkPortal]", exportAs: ["cdkPortal"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
1978
1978
|
}
|
|
1979
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1979
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: MobileFiltersComponent, decorators: [{
|
|
1980
1980
|
type: Component,
|
|
1981
|
-
args: [{ selector: 'ng2-mobile-filters', imports: [FilterComponent, PortalModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "<button #reference class=\"filter-toggle\" (click)=\"show()\" aria-label=\"Toggle filters\">\n <svg viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\">\n <g id=\"SVGRepo_bgCarrier\" stroke-width=\"0\"></g>\n <g id=\"SVGRepo_tracerCarrier\" stroke-linecap=\"round\" stroke-linejoin=\"round\"></g>\n <g id=\"SVGRepo_iconCarrier\">\n <path stroke=\"#000000\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M20 4H4v2l6 6v8.5l4-2.5v-6l6-6V4z\"></path>\n </g>\n </svg>\n</button>\n\n<ng-template
|
|
1982
|
-
}] });
|
|
1981
|
+
args: [{ selector: 'ng2-mobile-filters', imports: [FilterComponent, PortalModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "<button #reference class=\"filter-toggle\" (click)=\"show()\" aria-label=\"Toggle filters\">\n <svg viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\">\n <g id=\"SVGRepo_bgCarrier\" stroke-width=\"0\"></g>\n <g id=\"SVGRepo_tracerCarrier\" stroke-linecap=\"round\" stroke-linejoin=\"round\"></g>\n <g id=\"SVGRepo_iconCarrier\">\n <path stroke=\"#000000\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M20 4H4v2l6 6v8.5l4-2.5v-6l6-6V4z\"></path>\n </g>\n </svg>\n</button>\n\n<ng-template cdkPortal>\n <div class=\"dropdown table-filter-dropdown\">\n <div class=\"dropdown-header\">\n <button type=\"button\" class=\"clear-filters-button\" (click)=\"clearAllFilters()\" aria-label=\"Close filters\">\n reset all\n </button>\n <button type=\"button\" class=\"close-dialog-button\" (click)=\"hide()\" aria-label=\"Close dropdown\">\n <span></span>\n </button>\n </div>\n <div class=\"dropdown-content\">\n <div class=\"ng2-smart-mobil-filters\">\n @for (column of grid().dataSet.getVisibleColumns(); track column.id + $index) {\n @if (column.isFilterable) {\n <div class=\"ng2-smart-filter\">\n <label for=\"\" class=\"ng2-smart-filter-label\">{{ column.title }}</label>\n <ng2-smart-table-filter [source]=\"source()\" [column]=\"column\" [inputClass]=\"filterInputClass()\">\n </ng2-smart-table-filter>\n </div>\n }\n }\n </div>\n </div>\n </div>\n</ng-template>\n", styles: [".dropdown{z-index:1;padding:.8rem 1rem;border:none;border-radius:.5rem;background:var(--smart-table-bg, #fff);box-shadow:var(--table-card-shadow, 0 0 8px 5px color-mix(in oklab, var(--smart-table-bg, #d7d7d7) 30%, transparent 50%));max-height:var(--table-header-dropdown-max-height, 60dvh);width:var(--table-header-dropdown-width, 80dvw);max-width:30rem;overflow:auto}.filter-toggle svg{height:1rem;width:1rem}.dropdown-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.dropdown-content{display:flex;flex-direction:column}.dropdown-content ::ng-deep tr{display:flex;flex-direction:column;gap:.3rem}.dropdown-content ::ng-deep th.titles a{display:block;width:100%;padding:.3rem;color:inherit;border-bottom:1px solid var(--smart-table-separator, #d5d5d5)}.close-dialog-button{display:flex;align-items:center;justify-content:center;border:none;background:none;width:2rem;height:2rem;padding:.5rem;border-radius:50%}.close-dialog-button:hover{box-shadow:0 0 5px 4px #dadada91}.close-dialog-button:after,.close-dialog-button:before{content:\"\";display:block;background-color:var(--smart-table-fg, #000);height:2px;width:1rem;border-radius:2px}.close-dialog-button:before{rotate:45deg}.close-dialog-button:after{position:absolute;rotate:-45deg}\n"] }]
|
|
1982
|
+
}], propDecorators: { contentTemplate: [{ type: i0.ViewChild, args: [i0.forwardRef(() => CdkPortal), { isSignal: true }] }], reference: [{ type: i0.ViewChild, args: ['reference', { isSignal: true }] }], grid: [{ type: i0.Input, args: [{ isSignal: true, alias: "grid", required: true }] }], source: [{ type: i0.Input, args: [{ isSignal: true, alias: "source", required: true }] }], filterInputClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "filterInputClass", required: true }] }] } });
|
|
1983
1983
|
|
|
1984
1984
|
class TheadFiltersRowComponent {
|
|
1985
1985
|
constructor() {
|
|
1986
|
-
this.grid = input.required(...(ngDevMode ? [{ debugName: "grid" }] : []));
|
|
1987
|
-
this.source = input.required(...(ngDevMode ? [{ debugName: "source" }] : []));
|
|
1988
|
-
this.withoutCreateButton = input(false, ...(ngDevMode ? [{ debugName: "withoutCreateButton" }] : []));
|
|
1989
|
-
this.inputClass = input('', ...(ngDevMode ? [{ debugName: "inputClass" }] : []));
|
|
1986
|
+
this.grid = input.required(...(ngDevMode ? [{ debugName: "grid" }] : /* istanbul ignore next */ []));
|
|
1987
|
+
this.source = input.required(...(ngDevMode ? [{ debugName: "source" }] : /* istanbul ignore next */ []));
|
|
1988
|
+
this.withoutCreateButton = input(false, ...(ngDevMode ? [{ debugName: "withoutCreateButton" }] : /* istanbul ignore next */ []));
|
|
1989
|
+
this.inputClass = input('', ...(ngDevMode ? [{ debugName: "inputClass" }] : /* istanbul ignore next */ []));
|
|
1990
1990
|
this.create = output();
|
|
1991
1991
|
}
|
|
1992
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1993
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
1992
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: TheadFiltersRowComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1993
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: TheadFiltersRowComponent, isStandalone: true, selector: "[ng2-st-thead-filters-row]", inputs: { grid: { classPropertyName: "grid", publicName: "grid", isSignal: true, isRequired: true, transformFunction: null }, source: { classPropertyName: "source", publicName: "source", isSignal: true, isRequired: true, transformFunction: null }, withoutCreateButton: { classPropertyName: "withoutCreateButton", publicName: "withoutCreateButton", isSignal: true, isRequired: false, transformFunction: null }, inputClass: { classPropertyName: "inputClass", publicName: "inputClass", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { create: "create" }, ngImport: i0, template: `
|
|
1994
1994
|
@if (grid().isMultiSelectVisible()) {
|
|
1995
1995
|
<th></th>
|
|
1996
1996
|
}
|
|
@@ -2008,7 +2008,7 @@ class TheadFiltersRowComponent {
|
|
|
2008
2008
|
}
|
|
2009
2009
|
`, isInline: true, dependencies: [{ kind: "component", type: AddButtonComponent, selector: "[ng2-st-add-button]", inputs: ["grid"], outputs: ["create"] }, { kind: "component", type: FilterComponent, selector: "ng2-smart-table-filter", inputs: ["column", "source", "inputClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
2010
2010
|
}
|
|
2011
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2011
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: TheadFiltersRowComponent, decorators: [{
|
|
2012
2012
|
type: Component,
|
|
2013
2013
|
args: [{
|
|
2014
2014
|
selector: '[ng2-st-thead-filters-row]',
|
|
@@ -2032,23 +2032,23 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
|
|
|
2032
2032
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
2033
2033
|
imports: [AddButtonComponent, FilterComponent],
|
|
2034
2034
|
}]
|
|
2035
|
-
}] });
|
|
2035
|
+
}], propDecorators: { grid: [{ type: i0.Input, args: [{ isSignal: true, alias: "grid", required: true }] }], source: [{ type: i0.Input, args: [{ isSignal: true, alias: "source", required: true }] }], withoutCreateButton: [{ type: i0.Input, args: [{ isSignal: true, alias: "withoutCreateButton", required: false }] }], inputClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "inputClass", required: false }] }], create: [{ type: i0.Output, args: ["create"] }] } });
|
|
2036
2036
|
|
|
2037
2037
|
class ActionsTitleComponent {
|
|
2038
2038
|
constructor() {
|
|
2039
|
-
this.grid = input.required(...(ngDevMode ? [{ debugName: "grid" }] : []));
|
|
2039
|
+
this.grid = input.required(...(ngDevMode ? [{ debugName: "grid" }] : /* istanbul ignore next */ []));
|
|
2040
2040
|
this.actionsColumnTitle = computed(() => {
|
|
2041
2041
|
const actions = this.grid().settings().actions;
|
|
2042
2042
|
if (!actions) {
|
|
2043
2043
|
return 'Actions';
|
|
2044
2044
|
}
|
|
2045
2045
|
return actions.columnTitle || 'Actions';
|
|
2046
|
-
}, ...(ngDevMode ? [{ debugName: "actionsColumnTitle" }] : []));
|
|
2046
|
+
}, ...(ngDevMode ? [{ debugName: "actionsColumnTitle" }] : /* istanbul ignore next */ []));
|
|
2047
2047
|
}
|
|
2048
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2049
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "
|
|
2048
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: ActionsTitleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2049
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.9", type: ActionsTitleComponent, isStandalone: true, selector: "[ng2-st-actions-title]", inputs: { grid: { classPropertyName: "grid", publicName: "grid", isSignal: true, isRequired: true, transformFunction: null } }, host: { classAttribute: "ng2-smart-actions" }, ngImport: i0, template: ` <div class="ng2-smart-title">{{ actionsColumnTitle() }}</div> `, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
2050
2050
|
}
|
|
2051
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2051
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: ActionsTitleComponent, decorators: [{
|
|
2052
2052
|
type: Component,
|
|
2053
2053
|
args: [{
|
|
2054
2054
|
selector: '[ng2-st-actions-title]',
|
|
@@ -2058,16 +2058,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
|
|
|
2058
2058
|
class: 'ng2-smart-actions',
|
|
2059
2059
|
},
|
|
2060
2060
|
}]
|
|
2061
|
-
}] });
|
|
2061
|
+
}], propDecorators: { grid: [{ type: i0.Input, args: [{ isSignal: true, alias: "grid", required: true }] }] } });
|
|
2062
2062
|
|
|
2063
2063
|
class CheckboxSelectAllComponent {
|
|
2064
2064
|
constructor() {
|
|
2065
|
-
this.grid = input.required(...(ngDevMode ? [{ debugName: "grid" }] : []));
|
|
2065
|
+
this.grid = input.required(...(ngDevMode ? [{ debugName: "grid" }] : /* istanbul ignore next */ []));
|
|
2066
2066
|
}
|
|
2067
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2068
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "
|
|
2067
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: CheckboxSelectAllComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2068
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.9", 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: ` <input type="checkbox" [ngModel]="this.grid().dataSet.isAllSelected()" /> `, 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"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
2069
2069
|
}
|
|
2070
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2070
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: CheckboxSelectAllComponent, decorators: [{
|
|
2071
2071
|
type: Component,
|
|
2072
2072
|
args: [{
|
|
2073
2073
|
selector: '[ng2-st-checkbox-select-all]',
|
|
@@ -2075,17 +2075,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
|
|
|
2075
2075
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
2076
2076
|
imports: [FormsModule],
|
|
2077
2077
|
}]
|
|
2078
|
-
}] });
|
|
2078
|
+
}], propDecorators: { grid: [{ type: i0.Input, args: [{ isSignal: true, alias: "grid", required: true }] }] } });
|
|
2079
2079
|
|
|
2080
2080
|
class TheadTitlesRowComponent {
|
|
2081
2081
|
constructor() {
|
|
2082
|
-
this.grid = input.required(...(ngDevMode ? [{ debugName: "grid" }] : []));
|
|
2083
|
-
this.source = input.required(...(ngDevMode ? [{ debugName: "source" }] : []));
|
|
2082
|
+
this.grid = input.required(...(ngDevMode ? [{ debugName: "grid" }] : /* istanbul ignore next */ []));
|
|
2083
|
+
this.source = input.required(...(ngDevMode ? [{ debugName: "source" }] : /* istanbul ignore next */ []));
|
|
2084
2084
|
this.sortEmit = output();
|
|
2085
2085
|
this.selectAllRows = output();
|
|
2086
2086
|
}
|
|
2087
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2088
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
2087
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: TheadTitlesRowComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2088
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: TheadTitlesRowComponent, isStandalone: true, selector: "[ng2-st-thead-titles-row]", inputs: { grid: { classPropertyName: "grid", publicName: "grid", isSignal: true, isRequired: true, transformFunction: null }, source: { classPropertyName: "source", publicName: "source", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { sortEmit: "sortEmit", selectAllRows: "selectAllRows" }, ngImport: i0, template: `
|
|
2089
2089
|
@if (grid().isMultiSelectVisible()) {
|
|
2090
2090
|
<th ng2-st-checkbox-select-all [grid]="grid()" (click)="selectAllRows.emit()"></th>
|
|
2091
2091
|
}
|
|
@@ -2105,7 +2105,7 @@ class TheadTitlesRowComponent {
|
|
|
2105
2105
|
}
|
|
2106
2106
|
`, 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: ["currentSort", "column"], outputs: ["sortEmit"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
2107
2107
|
}
|
|
2108
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2108
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: TheadTitlesRowComponent, decorators: [{
|
|
2109
2109
|
type: Component,
|
|
2110
2110
|
args: [{
|
|
2111
2111
|
selector: '[ng2-st-thead-titles-row]',
|
|
@@ -2131,37 +2131,37 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
|
|
|
2131
2131
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
2132
2132
|
imports: [CheckboxSelectAllComponent, ActionsTitleComponent, ColumnTitleComponent],
|
|
2133
2133
|
}]
|
|
2134
|
-
}] });
|
|
2134
|
+
}], propDecorators: { grid: [{ type: i0.Input, args: [{ isSignal: true, alias: "grid", required: true }] }], source: [{ type: i0.Input, args: [{ isSignal: true, alias: "source", required: true }] }], sortEmit: [{ type: i0.Output, args: ["sortEmit"] }], selectAllRows: [{ type: i0.Output, args: ["selectAllRows"] }] } });
|
|
2135
2135
|
|
|
2136
2136
|
class Ng2SmartTableTheadComponent {
|
|
2137
2137
|
constructor() {
|
|
2138
|
-
this.grid = input.required(...(ngDevMode ? [{ debugName: "grid" }] : []));
|
|
2139
|
-
this.source = input.required(...(ngDevMode ? [{ debugName: "source" }] : []));
|
|
2140
|
-
this.isMobileView = input(false, ...(ngDevMode ? [{ debugName: "isMobileView" }] : []));
|
|
2138
|
+
this.grid = input.required(...(ngDevMode ? [{ debugName: "grid" }] : /* istanbul ignore next */ []));
|
|
2139
|
+
this.source = input.required(...(ngDevMode ? [{ debugName: "source" }] : /* istanbul ignore next */ []));
|
|
2140
|
+
this.isMobileView = input(false, ...(ngDevMode ? [{ debugName: "isMobileView" }] : /* istanbul ignore next */ []));
|
|
2141
2141
|
this.selectAllRows = output();
|
|
2142
2142
|
this.create = output();
|
|
2143
2143
|
this.isHideHeader = computed(() => {
|
|
2144
2144
|
return this.grid().settings()?.hideHeader || false;
|
|
2145
|
-
}, ...(ngDevMode ? [{ debugName: "isHideHeader" }] : []));
|
|
2145
|
+
}, ...(ngDevMode ? [{ debugName: "isHideHeader" }] : /* istanbul ignore next */ []));
|
|
2146
2146
|
this.isHideSubHeader = computed(() => {
|
|
2147
2147
|
return this.grid().settings()?.hideSubHeader || false;
|
|
2148
|
-
}, ...(ngDevMode ? [{ debugName: "isHideSubHeader" }] : []));
|
|
2148
|
+
}, ...(ngDevMode ? [{ debugName: "isHideSubHeader" }] : /* istanbul ignore next */ []));
|
|
2149
2149
|
this.columnsWithSort = computed(() => this.grid()
|
|
2150
2150
|
.dataSet.getColumns()
|
|
2151
|
-
.filter((column) => column.isSortable), ...(ngDevMode ? [{ debugName: "columnsWithSort" }] : []));
|
|
2152
|
-
this.columnsWithSortLength = computed(() => this.columnsWithSort().length, ...(ngDevMode ? [{ debugName: "columnsWithSortLength" }] : []));
|
|
2151
|
+
.filter((column) => column.isSortable), ...(ngDevMode ? [{ debugName: "columnsWithSort" }] : /* istanbul ignore next */ []));
|
|
2152
|
+
this.columnsWithSortLength = computed(() => this.columnsWithSort().length, ...(ngDevMode ? [{ debugName: "columnsWithSortLength" }] : /* istanbul ignore next */ []));
|
|
2153
2153
|
this.columnsWithFiltersLength = computed(() => this.grid()
|
|
2154
2154
|
.dataSet.getColumns()
|
|
2155
|
-
.filter((column) => column.isFilterable).length, ...(ngDevMode ? [{ debugName: "columnsWithFiltersLength" }] : []));
|
|
2156
|
-
this.currentSortConfig = computed(() => this.source().getSort(), ...(ngDevMode ? [{ debugName: "currentSortConfig" }] : []));
|
|
2157
|
-
this.filterDropdownIsOpen = signal(false, ...(ngDevMode ? [{ debugName: "filterDropdownIsOpen" }] : []));
|
|
2155
|
+
.filter((column) => column.isFilterable).length, ...(ngDevMode ? [{ debugName: "columnsWithFiltersLength" }] : /* istanbul ignore next */ []));
|
|
2156
|
+
this.currentSortConfig = computed(() => this.source().getSort(), ...(ngDevMode ? [{ debugName: "currentSortConfig" }] : /* istanbul ignore next */ []));
|
|
2157
|
+
this.filterDropdownIsOpen = signal(false, ...(ngDevMode ? [{ debugName: "filterDropdownIsOpen" }] : /* istanbul ignore next */ []));
|
|
2158
2158
|
this.filterInputClass = computed(() => {
|
|
2159
2159
|
const filterOptions = this.grid().settings()?.filter;
|
|
2160
2160
|
if (!filterOptions) {
|
|
2161
2161
|
return '';
|
|
2162
2162
|
}
|
|
2163
2163
|
return filterOptions.inputClass || '';
|
|
2164
|
-
}, ...(ngDevMode ? [{ debugName: "filterInputClass" }] : []));
|
|
2164
|
+
}, ...(ngDevMode ? [{ debugName: "filterInputClass" }] : /* istanbul ignore next */ []));
|
|
2165
2165
|
this.lastColumnSort = null;
|
|
2166
2166
|
}
|
|
2167
2167
|
toggleDropdown(state) {
|
|
@@ -2215,10 +2215,10 @@ class Ng2SmartTableTheadComponent {
|
|
|
2215
2215
|
this.lastColumnSort.count++;
|
|
2216
2216
|
return newSort;
|
|
2217
2217
|
}
|
|
2218
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2219
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
2218
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: Ng2SmartTableTheadComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2219
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: Ng2SmartTableTheadComponent, isStandalone: true, selector: "[ng2-st-thead]", inputs: { grid: { classPropertyName: "grid", publicName: "grid", isSignal: true, isRequired: true, transformFunction: null }, source: { classPropertyName: "source", publicName: "source", isSignal: true, isRequired: true, transformFunction: null }, isMobileView: { classPropertyName: "isMobileView", publicName: "isMobileView", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { selectAllRows: "selectAllRows", create: "create" }, ngImport: i0, template: "@if (isMobileView()) {\n <tr class=\"ng2-smart-titles mobile-header mobile-header-top-row\">\n <th colspan=\"50\">\n <div class=\"mobile-header-content\">\n <div ng2-st-add-button [grid]=\"grid()\" (create)=\"create.emit($event)\"></div>\n @if (columnsWithSortLength()) {\n <div class=\"current-column-title\">\n @if (currentSortConfig(); as sortConfig) {\n <a href=\"#\" (click)=\"$event.preventDefault(); sortByColumn()\" class=\"ng2-smart-sort-link sort\">\n {{ sortConfig.title }}\n <span class=\"sort-direction\">{{ sortConfig.direction === 'asc' ? '\u2191' : '\u2193' }}</span>\n </a>\n }\n\n @if (columnsWithSortLength() > 1) {\n <button\n #sortTrigger=\"cdkOverlayOrigin\"\n cdkOverlayOrigin\n class=\"sort-dropdown-toggle-button\"\n (click)=\"toggleDropdown()\"\n [class.active]=\"filterDropdownIsOpen()\"\n aria-label=\"Toggle sort options\">\n <span class=\"sort-icon\">\u25BC</span>\n </button>\n <ng-template\n cdkConnectedOverlay\n [cdkConnectedOverlayOrigin]=\"sortTrigger\"\n [cdkConnectedOverlayOpen]=\"filterDropdownIsOpen()\"\n [cdkConnectedOverlayWidth]=\"300\"\n [cdkConnectedOverlayPositions]=\"[\n {\n originX: 'center',\n originY: 'bottom',\n overlayX: 'center',\n overlayY: 'top',\n },\n ]\"\n (overlayOutsideClick)=\"toggleDropdown(false)\">\n <div class=\"dropdown\">\n <div class=\"dropdown-header\">\n <p></p>\n <button\n type=\"button\"\n class=\"close-dialog-button\"\n (click)=\"toggleDropdown(false)\"\n aria-label=\"Close filters\">\n <span></span>\n </button>\n </div>\n <div class=\"dropdown-content\">\n @for (column of columnsWithSort(); track $index) {\n <th class=\"titles\">\n <ng2-st-column-title\n class=\"sort-option\"\n [column]=\"column\"\n (sortEmit)=\"sortByColumn(column)\"\n [currentSort]=\"currentSortConfig()\"></ng2-st-column-title>\n </th>\n }\n </div>\n </div>\n </ng-template>\n }\n </div>\n }\n\n <div class=\"header-actions\">\n @if (columnsWithFiltersLength()) {\n <ng2-mobile-filters [grid]=\"grid()\" [source]=\"source()\" [filterInputClass]=\"filterInputClass()\">\n </ng2-mobile-filters>\n }\n </div>\n </div>\n </th>\n </tr>\n} @else {\n <!-- Desktop view header -->\n @if (!isHideHeader()) {\n <tr\n ng2-st-thead-titles-row\n class=\"ng2-smart-titles\"\n [grid]=\"grid()\"\n [source]=\"source()\"\n (sortEmit)=\"sortByColumn($event)\"\n (selectAllRows)=\"selectAllRows.emit()\"></tr>\n }\n\n @if (!isHideSubHeader()) {\n <ng-container [ngTemplateOutlet]=\"filtersRow\"></ng-container>\n }\n}\n\n<ng-template #filtersRow>\n <tr\n ng2-st-thead-filters-row\n class=\"ng2-smart-filters\"\n [grid]=\"grid()\"\n [inputClass]=\"filterInputClass()\"\n [withoutCreateButton]=\"isMobileView()\"\n [source]=\"source()\"\n (create)=\"create.emit()\"></tr>\n</ng-template>\n", styles: ["tr.mobile-header-top-row .mobile-header-content{display:flex;align-items:center;justify-content:space-between}tr.mobile-header-top-row .mobile-header-content .current-column-title{font-weight:700;flex:1;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}tr.mobile-header-top-row .mobile-header-content button.sort-dropdown-toggle-button{transition:transform .2s ease}tr.mobile-header-top-row .mobile-header-content button.sort-dropdown-toggle-button.active{transform:rotate(180deg)}.dropdown{z-index:1;padding:.8rem 1rem;border:none;border-radius:.5rem;background:var(--smart-table-bg, #fff);box-shadow:var(--table-card-shadow, 0 0 8px 5px color-mix(in oklab, var(--smart-table-bg, #d7d7d7) 30%, transparent 50%));max-height:var(--table-header-dropdown-max-height, 60dvh);width:var(--table-header-dropdown-width, 80dvw);max-width:30rem;overflow:auto}.dropdown-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.dropdown-content{display:flex;flex-direction:column}.dropdown-content ::ng-deep tr{display:flex;flex-direction:column;gap:.3rem}.dropdown-content ::ng-deep th.titles a{display:block;width:100%;padding:.3rem;color:inherit;border-bottom:1px solid var(--smart-table-separator, #d5d5d5)}.close-dialog-button{display:flex;align-items:center;justify-content:center;border:none;background:none;width:2rem;height:2rem;padding:.5rem;border-radius:50%}.close-dialog-button:hover{box-shadow:0 0 5px 4px #dadada91}.close-dialog-button:after,.close-dialog-button:before{content:\"\";display:block;background-color:var(--smart-table-fg, #000);height:2px;width:1rem;border-radius:2px}.close-dialog-button:before{rotate:45deg}.close-dialog-button:after{position:absolute;rotate:-45deg}\n"], dependencies: [{ kind: "component", type: TheadTitlesRowComponent, selector: "[ng2-st-thead-titles-row]", inputs: ["grid", "source"], outputs: ["sortEmit", "selectAllRows"] }, { kind: "component", type: AddButtonComponent, selector: "[ng2-st-add-button]", inputs: ["grid"], outputs: ["create"] }, { kind: "component", type: MobileFiltersComponent, selector: "ng2-mobile-filters", inputs: ["grid", "source", "filterInputClass"] }, { kind: "component", type: ColumnTitleComponent, selector: "ng2-st-column-title", inputs: ["currentSort", "column"], outputs: ["sortEmit"] }, { kind: "component", type: TheadFiltersRowComponent, selector: "[ng2-st-thead-filters-row]", inputs: ["grid", "source", "withoutCreateButton", "inputClass"], outputs: ["create"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: OverlayModule }, { kind: "directive", type: i1$2.CdkConnectedOverlay, selector: "[cdk-connected-overlay], [connected-overlay], [cdkConnectedOverlay]", inputs: ["cdkConnectedOverlayOrigin", "cdkConnectedOverlayPositions", "cdkConnectedOverlayPositionStrategy", "cdkConnectedOverlayOffsetX", "cdkConnectedOverlayOffsetY", "cdkConnectedOverlayWidth", "cdkConnectedOverlayHeight", "cdkConnectedOverlayMinWidth", "cdkConnectedOverlayMinHeight", "cdkConnectedOverlayBackdropClass", "cdkConnectedOverlayPanelClass", "cdkConnectedOverlayViewportMargin", "cdkConnectedOverlayScrollStrategy", "cdkConnectedOverlayOpen", "cdkConnectedOverlayDisableClose", "cdkConnectedOverlayTransformOriginOn", "cdkConnectedOverlayHasBackdrop", "cdkConnectedOverlayLockPosition", "cdkConnectedOverlayFlexibleDimensions", "cdkConnectedOverlayGrowAfterOpen", "cdkConnectedOverlayPush", "cdkConnectedOverlayDisposeOnNavigation", "cdkConnectedOverlayUsePopover", "cdkConnectedOverlayMatchWidth", "cdkConnectedOverlay"], outputs: ["backdropClick", "positionChange", "attach", "detach", "overlayKeydown", "overlayOutsideClick"], exportAs: ["cdkConnectedOverlay"] }, { kind: "directive", type: i1$2.CdkOverlayOrigin, selector: "[cdk-overlay-origin], [overlay-origin], [cdkOverlayOrigin]", exportAs: ["cdkOverlayOrigin"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
2220
2220
|
}
|
|
2221
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2221
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: Ng2SmartTableTheadComponent, decorators: [{
|
|
2222
2222
|
type: Component,
|
|
2223
2223
|
args: [{ selector: '[ng2-st-thead]', imports: [
|
|
2224
2224
|
TheadTitlesRowComponent,
|
|
@@ -2229,23 +2229,23 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
|
|
|
2229
2229
|
NgTemplateOutlet,
|
|
2230
2230
|
OverlayModule,
|
|
2231
2231
|
], changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (isMobileView()) {\n <tr class=\"ng2-smart-titles mobile-header mobile-header-top-row\">\n <th colspan=\"50\">\n <div class=\"mobile-header-content\">\n <div ng2-st-add-button [grid]=\"grid()\" (create)=\"create.emit($event)\"></div>\n @if (columnsWithSortLength()) {\n <div class=\"current-column-title\">\n @if (currentSortConfig(); as sortConfig) {\n <a href=\"#\" (click)=\"$event.preventDefault(); sortByColumn()\" class=\"ng2-smart-sort-link sort\">\n {{ sortConfig.title }}\n <span class=\"sort-direction\">{{ sortConfig.direction === 'asc' ? '\u2191' : '\u2193' }}</span>\n </a>\n }\n\n @if (columnsWithSortLength() > 1) {\n <button\n #sortTrigger=\"cdkOverlayOrigin\"\n cdkOverlayOrigin\n class=\"sort-dropdown-toggle-button\"\n (click)=\"toggleDropdown()\"\n [class.active]=\"filterDropdownIsOpen()\"\n aria-label=\"Toggle sort options\">\n <span class=\"sort-icon\">\u25BC</span>\n </button>\n <ng-template\n cdkConnectedOverlay\n [cdkConnectedOverlayOrigin]=\"sortTrigger\"\n [cdkConnectedOverlayOpen]=\"filterDropdownIsOpen()\"\n [cdkConnectedOverlayWidth]=\"300\"\n [cdkConnectedOverlayPositions]=\"[\n {\n originX: 'center',\n originY: 'bottom',\n overlayX: 'center',\n overlayY: 'top',\n },\n ]\"\n (overlayOutsideClick)=\"toggleDropdown(false)\">\n <div class=\"dropdown\">\n <div class=\"dropdown-header\">\n <p></p>\n <button\n type=\"button\"\n class=\"close-dialog-button\"\n (click)=\"toggleDropdown(false)\"\n aria-label=\"Close filters\">\n <span></span>\n </button>\n </div>\n <div class=\"dropdown-content\">\n @for (column of columnsWithSort(); track $index) {\n <th class=\"titles\">\n <ng2-st-column-title\n class=\"sort-option\"\n [column]=\"column\"\n (sortEmit)=\"sortByColumn(column)\"\n [currentSort]=\"currentSortConfig()\"></ng2-st-column-title>\n </th>\n }\n </div>\n </div>\n </ng-template>\n }\n </div>\n }\n\n <div class=\"header-actions\">\n @if (columnsWithFiltersLength()) {\n <ng2-mobile-filters [grid]=\"grid()\" [source]=\"source()\" [filterInputClass]=\"filterInputClass()\">\n </ng2-mobile-filters>\n }\n </div>\n </div>\n </th>\n </tr>\n} @else {\n <!-- Desktop view header -->\n @if (!isHideHeader()) {\n <tr\n ng2-st-thead-titles-row\n class=\"ng2-smart-titles\"\n [grid]=\"grid()\"\n [source]=\"source()\"\n (sortEmit)=\"sortByColumn($event)\"\n (selectAllRows)=\"selectAllRows.emit()\"></tr>\n }\n\n @if (!isHideSubHeader()) {\n <ng-container [ngTemplateOutlet]=\"filtersRow\"></ng-container>\n }\n}\n\n<ng-template #filtersRow>\n <tr\n ng2-st-thead-filters-row\n class=\"ng2-smart-filters\"\n [grid]=\"grid()\"\n [inputClass]=\"filterInputClass()\"\n [withoutCreateButton]=\"isMobileView()\"\n [source]=\"source()\"\n (create)=\"create.emit()\"></tr>\n</ng-template>\n", styles: ["tr.mobile-header-top-row .mobile-header-content{display:flex;align-items:center;justify-content:space-between}tr.mobile-header-top-row .mobile-header-content .current-column-title{font-weight:700;flex:1;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}tr.mobile-header-top-row .mobile-header-content button.sort-dropdown-toggle-button{transition:transform .2s ease}tr.mobile-header-top-row .mobile-header-content button.sort-dropdown-toggle-button.active{transform:rotate(180deg)}.dropdown{z-index:1;padding:.8rem 1rem;border:none;border-radius:.5rem;background:var(--smart-table-bg, #fff);box-shadow:var(--table-card-shadow, 0 0 8px 5px color-mix(in oklab, var(--smart-table-bg, #d7d7d7) 30%, transparent 50%));max-height:var(--table-header-dropdown-max-height, 60dvh);width:var(--table-header-dropdown-width, 80dvw);max-width:30rem;overflow:auto}.dropdown-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.dropdown-content{display:flex;flex-direction:column}.dropdown-content ::ng-deep tr{display:flex;flex-direction:column;gap:.3rem}.dropdown-content ::ng-deep th.titles a{display:block;width:100%;padding:.3rem;color:inherit;border-bottom:1px solid var(--smart-table-separator, #d5d5d5)}.close-dialog-button{display:flex;align-items:center;justify-content:center;border:none;background:none;width:2rem;height:2rem;padding:.5rem;border-radius:50%}.close-dialog-button:hover{box-shadow:0 0 5px 4px #dadada91}.close-dialog-button:after,.close-dialog-button:before{content:\"\";display:block;background-color:var(--smart-table-fg, #000);height:2px;width:1rem;border-radius:2px}.close-dialog-button:before{rotate:45deg}.close-dialog-button:after{position:absolute;rotate:-45deg}\n"] }]
|
|
2232
|
-
}] });
|
|
2232
|
+
}], propDecorators: { grid: [{ type: i0.Input, args: [{ isSignal: true, alias: "grid", required: true }] }], source: [{ type: i0.Input, args: [{ isSignal: true, alias: "source", required: true }] }], isMobileView: [{ type: i0.Input, args: [{ isSignal: true, alias: "isMobileView", required: false }] }], selectAllRows: [{ type: i0.Output, args: ["selectAllRows"] }], create: [{ type: i0.Output, args: ["create"] }] } });
|
|
2233
2233
|
|
|
2234
2234
|
class DataSet {
|
|
2235
2235
|
constructor(dataList = [], columnSettings, editorInputClass, cellEmptyText) {
|
|
2236
2236
|
this.columnSettings = columnSettings;
|
|
2237
2237
|
this.editorInputClass = editorInputClass;
|
|
2238
2238
|
this.cellEmptyText = cellEmptyText;
|
|
2239
|
-
this.data = signal([], ...(ngDevMode ? [{ debugName: "data" }] : []));
|
|
2240
|
-
this.columns = signal([], ...(ngDevMode ? [{ debugName: "columns" }] : []));
|
|
2241
|
-
this.rows = signal([], ...(ngDevMode ? [{ debugName: "rows" }] : []));
|
|
2239
|
+
this.data = signal([], ...(ngDevMode ? [{ debugName: "data" }] : /* istanbul ignore next */ []));
|
|
2240
|
+
this.columns = signal([], ...(ngDevMode ? [{ debugName: "columns" }] : /* istanbul ignore next */ []));
|
|
2241
|
+
this.rows = signal([], ...(ngDevMode ? [{ debugName: "rows" }] : /* istanbul ignore next */ []));
|
|
2242
2242
|
this.selectedRowsData = [];
|
|
2243
|
-
this.getColumns = computed(() => this.columns(), ...(ngDevMode ? [{ debugName: "getColumns" }] : []));
|
|
2244
|
-
this.getVisibleColumns = computed(() => this.columns().filter((column) => !column.hide), ...(ngDevMode ? [{ debugName: "getVisibleColumns" }] : []));
|
|
2243
|
+
this.getColumns = computed(() => this.columns(), ...(ngDevMode ? [{ debugName: "getColumns" }] : /* istanbul ignore next */ []));
|
|
2244
|
+
this.getVisibleColumns = computed(() => this.columns().filter((column) => !column.hide), ...(ngDevMode ? [{ debugName: "getVisibleColumns" }] : /* istanbul ignore next */ []));
|
|
2245
2245
|
this.getRows = computed(() => {
|
|
2246
2246
|
return this.rows();
|
|
2247
|
-
}, ...(ngDevMode ? [{ debugName: "getRows" }] : []));
|
|
2248
|
-
this.isAllSelected = computed(() => this.rows().every((row) => row.isSelected()), ...(ngDevMode ? [{ debugName: "isAllSelected" }] : []));
|
|
2247
|
+
}, ...(ngDevMode ? [{ debugName: "getRows" }] : /* istanbul ignore next */ []));
|
|
2248
|
+
this.isAllSelected = computed(() => this.rows().every((row) => row.isSelected()), ...(ngDevMode ? [{ debugName: "isAllSelected" }] : /* istanbul ignore next */ []));
|
|
2249
2249
|
this.createColumns(columnSettings);
|
|
2250
2250
|
this.setData(dataList);
|
|
2251
2251
|
this.createNewRow();
|
|
@@ -2335,29 +2335,29 @@ class DataSet {
|
|
|
2335
2335
|
class Grid {
|
|
2336
2336
|
constructor(source, settings) {
|
|
2337
2337
|
this.currentColumnsSortState = [];
|
|
2338
|
-
this.settings = signal({}, ...(ngDevMode ? [{ debugName: "settings" }] : []));
|
|
2339
|
-
this.createFormShown = signal(false, ...(ngDevMode ? [{ debugName: "createFormShown" }] : []));
|
|
2338
|
+
this.settings = signal({}, ...(ngDevMode ? [{ debugName: "settings" }] : /* istanbul ignore next */ []));
|
|
2339
|
+
this.createFormShown = signal(false, ...(ngDevMode ? [{ debugName: "createFormShown" }] : /* istanbul ignore next */ []));
|
|
2340
2340
|
this.isMultiSelectVisible = computed(() => {
|
|
2341
2341
|
return this.settings().selectMode === 'multi';
|
|
2342
|
-
}, ...(ngDevMode ? [{ debugName: "isMultiSelectVisible" }] : []));
|
|
2342
|
+
}, ...(ngDevMode ? [{ debugName: "isMultiSelectVisible" }] : /* istanbul ignore next */ []));
|
|
2343
2343
|
this.isActionsVisible = computed(() => {
|
|
2344
2344
|
const actions = this.settings().actions;
|
|
2345
2345
|
if (!actions)
|
|
2346
2346
|
return false;
|
|
2347
2347
|
return actions.edit || actions.delete || !!actions?.custom?.length;
|
|
2348
|
-
}, ...(ngDevMode ? [{ debugName: "isActionsVisible" }] : []));
|
|
2348
|
+
}, ...(ngDevMode ? [{ debugName: "isActionsVisible" }] : /* istanbul ignore next */ []));
|
|
2349
2349
|
this.actionIsOnLeft = computed(() => {
|
|
2350
2350
|
return (this.settings().actionsPosition || 'left') === 'left';
|
|
2351
|
-
}, ...(ngDevMode ? [{ debugName: "actionIsOnLeft" }] : []));
|
|
2351
|
+
}, ...(ngDevMode ? [{ debugName: "actionIsOnLeft" }] : /* istanbul ignore next */ []));
|
|
2352
2352
|
this.actionIsOnRight = computed(() => {
|
|
2353
2353
|
return this.settings().actionsPosition === 'right';
|
|
2354
|
-
}, ...(ngDevMode ? [{ debugName: "actionIsOnRight" }] : []));
|
|
2354
|
+
}, ...(ngDevMode ? [{ debugName: "actionIsOnRight" }] : /* istanbul ignore next */ []));
|
|
2355
2355
|
this.columnSortDragDelay = computed(() => {
|
|
2356
2356
|
return this.settings().columnSort?.dragDelay || 0;
|
|
2357
|
-
}, ...(ngDevMode ? [{ debugName: "columnSortDragDelay" }] : []));
|
|
2357
|
+
}, ...(ngDevMode ? [{ debugName: "columnSortDragDelay" }] : /* istanbul ignore next */ []));
|
|
2358
2358
|
this.columnStateStorageKey = computed(() => {
|
|
2359
2359
|
return this.settings().columnSort?.stateStorageKey;
|
|
2360
|
-
}, ...(ngDevMode ? [{ debugName: "columnStateStorageKey" }] : []));
|
|
2360
|
+
}, ...(ngDevMode ? [{ debugName: "columnStateStorageKey" }] : /* istanbul ignore next */ []));
|
|
2361
2361
|
this.setSource(source, settings);
|
|
2362
2362
|
this.setSettings(settings);
|
|
2363
2363
|
}
|
|
@@ -2620,8 +2620,8 @@ class Ng2SmartTableComponent {
|
|
|
2620
2620
|
this.elementRef = inject(ElementRef);
|
|
2621
2621
|
this.ngZone = inject(NgZone);
|
|
2622
2622
|
this.injector = inject(Injector);
|
|
2623
|
-
this.source = input.required(...(ngDevMode ? [{ debugName: "source" }] : []));
|
|
2624
|
-
this.settings = input.required(...(ngDevMode ? [{ debugName: "settings" }] : []));
|
|
2623
|
+
this.source = input.required(...(ngDevMode ? [{ debugName: "source" }] : /* istanbul ignore next */ []));
|
|
2624
|
+
this.settings = input.required(...(ngDevMode ? [{ debugName: "settings" }] : /* istanbul ignore next */ []));
|
|
2625
2625
|
/**
|
|
2626
2626
|
* @description If you want to display pagination in your custom container, you can pass it to "paginationSlot".
|
|
2627
2627
|
* @example
|
|
@@ -2635,7 +2635,7 @@ class Ng2SmartTableComponent {
|
|
|
2635
2635
|
* read: ViewContainerRef,
|
|
2636
2636
|
* });
|
|
2637
2637
|
*/
|
|
2638
|
-
this.paginationSlot = input(...(ngDevMode ? [undefined, { debugName: "paginationSlot" }] : []));
|
|
2638
|
+
this.paginationSlot = input(...(ngDevMode ? [undefined, { debugName: "paginationSlot" }] : /* istanbul ignore next */ []));
|
|
2639
2639
|
/**
|
|
2640
2640
|
* @description if you want to render custom data inside a container with pagination you can pass a TemplateRef
|
|
2641
2641
|
* @example
|
|
@@ -2656,7 +2656,7 @@ class Ng2SmartTableComponent {
|
|
|
2656
2656
|
* </ng-container>
|
|
2657
2657
|
* </ng2-smart-table>
|
|
2658
2658
|
*/
|
|
2659
|
-
this.paginationTemplateData = input(...(ngDevMode ? [undefined, { debugName: "paginationTemplateData" }] : []));
|
|
2659
|
+
this.paginationTemplateData = input(...(ngDevMode ? [undefined, { debugName: "paginationTemplateData" }] : /* istanbul ignore next */ []));
|
|
2660
2660
|
this.multiRowSelect = output();
|
|
2661
2661
|
this.rowClicked = output();
|
|
2662
2662
|
this.columnsSorted = output();
|
|
@@ -2670,25 +2670,25 @@ class Ng2SmartTableComponent {
|
|
|
2670
2670
|
this.custom = output();
|
|
2671
2671
|
this.tableClass = computed(() => {
|
|
2672
2672
|
return this.settings().attr?.class || '';
|
|
2673
|
-
}, ...(ngDevMode ? [{ debugName: "tableClass" }] : []));
|
|
2673
|
+
}, ...(ngDevMode ? [{ debugName: "tableClass" }] : /* istanbul ignore next */ []));
|
|
2674
2674
|
this.tableId = computed(() => {
|
|
2675
2675
|
return this.settings().attr?.id || getRandomId();
|
|
2676
|
-
}, ...(ngDevMode ? [{ debugName: "tableId" }] : []));
|
|
2676
|
+
}, ...(ngDevMode ? [{ debugName: "tableId" }] : /* istanbul ignore next */ []));
|
|
2677
2677
|
this.isPagerDisplay = computed(() => {
|
|
2678
2678
|
const { pager } = this.settings();
|
|
2679
2679
|
return pager ? pager.display : false;
|
|
2680
|
-
}, ...(ngDevMode ? [{ debugName: "isPagerDisplay" }] : []));
|
|
2680
|
+
}, ...(ngDevMode ? [{ debugName: "isPagerDisplay" }] : /* istanbul ignore next */ []));
|
|
2681
2681
|
this.rowClassFunction = computed(() => {
|
|
2682
2682
|
const settings = this.settings();
|
|
2683
2683
|
return settings.rowClassFunction ? (rowData) => settings.rowClassFunction(rowData) : () => '';
|
|
2684
|
-
}, ...(ngDevMode ? [{ debugName: "rowClassFunction" }] : []));
|
|
2685
|
-
this.isMobileView = signal(false, ...(ngDevMode ? [{ debugName: "isMobileView" }] : []));
|
|
2684
|
+
}, ...(ngDevMode ? [{ debugName: "rowClassFunction" }] : /* istanbul ignore next */ []));
|
|
2685
|
+
this.isMobileView = signal(false, ...(ngDevMode ? [{ debugName: "isMobileView" }] : /* istanbul ignore next */ []));
|
|
2686
2686
|
this.tableWidthMobileBreakpoint = computed(() => {
|
|
2687
2687
|
return this.settings().tableWidthMobileBreakpoint;
|
|
2688
|
-
}, ...(ngDevMode ? [{ debugName: "tableWidthMobileBreakpoint" }] : []));
|
|
2688
|
+
}, ...(ngDevMode ? [{ debugName: "tableWidthMobileBreakpoint" }] : /* istanbul ignore next */ []));
|
|
2689
2689
|
this.isExternalMode = computed(() => {
|
|
2690
2690
|
return this.grid.settings().mode === 'external';
|
|
2691
|
-
}, ...(ngDevMode ? [{ debugName: "isExternalMode" }] : []));
|
|
2691
|
+
}, ...(ngDevMode ? [{ debugName: "isExternalMode" }] : /* istanbul ignore next */ []));
|
|
2692
2692
|
this.resizeObserver = null;
|
|
2693
2693
|
this.resizeDebounceTimer = null;
|
|
2694
2694
|
this.paginationComponentRef = null;
|
|
@@ -2835,13 +2835,13 @@ class Ng2SmartTableComponent {
|
|
|
2835
2835
|
this.resizeDebounceTimer = null;
|
|
2836
2836
|
}
|
|
2837
2837
|
}
|
|
2838
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2839
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
2838
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: Ng2SmartTableComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2839
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: Ng2SmartTableComponent, isStandalone: true, selector: "ng2-smart-table", inputs: { source: { classPropertyName: "source", publicName: "source", isSignal: true, isRequired: true, transformFunction: null }, settings: { classPropertyName: "settings", publicName: "settings", isSignal: true, isRequired: true, transformFunction: null }, paginationSlot: { classPropertyName: "paginationSlot", publicName: "paginationSlot", isSignal: true, isRequired: false, transformFunction: null }, paginationTemplateData: { classPropertyName: "paginationTemplateData", publicName: "paginationTemplateData", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { multiRowSelect: "multiRowSelect", rowClicked: "rowClicked", columnsSorted: "columnsSorted", deleteEmitter: "deleteEmitter", deleteConfirm: "deleteConfirm", edit: "edit", editConfirm: "editConfirm", editCancel: "editCancel", create: "create", createConfirm: "createConfirm", custom: "custom" }, usesOnChanges: true, ngImport: i0, template: "<table [id]=\"tableId()\" [class]=\"tableClass()\" [class.mobile-view]=\"isMobileView()\">\n <thead\n ng2-st-thead\n [grid]=\"grid\"\n [source]=\"source()\"\n [isMobileView]=\"isMobileView()\"\n (create)=\"createEmitted()\"\n (selectAllRows)=\"onSelectAllRows()\"></thead>\n\n <tbody\n ng2-st-tbody\n [grid]=\"grid\"\n [source]=\"source()\"\n [rowClassFunction]=\"rowClassFunction()\"\n [isMobileView]=\"isMobileView()\"\n (deleteEmitter)=\"deleEmitted($event)\"\n (edit)=\"editEmitted($event)\"\n (editConfirmed)=\"editConfirmed($event)\"\n (editCancel)=\"editCanceled($event)\"\n (createConfirmed)=\"createConfirmed()\"\n (customActionEmitter)=\"customActionEmitted($event)\"\n (userClickedRow)=\"emitUserRowClicked($event)\"\n (multipleSelectRow)=\"multipleSelectRow($event)\"></tbody>\n</table>\n\n@if (isPagerDisplay() && !paginationSlot()) {\n <ng2-smart-table-pager [source]=\"source()\" [content]=\"paginationTemplateData()\">\n <ng-content select=\"[pager-content]\"></ng-content>\n </ng2-smart-table-pager>\n}\n", styles: [":host{max-width:100%;display:block}:host table{width:100%}:host .close-dialog-button{display:flex;align-items:center;justify-content:center;border:none;background:none;width:2rem;height:2rem;padding:.5rem;border-radius:50%}:host .close-dialog-button:hover{box-shadow:0 0 5px 4px #dadada91}:host .close-dialog-button:after,:host .close-dialog-button:before{content:\"\";display:block;background-color:var(--smart-table-fg, #000);height:2px;width:1rem;border-radius:2px}:host .close-dialog-button:before{rotate:45deg}:host .close-dialog-button:after{position:absolute;rotate:-45deg}\n"], dependencies: [{ kind: "component", type: Ng2SmartTableTheadComponent, selector: "[ng2-st-thead]", inputs: ["grid", "source", "isMobileView"], outputs: ["selectAllRows", "create"] }, { kind: "component", type: Ng2SmartTableTbodyComponent, selector: "[ng2-st-tbody]", inputs: ["grid", "source", "rowClassFunction", "isMobileView"], outputs: ["edit", "editConfirmed", "editCancel", "createConfirmed", "deleteEmitter", "customActionEmitter", "userClickedRow", "multipleSelectRow"] }, { kind: "component", type: PagerComponent, selector: "ng2-smart-table-pager", inputs: ["source", "content"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
2840
2840
|
}
|
|
2841
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2841
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: Ng2SmartTableComponent, decorators: [{
|
|
2842
2842
|
type: Component,
|
|
2843
2843
|
args: [{ selector: 'ng2-smart-table', imports: [Ng2SmartTableTheadComponent, Ng2SmartTableTbodyComponent, PagerComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "<table [id]=\"tableId()\" [class]=\"tableClass()\" [class.mobile-view]=\"isMobileView()\">\n <thead\n ng2-st-thead\n [grid]=\"grid\"\n [source]=\"source()\"\n [isMobileView]=\"isMobileView()\"\n (create)=\"createEmitted()\"\n (selectAllRows)=\"onSelectAllRows()\"></thead>\n\n <tbody\n ng2-st-tbody\n [grid]=\"grid\"\n [source]=\"source()\"\n [rowClassFunction]=\"rowClassFunction()\"\n [isMobileView]=\"isMobileView()\"\n (deleteEmitter)=\"deleEmitted($event)\"\n (edit)=\"editEmitted($event)\"\n (editConfirmed)=\"editConfirmed($event)\"\n (editCancel)=\"editCanceled($event)\"\n (createConfirmed)=\"createConfirmed()\"\n (customActionEmitter)=\"customActionEmitted($event)\"\n (userClickedRow)=\"emitUserRowClicked($event)\"\n (multipleSelectRow)=\"multipleSelectRow($event)\"></tbody>\n</table>\n\n@if (isPagerDisplay() && !paginationSlot()) {\n <ng2-smart-table-pager [source]=\"source()\" [content]=\"paginationTemplateData()\">\n <ng-content select=\"[pager-content]\"></ng-content>\n </ng2-smart-table-pager>\n}\n", styles: [":host{max-width:100%;display:block}:host table{width:100%}:host .close-dialog-button{display:flex;align-items:center;justify-content:center;border:none;background:none;width:2rem;height:2rem;padding:.5rem;border-radius:50%}:host .close-dialog-button:hover{box-shadow:0 0 5px 4px #dadada91}:host .close-dialog-button:after,:host .close-dialog-button:before{content:\"\";display:block;background-color:var(--smart-table-fg, #000);height:2px;width:1rem;border-radius:2px}:host .close-dialog-button:before{rotate:45deg}:host .close-dialog-button:after{position:absolute;rotate:-45deg}\n"] }]
|
|
2844
|
-
}] });
|
|
2844
|
+
}], propDecorators: { source: [{ type: i0.Input, args: [{ isSignal: true, alias: "source", required: true }] }], settings: [{ type: i0.Input, args: [{ isSignal: true, alias: "settings", required: true }] }], paginationSlot: [{ type: i0.Input, args: [{ isSignal: true, alias: "paginationSlot", required: false }] }], paginationTemplateData: [{ type: i0.Input, args: [{ isSignal: true, alias: "paginationTemplateData", required: false }] }], multiRowSelect: [{ type: i0.Output, args: ["multiRowSelect"] }], rowClicked: [{ type: i0.Output, args: ["rowClicked"] }], columnsSorted: [{ type: i0.Output, args: ["columnsSorted"] }], deleteEmitter: [{ type: i0.Output, args: ["deleteEmitter"] }], deleteConfirm: [{ type: i0.Output, args: ["deleteConfirm"] }], edit: [{ type: i0.Output, args: ["edit"] }], editConfirm: [{ type: i0.Output, args: ["editConfirm"] }], editCancel: [{ type: i0.Output, args: ["editCancel"] }], create: [{ type: i0.Output, args: ["create"] }], createConfirm: [{ type: i0.Output, args: ["createConfirm"] }], custom: [{ type: i0.Output, args: ["custom"] }] } });
|
|
2845
2845
|
|
|
2846
2846
|
/**
|
|
2847
2847
|
* Generated bundle index. Do not edit.
|