@operato/data-grist 0.3.13 → 0.3.14

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 (28) hide show
  1. package/CHANGELOG.md +9 -0
  2. package/custom-elements.json +870 -859
  3. package/demo/index.html +7 -4
  4. package/dist/src/configure/list-option-builder.js +0 -2
  5. package/dist/src/configure/list-option-builder.js.map +1 -1
  6. package/dist/src/configure/zero-config.d.ts +0 -1
  7. package/dist/src/configure/zero-config.js +0 -2
  8. package/dist/src/configure/zero-config.js.map +1 -1
  9. package/dist/src/data-card/record-card.js +16 -10
  10. package/dist/src/data-card/record-card.js.map +1 -1
  11. package/dist/src/editors/registry.d.ts +1 -1
  12. package/dist/src/editors/registry.js.map +1 -1
  13. package/dist/src/record-view/record-view-body.js +0 -3
  14. package/dist/src/record-view/record-view-body.js.map +1 -1
  15. package/dist/src/record-view/record-view.d.ts +5 -2
  16. package/dist/src/record-view/record-view.js +98 -38
  17. package/dist/src/record-view/record-view.js.map +1 -1
  18. package/dist/src/types.d.ts +1 -2
  19. package/dist/src/types.js.map +1 -1
  20. package/dist/tsconfig.tsbuildinfo +1 -1
  21. package/package.json +7 -7
  22. package/src/configure/list-option-builder.ts +0 -2
  23. package/src/configure/zero-config.ts +0 -2
  24. package/src/data-card/record-card.ts +17 -10
  25. package/src/editors/registry.ts +2 -3
  26. package/src/record-view/record-view-body.ts +0 -3
  27. package/src/record-view/record-view.ts +106 -45
  28. package/src/types.ts +1 -2
package/custom-elements.json CHANGED
@@ -1299,11 +1299,6 @@
1299
1299
  }
1300
1300
  ]
1301
1301
  },
1302
- {
1303
- "kind": "variable",
1304
- "name": "ZERO_THUMBNAIL_TEMPLATE",
1305
- "default": "function (record: GristRecord, rowIndex: number) {}"
1306
- },
1307
1302
  {
1308
1303
  "kind": "variable",
1309
1304
  "name": "ZERO_EVENTHANDLERSET",
@@ -1366,7 +1361,7 @@
1366
1361
  "type": {
1367
1362
  "text": "ListConfig"
1368
1363
  },
1369
- "default": "{\n thumbnail: ZERO_THUMBNAIL_TEMPLATE,\n fields: ['name', 'description', 'updatedAt'],\n details: []\n}"
1364
+ "default": "{\n fields: ['name', 'description', 'updatedAt'],\n details: []\n}"
1370
1365
  },
1371
1366
  {
1372
1367
  "kind": "variable",
@@ -1426,14 +1421,6 @@
1426
1421
  "module": "src/configure/zero-config.ts"
1427
1422
  }
1428
1423
  },
1429
- {
1430
- "kind": "js",
1431
- "name": "ZERO_THUMBNAIL_TEMPLATE",
1432
- "declaration": {
1433
- "name": "ZERO_THUMBNAIL_TEMPLATE",
1434
- "module": "src/configure/zero-config.ts"
1435
- }
1436
- },
1437
1424
  {
1438
1425
  "kind": "js",
1439
1426
  "name": "ZERO_EVENTHANDLERSET",
@@ -1542,271 +1529,154 @@
1542
1529
  },
1543
1530
  {
1544
1531
  "kind": "javascript-module",
1545
- "path": "src/data-grid/data-grid-body-style.ts",
1546
- "declarations": [
1547
- {
1548
- "kind": "variable",
1549
- "name": "dataGridBodyStyle",
1550
- "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`"
1551
- }
1552
- ],
1553
- "exports": [
1554
- {
1555
- "kind": "js",
1556
- "name": "dataGridBodyStyle",
1557
- "declaration": {
1558
- "name": "dataGridBodyStyle",
1559
- "module": "src/data-grid/data-grid-body-style.ts"
1560
- }
1561
- }
1562
- ]
1563
- },
1564
- {
1565
- "kind": "javascript-module",
1566
- "path": "src/data-grid/data-grid-body.ts",
1532
+ "path": "src/data-card/data-card-field.ts",
1567
1533
  "declarations": [
1568
1534
  {
1569
1535
  "kind": "class",
1570
1536
  "description": "",
1571
- "name": "DataGridBody",
1537
+ "name": "DataCardField",
1572
1538
  "members": [
1573
1539
  {
1574
1540
  "kind": "field",
1575
- "name": "debounce"
1576
- },
1577
- {
1578
- "kind": "field",
1579
- "name": "config",
1580
- "type": {
1581
- "text": "GristConfig"
1582
- },
1583
- "default": "ZERO_CONFIG",
1584
- "attribute": "config"
1585
- },
1586
- {
1587
- "kind": "field",
1588
- "name": "columns",
1589
- "type": {
1590
- "text": "ColumnConfig[]"
1591
- },
1592
- "default": "[]",
1593
- "attribute": "columns"
1594
- },
1595
- {
1596
- "kind": "field",
1597
- "name": "data",
1598
- "type": {
1599
- "text": "GristData"
1600
- },
1601
- "default": "ZERO_DATA",
1602
- "attribute": "data"
1603
- },
1604
- {
1605
- "kind": "field",
1606
- "name": "focused",
1541
+ "name": "align",
1607
1542
  "type": {
1608
- "text": "{ row: number; column: number }"
1543
+ "text": "string | undefined"
1609
1544
  },
1610
- "default": "{\n row: 0,\n column: 0\n}",
1611
- "attribute": "focused"
1545
+ "attribute": "align"
1612
1546
  },
1613
1547
  {
1614
1548
  "kind": "field",
1615
- "name": "editTarget",
1549
+ "name": "record",
1616
1550
  "type": {
1617
- "text": "{ row: number; column: number } | null"
1551
+ "text": "GristRecord"
1618
1552
  },
1619
- "default": "null",
1620
- "attribute": "editTarget"
1553
+ "default": "ZERO_RECORD",
1554
+ "attribute": "record"
1621
1555
  },
1622
1556
  {
1623
1557
  "kind": "field",
1624
- "name": "from",
1558
+ "name": "column",
1625
1559
  "type": {
1626
- "text": "number"
1560
+ "text": "ColumnConfig"
1627
1561
  },
1628
- "default": "-1",
1629
- "attribute": "from"
1562
+ "default": "ZERO_COLUMN",
1563
+ "attribute": "column"
1630
1564
  },
1631
1565
  {
1632
1566
  "kind": "field",
1633
- "name": "to",
1567
+ "name": "rowIndex",
1634
1568
  "type": {
1635
1569
  "text": "number"
1636
1570
  },
1637
1571
  "default": "-1",
1638
- "attribute": "to"
1572
+ "attribute": "rowIndex"
1639
1573
  },
1640
1574
  {
1641
1575
  "kind": "field",
1642
- "name": "_focusedListener",
1576
+ "name": "value",
1643
1577
  "type": {
1644
- "text": "(e: KeyboardEvent) => void | undefined"
1578
+ "text": "object | undefined"
1645
1579
  },
1646
- "privacy": "private"
1647
- },
1648
- {
1649
- "kind": "method",
1650
- "name": "resetEdit"
1651
- },
1652
- {
1653
- "kind": "method",
1654
- "name": "handleOnScroll",
1655
- "parameters": [
1656
- {
1657
- "name": "e",
1658
- "type": {
1659
- "text": "WheelEvent"
1660
- }
1661
- }
1662
- ]
1663
- },
1664
- {
1665
- "kind": "method",
1666
- "name": "_onWheelEvent",
1667
- "parameters": [
1668
- {
1669
- "name": "e",
1670
- "type": {
1671
- "text": "WheelEvent"
1672
- }
1673
- }
1674
- ]
1675
- },
1676
- {
1677
- "kind": "method",
1678
- "name": "startEditTarget",
1679
- "parameters": [
1680
- {
1681
- "name": "row",
1682
- "type": {
1683
- "text": "number"
1684
- }
1685
- },
1686
- {
1687
- "name": "column",
1688
- "type": {
1689
- "text": "number"
1690
- }
1691
- }
1692
- ]
1693
- },
1694
- {
1695
- "kind": "method",
1696
- "name": "focus"
1580
+ "attribute": "value"
1697
1581
  }
1698
1582
  ],
1699
1583
  "attributes": [
1700
1584
  {
1701
- "name": "config",
1702
- "type": {
1703
- "text": "GristConfig"
1704
- },
1705
- "default": "ZERO_CONFIG",
1706
- "resolveInitializer": {
1707
- "module": "/src/configure/zero-config"
1708
- },
1709
- "fieldName": "config"
1710
- },
1711
- {
1712
- "name": "columns",
1585
+ "name": "align",
1713
1586
  "type": {
1714
- "text": "ColumnConfig[]"
1587
+ "text": "string | undefined"
1715
1588
  },
1716
- "default": "[]",
1717
- "fieldName": "columns"
1589
+ "fieldName": "align"
1718
1590
  },
1719
1591
  {
1720
- "name": "data",
1592
+ "name": "record",
1721
1593
  "type": {
1722
- "text": "GristData"
1594
+ "text": "GristRecord"
1723
1595
  },
1724
- "default": "ZERO_DATA",
1596
+ "default": "ZERO_RECORD",
1725
1597
  "resolveInitializer": {
1726
1598
  "module": "/src/configure/zero-config"
1727
1599
  },
1728
- "fieldName": "data"
1600
+ "fieldName": "record"
1729
1601
  },
1730
1602
  {
1731
- "name": "focused",
1603
+ "name": "column",
1732
1604
  "type": {
1733
- "text": "{ row: number; column: number }"
1605
+ "text": "ColumnConfig"
1734
1606
  },
1735
- "default": "ZERO_FOCUS",
1607
+ "default": "ZERO_COLUMN",
1736
1608
  "resolveInitializer": {
1737
- "module": "src/data-grid/data-grid-body.ts"
1738
- },
1739
- "fieldName": "focused"
1740
- },
1741
- {
1742
- "name": "editTarget",
1743
- "type": {
1744
- "text": "{ row: number; column: number } | null"
1609
+ "module": "/src/configure/zero-config"
1745
1610
  },
1746
- "default": "null",
1747
- "fieldName": "editTarget"
1611
+ "fieldName": "column"
1748
1612
  },
1749
1613
  {
1750
- "name": "from",
1614
+ "name": "rowIndex",
1751
1615
  "type": {
1752
1616
  "text": "number"
1753
1617
  },
1754
1618
  "default": "-1",
1755
- "fieldName": "from"
1619
+ "fieldName": "rowIndex"
1756
1620
  },
1757
1621
  {
1758
- "name": "to",
1622
+ "name": "value",
1759
1623
  "type": {
1760
- "text": "number"
1624
+ "text": "object | undefined"
1761
1625
  },
1762
- "default": "-1",
1763
- "fieldName": "to"
1626
+ "fieldName": "value"
1764
1627
  }
1765
1628
  ],
1766
1629
  "superclass": {
1767
1630
  "name": "LitElement",
1768
1631
  "package": "lit"
1769
1632
  },
1770
- "tagName": "ox-grid-body",
1633
+ "tagName": "ox-card-field",
1771
1634
  "customElement": true
1772
1635
  }
1773
1636
  ],
1774
1637
  "exports": [
1775
1638
  {
1776
1639
  "kind": "js",
1777
- "name": "DataGridBody",
1640
+ "name": "DataCardField",
1778
1641
  "declaration": {
1779
- "name": "DataGridBody",
1780
- "module": "src/data-grid/data-grid-body.ts"
1642
+ "name": "DataCardField",
1643
+ "module": "src/data-card/data-card-field.ts"
1781
1644
  }
1782
1645
  },
1783
1646
  {
1784
1647
  "kind": "custom-element-definition",
1785
- "name": "ox-grid-body",
1648
+ "name": "ox-card-field",
1786
1649
  "declaration": {
1787
- "name": "DataGridBody",
1788
- "module": "src/data-grid/data-grid-body.ts"
1650
+ "name": "DataCardField",
1651
+ "module": "src/data-card/data-card-field.ts"
1789
1652
  }
1790
1653
  }
1791
1654
  ]
1792
1655
  },
1793
1656
  {
1794
1657
  "kind": "javascript-module",
1795
- "path": "src/data-grid/data-grid-field.ts",
1658
+ "path": "src/data-card/data-card-gutter-menu.ts",
1796
1659
  "declarations": [
1797
1660
  {
1798
1661
  "kind": "class",
1799
1662
  "description": "",
1800
- "name": "DataGridField",
1663
+ "name": "DataCardGutterMenu",
1801
1664
  "members": [
1802
1665
  {
1803
1666
  "kind": "field",
1804
- "name": "align",
1805
- "default": "'left'",
1806
- "attribute": "align",
1667
+ "name": "gutters",
1807
1668
  "type": {
1808
- "text": "string"
1809
- }
1669
+ "text": "ColumnConfig[]"
1670
+ },
1671
+ "attribute": "gutters"
1672
+ },
1673
+ {
1674
+ "kind": "field",
1675
+ "name": "rowIndex",
1676
+ "type": {
1677
+ "text": "number"
1678
+ },
1679
+ "attribute": "rowIndex"
1810
1680
  },
1811
1681
  {
1812
1682
  "kind": "field",
@@ -1814,101 +1684,166 @@
1814
1684
  "type": {
1815
1685
  "text": "GristRecord"
1816
1686
  },
1817
- "default": "{}",
1818
1687
  "attribute": "record"
1819
1688
  },
1820
1689
  {
1821
1690
  "kind": "field",
1822
- "name": "column",
1691
+ "name": "clickHandler",
1823
1692
  "type": {
1824
- "text": "ColumnConfig"
1693
+ "text": "EventListener"
1825
1694
  },
1826
- "default": "ZERO_COLUMN",
1827
- "attribute": "column"
1695
+ "attribute": "clickHandler"
1828
1696
  },
1829
1697
  {
1830
1698
  "kind": "field",
1831
- "name": "rowIndex",
1699
+ "name": "dblclickHandler",
1832
1700
  "type": {
1833
- "text": "number"
1701
+ "text": "EventListener"
1834
1702
  },
1835
- "default": "0",
1836
- "attribute": "rowIndex"
1703
+ "attribute": "dblclickHandler"
1837
1704
  },
1838
1705
  {
1839
1706
  "kind": "field",
1840
- "name": "columnIndex",
1707
+ "name": "icon",
1841
1708
  "type": {
1842
- "text": "number"
1709
+ "text": "Element"
1710
+ }
1711
+ },
1712
+ {
1713
+ "kind": "method",
1714
+ "name": "menuRender"
1715
+ },
1716
+ {
1717
+ "kind": "method",
1718
+ "name": "open",
1719
+ "parameters": [
1720
+ {
1721
+ "name": "e",
1722
+ "type": {
1723
+ "text": "Event"
1724
+ }
1725
+ }
1726
+ ]
1727
+ }
1728
+ ],
1729
+ "attributes": [
1730
+ {
1731
+ "name": "gutters",
1732
+ "type": {
1733
+ "text": "ColumnConfig[]"
1843
1734
  },
1844
- "default": "0",
1845
- "attribute": "columnIndex"
1735
+ "fieldName": "gutters"
1846
1736
  },
1847
1737
  {
1848
- "kind": "field",
1849
- "name": "editing",
1738
+ "name": "rowIndex",
1850
1739
  "type": {
1851
- "text": "boolean"
1740
+ "text": "number"
1852
1741
  },
1853
- "default": "false",
1854
- "attribute": "editing"
1742
+ "fieldName": "rowIndex"
1743
+ },
1744
+ {
1745
+ "name": "record",
1746
+ "type": {
1747
+ "text": "GristRecord"
1748
+ },
1749
+ "fieldName": "record"
1750
+ },
1751
+ {
1752
+ "name": "clickHandler",
1753
+ "type": {
1754
+ "text": "EventListener"
1755
+ },
1756
+ "fieldName": "clickHandler"
1855
1757
  },
1758
+ {
1759
+ "name": "dblclickHandler",
1760
+ "type": {
1761
+ "text": "EventListener"
1762
+ },
1763
+ "fieldName": "dblclickHandler"
1764
+ }
1765
+ ],
1766
+ "superclass": {
1767
+ "name": "LitElement",
1768
+ "package": "lit"
1769
+ },
1770
+ "tagName": "ox-card-gutter-menu",
1771
+ "customElement": true
1772
+ }
1773
+ ],
1774
+ "exports": [
1775
+ {
1776
+ "kind": "custom-element-definition",
1777
+ "name": "ox-card-gutter-menu",
1778
+ "declaration": {
1779
+ "name": "DataCardGutterMenu",
1780
+ "module": "src/data-card/data-card-gutter-menu.ts"
1781
+ }
1782
+ }
1783
+ ]
1784
+ },
1785
+ {
1786
+ "kind": "javascript-module",
1787
+ "path": "src/data-card/data-card-gutter.ts",
1788
+ "declarations": [
1789
+ {
1790
+ "kind": "class",
1791
+ "description": "",
1792
+ "name": "DataCardGutter",
1793
+ "members": [
1856
1794
  {
1857
1795
  "kind": "field",
1858
- "name": "value",
1796
+ "name": "align",
1859
1797
  "type": {
1860
- "text": "object"
1798
+ "text": "string | undefined"
1861
1799
  },
1862
- "default": "{}",
1863
- "attribute": "value"
1800
+ "attribute": "align"
1864
1801
  },
1865
1802
  {
1866
1803
  "kind": "field",
1867
- "name": "emphasized",
1804
+ "name": "record",
1868
1805
  "type": {
1869
- "text": "boolean"
1806
+ "text": "GristRecord"
1870
1807
  },
1871
- "default": "false",
1872
- "attribute": "emphasized"
1808
+ "default": "ZERO_RECORD",
1809
+ "attribute": "record"
1873
1810
  },
1874
1811
  {
1875
1812
  "kind": "field",
1876
- "name": "_editCancelled",
1813
+ "name": "column",
1877
1814
  "type": {
1878
- "text": "boolean | undefined"
1815
+ "text": "ColumnConfig"
1879
1816
  },
1880
- "privacy": "private"
1817
+ "default": "ZERO_COLUMN",
1818
+ "attribute": "column"
1881
1819
  },
1882
1820
  {
1883
1821
  "kind": "field",
1884
- "name": "_onFieldChange",
1822
+ "name": "rowIndex",
1885
1823
  "type": {
1886
- "text": "(e: Event) => void"
1824
+ "text": "number"
1887
1825
  },
1888
- "privacy": "private",
1889
- "default": "e => {}"
1826
+ "default": "-1",
1827
+ "attribute": "rowIndex"
1890
1828
  },
1891
1829
  {
1892
1830
  "kind": "field",
1893
- "name": "_onKeydownInEditingMode",
1831
+ "name": "value",
1894
1832
  "type": {
1895
- "text": "(e: KeyboardEvent) => void"
1833
+ "text": "object | undefined"
1896
1834
  },
1897
- "privacy": "private",
1898
- "default": "e => {}"
1835
+ "attribute": "value"
1899
1836
  },
1900
1837
  {
1901
1838
  "kind": "field",
1902
- "name": "isEditing",
1903
- "privacy": "private"
1839
+ "name": "isEditing"
1904
1840
  }
1905
1841
  ],
1906
1842
  "attributes": [
1907
1843
  {
1908
1844
  "name": "align",
1909
- "default": "DEFAULT_TEXT_ALIGN",
1910
- "resolveInitializer": {
1911
- "module": "src/data-grid/data-grid-field.ts"
1845
+ "type": {
1846
+ "text": "string | undefined"
1912
1847
  },
1913
1848
  "fieldName": "align"
1914
1849
  },
@@ -1917,7 +1852,10 @@
1917
1852
  "type": {
1918
1853
  "text": "GristRecord"
1919
1854
  },
1920
- "default": "{}",
1855
+ "default": "ZERO_RECORD",
1856
+ "resolveInitializer": {
1857
+ "module": "/src/configure/zero-config"
1858
+ },
1921
1859
  "fieldName": "record"
1922
1860
  },
1923
1861
  {
@@ -1936,77 +1874,52 @@
1936
1874
  "type": {
1937
1875
  "text": "number"
1938
1876
  },
1939
- "default": "0",
1877
+ "default": "-1",
1940
1878
  "fieldName": "rowIndex"
1941
1879
  },
1942
- {
1943
- "name": "columnIndex",
1944
- "type": {
1945
- "text": "number"
1946
- },
1947
- "default": "0",
1948
- "fieldName": "columnIndex"
1949
- },
1950
- {
1951
- "name": "editing",
1952
- "type": {
1953
- "text": "boolean"
1954
- },
1955
- "default": "false",
1956
- "fieldName": "editing"
1957
- },
1958
1880
  {
1959
1881
  "name": "value",
1960
1882
  "type": {
1961
- "text": "object"
1883
+ "text": "object | undefined"
1962
1884
  },
1963
- "default": "{}",
1964
1885
  "fieldName": "value"
1965
- },
1966
- {
1967
- "name": "emphasized",
1968
- "type": {
1969
- "text": "boolean"
1970
- },
1971
- "default": "false",
1972
- "fieldName": "emphasized"
1973
1886
  }
1974
1887
  ],
1975
1888
  "superclass": {
1976
1889
  "name": "LitElement",
1977
1890
  "package": "lit"
1978
1891
  },
1979
- "tagName": "ox-grid-field",
1892
+ "tagName": "ox-card-gutter",
1980
1893
  "customElement": true
1981
1894
  }
1982
1895
  ],
1983
1896
  "exports": [
1984
1897
  {
1985
1898
  "kind": "js",
1986
- "name": "DataGridField",
1899
+ "name": "DataCardGutter",
1987
1900
  "declaration": {
1988
- "name": "DataGridField",
1989
- "module": "src/data-grid/data-grid-field.ts"
1901
+ "name": "DataCardGutter",
1902
+ "module": "src/data-card/data-card-gutter.ts"
1990
1903
  }
1991
1904
  },
1992
1905
  {
1993
1906
  "kind": "custom-element-definition",
1994
- "name": "ox-grid-field",
1907
+ "name": "ox-card-gutter",
1995
1908
  "declaration": {
1996
- "name": "DataGridField",
1997
- "module": "src/data-grid/data-grid-field.ts"
1909
+ "name": "DataCardGutter",
1910
+ "module": "src/data-card/data-card-gutter.ts"
1998
1911
  }
1999
1912
  }
2000
1913
  ]
2001
1914
  },
2002
1915
  {
2003
1916
  "kind": "javascript-module",
2004
- "path": "src/data-grid/data-grid-footer.ts",
1917
+ "path": "src/data-card/data-card.ts",
2005
1918
  "declarations": [
2006
1919
  {
2007
1920
  "kind": "class",
2008
1921
  "description": "",
2009
- "name": "DataGridFooter",
1922
+ "name": "DataCard",
2010
1923
  "members": [
2011
1924
  {
2012
1925
  "kind": "field",
@@ -2026,40 +1939,102 @@
2026
1939
  "default": "ZERO_DATA",
2027
1940
  "attribute": "data"
2028
1941
  },
1942
+ {
1943
+ "kind": "field",
1944
+ "name": "isTop",
1945
+ "type": {
1946
+ "text": "boolean"
1947
+ },
1948
+ "default": "false",
1949
+ "attribute": "isTop"
1950
+ },
1951
+ {
1952
+ "kind": "field",
1953
+ "name": "_records",
1954
+ "type": {
1955
+ "text": "GristRecord[]"
1956
+ },
1957
+ "privacy": "private",
1958
+ "default": "[]",
1959
+ "attribute": "_records"
1960
+ },
1961
+ {
1962
+ "kind": "field",
1963
+ "name": "_total",
1964
+ "type": {
1965
+ "text": "number"
1966
+ },
1967
+ "privacy": "private",
1968
+ "default": "0"
1969
+ },
1970
+ {
1971
+ "kind": "field",
1972
+ "name": "_limit",
1973
+ "type": {
1974
+ "text": "number"
1975
+ },
1976
+ "privacy": "private",
1977
+ "default": "20"
1978
+ },
1979
+ {
1980
+ "kind": "field",
1981
+ "name": "_page",
1982
+ "type": {
1983
+ "text": "number"
1984
+ },
1985
+ "privacy": "private",
1986
+ "default": "1"
1987
+ },
2029
1988
  {
2030
1989
  "kind": "method",
2031
- "name": "_gotoPage",
1990
+ "name": "onRecordChanged",
2032
1991
  "parameters": [
2033
1992
  {
2034
- "name": "page",
1993
+ "name": "recordData",
1994
+ "type": {
1995
+ "text": "GristRecord"
1996
+ }
1997
+ },
1998
+ {
1999
+ "name": "row",
2035
2000
  "type": {
2036
2001
  "text": "number"
2037
2002
  }
2003
+ },
2004
+ {
2005
+ "name": "column",
2006
+ "type": {
2007
+ "text": "ColumnConfig | null"
2008
+ }
2038
2009
  }
2039
2010
  ]
2040
2011
  },
2041
2012
  {
2042
2013
  "kind": "method",
2043
- "name": "_changeLimit",
2014
+ "name": "gotoTop",
2044
2015
  "parameters": [
2045
2016
  {
2046
- "name": "limit",
2017
+ "name": "e",
2047
2018
  "type": {
2048
- "text": "number"
2019
+ "text": "Event"
2049
2020
  }
2050
2021
  }
2051
2022
  ]
2023
+ },
2024
+ {
2025
+ "kind": "field",
2026
+ "name": "pullToRefreshTarget"
2052
2027
  }
2053
2028
  ],
2054
2029
  "events": [
2055
2030
  {
2056
- "name": "page-change",
2031
+ "name": "attach-page",
2057
2032
  "type": {
2058
2033
  "text": "CustomEvent"
2059
2034
  }
2060
2035
  },
2061
2036
  {
2062
- "name": "limit-change",
2037
+ "name": "record-change",
2063
2038
  "type": {
2064
2039
  "text": "CustomEvent"
2065
2040
  }
@@ -2087,43 +2062,59 @@
2087
2062
  "module": "/src/configure/zero-config"
2088
2063
  },
2089
2064
  "fieldName": "data"
2065
+ },
2066
+ {
2067
+ "name": "isTop",
2068
+ "type": {
2069
+ "text": "boolean"
2070
+ },
2071
+ "default": "false",
2072
+ "fieldName": "isTop"
2073
+ },
2074
+ {
2075
+ "name": "_records",
2076
+ "type": {
2077
+ "text": "GristRecord[]"
2078
+ },
2079
+ "default": "[]",
2080
+ "fieldName": "_records"
2090
2081
  }
2091
2082
  ],
2092
2083
  "superclass": {
2093
2084
  "name": "LitElement",
2094
2085
  "package": "lit"
2095
2086
  },
2096
- "tagName": "ox-grid-footer",
2087
+ "tagName": "ox-card",
2097
2088
  "customElement": true
2098
2089
  }
2099
2090
  ],
2100
2091
  "exports": [
2101
2092
  {
2102
2093
  "kind": "js",
2103
- "name": "DataGridFooter",
2094
+ "name": "DataCard",
2104
2095
  "declaration": {
2105
- "name": "DataGridFooter",
2106
- "module": "src/data-grid/data-grid-footer.ts"
2096
+ "name": "DataCard",
2097
+ "module": "src/data-card/data-card.ts"
2107
2098
  }
2108
2099
  },
2109
2100
  {
2110
2101
  "kind": "custom-element-definition",
2111
- "name": "ox-grid-footer",
2102
+ "name": "ox-card",
2112
2103
  "declaration": {
2113
- "name": "DataGridFooter",
2114
- "module": "src/data-grid/data-grid-footer.ts"
2104
+ "name": "DataCard",
2105
+ "module": "src/data-card/data-card.ts"
2115
2106
  }
2116
2107
  }
2117
2108
  ]
2118
2109
  },
2119
2110
  {
2120
2111
  "kind": "javascript-module",
2121
- "path": "src/data-grid/data-grid-header.ts",
2112
+ "path": "src/data-card/record-card.ts",
2122
2113
  "declarations": [
2123
2114
  {
2124
2115
  "kind": "class",
2125
2116
  "description": "",
2126
- "name": "DataGridHeader",
2117
+ "name": "RecordCard",
2127
2118
  "members": [
2128
2119
  {
2129
2120
  "kind": "field",
@@ -2134,15 +2125,6 @@
2134
2125
  "default": "ZERO_CONFIG",
2135
2126
  "attribute": "config"
2136
2127
  },
2137
- {
2138
- "kind": "field",
2139
- "name": "columns",
2140
- "type": {
2141
- "text": "ColumnConfig[]"
2142
- },
2143
- "default": "ZERO_COLUMNS",
2144
- "attribute": "columns"
2145
- },
2146
2128
  {
2147
2129
  "kind": "field",
2148
2130
  "name": "data",
@@ -2154,135 +2136,81 @@
2154
2136
  },
2155
2137
  {
2156
2138
  "kind": "field",
2157
- "name": "_sorters",
2139
+ "name": "record",
2158
2140
  "type": {
2159
- "text": "SortersConfig"
2141
+ "text": "GristRecord"
2160
2142
  },
2161
- "privacy": "private",
2162
- "default": "[]"
2143
+ "default": "ZERO_RECORD",
2144
+ "attribute": "record"
2163
2145
  },
2164
2146
  {
2165
2147
  "kind": "field",
2166
- "name": "_lastAccVal",
2148
+ "name": "rowIndex",
2167
2149
  "type": {
2168
- "text": "number | undefined"
2150
+ "text": "number"
2169
2151
  },
2170
- "privacy": "private"
2152
+ "default": "-1",
2153
+ "attribute": "rowIndex"
2171
2154
  },
2172
2155
  {
2173
2156
  "kind": "field",
2174
- "name": "_throttledNotifier",
2157
+ "name": "selectedRow",
2175
2158
  "type": {
2176
- "text": "any | undefined"
2159
+ "text": "boolean"
2177
2160
  },
2178
- "privacy": "private"
2179
- },
2180
- {
2181
- "kind": "method",
2182
- "name": "_renderHeader",
2183
- "parameters": [
2184
- {
2185
- "name": "column",
2186
- "type": {
2187
- "text": "ColumnConfig"
2188
- }
2189
- }
2190
- ]
2161
+ "default": "false",
2162
+ "attribute": "selected-row"
2191
2163
  },
2192
2164
  {
2193
- "kind": "method",
2194
- "name": "_renderSortHeader",
2195
- "parameters": [
2196
- {
2197
- "name": "column",
2198
- "type": {
2199
- "text": "ColumnConfig"
2200
- }
2201
- }
2202
- ]
2165
+ "kind": "field",
2166
+ "name": "_recordView",
2167
+ "type": {
2168
+ "text": "any"
2169
+ },
2170
+ "privacy": "private"
2203
2171
  },
2204
2172
  {
2205
- "kind": "method",
2206
- "name": "_renderFilterHeader",
2207
- "parameters": [
2208
- {
2209
- "name": "column",
2210
- "type": {
2211
- "text": "ColumnConfig"
2212
- }
2213
- }
2214
- ]
2173
+ "kind": "field",
2174
+ "name": "clickHandler",
2175
+ "privacy": "private",
2176
+ "default": "recordCardClickHandler.bind(this)"
2215
2177
  },
2216
2178
  {
2217
- "kind": "method",
2218
- "name": "_changeSort",
2219
- "parameters": [
2220
- {
2221
- "name": "column",
2222
- "type": {
2223
- "text": "ColumnConfig"
2224
- }
2225
- }
2226
- ]
2179
+ "kind": "field",
2180
+ "name": "dblclickHandler",
2181
+ "privacy": "private",
2182
+ "default": "recordCardDblClickHandler.bind(this)"
2227
2183
  },
2228
2184
  {
2229
2185
  "kind": "method",
2230
- "name": "_accumalate",
2186
+ "name": "onFieldChange",
2231
2187
  "parameters": [
2232
2188
  {
2233
- "name": "x",
2189
+ "name": "e",
2234
2190
  "type": {
2235
- "text": "number"
2191
+ "text": "Event"
2236
2192
  }
2237
2193
  }
2238
2194
  ]
2239
2195
  },
2240
2196
  {
2241
- "kind": "method",
2242
- "name": "_notifyWidthChange",
2243
- "parameters": [
2244
- {
2245
- "name": "idx",
2246
- "type": {
2247
- "text": "number"
2248
- }
2249
- },
2250
- {
2251
- "name": "width",
2252
- "type": {
2253
- "text": "number"
2254
- }
2255
- }
2256
- ]
2197
+ "kind": "field",
2198
+ "name": "recordView"
2257
2199
  },
2258
2200
  {
2259
2201
  "kind": "method",
2260
- "name": "_mousedown",
2261
- "parameters": [
2262
- {
2263
- "name": "e",
2264
- "type": {
2265
- "text": "MouseEvent"
2266
- }
2267
- },
2268
- {
2269
- "name": "idx",
2270
- "type": {
2271
- "text": "number"
2272
- }
2273
- }
2274
- ]
2202
+ "name": "popupRecordView"
2275
2203
  }
2276
2204
  ],
2277
2205
  "events": [
2278
2206
  {
2279
- "name": "sorters-change",
2207
+ "name": "field-change",
2280
2208
  "type": {
2281
2209
  "text": "CustomEvent"
2282
2210
  }
2283
2211
  },
2284
2212
  {
2285
- "name": "column-width-change",
2213
+ "name": "record-reset",
2286
2214
  "type": {
2287
2215
  "text": "CustomEvent"
2288
2216
  }
@@ -2301,64 +2229,105 @@
2301
2229
  "fieldName": "config"
2302
2230
  },
2303
2231
  {
2304
- "name": "columns",
2232
+ "name": "data",
2305
2233
  "type": {
2306
- "text": "ColumnConfig[]"
2234
+ "text": "GristData"
2307
2235
  },
2308
- "default": "ZERO_COLUMNS",
2236
+ "default": "ZERO_DATA",
2309
2237
  "resolveInitializer": {
2310
2238
  "module": "/src/configure/zero-config"
2311
2239
  },
2312
- "fieldName": "columns"
2240
+ "fieldName": "data"
2313
2241
  },
2314
2242
  {
2315
- "name": "data",
2243
+ "name": "record",
2316
2244
  "type": {
2317
- "text": "GristData"
2245
+ "text": "GristRecord"
2318
2246
  },
2319
- "default": "ZERO_DATA",
2247
+ "default": "ZERO_RECORD",
2320
2248
  "resolveInitializer": {
2321
2249
  "module": "/src/configure/zero-config"
2322
2250
  },
2323
- "fieldName": "data"
2251
+ "fieldName": "record"
2252
+ },
2253
+ {
2254
+ "name": "rowIndex",
2255
+ "type": {
2256
+ "text": "number"
2257
+ },
2258
+ "default": "-1",
2259
+ "fieldName": "rowIndex"
2260
+ },
2261
+ {
2262
+ "name": "selected-row",
2263
+ "type": {
2264
+ "text": "boolean"
2265
+ },
2266
+ "default": "false",
2267
+ "fieldName": "selectedRow"
2324
2268
  }
2325
2269
  ],
2326
2270
  "superclass": {
2327
2271
  "name": "LitElement",
2328
2272
  "package": "lit"
2329
2273
  },
2330
- "tagName": "ox-grid-header",
2274
+ "tagName": "ox-record-card",
2331
2275
  "customElement": true
2332
2276
  }
2333
2277
  ],
2334
2278
  "exports": [
2335
2279
  {
2336
2280
  "kind": "js",
2337
- "name": "DataGridHeader",
2281
+ "name": "RecordCard",
2338
2282
  "declaration": {
2339
- "name": "DataGridHeader",
2340
- "module": "src/data-grid/data-grid-header.ts"
2283
+ "name": "RecordCard",
2284
+ "module": "src/data-card/record-card.ts"
2341
2285
  }
2342
2286
  },
2343
2287
  {
2344
2288
  "kind": "custom-element-definition",
2345
- "name": "ox-grid-header",
2289
+ "name": "ox-record-card",
2346
2290
  "declaration": {
2347
- "name": "DataGridHeader",
2348
- "module": "src/data-grid/data-grid-header.ts"
2291
+ "name": "RecordCard",
2292
+ "module": "src/data-card/record-card.ts"
2349
2293
  }
2350
2294
  }
2351
2295
  ]
2352
2296
  },
2353
2297
  {
2354
2298
  "kind": "javascript-module",
2355
- "path": "src/data-grid/data-grid.ts",
2299
+ "path": "src/data-grid/data-grid-body-style.ts",
2300
+ "declarations": [
2301
+ {
2302
+ "kind": "variable",
2303
+ "name": "dataGridBodyStyle",
2304
+ "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`"
2305
+ }
2306
+ ],
2307
+ "exports": [
2308
+ {
2309
+ "kind": "js",
2310
+ "name": "dataGridBodyStyle",
2311
+ "declaration": {
2312
+ "name": "dataGridBodyStyle",
2313
+ "module": "src/data-grid/data-grid-body-style.ts"
2314
+ }
2315
+ }
2316
+ ]
2317
+ },
2318
+ {
2319
+ "kind": "javascript-module",
2320
+ "path": "src/data-grid/data-grid-body.ts",
2356
2321
  "declarations": [
2357
2322
  {
2358
2323
  "kind": "class",
2359
- "description": "DataGrid",
2360
- "name": "DataGrid",
2324
+ "description": "",
2325
+ "name": "DataGridBody",
2361
2326
  "members": [
2327
+ {
2328
+ "kind": "field",
2329
+ "name": "debounce"
2330
+ },
2362
2331
  {
2363
2332
  "kind": "field",
2364
2333
  "name": "config",
@@ -2368,6 +2337,15 @@
2368
2337
  "default": "ZERO_CONFIG",
2369
2338
  "attribute": "config"
2370
2339
  },
2340
+ {
2341
+ "kind": "field",
2342
+ "name": "columns",
2343
+ "type": {
2344
+ "text": "ColumnConfig[]"
2345
+ },
2346
+ "default": "[]",
2347
+ "attribute": "columns"
2348
+ },
2371
2349
  {
2372
2350
  "kind": "field",
2373
2351
  "name": "data",
@@ -2381,42 +2359,53 @@
2381
2359
  "kind": "field",
2382
2360
  "name": "focused",
2383
2361
  "type": {
2384
- "text": "{ row: number; column: number } | undefined"
2362
+ "text": "{ row: number; column: number }"
2385
2363
  },
2364
+ "default": "{\n row: 0,\n column: 0\n}",
2386
2365
  "attribute": "focused"
2387
2366
  },
2388
2367
  {
2389
2368
  "kind": "field",
2390
- "name": "body",
2369
+ "name": "editTarget",
2391
2370
  "type": {
2392
- "text": "LitElement"
2393
- }
2371
+ "text": "{ row: number; column: number } | null"
2372
+ },
2373
+ "default": "null",
2374
+ "attribute": "editTarget"
2394
2375
  },
2395
2376
  {
2396
2377
  "kind": "field",
2397
- "name": "header",
2378
+ "name": "from",
2398
2379
  "type": {
2399
- "text": "DataGridHeader"
2400
- }
2380
+ "text": "number"
2381
+ },
2382
+ "default": "-1",
2383
+ "attribute": "from"
2401
2384
  },
2402
2385
  {
2403
2386
  "kind": "field",
2404
- "name": "footer",
2387
+ "name": "to",
2405
2388
  "type": {
2406
- "text": "LitElement"
2407
- }
2389
+ "text": "number"
2390
+ },
2391
+ "default": "-1",
2392
+ "attribute": "to"
2408
2393
  },
2409
2394
  {
2410
2395
  "kind": "field",
2411
- "name": "_widths",
2396
+ "name": "_focusedListener",
2412
2397
  "type": {
2413
- "text": "string | undefined"
2398
+ "text": "(e: KeyboardEvent) => void | undefined"
2414
2399
  },
2415
2400
  "privacy": "private"
2416
2401
  },
2417
2402
  {
2418
2403
  "kind": "method",
2419
- "name": "onWheelEvent",
2404
+ "name": "resetEdit"
2405
+ },
2406
+ {
2407
+ "kind": "method",
2408
+ "name": "handleOnScroll",
2420
2409
  "parameters": [
2421
2410
  {
2422
2411
  "name": "e",
@@ -2428,14 +2417,20 @@
2428
2417
  },
2429
2418
  {
2430
2419
  "kind": "method",
2431
- "name": "onRecordChanged",
2420
+ "name": "_onWheelEvent",
2432
2421
  "parameters": [
2433
2422
  {
2434
- "name": "recordData",
2423
+ "name": "e",
2435
2424
  "type": {
2436
- "text": "GristRecord"
2425
+ "text": "WheelEvent"
2437
2426
  }
2438
- },
2427
+ }
2428
+ ]
2429
+ },
2430
+ {
2431
+ "kind": "method",
2432
+ "name": "startEditTarget",
2433
+ "parameters": [
2439
2434
  {
2440
2435
  "name": "row",
2441
2436
  "type": {
@@ -2445,19 +2440,7 @@
2445
2440
  {
2446
2441
  "name": "column",
2447
2442
  "type": {
2448
- "text": "ColumnConfig | null"
2449
- }
2450
- }
2451
- ]
2452
- },
2453
- {
2454
- "kind": "method",
2455
- "name": "calculateWidths",
2456
- "parameters": [
2457
- {
2458
- "name": "columns",
2459
- "type": {
2460
- "text": "ColumnConfig[]"
2443
+ "text": "number"
2461
2444
  }
2462
2445
  }
2463
2446
  ]
@@ -2465,18 +2448,6 @@
2465
2448
  {
2466
2449
  "kind": "method",
2467
2450
  "name": "focus"
2468
- },
2469
- {
2470
- "kind": "field",
2471
- "name": "pullToRefreshTarget"
2472
- }
2473
- ],
2474
- "events": [
2475
- {
2476
- "name": "record-change",
2477
- "type": {
2478
- "text": "CustomEvent"
2479
- }
2480
2451
  }
2481
2452
  ],
2482
2453
  "attributes": [
@@ -2492,193 +2463,122 @@
2492
2463
  "fieldName": "config"
2493
2464
  },
2494
2465
  {
2495
- "name": "data",
2496
- "type": {
2497
- "text": "GristData"
2498
- },
2499
- "default": "ZERO_DATA",
2500
- "resolveInitializer": {
2501
- "module": "/src/configure/zero-config"
2502
- },
2503
- "fieldName": "data"
2504
- },
2505
- {
2506
- "name": "focused",
2507
- "type": {
2508
- "text": "{ row: number; column: number } | undefined"
2509
- },
2510
- "fieldName": "focused"
2511
- }
2512
- ],
2513
- "superclass": {
2514
- "name": "LitElement",
2515
- "package": "lit"
2516
- },
2517
- "tagName": "ox-grid",
2518
- "customElement": true
2519
- }
2520
- ],
2521
- "exports": [
2522
- {
2523
- "kind": "js",
2524
- "name": "DataGrid",
2525
- "declaration": {
2526
- "name": "DataGrid",
2527
- "module": "src/data-grid/data-grid.ts"
2528
- }
2529
- },
2530
- {
2531
- "kind": "custom-element-definition",
2532
- "name": "ox-grid",
2533
- "declaration": {
2534
- "name": "DataGrid",
2535
- "module": "src/data-grid/data-grid.ts"
2536
- }
2537
- }
2538
- ]
2539
- },
2540
- {
2541
- "kind": "javascript-module",
2542
- "path": "src/data-card/data-card-field.ts",
2543
- "declarations": [
2544
- {
2545
- "kind": "class",
2546
- "description": "",
2547
- "name": "DataCardField",
2548
- "members": [
2549
- {
2550
- "kind": "field",
2551
- "name": "align",
2552
- "type": {
2553
- "text": "string | undefined"
2554
- },
2555
- "attribute": "align"
2556
- },
2557
- {
2558
- "kind": "field",
2559
- "name": "record",
2560
- "type": {
2561
- "text": "GristRecord"
2562
- },
2563
- "default": "ZERO_RECORD",
2564
- "attribute": "record"
2565
- },
2566
- {
2567
- "kind": "field",
2568
- "name": "column",
2569
- "type": {
2570
- "text": "ColumnConfig"
2571
- },
2572
- "default": "ZERO_COLUMN",
2573
- "attribute": "column"
2574
- },
2575
- {
2576
- "kind": "field",
2577
- "name": "rowIndex",
2578
- "type": {
2579
- "text": "number"
2580
- },
2581
- "default": "-1",
2582
- "attribute": "rowIndex"
2583
- },
2584
- {
2585
- "kind": "field",
2586
- "name": "value",
2587
- "type": {
2588
- "text": "object | undefined"
2589
- },
2590
- "attribute": "value"
2591
- }
2592
- ],
2593
- "attributes": [
2594
- {
2595
- "name": "align",
2466
+ "name": "columns",
2596
2467
  "type": {
2597
- "text": "string | undefined"
2468
+ "text": "ColumnConfig[]"
2598
2469
  },
2599
- "fieldName": "align"
2470
+ "default": "[]",
2471
+ "fieldName": "columns"
2600
2472
  },
2601
2473
  {
2602
- "name": "record",
2474
+ "name": "data",
2603
2475
  "type": {
2604
- "text": "GristRecord"
2476
+ "text": "GristData"
2605
2477
  },
2606
- "default": "ZERO_RECORD",
2478
+ "default": "ZERO_DATA",
2607
2479
  "resolveInitializer": {
2608
2480
  "module": "/src/configure/zero-config"
2609
2481
  },
2610
- "fieldName": "record"
2482
+ "fieldName": "data"
2611
2483
  },
2612
2484
  {
2613
- "name": "column",
2485
+ "name": "focused",
2614
2486
  "type": {
2615
- "text": "ColumnConfig"
2487
+ "text": "{ row: number; column: number }"
2616
2488
  },
2617
- "default": "ZERO_COLUMN",
2489
+ "default": "ZERO_FOCUS",
2618
2490
  "resolveInitializer": {
2619
- "module": "/src/configure/zero-config"
2491
+ "module": "src/data-grid/data-grid-body.ts"
2620
2492
  },
2621
- "fieldName": "column"
2493
+ "fieldName": "focused"
2622
2494
  },
2623
2495
  {
2624
- "name": "rowIndex",
2496
+ "name": "editTarget",
2497
+ "type": {
2498
+ "text": "{ row: number; column: number } | null"
2499
+ },
2500
+ "default": "null",
2501
+ "fieldName": "editTarget"
2502
+ },
2503
+ {
2504
+ "name": "from",
2625
2505
  "type": {
2626
2506
  "text": "number"
2627
2507
  },
2628
2508
  "default": "-1",
2629
- "fieldName": "rowIndex"
2509
+ "fieldName": "from"
2630
2510
  },
2631
2511
  {
2632
- "name": "value",
2512
+ "name": "to",
2633
2513
  "type": {
2634
- "text": "object | undefined"
2514
+ "text": "number"
2635
2515
  },
2636
- "fieldName": "value"
2516
+ "default": "-1",
2517
+ "fieldName": "to"
2637
2518
  }
2638
2519
  ],
2639
2520
  "superclass": {
2640
2521
  "name": "LitElement",
2641
2522
  "package": "lit"
2642
2523
  },
2643
- "tagName": "ox-card-field",
2524
+ "tagName": "ox-grid-body",
2644
2525
  "customElement": true
2645
2526
  }
2646
2527
  ],
2647
2528
  "exports": [
2648
2529
  {
2649
2530
  "kind": "js",
2650
- "name": "DataCardField",
2531
+ "name": "DataGridBody",
2651
2532
  "declaration": {
2652
- "name": "DataCardField",
2653
- "module": "src/data-card/data-card-field.ts"
2533
+ "name": "DataGridBody",
2534
+ "module": "src/data-grid/data-grid-body.ts"
2654
2535
  }
2655
2536
  },
2656
2537
  {
2657
2538
  "kind": "custom-element-definition",
2658
- "name": "ox-card-field",
2539
+ "name": "ox-grid-body",
2659
2540
  "declaration": {
2660
- "name": "DataCardField",
2661
- "module": "src/data-card/data-card-field.ts"
2541
+ "name": "DataGridBody",
2542
+ "module": "src/data-grid/data-grid-body.ts"
2662
2543
  }
2663
2544
  }
2664
2545
  ]
2665
2546
  },
2666
2547
  {
2667
2548
  "kind": "javascript-module",
2668
- "path": "src/data-card/data-card-gutter-menu.ts",
2549
+ "path": "src/data-grid/data-grid-field.ts",
2669
2550
  "declarations": [
2670
2551
  {
2671
2552
  "kind": "class",
2672
2553
  "description": "",
2673
- "name": "DataCardGutterMenu",
2554
+ "name": "DataGridField",
2674
2555
  "members": [
2675
2556
  {
2676
2557
  "kind": "field",
2677
- "name": "gutters",
2558
+ "name": "align",
2559
+ "default": "'left'",
2560
+ "attribute": "align",
2678
2561
  "type": {
2679
- "text": "ColumnConfig[]"
2562
+ "text": "string"
2563
+ }
2564
+ },
2565
+ {
2566
+ "kind": "field",
2567
+ "name": "record",
2568
+ "type": {
2569
+ "text": "GristRecord"
2680
2570
  },
2681
- "attribute": "gutters"
2571
+ "default": "{}",
2572
+ "attribute": "record"
2573
+ },
2574
+ {
2575
+ "kind": "field",
2576
+ "name": "column",
2577
+ "type": {
2578
+ "text": "ColumnConfig"
2579
+ },
2580
+ "default": "ZERO_COLUMN",
2581
+ "attribute": "column"
2682
2582
  },
2683
2583
  {
2684
2584
  "kind": "field",
@@ -2686,250 +2586,298 @@
2686
2586
  "type": {
2687
2587
  "text": "number"
2688
2588
  },
2589
+ "default": "0",
2689
2590
  "attribute": "rowIndex"
2690
2591
  },
2691
2592
  {
2692
2593
  "kind": "field",
2693
- "name": "record",
2594
+ "name": "columnIndex",
2694
2595
  "type": {
2695
- "text": "GristRecord"
2596
+ "text": "number"
2696
2597
  },
2697
- "attribute": "record"
2598
+ "default": "0",
2599
+ "attribute": "columnIndex"
2698
2600
  },
2699
2601
  {
2700
2602
  "kind": "field",
2701
- "name": "clickHandler",
2603
+ "name": "editing",
2702
2604
  "type": {
2703
- "text": "EventListener"
2605
+ "text": "boolean"
2704
2606
  },
2705
- "attribute": "clickHandler"
2607
+ "default": "false",
2608
+ "attribute": "editing"
2706
2609
  },
2707
2610
  {
2708
2611
  "kind": "field",
2709
- "name": "dblclickHandler",
2612
+ "name": "value",
2710
2613
  "type": {
2711
- "text": "EventListener"
2614
+ "text": "object"
2712
2615
  },
2713
- "attribute": "dblclickHandler"
2616
+ "default": "{}",
2617
+ "attribute": "value"
2714
2618
  },
2715
2619
  {
2716
2620
  "kind": "field",
2717
- "name": "icon",
2621
+ "name": "emphasized",
2718
2622
  "type": {
2719
- "text": "Element"
2720
- }
2623
+ "text": "boolean"
2624
+ },
2625
+ "default": "false",
2626
+ "attribute": "emphasized"
2721
2627
  },
2722
2628
  {
2723
- "kind": "method",
2724
- "name": "menuRender"
2629
+ "kind": "field",
2630
+ "name": "_editCancelled",
2631
+ "type": {
2632
+ "text": "boolean | undefined"
2633
+ },
2634
+ "privacy": "private"
2725
2635
  },
2726
2636
  {
2727
- "kind": "method",
2728
- "name": "open",
2729
- "parameters": [
2730
- {
2731
- "name": "e",
2732
- "type": {
2733
- "text": "Event"
2734
- }
2735
- }
2736
- ]
2637
+ "kind": "field",
2638
+ "name": "_onFieldChange",
2639
+ "type": {
2640
+ "text": "(e: Event) => void"
2641
+ },
2642
+ "privacy": "private",
2643
+ "default": "e => {}"
2644
+ },
2645
+ {
2646
+ "kind": "field",
2647
+ "name": "_onKeydownInEditingMode",
2648
+ "type": {
2649
+ "text": "(e: KeyboardEvent) => void"
2650
+ },
2651
+ "privacy": "private",
2652
+ "default": "e => {}"
2653
+ },
2654
+ {
2655
+ "kind": "field",
2656
+ "name": "isEditing",
2657
+ "privacy": "private"
2737
2658
  }
2738
2659
  ],
2739
2660
  "attributes": [
2740
2661
  {
2741
- "name": "gutters",
2662
+ "name": "align",
2663
+ "default": "DEFAULT_TEXT_ALIGN",
2664
+ "resolveInitializer": {
2665
+ "module": "src/data-grid/data-grid-field.ts"
2666
+ },
2667
+ "fieldName": "align"
2668
+ },
2669
+ {
2670
+ "name": "record",
2742
2671
  "type": {
2743
- "text": "ColumnConfig[]"
2672
+ "text": "GristRecord"
2744
2673
  },
2745
- "fieldName": "gutters"
2674
+ "default": "{}",
2675
+ "fieldName": "record"
2676
+ },
2677
+ {
2678
+ "name": "column",
2679
+ "type": {
2680
+ "text": "ColumnConfig"
2681
+ },
2682
+ "default": "ZERO_COLUMN",
2683
+ "resolveInitializer": {
2684
+ "module": "/src/configure/zero-config"
2685
+ },
2686
+ "fieldName": "column"
2746
2687
  },
2747
2688
  {
2748
2689
  "name": "rowIndex",
2749
2690
  "type": {
2750
2691
  "text": "number"
2751
2692
  },
2693
+ "default": "0",
2752
2694
  "fieldName": "rowIndex"
2753
2695
  },
2754
2696
  {
2755
- "name": "record",
2697
+ "name": "columnIndex",
2756
2698
  "type": {
2757
- "text": "GristRecord"
2699
+ "text": "number"
2758
2700
  },
2759
- "fieldName": "record"
2701
+ "default": "0",
2702
+ "fieldName": "columnIndex"
2760
2703
  },
2761
2704
  {
2762
- "name": "clickHandler",
2705
+ "name": "editing",
2763
2706
  "type": {
2764
- "text": "EventListener"
2707
+ "text": "boolean"
2765
2708
  },
2766
- "fieldName": "clickHandler"
2709
+ "default": "false",
2710
+ "fieldName": "editing"
2767
2711
  },
2768
2712
  {
2769
- "name": "dblclickHandler",
2713
+ "name": "value",
2770
2714
  "type": {
2771
- "text": "EventListener"
2715
+ "text": "object"
2772
2716
  },
2773
- "fieldName": "dblclickHandler"
2717
+ "default": "{}",
2718
+ "fieldName": "value"
2719
+ },
2720
+ {
2721
+ "name": "emphasized",
2722
+ "type": {
2723
+ "text": "boolean"
2724
+ },
2725
+ "default": "false",
2726
+ "fieldName": "emphasized"
2774
2727
  }
2775
2728
  ],
2776
2729
  "superclass": {
2777
2730
  "name": "LitElement",
2778
2731
  "package": "lit"
2779
2732
  },
2780
- "tagName": "ox-card-gutter-menu",
2733
+ "tagName": "ox-grid-field",
2781
2734
  "customElement": true
2782
2735
  }
2783
2736
  ],
2784
2737
  "exports": [
2738
+ {
2739
+ "kind": "js",
2740
+ "name": "DataGridField",
2741
+ "declaration": {
2742
+ "name": "DataGridField",
2743
+ "module": "src/data-grid/data-grid-field.ts"
2744
+ }
2745
+ },
2785
2746
  {
2786
2747
  "kind": "custom-element-definition",
2787
- "name": "ox-card-gutter-menu",
2748
+ "name": "ox-grid-field",
2788
2749
  "declaration": {
2789
- "name": "DataCardGutterMenu",
2790
- "module": "src/data-card/data-card-gutter-menu.ts"
2750
+ "name": "DataGridField",
2751
+ "module": "src/data-grid/data-grid-field.ts"
2791
2752
  }
2792
2753
  }
2793
2754
  ]
2794
2755
  },
2795
2756
  {
2796
2757
  "kind": "javascript-module",
2797
- "path": "src/data-card/data-card-gutter.ts",
2758
+ "path": "src/data-grid/data-grid-footer.ts",
2798
2759
  "declarations": [
2799
2760
  {
2800
2761
  "kind": "class",
2801
2762
  "description": "",
2802
- "name": "DataCardGutter",
2763
+ "name": "DataGridFooter",
2803
2764
  "members": [
2804
2765
  {
2805
2766
  "kind": "field",
2806
- "name": "align",
2807
- "type": {
2808
- "text": "string | undefined"
2809
- },
2810
- "attribute": "align"
2811
- },
2812
- {
2813
- "kind": "field",
2814
- "name": "record",
2767
+ "name": "config",
2815
2768
  "type": {
2816
- "text": "GristRecord"
2769
+ "text": "GristConfig"
2817
2770
  },
2818
- "default": "ZERO_RECORD",
2819
- "attribute": "record"
2771
+ "default": "ZERO_CONFIG",
2772
+ "attribute": "config"
2820
2773
  },
2821
2774
  {
2822
2775
  "kind": "field",
2823
- "name": "column",
2776
+ "name": "data",
2824
2777
  "type": {
2825
- "text": "ColumnConfig"
2778
+ "text": "GristData"
2826
2779
  },
2827
- "default": "ZERO_COLUMN",
2828
- "attribute": "column"
2780
+ "default": "ZERO_DATA",
2781
+ "attribute": "data"
2829
2782
  },
2830
2783
  {
2831
- "kind": "field",
2832
- "name": "rowIndex",
2833
- "type": {
2834
- "text": "number"
2835
- },
2836
- "default": "-1",
2837
- "attribute": "rowIndex"
2784
+ "kind": "method",
2785
+ "name": "_gotoPage",
2786
+ "parameters": [
2787
+ {
2788
+ "name": "page",
2789
+ "type": {
2790
+ "text": "number"
2791
+ }
2792
+ }
2793
+ ]
2838
2794
  },
2839
2795
  {
2840
- "kind": "field",
2841
- "name": "value",
2796
+ "kind": "method",
2797
+ "name": "_changeLimit",
2798
+ "parameters": [
2799
+ {
2800
+ "name": "limit",
2801
+ "type": {
2802
+ "text": "number"
2803
+ }
2804
+ }
2805
+ ]
2806
+ }
2807
+ ],
2808
+ "events": [
2809
+ {
2810
+ "name": "page-change",
2842
2811
  "type": {
2843
- "text": "object | undefined"
2844
- },
2845
- "attribute": "value"
2812
+ "text": "CustomEvent"
2813
+ }
2846
2814
  },
2847
2815
  {
2848
- "kind": "field",
2849
- "name": "isEditing"
2816
+ "name": "limit-change",
2817
+ "type": {
2818
+ "text": "CustomEvent"
2819
+ }
2850
2820
  }
2851
2821
  ],
2852
2822
  "attributes": [
2853
2823
  {
2854
- "name": "align",
2855
- "type": {
2856
- "text": "string | undefined"
2857
- },
2858
- "fieldName": "align"
2859
- },
2860
- {
2861
- "name": "record",
2824
+ "name": "config",
2862
2825
  "type": {
2863
- "text": "GristRecord"
2826
+ "text": "GristConfig"
2864
2827
  },
2865
- "default": "ZERO_RECORD",
2828
+ "default": "ZERO_CONFIG",
2866
2829
  "resolveInitializer": {
2867
2830
  "module": "/src/configure/zero-config"
2868
2831
  },
2869
- "fieldName": "record"
2832
+ "fieldName": "config"
2870
2833
  },
2871
2834
  {
2872
- "name": "column",
2835
+ "name": "data",
2873
2836
  "type": {
2874
- "text": "ColumnConfig"
2837
+ "text": "GristData"
2875
2838
  },
2876
- "default": "ZERO_COLUMN",
2839
+ "default": "ZERO_DATA",
2877
2840
  "resolveInitializer": {
2878
2841
  "module": "/src/configure/zero-config"
2879
2842
  },
2880
- "fieldName": "column"
2881
- },
2882
- {
2883
- "name": "rowIndex",
2884
- "type": {
2885
- "text": "number"
2886
- },
2887
- "default": "-1",
2888
- "fieldName": "rowIndex"
2889
- },
2890
- {
2891
- "name": "value",
2892
- "type": {
2893
- "text": "object | undefined"
2894
- },
2895
- "fieldName": "value"
2843
+ "fieldName": "data"
2896
2844
  }
2897
2845
  ],
2898
2846
  "superclass": {
2899
2847
  "name": "LitElement",
2900
2848
  "package": "lit"
2901
2849
  },
2902
- "tagName": "ox-card-gutter",
2850
+ "tagName": "ox-grid-footer",
2903
2851
  "customElement": true
2904
2852
  }
2905
2853
  ],
2906
2854
  "exports": [
2907
2855
  {
2908
2856
  "kind": "js",
2909
- "name": "DataCardGutter",
2857
+ "name": "DataGridFooter",
2910
2858
  "declaration": {
2911
- "name": "DataCardGutter",
2912
- "module": "src/data-card/data-card-gutter.ts"
2859
+ "name": "DataGridFooter",
2860
+ "module": "src/data-grid/data-grid-footer.ts"
2913
2861
  }
2914
2862
  },
2915
2863
  {
2916
2864
  "kind": "custom-element-definition",
2917
- "name": "ox-card-gutter",
2865
+ "name": "ox-grid-footer",
2918
2866
  "declaration": {
2919
- "name": "DataCardGutter",
2920
- "module": "src/data-card/data-card-gutter.ts"
2867
+ "name": "DataGridFooter",
2868
+ "module": "src/data-grid/data-grid-footer.ts"
2921
2869
  }
2922
2870
  }
2923
2871
  ]
2924
2872
  },
2925
2873
  {
2926
2874
  "kind": "javascript-module",
2927
- "path": "src/data-card/data-card.ts",
2875
+ "path": "src/data-grid/data-grid-header.ts",
2928
2876
  "declarations": [
2929
2877
  {
2930
2878
  "kind": "class",
2931
2879
  "description": "",
2932
- "name": "DataCard",
2880
+ "name": "DataGridHeader",
2933
2881
  "members": [
2934
2882
  {
2935
2883
  "kind": "field",
@@ -2942,109 +2890,153 @@
2942
2890
  },
2943
2891
  {
2944
2892
  "kind": "field",
2945
- "name": "data",
2893
+ "name": "columns",
2946
2894
  "type": {
2947
- "text": "GristData"
2895
+ "text": "ColumnConfig[]"
2948
2896
  },
2949
- "default": "ZERO_DATA",
2950
- "attribute": "data"
2897
+ "default": "ZERO_COLUMNS",
2898
+ "attribute": "columns"
2951
2899
  },
2952
2900
  {
2953
2901
  "kind": "field",
2954
- "name": "isTop",
2902
+ "name": "data",
2955
2903
  "type": {
2956
- "text": "boolean"
2904
+ "text": "GristData"
2957
2905
  },
2958
- "default": "false",
2959
- "attribute": "isTop"
2906
+ "default": "ZERO_DATA",
2907
+ "attribute": "data"
2960
2908
  },
2961
2909
  {
2962
2910
  "kind": "field",
2963
- "name": "_records",
2911
+ "name": "_sorters",
2964
2912
  "type": {
2965
- "text": "GristRecord[]"
2913
+ "text": "SortersConfig"
2966
2914
  },
2967
2915
  "privacy": "private",
2968
- "default": "[]",
2969
- "attribute": "_records"
2916
+ "default": "[]"
2970
2917
  },
2971
2918
  {
2972
2919
  "kind": "field",
2973
- "name": "_total",
2920
+ "name": "_lastAccVal",
2974
2921
  "type": {
2975
- "text": "number"
2922
+ "text": "number | undefined"
2976
2923
  },
2977
- "privacy": "private",
2978
- "default": "0"
2924
+ "privacy": "private"
2979
2925
  },
2980
2926
  {
2981
2927
  "kind": "field",
2982
- "name": "_limit",
2928
+ "name": "_throttledNotifier",
2983
2929
  "type": {
2984
- "text": "number"
2930
+ "text": "any | undefined"
2985
2931
  },
2986
- "privacy": "private",
2987
- "default": "20"
2932
+ "privacy": "private"
2988
2933
  },
2989
2934
  {
2990
- "kind": "field",
2991
- "name": "_page",
2992
- "type": {
2993
- "text": "number"
2994
- },
2995
- "privacy": "private",
2996
- "default": "1"
2935
+ "kind": "method",
2936
+ "name": "_renderHeader",
2937
+ "parameters": [
2938
+ {
2939
+ "name": "column",
2940
+ "type": {
2941
+ "text": "ColumnConfig"
2942
+ }
2943
+ }
2944
+ ]
2997
2945
  },
2998
2946
  {
2999
2947
  "kind": "method",
3000
- "name": "onRecordChanged",
2948
+ "name": "_renderSortHeader",
3001
2949
  "parameters": [
3002
2950
  {
3003
- "name": "recordData",
2951
+ "name": "column",
3004
2952
  "type": {
3005
- "text": "GristRecord"
2953
+ "text": "ColumnConfig"
3006
2954
  }
3007
- },
2955
+ }
2956
+ ]
2957
+ },
2958
+ {
2959
+ "kind": "method",
2960
+ "name": "_renderFilterHeader",
2961
+ "parameters": [
3008
2962
  {
3009
- "name": "row",
2963
+ "name": "column",
3010
2964
  "type": {
3011
- "text": "number"
2965
+ "text": "ColumnConfig"
3012
2966
  }
3013
- },
2967
+ }
2968
+ ]
2969
+ },
2970
+ {
2971
+ "kind": "method",
2972
+ "name": "_changeSort",
2973
+ "parameters": [
3014
2974
  {
3015
2975
  "name": "column",
3016
2976
  "type": {
3017
- "text": "ColumnConfig | null"
2977
+ "text": "ColumnConfig"
3018
2978
  }
3019
2979
  }
3020
2980
  ]
3021
2981
  },
3022
2982
  {
3023
2983
  "kind": "method",
3024
- "name": "gotoTop",
2984
+ "name": "_accumalate",
3025
2985
  "parameters": [
3026
2986
  {
3027
- "name": "e",
2987
+ "name": "x",
3028
2988
  "type": {
3029
- "text": "Event"
2989
+ "text": "number"
3030
2990
  }
3031
2991
  }
3032
2992
  ]
3033
2993
  },
3034
2994
  {
3035
- "kind": "field",
3036
- "name": "pullToRefreshTarget"
2995
+ "kind": "method",
2996
+ "name": "_notifyWidthChange",
2997
+ "parameters": [
2998
+ {
2999
+ "name": "idx",
3000
+ "type": {
3001
+ "text": "number"
3002
+ }
3003
+ },
3004
+ {
3005
+ "name": "width",
3006
+ "type": {
3007
+ "text": "number"
3008
+ }
3009
+ }
3010
+ ]
3011
+ },
3012
+ {
3013
+ "kind": "method",
3014
+ "name": "_mousedown",
3015
+ "parameters": [
3016
+ {
3017
+ "name": "e",
3018
+ "type": {
3019
+ "text": "MouseEvent"
3020
+ }
3021
+ },
3022
+ {
3023
+ "name": "idx",
3024
+ "type": {
3025
+ "text": "number"
3026
+ }
3027
+ }
3028
+ ]
3037
3029
  }
3038
3030
  ],
3039
3031
  "events": [
3040
3032
  {
3041
- "name": "attach-page",
3033
+ "name": "sorters-change",
3042
3034
  "type": {
3043
3035
  "text": "CustomEvent"
3044
3036
  }
3045
3037
  },
3046
3038
  {
3047
- "name": "record-change",
3039
+ "name": "column-width-change",
3048
3040
  "type": {
3049
3041
  "text": "CustomEvent"
3050
3042
  }
@@ -3063,68 +3055,63 @@
3063
3055
  "fieldName": "config"
3064
3056
  },
3065
3057
  {
3066
- "name": "data",
3058
+ "name": "columns",
3067
3059
  "type": {
3068
- "text": "GristData"
3060
+ "text": "ColumnConfig[]"
3069
3061
  },
3070
- "default": "ZERO_DATA",
3062
+ "default": "ZERO_COLUMNS",
3071
3063
  "resolveInitializer": {
3072
3064
  "module": "/src/configure/zero-config"
3073
3065
  },
3074
- "fieldName": "data"
3066
+ "fieldName": "columns"
3075
3067
  },
3076
3068
  {
3077
- "name": "isTop",
3069
+ "name": "data",
3078
3070
  "type": {
3079
- "text": "boolean"
3071
+ "text": "GristData"
3080
3072
  },
3081
- "default": "false",
3082
- "fieldName": "isTop"
3083
- },
3084
- {
3085
- "name": "_records",
3086
- "type": {
3087
- "text": "GristRecord[]"
3073
+ "default": "ZERO_DATA",
3074
+ "resolveInitializer": {
3075
+ "module": "/src/configure/zero-config"
3088
3076
  },
3089
- "default": "[]",
3090
- "fieldName": "_records"
3077
+ "fieldName": "data"
3091
3078
  }
3092
3079
  ],
3093
3080
  "superclass": {
3094
3081
  "name": "LitElement",
3095
3082
  "package": "lit"
3096
3083
  },
3097
- "tagName": "ox-card",
3084
+ "tagName": "ox-grid-header",
3098
3085
  "customElement": true
3099
3086
  }
3100
3087
  ],
3101
3088
  "exports": [
3102
3089
  {
3103
3090
  "kind": "js",
3104
- "name": "DataCard",
3091
+ "name": "DataGridHeader",
3105
3092
  "declaration": {
3106
- "name": "DataCard",
3107
- "module": "src/data-card/data-card.ts"
3093
+ "name": "DataGridHeader",
3094
+ "module": "src/data-grid/data-grid-header.ts"
3108
3095
  }
3109
3096
  },
3110
3097
  {
3111
3098
  "kind": "custom-element-definition",
3112
- "name": "ox-card",
3113
- "declaration": {
3114
- "name": "DataCard",
3115
- "module": "src/data-card/data-card.ts"
3099
+ "name": "ox-grid-header",
3100
+ "declaration": {
3101
+ "name": "DataGridHeader",
3102
+ "module": "src/data-grid/data-grid-header.ts"
3116
3103
  }
3117
3104
  }
3118
3105
  ]
3119
3106
  },
3120
3107
  {
3121
3108
  "kind": "javascript-module",
3122
- "path": "src/data-card/record-card.ts",
3109
+ "path": "src/data-grid/data-grid.ts",
3123
3110
  "declarations": [
3124
3111
  {
3125
3112
  "kind": "class",
3126
- "description": "",
3127
- "name": "RecordCard",
3113
+ "description": "DataGrid",
3114
+ "name": "DataGrid",
3128
3115
  "members": [
3129
3116
  {
3130
3117
  "kind": "field",
@@ -3146,81 +3133,101 @@
3146
3133
  },
3147
3134
  {
3148
3135
  "kind": "field",
3149
- "name": "record",
3136
+ "name": "focused",
3150
3137
  "type": {
3151
- "text": "GristRecord"
3138
+ "text": "{ row: number; column: number } | undefined"
3152
3139
  },
3153
- "default": "ZERO_RECORD",
3154
- "attribute": "record"
3140
+ "attribute": "focused"
3155
3141
  },
3156
3142
  {
3157
3143
  "kind": "field",
3158
- "name": "rowIndex",
3144
+ "name": "body",
3159
3145
  "type": {
3160
- "text": "number"
3161
- },
3162
- "default": "-1",
3163
- "attribute": "rowIndex"
3146
+ "text": "LitElement"
3147
+ }
3164
3148
  },
3165
3149
  {
3166
3150
  "kind": "field",
3167
- "name": "selectedRow",
3151
+ "name": "header",
3168
3152
  "type": {
3169
- "text": "boolean"
3170
- },
3171
- "default": "false",
3172
- "attribute": "selected-row"
3153
+ "text": "DataGridHeader"
3154
+ }
3173
3155
  },
3174
3156
  {
3175
3157
  "kind": "field",
3176
- "name": "_recordView",
3158
+ "name": "footer",
3177
3159
  "type": {
3178
- "text": "any"
3179
- },
3180
- "privacy": "private"
3160
+ "text": "LitElement"
3161
+ }
3181
3162
  },
3182
3163
  {
3183
3164
  "kind": "field",
3184
- "name": "clickHandler",
3185
- "privacy": "private",
3186
- "default": "recordCardClickHandler.bind(this)"
3165
+ "name": "_widths",
3166
+ "type": {
3167
+ "text": "string | undefined"
3168
+ },
3169
+ "privacy": "private"
3187
3170
  },
3188
3171
  {
3189
- "kind": "field",
3190
- "name": "dblclickHandler",
3191
- "privacy": "private",
3192
- "default": "recordCardDblClickHandler.bind(this)"
3172
+ "kind": "method",
3173
+ "name": "onWheelEvent",
3174
+ "parameters": [
3175
+ {
3176
+ "name": "e",
3177
+ "type": {
3178
+ "text": "WheelEvent"
3179
+ }
3180
+ }
3181
+ ]
3193
3182
  },
3194
3183
  {
3195
3184
  "kind": "method",
3196
- "name": "onFieldChange",
3185
+ "name": "onRecordChanged",
3197
3186
  "parameters": [
3198
3187
  {
3199
- "name": "e",
3188
+ "name": "recordData",
3200
3189
  "type": {
3201
- "text": "Event"
3190
+ "text": "GristRecord"
3191
+ }
3192
+ },
3193
+ {
3194
+ "name": "row",
3195
+ "type": {
3196
+ "text": "number"
3197
+ }
3198
+ },
3199
+ {
3200
+ "name": "column",
3201
+ "type": {
3202
+ "text": "ColumnConfig | null"
3202
3203
  }
3203
3204
  }
3204
3205
  ]
3205
3206
  },
3206
3207
  {
3207
- "kind": "field",
3208
- "name": "recordView"
3208
+ "kind": "method",
3209
+ "name": "calculateWidths",
3210
+ "parameters": [
3211
+ {
3212
+ "name": "columns",
3213
+ "type": {
3214
+ "text": "ColumnConfig[]"
3215
+ }
3216
+ }
3217
+ ]
3209
3218
  },
3210
3219
  {
3211
3220
  "kind": "method",
3212
- "name": "popupRecordView"
3221
+ "name": "focus"
3222
+ },
3223
+ {
3224
+ "kind": "field",
3225
+ "name": "pullToRefreshTarget"
3213
3226
  }
3214
3227
  ],
3215
3228
  "events": [
3216
3229
  {
3217
- "name": "field-change",
3218
- "type": {
3219
- "text": "CustomEvent"
3220
- }
3221
- },
3222
- {
3223
- "name": "record-reset",
3230
+ "name": "record-change",
3224
3231
  "type": {
3225
3232
  "text": "CustomEvent"
3226
3233
  }
@@ -3250,56 +3257,36 @@
3250
3257
  "fieldName": "data"
3251
3258
  },
3252
3259
  {
3253
- "name": "record",
3254
- "type": {
3255
- "text": "GristRecord"
3256
- },
3257
- "default": "ZERO_RECORD",
3258
- "resolveInitializer": {
3259
- "module": "/src/configure/zero-config"
3260
- },
3261
- "fieldName": "record"
3262
- },
3263
- {
3264
- "name": "rowIndex",
3265
- "type": {
3266
- "text": "number"
3267
- },
3268
- "default": "-1",
3269
- "fieldName": "rowIndex"
3270
- },
3271
- {
3272
- "name": "selected-row",
3260
+ "name": "focused",
3273
3261
  "type": {
3274
- "text": "boolean"
3262
+ "text": "{ row: number; column: number } | undefined"
3275
3263
  },
3276
- "default": "false",
3277
- "fieldName": "selectedRow"
3264
+ "fieldName": "focused"
3278
3265
  }
3279
3266
  ],
3280
3267
  "superclass": {
3281
3268
  "name": "LitElement",
3282
3269
  "package": "lit"
3283
3270
  },
3284
- "tagName": "ox-record-card",
3271
+ "tagName": "ox-grid",
3285
3272
  "customElement": true
3286
3273
  }
3287
3274
  ],
3288
3275
  "exports": [
3289
3276
  {
3290
3277
  "kind": "js",
3291
- "name": "RecordCard",
3278
+ "name": "DataGrid",
3292
3279
  "declaration": {
3293
- "name": "RecordCard",
3294
- "module": "src/data-card/record-card.ts"
3280
+ "name": "DataGrid",
3281
+ "module": "src/data-grid/data-grid.ts"
3295
3282
  }
3296
3283
  },
3297
3284
  {
3298
3285
  "kind": "custom-element-definition",
3299
- "name": "ox-record-card",
3286
+ "name": "ox-grid",
3300
3287
  "declaration": {
3301
- "name": "RecordCard",
3302
- "module": "src/data-card/record-card.ts"
3288
+ "name": "DataGrid",
3289
+ "module": "src/data-grid/data-grid.ts"
3303
3290
  }
3304
3291
  }
3305
3292
  ]
@@ -11065,6 +11052,15 @@
11065
11052
  "description": "",
11066
11053
  "name": "RecordView",
11067
11054
  "members": [
11055
+ {
11056
+ "kind": "field",
11057
+ "name": "config",
11058
+ "type": {
11059
+ "text": "GristConfig"
11060
+ },
11061
+ "default": "ZERO_CONFIG",
11062
+ "attribute": "config"
11063
+ },
11068
11064
  {
11069
11065
  "kind": "field",
11070
11066
  "name": "columns",
@@ -11092,6 +11088,10 @@
11092
11088
  "default": "-1",
11093
11089
  "attribute": "rowIndex"
11094
11090
  },
11091
+ {
11092
+ "kind": "method",
11093
+ "name": "renderThumbnail"
11094
+ },
11095
11095
  {
11096
11096
  "kind": "method",
11097
11097
  "name": "onReset"
@@ -11126,6 +11126,17 @@
11126
11126
  }
11127
11127
  ],
11128
11128
  "attributes": [
11129
+ {
11130
+ "name": "config",
11131
+ "type": {
11132
+ "text": "GristConfig"
11133
+ },
11134
+ "default": "ZERO_CONFIG",
11135
+ "resolveInitializer": {
11136
+ "module": "/src/configure/zero-config"
11137
+ },
11138
+ "fieldName": "config"
11139
+ },
11129
11140
  {
11130
11141
  "name": "columns",
11131
11142
  "type": {
@@ -11860,11 +11871,11 @@
11860
11871
  },
11861
11872
  {
11862
11873
  "kind": "javascript-module",
11863
- "path": "src/data-grid/event-handlers/data-grid-body-click-handler.ts",
11874
+ "path": "src/data-card/event-handlers/record-card-click-handler.ts",
11864
11875
  "declarations": [
11865
11876
  {
11866
11877
  "kind": "function",
11867
- "name": "dataGridBodyClickHandler",
11878
+ "name": "recordCardClickHandler",
11868
11879
  "return": {
11869
11880
  "type": {
11870
11881
  "text": "void"
@@ -11874,79 +11885,80 @@
11874
11885
  {
11875
11886
  "name": "this",
11876
11887
  "type": {
11877
- "text": "DataGridBody"
11888
+ "text": "RecordCard"
11878
11889
  }
11879
11890
  },
11880
11891
  {
11881
11892
  "name": "e",
11882
11893
  "type": {
11883
- "text": "Event"
11894
+ "text": "MouseEvent"
11884
11895
  }
11885
11896
  }
11886
- ]
11897
+ ],
11898
+ "description": "ox-record-card 의 click handler\n\n- handler의 this 는 ox-record-card임."
11887
11899
  }
11888
11900
  ],
11889
11901
  "exports": [
11890
11902
  {
11891
11903
  "kind": "js",
11892
- "name": "dataGridBodyClickHandler",
11904
+ "name": "recordCardClickHandler",
11893
11905
  "declaration": {
11894
- "name": "dataGridBodyClickHandler",
11895
- "module": "src/data-grid/event-handlers/data-grid-body-click-handler.ts"
11906
+ "name": "recordCardClickHandler",
11907
+ "module": "src/data-card/event-handlers/record-card-click-handler.ts"
11896
11908
  }
11897
11909
  }
11898
11910
  ]
11899
11911
  },
11900
11912
  {
11901
11913
  "kind": "javascript-module",
11902
- "path": "src/data-grid/event-handlers/data-grid-body-dblclick-handler.ts",
11914
+ "path": "src/data-card/event-handlers/record-card-dblclick-handler.ts",
11903
11915
  "declarations": [
11904
11916
  {
11905
11917
  "kind": "function",
11906
- "name": "dataGridBodyDblclickHandler",
11918
+ "name": "recordCardDblClickHandler",
11907
11919
  "return": {
11908
11920
  "type": {
11909
- "text": "Promise<void>"
11921
+ "text": "void"
11910
11922
  }
11911
11923
  },
11912
11924
  "parameters": [
11913
11925
  {
11914
11926
  "name": "this",
11915
11927
  "type": {
11916
- "text": "DataGridBody"
11928
+ "text": "RecordCard"
11917
11929
  }
11918
11930
  },
11919
11931
  {
11920
11932
  "name": "e",
11921
11933
  "type": {
11922
- "text": "Event"
11934
+ "text": "MouseEvent"
11923
11935
  }
11924
11936
  }
11925
11937
  ],
11926
- "description": "ox-grid-body 의 dblclick handler\n\n- handler의 this 는 ox-grid-body임."
11938
+ "description": "ox-record-card 의 dblclick handler\n\n- handler의 this 는 ox-record-card임."
11927
11939
  }
11928
11940
  ],
11929
11941
  "exports": [
11930
11942
  {
11931
11943
  "kind": "js",
11932
- "name": "dataGridBodyDblclickHandler",
11944
+ "name": "recordCardDblClickHandler",
11933
11945
  "declaration": {
11934
- "name": "dataGridBodyDblclickHandler",
11935
- "module": "src/data-grid/event-handlers/data-grid-body-dblclick-handler.ts"
11946
+ "name": "recordCardDblClickHandler",
11947
+ "module": "src/data-card/event-handlers/record-card-dblclick-handler.ts"
11936
11948
  }
11937
11949
  }
11938
11950
  ]
11939
11951
  },
11940
11952
  {
11941
11953
  "kind": "javascript-module",
11942
- "path": "src/data-grid/event-handlers/data-grid-body-keydown-handler.ts",
11954
+ "path": "src/data-grid/event-handlers/data-grid-body-click-handler.ts",
11943
11955
  "declarations": [
11944
11956
  {
11945
11957
  "kind": "function",
11946
- "name": "dataGridBodyKeydownHandler",
11958
+ "name": "dataGridBodyClickHandler",
11947
11959
  "return": {
11948
11960
  "type": {
11949
- "text": "Promise<void>"
11961
+ "text": "void"
11950
11962
  }
11951
11963
  },
11952
11964
  "parameters": [
@@ -11959,100 +11971,99 @@
11959
11971
  {
11960
11972
  "name": "e",
11961
11973
  "type": {
11962
- "text": "KeyboardEvent"
11974
+ "text": "Event"
11963
11975
  }
11964
11976
  }
11965
- ],
11966
- "description": "ox-grid-body 의 keydown handler\n\n- handler의 this 는 ox-grid-body임."
11977
+ ]
11967
11978
  }
11968
11979
  ],
11969
11980
  "exports": [
11970
11981
  {
11971
11982
  "kind": "js",
11972
- "name": "dataGridBodyKeydownHandler",
11983
+ "name": "dataGridBodyClickHandler",
11973
11984
  "declaration": {
11974
- "name": "dataGridBodyKeydownHandler",
11975
- "module": "src/data-grid/event-handlers/data-grid-body-keydown-handler.ts"
11985
+ "name": "dataGridBodyClickHandler",
11986
+ "module": "src/data-grid/event-handlers/data-grid-body-click-handler.ts"
11976
11987
  }
11977
11988
  }
11978
11989
  ]
11979
11990
  },
11980
11991
  {
11981
11992
  "kind": "javascript-module",
11982
- "path": "src/data-card/event-handlers/record-card-click-handler.ts",
11993
+ "path": "src/data-grid/event-handlers/data-grid-body-dblclick-handler.ts",
11983
11994
  "declarations": [
11984
11995
  {
11985
11996
  "kind": "function",
11986
- "name": "recordCardClickHandler",
11997
+ "name": "dataGridBodyDblclickHandler",
11987
11998
  "return": {
11988
11999
  "type": {
11989
- "text": "void"
12000
+ "text": "Promise<void>"
11990
12001
  }
11991
12002
  },
11992
12003
  "parameters": [
11993
12004
  {
11994
12005
  "name": "this",
11995
12006
  "type": {
11996
- "text": "RecordCard"
12007
+ "text": "DataGridBody"
11997
12008
  }
11998
12009
  },
11999
12010
  {
12000
12011
  "name": "e",
12001
12012
  "type": {
12002
- "text": "MouseEvent"
12013
+ "text": "Event"
12003
12014
  }
12004
12015
  }
12005
12016
  ],
12006
- "description": "ox-record-card 의 click handler\n\n- handler의 this 는 ox-record-card임."
12017
+ "description": "ox-grid-body 의 dblclick handler\n\n- handler의 this 는 ox-grid-body임."
12007
12018
  }
12008
12019
  ],
12009
12020
  "exports": [
12010
12021
  {
12011
12022
  "kind": "js",
12012
- "name": "recordCardClickHandler",
12023
+ "name": "dataGridBodyDblclickHandler",
12013
12024
  "declaration": {
12014
- "name": "recordCardClickHandler",
12015
- "module": "src/data-card/event-handlers/record-card-click-handler.ts"
12025
+ "name": "dataGridBodyDblclickHandler",
12026
+ "module": "src/data-grid/event-handlers/data-grid-body-dblclick-handler.ts"
12016
12027
  }
12017
12028
  }
12018
12029
  ]
12019
12030
  },
12020
12031
  {
12021
12032
  "kind": "javascript-module",
12022
- "path": "src/data-card/event-handlers/record-card-dblclick-handler.ts",
12033
+ "path": "src/data-grid/event-handlers/data-grid-body-keydown-handler.ts",
12023
12034
  "declarations": [
12024
12035
  {
12025
12036
  "kind": "function",
12026
- "name": "recordCardDblClickHandler",
12037
+ "name": "dataGridBodyKeydownHandler",
12027
12038
  "return": {
12028
12039
  "type": {
12029
- "text": "void"
12040
+ "text": "Promise<void>"
12030
12041
  }
12031
12042
  },
12032
12043
  "parameters": [
12033
12044
  {
12034
12045
  "name": "this",
12035
12046
  "type": {
12036
- "text": "RecordCard"
12047
+ "text": "DataGridBody"
12037
12048
  }
12038
12049
  },
12039
12050
  {
12040
12051
  "name": "e",
12041
12052
  "type": {
12042
- "text": "MouseEvent"
12053
+ "text": "KeyboardEvent"
12043
12054
  }
12044
12055
  }
12045
12056
  ],
12046
- "description": "ox-record-card 의 dblclick handler\n\n- handler의 this 는 ox-record-card임."
12057
+ "description": "ox-grid-body 의 keydown handler\n\n- handler의 this 는 ox-grid-body임."
12047
12058
  }
12048
12059
  ],
12049
12060
  "exports": [
12050
12061
  {
12051
12062
  "kind": "js",
12052
- "name": "recordCardDblClickHandler",
12063
+ "name": "dataGridBodyKeydownHandler",
12053
12064
  "declaration": {
12054
- "name": "recordCardDblClickHandler",
12055
- "module": "src/data-card/event-handlers/record-card-dblclick-handler.ts"
12065
+ "name": "dataGridBodyKeydownHandler",
12066
+ "module": "src/data-grid/event-handlers/data-grid-body-keydown-handler.ts"
12056
12067
  }
12057
12068
  }
12058
12069
  ]