@skyux/core 6.0.0-beta.1 → 6.0.0-beta.10

package/documentation.json

@@ -21,10 +21,10 @@
     "SkyDynamicComponentService": "class-skydynamiccomponentservice",
     "SkyIdModule": "class-skyidmodule",
     "SkyLogModule": "class-skylogmodule",
-    "SkyLogService": "class-skylogservice",
     "SkyMediaQueryModule": "class-skymediaquerymodule",
     "SkyMediaQueryService": "class-skymediaqueryservice",
     "SkyNumericModule": "class-skynumericmodule",
+    "SkyNumericOptions": "class-skynumericoptions",
     "SkyNumericPipe": "class-skynumericpipe",
     "SkyNumericService": "class-skynumericservice",
     "SkyOverlayInstance": "class-skyoverlayinstance",
@@ -32,6 +32,8 @@
     "SkyOverlayService": "class-skyoverlayservice",
     "SkyPercentPipe": "class-skypercentpipe",
     "SkyPercentPipeModule": "class-skypercentpipemodule",
+    "SkyResizeObserverMediaQueryService": "class-skyresizeobservermediaqueryservice",
+    "SkyResizeObserverService": "class-skyresizeobserverservice",
     "SkyScrollableHostService": "class-skyscrollablehostservice",
     "SkyUIConfigService": "class-skyuiconfigservice",
     "SkyViewkeeperHostOptions": "class-skyviewkeeperhostoptions",
@@ -333,14 +335,14 @@
         ]
       },
       {
-        "id": 323,
+        "id": 353,
         "name": "SkyMediaBreakpoints",
         "kind": 8,
         "kindString": "Enumeration",
         "flags": {},
         "children": [
           {
-            "id": 327,
+            "id": 357,
             "name": "lg",
             "kind": 16,
             "kindString": "Enumeration member",
@@ -358,7 +360,7 @@
             "defaultValue": "4"
           },
           {
-            "id": 326,
+            "id": 356,
             "name": "md",
             "kind": 16,
             "kindString": "Enumeration member",
@@ -376,7 +378,7 @@
             "defaultValue": "3"
           },
           {
-            "id": 325,
+            "id": 355,
             "name": "sm",
             "kind": 16,
             "kindString": "Enumeration member",
@@ -394,7 +396,7 @@
             "defaultValue": "2"
           },
           {
-            "id": 324,
+            "id": 354,
             "name": "xs",
             "kind": 16,
             "kindString": "Enumeration member",
@@ -417,10 +419,10 @@
             "title": "Enumeration members",
             "kind": 16,
             "children": [
-              327,
-              326,
-              325,
-              324
+              357,
+              356,
+              355,
+              354
             ]
           }
         ],
@@ -433,7 +435,7 @@
         ]
       },
       {
-        "id": 371,
+        "id": 401,
         "name": "MutationObserverService",
         "kind": 128,
         "kindString": "Class",
@@ -454,7 +456,7 @@
         ],
         "children": [
           {
-            "id": 374,
+            "id": 404,
             "name": "create",
             "kind": 2048,
             "kindString": "Method",
@@ -470,14 +472,14 @@
             ],
             "signatures": [
               {
-                "id": 375,
+                "id": 405,
                 "name": "create",
                 "kind": 4096,
                 "kindString": "Call signature",
                 "flags": {},
                 "parameters": [
                   {
-                    "id": 376,
+                    "id": 406,
                     "name": "callback",
                     "kind": 32768,
                     "kindString": "Parameter",
@@ -503,14 +505,14 @@
             "title": "Constructors",
             "kind": 512,
             "children": [
-              372
+              402
             ]
           },
           {
             "title": "Methods",
             "kind": 2048,
             "children": [
-              374
+              404
             ]
           }
         ],
@@ -523,17 +525,22 @@
         ]
       },
       {
-        "id": 383,
+        "id": 424,
         "name": "NumericOptions",
         "kind": 128,
         "kindString": "Class",
         "flags": {},
         "comment": {
-          "shortText": "Provides arguments for the number to format."
+          "tags": [
+            {
+              "tag": "deprecated",
+              "text": "Use `SkyNumericOptions` instead.\n"
+            }
+          ]
         },
         "children": [
           {
-            "id": 388,
+            "id": 429,
             "name": "currencySign",
             "kind": 1024,
             "kindString": "Property",
@@ -570,10 +577,15 @@
                 }
               ]
             },
-            "defaultValue": "'standard'"
+            "defaultValue": "'standard'",
+            "inheritedFrom": {
+              "type": "reference",
+              "id": 418,
+              "name": "SkyNumericOptions.currencySign"
+            }
           },
           {
-            "id": 386,
+            "id": 427,
             "name": "digits",
             "kind": 1024,
             "kindString": "Property",
@@ -601,10 +613,15 @@
               "type": "intrinsic",
               "name": "number"
             },
-            "defaultValue": "1"
+            "defaultValue": "1",
+            "inheritedFrom": {
+              "type": "reference",
+              "id": 416,
+              "name": "SkyNumericOptions.digits"
+            }
           },
           {
-            "id": 387,
+            "id": 428,
             "name": "format",
             "kind": 1024,
             "kindString": "Property",
@@ -632,10 +649,15 @@
               "type": "intrinsic",
               "name": "string"
             },
-            "defaultValue": "'number'"
+            "defaultValue": "'number'",
+            "inheritedFrom": {
+              "type": "reference",
+              "id": 417,
+              "name": "SkyNumericOptions.format"
+            }
           },
           {
-            "id": 389,
+            "id": 430,
             "name": "iso",
             "kind": 1024,
             "kindString": "Property",
@@ -663,10 +685,15 @@
               "type": "intrinsic",
               "name": "string"
             },
-            "defaultValue": "'USD'"
+            "defaultValue": "'USD'",
+            "inheritedFrom": {
+              "type": "reference",
+              "id": 419,
+              "name": "SkyNumericOptions.iso"
+            }
           },
           {
-            "id": 390,
+            "id": 431,
             "name": "locale",
             "kind": 1024,
             "kindString": "Property",
@@ -687,10 +714,15 @@
             "type": {
               "type": "intrinsic",
               "name": "string"
+            },
+            "inheritedFrom": {
+              "type": "reference",
+              "id": 420,
+              "name": "SkyNumericOptions.locale"
             }
           },
           {
-            "id": 391,
+            "id": 432,
             "name": "minDigits",
             "kind": 1024,
             "kindString": "Property",
@@ -711,10 +743,15 @@
             "type": {
               "type": "intrinsic",
               "name": "number"
+            },
+            "inheritedFrom": {
+              "type": "reference",
+              "id": 421,
+              "name": "SkyNumericOptions.minDigits"
             }
           },
           {
-            "id": 392,
+            "id": 433,
             "name": "truncate",
             "kind": 1024,
             "kindString": "Property",
@@ -736,10 +773,15 @@
               "type": "intrinsic",
               "name": "boolean"
             },
-            "defaultValue": "true"
+            "defaultValue": "true",
+            "inheritedFrom": {
+              "type": "reference",
+              "id": 422,
+              "name": "SkyNumericOptions.truncate"
+            }
           },
           {
-            "id": 393,
+            "id": 434,
             "name": "truncateAfter",
             "kind": 1024,
             "kindString": "Property",
@@ -767,7 +809,12 @@
               "type": "intrinsic",
               "name": "number"
             },
-            "defaultValue": "0"
+            "defaultValue": "0",
+            "inheritedFrom": {
+              "type": "reference",
+              "id": 423,
+              "name": "SkyNumericOptions.truncateAfter"
+            }
           }
         ],
         "groups": [
@@ -775,30 +822,37 @@
             "title": "Constructors",
             "kind": 512,
             "children": [
-              384
+              425
             ]
           },
           {
             "title": "Properties",
             "kind": 1024,
             "children": [
-              388,
-              386,
-              387,
-              389,
-              390,
-              391,
-              392,
-              393
+              429,
+              427,
+              428,
+              430,
+              431,
+              432,
+              433,
+              434
             ]
           }
         ],
         "sources": [
           {
             "fileName": "projects/core/src/modules/numeric/numeric.options.ts",
-            "line": 4,
+            "line": 60,
             "character": 13
           }
+        ],
+        "extendedTypes": [
+          {
+            "type": "reference",
+            "id": 413,
+            "name": "SkyNumericOptions"
+          }
         ]
       },
       {
@@ -1442,7 +1496,7 @@
         ]
       },
       {
-        "id": 552,
+        "id": 642,
         "name": "SkyAppTitleService",
         "kind": 128,
         "kindString": "Class",
@@ -1466,7 +1520,7 @@
         ],
         "children": [
           {
-            "id": 553,
+            "id": 643,
             "name": "constructor",
             "kind": 512,
             "kindString": "Constructor",
@@ -1480,14 +1534,14 @@
             ],
             "signatures": [
               {
-                "id": 554,
+                "id": 644,
                 "name": "new SkyAppTitleService",
                 "kind": 16384,
                 "kindString": "Constructor signature",
                 "flags": {},
                 "parameters": [
                   {
-                    "id": 555,
+                    "id": 645,
                     "name": "title",
                     "kind": 32768,
                     "kindString": "Parameter",
@@ -1502,14 +1556,14 @@
                 ],
                 "type": {
                   "type": "reference",
-                  "id": 552,
+                  "id": 642,
                   "name": "SkyAppTitleService"
                 }
               }
             ]
           },
           {
-            "id": 556,
+            "id": 646,
             "name": "setTitle",
             "kind": 2048,
             "kindString": "Method",
@@ -1525,7 +1579,7 @@
             ],
             "signatures": [
               {
-                "id": 557,
+                "id": 647,
                 "name": "setTitle",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -1535,7 +1589,7 @@
                 },
                 "parameters": [
                   {
-                    "id": 558,
+                    "id": 648,
                     "name": "args",
                     "kind": 32768,
                     "kindString": "Parameter",
@@ -1545,7 +1599,7 @@
                     },
                     "type": {
                       "type": "reference",
-                      "id": 550,
+                      "id": 640,
                       "name": "SkyAppSetTitleArgs"
                     }
                   }
@@ -1563,14 +1617,14 @@
             "title": "Constructors",
             "kind": 512,
             "children": [
-              553
+              643
             ]
           },
           {
             "title": "Methods",
             "kind": 2048,
             "children": [
-              556
+              646
             ]
           }
         ],
@@ -1583,7 +1637,7 @@
         ]
       },
       {
-        "id": 603,
+        "id": 693,
         "name": "SkyAppWindowRef",
         "kind": 128,
         "kindString": "Class",
@@ -1607,7 +1661,7 @@
         ],
         "children": [
           {
-            "id": 606,
+            "id": 696,
             "name": "nativeWindow",
             "kind": 262144,
             "kindString": "Accessor",
@@ -1623,7 +1677,7 @@
             ],
             "getSignature": [
               {
-                "id": 607,
+                "id": 697,
                 "name": "nativeWindow",
                 "kind": 524288,
                 "kindString": "Get signature",
@@ -1644,14 +1698,14 @@
             "title": "Constructors",
             "kind": 512,
             "children": [
-              604
+              694
             ]
           },
           {
             "title": "Accessors",
             "kind": 262144,
             "children": [
-              606
+              696
             ]
           }
         ],
@@ -1841,7 +1895,7 @@
             "sources": [
               {
                 "fileName": "projects/core/src/modules/adapter-service/adapter.service.ts",
-                "line": 147,
+                "line": 154,
                 "character": 9
               }
             ],
@@ -1913,7 +1967,7 @@
             "sources": [
               {
                 "fileName": "projects/core/src/modules/adapter-service/adapter.service.ts",
-                "line": 123,
+                "line": 127,
                 "character": 9
               }
             ],
@@ -1998,7 +2052,7 @@
             "sources": [
               {
                 "fileName": "projects/core/src/modules/adapter-service/adapter.service.ts",
-                "line": 176,
+                "line": 187,
                 "character": 9
               }
             ],
@@ -2054,7 +2108,7 @@
             "sources": [
               {
                 "fileName": "projects/core/src/modules/adapter-service/adapter.service.ts",
-                "line": 185,
+                "line": 196,
                 "character": 9
               }
             ],
@@ -2120,7 +2174,7 @@
             "sources": [
               {
                 "fileName": "projects/core/src/modules/adapter-service/adapter.service.ts",
-                "line": 219,
+                "line": 230,
                 "character": 9
               }
             ],
@@ -2238,7 +2292,7 @@
                     },
                     "type": {
                       "type": "reference",
-                      "id": 323,
+                      "id": 353,
                       "name": "SkyMediaBreakpoints"
                     }
                   }
@@ -2261,7 +2315,7 @@
             "sources": [
               {
                 "fileName": "projects/core/src/modules/adapter-service/adapter.service.ts",
-                "line": 236,
+                "line": 246,
                 "character": 9
               }
             ],
@@ -3066,7 +3120,7 @@
                     "flags": {},
                     "type": {
                       "type": "reference",
-                      "id": 603,
+                      "id": 693,
                       "name": "SkyAppWindowRef"
                     }
                   },
@@ -3358,121 +3412,7 @@
         ]
       },
       {
-        "id": 316,
-        "name": "SkyLogService",
-        "kind": 128,
-        "kindString": "Class",
-        "flags": {},
-        "comment": {
-          "tags": [
-            {
-              "tag": "deprecated",
-              "text": "The `SkyLogService` will be removed in the next major version of `@skyux/core`.\n"
-            }
-          ]
-        },
-        "decorators": [
-          {
-            "name": "Injectable",
-            "type": {
-              "type": "reference",
-              "qualifiedName": "InjectableDecorator",
-              "package": "@angular/core",
-              "name": "Injectable"
-            },
-            "arguments": {
-              "options": "{\n  providedIn: 'root',\n}"
-            }
-          }
-        ],
-        "children": [
-          {
-            "id": 319,
-            "name": "warn",
-            "kind": 2048,
-            "kindString": "Method",
-            "flags": {
-              "isPublic": true
-            },
-            "sources": [
-              {
-                "fileName": "projects/core/src/modules/log/log.service.ts",
-                "line": 10,
-                "character": 9
-              }
-            ],
-            "signatures": [
-              {
-                "id": 320,
-                "name": "warn",
-                "kind": 4096,
-                "kindString": "Call signature",
-                "flags": {},
-                "parameters": [
-                  {
-                    "id": 321,
-                    "name": "message",
-                    "kind": 32768,
-                    "kindString": "Parameter",
-                    "flags": {
-                      "isOptional": true
-                    },
-                    "type": {
-                      "type": "intrinsic",
-                      "name": "any"
-                    }
-                  },
-                  {
-                    "id": 322,
-                    "name": "optionalParams",
-                    "kind": 32768,
-                    "kindString": "Parameter",
-                    "flags": {
-                      "isRest": true
-                    },
-                    "type": {
-                      "type": "array",
-                      "elementType": {
-                        "type": "intrinsic",
-                        "name": "any"
-                      }
-                    }
-                  }
-                ],
-                "type": {
-                  "type": "intrinsic",
-                  "name": "void"
-                }
-              }
-            ]
-          }
-        ],
-        "groups": [
-          {
-            "title": "Constructors",
-            "kind": 512,
-            "children": [
-              317
-            ]
-          },
-          {
-            "title": "Methods",
-            "kind": 2048,
-            "children": [
-              319
-            ]
-          }
-        ],
-        "sources": [
-          {
-            "fileName": "projects/core/src/modules/log/log.service.ts",
-            "line": 9,
-            "character": 13
-          }
-        ]
-      },
-      {
-        "id": 332,
+        "id": 362,
         "name": "SkyMediaQueryModule",
         "kind": 128,
         "kindString": "Class",
@@ -3505,7 +3445,7 @@
             "title": "Constructors",
             "kind": 512,
             "children": [
-              333
+              363
             ]
           }
         ],
@@ -3518,7 +3458,7 @@
         ]
       },
       {
-        "id": 335,
+        "id": 365,
         "name": "SkyMediaQueryService",
         "kind": 128,
         "kindString": "Class",
@@ -3539,7 +3479,7 @@
         ],
         "children": [
           {
-            "id": 340,
+            "id": 370,
             "name": "constructor",
             "kind": 512,
             "kindString": "Constructor",
@@ -3553,14 +3493,14 @@
             ],
             "signatures": [
               {
-                "id": 341,
+                "id": 371,
                 "name": "new SkyMediaQueryService",
                 "kind": 16384,
                 "kindString": "Constructor signature",
                 "flags": {},
                 "parameters": [
                   {
-                    "id": 342,
+                    "id": 372,
                     "name": "zone",
                     "kind": 32768,
                     "kindString": "Parameter",
@@ -3575,14 +3515,14 @@
                 ],
                 "type": {
                   "type": "reference",
-                  "id": 335,
+                  "id": 365,
                   "name": "SkyMediaQueryService"
                 }
               }
             ]
           },
           {
-            "id": 339,
+            "id": 369,
             "name": "lg",
             "kind": 1024,
             "kindString": "Property",
@@ -3613,7 +3553,7 @@
             "defaultValue": "'(min-width: 1200px)'"
           },
           {
-            "id": 338,
+            "id": 368,
             "name": "md",
             "kind": 1024,
             "kindString": "Property",
@@ -3644,7 +3584,7 @@
             "defaultValue": "'(min-width: 992px) and (max-width: 1199px)'"
           },
           {
-            "id": 337,
+            "id": 367,
             "name": "sm",
             "kind": 1024,
             "kindString": "Property",
@@ -3675,7 +3615,7 @@
             "defaultValue": "'(min-width: 768px) and (max-width: 991px)'"
           },
           {
-            "id": 336,
+            "id": 366,
             "name": "xs",
             "kind": 1024,
             "kindString": "Property",
@@ -3706,7 +3646,7 @@
             "defaultValue": "'(max-width: 767px)'"
           },
           {
-            "id": 343,
+            "id": 373,
             "name": "current",
             "kind": 262144,
             "kindString": "Accessor",
@@ -3722,7 +3662,7 @@
             ],
             "getSignature": [
               {
-                "id": 344,
+                "id": 374,
                 "name": "current",
                 "kind": 524288,
                 "kindString": "Get signature",
@@ -3732,14 +3672,14 @@
                 },
                 "type": {
                   "type": "reference",
-                  "id": 323,
+                  "id": 353,
                   "name": "SkyMediaBreakpoints"
                 }
               }
             ]
           },
           {
-            "id": 357,
+            "id": 387,
             "name": "ngOnDestroy",
             "kind": 2048,
             "kindString": "Method",
@@ -3755,7 +3695,7 @@
             ],
             "signatures": [
               {
-                "id": 358,
+                "id": 388,
                 "name": "ngOnDestroy",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -3776,7 +3716,7 @@
             }
           },
           {
-            "id": 359,
+            "id": 389,
             "name": "subscribe",
             "kind": 2048,
             "kindString": "Method",
@@ -3792,17 +3732,17 @@
             ],
             "signatures": [
               {
-                "id": 360,
+                "id": 390,
                 "name": "subscribe",
                 "kind": 4096,
                 "kindString": "Call signature",
                 "flags": {},
                 "comment": {
-                  "shortText": "Suscribes to screen size changes."
+                  "shortText": "Subscribes to screen size changes."
                 },
                 "parameters": [
                   {
-                    "id": 361,
+                    "id": 391,
                     "name": "listener",
                     "kind": 32768,
                     "kindString": "Parameter",
@@ -3812,7 +3752,7 @@
                     },
                     "type": {
                       "type": "reference",
-                      "id": 328,
+                      "id": 358,
                       "name": "SkyMediaQueryListener"
                     }
                   }
@@ -3832,32 +3772,32 @@
             "title": "Constructors",
             "kind": 512,
             "children": [
-              340
+              370
             ]
           },
           {
             "title": "Properties",
             "kind": 1024,
             "children": [
-              339,
-              338,
-              337,
-              336
+              369,
+              368,
+              367,
+              366
             ]
           },
           {
             "title": "Accessors",
             "kind": 262144,
             "children": [
-              343
+              373
             ]
           },
           {
             "title": "Methods",
             "kind": 2048,
             "children": [
-              357,
-              359
+              387,
+              389
             ]
           }
         ],
@@ -3878,7 +3818,7 @@
         ]
       },
       {
-        "id": 380,
+        "id": 410,
         "name": "SkyNumericModule",
         "kind": 128,
         "kindString": "Class",
@@ -3903,7 +3843,7 @@
             "title": "Constructors",
             "kind": 512,
             "children": [
-              381
+              411
             ]
           }
         ],
@@ -3916,135 +3856,914 @@
         ]
       },
       {
-        "id": 394,
-        "name": "SkyNumericPipe",
+        "id": 413,
+        "name": "SkyNumericOptions",
         "kind": 128,
         "kindString": "Class",
         "flags": {},
         "comment": {
-          "shortText": "Shortens numbers to rounded numbers and abbreviation characters such as K for thousands,\nM for millions, B for billions, and T for trillions. The pipe also formats for currency.\nBe sure you have a space after the two curly brackets opening the pipe and\na space before the two curly brackets closing the pipe or it will not work.\nUsage:\n```\n{{ value | skyNumeric(config) }}\n```"
+          "shortText": "Provides arguments for the number to format."
         },
-        "decorators": [
-          {
-            "name": "Pipe",
-            "type": {
-              "type": "reference",
-              "qualifiedName": "PipeDecorator",
-              "package": "@angular/core",
-              "name": "Pipe"
-            },
-            "arguments": {
-              "obj": "{\n  name: 'skyNumeric',\n  pure: false,\n}"
-            }
-          }
-        ],
         "children": [
           {
-            "id": 395,
-            "name": "constructor",
-            "kind": 512,
-            "kindString": "Constructor",
-            "flags": {},
-            "sources": [
-              {
-                "fileName": "projects/core/src/modules/numeric/numeric.pipe.ts",
-                "line": 38,
-                "character": 2
-              }
-            ],
-            "signatures": [
-              {
-                "id": 396,
-                "name": "new SkyNumericPipe",
-                "kind": 16384,
-                "kindString": "Constructor signature",
-                "flags": {},
-                "parameters": [
-                  {
-                    "id": 397,
-                    "name": "localeProvider",
-                    "kind": 32768,
-                    "kindString": "Parameter",
-                    "flags": {},
-                    "type": {
-                      "type": "reference",
-                      "name": "SkyAppLocaleProvider"
-                    }
-                  },
-                  {
-                    "id": 398,
-                    "name": "numericService",
-                    "kind": 32768,
-                    "kindString": "Parameter",
-                    "flags": {},
-                    "type": {
-                      "type": "reference",
-                      "id": 412,
-                      "name": "SkyNumericService"
-                    }
-                  },
-                  {
-                    "id": 399,
-                    "name": "changeDetector",
-                    "kind": 32768,
-                    "kindString": "Parameter",
-                    "flags": {},
-                    "type": {
-                      "type": "reference",
-                      "qualifiedName": "ChangeDetectorRef",
-                      "package": "@angular/core",
-                      "name": "ChangeDetectorRef"
-                    }
-                  }
-                ],
-                "type": {
-                  "type": "reference",
-                  "id": 394,
-                  "name": "SkyNumericPipe"
-                }
-              }
-            ]
-          },
-          {
-            "id": 406,
-            "name": "ngOnDestroy",
-            "kind": 2048,
-            "kindString": "Method",
+            "id": 418,
+            "name": "currencySign",
+            "kind": 1024,
+            "kindString": "Property",
             "flags": {
-              "isPublic": true
+              "isPublic": true,
+              "isOptional": true
+            },
+            "comment": {
+              "shortText": "Specifies the format of the currency.",
+              "tags": [
+                {
+                  "tag": "default",
+                  "text": "\"standard\"\n"
+                }
+              ]
             },
             "sources": [
               {
-                "fileName": "projects/core/src/modules/numeric/numeric.pipe.ts",
-                "line": 53,
+                "fileName": "projects/core/src/modules/numeric/numeric.options.ts",
+                "line": 21,
                 "character": 9
               }
             ],
-            "signatures": [
+            "type": {
+              "type": "union",
+              "types": [
+                {
+                  "type": "literal",
+                  "value": "accounting"
+                },
+                {
+                  "type": "literal",
+                  "value": "standard"
+                }
+              ]
+            },
+            "defaultValue": "'standard'"
+          },
+          {
+            "id": 416,
+            "name": "digits",
+            "kind": 1024,
+            "kindString": "Property",
+            "flags": {
+              "isPublic": true,
+              "isOptional": true
+            },
+            "comment": {
+              "shortText": "Specifies the maximum number of digits after the decimal separator.",
+              "tags": [
+                {
+                  "tag": "default",
+                  "text": "1\n"
+                }
+              ]
+            },
+            "sources": [
+              {
+                "fileName": "projects/core/src/modules/numeric/numeric.options.ts",
+                "line": 9,
+                "character": 9
+              }
+            ],
+            "type": {
+              "type": "intrinsic",
+              "name": "number"
+            },
+            "defaultValue": "1"
+          },
+          {
+            "id": 417,
+            "name": "format",
+            "kind": 1024,
+            "kindString": "Property",
+            "flags": {
+              "isPublic": true,
+              "isOptional": true
+            },
+            "comment": {
+              "shortText": "Specifies how to format the number. Options are `currency` or `number`.",
+              "tags": [
+                {
+                  "tag": "default",
+                  "text": "\"number\"\n"
+                }
+              ]
+            },
+            "sources": [
+              {
+                "fileName": "projects/core/src/modules/numeric/numeric.options.ts",
+                "line": 15,
+                "character": 9
+              }
+            ],
+            "type": {
+              "type": "intrinsic",
+              "name": "string"
+            },
+            "defaultValue": "'number'"
+          },
+          {
+            "id": 419,
+            "name": "iso",
+            "kind": 1024,
+            "kindString": "Property",
+            "flags": {
+              "isPublic": true,
+              "isOptional": true
+            },
+            "comment": {
+              "shortText": "Specifies the ISO4217 currency code to use for currency formatting. If you do not specify a\ncurrency code, the component uses the browser's culture to determine the currency unless your\nSPA provides a different culture with `SkyAppLocaleProvider`.",
+              "tags": [
+                {
+                  "tag": "default",
+                  "text": "\"USD\"\n"
+                }
+              ]
+            },
+            "sources": [
+              {
+                "fileName": "projects/core/src/modules/numeric/numeric.options.ts",
+                "line": 29,
+                "character": 9
+              }
+            ],
+            "type": {
+              "type": "intrinsic",
+              "name": "string"
+            },
+            "defaultValue": "'USD'"
+          },
+          {
+            "id": 420,
+            "name": "locale",
+            "kind": 1024,
+            "kindString": "Property",
+            "flags": {
+              "isPublic": true,
+              "isOptional": true
+            },
+            "comment": {
+              "shortText": "Specifies the locale code to use when formatting."
+            },
+            "sources": [
+              {
+                "fileName": "projects/core/src/modules/numeric/numeric.options.ts",
+                "line": 34,
+                "character": 9
+              }
+            ],
+            "type": {
+              "type": "intrinsic",
+              "name": "string"
+            }
+          },
+          {
+            "id": 421,
+            "name": "minDigits",
+            "kind": 1024,
+            "kindString": "Property",
+            "flags": {
+              "isPublic": true,
+              "isOptional": true
+            },
+            "comment": {
+              "shortText": "Specifies the minimum number of digits after the decimal separator. This property only applies\nwhen the `truncate` property is set to `false`. If `digits` specifies a maximum number of\ndigits, then `minDigits` must be less than that value."
+            },
+            "sources": [
+              {
+                "fileName": "projects/core/src/modules/numeric/numeric.options.ts",
+                "line": 41,
+                "character": 9
+              }
+            ],
+            "type": {
+              "type": "intrinsic",
+              "name": "number"
+            }
+          },
+          {
+            "id": 422,
+            "name": "truncate",
+            "kind": 1024,
+            "kindString": "Property",
+            "flags": {
+              "isPublic": true,
+              "isOptional": true
+            },
+            "comment": {
+              "shortText": "Indicates whether to shorten numbers to rounded numbers and abbreviation characters\nsuch as K for thousands, M for millions, B for billions, and T for trillions."
+            },
+            "sources": [
+              {
+                "fileName": "projects/core/src/modules/numeric/numeric.options.ts",
+                "line": 47,
+                "character": 9
+              }
+            ],
+            "type": {
+              "type": "intrinsic",
+              "name": "boolean"
+            },
+            "defaultValue": "true"
+          },
+          {
+            "id": 423,
+            "name": "truncateAfter",
+            "kind": 1024,
+            "kindString": "Property",
+            "flags": {
+              "isPublic": true,
+              "isOptional": true
+            },
+            "comment": {
+              "shortText": "Specifies the starting point after which numbers are shortened to rounded numbers\nand abbreviation characters.",
+              "tags": [
+                {
+                  "tag": "default",
+                  "text": "0\n"
+                }
+              ]
+            },
+            "sources": [
+              {
+                "fileName": "projects/core/src/modules/numeric/numeric.options.ts",
+                "line": 54,
+                "character": 9
+              }
+            ],
+            "type": {
+              "type": "intrinsic",
+              "name": "number"
+            },
+            "defaultValue": "0"
+          }
+        ],
+        "groups": [
+          {
+            "title": "Constructors",
+            "kind": 512,
+            "children": [
+              414
+            ]
+          },
+          {
+            "title": "Properties",
+            "kind": 1024,
+            "children": [
+              418,
+              416,
+              417,
+              419,
+              420,
+              421,
+              422,
+              423
+            ]
+          }
+        ],
+        "sources": [
+          {
+            "fileName": "projects/core/src/modules/numeric/numeric.options.ts",
+            "line": 4,
+            "character": 13
+          }
+        ],
+        "extendedBy": [
+          {
+            "type": "reference",
+            "id": 424,
+            "name": "NumericOptions"
+          }
+        ]
+      },
+      {
+        "id": 435,
+        "name": "SkyNumericPipe",
+        "kind": 128,
+        "kindString": "Class",
+        "flags": {},
+        "comment": {
+          "shortText": "Shortens numbers to rounded numbers and abbreviation characters such as K for thousands,\nM for millions, B for billions, and T for trillions. The pipe also formats for currency.\nBe sure you have a space after the two curly brackets opening the pipe and\na space before the two curly brackets closing the pipe or it will not work.\nUsage:\n```\n{{ value | skyNumeric(config) }}\n```"
+        },
+        "decorators": [
+          {
+            "name": "Pipe",
+            "type": {
+              "type": "reference",
+              "qualifiedName": "PipeDecorator",
+              "package": "@angular/core",
+              "name": "Pipe"
+            },
+            "arguments": {
+              "obj": "{\n  name: 'skyNumeric',\n  pure: false,\n}"
+            }
+          }
+        ],
+        "children": [
+          {
+            "id": 436,
+            "name": "constructor",
+            "kind": 512,
+            "kindString": "Constructor",
+            "flags": {},
+            "sources": [
+              {
+                "fileName": "projects/core/src/modules/numeric/numeric.pipe.ts",
+                "line": 36,
+                "character": 2
+              }
+            ],
+            "signatures": [
+              {
+                "id": 437,
+                "name": "new SkyNumericPipe",
+                "kind": 16384,
+                "kindString": "Constructor signature",
+                "flags": {},
+                "parameters": [
+                  {
+                    "id": 438,
+                    "name": "localeProvider",
+                    "kind": 32768,
+                    "kindString": "Parameter",
+                    "flags": {},
+                    "type": {
+                      "type": "reference",
+                      "name": "SkyAppLocaleProvider"
+                    }
+                  },
+                  {
+                    "id": 439,
+                    "name": "numericService",
+                    "kind": 32768,
+                    "kindString": "Parameter",
+                    "flags": {},
+                    "type": {
+                      "type": "reference",
+                      "id": 451,
+                      "name": "SkyNumericService"
+                    }
+                  },
+                  {
+                    "id": 440,
+                    "name": "changeDetector",
+                    "kind": 32768,
+                    "kindString": "Parameter",
+                    "flags": {},
+                    "type": {
+                      "type": "reference",
+                      "qualifiedName": "ChangeDetectorRef",
+                      "package": "@angular/core",
+                      "name": "ChangeDetectorRef"
+                    }
+                  }
+                ],
+                "type": {
+                  "type": "reference",
+                  "id": 435,
+                  "name": "SkyNumericPipe"
+                }
+              }
+            ]
+          },
+          {
+            "id": 445,
+            "name": "ngOnDestroy",
+            "kind": 2048,
+            "kindString": "Method",
+            "flags": {
+              "isPublic": true
+            },
+            "sources": [
+              {
+                "fileName": "projects/core/src/modules/numeric/numeric.pipe.ts",
+                "line": 51,
+                "character": 9
+              }
+            ],
+            "signatures": [
+              {
+                "id": 446,
+                "name": "ngOnDestroy",
+                "kind": 4096,
+                "kindString": "Call signature",
+                "flags": {},
+                "type": {
+                  "type": "intrinsic",
+                  "name": "void"
+                },
+                "implementationOf": {
+                  "type": "reference",
+                  "name": "OnDestroy.ngOnDestroy"
+                }
+              }
+            ],
+            "implementationOf": {
+              "type": "reference",
+              "name": "OnDestroy.ngOnDestroy"
+            }
+          },
+          {
+            "id": 447,
+            "name": "transform",
+            "kind": 2048,
+            "kindString": "Method",
+            "flags": {
+              "isPublic": true
+            },
+            "sources": [
+              {
+                "fileName": "projects/core/src/modules/numeric/numeric.pipe.ts",
+                "line": 56,
+                "character": 9
+              }
+            ],
+            "signatures": [
+              {
+                "id": 448,
+                "name": "transform",
+                "kind": 4096,
+                "kindString": "Call signature",
+                "flags": {},
+                "parameters": [
+                  {
+                    "id": 449,
+                    "name": "value",
+                    "kind": 32768,
+                    "kindString": "Parameter",
+                    "flags": {},
+                    "type": {
+                      "type": "intrinsic",
+                      "name": "number"
+                    }
+                  },
+                  {
+                    "id": 450,
+                    "name": "config",
+                    "kind": 32768,
+                    "kindString": "Parameter",
+                    "flags": {
+                      "isOptional": true
+                    },
+                    "type": {
+                      "type": "reference",
+                      "id": 413,
+                      "name": "SkyNumericOptions"
+                    }
+                  }
+                ],
+                "type": {
+                  "type": "intrinsic",
+                  "name": "string"
+                },
+                "implementationOf": {
+                  "type": "reference",
+                  "name": "PipeTransform.transform"
+                }
+              }
+            ],
+            "implementationOf": {
+              "type": "reference",
+              "name": "PipeTransform.transform"
+            }
+          }
+        ],
+        "groups": [
+          {
+            "title": "Constructors",
+            "kind": 512,
+            "children": [
+              436
+            ]
+          },
+          {
+            "title": "Methods",
+            "kind": 2048,
+            "children": [
+              445,
+              447
+            ]
+          }
+        ],
+        "sources": [
+          {
+            "fileName": "projects/core/src/modules/numeric/numeric.pipe.ts",
+            "line": 29,
+            "character": 13
+          }
+        ],
+        "implementedTypes": [
+          {
+            "type": "reference",
+            "qualifiedName": "PipeTransform",
+            "package": "@angular/core",
+            "name": "PipeTransform"
+          },
+          {
+            "type": "reference",
+            "qualifiedName": "OnDestroy",
+            "package": "@angular/core",
+            "name": "OnDestroy"
+          }
+        ]
+      },
+      {
+        "id": 451,
+        "name": "SkyNumericService",
+        "kind": 128,
+        "kindString": "Class",
+        "flags": {},
+        "decorators": [
+          {
+            "name": "Injectable",
+            "type": {
+              "type": "reference",
+              "qualifiedName": "InjectableDecorator",
+              "package": "@angular/core",
+              "name": "Injectable"
+            },
+            "arguments": {
+              "options": "{\n  providedIn: 'any',\n}"
+            }
+          }
+        ],
+        "children": [
+          {
+            "id": 452,
+            "name": "constructor",
+            "kind": 512,
+            "kindString": "Constructor",
+            "flags": {},
+            "sources": [
+              {
+                "fileName": "projects/core/src/modules/numeric/numeric.service.ts",
+                "line": 39,
+                "character": 2
+              }
+            ],
+            "signatures": [
+              {
+                "id": 453,
+                "name": "new SkyNumericService",
+                "kind": 16384,
+                "kindString": "Constructor signature",
+                "flags": {},
+                "parameters": [
+                  {
+                    "id": 454,
+                    "name": "resourcesService",
+                    "kind": 32768,
+                    "kindString": "Parameter",
+                    "flags": {},
+                    "type": {
+                      "type": "reference",
+                      "name": "SkyLibResourcesService"
+                    }
+                  }
+                ],
+                "type": {
+                  "type": "reference",
+                  "id": 451,
+                  "name": "SkyNumericService"
+                }
+              }
+            ]
+          },
+          {
+            "id": 462,
+            "name": "formatNumber",
+            "kind": 2048,
+            "kindString": "Method",
+            "flags": {
+              "isPublic": true
+            },
+            "sources": [
+              {
+                "fileName": "projects/core/src/modules/numeric/numeric.service.ts",
+                "line": 46,
+                "character": 9
+              }
+            ],
+            "signatures": [
+              {
+                "id": 463,
+                "name": "formatNumber",
+                "kind": 4096,
+                "kindString": "Call signature",
+                "flags": {},
+                "comment": {
+                  "shortText": "Shortens with or without symbol (K/M/B/T) depending on value of number."
+                },
+                "parameters": [
+                  {
+                    "id": 464,
+                    "name": "value",
+                    "kind": 32768,
+                    "kindString": "Parameter",
+                    "flags": {},
+                    "comment": {
+                      "shortText": "The number to format."
+                    },
+                    "type": {
+                      "type": "intrinsic",
+                      "name": "number"
+                    }
+                  },
+                  {
+                    "id": 465,
+                    "name": "options",
+                    "kind": 32768,
+                    "kindString": "Parameter",
+                    "flags": {},
+                    "comment": {
+                      "shortText": "Format options.\n"
+                    },
+                    "type": {
+                      "type": "reference",
+                      "id": 413,
+                      "name": "SkyNumericOptions"
+                    }
+                  }
+                ],
+                "type": {
+                  "type": "intrinsic",
+                  "name": "string"
+                }
+              }
+            ]
+          }
+        ],
+        "groups": [
+          {
+            "title": "Constructors",
+            "kind": 512,
+            "children": [
+              452
+            ]
+          },
+          {
+            "title": "Methods",
+            "kind": 2048,
+            "children": [
+              462
+            ]
+          }
+        ],
+        "sources": [
+          {
+            "fileName": "projects/core/src/modules/numeric/numeric.service.ts",
+            "line": 12,
+            "character": 13
+          }
+        ]
+      },
+      {
+        "id": 491,
+        "name": "SkyOverlayInstance",
+        "kind": 128,
+        "kindString": "Class",
+        "flags": {},
+        "comment": {
+          "shortText": "Represents a new overlay instance. It is used to manage the \"closed\" state of the overlay,\nand access any public members on the appended content component instance."
+        },
+        "children": [
+          {
+            "id": 492,
+            "name": "constructor",
+            "kind": 512,
+            "kindString": "Constructor",
+            "flags": {},
+            "sources": [
               {
-                "id": 407,
-                "name": "ngOnDestroy",
-                "kind": 4096,
-                "kindString": "Call signature",
+                "fileName": "projects/core/src/modules/overlay/overlay-instance.ts",
+                "line": 31,
+                "character": 2
+              }
+            ],
+            "signatures": [
+              {
+                "id": 493,
+                "name": "new SkyOverlayInstance",
+                "kind": 16384,
+                "kindString": "Constructor signature",
                 "flags": {},
+                "parameters": [
+                  {
+                    "id": 494,
+                    "name": "config",
+                    "kind": 32768,
+                    "kindString": "Parameter",
+                    "flags": {},
+                    "type": {
+                      "type": "reference",
+                      "id": 484,
+                      "name": "SkyOverlayConfig"
+                    }
+                  },
+                  {
+                    "id": 495,
+                    "name": "componentRef",
+                    "kind": 32768,
+                    "kindString": "Parameter",
+                    "flags": {},
+                    "type": {
+                      "type": "reference",
+                      "typeArguments": [
+                        {
+                          "type": "reference",
+                          "name": "SkyOverlayComponent"
+                        }
+                      ],
+                      "qualifiedName": "ComponentRef",
+                      "package": "@angular/core",
+                      "name": "ComponentRef"
+                    }
+                  }
+                ],
                 "type": {
-                  "type": "intrinsic",
-                  "name": "void"
+                  "type": "reference",
+                  "id": 491,
+                  "name": "SkyOverlayInstance"
+                }
+              }
+            ]
+          },
+          {
+            "id": 496,
+            "name": "backdropClick",
+            "kind": 262144,
+            "kindString": "Accessor",
+            "flags": {
+              "isPublic": true
+            },
+            "sources": [
+              {
+                "fileName": "projects/core/src/modules/overlay/overlay-instance.ts",
+                "line": 16,
+                "character": 13
+              }
+            ],
+            "getSignature": [
+              {
+                "id": 497,
+                "name": "backdropClick",
+                "kind": 524288,
+                "kindString": "Get signature",
+                "flags": {},
+                "comment": {
+                  "shortText": "Emits when the overlay is clicked (but not its content)."
                 },
-                "implementationOf": {
+                "type": {
                   "type": "reference",
-                  "name": "OnDestroy.ngOnDestroy"
+                  "typeArguments": [
+                    {
+                      "type": "intrinsic",
+                      "name": "void"
+                    }
+                  ],
+                  "qualifiedName": "Observable",
+                  "package": "rxjs",
+                  "name": "Observable"
                 }
               }
+            ]
+          },
+          {
+            "id": 498,
+            "name": "closed",
+            "kind": 262144,
+            "kindString": "Accessor",
+            "flags": {
+              "isPublic": true
+            },
+            "sources": [
+              {
+                "fileName": "projects/core/src/modules/overlay/overlay-instance.ts",
+                "line": 23,
+                "character": 13
+              }
             ],
-            "implementationOf": {
-              "type": "reference",
-              "name": "OnDestroy.ngOnDestroy"
-            }
+            "getSignature": [
+              {
+                "id": 499,
+                "name": "closed",
+                "kind": 524288,
+                "kindString": "Get signature",
+                "flags": {},
+                "comment": {
+                  "shortText": "Emits after the overlay is closed."
+                },
+                "type": {
+                  "type": "reference",
+                  "typeArguments": [
+                    {
+                      "type": "intrinsic",
+                      "name": "void"
+                    }
+                  ],
+                  "qualifiedName": "Observable",
+                  "package": "rxjs",
+                  "name": "Observable"
+                }
+              }
+            ]
+          },
+          {
+            "id": 504,
+            "name": "attachComponent",
+            "kind": 2048,
+            "kindString": "Method",
+            "flags": {
+              "isPublic": true
+            },
+            "sources": [
+              {
+                "fileName": "projects/core/src/modules/overlay/overlay-instance.ts",
+                "line": 54,
+                "character": 9
+              }
+            ],
+            "signatures": [
+              {
+                "id": 505,
+                "name": "attachComponent",
+                "kind": 4096,
+                "kindString": "Call signature",
+                "flags": {},
+                "comment": {
+                  "shortText": "Creates and attaches a component to the overlay."
+                },
+                "typeParameter": [
+                  {
+                    "id": 506,
+                    "name": "C",
+                    "kind": 131072,
+                    "kindString": "Type parameter",
+                    "flags": {}
+                  }
+                ],
+                "parameters": [
+                  {
+                    "id": 507,
+                    "name": "component",
+                    "kind": 32768,
+                    "kindString": "Parameter",
+                    "flags": {},
+                    "comment": {
+                      "shortText": "The component to attach."
+                    },
+                    "type": {
+                      "type": "reference",
+                      "typeArguments": [
+                        {
+                          "type": "reference",
+                          "id": 506,
+                          "name": "C"
+                        }
+                      ],
+                      "qualifiedName": "Type",
+                      "package": "@angular/core",
+                      "name": "Type"
+                    }
+                  },
+                  {
+                    "id": 508,
+                    "name": "providers",
+                    "kind": 32768,
+                    "kindString": "Parameter",
+                    "flags": {
+                      "isOptional": true
+                    },
+                    "comment": {
+                      "shortText": "Custom providers to apply to the component.\n"
+                    },
+                    "type": {
+                      "type": "array",
+                      "elementType": {
+                        "type": "reference",
+                        "qualifiedName": "StaticProvider",
+                        "package": "@angular/core",
+                        "name": "StaticProvider"
+                      }
+                    }
+                  }
+                ],
+                "type": {
+                  "type": "reference",
+                  "id": 506,
+                  "name": "C"
+                }
+              }
+            ]
           },
           {
-            "id": 408,
-            "name": "transform",
+            "id": 509,
+            "name": "attachTemplate",
             "kind": 2048,
             "kindString": "Method",
             "flags": {
@@ -4052,59 +4771,78 @@
             },
             "sources": [
               {
-                "fileName": "projects/core/src/modules/numeric/numeric.pipe.ts",
-                "line": 58,
+                "fileName": "projects/core/src/modules/overlay/overlay-instance.ts",
+                "line": 70,
                 "character": 9
               }
             ],
             "signatures": [
               {
-                "id": 409,
-                "name": "transform",
+                "id": 510,
+                "name": "attachTemplate",
                 "kind": 4096,
                 "kindString": "Call signature",
                 "flags": {},
+                "comment": {
+                  "shortText": "Attaches a `TemplateRef` to the overlay."
+                },
+                "typeParameter": [
+                  {
+                    "id": 511,
+                    "name": "T",
+                    "kind": 131072,
+                    "kindString": "Type parameter",
+                    "flags": {}
+                  }
+                ],
                 "parameters": [
                   {
-                    "id": 410,
-                    "name": "value",
+                    "id": 512,
+                    "name": "templateRef",
                     "kind": 32768,
                     "kindString": "Parameter",
                     "flags": {},
+                    "comment": {
+                      "shortText": "The `TemplateRef` to attach."
+                    },
                     "type": {
-                      "type": "intrinsic",
-                      "name": "number"
+                      "type": "reference",
+                      "typeArguments": [
+                        {
+                          "type": "reference",
+                          "id": 511,
+                          "name": "T"
+                        }
+                      ],
+                      "qualifiedName": "TemplateRef",
+                      "package": "@angular/core",
+                      "name": "TemplateRef"
                     }
                   },
                   {
-                    "id": 411,
-                    "name": "config",
+                    "id": 513,
+                    "name": "context",
                     "kind": 32768,
                     "kindString": "Parameter",
                     "flags": {
                       "isOptional": true
                     },
+                    "comment": {
+                      "shortText": "The context to provide to the template.\n"
+                    },
                     "type": {
                       "type": "reference",
-                      "id": 383,
-                      "name": "NumericOptions"
+                      "id": 511,
+                      "name": "T"
                     }
                   }
                 ],
                 "type": {
                   "type": "intrinsic",
-                  "name": "string"
-                },
-                "implementationOf": {
-                  "type": "reference",
-                  "name": "PipeTransform.transform"
+                  "name": "void"
                 }
               }
-            ],
-            "implementationOf": {
-              "type": "reference",
-              "name": "PipeTransform.transform"
-            }
+            ]
           }
         ],
         "groups": [
@@ -4112,46 +4850,95 @@
             "title": "Constructors",
             "kind": 512,
             "children": [
-              395
+              492
+            ]
+          },
+          {
+            "title": "Properties",
+            "kind": 1024,
+            "children": [
+              503,
+              502
+            ]
+          },
+          {
+            "title": "Accessors",
+            "kind": 262144,
+            "children": [
+              496,
+              498
             ]
           },
           {
             "title": "Methods",
             "kind": 2048,
             "children": [
-              406,
-              408
+              504,
+              509
             ]
           }
         ],
         "sources": [
           {
-            "fileName": "projects/core/src/modules/numeric/numeric.pipe.ts",
-            "line": 29,
+            "fileName": "projects/core/src/modules/overlay/overlay-instance.ts",
+            "line": 12,
             "character": 13
           }
+        ]
+      },
+      {
+        "id": 514,
+        "name": "SkyOverlayModule",
+        "kind": 128,
+        "kindString": "Class",
+        "flags": {},
+        "decorators": [
+          {
+            "name": "NgModule",
+            "type": {
+              "type": "reference",
+              "qualifiedName": "NgModuleDecorator",
+              "package": "@angular/core",
+              "name": "NgModule"
+            },
+            "arguments": {
+              "obj": "{\n  imports: [CommonModule],\n  declarations: [SkyOverlayComponent],\n}"
+            }
+          }
         ],
-        "implementedTypes": [
+        "children": [],
+        "groups": [
           {
-            "type": "reference",
-            "qualifiedName": "PipeTransform",
-            "package": "@angular/core",
-            "name": "PipeTransform"
-          },
+            "title": "Constructors",
+            "kind": 512,
+            "children": [
+              515
+            ]
+          }
+        ],
+        "sources": [
           {
-            "type": "reference",
-            "qualifiedName": "OnDestroy",
-            "package": "@angular/core",
-            "name": "OnDestroy"
+            "fileName": "projects/core/src/modules/overlay/overlay.module.ts",
+            "line": 10,
+            "character": 13
           }
         ]
       },
       {
-        "id": 412,
-        "name": "SkyNumericService",
+        "id": 517,
+        "name": "SkyOverlayService",
         "kind": 128,
         "kindString": "Class",
         "flags": {},
+        "comment": {
+          "shortText": "This service is used to create new overlays.",
+          "tags": [
+            {
+              "tag": "dynamic",
+              "text": "\n"
+            }
+          ]
+        },
         "decorators": [
           {
             "name": "Injectable",
@@ -4162,55 +4949,175 @@
               "name": "Injectable"
             },
             "arguments": {
-              "options": "{\n  providedIn: 'any',\n}"
+              "options": "{\n  providedIn: 'root',\n}"
             }
           }
         ],
         "children": [
           {
-            "id": 413,
+            "id": 519,
             "name": "constructor",
             "kind": 512,
             "kindString": "Constructor",
             "flags": {},
             "sources": [
               {
-                "fileName": "projects/core/src/modules/numeric/numeric.service.ts",
-                "line": 39,
+                "fileName": "projects/core/src/modules/overlay/overlay.service.ts",
+                "line": 26,
                 "character": 2
               }
             ],
             "signatures": [
               {
-                "id": 414,
-                "name": "new SkyNumericService",
+                "id": 520,
+                "name": "new SkyOverlayService",
                 "kind": 16384,
                 "kindString": "Constructor signature",
                 "flags": {},
-                "parameters": [
-                  {
-                    "id": 415,
-                    "name": "resourcesService",
-                    "kind": 32768,
-                    "kindString": "Parameter",
-                    "flags": {},
-                    "type": {
-                      "type": "reference",
-                      "name": "SkyLibResourcesService"
-                    }
-                  }
-                ],
+                "parameters": [
+                  {
+                    "id": 521,
+                    "name": "applicationRef",
+                    "kind": 32768,
+                    "kindString": "Parameter",
+                    "flags": {},
+                    "type": {
+                      "type": "reference",
+                      "qualifiedName": "ApplicationRef",
+                      "package": "@angular/core",
+                      "name": "ApplicationRef"
+                    }
+                  },
+                  {
+                    "id": 522,
+                    "name": "componentFactoryResolver",
+                    "kind": 32768,
+                    "kindString": "Parameter",
+                    "flags": {},
+                    "type": {
+                      "type": "reference",
+                      "qualifiedName": "ComponentFactoryResolver",
+                      "package": "@angular/core",
+                      "name": "ComponentFactoryResolver"
+                    }
+                  },
+                  {
+                    "id": 523,
+                    "name": "injector",
+                    "kind": 32768,
+                    "kindString": "Parameter",
+                    "flags": {},
+                    "type": {
+                      "type": "reference",
+                      "qualifiedName": "Injector",
+                      "package": "@angular/core",
+                      "name": "Injector"
+                    }
+                  },
+                  {
+                    "id": 524,
+                    "name": "adapter",
+                    "kind": 32768,
+                    "kindString": "Parameter",
+                    "flags": {},
+                    "type": {
+                      "type": "reference",
+                      "name": "SkyOverlayAdapterService"
+                    }
+                  }
+                ],
+                "type": {
+                  "type": "reference",
+                  "id": 517,
+                  "name": "SkyOverlayService"
+                }
+              }
+            ]
+          },
+          {
+            "id": 528,
+            "name": "close",
+            "kind": 2048,
+            "kindString": "Method",
+            "flags": {
+              "isPublic": true
+            },
+            "sources": [
+              {
+                "fileName": "projects/core/src/modules/overlay/overlay.service.ts",
+                "line": 64,
+                "character": 9
+              }
+            ],
+            "signatures": [
+              {
+                "id": 529,
+                "name": "close",
+                "kind": 4096,
+                "kindString": "Call signature",
+                "flags": {},
+                "comment": {
+                  "shortText": "Closes (and destroys) an overlay instance."
+                },
+                "parameters": [
+                  {
+                    "id": 530,
+                    "name": "instance",
+                    "kind": 32768,
+                    "kindString": "Parameter",
+                    "flags": {},
+                    "comment": {
+                      "shortText": "The instance to close.\n"
+                    },
+                    "type": {
+                      "type": "reference",
+                      "id": 491,
+                      "name": "SkyOverlayInstance"
+                    }
+                  }
+                ],
+                "type": {
+                  "type": "intrinsic",
+                  "name": "void"
+                }
+              }
+            ]
+          },
+          {
+            "id": 531,
+            "name": "closeAll",
+            "kind": 2048,
+            "kindString": "Method",
+            "flags": {
+              "isPublic": true
+            },
+            "sources": [
+              {
+                "fileName": "projects/core/src/modules/overlay/overlay.service.ts",
+                "line": 85,
+                "character": 9
+              }
+            ],
+            "signatures": [
+              {
+                "id": 532,
+                "name": "closeAll",
+                "kind": 4096,
+                "kindString": "Call signature",
+                "flags": {},
+                "comment": {
+                  "shortText": "Closes all overlay instances."
+                },
                 "type": {
-                  "type": "reference",
-                  "id": 412,
-                  "name": "SkyNumericService"
+                  "type": "intrinsic",
+                  "name": "void"
                 }
               }
             ]
           },
           {
-            "id": 423,
-            "name": "formatNumber",
+            "id": 525,
+            "name": "create",
             "kind": 2048,
             "kindString": "Method",
             "flags": {
@@ -4218,55 +5125,44 @@
             },
             "sources": [
               {
-                "fileName": "projects/core/src/modules/numeric/numeric.service.ts",
-                "line": 46,
+                "fileName": "projects/core/src/modules/overlay/overlay.service.ts",
+                "line": 37,
                 "character": 9
               }
             ],
             "signatures": [
               {
-                "id": 424,
-                "name": "formatNumber",
+                "id": 526,
+                "name": "create",
                 "kind": 4096,
                 "kindString": "Call signature",
                 "flags": {},
                 "comment": {
-                  "shortText": "Shortens with or without symbol (K/M/B/T) depending on value of number."
+                  "shortText": "Creates an empty overlay. Use the returned `SkyOverlayInstance` to append content."
                 },
                 "parameters": [
                   {
-                    "id": 425,
-                    "name": "value",
+                    "id": 527,
+                    "name": "config",
                     "kind": 32768,
                     "kindString": "Parameter",
-                    "flags": {},
-                    "comment": {
-                      "shortText": "The number to format."
+                    "flags": {
+                      "isOptional": true
                     },
-                    "type": {
-                      "type": "intrinsic",
-                      "name": "number"
-                    }
-                  },
-                  {
-                    "id": 426,
-                    "name": "options",
-                    "kind": 32768,
-                    "kindString": "Parameter",
-                    "flags": {},
                     "comment": {
-                      "shortText": "Format options.\n"
+                      "shortText": "Configuration for the overlay.\n"
                     },
                     "type": {
                       "type": "reference",
-                      "id": 383,
-                      "name": "NumericOptions"
+                      "id": 484,
+                      "name": "SkyOverlayConfig"
                     }
                   }
                 ],
                 "type": {
-                  "type": "intrinsic",
-                  "name": "string"
+                  "type": "reference",
+                  "id": 491,
+                  "name": "SkyOverlayInstance"
                 }
               }
             ]
@@ -4277,179 +5173,92 @@
             "title": "Constructors",
             "kind": 512,
             "children": [
-              413
+              519
             ]
           },
           {
             "title": "Methods",
             "kind": 2048,
             "children": [
-              423
+              528,
+              531,
+              525
             ]
           }
         ],
         "sources": [
           {
-            "fileName": "projects/core/src/modules/numeric/numeric.service.ts",
-            "line": 12,
+            "fileName": "projects/core/src/modules/overlay/overlay.service.ts",
+            "line": 23,
             "character": 13
           }
         ]
       },
       {
-        "id": 452,
-        "name": "SkyOverlayInstance",
+        "id": 545,
+        "name": "SkyPercentPipe",
         "kind": 128,
         "kindString": "Class",
         "flags": {},
-        "comment": {
-          "shortText": "Represents a new overlay instance. It is used to manage the \"closed\" state of the overlay,\nand access any public members on the appended content component instance."
-        },
+        "decorators": [
+          {
+            "name": "Pipe",
+            "type": {
+              "type": "reference",
+              "qualifiedName": "PipeDecorator",
+              "package": "@angular/core",
+              "name": "Pipe"
+            },
+            "arguments": {
+              "obj": "{\n  name: 'skyPercent',\n  pure: false,\n}"
+            }
+          }
+        ],
         "children": [
           {
-            "id": 453,
+            "id": 546,
             "name": "constructor",
             "kind": 512,
             "kindString": "Constructor",
             "flags": {},
             "sources": [
               {
-                "fileName": "projects/core/src/modules/overlay/overlay-instance.ts",
-                "line": 31,
+                "fileName": "projects/core/src/modules/percent-pipe/percent.pipe.ts",
+                "line": 28,
                 "character": 2
               }
             ],
             "signatures": [
               {
-                "id": 454,
-                "name": "new SkyOverlayInstance",
+                "id": 547,
+                "name": "new SkyPercentPipe",
                 "kind": 16384,
                 "kindString": "Constructor signature",
                 "flags": {},
                 "parameters": [
                   {
-                    "id": 455,
-                    "name": "config",
-                    "kind": 32768,
-                    "kindString": "Parameter",
-                    "flags": {},
-                    "type": {
-                      "type": "reference",
-                      "id": 445,
-                      "name": "SkyOverlayConfig"
-                    }
-                  },
-                  {
-                    "id": 456,
-                    "name": "componentRef",
+                    "id": 548,
+                    "name": "localeProvider",
                     "kind": 32768,
                     "kindString": "Parameter",
                     "flags": {},
                     "type": {
                       "type": "reference",
-                      "typeArguments": [
-                        {
-                          "type": "reference",
-                          "name": "SkyOverlayComponent"
-                        }
-                      ],
-                      "qualifiedName": "ComponentRef",
-                      "package": "@angular/core",
-                      "name": "ComponentRef"
+                      "name": "SkyAppLocaleProvider"
                     }
                   }
                 ],
                 "type": {
                   "type": "reference",
-                  "id": 452,
-                  "name": "SkyOverlayInstance"
-                }
-              }
-            ]
-          },
-          {
-            "id": 457,
-            "name": "backdropClick",
-            "kind": 262144,
-            "kindString": "Accessor",
-            "flags": {
-              "isPublic": true
-            },
-            "sources": [
-              {
-                "fileName": "projects/core/src/modules/overlay/overlay-instance.ts",
-                "line": 16,
-                "character": 13
-              }
-            ],
-            "getSignature": [
-              {
-                "id": 458,
-                "name": "backdropClick",
-                "kind": 524288,
-                "kindString": "Get signature",
-                "flags": {},
-                "comment": {
-                  "shortText": "Emits when the overlay is clicked (but not its content)."
-                },
-                "type": {
-                  "type": "reference",
-                  "typeArguments": [
-                    {
-                      "type": "intrinsic",
-                      "name": "void"
-                    }
-                  ],
-                  "qualifiedName": "Observable",
-                  "package": "rxjs",
-                  "name": "Observable"
-                }
-              }
-            ]
-          },
-          {
-            "id": 459,
-            "name": "closed",
-            "kind": 262144,
-            "kindString": "Accessor",
-            "flags": {
-              "isPublic": true
-            },
-            "sources": [
-              {
-                "fileName": "projects/core/src/modules/overlay/overlay-instance.ts",
-                "line": 23,
-                "character": 13
-              }
-            ],
-            "getSignature": [
-              {
-                "id": 460,
-                "name": "closed",
-                "kind": 524288,
-                "kindString": "Get signature",
-                "flags": {},
-                "comment": {
-                  "shortText": "Emits after the overlay is closed."
-                },
-                "type": {
-                  "type": "reference",
-                  "typeArguments": [
-                    {
-                      "type": "intrinsic",
-                      "name": "void"
-                    }
-                  ],
-                  "qualifiedName": "Observable",
-                  "package": "rxjs",
-                  "name": "Observable"
+                  "id": 545,
+                  "name": "SkyPercentPipe"
                 }
               }
             ]
           },
           {
-            "id": 465,
-            "name": "attachComponent",
+            "id": 556,
+            "name": "ngOnDestroy",
             "kind": 2048,
             "kindString": "Method",
             "flags": {
@@ -4457,87 +5266,36 @@
             },
             "sources": [
               {
-                "fileName": "projects/core/src/modules/overlay/overlay-instance.ts",
-                "line": 54,
+                "fileName": "projects/core/src/modules/percent-pipe/percent.pipe.ts",
+                "line": 38,
                 "character": 9
               }
             ],
             "signatures": [
               {
-                "id": 466,
-                "name": "attachComponent",
-                "kind": 4096,
-                "kindString": "Call signature",
-                "flags": {},
-                "comment": {
-                  "shortText": "Creates and attaches a component to the overlay."
-                },
-                "typeParameter": [
-                  {
-                    "id": 467,
-                    "name": "C",
-                    "kind": 131072,
-                    "kindString": "Type parameter",
-                    "flags": {}
-                  }
-                ],
-                "parameters": [
-                  {
-                    "id": 468,
-                    "name": "component",
-                    "kind": 32768,
-                    "kindString": "Parameter",
-                    "flags": {},
-                    "comment": {
-                      "shortText": "The component to attach."
-                    },
-                    "type": {
-                      "type": "reference",
-                      "typeArguments": [
-                        {
-                          "type": "reference",
-                          "id": 467,
-                          "name": "C"
-                        }
-                      ],
-                      "qualifiedName": "Type",
-                      "package": "@angular/core",
-                      "name": "Type"
-                    }
-                  },
-                  {
-                    "id": 469,
-                    "name": "providers",
-                    "kind": 32768,
-                    "kindString": "Parameter",
-                    "flags": {
-                      "isOptional": true
-                    },
-                    "comment": {
-                      "shortText": "Custom providers to apply to the component.\n"
-                    },
-                    "type": {
-                      "type": "array",
-                      "elementType": {
-                        "type": "reference",
-                        "qualifiedName": "StaticProvider",
-                        "package": "@angular/core",
-                        "name": "StaticProvider"
-                      }
-                    }
-                  }
-                ],
+                "id": 557,
+                "name": "ngOnDestroy",
+                "kind": 4096,
+                "kindString": "Call signature",
+                "flags": {},
                 "type": {
+                  "type": "intrinsic",
+                  "name": "void"
+                },
+                "implementationOf": {
                   "type": "reference",
-                  "id": 467,
-                  "name": "C"
+                  "name": "OnDestroy.ngOnDestroy"
                 }
               }
-            ]
+            ],
+            "implementationOf": {
+              "type": "reference",
+              "name": "OnDestroy.ngOnDestroy"
+            }
           },
           {
-            "id": 470,
-            "name": "attachTemplate",
+            "id": 558,
+            "name": "transform",
             "kind": 2048,
             "kindString": "Method",
             "flags": {
@@ -4545,78 +5303,71 @@
             },
             "sources": [
               {
-                "fileName": "projects/core/src/modules/overlay/overlay-instance.ts",
-                "line": 70,
+                "fileName": "projects/core/src/modules/percent-pipe/percent.pipe.ts",
+                "line": 43,
                 "character": 9
               }
             ],
             "signatures": [
               {
-                "id": 471,
-                "name": "attachTemplate",
+                "id": 559,
+                "name": "transform",
                 "kind": 4096,
                 "kindString": "Call signature",
                 "flags": {},
-                "comment": {
-                  "shortText": "Attaches a `TemplateRef` to the overlay."
-                },
-                "typeParameter": [
-                  {
-                    "id": 472,
-                    "name": "T",
-                    "kind": 131072,
-                    "kindString": "Type parameter",
-                    "flags": {}
-                  }
-                ],
                 "parameters": [
                   {
-                    "id": 473,
-                    "name": "templateRef",
+                    "id": 560,
+                    "name": "value",
                     "kind": 32768,
                     "kindString": "Parameter",
                     "flags": {},
-                    "comment": {
-                      "shortText": "The `TemplateRef` to attach."
-                    },
                     "type": {
-                      "type": "reference",
-                      "typeArguments": [
-                        {
-                          "type": "reference",
-                          "id": 472,
-                          "name": "T"
-                        }
-                      ],
-                      "qualifiedName": "TemplateRef",
-                      "package": "@angular/core",
-                      "name": "TemplateRef"
+                      "type": "intrinsic",
+                      "name": "string"
                     }
                   },
                   {
-                    "id": 474,
-                    "name": "context",
+                    "id": 561,
+                    "name": "format",
                     "kind": 32768,
                     "kindString": "Parameter",
                     "flags": {
                       "isOptional": true
                     },
-                    "comment": {
-                      "shortText": "The context to provide to the template.\n"
+                    "type": {
+                      "type": "intrinsic",
+                      "name": "string"
+                    }
+                  },
+                  {
+                    "id": 562,
+                    "name": "locale",
+                    "kind": 32768,
+                    "kindString": "Parameter",
+                    "flags": {
+                      "isOptional": true
                     },
                     "type": {
-                      "type": "reference",
-                      "id": 472,
-                      "name": "T"
+                      "type": "intrinsic",
+                      "name": "string"
                     }
                   }
                 ],
                 "type": {
                   "type": "intrinsic",
-                  "name": "void"
+                  "name": "string"
+                },
+                "implementationOf": {
+                  "type": "reference",
+                  "name": "PipeTransform.transform"
                 }
               }
-            ]
+            ],
+            "implementationOf": {
+              "type": "reference",
+              "name": "PipeTransform.transform"
+            }
           }
         ],
         "groups": [
@@ -4624,45 +5375,43 @@
             "title": "Constructors",
             "kind": 512,
             "children": [
-              453
-            ]
-          },
-          {
-            "title": "Properties",
-            "kind": 1024,
-            "children": [
-              464,
-              463
-            ]
-          },
-          {
-            "title": "Accessors",
-            "kind": 262144,
-            "children": [
-              457,
-              459
+              546
             ]
           },
           {
             "title": "Methods",
             "kind": 2048,
             "children": [
-              465,
-              470
+              556,
+              558
             ]
           }
         ],
         "sources": [
           {
-            "fileName": "projects/core/src/modules/overlay/overlay-instance.ts",
-            "line": 12,
+            "fileName": "projects/core/src/modules/percent-pipe/percent.pipe.ts",
+            "line": 13,
             "character": 13
           }
+        ],
+        "implementedTypes": [
+          {
+            "type": "reference",
+            "qualifiedName": "OnDestroy",
+            "package": "@angular/core",
+            "name": "OnDestroy"
+          },
+          {
+            "type": "reference",
+            "qualifiedName": "PipeTransform",
+            "package": "@angular/core",
+            "name": "PipeTransform"
+          }
         ]
       },
       {
-        "id": 475,
-        "name": "SkyOverlayModule",
+        "id": 542,
+        "name": "SkyPercentPipeModule",
         "kind": 128,
         "kindString": "Class",
         "flags": {},
@@ -4676,7 +5425,7 @@
               "name": "NgModule"
             },
             "arguments": {
-              "obj": "{\n  imports: [CommonModule],\n  declarations: [SkyOverlayComponent],\n}"
+              "obj": "{\n  declarations: [SkyPercentPipe],\n  providers: [SkyPercentPipe],\n  imports: [CommonModule, SkyCoreResourcesModule],\n  exports: [SkyPercentPipe],\n}"
             }
           }
         ],
@@ -4686,32 +5435,26 @@
             "title": "Constructors",
             "kind": 512,
             "children": [
-              476
+              543
             ]
           }
         ],
         "sources": [
           {
-            "fileName": "projects/core/src/modules/overlay/overlay.module.ts",
-            "line": 10,
+            "fileName": "projects/core/src/modules/percent-pipe/percent-pipe.module.ts",
+            "line": 14,
             "character": 13
           }
         ]
       },
       {
-        "id": 478,
-        "name": "SkyOverlayService",
+        "id": 582,
+        "name": "SkyResizeObserverMediaQueryService",
         "kind": 128,
         "kindString": "Class",
         "flags": {},
         "comment": {
-          "shortText": "This service is used to create new overlays.",
-          "tags": [
-            {
-              "tag": "dynamic",
-              "text": "\n"
-            }
-          ]
+          "shortText": "Acts like `SkyMediaQueryService` for a container element, emitting the same responsive breakpoints."
         },
         "decorators": [
           {
@@ -4723,94 +5466,89 @@
               "name": "Injectable"
             },
             "arguments": {
-              "options": "{\n  providedIn: 'root',\n}"
+              "options": "{\n  providedIn: 'any',\n}"
             }
           }
         ],
         "children": [
           {
-            "id": 480,
+            "id": 583,
             "name": "constructor",
             "kind": 512,
             "kindString": "Constructor",
             "flags": {},
             "sources": [
               {
-                "fileName": "projects/core/src/modules/overlay/overlay.service.ts",
-                "line": 26,
+                "fileName": "projects/core/src/modules/resize-observer/resize-observer-media-query.service.ts",
+                "line": 53,
                 "character": 2
               }
             ],
             "signatures": [
               {
-                "id": 481,
-                "name": "new SkyOverlayService",
+                "id": 584,
+                "name": "new SkyResizeObserverMediaQueryService",
                 "kind": 16384,
                 "kindString": "Constructor signature",
                 "flags": {},
                 "parameters": [
                   {
-                    "id": 482,
-                    "name": "applicationRef",
-                    "kind": 32768,
-                    "kindString": "Parameter",
-                    "flags": {},
-                    "type": {
-                      "type": "reference",
-                      "qualifiedName": "ApplicationRef",
-                      "package": "@angular/core",
-                      "name": "ApplicationRef"
-                    }
-                  },
-                  {
-                    "id": 483,
-                    "name": "componentFactoryResolver",
-                    "kind": 32768,
-                    "kindString": "Parameter",
-                    "flags": {},
-                    "type": {
-                      "type": "reference",
-                      "qualifiedName": "ComponentFactoryResolver",
-                      "package": "@angular/core",
-                      "name": "ComponentFactoryResolver"
-                    }
-                  },
-                  {
-                    "id": 484,
-                    "name": "injector",
-                    "kind": 32768,
-                    "kindString": "Parameter",
-                    "flags": {},
-                    "type": {
-                      "type": "reference",
-                      "qualifiedName": "Injector",
-                      "package": "@angular/core",
-                      "name": "Injector"
-                    }
-                  },
-                  {
-                    "id": 485,
-                    "name": "adapter",
+                    "id": 585,
+                    "name": "resizeObserverService",
                     "kind": 32768,
                     "kindString": "Parameter",
                     "flags": {},
                     "type": {
                       "type": "reference",
-                      "name": "SkyOverlayAdapterService"
+                      "id": 565,
+                      "name": "SkyResizeObserverService"
                     }
                   }
                 ],
                 "type": {
                   "type": "reference",
-                  "id": 478,
-                  "name": "SkyOverlayService"
+                  "id": 582,
+                  "name": "SkyResizeObserverMediaQueryService"
                 }
               }
             ]
           },
           {
-            "id": 489,
-            "name": "close",
+            "id": 586,
+            "name": "current",
+            "kind": 262144,
+            "kindString": "Accessor",
+            "flags": {
+              "isPublic": true
+            },
+            "sources": [
+              {
+                "fileName": "projects/core/src/modules/resize-observer/resize-observer-media-query.service.ts",
+                "line": 21,
+                "character": 13
+              }
+            ],
+            "getSignature": [
+              {
+                "id": 587,
+                "name": "current",
+                "kind": 524288,
+                "kindString": "Get signature",
+                "flags": {},
+                "comment": {
+                  "shortText": "Returns the current breakpoint."
+                },
+                "type": {
+                  "type": "reference",
+                  "id": 353,
+                  "name": "SkyMediaBreakpoints"
+                }
+              }
+            ]
+          },
+          {
+            "id": 598,
+            "name": "ngOnDestroy",
             "kind": 2048,
             "kindString": "Method",
             "flags": {
@@ -4818,48 +5556,90 @@
             },
             "sources": [
               {
-                "fileName": "projects/core/src/modules/overlay/overlay.service.ts",
-                "line": 64,
+                "fileName": "projects/core/src/modules/resize-observer/resize-observer-media-query.service.ts",
+                "line": 60,
                 "character": 9
               }
             ],
             "signatures": [
               {
-                "id": 490,
-                "name": "close",
+                "id": 599,
+                "name": "ngOnDestroy",
+                "kind": 4096,
+                "kindString": "Call signature",
+                "flags": {},
+                "type": {
+                  "type": "intrinsic",
+                  "name": "void"
+                },
+                "implementationOf": {
+                  "type": "reference",
+                  "name": "OnDestroy.ngOnDestroy"
+                }
+              }
+            ],
+            "implementationOf": {
+              "type": "reference",
+              "name": "OnDestroy.ngOnDestroy"
+            }
+          },
+          {
+            "id": 602,
+            "name": "observe",
+            "kind": 2048,
+            "kindString": "Method",
+            "flags": {
+              "isPublic": true
+            },
+            "sources": [
+              {
+                "fileName": "projects/core/src/modules/resize-observer/resize-observer-media-query.service.ts",
+                "line": 78,
+                "character": 9
+              }
+            ],
+            "signatures": [
+              {
+                "id": 603,
+                "name": "observe",
                 "kind": 4096,
                 "kindString": "Call signature",
                 "flags": {},
                 "comment": {
-                  "shortText": "Closes (and destroys) an overlay instance."
+                  "shortText": "Sets the container element to watch. The `SkyResizeObserverMediaQueryService` will only observe one element at a\ntime. Any previous subscriptions will be unsubscribed when a new element is observed."
                 },
                 "parameters": [
                   {
-                    "id": 491,
-                    "name": "instance",
+                    "id": 604,
+                    "name": "element",
                     "kind": 32768,
                     "kindString": "Parameter",
                     "flags": {},
-                    "comment": {
-                      "shortText": "The instance to close.\n"
-                    },
                     "type": {
                       "type": "reference",
-                      "id": 452,
-                      "name": "SkyOverlayInstance"
+                      "typeArguments": [
+                        {
+                          "type": "intrinsic",
+                          "name": "any"
+                        }
+                      ],
+                      "qualifiedName": "ElementRef",
+                      "package": "@angular/core",
+                      "name": "ElementRef"
                     }
                   }
                 ],
                 "type": {
-                  "type": "intrinsic",
-                  "name": "void"
+                  "type": "reference",
+                  "id": 582,
+                  "name": "SkyResizeObserverMediaQueryService"
                 }
               }
             ]
           },
           {
-            "id": 492,
-            "name": "closeAll",
+            "id": 607,
+            "name": "subscribe",
             "kind": 2048,
             "kindString": "Method",
             "flags": {
@@ -4867,31 +5647,47 @@
             },
             "sources": [
               {
-                "fileName": "projects/core/src/modules/overlay/overlay.service.ts",
-                "line": 85,
+                "fileName": "projects/core/src/modules/resize-observer/resize-observer-media-query.service.ts",
+                "line": 114,
                 "character": 9
               }
             ],
             "signatures": [
               {
-                "id": 493,
-                "name": "closeAll",
+                "id": 608,
+                "name": "subscribe",
                 "kind": 4096,
                 "kindString": "Call signature",
                 "flags": {},
                 "comment": {
-                  "shortText": "Closes all overlay instances."
+                  "shortText": "Subscribes to element size changes that cross breakpoints."
                 },
+                "parameters": [
+                  {
+                    "id": 609,
+                    "name": "listener",
+                    "kind": 32768,
+                    "kindString": "Parameter",
+                    "flags": {},
+                    "type": {
+                      "type": "reference",
+                      "id": 358,
+                      "name": "SkyMediaQueryListener"
+                    }
+                  }
+                ],
                 "type": {
-                  "type": "intrinsic",
-                  "name": "void"
+                  "type": "reference",
+                  "qualifiedName": "Subscription",
+                  "package": "rxjs",
+                  "name": "Subscription"
                 }
               }
             ]
           },
           {
-            "id": 486,
-            "name": "create",
+            "id": 605,
+            "name": "unobserve",
             "kind": 2048,
             "kindString": "Method",
             "flags": {
@@ -4899,44 +5695,24 @@
             },
             "sources": [
               {
-                "fileName": "projects/core/src/modules/overlay/overlay.service.ts",
-                "line": 37,
+                "fileName": "projects/core/src/modules/resize-observer/resize-observer-media-query.service.ts",
+                "line": 107,
                 "character": 9
               }
             ],
             "signatures": [
               {
-                "id": 487,
-                "name": "create",
+                "id": 606,
+                "name": "unobserve",
                 "kind": 4096,
                 "kindString": "Call signature",
                 "flags": {},
                 "comment": {
-                  "shortText": "Creates an empty overlay. Use the returned `SkyOverlayInstance` to append content."
+                  "shortText": "Stop watching the container element."
                 },
-                "parameters": [
-                  {
-                    "id": 488,
-                    "name": "config",
-                    "kind": 32768,
-                    "kindString": "Parameter",
-                    "flags": {
-                      "isOptional": true
-                    },
-                    "comment": {
-                      "shortText": "Configuration for the overlay.\n"
-                    },
-                    "type": {
-                      "type": "reference",
-                      "id": 445,
-                      "name": "SkyOverlayConfig"
-                    }
-                  }
-                ],
                 "type": {
-                  "type": "reference",
-                  "id": 452,
-                  "name": "SkyOverlayInstance"
+                  "type": "intrinsic",
+                  "name": "void"
                 }
               }
             ]
@@ -4947,91 +5723,112 @@
             "title": "Constructors",
             "kind": 512,
             "children": [
-              480
+              583
+            ]
+          },
+          {
+            "title": "Accessors",
+            "kind": 262144,
+            "children": [
+              586
             ]
           },
           {
             "title": "Methods",
             "kind": 2048,
             "children": [
-              489,
-              492,
-              486
+              598,
+              602,
+              607,
+              605
             ]
           }
         ],
         "sources": [
           {
-            "fileName": "projects/core/src/modules/overlay/overlay.service.ts",
-            "line": 23,
+            "fileName": "projects/core/src/modules/resize-observer/resize-observer-media-query.service.ts",
+            "line": 17,
             "character": 13
           }
+        ],
+        "implementedTypes": [
+          {
+            "type": "reference",
+            "qualifiedName": "OnDestroy",
+            "package": "@angular/core",
+            "name": "OnDestroy"
+          }
         ]
       },
       {
-        "id": 506,
-        "name": "SkyPercentPipe",
+        "id": 565,
+        "name": "SkyResizeObserverService",
         "kind": 128,
         "kindString": "Class",
         "flags": {},
+        "comment": {
+          "shortText": "Service to create rxjs observables for changes to the content box dimensions of elements."
+        },
         "decorators": [
           {
-            "name": "Pipe",
+            "name": "Injectable",
             "type": {
               "type": "reference",
-              "qualifiedName": "PipeDecorator",
+              "qualifiedName": "InjectableDecorator",
               "package": "@angular/core",
-              "name": "Pipe"
+              "name": "Injectable"
             },
             "arguments": {
-              "obj": "{\n  name: 'skyPercent',\n  pure: false,\n}"
+              "options": "{\n  providedIn: 'any',\n}"
             }
           }
         ],
         "children": [
           {
-            "id": 507,
+            "id": 566,
             "name": "constructor",
             "kind": 512,
             "kindString": "Constructor",
             "flags": {},
             "sources": [
               {
-                "fileName": "projects/core/src/modules/percent-pipe/percent.pipe.ts",
-                "line": 28,
+                "fileName": "projects/core/src/modules/resize-observer/resize-observer.service.ts",
+                "line": 22,
                 "character": 2
               }
             ],
             "signatures": [
               {
-                "id": 508,
-                "name": "new SkyPercentPipe",
+                "id": 567,
+                "name": "new SkyResizeObserverService",
                 "kind": 16384,
                 "kindString": "Constructor signature",
                 "flags": {},
                 "parameters": [
                   {
-                    "id": 509,
-                    "name": "localeProvider",
+                    "id": 568,
+                    "name": "zone",
                     "kind": 32768,
                     "kindString": "Parameter",
                     "flags": {},
                     "type": {
                       "type": "reference",
-                      "name": "SkyAppLocaleProvider"
+                      "qualifiedName": "NgZone",
+                      "package": "@angular/core",
+                      "name": "NgZone"
                     }
                   }
                 ],
                 "type": {
                   "type": "reference",
-                  "id": 506,
-                  "name": "SkyPercentPipe"
+                  "id": 565,
+                  "name": "SkyResizeObserverService"
                 }
               }
             ]
           },
           {
-            "id": 517,
+            "id": 571,
             "name": "ngOnDestroy",
             "kind": 2048,
             "kindString": "Method",
@@ -5040,14 +5837,14 @@
             },
             "sources": [
               {
-                "fileName": "projects/core/src/modules/percent-pipe/percent.pipe.ts",
-                "line": 38,
+                "fileName": "projects/core/src/modules/resize-observer/resize-observer.service.ts",
+                "line": 30,
                 "character": 9
               }
             ],
             "signatures": [
               {
-                "id": 518,
+                "id": 572,
                 "name": "ngOnDestroy",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -5068,8 +5865,8 @@
             }
           },
           {
-            "id": 519,
-            "name": "transform",
+            "id": 573,
+            "name": "observe",
             "kind": 2048,
             "kindString": "Method",
             "flags": {
@@ -5077,71 +5874,58 @@
             },
             "sources": [
               {
-                "fileName": "projects/core/src/modules/percent-pipe/percent.pipe.ts",
-                "line": 43,
+                "fileName": "projects/core/src/modules/resize-observer/resize-observer.service.ts",
+                "line": 37,
                 "character": 9
               }
             ],
             "signatures": [
               {
-                "id": 520,
-                "name": "transform",
+                "id": 574,
+                "name": "observe",
                 "kind": 4096,
                 "kindString": "Call signature",
                 "flags": {},
+                "comment": {
+                  "shortText": "Create rxjs observable to get size changes for an element ref."
+                },
                 "parameters": [
                   {
-                    "id": 521,
-                    "name": "value",
+                    "id": 575,
+                    "name": "element",
                     "kind": 32768,
                     "kindString": "Parameter",
                     "flags": {},
                     "type": {
-                      "type": "intrinsic",
-                      "name": "string"
-                    }
-                  },
-                  {
-                    "id": 522,
-                    "name": "format",
-                    "kind": 32768,
-                    "kindString": "Parameter",
-                    "flags": {
-                      "isOptional": true
-                    },
-                    "type": {
-                      "type": "intrinsic",
-                      "name": "string"
-                    }
-                  },
-                  {
-                    "id": 523,
-                    "name": "locale",
-                    "kind": 32768,
-                    "kindString": "Parameter",
-                    "flags": {
-                      "isOptional": true
-                    },
-                    "type": {
-                      "type": "intrinsic",
-                      "name": "string"
+                      "type": "reference",
+                      "typeArguments": [
+                        {
+                          "type": "intrinsic",
+                          "name": "any"
+                        }
+                      ],
+                      "qualifiedName": "ElementRef",
+                      "package": "@angular/core",
+                      "name": "ElementRef"
                     }
                   }
                 ],
                 "type": {
-                  "type": "intrinsic",
-                  "name": "string"
-                },
-                "implementationOf": {
                   "type": "reference",
-                  "name": "PipeTransform.transform"
+                  "typeArguments": [
+                    {
+                      "type": "reference",
+                      "qualifiedName": "ResizeObserverEntry",
+                      "package": "typescript",
+                      "name": "ResizeObserverEntry"
+                    }
+                  ],
+                  "qualifiedName": "Observable",
+                  "package": "rxjs",
+                  "name": "Observable"
                 }
               }
-            ],
-            "implementationOf": {
-              "type": "reference",
-              "name": "PipeTransform.transform"
-            }
+            ]
           }
         ],
         "groups": [
@@ -5149,22 +5933,22 @@
             "title": "Constructors",
             "kind": 512,
             "children": [
-              507
+              566
             ]
           },
           {
             "title": "Methods",
             "kind": 2048,
             "children": [
-              517,
-              519
+              571,
+              573
             ]
           }
         ],
         "sources": [
           {
-            "fileName": "projects/core/src/modules/percent-pipe/percent.pipe.ts",
-            "line": 13,
+            "fileName": "projects/core/src/modules/resize-observer/resize-observer.service.ts",
+            "line": 18,
             "character": 13
           }
         ],
@@ -5174,55 +5958,11 @@
             "qualifiedName": "OnDestroy",
             "package": "@angular/core",
             "name": "OnDestroy"
-          },
-          {
-            "type": "reference",
-            "qualifiedName": "PipeTransform",
-            "package": "@angular/core",
-            "name": "PipeTransform"
           }
         ]
       },
       {
-        "id": 503,
-        "name": "SkyPercentPipeModule",
-        "kind": 128,
-        "kindString": "Class",
-        "flags": {},
-        "decorators": [
-          {
-            "name": "NgModule",
-            "type": {
-              "type": "reference",
-              "qualifiedName": "NgModuleDecorator",
-              "package": "@angular/core",
-              "name": "NgModule"
-            },
-            "arguments": {
-              "obj": "{\n  declarations: [SkyPercentPipe],\n  providers: [SkyPercentPipe],\n  imports: [CommonModule, SkyCoreResourcesModule],\n  exports: [SkyPercentPipe],\n}"
-            }
-          }
-        ],
-        "children": [],
-        "groups": [
-          {
-            "title": "Constructors",
-            "kind": 512,
-            "children": [
-              504
-            ]
-          }
-        ],
-        "sources": [
-          {
-            "fileName": "projects/core/src/modules/percent-pipe/percent-pipe.module.ts",
-            "line": 14,
-            "character": 13
-          }
-        ]
-      },
-      {
-        "id": 526,
+        "id": 616,
         "name": "SkyScrollableHostService",
         "kind": 128,
         "kindString": "Class",
@@ -5243,7 +5983,7 @@
         ],
         "children": [
           {
-            "id": 527,
+            "id": 617,
             "name": "constructor",
             "kind": 512,
             "kindString": "Constructor",
@@ -5257,47 +5997,47 @@
             ],
             "signatures": [
               {
-                "id": 528,
+                "id": 618,
                 "name": "new SkyScrollableHostService",
                 "kind": 16384,
                 "kindString": "Constructor signature",
                 "flags": {},
                 "parameters": [
                   {
-                    "id": 529,
+                    "id": 619,
                     "name": "mutationObserverSvc",
                     "kind": 32768,
                     "kindString": "Parameter",
                     "flags": {},
                     "type": {
                       "type": "reference",
-                      "id": 371,
+                      "id": 401,
                       "name": "MutationObserverService"
                     }
                   },
                   {
-                    "id": 530,
+                    "id": 620,
                     "name": "windowRef",
                     "kind": 32768,
                     "kindString": "Parameter",
                     "flags": {},
                     "type": {
                       "type": "reference",
-                      "id": 603,
+                      "id": 693,
                       "name": "SkyAppWindowRef"
                     }
                   }
                 ],
                 "type": {
                   "type": "reference",
-                  "id": 526,
+                  "id": 616,
                   "name": "SkyScrollableHostService"
                 }
               }
             ]
           },
           {
-            "id": 531,
+            "id": 621,
             "name": "getScrollableHost",
             "kind": 2048,
             "kindString": "Method",
@@ -5313,7 +6053,7 @@
             ],
             "signatures": [
               {
-                "id": 532,
+                "id": 622,
                 "name": "getScrollableHost",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -5324,7 +6064,7 @@
                 },
                 "parameters": [
                   {
-                    "id": 533,
+                    "id": 623,
                     "name": "elementRef",
                     "kind": 32768,
                     "kindString": "Parameter",
@@ -5367,7 +6107,7 @@
             ]
           },
           {
-            "id": 537,
+            "id": 627,
             "name": "watchScrollableHostScrollEvents",
             "kind": 2048,
             "kindString": "Method",
@@ -5383,7 +6123,7 @@
             ],
             "signatures": [
               {
-                "id": 538,
+                "id": 628,
                 "name": "watchScrollableHostScrollEvents",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -5394,7 +6134,7 @@
                 },
                 "parameters": [
                   {
-                    "id": 539,
+                    "id": 629,
                     "name": "elementRef",
                     "kind": 32768,
                     "kindString": "Parameter",
@@ -5437,15 +6177,15 @@
             "title": "Constructors",
             "kind": 512,
             "children": [
-              527
+              617
             ]
           },
           {
             "title": "Methods",
             "kind": 2048,
             "children": [
-              531,
-              537
+              621,
+              627
             ]
           }
         ],
@@ -5458,7 +6198,7 @@
         ]
       },
       {
-        "id": 559,
+        "id": 649,
         "name": "SkyUIConfigService",
         "kind": 128,
         "kindString": "Class",
@@ -5479,7 +6219,7 @@
         ],
         "children": [
           {
-            "id": 562,
+            "id": 652,
             "name": "getConfig",
             "kind": 2048,
             "kindString": "Method",
@@ -5495,14 +6235,14 @@
             ],
             "signatures": [
               {
-                "id": 563,
+                "id": 653,
                 "name": "getConfig",
                 "kind": 4096,
                 "kindString": "Call signature",
                 "flags": {},
                 "parameters": [
                   {
-                    "id": 564,
+                    "id": 654,
                     "name": "key",
                     "kind": 32768,
                     "kindString": "Parameter",
@@ -5513,7 +6253,7 @@
                     }
                   },
                   {
-                    "id": 565,
+                    "id": 655,
                     "name": "defaultConfig",
                     "kind": 32768,
                     "kindString": "Parameter",
@@ -5542,7 +6282,7 @@
             ]
           },
           {
-            "id": 566,
+            "id": 656,
             "name": "setConfig",
             "kind": 2048,
             "kindString": "Method",
@@ -5558,14 +6298,14 @@
             ],
             "signatures": [
               {
-                "id": 567,
+                "id": 657,
                 "name": "setConfig",
                 "kind": 4096,
                 "kindString": "Call signature",
                 "flags": {},
                 "parameters": [
                   {
-                    "id": 568,
+                    "id": 658,
                     "name": "key",
                     "kind": 32768,
                     "kindString": "Parameter",
@@ -5576,7 +6316,7 @@
                     }
                   },
                   {
-                    "id": 569,
+                    "id": 659,
                     "name": "value",
                     "kind": 32768,
                     "kindString": "Parameter",
@@ -5608,15 +6348,15 @@
             "title": "Constructors",
             "kind": 512,
             "children": [
-              560
+              650
             ]
           },
           {
             "title": "Methods",
             "kind": 2048,
             "children": [
-              562,
-              566
+              652,
+              656
             ]
           }
         ],
@@ -5629,7 +6369,7 @@
         ]
       },
       {
-        "id": 570,
+        "id": 660,
         "name": "SkyViewkeeperHostOptions",
         "kind": 128,
         "kindString": "Class",
@@ -5648,7 +6388,7 @@
         ],
         "children": [
           {
-            "id": 573,
+            "id": 663,
             "name": "boundaryEl",
             "kind": 1024,
             "kindString": "Property",
@@ -5674,12 +6414,12 @@
             },
             "implementationOf": {
               "type": "reference",
-              "id": 581,
+              "id": 671,
               "name": "SkyViewkeeperOptions.boundaryEl"
             }
           },
           {
-            "id": 574,
+            "id": 664,
             "name": "el",
             "kind": 1024,
             "kindString": "Property",
@@ -5705,12 +6445,12 @@
             },
             "implementationOf": {
               "type": "reference",
-              "id": 582,
+              "id": 672,
               "name": "SkyViewkeeperOptions.el"
             }
           },
           {
-            "id": 575,
+            "id": 665,
             "name": "scrollableHost",
             "kind": 1024,
             "kindString": "Property",
@@ -5736,12 +6476,12 @@
             },
             "implementationOf": {
               "type": "reference",
-              "id": 583,
+              "id": 673,
               "name": "SkyViewkeeperOptions.scrollableHost"
             }
           },
           {
-            "id": 576,
+            "id": 666,
             "name": "setWidth",
             "kind": 1024,
             "kindString": "Property",
@@ -5765,12 +6505,12 @@
             },
             "implementationOf": {
               "type": "reference",
-              "id": 584,
+              "id": 674,
               "name": "SkyViewkeeperOptions.setWidth"
             }
           },
           {
-            "id": 577,
+            "id": 667,
             "name": "verticalOffset",
             "kind": 1024,
             "kindString": "Property",
@@ -5794,12 +6534,12 @@
             },
             "implementationOf": {
               "type": "reference",
-              "id": 585,
+              "id": 675,
               "name": "SkyViewkeeperOptions.verticalOffset"
             }
           },
           {
-            "id": 578,
+            "id": 668,
             "name": "verticalOffsetEl",
             "kind": 1024,
             "kindString": "Property",
@@ -5825,12 +6565,12 @@
             },
             "implementationOf": {
               "type": "reference",
-              "id": 586,
+              "id": 676,
               "name": "SkyViewkeeperOptions.verticalOffsetEl"
             }
           },
           {
-            "id": 579,
+            "id": 669,
             "name": "viewportMarginTop",
             "kind": 1024,
             "kindString": "Property",
@@ -5854,7 +6594,7 @@
             },
             "implementationOf": {
               "type": "reference",
-              "id": 587,
+              "id": 677,
               "name": "SkyViewkeeperOptions.viewportMarginTop"
             }
           }
@@ -5864,20 +6604,20 @@
             "title": "Constructors",
             "kind": 512,
             "children": [
-              571
+              661
             ]
           },
           {
             "title": "Properties",
             "kind": 1024,
             "children": [
-              573,
-              574,
-              575,
-              576,
-              577,
-              578,
-              579
+              663,
+              664,
+              665,
+              666,
+              667,
+              668,
+              669
             ]
           }
         ],
@@ -5891,13 +6631,13 @@
         "implementedTypes": [
           {
             "type": "reference",
-            "id": 580,
+            "id": 670,
             "name": "SkyViewkeeperOptions"
           }
         ]
       },
       {
-        "id": 588,
+        "id": 678,
         "name": "SkyViewkeeperModule",
         "kind": 128,
         "kindString": "Class",
@@ -5922,7 +6662,7 @@
             "title": "Constructors",
             "kind": 512,
             "children": [
-              589
+              679
             ]
           }
         ],
@@ -5935,7 +6675,7 @@
         ]
       },
       {
-        "id": 591,
+        "id": 681,
         "name": "SkyViewkeeperService",
         "kind": 128,
         "kindString": "Class",
@@ -5959,7 +6699,7 @@
         ],
         "children": [
           {
-            "id": 592,
+            "id": 682,
             "name": "constructor",
             "kind": 512,
             "kindString": "Constructor",
@@ -5973,14 +6713,14 @@
             ],
             "signatures": [
               {
-                "id": 593,
+                "id": 683,
                 "name": "new SkyViewkeeperService",
                 "kind": 16384,
                 "kindString": "Constructor signature",
                 "flags": {},
                 "parameters": [
                   {
-                    "id": 594,
+                    "id": 684,
                     "name": "hostOptions",
                     "kind": 32768,
                     "kindString": "Parameter",
@@ -6001,21 +6741,21 @@
                     ],
                     "type": {
                       "type": "reference",
-                      "id": 570,
+                      "id": 660,
                       "name": "SkyViewkeeperHostOptions"
                     }
                   }
                 ],
                 "type": {
                   "type": "reference",
-                  "id": 591,
+                  "id": 681,
                   "name": "SkyViewkeeperService"
                 }
               }
             ]
           },
           {
-            "id": 595,
+            "id": 685,
             "name": "create",
             "kind": 2048,
             "kindString": "Method",
@@ -6031,7 +6771,7 @@
             ],
             "signatures": [
               {
-                "id": 596,
+                "id": 686,
                 "name": "create",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -6039,7 +6779,7 @@
                 "comment": {},
                 "parameters": [
                   {
-                    "id": 597,
+                    "id": 687,
                     "name": "options",
                     "kind": 32768,
                     "kindString": "Parameter",
@@ -6049,7 +6789,7 @@
                     },
                     "type": {
                       "type": "reference",
-                      "id": 580,
+                      "id": 670,
                       "name": "SkyViewkeeperOptions"
                     }
                   }
@@ -6062,7 +6802,7 @@
             ]
           },
           {
-            "id": 598,
+            "id": 688,
             "name": "destroy",
             "kind": 2048,
             "kindString": "Method",
@@ -6078,7 +6818,7 @@
             ],
             "signatures": [
               {
-                "id": 599,
+                "id": 689,
                 "name": "destroy",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -6088,7 +6828,7 @@
                 },
                 "parameters": [
                   {
-                    "id": 600,
+                    "id": 690,
                     "name": "vk",
                     "kind": 32768,
                     "kindString": "Parameter",
@@ -6115,15 +6855,15 @@
             "title": "Constructors",
             "kind": 512,
             "children": [
-              592
+              682
             ]
           },
           {
             "title": "Methods",
             "kind": 2048,
             "children": [
-              595,
-              598
+              685,
+              688
             ]
           }
         ],
@@ -6995,7 +7735,7 @@
                     "flags": {},
                     "type": {
                       "type": "reference",
-                      "id": 371,
+                      "id": 401,
                       "name": "MutationObserverService"
                     }
                   },
@@ -7007,7 +7747,7 @@
                     "flags": {},
                     "type": {
                       "type": "reference",
-                      "id": 591,
+                      "id": 681,
                       "name": "SkyViewkeeperService"
                     }
                   },
@@ -7031,7 +7771,7 @@
                     ],
                     "type": {
                       "type": "reference",
-                      "id": 526,
+                      "id": 616,
                       "name": "SkyScrollableHostService"
                     }
                   }
@@ -7530,14 +8270,14 @@
         ]
       },
       {
-        "id": 550,
+        "id": 640,
         "name": "SkyAppSetTitleArgs",
         "kind": 256,
         "kindString": "Interface",
         "flags": {},
         "children": [
           {
-            "id": 551,
+            "id": 641,
             "name": "titleParts",
             "kind": 1024,
             "kindString": "Property",
@@ -7563,7 +8303,7 @@
             "title": "Properties",
             "kind": 1024,
             "children": [
-              551
+              641
             ]
           }
         ],
@@ -7978,14 +8718,14 @@
         ]
       },
       {
-        "id": 445,
+        "id": 484,
         "name": "SkyOverlayConfig",
         "kind": 256,
         "kindString": "Interface",
         "flags": {},
         "children": [
           {
-            "id": 446,
+            "id": 485,
             "name": "closeOnNavigation",
             "kind": 1024,
             "kindString": "Property",
@@ -8008,7 +8748,7 @@
             }
           },
           {
-            "id": 447,
+            "id": 486,
             "name": "enableClose",
             "kind": 1024,
             "kindString": "Property",
@@ -8031,7 +8771,7 @@
             }
           },
           {
-            "id": 448,
+            "id": 487,
             "name": "enablePointerEvents",
             "kind": 1024,
             "kindString": "Property",
@@ -8054,7 +8794,7 @@
             }
           },
           {
-            "id": 449,
+            "id": 488,
             "name": "enableScroll",
             "kind": 1024,
             "kindString": "Property",
@@ -8077,7 +8817,7 @@
             }
           },
           {
-            "id": 450,
+            "id": 489,
             "name": "showBackdrop",
             "kind": 1024,
             "kindString": "Property",
@@ -8100,7 +8840,7 @@
             }
           },
           {
-            "id": 451,
+            "id": 490,
             "name": "wrapperClass",
             "kind": 1024,
             "kindString": "Property",
@@ -8128,12 +8868,12 @@
             "title": "Properties",
             "kind": 1024,
             "children": [
-              446,
-              447,
-              448,
-              449,
-              450,
-              451
+              485,
+              486,
+              487,
+              488,
+              489,
+              490
             ]
           }
         ],
@@ -8146,7 +8886,7 @@
         ]
       },
       {
-        "id": 580,
+        "id": 670,
         "name": "SkyViewkeeperOptions",
         "kind": 256,
         "kindString": "Interface",
@@ -8156,7 +8896,7 @@
         },
         "children": [
           {
-            "id": 581,
+            "id": 671,
             "name": "boundaryEl",
             "kind": 1024,
             "kindString": "Property",
@@ -8181,7 +8921,7 @@
             }
           },
           {
-            "id": 582,
+            "id": 672,
             "name": "el",
             "kind": 1024,
             "kindString": "Property",
@@ -8206,7 +8946,7 @@
             }
           },
           {
-            "id": 583,
+            "id": 673,
             "name": "scrollableHost",
             "kind": 1024,
             "kindString": "Property",
@@ -8231,7 +8971,7 @@
             }
           },
           {
-            "id": 584,
+            "id": 674,
             "name": "setWidth",
             "kind": 1024,
             "kindString": "Property",
@@ -8254,7 +8994,7 @@
             }
           },
           {
-            "id": 585,
+            "id": 675,
             "name": "verticalOffset",
             "kind": 1024,
             "kindString": "Property",
@@ -8277,7 +9017,7 @@
             }
           },
           {
-            "id": 586,
+            "id": 676,
             "name": "verticalOffsetEl",
             "kind": 1024,
             "kindString": "Property",
@@ -8302,7 +9042,7 @@
             }
           },
           {
-            "id": 587,
+            "id": 677,
             "name": "viewportMarginTop",
             "kind": 1024,
             "kindString": "Property",
@@ -8330,13 +9070,13 @@
             "title": "Properties",
             "kind": 1024,
             "children": [
-              581,
-              582,
-              583,
-              584,
-              585,
-              586,
-              587
+              671,
+              672,
+              673,
+              674,
+              675,
+              676,
+              677
             ]
           }
         ],
@@ -8350,7 +9090,7 @@
         "implementedBy": [
           {
             "type": "reference",
-            "id": 570,
+            "id": 660,
             "name": "SkyViewkeeperHostOptions"
           }
         ]
@@ -8462,7 +9202,7 @@
         }
       },
       {
-        "id": 328,
+        "id": 358,
         "name": "SkyMediaQueryListener",
         "kind": 4194304,
         "kindString": "Type alias",
@@ -8477,7 +9217,7 @@
         "type": {
           "type": "reflection",
           "declaration": {
-            "id": 329,
+            "id": 359,
             "name": "__type",
             "kind": 65536,
             "kindString": "Type literal",
@@ -8491,24 +9231,24 @@
             ],
             "signatures": [
               {
-                "id": 330,
+                "id": 360,
                 "name": "__type",
                 "kind": 4096,
                 "kindString": "Call signature",
                 "flags": {},
                 "comment": {
-                  "shortText": "Specifies a funciton that is called when the breakpoints change. It is called\nwith a `SkyMediaBreakpoints` argument, which is an enum that represents the new breakpoint."
+                  "shortText": "Specifies a function that is called when the breakpoints change. It is called\nwith a `SkyMediaBreakpoints` argument, which is an enum that represents the new breakpoint."
                 },
                 "parameters": [
                   {
-                    "id": 331,
+                    "id": 361,
                     "name": "args",
                     "kind": 32768,
                     "kindString": "Parameter",
                     "flags": {},
                     "type": {
                       "type": "reference",
-                      "id": 323,
+                      "id": 353,
                       "name": "SkyMediaBreakpoints"
                     }
                   }
@@ -8531,21 +9271,21 @@
           114,
           237,
           269,
-          323
+          353
         ]
       },
       {
         "title": "Classes",
         "kind": 128,
         "children": [
-          371,
-          383,
+          401,
+          424,
           137,
           140,
           148,
           303,
-          552,
-          603,
+          642,
+          693,
           63,
           66,
           221,
@@ -8555,22 +9295,24 @@
           281,
           310,
           313,
-          316,
-          332,
-          335,
-          380,
-          394,
-          412,
-          452,
-          475,
-          478,
-          506,
-          503,
-          526,
-          559,
-          570,
-          588,
-          591,
+          362,
+          365,
+          410,
+          413,
+          435,
+          451,
+          491,
+          514,
+          517,
+          545,
+          542,
+          582,
+          565,
+          616,
+          649,
+          660,
+          678,
+          681,
           1,
           26,
           34
@@ -8583,14 +9325,14 @@
           117,
           131,
           134,
-          550,
+          640,
           218,
           235,
           241,
           275,
           111,
-          445,
-          580
+          484,
+          670
         ]
       },
       {
@@ -8600,7 +9342,7 @@
           125,
           133,
           136,
-          328
+          358
         ]
       }
     ],
@@ -8646,7 +9388,7 @@
     {
       "fileName": "numeric-demo.component.html",
       "filePath": "/projects/core/documentation/code-examples/numeric/basic/numeric-demo.component.html",
-      "rawContents": "<sky-definition-list labelWidth=\"200px\">\n  <sky-definition-list-content>\n    <p>\n      <sky-definition-list-label> 1 with 0 digits: </sky-definition-list-label>\n      <sky-definition-list-value>\n        {{ 1 | skyNumeric: { digits: 0 } }}\n      </sky-definition-list-value>\n    </p>\n    <p>\n      <sky-definition-list-label>\n        1000 with 0 digits:\n      </sky-definition-list-label>\n      <sky-definition-list-value>\n        {{ 1000 | skyNumeric: { digits: 0 } }}\n      </sky-definition-list-value>\n    </p>\n    <p>\n      <sky-definition-list-label>\n        1000 with 1 digit:\n      </sky-definition-list-label>\n      <sky-definition-list-value>\n        {{ 1000 | skyNumeric }}\n      </sky-definition-list-value>\n    </p>\n    <p>\n      <sky-definition-list-label>\n        1100 with 0 digits:\n      </sky-definition-list-label>\n      <sky-definition-list-value>\n        {{ 1100 | skyNumeric: { digits: 0 } }}\n      </sky-definition-list-value>\n    </p>\n    <p>\n      <sky-definition-list-label>\n        1100 with 1 digit:\n      </sky-definition-list-label>\n      <sky-definition-list-value>\n        {{ 1100 | skyNumeric }}\n      </sky-definition-list-value>\n    </p>\n    <p>\n      <sky-definition-list-label>\n        1500 with 0 digits:\n      </sky-definition-list-label>\n      <sky-definition-list-value>\n        {{ 1500 | skyNumeric: { digits: 0 } }}\n      </sky-definition-list-value>\n    </p>\n    <p>\n      <sky-definition-list-label>\n        1500 with 1 digit:\n      </sky-definition-list-label>\n      <sky-definition-list-value>\n        {{ 1500 | skyNumeric }}\n      </sky-definition-list-value>\n    </p>\n    <p>\n      <sky-definition-list-label>\n        1000000 with 0 digits:\n      </sky-definition-list-label>\n      <sky-definition-list-value>\n        {{ 1000000 | skyNumeric: { digits: 0 } }}\n      </sky-definition-list-value>\n    </p>\n    <p>\n      <sky-definition-list-label>\n        1000000000 with 0 digits:\n      </sky-definition-list-label>\n      <sky-definition-list-value>\n        {{ 1000000000 | skyNumeric: { digits: 0 } }}\n      </sky-definition-list-value>\n    </p>\n    <p>\n      <sky-definition-list-label>\n        1000000000000 with 0 digits:\n      </sky-definition-list-label>\n      <sky-definition-list-value>\n        {{ 1000000000000 | skyNumeric: { digits: 0 } }}\n      </sky-definition-list-value>\n    </p>\n    <p>\n      <sky-definition-list-label>\n        1234000 with 2 digits:\n      </sky-definition-list-label>\n      <sky-definition-list-value>\n        {{ 1234000 | skyNumeric: { digits: 2 } }}\n      </sky-definition-list-value>\n    </p>\n    <p>\n      <sky-definition-list-label>\n        1235000000 with 2 digits:\n      </sky-definition-list-label>\n      <sky-definition-list-value>\n        {{ 1235000000 | skyNumeric: { digits: 2 } }}\n      </sky-definition-list-value>\n    </p>\n    <p>\n      <sky-definition-list-label>\n        1.45 with 1 digit:\n      </sky-definition-list-label>\n      <sky-definition-list-value>\n        {{ 1.45 | skyNumeric }}\n      </sky-definition-list-value>\n    </p>\n    <p>\n      <sky-definition-list-label>\n        1234567 with 1 digit:\n      </sky-definition-list-label>\n      <sky-definition-list-value>\n        {{ 1234567 | skyNumeric }}\n      </sky-definition-list-value>\n    </p>\n    <p>\n      <sky-definition-list-label>\n        1234567 without truncation\n      </sky-definition-list-label>\n      <sky-definition-list-value>\n        {{ 1234567 | skyNumeric: { truncate: false } }}\n      </sky-definition-list-value>\n    </p>\n    <p>\n      <sky-definition-list-label>\n        15.50 as US dollar currency with 2 digits:\n      </sky-definition-list-label>\n      <sky-definition-list-value>\n        {{ 15.5 | skyNumeric: { digits: 2, format: 'currency', iso: 'USD' } }}\n      </sky-definition-list-value>\n    </p>\n    <p>\n      <sky-definition-list-label>\n        -15.50 as US dollar currency with 2 digits:\n      </sky-definition-list-label>\n      <sky-definition-list-value>\n        {{ -15.5 | skyNumeric: { digits: 2, format: 'currency', iso: 'USD' } }}\n      </sky-definition-list-value>\n    </p>\n    <p>\n      <sky-definition-list-label>\n        1234567 as Euro currency with 2 digits:\n      </sky-definition-list-label>\n      <sky-definition-list-value>\n        {{\n          1234567 | skyNumeric: { digits: 2, format: 'currency', iso: 'EUR' }\n        }}\n      </sky-definition-list-value>\n    </p>\n    <p>\n      <sky-definition-list-label>\n        1450 as UK pound currency with 2 digits:\n      </sky-definition-list-label>\n      <sky-definition-list-value>\n        {{ 1450 | skyNumeric: { digits: 2, format: 'currency', iso: 'GBP' } }}\n      </sky-definition-list-value>\n    </p>\n    <p>\n      <sky-definition-list-label>\n        1750 as Hong Kong dollar currency with 1 digit:\n      </sky-definition-list-label>\n      <sky-definition-list-value>\n        {{ 1750 | skyNumeric: { digits: 1, format: 'currency', iso: 'HKD' } }}\n      </sky-definition-list-value>\n    </p>\n    <p>\n      <sky-definition-list-label>\n        1234567 as Japanese yen currency with 3 digit:\n      </sky-definition-list-label>\n      <sky-definition-list-value>\n        {{\n          1234567 | skyNumeric: { digits: 3, format: 'currency', iso: 'JPY' }\n        }}\n      </sky-definition-list-value>\n    </p>\n  </sky-definition-list-content>\n</sky-definition-list>\n"
+      "rawContents": "<sky-description-list mode=\"vertical\">\n  <sky-description-list-content>\n    <sky-description-list-term> 1 with 0 digits: </sky-description-list-term>\n    <sky-description-list-description>\n      {{ 1 | skyNumeric: { digits: 0 } }}\n    </sky-description-list-description>\n  </sky-description-list-content>\n  <sky-description-list-content>\n    <sky-description-list-term> 1000 with 0 digits: </sky-description-list-term>\n    <sky-description-list-description>\n      {{ 1000 | skyNumeric: { digits: 0 } }}\n    </sky-description-list-description>\n  </sky-description-list-content>\n  <sky-description-list-content>\n    <sky-description-list-term> 1000 with 1 digit: </sky-description-list-term>\n    <sky-description-list-description>\n      {{ 1000 | skyNumeric }}\n    </sky-description-list-description>\n  </sky-description-list-content>\n  <sky-description-list-content>\n    <sky-description-list-term> 1100 with 0 digits: </sky-description-list-term>\n    <sky-description-list-description>\n      {{ 1100 | skyNumeric: { digits: 0 } }}\n    </sky-description-list-description>\n  </sky-description-list-content>\n  <sky-description-list-content>\n    <sky-description-list-term> 1100 with 1 digit: </sky-description-list-term>\n    <sky-description-list-description>\n      {{ 1100 | skyNumeric }}\n    </sky-description-list-description>\n  </sky-description-list-content>\n  <sky-description-list-content>\n    <sky-description-list-term> 1500 with 0 digits: </sky-description-list-term>\n    <sky-description-list-description>\n      {{ 1500 | skyNumeric: { digits: 0 } }}\n    </sky-description-list-description>\n  </sky-description-list-content>\n  <sky-description-list-content>\n    <sky-description-list-term> 1500 with 1 digit: </sky-description-list-term>\n    <sky-description-list-description>\n      {{ 1500 | skyNumeric }}\n    </sky-description-list-description>\n  </sky-description-list-content>\n  <sky-description-list-content>\n    <sky-description-list-term>\n      1000000 with 0 digits:\n    </sky-description-list-term>\n    <sky-description-list-description>\n      {{ 1000000 | skyNumeric: { digits: 0 } }}\n    </sky-description-list-description>\n  </sky-description-list-content>\n  <sky-description-list-content>\n    <sky-description-list-term>\n      1000000000 with 0 digits:\n    </sky-description-list-term>\n    <sky-description-list-description>\n      {{ 1000000000 | skyNumeric: { digits: 0 } }}\n    </sky-description-list-description>\n  </sky-description-list-content>\n  <sky-description-list-content>\n    <sky-description-list-term>\n      1000000000000 with 0 digits:\n    </sky-description-list-term>\n    <sky-description-list-description>\n      {{ 1000000000000 | skyNumeric: { digits: 0 } }}\n    </sky-description-list-description>\n  </sky-description-list-content>\n  <sky-description-list-content>\n    <sky-description-list-term>\n      1234000 with 2 digits:\n    </sky-description-list-term>\n    <sky-description-list-description>\n      {{ 1234000 | skyNumeric: { digits: 2 } }}\n    </sky-description-list-description>\n  </sky-description-list-content>\n  <sky-description-list-content>\n    <sky-description-list-term>\n      1235000000 with 2 digits:\n    </sky-description-list-term>\n    <sky-description-list-description>\n      {{ 1235000000 | skyNumeric: { digits: 2 } }}\n    </sky-description-list-description>\n  </sky-description-list-content>\n  <sky-description-list-content>\n    <sky-description-list-term> 1.45 with 1 digit: </sky-description-list-term>\n    <sky-description-list-description>\n      {{ 1.45 | skyNumeric }}\n    </sky-description-list-description>\n  </sky-description-list-content>\n  <sky-description-list-content>\n    <sky-description-list-term>\n      1234567 with 1 digit:\n    </sky-description-list-term>\n    <sky-description-list-description>\n      {{ 1234567 | skyNumeric }}\n    </sky-description-list-description>\n  </sky-description-list-content>\n  <sky-description-list-content>\n    <sky-description-list-term>\n      1234567 without truncation\n    </sky-description-list-term>\n    <sky-description-list-description>\n      {{ 1234567 | skyNumeric: { truncate: false } }}\n    </sky-description-list-description>\n  </sky-description-list-content>\n  <sky-description-list-content>\n    <sky-description-list-term>\n      15.50 as US dollar currency with 2 digits:\n    </sky-description-list-term>\n    <sky-description-list-description>\n      {{ 15.5 | skyNumeric: { digits: 2, format: 'currency', iso: 'USD' } }}\n    </sky-description-list-description>\n  </sky-description-list-content>\n  <sky-description-list-content>\n    <sky-description-list-term>\n      -15.50 as US dollar currency with 2 digits:\n    </sky-description-list-term>\n    <sky-description-list-description>\n      {{ -15.5 | skyNumeric: { digits: 2, format: 'currency', iso: 'USD' } }}\n    </sky-description-list-description>\n  </sky-description-list-content>\n  <sky-description-list-content>\n    <sky-description-list-term>\n      1234567 as Euro currency with 2 digits:\n    </sky-description-list-term>\n    <sky-description-list-description>\n      {{ 1234567 | skyNumeric: { digits: 2, format: 'currency', iso: 'EUR' } }}\n    </sky-description-list-description>\n  </sky-description-list-content>\n  <sky-description-list-content>\n    <sky-description-list-term>\n      1450 as UK pound currency with 2 digits:\n    </sky-description-list-term>\n    <sky-description-list-description>\n      {{ 1450 | skyNumeric: { digits: 2, format: 'currency', iso: 'GBP' } }}\n    </sky-description-list-description>\n  </sky-description-list-content>\n  <sky-description-list-content>\n    <sky-description-list-term>\n      1750 as Hong Kong dollar currency with 1 digit:\n    </sky-description-list-term>\n    <sky-description-list-description>\n      {{ 1750 | skyNumeric: { digits: 1, format: 'currency', iso: 'HKD' } }}\n    </sky-description-list-description>\n  </sky-description-list-content>\n  <sky-description-list-content>\n    <sky-description-list-term>\n      1234567 as Japanese yen currency with 3 digit:\n    </sky-description-list-term>\n    <sky-description-list-description>\n      {{ 1234567 | skyNumeric: { digits: 3, format: 'currency', iso: 'JPY' } }}\n    </sky-description-list-description>\n  </sky-description-list-content>\n</sky-description-list>\n"
     },
     {
       "fileName": "numeric-demo.component.ts",
@@ -8656,7 +9398,27 @@
     {
       "fileName": "numeric-demo.module.ts",
       "filePath": "/projects/core/documentation/code-examples/numeric/basic/numeric-demo.module.ts",
-      "rawContents": "import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { SkyNumericModule } from '@skyux/core';\nimport { SkyDefinitionListModule } from '@skyux/layout';\n\nimport { NumericDemoComponent } from './numeric-demo.component';\n\n@NgModule({\n  imports: [CommonModule, SkyDefinitionListModule, SkyNumericModule],\n  declarations: [NumericDemoComponent],\n  exports: [NumericDemoComponent],\n})\nexport class NumericDemoModule {}\n"
+      "rawContents": "import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { SkyNumericModule } from '@skyux/core';\nimport { SkyDescriptionListModule } from '@skyux/layout';\n\nimport { NumericDemoComponent } from './numeric-demo.component';\n\n@NgModule({\n  imports: [CommonModule, SkyDescriptionListModule, SkyNumericModule],\n  declarations: [NumericDemoComponent],\n  exports: [NumericDemoComponent],\n})\nexport class NumericDemoModule {}\n"
+    },
+    {
+      "fileName": "resize-observer-basic.component.html",
+      "filePath": "/projects/core/documentation/code-examples/resize-observer/basic/resize-observer-basic.component.html",
+      "rawContents": "<div class=\"resizable\" #resize>\n  <h1>Resizable Container Element</h1>\n  <p>Current width: {{ width }}</p>\n  <p>Current media breakpoint inside this element: {{ breakpoint }}</p>\n</div>\n"
+    },
+    {
+      "fileName": "resize-observer-basic.component.scss",
+      "filePath": "/projects/core/documentation/code-examples/resize-observer/basic/resize-observer-basic.component.scss",
+      "rawContents": ".resizable {\n  resize: horizontal;\n  width: 300px;\n  max-width: 100%;\n  height: 300px;\n  margin: 20px;\n  padding: 20px;\n  border: 4px groove #2f4050;\n  overflow: auto;\n}\n\n@media (min-width: 1024px) {\n  .resizable {\n    width: 940px;\n  }\n}\n"
+    },
+    {
+      "fileName": "resize-observer-basic.component.ts",
+      "filePath": "/projects/core/documentation/code-examples/resize-observer/basic/resize-observer-basic.component.ts",
+      "rawContents": "import {\n  AfterViewInit,\n  ChangeDetectionStrategy,\n  ChangeDetectorRef,\n  Component,\n  ElementRef,\n  OnDestroy,\n  ViewChild,\n} from '@angular/core';\nimport {\n  SkyMediaBreakpoints,\n  SkyResizeObserverMediaQueryService,\n  SkyResizeObserverService,\n} from '@skyux/core';\n\nimport { Subscription } from 'rxjs';\n\n@Component({\n  selector: 'app-resize-observer-basic',\n  templateUrl: './resize-observer-basic.component.html',\n  styleUrls: ['./resize-observer-basic.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class ResizeObserverBasicComponent implements AfterViewInit, OnDestroy {\n  @ViewChild('resize')\n  public resizeElement: ElementRef<HTMLDivElement>;\n\n  public width: number;\n  public breakpoint: string;\n\n  private subscriptions = new Subscription();\n\n  constructor(\n    private skyResizeObserverService: SkyResizeObserverService,\n    private skyResizeObserverMediaQueryService: SkyResizeObserverMediaQueryService,\n    private changeDetectorRef: ChangeDetectorRef\n  ) {}\n\n  public ngAfterViewInit(): void {\n    this.changeDetectorRef.detach();\n    this.subscriptions.add(\n      this.skyResizeObserverMediaQueryService\n        .observe(this.resizeElement)\n        .subscribe((breakpoint) => {\n          switch (breakpoint) {\n            case SkyMediaBreakpoints.xs:\n              this.breakpoint = 'SkyMediaBreakpoints.xs';\n              break;\n            case SkyMediaBreakpoints.sm:\n              this.breakpoint = 'SkyMediaBreakpoints.sm';\n              break;\n            case SkyMediaBreakpoints.md:\n              this.breakpoint = 'SkyMediaBreakpoints.md';\n              break;\n            case SkyMediaBreakpoints.lg:\n              this.breakpoint = 'SkyMediaBreakpoints.lg';\n              break;\n            default:\n              this.breakpoint = '(unknown)';\n          }\n          this.changeDetectorRef.markForCheck();\n        })\n    );\n    this.subscriptions.add(\n      this.skyResizeObserverService\n        .observe(this.resizeElement)\n        .subscribe((value) => {\n          this.width = value.contentRect.width;\n          this.changeDetectorRef.detectChanges();\n        })\n    );\n  }\n\n  public ngOnDestroy(): void {\n    this.subscriptions.unsubscribe();\n  }\n}\n"
+    },
+    {
+      "fileName": "resize-observer-basic.module.ts",
+      "filePath": "/projects/core/documentation/code-examples/resize-observer/basic/resize-observer-basic.module.ts",
+      "rawContents": "import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\n\nimport { ResizeObserverBasicComponent } from './resize-observer-basic.component';\n\n@NgModule({\n  declarations: [ResizeObserverBasicComponent],\n  imports: [CommonModule],\n})\nexport class ResizeObserverBasicModule {}\n"
     }
   ]
 }