@operato/data-grist 0.3.2 → 0.3.9

package/custom-elements.json

@@ -1023,15 +1023,7 @@
           "name": "*",
           "declaration": {
             "name": "*",
-            "package": "./interfaces"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "package": "./search-form"
+            "package": "./filters"
           }
         }
       ]
@@ -1550,373 +1542,321 @@
     },
     {
       "kind": "javascript-module",
-      "path": "src/data-grid/data-grid-body-style.ts",
-      "declarations": [
-        {
-          "kind": "variable",
-          "name": "dataGridBodyStyle",
-          "default": "css`\n  :host {\n    display: grid;\n    grid-template-columns: var(--grid-template-columns);\n    grid-auto-rows: var(--grid-record-height, min-content);\n\n    overflow: auto;\n    outline: none;\n    color: var(--grid-record-color);\n  }\n\n  [odd] {\n    background-color: var(--grid-record-odd-background-color);\n  }\n\n  [selected-row] {\n    background-color: var(--grid-record-selected-background-color);\n    color: var(--grid-record-selected-color);\n  }\n\n  [focused-row] {\n    box-shadow: var(--grid-record-focused-box-shadow);\n    font-weight: bold;\n    color: var(--grid-record-focused-color);\n    background-image: var(--focused-background-image);\n    background-blend-mode: darken;\n  }\n\n  [focused] {\n    border: var(--grid-record-focused-cell-border);\n  }\n\n  [emphasized-row],\n  [emphasized-row][focused] {\n    background-color: var(--grid-record-emphasized-background-color);\n    color: var(--grid-record-emphasized-color);\n  }\n\n  [editing] {\n    background-color: var(--grid-record-editing-background-color);\n  }\n\n  @media print {\n    :host {\n      grid-template-columns: var(--grid-template-print-columns);\n    }\n    [focused] {\n      border: none;\n    }\n\n    [selected-row] {\n      background-color: transparent;\n    }\n\n    [emphasized-row] {\n      background-color: transparent;\n      color: initial;\n    }\n\n    [focused-row] {\n      background-color: transparent;\n      color: initial;\n    }\n\n    [editing] {\n      background-color: transparent;\n    }\n  }\n`"
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "dataGridBodyStyle",
-          "declaration": {
-            "name": "dataGridBodyStyle",
-            "module": "src/data-grid/data-grid-body-style.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/data-grid/data-grid-body.ts",
+      "path": "src/data-card/data-card-field.ts",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "DataGridBody",
+          "name": "DataCardField",
           "members": [
             {
               "kind": "field",
-              "name": "debounce"
-            },
-            {
-              "kind": "field",
-              "name": "config",
-              "type": {
-                "text": "GristConfig"
-              },
-              "default": "ZERO_CONFIG",
-              "attribute": "config"
-            },
-            {
-              "kind": "field",
-              "name": "columns",
-              "type": {
-                "text": "ColumnConfig[]"
-              },
-              "default": "[]",
-              "attribute": "columns"
-            },
-            {
-              "kind": "field",
-              "name": "data",
-              "type": {
-                "text": "GristData"
-              },
-              "default": "ZERO_DATA",
-              "attribute": "data"
-            },
-            {
-              "kind": "field",
-              "name": "focused",
+              "name": "align",
               "type": {
-                "text": "{ row: number; column: number }"
+                "text": "string | undefined"
               },
-              "default": "{\n  row: 0,\n  column: 0\n}",
-              "attribute": "focused"
+              "attribute": "align"
             },
             {
               "kind": "field",
-              "name": "editTarget",
+              "name": "record",
               "type": {
-                "text": "{ row: number; column: number } | null"
+                "text": "GristRecord"
               },
-              "default": "null",
-              "attribute": "editTarget"
+              "default": "ZERO_RECORD",
+              "attribute": "record"
             },
             {
               "kind": "field",
-              "name": "from",
+              "name": "column",
               "type": {
-                "text": "number"
+                "text": "ColumnConfig"
               },
-              "default": "-1",
-              "attribute": "from"
+              "default": "ZERO_COLUMN",
+              "attribute": "column"
             },
             {
               "kind": "field",
-              "name": "to",
+              "name": "rowIndex",
               "type": {
                 "text": "number"
               },
               "default": "-1",
-              "attribute": "to"
+              "attribute": "rowIndex"
             },
             {
               "kind": "field",
-              "name": "_focusedListener",
+              "name": "value",
               "type": {
-                "text": "(e: KeyboardEvent) => void | undefined"
+                "text": "object | undefined"
               },
-              "privacy": "private"
-            },
-            {
-              "kind": "method",
-              "name": "resetEdit"
-            },
-            {
-              "kind": "method",
-              "name": "handleOnScroll",
-              "parameters": [
-                {
-                  "name": "e",
-                  "type": {
-                    "text": "WheelEvent"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "_onWheelEvent",
-              "parameters": [
-                {
-                  "name": "e",
-                  "type": {
-                    "text": "WheelEvent"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "startEditTarget",
-              "parameters": [
-                {
-                  "name": "row",
-                  "type": {
-                    "text": "number"
-                  }
-                },
-                {
-                  "name": "column",
-                  "type": {
-                    "text": "number"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "focus"
+              "attribute": "value"
             }
           ],
           "attributes": [
             {
-              "name": "config",
-              "type": {
-                "text": "GristConfig"
-              },
-              "default": "ZERO_CONFIG",
-              "resolveInitializer": {
-                "module": "/src/configure/zero-config"
-              },
-              "fieldName": "config"
-            },
-            {
-              "name": "columns",
+              "name": "align",
               "type": {
-                "text": "ColumnConfig[]"
+                "text": "string | undefined"
               },
-              "default": "[]",
-              "fieldName": "columns"
+              "fieldName": "align"
             },
             {
-              "name": "data",
+              "name": "record",
               "type": {
-                "text": "GristData"
+                "text": "GristRecord"
               },
-              "default": "ZERO_DATA",
+              "default": "ZERO_RECORD",
               "resolveInitializer": {
                 "module": "/src/configure/zero-config"
               },
-              "fieldName": "data"
+              "fieldName": "record"
             },
             {
-              "name": "focused",
+              "name": "column",
               "type": {
-                "text": "{ row: number; column: number }"
+                "text": "ColumnConfig"
               },
-              "default": "ZERO_FOCUS",
+              "default": "ZERO_COLUMN",
               "resolveInitializer": {
-                "module": "src/data-grid/data-grid-body.ts"
-              },
-              "fieldName": "focused"
-            },
-            {
-              "name": "editTarget",
-              "type": {
-                "text": "{ row: number; column: number } | null"
+                "module": "/src/configure/zero-config"
               },
-              "default": "null",
-              "fieldName": "editTarget"
+              "fieldName": "column"
             },
             {
-              "name": "from",
+              "name": "rowIndex",
               "type": {
                 "text": "number"
               },
               "default": "-1",
-              "fieldName": "from"
+              "fieldName": "rowIndex"
             },
             {
-              "name": "to",
+              "name": "value",
               "type": {
-                "text": "number"
+                "text": "object | undefined"
               },
-              "default": "-1",
-              "fieldName": "to"
+              "fieldName": "value"
             }
           ],
           "superclass": {
             "name": "LitElement",
             "package": "lit"
           },
-          "tagName": "ox-grid-body",
+          "tagName": "ox-card-field",
           "customElement": true
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "DataGridBody",
+          "name": "DataCardField",
           "declaration": {
-            "name": "DataGridBody",
-            "module": "src/data-grid/data-grid-body.ts"
+            "name": "DataCardField",
+            "module": "src/data-card/data-card-field.ts"
           }
         },
         {
           "kind": "custom-element-definition",
-          "name": "ox-grid-body",
+          "name": "ox-card-field",
           "declaration": {
-            "name": "DataGridBody",
-            "module": "src/data-grid/data-grid-body.ts"
+            "name": "DataCardField",
+            "module": "src/data-card/data-card-field.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/data-grid/data-grid-field.ts",
+      "path": "src/data-card/data-card-gutter-menu.ts",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "DataGridField",
+          "name": "DataCardGutterMenu",
           "members": [
             {
               "kind": "field",
-              "name": "align",
-              "default": "'left'",
-              "attribute": "align",
+              "name": "gutters",
               "type": {
-                "text": "string"
-              }
+                "text": "ColumnConfig[]"
+              },
+              "attribute": "gutters"
             },
             {
               "kind": "field",
-              "name": "record",
+              "name": "rowIndex",
               "type": {
-                "text": "GristRecord"
+                "text": "number"
               },
-              "default": "{}",
-              "attribute": "record"
+              "attribute": "rowIndex"
             },
             {
               "kind": "field",
-              "name": "column",
+              "name": "record",
               "type": {
-                "text": "ColumnConfig"
+                "text": "GristRecord"
               },
-              "default": "ZERO_COLUMN",
-              "attribute": "column"
+              "attribute": "record"
             },
             {
               "kind": "field",
-              "name": "rowIndex",
+              "name": "clickHandler",
               "type": {
-                "text": "number"
+                "text": "EventListener"
               },
-              "default": "0",
-              "attribute": "rowIndex"
+              "attribute": "clickHandler"
             },
             {
               "kind": "field",
-              "name": "columnIndex",
+              "name": "dblclickHandler",
               "type": {
-                "text": "number"
+                "text": "EventListener"
               },
-              "default": "0",
-              "attribute": "columnIndex"
+              "attribute": "dblclickHandler"
             },
             {
               "kind": "field",
-              "name": "editing",
+              "name": "icon",
               "type": {
-                "text": "boolean"
+                "text": "Element"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "menuRender"
+            },
+            {
+              "kind": "method",
+              "name": "open",
+              "parameters": [
+                {
+                  "name": "e",
+                  "type": {
+                    "text": "Event"
+                  }
+                }
+              ]
+            }
+          ],
+          "attributes": [
+            {
+              "name": "gutters",
+              "type": {
+                "text": "ColumnConfig[]"
               },
-              "default": "false",
-              "attribute": "editing"
+              "fieldName": "gutters"
+            },
+            {
+              "name": "rowIndex",
+              "type": {
+                "text": "number"
+              },
+              "fieldName": "rowIndex"
+            },
+            {
+              "name": "record",
+              "type": {
+                "text": "GristRecord"
+              },
+              "fieldName": "record"
+            },
+            {
+              "name": "clickHandler",
+              "type": {
+                "text": "EventListener"
+              },
+              "fieldName": "clickHandler"
             },
+            {
+              "name": "dblclickHandler",
+              "type": {
+                "text": "EventListener"
+              },
+              "fieldName": "dblclickHandler"
+            }
+          ],
+          "superclass": {
+            "name": "LitElement",
+            "package": "lit"
+          },
+          "tagName": "ox-card-gutter-menu",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "custom-element-definition",
+          "name": "ox-card-gutter-menu",
+          "declaration": {
+            "name": "DataCardGutterMenu",
+            "module": "src/data-card/data-card-gutter-menu.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/data-card/data-card-gutter.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "DataCardGutter",
+          "members": [
             {
               "kind": "field",
-              "name": "value",
+              "name": "align",
               "type": {
-                "text": "object"
+                "text": "string | undefined"
               },
-              "default": "{}",
-              "attribute": "value"
+              "attribute": "align"
             },
             {
               "kind": "field",
-              "name": "emphasized",
+              "name": "record",
               "type": {
-                "text": "boolean"
+                "text": "GristRecord"
               },
-              "default": "false",
-              "attribute": "emphasized"
+              "default": "ZERO_RECORD",
+              "attribute": "record"
             },
             {
               "kind": "field",
-              "name": "_editCancelled",
+              "name": "column",
               "type": {
-                "text": "boolean | undefined"
+                "text": "ColumnConfig"
               },
-              "privacy": "private"
+              "default": "ZERO_COLUMN",
+              "attribute": "column"
             },
             {
               "kind": "field",
-              "name": "_onFieldChange",
+              "name": "rowIndex",
               "type": {
-                "text": "(e: Event) => void"
+                "text": "number"
               },
-              "privacy": "private",
-              "default": "e => {}"
+              "default": "-1",
+              "attribute": "rowIndex"
             },
             {
               "kind": "field",
-              "name": "_onKeydownInEditingMode",
+              "name": "value",
               "type": {
-                "text": "(e: KeyboardEvent) => void"
+                "text": "object | undefined"
               },
-              "privacy": "private",
-              "default": "e => {}"
+              "attribute": "value"
             },
             {
               "kind": "field",
-              "name": "isEditing",
-              "privacy": "private"
+              "name": "isEditing"
             }
           ],
           "attributes": [
             {
               "name": "align",
-              "default": "DEFAULT_TEXT_ALIGN",
-              "resolveInitializer": {
-                "module": "src/data-grid/data-grid-field.ts"
+              "type": {
+                "text": "string | undefined"
               },
               "fieldName": "align"
             },
@@ -1925,7 +1865,10 @@
               "type": {
                 "text": "GristRecord"
               },
-              "default": "{}",
+              "default": "ZERO_RECORD",
+              "resolveInitializer": {
+                "module": "/src/configure/zero-config"
+              },
               "fieldName": "record"
             },
             {
@@ -1944,77 +1887,52 @@
               "type": {
                 "text": "number"
               },
-              "default": "0",
+              "default": "-1",
               "fieldName": "rowIndex"
             },
-            {
-              "name": "columnIndex",
-              "type": {
-                "text": "number"
-              },
-              "default": "0",
-              "fieldName": "columnIndex"
-            },
-            {
-              "name": "editing",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "fieldName": "editing"
-            },
             {
               "name": "value",
               "type": {
-                "text": "object"
+                "text": "object | undefined"
               },
-              "default": "{}",
               "fieldName": "value"
-            },
-            {
-              "name": "emphasized",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "fieldName": "emphasized"
             }
           ],
           "superclass": {
             "name": "LitElement",
             "package": "lit"
           },
-          "tagName": "ox-grid-field",
+          "tagName": "ox-card-gutter",
           "customElement": true
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "DataGridField",
+          "name": "DataCardGutter",
           "declaration": {
-            "name": "DataGridField",
-            "module": "src/data-grid/data-grid-field.ts"
+            "name": "DataCardGutter",
+            "module": "src/data-card/data-card-gutter.ts"
           }
         },
         {
           "kind": "custom-element-definition",
-          "name": "ox-grid-field",
+          "name": "ox-card-gutter",
           "declaration": {
-            "name": "DataGridField",
-            "module": "src/data-grid/data-grid-field.ts"
+            "name": "DataCardGutter",
+            "module": "src/data-card/data-card-gutter.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/data-grid/data-grid-footer.ts",
+      "path": "src/data-card/data-card.ts",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "DataGridFooter",
+          "name": "DataCard",
           "members": [
             {
               "kind": "field",
@@ -2034,40 +1952,102 @@
               "default": "ZERO_DATA",
               "attribute": "data"
             },
+            {
+              "kind": "field",
+              "name": "isTop",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "attribute": "isTop"
+            },
+            {
+              "kind": "field",
+              "name": "_records",
+              "type": {
+                "text": "GristRecord[]"
+              },
+              "privacy": "private",
+              "default": "[]",
+              "attribute": "_records"
+            },
+            {
+              "kind": "field",
+              "name": "_total",
+              "type": {
+                "text": "number"
+              },
+              "privacy": "private",
+              "default": "0"
+            },
+            {
+              "kind": "field",
+              "name": "_limit",
+              "type": {
+                "text": "number"
+              },
+              "privacy": "private",
+              "default": "20"
+            },
+            {
+              "kind": "field",
+              "name": "_page",
+              "type": {
+                "text": "number"
+              },
+              "privacy": "private",
+              "default": "1"
+            },
             {
               "kind": "method",
-              "name": "_gotoPage",
+              "name": "onRecordChanged",
               "parameters": [
                 {
-                  "name": "page",
+                  "name": "recordData",
+                  "type": {
+                    "text": "GristRecord"
+                  }
+                },
+                {
+                  "name": "row",
                   "type": {
                     "text": "number"
                   }
+                },
+                {
+                  "name": "column",
+                  "type": {
+                    "text": "ColumnConfig | null"
+                  }
                 }
               ]
             },
             {
               "kind": "method",
-              "name": "_changeLimit",
+              "name": "gotoTop",
               "parameters": [
                 {
-                  "name": "limit",
+                  "name": "e",
                   "type": {
-                    "text": "number"
+                    "text": "Event"
                   }
                 }
               ]
-            }
-          ],
-          "events": [
+            },
             {
-              "name": "page-change",
+              "kind": "field",
+              "name": "pullToRefreshTarget"
+            }
+          ],
+          "events": [
+            {
+              "name": "attach-page",
               "type": {
                 "text": "CustomEvent"
               }
             },
             {
-              "name": "limit-change",
+              "name": "record-change",
               "type": {
                 "text": "CustomEvent"
               }
@@ -2095,43 +2075,59 @@
                 "module": "/src/configure/zero-config"
               },
               "fieldName": "data"
+            },
+            {
+              "name": "isTop",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "fieldName": "isTop"
+            },
+            {
+              "name": "_records",
+              "type": {
+                "text": "GristRecord[]"
+              },
+              "default": "[]",
+              "fieldName": "_records"
             }
           ],
           "superclass": {
             "name": "LitElement",
             "package": "lit"
           },
-          "tagName": "ox-grid-footer",
+          "tagName": "ox-card",
           "customElement": true
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "DataGridFooter",
+          "name": "DataCard",
           "declaration": {
-            "name": "DataGridFooter",
-            "module": "src/data-grid/data-grid-footer.ts"
+            "name": "DataCard",
+            "module": "src/data-card/data-card.ts"
           }
         },
         {
           "kind": "custom-element-definition",
-          "name": "ox-grid-footer",
+          "name": "ox-card",
           "declaration": {
-            "name": "DataGridFooter",
-            "module": "src/data-grid/data-grid-footer.ts"
+            "name": "DataCard",
+            "module": "src/data-card/data-card.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/data-grid/data-grid-header.ts",
+      "path": "src/data-card/record-card.ts",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "DataGridHeader",
+          "name": "RecordCard",
           "members": [
             {
               "kind": "field",
@@ -2142,15 +2138,6 @@
               "default": "ZERO_CONFIG",
               "attribute": "config"
             },
-            {
-              "kind": "field",
-              "name": "columns",
-              "type": {
-                "text": "ColumnConfig[]"
-              },
-              "default": "ZERO_COLUMNS",
-              "attribute": "columns"
-            },
             {
               "kind": "field",
               "name": "data",
@@ -2162,135 +2149,81 @@
             },
             {
               "kind": "field",
-              "name": "_sorters",
+              "name": "record",
               "type": {
-                "text": "SortersConfig"
+                "text": "GristRecord"
               },
-              "privacy": "private",
-              "default": "[]"
+              "default": "ZERO_RECORD",
+              "attribute": "record"
             },
             {
               "kind": "field",
-              "name": "_lastAccVal",
+              "name": "rowIndex",
               "type": {
-                "text": "number | undefined"
+                "text": "number"
               },
-              "privacy": "private"
+              "default": "-1",
+              "attribute": "rowIndex"
             },
             {
               "kind": "field",
-              "name": "_throttledNotifier",
+              "name": "selectedRow",
               "type": {
-                "text": "any | undefined"
+                "text": "boolean"
               },
-              "privacy": "private"
-            },
-            {
-              "kind": "method",
-              "name": "_renderHeader",
-              "parameters": [
-                {
-                  "name": "column",
-                  "type": {
-                    "text": "ColumnConfig"
-                  }
-                }
-              ]
+              "default": "false",
+              "attribute": "selected-row"
             },
             {
-              "kind": "method",
-              "name": "_renderSortHeader",
-              "parameters": [
-                {
-                  "name": "column",
-                  "type": {
-                    "text": "ColumnConfig"
-                  }
-                }
-              ]
+              "kind": "field",
+              "name": "_recordView",
+              "type": {
+                "text": "any"
+              },
+              "privacy": "private"
             },
             {
-              "kind": "method",
-              "name": "_renderFilterHeader",
-              "parameters": [
-                {
-                  "name": "column",
-                  "type": {
-                    "text": "ColumnConfig"
-                  }
-                }
-              ]
+              "kind": "field",
+              "name": "clickHandler",
+              "privacy": "private",
+              "default": "recordCardClickHandler.bind(this)"
             },
             {
-              "kind": "method",
-              "name": "_changeSort",
-              "parameters": [
-                {
-                  "name": "column",
-                  "type": {
-                    "text": "ColumnConfig"
-                  }
-                }
-              ]
+              "kind": "field",
+              "name": "dblclickHandler",
+              "privacy": "private",
+              "default": "recordCardDblClickHandler.bind(this)"
             },
             {
               "kind": "method",
-              "name": "_accumalate",
+              "name": "onFieldChange",
               "parameters": [
                 {
-                  "name": "x",
+                  "name": "e",
                   "type": {
-                    "text": "number"
+                    "text": "Event"
                   }
                 }
               ]
             },
             {
-              "kind": "method",
-              "name": "_notifyWidthChange",
-              "parameters": [
-                {
-                  "name": "idx",
-                  "type": {
-                    "text": "number"
-                  }
-                },
-                {
-                  "name": "width",
-                  "type": {
-                    "text": "number"
-                  }
-                }
-              ]
+              "kind": "field",
+              "name": "recordView"
             },
             {
               "kind": "method",
-              "name": "_mousedown",
-              "parameters": [
-                {
-                  "name": "e",
-                  "type": {
-                    "text": "MouseEvent"
-                  }
-                },
-                {
-                  "name": "idx",
-                  "type": {
-                    "text": "number"
-                  }
-                }
-              ]
+              "name": "popupRecordView"
             }
           ],
           "events": [
             {
-              "name": "sorters-change",
+              "name": "field-change",
               "type": {
                 "text": "CustomEvent"
               }
             },
             {
-              "name": "column-width-change",
+              "name": "record-reset",
               "type": {
                 "text": "CustomEvent"
               }
@@ -2309,64 +2242,105 @@
               "fieldName": "config"
             },
             {
-              "name": "columns",
+              "name": "data",
               "type": {
-                "text": "ColumnConfig[]"
+                "text": "GristData"
               },
-              "default": "ZERO_COLUMNS",
+              "default": "ZERO_DATA",
               "resolveInitializer": {
                 "module": "/src/configure/zero-config"
               },
-              "fieldName": "columns"
+              "fieldName": "data"
             },
             {
-              "name": "data",
+              "name": "record",
               "type": {
-                "text": "GristData"
+                "text": "GristRecord"
               },
-              "default": "ZERO_DATA",
+              "default": "ZERO_RECORD",
               "resolveInitializer": {
                 "module": "/src/configure/zero-config"
               },
-              "fieldName": "data"
+              "fieldName": "record"
+            },
+            {
+              "name": "rowIndex",
+              "type": {
+                "text": "number"
+              },
+              "default": "-1",
+              "fieldName": "rowIndex"
+            },
+            {
+              "name": "selected-row",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "fieldName": "selectedRow"
             }
           ],
           "superclass": {
             "name": "LitElement",
             "package": "lit"
           },
-          "tagName": "ox-grid-header",
+          "tagName": "ox-record-card",
           "customElement": true
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "DataGridHeader",
+          "name": "RecordCard",
           "declaration": {
-            "name": "DataGridHeader",
-            "module": "src/data-grid/data-grid-header.ts"
+            "name": "RecordCard",
+            "module": "src/data-card/record-card.ts"
           }
         },
         {
           "kind": "custom-element-definition",
-          "name": "ox-grid-header",
+          "name": "ox-record-card",
           "declaration": {
-            "name": "DataGridHeader",
-            "module": "src/data-grid/data-grid-header.ts"
+            "name": "RecordCard",
+            "module": "src/data-card/record-card.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/data-grid/data-grid.ts",
+      "path": "src/data-grid/data-grid-body-style.ts",
+      "declarations": [
+        {
+          "kind": "variable",
+          "name": "dataGridBodyStyle",
+          "default": "css`\n  :host {\n    display: grid;\n    grid-template-columns: var(--grid-template-columns);\n    grid-auto-rows: var(--grid-record-height, min-content);\n\n    overflow: auto;\n    outline: none;\n    color: var(--grid-record-color);\n  }\n\n  [odd] {\n    background-color: var(--grid-record-odd-background-color);\n  }\n\n  [selected-row] {\n    background-color: var(--grid-record-selected-background-color);\n    color: var(--grid-record-selected-color);\n  }\n\n  [focused-row] {\n    box-shadow: var(--grid-record-focused-box-shadow);\n    font-weight: bold;\n    color: var(--grid-record-focused-color);\n    background-image: var(--focused-background-image);\n    background-blend-mode: darken;\n  }\n\n  [focused] {\n    border: var(--grid-record-focused-cell-border);\n  }\n\n  [emphasized-row],\n  [emphasized-row][focused] {\n    background-color: var(--grid-record-emphasized-background-color);\n    color: var(--grid-record-emphasized-color);\n  }\n\n  [editing] {\n    background-color: var(--grid-record-editing-background-color);\n  }\n\n  @media print {\n    :host {\n      grid-template-columns: var(--grid-template-print-columns);\n    }\n    [focused] {\n      border: none;\n    }\n\n    [selected-row] {\n      background-color: transparent;\n    }\n\n    [emphasized-row] {\n      background-color: transparent;\n      color: initial;\n    }\n\n    [focused-row] {\n      background-color: transparent;\n      color: initial;\n    }\n\n    [editing] {\n      background-color: transparent;\n    }\n  }\n`"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "dataGridBodyStyle",
+          "declaration": {
+            "name": "dataGridBodyStyle",
+            "module": "src/data-grid/data-grid-body-style.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/data-grid/data-grid-body.ts",
       "declarations": [
         {
           "kind": "class",
-          "description": "DataGrid",
-          "name": "DataGrid",
+          "description": "",
+          "name": "DataGridBody",
           "members": [
+            {
+              "kind": "field",
+              "name": "debounce"
+            },
             {
               "kind": "field",
               "name": "config",
@@ -2378,9 +2352,18 @@
             },
             {
               "kind": "field",
-              "name": "data",
+              "name": "columns",
               "type": {
-                "text": "GristData"
+                "text": "ColumnConfig[]"
+              },
+              "default": "[]",
+              "attribute": "columns"
+            },
+            {
+              "kind": "field",
+              "name": "data",
+              "type": {
+                "text": "GristData"
               },
               "default": "ZERO_DATA",
               "attribute": "data"
@@ -2389,42 +2372,53 @@
               "kind": "field",
               "name": "focused",
               "type": {
-                "text": "{ row: number; column: number } | undefined"
+                "text": "{ row: number; column: number }"
               },
+              "default": "{\n  row: 0,\n  column: 0\n}",
               "attribute": "focused"
             },
             {
               "kind": "field",
-              "name": "body",
+              "name": "editTarget",
               "type": {
-                "text": "LitElement"
-              }
+                "text": "{ row: number; column: number } | null"
+              },
+              "default": "null",
+              "attribute": "editTarget"
             },
             {
               "kind": "field",
-              "name": "header",
+              "name": "from",
               "type": {
-                "text": "DataGridHeader"
-              }
+                "text": "number"
+              },
+              "default": "-1",
+              "attribute": "from"
             },
             {
               "kind": "field",
-              "name": "footer",
+              "name": "to",
               "type": {
-                "text": "LitElement"
-              }
+                "text": "number"
+              },
+              "default": "-1",
+              "attribute": "to"
             },
             {
               "kind": "field",
-              "name": "_widths",
+              "name": "_focusedListener",
               "type": {
-                "text": "string | undefined"
+                "text": "(e: KeyboardEvent) => void | undefined"
               },
               "privacy": "private"
             },
             {
               "kind": "method",
-              "name": "onWheelEvent",
+              "name": "resetEdit"
+            },
+            {
+              "kind": "method",
+              "name": "handleOnScroll",
               "parameters": [
                 {
                   "name": "e",
@@ -2436,14 +2430,20 @@
             },
             {
               "kind": "method",
-              "name": "onRecordChanged",
+              "name": "_onWheelEvent",
               "parameters": [
                 {
-                  "name": "recordData",
+                  "name": "e",
                   "type": {
-                    "text": "GristRecord"
+                    "text": "WheelEvent"
                   }
-                },
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "startEditTarget",
+              "parameters": [
                 {
                   "name": "row",
                   "type": {
@@ -2453,19 +2453,7 @@
                 {
                   "name": "column",
                   "type": {
-                    "text": "ColumnConfig | null"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "calculateWidths",
-              "parameters": [
-                {
-                  "name": "columns",
-                  "type": {
-                    "text": "ColumnConfig[]"
+                    "text": "number"
                   }
                 }
               ]
@@ -2473,18 +2461,6 @@
             {
               "kind": "method",
               "name": "focus"
-            },
-            {
-              "kind": "field",
-              "name": "pullToRefreshTarget"
-            }
-          ],
-          "events": [
-            {
-              "name": "record-change",
-              "type": {
-                "text": "CustomEvent"
-              }
             }
           ],
           "attributes": [
@@ -2499,6 +2475,14 @@
               },
               "fieldName": "config"
             },
+            {
+              "name": "columns",
+              "type": {
+                "text": "ColumnConfig[]"
+              },
+              "default": "[]",
+              "fieldName": "columns"
+            },
             {
               "name": "data",
               "type": {
@@ -2513,54 +2497,83 @@
             {
               "name": "focused",
               "type": {
-                "text": "{ row: number; column: number } | undefined"
+                "text": "{ row: number; column: number }"
+              },
+              "default": "ZERO_FOCUS",
+              "resolveInitializer": {
+                "module": "src/data-grid/data-grid-body.ts"
               },
               "fieldName": "focused"
+            },
+            {
+              "name": "editTarget",
+              "type": {
+                "text": "{ row: number; column: number } | null"
+              },
+              "default": "null",
+              "fieldName": "editTarget"
+            },
+            {
+              "name": "from",
+              "type": {
+                "text": "number"
+              },
+              "default": "-1",
+              "fieldName": "from"
+            },
+            {
+              "name": "to",
+              "type": {
+                "text": "number"
+              },
+              "default": "-1",
+              "fieldName": "to"
             }
           ],
           "superclass": {
             "name": "LitElement",
             "package": "lit"
           },
-          "tagName": "ox-grid",
+          "tagName": "ox-grid-body",
           "customElement": true
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "DataGrid",
+          "name": "DataGridBody",
           "declaration": {
-            "name": "DataGrid",
-            "module": "src/data-grid/data-grid.ts"
+            "name": "DataGridBody",
+            "module": "src/data-grid/data-grid-body.ts"
           }
         },
         {
           "kind": "custom-element-definition",
-          "name": "ox-grid",
+          "name": "ox-grid-body",
           "declaration": {
-            "name": "DataGrid",
-            "module": "src/data-grid/data-grid.ts"
+            "name": "DataGridBody",
+            "module": "src/data-grid/data-grid-body.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/data-card/data-card-field.ts",
+      "path": "src/data-grid/data-grid-field.ts",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "DataCardField",
+          "name": "DataGridField",
           "members": [
             {
               "kind": "field",
               "name": "align",
+              "default": "'left'",
+              "attribute": "align",
               "type": {
-                "text": "string | undefined"
-              },
-              "attribute": "align"
+                "text": "string"
+              }
             },
             {
               "kind": "field",
@@ -2568,7 +2581,7 @@
               "type": {
                 "text": "GristRecord"
               },
-              "default": "ZERO_RECORD",
+              "default": "{}",
               "attribute": "record"
             },
             {
@@ -2586,23 +2599,83 @@
               "type": {
                 "text": "number"
               },
-              "default": "-1",
+              "default": "0",
               "attribute": "rowIndex"
             },
+            {
+              "kind": "field",
+              "name": "columnIndex",
+              "type": {
+                "text": "number"
+              },
+              "default": "0",
+              "attribute": "columnIndex"
+            },
+            {
+              "kind": "field",
+              "name": "editing",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "attribute": "editing"
+            },
             {
               "kind": "field",
               "name": "value",
               "type": {
-                "text": "object | undefined"
+                "text": "object"
               },
+              "default": "{}",
               "attribute": "value"
+            },
+            {
+              "kind": "field",
+              "name": "emphasized",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "attribute": "emphasized"
+            },
+            {
+              "kind": "field",
+              "name": "_editCancelled",
+              "type": {
+                "text": "boolean | undefined"
+              },
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "_onFieldChange",
+              "type": {
+                "text": "(e: Event) => void"
+              },
+              "privacy": "private",
+              "default": "e => {}"
+            },
+            {
+              "kind": "field",
+              "name": "_onKeydownInEditingMode",
+              "type": {
+                "text": "(e: KeyboardEvent) => void"
+              },
+              "privacy": "private",
+              "default": "e => {}"
+            },
+            {
+              "kind": "field",
+              "name": "isEditing",
+              "privacy": "private"
             }
           ],
           "attributes": [
             {
               "name": "align",
-              "type": {
-                "text": "string | undefined"
+              "default": "DEFAULT_TEXT_ALIGN",
+              "resolveInitializer": {
+                "module": "src/data-grid/data-grid-field.ts"
               },
               "fieldName": "align"
             },
@@ -2611,10 +2684,7 @@
               "type": {
                 "text": "GristRecord"
               },
-              "default": "ZERO_RECORD",
-              "resolveInitializer": {
-                "module": "/src/configure/zero-config"
-              },
+              "default": "{}",
               "fieldName": "record"
             },
             {
@@ -2633,311 +2703,428 @@
               "type": {
                 "text": "number"
               },
-              "default": "-1",
+              "default": "0",
               "fieldName": "rowIndex"
             },
+            {
+              "name": "columnIndex",
+              "type": {
+                "text": "number"
+              },
+              "default": "0",
+              "fieldName": "columnIndex"
+            },
+            {
+              "name": "editing",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "fieldName": "editing"
+            },
             {
               "name": "value",
               "type": {
-                "text": "object | undefined"
+                "text": "object"
               },
+              "default": "{}",
               "fieldName": "value"
+            },
+            {
+              "name": "emphasized",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "fieldName": "emphasized"
             }
           ],
           "superclass": {
             "name": "LitElement",
             "package": "lit"
           },
-          "tagName": "ox-card-field",
+          "tagName": "ox-grid-field",
           "customElement": true
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "DataCardField",
+          "name": "DataGridField",
           "declaration": {
-            "name": "DataCardField",
-            "module": "src/data-card/data-card-field.ts"
+            "name": "DataGridField",
+            "module": "src/data-grid/data-grid-field.ts"
           }
         },
         {
           "kind": "custom-element-definition",
-          "name": "ox-card-field",
+          "name": "ox-grid-field",
           "declaration": {
-            "name": "DataCardField",
-            "module": "src/data-card/data-card-field.ts"
+            "name": "DataGridField",
+            "module": "src/data-grid/data-grid-field.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/data-card/data-card-gutter-menu.ts",
+      "path": "src/data-grid/data-grid-footer.ts",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "DataCardGutterMenu",
+          "name": "DataGridFooter",
           "members": [
             {
               "kind": "field",
-              "name": "gutters",
-              "type": {
-                "text": "ColumnConfig[]"
-              },
-              "attribute": "gutters"
-            },
-            {
-              "kind": "field",
-              "name": "rowIndex",
-              "type": {
-                "text": "number"
-              },
-              "attribute": "rowIndex"
-            },
-            {
-              "kind": "field",
-              "name": "record",
-              "type": {
-                "text": "GristRecord"
-              },
-              "attribute": "record"
-            },
-            {
-              "kind": "field",
-              "name": "clickHandler",
+              "name": "config",
               "type": {
-                "text": "EventListener"
+                "text": "GristConfig"
               },
-              "attribute": "clickHandler"
+              "default": "ZERO_CONFIG",
+              "attribute": "config"
             },
             {
               "kind": "field",
-              "name": "dblclickHandler",
+              "name": "data",
               "type": {
-                "text": "EventListener"
+                "text": "GristData"
               },
-              "attribute": "dblclickHandler"
-            },
-            {
-              "kind": "field",
-              "name": "icon",
-              "type": {
-                "text": "Element"
-              }
+              "default": "ZERO_DATA",
+              "attribute": "data"
             },
             {
               "kind": "method",
-              "name": "menuRender"
+              "name": "_gotoPage",
+              "parameters": [
+                {
+                  "name": "page",
+                  "type": {
+                    "text": "number"
+                  }
+                }
+              ]
             },
             {
               "kind": "method",
-              "name": "open",
+              "name": "_changeLimit",
               "parameters": [
                 {
-                  "name": "e",
+                  "name": "limit",
                   "type": {
-                    "text": "Event"
+                    "text": "number"
                   }
                 }
               ]
             }
           ],
-          "attributes": [
+          "events": [
             {
-              "name": "gutters",
+              "name": "page-change",
               "type": {
-                "text": "ColumnConfig[]"
-              },
-              "fieldName": "gutters"
+                "text": "CustomEvent"
+              }
             },
             {
-              "name": "rowIndex",
+              "name": "limit-change",
               "type": {
-                "text": "number"
-              },
-              "fieldName": "rowIndex"
-            },
+                "text": "CustomEvent"
+              }
+            }
+          ],
+          "attributes": [
             {
-              "name": "record",
+              "name": "config",
               "type": {
-                "text": "GristRecord"
+                "text": "GristConfig"
               },
-              "fieldName": "record"
-            },
-            {
-              "name": "clickHandler",
-              "type": {
-                "text": "EventListener"
+              "default": "ZERO_CONFIG",
+              "resolveInitializer": {
+                "module": "/src/configure/zero-config"
               },
-              "fieldName": "clickHandler"
+              "fieldName": "config"
             },
             {
-              "name": "dblclickHandler",
+              "name": "data",
               "type": {
-                "text": "EventListener"
+                "text": "GristData"
               },
-              "fieldName": "dblclickHandler"
+              "default": "ZERO_DATA",
+              "resolveInitializer": {
+                "module": "/src/configure/zero-config"
+              },
+              "fieldName": "data"
             }
           ],
           "superclass": {
             "name": "LitElement",
             "package": "lit"
           },
-          "tagName": "ox-card-gutter-menu",
+          "tagName": "ox-grid-footer",
           "customElement": true
         }
       ],
       "exports": [
+        {
+          "kind": "js",
+          "name": "DataGridFooter",
+          "declaration": {
+            "name": "DataGridFooter",
+            "module": "src/data-grid/data-grid-footer.ts"
+          }
+        },
         {
           "kind": "custom-element-definition",
-          "name": "ox-card-gutter-menu",
+          "name": "ox-grid-footer",
           "declaration": {
-            "name": "DataCardGutterMenu",
-            "module": "src/data-card/data-card-gutter-menu.ts"
+            "name": "DataGridFooter",
+            "module": "src/data-grid/data-grid-footer.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/data-card/data-card-gutter.ts",
+      "path": "src/data-grid/data-grid-header.ts",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "DataCardGutter",
+          "name": "DataGridHeader",
           "members": [
             {
               "kind": "field",
-              "name": "align",
+              "name": "config",
               "type": {
-                "text": "string | undefined"
+                "text": "GristConfig"
               },
-              "attribute": "align"
+              "default": "ZERO_CONFIG",
+              "attribute": "config"
             },
             {
               "kind": "field",
-              "name": "record",
+              "name": "columns",
               "type": {
-                "text": "GristRecord"
+                "text": "ColumnConfig[]"
               },
-              "default": "ZERO_RECORD",
-              "attribute": "record"
+              "default": "ZERO_COLUMNS",
+              "attribute": "columns"
             },
             {
               "kind": "field",
-              "name": "column",
+              "name": "data",
               "type": {
-                "text": "ColumnConfig"
+                "text": "GristData"
               },
-              "default": "ZERO_COLUMN",
-              "attribute": "column"
+              "default": "ZERO_DATA",
+              "attribute": "data"
             },
             {
               "kind": "field",
-              "name": "rowIndex",
+              "name": "_sorters",
               "type": {
-                "text": "number"
+                "text": "SortersConfig"
               },
-              "default": "-1",
-              "attribute": "rowIndex"
+              "privacy": "private",
+              "default": "[]"
             },
             {
               "kind": "field",
-              "name": "value",
+              "name": "_lastAccVal",
               "type": {
-                "text": "object | undefined"
+                "text": "number | undefined"
               },
-              "attribute": "value"
+              "privacy": "private"
             },
             {
               "kind": "field",
-              "name": "isEditing"
-            }
-          ],
-          "attributes": [
-            {
-              "name": "align",
+              "name": "_throttledNotifier",
               "type": {
-                "text": "string | undefined"
+                "text": "any | undefined"
               },
-              "fieldName": "align"
+              "privacy": "private"
             },
             {
-              "name": "record",
-              "type": {
-                "text": "GristRecord"
-              },
-              "default": "ZERO_RECORD",
-              "resolveInitializer": {
-                "module": "/src/configure/zero-config"
-              },
-              "fieldName": "record"
+              "kind": "method",
+              "name": "_renderHeader",
+              "parameters": [
+                {
+                  "name": "column",
+                  "type": {
+                    "text": "ColumnConfig"
+                  }
+                }
+              ]
             },
             {
-              "name": "column",
-              "type": {
-                "text": "ColumnConfig"
-              },
-              "default": "ZERO_COLUMN",
-              "resolveInitializer": {
-                "module": "/src/configure/zero-config"
-              },
-              "fieldName": "column"
+              "kind": "method",
+              "name": "_renderSortHeader",
+              "parameters": [
+                {
+                  "name": "column",
+                  "type": {
+                    "text": "ColumnConfig"
+                  }
+                }
+              ]
             },
             {
-              "name": "rowIndex",
-              "type": {
-                "text": "number"
-              },
-              "default": "-1",
-              "fieldName": "rowIndex"
+              "kind": "method",
+              "name": "_renderFilterHeader",
+              "parameters": [
+                {
+                  "name": "column",
+                  "type": {
+                    "text": "ColumnConfig"
+                  }
+                }
+              ]
             },
             {
-              "name": "value",
-              "type": {
-                "text": "object | undefined"
-              },
-              "fieldName": "value"
-            }
-          ],
-          "superclass": {
-            "name": "LitElement",
-            "package": "lit"
-          },
-          "tagName": "ox-card-gutter",
+              "kind": "method",
+              "name": "_changeSort",
+              "parameters": [
+                {
+                  "name": "column",
+                  "type": {
+                    "text": "ColumnConfig"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "_accumalate",
+              "parameters": [
+                {
+                  "name": "x",
+                  "type": {
+                    "text": "number"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "_notifyWidthChange",
+              "parameters": [
+                {
+                  "name": "idx",
+                  "type": {
+                    "text": "number"
+                  }
+                },
+                {
+                  "name": "width",
+                  "type": {
+                    "text": "number"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "_mousedown",
+              "parameters": [
+                {
+                  "name": "e",
+                  "type": {
+                    "text": "MouseEvent"
+                  }
+                },
+                {
+                  "name": "idx",
+                  "type": {
+                    "text": "number"
+                  }
+                }
+              ]
+            }
+          ],
+          "events": [
+            {
+              "name": "sorters-change",
+              "type": {
+                "text": "CustomEvent"
+              }
+            },
+            {
+              "name": "column-width-change",
+              "type": {
+                "text": "CustomEvent"
+              }
+            }
+          ],
+          "attributes": [
+            {
+              "name": "config",
+              "type": {
+                "text": "GristConfig"
+              },
+              "default": "ZERO_CONFIG",
+              "resolveInitializer": {
+                "module": "/src/configure/zero-config"
+              },
+              "fieldName": "config"
+            },
+            {
+              "name": "columns",
+              "type": {
+                "text": "ColumnConfig[]"
+              },
+              "default": "ZERO_COLUMNS",
+              "resolveInitializer": {
+                "module": "/src/configure/zero-config"
+              },
+              "fieldName": "columns"
+            },
+            {
+              "name": "data",
+              "type": {
+                "text": "GristData"
+              },
+              "default": "ZERO_DATA",
+              "resolveInitializer": {
+                "module": "/src/configure/zero-config"
+              },
+              "fieldName": "data"
+            }
+          ],
+          "superclass": {
+            "name": "LitElement",
+            "package": "lit"
+          },
+          "tagName": "ox-grid-header",
           "customElement": true
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "DataCardGutter",
+          "name": "DataGridHeader",
           "declaration": {
-            "name": "DataCardGutter",
-            "module": "src/data-card/data-card-gutter.ts"
+            "name": "DataGridHeader",
+            "module": "src/data-grid/data-grid-header.ts"
           }
         },
         {
           "kind": "custom-element-definition",
-          "name": "ox-card-gutter",
+          "name": "ox-grid-header",
           "declaration": {
-            "name": "DataCardGutter",
-            "module": "src/data-card/data-card-gutter.ts"
+            "name": "DataGridHeader",
+            "module": "src/data-grid/data-grid-header.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/data-card/data-card.ts",
+      "path": "src/data-grid/data-grid.ts",
       "declarations": [
         {
           "kind": "class",
-          "description": "",
-          "name": "DataCard",
+          "description": "DataGrid",
+          "name": "DataGrid",
           "members": [
             {
               "kind": "field",
@@ -2959,49 +3146,52 @@
             },
             {
               "kind": "field",
-              "name": "isTop",
+              "name": "focused",
               "type": {
-                "text": "boolean"
+                "text": "{ row: number; column: number } | undefined"
               },
-              "default": "false",
-              "attribute": "isTop"
+              "attribute": "focused"
             },
             {
               "kind": "field",
-              "name": "_records",
+              "name": "body",
               "type": {
-                "text": "GristRecord[]"
-              },
-              "privacy": "private",
-              "default": "[]",
-              "attribute": "_records"
+                "text": "LitElement"
+              }
             },
             {
               "kind": "field",
-              "name": "_total",
+              "name": "header",
               "type": {
-                "text": "number"
-              },
-              "privacy": "private",
-              "default": "0"
+                "text": "DataGridHeader"
+              }
             },
             {
               "kind": "field",
-              "name": "_limit",
+              "name": "footer",
               "type": {
-                "text": "number"
-              },
-              "privacy": "private",
-              "default": "20"
+                "text": "LitElement"
+              }
             },
             {
               "kind": "field",
-              "name": "_page",
+              "name": "_widths",
               "type": {
-                "text": "number"
+                "text": "string | undefined"
               },
-              "privacy": "private",
-              "default": "1"
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "onWheelEvent",
+              "parameters": [
+                {
+                  "name": "e",
+                  "type": {
+                    "text": "WheelEvent"
+                  }
+                }
+              ]
             },
             {
               "kind": "method",
@@ -3029,28 +3219,26 @@
             },
             {
               "kind": "method",
-              "name": "gotoTop",
+              "name": "calculateWidths",
               "parameters": [
                 {
-                  "name": "e",
+                  "name": "columns",
                   "type": {
-                    "text": "Event"
+                    "text": "ColumnConfig[]"
                   }
                 }
               ]
             },
+            {
+              "kind": "method",
+              "name": "focus"
+            },
             {
               "kind": "field",
               "name": "pullToRefreshTarget"
             }
           ],
           "events": [
-            {
-              "name": "attach-page",
-              "type": {
-                "text": "CustomEvent"
-              }
-            },
             {
               "name": "record-change",
               "type": {
@@ -3082,270 +3270,74 @@
               "fieldName": "data"
             },
             {
-              "name": "isTop",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "fieldName": "isTop"
-            },
-            {
-              "name": "_records",
+              "name": "focused",
               "type": {
-                "text": "GristRecord[]"
+                "text": "{ row: number; column: number } | undefined"
               },
-              "default": "[]",
-              "fieldName": "_records"
+              "fieldName": "focused"
             }
           ],
           "superclass": {
             "name": "LitElement",
             "package": "lit"
           },
-          "tagName": "ox-card",
+          "tagName": "ox-grid",
           "customElement": true
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "DataCard",
+          "name": "DataGrid",
           "declaration": {
-            "name": "DataCard",
-            "module": "src/data-card/data-card.ts"
+            "name": "DataGrid",
+            "module": "src/data-grid/data-grid.ts"
           }
         },
         {
           "kind": "custom-element-definition",
-          "name": "ox-card",
+          "name": "ox-grid",
           "declaration": {
-            "name": "DataCard",
-            "module": "src/data-card/data-card.ts"
+            "name": "DataGrid",
+            "module": "src/data-grid/data-grid.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/data-card/record-card.ts",
+      "path": "src/data-list/data-list-field.ts",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "RecordCard",
+          "name": "DataListField",
           "members": [
             {
               "kind": "field",
-              "name": "config",
+              "name": "align",
               "type": {
-                "text": "GristConfig"
+                "text": "string | undefined"
               },
-              "default": "ZERO_CONFIG",
-              "attribute": "config"
+              "attribute": "align"
             },
             {
               "kind": "field",
-              "name": "data",
+              "name": "record",
               "type": {
-                "text": "GristData"
+                "text": "GristRecord"
               },
-              "default": "ZERO_DATA",
-              "attribute": "data"
+              "default": "ZERO_RECORD",
+              "attribute": "record"
             },
             {
               "kind": "field",
-              "name": "record",
+              "name": "column",
               "type": {
-                "text": "GristRecord"
+                "text": "ColumnConfig"
               },
-              "default": "ZERO_RECORD",
-              "attribute": "record"
-            },
-            {
-              "kind": "field",
-              "name": "rowIndex",
-              "type": {
-                "text": "number"
-              },
-              "default": "-1",
-              "attribute": "rowIndex"
-            },
-            {
-              "kind": "field",
-              "name": "selectedRow",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "attribute": "selected-row"
-            },
-            {
-              "kind": "field",
-              "name": "_recordView",
-              "type": {
-                "text": "any"
-              },
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "clickHandler",
-              "privacy": "private",
-              "default": "recordCardClickHandler.bind(this)"
-            },
-            {
-              "kind": "field",
-              "name": "dblclickHandler",
-              "privacy": "private",
-              "default": "recordCardDblClickHandler.bind(this)"
-            },
-            {
-              "kind": "method",
-              "name": "onFieldChange",
-              "parameters": [
-                {
-                  "name": "e",
-                  "type": {
-                    "text": "Event"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "field",
-              "name": "recordView"
-            },
-            {
-              "kind": "method",
-              "name": "popupRecordView"
-            }
-          ],
-          "events": [
-            {
-              "name": "field-change",
-              "type": {
-                "text": "CustomEvent"
-              }
-            },
-            {
-              "name": "record-reset",
-              "type": {
-                "text": "CustomEvent"
-              }
-            }
-          ],
-          "attributes": [
-            {
-              "name": "config",
-              "type": {
-                "text": "GristConfig"
-              },
-              "default": "ZERO_CONFIG",
-              "resolveInitializer": {
-                "module": "/src/configure/zero-config"
-              },
-              "fieldName": "config"
-            },
-            {
-              "name": "data",
-              "type": {
-                "text": "GristData"
-              },
-              "default": "ZERO_DATA",
-              "resolveInitializer": {
-                "module": "/src/configure/zero-config"
-              },
-              "fieldName": "data"
-            },
-            {
-              "name": "record",
-              "type": {
-                "text": "GristRecord"
-              },
-              "default": "ZERO_RECORD",
-              "resolveInitializer": {
-                "module": "/src/configure/zero-config"
-              },
-              "fieldName": "record"
-            },
-            {
-              "name": "rowIndex",
-              "type": {
-                "text": "number"
-              },
-              "default": "-1",
-              "fieldName": "rowIndex"
-            },
-            {
-              "name": "selected-row",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "fieldName": "selectedRow"
-            }
-          ],
-          "superclass": {
-            "name": "LitElement",
-            "package": "lit"
-          },
-          "tagName": "ox-record-card",
-          "customElement": true
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "RecordCard",
-          "declaration": {
-            "name": "RecordCard",
-            "module": "src/data-card/record-card.ts"
-          }
-        },
-        {
-          "kind": "custom-element-definition",
-          "name": "ox-record-card",
-          "declaration": {
-            "name": "RecordCard",
-            "module": "src/data-card/record-card.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/data-list/data-list-field.ts",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "",
-          "name": "DataListField",
-          "members": [
-            {
-              "kind": "field",
-              "name": "align",
-              "type": {
-                "text": "string | undefined"
-              },
-              "attribute": "align"
-            },
-            {
-              "kind": "field",
-              "name": "record",
-              "type": {
-                "text": "GristRecord"
-              },
-              "default": "ZERO_RECORD",
-              "attribute": "record"
-            },
-            {
-              "kind": "field",
-              "name": "column",
-              "type": {
-                "text": "ColumnConfig"
-              },
-              "default": "ZERO_COLUMN",
-              "attribute": "column"
+              "default": "ZERO_COLUMN",
+              "attribute": "column"
             },
             {
               "kind": "field",
@@ -10023,23 +10015,108 @@
     },
     {
       "kind": "javascript-module",
-      "path": "src/filters/index.ts",
-      "declarations": [],
+      "path": "src/filters/filters-form.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "FiltersForm",
+          "members": [
+            {
+              "kind": "field",
+              "name": "config",
+              "type": {
+                "text": "GristConfig"
+              },
+              "attribute": "config"
+            },
+            {
+              "kind": "field",
+              "name": "defaultOperator",
+              "type": {
+                "text": "string"
+              },
+              "default": "'eq'",
+              "attribute": "defaultOperator"
+            },
+            {
+              "kind": "field",
+              "name": "form",
+              "type": {
+                "text": "HTMLFormElement"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "queryFilters",
+              "type": {
+                "text": "QueryFilter[]"
+              }
+            }
+          ],
+          "attributes": [
+            {
+              "name": "config",
+              "type": {
+                "text": "GristConfig"
+              },
+              "fieldName": "config"
+            },
+            {
+              "name": "defaultOperator",
+              "type": {
+                "text": "string"
+              },
+              "default": "'eq'",
+              "fieldName": "defaultOperator"
+            }
+          ],
+          "superclass": {
+            "name": "LitElement",
+            "package": "lit"
+          },
+          "tagName": "ox-filters-form",
+          "customElement": true
+        }
+      ],
       "exports": [
         {
           "kind": "js",
-          "name": "*",
+          "name": "FiltersForm",
           "declaration": {
-            "name": "*",
-            "package": "./registry"
+            "name": "FiltersForm",
+            "module": "src/filters/filters-form.ts"
           }
         },
         {
-          "kind": "js",
-          "name": "*",
+          "kind": "custom-element-definition",
+          "name": "ox-filters-form",
           "declaration": {
-            "name": "*",
-            "package": "./filter-select"
+            "name": "FiltersForm",
+            "module": "src/filters/filters-form.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/filters/index.ts",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./registry"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./filter-select"
           }
         },
         {
@@ -10073,6 +10150,14 @@
             "name": "*",
             "package": "./filter-range-number"
           }
+        },
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./filters-form"
+          }
         }
       ]
     },
@@ -10082,7 +10167,7 @@
       "declarations": [
         {
           "kind": "function",
-          "name": "registerRenderer",
+          "name": "registerFilterRenderer",
           "parameters": [
             {
               "name": "type",
@@ -10093,14 +10178,14 @@
             {
               "name": "renderer",
               "type": {
-                "text": "FilterSelectRenderer"
+                "text": "FilterSelectRenderer[]"
               }
             }
           ]
         },
         {
           "kind": "function",
-          "name": "unregisterRenderer",
+          "name": "unregisterFilterRenderer",
           "return": {
             "type": {
               "text": "void"
@@ -10117,26 +10202,26 @@
         },
         {
           "kind": "function",
-          "name": "getRenderers",
+          "name": "getFilterRenderers",
           "return": {
             "type": {
-              "text": "{ [name: string]: FilterSelectRenderer }"
+              "text": "{ [name: string]: FilterSelectRenderer[] }"
             }
           }
         },
         {
           "kind": "function",
-          "name": "getRenderer",
+          "name": "getFilterRenderer",
           "return": {
             "type": {
-              "text": "FilterSelectRenderer"
+              "text": "FilterSelectRenderer[]"
             }
           },
           "parameters": [
             {
               "name": "type",
               "type": {
-                "text": "string | FilterSelectRenderer"
+                "text": "string"
               }
             }
           ]
@@ -10145,33 +10230,33 @@
       "exports": [
         {
           "kind": "js",
-          "name": "registerRenderer",
+          "name": "registerFilterRenderer",
           "declaration": {
-            "name": "registerRenderer",
+            "name": "registerFilterRenderer",
             "module": "src/filters/registry.ts"
           }
         },
         {
           "kind": "js",
-          "name": "unregisterRenderer",
+          "name": "unregisterFilterRenderer",
           "declaration": {
-            "name": "unregisterRenderer",
+            "name": "unregisterFilterRenderer",
             "module": "src/filters/registry.ts"
           }
         },
         {
           "kind": "js",
-          "name": "getRenderers",
+          "name": "getFilterRenderers",
           "declaration": {
-            "name": "getRenderers",
+            "name": "getFilterRenderers",
             "module": "src/filters/registry.ts"
           }
         },
         {
           "kind": "js",
-          "name": "getRenderer",
+          "name": "getFilterRenderer",
           "declaration": {
-            "name": "getRenderer",
+            "name": "getFilterRenderer",
             "module": "src/filters/registry.ts"
           }
         }
@@ -10835,41 +10920,6 @@
         }
       ]
     },
-    {
-      "kind": "javascript-module",
-      "path": "src/interfaces/index.ts",
-      "declarations": [],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "package": "./ox-search-field"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "package": "./ox-grist-search-form"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/interfaces/ox-grist-search-form.ts",
-      "declarations": [],
-      "exports": []
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/interfaces/ox-search-field.ts",
-      "declarations": [],
-      "exports": []
-    },
     {
       "kind": "javascript-module",
       "path": "src/record-view/index.ts",
@@ -11692,1509 +11742,68 @@
             "name": "getRenderer",
             "module": "src/renderers/registry.ts"
           }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/renderers/select-renderer.ts",
-      "declarations": [
-        {
-          "kind": "function",
-          "name": "SelectRenderer",
-          "parameters": [
-            {
-              "name": "value"
-            },
-            {
-              "name": "column"
-            },
-            {
-              "name": "record"
-            },
-            {
-              "name": "rowIndex"
-            },
-            {
-              "name": "field"
-            }
-          ]
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "SelectRenderer",
-          "declaration": {
-            "name": "SelectRenderer",
-            "module": "src/renderers/select-renderer.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/renderers/text-renderer.ts",
-      "declarations": [
-        {
-          "kind": "function",
-          "name": "TextRenderer",
-          "parameters": [
-            {
-              "name": "value"
-            },
-            {
-              "name": "column"
-            },
-            {
-              "name": "record"
-            },
-            {
-              "name": "rowIndex"
-            },
-            {
-              "name": "field"
-            }
-          ]
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "TextRenderer",
-          "declaration": {
-            "name": "TextRenderer",
-            "module": "src/renderers/text-renderer.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/search-form/index.ts",
-      "declarations": [],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "package": "./ox-search-form"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "package": "./ox-grist-search-form"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "package": "./ox-basic-field"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "package": "./ox-checkbox-field"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "package": "./ox-number-field"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "package": "./ox-select-field"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "package": "./ox-text-field"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/search-form/ox-basic-field.ts",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "",
-          "name": "OXBasicField",
-          "members": [
-            {
-              "kind": "field",
-              "name": "field",
-              "type": {
-                "text": "OXBasicFieldProps"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "form",
-              "type": {
-                "text": "HTMLFormElement | null"
-              },
-              "privacy": "private",
-              "default": "null"
-            },
-            {
-              "kind": "field",
-              "name": "value",
-              "type": {
-                "text": "any | undefined"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "setDefaultValue",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "defaultValue",
-                  "type": {
-                    "text": "unknown"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "field",
-              "name": "input",
-              "type": {
-                "text": "HTMLInputElement | HTMLSelectElement"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "findFormElement",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "HTMLFormElement | null"
-                }
-              }
-            },
-            {
-              "kind": "method",
-              "name": "registerCustomEventHandlers",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "handlers",
-                  "type": {
-                    "text": "Record<string, (event: Event) => void>"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "registerBasicEventHandlers",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              }
-            },
-            {
-              "kind": "method",
-              "name": "appendFormData",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "{ formData }",
-                  "type": {
-                    "text": "FormDataEvent"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "submit",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              }
-            }
-          ],
-          "events": [
-            {
-              "name": "submit-field",
-              "type": {
-                "text": "CustomEvent"
-              }
-            }
-          ],
-          "superclass": {
-            "name": "LitElement",
-            "package": "lit-element"
-          },
-          "customElement": true
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "OXBasicField",
-          "declaration": {
-            "name": "OXBasicField",
-            "module": "src/search-form/ox-basic-field.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/search-form/ox-checkbox-field.ts",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "",
-          "name": "OXCheckboxField",
-          "members": [
-            {
-              "kind": "field",
-              "name": "field",
-              "type": {
-                "text": "OXBasicFieldProps"
-              },
-              "attribute": "field",
-              "inheritedFrom": {
-                "name": "OXBasicField",
-                "module": "src/search-form/ox-basic-field.ts"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "value",
-              "type": {
-                "text": "any | undefined"
-              },
-              "attribute": "value",
-              "inheritedFrom": {
-                "name": "OXBasicField",
-                "module": "src/search-form/ox-basic-field.ts"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "setDefaultValue",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "defaultValue",
-                  "type": {
-                    "text": "boolean"
-                  }
-                }
-              ],
-              "inheritedFrom": {
-                "name": "OXBasicField",
-                "module": "src/search-form/ox-basic-field.ts"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "onClickHandler",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              }
-            },
-            {
-              "kind": "field",
-              "name": "form",
-              "type": {
-                "text": "HTMLFormElement | null"
-              },
-              "privacy": "private",
-              "default": "null",
-              "inheritedFrom": {
-                "name": "OXBasicField",
-                "module": "src/search-form/ox-basic-field.ts"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "input",
-              "type": {
-                "text": "HTMLInputElement | HTMLSelectElement"
-              },
-              "inheritedFrom": {
-                "name": "OXBasicField",
-                "module": "src/search-form/ox-basic-field.ts"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "findFormElement",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "HTMLFormElement | null"
-                }
-              },
-              "inheritedFrom": {
-                "name": "OXBasicField",
-                "module": "src/search-form/ox-basic-field.ts"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "registerCustomEventHandlers",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "handlers",
-                  "type": {
-                    "text": "Record<string, (event: Event) => void>"
-                  }
-                }
-              ],
-              "inheritedFrom": {
-                "name": "OXBasicField",
-                "module": "src/search-form/ox-basic-field.ts"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "registerBasicEventHandlers",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              },
-              "inheritedFrom": {
-                "name": "OXBasicField",
-                "module": "src/search-form/ox-basic-field.ts"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "appendFormData",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "{ formData }",
-                  "type": {
-                    "text": "FormDataEvent"
-                  }
-                }
-              ],
-              "inheritedFrom": {
-                "name": "OXBasicField",
-                "module": "src/search-form/ox-basic-field.ts"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "submit",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              },
-              "inheritedFrom": {
-                "name": "OXBasicField",
-                "module": "src/search-form/ox-basic-field.ts"
-              }
-            }
-          ],
-          "attributes": [
-            {
-              "name": "field",
-              "type": {
-                "text": "OXCheckboxFieldProps"
-              },
-              "fieldName": "field"
-            },
-            {
-              "name": "value",
-              "type": {
-                "text": "boolean | undefined"
-              },
-              "fieldName": "value"
-            }
-          ],
-          "superclass": {
-            "name": "OXBasicField",
-            "module": "/src/search-form/ox-basic-field"
-          },
-          "tagName": "ox-checkbox-field",
-          "customElement": true,
-          "events": [
-            {
-              "name": "submit-field",
-              "type": {
-                "text": "CustomEvent"
-              },
-              "inheritedFrom": {
-                "name": "OXBasicField",
-                "module": "src/search-form/ox-basic-field.ts"
-              }
-            }
-          ]
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "OXCheckboxField",
-          "declaration": {
-            "name": "OXCheckboxField",
-            "module": "src/search-form/ox-checkbox-field.ts"
-          }
-        },
-        {
-          "kind": "custom-element-definition",
-          "name": "ox-checkbox-field",
-          "declaration": {
-            "name": "OXCheckboxField",
-            "module": "src/search-form/ox-checkbox-field.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/search-form/ox-grist-search-form.ts",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "",
-          "name": "OXGristSearchForm",
-          "members": [
-            {
-              "kind": "field",
-              "name": "config",
-              "type": {
-                "text": "GristConfig"
-              },
-              "attribute": "config"
-            },
-            {
-              "kind": "field",
-              "name": "defaultOperator",
-              "type": {
-                "text": "string"
-              },
-              "default": "'eq'",
-              "attribute": "defaultOperator"
-            },
-            {
-              "kind": "field",
-              "name": "timeout",
-              "type": {
-                "text": "NodeJS.Timeout | undefined"
-              },
-              "privacy": "private"
-            },
-            {
-              "kind": "method",
-              "name": "convertToSearchFields",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "OXSearchFieldProps[]"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "config",
-                  "type": {
-                    "text": "GristConfig"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "field",
-              "name": "queryFilters",
-              "type": {
-                "text": "QueryFilter[]"
-              }
-            }
-          ],
-          "attributes": [
-            {
-              "name": "config",
-              "type": {
-                "text": "GristConfig"
-              },
-              "fieldName": "config"
-            },
-            {
-              "name": "defaultOperator",
-              "type": {
-                "text": "string"
-              },
-              "default": "'eq'",
-              "fieldName": "defaultOperator"
-            }
-          ],
-          "superclass": {
-            "name": "LitElement",
-            "package": "lit"
-          },
-          "tagName": "ox-grist-search-form",
-          "customElement": true
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "OXGristSearchForm",
-          "declaration": {
-            "name": "OXGristSearchForm",
-            "module": "src/search-form/ox-grist-search-form.ts"
-          }
-        },
-        {
-          "kind": "custom-element-definition",
-          "name": "ox-grist-search-form",
-          "declaration": {
-            "name": "OXGristSearchForm",
-            "module": "src/search-form/ox-grist-search-form.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/search-form/ox-number-field.ts",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "",
-          "name": "OXNumberField",
-          "members": [
-            {
-              "kind": "field",
-              "name": "field",
-              "type": {
-                "text": "OXBasicFieldProps"
-              },
-              "attribute": "field",
-              "inheritedFrom": {
-                "name": "OXBasicField",
-                "module": "src/search-form/ox-basic-field.ts"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "value",
-              "type": {
-                "text": "any | undefined"
-              },
-              "attribute": "value",
-              "inheritedFrom": {
-                "name": "OXBasicField",
-                "module": "src/search-form/ox-basic-field.ts"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "setDefaultValue",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "defaultValue",
-                  "type": {
-                    "text": "number"
-                  }
-                }
-              ],
-              "inheritedFrom": {
-                "name": "OXBasicField",
-                "module": "src/search-form/ox-basic-field.ts"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "decrease",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              }
-            },
-            {
-              "kind": "method",
-              "name": "increase",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              }
-            },
-            {
-              "kind": "method",
-              "name": "onChangeHandler",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              }
-            },
-            {
-              "kind": "field",
-              "name": "form",
-              "type": {
-                "text": "HTMLFormElement | null"
-              },
-              "privacy": "private",
-              "default": "null",
-              "inheritedFrom": {
-                "name": "OXBasicField",
-                "module": "src/search-form/ox-basic-field.ts"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "input",
-              "type": {
-                "text": "HTMLInputElement | HTMLSelectElement"
-              },
-              "inheritedFrom": {
-                "name": "OXBasicField",
-                "module": "src/search-form/ox-basic-field.ts"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "findFormElement",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "HTMLFormElement | null"
-                }
-              },
-              "inheritedFrom": {
-                "name": "OXBasicField",
-                "module": "src/search-form/ox-basic-field.ts"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "registerCustomEventHandlers",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "handlers",
-                  "type": {
-                    "text": "Record<string, (event: Event) => void>"
-                  }
-                }
-              ],
-              "inheritedFrom": {
-                "name": "OXBasicField",
-                "module": "src/search-form/ox-basic-field.ts"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "registerBasicEventHandlers",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              },
-              "inheritedFrom": {
-                "name": "OXBasicField",
-                "module": "src/search-form/ox-basic-field.ts"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "appendFormData",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "{ formData }",
-                  "type": {
-                    "text": "FormDataEvent"
-                  }
-                }
-              ],
-              "inheritedFrom": {
-                "name": "OXBasicField",
-                "module": "src/search-form/ox-basic-field.ts"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "submit",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              },
-              "inheritedFrom": {
-                "name": "OXBasicField",
-                "module": "src/search-form/ox-basic-field.ts"
-              }
-            }
-          ],
-          "attributes": [
-            {
-              "name": "field",
-              "type": {
-                "text": "OXNumberFieldProps"
-              },
-              "fieldName": "field"
-            },
-            {
-              "name": "value",
-              "type": {
-                "text": "number | undefined"
-              },
-              "fieldName": "value"
-            }
-          ],
-          "superclass": {
-            "name": "OXBasicField",
-            "module": "/src/search-form/ox-basic-field"
-          },
-          "tagName": "ox-number-field",
-          "customElement": true,
-          "events": [
-            {
-              "name": "submit-field",
-              "type": {
-                "text": "CustomEvent"
-              },
-              "inheritedFrom": {
-                "name": "OXBasicField",
-                "module": "src/search-form/ox-basic-field.ts"
-              }
-            }
-          ]
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "OXNumberField",
-          "declaration": {
-            "name": "OXNumberField",
-            "module": "src/search-form/ox-number-field.ts"
-          }
-        },
-        {
-          "kind": "custom-element-definition",
-          "name": "ox-number-field",
-          "declaration": {
-            "name": "OXNumberField",
-            "module": "src/search-form/ox-number-field.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/search-form/ox-search-form.ts",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "",
-          "name": "OXSearchForm",
-          "members": [
-            {
-              "kind": "field",
-              "name": "fields",
-              "type": {
-                "text": "OXSearchFieldProps[]"
-              },
-              "attribute": "fields"
-            },
-            {
-              "kind": "field",
-              "name": "form",
-              "type": {
-                "text": "HTMLFormElement"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "searchFields",
-              "type": {
-                "text": "OXSearchFieldTypes[]"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "renderField",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "TemplateResult"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "field",
-                  "type": {
-                    "text": "OXSearchFieldProps"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "_submitFieldHandler",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              }
-            }
-          ],
-          "events": [
-            {
-              "name": "submit",
-              "type": {
-                "text": "CustomEvent"
-              }
-            }
-          ],
-          "attributes": [
-            {
-              "name": "fields",
-              "type": {
-                "text": "OXSearchFieldProps[]"
-              },
-              "fieldName": "fields"
-            }
-          ],
-          "superclass": {
-            "name": "LitElement",
-            "package": "lit"
-          },
-          "tagName": "ox-search-form",
-          "customElement": true
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "OXSearchForm",
-          "declaration": {
-            "name": "OXSearchForm",
-            "module": "src/search-form/ox-search-form.ts"
-          }
-        },
-        {
-          "kind": "custom-element-definition",
-          "name": "ox-search-form",
-          "declaration": {
-            "name": "OXSearchForm",
-            "module": "src/search-form/ox-search-form.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/search-form/ox-select-field.ts",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "",
-          "name": "OXSelectField",
-          "members": [
-            {
-              "kind": "field",
-              "name": "field",
-              "type": {
-                "text": "OXBasicFieldProps"
-              },
-              "attribute": "field",
-              "inheritedFrom": {
-                "name": "OXBasicField",
-                "module": "src/search-form/ox-basic-field.ts"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "checked",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "attribute": "checked"
-            },
-            {
-              "kind": "field",
-              "name": "searchCondition",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "attribute": "searchCondition"
-            },
-            {
-              "kind": "field",
-              "name": "value",
-              "type": {
-                "text": "any | undefined"
-              },
-              "default": "''",
-              "attribute": "value",
-              "inheritedFrom": {
-                "name": "OXBasicField",
-                "module": "src/search-form/ox-basic-field.ts"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "input",
-              "type": {
-                "text": "HTMLInputElement | HTMLSelectElement"
-              },
-              "inheritedFrom": {
-                "name": "OXBasicField",
-                "module": "src/search-form/ox-basic-field.ts"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "checkedOption",
-              "type": {
-                "text": "OXFieldOptionProps"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "displayValue",
-              "type": {
-                "text": "string"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "searchInput",
-              "type": {
-                "text": "HTMLInputElement"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "setDefaultValue",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "defaultValue",
-                  "type": {
-                    "text": "any"
-                  }
-                }
-              ],
-              "inheritedFrom": {
-                "name": "OXBasicField",
-                "module": "src/search-form/ox-basic-field.ts"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "openPopup",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "event",
-                  "type": {
-                    "text": "MouseEvent"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "onSearchInputHandler",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              }
-            },
-            {
-              "kind": "method",
-              "name": "onValueChange",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "event",
-                  "type": {
-                    "text": "Event"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "field",
-              "name": "form",
-              "type": {
-                "text": "HTMLFormElement | null"
-              },
-              "privacy": "private",
-              "default": "null",
-              "inheritedFrom": {
-                "name": "OXBasicField",
-                "module": "src/search-form/ox-basic-field.ts"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "findFormElement",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "HTMLFormElement | null"
-                }
-              },
-              "inheritedFrom": {
-                "name": "OXBasicField",
-                "module": "src/search-form/ox-basic-field.ts"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "registerCustomEventHandlers",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "handlers",
-                  "type": {
-                    "text": "Record<string, (event: Event) => void>"
-                  }
-                }
-              ],
-              "inheritedFrom": {
-                "name": "OXBasicField",
-                "module": "src/search-form/ox-basic-field.ts"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "registerBasicEventHandlers",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              },
-              "inheritedFrom": {
-                "name": "OXBasicField",
-                "module": "src/search-form/ox-basic-field.ts"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "appendFormData",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "{ formData }",
-                  "type": {
-                    "text": "FormDataEvent"
-                  }
-                }
-              ],
-              "inheritedFrom": {
-                "name": "OXBasicField",
-                "module": "src/search-form/ox-basic-field.ts"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "submit",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              },
-              "inheritedFrom": {
-                "name": "OXBasicField",
-                "module": "src/search-form/ox-basic-field.ts"
-              }
-            }
-          ],
-          "attributes": [
-            {
-              "name": "field",
-              "type": {
-                "text": "OXSelectFieldProps"
-              },
-              "fieldName": "field"
-            },
-            {
-              "name": "checked",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "fieldName": "checked"
-            },
-            {
-              "name": "searchCondition",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "fieldName": "searchCondition"
-            },
-            {
-              "name": "value",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "fieldName": "value"
-            }
-          ],
-          "superclass": {
-            "name": "OXBasicField",
-            "module": "/src/search-form/ox-basic-field.js"
-          },
-          "tagName": "ox-select-field",
-          "customElement": true,
-          "events": [
-            {
-              "name": "submit-field",
-              "type": {
-                "text": "CustomEvent"
-              },
-              "inheritedFrom": {
-                "name": "OXBasicField",
-                "module": "src/search-form/ox-basic-field.ts"
-              }
-            }
-          ]
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "OXSelectField",
-          "declaration": {
-            "name": "OXSelectField",
-            "module": "src/search-form/ox-select-field.ts"
-          }
-        },
-        {
-          "kind": "custom-element-definition",
-          "name": "ox-select-field",
-          "declaration": {
-            "name": "OXSelectField",
-            "module": "src/search-form/ox-select-field.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/search-form/ox-text-field.ts",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "",
-          "name": "OXTextField",
-          "members": [
-            {
-              "kind": "field",
-              "name": "field",
-              "type": {
-                "text": "OXBasicFieldProps"
-              },
-              "attribute": "field",
-              "inheritedFrom": {
-                "name": "OXBasicField",
-                "module": "src/search-form/ox-basic-field.ts"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "value",
-              "type": {
-                "text": "any | undefined"
-              },
-              "default": "''",
-              "attribute": "value",
-              "inheritedFrom": {
-                "name": "OXBasicField",
-                "module": "src/search-form/ox-basic-field.ts"
-              }
-            },
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/renderers/select-renderer.ts",
+      "declarations": [
+        {
+          "kind": "function",
+          "name": "SelectRenderer",
+          "parameters": [
             {
-              "kind": "method",
-              "name": "setDefaultValue",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "defaultValue",
-                  "type": {
-                    "text": "string"
-                  }
-                }
-              ],
-              "inheritedFrom": {
-                "name": "OXBasicField",
-                "module": "src/search-form/ox-basic-field.ts"
-              }
+              "name": "value"
             },
             {
-              "kind": "method",
-              "name": "onChangeHandler",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              }
+              "name": "column"
             },
             {
-              "kind": "field",
-              "name": "form",
-              "type": {
-                "text": "HTMLFormElement | null"
-              },
-              "privacy": "private",
-              "default": "null",
-              "inheritedFrom": {
-                "name": "OXBasicField",
-                "module": "src/search-form/ox-basic-field.ts"
-              }
+              "name": "record"
             },
             {
-              "kind": "field",
-              "name": "input",
-              "type": {
-                "text": "HTMLInputElement | HTMLSelectElement"
-              },
-              "inheritedFrom": {
-                "name": "OXBasicField",
-                "module": "src/search-form/ox-basic-field.ts"
-              }
+              "name": "rowIndex"
             },
             {
-              "kind": "method",
-              "name": "findFormElement",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "HTMLFormElement | null"
-                }
-              },
-              "inheritedFrom": {
-                "name": "OXBasicField",
-                "module": "src/search-form/ox-basic-field.ts"
-              }
-            },
+              "name": "field"
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "SelectRenderer",
+          "declaration": {
+            "name": "SelectRenderer",
+            "module": "src/renderers/select-renderer.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/renderers/text-renderer.ts",
+      "declarations": [
+        {
+          "kind": "function",
+          "name": "TextRenderer",
+          "parameters": [
             {
-              "kind": "method",
-              "name": "registerCustomEventHandlers",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "handlers",
-                  "type": {
-                    "text": "Record<string, (event: Event) => void>"
-                  }
-                }
-              ],
-              "inheritedFrom": {
-                "name": "OXBasicField",
-                "module": "src/search-form/ox-basic-field.ts"
-              }
+              "name": "value"
             },
             {
-              "kind": "method",
-              "name": "registerBasicEventHandlers",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              },
-              "inheritedFrom": {
-                "name": "OXBasicField",
-                "module": "src/search-form/ox-basic-field.ts"
-              }
+              "name": "column"
             },
             {
-              "kind": "method",
-              "name": "appendFormData",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "{ formData }",
-                  "type": {
-                    "text": "FormDataEvent"
-                  }
-                }
-              ],
-              "inheritedFrom": {
-                "name": "OXBasicField",
-                "module": "src/search-form/ox-basic-field.ts"
-              }
+              "name": "record"
             },
             {
-              "kind": "method",
-              "name": "submit",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              },
-              "inheritedFrom": {
-                "name": "OXBasicField",
-                "module": "src/search-form/ox-basic-field.ts"
-              }
-            }
-          ],
-          "attributes": [
-            {
-              "name": "field",
-              "type": {
-                "text": "OXTextFieldProps"
-              },
-              "fieldName": "field"
+              "name": "rowIndex"
             },
             {
-              "name": "value",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "fieldName": "value"
-            }
-          ],
-          "superclass": {
-            "name": "OXBasicField",
-            "module": "/src/search-form/ox-basic-field"
-          },
-          "tagName": "ox-text-field",
-          "customElement": true,
-          "events": [
-            {
-              "name": "submit-field",
-              "type": {
-                "text": "CustomEvent"
-              },
-              "inheritedFrom": {
-                "name": "OXBasicField",
-                "module": "src/search-form/ox-basic-field.ts"
-              }
+              "name": "field"
             }
           ]
         }
@@ -13202,18 +11811,10 @@
       "exports": [
         {
           "kind": "js",
-          "name": "OXTextField",
-          "declaration": {
-            "name": "OXTextField",
-            "module": "src/search-form/ox-text-field.ts"
-          }
-        },
-        {
-          "kind": "custom-element-definition",
-          "name": "ox-text-field",
+          "name": "TextRenderer",
           "declaration": {
-            "name": "OXTextField",
-            "module": "src/search-form/ox-text-field.ts"
+            "name": "TextRenderer",
+            "module": "src/renderers/text-renderer.ts"
           }
         }
       ]
@@ -13259,11 +11860,11 @@
     },
     {
       "kind": "javascript-module",
-      "path": "src/data-grid/event-handlers/data-grid-body-click-handler.ts",
+      "path": "src/data-card/event-handlers/record-card-click-handler.ts",
       "declarations": [
         {
           "kind": "function",
-          "name": "dataGridBodyClickHandler",
+          "name": "recordCardClickHandler",
           "return": {
             "type": {
               "text": "void"
@@ -13273,79 +11874,80 @@
             {
               "name": "this",
               "type": {
-                "text": "DataGridBody"
+                "text": "RecordCard"
               }
             },
             {
               "name": "e",
               "type": {
-                "text": "Event"
+                "text": "MouseEvent"
               }
             }
-          ]
+          ],
+          "description": "ox-record-card 의 click handler\n\n- handler의 this 는 ox-record-card임."
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "dataGridBodyClickHandler",
+          "name": "recordCardClickHandler",
           "declaration": {
-            "name": "dataGridBodyClickHandler",
-            "module": "src/data-grid/event-handlers/data-grid-body-click-handler.ts"
+            "name": "recordCardClickHandler",
+            "module": "src/data-card/event-handlers/record-card-click-handler.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/data-grid/event-handlers/data-grid-body-dblclick-handler.ts",
+      "path": "src/data-card/event-handlers/record-card-dblclick-handler.ts",
       "declarations": [
         {
           "kind": "function",
-          "name": "dataGridBodyDblclickHandler",
+          "name": "recordCardDblClickHandler",
           "return": {
             "type": {
-              "text": "Promise<void>"
+              "text": "void"
             }
           },
           "parameters": [
             {
               "name": "this",
               "type": {
-                "text": "DataGridBody"
+                "text": "RecordCard"
               }
             },
             {
               "name": "e",
               "type": {
-                "text": "Event"
+                "text": "MouseEvent"
               }
             }
           ],
-          "description": "ox-grid-body 의 dblclick handler\n\n- handler의 this 는 ox-grid-body임."
+          "description": "ox-record-card 의 dblclick handler\n\n- handler의 this 는 ox-record-card임."
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "dataGridBodyDblclickHandler",
+          "name": "recordCardDblClickHandler",
           "declaration": {
-            "name": "dataGridBodyDblclickHandler",
-            "module": "src/data-grid/event-handlers/data-grid-body-dblclick-handler.ts"
+            "name": "recordCardDblClickHandler",
+            "module": "src/data-card/event-handlers/record-card-dblclick-handler.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/data-grid/event-handlers/data-grid-body-keydown-handler.ts",
+      "path": "src/data-grid/event-handlers/data-grid-body-click-handler.ts",
       "declarations": [
         {
           "kind": "function",
-          "name": "dataGridBodyKeydownHandler",
+          "name": "dataGridBodyClickHandler",
           "return": {
             "type": {
-              "text": "Promise<void>"
+              "text": "void"
             }
           },
           "parameters": [
@@ -13358,100 +11960,99 @@
             {
               "name": "e",
               "type": {
-                "text": "KeyboardEvent"
+                "text": "Event"
               }
             }
-          ],
-          "description": "ox-grid-body 의 keydown handler\n\n- handler의 this 는 ox-grid-body임."
+          ]
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "dataGridBodyKeydownHandler",
+          "name": "dataGridBodyClickHandler",
           "declaration": {
-            "name": "dataGridBodyKeydownHandler",
-            "module": "src/data-grid/event-handlers/data-grid-body-keydown-handler.ts"
+            "name": "dataGridBodyClickHandler",
+            "module": "src/data-grid/event-handlers/data-grid-body-click-handler.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/data-card/event-handlers/record-card-click-handler.ts",
+      "path": "src/data-grid/event-handlers/data-grid-body-dblclick-handler.ts",
       "declarations": [
         {
           "kind": "function",
-          "name": "recordCardClickHandler",
+          "name": "dataGridBodyDblclickHandler",
           "return": {
             "type": {
-              "text": "void"
+              "text": "Promise<void>"
             }
           },
           "parameters": [
             {
               "name": "this",
               "type": {
-                "text": "RecordCard"
+                "text": "DataGridBody"
               }
             },
             {
               "name": "e",
               "type": {
-                "text": "MouseEvent"
+                "text": "Event"
               }
             }
           ],
-          "description": "ox-record-card 의 click handler\n\n- handler의 this 는 ox-record-card임."
+          "description": "ox-grid-body 의 dblclick handler\n\n- handler의 this 는 ox-grid-body임."
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "recordCardClickHandler",
+          "name": "dataGridBodyDblclickHandler",
           "declaration": {
-            "name": "recordCardClickHandler",
-            "module": "src/data-card/event-handlers/record-card-click-handler.ts"
+            "name": "dataGridBodyDblclickHandler",
+            "module": "src/data-grid/event-handlers/data-grid-body-dblclick-handler.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/data-card/event-handlers/record-card-dblclick-handler.ts",
+      "path": "src/data-grid/event-handlers/data-grid-body-keydown-handler.ts",
       "declarations": [
         {
           "kind": "function",
-          "name": "recordCardDblClickHandler",
+          "name": "dataGridBodyKeydownHandler",
           "return": {
             "type": {
-              "text": "void"
+              "text": "Promise<void>"
             }
           },
           "parameters": [
             {
               "name": "this",
               "type": {
-                "text": "RecordCard"
+                "text": "DataGridBody"
               }
             },
             {
               "name": "e",
               "type": {
-                "text": "MouseEvent"
+                "text": "KeyboardEvent"
               }
             }
           ],
-          "description": "ox-record-card 의 dblclick handler\n\n- handler의 this 는 ox-record-card임."
+          "description": "ox-grid-body 의 keydown handler\n\n- handler의 this 는 ox-grid-body임."
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "recordCardDblClickHandler",
+          "name": "dataGridBodyKeydownHandler",
           "declaration": {
-            "name": "recordCardDblClickHandler",
-            "module": "src/data-card/event-handlers/record-card-dblclick-handler.ts"
+            "name": "dataGridBodyKeydownHandler",
+            "module": "src/data-grid/event-handlers/data-grid-body-keydown-handler.ts"
           }
         }
       ]