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

package/README.md

@@ -28,12 +28,14 @@ We are thrilled if you would like to support the OpenBridge Web Components proje
 We invite industry partners to join our Joint Industry Project. By becoming a donor, you help secure the future of the project and gain influence over the roadmap.
 
 ### Donor Benefits
+
 By becoming a donor, you aren’t just supporting code—you’re joining a collaborative movement. To show our appreciation, donors receive a specialized benefits package valid for 12 months upon receipt of payment:
 
 - **Proudly Show Your Support:** You are authorized to use the official "OpenBridge Member" logo in your marketing materials and corporate communications.
 - **Early & Easy Access:** You gain the right to use all new releases of the project’s software components directly under the Apache License 2.0.
 
 ### How to Support
+
 If you are interested in supporting the project, please fill out this **[Support Form](https://docs.google.com/forms/d/e/1FAIpQLSc6JVRyyIease2PkUArirNkG0DeTB__YnWEovjVwISlaYdktA/viewform?usp=header)**.
 
 For more information, please contact **Torstein A. Bø** at [torstein.bo@openstudio.no](mailto:torstein.bo@openstudio.no) or contact us on [Slack](https://join.slack.com/t/openbridgegroup/shared_invite/zt-2e4clvl6s-uZLkN5L3g8O~c1UZCN1reQ).

package/dist/NamedSlot.svelte

@@ -0,0 +1,26 @@
+
+<script lang="ts">
+  import type { Snippet } from "svelte";
+  import { assignSlot, SLOT_MARKER } from "./util.js";
+
+  interface Props {
+    /** Name of the custom element slot to assign the content to. */
+    name: string;
+    content: Snippet<[any]>;
+    /** Argument for parameterized snippets, e.g. `tab-<id>-icon`. */
+    arg?: unknown;
+  }
+
+  const { name, content, arg }: Props = $props();
+
+  // Text cannot carry a `slot` attribute. Once the snippet renders text, fall
+  // back to a display: contents wrapper that carries it instead.
+  let wrapped = $state(false);
+  const marker = { slot: SLOT_MARKER };
+</script>
+
+{#if wrapped}
+  <span {...{ slot: name }} style="display: contents">{@render content(arg)}</span>
+{:else}
+  <template {...marker} use:assignSlot={{ name, onText: () => (wrapped = true) }}></template>{@render content(arg)}<template {...marker}></template>
+{/if}

package/dist/NamedSlot.svelte.d.ts

@@ -0,0 +1,11 @@
+import type { Snippet } from "svelte";
+interface Props {
+    /** Name of the custom element slot to assign the content to. */
+    name: string;
+    content: Snippet<[any]>;
+    /** Argument for parameterized snippets, e.g. `tab-<id>-icon`. */
+    arg?: unknown;
+}
+declare const NamedSlot: import("svelte").Component<Props, {}, "">;
+type NamedSlot = ReturnType<typeof NamedSlot>;
+export default NamedSlot;

package/dist/ar/building-blocks/poi-header/ObcPoiHeader.svelte

@@ -3,6 +3,7 @@
     export type {ObcPoiHeaderSize, ObcPoiHeaderState, ObcPoiHeaderType} from '@oicl/openbridge-webcomponents/dist/ar/building-blocks/poi-header/poi-header.js';
       import '@oicl/openbridge-webcomponents/dist/ar/building-blocks/poi-header/poi-header.js';
       import { setProperties } from "../../../util.js";
+      import NamedSlot from "../../../NamedSlot.svelte";
       import type {ObcPoiHeaderSize, ObcPoiHeaderState, ObcPoiHeaderType} from '@oicl/openbridge-webcomponents/dist/ar/building-blocks/poi-header/poi-header.js';
       import type { Snippet } from 'svelte';
 
@@ -32,8 +33,6 @@
      >
       
       {#if indicator}
-        <div slot="indicator">
-          {@render indicator()}
-        </div>
+        <NamedSlot name="indicator" content={indicator} />
       {/if}
     </obc-poi-header>

package/dist/ar/chart-object-vessel-button/ObcChartObjectVesselButton.svelte

@@ -4,6 +4,7 @@
 export type {VesselImage} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/watch/vessel.js';
       import '@oicl/openbridge-webcomponents/dist/ar/chart-object-vessel-button/chart-object-vessel-button.js';
       import { setProperties } from "../../util.js";
+      import NamedSlot from "../../NamedSlot.svelte";
       import type {SpeedIndicator, State, Type} from '@oicl/openbridge-webcomponents/dist/ar/chart-object-vessel-button/chart-object-vessel-button.js';
 import type {VesselImage} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/watch/vessel.js';
       import type { Snippet } from 'svelte';
@@ -11,11 +12,17 @@ import type {VesselImage} from '@oicl/openbridge-webcomponents/dist/navigation-i
       export interface Props {
      class?: string;
      style?: string;
-      /** Heading in degrees */
-heading?: number;
-      /** Course over ground in degrees */
-course?: number;
+     /** Heading in degrees */
+     heading?: number;
+     /**
+      * Course over ground in degrees
+      *
+      * Available when `courseArrowPx!=undefined`.
+      */
+     course?: number;
+     /** Available when `type in [ButtonSpeedRot, FlatSpeedRot]`. */
      speedIndicator?: SpeedIndicator;
+     /** Available when `type in [ButtonSpeedRot, FlatSpeedRot]`. */
      turnRate?: number;
      number?: number | undefined;
      name?: string | undefined;
@@ -33,11 +40,11 @@ course?: number;
       export interface Slots {
   children?: Snippet;
   silhouette?: Snippet;
-  number?: Snippet;
-  name?: Snippet;
-  vesselImage?: Snippet
+  numberSnippet?: Snippet;
+  nameSnippet?: Snippet;
+  vesselImageSnippet?: Snippet
 }
-      const { class: className, style, children, silhouette, number, name, vesselImage, ...props} = $props<Props & Events & Slots>();
+      const { class: className, style, children, silhouette, numberSnippet, nameSnippet, vesselImageSnippet, ...props} = $props<Props & Events & Slots>();
 
     </script>
     <obc-chart-object-vessel-button
@@ -51,26 +58,18 @@ course?: number;
       {/if}
 
       {#if silhouette}
-        <div slot="silhouette">
-          {@render silhouette()}
-        </div>
+        <NamedSlot name="silhouette" content={silhouette} />
       {/if}
 
-      {#if number}
-        <div slot="number">
-          {@render number()}
-        </div>
+      {#if numberSnippet}
+        <NamedSlot name="number" content={numberSnippet} />
       {/if}
 
-      {#if name}
-        <div slot="name">
-          {@render name()}
-        </div>
+      {#if nameSnippet}
+        <NamedSlot name="name" content={nameSnippet} />
       {/if}
 
-      {#if vesselImage}
-        <div slot="vessel-image">
-          {@render vesselImage()}
-        </div>
+      {#if vesselImageSnippet}
+        <NamedSlot name="vessel-image" content={vesselImageSnippet} />
       {/if}
     </obc-chart-object-vessel-button>

package/dist/ar/chart-object-vessel-button/ObcChartObjectVesselButton.svelte.d.ts

@@ -7,9 +7,15 @@ export interface Props {
     style?: string;
     /** Heading in degrees */
     heading?: number;
-    /** Course over ground in degrees */
+    /**
+     * Course over ground in degrees
+     *
+     * Available when `courseArrowPx!=undefined`.
+     */
     course?: number;
+    /** Available when `type in [ButtonSpeedRot, FlatSpeedRot]`. */
     speedIndicator?: SpeedIndicator;
+    /** Available when `type in [ButtonSpeedRot, FlatSpeedRot]`. */
     turnRate?: number;
     number?: number | undefined;
     name?: string | undefined;
@@ -26,9 +32,9 @@ export interface Events {
 export interface Slots {
     children?: Snippet;
     silhouette?: Snippet;
-    number?: Snippet;
-    name?: Snippet;
-    vesselImage?: Snippet;
+    numberSnippet?: Snippet;
+    nameSnippet?: Snippet;
+    vesselImageSnippet?: Snippet;
 }
 type $$ComponentProps = Props & Events & Slots;
 declare const ObcChartObjectVesselButton: import("svelte").Component<$$ComponentProps, {

package/dist/ar/poi/ObcPoi.svelte

@@ -5,6 +5,7 @@ export type {ObcPoiButtonType, ObcPoiButtonDataItem} from '@oicl/openbridge-webc
 export type {ObcPoiPointerType, ObcPoiPointerState} from '@oicl/openbridge-webcomponents/dist/ar/building-blocks/poi-pointer/poi-pointer.js';
       import '@oicl/openbridge-webcomponents/dist/ar/poi/poi.js';
       import { setProperties } from "../../util.js";
+      import NamedSlot from "../../NamedSlot.svelte";
       import type {ObcPoiType, ObcPoiValue, ObcPoiState} from '@oicl/openbridge-webcomponents/dist/ar/poi/poi.js';
 import type {ObcPoiButtonType, ObcPoiButtonDataItem} from '@oicl/openbridge-webcomponents/dist/ar/poi-button/poi-button.js';
 import type {ObcPoiPointerType, ObcPoiPointerState} from '@oicl/openbridge-webcomponents/dist/ar/building-blocks/poi-pointer/poi-pointer.js';
@@ -18,12 +19,16 @@ import type {ObcPoiPointerType, ObcPoiPointerState} from '@oicl/openbridge-webco
      state?: ObcPoiState;
      selected?: boolean;
      buttonType?: ObcPoiButtonType;
+     /** Available when `value==overlapped`. */
      overlapOpaque?: boolean;
      data?: ObcPoiButtonDataItem[];
      hasHeader?: boolean;
+     /** Available when `hasHeader==true`. */
      headerContent?: string;
      hasPointer?: boolean;
+     /** Available when `hasPointer==true && type in [Line, Offset, Point] && value!=checked && value!=activated && state!=enabled`. */
      pointerType?: ObcPoiPointerType | null;
+     /** Available when `hasPointer==true && type in [Line, Offset, Point] && value!=checked && value!=activated`. */
      pointerState?: ObcPoiPointerState | null;
      relativeDirection?: number;
      x?: number;
@@ -31,9 +36,11 @@ import type {ObcPoiPointerType, ObcPoiPointerState} from '@oicl/openbridge-webco
      buttonY?: number | null;
      fixedTarget?: boolean;
      buttonOffsetX?: number;
+     /** Available when `type in [Line, Offset]`. */
      targetOffsetX?: number;
      boxWidth?: number | null;
      boxHeight?: number | null;
+     /** Available when `type==outside && hasPointer==true`. */
      outsideAngle?: number;
      animatePosition?: boolean
    }
@@ -42,9 +49,10 @@ import type {ObcPoiPointerType, ObcPoiPointerState} from '@oicl/openbridge-webco
   }
       export interface Slots {
   children?: Snippet;
+  button?: Snippet;
   header?: Snippet
 }
-      const { class: className, style, children, header, ...props} = $props<Props & Events & Slots>();
+      const { class: className, style, children, button, header, ...props} = $props<Props & Events & Slots>();
 
     </script>
     <obc-poi
@@ -57,9 +65,11 @@ import type {ObcPoiPointerType, ObcPoiPointerState} from '@oicl/openbridge-webco
         {@render children()}
       {/if}
 
+      {#if button}
+        <NamedSlot name="button" content={button} />
+      {/if}
+
       {#if header}
-        <div slot="header">
-          {@render header()}
-        </div>
+        <NamedSlot name="header" content={header} />
       {/if}
     </obc-poi>

package/dist/ar/poi/ObcPoi.svelte.d.ts

@@ -11,12 +11,16 @@ export interface Props {
     state?: ObcPoiState;
     selected?: boolean;
     buttonType?: ObcPoiButtonType;
+    /** Available when `value==overlapped`. */
     overlapOpaque?: boolean;
     data?: ObcPoiButtonDataItem[];
     hasHeader?: boolean;
+    /** Available when `hasHeader==true`. */
     headerContent?: string;
     hasPointer?: boolean;
+    /** Available when `hasPointer==true && type in [Line, Offset, Point] && value!=checked && value!=activated && state!=enabled`. */
     pointerType?: ObcPoiPointerType | null;
+    /** Available when `hasPointer==true && type in [Line, Offset, Point] && value!=checked && value!=activated`. */
     pointerState?: ObcPoiPointerState | null;
     relativeDirection?: number;
     x?: number;
@@ -24,9 +28,11 @@ export interface Props {
     buttonY?: number | null;
     fixedTarget?: boolean;
     buttonOffsetX?: number;
+    /** Available when `type in [Line, Offset]`. */
     targetOffsetX?: number;
     boxWidth?: number | null;
     boxHeight?: number | null;
+    /** Available when `type==outside && hasPointer==true`. */
     outsideAngle?: number;
     animatePosition?: boolean;
 }
@@ -34,6 +40,7 @@ export interface Events {
 }
 export interface Slots {
     children?: Snippet;
+    button?: Snippet;
     header?: Snippet;
 }
 type $$ComponentProps = Props & Events & Slots;

package/dist/ar/poi/ObcPoiAton.svelte

@@ -1,16 +1,46 @@
 
   <script lang="ts">
-    export type {ObcPoiObjectAtonType, ObcPoiObjectAtonStyle} from '@oicl/openbridge-webcomponents/dist/ar/poi-object/poi-object-aton.js';
+    export type {ObcPoiType, ObcPoiValue, ObcPoiState} from '@oicl/openbridge-webcomponents/dist/ar/poi/poi.js';
+export type {ObcPoiButtonType, ObcPoiButtonDataItem} from '@oicl/openbridge-webcomponents/dist/ar/poi-button/poi-button.js';
+export type {ObcPoiPointerType, ObcPoiPointerState} from '@oicl/openbridge-webcomponents/dist/ar/building-blocks/poi-pointer/poi-pointer.js';
+export type {ObcPoiObjectAtonType, ObcPoiObjectAtonStyle} from '@oicl/openbridge-webcomponents/dist/ar/poi-object/poi-object-aton.js';
 export type {ObcPoiObjectState} from '@oicl/openbridge-webcomponents/dist/ar/poi-object/poi-object.js';
       import '@oicl/openbridge-webcomponents/dist/ar/poi/poi-aton.js';
-      import { setProperties } from "../../util.js";
-      import type {ObcPoiObjectAtonType, ObcPoiObjectAtonStyle} from '@oicl/openbridge-webcomponents/dist/ar/poi-object/poi-object-aton.js';
+      import { setProperties, forwardEvents } from "../../util.js";
+      import NamedSlot from "../../NamedSlot.svelte";
+      import type {ObcPoiType, ObcPoiValue, ObcPoiState} from '@oicl/openbridge-webcomponents/dist/ar/poi/poi.js';
+import type {ObcPoiButtonType, ObcPoiButtonDataItem} from '@oicl/openbridge-webcomponents/dist/ar/poi-button/poi-button.js';
+import type {ObcPoiPointerType, ObcPoiPointerState} from '@oicl/openbridge-webcomponents/dist/ar/building-blocks/poi-pointer/poi-pointer.js';
+import type {ObcPoiObjectAtonType, ObcPoiObjectAtonStyle} from '@oicl/openbridge-webcomponents/dist/ar/poi-object/poi-object-aton.js';
 import type {ObcPoiObjectState} from '@oicl/openbridge-webcomponents/dist/ar/poi-object/poi-object.js';
       import type { Snippet } from 'svelte';
 
       export interface Props {
      class?: string;
      style?: string;
+     type?: ObcPoiType;
+     value?: ObcPoiValue;
+     state?: ObcPoiState;
+     selected?: boolean;
+     buttonType?: ObcPoiButtonType;
+     overlapOpaque?: boolean;
+     data?: ObcPoiButtonDataItem[];
+     hasHeader?: boolean;
+     headerContent?: string;
+     hasPointer?: boolean;
+     pointerType?: ObcPoiPointerType | null;
+     pointerState?: ObcPoiPointerState | null;
+     relativeDirection?: number;
+     x?: number;
+     y?: number;
+     buttonY?: number | null;
+     fixedTarget?: boolean;
+     boxWidth?: number | null;
+     boxHeight?: number | null;
+     outsideAngle?: number;
+     animatePosition?: boolean;
+     buttonOffsetX?: number;
+     targetOffsetX?: number;
      atonType?: ObcPoiObjectAtonType;
      atonStyle?: ObcPoiObjectAtonStyle;
      atonState?: ObcPoiObjectState | null;
@@ -30,15 +60,13 @@ import type {ObcPoiObjectState} from '@oicl/openbridge-webcomponents/dist/ar/poi
     use:setProperties={props}
     class={className}
     style={style}
-    onobc-poi-data-layout-change={onObcPoiDataLayoutChange} >
+    use:forwardEvents={{'obc-poi-data-layout-change': onObcPoiDataLayoutChange}} >
       
       {#if children}
         {@render children()}
       {/if}
 
       {#if header}
-        <div slot="header">
-          {@render header()}
-        </div>
+        <NamedSlot name="header" content={header} />
       {/if}
     </obc-poi-aton>

package/dist/ar/poi/ObcPoiAton.svelte.d.ts

@@ -1,10 +1,36 @@
 import '@oicl/openbridge-webcomponents/dist/ar/poi/poi-aton.js';
+import type { ObcPoiType, ObcPoiValue, ObcPoiState } from '@oicl/openbridge-webcomponents/dist/ar/poi/poi.js';
+import type { ObcPoiButtonType, ObcPoiButtonDataItem } from '@oicl/openbridge-webcomponents/dist/ar/poi-button/poi-button.js';
+import type { ObcPoiPointerType, ObcPoiPointerState } from '@oicl/openbridge-webcomponents/dist/ar/building-blocks/poi-pointer/poi-pointer.js';
 import type { ObcPoiObjectAtonType, ObcPoiObjectAtonStyle } from '@oicl/openbridge-webcomponents/dist/ar/poi-object/poi-object-aton.js';
 import type { ObcPoiObjectState } from '@oicl/openbridge-webcomponents/dist/ar/poi-object/poi-object.js';
 import type { Snippet } from 'svelte';
 export interface Props {
     class?: string;
     style?: string;
+    type?: ObcPoiType;
+    value?: ObcPoiValue;
+    state?: ObcPoiState;
+    selected?: boolean;
+    buttonType?: ObcPoiButtonType;
+    overlapOpaque?: boolean;
+    data?: ObcPoiButtonDataItem[];
+    hasHeader?: boolean;
+    headerContent?: string;
+    hasPointer?: boolean;
+    pointerType?: ObcPoiPointerType | null;
+    pointerState?: ObcPoiPointerState | null;
+    relativeDirection?: number;
+    x?: number;
+    y?: number;
+    buttonY?: number | null;
+    fixedTarget?: boolean;
+    boxWidth?: number | null;
+    boxHeight?: number | null;
+    outsideAngle?: number;
+    animatePosition?: boolean;
+    buttonOffsetX?: number;
+    targetOffsetX?: number;
     atonType?: ObcPoiObjectAtonType;
     atonStyle?: ObcPoiObjectAtonStyle;
     atonState?: ObcPoiObjectState | null;
@@ -19,6 +45,13 @@ export interface Slots {
 }
 type $$ComponentProps = Props & Events & Slots;
 declare const ObcPoiAton: import("svelte").Component<$$ComponentProps, {
+    ObcPoiType: typeof ObcPoiType;
+    ObcPoiValue: typeof ObcPoiValue;
+    ObcPoiState: typeof ObcPoiState;
+    ObcPoiButtonType: typeof ObcPoiButtonType;
+    ObcPoiButtonDataItem: typeof ObcPoiButtonDataItem;
+    ObcPoiPointerType: typeof ObcPoiPointerType;
+    ObcPoiPointerState: typeof ObcPoiPointerState;
     ObcPoiObjectAtonType: typeof ObcPoiObjectAtonType;
     ObcPoiObjectAtonStyle: typeof ObcPoiObjectAtonStyle;
     ObcPoiObjectState: typeof ObcPoiObjectState;

package/dist/ar/poi/ObcPoiData.svelte

@@ -1,14 +1,44 @@
 
   <script lang="ts">
-    export type {ObcPoiObjectStyle, ObcPoiObjectState} from '@oicl/openbridge-webcomponents/dist/ar/poi-object/poi-object.js';
+    export type {ObcPoiType, ObcPoiValue, ObcPoiState} from '@oicl/openbridge-webcomponents/dist/ar/poi/poi.js';
+export type {ObcPoiButtonType, ObcPoiButtonDataItem} from '@oicl/openbridge-webcomponents/dist/ar/poi-button/poi-button.js';
+export type {ObcPoiPointerType, ObcPoiPointerState} from '@oicl/openbridge-webcomponents/dist/ar/building-blocks/poi-pointer/poi-pointer.js';
+export type {ObcPoiObjectStyle, ObcPoiObjectState} from '@oicl/openbridge-webcomponents/dist/ar/poi-object/poi-object.js';
       import '@oicl/openbridge-webcomponents/dist/ar/poi/poi-data.js';
-      import { setProperties } from "../../util.js";
-      import type {ObcPoiObjectStyle, ObcPoiObjectState} from '@oicl/openbridge-webcomponents/dist/ar/poi-object/poi-object.js';
+      import { setProperties, forwardEvents } from "../../util.js";
+      import NamedSlot from "../../NamedSlot.svelte";
+      import type {ObcPoiType, ObcPoiValue, ObcPoiState} from '@oicl/openbridge-webcomponents/dist/ar/poi/poi.js';
+import type {ObcPoiButtonType, ObcPoiButtonDataItem} from '@oicl/openbridge-webcomponents/dist/ar/poi-button/poi-button.js';
+import type {ObcPoiPointerType, ObcPoiPointerState} from '@oicl/openbridge-webcomponents/dist/ar/building-blocks/poi-pointer/poi-pointer.js';
+import type {ObcPoiObjectStyle, ObcPoiObjectState} from '@oicl/openbridge-webcomponents/dist/ar/poi-object/poi-object.js';
       import type { Snippet } from 'svelte';
 
       export interface Props {
      class?: string;
      style?: string;
+     type?: ObcPoiType;
+     value?: ObcPoiValue;
+     state?: ObcPoiState;
+     selected?: boolean;
+     buttonType?: ObcPoiButtonType;
+     overlapOpaque?: boolean;
+     data?: ObcPoiButtonDataItem[];
+     hasHeader?: boolean;
+     headerContent?: string;
+     hasPointer?: boolean;
+     pointerType?: ObcPoiPointerType | null;
+     pointerState?: ObcPoiPointerState | null;
+     relativeDirection?: number;
+     x?: number;
+     y?: number;
+     buttonY?: number | null;
+     fixedTarget?: boolean;
+     boxWidth?: number | null;
+     boxHeight?: number | null;
+     outsideAngle?: number;
+     animatePosition?: boolean;
+     buttonOffsetX?: number;
+     targetOffsetX?: number;
      dataStyle?: ObcPoiObjectStyle;
      dataState?: ObcPoiObjectState | null;
      dataInteractive?: boolean
@@ -27,15 +57,13 @@
     use:setProperties={props}
     class={className}
     style={style}
-    onobc-poi-data-layout-change={onObcPoiDataLayoutChange} >
+    use:forwardEvents={{'obc-poi-data-layout-change': onObcPoiDataLayoutChange}} >
       
       {#if children}
         {@render children()}
       {/if}
 
       {#if header}
-        <div slot="header">
-          {@render header()}
-        </div>
+        <NamedSlot name="header" content={header} />
       {/if}
     </obc-poi-data>

package/dist/ar/poi/ObcPoiData.svelte.d.ts

@@ -1,9 +1,35 @@
 import '@oicl/openbridge-webcomponents/dist/ar/poi/poi-data.js';
+import type { ObcPoiType, ObcPoiValue, ObcPoiState } from '@oicl/openbridge-webcomponents/dist/ar/poi/poi.js';
+import type { ObcPoiButtonType, ObcPoiButtonDataItem } from '@oicl/openbridge-webcomponents/dist/ar/poi-button/poi-button.js';
+import type { ObcPoiPointerType, ObcPoiPointerState } from '@oicl/openbridge-webcomponents/dist/ar/building-blocks/poi-pointer/poi-pointer.js';
 import type { ObcPoiObjectStyle, ObcPoiObjectState } from '@oicl/openbridge-webcomponents/dist/ar/poi-object/poi-object.js';
 import type { Snippet } from 'svelte';
 export interface Props {
     class?: string;
     style?: string;
+    type?: ObcPoiType;
+    value?: ObcPoiValue;
+    state?: ObcPoiState;
+    selected?: boolean;
+    buttonType?: ObcPoiButtonType;
+    overlapOpaque?: boolean;
+    data?: ObcPoiButtonDataItem[];
+    hasHeader?: boolean;
+    headerContent?: string;
+    hasPointer?: boolean;
+    pointerType?: ObcPoiPointerType | null;
+    pointerState?: ObcPoiPointerState | null;
+    relativeDirection?: number;
+    x?: number;
+    y?: number;
+    buttonY?: number | null;
+    fixedTarget?: boolean;
+    boxWidth?: number | null;
+    boxHeight?: number | null;
+    outsideAngle?: number;
+    animatePosition?: boolean;
+    buttonOffsetX?: number;
+    targetOffsetX?: number;
     dataStyle?: ObcPoiObjectStyle;
     dataState?: ObcPoiObjectState | null;
     dataInteractive?: boolean;
@@ -17,6 +43,13 @@ export interface Slots {
 }
 type $$ComponentProps = Props & Events & Slots;
 declare const ObcPoiData: import("svelte").Component<$$ComponentProps, {
+    ObcPoiType: typeof ObcPoiType;
+    ObcPoiValue: typeof ObcPoiValue;
+    ObcPoiState: typeof ObcPoiState;
+    ObcPoiButtonType: typeof ObcPoiButtonType;
+    ObcPoiButtonDataItem: typeof ObcPoiButtonDataItem;
+    ObcPoiPointerType: typeof ObcPoiPointerType;
+    ObcPoiPointerState: typeof ObcPoiPointerState;
     ObcPoiObjectStyle: typeof ObcPoiObjectStyle;
     ObcPoiObjectState: typeof ObcPoiObjectState;
 }, "">;

package/dist/ar/poi/ObcPoiVessel.svelte

@@ -1,14 +1,44 @@
 
   <script lang="ts">
-    export type {ObcPoiObjectVesselType, ObcPoiObjectVesselStyle, ObcPoiObjectVesselState} from '@oicl/openbridge-webcomponents/dist/ar/poi-object/poi-object-vessel.js';
+    export type {ObcPoiType, ObcPoiValue, ObcPoiState} from '@oicl/openbridge-webcomponents/dist/ar/poi/poi.js';
+export type {ObcPoiButtonType, ObcPoiButtonDataItem} from '@oicl/openbridge-webcomponents/dist/ar/poi-button/poi-button.js';
+export type {ObcPoiPointerType, ObcPoiPointerState} from '@oicl/openbridge-webcomponents/dist/ar/building-blocks/poi-pointer/poi-pointer.js';
+export type {ObcPoiObjectVesselType, ObcPoiObjectVesselStyle, ObcPoiObjectVesselState} from '@oicl/openbridge-webcomponents/dist/ar/poi-object/poi-object-vessel.js';
       import '@oicl/openbridge-webcomponents/dist/ar/poi/poi-vessel.js';
-      import { setProperties } from "../../util.js";
-      import type {ObcPoiObjectVesselType, ObcPoiObjectVesselStyle, ObcPoiObjectVesselState} from '@oicl/openbridge-webcomponents/dist/ar/poi-object/poi-object-vessel.js';
+      import { setProperties, forwardEvents } from "../../util.js";
+      import NamedSlot from "../../NamedSlot.svelte";
+      import type {ObcPoiType, ObcPoiValue, ObcPoiState} from '@oicl/openbridge-webcomponents/dist/ar/poi/poi.js';
+import type {ObcPoiButtonType, ObcPoiButtonDataItem} from '@oicl/openbridge-webcomponents/dist/ar/poi-button/poi-button.js';
+import type {ObcPoiPointerType, ObcPoiPointerState} from '@oicl/openbridge-webcomponents/dist/ar/building-blocks/poi-pointer/poi-pointer.js';
+import type {ObcPoiObjectVesselType, ObcPoiObjectVesselStyle, ObcPoiObjectVesselState} from '@oicl/openbridge-webcomponents/dist/ar/poi-object/poi-object-vessel.js';
       import type { Snippet } from 'svelte';
 
       export interface Props {
      class?: string;
      style?: string;
+     type?: ObcPoiType;
+     value?: ObcPoiValue;
+     state?: ObcPoiState;
+     selected?: boolean;
+     buttonType?: ObcPoiButtonType;
+     overlapOpaque?: boolean;
+     data?: ObcPoiButtonDataItem[];
+     hasHeader?: boolean;
+     headerContent?: string;
+     hasPointer?: boolean;
+     pointerType?: ObcPoiPointerType | null;
+     pointerState?: ObcPoiPointerState | null;
+     relativeDirection?: number;
+     x?: number;
+     y?: number;
+     buttonY?: number | null;
+     fixedTarget?: boolean;
+     boxWidth?: number | null;
+     boxHeight?: number | null;
+     outsideAngle?: number;
+     animatePosition?: boolean;
+     buttonOffsetX?: number;
+     targetOffsetX?: number;
      vesselType?: ObcPoiObjectVesselType;
      vesselStyle?: ObcPoiObjectVesselStyle;
      vesselState?: ObcPoiObjectVesselState | null;
@@ -30,27 +60,21 @@
     use:setProperties={props}
     class={className}
     style={style}
-    onobc-poi-data-layout-change={onObcPoiDataLayoutChange} >
+    use:forwardEvents={{'obc-poi-data-layout-change': onObcPoiDataLayoutChange}} >
       
       {#if children}
         {@render children()}
       {/if}
 
       {#if turnIndicator}
-        <div slot="turn-indicator">
-          {@render turnIndicator()}
-        </div>
+        <NamedSlot name="turn-indicator" content={turnIndicator} />
       {/if}
 
       {#if speedIndicator}
-        <div slot="speed-indicator">
-          {@render speedIndicator()}
-        </div>
+        <NamedSlot name="speed-indicator" content={speedIndicator} />
       {/if}
 
       {#if header}
-        <div slot="header">
-          {@render header()}
-        </div>
+        <NamedSlot name="header" content={header} />
       {/if}
     </obc-poi-vessel>

package/dist/ar/poi/ObcPoiVessel.svelte.d.ts

@@ -1,9 +1,35 @@
 import '@oicl/openbridge-webcomponents/dist/ar/poi/poi-vessel.js';
+import type { ObcPoiType, ObcPoiValue, ObcPoiState } from '@oicl/openbridge-webcomponents/dist/ar/poi/poi.js';
+import type { ObcPoiButtonType, ObcPoiButtonDataItem } from '@oicl/openbridge-webcomponents/dist/ar/poi-button/poi-button.js';
+import type { ObcPoiPointerType, ObcPoiPointerState } from '@oicl/openbridge-webcomponents/dist/ar/building-blocks/poi-pointer/poi-pointer.js';
 import type { ObcPoiObjectVesselType, ObcPoiObjectVesselStyle, ObcPoiObjectVesselState } from '@oicl/openbridge-webcomponents/dist/ar/poi-object/poi-object-vessel.js';
 import type { Snippet } from 'svelte';
 export interface Props {
     class?: string;
     style?: string;
+    type?: ObcPoiType;
+    value?: ObcPoiValue;
+    state?: ObcPoiState;
+    selected?: boolean;
+    buttonType?: ObcPoiButtonType;
+    overlapOpaque?: boolean;
+    data?: ObcPoiButtonDataItem[];
+    hasHeader?: boolean;
+    headerContent?: string;
+    hasPointer?: boolean;
+    pointerType?: ObcPoiPointerType | null;
+    pointerState?: ObcPoiPointerState | null;
+    relativeDirection?: number;
+    x?: number;
+    y?: number;
+    buttonY?: number | null;
+    fixedTarget?: boolean;
+    boxWidth?: number | null;
+    boxHeight?: number | null;
+    outsideAngle?: number;
+    animatePosition?: boolean;
+    buttonOffsetX?: number;
+    targetOffsetX?: number;
     vesselType?: ObcPoiObjectVesselType;
     vesselStyle?: ObcPoiObjectVesselStyle;
     vesselState?: ObcPoiObjectVesselState | null;
@@ -20,6 +46,13 @@ export interface Slots {
 }
 type $$ComponentProps = Props & Events & Slots;
 declare const ObcPoiVessel: import("svelte").Component<$$ComponentProps, {
+    ObcPoiType: typeof ObcPoiType;
+    ObcPoiValue: typeof ObcPoiValue;
+    ObcPoiState: typeof ObcPoiState;
+    ObcPoiButtonType: typeof ObcPoiButtonType;
+    ObcPoiButtonDataItem: typeof ObcPoiButtonDataItem;
+    ObcPoiPointerType: typeof ObcPoiPointerType;
+    ObcPoiPointerState: typeof ObcPoiPointerState;
     ObcPoiObjectVesselType: typeof ObcPoiObjectVesselType;
     ObcPoiObjectVesselStyle: typeof ObcPoiObjectVesselStyle;
     ObcPoiObjectVesselState: typeof ObcPoiObjectVesselState;