@firestitch/list 18.0.70 → 18.0.72
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/app/components/body/row/inline-action/button-content/button-content.component.d.ts +15 -0
- package/app/components/body/row/inline-action/icon-button/icon-button.component.d.ts +4 -6
- package/app/components/body/row/inline-action/icon-link/icon-link.component.d.ts +9 -0
- package/app/components/body/row/inline-action/inline-action.component.d.ts +4 -6
- package/esm2022/app/components/body/row/inline-action/button-content/button-content.component.mjs +36 -0
- package/esm2022/app/components/body/row/inline-action/icon-button/icon-button.component.mjs +8 -21
- package/esm2022/app/components/body/row/inline-action/icon-link/icon-link.component.mjs +25 -0
- package/esm2022/app/components/body/row/inline-action/inline-action.component.mjs +8 -16
- package/fesm2022/firestitch-list.mjs +57 -26
- package/fesm2022/firestitch-list.mjs.map +1 -1
- package/package.json +1 -1
|
@@ -3,7 +3,7 @@ import { Injectable, inject, ChangeDetectorRef, NgZone, ElementRef, Renderer2, D
|
|
|
3
3
|
import { BehaviorSubject, Subject, Observable, map as map$1, merge, of, from, combineLatest, EMPTY } from 'rxjs';
|
|
4
4
|
import { takeUntil, map, take, skip, filter, tap, distinctUntilChanged, shareReplay, delay, switchMap, debounceTime, mapTo, catchError } from 'rxjs/operators';
|
|
5
5
|
import { get, isString, isObject, isBoolean, isNumber, isFunction, cloneDeep, random, mergeWith } from 'lodash-es';
|
|
6
|
-
import { NgClass,
|
|
6
|
+
import { NgClass, AsyncPipe, NgTemplateOutlet, Location, DecimalPipe } from '@angular/common';
|
|
7
7
|
import { MatCheckbox } from '@angular/material/checkbox';
|
|
8
8
|
import { MatIcon } from '@angular/material/icon';
|
|
9
9
|
import * as i1$1 from '@firestitch/menu';
|
|
@@ -1422,11 +1422,39 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImpor
|
|
|
1422
1422
|
}]
|
|
1423
1423
|
}] });
|
|
1424
1424
|
|
|
1425
|
-
class
|
|
1425
|
+
class FsRowInlineButtonContentComponent {
|
|
1426
1426
|
rowAction;
|
|
1427
1427
|
row;
|
|
1428
|
+
fileSelect = new EventEmitter();
|
|
1428
1429
|
icon;
|
|
1429
|
-
|
|
1430
|
+
ngOnChanges(changes) {
|
|
1431
|
+
if ((changes.row || changes.rowAction) && this.rowAction && this.row) {
|
|
1432
|
+
this.icon = this.rowAction.getRowIcon(this.row.data);
|
|
1433
|
+
}
|
|
1434
|
+
}
|
|
1435
|
+
fileSelected(event) {
|
|
1436
|
+
this.fileSelect.emit(event);
|
|
1437
|
+
}
|
|
1438
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: FsRowInlineButtonContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1439
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.7", type: FsRowInlineButtonContentComponent, isStandalone: true, selector: "fs-list-row-inline-button-content", inputs: { rowAction: "rowAction", row: "row" }, outputs: { fileSelect: "fileSelect" }, usesOnChanges: true, ngImport: i0, template: "@if (!rowAction?.fileConfig) {\n @if (icon) {\n <mat-icon>\n {{ icon }}\n </mat-icon>\n }\n {{ rowAction?.label }}\n} @else {\n <fs-file\n class=\"action-button\"\n [accept]=\"rowAction.fileConfig.accept || '*'\"\n [multiple]=\"rowAction.fileConfig.multiple\"\n [minWidth]=\"rowAction.fileConfig.minWidth\"\n [minHeight]=\"rowAction.fileConfig.minHeight\"\n [imageWidth]=\"rowAction.fileConfig.maxWidth\"\n [imageHeight]=\"rowAction.fileConfig.maxHeight\"\n (select)=\"fileSelected($event)\"\n (error)=\"rowAction.fileConfig.error && rowAction.fileConfig.error($event)\">\n @if (icon) {\n <mat-icon>\n {{ icon }}\n </mat-icon>\n }\n {{ rowAction.label }}\n </fs-file>\n}\n\n", dependencies: [{ kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: FsFileModule }, { kind: "component", type: i1.FsFileComponent, selector: "fs-file", inputs: ["minHeight", "minWidth", "orientate", "multiple", "capture", "allowClick", "allowDrop", "accept", "disabled", "imageWidth", "imageHeight", "imageQuality"], outputs: ["select", "error", "beforeProcessing", "clicked", "declined"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
1440
|
+
}
|
|
1441
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: FsRowInlineButtonContentComponent, decorators: [{
|
|
1442
|
+
type: Component,
|
|
1443
|
+
args: [{ selector: 'fs-list-row-inline-button-content', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [
|
|
1444
|
+
MatIcon,
|
|
1445
|
+
FsFileModule,
|
|
1446
|
+
], template: "@if (!rowAction?.fileConfig) {\n @if (icon) {\n <mat-icon>\n {{ icon }}\n </mat-icon>\n }\n {{ rowAction?.label }}\n} @else {\n <fs-file\n class=\"action-button\"\n [accept]=\"rowAction.fileConfig.accept || '*'\"\n [multiple]=\"rowAction.fileConfig.multiple\"\n [minWidth]=\"rowAction.fileConfig.minWidth\"\n [minHeight]=\"rowAction.fileConfig.minHeight\"\n [imageWidth]=\"rowAction.fileConfig.maxWidth\"\n [imageHeight]=\"rowAction.fileConfig.maxHeight\"\n (select)=\"fileSelected($event)\"\n (error)=\"rowAction.fileConfig.error && rowAction.fileConfig.error($event)\">\n @if (icon) {\n <mat-icon>\n {{ icon }}\n </mat-icon>\n }\n {{ rowAction.label }}\n </fs-file>\n}\n\n" }]
|
|
1447
|
+
}], propDecorators: { rowAction: [{
|
|
1448
|
+
type: Input
|
|
1449
|
+
}], row: [{
|
|
1450
|
+
type: Input
|
|
1451
|
+
}], fileSelect: [{
|
|
1452
|
+
type: Output
|
|
1453
|
+
}] } });
|
|
1454
|
+
|
|
1455
|
+
class FsRowInlineIconButtonComponent {
|
|
1456
|
+
rowAction;
|
|
1457
|
+
row;
|
|
1430
1458
|
clicked = new EventEmitter();
|
|
1431
1459
|
fileSelect = new EventEmitter();
|
|
1432
1460
|
actionClick(event) {
|
|
@@ -1436,45 +1464,49 @@ class FsRowInlineIconButtonComponent {
|
|
|
1436
1464
|
this.fileSelect.emit(event);
|
|
1437
1465
|
}
|
|
1438
1466
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: FsRowInlineIconButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1439
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
|
|
1467
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.7", type: FsRowInlineIconButtonComponent, isStandalone: true, selector: "fs-list-row-inline-icon-button", inputs: { rowAction: "rowAction", row: "row" }, outputs: { clicked: "clicked", fileSelect: "fileSelect" }, ngImport: i0, template: "<button\n type=\"button\"\n mat-icon-button\n (click)=\"actionClick($event)\"\n [ngClass]=\"rowAction.classArray\">\n <fs-list-row-inline-button-content\n [rowAction]=\"rowAction\"\n [row]=\"row\"\n (fileSelect)=\"fileSelected($event)\">\n </fs-list-row-inline-button-content>\n</button>", dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "component", type: FsRowInlineButtonContentComponent, selector: "fs-list-row-inline-button-content", inputs: ["rowAction", "row"], outputs: ["fileSelect"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
1440
1468
|
}
|
|
1441
1469
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: FsRowInlineIconButtonComponent, decorators: [{
|
|
1442
1470
|
type: Component,
|
|
1443
1471
|
args: [{ selector: 'fs-list-row-inline-icon-button', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [
|
|
1444
1472
|
NgClass,
|
|
1445
|
-
NgTemplateOutlet,
|
|
1446
|
-
RouterLink,
|
|
1447
1473
|
MatIconButton,
|
|
1448
|
-
|
|
1449
|
-
|
|
1450
|
-
FsFileModule,
|
|
1451
|
-
AsyncPipe,
|
|
1452
|
-
], template: "@if (!rowAction.routerLink) {\n <button\n type=\"button\"\n mat-icon-button\n (click)=\"actionClick($event)\"\n [ngClass]=\"rowAction.classArray\">\n <ng-container [ngTemplateOutlet]=\"buttonContent\"></ng-container>\n </button>\n} @else {\n <a\n mat-icon-button\n [routerLink]=\"rowAction.routerLink.link\"\n [queryParams]=\"rowAction.routerLink.queryParams\">\n <ng-container [ngTemplateOutlet]=\"buttonContent\"></ng-container>\n </a>\n}\n\n" }]
|
|
1474
|
+
FsRowInlineButtonContentComponent,
|
|
1475
|
+
], template: "<button\n type=\"button\"\n mat-icon-button\n (click)=\"actionClick($event)\"\n [ngClass]=\"rowAction.classArray\">\n <fs-list-row-inline-button-content\n [rowAction]=\"rowAction\"\n [row]=\"row\"\n (fileSelect)=\"fileSelected($event)\">\n </fs-list-row-inline-button-content>\n</button>" }]
|
|
1453
1476
|
}], propDecorators: { rowAction: [{
|
|
1454
1477
|
type: Input
|
|
1455
1478
|
}], row: [{
|
|
1456
1479
|
type: Input
|
|
1457
|
-
}], icon: [{
|
|
1458
|
-
type: Input
|
|
1459
|
-
}], buttonContent: [{
|
|
1460
|
-
type: Input
|
|
1461
1480
|
}], clicked: [{
|
|
1462
1481
|
type: Output
|
|
1463
1482
|
}], fileSelect: [{
|
|
1464
1483
|
type: Output
|
|
1465
1484
|
}] } });
|
|
1466
1485
|
|
|
1486
|
+
class FsRowInlineIconLinkComponent {
|
|
1487
|
+
rowAction;
|
|
1488
|
+
row;
|
|
1489
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: FsRowInlineIconLinkComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1490
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.7", type: FsRowInlineIconLinkComponent, isStandalone: true, selector: "fs-list-row-inline-icon-link", inputs: { rowAction: "rowAction", row: "row" }, ngImport: i0, template: "@if (rowAction?.routerLink) {\n <a\n mat-icon-button\n [routerLink]=\"rowAction.routerLink.link\"\n [queryParams]=\"rowAction.routerLink.queryParams\">\n <fs-list-row-inline-button-content\n [rowAction]=\"rowAction\"\n [row]=\"row\">\n </fs-list-row-inline-button-content>\n </a>\n}", dependencies: [{ kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: MatIconAnchor, selector: "a[mat-icon-button]", exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: FsRowInlineButtonContentComponent, selector: "fs-list-row-inline-button-content", inputs: ["rowAction", "row"], outputs: ["fileSelect"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
1491
|
+
}
|
|
1492
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: FsRowInlineIconLinkComponent, decorators: [{
|
|
1493
|
+
type: Component,
|
|
1494
|
+
args: [{ selector: 'fs-list-row-inline-icon-link', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [
|
|
1495
|
+
RouterLink,
|
|
1496
|
+
MatIconAnchor,
|
|
1497
|
+
FsRowInlineButtonContentComponent,
|
|
1498
|
+
], template: "@if (rowAction?.routerLink) {\n <a\n mat-icon-button\n [routerLink]=\"rowAction.routerLink.link\"\n [queryParams]=\"rowAction.routerLink.queryParams\">\n <fs-list-row-inline-button-content\n [rowAction]=\"rowAction\"\n [row]=\"row\">\n </fs-list-row-inline-button-content>\n </a>\n}" }]
|
|
1499
|
+
}], propDecorators: { rowAction: [{
|
|
1500
|
+
type: Input
|
|
1501
|
+
}], row: [{
|
|
1502
|
+
type: Input
|
|
1503
|
+
}] } });
|
|
1504
|
+
|
|
1467
1505
|
class FsRowInlineActionComponent {
|
|
1468
1506
|
rowAction;
|
|
1469
1507
|
row;
|
|
1470
1508
|
clicked = new EventEmitter();
|
|
1471
1509
|
fileSelect = new EventEmitter();
|
|
1472
|
-
icon;
|
|
1473
|
-
ngOnChanges(changes) {
|
|
1474
|
-
if (changes.row) {
|
|
1475
|
-
this.icon = this.rowAction.getRowIcon(this.row.data);
|
|
1476
|
-
}
|
|
1477
|
-
}
|
|
1478
1510
|
actionClick(event) {
|
|
1479
1511
|
this.clicked.emit(event);
|
|
1480
1512
|
}
|
|
@@ -1487,13 +1519,12 @@ class FsRowInlineActionComponent {
|
|
|
1487
1519
|
this.fileSelect.emit(event);
|
|
1488
1520
|
}
|
|
1489
1521
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: FsRowInlineActionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1490
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.7", type: FsRowInlineActionComponent, isStandalone: true, selector: "fs-list-row-inline-action", inputs: { rowAction: "rowAction", row: "row" }, outputs: { clicked: "clicked", fileSelect: "fileSelect" },
|
|
1522
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.7", type: FsRowInlineActionComponent, isStandalone: true, selector: "fs-list-row-inline-action", inputs: { rowAction: "rowAction", row: "row" }, outputs: { clicked: "clicked", fileSelect: "fileSelect" }, ngImport: i0, template: "@if (rowAction?.visible$ | async) {\n @switch (rowAction.type) {\n <!-- Basic button -->\n @case ('basic') {\n @if (!rowAction.routerLink) {\n <button\n type=\"button\"\n mat-button\n (click)=\"actionClick($event)\"\n [ngClass]=\"rowAction.classArray\">\n <fs-list-row-inline-button-content\n [rowAction]=\"rowAction\"\n [row]=\"row\"\n (fileSelect)=\"fileSelected($event)\">\n </fs-list-row-inline-button-content>\n </button>\n } @else {\n <a\n mat-button\n [routerLink]=\"rowAction.routerLink.link\"\n [queryParams]=\"rowAction.routerLink.queryParams\">\n <fs-list-row-inline-button-content\n [rowAction]=\"rowAction\"\n [row]=\"row\"\n (fileSelect)=\"fileSelected($event)\">\n </fs-list-row-inline-button-content>\n </a>\n }\n }\n <!-- Raised button -->\n @case ('raised') {\n @if (!rowAction.routerLink) {\n <button\n type=\"button\"\n mat-raised-button\n (click)=\"actionClick($event)\"\n [ngClass]=\"rowAction.classArray\">\n <fs-list-row-inline-button-content\n [rowAction]=\"rowAction\"\n [row]=\"row\"\n (fileSelect)=\"fileSelected($event)\">\n </fs-list-row-inline-button-content>\n </button>\n } @else {\n <a\n mat-raised-button\n [routerLink]=\"rowAction.routerLink.link\"\n [queryParams]=\"rowAction.routerLink.queryParams\">\n <fs-list-row-inline-button-content\n [rowAction]=\"rowAction\"\n [row]=\"row\"\n (fileSelect)=\"fileSelected($event)\">\n </fs-list-row-inline-button-content>\n </a>\n }\n }\n <!-- Icon button -->\n @case ('icon') {\n @if (!rowAction.routerLink) {\n <fs-list-row-inline-icon-button\n [rowAction]=\"rowAction\"\n [row]=\"row\"\n (clicked)=\"actionClick($event)\"\n (fileSelect)=\"fileSelected($event)\">\n </fs-list-row-inline-icon-button>\n } @else {\n <fs-list-row-inline-icon-link\n [rowAction]=\"rowAction\"\n [row]=\"row\">\n </fs-list-row-inline-icon-link>\n }\n }\n <!-- Fab button -->\n @case ('fab') {\n @if (!rowAction.routerLink) {\n <button\n type=\"button\"\n mat-fab\n (click)=\"actionClick($event)\"\n [ngClass]=\"rowAction.classArray\">\n <fs-list-row-inline-button-content\n [rowAction]=\"rowAction\"\n [row]=\"row\"\n (fileSelect)=\"fileSelected($event)\">\n </fs-list-row-inline-button-content>\n </button>\n } @else {\n <a\n mat-fab\n [routerLink]=\"rowAction.routerLink.link\"\n [queryParams]=\"rowAction.routerLink.queryParams\">\n <fs-list-row-inline-button-content\n [rowAction]=\"rowAction\"\n [row]=\"row\"\n (fileSelect)=\"fileSelected($event)\">\n </fs-list-row-inline-button-content>\n </a>\n }\n }\n <!-- Mini Fab button -->\n @case ('mini-fab') {\n @if (!rowAction.routerLink) {\n <button\n type=\"button\"\n mat-mini-fab\n (click)=\"actionClick($event)\"\n [ngClass]=\"rowAction.classArray\">\n <fs-list-row-inline-button-content\n [rowAction]=\"rowAction\"\n [row]=\"row\"\n (fileSelect)=\"fileSelected($event)\">\n </fs-list-row-inline-button-content>\n </button>\n } @else {\n <a\n mat-mini-fab\n [routerLink]=\"rowAction.routerLink.link\"\n [queryParams]=\"rowAction.routerLink.queryParams\">\n <fs-list-row-inline-button-content\n [rowAction]=\"rowAction\"\n [row]=\"row\"\n (fileSelect)=\"fileSelected($event)\">\n </fs-list-row-inline-button-content>\n </a>\n }\n }\n }\n}", styles: ["mat-icon{display:flex}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: MatAnchor, selector: "a[mat-button], a[mat-raised-button], a[mat-flat-button], a[mat-stroked-button]", exportAs: ["matButton", "matAnchor"] }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: MatButton, selector: " button[mat-button], button[mat-raised-button], button[mat-flat-button], button[mat-stroked-button] ", exportAs: ["matButton"] }, { kind: "component", type: MatFabButton, selector: "button[mat-fab]", inputs: ["extended"], exportAs: ["matButton"] }, { kind: "component", type: MatFabAnchor, selector: "a[mat-fab]", inputs: ["extended"], exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: MatMiniFabButton, selector: "button[mat-mini-fab]", exportAs: ["matButton"] }, { kind: "component", type: MatMiniFabAnchor, selector: "a[mat-mini-fab]", exportAs: ["matButton", "matAnchor"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "component", type: FsRowInlineButtonContentComponent, selector: "fs-list-row-inline-button-content", inputs: ["rowAction", "row"], outputs: ["fileSelect"] }, { kind: "component", type: FsRowInlineIconButtonComponent, selector: "fs-list-row-inline-icon-button", inputs: ["rowAction", "row"], outputs: ["clicked", "fileSelect"] }, { kind: "component", type: FsRowInlineIconLinkComponent, selector: "fs-list-row-inline-icon-link", inputs: ["rowAction", "row"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
1491
1523
|
}
|
|
1492
1524
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: FsRowInlineActionComponent, decorators: [{
|
|
1493
1525
|
type: Component,
|
|
1494
1526
|
args: [{ selector: 'fs-list-row-inline-action', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [
|
|
1495
1527
|
NgClass,
|
|
1496
|
-
NgTemplateOutlet,
|
|
1497
1528
|
MatAnchor,
|
|
1498
1529
|
RouterLink,
|
|
1499
1530
|
MatButton,
|
|
@@ -1501,11 +1532,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImpor
|
|
|
1501
1532
|
MatFabAnchor,
|
|
1502
1533
|
MatMiniFabButton,
|
|
1503
1534
|
MatMiniFabAnchor,
|
|
1504
|
-
MatIcon,
|
|
1505
|
-
FsFileModule,
|
|
1506
1535
|
AsyncPipe,
|
|
1536
|
+
FsRowInlineButtonContentComponent,
|
|
1507
1537
|
FsRowInlineIconButtonComponent,
|
|
1508
|
-
|
|
1538
|
+
FsRowInlineIconLinkComponent,
|
|
1539
|
+
], template: "@if (rowAction?.visible$ | async) {\n @switch (rowAction.type) {\n <!-- Basic button -->\n @case ('basic') {\n @if (!rowAction.routerLink) {\n <button\n type=\"button\"\n mat-button\n (click)=\"actionClick($event)\"\n [ngClass]=\"rowAction.classArray\">\n <fs-list-row-inline-button-content\n [rowAction]=\"rowAction\"\n [row]=\"row\"\n (fileSelect)=\"fileSelected($event)\">\n </fs-list-row-inline-button-content>\n </button>\n } @else {\n <a\n mat-button\n [routerLink]=\"rowAction.routerLink.link\"\n [queryParams]=\"rowAction.routerLink.queryParams\">\n <fs-list-row-inline-button-content\n [rowAction]=\"rowAction\"\n [row]=\"row\"\n (fileSelect)=\"fileSelected($event)\">\n </fs-list-row-inline-button-content>\n </a>\n }\n }\n <!-- Raised button -->\n @case ('raised') {\n @if (!rowAction.routerLink) {\n <button\n type=\"button\"\n mat-raised-button\n (click)=\"actionClick($event)\"\n [ngClass]=\"rowAction.classArray\">\n <fs-list-row-inline-button-content\n [rowAction]=\"rowAction\"\n [row]=\"row\"\n (fileSelect)=\"fileSelected($event)\">\n </fs-list-row-inline-button-content>\n </button>\n } @else {\n <a\n mat-raised-button\n [routerLink]=\"rowAction.routerLink.link\"\n [queryParams]=\"rowAction.routerLink.queryParams\">\n <fs-list-row-inline-button-content\n [rowAction]=\"rowAction\"\n [row]=\"row\"\n (fileSelect)=\"fileSelected($event)\">\n </fs-list-row-inline-button-content>\n </a>\n }\n }\n <!-- Icon button -->\n @case ('icon') {\n @if (!rowAction.routerLink) {\n <fs-list-row-inline-icon-button\n [rowAction]=\"rowAction\"\n [row]=\"row\"\n (clicked)=\"actionClick($event)\"\n (fileSelect)=\"fileSelected($event)\">\n </fs-list-row-inline-icon-button>\n } @else {\n <fs-list-row-inline-icon-link\n [rowAction]=\"rowAction\"\n [row]=\"row\">\n </fs-list-row-inline-icon-link>\n }\n }\n <!-- Fab button -->\n @case ('fab') {\n @if (!rowAction.routerLink) {\n <button\n type=\"button\"\n mat-fab\n (click)=\"actionClick($event)\"\n [ngClass]=\"rowAction.classArray\">\n <fs-list-row-inline-button-content\n [rowAction]=\"rowAction\"\n [row]=\"row\"\n (fileSelect)=\"fileSelected($event)\">\n </fs-list-row-inline-button-content>\n </button>\n } @else {\n <a\n mat-fab\n [routerLink]=\"rowAction.routerLink.link\"\n [queryParams]=\"rowAction.routerLink.queryParams\">\n <fs-list-row-inline-button-content\n [rowAction]=\"rowAction\"\n [row]=\"row\"\n (fileSelect)=\"fileSelected($event)\">\n </fs-list-row-inline-button-content>\n </a>\n }\n }\n <!-- Mini Fab button -->\n @case ('mini-fab') {\n @if (!rowAction.routerLink) {\n <button\n type=\"button\"\n mat-mini-fab\n (click)=\"actionClick($event)\"\n [ngClass]=\"rowAction.classArray\">\n <fs-list-row-inline-button-content\n [rowAction]=\"rowAction\"\n [row]=\"row\"\n (fileSelect)=\"fileSelected($event)\">\n </fs-list-row-inline-button-content>\n </button>\n } @else {\n <a\n mat-mini-fab\n [routerLink]=\"rowAction.routerLink.link\"\n [queryParams]=\"rowAction.routerLink.queryParams\">\n <fs-list-row-inline-button-content\n [rowAction]=\"rowAction\"\n [row]=\"row\"\n (fileSelect)=\"fileSelected($event)\">\n </fs-list-row-inline-button-content>\n </a>\n }\n }\n }\n}", styles: ["mat-icon{display:flex}\n"] }]
|
|
1509
1540
|
}], propDecorators: { rowAction: [{
|
|
1510
1541
|
type: Input
|
|
1511
1542
|
}], row: [{
|