@operato/data-grist 0.3.20 → 0.3.26

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 (14) hide show
  1. package/CHANGELOG.md +57 -0
  2. package/custom-elements.json +1173 -1137
  3. package/dist/src/data-grist.js +2 -1
  4. package/dist/src/data-grist.js.map +1 -1
  5. package/dist/src/data-provider.d.ts +14 -4
  6. package/dist/src/data-provider.js +28 -3
  7. package/dist/src/data-provider.js.map +1 -1
  8. package/dist/src/filters/filters-form.js +1 -2
  9. package/dist/src/filters/filters-form.js.map +1 -1
  10. package/dist/tsconfig.tsbuildinfo +1 -1
  11. package/package.json +8 -8
  12. package/src/data-grist.ts +2 -1
  13. package/src/data-provider.ts +46 -1
  14. package/src/filters/filters-form.ts +1 -3
package/custom-elements.json CHANGED
@@ -650,6 +650,14 @@
650
650
  },
651
651
  "privacy": "private"
652
652
  },
653
+ {
654
+ "kind": "field",
655
+ "name": "_filters",
656
+ "type": {
657
+ "text": "FilterConfigObject[] | undefined"
658
+ },
659
+ "privacy": "private"
660
+ },
653
661
  {
654
662
  "kind": "field",
655
663
  "name": "_pageChangeHandler",
@@ -668,6 +676,11 @@
668
676
  "name": "_sortersChangeHandler",
669
677
  "privacy": "private"
670
678
  },
679
+ {
680
+ "kind": "field",
681
+ "name": "_filtersChangeHandler",
682
+ "privacy": "private"
683
+ },
671
684
  {
672
685
  "kind": "field",
673
686
  "name": "_recordChangeHandler",
@@ -741,6 +754,18 @@
741
754
  }
742
755
  ]
743
756
  },
757
+ {
758
+ "kind": "method",
759
+ "name": "onFiltersChange",
760
+ "parameters": [
761
+ {
762
+ "name": "e",
763
+ "type": {
764
+ "text": "Event"
765
+ }
766
+ }
767
+ ]
768
+ },
744
769
  {
745
770
  "kind": "method",
746
771
  "name": "onRecordChange",
@@ -765,6 +790,14 @@
765
790
  "kind": "field",
766
791
  "name": "sorters"
767
792
  },
793
+ {
794
+ "kind": "field",
795
+ "name": "sortings"
796
+ },
797
+ {
798
+ "kind": "field",
799
+ "name": "filters"
800
+ },
768
801
  {
769
802
  "kind": "method",
770
803
  "name": "attach",
@@ -780,8 +813,11 @@
780
813
  "name": "fetch",
781
814
  "parameters": [
782
815
  {
783
- "name": "{ page = this.page, limit = this.limit, sorters = this.sorters }",
784
- "default": "{}"
816
+ "name": "{\n page = this.page,\n limit = this.limit,\n sorters,\n sortings,\n filters\n }",
817
+ "default": "{}",
818
+ "type": {
819
+ "text": "{\n page?: number\n limit?: number\n sorters?: SortersConfig\n sortings?: SortersConfig\n filters?: FilterConfigObject[]\n }"
820
+ }
785
821
  }
786
822
  ]
787
823
  },
@@ -1670,275 +1706,299 @@
1670
1706
  },
1671
1707
  {
1672
1708
  "kind": "javascript-module",
1673
- "path": "src/data-card/data-card-field.ts",
1709
+ "path": "src/data-grid/data-grid-body-style.ts",
1710
+ "declarations": [
1711
+ {
1712
+ "kind": "variable",
1713
+ "name": "dataGridBodyStyle",
1714
+ "default": "css`\n :host {\n display: grid;\n grid-template-columns: var(--grid-template-columns);\n grid-auto-rows: var(--grid-record-height, min-content);\n\n overflow: auto;\n outline: none;\n color: var(--grid-record-color);\n }\n\n [odd] {\n background-color: var(--grid-record-odd-background-color);\n }\n\n [selected-row] {\n background-color: var(--grid-record-selected-background-color);\n color: var(--grid-record-selected-color);\n }\n\n [focused-row] {\n box-shadow: var(--grid-record-focused-box-shadow);\n font-weight: bold;\n color: var(--grid-record-focused-color);\n background-image: var(--focused-background-image);\n background-blend-mode: darken;\n }\n\n [focused] {\n border: var(--grid-record-focused-cell-border);\n }\n\n [emphasized-row],\n [emphasized-row][focused] {\n background-color: var(--grid-record-emphasized-background-color);\n color: var(--grid-record-emphasized-color);\n }\n\n [editing] {\n background-color: var(--grid-record-editing-background-color);\n }\n\n @media print {\n :host {\n grid-template-columns: var(--grid-template-print-columns);\n }\n [focused] {\n border: none;\n }\n\n [selected-row] {\n background-color: transparent;\n }\n\n [emphasized-row] {\n background-color: transparent;\n color: initial;\n }\n\n [focused-row] {\n background-color: transparent;\n color: initial;\n }\n\n [editing] {\n background-color: transparent;\n }\n }\n`"
1715
+ }
1716
+ ],
1717
+ "exports": [
1718
+ {
1719
+ "kind": "js",
1720
+ "name": "dataGridBodyStyle",
1721
+ "declaration": {
1722
+ "name": "dataGridBodyStyle",
1723
+ "module": "src/data-grid/data-grid-body-style.ts"
1724
+ }
1725
+ }
1726
+ ]
1727
+ },
1728
+ {
1729
+ "kind": "javascript-module",
1730
+ "path": "src/data-grid/data-grid-body.ts",
1674
1731
  "declarations": [
1675
1732
  {
1676
1733
  "kind": "class",
1677
1734
  "description": "",
1678
- "name": "DataCardField",
1735
+ "name": "DataGridBody",
1679
1736
  "members": [
1680
1737
  {
1681
1738
  "kind": "field",
1682
- "name": "align",
1683
- "type": {
1684
- "text": "string | undefined"
1685
- },
1686
- "attribute": "align"
1739
+ "name": "debounce"
1687
1740
  },
1688
1741
  {
1689
1742
  "kind": "field",
1690
- "name": "record",
1743
+ "name": "config",
1691
1744
  "type": {
1692
- "text": "GristRecord"
1745
+ "text": "GristConfig"
1693
1746
  },
1694
- "default": "ZERO_RECORD",
1695
- "attribute": "record"
1747
+ "default": "ZERO_CONFIG",
1748
+ "attribute": "config"
1696
1749
  },
1697
1750
  {
1698
1751
  "kind": "field",
1699
- "name": "column",
1752
+ "name": "columns",
1700
1753
  "type": {
1701
- "text": "ColumnConfig"
1754
+ "text": "ColumnConfig[]"
1702
1755
  },
1703
- "default": "ZERO_COLUMN",
1704
- "attribute": "column"
1756
+ "default": "[]",
1757
+ "attribute": "columns"
1705
1758
  },
1706
1759
  {
1707
1760
  "kind": "field",
1708
- "name": "rowIndex",
1761
+ "name": "data",
1709
1762
  "type": {
1710
- "text": "number"
1763
+ "text": "GristData"
1711
1764
  },
1712
- "default": "-1",
1713
- "attribute": "rowIndex"
1765
+ "default": "ZERO_DATA",
1766
+ "attribute": "data"
1714
1767
  },
1715
1768
  {
1716
1769
  "kind": "field",
1717
- "name": "value",
1718
- "type": {
1719
- "text": "object | undefined"
1720
- },
1721
- "attribute": "value"
1722
- }
1723
- ],
1724
- "attributes": [
1725
- {
1726
- "name": "align",
1727
- "type": {
1728
- "text": "string | undefined"
1729
- },
1730
- "fieldName": "align"
1731
- },
1732
- {
1733
- "name": "record",
1770
+ "name": "focused",
1734
1771
  "type": {
1735
- "text": "GristRecord"
1736
- },
1737
- "default": "ZERO_RECORD",
1738
- "resolveInitializer": {
1739
- "module": "/src/configure/zero-config"
1772
+ "text": "{ row: number; column: number }"
1740
1773
  },
1741
- "fieldName": "record"
1774
+ "default": "{\n row: 0,\n column: 0\n}",
1775
+ "attribute": "focused"
1742
1776
  },
1743
1777
  {
1744
- "name": "column",
1778
+ "kind": "field",
1779
+ "name": "editTarget",
1745
1780
  "type": {
1746
- "text": "ColumnConfig"
1747
- },
1748
- "default": "ZERO_COLUMN",
1749
- "resolveInitializer": {
1750
- "module": "/src/configure/zero-config"
1781
+ "text": "{ row: number; column: number } | null"
1751
1782
  },
1752
- "fieldName": "column"
1783
+ "default": "null",
1784
+ "attribute": "editTarget"
1753
1785
  },
1754
1786
  {
1755
- "name": "rowIndex",
1787
+ "kind": "field",
1788
+ "name": "from",
1756
1789
  "type": {
1757
1790
  "text": "number"
1758
1791
  },
1759
1792
  "default": "-1",
1760
- "fieldName": "rowIndex"
1761
- },
1762
- {
1763
- "name": "value",
1764
- "type": {
1765
- "text": "object | undefined"
1766
- },
1767
- "fieldName": "value"
1768
- }
1769
- ],
1770
- "superclass": {
1771
- "name": "LitElement",
1772
- "package": "lit"
1773
- },
1774
- "tagName": "ox-card-field",
1775
- "customElement": true
1776
- }
1777
- ],
1778
- "exports": [
1779
- {
1780
- "kind": "js",
1781
- "name": "DataCardField",
1782
- "declaration": {
1783
- "name": "DataCardField",
1784
- "module": "src/data-card/data-card-field.ts"
1785
- }
1786
- },
1787
- {
1788
- "kind": "custom-element-definition",
1789
- "name": "ox-card-field",
1790
- "declaration": {
1791
- "name": "DataCardField",
1792
- "module": "src/data-card/data-card-field.ts"
1793
- }
1794
- }
1795
- ]
1796
- },
1797
- {
1798
- "kind": "javascript-module",
1799
- "path": "src/data-card/data-card-gutter-menu.ts",
1800
- "declarations": [
1801
- {
1802
- "kind": "class",
1803
- "description": "",
1804
- "name": "DataCardGutterMenu",
1805
- "members": [
1806
- {
1807
- "kind": "field",
1808
- "name": "gutters",
1809
- "type": {
1810
- "text": "ColumnConfig[]"
1811
- },
1812
- "attribute": "gutters"
1793
+ "attribute": "from"
1813
1794
  },
1814
1795
  {
1815
1796
  "kind": "field",
1816
- "name": "rowIndex",
1797
+ "name": "to",
1817
1798
  "type": {
1818
1799
  "text": "number"
1819
1800
  },
1820
- "attribute": "rowIndex"
1801
+ "default": "-1",
1802
+ "attribute": "to"
1821
1803
  },
1822
1804
  {
1823
1805
  "kind": "field",
1824
- "name": "record",
1806
+ "name": "_focusedListener",
1825
1807
  "type": {
1826
- "text": "GristRecord"
1808
+ "text": "(e: KeyboardEvent) => void | undefined"
1827
1809
  },
1828
- "attribute": "record"
1810
+ "privacy": "private"
1829
1811
  },
1830
1812
  {
1831
1813
  "kind": "field",
1832
- "name": "clickHandler",
1814
+ "name": "_recordView",
1833
1815
  "type": {
1834
- "text": "EventListener"
1816
+ "text": "any | undefined"
1835
1817
  },
1836
- "attribute": "clickHandler"
1818
+ "privacy": "private"
1837
1819
  },
1838
1820
  {
1839
1821
  "kind": "field",
1840
- "name": "dblclickHandler",
1822
+ "name": "_recordViewRow",
1841
1823
  "type": {
1842
- "text": "EventListener"
1824
+ "text": "number | undefined"
1843
1825
  },
1844
- "attribute": "dblclickHandler"
1826
+ "privacy": "private"
1845
1827
  },
1846
1828
  {
1847
- "kind": "field",
1848
- "name": "icon",
1849
- "type": {
1850
- "text": "Element"
1851
- }
1829
+ "kind": "method",
1830
+ "name": "resetEdit"
1852
1831
  },
1853
1832
  {
1854
1833
  "kind": "method",
1855
- "name": "menuRender"
1834
+ "name": "handleOnScroll",
1835
+ "parameters": [
1836
+ {
1837
+ "name": "e",
1838
+ "type": {
1839
+ "text": "WheelEvent"
1840
+ }
1841
+ }
1842
+ ]
1856
1843
  },
1857
1844
  {
1858
1845
  "kind": "method",
1859
- "name": "open",
1846
+ "name": "_onWheelEvent",
1860
1847
  "parameters": [
1861
1848
  {
1862
1849
  "name": "e",
1863
1850
  "type": {
1864
- "text": "Event"
1851
+ "text": "WheelEvent"
1865
1852
  }
1866
1853
  }
1867
1854
  ]
1868
- }
1869
- ],
1870
- "attributes": [
1871
- {
1872
- "name": "gutters",
1873
- "type": {
1874
- "text": "ColumnConfig[]"
1875
- },
1876
- "fieldName": "gutters"
1877
1855
  },
1878
1856
  {
1879
- "name": "rowIndex",
1880
- "type": {
1881
- "text": "number"
1882
- },
1883
- "fieldName": "rowIndex"
1857
+ "kind": "method",
1858
+ "name": "startEditTarget",
1859
+ "parameters": [
1860
+ {
1861
+ "name": "row",
1862
+ "type": {
1863
+ "text": "number"
1864
+ }
1865
+ },
1866
+ {
1867
+ "name": "column",
1868
+ "type": {
1869
+ "text": "number"
1870
+ }
1871
+ }
1872
+ ]
1884
1873
  },
1885
1874
  {
1886
- "name": "record",
1875
+ "kind": "method",
1876
+ "name": "focus"
1877
+ },
1878
+ {
1879
+ "kind": "method",
1880
+ "name": "popupRecordView",
1881
+ "parameters": [
1882
+ {
1883
+ "name": "{ record, row }",
1884
+ "type": {
1885
+ "text": "{ row: number; record: GristRecord }"
1886
+ }
1887
+ }
1888
+ ]
1889
+ }
1890
+ ],
1891
+ "attributes": [
1892
+ {
1893
+ "name": "config",
1887
1894
  "type": {
1888
- "text": "GristRecord"
1895
+ "text": "GristConfig"
1889
1896
  },
1890
- "fieldName": "record"
1897
+ "default": "ZERO_CONFIG",
1898
+ "resolveInitializer": {
1899
+ "module": "/src/configure/zero-config"
1900
+ },
1901
+ "fieldName": "config"
1891
1902
  },
1892
1903
  {
1893
- "name": "clickHandler",
1904
+ "name": "columns",
1894
1905
  "type": {
1895
- "text": "EventListener"
1906
+ "text": "ColumnConfig[]"
1896
1907
  },
1897
- "fieldName": "clickHandler"
1908
+ "default": "[]",
1909
+ "fieldName": "columns"
1898
1910
  },
1899
1911
  {
1900
- "name": "dblclickHandler",
1912
+ "name": "data",
1901
1913
  "type": {
1902
- "text": "EventListener"
1914
+ "text": "GristData"
1903
1915
  },
1904
- "fieldName": "dblclickHandler"
1916
+ "default": "ZERO_DATA",
1917
+ "resolveInitializer": {
1918
+ "module": "/src/configure/zero-config"
1919
+ },
1920
+ "fieldName": "data"
1921
+ },
1922
+ {
1923
+ "name": "focused",
1924
+ "type": {
1925
+ "text": "{ row: number; column: number }"
1926
+ },
1927
+ "default": "ZERO_FOCUS",
1928
+ "resolveInitializer": {
1929
+ "module": "src/data-grid/data-grid-body.ts"
1930
+ },
1931
+ "fieldName": "focused"
1932
+ },
1933
+ {
1934
+ "name": "editTarget",
1935
+ "type": {
1936
+ "text": "{ row: number; column: number } | null"
1937
+ },
1938
+ "default": "null",
1939
+ "fieldName": "editTarget"
1940
+ },
1941
+ {
1942
+ "name": "from",
1943
+ "type": {
1944
+ "text": "number"
1945
+ },
1946
+ "default": "-1",
1947
+ "fieldName": "from"
1948
+ },
1949
+ {
1950
+ "name": "to",
1951
+ "type": {
1952
+ "text": "number"
1953
+ },
1954
+ "default": "-1",
1955
+ "fieldName": "to"
1905
1956
  }
1906
1957
  ],
1907
1958
  "superclass": {
1908
1959
  "name": "LitElement",
1909
1960
  "package": "lit"
1910
1961
  },
1911
- "tagName": "ox-card-gutter-menu",
1962
+ "tagName": "ox-grid-body",
1912
1963
  "customElement": true
1913
1964
  }
1914
1965
  ],
1915
1966
  "exports": [
1967
+ {
1968
+ "kind": "js",
1969
+ "name": "DataGridBody",
1970
+ "declaration": {
1971
+ "name": "DataGridBody",
1972
+ "module": "src/data-grid/data-grid-body.ts"
1973
+ }
1974
+ },
1916
1975
  {
1917
1976
  "kind": "custom-element-definition",
1918
- "name": "ox-card-gutter-menu",
1977
+ "name": "ox-grid-body",
1919
1978
  "declaration": {
1920
- "name": "DataCardGutterMenu",
1921
- "module": "src/data-card/data-card-gutter-menu.ts"
1979
+ "name": "DataGridBody",
1980
+ "module": "src/data-grid/data-grid-body.ts"
1922
1981
  }
1923
1982
  }
1924
1983
  ]
1925
1984
  },
1926
1985
  {
1927
1986
  "kind": "javascript-module",
1928
- "path": "src/data-card/data-card-gutter.ts",
1987
+ "path": "src/data-grid/data-grid-field.ts",
1929
1988
  "declarations": [
1930
1989
  {
1931
1990
  "kind": "class",
1932
1991
  "description": "",
1933
- "name": "DataCardGutter",
1992
+ "name": "DataGridField",
1934
1993
  "members": [
1935
1994
  {
1936
1995
  "kind": "field",
1937
1996
  "name": "align",
1997
+ "default": "'left'",
1998
+ "attribute": "align",
1938
1999
  "type": {
1939
- "text": "string | undefined"
1940
- },
1941
- "attribute": "align"
2000
+ "text": "string"
2001
+ }
1942
2002
  },
1943
2003
  {
1944
2004
  "kind": "field",
@@ -1946,7 +2006,7 @@
1946
2006
  "type": {
1947
2007
  "text": "GristRecord"
1948
2008
  },
1949
- "default": "ZERO_RECORD",
2009
+ "default": "{}",
1950
2010
  "attribute": "record"
1951
2011
  },
1952
2012
  {
@@ -1964,27 +2024,83 @@
1964
2024
  "type": {
1965
2025
  "text": "number"
1966
2026
  },
1967
- "default": "-1",
2027
+ "default": "0",
1968
2028
  "attribute": "rowIndex"
1969
2029
  },
2030
+ {
2031
+ "kind": "field",
2032
+ "name": "columnIndex",
2033
+ "type": {
2034
+ "text": "number"
2035
+ },
2036
+ "default": "0",
2037
+ "attribute": "columnIndex"
2038
+ },
2039
+ {
2040
+ "kind": "field",
2041
+ "name": "editing",
2042
+ "type": {
2043
+ "text": "boolean"
2044
+ },
2045
+ "default": "false",
2046
+ "attribute": "editing"
2047
+ },
1970
2048
  {
1971
2049
  "kind": "field",
1972
2050
  "name": "value",
1973
2051
  "type": {
1974
- "text": "object | undefined"
2052
+ "text": "object"
1975
2053
  },
2054
+ "default": "{}",
1976
2055
  "attribute": "value"
1977
2056
  },
1978
2057
  {
1979
2058
  "kind": "field",
1980
- "name": "isEditing"
2059
+ "name": "emphasized",
2060
+ "type": {
2061
+ "text": "boolean"
2062
+ },
2063
+ "default": "false",
2064
+ "attribute": "emphasized"
2065
+ },
2066
+ {
2067
+ "kind": "field",
2068
+ "name": "_editCancelled",
2069
+ "type": {
2070
+ "text": "boolean | undefined"
2071
+ },
2072
+ "privacy": "private"
2073
+ },
2074
+ {
2075
+ "kind": "field",
2076
+ "name": "_onFieldChange",
2077
+ "type": {
2078
+ "text": "(e: Event) => void"
2079
+ },
2080
+ "privacy": "private",
2081
+ "default": "e => {}"
2082
+ },
2083
+ {
2084
+ "kind": "field",
2085
+ "name": "_onKeydownInEditingMode",
2086
+ "type": {
2087
+ "text": "(e: KeyboardEvent) => void"
2088
+ },
2089
+ "privacy": "private",
2090
+ "default": "e => {}"
2091
+ },
2092
+ {
2093
+ "kind": "field",
2094
+ "name": "isEditing",
2095
+ "privacy": "private"
1981
2096
  }
1982
2097
  ],
1983
2098
  "attributes": [
1984
2099
  {
1985
2100
  "name": "align",
1986
- "type": {
1987
- "text": "string | undefined"
2101
+ "default": "DEFAULT_TEXT_ALIGN",
2102
+ "resolveInitializer": {
2103
+ "module": "src/data-grid/data-grid-field.ts"
1988
2104
  },
1989
2105
  "fieldName": "align"
1990
2106
  },
@@ -1993,10 +2109,7 @@
1993
2109
  "type": {
1994
2110
  "text": "GristRecord"
1995
2111
  },
1996
- "default": "ZERO_RECORD",
1997
- "resolveInitializer": {
1998
- "module": "/src/configure/zero-config"
1999
- },
2112
+ "default": "{}",
2000
2113
  "fieldName": "record"
2001
2114
  },
2002
2115
  {
@@ -2015,237 +2128,136 @@
2015
2128
  "type": {
2016
2129
  "text": "number"
2017
2130
  },
2018
- "default": "-1",
2131
+ "default": "0",
2019
2132
  "fieldName": "rowIndex"
2020
2133
  },
2134
+ {
2135
+ "name": "columnIndex",
2136
+ "type": {
2137
+ "text": "number"
2138
+ },
2139
+ "default": "0",
2140
+ "fieldName": "columnIndex"
2141
+ },
2142
+ {
2143
+ "name": "editing",
2144
+ "type": {
2145
+ "text": "boolean"
2146
+ },
2147
+ "default": "false",
2148
+ "fieldName": "editing"
2149
+ },
2021
2150
  {
2022
2151
  "name": "value",
2023
2152
  "type": {
2024
- "text": "object | undefined"
2153
+ "text": "object"
2025
2154
  },
2155
+ "default": "{}",
2026
2156
  "fieldName": "value"
2157
+ },
2158
+ {
2159
+ "name": "emphasized",
2160
+ "type": {
2161
+ "text": "boolean"
2162
+ },
2163
+ "default": "false",
2164
+ "fieldName": "emphasized"
2027
2165
  }
2028
2166
  ],
2029
2167
  "superclass": {
2030
2168
  "name": "LitElement",
2031
2169
  "package": "lit"
2032
2170
  },
2033
- "tagName": "ox-card-gutter",
2171
+ "tagName": "ox-grid-field",
2034
2172
  "customElement": true
2035
2173
  }
2036
2174
  ],
2037
2175
  "exports": [
2038
2176
  {
2039
2177
  "kind": "js",
2040
- "name": "DataCardGutter",
2178
+ "name": "DataGridField",
2041
2179
  "declaration": {
2042
- "name": "DataCardGutter",
2043
- "module": "src/data-card/data-card-gutter.ts"
2180
+ "name": "DataGridField",
2181
+ "module": "src/data-grid/data-grid-field.ts"
2044
2182
  }
2045
2183
  },
2046
2184
  {
2047
2185
  "kind": "custom-element-definition",
2048
- "name": "ox-card-gutter",
2186
+ "name": "ox-grid-field",
2049
2187
  "declaration": {
2050
- "name": "DataCardGutter",
2051
- "module": "src/data-card/data-card-gutter.ts"
2188
+ "name": "DataGridField",
2189
+ "module": "src/data-grid/data-grid-field.ts"
2052
2190
  }
2053
2191
  }
2054
2192
  ]
2055
2193
  },
2056
2194
  {
2057
2195
  "kind": "javascript-module",
2058
- "path": "src/data-card/data-card.ts",
2196
+ "path": "src/data-grid/data-grid-footer.ts",
2059
2197
  "declarations": [
2060
2198
  {
2061
2199
  "kind": "class",
2062
2200
  "description": "",
2063
- "name": "DataCard",
2201
+ "name": "DataGridFooter",
2064
2202
  "members": [
2065
2203
  {
2066
2204
  "kind": "field",
2067
- "name": "isTop",
2068
- "type": {
2069
- "text": "boolean"
2070
- },
2071
- "default": "false",
2072
- "attribute": "isTop"
2073
- },
2074
- {
2075
- "kind": "field",
2076
- "name": "_records",
2205
+ "name": "config",
2077
2206
  "type": {
2078
- "text": "GristRecord[]"
2207
+ "text": "GristConfig"
2079
2208
  },
2080
- "privacy": "private",
2081
- "default": "[]",
2082
- "attribute": "_records"
2209
+ "default": "ZERO_CONFIG",
2210
+ "attribute": "config"
2083
2211
  },
2084
2212
  {
2085
2213
  "kind": "field",
2086
- "name": "_total",
2214
+ "name": "data",
2087
2215
  "type": {
2088
- "text": "number"
2216
+ "text": "GristData"
2089
2217
  },
2090
- "privacy": "private",
2091
- "default": "0"
2092
- },
2093
- {
2094
- "kind": "field",
2095
- "name": "_limit",
2096
- "type": {
2097
- "text": "number"
2098
- },
2099
- "privacy": "private",
2100
- "default": "20"
2101
- },
2102
- {
2103
- "kind": "field",
2104
- "name": "_page",
2105
- "type": {
2106
- "text": "number"
2107
- },
2108
- "privacy": "private",
2109
- "default": "1"
2218
+ "default": "ZERO_DATA",
2219
+ "attribute": "data"
2110
2220
  },
2111
2221
  {
2112
2222
  "kind": "method",
2113
- "name": "gotoTop",
2223
+ "name": "_gotoPage",
2114
2224
  "parameters": [
2115
2225
  {
2116
- "name": "e",
2226
+ "name": "page",
2117
2227
  "type": {
2118
- "text": "Event"
2228
+ "text": "number"
2119
2229
  }
2120
2230
  }
2121
2231
  ]
2122
2232
  },
2123
- {
2124
- "kind": "field",
2125
- "name": "pullToRefreshTarget"
2126
- },
2127
- {
2128
- "kind": "field",
2129
- "name": "config",
2130
- "type": {
2131
- "text": "GristConfig"
2132
- },
2133
- "default": "ZERO_CONFIG",
2134
- "attribute": "config",
2135
- "inheritedFrom": {
2136
- "name": "DataManipulator",
2137
- "module": "src/data-manipulator.ts"
2138
- }
2139
- },
2140
- {
2141
- "kind": "field",
2142
- "name": "data",
2143
- "type": {
2144
- "text": "GristData"
2145
- },
2146
- "default": "ZERO_DATA",
2147
- "attribute": "data",
2148
- "inheritedFrom": {
2149
- "name": "DataManipulator",
2150
- "module": "src/data-manipulator.ts"
2151
- }
2152
- },
2153
- {
2154
- "kind": "method",
2155
- "name": "onFieldChange",
2156
- "parameters": [
2157
- {
2158
- "name": "{\n after,\n before,\n column,\n record,\n row\n }",
2159
- "type": {
2160
- "text": "{\n after: any\n before: any\n column: ColumnConfig\n record: GristRecord\n row: number\n }"
2161
- }
2162
- }
2163
- ],
2164
- "inheritedFrom": {
2165
- "name": "DataManipulator",
2166
- "module": "src/data-manipulator.ts"
2167
- }
2168
- },
2169
- {
2170
- "kind": "method",
2171
- "name": "onSelectRecordChanged",
2172
- "parameters": [
2173
- {
2174
- "name": "{\n selectedRecords,\n added = [],\n removed = []\n }",
2175
- "type": {
2176
- "text": "{\n selectedRecords: GristRecord[]\n added: GristRecord[]\n removed: GristRecord[]\n }"
2177
- }
2178
- }
2179
- ],
2180
- "inheritedFrom": {
2181
- "name": "DataManipulator",
2182
- "module": "src/data-manipulator.ts"
2183
- }
2184
- },
2185
2233
  {
2186
2234
  "kind": "method",
2187
- "name": "onRecordChanged",
2235
+ "name": "_changeLimit",
2188
2236
  "parameters": [
2189
2237
  {
2190
- "name": "recordData",
2191
- "type": {
2192
- "text": "GristRecord"
2193
- }
2194
- },
2195
- {
2196
- "name": "row",
2238
+ "name": "limit",
2197
2239
  "type": {
2198
2240
  "text": "number"
2199
2241
  }
2200
- },
2201
- {
2202
- "name": "column",
2203
- "type": {
2204
- "text": "ColumnConfig | null"
2205
- }
2206
2242
  }
2207
- ],
2208
- "inheritedFrom": {
2209
- "name": "DataManipulator",
2210
- "module": "src/data-manipulator.ts"
2211
- }
2243
+ ]
2212
2244
  }
2213
2245
  ],
2214
2246
  "events": [
2215
2247
  {
2216
- "name": "attach-page",
2248
+ "name": "page-change",
2217
2249
  "type": {
2218
2250
  "text": "CustomEvent"
2219
2251
  }
2220
2252
  },
2221
2253
  {
2222
- "name": "record-change",
2254
+ "name": "limit-change",
2223
2255
  "type": {
2224
2256
  "text": "CustomEvent"
2225
- },
2226
- "inheritedFrom": {
2227
- "name": "DataManipulator",
2228
- "module": "src/data-manipulator.ts"
2229
2257
  }
2230
2258
  }
2231
2259
  ],
2232
2260
  "attributes": [
2233
- {
2234
- "name": "isTop",
2235
- "type": {
2236
- "text": "boolean"
2237
- },
2238
- "default": "false",
2239
- "fieldName": "isTop"
2240
- },
2241
- {
2242
- "name": "_records",
2243
- "type": {
2244
- "text": "GristRecord[]"
2245
- },
2246
- "default": "[]",
2247
- "fieldName": "_records"
2248
- },
2249
2261
  {
2250
2262
  "name": "config",
2251
2263
  "type": {
@@ -2255,11 +2267,7 @@
2255
2267
  "resolveInitializer": {
2256
2268
  "module": "/src/configure/zero-config"
2257
2269
  },
2258
- "fieldName": "config",
2259
- "inheritedFrom": {
2260
- "name": "DataManipulator",
2261
- "module": "src/data-manipulator.ts"
2262
- }
2270
+ "fieldName": "config"
2263
2271
  },
2264
2272
  {
2265
2273
  "name": "data",
@@ -2270,48 +2278,44 @@
2270
2278
  "resolveInitializer": {
2271
2279
  "module": "/src/configure/zero-config"
2272
2280
  },
2273
- "fieldName": "data",
2274
- "inheritedFrom": {
2275
- "name": "DataManipulator",
2276
- "module": "src/data-manipulator.ts"
2277
- }
2281
+ "fieldName": "data"
2278
2282
  }
2279
2283
  ],
2280
2284
  "superclass": {
2281
- "name": "DataManipulator",
2282
- "module": "/src/data-manipulator"
2285
+ "name": "LitElement",
2286
+ "package": "lit"
2283
2287
  },
2284
- "tagName": "ox-card",
2288
+ "tagName": "ox-grid-footer",
2285
2289
  "customElement": true
2286
2290
  }
2287
2291
  ],
2288
2292
  "exports": [
2289
2293
  {
2290
2294
  "kind": "js",
2291
- "name": "DataCard",
2295
+ "name": "DataGridFooter",
2292
2296
  "declaration": {
2293
- "name": "DataCard",
2294
- "module": "src/data-card/data-card.ts"
2297
+ "name": "DataGridFooter",
2298
+ "module": "src/data-grid/data-grid-footer.ts"
2295
2299
  }
2296
2300
  },
2297
2301
  {
2298
2302
  "kind": "custom-element-definition",
2299
- "name": "ox-card",
2303
+ "name": "ox-grid-footer",
2300
2304
  "declaration": {
2301
- "name": "DataCard",
2302
- "module": "src/data-card/data-card.ts"
2305
+ "name": "DataGridFooter",
2306
+ "module": "src/data-grid/data-grid-footer.ts"
2303
2307
  }
2304
2308
  }
2305
2309
  ]
2306
2310
  },
2307
2311
  {
2308
2312
  "kind": "javascript-module",
2309
- "path": "src/data-card/record-card.ts",
2313
+ "path": "src/data-grid/data-grid-header.ts",
2310
2314
  "declarations": [
2311
2315
  {
2312
2316
  "kind": "class",
2313
2317
  "description": "",
2314
- "name": "RecordCard",
2318
+ "name": "DataGridHeader",
2315
2319
  "members": [
2316
2320
  {
2317
2321
  "kind": "field",
@@ -2324,271 +2328,269 @@
2324
2328
  },
2325
2329
  {
2326
2330
  "kind": "field",
2327
- "name": "data",
2331
+ "name": "columns",
2328
2332
  "type": {
2329
- "text": "GristData"
2333
+ "text": "ColumnConfig[]"
2330
2334
  },
2331
- "default": "ZERO_DATA",
2332
- "attribute": "data"
2335
+ "default": "ZERO_COLUMNS",
2336
+ "attribute": "columns"
2333
2337
  },
2334
2338
  {
2335
2339
  "kind": "field",
2336
- "name": "record",
2340
+ "name": "data",
2337
2341
  "type": {
2338
- "text": "GristRecord"
2342
+ "text": "GristData"
2339
2343
  },
2340
- "default": "ZERO_RECORD",
2341
- "attribute": "record"
2344
+ "default": "ZERO_DATA",
2345
+ "attribute": "data"
2342
2346
  },
2343
2347
  {
2344
2348
  "kind": "field",
2345
- "name": "rowIndex",
2349
+ "name": "_sorters",
2346
2350
  "type": {
2347
- "text": "number"
2351
+ "text": "SortersConfig"
2348
2352
  },
2349
- "default": "-1",
2350
- "attribute": "rowIndex"
2353
+ "privacy": "private",
2354
+ "default": "[]"
2351
2355
  },
2352
2356
  {
2353
2357
  "kind": "field",
2354
- "name": "selectedRow",
2358
+ "name": "_lastAccVal",
2355
2359
  "type": {
2356
- "text": "boolean"
2360
+ "text": "number | undefined"
2357
2361
  },
2358
- "default": "false",
2359
- "attribute": "selected-row"
2362
+ "privacy": "private"
2360
2363
  },
2361
2364
  {
2362
2365
  "kind": "field",
2363
- "name": "_recordView",
2366
+ "name": "_throttledNotifier",
2364
2367
  "type": {
2365
- "text": "any"
2368
+ "text": "any | undefined"
2366
2369
  },
2367
2370
  "privacy": "private"
2368
2371
  },
2369
2372
  {
2370
- "kind": "field",
2371
- "name": "clickHandler",
2372
- "privacy": "private",
2373
- "default": "recordCardClickHandler.bind(this)"
2373
+ "kind": "method",
2374
+ "name": "_renderHeader",
2375
+ "parameters": [
2376
+ {
2377
+ "name": "column",
2378
+ "type": {
2379
+ "text": "ColumnConfig"
2380
+ }
2381
+ }
2382
+ ]
2374
2383
  },
2375
2384
  {
2376
- "kind": "field",
2377
- "name": "dblclickHandler",
2378
- "privacy": "private",
2379
- "default": "recordCardDblClickHandler.bind(this)"
2385
+ "kind": "method",
2386
+ "name": "_renderSortHeader",
2387
+ "parameters": [
2388
+ {
2389
+ "name": "column",
2390
+ "type": {
2391
+ "text": "ColumnConfig"
2392
+ }
2393
+ }
2394
+ ]
2380
2395
  },
2381
2396
  {
2382
2397
  "kind": "method",
2383
- "name": "popupRecordView"
2384
- }
2385
- ],
2386
- "attributes": [
2387
- {
2388
- "name": "config",
2389
- "type": {
2390
- "text": "GristConfig"
2391
- },
2392
- "default": "ZERO_CONFIG",
2393
- "resolveInitializer": {
2394
- "module": "/src/configure/zero-config"
2395
- },
2396
- "fieldName": "config"
2398
+ "name": "_renderFilterHeader",
2399
+ "parameters": [
2400
+ {
2401
+ "name": "column",
2402
+ "type": {
2403
+ "text": "ColumnConfig"
2404
+ }
2405
+ }
2406
+ ]
2397
2407
  },
2398
2408
  {
2399
- "name": "data",
2400
- "type": {
2401
- "text": "GristData"
2402
- },
2403
- "default": "ZERO_DATA",
2404
- "resolveInitializer": {
2405
- "module": "/src/configure/zero-config"
2406
- },
2407
- "fieldName": "data"
2409
+ "kind": "method",
2410
+ "name": "_changeSort",
2411
+ "parameters": [
2412
+ {
2413
+ "name": "column",
2414
+ "type": {
2415
+ "text": "ColumnConfig"
2416
+ }
2417
+ }
2418
+ ]
2408
2419
  },
2409
2420
  {
2410
- "name": "record",
2421
+ "kind": "method",
2422
+ "name": "_accumalate",
2423
+ "parameters": [
2424
+ {
2425
+ "name": "x",
2426
+ "type": {
2427
+ "text": "number"
2428
+ }
2429
+ }
2430
+ ]
2431
+ },
2432
+ {
2433
+ "kind": "method",
2434
+ "name": "_notifyWidthChange",
2435
+ "parameters": [
2436
+ {
2437
+ "name": "idx",
2438
+ "type": {
2439
+ "text": "number"
2440
+ }
2441
+ },
2442
+ {
2443
+ "name": "width",
2444
+ "type": {
2445
+ "text": "number"
2446
+ }
2447
+ }
2448
+ ]
2449
+ },
2450
+ {
2451
+ "kind": "method",
2452
+ "name": "_mousedown",
2453
+ "parameters": [
2454
+ {
2455
+ "name": "e",
2456
+ "type": {
2457
+ "text": "MouseEvent"
2458
+ }
2459
+ },
2460
+ {
2461
+ "name": "idx",
2462
+ "type": {
2463
+ "text": "number"
2464
+ }
2465
+ }
2466
+ ]
2467
+ }
2468
+ ],
2469
+ "events": [
2470
+ {
2471
+ "name": "sorters-change",
2411
2472
  "type": {
2412
- "text": "GristRecord"
2473
+ "text": "CustomEvent"
2474
+ }
2475
+ },
2476
+ {
2477
+ "name": "column-width-change",
2478
+ "type": {
2479
+ "text": "CustomEvent"
2480
+ }
2481
+ }
2482
+ ],
2483
+ "attributes": [
2484
+ {
2485
+ "name": "config",
2486
+ "type": {
2487
+ "text": "GristConfig"
2413
2488
  },
2414
- "default": "ZERO_RECORD",
2489
+ "default": "ZERO_CONFIG",
2415
2490
  "resolveInitializer": {
2416
2491
  "module": "/src/configure/zero-config"
2417
2492
  },
2418
- "fieldName": "record"
2493
+ "fieldName": "config"
2419
2494
  },
2420
2495
  {
2421
- "name": "rowIndex",
2496
+ "name": "columns",
2422
2497
  "type": {
2423
- "text": "number"
2498
+ "text": "ColumnConfig[]"
2424
2499
  },
2425
- "default": "-1",
2426
- "fieldName": "rowIndex"
2500
+ "default": "ZERO_COLUMNS",
2501
+ "resolveInitializer": {
2502
+ "module": "/src/configure/zero-config"
2503
+ },
2504
+ "fieldName": "columns"
2427
2505
  },
2428
2506
  {
2429
- "name": "selected-row",
2507
+ "name": "data",
2430
2508
  "type": {
2431
- "text": "boolean"
2509
+ "text": "GristData"
2432
2510
  },
2433
- "default": "false",
2434
- "fieldName": "selectedRow"
2511
+ "default": "ZERO_DATA",
2512
+ "resolveInitializer": {
2513
+ "module": "/src/configure/zero-config"
2514
+ },
2515
+ "fieldName": "data"
2435
2516
  }
2436
2517
  ],
2437
2518
  "superclass": {
2438
2519
  "name": "LitElement",
2439
2520
  "package": "lit"
2440
2521
  },
2441
- "tagName": "ox-record-card",
2522
+ "tagName": "ox-grid-header",
2442
2523
  "customElement": true
2443
2524
  }
2444
2525
  ],
2445
2526
  "exports": [
2446
2527
  {
2447
2528
  "kind": "js",
2448
- "name": "RecordCard",
2529
+ "name": "DataGridHeader",
2449
2530
  "declaration": {
2450
- "name": "RecordCard",
2451
- "module": "src/data-card/record-card.ts"
2531
+ "name": "DataGridHeader",
2532
+ "module": "src/data-grid/data-grid-header.ts"
2452
2533
  }
2453
2534
  },
2454
2535
  {
2455
2536
  "kind": "custom-element-definition",
2456
- "name": "ox-record-card",
2457
- "declaration": {
2458
- "name": "RecordCard",
2459
- "module": "src/data-card/record-card.ts"
2460
- }
2461
- }
2462
- ]
2463
- },
2464
- {
2465
- "kind": "javascript-module",
2466
- "path": "src/data-grid/data-grid-body-style.ts",
2467
- "declarations": [
2468
- {
2469
- "kind": "variable",
2470
- "name": "dataGridBodyStyle",
2471
- "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`"
2472
- }
2473
- ],
2474
- "exports": [
2475
- {
2476
- "kind": "js",
2477
- "name": "dataGridBodyStyle",
2537
+ "name": "ox-grid-header",
2478
2538
  "declaration": {
2479
- "name": "dataGridBodyStyle",
2480
- "module": "src/data-grid/data-grid-body-style.ts"
2539
+ "name": "DataGridHeader",
2540
+ "module": "src/data-grid/data-grid-header.ts"
2481
2541
  }
2482
2542
  }
2483
2543
  ]
2484
2544
  },
2485
2545
  {
2486
2546
  "kind": "javascript-module",
2487
- "path": "src/data-grid/data-grid-body.ts",
2547
+ "path": "src/data-grid/data-grid.ts",
2488
2548
  "declarations": [
2489
2549
  {
2490
2550
  "kind": "class",
2491
- "description": "",
2492
- "name": "DataGridBody",
2551
+ "description": "DataGrid",
2552
+ "name": "DataGrid",
2493
2553
  "members": [
2494
- {
2495
- "kind": "field",
2496
- "name": "debounce"
2497
- },
2498
- {
2499
- "kind": "field",
2500
- "name": "config",
2501
- "type": {
2502
- "text": "GristConfig"
2503
- },
2504
- "default": "ZERO_CONFIG",
2505
- "attribute": "config"
2506
- },
2507
- {
2508
- "kind": "field",
2509
- "name": "columns",
2510
- "type": {
2511
- "text": "ColumnConfig[]"
2512
- },
2513
- "default": "[]",
2514
- "attribute": "columns"
2515
- },
2516
- {
2517
- "kind": "field",
2518
- "name": "data",
2519
- "type": {
2520
- "text": "GristData"
2521
- },
2522
- "default": "ZERO_DATA",
2523
- "attribute": "data"
2524
- },
2525
2554
  {
2526
2555
  "kind": "field",
2527
2556
  "name": "focused",
2528
2557
  "type": {
2529
- "text": "{ row: number; column: number }"
2558
+ "text": "{ row: number; column: number } | undefined"
2530
2559
  },
2531
- "default": "{\n row: 0,\n column: 0\n}",
2532
2560
  "attribute": "focused"
2533
2561
  },
2534
2562
  {
2535
2563
  "kind": "field",
2536
- "name": "editTarget",
2537
- "type": {
2538
- "text": "{ row: number; column: number } | null"
2539
- },
2540
- "default": "null",
2541
- "attribute": "editTarget"
2542
- },
2543
- {
2544
- "kind": "field",
2545
- "name": "from",
2546
- "type": {
2547
- "text": "number"
2548
- },
2549
- "default": "-1",
2550
- "attribute": "from"
2551
- },
2552
- {
2553
- "kind": "field",
2554
- "name": "to",
2564
+ "name": "body",
2555
2565
  "type": {
2556
- "text": "number"
2557
- },
2558
- "default": "-1",
2559
- "attribute": "to"
2566
+ "text": "LitElement"
2567
+ }
2560
2568
  },
2561
2569
  {
2562
2570
  "kind": "field",
2563
- "name": "_focusedListener",
2571
+ "name": "header",
2564
2572
  "type": {
2565
- "text": "(e: KeyboardEvent) => void | undefined"
2566
- },
2567
- "privacy": "private"
2573
+ "text": "DataGridHeader"
2574
+ }
2568
2575
  },
2569
2576
  {
2570
2577
  "kind": "field",
2571
- "name": "_recordView",
2578
+ "name": "footer",
2572
2579
  "type": {
2573
- "text": "any | undefined"
2574
- },
2575
- "privacy": "private"
2580
+ "text": "LitElement"
2581
+ }
2576
2582
  },
2577
2583
  {
2578
2584
  "kind": "field",
2579
- "name": "_recordViewRow",
2585
+ "name": "_widths",
2580
2586
  "type": {
2581
- "text": "number | undefined"
2587
+ "text": "string | undefined"
2582
2588
  },
2583
2589
  "privacy": "private"
2584
2590
  },
2585
2591
  {
2586
2592
  "kind": "method",
2587
- "name": "resetEdit"
2588
- },
2589
- {
2590
- "kind": "method",
2591
- "name": "handleOnScroll",
2593
+ "name": "onWheelEvent",
2592
2594
  "parameters": [
2593
2595
  {
2594
2596
  "name": "e",
@@ -2600,20 +2602,35 @@
2600
2602
  },
2601
2603
  {
2602
2604
  "kind": "method",
2603
- "name": "_onWheelEvent",
2605
+ "name": "onSelectRecordChanged",
2604
2606
  "parameters": [
2605
2607
  {
2606
- "name": "e",
2608
+ "name": "{\n selectedRecords,\n added,\n removed\n }",
2607
2609
  "type": {
2608
- "text": "WheelEvent"
2610
+ "text": "{\n selectedRecords: GristRecord[]\n added: GristRecord[]\n removed: GristRecord[]\n }"
2609
2611
  }
2610
2612
  }
2611
- ]
2613
+ ],
2614
+ "return": {
2615
+ "type": {
2616
+ "text": "void"
2617
+ }
2618
+ },
2619
+ "inheritedFrom": {
2620
+ "name": "DataManipulator",
2621
+ "module": "src/data-manipulator.ts"
2622
+ }
2612
2623
  },
2613
2624
  {
2614
2625
  "kind": "method",
2615
- "name": "startEditTarget",
2626
+ "name": "onRecordChanged",
2616
2627
  "parameters": [
2628
+ {
2629
+ "name": "recordData",
2630
+ "type": {
2631
+ "text": "GristRecord"
2632
+ }
2633
+ },
2617
2634
  {
2618
2635
  "name": "row",
2619
2636
  "type": {
@@ -2623,139 +2640,172 @@
2623
2640
  {
2624
2641
  "name": "column",
2625
2642
  "type": {
2626
- "text": "number"
2643
+ "text": "ColumnConfig | null"
2627
2644
  }
2628
2645
  }
2629
- ]
2630
- },
2631
- {
2632
- "kind": "method",
2633
- "name": "focus"
2646
+ ],
2647
+ "inheritedFrom": {
2648
+ "name": "DataManipulator",
2649
+ "module": "src/data-manipulator.ts"
2650
+ }
2634
2651
  },
2635
2652
  {
2636
2653
  "kind": "method",
2637
- "name": "popupRecordView",
2654
+ "name": "calculateWidths",
2638
2655
  "parameters": [
2639
2656
  {
2640
- "name": "{ record, row }",
2657
+ "name": "columns",
2641
2658
  "type": {
2642
- "text": "{ row: number; record: GristRecord }"
2659
+ "text": "ColumnConfig[]"
2643
2660
  }
2644
2661
  }
2645
2662
  ]
2646
- }
2647
- ],
2648
- "attributes": [
2663
+ },
2664
+ {
2665
+ "kind": "method",
2666
+ "name": "focus"
2667
+ },
2668
+ {
2669
+ "kind": "field",
2670
+ "name": "pullToRefreshTarget"
2671
+ },
2649
2672
  {
2673
+ "kind": "field",
2650
2674
  "name": "config",
2651
2675
  "type": {
2652
2676
  "text": "GristConfig"
2653
2677
  },
2654
2678
  "default": "ZERO_CONFIG",
2655
- "resolveInitializer": {
2656
- "module": "/src/configure/zero-config"
2657
- },
2658
- "fieldName": "config"
2659
- },
2660
- {
2661
- "name": "columns",
2662
- "type": {
2663
- "text": "ColumnConfig[]"
2664
- },
2665
- "default": "[]",
2666
- "fieldName": "columns"
2679
+ "attribute": "config",
2680
+ "inheritedFrom": {
2681
+ "name": "DataManipulator",
2682
+ "module": "src/data-manipulator.ts"
2683
+ }
2667
2684
  },
2668
2685
  {
2686
+ "kind": "field",
2669
2687
  "name": "data",
2670
2688
  "type": {
2671
2689
  "text": "GristData"
2672
2690
  },
2673
2691
  "default": "ZERO_DATA",
2674
- "resolveInitializer": {
2675
- "module": "/src/configure/zero-config"
2676
- },
2677
- "fieldName": "data"
2692
+ "attribute": "data",
2693
+ "inheritedFrom": {
2694
+ "name": "DataManipulator",
2695
+ "module": "src/data-manipulator.ts"
2696
+ }
2678
2697
  },
2698
+ {
2699
+ "kind": "method",
2700
+ "name": "onFieldChange",
2701
+ "parameters": [
2702
+ {
2703
+ "name": "{\n after,\n before,\n column,\n record,\n row\n }",
2704
+ "type": {
2705
+ "text": "{\n after: any\n before: any\n column: ColumnConfig\n record: GristRecord\n row: number\n }"
2706
+ }
2707
+ }
2708
+ ],
2709
+ "inheritedFrom": {
2710
+ "name": "DataManipulator",
2711
+ "module": "src/data-manipulator.ts"
2712
+ }
2713
+ }
2714
+ ],
2715
+ "attributes": [
2679
2716
  {
2680
2717
  "name": "focused",
2681
2718
  "type": {
2682
- "text": "{ row: number; column: number }"
2683
- },
2684
- "default": "ZERO_FOCUS",
2685
- "resolveInitializer": {
2686
- "module": "src/data-grid/data-grid-body.ts"
2719
+ "text": "{ row: number; column: number } | undefined"
2687
2720
  },
2688
2721
  "fieldName": "focused"
2689
2722
  },
2690
2723
  {
2691
- "name": "editTarget",
2724
+ "name": "config",
2692
2725
  "type": {
2693
- "text": "{ row: number; column: number } | null"
2726
+ "text": "GristConfig"
2694
2727
  },
2695
- "default": "null",
2696
- "fieldName": "editTarget"
2697
- },
2698
- {
2699
- "name": "from",
2700
- "type": {
2701
- "text": "number"
2728
+ "default": "ZERO_CONFIG",
2729
+ "resolveInitializer": {
2730
+ "module": "/src/configure/zero-config"
2702
2731
  },
2703
- "default": "-1",
2704
- "fieldName": "from"
2732
+ "fieldName": "config",
2733
+ "inheritedFrom": {
2734
+ "name": "DataManipulator",
2735
+ "module": "src/data-manipulator.ts"
2736
+ }
2705
2737
  },
2706
2738
  {
2707
- "name": "to",
2739
+ "name": "data",
2708
2740
  "type": {
2709
- "text": "number"
2741
+ "text": "GristData"
2710
2742
  },
2711
- "default": "-1",
2712
- "fieldName": "to"
2743
+ "default": "ZERO_DATA",
2744
+ "resolveInitializer": {
2745
+ "module": "/src/configure/zero-config"
2746
+ },
2747
+ "fieldName": "data",
2748
+ "inheritedFrom": {
2749
+ "name": "DataManipulator",
2750
+ "module": "src/data-manipulator.ts"
2751
+ }
2713
2752
  }
2714
2753
  ],
2715
2754
  "superclass": {
2716
- "name": "LitElement",
2717
- "package": "lit"
2755
+ "name": "DataManipulator",
2756
+ "module": "/src/data-manipulator"
2718
2757
  },
2719
- "tagName": "ox-grid-body",
2720
- "customElement": true
2758
+ "tagName": "ox-grid",
2759
+ "customElement": true,
2760
+ "events": [
2761
+ {
2762
+ "name": "record-change",
2763
+ "type": {
2764
+ "text": "CustomEvent"
2765
+ },
2766
+ "inheritedFrom": {
2767
+ "name": "DataManipulator",
2768
+ "module": "src/data-manipulator.ts"
2769
+ }
2770
+ }
2771
+ ]
2721
2772
  }
2722
2773
  ],
2723
2774
  "exports": [
2724
2775
  {
2725
2776
  "kind": "js",
2726
- "name": "DataGridBody",
2777
+ "name": "DataGrid",
2727
2778
  "declaration": {
2728
- "name": "DataGridBody",
2729
- "module": "src/data-grid/data-grid-body.ts"
2779
+ "name": "DataGrid",
2780
+ "module": "src/data-grid/data-grid.ts"
2730
2781
  }
2731
2782
  },
2732
2783
  {
2733
2784
  "kind": "custom-element-definition",
2734
- "name": "ox-grid-body",
2785
+ "name": "ox-grid",
2735
2786
  "declaration": {
2736
- "name": "DataGridBody",
2737
- "module": "src/data-grid/data-grid-body.ts"
2787
+ "name": "DataGrid",
2788
+ "module": "src/data-grid/data-grid.ts"
2738
2789
  }
2739
2790
  }
2740
2791
  ]
2741
2792
  },
2742
2793
  {
2743
2794
  "kind": "javascript-module",
2744
- "path": "src/data-grid/data-grid-field.ts",
2795
+ "path": "src/data-list/data-list-field.ts",
2745
2796
  "declarations": [
2746
2797
  {
2747
2798
  "kind": "class",
2748
2799
  "description": "",
2749
- "name": "DataGridField",
2800
+ "name": "DataListField",
2750
2801
  "members": [
2751
2802
  {
2752
2803
  "kind": "field",
2753
2804
  "name": "align",
2754
- "default": "'left'",
2755
- "attribute": "align",
2756
2805
  "type": {
2757
- "text": "string"
2758
- }
2806
+ "text": "string | undefined"
2807
+ },
2808
+ "attribute": "align"
2759
2809
  },
2760
2810
  {
2761
2811
  "kind": "field",
@@ -2763,7 +2813,7 @@
2763
2813
  "type": {
2764
2814
  "text": "GristRecord"
2765
2815
  },
2766
- "default": "{}",
2816
+ "default": "ZERO_RECORD",
2767
2817
  "attribute": "record"
2768
2818
  },
2769
2819
  {
@@ -2781,83 +2831,23 @@
2781
2831
  "type": {
2782
2832
  "text": "number"
2783
2833
  },
2784
- "default": "0",
2834
+ "default": "-1",
2785
2835
  "attribute": "rowIndex"
2786
2836
  },
2787
- {
2788
- "kind": "field",
2789
- "name": "columnIndex",
2790
- "type": {
2791
- "text": "number"
2792
- },
2793
- "default": "0",
2794
- "attribute": "columnIndex"
2795
- },
2796
- {
2797
- "kind": "field",
2798
- "name": "editing",
2799
- "type": {
2800
- "text": "boolean"
2801
- },
2802
- "default": "false",
2803
- "attribute": "editing"
2804
- },
2805
2837
  {
2806
2838
  "kind": "field",
2807
2839
  "name": "value",
2808
2840
  "type": {
2809
- "text": "object"
2841
+ "text": "object | undefined"
2810
2842
  },
2811
- "default": "{}",
2812
2843
  "attribute": "value"
2813
- },
2814
- {
2815
- "kind": "field",
2816
- "name": "emphasized",
2817
- "type": {
2818
- "text": "boolean"
2819
- },
2820
- "default": "false",
2821
- "attribute": "emphasized"
2822
- },
2823
- {
2824
- "kind": "field",
2825
- "name": "_editCancelled",
2826
- "type": {
2827
- "text": "boolean | undefined"
2828
- },
2829
- "privacy": "private"
2830
- },
2831
- {
2832
- "kind": "field",
2833
- "name": "_onFieldChange",
2834
- "type": {
2835
- "text": "(e: Event) => void"
2836
- },
2837
- "privacy": "private",
2838
- "default": "e => {}"
2839
- },
2840
- {
2841
- "kind": "field",
2842
- "name": "_onKeydownInEditingMode",
2843
- "type": {
2844
- "text": "(e: KeyboardEvent) => void"
2845
- },
2846
- "privacy": "private",
2847
- "default": "e => {}"
2848
- },
2849
- {
2850
- "kind": "field",
2851
- "name": "isEditing",
2852
- "privacy": "private"
2853
2844
  }
2854
2845
  ],
2855
2846
  "attributes": [
2856
2847
  {
2857
2848
  "name": "align",
2858
- "default": "DEFAULT_TEXT_ALIGN",
2859
- "resolveInitializer": {
2860
- "module": "src/data-grid/data-grid-field.ts"
2849
+ "type": {
2850
+ "text": "string | undefined"
2861
2851
  },
2862
2852
  "fieldName": "align"
2863
2853
  },
@@ -2866,7 +2856,10 @@
2866
2856
  "type": {
2867
2857
  "text": "GristRecord"
2868
2858
  },
2869
- "default": "{}",
2859
+ "default": "ZERO_RECORD",
2860
+ "resolveInitializer": {
2861
+ "module": "/src/configure/zero-config"
2862
+ },
2870
2863
  "fieldName": "record"
2871
2864
  },
2872
2865
  {
@@ -2885,380 +2878,381 @@
2885
2878
  "type": {
2886
2879
  "text": "number"
2887
2880
  },
2888
- "default": "0",
2881
+ "default": "-1",
2889
2882
  "fieldName": "rowIndex"
2890
2883
  },
2891
- {
2892
- "name": "columnIndex",
2893
- "type": {
2894
- "text": "number"
2895
- },
2896
- "default": "0",
2897
- "fieldName": "columnIndex"
2898
- },
2899
- {
2900
- "name": "editing",
2901
- "type": {
2902
- "text": "boolean"
2903
- },
2904
- "default": "false",
2905
- "fieldName": "editing"
2906
- },
2907
2884
  {
2908
2885
  "name": "value",
2909
2886
  "type": {
2910
- "text": "object"
2887
+ "text": "object | undefined"
2911
2888
  },
2912
- "default": "{}",
2913
2889
  "fieldName": "value"
2914
- },
2915
- {
2916
- "name": "emphasized",
2917
- "type": {
2918
- "text": "boolean"
2919
- },
2920
- "default": "false",
2921
- "fieldName": "emphasized"
2922
2890
  }
2923
2891
  ],
2924
2892
  "superclass": {
2925
2893
  "name": "LitElement",
2926
2894
  "package": "lit"
2927
2895
  },
2928
- "tagName": "ox-grid-field",
2896
+ "tagName": "ox-list-field",
2929
2897
  "customElement": true
2930
2898
  }
2931
2899
  ],
2932
2900
  "exports": [
2933
2901
  {
2934
2902
  "kind": "js",
2935
- "name": "DataGridField",
2903
+ "name": "DataListField",
2936
2904
  "declaration": {
2937
- "name": "DataGridField",
2938
- "module": "src/data-grid/data-grid-field.ts"
2905
+ "name": "DataListField",
2906
+ "module": "src/data-list/data-list-field.ts"
2939
2907
  }
2940
2908
  },
2941
2909
  {
2942
2910
  "kind": "custom-element-definition",
2943
- "name": "ox-grid-field",
2911
+ "name": "ox-list-field",
2944
2912
  "declaration": {
2945
- "name": "DataGridField",
2946
- "module": "src/data-grid/data-grid-field.ts"
2913
+ "name": "DataListField",
2914
+ "module": "src/data-list/data-list-field.ts"
2947
2915
  }
2948
2916
  }
2949
2917
  ]
2950
2918
  },
2951
2919
  {
2952
2920
  "kind": "javascript-module",
2953
- "path": "src/data-grid/data-grid-footer.ts",
2921
+ "path": "src/data-list/data-list-gutter.ts",
2954
2922
  "declarations": [
2955
2923
  {
2956
2924
  "kind": "class",
2957
2925
  "description": "",
2958
- "name": "DataGridFooter",
2926
+ "name": "DataListGutter",
2959
2927
  "members": [
2960
2928
  {
2961
2929
  "kind": "field",
2962
- "name": "config",
2930
+ "name": "align",
2963
2931
  "type": {
2964
- "text": "GristConfig"
2932
+ "text": "string | undefined"
2965
2933
  },
2966
- "default": "ZERO_CONFIG",
2967
- "attribute": "config"
2934
+ "attribute": "align"
2968
2935
  },
2969
2936
  {
2970
2937
  "kind": "field",
2971
- "name": "data",
2938
+ "name": "record",
2972
2939
  "type": {
2973
- "text": "GristData"
2940
+ "text": "GristRecord"
2974
2941
  },
2975
- "default": "ZERO_DATA",
2976
- "attribute": "data"
2942
+ "default": "ZERO_RECORD",
2943
+ "attribute": "record"
2977
2944
  },
2978
2945
  {
2979
- "kind": "method",
2980
- "name": "_gotoPage",
2981
- "parameters": [
2982
- {
2983
- "name": "page",
2984
- "type": {
2985
- "text": "number"
2986
- }
2987
- }
2988
- ]
2946
+ "kind": "field",
2947
+ "name": "column",
2948
+ "type": {
2949
+ "text": "ColumnConfig"
2950
+ },
2951
+ "default": "ZERO_COLUMN",
2952
+ "attribute": "column"
2989
2953
  },
2990
2954
  {
2991
- "kind": "method",
2992
- "name": "_changeLimit",
2993
- "parameters": [
2994
- {
2995
- "name": "limit",
2996
- "type": {
2997
- "text": "number"
2998
- }
2999
- }
3000
- ]
3001
- }
3002
- ],
3003
- "events": [
3004
- {
3005
- "name": "page-change",
2955
+ "kind": "field",
2956
+ "name": "rowIndex",
3006
2957
  "type": {
3007
- "text": "CustomEvent"
3008
- }
2958
+ "text": "number"
2959
+ },
2960
+ "default": "-1",
2961
+ "attribute": "rowIndex"
3009
2962
  },
3010
2963
  {
3011
- "name": "limit-change",
2964
+ "kind": "field",
2965
+ "name": "value",
3012
2966
  "type": {
3013
- "text": "CustomEvent"
3014
- }
2967
+ "text": "object | undefined"
2968
+ },
2969
+ "attribute": "value"
2970
+ },
2971
+ {
2972
+ "kind": "field",
2973
+ "name": "isEditing"
3015
2974
  }
3016
2975
  ],
3017
2976
  "attributes": [
3018
2977
  {
3019
- "name": "config",
2978
+ "name": "align",
3020
2979
  "type": {
3021
- "text": "GristConfig"
2980
+ "text": "string | undefined"
3022
2981
  },
3023
- "default": "ZERO_CONFIG",
2982
+ "fieldName": "align"
2983
+ },
2984
+ {
2985
+ "name": "record",
2986
+ "type": {
2987
+ "text": "GristRecord"
2988
+ },
2989
+ "default": "ZERO_RECORD",
3024
2990
  "resolveInitializer": {
3025
2991
  "module": "/src/configure/zero-config"
3026
2992
  },
3027
- "fieldName": "config"
2993
+ "fieldName": "record"
3028
2994
  },
3029
2995
  {
3030
- "name": "data",
2996
+ "name": "column",
3031
2997
  "type": {
3032
- "text": "GristData"
2998
+ "text": "ColumnConfig"
3033
2999
  },
3034
- "default": "ZERO_DATA",
3000
+ "default": "ZERO_COLUMN",
3035
3001
  "resolveInitializer": {
3036
3002
  "module": "/src/configure/zero-config"
3037
3003
  },
3038
- "fieldName": "data"
3004
+ "fieldName": "column"
3005
+ },
3006
+ {
3007
+ "name": "rowIndex",
3008
+ "type": {
3009
+ "text": "number"
3010
+ },
3011
+ "default": "-1",
3012
+ "fieldName": "rowIndex"
3013
+ },
3014
+ {
3015
+ "name": "value",
3016
+ "type": {
3017
+ "text": "object | undefined"
3018
+ },
3019
+ "fieldName": "value"
3039
3020
  }
3040
3021
  ],
3041
3022
  "superclass": {
3042
3023
  "name": "LitElement",
3043
3024
  "package": "lit"
3044
3025
  },
3045
- "tagName": "ox-grid-footer",
3026
+ "tagName": "ox-list-gutter",
3046
3027
  "customElement": true
3047
3028
  }
3048
3029
  ],
3049
3030
  "exports": [
3050
3031
  {
3051
3032
  "kind": "js",
3052
- "name": "DataGridFooter",
3033
+ "name": "DataListGutter",
3053
3034
  "declaration": {
3054
- "name": "DataGridFooter",
3055
- "module": "src/data-grid/data-grid-footer.ts"
3035
+ "name": "DataListGutter",
3036
+ "module": "src/data-list/data-list-gutter.ts"
3056
3037
  }
3057
3038
  },
3058
3039
  {
3059
3040
  "kind": "custom-element-definition",
3060
- "name": "ox-grid-footer",
3041
+ "name": "ox-list-gutter",
3061
3042
  "declaration": {
3062
- "name": "DataGridFooter",
3063
- "module": "src/data-grid/data-grid-footer.ts"
3043
+ "name": "DataListGutter",
3044
+ "module": "src/data-list/data-list-gutter.ts"
3064
3045
  }
3065
3046
  }
3066
3047
  ]
3067
3048
  },
3068
3049
  {
3069
3050
  "kind": "javascript-module",
3070
- "path": "src/data-grid/data-grid-header.ts",
3051
+ "path": "src/data-list/data-list.ts",
3071
3052
  "declarations": [
3072
3053
  {
3073
3054
  "kind": "class",
3074
3055
  "description": "",
3075
- "name": "DataGridHeader",
3056
+ "name": "DataList",
3076
3057
  "members": [
3077
3058
  {
3078
3059
  "kind": "field",
3079
- "name": "config",
3080
- "type": {
3081
- "text": "GristConfig"
3082
- },
3083
- "default": "ZERO_CONFIG",
3084
- "attribute": "config"
3085
- },
3086
- {
3087
- "kind": "field",
3088
- "name": "columns",
3060
+ "name": "isTop",
3089
3061
  "type": {
3090
- "text": "ColumnConfig[]"
3062
+ "text": "boolean"
3091
3063
  },
3092
- "default": "ZERO_COLUMNS",
3093
- "attribute": "columns"
3064
+ "default": "false",
3065
+ "attribute": "isTop"
3094
3066
  },
3095
3067
  {
3096
3068
  "kind": "field",
3097
- "name": "data",
3069
+ "name": "_records",
3098
3070
  "type": {
3099
- "text": "GristData"
3071
+ "text": "GristRecord[]"
3100
3072
  },
3101
- "default": "ZERO_DATA",
3102
- "attribute": "data"
3073
+ "privacy": "private",
3074
+ "default": "[]",
3075
+ "attribute": "_records"
3103
3076
  },
3104
3077
  {
3105
3078
  "kind": "field",
3106
- "name": "_sorters",
3079
+ "name": "_total",
3107
3080
  "type": {
3108
- "text": "SortersConfig"
3081
+ "text": "number"
3109
3082
  },
3110
3083
  "privacy": "private",
3111
- "default": "[]"
3084
+ "default": "0"
3112
3085
  },
3113
3086
  {
3114
3087
  "kind": "field",
3115
- "name": "_lastAccVal",
3088
+ "name": "_limit",
3116
3089
  "type": {
3117
- "text": "number | undefined"
3090
+ "text": "number"
3118
3091
  },
3119
- "privacy": "private"
3092
+ "privacy": "private",
3093
+ "default": "20"
3120
3094
  },
3121
3095
  {
3122
3096
  "kind": "field",
3123
- "name": "_throttledNotifier",
3097
+ "name": "_page",
3124
3098
  "type": {
3125
- "text": "any | undefined"
3099
+ "text": "number"
3126
3100
  },
3127
- "privacy": "private"
3101
+ "privacy": "private",
3102
+ "default": "1"
3128
3103
  },
3129
3104
  {
3130
3105
  "kind": "method",
3131
- "name": "_renderHeader",
3106
+ "name": "gotoTop",
3132
3107
  "parameters": [
3133
3108
  {
3134
- "name": "column",
3109
+ "name": "e",
3135
3110
  "type": {
3136
- "text": "ColumnConfig"
3111
+ "text": "Event"
3137
3112
  }
3138
3113
  }
3139
3114
  ]
3140
3115
  },
3116
+ {
3117
+ "kind": "field",
3118
+ "name": "pullToRefreshTarget"
3119
+ },
3120
+ {
3121
+ "kind": "field",
3122
+ "name": "config",
3123
+ "type": {
3124
+ "text": "GristConfig"
3125
+ },
3126
+ "default": "ZERO_CONFIG",
3127
+ "attribute": "config",
3128
+ "inheritedFrom": {
3129
+ "name": "DataManipulator",
3130
+ "module": "src/data-manipulator.ts"
3131
+ }
3132
+ },
3133
+ {
3134
+ "kind": "field",
3135
+ "name": "data",
3136
+ "type": {
3137
+ "text": "GristData"
3138
+ },
3139
+ "default": "ZERO_DATA",
3140
+ "attribute": "data",
3141
+ "inheritedFrom": {
3142
+ "name": "DataManipulator",
3143
+ "module": "src/data-manipulator.ts"
3144
+ }
3145
+ },
3141
3146
  {
3142
3147
  "kind": "method",
3143
- "name": "_renderSortHeader",
3148
+ "name": "onFieldChange",
3144
3149
  "parameters": [
3145
3150
  {
3146
- "name": "column",
3151
+ "name": "{\n after,\n before,\n column,\n record,\n row\n }",
3147
3152
  "type": {
3148
- "text": "ColumnConfig"
3153
+ "text": "{\n after: any\n before: any\n column: ColumnConfig\n record: GristRecord\n row: number\n }"
3149
3154
  }
3150
3155
  }
3151
- ]
3156
+ ],
3157
+ "inheritedFrom": {
3158
+ "name": "DataManipulator",
3159
+ "module": "src/data-manipulator.ts"
3160
+ }
3152
3161
  },
3153
3162
  {
3154
3163
  "kind": "method",
3155
- "name": "_renderFilterHeader",
3164
+ "name": "onSelectRecordChanged",
3156
3165
  "parameters": [
3157
3166
  {
3158
- "name": "column",
3167
+ "name": "{\n selectedRecords,\n added = [],\n removed = []\n }",
3159
3168
  "type": {
3160
- "text": "ColumnConfig"
3169
+ "text": "{\n selectedRecords: GristRecord[]\n added: GristRecord[]\n removed: GristRecord[]\n }"
3161
3170
  }
3162
3171
  }
3163
- ]
3172
+ ],
3173
+ "inheritedFrom": {
3174
+ "name": "DataManipulator",
3175
+ "module": "src/data-manipulator.ts"
3176
+ }
3164
3177
  },
3165
3178
  {
3166
3179
  "kind": "method",
3167
- "name": "_changeSort",
3168
- "parameters": [
3169
- {
3170
- "name": "column",
3171
- "type": {
3172
- "text": "ColumnConfig"
3173
- }
3174
- }
3175
- ]
3176
- },
3177
- {
3178
- "kind": "method",
3179
- "name": "_accumalate",
3180
- "parameters": [
3181
- {
3182
- "name": "x",
3183
- "type": {
3184
- "text": "number"
3185
- }
3186
- }
3187
- ]
3188
- },
3189
- {
3190
- "kind": "method",
3191
- "name": "_notifyWidthChange",
3180
+ "name": "onRecordChanged",
3192
3181
  "parameters": [
3193
3182
  {
3194
- "name": "idx",
3183
+ "name": "recordData",
3195
3184
  "type": {
3196
- "text": "number"
3185
+ "text": "GristRecord"
3197
3186
  }
3198
3187
  },
3199
3188
  {
3200
- "name": "width",
3189
+ "name": "row",
3201
3190
  "type": {
3202
3191
  "text": "number"
3203
3192
  }
3204
- }
3205
- ]
3206
- },
3207
- {
3208
- "kind": "method",
3209
- "name": "_mousedown",
3210
- "parameters": [
3211
- {
3212
- "name": "e",
3213
- "type": {
3214
- "text": "MouseEvent"
3215
- }
3216
3193
  },
3217
3194
  {
3218
- "name": "idx",
3195
+ "name": "column",
3219
3196
  "type": {
3220
- "text": "number"
3197
+ "text": "ColumnConfig | null"
3221
3198
  }
3222
3199
  }
3223
- ]
3200
+ ],
3201
+ "inheritedFrom": {
3202
+ "name": "DataManipulator",
3203
+ "module": "src/data-manipulator.ts"
3204
+ }
3224
3205
  }
3225
3206
  ],
3226
3207
  "events": [
3227
3208
  {
3228
- "name": "sorters-change",
3209
+ "name": "attach-page",
3229
3210
  "type": {
3230
3211
  "text": "CustomEvent"
3231
3212
  }
3232
3213
  },
3233
3214
  {
3234
- "name": "column-width-change",
3215
+ "name": "record-change",
3235
3216
  "type": {
3236
3217
  "text": "CustomEvent"
3218
+ },
3219
+ "inheritedFrom": {
3220
+ "name": "DataManipulator",
3221
+ "module": "src/data-manipulator.ts"
3237
3222
  }
3238
3223
  }
3239
3224
  ],
3240
3225
  "attributes": [
3241
3226
  {
3242
- "name": "config",
3227
+ "name": "isTop",
3243
3228
  "type": {
3244
- "text": "GristConfig"
3229
+ "text": "boolean"
3245
3230
  },
3246
- "default": "ZERO_CONFIG",
3247
- "resolveInitializer": {
3248
- "module": "/src/configure/zero-config"
3231
+ "default": "false",
3232
+ "fieldName": "isTop"
3233
+ },
3234
+ {
3235
+ "name": "_records",
3236
+ "type": {
3237
+ "text": "GristRecord[]"
3249
3238
  },
3250
- "fieldName": "config"
3239
+ "default": "[]",
3240
+ "fieldName": "_records"
3251
3241
  },
3252
3242
  {
3253
- "name": "columns",
3243
+ "name": "config",
3254
3244
  "type": {
3255
- "text": "ColumnConfig[]"
3245
+ "text": "GristConfig"
3256
3246
  },
3257
- "default": "ZERO_COLUMNS",
3247
+ "default": "ZERO_CONFIG",
3258
3248
  "resolveInitializer": {
3259
3249
  "module": "/src/configure/zero-config"
3260
3250
  },
3261
- "fieldName": "columns"
3251
+ "fieldName": "config",
3252
+ "inheritedFrom": {
3253
+ "name": "DataManipulator",
3254
+ "module": "src/data-manipulator.ts"
3255
+ }
3262
3256
  },
3263
3257
  {
3264
3258
  "name": "data",
@@ -3269,292 +3263,193 @@
3269
3263
  "resolveInitializer": {
3270
3264
  "module": "/src/configure/zero-config"
3271
3265
  },
3272
- "fieldName": "data"
3266
+ "fieldName": "data",
3267
+ "inheritedFrom": {
3268
+ "name": "DataManipulator",
3269
+ "module": "src/data-manipulator.ts"
3270
+ }
3273
3271
  }
3274
3272
  ],
3275
3273
  "superclass": {
3276
- "name": "LitElement",
3277
- "package": "lit"
3274
+ "name": "DataManipulator",
3275
+ "module": "/src/data-manipulator"
3278
3276
  },
3279
- "tagName": "ox-grid-header",
3277
+ "tagName": "ox-list",
3280
3278
  "customElement": true
3281
3279
  }
3282
3280
  ],
3283
3281
  "exports": [
3284
3282
  {
3285
3283
  "kind": "js",
3286
- "name": "DataGridHeader",
3284
+ "name": "DataList",
3287
3285
  "declaration": {
3288
- "name": "DataGridHeader",
3289
- "module": "src/data-grid/data-grid-header.ts"
3286
+ "name": "DataList",
3287
+ "module": "src/data-list/data-list.ts"
3290
3288
  }
3291
3289
  },
3292
3290
  {
3293
3291
  "kind": "custom-element-definition",
3294
- "name": "ox-grid-header",
3292
+ "name": "ox-list",
3295
3293
  "declaration": {
3296
- "name": "DataGridHeader",
3297
- "module": "src/data-grid/data-grid-header.ts"
3294
+ "name": "DataList",
3295
+ "module": "src/data-list/data-list.ts"
3298
3296
  }
3299
3297
  }
3300
3298
  ]
3301
3299
  },
3302
3300
  {
3303
3301
  "kind": "javascript-module",
3304
- "path": "src/data-grid/data-grid.ts",
3302
+ "path": "src/data-list/record-partial.ts",
3305
3303
  "declarations": [
3306
3304
  {
3307
3305
  "kind": "class",
3308
- "description": "DataGrid",
3309
- "name": "DataGrid",
3306
+ "description": "",
3307
+ "name": "RecordPartial",
3310
3308
  "members": [
3311
3309
  {
3312
3310
  "kind": "field",
3313
- "name": "focused",
3311
+ "name": "config",
3314
3312
  "type": {
3315
- "text": "{ row: number; column: number } | undefined"
3313
+ "text": "GristConfig"
3316
3314
  },
3317
- "attribute": "focused"
3315
+ "default": "ZERO_CONFIG",
3316
+ "attribute": "config"
3318
3317
  },
3319
3318
  {
3320
3319
  "kind": "field",
3321
- "name": "body",
3320
+ "name": "data",
3322
3321
  "type": {
3323
- "text": "LitElement"
3324
- }
3322
+ "text": "GristData"
3323
+ },
3324
+ "default": "ZERO_DATA",
3325
+ "attribute": "data"
3325
3326
  },
3326
3327
  {
3327
3328
  "kind": "field",
3328
- "name": "header",
3329
+ "name": "record",
3329
3330
  "type": {
3330
- "text": "DataGridHeader"
3331
- }
3331
+ "text": "GristRecord"
3332
+ },
3333
+ "default": "ZERO_RECORD",
3334
+ "attribute": "record"
3332
3335
  },
3333
3336
  {
3334
3337
  "kind": "field",
3335
- "name": "footer",
3338
+ "name": "rowIndex",
3336
3339
  "type": {
3337
- "text": "LitElement"
3338
- }
3340
+ "text": "number"
3341
+ },
3342
+ "default": "-1",
3343
+ "attribute": "rowIndex"
3339
3344
  },
3340
3345
  {
3341
3346
  "kind": "field",
3342
- "name": "_widths",
3347
+ "name": "selectedRow",
3343
3348
  "type": {
3344
- "text": "string | undefined"
3349
+ "text": "boolean"
3345
3350
  },
3346
- "privacy": "private"
3347
- },
3348
- {
3349
- "kind": "method",
3350
- "name": "onWheelEvent",
3351
- "parameters": [
3352
- {
3353
- "name": "e",
3354
- "type": {
3355
- "text": "WheelEvent"
3356
- }
3357
- }
3358
- ]
3351
+ "default": "false",
3352
+ "attribute": "selected-row"
3359
3353
  },
3360
3354
  {
3361
- "kind": "method",
3362
- "name": "onSelectRecordChanged",
3363
- "parameters": [
3364
- {
3365
- "name": "{\n selectedRecords,\n added,\n removed\n }",
3366
- "type": {
3367
- "text": "{\n selectedRecords: GristRecord[]\n added: GristRecord[]\n removed: GristRecord[]\n }"
3368
- }
3369
- }
3370
- ],
3371
- "return": {
3372
- "type": {
3373
- "text": "void"
3374
- }
3355
+ "kind": "field",
3356
+ "name": "_recordView",
3357
+ "type": {
3358
+ "text": "any"
3375
3359
  },
3376
- "inheritedFrom": {
3377
- "name": "DataManipulator",
3378
- "module": "src/data-manipulator.ts"
3379
- }
3380
- },
3381
- {
3382
- "kind": "method",
3383
- "name": "onRecordChanged",
3384
- "parameters": [
3385
- {
3386
- "name": "recordData",
3387
- "type": {
3388
- "text": "GristRecord"
3389
- }
3390
- },
3391
- {
3392
- "name": "row",
3393
- "type": {
3394
- "text": "number"
3395
- }
3396
- },
3397
- {
3398
- "name": "column",
3399
- "type": {
3400
- "text": "ColumnConfig | null"
3401
- }
3402
- }
3403
- ],
3404
- "inheritedFrom": {
3405
- "name": "DataManipulator",
3406
- "module": "src/data-manipulator.ts"
3407
- }
3408
- },
3409
- {
3410
- "kind": "method",
3411
- "name": "calculateWidths",
3412
- "parameters": [
3413
- {
3414
- "name": "columns",
3415
- "type": {
3416
- "text": "ColumnConfig[]"
3417
- }
3418
- }
3419
- ]
3360
+ "privacy": "private"
3420
3361
  },
3421
3362
  {
3422
3363
  "kind": "method",
3423
- "name": "focus"
3424
- },
3425
- {
3426
- "kind": "field",
3427
- "name": "pullToRefreshTarget"
3428
- },
3364
+ "name": "popupRecordView"
3365
+ }
3366
+ ],
3367
+ "attributes": [
3429
3368
  {
3430
- "kind": "field",
3431
3369
  "name": "config",
3432
3370
  "type": {
3433
3371
  "text": "GristConfig"
3434
3372
  },
3435
3373
  "default": "ZERO_CONFIG",
3436
- "attribute": "config",
3437
- "inheritedFrom": {
3438
- "name": "DataManipulator",
3439
- "module": "src/data-manipulator.ts"
3440
- }
3374
+ "resolveInitializer": {
3375
+ "module": "/src/configure/zero-config"
3376
+ },
3377
+ "fieldName": "config"
3441
3378
  },
3442
3379
  {
3443
- "kind": "field",
3444
3380
  "name": "data",
3445
3381
  "type": {
3446
3382
  "text": "GristData"
3447
3383
  },
3448
3384
  "default": "ZERO_DATA",
3449
- "attribute": "data",
3450
- "inheritedFrom": {
3451
- "name": "DataManipulator",
3452
- "module": "src/data-manipulator.ts"
3453
- }
3454
- },
3455
- {
3456
- "kind": "method",
3457
- "name": "onFieldChange",
3458
- "parameters": [
3459
- {
3460
- "name": "{\n after,\n before,\n column,\n record,\n row\n }",
3461
- "type": {
3462
- "text": "{\n after: any\n before: any\n column: ColumnConfig\n record: GristRecord\n row: number\n }"
3463
- }
3464
- }
3465
- ],
3466
- "inheritedFrom": {
3467
- "name": "DataManipulator",
3468
- "module": "src/data-manipulator.ts"
3469
- }
3470
- }
3471
- ],
3472
- "attributes": [
3473
- {
3474
- "name": "focused",
3475
- "type": {
3476
- "text": "{ row: number; column: number } | undefined"
3385
+ "resolveInitializer": {
3386
+ "module": "/src/configure/zero-config"
3477
3387
  },
3478
- "fieldName": "focused"
3388
+ "fieldName": "data"
3479
3389
  },
3480
3390
  {
3481
- "name": "config",
3391
+ "name": "record",
3482
3392
  "type": {
3483
- "text": "GristConfig"
3393
+ "text": "GristRecord"
3484
3394
  },
3485
- "default": "ZERO_CONFIG",
3395
+ "default": "ZERO_RECORD",
3486
3396
  "resolveInitializer": {
3487
3397
  "module": "/src/configure/zero-config"
3488
3398
  },
3489
- "fieldName": "config",
3490
- "inheritedFrom": {
3491
- "name": "DataManipulator",
3492
- "module": "src/data-manipulator.ts"
3493
- }
3399
+ "fieldName": "record"
3494
3400
  },
3495
3401
  {
3496
- "name": "data",
3402
+ "name": "rowIndex",
3497
3403
  "type": {
3498
- "text": "GristData"
3404
+ "text": "number"
3499
3405
  },
3500
- "default": "ZERO_DATA",
3501
- "resolveInitializer": {
3502
- "module": "/src/configure/zero-config"
3406
+ "default": "-1",
3407
+ "fieldName": "rowIndex"
3408
+ },
3409
+ {
3410
+ "name": "selected-row",
3411
+ "type": {
3412
+ "text": "boolean"
3503
3413
  },
3504
- "fieldName": "data",
3505
- "inheritedFrom": {
3506
- "name": "DataManipulator",
3507
- "module": "src/data-manipulator.ts"
3508
- }
3414
+ "default": "false",
3415
+ "fieldName": "selectedRow"
3509
3416
  }
3510
3417
  ],
3511
3418
  "superclass": {
3512
- "name": "DataManipulator",
3513
- "module": "/src/data-manipulator"
3419
+ "name": "LitElement",
3420
+ "package": "lit"
3514
3421
  },
3515
- "tagName": "ox-grid",
3516
- "customElement": true,
3517
- "events": [
3518
- {
3519
- "name": "record-change",
3520
- "type": {
3521
- "text": "CustomEvent"
3522
- },
3523
- "inheritedFrom": {
3524
- "name": "DataManipulator",
3525
- "module": "src/data-manipulator.ts"
3526
- }
3527
- }
3528
- ]
3422
+ "tagName": "ox-record-partial",
3423
+ "customElement": true
3529
3424
  }
3530
3425
  ],
3531
3426
  "exports": [
3532
3427
  {
3533
3428
  "kind": "js",
3534
- "name": "DataGrid",
3429
+ "name": "RecordPartial",
3535
3430
  "declaration": {
3536
- "name": "DataGrid",
3537
- "module": "src/data-grid/data-grid.ts"
3431
+ "name": "RecordPartial",
3432
+ "module": "src/data-list/record-partial.ts"
3538
3433
  }
3539
3434
  },
3540
3435
  {
3541
3436
  "kind": "custom-element-definition",
3542
- "name": "ox-grid",
3437
+ "name": "ox-record-partial",
3543
3438
  "declaration": {
3544
- "name": "DataGrid",
3545
- "module": "src/data-grid/data-grid.ts"
3439
+ "name": "RecordPartial",
3440
+ "module": "src/data-list/record-partial.ts"
3546
3441
  }
3547
3442
  }
3548
3443
  ]
3549
3444
  },
3550
3445
  {
3551
3446
  "kind": "javascript-module",
3552
- "path": "src/data-list/data-list-field.ts",
3447
+ "path": "src/data-card/data-card-field.ts",
3553
3448
  "declarations": [
3554
3449
  {
3555
3450
  "kind": "class",
3556
3451
  "description": "",
3557
- "name": "DataListField",
3452
+ "name": "DataCardField",
3558
3453
  "members": [
3559
3454
  {
3560
3455
  "kind": "field",
@@ -3602,85 +3497,214 @@
3602
3497
  ],
3603
3498
  "attributes": [
3604
3499
  {
3605
- "name": "align",
3500
+ "name": "align",
3501
+ "type": {
3502
+ "text": "string | undefined"
3503
+ },
3504
+ "fieldName": "align"
3505
+ },
3506
+ {
3507
+ "name": "record",
3508
+ "type": {
3509
+ "text": "GristRecord"
3510
+ },
3511
+ "default": "ZERO_RECORD",
3512
+ "resolveInitializer": {
3513
+ "module": "/src/configure/zero-config"
3514
+ },
3515
+ "fieldName": "record"
3516
+ },
3517
+ {
3518
+ "name": "column",
3519
+ "type": {
3520
+ "text": "ColumnConfig"
3521
+ },
3522
+ "default": "ZERO_COLUMN",
3523
+ "resolveInitializer": {
3524
+ "module": "/src/configure/zero-config"
3525
+ },
3526
+ "fieldName": "column"
3527
+ },
3528
+ {
3529
+ "name": "rowIndex",
3530
+ "type": {
3531
+ "text": "number"
3532
+ },
3533
+ "default": "-1",
3534
+ "fieldName": "rowIndex"
3535
+ },
3536
+ {
3537
+ "name": "value",
3538
+ "type": {
3539
+ "text": "object | undefined"
3540
+ },
3541
+ "fieldName": "value"
3542
+ }
3543
+ ],
3544
+ "superclass": {
3545
+ "name": "LitElement",
3546
+ "package": "lit"
3547
+ },
3548
+ "tagName": "ox-card-field",
3549
+ "customElement": true
3550
+ }
3551
+ ],
3552
+ "exports": [
3553
+ {
3554
+ "kind": "js",
3555
+ "name": "DataCardField",
3556
+ "declaration": {
3557
+ "name": "DataCardField",
3558
+ "module": "src/data-card/data-card-field.ts"
3559
+ }
3560
+ },
3561
+ {
3562
+ "kind": "custom-element-definition",
3563
+ "name": "ox-card-field",
3564
+ "declaration": {
3565
+ "name": "DataCardField",
3566
+ "module": "src/data-card/data-card-field.ts"
3567
+ }
3568
+ }
3569
+ ]
3570
+ },
3571
+ {
3572
+ "kind": "javascript-module",
3573
+ "path": "src/data-card/data-card-gutter-menu.ts",
3574
+ "declarations": [
3575
+ {
3576
+ "kind": "class",
3577
+ "description": "",
3578
+ "name": "DataCardGutterMenu",
3579
+ "members": [
3580
+ {
3581
+ "kind": "field",
3582
+ "name": "gutters",
3583
+ "type": {
3584
+ "text": "ColumnConfig[]"
3585
+ },
3586
+ "attribute": "gutters"
3587
+ },
3588
+ {
3589
+ "kind": "field",
3590
+ "name": "rowIndex",
3591
+ "type": {
3592
+ "text": "number"
3593
+ },
3594
+ "attribute": "rowIndex"
3595
+ },
3596
+ {
3597
+ "kind": "field",
3598
+ "name": "record",
3599
+ "type": {
3600
+ "text": "GristRecord"
3601
+ },
3602
+ "attribute": "record"
3603
+ },
3604
+ {
3605
+ "kind": "field",
3606
+ "name": "clickHandler",
3607
+ "type": {
3608
+ "text": "EventListener"
3609
+ },
3610
+ "attribute": "clickHandler"
3611
+ },
3612
+ {
3613
+ "kind": "field",
3614
+ "name": "dblclickHandler",
3615
+ "type": {
3616
+ "text": "EventListener"
3617
+ },
3618
+ "attribute": "dblclickHandler"
3619
+ },
3620
+ {
3621
+ "kind": "field",
3622
+ "name": "icon",
3623
+ "type": {
3624
+ "text": "Element"
3625
+ }
3626
+ },
3627
+ {
3628
+ "kind": "method",
3629
+ "name": "menuRender"
3630
+ },
3631
+ {
3632
+ "kind": "method",
3633
+ "name": "open",
3634
+ "parameters": [
3635
+ {
3636
+ "name": "e",
3637
+ "type": {
3638
+ "text": "Event"
3639
+ }
3640
+ }
3641
+ ]
3642
+ }
3643
+ ],
3644
+ "attributes": [
3645
+ {
3646
+ "name": "gutters",
3647
+ "type": {
3648
+ "text": "ColumnConfig[]"
3649
+ },
3650
+ "fieldName": "gutters"
3651
+ },
3652
+ {
3653
+ "name": "rowIndex",
3606
3654
  "type": {
3607
- "text": "string | undefined"
3655
+ "text": "number"
3608
3656
  },
3609
- "fieldName": "align"
3657
+ "fieldName": "rowIndex"
3610
3658
  },
3611
3659
  {
3612
3660
  "name": "record",
3613
3661
  "type": {
3614
3662
  "text": "GristRecord"
3615
3663
  },
3616
- "default": "ZERO_RECORD",
3617
- "resolveInitializer": {
3618
- "module": "/src/configure/zero-config"
3619
- },
3620
3664
  "fieldName": "record"
3621
3665
  },
3622
3666
  {
3623
- "name": "column",
3624
- "type": {
3625
- "text": "ColumnConfig"
3626
- },
3627
- "default": "ZERO_COLUMN",
3628
- "resolveInitializer": {
3629
- "module": "/src/configure/zero-config"
3630
- },
3631
- "fieldName": "column"
3632
- },
3633
- {
3634
- "name": "rowIndex",
3667
+ "name": "clickHandler",
3635
3668
  "type": {
3636
- "text": "number"
3669
+ "text": "EventListener"
3637
3670
  },
3638
- "default": "-1",
3639
- "fieldName": "rowIndex"
3671
+ "fieldName": "clickHandler"
3640
3672
  },
3641
3673
  {
3642
- "name": "value",
3674
+ "name": "dblclickHandler",
3643
3675
  "type": {
3644
- "text": "object | undefined"
3676
+ "text": "EventListener"
3645
3677
  },
3646
- "fieldName": "value"
3678
+ "fieldName": "dblclickHandler"
3647
3679
  }
3648
3680
  ],
3649
3681
  "superclass": {
3650
3682
  "name": "LitElement",
3651
3683
  "package": "lit"
3652
3684
  },
3653
- "tagName": "ox-list-field",
3685
+ "tagName": "ox-card-gutter-menu",
3654
3686
  "customElement": true
3655
3687
  }
3656
3688
  ],
3657
3689
  "exports": [
3658
- {
3659
- "kind": "js",
3660
- "name": "DataListField",
3661
- "declaration": {
3662
- "name": "DataListField",
3663
- "module": "src/data-list/data-list-field.ts"
3664
- }
3665
- },
3666
3690
  {
3667
3691
  "kind": "custom-element-definition",
3668
- "name": "ox-list-field",
3692
+ "name": "ox-card-gutter-menu",
3669
3693
  "declaration": {
3670
- "name": "DataListField",
3671
- "module": "src/data-list/data-list-field.ts"
3694
+ "name": "DataCardGutterMenu",
3695
+ "module": "src/data-card/data-card-gutter-menu.ts"
3672
3696
  }
3673
3697
  }
3674
3698
  ]
3675
3699
  },
3676
3700
  {
3677
3701
  "kind": "javascript-module",
3678
- "path": "src/data-list/data-list-gutter.ts",
3702
+ "path": "src/data-card/data-card-gutter.ts",
3679
3703
  "declarations": [
3680
3704
  {
3681
3705
  "kind": "class",
3682
3706
  "description": "",
3683
- "name": "DataListGutter",
3707
+ "name": "DataCardGutter",
3684
3708
  "members": [
3685
3709
  {
3686
3710
  "kind": "field",
@@ -3780,37 +3804,37 @@
3780
3804
  "name": "LitElement",
3781
3805
  "package": "lit"
3782
3806
  },
3783
- "tagName": "ox-list-gutter",
3807
+ "tagName": "ox-card-gutter",
3784
3808
  "customElement": true
3785
3809
  }
3786
3810
  ],
3787
3811
  "exports": [
3788
3812
  {
3789
3813
  "kind": "js",
3790
- "name": "DataListGutter",
3814
+ "name": "DataCardGutter",
3791
3815
  "declaration": {
3792
- "name": "DataListGutter",
3793
- "module": "src/data-list/data-list-gutter.ts"
3816
+ "name": "DataCardGutter",
3817
+ "module": "src/data-card/data-card-gutter.ts"
3794
3818
  }
3795
3819
  },
3796
3820
  {
3797
3821
  "kind": "custom-element-definition",
3798
- "name": "ox-list-gutter",
3822
+ "name": "ox-card-gutter",
3799
3823
  "declaration": {
3800
- "name": "DataListGutter",
3801
- "module": "src/data-list/data-list-gutter.ts"
3824
+ "name": "DataCardGutter",
3825
+ "module": "src/data-card/data-card-gutter.ts"
3802
3826
  }
3803
3827
  }
3804
3828
  ]
3805
3829
  },
3806
3830
  {
3807
3831
  "kind": "javascript-module",
3808
- "path": "src/data-list/data-list.ts",
3832
+ "path": "src/data-card/data-card.ts",
3809
3833
  "declarations": [
3810
3834
  {
3811
3835
  "kind": "class",
3812
3836
  "description": "",
3813
- "name": "DataList",
3837
+ "name": "DataCard",
3814
3838
  "members": [
3815
3839
  {
3816
3840
  "kind": "field",
@@ -4031,37 +4055,37 @@
4031
4055
  "name": "DataManipulator",
4032
4056
  "module": "/src/data-manipulator"
4033
4057
  },
4034
- "tagName": "ox-list",
4058
+ "tagName": "ox-card",
4035
4059
  "customElement": true
4036
4060
  }
4037
4061
  ],
4038
4062
  "exports": [
4039
4063
  {
4040
4064
  "kind": "js",
4041
- "name": "DataList",
4065
+ "name": "DataCard",
4042
4066
  "declaration": {
4043
- "name": "DataList",
4044
- "module": "src/data-list/data-list.ts"
4067
+ "name": "DataCard",
4068
+ "module": "src/data-card/data-card.ts"
4045
4069
  }
4046
4070
  },
4047
4071
  {
4048
4072
  "kind": "custom-element-definition",
4049
- "name": "ox-list",
4073
+ "name": "ox-card",
4050
4074
  "declaration": {
4051
- "name": "DataList",
4052
- "module": "src/data-list/data-list.ts"
4075
+ "name": "DataCard",
4076
+ "module": "src/data-card/data-card.ts"
4053
4077
  }
4054
4078
  }
4055
4079
  ]
4056
4080
  },
4057
4081
  {
4058
4082
  "kind": "javascript-module",
4059
- "path": "src/data-list/record-partial.ts",
4083
+ "path": "src/data-card/record-card.ts",
4060
4084
  "declarations": [
4061
4085
  {
4062
4086
  "kind": "class",
4063
4087
  "description": "",
4064
- "name": "RecordPartial",
4088
+ "name": "RecordCard",
4065
4089
  "members": [
4066
4090
  {
4067
4091
  "kind": "field",
@@ -4116,6 +4140,18 @@
4116
4140
  },
4117
4141
  "privacy": "private"
4118
4142
  },
4143
+ {
4144
+ "kind": "field",
4145
+ "name": "clickHandler",
4146
+ "privacy": "private",
4147
+ "default": "recordCardClickHandler.bind(this)"
4148
+ },
4149
+ {
4150
+ "kind": "field",
4151
+ "name": "dblclickHandler",
4152
+ "privacy": "private",
4153
+ "default": "recordCardDblClickHandler.bind(this)"
4154
+ },
4119
4155
  {
4120
4156
  "kind": "method",
4121
4157
  "name": "popupRecordView"
@@ -4176,25 +4212,25 @@
4176
4212
  "name": "LitElement",
4177
4213
  "package": "lit"
4178
4214
  },
4179
- "tagName": "ox-record-partial",
4215
+ "tagName": "ox-record-card",
4180
4216
  "customElement": true
4181
4217
  }
4182
4218
  ],
4183
4219
  "exports": [
4184
4220
  {
4185
4221
  "kind": "js",
4186
- "name": "RecordPartial",
4222
+ "name": "RecordCard",
4187
4223
  "declaration": {
4188
- "name": "RecordPartial",
4189
- "module": "src/data-list/record-partial.ts"
4224
+ "name": "RecordCard",
4225
+ "module": "src/data-card/record-card.ts"
4190
4226
  }
4191
4227
  },
4192
4228
  {
4193
4229
  "kind": "custom-element-definition",
4194
- "name": "ox-record-partial",
4230
+ "name": "ox-record-card",
4195
4231
  "declaration": {
4196
- "name": "RecordPartial",
4197
- "module": "src/data-list/record-partial.ts"
4232
+ "name": "RecordCard",
4233
+ "module": "src/data-card/record-card.ts"
4198
4234
  }
4199
4235
  }
4200
4236
  ]
@@ -10342,7 +10378,7 @@
10342
10378
  ],
10343
10379
  "events": [
10344
10380
  {
10345
- "name": "change",
10381
+ "name": "filters-change",
10346
10382
  "type": {
10347
10383
  "text": "CustomEvent"
10348
10384
  }
@@ -12366,11 +12402,11 @@
12366
12402
  },
12367
12403
  {
12368
12404
  "kind": "javascript-module",
12369
- "path": "src/data-card/event-handlers/record-card-click-handler.ts",
12405
+ "path": "src/data-grid/event-handlers/data-grid-body-click-handler.ts",
12370
12406
  "declarations": [
12371
12407
  {
12372
12408
  "kind": "function",
12373
- "name": "recordCardClickHandler",
12409
+ "name": "dataGridBodyClickHandler",
12374
12410
  "return": {
12375
12411
  "type": {
12376
12412
  "text": "void"
@@ -12380,80 +12416,79 @@
12380
12416
  {
12381
12417
  "name": "this",
12382
12418
  "type": {
12383
- "text": "RecordCard"
12419
+ "text": "DataGridBody"
12384
12420
  }
12385
12421
  },
12386
12422
  {
12387
12423
  "name": "e",
12388
12424
  "type": {
12389
- "text": "MouseEvent"
12425
+ "text": "Event"
12390
12426
  }
12391
12427
  }
12392
- ],
12393
- "description": "ox-record-card 의 click handler\n\n- handler의 this 는 ox-record-card임."
12428
+ ]
12394
12429
  }
12395
12430
  ],
12396
12431
  "exports": [
12397
12432
  {
12398
12433
  "kind": "js",
12399
- "name": "recordCardClickHandler",
12434
+ "name": "dataGridBodyClickHandler",
12400
12435
  "declaration": {
12401
- "name": "recordCardClickHandler",
12402
- "module": "src/data-card/event-handlers/record-card-click-handler.ts"
12436
+ "name": "dataGridBodyClickHandler",
12437
+ "module": "src/data-grid/event-handlers/data-grid-body-click-handler.ts"
12403
12438
  }
12404
12439
  }
12405
12440
  ]
12406
12441
  },
12407
12442
  {
12408
12443
  "kind": "javascript-module",
12409
- "path": "src/data-card/event-handlers/record-card-dblclick-handler.ts",
12444
+ "path": "src/data-grid/event-handlers/data-grid-body-dblclick-handler.ts",
12410
12445
  "declarations": [
12411
12446
  {
12412
12447
  "kind": "function",
12413
- "name": "recordCardDblClickHandler",
12448
+ "name": "dataGridBodyDblclickHandler",
12414
12449
  "return": {
12415
12450
  "type": {
12416
- "text": "void"
12451
+ "text": "Promise<void>"
12417
12452
  }
12418
12453
  },
12419
12454
  "parameters": [
12420
12455
  {
12421
12456
  "name": "this",
12422
12457
  "type": {
12423
- "text": "RecordCard"
12458
+ "text": "DataGridBody"
12424
12459
  }
12425
12460
  },
12426
12461
  {
12427
12462
  "name": "e",
12428
12463
  "type": {
12429
- "text": "MouseEvent"
12464
+ "text": "Event"
12430
12465
  }
12431
12466
  }
12432
12467
  ],
12433
- "description": "ox-record-card 의 dblclick handler\n\n- handler의 this 는 ox-record-card임."
12468
+ "description": "ox-grid-body 의 dblclick handler\n\n- handler의 this 는 ox-grid-body임."
12434
12469
  }
12435
12470
  ],
12436
12471
  "exports": [
12437
12472
  {
12438
12473
  "kind": "js",
12439
- "name": "recordCardDblClickHandler",
12474
+ "name": "dataGridBodyDblclickHandler",
12440
12475
  "declaration": {
12441
- "name": "recordCardDblClickHandler",
12442
- "module": "src/data-card/event-handlers/record-card-dblclick-handler.ts"
12476
+ "name": "dataGridBodyDblclickHandler",
12477
+ "module": "src/data-grid/event-handlers/data-grid-body-dblclick-handler.ts"
12443
12478
  }
12444
12479
  }
12445
12480
  ]
12446
12481
  },
12447
12482
  {
12448
12483
  "kind": "javascript-module",
12449
- "path": "src/data-grid/event-handlers/data-grid-body-click-handler.ts",
12484
+ "path": "src/data-grid/event-handlers/data-grid-body-keydown-handler.ts",
12450
12485
  "declarations": [
12451
12486
  {
12452
12487
  "kind": "function",
12453
- "name": "dataGridBodyClickHandler",
12488
+ "name": "dataGridBodyKeydownHandler",
12454
12489
  "return": {
12455
12490
  "type": {
12456
- "text": "void"
12491
+ "text": "Promise<void>"
12457
12492
  }
12458
12493
  },
12459
12494
  "parameters": [
@@ -12466,115 +12501,111 @@
12466
12501
  {
12467
12502
  "name": "e",
12468
12503
  "type": {
12469
- "text": "Event"
12504
+ "text": "KeyboardEvent"
12470
12505
  }
12471
12506
  }
12472
- ]
12507
+ ],
12508
+ "description": "ox-grid-body 의 keydown handler\n\n- handler의 this 는 ox-grid-body임."
12473
12509
  }
12474
12510
  ],
12475
12511
  "exports": [
12476
12512
  {
12477
12513
  "kind": "js",
12478
- "name": "dataGridBodyClickHandler",
12514
+ "name": "dataGridBodyKeydownHandler",
12479
12515
  "declaration": {
12480
- "name": "dataGridBodyClickHandler",
12481
- "module": "src/data-grid/event-handlers/data-grid-body-click-handler.ts"
12516
+ "name": "dataGridBodyKeydownHandler",
12517
+ "module": "src/data-grid/event-handlers/data-grid-body-keydown-handler.ts"
12482
12518
  }
12483
12519
  }
12484
12520
  ]
12485
12521
  },
12486
12522
  {
12487
12523
  "kind": "javascript-module",
12488
- "path": "src/data-grid/event-handlers/data-grid-body-dblclick-handler.ts",
12524
+ "path": "src/data-list/event-handlers/record-partial-click-handler.ts",
12489
12525
  "declarations": [
12490
12526
  {
12491
12527
  "kind": "function",
12492
- "name": "dataGridBodyDblclickHandler",
12528
+ "name": "recordPartialClickHandler",
12493
12529
  "return": {
12494
12530
  "type": {
12495
- "text": "Promise<void>"
12531
+ "text": "void"
12496
12532
  }
12497
12533
  },
12498
12534
  "parameters": [
12499
12535
  {
12500
12536
  "name": "this",
12501
12537
  "type": {
12502
- "text": "DataGridBody"
12538
+ "text": "RecordPartial"
12503
12539
  }
12504
12540
  },
12505
12541
  {
12506
12542
  "name": "e",
12507
12543
  "type": {
12508
- "text": "Event"
12544
+ "text": "MouseEvent"
12509
12545
  }
12510
12546
  }
12511
12547
  ],
12512
- "description": "ox-grid-body 의 dblclick handler\n\n- handler의 this 는 ox-grid-body임."
12548
+ "description": "record-partial 의 click handler\n\n- handler의 this 는 record-partial임."
12513
12549
  }
12514
12550
  ],
12515
12551
  "exports": [
12516
12552
  {
12517
12553
  "kind": "js",
12518
- "name": "dataGridBodyDblclickHandler",
12554
+ "name": "recordPartialClickHandler",
12519
12555
  "declaration": {
12520
- "name": "dataGridBodyDblclickHandler",
12521
- "module": "src/data-grid/event-handlers/data-grid-body-dblclick-handler.ts"
12556
+ "name": "recordPartialClickHandler",
12557
+ "module": "src/data-list/event-handlers/record-partial-click-handler.ts"
12522
12558
  }
12523
12559
  }
12524
12560
  ]
12525
12561
  },
12526
12562
  {
12527
12563
  "kind": "javascript-module",
12528
- "path": "src/data-grid/event-handlers/data-grid-body-keydown-handler.ts",
12564
+ "path": "src/data-list/event-handlers/record-partial-dblclick-handler.ts",
12529
12565
  "declarations": [
12530
12566
  {
12531
12567
  "kind": "function",
12532
- "name": "dataGridBodyKeydownHandler",
12568
+ "name": "recordPartialDblClickHandler",
12533
12569
  "return": {
12534
12570
  "type": {
12535
- "text": "Promise<void>"
12571
+ "text": "void"
12536
12572
  }
12537
12573
  },
12538
12574
  "parameters": [
12539
12575
  {
12540
12576
  "name": "this",
12541
12577
  "type": {
12542
- "text": "DataGridBody"
12578
+ "text": "RecordPartial"
12543
12579
  }
12544
12580
  },
12545
12581
  {
12546
12582
  "name": "e",
12547
12583
  "type": {
12548
- "text": "KeyboardEvent"
12584
+ "text": "MouseEvent"
12549
12585
  }
12550
12586
  }
12551
12587
  ],
12552
- "description": "ox-grid-body 의 keydown handler\n\n- handler의 this 는 ox-grid-body임."
12588
+ "description": "record-partial 의 dblclick handler\n\n- handler의 this 는 record-partial임."
12553
12589
  }
12554
12590
  ],
12555
12591
  "exports": [
12556
12592
  {
12557
12593
  "kind": "js",
12558
- "name": "dataGridBodyKeydownHandler",
12594
+ "name": "recordPartialDblClickHandler",
12559
12595
  "declaration": {
12560
- "name": "dataGridBodyKeydownHandler",
12561
- "module": "src/data-grid/event-handlers/data-grid-body-keydown-handler.ts"
12596
+ "name": "recordPartialDblClickHandler",
12597
+ "module": "src/data-list/event-handlers/record-partial-dblclick-handler.ts"
12562
12598
  }
12563
12599
  }
12564
12600
  ]
12565
12601
  },
12566
12602
  {
12567
12603
  "kind": "javascript-module",
12568
- "path": "src/data-list/event-handlers/record-partial-click-handler.ts",
12604
+ "path": "src/data-list/event-handlers/record-partial-long-press-handler.ts",
12569
12605
  "declarations": [
12570
12606
  {
12571
12607
  "kind": "function",
12572
- "name": "recordPartialClickHandler",
12573
- "return": {
12574
- "type": {
12575
- "text": "void"
12576
- }
12577
- },
12608
+ "name": "recordPartialLongPressHandler",
12578
12609
  "parameters": [
12579
12610
  {
12580
12611
  "name": "this",
@@ -12589,27 +12620,27 @@
12589
12620
  }
12590
12621
  }
12591
12622
  ],
12592
- "description": "record-partial 의 click handler\n\n- handler의 this 는 record-partial임."
12623
+ "description": "record-partial 의 long-press handler\n\n- handler의 this 는 record-partial임."
12593
12624
  }
12594
12625
  ],
12595
12626
  "exports": [
12596
12627
  {
12597
12628
  "kind": "js",
12598
- "name": "recordPartialClickHandler",
12629
+ "name": "recordPartialLongPressHandler",
12599
12630
  "declaration": {
12600
- "name": "recordPartialClickHandler",
12601
- "module": "src/data-list/event-handlers/record-partial-click-handler.ts"
12631
+ "name": "recordPartialLongPressHandler",
12632
+ "module": "src/data-list/event-handlers/record-partial-long-press-handler.ts"
12602
12633
  }
12603
12634
  }
12604
12635
  ]
12605
12636
  },
12606
12637
  {
12607
12638
  "kind": "javascript-module",
12608
- "path": "src/data-list/event-handlers/record-partial-dblclick-handler.ts",
12639
+ "path": "src/data-card/event-handlers/record-card-click-handler.ts",
12609
12640
  "declarations": [
12610
12641
  {
12611
12642
  "kind": "function",
12612
- "name": "recordPartialDblClickHandler",
12643
+ "name": "recordCardClickHandler",
12613
12644
  "return": {
12614
12645
  "type": {
12615
12646
  "text": "void"
@@ -12619,7 +12650,7 @@
12619
12650
  {
12620
12651
  "name": "this",
12621
12652
  "type": {
12622
- "text": "RecordPartial"
12653
+ "text": "RecordCard"
12623
12654
  }
12624
12655
  },
12625
12656
  {
@@ -12629,32 +12660,37 @@
12629
12660
  }
12630
12661
  }
12631
12662
  ],
12632
- "description": "record-partial 의 dblclick handler\n\n- handler의 this 는 record-partial임."
12663
+ "description": "ox-record-card 의 click handler\n\n- handler의 this 는 ox-record-card임."
12633
12664
  }
12634
12665
  ],
12635
12666
  "exports": [
12636
12667
  {
12637
12668
  "kind": "js",
12638
- "name": "recordPartialDblClickHandler",
12669
+ "name": "recordCardClickHandler",
12639
12670
  "declaration": {
12640
- "name": "recordPartialDblClickHandler",
12641
- "module": "src/data-list/event-handlers/record-partial-dblclick-handler.ts"
12671
+ "name": "recordCardClickHandler",
12672
+ "module": "src/data-card/event-handlers/record-card-click-handler.ts"
12642
12673
  }
12643
12674
  }
12644
12675
  ]
12645
12676
  },
12646
12677
  {
12647
12678
  "kind": "javascript-module",
12648
- "path": "src/data-list/event-handlers/record-partial-long-press-handler.ts",
12679
+ "path": "src/data-card/event-handlers/record-card-dblclick-handler.ts",
12649
12680
  "declarations": [
12650
12681
  {
12651
12682
  "kind": "function",
12652
- "name": "recordPartialLongPressHandler",
12683
+ "name": "recordCardDblClickHandler",
12684
+ "return": {
12685
+ "type": {
12686
+ "text": "void"
12687
+ }
12688
+ },
12653
12689
  "parameters": [
12654
12690
  {
12655
12691
  "name": "this",
12656
12692
  "type": {
12657
- "text": "RecordPartial"
12693
+ "text": "RecordCard"
12658
12694
  }
12659
12695
  },
12660
12696
  {
@@ -12664,16 +12700,16 @@
12664
12700
  }
12665
12701
  }
12666
12702
  ],
12667
- "description": "record-partial 의 long-press handler\n\n- handler의 this 는 record-partial임."
12703
+ "description": "ox-record-card 의 dblclick handler\n\n- handler의 this 는 ox-record-card임."
12668
12704
  }
12669
12705
  ],
12670
12706
  "exports": [
12671
12707
  {
12672
12708
  "kind": "js",
12673
- "name": "recordPartialLongPressHandler",
12709
+ "name": "recordCardDblClickHandler",
12674
12710
  "declaration": {
12675
- "name": "recordPartialLongPressHandler",
12676
- "module": "src/data-list/event-handlers/record-partial-long-press-handler.ts"
12711
+ "name": "recordCardDblClickHandler",
12712
+ "module": "src/data-card/event-handlers/record-card-dblclick-handler.ts"
12677
12713
  }
12678
12714
  }
12679
12715
  ]