@oicl/openbridge-webcomponents-svelte 2.0.0-next.58 → 2.0.0-next.59
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/dist/automation/automation-button/ObcAbstractAutomationButton.svelte +6 -3
- package/dist/automation/automation-button/ObcAbstractAutomationButton.svelte.d.ts +6 -3
- package/dist/automation/automation-button/ObcAutomationButton.svelte +6 -3
- package/dist/automation/automation-button/ObcAutomationButton.svelte.d.ts +6 -3
- package/dist/automation/automation-tank/ObcAutomationTank.svelte +5 -3
- package/dist/automation/automation-tank/ObcAutomationTank.svelte.d.ts +4 -3
- package/dist/components/accordion-card/ObcAccordionCard.svelte +5 -3
- package/dist/components/accordion-card/ObcAccordionCard.svelte.d.ts +4 -3
- package/dist/components/alert-frame/ObcAlertFrame.svelte +15 -4
- package/dist/components/alert-frame/ObcAlertFrame.svelte.d.ts +15 -4
- package/dist/components/alert-frame/ObiCriticalBadge.svelte +32 -0
- package/dist/components/alert-frame/ObiCriticalBadge.svelte.d.ts +15 -0
- package/dist/components/alert-frame/ObiDiagnosticBadge.svelte +32 -0
- package/dist/components/alert-frame/ObiDiagnosticBadge.svelte.d.ts +15 -0
- package/dist/components/badge/ObcBadge.svelte +2 -2
- package/dist/components/badge/ObcBadge.svelte.d.ts +2 -2
- package/dist/index.d.ts +4 -0
- package/dist/index.js +4 -0
- package/dist/manual-icon/ObiAlertsCriticalTwotone.svelte +32 -0
- package/dist/manual-icon/ObiAlertsCriticalTwotone.svelte.d.ts +16 -0
- package/dist/manual-icon/ObiAlertsDiagnosticTwotone.svelte +32 -0
- package/dist/manual-icon/ObiAlertsDiagnosticTwotone.svelte.d.ts +16 -0
- package/dist/navigation-instruments/readout/ObcReadout.svelte +6 -3
- package/dist/navigation-instruments/readout/ObcReadout.svelte.d.ts +6 -3
- package/dist/navigation-instruments/readout-list-item/ObcReadoutListItem.svelte +6 -3
- package/dist/navigation-instruments/readout-list-item/ObcReadoutListItem.svelte.d.ts +6 -3
- package/package.json +2 -2
|
@@ -2,14 +2,16 @@
|
|
|
2
2
|
<script lang="ts">
|
|
3
3
|
export type {AutomationButtonReadoutPosition, AutomationButtonPositioning, AutomationButtonDirection} from '@oicl/openbridge-webcomponents/dist/automation/automation-button/automation-button.js';
|
|
4
4
|
export type {AutomationButtonReadoutStackSize} from '@oicl/openbridge-webcomponents/dist/components/automation-button-readout-stack/automation-button-readout-stack.js';
|
|
5
|
-
export type {ObcAlertFrameType, ObcAlertFrameThickness,
|
|
5
|
+
export type {ObcAlertFrameType, ObcAlertFrameThickness, ObcAlertFrameMode} from '@oicl/openbridge-webcomponents/dist/components/alert-frame/alert-frame.js';
|
|
6
|
+
export type {AlertType} from '@oicl/openbridge-webcomponents/dist/types.js';
|
|
6
7
|
export type {CircularProgressMode} from '@oicl/openbridge-webcomponents/dist/building-blocks/circular-progress/circular-progress.js';
|
|
7
8
|
export type {AutomationButtonBadgeControl, AutomationButtonBadgeCommandLocked, AutomationButtonBadgeInterlock, AutomationButtonBadgeAlert} from '@oicl/openbridge-webcomponents/dist/automation/automation-button/abstract-automation-button.js';
|
|
8
9
|
import '@oicl/openbridge-webcomponents/dist/automation/automation-button/abstract-automation-button.js';
|
|
9
10
|
import { setProperties } from "../../util.js";
|
|
10
11
|
import type {AutomationButtonReadoutPosition, AutomationButtonPositioning, AutomationButtonDirection} from '@oicl/openbridge-webcomponents/dist/automation/automation-button/automation-button.js';
|
|
11
12
|
import type {AutomationButtonReadoutStackSize} from '@oicl/openbridge-webcomponents/dist/components/automation-button-readout-stack/automation-button-readout-stack.js';
|
|
12
|
-
import type {ObcAlertFrameType, ObcAlertFrameThickness,
|
|
13
|
+
import type {ObcAlertFrameType, ObcAlertFrameThickness, ObcAlertFrameMode} from '@oicl/openbridge-webcomponents/dist/components/alert-frame/alert-frame.js';
|
|
14
|
+
import type {AlertType} from '@oicl/openbridge-webcomponents/dist/types.js';
|
|
13
15
|
import type {CircularProgressMode} from '@oicl/openbridge-webcomponents/dist/building-blocks/circular-progress/circular-progress.js';
|
|
14
16
|
import type {AutomationButtonBadgeControl, AutomationButtonBadgeCommandLocked, AutomationButtonBadgeInterlock, AutomationButtonBadgeAlert} from '@oicl/openbridge-webcomponents/dist/automation/automation-button/abstract-automation-button.js';
|
|
15
17
|
import type { Snippet } from 'svelte';
|
|
@@ -24,7 +26,8 @@ import type {AutomationButtonBadgeControl, AutomationButtonBadgeCommandLocked, A
|
|
|
24
26
|
alert?: boolean;
|
|
25
27
|
alertFrameType?: ObcAlertFrameType;
|
|
26
28
|
alertFrameThickness?: ObcAlertFrameThickness;
|
|
27
|
-
alertFrameStatus?:
|
|
29
|
+
alertFrameStatus?: AlertType;
|
|
30
|
+
alertFrameMode?: ObcAlertFrameMode;
|
|
28
31
|
showAlertCategoryIcon?: boolean;
|
|
29
32
|
showAlertIcon?: boolean;
|
|
30
33
|
progress?: boolean;
|
|
@@ -1,7 +1,8 @@
|
|
|
1
1
|
import '@oicl/openbridge-webcomponents/dist/automation/automation-button/abstract-automation-button.js';
|
|
2
2
|
import type { AutomationButtonReadoutPosition, AutomationButtonPositioning, AutomationButtonDirection } from '@oicl/openbridge-webcomponents/dist/automation/automation-button/automation-button.js';
|
|
3
3
|
import type { AutomationButtonReadoutStackSize } from '@oicl/openbridge-webcomponents/dist/components/automation-button-readout-stack/automation-button-readout-stack.js';
|
|
4
|
-
import type { ObcAlertFrameType, ObcAlertFrameThickness,
|
|
4
|
+
import type { ObcAlertFrameType, ObcAlertFrameThickness, ObcAlertFrameMode } from '@oicl/openbridge-webcomponents/dist/components/alert-frame/alert-frame.js';
|
|
5
|
+
import type { AlertType } from '@oicl/openbridge-webcomponents/dist/types.js';
|
|
5
6
|
import type { CircularProgressMode } from '@oicl/openbridge-webcomponents/dist/building-blocks/circular-progress/circular-progress.js';
|
|
6
7
|
import type { AutomationButtonBadgeControl, AutomationButtonBadgeCommandLocked, AutomationButtonBadgeInterlock, AutomationButtonBadgeAlert } from '@oicl/openbridge-webcomponents/dist/automation/automation-button/abstract-automation-button.js';
|
|
7
8
|
import type { Snippet } from 'svelte';
|
|
@@ -15,7 +16,8 @@ export interface Props {
|
|
|
15
16
|
alert?: boolean;
|
|
16
17
|
alertFrameType?: ObcAlertFrameType;
|
|
17
18
|
alertFrameThickness?: ObcAlertFrameThickness;
|
|
18
|
-
alertFrameStatus?:
|
|
19
|
+
alertFrameStatus?: AlertType;
|
|
20
|
+
alertFrameMode?: ObcAlertFrameMode;
|
|
19
21
|
showAlertCategoryIcon?: boolean;
|
|
20
22
|
showAlertIcon?: boolean;
|
|
21
23
|
progress?: boolean;
|
|
@@ -41,7 +43,8 @@ declare const ObcAbstractAutomationButton: import("svelte").Component<$$Componen
|
|
|
41
43
|
AutomationButtonReadoutStackSize: typeof AutomationButtonReadoutStackSize;
|
|
42
44
|
ObcAlertFrameType: typeof ObcAlertFrameType;
|
|
43
45
|
ObcAlertFrameThickness: typeof ObcAlertFrameThickness;
|
|
44
|
-
|
|
46
|
+
ObcAlertFrameMode: typeof ObcAlertFrameMode;
|
|
47
|
+
AlertType: typeof AlertType;
|
|
45
48
|
CircularProgressMode: typeof CircularProgressMode;
|
|
46
49
|
AutomationButtonBadgeControl: typeof AutomationButtonBadgeControl;
|
|
47
50
|
AutomationButtonBadgeCommandLocked: typeof AutomationButtonBadgeCommandLocked;
|
|
@@ -2,13 +2,15 @@
|
|
|
2
2
|
<script lang="ts">
|
|
3
3
|
export type {AutomationButtonVariant, AutomationButtonState, AutomationButtonReadoutPosition, AutomationButtonDirection, AutomationButtonPositioning} from '@oicl/openbridge-webcomponents/dist/automation/automation-button/automation-button.js';
|
|
4
4
|
export type {AutomationButtonReadoutStack, AutomationButtonReadoutStackSize} from '@oicl/openbridge-webcomponents/dist/components/automation-button-readout-stack/automation-button-readout-stack.js';
|
|
5
|
-
export type {ObcAlertFrameType, ObcAlertFrameThickness,
|
|
5
|
+
export type {ObcAlertFrameType, ObcAlertFrameThickness, ObcAlertFrameMode} from '@oicl/openbridge-webcomponents/dist/components/alert-frame/alert-frame.js';
|
|
6
|
+
export type {AlertType} from '@oicl/openbridge-webcomponents/dist/types.js';
|
|
6
7
|
export type {CircularProgressMode} from '@oicl/openbridge-webcomponents/dist/building-blocks/circular-progress/circular-progress.js';
|
|
7
8
|
import '@oicl/openbridge-webcomponents/dist/automation/automation-button/automation-button.js';
|
|
8
9
|
import { setProperties } from "../../util.js";
|
|
9
10
|
import type {AutomationButtonVariant, AutomationButtonState, AutomationButtonReadoutPosition, AutomationButtonDirection, AutomationButtonPositioning} from '@oicl/openbridge-webcomponents/dist/automation/automation-button/automation-button.js';
|
|
10
11
|
import type {AutomationButtonReadoutStack, AutomationButtonReadoutStackSize} from '@oicl/openbridge-webcomponents/dist/components/automation-button-readout-stack/automation-button-readout-stack.js';
|
|
11
|
-
import type {ObcAlertFrameType, ObcAlertFrameThickness,
|
|
12
|
+
import type {ObcAlertFrameType, ObcAlertFrameThickness, ObcAlertFrameMode} from '@oicl/openbridge-webcomponents/dist/components/alert-frame/alert-frame.js';
|
|
13
|
+
import type {AlertType} from '@oicl/openbridge-webcomponents/dist/types.js';
|
|
12
14
|
import type {CircularProgressMode} from '@oicl/openbridge-webcomponents/dist/building-blocks/circular-progress/circular-progress.js';
|
|
13
15
|
import type { Snippet } from 'svelte';
|
|
14
16
|
|
|
@@ -26,7 +28,8 @@ import type {CircularProgressMode} from '@oicl/openbridge-webcomponents/dist/bui
|
|
|
26
28
|
alert?: boolean;
|
|
27
29
|
alertFrameType?: ObcAlertFrameType;
|
|
28
30
|
alertFrameThickness?: ObcAlertFrameThickness;
|
|
29
|
-
alertFrameStatus?:
|
|
31
|
+
alertFrameStatus?: AlertType;
|
|
32
|
+
alertFrameMode?: ObcAlertFrameMode;
|
|
30
33
|
showAlertCategoryIcon?: boolean;
|
|
31
34
|
showAlertIcon?: boolean;
|
|
32
35
|
progress?: boolean;
|
|
@@ -1,7 +1,8 @@
|
|
|
1
1
|
import '@oicl/openbridge-webcomponents/dist/automation/automation-button/automation-button.js';
|
|
2
2
|
import type { AutomationButtonVariant, AutomationButtonState, AutomationButtonReadoutPosition, AutomationButtonDirection, AutomationButtonPositioning } from '@oicl/openbridge-webcomponents/dist/automation/automation-button/automation-button.js';
|
|
3
3
|
import type { AutomationButtonReadoutStack, AutomationButtonReadoutStackSize } from '@oicl/openbridge-webcomponents/dist/components/automation-button-readout-stack/automation-button-readout-stack.js';
|
|
4
|
-
import type { ObcAlertFrameType, ObcAlertFrameThickness,
|
|
4
|
+
import type { ObcAlertFrameType, ObcAlertFrameThickness, ObcAlertFrameMode } from '@oicl/openbridge-webcomponents/dist/components/alert-frame/alert-frame.js';
|
|
5
|
+
import type { AlertType } from '@oicl/openbridge-webcomponents/dist/types.js';
|
|
5
6
|
import type { CircularProgressMode } from '@oicl/openbridge-webcomponents/dist/building-blocks/circular-progress/circular-progress.js';
|
|
6
7
|
import type { Snippet } from 'svelte';
|
|
7
8
|
export interface Props {
|
|
@@ -18,7 +19,8 @@ export interface Props {
|
|
|
18
19
|
alert?: boolean;
|
|
19
20
|
alertFrameType?: ObcAlertFrameType;
|
|
20
21
|
alertFrameThickness?: ObcAlertFrameThickness;
|
|
21
|
-
alertFrameStatus?:
|
|
22
|
+
alertFrameStatus?: AlertType;
|
|
23
|
+
alertFrameMode?: ObcAlertFrameMode;
|
|
22
24
|
showAlertCategoryIcon?: boolean;
|
|
23
25
|
showAlertIcon?: boolean;
|
|
24
26
|
progress?: boolean;
|
|
@@ -45,7 +47,8 @@ declare const ObcAutomationButton: import("svelte").Component<$$ComponentProps,
|
|
|
45
47
|
AutomationButtonReadoutStackSize: typeof AutomationButtonReadoutStackSize;
|
|
46
48
|
ObcAlertFrameType: typeof ObcAlertFrameType;
|
|
47
49
|
ObcAlertFrameThickness: typeof ObcAlertFrameThickness;
|
|
48
|
-
|
|
50
|
+
ObcAlertFrameMode: typeof ObcAlertFrameMode;
|
|
51
|
+
AlertType: typeof AlertType;
|
|
49
52
|
CircularProgressMode: typeof CircularProgressMode;
|
|
50
53
|
}, "">;
|
|
51
54
|
type ObcAutomationButton = ReturnType<typeof ObcAutomationButton>;
|
|
@@ -5,7 +5,8 @@ export type {TankTrend, TankType, TankOrientation, TankPositioning, TankChartMod
|
|
|
5
5
|
export type {ChartLineDataItem} from '@oicl/openbridge-webcomponents/dist/building-blocks/chart-line/chart-line-base.js';
|
|
6
6
|
export type {Priority} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/types.js';
|
|
7
7
|
export type {LinearAdvice} from '@oicl/openbridge-webcomponents/dist/building-blocks/instrument-linear/advice.js';
|
|
8
|
-
export type {ObcAlertFrameType, ObcAlertFrameThickness
|
|
8
|
+
export type {ObcAlertFrameType, ObcAlertFrameThickness} from '@oicl/openbridge-webcomponents/dist/components/alert-frame/alert-frame.js';
|
|
9
|
+
export type {AlertType} from '@oicl/openbridge-webcomponents/dist/types.js';
|
|
9
10
|
export type {AutomationButtonBadgeControl, AutomationButtonBadgeAlert, AutomationButtonBadgeInterlock, AutomationButtonBadgeCommandLocked} from '@oicl/openbridge-webcomponents/dist/automation/automation-button/abstract-automation-button.js';
|
|
10
11
|
import '@oicl/openbridge-webcomponents/dist/automation/automation-tank/automation-tank.js';
|
|
11
12
|
import { setProperties } from "../../util.js";
|
|
@@ -14,7 +15,8 @@ import type {TankTrend, TankType, TankOrientation, TankPositioning, TankChartMod
|
|
|
14
15
|
import type {ChartLineDataItem} from '@oicl/openbridge-webcomponents/dist/building-blocks/chart-line/chart-line-base.js';
|
|
15
16
|
import type {Priority} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/types.js';
|
|
16
17
|
import type {LinearAdvice} from '@oicl/openbridge-webcomponents/dist/building-blocks/instrument-linear/advice.js';
|
|
17
|
-
import type {ObcAlertFrameType, ObcAlertFrameThickness
|
|
18
|
+
import type {ObcAlertFrameType, ObcAlertFrameThickness} from '@oicl/openbridge-webcomponents/dist/components/alert-frame/alert-frame.js';
|
|
19
|
+
import type {AlertType} from '@oicl/openbridge-webcomponents/dist/types.js';
|
|
18
20
|
import type {AutomationButtonBadgeControl, AutomationButtonBadgeAlert, AutomationButtonBadgeInterlock, AutomationButtonBadgeCommandLocked} from '@oicl/openbridge-webcomponents/dist/automation/automation-button/abstract-automation-button.js';
|
|
19
21
|
import type { Snippet } from 'svelte';
|
|
20
22
|
|
|
@@ -83,7 +85,7 @@ the halo in compact / static layouts remain unaffected. */
|
|
|
83
85
|
alert?: boolean;
|
|
84
86
|
alertFrameType?: ObcAlertFrameType;
|
|
85
87
|
alertFrameThickness?: ObcAlertFrameThickness;
|
|
86
|
-
alertFrameStatus?:
|
|
88
|
+
alertFrameStatus?: AlertType;
|
|
87
89
|
showAlertCategoryIcon?: boolean;
|
|
88
90
|
showAlertIcon?: boolean;
|
|
89
91
|
/** Show the trend chevron / off icon next to the percent readout. Default
|
|
@@ -4,7 +4,8 @@ import type { TankTrend, TankType, TankOrientation, TankPositioning, TankChartMo
|
|
|
4
4
|
import type { ChartLineDataItem } from '@oicl/openbridge-webcomponents/dist/building-blocks/chart-line/chart-line-base.js';
|
|
5
5
|
import type { Priority } from '@oicl/openbridge-webcomponents/dist/navigation-instruments/types.js';
|
|
6
6
|
import type { LinearAdvice } from '@oicl/openbridge-webcomponents/dist/building-blocks/instrument-linear/advice.js';
|
|
7
|
-
import type { ObcAlertFrameType, ObcAlertFrameThickness
|
|
7
|
+
import type { ObcAlertFrameType, ObcAlertFrameThickness } from '@oicl/openbridge-webcomponents/dist/components/alert-frame/alert-frame.js';
|
|
8
|
+
import type { AlertType } from '@oicl/openbridge-webcomponents/dist/types.js';
|
|
8
9
|
import type { AutomationButtonBadgeControl, AutomationButtonBadgeAlert, AutomationButtonBadgeInterlock, AutomationButtonBadgeCommandLocked } from '@oicl/openbridge-webcomponents/dist/automation/automation-button/abstract-automation-button.js';
|
|
9
10
|
import type { Snippet } from 'svelte';
|
|
10
11
|
export interface Props {
|
|
@@ -72,7 +73,7 @@ the halo in compact / static layouts remain unaffected. */
|
|
|
72
73
|
alert?: boolean;
|
|
73
74
|
alertFrameType?: ObcAlertFrameType;
|
|
74
75
|
alertFrameThickness?: ObcAlertFrameThickness;
|
|
75
|
-
alertFrameStatus?:
|
|
76
|
+
alertFrameStatus?: AlertType;
|
|
76
77
|
showAlertCategoryIcon?: boolean;
|
|
77
78
|
showAlertIcon?: boolean;
|
|
78
79
|
/** Show the trend chevron / off icon next to the percent readout. Default
|
|
@@ -148,7 +149,7 @@ declare const ObcAutomationTank: import("svelte").Component<$$ComponentProps, {
|
|
|
148
149
|
LinearAdvice: typeof LinearAdvice;
|
|
149
150
|
ObcAlertFrameType: typeof ObcAlertFrameType;
|
|
150
151
|
ObcAlertFrameThickness: typeof ObcAlertFrameThickness;
|
|
151
|
-
|
|
152
|
+
AlertType: typeof AlertType;
|
|
152
153
|
AutomationButtonBadgeControl: typeof AutomationButtonBadgeControl;
|
|
153
154
|
AutomationButtonBadgeAlert: typeof AutomationButtonBadgeAlert;
|
|
154
155
|
AutomationButtonBadgeInterlock: typeof AutomationButtonBadgeInterlock;
|
|
@@ -1,11 +1,13 @@
|
|
|
1
1
|
|
|
2
2
|
<script lang="ts">
|
|
3
3
|
export type {Position, AccordionSize} from '@oicl/openbridge-webcomponents/dist/components/accordion-card/accordion-card.js';
|
|
4
|
-
export type {ObcAlertFrameType, ObcAlertFrameThickness
|
|
4
|
+
export type {ObcAlertFrameType, ObcAlertFrameThickness} from '@oicl/openbridge-webcomponents/dist/components/alert-frame/alert-frame.js';
|
|
5
|
+
export type {AlertType} from '@oicl/openbridge-webcomponents/dist/types.js';
|
|
5
6
|
import '@oicl/openbridge-webcomponents/dist/components/accordion-card/accordion-card.js';
|
|
6
7
|
import { setProperties } from "../../util.js";
|
|
7
8
|
import type {Position, AccordionSize} from '@oicl/openbridge-webcomponents/dist/components/accordion-card/accordion-card.js';
|
|
8
|
-
import type {ObcAlertFrameType, ObcAlertFrameThickness
|
|
9
|
+
import type {ObcAlertFrameType, ObcAlertFrameThickness} from '@oicl/openbridge-webcomponents/dist/components/alert-frame/alert-frame.js';
|
|
10
|
+
import type {AlertType} from '@oicl/openbridge-webcomponents/dist/types.js';
|
|
9
11
|
import type { Snippet } from 'svelte';
|
|
10
12
|
|
|
11
13
|
export interface Props {
|
|
@@ -47,7 +49,7 @@ See `obc-alert-frame` for available thickness values. */
|
|
|
47
49
|
alertFrameThickness?: ObcAlertFrameThickness;
|
|
48
50
|
/** Status of the alert frame overlay (used when `hasAlert` is true).
|
|
49
51
|
See `obc-alert-frame` for available statuses. */
|
|
50
|
-
alertFrameStatus?:
|
|
52
|
+
alertFrameStatus?: AlertType
|
|
51
53
|
}
|
|
52
54
|
export interface Events {
|
|
53
55
|
onAccordionToggle?: (event: CustomEvent<{expanded: boolean, cardTitle: string}>) => void
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import '@oicl/openbridge-webcomponents/dist/components/accordion-card/accordion-card.js';
|
|
2
2
|
import type { Position, AccordionSize } from '@oicl/openbridge-webcomponents/dist/components/accordion-card/accordion-card.js';
|
|
3
|
-
import type { ObcAlertFrameType, ObcAlertFrameThickness
|
|
3
|
+
import type { ObcAlertFrameType, ObcAlertFrameThickness } from '@oicl/openbridge-webcomponents/dist/components/alert-frame/alert-frame.js';
|
|
4
|
+
import type { AlertType } from '@oicl/openbridge-webcomponents/dist/types.js';
|
|
4
5
|
import type { Snippet } from 'svelte';
|
|
5
6
|
export interface Props {
|
|
6
7
|
class?: string;
|
|
@@ -41,7 +42,7 @@ See `obc-alert-frame` for available thickness values. */
|
|
|
41
42
|
alertFrameThickness?: ObcAlertFrameThickness;
|
|
42
43
|
/** Status of the alert frame overlay (used when `hasAlert` is true).
|
|
43
44
|
See `obc-alert-frame` for available statuses. */
|
|
44
|
-
alertFrameStatus?:
|
|
45
|
+
alertFrameStatus?: AlertType;
|
|
45
46
|
}
|
|
46
47
|
export interface Events {
|
|
47
48
|
onAccordionToggle?: (event: CustomEvent<{
|
|
@@ -62,7 +63,7 @@ declare const ObcAccordionCard: import("svelte").Component<$$ComponentProps, {
|
|
|
62
63
|
AccordionSize: typeof AccordionSize;
|
|
63
64
|
ObcAlertFrameType: typeof ObcAlertFrameType;
|
|
64
65
|
ObcAlertFrameThickness: typeof ObcAlertFrameThickness;
|
|
65
|
-
|
|
66
|
+
AlertType: typeof AlertType;
|
|
66
67
|
}, "">;
|
|
67
68
|
type ObcAccordionCard = ReturnType<typeof ObcAccordionCard>;
|
|
68
69
|
export default ObcAccordionCard;
|
|
@@ -1,9 +1,11 @@
|
|
|
1
1
|
|
|
2
2
|
<script lang="ts">
|
|
3
|
-
export type {ObcAlertFrameType, ObcAlertFrameThickness,
|
|
3
|
+
export type {ObcAlertFrameType, ObcAlertFrameThickness, ObcAlertFrameMode, AlertFrameTextSize} from '@oicl/openbridge-webcomponents/dist/components/alert-frame/alert-frame.js';
|
|
4
|
+
export type {AlertType} from '@oicl/openbridge-webcomponents/dist/types.js';
|
|
4
5
|
import '@oicl/openbridge-webcomponents/dist/components/alert-frame/alert-frame.js';
|
|
5
6
|
import { setProperties } from "../../util.js";
|
|
6
|
-
import type {ObcAlertFrameType, ObcAlertFrameThickness,
|
|
7
|
+
import type {ObcAlertFrameType, ObcAlertFrameThickness, ObcAlertFrameMode, AlertFrameTextSize} from '@oicl/openbridge-webcomponents/dist/components/alert-frame/alert-frame.js';
|
|
8
|
+
import type {AlertType} from '@oicl/openbridge-webcomponents/dist/types.js';
|
|
7
9
|
import type { Snippet } from 'svelte';
|
|
8
10
|
|
|
9
11
|
export interface Props {
|
|
@@ -24,8 +26,17 @@ thickness?: ObcAlertFrameThickness;
|
|
|
24
26
|
/** Status of the alert, controlling color scheme and icon.
|
|
25
27
|
- `alarm`: Highest severity (default).
|
|
26
28
|
- `warning`: Medium severity.
|
|
27
|
-
- `caution`: Lower severity.
|
|
28
|
-
|
|
29
|
+
- `caution`: Lower severity.
|
|
30
|
+
- `isa-critical`, `isa-high`, `isa-medium`, `isa-low`, `isa-diagnostic`: ISA severity levels, styled to match their legacy equivalents. */
|
|
31
|
+
status?: AlertType;
|
|
32
|
+
/** Acknowledgement lifecycle state, controlling the frame's blinking/animation.
|
|
33
|
+
- `acked-active`: Active and acknowledged (default); no blinking.
|
|
34
|
+
- `unacked-active`: Active and not yet acknowledged; blinks.
|
|
35
|
+
- `unacked-rectified`: Condition cleared but not yet acknowledged. */
|
|
36
|
+
mode?: ObcAlertFrameMode;
|
|
37
|
+
/** When true, the frame wraps and sizes itself to its slotted content instead
|
|
38
|
+
of overlaying a fixed region. Reflected to an attribute for CSS styling. */
|
|
39
|
+
wrapContent?: boolean;
|
|
29
40
|
/** If true, the top-left corner will be sharp (not rounded). */
|
|
30
41
|
sharpEdgeTopLeft?: boolean;
|
|
31
42
|
/** If true, the top-right corner will be sharp (not rounded). */
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import '@oicl/openbridge-webcomponents/dist/components/alert-frame/alert-frame.js';
|
|
2
|
-
import type { ObcAlertFrameType, ObcAlertFrameThickness,
|
|
2
|
+
import type { ObcAlertFrameType, ObcAlertFrameThickness, ObcAlertFrameMode, AlertFrameTextSize } from '@oicl/openbridge-webcomponents/dist/components/alert-frame/alert-frame.js';
|
|
3
|
+
import type { AlertType } from '@oicl/openbridge-webcomponents/dist/types.js';
|
|
3
4
|
import type { Snippet } from 'svelte';
|
|
4
5
|
export interface Props {
|
|
5
6
|
class?: string;
|
|
@@ -19,8 +20,17 @@ Default: `small-side-flip` */
|
|
|
19
20
|
/** Status of the alert, controlling color scheme and icon.
|
|
20
21
|
- `alarm`: Highest severity (default).
|
|
21
22
|
- `warning`: Medium severity.
|
|
22
|
-
- `caution`: Lower severity.
|
|
23
|
-
|
|
23
|
+
- `caution`: Lower severity.
|
|
24
|
+
- `isa-critical`, `isa-high`, `isa-medium`, `isa-low`, `isa-diagnostic`: ISA severity levels, styled to match their legacy equivalents. */
|
|
25
|
+
status?: AlertType;
|
|
26
|
+
/** Acknowledgement lifecycle state, controlling the frame's blinking/animation.
|
|
27
|
+
- `acked-active`: Active and acknowledged (default); no blinking.
|
|
28
|
+
- `unacked-active`: Active and not yet acknowledged; blinks.
|
|
29
|
+
- `unacked-rectified`: Condition cleared but not yet acknowledged. */
|
|
30
|
+
mode?: ObcAlertFrameMode;
|
|
31
|
+
/** When true, the frame wraps and sizes itself to its slotted content instead
|
|
32
|
+
of overlaying a fixed region. Reflected to an attribute for CSS styling. */
|
|
33
|
+
wrapContent?: boolean;
|
|
24
34
|
/** If true, the top-left corner will be sharp (not rounded). */
|
|
25
35
|
sharpEdgeTopLeft?: boolean;
|
|
26
36
|
/** If true, the top-right corner will be sharp (not rounded). */
|
|
@@ -45,8 +55,9 @@ type $$ComponentProps = Props & Events & Slots;
|
|
|
45
55
|
declare const ObcAlertFrame: import("svelte").Component<$$ComponentProps, {
|
|
46
56
|
ObcAlertFrameType: typeof ObcAlertFrameType;
|
|
47
57
|
ObcAlertFrameThickness: typeof ObcAlertFrameThickness;
|
|
48
|
-
|
|
58
|
+
ObcAlertFrameMode: typeof ObcAlertFrameMode;
|
|
49
59
|
AlertFrameTextSize: typeof AlertFrameTextSize;
|
|
60
|
+
AlertType: typeof AlertType;
|
|
50
61
|
}, "">;
|
|
51
62
|
type ObcAlertFrame = ReturnType<typeof ObcAlertFrame>;
|
|
52
63
|
export default ObcAlertFrame;
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
|
|
2
|
+
<script lang="ts">
|
|
3
|
+
|
|
4
|
+
import '@oicl/openbridge-webcomponents/dist/components/alert-frame/critical-badge.js';
|
|
5
|
+
import { setProperties } from "../../util.js";
|
|
6
|
+
|
|
7
|
+
import type { Snippet } from 'svelte';
|
|
8
|
+
|
|
9
|
+
export interface Props {
|
|
10
|
+
class?: string;
|
|
11
|
+
style?: string;
|
|
12
|
+
|
|
13
|
+
}
|
|
14
|
+
export interface Events {
|
|
15
|
+
|
|
16
|
+
}
|
|
17
|
+
export interface Slots {
|
|
18
|
+
children?: Snippet
|
|
19
|
+
}
|
|
20
|
+
const { class: className, style, children, ...props} = $props<Props & Events & Slots>();
|
|
21
|
+
|
|
22
|
+
</script>
|
|
23
|
+
<obi-critical-badge
|
|
24
|
+
use:setProperties={props}
|
|
25
|
+
class={className}
|
|
26
|
+
style={style}
|
|
27
|
+
>
|
|
28
|
+
|
|
29
|
+
{#if children}
|
|
30
|
+
{@render children()}
|
|
31
|
+
{/if}
|
|
32
|
+
</obi-critical-badge>
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import '@oicl/openbridge-webcomponents/dist/components/alert-frame/critical-badge.js';
|
|
2
|
+
import type { Snippet } from 'svelte';
|
|
3
|
+
export interface Props {
|
|
4
|
+
class?: string;
|
|
5
|
+
style?: string;
|
|
6
|
+
}
|
|
7
|
+
export interface Events {
|
|
8
|
+
}
|
|
9
|
+
export interface Slots {
|
|
10
|
+
children?: Snippet;
|
|
11
|
+
}
|
|
12
|
+
type $$ComponentProps = Props & Events & Slots;
|
|
13
|
+
declare const ObiCriticalBadge: import("svelte").Component<$$ComponentProps, {}, "">;
|
|
14
|
+
type ObiCriticalBadge = ReturnType<typeof ObiCriticalBadge>;
|
|
15
|
+
export default ObiCriticalBadge;
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
|
|
2
|
+
<script lang="ts">
|
|
3
|
+
|
|
4
|
+
import '@oicl/openbridge-webcomponents/dist/components/alert-frame/diagnostic-badge.js';
|
|
5
|
+
import { setProperties } from "../../util.js";
|
|
6
|
+
|
|
7
|
+
import type { Snippet } from 'svelte';
|
|
8
|
+
|
|
9
|
+
export interface Props {
|
|
10
|
+
class?: string;
|
|
11
|
+
style?: string;
|
|
12
|
+
|
|
13
|
+
}
|
|
14
|
+
export interface Events {
|
|
15
|
+
|
|
16
|
+
}
|
|
17
|
+
export interface Slots {
|
|
18
|
+
children?: Snippet
|
|
19
|
+
}
|
|
20
|
+
const { class: className, style, children, ...props} = $props<Props & Events & Slots>();
|
|
21
|
+
|
|
22
|
+
</script>
|
|
23
|
+
<obi-diagnostic-badge
|
|
24
|
+
use:setProperties={props}
|
|
25
|
+
class={className}
|
|
26
|
+
style={style}
|
|
27
|
+
>
|
|
28
|
+
|
|
29
|
+
{#if children}
|
|
30
|
+
{@render children()}
|
|
31
|
+
{/if}
|
|
32
|
+
</obi-diagnostic-badge>
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import '@oicl/openbridge-webcomponents/dist/components/alert-frame/diagnostic-badge.js';
|
|
2
|
+
import type { Snippet } from 'svelte';
|
|
3
|
+
export interface Props {
|
|
4
|
+
class?: string;
|
|
5
|
+
style?: string;
|
|
6
|
+
}
|
|
7
|
+
export interface Events {
|
|
8
|
+
}
|
|
9
|
+
export interface Slots {
|
|
10
|
+
children?: Snippet;
|
|
11
|
+
}
|
|
12
|
+
type $$ComponentProps = Props & Events & Slots;
|
|
13
|
+
declare const ObiDiagnosticBadge: import("svelte").Component<$$ComponentProps, {}, "">;
|
|
14
|
+
type ObiDiagnosticBadge = ReturnType<typeof ObiDiagnosticBadge>;
|
|
15
|
+
export default ObiDiagnosticBadge;
|
|
@@ -19,7 +19,7 @@ Set to `false` for symbolic or icon-only badges. */
|
|
|
19
19
|
showNumber?: boolean;
|
|
20
20
|
/** Visual style/type of the badge.
|
|
21
21
|
|
|
22
|
-
Possible values: `regular`, `alarm`, `warning`, `caution`, `running`, `notification`, `enhance`, `automation`, `outline`, `empty`.
|
|
22
|
+
Possible values: `regular`, `alarm`, `warning`, `caution`, `isa-critical`, `isa-high`, `isa-medium`, `isa-low`, `isa-diagnostic`, `running`, `notification`, `enhance`, `automation`, `outline`, `empty`.
|
|
23
23
|
|
|
24
24
|
Defaults to `regular`. */
|
|
25
25
|
type?: string;
|
|
@@ -34,7 +34,7 @@ size?: string;
|
|
|
34
34
|
variant?: BadgeVariant;
|
|
35
35
|
/** Whether to show an icon in the badge.
|
|
36
36
|
|
|
37
|
-
For built-in types (`alarm`, `warning`, `caution`, `running`), a contextual icon is shown automatically.
|
|
37
|
+
For built-in types (`alarm`, `warning`, `caution`, the `isa-*` severities, and `running`), a contextual icon is shown automatically.
|
|
38
38
|
For other types, provide a custom icon in the `badge-icon` slot. */
|
|
39
39
|
showIcon?: boolean
|
|
40
40
|
}
|
|
@@ -14,7 +14,7 @@ Set to `false` for symbolic or icon-only badges. */
|
|
|
14
14
|
showNumber?: boolean;
|
|
15
15
|
/** Visual style/type of the badge.
|
|
16
16
|
|
|
17
|
-
Possible values: `regular`, `alarm`, `warning`, `caution`, `running`, `notification`, `enhance`, `automation`, `outline`, `empty`.
|
|
17
|
+
Possible values: `regular`, `alarm`, `warning`, `caution`, `isa-critical`, `isa-high`, `isa-medium`, `isa-low`, `isa-diagnostic`, `running`, `notification`, `enhance`, `automation`, `outline`, `empty`.
|
|
18
18
|
|
|
19
19
|
Defaults to `regular`. */
|
|
20
20
|
type?: string;
|
|
@@ -29,7 +29,7 @@ Possible values: `regular` (default), `large`. */
|
|
|
29
29
|
variant?: BadgeVariant;
|
|
30
30
|
/** Whether to show an icon in the badge.
|
|
31
31
|
|
|
32
|
-
For built-in types (`alarm`, `warning`, `caution`, `running`), a contextual icon is shown automatically.
|
|
32
|
+
For built-in types (`alarm`, `warning`, `caution`, the `isa-*` severities, and `running`), a contextual icon is shown automatically.
|
|
33
33
|
For other types, provide a custom icon in the `badge-icon` slot. */
|
|
34
34
|
showIcon?: boolean;
|
|
35
35
|
}
|
package/dist/index.d.ts
CHANGED
|
@@ -83,6 +83,8 @@ export { default as ObcAdviceMessageItem } from './components/advice-message-ite
|
|
|
83
83
|
export { default as ObcAlertButton } from './components/alert-button/ObcAlertButton.svelte';
|
|
84
84
|
export { default as ObcAlertFloatingItem } from './components/alert-floating-item/ObcAlertFloatingItem.svelte';
|
|
85
85
|
export { default as ObcAlertFrame } from './components/alert-frame/ObcAlertFrame.svelte';
|
|
86
|
+
export { default as ObiCriticalBadge } from './components/alert-frame/ObiCriticalBadge.svelte';
|
|
87
|
+
export { default as ObiDiagnosticBadge } from './components/alert-frame/ObiDiagnosticBadge.svelte';
|
|
86
88
|
export { default as ObcAlertIcon } from './components/alert-icon/ObcAlertIcon.svelte';
|
|
87
89
|
export { default as ObcAlertListDetails } from './components/alert-list-details/ObcAlertListDetails.svelte';
|
|
88
90
|
export { default as ObcAlertMenu } from './components/alert-menu/ObcAlertMenu.svelte';
|
|
@@ -2250,6 +2252,8 @@ export { default as ObcIntegrationFleetButton } from './integration-systems/inte
|
|
|
2250
2252
|
export { default as ObcIntegrationTabs } from './integration-systems/integration-tabs/ObcIntegrationTabs.svelte';
|
|
2251
2253
|
export { default as ObcIntegrationVesselMenu } from './integration-systems/integration-vessel-menu/ObcIntegrationVesselMenu.svelte';
|
|
2252
2254
|
export { default as ObcIntegrationVesselSelector } from './integration-systems/integration-vessel-selector/ObcIntegrationVesselSelector.svelte';
|
|
2255
|
+
export { default as ObiAlertsCriticalTwotone } from './manual-icon/ObiAlertsCriticalTwotone.svelte';
|
|
2256
|
+
export { default as ObiAlertsDiagnosticTwotone } from './manual-icon/ObiAlertsDiagnosticTwotone.svelte';
|
|
2253
2257
|
export { default as ObcAzimuthThruster } from './navigation-instruments/azimuth-thruster/ObcAzimuthThruster.svelte';
|
|
2254
2258
|
export { default as ObcAzimuthThrusterLabeled } from './navigation-instruments/azimuth-thruster-labeled/ObcAzimuthThrusterLabeled.svelte';
|
|
2255
2259
|
export { default as ObcBadgeCommand } from './navigation-instruments/badge-command/ObcBadgeCommand.svelte';
|
package/dist/index.js
CHANGED
|
@@ -83,6 +83,8 @@ export { default as ObcAdviceMessageItem } from './components/advice-message-ite
|
|
|
83
83
|
export { default as ObcAlertButton } from './components/alert-button/ObcAlertButton.svelte';
|
|
84
84
|
export { default as ObcAlertFloatingItem } from './components/alert-floating-item/ObcAlertFloatingItem.svelte';
|
|
85
85
|
export { default as ObcAlertFrame } from './components/alert-frame/ObcAlertFrame.svelte';
|
|
86
|
+
export { default as ObiCriticalBadge } from './components/alert-frame/ObiCriticalBadge.svelte';
|
|
87
|
+
export { default as ObiDiagnosticBadge } from './components/alert-frame/ObiDiagnosticBadge.svelte';
|
|
86
88
|
export { default as ObcAlertIcon } from './components/alert-icon/ObcAlertIcon.svelte';
|
|
87
89
|
export { default as ObcAlertListDetails } from './components/alert-list-details/ObcAlertListDetails.svelte';
|
|
88
90
|
export { default as ObcAlertMenu } from './components/alert-menu/ObcAlertMenu.svelte';
|
|
@@ -2250,6 +2252,8 @@ export { default as ObcIntegrationFleetButton } from './integration-systems/inte
|
|
|
2250
2252
|
export { default as ObcIntegrationTabs } from './integration-systems/integration-tabs/ObcIntegrationTabs.svelte';
|
|
2251
2253
|
export { default as ObcIntegrationVesselMenu } from './integration-systems/integration-vessel-menu/ObcIntegrationVesselMenu.svelte';
|
|
2252
2254
|
export { default as ObcIntegrationVesselSelector } from './integration-systems/integration-vessel-selector/ObcIntegrationVesselSelector.svelte';
|
|
2255
|
+
export { default as ObiAlertsCriticalTwotone } from './manual-icon/ObiAlertsCriticalTwotone.svelte';
|
|
2256
|
+
export { default as ObiAlertsDiagnosticTwotone } from './manual-icon/ObiAlertsDiagnosticTwotone.svelte';
|
|
2253
2257
|
export { default as ObcAzimuthThruster } from './navigation-instruments/azimuth-thruster/ObcAzimuthThruster.svelte';
|
|
2254
2258
|
export { default as ObcAzimuthThrusterLabeled } from './navigation-instruments/azimuth-thruster-labeled/ObcAzimuthThrusterLabeled.svelte';
|
|
2255
2259
|
export { default as ObcBadgeCommand } from './navigation-instruments/badge-command/ObcBadgeCommand.svelte';
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
|
|
2
|
+
<script lang="ts">
|
|
3
|
+
|
|
4
|
+
import '@oicl/openbridge-webcomponents/dist/manual-icon/icon-alerts-critical-twotone.js';
|
|
5
|
+
import { setProperties } from "../util.js";
|
|
6
|
+
|
|
7
|
+
import type { Snippet } from 'svelte';
|
|
8
|
+
|
|
9
|
+
export interface Props {
|
|
10
|
+
class?: string;
|
|
11
|
+
style?: string;
|
|
12
|
+
useCssColor?: boolean
|
|
13
|
+
}
|
|
14
|
+
export interface Events {
|
|
15
|
+
|
|
16
|
+
}
|
|
17
|
+
export interface Slots {
|
|
18
|
+
children?: Snippet
|
|
19
|
+
}
|
|
20
|
+
const { class: className, style, children, ...props} = $props<Props & Events & Slots>();
|
|
21
|
+
|
|
22
|
+
</script>
|
|
23
|
+
<obi-alerts-critical-twotone
|
|
24
|
+
use:setProperties={props}
|
|
25
|
+
class={className}
|
|
26
|
+
style={style}
|
|
27
|
+
>
|
|
28
|
+
|
|
29
|
+
{#if children}
|
|
30
|
+
{@render children()}
|
|
31
|
+
{/if}
|
|
32
|
+
</obi-alerts-critical-twotone>
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import '@oicl/openbridge-webcomponents/dist/manual-icon/icon-alerts-critical-twotone.js';
|
|
2
|
+
import type { Snippet } from 'svelte';
|
|
3
|
+
export interface Props {
|
|
4
|
+
class?: string;
|
|
5
|
+
style?: string;
|
|
6
|
+
useCssColor?: boolean;
|
|
7
|
+
}
|
|
8
|
+
export interface Events {
|
|
9
|
+
}
|
|
10
|
+
export interface Slots {
|
|
11
|
+
children?: Snippet;
|
|
12
|
+
}
|
|
13
|
+
type $$ComponentProps = Props & Events & Slots;
|
|
14
|
+
declare const ObiAlertsCriticalTwotone: import("svelte").Component<$$ComponentProps, {}, "">;
|
|
15
|
+
type ObiAlertsCriticalTwotone = ReturnType<typeof ObiAlertsCriticalTwotone>;
|
|
16
|
+
export default ObiAlertsCriticalTwotone;
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
|
|
2
|
+
<script lang="ts">
|
|
3
|
+
|
|
4
|
+
import '@oicl/openbridge-webcomponents/dist/manual-icon/icon-alerts-diagnostic-twotone.js';
|
|
5
|
+
import { setProperties } from "../util.js";
|
|
6
|
+
|
|
7
|
+
import type { Snippet } from 'svelte';
|
|
8
|
+
|
|
9
|
+
export interface Props {
|
|
10
|
+
class?: string;
|
|
11
|
+
style?: string;
|
|
12
|
+
useCssColor?: boolean
|
|
13
|
+
}
|
|
14
|
+
export interface Events {
|
|
15
|
+
|
|
16
|
+
}
|
|
17
|
+
export interface Slots {
|
|
18
|
+
children?: Snippet
|
|
19
|
+
}
|
|
20
|
+
const { class: className, style, children, ...props} = $props<Props & Events & Slots>();
|
|
21
|
+
|
|
22
|
+
</script>
|
|
23
|
+
<obi-alerts-diagnostic-twotone
|
|
24
|
+
use:setProperties={props}
|
|
25
|
+
class={className}
|
|
26
|
+
style={style}
|
|
27
|
+
>
|
|
28
|
+
|
|
29
|
+
{#if children}
|
|
30
|
+
{@render children()}
|
|
31
|
+
{/if}
|
|
32
|
+
</obi-alerts-diagnostic-twotone>
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import '@oicl/openbridge-webcomponents/dist/manual-icon/icon-alerts-diagnostic-twotone.js';
|
|
2
|
+
import type { Snippet } from 'svelte';
|
|
3
|
+
export interface Props {
|
|
4
|
+
class?: string;
|
|
5
|
+
style?: string;
|
|
6
|
+
useCssColor?: boolean;
|
|
7
|
+
}
|
|
8
|
+
export interface Events {
|
|
9
|
+
}
|
|
10
|
+
export interface Slots {
|
|
11
|
+
children?: Snippet;
|
|
12
|
+
}
|
|
13
|
+
type $$ComponentProps = Props & Events & Slots;
|
|
14
|
+
declare const ObiAlertsDiagnosticTwotone: import("svelte").Component<$$ComponentProps, {}, "">;
|
|
15
|
+
type ObiAlertsDiagnosticTwotone = ReturnType<typeof ObiAlertsDiagnosticTwotone>;
|
|
16
|
+
export default ObiAlertsDiagnosticTwotone;
|
|
@@ -1,16 +1,18 @@
|
|
|
1
1
|
|
|
2
2
|
<script lang="ts">
|
|
3
3
|
export type {ReadoutSourceType} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/readout/readout-source.js';
|
|
4
|
-
export type {ReadoutVariant,
|
|
4
|
+
export type {ReadoutVariant, ReadoutDataState, ReadoutSetpointInteraction, ReadoutDirection, ReadoutStackVerticalAlignment} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/readout/readout.js';
|
|
5
5
|
export type {Priority} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/types.js';
|
|
6
6
|
export type {ReadoutSetpointSize, ReadoutSetpointFormat} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/readout-setpoint/readout-setpoint.js';
|
|
7
|
+
export type {AlertFrameConfig} from '@oicl/openbridge-webcomponents/dist/components/alert-frame/alert-frame.js';
|
|
7
8
|
export type {ReadoutAdviceFormat, ReadoutAdviceState} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/readout-advice/readout-advice.js';
|
|
8
9
|
import '@oicl/openbridge-webcomponents/dist/navigation-instruments/readout/readout.js';
|
|
9
10
|
import { setProperties } from "../../util.js";
|
|
10
11
|
import type {ReadoutSourceType} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/readout/readout-source.js';
|
|
11
|
-
import type {ReadoutVariant,
|
|
12
|
+
import type {ReadoutVariant, ReadoutDataState, ReadoutSetpointInteraction, ReadoutDirection, ReadoutStackVerticalAlignment} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/readout/readout.js';
|
|
12
13
|
import type {Priority} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/types.js';
|
|
13
14
|
import type {ReadoutSetpointSize, ReadoutSetpointFormat} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/readout-setpoint/readout-setpoint.js';
|
|
15
|
+
import type {AlertFrameConfig} from '@oicl/openbridge-webcomponents/dist/components/alert-frame/alert-frame.js';
|
|
14
16
|
import type {ReadoutAdviceFormat, ReadoutAdviceState} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/readout-advice/readout-advice.js';
|
|
15
17
|
import type { Snippet } from 'svelte';
|
|
16
18
|
|
|
@@ -27,7 +29,7 @@ import type {ReadoutAdviceFormat, ReadoutAdviceState} from '@oicl/openbridge-web
|
|
|
27
29
|
src?: string | undefined;
|
|
28
30
|
off?: boolean;
|
|
29
31
|
valuePriority?: Priority | undefined;
|
|
30
|
-
|
|
32
|
+
dataState?: ReadoutDataState;
|
|
31
33
|
setpointInteraction?: ReadoutSetpointInteraction;
|
|
32
34
|
direction?: ReadoutDirection;
|
|
33
35
|
/** Override the size of the setpoint segment (when `hasSetpoint` is true).
|
|
@@ -55,6 +57,7 @@ setpointSize?: ReadoutSetpointSize | undefined;
|
|
|
55
57
|
sourceDeltaValue?: number;
|
|
56
58
|
sourceType?: ReadoutSourceType | undefined;
|
|
57
59
|
hasLeadingIcon?: boolean;
|
|
60
|
+
alert?: boolean | AlertFrameConfig;
|
|
58
61
|
sourceHug?: boolean;
|
|
59
62
|
hasSourceLeadingIcon?: boolean;
|
|
60
63
|
hasSourceTrailingIcon?: boolean;
|
|
@@ -1,8 +1,9 @@
|
|
|
1
1
|
import '@oicl/openbridge-webcomponents/dist/navigation-instruments/readout/readout.js';
|
|
2
2
|
import type { ReadoutSourceType } from '@oicl/openbridge-webcomponents/dist/navigation-instruments/readout/readout-source.js';
|
|
3
|
-
import type { ReadoutVariant,
|
|
3
|
+
import type { ReadoutVariant, ReadoutDataState, ReadoutSetpointInteraction, ReadoutDirection, ReadoutStackVerticalAlignment } from '@oicl/openbridge-webcomponents/dist/navigation-instruments/readout/readout.js';
|
|
4
4
|
import type { Priority } from '@oicl/openbridge-webcomponents/dist/navigation-instruments/types.js';
|
|
5
5
|
import type { ReadoutSetpointSize, ReadoutSetpointFormat } from '@oicl/openbridge-webcomponents/dist/navigation-instruments/readout-setpoint/readout-setpoint.js';
|
|
6
|
+
import type { AlertFrameConfig } from '@oicl/openbridge-webcomponents/dist/components/alert-frame/alert-frame.js';
|
|
6
7
|
import type { ReadoutAdviceFormat, ReadoutAdviceState } from '@oicl/openbridge-webcomponents/dist/navigation-instruments/readout-advice/readout-advice.js';
|
|
7
8
|
import type { Snippet } from 'svelte';
|
|
8
9
|
export interface Props {
|
|
@@ -18,7 +19,7 @@ export interface Props {
|
|
|
18
19
|
src?: string | undefined;
|
|
19
20
|
off?: boolean;
|
|
20
21
|
valuePriority?: Priority | undefined;
|
|
21
|
-
|
|
22
|
+
dataState?: ReadoutDataState;
|
|
22
23
|
setpointInteraction?: ReadoutSetpointInteraction;
|
|
23
24
|
direction?: ReadoutDirection;
|
|
24
25
|
/** Override the size of the setpoint segment (when `hasSetpoint` is true).
|
|
@@ -46,6 +47,7 @@ multi-line formats). */
|
|
|
46
47
|
sourceDeltaValue?: number;
|
|
47
48
|
sourceType?: ReadoutSourceType | undefined;
|
|
48
49
|
hasLeadingIcon?: boolean;
|
|
50
|
+
alert?: boolean | AlertFrameConfig;
|
|
49
51
|
sourceHug?: boolean;
|
|
50
52
|
hasSourceLeadingIcon?: boolean;
|
|
51
53
|
hasSourceTrailingIcon?: boolean;
|
|
@@ -87,13 +89,14 @@ type $$ComponentProps = Props & Events & Slots;
|
|
|
87
89
|
declare const ObcReadout: import("svelte").Component<$$ComponentProps, {
|
|
88
90
|
ReadoutSourceType: typeof ReadoutSourceType;
|
|
89
91
|
ReadoutVariant: typeof ReadoutVariant;
|
|
90
|
-
|
|
92
|
+
ReadoutDataState: typeof ReadoutDataState;
|
|
91
93
|
ReadoutSetpointInteraction: typeof ReadoutSetpointInteraction;
|
|
92
94
|
ReadoutDirection: typeof ReadoutDirection;
|
|
93
95
|
ReadoutStackVerticalAlignment: typeof ReadoutStackVerticalAlignment;
|
|
94
96
|
Priority: typeof Priority;
|
|
95
97
|
ReadoutSetpointSize: typeof ReadoutSetpointSize;
|
|
96
98
|
ReadoutSetpointFormat: typeof ReadoutSetpointFormat;
|
|
99
|
+
AlertFrameConfig: typeof AlertFrameConfig;
|
|
97
100
|
ReadoutAdviceFormat: typeof ReadoutAdviceFormat;
|
|
98
101
|
ReadoutAdviceState: typeof ReadoutAdviceState;
|
|
99
102
|
}, "">;
|
|
@@ -1,9 +1,11 @@
|
|
|
1
1
|
|
|
2
2
|
<script lang="ts">
|
|
3
|
-
export type {ReadoutListItemSize, ReadoutListItemStacking, ReadoutListItemPriority,
|
|
3
|
+
export type {ReadoutListItemSize, ReadoutListItemStacking, ReadoutListItemPriority, ReadoutListItemDataState} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/readout-list-item/readout-list-item.js';
|
|
4
|
+
export type {AlertFrameConfig} from '@oicl/openbridge-webcomponents/dist/components/alert-frame/alert-frame.js';
|
|
4
5
|
import '@oicl/openbridge-webcomponents/dist/navigation-instruments/readout-list-item/readout-list-item.js';
|
|
5
6
|
import { setProperties } from "../../util.js";
|
|
6
|
-
import type {ReadoutListItemSize, ReadoutListItemStacking, ReadoutListItemPriority,
|
|
7
|
+
import type {ReadoutListItemSize, ReadoutListItemStacking, ReadoutListItemPriority, ReadoutListItemDataState} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/readout-list-item/readout-list-item.js';
|
|
8
|
+
import type {AlertFrameConfig} from '@oicl/openbridge-webcomponents/dist/components/alert-frame/alert-frame.js';
|
|
7
9
|
import type { Snippet } from 'svelte';
|
|
8
10
|
|
|
9
11
|
export interface Props {
|
|
@@ -12,7 +14,8 @@
|
|
|
12
14
|
size?: ReadoutListItemSize;
|
|
13
15
|
stacking?: ReadoutListItemStacking;
|
|
14
16
|
priority?: ReadoutListItemPriority;
|
|
15
|
-
|
|
17
|
+
dataState?: ReadoutListItemDataState;
|
|
18
|
+
alert?: boolean | AlertFrameConfig;
|
|
16
19
|
label?: string;
|
|
17
20
|
unit?: string;
|
|
18
21
|
src?: string;
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import '@oicl/openbridge-webcomponents/dist/navigation-instruments/readout-list-item/readout-list-item.js';
|
|
2
|
-
import type { ReadoutListItemSize, ReadoutListItemStacking, ReadoutListItemPriority,
|
|
2
|
+
import type { ReadoutListItemSize, ReadoutListItemStacking, ReadoutListItemPriority, ReadoutListItemDataState } from '@oicl/openbridge-webcomponents/dist/navigation-instruments/readout-list-item/readout-list-item.js';
|
|
3
|
+
import type { AlertFrameConfig } from '@oicl/openbridge-webcomponents/dist/components/alert-frame/alert-frame.js';
|
|
3
4
|
import type { Snippet } from 'svelte';
|
|
4
5
|
export interface Props {
|
|
5
6
|
class?: string;
|
|
@@ -7,7 +8,8 @@ export interface Props {
|
|
|
7
8
|
size?: ReadoutListItemSize;
|
|
8
9
|
stacking?: ReadoutListItemStacking;
|
|
9
10
|
priority?: ReadoutListItemPriority;
|
|
10
|
-
|
|
11
|
+
dataState?: ReadoutListItemDataState;
|
|
12
|
+
alert?: boolean | AlertFrameConfig;
|
|
11
13
|
label?: string;
|
|
12
14
|
unit?: string;
|
|
13
15
|
src?: string;
|
|
@@ -37,7 +39,8 @@ declare const ObcReadoutListItem: import("svelte").Component<$$ComponentProps, {
|
|
|
37
39
|
ReadoutListItemSize: typeof ReadoutListItemSize;
|
|
38
40
|
ReadoutListItemStacking: typeof ReadoutListItemStacking;
|
|
39
41
|
ReadoutListItemPriority: typeof ReadoutListItemPriority;
|
|
40
|
-
|
|
42
|
+
ReadoutListItemDataState: typeof ReadoutListItemDataState;
|
|
43
|
+
AlertFrameConfig: typeof AlertFrameConfig;
|
|
41
44
|
}, "">;
|
|
42
45
|
type ObcReadoutListItem = ReturnType<typeof ObcReadoutListItem>;
|
|
43
46
|
export default ObcReadoutListItem;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@oicl/openbridge-webcomponents-svelte",
|
|
3
|
-
"version": "2.0.0-next.
|
|
3
|
+
"version": "2.0.0-next.59",
|
|
4
4
|
"scripts": {
|
|
5
5
|
"dev": "vite dev",
|
|
6
6
|
"build": "vite build && npm run prepack",
|
|
@@ -31,7 +31,7 @@
|
|
|
31
31
|
}
|
|
32
32
|
},
|
|
33
33
|
"dependencies": {
|
|
34
|
-
"@oicl/openbridge-webcomponents": "^2.0.0-next.
|
|
34
|
+
"@oicl/openbridge-webcomponents": "^2.0.0-next.58"
|
|
35
35
|
},
|
|
36
36
|
"peerDependencies": {
|
|
37
37
|
"svelte": "^5.0.0"
|