@oicl/openbridge-webcomponents-svelte 2.0.0-next.7 → 2.0.0-next.71

package/dist/building-blocks/single-axis-inclinometer/SingleAxisInclinometer.svelte.d.ts

@@ -0,0 +1,35 @@
+import '@oicl/openbridge-webcomponents/dist/building-blocks/single-axis-inclinometer/single-axis-inclinometer.js';
+import type { Priority } from '@oicl/openbridge-webcomponents/dist/navigation-instruments/types.js';
+import type { Snippet } from 'svelte';
+export interface Props {
+    class?: string;
+    style?: string;
+    zoomToFitArc?: boolean;
+    /** When `true`, the centre shows an `<obc-readout>` with the value instead of
+the horizon line, rotating indicator and vessel. Default `false`. */
+    hasReadout?: boolean;
+    /** Colour palette for the scale fill / indicator and the readout value:
+`regular` (default) or `enhanced`. */
+    priority?: Priority;
+    /** Half-extent of the watch arc in degrees. The arc spans `centre ± arcAngle`
+and values are placed at their true position within it. Default `45`
+reproduces the historical 90°-wide arc.
+
+Smaller values render a narrower arc. Combined with `zoomToFitArc`, the
+narrower arc is enlarged (its radius grows) on its own layer, while the
+vessel image and the rotating indicator line stay at their natural size and
+position on a separate central layer. The two layers are intentionally
+visually disconnected. */
+    arcAngle?: number;
+}
+export interface Events {
+}
+export interface Slots {
+    children?: Snippet;
+}
+type $$ComponentProps = Props & Events & Slots;
+declare const SingleAxisInclinometer: import("svelte").Component<$$ComponentProps, {
+    Priority: typeof Priority;
+}, "">;
+type SingleAxisInclinometer = ReturnType<typeof SingleAxisInclinometer>;
+export default SingleAxisInclinometer;

package/dist/components/accordion-card/ObcAccordionCard.svelte

@@ -1,11 +1,13 @@
 
   <script lang="ts">
     export type {Position, AccordionSize} from '@oicl/openbridge-webcomponents/dist/components/accordion-card/accordion-card.js';
-export type {ObcAlertFrameType, ObcAlertFrameThickness, ObcAlertFrameStatus} from '@oicl/openbridge-webcomponents/dist/components/alert-frame/alert-frame.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';
       import '@oicl/openbridge-webcomponents/dist/components/accordion-card/accordion-card.js';
       import { setProperties } from "../../util.js";
       import type {Position, AccordionSize} from '@oicl/openbridge-webcomponents/dist/components/accordion-card/accordion-card.js';
-import type {ObcAlertFrameType, ObcAlertFrameThickness, ObcAlertFrameStatus} from '@oicl/openbridge-webcomponents/dist/components/alert-frame/alert-frame.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 { Snippet } from 'svelte';
 
       export interface Props {
@@ -47,7 +49,7 @@ See `obc-alert-frame` for available thickness values. */
 alertFrameThickness?: ObcAlertFrameThickness;
       /** Status of the alert frame overlay (used when `hasAlert` is true).
 See `obc-alert-frame` for available statuses. */
-alertFrameStatus?: ObcAlertFrameStatus
+alertFrameStatus?: AlertType
    }
       export interface Events {
     onAccordionToggle?: (event: CustomEvent<{expanded: boolean, cardTitle: string}>) => void

package/dist/components/accordion-card/ObcAccordionCard.svelte.d.ts

@@ -1,6 +1,7 @@
 import '@oicl/openbridge-webcomponents/dist/components/accordion-card/accordion-card.js';
 import type { Position, AccordionSize } from '@oicl/openbridge-webcomponents/dist/components/accordion-card/accordion-card.js';
-import type { ObcAlertFrameType, ObcAlertFrameThickness, ObcAlertFrameStatus } from '@oicl/openbridge-webcomponents/dist/components/alert-frame/alert-frame.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 { Snippet } from 'svelte';
 export interface Props {
     class?: string;
@@ -41,7 +42,7 @@ See `obc-alert-frame` for available thickness values. */
     alertFrameThickness?: ObcAlertFrameThickness;
     /** Status of the alert frame overlay (used when `hasAlert` is true).
 See `obc-alert-frame` for available statuses. */
-    alertFrameStatus?: ObcAlertFrameStatus;
+    alertFrameStatus?: AlertType;
 }
 export interface Events {
     onAccordionToggle?: (event: CustomEvent<{
@@ -62,7 +63,7 @@ declare const ObcAccordionCard: import("svelte").Component<$$ComponentProps, {
     AccordionSize: typeof AccordionSize;
     ObcAlertFrameType: typeof ObcAlertFrameType;
     ObcAlertFrameThickness: typeof ObcAlertFrameThickness;
-    ObcAlertFrameStatus: typeof ObcAlertFrameStatus;
+    AlertType: typeof AlertType;
 }, "">;
 type ObcAccordionCard = ReturnType<typeof ObcAccordionCard>;
 export default ObcAccordionCard;

package/dist/components/advice-floating-item/ObcAdviceFloatingItem.svelte

@@ -50,10 +50,10 @@ lineType?: ObcFloatingItemLineType
   description?: Snippet;
   time?: Snippet;
   day?: Snippet;
-  action?: Snippet;
-  action2?: Snippet
+  actionSnippet?: Snippet;
+  action2Snippet?: Snippet
 }
-      const {onActionClick, onAction2Click, onDismissClick, class: className, style, primaryIcon, secondaryIcon, title, description, time, day, action, action2, ...props} = $props<Props & Events & Slots>();
+      const {onActionClick, onAction2Click, onDismissClick, class: className, style, primaryIcon, secondaryIcon, title, description, time, day, actionSnippet, action2Snippet, ...props} = $props<Props & Events & Slots>();
 
     </script>
     <obc-advice-floating-item
@@ -100,15 +100,15 @@ lineType?: ObcFloatingItemLineType
         </div>
       {/if}
 
-      {#if action}
+      {#if actionSnippet}
         <div slot="action">
-          {@render action()}
+          {@render actionSnippet()}
         </div>
       {/if}
 
-      {#if action2}
+      {#if action2Snippet}
         <div slot="action2">
-          {@render action2()}
+          {@render action2Snippet()}
         </div>
       {/if}
     </obc-advice-floating-item>

package/dist/components/advice-floating-item/ObcAdviceFloatingItem.svelte.d.ts

@@ -45,8 +45,8 @@ export interface Slots {
     description?: Snippet;
     time?: Snippet;
     day?: Snippet;
-    action?: Snippet;
-    action2?: Snippet;
+    actionSnippet?: Snippet;
+    action2Snippet?: Snippet;
 }
 type $$ComponentProps = Props & Events & Slots;
 declare const ObcAdviceFloatingItem: import("svelte").Component<$$ComponentProps, {

package/dist/components/advice-message-item/ObcAdviceMessageItem.svelte

@@ -64,15 +64,15 @@ emptyText?: string
       export interface Slots {
   primaryIcon?: Snippet;
   secondaryIcon?: Snippet;
-  title?: Snippet;
-  description?: Snippet;
-  time?: Snippet;
-  timeSecondary?: Snippet;
+  titleSnippet?: Snippet;
+  descriptionSnippet?: Snippet;
+  timeSnippet?: Snippet;
+  timeSecondarySnippet?: Snippet;
   actionText?: Snippet;
   actionIcon?: Snippet;
   empty?: Snippet
 }
-      const {onMessageClick, onActionClick, class: className, style, primaryIcon, secondaryIcon, title, description, time, timeSecondary, actionText, actionIcon, empty, ...props} = $props<Props & Events & Slots>();
+      const {onMessageClick, onActionClick, class: className, style, primaryIcon, secondaryIcon, titleSnippet, descriptionSnippet, timeSnippet, timeSecondarySnippet, actionText, actionIcon, empty, ...props} = $props<Props & Events & Slots>();
 
     </script>
     <obc-advice-message-item
@@ -94,27 +94,27 @@ emptyText?: string
         </div>
       {/if}
 
-      {#if title}
+      {#if titleSnippet}
         <div slot="title">
-          {@render title()}
+          {@render titleSnippet()}
         </div>
       {/if}
 
-      {#if description}
+      {#if descriptionSnippet}
         <div slot="description">
-          {@render description()}
+          {@render descriptionSnippet()}
         </div>
       {/if}
 
-      {#if time}
+      {#if timeSnippet}
         <div slot="time">
-          {@render time()}
+          {@render timeSnippet()}
         </div>
       {/if}
 
-      {#if timeSecondary}
+      {#if timeSecondarySnippet}
         <div slot="time-secondary">
-          {@render timeSecondary()}
+          {@render timeSecondarySnippet()}
         </div>
       {/if}
 

package/dist/components/advice-message-item/ObcAdviceMessageItem.svelte.d.ts

@@ -59,10 +59,10 @@ export interface Events {
 export interface Slots {
     primaryIcon?: Snippet;
     secondaryIcon?: Snippet;
-    title?: Snippet;
-    description?: Snippet;
-    time?: Snippet;
-    timeSecondary?: Snippet;
+    titleSnippet?: Snippet;
+    descriptionSnippet?: Snippet;
+    timeSnippet?: Snippet;
+    timeSecondarySnippet?: Snippet;
     actionText?: Snippet;
     actionIcon?: Snippet;
     empty?: Snippet;

package/dist/components/alert-frame/ObcAlertFrame.svelte

@@ -1,9 +1,11 @@
 
   <script lang="ts">
-    export type {ObcAlertFrameType, ObcAlertFrameThickness, ObcAlertFrameStatus, AlertFrameTextSize} from '@oicl/openbridge-webcomponents/dist/components/alert-frame/alert-frame.js';
+    export type {ObcAlertFrameType, ObcAlertFrameThickness, ObcAlertFrameMode, AlertFrameTextSize} from '@oicl/openbridge-webcomponents/dist/components/alert-frame/alert-frame.js';
+export type {AlertType} from '@oicl/openbridge-webcomponents/dist/types.js';
       import '@oicl/openbridge-webcomponents/dist/components/alert-frame/alert-frame.js';
       import { setProperties } from "../../util.js";
-      import type {ObcAlertFrameType, ObcAlertFrameThickness, ObcAlertFrameStatus, AlertFrameTextSize} from '@oicl/openbridge-webcomponents/dist/components/alert-frame/alert-frame.js';
+      import type {ObcAlertFrameType, ObcAlertFrameThickness, ObcAlertFrameMode, AlertFrameTextSize} from '@oicl/openbridge-webcomponents/dist/components/alert-frame/alert-frame.js';
+import type {AlertType} from '@oicl/openbridge-webcomponents/dist/types.js';
       import type { Snippet } from 'svelte';
 
       export interface Props {
@@ -24,8 +26,17 @@ thickness?: ObcAlertFrameThickness;
       /** Status of the alert, controlling color scheme and icon.
 - `alarm`: Highest severity (default).
 - `warning`: Medium severity.
-- `caution`: Lower severity. */
-status?: ObcAlertFrameStatus;
+- `caution`: Lower severity.
+- `level-critical`, `level-high`, `level-medium`, `level-low`, `level-diagnostic`: level severity levels, styled to match their legacy equivalents. */
+status?: AlertType;
+      /** Acknowledgement lifecycle state, controlling the frame's blinking/animation.
+- `acked-active`: Active and acknowledged (default); no blinking.
+- `unacked-active`: Active and not yet acknowledged; blinks.
+- `unacked-rectified`: Condition cleared but not yet acknowledged. */
+mode?: ObcAlertFrameMode;
+      /** When true, the frame wraps and sizes itself to its slotted content instead
+of overlaying a fixed region. Reflected to an attribute for CSS styling. */
+wrapContent?: boolean;
       /** If true, the top-left corner will be sharp (not rounded). */
 sharpEdgeTopLeft?: boolean;
       /** If true, the top-right corner will be sharp (not rounded). */

package/dist/components/alert-frame/ObcAlertFrame.svelte.d.ts

@@ -1,5 +1,6 @@
 import '@oicl/openbridge-webcomponents/dist/components/alert-frame/alert-frame.js';
-import type { ObcAlertFrameType, ObcAlertFrameThickness, ObcAlertFrameStatus, AlertFrameTextSize } from '@oicl/openbridge-webcomponents/dist/components/alert-frame/alert-frame.js';
+import type { ObcAlertFrameType, ObcAlertFrameThickness, ObcAlertFrameMode, AlertFrameTextSize } from '@oicl/openbridge-webcomponents/dist/components/alert-frame/alert-frame.js';
+import type { AlertType } from '@oicl/openbridge-webcomponents/dist/types.js';
 import type { Snippet } from 'svelte';
 export interface Props {
     class?: string;
@@ -19,8 +20,17 @@ Default: `small-side-flip` */
     /** Status of the alert, controlling color scheme and icon.
 - `alarm`: Highest severity (default).
 - `warning`: Medium severity.
-- `caution`: Lower severity. */
-    status?: ObcAlertFrameStatus;
+- `caution`: Lower severity.
+- `level-critical`, `level-high`, `level-medium`, `level-low`, `level-diagnostic`: level severity levels, styled to match their legacy equivalents. */
+    status?: AlertType;
+    /** Acknowledgement lifecycle state, controlling the frame's blinking/animation.
+- `acked-active`: Active and acknowledged (default); no blinking.
+- `unacked-active`: Active and not yet acknowledged; blinks.
+- `unacked-rectified`: Condition cleared but not yet acknowledged. */
+    mode?: ObcAlertFrameMode;
+    /** When true, the frame wraps and sizes itself to its slotted content instead
+of overlaying a fixed region. Reflected to an attribute for CSS styling. */
+    wrapContent?: boolean;
     /** If true, the top-left corner will be sharp (not rounded). */
     sharpEdgeTopLeft?: boolean;
     /** If true, the top-right corner will be sharp (not rounded). */
@@ -45,8 +55,9 @@ type $$ComponentProps = Props & Events & Slots;
 declare const ObcAlertFrame: import("svelte").Component<$$ComponentProps, {
     ObcAlertFrameType: typeof ObcAlertFrameType;
     ObcAlertFrameThickness: typeof ObcAlertFrameThickness;
-    ObcAlertFrameStatus: typeof ObcAlertFrameStatus;
+    ObcAlertFrameMode: typeof ObcAlertFrameMode;
     AlertFrameTextSize: typeof AlertFrameTextSize;
+    AlertType: typeof AlertType;
 }, "">;
 type ObcAlertFrame = ReturnType<typeof ObcAlertFrame>;
 export default ObcAlertFrame;

package/dist/components/alert-frame/ObiCriticalBadge.svelte

@@ -0,0 +1,32 @@
+
+  <script lang="ts">
+    
+      import '@oicl/openbridge-webcomponents/dist/components/alert-frame/critical-badge.js';
+      import { setProperties } from "../../util.js";
+      
+      import type { Snippet } from 'svelte';
+
+      export interface Props {
+     class?: string;
+     style?: string;
+     
+   }
+      export interface Events {
+    
+  }
+      export interface Slots {
+  children?: Snippet
+}
+      const { class: className, style, children, ...props} = $props<Props & Events & Slots>();
+
+    </script>
+    <obi-critical-badge
+    use:setProperties={props}
+    class={className}
+    style={style}
+     >
+      
+    {#if children}
+      {@render children()}
+    {/if}
+    </obi-critical-badge>

package/dist/components/alert-frame/ObiCriticalBadge.svelte.d.ts

@@ -0,0 +1,15 @@
+import '@oicl/openbridge-webcomponents/dist/components/alert-frame/critical-badge.js';
+import type { Snippet } from 'svelte';
+export interface Props {
+    class?: string;
+    style?: string;
+}
+export interface Events {
+}
+export interface Slots {
+    children?: Snippet;
+}
+type $$ComponentProps = Props & Events & Slots;
+declare const ObiCriticalBadge: import("svelte").Component<$$ComponentProps, {}, "">;
+type ObiCriticalBadge = ReturnType<typeof ObiCriticalBadge>;
+export default ObiCriticalBadge;

package/dist/components/alert-frame/ObiDiagnosticBadge.svelte

@@ -0,0 +1,32 @@
+
+  <script lang="ts">
+    
+      import '@oicl/openbridge-webcomponents/dist/components/alert-frame/diagnostic-badge.js';
+      import { setProperties } from "../../util.js";
+      
+      import type { Snippet } from 'svelte';
+
+      export interface Props {
+     class?: string;
+     style?: string;
+     
+   }
+      export interface Events {
+    
+  }
+      export interface Slots {
+  children?: Snippet
+}
+      const { class: className, style, children, ...props} = $props<Props & Events & Slots>();
+
+    </script>
+    <obi-diagnostic-badge
+    use:setProperties={props}
+    class={className}
+    style={style}
+     >
+      
+    {#if children}
+      {@render children()}
+    {/if}
+    </obi-diagnostic-badge>

package/dist/components/alert-frame/ObiDiagnosticBadge.svelte.d.ts

@@ -0,0 +1,15 @@
+import '@oicl/openbridge-webcomponents/dist/components/alert-frame/diagnostic-badge.js';
+import type { Snippet } from 'svelte';
+export interface Props {
+    class?: string;
+    style?: string;
+}
+export interface Events {
+}
+export interface Slots {
+    children?: Snippet;
+}
+type $$ComponentProps = Props & Events & Slots;
+declare const ObiDiagnosticBadge: import("svelte").Component<$$ComponentProps, {}, "">;
+type ObiDiagnosticBadge = ReturnType<typeof ObiDiagnosticBadge>;
+export default ObiDiagnosticBadge;

package/dist/components/alert-menu/ObcAlertMenu.svelte

@@ -18,7 +18,17 @@ hasShelved?: boolean;
 Should be set to true only when there are unacknowledged alerts in view.
 
 Default: false. */
-canAckAll?: boolean
+canAckAll?: boolean;
+      /** If true, shows the "Silence" button in the action bar.
+When hidden, the "ACK visible" button expands to fill the freed space.
+
+Default: true. */
+showSilenceButton?: boolean;
+      /** If true, shows the "Alerts" navigation button in the action bar.
+When hidden, the "ACK visible" button expands to fill the freed space.
+
+Default: true. */
+showAlertListButton?: boolean
    }
       export interface Events {
     onAckAllVisibleClick?: (event: ObcAckAllVisibleClickEvent) => void;

package/dist/components/alert-menu/ObcAlertMenu.svelte.d.ts

@@ -14,6 +14,16 @@ Should be set to true only when there are unacknowledged alerts in view.
 
 Default: false. */
     canAckAll?: boolean;
+    /** If true, shows the "Silence" button in the action bar.
+When hidden, the "ACK visible" button expands to fill the freed space.
+
+Default: true. */
+    showSilenceButton?: boolean;
+    /** If true, shows the "Alerts" navigation button in the action bar.
+When hidden, the "ACK visible" button expands to fill the freed space.
+
+Default: true. */
+    showAlertListButton?: boolean;
 }
 export interface Events {
     onAckAllVisibleClick?: (event: ObcAckAllVisibleClickEvent) => void;

package/dist/components/automation-button-readout-stack/ObcAutomationButtonReadoutStack.svelte

@@ -1,19 +1,18 @@
 
   <script lang="ts">
-    export type {AutomationButtonReadoutStack, AutomationButtonReadoutStackTag, AutomationButtonReadoutStackSize, IdTagOrientation} from '@oicl/openbridge-webcomponents/dist/components/automation-button-readout-stack/automation-button-readout-stack.js';
+    export type {AutomationButtonReadoutStack, AutomationButtonReadoutStackSize, IdTagOrientation} from '@oicl/openbridge-webcomponents/dist/components/automation-button-readout-stack/automation-button-readout-stack.js';
       import '@oicl/openbridge-webcomponents/dist/components/automation-button-readout-stack/automation-button-readout-stack.js';
       import { setProperties } from "../../util.js";
-      import type {AutomationButtonReadoutStack, AutomationButtonReadoutStackTag, AutomationButtonReadoutStackSize, IdTagOrientation} from '@oicl/openbridge-webcomponents/dist/components/automation-button-readout-stack/automation-button-readout-stack.js';
+      import type {AutomationButtonReadoutStack, AutomationButtonReadoutStackSize, IdTagOrientation} from '@oicl/openbridge-webcomponents/dist/components/automation-button-readout-stack/automation-button-readout-stack.js';
       import type { Snippet } from 'svelte';
 
       export interface Props {
      class?: string;
      style?: string;
      readouts?: AutomationButtonReadoutStack[];
-     tag?: AutomationButtonReadoutStackTag | null;
+     tag?: string | null;
      size?: AutomationButtonReadoutStackSize;
-     idTagOrientation?: IdTagOrientation;
-     hasIdTag?: boolean
+     idTagOrientation?: IdTagOrientation
    }
       export interface Events {
     

package/dist/components/automation-button-readout-stack/ObcAutomationButtonReadoutStack.svelte.d.ts

@@ -1,14 +1,13 @@
 import '@oicl/openbridge-webcomponents/dist/components/automation-button-readout-stack/automation-button-readout-stack.js';
-import type { AutomationButtonReadoutStack, AutomationButtonReadoutStackTag, AutomationButtonReadoutStackSize, IdTagOrientation } from '@oicl/openbridge-webcomponents/dist/components/automation-button-readout-stack/automation-button-readout-stack.js';
+import type { AutomationButtonReadoutStack, AutomationButtonReadoutStackSize, IdTagOrientation } from '@oicl/openbridge-webcomponents/dist/components/automation-button-readout-stack/automation-button-readout-stack.js';
 import type { Snippet } from 'svelte';
 export interface Props {
     class?: string;
     style?: string;
     readouts?: AutomationButtonReadoutStack[];
-    tag?: AutomationButtonReadoutStackTag | null;
+    tag?: string | null;
     size?: AutomationButtonReadoutStackSize;
     idTagOrientation?: IdTagOrientation;
-    hasIdTag?: boolean;
 }
 export interface Events {
 }
@@ -18,7 +17,6 @@ export interface Slots {
 type $$ComponentProps = Props & Events & Slots;
 declare const ObcAutomationButtonReadoutStack: import("svelte").Component<$$ComponentProps, {
     AutomationButtonReadoutStack: typeof AutomationButtonReadoutStack;
-    AutomationButtonReadoutStackTag: typeof AutomationButtonReadoutStackTag;
     AutomationButtonReadoutStackSize: typeof AutomationButtonReadoutStackSize;
     IdTagOrientation: typeof IdTagOrientation;
 }, "">;

package/dist/components/badge/ObcBadge.svelte

@@ -19,7 +19,7 @@ Set to `false` for symbolic or icon-only badges. */
 showNumber?: boolean;
       /** Visual style/type of the badge.
 
-Possible values: `regular`, `alarm`, `warning`, `caution`, `running`, `notification`, `enhance`, `automation`, `outline`, `empty`.
+Possible values: `regular`, `alarm`, `warning`, `caution`, `level-critical`, `level-high`, `level-medium`, `level-low`, `level-diagnostic`, `running`, `notification`, `enhance`, `automation`, `outline`, `empty`.
 
 Defaults to `regular`. */
 type?: string;
@@ -34,7 +34,7 @@ size?: string;
 variant?: BadgeVariant;
       /** Whether to show an icon in the badge.
 
-For built-in types (`alarm`, `warning`, `caution`, `running`), a contextual icon is shown automatically.
+For built-in types (`alarm`, `warning`, `caution`, the `level-*` severities, and `running`), a contextual icon is shown automatically.
 For other types, provide a custom icon in the `badge-icon` slot. */
 showIcon?: boolean
    }

package/dist/components/badge/ObcBadge.svelte.d.ts

@@ -14,7 +14,7 @@ Set to `false` for symbolic or icon-only badges. */
     showNumber?: boolean;
     /** Visual style/type of the badge.
 
-Possible values: `regular`, `alarm`, `warning`, `caution`, `running`, `notification`, `enhance`, `automation`, `outline`, `empty`.
+Possible values: `regular`, `alarm`, `warning`, `caution`, `level-critical`, `level-high`, `level-medium`, `level-low`, `level-diagnostic`, `running`, `notification`, `enhance`, `automation`, `outline`, `empty`.
 
 Defaults to `regular`. */
     type?: string;
@@ -29,7 +29,7 @@ Possible values: `regular` (default), `large`. */
     variant?: BadgeVariant;
     /** Whether to show an icon in the badge.
 
-For built-in types (`alarm`, `warning`, `caution`, `running`), a contextual icon is shown automatically.
+For built-in types (`alarm`, `warning`, `caution`, the `level-*` severities, and `running`), a contextual icon is shown automatically.
 For other types, provide a custom icon in the `badge-icon` slot. */
     showIcon?: boolean;
 }

package/dist/components/card/ObcCard.svelte

@@ -14,13 +14,13 @@
 
 When `hasDialog` is false, the card is a static container. When true, clicking the card opens a modal dialog overlay, displaying content from the `dialog-title` and `dialog-content` slots. */
 hasDialog?: boolean;
-      /** Total time in milliseconds before the dialog auto-closes.
+      /** Total time in seconds before the dialog auto-closes. Use `0` to disable auto-close.
 
-When the dialog is open, it will automatically close after this duration unless reset by user activity. The countdown indicator appears for the last `dialogVisibleTimerSeconds` milliseconds. */
+When greater than zero, the dialog closes after this duration unless reset by user activity. The countdown indicator appears for the last `dialogVisibleTimerSeconds` seconds. */
 dialogTimeOutSeconds?: number;
-      /** Duration in milliseconds for which the countdown indicator is shown before auto-dismiss.
+      /** Duration in seconds for which the countdown indicator is shown before auto-dismiss.
 
-The countdown indicator is visible for the last `dialogVisibleTimerSeconds` milliseconds of the dialog's lifetime. User activity resets the timer. */
+The countdown indicator is visible for the last `dialogVisibleTimerSeconds` seconds of the dialog's lifetime when auto-close is enabled. User activity resets the timer. */
 dialogVisibleTimerSeconds?: number
    }
       export interface Events {

package/dist/components/card/ObcCard.svelte.d.ts

@@ -8,13 +8,13 @@ export interface Props {
 
 When `hasDialog` is false, the card is a static container. When true, clicking the card opens a modal dialog overlay, displaying content from the `dialog-title` and `dialog-content` slots. */
     hasDialog?: boolean;
-    /** Total time in milliseconds before the dialog auto-closes.
+    /** Total time in seconds before the dialog auto-closes. Use `0` to disable auto-close.
 
-When the dialog is open, it will automatically close after this duration unless reset by user activity. The countdown indicator appears for the last `dialogVisibleTimerSeconds` milliseconds. */
+When greater than zero, the dialog closes after this duration unless reset by user activity. The countdown indicator appears for the last `dialogVisibleTimerSeconds` seconds. */
     dialogTimeOutSeconds?: number;
-    /** Duration in milliseconds for which the countdown indicator is shown before auto-dismiss.
+    /** Duration in seconds for which the countdown indicator is shown before auto-dismiss.
 
-The countdown indicator is visible for the last `dialogVisibleTimerSeconds` milliseconds of the dialog's lifetime. User activity resets the timer. */
+The countdown indicator is visible for the last `dialogVisibleTimerSeconds` seconds of the dialog's lifetime when auto-close is enabled. User activity resets the timer. */
     dialogVisibleTimerSeconds?: number;
 }
 export interface Events {

package/dist/components/dropdown-button/ObcDropdownButton.svelte

@@ -1,9 +1,9 @@
 
   <script lang="ts">
-    export type {ObcDropdownButtonChangeEvent, DropdownButtonType} from '@oicl/openbridge-webcomponents/dist/components/dropdown-button/dropdown-button.js';
+    export type {ObcDropdownButtonChangeEvent, DropdownButtonOption, DropdownButtonType} from '@oicl/openbridge-webcomponents/dist/components/dropdown-button/dropdown-button.js';
       import '@oicl/openbridge-webcomponents/dist/components/dropdown-button/dropdown-button.js';
       import { setProperties } from "../../util.js";
-      import type {ObcDropdownButtonChangeEvent, DropdownButtonType} from '@oicl/openbridge-webcomponents/dist/components/dropdown-button/dropdown-button.js';
+      import type {ObcDropdownButtonChangeEvent, DropdownButtonOption, DropdownButtonType} from '@oicl/openbridge-webcomponents/dist/components/dropdown-button/dropdown-button.js';
       import type { Snippet } from 'svelte';
 
       export interface Props {
@@ -16,12 +16,17 @@ Example:
   { value: 'volvo', label: 'Volvo' },
   { value: 'xc90', label: 'XC 90', level: 2 }
 ] */
-options?: { value: string; label: string; level?: number | undefined; }[];
+options?: DropdownButtonOption[];
       /** The value of the currently selected option. If not set, defaults to the first option in the list. */
 value?: string | undefined;
      disabled?: boolean;
       /** If true, the select expands to fill the width of its container. Default is false. */
 fullWidth?: boolean;
+      /** If true, a `value` that does not match any option leaves the button with no option selected,
+showing `placeholder` instead of defaulting to the first option. Default is false. */
+allowEmptySelection?: boolean;
+      /** Text shown when nothing is selected and `allowEmptySelection` is true. Default is an empty string. */
+placeholder?: string;
       /** Controls the button's display type.
 - `label`: Text label only (default)
 - `icon`: Icon only, no label

package/dist/components/dropdown-button/ObcDropdownButton.svelte.d.ts

@@ -1,5 +1,5 @@
 import '@oicl/openbridge-webcomponents/dist/components/dropdown-button/dropdown-button.js';
-import type { ObcDropdownButtonChangeEvent, DropdownButtonType } from '@oicl/openbridge-webcomponents/dist/components/dropdown-button/dropdown-button.js';
+import type { ObcDropdownButtonChangeEvent, DropdownButtonOption, DropdownButtonType } from '@oicl/openbridge-webcomponents/dist/components/dropdown-button/dropdown-button.js';
 import type { Snippet } from 'svelte';
 export interface Props {
     class?: string;
@@ -11,16 +11,17 @@ Example:
 { value: 'volvo', label: 'Volvo' },
 { value: 'xc90', label: 'XC 90', level: 2 }
 ] */
-    options?: {
-        value: string;
-        label: string;
-        level?: number | undefined;
-    }[];
+    options?: DropdownButtonOption[];
     /** The value of the currently selected option. If not set, defaults to the first option in the list. */
     value?: string | undefined;
     disabled?: boolean;
     /** If true, the select expands to fill the width of its container. Default is false. */
     fullWidth?: boolean;
+    /** If true, a `value` that does not match any option leaves the button with no option selected,
+showing `placeholder` instead of defaulting to the first option. Default is false. */
+    allowEmptySelection?: boolean;
+    /** Text shown when nothing is selected and `allowEmptySelection` is true. Default is an empty string. */
+    placeholder?: string;
     /** Controls the button's display type.
 - `label`: Text label only (default)
 - `icon`: Icon only, no label
@@ -43,6 +44,7 @@ export interface Slots {
 type $$ComponentProps = Props & Events & Slots;
 declare const ObcDropdownButton: import("svelte").Component<$$ComponentProps, {
     ObcDropdownButtonChangeEvent: typeof ObcDropdownButtonChangeEvent;
+    DropdownButtonOption: typeof DropdownButtonOption;
     DropdownButtonType: typeof DropdownButtonType;
 }, "">;
 type ObcDropdownButton = ReturnType<typeof ObcDropdownButton>;

package/dist/components/elevated-card-radio/ObcElevatedCardRadio.svelte

@@ -39,9 +39,9 @@ required?: boolean
   }
       export interface Slots {
   leadingIcon?: Snippet;
-  label?: Snippet
+  labelSnippet?: Snippet
 }
-      const {onChange, class: className, style, leadingIcon, label, ...props} = $props<Props & Events & Slots>();
+      const {onChange, class: className, style, leadingIcon, labelSnippet, ...props} = $props<Props & Events & Slots>();
 
     </script>
     <obc-elevated-card-radio
@@ -56,9 +56,9 @@ required?: boolean
         </div>
       {/if}
 
-      {#if label}
+      {#if labelSnippet}
         <div slot="label">
-          {@render label()}
+          {@render labelSnippet()}
         </div>
       {/if}
     </obc-elevated-card-radio>