@oicl/openbridge-webcomponents-full-bundle 2.0.0-next.63 → 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 +326 -323
- package/bundle/openbridge-webcomponents.bundle.js.map +1 -1
- package/custom-elements.json +12 -12
- 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/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/src/alert-severity.ts +43 -41
- package/src/ar/building-blocks/poi-header/poi-header.css +15 -15
- package/src/ar/building-blocks/poi-header/poi-header.ts +6 -6
- package/src/ar/poi-button/poi-button.css +31 -30
- package/src/ar/poi-button/poi-button.ts +16 -16
- package/src/ar/types.ts +5 -5
- package/src/automation/automation-badge/automation-badge.ts +22 -22
- package/src/automation/automation-button/abstract-automation-button.ts +15 -15
- package/src/automation/automation-tank/automation-tank.stories.ts +6 -6
- package/src/automation/automation-tank/automation-tank.ts +10 -10
- package/src/components/accordion-card/accordion-card.css +5 -5
- package/src/components/alert-button/alert-button.css +14 -14
- package/src/components/alert-button/alert-button.stories.ts +10 -10
- package/src/components/alert-frame/alert-frame.css +6 -6
- package/src/components/alert-frame/alert-frame.stories.ts +10 -10
- package/src/components/alert-frame/alert-frame.ts +4 -4
- package/src/components/alert-icon/alert-icon.stories.ts +10 -10
- package/src/components/alert-icon/alert-icon.ts +4 -4
- package/src/components/alert-list-details/alert-list-details.stories.ts +11 -11
- package/src/components/badge/badge.css +10 -10
- package/src/components/badge/badge.stories.ts +10 -10
- package/src/components/badge/badge.ts +18 -18
- package/src/manual-icon/icon-alerts-critical-twotone.ts +1 -1
- package/src/manual-icon/icon-alerts-diagnostic-twotone.ts +1 -1
- package/src/navigation-instruments/readout/readout.stories.ts +2 -2
- package/src/navigation-instruments/readout-list-item/readout-list-item.stories.ts +4 -4
- package/src/types.ts +10 -10
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { LitElement } from 'lit';
|
|
2
2
|
/**
|
|
3
|
-
* `<obi-alerts-diagnostic-twotone>` – Two-tone bell icon for the
|
|
3
|
+
* `<obi-alerts-diagnostic-twotone>` – Two-tone bell icon for the level "diagnostic" alert severity.
|
|
4
4
|
*
|
|
5
5
|
* Renders the alert (bell) glyph as a layered two-tone shape so the silhouette and
|
|
6
6
|
* fill can be tinted independently. Used wherever a diagnostic-severity alert needs an
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"icon-alerts-diagnostic-twotone.js","sources":["../../src/manual-icon/icon-alerts-diagnostic-twotone.ts"],"sourcesContent":["import {LitElement, html, css, svg} from 'lit';\nimport {property} from 'lit/decorators.js';\nimport {customElement} from '../decorator.js';\n\n/**\n * `<obi-alerts-diagnostic-twotone>` – Two-tone bell icon for the
|
|
1
|
+
{"version":3,"file":"icon-alerts-diagnostic-twotone.js","sources":["../../src/manual-icon/icon-alerts-diagnostic-twotone.ts"],"sourcesContent":["import {LitElement, html, css, svg} from 'lit';\nimport {property} from 'lit/decorators.js';\nimport {customElement} from '../decorator.js';\n\n/**\n * `<obi-alerts-diagnostic-twotone>` – Two-tone bell icon for the level \"diagnostic\" alert severity.\n *\n * Renders the alert (bell) glyph as a layered two-tone shape so the silhouette and\n * fill can be tinted independently. Used wherever a diagnostic-severity alert needs an\n * icon representation (badges, frames, lists).\n *\n * ### Features\n * - **Color modes:** Set `useCssColor` to render with the diagnostic design tokens\n * (`--alert-diagnostic-color` / `--alert-diagnostic-outline-color`); leave it `false`\n * (default) to render with `currentColor` so the icon inherits its parent's color.\n *\n * ### Properties and Attributes\n * - `useCssColor` (boolean): When true, fills the two tones with the diagnostic color\n * tokens instead of `currentColor`. Defaults to `false`.\n */\n@customElement('obi-alerts-diagnostic-twotone')\nexport class ObiAlertsDiagnosticTwotone extends LitElement {\n @property({type: Boolean}) useCssColor = false;\n\n private icon = svg`<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"currentColor\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M4 19V17H6V10C6 8.61667 6.41667 7.3875 7.25 6.3125C8.08333 5.2375 9.16667 4.53333 10.5 4.2V3.5C10.5 3.08333 10.6458 2.72917 10.9375 2.4375C11.2292 2.14583 11.5833 2 12 2C12.4167 2 12.7708 2.14583 13.0625 2.4375C13.3542 2.72917 13.5 3.08333 13.5 3.5V4.2C14.8333 4.53333 15.9167 5.2375 16.75 6.3125C17.5833 7.3875 18 8.61667 18 10V17H20V19H4ZM12 22C11.45 22 10.9792 21.8042 10.5875 21.4125C10.1958 21.0208 10 20.55 10 20H14C14 20.55 13.8042 21.0208 13.4125 21.4125C13.0208 21.8042 12.55 22 12 22Z\" fill=\"currentColor\"/>\n<path d=\"M4 19V17H6V10C6 8.61667 6.41667 7.3875 7.25 6.3125C8.08333 5.2375 9.16667 4.53333 10.5 4.2V3.5C10.5 3.08333 10.6458 2.72917 10.9375 2.4375C11.2292 2.14583 11.5833 2 12 2C12.4167 2 12.7708 2.14583 13.0625 2.4375C13.3542 2.72917 13.5 3.08333 13.5 3.5V4.2C14.8333 4.53333 15.9167 5.2375 16.75 6.3125C17.5833 7.3875 18 8.61667 18 10V17H20V19H4ZM12 22C11.45 22 10.9792 21.8042 10.5875 21.4125C10.1958 21.0208 10 20.55 10 20H14C14 20.55 13.8042 21.0208 13.4125 21.4125C13.0208 21.8042 12.55 22 12 22ZM8 17H16V10C16 8.9 15.6083 7.95833 14.825 7.175C14.0417 6.39167 13.1 6 12 6C10.9 6 9.95833 6.39167 9.175 7.175C8.39167 7.95833 8 8.9 8 10V17Z\" fill=\"currentColor\"/>\n</svg>\n`;\n\n private iconCss = svg`<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M4 19V17H6V10C6 8.61667 6.41667 7.3875 7.25 6.3125C8.08333 5.2375 9.16667 4.53333 10.5 4.2V3.5C10.5 3.08333 10.6458 2.72917 10.9375 2.4375C11.2292 2.14583 11.5833 2 12 2C12.4167 2 12.7708 2.14583 13.0625 2.4375C13.3542 2.72917 13.5 3.08333 13.5 3.5V4.2C14.8333 4.53333 15.9167 5.2375 16.75 6.3125C17.5833 7.3875 18 8.61667 18 10V17H20V19H4ZM12 22C11.45 22 10.9792 21.8042 10.5875 21.4125C10.1958 21.0208 10 20.55 10 20H14C14 20.55 13.8042 21.0208 13.4125 21.4125C13.0208 21.8042 12.55 22 12 22Z\" style=\"fill: var(--alert-diagnostic-color)\"/>\n<path d=\"M4 19V17H6V10C6 8.61667 6.41667 7.3875 7.25 6.3125C8.08333 5.2375 9.16667 4.53333 10.5 4.2V3.5C10.5 3.08333 10.6458 2.72917 10.9375 2.4375C11.2292 2.14583 11.5833 2 12 2C12.4167 2 12.7708 2.14583 13.0625 2.4375C13.3542 2.72917 13.5 3.08333 13.5 3.5V4.2C14.8333 4.53333 15.9167 5.2375 16.75 6.3125C17.5833 7.3875 18 8.61667 18 10V17H20V19H4ZM12 22C11.45 22 10.9792 21.8042 10.5875 21.4125C10.1958 21.0208 10 20.55 10 20H14C14 20.55 13.8042 21.0208 13.4125 21.4125C13.0208 21.8042 12.55 22 12 22ZM8 17H16V10C16 8.9 15.6083 7.95833 14.825 7.175C14.0417 6.39167 13.1 6 12 6C10.9 6 9.95833 6.39167 9.175 7.175C8.39167 7.95833 8 8.9 8 10V17Z\" style=\"fill: var(--alert-diagnostic-outline-color)\"/>\n</svg>\n`;\n\n override render() {\n return html`\n <div class=\"wrapper\">${this.useCssColor ? this.iconCss : this.icon}</div>\n `;\n }\n\n static override styles = css`\n .wrapper {\n height: 100%;\n width: 100%;\n line-height: 0;\n }\n .wrapper > * {\n height: 100%;\n width: 100%;\n }\n `;\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'obi-alerts-diagnostic-twotone': ObiAlertsDiagnosticTwotone;\n }\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;AAqBO,IAAM,6BAAN,cAAyC,WAAW;AAAA,EAApD,cAAA;AAAA,UAAA,GAAA,SAAA;AACsB,SAAA,cAAc;AAEzC,SAAQ,OAAO;AAAA;AAAA;AAAA;AAAA;AAMf,SAAQ,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA,EAAA;AAAA,EAMT,SAAS;AAChB,WAAO;AAAA,6BACkB,KAAK,cAAc,KAAK,UAAU,KAAK,IAAI;AAAA;AAAA,EAEtE;AAaF;AAhCa,2BAqBK,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AApBE,gBAAA;AAAA,EAA1B,SAAS,EAAC,MAAM,QAAA,CAAQ;AAAA,GADd,2BACgB,WAAA,eAAA,CAAA;AADhB,6BAAN,gBAAA;AAAA,EADN,cAAc,+BAA+B;AAAA,GACjC,0BAAA;"}
|
package/dist/types.d.ts
CHANGED
|
@@ -8,11 +8,11 @@ export declare enum AlertType {
|
|
|
8
8
|
Alarm = "alarm",
|
|
9
9
|
Warning = "warning",
|
|
10
10
|
Caution = "caution",
|
|
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 const ALERT_SEVERITY_PRIORITY: AlertType[];
|
|
18
18
|
export declare enum AlertCategory {
|
package/dist/types.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AAAA,oBAAY,SAAS;IACnB,EAAE,OAAO;IACT,IAAI,SAAS;IACb,IAAI,SAAS;IACb,KAAK,UAAU;CAChB;AAED,oBAAY,SAAS;IACnB,KAAK,UAAU;IACf,OAAO,YAAY;IACnB,OAAO,YAAY;IACnB,
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AAAA,oBAAY,SAAS;IACnB,EAAE,OAAO;IACT,IAAI,SAAS;IACb,IAAI,SAAS;IACb,KAAK,UAAU;CAChB;AAED,oBAAY,SAAS;IACnB,KAAK,UAAU;IACf,OAAO,YAAY;IACnB,OAAO,YAAY;IACnB,aAAa,mBAAmB;IAChC,SAAS,eAAe;IACxB,WAAW,iBAAiB;IAC5B,QAAQ,cAAc;IACtB,eAAe,qBAAqB;CACrC;AAED,eAAO,MAAM,uBAAuB,aASnC,CAAC;AAEF,oBAAY,aAAa;IACvB,CAAC,MAAM;IACP,CAAC,MAAM;IACP,CAAC,MAAM;CACR;AAED,MAAM,WAAW,KAAK;IACpB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,YAAY,EACR,KAAK,GACL;QACE,cAAc,EAAE,MAAM,CAAC;QACvB,cAAc,EAAE,IAAI,CAAC;KACtB,CAAC;IACN,MAAM,EACF,IAAI,GACJ;QACE,aAAa,EAAE,IAAI,CAAC;KACrB,CAAC;IACN,IAAI,EAAE,SAAS,CAAC;IAChB,IAAI,EAAE,IAAI,CAAC;IACX,YAAY,CAAC,EAAE,IAAI,CAAC;IACpB,OAAO,CAAC,EACJ,KAAK,GACL;QACE,gBAAgB,EAAE,IAAI,CAAC;QACvB,cAAc,CAAC,EAAE,IAAI,CAAC;QACtB,SAAS,CAAC,EAAE,MAAM,CAAC;KACpB,CAAC;IACN,OAAO,CAAC,EACJ,KAAK,GACL;QACE,gBAAgB,EAAE,IAAI,CAAC;QACvB,cAAc,CAAC,EAAE,IAAI,CAAC;QACtB,SAAS,CAAC,EAAE,MAAM,CAAC;KACpB,CAAC;IACN,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,QAAQ,CAAC,EAAE,aAAa,CAAC;CAC1B;AAED,wBAAgB,QAAQ,CAAC,KAAK,EAAE,KAAK,WAEpC;AAED,wBAAgB,cAAc,CAAC,KAAK,EAAE,KAAK,WAE1C;AAED,wBAAgB,SAAS,CAAC,KAAK,EAAE,KAAK,WAErC;AAED,wBAAgB,SAAS,CAAC,KAAK,EAAE,KAAK,WAErC;AAED,wBAAgB,qBAAqB,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,KAAK,UAgBvD;AAED,MAAM,MAAM,WAAW,GAAG,CAAC,IAAI,EAAE,IAAI,KAAK,MAAM,CAAC;AAEjD,wBAAgB,eAAe,CAAC,IAAI,EAAE,IAAI,UA0BzC"}
|
package/dist/types.js
CHANGED
|
@@ -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";
|
package/dist/types.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.js","sources":["../src/types.ts"],"sourcesContent":["export enum Direction {\n Up = 'up',\n Down = 'down',\n Left = 'left',\n Right = 'right',\n}\n\nexport enum AlertType {\n Alarm = 'alarm',\n Warning = 'warning',\n Caution = 'caution',\n
|
|
1
|
+
{"version":3,"file":"types.js","sources":["../src/types.ts"],"sourcesContent":["export enum Direction {\n Up = 'up',\n Down = 'down',\n Left = 'left',\n Right = 'right',\n}\n\nexport enum AlertType {\n Alarm = 'alarm',\n Warning = 'warning',\n Caution = 'caution',\n LevelCritical = 'level-critical',\n LevelHigh = 'level-high',\n LevelMedium = 'level-medium',\n LevelLow = 'level-low',\n LevelDiagnostic = 'level-diagnostic',\n}\n\nexport const ALERT_SEVERITY_PRIORITY = [\n AlertType.LevelCritical,\n AlertType.Alarm,\n AlertType.LevelHigh,\n AlertType.Warning,\n AlertType.LevelMedium,\n AlertType.Caution,\n AlertType.LevelLow,\n AlertType.LevelDiagnostic,\n];\n\nexport enum AlertCategory {\n a = 'a',\n b = 'b',\n c = 'c',\n}\n\nexport interface Alert {\n id: string; // The id of the alert\n tagId: string; // The tag ID visible to the user\n source: string;\n text: string;\n note?: string; // The note of the alert, typically by the operator\n acknowledged:\n | false\n | {\n acknowledgedBy: string;\n acknowledgedAt: Date;\n };\n active:\n | true\n | {\n rectifiedTime: Date;\n };\n type: AlertType;\n time: Date;\n lastModified?: Date;\n shelved?:\n | false\n | {\n shelvedStartTime: Date;\n shelvedEndTime?: Date;\n shelvedBy?: string;\n };\n blocked?:\n | false\n | {\n blockedStartTime: Date;\n blockedEndTime?: Date;\n blockedBy?: string;\n };\n noAck?: boolean; // If true, the alarm has no ack button\n category?: AlertCategory;\n}\n\nexport function isActive(alert: Alert) {\n return alert.active === true;\n}\n\nexport function isAcknowledged(alert: Alert) {\n return alert.acknowledged !== false && alert.acknowledged !== undefined;\n}\n\nexport function isShelved(alert: Alert) {\n return alert.shelved !== false && alert.shelved !== undefined;\n}\n\nexport function isBlocked(alert: Alert) {\n return alert.blocked !== false && alert.blocked !== undefined;\n}\n\nexport function comparePriorityAlerts(a: Alert, b: Alert) {\n if (a.type !== b.type) {\n return (\n ALERT_SEVERITY_PRIORITY.indexOf(b.type) -\n ALERT_SEVERITY_PRIORITY.indexOf(a.type)\n );\n }\n\n if (isActive(a) !== isActive(b)) {\n return isActive(a) ? 1 : -1;\n }\n\n if (isAcknowledged(a) !== isAcknowledged(b)) {\n return isAcknowledged(a) ? -1 : 1;\n }\n return a.time.getTime() - b.time.getTime();\n}\n\nexport type TimeSinceFn = (time: Date) => string;\n\nexport function formatTimeSince(time: Date) {\n const now = new Date();\n const diff = now.getTime() - time.getTime();\n const diffInSeconds = diff / 1000;\n if (diffInSeconds < 60) {\n return Math.round(diffInSeconds) + 's';\n }\n const diffInMinutes = diffInSeconds / 60;\n if (diffInMinutes < 60) {\n return (\n Math.round(diffInMinutes) + 'm ' + Math.round(diffInSeconds % 60) + 's'\n );\n }\n const diffInHours = diffInMinutes / 60;\n if (diffInHours < 24) {\n return (\n Math.round(diffInHours) + 'h ' + Math.round(diffInMinutes % 60) + 'm'\n );\n }\n const diffInDays = diffInHours / 24;\n if (diffInDays < 365) {\n return Math.round(diffInDays) + 'd ' + Math.round(diffInHours % 24) + 'h';\n }\n return (\n Math.round(diffInDays / 365) + 'y ' + Math.round(diffInDays % 365) + 'd'\n );\n}\n"],"names":["Direction","AlertType","AlertCategory"],"mappings":"AAAO,IAAK,8BAAAA,eAAL;AACLA,aAAA,IAAA,IAAK;AACLA,aAAA,MAAA,IAAO;AACPA,aAAA,MAAA,IAAO;AACPA,aAAA,OAAA,IAAQ;AAJE,SAAAA;AAAA,GAAA,aAAA,CAAA,CAAA;AAOL,IAAK,8BAAAC,eAAL;AACLA,aAAA,OAAA,IAAQ;AACRA,aAAA,SAAA,IAAU;AACVA,aAAA,SAAA,IAAU;AACVA,aAAA,eAAA,IAAgB;AAChBA,aAAA,WAAA,IAAY;AACZA,aAAA,aAAA,IAAc;AACdA,aAAA,UAAA,IAAW;AACXA,aAAA,iBAAA,IAAkB;AARR,SAAAA;AAAA,GAAA,aAAA,CAAA,CAAA;AAWL,MAAM,0BAA0B;AAAA,EACrC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA;AACF;AAEO,IAAK,kCAAAC,mBAAL;AACLA,iBAAA,GAAA,IAAI;AACJA,iBAAA,GAAA,IAAI;AACJA,iBAAA,GAAA,IAAI;AAHM,SAAAA;AAAA,GAAA,iBAAA,CAAA,CAAA;AA4CL,SAAS,SAAS,OAAc;AACrC,SAAO,MAAM,WAAW;AAC1B;AAEO,SAAS,eAAe,OAAc;AAC3C,SAAO,MAAM,iBAAiB,SAAS,MAAM,iBAAiB;AAChE;AAEO,SAAS,UAAU,OAAc;AACtC,SAAO,MAAM,YAAY,SAAS,MAAM,YAAY;AACtD;AAEO,SAAS,UAAU,OAAc;AACtC,SAAO,MAAM,YAAY,SAAS,MAAM,YAAY;AACtD;AAEO,SAAS,sBAAsB,GAAU,GAAU;AACxD,MAAI,EAAE,SAAS,EAAE,MAAM;AACrB,WACE,wBAAwB,QAAQ,EAAE,IAAI,IACtC,wBAAwB,QAAQ,EAAE,IAAI;AAAA,EAE1C;AAEA,MAAI,SAAS,CAAC,MAAM,SAAS,CAAC,GAAG;AAC/B,WAAO,SAAS,CAAC,IAAI,IAAI;AAAA,EAC3B;AAEA,MAAI,eAAe,CAAC,MAAM,eAAe,CAAC,GAAG;AAC3C,WAAO,eAAe,CAAC,IAAI,KAAK;AAAA,EAClC;AACA,SAAO,EAAE,KAAK,QAAA,IAAY,EAAE,KAAK,QAAA;AACnC;AAIO,SAAS,gBAAgB,MAAY;AAC1C,QAAM,0BAAU,KAAA;AAChB,QAAM,OAAO,IAAI,QAAA,IAAY,KAAK,QAAA;AAClC,QAAM,gBAAgB,OAAO;AAC7B,MAAI,gBAAgB,IAAI;AACtB,WAAO,KAAK,MAAM,aAAa,IAAI;AAAA,EACrC;AACA,QAAM,gBAAgB,gBAAgB;AACtC,MAAI,gBAAgB,IAAI;AACtB,WACE,KAAK,MAAM,aAAa,IAAI,OAAO,KAAK,MAAM,gBAAgB,EAAE,IAAI;AAAA,EAExE;AACA,QAAM,cAAc,gBAAgB;AACpC,MAAI,cAAc,IAAI;AACpB,WACE,KAAK,MAAM,WAAW,IAAI,OAAO,KAAK,MAAM,gBAAgB,EAAE,IAAI;AAAA,EAEtE;AACA,QAAM,aAAa,cAAc;AACjC,MAAI,aAAa,KAAK;AACpB,WAAO,KAAK,MAAM,UAAU,IAAI,OAAO,KAAK,MAAM,cAAc,EAAE,IAAI;AAAA,EACxE;AACA,SACE,KAAK,MAAM,aAAa,GAAG,IAAI,OAAO,KAAK,MAAM,aAAa,GAAG,IAAI;AAEzE;"}
|
package/package.json
CHANGED
package/src/alert-severity.ts
CHANGED
|
@@ -5,9 +5,9 @@
|
|
|
5
5
|
* Centralizes the per-`AlertType` decisions shared across alert-rendering
|
|
6
6
|
* components (badges, twotone icons, frames, lists) so that severity behavior
|
|
7
7
|
* stays consistent everywhere. Supports both the legacy severities
|
|
8
|
-
* (`alarm`, `warning`, `caution`) and the
|
|
9
|
-
* (`
|
|
10
|
-
* collapsing the
|
|
8
|
+
* (`alarm`, `warning`, `caution`) and the level severities
|
|
9
|
+
* (`level-critical`, `level-high`, `level-medium`, `level-low`, `level-diagnostic`),
|
|
10
|
+
* collapsing the level set onto the legacy visual/blink treatments where they
|
|
11
11
|
* share styling.
|
|
12
12
|
*
|
|
13
13
|
* Features:
|
|
@@ -18,7 +18,7 @@
|
|
|
18
18
|
* severity.
|
|
19
19
|
* - Blinking: `supportsBlinking` reports whether a severity blinks,
|
|
20
20
|
* `getAlertBlinkMode` resolves its blink mode, and
|
|
21
|
-
* `getBamAlertTypeForBlinking` maps
|
|
21
|
+
* `getBamAlertTypeForBlinking` maps level severities onto the legacy type used
|
|
22
22
|
* by the bridge alert management (BAM) blink machinery.
|
|
23
23
|
* - Acknowledgement & filtering: `requiresAcknowledgement` reports whether a
|
|
24
24
|
* severity needs an ACK action, `excludedFromUnackedFilter` reports whether
|
|
@@ -36,8 +36,8 @@
|
|
|
36
36
|
* } from './alert-severity.js';
|
|
37
37
|
* import {AlertType} from './types.js';
|
|
38
38
|
*
|
|
39
|
-
* const tokens = getAlertColorTokens(AlertType.
|
|
40
|
-
* const needsAck = requiresAcknowledgement(AlertType.
|
|
39
|
+
* const tokens = getAlertColorTokens(AlertType.LevelHigh);
|
|
40
|
+
* const needsAck = requiresAcknowledgement(AlertType.LevelLow); // true
|
|
41
41
|
* alerts.sort(
|
|
42
42
|
* (a, b) =>
|
|
43
43
|
* ALERT_SEVERITY_PRIORITY.indexOf(a.type) -
|
|
@@ -67,10 +67,10 @@ export function requiresAcknowledgement(type: AlertType): boolean {
|
|
|
67
67
|
return [
|
|
68
68
|
AlertType.Alarm,
|
|
69
69
|
AlertType.Warning,
|
|
70
|
-
AlertType.
|
|
71
|
-
AlertType.
|
|
72
|
-
AlertType.
|
|
73
|
-
AlertType.
|
|
70
|
+
AlertType.LevelCritical,
|
|
71
|
+
AlertType.LevelHigh,
|
|
72
|
+
AlertType.LevelMedium,
|
|
73
|
+
AlertType.LevelLow,
|
|
74
74
|
].includes(type);
|
|
75
75
|
}
|
|
76
76
|
|
|
@@ -78,10 +78,10 @@ export function supportsBlinking(type: AlertType): boolean {
|
|
|
78
78
|
return [
|
|
79
79
|
AlertType.Alarm,
|
|
80
80
|
AlertType.Warning,
|
|
81
|
-
AlertType.
|
|
82
|
-
AlertType.
|
|
83
|
-
AlertType.
|
|
84
|
-
AlertType.
|
|
81
|
+
AlertType.LevelCritical,
|
|
82
|
+
AlertType.LevelHigh,
|
|
83
|
+
AlertType.LevelMedium,
|
|
84
|
+
AlertType.LevelLow,
|
|
85
85
|
].includes(type);
|
|
86
86
|
}
|
|
87
87
|
|
|
@@ -91,34 +91,34 @@ export function getAlertSeverityCssClass(type: AlertType): string {
|
|
|
91
91
|
|
|
92
92
|
export function getAlertColorTokens(type: AlertType): AlertColorTokens {
|
|
93
93
|
switch (type) {
|
|
94
|
-
case AlertType.
|
|
94
|
+
case AlertType.LevelCritical:
|
|
95
95
|
return {
|
|
96
96
|
bg: 'var(--critical-enabled-background-color)',
|
|
97
97
|
border: 'var(--critical-enabled-border-color)',
|
|
98
98
|
onActive: 'var(--on-critical-active-color)',
|
|
99
99
|
};
|
|
100
100
|
case AlertType.Warning:
|
|
101
|
-
case AlertType.
|
|
101
|
+
case AlertType.LevelMedium:
|
|
102
102
|
return {
|
|
103
103
|
bg: 'var(--alert-warning-color)',
|
|
104
104
|
border: 'var(--alert-warning-outline-color)',
|
|
105
105
|
onActive: 'var(--on-warning-active-color)',
|
|
106
106
|
};
|
|
107
107
|
case AlertType.Caution:
|
|
108
|
-
case AlertType.
|
|
108
|
+
case AlertType.LevelLow:
|
|
109
109
|
return {
|
|
110
110
|
bg: 'var(--alert-caution-color)',
|
|
111
111
|
border: 'var(--alert-caution-outline-color)',
|
|
112
112
|
onActive: 'var(--on-caution-active-color)',
|
|
113
113
|
};
|
|
114
|
-
case AlertType.
|
|
114
|
+
case AlertType.LevelDiagnostic:
|
|
115
115
|
return {
|
|
116
116
|
bg: 'var(--notification-enabled-background-color)',
|
|
117
117
|
border: 'var(--notification-enabled-border-color)',
|
|
118
118
|
onActive: 'var(--on-notification-active-color)',
|
|
119
119
|
};
|
|
120
120
|
case AlertType.Alarm:
|
|
121
|
-
case AlertType.
|
|
121
|
+
case AlertType.LevelHigh:
|
|
122
122
|
default:
|
|
123
123
|
return {
|
|
124
124
|
bg: 'var(--alert-alarm-color)',
|
|
@@ -130,18 +130,18 @@ export function getAlertColorTokens(type: AlertType): AlertColorTokens {
|
|
|
130
130
|
|
|
131
131
|
export function getAlertBadgeComponent(type: AlertType): AlertBadgeComponent {
|
|
132
132
|
switch (type) {
|
|
133
|
-
case AlertType.
|
|
133
|
+
case AlertType.LevelCritical:
|
|
134
134
|
return AlertBadgeComponent.Critical;
|
|
135
135
|
case AlertType.Warning:
|
|
136
|
-
case AlertType.
|
|
136
|
+
case AlertType.LevelMedium:
|
|
137
137
|
return AlertBadgeComponent.Warning;
|
|
138
138
|
case AlertType.Caution:
|
|
139
|
-
case AlertType.
|
|
139
|
+
case AlertType.LevelLow:
|
|
140
140
|
return AlertBadgeComponent.Caution;
|
|
141
|
-
case AlertType.
|
|
141
|
+
case AlertType.LevelDiagnostic:
|
|
142
142
|
return AlertBadgeComponent.Diagnostic;
|
|
143
143
|
case AlertType.Alarm:
|
|
144
|
-
case AlertType.
|
|
144
|
+
case AlertType.LevelHigh:
|
|
145
145
|
default:
|
|
146
146
|
return AlertBadgeComponent.Alarm;
|
|
147
147
|
}
|
|
@@ -159,18 +159,18 @@ export function getAlertTwotoneComponent(
|
|
|
159
159
|
type: AlertType
|
|
160
160
|
): AlertTwotoneComponent {
|
|
161
161
|
switch (type) {
|
|
162
|
-
case AlertType.
|
|
162
|
+
case AlertType.LevelCritical:
|
|
163
163
|
return AlertTwotoneComponent.Critical;
|
|
164
|
-
case AlertType.
|
|
164
|
+
case AlertType.LevelDiagnostic:
|
|
165
165
|
return AlertTwotoneComponent.Diagnostic;
|
|
166
166
|
case AlertType.Warning:
|
|
167
|
-
case AlertType.
|
|
167
|
+
case AlertType.LevelMedium:
|
|
168
168
|
return AlertTwotoneComponent.Warning;
|
|
169
169
|
case AlertType.Caution:
|
|
170
|
-
case AlertType.
|
|
170
|
+
case AlertType.LevelLow:
|
|
171
171
|
return AlertTwotoneComponent.Caution;
|
|
172
172
|
case AlertType.Alarm:
|
|
173
|
-
case AlertType.
|
|
173
|
+
case AlertType.LevelHigh:
|
|
174
174
|
default:
|
|
175
175
|
return AlertTwotoneComponent.Alarm;
|
|
176
176
|
}
|
|
@@ -185,16 +185,16 @@ export enum AlertBlinkMode {
|
|
|
185
185
|
|
|
186
186
|
export function getAlertBlinkMode(type: AlertType): AlertBlinkMode {
|
|
187
187
|
switch (type) {
|
|
188
|
-
case AlertType.
|
|
188
|
+
case AlertType.LevelCritical:
|
|
189
189
|
return AlertBlinkMode.Critical;
|
|
190
190
|
case AlertType.Warning:
|
|
191
|
-
case AlertType.
|
|
191
|
+
case AlertType.LevelMedium:
|
|
192
192
|
return AlertBlinkMode.Warning;
|
|
193
193
|
case AlertType.Caution:
|
|
194
|
-
case AlertType.
|
|
194
|
+
case AlertType.LevelLow:
|
|
195
195
|
return AlertBlinkMode.Low;
|
|
196
196
|
case AlertType.Alarm:
|
|
197
|
-
case AlertType.
|
|
197
|
+
case AlertType.LevelHigh:
|
|
198
198
|
default:
|
|
199
199
|
return AlertBlinkMode.Alarm;
|
|
200
200
|
}
|
|
@@ -202,12 +202,12 @@ export function getAlertBlinkMode(type: AlertType): AlertBlinkMode {
|
|
|
202
202
|
|
|
203
203
|
export function getBamAlertTypeForBlinking(type: AlertType): AlertType {
|
|
204
204
|
switch (type) {
|
|
205
|
-
case AlertType.
|
|
206
|
-
case AlertType.
|
|
205
|
+
case AlertType.LevelCritical:
|
|
206
|
+
case AlertType.LevelHigh:
|
|
207
207
|
return AlertType.Alarm;
|
|
208
|
-
case AlertType.
|
|
208
|
+
case AlertType.LevelMedium:
|
|
209
209
|
return AlertType.Warning;
|
|
210
|
-
case AlertType.
|
|
210
|
+
case AlertType.LevelLow:
|
|
211
211
|
return AlertType.Caution;
|
|
212
212
|
default:
|
|
213
213
|
return type;
|
|
@@ -215,11 +215,13 @@ export function getBamAlertTypeForBlinking(type: AlertType): AlertType {
|
|
|
215
215
|
}
|
|
216
216
|
|
|
217
217
|
export function excludedFromUnackedFilter(type: AlertType): boolean {
|
|
218
|
-
return [AlertType.Caution, AlertType.
|
|
218
|
+
return [AlertType.Caution, AlertType.LevelDiagnostic].includes(type);
|
|
219
219
|
}
|
|
220
220
|
|
|
221
221
|
export function usesAlarmNoAckIcon(type: AlertType): boolean {
|
|
222
|
-
return [
|
|
223
|
-
|
|
224
|
-
|
|
222
|
+
return [
|
|
223
|
+
AlertType.Alarm,
|
|
224
|
+
AlertType.LevelCritical,
|
|
225
|
+
AlertType.LevelHigh,
|
|
226
|
+
].includes(type);
|
|
225
227
|
}
|
|
@@ -32,29 +32,29 @@
|
|
|
32
32
|
}
|
|
33
33
|
|
|
34
34
|
.wrapper.type-id.state-caution,
|
|
35
|
-
.wrapper.type-id.state-
|
|
35
|
+
.wrapper.type-id.state-level-low {
|
|
36
36
|
background: var(--alert-caution-color);
|
|
37
37
|
border: 1px solid var(--alert-caution-outline-color);
|
|
38
38
|
}
|
|
39
39
|
|
|
40
40
|
.wrapper.type-id.state-warning,
|
|
41
|
-
.wrapper.type-id.state-
|
|
41
|
+
.wrapper.type-id.state-level-medium {
|
|
42
42
|
background: var(--alert-warning-color);
|
|
43
43
|
border: 1px solid var(--alert-warning-outline-color);
|
|
44
44
|
}
|
|
45
45
|
|
|
46
46
|
.wrapper.type-id.state-alarm,
|
|
47
|
-
.wrapper.type-id.state-
|
|
47
|
+
.wrapper.type-id.state-level-high {
|
|
48
48
|
background: var(--alert-alarm-color);
|
|
49
49
|
border: 1px solid var(--alert-alarm-outline-color);
|
|
50
50
|
}
|
|
51
51
|
|
|
52
|
-
.wrapper.type-id.state-
|
|
52
|
+
.wrapper.type-id.state-level-critical {
|
|
53
53
|
background: var(--critical-enabled-background-color);
|
|
54
54
|
border: 1px solid var(--critical-enabled-border-color);
|
|
55
55
|
}
|
|
56
56
|
|
|
57
|
-
.wrapper.type-id.state-
|
|
57
|
+
.wrapper.type-id.state-level-diagnostic {
|
|
58
58
|
background: var(--notification-enabled-background-color);
|
|
59
59
|
border: 1px solid var(--notification-enabled-border-color);
|
|
60
60
|
}
|
|
@@ -64,11 +64,11 @@
|
|
|
64
64
|
.state-caution,
|
|
65
65
|
.state-warning,
|
|
66
66
|
.state-alarm,
|
|
67
|
-
.state-
|
|
68
|
-
.state-
|
|
69
|
-
.state-
|
|
70
|
-
.state-
|
|
71
|
-
.state-
|
|
67
|
+
.state-level-critical,
|
|
68
|
+
.state-level-high,
|
|
69
|
+
.state-level-medium,
|
|
70
|
+
.state-level-low,
|
|
71
|
+
.state-level-diagnostic
|
|
72
72
|
) {
|
|
73
73
|
background: var(--overlay-container-background-color);
|
|
74
74
|
border: 1px solid var(--overlay-border-outline-color);
|
|
@@ -123,29 +123,29 @@
|
|
|
123
123
|
}
|
|
124
124
|
|
|
125
125
|
.wrapper.type-data.state-caution .id-pill,
|
|
126
|
-
.wrapper.type-data.state-
|
|
126
|
+
.wrapper.type-data.state-level-low .id-pill {
|
|
127
127
|
background: var(--alert-caution-color);
|
|
128
128
|
border: 1px solid var(--alert-caution-outline-color);
|
|
129
129
|
}
|
|
130
130
|
|
|
131
131
|
.wrapper.type-data.state-warning .id-pill,
|
|
132
|
-
.wrapper.type-data.state-
|
|
132
|
+
.wrapper.type-data.state-level-medium .id-pill {
|
|
133
133
|
background: var(--alert-warning-color);
|
|
134
134
|
border: 1px solid var(--alert-warning-outline-color);
|
|
135
135
|
}
|
|
136
136
|
|
|
137
137
|
.wrapper.type-data.state-alarm .id-pill,
|
|
138
|
-
.wrapper.type-data.state-
|
|
138
|
+
.wrapper.type-data.state-level-high .id-pill {
|
|
139
139
|
background: var(--alert-alarm-color);
|
|
140
140
|
border: 1px solid var(--alert-alarm-outline-color);
|
|
141
141
|
}
|
|
142
142
|
|
|
143
|
-
.wrapper.type-data.state-
|
|
143
|
+
.wrapper.type-data.state-level-critical .id-pill {
|
|
144
144
|
background: var(--critical-enabled-background-color);
|
|
145
145
|
border: 1px solid var(--critical-enabled-border-color);
|
|
146
146
|
}
|
|
147
147
|
|
|
148
|
-
.wrapper.type-data.state-
|
|
148
|
+
.wrapper.type-data.state-level-diagnostic .id-pill {
|
|
149
149
|
background: var(--notification-enabled-background-color);
|
|
150
150
|
border: 1px solid var(--notification-enabled-border-color);
|
|
151
151
|
}
|
|
@@ -14,11 +14,11 @@ export enum ObcPoiHeaderState {
|
|
|
14
14
|
Caution = 'caution',
|
|
15
15
|
Warning = 'warning',
|
|
16
16
|
Alarm = 'alarm',
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
17
|
+
LevelCritical = 'level-critical',
|
|
18
|
+
LevelHigh = 'level-high',
|
|
19
|
+
LevelMedium = 'level-medium',
|
|
20
|
+
LevelLow = 'level-low',
|
|
21
|
+
LevelDiagnostic = 'level-diagnostic',
|
|
22
22
|
}
|
|
23
23
|
|
|
24
24
|
export enum ObcPoiHeaderType {
|
|
@@ -37,7 +37,7 @@ export enum ObcPoiHeaderType {
|
|
|
37
37
|
* - `type` (default `id`):
|
|
38
38
|
* - `id`: shows identifier content only.
|
|
39
39
|
* - `data`: shows identifier plus secondary label.
|
|
40
|
-
* - `state` (default `enabled`): `enabled`, `selected`, `caution`, `warning`, `alarm`, `
|
|
40
|
+
* - `state` (default `enabled`): `enabled`, `selected`, `caution`, `warning`, `alarm`, `level-critical`, `level-high`, `level-medium`, `level-low`, `level-diagnostic`.
|
|
41
41
|
* - `content` (default `"1"`): primary identifier text.
|
|
42
42
|
* - `label` (default `"Data"`): secondary text used by `type="data"`.
|
|
43
43
|
* - `hasIndicator` (default `false`): appends indicator area.
|