@operato/data-grist 0.3.26 → 0.3.27

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (23) hide show
  1. package/CHANGELOG.md +9 -0
  2. package/custom-elements.json +1261 -1216
  3. package/demo/index.html +27 -111
  4. package/dist/src/filters/filter-checkbox.d.ts +1 -0
  5. package/dist/src/filters/filter-checkbox.js +2 -25
  6. package/dist/src/filters/filter-checkbox.js.map +1 -1
  7. package/dist/src/filters/filter-select.js +7 -4
  8. package/dist/src/filters/filter-select.js.map +1 -1
  9. package/dist/src/filters/filters-form.js +37 -8
  10. package/dist/src/filters/filters-form.js.map +1 -1
  11. package/dist/src/index.d.ts +3 -0
  12. package/dist/src/index.js +3 -0
  13. package/dist/src/index.js.map +1 -1
  14. package/dist/src/styles/common-grist-styles.d.ts +1 -0
  15. package/dist/src/styles/common-grist-styles.js +98 -0
  16. package/dist/src/styles/common-grist-styles.js.map +1 -0
  17. package/dist/tsconfig.tsbuildinfo +1 -1
  18. package/package.json +12 -10
  19. package/src/filters/filter-checkbox.ts +3 -28
  20. package/src/filters/filter-select.ts +9 -4
  21. package/src/filters/filters-form.ts +38 -7
  22. package/src/index.ts +4 -0
  23. package/src/styles/common-grist-styles.ts +98 -0
package/custom-elements.json CHANGED
@@ -17,69 +17,6 @@
17
17
  }
18
18
  ]
19
19
  },
20
- {
21
- "kind": "javascript-module",
22
- "path": "stories/index.stories.ts",
23
- "declarations": [
24
- {
25
- "kind": "variable",
26
- "name": "Regular"
27
- },
28
- {
29
- "kind": "variable",
30
- "name": "CustomTitle"
31
- },
32
- {
33
- "kind": "variable",
34
- "name": "CustomCounter"
35
- },
36
- {
37
- "kind": "variable",
38
- "name": "SlottedContent"
39
- }
40
- ],
41
- "exports": [
42
- {
43
- "kind": "js",
44
- "name": "default",
45
- "declaration": {
46
- "module": "stories/index.stories.ts"
47
- }
48
- },
49
- {
50
- "kind": "js",
51
- "name": "Regular",
52
- "declaration": {
53
- "name": "Regular",
54
- "module": "stories/index.stories.ts"
55
- }
56
- },
57
- {
58
- "kind": "js",
59
- "name": "CustomTitle",
60
- "declaration": {
61
- "name": "CustomTitle",
62
- "module": "stories/index.stories.ts"
63
- }
64
- },
65
- {
66
- "kind": "js",
67
- "name": "CustomCounter",
68
- "declaration": {
69
- "name": "CustomCounter",
70
- "module": "stories/index.stories.ts"
71
- }
72
- },
73
- {
74
- "kind": "js",
75
- "name": "SlottedContent",
76
- "declaration": {
77
- "name": "SlottedContent",
78
- "module": "stories/index.stories.ts"
79
- }
80
- }
81
- ]
82
- },
83
20
  {
84
21
  "kind": "javascript-module",
85
22
  "path": "src/const.ts",
@@ -1265,6 +1202,30 @@
1265
1202
  "name": "*",
1266
1203
  "package": "./filters"
1267
1204
  }
1205
+ },
1206
+ {
1207
+ "kind": "js",
1208
+ "name": "*",
1209
+ "declaration": {
1210
+ "name": "*",
1211
+ "package": "./sorters/sorters-control"
1212
+ }
1213
+ },
1214
+ {
1215
+ "kind": "js",
1216
+ "name": "*",
1217
+ "declaration": {
1218
+ "name": "*",
1219
+ "package": "./record-view"
1220
+ }
1221
+ },
1222
+ {
1223
+ "kind": "js",
1224
+ "name": "*",
1225
+ "declaration": {
1226
+ "name": "*",
1227
+ "package": "./styles/common-grist-styles"
1228
+ }
1268
1229
  }
1269
1230
  ]
1270
1231
  },
@@ -1274,6 +1235,69 @@
1274
1235
  "declarations": [],
1275
1236
  "exports": []
1276
1237
  },
1238
+ {
1239
+ "kind": "javascript-module",
1240
+ "path": "stories/index.stories.ts",
1241
+ "declarations": [
1242
+ {
1243
+ "kind": "variable",
1244
+ "name": "Regular"
1245
+ },
1246
+ {
1247
+ "kind": "variable",
1248
+ "name": "CustomTitle"
1249
+ },
1250
+ {
1251
+ "kind": "variable",
1252
+ "name": "CustomCounter"
1253
+ },
1254
+ {
1255
+ "kind": "variable",
1256
+ "name": "SlottedContent"
1257
+ }
1258
+ ],
1259
+ "exports": [
1260
+ {
1261
+ "kind": "js",
1262
+ "name": "default",
1263
+ "declaration": {
1264
+ "module": "stories/index.stories.ts"
1265
+ }
1266
+ },
1267
+ {
1268
+ "kind": "js",
1269
+ "name": "Regular",
1270
+ "declaration": {
1271
+ "name": "Regular",
1272
+ "module": "stories/index.stories.ts"
1273
+ }
1274
+ },
1275
+ {
1276
+ "kind": "js",
1277
+ "name": "CustomTitle",
1278
+ "declaration": {
1279
+ "name": "CustomTitle",
1280
+ "module": "stories/index.stories.ts"
1281
+ }
1282
+ },
1283
+ {
1284
+ "kind": "js",
1285
+ "name": "CustomCounter",
1286
+ "declaration": {
1287
+ "name": "CustomCounter",
1288
+ "module": "stories/index.stories.ts"
1289
+ }
1290
+ },
1291
+ {
1292
+ "kind": "js",
1293
+ "name": "SlottedContent",
1294
+ "declaration": {
1295
+ "name": "SlottedContent",
1296
+ "module": "stories/index.stories.ts"
1297
+ }
1298
+ }
1299
+ ]
1300
+ },
1277
1301
  {
1278
1302
  "kind": "javascript-module",
1279
1303
  "path": "src/configure/column-builder.ts",
@@ -1706,183 +1730,198 @@
1706
1730
  },
1707
1731
  {
1708
1732
  "kind": "javascript-module",
1709
- "path": "src/data-grid/data-grid-body-style.ts",
1710
- "declarations": [
1711
- {
1712
- "kind": "variable",
1713
- "name": "dataGridBodyStyle",
1714
- "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`"
1715
- }
1716
- ],
1717
- "exports": [
1718
- {
1719
- "kind": "js",
1720
- "name": "dataGridBodyStyle",
1721
- "declaration": {
1722
- "name": "dataGridBodyStyle",
1723
- "module": "src/data-grid/data-grid-body-style.ts"
1724
- }
1725
- }
1726
- ]
1727
- },
1728
- {
1729
- "kind": "javascript-module",
1730
- "path": "src/data-grid/data-grid-body.ts",
1733
+ "path": "src/data-card/data-card-field.ts",
1731
1734
  "declarations": [
1732
1735
  {
1733
1736
  "kind": "class",
1734
1737
  "description": "",
1735
- "name": "DataGridBody",
1738
+ "name": "DataCardField",
1736
1739
  "members": [
1737
1740
  {
1738
1741
  "kind": "field",
1739
- "name": "debounce"
1742
+ "name": "align",
1743
+ "type": {
1744
+ "text": "string | undefined"
1745
+ },
1746
+ "attribute": "align"
1740
1747
  },
1741
1748
  {
1742
1749
  "kind": "field",
1743
- "name": "config",
1750
+ "name": "record",
1744
1751
  "type": {
1745
- "text": "GristConfig"
1752
+ "text": "GristRecord"
1746
1753
  },
1747
- "default": "ZERO_CONFIG",
1748
- "attribute": "config"
1754
+ "default": "ZERO_RECORD",
1755
+ "attribute": "record"
1749
1756
  },
1750
1757
  {
1751
1758
  "kind": "field",
1752
- "name": "columns",
1759
+ "name": "column",
1753
1760
  "type": {
1754
- "text": "ColumnConfig[]"
1761
+ "text": "ColumnConfig"
1755
1762
  },
1756
- "default": "[]",
1757
- "attribute": "columns"
1763
+ "default": "ZERO_COLUMN",
1764
+ "attribute": "column"
1758
1765
  },
1759
1766
  {
1760
1767
  "kind": "field",
1761
- "name": "data",
1768
+ "name": "rowIndex",
1762
1769
  "type": {
1763
- "text": "GristData"
1770
+ "text": "number"
1764
1771
  },
1765
- "default": "ZERO_DATA",
1766
- "attribute": "data"
1772
+ "default": "-1",
1773
+ "attribute": "rowIndex"
1767
1774
  },
1768
1775
  {
1769
1776
  "kind": "field",
1770
- "name": "focused",
1777
+ "name": "value",
1771
1778
  "type": {
1772
- "text": "{ row: number; column: number }"
1779
+ "text": "object | undefined"
1773
1780
  },
1774
- "default": "{\n row: 0,\n column: 0\n}",
1775
- "attribute": "focused"
1781
+ "attribute": "value"
1782
+ }
1783
+ ],
1784
+ "attributes": [
1785
+ {
1786
+ "name": "align",
1787
+ "type": {
1788
+ "text": "string | undefined"
1789
+ },
1790
+ "fieldName": "align"
1776
1791
  },
1777
1792
  {
1778
- "kind": "field",
1779
- "name": "editTarget",
1793
+ "name": "record",
1780
1794
  "type": {
1781
- "text": "{ row: number; column: number } | null"
1795
+ "text": "GristRecord"
1782
1796
  },
1783
- "default": "null",
1784
- "attribute": "editTarget"
1797
+ "default": "ZERO_RECORD",
1798
+ "resolveInitializer": {
1799
+ "module": "/src/configure/zero-config"
1800
+ },
1801
+ "fieldName": "record"
1785
1802
  },
1786
1803
  {
1787
- "kind": "field",
1788
- "name": "from",
1804
+ "name": "column",
1789
1805
  "type": {
1790
- "text": "number"
1806
+ "text": "ColumnConfig"
1791
1807
  },
1792
- "default": "-1",
1793
- "attribute": "from"
1808
+ "default": "ZERO_COLUMN",
1809
+ "resolveInitializer": {
1810
+ "module": "/src/configure/zero-config"
1811
+ },
1812
+ "fieldName": "column"
1794
1813
  },
1795
1814
  {
1796
- "kind": "field",
1797
- "name": "to",
1815
+ "name": "rowIndex",
1798
1816
  "type": {
1799
1817
  "text": "number"
1800
1818
  },
1801
1819
  "default": "-1",
1802
- "attribute": "to"
1820
+ "fieldName": "rowIndex"
1803
1821
  },
1804
1822
  {
1805
- "kind": "field",
1806
- "name": "_focusedListener",
1823
+ "name": "value",
1807
1824
  "type": {
1808
- "text": "(e: KeyboardEvent) => void | undefined"
1825
+ "text": "object | undefined"
1809
1826
  },
1810
- "privacy": "private"
1811
- },
1812
- {
1827
+ "fieldName": "value"
1828
+ }
1829
+ ],
1830
+ "superclass": {
1831
+ "name": "LitElement",
1832
+ "package": "lit"
1833
+ },
1834
+ "tagName": "ox-card-field",
1835
+ "customElement": true
1836
+ }
1837
+ ],
1838
+ "exports": [
1839
+ {
1840
+ "kind": "js",
1841
+ "name": "DataCardField",
1842
+ "declaration": {
1843
+ "name": "DataCardField",
1844
+ "module": "src/data-card/data-card-field.ts"
1845
+ }
1846
+ },
1847
+ {
1848
+ "kind": "custom-element-definition",
1849
+ "name": "ox-card-field",
1850
+ "declaration": {
1851
+ "name": "DataCardField",
1852
+ "module": "src/data-card/data-card-field.ts"
1853
+ }
1854
+ }
1855
+ ]
1856
+ },
1857
+ {
1858
+ "kind": "javascript-module",
1859
+ "path": "src/data-card/data-card-gutter-menu.ts",
1860
+ "declarations": [
1861
+ {
1862
+ "kind": "class",
1863
+ "description": "",
1864
+ "name": "DataCardGutterMenu",
1865
+ "members": [
1866
+ {
1813
1867
  "kind": "field",
1814
- "name": "_recordView",
1868
+ "name": "gutters",
1815
1869
  "type": {
1816
- "text": "any | undefined"
1870
+ "text": "ColumnConfig[]"
1817
1871
  },
1818
- "privacy": "private"
1872
+ "attribute": "gutters"
1819
1873
  },
1820
1874
  {
1821
1875
  "kind": "field",
1822
- "name": "_recordViewRow",
1876
+ "name": "rowIndex",
1823
1877
  "type": {
1824
- "text": "number | undefined"
1878
+ "text": "number"
1825
1879
  },
1826
- "privacy": "private"
1880
+ "attribute": "rowIndex"
1827
1881
  },
1828
1882
  {
1829
- "kind": "method",
1830
- "name": "resetEdit"
1883
+ "kind": "field",
1884
+ "name": "record",
1885
+ "type": {
1886
+ "text": "GristRecord"
1887
+ },
1888
+ "attribute": "record"
1831
1889
  },
1832
1890
  {
1833
- "kind": "method",
1834
- "name": "handleOnScroll",
1835
- "parameters": [
1836
- {
1837
- "name": "e",
1838
- "type": {
1839
- "text": "WheelEvent"
1840
- }
1841
- }
1842
- ]
1891
+ "kind": "field",
1892
+ "name": "clickHandler",
1893
+ "type": {
1894
+ "text": "EventListener"
1895
+ },
1896
+ "attribute": "clickHandler"
1843
1897
  },
1844
1898
  {
1845
- "kind": "method",
1846
- "name": "_onWheelEvent",
1847
- "parameters": [
1848
- {
1849
- "name": "e",
1850
- "type": {
1851
- "text": "WheelEvent"
1852
- }
1853
- }
1854
- ]
1899
+ "kind": "field",
1900
+ "name": "dblclickHandler",
1901
+ "type": {
1902
+ "text": "EventListener"
1903
+ },
1904
+ "attribute": "dblclickHandler"
1855
1905
  },
1856
1906
  {
1857
- "kind": "method",
1858
- "name": "startEditTarget",
1859
- "parameters": [
1860
- {
1861
- "name": "row",
1862
- "type": {
1863
- "text": "number"
1864
- }
1865
- },
1866
- {
1867
- "name": "column",
1868
- "type": {
1869
- "text": "number"
1870
- }
1871
- }
1872
- ]
1907
+ "kind": "field",
1908
+ "name": "icon",
1909
+ "type": {
1910
+ "text": "Element"
1911
+ }
1873
1912
  },
1874
1913
  {
1875
1914
  "kind": "method",
1876
- "name": "focus"
1915
+ "name": "menuRender"
1877
1916
  },
1878
1917
  {
1879
1918
  "kind": "method",
1880
- "name": "popupRecordView",
1919
+ "name": "open",
1881
1920
  "parameters": [
1882
1921
  {
1883
- "name": "{ record, row }",
1922
+ "name": "e",
1884
1923
  "type": {
1885
- "text": "{ row: number; record: GristRecord }"
1924
+ "text": "Event"
1886
1925
  }
1887
1926
  }
1888
1927
  ]
@@ -1890,115 +1929,76 @@
1890
1929
  ],
1891
1930
  "attributes": [
1892
1931
  {
1893
- "name": "config",
1894
- "type": {
1895
- "text": "GristConfig"
1896
- },
1897
- "default": "ZERO_CONFIG",
1898
- "resolveInitializer": {
1899
- "module": "/src/configure/zero-config"
1900
- },
1901
- "fieldName": "config"
1902
- },
1903
- {
1904
- "name": "columns",
1932
+ "name": "gutters",
1905
1933
  "type": {
1906
1934
  "text": "ColumnConfig[]"
1907
1935
  },
1908
- "default": "[]",
1909
- "fieldName": "columns"
1910
- },
1911
- {
1912
- "name": "data",
1913
- "type": {
1914
- "text": "GristData"
1915
- },
1916
- "default": "ZERO_DATA",
1917
- "resolveInitializer": {
1918
- "module": "/src/configure/zero-config"
1919
- },
1920
- "fieldName": "data"
1936
+ "fieldName": "gutters"
1921
1937
  },
1922
1938
  {
1923
- "name": "focused",
1939
+ "name": "rowIndex",
1924
1940
  "type": {
1925
- "text": "{ row: number; column: number }"
1926
- },
1927
- "default": "ZERO_FOCUS",
1928
- "resolveInitializer": {
1929
- "module": "src/data-grid/data-grid-body.ts"
1941
+ "text": "number"
1930
1942
  },
1931
- "fieldName": "focused"
1943
+ "fieldName": "rowIndex"
1932
1944
  },
1933
1945
  {
1934
- "name": "editTarget",
1946
+ "name": "record",
1935
1947
  "type": {
1936
- "text": "{ row: number; column: number } | null"
1948
+ "text": "GristRecord"
1937
1949
  },
1938
- "default": "null",
1939
- "fieldName": "editTarget"
1950
+ "fieldName": "record"
1940
1951
  },
1941
1952
  {
1942
- "name": "from",
1953
+ "name": "clickHandler",
1943
1954
  "type": {
1944
- "text": "number"
1955
+ "text": "EventListener"
1945
1956
  },
1946
- "default": "-1",
1947
- "fieldName": "from"
1957
+ "fieldName": "clickHandler"
1948
1958
  },
1949
1959
  {
1950
- "name": "to",
1960
+ "name": "dblclickHandler",
1951
1961
  "type": {
1952
- "text": "number"
1962
+ "text": "EventListener"
1953
1963
  },
1954
- "default": "-1",
1955
- "fieldName": "to"
1964
+ "fieldName": "dblclickHandler"
1956
1965
  }
1957
1966
  ],
1958
1967
  "superclass": {
1959
1968
  "name": "LitElement",
1960
1969
  "package": "lit"
1961
1970
  },
1962
- "tagName": "ox-grid-body",
1971
+ "tagName": "ox-card-gutter-menu",
1963
1972
  "customElement": true
1964
1973
  }
1965
1974
  ],
1966
1975
  "exports": [
1967
- {
1968
- "kind": "js",
1969
- "name": "DataGridBody",
1970
- "declaration": {
1971
- "name": "DataGridBody",
1972
- "module": "src/data-grid/data-grid-body.ts"
1973
- }
1974
- },
1975
1976
  {
1976
1977
  "kind": "custom-element-definition",
1977
- "name": "ox-grid-body",
1978
+ "name": "ox-card-gutter-menu",
1978
1979
  "declaration": {
1979
- "name": "DataGridBody",
1980
- "module": "src/data-grid/data-grid-body.ts"
1980
+ "name": "DataCardGutterMenu",
1981
+ "module": "src/data-card/data-card-gutter-menu.ts"
1981
1982
  }
1982
1983
  }
1983
1984
  ]
1984
1985
  },
1985
1986
  {
1986
1987
  "kind": "javascript-module",
1987
- "path": "src/data-grid/data-grid-field.ts",
1988
+ "path": "src/data-card/data-card-gutter.ts",
1988
1989
  "declarations": [
1989
1990
  {
1990
1991
  "kind": "class",
1991
1992
  "description": "",
1992
- "name": "DataGridField",
1993
+ "name": "DataCardGutter",
1993
1994
  "members": [
1994
1995
  {
1995
1996
  "kind": "field",
1996
1997
  "name": "align",
1997
- "default": "'left'",
1998
- "attribute": "align",
1999
1998
  "type": {
2000
- "text": "string"
2001
- }
1999
+ "text": "string | undefined"
2000
+ },
2001
+ "attribute": "align"
2002
2002
  },
2003
2003
  {
2004
2004
  "kind": "field",
@@ -2006,7 +2006,7 @@
2006
2006
  "type": {
2007
2007
  "text": "GristRecord"
2008
2008
  },
2009
- "default": "{}",
2009
+ "default": "ZERO_RECORD",
2010
2010
  "attribute": "record"
2011
2011
  },
2012
2012
  {
@@ -2024,182 +2024,166 @@
2024
2024
  "type": {
2025
2025
  "text": "number"
2026
2026
  },
2027
- "default": "0",
2027
+ "default": "-1",
2028
2028
  "attribute": "rowIndex"
2029
2029
  },
2030
2030
  {
2031
2031
  "kind": "field",
2032
- "name": "columnIndex",
2032
+ "name": "value",
2033
2033
  "type": {
2034
- "text": "number"
2034
+ "text": "object | undefined"
2035
2035
  },
2036
- "default": "0",
2037
- "attribute": "columnIndex"
2036
+ "attribute": "value"
2038
2037
  },
2039
2038
  {
2040
2039
  "kind": "field",
2041
- "name": "editing",
2040
+ "name": "isEditing"
2041
+ }
2042
+ ],
2043
+ "attributes": [
2044
+ {
2045
+ "name": "align",
2042
2046
  "type": {
2043
- "text": "boolean"
2047
+ "text": "string | undefined"
2044
2048
  },
2045
- "default": "false",
2046
- "attribute": "editing"
2049
+ "fieldName": "align"
2047
2050
  },
2048
2051
  {
2049
- "kind": "field",
2050
- "name": "value",
2052
+ "name": "record",
2051
2053
  "type": {
2052
- "text": "object"
2054
+ "text": "GristRecord"
2053
2055
  },
2054
- "default": "{}",
2055
- "attribute": "value"
2056
+ "default": "ZERO_RECORD",
2057
+ "resolveInitializer": {
2058
+ "module": "/src/configure/zero-config"
2059
+ },
2060
+ "fieldName": "record"
2056
2061
  },
2057
2062
  {
2058
- "kind": "field",
2059
- "name": "emphasized",
2063
+ "name": "column",
2060
2064
  "type": {
2061
- "text": "boolean"
2065
+ "text": "ColumnConfig"
2062
2066
  },
2063
- "default": "false",
2064
- "attribute": "emphasized"
2067
+ "default": "ZERO_COLUMN",
2068
+ "resolveInitializer": {
2069
+ "module": "/src/configure/zero-config"
2070
+ },
2071
+ "fieldName": "column"
2065
2072
  },
2066
2073
  {
2067
- "kind": "field",
2068
- "name": "_editCancelled",
2069
- "type": {
2070
- "text": "boolean | undefined"
2071
- },
2072
- "privacy": "private"
2073
- },
2074
- {
2075
- "kind": "field",
2076
- "name": "_onFieldChange",
2077
- "type": {
2078
- "text": "(e: Event) => void"
2079
- },
2080
- "privacy": "private",
2081
- "default": "e => {}"
2082
- },
2083
- {
2084
- "kind": "field",
2085
- "name": "_onKeydownInEditingMode",
2086
- "type": {
2087
- "text": "(e: KeyboardEvent) => void"
2088
- },
2089
- "privacy": "private",
2090
- "default": "e => {}"
2091
- },
2092
- {
2093
- "kind": "field",
2094
- "name": "isEditing",
2095
- "privacy": "private"
2096
- }
2097
- ],
2098
- "attributes": [
2099
- {
2100
- "name": "align",
2101
- "default": "DEFAULT_TEXT_ALIGN",
2102
- "resolveInitializer": {
2103
- "module": "src/data-grid/data-grid-field.ts"
2104
- },
2105
- "fieldName": "align"
2106
- },
2107
- {
2108
- "name": "record",
2109
- "type": {
2110
- "text": "GristRecord"
2111
- },
2112
- "default": "{}",
2113
- "fieldName": "record"
2114
- },
2115
- {
2116
- "name": "column",
2117
- "type": {
2118
- "text": "ColumnConfig"
2119
- },
2120
- "default": "ZERO_COLUMN",
2121
- "resolveInitializer": {
2122
- "module": "/src/configure/zero-config"
2123
- },
2124
- "fieldName": "column"
2125
- },
2126
- {
2127
- "name": "rowIndex",
2074
+ "name": "rowIndex",
2128
2075
  "type": {
2129
2076
  "text": "number"
2130
2077
  },
2131
- "default": "0",
2078
+ "default": "-1",
2132
2079
  "fieldName": "rowIndex"
2133
2080
  },
2134
- {
2135
- "name": "columnIndex",
2136
- "type": {
2137
- "text": "number"
2138
- },
2139
- "default": "0",
2140
- "fieldName": "columnIndex"
2141
- },
2142
- {
2143
- "name": "editing",
2144
- "type": {
2145
- "text": "boolean"
2146
- },
2147
- "default": "false",
2148
- "fieldName": "editing"
2149
- },
2150
2081
  {
2151
2082
  "name": "value",
2152
2083
  "type": {
2153
- "text": "object"
2084
+ "text": "object | undefined"
2154
2085
  },
2155
- "default": "{}",
2156
2086
  "fieldName": "value"
2157
- },
2158
- {
2159
- "name": "emphasized",
2160
- "type": {
2161
- "text": "boolean"
2162
- },
2163
- "default": "false",
2164
- "fieldName": "emphasized"
2165
2087
  }
2166
2088
  ],
2167
2089
  "superclass": {
2168
2090
  "name": "LitElement",
2169
2091
  "package": "lit"
2170
2092
  },
2171
- "tagName": "ox-grid-field",
2093
+ "tagName": "ox-card-gutter",
2172
2094
  "customElement": true
2173
2095
  }
2174
2096
  ],
2175
2097
  "exports": [
2176
2098
  {
2177
2099
  "kind": "js",
2178
- "name": "DataGridField",
2100
+ "name": "DataCardGutter",
2179
2101
  "declaration": {
2180
- "name": "DataGridField",
2181
- "module": "src/data-grid/data-grid-field.ts"
2102
+ "name": "DataCardGutter",
2103
+ "module": "src/data-card/data-card-gutter.ts"
2182
2104
  }
2183
2105
  },
2184
2106
  {
2185
2107
  "kind": "custom-element-definition",
2186
- "name": "ox-grid-field",
2108
+ "name": "ox-card-gutter",
2187
2109
  "declaration": {
2188
- "name": "DataGridField",
2189
- "module": "src/data-grid/data-grid-field.ts"
2110
+ "name": "DataCardGutter",
2111
+ "module": "src/data-card/data-card-gutter.ts"
2190
2112
  }
2191
2113
  }
2192
2114
  ]
2193
2115
  },
2194
2116
  {
2195
2117
  "kind": "javascript-module",
2196
- "path": "src/data-grid/data-grid-footer.ts",
2118
+ "path": "src/data-card/data-card.ts",
2197
2119
  "declarations": [
2198
2120
  {
2199
2121
  "kind": "class",
2200
2122
  "description": "",
2201
- "name": "DataGridFooter",
2123
+ "name": "DataCard",
2202
2124
  "members": [
2125
+ {
2126
+ "kind": "field",
2127
+ "name": "isTop",
2128
+ "type": {
2129
+ "text": "boolean"
2130
+ },
2131
+ "default": "false",
2132
+ "attribute": "isTop"
2133
+ },
2134
+ {
2135
+ "kind": "field",
2136
+ "name": "_records",
2137
+ "type": {
2138
+ "text": "GristRecord[]"
2139
+ },
2140
+ "privacy": "private",
2141
+ "default": "[]",
2142
+ "attribute": "_records"
2143
+ },
2144
+ {
2145
+ "kind": "field",
2146
+ "name": "_total",
2147
+ "type": {
2148
+ "text": "number"
2149
+ },
2150
+ "privacy": "private",
2151
+ "default": "0"
2152
+ },
2153
+ {
2154
+ "kind": "field",
2155
+ "name": "_limit",
2156
+ "type": {
2157
+ "text": "number"
2158
+ },
2159
+ "privacy": "private",
2160
+ "default": "20"
2161
+ },
2162
+ {
2163
+ "kind": "field",
2164
+ "name": "_page",
2165
+ "type": {
2166
+ "text": "number"
2167
+ },
2168
+ "privacy": "private",
2169
+ "default": "1"
2170
+ },
2171
+ {
2172
+ "kind": "method",
2173
+ "name": "gotoTop",
2174
+ "parameters": [
2175
+ {
2176
+ "name": "e",
2177
+ "type": {
2178
+ "text": "Event"
2179
+ }
2180
+ }
2181
+ ]
2182
+ },
2183
+ {
2184
+ "kind": "field",
2185
+ "name": "pullToRefreshTarget"
2186
+ },
2203
2187
  {
2204
2188
  "kind": "field",
2205
2189
  "name": "config",
@@ -2207,7 +2191,11 @@
2207
2191
  "text": "GristConfig"
2208
2192
  },
2209
2193
  "default": "ZERO_CONFIG",
2210
- "attribute": "config"
2194
+ "attribute": "config",
2195
+ "inheritedFrom": {
2196
+ "name": "DataManipulator",
2197
+ "module": "src/data-manipulator.ts"
2198
+ }
2211
2199
  },
2212
2200
  {
2213
2201
  "kind": "field",
@@ -2216,48 +2204,108 @@
2216
2204
  "text": "GristData"
2217
2205
  },
2218
2206
  "default": "ZERO_DATA",
2219
- "attribute": "data"
2207
+ "attribute": "data",
2208
+ "inheritedFrom": {
2209
+ "name": "DataManipulator",
2210
+ "module": "src/data-manipulator.ts"
2211
+ }
2220
2212
  },
2221
2213
  {
2222
2214
  "kind": "method",
2223
- "name": "_gotoPage",
2215
+ "name": "onFieldChange",
2224
2216
  "parameters": [
2225
2217
  {
2226
- "name": "page",
2218
+ "name": "{\n after,\n before,\n column,\n record,\n row\n }",
2227
2219
  "type": {
2228
- "text": "number"
2220
+ "text": "{\n after: any\n before: any\n column: ColumnConfig\n record: GristRecord\n row: number\n }"
2229
2221
  }
2230
2222
  }
2231
- ]
2223
+ ],
2224
+ "inheritedFrom": {
2225
+ "name": "DataManipulator",
2226
+ "module": "src/data-manipulator.ts"
2227
+ }
2232
2228
  },
2233
2229
  {
2234
2230
  "kind": "method",
2235
- "name": "_changeLimit",
2231
+ "name": "onSelectRecordChanged",
2236
2232
  "parameters": [
2237
2233
  {
2238
- "name": "limit",
2234
+ "name": "{\n selectedRecords,\n added = [],\n removed = []\n }",
2235
+ "type": {
2236
+ "text": "{\n selectedRecords: GristRecord[]\n added: GristRecord[]\n removed: GristRecord[]\n }"
2237
+ }
2238
+ }
2239
+ ],
2240
+ "inheritedFrom": {
2241
+ "name": "DataManipulator",
2242
+ "module": "src/data-manipulator.ts"
2243
+ }
2244
+ },
2245
+ {
2246
+ "kind": "method",
2247
+ "name": "onRecordChanged",
2248
+ "parameters": [
2249
+ {
2250
+ "name": "recordData",
2251
+ "type": {
2252
+ "text": "GristRecord"
2253
+ }
2254
+ },
2255
+ {
2256
+ "name": "row",
2239
2257
  "type": {
2240
2258
  "text": "number"
2241
2259
  }
2260
+ },
2261
+ {
2262
+ "name": "column",
2263
+ "type": {
2264
+ "text": "ColumnConfig | null"
2265
+ }
2242
2266
  }
2243
- ]
2267
+ ],
2268
+ "inheritedFrom": {
2269
+ "name": "DataManipulator",
2270
+ "module": "src/data-manipulator.ts"
2271
+ }
2244
2272
  }
2245
2273
  ],
2246
2274
  "events": [
2247
2275
  {
2248
- "name": "page-change",
2276
+ "name": "attach-page",
2249
2277
  "type": {
2250
2278
  "text": "CustomEvent"
2251
2279
  }
2252
2280
  },
2253
2281
  {
2254
- "name": "limit-change",
2282
+ "name": "record-change",
2255
2283
  "type": {
2256
2284
  "text": "CustomEvent"
2285
+ },
2286
+ "inheritedFrom": {
2287
+ "name": "DataManipulator",
2288
+ "module": "src/data-manipulator.ts"
2257
2289
  }
2258
2290
  }
2259
2291
  ],
2260
2292
  "attributes": [
2293
+ {
2294
+ "name": "isTop",
2295
+ "type": {
2296
+ "text": "boolean"
2297
+ },
2298
+ "default": "false",
2299
+ "fieldName": "isTop"
2300
+ },
2301
+ {
2302
+ "name": "_records",
2303
+ "type": {
2304
+ "text": "GristRecord[]"
2305
+ },
2306
+ "default": "[]",
2307
+ "fieldName": "_records"
2308
+ },
2261
2309
  {
2262
2310
  "name": "config",
2263
2311
  "type": {
@@ -2267,7 +2315,11 @@
2267
2315
  "resolveInitializer": {
2268
2316
  "module": "/src/configure/zero-config"
2269
2317
  },
2270
- "fieldName": "config"
2318
+ "fieldName": "config",
2319
+ "inheritedFrom": {
2320
+ "name": "DataManipulator",
2321
+ "module": "src/data-manipulator.ts"
2322
+ }
2271
2323
  },
2272
2324
  {
2273
2325
  "name": "data",
@@ -2278,44 +2330,48 @@
2278
2330
  "resolveInitializer": {
2279
2331
  "module": "/src/configure/zero-config"
2280
2332
  },
2281
- "fieldName": "data"
2333
+ "fieldName": "data",
2334
+ "inheritedFrom": {
2335
+ "name": "DataManipulator",
2336
+ "module": "src/data-manipulator.ts"
2337
+ }
2282
2338
  }
2283
2339
  ],
2284
2340
  "superclass": {
2285
- "name": "LitElement",
2286
- "package": "lit"
2341
+ "name": "DataManipulator",
2342
+ "module": "/src/data-manipulator"
2287
2343
  },
2288
- "tagName": "ox-grid-footer",
2344
+ "tagName": "ox-card",
2289
2345
  "customElement": true
2290
2346
  }
2291
2347
  ],
2292
2348
  "exports": [
2293
2349
  {
2294
2350
  "kind": "js",
2295
- "name": "DataGridFooter",
2351
+ "name": "DataCard",
2296
2352
  "declaration": {
2297
- "name": "DataGridFooter",
2298
- "module": "src/data-grid/data-grid-footer.ts"
2353
+ "name": "DataCard",
2354
+ "module": "src/data-card/data-card.ts"
2299
2355
  }
2300
2356
  },
2301
2357
  {
2302
2358
  "kind": "custom-element-definition",
2303
- "name": "ox-grid-footer",
2359
+ "name": "ox-card",
2304
2360
  "declaration": {
2305
- "name": "DataGridFooter",
2306
- "module": "src/data-grid/data-grid-footer.ts"
2361
+ "name": "DataCard",
2362
+ "module": "src/data-card/data-card.ts"
2307
2363
  }
2308
2364
  }
2309
2365
  ]
2310
2366
  },
2311
2367
  {
2312
2368
  "kind": "javascript-module",
2313
- "path": "src/data-grid/data-grid-header.ts",
2369
+ "path": "src/data-card/record-card.ts",
2314
2370
  "declarations": [
2315
2371
  {
2316
2372
  "kind": "class",
2317
2373
  "description": "",
2318
- "name": "DataGridHeader",
2374
+ "name": "RecordCard",
2319
2375
  "members": [
2320
2376
  {
2321
2377
  "kind": "field",
@@ -2326,15 +2382,6 @@
2326
2382
  "default": "ZERO_CONFIG",
2327
2383
  "attribute": "config"
2328
2384
  },
2329
- {
2330
- "kind": "field",
2331
- "name": "columns",
2332
- "type": {
2333
- "text": "ColumnConfig[]"
2334
- },
2335
- "default": "ZERO_COLUMNS",
2336
- "attribute": "columns"
2337
- },
2338
2385
  {
2339
2386
  "kind": "field",
2340
2387
  "name": "data",
@@ -2343,141 +2390,57 @@
2343
2390
  },
2344
2391
  "default": "ZERO_DATA",
2345
2392
  "attribute": "data"
2346
- },
2347
- {
2348
- "kind": "field",
2349
- "name": "_sorters",
2350
- "type": {
2351
- "text": "SortersConfig"
2352
- },
2353
- "privacy": "private",
2354
- "default": "[]"
2355
- },
2356
- {
2357
- "kind": "field",
2358
- "name": "_lastAccVal",
2359
- "type": {
2360
- "text": "number | undefined"
2361
- },
2362
- "privacy": "private"
2363
- },
2364
- {
2365
- "kind": "field",
2366
- "name": "_throttledNotifier",
2367
- "type": {
2368
- "text": "any | undefined"
2369
- },
2370
- "privacy": "private"
2371
- },
2372
- {
2373
- "kind": "method",
2374
- "name": "_renderHeader",
2375
- "parameters": [
2376
- {
2377
- "name": "column",
2378
- "type": {
2379
- "text": "ColumnConfig"
2380
- }
2381
- }
2382
- ]
2383
- },
2384
- {
2385
- "kind": "method",
2386
- "name": "_renderSortHeader",
2387
- "parameters": [
2388
- {
2389
- "name": "column",
2390
- "type": {
2391
- "text": "ColumnConfig"
2392
- }
2393
- }
2394
- ]
2395
- },
2396
- {
2397
- "kind": "method",
2398
- "name": "_renderFilterHeader",
2399
- "parameters": [
2400
- {
2401
- "name": "column",
2402
- "type": {
2403
- "text": "ColumnConfig"
2404
- }
2405
- }
2406
- ]
2407
- },
2408
- {
2409
- "kind": "method",
2410
- "name": "_changeSort",
2411
- "parameters": [
2412
- {
2413
- "name": "column",
2414
- "type": {
2415
- "text": "ColumnConfig"
2416
- }
2417
- }
2418
- ]
2419
- },
2420
- {
2421
- "kind": "method",
2422
- "name": "_accumalate",
2423
- "parameters": [
2424
- {
2425
- "name": "x",
2426
- "type": {
2427
- "text": "number"
2428
- }
2429
- }
2430
- ]
2431
- },
2432
- {
2433
- "kind": "method",
2434
- "name": "_notifyWidthChange",
2435
- "parameters": [
2436
- {
2437
- "name": "idx",
2438
- "type": {
2439
- "text": "number"
2440
- }
2441
- },
2442
- {
2443
- "name": "width",
2444
- "type": {
2445
- "text": "number"
2446
- }
2447
- }
2448
- ]
2449
- },
2450
- {
2451
- "kind": "method",
2452
- "name": "_mousedown",
2453
- "parameters": [
2454
- {
2455
- "name": "e",
2456
- "type": {
2457
- "text": "MouseEvent"
2458
- }
2459
- },
2460
- {
2461
- "name": "idx",
2462
- "type": {
2463
- "text": "number"
2464
- }
2465
- }
2466
- ]
2467
- }
2468
- ],
2469
- "events": [
2393
+ },
2470
2394
  {
2471
- "name": "sorters-change",
2395
+ "kind": "field",
2396
+ "name": "record",
2472
2397
  "type": {
2473
- "text": "CustomEvent"
2474
- }
2398
+ "text": "GristRecord"
2399
+ },
2400
+ "default": "ZERO_RECORD",
2401
+ "attribute": "record"
2475
2402
  },
2476
2403
  {
2477
- "name": "column-width-change",
2404
+ "kind": "field",
2405
+ "name": "rowIndex",
2478
2406
  "type": {
2479
- "text": "CustomEvent"
2480
- }
2407
+ "text": "number"
2408
+ },
2409
+ "default": "-1",
2410
+ "attribute": "rowIndex"
2411
+ },
2412
+ {
2413
+ "kind": "field",
2414
+ "name": "selectedRow",
2415
+ "type": {
2416
+ "text": "boolean"
2417
+ },
2418
+ "default": "false",
2419
+ "attribute": "selected-row"
2420
+ },
2421
+ {
2422
+ "kind": "field",
2423
+ "name": "_recordView",
2424
+ "type": {
2425
+ "text": "any"
2426
+ },
2427
+ "privacy": "private"
2428
+ },
2429
+ {
2430
+ "kind": "field",
2431
+ "name": "clickHandler",
2432
+ "privacy": "private",
2433
+ "default": "recordCardClickHandler.bind(this)"
2434
+ },
2435
+ {
2436
+ "kind": "field",
2437
+ "name": "dblclickHandler",
2438
+ "privacy": "private",
2439
+ "default": "recordCardDblClickHandler.bind(this)"
2440
+ },
2441
+ {
2442
+ "kind": "method",
2443
+ "name": "popupRecordView"
2481
2444
  }
2482
2445
  ],
2483
2446
  "attributes": [
@@ -2493,170 +2456,234 @@
2493
2456
  "fieldName": "config"
2494
2457
  },
2495
2458
  {
2496
- "name": "columns",
2459
+ "name": "data",
2497
2460
  "type": {
2498
- "text": "ColumnConfig[]"
2461
+ "text": "GristData"
2499
2462
  },
2500
- "default": "ZERO_COLUMNS",
2463
+ "default": "ZERO_DATA",
2501
2464
  "resolveInitializer": {
2502
2465
  "module": "/src/configure/zero-config"
2503
2466
  },
2504
- "fieldName": "columns"
2467
+ "fieldName": "data"
2505
2468
  },
2506
2469
  {
2507
- "name": "data",
2470
+ "name": "record",
2508
2471
  "type": {
2509
- "text": "GristData"
2472
+ "text": "GristRecord"
2510
2473
  },
2511
- "default": "ZERO_DATA",
2474
+ "default": "ZERO_RECORD",
2512
2475
  "resolveInitializer": {
2513
2476
  "module": "/src/configure/zero-config"
2514
2477
  },
2515
- "fieldName": "data"
2478
+ "fieldName": "record"
2479
+ },
2480
+ {
2481
+ "name": "rowIndex",
2482
+ "type": {
2483
+ "text": "number"
2484
+ },
2485
+ "default": "-1",
2486
+ "fieldName": "rowIndex"
2487
+ },
2488
+ {
2489
+ "name": "selected-row",
2490
+ "type": {
2491
+ "text": "boolean"
2492
+ },
2493
+ "default": "false",
2494
+ "fieldName": "selectedRow"
2516
2495
  }
2517
2496
  ],
2518
2497
  "superclass": {
2519
2498
  "name": "LitElement",
2520
2499
  "package": "lit"
2521
2500
  },
2522
- "tagName": "ox-grid-header",
2501
+ "tagName": "ox-record-card",
2523
2502
  "customElement": true
2524
2503
  }
2525
2504
  ],
2526
2505
  "exports": [
2527
2506
  {
2528
2507
  "kind": "js",
2529
- "name": "DataGridHeader",
2508
+ "name": "RecordCard",
2530
2509
  "declaration": {
2531
- "name": "DataGridHeader",
2532
- "module": "src/data-grid/data-grid-header.ts"
2510
+ "name": "RecordCard",
2511
+ "module": "src/data-card/record-card.ts"
2533
2512
  }
2534
2513
  },
2535
2514
  {
2536
2515
  "kind": "custom-element-definition",
2537
- "name": "ox-grid-header",
2516
+ "name": "ox-record-card",
2538
2517
  "declaration": {
2539
- "name": "DataGridHeader",
2540
- "module": "src/data-grid/data-grid-header.ts"
2518
+ "name": "RecordCard",
2519
+ "module": "src/data-card/record-card.ts"
2541
2520
  }
2542
2521
  }
2543
2522
  ]
2544
2523
  },
2545
2524
  {
2546
2525
  "kind": "javascript-module",
2547
- "path": "src/data-grid/data-grid.ts",
2526
+ "path": "src/data-grid/data-grid-body-style.ts",
2527
+ "declarations": [
2528
+ {
2529
+ "kind": "variable",
2530
+ "name": "dataGridBodyStyle",
2531
+ "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`"
2532
+ }
2533
+ ],
2534
+ "exports": [
2535
+ {
2536
+ "kind": "js",
2537
+ "name": "dataGridBodyStyle",
2538
+ "declaration": {
2539
+ "name": "dataGridBodyStyle",
2540
+ "module": "src/data-grid/data-grid-body-style.ts"
2541
+ }
2542
+ }
2543
+ ]
2544
+ },
2545
+ {
2546
+ "kind": "javascript-module",
2547
+ "path": "src/data-grid/data-grid-body.ts",
2548
2548
  "declarations": [
2549
2549
  {
2550
2550
  "kind": "class",
2551
- "description": "DataGrid",
2552
- "name": "DataGrid",
2551
+ "description": "",
2552
+ "name": "DataGridBody",
2553
2553
  "members": [
2554
+ {
2555
+ "kind": "field",
2556
+ "name": "debounce"
2557
+ },
2558
+ {
2559
+ "kind": "field",
2560
+ "name": "config",
2561
+ "type": {
2562
+ "text": "GristConfig"
2563
+ },
2564
+ "default": "ZERO_CONFIG",
2565
+ "attribute": "config"
2566
+ },
2567
+ {
2568
+ "kind": "field",
2569
+ "name": "columns",
2570
+ "type": {
2571
+ "text": "ColumnConfig[]"
2572
+ },
2573
+ "default": "[]",
2574
+ "attribute": "columns"
2575
+ },
2576
+ {
2577
+ "kind": "field",
2578
+ "name": "data",
2579
+ "type": {
2580
+ "text": "GristData"
2581
+ },
2582
+ "default": "ZERO_DATA",
2583
+ "attribute": "data"
2584
+ },
2554
2585
  {
2555
2586
  "kind": "field",
2556
2587
  "name": "focused",
2557
2588
  "type": {
2558
- "text": "{ row: number; column: number } | undefined"
2589
+ "text": "{ row: number; column: number }"
2559
2590
  },
2591
+ "default": "{\n row: 0,\n column: 0\n}",
2560
2592
  "attribute": "focused"
2561
2593
  },
2562
2594
  {
2563
2595
  "kind": "field",
2564
- "name": "body",
2596
+ "name": "editTarget",
2565
2597
  "type": {
2566
- "text": "LitElement"
2567
- }
2598
+ "text": "{ row: number; column: number } | null"
2599
+ },
2600
+ "default": "null",
2601
+ "attribute": "editTarget"
2568
2602
  },
2569
2603
  {
2570
2604
  "kind": "field",
2571
- "name": "header",
2605
+ "name": "from",
2572
2606
  "type": {
2573
- "text": "DataGridHeader"
2574
- }
2607
+ "text": "number"
2608
+ },
2609
+ "default": "-1",
2610
+ "attribute": "from"
2575
2611
  },
2576
2612
  {
2577
2613
  "kind": "field",
2578
- "name": "footer",
2614
+ "name": "to",
2579
2615
  "type": {
2580
- "text": "LitElement"
2581
- }
2616
+ "text": "number"
2617
+ },
2618
+ "default": "-1",
2619
+ "attribute": "to"
2582
2620
  },
2583
2621
  {
2584
2622
  "kind": "field",
2585
- "name": "_widths",
2623
+ "name": "_focusedListener",
2586
2624
  "type": {
2587
- "text": "string | undefined"
2625
+ "text": "(e: KeyboardEvent) => void | undefined"
2626
+ },
2627
+ "privacy": "private"
2628
+ },
2629
+ {
2630
+ "kind": "field",
2631
+ "name": "_recordView",
2632
+ "type": {
2633
+ "text": "any | undefined"
2634
+ },
2635
+ "privacy": "private"
2636
+ },
2637
+ {
2638
+ "kind": "field",
2639
+ "name": "_recordViewRow",
2640
+ "type": {
2641
+ "text": "number | undefined"
2588
2642
  },
2589
2643
  "privacy": "private"
2590
2644
  },
2591
2645
  {
2592
2646
  "kind": "method",
2593
- "name": "onWheelEvent",
2594
- "parameters": [
2595
- {
2596
- "name": "e",
2597
- "type": {
2598
- "text": "WheelEvent"
2599
- }
2600
- }
2601
- ]
2647
+ "name": "resetEdit"
2602
2648
  },
2603
2649
  {
2604
2650
  "kind": "method",
2605
- "name": "onSelectRecordChanged",
2651
+ "name": "handleOnScroll",
2606
2652
  "parameters": [
2607
2653
  {
2608
- "name": "{\n selectedRecords,\n added,\n removed\n }",
2654
+ "name": "e",
2609
2655
  "type": {
2610
- "text": "{\n selectedRecords: GristRecord[]\n added: GristRecord[]\n removed: GristRecord[]\n }"
2656
+ "text": "WheelEvent"
2611
2657
  }
2612
2658
  }
2613
- ],
2614
- "return": {
2615
- "type": {
2616
- "text": "void"
2617
- }
2618
- },
2619
- "inheritedFrom": {
2620
- "name": "DataManipulator",
2621
- "module": "src/data-manipulator.ts"
2622
- }
2659
+ ]
2623
2660
  },
2624
2661
  {
2625
2662
  "kind": "method",
2626
- "name": "onRecordChanged",
2663
+ "name": "_onWheelEvent",
2627
2664
  "parameters": [
2628
2665
  {
2629
- "name": "recordData",
2630
- "type": {
2631
- "text": "GristRecord"
2632
- }
2633
- },
2634
- {
2635
- "name": "row",
2636
- "type": {
2637
- "text": "number"
2638
- }
2639
- },
2640
- {
2641
- "name": "column",
2666
+ "name": "e",
2642
2667
  "type": {
2643
- "text": "ColumnConfig | null"
2668
+ "text": "WheelEvent"
2644
2669
  }
2645
2670
  }
2646
- ],
2647
- "inheritedFrom": {
2648
- "name": "DataManipulator",
2649
- "module": "src/data-manipulator.ts"
2650
- }
2671
+ ]
2651
2672
  },
2652
2673
  {
2653
2674
  "kind": "method",
2654
- "name": "calculateWidths",
2675
+ "name": "startEditTarget",
2655
2676
  "parameters": [
2656
2677
  {
2657
- "name": "columns",
2678
+ "name": "row",
2658
2679
  "type": {
2659
- "text": "ColumnConfig[]"
2680
+ "text": "number"
2681
+ }
2682
+ },
2683
+ {
2684
+ "name": "column",
2685
+ "type": {
2686
+ "text": "number"
2660
2687
  }
2661
2688
  }
2662
2689
  ]
@@ -2665,61 +2692,20 @@
2665
2692
  "kind": "method",
2666
2693
  "name": "focus"
2667
2694
  },
2668
- {
2669
- "kind": "field",
2670
- "name": "pullToRefreshTarget"
2671
- },
2672
- {
2673
- "kind": "field",
2674
- "name": "config",
2675
- "type": {
2676
- "text": "GristConfig"
2677
- },
2678
- "default": "ZERO_CONFIG",
2679
- "attribute": "config",
2680
- "inheritedFrom": {
2681
- "name": "DataManipulator",
2682
- "module": "src/data-manipulator.ts"
2683
- }
2684
- },
2685
- {
2686
- "kind": "field",
2687
- "name": "data",
2688
- "type": {
2689
- "text": "GristData"
2690
- },
2691
- "default": "ZERO_DATA",
2692
- "attribute": "data",
2693
- "inheritedFrom": {
2694
- "name": "DataManipulator",
2695
- "module": "src/data-manipulator.ts"
2696
- }
2697
- },
2698
2695
  {
2699
2696
  "kind": "method",
2700
- "name": "onFieldChange",
2697
+ "name": "popupRecordView",
2701
2698
  "parameters": [
2702
2699
  {
2703
- "name": "{\n after,\n before,\n column,\n record,\n row\n }",
2700
+ "name": "{ record, row }",
2704
2701
  "type": {
2705
- "text": "{\n after: any\n before: any\n column: ColumnConfig\n record: GristRecord\n row: number\n }"
2702
+ "text": "{ row: number; record: GristRecord }"
2706
2703
  }
2707
2704
  }
2708
- ],
2709
- "inheritedFrom": {
2710
- "name": "DataManipulator",
2711
- "module": "src/data-manipulator.ts"
2712
- }
2705
+ ]
2713
2706
  }
2714
2707
  ],
2715
2708
  "attributes": [
2716
- {
2717
- "name": "focused",
2718
- "type": {
2719
- "text": "{ row: number; column: number } | undefined"
2720
- },
2721
- "fieldName": "focused"
2722
- },
2723
2709
  {
2724
2710
  "name": "config",
2725
2711
  "type": {
@@ -2729,11 +2715,15 @@
2729
2715
  "resolveInitializer": {
2730
2716
  "module": "/src/configure/zero-config"
2731
2717
  },
2732
- "fieldName": "config",
2733
- "inheritedFrom": {
2734
- "name": "DataManipulator",
2735
- "module": "src/data-manipulator.ts"
2736
- }
2718
+ "fieldName": "config"
2719
+ },
2720
+ {
2721
+ "name": "columns",
2722
+ "type": {
2723
+ "text": "ColumnConfig[]"
2724
+ },
2725
+ "default": "[]",
2726
+ "fieldName": "columns"
2737
2727
  },
2738
2728
  {
2739
2729
  "name": "data",
@@ -2744,68 +2734,88 @@
2744
2734
  "resolveInitializer": {
2745
2735
  "module": "/src/configure/zero-config"
2746
2736
  },
2747
- "fieldName": "data",
2748
- "inheritedFrom": {
2749
- "name": "DataManipulator",
2750
- "module": "src/data-manipulator.ts"
2751
- }
2752
- }
2753
- ],
2754
- "superclass": {
2755
- "name": "DataManipulator",
2756
- "module": "/src/data-manipulator"
2757
- },
2758
- "tagName": "ox-grid",
2759
- "customElement": true,
2760
- "events": [
2737
+ "fieldName": "data"
2738
+ },
2761
2739
  {
2762
- "name": "record-change",
2740
+ "name": "focused",
2763
2741
  "type": {
2764
- "text": "CustomEvent"
2742
+ "text": "{ row: number; column: number }"
2765
2743
  },
2766
- "inheritedFrom": {
2767
- "name": "DataManipulator",
2768
- "module": "src/data-manipulator.ts"
2769
- }
2744
+ "default": "ZERO_FOCUS",
2745
+ "resolveInitializer": {
2746
+ "module": "src/data-grid/data-grid-body.ts"
2747
+ },
2748
+ "fieldName": "focused"
2749
+ },
2750
+ {
2751
+ "name": "editTarget",
2752
+ "type": {
2753
+ "text": "{ row: number; column: number } | null"
2754
+ },
2755
+ "default": "null",
2756
+ "fieldName": "editTarget"
2757
+ },
2758
+ {
2759
+ "name": "from",
2760
+ "type": {
2761
+ "text": "number"
2762
+ },
2763
+ "default": "-1",
2764
+ "fieldName": "from"
2765
+ },
2766
+ {
2767
+ "name": "to",
2768
+ "type": {
2769
+ "text": "number"
2770
+ },
2771
+ "default": "-1",
2772
+ "fieldName": "to"
2770
2773
  }
2771
- ]
2774
+ ],
2775
+ "superclass": {
2776
+ "name": "LitElement",
2777
+ "package": "lit"
2778
+ },
2779
+ "tagName": "ox-grid-body",
2780
+ "customElement": true
2772
2781
  }
2773
2782
  ],
2774
2783
  "exports": [
2775
2784
  {
2776
2785
  "kind": "js",
2777
- "name": "DataGrid",
2786
+ "name": "DataGridBody",
2778
2787
  "declaration": {
2779
- "name": "DataGrid",
2780
- "module": "src/data-grid/data-grid.ts"
2788
+ "name": "DataGridBody",
2789
+ "module": "src/data-grid/data-grid-body.ts"
2781
2790
  }
2782
2791
  },
2783
2792
  {
2784
2793
  "kind": "custom-element-definition",
2785
- "name": "ox-grid",
2794
+ "name": "ox-grid-body",
2786
2795
  "declaration": {
2787
- "name": "DataGrid",
2788
- "module": "src/data-grid/data-grid.ts"
2796
+ "name": "DataGridBody",
2797
+ "module": "src/data-grid/data-grid-body.ts"
2789
2798
  }
2790
2799
  }
2791
2800
  ]
2792
2801
  },
2793
2802
  {
2794
2803
  "kind": "javascript-module",
2795
- "path": "src/data-list/data-list-field.ts",
2804
+ "path": "src/data-grid/data-grid-field.ts",
2796
2805
  "declarations": [
2797
2806
  {
2798
2807
  "kind": "class",
2799
2808
  "description": "",
2800
- "name": "DataListField",
2809
+ "name": "DataGridField",
2801
2810
  "members": [
2802
2811
  {
2803
2812
  "kind": "field",
2804
2813
  "name": "align",
2814
+ "default": "'left'",
2815
+ "attribute": "align",
2805
2816
  "type": {
2806
- "text": "string | undefined"
2807
- },
2808
- "attribute": "align"
2817
+ "text": "string"
2818
+ }
2809
2819
  },
2810
2820
  {
2811
2821
  "kind": "field",
@@ -2813,7 +2823,7 @@
2813
2823
  "type": {
2814
2824
  "text": "GristRecord"
2815
2825
  },
2816
- "default": "ZERO_RECORD",
2826
+ "default": "{}",
2817
2827
  "attribute": "record"
2818
2828
  },
2819
2829
  {
@@ -2831,23 +2841,83 @@
2831
2841
  "type": {
2832
2842
  "text": "number"
2833
2843
  },
2834
- "default": "-1",
2844
+ "default": "0",
2835
2845
  "attribute": "rowIndex"
2836
2846
  },
2847
+ {
2848
+ "kind": "field",
2849
+ "name": "columnIndex",
2850
+ "type": {
2851
+ "text": "number"
2852
+ },
2853
+ "default": "0",
2854
+ "attribute": "columnIndex"
2855
+ },
2856
+ {
2857
+ "kind": "field",
2858
+ "name": "editing",
2859
+ "type": {
2860
+ "text": "boolean"
2861
+ },
2862
+ "default": "false",
2863
+ "attribute": "editing"
2864
+ },
2837
2865
  {
2838
2866
  "kind": "field",
2839
2867
  "name": "value",
2840
2868
  "type": {
2841
- "text": "object | undefined"
2869
+ "text": "object"
2842
2870
  },
2871
+ "default": "{}",
2843
2872
  "attribute": "value"
2873
+ },
2874
+ {
2875
+ "kind": "field",
2876
+ "name": "emphasized",
2877
+ "type": {
2878
+ "text": "boolean"
2879
+ },
2880
+ "default": "false",
2881
+ "attribute": "emphasized"
2882
+ },
2883
+ {
2884
+ "kind": "field",
2885
+ "name": "_editCancelled",
2886
+ "type": {
2887
+ "text": "boolean | undefined"
2888
+ },
2889
+ "privacy": "private"
2890
+ },
2891
+ {
2892
+ "kind": "field",
2893
+ "name": "_onFieldChange",
2894
+ "type": {
2895
+ "text": "(e: Event) => void"
2896
+ },
2897
+ "privacy": "private",
2898
+ "default": "e => {}"
2899
+ },
2900
+ {
2901
+ "kind": "field",
2902
+ "name": "_onKeydownInEditingMode",
2903
+ "type": {
2904
+ "text": "(e: KeyboardEvent) => void"
2905
+ },
2906
+ "privacy": "private",
2907
+ "default": "e => {}"
2908
+ },
2909
+ {
2910
+ "kind": "field",
2911
+ "name": "isEditing",
2912
+ "privacy": "private"
2844
2913
  }
2845
2914
  ],
2846
2915
  "attributes": [
2847
2916
  {
2848
2917
  "name": "align",
2849
- "type": {
2850
- "text": "string | undefined"
2918
+ "default": "DEFAULT_TEXT_ALIGN",
2919
+ "resolveInitializer": {
2920
+ "module": "src/data-grid/data-grid-field.ts"
2851
2921
  },
2852
2922
  "fieldName": "align"
2853
2923
  },
@@ -2856,10 +2926,7 @@
2856
2926
  "type": {
2857
2927
  "text": "GristRecord"
2858
2928
  },
2859
- "default": "ZERO_RECORD",
2860
- "resolveInitializer": {
2861
- "module": "/src/configure/zero-config"
2862
- },
2929
+ "default": "{}",
2863
2930
  "fieldName": "record"
2864
2931
  },
2865
2932
  {
@@ -2874,385 +2941,384 @@
2874
2941
  "fieldName": "column"
2875
2942
  },
2876
2943
  {
2877
- "name": "rowIndex",
2944
+ "name": "rowIndex",
2945
+ "type": {
2946
+ "text": "number"
2947
+ },
2948
+ "default": "0",
2949
+ "fieldName": "rowIndex"
2950
+ },
2951
+ {
2952
+ "name": "columnIndex",
2953
+ "type": {
2954
+ "text": "number"
2955
+ },
2956
+ "default": "0",
2957
+ "fieldName": "columnIndex"
2958
+ },
2959
+ {
2960
+ "name": "editing",
2961
+ "type": {
2962
+ "text": "boolean"
2963
+ },
2964
+ "default": "false",
2965
+ "fieldName": "editing"
2966
+ },
2967
+ {
2968
+ "name": "value",
2878
2969
  "type": {
2879
- "text": "number"
2970
+ "text": "object"
2880
2971
  },
2881
- "default": "-1",
2882
- "fieldName": "rowIndex"
2972
+ "default": "{}",
2973
+ "fieldName": "value"
2883
2974
  },
2884
2975
  {
2885
- "name": "value",
2976
+ "name": "emphasized",
2886
2977
  "type": {
2887
- "text": "object | undefined"
2978
+ "text": "boolean"
2888
2979
  },
2889
- "fieldName": "value"
2980
+ "default": "false",
2981
+ "fieldName": "emphasized"
2890
2982
  }
2891
2983
  ],
2892
2984
  "superclass": {
2893
2985
  "name": "LitElement",
2894
2986
  "package": "lit"
2895
2987
  },
2896
- "tagName": "ox-list-field",
2988
+ "tagName": "ox-grid-field",
2897
2989
  "customElement": true
2898
2990
  }
2899
2991
  ],
2900
2992
  "exports": [
2901
2993
  {
2902
2994
  "kind": "js",
2903
- "name": "DataListField",
2995
+ "name": "DataGridField",
2904
2996
  "declaration": {
2905
- "name": "DataListField",
2906
- "module": "src/data-list/data-list-field.ts"
2997
+ "name": "DataGridField",
2998
+ "module": "src/data-grid/data-grid-field.ts"
2907
2999
  }
2908
3000
  },
2909
3001
  {
2910
3002
  "kind": "custom-element-definition",
2911
- "name": "ox-list-field",
3003
+ "name": "ox-grid-field",
2912
3004
  "declaration": {
2913
- "name": "DataListField",
2914
- "module": "src/data-list/data-list-field.ts"
3005
+ "name": "DataGridField",
3006
+ "module": "src/data-grid/data-grid-field.ts"
2915
3007
  }
2916
3008
  }
2917
3009
  ]
2918
3010
  },
2919
3011
  {
2920
3012
  "kind": "javascript-module",
2921
- "path": "src/data-list/data-list-gutter.ts",
3013
+ "path": "src/data-grid/data-grid-footer.ts",
2922
3014
  "declarations": [
2923
3015
  {
2924
3016
  "kind": "class",
2925
3017
  "description": "",
2926
- "name": "DataListGutter",
3018
+ "name": "DataGridFooter",
2927
3019
  "members": [
2928
3020
  {
2929
3021
  "kind": "field",
2930
- "name": "align",
3022
+ "name": "config",
2931
3023
  "type": {
2932
- "text": "string | undefined"
3024
+ "text": "GristConfig"
2933
3025
  },
2934
- "attribute": "align"
3026
+ "default": "ZERO_CONFIG",
3027
+ "attribute": "config"
2935
3028
  },
2936
3029
  {
2937
3030
  "kind": "field",
2938
- "name": "record",
3031
+ "name": "data",
2939
3032
  "type": {
2940
- "text": "GristRecord"
3033
+ "text": "GristData"
2941
3034
  },
2942
- "default": "ZERO_RECORD",
2943
- "attribute": "record"
3035
+ "default": "ZERO_DATA",
3036
+ "attribute": "data"
2944
3037
  },
2945
3038
  {
2946
- "kind": "field",
2947
- "name": "column",
2948
- "type": {
2949
- "text": "ColumnConfig"
2950
- },
2951
- "default": "ZERO_COLUMN",
2952
- "attribute": "column"
3039
+ "kind": "method",
3040
+ "name": "_gotoPage",
3041
+ "parameters": [
3042
+ {
3043
+ "name": "page",
3044
+ "type": {
3045
+ "text": "number"
3046
+ }
3047
+ }
3048
+ ]
2953
3049
  },
2954
3050
  {
2955
- "kind": "field",
2956
- "name": "rowIndex",
2957
- "type": {
2958
- "text": "number"
2959
- },
2960
- "default": "-1",
2961
- "attribute": "rowIndex"
2962
- },
3051
+ "kind": "method",
3052
+ "name": "_changeLimit",
3053
+ "parameters": [
3054
+ {
3055
+ "name": "limit",
3056
+ "type": {
3057
+ "text": "number"
3058
+ }
3059
+ }
3060
+ ]
3061
+ }
3062
+ ],
3063
+ "events": [
2963
3064
  {
2964
- "kind": "field",
2965
- "name": "value",
3065
+ "name": "page-change",
2966
3066
  "type": {
2967
- "text": "object | undefined"
2968
- },
2969
- "attribute": "value"
3067
+ "text": "CustomEvent"
3068
+ }
2970
3069
  },
2971
3070
  {
2972
- "kind": "field",
2973
- "name": "isEditing"
3071
+ "name": "limit-change",
3072
+ "type": {
3073
+ "text": "CustomEvent"
3074
+ }
2974
3075
  }
2975
3076
  ],
2976
3077
  "attributes": [
2977
3078
  {
2978
- "name": "align",
2979
- "type": {
2980
- "text": "string | undefined"
2981
- },
2982
- "fieldName": "align"
2983
- },
2984
- {
2985
- "name": "record",
3079
+ "name": "config",
2986
3080
  "type": {
2987
- "text": "GristRecord"
3081
+ "text": "GristConfig"
2988
3082
  },
2989
- "default": "ZERO_RECORD",
3083
+ "default": "ZERO_CONFIG",
2990
3084
  "resolveInitializer": {
2991
3085
  "module": "/src/configure/zero-config"
2992
3086
  },
2993
- "fieldName": "record"
3087
+ "fieldName": "config"
2994
3088
  },
2995
3089
  {
2996
- "name": "column",
3090
+ "name": "data",
2997
3091
  "type": {
2998
- "text": "ColumnConfig"
3092
+ "text": "GristData"
2999
3093
  },
3000
- "default": "ZERO_COLUMN",
3094
+ "default": "ZERO_DATA",
3001
3095
  "resolveInitializer": {
3002
3096
  "module": "/src/configure/zero-config"
3003
3097
  },
3004
- "fieldName": "column"
3005
- },
3006
- {
3007
- "name": "rowIndex",
3008
- "type": {
3009
- "text": "number"
3010
- },
3011
- "default": "-1",
3012
- "fieldName": "rowIndex"
3013
- },
3014
- {
3015
- "name": "value",
3016
- "type": {
3017
- "text": "object | undefined"
3018
- },
3019
- "fieldName": "value"
3098
+ "fieldName": "data"
3020
3099
  }
3021
3100
  ],
3022
3101
  "superclass": {
3023
3102
  "name": "LitElement",
3024
3103
  "package": "lit"
3025
3104
  },
3026
- "tagName": "ox-list-gutter",
3105
+ "tagName": "ox-grid-footer",
3027
3106
  "customElement": true
3028
3107
  }
3029
3108
  ],
3030
3109
  "exports": [
3031
3110
  {
3032
3111
  "kind": "js",
3033
- "name": "DataListGutter",
3112
+ "name": "DataGridFooter",
3034
3113
  "declaration": {
3035
- "name": "DataListGutter",
3036
- "module": "src/data-list/data-list-gutter.ts"
3114
+ "name": "DataGridFooter",
3115
+ "module": "src/data-grid/data-grid-footer.ts"
3037
3116
  }
3038
3117
  },
3039
3118
  {
3040
3119
  "kind": "custom-element-definition",
3041
- "name": "ox-list-gutter",
3120
+ "name": "ox-grid-footer",
3042
3121
  "declaration": {
3043
- "name": "DataListGutter",
3044
- "module": "src/data-list/data-list-gutter.ts"
3122
+ "name": "DataGridFooter",
3123
+ "module": "src/data-grid/data-grid-footer.ts"
3045
3124
  }
3046
3125
  }
3047
3126
  ]
3048
3127
  },
3049
3128
  {
3050
3129
  "kind": "javascript-module",
3051
- "path": "src/data-list/data-list.ts",
3130
+ "path": "src/data-grid/data-grid-header.ts",
3052
3131
  "declarations": [
3053
3132
  {
3054
3133
  "kind": "class",
3055
3134
  "description": "",
3056
- "name": "DataList",
3135
+ "name": "DataGridHeader",
3057
3136
  "members": [
3058
3137
  {
3059
3138
  "kind": "field",
3060
- "name": "isTop",
3139
+ "name": "config",
3061
3140
  "type": {
3062
- "text": "boolean"
3141
+ "text": "GristConfig"
3063
3142
  },
3064
- "default": "false",
3065
- "attribute": "isTop"
3143
+ "default": "ZERO_CONFIG",
3144
+ "attribute": "config"
3066
3145
  },
3067
3146
  {
3068
3147
  "kind": "field",
3069
- "name": "_records",
3148
+ "name": "columns",
3070
3149
  "type": {
3071
- "text": "GristRecord[]"
3150
+ "text": "ColumnConfig[]"
3072
3151
  },
3073
- "privacy": "private",
3074
- "default": "[]",
3075
- "attribute": "_records"
3152
+ "default": "ZERO_COLUMNS",
3153
+ "attribute": "columns"
3076
3154
  },
3077
3155
  {
3078
3156
  "kind": "field",
3079
- "name": "_total",
3157
+ "name": "data",
3080
3158
  "type": {
3081
- "text": "number"
3159
+ "text": "GristData"
3082
3160
  },
3083
- "privacy": "private",
3084
- "default": "0"
3161
+ "default": "ZERO_DATA",
3162
+ "attribute": "data"
3085
3163
  },
3086
3164
  {
3087
3165
  "kind": "field",
3088
- "name": "_limit",
3166
+ "name": "_sorters",
3089
3167
  "type": {
3090
- "text": "number"
3168
+ "text": "SortersConfig"
3091
3169
  },
3092
3170
  "privacy": "private",
3093
- "default": "20"
3171
+ "default": "[]"
3094
3172
  },
3095
3173
  {
3096
3174
  "kind": "field",
3097
- "name": "_page",
3175
+ "name": "_lastAccVal",
3098
3176
  "type": {
3099
- "text": "number"
3177
+ "text": "number | undefined"
3100
3178
  },
3101
- "privacy": "private",
3102
- "default": "1"
3179
+ "privacy": "private"
3180
+ },
3181
+ {
3182
+ "kind": "field",
3183
+ "name": "_throttledNotifier",
3184
+ "type": {
3185
+ "text": "any | undefined"
3186
+ },
3187
+ "privacy": "private"
3103
3188
  },
3104
3189
  {
3105
3190
  "kind": "method",
3106
- "name": "gotoTop",
3191
+ "name": "_renderHeader",
3107
3192
  "parameters": [
3108
3193
  {
3109
- "name": "e",
3194
+ "name": "column",
3110
3195
  "type": {
3111
- "text": "Event"
3196
+ "text": "ColumnConfig"
3112
3197
  }
3113
3198
  }
3114
3199
  ]
3115
3200
  },
3116
3201
  {
3117
- "kind": "field",
3118
- "name": "pullToRefreshTarget"
3119
- },
3120
- {
3121
- "kind": "field",
3122
- "name": "config",
3123
- "type": {
3124
- "text": "GristConfig"
3125
- },
3126
- "default": "ZERO_CONFIG",
3127
- "attribute": "config",
3128
- "inheritedFrom": {
3129
- "name": "DataManipulator",
3130
- "module": "src/data-manipulator.ts"
3131
- }
3202
+ "kind": "method",
3203
+ "name": "_renderSortHeader",
3204
+ "parameters": [
3205
+ {
3206
+ "name": "column",
3207
+ "type": {
3208
+ "text": "ColumnConfig"
3209
+ }
3210
+ }
3211
+ ]
3132
3212
  },
3133
3213
  {
3134
- "kind": "field",
3135
- "name": "data",
3136
- "type": {
3137
- "text": "GristData"
3138
- },
3139
- "default": "ZERO_DATA",
3140
- "attribute": "data",
3141
- "inheritedFrom": {
3142
- "name": "DataManipulator",
3143
- "module": "src/data-manipulator.ts"
3144
- }
3214
+ "kind": "method",
3215
+ "name": "_renderFilterHeader",
3216
+ "parameters": [
3217
+ {
3218
+ "name": "column",
3219
+ "type": {
3220
+ "text": "ColumnConfig"
3221
+ }
3222
+ }
3223
+ ]
3145
3224
  },
3146
3225
  {
3147
3226
  "kind": "method",
3148
- "name": "onFieldChange",
3227
+ "name": "_changeSort",
3149
3228
  "parameters": [
3150
3229
  {
3151
- "name": "{\n after,\n before,\n column,\n record,\n row\n }",
3230
+ "name": "column",
3152
3231
  "type": {
3153
- "text": "{\n after: any\n before: any\n column: ColumnConfig\n record: GristRecord\n row: number\n }"
3232
+ "text": "ColumnConfig"
3154
3233
  }
3155
3234
  }
3156
- ],
3157
- "inheritedFrom": {
3158
- "name": "DataManipulator",
3159
- "module": "src/data-manipulator.ts"
3160
- }
3235
+ ]
3161
3236
  },
3162
3237
  {
3163
3238
  "kind": "method",
3164
- "name": "onSelectRecordChanged",
3239
+ "name": "_accumalate",
3165
3240
  "parameters": [
3166
3241
  {
3167
- "name": "{\n selectedRecords,\n added = [],\n removed = []\n }",
3242
+ "name": "x",
3168
3243
  "type": {
3169
- "text": "{\n selectedRecords: GristRecord[]\n added: GristRecord[]\n removed: GristRecord[]\n }"
3244
+ "text": "number"
3170
3245
  }
3171
3246
  }
3172
- ],
3173
- "inheritedFrom": {
3174
- "name": "DataManipulator",
3175
- "module": "src/data-manipulator.ts"
3176
- }
3247
+ ]
3177
3248
  },
3178
3249
  {
3179
3250
  "kind": "method",
3180
- "name": "onRecordChanged",
3251
+ "name": "_notifyWidthChange",
3181
3252
  "parameters": [
3182
3253
  {
3183
- "name": "recordData",
3254
+ "name": "idx",
3184
3255
  "type": {
3185
- "text": "GristRecord"
3256
+ "text": "number"
3186
3257
  }
3187
3258
  },
3188
3259
  {
3189
- "name": "row",
3260
+ "name": "width",
3190
3261
  "type": {
3191
3262
  "text": "number"
3192
3263
  }
3264
+ }
3265
+ ]
3266
+ },
3267
+ {
3268
+ "kind": "method",
3269
+ "name": "_mousedown",
3270
+ "parameters": [
3271
+ {
3272
+ "name": "e",
3273
+ "type": {
3274
+ "text": "MouseEvent"
3275
+ }
3193
3276
  },
3194
3277
  {
3195
- "name": "column",
3278
+ "name": "idx",
3196
3279
  "type": {
3197
- "text": "ColumnConfig | null"
3280
+ "text": "number"
3198
3281
  }
3199
3282
  }
3200
- ],
3201
- "inheritedFrom": {
3202
- "name": "DataManipulator",
3203
- "module": "src/data-manipulator.ts"
3204
- }
3283
+ ]
3205
3284
  }
3206
3285
  ],
3207
3286
  "events": [
3208
3287
  {
3209
- "name": "attach-page",
3288
+ "name": "sorters-change",
3210
3289
  "type": {
3211
3290
  "text": "CustomEvent"
3212
3291
  }
3213
3292
  },
3214
3293
  {
3215
- "name": "record-change",
3294
+ "name": "column-width-change",
3216
3295
  "type": {
3217
3296
  "text": "CustomEvent"
3218
- },
3219
- "inheritedFrom": {
3220
- "name": "DataManipulator",
3221
- "module": "src/data-manipulator.ts"
3222
3297
  }
3223
3298
  }
3224
3299
  ],
3225
3300
  "attributes": [
3226
3301
  {
3227
- "name": "isTop",
3302
+ "name": "config",
3228
3303
  "type": {
3229
- "text": "boolean"
3304
+ "text": "GristConfig"
3230
3305
  },
3231
- "default": "false",
3232
- "fieldName": "isTop"
3233
- },
3234
- {
3235
- "name": "_records",
3236
- "type": {
3237
- "text": "GristRecord[]"
3306
+ "default": "ZERO_CONFIG",
3307
+ "resolveInitializer": {
3308
+ "module": "/src/configure/zero-config"
3238
3309
  },
3239
- "default": "[]",
3240
- "fieldName": "_records"
3310
+ "fieldName": "config"
3241
3311
  },
3242
3312
  {
3243
- "name": "config",
3313
+ "name": "columns",
3244
3314
  "type": {
3245
- "text": "GristConfig"
3315
+ "text": "ColumnConfig[]"
3246
3316
  },
3247
- "default": "ZERO_CONFIG",
3317
+ "default": "ZERO_COLUMNS",
3248
3318
  "resolveInitializer": {
3249
3319
  "module": "/src/configure/zero-config"
3250
3320
  },
3251
- "fieldName": "config",
3252
- "inheritedFrom": {
3253
- "name": "DataManipulator",
3254
- "module": "src/data-manipulator.ts"
3255
- }
3321
+ "fieldName": "columns"
3256
3322
  },
3257
3323
  {
3258
3324
  "name": "data",
@@ -3263,108 +3329,214 @@
3263
3329
  "resolveInitializer": {
3264
3330
  "module": "/src/configure/zero-config"
3265
3331
  },
3266
- "fieldName": "data",
3267
- "inheritedFrom": {
3268
- "name": "DataManipulator",
3269
- "module": "src/data-manipulator.ts"
3270
- }
3332
+ "fieldName": "data"
3271
3333
  }
3272
3334
  ],
3273
3335
  "superclass": {
3274
- "name": "DataManipulator",
3275
- "module": "/src/data-manipulator"
3336
+ "name": "LitElement",
3337
+ "package": "lit"
3276
3338
  },
3277
- "tagName": "ox-list",
3339
+ "tagName": "ox-grid-header",
3278
3340
  "customElement": true
3279
3341
  }
3280
3342
  ],
3281
3343
  "exports": [
3282
3344
  {
3283
3345
  "kind": "js",
3284
- "name": "DataList",
3346
+ "name": "DataGridHeader",
3285
3347
  "declaration": {
3286
- "name": "DataList",
3287
- "module": "src/data-list/data-list.ts"
3348
+ "name": "DataGridHeader",
3349
+ "module": "src/data-grid/data-grid-header.ts"
3288
3350
  }
3289
3351
  },
3290
3352
  {
3291
3353
  "kind": "custom-element-definition",
3292
- "name": "ox-list",
3354
+ "name": "ox-grid-header",
3293
3355
  "declaration": {
3294
- "name": "DataList",
3295
- "module": "src/data-list/data-list.ts"
3356
+ "name": "DataGridHeader",
3357
+ "module": "src/data-grid/data-grid-header.ts"
3296
3358
  }
3297
3359
  }
3298
3360
  ]
3299
3361
  },
3300
3362
  {
3301
3363
  "kind": "javascript-module",
3302
- "path": "src/data-list/record-partial.ts",
3364
+ "path": "src/data-grid/data-grid.ts",
3303
3365
  "declarations": [
3304
3366
  {
3305
3367
  "kind": "class",
3306
- "description": "",
3307
- "name": "RecordPartial",
3368
+ "description": "DataGrid",
3369
+ "name": "DataGrid",
3308
3370
  "members": [
3309
3371
  {
3310
3372
  "kind": "field",
3311
- "name": "config",
3373
+ "name": "focused",
3312
3374
  "type": {
3313
- "text": "GristConfig"
3375
+ "text": "{ row: number; column: number } | undefined"
3314
3376
  },
3315
- "default": "ZERO_CONFIG",
3316
- "attribute": "config"
3377
+ "attribute": "focused"
3317
3378
  },
3318
3379
  {
3319
3380
  "kind": "field",
3320
- "name": "data",
3381
+ "name": "body",
3321
3382
  "type": {
3322
- "text": "GristData"
3323
- },
3324
- "default": "ZERO_DATA",
3325
- "attribute": "data"
3383
+ "text": "LitElement"
3384
+ }
3326
3385
  },
3327
3386
  {
3328
3387
  "kind": "field",
3329
- "name": "record",
3388
+ "name": "header",
3330
3389
  "type": {
3331
- "text": "GristRecord"
3332
- },
3333
- "default": "ZERO_RECORD",
3334
- "attribute": "record"
3390
+ "text": "DataGridHeader"
3391
+ }
3335
3392
  },
3336
3393
  {
3337
3394
  "kind": "field",
3338
- "name": "rowIndex",
3395
+ "name": "footer",
3339
3396
  "type": {
3340
- "text": "number"
3397
+ "text": "LitElement"
3398
+ }
3399
+ },
3400
+ {
3401
+ "kind": "field",
3402
+ "name": "_widths",
3403
+ "type": {
3404
+ "text": "string | undefined"
3341
3405
  },
3342
- "default": "-1",
3343
- "attribute": "rowIndex"
3406
+ "privacy": "private"
3407
+ },
3408
+ {
3409
+ "kind": "method",
3410
+ "name": "onWheelEvent",
3411
+ "parameters": [
3412
+ {
3413
+ "name": "e",
3414
+ "type": {
3415
+ "text": "WheelEvent"
3416
+ }
3417
+ }
3418
+ ]
3419
+ },
3420
+ {
3421
+ "kind": "method",
3422
+ "name": "onSelectRecordChanged",
3423
+ "parameters": [
3424
+ {
3425
+ "name": "{\n selectedRecords,\n added,\n removed\n }",
3426
+ "type": {
3427
+ "text": "{\n selectedRecords: GristRecord[]\n added: GristRecord[]\n removed: GristRecord[]\n }"
3428
+ }
3429
+ }
3430
+ ],
3431
+ "return": {
3432
+ "type": {
3433
+ "text": "void"
3434
+ }
3435
+ },
3436
+ "inheritedFrom": {
3437
+ "name": "DataManipulator",
3438
+ "module": "src/data-manipulator.ts"
3439
+ }
3440
+ },
3441
+ {
3442
+ "kind": "method",
3443
+ "name": "onRecordChanged",
3444
+ "parameters": [
3445
+ {
3446
+ "name": "recordData",
3447
+ "type": {
3448
+ "text": "GristRecord"
3449
+ }
3450
+ },
3451
+ {
3452
+ "name": "row",
3453
+ "type": {
3454
+ "text": "number"
3455
+ }
3456
+ },
3457
+ {
3458
+ "name": "column",
3459
+ "type": {
3460
+ "text": "ColumnConfig | null"
3461
+ }
3462
+ }
3463
+ ],
3464
+ "inheritedFrom": {
3465
+ "name": "DataManipulator",
3466
+ "module": "src/data-manipulator.ts"
3467
+ }
3468
+ },
3469
+ {
3470
+ "kind": "method",
3471
+ "name": "calculateWidths",
3472
+ "parameters": [
3473
+ {
3474
+ "name": "columns",
3475
+ "type": {
3476
+ "text": "ColumnConfig[]"
3477
+ }
3478
+ }
3479
+ ]
3480
+ },
3481
+ {
3482
+ "kind": "method",
3483
+ "name": "focus"
3344
3484
  },
3345
3485
  {
3346
3486
  "kind": "field",
3347
- "name": "selectedRow",
3487
+ "name": "pullToRefreshTarget"
3488
+ },
3489
+ {
3490
+ "kind": "field",
3491
+ "name": "config",
3348
3492
  "type": {
3349
- "text": "boolean"
3493
+ "text": "GristConfig"
3350
3494
  },
3351
- "default": "false",
3352
- "attribute": "selected-row"
3495
+ "default": "ZERO_CONFIG",
3496
+ "attribute": "config",
3497
+ "inheritedFrom": {
3498
+ "name": "DataManipulator",
3499
+ "module": "src/data-manipulator.ts"
3500
+ }
3353
3501
  },
3354
3502
  {
3355
3503
  "kind": "field",
3356
- "name": "_recordView",
3504
+ "name": "data",
3357
3505
  "type": {
3358
- "text": "any"
3506
+ "text": "GristData"
3359
3507
  },
3360
- "privacy": "private"
3508
+ "default": "ZERO_DATA",
3509
+ "attribute": "data",
3510
+ "inheritedFrom": {
3511
+ "name": "DataManipulator",
3512
+ "module": "src/data-manipulator.ts"
3513
+ }
3361
3514
  },
3362
3515
  {
3363
3516
  "kind": "method",
3364
- "name": "popupRecordView"
3517
+ "name": "onFieldChange",
3518
+ "parameters": [
3519
+ {
3520
+ "name": "{\n after,\n before,\n column,\n record,\n row\n }",
3521
+ "type": {
3522
+ "text": "{\n after: any\n before: any\n column: ColumnConfig\n record: GristRecord\n row: number\n }"
3523
+ }
3524
+ }
3525
+ ],
3526
+ "inheritedFrom": {
3527
+ "name": "DataManipulator",
3528
+ "module": "src/data-manipulator.ts"
3529
+ }
3365
3530
  }
3366
3531
  ],
3367
3532
  "attributes": [
3533
+ {
3534
+ "name": "focused",
3535
+ "type": {
3536
+ "text": "{ row: number; column: number } | undefined"
3537
+ },
3538
+ "fieldName": "focused"
3539
+ },
3368
3540
  {
3369
3541
  "name": "config",
3370
3542
  "type": {
@@ -3374,7 +3546,11 @@
3374
3546
  "resolveInitializer": {
3375
3547
  "module": "/src/configure/zero-config"
3376
3548
  },
3377
- "fieldName": "config"
3549
+ "fieldName": "config",
3550
+ "inheritedFrom": {
3551
+ "name": "DataManipulator",
3552
+ "module": "src/data-manipulator.ts"
3553
+ }
3378
3554
  },
3379
3555
  {
3380
3556
  "name": "data",
@@ -3385,71 +3561,60 @@
3385
3561
  "resolveInitializer": {
3386
3562
  "module": "/src/configure/zero-config"
3387
3563
  },
3388
- "fieldName": "data"
3389
- },
3390
- {
3391
- "name": "record",
3392
- "type": {
3393
- "text": "GristRecord"
3394
- },
3395
- "default": "ZERO_RECORD",
3396
- "resolveInitializer": {
3397
- "module": "/src/configure/zero-config"
3398
- },
3399
- "fieldName": "record"
3400
- },
3401
- {
3402
- "name": "rowIndex",
3403
- "type": {
3404
- "text": "number"
3405
- },
3406
- "default": "-1",
3407
- "fieldName": "rowIndex"
3408
- },
3409
- {
3410
- "name": "selected-row",
3411
- "type": {
3412
- "text": "boolean"
3413
- },
3414
- "default": "false",
3415
- "fieldName": "selectedRow"
3564
+ "fieldName": "data",
3565
+ "inheritedFrom": {
3566
+ "name": "DataManipulator",
3567
+ "module": "src/data-manipulator.ts"
3568
+ }
3416
3569
  }
3417
3570
  ],
3418
3571
  "superclass": {
3419
- "name": "LitElement",
3420
- "package": "lit"
3572
+ "name": "DataManipulator",
3573
+ "module": "/src/data-manipulator"
3421
3574
  },
3422
- "tagName": "ox-record-partial",
3423
- "customElement": true
3575
+ "tagName": "ox-grid",
3576
+ "customElement": true,
3577
+ "events": [
3578
+ {
3579
+ "name": "record-change",
3580
+ "type": {
3581
+ "text": "CustomEvent"
3582
+ },
3583
+ "inheritedFrom": {
3584
+ "name": "DataManipulator",
3585
+ "module": "src/data-manipulator.ts"
3586
+ }
3587
+ }
3588
+ ]
3424
3589
  }
3425
3590
  ],
3426
3591
  "exports": [
3427
3592
  {
3428
3593
  "kind": "js",
3429
- "name": "RecordPartial",
3594
+ "name": "DataGrid",
3430
3595
  "declaration": {
3431
- "name": "RecordPartial",
3432
- "module": "src/data-list/record-partial.ts"
3596
+ "name": "DataGrid",
3597
+ "module": "src/data-grid/data-grid.ts"
3433
3598
  }
3434
3599
  },
3435
3600
  {
3436
3601
  "kind": "custom-element-definition",
3437
- "name": "ox-record-partial",
3602
+ "name": "ox-grid",
3438
3603
  "declaration": {
3439
- "name": "RecordPartial",
3440
- "module": "src/data-list/record-partial.ts"
3604
+ "name": "DataGrid",
3605
+ "module": "src/data-grid/data-grid.ts"
3441
3606
  }
3442
3607
  }
3443
3608
  ]
3444
3609
  },
3445
3610
  {
3446
3611
  "kind": "javascript-module",
3447
- "path": "src/data-card/data-card-field.ts",
3612
+ "path": "src/data-list/data-list-field.ts",
3448
3613
  "declarations": [
3449
3614
  {
3450
3615
  "kind": "class",
3451
3616
  "description": "",
3452
- "name": "DataCardField",
3617
+ "name": "DataListField",
3453
3618
  "members": [
3454
3619
  {
3455
3620
  "kind": "field",
@@ -3545,166 +3710,37 @@
3545
3710
  "name": "LitElement",
3546
3711
  "package": "lit"
3547
3712
  },
3548
- "tagName": "ox-card-field",
3713
+ "tagName": "ox-list-field",
3549
3714
  "customElement": true
3550
3715
  }
3551
3716
  ],
3552
3717
  "exports": [
3553
3718
  {
3554
3719
  "kind": "js",
3555
- "name": "DataCardField",
3720
+ "name": "DataListField",
3556
3721
  "declaration": {
3557
- "name": "DataCardField",
3558
- "module": "src/data-card/data-card-field.ts"
3722
+ "name": "DataListField",
3723
+ "module": "src/data-list/data-list-field.ts"
3559
3724
  }
3560
3725
  },
3561
3726
  {
3562
3727
  "kind": "custom-element-definition",
3563
- "name": "ox-card-field",
3564
- "declaration": {
3565
- "name": "DataCardField",
3566
- "module": "src/data-card/data-card-field.ts"
3567
- }
3568
- }
3569
- ]
3570
- },
3571
- {
3572
- "kind": "javascript-module",
3573
- "path": "src/data-card/data-card-gutter-menu.ts",
3574
- "declarations": [
3575
- {
3576
- "kind": "class",
3577
- "description": "",
3578
- "name": "DataCardGutterMenu",
3579
- "members": [
3580
- {
3581
- "kind": "field",
3582
- "name": "gutters",
3583
- "type": {
3584
- "text": "ColumnConfig[]"
3585
- },
3586
- "attribute": "gutters"
3587
- },
3588
- {
3589
- "kind": "field",
3590
- "name": "rowIndex",
3591
- "type": {
3592
- "text": "number"
3593
- },
3594
- "attribute": "rowIndex"
3595
- },
3596
- {
3597
- "kind": "field",
3598
- "name": "record",
3599
- "type": {
3600
- "text": "GristRecord"
3601
- },
3602
- "attribute": "record"
3603
- },
3604
- {
3605
- "kind": "field",
3606
- "name": "clickHandler",
3607
- "type": {
3608
- "text": "EventListener"
3609
- },
3610
- "attribute": "clickHandler"
3611
- },
3612
- {
3613
- "kind": "field",
3614
- "name": "dblclickHandler",
3615
- "type": {
3616
- "text": "EventListener"
3617
- },
3618
- "attribute": "dblclickHandler"
3619
- },
3620
- {
3621
- "kind": "field",
3622
- "name": "icon",
3623
- "type": {
3624
- "text": "Element"
3625
- }
3626
- },
3627
- {
3628
- "kind": "method",
3629
- "name": "menuRender"
3630
- },
3631
- {
3632
- "kind": "method",
3633
- "name": "open",
3634
- "parameters": [
3635
- {
3636
- "name": "e",
3637
- "type": {
3638
- "text": "Event"
3639
- }
3640
- }
3641
- ]
3642
- }
3643
- ],
3644
- "attributes": [
3645
- {
3646
- "name": "gutters",
3647
- "type": {
3648
- "text": "ColumnConfig[]"
3649
- },
3650
- "fieldName": "gutters"
3651
- },
3652
- {
3653
- "name": "rowIndex",
3654
- "type": {
3655
- "text": "number"
3656
- },
3657
- "fieldName": "rowIndex"
3658
- },
3659
- {
3660
- "name": "record",
3661
- "type": {
3662
- "text": "GristRecord"
3663
- },
3664
- "fieldName": "record"
3665
- },
3666
- {
3667
- "name": "clickHandler",
3668
- "type": {
3669
- "text": "EventListener"
3670
- },
3671
- "fieldName": "clickHandler"
3672
- },
3673
- {
3674
- "name": "dblclickHandler",
3675
- "type": {
3676
- "text": "EventListener"
3677
- },
3678
- "fieldName": "dblclickHandler"
3679
- }
3680
- ],
3681
- "superclass": {
3682
- "name": "LitElement",
3683
- "package": "lit"
3684
- },
3685
- "tagName": "ox-card-gutter-menu",
3686
- "customElement": true
3687
- }
3688
- ],
3689
- "exports": [
3690
- {
3691
- "kind": "custom-element-definition",
3692
- "name": "ox-card-gutter-menu",
3728
+ "name": "ox-list-field",
3693
3729
  "declaration": {
3694
- "name": "DataCardGutterMenu",
3695
- "module": "src/data-card/data-card-gutter-menu.ts"
3730
+ "name": "DataListField",
3731
+ "module": "src/data-list/data-list-field.ts"
3696
3732
  }
3697
3733
  }
3698
3734
  ]
3699
3735
  },
3700
3736
  {
3701
3737
  "kind": "javascript-module",
3702
- "path": "src/data-card/data-card-gutter.ts",
3738
+ "path": "src/data-list/data-list-gutter.ts",
3703
3739
  "declarations": [
3704
3740
  {
3705
3741
  "kind": "class",
3706
3742
  "description": "",
3707
- "name": "DataCardGutter",
3743
+ "name": "DataListGutter",
3708
3744
  "members": [
3709
3745
  {
3710
3746
  "kind": "field",
@@ -3804,37 +3840,37 @@
3804
3840
  "name": "LitElement",
3805
3841
  "package": "lit"
3806
3842
  },
3807
- "tagName": "ox-card-gutter",
3843
+ "tagName": "ox-list-gutter",
3808
3844
  "customElement": true
3809
3845
  }
3810
3846
  ],
3811
3847
  "exports": [
3812
3848
  {
3813
3849
  "kind": "js",
3814
- "name": "DataCardGutter",
3850
+ "name": "DataListGutter",
3815
3851
  "declaration": {
3816
- "name": "DataCardGutter",
3817
- "module": "src/data-card/data-card-gutter.ts"
3852
+ "name": "DataListGutter",
3853
+ "module": "src/data-list/data-list-gutter.ts"
3818
3854
  }
3819
3855
  },
3820
3856
  {
3821
3857
  "kind": "custom-element-definition",
3822
- "name": "ox-card-gutter",
3858
+ "name": "ox-list-gutter",
3823
3859
  "declaration": {
3824
- "name": "DataCardGutter",
3825
- "module": "src/data-card/data-card-gutter.ts"
3860
+ "name": "DataListGutter",
3861
+ "module": "src/data-list/data-list-gutter.ts"
3826
3862
  }
3827
3863
  }
3828
3864
  ]
3829
3865
  },
3830
3866
  {
3831
3867
  "kind": "javascript-module",
3832
- "path": "src/data-card/data-card.ts",
3868
+ "path": "src/data-list/data-list.ts",
3833
3869
  "declarations": [
3834
3870
  {
3835
3871
  "kind": "class",
3836
3872
  "description": "",
3837
- "name": "DataCard",
3873
+ "name": "DataList",
3838
3874
  "members": [
3839
3875
  {
3840
3876
  "kind": "field",
@@ -4055,37 +4091,37 @@
4055
4091
  "name": "DataManipulator",
4056
4092
  "module": "/src/data-manipulator"
4057
4093
  },
4058
- "tagName": "ox-card",
4094
+ "tagName": "ox-list",
4059
4095
  "customElement": true
4060
4096
  }
4061
4097
  ],
4062
4098
  "exports": [
4063
4099
  {
4064
4100
  "kind": "js",
4065
- "name": "DataCard",
4101
+ "name": "DataList",
4066
4102
  "declaration": {
4067
- "name": "DataCard",
4068
- "module": "src/data-card/data-card.ts"
4103
+ "name": "DataList",
4104
+ "module": "src/data-list/data-list.ts"
4069
4105
  }
4070
4106
  },
4071
4107
  {
4072
4108
  "kind": "custom-element-definition",
4073
- "name": "ox-card",
4109
+ "name": "ox-list",
4074
4110
  "declaration": {
4075
- "name": "DataCard",
4076
- "module": "src/data-card/data-card.ts"
4111
+ "name": "DataList",
4112
+ "module": "src/data-list/data-list.ts"
4077
4113
  }
4078
4114
  }
4079
4115
  ]
4080
4116
  },
4081
4117
  {
4082
4118
  "kind": "javascript-module",
4083
- "path": "src/data-card/record-card.ts",
4119
+ "path": "src/data-list/record-partial.ts",
4084
4120
  "declarations": [
4085
4121
  {
4086
4122
  "kind": "class",
4087
4123
  "description": "",
4088
- "name": "RecordCard",
4124
+ "name": "RecordPartial",
4089
4125
  "members": [
4090
4126
  {
4091
4127
  "kind": "field",
@@ -4140,18 +4176,6 @@
4140
4176
  },
4141
4177
  "privacy": "private"
4142
4178
  },
4143
- {
4144
- "kind": "field",
4145
- "name": "clickHandler",
4146
- "privacy": "private",
4147
- "default": "recordCardClickHandler.bind(this)"
4148
- },
4149
- {
4150
- "kind": "field",
4151
- "name": "dblclickHandler",
4152
- "privacy": "private",
4153
- "default": "recordCardDblClickHandler.bind(this)"
4154
- },
4155
4179
  {
4156
4180
  "kind": "method",
4157
4181
  "name": "popupRecordView"
@@ -4212,25 +4236,25 @@
4212
4236
  "name": "LitElement",
4213
4237
  "package": "lit"
4214
4238
  },
4215
- "tagName": "ox-record-card",
4239
+ "tagName": "ox-record-partial",
4216
4240
  "customElement": true
4217
4241
  }
4218
4242
  ],
4219
4243
  "exports": [
4220
4244
  {
4221
4245
  "kind": "js",
4222
- "name": "RecordCard",
4246
+ "name": "RecordPartial",
4223
4247
  "declaration": {
4224
- "name": "RecordCard",
4225
- "module": "src/data-card/record-card.ts"
4248
+ "name": "RecordPartial",
4249
+ "module": "src/data-list/record-partial.ts"
4226
4250
  }
4227
4251
  },
4228
4252
  {
4229
4253
  "kind": "custom-element-definition",
4230
- "name": "ox-record-card",
4254
+ "name": "ox-record-partial",
4231
4255
  "declaration": {
4232
- "name": "RecordCard",
4233
- "module": "src/data-card/record-card.ts"
4256
+ "name": "RecordPartial",
4257
+ "module": "src/data-list/record-partial.ts"
4234
4258
  }
4235
4259
  }
4236
4260
  ]
@@ -12281,6 +12305,66 @@
12281
12305
  }
12282
12306
  ]
12283
12307
  },
12308
+ {
12309
+ "kind": "javascript-module",
12310
+ "path": "src/styles/common-grist-styles.ts",
12311
+ "declarations": [
12312
+ {
12313
+ "kind": "variable",
12314
+ "name": "CommonGristStyles",
12315
+ "default": "css`\n ox-grist {\n flex: 1;\n overflow-y: auto;\n\n --grid-record-emphasized-background-color: red;\n --grid-record-emphasized-color: yellow;\n }\n\n [slot='headroom'] {\n display: flex;\n flex-direction: row;\n align-items: center;\n padding: var(--padding-default) var(--padding-wide);\n border-top: 2px solid rgba(0, 0, 0, 0.2);\n background-color: var(--theme-white-color);\n box-shadow: var(--box-shadow);\n\n --mdc-icon-size: 24px;\n }\n\n #sorters {\n margin-left: auto;\n position: relative;\n }\n\n #sorters > * {\n padding: var(--padding-narrow);\n margin-right: var(--margin-default);\n }\n\n #modes > * {\n padding: var(--padding-narrow);\n opacity: 0.5;\n color: var(--primary-text-color);\n cursor: pointer;\n }\n\n #modes > mwc-icon[active] {\n border-radius: 9px;\n background-color: rgba(var(--primary-color-rgb), 0.05);\n opacity: 1;\n color: var(--secondary-text-color);\n cursor: default;\n }\n\n #modes > mwc-icon:hover {\n opacity: 1;\n color: var(--secondary-text-color);\n }\n\n #add {\n width: 50px;\n text-align: right;\n }\n\n #add button {\n background-color: var(--status-success-color);\n border: 0;\n border-radius: 50%;\n padding: 5px;\n width: 36px;\n height: 36px;\n cursor: pointer;\n }\n\n #add button:hover {\n background-color: var(--focus-background-color);\n box-shadow: var(--box-shadow);\n }\n\n #add button mwc-icon {\n font-size: 2em;\n color: var(--theme-white-color);\n }\n\n #filters {\n display: flex;\n justify-content: center;\n align-items: center;\n }\n\n #filters * {\n margin-right: var(--margin-default);\n }\n\n @media only screen and (max-width: 460px) {\n #filters {\n flex-direction: column;\n }\n\n #modes {\n display: none;\n }\n }\n`"
12316
+ }
12317
+ ],
12318
+ "exports": [
12319
+ {
12320
+ "kind": "js",
12321
+ "name": "CommonGristStyles",
12322
+ "declaration": {
12323
+ "name": "CommonGristStyles",
12324
+ "module": "src/styles/common-grist-styles.ts"
12325
+ }
12326
+ }
12327
+ ]
12328
+ },
12329
+ {
12330
+ "kind": "javascript-module",
12331
+ "path": "src/utils/index.ts",
12332
+ "declarations": [],
12333
+ "exports": [
12334
+ {
12335
+ "kind": "js",
12336
+ "name": "*",
12337
+ "declaration": {
12338
+ "name": "*",
12339
+ "package": "./supports-passive"
12340
+ }
12341
+ }
12342
+ ]
12343
+ },
12344
+ {
12345
+ "kind": "javascript-module",
12346
+ "path": "src/utils/supports-passive.ts",
12347
+ "declarations": [
12348
+ {
12349
+ "kind": "variable",
12350
+ "name": "supportsPassive",
12351
+ "type": {
12352
+ "text": "boolean"
12353
+ },
12354
+ "default": "false"
12355
+ }
12356
+ ],
12357
+ "exports": [
12358
+ {
12359
+ "kind": "js",
12360
+ "name": "supportsPassive",
12361
+ "declaration": {
12362
+ "name": "supportsPassive",
12363
+ "module": "src/utils/supports-passive.ts"
12364
+ }
12365
+ }
12366
+ ]
12367
+ },
12284
12368
  {
12285
12369
  "kind": "javascript-module",
12286
12370
  "path": "src/sorters/sorters-control.ts",
@@ -12363,39 +12447,80 @@
12363
12447
  },
12364
12448
  {
12365
12449
  "kind": "javascript-module",
12366
- "path": "src/utils/index.ts",
12367
- "declarations": [],
12450
+ "path": "src/data-card/event-handlers/record-card-click-handler.ts",
12451
+ "declarations": [
12452
+ {
12453
+ "kind": "function",
12454
+ "name": "recordCardClickHandler",
12455
+ "return": {
12456
+ "type": {
12457
+ "text": "void"
12458
+ }
12459
+ },
12460
+ "parameters": [
12461
+ {
12462
+ "name": "this",
12463
+ "type": {
12464
+ "text": "RecordCard"
12465
+ }
12466
+ },
12467
+ {
12468
+ "name": "e",
12469
+ "type": {
12470
+ "text": "MouseEvent"
12471
+ }
12472
+ }
12473
+ ],
12474
+ "description": "ox-record-card 의 click handler\n\n- handler의 this 는 ox-record-card임."
12475
+ }
12476
+ ],
12368
12477
  "exports": [
12369
12478
  {
12370
12479
  "kind": "js",
12371
- "name": "*",
12480
+ "name": "recordCardClickHandler",
12372
12481
  "declaration": {
12373
- "name": "*",
12374
- "package": "./supports-passive"
12482
+ "name": "recordCardClickHandler",
12483
+ "module": "src/data-card/event-handlers/record-card-click-handler.ts"
12375
12484
  }
12376
12485
  }
12377
12486
  ]
12378
12487
  },
12379
12488
  {
12380
12489
  "kind": "javascript-module",
12381
- "path": "src/utils/supports-passive.ts",
12490
+ "path": "src/data-card/event-handlers/record-card-dblclick-handler.ts",
12382
12491
  "declarations": [
12383
12492
  {
12384
- "kind": "variable",
12385
- "name": "supportsPassive",
12386
- "type": {
12387
- "text": "boolean"
12493
+ "kind": "function",
12494
+ "name": "recordCardDblClickHandler",
12495
+ "return": {
12496
+ "type": {
12497
+ "text": "void"
12498
+ }
12388
12499
  },
12389
- "default": "false"
12500
+ "parameters": [
12501
+ {
12502
+ "name": "this",
12503
+ "type": {
12504
+ "text": "RecordCard"
12505
+ }
12506
+ },
12507
+ {
12508
+ "name": "e",
12509
+ "type": {
12510
+ "text": "MouseEvent"
12511
+ }
12512
+ }
12513
+ ],
12514
+ "description": "ox-record-card 의 dblclick handler\n\n- handler의 this 는 ox-record-card임."
12390
12515
  }
12391
12516
  ],
12392
12517
  "exports": [
12393
12518
  {
12394
12519
  "kind": "js",
12395
- "name": "supportsPassive",
12520
+ "name": "recordCardDblClickHandler",
12396
12521
  "declaration": {
12397
- "name": "supportsPassive",
12398
- "module": "src/utils/supports-passive.ts"
12522
+ "name": "recordCardDblClickHandler",
12523
+ "module": "src/data-card/event-handlers/record-card-dblclick-handler.ts"
12399
12524
  }
12400
12525
  }
12401
12526
  ]
@@ -12634,86 +12759,6 @@
12634
12759
  }
12635
12760
  ]
12636
12761
  },
12637
- {
12638
- "kind": "javascript-module",
12639
- "path": "src/data-card/event-handlers/record-card-click-handler.ts",
12640
- "declarations": [
12641
- {
12642
- "kind": "function",
12643
- "name": "recordCardClickHandler",
12644
- "return": {
12645
- "type": {
12646
- "text": "void"
12647
- }
12648
- },
12649
- "parameters": [
12650
- {
12651
- "name": "this",
12652
- "type": {
12653
- "text": "RecordCard"
12654
- }
12655
- },
12656
- {
12657
- "name": "e",
12658
- "type": {
12659
- "text": "MouseEvent"
12660
- }
12661
- }
12662
- ],
12663
- "description": "ox-record-card 의 click handler\n\n- handler의 this 는 ox-record-card임."
12664
- }
12665
- ],
12666
- "exports": [
12667
- {
12668
- "kind": "js",
12669
- "name": "recordCardClickHandler",
12670
- "declaration": {
12671
- "name": "recordCardClickHandler",
12672
- "module": "src/data-card/event-handlers/record-card-click-handler.ts"
12673
- }
12674
- }
12675
- ]
12676
- },
12677
- {
12678
- "kind": "javascript-module",
12679
- "path": "src/data-card/event-handlers/record-card-dblclick-handler.ts",
12680
- "declarations": [
12681
- {
12682
- "kind": "function",
12683
- "name": "recordCardDblClickHandler",
12684
- "return": {
12685
- "type": {
12686
- "text": "void"
12687
- }
12688
- },
12689
- "parameters": [
12690
- {
12691
- "name": "this",
12692
- "type": {
12693
- "text": "RecordCard"
12694
- }
12695
- },
12696
- {
12697
- "name": "e",
12698
- "type": {
12699
- "text": "MouseEvent"
12700
- }
12701
- }
12702
- ],
12703
- "description": "ox-record-card 의 dblclick handler\n\n- handler의 this 는 ox-record-card임."
12704
- }
12705
- ],
12706
- "exports": [
12707
- {
12708
- "kind": "js",
12709
- "name": "recordCardDblClickHandler",
12710
- "declaration": {
12711
- "name": "recordCardDblClickHandler",
12712
- "module": "src/data-card/event-handlers/record-card-dblclick-handler.ts"
12713
- }
12714
- }
12715
- ]
12716
- },
12717
12762
  {
12718
12763
  "kind": "javascript-module",
12719
12764
  "path": "src/data-report/event-handlers/data-report-body-click-handler.ts",