@oicl/openbridge-webcomponents-svelte 2.0.0-next.11 → 2.0.0-next.111

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

@@ -1,27 +1,169 @@
 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, TankVariant } from '@oicl/openbridge-webcomponents/dist/automation/automation-tank/automation-tank.js';
+import type { TankTrend, TankType, TankOrientation, TankPositioning, TankChartMode } from '@oicl/openbridge-webcomponents/dist/automation/automation-tank/automation-tank.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';
+import type { ObcAlertFrameType, ObcAlertFrameThickness } from '@oicl/openbridge-webcomponents/dist/components/alert-frame/alert-frame.js';
+import type { AlertType } from '@oicl/openbridge-webcomponents/dist/types.js';
+import type { AutomationButtonBadgeControl, AutomationButtonBadgeAlert, AutomationButtonBadgeInterlock, AutomationButtonBadgeCommandLocked } from '@oicl/openbridge-webcomponents/dist/automation/automation-button/abstract-automation-button.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;
     medium?: LineMedium;
     value?: number;
     max?: number;
     trend?: TankTrend;
-    variant?: TankVariant;
+    type?: TankType;
+    orientation?: TankOrientation;
+    compact?: boolean;
+    /** Host positioning model — see `TankPositioning` for details. Defaults to
+`button` (host fills parent container, 100% × 100%, no anchor offset).
+Set to `point` for the legacy P&ID canvas mode (fixed default dimensions
++ top-center anchor offset). */
+    positioning?: TankPositioning;
+    /** Static (display-only) variant. Always rendered at the compact size; the
+inner chart/bar is hidden, the bordered area is filled with
+`--container-section-color`, and the readout is centered inside the frame.
+Tag is rendered below the bordered area; badges (when slotted) sit above
+the frame inside the halo and shrink the frame just like in compact mode.
+Overrides `compact` (a static tank is always compact-sized).
+
+Static tanks render as a non-interactive `<div role="img">` (not a
+`<button>`), so they are not in the tab order and do not announce as
+activatable controls. */
+    static?: boolean;
+    /** Enables the activated background color, used to indicate that the tank is activated/selected. */
+    activated?: boolean;
     tag?: string;
+    /** Chart cell rendering mode.
+- `bar`: static fill bar driven by `value`/`max` (default).
+- `graph`: embedded `obc-gauge-trend` line/area chart.
+- `graphAndBar`: embedded `obc-gauge-trend` with an integrated side bar. */
+    chartMode?: TankChartMode;
+    /** Time-series data points for the embedded gauge-trend (graph modes only). */
+    chartData?: ChartLineDataItem[];
+    /** Priority hint forwarded to child charts (regular | enhanced). */
+    priority?: Priority;
+    /** Advice overlays. Forwarded to the embedded `obc-gauge-trend` in
+`graph` / `graph-and-bar` modes, or rendered as pills over the static
+bar in `bar` mode. */
+    advice?: LinearAdvice[];
+    /** Show advice overlays (works in all `chartMode` variants). */
+    hasAdvice?: boolean;
+    /** Overlay a 32×32 decorative icon (currently `<obi-tank>`) centered on the
+chart cell. Works in all three `chartMode` variants (bar, graph,
+graph-and-bar) and in both orientations. The icon is rendered above the
+bar/graph in a fixed CSS layer (does not scale with the SVG meet
+transform) and is silhouetted with a `--border-silhouette-color` halo so
+it stays legible on any underlying fill. The icon size scales with the
+ambient `obc-component-size-*` class on an ancestor via the design token
+`--automation-components-tanks-graphs-graph-icon-size` (32 → 48 → 64 → 64
+for regular → medium → large → xl).
+
+TODO(future): replace the hard-coded `<obi-tank>` with a `slot="graph-icon"`
+so consumers can pass any `<obi-*>` icon. The current API ships the
+smallest viable surface; the slot can be added without breaking the
+boolean property. */
+    hasGraphIcon?: boolean;
+    /** Show an `<obc-alert-frame>` overlay around the bordered tank area (the
+`.halo` wrapper). Mirrors the API of `obc-automation-button`: same six
+properties, same three slots (`alert-icon`, `alert-label`, `alert-timer`).
+The ring overlays `.halo` only, so the tag and readout that sit outside
+the halo in compact / static layouts remain unaffected. */
+    alert?: boolean;
+    alertFrameType?: ObcAlertFrameType;
+    alertFrameThickness?: ObcAlertFrameThickness;
+    alertFrameStatus?: AlertType;
+    showAlertCategoryIcon?: boolean;
+    showAlertIcon?: boolean;
+    /** Show the trend chevron / off icon next to the percent readout. Default
+`true` preserves existing behavior. Set to `false` to hide the trend
+indicator in both compact and non-compact readouts — useful when the
+trend is not meaningful for a given tank, or when the consumer wants
+to keep the readout compact. Has no effect in `static` mode, which
+renders the tank's capacity (`max` + `unit`) instead of a percent and
+intentionally omits the trend indicator (a static tank represents
+"device present, current state unknown"). `attribute: false` per the
+repo's positive-default-true boolean convention. */
+    showTrendSymbol?: boolean;
+    /** Number of fraction digits used to format the percent readout in the
+non-compact (regular) layout. Defaults to `0` (integer percent). The
+compact layout always renders integer percent to keep its fixed-width
+footprint stable. The static layout renders capacity (`max` + `unit`)
+rather than percent, so this property has no effect there — pass a
+pre-formatted value through the `max-value` slot if fractional
+precision is needed (see the `WithFractionDigits` story). */
+    percentFractionDigits?: number;
+    /** Enum-driven badges rendered inside the `badges` cell. Mirrors the API
+introduced for `ObcAbstractAutomationButton` in PR #839 (#829). When set
+to a non-`None` value, an `<obc-automation-badge>` of the corresponding
+type is rendered as fallback content for the `badges` slot. Any content
+the consumer slots into `badges` overrides these defaults, preserving
+backward compatibility with the existing slot-based API.
+
+Render order (left → right): control, alert, interlock, commandLocked —
+matching the positional convention used by `ObcAbstractAutomationButton`
+(top-left, top-right, bottom-left, bottom-right) read row-by-row. */
+    badgeControl?: AutomationButtonBadgeControl;
+    badgeAlert?: AutomationButtonBadgeAlert;
+    badgeInterlock?: AutomationButtonBadgeInterlock;
+    badgeCommandLocked?: AutomationButtonBadgeCommandLocked;
 }
 export interface Events {
 }
 export interface Slots {
-    children?: Snippet;
+    badges?: Snippet;
+    tagSnippet?: Snippet;
+    readout?: Snippet;
+    maxValue?: Snippet;
+    unit?: Snippet;
+    currentValue?: Snippet;
+    rich?: Snippet;
+    alertIcon?: Snippet;
+    alertLabel?: Snippet;
+    alertTimer?: Snippet;
 }
 type $$ComponentProps = Props & Events & Slots;
 declare const ObcAutomationTank: import("svelte").Component<$$ComponentProps, {
     LineMedium: typeof LineMedium;
     TankTrend: typeof TankTrend;
-    TankVariant: typeof TankVariant;
+    TankType: typeof TankType;
+    TankOrientation: typeof TankOrientation;
+    TankPositioning: typeof TankPositioning;
+    TankChartMode: typeof TankChartMode;
+    ChartLineDataItem: typeof ChartLineDataItem;
+    Priority: typeof Priority;
+    LinearAdvice: typeof LinearAdvice;
+    ObcAlertFrameType: typeof ObcAlertFrameType;
+    ObcAlertFrameThickness: typeof ObcAlertFrameThickness;
+    AlertType: typeof AlertType;
+    AutomationButtonBadgeControl: typeof AutomationButtonBadgeControl;
+    AutomationButtonBadgeAlert: typeof AutomationButtonBadgeAlert;
+    AutomationButtonBadgeInterlock: typeof AutomationButtonBadgeInterlock;
+    AutomationButtonBadgeCommandLocked: typeof AutomationButtonBadgeCommandLocked;
 }, "">;
 type ObcAutomationTank = ReturnType<typeof ObcAutomationTank>;
 export default ObcAutomationTank;

package/dist/automation/bipolar-transistor/ObcBipolarTransistor.svelte

@@ -1,14 +1,53 @@
 
   <script lang="ts">
-    export type {BipolarTransistorAlternativeIcon} from '@oicl/openbridge-webcomponents/dist/automation/bipolar-transistor/bipolar-transistor.js';
+    export type {SquaredVariant} from '@oicl/openbridge-webcomponents/dist/automation/automation-button/abstract-automation-button-squared.js';
+export type {AutomationButtonOrientation, AutomationButtonReadoutPosition, AutomationButtonPositioning} from '@oicl/openbridge-webcomponents/dist/automation/automation-button/automation-button.js';
+export type {AutomationButtonReadoutStackSize} from '@oicl/openbridge-webcomponents/dist/components/automation-button-readout-stack/automation-button-readout-stack.js';
+export type {ObcAlertFrameType, ObcAlertFrameThickness, ObcAlertFrameMode} from '@oicl/openbridge-webcomponents/dist/components/alert-frame/alert-frame.js';
+export type {AlertType} from '@oicl/openbridge-webcomponents/dist/types.js';
+export type {CircularProgressMode} from '@oicl/openbridge-webcomponents/dist/building-blocks/circular-progress/circular-progress.js';
+export type {AutomationButtonBadgeControl, AutomationButtonBadgeCommandLocked, AutomationButtonBadgeInterlock, AutomationButtonBadgeAlert} from '@oicl/openbridge-webcomponents/dist/automation/automation-button/abstract-automation-button.js';
+export type {BipolarTransistorAlternativeIcon} from '@oicl/openbridge-webcomponents/dist/automation/bipolar-transistor/bipolar-transistor.js';
       import '@oicl/openbridge-webcomponents/dist/automation/bipolar-transistor/bipolar-transistor.js';
       import { setProperties } from "../../util.js";
-      import type {BipolarTransistorAlternativeIcon} from '@oicl/openbridge-webcomponents/dist/automation/bipolar-transistor/bipolar-transistor.js';
+      import type {SquaredVariant} from '@oicl/openbridge-webcomponents/dist/automation/automation-button/abstract-automation-button-squared.js';
+import type {AutomationButtonOrientation, AutomationButtonReadoutPosition, AutomationButtonPositioning} from '@oicl/openbridge-webcomponents/dist/automation/automation-button/automation-button.js';
+import type {AutomationButtonReadoutStackSize} from '@oicl/openbridge-webcomponents/dist/components/automation-button-readout-stack/automation-button-readout-stack.js';
+import type {ObcAlertFrameType, ObcAlertFrameThickness, ObcAlertFrameMode} from '@oicl/openbridge-webcomponents/dist/components/alert-frame/alert-frame.js';
+import type {AlertType} from '@oicl/openbridge-webcomponents/dist/types.js';
+import type {CircularProgressMode} from '@oicl/openbridge-webcomponents/dist/building-blocks/circular-progress/circular-progress.js';
+import type {AutomationButtonBadgeControl, AutomationButtonBadgeCommandLocked, AutomationButtonBadgeInterlock, AutomationButtonBadgeAlert} from '@oicl/openbridge-webcomponents/dist/automation/automation-button/abstract-automation-button.js';
+import type {BipolarTransistorAlternativeIcon} from '@oicl/openbridge-webcomponents/dist/automation/bipolar-transistor/bipolar-transistor.js';
       import type { Snippet } from 'svelte';
 
       export interface Props {
      class?: string;
      style?: string;
+     on?: boolean;
+     variant?: SquaredVariant;
+     orientation?: AutomationButtonOrientation;
+     showReadoutStack?: boolean;
+     readoutPosition?: AutomationButtonReadoutPosition;
+     readoutSize?: AutomationButtonReadoutStackSize;
+     positioning?: AutomationButtonPositioning;
+      /** Enables the activated background color, used to indicate that the button is activated/selected. */
+activated?: boolean;
+     alert?: boolean;
+     alertFrameType?: ObcAlertFrameType;
+     alertFrameThickness?: ObcAlertFrameThickness;
+     alertFrameStatus?: AlertType;
+     alertFrameMode?: ObcAlertFrameMode;
+     showAlertCategoryIcon?: boolean;
+     showAlertIcon?: boolean;
+      /** Shows a progress indicator, used to indicate that an user action is in progress */
+progress?: boolean;
+     progressMode?: CircularProgressMode;
+     progressValue?: number;
+     tag?: string | null;
+     badgeControl?: AutomationButtonBadgeControl;
+     badgeCommandLocked?: AutomationButtonBadgeCommandLocked;
+     badgeInterlock?: AutomationButtonBadgeInterlock;
+     badgeAlert?: AutomationButtonBadgeAlert;
      alternativeIcon?: BipolarTransistorAlternativeIcon
    }
       export interface Events {

package/dist/automation/bipolar-transistor/ObcBipolarTransistor.svelte.d.ts

@@ -1,9 +1,41 @@
 import '@oicl/openbridge-webcomponents/dist/automation/bipolar-transistor/bipolar-transistor.js';
+import type { SquaredVariant } from '@oicl/openbridge-webcomponents/dist/automation/automation-button/abstract-automation-button-squared.js';
+import type { AutomationButtonOrientation, AutomationButtonReadoutPosition, AutomationButtonPositioning } from '@oicl/openbridge-webcomponents/dist/automation/automation-button/automation-button.js';
+import type { AutomationButtonReadoutStackSize } from '@oicl/openbridge-webcomponents/dist/components/automation-button-readout-stack/automation-button-readout-stack.js';
+import type { ObcAlertFrameType, ObcAlertFrameThickness, ObcAlertFrameMode } from '@oicl/openbridge-webcomponents/dist/components/alert-frame/alert-frame.js';
+import type { AlertType } from '@oicl/openbridge-webcomponents/dist/types.js';
+import type { CircularProgressMode } from '@oicl/openbridge-webcomponents/dist/building-blocks/circular-progress/circular-progress.js';
+import type { AutomationButtonBadgeControl, AutomationButtonBadgeCommandLocked, AutomationButtonBadgeInterlock, AutomationButtonBadgeAlert } from '@oicl/openbridge-webcomponents/dist/automation/automation-button/abstract-automation-button.js';
 import type { BipolarTransistorAlternativeIcon } from '@oicl/openbridge-webcomponents/dist/automation/bipolar-transistor/bipolar-transistor.js';
 import type { Snippet } from 'svelte';
 export interface Props {
     class?: string;
     style?: string;
+    on?: boolean;
+    variant?: SquaredVariant;
+    orientation?: AutomationButtonOrientation;
+    showReadoutStack?: boolean;
+    readoutPosition?: AutomationButtonReadoutPosition;
+    readoutSize?: AutomationButtonReadoutStackSize;
+    positioning?: AutomationButtonPositioning;
+    /** Enables the activated background color, used to indicate that the button is activated/selected. */
+    activated?: boolean;
+    alert?: boolean;
+    alertFrameType?: ObcAlertFrameType;
+    alertFrameThickness?: ObcAlertFrameThickness;
+    alertFrameStatus?: AlertType;
+    alertFrameMode?: ObcAlertFrameMode;
+    showAlertCategoryIcon?: boolean;
+    showAlertIcon?: boolean;
+    /** Shows a progress indicator, used to indicate that an user action is in progress */
+    progress?: boolean;
+    progressMode?: CircularProgressMode;
+    progressValue?: number;
+    tag?: string | null;
+    badgeControl?: AutomationButtonBadgeControl;
+    badgeCommandLocked?: AutomationButtonBadgeCommandLocked;
+    badgeInterlock?: AutomationButtonBadgeInterlock;
+    badgeAlert?: AutomationButtonBadgeAlert;
     alternativeIcon?: BipolarTransistorAlternativeIcon;
 }
 export interface Events {
@@ -13,6 +45,20 @@ export interface Slots {
 }
 type $$ComponentProps = Props & Events & Slots;
 declare const ObcBipolarTransistor: import("svelte").Component<$$ComponentProps, {
+    SquaredVariant: typeof SquaredVariant;
+    AutomationButtonOrientation: typeof AutomationButtonOrientation;
+    AutomationButtonReadoutPosition: typeof AutomationButtonReadoutPosition;
+    AutomationButtonPositioning: typeof AutomationButtonPositioning;
+    AutomationButtonReadoutStackSize: typeof AutomationButtonReadoutStackSize;
+    ObcAlertFrameType: typeof ObcAlertFrameType;
+    ObcAlertFrameThickness: typeof ObcAlertFrameThickness;
+    ObcAlertFrameMode: typeof ObcAlertFrameMode;
+    AlertType: typeof AlertType;
+    CircularProgressMode: typeof CircularProgressMode;
+    AutomationButtonBadgeControl: typeof AutomationButtonBadgeControl;
+    AutomationButtonBadgeCommandLocked: typeof AutomationButtonBadgeCommandLocked;
+    AutomationButtonBadgeInterlock: typeof AutomationButtonBadgeInterlock;
+    AutomationButtonBadgeAlert: typeof AutomationButtonBadgeAlert;
     BipolarTransistorAlternativeIcon: typeof BipolarTransistorAlternativeIcon;
 }, "">;
 type ObcBipolarTransistor = ReturnType<typeof ObcBipolarTransistor>;

package/dist/automation/bus/ObcBus.svelte

@@ -0,0 +1,41 @@
+
+  <script lang="ts">
+    export type {BusSize, BusVariant} from '@oicl/openbridge-webcomponents/dist/automation/bus/bus.js';
+      import '@oicl/openbridge-webcomponents/dist/automation/bus/bus.js';
+      import { setProperties } from "../../util.js";
+      import type {BusSize, BusVariant} from '@oicl/openbridge-webcomponents/dist/automation/bus/bus.js';
+      import type { Snippet } from 'svelte';
+
+      export interface Props {
+     class?: string;
+     style?: string;
+      /** Centered label text; the bar renders empty when omitted. */
+label?: string;
+      /** Bar height and typography preset. */
+size?: BusSize;
+      /** Color family of the bar. */
+variant?: BusVariant;
+      /** Use the light (tinted) color pairing of the selected variant. */
+tint?: boolean;
+      /** Render the bar vertically with the label rotated 90° clockwise. */
+vertical?: boolean
+   }
+      export interface Events {
+    
+  }
+      export interface Slots {
+  children?: Snippet
+}
+      const { class: className, style, children, ...props} = $props<Props & Events & Slots>();
+
+    </script>
+    <obc-bus
+    use:setProperties={props}
+    class={className}
+    style={style}
+     >
+      
+    {#if children}
+      {@render children()}
+    {/if}
+    </obc-bus>

package/dist/automation/bus/ObcBus.svelte.d.ts

@@ -0,0 +1,29 @@
+import '@oicl/openbridge-webcomponents/dist/automation/bus/bus.js';
+import type { BusSize, BusVariant } from '@oicl/openbridge-webcomponents/dist/automation/bus/bus.js';
+import type { Snippet } from 'svelte';
+export interface Props {
+    class?: string;
+    style?: string;
+    /** Centered label text; the bar renders empty when omitted. */
+    label?: string;
+    /** Bar height and typography preset. */
+    size?: BusSize;
+    /** Color family of the bar. */
+    variant?: BusVariant;
+    /** Use the light (tinted) color pairing of the selected variant. */
+    tint?: boolean;
+    /** Render the bar vertically with the label rotated 90° clockwise. */
+    vertical?: boolean;
+}
+export interface Events {
+}
+export interface Slots {
+    children?: Snippet;
+}
+type $$ComponentProps = Props & Events & Slots;
+declare const ObcBus: import("svelte").Component<$$ComponentProps, {
+    BusSize: typeof BusSize;
+    BusVariant: typeof BusVariant;
+}, "">;
+type ObcBus = ReturnType<typeof ObcBus>;
+export default ObcBus;

package/dist/automation/capacitor/ObcCapacitor.svelte

@@ -1,14 +1,53 @@
 
   <script lang="ts">
-    export type {CapacitorAlternativeIcon} from '@oicl/openbridge-webcomponents/dist/automation/capacitor/capacitor.js';
+    export type {SquaredVariant} from '@oicl/openbridge-webcomponents/dist/automation/automation-button/abstract-automation-button-squared.js';
+export type {AutomationButtonOrientation, AutomationButtonReadoutPosition, AutomationButtonPositioning} from '@oicl/openbridge-webcomponents/dist/automation/automation-button/automation-button.js';
+export type {AutomationButtonReadoutStackSize} from '@oicl/openbridge-webcomponents/dist/components/automation-button-readout-stack/automation-button-readout-stack.js';
+export type {ObcAlertFrameType, ObcAlertFrameThickness, ObcAlertFrameMode} from '@oicl/openbridge-webcomponents/dist/components/alert-frame/alert-frame.js';
+export type {AlertType} from '@oicl/openbridge-webcomponents/dist/types.js';
+export type {CircularProgressMode} from '@oicl/openbridge-webcomponents/dist/building-blocks/circular-progress/circular-progress.js';
+export type {AutomationButtonBadgeControl, AutomationButtonBadgeCommandLocked, AutomationButtonBadgeInterlock, AutomationButtonBadgeAlert} from '@oicl/openbridge-webcomponents/dist/automation/automation-button/abstract-automation-button.js';
+export type {CapacitorAlternativeIcon} from '@oicl/openbridge-webcomponents/dist/automation/capacitor/capacitor.js';
       import '@oicl/openbridge-webcomponents/dist/automation/capacitor/capacitor.js';
       import { setProperties } from "../../util.js";
-      import type {CapacitorAlternativeIcon} from '@oicl/openbridge-webcomponents/dist/automation/capacitor/capacitor.js';
+      import type {SquaredVariant} from '@oicl/openbridge-webcomponents/dist/automation/automation-button/abstract-automation-button-squared.js';
+import type {AutomationButtonOrientation, AutomationButtonReadoutPosition, AutomationButtonPositioning} from '@oicl/openbridge-webcomponents/dist/automation/automation-button/automation-button.js';
+import type {AutomationButtonReadoutStackSize} from '@oicl/openbridge-webcomponents/dist/components/automation-button-readout-stack/automation-button-readout-stack.js';
+import type {ObcAlertFrameType, ObcAlertFrameThickness, ObcAlertFrameMode} from '@oicl/openbridge-webcomponents/dist/components/alert-frame/alert-frame.js';
+import type {AlertType} from '@oicl/openbridge-webcomponents/dist/types.js';
+import type {CircularProgressMode} from '@oicl/openbridge-webcomponents/dist/building-blocks/circular-progress/circular-progress.js';
+import type {AutomationButtonBadgeControl, AutomationButtonBadgeCommandLocked, AutomationButtonBadgeInterlock, AutomationButtonBadgeAlert} from '@oicl/openbridge-webcomponents/dist/automation/automation-button/abstract-automation-button.js';
+import type {CapacitorAlternativeIcon} from '@oicl/openbridge-webcomponents/dist/automation/capacitor/capacitor.js';
       import type { Snippet } from 'svelte';
 
       export interface Props {
      class?: string;
      style?: string;
+     on?: boolean;
+     variant?: SquaredVariant;
+     orientation?: AutomationButtonOrientation;
+     showReadoutStack?: boolean;
+     readoutPosition?: AutomationButtonReadoutPosition;
+     readoutSize?: AutomationButtonReadoutStackSize;
+     positioning?: AutomationButtonPositioning;
+      /** Enables the activated background color, used to indicate that the button is activated/selected. */
+activated?: boolean;
+     alert?: boolean;
+     alertFrameType?: ObcAlertFrameType;
+     alertFrameThickness?: ObcAlertFrameThickness;
+     alertFrameStatus?: AlertType;
+     alertFrameMode?: ObcAlertFrameMode;
+     showAlertCategoryIcon?: boolean;
+     showAlertIcon?: boolean;
+      /** Shows a progress indicator, used to indicate that an user action is in progress */
+progress?: boolean;
+     progressMode?: CircularProgressMode;
+     progressValue?: number;
+     tag?: string | null;
+     badgeControl?: AutomationButtonBadgeControl;
+     badgeCommandLocked?: AutomationButtonBadgeCommandLocked;
+     badgeInterlock?: AutomationButtonBadgeInterlock;
+     badgeAlert?: AutomationButtonBadgeAlert;
      alternativeIcon?: CapacitorAlternativeIcon
    }
       export interface Events {

package/dist/automation/capacitor/ObcCapacitor.svelte.d.ts

@@ -1,9 +1,41 @@
 import '@oicl/openbridge-webcomponents/dist/automation/capacitor/capacitor.js';
+import type { SquaredVariant } from '@oicl/openbridge-webcomponents/dist/automation/automation-button/abstract-automation-button-squared.js';
+import type { AutomationButtonOrientation, AutomationButtonReadoutPosition, AutomationButtonPositioning } from '@oicl/openbridge-webcomponents/dist/automation/automation-button/automation-button.js';
+import type { AutomationButtonReadoutStackSize } from '@oicl/openbridge-webcomponents/dist/components/automation-button-readout-stack/automation-button-readout-stack.js';
+import type { ObcAlertFrameType, ObcAlertFrameThickness, ObcAlertFrameMode } from '@oicl/openbridge-webcomponents/dist/components/alert-frame/alert-frame.js';
+import type { AlertType } from '@oicl/openbridge-webcomponents/dist/types.js';
+import type { CircularProgressMode } from '@oicl/openbridge-webcomponents/dist/building-blocks/circular-progress/circular-progress.js';
+import type { AutomationButtonBadgeControl, AutomationButtonBadgeCommandLocked, AutomationButtonBadgeInterlock, AutomationButtonBadgeAlert } from '@oicl/openbridge-webcomponents/dist/automation/automation-button/abstract-automation-button.js';
 import type { CapacitorAlternativeIcon } from '@oicl/openbridge-webcomponents/dist/automation/capacitor/capacitor.js';
 import type { Snippet } from 'svelte';
 export interface Props {
     class?: string;
     style?: string;
+    on?: boolean;
+    variant?: SquaredVariant;
+    orientation?: AutomationButtonOrientation;
+    showReadoutStack?: boolean;
+    readoutPosition?: AutomationButtonReadoutPosition;
+    readoutSize?: AutomationButtonReadoutStackSize;
+    positioning?: AutomationButtonPositioning;
+    /** Enables the activated background color, used to indicate that the button is activated/selected. */
+    activated?: boolean;
+    alert?: boolean;
+    alertFrameType?: ObcAlertFrameType;
+    alertFrameThickness?: ObcAlertFrameThickness;
+    alertFrameStatus?: AlertType;
+    alertFrameMode?: ObcAlertFrameMode;
+    showAlertCategoryIcon?: boolean;
+    showAlertIcon?: boolean;
+    /** Shows a progress indicator, used to indicate that an user action is in progress */
+    progress?: boolean;
+    progressMode?: CircularProgressMode;
+    progressValue?: number;
+    tag?: string | null;
+    badgeControl?: AutomationButtonBadgeControl;
+    badgeCommandLocked?: AutomationButtonBadgeCommandLocked;
+    badgeInterlock?: AutomationButtonBadgeInterlock;
+    badgeAlert?: AutomationButtonBadgeAlert;
     alternativeIcon?: CapacitorAlternativeIcon;
 }
 export interface Events {
@@ -13,6 +45,20 @@ export interface Slots {
 }
 type $$ComponentProps = Props & Events & Slots;
 declare const ObcCapacitor: import("svelte").Component<$$ComponentProps, {
+    SquaredVariant: typeof SquaredVariant;
+    AutomationButtonOrientation: typeof AutomationButtonOrientation;
+    AutomationButtonReadoutPosition: typeof AutomationButtonReadoutPosition;
+    AutomationButtonPositioning: typeof AutomationButtonPositioning;
+    AutomationButtonReadoutStackSize: typeof AutomationButtonReadoutStackSize;
+    ObcAlertFrameType: typeof ObcAlertFrameType;
+    ObcAlertFrameThickness: typeof ObcAlertFrameThickness;
+    ObcAlertFrameMode: typeof ObcAlertFrameMode;
+    AlertType: typeof AlertType;
+    CircularProgressMode: typeof CircularProgressMode;
+    AutomationButtonBadgeControl: typeof AutomationButtonBadgeControl;
+    AutomationButtonBadgeCommandLocked: typeof AutomationButtonBadgeCommandLocked;
+    AutomationButtonBadgeInterlock: typeof AutomationButtonBadgeInterlock;
+    AutomationButtonBadgeAlert: typeof AutomationButtonBadgeAlert;
     CapacitorAlternativeIcon: typeof CapacitorAlternativeIcon;
 }, "">;
 type ObcCapacitor = ReturnType<typeof ObcCapacitor>;

package/dist/automation/converter/ObcConverter.svelte

@@ -1,14 +1,53 @@
 
   <script lang="ts">
-    export type {ConverterAlternativeIcon} from '@oicl/openbridge-webcomponents/dist/automation/converter/converter.js';
+    export type {SquaredVariant} from '@oicl/openbridge-webcomponents/dist/automation/automation-button/abstract-automation-button-squared.js';
+export type {AutomationButtonOrientation, AutomationButtonReadoutPosition, AutomationButtonPositioning} from '@oicl/openbridge-webcomponents/dist/automation/automation-button/automation-button.js';
+export type {AutomationButtonReadoutStackSize} from '@oicl/openbridge-webcomponents/dist/components/automation-button-readout-stack/automation-button-readout-stack.js';
+export type {ObcAlertFrameType, ObcAlertFrameThickness, ObcAlertFrameMode} from '@oicl/openbridge-webcomponents/dist/components/alert-frame/alert-frame.js';
+export type {AlertType} from '@oicl/openbridge-webcomponents/dist/types.js';
+export type {CircularProgressMode} from '@oicl/openbridge-webcomponents/dist/building-blocks/circular-progress/circular-progress.js';
+export type {AutomationButtonBadgeControl, AutomationButtonBadgeCommandLocked, AutomationButtonBadgeInterlock, AutomationButtonBadgeAlert} from '@oicl/openbridge-webcomponents/dist/automation/automation-button/abstract-automation-button.js';
+export type {ConverterAlternativeIcon} from '@oicl/openbridge-webcomponents/dist/automation/converter/converter.js';
       import '@oicl/openbridge-webcomponents/dist/automation/converter/converter.js';
       import { setProperties } from "../../util.js";
-      import type {ConverterAlternativeIcon} from '@oicl/openbridge-webcomponents/dist/automation/converter/converter.js';
+      import type {SquaredVariant} from '@oicl/openbridge-webcomponents/dist/automation/automation-button/abstract-automation-button-squared.js';
+import type {AutomationButtonOrientation, AutomationButtonReadoutPosition, AutomationButtonPositioning} from '@oicl/openbridge-webcomponents/dist/automation/automation-button/automation-button.js';
+import type {AutomationButtonReadoutStackSize} from '@oicl/openbridge-webcomponents/dist/components/automation-button-readout-stack/automation-button-readout-stack.js';
+import type {ObcAlertFrameType, ObcAlertFrameThickness, ObcAlertFrameMode} from '@oicl/openbridge-webcomponents/dist/components/alert-frame/alert-frame.js';
+import type {AlertType} from '@oicl/openbridge-webcomponents/dist/types.js';
+import type {CircularProgressMode} from '@oicl/openbridge-webcomponents/dist/building-blocks/circular-progress/circular-progress.js';
+import type {AutomationButtonBadgeControl, AutomationButtonBadgeCommandLocked, AutomationButtonBadgeInterlock, AutomationButtonBadgeAlert} from '@oicl/openbridge-webcomponents/dist/automation/automation-button/abstract-automation-button.js';
+import type {ConverterAlternativeIcon} from '@oicl/openbridge-webcomponents/dist/automation/converter/converter.js';
       import type { Snippet } from 'svelte';
 
       export interface Props {
      class?: string;
      style?: string;
+     on?: boolean;
+     variant?: SquaredVariant;
+     orientation?: AutomationButtonOrientation;
+     showReadoutStack?: boolean;
+     readoutPosition?: AutomationButtonReadoutPosition;
+     readoutSize?: AutomationButtonReadoutStackSize;
+     positioning?: AutomationButtonPositioning;
+      /** Enables the activated background color, used to indicate that the button is activated/selected. */
+activated?: boolean;
+     alert?: boolean;
+     alertFrameType?: ObcAlertFrameType;
+     alertFrameThickness?: ObcAlertFrameThickness;
+     alertFrameStatus?: AlertType;
+     alertFrameMode?: ObcAlertFrameMode;
+     showAlertCategoryIcon?: boolean;
+     showAlertIcon?: boolean;
+      /** Shows a progress indicator, used to indicate that an user action is in progress */
+progress?: boolean;
+     progressMode?: CircularProgressMode;
+     progressValue?: number;
+     tag?: string | null;
+     badgeControl?: AutomationButtonBadgeControl;
+     badgeCommandLocked?: AutomationButtonBadgeCommandLocked;
+     badgeInterlock?: AutomationButtonBadgeInterlock;
+     badgeAlert?: AutomationButtonBadgeAlert;
      alternativeIcon?: ConverterAlternativeIcon
    }
       export interface Events {

package/dist/automation/converter/ObcConverter.svelte.d.ts

@@ -1,9 +1,41 @@
 import '@oicl/openbridge-webcomponents/dist/automation/converter/converter.js';
+import type { SquaredVariant } from '@oicl/openbridge-webcomponents/dist/automation/automation-button/abstract-automation-button-squared.js';
+import type { AutomationButtonOrientation, AutomationButtonReadoutPosition, AutomationButtonPositioning } from '@oicl/openbridge-webcomponents/dist/automation/automation-button/automation-button.js';
+import type { AutomationButtonReadoutStackSize } from '@oicl/openbridge-webcomponents/dist/components/automation-button-readout-stack/automation-button-readout-stack.js';
+import type { ObcAlertFrameType, ObcAlertFrameThickness, ObcAlertFrameMode } from '@oicl/openbridge-webcomponents/dist/components/alert-frame/alert-frame.js';
+import type { AlertType } from '@oicl/openbridge-webcomponents/dist/types.js';
+import type { CircularProgressMode } from '@oicl/openbridge-webcomponents/dist/building-blocks/circular-progress/circular-progress.js';
+import type { AutomationButtonBadgeControl, AutomationButtonBadgeCommandLocked, AutomationButtonBadgeInterlock, AutomationButtonBadgeAlert } from '@oicl/openbridge-webcomponents/dist/automation/automation-button/abstract-automation-button.js';
 import type { ConverterAlternativeIcon } from '@oicl/openbridge-webcomponents/dist/automation/converter/converter.js';
 import type { Snippet } from 'svelte';
 export interface Props {
     class?: string;
     style?: string;
+    on?: boolean;
+    variant?: SquaredVariant;
+    orientation?: AutomationButtonOrientation;
+    showReadoutStack?: boolean;
+    readoutPosition?: AutomationButtonReadoutPosition;
+    readoutSize?: AutomationButtonReadoutStackSize;
+    positioning?: AutomationButtonPositioning;
+    /** Enables the activated background color, used to indicate that the button is activated/selected. */
+    activated?: boolean;
+    alert?: boolean;
+    alertFrameType?: ObcAlertFrameType;
+    alertFrameThickness?: ObcAlertFrameThickness;
+    alertFrameStatus?: AlertType;
+    alertFrameMode?: ObcAlertFrameMode;
+    showAlertCategoryIcon?: boolean;
+    showAlertIcon?: boolean;
+    /** Shows a progress indicator, used to indicate that an user action is in progress */
+    progress?: boolean;
+    progressMode?: CircularProgressMode;
+    progressValue?: number;
+    tag?: string | null;
+    badgeControl?: AutomationButtonBadgeControl;
+    badgeCommandLocked?: AutomationButtonBadgeCommandLocked;
+    badgeInterlock?: AutomationButtonBadgeInterlock;
+    badgeAlert?: AutomationButtonBadgeAlert;
     alternativeIcon?: ConverterAlternativeIcon;
 }
 export interface Events {
@@ -13,6 +45,20 @@ export interface Slots {
 }
 type $$ComponentProps = Props & Events & Slots;
 declare const ObcConverter: import("svelte").Component<$$ComponentProps, {
+    SquaredVariant: typeof SquaredVariant;
+    AutomationButtonOrientation: typeof AutomationButtonOrientation;
+    AutomationButtonReadoutPosition: typeof AutomationButtonReadoutPosition;
+    AutomationButtonPositioning: typeof AutomationButtonPositioning;
+    AutomationButtonReadoutStackSize: typeof AutomationButtonReadoutStackSize;
+    ObcAlertFrameType: typeof ObcAlertFrameType;
+    ObcAlertFrameThickness: typeof ObcAlertFrameThickness;
+    ObcAlertFrameMode: typeof ObcAlertFrameMode;
+    AlertType: typeof AlertType;
+    CircularProgressMode: typeof CircularProgressMode;
+    AutomationButtonBadgeControl: typeof AutomationButtonBadgeControl;
+    AutomationButtonBadgeCommandLocked: typeof AutomationButtonBadgeCommandLocked;
+    AutomationButtonBadgeInterlock: typeof AutomationButtonBadgeInterlock;
+    AutomationButtonBadgeAlert: typeof AutomationButtonBadgeAlert;
     ConverterAlternativeIcon: typeof ConverterAlternativeIcon;
 }, "">;
 type ObcConverter = ReturnType<typeof ObcConverter>;