@operato/data-grist 0.3.15 → 0.3.19

package/custom-elements.json

@@ -224,6 +224,13 @@
                 }
               ]
             },
+            {
+              "kind": "field",
+              "name": "compiledConfig",
+              "type": {
+                "text": "GristConfig"
+              }
+            },
             {
               "kind": "field",
               "name": "sorters",
@@ -296,6 +303,14 @@
               "name": "checkDirties"
             }
           ],
+          "events": [
+            {
+              "name": "config-change",
+              "type": {
+                "text": "CustomEvent"
+              }
+            }
+          ],
           "attributes": [
             {
               "name": "mode",
@@ -380,6 +395,132 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "src/data-manipulator.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "DataManipulator",
+          "members": [
+            {
+              "kind": "field",
+              "name": "config",
+              "type": {
+                "text": "GristConfig"
+              },
+              "default": "ZERO_CONFIG",
+              "attribute": "config"
+            },
+            {
+              "kind": "field",
+              "name": "data",
+              "type": {
+                "text": "GristData"
+              },
+              "default": "ZERO_DATA",
+              "attribute": "data"
+            },
+            {
+              "kind": "method",
+              "name": "onFieldChange",
+              "parameters": [
+                {
+                  "name": "{\n    after,\n    before,\n    column,\n    record,\n    row\n  }",
+                  "type": {
+                    "text": "{\n    after: any\n    before: any\n    column: ColumnConfig\n    record: GristRecord\n    row: number\n  }"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "onSelectRecordChanged",
+              "parameters": [
+                {
+                  "name": "{\n    selectedRecords,\n    added = [],\n    removed = []\n  }",
+                  "type": {
+                    "text": "{\n    selectedRecords: GristRecord[]\n    added: GristRecord[]\n    removed: GristRecord[]\n  }"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "onRecordChanged",
+              "parameters": [
+                {
+                  "name": "recordData",
+                  "type": {
+                    "text": "GristRecord"
+                  }
+                },
+                {
+                  "name": "row",
+                  "type": {
+                    "text": "number"
+                  }
+                },
+                {
+                  "name": "column",
+                  "type": {
+                    "text": "ColumnConfig | null"
+                  }
+                }
+              ]
+            }
+          ],
+          "events": [
+            {
+              "name": "record-change",
+              "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"
+            }
+          ],
+          "superclass": {
+            "name": "LitElement",
+            "package": "lit"
+          },
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "DataManipulator",
+          "declaration": {
+            "name": "DataManipulator",
+            "module": "src/data-manipulator.ts"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "src/data-provider.ts",
@@ -1921,24 +2062,6 @@
           "description": "",
           "name": "DataCard",
           "members": [
-            {
-              "kind": "field",
-              "name": "config",
-              "type": {
-                "text": "GristConfig"
-              },
-              "default": "ZERO_CONFIG",
-              "attribute": "config"
-            },
-            {
-              "kind": "field",
-              "name": "data",
-              "type": {
-                "text": "GristData"
-              },
-              "default": "ZERO_DATA",
-              "attribute": "data"
-            },
             {
               "kind": "field",
               "name": "isTop",
@@ -1985,6 +2108,80 @@
               "privacy": "private",
               "default": "1"
             },
+            {
+              "kind": "method",
+              "name": "gotoTop",
+              "parameters": [
+                {
+                  "name": "e",
+                  "type": {
+                    "text": "Event"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "field",
+              "name": "pullToRefreshTarget"
+            },
+            {
+              "kind": "field",
+              "name": "config",
+              "type": {
+                "text": "GristConfig"
+              },
+              "default": "ZERO_CONFIG",
+              "attribute": "config",
+              "inheritedFrom": {
+                "name": "DataManipulator",
+                "module": "src/data-manipulator.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "data",
+              "type": {
+                "text": "GristData"
+              },
+              "default": "ZERO_DATA",
+              "attribute": "data",
+              "inheritedFrom": {
+                "name": "DataManipulator",
+                "module": "src/data-manipulator.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "onFieldChange",
+              "parameters": [
+                {
+                  "name": "{\n    after,\n    before,\n    column,\n    record,\n    row\n  }",
+                  "type": {
+                    "text": "{\n    after: any\n    before: any\n    column: ColumnConfig\n    record: GristRecord\n    row: number\n  }"
+                  }
+                }
+              ],
+              "inheritedFrom": {
+                "name": "DataManipulator",
+                "module": "src/data-manipulator.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "onSelectRecordChanged",
+              "parameters": [
+                {
+                  "name": "{\n    selectedRecords,\n    added = [],\n    removed = []\n  }",
+                  "type": {
+                    "text": "{\n    selectedRecords: GristRecord[]\n    added: GristRecord[]\n    removed: GristRecord[]\n  }"
+                  }
+                }
+              ],
+              "inheritedFrom": {
+                "name": "DataManipulator",
+                "module": "src/data-manipulator.ts"
+              }
+            },
             {
               "kind": "method",
               "name": "onRecordChanged",
@@ -2007,23 +2204,11 @@
                     "text": "ColumnConfig | null"
                   }
                 }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "gotoTop",
-              "parameters": [
-                {
-                  "name": "e",
-                  "type": {
-                    "text": "Event"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "field",
-              "name": "pullToRefreshTarget"
+              ],
+              "inheritedFrom": {
+                "name": "DataManipulator",
+                "module": "src/data-manipulator.ts"
+              }
             }
           ],
           "events": [
@@ -2037,10 +2222,30 @@
               "name": "record-change",
               "type": {
                 "text": "CustomEvent"
+              },
+              "inheritedFrom": {
+                "name": "DataManipulator",
+                "module": "src/data-manipulator.ts"
               }
             }
           ],
           "attributes": [
+            {
+              "name": "isTop",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "fieldName": "isTop"
+            },
+            {
+              "name": "_records",
+              "type": {
+                "text": "GristRecord[]"
+              },
+              "default": "[]",
+              "fieldName": "_records"
+            },
             {
               "name": "config",
               "type": {
@@ -2050,7 +2255,11 @@
               "resolveInitializer": {
                 "module": "/src/configure/zero-config"
               },
-              "fieldName": "config"
+              "fieldName": "config",
+              "inheritedFrom": {
+                "name": "DataManipulator",
+                "module": "src/data-manipulator.ts"
+              }
             },
             {
               "name": "data",
@@ -2061,28 +2270,16 @@
               "resolveInitializer": {
                 "module": "/src/configure/zero-config"
               },
-              "fieldName": "data"
-            },
-            {
-              "name": "isTop",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "fieldName": "isTop"
-            },
-            {
-              "name": "_records",
-              "type": {
-                "text": "GristRecord[]"
-              },
-              "default": "[]",
-              "fieldName": "_records"
+              "fieldName": "data",
+              "inheritedFrom": {
+                "name": "DataManipulator",
+                "module": "src/data-manipulator.ts"
+              }
             }
           ],
           "superclass": {
-            "name": "LitElement",
-            "package": "lit"
+            "name": "DataManipulator",
+            "module": "/src/data-manipulator"
           },
           "tagName": "ox-card",
           "customElement": true
@@ -2181,41 +2378,11 @@
               "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",
@@ -2399,6 +2566,22 @@
               },
               "privacy": "private"
             },
+            {
+              "kind": "field",
+              "name": "_recordView",
+              "type": {
+                "text": "any | undefined"
+              },
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "_recordViewRow",
+              "type": {
+                "text": "number | undefined"
+              },
+              "privacy": "private"
+            },
             {
               "kind": "method",
               "name": "resetEdit"
@@ -2448,6 +2631,18 @@
             {
               "kind": "method",
               "name": "focus"
+            },
+            {
+              "kind": "method",
+              "name": "popupRecordView",
+              "parameters": [
+                {
+                  "name": "{ record, row }",
+                  "type": {
+                    "text": "{ row: number; record: GristRecord }"
+                  }
+                }
+              ]
             }
           ],
           "attributes": [
@@ -3113,24 +3308,6 @@
           "description": "DataGrid",
           "name": "DataGrid",
           "members": [
-            {
-              "kind": "field",
-              "name": "config",
-              "type": {
-                "text": "GristConfig"
-              },
-              "default": "ZERO_CONFIG",
-              "attribute": "config"
-            },
-            {
-              "kind": "field",
-              "name": "data",
-              "type": {
-                "text": "GristData"
-              },
-              "default": "ZERO_DATA",
-              "attribute": "data"
-            },
             {
               "kind": "field",
               "name": "focused",
@@ -3180,6 +3357,27 @@
                 }
               ]
             },
+            {
+              "kind": "method",
+              "name": "onSelectRecordChanged",
+              "parameters": [
+                {
+                  "name": "{\n    selectedRecords,\n    added,\n    removed\n  }",
+                  "type": {
+                    "text": "{\n    selectedRecords: GristRecord[]\n    added: GristRecord[]\n    removed: GristRecord[]\n  }"
+                  }
+                }
+              ],
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "inheritedFrom": {
+                "name": "DataManipulator",
+                "module": "src/data-manipulator.ts"
+              }
+            },
             {
               "kind": "method",
               "name": "onRecordChanged",
@@ -3202,7 +3400,11 @@
                     "text": "ColumnConfig | null"
                   }
                 }
-              ]
+              ],
+              "inheritedFrom": {
+                "name": "DataManipulator",
+                "module": "src/data-manipulator.ts"
+              }
             },
             {
               "kind": "method",
@@ -3223,17 +3425,58 @@
             {
               "kind": "field",
               "name": "pullToRefreshTarget"
-            }
-          ],
-          "events": [
+            },
             {
-              "name": "record-change",
+              "kind": "field",
+              "name": "config",
               "type": {
-                "text": "CustomEvent"
+                "text": "GristConfig"
+              },
+              "default": "ZERO_CONFIG",
+              "attribute": "config",
+              "inheritedFrom": {
+                "name": "DataManipulator",
+                "module": "src/data-manipulator.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "data",
+              "type": {
+                "text": "GristData"
+              },
+              "default": "ZERO_DATA",
+              "attribute": "data",
+              "inheritedFrom": {
+                "name": "DataManipulator",
+                "module": "src/data-manipulator.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "onFieldChange",
+              "parameters": [
+                {
+                  "name": "{\n    after,\n    before,\n    column,\n    record,\n    row\n  }",
+                  "type": {
+                    "text": "{\n    after: any\n    before: any\n    column: ColumnConfig\n    record: GristRecord\n    row: number\n  }"
+                  }
+                }
+              ],
+              "inheritedFrom": {
+                "name": "DataManipulator",
+                "module": "src/data-manipulator.ts"
               }
             }
           ],
           "attributes": [
+            {
+              "name": "focused",
+              "type": {
+                "text": "{ row: number; column: number } | undefined"
+              },
+              "fieldName": "focused"
+            },
             {
               "name": "config",
               "type": {
@@ -3243,7 +3486,11 @@
               "resolveInitializer": {
                 "module": "/src/configure/zero-config"
               },
-              "fieldName": "config"
+              "fieldName": "config",
+              "inheritedFrom": {
+                "name": "DataManipulator",
+                "module": "src/data-manipulator.ts"
+              }
             },
             {
               "name": "data",
@@ -3254,22 +3501,31 @@
               "resolveInitializer": {
                 "module": "/src/configure/zero-config"
               },
-              "fieldName": "data"
-            },
-            {
-              "name": "focused",
-              "type": {
-                "text": "{ row: number; column: number } | undefined"
-              },
-              "fieldName": "focused"
+              "fieldName": "data",
+              "inheritedFrom": {
+                "name": "DataManipulator",
+                "module": "src/data-manipulator.ts"
+              }
             }
           ],
           "superclass": {
-            "name": "LitElement",
-            "package": "lit"
+            "name": "DataManipulator",
+            "module": "/src/data-manipulator"
           },
           "tagName": "ox-grid",
-          "customElement": true
+          "customElement": true,
+          "events": [
+            {
+              "name": "record-change",
+              "type": {
+                "text": "CustomEvent"
+              },
+              "inheritedFrom": {
+                "name": "DataManipulator",
+                "module": "src/data-manipulator.ts"
+              }
+            }
+          ]
         }
       ],
       "exports": [
@@ -3556,24 +3812,6 @@
           "description": "",
           "name": "DataList",
           "members": [
-            {
-              "kind": "field",
-              "name": "config",
-              "type": {
-                "text": "GristConfig"
-              },
-              "default": "ZERO_CONFIG",
-              "attribute": "config"
-            },
-            {
-              "kind": "field",
-              "name": "data",
-              "type": {
-                "text": "GristData"
-              },
-              "default": "ZERO_DATA",
-              "attribute": "data"
-            },
             {
               "kind": "field",
               "name": "isTop",
@@ -3620,30 +3858,6 @@
               "privacy": "private",
               "default": "1"
             },
-            {
-              "kind": "method",
-              "name": "onRecordChanged",
-              "parameters": [
-                {
-                  "name": "recordData",
-                  "type": {
-                    "text": "GristRecord"
-                  }
-                },
-                {
-                  "name": "row",
-                  "type": {
-                    "text": "number"
-                  }
-                },
-                {
-                  "name": "column",
-                  "type": {
-                    "text": "ColumnConfig | null"
-                  }
-                }
-              ]
-            },
             {
               "kind": "method",
               "name": "gotoTop",
@@ -3659,65 +3873,163 @@
             {
               "kind": "field",
               "name": "pullToRefreshTarget"
-            }
-          ],
-          "events": [
-            {
-              "name": "attach-page",
-              "type": {
-                "text": "CustomEvent"
-              }
             },
             {
-              "name": "record-change",
-              "type": {
-                "text": "CustomEvent"
-              }
-            }
-          ],
-          "attributes": [
-            {
+              "kind": "field",
               "name": "config",
               "type": {
                 "text": "GristConfig"
               },
               "default": "ZERO_CONFIG",
-              "resolveInitializer": {
-                "module": "/src/configure/zero-config"
-              },
-              "fieldName": "config"
+              "attribute": "config",
+              "inheritedFrom": {
+                "name": "DataManipulator",
+                "module": "src/data-manipulator.ts"
+              }
             },
             {
+              "kind": "field",
               "name": "data",
               "type": {
                 "text": "GristData"
               },
               "default": "ZERO_DATA",
-              "resolveInitializer": {
-                "module": "/src/configure/zero-config"
-              },
-              "fieldName": "data"
-            },
-            {
-              "name": "isTop",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "fieldName": "isTop"
+              "attribute": "data",
+              "inheritedFrom": {
+                "name": "DataManipulator",
+                "module": "src/data-manipulator.ts"
+              }
             },
             {
-              "name": "_records",
-              "type": {
-                "text": "GristRecord[]"
-              },
-              "default": "[]",
-              "fieldName": "_records"
+              "kind": "method",
+              "name": "onFieldChange",
+              "parameters": [
+                {
+                  "name": "{\n    after,\n    before,\n    column,\n    record,\n    row\n  }",
+                  "type": {
+                    "text": "{\n    after: any\n    before: any\n    column: ColumnConfig\n    record: GristRecord\n    row: number\n  }"
+                  }
+                }
+              ],
+              "inheritedFrom": {
+                "name": "DataManipulator",
+                "module": "src/data-manipulator.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "onSelectRecordChanged",
+              "parameters": [
+                {
+                  "name": "{\n    selectedRecords,\n    added = [],\n    removed = []\n  }",
+                  "type": {
+                    "text": "{\n    selectedRecords: GristRecord[]\n    added: GristRecord[]\n    removed: GristRecord[]\n  }"
+                  }
+                }
+              ],
+              "inheritedFrom": {
+                "name": "DataManipulator",
+                "module": "src/data-manipulator.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "onRecordChanged",
+              "parameters": [
+                {
+                  "name": "recordData",
+                  "type": {
+                    "text": "GristRecord"
+                  }
+                },
+                {
+                  "name": "row",
+                  "type": {
+                    "text": "number"
+                  }
+                },
+                {
+                  "name": "column",
+                  "type": {
+                    "text": "ColumnConfig | null"
+                  }
+                }
+              ],
+              "inheritedFrom": {
+                "name": "DataManipulator",
+                "module": "src/data-manipulator.ts"
+              }
+            }
+          ],
+          "events": [
+            {
+              "name": "attach-page",
+              "type": {
+                "text": "CustomEvent"
+              }
+            },
+            {
+              "name": "record-change",
+              "type": {
+                "text": "CustomEvent"
+              },
+              "inheritedFrom": {
+                "name": "DataManipulator",
+                "module": "src/data-manipulator.ts"
+              }
+            }
+          ],
+          "attributes": [
+            {
+              "name": "isTop",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "fieldName": "isTop"
+            },
+            {
+              "name": "_records",
+              "type": {
+                "text": "GristRecord[]"
+              },
+              "default": "[]",
+              "fieldName": "_records"
+            },
+            {
+              "name": "config",
+              "type": {
+                "text": "GristConfig"
+              },
+              "default": "ZERO_CONFIG",
+              "resolveInitializer": {
+                "module": "/src/configure/zero-config"
+              },
+              "fieldName": "config",
+              "inheritedFrom": {
+                "name": "DataManipulator",
+                "module": "src/data-manipulator.ts"
+              }
+            },
+            {
+              "name": "data",
+              "type": {
+                "text": "GristData"
+              },
+              "default": "ZERO_DATA",
+              "resolveInitializer": {
+                "module": "/src/configure/zero-config"
+              },
+              "fieldName": "data",
+              "inheritedFrom": {
+                "name": "DataManipulator",
+                "module": "src/data-manipulator.ts"
+              }
             }
           ],
           "superclass": {
-            "name": "LitElement",
-            "package": "lit"
+            "name": "DataManipulator",
+            "module": "/src/data-manipulator"
           },
           "tagName": "ox-list",
           "customElement": true
@@ -3804,41 +4116,11 @@
               },
               "privacy": "private"
             },
-            {
-              "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",
@@ -4538,43 +4820,74 @@
     },
     {
       "kind": "javascript-module",
-      "path": "src/editors/index.ts",
-      "declarations": [],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "package": "./registry"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "package": "./input-editors"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/editors/input-editors.ts",
+      "path": "src/editors/image-input.ts",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "InputEditor",
+          "name": "ImageInput",
           "members": [
+            {
+              "kind": "field",
+              "name": "editorTemplate",
+              "inheritedFrom": {
+                "name": "InputEditor",
+                "module": "src/editors/input-editors.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "_onchange",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "e",
+                  "type": {
+                    "text": "Event"
+                  }
+                }
+              ],
+              "inheritedFrom": {
+                "name": "InputEditor",
+                "module": "src/editors/input-editors.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "formatFromEditor",
+              "return": {
+                "type": {
+                  "text": "any"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "e",
+                  "type": {
+                    "text": "Event"
+                  }
+                }
+              ],
+              "inheritedFrom": {
+                "name": "InputEditor",
+                "module": "src/editors/input-editors.ts"
+              }
+            },
             {
               "kind": "field",
               "name": "value",
               "type": {
                 "text": "any | undefined"
               },
-              "attribute": "value"
+              "attribute": "value",
+              "inheritedFrom": {
+                "name": "InputEditor",
+                "module": "src/editors/input-editors.ts"
+              }
             },
             {
               "kind": "field",
@@ -4583,7 +4896,11 @@
                 "text": "ColumnConfig"
               },
               "default": "ZERO_COLUMN",
-              "attribute": "column"
+              "attribute": "column",
+              "inheritedFrom": {
+                "name": "InputEditor",
+                "module": "src/editors/input-editors.ts"
+              }
             },
             {
               "kind": "field",
@@ -4592,7 +4909,11 @@
                 "text": "GristRecord"
               },
               "default": "ZERO_RECORD",
-              "attribute": "record"
+              "attribute": "record",
+              "inheritedFrom": {
+                "name": "InputEditor",
+                "module": "src/editors/input-editors.ts"
+              }
             },
             {
               "kind": "field",
@@ -4600,7 +4921,11 @@
               "type": {
                 "text": "number | undefined"
               },
-              "attribute": "rowIndex"
+              "attribute": "rowIndex",
+              "inheritedFrom": {
+                "name": "InputEditor",
+                "module": "src/editors/input-editors.ts"
+              }
             },
             {
               "kind": "field",
@@ -4608,7 +4933,11 @@
               "type": {
                 "text": "DataGridField | undefined"
               },
-              "attribute": "field"
+              "attribute": "field",
+              "inheritedFrom": {
+                "name": "InputEditor",
+                "module": "src/editors/input-editors.ts"
+              }
             },
             {
               "kind": "field",
@@ -4616,7 +4945,11 @@
               "type": {
                 "text": "number | undefined"
               },
-              "attribute": "row"
+              "attribute": "row",
+              "inheritedFrom": {
+                "name": "InputEditor",
+                "module": "src/editors/input-editors.ts"
+              }
             },
             {
               "kind": "field",
@@ -4624,22 +4957,38 @@
               "type": {
                 "text": "any | undefined"
               },
-              "privacy": "protected"
+              "privacy": "protected",
+              "inheritedFrom": {
+                "name": "InputEditor",
+                "module": "src/editors/input-editors.ts"
+              }
             },
             {
               "kind": "field",
               "name": "editor",
               "type": {
                 "text": "HTMLElement | null"
+              },
+              "inheritedFrom": {
+                "name": "InputEditor",
+                "module": "src/editors/input-editors.ts"
               }
             },
             {
               "kind": "method",
-              "name": "select"
+              "name": "select",
+              "inheritedFrom": {
+                "name": "InputEditor",
+                "module": "src/editors/input-editors.ts"
+              }
             },
             {
               "kind": "method",
-              "name": "focus"
+              "name": "focus",
+              "inheritedFrom": {
+                "name": "InputEditor",
+                "module": "src/editors/input-editors.ts"
+              }
             },
             {
               "kind": "method",
@@ -4656,45 +5005,19 @@
                     "text": "any"
                   }
                 }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "formatFromEditor",
-              "return": {
-                "type": {
-                  "text": "any"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "e",
-                  "type": {
-                    "text": "Event"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "_onfocusout"
+              ],
+              "inheritedFrom": {
+                "name": "InputEditor",
+                "module": "src/editors/input-editors.ts"
+              }
             },
             {
               "kind": "method",
-              "name": "_onchange",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "e",
-                  "type": {
-                    "text": "Event"
-                  }
-                }
-              ]
+              "name": "_onfocusout",
+              "inheritedFrom": {
+                "name": "InputEditor",
+                "module": "src/editors/input-editors.ts"
+              }
             },
             {
               "kind": "method",
@@ -4711,7 +5034,11 @@
                     "text": "Event"
                   }
                 }
-              ]
+              ],
+              "inheritedFrom": {
+                "name": "InputEditor",
+                "module": "src/editors/input-editors.ts"
+              }
             },
             {
               "kind": "method",
@@ -4728,28 +5055,30 @@
                     "text": "Event"
                   }
                 }
-              ]
-            },
-            {
-              "kind": "field",
-              "name": "editorTemplate"
-            }
-          ],
-          "events": [
-            {
-              "name": "field-change",
-              "type": {
-                "text": "CustomEvent"
+              ],
+              "inheritedFrom": {
+                "name": "InputEditor",
+                "module": "src/editors/input-editors.ts"
               }
             }
           ],
+          "superclass": {
+            "name": "InputEditor",
+            "module": "/src/editors/input-editors"
+          },
+          "tagName": "ox-image-input",
+          "customElement": true,
           "attributes": [
             {
               "name": "value",
               "type": {
                 "text": "any | undefined"
               },
-              "fieldName": "value"
+              "fieldName": "value",
+              "inheritedFrom": {
+                "name": "InputEditor",
+                "module": "src/editors/input-editors.ts"
+              }
             },
             {
               "name": "column",
@@ -4760,7 +5089,11 @@
               "resolveInitializer": {
                 "module": "/src/configure/zero-config"
               },
-              "fieldName": "column"
+              "fieldName": "column",
+              "inheritedFrom": {
+                "name": "InputEditor",
+                "module": "src/editors/input-editors.ts"
+              }
             },
             {
               "name": "record",
@@ -4771,61 +5104,126 @@
               "resolveInitializer": {
                 "module": "/src/configure/zero-config"
               },
-              "fieldName": "record"
+              "fieldName": "record",
+              "inheritedFrom": {
+                "name": "InputEditor",
+                "module": "src/editors/input-editors.ts"
+              }
             },
             {
               "name": "rowIndex",
               "type": {
                 "text": "number | undefined"
               },
-              "fieldName": "rowIndex"
+              "fieldName": "rowIndex",
+              "inheritedFrom": {
+                "name": "InputEditor",
+                "module": "src/editors/input-editors.ts"
+              }
             },
             {
               "name": "field",
               "type": {
                 "text": "DataGridField | undefined"
               },
-              "fieldName": "field"
+              "fieldName": "field",
+              "inheritedFrom": {
+                "name": "InputEditor",
+                "module": "src/editors/input-editors.ts"
+              }
             },
             {
               "name": "row",
               "type": {
                 "text": "number | undefined"
               },
-              "fieldName": "row"
+              "fieldName": "row",
+              "inheritedFrom": {
+                "name": "InputEditor",
+                "module": "src/editors/input-editors.ts"
+              }
             }
           ],
-          "superclass": {
-            "name": "LitElement",
-            "package": "lit"
-          },
-          "tagName": "ox-input-editor",
-          "customElement": true
+          "events": [
+            {
+              "name": "field-change",
+              "type": {
+                "text": "CustomEvent"
+              },
+              "inheritedFrom": {
+                "name": "InputEditor",
+                "module": "src/editors/input-editors.ts"
+              }
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "ImageInput",
+          "declaration": {
+            "name": "ImageInput",
+            "module": "src/editors/image-input.ts"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "ox-image-input",
+          "declaration": {
+            "name": "ImageInput",
+            "module": "src/editors/image-input.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/editors/index.ts",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./registry"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./input-editors"
+          }
         },
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./image-input"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/editors/input-editors.ts",
+      "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "TextInput",
+          "name": "InputEditor",
           "members": [
-            {
-              "kind": "field",
-              "name": "editorTemplate",
-              "inheritedFrom": {
-                "name": "InputEditor",
-                "module": "src/editors/input-editors.ts"
-              }
-            },
             {
               "kind": "field",
               "name": "value",
               "type": {
                 "text": "any | undefined"
               },
-              "attribute": "value",
-              "inheritedFrom": {
-                "name": "InputEditor",
-                "module": "src/editors/input-editors.ts"
-              }
+              "attribute": "value"
             },
             {
               "kind": "field",
@@ -4834,11 +5232,7 @@
                 "text": "ColumnConfig"
               },
               "default": "ZERO_COLUMN",
-              "attribute": "column",
-              "inheritedFrom": {
-                "name": "InputEditor",
-                "module": "src/editors/input-editors.ts"
-              }
+              "attribute": "column"
             },
             {
               "kind": "field",
@@ -4847,11 +5241,7 @@
                 "text": "GristRecord"
               },
               "default": "ZERO_RECORD",
-              "attribute": "record",
-              "inheritedFrom": {
-                "name": "InputEditor",
-                "module": "src/editors/input-editors.ts"
-              }
+              "attribute": "record"
             },
             {
               "kind": "field",
@@ -4859,11 +5249,7 @@
               "type": {
                 "text": "number | undefined"
               },
-              "attribute": "rowIndex",
-              "inheritedFrom": {
-                "name": "InputEditor",
-                "module": "src/editors/input-editors.ts"
-              }
+              "attribute": "rowIndex"
             },
             {
               "kind": "field",
@@ -4871,11 +5257,7 @@
               "type": {
                 "text": "DataGridField | undefined"
               },
-              "attribute": "field",
-              "inheritedFrom": {
-                "name": "InputEditor",
-                "module": "src/editors/input-editors.ts"
-              }
+              "attribute": "field"
             },
             {
               "kind": "field",
@@ -4883,11 +5265,7 @@
               "type": {
                 "text": "number | undefined"
               },
-              "attribute": "row",
-              "inheritedFrom": {
-                "name": "InputEditor",
-                "module": "src/editors/input-editors.ts"
-              }
+              "attribute": "row"
             },
             {
               "kind": "field",
@@ -4895,38 +5273,22 @@
               "type": {
                 "text": "any | undefined"
               },
-              "privacy": "protected",
-              "inheritedFrom": {
-                "name": "InputEditor",
-                "module": "src/editors/input-editors.ts"
-              }
+              "privacy": "protected"
             },
             {
               "kind": "field",
               "name": "editor",
               "type": {
                 "text": "HTMLElement | null"
-              },
-              "inheritedFrom": {
-                "name": "InputEditor",
-                "module": "src/editors/input-editors.ts"
               }
             },
             {
               "kind": "method",
-              "name": "select",
-              "inheritedFrom": {
-                "name": "InputEditor",
-                "module": "src/editors/input-editors.ts"
-              }
+              "name": "select"
             },
             {
               "kind": "method",
-              "name": "focus",
-              "inheritedFrom": {
-                "name": "InputEditor",
-                "module": "src/editors/input-editors.ts"
-              }
+              "name": "focus"
             },
             {
               "kind": "method",
@@ -4943,11 +5305,7 @@
                     "text": "any"
                   }
                 }
-              ],
-              "inheritedFrom": {
-                "name": "InputEditor",
-                "module": "src/editors/input-editors.ts"
-              }
+              ]
             },
             {
               "kind": "method",
@@ -4964,19 +5322,11 @@
                     "text": "Event"
                   }
                 }
-              ],
-              "inheritedFrom": {
-                "name": "InputEditor",
-                "module": "src/editors/input-editors.ts"
-              }
+              ]
             },
             {
               "kind": "method",
-              "name": "_onfocusout",
-              "inheritedFrom": {
-                "name": "InputEditor",
-                "module": "src/editors/input-editors.ts"
-              }
+              "name": "_onfocusout"
             },
             {
               "kind": "method",
@@ -4993,11 +5343,7 @@
                     "text": "Event"
                   }
                 }
-              ],
-              "inheritedFrom": {
-                "name": "InputEditor",
-                "module": "src/editors/input-editors.ts"
-              }
+              ]
             },
             {
               "kind": "method",
@@ -5014,11 +5360,7 @@
                     "text": "Event"
                   }
                 }
-              ],
-              "inheritedFrom": {
-                "name": "InputEditor",
-                "module": "src/editors/input-editors.ts"
-              }
+              ]
             },
             {
               "kind": "method",
@@ -5035,30 +5377,28 @@
                     "text": "Event"
                   }
                 }
-              ],
-              "inheritedFrom": {
-                "name": "InputEditor",
-                "module": "src/editors/input-editors.ts"
+              ]
+            },
+            {
+              "kind": "field",
+              "name": "editorTemplate"
+            }
+          ],
+          "events": [
+            {
+              "name": "field-change",
+              "type": {
+                "text": "CustomEvent"
               }
             }
           ],
-          "superclass": {
-            "name": "InputEditor",
-            "module": "src/editors/input-editors.ts"
-          },
-          "tagName": "ox-text-input",
-          "customElement": true,
           "attributes": [
             {
               "name": "value",
               "type": {
                 "text": "any | undefined"
               },
-              "fieldName": "value",
-              "inheritedFrom": {
-                "name": "InputEditor",
-                "module": "src/editors/input-editors.ts"
-              }
+              "fieldName": "value"
             },
             {
               "name": "column",
@@ -5069,11 +5409,7 @@
               "resolveInitializer": {
                 "module": "/src/configure/zero-config"
               },
-              "fieldName": "column",
-              "inheritedFrom": {
-                "name": "InputEditor",
-                "module": "src/editors/input-editors.ts"
-              }
+              "fieldName": "column"
             },
             {
               "name": "record",
@@ -5084,63 +5420,41 @@
               "resolveInitializer": {
                 "module": "/src/configure/zero-config"
               },
-              "fieldName": "record",
-              "inheritedFrom": {
-                "name": "InputEditor",
-                "module": "src/editors/input-editors.ts"
-              }
+              "fieldName": "record"
             },
             {
               "name": "rowIndex",
               "type": {
                 "text": "number | undefined"
               },
-              "fieldName": "rowIndex",
-              "inheritedFrom": {
-                "name": "InputEditor",
-                "module": "src/editors/input-editors.ts"
-              }
+              "fieldName": "rowIndex"
             },
             {
               "name": "field",
               "type": {
                 "text": "DataGridField | undefined"
               },
-              "fieldName": "field",
-              "inheritedFrom": {
-                "name": "InputEditor",
-                "module": "src/editors/input-editors.ts"
-              }
+              "fieldName": "field"
             },
             {
               "name": "row",
               "type": {
                 "text": "number | undefined"
               },
-              "fieldName": "row",
-              "inheritedFrom": {
-                "name": "InputEditor",
-                "module": "src/editors/input-editors.ts"
-              }
+              "fieldName": "row"
             }
           ],
-          "events": [
-            {
-              "name": "field-change",
-              "type": {
-                "text": "CustomEvent"
-              },
-              "inheritedFrom": {
-                "name": "InputEditor",
-                "module": "src/editors/input-editors.ts"
-              }
-            }
-          ]
+          "superclass": {
+            "name": "LitElement",
+            "package": "lit"
+          },
+          "tagName": "ox-input-editor",
+          "customElement": true
         },
         {
           "kind": "class",
           "description": "",
-          "name": "EmailInput",
+          "name": "TextInput",
           "members": [
             {
               "kind": "field",
@@ -5381,7 +5695,7 @@
             "name": "InputEditor",
             "module": "src/editors/input-editors.ts"
           },
-          "tagName": "ox-email-input",
+          "tagName": "ox-text-input",
           "customElement": true,
           "attributes": [
             {
@@ -5475,7 +5789,7 @@
         {
           "kind": "class",
           "description": "",
-          "name": "TelInput",
+          "name": "EmailInput",
           "members": [
             {
               "kind": "field",
@@ -5716,7 +6030,7 @@
             "name": "InputEditor",
             "module": "src/editors/input-editors.ts"
           },
-          "tagName": "ox-tel-input",
+          "tagName": "ox-email-input",
           "customElement": true,
           "attributes": [
             {
@@ -5804,35 +6118,14 @@
                 "name": "InputEditor",
                 "module": "src/editors/input-editors.ts"
               }
-            }
-          ]
-        },
-        {
-          "kind": "class",
-          "description": "",
-          "name": "NumberInput",
-          "members": [
-            {
-              "kind": "method",
-              "name": "formatFromEditor",
-              "return": {
-                "type": {
-                  "text": "any"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "e",
-                  "type": {
-                    "text": "Event"
-                  }
-                }
-              ],
-              "inheritedFrom": {
-                "name": "InputEditor",
-                "module": "src/editors/input-editors.ts"
-              }
-            },
+            }
+          ]
+        },
+        {
+          "kind": "class",
+          "description": "",
+          "name": "TelInput",
+          "members": [
             {
               "kind": "field",
               "name": "editorTemplate",
@@ -5975,6 +6268,27 @@
                 "module": "src/editors/input-editors.ts"
               }
             },
+            {
+              "kind": "method",
+              "name": "formatFromEditor",
+              "return": {
+                "type": {
+                  "text": "any"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "e",
+                  "type": {
+                    "text": "Event"
+                  }
+                }
+              ],
+              "inheritedFrom": {
+                "name": "InputEditor",
+                "module": "src/editors/input-editors.ts"
+              }
+            },
             {
               "kind": "method",
               "name": "_onfocusout",
@@ -6051,7 +6365,7 @@
             "name": "InputEditor",
             "module": "src/editors/input-editors.ts"
           },
-          "tagName": "ox-number-input",
+          "tagName": "ox-tel-input",
           "customElement": true,
           "attributes": [
             {
@@ -6145,8 +6459,29 @@
         {
           "kind": "class",
           "description": "",
-          "name": "PasswordInput",
+          "name": "NumberInput",
           "members": [
+            {
+              "kind": "method",
+              "name": "formatFromEditor",
+              "return": {
+                "type": {
+                  "text": "any"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "e",
+                  "type": {
+                    "text": "Event"
+                  }
+                }
+              ],
+              "inheritedFrom": {
+                "name": "InputEditor",
+                "module": "src/editors/input-editors.ts"
+              }
+            },
             {
               "kind": "field",
               "name": "editorTemplate",
@@ -6289,27 +6624,6 @@
                 "module": "src/editors/input-editors.ts"
               }
             },
-            {
-              "kind": "method",
-              "name": "formatFromEditor",
-              "return": {
-                "type": {
-                  "text": "any"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "e",
-                  "type": {
-                    "text": "Event"
-                  }
-                }
-              ],
-              "inheritedFrom": {
-                "name": "InputEditor",
-                "module": "src/editors/input-editors.ts"
-              }
-            },
             {
               "kind": "method",
               "name": "_onfocusout",
@@ -6386,7 +6700,7 @@
             "name": "InputEditor",
             "module": "src/editors/input-editors.ts"
           },
-          "tagName": "ox-password-input",
+          "tagName": "ox-number-input",
           "customElement": true,
           "attributes": [
             {
@@ -6480,7 +6794,7 @@
         {
           "kind": "class",
           "description": "",
-          "name": "DateInput",
+          "name": "PasswordInput",
           "members": [
             {
               "kind": "field",
@@ -6721,7 +7035,7 @@
             "name": "InputEditor",
             "module": "src/editors/input-editors.ts"
           },
-          "tagName": "ox-date-input",
+          "tagName": "ox-password-input",
           "customElement": true,
           "attributes": [
             {
@@ -6815,7 +7129,7 @@
         {
           "kind": "class",
           "description": "",
-          "name": "MonthInput",
+          "name": "DateInput",
           "members": [
             {
               "kind": "field",
@@ -7056,7 +7370,7 @@
             "name": "InputEditor",
             "module": "src/editors/input-editors.ts"
           },
-          "tagName": "ox-month-input",
+          "tagName": "ox-date-input",
           "customElement": true,
           "attributes": [
             {
@@ -7150,7 +7464,7 @@
         {
           "kind": "class",
           "description": "",
-          "name": "WeekInput",
+          "name": "MonthInput",
           "members": [
             {
               "kind": "field",
@@ -7391,7 +7705,7 @@
             "name": "InputEditor",
             "module": "src/editors/input-editors.ts"
           },
-          "tagName": "ox-week-input",
+          "tagName": "ox-month-input",
           "customElement": true,
           "attributes": [
             {
@@ -7485,7 +7799,7 @@
         {
           "kind": "class",
           "description": "",
-          "name": "TimeInput",
+          "name": "WeekInput",
           "members": [
             {
               "kind": "field",
@@ -7726,7 +8040,7 @@
             "name": "InputEditor",
             "module": "src/editors/input-editors.ts"
           },
-          "tagName": "ox-time-input",
+          "tagName": "ox-week-input",
           "customElement": true,
           "attributes": [
             {
@@ -7820,50 +8134,8 @@
         {
           "kind": "class",
           "description": "",
-          "name": "DateTimeInput",
+          "name": "TimeInput",
           "members": [
-            {
-              "kind": "method",
-              "name": "formatForEditor",
-              "return": {
-                "type": {
-                  "text": "any"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "timestamp",
-                  "type": {
-                    "text": "any"
-                  }
-                }
-              ],
-              "inheritedFrom": {
-                "name": "InputEditor",
-                "module": "src/editors/input-editors.ts"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "formatFromEditor",
-              "return": {
-                "type": {
-                  "text": "any"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "e",
-                  "type": {
-                    "text": "Event"
-                  }
-                }
-              ],
-              "inheritedFrom": {
-                "name": "InputEditor",
-                "module": "src/editors/input-editors.ts"
-              }
-            },
             {
               "kind": "field",
               "name": "editorTemplate",
@@ -7985,6 +8257,48 @@
                 "module": "src/editors/input-editors.ts"
               }
             },
+            {
+              "kind": "method",
+              "name": "formatForEditor",
+              "return": {
+                "type": {
+                  "text": "any"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "value",
+                  "type": {
+                    "text": "any"
+                  }
+                }
+              ],
+              "inheritedFrom": {
+                "name": "InputEditor",
+                "module": "src/editors/input-editors.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "formatFromEditor",
+              "return": {
+                "type": {
+                  "text": "any"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "e",
+                  "type": {
+                    "text": "Event"
+                  }
+                }
+              ],
+              "inheritedFrom": {
+                "name": "InputEditor",
+                "module": "src/editors/input-editors.ts"
+              }
+            },
             {
               "kind": "method",
               "name": "_onfocusout",
@@ -8061,7 +8375,7 @@
             "name": "InputEditor",
             "module": "src/editors/input-editors.ts"
           },
-          "tagName": "ox-datetime-input",
+          "tagName": "ox-time-input",
           "customElement": true,
           "attributes": [
             {
@@ -8155,8 +8469,50 @@
         {
           "kind": "class",
           "description": "",
-          "name": "ColorInput",
+          "name": "DateTimeInput",
           "members": [
+            {
+              "kind": "method",
+              "name": "formatForEditor",
+              "return": {
+                "type": {
+                  "text": "any"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "timestamp",
+                  "type": {
+                    "text": "any"
+                  }
+                }
+              ],
+              "inheritedFrom": {
+                "name": "InputEditor",
+                "module": "src/editors/input-editors.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "formatFromEditor",
+              "return": {
+                "type": {
+                  "text": "any"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "e",
+                  "type": {
+                    "text": "Event"
+                  }
+                }
+              ],
+              "inheritedFrom": {
+                "name": "InputEditor",
+                "module": "src/editors/input-editors.ts"
+              }
+            },
             {
               "kind": "field",
               "name": "editorTemplate",
@@ -8251,28 +8607,12 @@
                 "module": "src/editors/input-editors.ts"
               }
             },
-            {
-              "kind": "field",
-              "name": "editor",
-              "type": {
-                "text": "HTMLElement | null"
-              },
-              "inheritedFrom": {
-                "name": "InputEditor",
-                "module": "src/editors/input-editors.ts"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "select",
-              "inheritedFrom": {
-                "name": "InputEditor",
-                "module": "src/editors/input-editors.ts"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "focus",
+            {
+              "kind": "field",
+              "name": "editor",
+              "type": {
+                "text": "HTMLElement | null"
+              },
               "inheritedFrom": {
                 "name": "InputEditor",
                 "module": "src/editors/input-editors.ts"
@@ -8280,20 +8620,7 @@
             },
             {
               "kind": "method",
-              "name": "formatForEditor",
-              "return": {
-                "type": {
-                  "text": "any"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "value",
-                  "type": {
-                    "text": "any"
-                  }
-                }
-              ],
+              "name": "select",
               "inheritedFrom": {
                 "name": "InputEditor",
                 "module": "src/editors/input-editors.ts"
@@ -8301,20 +8628,7 @@
             },
             {
               "kind": "method",
-              "name": "formatFromEditor",
-              "return": {
-                "type": {
-                  "text": "any"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "e",
-                  "type": {
-                    "text": "Event"
-                  }
-                }
-              ],
+              "name": "focus",
               "inheritedFrom": {
                 "name": "InputEditor",
                 "module": "src/editors/input-editors.ts"
@@ -8396,7 +8710,7 @@
             "name": "InputEditor",
             "module": "src/editors/input-editors.ts"
           },
-          "tagName": "ox-color-input",
+          "tagName": "ox-datetime-input",
           "customElement": true,
           "attributes": [
             {
@@ -8490,29 +8804,8 @@
         {
           "kind": "class",
           "description": "",
-          "name": "CheckboxInput",
+          "name": "ColorInput",
           "members": [
-            {
-              "kind": "method",
-              "name": "formatFromEditor",
-              "return": {
-                "type": {
-                  "text": "any"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "e",
-                  "type": {
-                    "text": "Event"
-                  }
-                }
-              ],
-              "inheritedFrom": {
-                "name": "InputEditor",
-                "module": "src/editors/input-editors.ts"
-              }
-            },
             {
               "kind": "field",
               "name": "editorTemplate",
@@ -8655,6 +8948,27 @@
                 "module": "src/editors/input-editors.ts"
               }
             },
+            {
+              "kind": "method",
+              "name": "formatFromEditor",
+              "return": {
+                "type": {
+                  "text": "any"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "e",
+                  "type": {
+                    "text": "Event"
+                  }
+                }
+              ],
+              "inheritedFrom": {
+                "name": "InputEditor",
+                "module": "src/editors/input-editors.ts"
+              }
+            },
             {
               "kind": "method",
               "name": "_onfocusout",
@@ -8731,7 +9045,7 @@
             "name": "InputEditor",
             "module": "src/editors/input-editors.ts"
           },
-          "tagName": "ox-checkbox-input",
+          "tagName": "ox-color-input",
           "customElement": true,
           "attributes": [
             {
@@ -8825,37 +9139,14 @@
         {
           "kind": "class",
           "description": "",
-          "name": "ImageInput",
+          "name": "CheckboxInput",
           "members": [
-            {
-              "kind": "field",
-              "name": "imageInput",
-              "type": {
-                "text": "HTMLElement"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "editorTemplate",
-              "inheritedFrom": {
-                "name": "InputEditor",
-                "module": "src/editors/input-editors.ts"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "focus",
-              "inheritedFrom": {
-                "name": "InputEditor",
-                "module": "src/editors/input-editors.ts"
-              }
-            },
             {
               "kind": "method",
-              "name": "_onchange",
+              "name": "formatFromEditor",
               "return": {
                 "type": {
-                  "text": "void"
+                  "text": "any"
                 }
               },
               "parameters": [
@@ -8872,21 +9163,8 @@
               }
             },
             {
-              "kind": "method",
-              "name": "formatFromEditor",
-              "return": {
-                "type": {
-                  "text": "any"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "e",
-                  "type": {
-                    "text": "Event"
-                  }
-                }
-              ],
+              "kind": "field",
+              "name": "editorTemplate",
               "inheritedFrom": {
                 "name": "InputEditor",
                 "module": "src/editors/input-editors.ts"
@@ -8997,6 +9275,14 @@
                 "module": "src/editors/input-editors.ts"
               }
             },
+            {
+              "kind": "method",
+              "name": "focus",
+              "inheritedFrom": {
+                "name": "InputEditor",
+                "module": "src/editors/input-editors.ts"
+              }
+            },
             {
               "kind": "method",
               "name": "formatForEditor",
@@ -9026,6 +9312,27 @@
                 "module": "src/editors/input-editors.ts"
               }
             },
+            {
+              "kind": "method",
+              "name": "_onchange",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "e",
+                  "type": {
+                    "text": "Event"
+                  }
+                }
+              ],
+              "inheritedFrom": {
+                "name": "InputEditor",
+                "module": "src/editors/input-editors.ts"
+              }
+            },
             {
               "kind": "method",
               "name": "_onclick",
@@ -9073,7 +9380,7 @@
             "name": "InputEditor",
             "module": "src/editors/input-editors.ts"
           },
-          "tagName": "ox-image-input",
+          "tagName": "ox-checkbox-input",
           "customElement": true,
           "attributes": [
             {
@@ -9709,22 +10016,6 @@
             "module": "src/editors/input-editors.ts"
           }
         },
-        {
-          "kind": "js",
-          "name": "ImageInput",
-          "declaration": {
-            "name": "ImageInput",
-            "module": "src/editors/input-editors.ts"
-          }
-        },
-        {
-          "kind": "custom-element-definition",
-          "name": "ox-image-input",
-          "declaration": {
-            "name": "ImageInput",
-            "module": "src/editors/input-editors.ts"
-          }
-        },
         {
           "kind": "js",
           "name": "Select",
@@ -10014,17 +10305,23 @@
               "name": "config",
               "type": {
                 "text": "GristConfig"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "filterColumns",
+              "type": {
+                "text": "ColumnConfig[]"
               },
-              "attribute": "config"
+              "default": "[]"
             },
             {
               "kind": "field",
-              "name": "defaultOperator",
+              "name": "searchColumns",
               "type": {
-                "text": "string"
+                "text": "ColumnConfig[]"
               },
-              "default": "'eq'",
-              "attribute": "defaultOperator"
+              "default": "[]"
             },
             {
               "kind": "field",
@@ -10034,28 +10331,21 @@
               }
             },
             {
-              "kind": "field",
-              "name": "queryFilters",
-              "type": {
-                "text": "QueryFilter[]"
+              "kind": "method",
+              "name": "getQueryFilters",
+              "return": {
+                "type": {
+                  "text": "Promise<QueryFilter[]>"
+                }
               }
             }
           ],
-          "attributes": [
-            {
-              "name": "config",
-              "type": {
-                "text": "GristConfig"
-              },
-              "fieldName": "config"
-            },
+          "events": [
             {
-              "name": "defaultOperator",
+              "name": "change",
               "type": {
-                "text": "string"
-              },
-              "default": "'eq'",
-              "fieldName": "defaultOperator"
+                "text": "CustomEvent"
+              }
             }
           ],
           "superclass": {
@@ -10760,7 +11050,7 @@
         {
           "kind": "variable",
           "name": "RecordViewHandler",
-          "default": "function (\n  columns: ColumnConfig[],\n  data: GristData,\n  column: ColumnConfig,\n  record: GristRecord,\n  rowIndex: number,\n  field: DataGridField\n): void {\n  document.dispatchEvent(\n    new CustomEvent('open-popup', {\n      detail: {\n        template: html`\n          <record-view\n            .field=${field}\n            .columns=${columns}\n            .column=${column}\n            .record=${record}\n            .rowIndex=${rowIndex}\n            @reset=${(e: Event) => {\n              field.dispatchEvent(\n                new CustomEvent('record-reset', {\n                  bubbles: true,\n                  composed: true,\n                  detail: record\n                })\n              )\n            }}\n            @cancel=${(e: Event) => {\n              field.dispatchEvent(\n                new CustomEvent('record-reset', {\n                  bubbles: true,\n                  composed: true,\n                  detail: record\n                })\n              )\n              // popup.close()\n            }}\n            @ok=${(e: Event) => {\n              // popup.close()\n            }}\n          ></record-view>\n        `\n      },\n      options: {\n        backdrop: true,\n        size: 'large',\n        title: record['name']\n      }\n    } as any)\n  )\n}"
+          "default": "function (\n  columns: ColumnConfig[],\n  data: GristData,\n  column: ColumnConfig,\n  record: GristRecord,\n  rowIndex: number,\n  field: DataGridField\n): void {\n  field.dispatchEvent(\n    new CustomEvent('show-record-view', {\n      bubbles: true,\n      composed: true,\n      detail: {\n        record,\n        row: rowIndex\n      }\n    })\n  )\n}"
         }
       ],
       "exports": [
@@ -10899,25 +11189,127 @@
       "exports": [
         {
           "kind": "js",
-          "name": "SelectRow",
+          "name": "SelectRow",
+          "declaration": {
+            "name": "SelectRow",
+            "module": "src/handlers/select-row.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/record-view/index.ts",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./record-view"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./record-creator"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/record-view/record-creator.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "RecordCreator",
+          "members": [
+            {
+              "kind": "field",
+              "name": "grist",
+              "type": {
+                "text": "DataGrist | undefined"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "callback",
+              "type": {
+                "text": "(operation: { [key: string]: any }) => boolean | undefined"
+              },
+              "attribute": "callback"
+            },
+            {
+              "kind": "field",
+              "name": "lightPopup",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "attribute": "light-popup"
+            },
+            {
+              "kind": "method",
+              "name": "lightPopupRecordView"
+            },
+            {
+              "kind": "method",
+              "name": "popupRecordView"
+            }
+          ],
+          "events": [
+            {
+              "name": "ok",
+              "type": {
+                "text": "CustomEvent"
+              }
+            }
+          ],
+          "attributes": [
+            {
+              "name": "callback",
+              "type": {
+                "text": "(operation: { [key: string]: any }) => boolean | undefined"
+              },
+              "fieldName": "callback"
+            },
+            {
+              "name": "light-popup",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "fieldName": "lightPopup"
+            }
+          ],
+          "superclass": {
+            "name": "LitElement",
+            "package": "lit"
+          },
+          "tagName": "ox-record-creator",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "RecordCreator",
           "declaration": {
-            "name": "SelectRow",
-            "module": "src/handlers/select-row.ts"
+            "name": "RecordCreator",
+            "module": "src/record-view/record-creator.ts"
           }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/record-view/index.ts",
-      "declarations": [],
-      "exports": [
+        },
         {
-          "kind": "js",
-          "name": "*",
+          "kind": "custom-element-definition",
+          "name": "ox-record-creator",
           "declaration": {
-            "name": "*",
-            "package": "./record-view"
+            "name": "RecordCreator",
+            "module": "src/record-view/record-creator.ts"
           }
         }
       ]
@@ -10960,19 +11352,20 @@
             },
             {
               "kind": "field",
-              "name": "editTarget",
+              "name": "onlyForEdit",
               "type": {
-                "text": "any"
+                "text": "boolean"
               },
-              "privacy": "private"
+              "default": "false",
+              "attribute": "only-for-edit"
             },
             {
               "kind": "field",
-              "name": "_focusedListener",
+              "name": "currentTarget",
               "type": {
                 "text": "any"
               },
-              "privacy": "private"
+              "privacy": "public"
             },
             {
               "kind": "method",
@@ -11014,6 +11407,14 @@
               },
               "default": "-1",
               "fieldName": "rowIndex"
+            },
+            {
+              "name": "only-for-edit",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "fieldName": "onlyForEdit"
             }
           ],
           "superclass": {
@@ -11043,6 +11444,27 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "src/record-view/record-view-handler.ts",
+      "declarations": [
+        {
+          "kind": "variable",
+          "name": "RecordViewHandler",
+          "default": "function (\n  columns: ColumnConfig[],\n  record: GristRecord,\n  rowIndex: number,\n  field: DataGridField | RecordCard | RecordPartial | DataGridBody,\n  popupOptions: { [key: string]: any },\n  closeCallback?: () => void\n): RecordView {\n  var recordView = document.createElement('ox-record-view') as RecordView\n\n  recordView.columns = columns\n  recordView.record = record\n  recordView.rowIndex = rowIndex\n\n  document.dispatchEvent(\n    new CustomEvent('open-popup', {\n      detail: {\n        template: recordView,\n        options: {\n          backdrop: true,\n          size: 'large',\n          title: record['name'],\n          ...popupOptions\n        },\n        callback: (popup: any) => {\n          recordView.addEventListener('field-change', (e: Event) => {\n            field.dispatchEvent(\n              new CustomEvent('field-change', {\n                bubbles: true,\n                composed: true,\n                detail: (e as any).detail\n              })\n            )\n          })\n\n          recordView.addEventListener('reset', (e: Event) => {\n            field.dispatchEvent(\n              new CustomEvent('record-reset', {\n                bubbles: true,\n                composed: true,\n                detail: {\n                  record: record,\n                  row: rowIndex\n                }\n              })\n            )\n          })\n\n          recordView.addEventListener('cancel', (e: Event) => {\n            field.dispatchEvent(\n              new CustomEvent('record-reset', {\n                bubbles: true,\n                composed: true,\n                detail: {\n                  record: record,\n                  row: rowIndex\n                }\n              })\n            )\n            popup.close()\n          })\n\n          recordView.addEventListener('ok', (e: Event) => {\n            popup.close()\n          })\n\n          popup.onclosed = closeCallback\n        }\n      }\n    } as any)\n  )\n\n  return recordView\n}"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "RecordViewHandler",
+          "declaration": {
+            "name": "RecordViewHandler",
+            "module": "src/record-view/record-view-handler.ts"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "src/record-view/record-view.ts",
@@ -11052,15 +11474,6 @@
           "description": "",
           "name": "RecordView",
           "members": [
-            {
-              "kind": "field",
-              "name": "config",
-              "type": {
-                "text": "GristConfig"
-              },
-              "default": "ZERO_CONFIG",
-              "attribute": "config"
-            },
             {
               "kind": "field",
               "name": "columns",
@@ -11089,8 +11502,13 @@
               "attribute": "rowIndex"
             },
             {
-              "kind": "method",
-              "name": "renderThumbnail"
+              "kind": "field",
+              "name": "onlyForEdit",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "attribute": "only-for-edit"
             },
             {
               "kind": "method",
@@ -11126,17 +11544,6 @@
             }
           ],
           "attributes": [
-            {
-              "name": "config",
-              "type": {
-                "text": "GristConfig"
-              },
-              "default": "ZERO_CONFIG",
-              "resolveInitializer": {
-                "module": "/src/configure/zero-config"
-              },
-              "fieldName": "config"
-            },
             {
               "name": "columns",
               "type": {
@@ -11163,6 +11570,14 @@
               },
               "default": "-1",
               "fieldName": "rowIndex"
+            },
+            {
+              "name": "only-for-edit",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "fieldName": "onlyForEdit"
             }
           ],
           "superclass": {
@@ -11830,6 +12245,86 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "src/sorters/sorters-control.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "SortersControl",
+          "members": [
+            {
+              "kind": "field",
+              "name": "config",
+              "type": {
+                "text": "GristConfig"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "columns",
+              "type": {
+                "text": "ColumnConfig[]"
+              },
+              "default": "[]"
+            },
+            {
+              "kind": "field",
+              "name": "sorters",
+              "type": {
+                "text": "SorterConfig[]"
+              },
+              "default": "[]"
+            },
+            {
+              "kind": "method",
+              "name": "onChangeSort",
+              "parameters": [
+                {
+                  "name": "name",
+                  "type": {
+                    "text": "string"
+                  }
+                }
+              ]
+            }
+          ],
+          "events": [
+            {
+              "name": "sorters-change",
+              "type": {
+                "text": "CustomEvent"
+              }
+            }
+          ],
+          "superclass": {
+            "name": "LitElement",
+            "package": "lit"
+          },
+          "tagName": "ox-sorters-control",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "SortersControl",
+          "declaration": {
+            "name": "SortersControl",
+            "module": "src/sorters/sorters-control.ts"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "ox-sorters-control",
+          "declaration": {
+            "name": "SortersControl",
+            "module": "src/sorters/sorters-control.ts"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "src/utils/index.ts",
@@ -12292,6 +12787,86 @@
           }
         }
       ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/record-view/event-handlers/record-view-body-click-handler.ts",
+      "declarations": [
+        {
+          "kind": "function",
+          "name": "recordViewBodyClickHandler",
+          "return": {
+            "type": {
+              "text": "void"
+            }
+          },
+          "parameters": [
+            {
+              "name": "this",
+              "type": {
+                "text": "RecordViewBody"
+              }
+            },
+            {
+              "name": "e",
+              "type": {
+                "text": "Event"
+              }
+            }
+          ],
+          "description": "ox-record-view-body 의 click handler\n\n- handler의 this 는 ox-record-view-body임."
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "recordViewBodyClickHandler",
+          "declaration": {
+            "name": "recordViewBodyClickHandler",
+            "module": "src/record-view/event-handlers/record-view-body-click-handler.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/record-view/event-handlers/record-view-body-keydown-handler.ts",
+      "declarations": [
+        {
+          "kind": "function",
+          "name": "recordViewBodyKeydownHandler",
+          "return": {
+            "type": {
+              "text": "Promise<void>"
+            }
+          },
+          "parameters": [
+            {
+              "name": "this",
+              "type": {
+                "text": "RecordViewBody"
+              }
+            },
+            {
+              "name": "e",
+              "type": {
+                "text": "Event"
+              }
+            }
+          ],
+          "description": "ox-record-view-body 의 keydown handler\n\n- handler의 this 는 ox-record-view-body임."
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "recordViewBodyKeydownHandler",
+          "declaration": {
+            "name": "recordViewBodyKeydownHandler",
+            "module": "src/record-view/event-handlers/record-view-body-keydown-handler.ts"
+          }
+        }
+      ]
     }
   ]
 }