@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
package/dist/alert-severity.js
CHANGED
|
@@ -12,20 +12,20 @@ function requiresAcknowledgement(type) {
|
|
|
12
12
|
return [
|
|
13
13
|
AlertType.Alarm,
|
|
14
14
|
AlertType.Warning,
|
|
15
|
-
AlertType.
|
|
16
|
-
AlertType.
|
|
17
|
-
AlertType.
|
|
18
|
-
AlertType.
|
|
15
|
+
AlertType.LevelCritical,
|
|
16
|
+
AlertType.LevelHigh,
|
|
17
|
+
AlertType.LevelMedium,
|
|
18
|
+
AlertType.LevelLow
|
|
19
19
|
].includes(type);
|
|
20
20
|
}
|
|
21
21
|
function supportsBlinking(type) {
|
|
22
22
|
return [
|
|
23
23
|
AlertType.Alarm,
|
|
24
24
|
AlertType.Warning,
|
|
25
|
-
AlertType.
|
|
26
|
-
AlertType.
|
|
27
|
-
AlertType.
|
|
28
|
-
AlertType.
|
|
25
|
+
AlertType.LevelCritical,
|
|
26
|
+
AlertType.LevelHigh,
|
|
27
|
+
AlertType.LevelMedium,
|
|
28
|
+
AlertType.LevelLow
|
|
29
29
|
].includes(type);
|
|
30
30
|
}
|
|
31
31
|
function getAlertSeverityCssClass(type) {
|
|
@@ -33,34 +33,34 @@ function getAlertSeverityCssClass(type) {
|
|
|
33
33
|
}
|
|
34
34
|
function getAlertColorTokens(type) {
|
|
35
35
|
switch (type) {
|
|
36
|
-
case AlertType.
|
|
36
|
+
case AlertType.LevelCritical:
|
|
37
37
|
return {
|
|
38
38
|
bg: "var(--critical-enabled-background-color)",
|
|
39
39
|
border: "var(--critical-enabled-border-color)",
|
|
40
40
|
onActive: "var(--on-critical-active-color)"
|
|
41
41
|
};
|
|
42
42
|
case AlertType.Warning:
|
|
43
|
-
case AlertType.
|
|
43
|
+
case AlertType.LevelMedium:
|
|
44
44
|
return {
|
|
45
45
|
bg: "var(--alert-warning-color)",
|
|
46
46
|
border: "var(--alert-warning-outline-color)",
|
|
47
47
|
onActive: "var(--on-warning-active-color)"
|
|
48
48
|
};
|
|
49
49
|
case AlertType.Caution:
|
|
50
|
-
case AlertType.
|
|
50
|
+
case AlertType.LevelLow:
|
|
51
51
|
return {
|
|
52
52
|
bg: "var(--alert-caution-color)",
|
|
53
53
|
border: "var(--alert-caution-outline-color)",
|
|
54
54
|
onActive: "var(--on-caution-active-color)"
|
|
55
55
|
};
|
|
56
|
-
case AlertType.
|
|
56
|
+
case AlertType.LevelDiagnostic:
|
|
57
57
|
return {
|
|
58
58
|
bg: "var(--notification-enabled-background-color)",
|
|
59
59
|
border: "var(--notification-enabled-border-color)",
|
|
60
60
|
onActive: "var(--on-notification-active-color)"
|
|
61
61
|
};
|
|
62
62
|
case AlertType.Alarm:
|
|
63
|
-
case AlertType.
|
|
63
|
+
case AlertType.LevelHigh:
|
|
64
64
|
default:
|
|
65
65
|
return {
|
|
66
66
|
bg: "var(--alert-alarm-color)",
|
|
@@ -71,18 +71,18 @@ function getAlertColorTokens(type) {
|
|
|
71
71
|
}
|
|
72
72
|
function getAlertBadgeComponent(type) {
|
|
73
73
|
switch (type) {
|
|
74
|
-
case AlertType.
|
|
74
|
+
case AlertType.LevelCritical:
|
|
75
75
|
return "obi-critical-badge";
|
|
76
76
|
case AlertType.Warning:
|
|
77
|
-
case AlertType.
|
|
77
|
+
case AlertType.LevelMedium:
|
|
78
78
|
return "obi-warning-badge";
|
|
79
79
|
case AlertType.Caution:
|
|
80
|
-
case AlertType.
|
|
80
|
+
case AlertType.LevelLow:
|
|
81
81
|
return "obi-caution-badge";
|
|
82
|
-
case AlertType.
|
|
82
|
+
case AlertType.LevelDiagnostic:
|
|
83
83
|
return "obi-diagnostic-badge";
|
|
84
84
|
case AlertType.Alarm:
|
|
85
|
-
case AlertType.
|
|
85
|
+
case AlertType.LevelHigh:
|
|
86
86
|
default:
|
|
87
87
|
return "obi-alarm-badge";
|
|
88
88
|
}
|
|
@@ -97,18 +97,18 @@ var AlertTwotoneComponent = /* @__PURE__ */ ((AlertTwotoneComponent2) => {
|
|
|
97
97
|
})(AlertTwotoneComponent || {});
|
|
98
98
|
function getAlertTwotoneComponent(type) {
|
|
99
99
|
switch (type) {
|
|
100
|
-
case AlertType.
|
|
100
|
+
case AlertType.LevelCritical:
|
|
101
101
|
return "obi-alerts-critical-twotone";
|
|
102
|
-
case AlertType.
|
|
102
|
+
case AlertType.LevelDiagnostic:
|
|
103
103
|
return "obi-alerts-diagnostic-twotone";
|
|
104
104
|
case AlertType.Warning:
|
|
105
|
-
case AlertType.
|
|
105
|
+
case AlertType.LevelMedium:
|
|
106
106
|
return "obi-alerts-warning-twotone";
|
|
107
107
|
case AlertType.Caution:
|
|
108
|
-
case AlertType.
|
|
108
|
+
case AlertType.LevelLow:
|
|
109
109
|
return "obi-alerts-caution-twotone";
|
|
110
110
|
case AlertType.Alarm:
|
|
111
|
-
case AlertType.
|
|
111
|
+
case AlertType.LevelHigh:
|
|
112
112
|
default:
|
|
113
113
|
return "obi-alerts-alarm-twotone";
|
|
114
114
|
}
|
|
@@ -122,40 +122,42 @@ var AlertBlinkMode = /* @__PURE__ */ ((AlertBlinkMode2) => {
|
|
|
122
122
|
})(AlertBlinkMode || {});
|
|
123
123
|
function getAlertBlinkMode(type) {
|
|
124
124
|
switch (type) {
|
|
125
|
-
case AlertType.
|
|
125
|
+
case AlertType.LevelCritical:
|
|
126
126
|
return "critical";
|
|
127
127
|
case AlertType.Warning:
|
|
128
|
-
case AlertType.
|
|
128
|
+
case AlertType.LevelMedium:
|
|
129
129
|
return "warning";
|
|
130
130
|
case AlertType.Caution:
|
|
131
|
-
case AlertType.
|
|
131
|
+
case AlertType.LevelLow:
|
|
132
132
|
return "low";
|
|
133
133
|
case AlertType.Alarm:
|
|
134
|
-
case AlertType.
|
|
134
|
+
case AlertType.LevelHigh:
|
|
135
135
|
default:
|
|
136
136
|
return "alarm";
|
|
137
137
|
}
|
|
138
138
|
}
|
|
139
139
|
function getBamAlertTypeForBlinking(type) {
|
|
140
140
|
switch (type) {
|
|
141
|
-
case AlertType.
|
|
142
|
-
case AlertType.
|
|
141
|
+
case AlertType.LevelCritical:
|
|
142
|
+
case AlertType.LevelHigh:
|
|
143
143
|
return AlertType.Alarm;
|
|
144
|
-
case AlertType.
|
|
144
|
+
case AlertType.LevelMedium:
|
|
145
145
|
return AlertType.Warning;
|
|
146
|
-
case AlertType.
|
|
146
|
+
case AlertType.LevelLow:
|
|
147
147
|
return AlertType.Caution;
|
|
148
148
|
default:
|
|
149
149
|
return type;
|
|
150
150
|
}
|
|
151
151
|
}
|
|
152
152
|
function excludedFromUnackedFilter(type) {
|
|
153
|
-
return [AlertType.Caution, AlertType.
|
|
153
|
+
return [AlertType.Caution, AlertType.LevelDiagnostic].includes(type);
|
|
154
154
|
}
|
|
155
155
|
function usesAlarmNoAckIcon(type) {
|
|
156
|
-
return [
|
|
157
|
-
|
|
158
|
-
|
|
156
|
+
return [
|
|
157
|
+
AlertType.Alarm,
|
|
158
|
+
AlertType.LevelCritical,
|
|
159
|
+
AlertType.LevelHigh
|
|
160
|
+
].includes(type);
|
|
159
161
|
}
|
|
160
162
|
export {
|
|
161
163
|
ALERT_SEVERITY_PRIORITY,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"alert-severity.js","sources":["../src/alert-severity.ts"],"sourcesContent":["/**\n * `alert-severity` – Pure helper module mapping alert severities to their\n * visual, behavioral, and acknowledgement semantics.\n *\n * Centralizes the per-`AlertType` decisions shared across alert-rendering\n * components (badges, twotone icons, frames, lists) so that severity behavior\n * stays consistent everywhere. Supports both the legacy severities\n * (`alarm`, `warning`, `caution`) and the
|
|
1
|
+
{"version":3,"file":"alert-severity.js","sources":["../src/alert-severity.ts"],"sourcesContent":["/**\n * `alert-severity` – Pure helper module mapping alert severities to their\n * visual, behavioral, and acknowledgement semantics.\n *\n * Centralizes the per-`AlertType` decisions shared across alert-rendering\n * components (badges, twotone icons, frames, lists) so that severity behavior\n * stays consistent everywhere. Supports both the legacy severities\n * (`alarm`, `warning`, `caution`) and the level severities\n * (`level-critical`, `level-high`, `level-medium`, `level-low`, `level-diagnostic`),\n * collapsing the level set onto the legacy visual/blink treatments where they\n * share styling.\n *\n * Features:\n * - Color tokens: `getAlertColorTokens` returns background/border/on-active\n * CSS custom properties per severity.\n * - Component selectors: `getAlertBadgeComponent` and\n * `getAlertTwotoneComponent` resolve the badge/icon element tag for a\n * severity.\n * - Blinking: `supportsBlinking` reports whether a severity blinks,\n * `getAlertBlinkMode` resolves its blink mode, and\n * `getBamAlertTypeForBlinking` maps level severities onto the legacy type used\n * by the bridge alert management (BAM) blink machinery.\n * - Acknowledgement & filtering: `requiresAcknowledgement` reports whether a\n * severity needs an ACK action, `excludedFromUnackedFilter` reports whether\n * it is hidden from the \"unacked\" view, and `usesAlarmNoAckIcon` selects the\n * alarm-style no-ack icon.\n * - Priority: re-exports `ALERT_SEVERITY_PRIORITY`, the ordered severity list\n * (most → least severe) used to sort alerts.\n *\n * Usage:\n * ```ts\n * import {\n * getAlertColorTokens,\n * requiresAcknowledgement,\n * ALERT_SEVERITY_PRIORITY,\n * } from './alert-severity.js';\n * import {AlertType} from './types.js';\n *\n * const tokens = getAlertColorTokens(AlertType.LevelHigh);\n * const needsAck = requiresAcknowledgement(AlertType.LevelLow); // true\n * alerts.sort(\n * (a, b) =>\n * ALERT_SEVERITY_PRIORITY.indexOf(a.type) -\n * ALERT_SEVERITY_PRIORITY.indexOf(b.type)\n * );\n * ```\n */\nimport {AlertType, ALERT_SEVERITY_PRIORITY} from './types.js';\n\nexport {ALERT_SEVERITY_PRIORITY};\n\nexport enum AlertBadgeComponent {\n Alarm = 'obi-alarm-badge',\n Warning = 'obi-warning-badge',\n Caution = 'obi-caution-badge',\n Critical = 'obi-critical-badge',\n Diagnostic = 'obi-diagnostic-badge',\n}\n\nexport type AlertColorTokens = {\n bg: string;\n border: string;\n onActive: string;\n};\n\nexport function requiresAcknowledgement(type: AlertType): boolean {\n return [\n AlertType.Alarm,\n AlertType.Warning,\n AlertType.LevelCritical,\n AlertType.LevelHigh,\n AlertType.LevelMedium,\n AlertType.LevelLow,\n ].includes(type);\n}\n\nexport function supportsBlinking(type: AlertType): boolean {\n return [\n AlertType.Alarm,\n AlertType.Warning,\n AlertType.LevelCritical,\n AlertType.LevelHigh,\n AlertType.LevelMedium,\n AlertType.LevelLow,\n ].includes(type);\n}\n\nexport function getAlertSeverityCssClass(type: AlertType): string {\n return type;\n}\n\nexport function getAlertColorTokens(type: AlertType): AlertColorTokens {\n switch (type) {\n case AlertType.LevelCritical:\n return {\n bg: 'var(--critical-enabled-background-color)',\n border: 'var(--critical-enabled-border-color)',\n onActive: 'var(--on-critical-active-color)',\n };\n case AlertType.Warning:\n case AlertType.LevelMedium:\n return {\n bg: 'var(--alert-warning-color)',\n border: 'var(--alert-warning-outline-color)',\n onActive: 'var(--on-warning-active-color)',\n };\n case AlertType.Caution:\n case AlertType.LevelLow:\n return {\n bg: 'var(--alert-caution-color)',\n border: 'var(--alert-caution-outline-color)',\n onActive: 'var(--on-caution-active-color)',\n };\n case AlertType.LevelDiagnostic:\n return {\n bg: 'var(--notification-enabled-background-color)',\n border: 'var(--notification-enabled-border-color)',\n onActive: 'var(--on-notification-active-color)',\n };\n case AlertType.Alarm:\n case AlertType.LevelHigh:\n default:\n return {\n bg: 'var(--alert-alarm-color)',\n border: 'var(--alert-alarm-outline-color)',\n onActive: 'var(--on-alarm-active-color)',\n };\n }\n}\n\nexport function getAlertBadgeComponent(type: AlertType): AlertBadgeComponent {\n switch (type) {\n case AlertType.LevelCritical:\n return AlertBadgeComponent.Critical;\n case AlertType.Warning:\n case AlertType.LevelMedium:\n return AlertBadgeComponent.Warning;\n case AlertType.Caution:\n case AlertType.LevelLow:\n return AlertBadgeComponent.Caution;\n case AlertType.LevelDiagnostic:\n return AlertBadgeComponent.Diagnostic;\n case AlertType.Alarm:\n case AlertType.LevelHigh:\n default:\n return AlertBadgeComponent.Alarm;\n }\n}\n\nexport enum AlertTwotoneComponent {\n Alarm = 'obi-alerts-alarm-twotone',\n Warning = 'obi-alerts-warning-twotone',\n Caution = 'obi-alerts-caution-twotone',\n Critical = 'obi-alerts-critical-twotone',\n Diagnostic = 'obi-alerts-diagnostic-twotone',\n}\n\nexport function getAlertTwotoneComponent(\n type: AlertType\n): AlertTwotoneComponent {\n switch (type) {\n case AlertType.LevelCritical:\n return AlertTwotoneComponent.Critical;\n case AlertType.LevelDiagnostic:\n return AlertTwotoneComponent.Diagnostic;\n case AlertType.Warning:\n case AlertType.LevelMedium:\n return AlertTwotoneComponent.Warning;\n case AlertType.Caution:\n case AlertType.LevelLow:\n return AlertTwotoneComponent.Caution;\n case AlertType.Alarm:\n case AlertType.LevelHigh:\n default:\n return AlertTwotoneComponent.Alarm;\n }\n}\n\nexport enum AlertBlinkMode {\n Critical = 'critical',\n Alarm = 'alarm',\n Warning = 'warning',\n Low = 'low',\n}\n\nexport function getAlertBlinkMode(type: AlertType): AlertBlinkMode {\n switch (type) {\n case AlertType.LevelCritical:\n return AlertBlinkMode.Critical;\n case AlertType.Warning:\n case AlertType.LevelMedium:\n return AlertBlinkMode.Warning;\n case AlertType.Caution:\n case AlertType.LevelLow:\n return AlertBlinkMode.Low;\n case AlertType.Alarm:\n case AlertType.LevelHigh:\n default:\n return AlertBlinkMode.Alarm;\n }\n}\n\nexport function getBamAlertTypeForBlinking(type: AlertType): AlertType {\n switch (type) {\n case AlertType.LevelCritical:\n case AlertType.LevelHigh:\n return AlertType.Alarm;\n case AlertType.LevelMedium:\n return AlertType.Warning;\n case AlertType.LevelLow:\n return AlertType.Caution;\n default:\n return type;\n }\n}\n\nexport function excludedFromUnackedFilter(type: AlertType): boolean {\n return [AlertType.Caution, AlertType.LevelDiagnostic].includes(type);\n}\n\nexport function usesAlarmNoAckIcon(type: AlertType): boolean {\n return [\n AlertType.Alarm,\n AlertType.LevelCritical,\n AlertType.LevelHigh,\n ].includes(type);\n}\n"],"names":["AlertBadgeComponent","AlertTwotoneComponent","AlertBlinkMode"],"mappings":"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"}
|
|
@@ -38,29 +38,29 @@ const componentStyle = css`
|
|
|
38
38
|
}
|
|
39
39
|
|
|
40
40
|
.wrapper.type-id.state-caution,
|
|
41
|
-
.wrapper.type-id.state-
|
|
41
|
+
.wrapper.type-id.state-level-low {
|
|
42
42
|
background: var(--alert-caution-color);
|
|
43
43
|
border: 1px solid var(--alert-caution-outline-color);
|
|
44
44
|
}
|
|
45
45
|
|
|
46
46
|
.wrapper.type-id.state-warning,
|
|
47
|
-
.wrapper.type-id.state-
|
|
47
|
+
.wrapper.type-id.state-level-medium {
|
|
48
48
|
background: var(--alert-warning-color);
|
|
49
49
|
border: 1px solid var(--alert-warning-outline-color);
|
|
50
50
|
}
|
|
51
51
|
|
|
52
52
|
.wrapper.type-id.state-alarm,
|
|
53
|
-
.wrapper.type-id.state-
|
|
53
|
+
.wrapper.type-id.state-level-high {
|
|
54
54
|
background: var(--alert-alarm-color);
|
|
55
55
|
border: 1px solid var(--alert-alarm-outline-color);
|
|
56
56
|
}
|
|
57
57
|
|
|
58
|
-
.wrapper.type-id.state-
|
|
58
|
+
.wrapper.type-id.state-level-critical {
|
|
59
59
|
background: var(--critical-enabled-background-color);
|
|
60
60
|
border: 1px solid var(--critical-enabled-border-color);
|
|
61
61
|
}
|
|
62
62
|
|
|
63
|
-
.wrapper.type-id.state-
|
|
63
|
+
.wrapper.type-id.state-level-diagnostic {
|
|
64
64
|
background: var(--notification-enabled-background-color);
|
|
65
65
|
border: 1px solid var(--notification-enabled-border-color);
|
|
66
66
|
}
|
|
@@ -70,11 +70,11 @@ const componentStyle = css`
|
|
|
70
70
|
.state-caution,
|
|
71
71
|
.state-warning,
|
|
72
72
|
.state-alarm,
|
|
73
|
-
.state-
|
|
74
|
-
.state-
|
|
75
|
-
.state-
|
|
76
|
-
.state-
|
|
77
|
-
.state-
|
|
73
|
+
.state-level-critical,
|
|
74
|
+
.state-level-high,
|
|
75
|
+
.state-level-medium,
|
|
76
|
+
.state-level-low,
|
|
77
|
+
.state-level-diagnostic
|
|
78
78
|
) {
|
|
79
79
|
background: var(--overlay-container-background-color);
|
|
80
80
|
border: 1px solid var(--overlay-border-outline-color);
|
|
@@ -136,29 +136,29 @@ const componentStyle = css`
|
|
|
136
136
|
}
|
|
137
137
|
|
|
138
138
|
.wrapper.type-data.state-caution .id-pill,
|
|
139
|
-
.wrapper.type-data.state-
|
|
139
|
+
.wrapper.type-data.state-level-low .id-pill {
|
|
140
140
|
background: var(--alert-caution-color);
|
|
141
141
|
border: 1px solid var(--alert-caution-outline-color);
|
|
142
142
|
}
|
|
143
143
|
|
|
144
144
|
.wrapper.type-data.state-warning .id-pill,
|
|
145
|
-
.wrapper.type-data.state-
|
|
145
|
+
.wrapper.type-data.state-level-medium .id-pill {
|
|
146
146
|
background: var(--alert-warning-color);
|
|
147
147
|
border: 1px solid var(--alert-warning-outline-color);
|
|
148
148
|
}
|
|
149
149
|
|
|
150
150
|
.wrapper.type-data.state-alarm .id-pill,
|
|
151
|
-
.wrapper.type-data.state-
|
|
151
|
+
.wrapper.type-data.state-level-high .id-pill {
|
|
152
152
|
background: var(--alert-alarm-color);
|
|
153
153
|
border: 1px solid var(--alert-alarm-outline-color);
|
|
154
154
|
}
|
|
155
155
|
|
|
156
|
-
.wrapper.type-data.state-
|
|
156
|
+
.wrapper.type-data.state-level-critical .id-pill {
|
|
157
157
|
background: var(--critical-enabled-background-color);
|
|
158
158
|
border: 1px solid var(--critical-enabled-border-color);
|
|
159
159
|
}
|
|
160
160
|
|
|
161
|
-
.wrapper.type-data.state-
|
|
161
|
+
.wrapper.type-data.state-level-diagnostic .id-pill {
|
|
162
162
|
background: var(--notification-enabled-background-color);
|
|
163
163
|
border: 1px solid var(--notification-enabled-border-color);
|
|
164
164
|
}
|
|
@@ -8,11 +8,11 @@ export declare enum ObcPoiHeaderState {
|
|
|
8
8
|
Caution = "caution",
|
|
9
9
|
Warning = "warning",
|
|
10
10
|
Alarm = "alarm",
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
11
|
+
LevelCritical = "level-critical",
|
|
12
|
+
LevelHigh = "level-high",
|
|
13
|
+
LevelMedium = "level-medium",
|
|
14
|
+
LevelLow = "level-low",
|
|
15
|
+
LevelDiagnostic = "level-diagnostic"
|
|
16
16
|
}
|
|
17
17
|
export declare enum ObcPoiHeaderType {
|
|
18
18
|
Data = "data",
|
|
@@ -29,7 +29,7 @@ export declare enum ObcPoiHeaderType {
|
|
|
29
29
|
* - `type` (default `id`):
|
|
30
30
|
* - `id`: shows identifier content only.
|
|
31
31
|
* - `data`: shows identifier plus secondary label.
|
|
32
|
-
* - `state` (default `enabled`): `enabled`, `selected`, `caution`, `warning`, `alarm`, `
|
|
32
|
+
* - `state` (default `enabled`): `enabled`, `selected`, `caution`, `warning`, `alarm`, `level-critical`, `level-high`, `level-medium`, `level-low`, `level-diagnostic`.
|
|
33
33
|
* - `content` (default `"1"`): primary identifier text.
|
|
34
34
|
* - `label` (default `"Data"`): secondary text used by `type="data"`.
|
|
35
35
|
* - `hasIndicator` (default `false`): appends indicator area.
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"poi-header.d.ts","sourceRoot":"","sources":["../../../../src/ar/building-blocks/poi-header/poi-header.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAA2B,MAAM,KAAK,CAAC;AAMzD,oBAAY,gBAAgB;IAC1B,OAAO,YAAY;CACpB;AAED,oBAAY,iBAAiB;IAC3B,OAAO,YAAY;IACnB,QAAQ,aAAa;IACrB,OAAO,YAAY;IACnB,OAAO,YAAY;IACnB,KAAK,UAAU;IACf,
|
|
1
|
+
{"version":3,"file":"poi-header.d.ts","sourceRoot":"","sources":["../../../../src/ar/building-blocks/poi-header/poi-header.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAA2B,MAAM,KAAK,CAAC;AAMzD,oBAAY,gBAAgB;IAC1B,OAAO,YAAY;CACpB;AAED,oBAAY,iBAAiB;IAC3B,OAAO,YAAY;IACnB,QAAQ,aAAa;IACrB,OAAO,YAAY;IACnB,OAAO,YAAY;IACnB,KAAK,UAAU;IACf,aAAa,mBAAmB;IAChC,SAAS,eAAe;IACxB,WAAW,iBAAiB;IAC5B,QAAQ,cAAc;IACtB,eAAe,qBAAqB;CACrC;AAED,oBAAY,gBAAgB;IAC1B,IAAI,SAAS;IACb,EAAE,OAAO;CACV;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAyCG;AACH,qBACa,YAAa,SAAQ,UAAU;IAChB,OAAO,SAAO;IACd,KAAK,SAAU;IAGzC,IAAI,EAAE,gBAAgB,CAA4B;IAGlD,KAAK,EAAE,iBAAiB,CAA6B;IAGrD,IAAI,EAAE,gBAAgB,CAAuB;IAG7C,YAAY,UAAS;IAErB,OAAO,KAAK,UAAU,GAErB;IAED,OAAO,KAAK,SAAS,GAEpB;IAED,OAAO,KAAK,yBAAyB,GAEpC;IAED,OAAO,CAAC,eAAe;IAkBvB,OAAO,CAAC,YAAY;IAIpB,OAAO,CAAC,UAAU;IAWT,MAAM;IAmBf,OAAgB,MAAM,0BAA6B;CACpD;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,gBAAgB,EAAE,YAAY,CAAC;KAChC;CACF"}
|
|
@@ -23,11 +23,11 @@ var ObcPoiHeaderState = /* @__PURE__ */ ((ObcPoiHeaderState2) => {
|
|
|
23
23
|
ObcPoiHeaderState2["Caution"] = "caution";
|
|
24
24
|
ObcPoiHeaderState2["Warning"] = "warning";
|
|
25
25
|
ObcPoiHeaderState2["Alarm"] = "alarm";
|
|
26
|
-
ObcPoiHeaderState2["
|
|
27
|
-
ObcPoiHeaderState2["
|
|
28
|
-
ObcPoiHeaderState2["
|
|
29
|
-
ObcPoiHeaderState2["
|
|
30
|
-
ObcPoiHeaderState2["
|
|
26
|
+
ObcPoiHeaderState2["LevelCritical"] = "level-critical";
|
|
27
|
+
ObcPoiHeaderState2["LevelHigh"] = "level-high";
|
|
28
|
+
ObcPoiHeaderState2["LevelMedium"] = "level-medium";
|
|
29
|
+
ObcPoiHeaderState2["LevelLow"] = "level-low";
|
|
30
|
+
ObcPoiHeaderState2["LevelDiagnostic"] = "level-diagnostic";
|
|
31
31
|
return ObcPoiHeaderState2;
|
|
32
32
|
})(ObcPoiHeaderState || {});
|
|
33
33
|
var ObcPoiHeaderType = /* @__PURE__ */ ((ObcPoiHeaderType2) => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"poi-header.js","sources":["../../../../src/ar/building-blocks/poi-header/poi-header.ts"],"sourcesContent":["import {LitElement, html, nothing, unsafeCSS} from 'lit';\nimport {property} from 'lit/decorators.js';\nimport {classMap} from 'lit/directives/class-map.js';\nimport {customElement} from '../../../decorator.js';\nimport componentStyle from './poi-header.css?inline';\n\nexport enum ObcPoiHeaderSize {\n Regular = 'regular',\n}\n\nexport enum ObcPoiHeaderState {\n Enabled = 'enabled',\n Selected = 'selected',\n Caution = 'caution',\n Warning = 'warning',\n Alarm = 'alarm',\n
|
|
1
|
+
{"version":3,"file":"poi-header.js","sources":["../../../../src/ar/building-blocks/poi-header/poi-header.ts"],"sourcesContent":["import {LitElement, html, nothing, unsafeCSS} from 'lit';\nimport {property} from 'lit/decorators.js';\nimport {classMap} from 'lit/directives/class-map.js';\nimport {customElement} from '../../../decorator.js';\nimport componentStyle from './poi-header.css?inline';\n\nexport enum ObcPoiHeaderSize {\n Regular = 'regular',\n}\n\nexport enum ObcPoiHeaderState {\n Enabled = 'enabled',\n Selected = 'selected',\n Caution = 'caution',\n Warning = 'warning',\n Alarm = 'alarm',\n LevelCritical = 'level-critical',\n LevelHigh = 'level-high',\n LevelMedium = 'level-medium',\n LevelLow = 'level-low',\n LevelDiagnostic = 'level-diagnostic',\n}\n\nexport enum ObcPoiHeaderType {\n Data = 'data',\n Id = 'id',\n}\n\n/**\n * `<obc-poi-header>` - Compact header chip for marker identifiers, labels, and optional indicator content.\n *\n * ## Overview\n * Use this component to display compact marker metadata above or near a marker button.\n * Keywords/synonyms: chip, pill, badge, header chip, identifier badge.\n *\n * ## Features/Variants\n * - `type` (default `id`):\n * - `id`: shows identifier content only.\n * - `data`: shows identifier plus secondary label.\n * - `state` (default `enabled`): `enabled`, `selected`, `caution`, `warning`, `alarm`, `level-critical`, `level-high`, `level-medium`, `level-low`, `level-diagnostic`.\n * - `content` (default `\"1\"`): primary identifier text.\n * - `label` (default `\"Data\"`): secondary text used by `type=\"data\"`.\n * - `hasIndicator` (default `false`): appends indicator area.\n * - `indicator` slot fallback: renders built-in bar indicator markup when slot content is empty.\n * - `size` (default `regular`): currently only `regular`.\n *\n * ## Usage Guidelines\n * - Use `type=\"id\"` for compact identifier-only labels.\n * - Use `type=\"data\"` when both an ID and short label are required.\n * - Keep `content` and `label` brief to prevent overflow.\n *\n * ## Slots/Content\n * - `indicator`: Optional indicator icon/content; built-in indicator is used as fallback.\n *\n * ## Events\n * This component does not emit custom events.\n *\n * ## Best Practices\n * - Keep indicator usage consistent across similar marker states.\n * - Prefer enum values for `type`, `state`, and `size`.\n *\n * ## Example\n * ```html\n * <obc-poi-header type=\"data\" state=\"selected\" content=\"3\" label=\"SOG\" has-indicator>\n * <obi-placeholder slot=\"indicator\"></obi-placeholder>\n * </obc-poi-header>\n * ```\n *\n * @slot indicator - Optional indicator icon/content.\n */\n@customElement('obc-poi-header')\nexport class ObcPoiHeader extends LitElement {\n @property({type: String}) content = '1';\n @property({type: String}) label = 'Data';\n\n @property({type: String})\n size: ObcPoiHeaderSize = ObcPoiHeaderSize.Regular;\n\n @property({type: String})\n state: ObcPoiHeaderState = ObcPoiHeaderState.Enabled;\n\n @property({type: String})\n type: ObcPoiHeaderType = ObcPoiHeaderType.Id;\n\n @property({type: Boolean, attribute: 'has-indicator'})\n hasIndicator = false;\n\n private get isDataType(): boolean {\n return this.type === ObcPoiHeaderType.Data;\n }\n\n private get isEnabled(): boolean {\n return this.state === ObcPoiHeaderState.Enabled;\n }\n\n private get hasSingleCharacterContent(): boolean {\n return this.content?.trim().length === 1;\n }\n\n private renderIndicator() {\n const withFrame = this.isDataType && this.isEnabled;\n const defaultIndicator = html`\n <span class=\"indicator\" aria-hidden=\"true\" data-node-id=\"10534:68353\">\n <span class=\"bar left\" data-node-id=\"10534:68366\"></span>\n <span class=\"bar middle\" data-node-id=\"10534:68365\"></span>\n <span class=\"bar right\" data-node-id=\"10534:68367\"></span>\n </span>\n `;\n const indicator = html`<slot name=\"indicator\">${defaultIndicator}</slot>`;\n\n if (!withFrame) {\n return indicator;\n }\n\n return html`<span class=\"indicator-frame\">${indicator}</span>`;\n }\n\n private renderIdOnly() {\n return html`<span class=\"id-only-text\">${this.content}</span>`;\n }\n\n private renderData() {\n return html`\n <div class=\"id-pill\">\n <span class=\"id-text\">${this.content}</span>\n </div>\n <div class=\"label-pill\">\n <span class=\"label-text\">${this.label}</span>\n </div>\n `;\n }\n\n override render() {\n return html`\n <div\n class=${classMap({\n wrapper: true,\n [`size-${this.size}`]: true,\n [`state-${this.state}`]: true,\n [`type-${this.type}`]: true,\n 'single-char-content': this.hasSingleCharacterContent,\n 'has-indicator': this.hasIndicator,\n })}\n data-node-id=\"10389:51689\"\n >\n ${this.isDataType ? this.renderData() : this.renderIdOnly()}\n ${this.hasIndicator ? this.renderIndicator() : nothing}\n </div>\n `;\n }\n\n static override styles = unsafeCSS(componentStyle);\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'obc-poi-header': ObcPoiHeader;\n }\n}\n"],"names":["ObcPoiHeaderSize","ObcPoiHeaderState","ObcPoiHeaderType"],"mappings":"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"}
|
|
@@ -122,31 +122,31 @@ const compentStyle = css`
|
|
|
122
122
|
display: none;
|
|
123
123
|
}
|
|
124
124
|
|
|
125
|
-
:is(.wrapper.alert-alarm,.wrapper.alert-
|
|
125
|
+
:is(.wrapper.alert-alarm,.wrapper.alert-level-high) .alert-ring {
|
|
126
126
|
background: var(--alert-alarm-color);
|
|
127
127
|
border-color: var(--alert-alarm-outline-color);
|
|
128
128
|
outline-color: var(--alert-alarm-outline-color);
|
|
129
129
|
}
|
|
130
130
|
|
|
131
|
-
.wrapper.alert-
|
|
131
|
+
.wrapper.alert-level-critical .alert-ring {
|
|
132
132
|
background: var(--critical-enabled-background-color);
|
|
133
133
|
border-color: var(--critical-enabled-border-color);
|
|
134
134
|
outline-color: var(--critical-enabled-border-color);
|
|
135
135
|
}
|
|
136
136
|
|
|
137
|
-
:is(.wrapper.alert-warning,.wrapper.alert-
|
|
137
|
+
:is(.wrapper.alert-warning,.wrapper.alert-level-medium) .alert-ring {
|
|
138
138
|
background: var(--alert-warning-color);
|
|
139
139
|
border-color: var(--alert-warning-outline-color);
|
|
140
140
|
outline-color: var(--alert-warning-outline-color);
|
|
141
141
|
}
|
|
142
142
|
|
|
143
|
-
:is(.wrapper.alert-caution,.wrapper.alert-
|
|
143
|
+
:is(.wrapper.alert-caution,.wrapper.alert-level-low) .alert-ring {
|
|
144
144
|
background: var(--alert-caution-color);
|
|
145
145
|
border-color: var(--alert-caution-outline-color);
|
|
146
146
|
outline-color: var(--alert-caution-outline-color);
|
|
147
147
|
}
|
|
148
148
|
|
|
149
|
-
.wrapper.alert-
|
|
149
|
+
.wrapper.alert-level-diagnostic .alert-ring {
|
|
150
150
|
background: var(--notification-enabled-background-color);
|
|
151
151
|
border-color: var(--notification-enabled-border-color);
|
|
152
152
|
outline-color: var(--notification-enabled-border-color);
|
|
@@ -386,58 +386,58 @@ const compentStyle = css`
|
|
|
386
386
|
|
|
387
387
|
/* Overlap alert color styles */
|
|
388
388
|
|
|
389
|
-
.wrapper.value-overlapped.alert-alarm,.wrapper.value-overlapped.alert-
|
|
389
|
+
.wrapper.value-overlapped.alert-alarm,.wrapper.value-overlapped.alert-level-high {
|
|
390
390
|
--overlay-container-background-color: var(--alert-alarm-color, #e30019);
|
|
391
391
|
--overlay-border-outline-color: var(--alert-alarm-outline-color);
|
|
392
392
|
}
|
|
393
393
|
|
|
394
|
-
.wrapper.value-overlapped.alert-alarm .poi-object,.wrapper.value-overlapped.alert-
|
|
394
|
+
.wrapper.value-overlapped.alert-alarm .poi-object,.wrapper.value-overlapped.alert-level-high .poi-object {
|
|
395
395
|
--overlay-container-background-color: var(--alert-alarm-color, #e30019);
|
|
396
396
|
--overlay-border-outline-color: var(--alert-alarm-outline-color);
|
|
397
397
|
}
|
|
398
398
|
|
|
399
|
-
.wrapper.value-overlapped.alert-
|
|
399
|
+
.wrapper.value-overlapped.alert-level-critical {
|
|
400
400
|
--overlay-container-background-color: var(
|
|
401
401
|
--critical-enabled-background-color
|
|
402
402
|
);
|
|
403
403
|
--overlay-border-outline-color: var(--critical-enabled-border-color);
|
|
404
404
|
}
|
|
405
405
|
|
|
406
|
-
.wrapper.value-overlapped.alert-
|
|
406
|
+
.wrapper.value-overlapped.alert-level-critical .poi-object {
|
|
407
407
|
--overlay-container-background-color: var(
|
|
408
408
|
--critical-enabled-background-color
|
|
409
409
|
);
|
|
410
410
|
--overlay-border-outline-color: var(--critical-enabled-border-color);
|
|
411
411
|
}
|
|
412
412
|
|
|
413
|
-
.wrapper.value-overlapped.alert-warning,.wrapper.value-overlapped.alert-
|
|
413
|
+
.wrapper.value-overlapped.alert-warning,.wrapper.value-overlapped.alert-level-medium {
|
|
414
414
|
--overlay-container-background-color: var(--alert-warning-color, #fe9413);
|
|
415
415
|
--overlay-border-outline-color: var(--alert-warning-outline-color);
|
|
416
416
|
}
|
|
417
417
|
|
|
418
|
-
.wrapper.value-overlapped.alert-warning .poi-object,.wrapper.value-overlapped.alert-
|
|
418
|
+
.wrapper.value-overlapped.alert-warning .poi-object,.wrapper.value-overlapped.alert-level-medium .poi-object {
|
|
419
419
|
--overlay-container-background-color: var(--alert-warning-color, #fe9413);
|
|
420
420
|
--overlay-border-outline-color: var(--alert-warning-outline-color);
|
|
421
421
|
}
|
|
422
422
|
|
|
423
|
-
.wrapper.value-overlapped.alert-caution,.wrapper.value-overlapped.alert-
|
|
423
|
+
.wrapper.value-overlapped.alert-caution,.wrapper.value-overlapped.alert-level-low {
|
|
424
424
|
--overlay-container-background-color: var(--alert-caution-color, #ffdb42);
|
|
425
425
|
--overlay-border-outline-color: var(--alert-caution-outline-color);
|
|
426
426
|
}
|
|
427
427
|
|
|
428
|
-
.wrapper.value-overlapped.alert-caution .poi-object,.wrapper.value-overlapped.alert-
|
|
428
|
+
.wrapper.value-overlapped.alert-caution .poi-object,.wrapper.value-overlapped.alert-level-low .poi-object {
|
|
429
429
|
--overlay-container-background-color: var(--alert-caution-color, #ffdb42);
|
|
430
430
|
--overlay-border-outline-color: var(--alert-caution-outline-color);
|
|
431
431
|
}
|
|
432
432
|
|
|
433
|
-
.wrapper.value-overlapped.alert-
|
|
433
|
+
.wrapper.value-overlapped.alert-level-diagnostic {
|
|
434
434
|
--overlay-container-background-color: var(
|
|
435
435
|
--notification-enabled-background-color
|
|
436
436
|
);
|
|
437
437
|
--overlay-border-outline-color: var(--notification-enabled-border-color);
|
|
438
438
|
}
|
|
439
439
|
|
|
440
|
-
.wrapper.value-overlapped.alert-
|
|
440
|
+
.wrapper.value-overlapped.alert-level-diagnostic .poi-object {
|
|
441
441
|
--overlay-container-background-color: var(
|
|
442
442
|
--notification-enabled-background-color
|
|
443
443
|
);
|
|
@@ -445,30 +445,31 @@ const compentStyle = css`
|
|
|
445
445
|
}
|
|
446
446
|
|
|
447
447
|
.wrapper.value-overlapped.alert-caution .poi-object::part(background-frame),
|
|
448
|
-
.wrapper.value-overlapped.alert-
|
|
448
|
+
.wrapper.value-overlapped.alert-level-low .poi-object::part(background-frame) {
|
|
449
449
|
background-color: var(--alert-caution-color, #ffdb42);
|
|
450
450
|
border-color: var(--alert-caution-outline-color);
|
|
451
451
|
}
|
|
452
452
|
|
|
453
453
|
.wrapper.value-overlapped.alert-warning .poi-object::part(background-frame),
|
|
454
|
-
.wrapper.value-overlapped.alert-
|
|
454
|
+
.wrapper.value-overlapped.alert-level-medium
|
|
455
|
+
.poi-object::part(background-frame) {
|
|
455
456
|
background-color: var(--alert-warning-color, #fe9413);
|
|
456
457
|
border-color: var(--alert-warning-outline-color);
|
|
457
458
|
}
|
|
458
459
|
|
|
459
460
|
.wrapper.value-overlapped.alert-alarm .poi-object::part(background-frame),
|
|
460
|
-
.wrapper.value-overlapped.alert-
|
|
461
|
+
.wrapper.value-overlapped.alert-level-high .poi-object::part(background-frame) {
|
|
461
462
|
background-color: var(--alert-alarm-color, #e30019);
|
|
462
463
|
border-color: var(--alert-alarm-outline-color);
|
|
463
464
|
}
|
|
464
465
|
|
|
465
|
-
.wrapper.value-overlapped.alert-
|
|
466
|
+
.wrapper.value-overlapped.alert-level-critical
|
|
466
467
|
.poi-object::part(background-frame) {
|
|
467
468
|
background-color: var(--critical-enabled-background-color);
|
|
468
469
|
border-color: var(--critical-enabled-border-color);
|
|
469
470
|
}
|
|
470
471
|
|
|
471
|
-
.wrapper.value-overlapped.alert-
|
|
472
|
+
.wrapper.value-overlapped.alert-level-diagnostic
|
|
472
473
|
.poi-object::part(background-frame) {
|
|
473
474
|
background-color: var(--notification-enabled-background-color);
|
|
474
475
|
border-color: var(--notification-enabled-border-color);
|
|
@@ -502,27 +503,27 @@ const compentStyle = css`
|
|
|
502
503
|
display: none;
|
|
503
504
|
}
|
|
504
505
|
|
|
505
|
-
.alert-caution :is(.wrapper.has-data .alert-ring),.alert-
|
|
506
|
+
.alert-caution :is(.wrapper.has-data .alert-ring),.alert-level-low :is(.wrapper.has-data .alert-ring) {
|
|
506
507
|
border-color: var(--alert-caution-outline-color);
|
|
507
508
|
outline-color: var(--alert-caution-color);
|
|
508
509
|
}
|
|
509
510
|
|
|
510
|
-
.alert-warning :is(.wrapper.has-data .alert-ring),.alert-
|
|
511
|
+
.alert-warning :is(.wrapper.has-data .alert-ring),.alert-level-medium :is(.wrapper.has-data .alert-ring) {
|
|
511
512
|
border-color: var(--alert-warning-outline-color);
|
|
512
513
|
outline-color: var(--alert-warning-color);
|
|
513
514
|
}
|
|
514
515
|
|
|
515
|
-
.alert-alarm :is(.wrapper.has-data .alert-ring),.alert-
|
|
516
|
+
.alert-alarm :is(.wrapper.has-data .alert-ring),.alert-level-high :is(.wrapper.has-data .alert-ring) {
|
|
516
517
|
border-color: var(--alert-alarm-outline-color);
|
|
517
518
|
outline-color: var(--alert-alarm-color);
|
|
518
519
|
}
|
|
519
520
|
|
|
520
|
-
.alert-
|
|
521
|
+
.alert-level-critical :is(.wrapper.has-data .alert-ring) {
|
|
521
522
|
border-color: var(--critical-enabled-border-color);
|
|
522
523
|
outline-color: var(--critical-enabled-background-color);
|
|
523
524
|
}
|
|
524
525
|
|
|
525
|
-
.alert-
|
|
526
|
+
.alert-level-diagnostic :is(.wrapper.has-data .alert-ring) {
|
|
526
527
|
border-color: var(--notification-enabled-border-color);
|
|
527
528
|
outline-color: var(--notification-enabled-background-color);
|
|
528
529
|
}
|
|
@@ -597,29 +598,29 @@ const compentStyle = css`
|
|
|
597
598
|
}
|
|
598
599
|
|
|
599
600
|
.wrapper.value-overlapped.has-data.alert-caution,
|
|
600
|
-
.wrapper.value-overlapped.has-data.alert-
|
|
601
|
+
.wrapper.value-overlapped.has-data.alert-level-low {
|
|
601
602
|
background: var(--alert-caution-color, #ffdb42);
|
|
602
603
|
border-color: var(--alert-caution-outline-color);
|
|
603
604
|
}
|
|
604
605
|
|
|
605
606
|
.wrapper.value-overlapped.has-data.alert-warning,
|
|
606
|
-
.wrapper.value-overlapped.has-data.alert-
|
|
607
|
+
.wrapper.value-overlapped.has-data.alert-level-medium {
|
|
607
608
|
background: var(--alert-warning-color, #fe9413);
|
|
608
609
|
border-color: var(--alert-warning-outline-color);
|
|
609
610
|
}
|
|
610
611
|
|
|
611
612
|
.wrapper.value-overlapped.has-data.alert-alarm,
|
|
612
|
-
.wrapper.value-overlapped.has-data.alert-
|
|
613
|
+
.wrapper.value-overlapped.has-data.alert-level-high {
|
|
613
614
|
background: var(--alert-alarm-color, #e30019);
|
|
614
615
|
border-color: var(--alert-alarm-outline-color);
|
|
615
616
|
}
|
|
616
617
|
|
|
617
|
-
.wrapper.value-overlapped.has-data.alert-
|
|
618
|
+
.wrapper.value-overlapped.has-data.alert-level-critical {
|
|
618
619
|
background: var(--critical-enabled-background-color);
|
|
619
620
|
border-color: var(--critical-enabled-border-color);
|
|
620
621
|
}
|
|
621
622
|
|
|
622
|
-
.wrapper.value-overlapped.has-data.alert-
|
|
623
|
+
.wrapper.value-overlapped.has-data.alert-level-diagnostic {
|
|
623
624
|
background: var(--notification-enabled-background-color);
|
|
624
625
|
border-color: var(--notification-enabled-border-color);
|
|
625
626
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"poi-button.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"poi-button.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -16,11 +16,11 @@ export declare enum ObcPoiButtonState {
|
|
|
16
16
|
Caution = "caution",
|
|
17
17
|
Warning = "warning",
|
|
18
18
|
Alarm = "alarm",
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
19
|
+
LevelCritical = "level-critical",
|
|
20
|
+
LevelHigh = "level-high",
|
|
21
|
+
LevelMedium = "level-medium",
|
|
22
|
+
LevelLow = "level-low",
|
|
23
|
+
LevelDiagnostic = "level-diagnostic"
|
|
24
24
|
}
|
|
25
25
|
export declare enum PoiButtonVisualState {
|
|
26
26
|
Unchecked = "unchecked",
|
|
@@ -46,7 +46,7 @@ export interface ObcPoiButtonDataItem {
|
|
|
46
46
|
* - `layout` (default `anchored`): `anchored` or `inline`.
|
|
47
47
|
* - `value` (default `unchecked`): `unchecked`, `checked`, `activated`, `overlapped`.
|
|
48
48
|
* - `overlapOpaque` (default `false`): controls overlapped opacity mode (`false` = translucent, `true` = opaque).
|
|
49
|
-
* - `state` (default `enabled`): `enabled`, `caution`, `warning`, `alarm`, `
|
|
49
|
+
* - `state` (default `enabled`): `enabled`, `caution`, `warning`, `alarm`, `level-critical`, `level-high`, `level-medium`, `level-low`, `level-diagnostic`.
|
|
50
50
|
* - `selected` (default `false`): shows selection frame in anchored layout.
|
|
51
51
|
* - `relativeDirection` (default `0`): rotates default-slot icon content in degrees.
|
|
52
52
|
* - `data` (default `[]`): when non-empty, renders value/label/unit rows.
|