@genesislcap/foundation-ui 14.403.0 → 14.406.0-workspaces.1

package/dist/custom-elements.json

@@ -1287,37 +1287,6 @@
         }
       ]
     },
-    {
-      "kind": "javascript-module",
-      "path": "src/_config/index.ts",
-      "declarations": [],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "package": "./styles"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "package": "./tokens"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "package": "./values"
-          }
-        }
-      ]
-    },
     {
       "kind": "javascript-module",
       "path": "src/accordion-item/accordion-item.styles.ts",
@@ -1714,158 +1683,7 @@
     },
     {
       "kind": "javascript-module",
-      "path": "src/accordion/accordion.styles.ts",
-      "declarations": [
-        {
-          "kind": "function",
-          "name": "foundationAccordionStyles",
-          "return": {
-            "type": {
-              "text": "ElementStyles"
-            }
-          },
-          "parameters": [
-            {
-              "name": "context",
-              "type": {
-                "text": "ElementDefinitionContext"
-              }
-            },
-            {
-              "name": "definition",
-              "type": {
-                "text": "FoundationElementDefinition"
-              }
-            }
-          ]
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "foundationAccordionStyles",
-          "declaration": {
-            "name": "foundationAccordionStyles",
-            "module": "src/accordion/accordion.styles.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/accordion/accordion.template.ts",
-      "declarations": [
-        {
-          "kind": "function",
-          "name": "foundationAccordionTemplate",
-          "return": {
-            "type": {
-              "text": "ViewTemplate<Accordion>"
-            }
-          },
-          "parameters": [
-            {
-              "name": "context",
-              "type": {
-                "text": "ElementDefinitionContext"
-              }
-            },
-            {
-              "name": "definition",
-              "type": {
-                "text": "FoundationElementDefinition"
-              }
-            }
-          ]
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "foundationAccordionTemplate",
-          "declaration": {
-            "name": "foundationAccordionTemplate",
-            "module": "src/accordion/accordion.template.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/accordion/accordion.ts",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "",
-          "name": "Accordion",
-          "superclass": {
-            "name": "FASTAccordion",
-            "package": "@microsoft/fast-foundation"
-          },
-          "tagName": "%%prefix%%-accordion",
-          "customElement": true
-        },
-        {
-          "kind": "variable",
-          "name": "foundationAccordionShadowOptions",
-          "type": {
-            "text": "ShadowRootInit"
-          },
-          "default": "{\n  delegatesFocus: true,\n  mode: 'open',\n}"
-        },
-        {
-          "kind": "variable",
-          "name": "defaultAccordionConfig",
-          "type": {
-            "text": "object"
-          },
-          "default": "{}"
-        },
-        {
-          "kind": "variable",
-          "name": "foundationAccordion",
-          "description": "The Foundation Accordion",
-          "privacy": "public"
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "Accordion",
-          "declaration": {
-            "name": "Accordion",
-            "module": "src/accordion/accordion.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "foundationAccordionShadowOptions",
-          "declaration": {
-            "name": "foundationAccordionShadowOptions",
-            "module": "src/accordion/accordion.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "defaultAccordionConfig",
-          "declaration": {
-            "name": "defaultAccordionConfig",
-            "module": "src/accordion/accordion.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "foundationAccordion",
-          "declaration": {
-            "name": "foundationAccordion",
-            "module": "src/accordion/accordion.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/accordion/index.ts",
+      "path": "src/_config/index.ts",
       "declarations": [],
       "exports": [
         {
@@ -1873,7 +1691,7 @@
           "name": "*",
           "declaration": {
             "name": "*",
-            "package": "./accordion.template"
+            "package": "./styles"
           }
         },
         {
@@ -1881,7 +1699,7 @@
           "name": "*",
           "declaration": {
             "name": "*",
-            "package": "./accordion.styles"
+            "package": "./tokens"
           }
         },
         {
@@ -1889,7 +1707,7 @@
           "name": "*",
           "declaration": {
             "name": "*",
-            "package": "./accordion"
+            "package": "./values"
           }
         }
       ]
@@ -2453,6 +2271,188 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "src/accordion/accordion.styles.ts",
+      "declarations": [
+        {
+          "kind": "function",
+          "name": "foundationAccordionStyles",
+          "return": {
+            "type": {
+              "text": "ElementStyles"
+            }
+          },
+          "parameters": [
+            {
+              "name": "context",
+              "type": {
+                "text": "ElementDefinitionContext"
+              }
+            },
+            {
+              "name": "definition",
+              "type": {
+                "text": "FoundationElementDefinition"
+              }
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "foundationAccordionStyles",
+          "declaration": {
+            "name": "foundationAccordionStyles",
+            "module": "src/accordion/accordion.styles.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/accordion/accordion.template.ts",
+      "declarations": [
+        {
+          "kind": "function",
+          "name": "foundationAccordionTemplate",
+          "return": {
+            "type": {
+              "text": "ViewTemplate<Accordion>"
+            }
+          },
+          "parameters": [
+            {
+              "name": "context",
+              "type": {
+                "text": "ElementDefinitionContext"
+              }
+            },
+            {
+              "name": "definition",
+              "type": {
+                "text": "FoundationElementDefinition"
+              }
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "foundationAccordionTemplate",
+          "declaration": {
+            "name": "foundationAccordionTemplate",
+            "module": "src/accordion/accordion.template.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/accordion/accordion.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "Accordion",
+          "superclass": {
+            "name": "FASTAccordion",
+            "package": "@microsoft/fast-foundation"
+          },
+          "tagName": "%%prefix%%-accordion",
+          "customElement": true
+        },
+        {
+          "kind": "variable",
+          "name": "foundationAccordionShadowOptions",
+          "type": {
+            "text": "ShadowRootInit"
+          },
+          "default": "{\n  delegatesFocus: true,\n  mode: 'open',\n}"
+        },
+        {
+          "kind": "variable",
+          "name": "defaultAccordionConfig",
+          "type": {
+            "text": "object"
+          },
+          "default": "{}"
+        },
+        {
+          "kind": "variable",
+          "name": "foundationAccordion",
+          "description": "The Foundation Accordion",
+          "privacy": "public"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "Accordion",
+          "declaration": {
+            "name": "Accordion",
+            "module": "src/accordion/accordion.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "foundationAccordionShadowOptions",
+          "declaration": {
+            "name": "foundationAccordionShadowOptions",
+            "module": "src/accordion/accordion.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "defaultAccordionConfig",
+          "declaration": {
+            "name": "defaultAccordionConfig",
+            "module": "src/accordion/accordion.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "foundationAccordion",
+          "declaration": {
+            "name": "foundationAccordion",
+            "module": "src/accordion/accordion.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/accordion/index.ts",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./accordion.template"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./accordion.styles"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./accordion"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "src/ai-criteria-search/ai-criteria-search.styles.ts",
@@ -48323,6 +48323,16 @@
           "description": "",
           "name": "Tabs",
           "members": [
+            {
+              "kind": "field",
+              "name": "scrollable",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "When true, the tab list becomes horizontally scrollable when its\ncontents exceed the width of the container.",
+              "privacy": "public"
+            },
             {
               "kind": "field",
               "name": "currentTabIndex",
@@ -48789,50 +48799,50 @@
               }
             }
           ],
-          "superclass": {
-            "name": "FASTTabs",
-            "package": "@microsoft/fast-components"
-          },
-          "tagName": "%%prefix%%-tabs",
-          "customElement": true,
           "attributes": [
             {
-              "name": "orientation",
               "type": {
-                "text": "TabsOrientation"
+                "text": "boolean"
               },
-              "description": "The orientation",
-              "fieldName": "orientation",
+              "default": "false",
+              "description": "When true, the tab list becomes horizontally scrollable when its\ncontents exceed the width of the container.",
+              "fieldName": "scrollable",
               "inheritedFrom": {
                 "name": "Tabs",
                 "module": "src/tabs/tabs.ts"
               }
             },
             {
-              "name": "activeid",
+              "name": "orientation",
               "type": {
-                "text": "string"
+                "text": "TabsOrientation"
               },
-              "description": "The id of the active tab",
-              "fieldName": "activeid",
+              "description": "The orientation",
+              "fieldName": "orientation",
               "inheritedFrom": {
                 "name": "Tabs",
                 "module": "src/tabs/tabs.ts"
               }
             },
             {
+              "name": "activeid",
               "type": {
-                "text": "boolean"
+                "text": "string"
               },
-              "default": "true",
-              "description": "Whether or not to show the active indicator",
-              "fieldName": "activeindicator",
+              "description": "The id of the active tab",
+              "fieldName": "activeid",
               "inheritedFrom": {
                 "name": "Tabs",
                 "module": "src/tabs/tabs.ts"
               }
             }
           ],
+          "superclass": {
+            "name": "FASTTabs",
+            "package": "@microsoft/fast-components"
+          },
+          "tagName": "%%prefix%%-tabs",
+          "customElement": true,
           "events": [
             {
               "description": "Fires a custom 'change' event when a tab is clicked or during keyboard navigation",
@@ -54294,6 +54304,810 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "src/workspace/index.ts",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./workspace.types"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./workspace-state.types"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./workspace-registry.types"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./workspace-di"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/workspace/workspace-di.ts",
+      "declarations": [
+        {
+          "kind": "variable",
+          "name": "LayoutRegistry",
+          "description": "DI token for layout registry. Host app must register an implementation."
+        },
+        {
+          "kind": "variable",
+          "name": "GridRegistry",
+          "description": "DI token for grid registry. Host app must register an implementation."
+        },
+        {
+          "kind": "variable",
+          "name": "FilterRegistry",
+          "description": "DI token for filter registry. Host app must register an implementation."
+        },
+        {
+          "kind": "variable",
+          "name": "WorkspaceState",
+          "description": "DI token for workspace state. Host app must register an implementation."
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "LayoutRegistry",
+          "declaration": {
+            "name": "LayoutRegistry",
+            "module": "src/workspace/workspace-di.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "GridRegistry",
+          "declaration": {
+            "name": "GridRegistry",
+            "module": "src/workspace/workspace-di.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "FilterRegistry",
+          "declaration": {
+            "name": "FilterRegistry",
+            "module": "src/workspace/workspace-di.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "WorkspaceState",
+          "declaration": {
+            "name": "WorkspaceState",
+            "module": "src/workspace/workspace-di.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/workspace/workspace-registry.types.ts",
+      "declarations": [],
+      "exports": []
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/workspace/workspace-state.types.ts",
+      "declarations": [],
+      "exports": []
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/workspace/workspace.types.ts",
+      "declarations": [],
+      "exports": []
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/workspace-manager/index.ts",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./workspace-manager"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/workspace-manager/workspace-manager.styles.ts",
+      "declarations": [
+        {
+          "kind": "variable",
+          "name": "WorkspaceManagerStyles",
+          "default": "css`\n  .workspace-manager {\n    display: flex;\n    gap: 10px;\n    align-items: center;\n  }\n\n  .dialog-content {\n    padding: 16px;\n    min-width: 400px;\n    max-width: 400px;\n    display: flex;\n    flex-direction: column;\n    max-height: 90vh;\n    overflow: hidden;\n  }\n\n  .button-group {\n    display: flex;\n    gap: 8px;\n    justify-content: flex-end;\n  }\n\n  .workspace-list {\n    display: flex;\n    flex-direction: column;\n    gap: 12px;\n    max-height: 400px;\n    overflow-y: auto;\n    margin: 10px 0;\n    align-items: unset;\n  }\n\n  rapid-label {\n    margin-bottom: 10px;\n    display: block;\n  }\n\n  .empty-state {\n    padding: 24px;\n    text-align: center;\n    color: var(--neutral-foreground-hint);\n  }\n\n  .save-mode-selector {\n    margin-bottom: 16px;\n  }\n\n  .warning-message {\n    margin: 12px 0;\n    padding: 12px;\n    border: 1px solid var(--warning-color);\n    border-radius: 4px;\n    font-size: 14px;\n  }\n\n  .workspace-item {\n    padding: 12px;\n    border: 1px solid var(--neutral-stroke-rest);\n    border-radius: 4px;\n    background: var(--neutral-fill-rest);\n    cursor: pointer;\n    display: flex;\n    align-items: center;\n  }\n\n  .workspace-item:hover {\n    background: var(--neutral-fill-hover);\n  }\n\n  .workspace-item::part(control) {\n    margin-top: 2px;\n  }\n\n  .workspace-info {\n    flex: 1;\n    margin-left: 8px;\n  }\n\n  .workspace-name {\n    font-weight: 600;\n    margin-bottom: 4px;\n    display: flex;\n    align-items: center;\n    gap: 8px;\n  }\n\n  .workspace-date {\n    font-size: 12px;\n    color: var(--neutral-foreground-hint);\n  }\n\n  .workspace-description {\n    font-size: 12px;\n    color: var(--neutral-foreground-hint);\n    margin-top: 4px;\n    white-space: pre-wrap;\n    word-break: break-word;\n    line-height: 1.4;\n  }\n\n  .workspace-description-input {\n    width: 100%;\n    min-height: 60px;\n    padding: 8px 12px;\n    margin-bottom: 16px;\n    font-family: inherit;\n    font-size: 14px;\n    border: 1px solid var(--neutral-stroke-rest);\n    border-radius: 4px;\n    background: var(--neutral-fill-rest);\n    color: var(--neutral-foreground-rest);\n    resize: vertical;\n    box-sizing: border-box;\n  }\n\n  .workspace-description-input::placeholder {\n    color: var(--neutral-foreground-hint);\n  }\n\n  .workspace-description-input:focus {\n    outline: none;\n    border-color: var(--accent-fill-rest);\n  }\n\n  .loading-container {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    padding: 24px;\n  }\n\n  .save-field {\n    margin-bottom: 20px;\n  }\n`"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "WorkspaceManagerStyles",
+          "declaration": {
+            "name": "WorkspaceManagerStyles",
+            "module": "src/workspace-manager/workspace-manager.styles.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/workspace-manager/workspace-manager.template.ts",
+      "declarations": [
+        {
+          "kind": "variable",
+          "name": "WorkspaceManagerTemplate",
+          "default": "html<WorkspaceManager>`\n  <div class=\"workspace-manager\">\n    <rapid-button @click=${(x) => x.openSaveDialog()}>\n      <rapid-icon name=\"download\"></rapid-icon>\n      Save Workspace\n    </rapid-button>\n    <rapid-button @click=${(x) => x.openLoadDialog()}>\n      <rapid-icon name=\"upload\"></rapid-icon>\n      Load Workspace\n    </rapid-button>\n  </div>\n  <rapid-modal ${ref('saveModal')}>\n    <h2 slot=\"top\">Save Workspace</h2>\n    <div class=\"dialog-content\">\n      <div class=\"save-mode-selector\">\n        <rapid-segmented-control value=\"${sync((x) => x.saveMode)}\">\n          <rapid-segmented-item value=\"create\">Create</rapid-segmented-item>\n          <rapid-segmented-item value=\"overwrite\">Overwrite</rapid-segmented-item>\n          ${when(\n            (x) => x.canShareWorkspace,\n            html<WorkspaceManager>`\n              <rapid-segmented-item value=\"shared\">Share</rapid-segmented-item>\n            `,\n          )}\n        </rapid-segmented-control>\n      </div>\n      ${when(\n        (x) => x.saveMode === 'create',\n        html<WorkspaceManager>`\n          <rapid-label>Workspace Name:</rapid-label>\n          <rapid-text-field\n            class=\"save-field\"\n            :value=${(x) => x.workspaceName}\n            @input=${(x, c) => (x.workspaceName = (c.event.target as HTMLInputElement).value)}\n            placeholder=\"Enter workspace name\"\n          ></rapid-text-field>\n          <rapid-label>Description (optional):</rapid-label>\n          <textarea\n            class=\"save-field workspace-description-input\"\n            :value=${(x) => x.workspaceDescription}\n            @input=${(x, c) =>\n              (x.workspaceDescription = (c.event.target as HTMLTextAreaElement).value)}\n            placeholder=\"Add a description for this workspace\"\n            rows=\"3\"\n          ></textarea>\n          ${when(\n            (x) => x.workspaceName && x.isWorkspaceExisting(x.workspaceName),\n            html`\n              <div class=\"warning-message\">\n                <rapid-icon name=\"triangle-exclamation\"></rapid-icon>\n                A workspace with this name already exists. Use \"Overwrite Existing Workspace\" to\n                replace it.\n              </div>\n            `,\n          )}\n        `,\n      )}\n      ${when(\n        (x) => x.saveMode === 'overwrite',\n        html<WorkspaceManager>`\n          ${when(\n            (x) => x.savedWorkspaces.length === 0,\n            html`\n              <div class=\"empty-state\">No saved workspaces to overwrite</div>\n            `,\n          )}\n          <rapid-label>Select Workspace to Overwrite:</rapid-label>\n          <rapid-radio-group\n            class=\"workspace-list\"\n            value=${sync((x) => x.selectedWorkspaceToOverwrite)}\n            orientation=\"vertical\"\n          >\n            ${repeat(\n              (x) => x.savedWorkspaces,\n              html<SavedWorkspace>`\n                <rapid-radio value=${(x) => x.name} class=\"workspace-item\">\n                  <div class=\"workspace-info\">\n                    <div class=\"workspace-name\">${(x) => x.name}</div>\n                    <div class=\"workspace-date\">\n                      Saved: ${(x) => new Date(x.savedAt).toLocaleString()}\n                    </div>\n                    ${when(\n                      (w) => w.description,\n                      html<SavedWorkspace>`\n                        <div class=\"workspace-description\">${(w) => w.description}</div>\n                      `,\n                    )}\n                  </div>\n                </rapid-radio>\n              `,\n            )}\n          </rapid-radio-group>\n          <div class=\"warning-message\">\n            <rapid-icon name=\"triangle-exclamation\"></rapid-icon>\n            This will permanently replace the selected workspace. This action cannot be undone.\n          </div>\n        `,\n      )}\n      ${when(\n        (x) => x.saveMode === 'shared',\n        html<WorkspaceManager>`\n          <h3>Share existing workspace:</h3>\n          ${whenElse(\n            (x) => x.savedWorkspaces.length === 0,\n            html`\n              <div class=\"empty-state\">No saved workspaces to share</div>\n            `,\n            html<WorkspaceManager>`\n              <div class=\"workspace-list\">\n                ${repeat(\n                  (x) => x.savedWorkspaces,\n                  html<SavedWorkspace>`\n                    <div class=\"workspace-item\">\n                      <div class=\"workspace-info\">\n                        <div class=\"workspace-name\">${(w) => w.name}</div>\n                        <div class=\"workspace-date\">\n                          Saved: ${(w) => new Date(w.savedAt).toLocaleString()}\n                        </div>\n                        ${when(\n                          (w) => w.description,\n                          html<SavedWorkspace>`\n                            <div class=\"workspace-description\">${(w) => w.description}</div>\n                          `,\n                        )}\n                      </div>\n                      <div class=\"button-group\">\n                        <rapid-button\n                          appearance=\"primary\"\n                          @click=${(w, c: ExecutionContext<WorkspaceManager>) =>\n                            c.parent.shareExistingWorkspace(w.name)}\n                        >\n                          Share\n                        </rapid-button>\n                      </div>\n                    </div>\n                  `,\n                )}\n              </div>\n            `,\n          )}\n          <h3>My Shared Workspaces</h3>\n          ${whenElse(\n            (x) =>\n              x.sharedWorkspaces.filter((w) => w.userName === x.auth?.loggedUserResult?.username)\n                .length === 0,\n            html`\n              <div class=\"empty-state\">You have not shared any workspaces</div>\n            `,\n            html<WorkspaceManager>`\n              <div class=\"workspace-list\">\n                ${repeat(\n                  (x) =>\n                    x.sharedWorkspaces.filter(\n                      (w) => w.userName === x.auth?.loggedUserResult?.username,\n                    ),\n                  html<SharedWorkspace>`\n                    <div class=\"workspace-item\">\n                      <div class=\"workspace-info\">\n                        <div class=\"workspace-name\">${(w) => w.name}</div>\n                        <div class=\"workspace-date\">\n                          Shared on\n                          ${(w) => new Date((w.modifiedOn || w.createdOn) as any).toLocaleString()}\n                        </div>\n                        ${when(\n                          (w) => w.description,\n                          html<SharedWorkspace>`\n                            <div class=\"workspace-description\">${(w) => w.description}</div>\n                          `,\n                        )}\n                      </div>\n                      <div class=\"button-group\">\n                        <rapid-button\n                          appearance=\"primary\"\n                          @click=${(w, c: ExecutionContext<WorkspaceManager>) =>\n                            c.parent.modifySharedWorkspace(w)}\n                        >\n                          Save\n                        </rapid-button>\n                        <rapid-button\n                          appearance=\"danger\"\n                          @click=${(w, c: ExecutionContext<WorkspaceManager>) =>\n                            c.parent.confirmDeleteSharedWorkspace(w)}\n                        >\n                          Delete\n                        </rapid-button>\n                      </div>\n                    </div>\n                  `,\n                )}\n              </div>\n            `,\n          )}\n        `,\n      )}\n      <div class=\"button-group\">\n        <rapid-button\n          @click=${(x) => x.saveWorkspace()}\n          appearance=\"primary\"\n          ?disabled=${(x) =>\n            (x.saveMode === 'create' && !x.workspaceName.trim()) ||\n            (x.saveMode === 'overwrite' && !x.selectedWorkspaceToOverwrite) ||\n            x.saveMode === 'shared' ||\n            (x.workspaceName && x.isWorkspaceExisting(x.workspaceName))}\n        >\n          ${(x) =>\n            x.saveMode === 'create' ? 'Create' : x.saveMode === 'overwrite' ? 'Overwrite' : 'Save'}\n        </rapid-button>\n        <rapid-button appearance=\"outline\" @click=${(x) => x.closeSaveDialog()}>\n          Cancel\n        </rapid-button>\n      </div>\n      <div class=\"workspace-dialog-boundary\" ${ref('sharedWorkspaceDialogBoundary')}></div>\n    </div>\n  </rapid-modal>\n  <rapid-modal ${ref('loadModal')}>\n    <h2 slot=\"top\">Load Workspace</h2>\n    <div class=\"dialog-content\">\n      ${when(\n        (x) => x.applyingWorkspace || x.isLoading,\n        html`\n          <div class=\"loading-container\">\n            <div>Loading...</div>\n          </div>\n        `,\n      )}\n      ${when(\n        (x) => !x.applyingWorkspace,\n        html<WorkspaceManager>`\n          <rapid-segmented-control value=\"${sync((x) => x.loadMode)}\">\n            <rapid-segmented-item value=\"MY\">My Workspaces</rapid-segmented-item>\n            <rapid-segmented-item value=\"SHARED\">Shared Workspaces</rapid-segmented-item>\n          </rapid-segmented-control>\n          ${when(\n            (x) => x.loadMode === 'MY',\n            html`\n              <div class=\"workspace-list\">\n                ${repeat(\n                  (x) => x.savedWorkspaces,\n                  html<SavedWorkspace>`\n                    <div class=\"workspace-item\">\n                      <div class=\"workspace-info\">\n                        <div class=\"workspace-name\">${(w) => w.name}</div>\n                        <div class=\"workspace-date\">\n                          Saved: ${(w) => new Date(w.savedAt).toLocaleString()}\n                        </div>\n                        ${when(\n                          (w) => w.description,\n                          html<SavedWorkspace>`\n                            <div class=\"workspace-description\">${(w) => w.description}</div>\n                          `,\n                        )}\n                      </div>\n                      <div class=\"button-group\">\n                        <rapid-button\n                          appearance=\"primary\"\n                          @click=${(w, c: ExecutionContext<WorkspaceManager>) =>\n                            c.parent.loadWorkspace(w.name)}\n                        >\n                          Load\n                        </rapid-button>\n                        <rapid-button\n                          appearance=\"danger\"\n                          @click=${(w, c: ExecutionContext<WorkspaceManager>) =>\n                            c.parent.confirmDeleteWorkspace(w.name)}\n                        >\n                          Delete\n                        </rapid-button>\n                      </div>\n                    </div>\n                  `,\n                )}\n                ${when(\n                  (x) => x.savedWorkspaces.length === 0,\n                  html`\n                    <div class=\"empty-state\">No saved workspaces found</div>\n                  `,\n                )}\n              </div>\n            `,\n          )}\n          ${when(\n            (x) => x.loadMode === 'SHARED',\n            html`\n              <div class=\"workspace-section\">\n                <div class=\"workspace-list\">\n                  ${repeat(\n                    (x) => x.sharedWorkspaces,\n                    html<SharedWorkspace>`\n                      <div class=\"workspace-item\">\n                        <div class=\"workspace-info\">\n                          <div class=\"workspace-name\">${(w) => w.name}</div>\n                          <div class=\"workspace-date\">\n                            Shared by ${(w) => w.userName} ·\n                            ${(w) =>\n                              new Date((w.modifiedOn || w.createdOn) as any).toLocaleString()}\n                          </div>\n                          ${when(\n                            (w) => w.description,\n                            html<SharedWorkspace>`\n                              <div class=\"workspace-description\">${(w) => w.description}</div>\n                            `,\n                          )}\n                        </div>\n                        <div class=\"button-group\">\n                          <rapid-button\n                            appearance=\"primary\"\n                            @click=${(w, c: ExecutionContext<WorkspaceManager>) =>\n                              c.parent.loadSharedWorkspace(w)}\n                          >\n                            Load\n                          </rapid-button>\n                        </div>\n                      </div>\n                    `,\n                  )}\n                </div>\n                ${when(\n                  (x) => x.sharedWorkspaces.length === 0,\n                  html`\n                    <div class=\"empty-state\">No shared workspaces available</div>\n                  `,\n                )}\n              </div>\n            `,\n          )}\n        `,\n      )}\n      <div class=\"button-group\">\n        <rapid-button appearance=\"outline\" @click=${(x) => x.closeLoadDialog()}>Close</rapid-button>\n      </div>\n    </div>\n    <div class=\"workspace-dialog-boundary\" ${ref('dialogBoundary')}></div>\n  </rapid-modal>\n`"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "WorkspaceManagerTemplate",
+          "declaration": {
+            "name": "WorkspaceManagerTemplate",
+            "module": "src/workspace-manager/workspace-manager.template.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/workspace-manager/workspace-manager.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "WorkspaceManager",
+          "members": [
+            {
+              "kind": "field",
+              "name": "workspaceName",
+              "type": {
+                "text": "string"
+              },
+              "default": "''"
+            },
+            {
+              "kind": "field",
+              "name": "workspaceDescription",
+              "type": {
+                "text": "string"
+              },
+              "default": "''"
+            },
+            {
+              "kind": "field",
+              "name": "savedWorkspaces",
+              "type": {
+                "text": "SavedWorkspace[]"
+              },
+              "default": "[]"
+            },
+            {
+              "kind": "field",
+              "name": "sharedWorkspaces",
+              "type": {
+                "text": "SharedWorkspace[]"
+              },
+              "default": "[]"
+            },
+            {
+              "kind": "field",
+              "name": "isLoading",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false"
+            },
+            {
+              "kind": "field",
+              "name": "applyingWorkspace",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false"
+            },
+            {
+              "kind": "field",
+              "name": "loadMode",
+              "type": {
+                "text": "LoadMode"
+              },
+              "default": "'MY'"
+            },
+            {
+              "kind": "field",
+              "name": "saveModal",
+              "type": {
+                "text": "Modal"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "loadModal",
+              "type": {
+                "text": "Modal"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "saveMode",
+              "type": {
+                "text": "'create' | 'overwrite' | 'shared'"
+              },
+              "default": "'create'"
+            },
+            {
+              "kind": "field",
+              "name": "selectedWorkspaceToOverwrite",
+              "type": {
+                "text": "string"
+              },
+              "default": "''"
+            },
+            {
+              "kind": "field",
+              "name": "workspaceToShare",
+              "type": {
+                "text": "string"
+              },
+              "default": "''"
+            },
+            {
+              "kind": "field",
+              "name": "dialogBoundary",
+              "type": {
+                "text": "HTMLElement"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "sharedWorkspaceDialogBoundary",
+              "type": {
+                "text": "HTMLElement"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "layoutRegistry",
+              "type": {
+                "text": "ILayoutRegistry"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "gridRegistry",
+              "type": {
+                "text": "IGridRegistry"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "filterRegistry",
+              "type": {
+                "text": "IFilterRegistry"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "workspaceState",
+              "type": {
+                "text": "IWorkspaceState"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "connect",
+              "type": {
+                "text": "Connect"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "auth",
+              "type": {
+                "text": "Auth"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "canShareWorkspace",
+              "type": {
+                "text": "boolean"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "refreshSavedWorkspaces",
+              "return": {
+                "type": {
+                  "text": "Promise<void>"
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "refreshSharedWorkspaces",
+              "return": {
+                "type": {
+                  "text": "Promise<void>"
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "notifyError",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "body",
+                  "default": "'Error'"
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "saveWorkspace",
+              "return": {
+                "type": {
+                  "text": "Promise<void>"
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "applyWorkspace",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "Promise<void>"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "workspace",
+                  "type": {
+                    "text": "SavedWorkspace"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "loadWorkspace",
+              "return": {
+                "type": {
+                  "text": "Promise<void>"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "workspaceName",
+                  "type": {
+                    "text": "string"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "requestSharedWorkspace",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "Promise<any[]>"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "SHARED_WORKSPACE_ID",
+                  "type": {
+                    "text": "string"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "loadSharedWorkspace",
+              "return": {
+                "type": {
+                  "text": "Promise<void>"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "shared",
+                  "type": {
+                    "text": "{\n    id: string;\n    name: string;\n    userName: string;\n    createdOn?: string | number;\n    modifiedOn?: string | number;\n    data: string;\n  }"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "deleteWorkspace",
+              "return": {
+                "type": {
+                  "text": "Promise<void>"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "workspaceName",
+                  "type": {
+                    "text": "string"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "showDeleteConfirmation",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "title",
+                  "type": {
+                    "text": "string"
+                  }
+                },
+                {
+                  "name": "body",
+                  "type": {
+                    "text": "string"
+                  }
+                },
+                {
+                  "name": "actionFunction",
+                  "type": {
+                    "text": "() => void"
+                  }
+                },
+                {
+                  "name": "dialogBoundary",
+                  "type": {
+                    "text": "HTMLElement"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "confirmDeleteWorkspace",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "workspaceName",
+                  "type": {
+                    "text": "string"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "modifySharedWorkspace",
+              "return": {
+                "type": {
+                  "text": "Promise<void>"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "sharedWorkspace",
+                  "type": {
+                    "text": "SharedWorkspace"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "deleteSharedWorkspace",
+              "return": {
+                "type": {
+                  "text": "Promise<void>"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "sharedWorkspace",
+                  "type": {
+                    "text": "SharedWorkspace"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "confirmDeleteSharedWorkspace",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "sharedWorkspace",
+                  "type": {
+                    "text": "SharedWorkspace"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "shareExistingWorkspace",
+              "return": {
+                "type": {
+                  "text": "Promise<void>"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "workspaceName",
+                  "type": {
+                    "text": "string"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "openSaveDialog",
+              "return": {
+                "type": {
+                  "text": "Promise<void>"
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "isWorkspaceExisting",
+              "return": {
+                "type": {
+                  "text": "boolean"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "workspaceName",
+                  "type": {
+                    "text": "string"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "saveModeChanged",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "oldValue",
+                  "type": {
+                    "text": "string"
+                  }
+                },
+                {
+                  "name": "newValue",
+                  "type": {
+                    "text": "string"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "openLoadDialog",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "closeSaveDialog",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "closeLoadDialog",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
+            },
+            {
+              "kind": "field",
+              "name": "_presentation",
+              "type": {
+                "text": "ComponentPresentation | null | undefined"
+              },
+              "privacy": "private",
+              "default": "void 0",
+              "inheritedFrom": {
+                "name": "FoundationElement",
+                "module": "src/foundation-element/foundation-element.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "$presentation",
+              "type": {
+                "text": "ComponentPresentation | null"
+              },
+              "privacy": "public",
+              "description": "A property which resolves the ComponentPresentation instance\nfor the current component.",
+              "inheritedFrom": {
+                "name": "FoundationElement",
+                "module": "src/foundation-element/foundation-element.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "template",
+              "type": {
+                "text": "ElementViewTemplate | void | null"
+              },
+              "privacy": "public",
+              "description": "Sets the template of the element instance. When undefined,\nthe element will attempt to resolve the template from\nthe associated presentation or custom element definition.",
+              "inheritedFrom": {
+                "name": "FoundationElement",
+                "module": "src/foundation-element/foundation-element.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "templateChanged",
+              "privacy": "protected",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "inheritedFrom": {
+                "name": "FoundationElement",
+                "module": "src/foundation-element/foundation-element.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "styles",
+              "type": {
+                "text": "ElementStyles | void | null"
+              },
+              "privacy": "public",
+              "description": "Sets the default styles for the element instance. When undefined,\nthe element will attempt to resolve default styles from\nthe associated presentation or custom element definition.",
+              "inheritedFrom": {
+                "name": "FoundationElement",
+                "module": "src/foundation-element/foundation-element.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "stylesChanged",
+              "privacy": "protected",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "inheritedFrom": {
+                "name": "FoundationElement",
+                "module": "src/foundation-element/foundation-element.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "compose",
+              "privacy": "public",
+              "static": true,
+              "return": {
+                "type": {
+                  "text": "(\n        overrideDefinition?: OverrideFoundationElementDefinition<T>\n    ) => FoundationElementRegistry<T, K>"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "this",
+                  "type": {
+                    "text": "K"
+                  }
+                },
+                {
+                  "name": "elementDefinition",
+                  "type": {
+                    "text": "T"
+                  },
+                  "description": "The definition of the element to create the registry\nfunction for."
+                }
+              ],
+              "description": "Defines an element registry function with a set of element definition defaults.",
+              "inheritedFrom": {
+                "name": "FoundationElement",
+                "module": "src/foundation-element/foundation-element.ts"
+              }
+            }
+          ],
+          "superclass": {
+            "name": "FoundationElement",
+            "package": "@microsoft/fast-foundation"
+          }
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "WorkspaceManager",
+          "declaration": {
+            "name": "WorkspaceManager",
+            "module": "src/workspace-manager/workspace-manager.ts"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "workspace-manager",
+          "declaration": {
+            "name": "WorkspaceManager",
+            "module": "src/workspace-manager/workspace-manager.ts"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "src/_config/styles/colors.ts",