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

package/dist/components/toggle-button-vertical-option/ObcToggleButtonVerticalOption.svelte

@@ -2,31 +2,27 @@
   <script lang="ts">
     export type {ObcToggleButtonVerticalOptionType, ObcToggleButtonLabelPlacement} from '@oicl/openbridge-webcomponents/dist/components/toggle-button-vertical-option/toggle-button-vertical-option.js';
       import '@oicl/openbridge-webcomponents/dist/components/toggle-button-vertical-option/toggle-button-vertical-option.js';
-      import { setProperties } from "../../util.js";
+      import { setProperties, forwardEvents } from "../../util.js";
       import type {ObcToggleButtonVerticalOptionType, ObcToggleButtonLabelPlacement} from '@oicl/openbridge-webcomponents/dist/components/toggle-button-vertical-option/toggle-button-vertical-option.js';
       import type { Snippet } from 'svelte';
 
       export interface Props {
      class?: string;
      style?: string;
-      /** Value associated with this option. Used in selection events. */
-value?: string;
-      /** Whether this option is currently selected (toggles visual state). */
-selected?: boolean;
-      /** The visual variant of the toggle button option.
-One of: "flat", "regular", "normal". */
-type?: ObcToggleButtonVerticalOptionType;
-      /** If true, renders the divider after this option.
-Managed by the parent group. */
-showDivider?: boolean;
-      /** If true, the option expects icon content in the icon slot.
-Controls layout and spacing for icon display. */
-hasIcon?: boolean;
-      /** Text label for the option.
-Displayed next to or below the icon based on labelPlacement. */
-label?: string;
-      /** If true, the option is disabled and cannot be interacted with. */
-disabled?: boolean;
+     /** Value associated with this option. Used in selection events. */
+     value?: string;
+     /** Whether this option is currently selected (toggles visual state). */
+     selected?: boolean;
+     /** The visual variant of the toggle button option. One of: "flat", "regular", "normal". */
+     type?: ObcToggleButtonVerticalOptionType;
+     /** If true, renders the divider after this option. Managed by the parent group. */
+     showDivider?: boolean;
+     /** If true, the option expects icon content in the icon slot. Controls layout and spacing for icon display. */
+     hasIcon?: boolean;
+     /** Text label for the option. Displayed next to or below the icon based on labelPlacement. */
+     label?: string;
+     /** If true, the option is disabled and cannot be interacted with. */
+     disabled?: boolean;
       /** Controls the layout of icon and label.
 - `inline`: Icon and label displayed side-by-side.
 - `under`: Label displayed below the icon. */
@@ -45,7 +41,7 @@ labelPlacement?: ObcToggleButtonLabelPlacement
     use:setProperties={props}
     class={className}
     style={style}
-    onselected={onSelected} >
+    use:forwardEvents={{'selected': onSelected}} >
       
       {#if icon}
         <div slot="icon">

package/dist/components/toggle-button-vertical-option/ObcToggleButtonVerticalOption.svelte.d.ts

@@ -8,17 +8,13 @@ export interface Props {
     value?: string;
     /** Whether this option is currently selected (toggles visual state). */
     selected?: boolean;
-    /** The visual variant of the toggle button option.
-One of: "flat", "regular", "normal". */
+    /** The visual variant of the toggle button option. One of: "flat", "regular", "normal". */
     type?: ObcToggleButtonVerticalOptionType;
-    /** If true, renders the divider after this option.
-Managed by the parent group. */
+    /** If true, renders the divider after this option. Managed by the parent group. */
     showDivider?: boolean;
-    /** If true, the option expects icon content in the icon slot.
-Controls layout and spacing for icon display. */
+    /** If true, the option expects icon content in the icon slot. Controls layout and spacing for icon display. */
     hasIcon?: boolean;
-    /** Text label for the option.
-Displayed next to or below the icon based on labelPlacement. */
+    /** Text label for the option. Displayed next to or below the icon based on labelPlacement. */
     label?: string;
     /** If true, the option is disabled and cannot be interacted with. */
     disabled?: boolean;

package/dist/components/toggle-switch/ObcToggleSwitch.svelte

@@ -1,50 +1,50 @@
 
   <script lang="ts">
-    
+    export type {ObcToggleSwitchInputEvent, ObcToggleSwitchChangeEvent} from '@oicl/openbridge-webcomponents/dist/components/toggle-switch/toggle-switch.js';
       import '@oicl/openbridge-webcomponents/dist/components/toggle-switch/toggle-switch.js';
-      import { setProperties } from "../../util.js";
-      
+      import { setProperties, forwardEvents } from "../../util.js";
+      import type {ObcToggleSwitchInputEvent, ObcToggleSwitchChangeEvent} from '@oicl/openbridge-webcomponents/dist/components/toggle-switch/toggle-switch.js';
       import type { Snippet } from 'svelte';
 
       export interface Props {
      class?: string;
      style?: string;
-      /** Main label for the toggle switch. Should clearly describe the setting being toggled. */
-label?: string;
-      /** Whether the toggle is in the "on" (checked) state.
-Set to true to display as active/on. */
-checked?: boolean;
-      /** Disables the toggle, preventing user interaction and applying a disabled style. */
-disabled?: boolean;
-      /** If true, displays the description text below the label. */
-hasDescription?: boolean;
-      /** Supplementary description text shown when `hasDescription` is true.
-Use to clarify the effect or details of the toggle. */
-description?: string;
-      /** If true, renders a divider below the toggle switch.
-Useful for visually separating items in a list. */
-hasBottomDivider?: boolean;
-      /** If true, displays a leading icon before the label.
-Provide icon content via the `icon` slot. */
-hasIcon?: boolean;
-      /** If true, the toggle is controlled externally.
-Use to control the toggle state from outside the component. */
-externalControl?: boolean
+     /** Main label for the toggle switch. Should clearly describe the setting being toggled. */
+     label?: string;
+     /** Whether the toggle is in the "on" (checked) state. Set to true to display as active/on. */
+     checked?: boolean;
+     /** Disables the toggle, preventing user interaction and applying a disabled style. */
+     disabled?: boolean;
+     /** If true, displays the description text below the label. */
+     hasDescription?: boolean;
+     /**
+      * Supplementary description text shown when `hasDescription` is true. Use to clarify the effect or details of the toggle.
+      *
+      * Available when `hasDescription==true`.
+      */
+     description?: string;
+     /** If true, renders a divider below the toggle switch. Useful for visually separating items in a list. */
+     hasBottomDivider?: boolean;
+     /** If true, displays a leading icon before the label. Provide icon content via the `icon` slot. */
+     hasIcon?: boolean;
+     /** If true, the toggle is controlled externally. Use to control the toggle state from outside the component. */
+     externalControl?: boolean
    }
       export interface Events {
-    onInput?: (event: CustomEvent<unknown>) => void
+    onInput?: (event: ObcToggleSwitchInputEvent) => void;
+    onChange?: (event: ObcToggleSwitchChangeEvent) => void
   }
       export interface Slots {
   icon?: Snippet
 }
-      const {onInput, class: className, style, icon, ...props} = $props<Props & Events & Slots>();
+      const {onInput, onChange, class: className, style, icon, ...props} = $props<Props & Events & Slots>();
 
     </script>
     <obc-toggle-switch
     use:setProperties={props}
     class={className}
     style={style}
-    oninput={onInput} >
+    use:forwardEvents={{'input': onInput, 'change': onChange}} >
       
       {#if icon}
         <div slot="icon">

package/dist/components/toggle-switch/ObcToggleSwitch.svelte.d.ts

@@ -1,37 +1,41 @@
 import '@oicl/openbridge-webcomponents/dist/components/toggle-switch/toggle-switch.js';
+import type { ObcToggleSwitchInputEvent, ObcToggleSwitchChangeEvent } from '@oicl/openbridge-webcomponents/dist/components/toggle-switch/toggle-switch.js';
 import type { Snippet } from 'svelte';
 export interface Props {
     class?: string;
     style?: string;
     /** Main label for the toggle switch. Should clearly describe the setting being toggled. */
     label?: string;
-    /** Whether the toggle is in the "on" (checked) state.
-Set to true to display as active/on. */
+    /** Whether the toggle is in the "on" (checked) state. Set to true to display as active/on. */
     checked?: boolean;
     /** Disables the toggle, preventing user interaction and applying a disabled style. */
     disabled?: boolean;
     /** If true, displays the description text below the label. */
     hasDescription?: boolean;
-    /** Supplementary description text shown when `hasDescription` is true.
-Use to clarify the effect or details of the toggle. */
+    /**
+     * Supplementary description text shown when `hasDescription` is true. Use to clarify the effect or details of the toggle.
+     *
+     * Available when `hasDescription==true`.
+     */
     description?: string;
-    /** If true, renders a divider below the toggle switch.
-Useful for visually separating items in a list. */
+    /** If true, renders a divider below the toggle switch. Useful for visually separating items in a list. */
     hasBottomDivider?: boolean;
-    /** If true, displays a leading icon before the label.
-Provide icon content via the `icon` slot. */
+    /** If true, displays a leading icon before the label. Provide icon content via the `icon` slot. */
     hasIcon?: boolean;
-    /** If true, the toggle is controlled externally.
-Use to control the toggle state from outside the component. */
+    /** If true, the toggle is controlled externally. Use to control the toggle state from outside the component. */
     externalControl?: boolean;
 }
 export interface Events {
-    onInput?: (event: CustomEvent<unknown>) => void;
+    onInput?: (event: ObcToggleSwitchInputEvent) => void;
+    onChange?: (event: ObcToggleSwitchChangeEvent) => void;
 }
 export interface Slots {
     icon?: Snippet;
 }
 type $$ComponentProps = Props & Events & Slots;
-declare const ObcToggleSwitch: import("svelte").Component<$$ComponentProps, {}, "">;
+declare const ObcToggleSwitch: import("svelte").Component<$$ComponentProps, {
+    ObcToggleSwitchInputEvent: typeof ObcToggleSwitchInputEvent;
+    ObcToggleSwitchChangeEvent: typeof ObcToggleSwitchChangeEvent;
+}, "">;
 type ObcToggleSwitch = ReturnType<typeof ObcToggleSwitch>;
 export default ObcToggleSwitch;

package/dist/components/toggletip/ObcToggletip.svelte

@@ -2,7 +2,7 @@
   <script lang="ts">
     export type {ToggletipVariant} from '@oicl/openbridge-webcomponents/dist/components/toggletip/toggletip.js';
       import '@oicl/openbridge-webcomponents/dist/components/toggletip/toggletip.js';
-      import { setProperties } from "../../util.js";
+      import { setProperties, forwardEvents } from "../../util.js";
       import type {ToggletipVariant} from '@oicl/openbridge-webcomponents/dist/components/toggletip/toggletip.js';
       import type { Snippet } from 'svelte';
 
@@ -19,32 +19,40 @@
 - `warning`: Highlights warnings or potential problems.
 - `alarm`: Signals critical or urgent conditions. */
 variant?: ToggletipVariant;
-      /** Title text displayed in the header. */
-title?: string;
-      /** Description text shown in the content area. */
-description?: string | undefined;
-      /** If true, shows the content slot area.
-Use the `content` slot to provide custom content. */
-hasContent?: boolean;
-      /** If true, shows the action buttons container.
-Both primary and secondary buttons are shown if labels are provided.
-TODO(designer): Should both buttons always be shown, or is one preferred as primary? */
-hasActions?: boolean;
-      /** If true, shows the leading icon in the header.
-The icon adapts to the current `variant` by default, or can be overridden via the `leading-icon` slot. */
-hasLeadingIcon?: boolean;
-      /** If true, shows the trailing icon in the header.
-Use the `trailing-icon` slot to provide a custom icon. */
-hasTrailingIcon?: boolean;
-      /** Sets a custom width for the toggletip in pixels.
-If not set, defaults to 400px. */
-customWidth?: number | undefined;
-      /** Label for the primary action button.
-Only shown if `hasActions` is true. */
-primaryButtonLabel?: string;
-      /** Label for the secondary action button.
-Only shown if `hasActions` is true. */
-secondaryButtonLabel?: string
+     /** Title text displayed in the header. */
+     title?: string;
+     /** Description text shown in the content area. */
+     description?: string | undefined;
+     /** If true, shows the content slot area. Use the `content` slot to provide custom content. */
+     hasContent?: boolean;
+     /** If true, shows the action buttons container. Both primary and secondary buttons are shown if labels are provided. TODO(designer): Should both buttons always be shown, or is one preferred as primary? */
+     hasActions?: boolean;
+     /**
+      * If true, shows the leading icon in the header. The icon adapts to the current `variant` by default, or can be overridden via the `leading-icon` slot.
+      *
+      * Available when `title!=''`.
+      */
+     hasLeadingIcon?: boolean;
+     /**
+      * If true, shows the trailing icon in the header. Use the `trailing-icon` slot to provide a custom icon.
+      *
+      * Available when `title!=''`.
+      */
+     hasTrailingIcon?: boolean;
+     /** Sets a custom width for the toggletip in pixels. If not set, defaults to 400px. */
+     customWidth?: number | undefined;
+     /**
+      * Label for the primary action button. Only shown if `hasActions` is true.
+      *
+      * Available when `hasActions==true`.
+      */
+     primaryButtonLabel?: string;
+     /**
+      * Label for the secondary action button. Only shown if `hasActions` is true.
+      *
+      * Available when `hasActions==true`.
+      */
+     secondaryButtonLabel?: string
    }
       export interface Events {
     onPrimaryAction?: (event: CustomEvent) => void;
@@ -62,8 +70,7 @@ secondaryButtonLabel?: string
     use:setProperties={props}
     class={className}
     style={style}
-    onprimary-action={onPrimaryAction}
-   onsecondary-action={onSecondaryAction} >
+    use:forwardEvents={{'primary-action': onPrimaryAction, 'secondary-action': onSecondaryAction}} >
       
       {#if leadingIcon}
         <div slot="leading-icon">

package/dist/components/toggletip/ObcToggletip.svelte.d.ts

@@ -18,27 +18,35 @@ export interface Props {
     title?: string;
     /** Description text shown in the content area. */
     description?: string | undefined;
-    /** If true, shows the content slot area.
-Use the `content` slot to provide custom content. */
+    /** If true, shows the content slot area. Use the `content` slot to provide custom content. */
     hasContent?: boolean;
-    /** If true, shows the action buttons container.
-Both primary and secondary buttons are shown if labels are provided.
-TODO(designer): Should both buttons always be shown, or is one preferred as primary? */
+    /** If true, shows the action buttons container. Both primary and secondary buttons are shown if labels are provided. TODO(designer): Should both buttons always be shown, or is one preferred as primary? */
     hasActions?: boolean;
-    /** If true, shows the leading icon in the header.
-The icon adapts to the current `variant` by default, or can be overridden via the `leading-icon` slot. */
+    /**
+     * If true, shows the leading icon in the header. The icon adapts to the current `variant` by default, or can be overridden via the `leading-icon` slot.
+     *
+     * Available when `title!=''`.
+     */
     hasLeadingIcon?: boolean;
-    /** If true, shows the trailing icon in the header.
-Use the `trailing-icon` slot to provide a custom icon. */
+    /**
+     * If true, shows the trailing icon in the header. Use the `trailing-icon` slot to provide a custom icon.
+     *
+     * Available when `title!=''`.
+     */
     hasTrailingIcon?: boolean;
-    /** Sets a custom width for the toggletip in pixels.
-If not set, defaults to 400px. */
+    /** Sets a custom width for the toggletip in pixels. If not set, defaults to 400px. */
     customWidth?: number | undefined;
-    /** Label for the primary action button.
-Only shown if `hasActions` is true. */
+    /**
+     * Label for the primary action button. Only shown if `hasActions` is true.
+     *
+     * Available when `hasActions==true`.
+     */
     primaryButtonLabel?: string;
-    /** Label for the secondary action button.
-Only shown if `hasActions` is true. */
+    /**
+     * Label for the secondary action button. Only shown if `hasActions` is true.
+     *
+     * Available when `hasActions==true`.
+     */
     secondaryButtonLabel?: string;
 }
 export interface Events {

package/dist/components/top-bar/ObcTopBar.svelte

@@ -3,7 +3,7 @@
     export type {BreadcrumbClickEvent, BreadcrumbItem} from '@oicl/openbridge-webcomponents/dist/components/breadcrumb/breadcrumb.js';
 export type {ObcTopBarMenuButtonIcon} from '@oicl/openbridge-webcomponents/dist/components/top-bar/top-bar.js';
       import '@oicl/openbridge-webcomponents/dist/components/top-bar/top-bar.js';
-      import { setProperties } from "../../util.js";
+      import { setProperties, forwardEvents } from "../../util.js";
       import type {BreadcrumbClickEvent, BreadcrumbItem} from '@oicl/openbridge-webcomponents/dist/components/breadcrumb/breadcrumb.js';
 import type {ObcTopBarMenuButtonIcon} from '@oicl/openbridge-webcomponents/dist/components/top-bar/top-bar.js';
       import type { Snippet } from 'svelte';
@@ -15,6 +15,7 @@ import type {ObcTopBarMenuButtonIcon} from '@oicl/openbridge-webcomponents/dist/
 appTitle?: string;
       /** Sets the current page or section name displayed in the top bar. */
 pageName?: string;
+     /** Available when `settings==false && inactive==false`. */
      menuButtonIcon?: ObcTopBarMenuButtonIcon;
       /** Highlights the menu button as active. */
 menuButtonActivated?: boolean;
@@ -86,16 +87,7 @@ breadcrumbItems?: BreadcrumbItem[]
     use:setProperties={props}
     class={className}
     style={style}
-    onmenu-button-clicked={onMenuButtonClicked}
-   ondimming-button-clicked={onDimmingButtonClicked}
-   onapps-button-clicked={onAppsButtonClicked}
-   onleft-more-button-clicked={onLeftMoreButtonClicked}
-   onuser-button-clicked={onUserButtonClicked}
-   onclose={onClose}
-   onback={onBack}
-   onemergency-brightness-start={onEmergencyBrightnessStart}
-   onemergency-brightness-stop={onEmergencyBrightnessStop}
-   onbreadcrumb-click={onBreadcrumbClick} >
+    use:forwardEvents={{'menu-button-clicked': onMenuButtonClicked, 'dimming-button-clicked': onDimmingButtonClicked, 'apps-button-clicked': onAppsButtonClicked, 'left-more-button-clicked': onLeftMoreButtonClicked, 'user-button-clicked': onUserButtonClicked, 'close': onClose, 'back': onBack, 'emergency-brightness-start': onEmergencyBrightnessStart, 'emergency-brightness-stop': onEmergencyBrightnessStop, 'breadcrumb-click': onBreadcrumbClick}} >
       
       {#if appIcon}
         <div slot="app-icon">

package/dist/components/top-bar/ObcTopBar.svelte.d.ts

@@ -9,6 +9,7 @@ export interface Props {
     appTitle?: string;
     /** Sets the current page or section name displayed in the top bar. */
     pageName?: string;
+    /** Available when `settings==false && inactive==false`. */
     menuButtonIcon?: ObcTopBarMenuButtonIcon;
     /** Highlights the menu button as active. */
     menuButtonActivated?: boolean;

package/dist/components/topbar-message-item/ObcTopbarMessageItem.svelte

@@ -2,7 +2,7 @@
   <script lang="ts">
     export type {ObcTopbarMessageItemType, ObcTopbarMessageItemSize} from '@oicl/openbridge-webcomponents/dist/components/topbar-message-item/topbar-message-item.js';
       import '@oicl/openbridge-webcomponents/dist/components/topbar-message-item/topbar-message-item.js';
-      import { setProperties } from "../../util.js";
+      import { setProperties, forwardEvents } from "../../util.js";
       import type {ObcTopbarMessageItemType, ObcTopbarMessageItemSize} from '@oicl/openbridge-webcomponents/dist/components/topbar-message-item/topbar-message-item.js';
       import type { Snippet } from 'svelte';
 
@@ -25,16 +25,36 @@ type?: ObcTopbarMessageItemType;
 
 Defaults to `regular`. */
 size?: ObcTopbarMessageItemSize;
-      /** Whether to show the title slot. */
-showTitle?: boolean;
-      /** Whether to show the description slot. */
-showDescription?: boolean;
-      /** Whether to show the primary timestamp slot. */
-showTimestamp?: boolean;
-      /** Whether to display the secondary timestamp slot. */
-hasTimestamp2?: boolean;
-      /** Whether to display the secondary icon slot. */
-hasSecondaryIcon?: boolean
+     /**
+      * Whether to show the title slot.
+      *
+      * Available when `type!=Inactive`.
+      */
+     showTitle?: boolean;
+     /**
+      * Whether to show the description slot.
+      *
+      * Available when `type!=Inactive`.
+      */
+     showDescription?: boolean;
+     /**
+      * Whether to show the primary timestamp slot.
+      *
+      * Available when `type!=Inactive`.
+      */
+     showTimestamp?: boolean;
+     /**
+      * Whether to display the secondary timestamp slot.
+      *
+      * Available when `type!=Inactive`.
+      */
+     hasTimestamp2?: boolean;
+     /**
+      * Whether to display the secondary icon slot.
+      *
+      * Available when `type!=Inactive`.
+      */
+     hasSecondaryIcon?: boolean
    }
       export interface Events {
     onMessageClick?: (event: CustomEvent<void>) => void;
@@ -58,8 +78,7 @@ hasSecondaryIcon?: boolean
     use:setProperties={props}
     class={className}
     style={style}
-    onmessage-click={onMessageClick}
-   onaction-click={onActionClick} >
+    use:forwardEvents={{'message-click': onMessageClick, 'action-click': onActionClick}} >
       
       {#if primaryIcon}
         <div slot="primary-icon">

package/dist/components/topbar-message-item/ObcTopbarMessageItem.svelte.d.ts

@@ -20,15 +20,35 @@ Defaults to `with-button`. */
 
 Defaults to `regular`. */
     size?: ObcTopbarMessageItemSize;
-    /** Whether to show the title slot. */
+    /**
+     * Whether to show the title slot.
+     *
+     * Available when `type!=Inactive`.
+     */
     showTitle?: boolean;
-    /** Whether to show the description slot. */
+    /**
+     * Whether to show the description slot.
+     *
+     * Available when `type!=Inactive`.
+     */
     showDescription?: boolean;
-    /** Whether to show the primary timestamp slot. */
+    /**
+     * Whether to show the primary timestamp slot.
+     *
+     * Available when `type!=Inactive`.
+     */
     showTimestamp?: boolean;
-    /** Whether to display the secondary timestamp slot. */
+    /**
+     * Whether to display the secondary timestamp slot.
+     *
+     * Available when `type!=Inactive`.
+     */
     hasTimestamp2?: boolean;
-    /** Whether to display the secondary icon slot. */
+    /**
+     * Whether to display the secondary icon slot.
+     *
+     * Available when `type!=Inactive`.
+     */
     hasSecondaryIcon?: boolean;
 }
 export interface Events {

package/dist/components/tree-navigation/ObcTreeNavigation.svelte

@@ -0,0 +1,32 @@
+
+  <script lang="ts">
+    
+      import '@oicl/openbridge-webcomponents/dist/components/tree-navigation/tree-navigation.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>
+    <obc-tree-navigation
+    use:setProperties={props}
+    class={className}
+    style={style}
+     >
+      
+      {#if children}
+        {@render children()}
+      {/if}
+    </obc-tree-navigation>

package/dist/components/tree-navigation/ObcTreeNavigation.svelte.d.ts

@@ -0,0 +1,15 @@
+import '@oicl/openbridge-webcomponents/dist/components/tree-navigation/tree-navigation.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 ObcTreeNavigation: import("svelte").Component<$$ComponentProps, {}, "">;
+type ObcTreeNavigation = ReturnType<typeof ObcTreeNavigation>;
+export default ObcTreeNavigation;

package/dist/components/tree-navigation-group/ObcTreeNavigationGroup.svelte

@@ -0,0 +1,56 @@
+
+  <script lang="ts">
+    export type {TreeBranchType, TreeNavigationItemAlerts} from '@oicl/openbridge-webcomponents/dist/components/tree-navigation-item/tree-navigation-item.js';
+      import '@oicl/openbridge-webcomponents/dist/components/tree-navigation-group/tree-navigation-group.js';
+      import { setProperties, forwardEvents } from "../../util.js";
+      import type {TreeBranchType, TreeNavigationItemAlerts} from '@oicl/openbridge-webcomponents/dist/components/tree-navigation-item/tree-navigation-item.js';
+      import type { Snippet } from 'svelte';
+
+      export interface Props {
+     class?: string;
+     style?: string;
+     /** The text label displayed for the group header row. */
+     label?: string;
+     /** Guide line to draw for each ancestor level of the header row. Normally set by the parent `<obc-tree-navigation>` container from the group's position; only set it manually when using a group outside the container. */
+     branches?: TreeBranchType[];
+     /** Whether the group is expanded, disclosing its children. Rotates the chevron. */
+     expanded?: boolean;
+     /** Whether the group header is the current selection. */
+     checked?: boolean;
+     /** Disables the group header, removing it from the tab order and dimming it. */
+     disabled?: boolean;
+     /** Whether the group header shows a leading icon (provided via the `icon` slot). */
+     hasIcon?: boolean;
+     /** Terminal type for the header row, controlling the alert-header marker shown in the terminal. One of `regular` (default), `aggregated-header`, or `group-header`. */
+     terminalType?: string;
+      /** [object Object],[object Object],[object Object] */
+alerts?: TreeNavigationItemAlerts | undefined;
+     /** The URL to navigate to when the header is activated. If set, the header row renders as a link; otherwise it acts as a button. */
+     href?: string | undefined
+   }
+      export interface Events {
+    onExpandToggle?: (event: CustomEvent<boolean>) => void
+  }
+      export interface Slots {
+  icon?: Snippet;
+  children?: Snippet
+}
+      const {onExpandToggle, class: className, style, icon, children, ...props} = $props<Props & Events & Slots>();
+
+    </script>
+    <obc-tree-navigation-group
+    use:setProperties={props}
+    class={className}
+    style={style}
+    use:forwardEvents={{'expand-toggle': onExpandToggle}} >
+      
+      {#if icon}
+        <div slot="icon">
+          {@render icon()}
+        </div>
+      {/if}
+
+      {#if children}
+        {@render children()}
+      {/if}
+    </obc-tree-navigation-group>