@genesislcap/grid-tabulator 14.461.2 → 14.461.3-alpha-5a8ece015.0

package/dist/custom-elements.json

@@ -1657,117 +1657,67 @@
     },
     {
       "kind": "javascript-module",
-      "path": "src/column/column.ts",
+      "path": "src/cell-editors/date.editor.ts",
       "declarations": [
         {
           "kind": "class",
-          "description": "The GridTabulator Column element.",
-          "name": "GridTabulatorColumn",
+          "description": "The date editor class for grid-tabulator",
+          "name": "DateEditor",
           "members": [
             {
               "kind": "field",
-              "name": "slottedCell",
+              "name": "params",
               "type": {
-                "text": "HTMLElement[]"
-              },
-              "privacy": "public"
+                "text": "DateEditorParams"
+              }
             },
             {
               "kind": "field",
-              "name": "definition",
+              "name": "dateField",
               "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"
+                "text": "any"
               }
             },
             {
               "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",
@@ -1881,42 +1831,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": [
         {
@@ -1924,30 +1911,62 @@
           "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/cell-editors/date.editor.ts",
+      "path": "src/cell-editors/multiselect.editor.ts",
       "declarations": [
         {
           "kind": "class",
-          "description": "The date editor class for grid-tabulator",
-          "name": "DateEditor",
+          "description": "The multiselect editor class for grid-tabulator",
+          "name": "MultiselectEditor",
           "members": [
             {
               "kind": "field",
               "name": "params",
               "type": {
-                "text": "DateEditorParams"
+                "text": "MultiselectEditorParams"
               }
             },
             {
               "kind": "field",
-              "name": "dateField",
+              "name": "select",
               "type": {
                 "text": "any"
               }
@@ -1959,7 +1978,7 @@
                 {
                   "name": "params",
                   "type": {
-                    "text": "DateEditorParams"
+                    "text": "MultiselectEditorParams"
                   }
                 }
               ],
@@ -1967,18 +1986,36 @@
             },
             {
               "kind": "method",
-              "name": "getValue",
-              "description": "Get current value"
+              "name": "getValues",
+              "return": {
+                "type": {
+                  "text": "(string | number)[]"
+                }
+              },
+              "description": "Get current values"
             },
             {
               "kind": "method",
-              "name": "getFormattedValue",
-              "description": "Format value for display"
+              "name": "focus",
+              "description": "Set focus to the select"
             },
             {
               "kind": "method",
-              "name": "focus",
-              "description": "Set focus to the input"
+              "name": "isSelected",
+              "return": {
+                "type": {
+                  "text": "boolean"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "value",
+                  "type": {
+                    "text": "string | number"
+                  }
+                }
+              ],
+              "description": "Check if a value is selected"
             },
             {
               "kind": "method",
@@ -1993,6 +2030,11 @@
               ],
               "description": "Process key down events"
             },
+            {
+              "kind": "method",
+              "name": "handleChange",
+              "description": "Handle change event to save when selection changes"
+            },
             {
               "kind": "field",
               "name": "_presentation",
@@ -2112,13 +2154,13 @@
         },
         {
           "kind": "variable",
-          "name": "dateEditorStyles",
+          "name": "multiselectEditorStyles",
           "default": "css`\n  :host {\n    display: block;\n    width: 100%;\n    height: 100%;\n  }\n`",
-          "description": "Styles for the date editor"
+          "description": "Styles for the multiselect editor"
         },
         {
           "kind": "function",
-          "name": "getDateEditorTemplate",
+          "name": "getMultiselectEditorTemplate",
           "parameters": [
             {
               "name": "prefix",
@@ -2126,121 +2168,73 @@
               "description": "The design system prefix to use. Defaults to 'foundation'."
             }
           ],
-          "description": "Get a Design System prefixed date field template.",
+          "description": "Get a Design System prefixed Select template.",
           "return": {
             "type": {
               "text": ""
             }
-          },
-          "privacy": "public"
+          }
         },
         {
           "kind": "variable",
-          "name": "foundationDateEditor",
-          "description": "Definition for the date editor component"
+          "name": "foundationMultiselectEditor",
+          "description": "Definition for the multiselect editor component"
         }
       ],
       "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",
-          "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/cell-editors/index.ts",
-      "declarations": [],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "package": "./date.editor"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "*",
+          "name": "MultiselectEditor",
           "declaration": {
-            "name": "*",
-            "package": "./number.editor"
+            "name": "MultiselectEditor",
+            "module": "src/cell-editors/multiselect.editor.ts"
           }
         },
         {
           "kind": "js",
-          "name": "*",
+          "name": "multiselectEditorStyles",
           "declaration": {
-            "name": "*",
-            "package": "./select.editor"
+            "name": "multiselectEditorStyles",
+            "module": "src/cell-editors/multiselect.editor.ts"
           }
         },
         {
           "kind": "js",
-          "name": "*",
+          "name": "getMultiselectEditorTemplate",
           "declaration": {
-            "name": "*",
-            "package": "./string.editor"
+            "name": "getMultiselectEditorTemplate",
+            "module": "src/cell-editors/multiselect.editor.ts"
           }
         },
         {
           "kind": "js",
-          "name": "*",
+          "name": "foundationMultiselectEditor",
           "declaration": {
-            "name": "*",
-            "package": "./multiselect.editor"
+            "name": "foundationMultiselectEditor",
+            "module": "src/cell-editors/multiselect.editor.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/cell-editors/multiselect.editor.ts",
+      "path": "src/cell-editors/number.editor.ts",
       "declarations": [
         {
           "kind": "class",
-          "description": "The multiselect editor class for grid-tabulator",
-          "name": "MultiselectEditor",
+          "description": "The number editor class for grid-tabulator",
+          "name": "NumberEditor",
           "members": [
             {
               "kind": "field",
               "name": "params",
               "type": {
-                "text": "MultiselectEditorParams"
+                "text": "NumberEditorParams"
               }
             },
             {
               "kind": "field",
-              "name": "select",
+              "name": "numberField",
               "type": {
                 "text": "any"
               }
@@ -2252,7 +2246,7 @@
                 {
                   "name": "params",
                   "type": {
-                    "text": "MultiselectEditorParams"
+                    "text": "NumberEditorParams"
                   }
                 }
               ],
@@ -2260,36 +2254,13 @@
             },
             {
               "kind": "method",
-              "name": "getValues",
-              "return": {
-                "type": {
-                  "text": "(string | number)[]"
-                }
-              },
-              "description": "Get current values"
+              "name": "getValue",
+              "description": "Get current value"
             },
             {
               "kind": "method",
               "name": "focus",
-              "description": "Set focus to the select"
-            },
-            {
-              "kind": "method",
-              "name": "isSelected",
-              "return": {
-                "type": {
-                  "text": "boolean"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "value",
-                  "type": {
-                    "text": "string | number"
-                  }
-                }
-              ],
-              "description": "Check if a value is selected"
+              "description": "Set focus to the input"
             },
             {
               "kind": "method",
@@ -2304,11 +2275,6 @@
               ],
               "description": "Process key down events"
             },
-            {
-              "kind": "method",
-              "name": "handleChange",
-              "description": "Handle change event to save when selection changes"
-            },
             {
               "kind": "field",
               "name": "_presentation",
@@ -2428,13 +2394,13 @@
         },
         {
           "kind": "variable",
-          "name": "multiselectEditorStyles",
+          "name": "numberEditorStyles",
           "default": "css`\n  :host {\n    display: block;\n    width: 100%;\n    height: 100%;\n  }\n`",
-          "description": "Styles for the multiselect editor"
+          "description": "Styles for the number editor"
         },
         {
           "kind": "function",
-          "name": "getMultiselectEditorTemplate",
+          "name": "getNumberEditorTemplate",
           "parameters": [
             {
               "name": "prefix",
@@ -2442,7 +2408,7 @@
               "description": "The design system prefix to use. Defaults to 'foundation'."
             }
           ],
-          "description": "Get a Design System prefixed Select template.",
+          "description": "Get a Design System prefixed number field template.",
           "return": {
             "type": {
               "text": ""
@@ -2451,64 +2417,64 @@
         },
         {
           "kind": "variable",
-          "name": "foundationMultiselectEditor",
-          "description": "Definition for the multiselect editor component"
+          "name": "foundationNumberEditor",
+          "description": "Definition for the number editor component"
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "MultiselectEditor",
+          "name": "NumberEditor",
           "declaration": {
-            "name": "MultiselectEditor",
-            "module": "src/cell-editors/multiselect.editor.ts"
+            "name": "NumberEditor",
+            "module": "src/cell-editors/number.editor.ts"
           }
         },
         {
           "kind": "js",
-          "name": "multiselectEditorStyles",
+          "name": "numberEditorStyles",
           "declaration": {
-            "name": "multiselectEditorStyles",
-            "module": "src/cell-editors/multiselect.editor.ts"
+            "name": "numberEditorStyles",
+            "module": "src/cell-editors/number.editor.ts"
           }
         },
         {
           "kind": "js",
-          "name": "getMultiselectEditorTemplate",
+          "name": "getNumberEditorTemplate",
           "declaration": {
-            "name": "getMultiselectEditorTemplate",
-            "module": "src/cell-editors/multiselect.editor.ts"
+            "name": "getNumberEditorTemplate",
+            "module": "src/cell-editors/number.editor.ts"
           }
         },
         {
           "kind": "js",
-          "name": "foundationMultiselectEditor",
+          "name": "foundationNumberEditor",
           "declaration": {
-            "name": "foundationMultiselectEditor",
-            "module": "src/cell-editors/multiselect.editor.ts"
+            "name": "foundationNumberEditor",
+            "module": "src/cell-editors/number.editor.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/cell-editors/number.editor.ts",
+      "path": "src/cell-editors/select.editor.ts",
       "declarations": [
         {
           "kind": "class",
-          "description": "The number editor class for grid-tabulator",
-          "name": "NumberEditor",
+          "description": "The select editor class for grid-tabulator",
+          "name": "SelectEditor",
           "members": [
             {
               "kind": "field",
               "name": "params",
               "type": {
-                "text": "NumberEditorParams"
+                "text": "SelectEditorParams"
               }
             },
             {
               "kind": "field",
-              "name": "numberField",
+              "name": "select",
               "type": {
                 "text": "any"
               }
@@ -2520,7 +2486,7 @@
                 {
                   "name": "params",
                   "type": {
-                    "text": "NumberEditorParams"
+                    "text": "SelectEditorParams"
                   }
                 }
               ],
@@ -2534,7 +2500,7 @@
             {
               "kind": "method",
               "name": "focus",
-              "description": "Set focus to the input"
+              "description": "Set focus to the select"
             },
             {
               "kind": "method",
@@ -2549,6 +2515,11 @@
               ],
               "description": "Process key down events"
             },
+            {
+              "kind": "method",
+              "name": "handleChange",
+              "description": "Handle change event"
+            },
             {
               "kind": "field",
               "name": "_presentation",
@@ -2668,13 +2639,13 @@
         },
         {
           "kind": "variable",
-          "name": "numberEditorStyles",
+          "name": "selectEditorStyles",
           "default": "css`\n  :host {\n    display: block;\n    width: 100%;\n    height: 100%;\n  }\n`",
-          "description": "Styles for the number editor"
+          "description": "Styles for the select editor"
         },
         {
           "kind": "function",
-          "name": "getNumberEditorTemplate",
+          "name": "getSelectEditorTemplate",
           "parameters": [
             {
               "name": "prefix",
@@ -2682,73 +2653,74 @@
               "description": "The design system prefix to use. Defaults to 'foundation'."
             }
           ],
-          "description": "Get a Design System prefixed number field template.",
+          "description": "Get a Design System prefixed Select template.",
           "return": {
             "type": {
               "text": ""
             }
-          }
+          },
+          "privacy": "public"
         },
         {
           "kind": "variable",
-          "name": "foundationNumberEditor",
-          "description": "Definition for the number editor component"
+          "name": "foundationSelectEditor",
+          "description": "Definition for the select editor component"
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "NumberEditor",
+          "name": "SelectEditor",
           "declaration": {
-            "name": "NumberEditor",
-            "module": "src/cell-editors/number.editor.ts"
+            "name": "SelectEditor",
+            "module": "src/cell-editors/select.editor.ts"
           }
         },
         {
           "kind": "js",
-          "name": "numberEditorStyles",
+          "name": "selectEditorStyles",
           "declaration": {
-            "name": "numberEditorStyles",
-            "module": "src/cell-editors/number.editor.ts"
+            "name": "selectEditorStyles",
+            "module": "src/cell-editors/select.editor.ts"
           }
         },
         {
           "kind": "js",
-          "name": "getNumberEditorTemplate",
+          "name": "getSelectEditorTemplate",
           "declaration": {
-            "name": "getNumberEditorTemplate",
-            "module": "src/cell-editors/number.editor.ts"
+            "name": "getSelectEditorTemplate",
+            "module": "src/cell-editors/select.editor.ts"
           }
         },
         {
           "kind": "js",
-          "name": "foundationNumberEditor",
+          "name": "foundationSelectEditor",
           "declaration": {
-            "name": "foundationNumberEditor",
-            "module": "src/cell-editors/number.editor.ts"
+            "name": "foundationSelectEditor",
+            "module": "src/cell-editors/select.editor.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/cell-editors/select.editor.ts",
+      "path": "src/cell-editors/string.editor.ts",
       "declarations": [
         {
           "kind": "class",
-          "description": "The select editor class for grid-tabulator",
-          "name": "SelectEditor",
+          "description": "The string editor class for grid-tabulator",
+          "name": "StringEditor",
           "members": [
             {
               "kind": "field",
               "name": "params",
               "type": {
-                "text": "SelectEditorParams"
+                "text": "StringEditorParams"
               }
             },
             {
               "kind": "field",
-              "name": "select",
+              "name": "textField",
               "type": {
                 "text": "any"
               }
@@ -2760,7 +2732,7 @@
                 {
                   "name": "params",
                   "type": {
-                    "text": "SelectEditorParams"
+                    "text": "StringEditorParams"
                   }
                 }
               ],
@@ -2774,7 +2746,7 @@
             {
               "kind": "method",
               "name": "focus",
-              "description": "Set focus to the select"
+              "description": "Set focus to the input"
             },
             {
               "kind": "method",
@@ -2789,11 +2761,6 @@
               ],
               "description": "Process key down events"
             },
-            {
-              "kind": "method",
-              "name": "handleChange",
-              "description": "Handle change event"
-            },
             {
               "kind": "field",
               "name": "_presentation",
@@ -2913,13 +2880,13 @@
         },
         {
           "kind": "variable",
-          "name": "selectEditorStyles",
+          "name": "stringEditorStyles",
           "default": "css`\n  :host {\n    display: block;\n    width: 100%;\n    height: 100%;\n  }\n`",
-          "description": "Styles for the select editor"
+          "description": "Styles for the string editor"
         },
         {
           "kind": "function",
-          "name": "getSelectEditorTemplate",
+          "name": "getStringEditorTemplate",
           "parameters": [
             {
               "name": "prefix",
@@ -2927,113 +2894,167 @@
               "description": "The design system prefix to use. Defaults to 'foundation'."
             }
           ],
-          "description": "Get a Design System prefixed Select template.",
+          "description": "Get a Design System prefixed text field template.",
           "return": {
             "type": {
               "text": ""
             }
-          },
-          "privacy": "public"
+          }
         },
         {
           "kind": "variable",
-          "name": "foundationSelectEditor",
-          "description": "Definition for the select editor component"
+          "name": "foundationStringEditor",
+          "description": "Definition for the string editor component"
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "SelectEditor",
+          "name": "StringEditor",
           "declaration": {
-            "name": "SelectEditor",
-            "module": "src/cell-editors/select.editor.ts"
+            "name": "StringEditor",
+            "module": "src/cell-editors/string.editor.ts"
           }
         },
         {
           "kind": "js",
-          "name": "selectEditorStyles",
+          "name": "stringEditorStyles",
           "declaration": {
-            "name": "selectEditorStyles",
-            "module": "src/cell-editors/select.editor.ts"
+            "name": "stringEditorStyles",
+            "module": "src/cell-editors/string.editor.ts"
           }
         },
         {
           "kind": "js",
-          "name": "getSelectEditorTemplate",
+          "name": "getStringEditorTemplate",
           "declaration": {
-            "name": "getSelectEditorTemplate",
-            "module": "src/cell-editors/select.editor.ts"
+            "name": "getStringEditorTemplate",
+            "module": "src/cell-editors/string.editor.ts"
           }
         },
         {
           "kind": "js",
-          "name": "foundationSelectEditor",
+          "name": "foundationStringEditor",
           "declaration": {
-            "name": "foundationSelectEditor",
-            "module": "src/cell-editors/select.editor.ts"
+            "name": "foundationStringEditor",
+            "module": "src/cell-editors/string.editor.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/cell-editors/string.editor.ts",
+      "path": "src/column/column.ts",
       "declarations": [
         {
           "kind": "class",
-          "description": "The string editor class for grid-tabulator",
-          "name": "StringEditor",
+          "description": "The GridTabulator Column element.",
+          "name": "GridTabulatorColumn",
           "members": [
             {
               "kind": "field",
-              "name": "params",
+              "name": "slottedCell",
               "type": {
-                "text": "StringEditorParams"
-              }
+                "text": "HTMLElement[]"
+              },
+              "privacy": "public"
             },
             {
               "kind": "field",
-              "name": "textField",
+              "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": "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",
@@ -3147,126 +3168,503 @@
               }
             }
           ],
-          "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": [
+          "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 text field template.",
-          "return": {
-            "type": {
-              "text": ""
-            }
-          }
-        },
-        {
-          "kind": "variable",
-          "name": "foundationStringEditor",
-          "description": "Definition for the string editor component"
+          "superclass": {
+            "name": "FoundationElement",
+            "package": "@microsoft/fast-foundation"
+          },
+          "tagName": "grid-tabulator-column",
+          "customElement": true
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "StringEditor",
-          "declaration": {
-            "name": "StringEditor",
-            "module": "src/cell-editors/string.editor.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "stringEditorStyles",
+          "name": "GridTabulatorColumn",
           "declaration": {
-            "name": "stringEditorStyles",
-            "module": "src/cell-editors/string.editor.ts"
+            "name": "GridTabulatorColumn",
+            "module": "src/column/column.ts"
           }
         },
         {
-          "kind": "js",
-          "name": "getStringEditorTemplate",
+          "kind": "custom-element-definition",
+          "name": "grid-tabulator-column",
           "declaration": {
-            "name": "getStringEditorTemplate",
-            "module": "src/cell-editors/string.editor.ts"
+            "name": "GridTabulatorColumn",
+            "module": "src/column/column.ts"
           }
-        },
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/column/index.ts",
+      "declarations": [],
+      "exports": [
         {
           "kind": "js",
-          "name": "foundationStringEditor",
+          "name": "*",
           "declaration": {
-            "name": "foundationStringEditor",
-            "module": "src/cell-editors/string.editor.ts"
+            "name": "*",
+            "package": "./column"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/datasource/client-side.datasource.ts",
+      "path": "src/cell-formatters/action.formatter.ts",
       "declarations": [
         {
-          "kind": "variable",
-          "name": "criteriaDelimiter",
-          "type": {
-            "text": "string"
-          },
-          "default": "';'",
-          "description": "Delimiter for criteria in the datasource"
-        },
-        {
-          "kind": "variable",
-          "name": "criteriaJoin",
-          "type": {
-            "text": "string"
+          "kind": "function",
+          "name": "actionFormatter",
+          "return": {
+            "type": {
+              "text": ""
+            }
           },
-          "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",
-          "members": [
-            {
-              "kind": "field",
-              "name": "auth",
-              "type": {
-                "text": "Auth"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "connect",
-              "type": {
-                "text": "Connect"
-              }
-            },
+          "parameters": [
             {
-              "kind": "field",
-              "name": "datasource",
+              "name": "cell",
               "type": {
-                "text": "Datasource"
-              }
+                "text": "any"
+              },
+              "description": "The cell component provided by Tabulator"
             },
             {
-              "kind": "field",
-              "name": "deferredGridOptions",
+              "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"
+        }
+      ],
+      "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": "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"
+        }
+      ],
+      "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": "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.",
+          "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": ""
+            }
+          },
+          "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",
+          "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"
+          },
+          "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": "*",
+          "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",
+          "declaration": {
+            "name": "formatters",
+            "module": "src/cell-formatters/index.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/cell-formatters/select.formatter.ts",
+      "declarations": [
+        {
+          "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": "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",
+              "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/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 Genesis Datasource element, for client-side data fetching and used exclusively by the GridTabulator element.",
+          "name": "GridTabulatorClientSideDatasource",
+          "members": [
+            {
+              "kind": "field",
+              "name": "auth",
+              "type": {
+                "text": "Auth"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "connect",
+              "type": {
+                "text": "Connect"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "datasource",
+              "type": {
+                "text": "Datasource"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "deferredGridOptions",
               "type": {
                 "text": "Options"
               }
@@ -4053,497 +4451,99 @@
               "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": "criteriaDelimiter",
-          "declaration": {
-            "name": "criteriaDelimiter",
-            "module": "src/datasource/client-side.datasource.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "criteriaJoin",
-          "declaration": {
-            "name": "criteriaJoin",
-            "module": "src/datasource/client-side.datasource.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "GridTabulatorClientSideDatasource",
-          "declaration": {
-            "name": "GridTabulatorClientSideDatasource",
-            "module": "src/datasource/client-side.datasource.ts"
-          }
-        },
-        {
-          "kind": "custom-element-definition",
-          "name": "grid-tabulator-client-side-datasource",
-          "declaration": {
-            "name": "GridTabulatorClientSideDatasource",
-            "module": "src/datasource/client-side.datasource.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/datasource/index.ts",
-      "declarations": [],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "package": "./client-side.datasource"
-          }
-        }
-      ]
-    },
-    {
-      "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"
-        }
-      ],
-      "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": "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"
-        }
-      ],
-      "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": "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.",
-          "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": ""
-            }
-          },
-          "parameters": [
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "fieldName": "reverse"
+            },
             {
-              "name": "cell",
+              "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": "any"
+                "text": "boolean"
               },
-              "description": "The cell component provided by Tabulator"
+              "default": "true",
+              "fieldName": "restartOnReconnection"
             },
             {
-              "name": "formatterParams",
-              "default": "{}",
+              "name": "keep-col-defs-on-clear-row-data",
               "type": {
-                "text": "EditableFormatterParams<T>"
+                "text": "boolean"
               },
-              "description": "Editable formatter parameters"
+              "default": "false",
+              "description": "Whether to keep column definitions when clearing row data",
+              "fieldName": "keepColDefsOnClearRowData"
             }
           ],
-          "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"
+          "mixins": [
+            {
+              "name": "LifecycleMixin",
+              "package": "@genesislcap/foundation-utils"
+            },
+            {
+              "name": "DatasourceEventHandler",
+              "package": "@genesislcap/foundation-comms"
+            }
+          ],
+          "superclass": {
+            "name": "FoundationElement",
+            "package": "@microsoft/fast-foundation"
           },
-          "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"
+          "tagName": "grid-tabulator-client-side-datasource",
+          "customElement": true
         }
       ],
       "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",
+          "name": "criteriaDelimiter",
           "declaration": {
-            "name": "selectFormatter",
-            "module": "src/cell-formatters/index.ts"
+            "name": "criteriaDelimiter",
+            "module": "src/datasource/client-side.datasource.ts"
           }
         },
         {
           "kind": "js",
-          "name": "TextFormatterParams",
+          "name": "criteriaJoin",
           "declaration": {
-            "name": "TextFormatterParams",
-            "module": "src/cell-formatters/index.ts"
+            "name": "criteriaJoin",
+            "module": "src/datasource/client-side.datasource.ts"
           }
         },
         {
           "kind": "js",
-          "name": "textFormatter",
+          "name": "GridTabulatorClientSideDatasource",
           "declaration": {
-            "name": "textFormatter",
-            "module": "src/cell-formatters/index.ts"
+            "name": "GridTabulatorClientSideDatasource",
+            "module": "src/datasource/client-side.datasource.ts"
           }
         },
         {
-          "kind": "js",
-          "name": "formatters",
-          "declaration": {
-            "name": "formatters",
-            "module": "src/cell-formatters/index.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/cell-formatters/select.formatter.ts",
-      "declarations": [
-        {
-          "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": "selectFormatter",
+          "kind": "custom-element-definition",
+          "name": "grid-tabulator-client-side-datasource",
           "declaration": {
-            "name": "selectFormatter",
-            "module": "src/cell-formatters/select.formatter.ts"
+            "name": "GridTabulatorClientSideDatasource",
+            "module": "src/datasource/client-side.datasource.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/cell-formatters/text.formatter.ts",
-      "declarations": [
-        {
-          "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"
-        }
-      ],
+      "path": "src/datasource/index.ts",
+      "declarations": [],
       "exports": [
         {
           "kind": "js",
-          "name": "textFormatter",
+          "name": "*",
           "declaration": {
-            "name": "textFormatter",
-            "module": "src/cell-formatters/text.formatter.ts"
+            "name": "*",
+            "package": "./client-side.datasource"
           }
         }
       ]