igniteui-grid-lite 0.0.1 → 0.1.0

package/custom-elements.json

@@ -22,6 +22,14 @@
       "path": "src/index.ts",
       "declarations": [],
       "exports": [
+        {
+          "kind": "js",
+          "name": "IgcGridLiteColumn",
+          "declaration": {
+            "name": "IgcGridLiteColumn",
+            "module": "./components/column.js"
+          }
+        },
         {
           "kind": "js",
           "name": "IgcFilteredEvent",
@@ -144,9 +152,9 @@
         },
         {
           "kind": "js",
-          "name": "GridSortConfiguration",
+          "name": "GridLiteSortingOptions",
           "declaration": {
-            "name": "GridSortConfiguration",
+            "name": "GridLiteSortingOptions",
             "module": "./internal/types.js"
           }
         },
@@ -264,9 +272,9 @@
         },
         {
           "kind": "js",
-          "name": "BaseSortExpression",
+          "name": "BaseSortingExpression",
           "declaration": {
-            "name": "BaseSortExpression",
+            "name": "BaseSortingExpression",
             "module": "./operations/sort/types.js"
           }
         },
@@ -280,17 +288,17 @@
         },
         {
           "kind": "js",
-          "name": "SortExpression",
+          "name": "SortingDirection",
           "declaration": {
-            "name": "SortExpression",
+            "name": "SortingDirection",
             "module": "./operations/sort/types.js"
           }
         },
         {
           "kind": "js",
-          "name": "SortingDirection",
+          "name": "SortingExpression",
           "declaration": {
-            "name": "SortingDirection",
+            "name": "SortingExpression",
             "module": "./operations/sort/types.js"
           }
         },
@@ -409,6 +417,216 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "src/components/column.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "IgcGridLiteColumn",
+          "members": [
+            {
+              "kind": "field",
+              "name": "tagName",
+              "privacy": "public",
+              "static": true,
+              "readonly": true
+            },
+            {
+              "kind": "method",
+              "name": "register",
+              "privacy": "public",
+              "static": true,
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
+            },
+            {
+              "kind": "field",
+              "name": "_setConfig",
+              "type": {
+                "text": "(config: BaseColumnConfiguration<T>) => void | undefined"
+              },
+              "privacy": "protected",
+              "description": "Callback context to notify the parent grid about configuration changes"
+            },
+            {
+              "kind": "field",
+              "name": "key",
+              "type": {
+                "text": "keyof T"
+              },
+              "privacy": "public",
+              "description": "The key of the column, used to identify the data field.",
+              "attribute": "key"
+            },
+            {
+              "kind": "field",
+              "name": "type",
+              "type": {
+                "text": "'number' | 'string' | 'boolean' | undefined"
+              },
+              "privacy": "public",
+              "default": "'string'",
+              "description": "The data type of the column's values.",
+              "attribute": "type"
+            },
+            {
+              "kind": "field",
+              "name": "headerText",
+              "type": {
+                "text": "string | undefined"
+              },
+              "privacy": "public",
+              "description": "The header text of the column.",
+              "attribute": "headerText"
+            },
+            {
+              "kind": "field",
+              "name": "width",
+              "type": {
+                "text": "string | undefined"
+              },
+              "privacy": "public",
+              "description": "The width of the column.",
+              "attribute": "width"
+            },
+            {
+              "kind": "field",
+              "name": "hidden",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "public",
+              "default": "false",
+              "description": "Indicates whether the column is hidden.",
+              "attribute": "hidden"
+            },
+            {
+              "kind": "field",
+              "name": "resizable",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "public",
+              "default": "false",
+              "description": "Indicates whether the column is resizable.",
+              "attribute": "resizable"
+            },
+            {
+              "kind": "field",
+              "name": "sort",
+              "type": {
+                "text": "ColumnSortConfiguration<T> | boolean | undefined"
+              },
+              "privacy": "public",
+              "default": "false",
+              "description": "Sort configuration for the column."
+            },
+            {
+              "kind": "field",
+              "name": "filter",
+              "type": {
+                "text": "ColumnFilterConfiguration | boolean | undefined"
+              },
+              "privacy": "public",
+              "default": "false",
+              "description": "Filter configuration for the column."
+            },
+            {
+              "kind": "field",
+              "name": "headerTemplate",
+              "type": {
+                "text": "(params: IgcHeaderContext<T>) => unknown | undefined"
+              },
+              "privacy": "public",
+              "description": "Custom header template for the column."
+            },
+            {
+              "kind": "field",
+              "name": "cellTemplate",
+              "type": {
+                "text": "(params: IgcCellContext<T>) => unknown | undefined"
+              },
+              "privacy": "public",
+              "description": "Custom cell template for the column."
+            }
+          ],
+          "attributes": [
+            {
+              "name": "key",
+              "type": {
+                "text": "keyof T"
+              },
+              "description": "The key of the column, used to identify the data field.",
+              "fieldName": "key"
+            },
+            {
+              "name": "type",
+              "type": {
+                "text": "'number' | 'string' | 'boolean' | undefined"
+              },
+              "default": "'string'",
+              "description": "The data type of the column's values.",
+              "fieldName": "type"
+            },
+            {
+              "name": "headerText",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "The header text of the column.",
+              "fieldName": "headerText"
+            },
+            {
+              "name": "width",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "The width of the column.",
+              "fieldName": "width"
+            },
+            {
+              "name": "hidden",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Indicates whether the column is hidden.",
+              "fieldName": "hidden"
+            },
+            {
+              "name": "resizable",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Indicates whether the column is resizable.",
+              "fieldName": "resizable"
+            }
+          ],
+          "superclass": {
+            "name": "LitElement",
+            "package": "lit"
+          },
+          "tagName": "igc-grid-lite-column",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "IgcGridLiteColumn",
+          "declaration": {
+            "name": "IgcGridLiteColumn",
+            "module": "src/components/column.ts"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "src/components/filter-row.ts",
@@ -761,88 +979,105 @@
               "kind": "method",
               "name": "register",
               "privacy": "public",
-              "static": true
+              "static": true,
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
             },
             {
               "kind": "field",
-              "name": "stateController",
+              "name": "_stateController",
               "privacy": "protected",
-              "default": "new StateController<T>(this)"
+              "readonly": true
             },
             {
               "kind": "field",
-              "name": "DOM",
+              "name": "_domController",
               "privacy": "protected",
-              "default": "new GridDOMController<T>(this, this.stateController)"
+              "readonly": true
             },
             {
               "kind": "field",
-              "name": "dataController",
+              "name": "_dataController",
               "privacy": "protected",
-              "default": "new DataOperationsController<T>(this)"
+              "readonly": true
             },
             {
               "kind": "field",
-              "name": "stateProvider",
+              "name": "_stateProvider",
               "privacy": "protected",
-              "default": "new ContextProvider(this, { context: gridStateContext, initialValue: this.stateController, })"
+              "readonly": true,
+              "default": "new ContextProvider(this, { context: GRID_STATE_CONTEXT, initialValue: this._stateController, })"
             },
             {
               "kind": "field",
-              "name": "scrollContainer",
-              "type": {
-                "text": "IgcVirtualizer"
-              },
-              "privacy": "protected"
+              "name": "_columnUpdateProvider",
+              "privacy": "protected",
+              "readonly": true,
+              "default": "new ContextProvider(this, { context: COLUMN_UPDATE_CONTEXT, initialValue: ((config: ColumnConfiguration<T>) => { this._updateConfiguration(config); }) as any, })"
             },
             {
               "kind": "field",
-              "name": "headerRow",
+              "name": "_initialSortExpressions",
               "type": {
-                "text": "IgcGridLiteHeaderRow<T>"
+                "text": "SortingExpression<T>[]"
               },
-              "privacy": "protected"
+              "privacy": "private",
+              "default": "[]"
             },
             {
               "kind": "field",
-              "name": "filterRow",
+              "name": "_initialFilterExpressions",
               "type": {
-                "text": "IgcFilterRow<T>"
+                "text": "FilterExpression<T>[]"
               },
-              "privacy": "protected"
+              "privacy": "private",
+              "default": "[]"
             },
             {
-              "kind": "field",
-              "name": "dataState",
-              "type": {
-                "text": "Array<T>"
-              },
-              "privacy": "protected",
-              "default": "[]"
+              "kind": "method",
+              "name": "_updateObservers",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
             },
             {
-              "kind": "field",
-              "name": "_rows",
-              "type": {
-                "text": "NodeListOf<IgcGridLiteRow<T>>"
+              "kind": "method",
+              "name": "_updateConfiguration",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
               },
-              "privacy": "protected"
+              "parameters": [
+                {
+                  "name": "config",
+                  "type": {
+                    "text": "ColumnConfiguration<T>"
+                  }
+                }
+              ]
             },
             {
               "kind": "field",
-              "name": "columns",
+              "name": "_dataState",
               "type": {
-                "text": "Array<ColumnConfiguration<T>>"
+                "text": "T[]"
               },
-              "privacy": "public",
-              "default": "[]",
-              "description": "Column configuration for the grid."
+              "privacy": "protected",
+              "default": "[]"
             },
             {
               "kind": "field",
               "name": "data",
               "type": {
-                "text": "Array<T>"
+                "text": "T[]"
               },
               "privacy": "public",
               "default": "[]",
@@ -861,12 +1096,12 @@
             },
             {
               "kind": "field",
-              "name": "sortConfiguration",
+              "name": "sortingOptions",
               "type": {
-                "text": "GridSortConfiguration"
+                "text": "GridLiteSortingOptions"
               },
               "privacy": "public",
-              "default": "{ multiple: true, triState: true, }",
+              "default": "{ mode: 'multiple', }",
               "description": "Sort configuration property for the grid."
             },
             {
@@ -880,11 +1115,11 @@
             },
             {
               "kind": "field",
-              "name": "sortExpressions",
+              "name": "sortingExpressions",
               "privacy": "public",
               "description": "Get the sort state for the grid.",
               "type": {
-                "text": "SortExpression<T>[]"
+                "text": "SortingExpression<T>[]"
               }
             },
             {
@@ -896,6 +1131,15 @@
                 "text": "FilterExpression<T>[]"
               }
             },
+            {
+              "kind": "field",
+              "name": "columns",
+              "type": {
+                "text": "ColumnConfiguration<T>[]"
+              },
+              "privacy": "public",
+              "readonly": true
+            },
             {
               "kind": "field",
               "name": "rows",
@@ -916,30 +1160,13 @@
             {
               "kind": "field",
               "name": "totalItems",
+              "type": {
+                "text": "number"
+              },
               "privacy": "public",
               "description": "The total number of items in the IgcGridLite.dataView collection.",
               "readonly": true
             },
-            {
-              "kind": "method",
-              "name": "watchColumns",
-              "privacy": "protected",
-              "parameters": [
-                {
-                  "name": "_",
-                  "type": {
-                    "text": "ColumnConfiguration<T>[]"
-                  }
-                },
-                {
-                  "name": "newConfig",
-                  "default": "[]",
-                  "type": {
-                    "text": "ColumnConfiguration<T>[]"
-                  }
-                }
-              ]
-            },
             {
               "kind": "method",
               "name": "dataChanged",
@@ -952,17 +1179,50 @@
             },
             {
               "kind": "method",
-              "name": "filter",
-              "privacy": "public",
-              "parameters": [
-                {
-                  "name": "config",
-                  "type": {
-                    "text": "FilterExpression<T> | FilterExpression<T>[]"
-                  }
+              "name": "_hasAssignedColumns",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "boolean"
                 }
-              ],
-              "description": "Performs a filter operation in the grid based on the passed expression(s)."
+              }
+            },
+            {
+              "kind": "method",
+              "name": "_handleSlotChange",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "Event"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "filter",
+              "privacy": "public",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "config",
+                  "type": {
+                    "text": "FilterExpression<T> | FilterExpression<T>[]"
+                  }
+                }
+              ],
+              "description": "Performs a filter operation in the grid based on the passed expression(s)."
             },
             {
               "kind": "method",
@@ -972,7 +1232,7 @@
                 {
                   "name": "expressions",
                   "type": {
-                    "text": "SortExpression<T> | SortExpression<T>[]"
+                    "text": "SortingExpression<T> | SortingExpression<T>[]"
                   }
                 }
               ],
@@ -982,6 +1242,11 @@
               "kind": "method",
               "name": "clearSort",
               "privacy": "public",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
               "parameters": [
                 {
                   "name": "key",
@@ -997,6 +1262,11 @@
               "kind": "method",
               "name": "clearFilter",
               "privacy": "public",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
               "parameters": [
                 {
                   "name": "key",
@@ -1012,6 +1282,11 @@
               "kind": "method",
               "name": "getColumn",
               "privacy": "public",
+              "return": {
+                "type": {
+                  "text": "ColumnConfiguration<T> | undefined"
+                }
+              },
               "parameters": [
                 {
                   "name": "id",
@@ -1026,6 +1301,11 @@
               "kind": "method",
               "name": "updateColumns",
               "privacy": "public",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
               "parameters": [
                 {
                   "name": "columns",
@@ -1038,21 +1318,31 @@
             },
             {
               "kind": "method",
-              "name": "bodyClickHandler",
+              "name": "_bodyClickHandler",
               "privacy": "protected",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
               "parameters": [
                 {
                   "name": "event",
                   "type": {
-                    "text": "MouseEvent"
+                    "text": "PointerEvent"
                   }
                 }
               ]
             },
             {
               "kind": "method",
-              "name": "bodyKeydownHandler",
+              "name": "_bodyKeydownHandler",
               "privacy": "protected",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
               "parameters": [
                 {
                   "name": "event",
@@ -1062,19 +1352,27 @@
                 }
               ]
             },
+            {
+              "kind": "field",
+              "name": "_renderRow",
+              "type": {
+                "text": "RenderItemFunction<T>"
+              },
+              "privacy": "protected"
+            },
             {
               "kind": "method",
-              "name": "renderHeaderRow",
+              "name": "_renderHeaderRow",
               "privacy": "protected"
             },
             {
               "kind": "method",
-              "name": "renderBody",
+              "name": "_renderBody",
               "privacy": "protected"
             },
             {
               "kind": "method",
-              "name": "renderFilterRow",
+              "name": "_renderFilterRow",
               "privacy": "protected"
             },
             {
@@ -1264,25 +1562,18 @@
             },
             {
               "kind": "field",
-              "name": "_headers",
-              "type": {
-                "text": "NodeListOf<IgcGridLiteHeader<T>>"
-              },
-              "privacy": "protected"
-            },
-            {
-              "kind": "field",
-              "name": "state",
+              "name": "_state",
               "type": {
-                "text": "StateController<T>"
+                "text": "StateController<T> | undefined"
               },
-              "privacy": "public"
+              "privacy": "private",
+              "readonly": true
             },
             {
               "kind": "field",
               "name": "columns",
               "type": {
-                "text": "Array<ColumnConfiguration<T>>"
+                "text": "ColumnConfiguration<T>[]"
               },
               "privacy": "public",
               "default": "[]"
@@ -1290,18 +1581,26 @@
             {
               "kind": "field",
               "name": "headers",
+              "type": {
+                "text": "IgcGridLiteHeader<T>[]"
+              },
               "privacy": "public",
               "readonly": true
             },
             {
               "kind": "method",
-              "name": "#activeFilterColumn",
+              "name": "_setActiveFilterColumn",
               "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
               "parameters": [
                 {
                   "name": "event",
                   "type": {
-                    "text": "MouseEvent"
+                    "text": "PointerEvent"
                   }
                 }
               ]
@@ -1496,19 +1795,11 @@
                 }
               }
             },
-            {
-              "kind": "field",
-              "name": "_cells",
-              "type": {
-                "text": "NodeListOf<IgcGridLiteCell<T>>"
-              },
-              "privacy": "protected"
-            },
             {
               "kind": "field",
               "name": "data",
               "type": {
-                "text": "T"
+                "text": "T | undefined"
               },
               "privacy": "public"
             },
@@ -1521,17 +1812,11 @@
               "privacy": "public",
               "default": "[]"
             },
-            {
-              "kind": "field",
-              "name": "cells",
-              "privacy": "public",
-              "readonly": true
-            },
             {
               "kind": "field",
               "name": "activeNode",
               "type": {
-                "text": "ActiveNode<T>"
+                "text": "ActiveNode<T> | undefined"
               },
               "privacy": "public"
             },
@@ -1543,6 +1828,15 @@
               },
               "privacy": "public",
               "default": "-1"
+            },
+            {
+              "kind": "field",
+              "name": "cells",
+              "type": {
+                "text": "IgcGridLiteCell<T>[]"
+              },
+              "privacy": "public",
+              "readonly": true
             }
           ],
           "superclass": {
@@ -1687,9 +1981,34 @@
               ]
             }
           ]
+        },
+        {
+          "kind": "function",
+          "name": "createDataOperationsController",
+          "return": {
+            "type": {
+              "text": "DataOperationsController<T>"
+            }
+          },
+          "parameters": [
+            {
+              "name": "host",
+              "type": {
+                "text": "GridHost<T>"
+              }
+            }
+          ]
         }
       ],
       "exports": [
+        {
+          "kind": "js",
+          "name": "createDataOperationsController",
+          "declaration": {
+            "name": "createDataOperationsController",
+            "module": "src/controllers/data-operation.ts"
+          }
+        },
         {
           "kind": "js",
           "name": "DataOperationsController",
@@ -1711,14 +2030,23 @@
           "members": [
             {
               "kind": "field",
-              "name": "#initialSize",
-              "privacy": "private"
+              "name": "_host",
+              "type": {
+                "text": "GridHost<T>"
+              },
+              "privacy": "protected",
+              "readonly": true,
+              "default": "host"
             },
             {
               "kind": "field",
-              "name": "container",
-              "privacy": "public",
-              "readonly": true
+              "name": "_state",
+              "type": {
+                "text": "StateController<T>"
+              },
+              "privacy": "protected",
+              "readonly": true,
+              "default": "state"
             },
             {
               "kind": "field",
@@ -1729,18 +2057,15 @@
               "privacy": "public",
               "default": "{}"
             },
-            {
-              "kind": "field",
-              "name": "rowRenderer",
-              "type": {
-                "text": "RenderItemFunction<T>"
-              },
-              "privacy": "public"
-            },
             {
               "kind": "method",
               "name": "hostConnected",
-              "privacy": "public"
+              "privacy": "public",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
             },
             {
               "kind": "method",
@@ -1755,12 +2080,22 @@
             {
               "kind": "method",
               "name": "setScrollOffset",
-              "privacy": "public"
+              "privacy": "public",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
             },
             {
               "kind": "method",
               "name": "setGridColumnSizes",
-              "privacy": "protected"
+              "privacy": "protected",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
             },
             {
               "kind": "method",
@@ -1781,9 +2116,40 @@
               ]
             }
           ]
+        },
+        {
+          "kind": "function",
+          "name": "createDomController",
+          "return": {
+            "type": {
+              "text": "GridDOMController<T>"
+            }
+          },
+          "parameters": [
+            {
+              "name": "host",
+              "type": {
+                "text": "GridHost<T>"
+              }
+            },
+            {
+              "name": "state",
+              "type": {
+                "text": "StateController<T>"
+              }
+            }
+          ]
         }
       ],
       "exports": [
+        {
+          "kind": "js",
+          "name": "createDomController",
+          "declaration": {
+            "name": "createDomController",
+            "module": "src/controllers/dom.ts"
+          }
+        },
         {
           "kind": "js",
           "name": "GridDOMController",
@@ -1803,6 +2169,16 @@
           "description": "",
           "name": "FilterController",
           "members": [
+            {
+              "kind": "field",
+              "name": "_stateController",
+              "type": {
+                "text": "StateController<T>"
+              },
+              "privacy": "private",
+              "readonly": true,
+              "default": "state"
+            },
             {
               "kind": "field",
               "name": "state",
@@ -1812,9 +2188,18 @@
               "privacy": "public",
               "default": "new FilterState()"
             },
+            {
+              "kind": "field",
+              "name": "host",
+              "privacy": "public",
+              "readonly": true
+            },
             {
               "kind": "field",
               "name": "filterRow",
+              "type": {
+                "text": "IgcFilterRow<T> | null"
+              },
               "privacy": "public",
               "readonly": true
             },
@@ -2028,13 +2413,13 @@
             },
             {
               "kind": "field",
-              "name": "virtualizer",
+              "name": "_virtualizer",
               "privacy": "protected",
               "readonly": true
             },
             {
               "kind": "field",
-              "name": "state",
+              "name": "_navigationState",
               "privacy": "protected",
               "default": "NAVIGATION_STATE"
             },
@@ -2052,13 +2437,13 @@
             },
             {
               "kind": "field",
-              "name": "columns",
+              "name": "_columns",
               "privacy": "protected",
               "readonly": true
             },
             {
               "kind": "field",
-              "name": "firstColumn",
+              "name": "_firstColumn",
               "privacy": "protected",
               "readonly": true
             },
@@ -2104,6 +2489,9 @@
             {
               "kind": "field",
               "name": "active",
+              "type": {
+                "text": "ActiveNode<T>"
+              },
               "privacy": "public"
             },
             {
@@ -2136,11 +2524,6 @@
               "name": "arrowRight",
               "privacy": "protected"
             },
-            {
-              "kind": "method",
-              "name": "hostConnected",
-              "privacy": "public"
-            },
             {
               "kind": "method",
               "name": "hostDisconnected",
@@ -2394,7 +2777,7 @@
                 {
                   "name": "detail",
                   "type": {
-                    "text": "SortExpression<T>"
+                    "text": "SortingExpression<T>"
                   }
                 }
               ]
@@ -2407,7 +2790,7 @@
                 {
                   "name": "detail",
                   "type": {
-                    "text": "SortExpression<T>"
+                    "text": "SortingExpression<T>"
                   }
                 }
               ]
@@ -2420,7 +2803,7 @@
                 {
                   "name": "expression",
                   "type": {
-                    "text": "SortExpression<T>"
+                    "text": "SortingExpression<T>"
                   }
                 }
               ]
@@ -2444,7 +2827,7 @@
               "privacy": "public",
               "return": {
                 "type": {
-                  "text": "SortExpression<T>"
+                  "text": "SortingExpression<T>"
                 }
               },
               "parameters": [
@@ -2478,7 +2861,7 @@
                 {
                   "name": "expressions",
                   "type": {
-                    "text": "SortExpression<T> | SortExpression<T>[]"
+                    "text": "SortingExpression<T> | SortingExpression<T>[]"
                   }
                 }
               ]
@@ -2491,7 +2874,7 @@
                 {
                   "name": "expressions",
                   "type": {
-                    "text": "SortExpression<T> | SortExpression<T>[]"
+                    "text": "SortingExpression<T> | SortingExpression<T>[]"
                   }
                 }
               ]
@@ -2526,94 +2909,228 @@
           "members": [
             {
               "kind": "field",
-              "name": "sorting",
+              "name": "_columns",
               "type": {
-                "text": "SortController<T>"
+                "text": "ColumnConfiguration<T>[]"
               },
-              "privacy": "public"
+              "privacy": "private",
+              "default": "[]"
             },
             {
               "kind": "field",
-              "name": "filtering",
+              "name": "_observersCallback",
               "type": {
-                "text": "FilterController<T>"
+                "text": "() => void"
               },
-              "privacy": "public"
+              "privacy": "private",
+              "readonly": true,
+              "default": "observersCallback"
             },
             {
               "kind": "field",
-              "name": "navigation",
+              "name": "host",
               "type": {
-                "text": "NavigationController<T>"
+                "text": "GridHost<T>"
               },
-              "privacy": "public"
+              "privacy": "public",
+              "readonly": true,
+              "description": "The grid host element.",
+              "default": "host"
             },
             {
               "kind": "field",
-              "name": "resizing",
+              "name": "sorting",
               "type": {
-                "text": "ResizeController<T>"
+                "text": "SortController<T>"
               },
-              "privacy": "public"
+              "privacy": "public",
+              "readonly": true,
+              "default": "new SortController(this.host)"
             },
             {
               "kind": "field",
-              "name": "active",
-              "privacy": "public"
+              "name": "filtering",
+              "type": {
+                "text": "FilterController<T>"
+              },
+              "privacy": "public",
+              "readonly": true,
+              "default": "new FilterController(this)"
+            },
+            {
+              "kind": "field",
+              "name": "navigation",
+              "type": {
+                "text": "NavigationController<T>"
+              },
+              "privacy": "public",
+              "readonly": true,
+              "default": "new NavigationController(this)"
+            },
+            {
+              "kind": "field",
+              "name": "resizing",
+              "type": {
+                "text": "ResizeController<T>"
+              },
+              "privacy": "public",
+              "readonly": true,
+              "default": "new ResizeController(this.host)"
+            },
+            {
+              "kind": "field",
+              "name": "columns",
+              "type": {
+                "text": "ColumnConfiguration<T>[]"
+              },
+              "privacy": "public",
+              "readonly": true
             },
             {
               "kind": "field",
               "name": "headerRow",
+              "type": {
+                "text": "IgcGridLiteHeaderRow<T> | null"
+              },
               "privacy": "public",
+              "description": "Returns the header row element of the grid.",
               "readonly": true
             },
             {
               "kind": "field",
-              "name": "scrollContainer",
+              "name": "filterRow",
+              "type": {
+                "text": "IgcFilterRow<T> | null"
+              },
+              "privacy": "public",
+              "description": "Returns the filter row element of the grid.",
+              "readonly": true
+            },
+            {
+              "kind": "field",
+              "name": "rows",
+              "type": {
+                "text": "IgcGridLiteRow<T>[]"
+              },
+              "privacy": "public",
+              "description": "Returns the data row elements of the grid.",
+              "readonly": true
+            },
+            {
+              "kind": "field",
+              "name": "virtualizer",
+              "type": {
+                "text": "IgcVirtualizer | null"
+              },
               "privacy": "public",
+              "description": "Returns the virtualizer element of the grid.",
               "readonly": true
             },
+            {
+              "kind": "field",
+              "name": "active",
+              "type": {
+                "text": "ActiveNode<T>"
+              },
+              "privacy": "public",
+              "description": "Sets the currently active node in the grid."
+            },
             {
               "kind": "method",
-              "name": "init",
-              "privacy": "protected"
+              "name": "hostUpdate",
+              "privacy": "public",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
             },
             {
               "kind": "method",
-              "name": "hostConnected",
-              "privacy": "public"
+              "name": "setColumnConfiguration",
+              "privacy": "public",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "columns",
+                  "type": {
+                    "text": "ColumnConfiguration<T>[]"
+                  }
+                }
+              ]
             },
             {
               "kind": "method",
-              "name": "hostUpdate",
+              "name": "setAutoColumnConfiguration",
               "privacy": "public",
               "return": {
                 "type": {
                   "text": "void"
                 }
               }
+            },
+            {
+              "kind": "method",
+              "name": "updateColumnsConfiguration",
+              "privacy": "public",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "config",
+                  "type": {
+                    "text": "ColumnConfiguration<T>[]"
+                  }
+                }
+              ]
             }
           ]
         },
         {
-          "kind": "variable",
-          "name": "gridStateContext"
+          "kind": "function",
+          "name": "createStateController",
+          "return": {
+            "type": {
+              "text": "StateController<T>"
+            }
+          },
+          "parameters": [
+            {
+              "name": "host",
+              "type": {
+                "text": "GridHost<T>"
+              }
+            },
+            {
+              "name": "observersCallback",
+              "type": {
+                "text": "() => void"
+              }
+            }
+          ]
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "StateController",
+          "name": "createStateController",
           "declaration": {
-            "name": "StateController",
+            "name": "createStateController",
             "module": "src/controllers/state.ts"
           }
         },
         {
           "kind": "js",
-          "name": "gridStateContext",
+          "name": "StateController",
           "declaration": {
-            "name": "gridStateContext",
+            "name": "StateController",
             "module": "src/controllers/state.ts"
           }
         }
@@ -2734,6 +3251,77 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "src/internal/context.ts",
+      "declarations": [
+        {
+          "kind": "variable",
+          "name": "COLUMN_UPDATE_CONTEXT"
+        },
+        {
+          "kind": "variable",
+          "name": "GRID_STATE_CONTEXT"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "COLUMN_UPDATE_CONTEXT",
+          "declaration": {
+            "name": "COLUMN_UPDATE_CONTEXT",
+            "module": "src/internal/context.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "GRID_STATE_CONTEXT",
+          "declaration": {
+            "name": "GRID_STATE_CONTEXT",
+            "module": "src/internal/context.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/internal/element-from-event-path.ts",
+      "declarations": [
+        {
+          "kind": "function",
+          "name": "getElementFromEventPath",
+          "return": {
+            "type": {
+              "text": "T | undefined"
+            }
+          },
+          "parameters": [
+            {
+              "name": "predicate",
+              "type": {
+                "text": "string | ((element: T) => boolean)"
+              }
+            },
+            {
+              "name": "event",
+              "type": {
+                "text": "Event"
+              }
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "getElementFromEventPath",
+          "declaration": {
+            "name": "getElementFromEventPath",
+            "module": "src/internal/element-from-event-path.ts"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "src/internal/icon-registry.ts",
@@ -2827,24 +3415,44 @@
       "path": "src/internal/part-map.ts",
       "declarations": [
         {
-          "kind": "function",
-          "name": "partNameMap",
-          "parameters": [
+          "kind": "class",
+          "description": "",
+          "name": "PartMapDirective",
+          "members": [
             {
-              "name": "parts",
+              "kind": "field",
+              "name": "_previousParts",
               "type": {
-                "text": "PartNameInfo"
-              }
+                "text": "Set<string> | undefined"
+              },
+              "privacy": "private"
             }
-          ]
+          ],
+          "superclass": {
+            "name": "Directive",
+            "package": "lit/directive.js"
+          }
+        },
+        {
+          "kind": "variable",
+          "name": "partMap",
+          "description": "Similar to Lit's https://lit.dev/docs/templates/directives/#classmap | `classMap` and\nhttps://lit.dev/docs/templates/directives/#stylemap | `styleMap` but for `part` attributes."
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "partNameMap",
+          "name": "partMap",
           "declaration": {
-            "name": "partNameMap",
+            "name": "partMap",
+            "module": "src/internal/part-map.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "PartMapDirective",
+          "declaration": {
+            "name": "PartMapDirective",
             "module": "src/internal/part-map.ts"
           }
         }
@@ -2955,6 +3563,14 @@
             "text": "'igc-filter-row'"
           },
           "default": "'igc-filter-row'"
+        },
+        {
+          "kind": "variable",
+          "name": "GRID_COLUMN_TAG",
+          "type": {
+            "text": "'igc-grid-lite-column'"
+          },
+          "default": "'igc-grid-lite-column'"
         }
       ],
       "exports": [
@@ -3013,6 +3629,14 @@
             "name": "GRID_FILTER_ROW_TAG",
             "module": "src/internal/tags.ts"
           }
+        },
+        {
+          "kind": "js",
+          "name": "GRID_COLUMN_TAG",
+          "declaration": {
+            "name": "GRID_COLUMN_TAG",
+            "module": "src/internal/tags.ts"
+          }
         }
       ]
     },
@@ -3188,12 +3812,51 @@
         },
         {
           "kind": "function",
-          "name": "autoGenerateColumns",
+          "name": "isBoolean",
+          "return": {
+            "type": {
+              "text": "x is boolean"
+            }
+          },
           "parameters": [
             {
-              "name": "grid",
+              "name": "x",
               "type": {
-                "text": "GridHost<T>"
+                "text": "unknown"
+              }
+            }
+          ]
+        },
+        {
+          "kind": "function",
+          "name": "isNumber",
+          "return": {
+            "type": {
+              "text": "x is number"
+            }
+          },
+          "parameters": [
+            {
+              "name": "x",
+              "type": {
+                "text": "unknown"
+              }
+            }
+          ]
+        },
+        {
+          "kind": "function",
+          "name": "isString",
+          "return": {
+            "type": {
+              "text": "x is string"
+            }
+          },
+          "parameters": [
+            {
+              "name": "x",
+              "type": {
+                "text": "unknown"
               }
             }
           ]
@@ -3201,6 +3864,11 @@
         {
           "kind": "function",
           "name": "asArray",
+          "return": {
+            "type": {
+              "text": "T[]"
+            }
+          },
           "parameters": [
             {
               "name": "value",
@@ -3221,6 +3889,40 @@
               }
             }
           ]
+        },
+        {
+          "kind": "function",
+          "name": "setColumnsFromData",
+          "return": {
+            "type": {
+              "text": "Array<ColumnConfiguration<T>>"
+            }
+          },
+          "parameters": [
+            {
+              "name": "record",
+              "type": {
+                "text": "T"
+              }
+            }
+          ]
+        },
+        {
+          "kind": "function",
+          "name": "createColumnConfiguration",
+          "return": {
+            "type": {
+              "text": "ColumnConfiguration<T>"
+            }
+          },
+          "parameters": [
+            {
+              "name": "config",
+              "type": {
+                "text": "Partial<ColumnConfiguration<T>>"
+              }
+            }
+          ]
         }
       ],
       "exports": [
@@ -3234,9 +3936,25 @@
         },
         {
           "kind": "js",
-          "name": "autoGenerateColumns",
+          "name": "isBoolean",
+          "declaration": {
+            "name": "isBoolean",
+            "module": "src/internal/utils.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "isNumber",
           "declaration": {
-            "name": "autoGenerateColumns",
+            "name": "isNumber",
+            "module": "src/internal/utils.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "isString",
+          "declaration": {
+            "name": "isString",
             "module": "src/internal/utils.ts"
           }
         },
@@ -3255,6 +3973,22 @@
             "name": "getFilterOperandsFor",
             "module": "src/internal/utils.ts"
           }
+        },
+        {
+          "kind": "js",
+          "name": "setColumnsFromData",
+          "declaration": {
+            "name": "setColumnsFromData",
+            "module": "src/internal/utils.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "createColumnConfiguration",
+          "declaration": {
+            "name": "createColumnConfiguration",
+            "module": "src/internal/utils.ts"
+          }
         }
       ]
     },
@@ -3578,7 +4312,7 @@
                 {
                   "name": "expression",
                   "type": {
-                    "text": "SortExpression<T>"
+                    "text": "SortingExpression<T>"
                   }
                 }
               ]