@openremote/or-tree-menu 1.6.0 → 1.6.3
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.
- package/custom-elements.json +176 -81
- package/dist/umd/index.bundle.js +69 -68
- package/dist/umd/index.js +69 -68
- package/dist/umd/index.orbundle.js +73 -72
- package/package.json +6 -6
package/custom-elements.json
CHANGED
|
@@ -19,7 +19,8 @@
|
|
|
19
19
|
},
|
|
20
20
|
"privacy": "public",
|
|
21
21
|
"default": "[]",
|
|
22
|
-
"description": "List of node items in the menu.\nUses the TreeNode format for rendering the OrTreeNode elements."
|
|
22
|
+
"description": "List of node items in the menu.\nUses the TreeNode format for rendering the OrTreeNode elements.",
|
|
23
|
+
"attribute": "nodes"
|
|
23
24
|
},
|
|
24
25
|
{
|
|
25
26
|
"kind": "field",
|
|
@@ -28,7 +29,8 @@
|
|
|
28
29
|
"text": "TreeMenuSelection"
|
|
29
30
|
},
|
|
30
31
|
"privacy": "public",
|
|
31
|
-
"description": "Changes the allowed selection method within the tree.\nCommon options are `LEAF`, `SINGLE` and `MULTI`."
|
|
32
|
+
"description": "Changes the allowed selection method within the tree.\nCommon options are `LEAF`, `SINGLE` and `MULTI`.",
|
|
33
|
+
"attribute": "selection"
|
|
32
34
|
},
|
|
33
35
|
{
|
|
34
36
|
"kind": "field",
|
|
@@ -38,7 +40,8 @@
|
|
|
38
40
|
},
|
|
39
41
|
"privacy": "public",
|
|
40
42
|
"default": "false",
|
|
41
|
-
"description": "Disables and enables dragging of nodes into groups."
|
|
43
|
+
"description": "Disables and enables dragging of nodes into groups.",
|
|
44
|
+
"attribute": "draggable"
|
|
42
45
|
},
|
|
43
46
|
{
|
|
44
47
|
"kind": "field",
|
|
@@ -48,7 +51,8 @@
|
|
|
48
51
|
},
|
|
49
52
|
"privacy": "public",
|
|
50
53
|
"default": "false",
|
|
51
|
-
"description": "Removes the header from the tree menu."
|
|
54
|
+
"description": "Removes the header from the tree menu.",
|
|
55
|
+
"attribute": "no-header"
|
|
52
56
|
},
|
|
53
57
|
{
|
|
54
58
|
"kind": "field",
|
|
@@ -58,7 +62,8 @@
|
|
|
58
62
|
},
|
|
59
63
|
"privacy": "public",
|
|
60
64
|
"default": "\"Tree Menu\"",
|
|
61
|
-
"description": "Adjusts the title in the menu header."
|
|
65
|
+
"description": "Adjusts the title in the menu header.",
|
|
66
|
+
"attribute": "menu-title"
|
|
62
67
|
},
|
|
63
68
|
{
|
|
64
69
|
"kind": "field",
|
|
@@ -67,7 +72,8 @@
|
|
|
67
72
|
"text": "TreeMenuSorting[] | undefined"
|
|
68
73
|
},
|
|
69
74
|
"privacy": "public",
|
|
70
|
-
"description": "List of options available to sort the object with"
|
|
75
|
+
"description": "List of options available to sort the object with",
|
|
76
|
+
"attribute": "sort-options"
|
|
71
77
|
},
|
|
72
78
|
{
|
|
73
79
|
"kind": "field",
|
|
@@ -76,7 +82,9 @@
|
|
|
76
82
|
"text": "TreeMenuSorting"
|
|
77
83
|
},
|
|
78
84
|
"privacy": "public",
|
|
79
|
-
"description": "Represents the selected sorting option"
|
|
85
|
+
"description": "Represents the selected sorting option",
|
|
86
|
+
"attribute": "sort-by",
|
|
87
|
+
"reflects": true
|
|
80
88
|
},
|
|
81
89
|
{
|
|
82
90
|
"kind": "field",
|
|
@@ -86,7 +94,8 @@
|
|
|
86
94
|
},
|
|
87
95
|
"privacy": "public",
|
|
88
96
|
"default": "false",
|
|
89
|
-
"description": "Automatically prioritizes the groups, and positions these on top."
|
|
97
|
+
"description": "Automatically prioritizes the groups, and positions these on top.",
|
|
98
|
+
"attribute": "group-first"
|
|
90
99
|
},
|
|
91
100
|
{
|
|
92
101
|
"kind": "field",
|
|
@@ -121,34 +130,6 @@
|
|
|
121
130
|
},
|
|
122
131
|
"privacy": "protected"
|
|
123
132
|
},
|
|
124
|
-
{
|
|
125
|
-
"kind": "field",
|
|
126
|
-
"name": "styles",
|
|
127
|
-
"static": true,
|
|
128
|
-
"readonly": true
|
|
129
|
-
},
|
|
130
|
-
{
|
|
131
|
-
"kind": "method",
|
|
132
|
-
"name": "willUpdate",
|
|
133
|
-
"privacy": "protected",
|
|
134
|
-
"parameters": [
|
|
135
|
-
{
|
|
136
|
-
"name": "changedProps",
|
|
137
|
-
"type": {
|
|
138
|
-
"text": "PropertyValues"
|
|
139
|
-
}
|
|
140
|
-
}
|
|
141
|
-
]
|
|
142
|
-
},
|
|
143
|
-
{
|
|
144
|
-
"kind": "method",
|
|
145
|
-
"name": "render",
|
|
146
|
-
"return": {
|
|
147
|
-
"type": {
|
|
148
|
-
"text": "TemplateResult"
|
|
149
|
-
}
|
|
150
|
-
}
|
|
151
|
-
},
|
|
152
133
|
{
|
|
153
134
|
"kind": "method",
|
|
154
135
|
"name": "moveNodesToGroup",
|
|
@@ -916,10 +897,82 @@
|
|
|
916
897
|
"name": "or-tree-drag"
|
|
917
898
|
}
|
|
918
899
|
],
|
|
900
|
+
"attributes": [
|
|
901
|
+
{
|
|
902
|
+
"name": "nodes",
|
|
903
|
+
"type": {
|
|
904
|
+
"text": "TreeNode[]"
|
|
905
|
+
},
|
|
906
|
+
"default": "[]",
|
|
907
|
+
"description": "List of node items in the menu.\nUses the TreeNode format for rendering the OrTreeNode elements.",
|
|
908
|
+
"fieldName": "nodes"
|
|
909
|
+
},
|
|
910
|
+
{
|
|
911
|
+
"name": "selection",
|
|
912
|
+
"type": {
|
|
913
|
+
"text": "TreeMenuSelection"
|
|
914
|
+
},
|
|
915
|
+
"description": "Changes the allowed selection method within the tree.\nCommon options are `LEAF`, `SINGLE` and `MULTI`.",
|
|
916
|
+
"fieldName": "selection"
|
|
917
|
+
},
|
|
918
|
+
{
|
|
919
|
+
"name": "draggable",
|
|
920
|
+
"type": {
|
|
921
|
+
"text": "boolean"
|
|
922
|
+
},
|
|
923
|
+
"default": "false",
|
|
924
|
+
"description": "Disables and enables dragging of nodes into groups.",
|
|
925
|
+
"fieldName": "draggable"
|
|
926
|
+
},
|
|
927
|
+
{
|
|
928
|
+
"name": "no-header",
|
|
929
|
+
"type": {
|
|
930
|
+
"text": "boolean"
|
|
931
|
+
},
|
|
932
|
+
"default": "false",
|
|
933
|
+
"description": "Removes the header from the tree menu.",
|
|
934
|
+
"fieldName": "noHeader"
|
|
935
|
+
},
|
|
936
|
+
{
|
|
937
|
+
"name": "menu-title",
|
|
938
|
+
"type": {
|
|
939
|
+
"text": "string"
|
|
940
|
+
},
|
|
941
|
+
"default": "\"Tree Menu\"",
|
|
942
|
+
"description": "Adjusts the title in the menu header.",
|
|
943
|
+
"fieldName": "menuTitle"
|
|
944
|
+
},
|
|
945
|
+
{
|
|
946
|
+
"name": "sort-options",
|
|
947
|
+
"type": {
|
|
948
|
+
"text": "TreeMenuSorting[] | undefined"
|
|
949
|
+
},
|
|
950
|
+
"description": "List of options available to sort the object with",
|
|
951
|
+
"fieldName": "sortOptions"
|
|
952
|
+
},
|
|
953
|
+
{
|
|
954
|
+
"name": "sort-by",
|
|
955
|
+
"type": {
|
|
956
|
+
"text": "TreeMenuSorting"
|
|
957
|
+
},
|
|
958
|
+
"description": "Represents the selected sorting option",
|
|
959
|
+
"fieldName": "sortBy"
|
|
960
|
+
},
|
|
961
|
+
{
|
|
962
|
+
"name": "group-first",
|
|
963
|
+
"type": {
|
|
964
|
+
"text": "boolean"
|
|
965
|
+
},
|
|
966
|
+
"default": "false",
|
|
967
|
+
"description": "Automatically prioritizes the groups, and positions these on top.",
|
|
968
|
+
"fieldName": "groupFirst"
|
|
969
|
+
}
|
|
970
|
+
],
|
|
919
971
|
"superclass": {
|
|
920
972
|
"name": "LitElement",
|
|
921
973
|
"package": "lit"
|
|
922
974
|
},
|
|
975
|
+
"tagName": "or-tree-menu",
|
|
923
976
|
"customElement": true
|
|
924
977
|
}
|
|
925
978
|
],
|
|
@@ -955,6 +1008,14 @@
|
|
|
955
1008
|
"name": "OrTreeMenu",
|
|
956
1009
|
"module": "src/index.ts"
|
|
957
1010
|
}
|
|
1011
|
+
},
|
|
1012
|
+
{
|
|
1013
|
+
"kind": "custom-element-definition",
|
|
1014
|
+
"name": "or-tree-menu",
|
|
1015
|
+
"declaration": {
|
|
1016
|
+
"name": "OrTreeMenu",
|
|
1017
|
+
"module": "src/index.ts"
|
|
1018
|
+
}
|
|
958
1019
|
}
|
|
959
1020
|
]
|
|
960
1021
|
},
|
|
@@ -1059,7 +1120,9 @@
|
|
|
1059
1120
|
},
|
|
1060
1121
|
"privacy": "public",
|
|
1061
1122
|
"default": "false",
|
|
1062
|
-
"description": "Determines the visibility of child nodes.\nSetting this to `false` hides them, and acts as a 'collapsed' state."
|
|
1123
|
+
"description": "Determines the visibility of child nodes.\nSetting this to `false` hides them, and acts as a 'collapsed' state.",
|
|
1124
|
+
"attribute": "expanded",
|
|
1125
|
+
"reflects": true
|
|
1063
1126
|
},
|
|
1064
1127
|
{
|
|
1065
1128
|
"kind": "field",
|
|
@@ -1070,7 +1133,8 @@
|
|
|
1070
1133
|
"privacy": "public",
|
|
1071
1134
|
"readonly": true,
|
|
1072
1135
|
"default": "false",
|
|
1073
|
-
"description": "Only allows child nodes to be selected, making the expander (parent node) readonly.\nIf this is set to false, only the chevron icon can be used to collapse/expand the list."
|
|
1136
|
+
"description": "Only allows child nodes to be selected, making the expander (parent node) readonly.\nIf this is set to false, only the chevron icon can be used to collapse/expand the list.",
|
|
1137
|
+
"attribute": "leaf"
|
|
1074
1138
|
},
|
|
1075
1139
|
{
|
|
1076
1140
|
"kind": "field",
|
|
@@ -1081,7 +1145,8 @@
|
|
|
1081
1145
|
"privacy": "public",
|
|
1082
1146
|
"readonly": true,
|
|
1083
1147
|
"default": "false",
|
|
1084
|
-
"description": "Makes the group readonly"
|
|
1148
|
+
"description": "Makes the group readonly",
|
|
1149
|
+
"attribute": "readonly"
|
|
1085
1150
|
},
|
|
1086
1151
|
{
|
|
1087
1152
|
"kind": "field",
|
|
@@ -1111,12 +1176,6 @@
|
|
|
1111
1176
|
"privacy": "protected",
|
|
1112
1177
|
"description": "A click event listener on the chevron, used for expanding/collapsing the group"
|
|
1113
1178
|
},
|
|
1114
|
-
{
|
|
1115
|
-
"kind": "field",
|
|
1116
|
-
"name": "styles",
|
|
1117
|
-
"static": true,
|
|
1118
|
-
"readonly": true
|
|
1119
|
-
},
|
|
1120
1179
|
{
|
|
1121
1180
|
"kind": "method",
|
|
1122
1181
|
"name": "select",
|
|
@@ -1163,27 +1222,6 @@
|
|
|
1163
1222
|
},
|
|
1164
1223
|
"description": "Returns a list of all children nodes (OrTreeNode) within the group, using a query selector."
|
|
1165
1224
|
},
|
|
1166
|
-
{
|
|
1167
|
-
"kind": "method",
|
|
1168
|
-
"name": "firstUpdated",
|
|
1169
|
-
"parameters": [
|
|
1170
|
-
{
|
|
1171
|
-
"name": "changedProps",
|
|
1172
|
-
"type": {
|
|
1173
|
-
"text": "PropertyValues"
|
|
1174
|
-
}
|
|
1175
|
-
}
|
|
1176
|
-
]
|
|
1177
|
-
},
|
|
1178
|
-
{
|
|
1179
|
-
"kind": "method",
|
|
1180
|
-
"name": "render",
|
|
1181
|
-
"return": {
|
|
1182
|
-
"type": {
|
|
1183
|
-
"text": "TemplateResult"
|
|
1184
|
-
}
|
|
1185
|
-
}
|
|
1186
|
-
},
|
|
1187
1225
|
{
|
|
1188
1226
|
"kind": "method",
|
|
1189
1227
|
"name": "_getIconTemplate",
|
|
@@ -1244,10 +1282,42 @@
|
|
|
1244
1282
|
"description": "Function that applies CSS to TreeNode based on the group indentation.\nIt loops through all parent elements, and detects the amount of or-tree-group elements it is in.\nThe more nested in the tree, the more left handed padding is applied."
|
|
1245
1283
|
}
|
|
1246
1284
|
],
|
|
1285
|
+
"attributes": [
|
|
1286
|
+
{
|
|
1287
|
+
"name": "expanded",
|
|
1288
|
+
"type": {
|
|
1289
|
+
"text": "boolean"
|
|
1290
|
+
},
|
|
1291
|
+
"default": "false",
|
|
1292
|
+
"description": "Determines the visibility of child nodes.\nSetting this to `false` hides them, and acts as a 'collapsed' state.",
|
|
1293
|
+
"fieldName": "expanded"
|
|
1294
|
+
},
|
|
1295
|
+
{
|
|
1296
|
+
"name": "leaf",
|
|
1297
|
+
"type": {
|
|
1298
|
+
"text": "boolean"
|
|
1299
|
+
},
|
|
1300
|
+
"readonly": true,
|
|
1301
|
+
"default": "false",
|
|
1302
|
+
"description": "Only allows child nodes to be selected, making the expander (parent node) readonly.\nIf this is set to false, only the chevron icon can be used to collapse/expand the list.",
|
|
1303
|
+
"fieldName": "leaf"
|
|
1304
|
+
},
|
|
1305
|
+
{
|
|
1306
|
+
"name": "readonly",
|
|
1307
|
+
"type": {
|
|
1308
|
+
"text": "boolean"
|
|
1309
|
+
},
|
|
1310
|
+
"readonly": true,
|
|
1311
|
+
"default": "false",
|
|
1312
|
+
"description": "Makes the group readonly",
|
|
1313
|
+
"fieldName": "readonly"
|
|
1314
|
+
}
|
|
1315
|
+
],
|
|
1247
1316
|
"superclass": {
|
|
1248
1317
|
"name": "LitElement",
|
|
1249
1318
|
"package": "lit"
|
|
1250
1319
|
},
|
|
1320
|
+
"tagName": "or-tree-group",
|
|
1251
1321
|
"customElement": true
|
|
1252
1322
|
}
|
|
1253
1323
|
],
|
|
@@ -1259,6 +1329,14 @@
|
|
|
1259
1329
|
"name": "OrTreeGroup",
|
|
1260
1330
|
"module": "src/or-tree-group.ts"
|
|
1261
1331
|
}
|
|
1332
|
+
},
|
|
1333
|
+
{
|
|
1334
|
+
"kind": "custom-element-definition",
|
|
1335
|
+
"name": "or-tree-group",
|
|
1336
|
+
"declaration": {
|
|
1337
|
+
"name": "OrTreeGroup",
|
|
1338
|
+
"module": "src/or-tree-group.ts"
|
|
1339
|
+
}
|
|
1262
1340
|
}
|
|
1263
1341
|
]
|
|
1264
1342
|
},
|
|
@@ -1319,7 +1397,9 @@
|
|
|
1319
1397
|
},
|
|
1320
1398
|
"privacy": "public",
|
|
1321
1399
|
"default": "false",
|
|
1322
|
-
"description": "HTML attribute that only applies CSS, showing this node cannot be interacted with."
|
|
1400
|
+
"description": "HTML attribute that only applies CSS, showing this node cannot be interacted with.",
|
|
1401
|
+
"attribute": "readonly",
|
|
1402
|
+
"reflects": true
|
|
1323
1403
|
},
|
|
1324
1404
|
{
|
|
1325
1405
|
"kind": "field",
|
|
@@ -1329,29 +1409,36 @@
|
|
|
1329
1409
|
},
|
|
1330
1410
|
"privacy": "public",
|
|
1331
1411
|
"default": "false",
|
|
1332
|
-
"description": "HTML attribute that only applies CSS, marking the node as 'selected'."
|
|
1333
|
-
|
|
1412
|
+
"description": "HTML attribute that only applies CSS, marking the node as 'selected'.",
|
|
1413
|
+
"attribute": "selected",
|
|
1414
|
+
"reflects": true
|
|
1415
|
+
}
|
|
1416
|
+
],
|
|
1417
|
+
"attributes": [
|
|
1334
1418
|
{
|
|
1335
|
-
"
|
|
1336
|
-
"
|
|
1337
|
-
|
|
1338
|
-
|
|
1419
|
+
"name": "readonly",
|
|
1420
|
+
"type": {
|
|
1421
|
+
"text": "boolean"
|
|
1422
|
+
},
|
|
1423
|
+
"default": "false",
|
|
1424
|
+
"description": "HTML attribute that only applies CSS, showing this node cannot be interacted with.",
|
|
1425
|
+
"fieldName": "readonly"
|
|
1339
1426
|
},
|
|
1340
1427
|
{
|
|
1341
|
-
"
|
|
1342
|
-
"
|
|
1343
|
-
|
|
1344
|
-
|
|
1345
|
-
|
|
1346
|
-
|
|
1347
|
-
|
|
1348
|
-
}
|
|
1428
|
+
"name": "selected",
|
|
1429
|
+
"type": {
|
|
1430
|
+
"text": "boolean"
|
|
1431
|
+
},
|
|
1432
|
+
"default": "false",
|
|
1433
|
+
"description": "HTML attribute that only applies CSS, marking the node as 'selected'.",
|
|
1434
|
+
"fieldName": "selected"
|
|
1349
1435
|
}
|
|
1350
1436
|
],
|
|
1351
1437
|
"superclass": {
|
|
1352
1438
|
"name": "LitElement",
|
|
1353
1439
|
"package": "lit"
|
|
1354
1440
|
},
|
|
1441
|
+
"tagName": "or-tree-node",
|
|
1355
1442
|
"customElement": true
|
|
1356
1443
|
}
|
|
1357
1444
|
],
|
|
@@ -1363,6 +1450,14 @@
|
|
|
1363
1450
|
"name": "OrTreeNode",
|
|
1364
1451
|
"module": "src/or-tree-node.ts"
|
|
1365
1452
|
}
|
|
1453
|
+
},
|
|
1454
|
+
{
|
|
1455
|
+
"kind": "custom-element-definition",
|
|
1456
|
+
"name": "or-tree-node",
|
|
1457
|
+
"declaration": {
|
|
1458
|
+
"name": "OrTreeNode",
|
|
1459
|
+
"module": "src/or-tree-node.ts"
|
|
1460
|
+
}
|
|
1366
1461
|
}
|
|
1367
1462
|
]
|
|
1368
1463
|
},
|