@skyux/data-manager 8.0.0-alpha.1 → 8.0.0-alpha.10
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/documentation.json +146 -146
- package/esm2020/lib/modules/data-manager/data-manager-column-picker/data-manager-column-picker-impl.service.mjs +3 -3
- package/esm2020/lib/modules/data-manager/data-manager-column-picker/data-manager-column-picker.component.mjs +11 -11
- package/esm2020/lib/modules/data-manager/data-manager-column-picker/data-manager-column-picker.service.mjs +3 -3
- package/esm2020/lib/modules/data-manager/data-manager-toolbar/data-manager-toolbar-left-item.component.mjs +3 -3
- package/esm2020/lib/modules/data-manager/data-manager-toolbar/data-manager-toolbar-primary-item.component.mjs +3 -3
- package/esm2020/lib/modules/data-manager/data-manager-toolbar/data-manager-toolbar-right-item.component.mjs +3 -3
- package/esm2020/lib/modules/data-manager/data-manager-toolbar/data-manager-toolbar-section.component.mjs +3 -3
- package/esm2020/lib/modules/data-manager/data-manager-toolbar/data-manager-toolbar.component.mjs +21 -21
- package/esm2020/lib/modules/data-manager/data-manager.component.mjs +20 -20
- package/esm2020/lib/modules/data-manager/data-manager.module.mjs +4 -4
- package/esm2020/lib/modules/data-manager/data-manager.service.mjs +3 -3
- package/esm2020/lib/modules/data-manager/data-view.component.mjs +11 -11
- package/esm2020/lib/modules/shared/sky-data-manager-resources.module.mjs +4 -4
- package/fesm2015/skyux-data-manager.mjs +88 -88
- package/fesm2015/skyux-data-manager.mjs.map +1 -1
- package/fesm2020/skyux-data-manager.mjs +88 -88
- package/fesm2020/skyux-data-manager.mjs.map +1 -1
- package/package.json +13 -13
|
@@ -58,16 +58,16 @@ class SkyDataManagerResourcesProvider {
|
|
|
58
58
|
*/
|
|
59
59
|
class SkyDataManagerResourcesModule {
|
|
60
60
|
}
|
|
61
|
-
SkyDataManagerResourcesModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1
|
|
62
|
-
SkyDataManagerResourcesModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.1
|
|
63
|
-
SkyDataManagerResourcesModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.1
|
|
61
|
+
SkyDataManagerResourcesModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.1", ngImport: i0, type: SkyDataManagerResourcesModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
62
|
+
SkyDataManagerResourcesModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.1", ngImport: i0, type: SkyDataManagerResourcesModule, exports: [SkyI18nModule] });
|
|
63
|
+
SkyDataManagerResourcesModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.1", ngImport: i0, type: SkyDataManagerResourcesModule, providers: [
|
|
64
64
|
{
|
|
65
65
|
provide: SKY_LIB_RESOURCES_PROVIDERS,
|
|
66
66
|
useClass: SkyDataManagerResourcesProvider,
|
|
67
67
|
multi: true,
|
|
68
68
|
},
|
|
69
69
|
], imports: [SkyI18nModule] });
|
|
70
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1
|
|
70
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.1", ngImport: i0, type: SkyDataManagerResourcesModule, decorators: [{
|
|
71
71
|
type: NgModule,
|
|
72
72
|
args: [{
|
|
73
73
|
exports: [SkyI18nModule],
|
|
@@ -458,9 +458,9 @@ _SkyDataManagerService_activeViewId = new WeakMap(), _SkyDataManagerService_data
|
|
|
458
458
|
return JSON.stringify(filteredState1) === JSON.stringify(filteredState2);
|
|
459
459
|
};
|
|
460
460
|
};
|
|
461
|
-
SkyDataManagerService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1
|
|
462
|
-
SkyDataManagerService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.1
|
|
463
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1
|
|
461
|
+
SkyDataManagerService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.1", ngImport: i0, type: SkyDataManagerService, deps: [{ token: i1.SkyUIConfigService }], target: i0.ɵɵFactoryTarget.Injectable });
|
|
462
|
+
SkyDataManagerService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.1", ngImport: i0, type: SkyDataManagerService });
|
|
463
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.1", ngImport: i0, type: SkyDataManagerService, decorators: [{
|
|
464
464
|
type: Injectable
|
|
465
465
|
}], ctorParameters: function () { return [{ type: i1.SkyUIConfigService }]; } });
|
|
466
466
|
|
|
@@ -494,22 +494,6 @@ const VIEWKEEPER_CLASSES_DEFAULT = ['.sky-data-manager-toolbar'];
|
|
|
494
494
|
* The top-level data manager component. Provide `SkyDataManagerService` at this level.
|
|
495
495
|
*/
|
|
496
496
|
class SkyDataManagerComponent {
|
|
497
|
-
constructor(changeDetection, dataManagerService) {
|
|
498
|
-
this.backToTopController = new Subject();
|
|
499
|
-
this.backToTopOptions = {
|
|
500
|
-
buttonHidden: true,
|
|
501
|
-
};
|
|
502
|
-
_SkyDataManagerComponent_activeViewId.set(this, void 0);
|
|
503
|
-
_SkyDataManagerComponent_allViewkeeperClasses.set(this, {});
|
|
504
|
-
_SkyDataManagerComponent_ngUnsubscribe.set(this, new Subject());
|
|
505
|
-
_SkyDataManagerComponent_sourceId.set(this, 'dataManagerComponent');
|
|
506
|
-
_SkyDataManagerComponent_changeDetection.set(this, void 0);
|
|
507
|
-
_SkyDataManagerComponent_dataManagerService.set(this, void 0);
|
|
508
|
-
_SkyDataManagerComponent__isInitialized.set(this, false);
|
|
509
|
-
_SkyDataManagerComponent__currentViewkeeperClasses.set(this, VIEWKEEPER_CLASSES_DEFAULT);
|
|
510
|
-
__classPrivateFieldSet(this, _SkyDataManagerComponent_changeDetection, changeDetection, "f");
|
|
511
|
-
__classPrivateFieldSet(this, _SkyDataManagerComponent_dataManagerService, dataManagerService, "f");
|
|
512
|
-
}
|
|
513
497
|
get currentViewkeeperClasses() {
|
|
514
498
|
return __classPrivateFieldGet(this, _SkyDataManagerComponent__currentViewkeeperClasses, "f");
|
|
515
499
|
}
|
|
@@ -527,6 +511,22 @@ class SkyDataManagerComponent {
|
|
|
527
511
|
__classPrivateFieldSet(this, _SkyDataManagerComponent__isInitialized, value, "f");
|
|
528
512
|
__classPrivateFieldGet(this, _SkyDataManagerComponent_changeDetection, "f").markForCheck();
|
|
529
513
|
}
|
|
514
|
+
constructor(changeDetection, dataManagerService) {
|
|
515
|
+
this.backToTopController = new Subject();
|
|
516
|
+
this.backToTopOptions = {
|
|
517
|
+
buttonHidden: true,
|
|
518
|
+
};
|
|
519
|
+
_SkyDataManagerComponent_activeViewId.set(this, void 0);
|
|
520
|
+
_SkyDataManagerComponent_allViewkeeperClasses.set(this, {});
|
|
521
|
+
_SkyDataManagerComponent_ngUnsubscribe.set(this, new Subject());
|
|
522
|
+
_SkyDataManagerComponent_sourceId.set(this, 'dataManagerComponent');
|
|
523
|
+
_SkyDataManagerComponent_changeDetection.set(this, void 0);
|
|
524
|
+
_SkyDataManagerComponent_dataManagerService.set(this, void 0);
|
|
525
|
+
_SkyDataManagerComponent__isInitialized.set(this, false);
|
|
526
|
+
_SkyDataManagerComponent__currentViewkeeperClasses.set(this, VIEWKEEPER_CLASSES_DEFAULT);
|
|
527
|
+
__classPrivateFieldSet(this, _SkyDataManagerComponent_changeDetection, changeDetection, "f");
|
|
528
|
+
__classPrivateFieldSet(this, _SkyDataManagerComponent_dataManagerService, dataManagerService, "f");
|
|
529
|
+
}
|
|
530
530
|
ngOnInit() {
|
|
531
531
|
__classPrivateFieldGet(this, _SkyDataManagerComponent_dataManagerService, "f")
|
|
532
532
|
.getDataStateUpdates(__classPrivateFieldGet(this, _SkyDataManagerComponent_sourceId, "f"))
|
|
@@ -558,9 +558,9 @@ class SkyDataManagerComponent {
|
|
|
558
558
|
}
|
|
559
559
|
}
|
|
560
560
|
_SkyDataManagerComponent_activeViewId = new WeakMap(), _SkyDataManagerComponent_allViewkeeperClasses = new WeakMap(), _SkyDataManagerComponent_ngUnsubscribe = new WeakMap(), _SkyDataManagerComponent_sourceId = new WeakMap(), _SkyDataManagerComponent_changeDetection = new WeakMap(), _SkyDataManagerComponent_dataManagerService = new WeakMap(), _SkyDataManagerComponent__isInitialized = new WeakMap(), _SkyDataManagerComponent__currentViewkeeperClasses = new WeakMap();
|
|
561
|
-
SkyDataManagerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1
|
|
562
|
-
SkyDataManagerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1
|
|
563
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1
|
|
561
|
+
SkyDataManagerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.1", ngImport: i0, type: SkyDataManagerComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: SkyDataManagerService }], target: i0.ɵɵFactoryTarget.Component });
|
|
562
|
+
SkyDataManagerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.1", type: SkyDataManagerComponent, selector: "sky-data-manager", ngImport: i0, template: "<div\n *ngIf=\"isInitialized\"\n class=\"sky-data-manager\"\n [skyBackToTop]=\"backToTopOptions\"\n [skyBackToTopMessageStream]=\"backToTopController\"\n [skyViewkeeper]=\"currentViewkeeperClasses\"\n #dataManager\n>\n <ng-content></ng-content>\n</div>\n", dependencies: [{ kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i10.λ7, selector: "[skyBackToTop]", inputs: ["skyBackToTop", "skyBackToTopMessageStream"] }, { kind: "directive", type: i1.λ3, selector: "[skyViewkeeper]", inputs: ["skyViewkeeper"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
563
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.1", ngImport: i0, type: SkyDataManagerComponent, decorators: [{
|
|
564
564
|
type: Component,
|
|
565
565
|
args: [{ selector: 'sky-data-manager', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\n *ngIf=\"isInitialized\"\n class=\"sky-data-manager\"\n [skyBackToTop]=\"backToTopOptions\"\n [skyBackToTopMessageStream]=\"backToTopController\"\n [skyViewkeeper]=\"currentViewkeeperClasses\"\n #dataManager\n>\n <ng-content></ng-content>\n</div>\n" }]
|
|
566
566
|
}], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: SkyDataManagerService }]; } });
|
|
@@ -580,9 +580,9 @@ class SkyDataManagerFilterModalContext {
|
|
|
580
580
|
*/
|
|
581
581
|
class SkyDataManagerColumnPickerService {
|
|
582
582
|
}
|
|
583
|
-
SkyDataManagerColumnPickerService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1
|
|
584
|
-
SkyDataManagerColumnPickerService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.1
|
|
585
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1
|
|
583
|
+
SkyDataManagerColumnPickerService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.1", ngImport: i0, type: SkyDataManagerColumnPickerService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
|
|
584
|
+
SkyDataManagerColumnPickerService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.1", ngImport: i0, type: SkyDataManagerColumnPickerService });
|
|
585
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.1", ngImport: i0, type: SkyDataManagerColumnPickerService, decorators: [{
|
|
586
586
|
type: Injectable
|
|
587
587
|
}] });
|
|
588
588
|
|
|
@@ -593,23 +593,6 @@ var _SkyDataManagerToolbarComponent_ngUnsubscribe, _SkyDataManagerToolbarCompone
|
|
|
593
593
|
* and `SkyDataManagerToolbarSectionComponent` wrappers.
|
|
594
594
|
*/
|
|
595
595
|
class SkyDataManagerToolbarComponent {
|
|
596
|
-
constructor(changeDetector, dataManagerService, modalService, columnPickerService) {
|
|
597
|
-
_SkyDataManagerToolbarComponent_ngUnsubscribe.set(this, new Subject());
|
|
598
|
-
_SkyDataManagerToolbarComponent_changeDetector.set(this, void 0);
|
|
599
|
-
_SkyDataManagerToolbarComponent_dataManagerService.set(this, void 0);
|
|
600
|
-
_SkyDataManagerToolbarComponent_modalService.set(this, void 0);
|
|
601
|
-
_SkyDataManagerToolbarComponent_columnPickerService.set(this, void 0);
|
|
602
|
-
// the source to provide for data state changes
|
|
603
|
-
_SkyDataManagerToolbarComponent__source.set(this, 'toolbar');
|
|
604
|
-
_SkyDataManagerToolbarComponent__activeView.set(this, void 0);
|
|
605
|
-
_SkyDataManagerToolbarComponent__dataManagerConfig.set(this, void 0);
|
|
606
|
-
_SkyDataManagerToolbarComponent__dataState.set(this, void 0);
|
|
607
|
-
_SkyDataManagerToolbarComponent__views.set(this, []);
|
|
608
|
-
__classPrivateFieldSet(this, _SkyDataManagerToolbarComponent_changeDetector, changeDetector, "f");
|
|
609
|
-
__classPrivateFieldSet(this, _SkyDataManagerToolbarComponent_dataManagerService, dataManagerService, "f");
|
|
610
|
-
__classPrivateFieldSet(this, _SkyDataManagerToolbarComponent_modalService, modalService, "f");
|
|
611
|
-
__classPrivateFieldSet(this, _SkyDataManagerToolbarComponent_columnPickerService, columnPickerService, "f");
|
|
612
|
-
}
|
|
613
596
|
get activeView() {
|
|
614
597
|
return __classPrivateFieldGet(this, _SkyDataManagerToolbarComponent__activeView, "f");
|
|
615
598
|
}
|
|
@@ -640,6 +623,23 @@ class SkyDataManagerToolbarComponent {
|
|
|
640
623
|
__classPrivateFieldSet(this, _SkyDataManagerToolbarComponent__views, value, "f");
|
|
641
624
|
__classPrivateFieldGet(this, _SkyDataManagerToolbarComponent_changeDetector, "f").markForCheck();
|
|
642
625
|
}
|
|
626
|
+
constructor(changeDetector, dataManagerService, modalService, columnPickerService) {
|
|
627
|
+
_SkyDataManagerToolbarComponent_ngUnsubscribe.set(this, new Subject());
|
|
628
|
+
_SkyDataManagerToolbarComponent_changeDetector.set(this, void 0);
|
|
629
|
+
_SkyDataManagerToolbarComponent_dataManagerService.set(this, void 0);
|
|
630
|
+
_SkyDataManagerToolbarComponent_modalService.set(this, void 0);
|
|
631
|
+
_SkyDataManagerToolbarComponent_columnPickerService.set(this, void 0);
|
|
632
|
+
// the source to provide for data state changes
|
|
633
|
+
_SkyDataManagerToolbarComponent__source.set(this, 'toolbar');
|
|
634
|
+
_SkyDataManagerToolbarComponent__activeView.set(this, void 0);
|
|
635
|
+
_SkyDataManagerToolbarComponent__dataManagerConfig.set(this, void 0);
|
|
636
|
+
_SkyDataManagerToolbarComponent__dataState.set(this, void 0);
|
|
637
|
+
_SkyDataManagerToolbarComponent__views.set(this, []);
|
|
638
|
+
__classPrivateFieldSet(this, _SkyDataManagerToolbarComponent_changeDetector, changeDetector, "f");
|
|
639
|
+
__classPrivateFieldSet(this, _SkyDataManagerToolbarComponent_dataManagerService, dataManagerService, "f");
|
|
640
|
+
__classPrivateFieldSet(this, _SkyDataManagerToolbarComponent_modalService, modalService, "f");
|
|
641
|
+
__classPrivateFieldSet(this, _SkyDataManagerToolbarComponent_columnPickerService, columnPickerService, "f");
|
|
642
|
+
}
|
|
643
643
|
ngOnInit() {
|
|
644
644
|
__classPrivateFieldGet(this, _SkyDataManagerToolbarComponent_dataManagerService, "f")
|
|
645
645
|
.getActiveViewIdUpdates()
|
|
@@ -762,9 +762,9 @@ class SkyDataManagerToolbarComponent {
|
|
|
762
762
|
}
|
|
763
763
|
}
|
|
764
764
|
_SkyDataManagerToolbarComponent_ngUnsubscribe = new WeakMap(), _SkyDataManagerToolbarComponent_changeDetector = new WeakMap(), _SkyDataManagerToolbarComponent_dataManagerService = new WeakMap(), _SkyDataManagerToolbarComponent_modalService = new WeakMap(), _SkyDataManagerToolbarComponent_columnPickerService = new WeakMap(), _SkyDataManagerToolbarComponent__source = new WeakMap(), _SkyDataManagerToolbarComponent__activeView = new WeakMap(), _SkyDataManagerToolbarComponent__dataManagerConfig = new WeakMap(), _SkyDataManagerToolbarComponent__dataState = new WeakMap(), _SkyDataManagerToolbarComponent__views = new WeakMap();
|
|
765
|
-
SkyDataManagerToolbarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1
|
|
766
|
-
SkyDataManagerToolbarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1
|
|
767
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1
|
|
765
|
+
SkyDataManagerToolbarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.1", ngImport: i0, type: SkyDataManagerToolbarComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: SkyDataManagerService }, { token: i3.SkyModalService }, { token: SkyDataManagerColumnPickerService }], target: i0.ɵɵFactoryTarget.Component });
|
|
766
|
+
SkyDataManagerToolbarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.1", type: SkyDataManagerToolbarComponent, selector: "sky-data-manager-toolbar", ngImport: i0, template: "<div class=\"sky-data-manager-toolbar\">\n <sky-toolbar>\n <sky-toolbar-section>\n <ng-content select=\"sky-data-manager-toolbar-primary-item\"></ng-content>\n\n <sky-toolbar-item *ngIf=\"activeView?.filterButtonEnabled\">\n <sky-filter-button\n [showButtonText]=\"activeView?.showFilterButtonText\"\n (filterButtonClick)=\"filterButtonClicked()\"\n >\n </sky-filter-button>\n </sky-toolbar-item>\n\n <sky-toolbar-item *ngIf=\"activeView?.sortEnabled\">\n <sky-sort [showButtonText]=\"activeView?.showSortButtonText\">\n <sky-sort-item\n *ngFor=\"let item of dataManagerConfig?.sortOptions\"\n [active]=\"!!(dataState?.activeSortOption?.id === item.id)\"\n (itemSelect)=\"sortSelected(item)\"\n >\n {{ item.label }}\n </sky-sort-item>\n </sky-sort>\n </sky-toolbar-item>\n\n <sky-toolbar-item *ngIf=\"activeView?.columnPickerEnabled\">\n <button\n class=\"sky-btn sky-btn-default sky-col-picker-btn\"\n type=\"button\"\n [attr.aria-label]=\"\n 'skyux_data_manager_columns_button_title' | skyLibResources\n \"\n [attr.title]=\"\n 'skyux_data_manager_columns_button_title' | skyLibResources\n \"\n (click)=\"openColumnPicker()\"\n >\n <sky-icon icon=\"columns\"></sky-icon>\n <span class=\"sky-column-selector-action-btn-text\">\n {{ 'skyux_data_manager_columns_button_title' | skyLibResources }}\n </span>\n </button>\n </sky-toolbar-item>\n\n <ng-content select=\"sky-data-manager-toolbar-left-item\"></ng-content>\n\n <sky-toolbar-item *ngIf=\"activeView?.searchEnabled\">\n <sky-search\n [expandMode]=\"activeView?.searchExpandMode\"\n [placeholderText]=\"activeView?.searchPlaceholderText\"\n [searchText]=\"dataState?.searchText\"\n (searchApply)=\"searchApplied($event)\"\n >\n </sky-search>\n </sky-toolbar-item>\n\n <sky-toolbar-view-actions>\n <ng-content select=\"sky-data-manager-toolbar-right-item\"></ng-content>\n <sky-radio-group\n *ngIf=\"activeView && views && views.length > 1\"\n [ariaLabel]=\"'data view switcher'\"\n class=\"sky-switch-icon-group\"\n >\n <sky-radio\n *ngFor=\"let view of views\"\n [attr.name]=\"view.name\"\n [attr.aria-label]=\"view.name\"\n [icon]=\"view.icon\"\n [value]=\"view.id\"\n [label]=\"view.name\"\n [(ngModel)]=\"activeView.id\"\n (change)=\"onViewChange(view.id)\"\n >\n </sky-radio>\n </sky-radio-group>\n </sky-toolbar-view-actions>\n </sky-toolbar-section>\n <ng-content select=\"sky-data-manager-toolbar-section\"></ng-content>\n </sky-toolbar>\n\n <sky-toolbar\n *ngIf=\"activeView?.multiselectToolbarEnabled\"\n class=\"sky-data-manager-multiselect-toolbar\"\n >\n <sky-toolbar-section>\n <sky-toolbar-item>\n <button\n class=\"sky-btn sky-btn-link sky-data-manager-select-all-btn\"\n type=\"button\"\n (click)=\"selectAll()\"\n >\n {{ 'skyux_data_manager_select_all_button_title' | skyLibResources }}\n </button>\n </sky-toolbar-item>\n <sky-toolbar-item>\n <button\n class=\"sky-btn sky-btn-link sky-data-manager-clear-all-btn\"\n type=\"button\"\n (click)=\"clearAll()\"\n >\n {{ 'skyux_data_manager_clear_all_button_title' | skyLibResources }}\n </button>\n </sky-toolbar-item>\n <sky-toolbar-view-actions>\n <sky-checkbox\n [checked]=\"onlyShowSelected\"\n (change)=\"onOnlyShowSelected($event)\"\n >\n <sky-checkbox-label>\n {{\n 'skyux_data_manager_show_selected_option_title' | skyLibResources\n }}\n </sky-checkbox-label>\n </sky-checkbox>\n </sky-toolbar-view-actions>\n </sky-toolbar-section>\n </sky-toolbar>\n</div>\n", styles: [":host .sky-col-picker-btn .sky-column-selector-action-btn-text{display:none}:host-context(.sky-responsive-container-xs) .sky-col-picker-btn .sky-column-selector-action-btn-text,:host-context(.sky-responsive-container-sm) .sky-col-picker-btn .sky-column-selector-action-btn-text,:host-context(.sky-responsive-container-md) .sky-col-picker-btn .sky-column-selector-action-btn-text,:host-context(.sky-responsive-container-lg) .sky-col-picker-btn .sky-column-selector-action-btn-text{display:none}@media (min-width: 768px){:host .sky-col-picker-btn .sky-column-selector-action-btn-text{display:inline}}:host-context(.sky-responsive-container-sm) .sky-col-picker-btn .sky-column-selector-action-btn-text,:host-context(.sky-responsive-container-md) .sky-col-picker-btn .sky-column-selector-action-btn-text,:host-context(.sky-responsive-container-lg) .sky-col-picker-btn .sky-column-selector-action-btn-text{display:inline}\n"], dependencies: [{ kind: "directive", type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i5.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i6.λ3, selector: "sky-checkbox", inputs: ["label", "labelledBy", "id", "disabled", "tabindex", "name", "icon", "checkboxType", "checked", "indeterminate", "required"], outputs: ["change", "checkedChange", "disabledChange", "indeterminateChange"] }, { kind: "component", type: i6.λ4, selector: "sky-checkbox-label" }, { kind: "component", type: i5$1.λ1, selector: "sky-filter-button", inputs: ["filterButtonId", "ariaControls", "ariaExpanded", "active", "disabled", "showButtonText"], outputs: ["filterButtonClick"] }, { kind: "component", type: i8.λ4, selector: "sky-icon", inputs: ["icon", "iconType", "size", "fixedWidth", "variant"] }, { kind: "component", type: i6.λ13, selector: "sky-radio", inputs: ["checked", "disabled", "id", "label", "labelledBy", "name", "tabindex", "value", "icon", "radioType"], outputs: ["change", "checkedChange", "disabledChange"] }, { kind: "component", type: i6.λ11, selector: "sky-radio-group", inputs: ["ariaLabelledBy", "ariaLabel", "disabled", "name", "required", "value", "tabIndex"] }, { kind: "component", type: i9.SkySearchComponent, selector: "sky-search", inputs: ["searchText", "expandMode", "debounceTime", "disabled", "placeholderText"], outputs: ["searchApply", "searchChange", "searchClear"] }, { kind: "component", type: i5$1.λ14, selector: "sky-sort", inputs: ["showButtonText"] }, { kind: "component", type: i5$1.λ13, selector: "sky-sort-item", inputs: ["active"], outputs: ["itemSelect"] }, { kind: "component", type: i10.λ37, selector: "sky-toolbar" }, { kind: "component", type: i10.λ39, selector: "sky-toolbar-item" }, { kind: "component", type: i10.λ38, selector: "sky-toolbar-section" }, { kind: "component", type: i10.λ40, selector: "sky-toolbar-view-actions" }, { kind: "pipe", type: i11.SkyLibResourcesPipe, name: "skyLibResources" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
767
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.1", ngImport: i0, type: SkyDataManagerToolbarComponent, decorators: [{
|
|
768
768
|
type: Component,
|
|
769
769
|
args: [{ selector: 'sky-data-manager-toolbar', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"sky-data-manager-toolbar\">\n <sky-toolbar>\n <sky-toolbar-section>\n <ng-content select=\"sky-data-manager-toolbar-primary-item\"></ng-content>\n\n <sky-toolbar-item *ngIf=\"activeView?.filterButtonEnabled\">\n <sky-filter-button\n [showButtonText]=\"activeView?.showFilterButtonText\"\n (filterButtonClick)=\"filterButtonClicked()\"\n >\n </sky-filter-button>\n </sky-toolbar-item>\n\n <sky-toolbar-item *ngIf=\"activeView?.sortEnabled\">\n <sky-sort [showButtonText]=\"activeView?.showSortButtonText\">\n <sky-sort-item\n *ngFor=\"let item of dataManagerConfig?.sortOptions\"\n [active]=\"!!(dataState?.activeSortOption?.id === item.id)\"\n (itemSelect)=\"sortSelected(item)\"\n >\n {{ item.label }}\n </sky-sort-item>\n </sky-sort>\n </sky-toolbar-item>\n\n <sky-toolbar-item *ngIf=\"activeView?.columnPickerEnabled\">\n <button\n class=\"sky-btn sky-btn-default sky-col-picker-btn\"\n type=\"button\"\n [attr.aria-label]=\"\n 'skyux_data_manager_columns_button_title' | skyLibResources\n \"\n [attr.title]=\"\n 'skyux_data_manager_columns_button_title' | skyLibResources\n \"\n (click)=\"openColumnPicker()\"\n >\n <sky-icon icon=\"columns\"></sky-icon>\n <span class=\"sky-column-selector-action-btn-text\">\n {{ 'skyux_data_manager_columns_button_title' | skyLibResources }}\n </span>\n </button>\n </sky-toolbar-item>\n\n <ng-content select=\"sky-data-manager-toolbar-left-item\"></ng-content>\n\n <sky-toolbar-item *ngIf=\"activeView?.searchEnabled\">\n <sky-search\n [expandMode]=\"activeView?.searchExpandMode\"\n [placeholderText]=\"activeView?.searchPlaceholderText\"\n [searchText]=\"dataState?.searchText\"\n (searchApply)=\"searchApplied($event)\"\n >\n </sky-search>\n </sky-toolbar-item>\n\n <sky-toolbar-view-actions>\n <ng-content select=\"sky-data-manager-toolbar-right-item\"></ng-content>\n <sky-radio-group\n *ngIf=\"activeView && views && views.length > 1\"\n [ariaLabel]=\"'data view switcher'\"\n class=\"sky-switch-icon-group\"\n >\n <sky-radio\n *ngFor=\"let view of views\"\n [attr.name]=\"view.name\"\n [attr.aria-label]=\"view.name\"\n [icon]=\"view.icon\"\n [value]=\"view.id\"\n [label]=\"view.name\"\n [(ngModel)]=\"activeView.id\"\n (change)=\"onViewChange(view.id)\"\n >\n </sky-radio>\n </sky-radio-group>\n </sky-toolbar-view-actions>\n </sky-toolbar-section>\n <ng-content select=\"sky-data-manager-toolbar-section\"></ng-content>\n </sky-toolbar>\n\n <sky-toolbar\n *ngIf=\"activeView?.multiselectToolbarEnabled\"\n class=\"sky-data-manager-multiselect-toolbar\"\n >\n <sky-toolbar-section>\n <sky-toolbar-item>\n <button\n class=\"sky-btn sky-btn-link sky-data-manager-select-all-btn\"\n type=\"button\"\n (click)=\"selectAll()\"\n >\n {{ 'skyux_data_manager_select_all_button_title' | skyLibResources }}\n </button>\n </sky-toolbar-item>\n <sky-toolbar-item>\n <button\n class=\"sky-btn sky-btn-link sky-data-manager-clear-all-btn\"\n type=\"button\"\n (click)=\"clearAll()\"\n >\n {{ 'skyux_data_manager_clear_all_button_title' | skyLibResources }}\n </button>\n </sky-toolbar-item>\n <sky-toolbar-view-actions>\n <sky-checkbox\n [checked]=\"onlyShowSelected\"\n (change)=\"onOnlyShowSelected($event)\"\n >\n <sky-checkbox-label>\n {{\n 'skyux_data_manager_show_selected_option_title' | skyLibResources\n }}\n </sky-checkbox-label>\n </sky-checkbox>\n </sky-toolbar-view-actions>\n </sky-toolbar-section>\n </sky-toolbar>\n</div>\n", styles: [":host .sky-col-picker-btn .sky-column-selector-action-btn-text{display:none}:host-context(.sky-responsive-container-xs) .sky-col-picker-btn .sky-column-selector-action-btn-text,:host-context(.sky-responsive-container-sm) .sky-col-picker-btn .sky-column-selector-action-btn-text,:host-context(.sky-responsive-container-md) .sky-col-picker-btn .sky-column-selector-action-btn-text,:host-context(.sky-responsive-container-lg) .sky-col-picker-btn .sky-column-selector-action-btn-text{display:none}@media (min-width: 768px){:host .sky-col-picker-btn .sky-column-selector-action-btn-text{display:inline}}:host-context(.sky-responsive-container-sm) .sky-col-picker-btn .sky-column-selector-action-btn-text,:host-context(.sky-responsive-container-md) .sky-col-picker-btn .sky-column-selector-action-btn-text,:host-context(.sky-responsive-container-lg) .sky-col-picker-btn .sky-column-selector-action-btn-text{display:inline}\n"] }]
|
|
770
770
|
}], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: SkyDataManagerService }, { type: i3.SkyModalService }, { type: SkyDataManagerColumnPickerService }]; } });
|
|
@@ -776,6 +776,13 @@ var _SkyDataViewComponent__isActive, _SkyDataViewComponent_ngUnsubscribe, _SkyDa
|
|
|
776
776
|
* search text, and more to the data it displays.
|
|
777
777
|
*/
|
|
778
778
|
class SkyDataViewComponent {
|
|
779
|
+
get isActive() {
|
|
780
|
+
return __classPrivateFieldGet(this, _SkyDataViewComponent__isActive, "f");
|
|
781
|
+
}
|
|
782
|
+
set isActive(value) {
|
|
783
|
+
__classPrivateFieldSet(this, _SkyDataViewComponent__isActive, value, "f");
|
|
784
|
+
__classPrivateFieldGet(this, _SkyDataViewComponent_changeDetector, "f").markForCheck();
|
|
785
|
+
}
|
|
779
786
|
constructor(dataManagerService, changeDetector) {
|
|
780
787
|
_SkyDataViewComponent__isActive.set(this, false);
|
|
781
788
|
_SkyDataViewComponent_ngUnsubscribe.set(this, new Subject());
|
|
@@ -784,13 +791,6 @@ class SkyDataViewComponent {
|
|
|
784
791
|
__classPrivateFieldSet(this, _SkyDataViewComponent_dataManagerService, dataManagerService, "f");
|
|
785
792
|
__classPrivateFieldSet(this, _SkyDataViewComponent_changeDetector, changeDetector, "f");
|
|
786
793
|
}
|
|
787
|
-
get isActive() {
|
|
788
|
-
return __classPrivateFieldGet(this, _SkyDataViewComponent__isActive, "f");
|
|
789
|
-
}
|
|
790
|
-
set isActive(value) {
|
|
791
|
-
__classPrivateFieldSet(this, _SkyDataViewComponent__isActive, value, "f");
|
|
792
|
-
__classPrivateFieldGet(this, _SkyDataViewComponent_changeDetector, "f").markForCheck();
|
|
793
|
-
}
|
|
794
794
|
ngOnInit() {
|
|
795
795
|
__classPrivateFieldGet(this, _SkyDataViewComponent_dataManagerService, "f")
|
|
796
796
|
.getActiveViewIdUpdates()
|
|
@@ -805,9 +805,9 @@ class SkyDataViewComponent {
|
|
|
805
805
|
}
|
|
806
806
|
}
|
|
807
807
|
_SkyDataViewComponent__isActive = new WeakMap(), _SkyDataViewComponent_ngUnsubscribe = new WeakMap(), _SkyDataViewComponent_dataManagerService = new WeakMap(), _SkyDataViewComponent_changeDetector = new WeakMap();
|
|
808
|
-
SkyDataViewComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1
|
|
809
|
-
SkyDataViewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1
|
|
810
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1
|
|
808
|
+
SkyDataViewComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.1", ngImport: i0, type: SkyDataViewComponent, deps: [{ token: SkyDataManagerService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
809
|
+
SkyDataViewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.1", type: SkyDataViewComponent, selector: "sky-data-view", inputs: { viewId: "viewId" }, ngImport: i0, template: "<ng-container *ngIf=\"isActive\">\n <ng-content></ng-content>\n</ng-container>\n", dependencies: [{ kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
810
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.1", ngImport: i0, type: SkyDataViewComponent, decorators: [{
|
|
811
811
|
type: Component,
|
|
812
812
|
args: [{ selector: 'sky-data-view', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container *ngIf=\"isActive\">\n <ng-content></ng-content>\n</ng-container>\n" }]
|
|
813
813
|
}], ctorParameters: function () { return [{ type: SkyDataManagerService }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { viewId: [{
|
|
@@ -819,6 +819,13 @@ var _SkyDataManagerColumnPickerComponent_instances, _SkyDataManagerColumnPickerC
|
|
|
819
819
|
* @internal
|
|
820
820
|
*/
|
|
821
821
|
class SkyDataManagerColumnPickerComponent {
|
|
822
|
+
get dataState() {
|
|
823
|
+
return __classPrivateFieldGet(this, _SkyDataManagerColumnPickerComponent__dataState, "f");
|
|
824
|
+
}
|
|
825
|
+
set dataState(value) {
|
|
826
|
+
__classPrivateFieldSet(this, _SkyDataManagerColumnPickerComponent__dataState, value, "f");
|
|
827
|
+
this.updateData();
|
|
828
|
+
}
|
|
822
829
|
constructor(context, dataManagerService, instance) {
|
|
823
830
|
this.context = context;
|
|
824
831
|
this.dataManagerService = dataManagerService;
|
|
@@ -839,13 +846,6 @@ class SkyDataManagerColumnPickerComponent {
|
|
|
839
846
|
_SkyDataManagerColumnPickerComponent_ngUnsubscribe.set(this, new Subject());
|
|
840
847
|
_SkyDataManagerColumnPickerComponent__dataState.set(this, new SkyDataManagerState({}));
|
|
841
848
|
}
|
|
842
|
-
get dataState() {
|
|
843
|
-
return __classPrivateFieldGet(this, _SkyDataManagerColumnPickerComponent__dataState, "f");
|
|
844
|
-
}
|
|
845
|
-
set dataState(value) {
|
|
846
|
-
__classPrivateFieldSet(this, _SkyDataManagerColumnPickerComponent__dataState, value, "f");
|
|
847
|
-
this.updateData();
|
|
848
|
-
}
|
|
849
849
|
ngOnInit() {
|
|
850
850
|
this.dataManagerService.initDataManager({
|
|
851
851
|
activeViewId: this.viewConfig.id,
|
|
@@ -951,9 +951,9 @@ _SkyDataManagerColumnPickerComponent_ngUnsubscribe = new WeakMap(), _SkyDataMana
|
|
|
951
951
|
}
|
|
952
952
|
return formattedColumnOptions;
|
|
953
953
|
};
|
|
954
|
-
SkyDataManagerColumnPickerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1
|
|
955
|
-
SkyDataManagerColumnPickerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1
|
|
956
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1
|
|
954
|
+
SkyDataManagerColumnPickerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.1", ngImport: i0, type: SkyDataManagerColumnPickerComponent, deps: [{ token: SkyDataManagerColumnPickerContext }, { token: SkyDataManagerService }, { token: i3.SkyModalInstance }], target: i0.ɵɵFactoryTarget.Component });
|
|
955
|
+
SkyDataManagerColumnPickerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.1", type: SkyDataManagerColumnPickerComponent, selector: "sky-data-manager-column-picker", providers: [SkyDataManagerService], ngImport: i0, template: "<sky-modal>\n <sky-modal-header>\n {{ 'skyux_data_manager_column_picker_title' | skyLibResources }}\n </sky-modal-header>\n <sky-modal-content class=\"sky-data-manager-column-picker-content\">\n <sky-data-manager>\n <sky-data-manager-toolbar> </sky-data-manager-toolbar>\n\n <sky-data-view [viewId]=\"viewConfig.id\">\n <sky-repeater expandMode=\"none\">\n <sky-repeater-item\n *ngFor=\"let column of displayedColumnData\"\n [selectable]=\"true\"\n [(isSelected)]=\"column.isSelected\"\n (isSelectedChange)=\"onIsSelectedChange()\"\n >\n <sky-repeater-item-title>\n {{ column.label }}\n </sky-repeater-item-title>\n <sky-repeater-item-content>\n {{ column.description }}\n </sky-repeater-item-content>\n </sky-repeater-item>\n </sky-repeater>\n </sky-data-view>\n </sky-data-manager>\n </sky-modal-content>\n <sky-modal-footer>\n <div\n class=\"sky-data-manager-column-picker-footer-stacked-indicator\"\n *ngIf=\"!isAnyDisplayedColumnSelected\"\n >\n <sky-status-indicator descriptionType=\"error\" indicatorType=\"danger\">\n {{\n 'skyux_data_manager_select_column_status_indicator_title'\n | skyLibResources\n }}\n </sky-status-indicator>\n </div>\n <button\n sky-cmp-id=\"apply-changes\"\n class=\"sky-btn sky-btn-primary\"\n [disabled]=\"!isAnyDisplayedColumnSelected\"\n (click)=\"applyChanges()\"\n >\n {{ 'skyux_data_manager_apply_changes_button_title' | skyLibResources }}\n </button>\n <button\n sky-cmp-id=\"cancel\"\n class=\"sky-btn sky-btn-link\"\n (click)=\"cancelChanges()\"\n >\n {{ 'skyux_data_manager_cancel_button_title' | skyLibResources }}\n </button>\n </sky-modal-footer>\n</sky-modal>\n", styles: [".sky-data-manager-column-picker-content sky-repeater-item-content{margin-top:5px}.sky-data-manager-column-picker-footer-stacked-indicator{margin:0 5px 10px 0}\n"], dependencies: [{ kind: "directive", type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.λ5, selector: "sky-modal", inputs: ["ariaRole", "tiledBody", "ariaDescribedBy", "ariaLabelledBy"] }, { kind: "component", type: i3.λ2, selector: "sky-modal-content" }, { kind: "component", type: i3.λ3, selector: "sky-modal-footer" }, { kind: "component", type: i3.λ4, selector: "sky-modal-header" }, { kind: "component", type: i5$1.λ11, selector: "sky-repeater", inputs: ["activeIndex", "ariaLabel", "reorderable", "expandMode"], outputs: ["activeIndexChange", "orderChange"] }, { kind: "component", type: i5$1.λ10, selector: "sky-repeater-item", inputs: ["disabled", "itemName", "inlineFormConfig", "inlineFormTemplate", "isExpanded", "isSelected", "reorderable", "selectable", "showInlineForm", "tag"], outputs: ["collapse", "expand", "inlineFormClose", "isSelectedChange"] }, { kind: "component", type: i5$1.λ8, selector: "sky-repeater-item-content" }, { kind: "component", type: i5$1.λ12, selector: "sky-repeater-item-title" }, { kind: "component", type: i8.λ10, selector: "sky-status-indicator", inputs: ["indicatorType", "descriptionType", "customDescription"] }, { kind: "component", type: SkyDataManagerComponent, selector: "sky-data-manager" }, { kind: "component", type: SkyDataManagerToolbarComponent, selector: "sky-data-manager-toolbar" }, { kind: "component", type: SkyDataViewComponent, selector: "sky-data-view", inputs: ["viewId"] }, { kind: "pipe", type: i11.SkyLibResourcesPipe, name: "skyLibResources" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
956
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.1", ngImport: i0, type: SkyDataManagerColumnPickerComponent, decorators: [{
|
|
957
957
|
type: Component,
|
|
958
958
|
args: [{ selector: 'sky-data-manager-column-picker', providers: [SkyDataManagerService], changeDetection: ChangeDetectionStrategy.OnPush, template: "<sky-modal>\n <sky-modal-header>\n {{ 'skyux_data_manager_column_picker_title' | skyLibResources }}\n </sky-modal-header>\n <sky-modal-content class=\"sky-data-manager-column-picker-content\">\n <sky-data-manager>\n <sky-data-manager-toolbar> </sky-data-manager-toolbar>\n\n <sky-data-view [viewId]=\"viewConfig.id\">\n <sky-repeater expandMode=\"none\">\n <sky-repeater-item\n *ngFor=\"let column of displayedColumnData\"\n [selectable]=\"true\"\n [(isSelected)]=\"column.isSelected\"\n (isSelectedChange)=\"onIsSelectedChange()\"\n >\n <sky-repeater-item-title>\n {{ column.label }}\n </sky-repeater-item-title>\n <sky-repeater-item-content>\n {{ column.description }}\n </sky-repeater-item-content>\n </sky-repeater-item>\n </sky-repeater>\n </sky-data-view>\n </sky-data-manager>\n </sky-modal-content>\n <sky-modal-footer>\n <div\n class=\"sky-data-manager-column-picker-footer-stacked-indicator\"\n *ngIf=\"!isAnyDisplayedColumnSelected\"\n >\n <sky-status-indicator descriptionType=\"error\" indicatorType=\"danger\">\n {{\n 'skyux_data_manager_select_column_status_indicator_title'\n | skyLibResources\n }}\n </sky-status-indicator>\n </div>\n <button\n sky-cmp-id=\"apply-changes\"\n class=\"sky-btn sky-btn-primary\"\n [disabled]=\"!isAnyDisplayedColumnSelected\"\n (click)=\"applyChanges()\"\n >\n {{ 'skyux_data_manager_apply_changes_button_title' | skyLibResources }}\n </button>\n <button\n sky-cmp-id=\"cancel\"\n class=\"sky-btn sky-btn-link\"\n (click)=\"cancelChanges()\"\n >\n {{ 'skyux_data_manager_cancel_button_title' | skyLibResources }}\n </button>\n </sky-modal-footer>\n</sky-modal>\n", styles: [".sky-data-manager-column-picker-content sky-repeater-item-content{margin-top:5px}.sky-data-manager-column-picker-footer-stacked-indicator{margin:0 5px 10px 0}\n"] }]
|
|
959
959
|
}], ctorParameters: function () { return [{ type: SkyDataManagerColumnPickerContext }, { type: SkyDataManagerService }, { type: i3.SkyModalInstance }]; } });
|
|
@@ -963,9 +963,9 @@ class SkyDataManagerColumnPickerImplService {
|
|
|
963
963
|
return SkyDataManagerColumnPickerComponent;
|
|
964
964
|
}
|
|
965
965
|
}
|
|
966
|
-
SkyDataManagerColumnPickerImplService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1
|
|
967
|
-
SkyDataManagerColumnPickerImplService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.1
|
|
968
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1
|
|
966
|
+
SkyDataManagerColumnPickerImplService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.1", ngImport: i0, type: SkyDataManagerColumnPickerImplService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
|
|
967
|
+
SkyDataManagerColumnPickerImplService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.1", ngImport: i0, type: SkyDataManagerColumnPickerImplService });
|
|
968
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.1", ngImport: i0, type: SkyDataManagerColumnPickerImplService, decorators: [{
|
|
969
969
|
type: Injectable
|
|
970
970
|
}] });
|
|
971
971
|
|
|
@@ -976,9 +976,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.4", ngImpor
|
|
|
976
976
|
*/
|
|
977
977
|
class SkyDataManagerToolbarLeftItemComponent {
|
|
978
978
|
}
|
|
979
|
-
SkyDataManagerToolbarLeftItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1
|
|
980
|
-
SkyDataManagerToolbarLeftItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1
|
|
981
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1
|
|
979
|
+
SkyDataManagerToolbarLeftItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.1", ngImport: i0, type: SkyDataManagerToolbarLeftItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
980
|
+
SkyDataManagerToolbarLeftItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.1", type: SkyDataManagerToolbarLeftItemComponent, selector: "sky-data-manager-toolbar-left-item", ngImport: i0, template: "<sky-toolbar-item>\n <ng-content></ng-content>\n</sky-toolbar-item>\n", dependencies: [{ kind: "component", type: i10.λ39, selector: "sky-toolbar-item" }] });
|
|
981
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.1", ngImport: i0, type: SkyDataManagerToolbarLeftItemComponent, decorators: [{
|
|
982
982
|
type: Component,
|
|
983
983
|
args: [{ selector: 'sky-data-manager-toolbar-left-item', template: "<sky-toolbar-item>\n <ng-content></ng-content>\n</sky-toolbar-item>\n" }]
|
|
984
984
|
}] });
|
|
@@ -990,9 +990,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.4", ngImpor
|
|
|
990
990
|
*/
|
|
991
991
|
class SkyDataManagerToolbarPrimaryItemComponent {
|
|
992
992
|
}
|
|
993
|
-
SkyDataManagerToolbarPrimaryItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1
|
|
994
|
-
SkyDataManagerToolbarPrimaryItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1
|
|
995
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1
|
|
993
|
+
SkyDataManagerToolbarPrimaryItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.1", ngImport: i0, type: SkyDataManagerToolbarPrimaryItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
994
|
+
SkyDataManagerToolbarPrimaryItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.1", type: SkyDataManagerToolbarPrimaryItemComponent, selector: "sky-data-manager-toolbar-primary-item", ngImport: i0, template: "<sky-toolbar-item>\n <ng-content></ng-content>\n</sky-toolbar-item>\n", dependencies: [{ kind: "component", type: i10.λ39, selector: "sky-toolbar-item" }] });
|
|
995
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.1", ngImport: i0, type: SkyDataManagerToolbarPrimaryItemComponent, decorators: [{
|
|
996
996
|
type: Component,
|
|
997
997
|
args: [{ selector: 'sky-data-manager-toolbar-primary-item', template: "<sky-toolbar-item>\n <ng-content></ng-content>\n</sky-toolbar-item>\n" }]
|
|
998
998
|
}] });
|
|
@@ -1005,9 +1005,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.4", ngImpor
|
|
|
1005
1005
|
*/
|
|
1006
1006
|
class SkyDataManagerToolbarRightItemComponent {
|
|
1007
1007
|
}
|
|
1008
|
-
SkyDataManagerToolbarRightItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1
|
|
1009
|
-
SkyDataManagerToolbarRightItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1
|
|
1010
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1
|
|
1008
|
+
SkyDataManagerToolbarRightItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.1", ngImport: i0, type: SkyDataManagerToolbarRightItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1009
|
+
SkyDataManagerToolbarRightItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.1", type: SkyDataManagerToolbarRightItemComponent, selector: "sky-data-manager-toolbar-right-item", ngImport: i0, template: "<ng-content></ng-content>\n" });
|
|
1010
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.1", ngImport: i0, type: SkyDataManagerToolbarRightItemComponent, decorators: [{
|
|
1011
1011
|
type: Component,
|
|
1012
1012
|
args: [{ selector: 'sky-data-manager-toolbar-right-item', template: "<ng-content></ng-content>\n" }]
|
|
1013
1013
|
}] });
|
|
@@ -1019,17 +1019,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.4", ngImpor
|
|
|
1019
1019
|
*/
|
|
1020
1020
|
class SkyDataManagerToolbarSectionComponent {
|
|
1021
1021
|
}
|
|
1022
|
-
SkyDataManagerToolbarSectionComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1
|
|
1023
|
-
SkyDataManagerToolbarSectionComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1
|
|
1024
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1
|
|
1022
|
+
SkyDataManagerToolbarSectionComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.1", ngImport: i0, type: SkyDataManagerToolbarSectionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1023
|
+
SkyDataManagerToolbarSectionComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.1", type: SkyDataManagerToolbarSectionComponent, selector: "sky-data-manager-toolbar-section", ngImport: i0, template: "<sky-toolbar-section>\n <ng-content></ng-content>\n</sky-toolbar-section>\n", dependencies: [{ kind: "component", type: i10.λ38, selector: "sky-toolbar-section" }] });
|
|
1024
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.1", ngImport: i0, type: SkyDataManagerToolbarSectionComponent, decorators: [{
|
|
1025
1025
|
type: Component,
|
|
1026
1026
|
args: [{ selector: 'sky-data-manager-toolbar-section', template: "<sky-toolbar-section>\n <ng-content></ng-content>\n</sky-toolbar-section>\n" }]
|
|
1027
1027
|
}] });
|
|
1028
1028
|
|
|
1029
1029
|
class SkyDataManagerModule {
|
|
1030
1030
|
}
|
|
1031
|
-
SkyDataManagerModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1
|
|
1032
|
-
SkyDataManagerModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.1
|
|
1031
|
+
SkyDataManagerModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.1", ngImport: i0, type: SkyDataManagerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
1032
|
+
SkyDataManagerModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.1", ngImport: i0, type: SkyDataManagerModule, declarations: [SkyDataManagerColumnPickerComponent,
|
|
1033
1033
|
SkyDataManagerComponent,
|
|
1034
1034
|
SkyDataManagerToolbarLeftItemComponent,
|
|
1035
1035
|
SkyDataManagerToolbarPrimaryItemComponent,
|
|
@@ -1058,7 +1058,7 @@ SkyDataManagerModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", ve
|
|
|
1058
1058
|
SkyDataManagerToolbarSectionComponent,
|
|
1059
1059
|
SkyDataManagerToolbarComponent,
|
|
1060
1060
|
SkyDataViewComponent] });
|
|
1061
|
-
SkyDataManagerModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.1
|
|
1061
|
+
SkyDataManagerModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.1", ngImport: i0, type: SkyDataManagerModule, providers: [
|
|
1062
1062
|
{
|
|
1063
1063
|
provide: SkyDataManagerColumnPickerService,
|
|
1064
1064
|
useClass: SkyDataManagerColumnPickerImplService,
|
|
@@ -1078,7 +1078,7 @@ SkyDataManagerModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", ve
|
|
|
1078
1078
|
SkySortModule,
|
|
1079
1079
|
SkyToolbarModule,
|
|
1080
1080
|
SkyViewkeeperModule] });
|
|
1081
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1
|
|
1081
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.1", ngImport: i0, type: SkyDataManagerModule, decorators: [{
|
|
1082
1082
|
type: NgModule,
|
|
1083
1083
|
args: [{
|
|
1084
1084
|
declarations: [
|