@c10t/nice-component-library 0.0.29 → 0.0.30
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.
|
@@ -2422,38 +2422,39 @@ class CvaHeaderExpandButtonComponent {
|
|
|
2422
2422
|
}
|
|
2423
2423
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: CvaHeaderExpandButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
2424
2424
|
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.5", type: CvaHeaderExpandButtonComponent, isStandalone: false, selector: "cva-header-expand-button", inputs: { expandHeaderButton: "expandHeaderButton", columns: "columns", moduleName: "moduleName" }, outputs: { onChange: "onChange" }, ngImport: i0, template: `
|
|
2425
|
-
|
|
2426
|
-
|
|
2427
|
-
|
|
2428
|
-
|
|
2429
|
-
|
|
2430
|
-
|
|
2431
|
-
|
|
2432
|
-
|
|
2433
|
-
|
|
2434
|
-
|
|
2435
|
-
|
|
2436
|
-
|
|
2425
|
+
<button mat-icon-button
|
|
2426
|
+
class="expand-column-header-button"
|
|
2427
|
+
color="{{expandHeaderButton?.color}}"
|
|
2428
|
+
[matMenuTriggerFor]="menu"
|
|
2429
|
+
matTooltip="{{((expandHeaderButton && expandHeaderButton.title) ? expandHeaderButton.title : '') | translate}}"
|
|
2430
|
+
>
|
|
2431
|
+
<mat-icon
|
|
2432
|
+
*ngIf="expandHeaderButton && TableService.getIconType(expandHeaderButton)===IconTypes.MATERIAL_ICON">
|
|
2433
|
+
{{ expandHeaderButton?.icon }}
|
|
2434
|
+
</mat-icon>
|
|
2435
|
+
<i *ngIf="expandHeaderButton && TableService.getIconType(expandHeaderButton) === IconTypes.FONT_AWESOME"
|
|
2436
|
+
class="{{expandHeaderButton?.icon}}"></i>
|
|
2437
|
+
</button>
|
|
2437
2438
|
|
|
2438
2439
|
|
|
2439
|
-
|
|
2440
|
-
|
|
2441
|
-
|
|
2442
|
-
|
|
2443
|
-
|
|
2444
|
-
|
|
2445
|
-
|
|
2446
|
-
|
|
2447
|
-
|
|
2448
|
-
|
|
2449
|
-
|
|
2450
|
-
|
|
2451
|
-
|
|
2452
|
-
|
|
2453
|
-
|
|
2454
|
-
|
|
2455
|
-
|
|
2456
|
-
|
|
2440
|
+
<mat-menu class="menu-expand-column" #menu="matMenu">
|
|
2441
|
+
<div class="header-menu-expand" fxLayout fxLayoutAlign="space-between center">
|
|
2442
|
+
<mat-label>{{ 'common.expand.menu.header.label' | translate }}</mat-label>
|
|
2443
|
+
<button mat-flat-button>{{ 'common.label.done' | translate }}</button>
|
|
2444
|
+
</div>
|
|
2445
|
+
<div class="choose-area" (click)="$event.stopPropagation()">
|
|
2446
|
+
<div mat-menu-item *ngFor="let col of columns">
|
|
2447
|
+
<ng-container *ngIf="col.columnType!==ColumnTypes.CHECKBOX && col.columnType!==ColumnTypes.BUTTON">
|
|
2448
|
+
<mat-checkbox style="width: 100%"
|
|
2449
|
+
[(ngModel)]="expandDisplayCols[col.columnDef]"
|
|
2450
|
+
[value]="col.columnDef"
|
|
2451
|
+
(change)="this.onChange.emit(this.expandDisplayCols)">
|
|
2452
|
+
{{ (moduleName + '.table.header.' + col.header) | translate }}
|
|
2453
|
+
</mat-checkbox>
|
|
2454
|
+
</ng-container>
|
|
2455
|
+
</div>
|
|
2456
|
+
</div>
|
|
2457
|
+
</mat-menu>
|
|
2457
2458
|
|
|
2458
2459
|
`, isInline: true, dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i3.MatButton, selector: " button[mat-button], button[mat-raised-button], button[mat-flat-button], button[mat-stroked-button] ", exportAs: ["matButton"] }, { kind: "component", type: i3.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "component", type: i4.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: i6.MatLabel, selector: "mat-label" }, { kind: "component", type: i7.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i7$1.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: i7$1.MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i7$1.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: i8$2.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "directive", type: i8$1.DefaultLayoutDirective, selector: " [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md], [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md], [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm], [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { kind: "directive", type: i8$1.DefaultLayoutAlignDirective, selector: " [fxLayoutAlign], [fxLayoutAlign.xs], [fxLayoutAlign.sm], [fxLayoutAlign.md], [fxLayoutAlign.lg], [fxLayoutAlign.xl], [fxLayoutAlign.lt-sm], [fxLayoutAlign.lt-md], [fxLayoutAlign.lt-lg], [fxLayoutAlign.lt-xl], [fxLayoutAlign.gt-xs], [fxLayoutAlign.gt-sm], [fxLayoutAlign.gt-md], [fxLayoutAlign.gt-lg]", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }, { kind: "pipe", type: i1.TranslatePipe, name: "translate" }] });
|
|
2459
2460
|
}
|
|
@@ -2463,38 +2464,39 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.5", ngImpor
|
|
|
2463
2464
|
selector: 'cva-header-expand-button',
|
|
2464
2465
|
standalone: false,
|
|
2465
2466
|
template: `
|
|
2466
|
-
|
|
2467
|
-
|
|
2468
|
-
|
|
2469
|
-
|
|
2470
|
-
|
|
2471
|
-
|
|
2472
|
-
|
|
2473
|
-
|
|
2474
|
-
|
|
2475
|
-
|
|
2476
|
-
|
|
2477
|
-
|
|
2467
|
+
<button mat-icon-button
|
|
2468
|
+
class="expand-column-header-button"
|
|
2469
|
+
color="{{expandHeaderButton?.color}}"
|
|
2470
|
+
[matMenuTriggerFor]="menu"
|
|
2471
|
+
matTooltip="{{((expandHeaderButton && expandHeaderButton.title) ? expandHeaderButton.title : '') | translate}}"
|
|
2472
|
+
>
|
|
2473
|
+
<mat-icon
|
|
2474
|
+
*ngIf="expandHeaderButton && TableService.getIconType(expandHeaderButton)===IconTypes.MATERIAL_ICON">
|
|
2475
|
+
{{ expandHeaderButton?.icon }}
|
|
2476
|
+
</mat-icon>
|
|
2477
|
+
<i *ngIf="expandHeaderButton && TableService.getIconType(expandHeaderButton) === IconTypes.FONT_AWESOME"
|
|
2478
|
+
class="{{expandHeaderButton?.icon}}"></i>
|
|
2479
|
+
</button>
|
|
2478
2480
|
|
|
2479
2481
|
|
|
2480
|
-
|
|
2481
|
-
|
|
2482
|
-
|
|
2483
|
-
|
|
2484
|
-
|
|
2485
|
-
|
|
2486
|
-
|
|
2487
|
-
|
|
2488
|
-
|
|
2489
|
-
|
|
2490
|
-
|
|
2491
|
-
|
|
2492
|
-
|
|
2493
|
-
|
|
2494
|
-
|
|
2495
|
-
|
|
2496
|
-
|
|
2497
|
-
|
|
2482
|
+
<mat-menu class="menu-expand-column" #menu="matMenu">
|
|
2483
|
+
<div class="header-menu-expand" fxLayout fxLayoutAlign="space-between center">
|
|
2484
|
+
<mat-label>{{ 'common.expand.menu.header.label' | translate }}</mat-label>
|
|
2485
|
+
<button mat-flat-button>{{ 'common.label.done' | translate }}</button>
|
|
2486
|
+
</div>
|
|
2487
|
+
<div class="choose-area" (click)="$event.stopPropagation()">
|
|
2488
|
+
<div mat-menu-item *ngFor="let col of columns">
|
|
2489
|
+
<ng-container *ngIf="col.columnType!==ColumnTypes.CHECKBOX && col.columnType!==ColumnTypes.BUTTON">
|
|
2490
|
+
<mat-checkbox style="width: 100%"
|
|
2491
|
+
[(ngModel)]="expandDisplayCols[col.columnDef]"
|
|
2492
|
+
[value]="col.columnDef"
|
|
2493
|
+
(change)="this.onChange.emit(this.expandDisplayCols)">
|
|
2494
|
+
{{ (moduleName + '.table.header.' + col.header) | translate }}
|
|
2495
|
+
</mat-checkbox>
|
|
2496
|
+
</ng-container>
|
|
2497
|
+
</div>
|
|
2498
|
+
</div>
|
|
2499
|
+
</mat-menu>
|
|
2498
2500
|
|
|
2499
2501
|
`,
|
|
2500
2502
|
}]
|