@skyux/data-manager 5.6.2 → 6.0.0-beta.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (99) hide show
  1. package/documentation.json +3 -3
  2. package/esm2020/index.mjs +26 -0
  3. package/esm2020/lib/modules/data-manager/data-manager-column-picker/data-manager-column-picker-context.mjs +9 -0
  4. package/esm2020/lib/modules/data-manager/data-manager-column-picker/data-manager-column-picker-impl.service.mjs +14 -0
  5. package/esm2020/lib/modules/data-manager/data-manager-column-picker/data-manager-column-picker.component.mjs +157 -0
  6. package/esm2020/lib/modules/data-manager/data-manager-column-picker/data-manager-column-picker.service.mjs +16 -0
  7. package/esm2020/lib/modules/data-manager/data-manager-filter-context.mjs +3 -0
  8. package/esm2020/lib/modules/data-manager/data-manager-toolbar/data-manager-toolbar-left-item.component.mjs +17 -0
  9. package/esm2020/lib/modules/data-manager/data-manager-toolbar/data-manager-toolbar-primary-item.component.mjs +17 -0
  10. package/esm2020/lib/modules/data-manager/data-manager-toolbar/data-manager-toolbar-right-item.component.mjs +17 -0
  11. package/esm2020/lib/modules/data-manager/data-manager-toolbar/data-manager-toolbar-section.component.mjs +17 -0
  12. package/esm2020/lib/modules/data-manager/data-manager-toolbar/data-manager-toolbar.component.mjs +180 -0
  13. package/esm2020/lib/modules/data-manager/data-manager.component.mjs +80 -0
  14. package/esm2020/lib/modules/data-manager/data-manager.module.mjs +122 -0
  15. package/esm2020/lib/modules/data-manager/data-manager.service.mjs +277 -0
  16. package/esm2020/lib/modules/data-manager/data-view.component.mjs +48 -0
  17. package/esm2020/lib/modules/data-manager/models/data-manager-column-picker-option.mjs +2 -0
  18. package/esm2020/lib/modules/data-manager/models/data-manager-column-picker-sort-strategy.mjs +6 -0
  19. package/esm2020/lib/modules/data-manager/models/data-manager-config.mjs +2 -0
  20. package/esm2020/lib/modules/data-manager/models/data-manager-filter-data.mjs +2 -0
  21. package/esm2020/lib/modules/data-manager/models/data-manager-init-args.mjs +2 -0
  22. package/esm2020/lib/modules/data-manager/models/data-manager-sort-option.mjs +2 -0
  23. package/esm2020/lib/modules/data-manager/models/data-manager-state-change.mjs +11 -0
  24. package/esm2020/lib/modules/data-manager/models/data-manager-state-options.mjs +2 -0
  25. package/esm2020/lib/modules/data-manager/models/data-manager-state-update-filter-args.mjs +2 -0
  26. package/esm2020/lib/modules/data-manager/models/data-manager-state.mjs +49 -0
  27. package/esm2020/lib/modules/data-manager/models/data-view-config.mjs +2 -0
  28. package/esm2020/lib/modules/data-manager/models/data-view-state-options.mjs +2 -0
  29. package/esm2020/lib/modules/data-manager/models/data-view-state.mjs +19 -0
  30. package/esm2020/lib/modules/shared/sky-data-manager-resources.module.mjs +57 -0
  31. package/esm2020/skyux-data-manager.mjs +5 -0
  32. package/fesm2015/{skyux-data-manager.js → skyux-data-manager.mjs} +54 -86
  33. package/fesm2015/skyux-data-manager.mjs.map +1 -0
  34. package/fesm2020/skyux-data-manager.mjs +1038 -0
  35. package/fesm2020/skyux-data-manager.mjs.map +1 -0
  36. package/lib/modules/shared/sky-data-manager-resources.module.d.ts +1 -1
  37. package/package.json +30 -17
  38. package/bundles/skyux-data-manager.umd.js +0 -1524
  39. package/esm2015/index.js +0 -26
  40. package/esm2015/index.js.map +0 -1
  41. package/esm2015/lib/modules/data-manager/data-manager-column-picker/data-manager-column-picker-context.js +0 -9
  42. package/esm2015/lib/modules/data-manager/data-manager-column-picker/data-manager-column-picker-context.js.map +0 -1
  43. package/esm2015/lib/modules/data-manager/data-manager-column-picker/data-manager-column-picker-impl.service.js +0 -14
  44. package/esm2015/lib/modules/data-manager/data-manager-column-picker/data-manager-column-picker-impl.service.js.map +0 -1
  45. package/esm2015/lib/modules/data-manager/data-manager-column-picker/data-manager-column-picker.component.js +0 -164
  46. package/esm2015/lib/modules/data-manager/data-manager-column-picker/data-manager-column-picker.component.js.map +0 -1
  47. package/esm2015/lib/modules/data-manager/data-manager-column-picker/data-manager-column-picker.service.js +0 -16
  48. package/esm2015/lib/modules/data-manager/data-manager-column-picker/data-manager-column-picker.service.js.map +0 -1
  49. package/esm2015/lib/modules/data-manager/data-manager-filter-context.js +0 -3
  50. package/esm2015/lib/modules/data-manager/data-manager-filter-context.js.map +0 -1
  51. package/esm2015/lib/modules/data-manager/data-manager-toolbar/data-manager-toolbar-left-item.component.js +0 -20
  52. package/esm2015/lib/modules/data-manager/data-manager-toolbar/data-manager-toolbar-left-item.component.js.map +0 -1
  53. package/esm2015/lib/modules/data-manager/data-manager-toolbar/data-manager-toolbar-primary-item.component.js +0 -20
  54. package/esm2015/lib/modules/data-manager/data-manager-toolbar/data-manager-toolbar-primary-item.component.js.map +0 -1
  55. package/esm2015/lib/modules/data-manager/data-manager-toolbar/data-manager-toolbar-right-item.component.js +0 -20
  56. package/esm2015/lib/modules/data-manager/data-manager-toolbar/data-manager-toolbar-right-item.component.js.map +0 -1
  57. package/esm2015/lib/modules/data-manager/data-manager-toolbar/data-manager-toolbar-section.component.js +0 -20
  58. package/esm2015/lib/modules/data-manager/data-manager-toolbar/data-manager-toolbar-section.component.js.map +0 -1
  59. package/esm2015/lib/modules/data-manager/data-manager-toolbar/data-manager-toolbar.component.js +0 -185
  60. package/esm2015/lib/modules/data-manager/data-manager-toolbar/data-manager-toolbar.component.js.map +0 -1
  61. package/esm2015/lib/modules/data-manager/data-manager.component.js +0 -84
  62. package/esm2015/lib/modules/data-manager/data-manager.component.js.map +0 -1
  63. package/esm2015/lib/modules/data-manager/data-manager.module.js +0 -123
  64. package/esm2015/lib/modules/data-manager/data-manager.module.js.map +0 -1
  65. package/esm2015/lib/modules/data-manager/data-manager.service.js +0 -278
  66. package/esm2015/lib/modules/data-manager/data-manager.service.js.map +0 -1
  67. package/esm2015/lib/modules/data-manager/data-view.component.js +0 -52
  68. package/esm2015/lib/modules/data-manager/data-view.component.js.map +0 -1
  69. package/esm2015/lib/modules/data-manager/models/data-manager-column-picker-option.js +0 -2
  70. package/esm2015/lib/modules/data-manager/models/data-manager-column-picker-option.js.map +0 -1
  71. package/esm2015/lib/modules/data-manager/models/data-manager-column-picker-sort-strategy.js +0 -6
  72. package/esm2015/lib/modules/data-manager/models/data-manager-column-picker-sort-strategy.js.map +0 -1
  73. package/esm2015/lib/modules/data-manager/models/data-manager-config.js +0 -2
  74. package/esm2015/lib/modules/data-manager/models/data-manager-config.js.map +0 -1
  75. package/esm2015/lib/modules/data-manager/models/data-manager-filter-data.js +0 -2
  76. package/esm2015/lib/modules/data-manager/models/data-manager-filter-data.js.map +0 -1
  77. package/esm2015/lib/modules/data-manager/models/data-manager-init-args.js +0 -2
  78. package/esm2015/lib/modules/data-manager/models/data-manager-init-args.js.map +0 -1
  79. package/esm2015/lib/modules/data-manager/models/data-manager-sort-option.js +0 -2
  80. package/esm2015/lib/modules/data-manager/models/data-manager-sort-option.js.map +0 -1
  81. package/esm2015/lib/modules/data-manager/models/data-manager-state-change.js +0 -11
  82. package/esm2015/lib/modules/data-manager/models/data-manager-state-change.js.map +0 -1
  83. package/esm2015/lib/modules/data-manager/models/data-manager-state-options.js +0 -2
  84. package/esm2015/lib/modules/data-manager/models/data-manager-state-options.js.map +0 -1
  85. package/esm2015/lib/modules/data-manager/models/data-manager-state-update-filter-args.js +0 -2
  86. package/esm2015/lib/modules/data-manager/models/data-manager-state-update-filter-args.js.map +0 -1
  87. package/esm2015/lib/modules/data-manager/models/data-manager-state.js +0 -49
  88. package/esm2015/lib/modules/data-manager/models/data-manager-state.js.map +0 -1
  89. package/esm2015/lib/modules/data-manager/models/data-view-config.js +0 -2
  90. package/esm2015/lib/modules/data-manager/models/data-view-config.js.map +0 -1
  91. package/esm2015/lib/modules/data-manager/models/data-view-state-options.js +0 -2
  92. package/esm2015/lib/modules/data-manager/models/data-view-state-options.js.map +0 -1
  93. package/esm2015/lib/modules/data-manager/models/data-view-state.js +0 -19
  94. package/esm2015/lib/modules/data-manager/models/data-view-state.js.map +0 -1
  95. package/esm2015/lib/modules/shared/sky-data-manager-resources.module.js +0 -57
  96. package/esm2015/lib/modules/shared/sky-data-manager-resources.module.js.map +0 -1
  97. package/esm2015/skyux-data-manager.js +0 -5
  98. package/esm2015/skyux-data-manager.js.map +0 -1
  99. package/fesm2015/skyux-data-manager.js.map +0 -1
package/esm2015/index.js DELETED
@@ -1,26 +0,0 @@
1
- export * from './lib/modules/data-manager/data-manager.module';
2
- export * from './lib/modules/data-manager/data-manager.service';
3
- export * from './lib/modules/data-manager/data-manager-filter-context';
4
- export * from './lib/modules/data-manager/models/data-manager-column-picker-option';
5
- export * from './lib/modules/data-manager/models/data-manager-column-picker-sort-strategy';
6
- export * from './lib/modules/data-manager/models/data-manager-config';
7
- export * from './lib/modules/data-manager/models/data-manager-filter-data';
8
- export * from './lib/modules/data-manager/models/data-manager-init-args';
9
- export * from './lib/modules/data-manager/models/data-manager-sort-option';
10
- export * from './lib/modules/data-manager/models/data-manager-state';
11
- export * from './lib/modules/data-manager/models/data-manager-state-options';
12
- export * from './lib/modules/data-manager/models/data-manager-state-update-filter-args';
13
- export * from './lib/modules/data-manager/models/data-view-config';
14
- export * from './lib/modules/data-manager/models/data-view-state';
15
- export * from './lib/modules/data-manager/models/data-view-state-options';
16
- // Components and directives must be exported to support Angular's "partial" Ivy compiler.
17
- // Obscure names are used to indicate types are not part of public API.
18
- export { SkyDataManagerColumnPickerComponent as λ1 } from './lib/modules/data-manager/data-manager-column-picker/data-manager-column-picker.component';
19
- export { SkyDataManagerComponent as λ2 } from './lib/modules/data-manager/data-manager.component';
20
- export { SkyDataManagerToolbarLeftItemComponent as λ3 } from './lib/modules/data-manager/data-manager-toolbar/data-manager-toolbar-left-item.component';
21
- export { SkyDataManagerToolbarPrimaryItemComponent as λ4 } from './lib/modules/data-manager/data-manager-toolbar/data-manager-toolbar-primary-item.component';
22
- export { SkyDataManagerToolbarRightItemComponent as λ5 } from './lib/modules/data-manager/data-manager-toolbar/data-manager-toolbar-right-item.component';
23
- export { SkyDataManagerToolbarSectionComponent as λ6 } from './lib/modules/data-manager/data-manager-toolbar/data-manager-toolbar-section.component';
24
- export { SkyDataManagerToolbarComponent as λ7 } from './lib/modules/data-manager/data-manager-toolbar/data-manager-toolbar.component';
25
- export { SkyDataViewComponent as λ8 } from './lib/modules/data-manager/data-view.component';
26
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../libs/components/data-manager/src/index.ts"],"names":[],"mappings":"AAAA,cAAc,gDAAgD,CAAC;AAC/D,cAAc,iDAAiD,CAAC;AAChE,cAAc,wDAAwD,CAAC;AACvE,cAAc,qEAAqE,CAAC;AACpF,cAAc,4EAA4E,CAAC;AAC3F,cAAc,uDAAuD,CAAC;AACtE,cAAc,4DAA4D,CAAC;AAC3E,cAAc,0DAA0D,CAAC;AACzE,cAAc,4DAA4D,CAAC;AAC3E,cAAc,sDAAsD,CAAC;AACrE,cAAc,8DAA8D,CAAC;AAC7E,cAAc,yEAAyE,CAAC;AACxF,cAAc,oDAAoD,CAAC;AACnE,cAAc,mDAAmD,CAAC;AAClE,cAAc,2DAA2D,CAAC;AAE1E,0FAA0F;AAC1F,uEAAuE;AACvE,OAAO,EAAE,mCAAmC,IAAI,EAAE,EAAE,MAAM,4FAA4F,CAAC;AACvJ,OAAO,EAAE,uBAAuB,IAAI,EAAE,EAAE,MAAM,mDAAmD,CAAC;AAClG,OAAO,EAAE,sCAAsC,IAAI,EAAE,EAAE,MAAM,0FAA0F,CAAC;AACxJ,OAAO,EAAE,yCAAyC,IAAI,EAAE,EAAE,MAAM,6FAA6F,CAAC;AAC9J,OAAO,EAAE,uCAAuC,IAAI,EAAE,EAAE,MAAM,2FAA2F,CAAC;AAC1J,OAAO,EAAE,qCAAqC,IAAI,EAAE,EAAE,MAAM,wFAAwF,CAAC;AACrJ,OAAO,EAAE,8BAA8B,IAAI,EAAE,EAAE,MAAM,gFAAgF,CAAC;AACtI,OAAO,EAAE,oBAAoB,IAAI,EAAE,EAAE,MAAM,gDAAgD,CAAC","sourcesContent":["export * from './lib/modules/data-manager/data-manager.module';\nexport * from './lib/modules/data-manager/data-manager.service';\nexport * from './lib/modules/data-manager/data-manager-filter-context';\nexport * from './lib/modules/data-manager/models/data-manager-column-picker-option';\nexport * from './lib/modules/data-manager/models/data-manager-column-picker-sort-strategy';\nexport * from './lib/modules/data-manager/models/data-manager-config';\nexport * from './lib/modules/data-manager/models/data-manager-filter-data';\nexport * from './lib/modules/data-manager/models/data-manager-init-args';\nexport * from './lib/modules/data-manager/models/data-manager-sort-option';\nexport * from './lib/modules/data-manager/models/data-manager-state';\nexport * from './lib/modules/data-manager/models/data-manager-state-options';\nexport * from './lib/modules/data-manager/models/data-manager-state-update-filter-args';\nexport * from './lib/modules/data-manager/models/data-view-config';\nexport * from './lib/modules/data-manager/models/data-view-state';\nexport * from './lib/modules/data-manager/models/data-view-state-options';\n\n// Components and directives must be exported to support Angular's \"partial\" Ivy compiler.\n// Obscure names are used to indicate types are not part of public API.\nexport { SkyDataManagerColumnPickerComponent as λ1 } from './lib/modules/data-manager/data-manager-column-picker/data-manager-column-picker.component';\nexport { SkyDataManagerComponent as λ2 } from './lib/modules/data-manager/data-manager.component';\nexport { SkyDataManagerToolbarLeftItemComponent as λ3 } from './lib/modules/data-manager/data-manager-toolbar/data-manager-toolbar-left-item.component';\nexport { SkyDataManagerToolbarPrimaryItemComponent as λ4 } from './lib/modules/data-manager/data-manager-toolbar/data-manager-toolbar-primary-item.component';\nexport { SkyDataManagerToolbarRightItemComponent as λ5 } from './lib/modules/data-manager/data-manager-toolbar/data-manager-toolbar-right-item.component';\nexport { SkyDataManagerToolbarSectionComponent as λ6 } from './lib/modules/data-manager/data-manager-toolbar/data-manager-toolbar-section.component';\nexport { SkyDataManagerToolbarComponent as λ7 } from './lib/modules/data-manager/data-manager-toolbar/data-manager-toolbar.component';\nexport { SkyDataViewComponent as λ8 } from './lib/modules/data-manager/data-view.component';\n"]}
@@ -1,9 +0,0 @@
1
- import { SkyDataManagerColumnPickerSortStrategy } from '../models/data-manager-column-picker-sort-strategy';
2
- export class SkyDataManagerColumnPickerContext {
3
- constructor(columnOptions, displayedColumnIds, columnPickerSortStrategy = SkyDataManagerColumnPickerSortStrategy.SelectedThenAlphabetical) {
4
- this.columnOptions = columnOptions;
5
- this.displayedColumnIds = displayedColumnIds;
6
- this.columnPickerSortStrategy = columnPickerSortStrategy;
7
- }
8
- }
9
- //# sourceMappingURL=data-manager-column-picker-context.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"data-manager-column-picker-context.js","sourceRoot":"","sources":["../../../../../../../../../libs/components/data-manager/src/lib/modules/data-manager/data-manager-column-picker/data-manager-column-picker-context.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,sCAAsC,EAAE,MAAM,oDAAoD,CAAC;AAE5G,MAAM,OAAO,iCAAiC;IAC5C,YACS,aAAiD,EACjD,kBAA4B,EAC5B,2BAAmE,sCAAsC,CAAC,wBAAwB;QAFlI,kBAAa,GAAb,aAAa,CAAoC;QACjD,uBAAkB,GAAlB,kBAAkB,CAAU;QAC5B,6BAAwB,GAAxB,wBAAwB,CAA0G;IACxI,CAAC;CACL","sourcesContent":["import { SkyDataManagerColumnPickerOption } from '../models/data-manager-column-picker-option';\nimport { SkyDataManagerColumnPickerSortStrategy } from '../models/data-manager-column-picker-sort-strategy';\n\nexport class SkyDataManagerColumnPickerContext {\n constructor(\n public columnOptions: SkyDataManagerColumnPickerOption[],\n public displayedColumnIds: string[],\n public columnPickerSortStrategy: SkyDataManagerColumnPickerSortStrategy = SkyDataManagerColumnPickerSortStrategy.SelectedThenAlphabetical\n ) {}\n}\n"]}
@@ -1,14 +0,0 @@
1
- import { Injectable } from '@angular/core';
2
- import { SkyDataManagerColumnPickerComponent } from './data-manager-column-picker.component';
3
- import * as i0 from "@angular/core";
4
- export class SkyDataManagerColumnPickerImplService {
5
- getComponentType() {
6
- return SkyDataManagerColumnPickerComponent;
7
- }
8
- }
9
- SkyDataManagerColumnPickerImplService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyDataManagerColumnPickerImplService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
10
- SkyDataManagerColumnPickerImplService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyDataManagerColumnPickerImplService });
11
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyDataManagerColumnPickerImplService, decorators: [{
12
- type: Injectable
13
- }] });
14
- //# sourceMappingURL=data-manager-column-picker-impl.service.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"data-manager-column-picker-impl.service.js","sourceRoot":"","sources":["../../../../../../../../../libs/components/data-manager/src/lib/modules/data-manager/data-manager-column-picker/data-manager-column-picker-impl.service.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAE3C,OAAO,EAAE,mCAAmC,EAAE,MAAM,wCAAwC,CAAC;;AAG7F,MAAM,OAAO,qCAAqC;IACzC,gBAAgB;QACrB,OAAO,mCAAmC,CAAC;IAC7C,CAAC;;mIAHU,qCAAqC;uIAArC,qCAAqC;4FAArC,qCAAqC;kBADjD,UAAU","sourcesContent":["import { Injectable } from '@angular/core';\n\nimport { SkyDataManagerColumnPickerComponent } from './data-manager-column-picker.component';\n\n@Injectable()\nexport class SkyDataManagerColumnPickerImplService {\n public getComponentType(): typeof SkyDataManagerColumnPickerComponent {\n return SkyDataManagerColumnPickerComponent;\n }\n}\n"]}
@@ -1,164 +0,0 @@
1
- import { ChangeDetectionStrategy, Component, } from '@angular/core';
2
- import { SkyLibResourcesService } from '@skyux/i18n';
3
- import { SkyModalInstance } from '@skyux/modals';
4
- import { Subject } from 'rxjs';
5
- import { takeUntil } from 'rxjs/operators';
6
- import { SkyDataManagerService } from '../data-manager.service';
7
- import { SkyDataManagerColumnPickerSortStrategy } from '../models/data-manager-column-picker-sort-strategy';
8
- import { SkyDataManagerState } from '../models/data-manager-state';
9
- import { SkyDataManagerColumnPickerContext } from './data-manager-column-picker-context';
10
- import * as i0 from "@angular/core";
11
- import * as i1 from "./data-manager-column-picker-context";
12
- import * as i2 from "../data-manager.service";
13
- import * as i3 from "@skyux/modals";
14
- import * as i4 from "@skyux/i18n";
15
- import * as i5 from "../data-manager.component";
16
- import * as i6 from "../data-manager-toolbar/data-manager-toolbar.component";
17
- import * as i7 from "../data-view.component";
18
- import * as i8 from "@skyux/lists";
19
- import * as i9 from "@angular/common";
20
- /**
21
- * @internal
22
- */
23
- export class SkyDataManagerColumnPickerComponent {
24
- constructor(context, dataManagerService, instance, libResources) {
25
- this.context = context;
26
- this.dataManagerService = dataManagerService;
27
- this.instance = instance;
28
- this.libResources = libResources;
29
- this.title = 'Choose columns to show in the list';
30
- this.viewConfig = {
31
- id: 'columnPicker',
32
- name: 'Column Picker',
33
- searchEnabled: true,
34
- searchExpandMode: 'fit',
35
- multiselectToolbarEnabled: true,
36
- onSelectAllClick: this.selectAll.bind(this),
37
- onClearAllClick: this.clearAll.bind(this),
38
- };
39
- this._dataState = new SkyDataManagerState({});
40
- this._ngUnsubscribe = new Subject();
41
- }
42
- get dataState() {
43
- return this._dataState;
44
- }
45
- set dataState(value) {
46
- this._dataState = value;
47
- this.displayedColumnData = this.searchColumns(this.columnData.filter((col) => !col.alwaysDisplayed));
48
- if (value.onlyShowSelected) {
49
- this.displayedColumnData = this.displayedColumnData.filter((col) => col.isSelected);
50
- }
51
- }
52
- ngOnInit() {
53
- this.libResources
54
- .getString('skyux_data_manager_column_picker_title')
55
- .subscribe((value) => {
56
- console.log(value);
57
- });
58
- this.dataManagerService.initDataManager({
59
- activeViewId: this.viewConfig.id,
60
- dataManagerConfig: {},
61
- defaultDataState: this.dataState,
62
- });
63
- this.dataManagerService.initDataView(this.viewConfig);
64
- this.columnData = this.formatColumnOptions();
65
- this.dataManagerService
66
- .getDataStateUpdates('columnPicker')
67
- .pipe(takeUntil(this._ngUnsubscribe))
68
- .subscribe((state) => {
69
- this.dataState = state;
70
- });
71
- }
72
- ngOnDestroy() {
73
- this._ngUnsubscribe.next();
74
- this._ngUnsubscribe.complete();
75
- }
76
- searchColumns(columns) {
77
- var _a;
78
- let searchedColumns = columns;
79
- const searchText = this.dataState && ((_a = this.dataState.searchText) === null || _a === void 0 ? void 0 : _a.toUpperCase());
80
- if (searchText) {
81
- searchedColumns = columns.filter(function (item) {
82
- let property;
83
- for (property in item) {
84
- if (Object.prototype.hasOwnProperty.call(item, property) &&
85
- (property === 'label' || property === 'description')) {
86
- const propertyText = item[property] && item[property].toUpperCase();
87
- if (propertyText && propertyText.indexOf(searchText) > -1) {
88
- return true;
89
- }
90
- }
91
- }
92
- return false;
93
- });
94
- }
95
- return searchedColumns;
96
- }
97
- selectAll() {
98
- this.displayedColumnData.forEach((column) => (column.isSelected = true));
99
- }
100
- clearAll() {
101
- this.displayedColumnData.forEach((column) => (column.isSelected = false));
102
- }
103
- cancelChanges() {
104
- this.instance.cancel();
105
- }
106
- isSelected(id) {
107
- return (this.context.displayedColumnIds.findIndex((colId) => colId === id) !== -1);
108
- }
109
- applyChanges() {
110
- this.instance.save(this.columnData.filter((col) => col.isSelected || col.alwaysDisplayed));
111
- }
112
- formatColumnOptions() {
113
- const allColumnOptions = this.context.columnOptions;
114
- const visibleColumnIds = this.context.displayedColumnIds;
115
- let formattedColumnOptions = [];
116
- const unselectedColumnOptions = [];
117
- for (const columnOption of allColumnOptions) {
118
- // format the column with the properties the column picker needs
119
- const colIndex = visibleColumnIds.indexOf(columnOption.id);
120
- const formattedColumn = {
121
- alwaysDisplayed: columnOption.alwaysDisplayed,
122
- id: columnOption.id,
123
- label: columnOption.label,
124
- description: columnOption.description,
125
- isSelected: colIndex !== -1,
126
- };
127
- // if column picker sorting is currently enabled sort columns by order displayed then alphabetical
128
- // else display column in order they were specified in the columnOptions
129
- if (this.context.columnPickerSortStrategy ===
130
- SkyDataManagerColumnPickerSortStrategy.SelectedThenAlphabetical) {
131
- if (formattedColumn.isSelected) {
132
- formattedColumnOptions[colIndex] = formattedColumn;
133
- }
134
- else {
135
- unselectedColumnOptions.push(formattedColumn);
136
- }
137
- }
138
- else {
139
- formattedColumnOptions.push(formattedColumn);
140
- }
141
- }
142
- // if column picker sorting is enabled, sort the columns that are not currently displayed
143
- // and add them after the currently displayed options
144
- if (this.context.columnPickerSortStrategy ===
145
- SkyDataManagerColumnPickerSortStrategy.SelectedThenAlphabetical) {
146
- unselectedColumnOptions.sort((col1, col2) => col1.label.localeCompare(col2.label));
147
- formattedColumnOptions = formattedColumnOptions.concat(unselectedColumnOptions);
148
- }
149
- return formattedColumnOptions;
150
- }
151
- }
152
- SkyDataManagerColumnPickerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyDataManagerColumnPickerComponent, deps: [{ token: i1.SkyDataManagerColumnPickerContext }, { token: i2.SkyDataManagerService }, { token: i3.SkyModalInstance }, { token: i4.SkyLibResourcesService }], target: i0.ɵɵFactoryTarget.Component });
153
- SkyDataManagerColumnPickerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkyDataManagerColumnPickerComponent, selector: "sky-data-manager-column-picker", providers: [SkyDataManagerService], ngImport: i0, template: "<sky-modal>\n <sky-modal-header>\n {{ 'skyux_data_manager_column_picker_title' | skyLibResources }}\n </sky-modal-header>\n <sky-modal-content class=\"sky-data-manager-column-picker-content\">\n <sky-data-manager>\n <sky-data-manager-toolbar> </sky-data-manager-toolbar>\n\n <sky-data-view [viewId]=\"viewConfig.id\">\n <sky-repeater expandMode=\"none\">\n <sky-repeater-item\n *ngFor=\"let column of displayedColumnData\"\n [selectable]=\"true\"\n [(isSelected)]=\"column.isSelected\"\n >\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.λ5, selector: "sky-modal", inputs: ["ariaRole", "tiledBody"] }, { type: i3.λ4, selector: "sky-modal-header" }, { type: i3.λ2, selector: "sky-modal-content" }, { type: i5.SkyDataManagerComponent, selector: "sky-data-manager" }, { type: i6.SkyDataManagerToolbarComponent, selector: "sky-data-manager-toolbar" }, { type: i7.SkyDataViewComponent, selector: "sky-data-view", inputs: ["viewId"] }, { type: i8.λ11, selector: "sky-repeater", inputs: ["activeIndex", "ariaLabel", "reorderable", "expandMode"], outputs: ["activeIndexChange", "orderChange"] }, { type: i8.λ10, selector: "sky-repeater-item", inputs: ["itemName", "inlineFormConfig", "inlineFormTemplate", "isExpanded", "isSelected", "reorderable", "selectable", "showInlineForm", "tag"], outputs: ["collapse", "expand", "inlineFormClose", "isSelectedChange"] }, { type: i8.λ12, selector: "sky-repeater-item-title" }, { type: i8.λ8, selector: "sky-repeater-item-content" }, { type: i3.λ3, selector: "sky-modal-footer" }], directives: [{ type: i9.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], pipes: { "skyLibResources": i4.SkyLibResourcesPipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush });
154
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyDataManagerColumnPickerComponent, decorators: [{
155
- type: Component,
156
- args: [{
157
- selector: 'sky-data-manager-column-picker',
158
- templateUrl: './data-manager-column-picker.component.html',
159
- styleUrls: ['./data-manager-column-picker.component.scss'],
160
- providers: [SkyDataManagerService],
161
- changeDetection: ChangeDetectionStrategy.OnPush,
162
- }]
163
- }], ctorParameters: function () { return [{ type: i1.SkyDataManagerColumnPickerContext }, { type: i2.SkyDataManagerService }, { type: i3.SkyModalInstance }, { type: i4.SkyLibResourcesService }]; } });
164
- //# sourceMappingURL=data-manager-column-picker.component.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"data-manager-column-picker.component.js","sourceRoot":"","sources":["../../../../../../../../../libs/components/data-manager/src/lib/modules/data-manager/data-manager-column-picker/data-manager-column-picker.component.ts","../../../../../../../../../libs/components/data-manager/src/lib/modules/data-manager/data-manager-column-picker/data-manager-column-picker.component.html"],"names":[],"mappings":"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","sourcesContent":["import {\n ChangeDetectionStrategy,\n Component,\n OnDestroy,\n OnInit,\n} from '@angular/core';\nimport { SkyLibResourcesService } from '@skyux/i18n';\nimport { SkyModalInstance } from '@skyux/modals';\n\nimport { Subject } from 'rxjs';\nimport { takeUntil } from 'rxjs/operators';\n\nimport { SkyDataManagerService } from '../data-manager.service';\nimport { SkyDataManagerColumnPickerOption } from '../models/data-manager-column-picker-option';\nimport { SkyDataManagerColumnPickerSortStrategy } from '../models/data-manager-column-picker-sort-strategy';\nimport { SkyDataManagerState } from '../models/data-manager-state';\nimport { SkyDataViewConfig } from '../models/data-view-config';\n\nimport { SkyDataManagerColumnPickerContext } from './data-manager-column-picker-context';\n\n/**\n * @internal\n */\ninterface Column extends SkyDataManagerColumnPickerOption {\n isSelected: boolean;\n}\n\n/**\n * @internal\n */\n@Component({\n selector: 'sky-data-manager-column-picker',\n templateUrl: './data-manager-column-picker.component.html',\n styleUrls: ['./data-manager-column-picker.component.scss'],\n providers: [SkyDataManagerService],\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class SkyDataManagerColumnPickerComponent implements OnDestroy, OnInit {\n public get dataState(): SkyDataManagerState {\n return this._dataState;\n }\n\n public set dataState(value: SkyDataManagerState) {\n this._dataState = value;\n this.displayedColumnData = this.searchColumns(\n this.columnData.filter((col) => !col.alwaysDisplayed)\n );\n\n if (value.onlyShowSelected) {\n this.displayedColumnData = this.displayedColumnData.filter(\n (col) => col.isSelected\n );\n }\n }\n\n public title = 'Choose columns to show in the list';\n public columnData: Column[];\n public displayedColumnData: Column[];\n public viewConfig: SkyDataViewConfig = {\n id: 'columnPicker',\n name: 'Column Picker',\n searchEnabled: true,\n searchExpandMode: 'fit',\n multiselectToolbarEnabled: true,\n onSelectAllClick: this.selectAll.bind(this),\n onClearAllClick: this.clearAll.bind(this),\n };\n\n private _dataState = new SkyDataManagerState({});\n private _ngUnsubscribe = new Subject();\n\n constructor(\n public context: SkyDataManagerColumnPickerContext,\n public dataManagerService: SkyDataManagerService,\n public instance: SkyModalInstance,\n private libResources: SkyLibResourcesService\n ) {}\n\n public ngOnInit(): void {\n this.libResources\n .getString('skyux_data_manager_column_picker_title')\n .subscribe((value) => {\n console.log(value);\n });\n this.dataManagerService.initDataManager({\n activeViewId: this.viewConfig.id,\n dataManagerConfig: {},\n defaultDataState: this.dataState,\n });\n this.dataManagerService.initDataView(this.viewConfig);\n\n this.columnData = this.formatColumnOptions();\n\n this.dataManagerService\n .getDataStateUpdates('columnPicker')\n .pipe(takeUntil(this._ngUnsubscribe))\n .subscribe((state) => {\n this.dataState = state;\n });\n }\n\n public ngOnDestroy(): void {\n this._ngUnsubscribe.next();\n this._ngUnsubscribe.complete();\n }\n\n public searchColumns(columns: Column[]): Column[] {\n let searchedColumns = columns;\n const searchText =\n this.dataState && this.dataState.searchText?.toUpperCase();\n\n if (searchText) {\n searchedColumns = columns.filter(function (item: any) {\n let property: any;\n\n for (property in item) {\n if (\n Object.prototype.hasOwnProperty.call(item, property) &&\n (property === 'label' || property === 'description')\n ) {\n const propertyText: string =\n item[property] && item[property].toUpperCase();\n if (propertyText && propertyText.indexOf(searchText) > -1) {\n return true;\n }\n }\n }\n\n return false;\n });\n }\n return searchedColumns;\n }\n\n public selectAll(): void {\n this.displayedColumnData.forEach((column) => (column.isSelected = true));\n }\n\n public clearAll(): void {\n this.displayedColumnData.forEach((column) => (column.isSelected = false));\n }\n\n public cancelChanges(): void {\n this.instance.cancel();\n }\n\n public isSelected(id: string): boolean {\n return (\n this.context.displayedColumnIds.findIndex((colId) => colId === id) !== -1\n );\n }\n\n public applyChanges(): void {\n this.instance.save(\n this.columnData.filter((col) => col.isSelected || col.alwaysDisplayed)\n );\n }\n\n private formatColumnOptions(): Column[] {\n const allColumnOptions = this.context.columnOptions;\n const visibleColumnIds = this.context.displayedColumnIds;\n let formattedColumnOptions: Column[] = [];\n const unselectedColumnOptions: Column[] = [];\n\n for (const columnOption of allColumnOptions) {\n // format the column with the properties the column picker needs\n const colIndex = visibleColumnIds.indexOf(columnOption.id);\n const formattedColumn: Column = {\n alwaysDisplayed: columnOption.alwaysDisplayed,\n id: columnOption.id,\n label: columnOption.label,\n description: columnOption.description,\n isSelected: colIndex !== -1,\n };\n\n // if column picker sorting is currently enabled sort columns by order displayed then alphabetical\n // else display column in order they were specified in the columnOptions\n if (\n this.context.columnPickerSortStrategy ===\n SkyDataManagerColumnPickerSortStrategy.SelectedThenAlphabetical\n ) {\n if (formattedColumn.isSelected) {\n formattedColumnOptions[colIndex] = formattedColumn;\n } else {\n unselectedColumnOptions.push(formattedColumn);\n }\n } else {\n formattedColumnOptions.push(formattedColumn);\n }\n }\n\n // if column picker sorting is enabled, sort the columns that are not currently displayed\n // and add them after the currently displayed options\n if (\n this.context.columnPickerSortStrategy ===\n SkyDataManagerColumnPickerSortStrategy.SelectedThenAlphabetical\n ) {\n unselectedColumnOptions.sort((col1, col2) =>\n col1.label.localeCompare(col2.label)\n );\n formattedColumnOptions = formattedColumnOptions.concat(\n unselectedColumnOptions\n );\n }\n\n return formattedColumnOptions;\n }\n}\n","<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"]}
@@ -1,16 +0,0 @@
1
- import { Injectable } from '@angular/core';
2
- import * as i0 from "@angular/core";
3
- /**
4
- * Service that provides the column picker component type so it can be dynamically
5
- * created in the toolbar component. This avoids a circular reference between column
6
- * picker and toolbar.
7
- * https://angular.io/errors/NG3003
8
- */
9
- export class SkyDataManagerColumnPickerService {
10
- }
11
- SkyDataManagerColumnPickerService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyDataManagerColumnPickerService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
12
- SkyDataManagerColumnPickerService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyDataManagerColumnPickerService });
13
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyDataManagerColumnPickerService, decorators: [{
14
- type: Injectable
15
- }] });
16
- //# sourceMappingURL=data-manager-column-picker.service.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"data-manager-column-picker.service.js","sourceRoot":"","sources":["../../../../../../../../../libs/components/data-manager/src/lib/modules/data-manager/data-manager-column-picker/data-manager-column-picker.service.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;;AAI3C;;;;;GAKG;AAEH,MAAM,OAAgB,iCAAiC;;+HAAjC,iCAAiC;mIAAjC,iCAAiC;4FAAjC,iCAAiC;kBADtD,UAAU","sourcesContent":["import { Injectable } from '@angular/core';\n\nimport type { SkyDataManagerColumnPickerComponent } from './data-manager-column-picker.component';\n\n/**\n * Service that provides the column picker component type so it can be dynamically\n * created in the toolbar component. This avoids a circular reference between column\n * picker and toolbar.\n * https://angular.io/errors/NG3003\n */\n@Injectable()\nexport abstract class SkyDataManagerColumnPickerService {\n public abstract getComponentType(): typeof SkyDataManagerColumnPickerComponent;\n}\n"]}
@@ -1,3 +0,0 @@
1
- export class SkyDataManagerFilterModalContext {
2
- }
3
- //# sourceMappingURL=data-manager-filter-context.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"data-manager-filter-context.js","sourceRoot":"","sources":["../../../../../../../../libs/components/data-manager/src/lib/modules/data-manager/data-manager-filter-context.ts"],"names":[],"mappings":"AAEA,MAAM,OAAO,gCAAgC;CAE5C","sourcesContent":["import { SkyDataManagerFilterData } from './models/data-manager-filter-data';\n\nexport class SkyDataManagerFilterModalContext {\n public filterData: SkyDataManagerFilterData;\n}\n"]}
@@ -1,20 +0,0 @@
1
- import { Component } from '@angular/core';
2
- import * as i0 from "@angular/core";
3
- import * as i1 from "@skyux/layout";
4
- /**
5
- * A wrapper for an item to be rendered in `SkyDataManagerToolbarComponent`. The contents are
6
- * rendered after the standard toolbar actions and before the search box. Each item should be
7
- * wrapped in its own `sky-data-manager-toolbar-left-item`. The items render in the order they are in in the template.
8
- */
9
- export class SkyDataManagerToolbarLeftItemComponent {
10
- }
11
- SkyDataManagerToolbarLeftItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyDataManagerToolbarLeftItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
12
- SkyDataManagerToolbarLeftItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkyDataManagerToolbarLeftItemComponent, selector: "sky-data-manager-toolbar-left-item", ngImport: i0, template: "<sky-toolbar-item>\n <ng-content></ng-content>\n</sky-toolbar-item>\n", components: [{ type: i1.λ39, selector: "sky-toolbar-item" }] });
13
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyDataManagerToolbarLeftItemComponent, decorators: [{
14
- type: Component,
15
- args: [{
16
- selector: 'sky-data-manager-toolbar-left-item',
17
- templateUrl: './data-manager-toolbar-left-item.component.html',
18
- }]
19
- }] });
20
- //# sourceMappingURL=data-manager-toolbar-left-item.component.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"data-manager-toolbar-left-item.component.js","sourceRoot":"","sources":["../../../../../../../../../libs/components/data-manager/src/lib/modules/data-manager/data-manager-toolbar/data-manager-toolbar-left-item.component.ts","../../../../../../../../../libs/components/data-manager/src/lib/modules/data-manager/data-manager-toolbar/data-manager-toolbar-left-item.component.html"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;;;AAE1C;;;;GAIG;AAKH,MAAM,OAAO,sCAAsC;;oIAAtC,sCAAsC;wHAAtC,sCAAsC,0ECXnD,wEAGA;4FDQa,sCAAsC;kBAJlD,SAAS;mBAAC;oBACT,QAAQ,EAAE,oCAAoC;oBAC9C,WAAW,EAAE,iDAAiD;iBAC/D","sourcesContent":["import { Component } from '@angular/core';\n\n/**\n * A wrapper for an item to be rendered in `SkyDataManagerToolbarComponent`. The contents are\n * rendered after the standard toolbar actions and before the search box. Each item should be\n * wrapped in its own `sky-data-manager-toolbar-left-item`. The items render in the order they are in in the template.\n */\n@Component({\n selector: 'sky-data-manager-toolbar-left-item',\n templateUrl: './data-manager-toolbar-left-item.component.html',\n})\nexport class SkyDataManagerToolbarLeftItemComponent {}\n","<sky-toolbar-item>\n <ng-content></ng-content>\n</sky-toolbar-item>\n"]}
@@ -1,20 +0,0 @@
1
- import { Component } from '@angular/core';
2
- import * as i0 from "@angular/core";
3
- import * as i1 from "@skyux/layout";
4
- /**
5
- * A wrapper for an item to be rendered in `SkyDataManagerToolbarComponent`. The contents are
6
- * rendered as the first items in the toolbar and should be standard actions. Each item should be
7
- * wrapped in its own `sky-data-manager-toolbar-primary-item`. The items render in the order they are in in the template.
8
- */
9
- export class SkyDataManagerToolbarPrimaryItemComponent {
10
- }
11
- SkyDataManagerToolbarPrimaryItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyDataManagerToolbarPrimaryItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
12
- SkyDataManagerToolbarPrimaryItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkyDataManagerToolbarPrimaryItemComponent, selector: "sky-data-manager-toolbar-primary-item", ngImport: i0, template: "<sky-toolbar-item>\n <ng-content></ng-content>\n</sky-toolbar-item>\n", components: [{ type: i1.λ39, selector: "sky-toolbar-item" }] });
13
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyDataManagerToolbarPrimaryItemComponent, decorators: [{
14
- type: Component,
15
- args: [{
16
- selector: 'sky-data-manager-toolbar-primary-item',
17
- templateUrl: './data-manager-toolbar-primary-item.component.html',
18
- }]
19
- }] });
20
- //# sourceMappingURL=data-manager-toolbar-primary-item.component.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"data-manager-toolbar-primary-item.component.js","sourceRoot":"","sources":["../../../../../../../../../libs/components/data-manager/src/lib/modules/data-manager/data-manager-toolbar/data-manager-toolbar-primary-item.component.ts","../../../../../../../../../libs/components/data-manager/src/lib/modules/data-manager/data-manager-toolbar/data-manager-toolbar-primary-item.component.html"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;;;AAE1C;;;;GAIG;AAKH,MAAM,OAAO,yCAAyC;;uIAAzC,yCAAyC;2HAAzC,yCAAyC,6ECXtD,wEAGA;4FDQa,yCAAyC;kBAJrD,SAAS;mBAAC;oBACT,QAAQ,EAAE,uCAAuC;oBACjD,WAAW,EAAE,oDAAoD;iBAClE","sourcesContent":["import { Component } from '@angular/core';\n\n/**\n * A wrapper for an item to be rendered in `SkyDataManagerToolbarComponent`. The contents are\n * rendered as the first items in the toolbar and should be standard actions. Each item should be\n * wrapped in its own `sky-data-manager-toolbar-primary-item`. The items render in the order they are in in the template.\n */\n@Component({\n selector: 'sky-data-manager-toolbar-primary-item',\n templateUrl: './data-manager-toolbar-primary-item.component.html',\n})\nexport class SkyDataManagerToolbarPrimaryItemComponent {}\n","<sky-toolbar-item>\n <ng-content></ng-content>\n</sky-toolbar-item>\n"]}
@@ -1,20 +0,0 @@
1
- import { Component } from '@angular/core';
2
- import * as i0 from "@angular/core";
3
- /**
4
- * A wrapper for an item to be rendered in `SkyDataManagerToolbarComponent`. The contents are
5
- * rendered in `sky-toolbar-view-actions` on the right side of the toolbar and before the view
6
- * switcher icons (if present). Each item should be wrapped in its own
7
- * `sky-data-manager-toolbar-right-item`. The items render in the order they are in in the template.
8
- */
9
- export class SkyDataManagerToolbarRightItemComponent {
10
- }
11
- SkyDataManagerToolbarRightItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyDataManagerToolbarRightItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
12
- SkyDataManagerToolbarRightItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkyDataManagerToolbarRightItemComponent, selector: "sky-data-manager-toolbar-right-item", ngImport: i0, template: "<ng-content></ng-content>\n" });
13
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyDataManagerToolbarRightItemComponent, decorators: [{
14
- type: Component,
15
- args: [{
16
- selector: 'sky-data-manager-toolbar-right-item',
17
- templateUrl: './data-manager-toolbar-right-item.component.html',
18
- }]
19
- }] });
20
- //# sourceMappingURL=data-manager-toolbar-right-item.component.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"data-manager-toolbar-right-item.component.js","sourceRoot":"","sources":["../../../../../../../../../libs/components/data-manager/src/lib/modules/data-manager/data-manager-toolbar/data-manager-toolbar-right-item.component.ts","../../../../../../../../../libs/components/data-manager/src/lib/modules/data-manager/data-manager-toolbar/data-manager-toolbar-right-item.component.html"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;;AAE1C;;;;;GAKG;AAKH,MAAM,OAAO,uCAAuC;;qIAAvC,uCAAuC;yHAAvC,uCAAuC,2ECZpD,6BACA;4FDWa,uCAAuC;kBAJnD,SAAS;mBAAC;oBACT,QAAQ,EAAE,qCAAqC;oBAC/C,WAAW,EAAE,kDAAkD;iBAChE","sourcesContent":["import { Component } from '@angular/core';\n\n/**\n * A wrapper for an item to be rendered in `SkyDataManagerToolbarComponent`. The contents are\n * rendered in `sky-toolbar-view-actions` on the right side of the toolbar and before the view\n * switcher icons (if present). Each item should be wrapped in its own\n * `sky-data-manager-toolbar-right-item`. The items render in the order they are in in the template.\n */\n@Component({\n selector: 'sky-data-manager-toolbar-right-item',\n templateUrl: './data-manager-toolbar-right-item.component.html',\n})\nexport class SkyDataManagerToolbarRightItemComponent {}\n","<ng-content></ng-content>\n"]}
@@ -1,20 +0,0 @@
1
- import { Component } from '@angular/core';
2
- import * as i0 from "@angular/core";
3
- import * as i1 from "@skyux/layout";
4
- /**
5
- * A wrapper for items to be rendered in `SkyDataManagerToolbarComponent`. The contents are
6
- * rendered in an additional toolbar row beneath the primary toolbar and above the multiselect
7
- * toolbar (if present).
8
- */
9
- export class SkyDataManagerToolbarSectionComponent {
10
- }
11
- SkyDataManagerToolbarSectionComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyDataManagerToolbarSectionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
12
- SkyDataManagerToolbarSectionComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkyDataManagerToolbarSectionComponent, selector: "sky-data-manager-toolbar-section", ngImport: i0, template: "<sky-toolbar-section>\n <ng-content></ng-content>\n</sky-toolbar-section>\n", components: [{ type: i1.λ38, selector: "sky-toolbar-section" }] });
13
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyDataManagerToolbarSectionComponent, decorators: [{
14
- type: Component,
15
- args: [{
16
- selector: 'sky-data-manager-toolbar-section',
17
- templateUrl: './data-manager-toolbar-section.component.html',
18
- }]
19
- }] });
20
- //# sourceMappingURL=data-manager-toolbar-section.component.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"data-manager-toolbar-section.component.js","sourceRoot":"","sources":["../../../../../../../../../libs/components/data-manager/src/lib/modules/data-manager/data-manager-toolbar/data-manager-toolbar-section.component.ts","../../../../../../../../../libs/components/data-manager/src/lib/modules/data-manager/data-manager-toolbar/data-manager-toolbar-section.component.html"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;;;AAE1C;;;;GAIG;AAKH,MAAM,OAAO,qCAAqC;;mIAArC,qCAAqC;uHAArC,qCAAqC,wECXlD,8EAGA;4FDQa,qCAAqC;kBAJjD,SAAS;mBAAC;oBACT,QAAQ,EAAE,kCAAkC;oBAC5C,WAAW,EAAE,+CAA+C;iBAC7D","sourcesContent":["import { Component } from '@angular/core';\n\n/**\n * A wrapper for items to be rendered in `SkyDataManagerToolbarComponent`. The contents are\n * rendered in an additional toolbar row beneath the primary toolbar and above the multiselect\n * toolbar (if present).\n */\n@Component({\n selector: 'sky-data-manager-toolbar-section',\n templateUrl: './data-manager-toolbar-section.component.html',\n})\nexport class SkyDataManagerToolbarSectionComponent {}\n","<sky-toolbar-section>\n <ng-content></ng-content>\n</sky-toolbar-section>\n"]}