@openremote/or-asset-tree 1.10.0-snapshot.20251016093424 → 1.10.0-snapshot.20251019170031
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 +114 -84
- package/dist/umd/index.bundle.js +110 -87
- package/dist/umd/index.bundle.js.map +1 -1
- package/dist/umd/index.js +110 -87
- package/dist/umd/index.js.map +1 -1
- package/dist/umd/index.orbundle.js +47 -24
- package/dist/umd/index.orbundle.js.map +1 -1
- package/lib/index.d.ts +46 -18
- package/lib/index.js +36 -23
- package/lib/index.js.map +1 -1
- package/lib/style.js +16 -6
- package/lib/style.js.map +1 -1
- package/package.json +8 -8
package/custom-elements.json
CHANGED
|
@@ -221,10 +221,6 @@
|
|
|
221
221
|
}
|
|
222
222
|
]
|
|
223
223
|
},
|
|
224
|
-
{
|
|
225
|
-
"kind": "function",
|
|
226
|
-
"name": "getAssetTypes"
|
|
227
|
-
},
|
|
228
224
|
{
|
|
229
225
|
"kind": "class",
|
|
230
226
|
"description": "",
|
|
@@ -237,27 +233,10 @@
|
|
|
237
233
|
"text": "Asset[] | undefined"
|
|
238
234
|
},
|
|
239
235
|
"privacy": "public",
|
|
236
|
+
"readonly": true,
|
|
240
237
|
"description": "Allows arbitrary assets to be displayed using a tree",
|
|
241
238
|
"attribute": "assets"
|
|
242
239
|
},
|
|
243
|
-
{
|
|
244
|
-
"kind": "field",
|
|
245
|
-
"name": "assetInfos",
|
|
246
|
-
"type": {
|
|
247
|
-
"text": "AssetTypeInfo[] | undefined"
|
|
248
|
-
},
|
|
249
|
-
"privacy": "public",
|
|
250
|
-
"attribute": "assetInfos"
|
|
251
|
-
},
|
|
252
|
-
{
|
|
253
|
-
"kind": "field",
|
|
254
|
-
"name": "_assetIdsOverride",
|
|
255
|
-
"type": {
|
|
256
|
-
"text": "string[] | undefined"
|
|
257
|
-
},
|
|
258
|
-
"privacy": "public",
|
|
259
|
-
"attribute": "_assetIdsOverride"
|
|
260
|
-
},
|
|
261
240
|
{
|
|
262
241
|
"kind": "field",
|
|
263
242
|
"name": "rootAssets",
|
|
@@ -265,6 +244,7 @@
|
|
|
265
244
|
"text": "Asset[] | undefined"
|
|
266
245
|
},
|
|
267
246
|
"privacy": "public",
|
|
247
|
+
"readonly": true,
|
|
268
248
|
"attribute": "rootAssets"
|
|
269
249
|
},
|
|
270
250
|
{
|
|
@@ -274,6 +254,7 @@
|
|
|
274
254
|
"text": "string[] | undefined"
|
|
275
255
|
},
|
|
276
256
|
"privacy": "public",
|
|
257
|
+
"readonly": true,
|
|
277
258
|
"attribute": "rootAssetIds"
|
|
278
259
|
},
|
|
279
260
|
{
|
|
@@ -283,6 +264,7 @@
|
|
|
283
264
|
"text": "() => Promise<Asset[]> | undefined"
|
|
284
265
|
},
|
|
285
266
|
"privacy": "public",
|
|
267
|
+
"readonly": true,
|
|
286
268
|
"attribute": "dataProvider"
|
|
287
269
|
},
|
|
288
270
|
{
|
|
@@ -292,6 +274,7 @@
|
|
|
292
274
|
"text": "boolean"
|
|
293
275
|
},
|
|
294
276
|
"privacy": "public",
|
|
277
|
+
"readonly": true,
|
|
295
278
|
"default": "false",
|
|
296
279
|
"attribute": "readonly"
|
|
297
280
|
},
|
|
@@ -312,6 +295,7 @@
|
|
|
312
295
|
"text": "boolean"
|
|
313
296
|
},
|
|
314
297
|
"privacy": "public",
|
|
298
|
+
"readonly": true,
|
|
315
299
|
"default": "false",
|
|
316
300
|
"attribute": "disableSubscribe"
|
|
317
301
|
},
|
|
@@ -394,6 +378,17 @@
|
|
|
394
378
|
"default": "false",
|
|
395
379
|
"attribute": "checkboxes"
|
|
396
380
|
},
|
|
381
|
+
{
|
|
382
|
+
"kind": "field",
|
|
383
|
+
"name": "queryLimit",
|
|
384
|
+
"type": {
|
|
385
|
+
"text": "number"
|
|
386
|
+
},
|
|
387
|
+
"privacy": "public",
|
|
388
|
+
"readonly": true,
|
|
389
|
+
"default": "100",
|
|
390
|
+
"attribute": "queryLimit"
|
|
391
|
+
},
|
|
397
392
|
{
|
|
398
393
|
"kind": "field",
|
|
399
394
|
"name": "config",
|
|
@@ -463,15 +458,6 @@
|
|
|
463
458
|
"privacy": "protected",
|
|
464
459
|
"default": "new OrAssetTreeFilter()"
|
|
465
460
|
},
|
|
466
|
-
{
|
|
467
|
-
"kind": "field",
|
|
468
|
-
"name": "_searchInputTimer",
|
|
469
|
-
"type": {
|
|
470
|
-
"text": "number | undefined"
|
|
471
|
-
},
|
|
472
|
-
"privacy": "protected",
|
|
473
|
-
"default": "undefined"
|
|
474
|
-
},
|
|
475
461
|
{
|
|
476
462
|
"kind": "field",
|
|
477
463
|
"name": "_clearIconContainer",
|
|
@@ -539,6 +525,24 @@
|
|
|
539
525
|
"privacy": "protected",
|
|
540
526
|
"default": "[]"
|
|
541
527
|
},
|
|
528
|
+
{
|
|
529
|
+
"kind": "field",
|
|
530
|
+
"name": "_hasMoreParents",
|
|
531
|
+
"type": {
|
|
532
|
+
"text": "boolean"
|
|
533
|
+
},
|
|
534
|
+
"privacy": "protected",
|
|
535
|
+
"default": "false"
|
|
536
|
+
},
|
|
537
|
+
{
|
|
538
|
+
"kind": "field",
|
|
539
|
+
"name": "_incompleteParentIds",
|
|
540
|
+
"type": {
|
|
541
|
+
"text": "string[]"
|
|
542
|
+
},
|
|
543
|
+
"privacy": "protected",
|
|
544
|
+
"default": "[]"
|
|
545
|
+
},
|
|
542
546
|
{
|
|
543
547
|
"kind": "field",
|
|
544
548
|
"name": "_dragDropParentId",
|
|
@@ -932,19 +936,6 @@
|
|
|
932
936
|
}
|
|
933
937
|
}
|
|
934
938
|
},
|
|
935
|
-
{
|
|
936
|
-
"kind": "method",
|
|
937
|
-
"name": "_onFilterInputEvent",
|
|
938
|
-
"privacy": "protected",
|
|
939
|
-
"parameters": [
|
|
940
|
-
{
|
|
941
|
-
"name": "_e",
|
|
942
|
-
"type": {
|
|
943
|
-
"text": "KeyboardEvent"
|
|
944
|
-
}
|
|
945
|
-
}
|
|
946
|
-
]
|
|
947
|
-
},
|
|
948
939
|
{
|
|
949
940
|
"kind": "method",
|
|
950
941
|
"name": "_onFilterInput",
|
|
@@ -960,12 +951,6 @@
|
|
|
960
951
|
"type": {
|
|
961
952
|
"text": "string | undefined"
|
|
962
953
|
}
|
|
963
|
-
},
|
|
964
|
-
{
|
|
965
|
-
"name": "force",
|
|
966
|
-
"type": {
|
|
967
|
-
"text": "boolean"
|
|
968
|
-
}
|
|
969
954
|
}
|
|
970
955
|
]
|
|
971
956
|
},
|
|
@@ -980,7 +965,7 @@
|
|
|
980
965
|
"privacy": "protected",
|
|
981
966
|
"return": {
|
|
982
967
|
"type": {
|
|
983
|
-
"text": "Promise<((asset: Asset) => boolean)>"
|
|
968
|
+
"text": "Promise<{ matcher: ((asset: Asset) => boolean), assets?: Asset[]}>"
|
|
984
969
|
}
|
|
985
970
|
},
|
|
986
971
|
"parameters": [
|
|
@@ -1008,7 +993,7 @@
|
|
|
1008
993
|
"privacy": "protected",
|
|
1009
994
|
"return": {
|
|
1010
995
|
"type": {
|
|
1011
|
-
"text": "Promise<((asset: Asset) => boolean)>"
|
|
996
|
+
"text": "Promise<{ assets: Asset[], matcher: ((asset: Asset) => boolean)}>"
|
|
1012
997
|
}
|
|
1013
998
|
}
|
|
1014
999
|
},
|
|
@@ -1134,10 +1119,58 @@
|
|
|
1134
1119
|
}
|
|
1135
1120
|
}
|
|
1136
1121
|
},
|
|
1122
|
+
{
|
|
1123
|
+
"kind": "method",
|
|
1124
|
+
"name": "_getOrderBy",
|
|
1125
|
+
"privacy": "protected",
|
|
1126
|
+
"return": {
|
|
1127
|
+
"type": {
|
|
1128
|
+
"text": "AssetQueryOrderBy$Property"
|
|
1129
|
+
}
|
|
1130
|
+
},
|
|
1131
|
+
"parameters": [
|
|
1132
|
+
{
|
|
1133
|
+
"name": "sortBy",
|
|
1134
|
+
"optional": true,
|
|
1135
|
+
"type": {
|
|
1136
|
+
"text": "string"
|
|
1137
|
+
}
|
|
1138
|
+
}
|
|
1139
|
+
]
|
|
1140
|
+
},
|
|
1137
1141
|
{
|
|
1138
1142
|
"kind": "method",
|
|
1139
1143
|
"name": "_loadAssets",
|
|
1140
|
-
"privacy": "protected"
|
|
1144
|
+
"privacy": "protected",
|
|
1145
|
+
"return": {
|
|
1146
|
+
"type": {
|
|
1147
|
+
"text": "Promise<AssetTreeEvent | undefined>"
|
|
1148
|
+
}
|
|
1149
|
+
},
|
|
1150
|
+
"parameters": [
|
|
1151
|
+
{
|
|
1152
|
+
"name": "parentId",
|
|
1153
|
+
"optional": true,
|
|
1154
|
+
"type": {
|
|
1155
|
+
"text": "string"
|
|
1156
|
+
},
|
|
1157
|
+
"description": "The parent ID an asset MUST be a child of during WebSocket retrieval. This is useful for pagination."
|
|
1158
|
+
},
|
|
1159
|
+
{
|
|
1160
|
+
"name": "offset",
|
|
1161
|
+
"default": "0",
|
|
1162
|
+
"description": "Offset number of the assets to request through WebSocket. This is useful for pagination."
|
|
1163
|
+
},
|
|
1164
|
+
{
|
|
1165
|
+
"name": "cache",
|
|
1166
|
+
"optional": true,
|
|
1167
|
+
"type": {
|
|
1168
|
+
"text": "Asset[]"
|
|
1169
|
+
},
|
|
1170
|
+
"description": "An array of assets to populate the tree with alongside the retrieved nodes."
|
|
1171
|
+
}
|
|
1172
|
+
],
|
|
1173
|
+
"description": "Main function to load assets and populate the tree.\nBased on the HTML attributes of this component, it either fetches using a WebSocket connection or using a dataProvider.\nOnce retrieved, these assets will be passed along to the _buildTreeNodes to construct the tree nodes.\nIf the user has applied a filter, it will also be taken into count using _doFiltering."
|
|
1141
1174
|
},
|
|
1142
1175
|
{
|
|
1143
1176
|
"kind": "method",
|
|
@@ -1191,15 +1224,16 @@
|
|
|
1191
1224
|
"name": "assets",
|
|
1192
1225
|
"type": {
|
|
1193
1226
|
"text": "Asset[]"
|
|
1194
|
-
}
|
|
1227
|
+
},
|
|
1228
|
+
"description": "List of assets to display in the tree"
|
|
1195
1229
|
},
|
|
1196
1230
|
{
|
|
1197
1231
|
"name": "sortFunction",
|
|
1198
|
-
"
|
|
1199
|
-
|
|
1200
|
-
}
|
|
1232
|
+
"default": "this._getSortFunction()",
|
|
1233
|
+
"description": "Optional sorting function for ordering the nodes"
|
|
1201
1234
|
}
|
|
1202
|
-
]
|
|
1235
|
+
],
|
|
1236
|
+
"description": "Function that creates and constructs the tree node objects to display."
|
|
1203
1237
|
},
|
|
1204
1238
|
{
|
|
1205
1239
|
"kind": "method",
|
|
@@ -1366,15 +1400,18 @@
|
|
|
1366
1400
|
"name": "treeNode",
|
|
1367
1401
|
"type": {
|
|
1368
1402
|
"text": "UiAssetTreeNode"
|
|
1369
|
-
}
|
|
1403
|
+
},
|
|
1404
|
+
"description": "Node to display"
|
|
1370
1405
|
},
|
|
1371
1406
|
{
|
|
1372
1407
|
"name": "level",
|
|
1373
1408
|
"type": {
|
|
1374
1409
|
"text": "number"
|
|
1375
|
-
}
|
|
1410
|
+
},
|
|
1411
|
+
"description": "Level of depth in the tree from 0 to infinite. (0 = top level. If it has 2 parents, level = 2)"
|
|
1376
1412
|
}
|
|
1377
|
-
]
|
|
1413
|
+
],
|
|
1414
|
+
"description": "Generates the HTML TemplateResult for an individual node / tree item."
|
|
1378
1415
|
},
|
|
1379
1416
|
{
|
|
1380
1417
|
"kind": "method",
|
|
@@ -1416,28 +1453,16 @@
|
|
|
1416
1453
|
"type": {
|
|
1417
1454
|
"text": "Asset[] | undefined"
|
|
1418
1455
|
},
|
|
1456
|
+
"readonly": true,
|
|
1419
1457
|
"description": "Allows arbitrary assets to be displayed using a tree",
|
|
1420
1458
|
"fieldName": "assets"
|
|
1421
1459
|
},
|
|
1422
|
-
{
|
|
1423
|
-
"name": "assetInfos",
|
|
1424
|
-
"type": {
|
|
1425
|
-
"text": "AssetTypeInfo[] | undefined"
|
|
1426
|
-
},
|
|
1427
|
-
"fieldName": "assetInfos"
|
|
1428
|
-
},
|
|
1429
|
-
{
|
|
1430
|
-
"name": "_assetIdsOverride",
|
|
1431
|
-
"type": {
|
|
1432
|
-
"text": "string[] | undefined"
|
|
1433
|
-
},
|
|
1434
|
-
"fieldName": "_assetIdsOverride"
|
|
1435
|
-
},
|
|
1436
1460
|
{
|
|
1437
1461
|
"name": "rootAssets",
|
|
1438
1462
|
"type": {
|
|
1439
1463
|
"text": "Asset[] | undefined"
|
|
1440
1464
|
},
|
|
1465
|
+
"readonly": true,
|
|
1441
1466
|
"fieldName": "rootAssets"
|
|
1442
1467
|
},
|
|
1443
1468
|
{
|
|
@@ -1445,6 +1470,7 @@
|
|
|
1445
1470
|
"type": {
|
|
1446
1471
|
"text": "string[] | undefined"
|
|
1447
1472
|
},
|
|
1473
|
+
"readonly": true,
|
|
1448
1474
|
"fieldName": "rootAssetIds"
|
|
1449
1475
|
},
|
|
1450
1476
|
{
|
|
@@ -1452,6 +1478,7 @@
|
|
|
1452
1478
|
"type": {
|
|
1453
1479
|
"text": "() => Promise<Asset[]> | undefined"
|
|
1454
1480
|
},
|
|
1481
|
+
"readonly": true,
|
|
1455
1482
|
"fieldName": "dataProvider"
|
|
1456
1483
|
},
|
|
1457
1484
|
{
|
|
@@ -1459,6 +1486,7 @@
|
|
|
1459
1486
|
"type": {
|
|
1460
1487
|
"text": "boolean"
|
|
1461
1488
|
},
|
|
1489
|
+
"readonly": true,
|
|
1462
1490
|
"default": "false",
|
|
1463
1491
|
"fieldName": "readonly"
|
|
1464
1492
|
},
|
|
@@ -1475,6 +1503,7 @@
|
|
|
1475
1503
|
"type": {
|
|
1476
1504
|
"text": "boolean"
|
|
1477
1505
|
},
|
|
1506
|
+
"readonly": true,
|
|
1478
1507
|
"default": "false",
|
|
1479
1508
|
"fieldName": "disableSubscribe"
|
|
1480
1509
|
},
|
|
@@ -1540,6 +1569,15 @@
|
|
|
1540
1569
|
},
|
|
1541
1570
|
"default": "false",
|
|
1542
1571
|
"fieldName": "checkboxes"
|
|
1572
|
+
},
|
|
1573
|
+
{
|
|
1574
|
+
"name": "queryLimit",
|
|
1575
|
+
"type": {
|
|
1576
|
+
"text": "number"
|
|
1577
|
+
},
|
|
1578
|
+
"readonly": true,
|
|
1579
|
+
"default": "100",
|
|
1580
|
+
"fieldName": "queryLimit"
|
|
1543
1581
|
}
|
|
1544
1582
|
],
|
|
1545
1583
|
"mixins": [
|
|
@@ -1637,14 +1675,6 @@
|
|
|
1637
1675
|
"module": "src/index.ts"
|
|
1638
1676
|
}
|
|
1639
1677
|
},
|
|
1640
|
-
{
|
|
1641
|
-
"kind": "js",
|
|
1642
|
-
"name": "getAssetTypes",
|
|
1643
|
-
"declaration": {
|
|
1644
|
-
"name": "getAssetTypes",
|
|
1645
|
-
"module": "src/index.ts"
|
|
1646
|
-
}
|
|
1647
|
-
},
|
|
1648
1678
|
{
|
|
1649
1679
|
"kind": "js",
|
|
1650
1680
|
"name": "OrAssetTree",
|
|
@@ -1922,7 +1952,7 @@
|
|
|
1922
1952
|
{
|
|
1923
1953
|
"kind": "variable",
|
|
1924
1954
|
"name": "style",
|
|
1925
|
-
"default": "css` :host { --internal-or-asset-tree-header-color: var(--or-asset-tree-header-color, var(--or-app-color4, ${unsafeCSS(DefaultColor4)})); --internal-or-asset-tree-header-text-color: var(--or-asset-tree-header-text-color, var(--or-app-color8, ${unsafeCSS(DefaultColor8)})); --internal-or-asset-tree-header-menu-background-color: var(--or-asset-tree-header-menu-background-color, var(--internal-or-asset-tree-header-text-color)); --internal-or-asset-tree-header-menu-text-color: var(--or-asset-tree-header-menu-text-color, inherit); --internal-or-asset-tree-header-height: var(--or-asset-tree-header-height, 48px); --internal-or-asset-tree-background-color: var(--or-asset-tree-background-color, var(--or-app-color1, ${unsafeCSS(DefaultColor1)})); --internal-or-asset-tree-text-color: var(--or-asset-tree-text-color, inherit); --internal-or-asset-tree-item-height: var(--or-asset-tree-item-height, 24px); --internal-or-asset-tree-item-padding: var(--or-asset-tree-item-padding, 10px); --internal-or-asset-tree-selected-background-color: var(--or-asset-tree-selected-background-color, var(--or-app-color2, ${unsafeCSS(DefaultColor2)})); --internal-or-asset-tree-selected-color: var(--or-asset-tree-selected-color, var(--or-app-color4, ${unsafeCSS(DefaultColor4)})); --internal-or-asset-tree-button-color: var(--or-asset-tree-button-color, var(--or-app-color4, ${unsafeCSS(DefaultColor4)})); --internal-or-asset-tree-line-color: var(--or-asset-tree-line-color, var(--or-app-color5, ${unsafeCSS(DefaultColor5)})); display: flex; flex-direction: column; height: 100%; width: 100%; background-color: var(--internal-or-asset-tree-background-color); } *[hidden] { display: none; } button { background-color: var(--internal-or-asset-tree-button-color); color: var(--internal-or-asset-tree-background-color); --or-icon-width: 20px; --or-icon-height: 20px; --or-icon-fill: var(--internal-or-asset-tree-background-color); border: none; padding: 0 6px; display: inline-block; cursor: pointer; opacity: 0.8; } button:focus, button:hover { outline: 0; opacity: 1; } #header { background-color: var(--internal-or-asset-tree-header-color); display: flex; align-items: center; width: 100%; height: var(--internal-or-asset-tree-header-height); border-bottom: 1px solid ${unsafeCSS(DefaultColor5)}; z-index: 1000; line-height: var(--internal-or-asset-tree-header-height); color: var(--internal-or-asset-tree-header-text-color); --or-icon-fill: var(--internal-or-asset-tree-header-text-color); } #title-container { flex: 1 0 auto; flex-direction: row; text-transform: capitalize; padding-left: 15px; } #title { font-weight: 500; font-size: 16px; } #realm-picker { outline: none; margin-left: 5px; text-transform: none; font-size: 14px; } #header-btns { display: flex; flex-direction: row; padding-right: 5px; } #list-container { flex: 1 1 auto; overflow: auto; font-size: 14px; } #list { margin: 0; color: var(--internal-or-asset-tree-text-color); padding: 0; } #list, ol { list-style-type: none; } li ol { padding: 0; } #list li:not([data-expanded]) > ol { display: none; } #list li[data-selected] > .node-container, #list li > .node-container:hover { background-color: var(--internal-or-asset-tree-selected-background-color); } #list li[data-selected] > .node-container { border-left-color: var(--internal-or-asset-tree-selected-color); } .asset-list-element .over { background-color: ${unsafeCSS(DefaultColor5)}; } .in-between-element { position: relative; height: 2px; } .in-between-element.over { padding: 5px 0; margin: -5px 0; } .end-element { height: 44px; } .node-container { display: flex; border-left: 4px solid transparent; user-select: none; cursor: pointer; height: var(--internal-or-asset-tree-item-height); line-height: var(--internal-or-asset-tree-item-height); padding-top: var(--internal-or-asset-tree-item-padding); padding-bottom: var(--internal-or-asset-tree-item-padding); } .node-container > * { flex: 0 0 auto; } .expander { width: 36px; height: 100%; display: inline-block; background-repeat: no-repeat; background-size: 18px; background-position: center; margin-left: -4px; border-left: 4px solid transparent; } .expander[data-expandable] { background-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='rgb(204, 204, 204)' viewBox='0 0 24 24'%3E%3Cpath d='${unsafeCSS(mdiChevronRight)}'/%3E%3C/svg%3E\"); } .expander[data-expandable]:hover { background-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='${unsafeCSS(mdiChevronRight)}'/%3E%3C/svg%3E\"); } li[data-expanded] > .node-container .expander { background-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='${unsafeCSS(mdiChevronDown)}'/%3E%3C/svg%3E\") !important; } .node-name { margin: -4px 0; flex: 1 0 auto; display: flex; align-items: center; } .node-name > span { vertical-align: middle; } .node-name > or-icon { --or-icon-width: 18px; --or-icon-height: 18px; margin-right: 8px; } #loading { flex: 1 0 auto; display: inline-flex; align-items: center; text-align: center; margin: 0 auto; font-size: 14px; } @media only screen and (min-width: 768px){ .expander { width: 26px; } } .mdc-list-item__graphic { margin-left: auto; display: flex; margin-right: 5px; } .mdc-checkbox { display: flex; height: 100%; align-items: center; } .mdc-checkbox or-icon { height: 15px; width: auto; color: var(--internal-or-asset-tree-line-color); } .mdc-checkbox or-icon.mdc-checkbox--parent { height: 17px; } .mdc-checkbox or-icon[icon=\"checkbox-marked\"], .mdc-checkbox or-icon[icon=\"checkbox-multiple-marked\"], .mdc-checkbox or-icon[icon=\"checkbox-multiple-marked-outline\"] { color: var(--internal-or-asset-tree-selected-color); } #asset-tree-filter { display: flex; align-items: center; position: relative; background-color: var(--internal-or-asset-tree-selected-background-color); } #filterInput { padding: 7px 12px 7px 7px; } #filterAssetTypeDownIcon { width: 16px; height: 16px; position: absolute; right: 20px; padding-right: 14px; cursor: pointer; } #filterSettingsIcon { cursor: pointer; margin-right: 12px; } #asset-tree-filter-setting { position: absolute; background-color: var(--internal-or-asset-tree-background-color); top: calc(var(--internal-or-asset-tree-header-height) + var(--internal-or-header-height, 50px) - 1px); display: none; width: 300px; z-index: 100; box-shadow: rgb(0 0 0 / 21%) 0px 1px 3px 0px; box-sizing: border-box; padding: 10px; } #asset-tree-filter-setting .advanced-filter { display: flex; flex-direction: column; } #asset-tree-filter-setting.visible { display: block; } .filterAssetType { display: flex; align-items: center; } #clearIconContainer.visible { display: block; } #noAssetsFound { flex: 1 0 auto; display: inline-flex; align-items: center; text-align: center; margin: 0 auto; font-size: 14px; } .filterMatching { color: #808080; } .draggable { cursor: pointer; } .draggable:active[draggable=\"true\"] { cursor: grabbing; } `"
|
|
1955
|
+
"default": "css` :host { --internal-or-asset-tree-header-color: var(--or-asset-tree-header-color, var(--or-app-color4, ${unsafeCSS(DefaultColor4)})); --internal-or-asset-tree-header-text-color: var(--or-asset-tree-header-text-color, var(--or-app-color8, ${unsafeCSS(DefaultColor8)})); --internal-or-asset-tree-header-menu-background-color: var(--or-asset-tree-header-menu-background-color, var(--internal-or-asset-tree-header-text-color)); --internal-or-asset-tree-header-menu-text-color: var(--or-asset-tree-header-menu-text-color, inherit); --internal-or-asset-tree-header-height: var(--or-asset-tree-header-height, 48px); --internal-or-asset-tree-background-color: var(--or-asset-tree-background-color, var(--or-app-color1, ${unsafeCSS(DefaultColor1)})); --internal-or-asset-tree-text-color: var(--or-asset-tree-text-color, inherit); --internal-or-asset-tree-item-height: var(--or-asset-tree-item-height, 24px); --internal-or-asset-tree-item-padding: var(--or-asset-tree-item-padding, 10px); --internal-or-asset-tree-selected-background-color: var(--or-asset-tree-selected-background-color, var(--or-app-color2, ${unsafeCSS(DefaultColor2)})); --internal-or-asset-tree-selected-color: var(--or-asset-tree-selected-color, var(--or-app-color4, ${unsafeCSS(DefaultColor4)})); --internal-or-asset-tree-button-color: var(--or-asset-tree-button-color, var(--or-app-color4, ${unsafeCSS(DefaultColor4)})); --internal-or-asset-tree-line-color: var(--or-asset-tree-line-color, var(--or-app-color5, ${unsafeCSS(DefaultColor5)})); display: flex; flex-direction: column; height: 100%; width: 100%; background-color: var(--internal-or-asset-tree-background-color); } *[hidden] { display: none; } button { background-color: var(--internal-or-asset-tree-button-color); color: var(--internal-or-asset-tree-background-color); --or-icon-width: 20px; --or-icon-height: 20px; --or-icon-fill: var(--internal-or-asset-tree-background-color); border: none; padding: 0 6px; display: inline-block; cursor: pointer; opacity: 0.8; } button:focus, button:hover { outline: 0; opacity: 1; } #header { background-color: var(--internal-or-asset-tree-header-color); display: flex; align-items: center; width: 100%; height: var(--internal-or-asset-tree-header-height); border-bottom: 1px solid ${unsafeCSS(DefaultColor5)}; z-index: 1000; line-height: var(--internal-or-asset-tree-header-height); color: var(--internal-or-asset-tree-header-text-color); --or-icon-fill: var(--internal-or-asset-tree-header-text-color); } #title-container { flex: 1 0 auto; flex-direction: row; text-transform: capitalize; padding-left: 15px; } #title { font-weight: 500; font-size: 16px; } #realm-picker { outline: none; margin-left: 5px; text-transform: none; font-size: 14px; } #header-btns { display: flex; flex-direction: row; padding-right: 5px; } #list-container { flex: 1 1 auto; overflow: auto; font-size: 14px; } #list { margin: 0; color: var(--internal-or-asset-tree-text-color); padding: 0; height: 100%; } #list, ol { list-style-type: none; } li ol { padding: 0; } #list li { width: 100%; } #list li:not([data-expanded]) > ol { display: none; } #list li[data-selected] > .node-container, #list li > .node-container:hover { background-color: var(--internal-or-asset-tree-selected-background-color); } #list li[data-selected] > .node-container { border-left-color: var(--internal-or-asset-tree-selected-color); } .asset-list-element .over { background-color: ${unsafeCSS(DefaultColor5)}; } .in-between-element { position: relative; height: 2px; } .in-between-element.over { padding: 5px 0; margin: -5px 0; } .end-element, .loadmore-element { height: 44px; } .loadmore-element { display: flex; padding-left: 15px; align-items: center; } .node-container { display: flex; border-left: 4px solid transparent; user-select: none; cursor: pointer; height: var(--internal-or-asset-tree-item-height); line-height: var(--internal-or-asset-tree-item-height); padding-top: var(--internal-or-asset-tree-item-padding); padding-bottom: var(--internal-or-asset-tree-item-padding); } .node-container > * { flex: 0 0 auto; } .expander { width: 36px; height: 100%; display: inline-block; background-repeat: no-repeat; background-size: 18px; background-position: center; margin-left: -4px; border-left: 4px solid transparent; } .expander[data-expandable] { background-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='rgb(204, 204, 204)' viewBox='0 0 24 24'%3E%3Cpath d='${unsafeCSS(mdiChevronRight)}'/%3E%3C/svg%3E\"); } .expander[data-expandable]:hover { background-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='${unsafeCSS(mdiChevronRight)}'/%3E%3C/svg%3E\"); } li[data-expanded] > .node-container .expander { background-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='${unsafeCSS(mdiChevronDown)}'/%3E%3C/svg%3E\") !important; } .node-name { margin: -4px 0; flex: 1 0 auto; display: flex; align-items: center; } .node-name > span { vertical-align: middle; } .node-name > or-icon { --or-icon-width: 18px; --or-icon-height: 18px; margin-right: 8px; } #loading { flex: 1 0 auto; display: inline-flex; align-items: center; text-align: center; margin: 0 auto; font-size: 14px; } @media only screen and (min-width: 768px){ .expander { width: 26px; } } .mdc-list-item__graphic { margin-left: auto; display: flex; margin-right: 5px; } .mdc-checkbox { display: flex; height: 100%; align-items: center; } .mdc-checkbox or-icon { height: 15px; width: auto; color: var(--internal-or-asset-tree-line-color); } .mdc-checkbox or-icon.mdc-checkbox--parent { height: 17px; } .mdc-checkbox or-icon[icon=\"checkbox-marked\"], .mdc-checkbox or-icon[icon=\"checkbox-multiple-marked\"], .mdc-checkbox or-icon[icon=\"checkbox-multiple-marked-outline\"] { color: var(--internal-or-asset-tree-selected-color); } #asset-tree-filter { display: flex; align-items: center; position: relative; background-color: var(--internal-or-asset-tree-selected-background-color); } #filterInput { padding: 7px 12px 7px 7px; } #filterAssetTypeDownIcon { width: 16px; height: 16px; position: absolute; right: 20px; padding-right: 14px; cursor: pointer; } #filterSettingsIcon { cursor: pointer; margin-right: 12px; } #asset-tree-filter-setting { position: absolute; background-color: var(--internal-or-asset-tree-background-color); top: calc(var(--internal-or-asset-tree-header-height) + var(--internal-or-header-height, 50px) - 1px); display: none; width: 300px; z-index: 100; box-shadow: rgb(0 0 0 / 21%) 0px 1px 3px 0px; box-sizing: border-box; padding: 10px; } #asset-tree-filter-setting .advanced-filter { display: flex; flex-direction: column; } #asset-tree-filter-setting.visible { display: block; } .filterAssetType { display: flex; align-items: center; } #clearIconContainer.visible { display: block; } #noAssetsFound { flex: 1 0 auto; display: inline-flex; align-items: center; text-align: center; margin: 0 auto; font-size: 14px; } .filterMatching { color: #808080; } .draggable { cursor: pointer; } .draggable:active[draggable=\"true\"] { cursor: grabbing; } `"
|
|
1926
1956
|
}
|
|
1927
1957
|
],
|
|
1928
1958
|
"exports": [
|