@oicl/openbridge-webcomponents 2.0.0-next.62 → 2.0.0-next.64
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 +327 -324
- package/bundle/openbridge-webcomponents.bundle.js.map +1 -1
- package/custom-elements.json +14 -14
- 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.d.ts +3 -7
- package/dist/automation/automation-tank/automation-tank.d.ts.map +1 -1
- package/dist/automation/automation-tank/automation-tank.js +11 -11
- 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/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
|
}
|
|
@@ -37407,7 +37410,7 @@ let ObcAutomationTank = class extends i$4 {
|
|
|
37407
37410
|
this.type = "generic";
|
|
37408
37411
|
this.orientation = "vertical";
|
|
37409
37412
|
this.compact = false;
|
|
37410
|
-
this.positioning = "
|
|
37413
|
+
this.positioning = "button";
|
|
37411
37414
|
this.static = false;
|
|
37412
37415
|
this.tag = "";
|
|
37413
37416
|
this.chartMode = "bar";
|
|
@@ -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
|
}
|
|
@@ -58264,31 +58267,31 @@ const compentStyle$$ = i$7`
|
|
|
58264
58267
|
color: var(--on-warning-color);
|
|
58265
58268
|
}
|
|
58266
58269
|
|
|
58267
|
-
.wrapper.type-caution,.wrapper.type-
|
|
58270
|
+
.wrapper.type-caution,.wrapper.type-level-low {
|
|
58268
58271
|
background-color: var(--alert-caution-color);
|
|
58269
58272
|
border-color: var(--alert-caution-outline-color);
|
|
58270
58273
|
color: var(--on-caution-color);
|
|
58271
58274
|
}
|
|
58272
58275
|
|
|
58273
|
-
.wrapper.type-
|
|
58276
|
+
.wrapper.type-level-critical {
|
|
58274
58277
|
background-color: var(--critical-enabled-background-color);
|
|
58275
58278
|
border-color: var(--critical-enabled-border-color);
|
|
58276
58279
|
color: var(--on-critical-color);
|
|
58277
58280
|
}
|
|
58278
58281
|
|
|
58279
|
-
.wrapper.type-
|
|
58282
|
+
.wrapper.type-level-high {
|
|
58280
58283
|
background-color: var(--alert-alarm-color);
|
|
58281
58284
|
border-color: var(--alert-alarm-outline-color);
|
|
58282
58285
|
color: var(--on-alarm-color);
|
|
58283
58286
|
}
|
|
58284
58287
|
|
|
58285
|
-
.wrapper.type-
|
|
58288
|
+
.wrapper.type-level-medium {
|
|
58286
58289
|
background-color: var(--alert-warning-color);
|
|
58287
58290
|
border-color: var(--alert-warning-outline-color);
|
|
58288
58291
|
color: var(--on-warning-color);
|
|
58289
58292
|
}
|
|
58290
58293
|
|
|
58291
|
-
.wrapper.type-
|
|
58294
|
+
.wrapper.type-level-diagnostic {
|
|
58292
58295
|
background-color: var(--notification-enabled-background-color);
|
|
58293
58296
|
border-color: var(--notification-enabled-border-color);
|
|
58294
58297
|
color: var(--on-notification-active-color);
|
|
@@ -58346,31 +58349,31 @@ const compentStyle$$ = i$7`
|
|
|
58346
58349
|
background: none;
|
|
58347
58350
|
}
|
|
58348
58351
|
|
|
58349
|
-
.wrapper.variant-flat .icon.type-caution,.wrapper.variant-flat .icon.type-
|
|
58352
|
+
.wrapper.variant-flat .icon.type-caution,.wrapper.variant-flat .icon.type-level-low {
|
|
58350
58353
|
color: unset;
|
|
58351
58354
|
border-color: var(--alert-caution-outline-color);
|
|
58352
58355
|
background: none;
|
|
58353
58356
|
}
|
|
58354
58357
|
|
|
58355
|
-
.wrapper.variant-flat .icon.type-
|
|
58358
|
+
.wrapper.variant-flat .icon.type-level-critical {
|
|
58356
58359
|
color: unset;
|
|
58357
58360
|
border-color: var(--critical-enabled-border-color);
|
|
58358
58361
|
background: none;
|
|
58359
58362
|
}
|
|
58360
58363
|
|
|
58361
|
-
.wrapper.variant-flat .icon.type-
|
|
58364
|
+
.wrapper.variant-flat .icon.type-level-high {
|
|
58362
58365
|
color: unset;
|
|
58363
58366
|
border-color: var(--alert-alarm-outline-color);
|
|
58364
58367
|
background: none;
|
|
58365
58368
|
}
|
|
58366
58369
|
|
|
58367
|
-
.wrapper.variant-flat .icon.type-
|
|
58370
|
+
.wrapper.variant-flat .icon.type-level-medium {
|
|
58368
58371
|
color: unset;
|
|
58369
58372
|
border-color: var(--alert-warning-outline-color);
|
|
58370
58373
|
background: none;
|
|
58371
58374
|
}
|
|
58372
58375
|
|
|
58373
|
-
.wrapper.variant-flat .icon.type-
|
|
58376
|
+
.wrapper.variant-flat .icon.type-level-diagnostic {
|
|
58374
58377
|
color: unset;
|
|
58375
58378
|
border-color: var(--notification-enabled-border-color);
|
|
58376
58379
|
background: none;
|
|
@@ -58501,11 +58504,11 @@ var BadgeType = /* @__PURE__ */ ((BadgeType2) => {
|
|
|
58501
58504
|
BadgeType2["alarm"] = "alarm";
|
|
58502
58505
|
BadgeType2["warning"] = "warning";
|
|
58503
58506
|
BadgeType2["caution"] = "caution";
|
|
58504
|
-
BadgeType2["
|
|
58505
|
-
BadgeType2["
|
|
58506
|
-
BadgeType2["
|
|
58507
|
-
BadgeType2["
|
|
58508
|
-
BadgeType2["
|
|
58507
|
+
BadgeType2["levelCritical"] = "level-critical";
|
|
58508
|
+
BadgeType2["levelHigh"] = "level-high";
|
|
58509
|
+
BadgeType2["levelMedium"] = "level-medium";
|
|
58510
|
+
BadgeType2["levelLow"] = "level-low";
|
|
58511
|
+
BadgeType2["levelDiagnostic"] = "level-diagnostic";
|
|
58509
58512
|
BadgeType2["running"] = "running";
|
|
58510
58513
|
BadgeType2["notification"] = "notification";
|
|
58511
58514
|
BadgeType2["enhance"] = "enhance";
|
|
@@ -58565,7 +58568,7 @@ let ObcBadge = class extends i$4 {
|
|
|
58565
58568
|
/>
|
|
58566
58569
|
</svg>
|
|
58567
58570
|
`;
|
|
58568
|
-
case "
|
|
58571
|
+
case "level-high":
|
|
58569
58572
|
return b`
|
|
58570
58573
|
<svg width="100%" height="100%" viewBox="0 0 12 12" fill="none">
|
|
58571
58574
|
<path
|
|
@@ -58574,7 +58577,7 @@ let ObcBadge = class extends i$4 {
|
|
|
58574
58577
|
/>
|
|
58575
58578
|
</svg>
|
|
58576
58579
|
`;
|
|
58577
|
-
case "
|
|
58580
|
+
case "level-medium":
|
|
58578
58581
|
return b`
|
|
58579
58582
|
<svg width="100%" height="100%" viewBox="0 0 12 12" fill="none">
|
|
58580
58583
|
<circle
|
|
@@ -58586,7 +58589,7 @@ let ObcBadge = class extends i$4 {
|
|
|
58586
58589
|
/>
|
|
58587
58590
|
</svg>
|
|
58588
58591
|
`;
|
|
58589
|
-
case "
|
|
58592
|
+
case "level-low":
|
|
58590
58593
|
return b`
|
|
58591
58594
|
<svg width="100%" height="100%" viewBox="0 0 12 12" fill="none">
|
|
58592
58595
|
<path
|
|
@@ -58596,7 +58599,7 @@ let ObcBadge = class extends i$4 {
|
|
|
58596
58599
|
/>
|
|
58597
58600
|
</svg>
|
|
58598
58601
|
`;
|
|
58599
|
-
case "
|
|
58602
|
+
case "level-critical":
|
|
58600
58603
|
return b`
|
|
58601
58604
|
<svg width="100%" height="100%" viewBox="0 0 12 12" fill="none">
|
|
58602
58605
|
<path
|
|
@@ -58605,7 +58608,7 @@ let ObcBadge = class extends i$4 {
|
|
|
58605
58608
|
/>
|
|
58606
58609
|
</svg>
|
|
58607
58610
|
`;
|
|
58608
|
-
case "
|
|
58611
|
+
case "level-diagnostic":
|
|
58609
58612
|
return b`
|
|
58610
58613
|
<svg width="100%" height="100%" viewBox="0 0 12 12" fill="none">
|
|
58611
58614
|
<path
|
|
@@ -64009,7 +64012,7 @@ const compentStyle$Z = i$7`
|
|
|
64009
64012
|
/* z-index follows ALERT_SEVERITY_PRIORITY: more severe statuses stack on top. */
|
|
64010
64013
|
}
|
|
64011
64014
|
|
|
64012
|
-
.alert.alert-
|
|
64015
|
+
.alert.alert-level-critical {
|
|
64013
64016
|
z-index: 8;
|
|
64014
64017
|
}
|
|
64015
64018
|
|
|
@@ -64017,7 +64020,7 @@ const compentStyle$Z = i$7`
|
|
|
64017
64020
|
z-index: 7;
|
|
64018
64021
|
}
|
|
64019
64022
|
|
|
64020
|
-
.alert.alert-
|
|
64023
|
+
.alert.alert-level-high {
|
|
64021
64024
|
z-index: 6;
|
|
64022
64025
|
}
|
|
64023
64026
|
|
|
@@ -64025,7 +64028,7 @@ const compentStyle$Z = i$7`
|
|
|
64025
64028
|
z-index: 5;
|
|
64026
64029
|
}
|
|
64027
64030
|
|
|
64028
|
-
.alert.alert-
|
|
64031
|
+
.alert.alert-level-medium {
|
|
64029
64032
|
z-index: 4;
|
|
64030
64033
|
}
|
|
64031
64034
|
|
|
@@ -64033,11 +64036,11 @@ const compentStyle$Z = i$7`
|
|
|
64033
64036
|
z-index: 3;
|
|
64034
64037
|
}
|
|
64035
64038
|
|
|
64036
|
-
.alert.alert-
|
|
64039
|
+
.alert.alert-level-low {
|
|
64037
64040
|
z-index: 2;
|
|
64038
64041
|
}
|
|
64039
64042
|
|
|
64040
|
-
.alert.alert-
|
|
64043
|
+
.alert.alert-level-diagnostic {
|
|
64041
64044
|
z-index: 1;
|
|
64042
64045
|
}
|
|
64043
64046
|
`;
|
|
@@ -67678,15 +67681,15 @@ button {
|
|
|
67678
67681
|
color: var(--on-caution-active-color);
|
|
67679
67682
|
}
|
|
67680
67683
|
|
|
67681
|
-
:is(.type-enhanced.alert-type-
|
|
67684
|
+
:is(.type-enhanced.alert-type-level-critical .alert-button) {
|
|
67682
67685
|
cursor: pointer;
|
|
67683
67686
|
}
|
|
67684
67687
|
|
|
67685
|
-
:is(.type-enhanced.alert-type-
|
|
67688
|
+
:is(.type-enhanced.alert-type-level-critical .alert-button):focus {
|
|
67686
67689
|
outline: none;
|
|
67687
67690
|
}
|
|
67688
67691
|
|
|
67689
|
-
:is(.type-enhanced.alert-type-
|
|
67692
|
+
:is(.type-enhanced.alert-type-level-critical .alert-button) .blink {
|
|
67690
67693
|
border-color: var(--normal-enabled-border-color);
|
|
67691
67694
|
background-color: var(--normal-enabled-background-color);
|
|
67692
67695
|
border-width: 1px;
|
|
@@ -67696,7 +67699,7 @@ button {
|
|
|
67696
67699
|
--base-background-color: var(--normal-enabled-background-color);
|
|
67697
67700
|
}
|
|
67698
67701
|
|
|
67699
|
-
.activated:is(.type-enhanced.alert-type-
|
|
67702
|
+
.activated:is(.type-enhanced.alert-type-level-critical .alert-button) .blink {
|
|
67700
67703
|
border-color: var(--normal-activated-border-color);
|
|
67701
67704
|
background-color: var(--normal-activated-background-color);
|
|
67702
67705
|
--base-border-color: var(--normal-activated-border-color);
|
|
@@ -67705,18 +67708,18 @@ button {
|
|
|
67705
67708
|
|
|
67706
67709
|
@media (hover:hover) {
|
|
67707
67710
|
|
|
67708
|
-
:is(.type-enhanced.alert-type-
|
|
67711
|
+
:is(.type-enhanced.alert-type-level-critical .alert-button):hover .blink {
|
|
67709
67712
|
border-color: color-mix(in srgb, var(--normal-hover-border-color) calc(var(--obc-can-hover) * 100%), var(--base-border-color));
|
|
67710
67713
|
background-color: color-mix(in srgb, var(--normal-hover-background-color) calc(var(--obc-can-hover) * 100%), var(--base-background-color));
|
|
67711
67714
|
}
|
|
67712
67715
|
}
|
|
67713
67716
|
|
|
67714
|
-
:is(.type-enhanced.alert-type-
|
|
67717
|
+
:is(.type-enhanced.alert-type-level-critical .alert-button):active .blink {
|
|
67715
67718
|
border-color: var(--normal-pressed-border-color);
|
|
67716
67719
|
background-color: var(--normal-pressed-background-color);
|
|
67717
67720
|
}
|
|
67718
67721
|
|
|
67719
|
-
:is(.type-enhanced.alert-type-
|
|
67722
|
+
:is(.type-enhanced.alert-type-level-critical .alert-button):focus-visible .blink {
|
|
67720
67723
|
outline-color: var(--border-focus-color);
|
|
67721
67724
|
outline-width: var(--global-size-spacing-border-weight-focusframe);
|
|
67722
67725
|
outline-style: solid;
|
|
@@ -67724,37 +67727,37 @@ button {
|
|
|
67724
67727
|
z-index: 1;
|
|
67725
67728
|
}
|
|
67726
67729
|
|
|
67727
|
-
:is(.type-enhanced.alert-type-
|
|
67730
|
+
:is(.type-enhanced.alert-type-level-critical .alert-button):disabled .blink {
|
|
67728
67731
|
border-color: var(--normal-disabled-border-color);
|
|
67729
67732
|
background-color: var(--normal-disabled-background-color);
|
|
67730
67733
|
cursor: not-allowed;
|
|
67731
67734
|
color: var(--on-normal-disabled-color) !important;
|
|
67732
67735
|
}
|
|
67733
67736
|
|
|
67734
|
-
.disabled:is(.type-enhanced.alert-type-
|
|
67737
|
+
.disabled:is(.type-enhanced.alert-type-level-critical .alert-button) .blink {
|
|
67735
67738
|
border-color: var(--normal-disabled-border-color);
|
|
67736
67739
|
background-color: var(--normal-disabled-background-color);
|
|
67737
67740
|
cursor: not-allowed;
|
|
67738
67741
|
color: var(--on-normal-disabled-color) !important;
|
|
67739
67742
|
}
|
|
67740
67743
|
|
|
67741
|
-
:is(.type-enhanced.alert-type-
|
|
67744
|
+
:is(.type-enhanced.alert-type-level-critical .alert-button):disabled {
|
|
67742
67745
|
cursor: not-allowed;
|
|
67743
67746
|
}
|
|
67744
67747
|
|
|
67745
|
-
.disabled:is(.type-enhanced.alert-type-
|
|
67748
|
+
.disabled:is(.type-enhanced.alert-type-level-critical .alert-button) {
|
|
67746
67749
|
cursor: not-allowed;
|
|
67747
67750
|
}
|
|
67748
67751
|
|
|
67749
|
-
:is(.type-enhanced.alert-type-
|
|
67752
|
+
:is(.type-enhanced.alert-type-level-critical .alert-button) {
|
|
67750
67753
|
cursor: pointer;
|
|
67751
67754
|
}
|
|
67752
67755
|
|
|
67753
|
-
:is(.type-enhanced.alert-type-
|
|
67756
|
+
:is(.type-enhanced.alert-type-level-critical .alert-button):focus {
|
|
67754
67757
|
outline: none;
|
|
67755
67758
|
}
|
|
67756
67759
|
|
|
67757
|
-
:is(.type-enhanced.alert-type-
|
|
67760
|
+
:is(.type-enhanced.alert-type-level-critical .alert-button) .visible-wrapper {
|
|
67758
67761
|
border-color: var(--critical-enabled-border-color);
|
|
67759
67762
|
background-color: var(--critical-enabled-background-color);
|
|
67760
67763
|
border-width: 1px;
|
|
@@ -67764,7 +67767,7 @@ button {
|
|
|
67764
67767
|
--base-background-color: var(--critical-enabled-background-color);
|
|
67765
67768
|
}
|
|
67766
67769
|
|
|
67767
|
-
.activated:is(.type-enhanced.alert-type-
|
|
67770
|
+
.activated:is(.type-enhanced.alert-type-level-critical .alert-button) .visible-wrapper {
|
|
67768
67771
|
border-color: var(--critical-activated-border-color);
|
|
67769
67772
|
background-color: var(--critical-activated-background-color);
|
|
67770
67773
|
--base-border-color: var(--critical-activated-border-color);
|
|
@@ -67773,18 +67776,18 @@ button {
|
|
|
67773
67776
|
|
|
67774
67777
|
@media (hover:hover) {
|
|
67775
67778
|
|
|
67776
|
-
:is(.type-enhanced.alert-type-
|
|
67779
|
+
:is(.type-enhanced.alert-type-level-critical .alert-button):hover .visible-wrapper {
|
|
67777
67780
|
border-color: color-mix(in srgb, var(--critical-hover-border-color) calc(var(--obc-can-hover) * 100%), var(--base-border-color));
|
|
67778
67781
|
background-color: color-mix(in srgb, var(--critical-hover-background-color) calc(var(--obc-can-hover) * 100%), var(--base-background-color));
|
|
67779
67782
|
}
|
|
67780
67783
|
}
|
|
67781
67784
|
|
|
67782
|
-
:is(.type-enhanced.alert-type-
|
|
67785
|
+
:is(.type-enhanced.alert-type-level-critical .alert-button):active .visible-wrapper {
|
|
67783
67786
|
border-color: var(--critical-pressed-border-color);
|
|
67784
67787
|
background-color: var(--critical-pressed-background-color);
|
|
67785
67788
|
}
|
|
67786
67789
|
|
|
67787
|
-
:is(.type-enhanced.alert-type-
|
|
67790
|
+
:is(.type-enhanced.alert-type-level-critical .alert-button):focus-visible .visible-wrapper {
|
|
67788
67791
|
outline-color: var(--border-focus-color);
|
|
67789
67792
|
outline-width: var(--global-size-spacing-border-weight-focusframe);
|
|
67790
67793
|
outline-style: solid;
|
|
@@ -67792,41 +67795,41 @@ button {
|
|
|
67792
67795
|
z-index: 1;
|
|
67793
67796
|
}
|
|
67794
67797
|
|
|
67795
|
-
:is(.type-enhanced.alert-type-
|
|
67798
|
+
:is(.type-enhanced.alert-type-level-critical .alert-button):disabled .visible-wrapper {
|
|
67796
67799
|
border-color: var(--critical-disabled-border-color);
|
|
67797
67800
|
background-color: var(--critical-disabled-background-color);
|
|
67798
67801
|
cursor: not-allowed;
|
|
67799
67802
|
color: var(--on-critical-disabled-color) !important;
|
|
67800
67803
|
}
|
|
67801
67804
|
|
|
67802
|
-
.disabled:is(.type-enhanced.alert-type-
|
|
67805
|
+
.disabled:is(.type-enhanced.alert-type-level-critical .alert-button) .visible-wrapper {
|
|
67803
67806
|
border-color: var(--critical-disabled-border-color);
|
|
67804
67807
|
background-color: var(--critical-disabled-background-color);
|
|
67805
67808
|
cursor: not-allowed;
|
|
67806
67809
|
color: var(--on-critical-disabled-color) !important;
|
|
67807
67810
|
}
|
|
67808
67811
|
|
|
67809
|
-
:is(.type-enhanced.alert-type-
|
|
67812
|
+
:is(.type-enhanced.alert-type-level-critical .alert-button):disabled {
|
|
67810
67813
|
cursor: not-allowed;
|
|
67811
67814
|
}
|
|
67812
67815
|
|
|
67813
|
-
.disabled:is(.type-enhanced.alert-type-
|
|
67816
|
+
.disabled:is(.type-enhanced.alert-type-level-critical .alert-button) {
|
|
67814
67817
|
cursor: not-allowed;
|
|
67815
67818
|
}
|
|
67816
67819
|
|
|
67817
|
-
:is(.type-enhanced.alert-type-
|
|
67820
|
+
:is(.type-enhanced.alert-type-level-critical .alert-button) .visible-wrapper {
|
|
67818
67821
|
color: var(--on-critical-active-color);
|
|
67819
67822
|
}
|
|
67820
67823
|
|
|
67821
|
-
:is(.type-enhanced.alert-type-
|
|
67824
|
+
:is(.type-enhanced.alert-type-level-high .alert-button) {
|
|
67822
67825
|
cursor: pointer;
|
|
67823
67826
|
}
|
|
67824
67827
|
|
|
67825
|
-
:is(.type-enhanced.alert-type-
|
|
67828
|
+
:is(.type-enhanced.alert-type-level-high .alert-button):focus {
|
|
67826
67829
|
outline: none;
|
|
67827
67830
|
}
|
|
67828
67831
|
|
|
67829
|
-
:is(.type-enhanced.alert-type-
|
|
67832
|
+
:is(.type-enhanced.alert-type-level-high .alert-button) .blink {
|
|
67830
67833
|
border-color: var(--normal-enabled-border-color);
|
|
67831
67834
|
background-color: var(--normal-enabled-background-color);
|
|
67832
67835
|
border-width: 1px;
|
|
@@ -67836,7 +67839,7 @@ button {
|
|
|
67836
67839
|
--base-background-color: var(--normal-enabled-background-color);
|
|
67837
67840
|
}
|
|
67838
67841
|
|
|
67839
|
-
.activated:is(.type-enhanced.alert-type-
|
|
67842
|
+
.activated:is(.type-enhanced.alert-type-level-high .alert-button) .blink {
|
|
67840
67843
|
border-color: var(--normal-activated-border-color);
|
|
67841
67844
|
background-color: var(--normal-activated-background-color);
|
|
67842
67845
|
--base-border-color: var(--normal-activated-border-color);
|
|
@@ -67845,18 +67848,18 @@ button {
|
|
|
67845
67848
|
|
|
67846
67849
|
@media (hover:hover) {
|
|
67847
67850
|
|
|
67848
|
-
:is(.type-enhanced.alert-type-
|
|
67851
|
+
:is(.type-enhanced.alert-type-level-high .alert-button):hover .blink {
|
|
67849
67852
|
border-color: color-mix(in srgb, var(--normal-hover-border-color) calc(var(--obc-can-hover) * 100%), var(--base-border-color));
|
|
67850
67853
|
background-color: color-mix(in srgb, var(--normal-hover-background-color) calc(var(--obc-can-hover) * 100%), var(--base-background-color));
|
|
67851
67854
|
}
|
|
67852
67855
|
}
|
|
67853
67856
|
|
|
67854
|
-
:is(.type-enhanced.alert-type-
|
|
67857
|
+
:is(.type-enhanced.alert-type-level-high .alert-button):active .blink {
|
|
67855
67858
|
border-color: var(--normal-pressed-border-color);
|
|
67856
67859
|
background-color: var(--normal-pressed-background-color);
|
|
67857
67860
|
}
|
|
67858
67861
|
|
|
67859
|
-
:is(.type-enhanced.alert-type-
|
|
67862
|
+
:is(.type-enhanced.alert-type-level-high .alert-button):focus-visible .blink {
|
|
67860
67863
|
outline-color: var(--border-focus-color);
|
|
67861
67864
|
outline-width: var(--global-size-spacing-border-weight-focusframe);
|
|
67862
67865
|
outline-style: solid;
|
|
@@ -67864,37 +67867,37 @@ button {
|
|
|
67864
67867
|
z-index: 1;
|
|
67865
67868
|
}
|
|
67866
67869
|
|
|
67867
|
-
:is(.type-enhanced.alert-type-
|
|
67870
|
+
:is(.type-enhanced.alert-type-level-high .alert-button):disabled .blink {
|
|
67868
67871
|
border-color: var(--normal-disabled-border-color);
|
|
67869
67872
|
background-color: var(--normal-disabled-background-color);
|
|
67870
67873
|
cursor: not-allowed;
|
|
67871
67874
|
color: var(--on-normal-disabled-color) !important;
|
|
67872
67875
|
}
|
|
67873
67876
|
|
|
67874
|
-
.disabled:is(.type-enhanced.alert-type-
|
|
67877
|
+
.disabled:is(.type-enhanced.alert-type-level-high .alert-button) .blink {
|
|
67875
67878
|
border-color: var(--normal-disabled-border-color);
|
|
67876
67879
|
background-color: var(--normal-disabled-background-color);
|
|
67877
67880
|
cursor: not-allowed;
|
|
67878
67881
|
color: var(--on-normal-disabled-color) !important;
|
|
67879
67882
|
}
|
|
67880
67883
|
|
|
67881
|
-
:is(.type-enhanced.alert-type-
|
|
67884
|
+
:is(.type-enhanced.alert-type-level-high .alert-button):disabled {
|
|
67882
67885
|
cursor: not-allowed;
|
|
67883
67886
|
}
|
|
67884
67887
|
|
|
67885
|
-
.disabled:is(.type-enhanced.alert-type-
|
|
67888
|
+
.disabled:is(.type-enhanced.alert-type-level-high .alert-button) {
|
|
67886
67889
|
cursor: not-allowed;
|
|
67887
67890
|
}
|
|
67888
67891
|
|
|
67889
|
-
:is(.type-enhanced.alert-type-
|
|
67892
|
+
:is(.type-enhanced.alert-type-level-high .alert-button) {
|
|
67890
67893
|
cursor: pointer;
|
|
67891
67894
|
}
|
|
67892
67895
|
|
|
67893
|
-
:is(.type-enhanced.alert-type-
|
|
67896
|
+
:is(.type-enhanced.alert-type-level-high .alert-button):focus {
|
|
67894
67897
|
outline: none;
|
|
67895
67898
|
}
|
|
67896
67899
|
|
|
67897
|
-
:is(.type-enhanced.alert-type-
|
|
67900
|
+
:is(.type-enhanced.alert-type-level-high .alert-button) .visible-wrapper {
|
|
67898
67901
|
border-color: var(--alarm-enabled-border-color);
|
|
67899
67902
|
background-color: var(--alarm-enabled-background-color);
|
|
67900
67903
|
border-width: 1px;
|
|
@@ -67904,7 +67907,7 @@ button {
|
|
|
67904
67907
|
--base-background-color: var(--alarm-enabled-background-color);
|
|
67905
67908
|
}
|
|
67906
67909
|
|
|
67907
|
-
.activated:is(.type-enhanced.alert-type-
|
|
67910
|
+
.activated:is(.type-enhanced.alert-type-level-high .alert-button) .visible-wrapper {
|
|
67908
67911
|
border-color: var(--alarm-activated-border-color);
|
|
67909
67912
|
background-color: var(--alarm-activated-background-color);
|
|
67910
67913
|
--base-border-color: var(--alarm-activated-border-color);
|
|
@@ -67913,18 +67916,18 @@ button {
|
|
|
67913
67916
|
|
|
67914
67917
|
@media (hover:hover) {
|
|
67915
67918
|
|
|
67916
|
-
:is(.type-enhanced.alert-type-
|
|
67919
|
+
:is(.type-enhanced.alert-type-level-high .alert-button):hover .visible-wrapper {
|
|
67917
67920
|
border-color: color-mix(in srgb, var(--alarm-hover-border-color) calc(var(--obc-can-hover) * 100%), var(--base-border-color));
|
|
67918
67921
|
background-color: color-mix(in srgb, var(--alarm-hover-background-color) calc(var(--obc-can-hover) * 100%), var(--base-background-color));
|
|
67919
67922
|
}
|
|
67920
67923
|
}
|
|
67921
67924
|
|
|
67922
|
-
:is(.type-enhanced.alert-type-
|
|
67925
|
+
:is(.type-enhanced.alert-type-level-high .alert-button):active .visible-wrapper {
|
|
67923
67926
|
border-color: var(--alarm-pressed-border-color);
|
|
67924
67927
|
background-color: var(--alarm-pressed-background-color);
|
|
67925
67928
|
}
|
|
67926
67929
|
|
|
67927
|
-
:is(.type-enhanced.alert-type-
|
|
67930
|
+
:is(.type-enhanced.alert-type-level-high .alert-button):focus-visible .visible-wrapper {
|
|
67928
67931
|
outline-color: var(--border-focus-color);
|
|
67929
67932
|
outline-width: var(--global-size-spacing-border-weight-focusframe);
|
|
67930
67933
|
outline-style: solid;
|
|
@@ -67932,41 +67935,41 @@ button {
|
|
|
67932
67935
|
z-index: 1;
|
|
67933
67936
|
}
|
|
67934
67937
|
|
|
67935
|
-
:is(.type-enhanced.alert-type-
|
|
67938
|
+
:is(.type-enhanced.alert-type-level-high .alert-button):disabled .visible-wrapper {
|
|
67936
67939
|
border-color: var(--alarm-disabled-border-color);
|
|
67937
67940
|
background-color: var(--alarm-disabled-background-color);
|
|
67938
67941
|
cursor: not-allowed;
|
|
67939
67942
|
color: var(--on-alarm-disabled-color) !important;
|
|
67940
67943
|
}
|
|
67941
67944
|
|
|
67942
|
-
.disabled:is(.type-enhanced.alert-type-
|
|
67945
|
+
.disabled:is(.type-enhanced.alert-type-level-high .alert-button) .visible-wrapper {
|
|
67943
67946
|
border-color: var(--alarm-disabled-border-color);
|
|
67944
67947
|
background-color: var(--alarm-disabled-background-color);
|
|
67945
67948
|
cursor: not-allowed;
|
|
67946
67949
|
color: var(--on-alarm-disabled-color) !important;
|
|
67947
67950
|
}
|
|
67948
67951
|
|
|
67949
|
-
:is(.type-enhanced.alert-type-
|
|
67952
|
+
:is(.type-enhanced.alert-type-level-high .alert-button):disabled {
|
|
67950
67953
|
cursor: not-allowed;
|
|
67951
67954
|
}
|
|
67952
67955
|
|
|
67953
|
-
.disabled:is(.type-enhanced.alert-type-
|
|
67956
|
+
.disabled:is(.type-enhanced.alert-type-level-high .alert-button) {
|
|
67954
67957
|
cursor: not-allowed;
|
|
67955
67958
|
}
|
|
67956
67959
|
|
|
67957
|
-
:is(.type-enhanced.alert-type-
|
|
67960
|
+
:is(.type-enhanced.alert-type-level-high .alert-button) .visible-wrapper {
|
|
67958
67961
|
color: var(--on-alarm-active-color);
|
|
67959
67962
|
}
|
|
67960
67963
|
|
|
67961
|
-
:is(.type-enhanced.alert-type-
|
|
67964
|
+
:is(.type-enhanced.alert-type-level-medium .alert-button) {
|
|
67962
67965
|
cursor: pointer;
|
|
67963
67966
|
}
|
|
67964
67967
|
|
|
67965
|
-
:is(.type-enhanced.alert-type-
|
|
67968
|
+
:is(.type-enhanced.alert-type-level-medium .alert-button):focus {
|
|
67966
67969
|
outline: none;
|
|
67967
67970
|
}
|
|
67968
67971
|
|
|
67969
|
-
:is(.type-enhanced.alert-type-
|
|
67972
|
+
:is(.type-enhanced.alert-type-level-medium .alert-button) .blink {
|
|
67970
67973
|
border-color: var(--normal-enabled-border-color);
|
|
67971
67974
|
background-color: var(--normal-enabled-background-color);
|
|
67972
67975
|
border-width: 1px;
|
|
@@ -67976,7 +67979,7 @@ button {
|
|
|
67976
67979
|
--base-background-color: var(--normal-enabled-background-color);
|
|
67977
67980
|
}
|
|
67978
67981
|
|
|
67979
|
-
.activated:is(.type-enhanced.alert-type-
|
|
67982
|
+
.activated:is(.type-enhanced.alert-type-level-medium .alert-button) .blink {
|
|
67980
67983
|
border-color: var(--normal-activated-border-color);
|
|
67981
67984
|
background-color: var(--normal-activated-background-color);
|
|
67982
67985
|
--base-border-color: var(--normal-activated-border-color);
|
|
@@ -67985,18 +67988,18 @@ button {
|
|
|
67985
67988
|
|
|
67986
67989
|
@media (hover:hover) {
|
|
67987
67990
|
|
|
67988
|
-
:is(.type-enhanced.alert-type-
|
|
67991
|
+
:is(.type-enhanced.alert-type-level-medium .alert-button):hover .blink {
|
|
67989
67992
|
border-color: color-mix(in srgb, var(--normal-hover-border-color) calc(var(--obc-can-hover) * 100%), var(--base-border-color));
|
|
67990
67993
|
background-color: color-mix(in srgb, var(--normal-hover-background-color) calc(var(--obc-can-hover) * 100%), var(--base-background-color));
|
|
67991
67994
|
}
|
|
67992
67995
|
}
|
|
67993
67996
|
|
|
67994
|
-
:is(.type-enhanced.alert-type-
|
|
67997
|
+
:is(.type-enhanced.alert-type-level-medium .alert-button):active .blink {
|
|
67995
67998
|
border-color: var(--normal-pressed-border-color);
|
|
67996
67999
|
background-color: var(--normal-pressed-background-color);
|
|
67997
68000
|
}
|
|
67998
68001
|
|
|
67999
|
-
:is(.type-enhanced.alert-type-
|
|
68002
|
+
:is(.type-enhanced.alert-type-level-medium .alert-button):focus-visible .blink {
|
|
68000
68003
|
outline-color: var(--border-focus-color);
|
|
68001
68004
|
outline-width: var(--global-size-spacing-border-weight-focusframe);
|
|
68002
68005
|
outline-style: solid;
|
|
@@ -68004,37 +68007,37 @@ button {
|
|
|
68004
68007
|
z-index: 1;
|
|
68005
68008
|
}
|
|
68006
68009
|
|
|
68007
|
-
:is(.type-enhanced.alert-type-
|
|
68010
|
+
:is(.type-enhanced.alert-type-level-medium .alert-button):disabled .blink {
|
|
68008
68011
|
border-color: var(--normal-disabled-border-color);
|
|
68009
68012
|
background-color: var(--normal-disabled-background-color);
|
|
68010
68013
|
cursor: not-allowed;
|
|
68011
68014
|
color: var(--on-normal-disabled-color) !important;
|
|
68012
68015
|
}
|
|
68013
68016
|
|
|
68014
|
-
.disabled:is(.type-enhanced.alert-type-
|
|
68017
|
+
.disabled:is(.type-enhanced.alert-type-level-medium .alert-button) .blink {
|
|
68015
68018
|
border-color: var(--normal-disabled-border-color);
|
|
68016
68019
|
background-color: var(--normal-disabled-background-color);
|
|
68017
68020
|
cursor: not-allowed;
|
|
68018
68021
|
color: var(--on-normal-disabled-color) !important;
|
|
68019
68022
|
}
|
|
68020
68023
|
|
|
68021
|
-
:is(.type-enhanced.alert-type-
|
|
68024
|
+
:is(.type-enhanced.alert-type-level-medium .alert-button):disabled {
|
|
68022
68025
|
cursor: not-allowed;
|
|
68023
68026
|
}
|
|
68024
68027
|
|
|
68025
|
-
.disabled:is(.type-enhanced.alert-type-
|
|
68028
|
+
.disabled:is(.type-enhanced.alert-type-level-medium .alert-button) {
|
|
68026
68029
|
cursor: not-allowed;
|
|
68027
68030
|
}
|
|
68028
68031
|
|
|
68029
|
-
:is(.type-enhanced.alert-type-
|
|
68032
|
+
:is(.type-enhanced.alert-type-level-medium .alert-button) {
|
|
68030
68033
|
cursor: pointer;
|
|
68031
68034
|
}
|
|
68032
68035
|
|
|
68033
|
-
:is(.type-enhanced.alert-type-
|
|
68036
|
+
:is(.type-enhanced.alert-type-level-medium .alert-button):focus {
|
|
68034
68037
|
outline: none;
|
|
68035
68038
|
}
|
|
68036
68039
|
|
|
68037
|
-
:is(.type-enhanced.alert-type-
|
|
68040
|
+
:is(.type-enhanced.alert-type-level-medium .alert-button) .visible-wrapper {
|
|
68038
68041
|
border-color: var(--warning-enabled-border-color);
|
|
68039
68042
|
background-color: var(--warning-enabled-background-color);
|
|
68040
68043
|
border-width: 1px;
|
|
@@ -68044,7 +68047,7 @@ button {
|
|
|
68044
68047
|
--base-background-color: var(--warning-enabled-background-color);
|
|
68045
68048
|
}
|
|
68046
68049
|
|
|
68047
|
-
.activated:is(.type-enhanced.alert-type-
|
|
68050
|
+
.activated:is(.type-enhanced.alert-type-level-medium .alert-button) .visible-wrapper {
|
|
68048
68051
|
border-color: var(--warning-activated-border-color);
|
|
68049
68052
|
background-color: var(--warning-activated-background-color);
|
|
68050
68053
|
--base-border-color: var(--warning-activated-border-color);
|
|
@@ -68053,18 +68056,18 @@ button {
|
|
|
68053
68056
|
|
|
68054
68057
|
@media (hover:hover) {
|
|
68055
68058
|
|
|
68056
|
-
:is(.type-enhanced.alert-type-
|
|
68059
|
+
:is(.type-enhanced.alert-type-level-medium .alert-button):hover .visible-wrapper {
|
|
68057
68060
|
border-color: color-mix(in srgb, var(--warning-hover-border-color) calc(var(--obc-can-hover) * 100%), var(--base-border-color));
|
|
68058
68061
|
background-color: color-mix(in srgb, var(--warning-hover-background-color) calc(var(--obc-can-hover) * 100%), var(--base-background-color));
|
|
68059
68062
|
}
|
|
68060
68063
|
}
|
|
68061
68064
|
|
|
68062
|
-
:is(.type-enhanced.alert-type-
|
|
68065
|
+
:is(.type-enhanced.alert-type-level-medium .alert-button):active .visible-wrapper {
|
|
68063
68066
|
border-color: var(--warning-pressed-border-color);
|
|
68064
68067
|
background-color: var(--warning-pressed-background-color);
|
|
68065
68068
|
}
|
|
68066
68069
|
|
|
68067
|
-
:is(.type-enhanced.alert-type-
|
|
68070
|
+
:is(.type-enhanced.alert-type-level-medium .alert-button):focus-visible .visible-wrapper {
|
|
68068
68071
|
outline-color: var(--border-focus-color);
|
|
68069
68072
|
outline-width: var(--global-size-spacing-border-weight-focusframe);
|
|
68070
68073
|
outline-style: solid;
|
|
@@ -68072,41 +68075,41 @@ button {
|
|
|
68072
68075
|
z-index: 1;
|
|
68073
68076
|
}
|
|
68074
68077
|
|
|
68075
|
-
:is(.type-enhanced.alert-type-
|
|
68078
|
+
:is(.type-enhanced.alert-type-level-medium .alert-button):disabled .visible-wrapper {
|
|
68076
68079
|
border-color: var(--warning-disabled-border-color);
|
|
68077
68080
|
background-color: var(--warning-disabled-background-color);
|
|
68078
68081
|
cursor: not-allowed;
|
|
68079
68082
|
color: var(--on-warning-disabled-color) !important;
|
|
68080
68083
|
}
|
|
68081
68084
|
|
|
68082
|
-
.disabled:is(.type-enhanced.alert-type-
|
|
68085
|
+
.disabled:is(.type-enhanced.alert-type-level-medium .alert-button) .visible-wrapper {
|
|
68083
68086
|
border-color: var(--warning-disabled-border-color);
|
|
68084
68087
|
background-color: var(--warning-disabled-background-color);
|
|
68085
68088
|
cursor: not-allowed;
|
|
68086
68089
|
color: var(--on-warning-disabled-color) !important;
|
|
68087
68090
|
}
|
|
68088
68091
|
|
|
68089
|
-
:is(.type-enhanced.alert-type-
|
|
68092
|
+
:is(.type-enhanced.alert-type-level-medium .alert-button):disabled {
|
|
68090
68093
|
cursor: not-allowed;
|
|
68091
68094
|
}
|
|
68092
68095
|
|
|
68093
|
-
.disabled:is(.type-enhanced.alert-type-
|
|
68096
|
+
.disabled:is(.type-enhanced.alert-type-level-medium .alert-button) {
|
|
68094
68097
|
cursor: not-allowed;
|
|
68095
68098
|
}
|
|
68096
68099
|
|
|
68097
|
-
:is(.type-enhanced.alert-type-
|
|
68100
|
+
:is(.type-enhanced.alert-type-level-medium .alert-button) .visible-wrapper {
|
|
68098
68101
|
color: var(--on-warning-active-color);
|
|
68099
68102
|
}
|
|
68100
68103
|
|
|
68101
|
-
:is(.type-enhanced.alert-type-
|
|
68104
|
+
:is(.type-enhanced.alert-type-level-low .alert-button) {
|
|
68102
68105
|
cursor: pointer;
|
|
68103
68106
|
}
|
|
68104
68107
|
|
|
68105
|
-
:is(.type-enhanced.alert-type-
|
|
68108
|
+
:is(.type-enhanced.alert-type-level-low .alert-button):focus {
|
|
68106
68109
|
outline: none;
|
|
68107
68110
|
}
|
|
68108
68111
|
|
|
68109
|
-
:is(.type-enhanced.alert-type-
|
|
68112
|
+
:is(.type-enhanced.alert-type-level-low .alert-button) .blink {
|
|
68110
68113
|
border-color: var(--normal-enabled-border-color);
|
|
68111
68114
|
background-color: var(--normal-enabled-background-color);
|
|
68112
68115
|
border-width: 1px;
|
|
@@ -68116,7 +68119,7 @@ button {
|
|
|
68116
68119
|
--base-background-color: var(--normal-enabled-background-color);
|
|
68117
68120
|
}
|
|
68118
68121
|
|
|
68119
|
-
.activated:is(.type-enhanced.alert-type-
|
|
68122
|
+
.activated:is(.type-enhanced.alert-type-level-low .alert-button) .blink {
|
|
68120
68123
|
border-color: var(--normal-activated-border-color);
|
|
68121
68124
|
background-color: var(--normal-activated-background-color);
|
|
68122
68125
|
--base-border-color: var(--normal-activated-border-color);
|
|
@@ -68125,18 +68128,18 @@ button {
|
|
|
68125
68128
|
|
|
68126
68129
|
@media (hover:hover) {
|
|
68127
68130
|
|
|
68128
|
-
:is(.type-enhanced.alert-type-
|
|
68131
|
+
:is(.type-enhanced.alert-type-level-low .alert-button):hover .blink {
|
|
68129
68132
|
border-color: color-mix(in srgb, var(--normal-hover-border-color) calc(var(--obc-can-hover) * 100%), var(--base-border-color));
|
|
68130
68133
|
background-color: color-mix(in srgb, var(--normal-hover-background-color) calc(var(--obc-can-hover) * 100%), var(--base-background-color));
|
|
68131
68134
|
}
|
|
68132
68135
|
}
|
|
68133
68136
|
|
|
68134
|
-
:is(.type-enhanced.alert-type-
|
|
68137
|
+
:is(.type-enhanced.alert-type-level-low .alert-button):active .blink {
|
|
68135
68138
|
border-color: var(--normal-pressed-border-color);
|
|
68136
68139
|
background-color: var(--normal-pressed-background-color);
|
|
68137
68140
|
}
|
|
68138
68141
|
|
|
68139
|
-
:is(.type-enhanced.alert-type-
|
|
68142
|
+
:is(.type-enhanced.alert-type-level-low .alert-button):focus-visible .blink {
|
|
68140
68143
|
outline-color: var(--border-focus-color);
|
|
68141
68144
|
outline-width: var(--global-size-spacing-border-weight-focusframe);
|
|
68142
68145
|
outline-style: solid;
|
|
@@ -68144,37 +68147,37 @@ button {
|
|
|
68144
68147
|
z-index: 1;
|
|
68145
68148
|
}
|
|
68146
68149
|
|
|
68147
|
-
:is(.type-enhanced.alert-type-
|
|
68150
|
+
:is(.type-enhanced.alert-type-level-low .alert-button):disabled .blink {
|
|
68148
68151
|
border-color: var(--normal-disabled-border-color);
|
|
68149
68152
|
background-color: var(--normal-disabled-background-color);
|
|
68150
68153
|
cursor: not-allowed;
|
|
68151
68154
|
color: var(--on-normal-disabled-color) !important;
|
|
68152
68155
|
}
|
|
68153
68156
|
|
|
68154
|
-
.disabled:is(.type-enhanced.alert-type-
|
|
68157
|
+
.disabled:is(.type-enhanced.alert-type-level-low .alert-button) .blink {
|
|
68155
68158
|
border-color: var(--normal-disabled-border-color);
|
|
68156
68159
|
background-color: var(--normal-disabled-background-color);
|
|
68157
68160
|
cursor: not-allowed;
|
|
68158
68161
|
color: var(--on-normal-disabled-color) !important;
|
|
68159
68162
|
}
|
|
68160
68163
|
|
|
68161
|
-
:is(.type-enhanced.alert-type-
|
|
68164
|
+
:is(.type-enhanced.alert-type-level-low .alert-button):disabled {
|
|
68162
68165
|
cursor: not-allowed;
|
|
68163
68166
|
}
|
|
68164
68167
|
|
|
68165
|
-
.disabled:is(.type-enhanced.alert-type-
|
|
68168
|
+
.disabled:is(.type-enhanced.alert-type-level-low .alert-button) {
|
|
68166
68169
|
cursor: not-allowed;
|
|
68167
68170
|
}
|
|
68168
68171
|
|
|
68169
|
-
:is(.type-enhanced.alert-type-
|
|
68172
|
+
:is(.type-enhanced.alert-type-level-low .alert-button) {
|
|
68170
68173
|
cursor: pointer;
|
|
68171
68174
|
}
|
|
68172
68175
|
|
|
68173
|
-
:is(.type-enhanced.alert-type-
|
|
68176
|
+
:is(.type-enhanced.alert-type-level-low .alert-button):focus {
|
|
68174
68177
|
outline: none;
|
|
68175
68178
|
}
|
|
68176
68179
|
|
|
68177
|
-
:is(.type-enhanced.alert-type-
|
|
68180
|
+
:is(.type-enhanced.alert-type-level-low .alert-button) .visible-wrapper {
|
|
68178
68181
|
border-color: var(--caution-enabled-border-color);
|
|
68179
68182
|
background-color: var(--caution-enabled-background-color);
|
|
68180
68183
|
border-width: 1px;
|
|
@@ -68184,7 +68187,7 @@ button {
|
|
|
68184
68187
|
--base-background-color: var(--caution-enabled-background-color);
|
|
68185
68188
|
}
|
|
68186
68189
|
|
|
68187
|
-
.activated:is(.type-enhanced.alert-type-
|
|
68190
|
+
.activated:is(.type-enhanced.alert-type-level-low .alert-button) .visible-wrapper {
|
|
68188
68191
|
border-color: var(--caution-activated-border-color);
|
|
68189
68192
|
background-color: var(--caution-activated-background-color);
|
|
68190
68193
|
--base-border-color: var(--caution-activated-border-color);
|
|
@@ -68193,18 +68196,18 @@ button {
|
|
|
68193
68196
|
|
|
68194
68197
|
@media (hover:hover) {
|
|
68195
68198
|
|
|
68196
|
-
:is(.type-enhanced.alert-type-
|
|
68199
|
+
:is(.type-enhanced.alert-type-level-low .alert-button):hover .visible-wrapper {
|
|
68197
68200
|
border-color: color-mix(in srgb, var(--caution-hover-border-color) calc(var(--obc-can-hover) * 100%), var(--base-border-color));
|
|
68198
68201
|
background-color: color-mix(in srgb, var(--caution-hover-background-color) calc(var(--obc-can-hover) * 100%), var(--base-background-color));
|
|
68199
68202
|
}
|
|
68200
68203
|
}
|
|
68201
68204
|
|
|
68202
|
-
:is(.type-enhanced.alert-type-
|
|
68205
|
+
:is(.type-enhanced.alert-type-level-low .alert-button):active .visible-wrapper {
|
|
68203
68206
|
border-color: var(--caution-pressed-border-color);
|
|
68204
68207
|
background-color: var(--caution-pressed-background-color);
|
|
68205
68208
|
}
|
|
68206
68209
|
|
|
68207
|
-
:is(.type-enhanced.alert-type-
|
|
68210
|
+
:is(.type-enhanced.alert-type-level-low .alert-button):focus-visible .visible-wrapper {
|
|
68208
68211
|
outline-color: var(--border-focus-color);
|
|
68209
68212
|
outline-width: var(--global-size-spacing-border-weight-focusframe);
|
|
68210
68213
|
outline-style: solid;
|
|
@@ -68212,41 +68215,41 @@ button {
|
|
|
68212
68215
|
z-index: 1;
|
|
68213
68216
|
}
|
|
68214
68217
|
|
|
68215
|
-
:is(.type-enhanced.alert-type-
|
|
68218
|
+
:is(.type-enhanced.alert-type-level-low .alert-button):disabled .visible-wrapper {
|
|
68216
68219
|
border-color: var(--caution-disabled-border-color);
|
|
68217
68220
|
background-color: var(--caution-disabled-background-color);
|
|
68218
68221
|
cursor: not-allowed;
|
|
68219
68222
|
color: var(--on-caution-disabled-color) !important;
|
|
68220
68223
|
}
|
|
68221
68224
|
|
|
68222
|
-
.disabled:is(.type-enhanced.alert-type-
|
|
68225
|
+
.disabled:is(.type-enhanced.alert-type-level-low .alert-button) .visible-wrapper {
|
|
68223
68226
|
border-color: var(--caution-disabled-border-color);
|
|
68224
68227
|
background-color: var(--caution-disabled-background-color);
|
|
68225
68228
|
cursor: not-allowed;
|
|
68226
68229
|
color: var(--on-caution-disabled-color) !important;
|
|
68227
68230
|
}
|
|
68228
68231
|
|
|
68229
|
-
:is(.type-enhanced.alert-type-
|
|
68232
|
+
:is(.type-enhanced.alert-type-level-low .alert-button):disabled {
|
|
68230
68233
|
cursor: not-allowed;
|
|
68231
68234
|
}
|
|
68232
68235
|
|
|
68233
|
-
.disabled:is(.type-enhanced.alert-type-
|
|
68236
|
+
.disabled:is(.type-enhanced.alert-type-level-low .alert-button) {
|
|
68234
68237
|
cursor: not-allowed;
|
|
68235
68238
|
}
|
|
68236
68239
|
|
|
68237
|
-
:is(.type-enhanced.alert-type-
|
|
68240
|
+
:is(.type-enhanced.alert-type-level-low .alert-button) .visible-wrapper {
|
|
68238
68241
|
color: var(--on-caution-active-color);
|
|
68239
68242
|
}
|
|
68240
68243
|
|
|
68241
|
-
:is(.type-enhanced.alert-type-
|
|
68244
|
+
:is(.type-enhanced.alert-type-level-diagnostic .alert-button) {
|
|
68242
68245
|
cursor: pointer;
|
|
68243
68246
|
}
|
|
68244
68247
|
|
|
68245
|
-
:is(.type-enhanced.alert-type-
|
|
68248
|
+
:is(.type-enhanced.alert-type-level-diagnostic .alert-button):focus {
|
|
68246
68249
|
outline: none;
|
|
68247
68250
|
}
|
|
68248
68251
|
|
|
68249
|
-
:is(.type-enhanced.alert-type-
|
|
68252
|
+
:is(.type-enhanced.alert-type-level-diagnostic .alert-button) .blink {
|
|
68250
68253
|
border-color: var(--normal-enabled-border-color);
|
|
68251
68254
|
background-color: var(--normal-enabled-background-color);
|
|
68252
68255
|
border-width: 1px;
|
|
@@ -68256,7 +68259,7 @@ button {
|
|
|
68256
68259
|
--base-background-color: var(--normal-enabled-background-color);
|
|
68257
68260
|
}
|
|
68258
68261
|
|
|
68259
|
-
.activated:is(.type-enhanced.alert-type-
|
|
68262
|
+
.activated:is(.type-enhanced.alert-type-level-diagnostic .alert-button) .blink {
|
|
68260
68263
|
border-color: var(--normal-activated-border-color);
|
|
68261
68264
|
background-color: var(--normal-activated-background-color);
|
|
68262
68265
|
--base-border-color: var(--normal-activated-border-color);
|
|
@@ -68265,18 +68268,18 @@ button {
|
|
|
68265
68268
|
|
|
68266
68269
|
@media (hover:hover) {
|
|
68267
68270
|
|
|
68268
|
-
:is(.type-enhanced.alert-type-
|
|
68271
|
+
:is(.type-enhanced.alert-type-level-diagnostic .alert-button):hover .blink {
|
|
68269
68272
|
border-color: color-mix(in srgb, var(--normal-hover-border-color) calc(var(--obc-can-hover) * 100%), var(--base-border-color));
|
|
68270
68273
|
background-color: color-mix(in srgb, var(--normal-hover-background-color) calc(var(--obc-can-hover) * 100%), var(--base-background-color));
|
|
68271
68274
|
}
|
|
68272
68275
|
}
|
|
68273
68276
|
|
|
68274
|
-
:is(.type-enhanced.alert-type-
|
|
68277
|
+
:is(.type-enhanced.alert-type-level-diagnostic .alert-button):active .blink {
|
|
68275
68278
|
border-color: var(--normal-pressed-border-color);
|
|
68276
68279
|
background-color: var(--normal-pressed-background-color);
|
|
68277
68280
|
}
|
|
68278
68281
|
|
|
68279
|
-
:is(.type-enhanced.alert-type-
|
|
68282
|
+
:is(.type-enhanced.alert-type-level-diagnostic .alert-button):focus-visible .blink {
|
|
68280
68283
|
outline-color: var(--border-focus-color);
|
|
68281
68284
|
outline-width: var(--global-size-spacing-border-weight-focusframe);
|
|
68282
68285
|
outline-style: solid;
|
|
@@ -68284,37 +68287,37 @@ button {
|
|
|
68284
68287
|
z-index: 1;
|
|
68285
68288
|
}
|
|
68286
68289
|
|
|
68287
|
-
:is(.type-enhanced.alert-type-
|
|
68290
|
+
:is(.type-enhanced.alert-type-level-diagnostic .alert-button):disabled .blink {
|
|
68288
68291
|
border-color: var(--normal-disabled-border-color);
|
|
68289
68292
|
background-color: var(--normal-disabled-background-color);
|
|
68290
68293
|
cursor: not-allowed;
|
|
68291
68294
|
color: var(--on-normal-disabled-color) !important;
|
|
68292
68295
|
}
|
|
68293
68296
|
|
|
68294
|
-
.disabled:is(.type-enhanced.alert-type-
|
|
68297
|
+
.disabled:is(.type-enhanced.alert-type-level-diagnostic .alert-button) .blink {
|
|
68295
68298
|
border-color: var(--normal-disabled-border-color);
|
|
68296
68299
|
background-color: var(--normal-disabled-background-color);
|
|
68297
68300
|
cursor: not-allowed;
|
|
68298
68301
|
color: var(--on-normal-disabled-color) !important;
|
|
68299
68302
|
}
|
|
68300
68303
|
|
|
68301
|
-
:is(.type-enhanced.alert-type-
|
|
68304
|
+
:is(.type-enhanced.alert-type-level-diagnostic .alert-button):disabled {
|
|
68302
68305
|
cursor: not-allowed;
|
|
68303
68306
|
}
|
|
68304
68307
|
|
|
68305
|
-
.disabled:is(.type-enhanced.alert-type-
|
|
68308
|
+
.disabled:is(.type-enhanced.alert-type-level-diagnostic .alert-button) {
|
|
68306
68309
|
cursor: not-allowed;
|
|
68307
68310
|
}
|
|
68308
68311
|
|
|
68309
|
-
:is(.type-enhanced.alert-type-
|
|
68312
|
+
:is(.type-enhanced.alert-type-level-diagnostic .alert-button) {
|
|
68310
68313
|
cursor: pointer;
|
|
68311
68314
|
}
|
|
68312
68315
|
|
|
68313
|
-
:is(.type-enhanced.alert-type-
|
|
68316
|
+
:is(.type-enhanced.alert-type-level-diagnostic .alert-button):focus {
|
|
68314
68317
|
outline: none;
|
|
68315
68318
|
}
|
|
68316
68319
|
|
|
68317
|
-
:is(.type-enhanced.alert-type-
|
|
68320
|
+
:is(.type-enhanced.alert-type-level-diagnostic .alert-button) .visible-wrapper {
|
|
68318
68321
|
border-color: var(--notification-enabled-border-color);
|
|
68319
68322
|
background-color: var(--notification-enabled-background-color);
|
|
68320
68323
|
border-width: 1px;
|
|
@@ -68324,7 +68327,7 @@ button {
|
|
|
68324
68327
|
--base-background-color: var(--notification-enabled-background-color);
|
|
68325
68328
|
}
|
|
68326
68329
|
|
|
68327
|
-
.activated:is(.type-enhanced.alert-type-
|
|
68330
|
+
.activated:is(.type-enhanced.alert-type-level-diagnostic .alert-button) .visible-wrapper {
|
|
68328
68331
|
border-color: var(--notification-activated-border-color);
|
|
68329
68332
|
background-color: var(--notification-activated-background-color);
|
|
68330
68333
|
--base-border-color: var(--notification-activated-border-color);
|
|
@@ -68333,18 +68336,18 @@ button {
|
|
|
68333
68336
|
|
|
68334
68337
|
@media (hover:hover) {
|
|
68335
68338
|
|
|
68336
|
-
:is(.type-enhanced.alert-type-
|
|
68339
|
+
:is(.type-enhanced.alert-type-level-diagnostic .alert-button):hover .visible-wrapper {
|
|
68337
68340
|
border-color: color-mix(in srgb, var(--notification-hover-border-color) calc(var(--obc-can-hover) * 100%), var(--base-border-color));
|
|
68338
68341
|
background-color: color-mix(in srgb, var(--notification-hover-background-color) calc(var(--obc-can-hover) * 100%), var(--base-background-color));
|
|
68339
68342
|
}
|
|
68340
68343
|
}
|
|
68341
68344
|
|
|
68342
|
-
:is(.type-enhanced.alert-type-
|
|
68345
|
+
:is(.type-enhanced.alert-type-level-diagnostic .alert-button):active .visible-wrapper {
|
|
68343
68346
|
border-color: var(--notification-pressed-border-color);
|
|
68344
68347
|
background-color: var(--notification-pressed-background-color);
|
|
68345
68348
|
}
|
|
68346
68349
|
|
|
68347
|
-
:is(.type-enhanced.alert-type-
|
|
68350
|
+
:is(.type-enhanced.alert-type-level-diagnostic .alert-button):focus-visible .visible-wrapper {
|
|
68348
68351
|
outline-color: var(--border-focus-color);
|
|
68349
68352
|
outline-width: var(--global-size-spacing-border-weight-focusframe);
|
|
68350
68353
|
outline-style: solid;
|
|
@@ -68352,29 +68355,29 @@ button {
|
|
|
68352
68355
|
z-index: 1;
|
|
68353
68356
|
}
|
|
68354
68357
|
|
|
68355
|
-
:is(.type-enhanced.alert-type-
|
|
68358
|
+
:is(.type-enhanced.alert-type-level-diagnostic .alert-button):disabled .visible-wrapper {
|
|
68356
68359
|
border-color: var(--notification-disabled-border-color);
|
|
68357
68360
|
background-color: var(--notification-disabled-background-color);
|
|
68358
68361
|
cursor: not-allowed;
|
|
68359
68362
|
color: var(--on-notification-disabled-color) !important;
|
|
68360
68363
|
}
|
|
68361
68364
|
|
|
68362
|
-
.disabled:is(.type-enhanced.alert-type-
|
|
68365
|
+
.disabled:is(.type-enhanced.alert-type-level-diagnostic .alert-button) .visible-wrapper {
|
|
68363
68366
|
border-color: var(--notification-disabled-border-color);
|
|
68364
68367
|
background-color: var(--notification-disabled-background-color);
|
|
68365
68368
|
cursor: not-allowed;
|
|
68366
68369
|
color: var(--on-notification-disabled-color) !important;
|
|
68367
68370
|
}
|
|
68368
68371
|
|
|
68369
|
-
:is(.type-enhanced.alert-type-
|
|
68372
|
+
:is(.type-enhanced.alert-type-level-diagnostic .alert-button):disabled {
|
|
68370
68373
|
cursor: not-allowed;
|
|
68371
68374
|
}
|
|
68372
68375
|
|
|
68373
|
-
.disabled:is(.type-enhanced.alert-type-
|
|
68376
|
+
.disabled:is(.type-enhanced.alert-type-level-diagnostic .alert-button) {
|
|
68374
68377
|
cursor: not-allowed;
|
|
68375
68378
|
}
|
|
68376
68379
|
|
|
68377
|
-
:is(.type-enhanced.alert-type-
|
|
68380
|
+
:is(.type-enhanced.alert-type-level-diagnostic .alert-button) .visible-wrapper {
|
|
68378
68381
|
color: var(--on-notification-active-color);
|
|
68379
68382
|
}
|
|
68380
68383
|
|
|
@@ -68421,35 +68424,35 @@ button {
|
|
|
68421
68424
|
width: min-content;
|
|
68422
68425
|
}
|
|
68423
68426
|
|
|
68424
|
-
:is(.blinking.alert-type-warning .alert-button,.blinking.alert-type-
|
|
68427
|
+
:is(.blinking.alert-type-warning .alert-button,.blinking.alert-type-level-medium .alert-button) .visible-wrapper {
|
|
68425
68428
|
opacity: var(--warning-blink-on);
|
|
68426
68429
|
}
|
|
68427
68430
|
|
|
68428
|
-
:is(.blinking.alert-type-warning .alert-button,.blinking.alert-type-
|
|
68431
|
+
:is(.blinking.alert-type-warning .alert-button,.blinking.alert-type-level-medium .alert-button) .blink {
|
|
68429
68432
|
opacity: var(--warning-blink-off);
|
|
68430
68433
|
}
|
|
68431
68434
|
|
|
68432
|
-
:is(.blinking.alert-type-
|
|
68435
|
+
:is(.blinking.alert-type-level-critical .alert-button) .visible-wrapper {
|
|
68433
68436
|
opacity: var(--critical-blink-on);
|
|
68434
68437
|
}
|
|
68435
68438
|
|
|
68436
|
-
:is(.blinking.alert-type-
|
|
68439
|
+
:is(.blinking.alert-type-level-critical .alert-button) .blink {
|
|
68437
68440
|
opacity: var(--critical-blink-off);
|
|
68438
68441
|
}
|
|
68439
68442
|
|
|
68440
|
-
:is(.blinking.alert-type-alarm .alert-button,.blinking.alert-type-
|
|
68443
|
+
:is(.blinking.alert-type-alarm .alert-button,.blinking.alert-type-level-high .alert-button) .visible-wrapper {
|
|
68441
68444
|
opacity: var(--alarm-blink-on);
|
|
68442
68445
|
}
|
|
68443
68446
|
|
|
68444
|
-
:is(.blinking.alert-type-alarm .alert-button,.blinking.alert-type-
|
|
68447
|
+
:is(.blinking.alert-type-alarm .alert-button,.blinking.alert-type-level-high .alert-button) .blink {
|
|
68445
68448
|
opacity: var(--alarm-blink-off);
|
|
68446
68449
|
}
|
|
68447
68450
|
|
|
68448
|
-
:is(.blinking.alert-type-caution .alert-button,.blinking.alert-type-
|
|
68451
|
+
:is(.blinking.alert-type-caution .alert-button,.blinking.alert-type-level-low .alert-button) .visible-wrapper {
|
|
68449
68452
|
opacity: var(--low-blink-on);
|
|
68450
68453
|
}
|
|
68451
68454
|
|
|
68452
|
-
:is(.blinking.alert-type-caution .alert-button,.blinking.alert-type-
|
|
68455
|
+
:is(.blinking.alert-type-caution .alert-button,.blinking.alert-type-level-low .alert-button) .blink {
|
|
68453
68456
|
opacity: var(--low-blink-off);
|
|
68454
68457
|
}
|
|
68455
68458
|
|
|
@@ -68470,27 +68473,27 @@ button {
|
|
|
68470
68473
|
}
|
|
68471
68474
|
|
|
68472
68475
|
.alert-type-caution,
|
|
68473
|
-
.alert-type-
|
|
68476
|
+
.alert-type-level-low {
|
|
68474
68477
|
--icon-fill: var(--caution-enabled-background-color);
|
|
68475
68478
|
--icon-stroke: var(--caution-pressed-border-color);
|
|
68476
68479
|
}
|
|
68477
68480
|
|
|
68478
|
-
.alert-type-
|
|
68481
|
+
.alert-type-level-critical {
|
|
68479
68482
|
--icon-fill: var(--alert-critical-color);
|
|
68480
68483
|
--icon-stroke: var(--alert-critical-outline-color);
|
|
68481
68484
|
}
|
|
68482
68485
|
|
|
68483
|
-
.alert-type-
|
|
68486
|
+
.alert-type-level-high {
|
|
68484
68487
|
--icon-fill: var(--alarm-enabled-background-color);
|
|
68485
68488
|
--icon-stroke: var(--alarm-pressed-border-color);
|
|
68486
68489
|
}
|
|
68487
68490
|
|
|
68488
|
-
.alert-type-
|
|
68491
|
+
.alert-type-level-medium {
|
|
68489
68492
|
--icon-fill: var(--warning-enabled-background-color);
|
|
68490
68493
|
--icon-stroke: var(--warning-pressed-border-color);
|
|
68491
68494
|
}
|
|
68492
68495
|
|
|
68493
|
-
.alert-type-
|
|
68496
|
+
.alert-type-level-diagnostic {
|
|
68494
68497
|
--icon-fill: var(--alert-diagnostic-color);
|
|
68495
68498
|
--icon-stroke: var(--alert-diagnostic-outline-color);
|
|
68496
68499
|
}
|
|
@@ -69659,7 +69662,7 @@ let ObcAlertIcon = class extends i$4 {
|
|
|
69659
69662
|
return getBamAlertTypeForBlinking(this.type);
|
|
69660
69663
|
}
|
|
69661
69664
|
get icon() {
|
|
69662
|
-
if (this.type === AlertType.
|
|
69665
|
+
if (this.type === AlertType.LevelCritical) {
|
|
69663
69666
|
return mapping[
|
|
69664
69667
|
"critical"
|
|
69665
69668
|
/* Critical */
|
|
@@ -69718,10 +69721,10 @@ let ObcAlertIcon = class extends i$4 {
|
|
|
69718
69721
|
}
|
|
69719
69722
|
}
|
|
69720
69723
|
renderStaticIcon() {
|
|
69721
|
-
if (this.type === AlertType.Caution || this.type === AlertType.
|
|
69724
|
+
if (this.type === AlertType.Caution || this.type === AlertType.LevelLow) {
|
|
69722
69725
|
return b`<obi-caution-color-iec usecsscolor></obi-caution-color-iec>`;
|
|
69723
69726
|
}
|
|
69724
|
-
if (this.type === AlertType.
|
|
69727
|
+
if (this.type === AlertType.LevelDiagnostic) {
|
|
69725
69728
|
return b`<obi-diagnostic-badge
|
|
69726
69729
|
style="color: var(--alert-diagnostic-color);"
|
|
69727
69730
|
></obi-diagnostic-badge>`;
|
|
@@ -69735,7 +69738,7 @@ let ObcAlertIcon = class extends i$4 {
|
|
|
69735
69738
|
if (this.outline) {
|
|
69736
69739
|
return b`<div class="wrapper">${this.renderOutlineIcon()}</div>`;
|
|
69737
69740
|
}
|
|
69738
|
-
if (supportsBlinking(this.type) && !(this.type === AlertType.
|
|
69741
|
+
if (supportsBlinking(this.type) && !(this.type === AlertType.LevelLow)) {
|
|
69739
69742
|
const icons = this.icon;
|
|
69740
69743
|
if (!icons) {
|
|
69741
69744
|
throw new Error("No icon found");
|