@one-paragon/angular-utilities 0.1.31 → 0.1.32-beta.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/action-state/action-state-spinner/action-state-spinner.component.d.ts +12 -12
- package/action-state/action-state-ui/action-state-ui.module.d.ts +9 -9
- package/action-state/index.d.ts +4 -4
- package/action-state/ngrx-ext/ngrx-ext.module.d.ts +8 -8
- package/action-state/ngrx.d.ts +31 -31
- package/esm2020/action-state/action-state-spinner/action-state-spinner.component.mjs +23 -23
- package/esm2020/action-state/action-state-ui/action-state-ui.module.mjs +28 -28
- package/esm2020/action-state/index.mjs +8 -8
- package/esm2020/action-state/ngrx-ext/ngrx-ext.module.mjs +23 -23
- package/esm2020/action-state/ngrx.mjs +42 -42
- package/esm2020/http-request-state/HttpRequestStateFactory.mjs +26 -26
- package/esm2020/http-request-state/HttpRequestStateStore.mjs +96 -96
- package/esm2020/http-request-state/directives/HttpStateDirectiveBase.mjs +33 -33
- package/esm2020/http-request-state/directives/http-error-state-directive.mjs +28 -28
- package/esm2020/http-request-state/directives/http-inProgress-state-directive.mjs +28 -28
- package/esm2020/http-request-state/directives/http-notStarted-state-directive.mjs +28 -28
- package/esm2020/http-request-state/directives/http-success-state-directive.mjs +33 -33
- package/esm2020/http-request-state/directives/index.mjs +5 -5
- package/esm2020/http-request-state/directives/request-state-directive.mjs +59 -59
- package/esm2020/http-request-state/helpers.mjs +21 -21
- package/esm2020/http-request-state/http-request-state.mjs +38 -38
- package/esm2020/http-request-state/http-state-module.mjs +40 -40
- package/esm2020/http-request-state/index.mjs +6 -6
- package/esm2020/http-request-state/rxjs/getRequestorBody.mjs +3 -3
- package/esm2020/http-request-state/rxjs/getRequestorState.mjs +2 -2
- package/esm2020/http-request-state/rxjs/index.mjs +4 -4
- package/esm2020/http-request-state/rxjs/tapError.mjs +11 -11
- package/esm2020/http-request-state/rxjs/tapSuccess.mjs +11 -11
- package/esm2020/http-request-state/types.mjs +15 -15
- package/esm2020/ngrx/actionable-selector.mjs +75 -75
- package/esm2020/ngrx/index.mjs +1 -1
- package/esm2020/one-paragon-angular-utilities.mjs +4 -4
- package/esm2020/public-api.mjs +19 -19
- package/esm2020/rxjs/defaultShareReplay.mjs +6 -6
- package/esm2020/rxjs/index.mjs +5 -5
- package/esm2020/rxjs/mapError.mjs +7 -7
- package/esm2020/rxjs/rxjs-operators.mjs +91 -91
- package/esm2020/rxjs/subjectifier.mjs +15 -15
- package/esm2020/table-builder/classes/DefaultSettings.mjs +6 -6
- package/esm2020/table-builder/classes/GenericTableDataSource.mjs +13 -13
- package/esm2020/table-builder/classes/MatTableObservableDataSource.mjs +41 -21
- package/esm2020/table-builder/classes/TableBuilderConfig.mjs +3 -3
- package/esm2020/table-builder/classes/TableState.mjs +31 -31
- package/esm2020/table-builder/classes/data-filter.mjs +26 -26
- package/esm2020/table-builder/classes/display-col.mjs +1 -1
- package/esm2020/table-builder/classes/filter-info.mjs +73 -73
- package/esm2020/table-builder/classes/table-builder-general-settings.mjs +67 -67
- package/esm2020/table-builder/classes/table-builder.mjs +76 -76
- package/esm2020/table-builder/classes/table-store.mjs +292 -292
- package/esm2020/table-builder/components/array-column.component.mjs +32 -32
- package/esm2020/table-builder/components/column-builder/column-builder.component.mjs +112 -112
- package/esm2020/table-builder/components/date-filter/date-filter.component.mjs +25 -25
- package/esm2020/table-builder/components/date-time-filter/date-time-filter.component.mjs +22 -22
- package/esm2020/table-builder/components/filter/filter.component.mjs +54 -54
- package/esm2020/table-builder/components/filter/in-list/in-list-filter.component.mjs +79 -79
- package/esm2020/table-builder/components/gen-col-displayer/gen-col-displayer.component.mjs +45 -45
- package/esm2020/table-builder/components/generic-table/generic-table.component.mjs +207 -202
- package/esm2020/table-builder/components/generic-table/paginator.component.mjs +62 -60
- package/esm2020/table-builder/components/group-by-list/group-by-list.component.mjs +22 -22
- package/esm2020/table-builder/components/header-menu/header-menu.component.mjs +90 -90
- package/esm2020/table-builder/components/in-filter/in-filter.component.mjs +63 -63
- package/esm2020/table-builder/components/index.mjs +10 -10
- package/esm2020/table-builder/components/initialization-component/initialization-component.mjs +33 -33
- package/esm2020/table-builder/components/link-column.component.mjs +30 -30
- package/esm2020/table-builder/components/number-filter/number-filter.component.mjs +26 -26
- package/esm2020/table-builder/components/sort-menu/sort-menu.component-store.mjs +41 -41
- package/esm2020/table-builder/components/sort-menu/sort-menu.component.mjs +75 -75
- package/esm2020/table-builder/components/table-container/table-container.mjs +324 -322
- package/esm2020/table-builder/components/table-container-filter/filter-list/filter-list.component.mjs +42 -42
- package/esm2020/table-builder/components/table-container-filter/gen-filter-displayer/gen-filter-displayer.component.mjs +30 -30
- package/esm2020/table-builder/components/table-container-filter/table-wrapper-filter-store.mjs +24 -24
- package/esm2020/table-builder/directives/custom-cell-directive.mjs +58 -58
- package/esm2020/table-builder/directives/index.mjs +6 -6
- package/esm2020/table-builder/directives/multi-sort.directive.mjs +42 -42
- package/esm2020/table-builder/directives/resize-column.directive.mjs +85 -85
- package/esm2020/table-builder/directives/table-wrapper.directive.mjs +26 -26
- package/esm2020/table-builder/directives/tb-filter.directive.mjs +403 -403
- package/esm2020/table-builder/enums/filterTypes.mjs +72 -72
- package/esm2020/table-builder/functions/boolean-filter-function.mjs +9 -9
- package/esm2020/table-builder/functions/date-filter-function.mjs +58 -58
- package/esm2020/table-builder/functions/download-data.mjs +11 -11
- package/esm2020/table-builder/functions/null-filter-function.mjs +7 -7
- package/esm2020/table-builder/functions/number-filter-function.mjs +31 -31
- package/esm2020/table-builder/functions/sort-data-function.mjs +4 -4
- package/esm2020/table-builder/functions/string-filter-function.mjs +40 -40
- package/esm2020/table-builder/interfaces/ColumnInfo.mjs +1 -1
- package/esm2020/table-builder/interfaces/dictionary.mjs +1 -1
- package/esm2020/table-builder/interfaces/report-def.mjs +35 -35
- package/esm2020/table-builder/material.module.mjs +207 -207
- package/esm2020/table-builder/ngrx/actions.mjs +4 -4
- package/esm2020/table-builder/ngrx/effects.mjs +47 -47
- package/esm2020/table-builder/ngrx/reducer.mjs +51 -51
- package/esm2020/table-builder/ngrx/selectors.mjs +23 -23
- package/esm2020/table-builder/pipes/column-total.pipe.mjs +19 -19
- package/esm2020/table-builder/pipes/format-filter-type.pipe.mjs +17 -17
- package/esm2020/table-builder/pipes/format-filter-value.pipe.mjs +45 -45
- package/esm2020/table-builder/pipes/key-display.mjs +19 -19
- package/esm2020/table-builder/services/export-to-csv.service.mjs +88 -88
- package/esm2020/table-builder/services/link-creator.service.mjs +42 -42
- package/esm2020/table-builder/services/table-template-service.mjs +44 -44
- package/esm2020/table-builder/services/transform-creator.mjs +75 -75
- package/esm2020/table-builder/table-builder.module.mjs +215 -207
- package/esm2020/utilities/directives/auto-focus.directive.mjs +25 -25
- package/esm2020/utilities/directives/clickEmitterDirective.mjs +20 -20
- package/esm2020/utilities/directives/clickSubject.mjs +26 -26
- package/esm2020/utilities/directives/conditional-classes.directive.mjs +35 -35
- package/esm2020/utilities/directives/dialog-service.mjs +25 -25
- package/esm2020/utilities/directives/dialog.mjs +137 -137
- package/esm2020/utilities/directives/mat-toggle-group-directive.mjs +59 -59
- package/esm2020/utilities/directives/prevent-enter.directive.mjs +18 -18
- package/esm2020/utilities/directives/stop-propagation.directive.mjs +24 -24
- package/esm2020/utilities/directives/styler.mjs +25 -25
- package/esm2020/utilities/directives/trim-whitespace.directive.mjs +29 -29
- package/esm2020/utilities/index.mjs +16 -16
- package/esm2020/utilities/module.mjs +91 -91
- package/esm2020/utilities/pipes/function.pipe.mjs +20 -20
- package/esm2020/utilities/pipes/phone.pipe.mjs +19 -19
- package/esm2020/utilities/pipes/space-case.pipes.mjs +28 -28
- package/fesm2015/one-paragon-angular-utilities.mjs +4449 -4413
- package/fesm2015/one-paragon-angular-utilities.mjs.map +1 -1
- package/fesm2020/one-paragon-angular-utilities.mjs +4429 -4393
- package/fesm2020/one-paragon-angular-utilities.mjs.map +1 -1
- package/http-request-state/HttpRequestStateFactory.d.ts +14 -14
- package/http-request-state/HttpRequestStateStore.d.ts +48 -48
- package/http-request-state/directives/HttpStateDirectiveBase.d.ts +16 -16
- package/http-request-state/directives/http-error-state-directive.d.ts +12 -12
- package/http-request-state/directives/http-inProgress-state-directive.d.ts +12 -12
- package/http-request-state/directives/http-notStarted-state-directive.d.ts +12 -12
- package/http-request-state/directives/http-success-state-directive.d.ts +21 -21
- package/http-request-state/directives/index.d.ts +5 -5
- package/http-request-state/directives/request-state-directive.d.ts +35 -35
- package/http-request-state/helpers.d.ts +9 -9
- package/http-request-state/http-request-state.d.ts +12 -12
- package/http-request-state/http-state-module.d.ts +11 -11
- package/http-request-state/index.d.ts +6 -6
- package/http-request-state/rxjs/getRequestorBody.d.ts +3 -3
- package/http-request-state/rxjs/getRequestorState.d.ts +3 -3
- package/http-request-state/rxjs/index.d.ts +4 -4
- package/http-request-state/rxjs/tapError.d.ts +3 -3
- package/http-request-state/rxjs/tapSuccess.d.ts +3 -3
- package/http-request-state/types.d.ts +36 -36
- package/index.d.ts +5 -5
- package/ngrx/actionable-selector.d.ts +15 -15
- package/ngrx/index.d.ts +1 -1
- package/package.json +1 -1
- package/public-api.d.ts +15 -15
- package/rxjs/defaultShareReplay.d.ts +2 -2
- package/rxjs/index.d.ts +4 -4
- package/rxjs/mapError.d.ts +2 -2
- package/rxjs/rxjs-operators.d.ts +12 -12
- package/rxjs/subjectifier.d.ts +9 -9
- package/table-builder/classes/DefaultSettings.d.ts +9 -9
- package/table-builder/classes/GenericTableDataSource.d.ts +8 -8
- package/table-builder/classes/MatTableObservableDataSource.d.ts +17 -9
- package/table-builder/classes/TableBuilderConfig.d.ts +20 -20
- package/table-builder/classes/TableState.d.ts +46 -46
- package/table-builder/classes/data-filter.d.ts +9 -9
- package/table-builder/classes/display-col.d.ts +5 -5
- package/table-builder/classes/filter-info.d.ts +40 -40
- package/table-builder/classes/table-builder-general-settings.d.ts +43 -43
- package/table-builder/classes/table-builder.d.ts +14 -14
- package/table-builder/classes/table-store.d.ts +114 -114
- package/table-builder/components/array-column.component.d.ts +14 -14
- package/table-builder/components/column-builder/column-builder.component.d.ts +50 -50
- package/table-builder/components/date-filter/date-filter.component.d.ts +10 -10
- package/table-builder/components/date-time-filter/date-time-filter.component.d.ts +10 -10
- package/table-builder/components/filter/filter.component.d.ts +371 -371
- package/table-builder/components/filter/in-list/in-list-filter.component.d.ts +27 -27
- package/table-builder/components/gen-col-displayer/gen-col-displayer.component.d.ts +16 -16
- package/table-builder/components/generic-table/generic-table.component.d.ts +74 -73
- package/table-builder/components/generic-table/paginator.component.d.ts +28 -28
- package/table-builder/components/group-by-list/group-by-list.component.d.ts +10 -10
- package/table-builder/components/header-menu/header-menu.component.d.ts +25 -25
- package/table-builder/components/in-filter/in-filter.component.d.ts +21 -21
- package/table-builder/components/index.d.ts +9 -9
- package/table-builder/components/initialization-component/initialization-component.d.ts +12 -12
- package/table-builder/components/link-column.component.d.ts +17 -17
- package/table-builder/components/number-filter/number-filter.component.d.ts +12 -12
- package/table-builder/components/sort-menu/sort-menu.component-store.d.ts +24 -24
- package/table-builder/components/sort-menu/sort-menu.component.d.ts +25 -25
- package/table-builder/components/table-container/table-container.d.ts +69 -68
- package/table-builder/components/table-container-filter/filter-list/filter-list.component.d.ts +17 -17
- package/table-builder/components/table-container-filter/gen-filter-displayer/gen-filter-displayer.component.d.ts +14 -14
- package/table-builder/components/table-container-filter/table-wrapper-filter-store.d.ts +14 -14
- package/table-builder/directives/custom-cell-directive.d.ts +19 -19
- package/table-builder/directives/index.d.ts +5 -5
- package/table-builder/directives/multi-sort.directive.d.ts +11 -11
- package/table-builder/directives/resize-column.directive.d.ts +43 -43
- package/table-builder/directives/table-wrapper.directive.d.ts +11 -11
- package/table-builder/directives/tb-filter.directive.d.ts +120 -120
- package/table-builder/enums/filterTypes.d.ts +37 -37
- package/table-builder/functions/boolean-filter-function.d.ts +3 -3
- package/table-builder/functions/date-filter-function.d.ts +4 -4
- package/table-builder/functions/download-data.d.ts +1 -1
- package/table-builder/functions/null-filter-function.d.ts +2 -2
- package/table-builder/functions/number-filter-function.d.ts +4 -4
- package/table-builder/functions/sort-data-function.d.ts +3 -3
- package/table-builder/functions/string-filter-function.d.ts +7 -7
- package/table-builder/interfaces/ColumnInfo.d.ts +6 -6
- package/table-builder/interfaces/dictionary.d.ts +3 -3
- package/table-builder/interfaces/report-def.d.ts +142 -142
- package/table-builder/material.module.d.ts +32 -32
- package/table-builder/ngrx/actions.d.ts +23 -23
- package/table-builder/ngrx/effects.d.ts +19 -19
- package/table-builder/ngrx/reducer.d.ts +15 -15
- package/table-builder/ngrx/selectors.d.ts +22 -22
- package/table-builder/pipes/column-total.pipe.d.ts +8 -8
- package/table-builder/pipes/format-filter-type.pipe.d.ts +8 -8
- package/table-builder/pipes/format-filter-value.pipe.d.ts +14 -14
- package/table-builder/pipes/key-display.d.ts +11 -11
- package/table-builder/services/export-to-csv.service.d.ts +22 -22
- package/table-builder/services/link-creator.service.d.ts +12 -12
- package/table-builder/services/table-template-service.d.ts +14 -14
- package/table-builder/services/transform-creator.d.ts +19 -19
- package/table-builder/table-builder.module.d.ts +48 -46
- package/utilities/directives/auto-focus.directive.d.ts +10 -10
- package/utilities/directives/clickEmitterDirective.d.ts +7 -7
- package/utilities/directives/clickSubject.d.ts +9 -9
- package/utilities/directives/conditional-classes.directive.d.ts +14 -14
- package/utilities/directives/dialog-service.d.ts +10 -10
- package/utilities/directives/dialog.d.ts +46 -46
- package/utilities/directives/mat-toggle-group-directive.d.ts +21 -21
- package/utilities/directives/prevent-enter.directive.d.ts +6 -6
- package/utilities/directives/stop-propagation.directive.d.ts +7 -7
- package/utilities/directives/styler.d.ts +9 -9
- package/utilities/directives/trim-whitespace.directive.d.ts +9 -9
- package/utilities/index.d.ts +15 -15
- package/utilities/module.d.ts +19 -19
- package/utilities/pipes/function.pipe.d.ts +7 -7
- package/utilities/pipes/phone.pipe.d.ts +7 -7
- package/utilities/pipes/space-case.pipes.d.ts +17 -17
|
@@ -1,86 +1,86 @@
|
|
|
1
|
-
import { Directive, Input } from "@angular/core";
|
|
2
|
-
import { fromEvent } from "rxjs";
|
|
3
|
-
import { filter, map, switchMap, takeUntil } from "rxjs/operators";
|
|
4
|
-
import { defaultShareReplay } from "../../rxjs";
|
|
5
|
-
import * as i0 from "@angular/core";
|
|
6
|
-
import * as i1 from "../classes/table-store";
|
|
7
|
-
export class ResizeColumnDirective {
|
|
8
|
-
constructor(renderer, el, store) {
|
|
9
|
-
this.renderer = renderer;
|
|
10
|
-
this.el = el;
|
|
11
|
-
this.store = store;
|
|
12
|
-
this.getElementWidth = (elem) => (+(globalThis.getComputedStyle(elem).getPropertyValue('width').replace('px', '')));
|
|
13
|
-
}
|
|
14
|
-
ngOnInit() {
|
|
15
|
-
if (this.resizable) {
|
|
16
|
-
const { table, columnHead } = this.getTableAndColumnHeadHtmlElements();
|
|
17
|
-
const resizer = this.createResizerSpanInColumnHead(columnHead);
|
|
18
|
-
const aggregateMouseEventsMapped$ = this.mouseDownThroghMouseUpEventMapper(resizer, columnHead, table);
|
|
19
|
-
const resizeColsData$ = aggregateMouseEventsMapped$.pipe(filter(({ mouseMove }) => !!mouseMove.buttons), map(({ mouseDownData, mouseMove }) => {
|
|
20
|
-
const { newTableWidth, newColumnWidth } = this.calculateNewWidths(mouseDownData, mouseMove);
|
|
21
|
-
return ({
|
|
22
|
-
key: this.key,
|
|
23
|
-
widthInPixel: newColumnWidth,
|
|
24
|
-
tableSize: newTableWidth,
|
|
25
|
-
});
|
|
26
|
-
}), defaultShareReplay());
|
|
27
|
-
this.store.setUserDefinedWidth(resizeColsData$.pipe(map(resizeData => ([{ key: this.key, widthInPixel: resizeData.widthInPixel }]))));
|
|
28
|
-
this.store.setTableWidth(resizeColsData$.pipe(map(resizeData => resizeData.tableSize)));
|
|
29
|
-
}
|
|
30
|
-
}
|
|
31
|
-
createResizerSpanInColumnHead(columnHead) {
|
|
32
|
-
const resizer = this.renderer.createElement("span");
|
|
33
|
-
this.renderer.addClass(resizer, "resize-holder");
|
|
34
|
-
resizer.style['cursor'] = 'col-resize';
|
|
35
|
-
resizer.style['user-select'] = 'none';
|
|
36
|
-
resizer.style['width'] = '10px';
|
|
37
|
-
resizer.style['height'] = '100%';
|
|
38
|
-
resizer.style['position'] = 'absolute';
|
|
39
|
-
resizer.style['right'] = '0';
|
|
40
|
-
resizer.style['top'] = '0';
|
|
41
|
-
resizer.style['z-index'] = '1';
|
|
42
|
-
this.renderer.appendChild(columnHead, resizer);
|
|
43
|
-
return resizer;
|
|
44
|
-
}
|
|
45
|
-
getTableAndColumnHeadHtmlElements() {
|
|
46
|
-
const columnHead = this.el.nativeElement;
|
|
47
|
-
const row = this.renderer.parentNode(columnHead);
|
|
48
|
-
const table = this.renderer.parentNode(row);
|
|
49
|
-
return ({ table, columnHead });
|
|
50
|
-
}
|
|
51
|
-
mouseDownThroghMouseUpEventMapper(resizer, columnHead, table) {
|
|
52
|
-
return this.resizerMouseDownEventMapper(resizer, columnHead, table)
|
|
53
|
-
.pipe(switchMap(mouseDownData => fromEvent(table, "mousemove").pipe(map(mouseMove => ({ mouseDownData, mouseMove })), takeUntil(fromEvent(document, "mouseup")))));
|
|
54
|
-
}
|
|
55
|
-
resizerMouseDownEventMapper(resizer, columnHead, table) {
|
|
56
|
-
return fromEvent(resizer, "mousedown").pipe(map(event => ({
|
|
57
|
-
startPageX: event.pageX,
|
|
58
|
-
startColumnWidth: this.getElementWidth(columnHead),
|
|
59
|
-
startTableWidth: this.getElementWidth(table),
|
|
60
|
-
})));
|
|
61
|
-
}
|
|
62
|
-
calculateNewWidths(mouseDownData, mouseMove) {
|
|
63
|
-
const change = (mouseMove.pageX - mouseDownData.startPageX);
|
|
64
|
-
let newColumnWidth = mouseDownData.startColumnWidth + change;
|
|
65
|
-
if (newColumnWidth < 1) {
|
|
66
|
-
newColumnWidth = 1;
|
|
67
|
-
}
|
|
68
|
-
const columnChange = newColumnWidth - mouseDownData.startColumnWidth;
|
|
69
|
-
const newTableWidth = (mouseDownData.startTableWidth + columnChange);
|
|
70
|
-
return ({ newTableWidth, newColumnWidth });
|
|
71
|
-
}
|
|
72
|
-
}
|
|
73
|
-
ResizeColumnDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: ResizeColumnDirective, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }, { token: i1.TableStore }], target: i0.ɵɵFactoryTarget.Directive });
|
|
74
|
-
ResizeColumnDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.0.2", type: ResizeColumnDirective, selector: "[resizeColumn]", inputs: { resizable: ["resizeColumn", "resizable"], key: "key" }, ngImport: i0 });
|
|
75
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: ResizeColumnDirective, decorators: [{
|
|
76
|
-
type: Directive,
|
|
77
|
-
args: [{
|
|
78
|
-
selector: "[resizeColumn]",
|
|
79
|
-
}]
|
|
80
|
-
}], ctorParameters: function () { return [{ type: i0.Renderer2 }, { type: i0.ElementRef }, { type: i1.TableStore }]; }, propDecorators: { resizable: [{
|
|
81
|
-
type: Input,
|
|
82
|
-
args: ["resizeColumn"]
|
|
83
|
-
}], key: [{
|
|
84
|
-
type: Input
|
|
85
|
-
}] } });
|
|
1
|
+
import { Directive, Input } from "@angular/core";
|
|
2
|
+
import { fromEvent } from "rxjs";
|
|
3
|
+
import { filter, map, switchMap, takeUntil } from "rxjs/operators";
|
|
4
|
+
import { defaultShareReplay } from "../../rxjs";
|
|
5
|
+
import * as i0 from "@angular/core";
|
|
6
|
+
import * as i1 from "../classes/table-store";
|
|
7
|
+
export class ResizeColumnDirective {
|
|
8
|
+
constructor(renderer, el, store) {
|
|
9
|
+
this.renderer = renderer;
|
|
10
|
+
this.el = el;
|
|
11
|
+
this.store = store;
|
|
12
|
+
this.getElementWidth = (elem) => (+(globalThis.getComputedStyle(elem).getPropertyValue('width').replace('px', '')));
|
|
13
|
+
}
|
|
14
|
+
ngOnInit() {
|
|
15
|
+
if (this.resizable) {
|
|
16
|
+
const { table, columnHead } = this.getTableAndColumnHeadHtmlElements();
|
|
17
|
+
const resizer = this.createResizerSpanInColumnHead(columnHead);
|
|
18
|
+
const aggregateMouseEventsMapped$ = this.mouseDownThroghMouseUpEventMapper(resizer, columnHead, table);
|
|
19
|
+
const resizeColsData$ = aggregateMouseEventsMapped$.pipe(filter(({ mouseMove }) => !!mouseMove.buttons), map(({ mouseDownData, mouseMove }) => {
|
|
20
|
+
const { newTableWidth, newColumnWidth } = this.calculateNewWidths(mouseDownData, mouseMove);
|
|
21
|
+
return ({
|
|
22
|
+
key: this.key,
|
|
23
|
+
widthInPixel: newColumnWidth,
|
|
24
|
+
tableSize: newTableWidth,
|
|
25
|
+
});
|
|
26
|
+
}), defaultShareReplay());
|
|
27
|
+
this.store.setUserDefinedWidth(resizeColsData$.pipe(map(resizeData => ([{ key: this.key, widthInPixel: resizeData.widthInPixel }]))));
|
|
28
|
+
this.store.setTableWidth(resizeColsData$.pipe(map(resizeData => resizeData.tableSize)));
|
|
29
|
+
}
|
|
30
|
+
}
|
|
31
|
+
createResizerSpanInColumnHead(columnHead) {
|
|
32
|
+
const resizer = this.renderer.createElement("span");
|
|
33
|
+
this.renderer.addClass(resizer, "resize-holder");
|
|
34
|
+
resizer.style['cursor'] = 'col-resize';
|
|
35
|
+
resizer.style['user-select'] = 'none';
|
|
36
|
+
resizer.style['width'] = '10px';
|
|
37
|
+
resizer.style['height'] = '100%';
|
|
38
|
+
resizer.style['position'] = 'absolute';
|
|
39
|
+
resizer.style['right'] = '0';
|
|
40
|
+
resizer.style['top'] = '0';
|
|
41
|
+
resizer.style['z-index'] = '1';
|
|
42
|
+
this.renderer.appendChild(columnHead, resizer);
|
|
43
|
+
return resizer;
|
|
44
|
+
}
|
|
45
|
+
getTableAndColumnHeadHtmlElements() {
|
|
46
|
+
const columnHead = this.el.nativeElement;
|
|
47
|
+
const row = this.renderer.parentNode(columnHead);
|
|
48
|
+
const table = this.renderer.parentNode(row);
|
|
49
|
+
return ({ table, columnHead });
|
|
50
|
+
}
|
|
51
|
+
mouseDownThroghMouseUpEventMapper(resizer, columnHead, table) {
|
|
52
|
+
return this.resizerMouseDownEventMapper(resizer, columnHead, table)
|
|
53
|
+
.pipe(switchMap(mouseDownData => fromEvent(table, "mousemove").pipe(map(mouseMove => ({ mouseDownData, mouseMove })), takeUntil(fromEvent(document, "mouseup")))));
|
|
54
|
+
}
|
|
55
|
+
resizerMouseDownEventMapper(resizer, columnHead, table) {
|
|
56
|
+
return fromEvent(resizer, "mousedown").pipe(map(event => ({
|
|
57
|
+
startPageX: event.pageX,
|
|
58
|
+
startColumnWidth: this.getElementWidth(columnHead),
|
|
59
|
+
startTableWidth: this.getElementWidth(table),
|
|
60
|
+
})));
|
|
61
|
+
}
|
|
62
|
+
calculateNewWidths(mouseDownData, mouseMove) {
|
|
63
|
+
const change = (mouseMove.pageX - mouseDownData.startPageX);
|
|
64
|
+
let newColumnWidth = mouseDownData.startColumnWidth + change;
|
|
65
|
+
if (newColumnWidth < 1) {
|
|
66
|
+
newColumnWidth = 1;
|
|
67
|
+
}
|
|
68
|
+
const columnChange = newColumnWidth - mouseDownData.startColumnWidth;
|
|
69
|
+
const newTableWidth = (mouseDownData.startTableWidth + columnChange);
|
|
70
|
+
return ({ newTableWidth, newColumnWidth });
|
|
71
|
+
}
|
|
72
|
+
}
|
|
73
|
+
ResizeColumnDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: ResizeColumnDirective, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }, { token: i1.TableStore }], target: i0.ɵɵFactoryTarget.Directive });
|
|
74
|
+
ResizeColumnDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.0.2", type: ResizeColumnDirective, selector: "[resizeColumn]", inputs: { resizable: ["resizeColumn", "resizable"], key: "key" }, ngImport: i0 });
|
|
75
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: ResizeColumnDirective, decorators: [{
|
|
76
|
+
type: Directive,
|
|
77
|
+
args: [{
|
|
78
|
+
selector: "[resizeColumn]",
|
|
79
|
+
}]
|
|
80
|
+
}], ctorParameters: function () { return [{ type: i0.Renderer2 }, { type: i0.ElementRef }, { type: i1.TableStore }]; }, propDecorators: { resizable: [{
|
|
81
|
+
type: Input,
|
|
82
|
+
args: ["resizeColumn"]
|
|
83
|
+
}], key: [{
|
|
84
|
+
type: Input
|
|
85
|
+
}] } });
|
|
86
86
|
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmVzaXplLWNvbHVtbi5kaXJlY3RpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9hbmd1bGFyLXV0aWxpdGllcy9zcmMvdGFibGUtYnVpbGRlci9kaXJlY3RpdmVzL3Jlc2l6ZS1jb2x1bW4uZGlyZWN0aXZlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQXFCLEtBQUssRUFBYyxNQUFNLGVBQWUsQ0FBQztBQUNoRixPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sTUFBTSxDQUFDO0FBQ2pDLE9BQU8sRUFBRSxNQUFNLEVBQUUsR0FBRyxFQUFFLFNBQVMsRUFBRSxTQUFTLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUNuRSxPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSxZQUFZLENBQUM7OztBQU1oRCxNQUFNLE9BQU8scUJBQXFCO0lBSWhDLFlBQW9CLFFBQW1CLEVBQVUsRUFBYyxFQUFTLEtBQWlCO1FBQXJFLGFBQVEsR0FBUixRQUFRLENBQVc7UUFBVSxPQUFFLEdBQUYsRUFBRSxDQUFZO1FBQVMsVUFBSyxHQUFMLEtBQUssQ0FBWTtRQW1GekYsb0JBQWUsR0FBRyxDQUFDLElBQWdCLEVBQUUsRUFBRSxDQUFDLENBQUMsQ0FBQyxDQUFDLFVBQVUsQ0FBQyxnQkFBZ0IsQ0FBQyxJQUFJLENBQUMsQ0FBQyxnQkFBZ0IsQ0FBQyxPQUFPLENBQUMsQ0FBQyxPQUFPLENBQUMsSUFBSSxFQUFDLEVBQUUsQ0FBQyxDQUFDLENBQUMsQ0FBQTtJQW5GM0IsQ0FBQztJQUUvRixRQUFRO1FBQ04sSUFBSSxJQUFJLENBQUMsU0FBUyxFQUFDO1lBQ2pCLE1BQU0sRUFBQyxLQUFLLEVBQUUsVUFBVSxFQUFDLEdBQUcsSUFBSSxDQUFDLGlDQUFpQyxFQUFFLENBQUM7WUFDckUsTUFBTSxPQUFPLEdBQUcsSUFBSSxDQUFDLDZCQUE2QixDQUFDLFVBQVUsQ0FBQyxDQUFDO1lBRS9E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QVksQ0FBQyxDQUFDO1FBQ3JFLE9BQU8sQ0FBQyxFQUFDLGFBQWEsRUFBQyxjQUFjLEVBQUMsQ0FBQyxDQUFBO0lBQ3pDLENBQUM7O2tIQXRGVSxxQkFBcUI7c0dBQXJCLHFCQUFxQjsyRkFBckIscUJBQXFCO2tCQUhqQyxTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRSxnQkFBZ0I7aUJBQzNCO2tKQUV3QixTQUFTO3NCQUEvQixLQUFLO3VCQUFDLGNBQWM7Z0JBRVosR0FBRztzQkFBWCxLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgRGlyZWN0aXZlLCBPbkluaXQsIFJlbmRlcmVyMiwgSW5wdXQsIEVsZW1lbnRSZWYgfSBmcm9tIFwiQGFuZ3VsYXIvY29yZVwiO1xuaW1wb3J0IHsgZnJvbUV2ZW50IH0gZnJvbSBcInJ4anNcIjtcbmltcG9ydCB7IGZpbHRlciwgbWFwLCBzd2l0Y2hNYXAsIHRha2VVbnRpbCB9IGZyb20gXCJyeGpzL29wZXJhdG9yc1wiO1xuaW1wb3J0IHsgZGVmYXVsdFNoYXJlUmVwbGF5IH0gZnJvbSBcIi4uLy4uL3J4anNcIjtcbmltcG9ydCB7IFRhYmxlU3RvcmUgfSBmcm9tIFwiLi4vY2xhc3Nlcy90YWJsZS1zdG9yZVwiO1xuXG5ARGlyZWN0aXZlKHtcbiAgc2VsZWN0b3I6IFwiW3Jlc2l6ZUNvbHVtbl1cIixcbn0pXG5leHBvcnQgY2xhc3MgUmVzaXplQ29sdW1uRGlyZWN0aXZlIGltcGxlbWVudHMgT25Jbml0e1xuICBASW5wdXQoXCJyZXNpemVDb2x1bW5cIikgcmVzaXphYmxlITogYm9vbGVhbjtcblxuICBASW5wdXQoKSBrZXkhOiBzdHJpbmc7XG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgcmVuZGVyZXI6IFJlbmRlcmVyMiwgcHJpdmF0ZSBlbDogRWxlbWVudFJlZiwgcHVibGljIHN0b3JlOiBUYWJsZVN0b3JlLCkgeyB9XG5cbiAgbmdPbkluaXQoKXtcbiAgICBpZiAodGhpcy5yZXNpemFibGUpe1xuICAgICAgY29uc3Qge3RhYmxlLCBjb2x1bW5IZWFkfSA9IHRoaXMuZ2V0VGFibGVBbmRDb2x1bW5IZWFkSHRtbEVsZW1lbnRzKCk7XG4gICAgICBjb25zdCByZXNpemVyID0gdGhpcy5jcmVhdGVSZXNpemVyU3BhbkluQ29sdW1uSGVhZChjb2x1bW5IZWFkKTtcblxuICAgICAgY29uc3QgYWdncmVnYXRlTW91c2VFdmVudHNNYXBwZWQkID0gdGhpcy5tb3VzZURvd25UaHJvZ2hNb3VzZVVwRXZlbnRNYXBwZXIocmVzaXplcixjb2x1bW5IZWFkLHRhYmxlKVxuXG4gICAgICBjb25zdCByZXNpemVDb2xzRGF0YSQgPSBhZ2dyZWdhdGVNb3VzZUV2ZW50c01hcHBlZCQucGlwZShcbiAgICAgICAgZmlsdGVyKCh7bW91c2VNb3ZlfSk9PiEhbW91c2VNb3ZlLmJ1dHRvbnMpLFxuICAgICAgICBtYXAoICh7bW91c2VEb3duRGF0YSxtb3VzZU1vdmV9KSA9PiB7XG4gICAgICAgICAgICBjb25zdCB7bmV3VGFibGVXaWR0aCxuZXdDb2x1bW5XaWR0aH0gID0gdGhpcy5jYWxjdWxhdGVOZXdXaWR0aHMobW91c2VEb3duRGF0YSxtb3VzZU1vdmUpXG4gICAgICAgICAgICByZXR1cm4gKHtcbiAgICAgICAgICAgICAga2V5OnRoaXMua2V5LFxuICAgICAgICAgICAgICB3aWR0aEluUGl4ZWw6bmV3Q29sdW1uV2lkdGgsXG4gICAgICAgICAgICAgIHRhYmxlU2l6ZTpuZXdUYWJsZVdpZHRoLFxuICAgICAgICAgICAgfSlcbiAgICAgICAgICB9KSxcbiAgICAgICAgZGVmYXVsdFNoYXJlUmVwbGF5KClcbiAgICAgICk7XG5cbiAgICAgIHRoaXMuc3RvcmUuc2V0VXNlckRlZmluZWRXaWR0aChyZXNpemVDb2xzRGF0YSQucGlwZShcbiAgICAgICAgbWFwKHJlc2l6ZURhdGEgPT4gKFt7a2V5OiB0aGlzLmtleSwgd2lkdGhJblBpeGVsOiByZXNpemVEYXRhLndpZHRoSW5QaXhlbCB9XSkpXG4gICAgICApKTtcblxuICAgICAgdGhpcy5zdG9yZS5zZXRUYWJsZVdpZHRoKHJlc2l6ZUNvbHNEYXRhJC5waXBlKFxuICAgICAgICBtYXAocmVzaXplRGF0YSA9PiByZXNpemVEYXRhLnRhYmxlU2l6ZSApKSk7XG4gICAgfVxuXG4gIH1cblxuICBjcmVhdGVSZXNpemVyU3BhbkluQ29sdW1uSGVhZChjb2x1bW5IZWFkOkhUTUxFbGVtZW50KXtcbiAgICBjb25zdCByZXNpemVyID0gdGhpcy5yZW5kZXJlci5jcmVhdGVFbGVtZW50KFwic3BhblwiKTtcbiAgICB0aGlzLnJlbmRlcmVyLmFkZENsYXNzKHJlc2l6ZXIsIFwicmVzaXplLWhvbGRlclwiKTtcbiAgICByZXNpemVyLnN0eWxlWydjdXJzb3InXT0nY29sLXJlc2l6ZSc7XG4gICAgcmVzaXplci5zdHlsZVsndXNlci1zZWxlY3QnXT0nbm9uZSc7XG4gICAgcmVzaXplci5zdHlsZVsnd2lkdGgnXT0nMTBweCc7XG4gICAgcmVzaXplci5zdHlsZVsnaGVpZ2h0J109JzEwMCUnO1xuICAgIHJlc2l6ZXIuc3R5bGVbJ3Bvc2l0aW9uJ109J2Fic29sdXRlJztcbiAgICByZXNpemVyLnN0eWxlWydyaWdodCddPScwJztcbiAgICByZXNpemVyLnN0eWxlWyd0b3AnXT0nMCc7XG4gICAgcmVzaXplci5zdHlsZVsnei1pbmRleCddPScxJztcbiAgICB0aGlzLnJlbmRlcmVyLmFwcGVuZENoaWxkKGNvbHVtbkhlYWQsIHJlc2l6ZXIpO1xuICAgIHJldHVybiByZXNpemVyO1xuICB9XG5cbiAgZ2V0VGFibGVBbmRDb2x1bW5IZWFkSHRtbEVsZW1lbnRzKCk6e3RhYmxlOkhUTUxFbGVtZW50LGNvbHVtbkhlYWQ6SFRNTEVsZW1lbnR9e1xuICAgIGNvbnN0IGNvbHVtbkhlYWQ6IEhUTUxFbGVtZW50ID0gdGhpcy5lbC5uYXRpdmVFbGVtZW50O1xuICAgIGNvbnN0IHJvdyA9IHRoaXMucmVuZGVyZXIucGFyZW50Tm9kZShjb2x1bW5IZWFkKTtcbiAgICBjb25zdCB0YWJsZSA9IHRoaXMucmVuZGVyZXIucGFyZW50Tm9kZShyb3cpO1xuICAgIHJldHVybiAoe3RhYmxlLGNvbHVtbkhlYWR9KVxuICB9XG5cbiAgbW91c2VEb3duVGhyb2doTW91c2VVcEV2ZW50TWFwcGVyKHJlc2l6ZXI6SFRNTEVsZW1lbnQsIGNvbHVtbkhlYWQ6SFRNTEVsZW1lbnQsIHRhYmxlOkhUTUxFbGVtZW50KXtcbiAgICByZXR1cm4gdGhpcy5yZXNpemVyTW91c2VEb3duRXZlbnRNYXBwZXIocmVzaXplcixjb2x1bW5IZWFkLHRhYmxlKVxuICAgIC5waXBlKFxuICAgICAgc3dpdGNoTWFwKCBtb3VzZURvd25EYXRhID0+IGZyb21FdmVudDxNb3VzZUV2ZW50Pih0YWJsZSwgXCJtb3VzZW1vdmVcIikucGlwZShcbiAgICAgICAgbWFwKCBtb3VzZU1vdmUgPT4gKHttb3VzZURvd25EYXRhLCBtb3VzZU1vdmV9KSksXG4gICAgICAgIHRha2VVbnRpbChmcm9tRXZlbnQ8TW91c2VFdmVudD4oZG9jdW1lbnQsIFwibW91c2V1cFwiKSlcbiAgICAgICkgKSxcbiAgICApXG4gIH1cbiAgcmVzaXplck1vdXNlRG93bkV2ZW50TWFwcGVyKHJlc2l6ZXI6SFRNTEVsZW1lbnQsIGNvbHVtbkhlYWQ6SFRNTEVsZW1lbnQsIHRhYmxlOkhUTUxFbGVtZW50KXtcbiAgICByZXR1cm4gZnJvbUV2ZW50PE1vdXNlRXZlbnQ+KHJlc2l6ZXIsIFwibW91c2Vkb3duXCIpLnBpcGUoXG4gICAgICBtYXAoZXZlbnQgPT4gKHtcbiAgICAgICAgc3RhcnRQYWdlWDogZXZlbnQucGFnZVgsXG4gICAgICAgIHN0YXJ0Q29sdW1uV2lkdGg6IHRoaXMuZ2V0RWxlbWVudFdpZHRoKGNvbHVtbkhlYWQpLFxuICAgICAgICBzdGFydFRhYmxlV2lkdGg6IHRoaXMuZ2V0RWxlbWVudFdpZHRoKHRhYmxlKSxcbiAgICAgIH0pKVxuICAgICk7XG4gIH1cblxuICBjYWxjdWxhdGVOZXdXaWR0aHMobW91c2VEb3duRGF0YTpNb3VzZURvd21EYXRhLG1vdXNlTW92ZTpNb3VzZUV2ZW50KTp7bmV3VGFibGVXaWR0aDpudW1iZXIsbmV3Q29sdW1uV2lkdGg6bnVtYmVyfXtcbiAgICBjb25zdCBjaGFuZ2UgPSAobW91c2VNb3ZlLnBhZ2VYIC0gbW91c2VEb3duRGF0YS5zdGFydFBhZ2VYICk7XG4gICAgbGV0IG5ld0NvbHVtbldpZHRoID0gbW91c2VEb3duRGF0YS5zdGFydENvbHVtbldpZHRoICsgY2hhbmdlO1xuICAgIGlmKG5ld0NvbHVtbldpZHRoIDwgMSl7XG4gICAgICBuZXdDb2x1bW5XaWR0aCA9IDE7XG4gICAgfVxuICAgIGNvbnN0IGNvbHVtbkNoYW5nZSA9IG5ld0NvbHVtbldpZHRoIC0gbW91c2VEb3duRGF0YS5zdGFydENvbHVtbldpZHRoO1xuICAgIGNvbnN0IG5ld1RhYmxlV2lkdGggPSAobW91c2VEb3duRGF0YS5zdGFydFRhYmxlV2lkdGggKyBjb2x1bW5DaGFuZ2UpO1xuICAgIHJldHVybiAoe25ld1RhYmxlV2lkdGgsbmV3Q29sdW1uV2lkdGh9KVxuICB9XG4gIGdldEVsZW1lbnRXaWR0aCA9IChlbGVtOkhUTUxFbGVtZW50KSA9PiAoKyhnbG9iYWxUaGlzLmdldENvbXB1dGVkU3R5bGUoZWxlbSkuZ2V0UHJvcGVydHlWYWx1ZSgnd2lkdGgnKS5yZXBsYWNlKCdweCcsJycpKSlcblxufVxuaW50ZXJmYWNlIE1vdXNlRG93bURhdGF7XG4gIHN0YXJ0UGFnZVg6bnVtYmVyLFxuICBzdGFydENvbHVtbldpZHRoOm51bWJlcixcbiAgc3RhcnRUYWJsZVdpZHRoOm51bWJlcixcbn1cbiJdfQ==
|
|
@@ -1,26 +1,26 @@
|
|
|
1
|
-
import { ContentChildren, Directive } from "@angular/core";
|
|
2
|
-
import { TableCustomFilterDirective, TableFilterDirective } from "./tb-filter.directive";
|
|
3
|
-
import * as i0 from "@angular/core";
|
|
4
|
-
export class TableWrapperDirective {
|
|
5
|
-
constructor() {
|
|
6
|
-
this.registerations = [];
|
|
7
|
-
}
|
|
8
|
-
register(filter) {
|
|
9
|
-
this.registerations.push(filter);
|
|
10
|
-
}
|
|
11
|
-
}
|
|
12
|
-
TableWrapperDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: TableWrapperDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
13
|
-
TableWrapperDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.0.2", type: TableWrapperDirective, selector: "[tbWrapper]", queries: [{ propertyName: "customFilters", predicate: TableCustomFilterDirective, descendants: true }, { propertyName: "filters", predicate: TableFilterDirective, descendants: true }], ngImport: i0 });
|
|
14
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: TableWrapperDirective, decorators: [{
|
|
15
|
-
type: Directive,
|
|
16
|
-
args: [{
|
|
17
|
-
selector: '[tbWrapper]'
|
|
18
|
-
}]
|
|
19
|
-
}], propDecorators: { customFilters: [{
|
|
20
|
-
type: ContentChildren,
|
|
21
|
-
args: [TableCustomFilterDirective, { descendants: true }]
|
|
22
|
-
}], filters: [{
|
|
23
|
-
type: ContentChildren,
|
|
24
|
-
args: [TableFilterDirective, { descendants: true }]
|
|
25
|
-
}] } });
|
|
26
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
1
|
+
import { ContentChildren, Directive } from "@angular/core";
|
|
2
|
+
import { TableCustomFilterDirective, TableFilterDirective } from "./tb-filter.directive";
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
export class TableWrapperDirective {
|
|
5
|
+
constructor() {
|
|
6
|
+
this.registerations = [];
|
|
7
|
+
}
|
|
8
|
+
register(filter) {
|
|
9
|
+
this.registerations.push(filter);
|
|
10
|
+
}
|
|
11
|
+
}
|
|
12
|
+
TableWrapperDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: TableWrapperDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
13
|
+
TableWrapperDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.0.2", type: TableWrapperDirective, selector: "[tbWrapper]", queries: [{ propertyName: "customFilters", predicate: TableCustomFilterDirective, descendants: true }, { propertyName: "filters", predicate: TableFilterDirective, descendants: true }], ngImport: i0 });
|
|
14
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: TableWrapperDirective, decorators: [{
|
|
15
|
+
type: Directive,
|
|
16
|
+
args: [{
|
|
17
|
+
selector: '[tbWrapper]'
|
|
18
|
+
}]
|
|
19
|
+
}], propDecorators: { customFilters: [{
|
|
20
|
+
type: ContentChildren,
|
|
21
|
+
args: [TableCustomFilterDirective, { descendants: true }]
|
|
22
|
+
}], filters: [{
|
|
23
|
+
type: ContentChildren,
|
|
24
|
+
args: [TableFilterDirective, { descendants: true }]
|
|
25
|
+
}] } });
|
|
26
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFibGUtd3JhcHBlci5kaXJlY3RpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9hbmd1bGFyLXV0aWxpdGllcy9zcmMvdGFibGUtYnVpbGRlci9kaXJlY3RpdmVzL3RhYmxlLXdyYXBwZXIuZGlyZWN0aXZlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxlQUFlLEVBQUUsU0FBUyxFQUFhLE1BQU0sZUFBZSxDQUFDO0FBQ3RFLE9BQU8sRUFBRSwwQkFBMEIsRUFBRSxvQkFBb0IsRUFBRSxNQUFNLHVCQUF1QixDQUFDOztBQUt6RixNQUFNLE9BQU8scUJBQXFCO0lBSGxDO1FBT0UsbUJBQWMsR0FBNEQsRUFBRSxDQUFDO0tBSzlFO0lBSEMsUUFBUSxDQUFDLE1BQXlEO1FBQ2hFLElBQUksQ0FBQyxjQUFjLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxDQUFDO0lBQ25DLENBQUM7O2tIQVJVLHFCQUFxQjtzR0FBckIscUJBQXFCLGlGQUNmLDBCQUEwQiw2REFDMUIsb0JBQW9COzJGQUYxQixxQkFBcUI7a0JBSGpDLFNBQVM7bUJBQUM7b0JBQ1QsUUFBUSxFQUFFLGFBQWE7aUJBQ3hCOzhCQUVtRSxhQUFhO3NCQUE5RSxlQUFlO3VCQUFDLDBCQUEwQixFQUFFLEVBQUMsV0FBVyxFQUFFLElBQUksRUFBQztnQkFDSixPQUFPO3NCQUFsRSxlQUFlO3VCQUFDLG9CQUFvQixFQUFFLEVBQUMsV0FBVyxFQUFFLElBQUksRUFBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbnRlbnRDaGlsZHJlbiwgRGlyZWN0aXZlLCBRdWVyeUxpc3QgfSBmcm9tIFwiQGFuZ3VsYXIvY29yZVwiO1xuaW1wb3J0IHsgVGFibGVDdXN0b21GaWx0ZXJEaXJlY3RpdmUsIFRhYmxlRmlsdGVyRGlyZWN0aXZlIH0gZnJvbSBcIi4vdGItZmlsdGVyLmRpcmVjdGl2ZVwiO1xuXG5ARGlyZWN0aXZlKHtcbiAgc2VsZWN0b3I6ICdbdGJXcmFwcGVyXSdcbn0pXG5leHBvcnQgY2xhc3MgVGFibGVXcmFwcGVyRGlyZWN0aXZlIHtcbiAgQENvbnRlbnRDaGlsZHJlbihUYWJsZUN1c3RvbUZpbHRlckRpcmVjdGl2ZSwge2Rlc2NlbmRhbnRzOiB0cnVlfSkgY3VzdG9tRmlsdGVycyE6IFF1ZXJ5TGlzdDxUYWJsZUN1c3RvbUZpbHRlckRpcmVjdGl2ZT47XG4gIEBDb250ZW50Q2hpbGRyZW4oVGFibGVGaWx0ZXJEaXJlY3RpdmUsIHtkZXNjZW5kYW50czogdHJ1ZX0pIGZpbHRlcnMhOiBRdWVyeUxpc3Q8VGFibGVGaWx0ZXJEaXJlY3RpdmU+O1xuXG4gIHJlZ2lzdGVyYXRpb25zIDogKFRhYmxlQ3VzdG9tRmlsdGVyRGlyZWN0aXZlIHwgVGFibGVGaWx0ZXJEaXJlY3RpdmUpIFtdID0gW107XG5cbiAgcmVnaXN0ZXIoZmlsdGVyOiBUYWJsZUN1c3RvbUZpbHRlckRpcmVjdGl2ZSB8IFRhYmxlRmlsdGVyRGlyZWN0aXZlKSB7XG4gICAgdGhpcy5yZWdpc3RlcmF0aW9ucy5wdXNoKGZpbHRlcik7XG4gIH1cbn1cbiJdfQ==
|