@genesislcap/foundation-utils 14.147.0 → 14.147.1-alpha-bc4deec.0

package/dist/custom-elements.json

@@ -349,6 +349,59 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "src/decorators/index.ts",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./renderOnChange"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/decorators/renderOnChange.ts",
+      "declarations": [
+        {
+          "kind": "function",
+          "name": "renderOnChange",
+          "parameters": [
+            {
+              "name": "target",
+              "type": {
+                "text": "FASTElement & { render(): void }"
+              },
+              "description": "The target to define the property change handler on."
+            },
+            {
+              "name": "name",
+              "type": {
+                "text": "string"
+              },
+              "description": "The property name."
+            }
+          ],
+          "description": "Defines a property changed handler that calls a render() method on the target as an internal observation enhancement.",
+          "privacy": "public"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "renderOnChange",
+          "declaration": {
+            "name": "renderOnChange",
+            "module": "src/decorators/renderOnChange.ts"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "src/design-system/design-system.ts",
@@ -422,59 +475,6 @@
         }
       ]
     },
-    {
-      "kind": "javascript-module",
-      "path": "src/decorators/index.ts",
-      "declarations": [],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "package": "./renderOnChange"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/decorators/renderOnChange.ts",
-      "declarations": [
-        {
-          "kind": "function",
-          "name": "renderOnChange",
-          "parameters": [
-            {
-              "name": "target",
-              "type": {
-                "text": "FASTElement & { render(): void }"
-              },
-              "description": "The target to define the property change handler on."
-            },
-            {
-              "name": "name",
-              "type": {
-                "text": "string"
-              },
-              "description": "The property name."
-            }
-          ],
-          "description": "Defines a property changed handler that calls a render() method on the target as an internal observation enhancement.",
-          "privacy": "public"
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "renderOnChange",
-          "declaration": {
-            "name": "renderOnChange",
-            "module": "src/decorators/renderOnChange.ts"
-          }
-        }
-      ]
-    },
     {
       "kind": "javascript-module",
       "path": "src/env/index.ts",
@@ -1195,6 +1195,21 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "src/mappers/index.ts",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./dto"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "src/mixins/index.ts",
@@ -1474,95 +1489,42 @@
     },
     {
       "kind": "javascript-module",
-      "path": "src/styles/color.ts",
-      "declarations": [
-        {
-          "kind": "variable",
-          "name": "activeColorScheme",
-          "description": "A design token that represents the active color scheme (light or dark).",
-          "privacy": "public"
-        }
-      ],
+      "path": "src/utils/index.ts",
+      "declarations": [],
       "exports": [
         {
           "kind": "js",
-          "name": "activeColorScheme",
+          "name": "*",
           "declaration": {
-            "name": "activeColorScheme",
-            "module": "src/styles/color.ts"
+            "name": "*",
+            "package": "./logger"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/styles/dom.ts",
+      "path": "src/utils/logger.ts",
       "declarations": [
         {
-          "kind": "function",
-          "name": "insertDocumentCSSRule",
-          "return": {
-            "type": {
-              "text": ""
-            }
-          },
-          "parameters": [
-            {
-              "name": "cssRule",
-              "type": {
-                "text": "string"
-              },
-              "description": "The CSS rule to insert."
-            },
-            {
-              "name": "styleElementId",
-              "type": {
-                "text": "string"
-              },
-              "description": "The ID of the style element to use or create."
-            }
-          ],
-          "description": "Inserts a CSS rule into the document by creating a new style element or using an existing one with the specified ID.\nReturns a function that can be called to remove the rule from the document.",
-          "privacy": "public"
-        },
-        {
-          "kind": "function",
-          "name": "insertDocumentLink",
-          "parameters": [
-            {
-              "name": "href",
-              "type": {
-                "text": "string"
-              },
-              "description": "The URL of the CSS file to insert."
-            }
-          ],
-          "description": "Inserts a CSS link into the document if it doesn't already exist.",
-          "privacy": "public"
+          "kind": "variable",
+          "name": "logger"
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "insertDocumentCSSRule",
-          "declaration": {
-            "name": "insertDocumentCSSRule",
-            "module": "src/styles/dom.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "insertDocumentLink",
+          "name": "logger",
           "declaration": {
-            "name": "insertDocumentLink",
-            "module": "src/styles/dom.ts"
+            "name": "logger",
+            "module": "src/utils/logger.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/styles/index.ts",
+      "path": "src/uuid/index.ts",
       "declarations": [],
       "exports": [
         {
@@ -1570,258 +1532,338 @@
           "name": "*",
           "declaration": {
             "name": "*",
-            "package": "./color"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "package": "./dom"
+            "package": "./uuid"
           }
-        },
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/uuid/uuid.ts",
+      "declarations": [
         {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "package": "./slotted-styles"
-          }
-        },
+          "kind": "variable",
+          "name": "UUID",
+          "description": "A dependency injection token for the UUID interface.",
+          "privacy": "public"
+        }
+      ],
+      "exports": [
         {
           "kind": "js",
-          "name": "*",
+          "name": "UUID",
           "declaration": {
-            "name": "*",
-            "package": "./typography"
+            "name": "UUID",
+            "module": "src/uuid/uuid.ts"
           }
-        },
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/window/index.ts",
+      "declarations": [],
+      "exports": [
         {
           "kind": "js",
           "name": "*",
           "declaration": {
             "name": "*",
-            "package": "./toElementStyles"
+            "package": "./window"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/styles/slotted-styles.ts",
+      "path": "src/window/window.ts",
       "declarations": [
         {
-          "kind": "class",
-          "description": "A custom element that encapsulates a set of styles that can be applied to slotted elements.",
-          "name": "SlottedStyles",
-          "members": [
-            {
-              "kind": "field",
-              "name": "styles",
+          "kind": "function",
+          "name": "inIFrame",
+          "return": {
+            "type": {
+              "text": ""
+            }
+          },
+          "description": "Returns a boolean value indicating whether the current window is inside an iframe.",
+          "privacy": "public"
+        },
+        {
+          "kind": "function",
+          "name": "inSymphonyDesktop",
+          "return": {
+            "type": {
+              "text": ""
+            }
+          },
+          "description": "Returns a boolean value indicating whether the user is running the Symphony desktop app.",
+          "privacy": "public"
+        },
+        {
+          "kind": "variable",
+          "name": "POPUP_DEFAULT_WIDTH",
+          "type": {
+            "text": "number"
+          },
+          "default": "483",
+          "description": "The default width (in pixels) for pop-up windows.",
+          "privacy": "public"
+        },
+        {
+          "kind": "variable",
+          "name": "POPUP_DEFAULT_HEIGHT",
+          "type": {
+            "text": "number"
+          },
+          "default": "600",
+          "description": "The default height (in pixels) for pop-up windows.",
+          "privacy": "public"
+        },
+        {
+          "kind": "function",
+          "name": "openPopup",
+          "return": {
+            "type": {
+              "text": ""
+            }
+          },
+          "parameters": [
+            {
+              "name": "urlNavigate",
               "type": {
-                "text": "ElementStyles"
+                "text": "string"
               },
-              "description": "The styles to apply to slotted elements."
+              "description": "The URL to navigate to."
             },
             {
-              "kind": "method",
-              "name": "stylesChanged",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
+              "name": "target",
+              "type": {
+                "text": "string"
               },
-              "parameters": [
-                {
-                  "name": "prev",
-                  "type": {
-                    "text": "ElementStyles"
-                  },
-                  "description": "The previous value of the `styles` property."
-                },
-                {
-                  "name": "next",
-                  "type": {
-                    "text": "ElementStyles"
-                  },
-                  "description": "The new value of the `styles` property."
-                }
-              ],
-              "description": "Called when the `styles` property changes.\nRemoves the previous styles from the parent element's FAST controller and adds the new styles."
+              "description": "The name of the new window."
+            },
+            {
+              "name": "popUpWidth",
+              "default": "POPUP_DEFAULT_WIDTH",
+              "type": {
+                "text": "number"
+              },
+              "description": "The width of the new window (optional)."
+            },
+            {
+              "name": "popUpHeight",
+              "default": "POPUP_DEFAULT_HEIGHT",
+              "type": {
+                "text": "number"
+              },
+              "description": "The height of the new window (optional)."
             }
           ],
-          "superclass": {
-            "name": "FASTElement",
-            "package": "@microsoft/fast-element"
-          },
-          "tagName": "slotted-styles",
-          "customElement": true
+          "description": "Opens a new browser window with the specified URL, target, width, and height.",
+          "privacy": "public"
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "SlottedStyles",
+          "name": "inIFrame",
           "declaration": {
-            "name": "SlottedStyles",
-            "module": "src/styles/slotted-styles.ts"
+            "name": "inIFrame",
+            "module": "src/window/window.ts"
           }
         },
         {
-          "kind": "custom-element-definition",
-          "name": "slotted-styles",
+          "kind": "js",
+          "name": "inSymphonyDesktop",
           "declaration": {
-            "name": "SlottedStyles",
-            "module": "src/styles/slotted-styles.ts"
+            "name": "inSymphonyDesktop",
+            "module": "src/window/window.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "POPUP_DEFAULT_WIDTH",
+          "declaration": {
+            "name": "POPUP_DEFAULT_WIDTH",
+            "module": "src/window/window.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "POPUP_DEFAULT_HEIGHT",
+          "declaration": {
+            "name": "POPUP_DEFAULT_HEIGHT",
+            "module": "src/window/window.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "openPopup",
+          "declaration": {
+            "name": "openPopup",
+            "module": "src/window/window.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/styles/toElementStyles.ts",
-      "declarations": [
-        {
-          "kind": "function",
-          "name": "toElementStyles",
-          "return": {
-            "type": {
-              "text": "ElementStyles"
-            }
-          },
-          "parameters": [
-            {
-              "name": "styles",
-              "type": {
-                "text": "ComposableStyles | ComposableStyles[]"
-              },
-              "description": "ComposableStyles or a ComposableStyles array."
-            }
-          ],
-          "description": "toElementStyles.",
-          "privacy": "public"
-        }
-      ],
+      "path": "src/directives/sync/index.ts",
+      "declarations": [],
       "exports": [
         {
           "kind": "js",
-          "name": "toElementStyles",
+          "name": "*",
           "declaration": {
-            "name": "toElementStyles",
-            "module": "src/styles/toElementStyles.ts"
+            "name": "*",
+            "package": "./sync"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/styles/typography.ts",
+      "path": "src/directives/sync/sync.ts",
       "declarations": [
+        {
+          "kind": "variable",
+          "name": "defaultEventMap",
+          "type": {
+            "text": "Map<string, EventName>"
+          },
+          "default": "new Map([\n  ['FAST-TEXT-AREA', 'input'],\n  ['FAST-TEXT-FIELD', 'input'],\n  ['FOUNDATION-TEXT-AREA', 'input'],\n  ['FOUNDATION-TEXT-FIELD', 'input'],\n  ['INPUT', 'input'],\n  ['ZERO-TEXT-FIELD', 'input'],\n])",
+          "description": "A map that associates specific HTML element tags with their corresponding default event names.",
+          "privacy": "public"
+        },
         {
           "kind": "function",
-          "name": "loadFontFaces",
+          "name": "sync",
           "return": {
             "type": {
-              "text": "void"
+              "text": "CaptureType<TSource>"
             }
           },
           "parameters": [
             {
-              "name": "fontFaceRules",
+              "name": "binding",
               "type": {
-                "text": "string"
-              },
-              "description": "The CSS rules for the font faces."
+                "text": "Binding<TSource, TReturn>"
+              }
             },
             {
-              "name": "styleElementId",
+              "name": "conversionType",
+              "default": "'string'",
+              "type": {
+                "text": "ConversionType"
+              }
+            },
+            {
+              "name": "eventName",
+              "default": "'default'",
+              "type": {
+                "text": "EventName"
+              }
+            },
+            {
+              "name": "keyAttr",
+              "optional": true,
               "type": {
                 "text": "string"
-              },
-              "description": "The ID of the style element to insert into the document."
+              }
             }
           ],
-          "description": "Loads font faces by inserting a style element with the specified font face rules into the document.",
+          "description": "Creates a synchronization directive that binds a data source to an HTML element,",
           "privacy": "public"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "defaultEventMap",
+          "declaration": {
+            "name": "defaultEventMap",
+            "module": "src/directives/sync/sync.ts"
+          }
         },
+        {
+          "kind": "js",
+          "name": "sync",
+          "declaration": {
+            "name": "sync",
+            "module": "src/directives/sync/sync.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/directives/when-else/index.ts",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./when-else"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/directives/when-else/when-else.ts",
+      "declarations": [
         {
           "kind": "function",
-          "name": "getFontMixin",
+          "name": "whenElse",
           "return": {
             "type": {
-              "text": ""
+              "text": "CaptureType<TSource>"
             }
           },
           "parameters": [
             {
-              "name": "family",
+              "name": "binding",
               "type": {
-                "text": "string"
+                "text": "Binding<TSource, TReturn>"
               },
-              "description": "The font family."
+              "description": "The condition to test for rendering."
             },
             {
-              "name": "style",
-              "default": "FontStyle.Normal",
+              "name": "trueTemplateOrTemplateBinding",
               "type": {
-                "text": "FontStyle"
+                "text": "WhenTemplate<TSource>"
               },
-              "description": "Optional. The font style. Defaults to FontStyle.Normal."
+              "description": "The template or a binding that gets the template to render when the condition is true."
             },
             {
-              "name": "weight",
-              "default": "FontWeight.Regular",
+              "name": "falseTemplateOrTemplateBinding",
               "type": {
-                "text": "FontWeight"
+                "text": "WhenTemplate<TSource>"
               },
-              "description": "Optional. The font weight. Defaults to FontWeight.Regular."
+              "description": "The template or a binding that gets the template to render when the condition is false."
             }
           ],
-          "description": "Generates a CSS mixin for the specified font family, style, and weight.",
-          "privacy": "public"
-        },
-        {
-          "kind": "variable",
-          "name": "TypeRampValues",
-          "type": {
-            "text": "{\n  minusOne: -1,\n  minusTwo: -2,\n  plusOne: 1,\n  plusTwo: 2,\n  plusThree: 3,\n  plusFour: 4,\n  plusFive: 5,\n  plusSix: 6,\n}"
-          },
-          "default": "{\n  minusOne: -1,\n  minusTwo: -2,\n  plusOne: 1,\n  plusTwo: 2,\n  plusThree: 3,\n  plusFour: 4,\n  plusFive: 5,\n  plusSix: 6,\n}",
-          "description": "An object containing type ramp values.",
+          "description": "Directive that allows supplying an \"else\" template to the traditional https://www.fast.design/docs/api/fast-element.when/#when-function directive",
           "privacy": "public"
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "loadFontFaces",
-          "declaration": {
-            "name": "loadFontFaces",
-            "module": "src/styles/typography.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "getFontMixin",
-          "declaration": {
-            "name": "getFontMixin",
-            "module": "src/styles/typography.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "TypeRampValues",
+          "name": "whenElse",
           "declaration": {
-            "name": "TypeRampValues",
-            "module": "src/styles/typography.ts"
+            "name": "whenElse",
+            "module": "src/directives/when-else/when-else.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/utils/index.ts",
+      "path": "src/mappers/dto/index.ts",
       "declarations": [],
       "exports": [
         {
@@ -1829,132 +1871,125 @@
           "name": "*",
           "declaration": {
             "name": "*",
-            "package": "./logger"
+            "package": "./serverRow"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./types"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/utils/logger.ts",
+      "path": "src/mappers/dto/serverRow.ts",
       "declarations": [
+        {
+          "kind": "class",
+          "description": "The default `ServerRowDTOMapper`.",
+          "name": "DefaultServerRowDTOMapper",
+          "members": [
+            {
+              "kind": "field",
+              "name": "fromDTO",
+              "description": "Converts a server row DTO to an entity.",
+              "parameters": [
+                {
+                  "description": "The DTO to convert.",
+                  "name": "dto"
+                }
+              ],
+              "return": {
+                "type": {
+                  "text": ""
+                }
+              },
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "toDTO",
+              "description": "Converts a server row entity to a DTO.",
+              "parameters": [
+                {
+                  "description": "The entity to convert.",
+                  "name": "entity"
+                }
+              ],
+              "return": {
+                "type": {
+                  "text": ""
+                }
+              },
+              "privacy": "public"
+            }
+          ]
+        },
         {
           "kind": "variable",
-          "name": "logger"
+          "name": "ServerRowDTOMapper",
+          "description": "A DI token used to obtain a `ServerRowDTOMapper` instance.",
+          "privacy": "public"
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "logger",
+          "name": "DefaultServerRowDTOMapper",
+          "declaration": {
+            "name": "DefaultServerRowDTOMapper",
+            "module": "src/mappers/dto/serverRow.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "ServerRowDTOMapper",
           "declaration": {
-            "name": "logger",
-            "module": "src/utils/logger.ts"
+            "name": "ServerRowDTOMapper",
+            "module": "src/mappers/dto/serverRow.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/uuid/index.ts",
+      "path": "src/mappers/dto/types.ts",
       "declarations": [],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "package": "./uuid"
-          }
-        }
-      ]
+      "exports": []
     },
     {
       "kind": "javascript-module",
-      "path": "src/uuid/uuid.ts",
+      "path": "src/styles/color.ts",
       "declarations": [
         {
           "kind": "variable",
-          "name": "UUID",
-          "description": "A dependency injection token for the UUID interface.",
+          "name": "activeColorScheme",
+          "description": "A design token that represents the active color scheme (light or dark).",
           "privacy": "public"
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "UUID",
-          "declaration": {
-            "name": "UUID",
-            "module": "src/uuid/uuid.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/window/index.ts",
-      "declarations": [],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "*",
+          "name": "activeColorScheme",
           "declaration": {
-            "name": "*",
-            "package": "./window"
+            "name": "activeColorScheme",
+            "module": "src/styles/color.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/window/window.ts",
+      "path": "src/styles/dom.ts",
       "declarations": [
         {
           "kind": "function",
-          "name": "inIFrame",
-          "return": {
-            "type": {
-              "text": ""
-            }
-          },
-          "description": "Returns a boolean value indicating whether the current window is inside an iframe.",
-          "privacy": "public"
-        },
-        {
-          "kind": "function",
-          "name": "inSymphonyDesktop",
-          "return": {
-            "type": {
-              "text": ""
-            }
-          },
-          "description": "Returns a boolean value indicating whether the user is running the Symphony desktop app.",
-          "privacy": "public"
-        },
-        {
-          "kind": "variable",
-          "name": "POPUP_DEFAULT_WIDTH",
-          "type": {
-            "text": "number"
-          },
-          "default": "483",
-          "description": "The default width (in pixels) for pop-up windows.",
-          "privacy": "public"
-        },
-        {
-          "kind": "variable",
-          "name": "POPUP_DEFAULT_HEIGHT",
-          "type": {
-            "text": "number"
-          },
-          "default": "600",
-          "description": "The default height (in pixels) for pop-up windows.",
-          "privacy": "public"
-        },
-        {
-          "kind": "function",
-          "name": "openPopup",
+          "name": "insertDocumentCSSRule",
           "return": {
             "type": {
               "text": ""
@@ -1962,233 +1997,313 @@
           },
           "parameters": [
             {
-              "name": "urlNavigate",
+              "name": "cssRule",
               "type": {
                 "text": "string"
               },
-              "description": "The URL to navigate to."
+              "description": "The CSS rule to insert."
             },
             {
-              "name": "target",
+              "name": "styleElementId",
               "type": {
                 "text": "string"
               },
-              "description": "The name of the new window."
-            },
-            {
-              "name": "popUpWidth",
-              "default": "POPUP_DEFAULT_WIDTH",
-              "type": {
-                "text": "number"
-              },
-              "description": "The width of the new window (optional)."
-            },
+              "description": "The ID of the style element to use or create."
+            }
+          ],
+          "description": "Inserts a CSS rule into the document by creating a new style element or using an existing one with the specified ID.\nReturns a function that can be called to remove the rule from the document.",
+          "privacy": "public"
+        },
+        {
+          "kind": "function",
+          "name": "insertDocumentLink",
+          "parameters": [
             {
-              "name": "popUpHeight",
-              "default": "POPUP_DEFAULT_HEIGHT",
+              "name": "href",
               "type": {
-                "text": "number"
+                "text": "string"
               },
-              "description": "The height of the new window (optional)."
+              "description": "The URL of the CSS file to insert."
             }
           ],
-          "description": "Opens a new browser window with the specified URL, target, width, and height.",
+          "description": "Inserts a CSS link into the document if it doesn't already exist.",
           "privacy": "public"
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "inIFrame",
+          "name": "insertDocumentCSSRule",
           "declaration": {
-            "name": "inIFrame",
-            "module": "src/window/window.ts"
+            "name": "insertDocumentCSSRule",
+            "module": "src/styles/dom.ts"
           }
         },
         {
           "kind": "js",
-          "name": "inSymphonyDesktop",
+          "name": "insertDocumentLink",
           "declaration": {
-            "name": "inSymphonyDesktop",
-            "module": "src/window/window.ts"
+            "name": "insertDocumentLink",
+            "module": "src/styles/dom.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/styles/index.ts",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./color"
           }
         },
         {
           "kind": "js",
-          "name": "POPUP_DEFAULT_WIDTH",
+          "name": "*",
           "declaration": {
-            "name": "POPUP_DEFAULT_WIDTH",
-            "module": "src/window/window.ts"
+            "name": "*",
+            "package": "./dom"
           }
         },
         {
           "kind": "js",
-          "name": "POPUP_DEFAULT_HEIGHT",
+          "name": "*",
           "declaration": {
-            "name": "POPUP_DEFAULT_HEIGHT",
-            "module": "src/window/window.ts"
+            "name": "*",
+            "package": "./slotted-styles"
           }
         },
         {
           "kind": "js",
-          "name": "openPopup",
+          "name": "*",
           "declaration": {
-            "name": "openPopup",
-            "module": "src/window/window.ts"
+            "name": "*",
+            "package": "./typography"
           }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/directives/sync/index.ts",
-      "declarations": [],
-      "exports": [
+        },
         {
           "kind": "js",
           "name": "*",
           "declaration": {
             "name": "*",
-            "package": "./sync"
+            "package": "./toElementStyles"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/directives/sync/sync.ts",
+      "path": "src/styles/slotted-styles.ts",
       "declarations": [
         {
-          "kind": "variable",
-          "name": "defaultEventMap",
-          "type": {
-            "text": "Map<string, EventName>"
-          },
-          "default": "new Map([\n  ['FAST-TEXT-AREA', 'input'],\n  ['FAST-TEXT-FIELD', 'input'],\n  ['FOUNDATION-TEXT-AREA', 'input'],\n  ['FOUNDATION-TEXT-FIELD', 'input'],\n  ['INPUT', 'input'],\n  ['ZERO-TEXT-FIELD', 'input'],\n])",
-          "description": "A map that associates specific HTML element tags with their corresponding default event names.",
-          "privacy": "public"
-        },
-        {
-          "kind": "function",
-          "name": "sync",
-          "return": {
-            "type": {
-              "text": "CaptureType<TSource>"
-            }
-          },
-          "parameters": [
-            {
-              "name": "binding",
-              "type": {
-                "text": "Binding<TSource, TReturn>"
-              }
-            },
-            {
-              "name": "conversionType",
-              "default": "'string'",
-              "type": {
-                "text": "ConversionType"
-              }
-            },
+          "kind": "class",
+          "description": "A custom element that encapsulates a set of styles that can be applied to slotted elements.",
+          "name": "SlottedStyles",
+          "members": [
             {
-              "name": "eventName",
-              "default": "'default'",
+              "kind": "field",
+              "name": "styles",
               "type": {
-                "text": "EventName"
-              }
+                "text": "ElementStyles"
+              },
+              "description": "The styles to apply to slotted elements."
             },
             {
-              "name": "keyAttr",
-              "optional": true,
-              "type": {
-                "text": "string"
-              }
+              "kind": "method",
+              "name": "stylesChanged",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "prev",
+                  "type": {
+                    "text": "ElementStyles"
+                  },
+                  "description": "The previous value of the `styles` property."
+                },
+                {
+                  "name": "next",
+                  "type": {
+                    "text": "ElementStyles"
+                  },
+                  "description": "The new value of the `styles` property."
+                }
+              ],
+              "description": "Called when the `styles` property changes.\nRemoves the previous styles from the parent element's FAST controller and adds the new styles."
             }
           ],
-          "description": "Creates a synchronization directive that binds a data source to an HTML element,",
-          "privacy": "public"
+          "superclass": {
+            "name": "FASTElement",
+            "package": "@microsoft/fast-element"
+          },
+          "tagName": "slotted-styles",
+          "customElement": true
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "defaultEventMap",
+          "name": "SlottedStyles",
           "declaration": {
-            "name": "defaultEventMap",
-            "module": "src/directives/sync/sync.ts"
+            "name": "SlottedStyles",
+            "module": "src/styles/slotted-styles.ts"
           }
         },
         {
-          "kind": "js",
-          "name": "sync",
+          "kind": "custom-element-definition",
+          "name": "slotted-styles",
           "declaration": {
-            "name": "sync",
-            "module": "src/directives/sync/sync.ts"
+            "name": "SlottedStyles",
+            "module": "src/styles/slotted-styles.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/directives/when-else/index.ts",
-      "declarations": [],
+      "path": "src/styles/toElementStyles.ts",
+      "declarations": [
+        {
+          "kind": "function",
+          "name": "toElementStyles",
+          "return": {
+            "type": {
+              "text": "ElementStyles"
+            }
+          },
+          "parameters": [
+            {
+              "name": "styles",
+              "type": {
+                "text": "ComposableStyles | ComposableStyles[]"
+              },
+              "description": "ComposableStyles or a ComposableStyles array."
+            }
+          ],
+          "description": "toElementStyles.",
+          "privacy": "public"
+        }
+      ],
       "exports": [
         {
           "kind": "js",
-          "name": "*",
+          "name": "toElementStyles",
           "declaration": {
-            "name": "*",
-            "package": "./when-else"
+            "name": "toElementStyles",
+            "module": "src/styles/toElementStyles.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/directives/when-else/when-else.ts",
+      "path": "src/styles/typography.ts",
       "declarations": [
         {
           "kind": "function",
-          "name": "whenElse",
+          "name": "loadFontFaces",
           "return": {
             "type": {
-              "text": "CaptureType<TSource>"
+              "text": "void"
             }
           },
           "parameters": [
             {
-              "name": "binding",
+              "name": "fontFaceRules",
               "type": {
-                "text": "Binding<TSource, TReturn>"
+                "text": "string"
               },
-              "description": "The condition to test for rendering."
+              "description": "The CSS rules for the font faces."
             },
             {
-              "name": "trueTemplateOrTemplateBinding",
+              "name": "styleElementId",
               "type": {
-                "text": "WhenTemplate<TSource>"
+                "text": "string"
               },
-              "description": "The template or a binding that gets the template to render when the condition is true."
+              "description": "The ID of the style element to insert into the document."
+            }
+          ],
+          "description": "Loads font faces by inserting a style element with the specified font face rules into the document.",
+          "privacy": "public"
+        },
+        {
+          "kind": "function",
+          "name": "getFontMixin",
+          "return": {
+            "type": {
+              "text": ""
+            }
+          },
+          "parameters": [
+            {
+              "name": "family",
+              "type": {
+                "text": "string"
+              },
+              "description": "The font family."
             },
             {
-              "name": "falseTemplateOrTemplateBinding",
+              "name": "style",
+              "default": "FontStyle.Normal",
               "type": {
-                "text": "WhenTemplate<TSource>"
+                "text": "FontStyle"
               },
-              "description": "The template or a binding that gets the template to render when the condition is false."
+              "description": "Optional. The font style. Defaults to FontStyle.Normal."
+            },
+            {
+              "name": "weight",
+              "default": "FontWeight.Regular",
+              "type": {
+                "text": "FontWeight"
+              },
+              "description": "Optional. The font weight. Defaults to FontWeight.Regular."
             }
           ],
-          "description": "Directive that allows supplying an \"else\" template to the traditional https://www.fast.design/docs/api/fast-element.when/#when-function directive",
+          "description": "Generates a CSS mixin for the specified font family, style, and weight.",
+          "privacy": "public"
+        },
+        {
+          "kind": "variable",
+          "name": "TypeRampValues",
+          "type": {
+            "text": "{\n  minusOne: -1,\n  minusTwo: -2,\n  plusOne: 1,\n  plusTwo: 2,\n  plusThree: 3,\n  plusFour: 4,\n  plusFive: 5,\n  plusSix: 6,\n}"
+          },
+          "default": "{\n  minusOne: -1,\n  minusTwo: -2,\n  plusOne: 1,\n  plusTwo: 2,\n  plusThree: 3,\n  plusFour: 4,\n  plusFive: 5,\n  plusSix: 6,\n}",
+          "description": "An object containing type ramp values.",
           "privacy": "public"
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "whenElse",
+          "name": "loadFontFaces",
           "declaration": {
-            "name": "whenElse",
-            "module": "src/directives/when-else/when-else.ts"
+            "name": "loadFontFaces",
+            "module": "src/styles/typography.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "getFontMixin",
+          "declaration": {
+            "name": "getFontMixin",
+            "module": "src/styles/typography.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "TypeRampValues",
+          "declaration": {
+            "name": "TypeRampValues",
+            "module": "src/styles/typography.ts"
           }
         }
       ]
@@ -2630,121 +2745,6 @@
       "path": "src/serializers/json/types.ts",
       "declarations": [],
       "exports": []
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/mappers/index.ts",
-      "declarations": [],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "package": "./dto"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/mappers/dto/index.ts",
-      "declarations": [],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "package": "./serverRow"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "package": "./types"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/mappers/dto/serverRow.ts",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "The default `ServerRowDTOMapper`.",
-          "name": "DefaultServerRowDTOMapper",
-          "members": [
-            {
-              "kind": "field",
-              "name": "fromDTO",
-              "description": "Converts a server row DTO to an entity.",
-              "parameters": [
-                {
-                  "description": "The DTO to convert.",
-                  "name": "dto"
-                }
-              ],
-              "return": {
-                "type": {
-                  "text": ""
-                }
-              },
-              "privacy": "public"
-            },
-            {
-              "kind": "field",
-              "name": "toDTO",
-              "description": "Converts a server row entity to a DTO.",
-              "parameters": [
-                {
-                  "description": "The entity to convert.",
-                  "name": "entity"
-                }
-              ],
-              "return": {
-                "type": {
-                  "text": ""
-                }
-              },
-              "privacy": "public"
-            }
-          ]
-        },
-        {
-          "kind": "variable",
-          "name": "ServerRowDTOMapper",
-          "description": "A DI token used to obtain a `ServerRowDTOMapper` instance.",
-          "privacy": "public"
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "DefaultServerRowDTOMapper",
-          "declaration": {
-            "name": "DefaultServerRowDTOMapper",
-            "module": "src/mappers/dto/serverRow.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "ServerRowDTOMapper",
-          "declaration": {
-            "name": "ServerRowDTOMapper",
-            "module": "src/mappers/dto/serverRow.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/mappers/dto/types.ts",
-      "declarations": [],
-      "exports": []
     }
   ]
 }