@skyux/data-manager 5.5.0 → 5.6.0

package/documentation.json

@@ -216,7 +216,7 @@
         "sources": [
           {
             "fileName": "projects/data-manager/src/modules/data-manager/data-manager.module.ts",
-            "line": 92,
+            "line": 74,
             "character": 13
           }
         ]
@@ -252,7 +252,7 @@
             "sources": [
               {
                 "fileName": "projects/data-manager/src/modules/data-manager/data-manager.service.ts",
-                "line": 59,
+                "line": 50,
                 "character": 2
               }
             ],
@@ -295,7 +295,7 @@
             "sources": [
               {
                 "fileName": "projects/data-manager/src/modules/data-manager/data-manager.service.ts",
-                "line": 41,
+                "line": 32,
                 "character": 9
               }
             ],
@@ -356,7 +356,7 @@
             "sources": [
               {
                 "fileName": "projects/data-manager/src/modules/data-manager/data-manager.service.ts",
-                "line": 294,
+                "line": 285,
                 "character": 9
               }
             ],
@@ -396,7 +396,7 @@
             "sources": [
               {
                 "fileName": "projects/data-manager/src/modules/data-manager/data-manager.service.ts",
-                "line": 265,
+                "line": 256,
                 "character": 9
               }
             ],
@@ -429,7 +429,7 @@
             "sources": [
               {
                 "fileName": "projects/data-manager/src/modules/data-manager/data-manager.service.ts",
-                "line": 272,
+                "line": 263,
                 "character": 9
               }
             ],
@@ -470,7 +470,7 @@
             "sources": [
               {
                 "fileName": "projects/data-manager/src/modules/data-manager/data-manager.service.ts",
-                "line": 225,
+                "line": 216,
                 "character": 9
               }
             ],
@@ -541,7 +541,7 @@
             "sources": [
               {
                 "fileName": "projects/data-manager/src/modules/data-manager/data-manager.service.ts",
-                "line": 287,
+                "line": 278,
                 "character": 9
               }
             ],
@@ -585,7 +585,7 @@
             "sources": [
               {
                 "fileName": "projects/data-manager/src/modules/data-manager/data-manager.service.ts",
-                "line": 310,
+                "line": 301,
                 "character": 9
               }
             ],
@@ -634,7 +634,7 @@
             "sources": [
               {
                 "fileName": "projects/data-manager/src/modules/data-manager/data-manager.service.ts",
-                "line": 77,
+                "line": 68,
                 "character": 9
               }
             ],
@@ -683,7 +683,7 @@
             "sources": [
               {
                 "fileName": "projects/data-manager/src/modules/data-manager/data-manager.service.ts",
-                "line": 125,
+                "line": 116,
                 "character": 9
               }
             ],
@@ -732,7 +732,7 @@
             "sources": [
               {
                 "fileName": "projects/data-manager/src/modules/data-manager/data-manager.service.ts",
-                "line": 61,
+                "line": 52,
                 "character": 9
               }
             ],
@@ -769,7 +769,7 @@
             "sources": [
               {
                 "fileName": "projects/data-manager/src/modules/data-manager/data-manager.service.ts",
-                "line": 302,
+                "line": 293,
                 "character": 9
               }
             ],
@@ -817,7 +817,7 @@
             "sources": [
               {
                 "fileName": "projects/data-manager/src/modules/data-manager/data-manager.service.ts",
-                "line": 280,
+                "line": 271,
                 "character": 9
               }
             ],
@@ -866,7 +866,7 @@
             "sources": [
               {
                 "fileName": "projects/data-manager/src/modules/data-manager/data-manager.service.ts",
-                "line": 255,
+                "line": 246,
                 "character": 9
               }
             ],
@@ -929,7 +929,7 @@
             "sources": [
               {
                 "fileName": "projects/data-manager/src/modules/data-manager/data-manager.service.ts",
-                "line": 325,
+                "line": 316,
                 "character": 9
               }
             ],
@@ -1006,7 +1006,7 @@
         "sources": [
           {
             "fileName": "projects/data-manager/src/modules/data-manager/data-manager.service.ts",
-            "line": 40,
+            "line": 31,
             "character": 13
           }
         ],
@@ -1035,7 +1035,7 @@
             "sources": [
               {
                 "fileName": "projects/data-manager/src/modules/data-manager/models/data-manager-state.ts",
-                "line": 20,
+                "line": 16,
                 "character": 2
               }
             ],
@@ -1079,7 +1079,7 @@
             "sources": [
               {
                 "fileName": "projects/data-manager/src/modules/data-manager/models/data-manager-state.ts",
-                "line": 12,
+                "line": 8,
                 "character": 9
               }
             ],
@@ -1100,7 +1100,7 @@
             "sources": [
               {
                 "fileName": "projects/data-manager/src/modules/data-manager/models/data-manager-state.ts",
-                "line": 13,
+                "line": 9,
                 "character": 9
               }
             ],
@@ -1120,7 +1120,7 @@
             "sources": [
               {
                 "fileName": "projects/data-manager/src/modules/data-manager/models/data-manager-state.ts",
-                "line": 14,
+                "line": 10,
                 "character": 9
               }
             ],
@@ -1141,7 +1141,7 @@
             "sources": [
               {
                 "fileName": "projects/data-manager/src/modules/data-manager/models/data-manager-state.ts",
-                "line": 15,
+                "line": 11,
                 "character": 9
               }
             ],
@@ -1161,7 +1161,7 @@
             "sources": [
               {
                 "fileName": "projects/data-manager/src/modules/data-manager/models/data-manager-state.ts",
-                "line": 16,
+                "line": 12,
                 "character": 9
               }
             ],
@@ -1181,7 +1181,7 @@
             "sources": [
               {
                 "fileName": "projects/data-manager/src/modules/data-manager/models/data-manager-state.ts",
-                "line": 17,
+                "line": 13,
                 "character": 9
               }
             ],
@@ -1204,7 +1204,7 @@
             "sources": [
               {
                 "fileName": "projects/data-manager/src/modules/data-manager/models/data-manager-state.ts",
-                "line": 18,
+                "line": 14,
                 "character": 9
               }
             ],
@@ -1229,7 +1229,7 @@
             "sources": [
               {
                 "fileName": "projects/data-manager/src/modules/data-manager/models/data-manager-state.ts",
-                "line": 53,
+                "line": 49,
                 "character": 9
               }
             ],
@@ -1284,7 +1284,7 @@
             "sources": [
               {
                 "fileName": "projects/data-manager/src/modules/data-manager/models/data-manager-state.ts",
-                "line": 33,
+                "line": 29,
                 "character": 9
               }
             ],
@@ -1314,7 +1314,7 @@
             "sources": [
               {
                 "fileName": "projects/data-manager/src/modules/data-manager/models/data-manager-state.ts",
-                "line": 49,
+                "line": 45,
                 "character": 9
               }
             ],
@@ -1381,7 +1381,7 @@
         "sources": [
           {
             "fileName": "projects/data-manager/src/modules/data-manager/models/data-manager-state.ts",
-            "line": 11,
+            "line": 7,
             "character": 13
           }
         ]
@@ -1621,7 +1621,7 @@
             "sources": [
               {
                 "fileName": "projects/data-manager/src/modules/data-manager/data-manager.component.ts",
-                "line": 63,
+                "line": 62,
                 "character": 2
               }
             ],
@@ -1678,7 +1678,7 @@
             "sources": [
               {
                 "fileName": "projects/data-manager/src/modules/data-manager/data-manager.component.ts",
-                "line": 50,
+                "line": 49,
                 "character": 9
               }
             ],
@@ -1707,7 +1707,7 @@
             "sources": [
               {
                 "fileName": "projects/data-manager/src/modules/data-manager/data-manager.component.ts",
-                "line": 52,
+                "line": 51,
                 "character": 9
               }
             ],
@@ -1757,7 +1757,7 @@
             "sources": [
               {
                 "fileName": "projects/data-manager/src/modules/data-manager/data-manager.component.ts",
-                "line": 25,
+                "line": 24,
                 "character": 13
               }
             ],
@@ -1818,7 +1818,7 @@
             "sources": [
               {
                 "fileName": "projects/data-manager/src/modules/data-manager/data-manager.component.ts",
-                "line": 41,
+                "line": 40,
                 "character": 13
               }
             ],
@@ -1873,7 +1873,7 @@
             "sources": [
               {
                 "fileName": "projects/data-manager/src/modules/data-manager/data-manager.component.ts",
-                "line": 94,
+                "line": 93,
                 "character": 9
               }
             ],
@@ -1910,7 +1910,7 @@
             "sources": [
               {
                 "fileName": "projects/data-manager/src/modules/data-manager/data-manager.component.ts",
-                "line": 68,
+                "line": 67,
                 "character": 9
               }
             ],
@@ -1973,7 +1973,7 @@
         "sources": [
           {
             "fileName": "projects/data-manager/src/modules/data-manager/data-manager.component.ts",
-            "line": 24,
+            "line": 23,
             "character": 13
           }
         ],
@@ -2277,7 +2277,7 @@
             "sources": [
               {
                 "fileName": "projects/data-manager/src/modules/data-manager/data-manager-toolbar/data-manager-toolbar.component.ts",
-                "line": 98,
+                "line": 87,
                 "character": 2
               }
             ],
@@ -2356,7 +2356,7 @@
             "sources": [
               {
                 "fileName": "projects/data-manager/src/modules/data-manager/data-manager-toolbar/data-manager-toolbar.component.ts",
-                "line": 88,
+                "line": 77,
                 "character": 9
               }
             ],
@@ -2376,7 +2376,7 @@
             "sources": [
               {
                 "fileName": "projects/data-manager/src/modules/data-manager/data-manager-toolbar/data-manager-toolbar.component.ts",
-                "line": 47,
+                "line": 36,
                 "character": 13
               }
             ],
@@ -2405,7 +2405,7 @@
             "sources": [
               {
                 "fileName": "projects/data-manager/src/modules/data-manager/data-manager-toolbar/data-manager-toolbar.component.ts",
-                "line": 52,
+                "line": 41,
                 "character": 13
               }
             ],
@@ -2462,7 +2462,7 @@
             "sources": [
               {
                 "fileName": "projects/data-manager/src/modules/data-manager/data-manager-toolbar/data-manager-toolbar.component.ts",
-                "line": 61,
+                "line": 50,
                 "character": 13
               }
             ],
@@ -2519,7 +2519,7 @@
             "sources": [
               {
                 "fileName": "projects/data-manager/src/modules/data-manager/data-manager-toolbar/data-manager-toolbar.component.ts",
-                "line": 70,
+                "line": 59,
                 "character": 13
               }
             ],
@@ -2576,7 +2576,7 @@
             "sources": [
               {
                 "fileName": "projects/data-manager/src/modules/data-manager/data-manager-toolbar/data-manager-toolbar.component.ts",
-                "line": 79,
+                "line": 68,
                 "character": 13
               }
             ],
@@ -2639,7 +2639,7 @@
             "sources": [
               {
                 "fileName": "projects/data-manager/src/modules/data-manager/data-manager-toolbar/data-manager-toolbar.component.ts",
-                "line": 231,
+                "line": 220,
                 "character": 9
               }
             ],
@@ -2668,7 +2668,7 @@
             "sources": [
               {
                 "fileName": "projects/data-manager/src/modules/data-manager/data-manager-toolbar/data-manager-toolbar.component.ts",
-                "line": 160,
+                "line": 149,
                 "character": 9
               }
             ],
@@ -2697,7 +2697,7 @@
             "sources": [
               {
                 "fileName": "projects/data-manager/src/modules/data-manager/data-manager-toolbar/data-manager-toolbar.component.ts",
-                "line": 141,
+                "line": 130,
                 "character": 9
               }
             ],
@@ -2734,7 +2734,7 @@
             "sources": [
               {
                 "fileName": "projects/data-manager/src/modules/data-manager/data-manager-toolbar/data-manager-toolbar.component.ts",
-                "line": 105,
+                "line": 94,
                 "character": 9
               }
             ],
@@ -2771,7 +2771,7 @@
             "sources": [
               {
                 "fileName": "projects/data-manager/src/modules/data-manager/data-manager-toolbar/data-manager-toolbar.component.ts",
-                "line": 238,
+                "line": 227,
                 "character": 9
               }
             ],
@@ -2813,7 +2813,7 @@
             "sources": [
               {
                 "fileName": "projects/data-manager/src/modules/data-manager/data-manager-toolbar/data-manager-toolbar.component.ts",
-                "line": 151,
+                "line": 140,
                 "character": 9
               }
             ],
@@ -2855,7 +2855,7 @@
             "sources": [
               {
                 "fileName": "projects/data-manager/src/modules/data-manager/data-manager-toolbar/data-manager-toolbar.component.ts",
-                "line": 185,
+                "line": 174,
                 "character": 9
               }
             ],
@@ -2884,7 +2884,7 @@
             "sources": [
               {
                 "fileName": "projects/data-manager/src/modules/data-manager/data-manager-toolbar/data-manager-toolbar.component.ts",
-                "line": 155,
+                "line": 144,
                 "character": 9
               }
             ],
@@ -2926,7 +2926,7 @@
             "sources": [
               {
                 "fileName": "projects/data-manager/src/modules/data-manager/data-manager-toolbar/data-manager-toolbar.component.ts",
-                "line": 224,
+                "line": 213,
                 "character": 9
               }
             ],
@@ -2955,7 +2955,7 @@
             "sources": [
               {
                 "fileName": "projects/data-manager/src/modules/data-manager/data-manager-toolbar/data-manager-toolbar.component.ts",
-                "line": 146,
+                "line": 135,
                 "character": 9
               }
             ],
@@ -3034,7 +3034,7 @@
         "sources": [
           {
             "fileName": "projects/data-manager/src/modules/data-manager/data-manager-toolbar/data-manager-toolbar.component.ts",
-            "line": 46,
+            "line": 35,
             "character": 13
           }
         ],
@@ -3086,7 +3086,7 @@
             "sources": [
               {
                 "fileName": "projects/data-manager/src/modules/data-manager/data-view.component.ts",
-                "line": 47,
+                "line": 46,
                 "character": 2
               }
             ],
@@ -3143,7 +3143,7 @@
             "sources": [
               {
                 "fileName": "projects/data-manager/src/modules/data-manager/data-view.component.ts",
-                "line": 44,
+                "line": 43,
                 "character": 9
               }
             ],
@@ -3185,7 +3185,7 @@
             "sources": [
               {
                 "fileName": "projects/data-manager/src/modules/data-manager/data-view.component.ts",
-                "line": 33,
+                "line": 32,
                 "character": 9
               }
             ],
@@ -3205,7 +3205,7 @@
             "sources": [
               {
                 "fileName": "projects/data-manager/src/modules/data-manager/data-view.component.ts",
-                "line": 35,
+                "line": 34,
                 "character": 13
               }
             ],
@@ -3260,7 +3260,7 @@
             "sources": [
               {
                 "fileName": "projects/data-manager/src/modules/data-manager/data-view.component.ts",
-                "line": 61,
+                "line": 60,
                 "character": 9
               }
             ],
@@ -3297,7 +3297,7 @@
             "sources": [
               {
                 "fileName": "projects/data-manager/src/modules/data-manager/data-view.component.ts",
-                "line": 52,
+                "line": 51,
                 "character": 9
               }
             ],
@@ -3359,7 +3359,7 @@
         "sources": [
           {
             "fileName": "projects/data-manager/src/modules/data-manager/data-view.component.ts",
-            "line": 26,
+            "line": 25,
             "character": 13
           }
         ],
@@ -3733,7 +3733,7 @@
             "sources": [
               {
                 "fileName": "projects/data-manager/src/modules/data-manager/models/data-manager-init-args.ts",
-                "line": 10,
+                "line": 9,
                 "character": 2
               }
             ],
@@ -3760,7 +3760,7 @@
             "sources": [
               {
                 "fileName": "projects/data-manager/src/modules/data-manager/models/data-manager-init-args.ts",
-                "line": 15,
+                "line": 14,
                 "character": 2
               }
             ],
@@ -3788,7 +3788,7 @@
             "sources": [
               {
                 "fileName": "projects/data-manager/src/modules/data-manager/models/data-manager-init-args.ts",
-                "line": 21,
+                "line": 20,
                 "character": 2
               }
             ],
@@ -3812,7 +3812,7 @@
             "sources": [
               {
                 "fileName": "projects/data-manager/src/modules/data-manager/models/data-manager-init-args.ts",
-                "line": 26,
+                "line": 25,
                 "character": 2
               }
             ],
@@ -3837,7 +3837,7 @@
         "sources": [
           {
             "fileName": "projects/data-manager/src/modules/data-manager/models/data-manager-init-args.ts",
-            "line": 5,
+            "line": 4,
             "character": 17
           }
         ]
@@ -3999,7 +3999,7 @@
             "sources": [
               {
                 "fileName": "projects/data-manager/src/modules/data-manager/models/data-manager-state-options.ts",
-                "line": 11,
+                "line": 9,
                 "character": 2
               }
             ],
@@ -4023,7 +4023,7 @@
             "sources": [
               {
                 "fileName": "projects/data-manager/src/modules/data-manager/models/data-manager-state-options.ts",
-                "line": 16,
+                "line": 14,
                 "character": 2
               }
             ],
@@ -4046,7 +4046,7 @@
             "sources": [
               {
                 "fileName": "projects/data-manager/src/modules/data-manager/models/data-manager-state-options.ts",
-                "line": 20,
+                "line": 18,
                 "character": 2
               }
             ],
@@ -4070,7 +4070,7 @@
             "sources": [
               {
                 "fileName": "projects/data-manager/src/modules/data-manager/models/data-manager-state-options.ts",
-                "line": 25,
+                "line": 23,
                 "character": 2
               }
             ],
@@ -4093,7 +4093,7 @@
             "sources": [
               {
                 "fileName": "projects/data-manager/src/modules/data-manager/models/data-manager-state-options.ts",
-                "line": 29,
+                "line": 27,
                 "character": 2
               }
             ],
@@ -4116,7 +4116,7 @@
             "sources": [
               {
                 "fileName": "projects/data-manager/src/modules/data-manager/models/data-manager-state-options.ts",
-                "line": 33,
+                "line": 31,
                 "character": 2
               }
             ],
@@ -4142,7 +4142,7 @@
             "sources": [
               {
                 "fileName": "projects/data-manager/src/modules/data-manager/models/data-manager-state-options.ts",
-                "line": 37,
+                "line": 35,
                 "character": 2
               }
             ],
@@ -4174,7 +4174,7 @@
         "sources": [
           {
             "fileName": "projects/data-manager/src/modules/data-manager/models/data-manager-state-options.ts",
-            "line": 7,
+            "line": 5,
             "character": 17
           }
         ]
@@ -4322,7 +4322,7 @@
             "sources": [
               {
                 "fileName": "projects/data-manager/src/modules/data-manager/models/data-view-config.ts",
-                "line": 14,
+                "line": 13,
                 "character": 2
               }
             ],
@@ -4347,7 +4347,7 @@
             "sources": [
               {
                 "fileName": "projects/data-manager/src/modules/data-manager/models/data-view-config.ts",
-                "line": 19,
+                "line": 18,
                 "character": 2
               }
             ],
@@ -4374,7 +4374,7 @@
             "sources": [
               {
                 "fileName": "projects/data-manager/src/modules/data-manager/models/data-view-config.ts",
-                "line": 23,
+                "line": 22,
                 "character": 2
               }
             ],
@@ -4397,7 +4397,7 @@
             "sources": [
               {
                 "fileName": "projects/data-manager/src/modules/data-manager/models/data-view-config.ts",
-                "line": 28,
+                "line": 27,
                 "character": 2
               }
             ],
@@ -4421,7 +4421,7 @@
             "sources": [
               {
                 "fileName": "projects/data-manager/src/modules/data-manager/models/data-view-config.ts",
-                "line": 32,
+                "line": 31,
                 "character": 2
               }
             ],
@@ -4444,7 +4444,7 @@
             "sources": [
               {
                 "fileName": "projects/data-manager/src/modules/data-manager/models/data-view-config.ts",
-                "line": 37,
+                "line": 36,
                 "character": 2
               }
             ],
@@ -4465,7 +4465,7 @@
             "sources": [
               {
                 "fileName": "projects/data-manager/src/modules/data-manager/models/data-view-config.ts",
-                "line": 41,
+                "line": 40,
                 "character": 2
               }
             ],
@@ -4488,7 +4488,7 @@
             "sources": [
               {
                 "fileName": "projects/data-manager/src/modules/data-manager/models/data-view-config.ts",
-                "line": 45,
+                "line": 44,
                 "character": 2
               }
             ],
@@ -4509,7 +4509,7 @@
             "sources": [
               {
                 "fileName": "projects/data-manager/src/modules/data-manager/models/data-view-config.ts",
-                "line": 49,
+                "line": 48,
                 "character": 2
               }
             ],
@@ -4532,7 +4532,7 @@
             "sources": [
               {
                 "fileName": "projects/data-manager/src/modules/data-manager/models/data-view-config.ts",
-                "line": 54,
+                "line": 53,
                 "character": 2
               }
             ],
@@ -4557,7 +4557,7 @@
             "sources": [
               {
                 "fileName": "projects/data-manager/src/modules/data-manager/models/data-view-config.ts",
-                "line": 59,
+                "line": 58,
                 "character": 2
               }
             ],
@@ -4582,7 +4582,7 @@
             "sources": [
               {
                 "fileName": "projects/data-manager/src/modules/data-manager/models/data-view-config.ts",
-                "line": 63,
+                "line": 62,
                 "character": 2
               }
             ],
@@ -4605,7 +4605,7 @@
             "sources": [
               {
                 "fileName": "projects/data-manager/src/modules/data-manager/models/data-view-config.ts",
-                "line": 73,
+                "line": 72,
                 "character": 2
               }
             ],
@@ -4628,7 +4628,7 @@
             "sources": [
               {
                 "fileName": "projects/data-manager/src/modules/data-manager/models/data-view-config.ts",
-                "line": 68,
+                "line": 67,
                 "character": 2
               }
             ],
@@ -4651,7 +4651,7 @@
             "sources": [
               {
                 "fileName": "projects/data-manager/src/modules/data-manager/models/data-view-config.ts",
-                "line": 78,
+                "line": 77,
                 "character": 2
               }
             ],
@@ -4674,7 +4674,7 @@
             "sources": [
               {
                 "fileName": "projects/data-manager/src/modules/data-manager/models/data-view-config.ts",
-                "line": 83,
+                "line": 82,
                 "character": 2
               }
             ],
@@ -4697,7 +4697,7 @@
             "sources": [
               {
                 "fileName": "projects/data-manager/src/modules/data-manager/models/data-view-config.ts",
-                "line": 87,
+                "line": 86,
                 "character": 2
               }
             ],
@@ -4735,7 +4735,7 @@
         "sources": [
           {
             "fileName": "projects/data-manager/src/modules/data-manager/models/data-view-config.ts",
-            "line": 9,
+            "line": 8,
             "character": 17
           }
         ]
@@ -4924,7 +4924,7 @@
     {
       "fileName": "data-filter-modal.component.ts",
       "filePath": "/projects/data-manager/documentation/code-examples/data-manager/basic/data-filter-modal.component.ts",
-      "rawContents": "import { Component } from '@angular/core';\n\nimport {\n  SkyDataManagerFilterData,\n  SkyDataManagerFilterModalContext,\n} from '@skyux/data-manager';\n\nimport { SkyModalInstance } from '@skyux/modals';\n\n@Component({\n  selector: 'app-data-filter-modal-form',\n  templateUrl: './data-filter-modal.component.html',\n})\nexport class DataManagerFiltersModalDemoComponent {\n  public fruitType: string;\n\n  public hideOrange: boolean;\n\n  constructor(\n    public context: SkyDataManagerFilterModalContext,\n    public instance: SkyModalInstance\n  ) {\n    if (this.context.filterData && this.context.filterData.filters) {\n      const filters = this.context.filterData.filters;\n      this.fruitType = filters.type || 'any';\n      this.hideOrange = filters.hideOrange || false;\n    }\n  }\n\n  public applyFilters() {\n    const result: SkyDataManagerFilterData = {};\n\n    result.filtersApplied = this.fruitType !== 'any' || this.hideOrange;\n    result.filters = {\n      type: this.fruitType,\n      hideOrange: this.hideOrange,\n    };\n\n    this.instance.save(result);\n  }\n\n  public clearAllFilters() {\n    this.hideOrange = false;\n    this.fruitType = 'any';\n  }\n\n  public cancel() {\n    this.instance.cancel();\n  }\n}\n"
+      "rawContents": "import { Component } from '@angular/core';\nimport {\n  SkyDataManagerFilterData,\n  SkyDataManagerFilterModalContext,\n} from '@skyux/data-manager';\nimport { SkyModalInstance } from '@skyux/modals';\n\n@Component({\n  selector: 'app-data-filter-modal-form',\n  templateUrl: './data-filter-modal.component.html',\n})\nexport class DataManagerFiltersModalDemoComponent {\n  public fruitType: string;\n\n  public hideOrange: boolean;\n\n  constructor(\n    public context: SkyDataManagerFilterModalContext,\n    public instance: SkyModalInstance\n  ) {\n    if (this.context.filterData && this.context.filterData.filters) {\n      const filters = this.context.filterData.filters;\n      this.fruitType = filters.type || 'any';\n      this.hideOrange = filters.hideOrange || false;\n    }\n  }\n\n  public applyFilters() {\n    const result: SkyDataManagerFilterData = {};\n\n    result.filtersApplied = this.fruitType !== 'any' || this.hideOrange;\n    result.filters = {\n      type: this.fruitType,\n      hideOrange: this.hideOrange,\n    };\n\n    this.instance.save(result);\n  }\n\n  public clearAllFilters() {\n    this.hideOrange = false;\n    this.fruitType = 'any';\n  }\n\n  public cancel() {\n    this.instance.cancel();\n  }\n}\n"
     },
     {
       "fileName": "data-manager-demo.component.html",
@@ -4934,12 +4934,12 @@
     {
       "fileName": "data-manager-demo.component.ts",
       "filePath": "/projects/data-manager/documentation/code-examples/data-manager/basic/data-manager-demo.component.ts",
-      "rawContents": "import { ChangeDetectionStrategy, Component, OnInit } from '@angular/core';\n\nimport { SkyUIConfigService } from '@skyux/core';\n\nimport {\n  SkyDataManagerService,\n  SkyDataManagerState,\n} from '@skyux/data-manager';\n\nimport { DataManagerFiltersModalDemoComponent } from './data-filter-modal.component';\n\n@Component({\n  selector: 'app-data-manager-demo',\n  templateUrl: './data-manager-demo.component.html',\n  providers: [SkyDataManagerService, SkyUIConfigService],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class DataManagerDemoComponent implements OnInit {\n  public dataManagerConfig = {\n    filterModalComponent: DataManagerFiltersModalDemoComponent,\n    sortOptions: [\n      {\n        id: 'az',\n        label: 'Name (A - Z)',\n        descending: false,\n        propertyName: 'name',\n      },\n      {\n        id: 'za',\n        label: 'Name (Z - A)',\n        descending: true,\n        propertyName: 'name',\n      },\n    ],\n  };\n\n  public defaultDataState = new SkyDataManagerState({\n    filterData: {\n      filtersApplied: true,\n      filters: {\n        hideOrange: true,\n      },\n    },\n    views: [\n      {\n        viewId: 'gridView',\n        displayedColumnIds: ['selected', 'name', 'description'],\n      },\n    ],\n  });\n\n  public dataState: SkyDataManagerState;\n\n  public items: any[] = [\n    {\n      id: '1',\n      name: 'Orange',\n      description: 'A round, orange fruit. A great source of vitamin C.',\n      type: 'citrus',\n      color: 'orange',\n    },\n    {\n      id: '2',\n      name: 'Mango',\n      description:\n        \"Very difficult to peel. Delicious in smoothies, but don't eat the skin.\",\n      type: 'other',\n      color: 'orange',\n    },\n    {\n      id: '3',\n      name: 'Lime',\n      description:\n        'A sour, green fruit used in many drinks. It grows on trees.',\n      type: 'citrus',\n      color: 'green',\n    },\n    {\n      id: '4',\n      name: 'Strawberry',\n      description:\n        'A red fruit that goes well with shortcake. It is the name of both the fruit and the plant!',\n      type: 'berry',\n      color: 'red',\n    },\n    {\n      id: '5',\n      name: 'Blueberry',\n      description:\n        'A small, blue fruit often found in muffins. When not ripe, they can be sour.',\n      type: 'berry',\n      color: 'blue',\n    },\n    {\n      id: '6',\n      name: 'Banana',\n      description:\n        'A yellow fruit with a thick skin. Monkeys love them, and in some countries it is customary to eat the peel.',\n      type: 'other',\n      color: 'yellow',\n    },\n  ];\n\n  public activeViewId = 'repeaterView';\n\n  constructor(private dataManagerService: SkyDataManagerService) {\n    this.dataManagerService\n      .getDataStateUpdates('dataManager')\n      .subscribe((state) => (this.dataState = state));\n    this.dataManagerService\n      .getActiveViewIdUpdates()\n      .subscribe((activeViewId) => (this.activeViewId = activeViewId));\n  }\n\n  public ngOnInit(): void {\n    this.dataManagerService.initDataManager({\n      activeViewId: this.activeViewId,\n      dataManagerConfig: this.dataManagerConfig,\n      defaultDataState: this.defaultDataState,\n    });\n  }\n\n  public searchSo(): void {\n    this.dataState.searchText = 'so';\n    this.dataManagerService.updateDataState(this.dataState, 'dataManager');\n  }\n}\n"
+      "rawContents": "import { ChangeDetectionStrategy, Component, OnInit } from '@angular/core';\nimport { SkyUIConfigService } from '@skyux/core';\nimport {\n  SkyDataManagerService,\n  SkyDataManagerState,\n} from '@skyux/data-manager';\n\nimport { DataManagerFiltersModalDemoComponent } from './data-filter-modal.component';\n\n@Component({\n  selector: 'app-data-manager-demo',\n  templateUrl: './data-manager-demo.component.html',\n  providers: [SkyDataManagerService, SkyUIConfigService],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class DataManagerDemoComponent implements OnInit {\n  public dataManagerConfig = {\n    filterModalComponent: DataManagerFiltersModalDemoComponent,\n    sortOptions: [\n      {\n        id: 'az',\n        label: 'Name (A - Z)',\n        descending: false,\n        propertyName: 'name',\n      },\n      {\n        id: 'za',\n        label: 'Name (Z - A)',\n        descending: true,\n        propertyName: 'name',\n      },\n    ],\n  };\n\n  public defaultDataState = new SkyDataManagerState({\n    filterData: {\n      filtersApplied: true,\n      filters: {\n        hideOrange: true,\n      },\n    },\n    views: [\n      {\n        viewId: 'gridView',\n        displayedColumnIds: ['selected', 'name', 'description'],\n      },\n    ],\n  });\n\n  public dataState: SkyDataManagerState;\n\n  public items: any[] = [\n    {\n      id: '1',\n      name: 'Orange',\n      description: 'A round, orange fruit. A great source of vitamin C.',\n      type: 'citrus',\n      color: 'orange',\n    },\n    {\n      id: '2',\n      name: 'Mango',\n      description:\n        \"Very difficult to peel. Delicious in smoothies, but don't eat the skin.\",\n      type: 'other',\n      color: 'orange',\n    },\n    {\n      id: '3',\n      name: 'Lime',\n      description:\n        'A sour, green fruit used in many drinks. It grows on trees.',\n      type: 'citrus',\n      color: 'green',\n    },\n    {\n      id: '4',\n      name: 'Strawberry',\n      description:\n        'A red fruit that goes well with shortcake. It is the name of both the fruit and the plant!',\n      type: 'berry',\n      color: 'red',\n    },\n    {\n      id: '5',\n      name: 'Blueberry',\n      description:\n        'A small, blue fruit often found in muffins. When not ripe, they can be sour.',\n      type: 'berry',\n      color: 'blue',\n    },\n    {\n      id: '6',\n      name: 'Banana',\n      description:\n        'A yellow fruit with a thick skin. Monkeys love them, and in some countries it is customary to eat the peel.',\n      type: 'other',\n      color: 'yellow',\n    },\n  ];\n\n  public activeViewId = 'repeaterView';\n\n  constructor(private dataManagerService: SkyDataManagerService) {\n    this.dataManagerService\n      .getDataStateUpdates('dataManager')\n      .subscribe((state) => (this.dataState = state));\n    this.dataManagerService\n      .getActiveViewIdUpdates()\n      .subscribe((activeViewId) => (this.activeViewId = activeViewId));\n  }\n\n  public ngOnInit(): void {\n    this.dataManagerService.initDataManager({\n      activeViewId: this.activeViewId,\n      dataManagerConfig: this.dataManagerConfig,\n      defaultDataState: this.defaultDataState,\n    });\n  }\n\n  public searchSo(): void {\n    this.dataState.searchText = 'so';\n    this.dataManagerService.updateDataState(this.dataState, 'dataManager');\n  }\n}\n"
     },
     {
       "fileName": "data-manager-demo.module.ts",
       "filePath": "/projects/data-manager/documentation/code-examples/data-manager/basic/data-manager-demo.module.ts",
-      "rawContents": "import { CommonModule } from '@angular/common';\n\nimport { NgModule } from '@angular/core';\n\nimport { FormsModule } from '@angular/forms';\n\nimport { SkyCardModule, SkyToolbarModule } from '@skyux/layout';\n\nimport { SkyCheckboxModule } from '@skyux/forms';\n\nimport { SkyDataManagerModule } from '@skyux/data-manager';\n\nimport { SkyModalModule } from '@skyux/modals';\n\nimport { SkyRepeaterModule } from '@skyux/lists';\n\nimport { DataManagerDemoComponent } from './data-manager-demo.component';\n\nimport { DataManagerFiltersModalDemoComponent } from './data-filter-modal.component';\n\nimport { DataViewCardsDemoComponent } from './data-view-cards.component';\n\nimport { DataViewRepeaterDemoComponent } 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: [DataManagerDemoComponent],\n  entryComponents: [\n    DataManagerDemoComponent,\n    DataManagerFiltersModalDemoComponent,\n  ],\n})\nexport class DataManagerDemoModule {}\n"
+      "rawContents": "import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { FormsModule } from '@angular/forms';\nimport { SkyDataManagerModule } from '@skyux/data-manager';\nimport { SkyCheckboxModule } from '@skyux/forms';\nimport { SkyCardModule, SkyToolbarModule } from '@skyux/layout';\nimport { SkyRepeaterModule } from '@skyux/lists';\nimport { SkyModalModule } from '@skyux/modals';\n\nimport { DataManagerFiltersModalDemoComponent } from './data-filter-modal.component';\nimport { DataManagerDemoComponent } from './data-manager-demo.component';\nimport { DataViewCardsDemoComponent } from './data-view-cards.component';\nimport { DataViewRepeaterDemoComponent } 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: [DataManagerDemoComponent],\n  entryComponents: [\n    DataManagerDemoComponent,\n    DataManagerFiltersModalDemoComponent,\n  ],\n})\nexport class DataManagerDemoModule {}\n"
     },
     {
       "fileName": "data-view-cards.component.html",
@@ -4949,7 +4949,7 @@
     {
       "fileName": "data-view-cards.component.ts",
       "filePath": "/projects/data-manager/documentation/code-examples/data-manager/basic/data-view-cards.component.ts",
-      "rawContents": "import {\n  ChangeDetectionStrategy,\n  ChangeDetectorRef,\n  Component,\n  Input,\n  OnInit,\n} from '@angular/core';\n\nimport {\n  SkyDataManagerService,\n  SkyDataManagerState,\n  SkyDataViewConfig,\n} from '@skyux/data-manager';\n\n@Component({\n  selector: 'app-data-view-cards-demo',\n  templateUrl: './data-view-cards.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class DataViewCardsDemoComponent implements OnInit {\n  @Input()\n  public items: any[];\n\n  public dataState: SkyDataManagerState;\n  public displayedItems: any[];\n  public viewId = 'cardsView';\n  public viewConfig: SkyDataViewConfig = {\n    id: this.viewId,\n    name: 'Cards View',\n    icon: 'th-large',\n    sortEnabled: true,\n    searchEnabled: true,\n    filterButtonEnabled: true,\n    showSortButtonText: true,\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\n      .getDataStateUpdates(this.viewId)\n      .subscribe((state) => {\n        this.dataState = state;\n        this.displayedItems = this.sortItems(\n          this.filterItems(this.searchItems(this.items))\n        );\n        this.changeDetector.detectChanges();\n      });\n  }\n\n  public sortItems(items: any[]): any[] {\n    let result = items;\n    const sortOption = this.dataState && this.dataState.activeSortOption;\n\n    if (sortOption) {\n      result = items.sort(function (a: any, b: any) {\n        const descending = sortOption.descending ? -1 : 1,\n          sortProperty = sortOption.propertyName;\n\n        if (a[sortProperty] > b[sortProperty]) {\n          return descending;\n        } else if (a[sortProperty] < b[sortProperty]) {\n          return -1 * descending;\n        } else {\n          return 0;\n        }\n      });\n    }\n\n    return result;\n  }\n\n  public searchItems(items: any[]): any[] {\n    let searchedItems = items;\n    const searchText =\n      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 (\n            item.hasOwnProperty(property) &&\n            (property === 'name' || property === 'description')\n          ) {\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    const filterData = this.dataState && this.dataState.filterData;\n\n    if (filterData && filterData.filters) {\n      const filters = filterData.filters;\n      filteredItems = items.filter((item: any) => {\n        if (\n          ((filters.hideOrange && item.color !== 'orange') ||\n            !filters.hideOrange) &&\n          ((filters.type !== 'any' && item.type === filters.type) ||\n            !filters.type ||\n            filters.type === 'any')\n        ) {\n          return true;\n        }\n        return false;\n      });\n    }\n\n    return filteredItems;\n  }\n\n  public searchBe(): void {\n    this.dataState.searchText = 'be';\n    this.dataManagerService.updateDataState(this.dataState, 'searchButton');\n  }\n}\n"
+      "rawContents": "import {\n  ChangeDetectionStrategy,\n  ChangeDetectorRef,\n  Component,\n  Input,\n  OnInit,\n} from '@angular/core';\nimport {\n  SkyDataManagerService,\n  SkyDataManagerState,\n  SkyDataViewConfig,\n} from '@skyux/data-manager';\n\n@Component({\n  selector: 'app-data-view-cards-demo',\n  templateUrl: './data-view-cards.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class DataViewCardsDemoComponent implements OnInit {\n  @Input()\n  public items: any[];\n\n  public dataState: SkyDataManagerState;\n  public displayedItems: any[];\n  public viewId = 'cardsView';\n  public viewConfig: SkyDataViewConfig = {\n    id: this.viewId,\n    name: 'Cards View',\n    icon: 'th-large',\n    sortEnabled: true,\n    searchEnabled: true,\n    filterButtonEnabled: true,\n    showSortButtonText: true,\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\n      .getDataStateUpdates(this.viewId)\n      .subscribe((state) => {\n        this.dataState = state;\n        this.displayedItems = this.sortItems(\n          this.filterItems(this.searchItems(this.items))\n        );\n        this.changeDetector.detectChanges();\n      });\n  }\n\n  public sortItems(items: any[]): any[] {\n    let result = items;\n    const sortOption = this.dataState && this.dataState.activeSortOption;\n\n    if (sortOption) {\n      result = items.sort(function (a: any, b: any) {\n        const descending = sortOption.descending ? -1 : 1,\n          sortProperty = sortOption.propertyName;\n\n        if (a[sortProperty] > b[sortProperty]) {\n          return descending;\n        } else if (a[sortProperty] < b[sortProperty]) {\n          return -1 * descending;\n        } else {\n          return 0;\n        }\n      });\n    }\n\n    return result;\n  }\n\n  public searchItems(items: any[]): any[] {\n    let searchedItems = items;\n    const searchText =\n      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 (\n            item.hasOwnProperty(property) &&\n            (property === 'name' || property === 'description')\n          ) {\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    const filterData = this.dataState && this.dataState.filterData;\n\n    if (filterData && filterData.filters) {\n      const filters = filterData.filters;\n      filteredItems = items.filter((item: any) => {\n        if (\n          ((filters.hideOrange && item.color !== 'orange') ||\n            !filters.hideOrange) &&\n          ((filters.type !== 'any' && item.type === filters.type) ||\n            !filters.type ||\n            filters.type === 'any')\n        ) {\n          return true;\n        }\n        return false;\n      });\n    }\n\n    return filteredItems;\n  }\n\n  public searchBe(): void {\n    this.dataState.searchText = 'be';\n    this.dataManagerService.updateDataState(this.dataState, 'searchButton');\n  }\n}\n"
     },
     {
       "fileName": "data-view-repeater.component.html",
@@ -4959,7 +4959,7 @@
     {
       "fileName": "data-view-repeater.component.ts",
       "filePath": "/projects/data-manager/documentation/code-examples/data-manager/basic/data-view-repeater.component.ts",
-      "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  @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\n      .getDataStateUpdates(this.viewId)\n      .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    const 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    const searchText =\n      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 (\n            item.hasOwnProperty(property) &&\n            (property === 'name' || property === 'description')\n          ) {\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    const filterData = this.dataState && this.dataState.filterData;\n\n    if (filterData && filterData.filters) {\n      const filters = filterData.filters;\n      filteredItems = items.filter((item: any) => {\n        if (\n          ((filters.hideOrange && item.color !== 'orange') ||\n            !filters.hideOrange) &&\n          ((filters.type !== 'any' && item.type === filters.type) ||\n            !filters.type ||\n            filters.type === 'any')\n        ) {\n          return true;\n        }\n        return false;\n      });\n    }\n\n    return filteredItems;\n  }\n\n  public selectAll(): void {\n    const 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    const selectedIds = this.dataState.selectedIds || [];\n\n    this.displayedItems.forEach((item) => {\n      if (item.selected) {\n        const 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    const selectedItems = this.dataState.selectedIds || [];\n    const 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"
+      "rawContents": "import {\n  ChangeDetectionStrategy,\n  ChangeDetectorRef,\n  Component,\n  Input,\n  OnInit,\n} from '@angular/core';\nimport {\n  SkyDataManagerService,\n  SkyDataManagerState,\n  SkyDataViewConfig,\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  @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\n      .getDataStateUpdates(this.viewId)\n      .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    const 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    const searchText =\n      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 (\n            item.hasOwnProperty(property) &&\n            (property === 'name' || property === 'description')\n          ) {\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    const filterData = this.dataState && this.dataState.filterData;\n\n    if (filterData && filterData.filters) {\n      const filters = filterData.filters;\n      filteredItems = items.filter((item: any) => {\n        if (\n          ((filters.hideOrange && item.color !== 'orange') ||\n            !filters.hideOrange) &&\n          ((filters.type !== 'any' && item.type === filters.type) ||\n            !filters.type ||\n            filters.type === 'any')\n        ) {\n          return true;\n        }\n        return false;\n      });\n    }\n\n    return filteredItems;\n  }\n\n  public selectAll(): void {\n    const 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    const selectedIds = this.dataState.selectedIds || [];\n\n    this.displayedItems.forEach((item) => {\n      if (item.selected) {\n        const 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    const selectedItems = this.dataState.selectedIds || [];\n    const 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"
     }
   ]
 }