@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.
Files changed (34) hide show
  1. package/bundles/skyux-data-manager.umd.js +171 -126
  2. package/bundles/skyux-data-manager.umd.js.map +1 -1
  3. package/documentation.json +902 -284
  4. package/esm2015/modules/data-manager/data-manager-column-picker/data-manager-column-picker-context.js +1 -1
  5. package/esm2015/modules/data-manager/data-manager-column-picker/data-manager-column-picker-impl.service.js +4 -4
  6. package/esm2015/modules/data-manager/data-manager-column-picker/data-manager-column-picker.component.js +27 -21
  7. package/esm2015/modules/data-manager/data-manager-column-picker/data-manager-column-picker.service.js +4 -4
  8. package/esm2015/modules/data-manager/data-manager-filter-context.js +1 -1
  9. package/esm2015/modules/data-manager/data-manager-toolbar/data-manager-toolbar-left-item.component.js +5 -5
  10. package/esm2015/modules/data-manager/data-manager-toolbar/data-manager-toolbar-primary-item.component.js +5 -5
  11. package/esm2015/modules/data-manager/data-manager-toolbar/data-manager-toolbar-right-item.component.js +5 -5
  12. package/esm2015/modules/data-manager/data-manager-toolbar/data-manager-toolbar-section.component.js +5 -5
  13. package/esm2015/modules/data-manager/data-manager-toolbar/data-manager-toolbar.component.js +26 -17
  14. package/esm2015/modules/data-manager/data-manager.component.js +15 -12
  15. package/esm2015/modules/data-manager/data-manager.module.js +16 -18
  16. package/esm2015/modules/data-manager/data-manager.service.js +38 -24
  17. package/esm2015/modules/data-manager/data-view.component.js +9 -8
  18. package/esm2015/modules/data-manager/models/data-manager-column-picker-sort-strategy.js +1 -1
  19. package/esm2015/modules/data-manager/models/data-manager-config.js +1 -1
  20. package/esm2015/modules/data-manager/models/data-manager-init-args.js +1 -1
  21. package/esm2015/modules/data-manager/models/data-manager-state-change.js +1 -1
  22. package/esm2015/modules/data-manager/models/data-manager-state-options.js +1 -1
  23. package/esm2015/modules/data-manager/models/data-manager-state-update-filter-args.js +1 -1
  24. package/esm2015/modules/data-manager/models/data-manager-state.js +7 -7
  25. package/esm2015/modules/data-manager/models/data-view-config.js +1 -1
  26. package/esm2015/modules/data-manager/models/data-view-state-options.js +1 -1
  27. package/esm2015/modules/data-manager/models/data-view-state.js +2 -2
  28. package/esm2015/modules/shared/sky-data-manager-resources.module.js +28 -12
  29. package/esm2015/public-api.js +5 -1
  30. package/fesm2015/skyux-data-manager.js +174 -127
  31. package/fesm2015/skyux-data-manager.js.map +1 -1
  32. package/modules/data-manager/models/data-view-state-options.d.ts +1 -1
  33. package/package.json +9 -9
  34. 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['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';
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['default'] = e;
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': { "skyux_data_manager_column_picker_title": { "message": "Choose columns to show in the list" }, "skyux_data_manager_apply_changes_button_title": { "message": "Apply changes" }, "skyux_data_manager_cancel_button_title": { "message": "Cancel" }, "skyux_data_manager_select_all_button_title": { "message": "Select all" }, "skyux_data_manager_clear_all_button_title": { "message": "Clear all" }, "skyux_data_manager_show_selected_option_title": { "message": "Show only selected items" }, "skyux_data_manager_columns_button_title": { "message": "Columns" } },
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.8", ngImport: i0__namespace, type: SkyDataManagerResourcesModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
65
- SkyDataManagerResourcesModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.8", ngImport: i0__namespace, type: SkyDataManagerResourcesModule, exports: [i4.SkyI18nModule] });
66
- SkyDataManagerResourcesModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.8", ngImport: i0__namespace, type: SkyDataManagerResourcesModule, providers: [{
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
- }], imports: [i4.SkyI18nModule] });
71
- i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.8", ngImport: i0__namespace, type: SkyDataManagerResourcesModule, decorators: [{
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.getConfig(settingsKey, defaultDataState.getStateOptions())
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.setConfig(settingsKey, state.getStateOptions())
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.pipe(operators.take(1)).subscribe(function (change) {
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) { return columnOptions.id; });
594
+ var columnIds = viewConfig.columnOptions.map(function (columnOptions) {
595
+ return columnOptions.id;
596
+ });
577
597
  var displayedColumnIds = viewConfig.columnOptions
578
- .filter(function (columnOption) { return !columnOption.initialHide; })
579
- .map(function (columnOption) { return columnOption.id; });
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) { return columnOptions.id; });
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 = currentViewState.displayedColumnIds.concat(newColumnIds);
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
- }).unsubscribe();
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.8", ngImport: i0__namespace, type: SkyDataManagerService, deps: [{ token: i1__namespace.SkyUIConfigService }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
744
- SkyDataManagerService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.8", ngImport: i0__namespace, type: SkyDataManagerService });
745
- i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.8", ngImport: i0__namespace, type: SkyDataManagerService, decorators: [{
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({ type: i4$1.SkyBackToTopMessageType.BackToTop });
826
- _this.currentViewkeeperClasses = _this.allViewkeeperClasses[_this.activeViewId];
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.8", ngImport: i0__namespace, type: SkyDataManagerComponent, deps: [{ token: i0__namespace.ChangeDetectorRef }, { token: SkyDataManagerService }], target: i0__namespace.ɵɵFactoryTarget.Component });
836
- SkyDataManagerComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.8", 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 });
837
- i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.8", ngImport: i0__namespace, type: SkyDataManagerComponent, decorators: [{
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
- templateUrl: './data-manager.component.html',
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.8", ngImport: i0__namespace, type: SkyDataManagerColumnPickerService, deps: [], target: i0__namespace.ɵɵFactoryTarget.Injectable });
864
- SkyDataManagerColumnPickerService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.8", ngImport: i0__namespace, type: SkyDataManagerColumnPickerService });
865
- i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.8", ngImport: i0__namespace, type: SkyDataManagerColumnPickerService, decorators: [{
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.getActiveViewIdUpdates()
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.getDataViewsUpdates()
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.getDataStateUpdates(this._source)
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.getDataManagerConfigUpdates()
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: [{ provide: SkyDataManagerFilterModalContext, useValue: context }]
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 = this.activeView.columnPickerSortStrategy;
1042
+ context.columnPickerSortStrategy =
1043
+ this.activeView.columnPickerSortStrategy;
1006
1044
  }
1007
1045
  var options = {
1008
- providers: [{ provide: SkyDataManagerColumnPickerContext, useValue: context }]
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.8", ngImport: i0__namespace, type: SkyDataManagerToolbarComponent, deps: [{ token: i0__namespace.ChangeDetectorRef }, { token: SkyDataManagerService }, { token: i3__namespace.SkyModalService }, { token: SkyDataManagerColumnPickerService }], target: i0__namespace.ɵɵFactoryTarget.Component });
1038
- SkyDataManagerToolbarComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.8", 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\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]=\"'skyux_data_manager_columns_button_title' | skyLibResources\"\n [attr.title]=\"'skyux_data_manager_columns_button_title' | skyLibResources\"\n (click)=\"openColumnPicker()\"\n >\n <sky-icon\n icon=\"columns\"\n ></sky-icon>\n <span\n class=\"sky-column-selector-action-btn-text\"\n >\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 *ngIf=\"activeView && views && views.length > 1\"\n [ariaLabel]=\"'data view switcher'\"\n class=\"sky-switch-icon-group\"\n >\n <sky-radio *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\n<sky-toolbar *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 {{'skyux_data_manager_show_selected_option_title' | skyLibResources}}\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 });
1039
- i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.8", ngImport: i0__namespace, type: SkyDataManagerToolbarComponent, decorators: [{
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
- templateUrl: './data-manager-toolbar.component.html',
1044
- styleUrls: ['./data-manager-toolbar.component.scss'],
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.getActiveViewIdUpdates()
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.8", ngImport: i0__namespace, type: SkyDataViewComponent, deps: [{ token: i0__namespace.ChangeDetectorRef }, { token: SkyDataManagerService }], target: i0__namespace.ɵɵFactoryTarget.Component });
1087
- SkyDataViewComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.8", 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 });
1088
- i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.8", ngImport: i0__namespace, type: SkyDataViewComponent, decorators: [{
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
- templateUrl: './data-view.component.html',
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.getString('skyux_data_manager_column_picker_title').subscribe(function (value) {
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.getDataStateUpdates('columnPicker')
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) && (property === 'label' || property === 'description')) {
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 === exports.SkyDataManagerColumnPickerSortStrategy.SelectedThenAlphabetical) {
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 === exports.SkyDataManagerColumnPickerSortStrategy.SelectedThenAlphabetical) {
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.8", ngImport: i0__namespace, type: SkyDataManagerColumnPickerComponent, deps: [{ token: SkyDataManagerColumnPickerContext }, { token: SkyDataManagerService }, { token: i3__namespace.SkyModalInstance }, { token: i4__namespace$1.SkyLibResourcesService }], target: i0__namespace.ɵɵFactoryTarget.Component });
1243
- SkyDataManagerColumnPickerComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.8", type: SkyDataManagerColumnPickerComponent, selector: "sky-data-manager-column-picker", providers: [SkyDataManagerService], ngImport: i0__namespace, template: "\n<sky-modal>\n <sky-modal-header>\n {{'skyux_data_manager_column_picker_title' | skyLibResources}}\n </sky-modal-header>\n <sky-modal-content\n class=\"sky-data-manager-column-picker-content\"\n >\n <sky-data-manager>\n <sky-data-manager-toolbar>\n </sky-data-manager-toolbar>\n\n <sky-data-view\n [viewId]=\"viewConfig.id\"\n >\n <sky-repeater\n expandMode=\"none\"\n >\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 });
1244
- i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.8", ngImport: i0__namespace, type: SkyDataManagerColumnPickerComponent, decorators: [{
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
- templateUrl: './data-manager-column-picker.component.html',
1249
- styleUrls: ['./data-manager-column-picker.component.scss'],
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.8", ngImport: i0__namespace, type: SkyDataManagerToolbarLeftItemComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
1266
- SkyDataManagerToolbarLeftItemComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.8", 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" }] });
1267
- i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.8", ngImport: i0__namespace, type: SkyDataManagerToolbarLeftItemComponent, decorators: [{
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
- templateUrl: './data-manager-toolbar-left-item.component.html'
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.8", ngImport: i0__namespace, type: SkyDataManagerToolbarPrimaryItemComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
1286
- SkyDataManagerToolbarPrimaryItemComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.8", 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" }] });
1287
- i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.8", ngImport: i0__namespace, type: SkyDataManagerToolbarPrimaryItemComponent, decorators: [{
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
- templateUrl: './data-manager-toolbar-primary-item.component.html'
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.8", ngImport: i0__namespace, type: SkyDataManagerToolbarRightItemComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
1307
- SkyDataManagerToolbarRightItemComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.8", type: SkyDataManagerToolbarRightItemComponent, selector: "sky-data-manager-toolbar-right-item", ngImport: i0__namespace, template: "<ng-content></ng-content>\n" });
1308
- i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.8", ngImport: i0__namespace, type: SkyDataManagerToolbarRightItemComponent, decorators: [{
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
- templateUrl: './data-manager-toolbar-right-item.component.html'
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.8", ngImport: i0__namespace, type: SkyDataManagerToolbarSectionComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
1327
- SkyDataManagerToolbarSectionComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.8", 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" }] });
1328
- i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.8", ngImport: i0__namespace, type: SkyDataManagerToolbarSectionComponent, decorators: [{
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
- templateUrl: './data-manager-toolbar-section.component.html'
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.8", ngImport: i0__namespace, type: SkyDataManagerColumnPickerImplService, deps: [], target: i0__namespace.ɵɵFactoryTarget.Injectable });
1345
- SkyDataManagerColumnPickerImplService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.8", ngImport: i0__namespace, type: SkyDataManagerColumnPickerImplService });
1346
- i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.8", ngImport: i0__namespace, type: SkyDataManagerColumnPickerImplService, decorators: [{
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.8", ngImport: i0__namespace, type: SkyDataManagerModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
1356
- SkyDataManagerModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.8", ngImport: i0__namespace, type: SkyDataManagerModule, declarations: [SkyDataManagerColumnPickerComponent,
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.8", ngImport: i0__namespace, type: SkyDataManagerModule, providers: [
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.8", ngImport: i0__namespace, type: SkyDataManagerModule, decorators: [{
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
- exports1 = SkyDataManagerColumnPickerComponent;
1466
- exports2 = SkyDataManagerComponent;
1467
- exports3 = SkyDataManagerToolbarLeftItemComponent;
1468
- exports4 = SkyDataManagerToolbarPrimaryItemComponent;
1469
- exports5 = SkyDataManagerToolbarRightItemComponent;
1470
- exports6 = SkyDataManagerToolbarSectionComponent;
1471
- exports7 = SkyDataManagerToolbarComponent;
1472
- exports8 = SkyDataViewComponent;
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