table-modifiable/custom-elements.json at main · aarongustafson/table-modifiable · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
{
	"schemaVersion": "1.0.0",
	"readme": "",
	"modules": [
		{
			"kind": "javascript-module",
			"path": "table-modifiable.js",
			"declarations": [
				{
					"kind": "class",
					"description": "A web component that enables users to hide & show columns on an HTML table.",
					"name": "TableModifiableElement",
					"members": [],
					"events": [
						{
							"name": "table-modifiable:change",
							"type": {
								"text": "CustomEvent"
							},
							"description": "Fired when a column's visibility is toggled",
							"eventDetail": {
								"type": {
									"text": "{ column: string, visible: boolean }"
								}
							}
						}
					],
					"attributes": [
						{
							"name": "removable",
							"type": {
								"text": "string"
							},
							"description": "Comma-separated list of all column names that can be shown/hidden",
							"fieldName": "removable"
						},
						{
							"name": "start-with",
							"type": {
								"text": "string"
							},
							"description": "Comma-separated list of which columns should be visible by default. If not specified, all removable columns will be shown initially",
							"fieldName": "startWith"
						},
						{
							"name": "button-label",
							"type": {
								"text": "string"
							},
							"description": "Text label for the toggle button (default: 'Modify Table')",
							"default": "\"Modify Table\"",
							"fieldName": "buttonLabel"
						},
						{
							"name": "button-aria-label",
							"type": {
								"text": "string"
							},
							"description": "Accessible label for the toggle button. Use this to provide a more descriptive label for screen readers if needed (default: same as button-label)",
							"fieldName": "buttonAriaLabel"
						},
						{
							"name": "tools-label",
							"type": {
								"text": "string"
							},
							"description": "Heading text for the popover panel (default: 'Show/Hide Columns')",
							"default": "\"Show/Hide Columns\"",
							"fieldName": "toolsLabel"
						}
					],
					"slots": [
						{
							"name": "",
							"description": "Default slot for the table element"
						}
					],
					"cssProperties": [
						{
							"name": "--table-modifiable-tool-bg",
							"description": "Background color for the modification tools popover"
						},
						{
							"name": "--table-modifiable-tool-color",
							"description": "Text color for the modification tools popover"
						}
					],
					"superclass": {
						"name": "HTMLElement"
					},
					"tagName": "table-modifiable",
					"customElement": true
				}
			],
			"exports": [
				{
					"kind": "js",
					"name": "TableModifiableElement",
					"declaration": {
						"name": "TableModifiableElement",
						"module": "table-modifiable.js"
					}
				}
			]
		}
	]
}