@dereekb/dbx-web 13.7.0 → 13.9.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/fesm2022/dereekb-dbx-web-calendar.mjs +10 -12
- package/fesm2022/dereekb-dbx-web-calendar.mjs.map +1 -1
- package/fesm2022/dereekb-dbx-web-mapbox.mjs +81 -129
- package/fesm2022/dereekb-dbx-web-mapbox.mjs.map +1 -1
- package/fesm2022/dereekb-dbx-web-table.mjs +81 -101
- package/fesm2022/dereekb-dbx-web-table.mjs.map +1 -1
- package/fesm2022/dereekb-dbx-web.mjs +926 -926
- package/fesm2022/dereekb-dbx-web.mjs.map +1 -1
- package/lib/layout/bar/_bar.scss +7 -0
- package/package.json +13 -13
- package/types/dereekb-dbx-web.d.ts +50 -10
|
@@ -35,8 +35,8 @@ class DbxTableDateHeaderComponent {
|
|
|
35
35
|
set date(date) {
|
|
36
36
|
this._dateSignal.set(date);
|
|
37
37
|
}
|
|
38
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
39
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.
|
|
38
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: DbxTableDateHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
39
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.4", type: DbxTableDateHeaderComponent, isStandalone: true, selector: "ng-component", ngImport: i0, template: `
|
|
40
40
|
@if (dateSignal()) {
|
|
41
41
|
<div class="dbx-table-date-column-header">
|
|
42
42
|
<span class="dbx-table-date-column-header-left">{{ dateSignal() | date: left }}</span>
|
|
@@ -45,7 +45,7 @@ class DbxTableDateHeaderComponent {
|
|
|
45
45
|
}
|
|
46
46
|
`, isInline: true, dependencies: [{ kind: "pipe", type: DatePipe, name: "date" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
47
47
|
}
|
|
48
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
48
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: DbxTableDateHeaderComponent, decorators: [{
|
|
49
49
|
type: Component,
|
|
50
50
|
args: [{
|
|
51
51
|
template: `
|
|
@@ -154,10 +154,10 @@ class DbxTableStore extends ComponentStore {
|
|
|
154
154
|
setInput = this.updater((state, input) => ({ ...state, input }));
|
|
155
155
|
setDataDelegate = this.updater((state, dataDelegate) => ({ ...state, dataDelegate }));
|
|
156
156
|
setViewDelegate = this.updater((state, viewDelegate) => ({ ...state, viewDelegate }));
|
|
157
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
158
|
-
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.
|
|
157
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: DbxTableStore, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
|
|
158
|
+
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: DbxTableStore });
|
|
159
159
|
}
|
|
160
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
160
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: DbxTableStore, decorators: [{
|
|
161
161
|
type: Injectable
|
|
162
162
|
}], ctorParameters: () => [] });
|
|
163
163
|
|
|
@@ -178,10 +178,10 @@ class DbxTableDateRangeDayDistanceInputCellInputRangeSelectionStrategy {
|
|
|
178
178
|
}
|
|
179
179
|
return new DateRange(null, null);
|
|
180
180
|
}
|
|
181
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
182
|
-
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.
|
|
181
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: DbxTableDateRangeDayDistanceInputCellInputRangeSelectionStrategy, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
|
|
182
|
+
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: DbxTableDateRangeDayDistanceInputCellInputRangeSelectionStrategy });
|
|
183
183
|
}
|
|
184
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
184
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: DbxTableDateRangeDayDistanceInputCellInputRangeSelectionStrategy, decorators: [{
|
|
185
185
|
type: Injectable
|
|
186
186
|
}] });
|
|
187
187
|
const DEFAULT_DBX_TABLE_DATE_RANGE_DAY_DISTIANCE_INPUT_CELL_COMPONENT_CONFIG = { daysDistance: 6 };
|
|
@@ -207,12 +207,7 @@ class DbxTableDateRangeDayDistanceInputCellInputComponent {
|
|
|
207
207
|
dateRangeStringSignal = computed(() => {
|
|
208
208
|
const buttonFormat = this.buttonFormatSignal();
|
|
209
209
|
const { start, end } = this.range.value;
|
|
210
|
-
|
|
211
|
-
return `${format(start, buttonFormat)} - ${format(end, buttonFormat)}`;
|
|
212
|
-
}
|
|
213
|
-
else {
|
|
214
|
-
return `Select Date`;
|
|
215
|
-
}
|
|
210
|
+
return start && end ? `${format(start, buttonFormat)} - ${format(end, buttonFormat)}` : `Select Date`;
|
|
216
211
|
}, ...(ngDevMode ? [{ debugName: "dateRangeStringSignal" }] : /* istanbul ignore next */ []));
|
|
217
212
|
constructor() {
|
|
218
213
|
cleanSubscription(this.tableStore.input$.subscribe((x) => {
|
|
@@ -246,8 +241,8 @@ class DbxTableDateRangeDayDistanceInputCellInputComponent {
|
|
|
246
241
|
pickerClosed() {
|
|
247
242
|
this._pickerOpenedSignal.set(false);
|
|
248
243
|
}
|
|
249
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
250
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.
|
|
244
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: DbxTableDateRangeDayDistanceInputCellInputComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
245
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.4", type: DbxTableDateRangeDayDistanceInputCellInputComponent, isStandalone: true, selector: "ng-component", providers: [
|
|
251
246
|
{
|
|
252
247
|
provide: MAT_DATE_RANGE_SELECTION_STRATEGY,
|
|
253
248
|
useClass: DbxTableDateRangeDayDistanceInputCellInputRangeSelectionStrategy
|
|
@@ -263,7 +258,7 @@ class DbxTableDateRangeDayDistanceInputCellInputComponent {
|
|
|
263
258
|
</div>
|
|
264
259
|
`, isInline: true, dependencies: [{ kind: "ngmodule", type: MatDatepickerModule }, { kind: "component", type: i1.MatDateRangeInput, selector: "mat-date-range-input", inputs: ["rangePicker", "required", "dateFilter", "min", "max", "disabled", "separator", "comparisonStart", "comparisonEnd"], exportAs: ["matDateRangeInput"] }, { kind: "directive", type: i1.MatStartDate, selector: "input[matStartDate]", outputs: ["dateChange", "dateInput"] }, { kind: "directive", type: i1.MatEndDate, selector: "input[matEndDate]", outputs: ["dateChange", "dateInput"] }, { kind: "component", type: i1.MatDateRangePicker, selector: "mat-date-range-picker", exportAs: ["matDateRangePicker"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { 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.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i3.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 });
|
|
265
260
|
}
|
|
266
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
261
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: DbxTableDateRangeDayDistanceInputCellInputComponent, decorators: [{
|
|
267
262
|
type: Component,
|
|
268
263
|
args: [{
|
|
269
264
|
template: `
|
|
@@ -307,11 +302,11 @@ function dbxTableDateRangeDayDistanceInputCellInput(componentConfig) {
|
|
|
307
302
|
|
|
308
303
|
const importsAndExports$1 = [DbxTableDateHeaderComponent, DbxTableDateRangeDayDistanceInputCellInputComponent];
|
|
309
304
|
class DbxTableDateModule {
|
|
310
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
311
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.
|
|
312
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.
|
|
305
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: DbxTableDateModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
306
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.4", ngImport: i0, type: DbxTableDateModule, imports: [DbxTableDateHeaderComponent, DbxTableDateRangeDayDistanceInputCellInputComponent], exports: [DbxTableDateHeaderComponent, DbxTableDateRangeDayDistanceInputCellInputComponent] });
|
|
307
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: DbxTableDateModule, imports: [DbxTableDateRangeDayDistanceInputCellInputComponent] });
|
|
313
308
|
}
|
|
314
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
309
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: DbxTableDateModule, decorators: [{
|
|
315
310
|
type: NgModule,
|
|
316
311
|
args: [{
|
|
317
312
|
imports: importsAndExports$1,
|
|
@@ -323,12 +318,12 @@ class DbxTableActionCellComponent {
|
|
|
323
318
|
tableStore = inject(DbxTableStore);
|
|
324
319
|
config$ = this.tableStore.viewDelegate$.pipe(map((x) => x.actionHeader), distinctUntilChanged());
|
|
325
320
|
configSignal = toSignal(this.config$);
|
|
326
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
327
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.
|
|
321
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: DbxTableActionCellComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
322
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.4", type: DbxTableActionCellComponent, isStandalone: true, selector: "dbx-table-action-cell", ngImport: i0, template: `
|
|
328
323
|
<dbx-injection [config]="configSignal()"></dbx-injection>
|
|
329
324
|
`, isInline: true, dependencies: [{ kind: "component", type: DbxInjectionComponent, selector: "dbx-injection, [dbxInjection], [dbx-injection]", inputs: ["config", "template"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
330
325
|
}
|
|
331
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
326
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: DbxTableActionCellComponent, decorators: [{
|
|
332
327
|
type: Component,
|
|
333
328
|
args: [{
|
|
334
329
|
selector: 'dbx-table-action-cell',
|
|
@@ -348,12 +343,12 @@ class DbxTableInputCellComponent {
|
|
|
348
343
|
tableStore = inject(DbxTableStore);
|
|
349
344
|
config$ = this.tableStore.viewDelegate$.pipe(map((x) => x.inputHeader), distinctUntilChanged());
|
|
350
345
|
configSignal = toSignal(this.config$);
|
|
351
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
352
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.
|
|
346
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: DbxTableInputCellComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
347
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.4", type: DbxTableInputCellComponent, isStandalone: true, selector: "dbx-table-input-cell", ngImport: i0, template: `
|
|
353
348
|
<dbx-injection [config]="configSignal()"></dbx-injection>
|
|
354
349
|
`, isInline: true, dependencies: [{ kind: "component", type: DbxInjectionComponent, selector: "dbx-injection, [dbxInjection], [dbx-injection]", inputs: ["config", "template"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
355
350
|
}
|
|
356
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
351
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: DbxTableInputCellComponent, decorators: [{
|
|
357
352
|
type: Component,
|
|
358
353
|
args: [{
|
|
359
354
|
selector: 'dbx-table-input-cell',
|
|
@@ -370,12 +365,12 @@ class DbxTableSummaryEndCellComponent {
|
|
|
370
365
|
tableStore = inject(DbxTableStore);
|
|
371
366
|
config$ = this.tableStore.viewDelegate$.pipe(map((x) => x.summaryRowEnd), distinctUntilChanged());
|
|
372
367
|
configSignal = toSignal(this.config$);
|
|
373
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
374
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.
|
|
368
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: DbxTableSummaryEndCellComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
369
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.4", type: DbxTableSummaryEndCellComponent, isStandalone: true, selector: "dbx-table-summary-end-cell", ngImport: i0, template: `
|
|
375
370
|
<dbx-injection [config]="configSignal()"></dbx-injection>
|
|
376
371
|
`, isInline: true, dependencies: [{ kind: "component", type: DbxInjectionComponent, selector: "dbx-injection, [dbxInjection], [dbx-injection]", inputs: ["config", "template"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
377
372
|
}
|
|
378
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
373
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: DbxTableSummaryEndCellComponent, decorators: [{
|
|
379
374
|
type: Component,
|
|
380
375
|
args: [{
|
|
381
376
|
selector: 'dbx-table-summary-end-cell',
|
|
@@ -395,12 +390,12 @@ class DbxTableSummaryStartCellComponent {
|
|
|
395
390
|
tableStore = inject(DbxTableStore);
|
|
396
391
|
config$ = this.tableStore.viewDelegate$.pipe(map((x) => x.summaryRowHeader), distinctUntilChanged());
|
|
397
392
|
configSignal = toSignal(this.config$);
|
|
398
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
399
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.
|
|
393
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: DbxTableSummaryStartCellComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
394
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.4", type: DbxTableSummaryStartCellComponent, isStandalone: true, selector: "dbx-table-summary-start-cell", ngImport: i0, template: `
|
|
400
395
|
<dbx-injection [config]="configSignal()"></dbx-injection>
|
|
401
396
|
`, isInline: true, dependencies: [{ kind: "component", type: DbxInjectionComponent, selector: "dbx-injection, [dbxInjection], [dbx-injection]", inputs: ["config", "template"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
402
397
|
}
|
|
403
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
398
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: DbxTableSummaryStartCellComponent, decorators: [{
|
|
404
399
|
type: Component,
|
|
405
400
|
args: [{
|
|
406
401
|
selector: 'dbx-table-summary-start-cell',
|
|
@@ -420,30 +415,25 @@ class AbstractDbxTableColumnDirective {
|
|
|
420
415
|
tableStore = inject((DbxTableStore));
|
|
421
416
|
column = input(...(ngDevMode ? [undefined, { debugName: "column" }] : /* istanbul ignore next */ []));
|
|
422
417
|
column$ = toObservable(this.column).pipe(filterMaybe(), distinctUntilChanged());
|
|
423
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
424
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.
|
|
418
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: AbstractDbxTableColumnDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
419
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.4", type: AbstractDbxTableColumnDirective, isStandalone: true, inputs: { column: { classPropertyName: "column", publicName: "column", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 });
|
|
425
420
|
}
|
|
426
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
421
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: AbstractDbxTableColumnDirective, decorators: [{
|
|
427
422
|
type: Directive
|
|
428
423
|
}], propDecorators: { column: [{ type: i0.Input, args: [{ isSignal: true, alias: "column", required: false }] }] } });
|
|
429
424
|
|
|
430
425
|
class DbxTableColumnHeaderComponent extends AbstractDbxTableColumnDirective {
|
|
431
426
|
config$ = this.tableStore.viewDelegate$.pipe(switchMap((viewDelegate) => {
|
|
432
427
|
const columnHeader = viewDelegate.columnHeader;
|
|
433
|
-
|
|
434
|
-
return this.column$.pipe(map((x) => columnHeader(x)));
|
|
435
|
-
}
|
|
436
|
-
else {
|
|
437
|
-
return of(undefined);
|
|
438
|
-
}
|
|
428
|
+
return columnHeader ? this.column$.pipe(map((x) => columnHeader(x))) : of(undefined);
|
|
439
429
|
}), distinctUntilChanged());
|
|
440
430
|
configSignal = toSignal(this.config$);
|
|
441
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
442
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.
|
|
431
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: DbxTableColumnHeaderComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
432
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.4", type: DbxTableColumnHeaderComponent, isStandalone: true, selector: "dbx-table-column-header", usesInheritance: true, ngImport: i0, template: `
|
|
443
433
|
<dbx-injection [config]="configSignal()"></dbx-injection>
|
|
444
434
|
`, isInline: true, dependencies: [{ kind: "component", type: DbxInjectionComponent, selector: "dbx-injection, [dbxInjection], [dbx-injection]", inputs: ["config", "template"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
445
435
|
}
|
|
446
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
436
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: DbxTableColumnHeaderComponent, decorators: [{
|
|
447
437
|
type: Component,
|
|
448
438
|
args: [{
|
|
449
439
|
selector: 'dbx-table-column-header',
|
|
@@ -459,20 +449,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.3", ngImpor
|
|
|
459
449
|
class DbxTableColumnFooterComponent extends AbstractDbxTableColumnDirective {
|
|
460
450
|
config$ = this.tableStore.viewDelegate$.pipe(switchMap((viewDelegate) => {
|
|
461
451
|
const columnFooter = viewDelegate.columnFooter;
|
|
462
|
-
|
|
463
|
-
return this.column$.pipe(map((x) => columnFooter(x)));
|
|
464
|
-
}
|
|
465
|
-
else {
|
|
466
|
-
return of(undefined);
|
|
467
|
-
}
|
|
452
|
+
return columnFooter ? this.column$.pipe(map((x) => columnFooter(x))) : of(undefined);
|
|
468
453
|
}), distinctUntilChanged());
|
|
469
454
|
configSignal = toSignal(this.config$);
|
|
470
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
471
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.
|
|
455
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: DbxTableColumnFooterComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
456
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.4", type: DbxTableColumnFooterComponent, isStandalone: true, selector: "dbx-table-column-footer", usesInheritance: true, ngImport: i0, template: `
|
|
472
457
|
<dbx-injection [config]="configSignal()"></dbx-injection>
|
|
473
458
|
`, isInline: true, dependencies: [{ kind: "component", type: DbxInjectionComponent, selector: "dbx-injection, [dbxInjection], [dbx-injection]", inputs: ["config", "template"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
474
459
|
}
|
|
475
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
460
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: DbxTableColumnFooterComponent, decorators: [{
|
|
476
461
|
type: Component,
|
|
477
462
|
args: [{
|
|
478
463
|
selector: 'dbx-table-column-footer',
|
|
@@ -542,10 +527,10 @@ class DbxTableColumnSizeDirective {
|
|
|
542
527
|
this._columnsMap.next(this._columnsMap.value);
|
|
543
528
|
}
|
|
544
529
|
}
|
|
545
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
546
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.
|
|
530
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: DbxTableColumnSizeDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
531
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.4", type: DbxTableColumnSizeDirective, isStandalone: true, selector: "[dbxTableColumnSize]", exportAs: ["dbxTableColumnSize"], ngImport: i0 });
|
|
547
532
|
}
|
|
548
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
533
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: DbxTableColumnSizeDirective, decorators: [{
|
|
549
534
|
type: Directive,
|
|
550
535
|
args: [{
|
|
551
536
|
exportAs: 'dbxTableColumnSize',
|
|
@@ -570,10 +555,10 @@ class DbxColumnSizeColumnDirective {
|
|
|
570
555
|
get width() {
|
|
571
556
|
return this.elementRef.nativeElement.clientWidth;
|
|
572
557
|
}
|
|
573
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
574
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.
|
|
558
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: DbxColumnSizeColumnDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
559
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.4", type: DbxColumnSizeColumnDirective, isStandalone: true, selector: "[dbx-column-size-column]", inputs: { index: { classPropertyName: "index", publicName: "dbx-column-size-column", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0 });
|
|
575
560
|
}
|
|
576
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
561
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: DbxColumnSizeColumnDirective, decorators: [{
|
|
577
562
|
type: Directive,
|
|
578
563
|
args: [{
|
|
579
564
|
// eslint-disable-next-line @angular-eslint/directive-selector
|
|
@@ -591,10 +576,10 @@ class AbstractDbxTableItemDirective {
|
|
|
591
576
|
tableStore = inject((DbxTableStore));
|
|
592
577
|
item = input(...(ngDevMode ? [undefined, { debugName: "item" }] : /* istanbul ignore next */ []));
|
|
593
578
|
item$ = toObservable(this.item);
|
|
594
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
595
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.
|
|
579
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: AbstractDbxTableItemDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
580
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.4", type: AbstractDbxTableItemDirective, isStandalone: true, inputs: { item: { classPropertyName: "item", publicName: "item", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 });
|
|
596
581
|
}
|
|
597
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
582
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: AbstractDbxTableItemDirective, decorators: [{
|
|
598
583
|
type: Directive
|
|
599
584
|
}], propDecorators: { item: [{ type: i0.Input, args: [{ isSignal: true, alias: "item", required: false }] }] } });
|
|
600
585
|
|
|
@@ -603,12 +588,12 @@ class DbxTableItemCellComponent extends AbstractDbxTableItemDirective {
|
|
|
603
588
|
column$ = toObservable(this.column);
|
|
604
589
|
config$ = this.tableStore.viewDelegate$.pipe(switchMap((viewDelegate) => combineLatest([this.column$, this.item$]).pipe(map(([column, item]) => (column && item ? viewDelegate.itemCell(column, item) : undefined)))));
|
|
605
590
|
configSignal = toSignal(this.config$);
|
|
606
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
607
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.
|
|
591
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: DbxTableItemCellComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
592
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.4", type: DbxTableItemCellComponent, isStandalone: true, selector: "dbx-table-item-cell", inputs: { column: { classPropertyName: "column", publicName: "column", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0, template: `
|
|
608
593
|
<dbx-injection [config]="configSignal()"></dbx-injection>
|
|
609
594
|
`, isInline: true, dependencies: [{ kind: "component", type: DbxInjectionComponent, selector: "dbx-injection, [dbxInjection], [dbx-injection]", inputs: ["config", "template"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
610
595
|
}
|
|
611
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
596
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: DbxTableItemCellComponent, decorators: [{
|
|
612
597
|
type: Component,
|
|
613
598
|
args: [{
|
|
614
599
|
selector: 'dbx-table-item-cell',
|
|
@@ -624,12 +609,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.3", ngImpor
|
|
|
624
609
|
class DbxTableItemHeaderComponent extends AbstractDbxTableItemDirective {
|
|
625
610
|
config$ = this.tableStore.viewDelegate$.pipe(switchMap((viewDelegate) => this.item$.pipe(map((x) => (x != null ? viewDelegate.itemHeader(x) : undefined)))), maybeValueFromObservableOrValue());
|
|
626
611
|
configSignal = toSignal(this.config$);
|
|
627
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
628
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.
|
|
612
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: DbxTableItemHeaderComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
613
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.4", type: DbxTableItemHeaderComponent, isStandalone: true, selector: "dbx-table-item-header", usesInheritance: true, ngImport: i0, template: `
|
|
629
614
|
<dbx-injection [config]="configSignal()"></dbx-injection>
|
|
630
615
|
`, isInline: true, dependencies: [{ kind: "component", type: DbxInjectionComponent, selector: "dbx-injection, [dbxInjection], [dbx-injection]", inputs: ["config", "template"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
631
616
|
}
|
|
632
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
617
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: DbxTableItemHeaderComponent, decorators: [{
|
|
633
618
|
type: Component,
|
|
634
619
|
args: [{
|
|
635
620
|
selector: 'dbx-table-item-header',
|
|
@@ -652,12 +637,12 @@ class DbxTableItemActionComponent extends AbstractDbxTableItemDirective {
|
|
|
652
637
|
return obs;
|
|
653
638
|
}), maybeValueFromObservableOrValue());
|
|
654
639
|
configSignal = toSignal(this.config$);
|
|
655
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
656
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.
|
|
640
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: DbxTableItemActionComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
641
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.4", type: DbxTableItemActionComponent, isStandalone: true, selector: "dbx-table-item-action", usesInheritance: true, ngImport: i0, template: `
|
|
657
642
|
<dbx-injection [config]="configSignal()"></dbx-injection>
|
|
658
643
|
`, isInline: true, dependencies: [{ kind: "component", type: DbxInjectionComponent, selector: "dbx-injection, [dbxInjection], [dbx-injection]", inputs: ["config", "template"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
659
644
|
}
|
|
660
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
645
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: DbxTableItemActionComponent, decorators: [{
|
|
661
646
|
type: Component,
|
|
662
647
|
args: [{
|
|
663
648
|
selector: 'dbx-table-item-action',
|
|
@@ -677,10 +662,10 @@ class AbstractDbxTableGroupDirective {
|
|
|
677
662
|
tableStore = inject((DbxTableStore));
|
|
678
663
|
group = input(...(ngDevMode ? [undefined, { debugName: "group" }] : /* istanbul ignore next */ []));
|
|
679
664
|
group$ = toObservable(this.group).pipe(filterMaybe(), distinctUntilChanged());
|
|
680
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
681
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.
|
|
665
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: AbstractDbxTableGroupDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
666
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.4", type: AbstractDbxTableGroupDirective, isStandalone: true, inputs: { group: { classPropertyName: "group", publicName: "group", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 });
|
|
682
667
|
}
|
|
683
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
668
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: AbstractDbxTableGroupDirective, decorators: [{
|
|
684
669
|
type: Directive
|
|
685
670
|
}], propDecorators: { group: [{ type: i0.Input, args: [{ isSignal: true, alias: "group", required: false }] }] } });
|
|
686
671
|
|
|
@@ -694,12 +679,12 @@ class DbxTableGroupHeaderComponent extends AbstractDbxTableGroupDirective {
|
|
|
694
679
|
return obs;
|
|
695
680
|
}), maybeValueFromObservableOrValue(), distinctUntilChanged());
|
|
696
681
|
configSignal = toSignal(this.config$);
|
|
697
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
698
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.
|
|
682
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: DbxTableGroupHeaderComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
683
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.4", type: DbxTableGroupHeaderComponent, isStandalone: true, selector: "dbx-table-group-header", usesInheritance: true, ngImport: i0, template: `
|
|
699
684
|
<dbx-injection [config]="configSignal()"></dbx-injection>
|
|
700
685
|
`, isInline: true, dependencies: [{ kind: "component", type: DbxInjectionComponent, selector: "dbx-injection, [dbxInjection], [dbx-injection]", inputs: ["config", "template"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
701
686
|
}
|
|
702
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
687
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: DbxTableGroupHeaderComponent, decorators: [{
|
|
703
688
|
type: Component,
|
|
704
689
|
args: [{
|
|
705
690
|
selector: 'dbx-table-group-header',
|
|
@@ -722,12 +707,12 @@ class DbxTableGroupFooterComponent extends AbstractDbxTableGroupDirective {
|
|
|
722
707
|
return obs;
|
|
723
708
|
}), maybeValueFromObservableOrValue(), distinctUntilChanged());
|
|
724
709
|
configSignal = toSignal(this.config$);
|
|
725
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
726
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.
|
|
710
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: DbxTableGroupFooterComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
711
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.4", type: DbxTableGroupFooterComponent, isStandalone: true, selector: "dbx-table-group-footer", usesInheritance: true, ngImport: i0, template: `
|
|
727
712
|
<dbx-injection [config]="configSignal()"></dbx-injection>
|
|
728
713
|
`, isInline: true, dependencies: [{ kind: "component", type: DbxInjectionComponent, selector: "dbx-injection, [dbxInjection], [dbx-injection]", inputs: ["config", "template"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
729
714
|
}
|
|
730
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
715
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: DbxTableGroupFooterComponent, decorators: [{
|
|
731
716
|
type: Component,
|
|
732
717
|
args: [{
|
|
733
718
|
selector: 'dbx-table-group-footer',
|
|
@@ -747,12 +732,12 @@ class DbxTableFullSummaryRowComponent {
|
|
|
747
732
|
tableStore = inject(DbxTableStore);
|
|
748
733
|
config$ = this.tableStore.viewDelegate$.pipe(map((x) => x.fullSummaryRow), distinctUntilChanged());
|
|
749
734
|
configSignal = toSignal(this.config$);
|
|
750
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
751
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.
|
|
735
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: DbxTableFullSummaryRowComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
736
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.4", type: DbxTableFullSummaryRowComponent, isStandalone: true, selector: "dbx-table-full-summary-row", host: { classAttribute: "dbx-h100 dbx-flex-bar" }, ngImport: i0, template: `
|
|
752
737
|
<dbx-injection [config]="configSignal()"></dbx-injection>
|
|
753
738
|
`, isInline: true, dependencies: [{ kind: "component", type: DbxInjectionComponent, selector: "dbx-injection, [dbxInjection], [dbx-injection]", inputs: ["config", "template"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
754
739
|
}
|
|
755
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
740
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: DbxTableFullSummaryRowComponent, decorators: [{
|
|
756
741
|
type: Component,
|
|
757
742
|
args: [{
|
|
758
743
|
selector: 'dbx-table-full-summary-row',
|
|
@@ -857,12 +842,7 @@ class DbxTableViewComponent {
|
|
|
857
842
|
trackElementByFunctionSignal = computed(() => {
|
|
858
843
|
const trackByFunction = this.inputTrackByFunctionSignal();
|
|
859
844
|
const fn = (index, element) => {
|
|
860
|
-
|
|
861
|
-
return `i_${trackByFunction(index, element.item)}`;
|
|
862
|
-
}
|
|
863
|
-
else {
|
|
864
|
-
return `g_${element.group.groupId}`;
|
|
865
|
-
}
|
|
845
|
+
return element.type === 'item' ? `i_${trackByFunction(index, element.item)}` : `g_${element.group.groupId}`;
|
|
866
846
|
};
|
|
867
847
|
return fn;
|
|
868
848
|
}, ...(ngDevMode ? [{ debugName: "trackElementByFunctionSignal" }] : /* istanbul ignore next */ []));
|
|
@@ -893,15 +873,15 @@ class DbxTableViewComponent {
|
|
|
893
873
|
const viewDelegate = this.viewDelegateSignal();
|
|
894
874
|
return viewDelegate?.fullSummaryRow != null;
|
|
895
875
|
}, ...(ngDevMode ? [{ debugName: "showFullSummaryRowSignal" }] : /* istanbul ignore next */ []));
|
|
896
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
897
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.
|
|
876
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: DbxTableViewComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
877
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.4", type: DbxTableViewComponent, isStandalone: true, selector: "dbx-table-view", inputs: { scrollDistance: { classPropertyName: "scrollDistance", publicName: "scrollDistance", isSignal: true, isRequired: false, transformFunction: null }, throttleScroll: { classPropertyName: "throttleScroll", publicName: "throttleScroll", isSignal: true, isRequired: false, transformFunction: null } }, providers: [
|
|
898
878
|
{
|
|
899
879
|
provide: DBX_TABLE_COLUMN_SIZE_PARENT_ELEMENT_REF_TOKEN,
|
|
900
880
|
useExisting: ElementRef
|
|
901
881
|
}
|
|
902
882
|
], viewQueries: [{ propertyName: "table", first: true, predicate: MatTable, descendants: true, isSignal: true }], ngImport: i0, template: "<dbx-loading [context]=\"context\">\n <dbx-loading class=\"dbx-table-view-loading\" [linear]=\"true\" [context]=\"dataLoadingContext\"></dbx-loading>\n <div class=\"dbx-table-view\" [ngClass]=\"tableCssClasses()\">\n <section class=\"dbx-table-view-table-wrapper\" dbxTableColumnSize #columnSize=\"dbxTableColumnSize\" infinite-scroll [infiniteScrollDistance]=\"scrollDistance()\" [infiniteScrollThrottle]=\"throttleScroll()\" [scrollWindow]=\"false\" (scrolled)=\"onScrollDown()\">\n <table class=\"dbx-table-view-table\" mat-table [dataSource]=\"elementsSignal()\" [trackBy]=\"trackElementByFunctionSignal()\" multiTemplateDataRows>\n <!-- Groups -->\n <!-- Group Header column -->\n <ng-container matColumnDef=\"groupHeaderColumn\" [sticky]=\"true\">\n <td mat-cell [attr.colspan]=\"columnSize.visibleColumnsSignal()\" *matCellDef=\"let element\">\n <dbx-table-group-header [group]=\"element.group\"></dbx-table-group-header>\n </td>\n </ng-container>\n\n <!-- Group Footer column -->\n <ng-container matColumnDef=\"groupFooterColumn\" [sticky]=\"true\">\n <td mat-cell [attr.colspan]=\"columnSize.visibleColumnsSignal()\" *matCellDef=\"let element\">\n <dbx-table-group-footer [group]=\"element.group\"></dbx-table-group-footer>\n </td>\n </ng-container>\n\n <!-- Items -->\n <!-- Header/Item column -->\n <ng-container [matColumnDef]=\"itemsColumnName\" [sticky]=\"true\">\n <th dbx-column-size-column=\"head\" mat-header-cell *matHeaderCellDef>\n <dbx-table-input-cell></dbx-table-input-cell>\n </th>\n <td mat-cell *matCellDef=\"let element\">\n <dbx-table-item-header [item]=\"element.item\"></dbx-table-item-header>\n </td>\n <td mat-footer-cell *matFooterCellDef>\n <dbx-table-summary-start-cell></dbx-table-summary-start-cell>\n </td>\n </ng-container>\n\n <!-- Column Definitions -->\n @for (column of innerColumnsSignal(); track column.columnName) {\n <ng-container [matColumnDef]=\"column.columnName\" [sticky]=\"false\">\n <th [dbx-column-size-column]=\"$index\" mat-header-cell *matHeaderCellDef>\n <dbx-table-column-header [column]=\"column\"></dbx-table-column-header>\n </th>\n <td mat-cell *matCellDef=\"let element\">\n <dbx-table-item-cell [item]=\"element.item\" [column]=\"column\"></dbx-table-item-cell>\n </td>\n <td mat-footer-cell *matFooterCellDef>\n <dbx-table-column-footer [column]=\"column\"></dbx-table-column-footer>\n </td>\n </ng-container>\n }\n\n <!-- Tail/Action column -->\n <ng-container [matColumnDef]=\"actionsColumnName\" [stickyEnd]=\"true\">\n <th dbx-column-size-column=\"tail\" mat-header-cell *matHeaderCellDef>\n <dbx-table-action-cell></dbx-table-action-cell>\n </th>\n <td mat-cell *matCellDef=\"let element\">\n <dbx-table-item-action [item]=\"element.item\"></dbx-table-item-action>\n </td>\n <td mat-footer-cell *matFooterCellDef>\n <dbx-table-summary-end-cell></dbx-table-summary-end-cell>\n </td>\n </ng-container>\n\n <!-- Table View -->\n <tr mat-header-row *matHeaderRowDef=\"displayedColumnsSignal(); sticky: true\"></tr>\n\n <tr mat-row *matRowDef=\"let row; columns: ['groupHeaderColumn']; when: showGroupHeaderRow\"></tr>\n <tr mat-row *matRowDef=\"let row; columns: displayedColumnsSignal(); when: showItemRow\"></tr>\n <tr mat-row *matRowDef=\"let row; columns: ['groupFooterColumn']; when: showGroupFooterRow\"></tr>\n\n <tr [ngClass]=\"{ 'dbx-hide': !showFooterRowSignal() }\" mat-footer-row *matFooterRowDef=\"displayedColumnsSignal(); sticky: true\"></tr>\n </table>\n </section>\n <!-- Full summary row -->\n @if (showFullSummaryRowSignal()) {\n <div class=\"mat-mdc-table dbx-table-view-full-summary-row-container\">\n <div class=\"mdc-data-table__cell mat-mdc-row\">\n <dbx-table-full-summary-row></dbx-table-full-summary-row>\n </div>\n </div>\n }\n </div>\n</dbx-loading>\n", dependencies: [{ kind: "component", type: DbxLoadingComponent, selector: "dbx-loading", inputs: ["padding", "show", "text", "mode", "color", "diameter", "linear", "loading", "error", "context"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: InfiniteScrollDirective, selector: "[infiniteScroll], [infinite-scroll], [data-infinite-scroll]", inputs: ["infiniteScrollDistance", "infiniteScrollUpDistance", "infiniteScrollThrottle", "infiniteScrollDisabled", "infiniteScrollContainer", "scrollWindow", "immediateCheck", "horizontal", "alwaysCallback", "fromRoot"], outputs: ["scrolled", "scrolledUp"] }, { kind: "ngmodule", type: MatTableModule }, { kind: "component", type: i1$1.MatTable, selector: "mat-table, table[mat-table]", exportAs: ["matTable"] }, { kind: "directive", type: i1$1.MatHeaderCellDef, selector: "[matHeaderCellDef]" }, { kind: "directive", type: i1$1.MatHeaderRowDef, selector: "[matHeaderRowDef]", inputs: ["matHeaderRowDef", "matHeaderRowDefSticky"] }, { kind: "directive", type: i1$1.MatColumnDef, selector: "[matColumnDef]", inputs: ["matColumnDef"] }, { kind: "directive", type: i1$1.MatCellDef, selector: "[matCellDef]" }, { kind: "directive", type: i1$1.MatRowDef, selector: "[matRowDef]", inputs: ["matRowDefColumns", "matRowDefWhen"] }, { kind: "directive", type: i1$1.MatFooterCellDef, selector: "[matFooterCellDef]" }, { kind: "directive", type: i1$1.MatFooterRowDef, selector: "[matFooterRowDef]", inputs: ["matFooterRowDef", "matFooterRowDefSticky"] }, { kind: "directive", type: i1$1.MatHeaderCell, selector: "mat-header-cell, th[mat-header-cell]" }, { kind: "directive", type: i1$1.MatCell, selector: "mat-cell, td[mat-cell]" }, { kind: "directive", type: i1$1.MatFooterCell, selector: "mat-footer-cell, td[mat-footer-cell]" }, { kind: "component", type: i1$1.MatHeaderRow, selector: "mat-header-row, tr[mat-header-row]", exportAs: ["matHeaderRow"] }, { kind: "component", type: i1$1.MatRow, selector: "mat-row, tr[mat-row]", exportAs: ["matRow"] }, { kind: "component", type: i1$1.MatFooterRow, selector: "mat-footer-row, tr[mat-footer-row]", exportAs: ["matFooterRow"] }, { kind: "component", type: DbxTableInputCellComponent, selector: "dbx-table-input-cell" }, { kind: "component", type: DbxTableItemHeaderComponent, selector: "dbx-table-item-header" }, { kind: "component", type: DbxTableItemCellComponent, selector: "dbx-table-item-cell", inputs: ["column"] }, { kind: "component", type: DbxTableItemActionComponent, selector: "dbx-table-item-action" }, { kind: "component", type: DbxTableActionCellComponent, selector: "dbx-table-action-cell" }, { kind: "component", type: DbxTableColumnHeaderComponent, selector: "dbx-table-column-header" }, { kind: "component", type: DbxTableColumnFooterComponent, selector: "dbx-table-column-footer" }, { kind: "component", type: DbxTableSummaryStartCellComponent, selector: "dbx-table-summary-start-cell" }, { kind: "component", type: DbxTableSummaryEndCellComponent, selector: "dbx-table-summary-end-cell" }, { kind: "component", type: DbxTableGroupHeaderComponent, selector: "dbx-table-group-header" }, { kind: "component", type: DbxTableGroupFooterComponent, selector: "dbx-table-group-footer" }, { kind: "component", type: DbxTableFullSummaryRowComponent, selector: "dbx-table-full-summary-row" }, { kind: "directive", type: DbxTableColumnSizeDirective, selector: "[dbxTableColumnSize]", exportAs: ["dbxTableColumnSize"] }, { kind: "directive", type: DbxColumnSizeColumnDirective, selector: "[dbx-column-size-column]", inputs: ["dbx-column-size-column"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
903
883
|
}
|
|
904
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
884
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: DbxTableViewComponent, decorators: [{
|
|
905
885
|
type: Component,
|
|
906
886
|
args: [{ selector: 'dbx-table-view', imports: [
|
|
907
887
|
DbxLoadingComponent,
|
|
@@ -943,10 +923,10 @@ class DbxTableDirective {
|
|
|
943
923
|
this.tableStore.setViewDelegate(this.dbxTableViewDelegate());
|
|
944
924
|
this.tableStore.setDataDelegate(this.dbxTableDataDelegate());
|
|
945
925
|
}, { ...(ngDevMode ? { debugName: "_setOnTableStoreEffect" } : /* istanbul ignore next */ {}), allowSignalWrites: true });
|
|
946
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
947
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.
|
|
926
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: DbxTableDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
927
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.4", type: DbxTableDirective, isStandalone: true, selector: "[dbxTable]", inputs: { dbxTableInput: { classPropertyName: "dbxTableInput", publicName: "dbxTableInput", isSignal: true, isRequired: false, transformFunction: null }, dbxTableViewDelegate: { classPropertyName: "dbxTableViewDelegate", publicName: "dbxTableViewDelegate", isSignal: true, isRequired: false, transformFunction: null }, dbxTableDataDelegate: { classPropertyName: "dbxTableDataDelegate", publicName: "dbxTableDataDelegate", isSignal: true, isRequired: false, transformFunction: null } }, providers: [DbxTableStore], ngImport: i0 });
|
|
948
928
|
}
|
|
949
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
929
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: DbxTableDirective, decorators: [{
|
|
950
930
|
type: Directive,
|
|
951
931
|
args: [{
|
|
952
932
|
selector: '[dbxTable]',
|
|
@@ -957,11 +937,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.3", ngImpor
|
|
|
957
937
|
|
|
958
938
|
const importsAndExports = [DbxTableDirective, DbxTableViewComponent];
|
|
959
939
|
class DbxTableModule {
|
|
960
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
961
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.
|
|
962
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.
|
|
940
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: DbxTableModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
941
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.4", ngImport: i0, type: DbxTableModule, imports: [DbxTableDirective, DbxTableViewComponent], exports: [DbxTableDirective, DbxTableViewComponent] });
|
|
942
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: DbxTableModule, imports: [DbxTableViewComponent] });
|
|
963
943
|
}
|
|
964
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
944
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: DbxTableModule, decorators: [{
|
|
965
945
|
type: NgModule,
|
|
966
946
|
args: [{
|
|
967
947
|
imports: importsAndExports,
|