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

package/dist/building-blocks/readout-block/ObcReadoutBlock.svelte

@@ -0,0 +1,108 @@
+
+  <script lang="ts">
+    export type {ReadoutBlockVariant, ReadoutBlockSize, ReadoutAdviceCategory, ReadoutBlockDataQuality, ReadoutBlockHidePhase} from '@oicl/openbridge-webcomponents/dist/building-blocks/readout-block/readout-block.js';
+export type {ReadoutValueType} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/readout/readout-formatters.js';
+export type {ObcTextboxSize, ObcTextboxFontWeight, ObcTextboxAlignment} from '@oicl/openbridge-webcomponents/dist/components/textbox/textbox.js';
+export type {AlertFrameConfig} from '@oicl/openbridge-webcomponents/dist/components/alert-frame/alert-frame.js';
+      import '@oicl/openbridge-webcomponents/dist/building-blocks/readout-block/readout-block.js';
+      import { setProperties } from "../../util.js";
+      import NamedSlot from "../../NamedSlot.svelte";
+      import type {ReadoutBlockVariant, ReadoutBlockSize, ReadoutAdviceCategory, ReadoutBlockDataQuality, ReadoutBlockHidePhase} from '@oicl/openbridge-webcomponents/dist/building-blocks/readout-block/readout-block.js';
+import type {ReadoutValueType} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/readout/readout-formatters.js';
+import type {ObcTextboxSize, ObcTextboxFontWeight, ObcTextboxAlignment} from '@oicl/openbridge-webcomponents/dist/components/textbox/textbox.js';
+import type {AlertFrameConfig} from '@oicl/openbridge-webcomponents/dist/components/alert-frame/alert-frame.js';
+      import type { Snippet } from 'svelte';
+
+      export interface Props {
+     class?: string;
+     style?: string;
+     /** Semantic variant (value / setpoint / advice). */
+     variant?: ReadoutBlockVariant;
+     /** The value; `null`/`undefined` renders a dash. A number by default, or text when `valueType` is `text`. */
+     value?: string | number | null;
+     /** How `value` is interpreted. `number` (default) formats it via `fractionDigits`; `text` renders it verbatim and ignores the numeric format options. Passing text while this is `number` throws. */
+     valueType?: ReadoutValueType;
+     /** Density tier — icon size, gap, degree tier. */
+     size?: ReadoutBlockSize;
+     /** Resolved number-typography size. When unset it is derived from `size` (small→s, medium→m, large→l), so a parent that de-emphasises a block (e.g. a secondary setpoint) can pass a smaller size without changing the tier. */
+     valueSize?: ObcTextboxSize | undefined;
+     /** Accent (in-command) colour tone. */
+     enhanced?: boolean;
+     /** Number font weight (regular / semibold / bold); colour is independent. */
+     weight?: ObcTextboxFontWeight;
+     /** Render the trailing cap-height degree glyph (`°`). */
+     hasDegree?: boolean;
+     /** Show the leading marker-icon container (always on for setpoint/advice). */
+     hasIcon?: boolean;
+     /**
+      * Number of fraction digits. Must be between 0 and 100 — the range `Number.prototype.toFixed` accepts; outside it throws a `RangeError`. A fractional count truncates (`2.7` → `2`). A count that never arrived (`NaN`, `null` or unset) renders the reading as the unavailable dash — formatting with a precision the author never chose would let a critical `0.4` pass for a healthy `0`.
+      *
+      * Available when `valueType==number`.
+      */
+     fractionDigits?: number;
+     /**
+      * Integer digits to reserve / hint (independent of `fractionDigits`). Bounded before use: a fractional count truncates (`2.7` → `2`), anything above 100 — including `Infinity` — caps at 100, and a negative count reserves nothing. A count that never arrived (`NaN`, `null` or unset) renders the reading as the unavailable dash, consistent with `fractionDigits`.
+      *
+      * Available when `valueType==number`.
+      */
+     maxDigits?: number;
+     /**
+      * Render muted leading zeros filling the integer part to `maxDigits`. A negative value keeps them all — the sign is prepended and never consumes a zero (`maxDigits` 3: `12.3` → `012.3`, `-12.3` → `-012.3`) — so a negative reading is one character wider than a positive one unless `hasSignSpacer` reserves the sign column. An unavailable value renders dashes across the whole reserved width (`‒‒‒.‒`) instead of the short placeholder.
+      *
+      * Available when `valueType==number`.
+      */
+     hintedZeros?: boolean;
+     /**
+      * Reserve a minus-sign column ahead of the digits: an invisible sign placeholder holds the column open while the value is non-negative and the real sign fills it when negative, so the width does not change across zero. Enable it on readouts whose value can go negative; all-positive readouts reserve nothing.
+      *
+      * Available when `valueType==number`.
+      */
+     hasSignSpacer?: boolean;
+     /** Explicit longest string to reserve width for (e.g. `"0000.0"`). Combined with the `maxDigits`-derived reserve by taking whichever is wider, so it can never reserve less than the formatted value needs. */
+     spaceReserver?: string | undefined;
+     /** Render `offText` instead of a number (e.g. equipment powered down). */
+     off?: boolean;
+     /** Text shown when `off` is true. */
+     offText?: string;
+     /** Text alignment of the number within its reserved width. */
+     alignment?: ObcTextboxAlignment;
+     /**
+      * Semantic category of an advice block — picks the default marker icon and the `active` styling. Only meaningful for `variant="advice"`.
+      *
+      * Available when `variant==advice`.
+      */
+     category?: ReadoutAdviceCategory;
+     /**
+      * The advice is triggered: the marker swaps to its filled/status icon and the number takes the category's triggered styling (SemiBold for regular/optimal/eco, active text colour for the alert categories). Only meaningful for `variant="advice"`.
+      *
+      * Available when `variant==advice`.
+      */
+     active?: boolean;
+     /** Per-block measurement quality (outline chip). */
+     dataQuality?: ReadoutBlockDataQuality | undefined;
+     /** Per-block alert frame; nests inside any parent alert frame. */
+     alert?: boolean | AlertFrameConfig;
+     /** Setpoint focus (touch) state — only meaningful for `role="setpoint"`. */
+     touching?: boolean;
+     /** Setpoint pop-up fade phase — only meaningful for `role="setpoint"`. */
+     hidePhase?: ReadoutBlockHidePhase
+   }
+      export interface Events {
+    
+  }
+      export interface Slots {
+  icon?: Snippet
+}
+      const { class: className, style, icon, ...props} = $props<Props & Events & Slots>();
+
+    </script>
+    <obc-readout-block
+    use:setProperties={props}
+    class={className}
+    style={style}
+     >
+      
+      {#if icon}
+        <NamedSlot name="icon" content={icon} />
+      {/if}
+    </obc-readout-block>

package/dist/building-blocks/readout-block/ObcReadoutBlock.svelte.d.ts

@@ -0,0 +1,100 @@
+import '@oicl/openbridge-webcomponents/dist/building-blocks/readout-block/readout-block.js';
+import type { ReadoutBlockVariant, ReadoutBlockSize, ReadoutAdviceCategory, ReadoutBlockDataQuality, ReadoutBlockHidePhase } from '@oicl/openbridge-webcomponents/dist/building-blocks/readout-block/readout-block.js';
+import type { ReadoutValueType } from '@oicl/openbridge-webcomponents/dist/navigation-instruments/readout/readout-formatters.js';
+import type { ObcTextboxSize, ObcTextboxFontWeight, ObcTextboxAlignment } from '@oicl/openbridge-webcomponents/dist/components/textbox/textbox.js';
+import type { AlertFrameConfig } from '@oicl/openbridge-webcomponents/dist/components/alert-frame/alert-frame.js';
+import type { Snippet } from 'svelte';
+export interface Props {
+    class?: string;
+    style?: string;
+    /** Semantic variant (value / setpoint / advice). */
+    variant?: ReadoutBlockVariant;
+    /** The value; `null`/`undefined` renders a dash. A number by default, or text when `valueType` is `text`. */
+    value?: string | number | null;
+    /** How `value` is interpreted. `number` (default) formats it via `fractionDigits`; `text` renders it verbatim and ignores the numeric format options. Passing text while this is `number` throws. */
+    valueType?: ReadoutValueType;
+    /** Density tier — icon size, gap, degree tier. */
+    size?: ReadoutBlockSize;
+    /** Resolved number-typography size. When unset it is derived from `size` (small→s, medium→m, large→l), so a parent that de-emphasises a block (e.g. a secondary setpoint) can pass a smaller size without changing the tier. */
+    valueSize?: ObcTextboxSize | undefined;
+    /** Accent (in-command) colour tone. */
+    enhanced?: boolean;
+    /** Number font weight (regular / semibold / bold); colour is independent. */
+    weight?: ObcTextboxFontWeight;
+    /** Render the trailing cap-height degree glyph (`°`). */
+    hasDegree?: boolean;
+    /** Show the leading marker-icon container (always on for setpoint/advice). */
+    hasIcon?: boolean;
+    /**
+     * Number of fraction digits. Must be between 0 and 100 — the range `Number.prototype.toFixed` accepts; outside it throws a `RangeError`. A fractional count truncates (`2.7` → `2`). A count that never arrived (`NaN`, `null` or unset) renders the reading as the unavailable dash — formatting with a precision the author never chose would let a critical `0.4` pass for a healthy `0`.
+     *
+     * Available when `valueType==number`.
+     */
+    fractionDigits?: number;
+    /**
+     * Integer digits to reserve / hint (independent of `fractionDigits`). Bounded before use: a fractional count truncates (`2.7` → `2`), anything above 100 — including `Infinity` — caps at 100, and a negative count reserves nothing. A count that never arrived (`NaN`, `null` or unset) renders the reading as the unavailable dash, consistent with `fractionDigits`.
+     *
+     * Available when `valueType==number`.
+     */
+    maxDigits?: number;
+    /**
+     * Render muted leading zeros filling the integer part to `maxDigits`. A negative value keeps them all — the sign is prepended and never consumes a zero (`maxDigits` 3: `12.3` → `012.3`, `-12.3` → `-012.3`) — so a negative reading is one character wider than a positive one unless `hasSignSpacer` reserves the sign column. An unavailable value renders dashes across the whole reserved width (`‒‒‒.‒`) instead of the short placeholder.
+     *
+     * Available when `valueType==number`.
+     */
+    hintedZeros?: boolean;
+    /**
+     * Reserve a minus-sign column ahead of the digits: an invisible sign placeholder holds the column open while the value is non-negative and the real sign fills it when negative, so the width does not change across zero. Enable it on readouts whose value can go negative; all-positive readouts reserve nothing.
+     *
+     * Available when `valueType==number`.
+     */
+    hasSignSpacer?: boolean;
+    /** Explicit longest string to reserve width for (e.g. `"0000.0"`). Combined with the `maxDigits`-derived reserve by taking whichever is wider, so it can never reserve less than the formatted value needs. */
+    spaceReserver?: string | undefined;
+    /** Render `offText` instead of a number (e.g. equipment powered down). */
+    off?: boolean;
+    /** Text shown when `off` is true. */
+    offText?: string;
+    /** Text alignment of the number within its reserved width. */
+    alignment?: ObcTextboxAlignment;
+    /**
+     * Semantic category of an advice block — picks the default marker icon and the `active` styling. Only meaningful for `variant="advice"`.
+     *
+     * Available when `variant==advice`.
+     */
+    category?: ReadoutAdviceCategory;
+    /**
+     * The advice is triggered: the marker swaps to its filled/status icon and the number takes the category's triggered styling (SemiBold for regular/optimal/eco, active text colour for the alert categories). Only meaningful for `variant="advice"`.
+     *
+     * Available when `variant==advice`.
+     */
+    active?: boolean;
+    /** Per-block measurement quality (outline chip). */
+    dataQuality?: ReadoutBlockDataQuality | undefined;
+    /** Per-block alert frame; nests inside any parent alert frame. */
+    alert?: boolean | AlertFrameConfig;
+    /** Setpoint focus (touch) state — only meaningful for `role="setpoint"`. */
+    touching?: boolean;
+    /** Setpoint pop-up fade phase — only meaningful for `role="setpoint"`. */
+    hidePhase?: ReadoutBlockHidePhase;
+}
+export interface Events {
+}
+export interface Slots {
+    icon?: Snippet;
+}
+type $$ComponentProps = Props & Events & Slots;
+declare const ObcReadoutBlock: import("svelte").Component<$$ComponentProps, {
+    ReadoutBlockVariant: typeof ReadoutBlockVariant;
+    ReadoutBlockSize: typeof ReadoutBlockSize;
+    ReadoutAdviceCategory: typeof ReadoutAdviceCategory;
+    ReadoutBlockDataQuality: typeof ReadoutBlockDataQuality;
+    ReadoutBlockHidePhase: typeof ReadoutBlockHidePhase;
+    ReadoutValueType: typeof ReadoutValueType;
+    ObcTextboxSize: typeof ObcTextboxSize;
+    ObcTextboxFontWeight: typeof ObcTextboxFontWeight;
+    ObcTextboxAlignment: typeof ObcTextboxAlignment;
+    AlertFrameConfig: typeof AlertFrameConfig;
+}, "">;
+type ObcReadoutBlock = ReturnType<typeof ObcReadoutBlock>;
+export default ObcReadoutBlock;

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

@@ -0,0 +1,44 @@
+
+  <script lang="ts">
+    export type {Priority} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/types.js';
+      import '@oicl/openbridge-webcomponents/dist/building-blocks/single-axis-inclinometer/single-axis-inclinometer.js';
+      import { setProperties } from "../../util.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;
+     hasReadout?: boolean;
+     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
+}
+      const { class: className, style, children, ...props} = $props<Props & Events & Slots>();
+
+    </script>
+    <undefined
+    use:setProperties={props}
+    class={className}
+    style={style}
+     >
+      
+    {#if children}
+      {@render children()}
+    {/if}
+    </undefined>

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

@@ -0,0 +1,31 @@
+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;
+    hasReadout?: boolean;
+    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,34 +1,45 @@
 
   <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 { setProperties, forwardEvents } from "../../util.js";
+      import NamedSlot from "../../NamedSlot.svelte";
       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;
      style?: string;
-      /** Main title text displayed in the accordion header. */
-cardTitle?: string;
-      /** Supporting description text shown under the title (only in large size and if `hasDescription` is true). */
-description?: string;
-      /** Optional status label displayed in the header (shown if `hasStatusLabel` is true). */
-statusLabel?: string;
-      /** Whether the accordion card is expanded (shows additional content). */
-expanded?: boolean;
-      /** Disables the accordion card, preventing user interaction and dimming its appearance. */
-disabled?: boolean;
-      /** Shows an alert overlay above the card when true. Configure appearance with `alertFrameType`, `alertFrameThickness`, and `alertFrameStatus`. */
-hasAlert?: boolean;
-      /** Enables the description text in the header (only in large size). */
-hasDescription?: boolean;
-      /** Enables the status label in the header. */
-hasStatusLabel?: boolean;
-      /** Enables the leading icon slot in the header. */
-hasLeadingIcon?: boolean;
+     /** Main title text displayed in the accordion header. */
+     cardTitle?: string;
+     /**
+      * Supporting description text shown under the title (only in large size and if `hasDescription` is true).
+      *
+      * Available when `size==large && hasDescription==true`.
+      */
+     description?: string;
+     /**
+      * Optional status label displayed in the header (shown if `hasStatusLabel` is true).
+      *
+      * Available when `hasStatusLabel==true`.
+      */
+     statusLabel?: string;
+     /** Whether the accordion card is expanded (shows additional content). */
+     expanded?: boolean;
+     /** Disables the accordion card, preventing user interaction and dimming its appearance. */
+     disabled?: boolean;
+     /** Shows an alert overlay above the card when true. Configure appearance with `alertFrameType`, `alertFrameThickness`, and `alertFrameStatus`. */
+     hasAlert?: boolean;
+     /** Enables the description text in the header (only in large size). */
+     hasDescription?: boolean;
+     /** Enables the status label in the header. */
+     hasStatusLabel?: boolean;
+     /** Enables the leading icon slot in the header. */
+     hasLeadingIcon?: boolean;
       /** Controls border radius/edge styling for stacking multiple accordions.
 - `regular` (default): Standard border radius.
 - `top`: Flat bottom edge (for top of a stack).
@@ -39,15 +50,24 @@ position?: Position;
 - `single-line` (default): Compact header with only title.
 - `large`: Header includes a description beneath the title. */
 size?: AccordionSize;
-      /** Type of the alert frame overlay (used when `hasAlert` is true).
-See `obc-alert-frame` for available types. */
-alertFrameType?: ObcAlertFrameType;
-      /** Thickness of the alert frame overlay (used when `hasAlert` is true).
-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
+     /**
+      * Type of the alert frame overlay (used when `hasAlert` is true). See `obc-alert-frame` for available types.
+      *
+      * Available when `hasAlert==true`.
+      */
+     alertFrameType?: ObcAlertFrameType;
+     /**
+      * Thickness of the alert frame overlay (used when `hasAlert` is true). See `obc-alert-frame` for available thickness values.
+      *
+      * Available when `hasAlert==true`.
+      */
+     alertFrameThickness?: ObcAlertFrameThickness;
+     /**
+      * Status of the alert frame overlay (used when `hasAlert` is true). See `obc-alert-frame` for available statuses.
+      *
+      * Available when `hasAlert==true`.
+      */
+     alertFrameStatus?: AlertType
    }
       export interface Events {
     onAccordionToggle?: (event: CustomEvent<{expanded: boolean, cardTitle: string}>) => void
@@ -66,35 +86,25 @@ alertFrameStatus?: ObcAlertFrameStatus
     use:setProperties={props}
     class={className}
     style={style}
-    onaccordion-toggle={onAccordionToggle} >
+    use:forwardEvents={{'accordion-toggle': onAccordionToggle}} >
       
       {#if leadingIcon}
-        <div slot="leading-icon">
-          {@render leadingIcon()}
-        </div>
+        <NamedSlot name="leading-icon" content={leadingIcon} />
       {/if}
 
       {#if expandedContent}
-        <div slot="expanded-content">
-          {@render expandedContent()}
-        </div>
+        <NamedSlot name="expanded-content" content={expandedContent} />
       {/if}
 
       {#if alertIcon}
-        <div slot="alert-icon">
-          {@render alertIcon()}
-        </div>
+        <NamedSlot name="alert-icon" content={alertIcon} />
       {/if}
 
       {#if alertLabel}
-        <div slot="alert-label">
-          {@render alertLabel()}
-        </div>
+        <NamedSlot name="alert-label" content={alertLabel} />
       {/if}
 
       {#if alertTimer}
-        <div slot="alert-timer">
-          {@render alertTimer()}
-        </div>
+        <NamedSlot name="alert-timer" content={alertTimer} />
       {/if}
     </obc-accordion-card>

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

@@ -1,15 +1,24 @@
 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;
     style?: string;
     /** Main title text displayed in the accordion header. */
     cardTitle?: string;
-    /** Supporting description text shown under the title (only in large size and if `hasDescription` is true). */
+    /**
+     * Supporting description text shown under the title (only in large size and if `hasDescription` is true).
+     *
+     * Available when `size==large && hasDescription==true`.
+     */
     description?: string;
-    /** Optional status label displayed in the header (shown if `hasStatusLabel` is true). */
+    /**
+     * Optional status label displayed in the header (shown if `hasStatusLabel` is true).
+     *
+     * Available when `hasStatusLabel==true`.
+     */
     statusLabel?: string;
     /** Whether the accordion card is expanded (shows additional content). */
     expanded?: boolean;
@@ -33,15 +42,24 @@ export interface Props {
 - `single-line` (default): Compact header with only title.
 - `large`: Header includes a description beneath the title. */
     size?: AccordionSize;
-    /** Type of the alert frame overlay (used when `hasAlert` is true).
-See `obc-alert-frame` for available types. */
+    /**
+     * Type of the alert frame overlay (used when `hasAlert` is true). See `obc-alert-frame` for available types.
+     *
+     * Available when `hasAlert==true`.
+     */
     alertFrameType?: ObcAlertFrameType;
-    /** Thickness of the alert frame overlay (used when `hasAlert` is true).
-See `obc-alert-frame` for available thickness values. */
+    /**
+     * Thickness of the alert frame overlay (used when `hasAlert` is true). See `obc-alert-frame` for available thickness values.
+     *
+     * Available when `hasAlert==true`.
+     */
     alertFrameThickness?: ObcAlertFrameThickness;
-    /** Status of the alert frame overlay (used when `hasAlert` is true).
-See `obc-alert-frame` for available statuses. */
-    alertFrameStatus?: ObcAlertFrameStatus;
+    /**
+     * Status of the alert frame overlay (used when `hasAlert` is true). See `obc-alert-frame` for available statuses.
+     *
+     * Available when `hasAlert==true`.
+     */
+    alertFrameStatus?: AlertType;
 }
 export interface Events {
     onAccordionToggle?: (event: CustomEvent<{
@@ -62,7 +80,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/accordion-item/ObcAccordionItem.svelte

@@ -2,23 +2,22 @@
   <script lang="ts">
     
       import '@oicl/openbridge-webcomponents/dist/components/accordion-item/accordion-item.js';
-      import { setProperties } from "../../util.js";
+      import { setProperties, forwardEvents } from "../../util.js";
+      import NamedSlot from "../../NamedSlot.svelte";
       
       import type { Snippet } from 'svelte';
 
       export interface Props {
      class?: string;
      style?: string;
-      /** The label displayed in the header of the accordion item. */
-title?: string;
-      /** Whether the item is expanded (shows the content area).
-Set to `true` to expand, `false` to collapse. */
-open?: boolean;
-      /** Disables the accordion item, preventing user interaction and dimming the appearance. */
-disabled?: boolean;
-      /** Displays a divider line below the item for visual separation.
-Useful when stacking multiple items in a list. */
-showDivider?: boolean
+     /** The label displayed in the header of the accordion item. */
+     title?: string;
+     /** Whether the item is expanded (shows the content area). Set to `true` to expand, `false` to collapse. */
+     open?: boolean;
+     /** Disables the accordion item, preventing user interaction and dimming the appearance. */
+     disabled?: boolean;
+     /** Displays a divider line below the item for visual separation. Useful when stacking multiple items in a list. */
+     showDivider?: boolean
    }
       export interface Events {
     onAccordionItemToggle?: (event: CustomEvent<{open: boolean, title: string}>) => void
@@ -33,11 +32,9 @@ showDivider?: boolean
     use:setProperties={props}
     class={className}
     style={style}
-    onaccordion-item-toggle={onAccordionItemToggle} >
+    use:forwardEvents={{'accordion-item-toggle': onAccordionItemToggle}} >
       
       {#if expandedContent}
-        <div slot="expanded-content">
-          {@render expandedContent()}
-        </div>
+        <NamedSlot name="expanded-content" content={expandedContent} />
       {/if}
     </obc-accordion-item>

package/dist/components/accordion-item/ObcAccordionItem.svelte.d.ts

@@ -5,13 +5,11 @@ export interface Props {
     style?: string;
     /** The label displayed in the header of the accordion item. */
     title?: string;
-    /** Whether the item is expanded (shows the content area).
-Set to `true` to expand, `false` to collapse. */
+    /** Whether the item is expanded (shows the content area). Set to `true` to expand, `false` to collapse. */
     open?: boolean;
     /** Disables the accordion item, preventing user interaction and dimming the appearance. */
     disabled?: boolean;
-    /** Displays a divider line below the item for visual separation.
-Useful when stacking multiple items in a list. */
+    /** Displays a divider line below the item for visual separation. Useful when stacking multiple items in a list. */
     showDivider?: boolean;
 }
 export interface Events {

package/dist/components/advice-button/ObcAdviceButton.svelte

@@ -2,7 +2,8 @@
   <script lang="ts">
     export type {AdviceButtonClickEvent, AdviceButtonStyle} from '@oicl/openbridge-webcomponents/dist/components/advice-button/advice-button.js';
       import '@oicl/openbridge-webcomponents/dist/components/advice-button/advice-button.js';
-      import { setProperties } from "../../util.js";
+      import { setProperties, forwardEvents } from "../../util.js";
+      import NamedSlot from "../../NamedSlot.svelte";
       import type {AdviceButtonClickEvent, AdviceButtonStyle} from '@oicl/openbridge-webcomponents/dist/components/advice-button/advice-button.js';
       import type { Snippet } from 'svelte';
 
@@ -15,18 +16,18 @@
 - `normal`: Standard, highlighted when active (`isActive` must be true for effect).
 - `enhanced`: Most prominent, accent background/border when active (`isActive` must be true for effect). */
 buttonStyle?: AdviceButtonStyle;
-      /** Number of advice items or notifications to display in the badge.
-Only shown when `showCount` is true and style is `normal` or `enhanced`. */
-count?: number;
-      /** Whether to display the advice count badge.
-If false, the count is hidden even if `count` is set. */
-showCount?: boolean;
-      /** Whether the button is in the active/selected state.
-Changes the icon and style when true. */
-isActive?: boolean;
-      /** Accessibility label for the button.
-Used for screen readers via `aria-label`. */
-ariaLabel?: string
+     /** Number of advice items or notifications to display in the badge. Only shown when `showCount` is true and style is `normal` or `enhanced`. */
+     count?: number;
+     /**
+      * Whether to display the advice count badge. If false, the count is hidden even if `count` is set.
+      *
+      * Available when `isActive==true && buttonStyle in [Normal, Enhanced]`.
+      */
+     showCount?: boolean;
+     /** Whether the button is in the active/selected state. Changes the icon and style when true. */
+     isActive?: boolean;
+     /** Accessibility label for the button. Used for screen readers via `aria-label`. */
+     ariaLabel?: string
    }
       export interface Events {
     onObcClick?: (event: AdviceButtonClickEvent) => void
@@ -41,11 +42,9 @@ ariaLabel?: string
     use:setProperties={props}
     class={className}
     style={style}
-    onobc-click={onObcClick} >
+    use:forwardEvents={{'obc-click': onObcClick}} >
       
       {#if icon}
-        <div slot="icon">
-          {@render icon()}
-        </div>
+        <NamedSlot name="icon" content={icon} />
       {/if}
     </obc-advice-button>

package/dist/components/advice-button/ObcAdviceButton.svelte.d.ts

@@ -10,17 +10,17 @@ export interface Props {
 - `normal`: Standard, highlighted when active (`isActive` must be true for effect).
 - `enhanced`: Most prominent, accent background/border when active (`isActive` must be true for effect). */
     buttonStyle?: AdviceButtonStyle;
-    /** Number of advice items or notifications to display in the badge.
-Only shown when `showCount` is true and style is `normal` or `enhanced`. */
+    /** Number of advice items or notifications to display in the badge. Only shown when `showCount` is true and style is `normal` or `enhanced`. */
     count?: number;
-    /** Whether to display the advice count badge.
-If false, the count is hidden even if `count` is set. */
+    /**
+     * Whether to display the advice count badge. If false, the count is hidden even if `count` is set.
+     *
+     * Available when `isActive==true && buttonStyle in [Normal, Enhanced]`.
+     */
     showCount?: boolean;
-    /** Whether the button is in the active/selected state.
-Changes the icon and style when true. */
+    /** Whether the button is in the active/selected state. Changes the icon and style when true. */
     isActive?: boolean;
-    /** Accessibility label for the button.
-Used for screen readers via `aria-label`. */
+    /** Accessibility label for the button. Used for screen readers via `aria-label`. */
     ariaLabel?: string;
 }
 export interface Events {