@oicl/openbridge-webcomponents-svelte 2.0.0-next.134 → 2.0.0-next.136
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-tank/ObcAutomationTank.svelte +4 -2
- package/dist/automation/automation-tank/ObcAutomationTank.svelte.d.ts +3 -2
- package/dist/automation/gauge-generator/ObcGaugeGenerator.svelte +130 -0
- package/dist/automation/gauge-generator/ObcGaugeGenerator.svelte.d.ts +112 -0
- package/dist/automation/gauge-motors-and-pumps/ObcGaugeMotorsAndPumps.svelte +130 -0
- package/dist/automation/gauge-motors-and-pumps/ObcGaugeMotorsAndPumps.svelte.d.ts +112 -0
- package/dist/automation/gauge-valve/ObcGaugeValve.svelte +99 -0
- package/dist/automation/gauge-valve/ObcGaugeValve.svelte.d.ts +86 -0
- package/dist/automation/heat-exchanger/ObcHeatExchanger.svelte +127 -0
- package/dist/automation/heat-exchanger/ObcHeatExchanger.svelte.d.ts +93 -0
- package/dist/automation/heat-pump/ObcHeatPump.svelte +127 -0
- package/dist/automation/heat-pump/ObcHeatPump.svelte.d.ts +93 -0
- package/dist/automation/hydraulic-separator/ObcHydraulicSeparator.svelte +127 -0
- package/dist/automation/hydraulic-separator/ObcHydraulicSeparator.svelte.d.ts +93 -0
- package/dist/automation/specialty-tank/ObcAbstractSpecialtyTank.svelte +97 -0
- package/dist/automation/specialty-tank/ObcAbstractSpecialtyTank.svelte.d.ts +88 -0
- package/dist/components/automation-button-readout-stack/ObcAutomationButtonReadoutStack.svelte +4 -0
- package/dist/components/automation-button-readout-stack/ObcAutomationButtonReadoutStack.svelte.d.ts +4 -0
- package/dist/index.d.ts +8 -1
- package/dist/index.js +8 -1
- package/dist/navigation-instruments/{gauge-radial-proportional/ObcGaugeRadialProportional.svelte → gauge-proportional/ObcGaugeProportional.svelte} +50 -15
- package/dist/navigation-instruments/{gauge-radial-proportional/ObcGaugeRadialProportional.svelte.d.ts → gauge-proportional/ObcGaugeProportional.svelte.d.ts} +45 -16
- package/dist/navigation-instruments/watch/ObcWatch.svelte +2 -0
- package/dist/navigation-instruments/watch/ObcWatch.svelte.d.ts +2 -0
- package/package.json +2 -2
|
@@ -0,0 +1,93 @@
|
|
|
1
|
+
import '@oicl/openbridge-webcomponents/dist/automation/hydraulic-separator/hydraulic-separator.js';
|
|
2
|
+
import type { SpecialtyTankMedium } from '@oicl/openbridge-webcomponents/dist/automation/specialty-tank/abstract-specialty-tank.js';
|
|
3
|
+
import type { TankPositioning } from '@oicl/openbridge-webcomponents/dist/automation/automation-tank/tank-positioning.js';
|
|
4
|
+
import type { AutomationButtonBadgeControl, AutomationButtonBadgeAlert, AutomationButtonBadgeInterlock, AutomationButtonBadgeCommandLocked } from '@oicl/openbridge-webcomponents/dist/automation/automation-button/abstract-automation-button.js';
|
|
5
|
+
import type { ObcAlertFrameType, ObcAlertFrameThickness } from '@oicl/openbridge-webcomponents/dist/components/alert-frame/alert-frame.js';
|
|
6
|
+
import type { AlertType } from '@oicl/openbridge-webcomponents/dist/types.js';
|
|
7
|
+
import type { Snippet } from 'svelte';
|
|
8
|
+
export interface Props {
|
|
9
|
+
class?: string;
|
|
10
|
+
style?: string;
|
|
11
|
+
/** What the graphic area shows: `regular` (one grey area), `graphic` (two grey halves) or `medium` (hot/cold halves). */
|
|
12
|
+
medium?: SpecialtyTankMedium;
|
|
13
|
+
/** Display-only tile with a flat grey frame and a bare icon, rendered as a non-interactive `<div role="img">`. Hides the graphic area. */
|
|
14
|
+
static?: boolean;
|
|
15
|
+
/** Show the equipment icon centered on the graphic area. */
|
|
16
|
+
showIcon?: boolean;
|
|
17
|
+
/** Identifier rendered in the tag readout below the frame (for example `#0000`); also the accessible name. The cell collapses when empty. */
|
|
18
|
+
tag?: string;
|
|
19
|
+
/** Host positioning model — see `TankPositioning`. `button` (default) fills the parent, `point` uses the fixed design footprint with the P&ID anchor. */
|
|
20
|
+
positioning?: TankPositioning;
|
|
21
|
+
/** Whether the tile is interactive. `false` keeps the resting appearance but drops hover, pressed and focus states and leaves the tab order; property-only because the default is `true`. */
|
|
22
|
+
clickable?: boolean;
|
|
23
|
+
/**
|
|
24
|
+
* Paints the activated background on the halo. Needs an interactive tile.
|
|
25
|
+
*
|
|
26
|
+
* Available when `clickable==true`.
|
|
27
|
+
*/
|
|
28
|
+
activated?: boolean;
|
|
29
|
+
/** Mode badge (auto / manual / local variants), first in the badge row. */
|
|
30
|
+
badgeControl?: AutomationButtonBadgeControl;
|
|
31
|
+
/** Alert badge, second in the badge row. */
|
|
32
|
+
badgeAlert?: AutomationButtonBadgeAlert;
|
|
33
|
+
/** Interlock badge, third in the badge row. */
|
|
34
|
+
badgeInterlock?: AutomationButtonBadgeInterlock;
|
|
35
|
+
/** Command-locked badge, last in the badge row. */
|
|
36
|
+
badgeCommandLocked?: AutomationButtonBadgeCommandLocked;
|
|
37
|
+
/** Show an alert-frame overlay around the halo, mirroring `obc-automation-tank`. */
|
|
38
|
+
alert?: boolean;
|
|
39
|
+
/**
|
|
40
|
+
* Shape of the alert frame.
|
|
41
|
+
*
|
|
42
|
+
* Available when `alert==true`.
|
|
43
|
+
*/
|
|
44
|
+
alertFrameType?: ObcAlertFrameType;
|
|
45
|
+
/**
|
|
46
|
+
* Thickness of the alert frame.
|
|
47
|
+
*
|
|
48
|
+
* Available when `alert==true`.
|
|
49
|
+
*/
|
|
50
|
+
alertFrameThickness?: ObcAlertFrameThickness;
|
|
51
|
+
/**
|
|
52
|
+
* Alert status the frame is coloured for.
|
|
53
|
+
*
|
|
54
|
+
* Available when `alert==true`.
|
|
55
|
+
*/
|
|
56
|
+
alertFrameStatus?: AlertType;
|
|
57
|
+
/**
|
|
58
|
+
* Shows the alert category icon inside the frame.
|
|
59
|
+
*
|
|
60
|
+
* Available when `alert==true`.
|
|
61
|
+
*/
|
|
62
|
+
showAlertCategoryIcon?: boolean;
|
|
63
|
+
/**
|
|
64
|
+
* Shows the slotted alert icon inside the frame.
|
|
65
|
+
*
|
|
66
|
+
* Available when `alert==true`.
|
|
67
|
+
*/
|
|
68
|
+
showAlertIcon?: boolean;
|
|
69
|
+
}
|
|
70
|
+
export interface Events {
|
|
71
|
+
onClick?: (event: CustomEvent<unknown>) => void;
|
|
72
|
+
}
|
|
73
|
+
export interface Slots {
|
|
74
|
+
badges?: Snippet;
|
|
75
|
+
tagSnippet?: Snippet;
|
|
76
|
+
alertIcon?: Snippet;
|
|
77
|
+
alertLabel?: Snippet;
|
|
78
|
+
alertTimer?: Snippet;
|
|
79
|
+
}
|
|
80
|
+
type $$ComponentProps = Props & Events & Slots;
|
|
81
|
+
declare const ObcHydraulicSeparator: import("svelte").Component<$$ComponentProps, {
|
|
82
|
+
SpecialtyTankMedium: typeof SpecialtyTankMedium;
|
|
83
|
+
TankPositioning: typeof TankPositioning;
|
|
84
|
+
AutomationButtonBadgeControl: typeof AutomationButtonBadgeControl;
|
|
85
|
+
AutomationButtonBadgeAlert: typeof AutomationButtonBadgeAlert;
|
|
86
|
+
AutomationButtonBadgeInterlock: typeof AutomationButtonBadgeInterlock;
|
|
87
|
+
AutomationButtonBadgeCommandLocked: typeof AutomationButtonBadgeCommandLocked;
|
|
88
|
+
ObcAlertFrameType: typeof ObcAlertFrameType;
|
|
89
|
+
ObcAlertFrameThickness: typeof ObcAlertFrameThickness;
|
|
90
|
+
AlertType: typeof AlertType;
|
|
91
|
+
}, "">;
|
|
92
|
+
type ObcHydraulicSeparator = ReturnType<typeof ObcHydraulicSeparator>;
|
|
93
|
+
export default ObcHydraulicSeparator;
|
|
@@ -0,0 +1,97 @@
|
|
|
1
|
+
|
|
2
|
+
<script lang="ts">
|
|
3
|
+
export type {SpecialtyTankMedium} from '@oicl/openbridge-webcomponents/dist/automation/specialty-tank/abstract-specialty-tank.js';
|
|
4
|
+
export type {TankPositioning} from '@oicl/openbridge-webcomponents/dist/automation/automation-tank/tank-positioning.js';
|
|
5
|
+
export type {AutomationButtonBadgeControl, AutomationButtonBadgeAlert, AutomationButtonBadgeInterlock, AutomationButtonBadgeCommandLocked} from '@oicl/openbridge-webcomponents/dist/automation/automation-button/abstract-automation-button.js';
|
|
6
|
+
export type {ObcAlertFrameType, ObcAlertFrameThickness} from '@oicl/openbridge-webcomponents/dist/components/alert-frame/alert-frame.js';
|
|
7
|
+
export type {AlertType} from '@oicl/openbridge-webcomponents/dist/types.js';
|
|
8
|
+
import '@oicl/openbridge-webcomponents/dist/automation/specialty-tank/abstract-specialty-tank.js';
|
|
9
|
+
import { setProperties } from "../../util.js";
|
|
10
|
+
import type {SpecialtyTankMedium} from '@oicl/openbridge-webcomponents/dist/automation/specialty-tank/abstract-specialty-tank.js';
|
|
11
|
+
import type {TankPositioning} from '@oicl/openbridge-webcomponents/dist/automation/automation-tank/tank-positioning.js';
|
|
12
|
+
import type {AutomationButtonBadgeControl, AutomationButtonBadgeAlert, AutomationButtonBadgeInterlock, AutomationButtonBadgeCommandLocked} from '@oicl/openbridge-webcomponents/dist/automation/automation-button/abstract-automation-button.js';
|
|
13
|
+
import type {ObcAlertFrameType, ObcAlertFrameThickness} from '@oicl/openbridge-webcomponents/dist/components/alert-frame/alert-frame.js';
|
|
14
|
+
import type {AlertType} from '@oicl/openbridge-webcomponents/dist/types.js';
|
|
15
|
+
import type { Snippet } from 'svelte';
|
|
16
|
+
|
|
17
|
+
export interface Props {
|
|
18
|
+
class?: string;
|
|
19
|
+
style?: string;
|
|
20
|
+
/** What the graphic area shows: `regular` (one grey area), `graphic` (two grey halves) or `medium` (hot/cold halves). */
|
|
21
|
+
medium?: SpecialtyTankMedium;
|
|
22
|
+
/** Display-only tile with a flat grey frame and a bare icon, rendered as a non-interactive `<div role="img">`. Hides the graphic area. */
|
|
23
|
+
static?: boolean;
|
|
24
|
+
/** Show the equipment icon centered on the graphic area. */
|
|
25
|
+
showIcon?: boolean;
|
|
26
|
+
/** Identifier rendered in the tag readout below the frame (for example `#0000`); also the accessible name. The cell collapses when empty. */
|
|
27
|
+
tag?: string;
|
|
28
|
+
/** Host positioning model — see `TankPositioning`. `button` (default) fills the parent, `point` uses the fixed design footprint with the P&ID anchor. */
|
|
29
|
+
positioning?: TankPositioning;
|
|
30
|
+
/** Whether the tile is interactive. `false` keeps the resting appearance but drops hover, pressed and focus states and leaves the tab order; property-only because the default is `true`. */
|
|
31
|
+
clickable?: boolean;
|
|
32
|
+
/**
|
|
33
|
+
* Paints the activated background on the halo. Needs an interactive tile.
|
|
34
|
+
*
|
|
35
|
+
* Available when `clickable==true`.
|
|
36
|
+
*/
|
|
37
|
+
activated?: boolean;
|
|
38
|
+
/** Mode badge (auto / manual / local variants), first in the badge row. */
|
|
39
|
+
badgeControl?: AutomationButtonBadgeControl;
|
|
40
|
+
/** Alert badge, second in the badge row. */
|
|
41
|
+
badgeAlert?: AutomationButtonBadgeAlert;
|
|
42
|
+
/** Interlock badge, third in the badge row. */
|
|
43
|
+
badgeInterlock?: AutomationButtonBadgeInterlock;
|
|
44
|
+
/** Command-locked badge, last in the badge row. */
|
|
45
|
+
badgeCommandLocked?: AutomationButtonBadgeCommandLocked;
|
|
46
|
+
/** Show an alert-frame overlay around the halo, mirroring `obc-automation-tank`. */
|
|
47
|
+
alert?: boolean;
|
|
48
|
+
/**
|
|
49
|
+
* Shape of the alert frame.
|
|
50
|
+
*
|
|
51
|
+
* Available when `alert==true`.
|
|
52
|
+
*/
|
|
53
|
+
alertFrameType?: ObcAlertFrameType;
|
|
54
|
+
/**
|
|
55
|
+
* Thickness of the alert frame.
|
|
56
|
+
*
|
|
57
|
+
* Available when `alert==true`.
|
|
58
|
+
*/
|
|
59
|
+
alertFrameThickness?: ObcAlertFrameThickness;
|
|
60
|
+
/**
|
|
61
|
+
* Alert status the frame is coloured for.
|
|
62
|
+
*
|
|
63
|
+
* Available when `alert==true`.
|
|
64
|
+
*/
|
|
65
|
+
alertFrameStatus?: AlertType;
|
|
66
|
+
/**
|
|
67
|
+
* Shows the alert category icon inside the frame.
|
|
68
|
+
*
|
|
69
|
+
* Available when `alert==true`.
|
|
70
|
+
*/
|
|
71
|
+
showAlertCategoryIcon?: boolean;
|
|
72
|
+
/**
|
|
73
|
+
* Shows the slotted alert icon inside the frame.
|
|
74
|
+
*
|
|
75
|
+
* Available when `alert==true`.
|
|
76
|
+
*/
|
|
77
|
+
showAlertIcon?: boolean
|
|
78
|
+
}
|
|
79
|
+
export interface Events {
|
|
80
|
+
|
|
81
|
+
}
|
|
82
|
+
export interface Slots {
|
|
83
|
+
children?: Snippet
|
|
84
|
+
}
|
|
85
|
+
const { class: className, style, children, ...props} = $props<Props & Events & Slots>();
|
|
86
|
+
|
|
87
|
+
</script>
|
|
88
|
+
<undefined
|
|
89
|
+
use:setProperties={props}
|
|
90
|
+
class={className}
|
|
91
|
+
style={style}
|
|
92
|
+
>
|
|
93
|
+
|
|
94
|
+
{#if children}
|
|
95
|
+
{@render children()}
|
|
96
|
+
{/if}
|
|
97
|
+
</undefined>
|
|
@@ -0,0 +1,88 @@
|
|
|
1
|
+
import '@oicl/openbridge-webcomponents/dist/automation/specialty-tank/abstract-specialty-tank.js';
|
|
2
|
+
import type { SpecialtyTankMedium } from '@oicl/openbridge-webcomponents/dist/automation/specialty-tank/abstract-specialty-tank.js';
|
|
3
|
+
import type { TankPositioning } from '@oicl/openbridge-webcomponents/dist/automation/automation-tank/tank-positioning.js';
|
|
4
|
+
import type { AutomationButtonBadgeControl, AutomationButtonBadgeAlert, AutomationButtonBadgeInterlock, AutomationButtonBadgeCommandLocked } from '@oicl/openbridge-webcomponents/dist/automation/automation-button/abstract-automation-button.js';
|
|
5
|
+
import type { ObcAlertFrameType, ObcAlertFrameThickness } from '@oicl/openbridge-webcomponents/dist/components/alert-frame/alert-frame.js';
|
|
6
|
+
import type { AlertType } from '@oicl/openbridge-webcomponents/dist/types.js';
|
|
7
|
+
import type { Snippet } from 'svelte';
|
|
8
|
+
export interface Props {
|
|
9
|
+
class?: string;
|
|
10
|
+
style?: string;
|
|
11
|
+
/** What the graphic area shows: `regular` (one grey area), `graphic` (two grey halves) or `medium` (hot/cold halves). */
|
|
12
|
+
medium?: SpecialtyTankMedium;
|
|
13
|
+
/** Display-only tile with a flat grey frame and a bare icon, rendered as a non-interactive `<div role="img">`. Hides the graphic area. */
|
|
14
|
+
static?: boolean;
|
|
15
|
+
/** Show the equipment icon centered on the graphic area. */
|
|
16
|
+
showIcon?: boolean;
|
|
17
|
+
/** Identifier rendered in the tag readout below the frame (for example `#0000`); also the accessible name. The cell collapses when empty. */
|
|
18
|
+
tag?: string;
|
|
19
|
+
/** Host positioning model — see `TankPositioning`. `button` (default) fills the parent, `point` uses the fixed design footprint with the P&ID anchor. */
|
|
20
|
+
positioning?: TankPositioning;
|
|
21
|
+
/** Whether the tile is interactive. `false` keeps the resting appearance but drops hover, pressed and focus states and leaves the tab order; property-only because the default is `true`. */
|
|
22
|
+
clickable?: boolean;
|
|
23
|
+
/**
|
|
24
|
+
* Paints the activated background on the halo. Needs an interactive tile.
|
|
25
|
+
*
|
|
26
|
+
* Available when `clickable==true`.
|
|
27
|
+
*/
|
|
28
|
+
activated?: boolean;
|
|
29
|
+
/** Mode badge (auto / manual / local variants), first in the badge row. */
|
|
30
|
+
badgeControl?: AutomationButtonBadgeControl;
|
|
31
|
+
/** Alert badge, second in the badge row. */
|
|
32
|
+
badgeAlert?: AutomationButtonBadgeAlert;
|
|
33
|
+
/** Interlock badge, third in the badge row. */
|
|
34
|
+
badgeInterlock?: AutomationButtonBadgeInterlock;
|
|
35
|
+
/** Command-locked badge, last in the badge row. */
|
|
36
|
+
badgeCommandLocked?: AutomationButtonBadgeCommandLocked;
|
|
37
|
+
/** Show an alert-frame overlay around the halo, mirroring `obc-automation-tank`. */
|
|
38
|
+
alert?: boolean;
|
|
39
|
+
/**
|
|
40
|
+
* Shape of the alert frame.
|
|
41
|
+
*
|
|
42
|
+
* Available when `alert==true`.
|
|
43
|
+
*/
|
|
44
|
+
alertFrameType?: ObcAlertFrameType;
|
|
45
|
+
/**
|
|
46
|
+
* Thickness of the alert frame.
|
|
47
|
+
*
|
|
48
|
+
* Available when `alert==true`.
|
|
49
|
+
*/
|
|
50
|
+
alertFrameThickness?: ObcAlertFrameThickness;
|
|
51
|
+
/**
|
|
52
|
+
* Alert status the frame is coloured for.
|
|
53
|
+
*
|
|
54
|
+
* Available when `alert==true`.
|
|
55
|
+
*/
|
|
56
|
+
alertFrameStatus?: AlertType;
|
|
57
|
+
/**
|
|
58
|
+
* Shows the alert category icon inside the frame.
|
|
59
|
+
*
|
|
60
|
+
* Available when `alert==true`.
|
|
61
|
+
*/
|
|
62
|
+
showAlertCategoryIcon?: boolean;
|
|
63
|
+
/**
|
|
64
|
+
* Shows the slotted alert icon inside the frame.
|
|
65
|
+
*
|
|
66
|
+
* Available when `alert==true`.
|
|
67
|
+
*/
|
|
68
|
+
showAlertIcon?: boolean;
|
|
69
|
+
}
|
|
70
|
+
export interface Events {
|
|
71
|
+
}
|
|
72
|
+
export interface Slots {
|
|
73
|
+
children?: Snippet;
|
|
74
|
+
}
|
|
75
|
+
type $$ComponentProps = Props & Events & Slots;
|
|
76
|
+
declare const ObcAbstractSpecialtyTank: import("svelte").Component<$$ComponentProps, {
|
|
77
|
+
SpecialtyTankMedium: typeof SpecialtyTankMedium;
|
|
78
|
+
TankPositioning: typeof TankPositioning;
|
|
79
|
+
AutomationButtonBadgeControl: typeof AutomationButtonBadgeControl;
|
|
80
|
+
AutomationButtonBadgeAlert: typeof AutomationButtonBadgeAlert;
|
|
81
|
+
AutomationButtonBadgeInterlock: typeof AutomationButtonBadgeInterlock;
|
|
82
|
+
AutomationButtonBadgeCommandLocked: typeof AutomationButtonBadgeCommandLocked;
|
|
83
|
+
ObcAlertFrameType: typeof ObcAlertFrameType;
|
|
84
|
+
ObcAlertFrameThickness: typeof ObcAlertFrameThickness;
|
|
85
|
+
AlertType: typeof AlertType;
|
|
86
|
+
}, "">;
|
|
87
|
+
type ObcAbstractSpecialtyTank = ReturnType<typeof ObcAbstractSpecialtyTank>;
|
|
88
|
+
export default ObcAbstractSpecialtyTank;
|
package/dist/components/automation-button-readout-stack/ObcAutomationButtonReadoutStack.svelte
CHANGED
|
@@ -9,9 +9,13 @@
|
|
|
9
9
|
export interface Props {
|
|
10
10
|
class?: string;
|
|
11
11
|
style?: string;
|
|
12
|
+
/** Rows rendered top-to-bottom: `value` (padded digits, unit, optional direction icon), `state-on`/`state-off`, `button`, and `setpoint` (shared setpoint glyph + padded digits). */
|
|
12
13
|
readouts?: AutomationButtonReadoutStack[];
|
|
14
|
+
/** Identifier line (e.g. '#0001'); `null` hides it. */
|
|
13
15
|
tag?: string | null;
|
|
16
|
+
/** Typography tier of the rows (small / regular / enhanced). */
|
|
14
17
|
size?: AutomationButtonReadoutStackSize;
|
|
18
|
+
/** Whether the tag renders above or below the rows. */
|
|
15
19
|
idTagOrientation?: IdTagOrientation
|
|
16
20
|
}
|
|
17
21
|
export interface Events {
|
package/dist/components/automation-button-readout-stack/ObcAutomationButtonReadoutStack.svelte.d.ts
CHANGED
|
@@ -4,9 +4,13 @@ import type { Snippet } from 'svelte';
|
|
|
4
4
|
export interface Props {
|
|
5
5
|
class?: string;
|
|
6
6
|
style?: string;
|
|
7
|
+
/** Rows rendered top-to-bottom: `value` (padded digits, unit, optional direction icon), `state-on`/`state-off`, `button`, and `setpoint` (shared setpoint glyph + padded digits). */
|
|
7
8
|
readouts?: AutomationButtonReadoutStack[];
|
|
9
|
+
/** Identifier line (e.g. '#0001'); `null` hides it. */
|
|
8
10
|
tag?: string | null;
|
|
11
|
+
/** Typography tier of the rows (small / regular / enhanced). */
|
|
9
12
|
size?: AutomationButtonReadoutStackSize;
|
|
13
|
+
/** Whether the tag renders above or below the rows. */
|
|
10
14
|
idTagOrientation?: IdTagOrientation;
|
|
11
15
|
}
|
|
12
16
|
export interface Events {
|
package/dist/index.d.ts
CHANGED
|
@@ -46,8 +46,14 @@ export { default as ObcDirectionLine } from './automation/direction-line/ObcDire
|
|
|
46
46
|
export { default as ObcEndPointLine } from './automation/end-point-line/ObcEndPointLine.svelte';
|
|
47
47
|
export { default as ObcFan } from './automation/fan/ObcFan.svelte';
|
|
48
48
|
export { default as ObcFilter } from './automation/filter/ObcFilter.svelte';
|
|
49
|
+
export { default as ObcGaugeGenerator } from './automation/gauge-generator/ObcGaugeGenerator.svelte';
|
|
50
|
+
export { default as ObcGaugeMotorsAndPumps } from './automation/gauge-motors-and-pumps/ObcGaugeMotorsAndPumps.svelte';
|
|
51
|
+
export { default as ObcGaugeValve } from './automation/gauge-valve/ObcGaugeValve.svelte';
|
|
49
52
|
export { default as ObcGround } from './automation/ground/ObcGround.svelte';
|
|
53
|
+
export { default as ObcHeatExchanger } from './automation/heat-exchanger/ObcHeatExchanger.svelte';
|
|
54
|
+
export { default as ObcHeatPump } from './automation/heat-pump/ObcHeatPump.svelte';
|
|
50
55
|
export { default as ObcHorizontalLine } from './automation/horizontal-line/ObcHorizontalLine.svelte';
|
|
56
|
+
export { default as ObcHydraulicSeparator } from './automation/hydraulic-separator/ObcHydraulicSeparator.svelte';
|
|
51
57
|
export { default as ObcIndicatorBattery } from './automation/indicator-battery/ObcIndicatorBattery.svelte';
|
|
52
58
|
export { default as ObcIndicatorEngine } from './automation/indicator-engine/ObcIndicatorEngine.svelte';
|
|
53
59
|
export { default as ObcIndicatorGenerator } from './automation/indicator-generator/ObcIndicatorGenerator.svelte';
|
|
@@ -61,6 +67,7 @@ export { default as ObcPump } from './automation/pump/ObcPump.svelte';
|
|
|
61
67
|
export { default as ObcResistor } from './automation/resistor/ObcResistor.svelte';
|
|
62
68
|
export { default as ObcRouter } from './automation/router/ObcRouter.svelte';
|
|
63
69
|
export { default as ObcSource } from './automation/source/ObcSource.svelte';
|
|
70
|
+
export { default as ObcAbstractSpecialtyTank } from './automation/specialty-tank/ObcAbstractSpecialtyTank.svelte';
|
|
64
71
|
export { default as ObcSwitch } from './automation/switch/ObcSwitch.svelte';
|
|
65
72
|
export { default as ObcThreeWayLine } from './automation/three-way-line/ObcThreeWayLine.svelte';
|
|
66
73
|
export { default as ObcTransformer } from './automation/transformer/ObcTransformer.svelte';
|
|
@@ -2281,9 +2288,9 @@ export { default as ObcDepthIndicator } from './navigation-instruments/depth-ind
|
|
|
2281
2288
|
export { default as ObcDraftTrim } from './navigation-instruments/draft-trim/ObcDraftTrim.svelte';
|
|
2282
2289
|
export { default as ObcGaugeBarIndicator } from './navigation-instruments/gauge-bar-indicator/ObcGaugeBarIndicator.svelte';
|
|
2283
2290
|
export { default as ObcGaugeHorizontal } from './navigation-instruments/gauge-horizontal/ObcGaugeHorizontal.svelte';
|
|
2291
|
+
export { default as ObcGaugeProportional } from './navigation-instruments/gauge-proportional/ObcGaugeProportional.svelte';
|
|
2284
2292
|
export { default as ObcGaugeRadial } from './navigation-instruments/gauge-radial/ObcGaugeRadial.svelte';
|
|
2285
2293
|
export { default as ObcGaugeRadialIndicator } from './navigation-instruments/gauge-radial-indicator/ObcGaugeRadialIndicator.svelte';
|
|
2286
|
-
export { default as ObcGaugeRadialProportional } from './navigation-instruments/gauge-radial-proportional/ObcGaugeRadialProportional.svelte';
|
|
2287
2294
|
export { default as ObcGaugeTrend } from './navigation-instruments/gauge-trend/ObcGaugeTrend.svelte';
|
|
2288
2295
|
export { default as ObcGaugeTrendIndicator } from './navigation-instruments/gauge-trend-indicator/ObcGaugeTrendIndicator.svelte';
|
|
2289
2296
|
export { default as ObcGaugeVertical } from './navigation-instruments/gauge-vertical/ObcGaugeVertical.svelte';
|
package/dist/index.js
CHANGED
|
@@ -46,8 +46,14 @@ export { default as ObcDirectionLine } from './automation/direction-line/ObcDire
|
|
|
46
46
|
export { default as ObcEndPointLine } from './automation/end-point-line/ObcEndPointLine.svelte';
|
|
47
47
|
export { default as ObcFan } from './automation/fan/ObcFan.svelte';
|
|
48
48
|
export { default as ObcFilter } from './automation/filter/ObcFilter.svelte';
|
|
49
|
+
export { default as ObcGaugeGenerator } from './automation/gauge-generator/ObcGaugeGenerator.svelte';
|
|
50
|
+
export { default as ObcGaugeMotorsAndPumps } from './automation/gauge-motors-and-pumps/ObcGaugeMotorsAndPumps.svelte';
|
|
51
|
+
export { default as ObcGaugeValve } from './automation/gauge-valve/ObcGaugeValve.svelte';
|
|
49
52
|
export { default as ObcGround } from './automation/ground/ObcGround.svelte';
|
|
53
|
+
export { default as ObcHeatExchanger } from './automation/heat-exchanger/ObcHeatExchanger.svelte';
|
|
54
|
+
export { default as ObcHeatPump } from './automation/heat-pump/ObcHeatPump.svelte';
|
|
50
55
|
export { default as ObcHorizontalLine } from './automation/horizontal-line/ObcHorizontalLine.svelte';
|
|
56
|
+
export { default as ObcHydraulicSeparator } from './automation/hydraulic-separator/ObcHydraulicSeparator.svelte';
|
|
51
57
|
export { default as ObcIndicatorBattery } from './automation/indicator-battery/ObcIndicatorBattery.svelte';
|
|
52
58
|
export { default as ObcIndicatorEngine } from './automation/indicator-engine/ObcIndicatorEngine.svelte';
|
|
53
59
|
export { default as ObcIndicatorGenerator } from './automation/indicator-generator/ObcIndicatorGenerator.svelte';
|
|
@@ -61,6 +67,7 @@ export { default as ObcPump } from './automation/pump/ObcPump.svelte';
|
|
|
61
67
|
export { default as ObcResistor } from './automation/resistor/ObcResistor.svelte';
|
|
62
68
|
export { default as ObcRouter } from './automation/router/ObcRouter.svelte';
|
|
63
69
|
export { default as ObcSource } from './automation/source/ObcSource.svelte';
|
|
70
|
+
export { default as ObcAbstractSpecialtyTank } from './automation/specialty-tank/ObcAbstractSpecialtyTank.svelte';
|
|
64
71
|
export { default as ObcSwitch } from './automation/switch/ObcSwitch.svelte';
|
|
65
72
|
export { default as ObcThreeWayLine } from './automation/three-way-line/ObcThreeWayLine.svelte';
|
|
66
73
|
export { default as ObcTransformer } from './automation/transformer/ObcTransformer.svelte';
|
|
@@ -2281,9 +2288,9 @@ export { default as ObcDepthIndicator } from './navigation-instruments/depth-ind
|
|
|
2281
2288
|
export { default as ObcDraftTrim } from './navigation-instruments/draft-trim/ObcDraftTrim.svelte';
|
|
2282
2289
|
export { default as ObcGaugeBarIndicator } from './navigation-instruments/gauge-bar-indicator/ObcGaugeBarIndicator.svelte';
|
|
2283
2290
|
export { default as ObcGaugeHorizontal } from './navigation-instruments/gauge-horizontal/ObcGaugeHorizontal.svelte';
|
|
2291
|
+
export { default as ObcGaugeProportional } from './navigation-instruments/gauge-proportional/ObcGaugeProportional.svelte';
|
|
2284
2292
|
export { default as ObcGaugeRadial } from './navigation-instruments/gauge-radial/ObcGaugeRadial.svelte';
|
|
2285
2293
|
export { default as ObcGaugeRadialIndicator } from './navigation-instruments/gauge-radial-indicator/ObcGaugeRadialIndicator.svelte';
|
|
2286
|
-
export { default as ObcGaugeRadialProportional } from './navigation-instruments/gauge-radial-proportional/ObcGaugeRadialProportional.svelte';
|
|
2287
2294
|
export { default as ObcGaugeTrend } from './navigation-instruments/gauge-trend/ObcGaugeTrend.svelte';
|
|
2288
2295
|
export { default as ObcGaugeTrendIndicator } from './navigation-instruments/gauge-trend-indicator/ObcGaugeTrendIndicator.svelte';
|
|
2289
2296
|
export { default as ObcGaugeVertical } from './navigation-instruments/gauge-vertical/ObcGaugeVertical.svelte';
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
|
|
2
2
|
<script lang="ts">
|
|
3
3
|
export type {InstrumentState} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/types.js';
|
|
4
|
-
export type {
|
|
4
|
+
export type {GaugeProportionalSector, GaugeProportionalAlignment, GaugeProportionalPriority, GaugeProportionalAdvice} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/gauge-proportional/gauge-proportional.js';
|
|
5
5
|
export type {TickmarkStyle} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/watch/tickmark.js';
|
|
6
|
-
import '@oicl/openbridge-webcomponents/dist/navigation-instruments/gauge-
|
|
6
|
+
import '@oicl/openbridge-webcomponents/dist/navigation-instruments/gauge-proportional/gauge-proportional.js';
|
|
7
7
|
import { setProperties } from "../../util.js";
|
|
8
8
|
import type {InstrumentState} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/types.js';
|
|
9
|
-
import type {
|
|
9
|
+
import type {GaugeProportionalSector, GaugeProportionalAlignment, GaugeProportionalPriority, GaugeProportionalAdvice} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/gauge-proportional/gauge-proportional.js';
|
|
10
10
|
import type {TickmarkStyle} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/watch/tickmark.js';
|
|
11
11
|
import type { Snippet } from 'svelte';
|
|
12
12
|
|
|
@@ -41,9 +41,10 @@ animateSetpoint?: boolean;
|
|
|
41
41
|
secondaryValue?: number | undefined;
|
|
42
42
|
/** Instrument state (active, loading, off). `priority: off` also renders the off face. */
|
|
43
43
|
state?: InstrumentState;
|
|
44
|
-
sector?:
|
|
45
|
-
|
|
46
|
-
|
|
44
|
+
sector?: GaugeProportionalSector;
|
|
45
|
+
/** Available when `large==true`. */
|
|
46
|
+
alignment?: GaugeProportionalAlignment;
|
|
47
|
+
priority?: GaugeProportionalPriority;
|
|
47
48
|
showLabels?: boolean;
|
|
48
49
|
/** Interval for primary tickmarks in value units. When undefined or <= 0, no primary tickmarks are shown. */
|
|
49
50
|
primaryTickmarkInterval?: number | undefined;
|
|
@@ -51,33 +52,61 @@ animateSetpoint?: boolean;
|
|
|
51
52
|
secondaryTickmarkInterval?: number | undefined;
|
|
52
53
|
tickmarkStyle?: TickmarkStyle;
|
|
53
54
|
/** Caution/alert arcs in value units. */
|
|
54
|
-
advices?:
|
|
55
|
-
/**
|
|
55
|
+
advices?: GaugeProportionalAdvice[];
|
|
56
|
+
/**
|
|
57
|
+
* When `true`, shows the center readout (and the secondary readout when the split frame renders — dashed until `secondaryValue` is set). Default `false`.
|
|
58
|
+
*
|
|
59
|
+
* Available when `large==true`.
|
|
60
|
+
*/
|
|
56
61
|
hasReadout?: boolean;
|
|
57
62
|
/** Available when `hasReadout==true`. */
|
|
58
63
|
label?: string;
|
|
59
|
-
/**
|
|
64
|
+
/**
|
|
65
|
+
* Unit for the in-dial readout (large) and the compact stack rows.
|
|
66
|
+
*
|
|
67
|
+
* Available when `hasReadout==true`.
|
|
68
|
+
*/
|
|
60
69
|
unit?: string;
|
|
61
70
|
/** Available when `secondaryValue!=undefined`. */
|
|
62
71
|
secondaryLabel?: string;
|
|
63
72
|
/** Available when `secondaryValue!=undefined`. */
|
|
64
73
|
secondaryUnit?: string;
|
|
74
|
+
/** Available when `hasReadout==true`. */
|
|
65
75
|
fractionDigits?: number;
|
|
66
|
-
/**
|
|
76
|
+
/**
|
|
77
|
+
* Name row shown under the readout (uppercase overline style).
|
|
78
|
+
*
|
|
79
|
+
* Available when `large==true`.
|
|
80
|
+
*/
|
|
67
81
|
name?: string;
|
|
68
82
|
/** Outer-ring diameter in CSS pixels. When set, the instrument renders at a fixed intrinsic size; when unset (default), it fills its container. */
|
|
69
|
-
faceDiameter?: number | undefined
|
|
83
|
+
faceDiameter?: number | undefined;
|
|
84
|
+
/** The design's Large variant: `alignment`-controlled scale labels, in-dial readouts and the name row. When `false` (default), the Small variant renders — the face cropped to the dial with icon-only center content and a readout stack below. The Large face fills its container (or `faceDiameter`); the Small face shrinks with a tight slot but caps at the design's natural 240px dial box, so it always reads smaller than a Large face in the same slot. */
|
|
85
|
+
large?: boolean;
|
|
86
|
+
/**
|
|
87
|
+
* Render the readout stack below the face in the compact variant.
|
|
88
|
+
*
|
|
89
|
+
* Available when `large==false`.
|
|
90
|
+
*/
|
|
91
|
+
hasLabelStack?: boolean;
|
|
92
|
+
/**
|
|
93
|
+
* Identifier line under the compact readout stack, e.g. '#0001'.
|
|
94
|
+
*
|
|
95
|
+
* Available when `large==false`.
|
|
96
|
+
*/
|
|
97
|
+
tag?: string
|
|
70
98
|
}
|
|
71
99
|
export interface Events {
|
|
72
100
|
|
|
73
101
|
}
|
|
74
102
|
export interface Slots {
|
|
75
|
-
icon?: Snippet
|
|
103
|
+
icon?: Snippet;
|
|
104
|
+
secondaryIcon?: Snippet
|
|
76
105
|
}
|
|
77
|
-
const { class: className, style, icon, ...props} = $props<Props & Events & Slots>();
|
|
106
|
+
const { class: className, style, icon, secondaryIcon, ...props} = $props<Props & Events & Slots>();
|
|
78
107
|
|
|
79
108
|
</script>
|
|
80
|
-
<obc-gauge-
|
|
109
|
+
<obc-gauge-proportional
|
|
81
110
|
use:setProperties={props}
|
|
82
111
|
class={className}
|
|
83
112
|
style={style}
|
|
@@ -88,4 +117,10 @@ animateSetpoint?: boolean;
|
|
|
88
117
|
{@render icon()}
|
|
89
118
|
</div>
|
|
90
119
|
{/if}
|
|
91
|
-
|
|
120
|
+
|
|
121
|
+
{#if secondaryIcon}
|
|
122
|
+
<div slot="secondary-icon">
|
|
123
|
+
{@render secondaryIcon()}
|
|
124
|
+
</div>
|
|
125
|
+
{/if}
|
|
126
|
+
</obc-gauge-proportional>
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import '@oicl/openbridge-webcomponents/dist/navigation-instruments/gauge-
|
|
1
|
+
import '@oicl/openbridge-webcomponents/dist/navigation-instruments/gauge-proportional/gauge-proportional.js';
|
|
2
2
|
import type { InstrumentState } from '@oicl/openbridge-webcomponents/dist/navigation-instruments/types.js';
|
|
3
|
-
import type {
|
|
3
|
+
import type { GaugeProportionalSector, GaugeProportionalAlignment, GaugeProportionalPriority, GaugeProportionalAdvice } from '@oicl/openbridge-webcomponents/dist/navigation-instruments/gauge-proportional/gauge-proportional.js';
|
|
4
4
|
import type { TickmarkStyle } from '@oicl/openbridge-webcomponents/dist/navigation-instruments/watch/tickmark.js';
|
|
5
5
|
import type { Snippet } from 'svelte';
|
|
6
6
|
export interface Props {
|
|
@@ -34,9 +34,10 @@ regardless of instrument state. */
|
|
|
34
34
|
secondaryValue?: number | undefined;
|
|
35
35
|
/** Instrument state (active, loading, off). `priority: off` also renders the off face. */
|
|
36
36
|
state?: InstrumentState;
|
|
37
|
-
sector?:
|
|
38
|
-
|
|
39
|
-
|
|
37
|
+
sector?: GaugeProportionalSector;
|
|
38
|
+
/** Available when `large==true`. */
|
|
39
|
+
alignment?: GaugeProportionalAlignment;
|
|
40
|
+
priority?: GaugeProportionalPriority;
|
|
40
41
|
showLabels?: boolean;
|
|
41
42
|
/** Interval for primary tickmarks in value units. When undefined or <= 0, no primary tickmarks are shown. */
|
|
42
43
|
primaryTickmarkInterval?: number | undefined;
|
|
@@ -44,36 +45,64 @@ regardless of instrument state. */
|
|
|
44
45
|
secondaryTickmarkInterval?: number | undefined;
|
|
45
46
|
tickmarkStyle?: TickmarkStyle;
|
|
46
47
|
/** Caution/alert arcs in value units. */
|
|
47
|
-
advices?:
|
|
48
|
-
/**
|
|
48
|
+
advices?: GaugeProportionalAdvice[];
|
|
49
|
+
/**
|
|
50
|
+
* When `true`, shows the center readout (and the secondary readout when the split frame renders — dashed until `secondaryValue` is set). Default `false`.
|
|
51
|
+
*
|
|
52
|
+
* Available when `large==true`.
|
|
53
|
+
*/
|
|
49
54
|
hasReadout?: boolean;
|
|
50
55
|
/** Available when `hasReadout==true`. */
|
|
51
56
|
label?: string;
|
|
52
|
-
/**
|
|
57
|
+
/**
|
|
58
|
+
* Unit for the in-dial readout (large) and the compact stack rows.
|
|
59
|
+
*
|
|
60
|
+
* Available when `hasReadout==true`.
|
|
61
|
+
*/
|
|
53
62
|
unit?: string;
|
|
54
63
|
/** Available when `secondaryValue!=undefined`. */
|
|
55
64
|
secondaryLabel?: string;
|
|
56
65
|
/** Available when `secondaryValue!=undefined`. */
|
|
57
66
|
secondaryUnit?: string;
|
|
67
|
+
/** Available when `hasReadout==true`. */
|
|
58
68
|
fractionDigits?: number;
|
|
59
|
-
/**
|
|
69
|
+
/**
|
|
70
|
+
* Name row shown under the readout (uppercase overline style).
|
|
71
|
+
*
|
|
72
|
+
* Available when `large==true`.
|
|
73
|
+
*/
|
|
60
74
|
name?: string;
|
|
61
75
|
/** Outer-ring diameter in CSS pixels. When set, the instrument renders at a fixed intrinsic size; when unset (default), it fills its container. */
|
|
62
76
|
faceDiameter?: number | undefined;
|
|
77
|
+
/** The design's Large variant: `alignment`-controlled scale labels, in-dial readouts and the name row. When `false` (default), the Small variant renders — the face cropped to the dial with icon-only center content and a readout stack below. The Large face fills its container (or `faceDiameter`); the Small face shrinks with a tight slot but caps at the design's natural 240px dial box, so it always reads smaller than a Large face in the same slot. */
|
|
78
|
+
large?: boolean;
|
|
79
|
+
/**
|
|
80
|
+
* Render the readout stack below the face in the compact variant.
|
|
81
|
+
*
|
|
82
|
+
* Available when `large==false`.
|
|
83
|
+
*/
|
|
84
|
+
hasLabelStack?: boolean;
|
|
85
|
+
/**
|
|
86
|
+
* Identifier line under the compact readout stack, e.g. '#0001'.
|
|
87
|
+
*
|
|
88
|
+
* Available when `large==false`.
|
|
89
|
+
*/
|
|
90
|
+
tag?: string;
|
|
63
91
|
}
|
|
64
92
|
export interface Events {
|
|
65
93
|
}
|
|
66
94
|
export interface Slots {
|
|
67
95
|
icon?: Snippet;
|
|
96
|
+
secondaryIcon?: Snippet;
|
|
68
97
|
}
|
|
69
98
|
type $$ComponentProps = Props & Events & Slots;
|
|
70
|
-
declare const
|
|
99
|
+
declare const ObcGaugeProportional: import("svelte").Component<$$ComponentProps, {
|
|
71
100
|
InstrumentState: typeof InstrumentState;
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
101
|
+
GaugeProportionalSector: typeof GaugeProportionalSector;
|
|
102
|
+
GaugeProportionalAlignment: typeof GaugeProportionalAlignment;
|
|
103
|
+
GaugeProportionalPriority: typeof GaugeProportionalPriority;
|
|
104
|
+
GaugeProportionalAdvice: typeof GaugeProportionalAdvice;
|
|
76
105
|
TickmarkStyle: typeof TickmarkStyle;
|
|
77
106
|
}, "">;
|
|
78
|
-
type
|
|
79
|
-
export default
|
|
107
|
+
type ObcGaugeProportional = ReturnType<typeof ObcGaugeProportional>;
|
|
108
|
+
export default ObcGaugeProportional;
|
|
@@ -54,6 +54,8 @@ import type {RotType, RotPosition} from '@oicl/openbridge-webcomponents/dist/nav
|
|
|
54
54
|
barAreas?: WatchBarArea[];
|
|
55
55
|
/** Rounds the band track's sector end cuts at the band's own radii and clips bars to that rounded track shape (the design's track-mask model), instead of the joint silhouette cut shared with the scale ring. No effect without `areas`. */
|
|
56
56
|
roundBandCuts?: boolean;
|
|
57
|
+
/** With `watchCircleType: double`, render the band as the split primary/secondary lane tracks (secondary-lane geometry) instead of the joint band; bars clip to the primary lane. Takes precedence over `roundBandCuts` for the band. */
|
|
58
|
+
splitBand?: boolean;
|
|
57
59
|
needles?: WatchNeedle[];
|
|
58
60
|
tickmarks?: Tickmark[];
|
|
59
61
|
tickmarksInside?: boolean;
|
|
@@ -44,6 +44,8 @@ export interface Props {
|
|
|
44
44
|
barAreas?: WatchBarArea[];
|
|
45
45
|
/** Rounds the band track's sector end cuts at the band's own radii and clips bars to that rounded track shape (the design's track-mask model), instead of the joint silhouette cut shared with the scale ring. No effect without `areas`. */
|
|
46
46
|
roundBandCuts?: boolean;
|
|
47
|
+
/** With `watchCircleType: double`, render the band as the split primary/secondary lane tracks (secondary-lane geometry) instead of the joint band; bars clip to the primary lane. Takes precedence over `roundBandCuts` for the band. */
|
|
48
|
+
splitBand?: boolean;
|
|
47
49
|
needles?: WatchNeedle[];
|
|
48
50
|
tickmarks?: Tickmark[];
|
|
49
51
|
tickmarksInside?: boolean;
|
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.136",
|
|
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.136"
|
|
35
35
|
},
|
|
36
36
|
"peerDependencies": {
|
|
37
37
|
"svelte": "^5.0.0"
|