@oicl/openbridge-webcomponents 2.0.0-next.63 → 2.0.0-next.65
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/bundle/openbridge-webcomponents.bundle.js +392 -381
- package/bundle/openbridge-webcomponents.bundle.js.map +1 -1
- package/custom-elements.json +57 -199
- package/dist/alert-severity.d.ts.map +1 -1
- package/dist/alert-severity.js +37 -35
- package/dist/alert-severity.js.map +1 -1
- package/dist/ar/building-blocks/poi-header/poi-header.css.js +15 -15
- package/dist/ar/building-blocks/poi-header/poi-header.d.ts +6 -6
- package/dist/ar/building-blocks/poi-header/poi-header.d.ts.map +1 -1
- package/dist/ar/building-blocks/poi-header/poi-header.js +5 -5
- package/dist/ar/building-blocks/poi-header/poi-header.js.map +1 -1
- package/dist/ar/poi-button/poi-button.css.js +31 -30
- package/dist/ar/poi-button/poi-button.css.js.map +1 -1
- package/dist/ar/poi-button/poi-button.d.ts +6 -6
- package/dist/ar/poi-button/poi-button.d.ts.map +1 -1
- package/dist/ar/poi-button/poi-button.js +15 -15
- package/dist/ar/poi-button/poi-button.js.map +1 -1
- package/dist/ar/types.d.ts +5 -5
- package/dist/ar/types.d.ts.map +1 -1
- package/dist/ar/types.js +5 -5
- package/dist/ar/types.js.map +1 -1
- package/dist/automation/automation-badge/automation-badge.d.ts +7 -7
- package/dist/automation/automation-badge/automation-badge.d.ts.map +1 -1
- package/dist/automation/automation-badge/automation-badge.js +29 -29
- package/dist/automation/automation-badge/automation-badge.js.map +1 -1
- package/dist/automation/automation-button/abstract-automation-button.d.ts +5 -5
- package/dist/automation/automation-button/abstract-automation-button.d.ts.map +1 -1
- package/dist/automation/automation-button/abstract-automation-button.js +15 -15
- package/dist/automation/automation-button/abstract-automation-button.js.map +1 -1
- package/dist/automation/automation-tank/automation-tank.js +10 -10
- package/dist/automation/automation-tank/automation-tank.js.map +1 -1
- package/dist/components/accordion-card/accordion-card.css.js +5 -5
- package/dist/components/alert-button/alert-button.css.js +128 -128
- package/dist/components/alert-frame/alert-frame.css.js +6 -6
- package/dist/components/alert-frame/alert-frame.d.ts +4 -4
- package/dist/components/alert-frame/alert-frame.js.map +1 -1
- package/dist/components/alert-icon/alert-icon.js +4 -4
- package/dist/components/alert-icon/alert-icon.js.map +1 -1
- package/dist/components/badge/badge.css.js +10 -10
- package/dist/components/badge/badge.d.ts +13 -13
- package/dist/components/badge/badge.d.ts.map +1 -1
- package/dist/components/badge/badge.js +10 -10
- package/dist/components/badge/badge.js.map +1 -1
- package/dist/components/navigation-item/navigation-item.d.ts +7 -7
- package/dist/components/navigation-item/navigation-item.d.ts.map +1 -1
- package/dist/components/navigation-item/navigation-item.js +3 -15
- package/dist/components/navigation-item/navigation-item.js.map +1 -1
- package/dist/components/navigation-item-group/navigation-item-group.d.ts +8 -7
- package/dist/components/navigation-item-group/navigation-item-group.d.ts.map +1 -1
- package/dist/components/navigation-item-group/navigation-item-group.js +3 -15
- package/dist/components/navigation-item-group/navigation-item-group.js.map +1 -1
- package/dist/components/navigation-menu/navigation-menu.d.ts +2 -2
- package/dist/components/navigation-menu/navigation-menu.js.map +1 -1
- package/dist/components/tree-navigation-group/tree-navigation-group.d.ts +10 -10
- package/dist/components/tree-navigation-group/tree-navigation-group.d.ts.map +1 -1
- package/dist/components/tree-navigation-group/tree-navigation-group.js +3 -15
- package/dist/components/tree-navigation-group/tree-navigation-group.js.map +1 -1
- package/dist/components/tree-navigation-item/tree-navigation-item.css.js +13 -0
- package/dist/components/tree-navigation-item/tree-navigation-item.css.js.map +1 -1
- package/dist/components/tree-navigation-item/tree-navigation-item.d.ts +59 -8
- package/dist/components/tree-navigation-item/tree-navigation-item.d.ts.map +1 -1
- package/dist/components/tree-navigation-item/tree-navigation-item.js +46 -17
- package/dist/components/tree-navigation-item/tree-navigation-item.js.map +1 -1
- package/dist/manual-icon/icon-alerts-critical-twotone.d.ts +1 -1
- package/dist/manual-icon/icon-alerts-critical-twotone.js.map +1 -1
- package/dist/manual-icon/icon-alerts-diagnostic-twotone.d.ts +1 -1
- package/dist/manual-icon/icon-alerts-diagnostic-twotone.js.map +1 -1
- package/dist/types.d.ts +5 -5
- package/dist/types.d.ts.map +1 -1
- package/dist/types.js +11 -11
- package/dist/types.js.map +1 -1
- package/package.json +1 -1
|
@@ -9,23 +9,23 @@ var AlertType = /* @__PURE__ */ ((AlertType2) => {
|
|
|
9
9
|
AlertType2["Alarm"] = "alarm";
|
|
10
10
|
AlertType2["Warning"] = "warning";
|
|
11
11
|
AlertType2["Caution"] = "caution";
|
|
12
|
-
AlertType2["
|
|
13
|
-
AlertType2["
|
|
14
|
-
AlertType2["
|
|
15
|
-
AlertType2["
|
|
16
|
-
AlertType2["
|
|
12
|
+
AlertType2["LevelCritical"] = "level-critical";
|
|
13
|
+
AlertType2["LevelHigh"] = "level-high";
|
|
14
|
+
AlertType2["LevelMedium"] = "level-medium";
|
|
15
|
+
AlertType2["LevelLow"] = "level-low";
|
|
16
|
+
AlertType2["LevelDiagnostic"] = "level-diagnostic";
|
|
17
17
|
return AlertType2;
|
|
18
18
|
})(AlertType || {});
|
|
19
19
|
const ALERT_SEVERITY_PRIORITY = [
|
|
20
|
-
"
|
|
20
|
+
"level-critical",
|
|
21
21
|
"alarm",
|
|
22
|
-
"
|
|
22
|
+
"level-high",
|
|
23
23
|
"warning",
|
|
24
|
-
"
|
|
24
|
+
"level-medium",
|
|
25
25
|
"caution",
|
|
26
|
-
"
|
|
27
|
-
"
|
|
28
|
-
/*
|
|
26
|
+
"level-low",
|
|
27
|
+
"level-diagnostic"
|
|
28
|
+
/* LevelDiagnostic */
|
|
29
29
|
];
|
|
30
30
|
var AlertCategory = /* @__PURE__ */ ((AlertCategory2) => {
|
|
31
31
|
AlertCategory2["a"] = "a";
|
|
@@ -1228,29 +1228,29 @@ const componentStyle$1t = i$7`
|
|
|
1228
1228
|
}
|
|
1229
1229
|
|
|
1230
1230
|
.wrapper.type-id.state-caution,
|
|
1231
|
-
.wrapper.type-id.state-
|
|
1231
|
+
.wrapper.type-id.state-level-low {
|
|
1232
1232
|
background: var(--alert-caution-color);
|
|
1233
1233
|
border: 1px solid var(--alert-caution-outline-color);
|
|
1234
1234
|
}
|
|
1235
1235
|
|
|
1236
1236
|
.wrapper.type-id.state-warning,
|
|
1237
|
-
.wrapper.type-id.state-
|
|
1237
|
+
.wrapper.type-id.state-level-medium {
|
|
1238
1238
|
background: var(--alert-warning-color);
|
|
1239
1239
|
border: 1px solid var(--alert-warning-outline-color);
|
|
1240
1240
|
}
|
|
1241
1241
|
|
|
1242
1242
|
.wrapper.type-id.state-alarm,
|
|
1243
|
-
.wrapper.type-id.state-
|
|
1243
|
+
.wrapper.type-id.state-level-high {
|
|
1244
1244
|
background: var(--alert-alarm-color);
|
|
1245
1245
|
border: 1px solid var(--alert-alarm-outline-color);
|
|
1246
1246
|
}
|
|
1247
1247
|
|
|
1248
|
-
.wrapper.type-id.state-
|
|
1248
|
+
.wrapper.type-id.state-level-critical {
|
|
1249
1249
|
background: var(--critical-enabled-background-color);
|
|
1250
1250
|
border: 1px solid var(--critical-enabled-border-color);
|
|
1251
1251
|
}
|
|
1252
1252
|
|
|
1253
|
-
.wrapper.type-id.state-
|
|
1253
|
+
.wrapper.type-id.state-level-diagnostic {
|
|
1254
1254
|
background: var(--notification-enabled-background-color);
|
|
1255
1255
|
border: 1px solid var(--notification-enabled-border-color);
|
|
1256
1256
|
}
|
|
@@ -1260,11 +1260,11 @@ const componentStyle$1t = i$7`
|
|
|
1260
1260
|
.state-caution,
|
|
1261
1261
|
.state-warning,
|
|
1262
1262
|
.state-alarm,
|
|
1263
|
-
.state-
|
|
1264
|
-
.state-
|
|
1265
|
-
.state-
|
|
1266
|
-
.state-
|
|
1267
|
-
.state-
|
|
1263
|
+
.state-level-critical,
|
|
1264
|
+
.state-level-high,
|
|
1265
|
+
.state-level-medium,
|
|
1266
|
+
.state-level-low,
|
|
1267
|
+
.state-level-diagnostic
|
|
1268
1268
|
) {
|
|
1269
1269
|
background: var(--overlay-container-background-color);
|
|
1270
1270
|
border: 1px solid var(--overlay-border-outline-color);
|
|
@@ -1326,29 +1326,29 @@ const componentStyle$1t = i$7`
|
|
|
1326
1326
|
}
|
|
1327
1327
|
|
|
1328
1328
|
.wrapper.type-data.state-caution .id-pill,
|
|
1329
|
-
.wrapper.type-data.state-
|
|
1329
|
+
.wrapper.type-data.state-level-low .id-pill {
|
|
1330
1330
|
background: var(--alert-caution-color);
|
|
1331
1331
|
border: 1px solid var(--alert-caution-outline-color);
|
|
1332
1332
|
}
|
|
1333
1333
|
|
|
1334
1334
|
.wrapper.type-data.state-warning .id-pill,
|
|
1335
|
-
.wrapper.type-data.state-
|
|
1335
|
+
.wrapper.type-data.state-level-medium .id-pill {
|
|
1336
1336
|
background: var(--alert-warning-color);
|
|
1337
1337
|
border: 1px solid var(--alert-warning-outline-color);
|
|
1338
1338
|
}
|
|
1339
1339
|
|
|
1340
1340
|
.wrapper.type-data.state-alarm .id-pill,
|
|
1341
|
-
.wrapper.type-data.state-
|
|
1341
|
+
.wrapper.type-data.state-level-high .id-pill {
|
|
1342
1342
|
background: var(--alert-alarm-color);
|
|
1343
1343
|
border: 1px solid var(--alert-alarm-outline-color);
|
|
1344
1344
|
}
|
|
1345
1345
|
|
|
1346
|
-
.wrapper.type-data.state-
|
|
1346
|
+
.wrapper.type-data.state-level-critical .id-pill {
|
|
1347
1347
|
background: var(--critical-enabled-background-color);
|
|
1348
1348
|
border: 1px solid var(--critical-enabled-border-color);
|
|
1349
1349
|
}
|
|
1350
1350
|
|
|
1351
|
-
.wrapper.type-data.state-
|
|
1351
|
+
.wrapper.type-data.state-level-diagnostic .id-pill {
|
|
1352
1352
|
background: var(--notification-enabled-background-color);
|
|
1353
1353
|
border: 1px solid var(--notification-enabled-border-color);
|
|
1354
1354
|
}
|
|
@@ -1523,11 +1523,11 @@ var ObcPoiHeaderState = /* @__PURE__ */ ((ObcPoiHeaderState2) => {
|
|
|
1523
1523
|
ObcPoiHeaderState2["Caution"] = "caution";
|
|
1524
1524
|
ObcPoiHeaderState2["Warning"] = "warning";
|
|
1525
1525
|
ObcPoiHeaderState2["Alarm"] = "alarm";
|
|
1526
|
-
ObcPoiHeaderState2["
|
|
1527
|
-
ObcPoiHeaderState2["
|
|
1528
|
-
ObcPoiHeaderState2["
|
|
1529
|
-
ObcPoiHeaderState2["
|
|
1530
|
-
ObcPoiHeaderState2["
|
|
1526
|
+
ObcPoiHeaderState2["LevelCritical"] = "level-critical";
|
|
1527
|
+
ObcPoiHeaderState2["LevelHigh"] = "level-high";
|
|
1528
|
+
ObcPoiHeaderState2["LevelMedium"] = "level-medium";
|
|
1529
|
+
ObcPoiHeaderState2["LevelLow"] = "level-low";
|
|
1530
|
+
ObcPoiHeaderState2["LevelDiagnostic"] = "level-diagnostic";
|
|
1531
1531
|
return ObcPoiHeaderState2;
|
|
1532
1532
|
})(ObcPoiHeaderState || {});
|
|
1533
1533
|
var ObcPoiHeaderType = /* @__PURE__ */ ((ObcPoiHeaderType2) => {
|
|
@@ -4548,31 +4548,31 @@ const compentStyle$1f = i$7`
|
|
|
4548
4548
|
display: none;
|
|
4549
4549
|
}
|
|
4550
4550
|
|
|
4551
|
-
:is(.wrapper.alert-alarm,.wrapper.alert-
|
|
4551
|
+
:is(.wrapper.alert-alarm,.wrapper.alert-level-high) .alert-ring {
|
|
4552
4552
|
background: var(--alert-alarm-color);
|
|
4553
4553
|
border-color: var(--alert-alarm-outline-color);
|
|
4554
4554
|
outline-color: var(--alert-alarm-outline-color);
|
|
4555
4555
|
}
|
|
4556
4556
|
|
|
4557
|
-
.wrapper.alert-
|
|
4557
|
+
.wrapper.alert-level-critical .alert-ring {
|
|
4558
4558
|
background: var(--critical-enabled-background-color);
|
|
4559
4559
|
border-color: var(--critical-enabled-border-color);
|
|
4560
4560
|
outline-color: var(--critical-enabled-border-color);
|
|
4561
4561
|
}
|
|
4562
4562
|
|
|
4563
|
-
:is(.wrapper.alert-warning,.wrapper.alert-
|
|
4563
|
+
:is(.wrapper.alert-warning,.wrapper.alert-level-medium) .alert-ring {
|
|
4564
4564
|
background: var(--alert-warning-color);
|
|
4565
4565
|
border-color: var(--alert-warning-outline-color);
|
|
4566
4566
|
outline-color: var(--alert-warning-outline-color);
|
|
4567
4567
|
}
|
|
4568
4568
|
|
|
4569
|
-
:is(.wrapper.alert-caution,.wrapper.alert-
|
|
4569
|
+
:is(.wrapper.alert-caution,.wrapper.alert-level-low) .alert-ring {
|
|
4570
4570
|
background: var(--alert-caution-color);
|
|
4571
4571
|
border-color: var(--alert-caution-outline-color);
|
|
4572
4572
|
outline-color: var(--alert-caution-outline-color);
|
|
4573
4573
|
}
|
|
4574
4574
|
|
|
4575
|
-
.wrapper.alert-
|
|
4575
|
+
.wrapper.alert-level-diagnostic .alert-ring {
|
|
4576
4576
|
background: var(--notification-enabled-background-color);
|
|
4577
4577
|
border-color: var(--notification-enabled-border-color);
|
|
4578
4578
|
outline-color: var(--notification-enabled-border-color);
|
|
@@ -4812,58 +4812,58 @@ const compentStyle$1f = i$7`
|
|
|
4812
4812
|
|
|
4813
4813
|
/* Overlap alert color styles */
|
|
4814
4814
|
|
|
4815
|
-
.wrapper.value-overlapped.alert-alarm,.wrapper.value-overlapped.alert-
|
|
4815
|
+
.wrapper.value-overlapped.alert-alarm,.wrapper.value-overlapped.alert-level-high {
|
|
4816
4816
|
--overlay-container-background-color: var(--alert-alarm-color, #e30019);
|
|
4817
4817
|
--overlay-border-outline-color: var(--alert-alarm-outline-color);
|
|
4818
4818
|
}
|
|
4819
4819
|
|
|
4820
|
-
.wrapper.value-overlapped.alert-alarm .poi-object,.wrapper.value-overlapped.alert-
|
|
4820
|
+
.wrapper.value-overlapped.alert-alarm .poi-object,.wrapper.value-overlapped.alert-level-high .poi-object {
|
|
4821
4821
|
--overlay-container-background-color: var(--alert-alarm-color, #e30019);
|
|
4822
4822
|
--overlay-border-outline-color: var(--alert-alarm-outline-color);
|
|
4823
4823
|
}
|
|
4824
4824
|
|
|
4825
|
-
.wrapper.value-overlapped.alert-
|
|
4825
|
+
.wrapper.value-overlapped.alert-level-critical {
|
|
4826
4826
|
--overlay-container-background-color: var(
|
|
4827
4827
|
--critical-enabled-background-color
|
|
4828
4828
|
);
|
|
4829
4829
|
--overlay-border-outline-color: var(--critical-enabled-border-color);
|
|
4830
4830
|
}
|
|
4831
4831
|
|
|
4832
|
-
.wrapper.value-overlapped.alert-
|
|
4832
|
+
.wrapper.value-overlapped.alert-level-critical .poi-object {
|
|
4833
4833
|
--overlay-container-background-color: var(
|
|
4834
4834
|
--critical-enabled-background-color
|
|
4835
4835
|
);
|
|
4836
4836
|
--overlay-border-outline-color: var(--critical-enabled-border-color);
|
|
4837
4837
|
}
|
|
4838
4838
|
|
|
4839
|
-
.wrapper.value-overlapped.alert-warning,.wrapper.value-overlapped.alert-
|
|
4839
|
+
.wrapper.value-overlapped.alert-warning,.wrapper.value-overlapped.alert-level-medium {
|
|
4840
4840
|
--overlay-container-background-color: var(--alert-warning-color, #fe9413);
|
|
4841
4841
|
--overlay-border-outline-color: var(--alert-warning-outline-color);
|
|
4842
4842
|
}
|
|
4843
4843
|
|
|
4844
|
-
.wrapper.value-overlapped.alert-warning .poi-object,.wrapper.value-overlapped.alert-
|
|
4844
|
+
.wrapper.value-overlapped.alert-warning .poi-object,.wrapper.value-overlapped.alert-level-medium .poi-object {
|
|
4845
4845
|
--overlay-container-background-color: var(--alert-warning-color, #fe9413);
|
|
4846
4846
|
--overlay-border-outline-color: var(--alert-warning-outline-color);
|
|
4847
4847
|
}
|
|
4848
4848
|
|
|
4849
|
-
.wrapper.value-overlapped.alert-caution,.wrapper.value-overlapped.alert-
|
|
4849
|
+
.wrapper.value-overlapped.alert-caution,.wrapper.value-overlapped.alert-level-low {
|
|
4850
4850
|
--overlay-container-background-color: var(--alert-caution-color, #ffdb42);
|
|
4851
4851
|
--overlay-border-outline-color: var(--alert-caution-outline-color);
|
|
4852
4852
|
}
|
|
4853
4853
|
|
|
4854
|
-
.wrapper.value-overlapped.alert-caution .poi-object,.wrapper.value-overlapped.alert-
|
|
4854
|
+
.wrapper.value-overlapped.alert-caution .poi-object,.wrapper.value-overlapped.alert-level-low .poi-object {
|
|
4855
4855
|
--overlay-container-background-color: var(--alert-caution-color, #ffdb42);
|
|
4856
4856
|
--overlay-border-outline-color: var(--alert-caution-outline-color);
|
|
4857
4857
|
}
|
|
4858
4858
|
|
|
4859
|
-
.wrapper.value-overlapped.alert-
|
|
4859
|
+
.wrapper.value-overlapped.alert-level-diagnostic {
|
|
4860
4860
|
--overlay-container-background-color: var(
|
|
4861
4861
|
--notification-enabled-background-color
|
|
4862
4862
|
);
|
|
4863
4863
|
--overlay-border-outline-color: var(--notification-enabled-border-color);
|
|
4864
4864
|
}
|
|
4865
4865
|
|
|
4866
|
-
.wrapper.value-overlapped.alert-
|
|
4866
|
+
.wrapper.value-overlapped.alert-level-diagnostic .poi-object {
|
|
4867
4867
|
--overlay-container-background-color: var(
|
|
4868
4868
|
--notification-enabled-background-color
|
|
4869
4869
|
);
|
|
@@ -4871,30 +4871,31 @@ const compentStyle$1f = i$7`
|
|
|
4871
4871
|
}
|
|
4872
4872
|
|
|
4873
4873
|
.wrapper.value-overlapped.alert-caution .poi-object::part(background-frame),
|
|
4874
|
-
.wrapper.value-overlapped.alert-
|
|
4874
|
+
.wrapper.value-overlapped.alert-level-low .poi-object::part(background-frame) {
|
|
4875
4875
|
background-color: var(--alert-caution-color, #ffdb42);
|
|
4876
4876
|
border-color: var(--alert-caution-outline-color);
|
|
4877
4877
|
}
|
|
4878
4878
|
|
|
4879
4879
|
.wrapper.value-overlapped.alert-warning .poi-object::part(background-frame),
|
|
4880
|
-
.wrapper.value-overlapped.alert-
|
|
4880
|
+
.wrapper.value-overlapped.alert-level-medium
|
|
4881
|
+
.poi-object::part(background-frame) {
|
|
4881
4882
|
background-color: var(--alert-warning-color, #fe9413);
|
|
4882
4883
|
border-color: var(--alert-warning-outline-color);
|
|
4883
4884
|
}
|
|
4884
4885
|
|
|
4885
4886
|
.wrapper.value-overlapped.alert-alarm .poi-object::part(background-frame),
|
|
4886
|
-
.wrapper.value-overlapped.alert-
|
|
4887
|
+
.wrapper.value-overlapped.alert-level-high .poi-object::part(background-frame) {
|
|
4887
4888
|
background-color: var(--alert-alarm-color, #e30019);
|
|
4888
4889
|
border-color: var(--alert-alarm-outline-color);
|
|
4889
4890
|
}
|
|
4890
4891
|
|
|
4891
|
-
.wrapper.value-overlapped.alert-
|
|
4892
|
+
.wrapper.value-overlapped.alert-level-critical
|
|
4892
4893
|
.poi-object::part(background-frame) {
|
|
4893
4894
|
background-color: var(--critical-enabled-background-color);
|
|
4894
4895
|
border-color: var(--critical-enabled-border-color);
|
|
4895
4896
|
}
|
|
4896
4897
|
|
|
4897
|
-
.wrapper.value-overlapped.alert-
|
|
4898
|
+
.wrapper.value-overlapped.alert-level-diagnostic
|
|
4898
4899
|
.poi-object::part(background-frame) {
|
|
4899
4900
|
background-color: var(--notification-enabled-background-color);
|
|
4900
4901
|
border-color: var(--notification-enabled-border-color);
|
|
@@ -4928,27 +4929,27 @@ const compentStyle$1f = i$7`
|
|
|
4928
4929
|
display: none;
|
|
4929
4930
|
}
|
|
4930
4931
|
|
|
4931
|
-
.alert-caution :is(.wrapper.has-data .alert-ring),.alert-
|
|
4932
|
+
.alert-caution :is(.wrapper.has-data .alert-ring),.alert-level-low :is(.wrapper.has-data .alert-ring) {
|
|
4932
4933
|
border-color: var(--alert-caution-outline-color);
|
|
4933
4934
|
outline-color: var(--alert-caution-color);
|
|
4934
4935
|
}
|
|
4935
4936
|
|
|
4936
|
-
.alert-warning :is(.wrapper.has-data .alert-ring),.alert-
|
|
4937
|
+
.alert-warning :is(.wrapper.has-data .alert-ring),.alert-level-medium :is(.wrapper.has-data .alert-ring) {
|
|
4937
4938
|
border-color: var(--alert-warning-outline-color);
|
|
4938
4939
|
outline-color: var(--alert-warning-color);
|
|
4939
4940
|
}
|
|
4940
4941
|
|
|
4941
|
-
.alert-alarm :is(.wrapper.has-data .alert-ring),.alert-
|
|
4942
|
+
.alert-alarm :is(.wrapper.has-data .alert-ring),.alert-level-high :is(.wrapper.has-data .alert-ring) {
|
|
4942
4943
|
border-color: var(--alert-alarm-outline-color);
|
|
4943
4944
|
outline-color: var(--alert-alarm-color);
|
|
4944
4945
|
}
|
|
4945
4946
|
|
|
4946
|
-
.alert-
|
|
4947
|
+
.alert-level-critical :is(.wrapper.has-data .alert-ring) {
|
|
4947
4948
|
border-color: var(--critical-enabled-border-color);
|
|
4948
4949
|
outline-color: var(--critical-enabled-background-color);
|
|
4949
4950
|
}
|
|
4950
4951
|
|
|
4951
|
-
.alert-
|
|
4952
|
+
.alert-level-diagnostic :is(.wrapper.has-data .alert-ring) {
|
|
4952
4953
|
border-color: var(--notification-enabled-border-color);
|
|
4953
4954
|
outline-color: var(--notification-enabled-background-color);
|
|
4954
4955
|
}
|
|
@@ -5023,29 +5024,29 @@ const compentStyle$1f = i$7`
|
|
|
5023
5024
|
}
|
|
5024
5025
|
|
|
5025
5026
|
.wrapper.value-overlapped.has-data.alert-caution,
|
|
5026
|
-
.wrapper.value-overlapped.has-data.alert-
|
|
5027
|
+
.wrapper.value-overlapped.has-data.alert-level-low {
|
|
5027
5028
|
background: var(--alert-caution-color, #ffdb42);
|
|
5028
5029
|
border-color: var(--alert-caution-outline-color);
|
|
5029
5030
|
}
|
|
5030
5031
|
|
|
5031
5032
|
.wrapper.value-overlapped.has-data.alert-warning,
|
|
5032
|
-
.wrapper.value-overlapped.has-data.alert-
|
|
5033
|
+
.wrapper.value-overlapped.has-data.alert-level-medium {
|
|
5033
5034
|
background: var(--alert-warning-color, #fe9413);
|
|
5034
5035
|
border-color: var(--alert-warning-outline-color);
|
|
5035
5036
|
}
|
|
5036
5037
|
|
|
5037
5038
|
.wrapper.value-overlapped.has-data.alert-alarm,
|
|
5038
|
-
.wrapper.value-overlapped.has-data.alert-
|
|
5039
|
+
.wrapper.value-overlapped.has-data.alert-level-high {
|
|
5039
5040
|
background: var(--alert-alarm-color, #e30019);
|
|
5040
5041
|
border-color: var(--alert-alarm-outline-color);
|
|
5041
5042
|
}
|
|
5042
5043
|
|
|
5043
|
-
.wrapper.value-overlapped.has-data.alert-
|
|
5044
|
+
.wrapper.value-overlapped.has-data.alert-level-critical {
|
|
5044
5045
|
background: var(--critical-enabled-background-color);
|
|
5045
5046
|
border-color: var(--critical-enabled-border-color);
|
|
5046
5047
|
}
|
|
5047
5048
|
|
|
5048
|
-
.wrapper.value-overlapped.has-data.alert-
|
|
5049
|
+
.wrapper.value-overlapped.has-data.alert-level-diagnostic {
|
|
5049
5050
|
background: var(--notification-enabled-background-color);
|
|
5050
5051
|
border-color: var(--notification-enabled-border-color);
|
|
5051
5052
|
}
|
|
@@ -5779,11 +5780,11 @@ var ObcPoiButtonState = /* @__PURE__ */ ((ObcPoiButtonState2) => {
|
|
|
5779
5780
|
ObcPoiButtonState2["Caution"] = "caution";
|
|
5780
5781
|
ObcPoiButtonState2["Warning"] = "warning";
|
|
5781
5782
|
ObcPoiButtonState2["Alarm"] = "alarm";
|
|
5782
|
-
ObcPoiButtonState2["
|
|
5783
|
-
ObcPoiButtonState2["
|
|
5784
|
-
ObcPoiButtonState2["
|
|
5785
|
-
ObcPoiButtonState2["
|
|
5786
|
-
ObcPoiButtonState2["
|
|
5783
|
+
ObcPoiButtonState2["LevelCritical"] = "level-critical";
|
|
5784
|
+
ObcPoiButtonState2["LevelHigh"] = "level-high";
|
|
5785
|
+
ObcPoiButtonState2["LevelMedium"] = "level-medium";
|
|
5786
|
+
ObcPoiButtonState2["LevelLow"] = "level-low";
|
|
5787
|
+
ObcPoiButtonState2["LevelDiagnostic"] = "level-diagnostic";
|
|
5787
5788
|
return ObcPoiButtonState2;
|
|
5788
5789
|
})(ObcPoiButtonState || {});
|
|
5789
5790
|
var PoiButtonVisualState = /* @__PURE__ */ ((PoiButtonVisualState2) => {
|
|
@@ -5871,16 +5872,16 @@ let ObcPoiButton = class extends i$4 {
|
|
|
5871
5872
|
return ObcPoiHeaderState.Warning;
|
|
5872
5873
|
case "alarm":
|
|
5873
5874
|
return ObcPoiHeaderState.Alarm;
|
|
5874
|
-
case "
|
|
5875
|
-
return ObcPoiHeaderState.
|
|
5876
|
-
case "
|
|
5877
|
-
return ObcPoiHeaderState.
|
|
5878
|
-
case "
|
|
5879
|
-
return ObcPoiHeaderState.
|
|
5880
|
-
case "
|
|
5881
|
-
return ObcPoiHeaderState.
|
|
5882
|
-
case "
|
|
5883
|
-
return ObcPoiHeaderState.
|
|
5875
|
+
case "level-critical":
|
|
5876
|
+
return ObcPoiHeaderState.LevelCritical;
|
|
5877
|
+
case "level-high":
|
|
5878
|
+
return ObcPoiHeaderState.LevelHigh;
|
|
5879
|
+
case "level-medium":
|
|
5880
|
+
return ObcPoiHeaderState.LevelMedium;
|
|
5881
|
+
case "level-low":
|
|
5882
|
+
return ObcPoiHeaderState.LevelLow;
|
|
5883
|
+
case "level-diagnostic":
|
|
5884
|
+
return ObcPoiHeaderState.LevelDiagnostic;
|
|
5884
5885
|
case "enabled":
|
|
5885
5886
|
default:
|
|
5886
5887
|
return ObcPoiHeaderState.Selected;
|
|
@@ -14546,33 +14547,33 @@ const compentStyle$1c = i$7`
|
|
|
14546
14547
|
outline-style: dashed;
|
|
14547
14548
|
}
|
|
14548
14549
|
|
|
14549
|
-
.wrapper.alarm,.wrapper.
|
|
14550
|
+
.wrapper.alarm,.wrapper.level-high {
|
|
14550
14551
|
--bg-color: var(--alert-alarm-color);
|
|
14551
14552
|
color: var(--on-alarm-active-color);
|
|
14552
14553
|
}
|
|
14553
14554
|
|
|
14554
|
-
.wrapper.warning,.wrapper.
|
|
14555
|
+
.wrapper.warning,.wrapper.level-medium {
|
|
14555
14556
|
--bg-color: var(--alert-warning-color);
|
|
14556
14557
|
--blink-on: var(--warning-blink-on);
|
|
14557
14558
|
color: var(--on-warning-active-color);
|
|
14558
14559
|
}
|
|
14559
14560
|
|
|
14560
|
-
.wrapper.caution,.wrapper.
|
|
14561
|
+
.wrapper.caution,.wrapper.level-low {
|
|
14561
14562
|
--bg-color: var(--alert-caution-color);
|
|
14562
14563
|
--blink-on: 1;
|
|
14563
14564
|
color: var(--on-caution-active-color);
|
|
14564
14565
|
}
|
|
14565
14566
|
|
|
14566
|
-
.wrapper.
|
|
14567
|
+
.wrapper.level-low {
|
|
14567
14568
|
--blink-on: var(--low-blink-on);
|
|
14568
14569
|
}
|
|
14569
14570
|
|
|
14570
|
-
.wrapper.
|
|
14571
|
+
.wrapper.level-critical {
|
|
14571
14572
|
--bg-color: var(--critical-enabled-background-color);
|
|
14572
14573
|
color: var(--on-critical-active-color);
|
|
14573
14574
|
}
|
|
14574
14575
|
|
|
14575
|
-
.wrapper.
|
|
14576
|
+
.wrapper.level-diagnostic {
|
|
14576
14577
|
--bg-color: var(--notification-enabled-background-color);
|
|
14577
14578
|
color: var(--on-notification-active-color);
|
|
14578
14579
|
}
|
|
@@ -15090,36 +15091,36 @@ function requiresAcknowledgement(type) {
|
|
|
15090
15091
|
return [
|
|
15091
15092
|
AlertType.Alarm,
|
|
15092
15093
|
AlertType.Warning,
|
|
15093
|
-
AlertType.
|
|
15094
|
-
AlertType.
|
|
15095
|
-
AlertType.
|
|
15096
|
-
AlertType.
|
|
15094
|
+
AlertType.LevelCritical,
|
|
15095
|
+
AlertType.LevelHigh,
|
|
15096
|
+
AlertType.LevelMedium,
|
|
15097
|
+
AlertType.LevelLow
|
|
15097
15098
|
].includes(type);
|
|
15098
15099
|
}
|
|
15099
15100
|
function supportsBlinking(type) {
|
|
15100
15101
|
return [
|
|
15101
15102
|
AlertType.Alarm,
|
|
15102
15103
|
AlertType.Warning,
|
|
15103
|
-
AlertType.
|
|
15104
|
-
AlertType.
|
|
15105
|
-
AlertType.
|
|
15106
|
-
AlertType.
|
|
15104
|
+
AlertType.LevelCritical,
|
|
15105
|
+
AlertType.LevelHigh,
|
|
15106
|
+
AlertType.LevelMedium,
|
|
15107
|
+
AlertType.LevelLow
|
|
15107
15108
|
].includes(type);
|
|
15108
15109
|
}
|
|
15109
15110
|
function getAlertBadgeComponent(type) {
|
|
15110
15111
|
switch (type) {
|
|
15111
|
-
case AlertType.
|
|
15112
|
+
case AlertType.LevelCritical:
|
|
15112
15113
|
return "obi-critical-badge";
|
|
15113
15114
|
case AlertType.Warning:
|
|
15114
|
-
case AlertType.
|
|
15115
|
+
case AlertType.LevelMedium:
|
|
15115
15116
|
return "obi-warning-badge";
|
|
15116
15117
|
case AlertType.Caution:
|
|
15117
|
-
case AlertType.
|
|
15118
|
+
case AlertType.LevelLow:
|
|
15118
15119
|
return "obi-caution-badge";
|
|
15119
|
-
case AlertType.
|
|
15120
|
+
case AlertType.LevelDiagnostic:
|
|
15120
15121
|
return "obi-diagnostic-badge";
|
|
15121
15122
|
case AlertType.Alarm:
|
|
15122
|
-
case AlertType.
|
|
15123
|
+
case AlertType.LevelHigh:
|
|
15123
15124
|
default:
|
|
15124
15125
|
return "obi-alarm-badge";
|
|
15125
15126
|
}
|
|
@@ -15134,58 +15135,60 @@ var AlertTwotoneComponent = /* @__PURE__ */ ((AlertTwotoneComponent2) => {
|
|
|
15134
15135
|
})(AlertTwotoneComponent || {});
|
|
15135
15136
|
function getAlertTwotoneComponent(type) {
|
|
15136
15137
|
switch (type) {
|
|
15137
|
-
case AlertType.
|
|
15138
|
+
case AlertType.LevelCritical:
|
|
15138
15139
|
return "obi-alerts-critical-twotone";
|
|
15139
|
-
case AlertType.
|
|
15140
|
+
case AlertType.LevelDiagnostic:
|
|
15140
15141
|
return "obi-alerts-diagnostic-twotone";
|
|
15141
15142
|
case AlertType.Warning:
|
|
15142
|
-
case AlertType.
|
|
15143
|
+
case AlertType.LevelMedium:
|
|
15143
15144
|
return "obi-alerts-warning-twotone";
|
|
15144
15145
|
case AlertType.Caution:
|
|
15145
|
-
case AlertType.
|
|
15146
|
+
case AlertType.LevelLow:
|
|
15146
15147
|
return "obi-alerts-caution-twotone";
|
|
15147
15148
|
case AlertType.Alarm:
|
|
15148
|
-
case AlertType.
|
|
15149
|
+
case AlertType.LevelHigh:
|
|
15149
15150
|
default:
|
|
15150
15151
|
return "obi-alerts-alarm-twotone";
|
|
15151
15152
|
}
|
|
15152
15153
|
}
|
|
15153
15154
|
function getAlertBlinkMode(type) {
|
|
15154
15155
|
switch (type) {
|
|
15155
|
-
case AlertType.
|
|
15156
|
+
case AlertType.LevelCritical:
|
|
15156
15157
|
return "critical";
|
|
15157
15158
|
case AlertType.Warning:
|
|
15158
|
-
case AlertType.
|
|
15159
|
+
case AlertType.LevelMedium:
|
|
15159
15160
|
return "warning";
|
|
15160
15161
|
case AlertType.Caution:
|
|
15161
|
-
case AlertType.
|
|
15162
|
+
case AlertType.LevelLow:
|
|
15162
15163
|
return "low";
|
|
15163
15164
|
case AlertType.Alarm:
|
|
15164
|
-
case AlertType.
|
|
15165
|
+
case AlertType.LevelHigh:
|
|
15165
15166
|
default:
|
|
15166
15167
|
return "alarm";
|
|
15167
15168
|
}
|
|
15168
15169
|
}
|
|
15169
15170
|
function getBamAlertTypeForBlinking(type) {
|
|
15170
15171
|
switch (type) {
|
|
15171
|
-
case AlertType.
|
|
15172
|
-
case AlertType.
|
|
15172
|
+
case AlertType.LevelCritical:
|
|
15173
|
+
case AlertType.LevelHigh:
|
|
15173
15174
|
return AlertType.Alarm;
|
|
15174
|
-
case AlertType.
|
|
15175
|
+
case AlertType.LevelMedium:
|
|
15175
15176
|
return AlertType.Warning;
|
|
15176
|
-
case AlertType.
|
|
15177
|
+
case AlertType.LevelLow:
|
|
15177
15178
|
return AlertType.Caution;
|
|
15178
15179
|
default:
|
|
15179
15180
|
return type;
|
|
15180
15181
|
}
|
|
15181
15182
|
}
|
|
15182
15183
|
function excludedFromUnackedFilter(type) {
|
|
15183
|
-
return [AlertType.Caution, AlertType.
|
|
15184
|
+
return [AlertType.Caution, AlertType.LevelDiagnostic].includes(type);
|
|
15184
15185
|
}
|
|
15185
15186
|
function usesAlarmNoAckIcon(type) {
|
|
15186
|
-
return [
|
|
15187
|
-
|
|
15188
|
-
|
|
15187
|
+
return [
|
|
15188
|
+
AlertType.Alarm,
|
|
15189
|
+
AlertType.LevelCritical,
|
|
15190
|
+
AlertType.LevelHigh
|
|
15191
|
+
].includes(type);
|
|
15189
15192
|
}
|
|
15190
15193
|
var __defProp$zw = Object.defineProperty;
|
|
15191
15194
|
var __getOwnPropDesc$zy = Object.getOwnPropertyDescriptor;
|
|
@@ -17583,23 +17586,23 @@ var ObcAutomationBadgeType = /* @__PURE__ */ ((ObcAutomationBadgeType2) => {
|
|
|
17583
17586
|
ObcAutomationBadgeType2["Caution"] = "caution";
|
|
17584
17587
|
ObcAutomationBadgeType2["Warning"] = "warning";
|
|
17585
17588
|
ObcAutomationBadgeType2["Alarm"] = "alarm";
|
|
17586
|
-
ObcAutomationBadgeType2["
|
|
17587
|
-
ObcAutomationBadgeType2["
|
|
17588
|
-
ObcAutomationBadgeType2["
|
|
17589
|
-
ObcAutomationBadgeType2["
|
|
17590
|
-
ObcAutomationBadgeType2["
|
|
17589
|
+
ObcAutomationBadgeType2["LevelCritical"] = "level-critical";
|
|
17590
|
+
ObcAutomationBadgeType2["LevelHigh"] = "level-high";
|
|
17591
|
+
ObcAutomationBadgeType2["LevelMedium"] = "level-medium";
|
|
17592
|
+
ObcAutomationBadgeType2["LevelLow"] = "level-low";
|
|
17593
|
+
ObcAutomationBadgeType2["LevelDiagnostic"] = "level-diagnostic";
|
|
17591
17594
|
return ObcAutomationBadgeType2;
|
|
17592
17595
|
})(ObcAutomationBadgeType || {});
|
|
17593
17596
|
const ALERT_BADGE_TYPES = [
|
|
17594
17597
|
"caution",
|
|
17595
17598
|
"warning",
|
|
17596
17599
|
"alarm",
|
|
17597
|
-
"
|
|
17598
|
-
"
|
|
17599
|
-
"
|
|
17600
|
-
"
|
|
17601
|
-
"
|
|
17602
|
-
/*
|
|
17600
|
+
"level-critical",
|
|
17601
|
+
"level-high",
|
|
17602
|
+
"level-medium",
|
|
17603
|
+
"level-low",
|
|
17604
|
+
"level-diagnostic"
|
|
17605
|
+
/* LevelDiagnostic */
|
|
17603
17606
|
];
|
|
17604
17607
|
let ObcAutomationBadge = class extends i$4 {
|
|
17605
17608
|
constructor() {
|
|
@@ -17617,7 +17620,7 @@ let ObcAutomationBadge = class extends i$4 {
|
|
|
17617
17620
|
isAlertType(...types) {
|
|
17618
17621
|
return !!this.type && types.includes(this.type);
|
|
17619
17622
|
}
|
|
17620
|
-
|
|
17623
|
+
renderLevelCriticalIcon(flat) {
|
|
17621
17624
|
if (flat) {
|
|
17622
17625
|
return b`<svg
|
|
17623
17626
|
width="16"
|
|
@@ -17665,7 +17668,7 @@ let ObcAutomationBadge = class extends i$4 {
|
|
|
17665
17668
|
/>
|
|
17666
17669
|
</svg>`;
|
|
17667
17670
|
}
|
|
17668
|
-
|
|
17671
|
+
renderLevelDiagnosticIcon() {
|
|
17669
17672
|
return b`<svg
|
|
17670
17673
|
width="16"
|
|
17671
17674
|
height="16"
|
|
@@ -17712,17 +17715,17 @@ let ObcAutomationBadge = class extends i$4 {
|
|
|
17712
17715
|
class="icon siluette"
|
|
17713
17716
|
></obi-alert-off-filled
|
|
17714
17717
|
><obi-alert-off-filled class="icon"></obi-alert-off-filled>`;
|
|
17715
|
-
} else if (this.type === "
|
|
17716
|
-
return this.
|
|
17718
|
+
} else if (this.type === "level-critical") {
|
|
17719
|
+
return this.renderLevelCriticalIcon(
|
|
17717
17720
|
this.effectiveMode === "flat"
|
|
17718
17721
|
/* Flat */
|
|
17719
17722
|
);
|
|
17720
|
-
} else if (this.type === "
|
|
17721
|
-
return this.
|
|
17723
|
+
} else if (this.type === "level-diagnostic") {
|
|
17724
|
+
return this.renderLevelDiagnosticIcon();
|
|
17722
17725
|
} else if (this.isAlertType(
|
|
17723
17726
|
"caution",
|
|
17724
|
-
"
|
|
17725
|
-
/*
|
|
17727
|
+
"level-low"
|
|
17728
|
+
/* LevelLow */
|
|
17726
17729
|
) && this.effectiveMode === "flat") {
|
|
17727
17730
|
return b`<svg
|
|
17728
17731
|
width="16"
|
|
@@ -17771,8 +17774,8 @@ let ObcAutomationBadge = class extends i$4 {
|
|
|
17771
17774
|
</svg>`;
|
|
17772
17775
|
} else if (this.isAlertType(
|
|
17773
17776
|
"caution",
|
|
17774
|
-
"
|
|
17775
|
-
/*
|
|
17777
|
+
"level-low"
|
|
17778
|
+
/* LevelLow */
|
|
17776
17779
|
)) {
|
|
17777
17780
|
return b`<svg
|
|
17778
17781
|
width="16"
|
|
@@ -17796,8 +17799,8 @@ let ObcAutomationBadge = class extends i$4 {
|
|
|
17796
17799
|
</svg> `;
|
|
17797
17800
|
} else if (this.isAlertType(
|
|
17798
17801
|
"warning",
|
|
17799
|
-
"
|
|
17800
|
-
/*
|
|
17802
|
+
"level-medium"
|
|
17803
|
+
/* LevelMedium */
|
|
17801
17804
|
) && this.effectiveMode === "flat") {
|
|
17802
17805
|
return b`
|
|
17803
17806
|
<svg
|
|
@@ -17856,8 +17859,8 @@ let ObcAutomationBadge = class extends i$4 {
|
|
|
17856
17859
|
`;
|
|
17857
17860
|
} else if (this.isAlertType(
|
|
17858
17861
|
"warning",
|
|
17859
|
-
"
|
|
17860
|
-
/*
|
|
17862
|
+
"level-medium"
|
|
17863
|
+
/* LevelMedium */
|
|
17861
17864
|
)) {
|
|
17862
17865
|
return b`<svg
|
|
17863
17866
|
width="16"
|
|
@@ -17878,8 +17881,8 @@ let ObcAutomationBadge = class extends i$4 {
|
|
|
17878
17881
|
</svg> `;
|
|
17879
17882
|
} else if (this.isAlertType(
|
|
17880
17883
|
"alarm",
|
|
17881
|
-
"
|
|
17882
|
-
/*
|
|
17884
|
+
"level-high"
|
|
17885
|
+
/* LevelHigh */
|
|
17883
17886
|
) && this.effectiveMode === "flat") {
|
|
17884
17887
|
return b`<svg
|
|
17885
17888
|
width="16"
|
|
@@ -17928,8 +17931,8 @@ let ObcAutomationBadge = class extends i$4 {
|
|
|
17928
17931
|
</svg> `;
|
|
17929
17932
|
} else if (this.isAlertType(
|
|
17930
17933
|
"alarm",
|
|
17931
|
-
"
|
|
17932
|
-
/*
|
|
17934
|
+
"level-high"
|
|
17935
|
+
/* LevelHigh */
|
|
17933
17936
|
)) {
|
|
17934
17937
|
return b`
|
|
17935
17938
|
<svg
|
|
@@ -17990,11 +17993,11 @@ var AutomationButtonBadgeAlert = /* @__PURE__ */ ((AutomationButtonBadgeAlert2)
|
|
|
17990
17993
|
AutomationButtonBadgeAlert2["Caution"] = "caution";
|
|
17991
17994
|
AutomationButtonBadgeAlert2["Warning"] = "warning";
|
|
17992
17995
|
AutomationButtonBadgeAlert2["Alarm"] = "alarm";
|
|
17993
|
-
AutomationButtonBadgeAlert2["
|
|
17994
|
-
AutomationButtonBadgeAlert2["
|
|
17995
|
-
AutomationButtonBadgeAlert2["
|
|
17996
|
-
AutomationButtonBadgeAlert2["
|
|
17997
|
-
AutomationButtonBadgeAlert2["
|
|
17996
|
+
AutomationButtonBadgeAlert2["LevelCritical"] = "level-critical";
|
|
17997
|
+
AutomationButtonBadgeAlert2["LevelHigh"] = "level-high";
|
|
17998
|
+
AutomationButtonBadgeAlert2["LevelMedium"] = "level-medium";
|
|
17999
|
+
AutomationButtonBadgeAlert2["LevelLow"] = "level-low";
|
|
18000
|
+
AutomationButtonBadgeAlert2["LevelDiagnostic"] = "level-diagnostic";
|
|
17998
18001
|
return AutomationButtonBadgeAlert2;
|
|
17999
18002
|
})(AutomationButtonBadgeAlert || {});
|
|
18000
18003
|
var AutomationButtonBadgeInterlock = /* @__PURE__ */ ((AutomationButtonBadgeInterlock2) => {
|
|
@@ -18084,16 +18087,16 @@ class ObcAbstractAutomationButton extends i$4 {
|
|
|
18084
18087
|
return ObcAutomationBadgeType.Warning;
|
|
18085
18088
|
} else if (this.badgeAlert === "alarm") {
|
|
18086
18089
|
return ObcAutomationBadgeType.Alarm;
|
|
18087
|
-
} else if (this.badgeAlert === "
|
|
18088
|
-
return ObcAutomationBadgeType.
|
|
18089
|
-
} else if (this.badgeAlert === "
|
|
18090
|
-
return ObcAutomationBadgeType.
|
|
18091
|
-
} else if (this.badgeAlert === "
|
|
18092
|
-
return ObcAutomationBadgeType.
|
|
18093
|
-
} else if (this.badgeAlert === "
|
|
18094
|
-
return ObcAutomationBadgeType.
|
|
18095
|
-
} else if (this.badgeAlert === "
|
|
18096
|
-
return ObcAutomationBadgeType.
|
|
18090
|
+
} else if (this.badgeAlert === "level-critical") {
|
|
18091
|
+
return ObcAutomationBadgeType.LevelCritical;
|
|
18092
|
+
} else if (this.badgeAlert === "level-high") {
|
|
18093
|
+
return ObcAutomationBadgeType.LevelHigh;
|
|
18094
|
+
} else if (this.badgeAlert === "level-medium") {
|
|
18095
|
+
return ObcAutomationBadgeType.LevelMedium;
|
|
18096
|
+
} else if (this.badgeAlert === "level-low") {
|
|
18097
|
+
return ObcAutomationBadgeType.LevelLow;
|
|
18098
|
+
} else if (this.badgeAlert === "level-diagnostic") {
|
|
18099
|
+
return ObcAutomationBadgeType.LevelDiagnostic;
|
|
18097
18100
|
}
|
|
18098
18101
|
return null;
|
|
18099
18102
|
}
|
|
@@ -37447,16 +37450,16 @@ let ObcAutomationTank = class extends i$4 {
|
|
|
37447
37450
|
return ObcAutomationBadgeType.Warning;
|
|
37448
37451
|
case AutomationButtonBadgeAlert.Alarm:
|
|
37449
37452
|
return ObcAutomationBadgeType.Alarm;
|
|
37450
|
-
case AutomationButtonBadgeAlert.
|
|
37451
|
-
return ObcAutomationBadgeType.
|
|
37452
|
-
case AutomationButtonBadgeAlert.
|
|
37453
|
-
return ObcAutomationBadgeType.
|
|
37454
|
-
case AutomationButtonBadgeAlert.
|
|
37455
|
-
return ObcAutomationBadgeType.
|
|
37456
|
-
case AutomationButtonBadgeAlert.
|
|
37457
|
-
return ObcAutomationBadgeType.
|
|
37458
|
-
case AutomationButtonBadgeAlert.
|
|
37459
|
-
return ObcAutomationBadgeType.
|
|
37453
|
+
case AutomationButtonBadgeAlert.LevelCritical:
|
|
37454
|
+
return ObcAutomationBadgeType.LevelCritical;
|
|
37455
|
+
case AutomationButtonBadgeAlert.LevelHigh:
|
|
37456
|
+
return ObcAutomationBadgeType.LevelHigh;
|
|
37457
|
+
case AutomationButtonBadgeAlert.LevelMedium:
|
|
37458
|
+
return ObcAutomationBadgeType.LevelMedium;
|
|
37459
|
+
case AutomationButtonBadgeAlert.LevelLow:
|
|
37460
|
+
return ObcAutomationBadgeType.LevelLow;
|
|
37461
|
+
case AutomationButtonBadgeAlert.LevelDiagnostic:
|
|
37462
|
+
return ObcAutomationBadgeType.LevelDiagnostic;
|
|
37460
37463
|
default:
|
|
37461
37464
|
return null;
|
|
37462
37465
|
}
|
|
@@ -58053,6 +58056,19 @@ const componentStyle$14 = i$7`
|
|
|
58053
58056
|
min-width: 0;
|
|
58054
58057
|
}
|
|
58055
58058
|
|
|
58059
|
+
/*
|
|
58060
|
+
* Trailing badge area. A row can carry more than one alert badge (e.g. a
|
|
58061
|
+
* critical count beside a warning count); they sit in a flex row spaced by the
|
|
58062
|
+
* shared alert-counter spacing token.
|
|
58063
|
+
*/
|
|
58064
|
+
|
|
58065
|
+
.alert-badges {
|
|
58066
|
+
flex-shrink: 0;
|
|
58067
|
+
display: flex;
|
|
58068
|
+
align-items: center;
|
|
58069
|
+
gap: var(--app-components-alert-counter-item-badge-spacing);
|
|
58070
|
+
}
|
|
58071
|
+
|
|
58056
58072
|
.alert-badge {
|
|
58057
58073
|
flex-shrink: 0;
|
|
58058
58074
|
}
|
|
@@ -58264,31 +58280,31 @@ const compentStyle$$ = i$7`
|
|
|
58264
58280
|
color: var(--on-warning-color);
|
|
58265
58281
|
}
|
|
58266
58282
|
|
|
58267
|
-
.wrapper.type-caution,.wrapper.type-
|
|
58283
|
+
.wrapper.type-caution,.wrapper.type-level-low {
|
|
58268
58284
|
background-color: var(--alert-caution-color);
|
|
58269
58285
|
border-color: var(--alert-caution-outline-color);
|
|
58270
58286
|
color: var(--on-caution-color);
|
|
58271
58287
|
}
|
|
58272
58288
|
|
|
58273
|
-
.wrapper.type-
|
|
58289
|
+
.wrapper.type-level-critical {
|
|
58274
58290
|
background-color: var(--critical-enabled-background-color);
|
|
58275
58291
|
border-color: var(--critical-enabled-border-color);
|
|
58276
58292
|
color: var(--on-critical-color);
|
|
58277
58293
|
}
|
|
58278
58294
|
|
|
58279
|
-
.wrapper.type-
|
|
58295
|
+
.wrapper.type-level-high {
|
|
58280
58296
|
background-color: var(--alert-alarm-color);
|
|
58281
58297
|
border-color: var(--alert-alarm-outline-color);
|
|
58282
58298
|
color: var(--on-alarm-color);
|
|
58283
58299
|
}
|
|
58284
58300
|
|
|
58285
|
-
.wrapper.type-
|
|
58301
|
+
.wrapper.type-level-medium {
|
|
58286
58302
|
background-color: var(--alert-warning-color);
|
|
58287
58303
|
border-color: var(--alert-warning-outline-color);
|
|
58288
58304
|
color: var(--on-warning-color);
|
|
58289
58305
|
}
|
|
58290
58306
|
|
|
58291
|
-
.wrapper.type-
|
|
58307
|
+
.wrapper.type-level-diagnostic {
|
|
58292
58308
|
background-color: var(--notification-enabled-background-color);
|
|
58293
58309
|
border-color: var(--notification-enabled-border-color);
|
|
58294
58310
|
color: var(--on-notification-active-color);
|
|
@@ -58346,31 +58362,31 @@ const compentStyle$$ = i$7`
|
|
|
58346
58362
|
background: none;
|
|
58347
58363
|
}
|
|
58348
58364
|
|
|
58349
|
-
.wrapper.variant-flat .icon.type-caution,.wrapper.variant-flat .icon.type-
|
|
58365
|
+
.wrapper.variant-flat .icon.type-caution,.wrapper.variant-flat .icon.type-level-low {
|
|
58350
58366
|
color: unset;
|
|
58351
58367
|
border-color: var(--alert-caution-outline-color);
|
|
58352
58368
|
background: none;
|
|
58353
58369
|
}
|
|
58354
58370
|
|
|
58355
|
-
.wrapper.variant-flat .icon.type-
|
|
58371
|
+
.wrapper.variant-flat .icon.type-level-critical {
|
|
58356
58372
|
color: unset;
|
|
58357
58373
|
border-color: var(--critical-enabled-border-color);
|
|
58358
58374
|
background: none;
|
|
58359
58375
|
}
|
|
58360
58376
|
|
|
58361
|
-
.wrapper.variant-flat .icon.type-
|
|
58377
|
+
.wrapper.variant-flat .icon.type-level-high {
|
|
58362
58378
|
color: unset;
|
|
58363
58379
|
border-color: var(--alert-alarm-outline-color);
|
|
58364
58380
|
background: none;
|
|
58365
58381
|
}
|
|
58366
58382
|
|
|
58367
|
-
.wrapper.variant-flat .icon.type-
|
|
58383
|
+
.wrapper.variant-flat .icon.type-level-medium {
|
|
58368
58384
|
color: unset;
|
|
58369
58385
|
border-color: var(--alert-warning-outline-color);
|
|
58370
58386
|
background: none;
|
|
58371
58387
|
}
|
|
58372
58388
|
|
|
58373
|
-
.wrapper.variant-flat .icon.type-
|
|
58389
|
+
.wrapper.variant-flat .icon.type-level-diagnostic {
|
|
58374
58390
|
color: unset;
|
|
58375
58391
|
border-color: var(--notification-enabled-border-color);
|
|
58376
58392
|
background: none;
|
|
@@ -58501,11 +58517,11 @@ var BadgeType = /* @__PURE__ */ ((BadgeType2) => {
|
|
|
58501
58517
|
BadgeType2["alarm"] = "alarm";
|
|
58502
58518
|
BadgeType2["warning"] = "warning";
|
|
58503
58519
|
BadgeType2["caution"] = "caution";
|
|
58504
|
-
BadgeType2["
|
|
58505
|
-
BadgeType2["
|
|
58506
|
-
BadgeType2["
|
|
58507
|
-
BadgeType2["
|
|
58508
|
-
BadgeType2["
|
|
58520
|
+
BadgeType2["levelCritical"] = "level-critical";
|
|
58521
|
+
BadgeType2["levelHigh"] = "level-high";
|
|
58522
|
+
BadgeType2["levelMedium"] = "level-medium";
|
|
58523
|
+
BadgeType2["levelLow"] = "level-low";
|
|
58524
|
+
BadgeType2["levelDiagnostic"] = "level-diagnostic";
|
|
58509
58525
|
BadgeType2["running"] = "running";
|
|
58510
58526
|
BadgeType2["notification"] = "notification";
|
|
58511
58527
|
BadgeType2["enhance"] = "enhance";
|
|
@@ -58565,7 +58581,7 @@ let ObcBadge = class extends i$4 {
|
|
|
58565
58581
|
/>
|
|
58566
58582
|
</svg>
|
|
58567
58583
|
`;
|
|
58568
|
-
case "
|
|
58584
|
+
case "level-high":
|
|
58569
58585
|
return b`
|
|
58570
58586
|
<svg width="100%" height="100%" viewBox="0 0 12 12" fill="none">
|
|
58571
58587
|
<path
|
|
@@ -58574,7 +58590,7 @@ let ObcBadge = class extends i$4 {
|
|
|
58574
58590
|
/>
|
|
58575
58591
|
</svg>
|
|
58576
58592
|
`;
|
|
58577
|
-
case "
|
|
58593
|
+
case "level-medium":
|
|
58578
58594
|
return b`
|
|
58579
58595
|
<svg width="100%" height="100%" viewBox="0 0 12 12" fill="none">
|
|
58580
58596
|
<circle
|
|
@@ -58586,7 +58602,7 @@ let ObcBadge = class extends i$4 {
|
|
|
58586
58602
|
/>
|
|
58587
58603
|
</svg>
|
|
58588
58604
|
`;
|
|
58589
|
-
case "
|
|
58605
|
+
case "level-low":
|
|
58590
58606
|
return b`
|
|
58591
58607
|
<svg width="100%" height="100%" viewBox="0 0 12 12" fill="none">
|
|
58592
58608
|
<path
|
|
@@ -58596,7 +58612,7 @@ let ObcBadge = class extends i$4 {
|
|
|
58596
58612
|
/>
|
|
58597
58613
|
</svg>
|
|
58598
58614
|
`;
|
|
58599
|
-
case "
|
|
58615
|
+
case "level-critical":
|
|
58600
58616
|
return b`
|
|
58601
58617
|
<svg width="100%" height="100%" viewBox="0 0 12 12" fill="none">
|
|
58602
58618
|
<path
|
|
@@ -58605,7 +58621,7 @@ let ObcBadge = class extends i$4 {
|
|
|
58605
58621
|
/>
|
|
58606
58622
|
</svg>
|
|
58607
58623
|
`;
|
|
58608
|
-
case "
|
|
58624
|
+
case "level-diagnostic":
|
|
58609
58625
|
return b`
|
|
58610
58626
|
<svg width="100%" height="100%" viewBox="0 0 12 12" fill="none">
|
|
58611
58627
|
<path
|
|
@@ -58717,14 +58733,44 @@ let ObcTreeNavigationItem = class extends i$4 {
|
|
|
58717
58733
|
this.focusable = true;
|
|
58718
58734
|
this.hasLeadingIcon = true;
|
|
58719
58735
|
this.terminalType = "regular";
|
|
58720
|
-
this.hasAlertBadge = false;
|
|
58721
|
-
this.alertCount = 0;
|
|
58722
|
-
this.alertType = BadgeType.alarm;
|
|
58723
58736
|
}
|
|
58724
58737
|
/** Focuses the row's interactive wrapper (the host itself is not focusable). */
|
|
58725
58738
|
focus(options) {
|
|
58726
58739
|
this.wrapperElement?.focus(options);
|
|
58727
58740
|
}
|
|
58741
|
+
/**
|
|
58742
|
+
* The badge(s) to render from `alerts`, as `{type, count}` pairs already in
|
|
58743
|
+
* severity order, ranked by `ALERT_SEVERITY_PRIORITY`.
|
|
58744
|
+
*
|
|
58745
|
+
* - No `alerts`, or every count 0 → no badges.
|
|
58746
|
+
* - `aggregate` → a single pair: the summed count typed as the highest
|
|
58747
|
+
* category that has any alerts.
|
|
58748
|
+
* - Otherwise → one pair per count greater than 0.
|
|
58749
|
+
*/
|
|
58750
|
+
get alertBadges() {
|
|
58751
|
+
const alerts = this.alerts;
|
|
58752
|
+
if (!alerts) return [];
|
|
58753
|
+
const countByType = {
|
|
58754
|
+
[AlertType.LevelCritical]: alerts.countLevelCritical ?? 0,
|
|
58755
|
+
[AlertType.Alarm]: alerts.countAlarm ?? 0,
|
|
58756
|
+
[AlertType.LevelHigh]: alerts.countLevelHigh ?? 0,
|
|
58757
|
+
[AlertType.Warning]: alerts.countWarning ?? 0,
|
|
58758
|
+
[AlertType.LevelMedium]: alerts.countLevelMedium ?? 0,
|
|
58759
|
+
[AlertType.Caution]: alerts.countCaution ?? 0,
|
|
58760
|
+
[AlertType.LevelLow]: alerts.countLevelLow ?? 0,
|
|
58761
|
+
[AlertType.LevelDiagnostic]: alerts.countLevelDiagnostic ?? 0
|
|
58762
|
+
};
|
|
58763
|
+
const ranked = ALERT_SEVERITY_PRIORITY.filter(
|
|
58764
|
+
(type) => type in countByType
|
|
58765
|
+
).map((type) => ({ type, count: countByType[type] ?? 0 }));
|
|
58766
|
+
if (alerts.aggregate) {
|
|
58767
|
+
const total = ranked.reduce((sum, b2) => sum + b2.count, 0);
|
|
58768
|
+
const highest = ranked.find((b2) => b2.count > 0);
|
|
58769
|
+
if (!highest) return [];
|
|
58770
|
+
return [{ type: highest.type, count: total }];
|
|
58771
|
+
}
|
|
58772
|
+
return ranked.filter((b2) => b2.count > 0);
|
|
58773
|
+
}
|
|
58728
58774
|
/** A root-level row has no ancestor columns, so it draws no connector lines. */
|
|
58729
58775
|
get isRoot() {
|
|
58730
58776
|
return this.branches.length === 0;
|
|
@@ -58818,11 +58864,15 @@ let ObcTreeNavigationItem = class extends i$4 {
|
|
|
58818
58864
|
</div>` : A}
|
|
58819
58865
|
<span part="label" class="label">${this.label}</span>
|
|
58820
58866
|
</div>
|
|
58821
|
-
${this.
|
|
58822
|
-
|
|
58823
|
-
|
|
58824
|
-
|
|
58825
|
-
|
|
58867
|
+
${this.alertBadges.length > 0 ? b`<div class="alert-badges">
|
|
58868
|
+
${this.alertBadges.map(
|
|
58869
|
+
(badge) => b`<obc-badge
|
|
58870
|
+
class="alert-badge"
|
|
58871
|
+
.type=${badge.type}
|
|
58872
|
+
.number=${badge.count}
|
|
58873
|
+
></obc-badge>`
|
|
58874
|
+
)}
|
|
58875
|
+
</div>` : A}
|
|
58826
58876
|
</div>
|
|
58827
58877
|
</div>
|
|
58828
58878
|
`;
|
|
@@ -58857,14 +58907,8 @@ __decorateClass$vI([
|
|
|
58857
58907
|
n$3({ type: String })
|
|
58858
58908
|
], ObcTreeNavigationItem.prototype, "terminalType", 2);
|
|
58859
58909
|
__decorateClass$vI([
|
|
58860
|
-
n$3({ type:
|
|
58861
|
-
], ObcTreeNavigationItem.prototype, "
|
|
58862
|
-
__decorateClass$vI([
|
|
58863
|
-
n$3({ type: Number })
|
|
58864
|
-
], ObcTreeNavigationItem.prototype, "alertCount", 2);
|
|
58865
|
-
__decorateClass$vI([
|
|
58866
|
-
n$3({ type: String })
|
|
58867
|
-
], ObcTreeNavigationItem.prototype, "alertType", 2);
|
|
58910
|
+
n$3({ type: Object })
|
|
58911
|
+
], ObcTreeNavigationItem.prototype, "alerts", 2);
|
|
58868
58912
|
__decorateClass$vI([
|
|
58869
58913
|
n$3({ type: String })
|
|
58870
58914
|
], ObcTreeNavigationItem.prototype, "href", 2);
|
|
@@ -59388,9 +59432,6 @@ let ObcNavigationItem = class extends i$4 {
|
|
|
59388
59432
|
this.treeMode = false;
|
|
59389
59433
|
this.treeBranches = [];
|
|
59390
59434
|
this.terminalType = TreeTerminalType.regular;
|
|
59391
|
-
this.hasAlertBadge = false;
|
|
59392
|
-
this.alertCount = 0;
|
|
59393
|
-
this.alertType = BadgeType.alarm;
|
|
59394
59435
|
}
|
|
59395
59436
|
/**
|
|
59396
59437
|
* Fired when the navigation item is clicked (either as a link or button).
|
|
@@ -59437,9 +59478,7 @@ let ObcNavigationItem = class extends i$4 {
|
|
|
59437
59478
|
.hasLeadingIcon=${this.hasIcon}
|
|
59438
59479
|
.href=${this.href}
|
|
59439
59480
|
.terminalType=${this.terminalType}
|
|
59440
|
-
|
|
59441
|
-
.alertCount=${this.alertCount}
|
|
59442
|
-
.alertType=${this.alertType}
|
|
59481
|
+
.alerts=${this.alerts}
|
|
59443
59482
|
@click=${this.onClick}
|
|
59444
59483
|
>
|
|
59445
59484
|
${this.hasIcon ? b`<slot name="icon" slot="icon"></slot>` : A}
|
|
@@ -59527,14 +59566,8 @@ __decorateClass$vG([
|
|
|
59527
59566
|
n$3({ type: String })
|
|
59528
59567
|
], ObcNavigationItem.prototype, "terminalType", 2);
|
|
59529
59568
|
__decorateClass$vG([
|
|
59530
|
-
n$3({ type:
|
|
59531
|
-
], ObcNavigationItem.prototype, "
|
|
59532
|
-
__decorateClass$vG([
|
|
59533
|
-
n$3({ type: Number })
|
|
59534
|
-
], ObcNavigationItem.prototype, "alertCount", 2);
|
|
59535
|
-
__decorateClass$vG([
|
|
59536
|
-
n$3({ type: String })
|
|
59537
|
-
], ObcNavigationItem.prototype, "alertType", 2);
|
|
59569
|
+
n$3({ type: Object })
|
|
59570
|
+
], ObcNavigationItem.prototype, "alerts", 2);
|
|
59538
59571
|
__decorateClass$vG([
|
|
59539
59572
|
e$3("a")
|
|
59540
59573
|
], ObcNavigationItem.prototype, "anchorElement", 2);
|
|
@@ -59684,9 +59717,6 @@ let ObcNavigationItemGroup = class extends i$4 {
|
|
|
59684
59717
|
this.treeMode = false;
|
|
59685
59718
|
this.treeBranches = [];
|
|
59686
59719
|
this.terminalType = TreeTerminalType.regular;
|
|
59687
|
-
this.hasAlertBadge = false;
|
|
59688
|
-
this.alertCount = 0;
|
|
59689
|
-
this.alertType = BadgeType.alarm;
|
|
59690
59720
|
this.defaultOpen = false;
|
|
59691
59721
|
this.openContainer = false;
|
|
59692
59722
|
}
|
|
@@ -59735,9 +59765,7 @@ let ObcNavigationItemGroup = class extends i$4 {
|
|
|
59735
59765
|
?checked=${this.checked}
|
|
59736
59766
|
.hasLeadingIcon=${this.hasIcon}
|
|
59737
59767
|
.terminalType=${this.terminalType}
|
|
59738
|
-
|
|
59739
|
-
.alertCount=${this.alertCount}
|
|
59740
|
-
.alertType=${this.alertType}
|
|
59768
|
+
.alerts=${this.expanded ? void 0 : this.alerts}
|
|
59741
59769
|
@expand-toggle=${this.onClickGroup}
|
|
59742
59770
|
>
|
|
59743
59771
|
${this.hasIcon ? b`<slot name="icon" slot="icon"></slot>` : A}
|
|
@@ -59813,14 +59841,8 @@ __decorateClass$vF([
|
|
|
59813
59841
|
n$3({ type: String })
|
|
59814
59842
|
], ObcNavigationItemGroup.prototype, "terminalType", 2);
|
|
59815
59843
|
__decorateClass$vF([
|
|
59816
|
-
n$3({ type:
|
|
59817
|
-
], ObcNavigationItemGroup.prototype, "
|
|
59818
|
-
__decorateClass$vF([
|
|
59819
|
-
n$3({ type: Number })
|
|
59820
|
-
], ObcNavigationItemGroup.prototype, "alertCount", 2);
|
|
59821
|
-
__decorateClass$vF([
|
|
59822
|
-
n$3({ type: String })
|
|
59823
|
-
], ObcNavigationItemGroup.prototype, "alertType", 2);
|
|
59844
|
+
n$3({ type: Object })
|
|
59845
|
+
], ObcNavigationItemGroup.prototype, "alerts", 2);
|
|
59824
59846
|
__decorateClass$vF([
|
|
59825
59847
|
n$3({ type: Boolean })
|
|
59826
59848
|
], ObcNavigationItemGroup.prototype, "defaultOpen", 2);
|
|
@@ -64009,7 +64031,7 @@ const compentStyle$Z = i$7`
|
|
|
64009
64031
|
/* z-index follows ALERT_SEVERITY_PRIORITY: more severe statuses stack on top. */
|
|
64010
64032
|
}
|
|
64011
64033
|
|
|
64012
|
-
.alert.alert-
|
|
64034
|
+
.alert.alert-level-critical {
|
|
64013
64035
|
z-index: 8;
|
|
64014
64036
|
}
|
|
64015
64037
|
|
|
@@ -64017,7 +64039,7 @@ const compentStyle$Z = i$7`
|
|
|
64017
64039
|
z-index: 7;
|
|
64018
64040
|
}
|
|
64019
64041
|
|
|
64020
|
-
.alert.alert-
|
|
64042
|
+
.alert.alert-level-high {
|
|
64021
64043
|
z-index: 6;
|
|
64022
64044
|
}
|
|
64023
64045
|
|
|
@@ -64025,7 +64047,7 @@ const compentStyle$Z = i$7`
|
|
|
64025
64047
|
z-index: 5;
|
|
64026
64048
|
}
|
|
64027
64049
|
|
|
64028
|
-
.alert.alert-
|
|
64050
|
+
.alert.alert-level-medium {
|
|
64029
64051
|
z-index: 4;
|
|
64030
64052
|
}
|
|
64031
64053
|
|
|
@@ -64033,11 +64055,11 @@ const compentStyle$Z = i$7`
|
|
|
64033
64055
|
z-index: 3;
|
|
64034
64056
|
}
|
|
64035
64057
|
|
|
64036
|
-
.alert.alert-
|
|
64058
|
+
.alert.alert-level-low {
|
|
64037
64059
|
z-index: 2;
|
|
64038
64060
|
}
|
|
64039
64061
|
|
|
64040
|
-
.alert.alert-
|
|
64062
|
+
.alert.alert-level-diagnostic {
|
|
64041
64063
|
z-index: 1;
|
|
64042
64064
|
}
|
|
64043
64065
|
`;
|
|
@@ -67678,15 +67700,15 @@ button {
|
|
|
67678
67700
|
color: var(--on-caution-active-color);
|
|
67679
67701
|
}
|
|
67680
67702
|
|
|
67681
|
-
:is(.type-enhanced.alert-type-
|
|
67703
|
+
:is(.type-enhanced.alert-type-level-critical .alert-button) {
|
|
67682
67704
|
cursor: pointer;
|
|
67683
67705
|
}
|
|
67684
67706
|
|
|
67685
|
-
:is(.type-enhanced.alert-type-
|
|
67707
|
+
:is(.type-enhanced.alert-type-level-critical .alert-button):focus {
|
|
67686
67708
|
outline: none;
|
|
67687
67709
|
}
|
|
67688
67710
|
|
|
67689
|
-
:is(.type-enhanced.alert-type-
|
|
67711
|
+
:is(.type-enhanced.alert-type-level-critical .alert-button) .blink {
|
|
67690
67712
|
border-color: var(--normal-enabled-border-color);
|
|
67691
67713
|
background-color: var(--normal-enabled-background-color);
|
|
67692
67714
|
border-width: 1px;
|
|
@@ -67696,7 +67718,7 @@ button {
|
|
|
67696
67718
|
--base-background-color: var(--normal-enabled-background-color);
|
|
67697
67719
|
}
|
|
67698
67720
|
|
|
67699
|
-
.activated:is(.type-enhanced.alert-type-
|
|
67721
|
+
.activated:is(.type-enhanced.alert-type-level-critical .alert-button) .blink {
|
|
67700
67722
|
border-color: var(--normal-activated-border-color);
|
|
67701
67723
|
background-color: var(--normal-activated-background-color);
|
|
67702
67724
|
--base-border-color: var(--normal-activated-border-color);
|
|
@@ -67705,18 +67727,18 @@ button {
|
|
|
67705
67727
|
|
|
67706
67728
|
@media (hover:hover) {
|
|
67707
67729
|
|
|
67708
|
-
:is(.type-enhanced.alert-type-
|
|
67730
|
+
:is(.type-enhanced.alert-type-level-critical .alert-button):hover .blink {
|
|
67709
67731
|
border-color: color-mix(in srgb, var(--normal-hover-border-color) calc(var(--obc-can-hover) * 100%), var(--base-border-color));
|
|
67710
67732
|
background-color: color-mix(in srgb, var(--normal-hover-background-color) calc(var(--obc-can-hover) * 100%), var(--base-background-color));
|
|
67711
67733
|
}
|
|
67712
67734
|
}
|
|
67713
67735
|
|
|
67714
|
-
:is(.type-enhanced.alert-type-
|
|
67736
|
+
:is(.type-enhanced.alert-type-level-critical .alert-button):active .blink {
|
|
67715
67737
|
border-color: var(--normal-pressed-border-color);
|
|
67716
67738
|
background-color: var(--normal-pressed-background-color);
|
|
67717
67739
|
}
|
|
67718
67740
|
|
|
67719
|
-
:is(.type-enhanced.alert-type-
|
|
67741
|
+
:is(.type-enhanced.alert-type-level-critical .alert-button):focus-visible .blink {
|
|
67720
67742
|
outline-color: var(--border-focus-color);
|
|
67721
67743
|
outline-width: var(--global-size-spacing-border-weight-focusframe);
|
|
67722
67744
|
outline-style: solid;
|
|
@@ -67724,37 +67746,37 @@ button {
|
|
|
67724
67746
|
z-index: 1;
|
|
67725
67747
|
}
|
|
67726
67748
|
|
|
67727
|
-
:is(.type-enhanced.alert-type-
|
|
67749
|
+
:is(.type-enhanced.alert-type-level-critical .alert-button):disabled .blink {
|
|
67728
67750
|
border-color: var(--normal-disabled-border-color);
|
|
67729
67751
|
background-color: var(--normal-disabled-background-color);
|
|
67730
67752
|
cursor: not-allowed;
|
|
67731
67753
|
color: var(--on-normal-disabled-color) !important;
|
|
67732
67754
|
}
|
|
67733
67755
|
|
|
67734
|
-
.disabled:is(.type-enhanced.alert-type-
|
|
67756
|
+
.disabled:is(.type-enhanced.alert-type-level-critical .alert-button) .blink {
|
|
67735
67757
|
border-color: var(--normal-disabled-border-color);
|
|
67736
67758
|
background-color: var(--normal-disabled-background-color);
|
|
67737
67759
|
cursor: not-allowed;
|
|
67738
67760
|
color: var(--on-normal-disabled-color) !important;
|
|
67739
67761
|
}
|
|
67740
67762
|
|
|
67741
|
-
:is(.type-enhanced.alert-type-
|
|
67763
|
+
:is(.type-enhanced.alert-type-level-critical .alert-button):disabled {
|
|
67742
67764
|
cursor: not-allowed;
|
|
67743
67765
|
}
|
|
67744
67766
|
|
|
67745
|
-
.disabled:is(.type-enhanced.alert-type-
|
|
67767
|
+
.disabled:is(.type-enhanced.alert-type-level-critical .alert-button) {
|
|
67746
67768
|
cursor: not-allowed;
|
|
67747
67769
|
}
|
|
67748
67770
|
|
|
67749
|
-
:is(.type-enhanced.alert-type-
|
|
67771
|
+
:is(.type-enhanced.alert-type-level-critical .alert-button) {
|
|
67750
67772
|
cursor: pointer;
|
|
67751
67773
|
}
|
|
67752
67774
|
|
|
67753
|
-
:is(.type-enhanced.alert-type-
|
|
67775
|
+
:is(.type-enhanced.alert-type-level-critical .alert-button):focus {
|
|
67754
67776
|
outline: none;
|
|
67755
67777
|
}
|
|
67756
67778
|
|
|
67757
|
-
:is(.type-enhanced.alert-type-
|
|
67779
|
+
:is(.type-enhanced.alert-type-level-critical .alert-button) .visible-wrapper {
|
|
67758
67780
|
border-color: var(--critical-enabled-border-color);
|
|
67759
67781
|
background-color: var(--critical-enabled-background-color);
|
|
67760
67782
|
border-width: 1px;
|
|
@@ -67764,7 +67786,7 @@ button {
|
|
|
67764
67786
|
--base-background-color: var(--critical-enabled-background-color);
|
|
67765
67787
|
}
|
|
67766
67788
|
|
|
67767
|
-
.activated:is(.type-enhanced.alert-type-
|
|
67789
|
+
.activated:is(.type-enhanced.alert-type-level-critical .alert-button) .visible-wrapper {
|
|
67768
67790
|
border-color: var(--critical-activated-border-color);
|
|
67769
67791
|
background-color: var(--critical-activated-background-color);
|
|
67770
67792
|
--base-border-color: var(--critical-activated-border-color);
|
|
@@ -67773,18 +67795,18 @@ button {
|
|
|
67773
67795
|
|
|
67774
67796
|
@media (hover:hover) {
|
|
67775
67797
|
|
|
67776
|
-
:is(.type-enhanced.alert-type-
|
|
67798
|
+
:is(.type-enhanced.alert-type-level-critical .alert-button):hover .visible-wrapper {
|
|
67777
67799
|
border-color: color-mix(in srgb, var(--critical-hover-border-color) calc(var(--obc-can-hover) * 100%), var(--base-border-color));
|
|
67778
67800
|
background-color: color-mix(in srgb, var(--critical-hover-background-color) calc(var(--obc-can-hover) * 100%), var(--base-background-color));
|
|
67779
67801
|
}
|
|
67780
67802
|
}
|
|
67781
67803
|
|
|
67782
|
-
:is(.type-enhanced.alert-type-
|
|
67804
|
+
:is(.type-enhanced.alert-type-level-critical .alert-button):active .visible-wrapper {
|
|
67783
67805
|
border-color: var(--critical-pressed-border-color);
|
|
67784
67806
|
background-color: var(--critical-pressed-background-color);
|
|
67785
67807
|
}
|
|
67786
67808
|
|
|
67787
|
-
:is(.type-enhanced.alert-type-
|
|
67809
|
+
:is(.type-enhanced.alert-type-level-critical .alert-button):focus-visible .visible-wrapper {
|
|
67788
67810
|
outline-color: var(--border-focus-color);
|
|
67789
67811
|
outline-width: var(--global-size-spacing-border-weight-focusframe);
|
|
67790
67812
|
outline-style: solid;
|
|
@@ -67792,41 +67814,41 @@ button {
|
|
|
67792
67814
|
z-index: 1;
|
|
67793
67815
|
}
|
|
67794
67816
|
|
|
67795
|
-
:is(.type-enhanced.alert-type-
|
|
67817
|
+
:is(.type-enhanced.alert-type-level-critical .alert-button):disabled .visible-wrapper {
|
|
67796
67818
|
border-color: var(--critical-disabled-border-color);
|
|
67797
67819
|
background-color: var(--critical-disabled-background-color);
|
|
67798
67820
|
cursor: not-allowed;
|
|
67799
67821
|
color: var(--on-critical-disabled-color) !important;
|
|
67800
67822
|
}
|
|
67801
67823
|
|
|
67802
|
-
.disabled:is(.type-enhanced.alert-type-
|
|
67824
|
+
.disabled:is(.type-enhanced.alert-type-level-critical .alert-button) .visible-wrapper {
|
|
67803
67825
|
border-color: var(--critical-disabled-border-color);
|
|
67804
67826
|
background-color: var(--critical-disabled-background-color);
|
|
67805
67827
|
cursor: not-allowed;
|
|
67806
67828
|
color: var(--on-critical-disabled-color) !important;
|
|
67807
67829
|
}
|
|
67808
67830
|
|
|
67809
|
-
:is(.type-enhanced.alert-type-
|
|
67831
|
+
:is(.type-enhanced.alert-type-level-critical .alert-button):disabled {
|
|
67810
67832
|
cursor: not-allowed;
|
|
67811
67833
|
}
|
|
67812
67834
|
|
|
67813
|
-
.disabled:is(.type-enhanced.alert-type-
|
|
67835
|
+
.disabled:is(.type-enhanced.alert-type-level-critical .alert-button) {
|
|
67814
67836
|
cursor: not-allowed;
|
|
67815
67837
|
}
|
|
67816
67838
|
|
|
67817
|
-
:is(.type-enhanced.alert-type-
|
|
67839
|
+
:is(.type-enhanced.alert-type-level-critical .alert-button) .visible-wrapper {
|
|
67818
67840
|
color: var(--on-critical-active-color);
|
|
67819
67841
|
}
|
|
67820
67842
|
|
|
67821
|
-
:is(.type-enhanced.alert-type-
|
|
67843
|
+
:is(.type-enhanced.alert-type-level-high .alert-button) {
|
|
67822
67844
|
cursor: pointer;
|
|
67823
67845
|
}
|
|
67824
67846
|
|
|
67825
|
-
:is(.type-enhanced.alert-type-
|
|
67847
|
+
:is(.type-enhanced.alert-type-level-high .alert-button):focus {
|
|
67826
67848
|
outline: none;
|
|
67827
67849
|
}
|
|
67828
67850
|
|
|
67829
|
-
:is(.type-enhanced.alert-type-
|
|
67851
|
+
:is(.type-enhanced.alert-type-level-high .alert-button) .blink {
|
|
67830
67852
|
border-color: var(--normal-enabled-border-color);
|
|
67831
67853
|
background-color: var(--normal-enabled-background-color);
|
|
67832
67854
|
border-width: 1px;
|
|
@@ -67836,7 +67858,7 @@ button {
|
|
|
67836
67858
|
--base-background-color: var(--normal-enabled-background-color);
|
|
67837
67859
|
}
|
|
67838
67860
|
|
|
67839
|
-
.activated:is(.type-enhanced.alert-type-
|
|
67861
|
+
.activated:is(.type-enhanced.alert-type-level-high .alert-button) .blink {
|
|
67840
67862
|
border-color: var(--normal-activated-border-color);
|
|
67841
67863
|
background-color: var(--normal-activated-background-color);
|
|
67842
67864
|
--base-border-color: var(--normal-activated-border-color);
|
|
@@ -67845,18 +67867,18 @@ button {
|
|
|
67845
67867
|
|
|
67846
67868
|
@media (hover:hover) {
|
|
67847
67869
|
|
|
67848
|
-
:is(.type-enhanced.alert-type-
|
|
67870
|
+
:is(.type-enhanced.alert-type-level-high .alert-button):hover .blink {
|
|
67849
67871
|
border-color: color-mix(in srgb, var(--normal-hover-border-color) calc(var(--obc-can-hover) * 100%), var(--base-border-color));
|
|
67850
67872
|
background-color: color-mix(in srgb, var(--normal-hover-background-color) calc(var(--obc-can-hover) * 100%), var(--base-background-color));
|
|
67851
67873
|
}
|
|
67852
67874
|
}
|
|
67853
67875
|
|
|
67854
|
-
:is(.type-enhanced.alert-type-
|
|
67876
|
+
:is(.type-enhanced.alert-type-level-high .alert-button):active .blink {
|
|
67855
67877
|
border-color: var(--normal-pressed-border-color);
|
|
67856
67878
|
background-color: var(--normal-pressed-background-color);
|
|
67857
67879
|
}
|
|
67858
67880
|
|
|
67859
|
-
:is(.type-enhanced.alert-type-
|
|
67881
|
+
:is(.type-enhanced.alert-type-level-high .alert-button):focus-visible .blink {
|
|
67860
67882
|
outline-color: var(--border-focus-color);
|
|
67861
67883
|
outline-width: var(--global-size-spacing-border-weight-focusframe);
|
|
67862
67884
|
outline-style: solid;
|
|
@@ -67864,37 +67886,37 @@ button {
|
|
|
67864
67886
|
z-index: 1;
|
|
67865
67887
|
}
|
|
67866
67888
|
|
|
67867
|
-
:is(.type-enhanced.alert-type-
|
|
67889
|
+
:is(.type-enhanced.alert-type-level-high .alert-button):disabled .blink {
|
|
67868
67890
|
border-color: var(--normal-disabled-border-color);
|
|
67869
67891
|
background-color: var(--normal-disabled-background-color);
|
|
67870
67892
|
cursor: not-allowed;
|
|
67871
67893
|
color: var(--on-normal-disabled-color) !important;
|
|
67872
67894
|
}
|
|
67873
67895
|
|
|
67874
|
-
.disabled:is(.type-enhanced.alert-type-
|
|
67896
|
+
.disabled:is(.type-enhanced.alert-type-level-high .alert-button) .blink {
|
|
67875
67897
|
border-color: var(--normal-disabled-border-color);
|
|
67876
67898
|
background-color: var(--normal-disabled-background-color);
|
|
67877
67899
|
cursor: not-allowed;
|
|
67878
67900
|
color: var(--on-normal-disabled-color) !important;
|
|
67879
67901
|
}
|
|
67880
67902
|
|
|
67881
|
-
:is(.type-enhanced.alert-type-
|
|
67903
|
+
:is(.type-enhanced.alert-type-level-high .alert-button):disabled {
|
|
67882
67904
|
cursor: not-allowed;
|
|
67883
67905
|
}
|
|
67884
67906
|
|
|
67885
|
-
.disabled:is(.type-enhanced.alert-type-
|
|
67907
|
+
.disabled:is(.type-enhanced.alert-type-level-high .alert-button) {
|
|
67886
67908
|
cursor: not-allowed;
|
|
67887
67909
|
}
|
|
67888
67910
|
|
|
67889
|
-
:is(.type-enhanced.alert-type-
|
|
67911
|
+
:is(.type-enhanced.alert-type-level-high .alert-button) {
|
|
67890
67912
|
cursor: pointer;
|
|
67891
67913
|
}
|
|
67892
67914
|
|
|
67893
|
-
:is(.type-enhanced.alert-type-
|
|
67915
|
+
:is(.type-enhanced.alert-type-level-high .alert-button):focus {
|
|
67894
67916
|
outline: none;
|
|
67895
67917
|
}
|
|
67896
67918
|
|
|
67897
|
-
:is(.type-enhanced.alert-type-
|
|
67919
|
+
:is(.type-enhanced.alert-type-level-high .alert-button) .visible-wrapper {
|
|
67898
67920
|
border-color: var(--alarm-enabled-border-color);
|
|
67899
67921
|
background-color: var(--alarm-enabled-background-color);
|
|
67900
67922
|
border-width: 1px;
|
|
@@ -67904,7 +67926,7 @@ button {
|
|
|
67904
67926
|
--base-background-color: var(--alarm-enabled-background-color);
|
|
67905
67927
|
}
|
|
67906
67928
|
|
|
67907
|
-
.activated:is(.type-enhanced.alert-type-
|
|
67929
|
+
.activated:is(.type-enhanced.alert-type-level-high .alert-button) .visible-wrapper {
|
|
67908
67930
|
border-color: var(--alarm-activated-border-color);
|
|
67909
67931
|
background-color: var(--alarm-activated-background-color);
|
|
67910
67932
|
--base-border-color: var(--alarm-activated-border-color);
|
|
@@ -67913,18 +67935,18 @@ button {
|
|
|
67913
67935
|
|
|
67914
67936
|
@media (hover:hover) {
|
|
67915
67937
|
|
|
67916
|
-
:is(.type-enhanced.alert-type-
|
|
67938
|
+
:is(.type-enhanced.alert-type-level-high .alert-button):hover .visible-wrapper {
|
|
67917
67939
|
border-color: color-mix(in srgb, var(--alarm-hover-border-color) calc(var(--obc-can-hover) * 100%), var(--base-border-color));
|
|
67918
67940
|
background-color: color-mix(in srgb, var(--alarm-hover-background-color) calc(var(--obc-can-hover) * 100%), var(--base-background-color));
|
|
67919
67941
|
}
|
|
67920
67942
|
}
|
|
67921
67943
|
|
|
67922
|
-
:is(.type-enhanced.alert-type-
|
|
67944
|
+
:is(.type-enhanced.alert-type-level-high .alert-button):active .visible-wrapper {
|
|
67923
67945
|
border-color: var(--alarm-pressed-border-color);
|
|
67924
67946
|
background-color: var(--alarm-pressed-background-color);
|
|
67925
67947
|
}
|
|
67926
67948
|
|
|
67927
|
-
:is(.type-enhanced.alert-type-
|
|
67949
|
+
:is(.type-enhanced.alert-type-level-high .alert-button):focus-visible .visible-wrapper {
|
|
67928
67950
|
outline-color: var(--border-focus-color);
|
|
67929
67951
|
outline-width: var(--global-size-spacing-border-weight-focusframe);
|
|
67930
67952
|
outline-style: solid;
|
|
@@ -67932,41 +67954,41 @@ button {
|
|
|
67932
67954
|
z-index: 1;
|
|
67933
67955
|
}
|
|
67934
67956
|
|
|
67935
|
-
:is(.type-enhanced.alert-type-
|
|
67957
|
+
:is(.type-enhanced.alert-type-level-high .alert-button):disabled .visible-wrapper {
|
|
67936
67958
|
border-color: var(--alarm-disabled-border-color);
|
|
67937
67959
|
background-color: var(--alarm-disabled-background-color);
|
|
67938
67960
|
cursor: not-allowed;
|
|
67939
67961
|
color: var(--on-alarm-disabled-color) !important;
|
|
67940
67962
|
}
|
|
67941
67963
|
|
|
67942
|
-
.disabled:is(.type-enhanced.alert-type-
|
|
67964
|
+
.disabled:is(.type-enhanced.alert-type-level-high .alert-button) .visible-wrapper {
|
|
67943
67965
|
border-color: var(--alarm-disabled-border-color);
|
|
67944
67966
|
background-color: var(--alarm-disabled-background-color);
|
|
67945
67967
|
cursor: not-allowed;
|
|
67946
67968
|
color: var(--on-alarm-disabled-color) !important;
|
|
67947
67969
|
}
|
|
67948
67970
|
|
|
67949
|
-
:is(.type-enhanced.alert-type-
|
|
67971
|
+
:is(.type-enhanced.alert-type-level-high .alert-button):disabled {
|
|
67950
67972
|
cursor: not-allowed;
|
|
67951
67973
|
}
|
|
67952
67974
|
|
|
67953
|
-
.disabled:is(.type-enhanced.alert-type-
|
|
67975
|
+
.disabled:is(.type-enhanced.alert-type-level-high .alert-button) {
|
|
67954
67976
|
cursor: not-allowed;
|
|
67955
67977
|
}
|
|
67956
67978
|
|
|
67957
|
-
:is(.type-enhanced.alert-type-
|
|
67979
|
+
:is(.type-enhanced.alert-type-level-high .alert-button) .visible-wrapper {
|
|
67958
67980
|
color: var(--on-alarm-active-color);
|
|
67959
67981
|
}
|
|
67960
67982
|
|
|
67961
|
-
:is(.type-enhanced.alert-type-
|
|
67983
|
+
:is(.type-enhanced.alert-type-level-medium .alert-button) {
|
|
67962
67984
|
cursor: pointer;
|
|
67963
67985
|
}
|
|
67964
67986
|
|
|
67965
|
-
:is(.type-enhanced.alert-type-
|
|
67987
|
+
:is(.type-enhanced.alert-type-level-medium .alert-button):focus {
|
|
67966
67988
|
outline: none;
|
|
67967
67989
|
}
|
|
67968
67990
|
|
|
67969
|
-
:is(.type-enhanced.alert-type-
|
|
67991
|
+
:is(.type-enhanced.alert-type-level-medium .alert-button) .blink {
|
|
67970
67992
|
border-color: var(--normal-enabled-border-color);
|
|
67971
67993
|
background-color: var(--normal-enabled-background-color);
|
|
67972
67994
|
border-width: 1px;
|
|
@@ -67976,7 +67998,7 @@ button {
|
|
|
67976
67998
|
--base-background-color: var(--normal-enabled-background-color);
|
|
67977
67999
|
}
|
|
67978
68000
|
|
|
67979
|
-
.activated:is(.type-enhanced.alert-type-
|
|
68001
|
+
.activated:is(.type-enhanced.alert-type-level-medium .alert-button) .blink {
|
|
67980
68002
|
border-color: var(--normal-activated-border-color);
|
|
67981
68003
|
background-color: var(--normal-activated-background-color);
|
|
67982
68004
|
--base-border-color: var(--normal-activated-border-color);
|
|
@@ -67985,18 +68007,18 @@ button {
|
|
|
67985
68007
|
|
|
67986
68008
|
@media (hover:hover) {
|
|
67987
68009
|
|
|
67988
|
-
:is(.type-enhanced.alert-type-
|
|
68010
|
+
:is(.type-enhanced.alert-type-level-medium .alert-button):hover .blink {
|
|
67989
68011
|
border-color: color-mix(in srgb, var(--normal-hover-border-color) calc(var(--obc-can-hover) * 100%), var(--base-border-color));
|
|
67990
68012
|
background-color: color-mix(in srgb, var(--normal-hover-background-color) calc(var(--obc-can-hover) * 100%), var(--base-background-color));
|
|
67991
68013
|
}
|
|
67992
68014
|
}
|
|
67993
68015
|
|
|
67994
|
-
:is(.type-enhanced.alert-type-
|
|
68016
|
+
:is(.type-enhanced.alert-type-level-medium .alert-button):active .blink {
|
|
67995
68017
|
border-color: var(--normal-pressed-border-color);
|
|
67996
68018
|
background-color: var(--normal-pressed-background-color);
|
|
67997
68019
|
}
|
|
67998
68020
|
|
|
67999
|
-
:is(.type-enhanced.alert-type-
|
|
68021
|
+
:is(.type-enhanced.alert-type-level-medium .alert-button):focus-visible .blink {
|
|
68000
68022
|
outline-color: var(--border-focus-color);
|
|
68001
68023
|
outline-width: var(--global-size-spacing-border-weight-focusframe);
|
|
68002
68024
|
outline-style: solid;
|
|
@@ -68004,37 +68026,37 @@ button {
|
|
|
68004
68026
|
z-index: 1;
|
|
68005
68027
|
}
|
|
68006
68028
|
|
|
68007
|
-
:is(.type-enhanced.alert-type-
|
|
68029
|
+
:is(.type-enhanced.alert-type-level-medium .alert-button):disabled .blink {
|
|
68008
68030
|
border-color: var(--normal-disabled-border-color);
|
|
68009
68031
|
background-color: var(--normal-disabled-background-color);
|
|
68010
68032
|
cursor: not-allowed;
|
|
68011
68033
|
color: var(--on-normal-disabled-color) !important;
|
|
68012
68034
|
}
|
|
68013
68035
|
|
|
68014
|
-
.disabled:is(.type-enhanced.alert-type-
|
|
68036
|
+
.disabled:is(.type-enhanced.alert-type-level-medium .alert-button) .blink {
|
|
68015
68037
|
border-color: var(--normal-disabled-border-color);
|
|
68016
68038
|
background-color: var(--normal-disabled-background-color);
|
|
68017
68039
|
cursor: not-allowed;
|
|
68018
68040
|
color: var(--on-normal-disabled-color) !important;
|
|
68019
68041
|
}
|
|
68020
68042
|
|
|
68021
|
-
:is(.type-enhanced.alert-type-
|
|
68043
|
+
:is(.type-enhanced.alert-type-level-medium .alert-button):disabled {
|
|
68022
68044
|
cursor: not-allowed;
|
|
68023
68045
|
}
|
|
68024
68046
|
|
|
68025
|
-
.disabled:is(.type-enhanced.alert-type-
|
|
68047
|
+
.disabled:is(.type-enhanced.alert-type-level-medium .alert-button) {
|
|
68026
68048
|
cursor: not-allowed;
|
|
68027
68049
|
}
|
|
68028
68050
|
|
|
68029
|
-
:is(.type-enhanced.alert-type-
|
|
68051
|
+
:is(.type-enhanced.alert-type-level-medium .alert-button) {
|
|
68030
68052
|
cursor: pointer;
|
|
68031
68053
|
}
|
|
68032
68054
|
|
|
68033
|
-
:is(.type-enhanced.alert-type-
|
|
68055
|
+
:is(.type-enhanced.alert-type-level-medium .alert-button):focus {
|
|
68034
68056
|
outline: none;
|
|
68035
68057
|
}
|
|
68036
68058
|
|
|
68037
|
-
:is(.type-enhanced.alert-type-
|
|
68059
|
+
:is(.type-enhanced.alert-type-level-medium .alert-button) .visible-wrapper {
|
|
68038
68060
|
border-color: var(--warning-enabled-border-color);
|
|
68039
68061
|
background-color: var(--warning-enabled-background-color);
|
|
68040
68062
|
border-width: 1px;
|
|
@@ -68044,7 +68066,7 @@ button {
|
|
|
68044
68066
|
--base-background-color: var(--warning-enabled-background-color);
|
|
68045
68067
|
}
|
|
68046
68068
|
|
|
68047
|
-
.activated:is(.type-enhanced.alert-type-
|
|
68069
|
+
.activated:is(.type-enhanced.alert-type-level-medium .alert-button) .visible-wrapper {
|
|
68048
68070
|
border-color: var(--warning-activated-border-color);
|
|
68049
68071
|
background-color: var(--warning-activated-background-color);
|
|
68050
68072
|
--base-border-color: var(--warning-activated-border-color);
|
|
@@ -68053,18 +68075,18 @@ button {
|
|
|
68053
68075
|
|
|
68054
68076
|
@media (hover:hover) {
|
|
68055
68077
|
|
|
68056
|
-
:is(.type-enhanced.alert-type-
|
|
68078
|
+
:is(.type-enhanced.alert-type-level-medium .alert-button):hover .visible-wrapper {
|
|
68057
68079
|
border-color: color-mix(in srgb, var(--warning-hover-border-color) calc(var(--obc-can-hover) * 100%), var(--base-border-color));
|
|
68058
68080
|
background-color: color-mix(in srgb, var(--warning-hover-background-color) calc(var(--obc-can-hover) * 100%), var(--base-background-color));
|
|
68059
68081
|
}
|
|
68060
68082
|
}
|
|
68061
68083
|
|
|
68062
|
-
:is(.type-enhanced.alert-type-
|
|
68084
|
+
:is(.type-enhanced.alert-type-level-medium .alert-button):active .visible-wrapper {
|
|
68063
68085
|
border-color: var(--warning-pressed-border-color);
|
|
68064
68086
|
background-color: var(--warning-pressed-background-color);
|
|
68065
68087
|
}
|
|
68066
68088
|
|
|
68067
|
-
:is(.type-enhanced.alert-type-
|
|
68089
|
+
:is(.type-enhanced.alert-type-level-medium .alert-button):focus-visible .visible-wrapper {
|
|
68068
68090
|
outline-color: var(--border-focus-color);
|
|
68069
68091
|
outline-width: var(--global-size-spacing-border-weight-focusframe);
|
|
68070
68092
|
outline-style: solid;
|
|
@@ -68072,41 +68094,41 @@ button {
|
|
|
68072
68094
|
z-index: 1;
|
|
68073
68095
|
}
|
|
68074
68096
|
|
|
68075
|
-
:is(.type-enhanced.alert-type-
|
|
68097
|
+
:is(.type-enhanced.alert-type-level-medium .alert-button):disabled .visible-wrapper {
|
|
68076
68098
|
border-color: var(--warning-disabled-border-color);
|
|
68077
68099
|
background-color: var(--warning-disabled-background-color);
|
|
68078
68100
|
cursor: not-allowed;
|
|
68079
68101
|
color: var(--on-warning-disabled-color) !important;
|
|
68080
68102
|
}
|
|
68081
68103
|
|
|
68082
|
-
.disabled:is(.type-enhanced.alert-type-
|
|
68104
|
+
.disabled:is(.type-enhanced.alert-type-level-medium .alert-button) .visible-wrapper {
|
|
68083
68105
|
border-color: var(--warning-disabled-border-color);
|
|
68084
68106
|
background-color: var(--warning-disabled-background-color);
|
|
68085
68107
|
cursor: not-allowed;
|
|
68086
68108
|
color: var(--on-warning-disabled-color) !important;
|
|
68087
68109
|
}
|
|
68088
68110
|
|
|
68089
|
-
:is(.type-enhanced.alert-type-
|
|
68111
|
+
:is(.type-enhanced.alert-type-level-medium .alert-button):disabled {
|
|
68090
68112
|
cursor: not-allowed;
|
|
68091
68113
|
}
|
|
68092
68114
|
|
|
68093
|
-
.disabled:is(.type-enhanced.alert-type-
|
|
68115
|
+
.disabled:is(.type-enhanced.alert-type-level-medium .alert-button) {
|
|
68094
68116
|
cursor: not-allowed;
|
|
68095
68117
|
}
|
|
68096
68118
|
|
|
68097
|
-
:is(.type-enhanced.alert-type-
|
|
68119
|
+
:is(.type-enhanced.alert-type-level-medium .alert-button) .visible-wrapper {
|
|
68098
68120
|
color: var(--on-warning-active-color);
|
|
68099
68121
|
}
|
|
68100
68122
|
|
|
68101
|
-
:is(.type-enhanced.alert-type-
|
|
68123
|
+
:is(.type-enhanced.alert-type-level-low .alert-button) {
|
|
68102
68124
|
cursor: pointer;
|
|
68103
68125
|
}
|
|
68104
68126
|
|
|
68105
|
-
:is(.type-enhanced.alert-type-
|
|
68127
|
+
:is(.type-enhanced.alert-type-level-low .alert-button):focus {
|
|
68106
68128
|
outline: none;
|
|
68107
68129
|
}
|
|
68108
68130
|
|
|
68109
|
-
:is(.type-enhanced.alert-type-
|
|
68131
|
+
:is(.type-enhanced.alert-type-level-low .alert-button) .blink {
|
|
68110
68132
|
border-color: var(--normal-enabled-border-color);
|
|
68111
68133
|
background-color: var(--normal-enabled-background-color);
|
|
68112
68134
|
border-width: 1px;
|
|
@@ -68116,7 +68138,7 @@ button {
|
|
|
68116
68138
|
--base-background-color: var(--normal-enabled-background-color);
|
|
68117
68139
|
}
|
|
68118
68140
|
|
|
68119
|
-
.activated:is(.type-enhanced.alert-type-
|
|
68141
|
+
.activated:is(.type-enhanced.alert-type-level-low .alert-button) .blink {
|
|
68120
68142
|
border-color: var(--normal-activated-border-color);
|
|
68121
68143
|
background-color: var(--normal-activated-background-color);
|
|
68122
68144
|
--base-border-color: var(--normal-activated-border-color);
|
|
@@ -68125,18 +68147,18 @@ button {
|
|
|
68125
68147
|
|
|
68126
68148
|
@media (hover:hover) {
|
|
68127
68149
|
|
|
68128
|
-
:is(.type-enhanced.alert-type-
|
|
68150
|
+
:is(.type-enhanced.alert-type-level-low .alert-button):hover .blink {
|
|
68129
68151
|
border-color: color-mix(in srgb, var(--normal-hover-border-color) calc(var(--obc-can-hover) * 100%), var(--base-border-color));
|
|
68130
68152
|
background-color: color-mix(in srgb, var(--normal-hover-background-color) calc(var(--obc-can-hover) * 100%), var(--base-background-color));
|
|
68131
68153
|
}
|
|
68132
68154
|
}
|
|
68133
68155
|
|
|
68134
|
-
:is(.type-enhanced.alert-type-
|
|
68156
|
+
:is(.type-enhanced.alert-type-level-low .alert-button):active .blink {
|
|
68135
68157
|
border-color: var(--normal-pressed-border-color);
|
|
68136
68158
|
background-color: var(--normal-pressed-background-color);
|
|
68137
68159
|
}
|
|
68138
68160
|
|
|
68139
|
-
:is(.type-enhanced.alert-type-
|
|
68161
|
+
:is(.type-enhanced.alert-type-level-low .alert-button):focus-visible .blink {
|
|
68140
68162
|
outline-color: var(--border-focus-color);
|
|
68141
68163
|
outline-width: var(--global-size-spacing-border-weight-focusframe);
|
|
68142
68164
|
outline-style: solid;
|
|
@@ -68144,37 +68166,37 @@ button {
|
|
|
68144
68166
|
z-index: 1;
|
|
68145
68167
|
}
|
|
68146
68168
|
|
|
68147
|
-
:is(.type-enhanced.alert-type-
|
|
68169
|
+
:is(.type-enhanced.alert-type-level-low .alert-button):disabled .blink {
|
|
68148
68170
|
border-color: var(--normal-disabled-border-color);
|
|
68149
68171
|
background-color: var(--normal-disabled-background-color);
|
|
68150
68172
|
cursor: not-allowed;
|
|
68151
68173
|
color: var(--on-normal-disabled-color) !important;
|
|
68152
68174
|
}
|
|
68153
68175
|
|
|
68154
|
-
.disabled:is(.type-enhanced.alert-type-
|
|
68176
|
+
.disabled:is(.type-enhanced.alert-type-level-low .alert-button) .blink {
|
|
68155
68177
|
border-color: var(--normal-disabled-border-color);
|
|
68156
68178
|
background-color: var(--normal-disabled-background-color);
|
|
68157
68179
|
cursor: not-allowed;
|
|
68158
68180
|
color: var(--on-normal-disabled-color) !important;
|
|
68159
68181
|
}
|
|
68160
68182
|
|
|
68161
|
-
:is(.type-enhanced.alert-type-
|
|
68183
|
+
:is(.type-enhanced.alert-type-level-low .alert-button):disabled {
|
|
68162
68184
|
cursor: not-allowed;
|
|
68163
68185
|
}
|
|
68164
68186
|
|
|
68165
|
-
.disabled:is(.type-enhanced.alert-type-
|
|
68187
|
+
.disabled:is(.type-enhanced.alert-type-level-low .alert-button) {
|
|
68166
68188
|
cursor: not-allowed;
|
|
68167
68189
|
}
|
|
68168
68190
|
|
|
68169
|
-
:is(.type-enhanced.alert-type-
|
|
68191
|
+
:is(.type-enhanced.alert-type-level-low .alert-button) {
|
|
68170
68192
|
cursor: pointer;
|
|
68171
68193
|
}
|
|
68172
68194
|
|
|
68173
|
-
:is(.type-enhanced.alert-type-
|
|
68195
|
+
:is(.type-enhanced.alert-type-level-low .alert-button):focus {
|
|
68174
68196
|
outline: none;
|
|
68175
68197
|
}
|
|
68176
68198
|
|
|
68177
|
-
:is(.type-enhanced.alert-type-
|
|
68199
|
+
:is(.type-enhanced.alert-type-level-low .alert-button) .visible-wrapper {
|
|
68178
68200
|
border-color: var(--caution-enabled-border-color);
|
|
68179
68201
|
background-color: var(--caution-enabled-background-color);
|
|
68180
68202
|
border-width: 1px;
|
|
@@ -68184,7 +68206,7 @@ button {
|
|
|
68184
68206
|
--base-background-color: var(--caution-enabled-background-color);
|
|
68185
68207
|
}
|
|
68186
68208
|
|
|
68187
|
-
.activated:is(.type-enhanced.alert-type-
|
|
68209
|
+
.activated:is(.type-enhanced.alert-type-level-low .alert-button) .visible-wrapper {
|
|
68188
68210
|
border-color: var(--caution-activated-border-color);
|
|
68189
68211
|
background-color: var(--caution-activated-background-color);
|
|
68190
68212
|
--base-border-color: var(--caution-activated-border-color);
|
|
@@ -68193,18 +68215,18 @@ button {
|
|
|
68193
68215
|
|
|
68194
68216
|
@media (hover:hover) {
|
|
68195
68217
|
|
|
68196
|
-
:is(.type-enhanced.alert-type-
|
|
68218
|
+
:is(.type-enhanced.alert-type-level-low .alert-button):hover .visible-wrapper {
|
|
68197
68219
|
border-color: color-mix(in srgb, var(--caution-hover-border-color) calc(var(--obc-can-hover) * 100%), var(--base-border-color));
|
|
68198
68220
|
background-color: color-mix(in srgb, var(--caution-hover-background-color) calc(var(--obc-can-hover) * 100%), var(--base-background-color));
|
|
68199
68221
|
}
|
|
68200
68222
|
}
|
|
68201
68223
|
|
|
68202
|
-
:is(.type-enhanced.alert-type-
|
|
68224
|
+
:is(.type-enhanced.alert-type-level-low .alert-button):active .visible-wrapper {
|
|
68203
68225
|
border-color: var(--caution-pressed-border-color);
|
|
68204
68226
|
background-color: var(--caution-pressed-background-color);
|
|
68205
68227
|
}
|
|
68206
68228
|
|
|
68207
|
-
:is(.type-enhanced.alert-type-
|
|
68229
|
+
:is(.type-enhanced.alert-type-level-low .alert-button):focus-visible .visible-wrapper {
|
|
68208
68230
|
outline-color: var(--border-focus-color);
|
|
68209
68231
|
outline-width: var(--global-size-spacing-border-weight-focusframe);
|
|
68210
68232
|
outline-style: solid;
|
|
@@ -68212,41 +68234,41 @@ button {
|
|
|
68212
68234
|
z-index: 1;
|
|
68213
68235
|
}
|
|
68214
68236
|
|
|
68215
|
-
:is(.type-enhanced.alert-type-
|
|
68237
|
+
:is(.type-enhanced.alert-type-level-low .alert-button):disabled .visible-wrapper {
|
|
68216
68238
|
border-color: var(--caution-disabled-border-color);
|
|
68217
68239
|
background-color: var(--caution-disabled-background-color);
|
|
68218
68240
|
cursor: not-allowed;
|
|
68219
68241
|
color: var(--on-caution-disabled-color) !important;
|
|
68220
68242
|
}
|
|
68221
68243
|
|
|
68222
|
-
.disabled:is(.type-enhanced.alert-type-
|
|
68244
|
+
.disabled:is(.type-enhanced.alert-type-level-low .alert-button) .visible-wrapper {
|
|
68223
68245
|
border-color: var(--caution-disabled-border-color);
|
|
68224
68246
|
background-color: var(--caution-disabled-background-color);
|
|
68225
68247
|
cursor: not-allowed;
|
|
68226
68248
|
color: var(--on-caution-disabled-color) !important;
|
|
68227
68249
|
}
|
|
68228
68250
|
|
|
68229
|
-
:is(.type-enhanced.alert-type-
|
|
68251
|
+
:is(.type-enhanced.alert-type-level-low .alert-button):disabled {
|
|
68230
68252
|
cursor: not-allowed;
|
|
68231
68253
|
}
|
|
68232
68254
|
|
|
68233
|
-
.disabled:is(.type-enhanced.alert-type-
|
|
68255
|
+
.disabled:is(.type-enhanced.alert-type-level-low .alert-button) {
|
|
68234
68256
|
cursor: not-allowed;
|
|
68235
68257
|
}
|
|
68236
68258
|
|
|
68237
|
-
:is(.type-enhanced.alert-type-
|
|
68259
|
+
:is(.type-enhanced.alert-type-level-low .alert-button) .visible-wrapper {
|
|
68238
68260
|
color: var(--on-caution-active-color);
|
|
68239
68261
|
}
|
|
68240
68262
|
|
|
68241
|
-
:is(.type-enhanced.alert-type-
|
|
68263
|
+
:is(.type-enhanced.alert-type-level-diagnostic .alert-button) {
|
|
68242
68264
|
cursor: pointer;
|
|
68243
68265
|
}
|
|
68244
68266
|
|
|
68245
|
-
:is(.type-enhanced.alert-type-
|
|
68267
|
+
:is(.type-enhanced.alert-type-level-diagnostic .alert-button):focus {
|
|
68246
68268
|
outline: none;
|
|
68247
68269
|
}
|
|
68248
68270
|
|
|
68249
|
-
:is(.type-enhanced.alert-type-
|
|
68271
|
+
:is(.type-enhanced.alert-type-level-diagnostic .alert-button) .blink {
|
|
68250
68272
|
border-color: var(--normal-enabled-border-color);
|
|
68251
68273
|
background-color: var(--normal-enabled-background-color);
|
|
68252
68274
|
border-width: 1px;
|
|
@@ -68256,7 +68278,7 @@ button {
|
|
|
68256
68278
|
--base-background-color: var(--normal-enabled-background-color);
|
|
68257
68279
|
}
|
|
68258
68280
|
|
|
68259
|
-
.activated:is(.type-enhanced.alert-type-
|
|
68281
|
+
.activated:is(.type-enhanced.alert-type-level-diagnostic .alert-button) .blink {
|
|
68260
68282
|
border-color: var(--normal-activated-border-color);
|
|
68261
68283
|
background-color: var(--normal-activated-background-color);
|
|
68262
68284
|
--base-border-color: var(--normal-activated-border-color);
|
|
@@ -68265,18 +68287,18 @@ button {
|
|
|
68265
68287
|
|
|
68266
68288
|
@media (hover:hover) {
|
|
68267
68289
|
|
|
68268
|
-
:is(.type-enhanced.alert-type-
|
|
68290
|
+
:is(.type-enhanced.alert-type-level-diagnostic .alert-button):hover .blink {
|
|
68269
68291
|
border-color: color-mix(in srgb, var(--normal-hover-border-color) calc(var(--obc-can-hover) * 100%), var(--base-border-color));
|
|
68270
68292
|
background-color: color-mix(in srgb, var(--normal-hover-background-color) calc(var(--obc-can-hover) * 100%), var(--base-background-color));
|
|
68271
68293
|
}
|
|
68272
68294
|
}
|
|
68273
68295
|
|
|
68274
|
-
:is(.type-enhanced.alert-type-
|
|
68296
|
+
:is(.type-enhanced.alert-type-level-diagnostic .alert-button):active .blink {
|
|
68275
68297
|
border-color: var(--normal-pressed-border-color);
|
|
68276
68298
|
background-color: var(--normal-pressed-background-color);
|
|
68277
68299
|
}
|
|
68278
68300
|
|
|
68279
|
-
:is(.type-enhanced.alert-type-
|
|
68301
|
+
:is(.type-enhanced.alert-type-level-diagnostic .alert-button):focus-visible .blink {
|
|
68280
68302
|
outline-color: var(--border-focus-color);
|
|
68281
68303
|
outline-width: var(--global-size-spacing-border-weight-focusframe);
|
|
68282
68304
|
outline-style: solid;
|
|
@@ -68284,37 +68306,37 @@ button {
|
|
|
68284
68306
|
z-index: 1;
|
|
68285
68307
|
}
|
|
68286
68308
|
|
|
68287
|
-
:is(.type-enhanced.alert-type-
|
|
68309
|
+
:is(.type-enhanced.alert-type-level-diagnostic .alert-button):disabled .blink {
|
|
68288
68310
|
border-color: var(--normal-disabled-border-color);
|
|
68289
68311
|
background-color: var(--normal-disabled-background-color);
|
|
68290
68312
|
cursor: not-allowed;
|
|
68291
68313
|
color: var(--on-normal-disabled-color) !important;
|
|
68292
68314
|
}
|
|
68293
68315
|
|
|
68294
|
-
.disabled:is(.type-enhanced.alert-type-
|
|
68316
|
+
.disabled:is(.type-enhanced.alert-type-level-diagnostic .alert-button) .blink {
|
|
68295
68317
|
border-color: var(--normal-disabled-border-color);
|
|
68296
68318
|
background-color: var(--normal-disabled-background-color);
|
|
68297
68319
|
cursor: not-allowed;
|
|
68298
68320
|
color: var(--on-normal-disabled-color) !important;
|
|
68299
68321
|
}
|
|
68300
68322
|
|
|
68301
|
-
:is(.type-enhanced.alert-type-
|
|
68323
|
+
:is(.type-enhanced.alert-type-level-diagnostic .alert-button):disabled {
|
|
68302
68324
|
cursor: not-allowed;
|
|
68303
68325
|
}
|
|
68304
68326
|
|
|
68305
|
-
.disabled:is(.type-enhanced.alert-type-
|
|
68327
|
+
.disabled:is(.type-enhanced.alert-type-level-diagnostic .alert-button) {
|
|
68306
68328
|
cursor: not-allowed;
|
|
68307
68329
|
}
|
|
68308
68330
|
|
|
68309
|
-
:is(.type-enhanced.alert-type-
|
|
68331
|
+
:is(.type-enhanced.alert-type-level-diagnostic .alert-button) {
|
|
68310
68332
|
cursor: pointer;
|
|
68311
68333
|
}
|
|
68312
68334
|
|
|
68313
|
-
:is(.type-enhanced.alert-type-
|
|
68335
|
+
:is(.type-enhanced.alert-type-level-diagnostic .alert-button):focus {
|
|
68314
68336
|
outline: none;
|
|
68315
68337
|
}
|
|
68316
68338
|
|
|
68317
|
-
:is(.type-enhanced.alert-type-
|
|
68339
|
+
:is(.type-enhanced.alert-type-level-diagnostic .alert-button) .visible-wrapper {
|
|
68318
68340
|
border-color: var(--notification-enabled-border-color);
|
|
68319
68341
|
background-color: var(--notification-enabled-background-color);
|
|
68320
68342
|
border-width: 1px;
|
|
@@ -68324,7 +68346,7 @@ button {
|
|
|
68324
68346
|
--base-background-color: var(--notification-enabled-background-color);
|
|
68325
68347
|
}
|
|
68326
68348
|
|
|
68327
|
-
.activated:is(.type-enhanced.alert-type-
|
|
68349
|
+
.activated:is(.type-enhanced.alert-type-level-diagnostic .alert-button) .visible-wrapper {
|
|
68328
68350
|
border-color: var(--notification-activated-border-color);
|
|
68329
68351
|
background-color: var(--notification-activated-background-color);
|
|
68330
68352
|
--base-border-color: var(--notification-activated-border-color);
|
|
@@ -68333,18 +68355,18 @@ button {
|
|
|
68333
68355
|
|
|
68334
68356
|
@media (hover:hover) {
|
|
68335
68357
|
|
|
68336
|
-
:is(.type-enhanced.alert-type-
|
|
68358
|
+
:is(.type-enhanced.alert-type-level-diagnostic .alert-button):hover .visible-wrapper {
|
|
68337
68359
|
border-color: color-mix(in srgb, var(--notification-hover-border-color) calc(var(--obc-can-hover) * 100%), var(--base-border-color));
|
|
68338
68360
|
background-color: color-mix(in srgb, var(--notification-hover-background-color) calc(var(--obc-can-hover) * 100%), var(--base-background-color));
|
|
68339
68361
|
}
|
|
68340
68362
|
}
|
|
68341
68363
|
|
|
68342
|
-
:is(.type-enhanced.alert-type-
|
|
68364
|
+
:is(.type-enhanced.alert-type-level-diagnostic .alert-button):active .visible-wrapper {
|
|
68343
68365
|
border-color: var(--notification-pressed-border-color);
|
|
68344
68366
|
background-color: var(--notification-pressed-background-color);
|
|
68345
68367
|
}
|
|
68346
68368
|
|
|
68347
|
-
:is(.type-enhanced.alert-type-
|
|
68369
|
+
:is(.type-enhanced.alert-type-level-diagnostic .alert-button):focus-visible .visible-wrapper {
|
|
68348
68370
|
outline-color: var(--border-focus-color);
|
|
68349
68371
|
outline-width: var(--global-size-spacing-border-weight-focusframe);
|
|
68350
68372
|
outline-style: solid;
|
|
@@ -68352,29 +68374,29 @@ button {
|
|
|
68352
68374
|
z-index: 1;
|
|
68353
68375
|
}
|
|
68354
68376
|
|
|
68355
|
-
:is(.type-enhanced.alert-type-
|
|
68377
|
+
:is(.type-enhanced.alert-type-level-diagnostic .alert-button):disabled .visible-wrapper {
|
|
68356
68378
|
border-color: var(--notification-disabled-border-color);
|
|
68357
68379
|
background-color: var(--notification-disabled-background-color);
|
|
68358
68380
|
cursor: not-allowed;
|
|
68359
68381
|
color: var(--on-notification-disabled-color) !important;
|
|
68360
68382
|
}
|
|
68361
68383
|
|
|
68362
|
-
.disabled:is(.type-enhanced.alert-type-
|
|
68384
|
+
.disabled:is(.type-enhanced.alert-type-level-diagnostic .alert-button) .visible-wrapper {
|
|
68363
68385
|
border-color: var(--notification-disabled-border-color);
|
|
68364
68386
|
background-color: var(--notification-disabled-background-color);
|
|
68365
68387
|
cursor: not-allowed;
|
|
68366
68388
|
color: var(--on-notification-disabled-color) !important;
|
|
68367
68389
|
}
|
|
68368
68390
|
|
|
68369
|
-
:is(.type-enhanced.alert-type-
|
|
68391
|
+
:is(.type-enhanced.alert-type-level-diagnostic .alert-button):disabled {
|
|
68370
68392
|
cursor: not-allowed;
|
|
68371
68393
|
}
|
|
68372
68394
|
|
|
68373
|
-
.disabled:is(.type-enhanced.alert-type-
|
|
68395
|
+
.disabled:is(.type-enhanced.alert-type-level-diagnostic .alert-button) {
|
|
68374
68396
|
cursor: not-allowed;
|
|
68375
68397
|
}
|
|
68376
68398
|
|
|
68377
|
-
:is(.type-enhanced.alert-type-
|
|
68399
|
+
:is(.type-enhanced.alert-type-level-diagnostic .alert-button) .visible-wrapper {
|
|
68378
68400
|
color: var(--on-notification-active-color);
|
|
68379
68401
|
}
|
|
68380
68402
|
|
|
@@ -68421,35 +68443,35 @@ button {
|
|
|
68421
68443
|
width: min-content;
|
|
68422
68444
|
}
|
|
68423
68445
|
|
|
68424
|
-
:is(.blinking.alert-type-warning .alert-button,.blinking.alert-type-
|
|
68446
|
+
:is(.blinking.alert-type-warning .alert-button,.blinking.alert-type-level-medium .alert-button) .visible-wrapper {
|
|
68425
68447
|
opacity: var(--warning-blink-on);
|
|
68426
68448
|
}
|
|
68427
68449
|
|
|
68428
|
-
:is(.blinking.alert-type-warning .alert-button,.blinking.alert-type-
|
|
68450
|
+
:is(.blinking.alert-type-warning .alert-button,.blinking.alert-type-level-medium .alert-button) .blink {
|
|
68429
68451
|
opacity: var(--warning-blink-off);
|
|
68430
68452
|
}
|
|
68431
68453
|
|
|
68432
|
-
:is(.blinking.alert-type-
|
|
68454
|
+
:is(.blinking.alert-type-level-critical .alert-button) .visible-wrapper {
|
|
68433
68455
|
opacity: var(--critical-blink-on);
|
|
68434
68456
|
}
|
|
68435
68457
|
|
|
68436
|
-
:is(.blinking.alert-type-
|
|
68458
|
+
:is(.blinking.alert-type-level-critical .alert-button) .blink {
|
|
68437
68459
|
opacity: var(--critical-blink-off);
|
|
68438
68460
|
}
|
|
68439
68461
|
|
|
68440
|
-
:is(.blinking.alert-type-alarm .alert-button,.blinking.alert-type-
|
|
68462
|
+
:is(.blinking.alert-type-alarm .alert-button,.blinking.alert-type-level-high .alert-button) .visible-wrapper {
|
|
68441
68463
|
opacity: var(--alarm-blink-on);
|
|
68442
68464
|
}
|
|
68443
68465
|
|
|
68444
|
-
:is(.blinking.alert-type-alarm .alert-button,.blinking.alert-type-
|
|
68466
|
+
:is(.blinking.alert-type-alarm .alert-button,.blinking.alert-type-level-high .alert-button) .blink {
|
|
68445
68467
|
opacity: var(--alarm-blink-off);
|
|
68446
68468
|
}
|
|
68447
68469
|
|
|
68448
|
-
:is(.blinking.alert-type-caution .alert-button,.blinking.alert-type-
|
|
68470
|
+
:is(.blinking.alert-type-caution .alert-button,.blinking.alert-type-level-low .alert-button) .visible-wrapper {
|
|
68449
68471
|
opacity: var(--low-blink-on);
|
|
68450
68472
|
}
|
|
68451
68473
|
|
|
68452
|
-
:is(.blinking.alert-type-caution .alert-button,.blinking.alert-type-
|
|
68474
|
+
:is(.blinking.alert-type-caution .alert-button,.blinking.alert-type-level-low .alert-button) .blink {
|
|
68453
68475
|
opacity: var(--low-blink-off);
|
|
68454
68476
|
}
|
|
68455
68477
|
|
|
@@ -68470,27 +68492,27 @@ button {
|
|
|
68470
68492
|
}
|
|
68471
68493
|
|
|
68472
68494
|
.alert-type-caution,
|
|
68473
|
-
.alert-type-
|
|
68495
|
+
.alert-type-level-low {
|
|
68474
68496
|
--icon-fill: var(--caution-enabled-background-color);
|
|
68475
68497
|
--icon-stroke: var(--caution-pressed-border-color);
|
|
68476
68498
|
}
|
|
68477
68499
|
|
|
68478
|
-
.alert-type-
|
|
68500
|
+
.alert-type-level-critical {
|
|
68479
68501
|
--icon-fill: var(--alert-critical-color);
|
|
68480
68502
|
--icon-stroke: var(--alert-critical-outline-color);
|
|
68481
68503
|
}
|
|
68482
68504
|
|
|
68483
|
-
.alert-type-
|
|
68505
|
+
.alert-type-level-high {
|
|
68484
68506
|
--icon-fill: var(--alarm-enabled-background-color);
|
|
68485
68507
|
--icon-stroke: var(--alarm-pressed-border-color);
|
|
68486
68508
|
}
|
|
68487
68509
|
|
|
68488
|
-
.alert-type-
|
|
68510
|
+
.alert-type-level-medium {
|
|
68489
68511
|
--icon-fill: var(--warning-enabled-background-color);
|
|
68490
68512
|
--icon-stroke: var(--warning-pressed-border-color);
|
|
68491
68513
|
}
|
|
68492
68514
|
|
|
68493
|
-
.alert-type-
|
|
68515
|
+
.alert-type-level-diagnostic {
|
|
68494
68516
|
--icon-fill: var(--alert-diagnostic-color);
|
|
68495
68517
|
--icon-stroke: var(--alert-diagnostic-outline-color);
|
|
68496
68518
|
}
|
|
@@ -69659,7 +69681,7 @@ let ObcAlertIcon = class extends i$4 {
|
|
|
69659
69681
|
return getBamAlertTypeForBlinking(this.type);
|
|
69660
69682
|
}
|
|
69661
69683
|
get icon() {
|
|
69662
|
-
if (this.type === AlertType.
|
|
69684
|
+
if (this.type === AlertType.LevelCritical) {
|
|
69663
69685
|
return mapping[
|
|
69664
69686
|
"critical"
|
|
69665
69687
|
/* Critical */
|
|
@@ -69718,10 +69740,10 @@ let ObcAlertIcon = class extends i$4 {
|
|
|
69718
69740
|
}
|
|
69719
69741
|
}
|
|
69720
69742
|
renderStaticIcon() {
|
|
69721
|
-
if (this.type === AlertType.Caution || this.type === AlertType.
|
|
69743
|
+
if (this.type === AlertType.Caution || this.type === AlertType.LevelLow) {
|
|
69722
69744
|
return b`<obi-caution-color-iec usecsscolor></obi-caution-color-iec>`;
|
|
69723
69745
|
}
|
|
69724
|
-
if (this.type === AlertType.
|
|
69746
|
+
if (this.type === AlertType.LevelDiagnostic) {
|
|
69725
69747
|
return b`<obi-diagnostic-badge
|
|
69726
69748
|
style="color: var(--alert-diagnostic-color);"
|
|
69727
69749
|
></obi-diagnostic-badge>`;
|
|
@@ -69735,7 +69757,7 @@ let ObcAlertIcon = class extends i$4 {
|
|
|
69735
69757
|
if (this.outline) {
|
|
69736
69758
|
return b`<div class="wrapper">${this.renderOutlineIcon()}</div>`;
|
|
69737
69759
|
}
|
|
69738
|
-
if (supportsBlinking(this.type) && !(this.type === AlertType.
|
|
69760
|
+
if (supportsBlinking(this.type) && !(this.type === AlertType.LevelLow)) {
|
|
69739
69761
|
const icons = this.icon;
|
|
69740
69762
|
if (!icons) {
|
|
69741
69763
|
throw new Error("No icon found");
|
|
@@ -108625,9 +108647,6 @@ let ObcTreeNavigationGroup = class extends i$4 {
|
|
|
108625
108647
|
this.disabled = false;
|
|
108626
108648
|
this.hasIcon = true;
|
|
108627
108649
|
this.terminalType = TreeTerminalType.regular;
|
|
108628
|
-
this.hasAlertBadge = false;
|
|
108629
|
-
this.alertCount = 0;
|
|
108630
|
-
this.alertType = BadgeType.alarm;
|
|
108631
108650
|
}
|
|
108632
108651
|
onHeaderToggle(event) {
|
|
108633
108652
|
this.expanded = event.detail;
|
|
@@ -108657,9 +108676,7 @@ let ObcTreeNavigationGroup = class extends i$4 {
|
|
|
108657
108676
|
?disabled=${this.disabled}
|
|
108658
108677
|
.hasLeadingIcon=${this.hasIcon}
|
|
108659
108678
|
.terminalType=${this.terminalType}
|
|
108660
|
-
|
|
108661
|
-
.alertCount=${this.alertCount}
|
|
108662
|
-
.alertType=${this.alertType}
|
|
108679
|
+
.alerts=${this.expanded ? void 0 : this.alerts}
|
|
108663
108680
|
.href=${this.href}
|
|
108664
108681
|
@expand-toggle=${this.onHeaderToggle}
|
|
108665
108682
|
>
|
|
@@ -108694,14 +108711,8 @@ __decorateClass$sK([
|
|
|
108694
108711
|
n$3({ type: String })
|
|
108695
108712
|
], ObcTreeNavigationGroup.prototype, "terminalType", 2);
|
|
108696
108713
|
__decorateClass$sK([
|
|
108697
|
-
n$3({ type:
|
|
108698
|
-
], ObcTreeNavigationGroup.prototype, "
|
|
108699
|
-
__decorateClass$sK([
|
|
108700
|
-
n$3({ type: Number })
|
|
108701
|
-
], ObcTreeNavigationGroup.prototype, "alertCount", 2);
|
|
108702
|
-
__decorateClass$sK([
|
|
108703
|
-
n$3({ type: String })
|
|
108704
|
-
], ObcTreeNavigationGroup.prototype, "alertType", 2);
|
|
108714
|
+
n$3({ type: Object })
|
|
108715
|
+
], ObcTreeNavigationGroup.prototype, "alerts", 2);
|
|
108705
108716
|
__decorateClass$sK([
|
|
108706
108717
|
n$3({ type: String })
|
|
108707
108718
|
], ObcTreeNavigationGroup.prototype, "href", 2);
|