@oicl/openbridge-webcomponents-svelte 2.0.0-next.13 → 2.0.0-next.130

package/dist/ar/poi-button/ObcPoiButtonVessel.svelte

@@ -1,14 +1,28 @@
 
   <script lang="ts">
-    export type {ObcPoiObjectVesselType, ObcPoiObjectVesselStyle, ObcPoiObjectVesselState} from '@oicl/openbridge-webcomponents/dist/ar/poi-object/poi-object-vessel.js';
+    export type {ObcPoiButtonLayout, ObcPoiButtonState, PoiButtonVisualState, ObcPoiButtonType, ObcPoiButtonDataItem} from '@oicl/openbridge-webcomponents/dist/ar/poi-button/poi-button.js';
+export type {ObcPoiObjectVesselType, ObcPoiObjectVesselStyle, ObcPoiObjectVesselState} from '@oicl/openbridge-webcomponents/dist/ar/poi-object/poi-object-vessel.js';
       import '@oicl/openbridge-webcomponents/dist/ar/poi-button/poi-button-vessel.js';
       import { setProperties } from "../../util.js";
-      import type {ObcPoiObjectVesselType, ObcPoiObjectVesselStyle, ObcPoiObjectVesselState} from '@oicl/openbridge-webcomponents/dist/ar/poi-object/poi-object-vessel.js';
+      import type {ObcPoiButtonLayout, ObcPoiButtonState, PoiButtonVisualState, ObcPoiButtonType, ObcPoiButtonDataItem} from '@oicl/openbridge-webcomponents/dist/ar/poi-button/poi-button.js';
+import type {ObcPoiObjectVesselType, ObcPoiObjectVesselStyle, ObcPoiObjectVesselState} from '@oicl/openbridge-webcomponents/dist/ar/poi-object/poi-object-vessel.js';
       import type { Snippet } from 'svelte';
 
       export interface Props {
      class?: string;
      style?: string;
+     relativeDirection?: number;
+     selected?: boolean;
+     layout?: ObcPoiButtonLayout;
+     hasHeader?: boolean;
+     state?: ObcPoiButtonState;
+     value?: PoiButtonVisualState;
+     overlapOpaque?: boolean;
+     type?: ObcPoiButtonType;
+     inExpandedGroup?: boolean;
+     data?: ObcPoiButtonDataItem[];
+     hasRelation?: boolean;
+     headerContent?: string;
      vesselType?: ObcPoiObjectVesselType;
      vesselStyle?: ObcPoiObjectVesselStyle;
      vesselState?: ObcPoiObjectVesselState | null;

package/dist/ar/poi-button/ObcPoiButtonVessel.svelte.d.ts

@@ -1,9 +1,22 @@
 import '@oicl/openbridge-webcomponents/dist/ar/poi-button/poi-button-vessel.js';
+import type { ObcPoiButtonLayout, ObcPoiButtonState, PoiButtonVisualState, ObcPoiButtonType, ObcPoiButtonDataItem } from '@oicl/openbridge-webcomponents/dist/ar/poi-button/poi-button.js';
 import type { ObcPoiObjectVesselType, ObcPoiObjectVesselStyle, ObcPoiObjectVesselState } from '@oicl/openbridge-webcomponents/dist/ar/poi-object/poi-object-vessel.js';
 import type { Snippet } from 'svelte';
 export interface Props {
     class?: string;
     style?: string;
+    relativeDirection?: number;
+    selected?: boolean;
+    layout?: ObcPoiButtonLayout;
+    hasHeader?: boolean;
+    state?: ObcPoiButtonState;
+    value?: PoiButtonVisualState;
+    overlapOpaque?: boolean;
+    type?: ObcPoiButtonType;
+    inExpandedGroup?: boolean;
+    data?: ObcPoiButtonDataItem[];
+    hasRelation?: boolean;
+    headerContent?: string;
     vesselType?: ObcPoiObjectVesselType;
     vesselStyle?: ObcPoiObjectVesselStyle;
     vesselState?: ObcPoiObjectVesselState | null;
@@ -20,6 +33,11 @@ export interface Slots {
 }
 type $$ComponentProps = Props & Events & Slots;
 declare const ObcPoiButtonVessel: import("svelte").Component<$$ComponentProps, {
+    ObcPoiButtonLayout: typeof ObcPoiButtonLayout;
+    ObcPoiButtonState: typeof ObcPoiButtonState;
+    PoiButtonVisualState: typeof PoiButtonVisualState;
+    ObcPoiButtonType: typeof ObcPoiButtonType;
+    ObcPoiButtonDataItem: typeof ObcPoiButtonDataItem;
     ObcPoiObjectVesselType: typeof ObcPoiObjectVesselType;
     ObcPoiObjectVesselStyle: typeof ObcPoiObjectVesselStyle;
     ObcPoiObjectVesselState: typeof ObcPoiObjectVesselState;

package/dist/ar/poi-card/ObcPoiCard.svelte

@@ -3,7 +3,7 @@
     export type {PoiCardClickDetail, PointerDirection} from '@oicl/openbridge-webcomponents/dist/ar/poi-card/poi-card.js';
 export type {ObcPoiCardHeaderVariant} from '@oicl/openbridge-webcomponents/dist/ar/poi-card-header/poi-card-header.js';
       import '@oicl/openbridge-webcomponents/dist/ar/poi-card/poi-card.js';
-      import { setProperties } from "../../util.js";
+      import { setProperties, forwardEvents } from "../../util.js";
       import type {PoiCardClickDetail, PointerDirection} from '@oicl/openbridge-webcomponents/dist/ar/poi-card/poi-card.js';
 import type {ObcPoiCardHeaderVariant} from '@oicl/openbridge-webcomponents/dist/ar/poi-card-header/poi-card-header.js';
       import type { Snippet } from 'svelte';
@@ -48,7 +48,7 @@ hasAlert?: boolean
     use:setProperties={props}
     class={className}
     style={style}
-    oncard-click={onCardClick} >
+    use:forwardEvents={{'card-click': onCardClick}} >
       
       {#if children}
         {@render children()}

package/dist/ar/poi-card-header/ObcPoiCardHeader.svelte

@@ -2,7 +2,7 @@
   <script lang="ts">
     export type {ObcPoiCardHeaderVariant} from '@oicl/openbridge-webcomponents/dist/ar/poi-card-header/poi-card-header.js';
       import '@oicl/openbridge-webcomponents/dist/ar/poi-card-header/poi-card-header.js';
-      import { setProperties } from "../../util.js";
+      import { setProperties, forwardEvents } from "../../util.js";
       import type {ObcPoiCardHeaderVariant} from '@oicl/openbridge-webcomponents/dist/ar/poi-card-header/poi-card-header.js';
       import type { Snippet } from 'svelte';
 
@@ -37,7 +37,7 @@ hasCloseButton?: boolean
     use:setProperties={props}
     class={className}
     style={style}
-    onclose-click={onCloseClick} >
+    use:forwardEvents={{'close-click': onCloseClick}} >
       
       {#if leadingIcon}
         <div slot="leading-icon">

package/dist/ar/poi-group/ObcPoiGroup.svelte

@@ -1,9 +1,9 @@
 
   <script lang="ts">
-    
+    export type {Poi} from '@oicl/openbridge-webcomponents/dist/ar/poi/poi.js';
       import '@oicl/openbridge-webcomponents/dist/ar/poi-group/poi-group.js';
-      import { setProperties } from "../../util.js";
-      
+      import { setProperties, forwardEvents } from "../../util.js";
+      import type {Poi} from '@oicl/openbridge-webcomponents/dist/ar/poi/poi.js';
       import type { Snippet } from 'svelte';
 
       export interface Props {
@@ -16,20 +16,20 @@
    }
       export interface Events {
     onExpand?: (event: CustomEvent<{expand:boolean}>) => void;
-    onCollapseFinished?: (event: CustomEvent<void>) => void
+    onCollapseFinished?: (event: CustomEvent<void>) => void;
+    onObcPoiGroupTargetReleased?: (event: CustomEvent<{target: Poi}>) => void
   }
       export interface Slots {
   children?: Snippet
 }
-      const {onExpand, onCollapseFinished, class: className, style, children, ...props} = $props<Props & Events & Slots>();
+      const {onExpand, onCollapseFinished, onObcPoiGroupTargetReleased, class: className, style, children, ...props} = $props<Props & Events & Slots>();
 
     </script>
     <obc-poi-group
     use:setProperties={props}
     class={className}
     style={style}
-    onexpand={onExpand}
-   oncollapse-finished={onCollapseFinished} >
+    use:forwardEvents={{'expand': onExpand, 'collapse-finished': onCollapseFinished, 'obc-poi-group-target-released': onObcPoiGroupTargetReleased}} >
       
       {#if children}
         {@render children()}

package/dist/ar/poi-group/ObcPoiGroup.svelte.d.ts

@@ -1,4 +1,5 @@
 import '@oicl/openbridge-webcomponents/dist/ar/poi-group/poi-group.js';
+import type { Poi } from '@oicl/openbridge-webcomponents/dist/ar/poi/poi.js';
 import type { Snippet } from 'svelte';
 export interface Props {
     class?: string;
@@ -13,11 +14,16 @@ export interface Events {
         expand: boolean;
     }>) => void;
     onCollapseFinished?: (event: CustomEvent<void>) => void;
+    onObcPoiGroupTargetReleased?: (event: CustomEvent<{
+        target: Poi;
+    }>) => void;
 }
 export interface Slots {
     children?: Snippet;
 }
 type $$ComponentProps = Props & Events & Slots;
-declare const ObcPoiGroup: import("svelte").Component<$$ComponentProps, {}, "">;
+declare const ObcPoiGroup: import("svelte").Component<$$ComponentProps, {
+    Poi: typeof Poi;
+}, "">;
 type ObcPoiGroup = ReturnType<typeof ObcPoiGroup>;
 export default ObcPoiGroup;

package/dist/ar/poi-layer/ObcPoiLayer.svelte

@@ -2,7 +2,7 @@
   <script lang="ts">
     export type {OverlapMode} from '@oicl/openbridge-webcomponents/dist/ar/poi-layer/poi-layer.js';
       import '@oicl/openbridge-webcomponents/dist/ar/poi-layer/poi-layer.js';
-      import { setProperties } from "../../util.js";
+      import { setProperties, forwardEvents } from "../../util.js";
       import type {OverlapMode} from '@oicl/openbridge-webcomponents/dist/ar/poi-layer/poi-layer.js';
       import type { Snippet } from 'svelte';
 
@@ -17,19 +17,20 @@
      internalSwapping?: boolean
    }
       export interface Events {
-    onLayerResize?: (event: CustomEvent<{height:number,label:string}>) => void
+    onLayerResize?: (event: CustomEvent<{height:number,label:string}>) => void;
+    onLayerSelectionChanged?: (event: Event) => void
   }
       export interface Slots {
   children?: Snippet
 }
-      const {onLayerResize, class: className, style, children, ...props} = $props<Props & Events & Slots>();
+      const {onLayerResize, onLayerSelectionChanged, class: className, style, children, ...props} = $props<Props & Events & Slots>();
 
     </script>
     <obc-poi-layer
     use:setProperties={props}
     class={className}
     style={style}
-    onlayer-resize={onLayerResize} >
+    use:forwardEvents={{'layer-resize': onLayerResize, 'layer-selection-changed': onLayerSelectionChanged}} >
       
       {#if children}
         {@render children()}

package/dist/ar/poi-layer/ObcPoiLayer.svelte.d.ts

@@ -16,6 +16,7 @@ export interface Events {
         height: number;
         label: string;
     }>) => void;
+    onLayerSelectionChanged?: (event: Event) => void;
 }
 export interface Slots {
     children?: Snippet;

package/dist/ar/poi-object/ObcPoiObjectAton.svelte

@@ -1,16 +1,20 @@
 
   <script lang="ts">
-    export type {ObcPoiObjectAtonType, ObcPoiObjectAtonStyle} from '@oicl/openbridge-webcomponents/dist/ar/poi-object/poi-object-aton.js';
+    export type {ObcPoiObjectAtonStyle, ObcPoiObjectAtonType} from '@oicl/openbridge-webcomponents/dist/ar/poi-object/poi-object-aton.js';
+export type {ObcPoiObjectState} from '@oicl/openbridge-webcomponents/dist/ar/poi-object/poi-object.js';
       import '@oicl/openbridge-webcomponents/dist/ar/poi-object/poi-object-aton.js';
       import { setProperties } from "../../util.js";
-      import type {ObcPoiObjectAtonType, ObcPoiObjectAtonStyle} from '@oicl/openbridge-webcomponents/dist/ar/poi-object/poi-object-aton.js';
+      import type {ObcPoiObjectAtonStyle, ObcPoiObjectAtonType} from '@oicl/openbridge-webcomponents/dist/ar/poi-object/poi-object-aton.js';
+import type {ObcPoiObjectState} from '@oicl/openbridge-webcomponents/dist/ar/poi-object/poi-object.js';
       import type { Snippet } from 'svelte';
 
       export interface Props {
      class?: string;
      style?: string;
-     type?: ObcPoiObjectAtonType;
-     objectStyle?: ObcPoiObjectAtonStyle
+     objectStyle?: ObcPoiObjectAtonStyle;
+     state?: ObcPoiObjectState;
+     interactive?: boolean;
+     type?: ObcPoiObjectAtonType
    }
       export interface Events {
     
@@ -27,7 +31,7 @@
     style={style}
      >
       
-    {#if children}
-      {@render children()}
-    {/if}
+      {#if children}
+        {@render children()}
+      {/if}
     </obc-poi-object-aton>

package/dist/ar/poi-object/ObcPoiObjectAton.svelte.d.ts

@@ -1,11 +1,14 @@
 import '@oicl/openbridge-webcomponents/dist/ar/poi-object/poi-object-aton.js';
-import type { ObcPoiObjectAtonType, ObcPoiObjectAtonStyle } from '@oicl/openbridge-webcomponents/dist/ar/poi-object/poi-object-aton.js';
+import type { ObcPoiObjectAtonStyle, ObcPoiObjectAtonType } from '@oicl/openbridge-webcomponents/dist/ar/poi-object/poi-object-aton.js';
+import type { ObcPoiObjectState } from '@oicl/openbridge-webcomponents/dist/ar/poi-object/poi-object.js';
 import type { Snippet } from 'svelte';
 export interface Props {
     class?: string;
     style?: string;
-    type?: ObcPoiObjectAtonType;
     objectStyle?: ObcPoiObjectAtonStyle;
+    state?: ObcPoiObjectState;
+    interactive?: boolean;
+    type?: ObcPoiObjectAtonType;
 }
 export interface Events {
 }
@@ -14,8 +17,9 @@ export interface Slots {
 }
 type $$ComponentProps = Props & Events & Slots;
 declare const ObcPoiObjectAton: import("svelte").Component<$$ComponentProps, {
-    ObcPoiObjectAtonType: typeof ObcPoiObjectAtonType;
     ObcPoiObjectAtonStyle: typeof ObcPoiObjectAtonStyle;
+    ObcPoiObjectAtonType: typeof ObcPoiObjectAtonType;
+    ObcPoiObjectState: typeof ObcPoiObjectState;
 }, "">;
 type ObcPoiObjectAton = ReturnType<typeof ObcPoiObjectAton>;
 export default ObcPoiObjectAton;

package/dist/ar/poi-object/ObcPoiObjectData.svelte

@@ -1,14 +1,17 @@
 
   <script lang="ts">
-    export type {ObcPoiObjectType} from '@oicl/openbridge-webcomponents/dist/ar/poi-object/poi-object.js';
+    export type {ObcPoiObjectStyle, ObcPoiObjectState, ObcPoiObjectType} from '@oicl/openbridge-webcomponents/dist/ar/poi-object/poi-object.js';
       import '@oicl/openbridge-webcomponents/dist/ar/poi-object/poi-object-data.js';
       import { setProperties } from "../../util.js";
-      import type {ObcPoiObjectType} from '@oicl/openbridge-webcomponents/dist/ar/poi-object/poi-object.js';
+      import type {ObcPoiObjectStyle, ObcPoiObjectState, ObcPoiObjectType} from '@oicl/openbridge-webcomponents/dist/ar/poi-object/poi-object.js';
       import type { Snippet } from 'svelte';
 
       export interface Props {
      class?: string;
      style?: string;
+     objectStyle?: ObcPoiObjectStyle;
+     state?: ObcPoiObjectState;
+     interactive?: boolean;
      type?: ObcPoiObjectType
    }
       export interface Events {

package/dist/ar/poi-object/ObcPoiObjectData.svelte.d.ts

@@ -1,9 +1,12 @@
 import '@oicl/openbridge-webcomponents/dist/ar/poi-object/poi-object-data.js';
-import type { ObcPoiObjectType } from '@oicl/openbridge-webcomponents/dist/ar/poi-object/poi-object.js';
+import type { ObcPoiObjectStyle, ObcPoiObjectState, ObcPoiObjectType } from '@oicl/openbridge-webcomponents/dist/ar/poi-object/poi-object.js';
 import type { Snippet } from 'svelte';
 export interface Props {
     class?: string;
     style?: string;
+    objectStyle?: ObcPoiObjectStyle;
+    state?: ObcPoiObjectState;
+    interactive?: boolean;
     type?: ObcPoiObjectType;
 }
 export interface Events {
@@ -13,6 +16,8 @@ export interface Slots {
 }
 type $$ComponentProps = Props & Events & Slots;
 declare const ObcPoiObjectData: import("svelte").Component<$$ComponentProps, {
+    ObcPoiObjectStyle: typeof ObcPoiObjectStyle;
+    ObcPoiObjectState: typeof ObcPoiObjectState;
     ObcPoiObjectType: typeof ObcPoiObjectType;
 }, "">;
 type ObcPoiObjectData = ReturnType<typeof ObcPoiObjectData>;

package/dist/ar/poi-object/ObcPoiObjectVessel.svelte

@@ -1,14 +1,19 @@
 
   <script lang="ts">
-    export type {ObcPoiObjectVesselType} from '@oicl/openbridge-webcomponents/dist/ar/poi-object/poi-object-vessel.js';
+    export type {ObcPoiObjectStyle, ObcPoiObjectState} from '@oicl/openbridge-webcomponents/dist/ar/poi-object/poi-object.js';
+export type {ObcPoiObjectVesselType} from '@oicl/openbridge-webcomponents/dist/ar/poi-object/poi-object-vessel.js';
       import '@oicl/openbridge-webcomponents/dist/ar/poi-object/poi-object-vessel.js';
       import { setProperties } from "../../util.js";
-      import type {ObcPoiObjectVesselType} from '@oicl/openbridge-webcomponents/dist/ar/poi-object/poi-object-vessel.js';
+      import type {ObcPoiObjectStyle, ObcPoiObjectState} from '@oicl/openbridge-webcomponents/dist/ar/poi-object/poi-object.js';
+import type {ObcPoiObjectVesselType} from '@oicl/openbridge-webcomponents/dist/ar/poi-object/poi-object-vessel.js';
       import type { Snippet } from 'svelte';
 
       export interface Props {
      class?: string;
      style?: string;
+     objectStyle?: ObcPoiObjectStyle;
+     state?: ObcPoiObjectState;
+     interactive?: boolean;
      type?: ObcPoiObjectVesselType
    }
       export interface Events {

package/dist/ar/poi-object/ObcPoiObjectVessel.svelte.d.ts

@@ -1,9 +1,13 @@
 import '@oicl/openbridge-webcomponents/dist/ar/poi-object/poi-object-vessel.js';
+import type { ObcPoiObjectStyle, ObcPoiObjectState } from '@oicl/openbridge-webcomponents/dist/ar/poi-object/poi-object.js';
 import type { ObcPoiObjectVesselType } from '@oicl/openbridge-webcomponents/dist/ar/poi-object/poi-object-vessel.js';
 import type { Snippet } from 'svelte';
 export interface Props {
     class?: string;
     style?: string;
+    objectStyle?: ObcPoiObjectStyle;
+    state?: ObcPoiObjectState;
+    interactive?: boolean;
     type?: ObcPoiObjectVesselType;
 }
 export interface Events {
@@ -15,6 +19,8 @@ export interface Slots {
 }
 type $$ComponentProps = Props & Events & Slots;
 declare const ObcPoiObjectVessel: import("svelte").Component<$$ComponentProps, {
+    ObcPoiObjectStyle: typeof ObcPoiObjectStyle;
+    ObcPoiObjectState: typeof ObcPoiObjectState;
     ObcPoiObjectVesselType: typeof ObcPoiObjectVesselType;
 }, "">;
 type ObcPoiObjectVessel = ReturnType<typeof ObcPoiObjectVessel>;

package/dist/automation/analog-valve/ObcAnalogValve.svelte

@@ -1,16 +1,49 @@
 
   <script lang="ts">
-    export type {AutomationButtonLabelDirection} from '@oicl/openbridge-webcomponents/dist/automation/automation-button/automation-button.js';
+    export type {AutomationButtonReadoutPosition, AutomationButtonPositioning, AutomationButtonLabelDirection} 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 {AnalogValveVariant} from '@oicl/openbridge-webcomponents/dist/automation/analog-valve/analog-valve.js';
       import '@oicl/openbridge-webcomponents/dist/automation/analog-valve/analog-valve.js';
       import { setProperties } from "../../util.js";
-      import type {AutomationButtonLabelDirection} from '@oicl/openbridge-webcomponents/dist/automation/automation-button/automation-button.js';
+      import type {AutomationButtonReadoutPosition, AutomationButtonPositioning, AutomationButtonLabelDirection} 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 {AnalogValveVariant} from '@oicl/openbridge-webcomponents/dist/automation/analog-valve/analog-valve.js';
       import type { Snippet } from 'svelte';
 
       export interface Props {
      class?: string;
      style?: string;
+     showReadoutStack?: boolean;
+     readoutPosition?: AutomationButtonReadoutPosition;
+     showStatus?: boolean;
+     readoutSize?: AutomationButtonReadoutStackSize;
+     tag?: string | null;
+     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;
+     badgeControl?: AutomationButtonBadgeControl;
+     badgeCommandLocked?: AutomationButtonBadgeCommandLocked;
+     badgeInterlock?: AutomationButtonBadgeInterlock;
+     badgeAlert?: AutomationButtonBadgeAlert;
      open?: boolean;
      value?: number;
      vertical?: boolean;

package/dist/automation/analog-valve/ObcAnalogValve.svelte.d.ts

@@ -1,10 +1,38 @@
 import '@oicl/openbridge-webcomponents/dist/automation/analog-valve/analog-valve.js';
-import type { AutomationButtonLabelDirection } from '@oicl/openbridge-webcomponents/dist/automation/automation-button/automation-button.js';
+import type { AutomationButtonReadoutPosition, AutomationButtonPositioning, AutomationButtonLabelDirection } 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 { AnalogValveVariant } from '@oicl/openbridge-webcomponents/dist/automation/analog-valve/analog-valve.js';
 import type { Snippet } from 'svelte';
 export interface Props {
     class?: string;
     style?: string;
+    showReadoutStack?: boolean;
+    readoutPosition?: AutomationButtonReadoutPosition;
+    showStatus?: boolean;
+    readoutSize?: AutomationButtonReadoutStackSize;
+    tag?: string | null;
+    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;
+    badgeControl?: AutomationButtonBadgeControl;
+    badgeCommandLocked?: AutomationButtonBadgeCommandLocked;
+    badgeInterlock?: AutomationButtonBadgeInterlock;
+    badgeAlert?: AutomationButtonBadgeAlert;
     open?: boolean;
     value?: number;
     vertical?: boolean;
@@ -18,7 +46,19 @@ export interface Slots {
 }
 type $$ComponentProps = Props & Events & Slots;
 declare const ObcAnalogValve: import("svelte").Component<$$ComponentProps, {
+    AutomationButtonReadoutPosition: typeof AutomationButtonReadoutPosition;
+    AutomationButtonPositioning: typeof AutomationButtonPositioning;
     AutomationButtonLabelDirection: typeof AutomationButtonLabelDirection;
+    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;
     AnalogValveVariant: typeof AnalogValveVariant;
 }, "">;
 type ObcAnalogValve = ReturnType<typeof ObcAnalogValve>;

package/dist/automation/automation-badge/ObcAutomationBadge.svelte

@@ -16,9 +16,10 @@
     
   }
       export interface Slots {
+  iconSilhouette?: Snippet;
   children?: Snippet
 }
-      const { class: className, style, children, ...props} = $props<Props & Events & Slots>();
+      const { class: className, style, iconSilhouette, children, ...props} = $props<Props & Events & Slots>();
 
     </script>
     <obc-automation-badge
@@ -27,7 +28,13 @@
     style={style}
      >
       
-    {#if children}
-      {@render children()}
-    {/if}
+      {#if iconSilhouette}
+        <div slot="icon-silhouette">
+          {@render iconSilhouette()}
+        </div>
+      {/if}
+
+      {#if children}
+        {@render children()}
+      {/if}
     </obc-automation-badge>

package/dist/automation/automation-badge/ObcAutomationBadge.svelte.d.ts

@@ -10,6 +10,7 @@ export interface Props {
 export interface Events {
 }
 export interface Slots {
+    iconSilhouette?: Snippet;
     children?: Snippet;
 }
 type $$ComponentProps = Props & Events & Slots;

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

@@ -1,40 +1,47 @@
 
   <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;
+     showStatus?: boolean;
      readoutSize?: AutomationButtonReadoutStackSize;
+     tag?: string | null;
      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?: 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
+     badgeControl?: AutomationButtonBadgeControl;
+     badgeCommandLocked?: AutomationButtonBadgeCommandLocked;
+     badgeInterlock?: AutomationButtonBadgeInterlock;
+     badgeAlert?: AutomationButtonBadgeAlert
    }
       export interface Events {