@operato/data-grist 0.3.2 → 0.3.4

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 (3) hide show
  1. package/CHANGELOG.md +17 -0
  2. package/custom-elements.json +850 -850
  3. package/package.json +7 -7
package/custom-elements.json CHANGED
@@ -1550,271 +1550,275 @@
1550
1550
  },
1551
1551
  {
1552
1552
  "kind": "javascript-module",
1553
- "path": "src/data-grid/data-grid-body-style.ts",
1554
- "declarations": [
1555
- {
1556
- "kind": "variable",
1557
- "name": "dataGridBodyStyle",
1558
- "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`"
1559
- }
1560
- ],
1561
- "exports": [
1562
- {
1563
- "kind": "js",
1564
- "name": "dataGridBodyStyle",
1565
- "declaration": {
1566
- "name": "dataGridBodyStyle",
1567
- "module": "src/data-grid/data-grid-body-style.ts"
1568
- }
1569
- }
1570
- ]
1571
- },
1572
- {
1573
- "kind": "javascript-module",
1574
- "path": "src/data-grid/data-grid-body.ts",
1553
+ "path": "src/data-card/data-card-field.ts",
1575
1554
  "declarations": [
1576
1555
  {
1577
1556
  "kind": "class",
1578
1557
  "description": "",
1579
- "name": "DataGridBody",
1558
+ "name": "DataCardField",
1580
1559
  "members": [
1581
1560
  {
1582
1561
  "kind": "field",
1583
- "name": "debounce"
1562
+ "name": "align",
1563
+ "type": {
1564
+ "text": "string | undefined"
1565
+ },
1566
+ "attribute": "align"
1584
1567
  },
1585
1568
  {
1586
1569
  "kind": "field",
1587
- "name": "config",
1570
+ "name": "record",
1588
1571
  "type": {
1589
- "text": "GristConfig"
1572
+ "text": "GristRecord"
1590
1573
  },
1591
- "default": "ZERO_CONFIG",
1592
- "attribute": "config"
1574
+ "default": "ZERO_RECORD",
1575
+ "attribute": "record"
1593
1576
  },
1594
1577
  {
1595
1578
  "kind": "field",
1596
- "name": "columns",
1579
+ "name": "column",
1597
1580
  "type": {
1598
- "text": "ColumnConfig[]"
1581
+ "text": "ColumnConfig"
1599
1582
  },
1600
- "default": "[]",
1601
- "attribute": "columns"
1583
+ "default": "ZERO_COLUMN",
1584
+ "attribute": "column"
1602
1585
  },
1603
1586
  {
1604
1587
  "kind": "field",
1605
- "name": "data",
1588
+ "name": "rowIndex",
1606
1589
  "type": {
1607
- "text": "GristData"
1590
+ "text": "number"
1608
1591
  },
1609
- "default": "ZERO_DATA",
1610
- "attribute": "data"
1592
+ "default": "-1",
1593
+ "attribute": "rowIndex"
1611
1594
  },
1612
1595
  {
1613
1596
  "kind": "field",
1614
- "name": "focused",
1597
+ "name": "value",
1615
1598
  "type": {
1616
- "text": "{ row: number; column: number }"
1599
+ "text": "object | undefined"
1617
1600
  },
1618
- "default": "{\n row: 0,\n column: 0\n}",
1619
- "attribute": "focused"
1601
+ "attribute": "value"
1602
+ }
1603
+ ],
1604
+ "attributes": [
1605
+ {
1606
+ "name": "align",
1607
+ "type": {
1608
+ "text": "string | undefined"
1609
+ },
1610
+ "fieldName": "align"
1620
1611
  },
1621
1612
  {
1622
- "kind": "field",
1623
- "name": "editTarget",
1613
+ "name": "record",
1624
1614
  "type": {
1625
- "text": "{ row: number; column: number } | null"
1615
+ "text": "GristRecord"
1626
1616
  },
1627
- "default": "null",
1628
- "attribute": "editTarget"
1617
+ "default": "ZERO_RECORD",
1618
+ "resolveInitializer": {
1619
+ "module": "/src/configure/zero-config"
1620
+ },
1621
+ "fieldName": "record"
1629
1622
  },
1630
1623
  {
1631
- "kind": "field",
1632
- "name": "from",
1624
+ "name": "column",
1625
+ "type": {
1626
+ "text": "ColumnConfig"
1627
+ },
1628
+ "default": "ZERO_COLUMN",
1629
+ "resolveInitializer": {
1630
+ "module": "/src/configure/zero-config"
1631
+ },
1632
+ "fieldName": "column"
1633
+ },
1634
+ {
1635
+ "name": "rowIndex",
1633
1636
  "type": {
1634
1637
  "text": "number"
1635
1638
  },
1636
1639
  "default": "-1",
1637
- "attribute": "from"
1640
+ "fieldName": "rowIndex"
1641
+ },
1642
+ {
1643
+ "name": "value",
1644
+ "type": {
1645
+ "text": "object | undefined"
1646
+ },
1647
+ "fieldName": "value"
1648
+ }
1649
+ ],
1650
+ "superclass": {
1651
+ "name": "LitElement",
1652
+ "package": "lit"
1653
+ },
1654
+ "tagName": "ox-card-field",
1655
+ "customElement": true
1656
+ }
1657
+ ],
1658
+ "exports": [
1659
+ {
1660
+ "kind": "js",
1661
+ "name": "DataCardField",
1662
+ "declaration": {
1663
+ "name": "DataCardField",
1664
+ "module": "src/data-card/data-card-field.ts"
1665
+ }
1666
+ },
1667
+ {
1668
+ "kind": "custom-element-definition",
1669
+ "name": "ox-card-field",
1670
+ "declaration": {
1671
+ "name": "DataCardField",
1672
+ "module": "src/data-card/data-card-field.ts"
1673
+ }
1674
+ }
1675
+ ]
1676
+ },
1677
+ {
1678
+ "kind": "javascript-module",
1679
+ "path": "src/data-card/data-card-gutter-menu.ts",
1680
+ "declarations": [
1681
+ {
1682
+ "kind": "class",
1683
+ "description": "",
1684
+ "name": "DataCardGutterMenu",
1685
+ "members": [
1686
+ {
1687
+ "kind": "field",
1688
+ "name": "gutters",
1689
+ "type": {
1690
+ "text": "ColumnConfig[]"
1691
+ },
1692
+ "attribute": "gutters"
1638
1693
  },
1639
1694
  {
1640
1695
  "kind": "field",
1641
- "name": "to",
1696
+ "name": "rowIndex",
1642
1697
  "type": {
1643
1698
  "text": "number"
1644
1699
  },
1645
- "default": "-1",
1646
- "attribute": "to"
1700
+ "attribute": "rowIndex"
1647
1701
  },
1648
1702
  {
1649
1703
  "kind": "field",
1650
- "name": "_focusedListener",
1704
+ "name": "record",
1651
1705
  "type": {
1652
- "text": "(e: KeyboardEvent) => void | undefined"
1706
+ "text": "GristRecord"
1653
1707
  },
1654
- "privacy": "private"
1708
+ "attribute": "record"
1655
1709
  },
1656
1710
  {
1657
- "kind": "method",
1658
- "name": "resetEdit"
1711
+ "kind": "field",
1712
+ "name": "clickHandler",
1713
+ "type": {
1714
+ "text": "EventListener"
1715
+ },
1716
+ "attribute": "clickHandler"
1659
1717
  },
1660
1718
  {
1661
- "kind": "method",
1662
- "name": "handleOnScroll",
1663
- "parameters": [
1664
- {
1665
- "name": "e",
1666
- "type": {
1667
- "text": "WheelEvent"
1668
- }
1669
- }
1670
- ]
1719
+ "kind": "field",
1720
+ "name": "dblclickHandler",
1721
+ "type": {
1722
+ "text": "EventListener"
1723
+ },
1724
+ "attribute": "dblclickHandler"
1725
+ },
1726
+ {
1727
+ "kind": "field",
1728
+ "name": "icon",
1729
+ "type": {
1730
+ "text": "Element"
1731
+ }
1671
1732
  },
1672
1733
  {
1673
1734
  "kind": "method",
1674
- "name": "_onWheelEvent",
1675
- "parameters": [
1676
- {
1677
- "name": "e",
1678
- "type": {
1679
- "text": "WheelEvent"
1680
- }
1681
- }
1682
- ]
1735
+ "name": "menuRender"
1683
1736
  },
1684
1737
  {
1685
1738
  "kind": "method",
1686
- "name": "startEditTarget",
1739
+ "name": "open",
1687
1740
  "parameters": [
1688
1741
  {
1689
- "name": "row",
1690
- "type": {
1691
- "text": "number"
1692
- }
1693
- },
1694
- {
1695
- "name": "column",
1742
+ "name": "e",
1696
1743
  "type": {
1697
- "text": "number"
1744
+ "text": "Event"
1698
1745
  }
1699
1746
  }
1700
1747
  ]
1701
- },
1702
- {
1703
- "kind": "method",
1704
- "name": "focus"
1705
1748
  }
1706
1749
  ],
1707
1750
  "attributes": [
1708
1751
  {
1709
- "name": "config",
1710
- "type": {
1711
- "text": "GristConfig"
1712
- },
1713
- "default": "ZERO_CONFIG",
1714
- "resolveInitializer": {
1715
- "module": "/src/configure/zero-config"
1716
- },
1717
- "fieldName": "config"
1718
- },
1719
- {
1720
- "name": "columns",
1752
+ "name": "gutters",
1721
1753
  "type": {
1722
1754
  "text": "ColumnConfig[]"
1723
1755
  },
1724
- "default": "[]",
1725
- "fieldName": "columns"
1726
- },
1727
- {
1728
- "name": "data",
1729
- "type": {
1730
- "text": "GristData"
1731
- },
1732
- "default": "ZERO_DATA",
1733
- "resolveInitializer": {
1734
- "module": "/src/configure/zero-config"
1735
- },
1736
- "fieldName": "data"
1756
+ "fieldName": "gutters"
1737
1757
  },
1738
1758
  {
1739
- "name": "focused",
1759
+ "name": "rowIndex",
1740
1760
  "type": {
1741
- "text": "{ row: number; column: number }"
1742
- },
1743
- "default": "ZERO_FOCUS",
1744
- "resolveInitializer": {
1745
- "module": "src/data-grid/data-grid-body.ts"
1761
+ "text": "number"
1746
1762
  },
1747
- "fieldName": "focused"
1763
+ "fieldName": "rowIndex"
1748
1764
  },
1749
1765
  {
1750
- "name": "editTarget",
1766
+ "name": "record",
1751
1767
  "type": {
1752
- "text": "{ row: number; column: number } | null"
1768
+ "text": "GristRecord"
1753
1769
  },
1754
- "default": "null",
1755
- "fieldName": "editTarget"
1770
+ "fieldName": "record"
1756
1771
  },
1757
1772
  {
1758
- "name": "from",
1773
+ "name": "clickHandler",
1759
1774
  "type": {
1760
- "text": "number"
1775
+ "text": "EventListener"
1761
1776
  },
1762
- "default": "-1",
1763
- "fieldName": "from"
1777
+ "fieldName": "clickHandler"
1764
1778
  },
1765
1779
  {
1766
- "name": "to",
1780
+ "name": "dblclickHandler",
1767
1781
  "type": {
1768
- "text": "number"
1782
+ "text": "EventListener"
1769
1783
  },
1770
- "default": "-1",
1771
- "fieldName": "to"
1784
+ "fieldName": "dblclickHandler"
1772
1785
  }
1773
1786
  ],
1774
1787
  "superclass": {
1775
1788
  "name": "LitElement",
1776
1789
  "package": "lit"
1777
1790
  },
1778
- "tagName": "ox-grid-body",
1791
+ "tagName": "ox-card-gutter-menu",
1779
1792
  "customElement": true
1780
1793
  }
1781
1794
  ],
1782
1795
  "exports": [
1783
- {
1784
- "kind": "js",
1785
- "name": "DataGridBody",
1786
- "declaration": {
1787
- "name": "DataGridBody",
1788
- "module": "src/data-grid/data-grid-body.ts"
1789
- }
1790
- },
1791
1796
  {
1792
1797
  "kind": "custom-element-definition",
1793
- "name": "ox-grid-body",
1798
+ "name": "ox-card-gutter-menu",
1794
1799
  "declaration": {
1795
- "name": "DataGridBody",
1796
- "module": "src/data-grid/data-grid-body.ts"
1800
+ "name": "DataCardGutterMenu",
1801
+ "module": "src/data-card/data-card-gutter-menu.ts"
1797
1802
  }
1798
1803
  }
1799
1804
  ]
1800
1805
  },
1801
1806
  {
1802
1807
  "kind": "javascript-module",
1803
- "path": "src/data-grid/data-grid-field.ts",
1808
+ "path": "src/data-card/data-card-gutter.ts",
1804
1809
  "declarations": [
1805
1810
  {
1806
1811
  "kind": "class",
1807
1812
  "description": "",
1808
- "name": "DataGridField",
1813
+ "name": "DataCardGutter",
1809
1814
  "members": [
1810
1815
  {
1811
1816
  "kind": "field",
1812
1817
  "name": "align",
1813
- "default": "'left'",
1814
- "attribute": "align",
1815
1818
  "type": {
1816
- "text": "string"
1817
- }
1819
+ "text": "string | undefined"
1820
+ },
1821
+ "attribute": "align"
1818
1822
  },
1819
1823
  {
1820
1824
  "kind": "field",
@@ -1822,7 +1826,7 @@
1822
1826
  "type": {
1823
1827
  "text": "GristRecord"
1824
1828
  },
1825
- "default": "{}",
1829
+ "default": "ZERO_RECORD",
1826
1830
  "attribute": "record"
1827
1831
  },
1828
1832
  {
@@ -1840,83 +1844,27 @@
1840
1844
  "type": {
1841
1845
  "text": "number"
1842
1846
  },
1843
- "default": "0",
1847
+ "default": "-1",
1844
1848
  "attribute": "rowIndex"
1845
1849
  },
1846
- {
1847
- "kind": "field",
1848
- "name": "columnIndex",
1849
- "type": {
1850
- "text": "number"
1851
- },
1852
- "default": "0",
1853
- "attribute": "columnIndex"
1854
- },
1855
- {
1856
- "kind": "field",
1857
- "name": "editing",
1858
- "type": {
1859
- "text": "boolean"
1860
- },
1861
- "default": "false",
1862
- "attribute": "editing"
1863
- },
1864
1850
  {
1865
1851
  "kind": "field",
1866
1852
  "name": "value",
1867
1853
  "type": {
1868
- "text": "object"
1854
+ "text": "object | undefined"
1869
1855
  },
1870
- "default": "{}",
1871
1856
  "attribute": "value"
1872
1857
  },
1873
1858
  {
1874
1859
  "kind": "field",
1875
- "name": "emphasized",
1876
- "type": {
1877
- "text": "boolean"
1878
- },
1879
- "default": "false",
1880
- "attribute": "emphasized"
1881
- },
1882
- {
1883
- "kind": "field",
1884
- "name": "_editCancelled",
1885
- "type": {
1886
- "text": "boolean | undefined"
1887
- },
1888
- "privacy": "private"
1889
- },
1890
- {
1891
- "kind": "field",
1892
- "name": "_onFieldChange",
1893
- "type": {
1894
- "text": "(e: Event) => void"
1895
- },
1896
- "privacy": "private",
1897
- "default": "e => {}"
1898
- },
1899
- {
1900
- "kind": "field",
1901
- "name": "_onKeydownInEditingMode",
1902
- "type": {
1903
- "text": "(e: KeyboardEvent) => void"
1904
- },
1905
- "privacy": "private",
1906
- "default": "e => {}"
1907
- },
1908
- {
1909
- "kind": "field",
1910
- "name": "isEditing",
1911
- "privacy": "private"
1860
+ "name": "isEditing"
1912
1861
  }
1913
1862
  ],
1914
1863
  "attributes": [
1915
1864
  {
1916
1865
  "name": "align",
1917
- "default": "DEFAULT_TEXT_ALIGN",
1918
- "resolveInitializer": {
1919
- "module": "src/data-grid/data-grid-field.ts"
1866
+ "type": {
1867
+ "text": "string | undefined"
1920
1868
  },
1921
1869
  "fieldName": "align"
1922
1870
  },
@@ -1925,7 +1873,10 @@
1925
1873
  "type": {
1926
1874
  "text": "GristRecord"
1927
1875
  },
1928
- "default": "{}",
1876
+ "default": "ZERO_RECORD",
1877
+ "resolveInitializer": {
1878
+ "module": "/src/configure/zero-config"
1879
+ },
1929
1880
  "fieldName": "record"
1930
1881
  },
1931
1882
  {
@@ -1944,77 +1895,52 @@
1944
1895
  "type": {
1945
1896
  "text": "number"
1946
1897
  },
1947
- "default": "0",
1898
+ "default": "-1",
1948
1899
  "fieldName": "rowIndex"
1949
1900
  },
1950
- {
1951
- "name": "columnIndex",
1952
- "type": {
1953
- "text": "number"
1954
- },
1955
- "default": "0",
1956
- "fieldName": "columnIndex"
1957
- },
1958
- {
1959
- "name": "editing",
1960
- "type": {
1961
- "text": "boolean"
1962
- },
1963
- "default": "false",
1964
- "fieldName": "editing"
1965
- },
1966
1901
  {
1967
1902
  "name": "value",
1968
1903
  "type": {
1969
- "text": "object"
1904
+ "text": "object | undefined"
1970
1905
  },
1971
- "default": "{}",
1972
1906
  "fieldName": "value"
1973
- },
1974
- {
1975
- "name": "emphasized",
1976
- "type": {
1977
- "text": "boolean"
1978
- },
1979
- "default": "false",
1980
- "fieldName": "emphasized"
1981
1907
  }
1982
1908
  ],
1983
1909
  "superclass": {
1984
1910
  "name": "LitElement",
1985
1911
  "package": "lit"
1986
1912
  },
1987
- "tagName": "ox-grid-field",
1913
+ "tagName": "ox-card-gutter",
1988
1914
  "customElement": true
1989
1915
  }
1990
1916
  ],
1991
1917
  "exports": [
1992
1918
  {
1993
1919
  "kind": "js",
1994
- "name": "DataGridField",
1920
+ "name": "DataCardGutter",
1995
1921
  "declaration": {
1996
- "name": "DataGridField",
1997
- "module": "src/data-grid/data-grid-field.ts"
1922
+ "name": "DataCardGutter",
1923
+ "module": "src/data-card/data-card-gutter.ts"
1998
1924
  }
1999
1925
  },
2000
1926
  {
2001
1927
  "kind": "custom-element-definition",
2002
- "name": "ox-grid-field",
1928
+ "name": "ox-card-gutter",
2003
1929
  "declaration": {
2004
- "name": "DataGridField",
2005
- "module": "src/data-grid/data-grid-field.ts"
1930
+ "name": "DataCardGutter",
1931
+ "module": "src/data-card/data-card-gutter.ts"
2006
1932
  }
2007
1933
  }
2008
1934
  ]
2009
1935
  },
2010
1936
  {
2011
1937
  "kind": "javascript-module",
2012
- "path": "src/data-grid/data-grid-footer.ts",
1938
+ "path": "src/data-card/data-card.ts",
2013
1939
  "declarations": [
2014
1940
  {
2015
1941
  "kind": "class",
2016
1942
  "description": "",
2017
- "name": "DataGridFooter",
1943
+ "name": "DataCard",
2018
1944
  "members": [
2019
1945
  {
2020
1946
  "kind": "field",
@@ -2034,40 +1960,102 @@
2034
1960
  "default": "ZERO_DATA",
2035
1961
  "attribute": "data"
2036
1962
  },
1963
+ {
1964
+ "kind": "field",
1965
+ "name": "isTop",
1966
+ "type": {
1967
+ "text": "boolean"
1968
+ },
1969
+ "default": "false",
1970
+ "attribute": "isTop"
1971
+ },
1972
+ {
1973
+ "kind": "field",
1974
+ "name": "_records",
1975
+ "type": {
1976
+ "text": "GristRecord[]"
1977
+ },
1978
+ "privacy": "private",
1979
+ "default": "[]",
1980
+ "attribute": "_records"
1981
+ },
1982
+ {
1983
+ "kind": "field",
1984
+ "name": "_total",
1985
+ "type": {
1986
+ "text": "number"
1987
+ },
1988
+ "privacy": "private",
1989
+ "default": "0"
1990
+ },
1991
+ {
1992
+ "kind": "field",
1993
+ "name": "_limit",
1994
+ "type": {
1995
+ "text": "number"
1996
+ },
1997
+ "privacy": "private",
1998
+ "default": "20"
1999
+ },
2000
+ {
2001
+ "kind": "field",
2002
+ "name": "_page",
2003
+ "type": {
2004
+ "text": "number"
2005
+ },
2006
+ "privacy": "private",
2007
+ "default": "1"
2008
+ },
2037
2009
  {
2038
2010
  "kind": "method",
2039
- "name": "_gotoPage",
2011
+ "name": "onRecordChanged",
2040
2012
  "parameters": [
2041
2013
  {
2042
- "name": "page",
2014
+ "name": "recordData",
2015
+ "type": {
2016
+ "text": "GristRecord"
2017
+ }
2018
+ },
2019
+ {
2020
+ "name": "row",
2043
2021
  "type": {
2044
2022
  "text": "number"
2045
2023
  }
2024
+ },
2025
+ {
2026
+ "name": "column",
2027
+ "type": {
2028
+ "text": "ColumnConfig | null"
2029
+ }
2046
2030
  }
2047
2031
  ]
2048
2032
  },
2049
2033
  {
2050
2034
  "kind": "method",
2051
- "name": "_changeLimit",
2035
+ "name": "gotoTop",
2052
2036
  "parameters": [
2053
2037
  {
2054
- "name": "limit",
2038
+ "name": "e",
2055
2039
  "type": {
2056
- "text": "number"
2040
+ "text": "Event"
2057
2041
  }
2058
2042
  }
2059
2043
  ]
2044
+ },
2045
+ {
2046
+ "kind": "field",
2047
+ "name": "pullToRefreshTarget"
2060
2048
  }
2061
2049
  ],
2062
2050
  "events": [
2063
2051
  {
2064
- "name": "page-change",
2052
+ "name": "attach-page",
2065
2053
  "type": {
2066
2054
  "text": "CustomEvent"
2067
2055
  }
2068
2056
  },
2069
2057
  {
2070
- "name": "limit-change",
2058
+ "name": "record-change",
2071
2059
  "type": {
2072
2060
  "text": "CustomEvent"
2073
2061
  }
@@ -2095,43 +2083,59 @@
2095
2083
  "module": "/src/configure/zero-config"
2096
2084
  },
2097
2085
  "fieldName": "data"
2086
+ },
2087
+ {
2088
+ "name": "isTop",
2089
+ "type": {
2090
+ "text": "boolean"
2091
+ },
2092
+ "default": "false",
2093
+ "fieldName": "isTop"
2094
+ },
2095
+ {
2096
+ "name": "_records",
2097
+ "type": {
2098
+ "text": "GristRecord[]"
2099
+ },
2100
+ "default": "[]",
2101
+ "fieldName": "_records"
2098
2102
  }
2099
2103
  ],
2100
2104
  "superclass": {
2101
2105
  "name": "LitElement",
2102
2106
  "package": "lit"
2103
2107
  },
2104
- "tagName": "ox-grid-footer",
2108
+ "tagName": "ox-card",
2105
2109
  "customElement": true
2106
2110
  }
2107
2111
  ],
2108
2112
  "exports": [
2109
2113
  {
2110
2114
  "kind": "js",
2111
- "name": "DataGridFooter",
2115
+ "name": "DataCard",
2112
2116
  "declaration": {
2113
- "name": "DataGridFooter",
2114
- "module": "src/data-grid/data-grid-footer.ts"
2117
+ "name": "DataCard",
2118
+ "module": "src/data-card/data-card.ts"
2115
2119
  }
2116
2120
  },
2117
2121
  {
2118
2122
  "kind": "custom-element-definition",
2119
- "name": "ox-grid-footer",
2123
+ "name": "ox-card",
2120
2124
  "declaration": {
2121
- "name": "DataGridFooter",
2122
- "module": "src/data-grid/data-grid-footer.ts"
2125
+ "name": "DataCard",
2126
+ "module": "src/data-card/data-card.ts"
2123
2127
  }
2124
2128
  }
2125
2129
  ]
2126
2130
  },
2127
2131
  {
2128
2132
  "kind": "javascript-module",
2129
- "path": "src/data-grid/data-grid-header.ts",
2133
+ "path": "src/data-card/record-card.ts",
2130
2134
  "declarations": [
2131
2135
  {
2132
2136
  "kind": "class",
2133
2137
  "description": "",
2134
- "name": "DataGridHeader",
2138
+ "name": "RecordCard",
2135
2139
  "members": [
2136
2140
  {
2137
2141
  "kind": "field",
@@ -2142,15 +2146,6 @@
2142
2146
  "default": "ZERO_CONFIG",
2143
2147
  "attribute": "config"
2144
2148
  },
2145
- {
2146
- "kind": "field",
2147
- "name": "columns",
2148
- "type": {
2149
- "text": "ColumnConfig[]"
2150
- },
2151
- "default": "ZERO_COLUMNS",
2152
- "attribute": "columns"
2153
- },
2154
2149
  {
2155
2150
  "kind": "field",
2156
2151
  "name": "data",
@@ -2162,135 +2157,81 @@
2162
2157
  },
2163
2158
  {
2164
2159
  "kind": "field",
2165
- "name": "_sorters",
2160
+ "name": "record",
2166
2161
  "type": {
2167
- "text": "SortersConfig"
2162
+ "text": "GristRecord"
2168
2163
  },
2169
- "privacy": "private",
2170
- "default": "[]"
2164
+ "default": "ZERO_RECORD",
2165
+ "attribute": "record"
2171
2166
  },
2172
2167
  {
2173
2168
  "kind": "field",
2174
- "name": "_lastAccVal",
2169
+ "name": "rowIndex",
2175
2170
  "type": {
2176
- "text": "number | undefined"
2171
+ "text": "number"
2177
2172
  },
2178
- "privacy": "private"
2173
+ "default": "-1",
2174
+ "attribute": "rowIndex"
2179
2175
  },
2180
2176
  {
2181
2177
  "kind": "field",
2182
- "name": "_throttledNotifier",
2178
+ "name": "selectedRow",
2183
2179
  "type": {
2184
- "text": "any | undefined"
2180
+ "text": "boolean"
2185
2181
  },
2186
- "privacy": "private"
2187
- },
2188
- {
2189
- "kind": "method",
2190
- "name": "_renderHeader",
2191
- "parameters": [
2192
- {
2193
- "name": "column",
2194
- "type": {
2195
- "text": "ColumnConfig"
2196
- }
2197
- }
2198
- ]
2182
+ "default": "false",
2183
+ "attribute": "selected-row"
2199
2184
  },
2200
2185
  {
2201
- "kind": "method",
2202
- "name": "_renderSortHeader",
2203
- "parameters": [
2204
- {
2205
- "name": "column",
2206
- "type": {
2207
- "text": "ColumnConfig"
2208
- }
2209
- }
2210
- ]
2186
+ "kind": "field",
2187
+ "name": "_recordView",
2188
+ "type": {
2189
+ "text": "any"
2190
+ },
2191
+ "privacy": "private"
2211
2192
  },
2212
2193
  {
2213
- "kind": "method",
2214
- "name": "_renderFilterHeader",
2215
- "parameters": [
2216
- {
2217
- "name": "column",
2218
- "type": {
2219
- "text": "ColumnConfig"
2220
- }
2221
- }
2222
- ]
2194
+ "kind": "field",
2195
+ "name": "clickHandler",
2196
+ "privacy": "private",
2197
+ "default": "recordCardClickHandler.bind(this)"
2223
2198
  },
2224
2199
  {
2225
- "kind": "method",
2226
- "name": "_changeSort",
2227
- "parameters": [
2228
- {
2229
- "name": "column",
2230
- "type": {
2231
- "text": "ColumnConfig"
2232
- }
2233
- }
2234
- ]
2200
+ "kind": "field",
2201
+ "name": "dblclickHandler",
2202
+ "privacy": "private",
2203
+ "default": "recordCardDblClickHandler.bind(this)"
2235
2204
  },
2236
2205
  {
2237
2206
  "kind": "method",
2238
- "name": "_accumalate",
2207
+ "name": "onFieldChange",
2239
2208
  "parameters": [
2240
2209
  {
2241
- "name": "x",
2210
+ "name": "e",
2242
2211
  "type": {
2243
- "text": "number"
2212
+ "text": "Event"
2244
2213
  }
2245
2214
  }
2246
2215
  ]
2247
2216
  },
2248
2217
  {
2249
- "kind": "method",
2250
- "name": "_notifyWidthChange",
2251
- "parameters": [
2252
- {
2253
- "name": "idx",
2254
- "type": {
2255
- "text": "number"
2256
- }
2257
- },
2258
- {
2259
- "name": "width",
2260
- "type": {
2261
- "text": "number"
2262
- }
2263
- }
2264
- ]
2218
+ "kind": "field",
2219
+ "name": "recordView"
2265
2220
  },
2266
2221
  {
2267
2222
  "kind": "method",
2268
- "name": "_mousedown",
2269
- "parameters": [
2270
- {
2271
- "name": "e",
2272
- "type": {
2273
- "text": "MouseEvent"
2274
- }
2275
- },
2276
- {
2277
- "name": "idx",
2278
- "type": {
2279
- "text": "number"
2280
- }
2281
- }
2282
- ]
2223
+ "name": "popupRecordView"
2283
2224
  }
2284
2225
  ],
2285
2226
  "events": [
2286
2227
  {
2287
- "name": "sorters-change",
2228
+ "name": "field-change",
2288
2229
  "type": {
2289
2230
  "text": "CustomEvent"
2290
2231
  }
2291
2232
  },
2292
2233
  {
2293
- "name": "column-width-change",
2234
+ "name": "record-reset",
2294
2235
  "type": {
2295
2236
  "text": "CustomEvent"
2296
2237
  }
@@ -2306,67 +2247,108 @@
2306
2247
  "resolveInitializer": {
2307
2248
  "module": "/src/configure/zero-config"
2308
2249
  },
2309
- "fieldName": "config"
2250
+ "fieldName": "config"
2251
+ },
2252
+ {
2253
+ "name": "data",
2254
+ "type": {
2255
+ "text": "GristData"
2256
+ },
2257
+ "default": "ZERO_DATA",
2258
+ "resolveInitializer": {
2259
+ "module": "/src/configure/zero-config"
2260
+ },
2261
+ "fieldName": "data"
2310
2262
  },
2311
2263
  {
2312
- "name": "columns",
2264
+ "name": "record",
2313
2265
  "type": {
2314
- "text": "ColumnConfig[]"
2266
+ "text": "GristRecord"
2315
2267
  },
2316
- "default": "ZERO_COLUMNS",
2268
+ "default": "ZERO_RECORD",
2317
2269
  "resolveInitializer": {
2318
2270
  "module": "/src/configure/zero-config"
2319
2271
  },
2320
- "fieldName": "columns"
2272
+ "fieldName": "record"
2321
2273
  },
2322
2274
  {
2323
- "name": "data",
2275
+ "name": "rowIndex",
2324
2276
  "type": {
2325
- "text": "GristData"
2277
+ "text": "number"
2326
2278
  },
2327
- "default": "ZERO_DATA",
2328
- "resolveInitializer": {
2329
- "module": "/src/configure/zero-config"
2279
+ "default": "-1",
2280
+ "fieldName": "rowIndex"
2281
+ },
2282
+ {
2283
+ "name": "selected-row",
2284
+ "type": {
2285
+ "text": "boolean"
2330
2286
  },
2331
- "fieldName": "data"
2287
+ "default": "false",
2288
+ "fieldName": "selectedRow"
2332
2289
  }
2333
2290
  ],
2334
2291
  "superclass": {
2335
2292
  "name": "LitElement",
2336
2293
  "package": "lit"
2337
2294
  },
2338
- "tagName": "ox-grid-header",
2295
+ "tagName": "ox-record-card",
2339
2296
  "customElement": true
2340
2297
  }
2341
2298
  ],
2342
2299
  "exports": [
2343
2300
  {
2344
2301
  "kind": "js",
2345
- "name": "DataGridHeader",
2302
+ "name": "RecordCard",
2346
2303
  "declaration": {
2347
- "name": "DataGridHeader",
2348
- "module": "src/data-grid/data-grid-header.ts"
2304
+ "name": "RecordCard",
2305
+ "module": "src/data-card/record-card.ts"
2349
2306
  }
2350
2307
  },
2351
2308
  {
2352
2309
  "kind": "custom-element-definition",
2353
- "name": "ox-grid-header",
2310
+ "name": "ox-record-card",
2354
2311
  "declaration": {
2355
- "name": "DataGridHeader",
2356
- "module": "src/data-grid/data-grid-header.ts"
2312
+ "name": "RecordCard",
2313
+ "module": "src/data-card/record-card.ts"
2357
2314
  }
2358
2315
  }
2359
2316
  ]
2360
2317
  },
2361
2318
  {
2362
2319
  "kind": "javascript-module",
2363
- "path": "src/data-grid/data-grid.ts",
2320
+ "path": "src/data-grid/data-grid-body-style.ts",
2321
+ "declarations": [
2322
+ {
2323
+ "kind": "variable",
2324
+ "name": "dataGridBodyStyle",
2325
+ "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`"
2326
+ }
2327
+ ],
2328
+ "exports": [
2329
+ {
2330
+ "kind": "js",
2331
+ "name": "dataGridBodyStyle",
2332
+ "declaration": {
2333
+ "name": "dataGridBodyStyle",
2334
+ "module": "src/data-grid/data-grid-body-style.ts"
2335
+ }
2336
+ }
2337
+ ]
2338
+ },
2339
+ {
2340
+ "kind": "javascript-module",
2341
+ "path": "src/data-grid/data-grid-body.ts",
2364
2342
  "declarations": [
2365
2343
  {
2366
2344
  "kind": "class",
2367
- "description": "DataGrid",
2368
- "name": "DataGrid",
2345
+ "description": "",
2346
+ "name": "DataGridBody",
2369
2347
  "members": [
2348
+ {
2349
+ "kind": "field",
2350
+ "name": "debounce"
2351
+ },
2370
2352
  {
2371
2353
  "kind": "field",
2372
2354
  "name": "config",
@@ -2376,6 +2358,15 @@
2376
2358
  "default": "ZERO_CONFIG",
2377
2359
  "attribute": "config"
2378
2360
  },
2361
+ {
2362
+ "kind": "field",
2363
+ "name": "columns",
2364
+ "type": {
2365
+ "text": "ColumnConfig[]"
2366
+ },
2367
+ "default": "[]",
2368
+ "attribute": "columns"
2369
+ },
2379
2370
  {
2380
2371
  "kind": "field",
2381
2372
  "name": "data",
@@ -2389,42 +2380,53 @@
2389
2380
  "kind": "field",
2390
2381
  "name": "focused",
2391
2382
  "type": {
2392
- "text": "{ row: number; column: number } | undefined"
2383
+ "text": "{ row: number; column: number }"
2393
2384
  },
2385
+ "default": "{\n row: 0,\n column: 0\n}",
2394
2386
  "attribute": "focused"
2395
2387
  },
2396
2388
  {
2397
2389
  "kind": "field",
2398
- "name": "body",
2390
+ "name": "editTarget",
2399
2391
  "type": {
2400
- "text": "LitElement"
2401
- }
2392
+ "text": "{ row: number; column: number } | null"
2393
+ },
2394
+ "default": "null",
2395
+ "attribute": "editTarget"
2402
2396
  },
2403
2397
  {
2404
2398
  "kind": "field",
2405
- "name": "header",
2399
+ "name": "from",
2406
2400
  "type": {
2407
- "text": "DataGridHeader"
2408
- }
2401
+ "text": "number"
2402
+ },
2403
+ "default": "-1",
2404
+ "attribute": "from"
2409
2405
  },
2410
2406
  {
2411
2407
  "kind": "field",
2412
- "name": "footer",
2408
+ "name": "to",
2413
2409
  "type": {
2414
- "text": "LitElement"
2415
- }
2410
+ "text": "number"
2411
+ },
2412
+ "default": "-1",
2413
+ "attribute": "to"
2416
2414
  },
2417
2415
  {
2418
2416
  "kind": "field",
2419
- "name": "_widths",
2417
+ "name": "_focusedListener",
2420
2418
  "type": {
2421
- "text": "string | undefined"
2419
+ "text": "(e: KeyboardEvent) => void | undefined"
2422
2420
  },
2423
2421
  "privacy": "private"
2424
2422
  },
2425
2423
  {
2426
2424
  "kind": "method",
2427
- "name": "onWheelEvent",
2425
+ "name": "resetEdit"
2426
+ },
2427
+ {
2428
+ "kind": "method",
2429
+ "name": "handleOnScroll",
2428
2430
  "parameters": [
2429
2431
  {
2430
2432
  "name": "e",
@@ -2436,14 +2438,20 @@
2436
2438
  },
2437
2439
  {
2438
2440
  "kind": "method",
2439
- "name": "onRecordChanged",
2441
+ "name": "_onWheelEvent",
2440
2442
  "parameters": [
2441
2443
  {
2442
- "name": "recordData",
2444
+ "name": "e",
2443
2445
  "type": {
2444
- "text": "GristRecord"
2446
+ "text": "WheelEvent"
2445
2447
  }
2446
- },
2448
+ }
2449
+ ]
2450
+ },
2451
+ {
2452
+ "kind": "method",
2453
+ "name": "startEditTarget",
2454
+ "parameters": [
2447
2455
  {
2448
2456
  "name": "row",
2449
2457
  "type": {
@@ -2453,19 +2461,7 @@
2453
2461
  {
2454
2462
  "name": "column",
2455
2463
  "type": {
2456
- "text": "ColumnConfig | null"
2457
- }
2458
- }
2459
- ]
2460
- },
2461
- {
2462
- "kind": "method",
2463
- "name": "calculateWidths",
2464
- "parameters": [
2465
- {
2466
- "name": "columns",
2467
- "type": {
2468
- "text": "ColumnConfig[]"
2464
+ "text": "number"
2469
2465
  }
2470
2466
  }
2471
2467
  ]
@@ -2473,18 +2469,6 @@
2473
2469
  {
2474
2470
  "kind": "method",
2475
2471
  "name": "focus"
2476
- },
2477
- {
2478
- "kind": "field",
2479
- "name": "pullToRefreshTarget"
2480
- }
2481
- ],
2482
- "events": [
2483
- {
2484
- "name": "record-change",
2485
- "type": {
2486
- "text": "CustomEvent"
2487
- }
2488
2472
  }
2489
2473
  ],
2490
2474
  "attributes": [
@@ -2497,196 +2481,125 @@
2497
2481
  "resolveInitializer": {
2498
2482
  "module": "/src/configure/zero-config"
2499
2483
  },
2500
- "fieldName": "config"
2501
- },
2502
- {
2503
- "name": "data",
2504
- "type": {
2505
- "text": "GristData"
2506
- },
2507
- "default": "ZERO_DATA",
2508
- "resolveInitializer": {
2509
- "module": "/src/configure/zero-config"
2510
- },
2511
- "fieldName": "data"
2512
- },
2513
- {
2514
- "name": "focused",
2515
- "type": {
2516
- "text": "{ row: number; column: number } | undefined"
2517
- },
2518
- "fieldName": "focused"
2519
- }
2520
- ],
2521
- "superclass": {
2522
- "name": "LitElement",
2523
- "package": "lit"
2524
- },
2525
- "tagName": "ox-grid",
2526
- "customElement": true
2527
- }
2528
- ],
2529
- "exports": [
2530
- {
2531
- "kind": "js",
2532
- "name": "DataGrid",
2533
- "declaration": {
2534
- "name": "DataGrid",
2535
- "module": "src/data-grid/data-grid.ts"
2536
- }
2537
- },
2538
- {
2539
- "kind": "custom-element-definition",
2540
- "name": "ox-grid",
2541
- "declaration": {
2542
- "name": "DataGrid",
2543
- "module": "src/data-grid/data-grid.ts"
2544
- }
2545
- }
2546
- ]
2547
- },
2548
- {
2549
- "kind": "javascript-module",
2550
- "path": "src/data-card/data-card-field.ts",
2551
- "declarations": [
2552
- {
2553
- "kind": "class",
2554
- "description": "",
2555
- "name": "DataCardField",
2556
- "members": [
2557
- {
2558
- "kind": "field",
2559
- "name": "align",
2560
- "type": {
2561
- "text": "string | undefined"
2562
- },
2563
- "attribute": "align"
2564
- },
2565
- {
2566
- "kind": "field",
2567
- "name": "record",
2568
- "type": {
2569
- "text": "GristRecord"
2570
- },
2571
- "default": "ZERO_RECORD",
2572
- "attribute": "record"
2573
- },
2574
- {
2575
- "kind": "field",
2576
- "name": "column",
2577
- "type": {
2578
- "text": "ColumnConfig"
2579
- },
2580
- "default": "ZERO_COLUMN",
2581
- "attribute": "column"
2582
- },
2583
- {
2584
- "kind": "field",
2585
- "name": "rowIndex",
2586
- "type": {
2587
- "text": "number"
2588
- },
2589
- "default": "-1",
2590
- "attribute": "rowIndex"
2591
- },
2592
- {
2593
- "kind": "field",
2594
- "name": "value",
2595
- "type": {
2596
- "text": "object | undefined"
2597
- },
2598
- "attribute": "value"
2599
- }
2600
- ],
2601
- "attributes": [
2484
+ "fieldName": "config"
2485
+ },
2602
2486
  {
2603
- "name": "align",
2487
+ "name": "columns",
2604
2488
  "type": {
2605
- "text": "string | undefined"
2489
+ "text": "ColumnConfig[]"
2606
2490
  },
2607
- "fieldName": "align"
2491
+ "default": "[]",
2492
+ "fieldName": "columns"
2608
2493
  },
2609
2494
  {
2610
- "name": "record",
2495
+ "name": "data",
2611
2496
  "type": {
2612
- "text": "GristRecord"
2497
+ "text": "GristData"
2613
2498
  },
2614
- "default": "ZERO_RECORD",
2499
+ "default": "ZERO_DATA",
2615
2500
  "resolveInitializer": {
2616
2501
  "module": "/src/configure/zero-config"
2617
2502
  },
2618
- "fieldName": "record"
2503
+ "fieldName": "data"
2619
2504
  },
2620
2505
  {
2621
- "name": "column",
2506
+ "name": "focused",
2622
2507
  "type": {
2623
- "text": "ColumnConfig"
2508
+ "text": "{ row: number; column: number }"
2624
2509
  },
2625
- "default": "ZERO_COLUMN",
2510
+ "default": "ZERO_FOCUS",
2626
2511
  "resolveInitializer": {
2627
- "module": "/src/configure/zero-config"
2512
+ "module": "src/data-grid/data-grid-body.ts"
2628
2513
  },
2629
- "fieldName": "column"
2514
+ "fieldName": "focused"
2630
2515
  },
2631
2516
  {
2632
- "name": "rowIndex",
2517
+ "name": "editTarget",
2518
+ "type": {
2519
+ "text": "{ row: number; column: number } | null"
2520
+ },
2521
+ "default": "null",
2522
+ "fieldName": "editTarget"
2523
+ },
2524
+ {
2525
+ "name": "from",
2633
2526
  "type": {
2634
2527
  "text": "number"
2635
2528
  },
2636
2529
  "default": "-1",
2637
- "fieldName": "rowIndex"
2530
+ "fieldName": "from"
2638
2531
  },
2639
2532
  {
2640
- "name": "value",
2533
+ "name": "to",
2641
2534
  "type": {
2642
- "text": "object | undefined"
2535
+ "text": "number"
2643
2536
  },
2644
- "fieldName": "value"
2537
+ "default": "-1",
2538
+ "fieldName": "to"
2645
2539
  }
2646
2540
  ],
2647
2541
  "superclass": {
2648
2542
  "name": "LitElement",
2649
2543
  "package": "lit"
2650
2544
  },
2651
- "tagName": "ox-card-field",
2545
+ "tagName": "ox-grid-body",
2652
2546
  "customElement": true
2653
2547
  }
2654
2548
  ],
2655
2549
  "exports": [
2656
2550
  {
2657
2551
  "kind": "js",
2658
- "name": "DataCardField",
2552
+ "name": "DataGridBody",
2659
2553
  "declaration": {
2660
- "name": "DataCardField",
2661
- "module": "src/data-card/data-card-field.ts"
2554
+ "name": "DataGridBody",
2555
+ "module": "src/data-grid/data-grid-body.ts"
2662
2556
  }
2663
2557
  },
2664
2558
  {
2665
2559
  "kind": "custom-element-definition",
2666
- "name": "ox-card-field",
2560
+ "name": "ox-grid-body",
2667
2561
  "declaration": {
2668
- "name": "DataCardField",
2669
- "module": "src/data-card/data-card-field.ts"
2562
+ "name": "DataGridBody",
2563
+ "module": "src/data-grid/data-grid-body.ts"
2670
2564
  }
2671
2565
  }
2672
2566
  ]
2673
2567
  },
2674
2568
  {
2675
2569
  "kind": "javascript-module",
2676
- "path": "src/data-card/data-card-gutter-menu.ts",
2570
+ "path": "src/data-grid/data-grid-field.ts",
2677
2571
  "declarations": [
2678
2572
  {
2679
2573
  "kind": "class",
2680
2574
  "description": "",
2681
- "name": "DataCardGutterMenu",
2575
+ "name": "DataGridField",
2682
2576
  "members": [
2683
2577
  {
2684
2578
  "kind": "field",
2685
- "name": "gutters",
2579
+ "name": "align",
2580
+ "default": "'left'",
2581
+ "attribute": "align",
2686
2582
  "type": {
2687
- "text": "ColumnConfig[]"
2583
+ "text": "string"
2584
+ }
2585
+ },
2586
+ {
2587
+ "kind": "field",
2588
+ "name": "record",
2589
+ "type": {
2590
+ "text": "GristRecord"
2688
2591
  },
2689
- "attribute": "gutters"
2592
+ "default": "{}",
2593
+ "attribute": "record"
2594
+ },
2595
+ {
2596
+ "kind": "field",
2597
+ "name": "column",
2598
+ "type": {
2599
+ "text": "ColumnConfig"
2600
+ },
2601
+ "default": "ZERO_COLUMN",
2602
+ "attribute": "column"
2690
2603
  },
2691
2604
  {
2692
2605
  "kind": "field",
@@ -2694,250 +2607,298 @@
2694
2607
  "type": {
2695
2608
  "text": "number"
2696
2609
  },
2610
+ "default": "0",
2697
2611
  "attribute": "rowIndex"
2698
2612
  },
2699
2613
  {
2700
2614
  "kind": "field",
2701
- "name": "record",
2615
+ "name": "columnIndex",
2702
2616
  "type": {
2703
- "text": "GristRecord"
2617
+ "text": "number"
2704
2618
  },
2705
- "attribute": "record"
2619
+ "default": "0",
2620
+ "attribute": "columnIndex"
2706
2621
  },
2707
2622
  {
2708
2623
  "kind": "field",
2709
- "name": "clickHandler",
2624
+ "name": "editing",
2710
2625
  "type": {
2711
- "text": "EventListener"
2626
+ "text": "boolean"
2712
2627
  },
2713
- "attribute": "clickHandler"
2628
+ "default": "false",
2629
+ "attribute": "editing"
2714
2630
  },
2715
2631
  {
2716
2632
  "kind": "field",
2717
- "name": "dblclickHandler",
2633
+ "name": "value",
2718
2634
  "type": {
2719
- "text": "EventListener"
2635
+ "text": "object"
2720
2636
  },
2721
- "attribute": "dblclickHandler"
2637
+ "default": "{}",
2638
+ "attribute": "value"
2722
2639
  },
2723
2640
  {
2724
2641
  "kind": "field",
2725
- "name": "icon",
2642
+ "name": "emphasized",
2726
2643
  "type": {
2727
- "text": "Element"
2728
- }
2644
+ "text": "boolean"
2645
+ },
2646
+ "default": "false",
2647
+ "attribute": "emphasized"
2729
2648
  },
2730
2649
  {
2731
- "kind": "method",
2732
- "name": "menuRender"
2650
+ "kind": "field",
2651
+ "name": "_editCancelled",
2652
+ "type": {
2653
+ "text": "boolean | undefined"
2654
+ },
2655
+ "privacy": "private"
2733
2656
  },
2734
2657
  {
2735
- "kind": "method",
2736
- "name": "open",
2737
- "parameters": [
2738
- {
2739
- "name": "e",
2740
- "type": {
2741
- "text": "Event"
2742
- }
2743
- }
2744
- ]
2658
+ "kind": "field",
2659
+ "name": "_onFieldChange",
2660
+ "type": {
2661
+ "text": "(e: Event) => void"
2662
+ },
2663
+ "privacy": "private",
2664
+ "default": "e => {}"
2665
+ },
2666
+ {
2667
+ "kind": "field",
2668
+ "name": "_onKeydownInEditingMode",
2669
+ "type": {
2670
+ "text": "(e: KeyboardEvent) => void"
2671
+ },
2672
+ "privacy": "private",
2673
+ "default": "e => {}"
2674
+ },
2675
+ {
2676
+ "kind": "field",
2677
+ "name": "isEditing",
2678
+ "privacy": "private"
2745
2679
  }
2746
2680
  ],
2747
2681
  "attributes": [
2748
2682
  {
2749
- "name": "gutters",
2683
+ "name": "align",
2684
+ "default": "DEFAULT_TEXT_ALIGN",
2685
+ "resolveInitializer": {
2686
+ "module": "src/data-grid/data-grid-field.ts"
2687
+ },
2688
+ "fieldName": "align"
2689
+ },
2690
+ {
2691
+ "name": "record",
2750
2692
  "type": {
2751
- "text": "ColumnConfig[]"
2693
+ "text": "GristRecord"
2752
2694
  },
2753
- "fieldName": "gutters"
2695
+ "default": "{}",
2696
+ "fieldName": "record"
2697
+ },
2698
+ {
2699
+ "name": "column",
2700
+ "type": {
2701
+ "text": "ColumnConfig"
2702
+ },
2703
+ "default": "ZERO_COLUMN",
2704
+ "resolveInitializer": {
2705
+ "module": "/src/configure/zero-config"
2706
+ },
2707
+ "fieldName": "column"
2754
2708
  },
2755
2709
  {
2756
2710
  "name": "rowIndex",
2757
2711
  "type": {
2758
2712
  "text": "number"
2759
2713
  },
2714
+ "default": "0",
2760
2715
  "fieldName": "rowIndex"
2761
2716
  },
2762
2717
  {
2763
- "name": "record",
2718
+ "name": "columnIndex",
2764
2719
  "type": {
2765
- "text": "GristRecord"
2720
+ "text": "number"
2766
2721
  },
2767
- "fieldName": "record"
2722
+ "default": "0",
2723
+ "fieldName": "columnIndex"
2768
2724
  },
2769
2725
  {
2770
- "name": "clickHandler",
2726
+ "name": "editing",
2771
2727
  "type": {
2772
- "text": "EventListener"
2728
+ "text": "boolean"
2773
2729
  },
2774
- "fieldName": "clickHandler"
2730
+ "default": "false",
2731
+ "fieldName": "editing"
2775
2732
  },
2776
2733
  {
2777
- "name": "dblclickHandler",
2734
+ "name": "value",
2778
2735
  "type": {
2779
- "text": "EventListener"
2736
+ "text": "object"
2780
2737
  },
2781
- "fieldName": "dblclickHandler"
2738
+ "default": "{}",
2739
+ "fieldName": "value"
2740
+ },
2741
+ {
2742
+ "name": "emphasized",
2743
+ "type": {
2744
+ "text": "boolean"
2745
+ },
2746
+ "default": "false",
2747
+ "fieldName": "emphasized"
2782
2748
  }
2783
2749
  ],
2784
2750
  "superclass": {
2785
2751
  "name": "LitElement",
2786
2752
  "package": "lit"
2787
2753
  },
2788
- "tagName": "ox-card-gutter-menu",
2754
+ "tagName": "ox-grid-field",
2789
2755
  "customElement": true
2790
2756
  }
2791
2757
  ],
2792
2758
  "exports": [
2759
+ {
2760
+ "kind": "js",
2761
+ "name": "DataGridField",
2762
+ "declaration": {
2763
+ "name": "DataGridField",
2764
+ "module": "src/data-grid/data-grid-field.ts"
2765
+ }
2766
+ },
2793
2767
  {
2794
2768
  "kind": "custom-element-definition",
2795
- "name": "ox-card-gutter-menu",
2769
+ "name": "ox-grid-field",
2796
2770
  "declaration": {
2797
- "name": "DataCardGutterMenu",
2798
- "module": "src/data-card/data-card-gutter-menu.ts"
2771
+ "name": "DataGridField",
2772
+ "module": "src/data-grid/data-grid-field.ts"
2799
2773
  }
2800
2774
  }
2801
2775
  ]
2802
2776
  },
2803
2777
  {
2804
2778
  "kind": "javascript-module",
2805
- "path": "src/data-card/data-card-gutter.ts",
2779
+ "path": "src/data-grid/data-grid-footer.ts",
2806
2780
  "declarations": [
2807
2781
  {
2808
2782
  "kind": "class",
2809
- "description": "",
2810
- "name": "DataCardGutter",
2811
- "members": [
2812
- {
2813
- "kind": "field",
2814
- "name": "align",
2815
- "type": {
2816
- "text": "string | undefined"
2817
- },
2818
- "attribute": "align"
2819
- },
2820
- {
2821
- "kind": "field",
2822
- "name": "record",
2823
- "type": {
2824
- "text": "GristRecord"
2825
- },
2826
- "default": "ZERO_RECORD",
2827
- "attribute": "record"
2828
- },
2783
+ "description": "",
2784
+ "name": "DataGridFooter",
2785
+ "members": [
2829
2786
  {
2830
2787
  "kind": "field",
2831
- "name": "column",
2788
+ "name": "config",
2832
2789
  "type": {
2833
- "text": "ColumnConfig"
2790
+ "text": "GristConfig"
2834
2791
  },
2835
- "default": "ZERO_COLUMN",
2836
- "attribute": "column"
2792
+ "default": "ZERO_CONFIG",
2793
+ "attribute": "config"
2837
2794
  },
2838
2795
  {
2839
2796
  "kind": "field",
2840
- "name": "rowIndex",
2797
+ "name": "data",
2841
2798
  "type": {
2842
- "text": "number"
2799
+ "text": "GristData"
2843
2800
  },
2844
- "default": "-1",
2845
- "attribute": "rowIndex"
2801
+ "default": "ZERO_DATA",
2802
+ "attribute": "data"
2846
2803
  },
2847
2804
  {
2848
- "kind": "field",
2849
- "name": "value",
2850
- "type": {
2851
- "text": "object | undefined"
2852
- },
2853
- "attribute": "value"
2805
+ "kind": "method",
2806
+ "name": "_gotoPage",
2807
+ "parameters": [
2808
+ {
2809
+ "name": "page",
2810
+ "type": {
2811
+ "text": "number"
2812
+ }
2813
+ }
2814
+ ]
2854
2815
  },
2855
2816
  {
2856
- "kind": "field",
2857
- "name": "isEditing"
2817
+ "kind": "method",
2818
+ "name": "_changeLimit",
2819
+ "parameters": [
2820
+ {
2821
+ "name": "limit",
2822
+ "type": {
2823
+ "text": "number"
2824
+ }
2825
+ }
2826
+ ]
2858
2827
  }
2859
2828
  ],
2860
- "attributes": [
2829
+ "events": [
2861
2830
  {
2862
- "name": "align",
2831
+ "name": "page-change",
2863
2832
  "type": {
2864
- "text": "string | undefined"
2865
- },
2866
- "fieldName": "align"
2833
+ "text": "CustomEvent"
2834
+ }
2867
2835
  },
2868
2836
  {
2869
- "name": "record",
2837
+ "name": "limit-change",
2870
2838
  "type": {
2871
- "text": "GristRecord"
2872
- },
2873
- "default": "ZERO_RECORD",
2874
- "resolveInitializer": {
2875
- "module": "/src/configure/zero-config"
2876
- },
2877
- "fieldName": "record"
2878
- },
2839
+ "text": "CustomEvent"
2840
+ }
2841
+ }
2842
+ ],
2843
+ "attributes": [
2879
2844
  {
2880
- "name": "column",
2845
+ "name": "config",
2881
2846
  "type": {
2882
- "text": "ColumnConfig"
2847
+ "text": "GristConfig"
2883
2848
  },
2884
- "default": "ZERO_COLUMN",
2849
+ "default": "ZERO_CONFIG",
2885
2850
  "resolveInitializer": {
2886
2851
  "module": "/src/configure/zero-config"
2887
2852
  },
2888
- "fieldName": "column"
2853
+ "fieldName": "config"
2889
2854
  },
2890
2855
  {
2891
- "name": "rowIndex",
2856
+ "name": "data",
2892
2857
  "type": {
2893
- "text": "number"
2858
+ "text": "GristData"
2894
2859
  },
2895
- "default": "-1",
2896
- "fieldName": "rowIndex"
2897
- },
2898
- {
2899
- "name": "value",
2900
- "type": {
2901
- "text": "object | undefined"
2860
+ "default": "ZERO_DATA",
2861
+ "resolveInitializer": {
2862
+ "module": "/src/configure/zero-config"
2902
2863
  },
2903
- "fieldName": "value"
2864
+ "fieldName": "data"
2904
2865
  }
2905
2866
  ],
2906
2867
  "superclass": {
2907
2868
  "name": "LitElement",
2908
2869
  "package": "lit"
2909
2870
  },
2910
- "tagName": "ox-card-gutter",
2871
+ "tagName": "ox-grid-footer",
2911
2872
  "customElement": true
2912
2873
  }
2913
2874
  ],
2914
2875
  "exports": [
2915
2876
  {
2916
2877
  "kind": "js",
2917
- "name": "DataCardGutter",
2878
+ "name": "DataGridFooter",
2918
2879
  "declaration": {
2919
- "name": "DataCardGutter",
2920
- "module": "src/data-card/data-card-gutter.ts"
2880
+ "name": "DataGridFooter",
2881
+ "module": "src/data-grid/data-grid-footer.ts"
2921
2882
  }
2922
2883
  },
2923
2884
  {
2924
2885
  "kind": "custom-element-definition",
2925
- "name": "ox-card-gutter",
2886
+ "name": "ox-grid-footer",
2926
2887
  "declaration": {
2927
- "name": "DataCardGutter",
2928
- "module": "src/data-card/data-card-gutter.ts"
2888
+ "name": "DataGridFooter",
2889
+ "module": "src/data-grid/data-grid-footer.ts"
2929
2890
  }
2930
2891
  }
2931
2892
  ]
2932
2893
  },
2933
2894
  {
2934
2895
  "kind": "javascript-module",
2935
- "path": "src/data-card/data-card.ts",
2896
+ "path": "src/data-grid/data-grid-header.ts",
2936
2897
  "declarations": [
2937
2898
  {
2938
2899
  "kind": "class",
2939
2900
  "description": "",
2940
- "name": "DataCard",
2901
+ "name": "DataGridHeader",
2941
2902
  "members": [
2942
2903
  {
2943
2904
  "kind": "field",
@@ -2950,109 +2911,153 @@
2950
2911
  },
2951
2912
  {
2952
2913
  "kind": "field",
2953
- "name": "data",
2914
+ "name": "columns",
2954
2915
  "type": {
2955
- "text": "GristData"
2916
+ "text": "ColumnConfig[]"
2956
2917
  },
2957
- "default": "ZERO_DATA",
2958
- "attribute": "data"
2918
+ "default": "ZERO_COLUMNS",
2919
+ "attribute": "columns"
2959
2920
  },
2960
2921
  {
2961
2922
  "kind": "field",
2962
- "name": "isTop",
2923
+ "name": "data",
2963
2924
  "type": {
2964
- "text": "boolean"
2925
+ "text": "GristData"
2965
2926
  },
2966
- "default": "false",
2967
- "attribute": "isTop"
2927
+ "default": "ZERO_DATA",
2928
+ "attribute": "data"
2968
2929
  },
2969
2930
  {
2970
2931
  "kind": "field",
2971
- "name": "_records",
2932
+ "name": "_sorters",
2972
2933
  "type": {
2973
- "text": "GristRecord[]"
2934
+ "text": "SortersConfig"
2974
2935
  },
2975
2936
  "privacy": "private",
2976
- "default": "[]",
2977
- "attribute": "_records"
2937
+ "default": "[]"
2978
2938
  },
2979
2939
  {
2980
2940
  "kind": "field",
2981
- "name": "_total",
2941
+ "name": "_lastAccVal",
2982
2942
  "type": {
2983
- "text": "number"
2943
+ "text": "number | undefined"
2984
2944
  },
2985
- "privacy": "private",
2986
- "default": "0"
2945
+ "privacy": "private"
2987
2946
  },
2988
2947
  {
2989
2948
  "kind": "field",
2990
- "name": "_limit",
2949
+ "name": "_throttledNotifier",
2991
2950
  "type": {
2992
- "text": "number"
2951
+ "text": "any | undefined"
2993
2952
  },
2994
- "privacy": "private",
2995
- "default": "20"
2953
+ "privacy": "private"
2996
2954
  },
2997
2955
  {
2998
- "kind": "field",
2999
- "name": "_page",
3000
- "type": {
3001
- "text": "number"
3002
- },
3003
- "privacy": "private",
3004
- "default": "1"
2956
+ "kind": "method",
2957
+ "name": "_renderHeader",
2958
+ "parameters": [
2959
+ {
2960
+ "name": "column",
2961
+ "type": {
2962
+ "text": "ColumnConfig"
2963
+ }
2964
+ }
2965
+ ]
3005
2966
  },
3006
2967
  {
3007
2968
  "kind": "method",
3008
- "name": "onRecordChanged",
2969
+ "name": "_renderSortHeader",
3009
2970
  "parameters": [
3010
2971
  {
3011
- "name": "recordData",
2972
+ "name": "column",
3012
2973
  "type": {
3013
- "text": "GristRecord"
2974
+ "text": "ColumnConfig"
3014
2975
  }
3015
- },
2976
+ }
2977
+ ]
2978
+ },
2979
+ {
2980
+ "kind": "method",
2981
+ "name": "_renderFilterHeader",
2982
+ "parameters": [
3016
2983
  {
3017
- "name": "row",
2984
+ "name": "column",
3018
2985
  "type": {
3019
- "text": "number"
2986
+ "text": "ColumnConfig"
3020
2987
  }
3021
- },
2988
+ }
2989
+ ]
2990
+ },
2991
+ {
2992
+ "kind": "method",
2993
+ "name": "_changeSort",
2994
+ "parameters": [
3022
2995
  {
3023
2996
  "name": "column",
3024
2997
  "type": {
3025
- "text": "ColumnConfig | null"
2998
+ "text": "ColumnConfig"
3026
2999
  }
3027
3000
  }
3028
3001
  ]
3029
3002
  },
3030
3003
  {
3031
3004
  "kind": "method",
3032
- "name": "gotoTop",
3005
+ "name": "_accumalate",
3033
3006
  "parameters": [
3034
3007
  {
3035
- "name": "e",
3008
+ "name": "x",
3036
3009
  "type": {
3037
- "text": "Event"
3010
+ "text": "number"
3038
3011
  }
3039
3012
  }
3040
3013
  ]
3041
3014
  },
3042
3015
  {
3043
- "kind": "field",
3044
- "name": "pullToRefreshTarget"
3016
+ "kind": "method",
3017
+ "name": "_notifyWidthChange",
3018
+ "parameters": [
3019
+ {
3020
+ "name": "idx",
3021
+ "type": {
3022
+ "text": "number"
3023
+ }
3024
+ },
3025
+ {
3026
+ "name": "width",
3027
+ "type": {
3028
+ "text": "number"
3029
+ }
3030
+ }
3031
+ ]
3032
+ },
3033
+ {
3034
+ "kind": "method",
3035
+ "name": "_mousedown",
3036
+ "parameters": [
3037
+ {
3038
+ "name": "e",
3039
+ "type": {
3040
+ "text": "MouseEvent"
3041
+ }
3042
+ },
3043
+ {
3044
+ "name": "idx",
3045
+ "type": {
3046
+ "text": "number"
3047
+ }
3048
+ }
3049
+ ]
3045
3050
  }
3046
3051
  ],
3047
3052
  "events": [
3048
3053
  {
3049
- "name": "attach-page",
3054
+ "name": "sorters-change",
3050
3055
  "type": {
3051
3056
  "text": "CustomEvent"
3052
3057
  }
3053
3058
  },
3054
3059
  {
3055
- "name": "record-change",
3060
+ "name": "column-width-change",
3056
3061
  "type": {
3057
3062
  "text": "CustomEvent"
3058
3063
  }
@@ -3071,68 +3076,63 @@
3071
3076
  "fieldName": "config"
3072
3077
  },
3073
3078
  {
3074
- "name": "data",
3079
+ "name": "columns",
3075
3080
  "type": {
3076
- "text": "GristData"
3081
+ "text": "ColumnConfig[]"
3077
3082
  },
3078
- "default": "ZERO_DATA",
3083
+ "default": "ZERO_COLUMNS",
3079
3084
  "resolveInitializer": {
3080
3085
  "module": "/src/configure/zero-config"
3081
3086
  },
3082
- "fieldName": "data"
3083
- },
3084
- {
3085
- "name": "isTop",
3086
- "type": {
3087
- "text": "boolean"
3088
- },
3089
- "default": "false",
3090
- "fieldName": "isTop"
3087
+ "fieldName": "columns"
3091
3088
  },
3092
3089
  {
3093
- "name": "_records",
3090
+ "name": "data",
3094
3091
  "type": {
3095
- "text": "GristRecord[]"
3092
+ "text": "GristData"
3096
3093
  },
3097
- "default": "[]",
3098
- "fieldName": "_records"
3094
+ "default": "ZERO_DATA",
3095
+ "resolveInitializer": {
3096
+ "module": "/src/configure/zero-config"
3097
+ },
3098
+ "fieldName": "data"
3099
3099
  }
3100
3100
  ],
3101
3101
  "superclass": {
3102
3102
  "name": "LitElement",
3103
3103
  "package": "lit"
3104
3104
  },
3105
- "tagName": "ox-card",
3105
+ "tagName": "ox-grid-header",
3106
3106
  "customElement": true
3107
3107
  }
3108
3108
  ],
3109
3109
  "exports": [
3110
3110
  {
3111
3111
  "kind": "js",
3112
- "name": "DataCard",
3112
+ "name": "DataGridHeader",
3113
3113
  "declaration": {
3114
- "name": "DataCard",
3115
- "module": "src/data-card/data-card.ts"
3114
+ "name": "DataGridHeader",
3115
+ "module": "src/data-grid/data-grid-header.ts"
3116
3116
  }
3117
3117
  },
3118
3118
  {
3119
3119
  "kind": "custom-element-definition",
3120
- "name": "ox-card",
3120
+ "name": "ox-grid-header",
3121
3121
  "declaration": {
3122
- "name": "DataCard",
3123
- "module": "src/data-card/data-card.ts"
3122
+ "name": "DataGridHeader",
3123
+ "module": "src/data-grid/data-grid-header.ts"
3124
3124
  }
3125
3125
  }
3126
3126
  ]
3127
3127
  },
3128
3128
  {
3129
3129
  "kind": "javascript-module",
3130
- "path": "src/data-card/record-card.ts",
3130
+ "path": "src/data-grid/data-grid.ts",
3131
3131
  "declarations": [
3132
3132
  {
3133
3133
  "kind": "class",
3134
- "description": "",
3135
- "name": "RecordCard",
3134
+ "description": "DataGrid",
3135
+ "name": "DataGrid",
3136
3136
  "members": [
3137
3137
  {
3138
3138
  "kind": "field",
@@ -3154,81 +3154,101 @@
3154
3154
  },
3155
3155
  {
3156
3156
  "kind": "field",
3157
- "name": "record",
3157
+ "name": "focused",
3158
3158
  "type": {
3159
- "text": "GristRecord"
3159
+ "text": "{ row: number; column: number } | undefined"
3160
3160
  },
3161
- "default": "ZERO_RECORD",
3162
- "attribute": "record"
3161
+ "attribute": "focused"
3163
3162
  },
3164
3163
  {
3165
3164
  "kind": "field",
3166
- "name": "rowIndex",
3165
+ "name": "body",
3167
3166
  "type": {
3168
- "text": "number"
3169
- },
3170
- "default": "-1",
3171
- "attribute": "rowIndex"
3167
+ "text": "LitElement"
3168
+ }
3172
3169
  },
3173
3170
  {
3174
3171
  "kind": "field",
3175
- "name": "selectedRow",
3172
+ "name": "header",
3176
3173
  "type": {
3177
- "text": "boolean"
3178
- },
3179
- "default": "false",
3180
- "attribute": "selected-row"
3174
+ "text": "DataGridHeader"
3175
+ }
3181
3176
  },
3182
3177
  {
3183
3178
  "kind": "field",
3184
- "name": "_recordView",
3179
+ "name": "footer",
3185
3180
  "type": {
3186
- "text": "any"
3187
- },
3188
- "privacy": "private"
3181
+ "text": "LitElement"
3182
+ }
3189
3183
  },
3190
3184
  {
3191
3185
  "kind": "field",
3192
- "name": "clickHandler",
3193
- "privacy": "private",
3194
- "default": "recordCardClickHandler.bind(this)"
3186
+ "name": "_widths",
3187
+ "type": {
3188
+ "text": "string | undefined"
3189
+ },
3190
+ "privacy": "private"
3195
3191
  },
3196
3192
  {
3197
- "kind": "field",
3198
- "name": "dblclickHandler",
3199
- "privacy": "private",
3200
- "default": "recordCardDblClickHandler.bind(this)"
3193
+ "kind": "method",
3194
+ "name": "onWheelEvent",
3195
+ "parameters": [
3196
+ {
3197
+ "name": "e",
3198
+ "type": {
3199
+ "text": "WheelEvent"
3200
+ }
3201
+ }
3202
+ ]
3201
3203
  },
3202
3204
  {
3203
3205
  "kind": "method",
3204
- "name": "onFieldChange",
3206
+ "name": "onRecordChanged",
3205
3207
  "parameters": [
3206
3208
  {
3207
- "name": "e",
3209
+ "name": "recordData",
3208
3210
  "type": {
3209
- "text": "Event"
3211
+ "text": "GristRecord"
3212
+ }
3213
+ },
3214
+ {
3215
+ "name": "row",
3216
+ "type": {
3217
+ "text": "number"
3218
+ }
3219
+ },
3220
+ {
3221
+ "name": "column",
3222
+ "type": {
3223
+ "text": "ColumnConfig | null"
3210
3224
  }
3211
3225
  }
3212
3226
  ]
3213
3227
  },
3214
3228
  {
3215
- "kind": "field",
3216
- "name": "recordView"
3229
+ "kind": "method",
3230
+ "name": "calculateWidths",
3231
+ "parameters": [
3232
+ {
3233
+ "name": "columns",
3234
+ "type": {
3235
+ "text": "ColumnConfig[]"
3236
+ }
3237
+ }
3238
+ ]
3217
3239
  },
3218
3240
  {
3219
3241
  "kind": "method",
3220
- "name": "popupRecordView"
3242
+ "name": "focus"
3243
+ },
3244
+ {
3245
+ "kind": "field",
3246
+ "name": "pullToRefreshTarget"
3221
3247
  }
3222
3248
  ],
3223
3249
  "events": [
3224
3250
  {
3225
- "name": "field-change",
3226
- "type": {
3227
- "text": "CustomEvent"
3228
- }
3229
- },
3230
- {
3231
- "name": "record-reset",
3251
+ "name": "record-change",
3232
3252
  "type": {
3233
3253
  "text": "CustomEvent"
3234
3254
  }
@@ -3258,56 +3278,36 @@
3258
3278
  "fieldName": "data"
3259
3279
  },
3260
3280
  {
3261
- "name": "record",
3262
- "type": {
3263
- "text": "GristRecord"
3264
- },
3265
- "default": "ZERO_RECORD",
3266
- "resolveInitializer": {
3267
- "module": "/src/configure/zero-config"
3268
- },
3269
- "fieldName": "record"
3270
- },
3271
- {
3272
- "name": "rowIndex",
3273
- "type": {
3274
- "text": "number"
3275
- },
3276
- "default": "-1",
3277
- "fieldName": "rowIndex"
3278
- },
3279
- {
3280
- "name": "selected-row",
3281
+ "name": "focused",
3281
3282
  "type": {
3282
- "text": "boolean"
3283
+ "text": "{ row: number; column: number } | undefined"
3283
3284
  },
3284
- "default": "false",
3285
- "fieldName": "selectedRow"
3285
+ "fieldName": "focused"
3286
3286
  }
3287
3287
  ],
3288
3288
  "superclass": {
3289
3289
  "name": "LitElement",
3290
3290
  "package": "lit"
3291
3291
  },
3292
- "tagName": "ox-record-card",
3292
+ "tagName": "ox-grid",
3293
3293
  "customElement": true
3294
3294
  }
3295
3295
  ],
3296
3296
  "exports": [
3297
3297
  {
3298
3298
  "kind": "js",
3299
- "name": "RecordCard",
3299
+ "name": "DataGrid",
3300
3300
  "declaration": {
3301
- "name": "RecordCard",
3302
- "module": "src/data-card/record-card.ts"
3301
+ "name": "DataGrid",
3302
+ "module": "src/data-grid/data-grid.ts"
3303
3303
  }
3304
3304
  },
3305
3305
  {
3306
3306
  "kind": "custom-element-definition",
3307
- "name": "ox-record-card",
3307
+ "name": "ox-grid",
3308
3308
  "declaration": {
3309
- "name": "RecordCard",
3310
- "module": "src/data-card/record-card.ts"
3309
+ "name": "DataGrid",
3310
+ "module": "src/data-grid/data-grid.ts"
3311
3311
  }
3312
3312
  }
3313
3313
  ]
@@ -13259,11 +13259,11 @@
13259
13259
  },
13260
13260
  {
13261
13261
  "kind": "javascript-module",
13262
- "path": "src/data-grid/event-handlers/data-grid-body-click-handler.ts",
13262
+ "path": "src/data-card/event-handlers/record-card-click-handler.ts",
13263
13263
  "declarations": [
13264
13264
  {
13265
13265
  "kind": "function",
13266
- "name": "dataGridBodyClickHandler",
13266
+ "name": "recordCardClickHandler",
13267
13267
  "return": {
13268
13268
  "type": {
13269
13269
  "text": "void"
@@ -13273,79 +13273,80 @@
13273
13273
  {
13274
13274
  "name": "this",
13275
13275
  "type": {
13276
- "text": "DataGridBody"
13276
+ "text": "RecordCard"
13277
13277
  }
13278
13278
  },
13279
13279
  {
13280
13280
  "name": "e",
13281
13281
  "type": {
13282
- "text": "Event"
13282
+ "text": "MouseEvent"
13283
13283
  }
13284
13284
  }
13285
- ]
13285
+ ],
13286
+ "description": "ox-record-card 의 click handler\n\n- handler의 this 는 ox-record-card임."
13286
13287
  }
13287
13288
  ],
13288
13289
  "exports": [
13289
13290
  {
13290
13291
  "kind": "js",
13291
- "name": "dataGridBodyClickHandler",
13292
+ "name": "recordCardClickHandler",
13292
13293
  "declaration": {
13293
- "name": "dataGridBodyClickHandler",
13294
- "module": "src/data-grid/event-handlers/data-grid-body-click-handler.ts"
13294
+ "name": "recordCardClickHandler",
13295
+ "module": "src/data-card/event-handlers/record-card-click-handler.ts"
13295
13296
  }
13296
13297
  }
13297
13298
  ]
13298
13299
  },
13299
13300
  {
13300
13301
  "kind": "javascript-module",
13301
- "path": "src/data-grid/event-handlers/data-grid-body-dblclick-handler.ts",
13302
+ "path": "src/data-card/event-handlers/record-card-dblclick-handler.ts",
13302
13303
  "declarations": [
13303
13304
  {
13304
13305
  "kind": "function",
13305
- "name": "dataGridBodyDblclickHandler",
13306
+ "name": "recordCardDblClickHandler",
13306
13307
  "return": {
13307
13308
  "type": {
13308
- "text": "Promise<void>"
13309
+ "text": "void"
13309
13310
  }
13310
13311
  },
13311
13312
  "parameters": [
13312
13313
  {
13313
13314
  "name": "this",
13314
13315
  "type": {
13315
- "text": "DataGridBody"
13316
+ "text": "RecordCard"
13316
13317
  }
13317
13318
  },
13318
13319
  {
13319
13320
  "name": "e",
13320
13321
  "type": {
13321
- "text": "Event"
13322
+ "text": "MouseEvent"
13322
13323
  }
13323
13324
  }
13324
13325
  ],
13325
- "description": "ox-grid-body 의 dblclick handler\n\n- handler의 this 는 ox-grid-body임."
13326
+ "description": "ox-record-card 의 dblclick handler\n\n- handler의 this 는 ox-record-card임."
13326
13327
  }
13327
13328
  ],
13328
13329
  "exports": [
13329
13330
  {
13330
13331
  "kind": "js",
13331
- "name": "dataGridBodyDblclickHandler",
13332
+ "name": "recordCardDblClickHandler",
13332
13333
  "declaration": {
13333
- "name": "dataGridBodyDblclickHandler",
13334
- "module": "src/data-grid/event-handlers/data-grid-body-dblclick-handler.ts"
13334
+ "name": "recordCardDblClickHandler",
13335
+ "module": "src/data-card/event-handlers/record-card-dblclick-handler.ts"
13335
13336
  }
13336
13337
  }
13337
13338
  ]
13338
13339
  },
13339
13340
  {
13340
13341
  "kind": "javascript-module",
13341
- "path": "src/data-grid/event-handlers/data-grid-body-keydown-handler.ts",
13342
+ "path": "src/data-grid/event-handlers/data-grid-body-click-handler.ts",
13342
13343
  "declarations": [
13343
13344
  {
13344
13345
  "kind": "function",
13345
- "name": "dataGridBodyKeydownHandler",
13346
+ "name": "dataGridBodyClickHandler",
13346
13347
  "return": {
13347
13348
  "type": {
13348
- "text": "Promise<void>"
13349
+ "text": "void"
13349
13350
  }
13350
13351
  },
13351
13352
  "parameters": [
@@ -13358,100 +13359,99 @@
13358
13359
  {
13359
13360
  "name": "e",
13360
13361
  "type": {
13361
- "text": "KeyboardEvent"
13362
+ "text": "Event"
13362
13363
  }
13363
13364
  }
13364
- ],
13365
- "description": "ox-grid-body 의 keydown handler\n\n- handler의 this 는 ox-grid-body임."
13365
+ ]
13366
13366
  }
13367
13367
  ],
13368
13368
  "exports": [
13369
13369
  {
13370
13370
  "kind": "js",
13371
- "name": "dataGridBodyKeydownHandler",
13371
+ "name": "dataGridBodyClickHandler",
13372
13372
  "declaration": {
13373
- "name": "dataGridBodyKeydownHandler",
13374
- "module": "src/data-grid/event-handlers/data-grid-body-keydown-handler.ts"
13373
+ "name": "dataGridBodyClickHandler",
13374
+ "module": "src/data-grid/event-handlers/data-grid-body-click-handler.ts"
13375
13375
  }
13376
13376
  }
13377
13377
  ]
13378
13378
  },
13379
13379
  {
13380
13380
  "kind": "javascript-module",
13381
- "path": "src/data-card/event-handlers/record-card-click-handler.ts",
13381
+ "path": "src/data-grid/event-handlers/data-grid-body-dblclick-handler.ts",
13382
13382
  "declarations": [
13383
13383
  {
13384
13384
  "kind": "function",
13385
- "name": "recordCardClickHandler",
13385
+ "name": "dataGridBodyDblclickHandler",
13386
13386
  "return": {
13387
13387
  "type": {
13388
- "text": "void"
13388
+ "text": "Promise<void>"
13389
13389
  }
13390
13390
  },
13391
13391
  "parameters": [
13392
13392
  {
13393
13393
  "name": "this",
13394
13394
  "type": {
13395
- "text": "RecordCard"
13395
+ "text": "DataGridBody"
13396
13396
  }
13397
13397
  },
13398
13398
  {
13399
13399
  "name": "e",
13400
13400
  "type": {
13401
- "text": "MouseEvent"
13401
+ "text": "Event"
13402
13402
  }
13403
13403
  }
13404
13404
  ],
13405
- "description": "ox-record-card 의 click handler\n\n- handler의 this 는 ox-record-card임."
13405
+ "description": "ox-grid-body 의 dblclick handler\n\n- handler의 this 는 ox-grid-body임."
13406
13406
  }
13407
13407
  ],
13408
13408
  "exports": [
13409
13409
  {
13410
13410
  "kind": "js",
13411
- "name": "recordCardClickHandler",
13411
+ "name": "dataGridBodyDblclickHandler",
13412
13412
  "declaration": {
13413
- "name": "recordCardClickHandler",
13414
- "module": "src/data-card/event-handlers/record-card-click-handler.ts"
13413
+ "name": "dataGridBodyDblclickHandler",
13414
+ "module": "src/data-grid/event-handlers/data-grid-body-dblclick-handler.ts"
13415
13415
  }
13416
13416
  }
13417
13417
  ]
13418
13418
  },
13419
13419
  {
13420
13420
  "kind": "javascript-module",
13421
- "path": "src/data-card/event-handlers/record-card-dblclick-handler.ts",
13421
+ "path": "src/data-grid/event-handlers/data-grid-body-keydown-handler.ts",
13422
13422
  "declarations": [
13423
13423
  {
13424
13424
  "kind": "function",
13425
- "name": "recordCardDblClickHandler",
13425
+ "name": "dataGridBodyKeydownHandler",
13426
13426
  "return": {
13427
13427
  "type": {
13428
- "text": "void"
13428
+ "text": "Promise<void>"
13429
13429
  }
13430
13430
  },
13431
13431
  "parameters": [
13432
13432
  {
13433
13433
  "name": "this",
13434
13434
  "type": {
13435
- "text": "RecordCard"
13435
+ "text": "DataGridBody"
13436
13436
  }
13437
13437
  },
13438
13438
  {
13439
13439
  "name": "e",
13440
13440
  "type": {
13441
- "text": "MouseEvent"
13441
+ "text": "KeyboardEvent"
13442
13442
  }
13443
13443
  }
13444
13444
  ],
13445
- "description": "ox-record-card 의 dblclick handler\n\n- handler의 this 는 ox-record-card임."
13445
+ "description": "ox-grid-body 의 keydown handler\n\n- handler의 this 는 ox-grid-body임."
13446
13446
  }
13447
13447
  ],
13448
13448
  "exports": [
13449
13449
  {
13450
13450
  "kind": "js",
13451
- "name": "recordCardDblClickHandler",
13451
+ "name": "dataGridBodyKeydownHandler",
13452
13452
  "declaration": {
13453
- "name": "recordCardDblClickHandler",
13454
- "module": "src/data-card/event-handlers/record-card-dblclick-handler.ts"
13453
+ "name": "dataGridBodyKeydownHandler",
13454
+ "module": "src/data-grid/event-handlers/data-grid-body-keydown-handler.ts"
13455
13455
  }
13456
13456
  }
13457
13457
  ]