@operato/data-grist 0.2.52 → 0.3.1

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