@skyux/list-builder 14.4.0 → 15.0.0-alpha.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.
|
@@ -516,10 +516,10 @@ class ListStateDispatcher extends StateDispatcher {
|
|
|
516
516
|
setSelected(selectedIds, selected, refresh = false) {
|
|
517
517
|
this.next(new ListSelectedSetItemsSelectedAction(selectedIds, selected, refresh));
|
|
518
518
|
}
|
|
519
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
520
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
519
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: ListStateDispatcher, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
520
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: ListStateDispatcher }); }
|
|
521
521
|
}
|
|
522
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
522
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: ListStateDispatcher, decorators: [{
|
|
523
523
|
type: Injectable
|
|
524
524
|
}] });
|
|
525
525
|
|
|
@@ -1072,10 +1072,10 @@ class ListState extends StateNode {
|
|
|
1072
1072
|
.register('selected', ListSelectedOrchestrator)
|
|
1073
1073
|
.begin();
|
|
1074
1074
|
}
|
|
1075
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1076
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
1075
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: ListState, deps: [{ token: ListStateDispatcher }], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
1076
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: ListState }); }
|
|
1077
1077
|
}
|
|
1078
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1078
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: ListState, decorators: [{
|
|
1079
1079
|
type: Injectable
|
|
1080
1080
|
}], ctorParameters: () => [{ type: ListStateDispatcher }] });
|
|
1081
1081
|
|
|
@@ -1341,10 +1341,10 @@ class SkyListComponent {
|
|
|
1341
1341
|
}
|
|
1342
1342
|
return true;
|
|
1343
1343
|
}
|
|
1344
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1345
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
1344
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: SkyListComponent, deps: [{ token: ListState }, { token: ListStateDispatcher }, { token: i3.SkyLogService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1345
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.1", type: SkyListComponent, isStandalone: false, selector: "sky-list", inputs: { data: "data", dataProvider: "dataProvider", defaultView: "defaultView", initialTotal: "initialTotal", selectedIds: "selectedIds", sortFields: "sortFields", appliedFilters: "appliedFilters", searchFunction: ["search", "searchFunction"] }, outputs: { selectedIdsChange: "selectedIdsChange", appliedFiltersChange: "appliedFiltersChange" }, providers: [ListState, ListStateDispatcher], queries: [{ propertyName: "listViews", predicate: ListViewComponent }], usesOnChanges: true, ngImport: i0, template: '<ng-content />', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
1346
1346
|
}
|
|
1347
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1347
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: SkyListComponent, decorators: [{
|
|
1348
1348
|
type: Component,
|
|
1349
1349
|
args: [{
|
|
1350
1350
|
selector: 'sky-list',
|
|
@@ -1383,11 +1383,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImpor
|
|
|
1383
1383
|
* @deprecated List builder and its features are deprecated. Use data manager instead. For more information, see https://developer.blackbaud.com/skyux/components/data-manager.
|
|
1384
1384
|
*/
|
|
1385
1385
|
class SkyListModule {
|
|
1386
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1387
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
1388
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
1386
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: SkyListModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
1387
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.0.1", ngImport: i0, type: SkyListModule, declarations: [SkyListComponent], imports: [CommonModule], exports: [SkyListComponent] }); }
|
|
1388
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: SkyListModule, imports: [CommonModule] }); }
|
|
1389
1389
|
}
|
|
1390
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1390
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: SkyListModule, decorators: [{
|
|
1391
1391
|
type: NgModule,
|
|
1392
1392
|
args: [{
|
|
1393
1393
|
declarations: [SkyListComponent],
|
|
@@ -1457,12 +1457,12 @@ class SkyListFilterButtonComponent {
|
|
|
1457
1457
|
}),
|
|
1458
1458
|
]);
|
|
1459
1459
|
}
|
|
1460
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1461
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
1460
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: SkyListFilterButtonComponent, deps: [{ token: ListStateDispatcher }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1461
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.1", type: SkyListFilterButtonComponent, isStandalone: false, selector: "sky-list-filter-button", viewQueries: [{ propertyName: "filterButtonTemplate", first: true, predicate: ["filterButton"], descendants: true, read: TemplateRef, static: true }], ngImport: i0, template: "<ng-template #filterButton>\n <ng-content />\n</ng-template>\n", changeDetection: i0.ChangeDetectionStrategy.Eager }); }
|
|
1462
1462
|
}
|
|
1463
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1463
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: SkyListFilterButtonComponent, decorators: [{
|
|
1464
1464
|
type: Component,
|
|
1465
|
-
args: [{ selector: 'sky-list-filter-button', standalone: false, template: "<ng-template #filterButton>\n <ng-content />\n</ng-template>\n" }]
|
|
1465
|
+
args: [{ selector: 'sky-list-filter-button', changeDetection: ChangeDetectionStrategy.Eager, standalone: false, template: "<ng-template #filterButton>\n <ng-content />\n</ng-template>\n" }]
|
|
1466
1466
|
}], ctorParameters: () => [{ type: ListStateDispatcher }], propDecorators: { filterButtonTemplate: [{
|
|
1467
1467
|
type: ViewChild,
|
|
1468
1468
|
args: ['filterButton', {
|
|
@@ -1482,14 +1482,15 @@ class SkyListFilterInlineItemRendererComponent {
|
|
|
1482
1482
|
this.container.createEmbeddedView(this.template, this);
|
|
1483
1483
|
}
|
|
1484
1484
|
}
|
|
1485
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1486
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
1485
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: SkyListFilterInlineItemRendererComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1486
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.1", type: SkyListFilterInlineItemRendererComponent, isStandalone: false, selector: "sky-list-filter-inline-item-renderer", inputs: { template: "template", filter: "filter" }, viewQueries: [{ propertyName: "container", first: true, predicate: ["container"], descendants: true, read: ViewContainerRef, static: true }], ngImport: i0, template: '<ng-template #container />', isInline: true, changeDetection: i0.ChangeDetectionStrategy.Eager }); }
|
|
1487
1487
|
}
|
|
1488
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1488
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: SkyListFilterInlineItemRendererComponent, decorators: [{
|
|
1489
1489
|
type: Component,
|
|
1490
1490
|
args: [{
|
|
1491
1491
|
selector: 'sky-list-filter-inline-item-renderer',
|
|
1492
1492
|
template: '<ng-template #container />',
|
|
1493
|
+
changeDetection: ChangeDetectionStrategy.Eager,
|
|
1493
1494
|
standalone: false,
|
|
1494
1495
|
}]
|
|
1495
1496
|
}], propDecorators: { template: [{
|
|
@@ -1522,14 +1523,15 @@ class SkyListFilterInlineItemComponent {
|
|
|
1522
1523
|
? this.templates.first
|
|
1523
1524
|
: this.templateInput;
|
|
1524
1525
|
}
|
|
1525
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1526
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
1526
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: SkyListFilterInlineItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1527
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.1", type: SkyListFilterInlineItemComponent, isStandalone: false, selector: "sky-list-filter-inline-item", inputs: { name: "name", value: "value", defaultValue: "defaultValue", filterFunction: ["filter", "filterFunction"], templateInput: ["template", "templateInput"] }, queries: [{ propertyName: "templates", predicate: TemplateRef }], ngImport: i0, template: '<ng-content />', isInline: true, changeDetection: i0.ChangeDetectionStrategy.Eager }); }
|
|
1527
1528
|
}
|
|
1528
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1529
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: SkyListFilterInlineItemComponent, decorators: [{
|
|
1529
1530
|
type: Component,
|
|
1530
1531
|
args: [{
|
|
1531
1532
|
selector: 'sky-list-filter-inline-item',
|
|
1532
1533
|
template: '<ng-content />',
|
|
1534
|
+
changeDetection: ChangeDetectionStrategy.Eager,
|
|
1533
1535
|
standalone: false,
|
|
1534
1536
|
}]
|
|
1535
1537
|
}], propDecorators: { name: [{
|
|
@@ -1596,12 +1598,12 @@ class SkyListFilterInlineComponent {
|
|
|
1596
1598
|
});
|
|
1597
1599
|
});
|
|
1598
1600
|
}
|
|
1599
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1600
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
1601
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: SkyListFilterInlineComponent, deps: [{ token: ListStateDispatcher }, { token: ListState }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1602
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.1", type: SkyListFilterInlineComponent, isStandalone: false, selector: "sky-list-filter-inline", queries: [{ propertyName: "filters", predicate: SkyListFilterInlineItemComponent }], ngImport: i0, template: "<ng-content />\n\n<sky-filter-inline>\n @for (filter of inlineFilters; track filter) {\n <sky-filter-inline-item>\n <sky-list-filter-inline-item-renderer\n [template]=\"filter.template\"\n [filter]=\"filter\"\n />\n </sky-filter-inline-item>\n }\n</sky-filter-inline>\n", dependencies: [{ kind: "component", type: i3$1.λ2, selector: "sky-filter-inline" }, { kind: "component", type: i3$1.λ3, selector: "sky-filter-inline-item" }, { kind: "component", type: SkyListFilterInlineItemRendererComponent, selector: "sky-list-filter-inline-item-renderer", inputs: ["template", "filter"] }], changeDetection: i0.ChangeDetectionStrategy.Eager }); }
|
|
1601
1603
|
}
|
|
1602
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1604
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: SkyListFilterInlineComponent, decorators: [{
|
|
1603
1605
|
type: Component,
|
|
1604
|
-
args: [{ selector: 'sky-list-filter-inline', standalone: false, template: "<ng-content />\n\n<sky-filter-inline>\n @for (filter of inlineFilters; track filter) {\n <sky-filter-inline-item>\n <sky-list-filter-inline-item-renderer\n [template]=\"filter.template\"\n [filter]=\"filter\"\n />\n </sky-filter-inline-item>\n }\n</sky-filter-inline>\n" }]
|
|
1606
|
+
args: [{ selector: 'sky-list-filter-inline', changeDetection: ChangeDetectionStrategy.Eager, standalone: false, template: "<ng-content />\n\n<sky-filter-inline>\n @for (filter of inlineFilters; track filter) {\n <sky-filter-inline-item>\n <sky-list-filter-inline-item-renderer\n [template]=\"filter.template\"\n [filter]=\"filter\"\n />\n </sky-filter-inline-item>\n }\n</sky-filter-inline>\n" }]
|
|
1605
1607
|
}], ctorParameters: () => [{ type: ListStateDispatcher }, { type: ListState }], propDecorators: { filters: [{
|
|
1606
1608
|
type: ContentChildren,
|
|
1607
1609
|
args: [SkyListFilterInlineItemComponent]
|
|
@@ -1646,12 +1648,12 @@ class SkyListFilterSummaryComponent {
|
|
|
1646
1648
|
filterSummaryItemClick(item) {
|
|
1647
1649
|
this.summaryItemClick.emit(item);
|
|
1648
1650
|
}
|
|
1649
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1650
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
1651
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: SkyListFilterSummaryComponent, deps: [{ token: ListState }, { token: ListStateDispatcher }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1652
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.1", type: SkyListFilterSummaryComponent, isStandalone: false, selector: "sky-list-filter-summary", outputs: { summaryItemClick: "summaryItemClick" }, ngImport: i0, template: "<sky-filter-summary>\n @for (item of appliedFilters | async; track item; let i = $index) {\n <sky-filter-summary-item\n [dismissible]=\"item.dismissible\"\n (dismiss)=\"filterSummaryItemDismiss(i)\"\n (itemClick)=\"filterSummaryItemClick(item)\"\n >\n {{ item.label || item.value }}\n </sky-filter-summary-item>\n }\n</sky-filter-summary>\n", dependencies: [{ kind: "component", type: i3$1.λ5, selector: "sky-filter-summary" }, { kind: "component", type: i3$1.λ4, selector: "sky-filter-summary-item", inputs: ["dismissible"], outputs: ["dismiss", "itemClick"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.Eager }); }
|
|
1651
1653
|
}
|
|
1652
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1654
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: SkyListFilterSummaryComponent, decorators: [{
|
|
1653
1655
|
type: Component,
|
|
1654
|
-
args: [{ selector: 'sky-list-filter-summary', standalone: false, template: "<sky-filter-summary>\n @for (item of appliedFilters | async; track item; let i = $index) {\n <sky-filter-summary-item\n [dismissible]=\"item.dismissible\"\n (dismiss)=\"filterSummaryItemDismiss(i)\"\n (itemClick)=\"filterSummaryItemClick(item)\"\n >\n {{ item.label || item.value }}\n </sky-filter-summary-item>\n }\n</sky-filter-summary>\n" }]
|
|
1656
|
+
args: [{ selector: 'sky-list-filter-summary', changeDetection: ChangeDetectionStrategy.Eager, standalone: false, template: "<sky-filter-summary>\n @for (item of appliedFilters | async; track item; let i = $index) {\n <sky-filter-summary-item\n [dismissible]=\"item.dismissible\"\n (dismiss)=\"filterSummaryItemDismiss(i)\"\n (itemClick)=\"filterSummaryItemClick(item)\"\n >\n {{ item.label || item.value }}\n </sky-filter-summary-item>\n }\n</sky-filter-summary>\n" }]
|
|
1655
1657
|
}], ctorParameters: () => [{ type: ListState }, { type: ListStateDispatcher }], propDecorators: { summaryItemClick: [{
|
|
1656
1658
|
type: Output
|
|
1657
1659
|
}] } });
|
|
@@ -1660,8 +1662,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImpor
|
|
|
1660
1662
|
* @deprecated List builder and its features are deprecated. Use data manager instead. For more information, see https://developer.blackbaud.com/skyux/components/data-manager.
|
|
1661
1663
|
*/
|
|
1662
1664
|
class SkyListFiltersModule {
|
|
1663
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1664
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
1665
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: SkyListFiltersModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
1666
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.0.1", ngImport: i0, type: SkyListFiltersModule, declarations: [SkyListFilterButtonComponent,
|
|
1665
1667
|
SkyListFilterSummaryComponent,
|
|
1666
1668
|
SkyListFilterInlineItemComponent,
|
|
1667
1669
|
SkyListFilterInlineComponent,
|
|
@@ -1669,9 +1671,9 @@ class SkyListFiltersModule {
|
|
|
1669
1671
|
SkyListFilterSummaryComponent,
|
|
1670
1672
|
SkyListFilterInlineItemComponent,
|
|
1671
1673
|
SkyListFilterInlineComponent] }); }
|
|
1672
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
1674
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: SkyListFiltersModule, imports: [CommonModule, SkyFilterModule] }); }
|
|
1673
1675
|
}
|
|
1674
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1676
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: SkyListFiltersModule, decorators: [{
|
|
1675
1677
|
type: NgModule,
|
|
1676
1678
|
args: [{
|
|
1677
1679
|
declarations: [
|
|
@@ -1762,12 +1764,12 @@ class SkyListPagingComponent extends ListPagingComponent {
|
|
|
1762
1764
|
this.dispatcher.next(new ListPagingSetPageNumberAction(Number(currentPage)));
|
|
1763
1765
|
});
|
|
1764
1766
|
}
|
|
1765
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1766
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
1767
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: SkyListPagingComponent, deps: [{ token: ListState }, { token: ListStateDispatcher }, { token: i3.SkyLogService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1768
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.1", type: SkyListPagingComponent, isStandalone: false, selector: "sky-list-paging", inputs: { pageSize: "pageSize", maxPages: "maxPages", pageNumber: "pageNumber" }, providers: [
|
|
1767
1769
|
{ provide: ListPagingComponent, useExisting: listPagingComponentRef },
|
|
1768
1770
|
], usesInheritance: true, ngImport: i0, template: "<sky-paging\n [pageSize]=\"itemsPerPage | async\"\n [maxPages]=\"maxDisplayedPages | async\"\n [currentPage]=\"currentPageNumber | async\"\n [itemCount]=\"itemCount | async\"\n (currentPageChange)=\"pageChange($event)\"\n/>\n", dependencies: [{ kind: "component", type: i3$1.λ7, selector: "sky-paging", inputs: ["currentPage", "itemCount", "maxPages", "pageSize", "pagingLabel"], outputs: ["currentPageChange", "contentChange"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
1769
1771
|
}
|
|
1770
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1772
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: SkyListPagingComponent, decorators: [{
|
|
1771
1773
|
type: Component,
|
|
1772
1774
|
args: [{ selector: 'sky-list-paging', providers: [
|
|
1773
1775
|
{ provide: ListPagingComponent, useExisting: listPagingComponentRef },
|
|
@@ -1784,11 +1786,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImpor
|
|
|
1784
1786
|
* @deprecated List builder and its features are deprecated. Use data manager instead. For more information, see https://developer.blackbaud.com/skyux/components/data-manager.
|
|
1785
1787
|
*/
|
|
1786
1788
|
class SkyListPagingModule {
|
|
1787
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1788
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
1789
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
1789
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: SkyListPagingModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
1790
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.0.1", ngImport: i0, type: SkyListPagingModule, declarations: [SkyListPagingComponent], imports: [CommonModule, SkyPagingModule], exports: [SkyListPagingComponent] }); }
|
|
1791
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: SkyListPagingModule, imports: [CommonModule, SkyPagingModule] }); }
|
|
1790
1792
|
}
|
|
1791
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1793
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: SkyListPagingModule, decorators: [{
|
|
1792
1794
|
type: NgModule,
|
|
1793
1795
|
args: [{
|
|
1794
1796
|
declarations: [SkyListPagingComponent],
|
|
@@ -1820,11 +1822,11 @@ SkyLibResourcesService.addResources(RESOURCES);
|
|
|
1820
1822
|
* Import into any component library module that needs to use resource strings.
|
|
1821
1823
|
*/
|
|
1822
1824
|
class SkyListBuilderResourcesModule {
|
|
1823
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1824
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
1825
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
1825
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: SkyListBuilderResourcesModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
1826
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.0.1", ngImport: i0, type: SkyListBuilderResourcesModule, exports: [SkyI18nModule] }); }
|
|
1827
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: SkyListBuilderResourcesModule, imports: [SkyI18nModule] }); }
|
|
1826
1828
|
}
|
|
1827
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1829
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: SkyListBuilderResourcesModule, decorators: [{
|
|
1828
1830
|
type: NgModule,
|
|
1829
1831
|
args: [{
|
|
1830
1832
|
exports: [SkyI18nModule],
|
|
@@ -1857,10 +1859,10 @@ class SkyListSecondaryActionsService {
|
|
|
1857
1859
|
this.secondaryActionsSubject.complete();
|
|
1858
1860
|
this.actionsStream.complete();
|
|
1859
1861
|
}
|
|
1860
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1861
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
1862
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: SkyListSecondaryActionsService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
1863
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: SkyListSecondaryActionsService }); }
|
|
1862
1864
|
}
|
|
1863
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1865
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: SkyListSecondaryActionsService, decorators: [{
|
|
1864
1866
|
type: Injectable
|
|
1865
1867
|
}] });
|
|
1866
1868
|
|
|
@@ -1877,12 +1879,12 @@ class SkyListSecondaryActionComponent {
|
|
|
1877
1879
|
template: this.templateRef,
|
|
1878
1880
|
});
|
|
1879
1881
|
}
|
|
1880
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1881
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
1882
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: SkyListSecondaryActionComponent, deps: [{ token: SkyListSecondaryActionsService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1883
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.1", type: SkyListSecondaryActionComponent, isStandalone: false, selector: "sky-list-secondary-action", viewQueries: [{ propertyName: "templateRef", first: true, predicate: ["listSecondaryAction"], descendants: true, read: TemplateRef, static: true }], ngImport: i0, template: "<ng-template #listSecondaryAction>\n <ng-content />\n</ng-template>\n", changeDetection: i0.ChangeDetectionStrategy.Eager }); }
|
|
1882
1884
|
}
|
|
1883
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1885
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: SkyListSecondaryActionComponent, decorators: [{
|
|
1884
1886
|
type: Component,
|
|
1885
|
-
args: [{ selector: 'sky-list-secondary-action', standalone: false, template: "<ng-template #listSecondaryAction>\n <ng-content />\n</ng-template>\n" }]
|
|
1887
|
+
args: [{ selector: 'sky-list-secondary-action', changeDetection: ChangeDetectionStrategy.Eager, standalone: false, template: "<ng-template #listSecondaryAction>\n <ng-content />\n</ng-template>\n" }]
|
|
1886
1888
|
}], ctorParameters: () => [{ type: SkyListSecondaryActionsService }], propDecorators: { templateRef: [{
|
|
1887
1889
|
type: ViewChild,
|
|
1888
1890
|
args: ['listSecondaryAction', {
|
|
@@ -1918,10 +1920,10 @@ class SkyListSecondaryActionsHostComponent {
|
|
|
1918
1920
|
this.ngUnsubscribe.next();
|
|
1919
1921
|
this.ngUnsubscribe.complete();
|
|
1920
1922
|
}
|
|
1921
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1922
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
1923
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: SkyListSecondaryActionsHostComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: SkyListSecondaryActionsService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1924
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.1", type: SkyListSecondaryActionsHostComponent, isStandalone: false, selector: "sky-list-secondary-actions-host", ngImport: i0, template: "<div\n class=\"sky-list-secondary-actions\"\n [ngClass]=\"{ 'sky-list-secondary-actions-hidden': dropdownHidden }\"\n>\n <sky-dropdown\n [attr.title]=\"'skyux_list_show_secondary_actions_button' | skyLibResources\"\n [label]=\"'skyux_list_show_secondary_actions_button' | skyLibResources\"\n >\n <sky-dropdown-button>\n <sky-icon iconName=\"more-actions\" />\n <span class=\"sky-list-secondary-actions-btn-text\">\n {{ 'skyux_list_show_secondary_actions_button' | skyLibResources }}\n </span>\n </sky-dropdown-button>\n <sky-dropdown-menu>\n @for (action of actions; track action) {\n <sky-dropdown-item>\n <ng-container *ngTemplateOutlet=\"action.template\" />\n </sky-dropdown-item>\n }\n </sky-dropdown-menu>\n </sky-dropdown>\n</div>\n<ng-content />\n", styles: [".sky-list-secondary-actions-hidden{display:none}:host .sky-list-secondary-actions-btn-text{display:none}:host .sky-list-secondary-actions ::ng-deep .sky-dropdown-caret{display:none}:host-context(.sky-responsive-container-xs) .sky-list-secondary-actions-btn-text,:host-context(.sky-responsive-container-sm) .sky-list-secondary-actions-btn-text,:host-context(.sky-responsive-container-md) .sky-list-secondary-actions-btn-text,:host-context(.sky-responsive-container-lg) .sky-list-secondary-actions-btn-text{display:none}:host-context(.sky-responsive-container-xs) .sky-list-secondary-actions ::ng-deep .sky-dropdown-caret,:host-context(.sky-responsive-container-sm) .sky-list-secondary-actions ::ng-deep .sky-dropdown-caret,:host-context(.sky-responsive-container-md) .sky-list-secondary-actions ::ng-deep .sky-dropdown-caret,:host-context(.sky-responsive-container-lg) .sky-list-secondary-actions ::ng-deep .sky-dropdown-caret{display:none}@media(min-width:768px){:host .sky-list-secondary-actions-btn-text{display:inline}:host .sky-list-secondary-actions ::ng-deep .sky-dropdown-caret{display:inline-block}}:host-context(.sky-responsive-container-sm) .sky-list-secondary-actions-btn-text,:host-context(.sky-responsive-container-md) .sky-list-secondary-actions-btn-text,:host-context(.sky-responsive-container-lg) .sky-list-secondary-actions-btn-text{display:inline}:host-context(.sky-responsive-container-sm) .sky-list-secondary-actions ::ng-deep .sky-dropdown-caret,:host-context(.sky-responsive-container-md) .sky-list-secondary-actions ::ng-deep .sky-dropdown-caret,:host-context(.sky-responsive-container-lg) .sky-list-secondary-actions ::ng-deep .sky-dropdown-caret{display:inline-block}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i3$2.λ2, selector: "sky-dropdown-button" }, { kind: "component", type: i3$2.λ3, selector: "sky-dropdown", inputs: ["buttonStyle", "buttonType", "disabled", "label", "horizontalAlignment", "messageStream", "title", "trigger"] }, { kind: "component", type: i3$2.λ1, selector: "sky-dropdown-item", inputs: ["ariaRole"] }, { kind: "component", type: i3$2.λ4, selector: "sky-dropdown-menu", inputs: ["ariaLabelledBy", "ariaRole", "useNativeFocus"], outputs: ["menuChanges"] }, { kind: "component", type: i4.λ1, selector: "sky-icon", inputs: ["iconName", "variant", "iconSize"] }, { kind: "pipe", type: i5.SkyLibResourcesPipe, name: "skyLibResources" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
1923
1925
|
}
|
|
1924
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1926
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: SkyListSecondaryActionsHostComponent, decorators: [{
|
|
1925
1927
|
type: Component,
|
|
1926
1928
|
args: [{ selector: 'sky-list-secondary-actions-host', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<div\n class=\"sky-list-secondary-actions\"\n [ngClass]=\"{ 'sky-list-secondary-actions-hidden': dropdownHidden }\"\n>\n <sky-dropdown\n [attr.title]=\"'skyux_list_show_secondary_actions_button' | skyLibResources\"\n [label]=\"'skyux_list_show_secondary_actions_button' | skyLibResources\"\n >\n <sky-dropdown-button>\n <sky-icon iconName=\"more-actions\" />\n <span class=\"sky-list-secondary-actions-btn-text\">\n {{ 'skyux_list_show_secondary_actions_button' | skyLibResources }}\n </span>\n </sky-dropdown-button>\n <sky-dropdown-menu>\n @for (action of actions; track action) {\n <sky-dropdown-item>\n <ng-container *ngTemplateOutlet=\"action.template\" />\n </sky-dropdown-item>\n }\n </sky-dropdown-menu>\n </sky-dropdown>\n</div>\n<ng-content />\n", styles: [".sky-list-secondary-actions-hidden{display:none}:host .sky-list-secondary-actions-btn-text{display:none}:host .sky-list-secondary-actions ::ng-deep .sky-dropdown-caret{display:none}:host-context(.sky-responsive-container-xs) .sky-list-secondary-actions-btn-text,:host-context(.sky-responsive-container-sm) .sky-list-secondary-actions-btn-text,:host-context(.sky-responsive-container-md) .sky-list-secondary-actions-btn-text,:host-context(.sky-responsive-container-lg) .sky-list-secondary-actions-btn-text{display:none}:host-context(.sky-responsive-container-xs) .sky-list-secondary-actions ::ng-deep .sky-dropdown-caret,:host-context(.sky-responsive-container-sm) .sky-list-secondary-actions ::ng-deep .sky-dropdown-caret,:host-context(.sky-responsive-container-md) .sky-list-secondary-actions ::ng-deep .sky-dropdown-caret,:host-context(.sky-responsive-container-lg) .sky-list-secondary-actions ::ng-deep .sky-dropdown-caret{display:none}@media(min-width:768px){:host .sky-list-secondary-actions-btn-text{display:inline}:host .sky-list-secondary-actions ::ng-deep .sky-dropdown-caret{display:inline-block}}:host-context(.sky-responsive-container-sm) .sky-list-secondary-actions-btn-text,:host-context(.sky-responsive-container-md) .sky-list-secondary-actions-btn-text,:host-context(.sky-responsive-container-lg) .sky-list-secondary-actions-btn-text{display:inline}:host-context(.sky-responsive-container-sm) .sky-list-secondary-actions ::ng-deep .sky-dropdown-caret,:host-context(.sky-responsive-container-md) .sky-list-secondary-actions ::ng-deep .sky-dropdown-caret,:host-context(.sky-responsive-container-lg) .sky-list-secondary-actions ::ng-deep .sky-dropdown-caret{display:inline-block}\n"] }]
|
|
1927
1929
|
}], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: SkyListSecondaryActionsService }] });
|
|
@@ -1946,10 +1948,10 @@ class SkyListSecondaryActionsComponent {
|
|
|
1946
1948
|
});
|
|
1947
1949
|
this.dispatcher.toolbarAddItems([secondaryActionItem]);
|
|
1948
1950
|
}
|
|
1949
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1950
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
1951
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: SkyListSecondaryActionsComponent, deps: [{ token: ListStateDispatcher }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1952
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.1", type: SkyListSecondaryActionsComponent, isStandalone: false, selector: "sky-list-secondary-actions", providers: [SkyListSecondaryActionsService], viewQueries: [{ propertyName: "secondaryActionsTemplate", first: true, predicate: ["secondaryActions"], descendants: true, read: TemplateRef, static: true }], ngImport: i0, template: "<ng-template #secondaryActions>\n <sky-list-secondary-actions-host>\n <ng-content />\n </sky-list-secondary-actions-host>\n</ng-template>\n", dependencies: [{ kind: "component", type: SkyListSecondaryActionsHostComponent, selector: "sky-list-secondary-actions-host" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
1951
1953
|
}
|
|
1952
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1954
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: SkyListSecondaryActionsComponent, decorators: [{
|
|
1953
1955
|
type: Component,
|
|
1954
1956
|
args: [{ selector: 'sky-list-secondary-actions', providers: [SkyListSecondaryActionsService], changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<ng-template #secondaryActions>\n <sky-list-secondary-actions-host>\n <ng-content />\n </sky-list-secondary-actions-host>\n</ng-template>\n" }]
|
|
1955
1957
|
}], ctorParameters: () => [{ type: ListStateDispatcher }], propDecorators: { secondaryActionsTemplate: [{
|
|
@@ -1964,19 +1966,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImpor
|
|
|
1964
1966
|
* @deprecated List builder and its features are deprecated. Use data manager instead. For more information, see https://developer.blackbaud.com/skyux/components/data-manager.
|
|
1965
1967
|
*/
|
|
1966
1968
|
class SkyListSecondaryActionsModule {
|
|
1967
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1968
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
1969
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: SkyListSecondaryActionsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
1970
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.0.1", ngImport: i0, type: SkyListSecondaryActionsModule, declarations: [SkyListSecondaryActionsComponent,
|
|
1969
1971
|
SkyListSecondaryActionsHostComponent,
|
|
1970
1972
|
SkyListSecondaryActionComponent], imports: [CommonModule,
|
|
1971
1973
|
SkyDropdownModule,
|
|
1972
1974
|
SkyIconModule,
|
|
1973
1975
|
SkyListBuilderResourcesModule], exports: [SkyListSecondaryActionsComponent, SkyListSecondaryActionComponent] }); }
|
|
1974
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
1976
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: SkyListSecondaryActionsModule, imports: [CommonModule,
|
|
1975
1977
|
SkyDropdownModule,
|
|
1976
1978
|
SkyIconModule,
|
|
1977
1979
|
SkyListBuilderResourcesModule] }); }
|
|
1978
1980
|
}
|
|
1979
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1981
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: SkyListSecondaryActionsModule, decorators: [{
|
|
1980
1982
|
type: NgModule,
|
|
1981
1983
|
args: [{
|
|
1982
1984
|
declarations: [
|
|
@@ -2003,14 +2005,15 @@ class SkyListToolbarItemRendererComponent {
|
|
|
2003
2005
|
this.container.createEmbeddedView(this.template, this);
|
|
2004
2006
|
}
|
|
2005
2007
|
}
|
|
2006
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2007
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
2008
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: SkyListToolbarItemRendererComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2009
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.1", type: SkyListToolbarItemRendererComponent, isStandalone: false, selector: "sky-list-toolbar-item-renderer", inputs: { template: "template" }, viewQueries: [{ propertyName: "container", first: true, predicate: ["container"], descendants: true, read: ViewContainerRef, static: true }], ngImport: i0, template: '<ng-template #container />', isInline: true, changeDetection: i0.ChangeDetectionStrategy.Eager }); }
|
|
2008
2010
|
}
|
|
2009
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2011
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: SkyListToolbarItemRendererComponent, decorators: [{
|
|
2010
2012
|
type: Component,
|
|
2011
2013
|
args: [{
|
|
2012
2014
|
selector: 'sky-list-toolbar-item-renderer',
|
|
2013
2015
|
template: '<ng-template #container />',
|
|
2016
|
+
changeDetection: ChangeDetectionStrategy.Eager,
|
|
2014
2017
|
standalone: false,
|
|
2015
2018
|
}]
|
|
2016
2019
|
}], propDecorators: { template: [{
|
|
@@ -2147,12 +2150,12 @@ class SkyListMultiselectToolbarComponent {
|
|
|
2147
2150
|
}
|
|
2148
2151
|
return true;
|
|
2149
2152
|
}
|
|
2150
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2151
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
2153
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: SkyListMultiselectToolbarComponent, deps: [{ token: ListState }, { token: ListStateDispatcher }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2154
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.1", type: SkyListMultiselectToolbarComponent, isStandalone: false, selector: "sky-list-multiselect-toolbar", inputs: { showOnlySelected: "showOnlySelected" }, ngImport: i0, template: "<sky-toolbar class=\"sky-list-multiselect-toolbar\">\n <sky-toolbar-section>\n <sky-toolbar-item>\n <sky-list-toolbar-item-renderer [template]=\"selectAllTemplate\" />\n </sky-toolbar-item>\n <sky-toolbar-item>\n <sky-list-toolbar-item-renderer [template]=\"clearSelectionsTemplate\" />\n </sky-toolbar-item>\n <sky-toolbar-view-actions>\n <ng-container *ngTemplateOutlet=\"showSelectedTemplate\" />\n </sky-toolbar-view-actions>\n </sky-toolbar-section>\n</sky-toolbar>\n\n<ng-template #selectAllTemplate>\n <button\n class=\"sky-btn sky-btn-link\"\n type=\"button\"\n [attr.id]=\"multiselectToolbarId + '-select-all'\"\n (click)=\"selectAll(); $event.preventDefault()\"\n >\n {{ 'skyux_list_multiselect_select_all' | skyLibResources }}\n </button>\n</ng-template>\n\n<ng-template #clearSelectionsTemplate>\n <button\n class=\"sky-btn sky-btn-link\"\n type=\"button\"\n [attr.id]=\"multiselectToolbarId + '-clear-all'\"\n (click)=\"clearSelections(); $event.preventDefault()\"\n >\n {{ 'skyux_list_multiselect_clear_all' | skyLibResources }}\n </button>\n</ng-template>\n\n<ng-template #showSelectedTemplate>\n <sky-checkbox\n [attr.id]=\"multiselectToolbarId + '-show-selected'\"\n [checked]=\"showOnlySelected\"\n (change)=\"changeVisibleItems($event)\"\n >\n <sky-checkbox-label>\n {{ 'skyux_list_multiselect_show_selected' | skyLibResources }}\n </sky-checkbox-label>\n </sky-checkbox>\n</ng-template>\n", styles: [":host-context(sky-toolbar)+.sky-list-multiselect-toolbar ::ng-deep .sky-toolbar-container,:host-context(.sky-list-toolbar-search)+.sky-list-multiselect-toolbar ::ng-deep .sky-toolbar-container{border-top:none}\n"], dependencies: [{ kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i4$1.λ3, selector: "sky-checkbox", inputs: ["label", "labelledBy", "id", "disabled", "tabindex", "name", "helpPopoverContent", "helpPopoverTitle", "iconName", "checkboxType", "checked", "indeterminate", "required", "labelText", "labelHidden", "hintText", "stacked", "helpKey"], outputs: ["change", "checkedChange", "disabledChange", "indeterminateChange"] }, { kind: "component", type: i4$1.λ4, selector: "sky-checkbox-label" }, { kind: "component", type: i5$1.λ37, selector: "sky-toolbar", inputs: ["listDescriptor"] }, { kind: "component", type: i5$1.λ39, selector: "sky-toolbar-item" }, { kind: "component", type: i5$1.λ38, selector: "sky-toolbar-section" }, { kind: "component", type: i5$1.λ40, selector: "sky-toolbar-view-actions" }, { kind: "component", type: SkyListToolbarItemRendererComponent, selector: "sky-list-toolbar-item-renderer", inputs: ["template"] }, { kind: "pipe", type: i5.SkyLibResourcesPipe, name: "skyLibResources" }], changeDetection: i0.ChangeDetectionStrategy.Eager }); }
|
|
2152
2155
|
}
|
|
2153
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2156
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: SkyListMultiselectToolbarComponent, decorators: [{
|
|
2154
2157
|
type: Component,
|
|
2155
|
-
args: [{ selector: 'sky-list-multiselect-toolbar', standalone: false, template: "<sky-toolbar class=\"sky-list-multiselect-toolbar\">\n <sky-toolbar-section>\n <sky-toolbar-item>\n <sky-list-toolbar-item-renderer [template]=\"selectAllTemplate\" />\n </sky-toolbar-item>\n <sky-toolbar-item>\n <sky-list-toolbar-item-renderer [template]=\"clearSelectionsTemplate\" />\n </sky-toolbar-item>\n <sky-toolbar-view-actions>\n <ng-container *ngTemplateOutlet=\"showSelectedTemplate\" />\n </sky-toolbar-view-actions>\n </sky-toolbar-section>\n</sky-toolbar>\n\n<ng-template #selectAllTemplate>\n <button\n class=\"sky-btn sky-btn-link\"\n type=\"button\"\n [attr.id]=\"multiselectToolbarId + '-select-all'\"\n (click)=\"selectAll(); $event.preventDefault()\"\n >\n {{ 'skyux_list_multiselect_select_all' | skyLibResources }}\n </button>\n</ng-template>\n\n<ng-template #clearSelectionsTemplate>\n <button\n class=\"sky-btn sky-btn-link\"\n type=\"button\"\n [attr.id]=\"multiselectToolbarId + '-clear-all'\"\n (click)=\"clearSelections(); $event.preventDefault()\"\n >\n {{ 'skyux_list_multiselect_clear_all' | skyLibResources }}\n </button>\n</ng-template>\n\n<ng-template #showSelectedTemplate>\n <sky-checkbox\n [attr.id]=\"multiselectToolbarId + '-show-selected'\"\n [checked]=\"showOnlySelected\"\n (change)=\"changeVisibleItems($event)\"\n >\n <sky-checkbox-label>\n {{ 'skyux_list_multiselect_show_selected' | skyLibResources }}\n </sky-checkbox-label>\n </sky-checkbox>\n</ng-template>\n", styles: [":host-context(sky-toolbar)+.sky-list-multiselect-toolbar ::ng-deep .sky-toolbar-container,:host-context(.sky-list-toolbar-search)+.sky-list-multiselect-toolbar ::ng-deep .sky-toolbar-container{border-top:none}\n"] }]
|
|
2158
|
+
args: [{ selector: 'sky-list-multiselect-toolbar', changeDetection: ChangeDetectionStrategy.Eager, standalone: false, template: "<sky-toolbar class=\"sky-list-multiselect-toolbar\">\n <sky-toolbar-section>\n <sky-toolbar-item>\n <sky-list-toolbar-item-renderer [template]=\"selectAllTemplate\" />\n </sky-toolbar-item>\n <sky-toolbar-item>\n <sky-list-toolbar-item-renderer [template]=\"clearSelectionsTemplate\" />\n </sky-toolbar-item>\n <sky-toolbar-view-actions>\n <ng-container *ngTemplateOutlet=\"showSelectedTemplate\" />\n </sky-toolbar-view-actions>\n </sky-toolbar-section>\n</sky-toolbar>\n\n<ng-template #selectAllTemplate>\n <button\n class=\"sky-btn sky-btn-link\"\n type=\"button\"\n [attr.id]=\"multiselectToolbarId + '-select-all'\"\n (click)=\"selectAll(); $event.preventDefault()\"\n >\n {{ 'skyux_list_multiselect_select_all' | skyLibResources }}\n </button>\n</ng-template>\n\n<ng-template #clearSelectionsTemplate>\n <button\n class=\"sky-btn sky-btn-link\"\n type=\"button\"\n [attr.id]=\"multiselectToolbarId + '-clear-all'\"\n (click)=\"clearSelections(); $event.preventDefault()\"\n >\n {{ 'skyux_list_multiselect_clear_all' | skyLibResources }}\n </button>\n</ng-template>\n\n<ng-template #showSelectedTemplate>\n <sky-checkbox\n [attr.id]=\"multiselectToolbarId + '-show-selected'\"\n [checked]=\"showOnlySelected\"\n (change)=\"changeVisibleItems($event)\"\n >\n <sky-checkbox-label>\n {{ 'skyux_list_multiselect_show_selected' | skyLibResources }}\n </sky-checkbox-label>\n </sky-checkbox>\n</ng-template>\n", styles: [":host-context(sky-toolbar)+.sky-list-multiselect-toolbar ::ng-deep .sky-toolbar-container,:host-context(.sky-list-toolbar-search)+.sky-list-multiselect-toolbar ::ng-deep .sky-toolbar-container{border-top:none}\n"] }]
|
|
2156
2159
|
}], ctorParameters: () => [{ type: ListState }, { type: ListStateDispatcher }], propDecorators: { showOnlySelected: [{
|
|
2157
2160
|
type: Input
|
|
2158
2161
|
}] } });
|
|
@@ -2183,14 +2186,15 @@ class SkyListToolbarItemComponent {
|
|
|
2183
2186
|
get template() {
|
|
2184
2187
|
return this.templates.length > 0 ? this.templates.first : undefined;
|
|
2185
2188
|
}
|
|
2186
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2187
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
2189
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: SkyListToolbarItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2190
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.1", type: SkyListToolbarItemComponent, isStandalone: false, selector: "sky-list-toolbar-item", inputs: { id: "id", index: "index", location: "location" }, queries: [{ propertyName: "templates", predicate: TemplateRef }], ngImport: i0, template: '<ng-content />', isInline: true, changeDetection: i0.ChangeDetectionStrategy.Eager }); }
|
|
2188
2191
|
}
|
|
2189
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2192
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: SkyListToolbarItemComponent, decorators: [{
|
|
2190
2193
|
type: Component,
|
|
2191
2194
|
args: [{
|
|
2192
2195
|
selector: 'sky-list-toolbar-item',
|
|
2193
2196
|
template: '<ng-content />',
|
|
2197
|
+
changeDetection: ChangeDetectionStrategy.Eager,
|
|
2194
2198
|
standalone: false,
|
|
2195
2199
|
}]
|
|
2196
2200
|
}], propDecorators: { id: [{
|
|
@@ -2209,10 +2213,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImpor
|
|
|
2209
2213
|
* @deprecated
|
|
2210
2214
|
*/
|
|
2211
2215
|
class SkyListToolbarSearchActionsComponent {
|
|
2212
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2213
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
2216
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: SkyListToolbarSearchActionsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2217
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.1", type: SkyListToolbarSearchActionsComponent, isStandalone: false, selector: "sky-list-toolbar-search-actions", ngImport: i0, template: "<div class=\"sky-list-toolbar-search-actions\">\n <ng-content />\n</div>\n", styles: [".sky-list-toolbar-search-actions{margin-left:10px}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
2214
2218
|
}
|
|
2215
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2219
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: SkyListToolbarSearchActionsComponent, decorators: [{
|
|
2216
2220
|
type: Component,
|
|
2217
2221
|
args: [{ selector: 'sky-list-toolbar-search-actions', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<div class=\"sky-list-toolbar-search-actions\">\n <ng-content />\n</div>\n", styles: [".sky-list-toolbar-search-actions{margin-left:10px}\n"] }]
|
|
2218
2222
|
}] });
|
|
@@ -2222,14 +2226,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImpor
|
|
|
2222
2226
|
* @deprecated
|
|
2223
2227
|
*/
|
|
2224
2228
|
class SkyListToolbarSortComponent {
|
|
2225
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2226
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
2229
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: SkyListToolbarSortComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2230
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.1", type: SkyListToolbarSortComponent, isStandalone: false, selector: "sky-list-toolbar-sort", inputs: { label: "label", field: "field", type: "type", descending: "descending" }, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.Eager }); }
|
|
2227
2231
|
}
|
|
2228
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2232
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: SkyListToolbarSortComponent, decorators: [{
|
|
2229
2233
|
type: Component,
|
|
2230
2234
|
args: [{
|
|
2231
2235
|
selector: 'sky-list-toolbar-sort',
|
|
2232
2236
|
template: '',
|
|
2237
|
+
changeDetection: ChangeDetectionStrategy.Eager,
|
|
2233
2238
|
standalone: false,
|
|
2234
2239
|
}]
|
|
2235
2240
|
}], propDecorators: { label: [{
|
|
@@ -2257,12 +2262,12 @@ class SkyListToolbarViewActionsComponent {
|
|
|
2257
2262
|
replacementRecommendation: 'Use data manager instead.',
|
|
2258
2263
|
});
|
|
2259
2264
|
}
|
|
2260
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2261
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
2265
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: SkyListToolbarViewActionsComponent, deps: [{ token: i3.SkyLogService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2266
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.1", type: SkyListToolbarViewActionsComponent, isStandalone: false, selector: "sky-list-toolbar-view-actions", ngImport: i0, template: "<ng-content />\n", styles: [":host{display:flex;align-items:center}:host::ng-deep>:not(:last-child){margin-right:5px}.sky-list-toolbar-view-actions ::ng-deep>:not(:last-child){margin-right:5px}\n"], changeDetection: i0.ChangeDetectionStrategy.Eager }); }
|
|
2262
2267
|
}
|
|
2263
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2268
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: SkyListToolbarViewActionsComponent, decorators: [{
|
|
2264
2269
|
type: Component,
|
|
2265
|
-
args: [{ selector: 'sky-list-toolbar-view-actions', standalone: false, template: "<ng-content />\n", styles: [":host{display:flex;align-items:center}:host::ng-deep>:not(:last-child){margin-right:5px}.sky-list-toolbar-view-actions ::ng-deep>:not(:last-child){margin-right:5px}\n"] }]
|
|
2270
|
+
args: [{ selector: 'sky-list-toolbar-view-actions', changeDetection: ChangeDetectionStrategy.Eager, standalone: false, template: "<ng-content />\n", styles: [":host{display:flex;align-items:center}:host::ng-deep>:not(:last-child){margin-right:5px}.sky-list-toolbar-view-actions ::ng-deep>:not(:last-child){margin-right:5px}\n"] }]
|
|
2266
2271
|
}], ctorParameters: () => [{ type: i3.SkyLogService }] });
|
|
2267
2272
|
|
|
2268
2273
|
/**
|
|
@@ -2311,10 +2316,10 @@ class ListToolbarStateModel {
|
|
|
2311
2316
|
* @internal
|
|
2312
2317
|
*/
|
|
2313
2318
|
class ListToolbarStateDispatcher extends StateDispatcher {
|
|
2314
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2315
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
2319
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: ListToolbarStateDispatcher, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
2320
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: ListToolbarStateDispatcher }); }
|
|
2316
2321
|
}
|
|
2317
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2322
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: ListToolbarStateDispatcher, decorators: [{
|
|
2318
2323
|
type: Injectable
|
|
2319
2324
|
}] });
|
|
2320
2325
|
/**
|
|
@@ -2348,10 +2353,10 @@ class ListToolbarState extends StateNode {
|
|
|
2348
2353
|
super(initialState, dispatcher);
|
|
2349
2354
|
this.register('config', ListToolbarConfigOrchestrator).begin();
|
|
2350
2355
|
}
|
|
2351
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2352
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
2356
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: ListToolbarState, deps: [{ token: ListToolbarStateModel }, { token: ListToolbarStateDispatcher }], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
2357
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: ListToolbarState }); }
|
|
2353
2358
|
}
|
|
2354
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2359
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: ListToolbarState, decorators: [{
|
|
2355
2360
|
type: Injectable
|
|
2356
2361
|
}], ctorParameters: () => [{ type: ListToolbarStateModel }, { type: ListToolbarStateDispatcher }] });
|
|
2357
2362
|
|
|
@@ -2617,14 +2622,14 @@ class SkyListToolbarComponent {
|
|
|
2617
2622
|
this.changeDetector.markForCheck();
|
|
2618
2623
|
});
|
|
2619
2624
|
}
|
|
2620
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2621
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
2625
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: SkyListToolbarComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: ListState }, { token: ListStateDispatcher }, { token: ListToolbarState }, { token: ListToolbarStateDispatcher }, { token: i3.SkyLogService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2626
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.1", type: SkyListToolbarComponent, isStandalone: false, selector: "sky-list-toolbar", inputs: { inMemorySearchEnabled: "inMemorySearchEnabled", placeholder: "placeholder", searchEnabled: "searchEnabled", sortSelectorEnabled: "sortSelectorEnabled", toolbarType: "toolbarType", searchText: "searchText" }, providers: [
|
|
2622
2627
|
ListToolbarState,
|
|
2623
2628
|
ListToolbarStateDispatcher,
|
|
2624
2629
|
ListToolbarStateModel,
|
|
2625
2630
|
], queries: [{ propertyName: "toolbarItems", predicate: SkyListToolbarItemComponent }, { propertyName: "toolbarSorts", predicate: SkyListToolbarSortComponent }, { propertyName: "filterSummary", predicate: SkyListFilterSummaryComponent }, { propertyName: "inlineFilter", predicate: SkyListFilterInlineComponent }, { propertyName: "viewActions", predicate: SkyListToolbarViewActionsComponent }], viewQueries: [{ propertyName: "searchComponent", first: true, predicate: SkySearchComponent, descendants: true, read: SkySearchComponent }, { propertyName: "searchTemplate", first: true, predicate: ["search"], descendants: true, read: TemplateRef, static: true }, { propertyName: "sortSelectorTemplate", first: true, predicate: ["sortSelector"], descendants: true, read: TemplateRef, static: true }, { propertyName: "inlineFilterButtonTemplate", first: true, predicate: ["inlineFilterButton"], descendants: true, read: TemplateRef, static: true }], ngImport: i0, template: "<div class=\"sky-list-toolbar-container\">\n @if ((type | async) !== 'search') {\n <sky-toolbar>\n <sky-toolbar-section>\n @for (item of leftTemplates; track item) {\n <sky-toolbar-item>\n <sky-list-toolbar-item-renderer\n [attr.sky-cmp-id]=\"item.id\"\n [template]=\"item.template\"\n />\n </sky-toolbar-item>\n }\n @for (item of centerTemplates; track item) {\n <sky-toolbar-item>\n <sky-list-toolbar-item-renderer\n [attr.sky-cmp-id]=\"item.id\"\n [template]=\"item.template\"\n />\n </sky-toolbar-item>\n }\n @for (item of rightTemplates; track item) {\n <sky-toolbar-item [attr.sky-toolbar-id]=\"item.id\">\n <sky-list-toolbar-item-renderer\n [attr.sky-cmp-id]=\"item.id\"\n [template]=\"item.template\"\n />\n </sky-toolbar-item>\n }\n <ng-content />\n @if (hasViewActions) {\n <sky-toolbar-view-actions>\n <ng-content select=\"sky-list-toolbar-view-actions\" />\n </sky-toolbar-view-actions>\n }\n </sky-toolbar-section>\n @if (showFilterSummary && (hasAppliedFilters | async)) {\n <sky-toolbar-section>\n <ng-content select=\"sky-list-filter-summary\" />\n </sky-toolbar-section>\n }\n </sky-toolbar>\n }\n\n @if (\n (type | async) === 'search' &&\n ((isSearchEnabled | async) || hasAdditionalToolbarSection)\n ) {\n <div class=\"sky-list-toolbar-search\">\n <sky-toolbar>\n @if (isSearchEnabled | async) {\n <sky-toolbar-section>\n <sky-toolbar-item>\n <sky-list-toolbar-item-renderer\n sky-cmp-id=\"search\"\n [template]=\"search\"\n />\n </sky-toolbar-item>\n </sky-toolbar-section>\n }\n <sky-toolbar-section [hidden]=\"!hasAdditionalToolbarSection\">\n @for (item of leftTemplates; track item) {\n <sky-toolbar-item>\n <sky-list-toolbar-item-renderer\n [attr.sky-cmp-id]=\"item.id\"\n [template]=\"item.template\"\n />\n </sky-toolbar-item>\n }\n @for (item of centerTemplates; track item) {\n <sky-toolbar-item>\n <sky-list-toolbar-item-renderer\n [attr.sky-cmp-id]=\"item.id\"\n [template]=\"item.template\"\n />\n </sky-toolbar-item>\n }\n @for (item of rightTemplates; track item) {\n <sky-toolbar-item [attr.sky-toolbar-id]=\"item.id\">\n @if (item.id !== 'search') {\n <sky-list-toolbar-item-renderer\n [attr.sky-cmp-id]=\"item.id\"\n [template]=\"item.template\"\n />\n }\n </sky-toolbar-item>\n }\n <ng-content />\n @if (hasViewActions) {\n <sky-toolbar-view-actions>\n <ng-content select=\"sky-list-toolbar-view-actions\" />\n </sky-toolbar-view-actions>\n }\n </sky-toolbar-section>\n </sky-toolbar>\n </div>\n }\n @if (isFilterBarDisplayed) {\n <div [attr.aria-labelledby]=\"filterButtonId\" [id]=\"listFilterInlineId\">\n <ng-content select=\"sky-list-filter-inline\" />\n </div>\n }\n @if (isMultiselectEnabled | async) {\n <sky-list-multiselect-toolbar />\n }\n</div>\n\n<ng-template #search>\n @if (isSearchEnabled | async) {\n <div class=\"sky-list-toolbar-search-wrapper\">\n <sky-search\n [disabled]=\"isToolbarDisabled\"\n [expandMode]=\"(type | async) === 'search' ? 'fit' : 'responsive'\"\n [placeholderText]=\"placeholder\"\n [searchText]=\"searchTextInput | async\"\n (searchApply)=\"updateSearchText($event)\"\n />\n <ng-content select=\"sky-list-toolbar-search-actions\" />\n </div>\n }\n</ng-template>\n\n<ng-template #sortSelector>\n @if ((isSortSelectorEnabled | async) && (sortSelectors | async).length > 0) {\n <div class=\"sky-toolbar-item-sort-container\">\n <sky-sort [showButtonText]=\"true\">\n @for (item of sortSelectors | async; track item) {\n <sky-sort-item\n [active]=\"item.selected\"\n (itemSelect)=\"setSort(item.sort)\"\n >\n {{ item.sort.text }}\n </sky-sort-item>\n }\n </sky-sort>\n </div>\n }\n</ng-template>\n\n<ng-template #inlineFilterButton>\n <sky-filter-button\n [active]=\"hasAppliedFilters | async\"\n [ariaControls]=\"filterButtonAriaControls\"\n [ariaExpanded]=\"inlineFilterBarExpanded\"\n [disabled]=\"isToolbarDisabled\"\n [filterButtonId]=\"filterButtonId\"\n [showButtonText]=\"true\"\n (filterButtonClick)=\"inlineFilterButtonClick()\"\n />\n</ng-template>\n", styles: [".sky-list-toolbar-container:not(.sky-theme-modern *){--sky-override-list-toolbar-search-background: #eeeeef;--sky-override-list-toolbar-search-disabled-background: #cdcfd2}.sky-list-toolbar-search-wrapper{display:flex}.sky-list-toolbar-search-wrapper ::ng-deep .sky-search-dismiss-absolute{padding:0;position:static}.sky-list-toolbar-search-wrapper ::ng-deep .sky-search-container{position:relative;height:100%}.sky-list-toolbar-search-wrapper ::ng-deep sky-search{flex:1 1 auto}.sky-list-toolbar-search-wrapper ::ng-deep sky-list-toolbar-search-actions{flex:0 0 auto;z-index:1}.sky-list-toolbar-container ::ng-deep .sky-toolbar-section-items sky-toolbar-item{flex:0 1 auto;align-self:flex-start}.sky-list-toolbar-search ::ng-deep .sky-toolbar-section{padding-top:0}.sky-list-toolbar-search ::ng-deep .sky-toolbar-section-items{display:block;width:100%}.sky-list-toolbar-search ::ng-deep .sky-toolbar-item{margin:0}.sky-list-toolbar-search ::ng-deep .sky-toolbar-container,.sky-list-toolbar-search ::ng-deep .sky-search-dismiss-absolute{background-color:var(--sky-override-list-toolbar-search-background, var(--sky-color-background-container-base))}.sky-list-toolbar-search ::ng-deep input[type=text]:disabled,.sky-list-toolbar-search ::ng-deep .sky-search-btn:disabled{background-color:var(--sky-override-list-toolbar-search-disabled-background);opacity:1}.sky-list-toolbar-container ::ng-deep sky-toolbar-item[sky-toolbar-id=sort-selector] .sky-toolbar-item{margin-right:0}.sky-list-toolbar-container ::ng-deep sky-checkbox{position:relative;top:-2px}\n"], dependencies: [{ kind: "component", type: i5$1.λ37, selector: "sky-toolbar", inputs: ["listDescriptor"] }, { kind: "component", type: i5$1.λ39, selector: "sky-toolbar-item" }, { kind: "component", type: i5$1.λ38, selector: "sky-toolbar-section" }, { kind: "component", type: i5$1.λ40, selector: "sky-toolbar-view-actions" }, { kind: "component", type: i7.SkySearchComponent, selector: "sky-search", inputs: ["ariaLabel", "ariaLabelledBy", "searchText", "expandMode", "debounceTime", "disabled", "placeholderText"], outputs: ["searchApply", "searchChange", "searchClear"] }, { kind: "component", type: i3$1.λ14, selector: "sky-sort", inputs: ["ariaLabel", "showButtonText"] }, { kind: "component", type: i3$1.λ13, selector: "sky-sort-item", inputs: ["active"], outputs: ["itemSelect"] }, { kind: "component", type: i3$1.λ1, selector: "sky-filter-button", inputs: ["filterButtonId", "ariaControls", "ariaExpanded", "ariaLabel", "active", "disabled", "showButtonText"], outputs: ["filterButtonClick"] }, { kind: "component", type: SkyListToolbarItemRendererComponent, selector: "sky-list-toolbar-item-renderer", inputs: ["template"] }, { kind: "component", type: SkyListMultiselectToolbarComponent, selector: "sky-list-multiselect-toolbar", inputs: ["showOnlySelected"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
2626
2631
|
}
|
|
2627
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2632
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: SkyListToolbarComponent, decorators: [{
|
|
2628
2633
|
type: Component,
|
|
2629
2634
|
args: [{ selector: 'sky-list-toolbar', providers: [
|
|
2630
2635
|
ListToolbarState,
|
|
@@ -2688,8 +2693,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImpor
|
|
|
2688
2693
|
* @deprecated List builder and its features are deprecated. Use data manager instead. For more information, see https://developer.blackbaud.com/skyux/components/data-manager.
|
|
2689
2694
|
*/
|
|
2690
2695
|
class SkyListToolbarModule {
|
|
2691
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2692
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
2696
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: SkyListToolbarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
2697
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.0.1", ngImport: i0, type: SkyListToolbarModule, declarations: [SkyListToolbarComponent,
|
|
2693
2698
|
SkyListToolbarItemComponent,
|
|
2694
2699
|
SkyListToolbarItemRendererComponent,
|
|
2695
2700
|
SkyListMultiselectToolbarComponent,
|
|
@@ -2708,7 +2713,7 @@ class SkyListToolbarModule {
|
|
|
2708
2713
|
SkyListToolbarSearchActionsComponent,
|
|
2709
2714
|
SkyListToolbarSortComponent,
|
|
2710
2715
|
SkyListToolbarViewActionsComponent] }); }
|
|
2711
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
2716
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: SkyListToolbarModule, imports: [CommonModule,
|
|
2712
2717
|
SkyCheckboxModule,
|
|
2713
2718
|
SkyToolbarModule,
|
|
2714
2719
|
SkySearchModule,
|
|
@@ -2718,7 +2723,7 @@ class SkyListToolbarModule {
|
|
|
2718
2723
|
SkyIconModule,
|
|
2719
2724
|
SkyListBuilderResourcesModule] }); }
|
|
2720
2725
|
}
|
|
2721
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2726
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: SkyListToolbarModule, decorators: [{
|
|
2722
2727
|
type: NgModule,
|
|
2723
2728
|
args: [{
|
|
2724
2729
|
declarations: [
|