@one-paragon/angular-utilities 2.9.3 → 2.9.5
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.
|
@@ -140,10 +140,10 @@ class HttpRequestStateDirective {
|
|
|
140
140
|
static ngTemplateContextGuard(dir, ctx) {
|
|
141
141
|
return true;
|
|
142
142
|
}
|
|
143
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
144
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.
|
|
143
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: HttpRequestStateDirective, deps: [{ token: i0.TemplateRef }, { token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
144
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.8", type: HttpRequestStateDirective, isStandalone: true, selector: "[httpRequestState]", inputs: { stateStore: ["httpRequestState", "stateStore"] }, ngImport: i0 }); }
|
|
145
145
|
}
|
|
146
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
146
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: HttpRequestStateDirective, decorators: [{
|
|
147
147
|
type: Directive,
|
|
148
148
|
args: [{ selector: '[httpRequestState]', }]
|
|
149
149
|
}], ctorParameters: () => [{ type: i0.TemplateRef }, { type: i0.ViewContainerRef }], propDecorators: { stateStore: [{
|
|
@@ -173,10 +173,10 @@ class HttpStateDirectiveBase {
|
|
|
173
173
|
parent.hooks.push(this.baseRender);
|
|
174
174
|
this.baseRender(parent.ViewContext.state);
|
|
175
175
|
}
|
|
176
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
177
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.
|
|
176
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: HttpStateDirectiveBase, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
177
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.8", type: HttpStateDirectiveBase, isStandalone: true, ngImport: i0 }); }
|
|
178
178
|
}
|
|
179
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
179
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: HttpStateDirectiveBase, decorators: [{
|
|
180
180
|
type: Directive
|
|
181
181
|
}] });
|
|
182
182
|
|
|
@@ -194,10 +194,10 @@ class HttpErrorStateDirective extends HttpStateDirectiveBase {
|
|
|
194
194
|
ngOnInit() {
|
|
195
195
|
super.ngOnInit();
|
|
196
196
|
}
|
|
197
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
198
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.
|
|
197
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: HttpErrorStateDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
|
|
198
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.8", type: HttpErrorStateDirective, isStandalone: true, selector: "[httpErrorState]", usesInheritance: true, ngImport: i0 }); }
|
|
199
199
|
}
|
|
200
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
200
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: HttpErrorStateDirective, decorators: [{
|
|
201
201
|
type: Directive,
|
|
202
202
|
args: [{ selector: '[httpErrorState]', }]
|
|
203
203
|
}] });
|
|
@@ -216,10 +216,10 @@ class HttpInProgressStateDirective extends HttpStateDirectiveBase {
|
|
|
216
216
|
ngOnInit() {
|
|
217
217
|
super.ngOnInit();
|
|
218
218
|
}
|
|
219
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
220
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.
|
|
219
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: HttpInProgressStateDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
|
|
220
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.8", type: HttpInProgressStateDirective, isStandalone: true, selector: "[httpInProgressState]", usesInheritance: true, ngImport: i0 }); }
|
|
221
221
|
}
|
|
222
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
222
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: HttpInProgressStateDirective, decorators: [{
|
|
223
223
|
type: Directive,
|
|
224
224
|
args: [{ selector: '[httpInProgressState]', }]
|
|
225
225
|
}] });
|
|
@@ -238,10 +238,10 @@ class HttpNotStartedStateDirective extends HttpStateDirectiveBase {
|
|
|
238
238
|
ngOnInit() {
|
|
239
239
|
super.ngOnInit();
|
|
240
240
|
}
|
|
241
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
242
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.
|
|
241
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: HttpNotStartedStateDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
|
|
242
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.8", type: HttpNotStartedStateDirective, isStandalone: true, selector: "[httpNotStartedState]", usesInheritance: true, ngImport: i0 }); }
|
|
243
243
|
}
|
|
244
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
244
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: HttpNotStartedStateDirective, decorators: [{
|
|
245
245
|
type: Directive,
|
|
246
246
|
args: [{ selector: '[httpNotStartedState]', }]
|
|
247
247
|
}] });
|
|
@@ -263,10 +263,10 @@ class HttpSuccessStateDirective extends HttpStateDirectiveBase {
|
|
|
263
263
|
static ngTemplateContextGuard(dir, ctx) {
|
|
264
264
|
return true;
|
|
265
265
|
}
|
|
266
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
267
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.
|
|
266
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: HttpSuccessStateDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
|
|
267
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.8", type: HttpSuccessStateDirective, isStandalone: true, selector: "[httpSuccessState]", inputs: { httpSuccessStateTypeSafety: "httpSuccessStateTypeSafety" }, usesInheritance: true, ngImport: i0 }); }
|
|
268
268
|
}
|
|
269
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
269
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: HttpSuccessStateDirective, decorators: [{
|
|
270
270
|
type: Directive,
|
|
271
271
|
args: [{ selector: '[httpSuccessState]', }]
|
|
272
272
|
}], propDecorators: { httpSuccessStateTypeSafety: [{
|
|
@@ -335,8 +335,8 @@ function chainRequest(httpState$, request, requestParams) {
|
|
|
335
335
|
}
|
|
336
336
|
|
|
337
337
|
class HttpRequestModule {
|
|
338
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
339
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.
|
|
338
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: HttpRequestModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
339
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.8", ngImport: i0, type: HttpRequestModule, imports: [HttpSuccessStateDirective,
|
|
340
340
|
HttpRequestStateDirective,
|
|
341
341
|
HttpErrorStateDirective,
|
|
342
342
|
HttpInProgressStateDirective,
|
|
@@ -345,9 +345,9 @@ class HttpRequestModule {
|
|
|
345
345
|
HttpErrorStateDirective,
|
|
346
346
|
HttpInProgressStateDirective,
|
|
347
347
|
HttpNotStartedStateDirective] }); }
|
|
348
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.
|
|
348
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: HttpRequestModule }); }
|
|
349
349
|
}
|
|
350
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
350
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: HttpRequestModule, decorators: [{
|
|
351
351
|
type: NgModule,
|
|
352
352
|
args: [{
|
|
353
353
|
imports: [
|
|
@@ -484,10 +484,10 @@ class Subscriber {
|
|
|
484
484
|
subscription.unsubscribe();
|
|
485
485
|
});
|
|
486
486
|
}
|
|
487
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
488
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.
|
|
487
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: Subscriber, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
488
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.8", type: Subscriber, isStandalone: true, ngImport: i0 }); }
|
|
489
489
|
}
|
|
490
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
490
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: Subscriber, decorators: [{
|
|
491
491
|
type: Directive
|
|
492
492
|
}] });
|
|
493
493
|
function subscriber(obsOrSubOrInjector, actionOrInjector, injector) {
|
|
@@ -520,7 +520,7 @@ function getDestroyRef(obsOrSubOrInjector, actionOrInjector, injector) {
|
|
|
520
520
|
|
|
521
521
|
class RequestStateStore {
|
|
522
522
|
constructor(req, options, project) {
|
|
523
|
-
this._state = signal({ requestParams: null, response: notStarted }, ...(ngDevMode ? [{ debugName: "_state" }] : []));
|
|
523
|
+
this._state = signal({ requestParams: null, response: notStarted }, ...(ngDevMode ? [{ debugName: "_state" }] : /* istanbul ignore next */ []));
|
|
524
524
|
this.state = this._state.asReadonly();
|
|
525
525
|
this.injector = inject(Injector);
|
|
526
526
|
this.destroy$ = new Subject();
|
|
@@ -550,24 +550,24 @@ class RequestStateStore {
|
|
|
550
550
|
}
|
|
551
551
|
return this.requestPipeLine(value);
|
|
552
552
|
};
|
|
553
|
-
this.$selectRequestState = computed(() => this.state().response, ...(ngDevMode ? [{ debugName: "$selectRequestState" }] : []));
|
|
554
|
-
this.$selectStatus = computed(() => this.$selectRequestState()?.status, ...(ngDevMode ? [{ debugName: "$selectStatus" }] : []));
|
|
555
|
-
this.$isSuccess = computed(() => isSuccessState(this.$selectRequestState()), ...(ngDevMode ? [{ debugName: "$isSuccess" }] : []));
|
|
556
|
-
this.$isError = computed(() => isErrorState(this.$selectRequestState()), ...(ngDevMode ? [{ debugName: "$isError" }] : []));
|
|
557
|
-
this.$isInProgress = computed(() => this.$selectStatus() === RequestStatus.inProgress, ...(ngDevMode ? [{ debugName: "$isInProgress" }] : []));
|
|
558
|
-
this.$isNotStarted = computed(() => this.$selectStatus() === RequestStatus.notStarted, ...(ngDevMode ? [{ debugName: "$isNotStarted" }] : []));
|
|
553
|
+
this.$selectRequestState = computed(() => this.state().response, ...(ngDevMode ? [{ debugName: "$selectRequestState" }] : /* istanbul ignore next */ []));
|
|
554
|
+
this.$selectStatus = computed(() => this.$selectRequestState()?.status, ...(ngDevMode ? [{ debugName: "$selectStatus" }] : /* istanbul ignore next */ []));
|
|
555
|
+
this.$isSuccess = computed(() => isSuccessState(this.$selectRequestState()), ...(ngDevMode ? [{ debugName: "$isSuccess" }] : /* istanbul ignore next */ []));
|
|
556
|
+
this.$isError = computed(() => isErrorState(this.$selectRequestState()), ...(ngDevMode ? [{ debugName: "$isError" }] : /* istanbul ignore next */ []));
|
|
557
|
+
this.$isInProgress = computed(() => this.$selectStatus() === RequestStatus.inProgress, ...(ngDevMode ? [{ debugName: "$isInProgress" }] : /* istanbul ignore next */ []));
|
|
558
|
+
this.$isNotStarted = computed(() => this.$selectStatus() === RequestStatus.notStarted, ...(ngDevMode ? [{ debugName: "$isNotStarted" }] : /* istanbul ignore next */ []));
|
|
559
559
|
this.$selectError = computed(() => {
|
|
560
560
|
const state = this.$selectRequestState();
|
|
561
561
|
if (isErrorState(state))
|
|
562
562
|
return state.error;
|
|
563
|
-
}, ...(ngDevMode ? [{ debugName: "$selectError" }] : []));
|
|
563
|
+
}, ...(ngDevMode ? [{ debugName: "$selectError" }] : /* istanbul ignore next */ []));
|
|
564
564
|
this.$selectResponse = computed(() => {
|
|
565
565
|
const state = this.$selectRequestState();
|
|
566
566
|
if (isSuccessState(state)) {
|
|
567
567
|
return state.body;
|
|
568
568
|
}
|
|
569
569
|
return undefined;
|
|
570
|
-
}, ...(ngDevMode ? [{ debugName: "$selectResponse" }] : []));
|
|
570
|
+
}, ...(ngDevMode ? [{ debugName: "$selectResponse" }] : /* istanbul ignore next */ []));
|
|
571
571
|
this.errorHandled = false;
|
|
572
572
|
this.#onDefaultErrorHandling = (e) => {
|
|
573
573
|
if (this.defaultErrorHandling)
|
|
@@ -608,7 +608,7 @@ class RequestStateStore {
|
|
|
608
608
|
if (allVals)
|
|
609
609
|
return p.map(({ param, isSignal }) => isSignal ? param() : param);
|
|
610
610
|
return undefined;
|
|
611
|
-
}, ...(ngDevMode ? [{ debugName: "paramsArr" }] : []));
|
|
611
|
+
}, ...(ngDevMode ? [{ debugName: "paramsArr" }] : /* istanbul ignore next */ []));
|
|
612
612
|
effect(() => {
|
|
613
613
|
const vals = paramsArr();
|
|
614
614
|
untracked(() => {
|
|
@@ -794,10 +794,10 @@ class RequestStateFactory {
|
|
|
794
794
|
this.requestors.push(requestor);
|
|
795
795
|
return requestor;
|
|
796
796
|
}
|
|
797
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
798
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.
|
|
797
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: RequestStateFactory, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
798
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: RequestStateFactory }); }
|
|
799
799
|
}
|
|
800
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
800
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: RequestStateFactory, decorators: [{
|
|
801
801
|
type: Injectable
|
|
802
802
|
}], ctorParameters: () => [] });
|
|
803
803
|
function createRequestor(req, optionsOrProject, options) {
|
|
@@ -949,10 +949,10 @@ class PhoneNumberPipe {
|
|
|
949
949
|
transform(phoneNum) {
|
|
950
950
|
return phoneFormatter(phoneNum);
|
|
951
951
|
}
|
|
952
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
953
|
-
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.2.
|
|
952
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: PhoneNumberPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
|
|
953
|
+
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.2.8", ngImport: i0, type: PhoneNumberPipe, isStandalone: true, name: "phone" }); }
|
|
954
954
|
}
|
|
955
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
955
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: PhoneNumberPipe, decorators: [{
|
|
956
956
|
type: Pipe,
|
|
957
957
|
args: [{ name: 'phone' }]
|
|
958
958
|
}] });
|
|
@@ -971,10 +971,10 @@ class PreventEnterDirective {
|
|
|
971
971
|
onKeyDown() {
|
|
972
972
|
return false;
|
|
973
973
|
}
|
|
974
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
975
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.
|
|
974
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: PreventEnterDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
975
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.8", type: PreventEnterDirective, isStandalone: true, selector: "preventEnter", host: { listeners: { "keydown.enter": "onKeyDown()" } }, ngImport: i0 }); }
|
|
976
976
|
}
|
|
977
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
977
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: PreventEnterDirective, decorators: [{
|
|
978
978
|
type: Directive,
|
|
979
979
|
args: [{
|
|
980
980
|
selector: 'preventEnter',
|
|
@@ -991,10 +991,10 @@ class StopPropagationDirective {
|
|
|
991
991
|
onMousedown(event) {
|
|
992
992
|
event.stopPropagation();
|
|
993
993
|
}
|
|
994
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
995
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.
|
|
994
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: StopPropagationDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
995
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.8", type: StopPropagationDirective, isStandalone: true, selector: "[stop-propagation]", host: { listeners: { "click": "onClick($event)", "mousedown": "onMousedown($event)" } }, ngImport: i0 }); }
|
|
996
996
|
}
|
|
997
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
997
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: StopPropagationDirective, decorators: [{
|
|
998
998
|
type: Directive,
|
|
999
999
|
args: [{
|
|
1000
1000
|
selector: "[stop-propagation]",
|
|
@@ -1019,10 +1019,10 @@ class AutoFocusDirective {
|
|
|
1019
1019
|
});
|
|
1020
1020
|
}
|
|
1021
1021
|
}
|
|
1022
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
1023
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.
|
|
1022
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: AutoFocusDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
1023
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.8", type: AutoFocusDirective, isStandalone: true, selector: "[autoFocus]", inputs: { autoFocus: "autoFocus" }, ngImport: i0 }); }
|
|
1024
1024
|
}
|
|
1025
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
1025
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: AutoFocusDirective, decorators: [{
|
|
1026
1026
|
type: Directive,
|
|
1027
1027
|
args: [{
|
|
1028
1028
|
selector: '[autoFocus]',
|
|
@@ -1038,10 +1038,10 @@ class ClickSubjectDirective extends Subject {
|
|
|
1038
1038
|
set clickSubject(val) {
|
|
1039
1039
|
this._val = val;
|
|
1040
1040
|
}
|
|
1041
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
1042
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.
|
|
1041
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: ClickSubjectDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
1042
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.8", type: ClickSubjectDirective, isStandalone: true, selector: "[clickSubject]", inputs: { clickSubject: "clickSubject" }, host: { listeners: { "click": "next(this._val)" } }, exportAs: ["clickSubject"], usesInheritance: true, ngImport: i0 }); }
|
|
1043
1043
|
}
|
|
1044
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
1044
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: ClickSubjectDirective, decorators: [{
|
|
1045
1045
|
type: Directive,
|
|
1046
1046
|
args: [{
|
|
1047
1047
|
selector: '[clickSubject]',
|
|
@@ -1059,10 +1059,10 @@ class ClickEmitterDirective extends Subject {
|
|
|
1059
1059
|
constructor() {
|
|
1060
1060
|
super();
|
|
1061
1061
|
}
|
|
1062
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
1063
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.
|
|
1062
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: ClickEmitterDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
1063
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.8", type: ClickEmitterDirective, isStandalone: true, selector: "[clickEmitter]", host: { listeners: { "click": "next(true)" } }, exportAs: ["clickEmitter"], usesInheritance: true, ngImport: i0 }); }
|
|
1064
1064
|
}
|
|
1065
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
1065
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: ClickEmitterDirective, decorators: [{
|
|
1066
1066
|
type: Directive,
|
|
1067
1067
|
args: [{
|
|
1068
1068
|
selector: '[clickEmitter]',
|
|
@@ -1086,10 +1086,10 @@ class DialogService {
|
|
|
1086
1086
|
closeAllOpDialogs() {
|
|
1087
1087
|
this.allOpenOpDialogs.forEach(ref => ref.close());
|
|
1088
1088
|
}
|
|
1089
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
1090
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.
|
|
1089
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: DialogService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
1090
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: DialogService, providedIn: 'root' }); }
|
|
1091
1091
|
}
|
|
1092
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
1092
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: DialogService, decorators: [{
|
|
1093
1093
|
type: Injectable,
|
|
1094
1094
|
args: [{ providedIn: 'root' }]
|
|
1095
1095
|
}] });
|
|
@@ -1116,10 +1116,10 @@ class DialogWrapper {
|
|
|
1116
1116
|
this.viewContext.$implicit = value;
|
|
1117
1117
|
this.viewContext.opDialog = value;
|
|
1118
1118
|
}
|
|
1119
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
1120
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.
|
|
1119
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: DialogWrapper, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1120
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.8", type: DialogWrapper, isStandalone: true, selector: "dialog-wrapper", ngImport: i0, template: ``, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
1121
1121
|
}
|
|
1122
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
1122
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: DialogWrapper, decorators: [{
|
|
1123
1123
|
type: Component,
|
|
1124
1124
|
args: [{
|
|
1125
1125
|
selector: 'dialog-wrapper',
|
|
@@ -1147,7 +1147,7 @@ class DialogDirective {
|
|
|
1147
1147
|
* If no width provided or/and height, provide a default in number (of pixels) of the not provided values.
|
|
1148
1148
|
* If no width/height provided at all, will default to 600x400.
|
|
1149
1149
|
*/
|
|
1150
|
-
this.$positionOnScreen = input(false, { ...(ngDevMode ? { debugName: "$positionOnScreen" } : {}), alias: 'opDialogPositionOnScreen' });
|
|
1150
|
+
this.$positionOnScreen = input(false, { ...(ngDevMode ? { debugName: "$positionOnScreen" } : /* istanbul ignore next */ {}), alias: 'opDialogPositionOnScreen' });
|
|
1151
1151
|
this._data = new Subject();
|
|
1152
1152
|
this.setDataAndState = (data) => {
|
|
1153
1153
|
if (data) {
|
|
@@ -1245,10 +1245,10 @@ class DialogDirective {
|
|
|
1245
1245
|
static ngTemplateContextGuard(dir, ctx) {
|
|
1246
1246
|
return true;
|
|
1247
1247
|
}
|
|
1248
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
1249
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.
|
|
1248
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: DialogDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
1249
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.8", type: DialogDirective, isStandalone: true, selector: "[opDialog]", inputs: { opDialogAddDialogClass: { classPropertyName: "opDialogAddDialogClass", publicName: "opDialogAddDialogClass", isSignal: false, isRequired: false, transformFunction: null }, opDialogConfig: { classPropertyName: "opDialogConfig", publicName: "opDialogConfig", isSignal: false, isRequired: false, transformFunction: null }, setControl: { classPropertyName: "setControl", publicName: "opDialog", isSignal: false, isRequired: false, transformFunction: null }, nativeElement: { classPropertyName: "nativeElement", publicName: "opDialogOrigin", isSignal: false, isRequired: false, transformFunction: null }, $positionOnScreen: { classPropertyName: "$positionOnScreen", publicName: "opDialogPositionOnScreen", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { opDialogClosed: "opDialogClosed" }, ngImport: i0 }); }
|
|
1250
1250
|
}
|
|
1251
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
1251
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: DialogDirective, decorators: [{
|
|
1252
1252
|
type: Directive,
|
|
1253
1253
|
args: [{ selector: '[opDialog]', }]
|
|
1254
1254
|
}], propDecorators: { opDialogClosed: [{
|
|
@@ -1269,9 +1269,9 @@ class StylerDirective {
|
|
|
1269
1269
|
constructor() {
|
|
1270
1270
|
this.el = inject(ElementRef);
|
|
1271
1271
|
this.renderer = inject(Renderer2);
|
|
1272
|
-
this.$stylesApplied = signal({}, ...(ngDevMode ? [{ debugName: "$stylesApplied" }] : []));
|
|
1273
|
-
this.$element = input.required({ ...(ngDevMode ? { debugName: "$element" } : {}), alias: 'element' });
|
|
1274
|
-
this.$styler = input.required({ ...(ngDevMode ? { debugName: "$styler" } : {}), alias: 'styler' });
|
|
1272
|
+
this.$stylesApplied = signal({}, ...(ngDevMode ? [{ debugName: "$stylesApplied" }] : /* istanbul ignore next */ []));
|
|
1273
|
+
this.$element = input.required({ ...(ngDevMode ? { debugName: "$element" } : /* istanbul ignore next */ {}), alias: 'element' });
|
|
1274
|
+
this.$styler = input.required({ ...(ngDevMode ? { debugName: "$styler" } : /* istanbul ignore next */ {}), alias: 'styler' });
|
|
1275
1275
|
this.#stylerEffect = effect(() => {
|
|
1276
1276
|
const styles = this.$styler();
|
|
1277
1277
|
const element = this.$element();
|
|
@@ -1295,13 +1295,13 @@ class StylerDirective {
|
|
|
1295
1295
|
});
|
|
1296
1296
|
this.$stylesApplied.set(toApply);
|
|
1297
1297
|
});
|
|
1298
|
-
}, ...(ngDevMode ? [{ debugName: "#stylerEffect" }] : []));
|
|
1298
|
+
}, ...(ngDevMode ? [{ debugName: "#stylerEffect" }] : /* istanbul ignore next */ []));
|
|
1299
1299
|
}
|
|
1300
1300
|
#stylerEffect;
|
|
1301
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
1302
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.
|
|
1301
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: StylerDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
1302
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.8", type: StylerDirective, isStandalone: true, selector: "[styler]", inputs: { $element: { classPropertyName: "$element", publicName: "element", isSignal: true, isRequired: true, transformFunction: null }, $styler: { classPropertyName: "$styler", publicName: "styler", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0 }); }
|
|
1303
1303
|
}
|
|
1304
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
1304
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: StylerDirective, decorators: [{
|
|
1305
1305
|
type: Directive,
|
|
1306
1306
|
args: [{ selector: '[styler]' }]
|
|
1307
1307
|
}], propDecorators: { $element: [{ type: i0.Input, args: [{ isSignal: true, alias: "element", required: true }] }], $styler: [{ type: i0.Input, args: [{ isSignal: true, alias: "styler", required: true }] }] } });
|
|
@@ -1345,10 +1345,10 @@ class MatSlideToggleGroupDirective {
|
|
|
1345
1345
|
return newVal;
|
|
1346
1346
|
}, startValue), startWith$1(startValue));
|
|
1347
1347
|
}
|
|
1348
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
1349
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.
|
|
1348
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: MatSlideToggleGroupDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
1349
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.8", type: MatSlideToggleGroupDirective, isStandalone: true, selector: "[opMatSlideToggleGroup]", inputs: { allowMultiple: "allowMultiple" }, outputs: { valueEmitter: "valueEmitter" }, queries: [{ propertyName: "toggles", predicate: MatSlideToggle }], ngImport: i0 }); }
|
|
1350
1350
|
}
|
|
1351
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
1351
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: MatSlideToggleGroupDirective, decorators: [{
|
|
1352
1352
|
type: Directive,
|
|
1353
1353
|
args: [{ selector: '[opMatSlideToggleGroup]',
|
|
1354
1354
|
}]
|
|
@@ -1375,10 +1375,10 @@ class TrimWhitespaceDirective {
|
|
|
1375
1375
|
}
|
|
1376
1376
|
}
|
|
1377
1377
|
}
|
|
1378
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
1379
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.
|
|
1378
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: TrimWhitespaceDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
1379
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.8", type: TrimWhitespaceDirective, isStandalone: true, selector: "input[trimWhitespace]", host: { listeners: { "blur": "onBlur()" } }, ngImport: i0 }); }
|
|
1380
1380
|
}
|
|
1381
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
1381
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: TrimWhitespaceDirective, decorators: [{
|
|
1382
1382
|
type: Directive,
|
|
1383
1383
|
args: [{
|
|
1384
1384
|
selector: 'input[trimWhitespace]',
|
|
@@ -1397,10 +1397,10 @@ class FunctionPipe {
|
|
|
1397
1397
|
}
|
|
1398
1398
|
return func(...args);
|
|
1399
1399
|
}
|
|
1400
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
1401
|
-
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.2.
|
|
1400
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: FunctionPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
|
|
1401
|
+
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.2.8", ngImport: i0, type: FunctionPipe, isStandalone: true, name: "func" }); }
|
|
1402
1402
|
}
|
|
1403
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
1403
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: FunctionPipe, decorators: [{
|
|
1404
1404
|
type: Pipe,
|
|
1405
1405
|
args: [{
|
|
1406
1406
|
name: 'func',
|
|
@@ -1414,10 +1414,10 @@ class SpaceCasePipe {
|
|
|
1414
1414
|
return this.spaceCase(value);
|
|
1415
1415
|
};
|
|
1416
1416
|
}
|
|
1417
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
1418
|
-
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.2.
|
|
1417
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: SpaceCasePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
|
|
1418
|
+
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.2.8", ngImport: i0, type: SpaceCasePipe, isStandalone: true, name: "spaceCase" }); }
|
|
1419
1419
|
}
|
|
1420
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
1420
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: SpaceCasePipe, decorators: [{
|
|
1421
1421
|
type: Pipe,
|
|
1422
1422
|
args: [{ name: 'spaceCase' }]
|
|
1423
1423
|
}] });
|
|
@@ -1443,8 +1443,8 @@ class ConditionalClassesDirective {
|
|
|
1443
1443
|
constructor() {
|
|
1444
1444
|
this.el = inject(ElementRef);
|
|
1445
1445
|
this.renderer = inject(Renderer2);
|
|
1446
|
-
this.$element = input.required({ ...(ngDevMode ? { debugName: "$element" } : {}), alias: 'element' });
|
|
1447
|
-
this.$classes = input(undefined, { ...(ngDevMode ? { debugName: "$classes" } : {}), alias: 'conditionalClasses' });
|
|
1446
|
+
this.$element = input.required({ ...(ngDevMode ? { debugName: "$element" } : /* istanbul ignore next */ {}), alias: 'element' });
|
|
1447
|
+
this.$classes = input(undefined, { ...(ngDevMode ? { debugName: "$classes" } : /* istanbul ignore next */ {}), alias: 'conditionalClasses' });
|
|
1448
1448
|
this.classesApplied = [];
|
|
1449
1449
|
this.#onClasses = effect(() => {
|
|
1450
1450
|
const classes = this.$classes();
|
|
@@ -1461,13 +1461,13 @@ class ConditionalClassesDirective {
|
|
|
1461
1461
|
classesNotYetApplied.forEach(c => this.renderer.addClass(this.el.nativeElement, c));
|
|
1462
1462
|
this.classesApplied = toApply;
|
|
1463
1463
|
});
|
|
1464
|
-
}, ...(ngDevMode ? [{ debugName: "#onClasses" }] : []));
|
|
1464
|
+
}, ...(ngDevMode ? [{ debugName: "#onClasses" }] : /* istanbul ignore next */ []));
|
|
1465
1465
|
}
|
|
1466
1466
|
#onClasses;
|
|
1467
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
1468
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.
|
|
1467
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: ConditionalClassesDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
1468
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.8", type: ConditionalClassesDirective, isStandalone: true, selector: "[conditionalClasses]", inputs: { $element: { classPropertyName: "$element", publicName: "element", isSignal: true, isRequired: true, transformFunction: null }, $classes: { classPropertyName: "$classes", publicName: "conditionalClasses", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 }); }
|
|
1469
1469
|
}
|
|
1470
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
1470
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: ConditionalClassesDirective, decorators: [{
|
|
1471
1471
|
type: Directive,
|
|
1472
1472
|
args: [{
|
|
1473
1473
|
selector: '[conditionalClasses]',
|
|
@@ -1475,8 +1475,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImpor
|
|
|
1475
1475
|
}], propDecorators: { $element: [{ type: i0.Input, args: [{ isSignal: true, alias: "element", required: true }] }], $classes: [{ type: i0.Input, args: [{ isSignal: true, alias: "conditionalClasses", required: false }] }] } });
|
|
1476
1476
|
|
|
1477
1477
|
class UtilitiesModule {
|
|
1478
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
1479
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.
|
|
1478
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: UtilitiesModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
1479
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.8", ngImport: i0, type: UtilitiesModule, imports: [SpaceCasePipe,
|
|
1480
1480
|
PhoneNumberPipe,
|
|
1481
1481
|
FunctionPipe,
|
|
1482
1482
|
StopPropagationDirective,
|
|
@@ -1501,11 +1501,11 @@ class UtilitiesModule {
|
|
|
1501
1501
|
DialogDirective,
|
|
1502
1502
|
MatSlideToggleGroupDirective,
|
|
1503
1503
|
ConditionalClassesDirective] }); }
|
|
1504
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.
|
|
1504
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: UtilitiesModule, providers: [
|
|
1505
1505
|
DialogService
|
|
1506
1506
|
] }); }
|
|
1507
1507
|
}
|
|
1508
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
1508
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: UtilitiesModule, decorators: [{
|
|
1509
1509
|
type: NgModule,
|
|
1510
1510
|
args: [{
|
|
1511
1511
|
exports: [
|
|
@@ -2185,7 +2185,7 @@ class NotPersistedTableSettings {
|
|
|
2185
2185
|
if (tableSettings.tableSettings?.paginatorSettings) {
|
|
2186
2186
|
const currPag = (tableSettings.tableSettings?.paginatorSettings && newNpts.paginatorSettings) ?
|
|
2187
2187
|
merge(tableSettings.tableSettings?.paginatorSettings, newNpts.paginatorSettings)
|
|
2188
|
-
: (newNpts.paginatorSettings ?? new PaginatorOptions());
|
|
2188
|
+
: (tableSettings.tableSettings?.paginatorSettings ?? newNpts.paginatorSettings ?? new PaginatorOptions());
|
|
2189
2189
|
currPag.includeAllInOptions = (currPag.defaultAll && currPag.includeAllInOptions !== false) || currPag.includeAllInOptions;
|
|
2190
2190
|
newNpts.paginatorSettings = { ...new PaginatorOptions(), ...currPag };
|
|
2191
2191
|
}
|
|
@@ -2312,24 +2312,24 @@ class CustomCellDirective {
|
|
|
2312
2312
|
constructor() {
|
|
2313
2313
|
this.templateRef = inject(TemplateRef, { optional: true });
|
|
2314
2314
|
this.columnDef = inject(CdkColumnDef, { optional: true });
|
|
2315
|
-
this.$customCell = input.required({ ...(ngDevMode ? { debugName: "$customCell" } : {}), alias: 'customCell' });
|
|
2316
|
-
this.$displayName = input(undefined, { ...(ngDevMode ? { debugName: "$displayName" } : {}), alias: 'customCellDisplayName' });
|
|
2317
|
-
this.$preSort = input(undefined, { ...(ngDevMode ? { debugName: "$preSort" } : {}), alias: 'preSort' });
|
|
2318
|
-
this.$templateRef = input(this.templateRef || undefined, { ...(ngDevMode ? { debugName: "$templateRef" } : {}), alias: 'templateRef' });
|
|
2319
|
-
this.$customCellOrder = input(undefined, { ...(ngDevMode ? { debugName: "$customCellOrder" } : {}), alias: 'customCellOrder' });
|
|
2320
|
-
this.$customCellWidth = input(undefined, { ...(ngDevMode ? { debugName: "$customCellWidth" } : {}), alias: 'customCellWidth' });
|
|
2315
|
+
this.$customCell = input.required({ ...(ngDevMode ? { debugName: "$customCell" } : /* istanbul ignore next */ {}), alias: 'customCell' });
|
|
2316
|
+
this.$displayName = input(undefined, { ...(ngDevMode ? { debugName: "$displayName" } : /* istanbul ignore next */ {}), alias: 'customCellDisplayName' });
|
|
2317
|
+
this.$preSort = input(undefined, { ...(ngDevMode ? { debugName: "$preSort" } : /* istanbul ignore next */ {}), alias: 'preSort' });
|
|
2318
|
+
this.$templateRef = input(this.templateRef || undefined, { ...(ngDevMode ? { debugName: "$templateRef" } : /* istanbul ignore next */ {}), alias: 'templateRef' });
|
|
2319
|
+
this.$customCellOrder = input(undefined, { ...(ngDevMode ? { debugName: "$customCellOrder" } : /* istanbul ignore next */ {}), alias: 'customCellOrder' });
|
|
2320
|
+
this.$customCellWidth = input(undefined, { ...(ngDevMode ? { debugName: "$customCellWidth" } : /* istanbul ignore next */ {}), alias: 'customCellWidth' });
|
|
2321
2321
|
/**
|
|
2322
2322
|
* for type safety, this is a reference to the table builder instance.
|
|
2323
2323
|
*/
|
|
2324
|
-
this.$customCellTableRef = input(undefined, { ...(ngDevMode ? { debugName: "$customCellTableRef" } : {}), alias: 'customCellTableRef' });
|
|
2324
|
+
this.$customCellTableRef = input(undefined, { ...(ngDevMode ? { debugName: "$customCellTableRef" } : /* istanbul ignore next */ {}), alias: 'customCellTableRef' });
|
|
2325
2325
|
/**
|
|
2326
2326
|
* true if column not mapped to a property in the data source. Default is false.
|
|
2327
2327
|
*/
|
|
2328
|
-
this.$customCellNotMapped = input(false, { ...(ngDevMode ? { debugName: "$customCellNotMapped" } : {}), alias: 'customCellNotMapped', transform: coerceBooleanProperty });
|
|
2328
|
+
this.$customCellNotMapped = input(false, { ...(ngDevMode ? { debugName: "$customCellNotMapped" } : /* istanbul ignore next */ {}), alias: 'customCellNotMapped', transform: coerceBooleanProperty });
|
|
2329
2329
|
/**
|
|
2330
2330
|
* Styles to apply to the cell element
|
|
2331
2331
|
*/
|
|
2332
|
-
this.$customCellCellStyles = input(undefined, { ...(ngDevMode ? { debugName: "$customCellCellStyles" } : {}), alias: 'customCellCellStyles' });
|
|
2332
|
+
this.$customCellCellStyles = input(undefined, { ...(ngDevMode ? { debugName: "$customCellCellStyles" } : /* istanbul ignore next */ {}), alias: 'customCellCellStyles' });
|
|
2333
2333
|
this.$metaData = computed(() => {
|
|
2334
2334
|
const c = this.$customCell();
|
|
2335
2335
|
if (!c)
|
|
@@ -2345,8 +2345,8 @@ class CustomCellDirective {
|
|
|
2345
2345
|
noExport: true,
|
|
2346
2346
|
additional: { styles: this.$customCellCellStyles() },
|
|
2347
2347
|
});
|
|
2348
|
-
}, ...(ngDevMode ? [{ debugName: "$metaData" }] : []));
|
|
2349
|
-
this.$inited = signal(false, ...(ngDevMode ? [{ debugName: "$inited" }] : []));
|
|
2348
|
+
}, ...(ngDevMode ? [{ debugName: "$metaData" }] : /* istanbul ignore next */ []));
|
|
2349
|
+
this.$inited = signal(false, ...(ngDevMode ? [{ debugName: "$inited" }] : /* istanbul ignore next */ []));
|
|
2350
2350
|
}
|
|
2351
2351
|
ngOnInit() {
|
|
2352
2352
|
this.$inited.set(true);
|
|
@@ -2354,10 +2354,10 @@ class CustomCellDirective {
|
|
|
2354
2354
|
static ngTemplateContextGuard(dir, ctx) {
|
|
2355
2355
|
return true;
|
|
2356
2356
|
}
|
|
2357
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
2358
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.
|
|
2357
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: CustomCellDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
2358
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.8", type: CustomCellDirective, isStandalone: true, selector: "[customCell]", inputs: { $customCell: { classPropertyName: "$customCell", publicName: "customCell", isSignal: true, isRequired: true, transformFunction: null }, $displayName: { classPropertyName: "$displayName", publicName: "customCellDisplayName", isSignal: true, isRequired: false, transformFunction: null }, $preSort: { classPropertyName: "$preSort", publicName: "preSort", isSignal: true, isRequired: false, transformFunction: null }, $templateRef: { classPropertyName: "$templateRef", publicName: "templateRef", isSignal: true, isRequired: false, transformFunction: null }, $customCellOrder: { classPropertyName: "$customCellOrder", publicName: "customCellOrder", isSignal: true, isRequired: false, transformFunction: null }, $customCellWidth: { classPropertyName: "$customCellWidth", publicName: "customCellWidth", isSignal: true, isRequired: false, transformFunction: null }, $customCellTableRef: { classPropertyName: "$customCellTableRef", publicName: "customCellTableRef", isSignal: true, isRequired: false, transformFunction: null }, $customCellNotMapped: { classPropertyName: "$customCellNotMapped", publicName: "customCellNotMapped", isSignal: true, isRequired: false, transformFunction: null }, $customCellCellStyles: { classPropertyName: "$customCellCellStyles", publicName: "customCellCellStyles", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 }); }
|
|
2359
2359
|
}
|
|
2360
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
2360
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: CustomCellDirective, decorators: [{
|
|
2361
2361
|
type: Directive,
|
|
2362
2362
|
args: [{ selector: '[customCell]' }]
|
|
2363
2363
|
}], propDecorators: { $customCell: [{ type: i0.Input, args: [{ isSignal: true, alias: "customCell", required: true }] }], $displayName: [{ type: i0.Input, args: [{ isSignal: true, alias: "customCellDisplayName", required: false }] }], $preSort: [{ type: i0.Input, args: [{ isSignal: true, alias: "preSort", required: false }] }], $templateRef: [{ type: i0.Input, args: [{ isSignal: true, alias: "templateRef", required: false }] }], $customCellOrder: [{ type: i0.Input, args: [{ isSignal: true, alias: "customCellOrder", required: false }] }], $customCellWidth: [{ type: i0.Input, args: [{ isSignal: true, alias: "customCellWidth", required: false }] }], $customCellTableRef: [{ type: i0.Input, args: [{ isSignal: true, alias: "customCellTableRef", required: false }] }], $customCellNotMapped: [{ type: i0.Input, args: [{ isSignal: true, alias: "customCellNotMapped", required: false }] }], $customCellCellStyles: [{ type: i0.Input, args: [{ isSignal: true, alias: "customCellCellStyles", required: false }] }] } });
|
|
@@ -2365,17 +2365,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImpor
|
|
|
2365
2365
|
class CustomHeaderDirective {
|
|
2366
2366
|
constructor() {
|
|
2367
2367
|
this.templateRef = inject(TemplateRef);
|
|
2368
|
-
this.$customHeader = input.required({ ...(ngDevMode ? { debugName: "$customHeader" } : {}), alias: 'customHeader' });
|
|
2369
|
-
this.$inited = signal(false, ...(ngDevMode ? [{ debugName: "$inited" }] : []));
|
|
2368
|
+
this.$customHeader = input.required({ ...(ngDevMode ? { debugName: "$customHeader" } : /* istanbul ignore next */ {}), alias: 'customHeader' });
|
|
2369
|
+
this.$inited = signal(false, ...(ngDevMode ? [{ debugName: "$inited" }] : /* istanbul ignore next */ []));
|
|
2370
2370
|
this.template = () => this.templateRef;
|
|
2371
2371
|
}
|
|
2372
2372
|
ngOnInit() {
|
|
2373
2373
|
this.$inited.set(true);
|
|
2374
2374
|
}
|
|
2375
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
2376
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.
|
|
2375
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: CustomHeaderDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
2376
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.8", type: CustomHeaderDirective, isStandalone: true, selector: "[customHeader]", inputs: { $customHeader: { classPropertyName: "$customHeader", publicName: "customHeader", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0 }); }
|
|
2377
2377
|
}
|
|
2378
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
2378
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: CustomHeaderDirective, decorators: [{
|
|
2379
2379
|
type: Directive,
|
|
2380
2380
|
args: [{ selector: '[customHeader]' }]
|
|
2381
2381
|
}], propDecorators: { $customHeader: [{ type: i0.Input, args: [{ isSignal: true, alias: "customHeader", required: true }] }] } });
|
|
@@ -2403,21 +2403,21 @@ class CustomGroupRowDirective {
|
|
|
2403
2403
|
* If not provided (or null), this custom row will apply to all groupings.
|
|
2404
2404
|
* Can be a single Path<T> or an array of Path<T> values.
|
|
2405
2405
|
*/
|
|
2406
|
-
this.$customGroupRow = input(null, { ...(ngDevMode ? { debugName: "$customGroupRow" } : {}), alias: 'customGroupRow', transform: (val) => val === '' ? null : val });
|
|
2406
|
+
this.$customGroupRow = input(null, { ...(ngDevMode ? { debugName: "$customGroupRow" } : /* istanbul ignore next */ {}), alias: 'customGroupRow', transform: (val) => val === '' ? null : val });
|
|
2407
2407
|
/**
|
|
2408
2408
|
* For type safety, this is a reference to the table builder instance.
|
|
2409
2409
|
*/
|
|
2410
|
-
this.$customGroupRowTableRef = input(undefined, { ...(ngDevMode ? { debugName: "$customGroupRowTableRef" } : {}), alias: 'customGroupRowTableRef' });
|
|
2410
|
+
this.$customGroupRowTableRef = input(undefined, { ...(ngDevMode ? { debugName: "$customGroupRowTableRef" } : /* istanbul ignore next */ {}), alias: 'customGroupRowTableRef' });
|
|
2411
2411
|
/**
|
|
2412
2412
|
* Priority order for this custom group row. Higher numbers have higher priority.
|
|
2413
2413
|
* Useful when multiple custom group rows could apply to the same grouping.
|
|
2414
2414
|
*/
|
|
2415
|
-
this.$priority = input(0, { ...(ngDevMode ? { debugName: "$priority" } : {}), alias: 'customGroupRowPriority' });
|
|
2416
|
-
this.$inited = signal(false, ...(ngDevMode ? [{ debugName: "$inited" }] : []));
|
|
2415
|
+
this.$priority = input(0, { ...(ngDevMode ? { debugName: "$priority" } : /* istanbul ignore next */ {}), alias: 'customGroupRowPriority' });
|
|
2416
|
+
this.$inited = signal(false, ...(ngDevMode ? [{ debugName: "$inited" }] : /* istanbul ignore next */ []));
|
|
2417
2417
|
/**
|
|
2418
2418
|
* Gets the grouping key(s) this directive applies to, or null for all groupings
|
|
2419
2419
|
*/
|
|
2420
|
-
this.$groupingKey = computed(() => this.$customGroupRow(), ...(ngDevMode ? [{ debugName: "$groupingKey" }] : []));
|
|
2420
|
+
this.$groupingKey = computed(() => this.$customGroupRow(), ...(ngDevMode ? [{ debugName: "$groupingKey" }] : /* istanbul ignore next */ []));
|
|
2421
2421
|
/**
|
|
2422
2422
|
* Gets the template reference to use
|
|
2423
2423
|
*/
|
|
@@ -2445,10 +2445,10 @@ class CustomGroupRowDirective {
|
|
|
2445
2445
|
}
|
|
2446
2446
|
return targetKey === groupingKey;
|
|
2447
2447
|
}
|
|
2448
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
2449
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.
|
|
2448
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: CustomGroupRowDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
2449
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.8", type: CustomGroupRowDirective, isStandalone: true, selector: "[customGroupRow]", inputs: { $customGroupRow: { classPropertyName: "$customGroupRow", publicName: "customGroupRow", isSignal: true, isRequired: false, transformFunction: null }, $customGroupRowTableRef: { classPropertyName: "$customGroupRowTableRef", publicName: "customGroupRowTableRef", isSignal: true, isRequired: false, transformFunction: null }, $priority: { classPropertyName: "$priority", publicName: "customGroupRowPriority", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 }); }
|
|
2450
2450
|
}
|
|
2451
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
2451
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: CustomGroupRowDirective, decorators: [{
|
|
2452
2452
|
type: Directive,
|
|
2453
2453
|
args: [{ selector: '[customGroupRow]' }]
|
|
2454
2454
|
}], propDecorators: { $customGroupRow: [{ type: i0.Input, args: [{ isSignal: true, alias: "customGroupRow", required: false }] }], $customGroupRowTableRef: [{ type: i0.Input, args: [{ isSignal: true, alias: "customGroupRowTableRef", required: false }] }], $priority: [{ type: i0.Input, args: [{ isSignal: true, alias: "customGroupRowPriority", required: false }] }] } });
|
|
@@ -2519,10 +2519,10 @@ class ResizeColumnDirective {
|
|
|
2519
2519
|
const newTableWidth = (mouseDownData.startTableWidth + columnChange);
|
|
2520
2520
|
return ({ newTableWidth, newColumnWidth });
|
|
2521
2521
|
}
|
|
2522
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
2523
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "21.2.
|
|
2522
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: ResizeColumnDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
2523
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "21.2.8", type: ResizeColumnDirective, isStandalone: true, selector: "[resizeColumn]", inputs: { resizable: ["resizeColumn", "resizable", booleanAttribute], key: "key" }, ngImport: i0 }); }
|
|
2524
2524
|
}
|
|
2525
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
2525
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: ResizeColumnDirective, decorators: [{
|
|
2526
2526
|
type: Directive,
|
|
2527
2527
|
args: [{
|
|
2528
2528
|
selector: "[resizeColumn]",
|
|
@@ -2536,15 +2536,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImpor
|
|
|
2536
2536
|
|
|
2537
2537
|
class TableWrapperDirective {
|
|
2538
2538
|
constructor() {
|
|
2539
|
-
this.$registrations = signal([], ...(ngDevMode ? [{ debugName: "$registrations" }] : []));
|
|
2539
|
+
this.$registrations = signal([], ...(ngDevMode ? [{ debugName: "$registrations" }] : /* istanbul ignore next */ []));
|
|
2540
2540
|
}
|
|
2541
2541
|
register(filter) {
|
|
2542
2542
|
this.$registrations.update(registrations => [...registrations, filter]);
|
|
2543
2543
|
}
|
|
2544
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
2545
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.
|
|
2544
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: TableWrapperDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
2545
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.8", type: TableWrapperDirective, isStandalone: true, selector: "[tbWrapper]", ngImport: i0 }); }
|
|
2546
2546
|
}
|
|
2547
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
2547
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: TableWrapperDirective, decorators: [{
|
|
2548
2548
|
type: Directive,
|
|
2549
2549
|
args: [{
|
|
2550
2550
|
selector: '[tbWrapper]',
|
|
@@ -2559,10 +2559,10 @@ class TableCustomFilterDirective {
|
|
|
2559
2559
|
constructor() {
|
|
2560
2560
|
this.savable = false;
|
|
2561
2561
|
}
|
|
2562
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
2563
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.
|
|
2562
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: TableCustomFilterDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
2563
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.8", type: TableCustomFilterDirective, isStandalone: true, selector: "tb-abstract", ngImport: i0 }); }
|
|
2564
2564
|
}
|
|
2565
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
2565
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: TableCustomFilterDirective, decorators: [{
|
|
2566
2566
|
type: Directive,
|
|
2567
2567
|
args: [{
|
|
2568
2568
|
selector: 'tb-abstract'
|
|
@@ -2634,10 +2634,10 @@ class TableFilterDirective {
|
|
|
2634
2634
|
});
|
|
2635
2635
|
}
|
|
2636
2636
|
}
|
|
2637
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
2638
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.
|
|
2637
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: TableFilterDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
2638
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.8", type: TableFilterDirective, isStandalone: true, selector: "[tbFilter]", inputs: { filterType: "filterType", key: "key", fieldType: "fieldType", filterId: "filterId", active: "active", filterValue: "filterValue" }, usesOnChanges: true, ngImport: i0 }); }
|
|
2639
2639
|
}
|
|
2640
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
2640
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: TableFilterDirective, decorators: [{
|
|
2641
2641
|
type: Directive,
|
|
2642
2642
|
args: [{
|
|
2643
2643
|
selector: "[tbFilter]",
|
|
@@ -2677,10 +2677,10 @@ class TableFilterStringContainsDirective extends TableFilterDirective {
|
|
|
2677
2677
|
}
|
|
2678
2678
|
super.ngOnChanges(changes);
|
|
2679
2679
|
}
|
|
2680
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
2681
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.
|
|
2680
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: TableFilterStringContainsDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
2681
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.8", type: TableFilterStringContainsDirective, isStandalone: true, selector: "[tbFilterStringContains]", inputs: { key: ["tbFilterStringContains", "key"], filterValue: "filterValue", filterId: "filterId", active: "active" }, providers: [{ provide: TableFilterDirective, useExisting: TableFilterStringContainsDirective }], usesInheritance: true, usesOnChanges: true, ngImport: i0 }); }
|
|
2682
2682
|
}
|
|
2683
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
2683
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: TableFilterStringContainsDirective, decorators: [{
|
|
2684
2684
|
type: Directive,
|
|
2685
2685
|
args: [{
|
|
2686
2686
|
selector: '[tbFilterStringContains]',
|
|
@@ -2736,10 +2736,10 @@ class TableCustomFilterDirectiveBase extends TableCustomFilterDirective {
|
|
|
2736
2736
|
this.ready = true;
|
|
2737
2737
|
this.filter$.next(this.filter);
|
|
2738
2738
|
}
|
|
2739
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
2740
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.
|
|
2739
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: TableCustomFilterDirectiveBase, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
|
|
2740
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.8", type: TableCustomFilterDirectiveBase, isStandalone: true, selector: "[tbCustomFilter]", inputs: { predicate: ["tbCustomFilter", "predicate"], active: "active" }, usesInheritance: true, ngImport: i0 }); }
|
|
2741
2741
|
}
|
|
2742
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
2742
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: TableCustomFilterDirectiveBase, decorators: [{
|
|
2743
2743
|
type: Directive,
|
|
2744
2744
|
args: [{
|
|
2745
2745
|
selector: "[tbCustomFilter]",
|
|
@@ -2774,10 +2774,10 @@ class TbSelectedFilterDirective extends TableCustomFilterDirectiveBase {
|
|
|
2774
2774
|
this.active = this.isActive();
|
|
2775
2775
|
});
|
|
2776
2776
|
}
|
|
2777
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
2778
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.
|
|
2777
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: TbSelectedFilterDirective, deps: "invalid", target: i0.ɵɵFactoryTarget.Directive }); }
|
|
2778
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.8", type: TbSelectedFilterDirective, isStandalone: true, usesInheritance: true, ngImport: i0 }); }
|
|
2779
2779
|
}
|
|
2780
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
2780
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: TbSelectedFilterDirective, decorators: [{
|
|
2781
2781
|
type: Directive
|
|
2782
2782
|
}], ctorParameters: () => [{ type: i1.Observable }, { type: undefined }] });
|
|
2783
2783
|
// Checkbox
|
|
@@ -2792,10 +2792,10 @@ class MatCheckboxTbFilterDirective extends TbSelectedFilterDirective {
|
|
|
2792
2792
|
this.matCheckbox = inject(MatCheckbox);
|
|
2793
2793
|
this.matCheckbox = matCheckbox;
|
|
2794
2794
|
}
|
|
2795
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
2796
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.
|
|
2795
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: MatCheckboxTbFilterDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
2796
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.8", type: MatCheckboxTbFilterDirective, isStandalone: true, selector: "mat-checkbox[tbCustomFilter]", inputs: { predicate: ["tbCustomFilter", "predicate"], filterId: "filterId" }, providers: [{ provide: TableCustomFilterDirective, useExisting: MatCheckboxTbFilterDirective }], usesInheritance: true, ngImport: i0 }); }
|
|
2797
2797
|
}
|
|
2798
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
2798
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: MatCheckboxTbFilterDirective, decorators: [{
|
|
2799
2799
|
type: Directive,
|
|
2800
2800
|
args: [{
|
|
2801
2801
|
selector: 'mat-checkbox[tbCustomFilter]',
|
|
@@ -2818,10 +2818,10 @@ class MatSlideToggleTbFilterDirective extends TbSelectedFilterDirective {
|
|
|
2818
2818
|
ngOnInit() {
|
|
2819
2819
|
super.ngOnInit();
|
|
2820
2820
|
}
|
|
2821
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
2822
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.
|
|
2821
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: MatSlideToggleTbFilterDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
2822
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.8", type: MatSlideToggleTbFilterDirective, isStandalone: true, selector: "mat-slide-toggle[tbCustomFilter]", inputs: { predicate: ["tbCustomFilter", "predicate"], filterId: "filterId" }, providers: [{ provide: TableCustomFilterDirective, useExisting: MatSlideToggleTbFilterDirective }], usesInheritance: true, ngImport: i0 }); }
|
|
2823
2823
|
}
|
|
2824
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
2824
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: MatSlideToggleTbFilterDirective, decorators: [{
|
|
2825
2825
|
type: Directive,
|
|
2826
2826
|
args: [{
|
|
2827
2827
|
selector: 'mat-slide-toggle[tbCustomFilter]',
|
|
@@ -2845,10 +2845,10 @@ class MatRadioButtonTbFilterDirective extends TbSelectedFilterDirective {
|
|
|
2845
2845
|
ngOnInit() {
|
|
2846
2846
|
super.ngOnInit();
|
|
2847
2847
|
}
|
|
2848
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
2849
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.
|
|
2848
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: MatRadioButtonTbFilterDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
2849
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.8", type: MatRadioButtonTbFilterDirective, isStandalone: true, selector: "mat-radio-button[tbCustomFilter]", inputs: { predicate: ["tbCustomFilter", "predicate"] }, providers: [{ provide: TableCustomFilterDirective, useExisting: MatRadioButtonTbFilterDirective }], usesInheritance: true, ngImport: i0 }); }
|
|
2850
2850
|
}
|
|
2851
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
2851
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: MatRadioButtonTbFilterDirective, decorators: [{
|
|
2852
2852
|
type: Directive,
|
|
2853
2853
|
args: [{
|
|
2854
2854
|
selector: 'mat-radio-button[tbCustomFilter]',
|
|
@@ -2879,10 +2879,10 @@ class MatOptionTbFilterDirective extends TbSelectedFilterDirective {
|
|
|
2879
2879
|
ngOnInit() {
|
|
2880
2880
|
super.ngOnInit();
|
|
2881
2881
|
}
|
|
2882
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
2883
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.
|
|
2882
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: MatOptionTbFilterDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
2883
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.8", type: MatOptionTbFilterDirective, isStandalone: true, selector: "mat-option[tbCustomFilter]", inputs: { predicate: ["tbCustomFilter", "predicate"], filterId: "filterId" }, providers: [{ provide: TableCustomFilterDirective, useExisting: MatOptionTbFilterDirective }], usesInheritance: true, ngImport: i0 }); }
|
|
2884
2884
|
}
|
|
2885
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
2885
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: MatOptionTbFilterDirective, decorators: [{
|
|
2886
2886
|
type: Directive,
|
|
2887
2887
|
args: [{
|
|
2888
2888
|
selector: 'mat-option[tbCustomFilter]',
|
|
@@ -2906,10 +2906,10 @@ class MatButtonToggleFilterDirective extends TbSelectedFilterDirective {
|
|
|
2906
2906
|
ngOnInit() {
|
|
2907
2907
|
super.ngOnInit();
|
|
2908
2908
|
}
|
|
2909
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
2910
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.
|
|
2909
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: MatButtonToggleFilterDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
2910
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.8", type: MatButtonToggleFilterDirective, isStandalone: true, selector: "mat-button-toggle[tbCustomFilter]", inputs: { predicate: ["tbCustomFilter", "predicate"], filterId: "filterId" }, providers: [{ provide: TableCustomFilterDirective, useExisting: MatButtonToggleFilterDirective }], usesInheritance: true, ngImport: i0 }); }
|
|
2911
2911
|
}
|
|
2912
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
2912
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: MatButtonToggleFilterDirective, decorators: [{
|
|
2913
2913
|
type: Directive,
|
|
2914
2914
|
args: [{
|
|
2915
2915
|
selector: 'mat-button-toggle[tbCustomFilter]',
|
|
@@ -2969,7 +2969,7 @@ class TableStore extends ComponentStore {
|
|
|
2969
2969
|
this.$savableState = computed(() => {
|
|
2970
2970
|
const state = this.state();
|
|
2971
2971
|
return mapSaveableState(state);
|
|
2972
|
-
}, ...(ngDevMode ? [{ debugName: "$savableState" }] : []));
|
|
2972
|
+
}, ...(ngDevMode ? [{ debugName: "$savableState" }] : /* istanbul ignore next */ []));
|
|
2973
2973
|
//#region meta order and hidden
|
|
2974
2974
|
this.showColumn = this.updater((state, key) => ({
|
|
2975
2975
|
...state,
|
|
@@ -3065,7 +3065,7 @@ class TableStore extends ComponentStore {
|
|
|
3065
3065
|
};
|
|
3066
3066
|
};
|
|
3067
3067
|
this.$filters = this.selectSignal(state => state.filters);
|
|
3068
|
-
this.$filtersArray = computed(() => Object.values(this.state().filters) || [], ...(ngDevMode ? [{ debugName: "$filtersArray" }] : []));
|
|
3068
|
+
this.$filtersArray = computed(() => Object.values(this.state().filters) || [], ...(ngDevMode ? [{ debugName: "$filtersArray" }] : /* istanbul ignore next */ []));
|
|
3069
3069
|
this.filters$ = this.select(state => state.filters);
|
|
3070
3070
|
this.$getFilter = (filterId) => {
|
|
3071
3071
|
return this.selectSignal(this.$filters, filters => filters[filterId]);
|
|
@@ -3088,7 +3088,7 @@ class TableStore extends ComponentStore {
|
|
|
3088
3088
|
sorted: sortArray,
|
|
3089
3089
|
};
|
|
3090
3090
|
});
|
|
3091
|
-
this.$preSort = computed(() => createPreSort(this.$metaData()), ...(ngDevMode ? [{ debugName: "$preSort" }] : []));
|
|
3091
|
+
this.$preSort = computed(() => createPreSort(this.$metaData()), ...(ngDevMode ? [{ debugName: "$preSort" }] : /* istanbul ignore next */ []));
|
|
3092
3092
|
this._$selectSorted = this.selectSignal(state => state.sorted, {
|
|
3093
3093
|
equal: sortsAreSame
|
|
3094
3094
|
});
|
|
@@ -3100,7 +3100,7 @@ class TableStore extends ComponentStore {
|
|
|
3100
3100
|
const sortBy = sortLogic?.sortBy === 'use map' ? meta.map : sortLogic?.sortBy;
|
|
3101
3101
|
return ({ ...s, ...sortLogic, sortBy });
|
|
3102
3102
|
});
|
|
3103
|
-
}, ...(ngDevMode ? [{ debugName: "$selectSorted" }] : []));
|
|
3103
|
+
}, ...(ngDevMode ? [{ debugName: "$selectSorted" }] : /* istanbul ignore next */ []));
|
|
3104
3104
|
this.selectSorted$ = this.select(state => state.sorted).pipe(distinctUntilChanged(sortsAreSame));
|
|
3105
3105
|
this.$getSorts = this.selectSignal(() => this.$initializationState() !== InitializationState.Ready ? [] : this.$selectSorted());
|
|
3106
3106
|
this.sort$ = toObservable(this.$getSorts);
|
|
@@ -3396,10 +3396,10 @@ class TableStore extends ComponentStore {
|
|
|
3396
3396
|
};
|
|
3397
3397
|
}
|
|
3398
3398
|
#$groupBy;
|
|
3399
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
3400
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.
|
|
3399
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: TableStore, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
3400
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: TableStore }); }
|
|
3401
3401
|
}
|
|
3402
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
3402
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: TableStore, decorators: [{
|
|
3403
3403
|
type: Injectable
|
|
3404
3404
|
}], ctorParameters: () => [] });
|
|
3405
3405
|
const resetable = [
|
|
@@ -3444,7 +3444,7 @@ class MultiSortDirective extends MatSort {
|
|
|
3444
3444
|
untracked(() => {
|
|
3445
3445
|
this.state.setSort({ key: sortChange.active, direction: sortChange.direction });
|
|
3446
3446
|
});
|
|
3447
|
-
}, ...(ngDevMode ? [{ debugName: "#onSortChange" }] : []));
|
|
3447
|
+
}, ...(ngDevMode ? [{ debugName: "#onSortChange" }] : /* istanbul ignore next */ []));
|
|
3448
3448
|
this.#onStateSortUpdate = effect(() => {
|
|
3449
3449
|
const rules = this.state.$getSorts();
|
|
3450
3450
|
if (!rules)
|
|
@@ -3459,14 +3459,14 @@ class MultiSortDirective extends MatSort {
|
|
|
3459
3459
|
this.sortChange.emit(topRule);
|
|
3460
3460
|
}
|
|
3461
3461
|
});
|
|
3462
|
-
}, ...(ngDevMode ? [{ debugName: "#onStateSortUpdate" }] : []));
|
|
3462
|
+
}, ...(ngDevMode ? [{ debugName: "#onStateSortUpdate" }] : /* istanbul ignore next */ []));
|
|
3463
3463
|
}
|
|
3464
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
3465
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.
|
|
3464
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: MultiSortDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
3465
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.8", type: MultiSortDirective, isStandalone: true, selector: "[multiSort]", inputs: { disabled: ["matSortDisabled", "disabled"] }, providers: [
|
|
3466
3466
|
{ provide: MatSort, useExisting: MultiSortDirective }
|
|
3467
3467
|
], exportAs: ["multiSort"], usesInheritance: true, ngImport: i0 }); }
|
|
3468
3468
|
}
|
|
3469
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
3469
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: MultiSortDirective, decorators: [{
|
|
3470
3470
|
type: Directive,
|
|
3471
3471
|
args: [{
|
|
3472
3472
|
selector: '[multiSort]',
|
|
@@ -3493,7 +3493,7 @@ class InFilterComponent {
|
|
|
3493
3493
|
constructor() {
|
|
3494
3494
|
this.ref = inject(ChangeDetectorRef);
|
|
3495
3495
|
this.FieldType = FieldType;
|
|
3496
|
-
this.$type = input.required({ ...(ngDevMode ? { debugName: "$type" } : {}), alias: 'type' });
|
|
3496
|
+
this.$type = input.required({ ...(ngDevMode ? { debugName: "$type" } : /* istanbul ignore next */ {}), alias: 'type' });
|
|
3497
3497
|
this.value = [undefined];
|
|
3498
3498
|
this.onChange = (_) => { };
|
|
3499
3499
|
this.onTouched = () => { };
|
|
@@ -3528,14 +3528,14 @@ class InFilterComponent {
|
|
|
3528
3528
|
this.ref.markForCheck();
|
|
3529
3529
|
this.onChange(this.value);
|
|
3530
3530
|
}
|
|
3531
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
3532
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.
|
|
3531
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: InFilterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
3532
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.8", type: InFilterComponent, isStandalone: true, selector: "lib-in-filter", inputs: { $type: { classPropertyName: "$type", publicName: "type", isSignal: true, isRequired: true, transformFunction: null } }, providers: [{
|
|
3533
3533
|
provide: NG_VALUE_ACCESSOR,
|
|
3534
3534
|
useExisting: InFilterComponent,
|
|
3535
3535
|
multi: true
|
|
3536
3536
|
}], ngImport: i0, template: "<div class=inline>\r\n @for (val of value; track $index)\r\n {\r\n <div>\r\n @if($type() === FieldType.Number || $type() === FieldType.Currency)\r\n {\r\n <input type=\"number\" [ngModel]=\"val\"\r\n [readonly]=\"$index + 1 < value.length\" [ngModelOptions]=\"{standalone:true}\"\r\n [autoFocus]=\"$index === value.length - 1\" (ngModelChange)=\"onValueChange($index, $event)\"/>\r\n }\r\n @else if($type() === FieldType.Date)\r\n {\r\n <input matInput name=\"filterValue\" [ngModel]=\"val\" [matDatepicker]=\"cal\"\r\n [readonly]=\"$index + 1 < value.length\" [ngModelOptions]=\"{standalone:true}\"\r\n [autoFocus]=\"$index === value.length - 1\" (dateChange)=\"onValueChange($index, $event.value)\"/>\r\n <mat-datepicker-toggle class=\"small-button date-toggle\" matSuffix preventEnter [for]=\"cal\" />\r\n <mat-datepicker #cal />\r\n }\r\n @else if($type() === FieldType.DateTime)\r\n {\r\n <input type=\"datetime-local\" preventEnter [ngModel]=\"val\"\r\n [readonly]=\"$index + 1 < value.length\" [ngModelOptions]=\"{standalone:true}\"\r\n [autoFocus]=\"$index === value.length - 1\" (ngModelChange)=\"onValueChange($index, $event)\"/>\r\n }\r\n @else\r\n {\r\n <input type=\"string\"\r\n [ngModel]=\"val\" [readonly]=\"$index + 1 < value.length\" [ngModelOptions]=\"{standalone:true}\"\r\n [autoFocus]=\"$index === value.length - 1\" (ngModelChange)=\"onValueChange($index ,$event)\" />\r\n }\r\n </div>\r\n <button [disabled]=\"value.length <= 1\" (click)=\"removeInput($index)\">-</button>\r\n @if ($index === value.length - 1)\r\n {\r\n <button [disabled]=\"val == undefined || val === ''\" (click)=\"addInput()\">+</button>\r\n }\r\n }\r\n</div>\r\n", styles: [".inline{display:inline-block}.small-button{height:18px;width:18px;font-size:18px;padding:0;margin:0}.small-button ::ng-deep *{line-height:initial;font-size:initial;height:18px;width:18px;font-size:18px;bottom:initial}button{cursor:pointer}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.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: i2.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: AutoFocusDirective, selector: "[autoFocus]", inputs: ["autoFocus"] }, { kind: "ngmodule", type: MatDatepickerModule }, { kind: "component", type: i3.MatDatepicker, selector: "mat-datepicker", exportAs: ["matDatepicker"] }, { kind: "directive", type: i3.MatDatepickerInput, selector: "input[matDatepicker]", inputs: ["matDatepicker", "min", "max", "matDatepickerFilter"], exportAs: ["matDatepickerInput"] }, { kind: "component", type: i3.MatDatepickerToggle, selector: "mat-datepicker-toggle", inputs: ["for", "tabIndex", "aria-label", "disabled", "disableRipple"], exportAs: ["matDatepickerToggle"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
3537
3537
|
}
|
|
3538
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
3538
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: InFilterComponent, decorators: [{
|
|
3539
3539
|
type: Component,
|
|
3540
3540
|
args: [{ selector: 'lib-in-filter', changeDetection: ChangeDetectionStrategy.OnPush, providers: [{
|
|
3541
3541
|
provide: NG_VALUE_ACCESSOR,
|
|
@@ -3550,8 +3550,8 @@ class InListFilterComponent {
|
|
|
3550
3550
|
constructor() {
|
|
3551
3551
|
this.ref = inject(ChangeDetectorRef);
|
|
3552
3552
|
this.tableState = inject(TableStore);
|
|
3553
|
-
this.$values = input([], { ...(ngDevMode ? { debugName: "$values" } : {}), alias: 'values' });
|
|
3554
|
-
this.#e = effect(() => this.writeValue(this.$values()), ...(ngDevMode ? [{ debugName: "#e" }] : []));
|
|
3553
|
+
this.$values = input([], { ...(ngDevMode ? { debugName: "$values" } : /* istanbul ignore next */ {}), alias: 'values' });
|
|
3554
|
+
this.#e = effect(() => this.writeValue(this.$values()), ...(ngDevMode ? [{ debugName: "#e" }] : /* istanbul ignore next */ []));
|
|
3555
3555
|
this.value = [];
|
|
3556
3556
|
this.FieldType = FieldType;
|
|
3557
3557
|
this.includes = (value, values) => {
|
|
@@ -3559,20 +3559,20 @@ class InListFilterComponent {
|
|
|
3559
3559
|
};
|
|
3560
3560
|
this.onChange = (_) => { };
|
|
3561
3561
|
this.onTouched = () => { };
|
|
3562
|
-
this.$key = input.required({ ...(ngDevMode ? { debugName: "$key" } : {}), alias: 'key' });
|
|
3563
|
-
this.$selectedKeys = signal([], ...(ngDevMode ? [{ debugName: "$selectedKeys" }] : []));
|
|
3564
|
-
this.$metaData = computed(() => this.tableState.$getMetaData(this.$key())(), ...(ngDevMode ? [{ debugName: "$metaData" }] : []));
|
|
3562
|
+
this.$key = input.required({ ...(ngDevMode ? { debugName: "$key" } : /* istanbul ignore next */ {}), alias: 'key' });
|
|
3563
|
+
this.$selectedKeys = signal([], ...(ngDevMode ? [{ debugName: "$selectedKeys" }] : /* istanbul ignore next */ []));
|
|
3564
|
+
this.$metaData = computed(() => this.tableState.$getMetaData(this.$key())(), ...(ngDevMode ? [{ debugName: "$metaData" }] : /* istanbul ignore next */ []));
|
|
3565
3565
|
this.$allValues = computed(() => {
|
|
3566
3566
|
const filterable = this.$metaData()?.additional?.filterOptions?.filterableValues;
|
|
3567
3567
|
return filterable === 'all values' || filterable?.allValues === true;
|
|
3568
|
-
}, ...(ngDevMode ? [{ debugName: "$allValues" }] : []));
|
|
3568
|
+
}, ...(ngDevMode ? [{ debugName: "$allValues" }] : /* istanbul ignore next */ []));
|
|
3569
3569
|
this.$specialBlank = computed(() => {
|
|
3570
3570
|
const specialBlank = this.tableState.selectSignal(s => s.allFilters)()[this.$metaData().key]?.find(k => isBlankValueFilter(k));
|
|
3571
3571
|
if (!specialBlank)
|
|
3572
3572
|
return;
|
|
3573
3573
|
return { key: specialBlank, value: 'BLANK' };
|
|
3574
|
-
}, ...(ngDevMode ? [{ debugName: "$specialBlank" }] : []));
|
|
3575
|
-
this.$specialBlankSelected = computed(() => this.$selectedKeys().some(k => isBlankValueFilter(k.value)), ...(ngDevMode ? [{ debugName: "$specialBlankSelected" }] : []));
|
|
3574
|
+
}, ...(ngDevMode ? [{ debugName: "$specialBlank" }] : /* istanbul ignore next */ []));
|
|
3575
|
+
this.$specialBlankSelected = computed(() => this.$selectedKeys().some(k => isBlankValueFilter(k.value)), ...(ngDevMode ? [{ debugName: "$specialBlankSelected" }] : /* istanbul ignore next */ []));
|
|
3576
3576
|
this.$keyValues = computed(() => {
|
|
3577
3577
|
const metaData = this.$metaData();
|
|
3578
3578
|
if (this.$allValues()) {
|
|
@@ -3585,7 +3585,7 @@ class InListFilterComponent {
|
|
|
3585
3585
|
return Object.entries(metaData.additional.enumMap).map(([key, value]) => ({ key: value, value: +key }));
|
|
3586
3586
|
}
|
|
3587
3587
|
return [];
|
|
3588
|
-
}, ...(ngDevMode ? [{ debugName: "$keyValues" }] : []));
|
|
3588
|
+
}, ...(ngDevMode ? [{ debugName: "$keyValues" }] : /* istanbul ignore next */ []));
|
|
3589
3589
|
}
|
|
3590
3590
|
#e;
|
|
3591
3591
|
writeValue(obj) {
|
|
@@ -3618,8 +3618,8 @@ class InListFilterComponent {
|
|
|
3618
3618
|
}
|
|
3619
3619
|
return val.key;
|
|
3620
3620
|
}
|
|
3621
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
3622
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.
|
|
3621
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: InListFilterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
3622
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.8", type: InListFilterComponent, isStandalone: true, selector: "tb-in-list-filter", inputs: { $values: { classPropertyName: "$values", publicName: "values", isSignal: true, isRequired: false, transformFunction: null }, $key: { classPropertyName: "$key", publicName: "key", isSignal: true, isRequired: true, transformFunction: null } }, providers: [{
|
|
3623
3623
|
provide: NG_VALUE_ACCESSOR,
|
|
3624
3624
|
useExisting: InListFilterComponent,
|
|
3625
3625
|
multi: true
|
|
@@ -3692,7 +3692,7 @@ class InListFilterComponent {
|
|
|
3692
3692
|
}
|
|
3693
3693
|
`, isInline: true, styles: [":host{display:block;max-height:max(50vh,400px);overflow-y:auto}\n"], dependencies: [{ kind: "ngmodule", type: MatCheckboxModule }, { kind: "component", type: i1$1.MatCheckbox, selector: "mat-checkbox", inputs: ["aria-label", "aria-labelledby", "aria-describedby", "aria-expanded", "aria-controls", "aria-owns", "id", "required", "labelPosition", "name", "value", "disableRipple", "tabIndex", "color", "disabledInteractive", "checked", "disabled", "indeterminate"], outputs: ["change", "indeterminateChange"], exportAs: ["matCheckbox"] }, { kind: "directive", type: StopPropagationDirective, selector: "[stop-propagation]" }, { kind: "pipe", type: SpaceCasePipe, name: "spaceCase" }, { kind: "pipe", type: FunctionPipe, name: "func" }, { kind: "pipe", type: DatePipe, name: "date" }, { kind: "pipe", type: CurrencyPipe, name: "currency" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
3694
3694
|
}
|
|
3695
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
3695
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: InListFilterComponent, decorators: [{
|
|
3696
3696
|
type: Component,
|
|
3697
3697
|
args: [{ selector: 'tb-in-list-filter', template: `
|
|
3698
3698
|
@if($specialBlank(); as specialBlank)
|
|
@@ -3774,19 +3774,19 @@ class DateFilterComponent {
|
|
|
3774
3774
|
constructor() {
|
|
3775
3775
|
this.FilterType = FilterType;
|
|
3776
3776
|
this.FieldType = FieldType;
|
|
3777
|
-
this.$info = input.required({ ...(ngDevMode ? { debugName: "$info" } : {}), alias: 'info' });
|
|
3778
|
-
this.$currentFilterType = input.required({ ...(ngDevMode ? { debugName: "$currentFilterType" } : {}), alias: 'currentFilterType' });
|
|
3777
|
+
this.$info = input.required({ ...(ngDevMode ? { debugName: "$info" } : /* istanbul ignore next */ {}), alias: 'info' });
|
|
3778
|
+
this.$currentFilterType = input.required({ ...(ngDevMode ? { debugName: "$currentFilterType" } : /* istanbul ignore next */ {}), alias: 'currentFilterType' });
|
|
3779
3779
|
this.state = inject(TableStore);
|
|
3780
|
-
this.$metaData = computed(() => this.state.$getMetaData(this.$info()?.key)(), ...(ngDevMode ? [{ debugName: "$metaData" }] : []));
|
|
3780
|
+
this.$metaData = computed(() => this.state.$getMetaData(this.$info()?.key)(), ...(ngDevMode ? [{ debugName: "$metaData" }] : /* istanbul ignore next */ []));
|
|
3781
3781
|
this.$allValuesInMeta = computed(() => {
|
|
3782
3782
|
const filterable = this.$metaData()?.additional?.filterOptions?.filterableValues;
|
|
3783
3783
|
return filterable === 'all values' || filterable?.allValues === true;
|
|
3784
|
-
}, ...(ngDevMode ? [{ debugName: "$allValuesInMeta" }] : []));
|
|
3784
|
+
}, ...(ngDevMode ? [{ debugName: "$allValuesInMeta" }] : /* istanbul ignore next */ []));
|
|
3785
3785
|
}
|
|
3786
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
3787
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.
|
|
3786
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: DateFilterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
3787
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.8", type: DateFilterComponent, isStandalone: true, selector: "tb-date-filter", inputs: { $info: { classPropertyName: "$info", publicName: "info", isSignal: true, isRequired: true, transformFunction: null }, $currentFilterType: { classPropertyName: "$currentFilterType", publicName: "currentFilterType", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: "@let currentFilterType = $currentFilterType();\r\n@let info = $info();\r\n\r\n@if (currentFilterType !== FilterType.DateBetween && currentFilterType !== FilterType.IsNull && currentFilterType !== FilterType.In)\r\n{\r\n <mat-form-field>\r\n <input matInput name=\"filterValue\" [ngModel]=\"info.filterValue\" [matDatepicker]=\"cal\"/>\r\n <mat-datepicker-toggle class=\"small-button date-toggle\" matSuffix preventEnter [for]=\"cal\" />\r\n <mat-datepicker #cal />\r\n </mat-form-field>\r\n}\r\n@if(currentFilterType === FilterType.DateBetween)\r\n{\r\n <ng-container ngModelGroup=\"filterValue\">\r\n <mat-form-field class=\"my-filter\" >\r\n <input matInput name=\"Start\" placeholder=\"From\" [ngModel]=\"info.filterValue?.Start\" [matDatepicker]=\"fromVal\"\r\n (click)=\"fromVal.open()\"/>\r\n <mat-datepicker-toggle matSuffix class=\"small-button date-toggle\" preventEnter [for]=\"fromVal\" />\r\n <mat-datepicker #fromVal />\r\n </mat-form-field>\r\n <mat-form-field>\r\n <input matInput name=\"End\" placeholder=\"To\" [ngModel]=\"info.filterValue?.End\" [matDatepicker]=\"toVal\" (click)=\"toVal.open()\"/>\r\n <mat-datepicker-toggle matSuffix class=\"small-button date-toggle\" preventEnter [for]=\"toVal\" />\r\n <mat-datepicker #toVal />\r\n </mat-form-field>\r\n </ng-container>\r\n}\r\n@if(currentFilterType === FilterType.In)\r\n{\r\n @if($allValuesInMeta())\r\n {\r\n <tb-in-list-filter name=\"filterValue\" [key]=\"info.key\" [values]=\"info.filterValue\" [(ngModel)]=\"info.filterValue\" />\r\n }\r\n @else\r\n {\r\n <lib-in-filter name=\"filterValue\" [type]=\"FieldType.Date\" [(ngModel)]=\"info.filterValue\" />\r\n }\r\n}\r\n\r\n", styles: [".filter-name{color:var(tb-filter-name);margin:10px 0;font-weight:600;display:inline-block}.switch{display:inline-block}.head-row{display:flex;width:100%;align-items:center;justify-content:space-between}.filter-row{display:flex;align-items:center;gap:1rem}mat-card.filter-card::ng-deep mat-form-field{width:150px}mat-card.filter-card::ng-deep .mat-mdc-form-field-subscript-wrapper{line-height:0}mat-card.filter-card::ng-deep .mat-mdc-form-field-subscript-wrapper:before{height:0}.inline{display:inline-block}.small-button{height:18px;width:18px;font-size:18px;padding:0;margin:0}.small-button ::ng-deep *{line-height:initial;font-size:initial;height:18px;width:18px;font-size:18px;bottom:initial}.cancel-button{font-weight:700}.date-toggle ::ng-deep svg{position:absolute;left:0;top:0}\n"], dependencies: [{ kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i1$2.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl], input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "component", type: i1$2.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i1$2.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.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: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i2.NgModelGroup, selector: "[ngModelGroup]", inputs: ["ngModelGroup"], exportAs: ["ngModelGroup"] }, { kind: "ngmodule", type: MatDatepickerModule }, { kind: "component", type: i3.MatDatepicker, selector: "mat-datepicker", exportAs: ["matDatepicker"] }, { kind: "directive", type: i3.MatDatepickerInput, selector: "input[matDatepicker]", inputs: ["matDatepicker", "min", "max", "matDatepickerFilter"], exportAs: ["matDatepickerInput"] }, { kind: "component", type: i3.MatDatepickerToggle, selector: "mat-datepicker-toggle", inputs: ["for", "tabIndex", "aria-label", "disabled", "disableRipple"], exportAs: ["matDatepickerToggle"] }, { kind: "component", type: InFilterComponent, selector: "lib-in-filter", inputs: ["type"] }, { kind: "component", type: InListFilterComponent, selector: "tb-in-list-filter", inputs: ["values", "key"] }], viewProviders: [{ provide: ControlContainer, useExisting: NgForm }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
3788
3788
|
}
|
|
3789
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
3789
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: DateFilterComponent, decorators: [{
|
|
3790
3790
|
type: Component,
|
|
3791
3791
|
args: [{ selector: 'tb-date-filter', changeDetection: ChangeDetectionStrategy.OnPush, viewProviders: [{ provide: ControlContainer, useExisting: NgForm }], imports: [
|
|
3792
3792
|
MatInputModule, FormsModule, MatDatepickerModule, InFilterComponent, InListFilterComponent
|
|
@@ -3797,19 +3797,19 @@ class NumberFilterComponent {
|
|
|
3797
3797
|
constructor() {
|
|
3798
3798
|
this.FilterType = FilterType;
|
|
3799
3799
|
this.FieldType = FieldType;
|
|
3800
|
-
this.$currentFilterType = input.required({ ...(ngDevMode ? { debugName: "$currentFilterType" } : {}), alias: 'currentFilterType' });
|
|
3801
|
-
this.$info = input.required({ ...(ngDevMode ? { debugName: "$info" } : {}), alias: 'info' });
|
|
3800
|
+
this.$currentFilterType = input.required({ ...(ngDevMode ? { debugName: "$currentFilterType" } : /* istanbul ignore next */ {}), alias: 'currentFilterType' });
|
|
3801
|
+
this.$info = input.required({ ...(ngDevMode ? { debugName: "$info" } : /* istanbul ignore next */ {}), alias: 'info' });
|
|
3802
3802
|
this.state = inject(TableStore);
|
|
3803
|
-
this.$metaData = computed(() => this.state.$getMetaData(this.$info()?.key)(), ...(ngDevMode ? [{ debugName: "$metaData" }] : []));
|
|
3803
|
+
this.$metaData = computed(() => this.state.$getMetaData(this.$info()?.key)(), ...(ngDevMode ? [{ debugName: "$metaData" }] : /* istanbul ignore next */ []));
|
|
3804
3804
|
this.$allValuesInMeta = computed(() => {
|
|
3805
3805
|
const filterable = this.$metaData()?.additional?.filterOptions?.filterableValues;
|
|
3806
3806
|
return filterable === 'all values' || filterable?.allValues === true;
|
|
3807
|
-
}, ...(ngDevMode ? [{ debugName: "$allValuesInMeta" }] : []));
|
|
3807
|
+
}, ...(ngDevMode ? [{ debugName: "$allValuesInMeta" }] : /* istanbul ignore next */ []));
|
|
3808
3808
|
}
|
|
3809
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
3810
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.
|
|
3809
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: NumberFilterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
3810
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.8", type: NumberFilterComponent, isStandalone: true, selector: "tb-number-filter", inputs: { $currentFilterType: { classPropertyName: "$currentFilterType", publicName: "currentFilterType", isSignal: true, isRequired: true, transformFunction: null }, $info: { classPropertyName: "$info", publicName: "info", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: "@let currentFilterType = $currentFilterType();\r\n@let info = $info();\r\n\r\n@if(currentFilterType !== FilterType.NumberBetween && currentFilterType !== FilterType.IsNull && currentFilterType !== FilterType.In)\r\n{\r\n <mat-form-field class=\"my-filter\">\r\n <input matInput name=\"filterValue\" type=\"number\" [ngModel]=\"info.filterValue\"/>\r\n </mat-form-field>\r\n}\r\n@if(currentFilterType === FilterType.NumberBetween)\r\n{\r\n <ng-container ngModelGroup=\"filterValue\" >\r\n <mat-form-field class=\"my-filter\">\r\n <input matInput name=\"Start\" placeholder=\"Start\" type=\"number\" [ngModel]=\"info.filterValue?.Start\"/>\r\n </mat-form-field>\r\n <mat-form-field class=\"my-filter\">\r\n <input matInput name=\"End\" placeholder=\"End\" type=\"number\" [ngModel]=\"info.filterValue?.End\"/>\r\n </mat-form-field>\r\n </ng-container>\r\n}\r\n\r\n@if(currentFilterType === FilterType.In)\r\n{\r\n @if($allValuesInMeta())\r\n {\r\n <tb-in-list-filter name=\"filterValue\" [key]=\"info.key\" [values]=\"info.filterValue\" [(ngModel)]=\"info.filterValue\" />\r\n }\r\n @else\r\n {\r\n <lib-in-filter name=\"filterValue\" [type]=\"FieldType.Date\" [(ngModel)]=\"info.filterValue\" />\r\n }\r\n}\r\n", styles: [".switch{display:inline-block}.my-filter{margin-right:15px}.inline{display:inline-block}\n"], dependencies: [{ kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i1$2.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl], input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "component", type: i1$2.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.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: i2.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i2.NgModelGroup, selector: "[ngModelGroup]", inputs: ["ngModelGroup"], exportAs: ["ngModelGroup"] }, { kind: "component", type: InFilterComponent, selector: "lib-in-filter", inputs: ["type"] }, { kind: "component", type: InListFilterComponent, selector: "tb-in-list-filter", inputs: ["values", "key"] }], viewProviders: [{ provide: ControlContainer, useExisting: NgForm }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
3811
3811
|
}
|
|
3812
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
3812
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: NumberFilterComponent, decorators: [{
|
|
3813
3813
|
type: Component,
|
|
3814
3814
|
args: [{ selector: 'tb-number-filter', changeDetection: ChangeDetectionStrategy.OnPush, viewProviders: [{ provide: ControlContainer, useExisting: NgForm }], imports: [
|
|
3815
3815
|
MatInputModule, FormsModule, InFilterComponent, InListFilterComponent
|
|
@@ -3820,19 +3820,19 @@ class DateTimeFilterComponent {
|
|
|
3820
3820
|
constructor() {
|
|
3821
3821
|
this.FilterType = FilterType;
|
|
3822
3822
|
this.FieldType = FieldType;
|
|
3823
|
-
this.$info = input.required({ ...(ngDevMode ? { debugName: "$info" } : {}), alias: 'info' });
|
|
3824
|
-
this.$currentFilterType = input.required({ ...(ngDevMode ? { debugName: "$currentFilterType" } : {}), alias: 'currentFilterType' });
|
|
3823
|
+
this.$info = input.required({ ...(ngDevMode ? { debugName: "$info" } : /* istanbul ignore next */ {}), alias: 'info' });
|
|
3824
|
+
this.$currentFilterType = input.required({ ...(ngDevMode ? { debugName: "$currentFilterType" } : /* istanbul ignore next */ {}), alias: 'currentFilterType' });
|
|
3825
3825
|
this.state = inject(TableStore);
|
|
3826
|
-
this.$metaData = computed(() => this.state.$getMetaData(this.$info()?.key)(), ...(ngDevMode ? [{ debugName: "$metaData" }] : []));
|
|
3826
|
+
this.$metaData = computed(() => this.state.$getMetaData(this.$info()?.key)(), ...(ngDevMode ? [{ debugName: "$metaData" }] : /* istanbul ignore next */ []));
|
|
3827
3827
|
this.$allValuesInMeta = computed(() => {
|
|
3828
3828
|
const filterable = this.$metaData()?.additional?.filterOptions?.filterableValues;
|
|
3829
3829
|
return filterable === 'all values' || filterable?.allValues === true;
|
|
3830
|
-
}, ...(ngDevMode ? [{ debugName: "$allValuesInMeta" }] : []));
|
|
3830
|
+
}, ...(ngDevMode ? [{ debugName: "$allValuesInMeta" }] : /* istanbul ignore next */ []));
|
|
3831
3831
|
}
|
|
3832
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
3833
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.
|
|
3832
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: DateTimeFilterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
3833
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.8", type: DateTimeFilterComponent, isStandalone: true, selector: "tb-date-time-filter", inputs: { $info: { classPropertyName: "$info", publicName: "info", isSignal: true, isRequired: true, transformFunction: null }, $currentFilterType: { classPropertyName: "$currentFilterType", publicName: "currentFilterType", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: "@let currentFilterType = $currentFilterType();\r\n@let info = $info();\r\n\r\n@if(currentFilterType !== FilterType.DateTimeBetween && currentFilterType !== FilterType.IsNull && currentFilterType !== FilterType.In)\r\n{\r\n <input type=\"datetime-local\" preventEnter name=\"filterValue\" class=\"op-date-time-input\" [ngModel]=\"info.filterValue\"/>\r\n}\r\n@if(currentFilterType === FilterType.DateTimeBetween)\r\n{\r\n <ng-container ngModelGroup=\"filterValue\">\r\n <input type=\"datetime-local\" preventEnter name=\"Start\" class=\"op-date-time-input\" [ngModel]=\"info.filterValue?.Start\"/>\r\n <input type=\"datetime-local\" preventEnter name=\"End\" class=\"op-date-time-input\" [ngModel]=\"info.filterValue?.End\"/>\r\n </ng-container>\r\n}\r\n@if(currentFilterType === FilterType.In)\r\n{\r\n @if($allValuesInMeta())\r\n {\r\n <tb-in-list-filter name=\"filterValue\" [key]=\"info.key\" [values]=\"info.filterValue\" [(ngModel)]=\"info.filterValue\" />\r\n }\r\n @else\r\n {\r\n <lib-in-filter name=\"filterValue\" [type]=\"FieldType.Date\" [(ngModel)]=\"info.filterValue\" />\r\n }\r\n}", styles: [".filter-name{color:var(tb-filter-name);margin:10px 0;font-weight:600;display:inline-block}.switch{display:inline-block}.head-row{display:flex;width:100%;align-items:center;justify-content:space-between}.filter-row{display:flex;align-items:center;gap:1rem}mat-card.filter-card::ng-deep mat-form-field{width:150px}mat-card.filter-card::ng-deep .mat-mdc-form-field-subscript-wrapper{line-height:0}mat-card.filter-card::ng-deep .mat-mdc-form-field-subscript-wrapper:before{height:0}.inline{display:inline-block}.small-button{height:18px;width:18px;font-size:18px;padding:0;margin:0}.small-button ::ng-deep *{line-height:initial;font-size:initial;height:18px;width:18px;font-size:18px;bottom:initial}.cancel-button{font-weight:700}.date-toggle ::ng-deep svg{position:absolute;left:0;top:0}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.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: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i2.NgModelGroup, selector: "[ngModelGroup]", inputs: ["ngModelGroup"], exportAs: ["ngModelGroup"] }, { kind: "component", type: InFilterComponent, selector: "lib-in-filter", inputs: ["type"] }, { kind: "component", type: InListFilterComponent, selector: "tb-in-list-filter", inputs: ["values", "key"] }], viewProviders: [{ provide: ControlContainer, useExisting: NgForm }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
3834
3834
|
}
|
|
3835
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
3835
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: DateTimeFilterComponent, decorators: [{
|
|
3836
3836
|
type: Component,
|
|
3837
3837
|
args: [{ selector: 'tb-date-time-filter', changeDetection: ChangeDetectionStrategy.OnPush, viewProviders: [{ provide: ControlContainer, useExisting: NgForm }], imports: [
|
|
3838
3838
|
FormsModule, InFilterComponent, InListFilterComponent
|
|
@@ -3845,20 +3845,20 @@ class FilterComponent {
|
|
|
3845
3845
|
this.filterTypes = filterTypeMap;
|
|
3846
3846
|
this.FilterType = FilterType;
|
|
3847
3847
|
this.FieldType = FieldType;
|
|
3848
|
-
this.$filter = input.required({ ...(ngDevMode ? { debugName: "$filter" } : {}), alias: 'filter',
|
|
3848
|
+
this.$filter = input.required({ ...(ngDevMode ? { debugName: "$filter" } : /* istanbul ignore next */ {}), alias: 'filter',
|
|
3849
3849
|
transform: (f) => ({ ...f }) });
|
|
3850
|
-
this.$metaData = computed(() => this.state.$getMetaData(this.$filter()?.key)(), ...(ngDevMode ? [{ debugName: "$metaData" }] : []));
|
|
3850
|
+
this.$metaData = computed(() => this.state.$getMetaData(this.$filter()?.key)(), ...(ngDevMode ? [{ debugName: "$metaData" }] : /* istanbul ignore next */ []));
|
|
3851
3851
|
this.$allValuesInMeta = computed(() => {
|
|
3852
3852
|
const filterable = this.$metaData()?.additional?.filterOptions?.filterableValues;
|
|
3853
3853
|
return filterable === 'all values' || filterable?.allValues === true;
|
|
3854
|
-
}, ...(ngDevMode ? [{ debugName: "$allValuesInMeta" }] : []));
|
|
3854
|
+
}, ...(ngDevMode ? [{ debugName: "$allValuesInMeta" }] : /* istanbul ignore next */ []));
|
|
3855
3855
|
this.close$ = new Subject();
|
|
3856
3856
|
this.done$ = new Subject();
|
|
3857
3857
|
this.close = outputFromObservable(this.close$);
|
|
3858
3858
|
this.done = outputFromObservable(merge$1(this.done$, this.close$));
|
|
3859
|
-
this.$enteredFilterType = signal(undefined, ...(ngDevMode ? [{ debugName: "$enteredFilterType" }] : []));
|
|
3860
|
-
this.$currentFilterType = computed(() => this.$enteredFilterType() || this.$filter()?.filterType, ...(ngDevMode ? [{ debugName: "$currentFilterType" }] : []));
|
|
3861
|
-
this.$availableFilterTypes = computed(() => this.filterTypes[this.$filter()?.fieldType], ...(ngDevMode ? [{ debugName: "$availableFilterTypes" }] : []));
|
|
3859
|
+
this.$enteredFilterType = signal(undefined, ...(ngDevMode ? [{ debugName: "$enteredFilterType" }] : /* istanbul ignore next */ []));
|
|
3860
|
+
this.$currentFilterType = computed(() => this.$enteredFilterType() || this.$filter()?.filterType, ...(ngDevMode ? [{ debugName: "$currentFilterType" }] : /* istanbul ignore next */ []));
|
|
3861
|
+
this.$availableFilterTypes = computed(() => this.filterTypes[this.$filter()?.fieldType], ...(ngDevMode ? [{ debugName: "$availableFilterTypes" }] : /* istanbul ignore next */ []));
|
|
3862
3862
|
}
|
|
3863
3863
|
onEnter(filter, event) {
|
|
3864
3864
|
event.preventDefault();
|
|
@@ -3871,10 +3871,10 @@ class FilterComponent {
|
|
|
3871
3871
|
this.state.addFilter({ ...filter });
|
|
3872
3872
|
this.done$.next();
|
|
3873
3873
|
}
|
|
3874
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
3875
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.0", type: FilterComponent, isStandalone: true, selector: "tb-filter", inputs: { $filter: { classPropertyName: "$filter", publicName: "filter", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { close: "close", done: "done" }, ngImport: i0, template: "@let filter = $filter();\r\n@let currentFilterType = $currentFilterType();\r\n\r\n@if (filter)\r\n{\r\n <mat-card appearance=\"outlined\" class=\"filter-card\">\r\n <mat-card-content>\r\n <form #form=\"ngForm\" (keydown.enter)=\"onEnter(form.value,$event)\" (keydown.escape)=\"close$.next()\">\r\n <input type=\"hidden\" name=\"filterId\" [ngModel]=\"filter.filterId\" />\r\n <input type=\"hidden\" name=\"key\" [ngModel]=\"filter.key\" />\r\n <input type=\"hidden\" name=\"fieldType\" [ngModel]=\"filter.fieldType\" />\r\n <div class=\"head-row\" >\r\n <h4 class=\"filter-name\">{{(filter.key | spaceCase)}} Filter</h4>\r\n <button class=\"cancel-button small-button\" color=\"primary\" mat-icon-button type=\"button\" [matTooltip]=\"'Close'\"\r\n (click)=\"close$.next();\">\r\n <mat-icon class=\"cancel-button\" color=\"primary\">close</mat-icon>\r\n </button>\r\n </div>\r\n <div class=\"filter-row\">\r\n <div class=\"inline\">\r\n <mat-form-field class=\"my-filter\" >\r\n <mat-select placeholder=\"Select Filter Type\" name=\"filterType\" [ngModel]=\"$currentFilterType()\" [panelWidth]=\"null\" (ngModelChange)=\"$enteredFilterType.set($event)\">\r\n @for (kvp of filterTypes[filter.fieldType]; track kvp)\r\n {\r\n <mat-option [value]=\"kvp\">\r\n {{ kvp }}\r\n </mat-option>\r\n }\r\n </mat-select>\r\n </mat-form-field>\r\n </div>\r\n @if(\r\n filter.fieldType === FieldType.String\r\n || filter.fieldType === FieldType.Array\r\n || filter.fieldType === FieldType.Unknown\r\n || filter.fieldType === FieldType.PhoneNumber)\r\n {\r\n <ng-container *ngTemplateOutlet=\"String\" />\r\n }\r\n @else if(filter.fieldType === FieldType.Number || filter.fieldType === FieldType.Currency)\r\n {\r\n <tb-number-filter [info]=\"filter\" [currentFilterType]=\"currentFilterType!\" />\r\n }\r\n @else if(filter.fieldType === FieldType.Boolean)\r\n {\r\n <ng-container *ngTemplateOutlet=\"Boolean\" />\r\n }\r\n @else if(\r\n filter.fieldType === FieldType.Date\r\n || (\r\n filter.fieldType === FieldType.DateTime\r\n && (currentFilterType === FilterType.DateIsOn || currentFilterType === FilterType.DateIsNotOn || currentFilterType === FilterType.DateTimeAtOrAfter || currentFilterType === FilterType.DateTimeAtOrBefore)\r\n ))\r\n {\r\n <tb-date-filter [info]=\"filter\" [currentFilterType]=\"currentFilterType!\" />\r\n }\r\n @else if(filter.fieldType === FieldType.DateTime)\r\n {\r\n <tb-date-time-filter [info]=\"filter\" [currentFilterType]=\"currentFilterType!\" />\r\n }\r\n @else if(filter.fieldType === FieldType.Enum)\r\n {\r\n <ng-container *ngTemplateOutlet=\"Enum\" />\r\n }\r\n\r\n @if(currentFilterType === FilterType.IsNull)\r\n {\r\n <mat-radio-group name=\"filterValue\" [ngModel]=\"filter.filterValue\">\r\n <mat-radio-button [value]=\"true\">True</mat-radio-button>\r\n <mat-radio-button [value]=\"false\">False</mat-radio-button>\r\n </mat-radio-group>\r\n }\r\n </div>\r\n <button mat-button disableRipple [disabled]=\"form.value.filterValue==undefined || !form.value.filterType\" (click)=\"addFilter(form.value)\">\r\n Apply\r\n </button>\r\n \r\n \r\n <ng-template #String>\r\n @if(currentFilterType !== FilterType.IsNull && currentFilterType !== FilterType.In)\r\n {\r\n <mat-form-field class=\"my-filter\">\r\n <input matInput name=\"filterValue\" [ngModel]=\"filter.filterValue\" />\r\n </mat-form-field>\r\n }\r\n @else if(currentFilterType === FilterType.In)\r\n {\r\n @if($allValuesInMeta())\r\n {\r\n <tb-in-list-filter name=\"filterValue\" [key]=\"filter.key\" [values]=\"filter.filterValue\" [(ngModel)]=\"filter.filterValue\" />\r\n }\r\n @else\r\n {\r\n <lib-in-filter name=\"filterValue\" [type]=\"FieldType.String\" [(ngModel)]=\"filter.filterValue\" />\r\n }\r\n }\r\n </ng-template>\r\n \r\n <ng-template #Boolean >\r\n @if(currentFilterType === FilterType.BooleanEquals)\r\n {\r\n <div class=\"switch\">\r\n <mat-radio-group name=\"filterValue\" [ngModel]=\"filter.filterValue\" >\r\n <mat-radio-button preventEnter [value]=\"true\">True</mat-radio-button>\r\n <mat-radio-button preventEnter [value]=\"false\">False</mat-radio-button>\r\n </mat-radio-group>\r\n </div>\r\n }\r\n </ng-template>\r\n <ng-template #Enum>\r\n @if(currentFilterType === FilterType.In)\r\n {\r\n <tb-in-list-filter name='filterValue' [key]=\"filter.key\" [values]=\"filter.filterValue\" [(ngModel)]=\"filter.filterValue\" />\r\n\r\n }\r\n </ng-template>\r\n </form>\r\n </mat-card-content>\r\n </mat-card>\r\n}\r\n", styles: [".filter-name{color:var(tb-filter-name);margin:10px 0;font-weight:600;display:inline-block}.switch{display:inline-block}.head-row{display:flex;width:100%;align-items:center;justify-content:space-between}.filter-row{display:flex;align-items:center;gap:1rem}mat-card.filter-card::ng-deep mat-form-field{width:150px}mat-card.filter-card::ng-deep .mat-mdc-form-field-subscript-wrapper{line-height:0}mat-card.filter-card::ng-deep .mat-mdc-form-field-subscript-wrapper:before{height:0}.inline{display:inline-block}.small-button{height:18px;width:18px;font-size:18px;padding:0;margin:0}.small-button ::ng-deep *{line-height:initial;font-size:initial;height:18px;width:18px;font-size:18px;bottom:initial}.cancel-button{font-weight:700}.date-toggle ::ng-deep svg{position:absolute;left:0;top:0}\n"], dependencies: [{ kind: "ngmodule", type: MatCardModule }, { kind: "component", type: i1$3.MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "directive", type: i1$3.MatCardContent, selector: "mat-card-content" }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i2.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: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i2.NgForm, selector: "form:not([ngNoForm]):not([formGroup]):not([formArray]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i2$1.MatButton, selector: " button[matButton], a[matButton], button[mat-button], button[mat-raised-button], button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button], a[mat-flat-button], a[mat-stroked-button] ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: i2$1.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i4.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i4$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i1$2.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl], input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "component", type: i1$2.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "ngmodule", type: MatSelectModule }, { kind: "component", type: i7.MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth", "canSelectNullableOptions"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "component", type: i7.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "component", type: NumberFilterComponent, selector: "tb-number-filter", inputs: ["currentFilterType", "info"] }, { kind: "component", type: DateFilterComponent, selector: "tb-date-filter", inputs: ["info", "currentFilterType"] }, { kind: "component", type: DateTimeFilterComponent, selector: "tb-date-time-filter", inputs: ["info", "currentFilterType"] }, { kind: "ngmodule", type: MatRadioModule }, { kind: "directive", type: i8.MatRadioGroup, selector: "mat-radio-group", inputs: ["color", "name", "labelPosition", "value", "selected", "disabled", "required", "disabledInteractive"], outputs: ["change"], exportAs: ["matRadioGroup"] }, { kind: "component", type: i8.MatRadioButton, selector: "mat-radio-button", inputs: ["id", "name", "aria-label", "aria-labelledby", "aria-describedby", "disableRipple", "tabIndex", "checked", "value", "labelPosition", "disabled", "required", "color", "disabledInteractive"], outputs: ["change"], exportAs: ["matRadioButton"] }, { kind: "component", type: InFilterComponent, selector: "lib-in-filter", inputs: ["type"] }, { kind: "component", type: InListFilterComponent, selector: "tb-in-list-filter", inputs: ["values", "key"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "pipe", type: SpaceCasePipe, name: "spaceCase" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
3874
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: FilterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
3875
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.8", type: FilterComponent, isStandalone: true, selector: "tb-filter", inputs: { $filter: { classPropertyName: "$filter", publicName: "filter", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { close: "close", done: "done" }, ngImport: i0, template: "@let filter = $filter();\r\n@let currentFilterType = $currentFilterType();\r\n\r\n@if (filter)\r\n{\r\n <mat-card appearance=\"outlined\" class=\"filter-card\">\r\n <mat-card-content>\r\n <form #form=\"ngForm\" (keydown.enter)=\"onEnter(form.value,$event)\" (keydown.escape)=\"close$.next()\">\r\n <input type=\"hidden\" name=\"filterId\" [ngModel]=\"filter.filterId\" />\r\n <input type=\"hidden\" name=\"key\" [ngModel]=\"filter.key\" />\r\n <input type=\"hidden\" name=\"fieldType\" [ngModel]=\"filter.fieldType\" />\r\n <div class=\"head-row\" >\r\n <h4 class=\"filter-name\">{{(filter.key | spaceCase)}} Filter</h4>\r\n <button class=\"cancel-button small-button\" color=\"primary\" mat-icon-button type=\"button\" [matTooltip]=\"'Close'\"\r\n (click)=\"close$.next();\">\r\n <mat-icon class=\"cancel-button\" color=\"primary\">close</mat-icon>\r\n </button>\r\n </div>\r\n <div class=\"filter-row\">\r\n <div class=\"inline\">\r\n <mat-form-field class=\"my-filter\" >\r\n <mat-select placeholder=\"Select Filter Type\" name=\"filterType\" [ngModel]=\"$currentFilterType()\" [panelWidth]=\"null\" (ngModelChange)=\"$enteredFilterType.set($event)\">\r\n @for (kvp of filterTypes[filter.fieldType]; track kvp)\r\n {\r\n <mat-option [value]=\"kvp\">\r\n {{ kvp }}\r\n </mat-option>\r\n }\r\n </mat-select>\r\n </mat-form-field>\r\n </div>\r\n @if(\r\n filter.fieldType === FieldType.String\r\n || filter.fieldType === FieldType.Array\r\n || filter.fieldType === FieldType.Unknown\r\n || filter.fieldType === FieldType.PhoneNumber)\r\n {\r\n <ng-container *ngTemplateOutlet=\"String\" />\r\n }\r\n @else if(filter.fieldType === FieldType.Number || filter.fieldType === FieldType.Currency)\r\n {\r\n <tb-number-filter [info]=\"filter\" [currentFilterType]=\"currentFilterType!\" />\r\n }\r\n @else if(filter.fieldType === FieldType.Boolean)\r\n {\r\n <ng-container *ngTemplateOutlet=\"Boolean\" />\r\n }\r\n @else if(\r\n filter.fieldType === FieldType.Date\r\n || (\r\n filter.fieldType === FieldType.DateTime\r\n && (currentFilterType === FilterType.DateIsOn || currentFilterType === FilterType.DateIsNotOn || currentFilterType === FilterType.DateTimeAtOrAfter || currentFilterType === FilterType.DateTimeAtOrBefore)\r\n ))\r\n {\r\n <tb-date-filter [info]=\"filter\" [currentFilterType]=\"currentFilterType!\" />\r\n }\r\n @else if(filter.fieldType === FieldType.DateTime)\r\n {\r\n <tb-date-time-filter [info]=\"filter\" [currentFilterType]=\"currentFilterType!\" />\r\n }\r\n @else if(filter.fieldType === FieldType.Enum)\r\n {\r\n <ng-container *ngTemplateOutlet=\"Enum\" />\r\n }\r\n\r\n @if(currentFilterType === FilterType.IsNull)\r\n {\r\n <mat-radio-group name=\"filterValue\" [ngModel]=\"filter.filterValue\">\r\n <mat-radio-button [value]=\"true\">True</mat-radio-button>\r\n <mat-radio-button [value]=\"false\">False</mat-radio-button>\r\n </mat-radio-group>\r\n }\r\n </div>\r\n <button mat-button disableRipple [disabled]=\"form.value.filterValue==undefined || !form.value.filterType\" (click)=\"addFilter(form.value)\">\r\n Apply\r\n </button>\r\n \r\n \r\n <ng-template #String>\r\n @if(currentFilterType !== FilterType.IsNull && currentFilterType !== FilterType.In)\r\n {\r\n <mat-form-field class=\"my-filter\">\r\n <input matInput name=\"filterValue\" [ngModel]=\"filter.filterValue\" />\r\n </mat-form-field>\r\n }\r\n @else if(currentFilterType === FilterType.In)\r\n {\r\n @if($allValuesInMeta())\r\n {\r\n <tb-in-list-filter name=\"filterValue\" [key]=\"filter.key\" [values]=\"filter.filterValue\" [(ngModel)]=\"filter.filterValue\" />\r\n }\r\n @else\r\n {\r\n <lib-in-filter name=\"filterValue\" [type]=\"FieldType.String\" [(ngModel)]=\"filter.filterValue\" />\r\n }\r\n }\r\n </ng-template>\r\n \r\n <ng-template #Boolean >\r\n @if(currentFilterType === FilterType.BooleanEquals)\r\n {\r\n <div class=\"switch\">\r\n <mat-radio-group name=\"filterValue\" [ngModel]=\"filter.filterValue\" >\r\n <mat-radio-button preventEnter [value]=\"true\">True</mat-radio-button>\r\n <mat-radio-button preventEnter [value]=\"false\">False</mat-radio-button>\r\n </mat-radio-group>\r\n </div>\r\n }\r\n </ng-template>\r\n <ng-template #Enum>\r\n @if(currentFilterType === FilterType.In)\r\n {\r\n <tb-in-list-filter name='filterValue' [key]=\"filter.key\" [values]=\"filter.filterValue\" [(ngModel)]=\"filter.filterValue\" />\r\n\r\n }\r\n </ng-template>\r\n </form>\r\n </mat-card-content>\r\n </mat-card>\r\n}\r\n", styles: [".filter-name{color:var(tb-filter-name);margin:10px 0;font-weight:600;display:inline-block}.switch{display:inline-block}.head-row{display:flex;width:100%;align-items:center;justify-content:space-between}.filter-row{display:flex;align-items:center;gap:1rem}mat-card.filter-card::ng-deep mat-form-field{width:150px}mat-card.filter-card::ng-deep .mat-mdc-form-field-subscript-wrapper{line-height:0}mat-card.filter-card::ng-deep .mat-mdc-form-field-subscript-wrapper:before{height:0}.inline{display:inline-block}.small-button{height:18px;width:18px;font-size:18px;padding:0;margin:0}.small-button ::ng-deep *{line-height:initial;font-size:initial;height:18px;width:18px;font-size:18px;bottom:initial}.cancel-button{font-weight:700}.date-toggle ::ng-deep svg{position:absolute;left:0;top:0}\n"], dependencies: [{ kind: "ngmodule", type: MatCardModule }, { kind: "component", type: i1$3.MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "directive", type: i1$3.MatCardContent, selector: "mat-card-content" }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i2.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: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i2.NgForm, selector: "form:not([ngNoForm]):not([formGroup]):not([formArray]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i2$1.MatButton, selector: " button[matButton], a[matButton], button[mat-button], button[mat-raised-button], button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button], a[mat-flat-button], a[mat-stroked-button] ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: i2$1.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i4.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i4$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i1$2.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl], input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "component", type: i1$2.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "ngmodule", type: MatSelectModule }, { kind: "component", type: i7.MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth", "canSelectNullableOptions"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "component", type: i7.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "component", type: NumberFilterComponent, selector: "tb-number-filter", inputs: ["currentFilterType", "info"] }, { kind: "component", type: DateFilterComponent, selector: "tb-date-filter", inputs: ["info", "currentFilterType"] }, { kind: "component", type: DateTimeFilterComponent, selector: "tb-date-time-filter", inputs: ["info", "currentFilterType"] }, { kind: "ngmodule", type: MatRadioModule }, { kind: "directive", type: i8.MatRadioGroup, selector: "mat-radio-group", inputs: ["color", "name", "labelPosition", "value", "selected", "disabled", "required", "disabledInteractive"], outputs: ["change"], exportAs: ["matRadioGroup"] }, { kind: "component", type: i8.MatRadioButton, selector: "mat-radio-button", inputs: ["id", "name", "aria-label", "aria-labelledby", "aria-describedby", "disableRipple", "tabIndex", "checked", "value", "labelPosition", "disabled", "required", "color", "disabledInteractive"], outputs: ["change"], exportAs: ["matRadioButton"] }, { kind: "component", type: InFilterComponent, selector: "lib-in-filter", inputs: ["type"] }, { kind: "component", type: InListFilterComponent, selector: "tb-in-list-filter", inputs: ["values", "key"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "pipe", type: SpaceCasePipe, name: "spaceCase" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
3876
3876
|
}
|
|
3877
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
3877
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: FilterComponent, decorators: [{
|
|
3878
3878
|
type: Component,
|
|
3879
3879
|
args: [{ selector: 'tb-filter', changeDetection: ChangeDetectionStrategy.OnPush, imports: [
|
|
3880
3880
|
MatCardModule, FormsModule, SpaceCasePipe, MatButtonModule, MatTooltipModule, MatIconModule,
|
|
@@ -3889,12 +3889,12 @@ class QuickFilterComponent {
|
|
|
3889
3889
|
this.tableStore = inject(TableStore);
|
|
3890
3890
|
this.FieldType = FieldType;
|
|
3891
3891
|
this.FilterType = FilterType;
|
|
3892
|
-
this.$metaData = input.required({ ...(ngDevMode ? { debugName: "$metaData" } : {}), alias: 'metaData' });
|
|
3892
|
+
this.$metaData = input.required({ ...(ngDevMode ? { debugName: "$metaData" } : /* istanbul ignore next */ {}), alias: 'metaData' });
|
|
3893
3893
|
this.applied = output();
|
|
3894
|
-
this.$fieldType = computed(() => this.$metaData().fieldType, ...(ngDevMode ? [{ debugName: "$fieldType" }] : []));
|
|
3895
|
-
this.$filterFieldType = computed(() => this.$metaData().filterLogic?.filterType || this.$fieldType(), ...(ngDevMode ? [{ debugName: "$filterFieldType" }] : []));
|
|
3894
|
+
this.$fieldType = computed(() => this.$metaData().fieldType, ...(ngDevMode ? [{ debugName: "$fieldType" }] : /* istanbul ignore next */ []));
|
|
3895
|
+
this.$filterFieldType = computed(() => this.$metaData().filterLogic?.filterType || this.$fieldType(), ...(ngDevMode ? [{ debugName: "$filterFieldType" }] : /* istanbul ignore next */ []));
|
|
3896
3896
|
this.$filterValue = computed(() => this.tableStore.$filtersArray().filter(isFilterInfo)
|
|
3897
|
-
.find(f => f.key === this.$metaData().key && f.filterType === this.$currentFilterType())?.filterValue, ...(ngDevMode ? [{ debugName: "$filterValue" }] : []));
|
|
3897
|
+
.find(f => f.key === this.$metaData().key && f.filterType === this.$currentFilterType())?.filterValue, ...(ngDevMode ? [{ debugName: "$filterValue" }] : /* istanbul ignore next */ []));
|
|
3898
3898
|
this.$metaFilterType = computed(() => {
|
|
3899
3899
|
if (this.$metaData().additional?.filterOptions?.filterableValues) {
|
|
3900
3900
|
return FilterType.In;
|
|
@@ -3918,8 +3918,8 @@ class QuickFilterComponent {
|
|
|
3918
3918
|
default:
|
|
3919
3919
|
return FilterType.StringContains;
|
|
3920
3920
|
}
|
|
3921
|
-
}, ...(ngDevMode ? [{ debugName: "$metaFilterType" }] : []));
|
|
3922
|
-
this.$currentFilterType = linkedSignal(() => this.$metaFilterType(), ...(ngDevMode ? [{ debugName: "$currentFilterType" }] : []));
|
|
3921
|
+
}, ...(ngDevMode ? [{ debugName: "$metaFilterType" }] : /* istanbul ignore next */ []));
|
|
3922
|
+
this.$currentFilterType = linkedSignal(() => this.$metaFilterType(), ...(ngDevMode ? [{ debugName: "$currentFilterType" }] : /* istanbul ignore next */ []));
|
|
3923
3923
|
}
|
|
3924
3924
|
setStringFilterType() {
|
|
3925
3925
|
if (this.$currentFilterType() === FilterType.StringContains) {
|
|
@@ -3952,10 +3952,10 @@ class QuickFilterComponent {
|
|
|
3952
3952
|
this.applied.emit();
|
|
3953
3953
|
}
|
|
3954
3954
|
}
|
|
3955
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
3956
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.0", type: QuickFilterComponent, isStandalone: true, selector: "tb-quick-filter", inputs: { $metaData: { classPropertyName: "$metaData", publicName: "metaData", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { applied: "applied" }, ngImport: i0, template: "@let metaData = $metaData();\r\n@let filterFieldType = $filterFieldType();\r\n@let currentFilterType = $currentFilterType();\r\n@let filterValue = $filterValue();\r\n\r\n<ng-form #myForm=\"ngForm\" class=\"tb-header-filter\" (keydown.enter)=\"onEnter(myForm.value, metaData)\">\r\n @if(currentFilterType === FilterType.In)\r\n {\r\n <tb-in-list-filter name=\"filterValue\" [key]=\"metaData.key\" [ngModel]=\"filterValue\" [values]=\"filterValue\" />\r\n }\r\n @else if(filterFieldType === FieldType.String || filterFieldType === FieldType.Array || filterFieldType === FieldType.Unknown || filterFieldType === FieldType.PhoneNumber)\r\n {\r\n <mat-form-field stop-propagation class=\"font auto-width\">\r\n <mat-icon matPrefix class=\"search-icon\">search</mat-icon>\r\n <mat-label>{{currentFilterType === FilterType.StringDoesNotContain ? 'Does Not Contain...' : 'Contains...'}}</mat-label>\r\n <input matInput name=\"filterValue\" [ngModel]=\"undefined\"/>\r\n <span matSuffix [matTooltip]=\"currentFilterType === FilterType.StringDoesNotContain ? 'Contains' : 'Does Not Contain'\">\r\n <button mat-icon-button color=\"primary\" type=\"button\" class=\"header-filter-icon-button\" (click)=\"setStringFilterType()\">\r\n <mat-icon [class]=\"{'chosen-icon': currentFilterType === FilterType.StringDoesNotContain }\">\r\n block\r\n </mat-icon>\r\n </button>\r\n </span>\r\n </mat-form-field>\r\n }\r\n @else if (filterFieldType === FieldType.Number || filterFieldType === FieldType.Currency)\r\n {\r\n <mat-form-field class=\"auto-width\" stop-propagation>\r\n <mat-label>{{currentFilterType === FilterType.NumberEquals ? 'Equals...' : currentFilterType === FilterType.NumberLessThan ? 'Less Than...' : 'More Than...'}}</mat-label>\r\n <input matInput type=\"number\" name=\"filterValue\" [ngModel]=\"undefined\" />\r\n <span matPrefix class=\"tb-header-prefix\">\r\n <button mat-icon-button disableRipple type=\"button\" class=\"header-filter-icon-button\" [class]=\"{'chosen-icon': currentFilterType === FilterType.NumberLessThan }\"\r\n (click)=\"setFilterType(FilterType.NumberLessThan)\">\r\n <mat-icon class=\"suffix-icons\">arrow_back_ios</mat-icon>\r\n </button>\r\n <button mat-icon-button disableRipple type=\"button\" class=\"header-filter-icon-button\" [class]=\"{'chosen-icon': currentFilterType === FilterType.NumberGreaterThan }\"\r\n (click)=\"setFilterType(FilterType.NumberGreaterThan)\">\r\n <mat-icon class=\"suffix-icons\">arrow_forward_ios</mat-icon>\r\n </button>\r\n <button mat-icon-button disableRipple type=\"button\" class=\"header-filter-icon-button\" [class]=\"{'chosen-icon': currentFilterType === FilterType.NumberEquals }\"\r\n (click)=\"setFilterType(FilterType.NumberEquals)\">\r\n <span class=\"suffix-icons\">=</span>\r\n </button>\r\n </span>\r\n </mat-form-field>\r\n }\r\n @else if (filterFieldType === FieldType.Boolean)\r\n {\r\n <div>\r\n <label>\r\n <mat-icon class=\"search-icon\">filter_list</mat-icon>\r\n </label>\r\n <mat-radio-group #boolField=\"ngModel\" stop-propagation class=\"font\" name=\"filterValue\" [ngModel]=\"undefined\">\r\n <mat-radio-button class=\"filter-radio-button\" [value]=\"true\" (click)=\"boolField.control.setValue(true)\">True</mat-radio-button><br/>\r\n <mat-radio-button class=\"filter-radio-button\" [value]=\"false\" (click)=\"boolField.control.setValue(false)\">False</mat-radio-button><br/>\r\n </mat-radio-group>\r\n </div>\r\n }\r\n @else if (filterFieldType === FieldType.Date || filterFieldType === FieldType.DateTime)\r\n {\r\n <mat-form-field class=\"font auto-width\" stop-propagation>\r\n <span matPrefix class=\"tb-header-prefix\">\r\n <button mat-icon-button disableRipple type=\"button\" class=\"header-filter-icon-button\" [class]=\"{'chosen-icon': currentFilterType === FilterType.DateOnOrAfter }\"\r\n (click)=\"setFilterType(FilterType.DateOnOrAfter)\">\r\n <mat-icon class=\"suffix-icons underline\">arrow_forward_ios</mat-icon>\r\n </button>\r\n <button mat-icon-button disableRipple type=\"button\" class=\"header-filter-icon-button\" [class]=\"{'chosen-icon': currentFilterType === FilterType.DateOnOrBefore }\"\r\n (click)=\"setFilterType(FilterType.DateOnOrBefore)\">\r\n <mat-icon class=\"suffix-icons underline\">arrow_back_ios</mat-icon>\r\n </button>\r\n <button mat-icon-button disableRipple type=\"button\" class=\"header-filter-icon-button\" [class]=\"{'chosen-icon': currentFilterType === FilterType.DateIsOn }\"\r\n (click)=\"setFilterType(FilterType.DateIsOn)\">\r\n <span class=\"suffix-icons underline\">=</span>\r\n </button>\r\n </span>\r\n <mat-label>{{currentFilterType === FilterType.DateIsOn ? 'On...' : currentFilterType === FilterType.DateOnOrBefore ? 'On or Before...' : 'On or After...'}}</mat-label>\r\n <input matInput name=\"filterValue\" [ngModel]=\"undefined\" [matDatepicker]=\"calendar\" (click)=\"calendar.open()\" />\r\n <mat-datepicker-toggle class=\"date-toggle header-filter-icon-button\" matSuffix preventEnter [for]=\"calendar\" />\r\n <mat-datepicker #calendar />\r\n </mat-form-field>\r\n }\r\n <button mat-button disableRipple type=\"button\" [disabled]=\"myForm.value.filterValue == undefined\" (click)=\"onEnter(myForm.value, metaData)\">\r\n Apply\r\n </button>\r\n</ng-form>", styles: [":host{display:block;--mat-button-filled-container-height: 24px;--mat-button-filled-touch-target-display: none;--mat-button-outlined-container-height: 24px;--mat-button-outlined-touch-target-display: none;--mat-button-protected-container-height: 24px;--mat-button-protected-touch-target-display: none;--mat-button-text-container-height: 24px;--mat-button-text-touch-target-display: none;--mat-button-tonal-container-height: 24px;--mat-button-tonal-touch-target-display: none}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.search-icon{margin-right:16px;vertical-align:middle;height:24px;width:24px;color:#0000008a;font-size:21px;line-height:1.125}.font{font-size:14px}.filter-radio-button:first-of-type{padding-left:0}.filter-radio-button{padding:10px 40px;min-width:110px}.auto-width{width:260px;margin:5px;display:block;height:55px}.header-filter-icon-button{height:18px;width:18px;font-size:18px;padding:0;margin:0 2px}.header-filter-icon-button ::ng-deep *{line-height:initial;font-size:initial;height:18px;width:18px;font-size:18px;bottom:initial}.header-filter-icon-button .chosen-icon,.header-filter-icon-button.chosen-icon ::ng-deep *{height:22px;width:22px;font-size:22px;color:green}mat-icon.mat-icon.suffix-icons.underline{height:20px;text-decoration:underline .1px solid}.chosen-icon mat-icon.mat-icon.suffix-icons.underline{height:24px}::ng-deep .mat-mdc-form-field-icon-prefix:has(.tb-header-prefix),.tb-header-prefix{padding:0;flex-basis:36%}.tb-header-filter ::ng-deep .mat-mdc-form-field-subscript-wrapper{line-height:0}.tb-header-filter ::ng-deep .mat-mdc-form-field-subscript-wrapper:before{height:0}.date-toggle ::ng-deep svg{position:absolute;left:0;top:0}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.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: i2.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i2.NgForm, selector: "form:not([ngNoForm]):not([formGroup]):not([formArray]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "component", type: InListFilterComponent, selector: "tb-in-list-filter", inputs: ["values", "key"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i2$1.MatButton, selector: " button[matButton], a[matButton], button[mat-button], button[mat-raised-button], button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button], a[mat-flat-button], a[mat-stroked-button] ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: i2$1.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatDatepickerModule }, { kind: "component", type: i3.MatDatepicker, selector: "mat-datepicker", exportAs: ["matDatepicker"] }, { kind: "directive", type: i3.MatDatepickerInput, selector: "input[matDatepicker]", inputs: ["matDatepicker", "min", "max", "matDatepickerFilter"], exportAs: ["matDatepickerInput"] }, { kind: "component", type: i3.MatDatepickerToggle, selector: "mat-datepicker-toggle", inputs: ["for", "tabIndex", "aria-label", "disabled", "disableRipple"], exportAs: ["matDatepickerToggle"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i4$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i1$2.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl], input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "component", type: i1$2.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i1$2.MatLabel, selector: "mat-label" }, { kind: "directive", type: i1$2.MatPrefix, selector: "[matPrefix], [matIconPrefix], [matTextPrefix]", inputs: ["matTextPrefix"] }, { kind: "directive", type: i1$2.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "ngmodule", type: MatRadioModule }, { kind: "directive", type: i8.MatRadioGroup, selector: "mat-radio-group", inputs: ["color", "name", "labelPosition", "value", "selected", "disabled", "required", "disabledInteractive"], outputs: ["change"], exportAs: ["matRadioGroup"] }, { kind: "component", type: i8.MatRadioButton, selector: "mat-radio-button", inputs: ["id", "name", "aria-label", "aria-labelledby", "aria-describedby", "disableRipple", "tabIndex", "checked", "value", "labelPosition", "disabled", "required", "color", "disabledInteractive"], outputs: ["change"], exportAs: ["matRadioButton"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i4.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "directive", type: StopPropagationDirective, selector: "[stop-propagation]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
3955
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: QuickFilterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
3956
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.8", type: QuickFilterComponent, isStandalone: true, selector: "tb-quick-filter", inputs: { $metaData: { classPropertyName: "$metaData", publicName: "metaData", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { applied: "applied" }, ngImport: i0, template: "@let metaData = $metaData();\r\n@let filterFieldType = $filterFieldType();\r\n@let currentFilterType = $currentFilterType();\r\n@let filterValue = $filterValue();\r\n\r\n<ng-form #myForm=\"ngForm\" class=\"tb-header-filter\" (keydown.enter)=\"onEnter(myForm.value, metaData)\">\r\n @if(currentFilterType === FilterType.In)\r\n {\r\n <tb-in-list-filter name=\"filterValue\" [key]=\"metaData.key\" [ngModel]=\"filterValue\" [values]=\"filterValue\" />\r\n }\r\n @else if(filterFieldType === FieldType.String || filterFieldType === FieldType.Array || filterFieldType === FieldType.Unknown || filterFieldType === FieldType.PhoneNumber)\r\n {\r\n <mat-form-field stop-propagation class=\"font auto-width\">\r\n <mat-icon matPrefix class=\"search-icon\">search</mat-icon>\r\n <mat-label>{{currentFilterType === FilterType.StringDoesNotContain ? 'Does Not Contain...' : 'Contains...'}}</mat-label>\r\n <input matInput name=\"filterValue\" [ngModel]=\"undefined\"/>\r\n <span matSuffix [matTooltip]=\"currentFilterType === FilterType.StringDoesNotContain ? 'Contains' : 'Does Not Contain'\">\r\n <button mat-icon-button color=\"primary\" type=\"button\" class=\"header-filter-icon-button\" (click)=\"setStringFilterType()\">\r\n <mat-icon [class]=\"{'chosen-icon': currentFilterType === FilterType.StringDoesNotContain }\">\r\n block\r\n </mat-icon>\r\n </button>\r\n </span>\r\n </mat-form-field>\r\n }\r\n @else if (filterFieldType === FieldType.Number || filterFieldType === FieldType.Currency)\r\n {\r\n <mat-form-field class=\"auto-width\" stop-propagation>\r\n <mat-label>{{currentFilterType === FilterType.NumberEquals ? 'Equals...' : currentFilterType === FilterType.NumberLessThan ? 'Less Than...' : 'More Than...'}}</mat-label>\r\n <input matInput type=\"number\" name=\"filterValue\" [ngModel]=\"undefined\" />\r\n <span matPrefix class=\"tb-header-prefix\">\r\n <button mat-icon-button disableRipple type=\"button\" class=\"header-filter-icon-button\" [class]=\"{'chosen-icon': currentFilterType === FilterType.NumberLessThan }\"\r\n (click)=\"setFilterType(FilterType.NumberLessThan)\">\r\n <mat-icon class=\"suffix-icons\">arrow_back_ios</mat-icon>\r\n </button>\r\n <button mat-icon-button disableRipple type=\"button\" class=\"header-filter-icon-button\" [class]=\"{'chosen-icon': currentFilterType === FilterType.NumberGreaterThan }\"\r\n (click)=\"setFilterType(FilterType.NumberGreaterThan)\">\r\n <mat-icon class=\"suffix-icons\">arrow_forward_ios</mat-icon>\r\n </button>\r\n <button mat-icon-button disableRipple type=\"button\" class=\"header-filter-icon-button\" [class]=\"{'chosen-icon': currentFilterType === FilterType.NumberEquals }\"\r\n (click)=\"setFilterType(FilterType.NumberEquals)\">\r\n <span class=\"suffix-icons\">=</span>\r\n </button>\r\n </span>\r\n </mat-form-field>\r\n }\r\n @else if (filterFieldType === FieldType.Boolean)\r\n {\r\n <div>\r\n <label>\r\n <mat-icon class=\"search-icon\">filter_list</mat-icon>\r\n </label>\r\n <mat-radio-group #boolField=\"ngModel\" stop-propagation class=\"font\" name=\"filterValue\" [ngModel]=\"undefined\">\r\n <mat-radio-button class=\"filter-radio-button\" [value]=\"true\" (click)=\"boolField.control.setValue(true)\">True</mat-radio-button><br/>\r\n <mat-radio-button class=\"filter-radio-button\" [value]=\"false\" (click)=\"boolField.control.setValue(false)\">False</mat-radio-button><br/>\r\n </mat-radio-group>\r\n </div>\r\n }\r\n @else if (filterFieldType === FieldType.Date || filterFieldType === FieldType.DateTime)\r\n {\r\n <mat-form-field class=\"font auto-width\" stop-propagation>\r\n <span matPrefix class=\"tb-header-prefix\">\r\n <button mat-icon-button disableRipple type=\"button\" class=\"header-filter-icon-button\" [class]=\"{'chosen-icon': currentFilterType === FilterType.DateOnOrAfter }\"\r\n (click)=\"setFilterType(FilterType.DateOnOrAfter)\">\r\n <mat-icon class=\"suffix-icons underline\">arrow_forward_ios</mat-icon>\r\n </button>\r\n <button mat-icon-button disableRipple type=\"button\" class=\"header-filter-icon-button\" [class]=\"{'chosen-icon': currentFilterType === FilterType.DateOnOrBefore }\"\r\n (click)=\"setFilterType(FilterType.DateOnOrBefore)\">\r\n <mat-icon class=\"suffix-icons underline\">arrow_back_ios</mat-icon>\r\n </button>\r\n <button mat-icon-button disableRipple type=\"button\" class=\"header-filter-icon-button\" [class]=\"{'chosen-icon': currentFilterType === FilterType.DateIsOn }\"\r\n (click)=\"setFilterType(FilterType.DateIsOn)\">\r\n <span class=\"suffix-icons underline\">=</span>\r\n </button>\r\n </span>\r\n <mat-label>{{currentFilterType === FilterType.DateIsOn ? 'On...' : currentFilterType === FilterType.DateOnOrBefore ? 'On or Before...' : 'On or After...'}}</mat-label>\r\n <input matInput name=\"filterValue\" [ngModel]=\"undefined\" [matDatepicker]=\"calendar\" (click)=\"calendar.open()\" />\r\n <mat-datepicker-toggle class=\"date-toggle header-filter-icon-button\" matSuffix preventEnter [for]=\"calendar\" />\r\n <mat-datepicker #calendar />\r\n </mat-form-field>\r\n }\r\n <button mat-button disableRipple type=\"button\" [disabled]=\"myForm.value.filterValue == undefined\" (click)=\"onEnter(myForm.value, metaData)\">\r\n Apply\r\n </button>\r\n</ng-form>", styles: [":host{display:block;--mat-button-filled-container-height: 24px;--mat-button-filled-touch-target-display: none;--mat-button-outlined-container-height: 24px;--mat-button-outlined-touch-target-display: none;--mat-button-protected-container-height: 24px;--mat-button-protected-touch-target-display: none;--mat-button-text-container-height: 24px;--mat-button-text-touch-target-display: none;--mat-button-tonal-container-height: 24px;--mat-button-tonal-touch-target-display: none}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.search-icon{margin-right:16px;vertical-align:middle;height:24px;width:24px;color:#0000008a;font-size:21px;line-height:1.125}.font{font-size:14px}.filter-radio-button:first-of-type{padding-left:0}.filter-radio-button{padding:10px 40px;min-width:110px}.auto-width{width:260px;margin:5px;display:block;height:55px}.header-filter-icon-button{height:18px;width:18px;font-size:18px;padding:0;margin:0 2px}.header-filter-icon-button ::ng-deep *{line-height:initial;font-size:initial;height:18px;width:18px;font-size:18px;bottom:initial}.header-filter-icon-button .chosen-icon,.header-filter-icon-button.chosen-icon ::ng-deep *{height:22px;width:22px;font-size:22px;color:green}mat-icon.mat-icon.suffix-icons.underline{height:20px;text-decoration:underline .1px solid}.chosen-icon mat-icon.mat-icon.suffix-icons.underline{height:24px}::ng-deep .mat-mdc-form-field-icon-prefix:has(.tb-header-prefix),.tb-header-prefix{padding:0;flex-basis:36%}.tb-header-filter ::ng-deep .mat-mdc-form-field-subscript-wrapper{line-height:0}.tb-header-filter ::ng-deep .mat-mdc-form-field-subscript-wrapper:before{height:0}.date-toggle ::ng-deep svg{position:absolute;left:0;top:0}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.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: i2.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i2.NgForm, selector: "form:not([ngNoForm]):not([formGroup]):not([formArray]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "component", type: InListFilterComponent, selector: "tb-in-list-filter", inputs: ["values", "key"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i2$1.MatButton, selector: " button[matButton], a[matButton], button[mat-button], button[mat-raised-button], button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button], a[mat-flat-button], a[mat-stroked-button] ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: i2$1.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatDatepickerModule }, { kind: "component", type: i3.MatDatepicker, selector: "mat-datepicker", exportAs: ["matDatepicker"] }, { kind: "directive", type: i3.MatDatepickerInput, selector: "input[matDatepicker]", inputs: ["matDatepicker", "min", "max", "matDatepickerFilter"], exportAs: ["matDatepickerInput"] }, { kind: "component", type: i3.MatDatepickerToggle, selector: "mat-datepicker-toggle", inputs: ["for", "tabIndex", "aria-label", "disabled", "disableRipple"], exportAs: ["matDatepickerToggle"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i4$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i1$2.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl], input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "component", type: i1$2.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i1$2.MatLabel, selector: "mat-label" }, { kind: "directive", type: i1$2.MatPrefix, selector: "[matPrefix], [matIconPrefix], [matTextPrefix]", inputs: ["matTextPrefix"] }, { kind: "directive", type: i1$2.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "ngmodule", type: MatRadioModule }, { kind: "directive", type: i8.MatRadioGroup, selector: "mat-radio-group", inputs: ["color", "name", "labelPosition", "value", "selected", "disabled", "required", "disabledInteractive"], outputs: ["change"], exportAs: ["matRadioGroup"] }, { kind: "component", type: i8.MatRadioButton, selector: "mat-radio-button", inputs: ["id", "name", "aria-label", "aria-labelledby", "aria-describedby", "disableRipple", "tabIndex", "checked", "value", "labelPosition", "disabled", "required", "color", "disabledInteractive"], outputs: ["change"], exportAs: ["matRadioButton"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i4.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "directive", type: StopPropagationDirective, selector: "[stop-propagation]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
3957
3957
|
}
|
|
3958
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
3958
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: QuickFilterComponent, decorators: [{
|
|
3959
3959
|
type: Component,
|
|
3960
3960
|
args: [{ selector: 'tb-quick-filter', changeDetection: ChangeDetectionStrategy.OnPush, imports: [
|
|
3961
3961
|
FormsModule,
|
|
@@ -3974,8 +3974,8 @@ class WrapperFilterDisplayerComponent {
|
|
|
3974
3974
|
constructor() {
|
|
3975
3975
|
this.QuickFilterComponent = QuickFilterComponent;
|
|
3976
3976
|
this.injector = inject(Injector);
|
|
3977
|
-
this.$tableStore = input.required({ ...(ngDevMode ? { debugName: "$tableStore" } : {}), alias: 'tableStore' });
|
|
3978
|
-
this.$keys = input(undefined, { ...(ngDevMode ? { debugName: "$keys" } : {}), alias: 'keys' });
|
|
3977
|
+
this.$tableStore = input.required({ ...(ngDevMode ? { debugName: "$tableStore" } : /* istanbul ignore next */ {}), alias: 'tableStore' });
|
|
3978
|
+
this.$keys = input(undefined, { ...(ngDevMode ? { debugName: "$keys" } : /* istanbul ignore next */ {}), alias: 'keys' });
|
|
3979
3979
|
this.$rootMenuTrigger = viewChild.required('rootMenuTrigger');
|
|
3980
3980
|
this.storeInjector = Injector.create({
|
|
3981
3981
|
providers: [{ provide: TableStore, useFactory: () => this.$tableStore() }],
|
|
@@ -3991,7 +3991,7 @@ class WrapperFilterDisplayerComponent {
|
|
|
3991
3991
|
&& (m.fieldType !== FieldType.NotMapped || m.filterLogic?.filterBy)
|
|
3992
3992
|
&& !m.noFilter
|
|
3993
3993
|
&& (!allowedKeys || allowedKeys.has(m.key)));
|
|
3994
|
-
}, ...(ngDevMode ? [{ debugName: "$filterCols" }] : []));
|
|
3994
|
+
}, ...(ngDevMode ? [{ debugName: "$filterCols" }] : /* istanbul ignore next */ []));
|
|
3995
3995
|
this.addFilter$ = new Subject();
|
|
3996
3996
|
}
|
|
3997
3997
|
openFullFilter(filter) {
|
|
@@ -4000,10 +4000,10 @@ class WrapperFilterDisplayerComponent {
|
|
|
4000
4000
|
closeMenu() {
|
|
4001
4001
|
this.$rootMenuTrigger().closeMenu();
|
|
4002
4002
|
}
|
|
4003
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
4004
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.
|
|
4003
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: WrapperFilterDisplayerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
4004
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.8", type: WrapperFilterDisplayerComponent, isStandalone: true, selector: "tb-wrapper-filter-displayer", inputs: { $tableStore: { classPropertyName: "$tableStore", publicName: "tableStore", isSignal: true, isRequired: true, transformFunction: null }, $keys: { classPropertyName: "$keys", publicName: "keys", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "$rootMenuTrigger", first: true, predicate: ["rootMenuTrigger"], descendants: true, isSignal: true }], ngImport: i0, template: "<span #dialogOrigin></span>\r\n\r\n<button #rootMenuTrigger=\"matMenuTrigger\" color=\"primary\" class=\"filter-button\" mat-icon-button [matMenuTriggerFor]=\"menu\"\r\n [matTooltip]=\"'Add Filter'\" [disabled]=\"!$tableStore() || !$filterCols().length\">\r\n <mat-icon class=\"filter-icon\" color=\"primary\">filter_list</mat-icon>\r\n</button>\r\n\r\n<mat-menu #menu=\"matMenu\">\r\n @for (metaData of $filterCols(); track metaData.key)\r\n {\r\n <button mat-menu-item [matMenuTriggerFor]=\"quickFilterMenu\" [matMenuTriggerData]=\"{metaData: metaData}\">\r\n <span class=\"filter-labels\">{{metaData.displayName || (metaData.key | spaceCase)}}</span>\r\n </button>\r\n }\r\n</mat-menu>\r\n\r\n<mat-menu #quickFilterMenu=\"matMenu\">\r\n <ng-template matMenuContent let-metaData=\"metaData\">\r\n <button color=\"primary\" mat-menu-item\r\n (click)=\"openFullFilter({ key: metaData.key, fieldType: metaData.filterLogic?.filterType || metaData.fieldType })\">\r\n <mat-icon color=\"primary\">filter_list</mat-icon>\r\n <span>Choose Other Filter</span>\r\n </button>\r\n <ng-container *ngTemplateOutlet=\"quickFilter; context: { metaData: metaData }; injector: storeInjector;\" />\r\n </ng-template>\r\n</mat-menu>\r\n\r\n<ng-container *ngTemplateOutlet=\"filterOutlet; injector: storeInjector;\"></ng-container>\r\n\r\n<ng-template #filterOutlet>\r\n <tb-filter\r\n *opDialog=\"addFilter$; let filter; origin dialogOrigin; positionOnScreen { width: 300 }\"\r\n [filter]=\"filter\"\r\n (done)=\"addFilter$.next(null)\" />\r\n</ng-template>\r\n\r\n<ng-template #quickFilter let-metaData=\"metaData\">\r\n <tb-quick-filter [metaData]=\"metaData\" (applied)=\"closeMenu()\" />\r\n</ng-template>", styles: [".filter{margin:15px;display:inline-block}.filter-button{font-size:22px;font-weight:700}.cancel-button{margin-right:30px;font-weight:700}.filter-wrapper{margin-top:1em;margin-bottom:1em;float:right}.menu{margin-bottom:10px;width:109.1%}.filter-labels{font-size:17px;font-weight:600}.float{position:absolute;width:fit-content;z-index:101;top:10px;right:180px;max-width:90vw}.d-w{display:flex;flex-direction:row;justify-content:flex-end}\n"], dependencies: [{ kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i2$1.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatMenuModule }, { kind: "component", type: i1$4.MatMenu, selector: "mat-menu", inputs: ["backdropClass", "aria-label", "aria-labelledby", "aria-describedby", "xPosition", "yPosition", "overlapTrigger", "hasBackdrop", "class", "classList"], outputs: ["closed", "close"], exportAs: ["matMenu"] }, { kind: "component", type: i1$4.MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i1$4.MatMenuContent, selector: "ng-template[matMenuContent]" }, { kind: "directive", type: i1$4.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i4.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i4$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: DialogDirective, selector: "[opDialog]", inputs: ["opDialogAddDialogClass", "opDialogConfig", "opDialog", "opDialogOrigin", "opDialogPositionOnScreen"], outputs: ["opDialogClosed"] }, { kind: "component", type: FilterComponent, selector: "tb-filter", inputs: ["filter"], outputs: ["close", "done"] }, { kind: "component", type: QuickFilterComponent, selector: "tb-quick-filter", inputs: ["metaData"], outputs: ["applied"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "pipe", type: SpaceCasePipe, name: "spaceCase" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
4005
4005
|
}
|
|
4006
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
4006
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: WrapperFilterDisplayerComponent, decorators: [{
|
|
4007
4007
|
type: Component,
|
|
4008
4008
|
args: [{ selector: 'tb-wrapper-filter-displayer', changeDetection: ChangeDetectionStrategy.OnPush, imports: [
|
|
4009
4009
|
MatButtonModule,
|
|
@@ -4025,7 +4025,7 @@ class GenColDisplayerComponent {
|
|
|
4025
4025
|
key: md.key,
|
|
4026
4026
|
displayName: md.displayName,
|
|
4027
4027
|
isVisible: !this.tableState.$hiddenKeys().includes(md.key)
|
|
4028
|
-
})), ...(ngDevMode ? [{ debugName: "$columns" }] : []));
|
|
4028
|
+
})), ...(ngDevMode ? [{ debugName: "$columns" }] : /* istanbul ignore next */ []));
|
|
4029
4029
|
}
|
|
4030
4030
|
reset(displayCols) {
|
|
4031
4031
|
displayCols.forEach(c => c.isVisible = true);
|
|
@@ -4041,10 +4041,10 @@ class GenColDisplayerComponent {
|
|
|
4041
4041
|
emit(displayCols) {
|
|
4042
4042
|
this.tableState.setHiddenColumns(displayCols.map(c => ({ key: c.key, visible: c.isVisible })));
|
|
4043
4043
|
}
|
|
4044
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
4045
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.
|
|
4044
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: GenColDisplayerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
4045
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.8", type: GenColDisplayerComponent, isStandalone: true, selector: "tb-col-displayer", ngImport: i0, template: "@if($columns(); as displayCols)\r\n{\r\n <span matTooltip=\"Show/hide columns\">\r\n <button color=\"primary\" mat-icon-button [matMenuTriggerFor]=\"menu\">\r\n <mat-icon color=\"primary\">visibility_off</mat-icon>\r\n </button>\r\n </span>\r\n <mat-menu #menu=\"matMenu\" class=\"my-mat-menu\">\r\n\r\n <button mat-menu-item>\r\n <span matTooltip=\"Close\">\r\n <button class=\"filter-button\" mat-icon-button>\r\n <mat-icon>close</mat-icon>\r\n </button>\r\n </span>\r\n </button>\r\n\r\n <button mat-menu-item stop-propagation>\r\n <span matTooltip=\"Show all columns\">\r\n <button color=\"primary\" mat-icon-button (click)=\"reset(displayCols)\">\r\n <mat-icon color=\"primary\">done_all</mat-icon>\r\n </button>\r\n </span>\r\n\r\n <span matTooltip=\"Hide all columns\">\r\n <button color=\"primary\" mat-icon-button (click)=\"unset(displayCols)\">\r\n <mat-icon color=\"primary\">cancel</mat-icon>\r\n </button>\r\n </span>\r\n </button>\r\n\r\n <div cdkDropList stop-propagation [cdkDropListLockAxis]=\"'y'\" (cdkDropListDropped)=\"drop($event)\">\r\n @for (col of displayCols; track col.key)\r\n {\r\n <button stop-propagation mat-menu-item cdkDrag [class.isHidden]=\"!col.isVisible\" [cdkDragData]=\"col\">\r\n <div style=\"display: flex; align-items: center;\" (click)=\"col.isVisible = !col.isVisible; emit(displayCols)\">\r\n @if(col.isVisible)\r\n {\r\n <button color=\"primary\" mat-icon-button matTooltip=\"Hide Column\" class=\"show-hide\">\r\n <mat-icon color=\"primary\">check_box</mat-icon>\r\n </button>\r\n }\r\n @else\r\n {\r\n <button mat-icon-button matTooltip=\"Show Column\" class=\"show-hide\">\r\n <mat-icon>indeterminate_check_box</mat-icon>\r\n </button>\r\n }\r\n \r\n <p class=\"label\">\r\n {{col.displayName || (col.key | spaceCase) }}\r\n </p>\r\n\r\n </div>\r\n </button>\r\n }\r\n\r\n </div>\r\n </mat-menu>\r\n}", styles: [".show-hide{margin-right:15px;height:24px;width:24px;padding:4px}.label{color:var(tb-col-display-name);text-overflow:ellipsis;overflow:hidden;white-space:nowrap;text-align:left;margin:0;font-size:17px;font-weight:700;display:inline-block;width:66%}.row{margin:0;padding:0}.isHidden{background-color:#d3d3d3;color:#a9a9a9;font-weight:700;font-size:17px;white-space:nowrap}.filter-button{margin-top:10px}.cdk-drag-preview{box-sizing:border-box;border-radius:4px;box-shadow:0 5px 5px -3px #0003,0 8px 10px 1px #00000024,0 3px 14px 2px #0000001f}.cdk-drag-placeholder{opacity:0}.cdk-drag-animating{transition:transform .25s cubic-bezier(0,0,.2,1)}.mdc-list-item__primary-text{display:inline-block;width:100%}\n"], dependencies: [{ kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i4.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i4$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i2$1.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatMenuModule }, { kind: "component", type: i1$4.MatMenu, selector: "mat-menu", inputs: ["backdropClass", "aria-label", "aria-labelledby", "aria-describedby", "xPosition", "yPosition", "overlapTrigger", "hasBackdrop", "class", "classList"], outputs: ["closed", "close"], exportAs: ["matMenu"] }, { kind: "component", type: i1$4.MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i1$4.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { kind: "directive", type: StopPropagationDirective, selector: "[stop-propagation]" }, { kind: "ngmodule", type: DragDropModule }, { kind: "directive", type: i5.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: i5.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: "pipe", type: SpaceCasePipe, name: "spaceCase" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
4046
4046
|
}
|
|
4047
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
4047
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: GenColDisplayerComponent, decorators: [{
|
|
4048
4048
|
type: Component,
|
|
4049
4049
|
args: [{ selector: 'tb-col-displayer', changeDetection: ChangeDetectionStrategy.OnPush, imports: [
|
|
4050
4050
|
MatTooltipModule, MatIconModule, MatButtonModule, MatMenuModule, StopPropagationDirective,
|
|
@@ -4054,15 +4054,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImpor
|
|
|
4054
4054
|
|
|
4055
4055
|
class WrapperFilterStore {
|
|
4056
4056
|
constructor() {
|
|
4057
|
-
this.$openFilterCard = signal(null, ...(ngDevMode ? [{ debugName: "$openFilterCard" }] : []));
|
|
4057
|
+
this.$openFilterCard = signal(null, ...(ngDevMode ? [{ debugName: "$openFilterCard" }] : /* istanbul ignore next */ []));
|
|
4058
4058
|
this.openFilterCard = (filter) => {
|
|
4059
4059
|
this.$openFilterCard.set(filter);
|
|
4060
4060
|
};
|
|
4061
4061
|
}
|
|
4062
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
4063
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.
|
|
4062
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: WrapperFilterStore, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
4063
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: WrapperFilterStore }); }
|
|
4064
4064
|
}
|
|
4065
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
4065
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: WrapperFilterStore, decorators: [{
|
|
4066
4066
|
type: Injectable
|
|
4067
4067
|
}] });
|
|
4068
4068
|
|
|
@@ -4073,7 +4073,7 @@ class GenFilterDisplayerComponent {
|
|
|
4073
4073
|
this.$filterCols = computed(() => {
|
|
4074
4074
|
const mds = this.tableState.$metaDataArray();
|
|
4075
4075
|
return mds.filter(m => m.fieldType !== FieldType.Hidden && (m.fieldType !== FieldType.NotMapped || m.filterLogic?.filterBy) && !m.noFilter);
|
|
4076
|
-
}, ...(ngDevMode ? [{ debugName: "$filterCols" }] : []));
|
|
4076
|
+
}, ...(ngDevMode ? [{ debugName: "$filterCols" }] : /* istanbul ignore next */ []));
|
|
4077
4077
|
}
|
|
4078
4078
|
addFilter(metaData) {
|
|
4079
4079
|
this.filterStore.openFilterCard({
|
|
@@ -4081,10 +4081,10 @@ class GenFilterDisplayerComponent {
|
|
|
4081
4081
|
fieldType: metaData.filterLogic?.filterType || metaData.fieldType,
|
|
4082
4082
|
});
|
|
4083
4083
|
}
|
|
4084
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
4085
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.
|
|
4084
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: GenFilterDisplayerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
4085
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.8", type: GenFilterDisplayerComponent, isStandalone: true, selector: "tb-filter-displayer", ngImport: i0, template: "<button color=\"primary\" stop-propagation class=\"filter-button\" mat-icon-button [matMenuTriggerFor]=\"menu\" [matTooltip]=\"'Add Filter'\">\r\n <mat-icon class=\"filter-icon\" color=\"primary\">filter_list</mat-icon>\r\n</button>\r\n<mat-menu #menu=\"matMenu\">\r\n @for (md of $filterCols(); track md.key)\r\n {\r\n <button mat-menu-item (click)=\"addFilter(md)\">\r\n <span class=\"filter-labels\">{{md.displayName || (md.key | spaceCase)}}</span>\r\n </button>\r\n }\r\n</mat-menu>\r\n", styles: [".filter{margin:15px;display:inline-block}.filter-button{font-size:22px;font-weight:700}.cancel-button{margin-right:30px;font-weight:700}.filter-wrapper{margin-top:1em;margin-bottom:1em;float:right}.menu{margin-bottom:10px;width:109.1%}.filter-labels{font-size:17px;font-weight:600}.float{position:absolute;width:fit-content;z-index:101;top:10px;right:180px;max-width:90vw}.d-w{display:flex;flex-direction:row;justify-content:flex-end}\n"], dependencies: [{ kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i2$1.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatMenuModule }, { kind: "component", type: i1$4.MatMenu, selector: "mat-menu", inputs: ["backdropClass", "aria-label", "aria-labelledby", "aria-describedby", "xPosition", "yPosition", "overlapTrigger", "hasBackdrop", "class", "classList"], outputs: ["closed", "close"], exportAs: ["matMenu"] }, { kind: "component", type: i1$4.MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i1$4.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i4.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "directive", type: StopPropagationDirective, selector: "[stop-propagation]" }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i4$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "pipe", type: SpaceCasePipe, name: "spaceCase" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
4086
4086
|
}
|
|
4087
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
4087
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: GenFilterDisplayerComponent, decorators: [{
|
|
4088
4088
|
type: Component,
|
|
4089
4089
|
args: [{ selector: 'tb-filter-displayer', changeDetection: ChangeDetectionStrategy.OnPush, imports: [
|
|
4090
4090
|
MatButtonModule, MatMenuModule, MatTooltipModule, StopPropagationDirective, MatIconModule,
|
|
@@ -4097,10 +4097,10 @@ class KeyDisplayPipe {
|
|
|
4097
4097
|
this.tableState = inject(TableStore);
|
|
4098
4098
|
this.transform = (key) => computed(() => this.tableState.$getMetaData(key)()?.displayName || spaceCase(key));
|
|
4099
4099
|
}
|
|
4100
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
4101
|
-
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.2.
|
|
4100
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: KeyDisplayPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
|
|
4101
|
+
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.2.8", ngImport: i0, type: KeyDisplayPipe, isStandalone: true, name: "keyDisplay" }); }
|
|
4102
4102
|
}
|
|
4103
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
4103
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: KeyDisplayPipe, decorators: [{
|
|
4104
4104
|
type: Pipe,
|
|
4105
4105
|
args: [{ name: 'keyDisplay' }]
|
|
4106
4106
|
}] });
|
|
@@ -4112,10 +4112,10 @@ class FormatFilterTypePipe {
|
|
|
4112
4112
|
}
|
|
4113
4113
|
return filterType;
|
|
4114
4114
|
}
|
|
4115
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
4116
|
-
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.2.
|
|
4115
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: FormatFilterTypePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
|
|
4116
|
+
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.2.8", ngImport: i0, type: FormatFilterTypePipe, isStandalone: true, name: "formatFilterType" }); }
|
|
4117
4117
|
}
|
|
4118
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
4118
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: FormatFilterTypePipe, decorators: [{
|
|
4119
4119
|
type: Pipe,
|
|
4120
4120
|
args: [{ name: 'formatFilterType' }]
|
|
4121
4121
|
}] });
|
|
@@ -4127,10 +4127,10 @@ class FormatFilterValuePipe {
|
|
|
4127
4127
|
transform(value, key, filterType) {
|
|
4128
4128
|
return computed(() => transform(value, this.tableState.$getMetaData(key)(), filterType));
|
|
4129
4129
|
}
|
|
4130
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
4131
|
-
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.2.
|
|
4130
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: FormatFilterValuePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
|
|
4131
|
+
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.2.8", ngImport: i0, type: FormatFilterValuePipe, isStandalone: true, name: "formatFilterValue" }); }
|
|
4132
4132
|
}
|
|
4133
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
4133
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: FormatFilterValuePipe, decorators: [{
|
|
4134
4134
|
type: Pipe,
|
|
4135
4135
|
args: [{ name: 'formatFilterValue' }]
|
|
4136
4136
|
}] });
|
|
@@ -4194,10 +4194,10 @@ class FilterChipsComponent {
|
|
|
4194
4194
|
if (!openCard)
|
|
4195
4195
|
return;
|
|
4196
4196
|
this.$openFilterCards.update(openCards => [...openCards, openCard]);
|
|
4197
|
-
}, ...(ngDevMode ? [{ debugName: "#onStoreOpenCard" }] : []));
|
|
4198
|
-
this.$filters = computed(() => this.tableState.$filtersArray().filter(f => isFilterInfo(f) && !f._isExternallyManaged), ...(ngDevMode ? [{ debugName: "$filters" }] : []));
|
|
4199
|
-
this.$certainCustomFilters = computed(() => this.tableState.$filtersArray().filter(f => isCustomFilter(f) && f.chipLabel), ...(ngDevMode ? [{ debugName: "$certainCustomFilters" }] : []));
|
|
4200
|
-
this.$openFilterCards = signal([], ...(ngDevMode ? [{ debugName: "$openFilterCards" }] : []));
|
|
4197
|
+
}, ...(ngDevMode ? [{ debugName: "#onStoreOpenCard" }] : /* istanbul ignore next */ []));
|
|
4198
|
+
this.$filters = computed(() => this.tableState.$filtersArray().filter(f => isFilterInfo(f) && !f._isExternallyManaged), ...(ngDevMode ? [{ debugName: "$filters" }] : /* istanbul ignore next */ []));
|
|
4199
|
+
this.$certainCustomFilters = computed(() => this.tableState.$filtersArray().filter(f => isCustomFilter(f) && f.chipLabel), ...(ngDevMode ? [{ debugName: "$certainCustomFilters" }] : /* istanbul ignore next */ []));
|
|
4200
|
+
this.$openFilterCards = signal([], ...(ngDevMode ? [{ debugName: "$openFilterCards" }] : /* istanbul ignore next */ []));
|
|
4201
4201
|
}
|
|
4202
4202
|
#onStoreOpenCard;
|
|
4203
4203
|
closeFilterCard(index) {
|
|
@@ -4206,10 +4206,10 @@ class FilterChipsComponent {
|
|
|
4206
4206
|
openFilterCard(filter) {
|
|
4207
4207
|
this.$openFilterCards.update(filters => [...filters, filter]);
|
|
4208
4208
|
}
|
|
4209
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
4210
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.
|
|
4209
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: FilterChipsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
4210
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.8", type: FilterChipsComponent, isStandalone: true, selector: "lib-filter-list", ngImport: i0, template: "@let openCards = $openFilterCards();\r\n\r\n<div class=\"d-w\">\r\n\r\n @if (openCards.length)\r\n {\r\n <div class=\"float\">\r\n @for (filter of openCards; track filter.key)\r\n {\r\n <div class=\"filter\">\r\n <tb-filter [filter]=\"filter\" (close)=\"closeFilterCard($index)\" />\r\n </div>\r\n }\r\n </div>\r\n }\r\n\r\n <mat-chip-set>\r\n @for (filter of $filters(); track filter.key)\r\n {\r\n <mat-chip (dblclick)=\"openFilterCard(filter)\" (removed)=\"tableState.removeFilter(filter.filterId!)\">\r\n {{ (filter.key | keyDisplay)() }} {{filter.filterType | formatFilterType : filter.filterValue}} {{ (filter.filterValue | formatFilterValue: filter.key : filter.filterType)() }}\r\n <mat-icon matChipRemove>cancel</mat-icon>\r\n </mat-chip>\r\n }\r\n @for (filter of $certainCustomFilters(); track filter.filterId)\r\n {\r\n <mat-chip (removed)=\"tableState.removeFilter(filter.filterId!)\">\r\n {{filter.chipLabel}}\r\n <mat-icon matChipRemove>cancel</mat-icon>\r\n </mat-chip>\r\n }\r\n @if (($filters().length + $certainCustomFilters().length) > 1)\r\n {\r\n <mat-chip (removed)=\"tableState.clearFilters()\">\r\n Clear All\r\n <mat-icon matChipRemove>cancel</mat-icon>\r\n </mat-chip>\r\n }\r\n </mat-chip-set>\r\n\r\n</div>\r\n", styles: [".filter{margin:15px;display:inline-block}.filter-button{font-size:22px;font-weight:700}.cancel-button{margin-right:30px;font-weight:700}.filter-wrapper{margin-top:1em;margin-bottom:1em;float:right}.menu{margin-bottom:10px;width:109.1%}.filter-labels{font-size:17px;font-weight:600}.float{position:absolute;width:fit-content;z-index:101;top:10px;right:180px;max-width:90vw}.d-w{display:flex;flex-direction:row;justify-content:flex-end}\n"], dependencies: [{ kind: "ngmodule", type: MatButtonModule }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i4$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: FilterComponent, selector: "tb-filter", inputs: ["filter"], outputs: ["close", "done"] }, { kind: "ngmodule", type: MatChipsModule }, { kind: "component", type: i2$2.MatChip, selector: "mat-basic-chip, [mat-basic-chip], mat-chip, [mat-chip]", inputs: ["role", "id", "aria-label", "aria-description", "value", "color", "removable", "highlighted", "disableRipple", "disabled"], outputs: ["removed", "destroyed"], exportAs: ["matChip"] }, { kind: "directive", type: i2$2.MatChipRemove, selector: "[matChipRemove]" }, { kind: "component", type: i2$2.MatChipSet, selector: "mat-chip-set", inputs: ["disabled", "role", "tabIndex"] }, { kind: "pipe", type: KeyDisplayPipe, name: "keyDisplay" }, { kind: "pipe", type: FormatFilterTypePipe, name: "formatFilterType" }, { kind: "pipe", type: FormatFilterValuePipe, name: "formatFilterValue" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
4211
4211
|
}
|
|
4212
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
4212
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: FilterChipsComponent, decorators: [{
|
|
4213
4213
|
type: Component,
|
|
4214
4214
|
args: [{ selector: 'lib-filter-list', changeDetection: ChangeDetectionStrategy.OnPush, imports: [
|
|
4215
4215
|
MatButtonModule, MatTooltipModule, MatIconModule, FilterComponent,
|
|
@@ -4220,14 +4220,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImpor
|
|
|
4220
4220
|
class FilterListStandaloneWrapperComponent {
|
|
4221
4221
|
constructor() {
|
|
4222
4222
|
this.injector = inject(Injector);
|
|
4223
|
-
this.$tableStore = input.required({ ...(ngDevMode ? { debugName: "$tableStore" } : {}), alias: 'tableStore' });
|
|
4223
|
+
this.$tableStore = input.required({ ...(ngDevMode ? { debugName: "$tableStore" } : /* istanbul ignore next */ {}), alias: 'tableStore' });
|
|
4224
4224
|
this.storeInjector = Injector.create({
|
|
4225
4225
|
providers: [{ provide: TableStore, useFactory: () => this.$tableStore() }],
|
|
4226
4226
|
parent: this.injector
|
|
4227
4227
|
});
|
|
4228
4228
|
}
|
|
4229
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
4230
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.
|
|
4229
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: FilterListStandaloneWrapperComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
4230
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.8", type: FilterListStandaloneWrapperComponent, isStandalone: true, selector: "tb-filter-list-wrapper", inputs: { $tableStore: { classPropertyName: "$tableStore", publicName: "tableStore", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: `
|
|
4231
4231
|
@if ($tableStore()) {
|
|
4232
4232
|
<ng-container *ngTemplateOutlet="filterListTemplate; injector: storeInjector" />
|
|
4233
4233
|
}
|
|
@@ -4236,7 +4236,7 @@ class FilterListStandaloneWrapperComponent {
|
|
|
4236
4236
|
</ng-template>
|
|
4237
4237
|
`, isInline: true, dependencies: [{ kind: "component", type: FilterChipsComponent, selector: "lib-filter-list" }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
4238
4238
|
}
|
|
4239
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
4239
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: FilterListStandaloneWrapperComponent, decorators: [{
|
|
4240
4240
|
type: Component,
|
|
4241
4241
|
args: [{
|
|
4242
4242
|
selector: 'tb-filter-list-wrapper',
|
|
@@ -4255,14 +4255,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImpor
|
|
|
4255
4255
|
|
|
4256
4256
|
class RouterLinkColumnComponent {
|
|
4257
4257
|
constructor() {
|
|
4258
|
-
this.additional = input.required(...(ngDevMode ? [{ debugName: "additional" }] : []));
|
|
4259
|
-
this.element = input.required(...(ngDevMode ? [{ debugName: "element" }] : []));
|
|
4260
|
-
this.queryParams = computed(() => this.additional().routerLinkOptions.queryParams(this.element()), ...(ngDevMode ? [{ debugName: "queryParams" }] : []));
|
|
4261
|
-
this.routerLinkOptions = computed(() => this.additional().routerLinkOptions, ...(ngDevMode ? [{ debugName: "routerLinkOptions" }] : []));
|
|
4262
|
-
this.link = input.required(...(ngDevMode ? [{ debugName: "link" }] : []));
|
|
4263
|
-
}
|
|
4264
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
4265
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.
|
|
4258
|
+
this.additional = input.required(...(ngDevMode ? [{ debugName: "additional" }] : /* istanbul ignore next */ []));
|
|
4259
|
+
this.element = input.required(...(ngDevMode ? [{ debugName: "element" }] : /* istanbul ignore next */ []));
|
|
4260
|
+
this.queryParams = computed(() => this.additional().routerLinkOptions.queryParams(this.element()), ...(ngDevMode ? [{ debugName: "queryParams" }] : /* istanbul ignore next */ []));
|
|
4261
|
+
this.routerLinkOptions = computed(() => this.additional().routerLinkOptions, ...(ngDevMode ? [{ debugName: "routerLinkOptions" }] : /* istanbul ignore next */ []));
|
|
4262
|
+
this.link = input.required(...(ngDevMode ? [{ debugName: "link" }] : /* istanbul ignore next */ []));
|
|
4263
|
+
}
|
|
4264
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: RouterLinkColumnComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
4265
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.8", type: RouterLinkColumnComponent, isStandalone: true, selector: "tb-router-link-column", inputs: { additional: { classPropertyName: "additional", publicName: "additional", isSignal: true, isRequired: true, transformFunction: null }, element: { classPropertyName: "element", publicName: "element", isSignal: true, isRequired: true, transformFunction: null }, link: { classPropertyName: "link", publicName: "link", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: `
|
|
4266
4266
|
<a target="{{additional().target}}"
|
|
4267
4267
|
[routerLink]=" [link()]"
|
|
4268
4268
|
[queryParams]="queryParams()"
|
|
@@ -4274,7 +4274,7 @@ class RouterLinkColumnComponent {
|
|
|
4274
4274
|
</a>
|
|
4275
4275
|
`, isInline: true, dependencies: [{ kind: "ngmodule", type: RouterModule }, { kind: "directive", type: i1$5.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
4276
4276
|
}
|
|
4277
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
4277
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: RouterLinkColumnComponent, decorators: [{
|
|
4278
4278
|
type: Component,
|
|
4279
4279
|
args: [{
|
|
4280
4280
|
selector: "tb-router-link-column",
|
|
@@ -4297,18 +4297,18 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImpor
|
|
|
4297
4297
|
}], propDecorators: { additional: [{ type: i0.Input, args: [{ isSignal: true, alias: "additional", required: true }] }], element: [{ type: i0.Input, args: [{ isSignal: true, alias: "element", required: true }] }], link: [{ type: i0.Input, args: [{ isSignal: true, alias: "link", required: true }] }] } });
|
|
4298
4298
|
class LinkColumnComponent {
|
|
4299
4299
|
constructor() {
|
|
4300
|
-
this.element = input.required(...(ngDevMode ? [{ debugName: "element" }] : []));
|
|
4301
|
-
this.additional = input.required(...(ngDevMode ? [{ debugName: "additional" }] : []));
|
|
4302
|
-
this.link = input.required(...(ngDevMode ? [{ debugName: "link" }] : []));
|
|
4300
|
+
this.element = input.required(...(ngDevMode ? [{ debugName: "element" }] : /* istanbul ignore next */ []));
|
|
4301
|
+
this.additional = input.required(...(ngDevMode ? [{ debugName: "additional" }] : /* istanbul ignore next */ []));
|
|
4302
|
+
this.link = input.required(...(ngDevMode ? [{ debugName: "link" }] : /* istanbul ignore next */ []));
|
|
4303
4303
|
}
|
|
4304
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
4305
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.
|
|
4304
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: LinkColumnComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
4305
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.8", type: LinkColumnComponent, isStandalone: true, selector: "tb-link-column", inputs: { element: { classPropertyName: "element", publicName: "element", isSignal: true, isRequired: true, transformFunction: null }, additional: { classPropertyName: "additional", publicName: "additional", isSignal: true, isRequired: true, transformFunction: null }, link: { classPropertyName: "link", publicName: "link", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: `
|
|
4306
4306
|
<a target="{{additional().target}}" href="{{link()}}">
|
|
4307
4307
|
<ng-content></ng-content>
|
|
4308
4308
|
</a>
|
|
4309
4309
|
`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
4310
4310
|
}
|
|
4311
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
4311
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: LinkColumnComponent, decorators: [{
|
|
4312
4312
|
type: Component,
|
|
4313
4313
|
args: [{
|
|
4314
4314
|
selector: "tb-link-column",
|
|
@@ -4323,18 +4323,18 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImpor
|
|
|
4323
4323
|
|
|
4324
4324
|
class ArrayCommaColumnComponent {
|
|
4325
4325
|
constructor() {
|
|
4326
|
-
this.value = input.required(...(ngDevMode ? [{ debugName: "value" }] : []));
|
|
4327
|
-
this.additional = input(3, ...(ngDevMode ? [{ debugName: "additional" }] : []));
|
|
4328
|
-
this.displayArray = computed(() => (this.value() || []).slice(0, this.additional()), ...(ngDevMode ? [{ debugName: "displayArray" }] : []));
|
|
4326
|
+
this.value = input.required(...(ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []));
|
|
4327
|
+
this.additional = input(3, ...(ngDevMode ? [{ debugName: "additional" }] : /* istanbul ignore next */ []));
|
|
4328
|
+
this.displayArray = computed(() => (this.value() || []).slice(0, this.additional()), ...(ngDevMode ? [{ debugName: "displayArray" }] : /* istanbul ignore next */ []));
|
|
4329
4329
|
}
|
|
4330
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
4331
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.
|
|
4330
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: ArrayCommaColumnComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
4331
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.8", type: ArrayCommaColumnComponent, isStandalone: true, selector: "tb-comma-array-column", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: true, transformFunction: null }, additional: { classPropertyName: "additional", publicName: "additional", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: `
|
|
4332
4332
|
@for(val of displayArray(); track $index){
|
|
4333
4333
|
{{val + (!$last ? ',' : '')}}
|
|
4334
4334
|
}
|
|
4335
4335
|
`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
4336
4336
|
}
|
|
4337
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
4337
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: ArrayCommaColumnComponent, decorators: [{
|
|
4338
4338
|
type: Component,
|
|
4339
4339
|
args: [{
|
|
4340
4340
|
selector: 'tb-comma-array-column',
|
|
@@ -4348,19 +4348,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImpor
|
|
|
4348
4348
|
}], propDecorators: { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: true }] }], additional: [{ type: i0.Input, args: [{ isSignal: true, alias: "additional", required: false }] }] } });
|
|
4349
4349
|
class ArrayNewLineColumnComponent {
|
|
4350
4350
|
constructor() {
|
|
4351
|
-
this.value = input.required(...(ngDevMode ? [{ debugName: "value" }] : []));
|
|
4352
|
-
this.additional = input(3, ...(ngDevMode ? [{ debugName: "additional" }] : []));
|
|
4353
|
-
this.displayArray = computed(() => (this.value() || []).slice(0, this.additional()), ...(ngDevMode ? [{ debugName: "displayArray" }] : []));
|
|
4351
|
+
this.value = input.required(...(ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []));
|
|
4352
|
+
this.additional = input(3, ...(ngDevMode ? [{ debugName: "additional" }] : /* istanbul ignore next */ []));
|
|
4353
|
+
this.displayArray = computed(() => (this.value() || []).slice(0, this.additional()), ...(ngDevMode ? [{ debugName: "displayArray" }] : /* istanbul ignore next */ []));
|
|
4354
4354
|
}
|
|
4355
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
4356
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.
|
|
4355
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: ArrayNewLineColumnComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
4356
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.8", type: ArrayNewLineColumnComponent, isStandalone: true, selector: "tb-new-line-array-column", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: true, transformFunction: null }, additional: { classPropertyName: "additional", publicName: "additional", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: `
|
|
4357
4357
|
@for(val of displayArray(); track $index){
|
|
4358
4358
|
{{val}}
|
|
4359
4359
|
@if(!$last){ <br/> }
|
|
4360
4360
|
}
|
|
4361
4361
|
`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
4362
4362
|
}
|
|
4363
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
4363
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: ArrayNewLineColumnComponent, decorators: [{
|
|
4364
4364
|
type: Component,
|
|
4365
4365
|
args: [{
|
|
4366
4366
|
selector: 'tb-new-line-array-column',
|
|
@@ -4386,10 +4386,10 @@ class InitializationComponent {
|
|
|
4386
4386
|
this.$defaultTemplate = viewChild.required('default');
|
|
4387
4387
|
this.$defaultWithIcon = viewChild.required('defaultWithIcon');
|
|
4388
4388
|
}
|
|
4389
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
4390
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.
|
|
4389
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: InitializationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
4390
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.8", type: InitializationComponent, isStandalone: true, selector: "initialization", viewQueries: [{ propertyName: "$linkTemplate", first: true, predicate: ["link"], descendants: true, isSignal: true }, { propertyName: "$routerLinkTemplate", first: true, predicate: ["routerLink"], descendants: true, isSignal: true }, { propertyName: "$linkWithIconTemplate", first: true, predicate: ["linkWithIcon"], descendants: true, isSignal: true }, { propertyName: "$routerLinkWithIconTemplate", first: true, predicate: ["routerLinkWithIcon"], descendants: true, isSignal: true }, { propertyName: "$imageUrlTemplate", first: true, predicate: ["imageUrl"], descendants: true, isSignal: true }, { propertyName: "$arrayNewLineTemplate", first: true, predicate: ["arrayNewLine"], descendants: true, isSignal: true }, { propertyName: "$arrayCommaTemplate", first: true, predicate: ["arrayComma"], descendants: true, isSignal: true }, { propertyName: "$defaultTemplate", first: true, predicate: ["default"], descendants: true, isSignal: true }, { propertyName: "$defaultWithIcon", first: true, predicate: ["defaultWithIcon"], descendants: true, isSignal: true }], ngImport: i0, template: "<ng-template #link let-value='value' let-element='element' let-additional=\"additional\" let-styles=\"innerStyles\">\r\n @let link = additional.link | func : element;\r\n @if(link)\r\n {\r\n <tb-link-column [element]=\"element\" [additional]=\"additional\" [link]=\"$any(link)\">\r\n <span [styler]=\"styles\" [element]=\"element\">{{value}}</span>\r\n </tb-link-column>\r\n }\r\n @else\r\n {\r\n <span [styler]=\"styles\" [element]=\"element\">{{value}}</span>\r\n }\r\n</ng-template>\r\n\r\n<ng-template #routerLink let-value='value' let-element='element' let-additional=\"additional\" let-styles=\"innerStyles\">\r\n @let link = additional.link | func : element;\r\n @if(link)\r\n {\r\n <tb-router-link-column [element]=\"element\" [additional]=\"additional\" [link]=\"$any(link)\">\r\n <span [styler]=\"styles\" [element]=\"element\">{{value}}</span>\r\n </tb-router-link-column>\r\n }\r\n @else\r\n {\r\n <span [styler]=\"styles\" [element]=\"element\">{{value}}</span>\r\n }\r\n\r\n</ng-template>\r\n\r\n<ng-template #linkWithIcon let-value='value' let-element='element' let-additional=\"additional\" let-styles=\"innerStyles\">\r\n @let link = additional.link | func : element;\r\n @if(link)\r\n {\r\n <tb-link-column [element]=\"element\" [additional]=\"additional\" [link]=\"$any(link)\">\r\n <mat-icon [styler]=\"styles\" [element]=\"element\">{{ value}}</mat-icon>\r\n </tb-link-column>\r\n }\r\n @else\r\n {\r\n <span [styler]=\"styles\" [element]=\"element\">{{value}}</span>\r\n }\r\n</ng-template>\r\n\r\n<ng-template #routerLinkWithIcon let-value='value' let-element='element' let-additional=\"additional\" let-styles=\"innerStyles\">\r\n @let link = additional.link | func : element;\r\n @if(link)\r\n {\r\n <tb-link-column [element]=\"element\" [additional]=\"additional\" [link]=\"$any(link)\">\r\n <mat-icon [styler]=\"styles\" [element]=\"element\">{{ value}}</mat-icon>\r\n </tb-link-column>\r\n }\r\n @else\r\n {\r\n <mat-icon [styler]=\"styles\" [element]=\"element\">{{ value}}</mat-icon>\r\n }\r\n</ng-template>\r\n\r\n<ng-template #imageUrl let-value='value'>\r\n <span>\r\n <img height=\"75px\" width=\"75px\" [src]=\"value\" />\r\n </span>\r\n</ng-template>\r\n\r\n<ng-template #arrayNewLine let-value='value' let-element='element' let-additional=\"additional\" let-styles=\"innerStyles\">\r\n <tb-new-line-array-column [value]='value' [additional]='additional' [styler]=\"styles\" [element]=\"element\"/>\r\n</ng-template>\r\n\r\n<ng-template #arrayComma let-value='value' let-element='element' let-additional=\"additional\" let-styles=\"innerStyles\">\r\n <tb-comma-array-column [value]='value' [additional]='additional' [styler]=\"styles\" [element]=\"element\"/>\r\n</ng-template>\r\n\r\n<ng-template #default let-value='value' let-element='element' let-styles=\"innerStyles\">\r\n <span [styler]=\"styles\" [element]=\"element\">{{value}}</span>\r\n</ng-template>\r\n\r\n<ng-template #defaultWithIcon let-value='value' let-element='element' let-styles=\"innerStyles\">\r\n <mat-icon [styler]=\"styles\" [element]=\"element\">{{value}}</mat-icon>\r\n</ng-template>\r\n", dependencies: [{ kind: "component", type: LinkColumnComponent, selector: "tb-link-column", inputs: ["element", "additional", "link"] }, { kind: "component", type: ArrayCommaColumnComponent, selector: "tb-comma-array-column", inputs: ["value", "additional"] }, { kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: RouterLinkColumnComponent, selector: "tb-router-link-column", inputs: ["additional", "element", "link"] }, { kind: "component", type: ArrayNewLineColumnComponent, selector: "tb-new-line-array-column", inputs: ["value", "additional"] }, { kind: "directive", type: StylerDirective, selector: "[styler]", inputs: ["element", "styler"] }, { kind: "pipe", type: FunctionPipe, name: "func" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
4391
4391
|
}
|
|
4392
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
4392
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: InitializationComponent, decorators: [{
|
|
4393
4393
|
type: Component,
|
|
4394
4394
|
args: [{ selector: 'initialization', imports: [
|
|
4395
4395
|
LinkColumnComponent, ArrayCommaColumnComponent, MatIcon,
|
|
@@ -4434,10 +4434,10 @@ class TableTemplateService {
|
|
|
4434
4434
|
}
|
|
4435
4435
|
return this.initializationComponentInstance.$defaultTemplate();
|
|
4436
4436
|
}
|
|
4437
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
4438
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.
|
|
4437
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: TableTemplateService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
4438
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: TableTemplateService, providedIn: 'root' }); }
|
|
4439
4439
|
}
|
|
4440
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
4440
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: TableTemplateService, decorators: [{
|
|
4441
4441
|
type: Injectable,
|
|
4442
4442
|
args: [{ providedIn: 'root' }]
|
|
4443
4443
|
}] });
|
|
@@ -4446,10 +4446,10 @@ class ColumnHeaderMenuComponent {
|
|
|
4446
4446
|
constructor() {
|
|
4447
4447
|
this.tableState = inject(TableStore);
|
|
4448
4448
|
this.FieldType = FieldType;
|
|
4449
|
-
this.$metaData = input.required({ ...(ngDevMode ? { debugName: "$metaData" } : {}), alias: 'metaData' });
|
|
4450
|
-
this.$fieldType = computed(() => this.$metaData().fieldType, ...(ngDevMode ? [{ debugName: "$fieldType" }] : []));
|
|
4451
|
-
this.$filterFieldType = computed(() => this.$metaData().filterLogic?.filterType || this.$fieldType(), ...(ngDevMode ? [{ debugName: "$filterFieldType" }] : []));
|
|
4452
|
-
this.$trigger = viewChild(MatMenuTrigger, ...(ngDevMode ? [{ debugName: "$trigger" }] : []));
|
|
4449
|
+
this.$metaData = input.required({ ...(ngDevMode ? { debugName: "$metaData" } : /* istanbul ignore next */ {}), alias: 'metaData' });
|
|
4450
|
+
this.$fieldType = computed(() => this.$metaData().fieldType, ...(ngDevMode ? [{ debugName: "$fieldType" }] : /* istanbul ignore next */ []));
|
|
4451
|
+
this.$filterFieldType = computed(() => this.$metaData().filterLogic?.filterType || this.$fieldType(), ...(ngDevMode ? [{ debugName: "$filterFieldType" }] : /* istanbul ignore next */ []));
|
|
4452
|
+
this.$trigger = viewChild(MatMenuTrigger, ...(ngDevMode ? [{ debugName: "$trigger" }] : /* istanbul ignore next */ []));
|
|
4453
4453
|
this.addFilter$ = new Subject();
|
|
4454
4454
|
}
|
|
4455
4455
|
hideField(key) {
|
|
@@ -4464,10 +4464,10 @@ class ColumnHeaderMenuComponent {
|
|
|
4464
4464
|
closeMenu() {
|
|
4465
4465
|
this.$trigger()?.closeMenu();
|
|
4466
4466
|
}
|
|
4467
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
4468
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.
|
|
4467
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: ColumnHeaderMenuComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
4468
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.8", type: ColumnHeaderMenuComponent, isStandalone: true, selector: "tb-header-menu", inputs: { $metaData: { classPropertyName: "$metaData", publicName: "metaData", isSignal: true, isRequired: true, transformFunction: null } }, viewQueries: [{ propertyName: "$trigger", first: true, predicate: MatMenuTrigger, descendants: true, isSignal: true }], ngImport: i0, template: "@let metaData = $metaData();\r\n@let filterFieldType = $filterFieldType();\r\n\r\n<button #menuButton mat-icon-button class=\"open-menu-icon-button\" disableRipple [matMenuTriggerFor]=\"menu\" [matMenuTriggerRestoreFocus]=\"false\">\r\n <mat-icon class=\"menu-icon\">more_vert</mat-icon>\r\n</button>\r\n<mat-menu #menu=\"matMenu\" >\r\n @if ($fieldType() !== FieldType.NotMapped || !!$metaData().groupByLogic?.groupBy)\r\n {\r\n <button color=\"primary\" mat-menu-item (click)=\"tableState.addGroupByKey(metaData.key)\">\r\n <mat-icon color=\"primary\">group</mat-icon>\r\n <span>Group By</span>\r\n </button>\r\n }\r\n <button color=\"primary\" mat-menu-item (click)=hideField(metaData.key)>\r\n <mat-icon color=\"primary\">visibility_off</mat-icon>\r\n <span>Hide Column</span>\r\n </button>\r\n @if((metaData.fieldType === FieldType.Number || metaData.fieldType === FieldType.Currency) && !metaData.additional?.footer)\r\n {\r\n <button color=\"primary\" mat-menu-item (click)=\"tableState.addFooter(metaData.key)\">\r\n <mat-icon color=\"primary\">calculate</mat-icon>\r\n <span>Sum</span>\r\n </button>\r\n }\r\n <div (keydown)=\"$event.stopImmediatePropagation()\">\r\n <ng-template matMenuContent>\r\n @if (filterFieldType !== FieldType.NotMapped)\r\n {\r\n <button color=\"primary\" mat-menu-item (click)=\"addFilter(metaData)\">\r\n <mat-icon color=\"primary\">filter_list</mat-icon>\r\n <span>Choose Other Filter</span>\r\n </button>\r\n <tb-quick-filter [metaData]=\"metaData\" (applied)=\"closeMenu()\" />\r\n }\r\n </ng-template>\r\n </div>\r\n\r\n</mat-menu>\r\n\r\n<tb-filter\r\n *opDialog=\"addFilter$; let filter; origin menuButton._elementRef.nativeElement; positionOnScreen { width: 300 }\"\r\n [filter]=\"filter\"\r\n (done)=\"addFilter$.next(null)\" />\r\n", styles: [":host{--mat-button-filled-container-height: 24px;--mat-button-filled-touch-target-display: none;--mat-button-outlined-container-height: 24px;--mat-button-outlined-touch-target-display: none;--mat-button-protected-container-height: 24px;--mat-button-protected-touch-target-display: none;--mat-button-text-container-height: 24px;--mat-button-text-touch-target-display: none;--mat-button-tonal-container-height: 24px;--mat-button-tonal-touch-target-display: none}.menu-icon{font-size:16px;line-height:16px;vertical-align:top;height:16px;width:16px}.open-menu-icon-button{height:28px;width:28px;padding:6px}\n"], dependencies: [{ kind: "ngmodule", type: MatMenuModule }, { kind: "component", type: i1$4.MatMenu, selector: "mat-menu", inputs: ["backdropClass", "aria-label", "aria-labelledby", "aria-describedby", "xPosition", "yPosition", "overlapTrigger", "hasBackdrop", "class", "classList"], outputs: ["closed", "close"], exportAs: ["matMenu"] }, { kind: "component", type: i1$4.MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i1$4.MatMenuContent, selector: "ng-template[matMenuContent]" }, { kind: "directive", type: i1$4.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i4$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i2$1.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "directive", type: DialogDirective, selector: "[opDialog]", inputs: ["opDialogAddDialogClass", "opDialogConfig", "opDialog", "opDialogOrigin", "opDialogPositionOnScreen"], outputs: ["opDialogClosed"] }, { kind: "component", type: FilterComponent, selector: "tb-filter", inputs: ["filter"], outputs: ["close", "done"] }, { kind: "component", type: QuickFilterComponent, selector: "tb-quick-filter", inputs: ["metaData"], outputs: ["applied"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
4469
4469
|
}
|
|
4470
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
4470
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: ColumnHeaderMenuComponent, decorators: [{
|
|
4471
4471
|
type: Component,
|
|
4472
4472
|
args: [{ selector: 'tb-header-menu', changeDetection: ChangeDetectionStrategy.OnPush, imports: [
|
|
4473
4473
|
MatMenuModule, MatIconModule, MatButtonModule, DialogDirective, FilterComponent, QuickFilterComponent
|
|
@@ -4490,10 +4490,10 @@ class ColumnTotalPipe {
|
|
|
4490
4490
|
}, 0);
|
|
4491
4491
|
}
|
|
4492
4492
|
}
|
|
4493
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
4494
|
-
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.2.
|
|
4493
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: ColumnTotalPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
|
|
4494
|
+
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.2.8", ngImport: i0, type: ColumnTotalPipe, isStandalone: true, name: "columnTotal" }); }
|
|
4495
4495
|
}
|
|
4496
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
4496
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: ColumnTotalPipe, decorators: [{
|
|
4497
4497
|
type: Pipe,
|
|
4498
4498
|
args: [{
|
|
4499
4499
|
name: 'columnTotal',
|
|
@@ -4554,9 +4554,9 @@ class ColumnBuilderComponent {
|
|
|
4554
4554
|
this.templateService = inject(TableTemplateService);
|
|
4555
4555
|
this.tableConfig = inject(TableBuilderConfigToken);
|
|
4556
4556
|
this.injector = inject(Injector);
|
|
4557
|
-
this.$columnDef = viewChild(MatColumnDef, ...(ngDevMode ? [{ debugName: "$columnDef" }] : []));
|
|
4558
|
-
this.$bodyTemplate = viewChild('body', ...(ngDevMode ? [{ debugName: "$bodyTemplate" }] : []));
|
|
4559
|
-
this.$metaData = signal(undefined, ...(ngDevMode ? [{ debugName: "$metaData" }] : []));
|
|
4557
|
+
this.$columnDef = viewChild(MatColumnDef, ...(ngDevMode ? [{ debugName: "$columnDef" }] : /* istanbul ignore next */ []));
|
|
4558
|
+
this.$bodyTemplate = viewChild('body', ...(ngDevMode ? [{ debugName: "$bodyTemplate" }] : /* istanbul ignore next */ []));
|
|
4559
|
+
this.$metaData = signal(undefined, ...(ngDevMode ? [{ debugName: "$metaData" }] : /* istanbul ignore next */ []));
|
|
4560
4560
|
this.$additional = computed(() => {
|
|
4561
4561
|
const metaData = this.$metaData();
|
|
4562
4562
|
if (!metaData)
|
|
@@ -4569,31 +4569,31 @@ class ColumnBuilderComponent {
|
|
|
4569
4569
|
return metaData.additional?.limit || this.tableConfig?.arrayDefaults?.limit;
|
|
4570
4570
|
}
|
|
4571
4571
|
return undefined;
|
|
4572
|
-
}, ...(ngDevMode ? [{ debugName: "$additional" }] : []));
|
|
4573
|
-
this.$customCell = signal(undefined, ...(ngDevMode ? [{ debugName: "$customCell" }] : []));
|
|
4574
|
-
this.$customHeader = signal(undefined, ...(ngDevMode ? [{ debugName: "$customHeader" }] : []));
|
|
4572
|
+
}, ...(ngDevMode ? [{ debugName: "$additional" }] : /* istanbul ignore next */ []));
|
|
4573
|
+
this.$customCell = signal(undefined, ...(ngDevMode ? [{ debugName: "$customCell" }] : /* istanbul ignore next */ []));
|
|
4574
|
+
this.$customHeader = signal(undefined, ...(ngDevMode ? [{ debugName: "$customHeader" }] : /* istanbul ignore next */ []));
|
|
4575
4575
|
this.$transform = computed(() => {
|
|
4576
4576
|
const metaData = this.$metaData();
|
|
4577
4577
|
if (!metaData)
|
|
4578
4578
|
return;
|
|
4579
4579
|
return createTransformer(metaData, this.config);
|
|
4580
|
-
}, ...(ngDevMode ? [{ debugName: "$transform" }] : []));
|
|
4580
|
+
}, ...(ngDevMode ? [{ debugName: "$transform" }] : /* istanbul ignore next */ []));
|
|
4581
4581
|
this.$innerTemplate = computed(() => {
|
|
4582
4582
|
const metaData = this.$metaData();
|
|
4583
4583
|
if (!metaData)
|
|
4584
4584
|
return;
|
|
4585
4585
|
return metaData.template || this.$customCell()?.$templateRef() || this.templateService.getTemplate(metaData);
|
|
4586
|
-
}, ...(ngDevMode ? [{ debugName: "$innerTemplate" }] : []));
|
|
4586
|
+
}, ...(ngDevMode ? [{ debugName: "$innerTemplate" }] : /* istanbul ignore next */ []));
|
|
4587
4587
|
this.$showFilters = computed(() => {
|
|
4588
4588
|
const metaData = this.$metaData();
|
|
4589
4589
|
if (!metaData)
|
|
4590
4590
|
return;
|
|
4591
4591
|
const settings = this.state.$tableSettings();
|
|
4592
4592
|
return !(settings.hideColumnHeaderFilters || metaData.noFilter);
|
|
4593
|
-
}, ...(ngDevMode ? [{ debugName: "$showFilters" }] : []));
|
|
4593
|
+
}, ...(ngDevMode ? [{ debugName: "$showFilters" }] : /* istanbul ignore next */ []));
|
|
4594
4594
|
this.$outerTemplate = computed(() => {
|
|
4595
4595
|
return this.$customCell()?.columnDef?.cell?.template ?? this.$bodyTemplate();
|
|
4596
|
-
}, ...(ngDevMode ? [{ debugName: "$outerTemplate" }] : []));
|
|
4596
|
+
}, ...(ngDevMode ? [{ debugName: "$outerTemplate" }] : /* istanbul ignore next */ []));
|
|
4597
4597
|
this.$classes = computed(() => {
|
|
4598
4598
|
const metaData = this.$metaData();
|
|
4599
4599
|
if (!metaData)
|
|
@@ -4605,13 +4605,13 @@ class ColumnBuilderComponent {
|
|
|
4605
4605
|
});
|
|
4606
4606
|
}
|
|
4607
4607
|
return metaData.classes;
|
|
4608
|
-
}, ...(ngDevMode ? [{ debugName: "$classes" }] : []));
|
|
4608
|
+
}, ...(ngDevMode ? [{ debugName: "$classes" }] : /* istanbul ignore next */ []));
|
|
4609
4609
|
this.$styles = computed(() => {
|
|
4610
4610
|
const metaData = this.$metaData();
|
|
4611
4611
|
if (!metaData)
|
|
4612
4612
|
return;
|
|
4613
4613
|
return columnStyles(metaData, this.state.$getUserDefinedWidth(metaData.key)(), this.state.$tableSettingsMinWidth());
|
|
4614
|
-
}, ...(ngDevMode ? [{ debugName: "$styles" }] : []));
|
|
4614
|
+
}, ...(ngDevMode ? [{ debugName: "$styles" }] : /* istanbul ignore next */ []));
|
|
4615
4615
|
this.viewInited = false;
|
|
4616
4616
|
this.onViewInit = () => { };
|
|
4617
4617
|
this.whenViewInited = (callback) => {
|
|
@@ -4645,12 +4645,12 @@ class ColumnBuilderComponent {
|
|
|
4645
4645
|
metaData.click(element, key, event);
|
|
4646
4646
|
}
|
|
4647
4647
|
}
|
|
4648
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
4649
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.
|
|
4648
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: ColumnBuilderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
4649
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.8", type: ColumnBuilderComponent, isStandalone: true, selector: "ng-component", viewQueries: [{ propertyName: "$columnDef", first: true, predicate: MatColumnDef, descendants: true, isSignal: true }, { propertyName: "$bodyTemplate", first: true, predicate: ["body"], descendants: true, isSignal: true }], ngImport: i0, template: "@let metaData = $metaData();\r\n@let customCell = $customCell();\r\n@let customHeader = $customHeader();\r\n@let styles = $styles()!;\r\n\r\n@if(metaData)\r\n{\r\n <ng-container [matColumnDef]=\"metaData.key\">\r\n\r\n <!-- header -->\r\n <ng-template #myHeader matHeaderCellDef>\r\n <mat-header-cell class=\"column-head\" cdkDrag resizeColumn [style]='styles?.header' [key]=\"metaData.key\"\r\n [class]='metaData.additional?.columnPartClasses?.header'>\r\n <div class=\"header-container\" cdkDragHandle>\r\n @let headerTemplate = customHeader?.template();\r\n @if(!headerTemplate && !customCell?.columnDef?.headerCell)\r\n {\r\n @if((metaData.fieldType !== FieldType.NotMapped || !!metaData.sortLogic?.sortBy) && !metaData.noSort)\r\n {\r\n <div mat-sort-header style=\"width: 100%\">\r\n {{ metaData.displayName ? metaData.displayName : ( metaData.key | spaceCase ) }}\r\n </div>\r\n }\r\n @else if(metaData.fieldType === FieldType.NotMapped || metaData.noSort)\r\n {\r\n <div style=\"width: 100%\">\r\n {{ metaData.displayName ? metaData.displayName : ( metaData.key | spaceCase ) }}\r\n </div>\r\n }\r\n @if($showFilters())\r\n {\r\n <tb-header-menu #menu [metaData]='metaData' />\r\n }\r\n }\r\n @else if(!customCell?.columnDef?.headerCell)\r\n {\r\n @if((metaData.fieldType !== FieldType.NotMapped || !!metaData.sortLogic?.sortBy) && !metaData.noSort)\r\n {\r\n <div mat-sort-header style=\"width: 100%\">\r\n <ng-container\r\n *ngTemplateOutlet=\"headerTemplate; context: { $implicit: metaData, metaData: metaData, styles: styles?.header } \" />\r\n </div>\r\n }\r\n @else if(metaData.fieldType === FieldType.NotMapped || metaData.noSort)\r\n {\r\n <ng-container\r\n *ngTemplateOutlet=\"headerTemplate; context: { $implicit: metaData, metaData: metaData, styles: styles?.header } \" />\r\n }\r\n @if($showFilters())\r\n {\r\n <tb-header-menu #menu [metaData]='metaData' />\r\n }\r\n }\r\n @else\r\n {\r\n <ng-container\r\n *ngTemplateOutlet=\"customCell!.columnDef!.headerCell.template; context: {metaData: metaData, styles: styles?.header} \" />\r\n }\r\n </div>\r\n </mat-header-cell>\r\n </ng-template>\r\n \r\n <!-- body -->\r\n <ng-container *matCellDef=\"let element;\">\r\n <ng-container *ngTemplateOutlet=\"$outerTemplate()!;\r\n context: { \r\n metaData: metaData,\r\n element: element ,\r\n styles: styles?.body,\r\n $implicit: element }\"/>\r\n </ng-container>\r\n <ng-template #body let-element='element' >\r\n <mat-cell [matTooltip]=\"metaData.toolTip ? (getTooltip | func : element) : ''\" \r\n [conditionalClasses]='metaData.classes' [element]='element' [styler]='styles.body'\r\n (click)='cellClicked(element, metaData.key, $event)' >\r\n <ng-container *ngTemplateOutlet=\"$innerTemplate()!;\r\n context: {\r\n value: ($transform()! | func : element),\r\n element: element,\r\n additional: $additional(),\r\n innerStyles: styles.innerBody,\r\n $implicit: element\r\n }; Injector: injector\" />\r\n </mat-cell>\r\n </ng-template>\r\n \r\n <!-- footer -->\r\n <ng-template matFooterCellDef>\r\n @if(customCell?.columnDef?.footerCell)\r\n {\r\n <ng-container *ngTemplateOutlet=\"customCell!.columnDef!.footerCell.template;\r\n context: {metaData: metaData, data: $data, styles : styles.footer }\"/>\r\n }\r\n @else\r\n {\r\n @let data = $data();\r\n <mat-footer-cell [style]='styles.footer' [class]='metaData.additional?.columnPartClasses?.footer'>\r\n @if(!!data?.length && metaData.additional?.footer)\r\n {\r\n <span class=\"bold\">\r\n @switch (metaData.fieldType)\r\n {\r\n @case (FieldType.Currency) { {{ data | columnTotal: metaData | currency }} }\r\n @case (FieldType.Number) { {{ data | columnTotal: metaData | number }} }\r\n }\r\n </span>\r\n }\r\n \r\n </mat-footer-cell>\r\n }\r\n </ng-template>\r\n </ng-container>\r\n}", styles: [".header-container{display:flex;flex-direction:row;width:100%;align-items:center}.negative-currency{color:red}.column-head{position:relative}.bold,.group-footer{font-weight:900}.cdk-drag-preview{background:#fff;border-radius:4px;box-shadow:0 5px 5px -3px #0003,0 8px 10px 1px #00000024,0 3px 14px 2px #0000001f}.cdk-drag-placeholder{opacity:33%;border-right-width:0px}.cdk-drag-animating{transition:transform .25s cubic-bezier(0,0,.2,1)}.drag-handle{color:#add8e6;cursor:move;margin-right:9px}\n"], dependencies: [{ kind: "ngmodule", type: MatTableModule }, { kind: "directive", type: i1$6.MatHeaderCellDef, selector: "[matHeaderCellDef]" }, { kind: "directive", type: i1$6.MatColumnDef, selector: "[matColumnDef]", inputs: ["matColumnDef"] }, { kind: "directive", type: i1$6.MatCellDef, selector: "[matCellDef]" }, { kind: "directive", type: i1$6.MatFooterCellDef, selector: "[matFooterCellDef]" }, { kind: "directive", type: i1$6.MatHeaderCell, selector: "mat-header-cell, th[mat-header-cell]" }, { kind: "directive", type: i1$6.MatCell, selector: "mat-cell, td[mat-cell]" }, { kind: "directive", type: i1$6.MatFooterCell, selector: "mat-footer-cell, td[mat-footer-cell]" }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: ResizeColumnDirective, selector: "[resizeColumn]", inputs: ["resizeColumn", "key"] }, { kind: "directive", type: StylerDirective, selector: "[styler]", inputs: ["element", "styler"] }, { kind: "directive", type: ConditionalClassesDirective, selector: "[conditionalClasses]", inputs: ["element", "conditionalClasses"] }, { kind: "ngmodule", type: DragDropModule }, { kind: "directive", type: i5.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: i5.CdkDragHandle, selector: "[cdkDragHandle]", inputs: ["cdkDragHandleDisabled"] }, { kind: "ngmodule", type: MatSortModule }, { kind: "component", type: i3$1.MatSortHeader, selector: "[mat-sort-header]", inputs: ["mat-sort-header", "arrowPosition", "start", "disabled", "sortActionDescription", "disableClear"], exportAs: ["matSortHeader"] }, { kind: "component", type: ColumnHeaderMenuComponent, selector: "tb-header-menu", inputs: ["metaData"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i4.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "pipe", type: FunctionPipe, name: "func" }, { kind: "pipe", type: SpaceCasePipe, name: "spaceCase" }, { kind: "pipe", type: ColumnTotalPipe, name: "columnTotal" }, { kind: "pipe", type: CurrencyPipe, name: "currency" }, { kind: "pipe", type: DecimalPipe, name: "number" }], viewProviders: [
|
|
4650
4650
|
{ provide: CDK_DROP_LIST, useExisting: CdkDropList },
|
|
4651
4651
|
], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
4652
4652
|
}
|
|
4653
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
4653
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: ColumnBuilderComponent, decorators: [{
|
|
4654
4654
|
type: Component,
|
|
4655
4655
|
args: [{ changeDetection: ChangeDetectionStrategy.OnPush, viewProviders: [
|
|
4656
4656
|
{ provide: CDK_DROP_LIST, useExisting: CdkDropList },
|
|
@@ -4701,10 +4701,10 @@ class DataStore extends ComponentStore {
|
|
|
4701
4701
|
constructor() {
|
|
4702
4702
|
super({ ...defaultDataState });
|
|
4703
4703
|
}
|
|
4704
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
4705
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.
|
|
4704
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: DataStore, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
4705
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: DataStore }); }
|
|
4706
4706
|
}
|
|
4707
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
4707
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: DataStore, decorators: [{
|
|
4708
4708
|
type: Injectable
|
|
4709
4709
|
}], ctorParameters: () => [] });
|
|
4710
4710
|
|
|
@@ -4867,17 +4867,17 @@ class GenericTableComponent {
|
|
|
4867
4867
|
this._injector = inject(Injector);
|
|
4868
4868
|
this.tableContainer = inject(TableContainerComponent, { optional: true });
|
|
4869
4869
|
this.smallFooter = 10;
|
|
4870
|
-
this.$headerRow = viewChild(MatHeaderRowDef, ...(ngDevMode ? [{ debugName: "$headerRow" }] : []));
|
|
4871
|
-
this.$footerRow = viewChild(MatFooterRowDef, ...(ngDevMode ? [{ debugName: "$footerRow" }] : []));
|
|
4872
|
-
this.$table = viewChild(MatTable, ...(ngDevMode ? [{ debugName: "$table" }] : []));
|
|
4873
|
-
this.$dropList = viewChild(CdkDropList, ...(ngDevMode ? [{ debugName: "$dropList" }] : []));
|
|
4870
|
+
this.$headerRow = viewChild(MatHeaderRowDef, ...(ngDevMode ? [{ debugName: "$headerRow" }] : /* istanbul ignore next */ []));
|
|
4871
|
+
this.$footerRow = viewChild(MatFooterRowDef, ...(ngDevMode ? [{ debugName: "$footerRow" }] : /* istanbul ignore next */ []));
|
|
4872
|
+
this.$table = viewChild(MatTable, ...(ngDevMode ? [{ debugName: "$table" }] : /* istanbul ignore next */ []));
|
|
4873
|
+
this.$dropList = viewChild(CdkDropList, ...(ngDevMode ? [{ debugName: "$dropList" }] : /* istanbul ignore next */ []));
|
|
4874
4874
|
this.selection$ = output({ alias: 'selection' });
|
|
4875
|
-
this.$displayData = input.required({ ...(ngDevMode ? { debugName: "$displayData" } : {}), alias: 'displayData' });
|
|
4876
|
-
this.$displayDataLength = computed(() => this.$displayData().length, ...(ngDevMode ? [{ debugName: "$displayDataLength" }] : []));
|
|
4877
|
-
this.$data = input.required({ ...(ngDevMode ? { debugName: "$data" } : {}), alias: 'data' });
|
|
4878
|
-
this.$customRows = input([], { ...(ngDevMode ? { debugName: "$customRows" } : {}), alias: 'customRows' });
|
|
4879
|
-
this.$columnInfos = input.required({ ...(ngDevMode ? { debugName: "$columnInfos" } : {}), alias: 'columnInfos' });
|
|
4880
|
-
this.$dataSource = input.required({ ...(ngDevMode ? { debugName: "$dataSource" } : {}), alias: 'dataSource' });
|
|
4875
|
+
this.$displayData = input.required({ ...(ngDevMode ? { debugName: "$displayData" } : /* istanbul ignore next */ {}), alias: 'displayData' });
|
|
4876
|
+
this.$displayDataLength = computed(() => this.$displayData().length, ...(ngDevMode ? [{ debugName: "$displayDataLength" }] : /* istanbul ignore next */ []));
|
|
4877
|
+
this.$data = input.required({ ...(ngDevMode ? { debugName: "$data" } : /* istanbul ignore next */ {}), alias: 'data' });
|
|
4878
|
+
this.$customRows = input([], { ...(ngDevMode ? { debugName: "$customRows" } : /* istanbul ignore next */ {}), alias: 'customRows' });
|
|
4879
|
+
this.$columnInfos = input.required({ ...(ngDevMode ? { debugName: "$columnInfos" } : /* istanbul ignore next */ {}), alias: 'columnInfos' });
|
|
4880
|
+
this.$dataSource = input.required({ ...(ngDevMode ? { debugName: "$dataSource" } : /* istanbul ignore next */ {}), alias: 'dataSource' });
|
|
4881
4881
|
this.$keys = computed(() => {
|
|
4882
4882
|
const displayed = this.state.$orderedVisibleColumns();
|
|
4883
4883
|
const built = this.$columns();
|
|
@@ -4889,9 +4889,9 @@ class GenericTableComponent {
|
|
|
4889
4889
|
keys.unshift('index');
|
|
4890
4890
|
}
|
|
4891
4891
|
return keys;
|
|
4892
|
-
}, ...(ngDevMode ? [{ debugName: "$keys" }] : []));
|
|
4892
|
+
}, ...(ngDevMode ? [{ debugName: "$keys" }] : /* istanbul ignore next */ []));
|
|
4893
4893
|
this.keys$ = toObservable(this.$keys);
|
|
4894
|
-
this.$trackBy = input(undefined, { ...(ngDevMode ? { debugName: "$trackBy" } : {}), alias: 'trackBy' });
|
|
4894
|
+
this.$trackBy = input(undefined, { ...(ngDevMode ? { debugName: "$trackBy" } : /* istanbul ignore next */ {}), alias: 'trackBy' });
|
|
4895
4895
|
this.$trackByFunction = computed(() => {
|
|
4896
4896
|
const trackBy = this.$trackBy();
|
|
4897
4897
|
if (!trackBy)
|
|
@@ -4901,17 +4901,17 @@ class GenericTableComponent {
|
|
|
4901
4901
|
return `${item.level}-${item[initIndexSymbol]}`;
|
|
4902
4902
|
return typeof trackBy === 'function' ? trackBy(item) : item[trackBy];
|
|
4903
4903
|
});
|
|
4904
|
-
}, ...(ngDevMode ? [{ debugName: "$trackByFunction" }] : []));
|
|
4905
|
-
this.$hasFooterMeta = computed(() => this.state.$metaDataArray().some(md => !!md.additional?.footer), ...(ngDevMode ? [{ debugName: "$hasFooterMeta" }] : []));
|
|
4906
|
-
this.$hasCustomFooter = computed(() => this.$columnInfos()?.some(ci => !!ci.customCell?.columnDef?.footerCell), ...(ngDevMode ? [{ debugName: "$hasCustomFooter" }] : []));
|
|
4904
|
+
}, ...(ngDevMode ? [{ debugName: "$trackByFunction" }] : /* istanbul ignore next */ []));
|
|
4905
|
+
this.$hasFooterMeta = computed(() => this.state.$metaDataArray().some(md => !!md.additional?.footer), ...(ngDevMode ? [{ debugName: "$hasFooterMeta" }] : /* istanbul ignore next */ []));
|
|
4906
|
+
this.$hasCustomFooter = computed(() => this.$columnInfos()?.some(ci => !!ci.customCell?.columnDef?.footerCell), ...(ngDevMode ? [{ debugName: "$hasCustomFooter" }] : /* istanbul ignore next */ []));
|
|
4907
4907
|
this.$footerRowStyle = computed(() => {
|
|
4908
4908
|
const hasData = !!this.$displayDataLength();
|
|
4909
4909
|
const metaFooter = this.$hasFooterMeta();
|
|
4910
4910
|
const customFooter = this.$hasCustomFooter();
|
|
4911
4911
|
const hasSelectionColumn = this.state.$props().selectionColumn;
|
|
4912
4912
|
return customFooter || hasSelectionColumn || (hasData && metaFooter) ? 'regular-footer' : hasData ? 'no-footer' : 'small-footer';
|
|
4913
|
-
}, ...(ngDevMode ? [{ debugName: "$footerRowStyle" }] : []));
|
|
4914
|
-
this.$showFooterRow = computed(() => this.$footerRowStyle() !== 'no-footer', ...(ngDevMode ? [{ debugName: "$showFooterRow" }] : []));
|
|
4913
|
+
}, ...(ngDevMode ? [{ debugName: "$footerRowStyle" }] : /* istanbul ignore next */ []));
|
|
4914
|
+
this.$showFooterRow = computed(() => this.$footerRowStyle() !== 'no-footer', ...(ngDevMode ? [{ debugName: "$showFooterRow" }] : /* istanbul ignore next */ []));
|
|
4915
4915
|
this.injector = Injector.create({
|
|
4916
4916
|
providers: [
|
|
4917
4917
|
{ provide: MatTable, useFactory: () => this.$table() },
|
|
@@ -4919,10 +4919,10 @@ class GenericTableComponent {
|
|
|
4919
4919
|
],
|
|
4920
4920
|
parent: this._injector
|
|
4921
4921
|
});
|
|
4922
|
-
this.$hasIndexColumn = computed(() => this.state.selectSignal(state => state.props.indexColumn)(), ...(ngDevMode ? [{ debugName: "$hasIndexColumn" }] : []));
|
|
4923
|
-
this.$columns = signal({}, ...(ngDevMode ? [{ debugName: "$columns" }] : []));
|
|
4924
|
-
this.$showHeader = computed(() => !this.state.$tableSettings().hideColumnHeader, ...(ngDevMode ? [{ debugName: "$showHeader" }] : []));
|
|
4925
|
-
this.$paginatorHeight = signal(0, ...(ngDevMode ? [{ debugName: "$paginatorHeight" }] : []));
|
|
4922
|
+
this.$hasIndexColumn = computed(() => this.state.selectSignal(state => state.props.indexColumn)(), ...(ngDevMode ? [{ debugName: "$hasIndexColumn" }] : /* istanbul ignore next */ []));
|
|
4923
|
+
this.$columns = signal({}, ...(ngDevMode ? [{ debugName: "$columns" }] : /* istanbul ignore next */ []));
|
|
4924
|
+
this.$showHeader = computed(() => !this.state.$tableSettings().hideColumnHeader, ...(ngDevMode ? [{ debugName: "$showHeader" }] : /* istanbul ignore next */ []));
|
|
4925
|
+
this.$paginatorHeight = signal(0, ...(ngDevMode ? [{ debugName: "$paginatorHeight" }] : /* istanbul ignore next */ []));
|
|
4926
4926
|
this.r = new ResizeObserver(entries => this.$paginatorHeight.set(entries[0]?.contentRect.height || 0));
|
|
4927
4927
|
this.#rr = effect((cleanup) => {
|
|
4928
4928
|
const paginatorWrapper = this.tableContainer?.$paginatorWrapper();
|
|
@@ -4930,9 +4930,9 @@ class GenericTableComponent {
|
|
|
4930
4930
|
return;
|
|
4931
4931
|
this.r.observe(paginatorWrapper.nativeElement);
|
|
4932
4932
|
cleanup(() => { this.r.disconnect(); });
|
|
4933
|
-
}, ...(ngDevMode ? [{ debugName: "#rr" }] : []));
|
|
4933
|
+
}, ...(ngDevMode ? [{ debugName: "#rr" }] : /* istanbul ignore next */ []));
|
|
4934
4934
|
this.$offset = this.dataStore.selectSignal(s => s.virtualScrollOffset);
|
|
4935
|
-
this.$footerOffset = computed(() => this.$useVirtualScroll() ? this.$offset() : this.$paginatorHeight(), ...(ngDevMode ? [{ debugName: "$footerOffset" }] : []));
|
|
4935
|
+
this.$footerOffset = computed(() => this.$useVirtualScroll() ? this.$offset() : this.$paginatorHeight(), ...(ngDevMode ? [{ debugName: "$footerOffset" }] : /* istanbul ignore next */ []));
|
|
4936
4936
|
this.#buildColumnsEffect = effect(() => {
|
|
4937
4937
|
const columnInfos = this.$columnInfos() || [];
|
|
4938
4938
|
const table = this.$table();
|
|
@@ -4948,7 +4948,7 @@ class GenericTableComponent {
|
|
|
4948
4948
|
});
|
|
4949
4949
|
columnInfos.forEach(ci => this.buildColumn(ci));
|
|
4950
4950
|
});
|
|
4951
|
-
}, ...(ngDevMode ? [{ debugName: "#buildColumnsEffect" }] : []));
|
|
4951
|
+
}, ...(ngDevMode ? [{ debugName: "#buildColumnsEffect" }] : /* istanbul ignore next */ []));
|
|
4952
4952
|
this.#buildCustomRowsEffect = effect(() => {
|
|
4953
4953
|
const table = this.$table();
|
|
4954
4954
|
const rows = this.$customRows();
|
|
@@ -4962,7 +4962,7 @@ class GenericTableComponent {
|
|
|
4962
4962
|
table.addRowDef(row);
|
|
4963
4963
|
});
|
|
4964
4964
|
});
|
|
4965
|
-
}, ...(ngDevMode ? [{ debugName: "#buildCustomRowsEffect" }] : []));
|
|
4965
|
+
}, ...(ngDevMode ? [{ debugName: "#buildCustomRowsEffect" }] : /* istanbul ignore next */ []));
|
|
4966
4966
|
this.#buildHeaderRowEffect = effect(() => {
|
|
4967
4967
|
const headerRow = this.$headerRow();
|
|
4968
4968
|
const showHeader = this.$showHeader();
|
|
@@ -4973,7 +4973,7 @@ class GenericTableComponent {
|
|
|
4973
4973
|
else if (headerRow && table)
|
|
4974
4974
|
table.removeHeaderRowDef(headerRow);
|
|
4975
4975
|
});
|
|
4976
|
-
}, ...(ngDevMode ? [{ debugName: "#buildHeaderRowEffect" }] : []));
|
|
4976
|
+
}, ...(ngDevMode ? [{ debugName: "#buildHeaderRowEffect" }] : /* istanbul ignore next */ []));
|
|
4977
4977
|
this.#buildFooterEffect = effect(() => {
|
|
4978
4978
|
const footerRow = this.$footerRow();
|
|
4979
4979
|
const showFooter = this.$showFooterRow();
|
|
@@ -4984,9 +4984,9 @@ class GenericTableComponent {
|
|
|
4984
4984
|
else if (footerRow && table)
|
|
4985
4985
|
table.removeFooterRowDef(footerRow);
|
|
4986
4986
|
});
|
|
4987
|
-
}, ...(ngDevMode ? [{ debugName: "#buildFooterEffect" }] : []));
|
|
4988
|
-
this.$usePaginator = computed(() => this.state.$tableSettings().usePaginator, ...(ngDevMode ? [{ debugName: "$usePaginator" }] : []));
|
|
4989
|
-
this.$useVirtualScroll = computed(() => this.state.$viewType().includes('virtual'), ...(ngDevMode ? [{ debugName: "$useVirtualScroll" }] : []));
|
|
4987
|
+
}, ...(ngDevMode ? [{ debugName: "#buildFooterEffect" }] : /* istanbul ignore next */ []));
|
|
4988
|
+
this.$usePaginator = computed(() => this.state.$tableSettings().usePaginator, ...(ngDevMode ? [{ debugName: "$usePaginator" }] : /* istanbul ignore next */ []));
|
|
4989
|
+
this.$useVirtualScroll = computed(() => this.state.$viewType().includes('virtual'), ...(ngDevMode ? [{ debugName: "$useVirtualScroll" }] : /* istanbul ignore next */ []));
|
|
4990
4990
|
this.$virtualStart = this.dataStore.selectSignal(d => d.virtualEnds.start);
|
|
4991
4991
|
this.$offsetIndex = computed(() => {
|
|
4992
4992
|
const virtualStart = this.$virtualStart();
|
|
@@ -4999,8 +4999,8 @@ class GenericTableComponent {
|
|
|
4999
4999
|
return pageSize * currentPage;
|
|
5000
5000
|
}
|
|
5001
5001
|
return 0;
|
|
5002
|
-
}, ...(ngDevMode ? [{ debugName: "$offsetIndex" }] : []));
|
|
5003
|
-
this.$hasSelectColumn = computed(() => this.state.selectSignal(state => state.props.selectionColumn)(), ...(ngDevMode ? [{ debugName: "$hasSelectColumn" }] : []));
|
|
5002
|
+
}, ...(ngDevMode ? [{ debugName: "$offsetIndex" }] : /* istanbul ignore next */ []));
|
|
5003
|
+
this.$hasSelectColumn = computed(() => this.state.selectSignal(state => state.props.selectionColumn)(), ...(ngDevMode ? [{ debugName: "$hasSelectColumn" }] : /* istanbul ignore next */ []));
|
|
5004
5004
|
this.$selection = computed(() => {
|
|
5005
5005
|
const trackBy = this.$trackBy();
|
|
5006
5006
|
if (trackBy) {
|
|
@@ -5016,7 +5016,7 @@ class GenericTableComponent {
|
|
|
5016
5016
|
this.checkForPreviousSelection(model);
|
|
5017
5017
|
});
|
|
5018
5018
|
return model;
|
|
5019
|
-
}, ...(ngDevMode ? [{ debugName: "$selection" }] : []));
|
|
5019
|
+
}, ...(ngDevMode ? [{ debugName: "$selection" }] : /* istanbul ignore next */ []));
|
|
5020
5020
|
this.selectionChange$ = toObservable(this.$selection).pipe(switchMap(s => s.changed));
|
|
5021
5021
|
this.$selectionChange = toSignal(this.selectionChange$);
|
|
5022
5022
|
this.onSelectionChangeEffect = effect(() => {
|
|
@@ -5024,20 +5024,20 @@ class GenericTableComponent {
|
|
|
5024
5024
|
if (!selectionChange)
|
|
5025
5025
|
return;
|
|
5026
5026
|
untracked(() => this.selection$.emit(selectionChange));
|
|
5027
|
-
}, ...(ngDevMode ? [{ debugName: "onSelectionChangeEffect" }] : []));
|
|
5027
|
+
}, ...(ngDevMode ? [{ debugName: "onSelectionChangeEffect" }] : /* istanbul ignore next */ []));
|
|
5028
5028
|
this.$isAllSelected = computed(() => {
|
|
5029
5029
|
this.$selectionChange();
|
|
5030
5030
|
const selected = this.$selection()?.selected;
|
|
5031
5031
|
if (!selected?.length)
|
|
5032
5032
|
return false;
|
|
5033
5033
|
return this.$selectableData()?.length === selected.length;
|
|
5034
|
-
}, ...(ngDevMode ? [{ debugName: "$isAllSelected" }] : []));
|
|
5034
|
+
}, ...(ngDevMode ? [{ debugName: "$isAllSelected" }] : /* istanbul ignore next */ []));
|
|
5035
5035
|
this.$masterToggleChecked = this.$isAllSelected;
|
|
5036
5036
|
this.$masterToggleIndeterminate = computed(() => {
|
|
5037
5037
|
this.$selectionChange();
|
|
5038
5038
|
return !!this.$selection()?.selected.length && !this.$masterToggleChecked();
|
|
5039
|
-
}, ...(ngDevMode ? [{ debugName: "$masterToggleIndeterminate" }] : []));
|
|
5040
|
-
this.$paginated = computed(() => this.state.$viewType() === 'virtual paginator' || this.state.$viewType() === 'paginator', ...(ngDevMode ? [{ debugName: "$paginated" }] : []));
|
|
5039
|
+
}, ...(ngDevMode ? [{ debugName: "$masterToggleIndeterminate" }] : /* istanbul ignore next */ []));
|
|
5040
|
+
this.$paginated = computed(() => this.state.$viewType() === 'virtual paginator' || this.state.$viewType() === 'paginator', ...(ngDevMode ? [{ debugName: "$paginated" }] : /* istanbul ignore next */ []));
|
|
5041
5041
|
this.$selectableData = computed(() => {
|
|
5042
5042
|
const isGrouped = !!this.state.$groupByData().length;
|
|
5043
5043
|
this.state.$expandGroups();
|
|
@@ -5054,7 +5054,7 @@ class GenericTableComponent {
|
|
|
5054
5054
|
return this.$data();
|
|
5055
5055
|
}
|
|
5056
5056
|
return [];
|
|
5057
|
-
}, ...(ngDevMode ? [{ debugName: "$selectableData" }] : []));
|
|
5057
|
+
}, ...(ngDevMode ? [{ debugName: "$selectableData" }] : /* istanbul ignore next */ []));
|
|
5058
5058
|
this.$selectAllMessage = computed(() => {
|
|
5059
5059
|
if (this.$isAllSelected())
|
|
5060
5060
|
return `Deselect all ${this.$selection().selected.length} selected`;
|
|
@@ -5064,7 +5064,7 @@ class GenericTableComponent {
|
|
|
5064
5064
|
message += ' on this page';
|
|
5065
5065
|
}
|
|
5066
5066
|
return message;
|
|
5067
|
-
}, ...(ngDevMode ? [{ debugName: "$selectAllMessage" }] : []));
|
|
5067
|
+
}, ...(ngDevMode ? [{ debugName: "$selectAllMessage" }] : /* istanbul ignore next */ []));
|
|
5068
5068
|
this.#onSelectableDataChangeEffect = effect(() => {
|
|
5069
5069
|
const selectableData = this.$selectableData();
|
|
5070
5070
|
untracked(() => {
|
|
@@ -5081,8 +5081,8 @@ class GenericTableComponent {
|
|
|
5081
5081
|
const removed = selected.filter(trackByFunc);
|
|
5082
5082
|
this.$selection().deselect(...removed);
|
|
5083
5083
|
});
|
|
5084
|
-
}, ...(ngDevMode ? [{ debugName: "#onSelectableDataChangeEffect" }] : []));
|
|
5085
|
-
this.$tableWidth = linkedSignal({ ...(ngDevMode ? { debugName: "$tableWidth" } : {}), source: this.state.$getUserDefinedTableWidth,
|
|
5084
|
+
}, ...(ngDevMode ? [{ debugName: "#onSelectableDataChangeEffect" }] : /* istanbul ignore next */ []));
|
|
5085
|
+
this.$tableWidth = linkedSignal({ ...(ngDevMode ? { debugName: "$tableWidth" } : /* istanbul ignore next */ {}), source: this.state.$getUserDefinedTableWidth,
|
|
5086
5086
|
computation: (currentUserDefinedWidth, { source: previousUserDefinedWidth } = { value: null, source: 0 }) => {
|
|
5087
5087
|
if (currentUserDefinedWidth) {
|
|
5088
5088
|
return ({ width: `${currentUserDefinedWidth}px`, minWidth: 'initial' });
|
|
@@ -5122,7 +5122,7 @@ class GenericTableComponent {
|
|
|
5122
5122
|
return parseTbSizeToPixels(notPersistedTableSettings.rowHeight) + 'px';
|
|
5123
5123
|
}
|
|
5124
5124
|
return undefined;
|
|
5125
|
-
}, ...(ngDevMode ? [{ debugName: "$rowHeight" }] : []));
|
|
5125
|
+
}, ...(ngDevMode ? [{ debugName: "$rowHeight" }] : /* istanbul ignore next */ []));
|
|
5126
5126
|
this.$headerHeight = computed(() => {
|
|
5127
5127
|
if (this.state.$userDefinedHeaderHeight()) {
|
|
5128
5128
|
return this.state.$userDefinedHeaderHeight() + 'px';
|
|
@@ -5136,14 +5136,14 @@ class GenericTableComponent {
|
|
|
5136
5136
|
return parseTbSizeToPixels(notPersistedTableSettings.headerHeight) + 'px';
|
|
5137
5137
|
}
|
|
5138
5138
|
return undefined;
|
|
5139
|
-
}, ...(ngDevMode ? [{ debugName: "$headerHeight" }] : []));
|
|
5139
|
+
}, ...(ngDevMode ? [{ debugName: "$headerHeight" }] : /* istanbul ignore next */ []));
|
|
5140
5140
|
this.$groupHeaderHeight = computed(() => {
|
|
5141
5141
|
const groupHeaderHeight = this.state.$notPersistedTableSettings().groupHeaderHeight;
|
|
5142
5142
|
if (groupHeaderHeight) {
|
|
5143
5143
|
return parseTbSizeToPixels(groupHeaderHeight) + 'px';
|
|
5144
5144
|
}
|
|
5145
5145
|
return this.$rowHeight();
|
|
5146
|
-
}, ...(ngDevMode ? [{ debugName: "$groupHeaderHeight" }] : []));
|
|
5146
|
+
}, ...(ngDevMode ? [{ debugName: "$groupHeaderHeight" }] : /* istanbul ignore next */ []));
|
|
5147
5147
|
this.$footerHeight = computed(() => {
|
|
5148
5148
|
const footerStyle = this.$footerRowStyle();
|
|
5149
5149
|
switch (footerStyle) {
|
|
@@ -5154,10 +5154,10 @@ class GenericTableComponent {
|
|
|
5154
5154
|
default:
|
|
5155
5155
|
return '0px';
|
|
5156
5156
|
}
|
|
5157
|
-
}, ...(ngDevMode ? [{ debugName: "$footerHeight" }] : []));
|
|
5158
|
-
this.$stickyFooter = computed(() => this.state.$props().stickyFooter || this.state.$isVirtual(), ...(ngDevMode ? [{ debugName: "$stickyFooter" }] : []));
|
|
5159
|
-
this.$rowStyles = computed(() => this.state.$tableSettings().rowStyles || {}, ...(ngDevMode ? [{ debugName: "$rowStyles" }] : []));
|
|
5160
|
-
this.$rowClasses = computed(() => this.state.$tableSettings().rowClasses || {}, ...(ngDevMode ? [{ debugName: "$rowClasses" }] : []));
|
|
5157
|
+
}, ...(ngDevMode ? [{ debugName: "$footerHeight" }] : /* istanbul ignore next */ []));
|
|
5158
|
+
this.$stickyFooter = computed(() => this.state.$props().stickyFooter || this.state.$isVirtual(), ...(ngDevMode ? [{ debugName: "$stickyFooter" }] : /* istanbul ignore next */ []));
|
|
5159
|
+
this.$rowStyles = computed(() => this.state.$tableSettings().rowStyles || {}, ...(ngDevMode ? [{ debugName: "$rowStyles" }] : /* istanbul ignore next */ []));
|
|
5160
|
+
this.$rowClasses = computed(() => this.state.$tableSettings().rowClasses || {}, ...(ngDevMode ? [{ debugName: "$rowClasses" }] : /* istanbul ignore next */ []));
|
|
5161
5161
|
this.allOfGroupSelected = (uniqueName) => computed(() => {
|
|
5162
5162
|
//make sure signal is marked dirty when selection or over all data changes
|
|
5163
5163
|
this.$selectionChange();
|
|
@@ -5213,8 +5213,8 @@ class GenericTableComponent {
|
|
|
5213
5213
|
this.$selectFilterKey = computed(() => {
|
|
5214
5214
|
const selectFilter = Object.keys(this.state.$filters()).find(key => key.startsWith('header-column-select'));
|
|
5215
5215
|
return selectFilter;
|
|
5216
|
-
}, ...(ngDevMode ? [{ debugName: "$selectFilterKey" }] : []));
|
|
5217
|
-
this.$hasSelectFilter = computed(() => !!this.$selectFilterKey(), ...(ngDevMode ? [{ debugName: "$hasSelectFilter" }] : []));
|
|
5216
|
+
}, ...(ngDevMode ? [{ debugName: "$selectFilterKey" }] : /* istanbul ignore next */ []));
|
|
5217
|
+
this.$hasSelectFilter = computed(() => !!this.$selectFilterKey(), ...(ngDevMode ? [{ debugName: "$hasSelectFilter" }] : /* istanbul ignore next */ []));
|
|
5218
5218
|
this._onSelect = effect(() => {
|
|
5219
5219
|
const selectionChange = this.$selectionChange();
|
|
5220
5220
|
untracked(() => {
|
|
@@ -5224,19 +5224,19 @@ class GenericTableComponent {
|
|
|
5224
5224
|
this.state.removeFilter(selectFilterKey);
|
|
5225
5225
|
this.addSelectFilter(true);
|
|
5226
5226
|
});
|
|
5227
|
-
}, ...(ngDevMode ? [{ debugName: "_onSelect" }] : []));
|
|
5227
|
+
}, ...(ngDevMode ? [{ debugName: "_onSelect" }] : /* istanbul ignore next */ []));
|
|
5228
5228
|
this.$indexColumnWidth = computed(() => {
|
|
5229
5229
|
const indexColumnWidth = this.state.$notPersistedTableSettings()?.indexColumnWidth;
|
|
5230
5230
|
if (indexColumnWidth)
|
|
5231
5231
|
return { flex: `0 0 ${parseTbSizeToPixels(indexColumnWidth) + 'px'}`, maxWidth: 'none' };
|
|
5232
5232
|
return undefined;
|
|
5233
|
-
}, ...(ngDevMode ? [{ debugName: "$indexColumnWidth" }] : []));
|
|
5233
|
+
}, ...(ngDevMode ? [{ debugName: "$indexColumnWidth" }] : /* istanbul ignore next */ []));
|
|
5234
5234
|
this.$selectionColumnWidth = computed(() => {
|
|
5235
5235
|
const selectionColumnWidth = this.state.$notPersistedTableSettings()?.selectionColumnWidth;
|
|
5236
5236
|
if (selectionColumnWidth)
|
|
5237
5237
|
return { flex: `0 0 ${parseTbSizeToPixels(selectionColumnWidth) + 'px'}`, maxWidth: 'none' };
|
|
5238
5238
|
return undefined;
|
|
5239
|
-
}, ...(ngDevMode ? [{ debugName: "$selectionColumnWidth" }] : []));
|
|
5239
|
+
}, ...(ngDevMode ? [{ debugName: "$selectionColumnWidth" }] : /* istanbul ignore next */ []));
|
|
5240
5240
|
}
|
|
5241
5241
|
#rr;
|
|
5242
5242
|
drop(event) {
|
|
@@ -5329,10 +5329,10 @@ class GenericTableComponent {
|
|
|
5329
5329
|
notSavable: true,
|
|
5330
5330
|
});
|
|
5331
5331
|
}
|
|
5332
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
5333
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.0", type: GenericTableComponent, isStandalone: true, selector: "tb-generic-table", inputs: { $displayData: { classPropertyName: "$displayData", publicName: "displayData", isSignal: true, isRequired: true, transformFunction: null }, $data: { classPropertyName: "$data", publicName: "data", isSignal: true, isRequired: true, transformFunction: null }, $customRows: { classPropertyName: "$customRows", publicName: "customRows", isSignal: true, isRequired: false, transformFunction: null }, $columnInfos: { classPropertyName: "$columnInfos", publicName: "columnInfos", isSignal: true, isRequired: true, transformFunction: null }, $dataSource: { classPropertyName: "$dataSource", publicName: "dataSource", isSignal: true, isRequired: true, transformFunction: null }, $trackBy: { classPropertyName: "$trackBy", publicName: "trackBy", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { selection$: "selection" }, viewQueries: [{ propertyName: "$headerRow", first: true, predicate: MatHeaderRowDef, descendants: true, isSignal: true }, { propertyName: "$footerRow", first: true, predicate: MatFooterRowDef, descendants: true, isSignal: true }, { propertyName: "$table", first: true, predicate: MatTable, descendants: true, isSignal: true }, { propertyName: "$dropList", first: true, predicate: CdkDropList, descendants: true, isSignal: true }], ngImport: i0, template: "<mat-table\r\n #table\r\n cdkDropList\r\n cdkDropListLockAxis='x'\r\n cdkDropListOrientation=\"horizontal\"\r\n class=\"table-drag-list\"\r\n [dataSource]=\"$dataSource()\"\r\n [trackBy]=\"$trackByFunction()\"\r\n [style]=\"$tableWidth()\"\r\n (cdkDropListDropped)=\"drop($event)\"\r\n>\r\n\r\n <!-- select column -->\r\n <ng-container matColumnDef=\"select\">\r\n @let selection = $selection();\r\n <mat-header-cell *matHeaderCellDef class=\"select-column\" [style]=\"$selectionColumnWidth()\">\r\n <mat-checkbox [checked]=\"!!($masterToggleChecked())\"\r\n [indeterminate]=\"$masterToggleIndeterminate()\"\r\n [matTooltip]=\"$selectAllMessage()\"\r\n (change)=\"$event ? masterToggle() : null\" />\r\n <button mat-icon-button class=\"open-menu-icon-button\" disableRipple [matMenuTriggerFor]=\"menu\" [matMenuTriggerRestoreFocus]=\"false\">\r\n <mat-icon class=\"menu-icon\">more_vert</mat-icon>\r\n </button>\r\n <mat-menu #menu=\"matMenu\" >\r\n <button mat-menu-item>\r\n <mat-slide-toggle [checked]=\"$hasSelectFilter()\" (change)=\"addSelectFilter($event.checked)\">\r\n Show Only Selected\r\n </mat-slide-toggle>\r\n </button>\r\n @if(this.$selection().selected.length)\r\n {\r\n <button mat-menu-item (click)=\"$selection().clear()\">\r\n Clear Selection\r\n </button>\r\n }\r\n <button mat-menu-item (click)=\"selectTop(+i.value)\">\r\n Select top \r\n <input #i class=\"input\" stop-propagation type=\"number\" \r\n placeholder=\"Set Size\"\r\n [value]=\"10\"\r\n [min]=\"1\"\r\n [max]=\"dataStore.state().sortedFilteredDataLength\" />\r\n </button>\r\n </mat-menu>\r\n </mat-header-cell>\r\n\r\n <mat-cell *matCellDef=\"let row\" class=\"select-column\" [style]=\"$selectionColumnWidth()\">\r\n <mat-checkbox\r\n [checked]=\"selection.isSelected(row)\"\r\n (click)=\"$event.stopPropagation()\"\r\n (change)=\"$event ? selection.toggle(row) : null\"/>\r\n </mat-cell>\r\n\r\n <mat-footer-cell *matFooterCellDef class=\"select-column\" [style]=\"$selectionColumnWidth()\">\r\n {{ selection.selected.length }}\r\n </mat-footer-cell>\r\n </ng-container>\r\n\r\n\r\n <!-- index column -->\r\n <ng-container matColumnDef=\"index\">\r\n <mat-header-cell *matHeaderCellDef class=\"f-mat-header-cell index-column\" [style]=\"$indexColumnWidth()\">\r\n </mat-header-cell>\r\n <mat-cell *matCellDef=\"let i = index; let t\" class=\"index-column\" [style]=\"$indexColumnWidth()\">\r\n {{ 1 + i + $offsetIndex() }}\r\n </mat-cell>\r\n <mat-footer-cell *matFooterCellDef class=\"index-column\" [style]=\"$indexColumnWidth()\"/>\r\n </ng-container>\r\n\r\n <!-- Grouping -->\r\n <ng-container matColumnDef=\"groupHeader\">\r\n <mat-cell *matCellDef=\"let row\">\r\n @let expanded = (state.$getIsExpanded | func : row.key : row.uniqueName );\r\n @let customTemplate = (getCustomGroupRowTemplate | func : row.key)();\r\n\r\n <!-- Default group row template -->\r\n <div [style.paddingLeft]=\"row.padding + 'px !important'\" [class]=\"'group-cell'\">\r\n @if($hasSelectColumn())\r\n {\r\n @let contains = (allOfGroupSelected | func : row.uniqueName)();\r\n <mat-checkbox [checked]=\"!!contains.containsAll\"\r\n [indeterminate]=\"!!contains.containsSome && !contains.containsAll\"\r\n [matTooltip]=\"toggleGroupMessage | func : contains.length : contains.containsAll\"\r\n (change)=\"$event ? toggleGroup(row.uniqueName, contains.containsAll) : null\" />\r\n }\r\n <button mat-icon-button (click)=\"setExpanded(row.key, row.uniqueName, !expanded());\">\r\n @if (!expanded())\r\n {\r\n <mat-icon>chevron_right</mat-icon>\r\n }\r\n @else\r\n {\r\n <mat-icon>expand_more</mat-icon>\r\n }\r\n </button>\r\n {{ row.custom ? row.groupHeaderDisplay : ((getGroupHeaderTransform | func : row.key : row.groupHeaderDisplay)() + ` (${row.length})`) }}\r\n </div>\r\n @if(customTemplate)\r\n {\r\n <ng-container *ngTemplateOutlet=\"customTemplate; context: { \r\n $implicit: row, \r\n element: row, \r\n expanded: expanded(), \r\n level: row.level, \r\n key: row.key, \r\n uniqueName: row.uniqueName, \r\n groupHeaderDisplay: row.groupHeaderDisplay, \r\n length: row.length, \r\n padding: row.padding \r\n }\" />\r\n }\r\n @else\r\n {\r\n <ng-container *ngTemplateOutlet=\"state.$props().groupHeaderTemplate!; context: { element: row }\" />\r\n }\r\n </mat-cell>\r\n </ng-container>\r\n\r\n <mat-row\r\n *matRowDef=\"let row; columns: $keys(); let i = index\"\r\n [style.height]=\"$rowHeight()\"\r\n [style.min-height]=\"$rowHeight()\"\r\n [styler]=\"$rowStyles()\"\r\n [element]=\"row\"\r\n [conditionalClasses]=\"$rowClasses()\"\r\n (click)=\"rowClicked(row, $event)\"\r\n />\r\n\r\n <!-- group row -->\r\n <mat-row *matRowDef=\"let row; columns: ['groupHeader']; when: isGroupHeader\"\r\n style=\"background-color: unset;\"\r\n [style.height]=\"state.$props().groupHeaderHeight ? state.$props().groupHeaderHeight + 'px' : $groupHeaderHeight()\"\r\n [style.min-height]=\"state.$props().groupHeaderHeight ? state.$props().groupHeaderHeight + 'px' : $groupHeaderHeight()\"/>\r\n</mat-table>\r\n\r\n<mat-header-row *matHeaderRowDef=\"$keys(); sticky: state.$props().isSticky\" [style.height]=\"$headerHeight()\"\r\n [style.min-height]=\"$headerHeight()\" [style.top.px]=\"($offset()! * -1)\"/>\r\n<mat-footer-row *matFooterRowDef=\"$keys(); sticky: false \" [style.height]=\"$footerHeight()\" [class.sticky-footer]=\"$stickyFooter()\"\r\n [style.min-height]=\"$footerHeight()\"\r\n [style.bottom.px]=\"$stickyFooter() ? ($footerOffset()) : undefined\"/>\r\n", styles: [":host{--mat-paginator-container-size: var(tb-paginator-container-size, initial)}.select-column{min-width:var(--tb-min-select-column-width, 42px)}.page-amounts{color:#0000008a;font-family:Roboto,Helvetica Neue,sans-serif;font-size:12px;margin-right:.2rem}.group-cell{display:flex;align-items:center;width:var(--tb-group-cell-width);min-width:var(--tb-group-cell-min-width);max-width:var(--tb-group-cell-max-width)}:host::ng-deep .table-drag-list.cdk-drop-list-dragging .drag-header:not(.cdk-drag-placeholder){transition:transform .25s cubic-bezier(0,0,.2,1)}:host::ng-deep .mdc-data-table__cell,:host::ng-deep .mdc-data-table__header-cell{padding:var(--tb-cell-padding, 0 0 0 .2rem);line-height:var(--tb-cell-line-height, normal)}::ng-deep .op-date-time-input{line-height:3rem;font-size:.9rem;font-family:Roboto,Helvetica Neue,sans-serif;padding-left:.2rem;width:12rem}.sticky-footer{position:sticky;z-index:10}\n"], dependencies: [{ kind: "ngmodule", type: MatTableModule }, { kind: "component", type: i1$6.MatTable, selector: "mat-table, table[mat-table]", exportAs: ["matTable"] }, { kind: "directive", type: i1$6.MatHeaderCellDef, selector: "[matHeaderCellDef]" }, { kind: "directive", type: i1$6.MatHeaderRowDef, selector: "[matHeaderRowDef]", inputs: ["matHeaderRowDef", "matHeaderRowDefSticky"] }, { kind: "directive", type: i1$6.MatColumnDef, selector: "[matColumnDef]", inputs: ["matColumnDef"] }, { kind: "directive", type: i1$6.MatCellDef, selector: "[matCellDef]" }, { kind: "directive", type: i1$6.MatRowDef, selector: "[matRowDef]", inputs: ["matRowDefColumns", "matRowDefWhen"] }, { kind: "directive", type: i1$6.MatFooterCellDef, selector: "[matFooterCellDef]" }, { kind: "directive", type: i1$6.MatFooterRowDef, selector: "[matFooterRowDef]", inputs: ["matFooterRowDef", "matFooterRowDefSticky"] }, { kind: "directive", type: i1$6.MatHeaderCell, selector: "mat-header-cell, th[mat-header-cell]" }, { kind: "directive", type: i1$6.MatCell, selector: "mat-cell, td[mat-cell]" }, { kind: "directive", type: i1$6.MatFooterCell, selector: "mat-footer-cell, td[mat-footer-cell]" }, { kind: "component", type: i1$6.MatHeaderRow, selector: "mat-header-row, tr[mat-header-row]", exportAs: ["matHeaderRow"] }, { kind: "component", type: i1$6.MatRow, selector: "mat-row, tr[mat-row]", exportAs: ["matRow"] }, { kind: "component", type: i1$6.MatFooterRow, selector: "mat-footer-row, tr[mat-footer-row]", exportAs: ["matFooterRow"] }, { kind: "ngmodule", type: DragDropModule }, { kind: "directive", type: i5.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: "ngmodule", type: MatCheckboxModule }, { kind: "component", type: i1$1.MatCheckbox, selector: "mat-checkbox", inputs: ["aria-label", "aria-labelledby", "aria-describedby", "aria-expanded", "aria-controls", "aria-owns", "id", "required", "labelPosition", "name", "value", "disableRipple", "tabIndex", "color", "disabledInteractive", "checked", "disabled", "indeterminate"], outputs: ["change", "indeterminateChange"], exportAs: ["matCheckbox"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i2$1.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i4$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i4.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "directive", type: StylerDirective, selector: "[styler]", inputs: ["element", "styler"] }, { kind: "directive", type: ConditionalClassesDirective, selector: "[conditionalClasses]", inputs: ["element", "conditionalClasses"] }, { kind: "ngmodule", type: MatMenuModule }, { kind: "component", type: i1$4.MatMenu, selector: "mat-menu", inputs: ["backdropClass", "aria-label", "aria-labelledby", "aria-describedby", "xPosition", "yPosition", "overlapTrigger", "hasBackdrop", "class", "classList"], outputs: ["closed", "close"], exportAs: ["matMenu"] }, { kind: "component", type: i1$4.MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i1$4.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { kind: "component", type: MatSlideToggle, selector: "mat-slide-toggle", inputs: ["name", "id", "labelPosition", "aria-label", "aria-labelledby", "aria-describedby", "required", "color", "disabled", "disableRipple", "tabIndex", "checked", "hideIcon", "disabledInteractive"], outputs: ["change", "toggleChange"], exportAs: ["matSlideToggle"] }, { kind: "directive", type: StopPropagationDirective, selector: "[stop-propagation]" }, { kind: "pipe", type: FunctionPipe, name: "func" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
5332
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: GenericTableComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
5333
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.8", type: GenericTableComponent, isStandalone: true, selector: "tb-generic-table", inputs: { $displayData: { classPropertyName: "$displayData", publicName: "displayData", isSignal: true, isRequired: true, transformFunction: null }, $data: { classPropertyName: "$data", publicName: "data", isSignal: true, isRequired: true, transformFunction: null }, $customRows: { classPropertyName: "$customRows", publicName: "customRows", isSignal: true, isRequired: false, transformFunction: null }, $columnInfos: { classPropertyName: "$columnInfos", publicName: "columnInfos", isSignal: true, isRequired: true, transformFunction: null }, $dataSource: { classPropertyName: "$dataSource", publicName: "dataSource", isSignal: true, isRequired: true, transformFunction: null }, $trackBy: { classPropertyName: "$trackBy", publicName: "trackBy", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { selection$: "selection" }, viewQueries: [{ propertyName: "$headerRow", first: true, predicate: MatHeaderRowDef, descendants: true, isSignal: true }, { propertyName: "$footerRow", first: true, predicate: MatFooterRowDef, descendants: true, isSignal: true }, { propertyName: "$table", first: true, predicate: MatTable, descendants: true, isSignal: true }, { propertyName: "$dropList", first: true, predicate: CdkDropList, descendants: true, isSignal: true }], ngImport: i0, template: "<mat-table\r\n #table\r\n cdkDropList\r\n cdkDropListLockAxis='x'\r\n cdkDropListOrientation=\"horizontal\"\r\n class=\"table-drag-list\"\r\n [dataSource]=\"$dataSource()\"\r\n [trackBy]=\"$trackByFunction()\"\r\n [style]=\"$tableWidth()\"\r\n (cdkDropListDropped)=\"drop($event)\"\r\n>\r\n\r\n <!-- select column -->\r\n <ng-container matColumnDef=\"select\">\r\n @let selection = $selection();\r\n <mat-header-cell *matHeaderCellDef class=\"select-column\" [style]=\"$selectionColumnWidth()\">\r\n <mat-checkbox [checked]=\"!!($masterToggleChecked())\"\r\n [indeterminate]=\"$masterToggleIndeterminate()\"\r\n [matTooltip]=\"$selectAllMessage()\"\r\n (change)=\"$event ? masterToggle() : null\" />\r\n <button mat-icon-button class=\"open-menu-icon-button\" disableRipple [matMenuTriggerFor]=\"menu\" [matMenuTriggerRestoreFocus]=\"false\">\r\n <mat-icon class=\"menu-icon\">more_vert</mat-icon>\r\n </button>\r\n <mat-menu #menu=\"matMenu\" >\r\n <button mat-menu-item>\r\n <mat-slide-toggle [checked]=\"$hasSelectFilter()\" (change)=\"addSelectFilter($event.checked)\">\r\n Show Only Selected\r\n </mat-slide-toggle>\r\n </button>\r\n @if(this.$selection().selected.length)\r\n {\r\n <button mat-menu-item (click)=\"$selection().clear()\">\r\n Clear Selection\r\n </button>\r\n }\r\n <button mat-menu-item (click)=\"selectTop(+i.value)\">\r\n Select top \r\n <input #i class=\"input\" stop-propagation type=\"number\" \r\n placeholder=\"Set Size\"\r\n [value]=\"10\"\r\n [min]=\"1\"\r\n [max]=\"dataStore.state().sortedFilteredDataLength\" />\r\n </button>\r\n </mat-menu>\r\n </mat-header-cell>\r\n\r\n <mat-cell *matCellDef=\"let row\" class=\"select-column\" [style]=\"$selectionColumnWidth()\">\r\n <mat-checkbox\r\n [checked]=\"selection.isSelected(row)\"\r\n (click)=\"$event.stopPropagation()\"\r\n (change)=\"$event ? selection.toggle(row) : null\"/>\r\n </mat-cell>\r\n\r\n <mat-footer-cell *matFooterCellDef class=\"select-column\" [style]=\"$selectionColumnWidth()\">\r\n {{ selection.selected.length }}\r\n </mat-footer-cell>\r\n </ng-container>\r\n\r\n\r\n <!-- index column -->\r\n <ng-container matColumnDef=\"index\">\r\n <mat-header-cell *matHeaderCellDef class=\"f-mat-header-cell index-column\" [style]=\"$indexColumnWidth()\">\r\n </mat-header-cell>\r\n <mat-cell *matCellDef=\"let i = index; let t\" class=\"index-column\" [style]=\"$indexColumnWidth()\">\r\n {{ 1 + i + $offsetIndex() }}\r\n </mat-cell>\r\n <mat-footer-cell *matFooterCellDef class=\"index-column\" [style]=\"$indexColumnWidth()\"/>\r\n </ng-container>\r\n\r\n <!-- Grouping -->\r\n <ng-container matColumnDef=\"groupHeader\">\r\n <mat-cell *matCellDef=\"let row\">\r\n @let expanded = (state.$getIsExpanded | func : row.key : row.uniqueName );\r\n @let customTemplate = (getCustomGroupRowTemplate | func : row.key)();\r\n\r\n <!-- Default group row template -->\r\n <div [style.paddingLeft]=\"row.padding + 'px !important'\" [class]=\"'group-cell'\">\r\n @if($hasSelectColumn())\r\n {\r\n @let contains = (allOfGroupSelected | func : row.uniqueName)();\r\n <mat-checkbox [checked]=\"!!contains.containsAll\"\r\n [indeterminate]=\"!!contains.containsSome && !contains.containsAll\"\r\n [matTooltip]=\"toggleGroupMessage | func : contains.length : contains.containsAll\"\r\n (change)=\"$event ? toggleGroup(row.uniqueName, contains.containsAll) : null\" />\r\n }\r\n <button mat-icon-button (click)=\"setExpanded(row.key, row.uniqueName, !expanded());\">\r\n @if (!expanded())\r\n {\r\n <mat-icon>chevron_right</mat-icon>\r\n }\r\n @else\r\n {\r\n <mat-icon>expand_more</mat-icon>\r\n }\r\n </button>\r\n {{ row.custom ? row.groupHeaderDisplay : ((getGroupHeaderTransform | func : row.key : row.groupHeaderDisplay)() + ` (${row.length})`) }}\r\n </div>\r\n @if(customTemplate)\r\n {\r\n <ng-container *ngTemplateOutlet=\"customTemplate; context: { \r\n $implicit: row, \r\n element: row, \r\n expanded: expanded(), \r\n level: row.level, \r\n key: row.key, \r\n uniqueName: row.uniqueName, \r\n groupHeaderDisplay: row.groupHeaderDisplay, \r\n length: row.length, \r\n padding: row.padding \r\n }\" />\r\n }\r\n @else\r\n {\r\n <ng-container *ngTemplateOutlet=\"state.$props().groupHeaderTemplate!; context: { element: row }\" />\r\n }\r\n </mat-cell>\r\n </ng-container>\r\n\r\n <mat-row\r\n *matRowDef=\"let row; columns: $keys(); let i = index\"\r\n [style.height]=\"$rowHeight()\"\r\n [style.min-height]=\"$rowHeight()\"\r\n [styler]=\"$rowStyles()\"\r\n [element]=\"row\"\r\n [conditionalClasses]=\"$rowClasses()\"\r\n (click)=\"rowClicked(row, $event)\"\r\n />\r\n\r\n <!-- group row -->\r\n <mat-row *matRowDef=\"let row; columns: ['groupHeader']; when: isGroupHeader\"\r\n style=\"background-color: unset;\"\r\n [style.height]=\"state.$props().groupHeaderHeight ? state.$props().groupHeaderHeight + 'px' : $groupHeaderHeight()\"\r\n [style.min-height]=\"state.$props().groupHeaderHeight ? state.$props().groupHeaderHeight + 'px' : $groupHeaderHeight()\"/>\r\n</mat-table>\r\n\r\n<mat-header-row *matHeaderRowDef=\"$keys(); sticky: state.$props().isSticky\" [style.height]=\"$headerHeight()\"\r\n [style.min-height]=\"$headerHeight()\" [style.top.px]=\"($offset()! * -1)\"/>\r\n<mat-footer-row *matFooterRowDef=\"$keys(); sticky: false \" [style.height]=\"$footerHeight()\" [class.sticky-footer]=\"$stickyFooter()\"\r\n [style.min-height]=\"$footerHeight()\"\r\n [style.bottom.px]=\"$stickyFooter() ? ($footerOffset()) : undefined\"/>\r\n", styles: [":host{--mat-paginator-container-size: var(tb-paginator-container-size, initial)}.select-column{min-width:var(--tb-min-select-column-width, 42px)}.page-amounts{color:#0000008a;font-family:Roboto,Helvetica Neue,sans-serif;font-size:12px;margin-right:.2rem}.group-cell{display:flex;align-items:center;width:var(--tb-group-cell-width);min-width:var(--tb-group-cell-min-width);max-width:var(--tb-group-cell-max-width)}:host::ng-deep .table-drag-list.cdk-drop-list-dragging .drag-header:not(.cdk-drag-placeholder){transition:transform .25s cubic-bezier(0,0,.2,1)}:host::ng-deep .mdc-data-table__cell,:host::ng-deep .mdc-data-table__header-cell{padding:var(--tb-cell-padding, 0 0 0 .2rem);line-height:var(--tb-cell-line-height, normal)}::ng-deep .op-date-time-input{line-height:3rem;font-size:.9rem;font-family:Roboto,Helvetica Neue,sans-serif;padding-left:.2rem;width:12rem}.sticky-footer{position:sticky;z-index:10}\n"], dependencies: [{ kind: "ngmodule", type: MatTableModule }, { kind: "component", type: i1$6.MatTable, selector: "mat-table, table[mat-table]", exportAs: ["matTable"] }, { kind: "directive", type: i1$6.MatHeaderCellDef, selector: "[matHeaderCellDef]" }, { kind: "directive", type: i1$6.MatHeaderRowDef, selector: "[matHeaderRowDef]", inputs: ["matHeaderRowDef", "matHeaderRowDefSticky"] }, { kind: "directive", type: i1$6.MatColumnDef, selector: "[matColumnDef]", inputs: ["matColumnDef"] }, { kind: "directive", type: i1$6.MatCellDef, selector: "[matCellDef]" }, { kind: "directive", type: i1$6.MatRowDef, selector: "[matRowDef]", inputs: ["matRowDefColumns", "matRowDefWhen"] }, { kind: "directive", type: i1$6.MatFooterCellDef, selector: "[matFooterCellDef]" }, { kind: "directive", type: i1$6.MatFooterRowDef, selector: "[matFooterRowDef]", inputs: ["matFooterRowDef", "matFooterRowDefSticky"] }, { kind: "directive", type: i1$6.MatHeaderCell, selector: "mat-header-cell, th[mat-header-cell]" }, { kind: "directive", type: i1$6.MatCell, selector: "mat-cell, td[mat-cell]" }, { kind: "directive", type: i1$6.MatFooterCell, selector: "mat-footer-cell, td[mat-footer-cell]" }, { kind: "component", type: i1$6.MatHeaderRow, selector: "mat-header-row, tr[mat-header-row]", exportAs: ["matHeaderRow"] }, { kind: "component", type: i1$6.MatRow, selector: "mat-row, tr[mat-row]", exportAs: ["matRow"] }, { kind: "component", type: i1$6.MatFooterRow, selector: "mat-footer-row, tr[mat-footer-row]", exportAs: ["matFooterRow"] }, { kind: "ngmodule", type: DragDropModule }, { kind: "directive", type: i5.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: "ngmodule", type: MatCheckboxModule }, { kind: "component", type: i1$1.MatCheckbox, selector: "mat-checkbox", inputs: ["aria-label", "aria-labelledby", "aria-describedby", "aria-expanded", "aria-controls", "aria-owns", "id", "required", "labelPosition", "name", "value", "disableRipple", "tabIndex", "color", "disabledInteractive", "checked", "disabled", "indeterminate"], outputs: ["change", "indeterminateChange"], exportAs: ["matCheckbox"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i2$1.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i4$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i4.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "directive", type: StylerDirective, selector: "[styler]", inputs: ["element", "styler"] }, { kind: "directive", type: ConditionalClassesDirective, selector: "[conditionalClasses]", inputs: ["element", "conditionalClasses"] }, { kind: "ngmodule", type: MatMenuModule }, { kind: "component", type: i1$4.MatMenu, selector: "mat-menu", inputs: ["backdropClass", "aria-label", "aria-labelledby", "aria-describedby", "xPosition", "yPosition", "overlapTrigger", "hasBackdrop", "class", "classList"], outputs: ["closed", "close"], exportAs: ["matMenu"] }, { kind: "component", type: i1$4.MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i1$4.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { kind: "component", type: MatSlideToggle, selector: "mat-slide-toggle", inputs: ["name", "id", "labelPosition", "aria-label", "aria-labelledby", "aria-describedby", "required", "color", "disabled", "disableRipple", "tabIndex", "checked", "hideIcon", "disabledInteractive"], outputs: ["change", "toggleChange"], exportAs: ["matSlideToggle"] }, { kind: "directive", type: StopPropagationDirective, selector: "[stop-propagation]" }, { kind: "pipe", type: FunctionPipe, name: "func" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
5334
5334
|
}
|
|
5335
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
5335
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: GenericTableComponent, decorators: [{
|
|
5336
5336
|
type: Component,
|
|
5337
5337
|
args: [{ selector: 'tb-generic-table', changeDetection: ChangeDetectionStrategy.OnPush, imports: [
|
|
5338
5338
|
MatTableModule, DragDropModule, MatCheckboxModule, MatButtonModule, MatIconModule, NgTemplateOutlet,
|
|
@@ -5363,7 +5363,7 @@ class ExportToCsvService {
|
|
|
5363
5363
|
|| {};
|
|
5364
5364
|
const tableSettings = (this.state.$notPersistedTableSettings()?.exportSettings || {});
|
|
5365
5365
|
return merge(tableSettings, merge(globalSettings, {}));
|
|
5366
|
-
}, ...(ngDevMode ? [{ debugName: "$exportSettings" }] : []));
|
|
5366
|
+
}, ...(ngDevMode ? [{ debugName: "$exportSettings" }] : /* istanbul ignore next */ []));
|
|
5367
5367
|
this.exportToCsv = (data) => {
|
|
5368
5368
|
const hiddenKeys = this.state.selectSignal(s => s.hiddenKeys)();
|
|
5369
5369
|
const meta = this.state.$metaDataArray().filter(md => !md.noExport && !hiddenKeys.includes(md.key));
|
|
@@ -5458,10 +5458,10 @@ class ExportToCsvService {
|
|
|
5458
5458
|
}
|
|
5459
5459
|
return this.datePipe.transform(val, dateFormat);
|
|
5460
5460
|
}
|
|
5461
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
5462
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.
|
|
5461
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: ExportToCsvService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
5462
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: ExportToCsvService }); }
|
|
5463
5463
|
}
|
|
5464
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
5464
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: ExportToCsvService, decorators: [{
|
|
5465
5465
|
type: Injectable
|
|
5466
5466
|
}] });
|
|
5467
5467
|
|
|
@@ -5676,10 +5676,10 @@ class TableBuilderStateStore extends ComponentStore {
|
|
|
5676
5676
|
this.deleteLocalProfilesState({ key, stateKey });
|
|
5677
5677
|
};
|
|
5678
5678
|
}
|
|
5679
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
5680
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.
|
|
5679
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: TableBuilderStateStore, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
5680
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: TableBuilderStateStore, providedIn: 'root' }); }
|
|
5681
5681
|
}
|
|
5682
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
5682
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: TableBuilderStateStore, decorators: [{
|
|
5683
5683
|
type: Injectable,
|
|
5684
5684
|
args: [{ providedIn: 'root' }]
|
|
5685
5685
|
}], ctorParameters: () => [] });
|
|
@@ -5813,13 +5813,13 @@ class PaginatorComponent {
|
|
|
5813
5813
|
constructor() {
|
|
5814
5814
|
this.state = inject(TableStore);
|
|
5815
5815
|
this.data = inject(DataStore);
|
|
5816
|
-
this.$paginator = viewChild(MatPaginator, ...(ngDevMode ? [{ debugName: "$paginator" }] : []));
|
|
5816
|
+
this.$paginator = viewChild(MatPaginator, ...(ngDevMode ? [{ debugName: "$paginator" }] : /* istanbul ignore next */ []));
|
|
5817
5817
|
this.$dataLength = this.data.selectSignal(d => d.sortedFilteredDataLength);
|
|
5818
5818
|
this.$viewableDataLength = this.data.selectSignal(d => d.sortedFilteredGroupedDataLength);
|
|
5819
5819
|
this.pageEvent$ = toObservable(this.$paginator).pipe(notNull(), switchMap(p => p.page));
|
|
5820
5820
|
this.$pageEvent = toSignal(this.pageEvent$);
|
|
5821
|
-
this.$pageIndexChangeEvent = computed(() => this.$pageEvent()?.pageIndex, ...(ngDevMode ? [{ debugName: "$pageIndexChangeEvent" }] : []));
|
|
5822
|
-
this.$pageSizeChangeEvent = computed(() => this.$pageEvent()?.pageSize, ...(ngDevMode ? [{ debugName: "$pageSizeChangeEvent" }] : []));
|
|
5821
|
+
this.$pageIndexChangeEvent = computed(() => this.$pageEvent()?.pageIndex, ...(ngDevMode ? [{ debugName: "$pageIndexChangeEvent" }] : /* istanbul ignore next */ []));
|
|
5822
|
+
this.$pageSizeChangeEvent = computed(() => this.$pageEvent()?.pageSize, ...(ngDevMode ? [{ debugName: "$pageSizeChangeEvent" }] : /* istanbul ignore next */ []));
|
|
5823
5823
|
this.$currentPageData = computed(() => {
|
|
5824
5824
|
const pageEvent = this.$pageEvent();
|
|
5825
5825
|
if (!pageEvent)
|
|
@@ -5832,20 +5832,20 @@ class PaginatorComponent {
|
|
|
5832
5832
|
const pageDetails = mapPaginationEventToCurrentPageDetails(pageEvent);
|
|
5833
5833
|
const dataLength = this.$dataLength();
|
|
5834
5834
|
return ({ ...pageDetails, total: dataLength });
|
|
5835
|
-
}, ...(ngDevMode ? [{ debugName: "$currentPageData" }] : []));
|
|
5835
|
+
}, ...(ngDevMode ? [{ debugName: "$currentPageData" }] : /* istanbul ignore next */ []));
|
|
5836
5836
|
this.#onPageIndexEffect = effect(() => {
|
|
5837
5837
|
const index = this.$pageIndexChangeEvent();
|
|
5838
5838
|
if (index === undefined)
|
|
5839
5839
|
return;
|
|
5840
5840
|
untracked(() => this.state.setCurrentPage(index));
|
|
5841
|
-
}, ...(ngDevMode ? [{ debugName: "#onPageIndexEffect" }] : []));
|
|
5841
|
+
}, ...(ngDevMode ? [{ debugName: "#onPageIndexEffect" }] : /* istanbul ignore next */ []));
|
|
5842
5842
|
this.#onPageSizeEffect = effect(() => {
|
|
5843
5843
|
const size = this.$pageSizeChangeEvent();
|
|
5844
5844
|
const initialized = this.state.$initializationState() >= InitializationState.Ready;
|
|
5845
5845
|
if (!size || !initialized)
|
|
5846
5846
|
return;
|
|
5847
5847
|
untracked(() => this.state.setUserDefinedPageSize(size));
|
|
5848
|
-
}, ...(ngDevMode ? [{ debugName: "#onPageSizeEffect" }] : []));
|
|
5848
|
+
}, ...(ngDevMode ? [{ debugName: "#onPageSizeEffect" }] : /* istanbul ignore next */ []));
|
|
5849
5849
|
this.#onMetaPageSizeEffect = effect(() => {
|
|
5850
5850
|
const paginator = this.$paginator();
|
|
5851
5851
|
if (!paginator)
|
|
@@ -5853,7 +5853,7 @@ class PaginatorComponent {
|
|
|
5853
5853
|
const metaPageSize = this.state.$pageSize();
|
|
5854
5854
|
const initialized = this.state.$initializationState() >= InitializationState.Ready;
|
|
5855
5855
|
untracked(() => initialized && paginator._changePageSize(metaPageSize));
|
|
5856
|
-
}, ...(ngDevMode ? [{ debugName: "#onMetaPageSizeEffect" }] : []));
|
|
5856
|
+
}, ...(ngDevMode ? [{ debugName: "#onMetaPageSizeEffect" }] : /* istanbul ignore next */ []));
|
|
5857
5857
|
this.onDataLengthEffect = effect(() => {
|
|
5858
5858
|
const paginator = this.$paginator();
|
|
5859
5859
|
const dataLength = this.$viewableDataLength();
|
|
@@ -5867,8 +5867,8 @@ class PaginatorComponent {
|
|
|
5867
5867
|
}
|
|
5868
5868
|
}
|
|
5869
5869
|
});
|
|
5870
|
-
}, ...(ngDevMode ? [{ debugName: "onDataLengthEffect" }] : []));
|
|
5871
|
-
this.$collapseFooter = computed(() => this.state.selectSignal(state => state.persistedTableSettings.collapseFooter)(), ...(ngDevMode ? [{ debugName: "$collapseFooter" }] : []));
|
|
5870
|
+
}, ...(ngDevMode ? [{ debugName: "onDataLengthEffect" }] : /* istanbul ignore next */ []));
|
|
5871
|
+
this.$collapseFooter = computed(() => this.state.selectSignal(state => state.persistedTableSettings.collapseFooter)(), ...(ngDevMode ? [{ debugName: "$collapseFooter" }] : /* istanbul ignore next */ []));
|
|
5872
5872
|
this.$showAllOption = this.state.selectSignal(s => s.notPersistedTableSettings?.paginatorSettings?.includeAllInOptions);
|
|
5873
5873
|
this.$showAll = this.state.$showAll;
|
|
5874
5874
|
}
|
|
@@ -5882,8 +5882,8 @@ class PaginatorComponent {
|
|
|
5882
5882
|
this.state.toggleCollapseFooter({ collapseFooter: true });
|
|
5883
5883
|
}
|
|
5884
5884
|
}
|
|
5885
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
5886
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.
|
|
5885
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: PaginatorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
5886
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.8", type: PaginatorComponent, isStandalone: true, selector: "tb-paginator", viewQueries: [{ propertyName: "$paginator", first: true, predicate: MatPaginator, descendants: true, isSignal: true }], ngImport: i0, template: `
|
|
5887
5887
|
<div class="paginator-row">
|
|
5888
5888
|
@if($currentPageData(); as pageData)
|
|
5889
5889
|
{
|
|
@@ -5912,7 +5912,7 @@ class PaginatorComponent {
|
|
|
5912
5912
|
</div>
|
|
5913
5913
|
`, isInline: true, styles: [":host{--mat-paginator-container-size: var(tb-paginator-container-size, initial)}.select-column{min-width:var(--tb-min-select-column-width, 42px)}.page-amounts{color:#0000008a;font-family:Roboto,Helvetica Neue,sans-serif;font-size:12px;margin-right:.2rem}.group-cell{display:flex;align-items:center;width:var(--tb-group-cell-width);min-width:var(--tb-group-cell-min-width);max-width:var(--tb-group-cell-max-width)}:host::ng-deep .table-drag-list.cdk-drop-list-dragging .drag-header:not(.cdk-drag-placeholder){transition:transform .25s cubic-bezier(0,0,.2,1)}:host::ng-deep .mdc-data-table__cell,:host::ng-deep .mdc-data-table__header-cell{padding:var(--tb-cell-padding, 0 0 0 .2rem);line-height:var(--tb-cell-line-height, normal)}::ng-deep .op-date-time-input{line-height:3rem;font-size:.9rem;font-family:Roboto,Helvetica Neue,sans-serif;padding-left:.2rem;width:12rem}.sticky-footer{position:sticky;z-index:10}\n", ".collapse-icon{font-size:16px;height:16px;color:#3f51b5;align-self:flex-start}.collapse-icon:hover{cursor:pointer}.hide{display:none}.paginator-row{display:flex;align-items:center}\n"], dependencies: [{ kind: "ngmodule", type: MatPaginatorModule }, { kind: "component", type: i1$7.MatPaginator, selector: "mat-paginator", inputs: ["color", "pageIndex", "length", "pageSize", "pageSizeOptions", "hidePageSize", "showFirstLastButtons", "selectConfig", "disabled"], outputs: ["page"], exportAs: ["matPaginator"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i2$1.MatButton, selector: " button[matButton], a[matButton], button[mat-button], button[mat-raised-button], button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button], a[mat-flat-button], a[mat-stroked-button] ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
5914
5914
|
}
|
|
5915
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
5915
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: PaginatorComponent, decorators: [{
|
|
5916
5916
|
type: Component,
|
|
5917
5917
|
args: [{ selector: 'tb-paginator', imports: [MatPaginatorModule, MatButtonModule], template: `
|
|
5918
5918
|
<div class="paginator-row">
|
|
@@ -5958,17 +5958,17 @@ class TableBuilderDataSource extends MatTableDataSource {
|
|
|
5958
5958
|
}
|
|
5959
5959
|
constructor(state, data) {
|
|
5960
5960
|
super([]);
|
|
5961
|
-
this.#$dataSrc = signal([], ...(ngDevMode ? [{ debugName: "#$dataSrc" }] : []));
|
|
5962
|
-
this.$dataSize = signal({ start: 0, end: 0 }, { ...(ngDevMode ? { debugName: "$dataSize" } : {}), equal: (a, b) => a.start === b.start && a.end === b.end });
|
|
5961
|
+
this.#$dataSrc = signal([], ...(ngDevMode ? [{ debugName: "#$dataSrc" }] : /* istanbul ignore next */ []));
|
|
5962
|
+
this.$dataSize = signal({ start: 0, end: 0 }, { ...(ngDevMode ? { debugName: "$dataSize" } : /* istanbul ignore next */ {}), equal: (a, b) => a.start === b.start && a.end === b.end });
|
|
5963
5963
|
this._ = effect(() => {
|
|
5964
5964
|
const data = this.#$dataSrc();
|
|
5965
5965
|
const dataSize = this.$dataSize();
|
|
5966
5966
|
untracked(() => this.data = data.slice(dataSize.start, dataSize.end));
|
|
5967
|
-
}, ...(ngDevMode ? [{ debugName: "_" }] : []));
|
|
5967
|
+
}, ...(ngDevMode ? [{ debugName: "_" }] : /* istanbul ignore next */ []));
|
|
5968
5968
|
const $currentPage = state.$currentPage;
|
|
5969
5969
|
const $pageSize = state.$pageSize;
|
|
5970
5970
|
const $virtualEnds = data.selectSignal(d => d.virtualEnds);
|
|
5971
|
-
const $dataLength = computed(() => this.#$dataSrc().length, ...(ngDevMode ? [{ debugName: "$dataLength" }] : []));
|
|
5971
|
+
const $dataLength = computed(() => this.#$dataSrc().length, ...(ngDevMode ? [{ debugName: "$dataLength" }] : /* istanbul ignore next */ []));
|
|
5972
5972
|
this.$dataSize = computed(() => {
|
|
5973
5973
|
const viewType = state.$viewType();
|
|
5974
5974
|
const dataLength = $dataLength();
|
|
@@ -5986,7 +5986,7 @@ class TableBuilderDataSource extends MatTableDataSource {
|
|
|
5986
5986
|
return ({ start: 0, end: dataLength });
|
|
5987
5987
|
}
|
|
5988
5988
|
return ({ start: virtualEnds.start, end: virtualEnds.end });
|
|
5989
|
-
}, ...(ngDevMode ? [{ debugName: "$dataSize" }] : []));
|
|
5989
|
+
}, ...(ngDevMode ? [{ debugName: "$dataSize" }] : /* istanbul ignore next */ []));
|
|
5990
5990
|
}
|
|
5991
5991
|
connect() {
|
|
5992
5992
|
return super.connect();
|
|
@@ -6032,12 +6032,12 @@ class GroupByListComponent {
|
|
|
6032
6032
|
name: dict[gbk.key].displayName || gbk.key,
|
|
6033
6033
|
sort: this.tableStore.getGroupBySortDirection(gbk.key)(),
|
|
6034
6034
|
}));
|
|
6035
|
-
}, ...(ngDevMode ? [{ debugName: "$groups" }] : []));
|
|
6035
|
+
}, ...(ngDevMode ? [{ debugName: "$groups" }] : /* istanbul ignore next */ []));
|
|
6036
6036
|
}
|
|
6037
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
6038
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.
|
|
6037
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: GroupByListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
6038
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.8", type: GroupByListComponent, isStandalone: true, selector: "group-by-list", ngImport: i0, template: "<span class=\"tb-group-label\">Group By:</span>\r\n<mat-chip-set>\r\n @for (groupBy of $groups(); track groupBy.key)\r\n {\r\n @if($index > 0)\r\n {\r\n <mat-icon class=\"nested-arrow\">arrow_right</mat-icon>\r\n }\r\n <mat-chip (removed)=\"tableStore.removeGroupByKey(groupBy.key)\">\r\n <span class=\"chip-c\">\r\n {{groupBy.name | spaceCase}}\r\n <mat-icon stop-propagation class=\"sort-icon\" (click)=\"tableStore.cycleGroupBySortDirection(groupBy.key)\">\r\n @if (groupBy.sort === 'asc'){ arrow_upward }\r\n @else if (groupBy.sort === 'desc') { arrow_downward } \r\n @else { swap_vert }\r\n </mat-icon>\r\n </span>\r\n <mat-icon matChipRemove>cancel</mat-icon>\r\n </mat-chip>\r\n }\r\n</mat-chip-set>\r\n", styles: [".tb-group-label{font-weight:bolder;padding-right:15px}:host{display:flex;padding-left:8px;align-items:center}:host mat-chip-set mat-chip{margin:0}:host mat-chip-set .nested-arrow{display:flex;width:15px;justify-content:center}.chip-c{display:flex;align-items:center}.sort-icon{cursor:pointer}\n"], dependencies: [{ kind: "ngmodule", type: MatChipsModule }, { kind: "component", type: i2$2.MatChip, selector: "mat-basic-chip, [mat-basic-chip], mat-chip, [mat-chip]", inputs: ["role", "id", "aria-label", "aria-description", "value", "color", "removable", "highlighted", "disableRipple", "disabled"], outputs: ["removed", "destroyed"], exportAs: ["matChip"] }, { kind: "directive", type: i2$2.MatChipRemove, selector: "[matChipRemove]" }, { kind: "component", type: i2$2.MatChipSet, selector: "mat-chip-set", inputs: ["disabled", "role", "tabIndex"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i4$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: StopPropagationDirective, selector: "[stop-propagation]" }, { kind: "pipe", type: SpaceCasePipe, name: "spaceCase" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
6039
6039
|
}
|
|
6040
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
6040
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: GroupByListComponent, decorators: [{
|
|
6041
6041
|
type: Component,
|
|
6042
6042
|
args: [{ selector: 'group-by-list', changeDetection: ChangeDetectionStrategy.OnPush, imports: [
|
|
6043
6043
|
MatChipsModule, MatIconModule, SpaceCasePipe, StopPropagationDirective
|
|
@@ -6048,15 +6048,15 @@ class ProfilesMenuComponent {
|
|
|
6048
6048
|
constructor() {
|
|
6049
6049
|
this.stateService = inject(TableBuilderStateStore);
|
|
6050
6050
|
this.tableStore = inject(TableStore);
|
|
6051
|
-
this.$tableId = input.required({ ...(ngDevMode ? { debugName: "$tableId" } : {}), alias: 'tableId' });
|
|
6052
|
-
this.$isMatMenuChild = input(false, { ...(ngDevMode ? { debugName: "$isMatMenuChild" } : {}), alias: 'isMatMenuChild' });
|
|
6053
|
-
this.trigger = viewChild('trigger', ...(ngDevMode ? [{ debugName: "trigger" }] : []));
|
|
6051
|
+
this.$tableId = input.required({ ...(ngDevMode ? { debugName: "$tableId" } : /* istanbul ignore next */ {}), alias: 'tableId' });
|
|
6052
|
+
this.$isMatMenuChild = input(false, { ...(ngDevMode ? { debugName: "$isMatMenuChild" } : /* istanbul ignore next */ {}), alias: 'isMatMenuChild' });
|
|
6053
|
+
this.trigger = viewChild('trigger', ...(ngDevMode ? [{ debugName: "trigger" }] : /* istanbul ignore next */ []));
|
|
6054
6054
|
this.menu = viewChild.required(MatMenu);
|
|
6055
|
-
this.allProfilesPanelOpened = signal(false, ...(ngDevMode ? [{ debugName: "allProfilesPanelOpened" }] : []));
|
|
6056
|
-
this.newProfilePanelOpened = signal(false, ...(ngDevMode ? [{ debugName: "newProfilePanelOpened" }] : []));
|
|
6057
|
-
this.$currentProfile = computed(() => this.stateService.$selectLocalProfileCurrentKey(this.$tableId())(), ...(ngDevMode ? [{ debugName: "$currentProfile" }] : []));
|
|
6058
|
-
this.$defaultProfile = computed(() => this.stateService.$selectLocalProfileDefaultKey(this.$tableId())(), ...(ngDevMode ? [{ debugName: "$defaultProfile" }] : []));
|
|
6059
|
-
this.$keys = computed(() => this.stateService.$selectLocalProfileKeys(this.$tableId())(), ...(ngDevMode ? [{ debugName: "$keys" }] : []));
|
|
6055
|
+
this.allProfilesPanelOpened = signal(false, ...(ngDevMode ? [{ debugName: "allProfilesPanelOpened" }] : /* istanbul ignore next */ []));
|
|
6056
|
+
this.newProfilePanelOpened = signal(false, ...(ngDevMode ? [{ debugName: "newProfilePanelOpened" }] : /* istanbul ignore next */ []));
|
|
6057
|
+
this.$currentProfile = computed(() => this.stateService.$selectLocalProfileCurrentKey(this.$tableId())(), ...(ngDevMode ? [{ debugName: "$currentProfile" }] : /* istanbul ignore next */ []));
|
|
6058
|
+
this.$defaultProfile = computed(() => this.stateService.$selectLocalProfileDefaultKey(this.$tableId())(), ...(ngDevMode ? [{ debugName: "$defaultProfile" }] : /* istanbul ignore next */ []));
|
|
6059
|
+
this.$keys = computed(() => this.stateService.$selectLocalProfileKeys(this.$tableId())(), ...(ngDevMode ? [{ debugName: "$keys" }] : /* istanbul ignore next */ []));
|
|
6060
6060
|
this.defaultName = 'My Profile';
|
|
6061
6061
|
this.position$ = new Subject();
|
|
6062
6062
|
this.setPosition = (e) => {
|
|
@@ -6084,10 +6084,10 @@ class ProfilesMenuComponent {
|
|
|
6084
6084
|
unsetDefault() {
|
|
6085
6085
|
this.stateService.unsetDefaultFromLocalAndStorage(this.$tableId());
|
|
6086
6086
|
}
|
|
6087
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
6088
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.
|
|
6087
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: ProfilesMenuComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
6088
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.8", type: ProfilesMenuComponent, isStandalone: true, selector: "tb-profiles-menu", inputs: { $tableId: { classPropertyName: "$tableId", publicName: "tableId", isSignal: true, isRequired: true, transformFunction: null }, $isMatMenuChild: { classPropertyName: "$isMatMenuChild", publicName: "isMatMenuChild", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "trigger", first: true, predicate: ["trigger"], descendants: true, isSignal: true }, { propertyName: "menu", first: true, predicate: MatMenu, descendants: true, isSignal: true }], ngImport: i0, template: "@if(!$isMatMenuChild())\r\n{\r\n <button #trigger=\"matMenuTrigger\" color=\"primary\" mat-icon-button [matMenuTriggerFor]=\"menu\" [matTooltip]=\"'Profiles'\">\r\n <mat-icon color=\"primary\">people</mat-icon>\r\n </button>\r\n}\r\n<mat-menu #menu=\"matMenu\" (closed)=\"addedKey.value = null; allProfilesPanelOpened.set(false); newProfilePanelOpened.set(false)\">\r\n @if(!!$currentProfile())\r\n {\r\n <div mat-menu-item mat-stroked-button [matTooltip]=\"'Save Profile'\" (click)=\"saveState($currentProfile()!)\">\r\n <mat-icon color=\"primary\">save</mat-icon>\r\n <span>{{$currentProfile()}}</span>\r\n </div>\r\n }\r\n @else\r\n {\r\n <div class=\"profile-line\">\r\n <button color=\"primary\" class=\"first-in-line first-button\" mat-stroked-button (click)=\"addState(defaultName, m.checked);\">\r\n <mat-icon class=\"save-for-default-icon button-save-icon\" color=\"primary\">save</mat-icon>\r\n <span>Save as <span class=\"current-name\">{{defaultName}}</span> </span>\r\n </button>\r\n <button stop-propagation mat-icon-button [matTooltip]=\"'Toggle Profile Being Created As Default'\" (click)=\"m.toggle()\" >\r\n <mat-icon style=\"color: green;\">{{m.checked ? 'star' : 'star_border'}}</mat-icon>\r\n </button>\r\n <mat-checkbox #m class=\"display-none\" [checked]=\"true\" />\r\n </div>\r\n }\r\n @if (allProfilesPanelOpened()) {<hr class=\"divider\"/>}\r\n <div mat-menu-item stop-propagation [class]=\"{ hide: !$keys().length, 'all-profile-row': true }\" (click)=\"allProfilesPanelOpened.set(!allProfilesPanelOpened())\">\r\n <div class=\"all-profiles\">\r\n <span>All Profiles</span>\r\n <span class=\"arrow\" [class]=\"`${(allProfilesPanelOpened() ? 'all-profile-arrow-close' : 'all-profile-arrow-open')} all-profile-arrow`\"></span>\r\n </div>\r\n </div>\r\n <div [class]=\"{ hide: !allProfilesPanelOpened(), panel: true }\">\r\n @for (key of $keys() ; track key)\r\n {\r\n <div class=\"profile-line\" [class]=\"key === $currentProfile() ? 'current-in-list' : 'not-current-in-list'\">\r\n <button class=\"menu-item first-in-line\" mat-stroked-button [matTooltip]=\"'Select Profile'\" (click)='stateService.setLocalCurrentState({ tableId: $tableId(), currentStateKey: key})'>\r\n <span>{{key}}</span>\r\n </button>\r\n @if(key !== $defaultProfile())\r\n {\r\n <button stop-propagation mat-icon-button [matTooltip]=\"'Toggle Profile Being Default'\" (click)=\"setDefault(key)\">\r\n <mat-icon style=\"color: green;\">star_border</mat-icon>\r\n </button>\r\n }\r\n @else\r\n {\r\n <button stop-propagation mat-icon-button [matTooltip]=\"'Toggle Profile Being Default'\" (click)=\"unsetDefault()\">\r\n <mat-icon style=\"color: green;\">star</mat-icon>\r\n </button>\r\n }\r\n <button color=\"warn\" class=\"last-in-line\" stop-propagation mat-icon-button [matTooltip]=\"'Delete Profile'\" (click)='stateService.deleteProfileFromLocalAndStorage($tableId(), key)'>\r\n <mat-icon color='warn'>delete_forever</mat-icon>\r\n </button>\r\n </div>\r\n }\r\n <hr class=\"divider\"/>\r\n </div>\r\n <div class=\"add-new-profile-row\" mat-menu-item stop-propagation (click)=\"newProfilePanelOpened.set(!newProfilePanelOpened()); addedKey.focus()\">Add New Profile</div>\r\n <div [class]=\"{ hide: !newProfilePanelOpened(), panel: true }\" >\r\n <div class=\"profile-line\" stop-propagation>\r\n <div class=\"new-name-input\">\r\n <i class=\"input-hint\">Enter New Name</i>\r\n <input #addedKey=\"matInput\" matInput [name]=\"'key'\" />\r\n </div>\r\n <button stop-propagation mat-icon-button [matTooltip]=\"'Toggle Profile Being Created As Default'\" (click)=\"m2.toggle()\" >\r\n <mat-icon style=\"color: green;\">{{m2.checked ? 'star' : 'star_border'}}</mat-icon>\r\n </button>\r\n <mat-checkbox #m2 class=\"display-none\" [ngModel]=\"!$defaultProfile()\" />\r\n </div>\r\n <button class=\"add-button\" color=\"primary\" mat-raised-button [matTooltip]=\"'Create New Profile'\" [disabled]=\"!addedKey.value\" (click)=\"addState(addedKey.value, m2.checked); addedKey.value = null\">\r\n Add\r\n </button>\r\n </div>\r\n</mat-menu>\r\n", styles: [":host ::ng-deep .mat-expansion-panel-header{padding:0}.current-name{color:var(tb-current-profile, blue)}.menu-item{display:inline-flex;width:initial;flex-grow:1}.profile-line{display:flex;justify-content:space-between;align-items:center}.first-in-line{--f-b: 2rem;margin-left:var(--mat-menu-item-with-icon-leading-spacing)}.first-in-line.first-button{height:var(--f-b);margin:.2rem}.first-in-line .button-save-icon{height:var(--f-b);width:var(--f-b);font-size:var(--f-b)}.main-save-button{height:4rem;width:4rem;padding:.5rem}.main-save-button mat-icon{height:3rem;width:3rem;font-size:3rem}.save-for-default-icon{margin:0}.display-none{display:none}.last-in-line{padding-right:var(--mat-menu-item-with-icon-trailing-spacing)}.default-cursor{cursor:default}.as-def{padding-left:var(--mat-menu-item-with-icon-leading-spacing)}.divider{margin:.2px 0}.add-key{max-width:8.5rem;margin-left:2px}.add-key ::ng-deep .mdc-text-field{padding:0}.panel{transition:height .1s}.hide{height:0;min-height:0;overflow:hidden}.open-panel-button{width:100%;height:2.5rem}.current-in-list{border-left:3px solid blue;background-color:#0000ff0d}.not-current-in-list{border-left:3px solid rgba(255,255,255,0)}.add-new-profile-row,.all-profile-row{border-top:rgba(128,128,128,.25) solid 1px}.all-profiles{display:flex;justify-content:space-between}.all-profiles:has(.all-profile-arrow-close){align-items:center}.all-profile-arrow{display:inline-block;height:.7rem;width:.7rem;border-color:#000;transform:rotate(-45deg)}.all-profile-arrow-open{border-left:solid 2px;border-bottom:solid 2px}.all-profile-arrow-close{border-right:solid 2px;border-top:solid 2px}.new-name-input{margin-left:3px;display:flex;flex-direction:column}.new-name-input .input-hint{font-size:smaller;font-weight:200;color:gray}.add-button{height:20px;line-height:20px;margin:3px 0 0 3px}\n"], dependencies: [{ kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "component", type: MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatMenuModule }, { kind: "component", type: i1$4.MatMenu, selector: "mat-menu", inputs: ["backdropClass", "aria-label", "aria-labelledby", "aria-describedby", "xPosition", "yPosition", "overlapTrigger", "hasBackdrop", "class", "classList"], outputs: ["closed", "close"], exportAs: ["matMenu"] }, { kind: "component", type: i1$4.MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i1$4.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { kind: "component", type: MatButton, selector: " button[matButton], a[matButton], button[mat-button], button[mat-raised-button], button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button], a[mat-flat-button], a[mat-stroked-button] ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "directive", type: MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl], input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "component", type: MatCheckbox, selector: "mat-checkbox", inputs: ["aria-label", "aria-labelledby", "aria-describedby", "aria-expanded", "aria-controls", "aria-owns", "id", "required", "labelPosition", "name", "value", "disableRipple", "tabIndex", "color", "disabledInteractive", "checked", "disabled", "indeterminate"], outputs: ["change", "indeterminateChange"], exportAs: ["matCheckbox"] }, { kind: "directive", type: StopPropagationDirective, selector: "[stop-propagation]" }, { kind: "ngmodule", type: MatInputModule }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
6089
6089
|
}
|
|
6090
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
6090
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: ProfilesMenuComponent, decorators: [{
|
|
6091
6091
|
type: Component,
|
|
6092
6092
|
args: [{ selector: 'tb-profiles-menu', imports: [MatIcon, MatTooltip, MatIconButton, MatMenuModule, MatButton, MatInput,
|
|
6093
6093
|
MatCheckbox, StopPropagationDirective, MatInputModule, FormsModule
|
|
@@ -6104,7 +6104,7 @@ class SortMenuComponentStore extends ComponentStore {
|
|
|
6104
6104
|
return;
|
|
6105
6105
|
this.tableState.$selectSorted();
|
|
6106
6106
|
untracked(() => this.setStateFromTableStore());
|
|
6107
|
-
}, ...(ngDevMode ? [{ debugName: "setStoreStateEffect" }] : []));
|
|
6107
|
+
}, ...(ngDevMode ? [{ debugName: "setStoreStateEffect" }] : /* istanbul ignore next */ []));
|
|
6108
6108
|
this.setStateFromTableStore = () => {
|
|
6109
6109
|
const metaData = this.tableState.$metaData();
|
|
6110
6110
|
const sorted = [...this.tableState.$selectSorted()].map(s => ({
|
|
@@ -6130,10 +6130,10 @@ class SortMenuComponentStore extends ComponentStore {
|
|
|
6130
6130
|
this.setStateFromTableStore();
|
|
6131
6131
|
};
|
|
6132
6132
|
}
|
|
6133
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
6134
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.
|
|
6133
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: SortMenuComponentStore, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
6134
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: SortMenuComponentStore }); }
|
|
6135
6135
|
}
|
|
6136
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
6136
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: SortMenuComponentStore, decorators: [{
|
|
6137
6137
|
type: Injectable
|
|
6138
6138
|
}], ctorParameters: () => [] });
|
|
6139
6139
|
|
|
@@ -6142,9 +6142,9 @@ class SortMenuComponent {
|
|
|
6142
6142
|
this.SortDirection = SortDirection;
|
|
6143
6143
|
this.tableState = inject(TableStore);
|
|
6144
6144
|
this.store = inject(SortMenuComponentStore);
|
|
6145
|
-
this.$sorted = computed(() => [...this.store.$sorted()], ...(ngDevMode ? [{ debugName: "$sorted" }] : []));
|
|
6146
|
-
this.$notSorted = computed(() => [...this.store.$notSorted()], ...(ngDevMode ? [{ debugName: "$notSorted" }] : []));
|
|
6147
|
-
this.$dirty = signal(false, ...(ngDevMode ? [{ debugName: "$dirty" }] : []));
|
|
6145
|
+
this.$sorted = computed(() => [...this.store.$sorted()], ...(ngDevMode ? [{ debugName: "$sorted" }] : /* istanbul ignore next */ []));
|
|
6146
|
+
this.$notSorted = computed(() => [...this.store.$notSorted()], ...(ngDevMode ? [{ debugName: "$notSorted" }] : /* istanbul ignore next */ []));
|
|
6147
|
+
this.$dirty = signal(false, ...(ngDevMode ? [{ debugName: "$dirty" }] : /* istanbul ignore next */ []));
|
|
6148
6148
|
this.apply = () => {
|
|
6149
6149
|
this.$dirty.set(false);
|
|
6150
6150
|
this.tableState.setAllSort(this.store.$sorted());
|
|
@@ -6187,10 +6187,10 @@ class SortMenuComponent {
|
|
|
6187
6187
|
this.$dirty.set(true);
|
|
6188
6188
|
this.store.setDirection(sort);
|
|
6189
6189
|
}
|
|
6190
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
6191
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.
|
|
6190
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: SortMenuComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
6191
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.8", type: SortMenuComponent, isStandalone: true, selector: "tb-sort-menu", providers: [SortMenuComponentStore], ngImport: i0, template: "@let dirty = $dirty();\r\n@let sorted = $sorted();\r\n@let notSorted = $notSorted();\r\n\r\n<!-- Menu Trigger -->\r\n<span matTooltip=\"Sort\">\r\n <button color=\"primary\" mat-icon-button [matMenuTriggerFor]=\"menu\">\r\n <mat-icon color=\"primary\">swap_vert</mat-icon>\r\n </button>\r\n</span>\r\n\r\n<!-- Menu -->\r\n<mat-menu #menu=\"matMenu\" class=\"my-mat-menu\" (closed)=\"reset()\">\r\n <div mat-menu-item class=\"menu-button\">\r\n <div class=\"close-button-wrapper\">\r\n <span matTooltip=\"Close\">\r\n <mat-icon>close</mat-icon>\r\n </span>\r\n @if(dirty)\r\n {\r\n <span matTooltip=\"Undo\" stop-propagation (click)=\"reset()\">\r\n <mat-icon>undo</mat-icon>\r\n </span>\r\n }\r\n \r\n </div>\r\n </div>\r\n\r\n <!-- Apply Button -->\r\n <div class=\"apply-button-wrapper\">\r\n <button mat-button color=\"primary\" stop-propagation\r\n [class.apply-border]=\"dirty\" [disabled]=\"!dirty\"\r\n (click)=\"apply()\">\r\n Apply @if (dirty) { Unsaved Changes }\r\n </button>\r\n </div>\r\n\r\n <!-- Default Sorting Text -->\r\n @if (!sorted.length)\r\n {\r\n <div class=\"tip\" >\r\n Sorting List\r\n </div>\r\n }\r\n\r\n <!-- Sorted Menu List -->\r\n <div #sortedGroup=\"cdkDropList\"\r\n class=\"list\"\r\n cdkDropList\r\n [cdkDropListConnectedTo]=\"[notSortedGroup]\"\r\n [cdkDropListData]=\"sorted\"\r\n (cdkDropListDropped)=\"dropIntoSorted($event)\">\r\n\r\n <!-- Menu Item Wrapper -->\r\n @for (sort of sorted; track sort.active)\r\n {\r\n <!-- Menu Item Headers -->\r\n @if (sorted.length > 1)\r\n {\r\n <span class=\"description sort-header\">{{$index === 0 ? 'First By' : 'Then By'}}</span>\r\n }\r\n\r\n <!-- Menu Item -->\r\n <div mat-menu-item cdkDrag class=\"menu-item\">\r\n <div class=\"sort-item\">\r\n <span class=\"sorted-name\">\r\n {{sort.displayName || (sort.active | spaceCase)}}\r\n <span class=\"direction-text\">{{sort.direction}}</span>\r\n </span>\r\n\r\n <!-- Sort Direction Buttons -->\r\n <div class=\"up-down-buttons-wrapper\">\r\n <button class=\"up-down-button up-button\" stop-propagation\r\n (click)=\"setDirection({active:sort.active,direction:SortDirection.asc,displayName:sort.displayName})\">\r\n <mat-icon class=\"up-down-icon\" [class]=\"sort.direction !== SortDirection.asc ? 'light-arrow' : 'dark-arrow'\">\r\n arrow_upward\r\n </mat-icon>\r\n </button>\r\n\r\n <button class=\"up-down-button\" stop-propagation\r\n (click)=\"setDirection({active:sort.active,direction:SortDirection.desc,displayName:sort.displayName})\">\r\n <mat-icon class=\"up-down-icon\" [class]=\"sort.direction === SortDirection.asc ? 'light-arrow' : 'dark-arrow'\">\r\n arrow_downward\r\n </mat-icon>\r\n </button>\r\n </div>\r\n </div>\r\n </div>\r\n }\r\n\r\n </div>\r\n\r\n <!-- Default Not Sorted Text -->\r\n @if(!notSorted.length)\r\n {\r\n <div class=\"tip\" >\r\n Not Sorted List\r\n </div>\r\n }\r\n\r\n <!-- Not Sorted Menu List -->\r\n <div #notSortedGroup=\"cdkDropList\"\r\n class=\"list\"\r\n cdkDropList\r\n [cdkDropListConnectedTo]=\"[sortedGroup]\"\r\n [cdkDropListData]=\"notSorted\"\r\n (cdkDropListDropped)=\"dropIntoNotSorted($event)\">\r\n @for (sort of notSorted; track sort.active)\r\n {\r\n <div mat-menu-item class=\"menu-item\" cdkDrag>\r\n <span class=\"not-sorted-name\">{{sort.displayName || (sort.active | spaceCase)}}</span>\r\n </div>\r\n }\r\n </div>\r\n</mat-menu>\r\n", styles: [".cdk-drag-preview{box-sizing:border-box;border-radius:4px;box-shadow:0 5px 5px -3px #0003,0 8px 10px 1px #00000024,0 3px 14px 2px #0000001f}.cdk-drag-placeholder{opacity:0}.cdk-drag-animating{transition:transform .25s cubic-bezier(0,0,.2,1)}.list{padding:5px 2px;border-bottom:solid 1px #ccc;color:#000000de;background:#fff}.light-arrow{color:#93b1ea78}.dark-arrow{color:#224e9c}.up-down-button{background-color:#fff;border-radius:30%;border-color:#0ff;padding:1px 1px 0;border-width:.5px;cursor:pointer;height:27px}.mat-icon.up-down-icon{margin-right:0;font-size:20px;font-weight:lighter}.sort-item{display:flex;align-items:center;justify-content:space-between}.up-down-buttons-wrapper{margin-left:2rem}.up-button{margin-right:.3rem}.mat-mdc-menu-item.menu-item,.mat-mdc-menu-item.menu-button{min-height:initial;padding:0 3px;line-height:25px;height:30px}.mat-mdc-menu-item.menu-item{cursor:move}.sorted-name{color:#224e9c;font-size:17px;font-weight:700}.not-sorted-name{color:#93b1ea;font-size:17px;font-weight:700}.apply-border{border:#224e9c solid .5px}.apply-border:hover{background-color:#faebd7}.apply-button-wrapper{display:grid;justify-content:center}.sort-header{font-size:10px;font-style:italic}.tip{padding:0 3px;color:#d3d3d3}.direction-text{font-size:small;font-weight:400}.close-button-wrapper{display:flex;flex-direction:row-reverse}\n"], dependencies: [{ kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i4.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i2$1.MatButton, selector: " button[matButton], a[matButton], button[mat-button], button[mat-raised-button], button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button], a[mat-flat-button], a[mat-stroked-button] ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: i2$1.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i4$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatMenuModule }, { kind: "component", type: i1$4.MatMenu, selector: "mat-menu", inputs: ["backdropClass", "aria-label", "aria-labelledby", "aria-describedby", "xPosition", "yPosition", "overlapTrigger", "hasBackdrop", "class", "classList"], outputs: ["closed", "close"], exportAs: ["matMenu"] }, { kind: "component", type: i1$4.MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i1$4.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { kind: "directive", type: StopPropagationDirective, selector: "[stop-propagation]" }, { kind: "ngmodule", type: DragDropModule }, { kind: "directive", type: i5.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: i5.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: "pipe", type: SpaceCasePipe, name: "spaceCase" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
6192
6192
|
}
|
|
6193
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
6193
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: SortMenuComponent, decorators: [{
|
|
6194
6194
|
type: Component,
|
|
6195
6195
|
args: [{ selector: 'tb-sort-menu', providers: [SortMenuComponentStore], changeDetection: ChangeDetectionStrategy.OnPush, imports: [
|
|
6196
6196
|
MatTooltipModule, MatButtonModule, MatIconModule, MatMenuModule, StopPropagationDirective, DragDropModule,
|
|
@@ -6208,7 +6208,7 @@ class ResetMenuComponent {
|
|
|
6208
6208
|
return Object.values(this.state.$filters())
|
|
6209
6209
|
.filter(f => (isCustomFilter(f) && f.active) || f.filterValue != undefined)
|
|
6210
6210
|
.length;
|
|
6211
|
-
}, ...(ngDevMode ? [{ debugName: "$filtersSet" }] : []));
|
|
6211
|
+
}, ...(ngDevMode ? [{ debugName: "$filtersSet" }] : /* istanbul ignore next */ []));
|
|
6212
6212
|
this.$sortSet = computed(() => {
|
|
6213
6213
|
const sorts = this.state.$selectSorted();
|
|
6214
6214
|
if (!sorts.length)
|
|
@@ -6217,14 +6217,14 @@ class ResetMenuComponent {
|
|
|
6217
6217
|
if (!preSorts.length)
|
|
6218
6218
|
return true;
|
|
6219
6219
|
return !sortsAreSame(preSorts, sorts);
|
|
6220
|
-
}, ...(ngDevMode ? [{ debugName: "$sortSet" }] : []));
|
|
6221
|
-
this.$groupBySet = computed(() => this.state.$groupByData().length || this.state.$userDefinedNoGroups(), ...(ngDevMode ? [{ debugName: "$groupBySet" }] : []));
|
|
6222
|
-
this.$hiddenSet = computed(() => this.state.$hiddenKeys().length, ...(ngDevMode ? [{ debugName: "$hiddenSet" }] : []));
|
|
6223
|
-
this.$orderSet = computed(() => Object.keys(this.state.$userDefinedOrder()).length, ...(ngDevMode ? [{ debugName: "$orderSet" }] : []));
|
|
6224
|
-
this.$widthsSet = computed(() => Object.keys(this.state.$getUserDefinedWidths()).length, ...(ngDevMode ? [{ debugName: "$widthsSet" }] : []));
|
|
6220
|
+
}, ...(ngDevMode ? [{ debugName: "$sortSet" }] : /* istanbul ignore next */ []));
|
|
6221
|
+
this.$groupBySet = computed(() => this.state.$groupByData().length || this.state.$userDefinedNoGroups(), ...(ngDevMode ? [{ debugName: "$groupBySet" }] : /* istanbul ignore next */ []));
|
|
6222
|
+
this.$hiddenSet = computed(() => this.state.$hiddenKeys().length, ...(ngDevMode ? [{ debugName: "$hiddenSet" }] : /* istanbul ignore next */ []));
|
|
6223
|
+
this.$orderSet = computed(() => Object.keys(this.state.$userDefinedOrder()).length, ...(ngDevMode ? [{ debugName: "$orderSet" }] : /* istanbul ignore next */ []));
|
|
6224
|
+
this.$widthsSet = computed(() => Object.keys(this.state.$getUserDefinedWidths()).length, ...(ngDevMode ? [{ debugName: "$widthsSet" }] : /* istanbul ignore next */ []));
|
|
6225
6225
|
this.$rowHeightSet = this.state.$userDefinedRowHeight;
|
|
6226
6226
|
this.headerHeightSet = this.state.$userDefinedHeaderHeight;
|
|
6227
|
-
this.pageSizeSet = computed(() => this.state.$userDefinedPageSize() && this.state.$userDefinedPageSize() !== this.state.selectSignal(s => s.pageSize)(), ...(ngDevMode ? [{ debugName: "pageSizeSet" }] : []));
|
|
6227
|
+
this.pageSizeSet = computed(() => this.state.$userDefinedPageSize() && this.state.$userDefinedPageSize() !== this.state.selectSignal(s => s.pageSize)(), ...(ngDevMode ? [{ debugName: "pageSizeSet" }] : /* istanbul ignore next */ []));
|
|
6228
6228
|
this.showAllSet = this.state.selectSignal(s => s.userDefined.showAll);
|
|
6229
6229
|
this.$set = computed(() => {
|
|
6230
6230
|
const arr = [];
|
|
@@ -6259,7 +6259,7 @@ class ResetMenuComponent {
|
|
|
6259
6259
|
arr.push('Show All');
|
|
6260
6260
|
}
|
|
6261
6261
|
return arr;
|
|
6262
|
-
}, ...(ngDevMode ? [{ debugName: "$set" }] : []));
|
|
6262
|
+
}, ...(ngDevMode ? [{ debugName: "$set" }] : /* istanbul ignore next */ []));
|
|
6263
6263
|
this.resetable = resetable;
|
|
6264
6264
|
}
|
|
6265
6265
|
resetState() {
|
|
@@ -6271,10 +6271,10 @@ class ResetMenuComponent {
|
|
|
6271
6271
|
reset(s) {
|
|
6272
6272
|
this.state.resetPart(s);
|
|
6273
6273
|
}
|
|
6274
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
6275
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.
|
|
6274
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: ResetMenuComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
6275
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.8", type: ResetMenuComponent, isStandalone: true, selector: "lib-reset-menu", outputs: { onStateReset$: "onStateReset" }, viewQueries: [{ propertyName: "menu", first: true, predicate: MatMenu, descendants: true, isSignal: true }], ngImport: i0, template: "<mat-menu #menu2=\"matMenu\">\r\n @if($set().length > 1)\r\n {\r\n <button mat-menu-item (click)=\"state.resetState()\">All</button>\r\n }\r\n @for (item of $set(); track $index)\r\n {\r\n <button mat-menu-item (click)=\"state.resetPart(item)\">Reset {{item}}</button>\r\n }\r\n</mat-menu>", styles: [":host{display:contents}\n"], dependencies: [{ kind: "ngmodule", type: MatMenuModule }, { kind: "component", type: i1$4.MatMenu, selector: "mat-menu", inputs: ["backdropClass", "aria-label", "aria-labelledby", "aria-describedby", "xPosition", "yPosition", "overlapTrigger", "hasBackdrop", "class", "classList"], outputs: ["closed", "close"], exportAs: ["matMenu"] }, { kind: "component", type: i1$4.MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "ngmodule", type: MatButtonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
6276
6276
|
}
|
|
6277
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
6277
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: ResetMenuComponent, decorators: [{
|
|
6278
6278
|
type: Component,
|
|
6279
6279
|
args: [{ selector: 'lib-reset-menu', imports: [MatMenuModule, MatButtonModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "<mat-menu #menu2=\"matMenu\">\r\n @if($set().length > 1)\r\n {\r\n <button mat-menu-item (click)=\"state.resetState()\">All</button>\r\n }\r\n @for (item of $set(); track $index)\r\n {\r\n <button mat-menu-item (click)=\"state.resetPart(item)\">Reset {{item}}</button>\r\n }\r\n</mat-menu>", styles: [":host{display:contents}\n"] }]
|
|
6280
6280
|
}], propDecorators: { menu: [{ type: i0.ViewChild, args: [i0.forwardRef(() => MatMenu), { isSignal: true }] }], onStateReset$: [{ type: i0.Output, args: ["onStateReset"] }] } });
|
|
@@ -6285,8 +6285,8 @@ class TableHeaderMenuComponent {
|
|
|
6285
6285
|
this.exportToCsvService = inject(ExportToCsvService);
|
|
6286
6286
|
this.tableContainer = inject(TableContainerComponent);
|
|
6287
6287
|
this.state = this.tableContainer.state;
|
|
6288
|
-
this.$rowHeightNum = computed(() => +(this.tableContainer.$genericTable()?.$rowHeight()?.replace('px', '') || 0) || undefined, ...(ngDevMode ? [{ debugName: "$rowHeightNum" }] : []));
|
|
6289
|
-
this.$headerHeightNum = computed(() => +(this.tableContainer.$genericTable()?.$headerHeight()?.replace('px', '') || 0) || undefined, ...(ngDevMode ? [{ debugName: "$headerHeightNum" }] : []));
|
|
6288
|
+
this.$rowHeightNum = computed(() => +(this.tableContainer.$genericTable()?.$rowHeight()?.replace('px', '') || 0) || undefined, ...(ngDevMode ? [{ debugName: "$rowHeightNum" }] : /* istanbul ignore next */ []));
|
|
6289
|
+
this.$headerHeightNum = computed(() => +(this.tableContainer.$genericTable()?.$headerHeight()?.replace('px', '') || 0) || undefined, ...(ngDevMode ? [{ debugName: "$headerHeightNum" }] : /* istanbul ignore next */ []));
|
|
6290
6290
|
}
|
|
6291
6291
|
exportToCsv() {
|
|
6292
6292
|
this.exportToCsvService.exportToCsv(this.tableContainer.$data());
|
|
@@ -6301,10 +6301,10 @@ class TableHeaderMenuComponent {
|
|
|
6301
6301
|
if (v === 'header')
|
|
6302
6302
|
this.state.setUserDefinedHeaderHeight(+element.value);
|
|
6303
6303
|
}
|
|
6304
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
6305
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.
|
|
6304
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: TableHeaderMenuComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
6305
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.8", type: TableHeaderMenuComponent, isStandalone: true, selector: "lib-table-header-menu", viewQueries: [{ propertyName: "menu", first: true, predicate: MatMenu, descendants: true, isSignal: true }], ngImport: i0, template: "<span [matTooltip]=\"!r.$set().length ? 'Nothing To Reset' : ''\">\r\n <button #d=\"matMenuItem\" mat-menu-item [matMenuTriggerFor]=\"r.menu()\" [disabled]=\"!r.$set().length\">\r\n <mat-icon color=\"primary\">autorenew</mat-icon>\r\n <span>Reset</span>\r\n </button>\r\n</span>\r\n@if (!tableContainer.state.$tableSettings().hideExport)\r\n{\r\n <button mat-menu-item (click)=\"exportToCsv()\">\r\n <mat-icon color=\"primary\">file_download</mat-icon>\r\n <span>Export Table</span>\r\n </button>\r\n}\r\n@if (tableContainer.$tableId(); as tableId)\r\n{\r\n <button stop-propagation mat-menu-item [matMenuTriggerFor]=\"pm.menu()\">\r\n <mat-icon color=\"primary\">people</mat-icon>\r\n <span>Profiles</span>\r\n </button>\r\n <tb-profiles-menu #pm class=\"profiles-menu\" [tableId]=\"tableId\" [isMatMenuChild]=\"true\" />\r\n}\r\n\r\n\r\n<div mat-menu-item>\r\n <div class=\"height-input-wrapper\">\r\n <span>Row Height</span>\r\n <input #i class=\"input\" stop-propagation type=\"number\" \r\n placeholder=\"Set Size\"\r\n [value]=\"$rowHeightNum()\"\r\n [min]=\"10\"\r\n [max]=\"100\" (change)=\"updateHeight('row', i)\" />\r\n </div>\r\n</div>\r\n@if(!state.$tableSettings().hideHeader)\r\n{\r\n <div mat-menu-item>\r\n <div class=\"height-input-wrapper\">\r\n <span>Header Height</span>\r\n <input #i2 class=\"input\" stop-propagation type=\"number\"\r\n placeholder=\"Set Size\"\r\n [value]=\"$headerHeightNum()\"\r\n [min]=\"10\"\r\n [max]=\"100\" (change)=\"updateHeight('header', i2)\"/>\r\n </div>\r\n </div>\r\n}\r\n<lib-reset-menu #r/>\r\n\r\n", styles: [".input{appearance:none;outline:none;background:none;box-shadow:none;margin:0;font:inherit;color:inherit;border:1px solid black;border-radius:4px;width:50px;padding:0 0 0 4px}.input::placeholder{font-size:12px}.height-input-wrapper{display:flex;gap:4px}\n"], dependencies: [{ kind: "ngmodule", type: MatMenuModule }, { kind: "component", type: i1$4.MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i1$4.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: ProfilesMenuComponent, selector: "tb-profiles-menu", inputs: ["tableId", "isMatMenuChild"] }, { kind: "component", type: ResetMenuComponent, selector: "lib-reset-menu", outputs: ["onStateReset"] }, { kind: "directive", type: MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "directive", type: StopPropagationDirective, selector: "[stop-propagation]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
6306
6306
|
}
|
|
6307
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
6307
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: TableHeaderMenuComponent, decorators: [{
|
|
6308
6308
|
type: Component,
|
|
6309
6309
|
args: [{ selector: 'lib-table-header-menu', imports: [MatMenuModule, MatIcon, ProfilesMenuComponent, ResetMenuComponent, MatTooltip, StopPropagationDirective], changeDetection: ChangeDetectionStrategy.OnPush, template: "<span [matTooltip]=\"!r.$set().length ? 'Nothing To Reset' : ''\">\r\n <button #d=\"matMenuItem\" mat-menu-item [matMenuTriggerFor]=\"r.menu()\" [disabled]=\"!r.$set().length\">\r\n <mat-icon color=\"primary\">autorenew</mat-icon>\r\n <span>Reset</span>\r\n </button>\r\n</span>\r\n@if (!tableContainer.state.$tableSettings().hideExport)\r\n{\r\n <button mat-menu-item (click)=\"exportToCsv()\">\r\n <mat-icon color=\"primary\">file_download</mat-icon>\r\n <span>Export Table</span>\r\n </button>\r\n}\r\n@if (tableContainer.$tableId(); as tableId)\r\n{\r\n <button stop-propagation mat-menu-item [matMenuTriggerFor]=\"pm.menu()\">\r\n <mat-icon color=\"primary\">people</mat-icon>\r\n <span>Profiles</span>\r\n </button>\r\n <tb-profiles-menu #pm class=\"profiles-menu\" [tableId]=\"tableId\" [isMatMenuChild]=\"true\" />\r\n}\r\n\r\n\r\n<div mat-menu-item>\r\n <div class=\"height-input-wrapper\">\r\n <span>Row Height</span>\r\n <input #i class=\"input\" stop-propagation type=\"number\" \r\n placeholder=\"Set Size\"\r\n [value]=\"$rowHeightNum()\"\r\n [min]=\"10\"\r\n [max]=\"100\" (change)=\"updateHeight('row', i)\" />\r\n </div>\r\n</div>\r\n@if(!state.$tableSettings().hideHeader)\r\n{\r\n <div mat-menu-item>\r\n <div class=\"height-input-wrapper\">\r\n <span>Header Height</span>\r\n <input #i2 class=\"input\" stop-propagation type=\"number\"\r\n placeholder=\"Set Size\"\r\n [value]=\"$headerHeightNum()\"\r\n [min]=\"10\"\r\n [max]=\"100\" (change)=\"updateHeight('header', i2)\"/>\r\n </div>\r\n </div>\r\n}\r\n<lib-reset-menu #r/>\r\n\r\n", styles: [".input{appearance:none;outline:none;background:none;box-shadow:none;margin:0;font:inherit;color:inherit;border:1px solid black;border-radius:4px;width:50px;padding:0 0 0 4px}.input::placeholder{font-size:12px}.height-input-wrapper{display:flex;gap:4px}\n"] }]
|
|
6310
6310
|
}], propDecorators: { menu: [{ type: i0.ViewChild, args: [i0.forwardRef(() => MatMenu), { isSignal: true }] }] } });
|
|
@@ -6313,13 +6313,13 @@ class TableVirtualScrollStrategy {
|
|
|
6313
6313
|
constructor(scrollContainer, dataStore) {
|
|
6314
6314
|
this.indexChange = new Subject();
|
|
6315
6315
|
this.scrolledIndexChange = this.indexChange.pipe(distinctUntilChanged());
|
|
6316
|
-
this.$dataLengthChange = linkedSignal({ ...(ngDevMode ? { debugName: "$dataLengthChange" } : {}), source: () => this.$dataLength(),
|
|
6316
|
+
this.$dataLengthChange = linkedSignal({ ...(ngDevMode ? { debugName: "$dataLengthChange" } : /* istanbul ignore next */ {}), source: () => this.$dataLength(),
|
|
6317
6317
|
computation: (curr, previous) => ({ curr, previous: previous == undefined ? curr : previous.source }) });
|
|
6318
|
-
this.$rowHeightChange = linkedSignal({ ...(ngDevMode ? { debugName: "$rowHeightChange" } : {}), source: () => this.$rowHeight(),
|
|
6318
|
+
this.$rowHeightChange = linkedSignal({ ...(ngDevMode ? { debugName: "$rowHeightChange" } : /* istanbul ignore next */ {}), source: () => this.$rowHeight(),
|
|
6319
6319
|
computation: (curr, previous) => {
|
|
6320
6320
|
return ({ curr, previous: previous == undefined ? curr : previous.source });
|
|
6321
6321
|
} });
|
|
6322
|
-
this.$headerHeightChange = linkedSignal({ ...(ngDevMode ? { debugName: "$headerHeightChange" } : {}), source: () => this.$headerHeight(),
|
|
6322
|
+
this.$headerHeightChange = linkedSignal({ ...(ngDevMode ? { debugName: "$headerHeightChange" } : /* istanbul ignore next */ {}), source: () => this.$headerHeight(),
|
|
6323
6323
|
computation: (curr, previous) => ({ curr, previous: previous == undefined ? curr : previous.source }) });
|
|
6324
6324
|
this.contentScrolled$ = new Subject();
|
|
6325
6325
|
this.sub = subscriber(this.contentScrolled$.pipe(debounceTime(20), distinctUntilChanged()), offset => {
|
|
@@ -6332,7 +6332,7 @@ class TableVirtualScrollStrategy {
|
|
|
6332
6332
|
return;
|
|
6333
6333
|
this.updateContent('data length');
|
|
6334
6334
|
});
|
|
6335
|
-
}, ...(ngDevMode ? [{ debugName: "#onDataLengthChange" }] : []));
|
|
6335
|
+
}, ...(ngDevMode ? [{ debugName: "#onDataLengthChange" }] : /* istanbul ignore next */ []));
|
|
6336
6336
|
this.#onHeaderChange = effect(() => {
|
|
6337
6337
|
const headerHeightChange = this.$headerHeightChange();
|
|
6338
6338
|
untracked(() => {
|
|
@@ -6340,7 +6340,7 @@ class TableVirtualScrollStrategy {
|
|
|
6340
6340
|
return;
|
|
6341
6341
|
this.updateContent('header height');
|
|
6342
6342
|
});
|
|
6343
|
-
}, ...(ngDevMode ? [{ debugName: "#onHeaderChange" }] : []));
|
|
6343
|
+
}, ...(ngDevMode ? [{ debugName: "#onHeaderChange" }] : /* istanbul ignore next */ []));
|
|
6344
6344
|
this.#onRowChange = effect(() => {
|
|
6345
6345
|
const rowHeightChange = this.$rowHeightChange();
|
|
6346
6346
|
untracked(() => {
|
|
@@ -6348,8 +6348,8 @@ class TableVirtualScrollStrategy {
|
|
|
6348
6348
|
return;
|
|
6349
6349
|
this.updateContent('row height');
|
|
6350
6350
|
});
|
|
6351
|
-
}, ...(ngDevMode ? [{ debugName: "#onRowChange" }] : []));
|
|
6352
|
-
this.$currentRange = signal({ start: 0, end: 0 }, ...(ngDevMode ? [{ debugName: "$currentRange" }] : []));
|
|
6351
|
+
}, ...(ngDevMode ? [{ debugName: "#onRowChange" }] : /* istanbul ignore next */ []));
|
|
6352
|
+
this.$currentRange = signal({ start: 0, end: 0 }, ...(ngDevMode ? [{ debugName: "$currentRange" }] : /* istanbul ignore next */ []));
|
|
6353
6353
|
this.$rowHeight = scrollContainer.computedRowHeight;
|
|
6354
6354
|
this.$headerHeight = scrollContainer.computedHeaderHeight;
|
|
6355
6355
|
this.viewport = scrollContainer.viewport;
|
|
@@ -6423,7 +6423,7 @@ class VirtualScrollContainer {
|
|
|
6423
6423
|
this.state = inject(TableStore);
|
|
6424
6424
|
this.dataStore = inject(DataStore);
|
|
6425
6425
|
this.viewport = viewChild.required(CdkVirtualScrollViewport);
|
|
6426
|
-
this.genericTable = contentChild(GenericTableComponent, ...(ngDevMode ? [{ debugName: "genericTable" }] : []));
|
|
6426
|
+
this.genericTable = contentChild(GenericTableComponent, ...(ngDevMode ? [{ debugName: "genericTable" }] : /* istanbul ignore next */ []));
|
|
6427
6427
|
this.tableContainer = inject(TableContainerComponent);
|
|
6428
6428
|
this.defaultOptions = new VirtualScrollOptions();
|
|
6429
6429
|
this.$usePaginator = this.state.selectSignal(s => s.notPersistedTableSettings.usePaginator);
|
|
@@ -6439,8 +6439,8 @@ class VirtualScrollContainer {
|
|
|
6439
6439
|
return this.state.$tableSettings().virtualSettings;
|
|
6440
6440
|
else
|
|
6441
6441
|
return undefined;
|
|
6442
|
-
}, ...(ngDevMode ? [{ debugName: "$virtualScrollOptions" }] : []));
|
|
6443
|
-
this.$optionsSet = computed(() => !!this.$virtualScrollOptions(), ...(ngDevMode ? [{ debugName: "$optionsSet" }] : []));
|
|
6442
|
+
}, ...(ngDevMode ? [{ debugName: "$virtualScrollOptions" }] : /* istanbul ignore next */ []));
|
|
6443
|
+
this.$optionsSet = computed(() => !!this.$virtualScrollOptions(), ...(ngDevMode ? [{ debugName: "$optionsSet" }] : /* istanbul ignore next */ []));
|
|
6444
6444
|
this.$dataLength = computed(() => {
|
|
6445
6445
|
const paginated = this.$usePaginator() && !this.$showAll();
|
|
6446
6446
|
const pageSize = this.$pageSize();
|
|
@@ -6449,7 +6449,7 @@ class VirtualScrollContainer {
|
|
|
6449
6449
|
if (paginated)
|
|
6450
6450
|
return Math.min(dataLen - (pageNumber * pageSize), pageSize);
|
|
6451
6451
|
return dataLen;
|
|
6452
|
-
}, ...(ngDevMode ? [{ debugName: "$dataLength" }] : []));
|
|
6452
|
+
}, ...(ngDevMode ? [{ debugName: "$dataLength" }] : /* istanbul ignore next */ []));
|
|
6453
6453
|
this.#setViewportEffect = effect(() => {
|
|
6454
6454
|
const viewport = this.viewport();
|
|
6455
6455
|
const options = this.$optionsSet();
|
|
@@ -6458,7 +6458,7 @@ class VirtualScrollContainer {
|
|
|
6458
6458
|
this.setSize(this.viewport().elementRef, 'initial');
|
|
6459
6459
|
}
|
|
6460
6460
|
});
|
|
6461
|
-
}, ...(ngDevMode ? [{ debugName: "#setViewportEffect" }] : []));
|
|
6461
|
+
}, ...(ngDevMode ? [{ debugName: "#setViewportEffect" }] : /* istanbul ignore next */ []));
|
|
6462
6462
|
this.#onRenderedRangeEffect = effect(() => {
|
|
6463
6463
|
const renderedRange = this.$renderedRange();
|
|
6464
6464
|
const viewport = this.viewport();
|
|
@@ -6475,7 +6475,7 @@ class VirtualScrollContainer {
|
|
|
6475
6475
|
return;
|
|
6476
6476
|
this.setSize(viewport.elementRef, 'rendered range');
|
|
6477
6477
|
});
|
|
6478
|
-
}, ...(ngDevMode ? [{ debugName: "#onRenderedRangeEffect" }] : []));
|
|
6478
|
+
}, ...(ngDevMode ? [{ debugName: "#onRenderedRangeEffect" }] : /* istanbul ignore next */ []));
|
|
6479
6479
|
this.resizeHandler = () => {
|
|
6480
6480
|
if (this.viewport() && this.$virtualScrollOptions()?.dynamicHeight) {
|
|
6481
6481
|
this.setSize(this.viewport().elementRef, 'resize');
|
|
@@ -6485,23 +6485,23 @@ class VirtualScrollContainer {
|
|
|
6485
6485
|
const virtualScrollOptions = this.state.$tableSettings().virtualSettings;
|
|
6486
6486
|
const rowHeight = this.state.$userDefinedRowHeight() || virtualScrollOptions?.rowHeight || this.state.$tableSettings().rowHeight || this.defaultOptions.rowHeight;
|
|
6487
6487
|
return parseTbSizeToPixels(rowHeight) || 0;
|
|
6488
|
-
}, ...(ngDevMode ? [{ debugName: "computedRowHeight" }] : []));
|
|
6488
|
+
}, ...(ngDevMode ? [{ debugName: "computedRowHeight" }] : /* istanbul ignore next */ []));
|
|
6489
6489
|
this.computedHeaderHeight = computed(() => {
|
|
6490
6490
|
if (this.state.$tableSettings().hideHeader)
|
|
6491
6491
|
return 0;
|
|
6492
6492
|
const virtualScrollOptions = this.state.$tableSettings().virtualSettings;
|
|
6493
6493
|
const headerHeight = this.state.$userDefinedHeaderHeight() || virtualScrollOptions?.headerHeight || this.state.$tableSettings().headerHeight || this.defaultOptions.headerHeight;
|
|
6494
6494
|
return parseTbSizeToPixels(headerHeight) || 0;
|
|
6495
|
-
}, ...(ngDevMode ? [{ debugName: "computedHeaderHeight" }] : []));
|
|
6495
|
+
}, ...(ngDevMode ? [{ debugName: "computedHeaderHeight" }] : /* istanbul ignore next */ []));
|
|
6496
6496
|
this.computedFooterHeight = computed(() => {
|
|
6497
6497
|
return parseFloat(this.genericTable()?.$footerHeight()?.replace('px', '') || '0');
|
|
6498
|
-
}, ...(ngDevMode ? [{ debugName: "computedFooterHeight" }] : []));
|
|
6498
|
+
}, ...(ngDevMode ? [{ debugName: "computedFooterHeight" }] : /* istanbul ignore next */ []));
|
|
6499
6499
|
this.computedBuffer = computed(() => {
|
|
6500
6500
|
const virtualScrollOptions = this.state.$tableSettings().virtualSettings;
|
|
6501
6501
|
if (!virtualScrollOptions.dynamicalHeightBuffer)
|
|
6502
6502
|
return 0;
|
|
6503
6503
|
return parseTbSizeToPixels(virtualScrollOptions.dynamicalHeightBuffer) || 0;
|
|
6504
|
-
}, ...(ngDevMode ? [{ debugName: "computedBuffer" }] : []));
|
|
6504
|
+
}, ...(ngDevMode ? [{ debugName: "computedBuffer" }] : /* istanbul ignore next */ []));
|
|
6505
6505
|
this.scrollStrategy = new TableVirtualScrollStrategy(this, this.dataStore);
|
|
6506
6506
|
addEventListener('resize', this.resizeHandler);
|
|
6507
6507
|
}
|
|
@@ -6567,8 +6567,8 @@ class VirtualScrollContainer {
|
|
|
6567
6567
|
const virtualScrollOffset = this.viewport()?.getOffsetToRenderedContentStart() ?? 0;
|
|
6568
6568
|
this.dataStore.patchState({ virtualScrollOffset });
|
|
6569
6569
|
}
|
|
6570
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
6571
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.
|
|
6570
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: VirtualScrollContainer, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
6571
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.8", type: VirtualScrollContainer, isStandalone: true, selector: "tb-virtual-scroll-container", queries: [{ propertyName: "genericTable", first: true, predicate: GenericTableComponent, descendants: true, isSignal: true }], viewQueries: [{ propertyName: "viewport", first: true, predicate: CdkVirtualScrollViewport, descendants: true, isSignal: true }], ngImport: i0, template: `
|
|
6572
6572
|
<cdk-virtual-scroll-viewport>
|
|
6573
6573
|
<ng-content/>
|
|
6574
6574
|
</cdk-virtual-scroll-viewport>
|
|
@@ -6580,7 +6580,7 @@ class VirtualScrollContainer {
|
|
|
6580
6580
|
},
|
|
6581
6581
|
], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
6582
6582
|
}
|
|
6583
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
6583
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: VirtualScrollContainer, decorators: [{
|
|
6584
6584
|
type: Component,
|
|
6585
6585
|
args: [{
|
|
6586
6586
|
selector: 'tb-virtual-scroll-container',
|
|
@@ -6784,7 +6784,7 @@ function createBasicDataManager(metaDataIn, data, options) {
|
|
|
6784
6784
|
sort: allSort,
|
|
6785
6785
|
filter: allFilter
|
|
6786
6786
|
});
|
|
6787
|
-
}, ...(ngDevMode ? [{ debugName: "allTimeStamped" }] : []));
|
|
6787
|
+
}, ...(ngDevMode ? [{ debugName: "allTimeStamped" }] : /* istanbul ignore next */ []));
|
|
6788
6788
|
const sortedAndFiltered = createSortedAndFilteredData(allTimeStamped, isReady);
|
|
6789
6789
|
const metaTimestamped = createTimestampedMetaData(metaDataSignal);
|
|
6790
6790
|
effect(() => {
|
|
@@ -6932,46 +6932,46 @@ class TableContainerComponent {
|
|
|
6932
6932
|
this.exportToCsvService = inject(ExportToCsvService);
|
|
6933
6933
|
this.config = inject(TableBuilderConfigToken);
|
|
6934
6934
|
this.dataSource = new TableBuilderDataSource(this.state, this.dataStore);
|
|
6935
|
-
this.$filterDirectives = contentChildren(TableFilterDirective, { ...(ngDevMode ? { debugName: "$filterDirectives" } : {}), descendants: true });
|
|
6936
|
-
this.$customFilterDirectives = contentChildren(TableCustomFilterDirective, { ...(ngDevMode ? { debugName: "$customFilterDirectives" } : {}), descendants: true });
|
|
6937
|
-
this.$paginatorComponent = viewChild(PaginatorComponent, ...(ngDevMode ? [{ debugName: "$paginatorComponent" }] : []));
|
|
6938
|
-
this.$paginatorWrapper = viewChild('paginatorWrapper', ...(ngDevMode ? [{ debugName: "$paginatorWrapper" }] : []));
|
|
6939
|
-
this.$genericTable = viewChild(GenericTableComponent, ...(ngDevMode ? [{ debugName: "$genericTable" }] : []));
|
|
6940
|
-
this._$customRows = contentChildren((MatRowDef), ...(ngDevMode ? [{ debugName: "_$customRows" }] : []));
|
|
6941
|
-
this.$customRows = computed(() => [...this._$customRows()], ...(ngDevMode ? [{ debugName: "$customRows" }] : []));
|
|
6942
|
-
this.$customCells = contentChildren(CustomCellDirective, ...(ngDevMode ? [{ debugName: "$customCells" }] : []));
|
|
6943
|
-
this.$customHeaders = contentChildren(CustomHeaderDirective, ...(ngDevMode ? [{ debugName: "$customHeaders" }] : []));
|
|
6944
|
-
this.$customGroupRows = contentChildren(CustomGroupRowDirective, ...(ngDevMode ? [{ debugName: "$customGroupRows" }] : []));
|
|
6935
|
+
this.$filterDirectives = contentChildren(TableFilterDirective, { ...(ngDevMode ? { debugName: "$filterDirectives" } : /* istanbul ignore next */ {}), descendants: true });
|
|
6936
|
+
this.$customFilterDirectives = contentChildren(TableCustomFilterDirective, { ...(ngDevMode ? { debugName: "$customFilterDirectives" } : /* istanbul ignore next */ {}), descendants: true });
|
|
6937
|
+
this.$paginatorComponent = viewChild(PaginatorComponent, ...(ngDevMode ? [{ debugName: "$paginatorComponent" }] : /* istanbul ignore next */ []));
|
|
6938
|
+
this.$paginatorWrapper = viewChild('paginatorWrapper', ...(ngDevMode ? [{ debugName: "$paginatorWrapper" }] : /* istanbul ignore next */ []));
|
|
6939
|
+
this.$genericTable = viewChild(GenericTableComponent, ...(ngDevMode ? [{ debugName: "$genericTable" }] : /* istanbul ignore next */ []));
|
|
6940
|
+
this._$customRows = contentChildren((MatRowDef), ...(ngDevMode ? [{ debugName: "_$customRows" }] : /* istanbul ignore next */ []));
|
|
6941
|
+
this.$customRows = computed(() => [...this._$customRows()], ...(ngDevMode ? [{ debugName: "$customRows" }] : /* istanbul ignore next */ []));
|
|
6942
|
+
this.$customCells = contentChildren(CustomCellDirective, ...(ngDevMode ? [{ debugName: "$customCells" }] : /* istanbul ignore next */ []));
|
|
6943
|
+
this.$customHeaders = contentChildren(CustomHeaderDirective, ...(ngDevMode ? [{ debugName: "$customHeaders" }] : /* istanbul ignore next */ []));
|
|
6944
|
+
this.$customGroupRows = contentChildren(CustomGroupRowDirective, ...(ngDevMode ? [{ debugName: "$customGroupRows" }] : /* istanbul ignore next */ []));
|
|
6945
6945
|
this.$menu = viewChild.required(MatMenu);
|
|
6946
6946
|
this.menuInjector = Injector.create({
|
|
6947
6947
|
providers: [{ provide: MatMenu, useFactory: () => this.$menu() }],
|
|
6948
6948
|
parent: this.injector
|
|
6949
6949
|
});
|
|
6950
|
-
this.$tableBuilder = input.required({ ...(ngDevMode ? { debugName: "$tableBuilder" } : {}), alias: 'tableBuilder' });
|
|
6951
|
-
this.$tableIdInput = input(undefined, { ...(ngDevMode ? { debugName: "$tableIdInput" } : {}), alias: 'tableId' });
|
|
6952
|
-
this.$trackByInput = input(undefined, { ...(ngDevMode ? { debugName: "$trackByInput" } : {}), alias: 'trackBy' });
|
|
6953
|
-
this.$inputFilters = input([], { ...(ngDevMode ? { debugName: "$inputFilters" } : {}), alias: 'inputFilters' });
|
|
6954
|
-
this.$filterInfoInputs = computed(() => this.$inputFilters().filter(i => !isFunction(i)), ...(ngDevMode ? [{ debugName: "$filterInfoInputs" }] : []));
|
|
6955
|
-
this.$indexColumnInput = input(false, { ...(ngDevMode ? { debugName: "$indexColumnInput" } : {}), alias: 'indexColumn' });
|
|
6956
|
-
this.$selectionColumnInput = input(false, { ...(ngDevMode ? { debugName: "$selectionColumnInput" } : {}), alias: 'selectionColumn' });
|
|
6957
|
-
this.$stickyHeaderInput = input(true, { ...(ngDevMode ? { debugName: "$stickyHeaderInput" } : {}), alias: 'stickyHeader' });
|
|
6958
|
-
this.$stickyFooterInput = input(undefined, { ...(ngDevMode ? { debugName: "$stickyFooterInput" } : {}), alias: 'stickyFooter' });
|
|
6959
|
-
this.$groupHeaderTemplate = input(undefined, { ...(ngDevMode ? { debugName: "$groupHeaderTemplate" } : {}), alias: 'groupHeaderTemplate' });
|
|
6960
|
-
this.$groupHeaderHeight = input(undefined, { ...(ngDevMode ? { debugName: "$groupHeaderHeight" } : {}), alias: 'groupHeaderHeight' });
|
|
6961
|
-
this.$pageSize = input(undefined, { ...(ngDevMode ? { debugName: "$pageSize" } : {}), alias: 'pageSize' });
|
|
6950
|
+
this.$tableBuilder = input.required({ ...(ngDevMode ? { debugName: "$tableBuilder" } : /* istanbul ignore next */ {}), alias: 'tableBuilder' });
|
|
6951
|
+
this.$tableIdInput = input(undefined, { ...(ngDevMode ? { debugName: "$tableIdInput" } : /* istanbul ignore next */ {}), alias: 'tableId' });
|
|
6952
|
+
this.$trackByInput = input(undefined, { ...(ngDevMode ? { debugName: "$trackByInput" } : /* istanbul ignore next */ {}), alias: 'trackBy' });
|
|
6953
|
+
this.$inputFilters = input([], { ...(ngDevMode ? { debugName: "$inputFilters" } : /* istanbul ignore next */ {}), alias: 'inputFilters' });
|
|
6954
|
+
this.$filterInfoInputs = computed(() => this.$inputFilters().filter(i => !isFunction(i)), ...(ngDevMode ? [{ debugName: "$filterInfoInputs" }] : /* istanbul ignore next */ []));
|
|
6955
|
+
this.$indexColumnInput = input(false, { ...(ngDevMode ? { debugName: "$indexColumnInput" } : /* istanbul ignore next */ {}), alias: 'indexColumn' });
|
|
6956
|
+
this.$selectionColumnInput = input(false, { ...(ngDevMode ? { debugName: "$selectionColumnInput" } : /* istanbul ignore next */ {}), alias: 'selectionColumn' });
|
|
6957
|
+
this.$stickyHeaderInput = input(true, { ...(ngDevMode ? { debugName: "$stickyHeaderInput" } : /* istanbul ignore next */ {}), alias: 'stickyHeader' });
|
|
6958
|
+
this.$stickyFooterInput = input(undefined, { ...(ngDevMode ? { debugName: "$stickyFooterInput" } : /* istanbul ignore next */ {}), alias: 'stickyFooter' });
|
|
6959
|
+
this.$groupHeaderTemplate = input(undefined, { ...(ngDevMode ? { debugName: "$groupHeaderTemplate" } : /* istanbul ignore next */ {}), alias: 'groupHeaderTemplate' });
|
|
6960
|
+
this.$groupHeaderHeight = input(undefined, { ...(ngDevMode ? { debugName: "$groupHeaderHeight" } : /* istanbul ignore next */ {}), alias: 'groupHeaderHeight' });
|
|
6961
|
+
this.$pageSize = input(undefined, { ...(ngDevMode ? { debugName: "$pageSize" } : /* istanbul ignore next */ {}), alias: 'pageSize' });
|
|
6962
6962
|
this._selection$ = new BehaviorSubject(null);
|
|
6963
6963
|
this.selection$ = outputFromObservable(this._selection$.pipe(notNull()), { alias: 'selection' });
|
|
6964
6964
|
this.onStateReset$ = output({ alias: 'onStateReset' });
|
|
6965
6965
|
this.onSaveState$ = output({ alias: 'onSaveState' });
|
|
6966
6966
|
this.state$ = outputFromObservable(toObservable(this.state.$savableState), { alias: 'state' });
|
|
6967
|
-
this.$data = computed(() => this.$sortedAndFilteredData()?.value || [], ...(ngDevMode ? [{ debugName: "$data" }] : []));
|
|
6967
|
+
this.$data = computed(() => this.$sortedAndFilteredData()?.value || [], ...(ngDevMode ? [{ debugName: "$data" }] : /* istanbul ignore next */ []));
|
|
6968
6968
|
this.data$ = outputFromObservable(toObservable(this.$data), { alias: 'data' });
|
|
6969
6969
|
/**
|
|
6970
6970
|
* Will be different than $data if grouping is applied
|
|
6971
6971
|
*/
|
|
6972
|
-
this.$sortedAndFilteredAndGroupedData = computed(() => this.$filteredSortedAndGrouped()?.displayData || [], ...(ngDevMode ? [{ debugName: "$sortedAndFilteredAndGroupedData" }] : []));
|
|
6972
|
+
this.$sortedAndFilteredAndGroupedData = computed(() => this.$filteredSortedAndGrouped()?.displayData || [], ...(ngDevMode ? [{ debugName: "$sortedAndFilteredAndGroupedData" }] : /* istanbul ignore next */ []));
|
|
6973
6973
|
this.sortedAndFilteredAndGroupedData$ = outputFromObservable(toObservable(this.$sortedAndFilteredAndGroupedData), { alias: 'sortedAndFilteredAndGroupedData' });
|
|
6974
|
-
this.$displayData = computed(() => this.$tableBuilder() && this.$filteredSortedAndGrouped()?.displayData, ...(ngDevMode ? [{ debugName: "$displayData" }] : []));
|
|
6974
|
+
this.$displayData = computed(() => this.$tableBuilder() && this.$filteredSortedAndGrouped()?.displayData, ...(ngDevMode ? [{ debugName: "$displayData" }] : /* istanbul ignore next */ []));
|
|
6975
6975
|
this.expandAllGroups = () => {
|
|
6976
6976
|
const groupHeaders = getAllGroupHeaderNames(this.$displayData());
|
|
6977
6977
|
this.state.expandOfGroup(groupHeaders.map(g => ({ groupKey: g.groupKey, uniqueNameOfHeadersToExpand: g.headers })));
|
|
@@ -6988,23 +6988,23 @@ class TableContainerComponent {
|
|
|
6988
6988
|
customCell: this.$customCells().filter(cc => cc.$inited()).find(cc => cc.$customCell() === metaData.key),
|
|
6989
6989
|
customHeader: this.$customHeaders().filter(ch => ch.$inited()).find(ch => ch.$customHeader() === metaData.key)
|
|
6990
6990
|
}));
|
|
6991
|
-
}, ...(ngDevMode ? [{ debugName: "$myColumns" }] : []));
|
|
6991
|
+
}, ...(ngDevMode ? [{ debugName: "$myColumns" }] : /* istanbul ignore next */ []));
|
|
6992
6992
|
this.$useVirtual = this.state.$isVirtual;
|
|
6993
6993
|
this.$collapsedFooter = this.state.$footerCollapsed;
|
|
6994
6994
|
this.$collapsedHeader = this.state.$headerCollapsed;
|
|
6995
|
-
this.$displayDataLength = computed(() => this.$displayData()?.length || 0, ...(ngDevMode ? [{ debugName: "$displayDataLength" }] : []));
|
|
6996
|
-
this.$tableBuilderSettings = computed(() => this.$tableBuilder().$settings(), ...(ngDevMode ? [{ debugName: "$tableBuilderSettings" }] : []));
|
|
6997
|
-
this.$trackBy = computed(() => this.$trackByInput() || this.$tableBuilderSettings()?.tableSettings?.trackBy, ...(ngDevMode ? [{ debugName: "$trackBy" }] : []));
|
|
6998
|
-
this.$tableId = computed(() => this.$tableIdInput() || this.$tableBuilderSettings()?.tableSettings?.tableId, ...(ngDevMode ? [{ debugName: "$tableId" }] : []));
|
|
6999
|
-
this.$includeSelectionColumn = computed(() => this.$selectionColumnInput() || !!this.$tableBuilderSettings()?.tableSettings?.includeSelectionColumn, ...(ngDevMode ? [{ debugName: "$includeSelectionColumn" }] : []));
|
|
7000
|
-
this.$includeIndexColumn = computed(() => this.$indexColumnInput() || !!this.$tableBuilderSettings()?.tableSettings?.includeIndexColumn, ...(ngDevMode ? [{ debugName: "$includeIndexColumn" }] : []));
|
|
6995
|
+
this.$displayDataLength = computed(() => this.$displayData()?.length || 0, ...(ngDevMode ? [{ debugName: "$displayDataLength" }] : /* istanbul ignore next */ []));
|
|
6996
|
+
this.$tableBuilderSettings = computed(() => this.$tableBuilder().$settings(), ...(ngDevMode ? [{ debugName: "$tableBuilderSettings" }] : /* istanbul ignore next */ []));
|
|
6997
|
+
this.$trackBy = computed(() => this.$trackByInput() || this.$tableBuilderSettings()?.tableSettings?.trackBy, ...(ngDevMode ? [{ debugName: "$trackBy" }] : /* istanbul ignore next */ []));
|
|
6998
|
+
this.$tableId = computed(() => this.$tableIdInput() || this.$tableBuilderSettings()?.tableSettings?.tableId, ...(ngDevMode ? [{ debugName: "$tableId" }] : /* istanbul ignore next */ []));
|
|
6999
|
+
this.$includeSelectionColumn = computed(() => this.$selectionColumnInput() || !!this.$tableBuilderSettings()?.tableSettings?.includeSelectionColumn, ...(ngDevMode ? [{ debugName: "$includeSelectionColumn" }] : /* istanbul ignore next */ []));
|
|
7000
|
+
this.$includeIndexColumn = computed(() => this.$indexColumnInput() || !!this.$tableBuilderSettings()?.tableSettings?.includeIndexColumn, ...(ngDevMode ? [{ debugName: "$includeIndexColumn" }] : /* istanbul ignore next */ []));
|
|
7001
7001
|
this.$stickyHeader = computed(() => {
|
|
7002
7002
|
const settings = this.$tableBuilderSettings()?.columnHeaderSettings?.stickyHeaderRow;
|
|
7003
7003
|
if (settings != null) {
|
|
7004
7004
|
return settings;
|
|
7005
7005
|
}
|
|
7006
7006
|
return this.$stickyHeaderInput();
|
|
7007
|
-
}, ...(ngDevMode ? [{ debugName: "$stickyHeader" }] : []));
|
|
7007
|
+
}, ...(ngDevMode ? [{ debugName: "$stickyHeader" }] : /* istanbul ignore next */ []));
|
|
7008
7008
|
this.$stickyFooter = computed(() => {
|
|
7009
7009
|
if (this.$stickyFooterInput() != null) {
|
|
7010
7010
|
return !!this.$stickyFooterInput();
|
|
@@ -7013,7 +7013,7 @@ class TableContainerComponent {
|
|
|
7013
7013
|
return !!this.$tableBuilderSettings()?.columnFooterSettings?.stickyFooterRow;
|
|
7014
7014
|
}
|
|
7015
7015
|
return this.config.defaultTableSettings?.columnFooterSettings?.stickyFooterRow || false;
|
|
7016
|
-
}, ...(ngDevMode ? [{ debugName: "$stickyFooter" }] : []));
|
|
7016
|
+
}, ...(ngDevMode ? [{ debugName: "$stickyFooter" }] : /* istanbul ignore next */ []));
|
|
7017
7017
|
this.$props = computed(() => {
|
|
7018
7018
|
const indexColumn = this.$includeIndexColumn();
|
|
7019
7019
|
const selectionColumn = this.$includeSelectionColumn();
|
|
@@ -7023,7 +7023,7 @@ class TableContainerComponent {
|
|
|
7023
7023
|
const groupHeaderHeight = this.$groupHeaderHeight();
|
|
7024
7024
|
const customGroupRows = this.$customGroupRows().filter(cgr => cgr.$inited());
|
|
7025
7025
|
return ({ indexColumn, selectionColumn, isSticky: stickHeader, stickyFooter, groupHeaderTemplate, groupHeaderHeight, customGroupRows });
|
|
7026
|
-
}, ...(ngDevMode ? [{ debugName: "$props" }] : []));
|
|
7026
|
+
}, ...(ngDevMode ? [{ debugName: "$props" }] : /* istanbul ignore next */ []));
|
|
7027
7027
|
this.#initTableBuilder = effect(() => {
|
|
7028
7028
|
const tb = this.$tableBuilder();
|
|
7029
7029
|
untracked(() => {
|
|
@@ -7032,7 +7032,7 @@ class TableContainerComponent {
|
|
|
7032
7032
|
tb._container.set(this);
|
|
7033
7033
|
}
|
|
7034
7034
|
});
|
|
7035
|
-
}, ...(ngDevMode ? [{ debugName: "#initTableBuilder" }] : []));
|
|
7035
|
+
}, ...(ngDevMode ? [{ debugName: "#initTableBuilder" }] : /* istanbul ignore next */ []));
|
|
7036
7036
|
this.#initializeTableSettingsFromTableBuilderAndPersistedStateEffect = effect(() => {
|
|
7037
7037
|
const metaLoaded = this.$isInitializationState(InitializationState.MetaDataLoaded)();
|
|
7038
7038
|
if (!metaLoaded)
|
|
@@ -7047,14 +7047,14 @@ class TableContainerComponent {
|
|
|
7047
7047
|
}
|
|
7048
7048
|
this.state.setInitializationState(InitializationState.Ready);
|
|
7049
7049
|
});
|
|
7050
|
-
}, ...(ngDevMode ? [{ debugName: "#initializeTableSettingsFromTableBuilderAndPersistedStateEffect" }] : []));
|
|
7050
|
+
}, ...(ngDevMode ? [{ debugName: "#initializeTableSettingsFromTableBuilderAndPersistedStateEffect" }] : /* istanbul ignore next */ []));
|
|
7051
7051
|
this.#setPageSizeFromInputEffect = effect(() => {
|
|
7052
7052
|
const pageSize = this.$pageSize();
|
|
7053
7053
|
const userDefinedPageSize = this.state.$userDefinedPageSize();
|
|
7054
7054
|
if (pageSize && !userDefinedPageSize) {
|
|
7055
7055
|
untracked(() => this.state.setPageSize(pageSize));
|
|
7056
7056
|
}
|
|
7057
|
-
}, ...(ngDevMode ? [{ debugName: "#setPageSizeFromInputEffect" }] : []));
|
|
7057
|
+
}, ...(ngDevMode ? [{ debugName: "#setPageSizeFromInputEffect" }] : /* istanbul ignore next */ []));
|
|
7058
7058
|
this.#patchedFilters = [];
|
|
7059
7059
|
this.#patchSavableFilterDirectivesFromPersistedStateEffect = effect(() => {
|
|
7060
7060
|
const loaded = this.$isInitializationState(InitializationState.TableSettingsLoaded)();
|
|
@@ -7070,7 +7070,7 @@ class TableContainerComponent {
|
|
|
7070
7070
|
this.state.addFilter(f.filter$);
|
|
7071
7071
|
});
|
|
7072
7072
|
});
|
|
7073
|
-
}, ...(ngDevMode ? [{ debugName: "#patchSavableFilterDirectivesFromPersistedStateEffect" }] : []));
|
|
7073
|
+
}, ...(ngDevMode ? [{ debugName: "#patchSavableFilterDirectivesFromPersistedStateEffect" }] : /* istanbul ignore next */ []));
|
|
7074
7074
|
this.#patchSavableFilterInputsFromPersistedStateEffect = effect(() => {
|
|
7075
7075
|
const loaded = this.$isInitializationState(InitializationState.TableSettingsLoaded)();
|
|
7076
7076
|
const inputFilters = this.$filterInfoInputs();
|
|
@@ -7091,11 +7091,11 @@ class TableContainerComponent {
|
|
|
7091
7091
|
this.#patchedFilters.push(f.filterId);
|
|
7092
7092
|
});
|
|
7093
7093
|
});
|
|
7094
|
-
}, ...(ngDevMode ? [{ debugName: "#patchSavableFilterInputsFromPersistedStateEffect" }] : []));
|
|
7094
|
+
}, ...(ngDevMode ? [{ debugName: "#patchSavableFilterInputsFromPersistedStateEffect" }] : /* istanbul ignore next */ []));
|
|
7095
7095
|
this.#addPropsToStoreFromInputsEffect = effect(() => {
|
|
7096
7096
|
const props = this.$props();
|
|
7097
7097
|
untracked(() => this.state.setProps(props));
|
|
7098
|
-
}, ...(ngDevMode ? [{ debugName: "#addPropsToStoreFromInputsEffect" }] : []));
|
|
7098
|
+
}, ...(ngDevMode ? [{ debugName: "#addPropsToStoreFromInputsEffect" }] : /* istanbul ignore next */ []));
|
|
7099
7099
|
this.#addMetaDataToStoreEffect = effect(() => {
|
|
7100
7100
|
const allMetaDatas = this.$allMetaDatas();
|
|
7101
7101
|
if (!allMetaDatas)
|
|
@@ -7104,7 +7104,7 @@ class TableContainerComponent {
|
|
|
7104
7104
|
this.state.setMetaData(allMetaDatas);
|
|
7105
7105
|
this.state.setLinkMaps(createLinkCreatorDict(allMetaDatas));
|
|
7106
7106
|
});
|
|
7107
|
-
}, ...(ngDevMode ? [{ debugName: "#addMetaDataToStoreEffect" }] : []));
|
|
7107
|
+
}, ...(ngDevMode ? [{ debugName: "#addMetaDataToStoreEffect" }] : /* istanbul ignore next */ []));
|
|
7108
7108
|
this.#setFilteredDataLengthEffect = effect(() => {
|
|
7109
7109
|
const tableBuilder = this.$tableBuilder();
|
|
7110
7110
|
const data = this.$sortedAndFilteredData();
|
|
@@ -7113,7 +7113,7 @@ class TableContainerComponent {
|
|
|
7113
7113
|
untracked(() => {
|
|
7114
7114
|
this.dataStore.patchState({ sortedFilteredDataLength: data.value.length });
|
|
7115
7115
|
});
|
|
7116
|
-
}, ...(ngDevMode ? [{ debugName: "#setFilteredDataLengthEffect" }] : []));
|
|
7116
|
+
}, ...(ngDevMode ? [{ debugName: "#setFilteredDataLengthEffect" }] : /* istanbul ignore next */ []));
|
|
7117
7117
|
this.#setDataSourceDataEffect = effect(() => {
|
|
7118
7118
|
const tableBuilder = this.$tableBuilder();
|
|
7119
7119
|
const flat = this.$filteredSortedAndGrouped();
|
|
@@ -7124,7 +7124,7 @@ class TableContainerComponent {
|
|
|
7124
7124
|
this.dataSource.setData(data);
|
|
7125
7125
|
this.dataStore.patchState({ sortedFilteredGroupedDataLength: data.length });
|
|
7126
7126
|
});
|
|
7127
|
-
}, ...(ngDevMode ? [{ debugName: "#setDataSourceDataEffect" }] : []));
|
|
7127
|
+
}, ...(ngDevMode ? [{ debugName: "#setDataSourceDataEffect" }] : /* istanbul ignore next */ []));
|
|
7128
7128
|
this.#destroyRef = inject(DestroyRef).onDestroy(() => {
|
|
7129
7129
|
const tableId = this.$tableId();
|
|
7130
7130
|
if (tableId) {
|
|
@@ -7137,14 +7137,14 @@ class TableContainerComponent {
|
|
|
7137
7137
|
return this.stateService.$selectLocalTableStateForView(tableId)();
|
|
7138
7138
|
}
|
|
7139
7139
|
return undefined;
|
|
7140
|
-
}, ...(ngDevMode ? [{ debugName: "$persistedState" }] : []));
|
|
7140
|
+
}, ...(ngDevMode ? [{ debugName: "$persistedState" }] : /* istanbul ignore next */ []));
|
|
7141
7141
|
this.$allFilterDirectives = computed(() => {
|
|
7142
7142
|
if (this.wrapper) {
|
|
7143
7143
|
return [...this.$filterDirectives(), ...this.$customFilterDirectives(), ...this.wrapper.$registrations()];
|
|
7144
7144
|
}
|
|
7145
7145
|
return [...this.$filterDirectives(), ...this.$customFilterDirectives()];
|
|
7146
|
-
}, ...(ngDevMode ? [{ debugName: "$allFilterDirectives" }] : []));
|
|
7147
|
-
this.$tableBuilderMetaData = computed(() => this.$tableBuilder()?.$metaData(), ...(ngDevMode ? [{ debugName: "$tableBuilderMetaData" }] : []));
|
|
7146
|
+
}, ...(ngDevMode ? [{ debugName: "$allFilterDirectives" }] : /* istanbul ignore next */ []));
|
|
7147
|
+
this.$tableBuilderMetaData = computed(() => this.$tableBuilder()?.$metaData(), ...(ngDevMode ? [{ debugName: "$tableBuilderMetaData" }] : /* istanbul ignore next */ []));
|
|
7148
7148
|
this.$allMetaDatas = computed(() => {
|
|
7149
7149
|
const tableBuilderMetaData = this.$tableBuilderMetaData();
|
|
7150
7150
|
if (!tableBuilderMetaData)
|
|
@@ -7152,7 +7152,7 @@ class TableContainerComponent {
|
|
|
7152
7152
|
const customCellMetaDatas = this.$customCells().filter(cc => cc.$inited()).map(cc => cc.$metaData()).filter(d => !!d);
|
|
7153
7153
|
const mappedCustomCellMetaDatas = customCellMetaDatas.map(md => mergeCustomCellMetaData(md, tableBuilderMetaData.find(item => item.key === md.key)));
|
|
7154
7154
|
return [...tableBuilderMetaData, ...mappedCustomCellMetaDatas];
|
|
7155
|
-
}, ...(ngDevMode ? [{ debugName: "$allMetaDatas" }] : []));
|
|
7155
|
+
}, ...(ngDevMode ? [{ debugName: "$allMetaDatas" }] : /* istanbul ignore next */ []));
|
|
7156
7156
|
this.$preds = computed(() => {
|
|
7157
7157
|
const predicateInputFilters = this.$inputFilters().filter(isFunction);
|
|
7158
7158
|
const notSavableFilterDirectives = this.$allFilterDirectives()
|
|
@@ -7161,9 +7161,9 @@ class TableContainerComponent {
|
|
|
7161
7161
|
.filter(d => !!d && needsFilterCreation(d))
|
|
7162
7162
|
.map(d => createFilterFunc(d));
|
|
7163
7163
|
return [...predicateInputFilters, ...notSavableFilterDirectives];
|
|
7164
|
-
}, ...(ngDevMode ? [{ debugName: "$preds" }] : []));
|
|
7165
|
-
this.$allData = computed(() => (this.$tableBuilder()?.$initialized() && this.$tableBuilder()?.$data()) || [], ...(ngDevMode ? [{ debugName: "$allData" }] : []));
|
|
7166
|
-
this.$storeReady = computed(() => this.state.selectSignal(s => s.initializationState >= InitializationState.Ready)(), ...(ngDevMode ? [{ debugName: "$storeReady" }] : []));
|
|
7164
|
+
}, ...(ngDevMode ? [{ debugName: "$preds" }] : /* istanbul ignore next */ []));
|
|
7165
|
+
this.$allData = computed(() => (this.$tableBuilder()?.$initialized() && this.$tableBuilder()?.$data()) || [], ...(ngDevMode ? [{ debugName: "$allData" }] : /* istanbul ignore next */ []));
|
|
7166
|
+
this.$storeReady = computed(() => this.state.selectSignal(s => s.initializationState >= InitializationState.Ready)(), ...(ngDevMode ? [{ debugName: "$storeReady" }] : /* istanbul ignore next */ []));
|
|
7167
7167
|
this.$basicDataManager = createBasicDataManager(this.$allMetaDatas, this.$allData, {
|
|
7168
7168
|
store: this.state,
|
|
7169
7169
|
isReady: this.$storeReady,
|
|
@@ -7173,9 +7173,9 @@ class TableContainerComponent {
|
|
|
7173
7173
|
predicates: this.$preds,
|
|
7174
7174
|
});
|
|
7175
7175
|
this.$sortedAndFilteredData = this.$basicDataManager.sortedAndFilteredData;
|
|
7176
|
-
this.$timestampedGroups = computed(() => ({ value: this.state.$groupByData(), timestamp: Date.now() }), ...(ngDevMode ? [{ debugName: "$timestampedGroups" }] : []));
|
|
7177
|
-
this.$timestampedExpanded = computed(() => ({ value: this.state.$expandGroups(), timestamp: Date.now() }), ...(ngDevMode ? [{ debugName: "$timestampedExpanded" }] : []));
|
|
7178
|
-
this.$timestampedGroupSortUpdated = computed(() => ({ value: this.state.$sortedGroupsUpdates(), timestamp: Date.now() }), ...(ngDevMode ? [{ debugName: "$timestampedGroupSortUpdated" }] : []));
|
|
7176
|
+
this.$timestampedGroups = computed(() => ({ value: this.state.$groupByData(), timestamp: Date.now() }), ...(ngDevMode ? [{ debugName: "$timestampedGroups" }] : /* istanbul ignore next */ []));
|
|
7177
|
+
this.$timestampedExpanded = computed(() => ({ value: this.state.$expandGroups(), timestamp: Date.now() }), ...(ngDevMode ? [{ debugName: "$timestampedExpanded" }] : /* istanbul ignore next */ []));
|
|
7178
|
+
this.$timestampedGroupSortUpdated = computed(() => ({ value: this.state.$sortedGroupsUpdates(), timestamp: Date.now() }), ...(ngDevMode ? [{ debugName: "$timestampedGroupSortUpdated" }] : /* istanbul ignore next */ []));
|
|
7179
7179
|
this.$dataAndGroupsTimestamped = computed(() => {
|
|
7180
7180
|
const data = this.$sortedAndFilteredData();
|
|
7181
7181
|
const groups = this.$timestampedGroups();
|
|
@@ -7189,8 +7189,8 @@ class TableContainerComponent {
|
|
|
7189
7189
|
expanded,
|
|
7190
7190
|
groupSorts,
|
|
7191
7191
|
});
|
|
7192
|
-
}, ...(ngDevMode ? [{ debugName: "$dataAndGroupsTimestamped" }] : []));
|
|
7193
|
-
this.$filteredSortedAndGrouped = linkedSignal({ ...(ngDevMode ? { debugName: "$filteredSortedAndGrouped" } : {}), source: this.$dataAndGroupsTimestamped,
|
|
7192
|
+
}, ...(ngDevMode ? [{ debugName: "$dataAndGroupsTimestamped" }] : /* istanbul ignore next */ []));
|
|
7193
|
+
this.$filteredSortedAndGrouped = linkedSignal({ ...(ngDevMode ? { debugName: "$filteredSortedAndGrouped" } : /* istanbul ignore next */ {}), source: this.$dataAndGroupsTimestamped,
|
|
7194
7194
|
computation: (curr, prev) => {
|
|
7195
7195
|
if (!curr)
|
|
7196
7196
|
return undefined;
|
|
@@ -7221,10 +7221,10 @@ class TableContainerComponent {
|
|
|
7221
7221
|
#setDataSourceDataEffect;
|
|
7222
7222
|
#destroyRef;
|
|
7223
7223
|
static { this.headerId = 'tb-header-wrapper'; }
|
|
7224
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
7225
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.0", type: TableContainerComponent, isStandalone: true, selector: "tb-table-container", inputs: { $tableBuilder: { classPropertyName: "$tableBuilder", publicName: "tableBuilder", isSignal: true, isRequired: true, transformFunction: null }, $tableIdInput: { classPropertyName: "$tableIdInput", publicName: "tableId", isSignal: true, isRequired: false, transformFunction: null }, $trackByInput: { classPropertyName: "$trackByInput", publicName: "trackBy", isSignal: true, isRequired: false, transformFunction: null }, $inputFilters: { classPropertyName: "$inputFilters", publicName: "inputFilters", isSignal: true, isRequired: false, transformFunction: null }, $indexColumnInput: { classPropertyName: "$indexColumnInput", publicName: "indexColumn", isSignal: true, isRequired: false, transformFunction: null }, $selectionColumnInput: { classPropertyName: "$selectionColumnInput", publicName: "selectionColumn", isSignal: true, isRequired: false, transformFunction: null }, $stickyHeaderInput: { classPropertyName: "$stickyHeaderInput", publicName: "stickyHeader", isSignal: true, isRequired: false, transformFunction: null }, $stickyFooterInput: { classPropertyName: "$stickyFooterInput", publicName: "stickyFooter", isSignal: true, isRequired: false, transformFunction: null }, $groupHeaderTemplate: { classPropertyName: "$groupHeaderTemplate", publicName: "groupHeaderTemplate", isSignal: true, isRequired: false, transformFunction: null }, $groupHeaderHeight: { classPropertyName: "$groupHeaderHeight", publicName: "groupHeaderHeight", isSignal: true, isRequired: false, transformFunction: null }, $pageSize: { classPropertyName: "$pageSize", publicName: "pageSize", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { selection$: "selection", onStateReset$: "onStateReset", onSaveState$: "onSaveState", state$: "state", data$: "data", sortedAndFilteredAndGroupedData$: "sortedAndFilteredAndGroupedData" }, providers: [TableStore, ExportToCsvService, WrapperFilterStore, DataStore], queries: [{ propertyName: "$filterDirectives", predicate: TableFilterDirective, descendants: true, isSignal: true }, { propertyName: "$customFilterDirectives", predicate: TableCustomFilterDirective, descendants: true, isSignal: true }, { propertyName: "_$customRows", predicate: (MatRowDef), isSignal: true }, { propertyName: "$customCells", predicate: CustomCellDirective, isSignal: true }, { propertyName: "$customHeaders", predicate: CustomHeaderDirective, isSignal: true }, { propertyName: "$customGroupRows", predicate: CustomGroupRowDirective, isSignal: true }], viewQueries: [{ propertyName: "$paginatorComponent", first: true, predicate: PaginatorComponent, descendants: true, isSignal: true }, { propertyName: "$paginatorWrapper", first: true, predicate: ["paginatorWrapper"], descendants: true, isSignal: true }, { propertyName: "$genericTable", first: true, predicate: GenericTableComponent, descendants: true, isSignal: true }, { propertyName: "$menu", first: true, predicate: MatMenu, descendants: true, isSignal: true }], ngImport: i0, template: "@let tableId = $tableId();\r\n@let tableSettings = state.$tableSettings();\r\n\r\n<ng-content select=\"[before]\" />\r\n<ng-container multiSort>\r\n <div class=\"tb-header-wrapper\" [id]=\"headerId\">\r\n <div class=\"title\">\r\n @if ((!$collapsedHeader()) || tableSettings.showTitleWhenHeaderCollapsed)\r\n {\r\n <ng-content select=\".tb-header-title\"/>\r\n @if (tableSettings.title)\r\n {\r\n @switch (tableSettings.title.level)\r\n {\r\n @case (1) { <h1 class=\"tb-container-title\" [style]=\"tableSettings.title.styles\">{{tableSettings.title.text}}</h1>}\r\n @case (2) { <h2 class=\"tb-container-title\" [style]=\"tableSettings.title.styles\">{{tableSettings.title.text}}</h2>}\r\n @case (4) { <h4 class=\"tb-container-title\" [style]=\"tableSettings.title.styles\">{{tableSettings.title.text}}</h4>}\r\n @case (5) { <h5 class=\"tb-container-title\" [style]=\"tableSettings.title.styles\">{{tableSettings.title.text}}</h5>}\r\n @case (6) { <h6 class=\"tb-container-title\" [style]=\"tableSettings.title.styles\">{{tableSettings.title.text}}</h6>}\r\n @default { <h3 class=\"tb-container-title\" [style]=\"tableSettings.title.styles\">{{tableSettings.title.text}}</h3>}\r\n }\r\n }\r\n }\r\n </div>\r\n @if(state.$groupByData().length)\r\n {\r\n <group-by-list />\r\n }\r\n <div class=\"flx-row-end\">\r\n <lib-filter-list />\r\n @if (!tableSettings.hideHeader)\r\n {\r\n @if (!$collapsedHeader())\r\n {\r\n <ng-container *ngTemplateOutlet=\"headerMenu\"/>\r\n <button mat-icon-button color='primary' [matMenuTriggerFor]=\"mainMenu\">\r\n <mat-icon>more_vert</mat-icon>\r\n </button>\r\n <mat-menu #mainMenu='matMenu' [xPosition]=\"'before'\">\r\n <lib-table-header-menu #l/>\r\n </mat-menu>\r\n\r\n }\r\n @else\r\n {\r\n <mat-icon color=\"primary\" class=\"flat-menu-button pointer\" [matMenuTriggerFor]=\"mainMenu\">more_horiz</mat-icon>\r\n <mat-menu #mainMenu='matMenu'>\r\n <div class=\"collapsed-head-row\">\r\n <ng-container *ngTemplateOutlet=\"headerMenu; injector menuInjector\"/>\r\n </div>\r\n <lib-table-header-menu />\r\n </mat-menu>\r\n }\r\n <mat-icon class=\"collapse-icon header\" [matTooltip]=\"$collapsedHeader() ? 'expand' : 'collapse'\"\r\n (click)=\"state.toggleCollapseHeader()\">\r\n {{$collapsedHeader() ? 'expand_less' : 'expand_more'}}\r\n </mat-icon>\r\n }\r\n\r\n </div>\r\n </div>\r\n\r\n @if($useVirtual())\r\n {\r\n <tb-virtual-scroll-container class=\"scrollable\">\r\n <tb-generic-table [customRows]=\"$customRows()\" [data]=\"$data()!\" [displayData]=\"$filteredSortedAndGrouped()?.displayData || []\"\r\n [columnInfos]='$myColumns()' [trackBy]=\"$trackBy()\" [dataSource]=\"dataSource\" (selection)='_selection$.next($event)' />\r\n </tb-virtual-scroll-container>\r\n }\r\n @else\r\n {\r\n <tb-generic-table [customRows]=\"$customRows()\" [data]=\"$data()!\" [displayData]=\"$filteredSortedAndGrouped()?.displayData || []\"\r\n [columnInfos]='$myColumns()' [trackBy]=\"$trackBy()\" [dataSource]=\"dataSource\" (selection)='_selection$.next($event)' />\r\n }\r\n @if(tableSettings.usePaginator)\r\n {\r\n <div #paginatorWrapper class=\"paginator tb-paginator-wrapper\">\r\n <ng-content select=\".tb-paginator-row\" />\r\n <tb-paginator #tbPaginator />\r\n\r\n <mat-icon class=\"collapse-icon footer\" [matTooltip]=\"$collapsedFooter() ? 'expand' : 'collapse'\"\r\n (click)=\"state.toggleCollapseFooter()\">\r\n {{$collapsedFooter() ? 'expand_more' : 'expand_less'}}\r\n </mat-icon>\r\n </div>\r\n }\r\n</ng-container>\r\n\r\n<ng-template #headerMenu>\r\n @if (!tableSettings.hideFilter) {<tb-filter-displayer/>}\r\n @if (!tableSettings.hideColumnSettings) {<tb-col-displayer/>}\r\n @if (!tableSettings.hideSort) {<tb-sort-menu/>}\r\n @if (!!tableId && !$collapsedHeader()) {<tb-profiles-menu [tableId]=\"tableId\"/>}\r\n</ng-template>\r\n", styles: [".tb-header-wrapper{display:flex;flex-direction:row;width:100%}.flx-row-end{display:flex;flex-direction:row;justify-content:flex-end;align-items:center;margin-left:auto}.flat-menu{line-height:initial;height:initial}.pointer{cursor:pointer}.add-key{width:90%}.paginator{display:flex;flex-direction:row;justify-content:flex-end;align-items:center;background-color:#fff;bottom:0;position:sticky;border-top:.5px solid rgba(0,0,0,.12)}.profiles-menu{visibility:hidden;width:0px;height:0px;display:block;overflow:hidden;position:absolute;top:50px}.collapsed-head-row{display:flex;justify-content:space-evenly}::ng-deep :where(tb-generic-table) .mat-mdc-row:nth-child(odd):where(:not(.no-stripe)){background-color:var(--tb-odd-row-background-color, #cdeefe)}.tb-container-title{padding-left:var(--tb-container-title-padding-left, 10px);margin:var(--tb-container-title-margin, 0)}\n", ".collapse-icon{font-size:16px;height:16px;color:#3f51b5;align-self:flex-start}.collapse-icon:hover{cursor:pointer}.hide{display:none}.paginator-row{display:flex;align-items:center}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: PaginatorComponent, selector: "tb-paginator" }, { kind: "directive", type: MultiSortDirective, selector: "[multiSort]", inputs: ["matSortDisabled"], exportAs: ["multiSort"] }, { kind: "component", type: GroupByListComponent, selector: "group-by-list" }, { kind: "component", type: FilterChipsComponent, selector: "lib-filter-list" }, { kind: "component", type: GenFilterDisplayerComponent, selector: "tb-filter-displayer" }, { kind: "component", type: GenColDisplayerComponent, selector: "tb-col-displayer" }, { kind: "component", type: SortMenuComponent, selector: "tb-sort-menu" }, { kind: "component", type: GenericTableComponent, selector: "tb-generic-table", inputs: ["displayData", "data", "customRows", "columnInfos", "dataSource", "trackBy"], outputs: ["selection"] }, { kind: "component", type: ProfilesMenuComponent, selector: "tb-profiles-menu", inputs: ["tableId", "isMatMenuChild"] }, { kind: "component", type: TableHeaderMenuComponent, selector: "lib-table-header-menu" }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i2$1.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatMenuModule }, { kind: "component", type: i1$4.MatMenu, selector: "mat-menu", inputs: ["backdropClass", "aria-label", "aria-labelledby", "aria-describedby", "xPosition", "yPosition", "overlapTrigger", "hasBackdrop", "class", "classList"], outputs: ["closed", "close"], exportAs: ["matMenu"] }, { kind: "directive", type: i1$4.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i4$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i4.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "component", type: VirtualScrollContainer, selector: "tb-virtual-scroll-container" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
7224
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: TableContainerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
7225
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.8", type: TableContainerComponent, isStandalone: true, selector: "tb-table-container", inputs: { $tableBuilder: { classPropertyName: "$tableBuilder", publicName: "tableBuilder", isSignal: true, isRequired: true, transformFunction: null }, $tableIdInput: { classPropertyName: "$tableIdInput", publicName: "tableId", isSignal: true, isRequired: false, transformFunction: null }, $trackByInput: { classPropertyName: "$trackByInput", publicName: "trackBy", isSignal: true, isRequired: false, transformFunction: null }, $inputFilters: { classPropertyName: "$inputFilters", publicName: "inputFilters", isSignal: true, isRequired: false, transformFunction: null }, $indexColumnInput: { classPropertyName: "$indexColumnInput", publicName: "indexColumn", isSignal: true, isRequired: false, transformFunction: null }, $selectionColumnInput: { classPropertyName: "$selectionColumnInput", publicName: "selectionColumn", isSignal: true, isRequired: false, transformFunction: null }, $stickyHeaderInput: { classPropertyName: "$stickyHeaderInput", publicName: "stickyHeader", isSignal: true, isRequired: false, transformFunction: null }, $stickyFooterInput: { classPropertyName: "$stickyFooterInput", publicName: "stickyFooter", isSignal: true, isRequired: false, transformFunction: null }, $groupHeaderTemplate: { classPropertyName: "$groupHeaderTemplate", publicName: "groupHeaderTemplate", isSignal: true, isRequired: false, transformFunction: null }, $groupHeaderHeight: { classPropertyName: "$groupHeaderHeight", publicName: "groupHeaderHeight", isSignal: true, isRequired: false, transformFunction: null }, $pageSize: { classPropertyName: "$pageSize", publicName: "pageSize", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { selection$: "selection", onStateReset$: "onStateReset", onSaveState$: "onSaveState", state$: "state", data$: "data", sortedAndFilteredAndGroupedData$: "sortedAndFilteredAndGroupedData" }, providers: [TableStore, ExportToCsvService, WrapperFilterStore, DataStore], queries: [{ propertyName: "$filterDirectives", predicate: TableFilterDirective, descendants: true, isSignal: true }, { propertyName: "$customFilterDirectives", predicate: TableCustomFilterDirective, descendants: true, isSignal: true }, { propertyName: "_$customRows", predicate: (MatRowDef), isSignal: true }, { propertyName: "$customCells", predicate: CustomCellDirective, isSignal: true }, { propertyName: "$customHeaders", predicate: CustomHeaderDirective, isSignal: true }, { propertyName: "$customGroupRows", predicate: CustomGroupRowDirective, isSignal: true }], viewQueries: [{ propertyName: "$paginatorComponent", first: true, predicate: PaginatorComponent, descendants: true, isSignal: true }, { propertyName: "$paginatorWrapper", first: true, predicate: ["paginatorWrapper"], descendants: true, isSignal: true }, { propertyName: "$genericTable", first: true, predicate: GenericTableComponent, descendants: true, isSignal: true }, { propertyName: "$menu", first: true, predicate: MatMenu, descendants: true, isSignal: true }], ngImport: i0, template: "@let tableId = $tableId();\r\n@let tableSettings = state.$tableSettings();\r\n\r\n<ng-content select=\"[before]\" />\r\n<ng-container multiSort>\r\n <div class=\"tb-header-wrapper\" [id]=\"headerId\">\r\n <div class=\"title\">\r\n @if ((!$collapsedHeader()) || tableSettings.showTitleWhenHeaderCollapsed)\r\n {\r\n <ng-content select=\".tb-header-title\"/>\r\n @if (tableSettings.title)\r\n {\r\n @switch (tableSettings.title.level)\r\n {\r\n @case (1) { <h1 class=\"tb-container-title\" [style]=\"tableSettings.title.styles\">{{tableSettings.title.text}}</h1>}\r\n @case (2) { <h2 class=\"tb-container-title\" [style]=\"tableSettings.title.styles\">{{tableSettings.title.text}}</h2>}\r\n @case (4) { <h4 class=\"tb-container-title\" [style]=\"tableSettings.title.styles\">{{tableSettings.title.text}}</h4>}\r\n @case (5) { <h5 class=\"tb-container-title\" [style]=\"tableSettings.title.styles\">{{tableSettings.title.text}}</h5>}\r\n @case (6) { <h6 class=\"tb-container-title\" [style]=\"tableSettings.title.styles\">{{tableSettings.title.text}}</h6>}\r\n @default { <h3 class=\"tb-container-title\" [style]=\"tableSettings.title.styles\">{{tableSettings.title.text}}</h3>}\r\n }\r\n }\r\n }\r\n </div>\r\n @if(state.$groupByData().length)\r\n {\r\n <group-by-list />\r\n }\r\n <div class=\"flx-row-end\">\r\n <lib-filter-list />\r\n @if (!tableSettings.hideHeader)\r\n {\r\n @if (!$collapsedHeader())\r\n {\r\n <ng-container *ngTemplateOutlet=\"headerMenu\"/>\r\n <button mat-icon-button color='primary' [matMenuTriggerFor]=\"mainMenu\">\r\n <mat-icon>more_vert</mat-icon>\r\n </button>\r\n <mat-menu #mainMenu='matMenu' [xPosition]=\"'before'\">\r\n <lib-table-header-menu #l/>\r\n </mat-menu>\r\n\r\n }\r\n @else\r\n {\r\n <mat-icon color=\"primary\" class=\"flat-menu-button pointer\" [matMenuTriggerFor]=\"mainMenu\">more_horiz</mat-icon>\r\n <mat-menu #mainMenu='matMenu'>\r\n <div class=\"collapsed-head-row\">\r\n <ng-container *ngTemplateOutlet=\"headerMenu; injector menuInjector\"/>\r\n </div>\r\n <lib-table-header-menu />\r\n </mat-menu>\r\n }\r\n <mat-icon class=\"collapse-icon header\" [matTooltip]=\"$collapsedHeader() ? 'expand' : 'collapse'\"\r\n (click)=\"state.toggleCollapseHeader()\">\r\n {{$collapsedHeader() ? 'expand_less' : 'expand_more'}}\r\n </mat-icon>\r\n }\r\n\r\n </div>\r\n </div>\r\n\r\n @if($useVirtual())\r\n {\r\n <tb-virtual-scroll-container class=\"scrollable\">\r\n <tb-generic-table [customRows]=\"$customRows()\" [data]=\"$data()!\" [displayData]=\"$filteredSortedAndGrouped()?.displayData || []\"\r\n [columnInfos]='$myColumns()' [trackBy]=\"$trackBy()\" [dataSource]=\"dataSource\" (selection)='_selection$.next($event)' />\r\n </tb-virtual-scroll-container>\r\n }\r\n @else\r\n {\r\n <tb-generic-table [customRows]=\"$customRows()\" [data]=\"$data()!\" [displayData]=\"$filteredSortedAndGrouped()?.displayData || []\"\r\n [columnInfos]='$myColumns()' [trackBy]=\"$trackBy()\" [dataSource]=\"dataSource\" (selection)='_selection$.next($event)' />\r\n }\r\n @if(tableSettings.usePaginator)\r\n {\r\n <div #paginatorWrapper class=\"paginator tb-paginator-wrapper\">\r\n <ng-content select=\".tb-paginator-row\" />\r\n <tb-paginator #tbPaginator />\r\n\r\n <mat-icon class=\"collapse-icon footer\" [matTooltip]=\"$collapsedFooter() ? 'expand' : 'collapse'\"\r\n (click)=\"state.toggleCollapseFooter()\">\r\n {{$collapsedFooter() ? 'expand_more' : 'expand_less'}}\r\n </mat-icon>\r\n </div>\r\n }\r\n</ng-container>\r\n\r\n<ng-template #headerMenu>\r\n @if (!tableSettings.hideFilter) {<tb-filter-displayer/>}\r\n @if (!tableSettings.hideColumnSettings) {<tb-col-displayer/>}\r\n @if (!tableSettings.hideSort) {<tb-sort-menu/>}\r\n @if (!!tableId && !$collapsedHeader()) {<tb-profiles-menu [tableId]=\"tableId\"/>}\r\n</ng-template>\r\n", styles: [".tb-header-wrapper{display:flex;flex-direction:row;width:100%}.flx-row-end{display:flex;flex-direction:row;justify-content:flex-end;align-items:center;margin-left:auto}.flat-menu{line-height:initial;height:initial}.pointer{cursor:pointer}.add-key{width:90%}.paginator{display:flex;flex-direction:row;justify-content:flex-end;align-items:center;background-color:#fff;bottom:0;position:sticky;border-top:.5px solid rgba(0,0,0,.12)}.profiles-menu{visibility:hidden;width:0px;height:0px;display:block;overflow:hidden;position:absolute;top:50px}.collapsed-head-row{display:flex;justify-content:space-evenly}::ng-deep :where(tb-generic-table) .mat-mdc-row:nth-child(odd):where(:not(.no-stripe)){background-color:var(--tb-odd-row-background-color, #cdeefe)}.tb-container-title{padding-left:var(--tb-container-title-padding-left, 10px);margin:var(--tb-container-title-margin, 0)}\n", ".collapse-icon{font-size:16px;height:16px;color:#3f51b5;align-self:flex-start}.collapse-icon:hover{cursor:pointer}.hide{display:none}.paginator-row{display:flex;align-items:center}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: PaginatorComponent, selector: "tb-paginator" }, { kind: "directive", type: MultiSortDirective, selector: "[multiSort]", inputs: ["matSortDisabled"], exportAs: ["multiSort"] }, { kind: "component", type: GroupByListComponent, selector: "group-by-list" }, { kind: "component", type: FilterChipsComponent, selector: "lib-filter-list" }, { kind: "component", type: GenFilterDisplayerComponent, selector: "tb-filter-displayer" }, { kind: "component", type: GenColDisplayerComponent, selector: "tb-col-displayer" }, { kind: "component", type: SortMenuComponent, selector: "tb-sort-menu" }, { kind: "component", type: GenericTableComponent, selector: "tb-generic-table", inputs: ["displayData", "data", "customRows", "columnInfos", "dataSource", "trackBy"], outputs: ["selection"] }, { kind: "component", type: ProfilesMenuComponent, selector: "tb-profiles-menu", inputs: ["tableId", "isMatMenuChild"] }, { kind: "component", type: TableHeaderMenuComponent, selector: "lib-table-header-menu" }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i2$1.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatMenuModule }, { kind: "component", type: i1$4.MatMenu, selector: "mat-menu", inputs: ["backdropClass", "aria-label", "aria-labelledby", "aria-describedby", "xPosition", "yPosition", "overlapTrigger", "hasBackdrop", "class", "classList"], outputs: ["closed", "close"], exportAs: ["matMenu"] }, { kind: "directive", type: i1$4.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i4$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i4.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "component", type: VirtualScrollContainer, selector: "tb-virtual-scroll-container" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
7226
7226
|
}
|
|
7227
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
7227
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: TableContainerComponent, decorators: [{
|
|
7228
7228
|
type: Component,
|
|
7229
7229
|
args: [{ selector: 'tb-table-container', changeDetection: ChangeDetectionStrategy.OnPush, providers: [TableStore, ExportToCsvService, WrapperFilterStore, DataStore], imports: [
|
|
7230
7230
|
NgTemplateOutlet,
|
|
@@ -7241,14 +7241,14 @@ function isFunction(a) {
|
|
|
7241
7241
|
class SortMenuStandaloneWrapperComponent {
|
|
7242
7242
|
constructor() {
|
|
7243
7243
|
this.injector = inject(Injector);
|
|
7244
|
-
this.$tableStore = input.required({ ...(ngDevMode ? { debugName: "$tableStore" } : {}), alias: 'tableStore' });
|
|
7244
|
+
this.$tableStore = input.required({ ...(ngDevMode ? { debugName: "$tableStore" } : /* istanbul ignore next */ {}), alias: 'tableStore' });
|
|
7245
7245
|
this.storeInjector = Injector.create({
|
|
7246
7246
|
providers: [{ provide: TableStore, useFactory: () => this.$tableStore() }],
|
|
7247
7247
|
parent: this.injector
|
|
7248
7248
|
});
|
|
7249
7249
|
}
|
|
7250
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
7251
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.
|
|
7250
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: SortMenuStandaloneWrapperComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
7251
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.8", type: SortMenuStandaloneWrapperComponent, isStandalone: true, selector: "tb-sort-menu-wrapper", inputs: { $tableStore: { classPropertyName: "$tableStore", publicName: "tableStore", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: `
|
|
7252
7252
|
@if ($tableStore()) {
|
|
7253
7253
|
<ng-container *ngTemplateOutlet="sortMenuTemplate; injector: storeInjector" />
|
|
7254
7254
|
}
|
|
@@ -7257,7 +7257,7 @@ class SortMenuStandaloneWrapperComponent {
|
|
|
7257
7257
|
</ng-template>
|
|
7258
7258
|
`, isInline: true, dependencies: [{ kind: "component", type: SortMenuComponent, selector: "tb-sort-menu" }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
7259
7259
|
}
|
|
7260
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
7260
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: SortMenuStandaloneWrapperComponent, decorators: [{
|
|
7261
7261
|
type: Component,
|
|
7262
7262
|
args: [{
|
|
7263
7263
|
selector: 'tb-sort-menu-wrapper',
|
|
@@ -7277,15 +7277,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImpor
|
|
|
7277
7277
|
class ProfilesMenuStandaloneWrapperComponent {
|
|
7278
7278
|
constructor() {
|
|
7279
7279
|
this.injector = inject(Injector);
|
|
7280
|
-
this.$tableStore = input.required({ ...(ngDevMode ? { debugName: "$tableStore" } : {}), alias: 'tableStore' });
|
|
7281
|
-
this.$tableId = input.required({ ...(ngDevMode ? { debugName: "$tableId" } : {}), alias: 'tableId' });
|
|
7280
|
+
this.$tableStore = input.required({ ...(ngDevMode ? { debugName: "$tableStore" } : /* istanbul ignore next */ {}), alias: 'tableStore' });
|
|
7281
|
+
this.$tableId = input.required({ ...(ngDevMode ? { debugName: "$tableId" } : /* istanbul ignore next */ {}), alias: 'tableId' });
|
|
7282
7282
|
this.storeInjector = Injector.create({
|
|
7283
7283
|
providers: [{ provide: TableStore, useFactory: () => this.$tableStore() }],
|
|
7284
7284
|
parent: this.injector
|
|
7285
7285
|
});
|
|
7286
7286
|
}
|
|
7287
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
7288
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.
|
|
7287
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: ProfilesMenuStandaloneWrapperComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
7288
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.8", type: ProfilesMenuStandaloneWrapperComponent, isStandalone: true, selector: "tb-profiles-menu-wrapper", inputs: { $tableStore: { classPropertyName: "$tableStore", publicName: "tableStore", isSignal: true, isRequired: true, transformFunction: null }, $tableId: { classPropertyName: "$tableId", publicName: "tableId", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: `
|
|
7289
7289
|
@if ($tableStore()) {
|
|
7290
7290
|
<ng-container *ngTemplateOutlet="profilesMenuTemplate; injector: storeInjector" />
|
|
7291
7291
|
}
|
|
@@ -7294,7 +7294,7 @@ class ProfilesMenuStandaloneWrapperComponent {
|
|
|
7294
7294
|
</ng-template>
|
|
7295
7295
|
`, isInline: true, dependencies: [{ kind: "component", type: ProfilesMenuComponent, selector: "tb-profiles-menu", inputs: ["tableId", "isMatMenuChild"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
7296
7296
|
}
|
|
7297
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
7297
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: ProfilesMenuStandaloneWrapperComponent, decorators: [{
|
|
7298
7298
|
type: Component,
|
|
7299
7299
|
args: [{
|
|
7300
7300
|
selector: 'tb-profiles-menu-wrapper',
|
|
@@ -7313,10 +7313,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImpor
|
|
|
7313
7313
|
|
|
7314
7314
|
class ResetStandaloneWrapperComponent {
|
|
7315
7315
|
constructor() {
|
|
7316
|
-
this.$tableStore = input.required({ ...(ngDevMode ? { debugName: "$tableStore" } : {}), alias: 'tableStore' });
|
|
7316
|
+
this.$tableStore = input.required({ ...(ngDevMode ? { debugName: "$tableStore" } : /* istanbul ignore next */ {}), alias: 'tableStore' });
|
|
7317
7317
|
}
|
|
7318
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
7319
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.
|
|
7318
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: ResetStandaloneWrapperComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
7319
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.8", type: ResetStandaloneWrapperComponent, isStandalone: true, selector: "tb-reset-wrapper", inputs: { $tableStore: { classPropertyName: "$tableStore", publicName: "tableStore", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: `
|
|
7320
7320
|
@if ($tableStore()) {
|
|
7321
7321
|
<button mat-icon-button (click)="$tableStore()!.reset()">
|
|
7322
7322
|
<mat-icon color="primary">autorenew</mat-icon>
|
|
@@ -7324,7 +7324,7 @@ class ResetStandaloneWrapperComponent {
|
|
|
7324
7324
|
}
|
|
7325
7325
|
`, isInline: true, dependencies: [{ kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i2$1.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
7326
7326
|
}
|
|
7327
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
7327
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: ResetStandaloneWrapperComponent, decorators: [{
|
|
7328
7328
|
type: Component,
|
|
7329
7329
|
args: [{
|
|
7330
7330
|
selector: 'tb-reset-wrapper',
|
|
@@ -7349,8 +7349,8 @@ class TableBuilderModule {
|
|
|
7349
7349
|
]
|
|
7350
7350
|
};
|
|
7351
7351
|
}
|
|
7352
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
7353
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.
|
|
7352
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: TableBuilderModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
7353
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.8", ngImport: i0, type: TableBuilderModule, imports: [TableContainerComponent,
|
|
7354
7354
|
CustomCellDirective,
|
|
7355
7355
|
CustomHeaderDirective,
|
|
7356
7356
|
CustomGroupRowDirective,
|
|
@@ -7363,11 +7363,11 @@ class TableBuilderModule {
|
|
|
7363
7363
|
TableFilterStringContainsDirective,
|
|
7364
7364
|
TableWrapperDirective,
|
|
7365
7365
|
UtilitiesModule] }); }
|
|
7366
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.
|
|
7366
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: TableBuilderModule, providers: [
|
|
7367
7367
|
MultiSortDirective,
|
|
7368
7368
|
], imports: [TableContainerComponent, UtilitiesModule] }); }
|
|
7369
7369
|
}
|
|
7370
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
7370
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: TableBuilderModule, decorators: [{
|
|
7371
7371
|
type: NgModule,
|
|
7372
7372
|
args: [{
|
|
7373
7373
|
imports: [
|
|
@@ -7426,21 +7426,21 @@ class TableBuilder {
|
|
|
7426
7426
|
this.data = data;
|
|
7427
7427
|
this.metaData = metaData;
|
|
7428
7428
|
this.settings = settings;
|
|
7429
|
-
this._container = signal(undefined, ...(ngDevMode ? [{ debugName: "_container" }] : []));
|
|
7429
|
+
this._container = signal(undefined, ...(ngDevMode ? [{ debugName: "_container" }] : /* istanbul ignore next */ []));
|
|
7430
7430
|
this.container = this._container.asReadonly();
|
|
7431
|
-
this.$metaData = computed(() => this.$initialized() ? this.#$metaData() : undefined, ...(ngDevMode ? [{ debugName: "$metaData" }] : []));
|
|
7432
|
-
this.$settings = computed(() => this.$initialized() ? this.#$settings() : undefined, ...(ngDevMode ? [{ debugName: "$settings" }] : []));
|
|
7433
|
-
this.#$metaNeedsPrep = signal(false, ...(ngDevMode ? [{ debugName: "#$metaNeedsPrep" }] : []));
|
|
7434
|
-
this.#$dataIsObservable = signal(false, ...(ngDevMode ? [{ debugName: "#$dataIsObservable" }] : []));
|
|
7435
|
-
this.#$settingsIsObservable = signal(false, ...(ngDevMode ? [{ debugName: "#$settingsIsObservable" }] : []));
|
|
7436
|
-
this.#$needsPrep = computed(() => this.#$dataIsObservable() || this.#$metaNeedsPrep() || this.#$settingsIsObservable(), ...(ngDevMode ? [{ debugName: "#$needsPrep" }] : []));
|
|
7437
|
-
this.$initialized = signal(false, ...(ngDevMode ? [{ debugName: "$initialized" }] : []));
|
|
7431
|
+
this.$metaData = computed(() => this.$initialized() ? this.#$metaData() : undefined, ...(ngDevMode ? [{ debugName: "$metaData" }] : /* istanbul ignore next */ []));
|
|
7432
|
+
this.$settings = computed(() => this.$initialized() ? this.#$settings() : undefined, ...(ngDevMode ? [{ debugName: "$settings" }] : /* istanbul ignore next */ []));
|
|
7433
|
+
this.#$metaNeedsPrep = signal(false, ...(ngDevMode ? [{ debugName: "#$metaNeedsPrep" }] : /* istanbul ignore next */ []));
|
|
7434
|
+
this.#$dataIsObservable = signal(false, ...(ngDevMode ? [{ debugName: "#$dataIsObservable" }] : /* istanbul ignore next */ []));
|
|
7435
|
+
this.#$settingsIsObservable = signal(false, ...(ngDevMode ? [{ debugName: "#$settingsIsObservable" }] : /* istanbul ignore next */ []));
|
|
7436
|
+
this.#$needsPrep = computed(() => this.#$dataIsObservable() || this.#$metaNeedsPrep() || this.#$settingsIsObservable(), ...(ngDevMode ? [{ debugName: "#$needsPrep" }] : /* istanbul ignore next */ []));
|
|
7437
|
+
this.$initialized = signal(false, ...(ngDevMode ? [{ debugName: "$initialized" }] : /* istanbul ignore next */ []));
|
|
7438
7438
|
this.#dataCleaners = computed(() => {
|
|
7439
7439
|
const metaData = this.$metaData();
|
|
7440
7440
|
if (!metaData)
|
|
7441
7441
|
return undefined;
|
|
7442
7442
|
return createDataCleaners(metaData);
|
|
7443
|
-
}, ...(ngDevMode ? [{ debugName: "#dataCleaners" }] : []));
|
|
7443
|
+
}, ...(ngDevMode ? [{ debugName: "#dataCleaners" }] : /* istanbul ignore next */ []));
|
|
7444
7444
|
this.$data = computed(() => {
|
|
7445
7445
|
const data = this.#$data();
|
|
7446
7446
|
const cleaners = this.#dataCleaners();
|
|
@@ -7452,7 +7452,7 @@ class TableBuilder {
|
|
|
7452
7452
|
return cleaned;
|
|
7453
7453
|
});
|
|
7454
7454
|
return cleanedData;
|
|
7455
|
-
}, ...(ngDevMode ? [{ debugName: "$data" }] : []));
|
|
7455
|
+
}, ...(ngDevMode ? [{ debugName: "$data" }] : /* istanbul ignore next */ []));
|
|
7456
7456
|
if (isObservable(data)) {
|
|
7457
7457
|
this.#$dataIsObservable.set(true);
|
|
7458
7458
|
}
|
|
@@ -7495,7 +7495,7 @@ class TableBuilder {
|
|
|
7495
7495
|
this.#$metaData = toSignal(this.metaData, { injector, initialValue: [] });
|
|
7496
7496
|
}
|
|
7497
7497
|
else {
|
|
7498
|
-
this.#$metaData = computed(() => this.createMetaData(this.#$data()[0]), ...(ngDevMode ? [{ debugName: "#$metaData" }] : []));
|
|
7498
|
+
this.#$metaData = computed(() => this.createMetaData(this.#$data()[0]), ...(ngDevMode ? [{ debugName: "#$metaData" }] : /* istanbul ignore next */ []));
|
|
7499
7499
|
}
|
|
7500
7500
|
}
|
|
7501
7501
|
this.$initialized.set(true);
|
|
@@ -7558,12 +7558,12 @@ function actionStatusReducer(state = initialState, action) {
|
|
|
7558
7558
|
}
|
|
7559
7559
|
|
|
7560
7560
|
class NgrxExtModule {
|
|
7561
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
7562
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.
|
|
7563
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.
|
|
7561
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: NgrxExtModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
7562
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.8", ngImport: i0, type: NgrxExtModule, imports: [CommonModule, i1$9.StoreFeatureModule] }); }
|
|
7563
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: NgrxExtModule, imports: [CommonModule,
|
|
7564
7564
|
StoreModule.forFeature('ActionStatus', actionStatusReducer)] }); }
|
|
7565
7565
|
}
|
|
7566
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
7566
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: NgrxExtModule, decorators: [{
|
|
7567
7567
|
type: NgModule,
|
|
7568
7568
|
args: [{
|
|
7569
7569
|
declarations: [],
|
|
@@ -7581,10 +7581,10 @@ class ActionStateSpinnerComponent {
|
|
|
7581
7581
|
ngOnInit() {
|
|
7582
7582
|
this.serverActionStatus$ = this.status$.pipe(delayOn(a => a.status === serverStatusTypes.inProgress, 500));
|
|
7583
7583
|
}
|
|
7584
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
7585
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.
|
|
7584
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: ActionStateSpinnerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
7585
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.8", type: ActionStateSpinnerComponent, isStandalone: true, selector: "lib-action-state-spinner", inputs: { status$: "status$" }, ngImport: i0, template: "@if((serverActionStatus$ | async)?.status === serverStatusTypes.inProgress)\r\n{\r\n <div id=\"blocker\">\r\n <mat-spinner class=\"spinner\" [diameter]=\"200\" />\r\n </div>\r\n}\r\n\r\n", styles: ["#blocker{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0e0d0d69;z-index:999999}.spinner{position:absolute;top:50%;left:40%;transform:translate(-50%,-50%)}\n"], dependencies: [{ kind: "ngmodule", type: MatProgressSpinnerModule }, { kind: "component", type: i1$a.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
7586
7586
|
}
|
|
7587
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
7587
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: ActionStateSpinnerComponent, decorators: [{
|
|
7588
7588
|
type: Component,
|
|
7589
7589
|
args: [{ selector: 'lib-action-state-spinner', imports: [AsyncPipe, MatProgressSpinnerModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "@if((serverActionStatus$ | async)?.status === serverStatusTypes.inProgress)\r\n{\r\n <div id=\"blocker\">\r\n <mat-spinner class=\"spinner\" [diameter]=\"200\" />\r\n </div>\r\n}\r\n\r\n", styles: ["#blocker{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0e0d0d69;z-index:999999}.spinner{position:absolute;top:50%;left:40%;transform:translate(-50%,-50%)}\n"] }]
|
|
7590
7590
|
}], propDecorators: { status$: [{
|
|
@@ -7592,11 +7592,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImpor
|
|
|
7592
7592
|
}] } });
|
|
7593
7593
|
|
|
7594
7594
|
class ActionStateUiModule {
|
|
7595
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
7596
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.
|
|
7597
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.
|
|
7595
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: ActionStateUiModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
7596
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.8", ngImport: i0, type: ActionStateUiModule, imports: [ActionStateSpinnerComponent], exports: [ActionStateSpinnerComponent] }); }
|
|
7597
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: ActionStateUiModule, imports: [ActionStateSpinnerComponent] }); }
|
|
7598
7598
|
}
|
|
7599
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
7599
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: ActionStateUiModule, decorators: [{
|
|
7600
7600
|
type: NgModule,
|
|
7601
7601
|
args: [{
|
|
7602
7602
|
imports: [
|