@oicl/openbridge-webcomponents-svelte 2.0.0-next.14 → 2.0.0-next.140

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/ar/chart-object-vessel-button/ObcChartObjectVesselButton.svelte

@@ -11,11 +11,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 +39,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
@@ -56,21 +62,21 @@ course?: number;
         </div>
       {/if}
 
-      {#if number}
+      {#if numberSnippet}
         <div slot="number">
-          {@render number()}
+          {@render numberSnippet()}
         </div>
       {/if}
 
-      {#if name}
+      {#if nameSnippet}
         <div slot="name">
-          {@render name()}
+          {@render nameSnippet()}
         </div>
       {/if}
 
-      {#if vesselImage}
+      {#if vesselImageSnippet}
         <div slot="vessel-image">
-          {@render vesselImage()}
+          {@render vesselImageSnippet()}
         </div>
       {/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

@@ -18,12 +18,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 +35,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 +48,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,6 +64,12 @@ import type {ObcPoiPointerType, ObcPoiPointerState} from '@oicl/openbridge-webco
         {@render children()}
       {/if}
 
+      {#if button}
+        <div slot="button">
+          {@render button()}
+        </div>
+      {/if}
+
       {#if header}
         <div slot="header">
           {@render header()}

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,45 @@
 
   <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 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,7 +59,7 @@ 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()}

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,43 @@
 
   <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 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,7 +56,7 @@
     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()}

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,43 @@
 
   <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 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,7 +59,7 @@
     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()}

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;

package/dist/ar/poi/PoiBase.svelte

@@ -4,7 +4,7 @@
 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';
       import '@oicl/openbridge-webcomponents/dist/ar/poi/poi-base.js';
-      import { setProperties } from "../../util.js";
+      import { setProperties, forwardEvents } from "../../util.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';
@@ -38,19 +38,19 @@ import type {ObcPoiPointerType, ObcPoiPointerState} from '@oicl/openbridge-webco
      targetOffsetX?: number
    }
       export interface Events {
-    
+    onObcPoiDataLayoutChange?: (event: CustomEvent<void>) => void
   }
       export interface Slots {
   children?: Snippet
 }
-      const { class: className, style, children, ...props} = $props<Props & Events & Slots>();
+      const {onObcPoiDataLayoutChange, class: className, style, children, ...props} = $props<Props & Events & Slots>();
 
     </script>
     <undefined
     use:setProperties={props}
     class={className}
     style={style}
-     >
+    use:forwardEvents={{'obc-poi-data-layout-change': onObcPoiDataLayoutChange}} >
       
     {#if children}
       {@render children()}

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

@@ -31,6 +31,7 @@ export interface Props {
     targetOffsetX?: number;
 }
 export interface Events {
+    onObcPoiDataLayoutChange?: (event: CustomEvent<void>) => void;
 }
 export interface Slots {
     children?: Snippet;

package/dist/ar/poi-button/ObcPoiButton.svelte

@@ -2,7 +2,7 @@
   <script lang="ts">
     export type {ObcPoiButtonLayout, ObcPoiButtonState, PoiButtonVisualState, ObcPoiButtonType, ObcPoiButtonDataItem} from '@oicl/openbridge-webcomponents/dist/ar/poi-button/poi-button.js';
       import '@oicl/openbridge-webcomponents/dist/ar/poi-button/poi-button.js';
-      import { setProperties } from "../../util.js";
+      import { setProperties, forwardEvents } from "../../util.js";
       import type {ObcPoiButtonLayout, ObcPoiButtonState, PoiButtonVisualState, ObcPoiButtonType, ObcPoiButtonDataItem} from '@oicl/openbridge-webcomponents/dist/ar/poi-button/poi-button.js';
       import type { Snippet } from 'svelte';
 
@@ -23,21 +23,21 @@
      headerContent?: string
    }
       export interface Events {
-    
+    onClick?: (event: CustomEvent<unknown>) => void
   }
       export interface Slots {
   children?: Snippet;
   header?: Snippet;
   relation?: Snippet
 }
-      const { class: className, style, children, header, relation, ...props} = $props<Props & Events & Slots>();
+      const {onClick, class: className, style, children, header, relation, ...props} = $props<Props & Events & Slots>();
 
     </script>
     <obc-poi-button
     use:setProperties={props}
     class={className}
     style={style}
-     >
+    use:forwardEvents={{'click': onClick}} >
       
       {#if children}
         {@render children()}

package/dist/ar/poi-button/ObcPoiButton.svelte.d.ts

@@ -18,6 +18,7 @@ export interface Props {
     headerContent?: string;
 }
 export interface Events {
+    onClick?: (event: CustomEvent<unknown>) => void;
 }
 export interface Slots {
     children?: Snippet;

package/dist/ar/poi-button/ObcPoiButtonAton.svelte

@@ -1,19 +1,34 @@
 
   <script lang="ts">
-    export type {ObcPoiObjectAtonType, ObcPoiObjectAtonStyle} from '@oicl/openbridge-webcomponents/dist/ar/poi-object/poi-object-aton.js';
+    export type {ObcPoiButtonLayout, ObcPoiButtonState, PoiButtonVisualState, ObcPoiButtonType, ObcPoiButtonDataItem} from '@oicl/openbridge-webcomponents/dist/ar/poi-button/poi-button.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-button/poi-button-aton.js';
       import { setProperties } from "../../util.js";
-      import type {ObcPoiObjectAtonType, ObcPoiObjectAtonStyle} from '@oicl/openbridge-webcomponents/dist/ar/poi-object/poi-object-aton.js';
+      import type {ObcPoiButtonLayout, ObcPoiButtonState, PoiButtonVisualState, ObcPoiButtonType, ObcPoiButtonDataItem} from '@oicl/openbridge-webcomponents/dist/ar/poi-button/poi-button.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;
+     relativeDirection?: number;
+     selected?: boolean;
+     layout?: ObcPoiButtonLayout;
+     hasHeader?: boolean;
+     state?: ObcPoiButtonState;
+     value?: PoiButtonVisualState;
+     overlapOpaque?: boolean;
+     type?: ObcPoiButtonType;
+     inExpandedGroup?: boolean;
+     data?: ObcPoiButtonDataItem[];
+     hasRelation?: boolean;
+     headerContent?: string;
      atonType?: ObcPoiObjectAtonType;
      atonStyle?: ObcPoiObjectAtonStyle;
      atonState?: ObcPoiObjectState | null;
+     /** Available when `atonState!=overlapped && (atonState!=null || value!=overlapped)`. */
      atonInteractive?: boolean
    }
       export interface Events {