@oicl/openbridge-webcomponents-svelte 2.0.0-next.8 → 2.0.0-next.80

package/README.md

@@ -28,12 +28,14 @@ We are thrilled if you would like to support the OpenBridge Web Components proje
 We invite industry partners to join our Joint Industry Project. By becoming a donor, you help secure the future of the project and gain influence over the roadmap.
 
 ### Donor Benefits
+
 By becoming a donor, you aren’t just supporting code—you’re joining a collaborative movement. To show our appreciation, donors receive a specialized benefits package valid for 12 months upon receipt of payment:
 
 - **Proudly Show Your Support:** You are authorized to use the official "OpenBridge Member" logo in your marketing materials and corporate communications.
 - **Early & Easy Access:** You gain the right to use all new releases of the project’s software components directly under the Apache License 2.0.
 
 ### How to Support
+
 If you are interested in supporting the project, please fill out this **[Support Form](https://docs.google.com/forms/d/e/1FAIpQLSc6JVRyyIease2PkUArirNkG0DeTB__YnWEovjVwISlaYdktA/viewform?usp=header)**.
 
 For more information, please contact **Torstein A. Bø** at [torstein.bo@openstudio.no](mailto:torstein.bo@openstudio.no) or contact us on [Slack](https://join.slack.com/t/openbridgegroup/shared_invite/zt-2e4clvl6s-uZLkN5L3g8O~c1UZCN1reQ).

package/dist/ar/chart-object-vessel-button/ObcChartObjectVesselButton.svelte

@@ -33,11 +33,11 @@ course?: number;
       export interface Slots {
   children?: Snippet;
   silhouette?: Snippet;
-  number?: Snippet;
-  name?: Snippet;
-  vesselImage?: Snippet
+  numberSnippet?: Snippet;
+  nameSnippet?: Snippet;
+  vesselImageSnippet?: Snippet
 }
-      const { class: className, style, children, silhouette, number, name, vesselImage, ...props} = $props<Props & Events & Slots>();
+      const { class: className, style, children, silhouette, numberSnippet, nameSnippet, vesselImageSnippet, ...props} = $props<Props & Events & Slots>();
 
     </script>
     <obc-chart-object-vessel-button
@@ -56,21 +56,21 @@ course?: number;
         </div>
       {/if}
 
-      {#if number}
+      {#if numberSnippet}
         <div slot="number">
-          {@render number()}
+          {@render numberSnippet()}
         </div>
       {/if}
 
-      {#if name}
+      {#if nameSnippet}
         <div slot="name">
-          {@render name()}
+          {@render nameSnippet()}
         </div>
       {/if}
 
-      {#if vesselImage}
+      {#if vesselImageSnippet}
         <div slot="vessel-image">
-          {@render vesselImage()}
+          {@render vesselImageSnippet()}
         </div>
       {/if}
     </obc-chart-object-vessel-button>

package/dist/ar/chart-object-vessel-button/ObcChartObjectVesselButton.svelte.d.ts

@@ -26,9 +26,9 @@ export interface Events {
 export interface Slots {
     children?: Snippet;
     silhouette?: Snippet;
-    number?: Snippet;
-    name?: Snippet;
-    vesselImage?: Snippet;
+    numberSnippet?: Snippet;
+    nameSnippet?: Snippet;
+    vesselImageSnippet?: Snippet;
 }
 type $$ComponentProps = Props & Events & Slots;
 declare const ObcChartObjectVesselButton: import("svelte").Component<$$ComponentProps, {

package/dist/automation/automation-button/ObcAbstractAutomationButton.svelte

@@ -1,40 +1,44 @@
 
   <script lang="ts">
-    export type {AutomationButtonReadoutPosition, AutomationButtonPositioning, AutomationButtonDirection} from '@oicl/openbridge-webcomponents/dist/automation/automation-button/automation-button.js';
+    export type {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, ObcAlertFrameStatus} from '@oicl/openbridge-webcomponents/dist/components/alert-frame/alert-frame.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';
       import '@oicl/openbridge-webcomponents/dist/automation/automation-button/abstract-automation-button.js';
       import { setProperties } from "../../util.js";
-      import type {AutomationButtonReadoutPosition, AutomationButtonPositioning, AutomationButtonDirection} from '@oicl/openbridge-webcomponents/dist/automation/automation-button/automation-button.js';
+      import type {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, ObcAlertFrameStatus} from '@oicl/openbridge-webcomponents/dist/components/alert-frame/alert-frame.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 { Snippet } from 'svelte';
 
       export interface Props {
      class?: string;
      style?: string;
      showReadoutStack?: boolean;
-     hasIdTag?: boolean;
      readoutPosition?: AutomationButtonReadoutPosition;
      readoutSize?: AutomationButtonReadoutStackSize;
      positioning?: AutomationButtonPositioning;
      alert?: boolean;
      alertFrameType?: ObcAlertFrameType;
      alertFrameThickness?: ObcAlertFrameThickness;
-     alertFrameStatus?: ObcAlertFrameStatus;
+     alertFrameStatus?: AlertType;
+     alertFrameMode?: ObcAlertFrameMode;
      showAlertCategoryIcon?: boolean;
      showAlertIcon?: boolean;
-     progress?: boolean;
+      /** Shows a progress indicator, used to indicate that an user action is in progress */
+progress?: boolean;
      progressMode?: CircularProgressMode;
      progressValue?: number;
-     tag?: string;
-     direction?: AutomationButtonDirection;
-     badgeAuto?: boolean;
-     badgeCommandLocked?: boolean;
-     badgeDuty?: boolean;
-     badgeAlertOff?: boolean
+     tag?: string | null;
+     badgeControl?: AutomationButtonBadgeControl;
+     badgeCommandLocked?: AutomationButtonBadgeCommandLocked;
+     badgeInterlock?: AutomationButtonBadgeInterlock;
+     badgeAlert?: AutomationButtonBadgeAlert
    }
       export interface Events {
     

package/dist/automation/automation-button/ObcAbstractAutomationButton.svelte.d.ts

@@ -1,32 +1,34 @@
 import '@oicl/openbridge-webcomponents/dist/automation/automation-button/abstract-automation-button.js';
-import type { AutomationButtonReadoutPosition, AutomationButtonPositioning, AutomationButtonDirection } from '@oicl/openbridge-webcomponents/dist/automation/automation-button/automation-button.js';
+import type { 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, ObcAlertFrameStatus } from '@oicl/openbridge-webcomponents/dist/components/alert-frame/alert-frame.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 { Snippet } from 'svelte';
 export interface Props {
     class?: string;
     style?: string;
     showReadoutStack?: boolean;
-    hasIdTag?: boolean;
     readoutPosition?: AutomationButtonReadoutPosition;
     readoutSize?: AutomationButtonReadoutStackSize;
     positioning?: AutomationButtonPositioning;
     alert?: boolean;
     alertFrameType?: ObcAlertFrameType;
     alertFrameThickness?: ObcAlertFrameThickness;
-    alertFrameStatus?: ObcAlertFrameStatus;
+    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;
-    direction?: AutomationButtonDirection;
-    badgeAuto?: boolean;
-    badgeCommandLocked?: boolean;
-    badgeDuty?: boolean;
-    badgeAlertOff?: boolean;
+    tag?: string | null;
+    badgeControl?: AutomationButtonBadgeControl;
+    badgeCommandLocked?: AutomationButtonBadgeCommandLocked;
+    badgeInterlock?: AutomationButtonBadgeInterlock;
+    badgeAlert?: AutomationButtonBadgeAlert;
 }
 export interface Events {
 }
@@ -37,12 +39,16 @@ type $$ComponentProps = Props & Events & Slots;
 declare const ObcAbstractAutomationButton: import("svelte").Component<$$ComponentProps, {
     AutomationButtonReadoutPosition: typeof AutomationButtonReadoutPosition;
     AutomationButtonPositioning: typeof AutomationButtonPositioning;
-    AutomationButtonDirection: typeof AutomationButtonDirection;
     AutomationButtonReadoutStackSize: typeof AutomationButtonReadoutStackSize;
     ObcAlertFrameType: typeof ObcAlertFrameType;
     ObcAlertFrameThickness: typeof ObcAlertFrameThickness;
-    ObcAlertFrameStatus: typeof ObcAlertFrameStatus;
+    ObcAlertFrameMode: typeof ObcAlertFrameMode;
+    AlertType: typeof AlertType;
     CircularProgressMode: typeof CircularProgressMode;
+    AutomationButtonBadgeControl: typeof AutomationButtonBadgeControl;
+    AutomationButtonBadgeCommandLocked: typeof AutomationButtonBadgeCommandLocked;
+    AutomationButtonBadgeInterlock: typeof AutomationButtonBadgeInterlock;
+    AutomationButtonBadgeAlert: typeof AutomationButtonBadgeAlert;
 }, "">;
 type ObcAbstractAutomationButton = ReturnType<typeof ObcAbstractAutomationButton>;
 export default ObcAbstractAutomationButton;

package/dist/automation/automation-button/ObcAbstractAutomationButtonMotorized.svelte

@@ -1,10 +1,10 @@
 
   <script lang="ts">
-    export type {AutomationButtonLabelDirection} from '@oicl/openbridge-webcomponents/dist/automation/automation-button/automation-button.js';
+    export type {AutomationButtonLabelDirection, AutomationButtonDirection} from '@oicl/openbridge-webcomponents/dist/automation/automation-button/automation-button.js';
 export type {MotorizedVariant} from '@oicl/openbridge-webcomponents/dist/automation/automation-button/abstract-automation-button-motorized.js';
       import '@oicl/openbridge-webcomponents/dist/automation/automation-button/abstract-automation-button-motorized.js';
       import { setProperties } from "../../util.js";
-      import type {AutomationButtonLabelDirection} from '@oicl/openbridge-webcomponents/dist/automation/automation-button/automation-button.js';
+      import type {AutomationButtonLabelDirection, AutomationButtonDirection} from '@oicl/openbridge-webcomponents/dist/automation/automation-button/automation-button.js';
 import type {MotorizedVariant} from '@oicl/openbridge-webcomponents/dist/automation/automation-button/abstract-automation-button-motorized.js';
       import type { Snippet } from 'svelte';
 
@@ -13,8 +13,12 @@ import type {MotorizedVariant} from '@oicl/openbridge-webcomponents/dist/automat
      style?: string;
      on?: boolean;
      speedInPercent?: number;
+     speed?: number | undefined;
+     speedUnit?: string;
+     speedMaxDigits?: number;
      labelDirection?: AutomationButtonLabelDirection;
-     variant?: MotorizedVariant
+     variant?: MotorizedVariant;
+     direction?: AutomationButtonDirection
    }
       export interface Events {
     

package/dist/automation/automation-button/ObcAbstractAutomationButtonMotorized.svelte.d.ts

@@ -1,5 +1,5 @@
 import '@oicl/openbridge-webcomponents/dist/automation/automation-button/abstract-automation-button-motorized.js';
-import type { AutomationButtonLabelDirection } from '@oicl/openbridge-webcomponents/dist/automation/automation-button/automation-button.js';
+import type { AutomationButtonLabelDirection, AutomationButtonDirection } from '@oicl/openbridge-webcomponents/dist/automation/automation-button/automation-button.js';
 import type { MotorizedVariant } from '@oicl/openbridge-webcomponents/dist/automation/automation-button/abstract-automation-button-motorized.js';
 import type { Snippet } from 'svelte';
 export interface Props {
@@ -7,8 +7,12 @@ export interface Props {
     style?: string;
     on?: boolean;
     speedInPercent?: number;
+    speed?: number | undefined;
+    speedUnit?: string;
+    speedMaxDigits?: number;
     labelDirection?: AutomationButtonLabelDirection;
     variant?: MotorizedVariant;
+    direction?: AutomationButtonDirection;
 }
 export interface Events {
 }
@@ -18,6 +22,7 @@ export interface Slots {
 type $$ComponentProps = Props & Events & Slots;
 declare const ObcAbstractAutomationButtonMotorized: import("svelte").Component<$$ComponentProps, {
     AutomationButtonLabelDirection: typeof AutomationButtonLabelDirection;
+    AutomationButtonDirection: typeof AutomationButtonDirection;
     MotorizedVariant: typeof MotorizedVariant;
 }, "">;
 type ObcAbstractAutomationButtonMotorized = ReturnType<typeof ObcAbstractAutomationButtonMotorized>;

package/dist/automation/automation-button/ObcAbstractAutomationButtonSquared.svelte

@@ -1,16 +1,19 @@
 
   <script lang="ts">
     export type {SquaredVariant} from '@oicl/openbridge-webcomponents/dist/automation/automation-button/abstract-automation-button-squared.js';
+export type {AutomationButtonOrientation} from '@oicl/openbridge-webcomponents/dist/automation/automation-button/automation-button.js';
       import '@oicl/openbridge-webcomponents/dist/automation/automation-button/abstract-automation-button-squared.js';
       import { setProperties } from "../../util.js";
       import type {SquaredVariant} from '@oicl/openbridge-webcomponents/dist/automation/automation-button/abstract-automation-button-squared.js';
+import type {AutomationButtonOrientation} from '@oicl/openbridge-webcomponents/dist/automation/automation-button/automation-button.js';
       import type { Snippet } from 'svelte';
 
       export interface Props {
      class?: string;
      style?: string;
      on?: boolean;
-     variant?: SquaredVariant
+     variant?: SquaredVariant;
+     orientation?: AutomationButtonOrientation
    }
       export interface Events {
     

package/dist/automation/automation-button/ObcAbstractAutomationButtonSquared.svelte.d.ts

@@ -1,11 +1,13 @@
 import '@oicl/openbridge-webcomponents/dist/automation/automation-button/abstract-automation-button-squared.js';
 import type { SquaredVariant } from '@oicl/openbridge-webcomponents/dist/automation/automation-button/abstract-automation-button-squared.js';
+import type { AutomationButtonOrientation } from '@oicl/openbridge-webcomponents/dist/automation/automation-button/automation-button.js';
 import type { Snippet } from 'svelte';
 export interface Props {
     class?: string;
     style?: string;
     on?: boolean;
     variant?: SquaredVariant;
+    orientation?: AutomationButtonOrientation;
 }
 export interface Events {
 }
@@ -15,6 +17,7 @@ export interface Slots {
 type $$ComponentProps = Props & Events & Slots;
 declare const ObcAbstractAutomationButtonSquared: import("svelte").Component<$$ComponentProps, {
     SquaredVariant: typeof SquaredVariant;
+    AutomationButtonOrientation: typeof AutomationButtonOrientation;
 }, "">;
 type ObcAbstractAutomationButtonSquared = ReturnType<typeof ObcAbstractAutomationButtonSquared>;
 export default ObcAbstractAutomationButtonSquared;

package/dist/automation/automation-button/ObcAutomationButton.svelte

@@ -1,14 +1,16 @@
 
   <script lang="ts">
-    export type {AutomationButtonVariant, AutomationButtonState, AutomationButtonReadoutPosition, AutomationButtonDirection, AutomationButtonPositioning} from '@oicl/openbridge-webcomponents/dist/automation/automation-button/automation-button.js';
-export type {AutomationButtonReadoutStack, AutomationButtonReadoutStackTag, AutomationButtonReadoutStackSize} from '@oicl/openbridge-webcomponents/dist/components/automation-button-readout-stack/automation-button-readout-stack.js';
-export type {ObcAlertFrameType, ObcAlertFrameThickness, ObcAlertFrameStatus} from '@oicl/openbridge-webcomponents/dist/components/alert-frame/alert-frame.js';
+    export type {AutomationButtonVariant, AutomationButtonState, AutomationButtonReadoutPosition, AutomationButtonDirection, AutomationButtonPositioning, AutomationButtonOrientation} from '@oicl/openbridge-webcomponents/dist/automation/automation-button/automation-button.js';
+export type {AutomationButtonReadoutStack, 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';
       import '@oicl/openbridge-webcomponents/dist/automation/automation-button/automation-button.js';
       import { setProperties } from "../../util.js";
-      import type {AutomationButtonVariant, AutomationButtonState, AutomationButtonReadoutPosition, AutomationButtonDirection, AutomationButtonPositioning} from '@oicl/openbridge-webcomponents/dist/automation/automation-button/automation-button.js';
-import type {AutomationButtonReadoutStack, AutomationButtonReadoutStackTag, AutomationButtonReadoutStackSize} from '@oicl/openbridge-webcomponents/dist/components/automation-button-readout-stack/automation-button-readout-stack.js';
-import type {ObcAlertFrameType, ObcAlertFrameThickness, ObcAlertFrameStatus} from '@oicl/openbridge-webcomponents/dist/components/alert-frame/alert-frame.js';
+      import type {AutomationButtonVariant, AutomationButtonState, AutomationButtonReadoutPosition, AutomationButtonDirection, AutomationButtonPositioning, AutomationButtonOrientation} from '@oicl/openbridge-webcomponents/dist/automation/automation-button/automation-button.js';
+import type {AutomationButtonReadoutStack, 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 { Snippet } from 'svelte';
 
@@ -20,14 +22,14 @@ import type {CircularProgressMode} from '@oicl/openbridge-webcomponents/dist/bui
      static?: boolean;
      showReadoutStack?: boolean;
      readouts?: AutomationButtonReadoutStack[];
-     tag?: AutomationButtonReadoutStackTag | null;
-     hasIdTag?: boolean;
+     tag?: string | null;
      readoutPosition?: AutomationButtonReadoutPosition;
      readoutSize?: AutomationButtonReadoutStackSize;
      alert?: boolean;
      alertFrameType?: ObcAlertFrameType;
      alertFrameThickness?: ObcAlertFrameThickness;
-     alertFrameStatus?: ObcAlertFrameStatus;
+     alertFrameStatus?: AlertType;
+     alertFrameMode?: ObcAlertFrameMode;
      showAlertCategoryIcon?: boolean;
      showAlertIcon?: boolean;
      progress?: boolean;
@@ -35,6 +37,7 @@ import type {CircularProgressMode} from '@oicl/openbridge-webcomponents/dist/bui
      progressValue?: number;
      direction?: AutomationButtonDirection;
      positioning?: AutomationButtonPositioning;
+     orientation?: AutomationButtonOrientation;
       /** Badge spacer should be set to true if there is a badge on the same side as the label */
 hasBadgeSpacer?: boolean
    }

package/dist/automation/automation-button/ObcAutomationButton.svelte.d.ts

@@ -1,7 +1,8 @@
 import '@oicl/openbridge-webcomponents/dist/automation/automation-button/automation-button.js';
-import type { AutomationButtonVariant, AutomationButtonState, AutomationButtonReadoutPosition, AutomationButtonDirection, AutomationButtonPositioning } from '@oicl/openbridge-webcomponents/dist/automation/automation-button/automation-button.js';
-import type { AutomationButtonReadoutStack, AutomationButtonReadoutStackTag, AutomationButtonReadoutStackSize } from '@oicl/openbridge-webcomponents/dist/components/automation-button-readout-stack/automation-button-readout-stack.js';
-import type { ObcAlertFrameType, ObcAlertFrameThickness, ObcAlertFrameStatus } from '@oicl/openbridge-webcomponents/dist/components/alert-frame/alert-frame.js';
+import type { AutomationButtonVariant, AutomationButtonState, AutomationButtonReadoutPosition, AutomationButtonDirection, AutomationButtonPositioning, AutomationButtonOrientation } from '@oicl/openbridge-webcomponents/dist/automation/automation-button/automation-button.js';
+import type { AutomationButtonReadoutStack, 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 { Snippet } from 'svelte';
 export interface Props {
@@ -12,14 +13,14 @@ export interface Props {
     static?: boolean;
     showReadoutStack?: boolean;
     readouts?: AutomationButtonReadoutStack[];
-    tag?: AutomationButtonReadoutStackTag | null;
-    hasIdTag?: boolean;
+    tag?: string | null;
     readoutPosition?: AutomationButtonReadoutPosition;
     readoutSize?: AutomationButtonReadoutStackSize;
     alert?: boolean;
     alertFrameType?: ObcAlertFrameType;
     alertFrameThickness?: ObcAlertFrameThickness;
-    alertFrameStatus?: ObcAlertFrameStatus;
+    alertFrameStatus?: AlertType;
+    alertFrameMode?: ObcAlertFrameMode;
     showAlertCategoryIcon?: boolean;
     showAlertIcon?: boolean;
     progress?: boolean;
@@ -27,6 +28,7 @@ export interface Props {
     progressValue?: number;
     direction?: AutomationButtonDirection;
     positioning?: AutomationButtonPositioning;
+    orientation?: AutomationButtonOrientation;
     /** Badge spacer should be set to true if there is a badge on the same side as the label */
     hasBadgeSpacer?: boolean;
 }
@@ -42,12 +44,13 @@ declare const ObcAutomationButton: import("svelte").Component<$$ComponentProps,
     AutomationButtonReadoutPosition: typeof AutomationButtonReadoutPosition;
     AutomationButtonDirection: typeof AutomationButtonDirection;
     AutomationButtonPositioning: typeof AutomationButtonPositioning;
+    AutomationButtonOrientation: typeof AutomationButtonOrientation;
     AutomationButtonReadoutStack: typeof AutomationButtonReadoutStack;
-    AutomationButtonReadoutStackTag: typeof AutomationButtonReadoutStackTag;
     AutomationButtonReadoutStackSize: typeof AutomationButtonReadoutStackSize;
     ObcAlertFrameType: typeof ObcAlertFrameType;
     ObcAlertFrameThickness: typeof ObcAlertFrameThickness;
-    ObcAlertFrameStatus: typeof ObcAlertFrameStatus;
+    ObcAlertFrameMode: typeof ObcAlertFrameMode;
+    AlertType: typeof AlertType;
     CircularProgressMode: typeof CircularProgressMode;
 }, "">;
 type ObcAutomationButton = ReturnType<typeof ObcAutomationButton>;

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

@@ -1,11 +1,23 @@
 
   <script lang="ts">
     export type {LineMedium} from '@oicl/openbridge-webcomponents/dist/automation/index.js';
-export type {TankTrend, TankVariant} from '@oicl/openbridge-webcomponents/dist/automation/automation-tank/automation-tank.js';
+export type {TankTrend, TankType, TankOrientation, TankPositioning, TankChartMode, TankReadoutItem} from '@oicl/openbridge-webcomponents/dist/automation/automation-tank/automation-tank.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';
+export type {ObcAlertFrameType, ObcAlertFrameThickness} from '@oicl/openbridge-webcomponents/dist/components/alert-frame/alert-frame.js';
+export type {AlertType} from '@oicl/openbridge-webcomponents/dist/types.js';
+export type {AutomationButtonBadgeControl, AutomationButtonBadgeAlert, AutomationButtonBadgeInterlock, AutomationButtonBadgeCommandLocked} from '@oicl/openbridge-webcomponents/dist/automation/automation-button/abstract-automation-button.js';
       import '@oicl/openbridge-webcomponents/dist/automation/automation-tank/automation-tank.js';
       import { setProperties } from "../../util.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, TankReadoutItem} 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 {
@@ -15,16 +27,128 @@ import type {TankTrend, TankVariant} from '@oicl/openbridge-webcomponents/dist/a
      value?: number;
      max?: number;
      trend?: TankTrend;
-     variant?: TankVariant;
-     tag?: string
+     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;
+     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;
+      /** Rich detail rows shown below the main percent/value block in the regular
+(non-compact, non-static) layout, separated by a divider. When empty (the
+default), nothing is rendered — neither the divider nor the list. In
+vertical orientation the chart cell shrinks to make room; in horizontal
+orientation the readout column already has reserved whitespace so the
+chart is unaffected.
+
+Values are formatted using `percentFractionDigits`. Consumers that need
+full control over the markup can replace the entire fallback by slotting
+arbitrary content into `slot="rich"` (note: this is a different name from
+the existing `slot="readout"` which replaces the whole readout block). */
+readout?: TankReadoutItem[];
+      /** 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;
+  readoutSnippet?: Snippet;
+  maxValue?: Snippet;
+  unit?: Snippet;
+  currentValue?: Snippet;
+  rich?: Snippet;
+  alertIcon?: Snippet;
+  alertLabel?: Snippet;
+  alertTimer?: Snippet
 }
-      const { class: className, style, children, ...props} = $props<Props & Events & Slots>();
+      const { class: className, style, badges, tagSnippet, readoutSnippet, maxValue, unit, currentValue, rich, alertIcon, alertLabel, alertTimer, ...props} = $props<Props & Events & Slots>();
 
     </script>
     <obc-automation-tank
@@ -33,7 +157,63 @@ import type {TankTrend, TankVariant} from '@oicl/openbridge-webcomponents/dist/a
     style={style}
      >
       
-    {#if children}
-      {@render children()}
-    {/if}
+      {#if badges}
+        <div slot="badges">
+          {@render badges()}
+        </div>
+      {/if}
+
+      {#if tagSnippet}
+        <div slot="tag">
+          {@render tagSnippet()}
+        </div>
+      {/if}
+
+      {#if readoutSnippet}
+        <div slot="readout">
+          {@render readoutSnippet()}
+        </div>
+      {/if}
+
+      {#if maxValue}
+        <div slot="max-value">
+          {@render maxValue()}
+        </div>
+      {/if}
+
+      {#if unit}
+        <div slot="unit">
+          {@render unit()}
+        </div>
+      {/if}
+
+      {#if currentValue}
+        <div slot="current-value">
+          {@render currentValue()}
+        </div>
+      {/if}
+
+      {#if rich}
+        <div slot="rich">
+          {@render rich()}
+        </div>
+      {/if}
+
+      {#if alertIcon}
+        <div slot="alert-icon">
+          {@render alertIcon()}
+        </div>
+      {/if}
+
+      {#if alertLabel}
+        <div slot="alert-label">
+          {@render alertLabel()}
+        </div>
+      {/if}
+
+      {#if alertTimer}
+        <div slot="alert-timer">
+          {@render alertTimer()}
+        </div>
+      {/if}
     </obc-automation-tank>