@oicl/openbridge-webcomponents-svelte 2.0.0-next.134 → 2.0.0-next.136

package/dist/automation/automation-tank/ObcAutomationTank.svelte

@@ -1,7 +1,8 @@
 
   <script lang="ts">
     export type {LineMedium} from '@oicl/openbridge-webcomponents/dist/automation/index.js';
-export type {TankTrend, TankType, TankOrientation, TankPositioning, TankChartMode} from '@oicl/openbridge-webcomponents/dist/automation/automation-tank/automation-tank.js';
+export type {TankTrend, TankType, TankOrientation, TankChartMode} from '@oicl/openbridge-webcomponents/dist/automation/automation-tank/automation-tank.js';
+export type {TankPositioning} from '@oicl/openbridge-webcomponents/dist/automation/automation-tank/tank-positioning.js';
 export type {ChartLineDataItem} from '@oicl/openbridge-webcomponents/dist/building-blocks/chart-line/chart-line-base.js';
 export type {Priority} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/types.js';
 export type {LinearAdvice} from '@oicl/openbridge-webcomponents/dist/building-blocks/instrument-linear/advice.js';
@@ -11,7 +12,8 @@ export type {AutomationButtonBadgeControl, AutomationButtonBadgeAlert, Automatio
       import '@oicl/openbridge-webcomponents/dist/automation/automation-tank/automation-tank.js';
       import { setProperties, forwardEvents } from "../../util.js";
       import type {LineMedium} from '@oicl/openbridge-webcomponents/dist/automation/index.js';
-import type {TankTrend, TankType, TankOrientation, TankPositioning, TankChartMode} from '@oicl/openbridge-webcomponents/dist/automation/automation-tank/automation-tank.js';
+import type {TankTrend, TankType, TankOrientation, TankChartMode} from '@oicl/openbridge-webcomponents/dist/automation/automation-tank/automation-tank.js';
+import type {TankPositioning} from '@oicl/openbridge-webcomponents/dist/automation/automation-tank/tank-positioning.js';
 import type {ChartLineDataItem} from '@oicl/openbridge-webcomponents/dist/building-blocks/chart-line/chart-line-base.js';
 import type {Priority} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/types.js';
 import type {LinearAdvice} from '@oicl/openbridge-webcomponents/dist/building-blocks/instrument-linear/advice.js';

package/dist/automation/automation-tank/ObcAutomationTank.svelte.d.ts

@@ -1,6 +1,7 @@
 import '@oicl/openbridge-webcomponents/dist/automation/automation-tank/automation-tank.js';
 import type { LineMedium } from '@oicl/openbridge-webcomponents/dist/automation/index.js';
-import type { TankTrend, TankType, TankOrientation, TankPositioning, TankChartMode } from '@oicl/openbridge-webcomponents/dist/automation/automation-tank/automation-tank.js';
+import type { TankTrend, TankType, TankOrientation, TankChartMode } from '@oicl/openbridge-webcomponents/dist/automation/automation-tank/automation-tank.js';
+import type { TankPositioning } from '@oicl/openbridge-webcomponents/dist/automation/automation-tank/tank-positioning.js';
 import type { ChartLineDataItem } from '@oicl/openbridge-webcomponents/dist/building-blocks/chart-line/chart-line-base.js';
 import type { Priority } from '@oicl/openbridge-webcomponents/dist/navigation-instruments/types.js';
 import type { LinearAdvice } from '@oicl/openbridge-webcomponents/dist/building-blocks/instrument-linear/advice.js';
@@ -157,8 +158,8 @@ declare const ObcAutomationTank: import("svelte").Component<$$ComponentProps, {
     TankTrend: typeof TankTrend;
     TankType: typeof TankType;
     TankOrientation: typeof TankOrientation;
-    TankPositioning: typeof TankPositioning;
     TankChartMode: typeof TankChartMode;
+    TankPositioning: typeof TankPositioning;
     ChartLineDataItem: typeof ChartLineDataItem;
     Priority: typeof Priority;
     LinearAdvice: typeof LinearAdvice;

package/dist/automation/gauge-generator/ObcGaugeGenerator.svelte

@@ -0,0 +1,130 @@
+
+  <script lang="ts">
+    export type {InstrumentState} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/types.js';
+export type {GaugeProportionalSector, GaugeProportionalAlignment, GaugeProportionalPriority, GaugeProportionalAdvice} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/gauge-proportional/gauge-proportional.js';
+export type {TickmarkStyle} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/watch/tickmark.js';
+export type {GaugeGeneratorType} from '@oicl/openbridge-webcomponents/dist/automation/gauge-generator/gauge-generator.js';
+      import '@oicl/openbridge-webcomponents/dist/automation/gauge-generator/gauge-generator.js';
+      import { setProperties } from "../../util.js";
+      import type {InstrumentState} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/types.js';
+import type {GaugeProportionalSector, GaugeProportionalAlignment, GaugeProportionalPriority, GaugeProportionalAdvice} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/gauge-proportional/gauge-proportional.js';
+import type {TickmarkStyle} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/watch/tickmark.js';
+import type {GaugeGeneratorType} from '@oicl/openbridge-webcomponents/dist/automation/gauge-generator/gauge-generator.js';
+      import type { Snippet } from 'svelte';
+
+      export interface Props {
+     class?: string;
+     style?: string;
+     value?: number;
+     maxValue?: number;
+     minValue?: number;
+     /** Secondary value shown as a thin line arc at the band's inner edge with a second readout (the "primary-secondary" frame type). When undefined (default), the regular single-value frame renders. */
+     secondaryValue?: number | undefined;
+     /** Instrument state (active, loading, off). `priority: off` also renders the off face. */
+     state?: InstrumentState;
+     sector?: GaugeProportionalSector;
+     /** Available when `large==true`. */
+     alignment?: GaugeProportionalAlignment;
+     priority?: GaugeProportionalPriority;
+     showLabels?: boolean;
+     /** Interval for primary tickmarks in value units. When undefined or <= 0, no primary tickmarks are shown. */
+     primaryTickmarkInterval?: number | undefined;
+     /** Interval for secondary tickmarks in value units. When undefined or <= 0, no secondary tickmarks are shown. */
+     secondaryTickmarkInterval?: number | undefined;
+     tickmarkStyle?: TickmarkStyle;
+     /** Caution/alert arcs in value units. */
+     advices?: GaugeProportionalAdvice[];
+     /**
+      * When `true`, shows the center readout (and the secondary readout when the split frame renders — dashed until `secondaryValue` is set). Default `false`.
+      *
+      * Available when `large==true`.
+      */
+     hasReadout?: boolean;
+     /** Available when `hasReadout==true`. */
+     label?: string;
+     /**
+      * Unit for the in-dial readout (large) and the compact stack rows.
+      *
+      * Available when `hasReadout==true`.
+      */
+     unit?: string;
+     /** Available when `secondaryValue!=undefined`. */
+     secondaryLabel?: string;
+     /** Available when `secondaryValue!=undefined`. */
+     secondaryUnit?: string;
+     /** Available when `hasReadout==true`. */
+     fractionDigits?: number;
+     /**
+      * Name row shown under the readout (uppercase overline style).
+      *
+      * Available when `large==true`.
+      */
+     name?: string;
+     /** Outer-ring diameter in CSS pixels. When set, the instrument renders at a fixed intrinsic size; when unset (default), it fills its container. */
+     faceDiameter?: number | undefined;
+     /** 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. */
+     large?: boolean;
+     /**
+      * Render the readout stack below the face in the compact variant.
+      *
+      * Available when `large==false`.
+      */
+     hasLabelStack?: boolean;
+     /**
+      * Identifier line under the compact readout stack, e.g. '#0001'.
+      *
+      * Available when `large==false`.
+      */
+     tag?: string;
+      /** Target setpoint value. `undefined` = no setpoint marker shown. */
+setpoint?: number | undefined;
+      /** Adjustment preview for 2-step interface.
+When defined, two markers are shown: original (dimmed) + new (focus). */
+newSetpoint?: number | undefined;
+      /** Manual at-setpoint override (used when `autoAtSetpoint` is false). */
+atSetpoint?: boolean;
+      /** User is physically interacting with the control.
+Suppresses at-setpoint calculation and triggers focus visual. */
+touching?: boolean;
+      /** When false, uses manual `atSetpoint` boolean instead of auto-calculation. */
+autoAtSetpoint?: boolean;
+      /** Tolerance for auto at-setpoint detection. */
+autoAtSetpointDeadband?: number;
+      /** Tolerance for zero-snap visual state. */
+setpointAtZeroDeadband?: number;
+      /** Override to derive the setpoint color from the instrument's `priority`
+regardless of instrument state. */
+setpointOverride?: boolean;
+      /** Enable CSS-animated confirm transition. */
+animateSetpoint?: boolean;
+     /** The design's Type axis; `double` renders the primary-secondary frame. */
+     type?: GaugeGeneratorType
+   }
+      export interface Events {
+    
+  }
+      export interface Slots {
+  icon?: Snippet;
+  secondaryIcon?: Snippet
+}
+      const { class: className, style, icon, secondaryIcon, ...props} = $props<Props & Events & Slots>();
+
+    </script>
+    <obc-gauge-generator
+    use:setProperties={props}
+    class={className}
+    style={style}
+     >
+      
+      {#if icon}
+        <div slot="icon">
+          {@render icon()}
+        </div>
+      {/if}
+
+      {#if secondaryIcon}
+        <div slot="secondary-icon">
+          {@render secondaryIcon()}
+        </div>
+      {/if}
+    </obc-gauge-generator>

package/dist/automation/gauge-generator/ObcGaugeGenerator.svelte.d.ts

@@ -0,0 +1,112 @@
+import '@oicl/openbridge-webcomponents/dist/automation/gauge-generator/gauge-generator.js';
+import type { InstrumentState } from '@oicl/openbridge-webcomponents/dist/navigation-instruments/types.js';
+import type { GaugeProportionalSector, GaugeProportionalAlignment, GaugeProportionalPriority, GaugeProportionalAdvice } from '@oicl/openbridge-webcomponents/dist/navigation-instruments/gauge-proportional/gauge-proportional.js';
+import type { TickmarkStyle } from '@oicl/openbridge-webcomponents/dist/navigation-instruments/watch/tickmark.js';
+import type { GaugeGeneratorType } from '@oicl/openbridge-webcomponents/dist/automation/gauge-generator/gauge-generator.js';
+import type { Snippet } from 'svelte';
+export interface Props {
+    class?: string;
+    style?: string;
+    value?: number;
+    maxValue?: number;
+    minValue?: number;
+    /** Secondary value shown as a thin line arc at the band's inner edge with a second readout (the "primary-secondary" frame type). When undefined (default), the regular single-value frame renders. */
+    secondaryValue?: number | undefined;
+    /** Instrument state (active, loading, off). `priority: off` also renders the off face. */
+    state?: InstrumentState;
+    sector?: GaugeProportionalSector;
+    /** Available when `large==true`. */
+    alignment?: GaugeProportionalAlignment;
+    priority?: GaugeProportionalPriority;
+    showLabels?: boolean;
+    /** Interval for primary tickmarks in value units. When undefined or <= 0, no primary tickmarks are shown. */
+    primaryTickmarkInterval?: number | undefined;
+    /** Interval for secondary tickmarks in value units. When undefined or <= 0, no secondary tickmarks are shown. */
+    secondaryTickmarkInterval?: number | undefined;
+    tickmarkStyle?: TickmarkStyle;
+    /** Caution/alert arcs in value units. */
+    advices?: GaugeProportionalAdvice[];
+    /**
+     * When `true`, shows the center readout (and the secondary readout when the split frame renders — dashed until `secondaryValue` is set). Default `false`.
+     *
+     * Available when `large==true`.
+     */
+    hasReadout?: boolean;
+    /** Available when `hasReadout==true`. */
+    label?: string;
+    /**
+     * Unit for the in-dial readout (large) and the compact stack rows.
+     *
+     * Available when `hasReadout==true`.
+     */
+    unit?: string;
+    /** Available when `secondaryValue!=undefined`. */
+    secondaryLabel?: string;
+    /** Available when `secondaryValue!=undefined`. */
+    secondaryUnit?: string;
+    /** Available when `hasReadout==true`. */
+    fractionDigits?: number;
+    /**
+     * Name row shown under the readout (uppercase overline style).
+     *
+     * Available when `large==true`.
+     */
+    name?: string;
+    /** Outer-ring diameter in CSS pixels. When set, the instrument renders at a fixed intrinsic size; when unset (default), it fills its container. */
+    faceDiameter?: number | undefined;
+    /** 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. */
+    large?: boolean;
+    /**
+     * Render the readout stack below the face in the compact variant.
+     *
+     * Available when `large==false`.
+     */
+    hasLabelStack?: boolean;
+    /**
+     * Identifier line under the compact readout stack, e.g. '#0001'.
+     *
+     * Available when `large==false`.
+     */
+    tag?: string;
+    /** Target setpoint value. `undefined` = no setpoint marker shown. */
+    setpoint?: number | undefined;
+    /** Adjustment preview for 2-step interface.
+When defined, two markers are shown: original (dimmed) + new (focus). */
+    newSetpoint?: number | undefined;
+    /** Manual at-setpoint override (used when `autoAtSetpoint` is false). */
+    atSetpoint?: boolean;
+    /** User is physically interacting with the control.
+Suppresses at-setpoint calculation and triggers focus visual. */
+    touching?: boolean;
+    /** When false, uses manual `atSetpoint` boolean instead of auto-calculation. */
+    autoAtSetpoint?: boolean;
+    /** Tolerance for auto at-setpoint detection. */
+    autoAtSetpointDeadband?: number;
+    /** Tolerance for zero-snap visual state. */
+    setpointAtZeroDeadband?: number;
+    /** Override to derive the setpoint color from the instrument's `priority`
+regardless of instrument state. */
+    setpointOverride?: boolean;
+    /** Enable CSS-animated confirm transition. */
+    animateSetpoint?: boolean;
+    /** The design's Type axis; `double` renders the primary-secondary frame. */
+    type?: GaugeGeneratorType;
+}
+export interface Events {
+}
+export interface Slots {
+    icon?: Snippet;
+    secondaryIcon?: Snippet;
+}
+type $$ComponentProps = Props & Events & Slots;
+declare const ObcGaugeGenerator: import("svelte").Component<$$ComponentProps, {
+    InstrumentState: typeof InstrumentState;
+    GaugeProportionalSector: typeof GaugeProportionalSector;
+    GaugeProportionalAlignment: typeof GaugeProportionalAlignment;
+    GaugeProportionalPriority: typeof GaugeProportionalPriority;
+    GaugeProportionalAdvice: typeof GaugeProportionalAdvice;
+    TickmarkStyle: typeof TickmarkStyle;
+    GaugeGeneratorType: typeof GaugeGeneratorType;
+}, "">;
+type ObcGaugeGenerator = ReturnType<typeof ObcGaugeGenerator>;
+export default ObcGaugeGenerator;

package/dist/automation/gauge-motors-and-pumps/ObcGaugeMotorsAndPumps.svelte

@@ -0,0 +1,130 @@
+
+  <script lang="ts">
+    export type {InstrumentState} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/types.js';
+export type {GaugeProportionalSector, GaugeProportionalAlignment, GaugeProportionalPriority, GaugeProportionalAdvice} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/gauge-proportional/gauge-proportional.js';
+export type {TickmarkStyle} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/watch/tickmark.js';
+export type {GaugeMotorsAndPumpsType} from '@oicl/openbridge-webcomponents/dist/automation/gauge-motors-and-pumps/gauge-motors-and-pumps.js';
+      import '@oicl/openbridge-webcomponents/dist/automation/gauge-motors-and-pumps/gauge-motors-and-pumps.js';
+      import { setProperties } from "../../util.js";
+      import type {InstrumentState} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/types.js';
+import type {GaugeProportionalSector, GaugeProportionalAlignment, GaugeProportionalPriority, GaugeProportionalAdvice} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/gauge-proportional/gauge-proportional.js';
+import type {TickmarkStyle} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/watch/tickmark.js';
+import type {GaugeMotorsAndPumpsType} from '@oicl/openbridge-webcomponents/dist/automation/gauge-motors-and-pumps/gauge-motors-and-pumps.js';
+      import type { Snippet } from 'svelte';
+
+      export interface Props {
+     class?: string;
+     style?: string;
+     value?: number;
+     maxValue?: number;
+     minValue?: number;
+     /** Secondary value shown as a thin line arc at the band's inner edge with a second readout (the "primary-secondary" frame type). When undefined (default), the regular single-value frame renders. */
+     secondaryValue?: number | undefined;
+     /** Instrument state (active, loading, off). `priority: off` also renders the off face. */
+     state?: InstrumentState;
+     sector?: GaugeProportionalSector;
+     /** Available when `large==true`. */
+     alignment?: GaugeProportionalAlignment;
+     priority?: GaugeProportionalPriority;
+     showLabels?: boolean;
+     /** Interval for primary tickmarks in value units. When undefined or <= 0, no primary tickmarks are shown. */
+     primaryTickmarkInterval?: number | undefined;
+     /** Interval for secondary tickmarks in value units. When undefined or <= 0, no secondary tickmarks are shown. */
+     secondaryTickmarkInterval?: number | undefined;
+     tickmarkStyle?: TickmarkStyle;
+     /** Caution/alert arcs in value units. */
+     advices?: GaugeProportionalAdvice[];
+     /**
+      * When `true`, shows the center readout (and the secondary readout when the split frame renders — dashed until `secondaryValue` is set). Default `false`.
+      *
+      * Available when `large==true`.
+      */
+     hasReadout?: boolean;
+     /** Available when `hasReadout==true`. */
+     label?: string;
+     /**
+      * Unit for the in-dial readout (large) and the compact stack rows.
+      *
+      * Available when `hasReadout==true`.
+      */
+     unit?: string;
+     /** Available when `secondaryValue!=undefined`. */
+     secondaryLabel?: string;
+     /** Available when `secondaryValue!=undefined`. */
+     secondaryUnit?: string;
+     /** Available when `hasReadout==true`. */
+     fractionDigits?: number;
+     /**
+      * Name row shown under the readout (uppercase overline style).
+      *
+      * Available when `large==true`.
+      */
+     name?: string;
+     /** Outer-ring diameter in CSS pixels. When set, the instrument renders at a fixed intrinsic size; when unset (default), it fills its container. */
+     faceDiameter?: number | undefined;
+     /** 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. */
+     large?: boolean;
+     /**
+      * Render the readout stack below the face in the compact variant.
+      *
+      * Available when `large==false`.
+      */
+     hasLabelStack?: boolean;
+     /**
+      * Identifier line under the compact readout stack, e.g. '#0001'.
+      *
+      * Available when `large==false`.
+      */
+     tag?: string;
+      /** Target setpoint value. `undefined` = no setpoint marker shown. */
+setpoint?: number | undefined;
+      /** Adjustment preview for 2-step interface.
+When defined, two markers are shown: original (dimmed) + new (focus). */
+newSetpoint?: number | undefined;
+      /** Manual at-setpoint override (used when `autoAtSetpoint` is false). */
+atSetpoint?: boolean;
+      /** User is physically interacting with the control.
+Suppresses at-setpoint calculation and triggers focus visual. */
+touching?: boolean;
+      /** When false, uses manual `atSetpoint` boolean instead of auto-calculation. */
+autoAtSetpoint?: boolean;
+      /** Tolerance for auto at-setpoint detection. */
+autoAtSetpointDeadband?: number;
+      /** Tolerance for zero-snap visual state. */
+setpointAtZeroDeadband?: number;
+      /** Override to derive the setpoint color from the instrument's `priority`
+regardless of instrument state. */
+setpointOverride?: boolean;
+      /** Enable CSS-animated confirm transition. */
+animateSetpoint?: boolean;
+     /** The design's Type axis; drives the sector and the split frame. */
+     type?: GaugeMotorsAndPumpsType
+   }
+      export interface Events {
+    
+  }
+      export interface Slots {
+  icon?: Snippet;
+  secondaryIcon?: Snippet
+}
+      const { class: className, style, icon, secondaryIcon, ...props} = $props<Props & Events & Slots>();
+
+    </script>
+    <obc-gauge-motors-and-pumps
+    use:setProperties={props}
+    class={className}
+    style={style}
+     >
+      
+      {#if icon}
+        <div slot="icon">
+          {@render icon()}
+        </div>
+      {/if}
+
+      {#if secondaryIcon}
+        <div slot="secondary-icon">
+          {@render secondaryIcon()}
+        </div>
+      {/if}
+    </obc-gauge-motors-and-pumps>

package/dist/automation/gauge-motors-and-pumps/ObcGaugeMotorsAndPumps.svelte.d.ts

@@ -0,0 +1,112 @@
+import '@oicl/openbridge-webcomponents/dist/automation/gauge-motors-and-pumps/gauge-motors-and-pumps.js';
+import type { InstrumentState } from '@oicl/openbridge-webcomponents/dist/navigation-instruments/types.js';
+import type { GaugeProportionalSector, GaugeProportionalAlignment, GaugeProportionalPriority, GaugeProportionalAdvice } from '@oicl/openbridge-webcomponents/dist/navigation-instruments/gauge-proportional/gauge-proportional.js';
+import type { TickmarkStyle } from '@oicl/openbridge-webcomponents/dist/navigation-instruments/watch/tickmark.js';
+import type { GaugeMotorsAndPumpsType } from '@oicl/openbridge-webcomponents/dist/automation/gauge-motors-and-pumps/gauge-motors-and-pumps.js';
+import type { Snippet } from 'svelte';
+export interface Props {
+    class?: string;
+    style?: string;
+    value?: number;
+    maxValue?: number;
+    minValue?: number;
+    /** Secondary value shown as a thin line arc at the band's inner edge with a second readout (the "primary-secondary" frame type). When undefined (default), the regular single-value frame renders. */
+    secondaryValue?: number | undefined;
+    /** Instrument state (active, loading, off). `priority: off` also renders the off face. */
+    state?: InstrumentState;
+    sector?: GaugeProportionalSector;
+    /** Available when `large==true`. */
+    alignment?: GaugeProportionalAlignment;
+    priority?: GaugeProportionalPriority;
+    showLabels?: boolean;
+    /** Interval for primary tickmarks in value units. When undefined or <= 0, no primary tickmarks are shown. */
+    primaryTickmarkInterval?: number | undefined;
+    /** Interval for secondary tickmarks in value units. When undefined or <= 0, no secondary tickmarks are shown. */
+    secondaryTickmarkInterval?: number | undefined;
+    tickmarkStyle?: TickmarkStyle;
+    /** Caution/alert arcs in value units. */
+    advices?: GaugeProportionalAdvice[];
+    /**
+     * When `true`, shows the center readout (and the secondary readout when the split frame renders — dashed until `secondaryValue` is set). Default `false`.
+     *
+     * Available when `large==true`.
+     */
+    hasReadout?: boolean;
+    /** Available when `hasReadout==true`. */
+    label?: string;
+    /**
+     * Unit for the in-dial readout (large) and the compact stack rows.
+     *
+     * Available when `hasReadout==true`.
+     */
+    unit?: string;
+    /** Available when `secondaryValue!=undefined`. */
+    secondaryLabel?: string;
+    /** Available when `secondaryValue!=undefined`. */
+    secondaryUnit?: string;
+    /** Available when `hasReadout==true`. */
+    fractionDigits?: number;
+    /**
+     * Name row shown under the readout (uppercase overline style).
+     *
+     * Available when `large==true`.
+     */
+    name?: string;
+    /** Outer-ring diameter in CSS pixels. When set, the instrument renders at a fixed intrinsic size; when unset (default), it fills its container. */
+    faceDiameter?: number | undefined;
+    /** 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. */
+    large?: boolean;
+    /**
+     * Render the readout stack below the face in the compact variant.
+     *
+     * Available when `large==false`.
+     */
+    hasLabelStack?: boolean;
+    /**
+     * Identifier line under the compact readout stack, e.g. '#0001'.
+     *
+     * Available when `large==false`.
+     */
+    tag?: string;
+    /** Target setpoint value. `undefined` = no setpoint marker shown. */
+    setpoint?: number | undefined;
+    /** Adjustment preview for 2-step interface.
+When defined, two markers are shown: original (dimmed) + new (focus). */
+    newSetpoint?: number | undefined;
+    /** Manual at-setpoint override (used when `autoAtSetpoint` is false). */
+    atSetpoint?: boolean;
+    /** User is physically interacting with the control.
+Suppresses at-setpoint calculation and triggers focus visual. */
+    touching?: boolean;
+    /** When false, uses manual `atSetpoint` boolean instead of auto-calculation. */
+    autoAtSetpoint?: boolean;
+    /** Tolerance for auto at-setpoint detection. */
+    autoAtSetpointDeadband?: number;
+    /** Tolerance for zero-snap visual state. */
+    setpointAtZeroDeadband?: number;
+    /** Override to derive the setpoint color from the instrument's `priority`
+regardless of instrument state. */
+    setpointOverride?: boolean;
+    /** Enable CSS-animated confirm transition. */
+    animateSetpoint?: boolean;
+    /** The design's Type axis; drives the sector and the split frame. */
+    type?: GaugeMotorsAndPumpsType;
+}
+export interface Events {
+}
+export interface Slots {
+    icon?: Snippet;
+    secondaryIcon?: Snippet;
+}
+type $$ComponentProps = Props & Events & Slots;
+declare const ObcGaugeMotorsAndPumps: import("svelte").Component<$$ComponentProps, {
+    InstrumentState: typeof InstrumentState;
+    GaugeProportionalSector: typeof GaugeProportionalSector;
+    GaugeProportionalAlignment: typeof GaugeProportionalAlignment;
+    GaugeProportionalPriority: typeof GaugeProportionalPriority;
+    GaugeProportionalAdvice: typeof GaugeProportionalAdvice;
+    TickmarkStyle: typeof TickmarkStyle;
+    GaugeMotorsAndPumpsType: typeof GaugeMotorsAndPumpsType;
+}, "">;
+type ObcGaugeMotorsAndPumps = ReturnType<typeof ObcGaugeMotorsAndPumps>;
+export default ObcGaugeMotorsAndPumps;

package/dist/automation/gauge-valve/ObcGaugeValve.svelte

@@ -0,0 +1,99 @@
+
+  <script lang="ts">
+    export type {GaugeValveType, GaugeValvePriority, GaugeValveStyle} from '@oicl/openbridge-webcomponents/dist/automation/gauge-valve/gauge-valve.js';
+export type {GaugeValveScalePosition} from '@oicl/openbridge-webcomponents/dist/automation/gauge-valve/gauge-valve-geometry.js';
+      import '@oicl/openbridge-webcomponents/dist/automation/gauge-valve/gauge-valve.js';
+      import { setProperties } from "../../util.js";
+      import type {GaugeValveType, GaugeValvePriority, GaugeValveStyle} from '@oicl/openbridge-webcomponents/dist/automation/gauge-valve/gauge-valve.js';
+import type {GaugeValveScalePosition} from '@oicl/openbridge-webcomponents/dist/automation/gauge-valve/gauge-valve-geometry.js';
+      import type { Snippet } from 'svelte';
+
+      export interface Props {
+     class?: string;
+     style?: string;
+      /** Target setpoint value. `undefined` = no setpoint marker shown. */
+setpoint?: number | undefined;
+      /** Adjustment preview for 2-step interface.
+When defined, two markers are shown: original (dimmed) + new (focus). */
+newSetpoint?: number | undefined;
+      /** Manual at-setpoint override (used when `autoAtSetpoint` is false). */
+atSetpoint?: boolean;
+      /** User is physically interacting with the control.
+Suppresses at-setpoint calculation and triggers focus visual. */
+touching?: boolean;
+      /** When false, uses manual `atSetpoint` boolean instead of auto-calculation. */
+autoAtSetpoint?: boolean;
+      /** Tolerance for auto at-setpoint detection. */
+autoAtSetpointDeadband?: number;
+      /** Tolerance for zero-snap visual state. */
+setpointAtZeroDeadband?: number;
+      /** Override to derive the setpoint color from the instrument's `priority`
+regardless of instrument state. */
+setpointOverride?: boolean;
+      /** Enable CSS-animated confirm transition. */
+animateSetpoint?: boolean;
+     type?: GaugeValveType;
+     /** Colour emphasis of the value graphics (the Figma "Type" axis); `off` blanks them on a flat disc */
+     priority?: GaugeValvePriority;
+     /** Bar rendering (the Figma "Style" axis): tint (default) shows a tint bar with strong cap pills, fill a strong bar without pills */
+     barStyle?: GaugeValveStyle;
+     /** Rotates the whole layout — ports, scale, setpoint and readout side (the designs' two-way Direction / three-way Scale axis) */
+     scalePosition?: GaugeValveScalePosition;
+     /** Through-flow of the right outlet port, 0-100 (%) */
+     value?: number;
+     /**
+      * Bottom outlet flow, 0-100 (%).
+      *
+      * Available when `type==three-way`.
+      */
+     bottomValue?: number;
+     /** Show scale, labels, readout and setpoint layer */
+     large?: boolean;
+     /**
+      * Readout label text.
+      *
+      * Available when `large==true`.
+      */
+     label?: string;
+     /**
+      * Readout unit text.
+      *
+      * Available when `large==true`.
+      */
+     unit?: string;
+     /**
+      * Identifier line under the compact readout stack, e.g. '#0001'.
+      *
+      * Available when `large==false && hasLabelStack==true`.
+      */
+     tag?: string;
+     /**
+      * Render the readout stack below the face in the compact variant.
+      *
+      * Available when `large==false`.
+      */
+     hasLabelStack?: boolean;
+     /** Ring diameter in CSS pixels. When set, the face renders at a fixed intrinsic size (equal circumference across instruments sharing the value); when unset (default), the face contain-fits its container. */
+     faceDiameter?: number | undefined
+   }
+      export interface Events {
+    
+  }
+      export interface Slots {
+  icon?: Snippet
+}
+      const { class: className, style, icon, ...props} = $props<Props & Events & Slots>();
+
+    </script>
+    <obc-gauge-valve
+    use:setProperties={props}
+    class={className}
+    style={style}
+     >
+      
+      {#if icon}
+        <div slot="icon">
+          {@render icon()}
+        </div>
+      {/if}
+    </obc-gauge-valve>