@skyux/data-manager 5.0.0 → 5.0.3
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/bundles/skyux-data-manager.umd.js +171 -126
- package/bundles/skyux-data-manager.umd.js.map +1 -1
- package/documentation.json +902 -284
- package/esm2015/modules/data-manager/data-manager-column-picker/data-manager-column-picker-context.js +1 -1
- package/esm2015/modules/data-manager/data-manager-column-picker/data-manager-column-picker-impl.service.js +4 -4
- package/esm2015/modules/data-manager/data-manager-column-picker/data-manager-column-picker.component.js +27 -21
- package/esm2015/modules/data-manager/data-manager-column-picker/data-manager-column-picker.service.js +4 -4
- package/esm2015/modules/data-manager/data-manager-filter-context.js +1 -1
- package/esm2015/modules/data-manager/data-manager-toolbar/data-manager-toolbar-left-item.component.js +5 -5
- package/esm2015/modules/data-manager/data-manager-toolbar/data-manager-toolbar-primary-item.component.js +5 -5
- package/esm2015/modules/data-manager/data-manager-toolbar/data-manager-toolbar-right-item.component.js +5 -5
- package/esm2015/modules/data-manager/data-manager-toolbar/data-manager-toolbar-section.component.js +5 -5
- package/esm2015/modules/data-manager/data-manager-toolbar/data-manager-toolbar.component.js +26 -17
- package/esm2015/modules/data-manager/data-manager.component.js +15 -12
- package/esm2015/modules/data-manager/data-manager.module.js +16 -18
- package/esm2015/modules/data-manager/data-manager.service.js +38 -24
- package/esm2015/modules/data-manager/data-view.component.js +9 -8
- package/esm2015/modules/data-manager/models/data-manager-column-picker-sort-strategy.js +1 -1
- package/esm2015/modules/data-manager/models/data-manager-config.js +1 -1
- package/esm2015/modules/data-manager/models/data-manager-init-args.js +1 -1
- package/esm2015/modules/data-manager/models/data-manager-state-change.js +1 -1
- package/esm2015/modules/data-manager/models/data-manager-state-options.js +1 -1
- package/esm2015/modules/data-manager/models/data-manager-state-update-filter-args.js +1 -1
- package/esm2015/modules/data-manager/models/data-manager-state.js +7 -7
- package/esm2015/modules/data-manager/models/data-view-config.js +1 -1
- package/esm2015/modules/data-manager/models/data-view-state-options.js +1 -1
- package/esm2015/modules/data-manager/models/data-view-state.js +2 -2
- package/esm2015/modules/shared/sky-data-manager-resources.module.js +28 -12
- package/esm2015/public-api.js +5 -1
- package/fesm2015/skyux-data-manager.js +174 -127
- package/fesm2015/skyux-data-manager.js.map +1 -1
- package/modules/data-manager/models/data-view-state-options.d.ts +1 -1
- package/package.json +9 -9
- package/public-api.d.ts +4 -0
@@ -1,8 +1,8 @@
|
|
1
1
|
(function (global, factory) {
|
2
2
|
typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/forms'), require('@angular/common'), require('@skyux/core'), require('@skyux/indicators'), require('@skyux/forms'), require('@skyux/layout'), require('@skyux/lists'), require('@skyux/lookup'), require('@skyux/modals'), require('@skyux/i18n'), require('rxjs'), require('rxjs/operators')) :
|
3
3
|
typeof define === 'function' && define.amd ? define('@skyux/data-manager', ['exports', '@angular/core', '@angular/forms', '@angular/common', '@skyux/core', '@skyux/indicators', '@skyux/forms', '@skyux/layout', '@skyux/lists', '@skyux/lookup', '@skyux/modals', '@skyux/i18n', 'rxjs', 'rxjs/operators'], factory) :
|
4
|
-
(global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.skyux = global.skyux || {}, global.skyux[
|
5
|
-
}(this, (function (exports, i0, i10, i9, i1, i6, i8$1, i4$1, i8, i7, i3, i4, rxjs, operators) { 'use strict';
|
4
|
+
(global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.skyux = global.skyux || {}, global.skyux["data-manager"] = {}), global.ng.core, global.ng.forms, global.ng.common, global.i1, global.i6, global.i8$1, global.i4$1, global.i8, global.i7, global.i3, global.i4, global.rxjs, global.rxjs.operators));
|
5
|
+
})(this, (function (exports, i0, i10, i9, i1, i6, i8$1, i4$1, i8, i7, i3, i4, rxjs, operators) { 'use strict';
|
6
6
|
|
7
7
|
function _interopNamespace(e) {
|
8
8
|
if (e && e.__esModule) return e;
|
@@ -13,14 +13,12 @@
|
|
13
13
|
var d = Object.getOwnPropertyDescriptor(e, k);
|
14
14
|
Object.defineProperty(n, k, d.get ? d : {
|
15
15
|
enumerable: true,
|
16
|
-
get: function () {
|
17
|
-
return e[k];
|
18
|
-
}
|
16
|
+
get: function () { return e[k]; }
|
19
17
|
});
|
20
18
|
}
|
21
19
|
});
|
22
20
|
}
|
23
|
-
n[
|
21
|
+
n["default"] = e;
|
24
22
|
return Object.freeze(n);
|
25
23
|
}
|
26
24
|
|
@@ -43,7 +41,19 @@
|
|
43
41
|
* To update this file, simply rerun the command.
|
44
42
|
*/
|
45
43
|
var RESOURCES = {
|
46
|
-
'EN-US': {
|
44
|
+
'EN-US': {
|
45
|
+
skyux_data_manager_column_picker_title: {
|
46
|
+
message: 'Choose columns to show in the list',
|
47
|
+
},
|
48
|
+
skyux_data_manager_apply_changes_button_title: { message: 'Apply changes' },
|
49
|
+
skyux_data_manager_cancel_button_title: { message: 'Cancel' },
|
50
|
+
skyux_data_manager_select_all_button_title: { message: 'Select all' },
|
51
|
+
skyux_data_manager_clear_all_button_title: { message: 'Clear all' },
|
52
|
+
skyux_data_manager_show_selected_option_title: {
|
53
|
+
message: 'Show only selected items',
|
54
|
+
},
|
55
|
+
skyux_data_manager_columns_button_title: { message: 'Columns' },
|
56
|
+
},
|
47
57
|
};
|
48
58
|
var SkyDataManagerResourcesProvider = /** @class */ (function () {
|
49
59
|
function SkyDataManagerResourcesProvider() {
|
@@ -61,22 +71,26 @@
|
|
61
71
|
}
|
62
72
|
return SkyDataManagerResourcesModule;
|
63
73
|
}());
|
64
|
-
SkyDataManagerResourcesModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
65
|
-
SkyDataManagerResourcesModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.
|
66
|
-
SkyDataManagerResourcesModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.
|
74
|
+
SkyDataManagerResourcesModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyDataManagerResourcesModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
|
75
|
+
SkyDataManagerResourcesModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyDataManagerResourcesModule, exports: [i4.SkyI18nModule] });
|
76
|
+
SkyDataManagerResourcesModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyDataManagerResourcesModule, providers: [
|
77
|
+
{
|
67
78
|
provide: i4.SKY_LIB_RESOURCES_PROVIDERS,
|
68
79
|
useClass: SkyDataManagerResourcesProvider,
|
69
|
-
multi: true
|
70
|
-
}
|
71
|
-
|
80
|
+
multi: true,
|
81
|
+
},
|
82
|
+
], imports: [i4.SkyI18nModule] });
|
83
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyDataManagerResourcesModule, decorators: [{
|
72
84
|
type: i0.NgModule,
|
73
85
|
args: [{
|
74
86
|
exports: [i4.SkyI18nModule],
|
75
|
-
providers: [
|
87
|
+
providers: [
|
88
|
+
{
|
76
89
|
provide: i4.SKY_LIB_RESOURCES_PROVIDERS,
|
77
90
|
useClass: SkyDataManagerResourcesProvider,
|
78
|
-
multi: true
|
79
|
-
}
|
91
|
+
multi: true,
|
92
|
+
},
|
93
|
+
],
|
80
94
|
}]
|
81
95
|
}] });
|
82
96
|
|
@@ -412,7 +426,7 @@
|
|
412
426
|
viewId: this.viewId,
|
413
427
|
columnIds: this.columnIds,
|
414
428
|
displayedColumnIds: this.displayedColumnIds,
|
415
|
-
additionalData: this.additionalData
|
429
|
+
additionalData: this.additionalData,
|
416
430
|
};
|
417
431
|
};
|
418
432
|
return SkyDataViewState;
|
@@ -441,7 +455,7 @@
|
|
441
455
|
onlyShowSelected: this.onlyShowSelected,
|
442
456
|
searchText: this.searchText,
|
443
457
|
selectedIds: this.selectedIds,
|
444
|
-
views: viewStates
|
458
|
+
views: viewStates,
|
445
459
|
};
|
446
460
|
};
|
447
461
|
SkyDataManagerState.prototype.getViewStateById = function (viewId) {
|
@@ -461,7 +475,7 @@
|
|
461
475
|
filterData: this.filterData,
|
462
476
|
searchText: this.searchText,
|
463
477
|
selectedIds: this.selectedIds,
|
464
|
-
views: this.views
|
478
|
+
views: this.views,
|
465
479
|
});
|
466
480
|
};
|
467
481
|
return SkyDataManagerState;
|
@@ -524,7 +538,8 @@
|
|
524
538
|
this.updateActiveViewId(args.activeViewId);
|
525
539
|
this.updateDataManagerConfig(args.dataManagerConfig);
|
526
540
|
if (settingsKey) {
|
527
|
-
this.uiConfigService
|
541
|
+
this.uiConfigService
|
542
|
+
.getConfig(settingsKey, defaultDataState.getStateOptions())
|
528
543
|
.pipe(operators.take(1))
|
529
544
|
.subscribe(function (config) {
|
530
545
|
_this.updateDataState(new SkyDataManagerState(config), _this.initSource);
|
@@ -537,7 +552,8 @@
|
|
537
552
|
this.getDataStateUpdates(this.initSource)
|
538
553
|
.pipe(operators.takeUntil(this._ngUnsubscribe))
|
539
554
|
.subscribe(function (state) {
|
540
|
-
_this.uiConfigService
|
555
|
+
_this.uiConfigService
|
556
|
+
.setConfig(settingsKey, state.getStateOptions())
|
541
557
|
.pipe(operators.takeUntil(_this._ngUnsubscribe))
|
542
558
|
.subscribe(function () { }, function (err) {
|
543
559
|
console.warn('Could not save data manager settings.');
|
@@ -564,7 +580,9 @@
|
|
564
580
|
this.activeViewId.pipe(operators.take(1)).subscribe(function (id) {
|
565
581
|
_this.activeViewId.next(id);
|
566
582
|
});
|
567
|
-
this.dataStateChange
|
583
|
+
this.dataStateChange
|
584
|
+
.pipe(operators.take(1))
|
585
|
+
.subscribe(function (change) {
|
568
586
|
var _a;
|
569
587
|
var dataState = change.dataState;
|
570
588
|
var currentViewState = dataState.getViewStateById(viewConfig.id);
|
@@ -573,10 +591,16 @@
|
|
573
591
|
// Ensure that the view state's available columns match with the view config. Also,
|
574
592
|
// add columns to the `displayedColumnIds` as long as they are not `initialHide`
|
575
593
|
if (viewConfig.columnOptions) {
|
576
|
-
var columnIds = viewConfig.columnOptions.map(function (columnOptions) {
|
594
|
+
var columnIds = viewConfig.columnOptions.map(function (columnOptions) {
|
595
|
+
return columnOptions.id;
|
596
|
+
});
|
577
597
|
var displayedColumnIds = viewConfig.columnOptions
|
578
|
-
.filter(function (columnOption) {
|
579
|
-
|
598
|
+
.filter(function (columnOption) {
|
599
|
+
return !columnOption.initialHide;
|
600
|
+
})
|
601
|
+
.map(function (columnOption) {
|
602
|
+
return columnOption.id;
|
603
|
+
});
|
580
604
|
newViewState.columnIds = columnIds;
|
581
605
|
newViewState.displayedColumnIds = displayedColumnIds;
|
582
606
|
}
|
@@ -584,7 +608,9 @@
|
|
584
608
|
_this.updateDataState(newDataState, _this.initSource);
|
585
609
|
}
|
586
610
|
else {
|
587
|
-
var currentAvailableColumnIds = (_a = viewConfig.columnOptions) === null || _a === void 0 ? void 0 : _a.map(function (columnOptions) {
|
611
|
+
var currentAvailableColumnIds = (_a = viewConfig.columnOptions) === null || _a === void 0 ? void 0 : _a.map(function (columnOptions) {
|
612
|
+
return columnOptions.id;
|
613
|
+
});
|
588
614
|
// Ensure that the view state's available columns match with the view config. Also,
|
589
615
|
// add new columns to the `displayedColumnIds` as long as they are not `initialHide`.
|
590
616
|
// We only add columns to `displayedColumnsIds` if we had previously tracked
|
@@ -596,7 +622,8 @@
|
|
596
622
|
});
|
597
623
|
// Add the column IDs that now exist to the data manager state both as available
|
598
624
|
// and as shown.
|
599
|
-
currentViewState.displayedColumnIds =
|
625
|
+
currentViewState.displayedColumnIds =
|
626
|
+
currentViewState.displayedColumnIds.concat(newColumnIds);
|
600
627
|
}
|
601
628
|
// Add the column IDs that now exist to the data manager state both as available
|
602
629
|
// and as shown.
|
@@ -604,7 +631,8 @@
|
|
604
631
|
var newDataState = dataState.addOrUpdateView(viewConfig.id, currentViewState);
|
605
632
|
_this.updateDataState(newDataState, _this.initSource);
|
606
633
|
}
|
607
|
-
})
|
634
|
+
})
|
635
|
+
.unsubscribe();
|
608
636
|
};
|
609
637
|
/**
|
610
638
|
* Returns an observable of data state changes that views and other data manager entities can subscribe to.
|
@@ -616,9 +644,9 @@
|
|
616
644
|
SkyDataManagerService.prototype.getDataStateUpdates = function (sourceId, updateFilter) {
|
617
645
|
// filter out events from the provided source and emit just the dataState
|
618
646
|
if (updateFilter) {
|
619
|
-
return this.dataStateChange.pipe(operators.filter(function (stateChange) { return sourceId !== stateChange.source; }), operators.map(function (stateChange) { return stateChange.dataState; }), updateFilter.comparator
|
620
|
-
operators.distinctUntilChanged(updateFilter.comparator)
|
621
|
-
operators.distinctUntilChanged(this.getDefaultStateComparator(updateFilter.properties)));
|
647
|
+
return this.dataStateChange.pipe(operators.filter(function (stateChange) { return sourceId !== stateChange.source; }), operators.map(function (stateChange) { return stateChange.dataState; }), updateFilter.comparator
|
648
|
+
? operators.distinctUntilChanged(updateFilter.comparator)
|
649
|
+
: operators.distinctUntilChanged(this.getDefaultStateComparator(updateFilter.properties)));
|
622
650
|
}
|
623
651
|
else {
|
624
652
|
return this.dataStateChange.pipe(operators.filter(function (stateChange) { return sourceId !== stateChange.source; }), operators.map(function (stateChange) { return stateChange.dataState; }));
|
@@ -740,9 +768,9 @@
|
|
740
768
|
};
|
741
769
|
return SkyDataManagerService;
|
742
770
|
}());
|
743
|
-
SkyDataManagerService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
744
|
-
SkyDataManagerService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.
|
745
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
771
|
+
SkyDataManagerService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyDataManagerService, deps: [{ token: i1__namespace.SkyUIConfigService }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
|
772
|
+
SkyDataManagerService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyDataManagerService });
|
773
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyDataManagerService, decorators: [{
|
746
774
|
type: i0.Injectable
|
747
775
|
}], ctorParameters: function () { return [{ type: i1__namespace.SkyUIConfigService }]; } });
|
748
776
|
|
@@ -771,7 +799,7 @@
|
|
771
799
|
this.dataManagerService = dataManagerService;
|
772
800
|
this.backToTopController = new rxjs.Subject();
|
773
801
|
this.backToTopOptions = {
|
774
|
-
buttonHidden: true
|
802
|
+
buttonHidden: true,
|
775
803
|
};
|
776
804
|
this._isInitialized = false;
|
777
805
|
this.allViewkeeperClasses = {};
|
@@ -810,7 +838,7 @@
|
|
810
838
|
this.dataManagerService
|
811
839
|
.getDataStateUpdates(this.sourceId)
|
812
840
|
.pipe(operators.takeUntil(this.ngUnsubscribe))
|
813
|
-
.subscribe(function () { return _this.isInitialized = true; });
|
841
|
+
.subscribe(function () { return (_this.isInitialized = true); });
|
814
842
|
this.dataManagerService.viewkeeperClasses
|
815
843
|
.pipe(operators.takeUntil(this.ngUnsubscribe))
|
816
844
|
.subscribe(function (classes) {
|
@@ -822,8 +850,11 @@
|
|
822
850
|
.pipe(operators.takeUntil(this.ngUnsubscribe))
|
823
851
|
.subscribe(function (activeViewId) {
|
824
852
|
_this.activeViewId = activeViewId;
|
825
|
-
_this.backToTopController.next({
|
826
|
-
|
853
|
+
_this.backToTopController.next({
|
854
|
+
type: i4$1.SkyBackToTopMessageType.BackToTop,
|
855
|
+
});
|
856
|
+
_this.currentViewkeeperClasses =
|
857
|
+
_this.allViewkeeperClasses[_this.activeViewId];
|
827
858
|
});
|
828
859
|
};
|
829
860
|
SkyDataManagerComponent.prototype.ngOnDestroy = function () {
|
@@ -832,14 +863,14 @@
|
|
832
863
|
};
|
833
864
|
return SkyDataManagerComponent;
|
834
865
|
}());
|
835
|
-
SkyDataManagerComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
836
|
-
SkyDataManagerComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.
|
837
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
866
|
+
SkyDataManagerComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyDataManagerComponent, deps: [{ token: i0__namespace.ChangeDetectorRef }, { token: SkyDataManagerService }], target: i0__namespace.ɵɵFactoryTarget.Component });
|
867
|
+
SkyDataManagerComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.13", type: SkyDataManagerComponent, selector: "sky-data-manager", ngImport: i0__namespace, 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", directives: [{ type: i9__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4__namespace.λ7, selector: "[skyBackToTop]", inputs: ["skyBackToTop", "skyBackToTopMessageStream"] }, { type: i1__namespace.λ3, selector: "[skyViewkeeper]", inputs: ["skyViewkeeper"] }], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
|
868
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyDataManagerComponent, decorators: [{
|
838
869
|
type: i0.Component,
|
839
870
|
args: [{
|
840
871
|
selector: 'sky-data-manager',
|
841
|
-
|
842
|
-
changeDetection: i0.ChangeDetectionStrategy.OnPush
|
872
|
+
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",
|
873
|
+
changeDetection: i0.ChangeDetectionStrategy.OnPush,
|
843
874
|
}]
|
844
875
|
}], ctorParameters: function () { return [{ type: i0__namespace.ChangeDetectorRef }, { type: SkyDataManagerService }]; } });
|
845
876
|
|
@@ -860,9 +891,9 @@
|
|
860
891
|
}
|
861
892
|
return SkyDataManagerColumnPickerService;
|
862
893
|
}());
|
863
|
-
SkyDataManagerColumnPickerService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
864
|
-
SkyDataManagerColumnPickerService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.
|
865
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
894
|
+
SkyDataManagerColumnPickerService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyDataManagerColumnPickerService, deps: [], target: i0__namespace.ɵɵFactoryTarget.Injectable });
|
895
|
+
SkyDataManagerColumnPickerService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyDataManagerColumnPickerService });
|
896
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyDataManagerColumnPickerService, decorators: [{
|
866
897
|
type: i0.Injectable
|
867
898
|
}] });
|
868
899
|
|
@@ -936,7 +967,8 @@
|
|
936
967
|
});
|
937
968
|
SkyDataManagerToolbarComponent.prototype.ngOnInit = function () {
|
938
969
|
var _this = this;
|
939
|
-
this.dataManagerService
|
970
|
+
this.dataManagerService
|
971
|
+
.getActiveViewIdUpdates()
|
940
972
|
.pipe(operators.takeUntil(this._ngUnsubscribe))
|
941
973
|
.subscribe(function (activeViewId) {
|
942
974
|
/* istanbul ignore else */
|
@@ -945,19 +977,22 @@
|
|
945
977
|
_this.changeDetector.markForCheck();
|
946
978
|
}
|
947
979
|
});
|
948
|
-
this.dataManagerService
|
980
|
+
this.dataManagerService
|
981
|
+
.getDataViewsUpdates()
|
949
982
|
.pipe(operators.takeUntil(this._ngUnsubscribe))
|
950
983
|
.subscribe(function (views) {
|
951
984
|
_this.views = views;
|
952
985
|
});
|
953
|
-
this.dataManagerService
|
986
|
+
this.dataManagerService
|
987
|
+
.getDataStateUpdates(this._source)
|
954
988
|
.pipe(operators.takeUntil(this._ngUnsubscribe))
|
955
989
|
.subscribe(function (dataState) {
|
956
990
|
_this._dataState = dataState;
|
957
991
|
_this.onlyShowSelected = dataState.onlyShowSelected;
|
958
992
|
_this.changeDetector.markForCheck();
|
959
993
|
});
|
960
|
-
this.dataManagerService
|
994
|
+
this.dataManagerService
|
995
|
+
.getDataManagerConfigUpdates()
|
961
996
|
.pipe(operators.takeUntil(this._ngUnsubscribe))
|
962
997
|
.subscribe(function (config) {
|
963
998
|
_this.dataManagerConfig = config;
|
@@ -984,7 +1019,9 @@
|
|
984
1019
|
var filterModal = this.dataManagerConfig && this.dataManagerConfig.filterModalComponent;
|
985
1020
|
context.filterData = this.dataState && this.dataState.filterData;
|
986
1021
|
var options = {
|
987
|
-
providers: [
|
1022
|
+
providers: [
|
1023
|
+
{ provide: SkyDataManagerFilterModalContext, useValue: context },
|
1024
|
+
],
|
988
1025
|
};
|
989
1026
|
if (filterModal) {
|
990
1027
|
var modalInstance = this.modalService.open(filterModal, options);
|
@@ -1002,10 +1039,13 @@
|
|
1002
1039
|
var viewState = this.dataState.getViewStateById(this.activeView.id);
|
1003
1040
|
var context = new SkyDataManagerColumnPickerContext(columnOptions, viewState.displayedColumnIds);
|
1004
1041
|
if (this.activeView.columnPickerSortStrategy) {
|
1005
|
-
context.columnPickerSortStrategy =
|
1042
|
+
context.columnPickerSortStrategy =
|
1043
|
+
this.activeView.columnPickerSortStrategy;
|
1006
1044
|
}
|
1007
1045
|
var options = {
|
1008
|
-
providers: [
|
1046
|
+
providers: [
|
1047
|
+
{ provide: SkyDataManagerColumnPickerContext, useValue: context },
|
1048
|
+
],
|
1009
1049
|
};
|
1010
1050
|
var modalInstance = this.modalService.open(this.columnPickerService.getComponentType(), options);
|
1011
1051
|
modalInstance.closed.subscribe(function (result) {
|
@@ -1034,15 +1074,15 @@
|
|
1034
1074
|
};
|
1035
1075
|
return SkyDataManagerToolbarComponent;
|
1036
1076
|
}());
|
1037
|
-
SkyDataManagerToolbarComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
1038
|
-
SkyDataManagerToolbarComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.
|
1039
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
1077
|
+
SkyDataManagerToolbarComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyDataManagerToolbarComponent, deps: [{ token: i0__namespace.ChangeDetectorRef }, { token: SkyDataManagerService }, { token: i3__namespace.SkyModalService }, { token: SkyDataManagerColumnPickerService }], target: i0__namespace.ɵɵFactoryTarget.Component });
|
1078
|
+
SkyDataManagerToolbarComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.13", type: SkyDataManagerToolbarComponent, selector: "sky-data-manager-toolbar", ngImport: i0__namespace, 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]=\"activeSortOptionId && activeSortOptionId === 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"], components: [{ type: i4__namespace.λ37, selector: "sky-toolbar" }, { type: i4__namespace.λ38, selector: "sky-toolbar-section" }, { type: i4__namespace.λ39, selector: "sky-toolbar-item" }, { type: i8__namespace.λ1, selector: "sky-filter-button", inputs: ["filterButtonId", "ariaControls", "ariaExpanded", "active", "disabled", "showButtonText"], outputs: ["filterButtonClick"] }, { type: i8__namespace.λ14, selector: "sky-sort", inputs: ["showButtonText"] }, { type: i8__namespace.λ13, selector: "sky-sort-item", inputs: ["active"], outputs: ["itemSelect"] }, { type: i6__namespace.λ4, selector: "sky-icon", inputs: ["icon", "iconType", "size", "fixedWidth", "variant"] }, { type: i7__namespace.SkySearchComponent, selector: "sky-search", inputs: ["searchText", "expandMode", "debounceTime", "disabled", "placeholderText"], outputs: ["searchApply", "searchChange", "searchClear"] }, { type: i4__namespace.λ40, selector: "sky-toolbar-view-actions" }, { type: i8__namespace$1.λ11, selector: "sky-radio-group", inputs: ["ariaLabelledBy", "ariaLabel", "disabled", "name", "required", "value", "tabIndex"] }, { type: i8__namespace$1.λ13, selector: "sky-radio", inputs: ["checked", "disabled", "id", "label", "labelledBy", "name", "tabindex", "value", "icon", "radioType"], outputs: ["change", "checkedChange", "disabledChange"] }, { type: i8__namespace$1.λ3, selector: "sky-checkbox", inputs: ["label", "labelledBy", "id", "disabled", "tabindex", "name", "icon", "checkboxType", "checked", "required"], outputs: ["change", "checkedChange", "disabledChange"] }, { type: i8__namespace$1.λ4, selector: "sky-checkbox-label" }], directives: [{ type: i9__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i9__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i10__namespace.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i10__namespace.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], pipes: { "skyLibResources": i4__namespace$1.SkyLibResourcesPipe }, changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
|
1079
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyDataManagerToolbarComponent, decorators: [{
|
1040
1080
|
type: i0.Component,
|
1041
1081
|
args: [{
|
1042
1082
|
selector: 'sky-data-manager-toolbar',
|
1043
|
-
|
1044
|
-
|
1045
|
-
changeDetection: i0.ChangeDetectionStrategy.OnPush
|
1083
|
+
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]=\"activeSortOptionId && activeSortOptionId === 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",
|
1084
|
+
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"],
|
1085
|
+
changeDetection: i0.ChangeDetectionStrategy.OnPush,
|
1046
1086
|
}]
|
1047
1087
|
}], ctorParameters: function () { return [{ type: i0__namespace.ChangeDetectorRef }, { type: SkyDataManagerService }, { type: i3__namespace.SkyModalService }, { type: SkyDataManagerColumnPickerService }]; } });
|
1048
1088
|
|
@@ -1071,7 +1111,8 @@
|
|
1071
1111
|
});
|
1072
1112
|
SkyDataViewComponent.prototype.ngOnInit = function () {
|
1073
1113
|
var _this = this;
|
1074
|
-
this.dataManagerService
|
1114
|
+
this.dataManagerService
|
1115
|
+
.getActiveViewIdUpdates()
|
1075
1116
|
.pipe(operators.takeUntil(this._ngUnsubscribe))
|
1076
1117
|
.subscribe(function (activeViewId) {
|
1077
1118
|
_this.isActive = _this.viewId === activeViewId;
|
@@ -1083,14 +1124,14 @@
|
|
1083
1124
|
};
|
1084
1125
|
return SkyDataViewComponent;
|
1085
1126
|
}());
|
1086
|
-
SkyDataViewComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
1087
|
-
SkyDataViewComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.
|
1088
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
1127
|
+
SkyDataViewComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyDataViewComponent, deps: [{ token: i0__namespace.ChangeDetectorRef }, { token: SkyDataManagerService }], target: i0__namespace.ɵɵFactoryTarget.Component });
|
1128
|
+
SkyDataViewComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.13", type: SkyDataViewComponent, selector: "sky-data-view", inputs: { viewId: "viewId" }, ngImport: i0__namespace, template: "<ng-container *ngIf=\"isActive\">\n <ng-content></ng-content>\n</ng-container>\n", directives: [{ type: i9__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
|
1129
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyDataViewComponent, decorators: [{
|
1089
1130
|
type: i0.Component,
|
1090
1131
|
args: [{
|
1091
1132
|
selector: 'sky-data-view',
|
1092
|
-
|
1093
|
-
changeDetection: i0.ChangeDetectionStrategy.OnPush
|
1133
|
+
template: "<ng-container *ngIf=\"isActive\">\n <ng-content></ng-content>\n</ng-container>\n",
|
1134
|
+
changeDetection: i0.ChangeDetectionStrategy.OnPush,
|
1094
1135
|
}]
|
1095
1136
|
}], ctorParameters: function () { return [{ type: i0__namespace.ChangeDetectorRef }, { type: SkyDataManagerService }]; }, propDecorators: { viewId: [{
|
1096
1137
|
type: i0.Input
|
@@ -1113,7 +1154,7 @@
|
|
1113
1154
|
searchExpandMode: 'fit',
|
1114
1155
|
multiselectToolbarEnabled: true,
|
1115
1156
|
onSelectAllClick: this.selectAll.bind(this),
|
1116
|
-
onClearAllClick: this.clearAll.bind(this)
|
1157
|
+
onClearAllClick: this.clearAll.bind(this),
|
1117
1158
|
};
|
1118
1159
|
this._dataState = new SkyDataManagerState({});
|
1119
1160
|
this._ngUnsubscribe = new rxjs.Subject();
|
@@ -1134,17 +1175,20 @@
|
|
1134
1175
|
});
|
1135
1176
|
SkyDataManagerColumnPickerComponent.prototype.ngOnInit = function () {
|
1136
1177
|
var _this = this;
|
1137
|
-
this.libResources
|
1178
|
+
this.libResources
|
1179
|
+
.getString('skyux_data_manager_column_picker_title')
|
1180
|
+
.subscribe(function (value) {
|
1138
1181
|
console.log(value);
|
1139
1182
|
});
|
1140
1183
|
this.dataManagerService.initDataManager({
|
1141
1184
|
activeViewId: this.viewConfig.id,
|
1142
1185
|
dataManagerConfig: {},
|
1143
|
-
defaultDataState: this.dataState
|
1186
|
+
defaultDataState: this.dataState,
|
1144
1187
|
});
|
1145
1188
|
this.dataManagerService.initDataView(this.viewConfig);
|
1146
1189
|
this.columnData = this.formatColumnOptions();
|
1147
|
-
this.dataManagerService
|
1190
|
+
this.dataManagerService
|
1191
|
+
.getDataStateUpdates('columnPicker')
|
1148
1192
|
.pipe(operators.takeUntil(this._ngUnsubscribe))
|
1149
1193
|
.subscribe(function (state) {
|
1150
1194
|
_this.dataState = state;
|
@@ -1162,7 +1206,8 @@
|
|
1162
1206
|
searchedColumns = columns.filter(function (item) {
|
1163
1207
|
var property;
|
1164
1208
|
for (property in item) {
|
1165
|
-
if (item.hasOwnProperty(property) &&
|
1209
|
+
if (item.hasOwnProperty(property) &&
|
1210
|
+
(property === 'label' || property === 'description')) {
|
1166
1211
|
var propertyText = item[property] && item[property].toUpperCase();
|
1167
1212
|
if (propertyText && propertyText.indexOf(searchText) > -1) {
|
1168
1213
|
return true;
|
@@ -1175,16 +1220,16 @@
|
|
1175
1220
|
return searchedColumns;
|
1176
1221
|
};
|
1177
1222
|
SkyDataManagerColumnPickerComponent.prototype.selectAll = function () {
|
1178
|
-
this.displayedColumnData.forEach(function (column) { return column.isSelected = true; });
|
1223
|
+
this.displayedColumnData.forEach(function (column) { return (column.isSelected = true); });
|
1179
1224
|
};
|
1180
1225
|
SkyDataManagerColumnPickerComponent.prototype.clearAll = function () {
|
1181
|
-
this.displayedColumnData.forEach(function (column) { return column.isSelected = false; });
|
1226
|
+
this.displayedColumnData.forEach(function (column) { return (column.isSelected = false); });
|
1182
1227
|
};
|
1183
1228
|
SkyDataManagerColumnPickerComponent.prototype.cancelChanges = function () {
|
1184
1229
|
this.instance.cancel();
|
1185
1230
|
};
|
1186
1231
|
SkyDataManagerColumnPickerComponent.prototype.isSelected = function (id) {
|
1187
|
-
return this.context.displayedColumnIds.findIndex(function (colId) { return colId === id; }) !== -1;
|
1232
|
+
return (this.context.displayedColumnIds.findIndex(function (colId) { return colId === id; }) !== -1);
|
1188
1233
|
};
|
1189
1234
|
SkyDataManagerColumnPickerComponent.prototype.applyChanges = function () {
|
1190
1235
|
this.instance.save(this.columnData.filter(function (col) { return col.isSelected || col.alwaysDisplayed; }));
|
@@ -1205,11 +1250,12 @@
|
|
1205
1250
|
id: columnOption.id,
|
1206
1251
|
label: columnOption.label,
|
1207
1252
|
description: columnOption.description,
|
1208
|
-
isSelected: colIndex !== -1
|
1253
|
+
isSelected: colIndex !== -1,
|
1209
1254
|
};
|
1210
1255
|
// if column picker sorting is currently enabled sort columns by order displayed then alphabetical
|
1211
1256
|
// else display column in order they were specified in the columnOptions
|
1212
|
-
if (this.context.columnPickerSortStrategy ===
|
1257
|
+
if (this.context.columnPickerSortStrategy ===
|
1258
|
+
exports.SkyDataManagerColumnPickerSortStrategy.SelectedThenAlphabetical) {
|
1213
1259
|
if (formattedColumn.isSelected) {
|
1214
1260
|
formattedColumnOptions[colIndex] = formattedColumn;
|
1215
1261
|
}
|
@@ -1231,7 +1277,8 @@
|
|
1231
1277
|
}
|
1232
1278
|
// if column picker sorting is enabled, sort the columns that are not currently displayed
|
1233
1279
|
// and add them after the currently displayed options
|
1234
|
-
if (this.context.columnPickerSortStrategy ===
|
1280
|
+
if (this.context.columnPickerSortStrategy ===
|
1281
|
+
exports.SkyDataManagerColumnPickerSortStrategy.SelectedThenAlphabetical) {
|
1235
1282
|
unselectedColumnOptions.sort(function (col1, col2) { return col1.label.localeCompare(col2.label); });
|
1236
1283
|
formattedColumnOptions = formattedColumnOptions.concat(unselectedColumnOptions);
|
1237
1284
|
}
|
@@ -1239,16 +1286,16 @@
|
|
1239
1286
|
};
|
1240
1287
|
return SkyDataManagerColumnPickerComponent;
|
1241
1288
|
}());
|
1242
|
-
SkyDataManagerColumnPickerComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
1243
|
-
SkyDataManagerColumnPickerComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.
|
1244
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
1289
|
+
SkyDataManagerColumnPickerComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyDataManagerColumnPickerComponent, deps: [{ token: SkyDataManagerColumnPickerContext }, { token: SkyDataManagerService }, { token: i3__namespace.SkyModalInstance }, { token: i4__namespace$1.SkyLibResourcesService }], target: i0__namespace.ɵɵFactoryTarget.Component });
|
1290
|
+
SkyDataManagerColumnPickerComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.13", type: SkyDataManagerColumnPickerComponent, selector: "sky-data-manager-column-picker", providers: [SkyDataManagerService], ngImport: i0__namespace, 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 >\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 <button\n sky-cmp-id=\"apply-changes\"\n class=\"sky-btn sky-btn-primary\"\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}\n"], components: [{ type: i3__namespace.λ5, selector: "sky-modal", inputs: ["ariaRole", "tiledBody"] }, { type: i3__namespace.λ4, selector: "sky-modal-header" }, { type: i3__namespace.λ2, selector: "sky-modal-content" }, { type: SkyDataManagerComponent, selector: "sky-data-manager" }, { type: SkyDataManagerToolbarComponent, selector: "sky-data-manager-toolbar" }, { type: SkyDataViewComponent, selector: "sky-data-view", inputs: ["viewId"] }, { type: i8__namespace.λ11, selector: "sky-repeater", inputs: ["activeIndex", "ariaLabel", "reorderable", "expandMode"], outputs: ["activeIndexChange", "orderChange"] }, { type: i8__namespace.λ10, selector: "sky-repeater-item", inputs: ["inlineFormConfig", "inlineFormTemplate", "isExpanded", "isSelected", "reorderable", "selectable", "showInlineForm", "tag"], outputs: ["collapse", "expand", "inlineFormClose", "isSelectedChange"] }, { type: i8__namespace.λ12, selector: "sky-repeater-item-title" }, { type: i8__namespace.λ8, selector: "sky-repeater-item-content" }, { type: i3__namespace.λ3, selector: "sky-modal-footer" }], directives: [{ type: i9__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], pipes: { "skyLibResources": i4__namespace$1.SkyLibResourcesPipe }, changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
|
1291
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyDataManagerColumnPickerComponent, decorators: [{
|
1245
1292
|
type: i0.Component,
|
1246
1293
|
args: [{
|
1247
1294
|
selector: 'sky-data-manager-column-picker',
|
1248
|
-
|
1249
|
-
|
1295
|
+
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 >\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 <button\n sky-cmp-id=\"apply-changes\"\n class=\"sky-btn sky-btn-primary\"\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",
|
1296
|
+
styles: [".sky-data-manager-column-picker-content sky-repeater-item-content{margin-top:5px}\n"],
|
1250
1297
|
providers: [SkyDataManagerService],
|
1251
|
-
changeDetection: i0.ChangeDetectionStrategy.OnPush
|
1298
|
+
changeDetection: i0.ChangeDetectionStrategy.OnPush,
|
1252
1299
|
}]
|
1253
1300
|
}], ctorParameters: function () { return [{ type: SkyDataManagerColumnPickerContext }, { type: SkyDataManagerService }, { type: i3__namespace.SkyModalInstance }, { type: i4__namespace$1.SkyLibResourcesService }]; } });
|
1254
1301
|
|
@@ -1262,13 +1309,13 @@
|
|
1262
1309
|
}
|
1263
1310
|
return SkyDataManagerToolbarLeftItemComponent;
|
1264
1311
|
}());
|
1265
|
-
SkyDataManagerToolbarLeftItemComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
1266
|
-
SkyDataManagerToolbarLeftItemComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.
|
1267
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
1312
|
+
SkyDataManagerToolbarLeftItemComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyDataManagerToolbarLeftItemComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
|
1313
|
+
SkyDataManagerToolbarLeftItemComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.13", type: SkyDataManagerToolbarLeftItemComponent, selector: "sky-data-manager-toolbar-left-item", ngImport: i0__namespace, template: "<sky-toolbar-item>\n <ng-content></ng-content>\n</sky-toolbar-item>\n", components: [{ type: i4__namespace.λ39, selector: "sky-toolbar-item" }] });
|
1314
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyDataManagerToolbarLeftItemComponent, decorators: [{
|
1268
1315
|
type: i0.Component,
|
1269
1316
|
args: [{
|
1270
1317
|
selector: 'sky-data-manager-toolbar-left-item',
|
1271
|
-
|
1318
|
+
template: "<sky-toolbar-item>\n <ng-content></ng-content>\n</sky-toolbar-item>\n",
|
1272
1319
|
}]
|
1273
1320
|
}] });
|
1274
1321
|
|
@@ -1282,13 +1329,13 @@
|
|
1282
1329
|
}
|
1283
1330
|
return SkyDataManagerToolbarPrimaryItemComponent;
|
1284
1331
|
}());
|
1285
|
-
SkyDataManagerToolbarPrimaryItemComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
1286
|
-
SkyDataManagerToolbarPrimaryItemComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.
|
1287
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
1332
|
+
SkyDataManagerToolbarPrimaryItemComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyDataManagerToolbarPrimaryItemComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
|
1333
|
+
SkyDataManagerToolbarPrimaryItemComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.13", type: SkyDataManagerToolbarPrimaryItemComponent, selector: "sky-data-manager-toolbar-primary-item", ngImport: i0__namespace, template: "<sky-toolbar-item>\n <ng-content></ng-content>\n</sky-toolbar-item>\n", components: [{ type: i4__namespace.λ39, selector: "sky-toolbar-item" }] });
|
1334
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyDataManagerToolbarPrimaryItemComponent, decorators: [{
|
1288
1335
|
type: i0.Component,
|
1289
1336
|
args: [{
|
1290
1337
|
selector: 'sky-data-manager-toolbar-primary-item',
|
1291
|
-
|
1338
|
+
template: "<sky-toolbar-item>\n <ng-content></ng-content>\n</sky-toolbar-item>\n",
|
1292
1339
|
}]
|
1293
1340
|
}] });
|
1294
1341
|
|
@@ -1303,13 +1350,13 @@
|
|
1303
1350
|
}
|
1304
1351
|
return SkyDataManagerToolbarRightItemComponent;
|
1305
1352
|
}());
|
1306
|
-
SkyDataManagerToolbarRightItemComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
1307
|
-
SkyDataManagerToolbarRightItemComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.
|
1308
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
1353
|
+
SkyDataManagerToolbarRightItemComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyDataManagerToolbarRightItemComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
|
1354
|
+
SkyDataManagerToolbarRightItemComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.13", type: SkyDataManagerToolbarRightItemComponent, selector: "sky-data-manager-toolbar-right-item", ngImport: i0__namespace, template: "<ng-content></ng-content>\n" });
|
1355
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyDataManagerToolbarRightItemComponent, decorators: [{
|
1309
1356
|
type: i0.Component,
|
1310
1357
|
args: [{
|
1311
1358
|
selector: 'sky-data-manager-toolbar-right-item',
|
1312
|
-
|
1359
|
+
template: "<ng-content></ng-content>\n",
|
1313
1360
|
}]
|
1314
1361
|
}] });
|
1315
1362
|
|
@@ -1323,13 +1370,13 @@
|
|
1323
1370
|
}
|
1324
1371
|
return SkyDataManagerToolbarSectionComponent;
|
1325
1372
|
}());
|
1326
|
-
SkyDataManagerToolbarSectionComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
1327
|
-
SkyDataManagerToolbarSectionComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.
|
1328
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
1373
|
+
SkyDataManagerToolbarSectionComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyDataManagerToolbarSectionComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
|
1374
|
+
SkyDataManagerToolbarSectionComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.13", type: SkyDataManagerToolbarSectionComponent, selector: "sky-data-manager-toolbar-section", ngImport: i0__namespace, template: "<sky-toolbar-section>\n <ng-content></ng-content>\n</sky-toolbar-section>\n", components: [{ type: i4__namespace.λ38, selector: "sky-toolbar-section" }] });
|
1375
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyDataManagerToolbarSectionComponent, decorators: [{
|
1329
1376
|
type: i0.Component,
|
1330
1377
|
args: [{
|
1331
1378
|
selector: 'sky-data-manager-toolbar-section',
|
1332
|
-
|
1379
|
+
template: "<sky-toolbar-section>\n <ng-content></ng-content>\n</sky-toolbar-section>\n",
|
1333
1380
|
}]
|
1334
1381
|
}] });
|
1335
1382
|
|
@@ -1341,9 +1388,9 @@
|
|
1341
1388
|
};
|
1342
1389
|
return SkyDataManagerColumnPickerImplService;
|
1343
1390
|
}());
|
1344
|
-
SkyDataManagerColumnPickerImplService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
1345
|
-
SkyDataManagerColumnPickerImplService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.
|
1346
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
1391
|
+
SkyDataManagerColumnPickerImplService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyDataManagerColumnPickerImplService, deps: [], target: i0__namespace.ɵɵFactoryTarget.Injectable });
|
1392
|
+
SkyDataManagerColumnPickerImplService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyDataManagerColumnPickerImplService });
|
1393
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyDataManagerColumnPickerImplService, decorators: [{
|
1347
1394
|
type: i0.Injectable
|
1348
1395
|
}] });
|
1349
1396
|
|
@@ -1352,8 +1399,8 @@
|
|
1352
1399
|
}
|
1353
1400
|
return SkyDataManagerModule;
|
1354
1401
|
}());
|
1355
|
-
SkyDataManagerModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
1356
|
-
SkyDataManagerModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.
|
1402
|
+
SkyDataManagerModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyDataManagerModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
|
1403
|
+
SkyDataManagerModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyDataManagerModule, declarations: [SkyDataManagerColumnPickerComponent,
|
1357
1404
|
SkyDataManagerComponent,
|
1358
1405
|
SkyDataManagerToolbarLeftItemComponent,
|
1359
1406
|
SkyDataManagerToolbarPrimaryItemComponent,
|
@@ -1381,11 +1428,11 @@
|
|
1381
1428
|
SkyDataManagerToolbarSectionComponent,
|
1382
1429
|
SkyDataManagerToolbarComponent,
|
1383
1430
|
SkyDataViewComponent] });
|
1384
|
-
SkyDataManagerModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.
|
1431
|
+
SkyDataManagerModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyDataManagerModule, providers: [
|
1385
1432
|
{
|
1386
1433
|
provide: SkyDataManagerColumnPickerService,
|
1387
|
-
useClass: SkyDataManagerColumnPickerImplService
|
1388
|
-
}
|
1434
|
+
useClass: SkyDataManagerColumnPickerImplService,
|
1435
|
+
},
|
1389
1436
|
], imports: [[
|
1390
1437
|
i9.CommonModule,
|
1391
1438
|
i10.FormsModule,
|
@@ -1400,9 +1447,9 @@
|
|
1400
1447
|
i7.SkySearchModule,
|
1401
1448
|
i8.SkySortModule,
|
1402
1449
|
i4$1.SkyToolbarModule,
|
1403
|
-
i1.SkyViewkeeperModule
|
1450
|
+
i1.SkyViewkeeperModule,
|
1404
1451
|
]] });
|
1405
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
1452
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyDataManagerModule, decorators: [{
|
1406
1453
|
type: i0.NgModule,
|
1407
1454
|
args: [{
|
1408
1455
|
declarations: [
|
@@ -1413,7 +1460,7 @@
|
|
1413
1460
|
SkyDataManagerToolbarRightItemComponent,
|
1414
1461
|
SkyDataManagerToolbarSectionComponent,
|
1415
1462
|
SkyDataManagerToolbarComponent,
|
1416
|
-
SkyDataViewComponent
|
1463
|
+
SkyDataViewComponent,
|
1417
1464
|
],
|
1418
1465
|
imports: [
|
1419
1466
|
i9.CommonModule,
|
@@ -1429,7 +1476,7 @@
|
|
1429
1476
|
i7.SkySearchModule,
|
1430
1477
|
i8.SkySortModule,
|
1431
1478
|
i4$1.SkyToolbarModule,
|
1432
|
-
i1.SkyViewkeeperModule
|
1479
|
+
i1.SkyViewkeeperModule,
|
1433
1480
|
],
|
1434
1481
|
exports: [
|
1435
1482
|
SkyDataManagerColumnPickerComponent,
|
@@ -1439,17 +1486,15 @@
|
|
1439
1486
|
SkyDataManagerToolbarRightItemComponent,
|
1440
1487
|
SkyDataManagerToolbarSectionComponent,
|
1441
1488
|
SkyDataManagerToolbarComponent,
|
1442
|
-
SkyDataViewComponent
|
1443
|
-
],
|
1444
|
-
entryComponents: [
|
1445
|
-
SkyDataManagerColumnPickerComponent
|
1489
|
+
SkyDataViewComponent,
|
1446
1490
|
],
|
1491
|
+
entryComponents: [SkyDataManagerColumnPickerComponent],
|
1447
1492
|
providers: [
|
1448
1493
|
{
|
1449
1494
|
provide: SkyDataManagerColumnPickerService,
|
1450
|
-
useClass: SkyDataManagerColumnPickerImplService
|
1451
|
-
}
|
1452
|
-
]
|
1495
|
+
useClass: SkyDataManagerColumnPickerImplService,
|
1496
|
+
},
|
1497
|
+
],
|
1453
1498
|
}]
|
1454
1499
|
}] });
|
1455
1500
|
|
@@ -1462,16 +1507,16 @@
|
|
1462
1507
|
exports.SkyDataManagerService = SkyDataManagerService;
|
1463
1508
|
exports.SkyDataManagerState = SkyDataManagerState;
|
1464
1509
|
exports.SkyDataViewState = SkyDataViewState;
|
1465
|
-
exports
|
1466
|
-
exports
|
1467
|
-
exports
|
1468
|
-
exports
|
1469
|
-
exports
|
1470
|
-
exports
|
1471
|
-
exports
|
1472
|
-
exports
|
1510
|
+
exports["λ1"] = SkyDataManagerColumnPickerComponent;
|
1511
|
+
exports["λ2"] = SkyDataManagerComponent;
|
1512
|
+
exports["λ3"] = SkyDataManagerToolbarLeftItemComponent;
|
1513
|
+
exports["λ4"] = SkyDataManagerToolbarPrimaryItemComponent;
|
1514
|
+
exports["λ5"] = SkyDataManagerToolbarRightItemComponent;
|
1515
|
+
exports["λ6"] = SkyDataManagerToolbarSectionComponent;
|
1516
|
+
exports["λ7"] = SkyDataManagerToolbarComponent;
|
1517
|
+
exports["λ8"] = SkyDataViewComponent;
|
1473
1518
|
|
1474
1519
|
Object.defineProperty(exports, '__esModule', { value: true });
|
1475
1520
|
|
1476
|
-
}))
|
1521
|
+
}));
|
1477
1522
|
//# sourceMappingURL=skyux-data-manager.umd.js.map
|