@genesislcap/grid-tabulator 14.496.1 → 14.496.2-alpha-da9ccbd.0

package/dist/custom-elements.json

@@ -1657,67 +1657,117 @@
     },
     {
       "kind": "javascript-module",
-      "path": "src/cell-editors/date.editor.ts",
+      "path": "src/column/column.ts",
       "declarations": [
         {
           "kind": "class",
-          "description": "The date editor class for grid-tabulator",
-          "name": "DateEditor",
+          "description": "The GridTabulator Column element.",
+          "name": "GridTabulatorColumn",
           "members": [
             {
               "kind": "field",
-              "name": "params",
+              "name": "slottedCell",
               "type": {
-                "text": "DateEditorParams"
-              }
+                "text": "HTMLElement[]"
+              },
+              "privacy": "public"
             },
             {
               "kind": "field",
-              "name": "dateField",
+              "name": "definition",
               "type": {
-                "text": "any"
+                "text": "Partial<ColumnDefinition>"
+              },
+              "default": "{}"
+            },
+            {
+              "kind": "method",
+              "name": "slottedCellChanged",
+              "privacy": "public"
+            },
+            {
+              "kind": "method",
+              "name": "deepClone",
+              "return": {
+                "type": {
+                  "text": "Node"
+                }
+              },
+              "inheritedFrom": {
+                "name": "LifecycleMixin",
+                "module": "src/mixins/lifecycle/lifecycle.ts"
               }
             },
             {
               "kind": "method",
-              "name": "init",
+              "name": "cloneNode",
+              "return": {
+                "type": {
+                  "text": "Node"
+                }
+              },
               "parameters": [
                 {
-                  "name": "params",
+                  "name": "deep",
+                  "optional": true,
                   "type": {
-                    "text": "DateEditorParams"
+                    "text": "boolean"
                   }
                 }
               ],
-              "description": "Initialize the editor with parameters"
-            },
-            {
-              "kind": "method",
-              "name": "getValue",
-              "description": "Get current value"
+              "inheritedFrom": {
+                "name": "LifecycleMixin",
+                "module": "src/mixins/lifecycle/lifecycle.ts"
+              }
             },
             {
-              "kind": "method",
-              "name": "getFormattedValue",
-              "description": "Format value for display"
+              "kind": "field",
+              "name": "shouldRunDisconnect",
+              "return": {
+                "type": {
+                  "text": ""
+                }
+              },
+              "readonly": true,
+              "inheritedFrom": {
+                "name": "LifecycleMixin",
+                "module": "src/mixins/lifecycle/lifecycle.ts"
+              }
             },
             {
-              "kind": "method",
-              "name": "focus",
-              "description": "Set focus to the input"
+              "kind": "field",
+              "name": "shouldRunConnect",
+              "return": {
+                "type": {
+                  "text": ""
+                }
+              },
+              "readonly": true,
+              "inheritedFrom": {
+                "name": "LifecycleMixin",
+                "module": "src/mixins/lifecycle/lifecycle.ts"
+              }
             },
             {
               "kind": "method",
-              "name": "handleKeyDown",
+              "name": "#_blockLifecycleDueToTokenChange",
+              "return": {
+                "type": {
+                  "text": "boolean"
+                }
+              },
               "parameters": [
                 {
-                  "name": "event",
+                  "name": "lifecycleType",
                   "type": {
-                    "text": "KeyboardEvent"
+                    "text": "Lifecycletype"
                   }
                 }
               ],
-              "description": "Process key down events"
+              "inheritedFrom": {
+                "name": "LifecycleMixin",
+                "module": "src/mixins/lifecycle/lifecycle.ts"
+              }
             },
             {
               "kind": "field",
@@ -1831,79 +1881,42 @@
               }
             }
           ],
-          "superclass": {
-            "name": "FoundationElement",
-            "package": "@microsoft/fast-foundation"
-          }
-        },
-        {
-          "kind": "variable",
-          "name": "dateEditorStyles",
-          "default": "css`\n  :host {\n    display: block;\n    width: 100%;\n    height: 100%;\n  }\n`",
-          "description": "Styles for the date editor"
-        },
-        {
-          "kind": "function",
-          "name": "getDateEditorTemplate",
-          "parameters": [
+          "mixins": [
             {
-              "name": "prefix",
-              "default": "'foundation'",
-              "description": "The design system prefix to use. Defaults to 'foundation'."
+              "name": "LifecycleMixin",
+              "package": "@genesislcap/foundation-utils"
             }
           ],
-          "description": "Get a Design System prefixed date field template.",
-          "return": {
-            "type": {
-              "text": ""
-            }
+          "superclass": {
+            "name": "FoundationElement",
+            "package": "@microsoft/fast-foundation"
           },
-          "privacy": "public"
-        },
-        {
-          "kind": "variable",
-          "name": "foundationDateEditor",
-          "description": "Definition for the date editor component"
+          "tagName": "grid-tabulator-column",
+          "customElement": true
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "DateEditor",
-          "declaration": {
-            "name": "DateEditor",
-            "module": "src/cell-editors/date.editor.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "dateEditorStyles",
-          "declaration": {
-            "name": "dateEditorStyles",
-            "module": "src/cell-editors/date.editor.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "getDateEditorTemplate",
+          "name": "GridTabulatorColumn",
           "declaration": {
-            "name": "getDateEditorTemplate",
-            "module": "src/cell-editors/date.editor.ts"
+            "name": "GridTabulatorColumn",
+            "module": "src/column/column.ts"
           }
         },
         {
-          "kind": "js",
-          "name": "foundationDateEditor",
+          "kind": "custom-element-definition",
+          "name": "grid-tabulator-column",
           "declaration": {
-            "name": "foundationDateEditor",
-            "module": "src/cell-editors/date.editor.ts"
+            "name": "GridTabulatorColumn",
+            "module": "src/column/column.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/cell-editors/index.ts",
+      "path": "src/column/index.ts",
       "declarations": [],
       "exports": [
         {
@@ -1911,855 +1924,654 @@
           "name": "*",
           "declaration": {
             "name": "*",
-            "package": "./date.editor"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "package": "./number.editor"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "package": "./select.editor"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "package": "./string.editor"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "package": "./multiselect.editor"
+            "package": "./column"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/cell-editors/multiselect.editor.ts",
+      "path": "src/datasource/client-side.datasource.ts",
       "declarations": [
+        {
+          "kind": "variable",
+          "name": "criteriaDelimiter",
+          "type": {
+            "text": "string"
+          },
+          "default": "';'",
+          "description": "Delimiter for criteria in the datasource"
+        },
+        {
+          "kind": "variable",
+          "name": "criteriaJoin",
+          "type": {
+            "text": "string"
+          },
+          "default": "' && '",
+          "description": "Join operator for criteria in the datasource"
+        },
         {
           "kind": "class",
-          "description": "The multiselect editor class for grid-tabulator",
-          "name": "MultiselectEditor",
+          "description": "The Genesis Datasource element, for client-side data fetching and used exclusively by the GridTabulator element.",
+          "name": "GridTabulatorClientSideDatasource",
           "members": [
             {
               "kind": "field",
-              "name": "params",
+              "name": "auth",
               "type": {
-                "text": "MultiselectEditorParams"
+                "text": "Auth"
               }
             },
             {
               "kind": "field",
-              "name": "select",
+              "name": "connect",
               "type": {
-                "text": "any"
+                "text": "Connect"
               }
             },
             {
-              "kind": "method",
-              "name": "init",
-              "parameters": [
-                {
-                  "name": "params",
-                  "type": {
-                    "text": "MultiselectEditorParams"
-                  }
-                }
-              ],
-              "description": "Initialize the editor with parameters"
+              "kind": "field",
+              "name": "datasource",
+              "type": {
+                "text": "Datasource"
+              }
             },
             {
-              "kind": "method",
-              "name": "getValues",
-              "return": {
-                "type": {
-                  "text": "(string | number)[]"
-                }
+              "kind": "field",
+              "name": "deferredGridOptions",
+              "type": {
+                "text": "Options"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "deferredColumnStates",
+              "type": {
+                "text": "any[]"
               },
-              "description": "Get current values"
+              "default": "[]",
+              "description": "Allows storing column layouts between datasource initializations"
             },
             {
-              "kind": "method",
-              "name": "focus",
-              "description": "Set focus to the select"
+              "kind": "field",
+              "name": "criteria",
+              "type": {
+                "text": "string"
+              }
             },
             {
               "kind": "method",
-              "name": "isSelected",
-              "return": {
-                "type": {
-                  "text": "boolean"
-                }
-              },
+              "name": "criteriaChanged",
               "parameters": [
                 {
-                  "name": "value",
+                  "name": "oldCriteria",
                   "type": {
-                    "text": "string | number"
+                    "text": "string"
                   }
-                }
-              ],
-              "description": "Check if a value is selected"
-            },
-            {
-              "kind": "method",
-              "name": "handleKeyDown",
-              "parameters": [
+                },
                 {
-                  "name": "event",
+                  "name": "newCriteria",
                   "type": {
-                    "text": "KeyboardEvent"
+                    "text": "string"
                   }
                 }
-              ],
-              "description": "Process key down events"
-            },
-            {
-              "kind": "method",
-              "name": "handleChange",
-              "description": "Handle change event to save when selection changes"
+              ]
             },
             {
               "kind": "field",
-              "name": "_presentation",
+              "name": "fields",
               "type": {
-                "text": "ComponentPresentation | null | undefined"
-              },
-              "privacy": "private",
-              "default": "void 0",
-              "inheritedFrom": {
-                "name": "FoundationElement",
-                "module": "src/foundation-element/foundation-element.ts"
+                "text": "string"
               }
             },
             {
               "kind": "field",
-              "name": "$presentation",
+              "name": "isSnapshot",
               "type": {
-                "text": "ComponentPresentation | null"
+                "text": "boolean"
               },
-              "privacy": "public",
-              "description": "A property which resolves the ComponentPresentation instance\nfor the current component.",
-              "inheritedFrom": {
-                "name": "FoundationElement",
-                "module": "src/foundation-element/foundation-element.ts"
-              }
+              "default": "false"
             },
             {
               "kind": "field",
-              "name": "template",
+              "name": "maxRows",
               "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"
+                "text": "number"
               }
             },
             {
-              "kind": "method",
-              "name": "templateChanged",
-              "privacy": "protected",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              },
-              "inheritedFrom": {
-                "name": "FoundationElement",
-                "module": "src/foundation-element/foundation-element.ts"
+              "kind": "field",
+              "name": "maxView",
+              "type": {
+                "text": "number"
               }
             },
             {
               "kind": "field",
-              "name": "styles",
+              "name": "pollingInterval",
               "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"
+                "text": "number"
               }
             },
             {
-              "kind": "method",
-              "name": "stylesChanged",
-              "privacy": "protected",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
+              "kind": "field",
+              "name": "movingView",
+              "type": {
+                "text": "boolean"
               },
-              "inheritedFrom": {
-                "name": "FoundationElement",
-                "module": "src/foundation-element/foundation-element.ts"
-              }
+              "default": "false"
             },
             {
-              "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"
+              "kind": "field",
+              "name": "orderBy",
+              "type": {
+                "text": "string"
               }
-            }
-          ],
-          "superclass": {
-            "name": "FoundationElement",
-            "package": "@microsoft/fast-foundation"
-          }
-        },
-        {
-          "kind": "variable",
-          "name": "multiselectEditorStyles",
-          "default": "css`\n  :host {\n    display: block;\n    width: 100%;\n    height: 100%;\n  }\n`",
-          "description": "Styles for the multiselect editor"
-        },
-        {
-          "kind": "function",
-          "name": "getMultiselectEditorTemplate",
-          "parameters": [
-            {
-              "name": "prefix",
-              "default": "'foundation'",
-              "description": "The design system prefix to use. Defaults to 'foundation'."
-            }
-          ],
-          "description": "Get a Design System prefixed Select template.",
-          "return": {
-            "type": {
-              "text": ""
-            }
-          }
-        },
-        {
-          "kind": "variable",
-          "name": "foundationMultiselectEditor",
-          "description": "Definition for the multiselect editor component"
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "MultiselectEditor",
-          "declaration": {
-            "name": "MultiselectEditor",
-            "module": "src/cell-editors/multiselect.editor.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "multiselectEditorStyles",
-          "declaration": {
-            "name": "multiselectEditorStyles",
-            "module": "src/cell-editors/multiselect.editor.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "getMultiselectEditorTemplate",
-          "declaration": {
-            "name": "getMultiselectEditorTemplate",
-            "module": "src/cell-editors/multiselect.editor.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "foundationMultiselectEditor",
-          "declaration": {
-            "name": "foundationMultiselectEditor",
-            "module": "src/cell-editors/multiselect.editor.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/cell-editors/number.editor.ts",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "The number editor class for grid-tabulator",
-          "name": "NumberEditor",
-          "members": [
+            },
             {
               "kind": "field",
-              "name": "params",
+              "name": "request",
               "type": {
-                "text": "NumberEditorParams"
+                "text": "any"
               }
             },
             {
               "kind": "field",
-              "name": "numberField",
+              "name": "resourceName",
               "type": {
-                "text": "any"
+                "text": "string"
               }
             },
             {
               "kind": "method",
-              "name": "init",
+              "name": "resourceNameChanged",
               "parameters": [
                 {
-                  "name": "params",
+                  "name": "oldValue",
                   "type": {
-                    "text": "NumberEditorParams"
+                    "text": "string"
+                  }
+                },
+                {
+                  "name": "newValue",
+                  "type": {
+                    "text": "string"
                   }
                 }
-              ],
-              "description": "Initialize the editor with parameters"
+              ]
             },
             {
-              "kind": "method",
-              "name": "getValue",
-              "description": "Get current value"
+              "kind": "field",
+              "name": "reverse",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false"
             },
             {
-              "kind": "method",
-              "name": "focus",
-              "description": "Set focus to the input"
+              "kind": "field",
+              "name": "rowIdAttr",
+              "description": "Attribute to set an unique identifier for the row.\n\nDefaults to `ROW_REF` or `RECORD_ID` depending on the resource type."
             },
             {
-              "kind": "method",
-              "name": "handleKeyDown",
-              "parameters": [
-                {
-                  "name": "event",
-                  "type": {
-                    "text": "KeyboardEvent"
-                  }
-                }
-              ],
-              "description": "Process key down events"
+              "kind": "field",
+              "name": "restartOnReconnection",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "true"
             },
             {
               "kind": "field",
-              "name": "_presentation",
+              "name": "keepColDefsOnClearRowData",
               "type": {
-                "text": "ComponentPresentation | null | undefined"
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Whether to keep column definitions when clearing row data"
+            },
+            {
+              "kind": "field",
+              "name": "rowDataMapper",
+              "type": {
+                "text": "Function"
+              },
+              "description": "Allows grid data updates to be processed via and external function before applying in grid"
+            },
+            {
+              "kind": "field",
+              "name": "dataSub",
+              "type": {
+                "text": "Subscription"
+              },
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "updateSub",
+              "type": {
+                "text": "Subscription"
+              },
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "connectionSub",
+              "type": {
+                "text": "Subscription"
+              },
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "isRequestServer",
+              "type": {
+                "text": "boolean"
               },
               "privacy": "private",
-              "default": "void 0",
-              "inheritedFrom": {
-                "name": "FoundationElement",
-                "module": "src/foundation-element/foundation-element.ts"
-              }
+              "default": "false"
             },
             {
               "kind": "field",
-              "name": "$presentation",
+              "name": "requiresFullRowDataAndColDefs",
               "type": {
-                "text": "ComponentPresentation | null"
+                "text": "boolean"
               },
-              "privacy": "public",
-              "description": "A property which resolves the ComponentPresentation instance\nfor the current component.",
-              "inheritedFrom": {
-                "name": "FoundationElement",
-                "module": "src/foundation-element/foundation-element.ts"
-              }
+              "privacy": "private",
+              "default": "true"
             },
             {
               "kind": "field",
-              "name": "template",
+              "name": "dataSubWasLoggedOff",
               "type": {
-                "text": "ElementViewTemplate | void | null"
+                "text": "boolean"
               },
-              "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"
-              }
+              "privacy": "private",
+              "default": "false"
             },
             {
-              "kind": "method",
-              "name": "templateChanged",
-              "privacy": "protected",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
+              "kind": "field",
+              "name": "rows",
+              "type": {
+                "text": "Map<string, any>"
               },
-              "inheritedFrom": {
-                "name": "FoundationElement",
-                "module": "src/foundation-element/foundation-element.ts"
-              }
+              "privacy": "private",
+              "default": "new Map()"
             },
             {
               "kind": "field",
-              "name": "styles",
+              "name": "gridTransaction",
               "type": {
-                "text": "ElementStyles | void | null"
+                "text": "RowDataTransaction"
               },
-              "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"
-              }
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "sourceRef",
+              "type": {
+                "text": "string"
+              },
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "criteriaFromFilters",
+              "type": {
+                "text": "Map<string, string>"
+              },
+              "privacy": "private",
+              "default": "new Map()"
+            },
+            {
+              "kind": "field",
+              "name": "update",
+              "type": {
+                "text": "BehaviorSubject<Map<string, string>>"
+              },
+              "privacy": "private",
+              "default": "new BehaviorSubject(new Map())"
             },
             {
               "kind": "method",
-              "name": "stylesChanged",
-              "privacy": "protected",
+              "name": "deepClone",
               "return": {
                 "type": {
-                  "text": "void"
+                  "text": "Node"
                 }
               },
               "inheritedFrom": {
-                "name": "FoundationElement",
-                "module": "src/foundation-element/foundation-element.ts"
+                "name": "LifecycleMixin",
+                "module": "src/mixins/lifecycle/lifecycle.ts"
               }
             },
             {
-              "kind": "method",
-              "name": "compose",
-              "privacy": "public",
-              "static": true,
-              "return": {
-                "type": {
-                  "text": "(\n        overrideDefinition?: OverrideFoundationElementDefinition<T>\n    ) => FoundationElementRegistry<T, K>"
-                }
+              "kind": "field",
+              "name": "gridTabulator",
+              "type": {
+                "text": "GridTabulator | null"
               },
+              "privacy": "private",
+              "readonly": true
+            },
+            {
+              "kind": "method",
+              "name": "init",
+              "description": "Initializes the datasource.",
+              "privacy": "public"
+            },
+            {
+              "kind": "method",
+              "name": "destroy",
+              "description": "Destroys the datasource, resetting it to its initial state.",
+              "privacy": "public"
+            },
+            {
+              "kind": "method",
+              "name": "restart",
+              "description": "Restarts the datasource, uses `deinit` and `init` in sequence.",
+              "privacy": "public"
+            },
+            {
+              "kind": "method",
+              "name": "refreshRows",
+              "description": "Force the grid to redispatch the current rows"
+            },
+            {
+              "kind": "method",
+              "name": "handleErrors",
               "parameters": [
                 {
-                  "name": "this",
+                  "name": "errors",
                   "type": {
-                    "text": "K"
+                    "text": "string | any[]"
                   }
-                },
+                }
+              ],
+              "description": "Handles errors by emitting an error event"
+            },
+            {
+              "kind": "method",
+              "name": "getColumnDefs",
+              "privacy": "private",
+              "parameters": [
                 {
-                  "name": "elementDefinition",
+                  "name": "fieldsMetadata",
                   "type": {
-                    "text": "T"
+                    "text": "FieldMetadata[]"
                   },
-                  "description": "The definition of the element to create the registry\nfunction for."
+                  "description": "The field metadata to generate column definitions from"
                 }
               ],
-              "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"
-          }
-        },
-        {
-          "kind": "variable",
-          "name": "numberEditorStyles",
-          "default": "css`\n  :host {\n    display: block;\n    width: 100%;\n    height: 100%;\n  }\n`",
-          "description": "Styles for the number editor"
-        },
-        {
-          "kind": "function",
-          "name": "getNumberEditorTemplate",
-          "parameters": [
+              "description": "Generate column definitions from the field metadata"
+            },
             {
-              "name": "prefix",
-              "default": "'foundation'",
-              "description": "The design system prefix to use. Defaults to 'foundation'."
-            }
-          ],
-          "description": "Get a Design System prefixed number field template.",
-          "return": {
-            "type": {
-              "text": ""
-            }
-          }
-        },
-        {
-          "kind": "variable",
-          "name": "foundationNumberEditor",
-          "description": "Definition for the number editor component"
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "NumberEditor",
-          "declaration": {
-            "name": "NumberEditor",
-            "module": "src/cell-editors/number.editor.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "numberEditorStyles",
-          "declaration": {
-            "name": "numberEditorStyles",
-            "module": "src/cell-editors/number.editor.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "getNumberEditorTemplate",
-          "declaration": {
-            "name": "getNumberEditorTemplate",
-            "module": "src/cell-editors/number.editor.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "foundationNumberEditor",
-          "declaration": {
-            "name": "foundationNumberEditor",
-            "module": "src/cell-editors/number.editor.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/cell-editors/select.editor.ts",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "The select editor class for grid-tabulator",
-          "name": "SelectEditor",
-          "members": [
+              "kind": "method",
+              "name": "handleSnapshot",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "result"
+                }
+              ]
+            },
             {
-              "kind": "field",
-              "name": "params",
-              "type": {
-                "text": "SelectEditorParams"
+              "kind": "method",
+              "name": "datasourceOptions",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "DatasourceOptions"
+                }
               }
             },
             {
-              "kind": "field",
-              "name": "select",
-              "type": {
-                "text": "any"
-              }
+              "kind": "method",
+              "name": "handleStreamResult",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "result",
+                  "type": {
+                    "text": "FilteredDataServerResult | RequestServerResult"
+                  }
+                }
+              ]
             },
             {
               "kind": "method",
-              "name": "init",
+              "name": "applyRequestServerData",
+              "privacy": "private",
               "parameters": [
                 {
-                  "name": "params",
+                  "name": "requestServerResult",
                   "type": {
-                    "text": "SelectEditorParams"
+                    "text": "RequestServerResult"
                   }
                 }
-              ],
-              "description": "Initialize the editor with parameters"
+              ]
             },
             {
               "kind": "method",
-              "name": "getValue",
-              "description": "Get current value"
+              "name": "applyDataserverData",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "dataServerResult",
+                  "type": {
+                    "text": "FilteredDataServerResult"
+                  }
+                }
+              ]
             },
             {
               "kind": "method",
-              "name": "focus",
-              "description": "Set focus to the select"
+              "name": "applyTransaction",
+              "privacy": "private"
             },
             {
               "kind": "method",
-              "name": "handleKeyDown",
+              "name": "mapTransaction",
+              "privacy": "private",
               "parameters": [
                 {
-                  "name": "event",
+                  "name": "transaction",
                   "type": {
-                    "text": "KeyboardEvent"
+                    "text": "RowDataTransaction"
                   }
                 }
-              ],
-              "description": "Process key down events"
+              ]
             },
             {
               "kind": "method",
-              "name": "handleChange",
-              "description": "Handle change event"
+              "name": "handleStreamInserts",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "insertedRows",
+                  "type": {
+                    "text": "any[]"
+                  }
+                }
+              ]
             },
             {
-              "kind": "field",
-              "name": "_presentation",
-              "type": {
-                "text": "ComponentPresentation | null | undefined"
-              },
+              "kind": "method",
+              "name": "handleStreamDeletes",
               "privacy": "private",
-              "default": "void 0",
-              "inheritedFrom": {
-                "name": "FoundationElement",
-                "module": "src/foundation-element/foundation-element.ts"
-              }
+              "parameters": [
+                {
+                  "name": "deletedRows",
+                  "type": {
+                    "text": "any[]"
+                  }
+                }
+              ]
             },
             {
-              "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": "method",
+              "name": "handleStreamUpdates",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "updatedRows",
+                  "type": {
+                    "text": "any[]"
+                  }
+                }
+              ]
             },
             {
-              "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": "handleSizeChanged",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "oldSize",
+                  "type": {
+                    "text": "number"
+                  }
+                },
+                {
+                  "name": "newSize",
+                  "type": {
+                    "text": "number"
+                  }
+                }
+              ],
+              "description": "Emit event when the number of rows changes"
             },
             {
               "kind": "method",
-              "name": "templateChanged",
-              "privacy": "protected",
+              "name": "buildCriteria",
+              "privacy": "private",
               "return": {
                 "type": {
-                  "text": "void"
+                  "text": "string"
                 }
-              },
-              "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"
-              }
+              "name": "setFilter",
+              "privacy": "public",
+              "parameters": [
+                {
+                  "name": "fieldName",
+                  "type": {
+                    "text": "string"
+                  }
+                },
+                {
+                  "name": "newFilter",
+                  "type": {
+                    "text": "string"
+                  }
+                }
+              ]
             },
             {
               "kind": "method",
-              "name": "compose",
+              "name": "removeFilter",
               "privacy": "public",
-              "static": true,
-              "return": {
-                "type": {
-                  "text": "(\n        overrideDefinition?: OverrideFoundationElementDefinition<T>\n    ) => FoundationElementRegistry<T, K>"
+              "parameters": [
+                {
+                  "name": "fieldName",
+                  "type": {
+                    "text": "string"
+                  }
                 }
-              },
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "datasourceStatusChanged",
               "parameters": [
                 {
-                  "name": "this",
+                  "name": "prev",
                   "type": {
-                    "text": "K"
+                    "text": "DatasourceStatus"
                   }
                 },
                 {
-                  "name": "elementDefinition",
+                  "name": "next",
                   "type": {
-                    "text": "T"
-                  },
-                  "description": "The definition of the element to create the registry\nfunction for."
+                    "text": "DatasourceStatus"
+                  }
                 }
-              ],
-              "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"
-          }
-        },
-        {
-          "kind": "variable",
-          "name": "selectEditorStyles",
-          "default": "css`\n  :host {\n    display: block;\n    width: 100%;\n    height: 100%;\n  }\n`",
-          "description": "Styles for the select editor"
-        },
-        {
-          "kind": "function",
-          "name": "getSelectEditorTemplate",
-          "parameters": [
-            {
-              "name": "prefix",
-              "default": "'foundation'",
-              "description": "The design system prefix to use. Defaults to 'foundation'."
-            }
-          ],
-          "description": "Get a Design System prefixed Select template.",
-          "return": {
-            "type": {
-              "text": ""
-            }
-          },
-          "privacy": "public"
-        },
-        {
-          "kind": "variable",
-          "name": "foundationSelectEditor",
-          "description": "Definition for the select editor component"
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "SelectEditor",
-          "declaration": {
-            "name": "SelectEditor",
-            "module": "src/cell-editors/select.editor.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "selectEditorStyles",
-          "declaration": {
-            "name": "selectEditorStyles",
-            "module": "src/cell-editors/select.editor.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "getSelectEditorTemplate",
-          "declaration": {
-            "name": "getSelectEditorTemplate",
-            "module": "src/cell-editors/select.editor.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "foundationSelectEditor",
-          "declaration": {
-            "name": "foundationSelectEditor",
-            "module": "src/cell-editors/select.editor.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/cell-editors/string.editor.ts",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "The string editor class for grid-tabulator",
-          "name": "StringEditor",
-          "members": [
-            {
-              "kind": "field",
-              "name": "params",
-              "type": {
-                "text": "StringEditorParams"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "textField",
-              "type": {
-                "text": "any"
-              }
+              ]
             },
             {
               "kind": "method",
-              "name": "init",
+              "name": "cloneNode",
+              "return": {
+                "type": {
+                  "text": "Node"
+                }
+              },
               "parameters": [
                 {
-                  "name": "params",
+                  "name": "deep",
+                  "optional": true,
                   "type": {
-                    "text": "StringEditorParams"
+                    "text": "boolean"
                   }
                 }
               ],
-              "description": "Initialize the editor with parameters"
+              "inheritedFrom": {
+                "name": "LifecycleMixin",
+                "module": "src/mixins/lifecycle/lifecycle.ts"
+              }
             },
             {
-              "kind": "method",
-              "name": "getValue",
-              "description": "Get current value"
+              "kind": "field",
+              "name": "shouldRunDisconnect",
+              "return": {
+                "type": {
+                  "text": ""
+                }
+              },
+              "readonly": true,
+              "inheritedFrom": {
+                "name": "LifecycleMixin",
+                "module": "src/mixins/lifecycle/lifecycle.ts"
+              }
             },
             {
-              "kind": "method",
-              "name": "focus",
-              "description": "Set focus to the input"
+              "kind": "field",
+              "name": "shouldRunConnect",
+              "return": {
+                "type": {
+                  "text": ""
+                }
+              },
+              "readonly": true,
+              "inheritedFrom": {
+                "name": "LifecycleMixin",
+                "module": "src/mixins/lifecycle/lifecycle.ts"
+              }
             },
             {
               "kind": "method",
-              "name": "handleKeyDown",
+              "name": "#_blockLifecycleDueToTokenChange",
+              "return": {
+                "type": {
+                  "text": "boolean"
+                }
+              },
               "parameters": [
                 {
-                  "name": "event",
+                  "name": "lifecycleType",
                   "type": {
-                    "text": "KeyboardEvent"
+                    "text": "Lifecycletype"
                   }
                 }
               ],
-              "description": "Process key down events"
+              "inheritedFrom": {
+                "name": "LifecycleMixin",
+                "module": "src/mixins/lifecycle/lifecycle.ts"
+              }
             },
             {
               "kind": "field",
@@ -2873,586 +2685,364 @@
               }
             }
           ],
-          "superclass": {
-            "name": "FoundationElement",
-            "package": "@microsoft/fast-foundation"
-          }
-        },
-        {
-          "kind": "variable",
-          "name": "stringEditorStyles",
-          "default": "css`\n  :host {\n    display: block;\n    width: 100%;\n    height: 100%;\n  }\n`",
-          "description": "Styles for the string editor"
-        },
-        {
-          "kind": "function",
-          "name": "getStringEditorTemplate",
-          "parameters": [
+          "events": [
             {
-              "name": "prefix",
-              "default": "'foundation'",
-              "description": "The design system prefix to use. Defaults to 'foundation'."
+              "description": "Fired when a datasource error occurs. detail: `GridTabulatorErrorEventDetail`",
+              "name": "gridTabulator:error"
+            },
+            {
+              "description": "Fired when tabulator data is initialized",
+              "name": "dataInit"
+            },
+            {
+              "description": "Fired when layout size changes. detail: `GridTabulatorSizeChangedEventDetail`",
+              "name": "sizeChanged"
             }
           ],
-          "description": "Get a Design System prefixed text field template.",
-          "return": {
-            "type": {
-              "text": ""
-            }
-          }
-        },
-        {
-          "kind": "variable",
-          "name": "foundationStringEditor",
-          "description": "Definition for the string editor component"
-        }
-      ],
+          "attributes": [
+            {
+              "name": "criteria",
+              "type": {
+                "text": "string"
+              },
+              "fieldName": "criteria"
+            },
+            {
+              "name": "fields",
+              "type": {
+                "text": "string"
+              },
+              "fieldName": "fields"
+            },
+            {
+              "name": "is-snapshot",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "fieldName": "isSnapshot"
+            },
+            {
+              "name": "max-rows",
+              "type": {
+                "text": "number"
+              },
+              "fieldName": "maxRows"
+            },
+            {
+              "name": "max-view",
+              "type": {
+                "text": "number"
+              },
+              "fieldName": "maxView"
+            },
+            {
+              "name": "polling-interval",
+              "type": {
+                "text": "number"
+              },
+              "fieldName": "pollingInterval"
+            },
+            {
+              "name": "moving-view",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "fieldName": "movingView"
+            },
+            {
+              "name": "order-by",
+              "type": {
+                "text": "string"
+              },
+              "fieldName": "orderBy"
+            },
+            {
+              "name": "resource-name",
+              "type": {
+                "text": "string"
+              },
+              "fieldName": "resourceName"
+            },
+            {
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "fieldName": "reverse"
+            },
+            {
+              "name": "row-id",
+              "description": "Attribute to set an unique identifier for the row.\n\nDefaults to `ROW_REF` or `RECORD_ID` depending on the resource type.",
+              "fieldName": "rowIdAttr"
+            },
+            {
+              "name": "restart-on-reconnection",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "true",
+              "fieldName": "restartOnReconnection"
+            },
+            {
+              "name": "keep-col-defs-on-clear-row-data",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Whether to keep column definitions when clearing row data",
+              "fieldName": "keepColDefsOnClearRowData"
+            }
+          ],
+          "mixins": [
+            {
+              "name": "LifecycleMixin",
+              "package": "@genesislcap/foundation-utils"
+            },
+            {
+              "name": "DatasourceEventHandler",
+              "package": "@genesislcap/foundation-comms"
+            }
+          ],
+          "superclass": {
+            "name": "FoundationElement",
+            "package": "@microsoft/fast-foundation"
+          },
+          "tagName": "grid-tabulator-client-side-datasource",
+          "customElement": true
+        }
+      ],
       "exports": [
         {
           "kind": "js",
-          "name": "StringEditor",
+          "name": "criteriaDelimiter",
           "declaration": {
-            "name": "StringEditor",
-            "module": "src/cell-editors/string.editor.ts"
+            "name": "criteriaDelimiter",
+            "module": "src/datasource/client-side.datasource.ts"
           }
         },
         {
           "kind": "js",
-          "name": "stringEditorStyles",
+          "name": "criteriaJoin",
           "declaration": {
-            "name": "stringEditorStyles",
-            "module": "src/cell-editors/string.editor.ts"
+            "name": "criteriaJoin",
+            "module": "src/datasource/client-side.datasource.ts"
           }
         },
         {
           "kind": "js",
-          "name": "getStringEditorTemplate",
+          "name": "GridTabulatorClientSideDatasource",
           "declaration": {
-            "name": "getStringEditorTemplate",
-            "module": "src/cell-editors/string.editor.ts"
+            "name": "GridTabulatorClientSideDatasource",
+            "module": "src/datasource/client-side.datasource.ts"
           }
         },
         {
-          "kind": "js",
-          "name": "foundationStringEditor",
+          "kind": "custom-element-definition",
+          "name": "grid-tabulator-client-side-datasource",
           "declaration": {
-            "name": "foundationStringEditor",
-            "module": "src/cell-editors/string.editor.ts"
+            "name": "GridTabulatorClientSideDatasource",
+            "module": "src/datasource/client-side.datasource.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/cell-formatters/action.formatter.ts",
-      "declarations": [
-        {
-          "kind": "function",
-          "name": "actionFormatter",
-          "return": {
-            "type": {
-              "text": ""
-            }
-          },
-          "parameters": [
-            {
-              "name": "cell",
-              "type": {
-                "text": "any"
-              },
-              "description": "The cell component provided by Tabulator"
-            },
-            {
-              "name": "formatterParams",
-              "default": "{}",
-              "type": {
-                "text": "ActionFormatterParams<T>"
-              },
-              "description": "Action formatter parameters"
-            }
-          ],
-          "description": "Formatter that displays an action button in the cell.\nStyled to match grid-pro action renderer.",
-          "privacy": "public"
-        }
-      ],
+      "path": "src/datasource/index.ts",
+      "declarations": [],
       "exports": [
         {
           "kind": "js",
-          "name": "actionFormatter",
+          "name": "*",
           "declaration": {
-            "name": "actionFormatter",
-            "module": "src/cell-formatters/action.formatter.ts"
+            "name": "*",
+            "package": "./client-side.datasource"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/cell-formatters/actions-menu.formatter.ts",
+      "path": "src/external/fonts.ts",
       "declarations": [
         {
-          "kind": "function",
-          "name": "actionsMenuFormatter",
-          "return": {
-            "type": {
-              "text": ""
-            }
+          "kind": "variable",
+          "name": "tabulatorDefaultFontFace",
+          "default": "`\n  @font-face {\n    font-family: \"defaultFontFace\";\n  }\n`"
+        },
+        {
+          "kind": "variable",
+          "name": "tabulatorRapidFontFace",
+          "default": "`\n  @font-face {\n    font-family: \"rapidFontFace\";\n  }\n`"
+        },
+        {
+          "kind": "variable",
+          "name": "gridThemeFontFaceMap",
+          "type": {
+            "text": "GridThemeFontFaceMap"
           },
-          "parameters": [
-            {
-              "name": "cell",
-              "type": {
-                "text": "any"
-              },
-              "description": "The cell component provided by Tabulator"
-            },
-            {
-              "name": "formatterParams",
-              "default": "{}",
-              "type": {
-                "text": "ActionsMenuFormatterParams<T>"
-              },
-              "description": "Actions menu formatter parameters"
-            }
-          ],
-          "description": "Formatter that displays a dropdown menu of actions in the cell.\nStyled to match grid-pro actions-menu renderer.",
-          "privacy": "public"
+          "default": "{\n  [GridTabulatorTheme.default]: tabulatorDefaultFontFace,\n  [GridTabulatorTheme.rapid]: tabulatorRapidFontFace,\n}"
+        },
+        {
+          "kind": "variable",
+          "name": "defaultGridTabulatorFontFace",
+          "default": "tabulatorDefaultFontFace"
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "actionsMenuFormatter",
+          "name": "tabulatorDefaultFontFace",
           "declaration": {
-            "name": "actionsMenuFormatter",
-            "module": "src/cell-formatters/actions-menu.formatter.ts"
+            "name": "tabulatorDefaultFontFace",
+            "module": "src/external/fonts.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "tabulatorRapidFontFace",
+          "declaration": {
+            "name": "tabulatorRapidFontFace",
+            "module": "src/external/fonts.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "gridThemeFontFaceMap",
+          "declaration": {
+            "name": "gridThemeFontFaceMap",
+            "module": "src/external/fonts.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "defaultGridTabulatorFontFace",
+          "declaration": {
+            "name": "defaultGridTabulatorFontFace",
+            "module": "src/external/fonts.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/cell-formatters/boolean.formatter.ts",
+      "path": "src/external/index.ts",
       "declarations": [
         {
-          "kind": "function",
-          "name": "booleanFormatter",
-          "return": {
-            "type": {
-              "text": ""
-            }
-          },
-          "parameters": [
-            {
-              "name": "cell",
-              "type": {
-                "text": "any"
-              },
-              "description": "The cell component provided by Tabulator"
-            },
-            {
-              "name": "formatterParams",
-              "default": "{}",
-              "type": {
-                "text": "BooleanFormatterParams<T>"
-              },
-              "description": "Boolean formatter parameters"
-            }
-          ],
-          "description": "Formatter that displays boolean values using a checkbox component.\nStyled to match grid-pro boolean renderer.",
+          "kind": "variable",
+          "name": "tabulatorExternalStockStyles",
+          "default": "css`\n  ${tabulatorThemeSimpleCSS}\n`",
+          "description": "External styles for the Tabulator grid.",
           "privacy": "public"
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "booleanFormatter",
+          "name": "tabulatorExternalStockStyles",
           "declaration": {
-            "name": "booleanFormatter",
-            "module": "src/cell-formatters/boolean.formatter.ts"
+            "name": "tabulatorExternalStockStyles",
+            "module": "src/external/index.ts"
           }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/cell-formatters/constants.ts",
-      "declarations": [],
-      "exports": []
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/cell-formatters/editable.formatter.ts",
-      "declarations": [
-        {
-          "kind": "function",
-          "name": "editableFormatter",
-          "return": {
-            "type": {
-              "text": ""
-            }
-          },
-          "parameters": [
-            {
-              "name": "cell",
-              "type": {
-                "text": "any"
-              },
-              "description": "The cell component provided by Tabulator"
-            },
-            {
-              "name": "formatterParams",
-              "default": "{}",
-              "type": {
-                "text": "EditableFormatterParams<T>"
-              },
-              "description": "Editable formatter parameters"
-            }
-          ],
-          "description": "Formatter that displays an editable cell with validation state",
-          "privacy": "public"
-        }
-      ],
-      "exports": [
+        },
         {
           "kind": "js",
-          "name": "editableFormatter",
+          "name": "tabulatorThemeSimpleCSS",
           "declaration": {
-            "name": "editableFormatter",
-            "module": "src/cell-formatters/editable.formatter.ts"
+            "name": "tabulatorThemeSimpleCSS",
+            "module": "src/external/index.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/cell-formatters/index.ts",
+      "path": "src/external/tabulator-theme-simple-css.ts",
       "declarations": [
         {
           "kind": "variable",
-          "name": "formatters",
-          "type": {
-            "text": "object"
-          },
-          "default": "{\n  action: actionFormatter,\n  actionsMenu: actionsMenuFormatter,\n  boolean: booleanFormatter,\n  editable: editableFormatter,\n  select: selectFormatter,\n  text: textFormatter,\n}",
-          "description": "Zero formatters for Tabulator grid"
+          "name": "tabulatorThemeSimpleCSS",
+          "default": "css`\n  .tabulator {\n    position: relative;\n    border: 1px solid #999;\n    background-color: #fff;\n    font-size: 14px;\n    text-align: left;\n    overflow: hidden;\n    -webkit-transform: translateZ(0);\n    -moz-transform: translateZ(0);\n    -ms-transform: translateZ(0);\n    -o-transform: translateZ(0);\n    transform: translateZ(0);\n  }\n\n  .tabulator[tabulator-layout='fitDataFill'] .tabulator-tableholder .tabulator-table {\n    min-width: 100%;\n  }\n\n  .tabulator[tabulator-layout='fitDataTable'] {\n    display: inline-block;\n  }\n\n  .tabulator.tabulator-block-select {\n    user-select: none;\n  }\n\n  .tabulator .tabulator-header {\n    position: relative;\n    box-sizing: border-box;\n    width: 100%;\n    border-bottom: 1px solid #999;\n    background-color: #fff;\n    color: #555;\n    font-weight: bold;\n    white-space: nowrap;\n    overflow: hidden;\n    -moz-user-select: none;\n    -khtml-user-select: none;\n    -webkit-user-select: none;\n    -o-user-select: none;\n  }\n\n  .tabulator .tabulator-header.tabulator-header-hidden {\n    display: none;\n  }\n\n  .tabulator .tabulator-header .tabulator-header-contents {\n    position: relative;\n    overflow: hidden;\n  }\n\n  .tabulator .tabulator-header .tabulator-header-contents .tabulator-headers {\n    display: inline-block;\n  }\n\n  .tabulator .tabulator-header .tabulator-col {\n    display: inline-flex;\n    position: relative;\n    box-sizing: border-box;\n    flex-direction: column;\n    justify-content: flex-start;\n    border-right: 1px solid #ddd;\n    background: #fff;\n    text-align: left;\n    vertical-align: bottom;\n    overflow: hidden;\n  }\n\n  .tabulator .tabulator-header .tabulator-col.tabulator-moving {\n    position: absolute;\n    border: 1px solid #999;\n    background: #e6e6e6;\n    pointer-events: none;\n  }\n\n  .tabulator .tabulator-header .tabulator-col .tabulator-col-content {\n    box-sizing: border-box;\n    position: relative;\n    padding: 4px;\n  }\n\n  .tabulator\n    .tabulator-header\n    .tabulator-col\n    .tabulator-col-content\n    .tabulator-header-popup-button {\n    padding: 0 8px;\n  }\n\n  .tabulator\n    .tabulator-header\n    .tabulator-col\n    .tabulator-col-content\n    .tabulator-header-popup-button:hover {\n    cursor: pointer;\n    opacity: 0.6;\n  }\n\n  .tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-col-title-holder {\n    position: relative;\n  }\n\n  .tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-col-title {\n    box-sizing: border-box;\n    width: 100%;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    vertical-align: bottom;\n  }\n\n  .tabulator\n    .tabulator-header\n    .tabulator-col\n    .tabulator-col-content\n    .tabulator-col-title.tabulator-col-title-wrap {\n    white-space: normal;\n    text-overflow: initial;\n  }\n\n  .tabulator\n    .tabulator-header\n    .tabulator-col\n    .tabulator-col-content\n    .tabulator-col-title\n    .tabulator-title-editor {\n    box-sizing: border-box;\n    width: 100%;\n    border: 1px solid #999;\n    padding: 1px;\n    background: #fff;\n  }\n\n  .tabulator\n    .tabulator-header\n    .tabulator-col\n    .tabulator-col-content\n    .tabulator-col-title\n    .tabulator-header-popup-button\n    + .tabulator-title-editor {\n    width: calc(100% - 22px);\n  }\n\n  .tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-col-sorter {\n    display: flex;\n    align-items: center;\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    right: 4px;\n  }\n\n  .tabulator\n    .tabulator-header\n    .tabulator-col\n    .tabulator-col-content\n    .tabulator-col-sorter\n    .tabulator-arrow {\n    width: 0;\n    height: 0;\n    border-left: 6px solid transparent;\n    border-right: 6px solid transparent;\n    border-bottom: 6px solid #bbb;\n  }\n\n  .tabulator .tabulator-header .tabulator-col.tabulator-col-group .tabulator-col-group-cols {\n    position: relative;\n    display: flex;\n    border-top: 1px solid #ddd;\n    overflow: hidden;\n    margin-right: -1px;\n  }\n\n  .tabulator .tabulator-header .tabulator-col .tabulator-header-filter {\n    position: relative;\n    box-sizing: border-box;\n    margin-top: 2px;\n    width: 100%;\n    text-align: center;\n  }\n\n  .tabulator .tabulator-header .tabulator-col .tabulator-header-filter textarea {\n    height: auto !important;\n  }\n\n  .tabulator .tabulator-header .tabulator-col .tabulator-header-filter svg {\n    margin-top: 3px;\n  }\n\n  .tabulator .tabulator-header .tabulator-col .tabulator-header-filter input::-ms-clear {\n    width: 0;\n    height: 0;\n  }\n\n  .tabulator .tabulator-header .tabulator-col.tabulator-sortable .tabulator-col-title {\n    padding-right: 25px;\n  }\n\n  @media (hover: hover) and (pointer: fine) {\n    .tabulator\n      .tabulator-header\n      .tabulator-col.tabulator-sortable.tabulator-col-sorter-element:hover {\n      cursor: pointer;\n      background-color: #e6e6e6;\n    }\n  }\n\n  .tabulator\n    .tabulator-header\n    .tabulator-col.tabulator-sortable[aria-sort='none']\n    .tabulator-col-content\n    .tabulator-col-sorter {\n    color: #bbb;\n  }\n\n  @media (hover: hover) and (pointer: fine) {\n    .tabulator\n      .tabulator-header\n      .tabulator-col.tabulator-sortable[aria-sort='none']\n      .tabulator-col-content\n      .tabulator-col-sorter.tabulator-col-sorter-element\n      .tabulator-arrow:hover {\n      cursor: pointer;\n      border-bottom: 6px solid #555;\n    }\n  }\n\n  .tabulator\n    .tabulator-header\n    .tabulator-col.tabulator-sortable[aria-sort='none']\n    .tabulator-col-content\n    .tabulator-col-sorter\n    .tabulator-arrow {\n    border-top: none;\n    border-bottom: 6px solid #bbb;\n  }\n\n  .tabulator\n    .tabulator-header\n    .tabulator-col.tabulator-sortable[aria-sort='ascending']\n    .tabulator-col-content\n    .tabulator-col-sorter {\n    color: #666;\n  }\n\n  @media (hover: hover) and (pointer: fine) {\n    .tabulator\n      .tabulator-header\n      .tabulator-col.tabulator-sortable[aria-sort='ascending']\n      .tabulator-col-content\n      .tabulator-col-sorter.tabulator-col-sorter-element\n      .tabulator-arrow:hover {\n      cursor: pointer;\n      border-bottom: 6px solid #555;\n    }\n  }\n\n  .tabulator\n    .tabulator-header\n    .tabulator-col.tabulator-sortable[aria-sort='ascending']\n    .tabulator-col-content\n    .tabulator-col-sorter\n    .tabulator-arrow {\n    border-top: none;\n    border-bottom: 6px solid #666;\n  }\n\n  .tabulator\n    .tabulator-header\n    .tabulator-col.tabulator-sortable[aria-sort='descending']\n    .tabulator-col-content\n    .tabulator-col-sorter {\n    color: #666;\n  }\n\n  @media (hover: hover) and (pointer: fine) {\n    .tabulator\n      .tabulator-header\n      .tabulator-col.tabulator-sortable[aria-sort='descending']\n      .tabulator-col-content\n      .tabulator-col-sorter.tabulator-col-sorter-element\n      .tabulator-arrow:hover {\n      cursor: pointer;\n      border-top: 6px solid #555;\n    }\n  }\n\n  .tabulator\n    .tabulator-header\n    .tabulator-col.tabulator-sortable[aria-sort='descending']\n    .tabulator-col-content\n    .tabulator-col-sorter\n    .tabulator-arrow {\n    border-bottom: none;\n    border-top: 6px solid #666;\n    color: #666;\n  }\n\n  .tabulator\n    .tabulator-header\n    .tabulator-col.tabulator-col-vertical\n    .tabulator-col-content\n    .tabulator-col-title {\n    writing-mode: vertical-rl;\n    text-orientation: mixed;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n\n  .tabulator\n    .tabulator-header\n    .tabulator-col.tabulator-col-vertical.tabulator-col-vertical-flip\n    .tabulator-col-title {\n    transform: rotate(180deg);\n  }\n\n  .tabulator\n    .tabulator-header\n    .tabulator-col.tabulator-col-vertical.tabulator-sortable\n    .tabulator-col-title {\n    padding-right: 0;\n    padding-top: 20px;\n  }\n\n  .tabulator\n    .tabulator-header\n    .tabulator-col.tabulator-col-vertical.tabulator-sortable.tabulator-col-vertical-flip\n    .tabulator-col-title {\n    padding-right: 0;\n    padding-bottom: 20px;\n  }\n\n  .tabulator\n    .tabulator-header\n    .tabulator-col.tabulator-col-vertical.tabulator-sortable\n    .tabulator-col-sorter {\n    justify-content: center;\n    left: 0;\n    right: 0;\n    top: 4px;\n    bottom: auto;\n  }\n\n  .tabulator .tabulator-header .tabulator-frozen {\n    position: sticky;\n    left: 0;\n    z-index: 11;\n  }\n\n  .tabulator .tabulator-header .tabulator-frozen.tabulator-frozen-left {\n    border-right: 2px solid #ddd;\n  }\n\n  .tabulator .tabulator-header .tabulator-frozen.tabulator-frozen-right {\n    border-left: 2px solid #ddd;\n  }\n\n  .tabulator .tabulator-header .tabulator-calcs-holder {\n    box-sizing: border-box;\n    background: white !important;\n    border-top: 1px solid #ddd;\n    border-bottom: 1px solid #ddd;\n  }\n\n  .tabulator .tabulator-header .tabulator-calcs-holder .tabulator-row {\n    background: white !important;\n  }\n\n  .tabulator .tabulator-header .tabulator-calcs-holder .tabulator-row .tabulator-col-resize-handle {\n    display: none;\n  }\n\n  .tabulator .tabulator-header .tabulator-frozen-rows-holder:empty {\n    display: none;\n  }\n\n  .tabulator .tabulator-tableholder {\n    position: relative;\n    width: 100%;\n    white-space: nowrap;\n    overflow: auto;\n    -webkit-overflow-scrolling: touch;\n  }\n\n  .tabulator .tabulator-tableholder:focus {\n    outline: none;\n  }\n\n  .tabulator .tabulator-tableholder .tabulator-placeholder {\n    box-sizing: border-box;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 100%;\n  }\n\n  .tabulator .tabulator-tableholder .tabulator-placeholder[tabulator-render-mode='virtual'] {\n    min-height: 100%;\n    min-width: 100%;\n  }\n\n  .tabulator .tabulator-tableholder .tabulator-placeholder .tabulator-placeholder-contents {\n    display: inline-block;\n    text-align: center;\n    padding: 10px;\n    color: #ccc;\n    font-weight: bold;\n    font-size: 20px;\n    white-space: normal;\n  }\n\n  .tabulator .tabulator-tableholder .tabulator-table {\n    position: relative;\n    display: inline-block;\n    white-space: nowrap;\n    overflow: visible;\n    color: #333;\n  }\n\n  .tabulator .tabulator-tableholder .tabulator-table .tabulator-row.tabulator-calcs {\n    font-weight: bold;\n    background: #f2f2f2;\n  }\n\n  .tabulator\n    .tabulator-tableholder\n    .tabulator-table\n    .tabulator-row.tabulator-calcs.tabulator-calcs-top {\n    border-bottom: 2px solid #ddd;\n  }\n\n  .tabulator\n    .tabulator-tableholder\n    .tabulator-table\n    .tabulator-row.tabulator-calcs.tabulator-calcs-bottom {\n    border-top: 2px solid #ddd;\n  }\n\n  .tabulator .tabulator-footer {\n    border-top: 1px solid #999;\n    background-color: #fff;\n    color: #555;\n    font-weight: bold;\n    white-space: nowrap;\n    user-select: none;\n    -moz-user-select: none;\n    -khtml-user-select: none;\n    -webkit-user-select: none;\n    -o-user-select: none;\n  }\n\n  .tabulator .tabulator-footer .tabulator-footer-contents {\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    justify-content: space-between;\n    padding: 5px 10px;\n  }\n\n  .tabulator .tabulator-footer .tabulator-footer-contents:empty {\n    display: none;\n  }\n\n  .tabulator .tabulator-footer .tabulator-calcs-holder {\n    box-sizing: border-box;\n    width: 100%;\n    text-align: left;\n    background: white !important;\n    border-bottom: 1px solid #ddd;\n    border-top: 1px solid #ddd;\n    overflow: hidden;\n  }\n\n  .tabulator .tabulator-footer .tabulator-calcs-holder .tabulator-row {\n    display: inline-block;\n    background: white !important;\n  }\n\n  .tabulator .tabulator-footer .tabulator-calcs-holder .tabulator-row .tabulator-col-resize-handle {\n    display: none;\n  }\n\n  .tabulator .tabulator-footer .tabulator-calcs-holder:only-child {\n    margin-bottom: -5px;\n    border-bottom: none;\n  }\n\n  .tabulator .tabulator-footer > * + .tabulator-page-counter {\n    margin-left: 10px;\n  }\n\n  .tabulator .tabulator-footer .tabulator-page-counter {\n    font-weight: normal;\n  }\n\n  .tabulator .tabulator-footer .tabulator-paginator {\n    flex: 1;\n    text-align: right;\n    color: #555;\n    font-family: inherit;\n    font-weight: inherit;\n    font-size: inherit;\n  }\n\n  .tabulator .tabulator-footer .tabulator-page-size {\n    display: inline-block;\n    margin: 0 5px;\n    padding: 2px 5px;\n    border: 1px solid #aaa;\n    border-radius: 3px;\n  }\n\n  .tabulator .tabulator-footer .tabulator-pages {\n    margin: 0 7px;\n  }\n\n  .tabulator .tabulator-footer .tabulator-page {\n    display: inline-block;\n    margin: 0 2px;\n    padding: 2px 5px;\n    border: 1px solid #aaa;\n    border-radius: 3px;\n    background: rgba(255, 255, 255, 0.2);\n  }\n\n  .tabulator .tabulator-footer .tabulator-page.active {\n    color: #d00;\n  }\n\n  .tabulator .tabulator-footer .tabulator-page:disabled {\n    opacity: 0.5;\n  }\n\n  @media (hover: hover) and (pointer: fine) {\n    .tabulator .tabulator-footer .tabulator-page:not(.disabled):hover {\n      cursor: pointer;\n      background: rgba(0, 0, 0, 0.2);\n      color: #fff;\n    }\n  }\n\n  .tabulator .tabulator-col-resize-handle {\n    position: relative;\n    display: inline-block;\n    width: 6px;\n    margin-left: -3px;\n    margin-right: -3px;\n    z-index: 10;\n    vertical-align: middle;\n  }\n\n  @media (hover: hover) and (pointer: fine) {\n    .tabulator .tabulator-col-resize-handle:hover {\n      cursor: ew-resize;\n    }\n  }\n\n  .tabulator .tabulator-col-resize-handle:last-of-type {\n    width: 3px;\n    margin-right: 0;\n  }\n\n  .tabulator .tabulator-alert {\n    position: absolute;\n    display: flex;\n    align-items: center;\n    top: 0;\n    left: 0;\n    z-index: 100;\n    height: 100%;\n    width: 100%;\n    background: rgba(0, 0, 0, 0.4);\n    text-align: center;\n  }\n\n  .tabulator .tabulator-alert .tabulator-alert-msg {\n    display: inline-block;\n    margin: 0 auto;\n    padding: 10px 20px;\n    border-radius: 10px;\n    background: #fff;\n    font-weight: bold;\n    font-size: 16px;\n  }\n\n  .tabulator .tabulator-alert .tabulator-alert-msg.tabulator-alert-state-msg {\n    border: 4px solid #333;\n    color: #000;\n  }\n\n  .tabulator .tabulator-alert .tabulator-alert-msg.tabulator-alert-state-error {\n    border: 4px solid #d00;\n    color: #590000;\n  }\n\n  .tabulator-row {\n    position: relative;\n    box-sizing: border-box;\n    min-height: 22px;\n    background-color: #fff;\n  }\n\n  .tabulator-row.tabulator-row-even {\n    background-color: #fff;\n  }\n\n  @media (hover: hover) and (pointer: fine) {\n    .tabulator-row.tabulator-selectable:hover {\n      background-color: #bbb;\n      cursor: pointer;\n    }\n  }\n\n  .tabulator-row.tabulator-selected {\n    background-color: #9abcea;\n  }\n\n  @media (hover: hover) and (pointer: fine) {\n    .tabulator-row.tabulator-selected:hover {\n      background-color: #769bcc;\n      cursor: pointer;\n    }\n  }\n\n  .tabulator-row.tabulator-row-moving {\n    border: 1px solid #000;\n    background: #fff;\n  }\n\n  .tabulator-row.tabulator-moving {\n    position: absolute;\n    border-top: 1px solid #ddd;\n    border-bottom: 1px solid #ddd;\n    pointer-events: none;\n    z-index: 15;\n  }\n\n  .tabulator-row .tabulator-row-resize-handle {\n    position: absolute;\n    right: 0;\n    bottom: 0;\n    left: 0;\n    height: 5px;\n  }\n\n  .tabulator-row .tabulator-row-resize-handle.prev {\n    top: 0;\n    bottom: auto;\n  }\n\n  @media (hover: hover) and (pointer: fine) {\n    .tabulator-row .tabulator-row-resize-handle:hover {\n      cursor: ns-resize;\n    }\n  }\n\n  .tabulator-row .tabulator-responsive-collapse {\n    box-sizing: border-box;\n    padding: 5px;\n    border-top: 1px solid #ddd;\n    border-bottom: 1px solid #ddd;\n  }\n\n  .tabulator-row .tabulator-responsive-collapse:empty {\n    display: none;\n  }\n\n  .tabulator-row .tabulator-responsive-collapse table {\n    font-size: 14px;\n  }\n\n  .tabulator-row .tabulator-responsive-collapse table tr td {\n    position: relative;\n  }\n\n  .tabulator-row .tabulator-responsive-collapse table tr td:first-of-type {\n    padding-right: 10px;\n  }\n\n  .tabulator-row .tabulator-cell {\n    display: inline-flex;\n    position: unset;\n    box-sizing: border-box;\n    padding: 4px 8px;\n    border-right: 1px solid #ddd;\n    vertical-align: middle;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n  }\n\n  .tabulator-row .tabulator-cell.tabulator-frozen {\n    display: inline-flex;\n    position: sticky;\n    left: 0;\n    background-color: inherit;\n    z-index: 11;\n  }\n\n  .tabulator-row .tabulator-cell.tabulator-frozen.tabulator-frozen-left {\n    border-right: 2px solid #ddd;\n  }\n\n  .tabulator-row .tabulator-cell.tabulator-frozen.tabulator-frozen-right {\n    border-left: 2px solid #ddd;\n  }\n\n  .tabulator-row .tabulator-cell.tabulator-editing {\n    border: 1px solid #1d68cd;\n    outline: none;\n    padding: 0;\n  }\n\n  .tabulator-row .tabulator-cell.tabulator-editing input,\n  .tabulator-row .tabulator-cell.tabulator-editing select {\n    border: 1px;\n    background: transparent;\n    outline: none;\n  }\n\n  .tabulator-row .tabulator-cell.tabulator-validation-fail {\n    border: 1px solid #dd0000;\n  }\n\n  .tabulator-row .tabulator-cell.tabulator-validation-fail input,\n  .tabulator-row .tabulator-cell.tabulator-validation-fail select {\n    border: 1px;\n    background: transparent;\n    color: #dd0000;\n  }\n\n  .tabulator-row .tabulator-cell.tabulator-row-handle {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    -moz-user-select: none;\n    -khtml-user-select: none;\n    -webkit-user-select: none;\n    -o-user-select: none;\n  }\n\n  .tabulator-row .tabulator-cell.tabulator-row-handle .tabulator-row-handle-box {\n    width: 80%;\n  }\n\n  .tabulator-row\n    .tabulator-cell.tabulator-row-handle\n    .tabulator-row-handle-box\n    .tabulator-row-handle-bar {\n    width: 100%;\n    height: 3px;\n    margin-top: 2px;\n    background: #666;\n  }\n\n  .tabulator-row .tabulator-cell .tabulator-data-tree-branch-empty {\n    display: inline-block;\n    width: 7px;\n  }\n\n  .tabulator-row .tabulator-cell .tabulator-data-tree-branch {\n    display: inline-block;\n    vertical-align: middle;\n    height: 9px;\n    width: 7px;\n    margin-top: -9px;\n    margin-right: 5px;\n    border-bottom-left-radius: 1px;\n    border-left: 2px solid #ddd;\n    border-bottom: 2px solid #ddd;\n  }\n\n  .tabulator-row .tabulator-cell .tabulator-data-tree-control {\n    display: inline-flex;\n    justify-content: center;\n    align-items: center;\n    vertical-align: middle;\n    height: 11px;\n    width: 11px;\n    margin-right: 5px;\n    border: 1px solid #333;\n    border-radius: 2px;\n    background: rgba(0, 0, 0, 0.1);\n    overflow: hidden;\n  }\n\n  @media (hover: hover) and (pointer: fine) {\n    .tabulator-row .tabulator-cell .tabulator-data-tree-control:hover {\n      cursor: pointer;\n      background: rgba(0, 0, 0, 0.2);\n    }\n  }\n\n  .tabulator-row\n    .tabulator-cell\n    .tabulator-data-tree-control\n    .tabulator-data-tree-control-collapse {\n    display: inline-block;\n    position: relative;\n    height: 7px;\n    width: 1px;\n    background: transparent;\n  }\n\n  .tabulator-row\n    .tabulator-cell\n    .tabulator-data-tree-control\n    .tabulator-data-tree-control-collapse:after {\n    position: absolute;\n    content: '';\n    left: -3px;\n    top: 3px;\n    height: 1px;\n    width: 7px;\n    background: #333;\n  }\n\n  .tabulator-row .tabulator-cell .tabulator-data-tree-control .tabulator-data-tree-control-expand {\n    display: inline-block;\n    position: relative;\n    height: 7px;\n    width: 1px;\n    background: #333;\n  }\n\n  .tabulator-row\n    .tabulator-cell\n    .tabulator-data-tree-control\n    .tabulator-data-tree-control-expand:after {\n    position: absolute;\n    content: '';\n    left: -3px;\n    top: 3px;\n    height: 1px;\n    width: 7px;\n    background: #333;\n  }\n\n  .tabulator-row .tabulator-cell .tabulator-responsive-collapse-toggle {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    -moz-user-select: none;\n    -khtml-user-select: none;\n    -webkit-user-select: none;\n    -o-user-select: none;\n    height: 15px;\n    width: 15px;\n    border-radius: 20px;\n    background: #666;\n    color: #fff;\n    font-weight: bold;\n    font-size: 1.1em;\n  }\n\n  @media (hover: hover) and (pointer: fine) {\n    .tabulator-row .tabulator-cell .tabulator-responsive-collapse-toggle:hover {\n      opacity: 0.7;\n      cursor: pointer;\n    }\n  }\n\n  .tabulator-row\n    .tabulator-cell\n    .tabulator-responsive-collapse-toggle.open\n    .tabulator-responsive-collapse-toggle-close {\n    display: initial;\n  }\n\n  .tabulator-row\n    .tabulator-cell\n    .tabulator-responsive-collapse-toggle.open\n    .tabulator-responsive-collapse-toggle-open {\n    display: none;\n  }\n\n  .tabulator-row .tabulator-cell .tabulator-responsive-collapse-toggle svg {\n    stroke: #fff;\n  }\n\n  .tabulator-row\n    .tabulator-cell\n    .tabulator-responsive-collapse-toggle\n    .tabulator-responsive-collapse-toggle-close {\n    display: none;\n  }\n\n  .tabulator-row .tabulator-cell .tabulator-traffic-light {\n    display: inline-block;\n    height: 14px;\n    width: 14px;\n    border-radius: 14px;\n  }\n\n  .tabulator-row.tabulator-group {\n    box-sizing: border-box;\n    border-bottom: 1px solid #999;\n    border-right: 1px solid #ddd;\n    border-top: 1px solid #999;\n    padding: 5px;\n    padding-left: 10px;\n    background: #ccc;\n    font-weight: bold;\n    min-width: 100%;\n  }\n\n  @media (hover: hover) and (pointer: fine) {\n    .tabulator-row.tabulator-group:hover {\n      cursor: pointer;\n      background-color: rgba(0, 0, 0, 0.1);\n    }\n  }\n\n  .tabulator-row.tabulator-group.tabulator-group-visible .tabulator-arrow {\n    margin-right: 10px;\n    border-left: 6px solid transparent;\n    border-right: 6px solid transparent;\n    border-top: 6px solid #666;\n    border-bottom: 0;\n  }\n\n  .tabulator-row.tabulator-group.tabulator-group-level-1 {\n    padding-left: 30px;\n  }\n\n  .tabulator-row.tabulator-group.tabulator-group-level-2 {\n    padding-left: 50px;\n  }\n\n  .tabulator-row.tabulator-group.tabulator-group-level-3 {\n    padding-left: 70px;\n  }\n\n  .tabulator-row.tabulator-group.tabulator-group-level-4 {\n    padding-left: 90px;\n  }\n\n  .tabulator-row.tabulator-group.tabulator-group-level-5 {\n    padding-left: 110px;\n  }\n\n  .tabulator-row.tabulator-group .tabulator-group-toggle {\n    display: inline-block;\n  }\n\n  .tabulator-row.tabulator-group .tabulator-arrow {\n    display: inline-block;\n    width: 0;\n    height: 0;\n    margin-right: 16px;\n    border-top: 6px solid transparent;\n    border-bottom: 6px solid transparent;\n    border-right: 0;\n    border-left: 6px solid #666;\n    vertical-align: middle;\n  }\n\n  .tabulator-row.tabulator-group span {\n    margin-left: 10px;\n    color: #d00;\n  }\n\n  .tabulator-popup-container {\n    position: absolute;\n    display: inline-block;\n    box-sizing: border-box;\n    background: #fff;\n    border: 1px solid #ddd;\n    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);\n    font-size: 14px;\n    overflow-y: auto;\n    -webkit-overflow-scrolling: touch;\n    z-index: 10000;\n  }\n\n  .tabulator-popup {\n    padding: 5px;\n    border-radius: 3px;\n  }\n\n  .tabulator-tooltip {\n    max-width: Min(500px, 100%);\n    padding: 3px 5px;\n    border-radius: 2px;\n    box-shadow: none;\n    font-size: 12px;\n    pointer-events: none;\n  }\n\n  .tabulator-menu .tabulator-menu-item {\n    position: relative;\n    box-sizing: border-box;\n    padding: 5px 10px;\n    user-select: none;\n  }\n\n  .tabulator-menu .tabulator-menu-item.tabulator-menu-item-disabled {\n    opacity: 0.5;\n  }\n\n  @media (hover: hover) and (pointer: fine) {\n    .tabulator-menu .tabulator-menu-item:not(.tabulator-menu-item-disabled):hover {\n      cursor: pointer;\n      background: #fff;\n    }\n  }\n\n  .tabulator-menu .tabulator-menu-item.tabulator-menu-item-submenu {\n    padding-right: 25px;\n  }\n\n  .tabulator-menu .tabulator-menu-item.tabulator-menu-item-submenu::after {\n    display: inline-block;\n    position: absolute;\n    top: calc(5px + 0.4em);\n    right: 10px;\n    height: 7px;\n    width: 7px;\n    content: '';\n    border-width: 1px 1px 0 0;\n    border-style: solid;\n    border-color: #ddd;\n    vertical-align: top;\n    transform: rotate(45deg);\n  }\n\n  .tabulator-menu .tabulator-menu-separator {\n    border-top: 1px solid #ddd;\n  }\n\n  .tabulator-edit-list {\n    max-height: 200px;\n    font-size: 14px;\n    overflow-y: auto;\n    -webkit-overflow-scrolling: touch;\n  }\n\n  .tabulator-edit-list .tabulator-edit-list-item {\n    padding: 4px;\n    color: #333;\n    outline: none;\n  }\n\n  .tabulator-edit-list .tabulator-edit-list-item.active {\n    color: #fff;\n    background: #1d68cd;\n  }\n\n  .tabulator-edit-list .tabulator-edit-list-item.active.focused {\n    outline: 1px solid rgba(255, 255, 255, 0.5);\n  }\n\n  .tabulator-edit-list .tabulator-edit-list-item.focused {\n    outline: 1px solid #1d68cd;\n  }\n\n  @media (hover: hover) and (pointer: fine) {\n    .tabulator-edit-list .tabulator-edit-list-item:hover {\n      cursor: pointer;\n      color: #fff;\n      background: #1d68cd;\n    }\n  }\n\n  .tabulator-edit-list .tabulator-edit-list-placeholder {\n    padding: 4px;\n    color: #333;\n    text-align: center;\n  }\n\n  .tabulator-edit-list .tabulator-edit-list-group {\n    border-bottom: 1px solid #ddd;\n    padding: 4px;\n    padding-top: 6px;\n    color: #333;\n    font-weight: bold;\n  }\n\n  .tabulator-edit-list .tabulator-edit-list-item.tabulator-edit-list-group-level-2,\n  .tabulator-edit-list .tabulator-edit-list-group.tabulator-edit-list-group-level-2 {\n    padding-left: 12px;\n  }\n\n  .tabulator-edit-list .tabulator-edit-list-item.tabulator-edit-list-group-level-3,\n  .tabulator-edit-list .tabulator-edit-list-group.tabulator-edit-list-group-level-3 {\n    padding-left: 20px;\n  }\n\n  .tabulator-edit-list .tabulator-edit-list-item.tabulator-edit-list-group-level-4,\n  .tabulator-edit-list .tabulator-edit-list-group.tabulator-edit-list-group-level-4 {\n    padding-left: 28px;\n  }\n\n  .tabulator-edit-list .tabulator-edit-list-item.tabulator-edit-list-group-level-5,\n  .tabulator-edit-list .tabulator-edit-list-group.tabulator-edit-list-group-level-5 {\n    padding-left: 36px;\n  }\n\n  .tabulator.tabulator-ltr {\n    direction: ltr;\n  }\n\n  .tabulator.tabulator-rtl {\n    text-align: initial;\n    direction: rtl;\n  }\n\n  .tabulator.tabulator-rtl .tabulator-header .tabulator-col {\n    text-align: initial;\n    border-left: 1px solid #ddd;\n    border-right: initial;\n  }\n\n  .tabulator.tabulator-rtl\n    .tabulator-header\n    .tabulator-col.tabulator-col-group\n    .tabulator-col-group-cols {\n    margin-right: initial;\n    margin-left: -1px;\n  }\n\n  .tabulator.tabulator-rtl\n    .tabulator-header\n    .tabulator-col.tabulator-sortable\n    .tabulator-col-title {\n    padding-right: 0;\n    padding-left: 25px;\n  }\n\n  .tabulator.tabulator-rtl\n    .tabulator-header\n    .tabulator-col\n    .tabulator-col-content\n    .tabulator-col-sorter {\n    left: 8px;\n    right: initial;\n  }\n\n  .tabulator.tabulator-rtl .tabulator-row .tabulator-cell {\n    border-right: initial;\n    border-left: 1px solid #ddd;\n  }\n\n  .tabulator.tabulator-rtl .tabulator-row .tabulator-cell .tabulator-data-tree-branch {\n    margin-right: initial;\n    margin-left: 5px;\n    border-bottom-left-radius: initial;\n    border-bottom-right-radius: 1px;\n    border-left: initial;\n    border-right: 2px solid #ddd;\n  }\n\n  .tabulator.tabulator-rtl .tabulator-row .tabulator-cell .tabulator-data-tree-control {\n    margin-right: initial;\n    margin-left: 5px;\n  }\n\n  .tabulator.tabulator-rtl .tabulator-row .tabulator-cell.tabulator-frozen.tabulator-frozen-left {\n    border-left: 2px solid #ddd;\n  }\n\n  .tabulator.tabulator-rtl .tabulator-row .tabulator-cell.tabulator-frozen.tabulator-frozen-right {\n    border-right: 2px solid #ddd;\n  }\n\n  .tabulator.tabulator-rtl .tabulator-row .tabulator-col-resize-handle:last-of-type {\n    width: 3px;\n    margin-left: 0;\n    margin-right: -3px;\n  }\n\n  .tabulator.tabulator-rtl .tabulator-footer .tabulator-calcs-holder {\n    text-align: initial;\n  }\n\n  .tabulator-print-fullscreen {\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    left: 0;\n    right: 0;\n    z-index: 10000;\n  }\n\n  body.tabulator-print-fullscreen-hide > *:not(.tabulator-print-fullscreen) {\n    display: none !important;\n  }\n\n  .tabulator-print-table {\n    border-collapse: collapse;\n  }\n\n  .tabulator-print-table .tabulator-data-tree-branch {\n    display: inline-block;\n    vertical-align: middle;\n    height: 9px;\n    width: 7px;\n    margin-top: -9px;\n    margin-right: 5px;\n    border-bottom-left-radius: 1px;\n    border-left: 2px solid #ddd;\n    border-bottom: 2px solid #ddd;\n  }\n\n  .tabulator-print-table .tabulator-print-table-group {\n    box-sizing: border-box;\n    border-bottom: 1px solid #999;\n    border-right: 1px solid #ddd;\n    border-top: 1px solid #999;\n    padding: 5px;\n    padding-left: 10px;\n    background: #ccc;\n    font-weight: bold;\n    min-width: 100%;\n  }\n\n  @media (hover: hover) and (pointer: fine) {\n    .tabulator-print-table .tabulator-print-table-group:hover {\n      cursor: pointer;\n      background-color: rgba(0, 0, 0, 0.1);\n    }\n  }\n\n  .tabulator-print-table .tabulator-print-table-group.tabulator-group-visible .tabulator-arrow {\n    margin-right: 10px;\n    border-left: 6px solid transparent;\n    border-right: 6px solid transparent;\n    border-top: 6px solid #666;\n    border-bottom: 0;\n  }\n\n  .tabulator-print-table .tabulator-print-table-group.tabulator-group-level-1 td {\n    padding-left: 30px !important;\n  }\n\n  .tabulator-print-table .tabulator-print-table-group.tabulator-group-level-2 td {\n    padding-left: 50px !important;\n  }\n\n  .tabulator-print-table .tabulator-print-table-group.tabulator-group-level-3 td {\n    padding-left: 70px !important;\n  }\n\n  .tabulator-print-table .tabulator-print-table-group.tabulator-group-level-4 td {\n    padding-left: 90px !important;\n  }\n\n  .tabulator-print-table .tabulator-print-table-group.tabulator-group-level-5 td {\n    padding-left: 110px !important;\n  }\n\n  .tabulator-print-table .tabulator-print-table-group .tabulator-group-toggle {\n    display: inline-block;\n  }\n\n  .tabulator-print-table .tabulator-print-table-group .tabulator-arrow {\n    display: inline-block;\n    width: 0;\n    height: 0;\n    margin-right: 16px;\n    border-top: 6px solid transparent;\n    border-bottom: 6px solid transparent;\n    border-right: 0;\n    border-left: 6px solid #666;\n    vertical-align: middle;\n  }\n\n  .tabulator-print-table .tabulator-print-table-group span {\n    margin-left: 10px;\n    color: #d00;\n  }\n\n  .tabulator-print-table .tabulator-data-tree-control {\n    display: inline-flex;\n    justify-content: center;\n    align-items: center;\n    vertical-align: middle;\n    height: 11px;\n    width: 11px;\n    margin-right: 5px;\n    border: 1px solid #333;\n    border-radius: 2px;\n    background: rgba(0, 0, 0, 0.1);\n    overflow: hidden;\n  }\n\n  @media (hover: hover) and (pointer: fine) {\n    .tabulator-print-table .tabulator-data-tree-control:hover {\n      cursor: pointer;\n      background: rgba(0, 0, 0, 0.2);\n    }\n  }\n\n  .tabulator-print-table .tabulator-data-tree-control .tabulator-data-tree-control-collapse {\n    display: inline-block;\n    position: relative;\n    height: 7px;\n    width: 1px;\n    background: transparent;\n  }\n\n  .tabulator-print-table .tabulator-data-tree-control .tabulator-data-tree-control-collapse:after {\n    position: absolute;\n    content: '';\n    left: -3px;\n    top: 3px;\n    height: 1px;\n    width: 7px;\n    background: #333;\n  }\n\n  .tabulator-print-table .tabulator-data-tree-control .tabulator-data-tree-control-expand {\n    display: inline-block;\n    position: relative;\n    height: 7px;\n    width: 1px;\n    background: #333;\n  }\n\n  .tabulator-print-table .tabulator-data-tree-control .tabulator-data-tree-control-expand:after {\n    position: absolute;\n    content: '';\n    left: -3px;\n    top: 3px;\n    height: 1px;\n    width: 7px;\n    background: #333;\n  }\n\n  .tabulator {\n    border: none;\n    background-color: #fff;\n  }\n\n  .tabulator .tabulator-header .tabulator-calcs-holder {\n    background: #f2f2f2 !important;\n    border-bottom: 1px solid #999;\n  }\n\n  .tabulator .tabulator-header .tabulator-calcs-holder .tabulator-row {\n    background: #f2f2f2 !important;\n  }\n\n  .tabulator .tabulator-tableholder .tabulator-placeholder span {\n    color: #000;\n  }\n\n  .tabulator .tabulator-footer .tabulator-calcs-holder {\n    background: #f2f2f2 !important;\n    border-bottom: 1px solid #fff;\n  }\n\n  .tabulator .tabulator-footer .tabulator-calcs-holder .tabulator-row {\n    background: #f2f2f2 !important;\n  }\n\n  .tabulator-row {\n    border-bottom: 1px solid #ddd;\n  }\n\n  .tabulator-row .tabulator-cell:last-of-type {\n    border-right: none;\n  }\n\n  .tabulator-row.tabulator-group span {\n    color: #666;\n  }\n\n  .tabulator-print-table .tabulator-print-table-group span {\n    margin-left: 10px;\n    color: #666;\n  }\n\n  /*# sourceMappingURL=tabulator_simple.css.map */\n`",
+          "description": "External styles for the Tabulator grid.",
+          "privacy": "public"
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "package": "./constants"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "ActionFormatterParams",
-          "declaration": {
-            "name": "ActionFormatterParams",
-            "module": "src/cell-formatters/index.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "actionFormatter",
-          "declaration": {
-            "name": "actionFormatter",
-            "module": "src/cell-formatters/index.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "ActionsMenuFormatterParams",
-          "declaration": {
-            "name": "ActionsMenuFormatterParams",
-            "module": "src/cell-formatters/index.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "actionsMenuFormatter",
-          "declaration": {
-            "name": "actionsMenuFormatter",
-            "module": "src/cell-formatters/index.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "BooleanFormatterParams",
-          "declaration": {
-            "name": "BooleanFormatterParams",
-            "module": "src/cell-formatters/index.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "booleanFormatter",
-          "declaration": {
-            "name": "booleanFormatter",
-            "module": "src/cell-formatters/index.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "EditableFormatterParams",
-          "declaration": {
-            "name": "EditableFormatterParams",
-            "module": "src/cell-formatters/index.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "editableFormatter",
-          "declaration": {
-            "name": "editableFormatter",
-            "module": "src/cell-formatters/index.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "SelectFormatterParams",
-          "declaration": {
-            "name": "SelectFormatterParams",
-            "module": "src/cell-formatters/index.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "selectFormatter",
-          "declaration": {
-            "name": "selectFormatter",
-            "module": "src/cell-formatters/index.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "TextFormatterParams",
-          "declaration": {
-            "name": "TextFormatterParams",
-            "module": "src/cell-formatters/index.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "textFormatter",
-          "declaration": {
-            "name": "textFormatter",
-            "module": "src/cell-formatters/index.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "formatters",
+          "name": "tabulatorThemeSimpleCSS",
           "declaration": {
-            "name": "formatters",
-            "module": "src/cell-formatters/index.ts"
+            "name": "tabulatorThemeSimpleCSS",
+            "module": "src/external/tabulator-theme-simple-css.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/cell-formatters/select.formatter.ts",
+      "path": "src/cell-editors/date.editor.ts",
       "declarations": [
         {
-          "kind": "function",
-          "name": "selectFormatter",
-          "return": {
-            "type": {
-              "text": ""
-            }
-          },
-          "parameters": [
+          "kind": "class",
+          "description": "The date editor class for grid-tabulator",
+          "name": "DateEditor",
+          "members": [
             {
-              "name": "cell",
+              "kind": "field",
+              "name": "params",
               "type": {
-                "text": "any"
-              },
-              "description": "The cell component provided by Tabulator"
+                "text": "DateEditorParams"
+              }
             },
             {
-              "name": "formatterParams",
-              "type": {
-                "text": "SelectFormatterParams<T>"
-              },
-              "description": "Select formatter parameters"
-            }
-          ],
-          "description": "Formatter that displays a select component with options.\nReturns a wrapped div containing the select, similar to boolean.formatter.",
-          "privacy": "public"
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "selectFormatter",
-          "declaration": {
-            "name": "selectFormatter",
-            "module": "src/cell-formatters/select.formatter.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/cell-formatters/text.formatter.ts",
-      "declarations": [
-        {
-          "kind": "function",
-          "name": "textFormatter",
-          "return": {
-            "type": {
-              "text": ""
-            }
-          },
-          "parameters": [
-            {
-              "name": "cell",
+              "kind": "field",
+              "name": "dateField",
               "type": {
                 "text": "any"
-              },
-              "description": "The cell component provided by Tabulator"
-            },
-            {
-              "name": "formatterParams",
-              "default": "{}",
-              "type": {
-                "text": "TextFormatterParams<T>"
-              },
-              "description": "Text formatter parameters"
-            }
-          ],
-          "description": "Text formatter for customized display of values.\nStyled to match grid-pro text renderer.",
-          "privacy": "public"
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "textFormatter",
-          "declaration": {
-            "name": "textFormatter",
-            "module": "src/cell-formatters/text.formatter.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/column/column.ts",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "The GridTabulator Column element.",
-          "name": "GridTabulatorColumn",
-          "members": [
-            {
-              "kind": "field",
-              "name": "slottedCell",
-              "type": {
-                "text": "HTMLElement[]"
-              },
-              "privacy": "public"
-            },
-            {
-              "kind": "field",
-              "name": "definition",
-              "type": {
-                "text": "Partial<ColumnDefinition>"
-              },
-              "default": "{}"
-            },
-            {
-              "kind": "method",
-              "name": "slottedCellChanged",
-              "privacy": "public"
-            },
-            {
-              "kind": "method",
-              "name": "deepClone",
-              "return": {
-                "type": {
-                  "text": "Node"
-                }
-              },
-              "inheritedFrom": {
-                "name": "LifecycleMixin",
-                "module": "src/mixins/lifecycle/lifecycle.ts"
               }
             },
             {
               "kind": "method",
-              "name": "cloneNode",
-              "return": {
-                "type": {
-                  "text": "Node"
-                }
-              },
+              "name": "init",
               "parameters": [
                 {
-                  "name": "deep",
-                  "optional": true,
+                  "name": "params",
                   "type": {
-                    "text": "boolean"
+                    "text": "DateEditorParams"
                   }
                 }
               ],
-              "inheritedFrom": {
-                "name": "LifecycleMixin",
-                "module": "src/mixins/lifecycle/lifecycle.ts"
-              }
+              "description": "Initialize the editor with parameters"
             },
             {
-              "kind": "field",
-              "name": "shouldRunDisconnect",
-              "return": {
-                "type": {
-                  "text": ""
-                }
-              },
-              "readonly": true,
-              "inheritedFrom": {
-                "name": "LifecycleMixin",
-                "module": "src/mixins/lifecycle/lifecycle.ts"
-              }
+              "kind": "method",
+              "name": "getValue",
+              "description": "Get current value"
             },
             {
-              "kind": "field",
-              "name": "shouldRunConnect",
-              "return": {
-                "type": {
-                  "text": ""
-                }
-              },
-              "readonly": true,
-              "inheritedFrom": {
-                "name": "LifecycleMixin",
-                "module": "src/mixins/lifecycle/lifecycle.ts"
-              }
+              "kind": "method",
+              "name": "getFormattedValue",
+              "description": "Format value for display"
             },
             {
               "kind": "method",
-              "name": "#_blockLifecycleDueToTokenChange",
-              "return": {
-                "type": {
-                  "text": "boolean"
-                }
-              },
+              "name": "focus",
+              "description": "Set focus to the input"
+            },
+            {
+              "kind": "method",
+              "name": "handleKeyDown",
               "parameters": [
                 {
-                  "name": "lifecycleType",
+                  "name": "event",
                   "type": {
-                    "text": "Lifecycletype"
+                    "text": "KeyboardEvent"
                   }
                 }
               ],
-              "inheritedFrom": {
-                "name": "LifecycleMixin",
-                "module": "src/mixins/lifecycle/lifecycle.ts"
-              }
+              "description": "Process key down events"
             },
             {
               "kind": "field",
@@ -3566,42 +3156,79 @@
               }
             }
           ],
-          "mixins": [
-            {
-              "name": "LifecycleMixin",
-              "package": "@genesislcap/foundation-utils"
-            }
-          ],
           "superclass": {
             "name": "FoundationElement",
             "package": "@microsoft/fast-foundation"
+          }
+        },
+        {
+          "kind": "variable",
+          "name": "dateEditorStyles",
+          "default": "css`\n  :host {\n    display: block;\n    width: 100%;\n    height: 100%;\n  }\n`",
+          "description": "Styles for the date editor"
+        },
+        {
+          "kind": "function",
+          "name": "getDateEditorTemplate",
+          "parameters": [
+            {
+              "name": "prefix",
+              "default": "'foundation'",
+              "description": "The design system prefix to use. Defaults to 'foundation'."
+            }
+          ],
+          "description": "Get a Design System prefixed date field template.",
+          "return": {
+            "type": {
+              "text": ""
+            }
           },
-          "tagName": "grid-tabulator-column",
-          "customElement": true
+          "privacy": "public"
+        },
+        {
+          "kind": "variable",
+          "name": "foundationDateEditor",
+          "description": "Definition for the date editor component"
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "GridTabulatorColumn",
+          "name": "DateEditor",
           "declaration": {
-            "name": "GridTabulatorColumn",
-            "module": "src/column/column.ts"
+            "name": "DateEditor",
+            "module": "src/cell-editors/date.editor.ts"
           }
         },
         {
-          "kind": "custom-element-definition",
-          "name": "grid-tabulator-column",
+          "kind": "js",
+          "name": "dateEditorStyles",
           "declaration": {
-            "name": "GridTabulatorColumn",
-            "module": "src/column/column.ts"
+            "name": "dateEditorStyles",
+            "module": "src/cell-editors/date.editor.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "getDateEditorTemplate",
+          "declaration": {
+            "name": "getDateEditorTemplate",
+            "module": "src/cell-editors/date.editor.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "foundationDateEditor",
+          "declaration": {
+            "name": "foundationDateEditor",
+            "module": "src/cell-editors/date.editor.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/column/index.ts",
+      "path": "src/cell-editors/index.ts",
       "declarations": [],
       "exports": [
         {
@@ -3609,654 +3236,855 @@
           "name": "*",
           "declaration": {
             "name": "*",
-            "package": "./column"
+            "package": "./date.editor"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./number.editor"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./select.editor"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./string.editor"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./multiselect.editor"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/datasource/client-side.datasource.ts",
+      "path": "src/cell-editors/multiselect.editor.ts",
       "declarations": [
-        {
-          "kind": "variable",
-          "name": "criteriaDelimiter",
-          "type": {
-            "text": "string"
-          },
-          "default": "';'",
-          "description": "Delimiter for criteria in the datasource"
-        },
-        {
-          "kind": "variable",
-          "name": "criteriaJoin",
-          "type": {
-            "text": "string"
-          },
-          "default": "' && '",
-          "description": "Join operator for criteria in the datasource"
-        },
         {
           "kind": "class",
-          "description": "The Genesis Datasource element, for client-side data fetching and used exclusively by the GridTabulator element.",
-          "name": "GridTabulatorClientSideDatasource",
+          "description": "The multiselect editor class for grid-tabulator",
+          "name": "MultiselectEditor",
           "members": [
             {
               "kind": "field",
-              "name": "auth",
-              "type": {
-                "text": "Auth"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "connect",
+              "name": "params",
               "type": {
-                "text": "Connect"
+                "text": "MultiselectEditorParams"
               }
             },
             {
               "kind": "field",
-              "name": "datasource",
+              "name": "select",
               "type": {
-                "text": "Datasource"
+                "text": "any"
               }
             },
             {
-              "kind": "field",
-              "name": "deferredGridOptions",
-              "type": {
-                "text": "Options"
-              }
+              "kind": "method",
+              "name": "init",
+              "parameters": [
+                {
+                  "name": "params",
+                  "type": {
+                    "text": "MultiselectEditorParams"
+                  }
+                }
+              ],
+              "description": "Initialize the editor with parameters"
             },
             {
-              "kind": "field",
-              "name": "deferredColumnStates",
-              "type": {
-                "text": "any[]"
+              "kind": "method",
+              "name": "getValues",
+              "return": {
+                "type": {
+                  "text": "(string | number)[]"
+                }
               },
-              "default": "[]",
-              "description": "Allows storing column layouts between datasource initializations"
+              "description": "Get current values"
             },
             {
-              "kind": "field",
-              "name": "criteria",
-              "type": {
-                "text": "string"
-              }
+              "kind": "method",
+              "name": "focus",
+              "description": "Set focus to the select"
             },
             {
               "kind": "method",
-              "name": "criteriaChanged",
+              "name": "isSelected",
+              "return": {
+                "type": {
+                  "text": "boolean"
+                }
+              },
               "parameters": [
                 {
-                  "name": "oldCriteria",
+                  "name": "value",
                   "type": {
-                    "text": "string"
+                    "text": "string | number"
                   }
-                },
+                }
+              ],
+              "description": "Check if a value is selected"
+            },
+            {
+              "kind": "method",
+              "name": "handleKeyDown",
+              "parameters": [
                 {
-                  "name": "newCriteria",
+                  "name": "event",
                   "type": {
-                    "text": "string"
+                    "text": "KeyboardEvent"
                   }
                 }
-              ]
+              ],
+              "description": "Process key down events"
             },
             {
-              "kind": "field",
-              "name": "fields",
-              "type": {
-                "text": "string"
-              }
+              "kind": "method",
+              "name": "handleChange",
+              "description": "Handle change event to save when selection changes"
             },
             {
               "kind": "field",
-              "name": "isSnapshot",
+              "name": "_presentation",
               "type": {
-                "text": "boolean"
+                "text": "ComponentPresentation | null | undefined"
               },
-              "default": "false"
-            },
-            {
-              "kind": "field",
-              "name": "maxRows",
-              "type": {
-                "text": "number"
+              "privacy": "private",
+              "default": "void 0",
+              "inheritedFrom": {
+                "name": "FoundationElement",
+                "module": "src/foundation-element/foundation-element.ts"
               }
             },
             {
               "kind": "field",
-              "name": "maxView",
+              "name": "$presentation",
               "type": {
-                "text": "number"
+                "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": "pollingInterval",
+              "name": "template",
               "type": {
-                "text": "number"
+                "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": "field",
-              "name": "movingView",
-              "type": {
-                "text": "boolean"
+              "kind": "method",
+              "name": "templateChanged",
+              "privacy": "protected",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
               },
-              "default": "false"
-            },
-            {
-              "kind": "field",
-              "name": "orderBy",
-              "type": {
-                "text": "string"
+              "inheritedFrom": {
+                "name": "FoundationElement",
+                "module": "src/foundation-element/foundation-element.ts"
               }
             },
             {
               "kind": "field",
-              "name": "request",
+              "name": "styles",
               "type": {
-                "text": "any"
+                "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": "field",
-              "name": "resourceName",
-              "type": {
-                "text": "string"
+              "kind": "method",
+              "name": "stylesChanged",
+              "privacy": "protected",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "inheritedFrom": {
+                "name": "FoundationElement",
+                "module": "src/foundation-element/foundation-element.ts"
               }
             },
             {
               "kind": "method",
-              "name": "resourceNameChanged",
+              "name": "compose",
+              "privacy": "public",
+              "static": true,
+              "return": {
+                "type": {
+                  "text": "(\n        overrideDefinition?: OverrideFoundationElementDefinition<T>\n    ) => FoundationElementRegistry<T, K>"
+                }
+              },
               "parameters": [
                 {
-                  "name": "oldValue",
+                  "name": "this",
                   "type": {
-                    "text": "string"
+                    "text": "K"
                   }
                 },
                 {
-                  "name": "newValue",
+                  "name": "elementDefinition",
                   "type": {
-                    "text": "string"
-                  }
+                    "text": "T"
+                  },
+                  "description": "The definition of the element to create the registry\nfunction for."
                 }
-              ]
-            },
-            {
-              "kind": "field",
-              "name": "reverse",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false"
-            },
-            {
-              "kind": "field",
-              "name": "rowIdAttr",
-              "description": "Attribute to set an unique identifier for the row.\n\nDefaults to `ROW_REF` or `RECORD_ID` depending on the resource type."
-            },
-            {
-              "kind": "field",
-              "name": "restartOnReconnection",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "true"
-            },
+              ],
+              "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"
+          }
+        },
+        {
+          "kind": "variable",
+          "name": "multiselectEditorStyles",
+          "default": "css`\n  :host {\n    display: block;\n    width: 100%;\n    height: 100%;\n  }\n`",
+          "description": "Styles for the multiselect editor"
+        },
+        {
+          "kind": "function",
+          "name": "getMultiselectEditorTemplate",
+          "parameters": [
             {
-              "kind": "field",
-              "name": "keepColDefsOnClearRowData",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Whether to keep column definitions when clearing row data"
-            },
-            {
-              "kind": "field",
-              "name": "rowDataMapper",
-              "type": {
-                "text": "Function"
-              },
-              "description": "Allows grid data updates to be processed via and external function before applying in grid"
-            },
+              "name": "prefix",
+              "default": "'foundation'",
+              "description": "The design system prefix to use. Defaults to 'foundation'."
+            }
+          ],
+          "description": "Get a Design System prefixed Select template.",
+          "return": {
+            "type": {
+              "text": ""
+            }
+          }
+        },
+        {
+          "kind": "variable",
+          "name": "foundationMultiselectEditor",
+          "description": "Definition for the multiselect editor component"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "MultiselectEditor",
+          "declaration": {
+            "name": "MultiselectEditor",
+            "module": "src/cell-editors/multiselect.editor.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "multiselectEditorStyles",
+          "declaration": {
+            "name": "multiselectEditorStyles",
+            "module": "src/cell-editors/multiselect.editor.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "getMultiselectEditorTemplate",
+          "declaration": {
+            "name": "getMultiselectEditorTemplate",
+            "module": "src/cell-editors/multiselect.editor.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "foundationMultiselectEditor",
+          "declaration": {
+            "name": "foundationMultiselectEditor",
+            "module": "src/cell-editors/multiselect.editor.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/cell-editors/number.editor.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "The number editor class for grid-tabulator",
+          "name": "NumberEditor",
+          "members": [
             {
               "kind": "field",
-              "name": "dataSub",
+              "name": "params",
               "type": {
-                "text": "Subscription"
-              },
-              "privacy": "private"
+                "text": "NumberEditorParams"
+              }
             },
             {
               "kind": "field",
-              "name": "updateSub",
+              "name": "numberField",
               "type": {
-                "text": "Subscription"
-              },
-              "privacy": "private"
+                "text": "any"
+              }
             },
             {
-              "kind": "field",
-              "name": "connectionSub",
-              "type": {
-                "text": "Subscription"
-              },
-              "privacy": "private"
+              "kind": "method",
+              "name": "init",
+              "parameters": [
+                {
+                  "name": "params",
+                  "type": {
+                    "text": "NumberEditorParams"
+                  }
+                }
+              ],
+              "description": "Initialize the editor with parameters"
             },
             {
-              "kind": "field",
-              "name": "isRequestServer",
-              "type": {
-                "text": "boolean"
-              },
-              "privacy": "private",
-              "default": "false"
+              "kind": "method",
+              "name": "getValue",
+              "description": "Get current value"
             },
             {
-              "kind": "field",
-              "name": "requiresFullRowDataAndColDefs",
-              "type": {
-                "text": "boolean"
-              },
-              "privacy": "private",
-              "default": "true"
+              "kind": "method",
+              "name": "focus",
+              "description": "Set focus to the input"
             },
             {
-              "kind": "field",
-              "name": "dataSubWasLoggedOff",
-              "type": {
-                "text": "boolean"
-              },
-              "privacy": "private",
-              "default": "false"
+              "kind": "method",
+              "name": "handleKeyDown",
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "KeyboardEvent"
+                  }
+                }
+              ],
+              "description": "Process key down events"
             },
             {
               "kind": "field",
-              "name": "rows",
+              "name": "_presentation",
               "type": {
-                "text": "Map<string, any>"
+                "text": "ComponentPresentation | null | undefined"
               },
               "privacy": "private",
-              "default": "new Map()"
-            },
-            {
-              "kind": "field",
-              "name": "gridTransaction",
-              "type": {
-                "text": "RowDataTransaction"
-              },
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "sourceRef",
-              "type": {
-                "text": "string"
-              },
-              "privacy": "private"
+              "default": "void 0",
+              "inheritedFrom": {
+                "name": "FoundationElement",
+                "module": "src/foundation-element/foundation-element.ts"
+              }
             },
             {
               "kind": "field",
-              "name": "criteriaFromFilters",
+              "name": "$presentation",
               "type": {
-                "text": "Map<string, string>"
+                "text": "ComponentPresentation | null"
               },
-              "privacy": "private",
-              "default": "new Map()"
+              "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": "update",
+              "name": "template",
               "type": {
-                "text": "BehaviorSubject<Map<string, string>>"
+                "text": "ElementViewTemplate | void | null"
               },
-              "privacy": "private",
-              "default": "new BehaviorSubject(new Map())"
+              "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": "deepClone",
+              "name": "templateChanged",
+              "privacy": "protected",
               "return": {
                 "type": {
-                  "text": "Node"
+                  "text": "void"
                 }
               },
               "inheritedFrom": {
-                "name": "LifecycleMixin",
-                "module": "src/mixins/lifecycle/lifecycle.ts"
+                "name": "FoundationElement",
+                "module": "src/foundation-element/foundation-element.ts"
               }
             },
             {
               "kind": "field",
-              "name": "gridTabulator",
+              "name": "styles",
               "type": {
-                "text": "GridTabulator | null"
+                "text": "ElementStyles | void | null"
               },
-              "privacy": "private",
-              "readonly": true
-            },
-            {
-              "kind": "method",
-              "name": "init",
-              "description": "Initializes the datasource.",
-              "privacy": "public"
-            },
-            {
-              "kind": "method",
-              "name": "destroy",
-              "description": "Destroys the datasource, resetting it to its initial state.",
-              "privacy": "public"
-            },
-            {
-              "kind": "method",
-              "name": "restart",
-              "description": "Restarts the datasource, uses `deinit` and `init` in sequence.",
-              "privacy": "public"
+              "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": "refreshRows",
-              "description": "Force the grid to redispatch the current rows"
+              "name": "stylesChanged",
+              "privacy": "protected",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "inheritedFrom": {
+                "name": "FoundationElement",
+                "module": "src/foundation-element/foundation-element.ts"
+              }
             },
             {
               "kind": "method",
-              "name": "handleErrors",
-              "parameters": [
-                {
-                  "name": "errors",
-                  "type": {
-                    "text": "string | any[]"
-                  }
+              "name": "compose",
+              "privacy": "public",
+              "static": true,
+              "return": {
+                "type": {
+                  "text": "(\n        overrideDefinition?: OverrideFoundationElementDefinition<T>\n    ) => FoundationElementRegistry<T, K>"
                 }
-              ],
-              "description": "Handles errors by emitting an error event"
-            },
-            {
-              "kind": "method",
-              "name": "getColumnDefs",
-              "privacy": "private",
+              },
               "parameters": [
                 {
-                  "name": "fieldsMetadata",
+                  "name": "this",
                   "type": {
-                    "text": "FieldMetadata[]"
+                    "text": "K"
+                  }
+                },
+                {
+                  "name": "elementDefinition",
+                  "type": {
+                    "text": "T"
                   },
-                  "description": "The field metadata to generate column definitions from"
+                  "description": "The definition of the element to create the registry\nfunction for."
                 }
               ],
-              "description": "Generate column definitions from the field metadata"
-            },
+              "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"
+          }
+        },
+        {
+          "kind": "variable",
+          "name": "numberEditorStyles",
+          "default": "css`\n  :host {\n    display: block;\n    width: 100%;\n    height: 100%;\n  }\n`",
+          "description": "Styles for the number editor"
+        },
+        {
+          "kind": "function",
+          "name": "getNumberEditorTemplate",
+          "parameters": [
             {
-              "kind": "method",
-              "name": "handleSnapshot",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "result"
-                }
-              ]
-            },
+              "name": "prefix",
+              "default": "'foundation'",
+              "description": "The design system prefix to use. Defaults to 'foundation'."
+            }
+          ],
+          "description": "Get a Design System prefixed number field template.",
+          "return": {
+            "type": {
+              "text": ""
+            }
+          }
+        },
+        {
+          "kind": "variable",
+          "name": "foundationNumberEditor",
+          "description": "Definition for the number editor component"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "NumberEditor",
+          "declaration": {
+            "name": "NumberEditor",
+            "module": "src/cell-editors/number.editor.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "numberEditorStyles",
+          "declaration": {
+            "name": "numberEditorStyles",
+            "module": "src/cell-editors/number.editor.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "getNumberEditorTemplate",
+          "declaration": {
+            "name": "getNumberEditorTemplate",
+            "module": "src/cell-editors/number.editor.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "foundationNumberEditor",
+          "declaration": {
+            "name": "foundationNumberEditor",
+            "module": "src/cell-editors/number.editor.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/cell-editors/select.editor.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "The select editor class for grid-tabulator",
+          "name": "SelectEditor",
+          "members": [
             {
-              "kind": "method",
-              "name": "datasourceOptions",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "DatasourceOptions"
-                }
+              "kind": "field",
+              "name": "params",
+              "type": {
+                "text": "SelectEditorParams"
               }
             },
             {
-              "kind": "method",
-              "name": "handleStreamResult",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "result",
-                  "type": {
-                    "text": "FilteredDataServerResult | RequestServerResult"
-                  }
-                }
-              ]
+              "kind": "field",
+              "name": "select",
+              "type": {
+                "text": "any"
+              }
             },
             {
               "kind": "method",
-              "name": "applyRequestServerData",
-              "privacy": "private",
+              "name": "init",
               "parameters": [
                 {
-                  "name": "requestServerResult",
+                  "name": "params",
                   "type": {
-                    "text": "RequestServerResult"
+                    "text": "SelectEditorParams"
                   }
                 }
-              ]
+              ],
+              "description": "Initialize the editor with parameters"
             },
             {
               "kind": "method",
-              "name": "applyDataserverData",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "dataServerResult",
-                  "type": {
-                    "text": "FilteredDataServerResult"
-                  }
-                }
-              ]
+              "name": "getValue",
+              "description": "Get current value"
             },
             {
               "kind": "method",
-              "name": "applyTransaction",
-              "privacy": "private"
+              "name": "focus",
+              "description": "Set focus to the select"
             },
             {
               "kind": "method",
-              "name": "mapTransaction",
-              "privacy": "private",
+              "name": "handleKeyDown",
               "parameters": [
                 {
-                  "name": "transaction",
+                  "name": "event",
                   "type": {
-                    "text": "RowDataTransaction"
+                    "text": "KeyboardEvent"
                   }
                 }
-              ]
+              ],
+              "description": "Process key down events"
             },
             {
               "kind": "method",
-              "name": "handleStreamInserts",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "insertedRows",
-                  "type": {
-                    "text": "any[]"
-                  }
-                }
-              ]
+              "name": "handleChange",
+              "description": "Handle change event"
             },
             {
-              "kind": "method",
-              "name": "handleStreamDeletes",
+              "kind": "field",
+              "name": "_presentation",
+              "type": {
+                "text": "ComponentPresentation | null | undefined"
+              },
               "privacy": "private",
-              "parameters": [
-                {
-                  "name": "deletedRows",
-                  "type": {
-                    "text": "any[]"
-                  }
-                }
-              ]
+              "default": "void 0",
+              "inheritedFrom": {
+                "name": "FoundationElement",
+                "module": "src/foundation-element/foundation-element.ts"
+              }
             },
             {
-              "kind": "method",
-              "name": "handleStreamUpdates",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "updatedRows",
-                  "type": {
-                    "text": "any[]"
-                  }
-                }
-              ]
+              "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": "handleSizeChanged",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "oldSize",
-                  "type": {
-                    "text": "number"
-                  }
-                },
-                {
-                  "name": "newSize",
-                  "type": {
-                    "text": "number"
-                  }
+              "name": "templateChanged",
+              "privacy": "protected",
+              "return": {
+                "type": {
+                  "text": "void"
                 }
-              ],
-              "description": "Emit event when the number of rows changes"
+              },
+              "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": "buildCriteria",
-              "privacy": "private",
+              "name": "stylesChanged",
+              "privacy": "protected",
               "return": {
                 "type": {
-                  "text": "string"
+                  "text": "void"
                 }
+              },
+              "inheritedFrom": {
+                "name": "FoundationElement",
+                "module": "src/foundation-element/foundation-element.ts"
               }
             },
             {
               "kind": "method",
-              "name": "setFilter",
+              "name": "compose",
               "privacy": "public",
+              "static": true,
+              "return": {
+                "type": {
+                  "text": "(\n        overrideDefinition?: OverrideFoundationElementDefinition<T>\n    ) => FoundationElementRegistry<T, K>"
+                }
+              },
               "parameters": [
                 {
-                  "name": "fieldName",
+                  "name": "this",
                   "type": {
-                    "text": "string"
+                    "text": "K"
                   }
                 },
                 {
-                  "name": "newFilter",
+                  "name": "elementDefinition",
                   "type": {
-                    "text": "string"
-                  }
+                    "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"
+          }
+        },
+        {
+          "kind": "variable",
+          "name": "selectEditorStyles",
+          "default": "css`\n  :host {\n    display: block;\n    width: 100%;\n    height: 100%;\n  }\n`",
+          "description": "Styles for the select editor"
+        },
+        {
+          "kind": "function",
+          "name": "getSelectEditorTemplate",
+          "parameters": [
             {
-              "kind": "method",
-              "name": "removeFilter",
-              "privacy": "public",
-              "parameters": [
-                {
-                  "name": "fieldName",
-                  "type": {
-                    "text": "string"
-                  }
-                }
-              ]
+              "name": "prefix",
+              "default": "'foundation'",
+              "description": "The design system prefix to use. Defaults to 'foundation'."
+            }
+          ],
+          "description": "Get a Design System prefixed Select template.",
+          "return": {
+            "type": {
+              "text": ""
+            }
+          },
+          "privacy": "public"
+        },
+        {
+          "kind": "variable",
+          "name": "foundationSelectEditor",
+          "description": "Definition for the select editor component"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "SelectEditor",
+          "declaration": {
+            "name": "SelectEditor",
+            "module": "src/cell-editors/select.editor.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "selectEditorStyles",
+          "declaration": {
+            "name": "selectEditorStyles",
+            "module": "src/cell-editors/select.editor.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "getSelectEditorTemplate",
+          "declaration": {
+            "name": "getSelectEditorTemplate",
+            "module": "src/cell-editors/select.editor.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "foundationSelectEditor",
+          "declaration": {
+            "name": "foundationSelectEditor",
+            "module": "src/cell-editors/select.editor.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/cell-editors/string.editor.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "The string editor class for grid-tabulator",
+          "name": "StringEditor",
+          "members": [
+            {
+              "kind": "field",
+              "name": "params",
+              "type": {
+                "text": "StringEditorParams"
+              }
             },
             {
-              "kind": "method",
-              "name": "datasourceStatusChanged",
-              "parameters": [
-                {
-                  "name": "prev",
-                  "type": {
-                    "text": "DatasourceStatus"
-                  }
-                },
-                {
-                  "name": "next",
-                  "type": {
-                    "text": "DatasourceStatus"
-                  }
-                }
-              ]
+              "kind": "field",
+              "name": "textField",
+              "type": {
+                "text": "any"
+              }
             },
             {
               "kind": "method",
-              "name": "cloneNode",
-              "return": {
-                "type": {
-                  "text": "Node"
-                }
-              },
+              "name": "init",
               "parameters": [
                 {
-                  "name": "deep",
-                  "optional": true,
+                  "name": "params",
                   "type": {
-                    "text": "boolean"
+                    "text": "StringEditorParams"
                   }
                 }
               ],
-              "inheritedFrom": {
-                "name": "LifecycleMixin",
-                "module": "src/mixins/lifecycle/lifecycle.ts"
-              }
+              "description": "Initialize the editor with parameters"
             },
             {
-              "kind": "field",
-              "name": "shouldRunDisconnect",
-              "return": {
-                "type": {
-                  "text": ""
-                }
-              },
-              "readonly": true,
-              "inheritedFrom": {
-                "name": "LifecycleMixin",
-                "module": "src/mixins/lifecycle/lifecycle.ts"
-              }
+              "kind": "method",
+              "name": "getValue",
+              "description": "Get current value"
             },
             {
-              "kind": "field",
-              "name": "shouldRunConnect",
-              "return": {
-                "type": {
-                  "text": ""
-                }
-              },
-              "readonly": true,
-              "inheritedFrom": {
-                "name": "LifecycleMixin",
-                "module": "src/mixins/lifecycle/lifecycle.ts"
-              }
+              "kind": "method",
+              "name": "focus",
+              "description": "Set focus to the input"
             },
             {
               "kind": "method",
-              "name": "#_blockLifecycleDueToTokenChange",
-              "return": {
-                "type": {
-                  "text": "boolean"
-                }
-              },
+              "name": "handleKeyDown",
               "parameters": [
                 {
-                  "name": "lifecycleType",
+                  "name": "event",
                   "type": {
-                    "text": "Lifecycletype"
+                    "text": "KeyboardEvent"
                   }
                 }
               ],
-              "inheritedFrom": {
-                "name": "LifecycleMixin",
-                "module": "src/mixins/lifecycle/lifecycle.ts"
-              }
+              "description": "Process key down events"
             },
             {
               "kind": "field",
@@ -4370,297 +4198,469 @@
               }
             }
           ],
-          "events": [
-            {
-              "description": "Fired when a datasource error occurs. detail: `GridTabulatorErrorEventDetail`",
-              "name": "gridTabulator:error"
-            },
-            {
-              "description": "Fired when tabulator data is initialized",
-              "name": "dataInit"
-            },
+          "superclass": {
+            "name": "FoundationElement",
+            "package": "@microsoft/fast-foundation"
+          }
+        },
+        {
+          "kind": "variable",
+          "name": "stringEditorStyles",
+          "default": "css`\n  :host {\n    display: block;\n    width: 100%;\n    height: 100%;\n  }\n`",
+          "description": "Styles for the string editor"
+        },
+        {
+          "kind": "function",
+          "name": "getStringEditorTemplate",
+          "parameters": [
             {
-              "description": "Fired when layout size changes. detail: `GridTabulatorSizeChangedEventDetail`",
-              "name": "sizeChanged"
+              "name": "prefix",
+              "default": "'foundation'",
+              "description": "The design system prefix to use. Defaults to 'foundation'."
             }
           ],
-          "attributes": [
-            {
-              "name": "criteria",
-              "type": {
-                "text": "string"
-              },
-              "fieldName": "criteria"
-            },
-            {
-              "name": "fields",
-              "type": {
-                "text": "string"
-              },
-              "fieldName": "fields"
-            },
-            {
-              "name": "is-snapshot",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "fieldName": "isSnapshot"
-            },
-            {
-              "name": "max-rows",
-              "type": {
-                "text": "number"
-              },
-              "fieldName": "maxRows"
-            },
-            {
-              "name": "max-view",
-              "type": {
-                "text": "number"
-              },
-              "fieldName": "maxView"
-            },
-            {
-              "name": "polling-interval",
-              "type": {
-                "text": "number"
-              },
-              "fieldName": "pollingInterval"
-            },
+          "description": "Get a Design System prefixed text field template.",
+          "return": {
+            "type": {
+              "text": ""
+            }
+          }
+        },
+        {
+          "kind": "variable",
+          "name": "foundationStringEditor",
+          "description": "Definition for the string editor component"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "StringEditor",
+          "declaration": {
+            "name": "StringEditor",
+            "module": "src/cell-editors/string.editor.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "stringEditorStyles",
+          "declaration": {
+            "name": "stringEditorStyles",
+            "module": "src/cell-editors/string.editor.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "getStringEditorTemplate",
+          "declaration": {
+            "name": "getStringEditorTemplate",
+            "module": "src/cell-editors/string.editor.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "foundationStringEditor",
+          "declaration": {
+            "name": "foundationStringEditor",
+            "module": "src/cell-editors/string.editor.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/cell-formatters/action.formatter.ts",
+      "declarations": [
+        {
+          "kind": "function",
+          "name": "actionFormatter",
+          "return": {
+            "type": {
+              "text": ""
+            }
+          },
+          "parameters": [
             {
-              "name": "moving-view",
+              "name": "cell",
               "type": {
-                "text": "boolean"
+                "text": "any"
               },
-              "default": "false",
-              "fieldName": "movingView"
+              "description": "The cell component provided by Tabulator"
             },
             {
-              "name": "order-by",
+              "name": "formatterParams",
+              "default": "{}",
               "type": {
-                "text": "string"
+                "text": "ActionFormatterParams<T>"
               },
-              "fieldName": "orderBy"
-            },
+              "description": "Action formatter parameters"
+            }
+          ],
+          "description": "Formatter that displays an action button in the cell.\nStyled to match grid-pro action renderer.",
+          "privacy": "public"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "actionFormatter",
+          "declaration": {
+            "name": "actionFormatter",
+            "module": "src/cell-formatters/action.formatter.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/cell-formatters/actions-menu.formatter.ts",
+      "declarations": [
+        {
+          "kind": "function",
+          "name": "actionsMenuFormatter",
+          "return": {
+            "type": {
+              "text": ""
+            }
+          },
+          "parameters": [
             {
-              "name": "resource-name",
+              "name": "cell",
               "type": {
-                "text": "string"
+                "text": "any"
               },
-              "fieldName": "resourceName"
+              "description": "The cell component provided by Tabulator"
             },
             {
+              "name": "formatterParams",
+              "default": "{}",
               "type": {
-                "text": "boolean"
+                "text": "ActionsMenuFormatterParams<T>"
               },
-              "default": "false",
-              "fieldName": "reverse"
-            },
-            {
-              "name": "row-id",
-              "description": "Attribute to set an unique identifier for the row.\n\nDefaults to `ROW_REF` or `RECORD_ID` depending on the resource type.",
-              "fieldName": "rowIdAttr"
-            },
+              "description": "Actions menu formatter parameters"
+            }
+          ],
+          "description": "Formatter that displays a dropdown menu of actions in the cell.\nStyled to match grid-pro actions-menu renderer.",
+          "privacy": "public"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "actionsMenuFormatter",
+          "declaration": {
+            "name": "actionsMenuFormatter",
+            "module": "src/cell-formatters/actions-menu.formatter.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/cell-formatters/boolean.formatter.ts",
+      "declarations": [
+        {
+          "kind": "function",
+          "name": "booleanFormatter",
+          "return": {
+            "type": {
+              "text": ""
+            }
+          },
+          "parameters": [
             {
-              "name": "restart-on-reconnection",
+              "name": "cell",
               "type": {
-                "text": "boolean"
+                "text": "any"
               },
-              "default": "true",
-              "fieldName": "restartOnReconnection"
+              "description": "The cell component provided by Tabulator"
             },
             {
-              "name": "keep-col-defs-on-clear-row-data",
+              "name": "formatterParams",
+              "default": "{}",
               "type": {
-                "text": "boolean"
+                "text": "BooleanFormatterParams<T>"
               },
-              "default": "false",
-              "description": "Whether to keep column definitions when clearing row data",
-              "fieldName": "keepColDefsOnClearRowData"
+              "description": "Boolean formatter parameters"
+            }
+          ],
+          "description": "Formatter that displays boolean values using a checkbox component.\nStyled to match grid-pro boolean renderer.",
+          "privacy": "public"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "booleanFormatter",
+          "declaration": {
+            "name": "booleanFormatter",
+            "module": "src/cell-formatters/boolean.formatter.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/cell-formatters/constants.ts",
+      "declarations": [],
+      "exports": []
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/cell-formatters/editable.formatter.ts",
+      "declarations": [
+        {
+          "kind": "function",
+          "name": "editableFormatter",
+          "return": {
+            "type": {
+              "text": ""
             }
-          ],
-          "mixins": [
+          },
+          "parameters": [
             {
-              "name": "LifecycleMixin",
-              "package": "@genesislcap/foundation-utils"
+              "name": "cell",
+              "type": {
+                "text": "any"
+              },
+              "description": "The cell component provided by Tabulator"
             },
             {
-              "name": "DatasourceEventHandler",
-              "package": "@genesislcap/foundation-comms"
+              "name": "formatterParams",
+              "default": "{}",
+              "type": {
+                "text": "EditableFormatterParams<T>"
+              },
+              "description": "Editable formatter parameters"
             }
           ],
-          "superclass": {
-            "name": "FoundationElement",
-            "package": "@microsoft/fast-foundation"
+          "description": "Formatter that displays an editable cell with validation state",
+          "privacy": "public"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "editableFormatter",
+          "declaration": {
+            "name": "editableFormatter",
+            "module": "src/cell-formatters/editable.formatter.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/cell-formatters/index.ts",
+      "declarations": [
+        {
+          "kind": "variable",
+          "name": "formatters",
+          "type": {
+            "text": "object"
           },
-          "tagName": "grid-tabulator-client-side-datasource",
-          "customElement": true
+          "default": "{\n  action: actionFormatter,\n  actionsMenu: actionsMenuFormatter,\n  boolean: booleanFormatter,\n  editable: editableFormatter,\n  select: selectFormatter,\n  text: textFormatter,\n}",
+          "description": "Zero formatters for Tabulator grid"
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "criteriaDelimiter",
+          "name": "*",
           "declaration": {
-            "name": "criteriaDelimiter",
-            "module": "src/datasource/client-side.datasource.ts"
+            "name": "*",
+            "package": "./constants"
           }
         },
         {
           "kind": "js",
-          "name": "criteriaJoin",
+          "name": "ActionFormatterParams",
           "declaration": {
-            "name": "criteriaJoin",
-            "module": "src/datasource/client-side.datasource.ts"
+            "name": "ActionFormatterParams",
+            "module": "src/cell-formatters/index.ts"
           }
         },
         {
           "kind": "js",
-          "name": "GridTabulatorClientSideDatasource",
+          "name": "actionFormatter",
           "declaration": {
-            "name": "GridTabulatorClientSideDatasource",
-            "module": "src/datasource/client-side.datasource.ts"
+            "name": "actionFormatter",
+            "module": "src/cell-formatters/index.ts"
           }
         },
         {
-          "kind": "custom-element-definition",
-          "name": "grid-tabulator-client-side-datasource",
+          "kind": "js",
+          "name": "ActionsMenuFormatterParams",
           "declaration": {
-            "name": "GridTabulatorClientSideDatasource",
-            "module": "src/datasource/client-side.datasource.ts"
+            "name": "ActionsMenuFormatterParams",
+            "module": "src/cell-formatters/index.ts"
           }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/datasource/index.ts",
-      "declarations": [],
-      "exports": [
+        },
         {
           "kind": "js",
-          "name": "*",
+          "name": "actionsMenuFormatter",
           "declaration": {
-            "name": "*",
-            "package": "./client-side.datasource"
+            "name": "actionsMenuFormatter",
+            "module": "src/cell-formatters/index.ts"
           }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/external/fonts.ts",
-      "declarations": [
+        },
         {
-          "kind": "variable",
-          "name": "tabulatorDefaultFontFace",
-          "default": "`\n  @font-face {\n    font-family: \"defaultFontFace\";\n  }\n`"
+          "kind": "js",
+          "name": "BooleanFormatterParams",
+          "declaration": {
+            "name": "BooleanFormatterParams",
+            "module": "src/cell-formatters/index.ts"
+          }
         },
         {
-          "kind": "variable",
-          "name": "tabulatorRapidFontFace",
-          "default": "`\n  @font-face {\n    font-family: \"rapidFontFace\";\n  }\n`"
+          "kind": "js",
+          "name": "booleanFormatter",
+          "declaration": {
+            "name": "booleanFormatter",
+            "module": "src/cell-formatters/index.ts"
+          }
         },
         {
-          "kind": "variable",
-          "name": "gridThemeFontFaceMap",
-          "type": {
-            "text": "GridThemeFontFaceMap"
-          },
-          "default": "{\n  [GridTabulatorTheme.default]: tabulatorDefaultFontFace,\n  [GridTabulatorTheme.rapid]: tabulatorRapidFontFace,\n}"
+          "kind": "js",
+          "name": "EditableFormatterParams",
+          "declaration": {
+            "name": "EditableFormatterParams",
+            "module": "src/cell-formatters/index.ts"
+          }
         },
         {
-          "kind": "variable",
-          "name": "defaultGridTabulatorFontFace",
-          "default": "tabulatorDefaultFontFace"
-        }
-      ],
-      "exports": [
+          "kind": "js",
+          "name": "editableFormatter",
+          "declaration": {
+            "name": "editableFormatter",
+            "module": "src/cell-formatters/index.ts"
+          }
+        },
         {
           "kind": "js",
-          "name": "tabulatorDefaultFontFace",
+          "name": "SelectFormatterParams",
           "declaration": {
-            "name": "tabulatorDefaultFontFace",
-            "module": "src/external/fonts.ts"
+            "name": "SelectFormatterParams",
+            "module": "src/cell-formatters/index.ts"
           }
         },
         {
           "kind": "js",
-          "name": "tabulatorRapidFontFace",
+          "name": "selectFormatter",
           "declaration": {
-            "name": "tabulatorRapidFontFace",
-            "module": "src/external/fonts.ts"
+            "name": "selectFormatter",
+            "module": "src/cell-formatters/index.ts"
           }
         },
         {
           "kind": "js",
-          "name": "gridThemeFontFaceMap",
+          "name": "TextFormatterParams",
           "declaration": {
-            "name": "gridThemeFontFaceMap",
-            "module": "src/external/fonts.ts"
+            "name": "TextFormatterParams",
+            "module": "src/cell-formatters/index.ts"
           }
         },
         {
           "kind": "js",
-          "name": "defaultGridTabulatorFontFace",
+          "name": "textFormatter",
           "declaration": {
-            "name": "defaultGridTabulatorFontFace",
-            "module": "src/external/fonts.ts"
+            "name": "textFormatter",
+            "module": "src/cell-formatters/index.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "formatters",
+          "declaration": {
+            "name": "formatters",
+            "module": "src/cell-formatters/index.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/external/index.ts",
+      "path": "src/cell-formatters/select.formatter.ts",
       "declarations": [
         {
-          "kind": "variable",
-          "name": "tabulatorExternalStockStyles",
-          "default": "css`\n  ${tabulatorThemeSimpleCSS}\n`",
-          "description": "External styles for the Tabulator grid.",
+          "kind": "function",
+          "name": "selectFormatter",
+          "return": {
+            "type": {
+              "text": ""
+            }
+          },
+          "parameters": [
+            {
+              "name": "cell",
+              "type": {
+                "text": "any"
+              },
+              "description": "The cell component provided by Tabulator"
+            },
+            {
+              "name": "formatterParams",
+              "type": {
+                "text": "SelectFormatterParams<T>"
+              },
+              "description": "Select formatter parameters"
+            }
+          ],
+          "description": "Formatter that displays a select component with options.\nReturns a wrapped div containing the select, similar to boolean.formatter.",
           "privacy": "public"
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "tabulatorExternalStockStyles",
-          "declaration": {
-            "name": "tabulatorExternalStockStyles",
-            "module": "src/external/index.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "tabulatorThemeSimpleCSS",
+          "name": "selectFormatter",
           "declaration": {
-            "name": "tabulatorThemeSimpleCSS",
-            "module": "src/external/index.ts"
+            "name": "selectFormatter",
+            "module": "src/cell-formatters/select.formatter.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/external/tabulator-theme-simple-css.ts",
+      "path": "src/cell-formatters/text.formatter.ts",
       "declarations": [
         {
-          "kind": "variable",
-          "name": "tabulatorThemeSimpleCSS",
-          "default": "css`\n  .tabulator {\n    position: relative;\n    border: 1px solid #999;\n    background-color: #fff;\n    font-size: 14px;\n    text-align: left;\n    overflow: hidden;\n    -webkit-transform: translateZ(0);\n    -moz-transform: translateZ(0);\n    -ms-transform: translateZ(0);\n    -o-transform: translateZ(0);\n    transform: translateZ(0);\n  }\n\n  .tabulator[tabulator-layout='fitDataFill'] .tabulator-tableholder .tabulator-table {\n    min-width: 100%;\n  }\n\n  .tabulator[tabulator-layout='fitDataTable'] {\n    display: inline-block;\n  }\n\n  .tabulator.tabulator-block-select {\n    user-select: none;\n  }\n\n  .tabulator .tabulator-header {\n    position: relative;\n    box-sizing: border-box;\n    width: 100%;\n    border-bottom: 1px solid #999;\n    background-color: #fff;\n    color: #555;\n    font-weight: bold;\n    white-space: nowrap;\n    overflow: hidden;\n    -moz-user-select: none;\n    -khtml-user-select: none;\n    -webkit-user-select: none;\n    -o-user-select: none;\n  }\n\n  .tabulator .tabulator-header.tabulator-header-hidden {\n    display: none;\n  }\n\n  .tabulator .tabulator-header .tabulator-header-contents {\n    position: relative;\n    overflow: hidden;\n  }\n\n  .tabulator .tabulator-header .tabulator-header-contents .tabulator-headers {\n    display: inline-block;\n  }\n\n  .tabulator .tabulator-header .tabulator-col {\n    display: inline-flex;\n    position: relative;\n    box-sizing: border-box;\n    flex-direction: column;\n    justify-content: flex-start;\n    border-right: 1px solid #ddd;\n    background: #fff;\n    text-align: left;\n    vertical-align: bottom;\n    overflow: hidden;\n  }\n\n  .tabulator .tabulator-header .tabulator-col.tabulator-moving {\n    position: absolute;\n    border: 1px solid #999;\n    background: #e6e6e6;\n    pointer-events: none;\n  }\n\n  .tabulator .tabulator-header .tabulator-col .tabulator-col-content {\n    box-sizing: border-box;\n    position: relative;\n    padding: 4px;\n  }\n\n  .tabulator\n    .tabulator-header\n    .tabulator-col\n    .tabulator-col-content\n    .tabulator-header-popup-button {\n    padding: 0 8px;\n  }\n\n  .tabulator\n    .tabulator-header\n    .tabulator-col\n    .tabulator-col-content\n    .tabulator-header-popup-button:hover {\n    cursor: pointer;\n    opacity: 0.6;\n  }\n\n  .tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-col-title-holder {\n    position: relative;\n  }\n\n  .tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-col-title {\n    box-sizing: border-box;\n    width: 100%;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    vertical-align: bottom;\n  }\n\n  .tabulator\n    .tabulator-header\n    .tabulator-col\n    .tabulator-col-content\n    .tabulator-col-title.tabulator-col-title-wrap {\n    white-space: normal;\n    text-overflow: initial;\n  }\n\n  .tabulator\n    .tabulator-header\n    .tabulator-col\n    .tabulator-col-content\n    .tabulator-col-title\n    .tabulator-title-editor {\n    box-sizing: border-box;\n    width: 100%;\n    border: 1px solid #999;\n    padding: 1px;\n    background: #fff;\n  }\n\n  .tabulator\n    .tabulator-header\n    .tabulator-col\n    .tabulator-col-content\n    .tabulator-col-title\n    .tabulator-header-popup-button\n    + .tabulator-title-editor {\n    width: calc(100% - 22px);\n  }\n\n  .tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-col-sorter {\n    display: flex;\n    align-items: center;\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    right: 4px;\n  }\n\n  .tabulator\n    .tabulator-header\n    .tabulator-col\n    .tabulator-col-content\n    .tabulator-col-sorter\n    .tabulator-arrow {\n    width: 0;\n    height: 0;\n    border-left: 6px solid transparent;\n    border-right: 6px solid transparent;\n    border-bottom: 6px solid #bbb;\n  }\n\n  .tabulator .tabulator-header .tabulator-col.tabulator-col-group .tabulator-col-group-cols {\n    position: relative;\n    display: flex;\n    border-top: 1px solid #ddd;\n    overflow: hidden;\n    margin-right: -1px;\n  }\n\n  .tabulator .tabulator-header .tabulator-col .tabulator-header-filter {\n    position: relative;\n    box-sizing: border-box;\n    margin-top: 2px;\n    width: 100%;\n    text-align: center;\n  }\n\n  .tabulator .tabulator-header .tabulator-col .tabulator-header-filter textarea {\n    height: auto !important;\n  }\n\n  .tabulator .tabulator-header .tabulator-col .tabulator-header-filter svg {\n    margin-top: 3px;\n  }\n\n  .tabulator .tabulator-header .tabulator-col .tabulator-header-filter input::-ms-clear {\n    width: 0;\n    height: 0;\n  }\n\n  .tabulator .tabulator-header .tabulator-col.tabulator-sortable .tabulator-col-title {\n    padding-right: 25px;\n  }\n\n  @media (hover: hover) and (pointer: fine) {\n    .tabulator\n      .tabulator-header\n      .tabulator-col.tabulator-sortable.tabulator-col-sorter-element:hover {\n      cursor: pointer;\n      background-color: #e6e6e6;\n    }\n  }\n\n  .tabulator\n    .tabulator-header\n    .tabulator-col.tabulator-sortable[aria-sort='none']\n    .tabulator-col-content\n    .tabulator-col-sorter {\n    color: #bbb;\n  }\n\n  @media (hover: hover) and (pointer: fine) {\n    .tabulator\n      .tabulator-header\n      .tabulator-col.tabulator-sortable[aria-sort='none']\n      .tabulator-col-content\n      .tabulator-col-sorter.tabulator-col-sorter-element\n      .tabulator-arrow:hover {\n      cursor: pointer;\n      border-bottom: 6px solid #555;\n    }\n  }\n\n  .tabulator\n    .tabulator-header\n    .tabulator-col.tabulator-sortable[aria-sort='none']\n    .tabulator-col-content\n    .tabulator-col-sorter\n    .tabulator-arrow {\n    border-top: none;\n    border-bottom: 6px solid #bbb;\n  }\n\n  .tabulator\n    .tabulator-header\n    .tabulator-col.tabulator-sortable[aria-sort='ascending']\n    .tabulator-col-content\n    .tabulator-col-sorter {\n    color: #666;\n  }\n\n  @media (hover: hover) and (pointer: fine) {\n    .tabulator\n      .tabulator-header\n      .tabulator-col.tabulator-sortable[aria-sort='ascending']\n      .tabulator-col-content\n      .tabulator-col-sorter.tabulator-col-sorter-element\n      .tabulator-arrow:hover {\n      cursor: pointer;\n      border-bottom: 6px solid #555;\n    }\n  }\n\n  .tabulator\n    .tabulator-header\n    .tabulator-col.tabulator-sortable[aria-sort='ascending']\n    .tabulator-col-content\n    .tabulator-col-sorter\n    .tabulator-arrow {\n    border-top: none;\n    border-bottom: 6px solid #666;\n  }\n\n  .tabulator\n    .tabulator-header\n    .tabulator-col.tabulator-sortable[aria-sort='descending']\n    .tabulator-col-content\n    .tabulator-col-sorter {\n    color: #666;\n  }\n\n  @media (hover: hover) and (pointer: fine) {\n    .tabulator\n      .tabulator-header\n      .tabulator-col.tabulator-sortable[aria-sort='descending']\n      .tabulator-col-content\n      .tabulator-col-sorter.tabulator-col-sorter-element\n      .tabulator-arrow:hover {\n      cursor: pointer;\n      border-top: 6px solid #555;\n    }\n  }\n\n  .tabulator\n    .tabulator-header\n    .tabulator-col.tabulator-sortable[aria-sort='descending']\n    .tabulator-col-content\n    .tabulator-col-sorter\n    .tabulator-arrow {\n    border-bottom: none;\n    border-top: 6px solid #666;\n    color: #666;\n  }\n\n  .tabulator\n    .tabulator-header\n    .tabulator-col.tabulator-col-vertical\n    .tabulator-col-content\n    .tabulator-col-title {\n    writing-mode: vertical-rl;\n    text-orientation: mixed;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n\n  .tabulator\n    .tabulator-header\n    .tabulator-col.tabulator-col-vertical.tabulator-col-vertical-flip\n    .tabulator-col-title {\n    transform: rotate(180deg);\n  }\n\n  .tabulator\n    .tabulator-header\n    .tabulator-col.tabulator-col-vertical.tabulator-sortable\n    .tabulator-col-title {\n    padding-right: 0;\n    padding-top: 20px;\n  }\n\n  .tabulator\n    .tabulator-header\n    .tabulator-col.tabulator-col-vertical.tabulator-sortable.tabulator-col-vertical-flip\n    .tabulator-col-title {\n    padding-right: 0;\n    padding-bottom: 20px;\n  }\n\n  .tabulator\n    .tabulator-header\n    .tabulator-col.tabulator-col-vertical.tabulator-sortable\n    .tabulator-col-sorter {\n    justify-content: center;\n    left: 0;\n    right: 0;\n    top: 4px;\n    bottom: auto;\n  }\n\n  .tabulator .tabulator-header .tabulator-frozen {\n    position: sticky;\n    left: 0;\n    z-index: 11;\n  }\n\n  .tabulator .tabulator-header .tabulator-frozen.tabulator-frozen-left {\n    border-right: 2px solid #ddd;\n  }\n\n  .tabulator .tabulator-header .tabulator-frozen.tabulator-frozen-right {\n    border-left: 2px solid #ddd;\n  }\n\n  .tabulator .tabulator-header .tabulator-calcs-holder {\n    box-sizing: border-box;\n    background: white !important;\n    border-top: 1px solid #ddd;\n    border-bottom: 1px solid #ddd;\n  }\n\n  .tabulator .tabulator-header .tabulator-calcs-holder .tabulator-row {\n    background: white !important;\n  }\n\n  .tabulator .tabulator-header .tabulator-calcs-holder .tabulator-row .tabulator-col-resize-handle {\n    display: none;\n  }\n\n  .tabulator .tabulator-header .tabulator-frozen-rows-holder:empty {\n    display: none;\n  }\n\n  .tabulator .tabulator-tableholder {\n    position: relative;\n    width: 100%;\n    white-space: nowrap;\n    overflow: auto;\n    -webkit-overflow-scrolling: touch;\n  }\n\n  .tabulator .tabulator-tableholder:focus {\n    outline: none;\n  }\n\n  .tabulator .tabulator-tableholder .tabulator-placeholder {\n    box-sizing: border-box;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 100%;\n  }\n\n  .tabulator .tabulator-tableholder .tabulator-placeholder[tabulator-render-mode='virtual'] {\n    min-height: 100%;\n    min-width: 100%;\n  }\n\n  .tabulator .tabulator-tableholder .tabulator-placeholder .tabulator-placeholder-contents {\n    display: inline-block;\n    text-align: center;\n    padding: 10px;\n    color: #ccc;\n    font-weight: bold;\n    font-size: 20px;\n    white-space: normal;\n  }\n\n  .tabulator .tabulator-tableholder .tabulator-table {\n    position: relative;\n    display: inline-block;\n    white-space: nowrap;\n    overflow: visible;\n    color: #333;\n  }\n\n  .tabulator .tabulator-tableholder .tabulator-table .tabulator-row.tabulator-calcs {\n    font-weight: bold;\n    background: #f2f2f2;\n  }\n\n  .tabulator\n    .tabulator-tableholder\n    .tabulator-table\n    .tabulator-row.tabulator-calcs.tabulator-calcs-top {\n    border-bottom: 2px solid #ddd;\n  }\n\n  .tabulator\n    .tabulator-tableholder\n    .tabulator-table\n    .tabulator-row.tabulator-calcs.tabulator-calcs-bottom {\n    border-top: 2px solid #ddd;\n  }\n\n  .tabulator .tabulator-footer {\n    border-top: 1px solid #999;\n    background-color: #fff;\n    color: #555;\n    font-weight: bold;\n    white-space: nowrap;\n    user-select: none;\n    -moz-user-select: none;\n    -khtml-user-select: none;\n    -webkit-user-select: none;\n    -o-user-select: none;\n  }\n\n  .tabulator .tabulator-footer .tabulator-footer-contents {\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    justify-content: space-between;\n    padding: 5px 10px;\n  }\n\n  .tabulator .tabulator-footer .tabulator-footer-contents:empty {\n    display: none;\n  }\n\n  .tabulator .tabulator-footer .tabulator-calcs-holder {\n    box-sizing: border-box;\n    width: 100%;\n    text-align: left;\n    background: white !important;\n    border-bottom: 1px solid #ddd;\n    border-top: 1px solid #ddd;\n    overflow: hidden;\n  }\n\n  .tabulator .tabulator-footer .tabulator-calcs-holder .tabulator-row {\n    display: inline-block;\n    background: white !important;\n  }\n\n  .tabulator .tabulator-footer .tabulator-calcs-holder .tabulator-row .tabulator-col-resize-handle {\n    display: none;\n  }\n\n  .tabulator .tabulator-footer .tabulator-calcs-holder:only-child {\n    margin-bottom: -5px;\n    border-bottom: none;\n  }\n\n  .tabulator .tabulator-footer > * + .tabulator-page-counter {\n    margin-left: 10px;\n  }\n\n  .tabulator .tabulator-footer .tabulator-page-counter {\n    font-weight: normal;\n  }\n\n  .tabulator .tabulator-footer .tabulator-paginator {\n    flex: 1;\n    text-align: right;\n    color: #555;\n    font-family: inherit;\n    font-weight: inherit;\n    font-size: inherit;\n  }\n\n  .tabulator .tabulator-footer .tabulator-page-size {\n    display: inline-block;\n    margin: 0 5px;\n    padding: 2px 5px;\n    border: 1px solid #aaa;\n    border-radius: 3px;\n  }\n\n  .tabulator .tabulator-footer .tabulator-pages {\n    margin: 0 7px;\n  }\n\n  .tabulator .tabulator-footer .tabulator-page {\n    display: inline-block;\n    margin: 0 2px;\n    padding: 2px 5px;\n    border: 1px solid #aaa;\n    border-radius: 3px;\n    background: rgba(255, 255, 255, 0.2);\n  }\n\n  .tabulator .tabulator-footer .tabulator-page.active {\n    color: #d00;\n  }\n\n  .tabulator .tabulator-footer .tabulator-page:disabled {\n    opacity: 0.5;\n  }\n\n  @media (hover: hover) and (pointer: fine) {\n    .tabulator .tabulator-footer .tabulator-page:not(.disabled):hover {\n      cursor: pointer;\n      background: rgba(0, 0, 0, 0.2);\n      color: #fff;\n    }\n  }\n\n  .tabulator .tabulator-col-resize-handle {\n    position: relative;\n    display: inline-block;\n    width: 6px;\n    margin-left: -3px;\n    margin-right: -3px;\n    z-index: 10;\n    vertical-align: middle;\n  }\n\n  @media (hover: hover) and (pointer: fine) {\n    .tabulator .tabulator-col-resize-handle:hover {\n      cursor: ew-resize;\n    }\n  }\n\n  .tabulator .tabulator-col-resize-handle:last-of-type {\n    width: 3px;\n    margin-right: 0;\n  }\n\n  .tabulator .tabulator-alert {\n    position: absolute;\n    display: flex;\n    align-items: center;\n    top: 0;\n    left: 0;\n    z-index: 100;\n    height: 100%;\n    width: 100%;\n    background: rgba(0, 0, 0, 0.4);\n    text-align: center;\n  }\n\n  .tabulator .tabulator-alert .tabulator-alert-msg {\n    display: inline-block;\n    margin: 0 auto;\n    padding: 10px 20px;\n    border-radius: 10px;\n    background: #fff;\n    font-weight: bold;\n    font-size: 16px;\n  }\n\n  .tabulator .tabulator-alert .tabulator-alert-msg.tabulator-alert-state-msg {\n    border: 4px solid #333;\n    color: #000;\n  }\n\n  .tabulator .tabulator-alert .tabulator-alert-msg.tabulator-alert-state-error {\n    border: 4px solid #d00;\n    color: #590000;\n  }\n\n  .tabulator-row {\n    position: relative;\n    box-sizing: border-box;\n    min-height: 22px;\n    background-color: #fff;\n  }\n\n  .tabulator-row.tabulator-row-even {\n    background-color: #fff;\n  }\n\n  @media (hover: hover) and (pointer: fine) {\n    .tabulator-row.tabulator-selectable:hover {\n      background-color: #bbb;\n      cursor: pointer;\n    }\n  }\n\n  .tabulator-row.tabulator-selected {\n    background-color: #9abcea;\n  }\n\n  @media (hover: hover) and (pointer: fine) {\n    .tabulator-row.tabulator-selected:hover {\n      background-color: #769bcc;\n      cursor: pointer;\n    }\n  }\n\n  .tabulator-row.tabulator-row-moving {\n    border: 1px solid #000;\n    background: #fff;\n  }\n\n  .tabulator-row.tabulator-moving {\n    position: absolute;\n    border-top: 1px solid #ddd;\n    border-bottom: 1px solid #ddd;\n    pointer-events: none;\n    z-index: 15;\n  }\n\n  .tabulator-row .tabulator-row-resize-handle {\n    position: absolute;\n    right: 0;\n    bottom: 0;\n    left: 0;\n    height: 5px;\n  }\n\n  .tabulator-row .tabulator-row-resize-handle.prev {\n    top: 0;\n    bottom: auto;\n  }\n\n  @media (hover: hover) and (pointer: fine) {\n    .tabulator-row .tabulator-row-resize-handle:hover {\n      cursor: ns-resize;\n    }\n  }\n\n  .tabulator-row .tabulator-responsive-collapse {\n    box-sizing: border-box;\n    padding: 5px;\n    border-top: 1px solid #ddd;\n    border-bottom: 1px solid #ddd;\n  }\n\n  .tabulator-row .tabulator-responsive-collapse:empty {\n    display: none;\n  }\n\n  .tabulator-row .tabulator-responsive-collapse table {\n    font-size: 14px;\n  }\n\n  .tabulator-row .tabulator-responsive-collapse table tr td {\n    position: relative;\n  }\n\n  .tabulator-row .tabulator-responsive-collapse table tr td:first-of-type {\n    padding-right: 10px;\n  }\n\n  .tabulator-row .tabulator-cell {\n    display: inline-flex;\n    position: unset;\n    box-sizing: border-box;\n    padding: 4px 8px;\n    border-right: 1px solid #ddd;\n    vertical-align: middle;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n  }\n\n  .tabulator-row .tabulator-cell.tabulator-frozen {\n    display: inline-flex;\n    position: sticky;\n    left: 0;\n    background-color: inherit;\n    z-index: 11;\n  }\n\n  .tabulator-row .tabulator-cell.tabulator-frozen.tabulator-frozen-left {\n    border-right: 2px solid #ddd;\n  }\n\n  .tabulator-row .tabulator-cell.tabulator-frozen.tabulator-frozen-right {\n    border-left: 2px solid #ddd;\n  }\n\n  .tabulator-row .tabulator-cell.tabulator-editing {\n    border: 1px solid #1d68cd;\n    outline: none;\n    padding: 0;\n  }\n\n  .tabulator-row .tabulator-cell.tabulator-editing input,\n  .tabulator-row .tabulator-cell.tabulator-editing select {\n    border: 1px;\n    background: transparent;\n    outline: none;\n  }\n\n  .tabulator-row .tabulator-cell.tabulator-validation-fail {\n    border: 1px solid #dd0000;\n  }\n\n  .tabulator-row .tabulator-cell.tabulator-validation-fail input,\n  .tabulator-row .tabulator-cell.tabulator-validation-fail select {\n    border: 1px;\n    background: transparent;\n    color: #dd0000;\n  }\n\n  .tabulator-row .tabulator-cell.tabulator-row-handle {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    -moz-user-select: none;\n    -khtml-user-select: none;\n    -webkit-user-select: none;\n    -o-user-select: none;\n  }\n\n  .tabulator-row .tabulator-cell.tabulator-row-handle .tabulator-row-handle-box {\n    width: 80%;\n  }\n\n  .tabulator-row\n    .tabulator-cell.tabulator-row-handle\n    .tabulator-row-handle-box\n    .tabulator-row-handle-bar {\n    width: 100%;\n    height: 3px;\n    margin-top: 2px;\n    background: #666;\n  }\n\n  .tabulator-row .tabulator-cell .tabulator-data-tree-branch-empty {\n    display: inline-block;\n    width: 7px;\n  }\n\n  .tabulator-row .tabulator-cell .tabulator-data-tree-branch {\n    display: inline-block;\n    vertical-align: middle;\n    height: 9px;\n    width: 7px;\n    margin-top: -9px;\n    margin-right: 5px;\n    border-bottom-left-radius: 1px;\n    border-left: 2px solid #ddd;\n    border-bottom: 2px solid #ddd;\n  }\n\n  .tabulator-row .tabulator-cell .tabulator-data-tree-control {\n    display: inline-flex;\n    justify-content: center;\n    align-items: center;\n    vertical-align: middle;\n    height: 11px;\n    width: 11px;\n    margin-right: 5px;\n    border: 1px solid #333;\n    border-radius: 2px;\n    background: rgba(0, 0, 0, 0.1);\n    overflow: hidden;\n  }\n\n  @media (hover: hover) and (pointer: fine) {\n    .tabulator-row .tabulator-cell .tabulator-data-tree-control:hover {\n      cursor: pointer;\n      background: rgba(0, 0, 0, 0.2);\n    }\n  }\n\n  .tabulator-row\n    .tabulator-cell\n    .tabulator-data-tree-control\n    .tabulator-data-tree-control-collapse {\n    display: inline-block;\n    position: relative;\n    height: 7px;\n    width: 1px;\n    background: transparent;\n  }\n\n  .tabulator-row\n    .tabulator-cell\n    .tabulator-data-tree-control\n    .tabulator-data-tree-control-collapse:after {\n    position: absolute;\n    content: '';\n    left: -3px;\n    top: 3px;\n    height: 1px;\n    width: 7px;\n    background: #333;\n  }\n\n  .tabulator-row .tabulator-cell .tabulator-data-tree-control .tabulator-data-tree-control-expand {\n    display: inline-block;\n    position: relative;\n    height: 7px;\n    width: 1px;\n    background: #333;\n  }\n\n  .tabulator-row\n    .tabulator-cell\n    .tabulator-data-tree-control\n    .tabulator-data-tree-control-expand:after {\n    position: absolute;\n    content: '';\n    left: -3px;\n    top: 3px;\n    height: 1px;\n    width: 7px;\n    background: #333;\n  }\n\n  .tabulator-row .tabulator-cell .tabulator-responsive-collapse-toggle {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    -moz-user-select: none;\n    -khtml-user-select: none;\n    -webkit-user-select: none;\n    -o-user-select: none;\n    height: 15px;\n    width: 15px;\n    border-radius: 20px;\n    background: #666;\n    color: #fff;\n    font-weight: bold;\n    font-size: 1.1em;\n  }\n\n  @media (hover: hover) and (pointer: fine) {\n    .tabulator-row .tabulator-cell .tabulator-responsive-collapse-toggle:hover {\n      opacity: 0.7;\n      cursor: pointer;\n    }\n  }\n\n  .tabulator-row\n    .tabulator-cell\n    .tabulator-responsive-collapse-toggle.open\n    .tabulator-responsive-collapse-toggle-close {\n    display: initial;\n  }\n\n  .tabulator-row\n    .tabulator-cell\n    .tabulator-responsive-collapse-toggle.open\n    .tabulator-responsive-collapse-toggle-open {\n    display: none;\n  }\n\n  .tabulator-row .tabulator-cell .tabulator-responsive-collapse-toggle svg {\n    stroke: #fff;\n  }\n\n  .tabulator-row\n    .tabulator-cell\n    .tabulator-responsive-collapse-toggle\n    .tabulator-responsive-collapse-toggle-close {\n    display: none;\n  }\n\n  .tabulator-row .tabulator-cell .tabulator-traffic-light {\n    display: inline-block;\n    height: 14px;\n    width: 14px;\n    border-radius: 14px;\n  }\n\n  .tabulator-row.tabulator-group {\n    box-sizing: border-box;\n    border-bottom: 1px solid #999;\n    border-right: 1px solid #ddd;\n    border-top: 1px solid #999;\n    padding: 5px;\n    padding-left: 10px;\n    background: #ccc;\n    font-weight: bold;\n    min-width: 100%;\n  }\n\n  @media (hover: hover) and (pointer: fine) {\n    .tabulator-row.tabulator-group:hover {\n      cursor: pointer;\n      background-color: rgba(0, 0, 0, 0.1);\n    }\n  }\n\n  .tabulator-row.tabulator-group.tabulator-group-visible .tabulator-arrow {\n    margin-right: 10px;\n    border-left: 6px solid transparent;\n    border-right: 6px solid transparent;\n    border-top: 6px solid #666;\n    border-bottom: 0;\n  }\n\n  .tabulator-row.tabulator-group.tabulator-group-level-1 {\n    padding-left: 30px;\n  }\n\n  .tabulator-row.tabulator-group.tabulator-group-level-2 {\n    padding-left: 50px;\n  }\n\n  .tabulator-row.tabulator-group.tabulator-group-level-3 {\n    padding-left: 70px;\n  }\n\n  .tabulator-row.tabulator-group.tabulator-group-level-4 {\n    padding-left: 90px;\n  }\n\n  .tabulator-row.tabulator-group.tabulator-group-level-5 {\n    padding-left: 110px;\n  }\n\n  .tabulator-row.tabulator-group .tabulator-group-toggle {\n    display: inline-block;\n  }\n\n  .tabulator-row.tabulator-group .tabulator-arrow {\n    display: inline-block;\n    width: 0;\n    height: 0;\n    margin-right: 16px;\n    border-top: 6px solid transparent;\n    border-bottom: 6px solid transparent;\n    border-right: 0;\n    border-left: 6px solid #666;\n    vertical-align: middle;\n  }\n\n  .tabulator-row.tabulator-group span {\n    margin-left: 10px;\n    color: #d00;\n  }\n\n  .tabulator-popup-container {\n    position: absolute;\n    display: inline-block;\n    box-sizing: border-box;\n    background: #fff;\n    border: 1px solid #ddd;\n    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);\n    font-size: 14px;\n    overflow-y: auto;\n    -webkit-overflow-scrolling: touch;\n    z-index: 10000;\n  }\n\n  .tabulator-popup {\n    padding: 5px;\n    border-radius: 3px;\n  }\n\n  .tabulator-tooltip {\n    max-width: Min(500px, 100%);\n    padding: 3px 5px;\n    border-radius: 2px;\n    box-shadow: none;\n    font-size: 12px;\n    pointer-events: none;\n  }\n\n  .tabulator-menu .tabulator-menu-item {\n    position: relative;\n    box-sizing: border-box;\n    padding: 5px 10px;\n    user-select: none;\n  }\n\n  .tabulator-menu .tabulator-menu-item.tabulator-menu-item-disabled {\n    opacity: 0.5;\n  }\n\n  @media (hover: hover) and (pointer: fine) {\n    .tabulator-menu .tabulator-menu-item:not(.tabulator-menu-item-disabled):hover {\n      cursor: pointer;\n      background: #fff;\n    }\n  }\n\n  .tabulator-menu .tabulator-menu-item.tabulator-menu-item-submenu {\n    padding-right: 25px;\n  }\n\n  .tabulator-menu .tabulator-menu-item.tabulator-menu-item-submenu::after {\n    display: inline-block;\n    position: absolute;\n    top: calc(5px + 0.4em);\n    right: 10px;\n    height: 7px;\n    width: 7px;\n    content: '';\n    border-width: 1px 1px 0 0;\n    border-style: solid;\n    border-color: #ddd;\n    vertical-align: top;\n    transform: rotate(45deg);\n  }\n\n  .tabulator-menu .tabulator-menu-separator {\n    border-top: 1px solid #ddd;\n  }\n\n  .tabulator-edit-list {\n    max-height: 200px;\n    font-size: 14px;\n    overflow-y: auto;\n    -webkit-overflow-scrolling: touch;\n  }\n\n  .tabulator-edit-list .tabulator-edit-list-item {\n    padding: 4px;\n    color: #333;\n    outline: none;\n  }\n\n  .tabulator-edit-list .tabulator-edit-list-item.active {\n    color: #fff;\n    background: #1d68cd;\n  }\n\n  .tabulator-edit-list .tabulator-edit-list-item.active.focused {\n    outline: 1px solid rgba(255, 255, 255, 0.5);\n  }\n\n  .tabulator-edit-list .tabulator-edit-list-item.focused {\n    outline: 1px solid #1d68cd;\n  }\n\n  @media (hover: hover) and (pointer: fine) {\n    .tabulator-edit-list .tabulator-edit-list-item:hover {\n      cursor: pointer;\n      color: #fff;\n      background: #1d68cd;\n    }\n  }\n\n  .tabulator-edit-list .tabulator-edit-list-placeholder {\n    padding: 4px;\n    color: #333;\n    text-align: center;\n  }\n\n  .tabulator-edit-list .tabulator-edit-list-group {\n    border-bottom: 1px solid #ddd;\n    padding: 4px;\n    padding-top: 6px;\n    color: #333;\n    font-weight: bold;\n  }\n\n  .tabulator-edit-list .tabulator-edit-list-item.tabulator-edit-list-group-level-2,\n  .tabulator-edit-list .tabulator-edit-list-group.tabulator-edit-list-group-level-2 {\n    padding-left: 12px;\n  }\n\n  .tabulator-edit-list .tabulator-edit-list-item.tabulator-edit-list-group-level-3,\n  .tabulator-edit-list .tabulator-edit-list-group.tabulator-edit-list-group-level-3 {\n    padding-left: 20px;\n  }\n\n  .tabulator-edit-list .tabulator-edit-list-item.tabulator-edit-list-group-level-4,\n  .tabulator-edit-list .tabulator-edit-list-group.tabulator-edit-list-group-level-4 {\n    padding-left: 28px;\n  }\n\n  .tabulator-edit-list .tabulator-edit-list-item.tabulator-edit-list-group-level-5,\n  .tabulator-edit-list .tabulator-edit-list-group.tabulator-edit-list-group-level-5 {\n    padding-left: 36px;\n  }\n\n  .tabulator.tabulator-ltr {\n    direction: ltr;\n  }\n\n  .tabulator.tabulator-rtl {\n    text-align: initial;\n    direction: rtl;\n  }\n\n  .tabulator.tabulator-rtl .tabulator-header .tabulator-col {\n    text-align: initial;\n    border-left: 1px solid #ddd;\n    border-right: initial;\n  }\n\n  .tabulator.tabulator-rtl\n    .tabulator-header\n    .tabulator-col.tabulator-col-group\n    .tabulator-col-group-cols {\n    margin-right: initial;\n    margin-left: -1px;\n  }\n\n  .tabulator.tabulator-rtl\n    .tabulator-header\n    .tabulator-col.tabulator-sortable\n    .tabulator-col-title {\n    padding-right: 0;\n    padding-left: 25px;\n  }\n\n  .tabulator.tabulator-rtl\n    .tabulator-header\n    .tabulator-col\n    .tabulator-col-content\n    .tabulator-col-sorter {\n    left: 8px;\n    right: initial;\n  }\n\n  .tabulator.tabulator-rtl .tabulator-row .tabulator-cell {\n    border-right: initial;\n    border-left: 1px solid #ddd;\n  }\n\n  .tabulator.tabulator-rtl .tabulator-row .tabulator-cell .tabulator-data-tree-branch {\n    margin-right: initial;\n    margin-left: 5px;\n    border-bottom-left-radius: initial;\n    border-bottom-right-radius: 1px;\n    border-left: initial;\n    border-right: 2px solid #ddd;\n  }\n\n  .tabulator.tabulator-rtl .tabulator-row .tabulator-cell .tabulator-data-tree-control {\n    margin-right: initial;\n    margin-left: 5px;\n  }\n\n  .tabulator.tabulator-rtl .tabulator-row .tabulator-cell.tabulator-frozen.tabulator-frozen-left {\n    border-left: 2px solid #ddd;\n  }\n\n  .tabulator.tabulator-rtl .tabulator-row .tabulator-cell.tabulator-frozen.tabulator-frozen-right {\n    border-right: 2px solid #ddd;\n  }\n\n  .tabulator.tabulator-rtl .tabulator-row .tabulator-col-resize-handle:last-of-type {\n    width: 3px;\n    margin-left: 0;\n    margin-right: -3px;\n  }\n\n  .tabulator.tabulator-rtl .tabulator-footer .tabulator-calcs-holder {\n    text-align: initial;\n  }\n\n  .tabulator-print-fullscreen {\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    left: 0;\n    right: 0;\n    z-index: 10000;\n  }\n\n  body.tabulator-print-fullscreen-hide > *:not(.tabulator-print-fullscreen) {\n    display: none !important;\n  }\n\n  .tabulator-print-table {\n    border-collapse: collapse;\n  }\n\n  .tabulator-print-table .tabulator-data-tree-branch {\n    display: inline-block;\n    vertical-align: middle;\n    height: 9px;\n    width: 7px;\n    margin-top: -9px;\n    margin-right: 5px;\n    border-bottom-left-radius: 1px;\n    border-left: 2px solid #ddd;\n    border-bottom: 2px solid #ddd;\n  }\n\n  .tabulator-print-table .tabulator-print-table-group {\n    box-sizing: border-box;\n    border-bottom: 1px solid #999;\n    border-right: 1px solid #ddd;\n    border-top: 1px solid #999;\n    padding: 5px;\n    padding-left: 10px;\n    background: #ccc;\n    font-weight: bold;\n    min-width: 100%;\n  }\n\n  @media (hover: hover) and (pointer: fine) {\n    .tabulator-print-table .tabulator-print-table-group:hover {\n      cursor: pointer;\n      background-color: rgba(0, 0, 0, 0.1);\n    }\n  }\n\n  .tabulator-print-table .tabulator-print-table-group.tabulator-group-visible .tabulator-arrow {\n    margin-right: 10px;\n    border-left: 6px solid transparent;\n    border-right: 6px solid transparent;\n    border-top: 6px solid #666;\n    border-bottom: 0;\n  }\n\n  .tabulator-print-table .tabulator-print-table-group.tabulator-group-level-1 td {\n    padding-left: 30px !important;\n  }\n\n  .tabulator-print-table .tabulator-print-table-group.tabulator-group-level-2 td {\n    padding-left: 50px !important;\n  }\n\n  .tabulator-print-table .tabulator-print-table-group.tabulator-group-level-3 td {\n    padding-left: 70px !important;\n  }\n\n  .tabulator-print-table .tabulator-print-table-group.tabulator-group-level-4 td {\n    padding-left: 90px !important;\n  }\n\n  .tabulator-print-table .tabulator-print-table-group.tabulator-group-level-5 td {\n    padding-left: 110px !important;\n  }\n\n  .tabulator-print-table .tabulator-print-table-group .tabulator-group-toggle {\n    display: inline-block;\n  }\n\n  .tabulator-print-table .tabulator-print-table-group .tabulator-arrow {\n    display: inline-block;\n    width: 0;\n    height: 0;\n    margin-right: 16px;\n    border-top: 6px solid transparent;\n    border-bottom: 6px solid transparent;\n    border-right: 0;\n    border-left: 6px solid #666;\n    vertical-align: middle;\n  }\n\n  .tabulator-print-table .tabulator-print-table-group span {\n    margin-left: 10px;\n    color: #d00;\n  }\n\n  .tabulator-print-table .tabulator-data-tree-control {\n    display: inline-flex;\n    justify-content: center;\n    align-items: center;\n    vertical-align: middle;\n    height: 11px;\n    width: 11px;\n    margin-right: 5px;\n    border: 1px solid #333;\n    border-radius: 2px;\n    background: rgba(0, 0, 0, 0.1);\n    overflow: hidden;\n  }\n\n  @media (hover: hover) and (pointer: fine) {\n    .tabulator-print-table .tabulator-data-tree-control:hover {\n      cursor: pointer;\n      background: rgba(0, 0, 0, 0.2);\n    }\n  }\n\n  .tabulator-print-table .tabulator-data-tree-control .tabulator-data-tree-control-collapse {\n    display: inline-block;\n    position: relative;\n    height: 7px;\n    width: 1px;\n    background: transparent;\n  }\n\n  .tabulator-print-table .tabulator-data-tree-control .tabulator-data-tree-control-collapse:after {\n    position: absolute;\n    content: '';\n    left: -3px;\n    top: 3px;\n    height: 1px;\n    width: 7px;\n    background: #333;\n  }\n\n  .tabulator-print-table .tabulator-data-tree-control .tabulator-data-tree-control-expand {\n    display: inline-block;\n    position: relative;\n    height: 7px;\n    width: 1px;\n    background: #333;\n  }\n\n  .tabulator-print-table .tabulator-data-tree-control .tabulator-data-tree-control-expand:after {\n    position: absolute;\n    content: '';\n    left: -3px;\n    top: 3px;\n    height: 1px;\n    width: 7px;\n    background: #333;\n  }\n\n  .tabulator {\n    border: none;\n    background-color: #fff;\n  }\n\n  .tabulator .tabulator-header .tabulator-calcs-holder {\n    background: #f2f2f2 !important;\n    border-bottom: 1px solid #999;\n  }\n\n  .tabulator .tabulator-header .tabulator-calcs-holder .tabulator-row {\n    background: #f2f2f2 !important;\n  }\n\n  .tabulator .tabulator-tableholder .tabulator-placeholder span {\n    color: #000;\n  }\n\n  .tabulator .tabulator-footer .tabulator-calcs-holder {\n    background: #f2f2f2 !important;\n    border-bottom: 1px solid #fff;\n  }\n\n  .tabulator .tabulator-footer .tabulator-calcs-holder .tabulator-row {\n    background: #f2f2f2 !important;\n  }\n\n  .tabulator-row {\n    border-bottom: 1px solid #ddd;\n  }\n\n  .tabulator-row .tabulator-cell:last-of-type {\n    border-right: none;\n  }\n\n  .tabulator-row.tabulator-group span {\n    color: #666;\n  }\n\n  .tabulator-print-table .tabulator-print-table-group span {\n    margin-left: 10px;\n    color: #666;\n  }\n\n  /*# sourceMappingURL=tabulator_simple.css.map */\n`",
-          "description": "External styles for the Tabulator grid.",
+          "kind": "function",
+          "name": "textFormatter",
+          "return": {
+            "type": {
+              "text": ""
+            }
+          },
+          "parameters": [
+            {
+              "name": "cell",
+              "type": {
+                "text": "any"
+              },
+              "description": "The cell component provided by Tabulator"
+            },
+            {
+              "name": "formatterParams",
+              "default": "{}",
+              "type": {
+                "text": "TextFormatterParams<T>"
+              },
+              "description": "Text formatter parameters"
+            }
+          ],
+          "description": "Text formatter for customized display of values.\nStyled to match grid-pro text renderer.",
           "privacy": "public"
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "tabulatorThemeSimpleCSS",
+          "name": "textFormatter",
           "declaration": {
-            "name": "tabulatorThemeSimpleCSS",
-            "module": "src/external/tabulator-theme-simple-css.ts"
+            "name": "textFormatter",
+            "module": "src/cell-formatters/text.formatter.ts"
           }
         }
       ]