@oicl/openbridge-webcomponents-svelte 2.0.0-next.144 → 2.0.0-next.146

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

@@ -17,10 +17,10 @@ import type {AlertFrameConfig} from '@oicl/openbridge-webcomponents/dist/compone
      style?: string;
      /** Semantic variant (value / setpoint / advice). */
      variant?: ReadoutBlockVariant;
-      /** [object Object],[object Object],[object Object] */
-value?: string | number | null;
-      /** [object Object],[object Object],[object Object] */
-valueType?: ReadoutValueType;
+     /** 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. */
@@ -59,8 +59,12 @@ valueType?: ReadoutValueType;
      offText?: string;
      /** Text alignment of the number within its reserved width. */
      alignment?: ObcTextboxAlignment;
-      /** [object Object],[object Object],[object Object] */
-category?: ReadoutAdviceCategory;
+     /**
+      * 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"`.
       *

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

@@ -9,9 +9,9 @@ export interface Props {
     style?: string;
     /** Semantic variant (value / setpoint / advice). */
     variant?: ReadoutBlockVariant;
-    /** [object Object],[object Object],[object Object] */
+    /** The value; `null`/`undefined` renders a dash. A number by default, or text when `valueType` is `text`. */
     value?: string | number | null;
-    /** [object Object],[object Object],[object Object] */
+    /** 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;
@@ -51,7 +51,11 @@ export interface Props {
     offText?: string;
     /** Text alignment of the number within its reserved width. */
     alignment?: ObcTextboxAlignment;
-    /** [object Object],[object Object],[object Object] */
+    /**
+     * 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"`.

package/dist/components/checkbox-item/ObcCheckboxItem.svelte

@@ -1,44 +1,58 @@
 
   <script lang="ts">
     export type {ObcCheckboxChangeEvent, CheckboxStatus} from '@oicl/openbridge-webcomponents/dist/components/checkbox/checkbox.js';
-export type {ObcCheckboxItemState, ObcCheckboxItemHoverStyle} from '@oicl/openbridge-webcomponents/dist/components/checkbox-item/checkbox-item.js';
+export type {ObcCheckboxItemExpandToggleEvent, ObcCheckboxItemState, ObcCheckboxItemHoverStyle} from '@oicl/openbridge-webcomponents/dist/components/checkbox-item/checkbox-item.js';
       import '@oicl/openbridge-webcomponents/dist/components/checkbox-item/checkbox-item.js';
       import { setProperties, forwardEvents } from "../../util.js";
       import type {ObcCheckboxChangeEvent, CheckboxStatus} from '@oicl/openbridge-webcomponents/dist/components/checkbox/checkbox.js';
-import type {ObcCheckboxItemState, ObcCheckboxItemHoverStyle} from '@oicl/openbridge-webcomponents/dist/components/checkbox-item/checkbox-item.js';
+import type {ObcCheckboxItemExpandToggleEvent, ObcCheckboxItemState, ObcCheckboxItemHoverStyle} from '@oicl/openbridge-webcomponents/dist/components/checkbox-item/checkbox-item.js';
       import type { Snippet } from 'svelte';
 
       export interface Props {
      class?: string;
      style?: string;
+     /** Checkbox status: `unchecked`, `checked` or `mixed`. */
      status?: CheckboxStatus;
+     /** Item state: `enabled` or `disabled`. */
      state?: ObcCheckboxItemState;
+     /** Disables the row and the inner checkbox. */
      disabled?: boolean;
+     /** Text label; also the accessible name of the checkbox and the chevron button, so it must not be empty. */
      label?: string;
-     isNested?: boolean;
-     /** Available when `isNested==true || hoverStyle==visual-target`. */
-     isLevel1?: boolean;
-     /** Available when `isNested==true || hoverStyle==visual-target`. */
-     isLevel2?: boolean;
+     /** Secondary line under the label; hidden when empty. */
+     description?: string;
+     /** Depth in a nested list. 0 is a plain row; 1 reserves the chevron slot; each level above 1 adds a spacer. */
+     level?: number;
+     /** Shows the chevron button that fires `expand-toggle`. */
+     expandable?: boolean;
+     /**
+      * Whether the row's children are shown; drives the chevron direction and `aria-expanded`.
+      *
+      * Available when `expandable==true`.
+      */
+     expanded?: boolean;
+     /** Which box shows hover and focus: the whole row (`touch-target`) or the checkbox (`visual-target`). */
      hoverStyle?: ObcCheckboxItemHoverStyle;
+     /** Forwarded to the inner checkbox as `aria-describedby`. */
      ariaDescribedBy?: string
    }
       export interface Events {
-    onChange?: (event: ObcCheckboxChangeEvent) => void
+    onChange?: (event: ObcCheckboxChangeEvent) => void;
+    onExpandToggle?: (event: ObcCheckboxItemExpandToggleEvent) => void
   }
       export interface Slots {
   children?: Snippet
 }
-      const {onChange, class: className, style, children, ...props} = $props<Props & Events & Slots>();
+      const {onChange, onExpandToggle, class: className, style, children, ...props} = $props<Props & Events & Slots>();
 
     </script>
     <obc-checkbox-item
     use:setProperties={props}
     class={className}
     style={style}
-    use:forwardEvents={{'change': onChange}} >
+    use:forwardEvents={{'change': onChange, 'expand-toggle': onExpandToggle}} >
       
-      {#if children}
-        {@render children()}
-      {/if}
+    {#if children}
+      {@render children()}
+    {/if}
     </obc-checkbox-item>

package/dist/components/checkbox-item/ObcCheckboxItem.svelte.d.ts

@@ -1,24 +1,38 @@
 import '@oicl/openbridge-webcomponents/dist/components/checkbox-item/checkbox-item.js';
 import type { ObcCheckboxChangeEvent, CheckboxStatus } from '@oicl/openbridge-webcomponents/dist/components/checkbox/checkbox.js';
-import type { ObcCheckboxItemState, ObcCheckboxItemHoverStyle } from '@oicl/openbridge-webcomponents/dist/components/checkbox-item/checkbox-item.js';
+import type { ObcCheckboxItemExpandToggleEvent, ObcCheckboxItemState, ObcCheckboxItemHoverStyle } from '@oicl/openbridge-webcomponents/dist/components/checkbox-item/checkbox-item.js';
 import type { Snippet } from 'svelte';
 export interface Props {
     class?: string;
     style?: string;
+    /** Checkbox status: `unchecked`, `checked` or `mixed`. */
     status?: CheckboxStatus;
+    /** Item state: `enabled` or `disabled`. */
     state?: ObcCheckboxItemState;
+    /** Disables the row and the inner checkbox. */
     disabled?: boolean;
+    /** Text label; also the accessible name of the checkbox and the chevron button, so it must not be empty. */
     label?: string;
-    isNested?: boolean;
-    /** Available when `isNested==true || hoverStyle==visual-target`. */
-    isLevel1?: boolean;
-    /** Available when `isNested==true || hoverStyle==visual-target`. */
-    isLevel2?: boolean;
+    /** Secondary line under the label; hidden when empty. */
+    description?: string;
+    /** Depth in a nested list. 0 is a plain row; 1 reserves the chevron slot; each level above 1 adds a spacer. */
+    level?: number;
+    /** Shows the chevron button that fires `expand-toggle`. */
+    expandable?: boolean;
+    /**
+     * Whether the row's children are shown; drives the chevron direction and `aria-expanded`.
+     *
+     * Available when `expandable==true`.
+     */
+    expanded?: boolean;
+    /** Which box shows hover and focus: the whole row (`touch-target`) or the checkbox (`visual-target`). */
     hoverStyle?: ObcCheckboxItemHoverStyle;
+    /** Forwarded to the inner checkbox as `aria-describedby`. */
     ariaDescribedBy?: string;
 }
 export interface Events {
     onChange?: (event: ObcCheckboxChangeEvent) => void;
+    onExpandToggle?: (event: ObcCheckboxItemExpandToggleEvent) => void;
 }
 export interface Slots {
     children?: Snippet;
@@ -27,6 +41,7 @@ type $$ComponentProps = Props & Events & Slots;
 declare const ObcCheckboxItem: import("svelte").Component<$$ComponentProps, {
     ObcCheckboxChangeEvent: typeof ObcCheckboxChangeEvent;
     CheckboxStatus: typeof CheckboxStatus;
+    ObcCheckboxItemExpandToggleEvent: typeof ObcCheckboxItemExpandToggleEvent;
     ObcCheckboxItemState: typeof ObcCheckboxItemState;
     ObcCheckboxItemHoverStyle: typeof ObcCheckboxItemHoverStyle;
 }, "">;

package/dist/components/checkbox-list/ObcCheckboxList.svelte

@@ -0,0 +1,33 @@
+
+  <script lang="ts">
+    export type {ObcCheckboxItemHoverStyle} from '@oicl/openbridge-webcomponents/dist/components/checkbox-item/checkbox-item.js';
+      import '@oicl/openbridge-webcomponents/dist/components/checkbox-list/checkbox-list.js';
+      import { setProperties } from "../../util.js";
+      import type {ObcCheckboxItemHoverStyle} from '@oicl/openbridge-webcomponents/dist/components/checkbox-item/checkbox-item.js';
+      import type { Snippet } from 'svelte';
+
+      export interface Props {
+     class?: string;
+     style?: string;
+     /** Hover treatment applied to every slotted row: `touch-target` or `visual-target`. */
+     hoverStyle?: ObcCheckboxItemHoverStyle
+   }
+      export interface Events {
+    
+  }
+      export interface Slots {
+  children?: Snippet
+}
+      const { class: className, style, children, ...props} = $props<Props & Events & Slots>();
+
+    </script>
+    <obc-checkbox-list
+    use:setProperties={props}
+    class={className}
+    style={style}
+     >
+      
+      {#if children}
+        {@render children()}
+      {/if}
+    </obc-checkbox-list>

package/dist/components/checkbox-list/ObcCheckboxList.svelte.d.ts

@@ -0,0 +1,20 @@
+import '@oicl/openbridge-webcomponents/dist/components/checkbox-list/checkbox-list.js';
+import type { ObcCheckboxItemHoverStyle } from '@oicl/openbridge-webcomponents/dist/components/checkbox-item/checkbox-item.js';
+import type { Snippet } from 'svelte';
+export interface Props {
+    class?: string;
+    style?: string;
+    /** Hover treatment applied to every slotted row: `touch-target` or `visual-target`. */
+    hoverStyle?: ObcCheckboxItemHoverStyle;
+}
+export interface Events {
+}
+export interface Slots {
+    children?: Snippet;
+}
+type $$ComponentProps = Props & Events & Slots;
+declare const ObcCheckboxList: import("svelte").Component<$$ComponentProps, {
+    ObcCheckboxItemHoverStyle: typeof ObcCheckboxItemHoverStyle;
+}, "">;
+type ObcCheckboxList = ReturnType<typeof ObcCheckboxList>;
+export default ObcCheckboxList;

package/dist/index.d.ts

@@ -126,6 +126,7 @@ export { default as ObcChatMessage } from './components/chat-message/ObcChatMess
 export { default as ObcCheckButton } from './components/check-button/ObcCheckButton.svelte';
 export { default as ObcCheckbox } from './components/checkbox/ObcCheckbox.svelte';
 export { default as ObcCheckboxItem } from './components/checkbox-item/ObcCheckboxItem.svelte';
+export { default as ObcCheckboxList } from './components/checkbox-list/ObcCheckboxList.svelte';
 export { default as ObcClock } from './components/clock/ObcClock.svelte';
 export { default as ObcCommandButton } from './components/command-button/ObcCommandButton.svelte';
 export { default as ObcCommandMenu } from './components/command-menu/ObcCommandMenu.svelte';

package/dist/index.js

@@ -126,6 +126,7 @@ export { default as ObcChatMessage } from './components/chat-message/ObcChatMess
 export { default as ObcCheckButton } from './components/check-button/ObcCheckButton.svelte';
 export { default as ObcCheckbox } from './components/checkbox/ObcCheckbox.svelte';
 export { default as ObcCheckboxItem } from './components/checkbox-item/ObcCheckboxItem.svelte';
+export { default as ObcCheckboxList } from './components/checkbox-list/ObcCheckboxList.svelte';
 export { default as ObcClock } from './components/clock/ObcClock.svelte';
 export { default as ObcCommandButton } from './components/command-button/ObcCommandButton.svelte';
 export { default as ObcCommandMenu } from './components/command-menu/ObcCommandMenu.svelte';

package/dist/navigation-instruments/readout/ObcReadout.svelte

@@ -24,10 +24,10 @@ import type {ReadoutValueOptions, ReadoutSetpointOptions, ReadoutAdviceOptions,
      src?: string | undefined;
      /** Layout switch: `false` renders a deliberately value-less (label-only) readout that hugs its remaining parts. For a temporarily missing value keep `hasValue` and set `value` to `null` instead — the dash keeps the value block at full size, so the layout does not shift when data arrives. */
      hasValue?: boolean;
-      /** [object Object],[object Object],[object Object] */
-value?: string | number | null;
-      /** [object Object],[object Object],[object Object] */
-valueType?: ReadoutValueType;
+     /** The value; `null` 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;
      /** Render the value as `offText` (e.g. equipment powered down). Affects the value only. */
      off?: boolean;
      /**

package/dist/navigation-instruments/readout/ObcReadout.svelte.d.ts

@@ -14,9 +14,9 @@ export interface Props {
     src?: string | undefined;
     /** Layout switch: `false` renders a deliberately value-less (label-only) readout that hugs its remaining parts. For a temporarily missing value keep `hasValue` and set `value` to `null` instead — the dash keeps the value block at full size, so the layout does not shift when data arrives. */
     hasValue?: boolean;
-    /** [object Object],[object Object],[object Object] */
+    /** The value; `null` renders a dash. A number by default, or text when `valueType` is `text`. */
     value?: string | number | null;
-    /** [object Object],[object Object],[object Object] */
+    /** 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;
     /** Render the value as `offText` (e.g. equipment powered down). Affects the value only. */
     off?: boolean;

package/dist/navigation-instruments/readout-list-item/ObcReadoutListItem.svelte

@@ -20,10 +20,10 @@ import type {AlertFrameConfig} from '@oicl/openbridge-webcomponents/dist/compone
      src?: string | undefined;
      /** Layout switch: `false` renders a deliberately value-less (label-only) row that hugs its remaining parts. For a temporarily missing value keep `hasValue` and set `value` to `null` instead — the dash keeps the value block at full size, so the row does not shift when data arrives. */
      hasValue?: boolean;
-      /** [object Object],[object Object],[object Object] */
-value?: string | number | null;
-      /** [object Object],[object Object],[object Object] */
-valueType?: ReadoutValueType;
+     /** The value; `null` 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;
      /** Render the value as `offText` (e.g. equipment powered down). Affects the value only. */
      off?: boolean;
      /**

package/dist/navigation-instruments/readout-list-item/ObcReadoutListItem.svelte.d.ts

@@ -12,9 +12,9 @@ export interface Props {
     src?: string | undefined;
     /** Layout switch: `false` renders a deliberately value-less (label-only) row that hugs its remaining parts. For a temporarily missing value keep `hasValue` and set `value` to `null` instead — the dash keeps the value block at full size, so the row does not shift when data arrives. */
     hasValue?: boolean;
-    /** [object Object],[object Object],[object Object] */
+    /** The value; `null` renders a dash. A number by default, or text when `valueType` is `text`. */
     value?: string | number | null;
-    /** [object Object],[object Object],[object Object] */
+    /** 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;
     /** Render the value as `offText` (e.g. equipment powered down). Affects the value only. */
     off?: boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@oicl/openbridge-webcomponents-svelte",
-  "version": "2.0.0-next.144",
+  "version": "2.0.0-next.146",
   "scripts": {
     "dev": "vite dev",
     "build": "vite build && npm run prepack",
@@ -31,7 +31,7 @@
     }
   },
   "dependencies": {
-    "@oicl/openbridge-webcomponents": "^2.0.0-next.144"
+    "@oicl/openbridge-webcomponents": "^2.0.0-next.146"
   },
   "peerDependencies": {
     "svelte": "^5.0.0"