@skyux/data-manager 5.0.0-beta.3 → 5.0.0-beta.7
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/bundles/skyux-data-manager.umd.js +42 -41
- package/bundles/skyux-data-manager.umd.js.map +1 -1
- package/documentation.json +42 -42
- package/esm2015/modules/data-manager/data-manager-column-picker/data-manager-column-picker-impl.service.js +3 -3
- package/esm2015/modules/data-manager/data-manager-column-picker/data-manager-column-picker.component.js +3 -3
- package/esm2015/modules/data-manager/data-manager-column-picker/data-manager-column-picker.service.js +3 -3
- package/esm2015/modules/data-manager/data-manager-toolbar/data-manager-toolbar-left-item.component.js +3 -3
- package/esm2015/modules/data-manager/data-manager-toolbar/data-manager-toolbar-primary-item.component.js +3 -3
- package/esm2015/modules/data-manager/data-manager-toolbar/data-manager-toolbar-right-item.component.js +3 -3
- package/esm2015/modules/data-manager/data-manager-toolbar/data-manager-toolbar-section.component.js +3 -3
- package/esm2015/modules/data-manager/data-manager-toolbar/data-manager-toolbar.component.js +5 -4
- package/esm2015/modules/data-manager/data-manager.component.js +3 -3
- package/esm2015/modules/data-manager/data-manager.module.js +4 -4
- package/esm2015/modules/data-manager/data-manager.service.js +3 -3
- package/esm2015/modules/data-manager/data-view.component.js +3 -3
- package/esm2015/modules/shared/sky-data-manager-resources.module.js +4 -4
- package/fesm2015/skyux-data-manager.js +42 -41
- package/fesm2015/skyux-data-manager.js.map +1 -1
- package/package.json +11 -11
package/documentation.json
CHANGED
|
@@ -6,13 +6,13 @@
|
|
|
6
6
|
"SkyDataManagerService": "class-skydatamanagerservice",
|
|
7
7
|
"SkyDataManagerState": "class-skydatamanagerstate",
|
|
8
8
|
"SkyDataViewState": "class-skydataviewstate",
|
|
9
|
-
"
|
|
10
|
-
"
|
|
11
|
-
"
|
|
12
|
-
"
|
|
13
|
-
"
|
|
14
|
-
"
|
|
15
|
-
"
|
|
9
|
+
"SkyDataManagerComponent": "class-skydatamanagercomponent",
|
|
10
|
+
"SkyDataManagerToolbarLeftItemComponent": "class-skydatamanagertoolbarleftitemcomponent",
|
|
11
|
+
"SkyDataManagerToolbarPrimaryItemComponent": "class-skydatamanagertoolbarprimaryitemcomponent",
|
|
12
|
+
"SkyDataManagerToolbarRightItemComponent": "class-skydatamanagertoolbarrightitemcomponent",
|
|
13
|
+
"SkyDataManagerToolbarSectionComponent": "class-skydatamanagertoolbarsectioncomponent",
|
|
14
|
+
"SkyDataManagerToolbarComponent": "class-skydatamanagertoolbarcomponent",
|
|
15
|
+
"SkyDataViewComponent": "class-skydataviewcomponent",
|
|
16
16
|
"SkyDataManagerConfig": "interface-skydatamanagerconfig",
|
|
17
17
|
"SkyDataManagerFilterData": "interface-skydatamanagerfilterdata",
|
|
18
18
|
"SkyDataManagerInitArgs": "interface-skydatamanagerinitargs",
|
|
@@ -1565,7 +1565,7 @@
|
|
|
1565
1565
|
},
|
|
1566
1566
|
{
|
|
1567
1567
|
"id": 41,
|
|
1568
|
-
"name": "
|
|
1568
|
+
"name": "SkyDataManagerComponent",
|
|
1569
1569
|
"kind": 128,
|
|
1570
1570
|
"kindString": "Class",
|
|
1571
1571
|
"flags": {},
|
|
@@ -1601,7 +1601,7 @@
|
|
|
1601
1601
|
"signatures": [
|
|
1602
1602
|
{
|
|
1603
1603
|
"id": 43,
|
|
1604
|
-
"name": "
|
|
1604
|
+
"name": "SkyDataManagerComponent",
|
|
1605
1605
|
"kind": 16384,
|
|
1606
1606
|
"kindString": "Constructor signature",
|
|
1607
1607
|
"flags": {},
|
|
@@ -1959,7 +1959,7 @@
|
|
|
1959
1959
|
},
|
|
1960
1960
|
{
|
|
1961
1961
|
"id": 71,
|
|
1962
|
-
"name": "
|
|
1962
|
+
"name": "SkyDataManagerToolbarLeftItemComponent",
|
|
1963
1963
|
"kind": 128,
|
|
1964
1964
|
"kindString": "Class",
|
|
1965
1965
|
"flags": {},
|
|
@@ -1988,7 +1988,7 @@
|
|
|
1988
1988
|
"signatures": [
|
|
1989
1989
|
{
|
|
1990
1990
|
"id": 73,
|
|
1991
|
-
"name": "
|
|
1991
|
+
"name": "SkyDataManagerToolbarLeftItemComponent",
|
|
1992
1992
|
"kind": 16384,
|
|
1993
1993
|
"kindString": "Constructor signature",
|
|
1994
1994
|
"flags": {},
|
|
@@ -2020,7 +2020,7 @@
|
|
|
2020
2020
|
},
|
|
2021
2021
|
{
|
|
2022
2022
|
"id": 74,
|
|
2023
|
-
"name": "
|
|
2023
|
+
"name": "SkyDataManagerToolbarPrimaryItemComponent",
|
|
2024
2024
|
"kind": 128,
|
|
2025
2025
|
"kindString": "Class",
|
|
2026
2026
|
"flags": {},
|
|
@@ -2049,7 +2049,7 @@
|
|
|
2049
2049
|
"signatures": [
|
|
2050
2050
|
{
|
|
2051
2051
|
"id": 76,
|
|
2052
|
-
"name": "
|
|
2052
|
+
"name": "SkyDataManagerToolbarPrimaryItemComponent",
|
|
2053
2053
|
"kind": 16384,
|
|
2054
2054
|
"kindString": "Constructor signature",
|
|
2055
2055
|
"flags": {},
|
|
@@ -2081,7 +2081,7 @@
|
|
|
2081
2081
|
},
|
|
2082
2082
|
{
|
|
2083
2083
|
"id": 77,
|
|
2084
|
-
"name": "
|
|
2084
|
+
"name": "SkyDataManagerToolbarRightItemComponent",
|
|
2085
2085
|
"kind": 128,
|
|
2086
2086
|
"kindString": "Class",
|
|
2087
2087
|
"flags": {},
|
|
@@ -2110,7 +2110,7 @@
|
|
|
2110
2110
|
"signatures": [
|
|
2111
2111
|
{
|
|
2112
2112
|
"id": 79,
|
|
2113
|
-
"name": "
|
|
2113
|
+
"name": "SkyDataManagerToolbarRightItemComponent",
|
|
2114
2114
|
"kind": 16384,
|
|
2115
2115
|
"kindString": "Constructor signature",
|
|
2116
2116
|
"flags": {},
|
|
@@ -2142,7 +2142,7 @@
|
|
|
2142
2142
|
},
|
|
2143
2143
|
{
|
|
2144
2144
|
"id": 80,
|
|
2145
|
-
"name": "
|
|
2145
|
+
"name": "SkyDataManagerToolbarSectionComponent",
|
|
2146
2146
|
"kind": 128,
|
|
2147
2147
|
"kindString": "Class",
|
|
2148
2148
|
"flags": {},
|
|
@@ -2171,7 +2171,7 @@
|
|
|
2171
2171
|
"signatures": [
|
|
2172
2172
|
{
|
|
2173
2173
|
"id": 82,
|
|
2174
|
-
"name": "
|
|
2174
|
+
"name": "SkyDataManagerToolbarSectionComponent",
|
|
2175
2175
|
"kind": 16384,
|
|
2176
2176
|
"kindString": "Constructor signature",
|
|
2177
2177
|
"flags": {},
|
|
@@ -2203,7 +2203,7 @@
|
|
|
2203
2203
|
},
|
|
2204
2204
|
{
|
|
2205
2205
|
"id": 83,
|
|
2206
|
-
"name": "
|
|
2206
|
+
"name": "SkyDataManagerToolbarComponent",
|
|
2207
2207
|
"kind": 128,
|
|
2208
2208
|
"kindString": "Class",
|
|
2209
2209
|
"flags": {},
|
|
@@ -2218,7 +2218,7 @@
|
|
|
2218
2218
|
"name": "Component"
|
|
2219
2219
|
},
|
|
2220
2220
|
"arguments": {
|
|
2221
|
-
"obj": "{\n selector: 'sky-data-manager-toolbar',\n templateUrl: './data-manager-toolbar.component.html',\n changeDetection: ChangeDetectionStrategy.OnPush\n}"
|
|
2221
|
+
"obj": "{\n selector: 'sky-data-manager-toolbar',\n templateUrl: './data-manager-toolbar.component.html',\n styleUrls: ['./data-manager-toolbar.component.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush\n}"
|
|
2222
2222
|
}
|
|
2223
2223
|
}
|
|
2224
2224
|
],
|
|
@@ -2232,14 +2232,14 @@
|
|
|
2232
2232
|
"sources": [
|
|
2233
2233
|
{
|
|
2234
2234
|
"fileName": "projects/data-manager/src/modules/data-manager/data-manager-toolbar/data-manager-toolbar.component.ts",
|
|
2235
|
-
"line":
|
|
2235
|
+
"line": 126,
|
|
2236
2236
|
"character": 2
|
|
2237
2237
|
}
|
|
2238
2238
|
],
|
|
2239
2239
|
"signatures": [
|
|
2240
2240
|
{
|
|
2241
2241
|
"id": 85,
|
|
2242
|
-
"name": "
|
|
2242
|
+
"name": "SkyDataManagerToolbarComponent",
|
|
2243
2243
|
"kind": 16384,
|
|
2244
2244
|
"kindString": "Constructor signature",
|
|
2245
2245
|
"flags": {},
|
|
@@ -2309,7 +2309,7 @@
|
|
|
2309
2309
|
"sources": [
|
|
2310
2310
|
{
|
|
2311
2311
|
"fileName": "projects/data-manager/src/modules/data-manager/data-manager-toolbar/data-manager-toolbar.component.ts",
|
|
2312
|
-
"line":
|
|
2312
|
+
"line": 116,
|
|
2313
2313
|
"character": 9
|
|
2314
2314
|
}
|
|
2315
2315
|
],
|
|
@@ -2329,7 +2329,7 @@
|
|
|
2329
2329
|
"sources": [
|
|
2330
2330
|
{
|
|
2331
2331
|
"fileName": "projects/data-manager/src/modules/data-manager/data-manager-toolbar/data-manager-toolbar.component.ts",
|
|
2332
|
-
"line":
|
|
2332
|
+
"line": 75,
|
|
2333
2333
|
"character": 13
|
|
2334
2334
|
}
|
|
2335
2335
|
],
|
|
@@ -2358,7 +2358,7 @@
|
|
|
2358
2358
|
"sources": [
|
|
2359
2359
|
{
|
|
2360
2360
|
"fileName": "projects/data-manager/src/modules/data-manager/data-manager-toolbar/data-manager-toolbar.component.ts",
|
|
2361
|
-
"line":
|
|
2361
|
+
"line": 80,
|
|
2362
2362
|
"character": 13
|
|
2363
2363
|
}
|
|
2364
2364
|
],
|
|
@@ -2415,7 +2415,7 @@
|
|
|
2415
2415
|
"sources": [
|
|
2416
2416
|
{
|
|
2417
2417
|
"fileName": "projects/data-manager/src/modules/data-manager/data-manager-toolbar/data-manager-toolbar.component.ts",
|
|
2418
|
-
"line":
|
|
2418
|
+
"line": 89,
|
|
2419
2419
|
"character": 13
|
|
2420
2420
|
}
|
|
2421
2421
|
],
|
|
@@ -2472,7 +2472,7 @@
|
|
|
2472
2472
|
"sources": [
|
|
2473
2473
|
{
|
|
2474
2474
|
"fileName": "projects/data-manager/src/modules/data-manager/data-manager-toolbar/data-manager-toolbar.component.ts",
|
|
2475
|
-
"line":
|
|
2475
|
+
"line": 98,
|
|
2476
2476
|
"character": 13
|
|
2477
2477
|
}
|
|
2478
2478
|
],
|
|
@@ -2529,7 +2529,7 @@
|
|
|
2529
2529
|
"sources": [
|
|
2530
2530
|
{
|
|
2531
2531
|
"fileName": "projects/data-manager/src/modules/data-manager/data-manager-toolbar/data-manager-toolbar.component.ts",
|
|
2532
|
-
"line":
|
|
2532
|
+
"line": 107,
|
|
2533
2533
|
"character": 13
|
|
2534
2534
|
}
|
|
2535
2535
|
],
|
|
@@ -2592,7 +2592,7 @@
|
|
|
2592
2592
|
"sources": [
|
|
2593
2593
|
{
|
|
2594
2594
|
"fileName": "projects/data-manager/src/modules/data-manager/data-manager-toolbar/data-manager-toolbar.component.ts",
|
|
2595
|
-
"line":
|
|
2595
|
+
"line": 241,
|
|
2596
2596
|
"character": 9
|
|
2597
2597
|
}
|
|
2598
2598
|
],
|
|
@@ -2621,7 +2621,7 @@
|
|
|
2621
2621
|
"sources": [
|
|
2622
2622
|
{
|
|
2623
2623
|
"fileName": "projects/data-manager/src/modules/data-manager/data-manager-toolbar/data-manager-toolbar.component.ts",
|
|
2624
|
-
"line":
|
|
2624
|
+
"line": 184,
|
|
2625
2625
|
"character": 9
|
|
2626
2626
|
}
|
|
2627
2627
|
],
|
|
@@ -2650,7 +2650,7 @@
|
|
|
2650
2650
|
"sources": [
|
|
2651
2651
|
{
|
|
2652
2652
|
"fileName": "projects/data-manager/src/modules/data-manager/data-manager-toolbar/data-manager-toolbar.component.ts",
|
|
2653
|
-
"line":
|
|
2653
|
+
"line": 165,
|
|
2654
2654
|
"character": 9
|
|
2655
2655
|
}
|
|
2656
2656
|
],
|
|
@@ -2687,7 +2687,7 @@
|
|
|
2687
2687
|
"sources": [
|
|
2688
2688
|
{
|
|
2689
2689
|
"fileName": "projects/data-manager/src/modules/data-manager/data-manager-toolbar/data-manager-toolbar.component.ts",
|
|
2690
|
-
"line":
|
|
2690
|
+
"line": 133,
|
|
2691
2691
|
"character": 9
|
|
2692
2692
|
}
|
|
2693
2693
|
],
|
|
@@ -2724,7 +2724,7 @@
|
|
|
2724
2724
|
"sources": [
|
|
2725
2725
|
{
|
|
2726
2726
|
"fileName": "projects/data-manager/src/modules/data-manager/data-manager-toolbar/data-manager-toolbar.component.ts",
|
|
2727
|
-
"line":
|
|
2727
|
+
"line": 248,
|
|
2728
2728
|
"character": 9
|
|
2729
2729
|
}
|
|
2730
2730
|
],
|
|
@@ -2766,7 +2766,7 @@
|
|
|
2766
2766
|
"sources": [
|
|
2767
2767
|
{
|
|
2768
2768
|
"fileName": "projects/data-manager/src/modules/data-manager/data-manager-toolbar/data-manager-toolbar.component.ts",
|
|
2769
|
-
"line":
|
|
2769
|
+
"line": 175,
|
|
2770
2770
|
"character": 9
|
|
2771
2771
|
}
|
|
2772
2772
|
],
|
|
@@ -2808,7 +2808,7 @@
|
|
|
2808
2808
|
"sources": [
|
|
2809
2809
|
{
|
|
2810
2810
|
"fileName": "projects/data-manager/src/modules/data-manager/data-manager-toolbar/data-manager-toolbar.component.ts",
|
|
2811
|
-
"line":
|
|
2811
|
+
"line": 206,
|
|
2812
2812
|
"character": 9
|
|
2813
2813
|
}
|
|
2814
2814
|
],
|
|
@@ -2837,7 +2837,7 @@
|
|
|
2837
2837
|
"sources": [
|
|
2838
2838
|
{
|
|
2839
2839
|
"fileName": "projects/data-manager/src/modules/data-manager/data-manager-toolbar/data-manager-toolbar.component.ts",
|
|
2840
|
-
"line":
|
|
2840
|
+
"line": 179,
|
|
2841
2841
|
"character": 9
|
|
2842
2842
|
}
|
|
2843
2843
|
],
|
|
@@ -2879,7 +2879,7 @@
|
|
|
2879
2879
|
"sources": [
|
|
2880
2880
|
{
|
|
2881
2881
|
"fileName": "projects/data-manager/src/modules/data-manager/data-manager-toolbar/data-manager-toolbar.component.ts",
|
|
2882
|
-
"line":
|
|
2882
|
+
"line": 234,
|
|
2883
2883
|
"character": 9
|
|
2884
2884
|
}
|
|
2885
2885
|
],
|
|
@@ -2908,7 +2908,7 @@
|
|
|
2908
2908
|
"sources": [
|
|
2909
2909
|
{
|
|
2910
2910
|
"fileName": "projects/data-manager/src/modules/data-manager/data-manager-toolbar/data-manager-toolbar.component.ts",
|
|
2911
|
-
"line":
|
|
2911
|
+
"line": 170,
|
|
2912
2912
|
"character": 9
|
|
2913
2913
|
}
|
|
2914
2914
|
],
|
|
@@ -2987,7 +2987,7 @@
|
|
|
2987
2987
|
"sources": [
|
|
2988
2988
|
{
|
|
2989
2989
|
"fileName": "projects/data-manager/src/modules/data-manager/data-manager-toolbar/data-manager-toolbar.component.ts",
|
|
2990
|
-
"line":
|
|
2990
|
+
"line": 73,
|
|
2991
2991
|
"character": 13
|
|
2992
2992
|
}
|
|
2993
2993
|
],
|
|
@@ -3004,7 +3004,7 @@
|
|
|
3004
3004
|
},
|
|
3005
3005
|
{
|
|
3006
3006
|
"id": 139,
|
|
3007
|
-
"name": "
|
|
3007
|
+
"name": "SkyDataViewComponent",
|
|
3008
3008
|
"kind": 128,
|
|
3009
3009
|
"kindString": "Class",
|
|
3010
3010
|
"flags": {},
|
|
@@ -3040,7 +3040,7 @@
|
|
|
3040
3040
|
"signatures": [
|
|
3041
3041
|
{
|
|
3042
3042
|
"id": 141,
|
|
3043
|
-
"name": "
|
|
3043
|
+
"name": "SkyDataViewComponent",
|
|
3044
3044
|
"kind": 16384,
|
|
3045
3045
|
"kindString": "Constructor signature",
|
|
3046
3046
|
"flags": {},
|
|
@@ -4268,7 +4268,7 @@
|
|
|
4268
4268
|
{
|
|
4269
4269
|
"fileName": "data-manager-demo.module.ts",
|
|
4270
4270
|
"filePath": "/projects/data-manager/documentation/code-examples/data-manager/basic/data-manager-demo.module.ts",
|
|
4271
|
-
"rawContents": "import {\n
|
|
4271
|
+
"rawContents": "import {\n CommonModule\n} from '@angular/common';\n\nimport {\n NgModule\n} from '@angular/core';\n\nimport {\n FormsModule\n} from '@angular/forms';\n\nimport {\n SkyCardModule,\n SkyToolbarModule\n} from '@skyux/layout';\n\nimport {\n SkyCheckboxModule\n} from '@skyux/forms';\n\nimport {\n SkyDataManagerModule\n} from '@skyux/data-manager';\n\nimport {\n SkyModalModule\n} from '@skyux/modals';\n\nimport {\n SkyRepeaterModule\n} from '@skyux/lists';\n\nimport {\n DataManagerDemoComponent\n} from './data-manager-demo.component';\n\nimport {\n DataManagerFiltersModalDemoComponent\n} from './data-filter-modal.component';\n\nimport {\n DataViewCardsDemoComponent\n} from './data-view-cards.component';\n\nimport {\n DataViewRepeaterDemoComponent\n} from './data-view-repeater.component';\n\n@NgModule({\n declarations: [\n DataManagerDemoComponent,\n DataManagerFiltersModalDemoComponent,\n DataViewCardsDemoComponent,\n DataViewRepeaterDemoComponent\n ],\n imports: [\n CommonModule,\n FormsModule,\n SkyCardModule,\n SkyCheckboxModule,\n SkyDataManagerModule,\n SkyModalModule,\n SkyRepeaterModule,\n SkyToolbarModule\n ],\n exports: [\n DataManagerDemoComponent\n ],\n entryComponents: [\n DataManagerDemoComponent,\n DataManagerFiltersModalDemoComponent\n ]\n})\nexport class DataManagerDemoModule { }\n"
|
|
4272
4272
|
},
|
|
4273
4273
|
{
|
|
4274
4274
|
"fileName": "data-view-cards.component.html",
|
|
@@ -4288,7 +4288,7 @@
|
|
|
4288
4288
|
{
|
|
4289
4289
|
"fileName": "data-view-repeater.component.ts",
|
|
4290
4290
|
"filePath": "/projects/data-manager/documentation/code-examples/data-manager/basic/data-view-repeater.component.ts",
|
|
4291
|
-
"rawContents": "import {\n ChangeDetectionStrategy,\n ChangeDetectorRef,\n Component,\n Input,\n OnInit\n} from '@angular/core';\n\nimport {\n SkyDataManagerState,\n SkyDataViewConfig,\n SkyDataManagerService\n} from '@skyux/data-manager';\n\n@Component({\n selector: 'app-data-view-repeater-demo',\n templateUrl: './data-view-repeater.component.html',\n changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class DataViewRepeaterDemoComponent implements OnInit {\n\n @Input()\n public items: any[];\n\n public dataState = new SkyDataManagerState({});\n\n public displayedItems: any[];\n\n public isActive: boolean;\n\n public viewId = 'repeaterView';\n\n public viewConfig: SkyDataViewConfig = {\n id: this.viewId,\n name: 'Repeater View',\n icon: 'list',\n searchEnabled: true,\n filterButtonEnabled: true,\n multiselectToolbarEnabled: true,\n onClearAllClick: this.clearAll.bind(this),\n onSelectAllClick: this.selectAll.bind(this)\n };\n\n constructor(\n private changeDetector: ChangeDetectorRef,\n private dataManagerService: SkyDataManagerService\n ) { }\n\n public ngOnInit(): void {\n this.displayedItems = this.items;\n\n this.dataManagerService.initDataView(this.viewConfig);\n\n this.dataManagerService.getDataStateUpdates(this.viewId).subscribe(state => {\n this.dataState = state;\n this.updateData();\n });\n\n this.dataManagerService.getActiveViewIdUpdates().subscribe(id => {\n this.isActive = id === this.viewId;\n });\n }\n\n public updateData(): void {\n let selectedIds = this.dataState.selectedIds || [];\n this.items.forEach(item => {\n item.selected = selectedIds.indexOf(item.id) !== -1;\n });\n this.displayedItems = this.filterItems(this.searchItems(this.items));\n\n if (this.dataState.onlyShowSelected) {\n this.displayedItems = this.displayedItems.filter(item => item.selected);\n }\n\n this.changeDetector.detectChanges();\n }\n\n public searchItems(items: any[]): any[] {\n let searchedItems = items;\n let searchText = this.dataState && this.dataState.searchText?.toUpperCase();\n\n if (searchText) {\n searchedItems = items.filter(function (item: any) {\n let property: any;\n\n for (property in item) {\n if (item.hasOwnProperty(property) && (property === 'name' || property === 'description')) {\n const propertyText = item[property].toUpperCase();\n if (propertyText.indexOf(searchText) > -1) {\n return true;\n }\n }\n }\n\n return false;\n });\n }\n return searchedItems;\n }\n\n public filterItems(items: any[]): any[] {\n let filteredItems = items;\n let filterData = this.dataState && this.dataState.filterData;\n\n if (filterData && filterData.filters) {\n let filters = filterData.filters;\n filteredItems = items.filter((item: any) => {\n if (((filters.hideOrange && item.color !== 'orange') || !filters.hideOrange) &&\n ((filters.type !== 'any' && item.type === filters.type) || (!filters.type || filters.type === 'any'))) {\n return true;\n }\n return false;\n });\n }\n\n return filteredItems;\n }\n\n public selectAll(): void {\n let selectedIds = this.dataState.selectedIds || [];\n\n this.displayedItems.forEach(item => {\n if (!item.selected) {\n item.selected = true;\n selectedIds.push(item.id);\n }\n });\n\n this.dataState.selectedIds = selectedIds;\n this.dataManagerService.updateDataState(this.dataState, this.viewId);\n this.changeDetector.markForCheck();\n }\n\n public clearAll(): void {\n let selectedIds = this.dataState.selectedIds || [];\n\n this.displayedItems.forEach(item => {\n if (item.selected) {\n let itemIndex = selectedIds.indexOf(item.id);\n item.selected = false;\n selectedIds.splice(itemIndex, 1);\n }\n });\n this.dataState.selectedIds = selectedIds;\n this.dataManagerService.updateDataState(this.dataState, this.viewId);\n this.changeDetector.markForCheck();\n }\n\n public onItemSelect(isSelected: boolean, item: any): void {\n let selectedItems = this.dataState.selectedIds || [];\n let itemIndex = selectedItems.indexOf(item.id);\n\n if (isSelected && itemIndex === -1) {\n selectedItems.push(item.id);\n } else if (!isSelected && itemIndex !== -1) {\n selectedItems.splice(itemIndex, 1);\n }\n\n this.dataState.selectedIds = selectedItems;\n this.dataManagerService.updateDataState(this.dataState, this.viewId);\n }\n}\n"
|
|
4291
|
+
"rawContents": "import {\n ChangeDetectionStrategy,\n ChangeDetectorRef,\n Component,\n Input,\n OnInit\n} from '@angular/core';\n\nimport {\n SkyDataManagerState,\n SkyDataViewConfig,\n SkyDataManagerService\n} from '@skyux/data-manager';\n\n@Component({\n selector: 'app-data-view-repeater-demo',\n templateUrl: './data-view-repeater.component.html',\n changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class DataViewRepeaterDemoComponent implements OnInit {\n\n @Input()\n public items: any[];\n\n public dataState = new SkyDataManagerState({});\n\n public displayedItems: any[];\n\n public isActive: boolean;\n\n public viewId = 'repeaterView';\n\n public viewConfig: SkyDataViewConfig = {\n id: this.viewId,\n name: 'Repeater View',\n icon: 'list',\n searchEnabled: true,\n filterButtonEnabled: true,\n multiselectToolbarEnabled: true,\n onClearAllClick: this.clearAll.bind(this),\n onSelectAllClick: this.selectAll.bind(this)\n };\n\n constructor(\n private changeDetector: ChangeDetectorRef,\n private dataManagerService: SkyDataManagerService\n ) { }\n\n public ngOnInit(): void {\n this.displayedItems = this.items;\n\n this.dataManagerService.initDataView(this.viewConfig);\n\n this.dataManagerService.getDataStateUpdates(this.viewId).subscribe(state => {\n this.dataState = state;\n this.updateData();\n });\n\n this.dataManagerService.getActiveViewIdUpdates().subscribe(id => {\n this.isActive = id === this.viewId;\n });\n }\n\n public updateData(): void {\n let selectedIds = this.dataState.selectedIds || [];\n this.items.forEach(item => {\n item.selected = selectedIds.indexOf(item.id) !== -1;\n });\n this.displayedItems = this.filterItems(this.searchItems(this.items));\n\n if (this.dataState.onlyShowSelected) {\n this.displayedItems = this.displayedItems.filter(item => item.selected);\n }\n\n this.changeDetector.detectChanges();\n }\n\n public searchItems(items: any[]): any[] {\n let searchedItems = items;\n let searchText = this.dataState && this.dataState.searchText?.toUpperCase();\n\n if (searchText) {\n searchedItems = items.filter(function (item: any) {\n let property: any;\n\n for (property in item) {\n if (item.hasOwnProperty(property) && (property === 'name' || property === 'description')) {\n const propertyText = item[property].toUpperCase();\n if (propertyText.indexOf(searchText) > -1) {\n return true;\n }\n }\n }\n\n return false;\n });\n }\n return searchedItems;\n }\n\n public filterItems(items: any[]): any[] {\n let filteredItems = items;\n let filterData = this.dataState && this.dataState.filterData;\n\n if (filterData && filterData.filters) {\n let filters = filterData.filters;\n filteredItems = items.filter((item: any) => {\n if (((filters.hideOrange && item.color !== 'orange') || !filters.hideOrange) &&\n ((filters.type !== 'any' && item.type === filters.type) || (!filters.type || filters.type === 'any'))) {\n return true;\n }\n return false;\n });\n }\n\n return filteredItems;\n }\n\n public selectAll(): void {\n let selectedIds = this.dataState.selectedIds || [];\n\n this.displayedItems.forEach(item => {\n if (!item.selected) {\n item.selected = true;\n selectedIds.push(item.id);\n }\n });\n\n this.dataState.selectedIds = selectedIds;\n this.dataManagerService.updateDataState(this.dataState, this.viewId);\n this.changeDetector.markForCheck();\n }\n\n public clearAll(): void {\n let selectedIds = this.dataState.selectedIds || [];\n\n this.displayedItems.forEach(item => {\n if (item.selected) {\n let itemIndex = selectedIds.indexOf(item.id);\n item.selected = false;\n selectedIds.splice(itemIndex, 1);\n }\n });\n\n if (this.dataState.onlyShowSelected) {\n this.displayedItems = [];\n }\n\n this.dataState.selectedIds = selectedIds;\n this.dataManagerService.updateDataState(this.dataState, this.viewId);\n this.changeDetector.markForCheck();\n }\n\n public onItemSelect(isSelected: boolean, item: any): void {\n let selectedItems = this.dataState.selectedIds || [];\n let itemIndex = selectedItems.indexOf(item.id);\n\n if (isSelected && itemIndex === -1) {\n selectedItems.push(item.id);\n } else if (!isSelected && itemIndex !== -1) {\n selectedItems.splice(itemIndex, 1);\n }\n\n this.dataState.selectedIds = selectedItems;\n this.dataManagerService.updateDataState(this.dataState, this.viewId);\n if (this.dataState.onlyShowSelected && this.displayedItems) {\n this.displayedItems = this.displayedItems.filter((itm) => itm.selected);\n this.changeDetector.markForCheck();\n }\n }\n}\n"
|
|
4292
4292
|
}
|
|
4293
4293
|
]
|
|
4294
4294
|
}
|
|
@@ -6,9 +6,9 @@ export class SkyDataManagerColumnPickerImplService {
|
|
|
6
6
|
return SkyDataManagerColumnPickerComponent;
|
|
7
7
|
}
|
|
8
8
|
}
|
|
9
|
-
SkyDataManagerColumnPickerImplService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
10
|
-
SkyDataManagerColumnPickerImplService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.
|
|
11
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
9
|
+
SkyDataManagerColumnPickerImplService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.7", ngImport: i0, type: SkyDataManagerColumnPickerImplService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
|
|
10
|
+
SkyDataManagerColumnPickerImplService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.7", ngImport: i0, type: SkyDataManagerColumnPickerImplService });
|
|
11
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.7", ngImport: i0, type: SkyDataManagerColumnPickerImplService, decorators: [{
|
|
12
12
|
type: Injectable
|
|
13
13
|
}] });
|
|
14
14
|
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGF0YS1tYW5hZ2VyLWNvbHVtbi1waWNrZXItaW1wbC5zZXJ2aWNlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZGF0YS1tYW5hZ2VyL3NyYy9tb2R1bGVzL2RhdGEtbWFuYWdlci9kYXRhLW1hbmFnZXItY29sdW1uLXBpY2tlci9kYXRhLW1hbmFnZXItY29sdW1uLXBpY2tlci1pbXBsLnNlcnZpY2UudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLFVBQVUsRUFDWCxNQUFNLGVBQWUsQ0FBQztBQUV2QixPQUFPLEVBQ0wsbUNBQW1DLEVBQ3BDLE1BQU0sd0NBQXdDLENBQUM7O0FBR2hELE1BQU0sT0FBTyxxQ0FBcUM7SUFDekMsZ0JBQWdCO1FBQ3JCLE9BQU8sbUNBQW1DLENBQUM7SUFDN0MsQ0FBQzs7a0lBSFUscUNBQXFDO3NJQUFyQyxxQ0FBcUM7MkZBQXJDLHFDQUFxQztrQkFEakQsVUFBVSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIEluamVjdGFibGVcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbmltcG9ydCB7XG4gIFNreURhdGFNYW5hZ2VyQ29sdW1uUGlja2VyQ29tcG9uZW50XG59IGZyb20gJy4vZGF0YS1tYW5hZ2VyLWNvbHVtbi1waWNrZXIuY29tcG9uZW50JztcblxuQEluamVjdGFibGUoKVxuZXhwb3J0IGNsYXNzIFNreURhdGFNYW5hZ2VyQ29sdW1uUGlja2VySW1wbFNlcnZpY2Uge1xuICBwdWJsaWMgZ2V0Q29tcG9uZW50VHlwZSgpOiB0eXBlb2YgU2t5RGF0YU1hbmFnZXJDb2x1bW5QaWNrZXJDb21wb25lbnQge1xuICAgIHJldHVybiBTa3lEYXRhTWFuYWdlckNvbHVtblBpY2tlckNvbXBvbmVudDtcbiAgfVxufVxuIl19
|
|
@@ -140,9 +140,9 @@ export class SkyDataManagerColumnPickerComponent {
|
|
|
140
140
|
return formattedColumnOptions;
|
|
141
141
|
}
|
|
142
142
|
}
|
|
143
|
-
SkyDataManagerColumnPickerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
144
|
-
SkyDataManagerColumnPickerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.
|
|
145
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
143
|
+
SkyDataManagerColumnPickerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.7", ngImport: i0, type: SkyDataManagerColumnPickerComponent, deps: [{ token: i1.SkyDataManagerColumnPickerContext }, { token: i2.SkyDataManagerService }, { token: i3.SkyModalInstance }, { token: i4.SkyLibResourcesService }], target: i0.ɵɵFactoryTarget.Component });
|
|
144
|
+
SkyDataManagerColumnPickerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.7", type: SkyDataManagerColumnPickerComponent, selector: "sky-data-manager-column-picker", providers: [SkyDataManagerService], ngImport: i0, 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.λ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: ["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 });
|
|
145
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.7", ngImport: i0, type: SkyDataManagerColumnPickerComponent, decorators: [{
|
|
146
146
|
type: Component,
|
|
147
147
|
args: [{
|
|
148
148
|
selector: 'sky-data-manager-column-picker',
|
|
@@ -8,9 +8,9 @@ import * as i0 from "@angular/core";
|
|
|
8
8
|
*/
|
|
9
9
|
export class SkyDataManagerColumnPickerService {
|
|
10
10
|
}
|
|
11
|
-
SkyDataManagerColumnPickerService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
12
|
-
SkyDataManagerColumnPickerService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.
|
|
13
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
11
|
+
SkyDataManagerColumnPickerService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.7", ngImport: i0, type: SkyDataManagerColumnPickerService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
|
|
12
|
+
SkyDataManagerColumnPickerService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.7", ngImport: i0, type: SkyDataManagerColumnPickerService });
|
|
13
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.7", ngImport: i0, type: SkyDataManagerColumnPickerService, decorators: [{
|
|
14
14
|
type: Injectable
|
|
15
15
|
}] });
|
|
16
16
|
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGF0YS1tYW5hZ2VyLWNvbHVtbi1waWNrZXIuc2VydmljZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2RhdGEtbWFuYWdlci9zcmMvbW9kdWxlcy9kYXRhLW1hbmFnZXIvZGF0YS1tYW5hZ2VyLWNvbHVtbi1waWNrZXIvZGF0YS1tYW5hZ2VyLWNvbHVtbi1waWNrZXIuc2VydmljZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsVUFBVSxFQUNYLE1BQU0sZUFBZSxDQUFDOztBQU12Qjs7Ozs7R0FLRztBQUVILE1BQU0sT0FBZ0IsaUNBQWlDOzs4SEFBakMsaUNBQWlDO2tJQUFqQyxpQ0FBaUM7MkZBQWpDLGlDQUFpQztrQkFEdEQsVUFBVSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIEluamVjdGFibGVcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbmltcG9ydCB0eXBlIHtcbiAgU2t5RGF0YU1hbmFnZXJDb2x1bW5QaWNrZXJDb21wb25lbnRcbn0gZnJvbSAnLi9kYXRhLW1hbmFnZXItY29sdW1uLXBpY2tlci5jb21wb25lbnQnO1xuXG4vKipcbiAqIFNlcnZpY2UgdGhhdCBwcm92aWRlcyB0aGUgY29sdW1uIHBpY2tlciBjb21wb25lbnQgdHlwZSBzbyBpdCBjYW4gYmUgZHluYW1pY2FsbHlcbiAqIGNyZWF0ZWQgaW4gdGhlIHRvb2xiYXIgY29tcG9uZW50LiBUaGlzIGF2b2lkcyBhIGNpcmN1bGFyIHJlZmVyZW5jZSBiZXR3ZWVuIGNvbHVtblxuICogcGlja2VyIGFuZCB0b29sYmFyLlxuICogaHR0cHM6Ly9hbmd1bGFyLmlvL2Vycm9ycy9ORzMwMDNcbiAqL1xuQEluamVjdGFibGUoKVxuZXhwb3J0IGFic3RyYWN0IGNsYXNzIFNreURhdGFNYW5hZ2VyQ29sdW1uUGlja2VyU2VydmljZSB7XG4gIHB1YmxpYyBhYnN0cmFjdCBnZXRDb21wb25lbnRUeXBlKCk6IHR5cGVvZiBTa3lEYXRhTWFuYWdlckNvbHVtblBpY2tlckNvbXBvbmVudDtcbn1cbiJdfQ==
|
|
@@ -8,9 +8,9 @@ import * as i1 from "@skyux/layout";
|
|
|
8
8
|
*/
|
|
9
9
|
export class SkyDataManagerToolbarLeftItemComponent {
|
|
10
10
|
}
|
|
11
|
-
SkyDataManagerToolbarLeftItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
12
|
-
SkyDataManagerToolbarLeftItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.
|
|
13
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
11
|
+
SkyDataManagerToolbarLeftItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.7", ngImport: i0, type: SkyDataManagerToolbarLeftItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
12
|
+
SkyDataManagerToolbarLeftItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.7", 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.7", ngImport: i0, type: SkyDataManagerToolbarLeftItemComponent, decorators: [{
|
|
14
14
|
type: Component,
|
|
15
15
|
args: [{
|
|
16
16
|
selector: 'sky-data-manager-toolbar-left-item',
|
|
@@ -8,9 +8,9 @@ import * as i1 from "@skyux/layout";
|
|
|
8
8
|
*/
|
|
9
9
|
export class SkyDataManagerToolbarPrimaryItemComponent {
|
|
10
10
|
}
|
|
11
|
-
SkyDataManagerToolbarPrimaryItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
12
|
-
SkyDataManagerToolbarPrimaryItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.
|
|
13
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
11
|
+
SkyDataManagerToolbarPrimaryItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.7", ngImport: i0, type: SkyDataManagerToolbarPrimaryItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
12
|
+
SkyDataManagerToolbarPrimaryItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.7", 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.7", ngImport: i0, type: SkyDataManagerToolbarPrimaryItemComponent, decorators: [{
|
|
14
14
|
type: Component,
|
|
15
15
|
args: [{
|
|
16
16
|
selector: 'sky-data-manager-toolbar-primary-item',
|
|
@@ -8,9 +8,9 @@ import * as i0 from "@angular/core";
|
|
|
8
8
|
*/
|
|
9
9
|
export class SkyDataManagerToolbarRightItemComponent {
|
|
10
10
|
}
|
|
11
|
-
SkyDataManagerToolbarRightItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
12
|
-
SkyDataManagerToolbarRightItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.
|
|
13
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
11
|
+
SkyDataManagerToolbarRightItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.7", ngImport: i0, type: SkyDataManagerToolbarRightItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
12
|
+
SkyDataManagerToolbarRightItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.7", 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.7", ngImport: i0, type: SkyDataManagerToolbarRightItemComponent, decorators: [{
|
|
14
14
|
type: Component,
|
|
15
15
|
args: [{
|
|
16
16
|
selector: 'sky-data-manager-toolbar-right-item',
|
package/esm2015/modules/data-manager/data-manager-toolbar/data-manager-toolbar-section.component.js
CHANGED
|
@@ -8,9 +8,9 @@ import * as i1 from "@skyux/layout";
|
|
|
8
8
|
*/
|
|
9
9
|
export class SkyDataManagerToolbarSectionComponent {
|
|
10
10
|
}
|
|
11
|
-
SkyDataManagerToolbarSectionComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
12
|
-
SkyDataManagerToolbarSectionComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.
|
|
13
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
11
|
+
SkyDataManagerToolbarSectionComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.7", ngImport: i0, type: SkyDataManagerToolbarSectionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
12
|
+
SkyDataManagerToolbarSectionComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.7", 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.7", ngImport: i0, type: SkyDataManagerToolbarSectionComponent, decorators: [{
|
|
14
14
|
type: Component,
|
|
15
15
|
args: [{
|
|
16
16
|
selector: 'sky-data-manager-toolbar-section',
|