@operato/data-grist 0.3.9 → 0.3.13

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