@oicl/openbridge-webcomponents-svelte 2.0.0-next.15 → 2.0.0-next.150

package/dist/navigation-instruments/gauge-proportional/ObcGaugeProportional.svelte

@@ -0,0 +1,126 @@
+
+  <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';
+      import '@oicl/openbridge-webcomponents/dist/navigation-instruments/gauge-proportional/gauge-proportional.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 { 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;
+     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
+   }
+      export interface Events {
+    
+  }
+      export interface Slots {
+  icon?: Snippet;
+  secondaryIcon?: Snippet
+}
+      const { class: className, style, icon, secondaryIcon, ...props} = $props<Props & Events & Slots>();
+
+    </script>
+    <obc-gauge-proportional
+    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-proportional>

package/dist/navigation-instruments/gauge-proportional/ObcGaugeProportional.svelte.d.ts

@@ -0,0 +1,108 @@
+import '@oicl/openbridge-webcomponents/dist/navigation-instruments/gauge-proportional/gauge-proportional.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 { 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;
+    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;
+}
+export interface Events {
+}
+export interface Slots {
+    icon?: Snippet;
+    secondaryIcon?: Snippet;
+}
+type $$ComponentProps = Props & Events & Slots;
+declare const ObcGaugeProportional: import("svelte").Component<$$ComponentProps, {
+    InstrumentState: typeof InstrumentState;
+    GaugeProportionalSector: typeof GaugeProportionalSector;
+    GaugeProportionalAlignment: typeof GaugeProportionalAlignment;
+    GaugeProportionalPriority: typeof GaugeProportionalPriority;
+    GaugeProportionalAdvice: typeof GaugeProportionalAdvice;
+    TickmarkStyle: typeof TickmarkStyle;
+}, "">;
+type ObcGaugeProportional = ReturnType<typeof ObcGaugeProportional>;
+export default ObcGaugeProportional;

package/dist/navigation-instruments/gauge-radial/ObcGaugeRadial.svelte

@@ -1,18 +1,39 @@
 
   <script lang="ts">
     export type {InstrumentState, Priority} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/types.js';
-export type {ObcGaugeRadialType, GaugeRadialAdvice} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/gauge-radial/gauge-radial.js';
+export type {ObcGaugeRadialType, GaugeRadialAdvice, GaugeRadialSector, GaugeRadialHorizontalAlignment, GaugeRadialVerticalAlignment} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/gauge-radial/gauge-radial.js';
 export type {TickmarkStyle} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/watch/tickmark.js';
       import '@oicl/openbridge-webcomponents/dist/navigation-instruments/gauge-radial/gauge-radial.js';
       import { setProperties } from "../../util.js";
       import type {InstrumentState, Priority} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/types.js';
-import type {ObcGaugeRadialType, GaugeRadialAdvice} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/gauge-radial/gauge-radial.js';
+import type {ObcGaugeRadialType, GaugeRadialAdvice, GaugeRadialSector, GaugeRadialHorizontalAlignment, GaugeRadialVerticalAlignment} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/gauge-radial/gauge-radial.js';
 import type {TickmarkStyle} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/watch/tickmark.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;
      value?: number;
      maxValue?: number;
      minValue?: number;
@@ -27,7 +48,30 @@ tertiaryTickmarkInterval?: number | undefined;
      type?: ObcGaugeRadialType;
      tickmarksInside?: boolean;
      tickmarkStyle?: TickmarkStyle;
-     advices?: GaugeRadialAdvice[]
+      /** Caution/alert arcs. Ignored on `sector: 90-left` / `90-right`. */
+advices?: GaugeRadialAdvice[];
+     sector?: GaugeRadialSector;
+      /** Horizontal placement of the dial when the host is wider than the dial
+(e.g. a short, wide container shrinks the dial to fit the height, leaving
+horizontal slack). Default `center`. */
+horizontalAlignment?: GaugeRadialHorizontalAlignment;
+      /** Vertical placement of the dial when the host is taller than the dial
+(e.g. a tall, narrow container shrinks the dial to fit the width, leaving
+vertical slack). Default `center`. */
+verticalAlignment?: GaugeRadialVerticalAlignment;
+      /** When `true`, shows the centre `<obc-readout>`(s) with the current value
+(and optional `label`/`unit`). Layout depends on `sector` and `type`.
+Default `false`. */
+hasReadout?: boolean;
+     label?: string;
+     unit?: string;
+     fractionDigits?: number;
+      /** Outer-ring diameter in CSS pixels. When set, the instrument renders at a
+fixed intrinsic size derived from the ring, arc shape and label reserve —
+so instruments sharing the same value have identical ring circumference
+regardless of label width or arc extent (like obc-donut-chart's
+fixedHeight). When unset (default), the instrument fills its container. */
+faceDiameter?: number | undefined
    }
       export interface Events {
     

package/dist/navigation-instruments/gauge-radial/ObcGaugeRadial.svelte.d.ts

@@ -1,11 +1,32 @@
 import '@oicl/openbridge-webcomponents/dist/navigation-instruments/gauge-radial/gauge-radial.js';
 import type { InstrumentState, Priority } from '@oicl/openbridge-webcomponents/dist/navigation-instruments/types.js';
-import type { ObcGaugeRadialType, GaugeRadialAdvice } from '@oicl/openbridge-webcomponents/dist/navigation-instruments/gauge-radial/gauge-radial.js';
+import type { ObcGaugeRadialType, GaugeRadialAdvice, GaugeRadialSector, GaugeRadialHorizontalAlignment, GaugeRadialVerticalAlignment } from '@oicl/openbridge-webcomponents/dist/navigation-instruments/gauge-radial/gauge-radial.js';
 import type { TickmarkStyle } from '@oicl/openbridge-webcomponents/dist/navigation-instruments/watch/tickmark.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;
     value?: number;
     maxValue?: number;
     minValue?: number;
@@ -20,7 +41,30 @@ When undefined or <= 0, no tertiary tickmarks are shown. */
     type?: ObcGaugeRadialType;
     tickmarksInside?: boolean;
     tickmarkStyle?: TickmarkStyle;
+    /** Caution/alert arcs. Ignored on `sector: 90-left` / `90-right`. */
     advices?: GaugeRadialAdvice[];
+    sector?: GaugeRadialSector;
+    /** Horizontal placement of the dial when the host is wider than the dial
+(e.g. a short, wide container shrinks the dial to fit the height, leaving
+horizontal slack). Default `center`. */
+    horizontalAlignment?: GaugeRadialHorizontalAlignment;
+    /** Vertical placement of the dial when the host is taller than the dial
+(e.g. a tall, narrow container shrinks the dial to fit the width, leaving
+vertical slack). Default `center`. */
+    verticalAlignment?: GaugeRadialVerticalAlignment;
+    /** When `true`, shows the centre `<obc-readout>`(s) with the current value
+(and optional `label`/`unit`). Layout depends on `sector` and `type`.
+Default `false`. */
+    hasReadout?: boolean;
+    label?: string;
+    unit?: string;
+    fractionDigits?: number;
+    /** Outer-ring diameter in CSS pixels. When set, the instrument renders at a
+fixed intrinsic size derived from the ring, arc shape and label reserve —
+so instruments sharing the same value have identical ring circumference
+regardless of label width or arc extent (like obc-donut-chart's
+fixedHeight). When unset (default), the instrument fills its container. */
+    faceDiameter?: number | undefined;
 }
 export interface Events {
 }
@@ -33,6 +77,9 @@ declare const ObcGaugeRadial: import("svelte").Component<$$ComponentProps, {
     Priority: typeof Priority;
     ObcGaugeRadialType: typeof ObcGaugeRadialType;
     GaugeRadialAdvice: typeof GaugeRadialAdvice;
+    GaugeRadialSector: typeof GaugeRadialSector;
+    GaugeRadialHorizontalAlignment: typeof GaugeRadialHorizontalAlignment;
+    GaugeRadialVerticalAlignment: typeof GaugeRadialVerticalAlignment;
     TickmarkStyle: typeof TickmarkStyle;
 }, "">;
 type ObcGaugeRadial = ReturnType<typeof ObcGaugeRadial>;

package/dist/navigation-instruments/gauge-radial-indicator/ObcGaugeRadialIndicator.svelte

@@ -0,0 +1,40 @@
+
+  <script lang="ts">
+    export type {GaugeRadialIndicatorStyle} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/gauge-radial-indicator/gauge-radial-indicator.js';
+      import '@oicl/openbridge-webcomponents/dist/navigation-instruments/gauge-radial-indicator/gauge-radial-indicator.js';
+      import { setProperties } from "../../util.js";
+      import type {GaugeRadialIndicatorStyle} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/gauge-radial-indicator/gauge-radial-indicator.js';
+      import type { Snippet } from 'svelte';
+
+      export interface Props {
+     class?: string;
+     style?: string;
+     value?: number;
+     minValue?: number;
+     maxValue?: number;
+     sector?: number;
+     styleType?: GaugeRadialIndicatorStyle;
+     icon?: string;
+     hasIcon?: boolean
+   }
+      export interface Events {
+    
+  }
+      export interface Slots {
+  iconSnippet?: Snippet
+}
+      const { class: className, style, iconSnippet, ...props} = $props<Props & Events & Slots>();
+
+    </script>
+    <obc-gauge-radial-indicator
+    use:setProperties={props}
+    class={className}
+    style={style}
+     >
+      
+      {#if iconSnippet}
+        <div slot="icon">
+          {@render iconSnippet()}
+        </div>
+      {/if}
+    </obc-gauge-radial-indicator>

package/dist/navigation-instruments/gauge-radial-indicator/ObcGaugeRadialIndicator.svelte.d.ts

@@ -0,0 +1,25 @@
+import '@oicl/openbridge-webcomponents/dist/navigation-instruments/gauge-radial-indicator/gauge-radial-indicator.js';
+import type { GaugeRadialIndicatorStyle } from '@oicl/openbridge-webcomponents/dist/navigation-instruments/gauge-radial-indicator/gauge-radial-indicator.js';
+import type { Snippet } from 'svelte';
+export interface Props {
+    class?: string;
+    style?: string;
+    value?: number;
+    minValue?: number;
+    maxValue?: number;
+    sector?: number;
+    styleType?: GaugeRadialIndicatorStyle;
+    icon?: string;
+    hasIcon?: boolean;
+}
+export interface Events {
+}
+export interface Slots {
+    iconSnippet?: Snippet;
+}
+type $$ComponentProps = Props & Events & Slots;
+declare const ObcGaugeRadialIndicator: import("svelte").Component<$$ComponentProps, {
+    GaugeRadialIndicatorStyle: typeof GaugeRadialIndicatorStyle;
+}, "">;
+type ObcGaugeRadialIndicator = ReturnType<typeof ObcGaugeRadialIndicator>;
+export default ObcGaugeRadialIndicator;