@oicl/openbridge-webcomponents-svelte 2.0.0-next.96 → 2.0.0-next.98

package/dist/ar/poi/ObcPoi.svelte

@@ -42,9 +42,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 +58,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

@@ -34,6 +34,7 @@ export interface Events {
 }
 export interface Slots {
     children?: Snippet;
+    button?: Snippet;
     header?: Snippet;
 }
 type $$ComponentProps = Props & Events & Slots;

package/dist/ar/poi-layer/ObcPoiLayer.svelte

@@ -17,19 +17,21 @@
      internalSwapping?: boolean
    }
       export interface Events {
-    onLayerResize?: (event: CustomEvent<{height:number,label:string}>) => void
+    onLayerResize?: (event: CustomEvent<{height:number,label:string}>) => void;
+    onLayerSelectionChanged?: (event: Event) => void
   }
       export interface Slots {
   children?: Snippet
 }
-      const {onLayerResize, class: className, style, children, ...props} = $props<Props & Events & Slots>();
+      const {onLayerResize, onLayerSelectionChanged, class: className, style, children, ...props} = $props<Props & Events & Slots>();
 
     </script>
     <obc-poi-layer
     use:setProperties={props}
     class={className}
     style={style}
-    onlayer-resize={onLayerResize} >
+    onlayer-resize={onLayerResize}
+   onlayer-selection-changed={onLayerSelectionChanged} >
       
       {#if children}
         {@render children()}

package/dist/ar/poi-layer/ObcPoiLayer.svelte.d.ts

@@ -16,6 +16,7 @@ export interface Events {
         height: number;
         label: string;
     }>) => void;
+    onLayerSelectionChanged?: (event: Event) => void;
 }
 export interface Slots {
     children?: Snippet;

package/dist/ar/poi-object/ObcPoiObjectAton.svelte

@@ -31,7 +31,7 @@ import type {ObcPoiObjectState} from '@oicl/openbridge-webcomponents/dist/ar/poi
     style={style}
      >
       
-    {#if children}
-      {@render children()}
-    {/if}
+      {#if children}
+        {@render children()}
+      {/if}
     </obc-poi-object-aton>

package/dist/automation/automation-badge/ObcAutomationBadge.svelte

@@ -16,9 +16,10 @@
     
   }
       export interface Slots {
+  iconSilhouette?: Snippet;
   children?: Snippet
 }
-      const { class: className, style, children, ...props} = $props<Props & Events & Slots>();
+      const { class: className, style, iconSilhouette, children, ...props} = $props<Props & Events & Slots>();
 
     </script>
     <obc-automation-badge
@@ -27,7 +28,13 @@
     style={style}
      >
       
-    {#if children}
-      {@render children()}
-    {/if}
+      {#if iconSilhouette}
+        <div slot="icon-silhouette">
+          {@render iconSilhouette()}
+        </div>
+      {/if}
+
+      {#if children}
+        {@render children()}
+      {/if}
     </obc-automation-badge>

package/dist/automation/automation-badge/ObcAutomationBadge.svelte.d.ts

@@ -10,6 +10,7 @@ export interface Props {
 export interface Events {
 }
 export interface Slots {
+    iconSilhouette?: Snippet;
     children?: Snippet;
 }
 type $$ComponentProps = Props & Events & Slots;

package/dist/automation/automation-button/ObcAutomationButton.svelte

@@ -47,9 +47,17 @@ hasBadgeSpacer?: boolean
     
   }
       export interface Slots {
-  children?: Snippet
+  badgeTopRight?: Snippet;
+  badgeTopLeft?: Snippet;
+  badgeBottomLeft?: Snippet;
+  badgeBottomRight?: Snippet;
+  icon?: Snippet;
+  iconSilhouette?: Snippet;
+  alertIcon?: Snippet;
+  alertLabel?: Snippet;
+  alertTimer?: Snippet
 }
-      const { class: className, style, children, ...props} = $props<Props & Events & Slots>();
+      const { class: className, style, badgeTopRight, badgeTopLeft, badgeBottomLeft, badgeBottomRight, icon, iconSilhouette, alertIcon, alertLabel, alertTimer, ...props} = $props<Props & Events & Slots>();
 
     </script>
     <obc-automation-button
@@ -58,7 +66,57 @@ hasBadgeSpacer?: boolean
     style={style}
      >
       
-    {#if children}
-      {@render children()}
-    {/if}
+      {#if badgeTopRight}
+        <div slot="badge-top-right">
+          {@render badgeTopRight()}
+        </div>
+      {/if}
+
+      {#if badgeTopLeft}
+        <div slot="badge-top-left">
+          {@render badgeTopLeft()}
+        </div>
+      {/if}
+
+      {#if badgeBottomLeft}
+        <div slot="badge-bottom-left">
+          {@render badgeBottomLeft()}
+        </div>
+      {/if}
+
+      {#if badgeBottomRight}
+        <div slot="badge-bottom-right">
+          {@render badgeBottomRight()}
+        </div>
+      {/if}
+
+      {#if icon}
+        <div slot="icon">
+          {@render icon()}
+        </div>
+      {/if}
+
+      {#if iconSilhouette}
+        <div slot="icon-silhouette">
+          {@render iconSilhouette()}
+        </div>
+      {/if}
+
+      {#if alertIcon}
+        <div slot="alert-icon">
+          {@render alertIcon()}
+        </div>
+      {/if}
+
+      {#if alertLabel}
+        <div slot="alert-label">
+          {@render alertLabel()}
+        </div>
+      {/if}
+
+      {#if alertTimer}
+        <div slot="alert-timer">
+          {@render alertTimer()}
+        </div>
+      {/if}
     </obc-automation-button>

package/dist/automation/automation-button/ObcAutomationButton.svelte.d.ts

@@ -37,7 +37,15 @@ export interface Props {
 export interface Events {
 }
 export interface Slots {
-    children?: Snippet;
+    badgeTopRight?: Snippet;
+    badgeTopLeft?: Snippet;
+    badgeBottomLeft?: Snippet;
+    badgeBottomRight?: Snippet;
+    icon?: Snippet;
+    iconSilhouette?: Snippet;
+    alertIcon?: Snippet;
+    alertLabel?: Snippet;
+    alertTimer?: Snippet;
 }
 type $$ComponentProps = Props & Events & Slots;
 declare const ObcAutomationButton: import("svelte").Component<$$ComponentProps, {

package/dist/automation/automation-input-modal/ObcAutomationInputModal.svelte

@@ -15,9 +15,12 @@
     
   }
       export interface Slots {
-  children?: Snippet
+  header?: Snippet;
+  preview?: Snippet;
+  actionPrimary?: Snippet;
+  actionSecondary?: Snippet
 }
-      const { class: className, style, children, ...props} = $props<Props & Events & Slots>();
+      const { class: className, style, header, preview, actionPrimary, actionSecondary, ...props} = $props<Props & Events & Slots>();
 
     </script>
     <obc-automation-input-modal
@@ -26,7 +29,27 @@
     style={style}
      >
       
-    {#if children}
-      {@render children()}
-    {/if}
+      {#if header}
+        <div slot="header">
+          {@render header()}
+        </div>
+      {/if}
+
+      {#if preview}
+        <div slot="preview">
+          {@render preview()}
+        </div>
+      {/if}
+
+      {#if actionPrimary}
+        <div slot="action-primary">
+          {@render actionPrimary()}
+        </div>
+      {/if}
+
+      {#if actionSecondary}
+        <div slot="action-secondary">
+          {@render actionSecondary()}
+        </div>
+      {/if}
     </obc-automation-input-modal>

package/dist/automation/automation-input-modal/ObcAutomationInputModal.svelte.d.ts

@@ -7,7 +7,10 @@ export interface Props {
 export interface Events {
 }
 export interface Slots {
-    children?: Snippet;
+    header?: Snippet;
+    preview?: Snippet;
+    actionPrimary?: Snippet;
+    actionSecondary?: Snippet;
 }
 type $$ComponentProps = Props & Events & Slots;
 declare const ObcAutomationInputModal: import("svelte").Component<$$ComponentProps, {}, "">;

package/dist/automation/automation-tank/ObcAutomationTank.svelte

@@ -1,7 +1,7 @@
 
   <script lang="ts">
     export type {LineMedium} from '@oicl/openbridge-webcomponents/dist/automation/index.js';
-export type {TankTrend, TankType, TankOrientation, TankPositioning, TankChartMode, TankReadoutItem} from '@oicl/openbridge-webcomponents/dist/automation/automation-tank/automation-tank.js';
+export type {TankTrend, TankType, TankOrientation, TankPositioning, TankChartMode} from '@oicl/openbridge-webcomponents/dist/automation/automation-tank/automation-tank.js';
 export type {ChartLineDataItem} from '@oicl/openbridge-webcomponents/dist/building-blocks/chart-line/chart-line-base.js';
 export type {Priority} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/types.js';
 export type {LinearAdvice} from '@oicl/openbridge-webcomponents/dist/building-blocks/instrument-linear/advice.js';
@@ -11,7 +11,7 @@ export type {AutomationButtonBadgeControl, AutomationButtonBadgeAlert, Automatio
       import '@oicl/openbridge-webcomponents/dist/automation/automation-tank/automation-tank.js';
       import { setProperties } from "../../util.js";
       import type {LineMedium} from '@oicl/openbridge-webcomponents/dist/automation/index.js';
-import type {TankTrend, TankType, TankOrientation, TankPositioning, TankChartMode, TankReadoutItem} from '@oicl/openbridge-webcomponents/dist/automation/automation-tank/automation-tank.js';
+import type {TankTrend, TankType, TankOrientation, TankPositioning, TankChartMode} from '@oicl/openbridge-webcomponents/dist/automation/automation-tank/automation-tank.js';
 import type {ChartLineDataItem} from '@oicl/openbridge-webcomponents/dist/building-blocks/chart-line/chart-line-base.js';
 import type {Priority} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/types.js';
 import type {LinearAdvice} from '@oicl/openbridge-webcomponents/dist/building-blocks/instrument-linear/advice.js';
@@ -108,18 +108,6 @@ rather than percent, so this property has no effect there — pass a
 pre-formatted value through the `max-value` slot if fractional
 precision is needed (see the `WithFractionDigits` story). */
 percentFractionDigits?: number;
-      /** Rich detail rows shown below the main percent/value block in the regular
-(non-compact, non-static) layout, separated by a divider. When empty (the
-default), nothing is rendered — neither the divider nor the list. In
-vertical orientation the chart cell shrinks to make room; in horizontal
-orientation the readout column already has reserved whitespace so the
-chart is unaffected.
-
-Values are formatted using `percentFractionDigits`. Consumers that need
-full control over the markup can replace the entire fallback by slotting
-arbitrary content into `slot="rich"` (note: this is a different name from
-the existing `slot="readout"` which replaces the whole readout block). */
-readout?: TankReadoutItem[];
       /** Enum-driven badges rendered inside the `badges` cell. Mirrors the API
 introduced for `ObcAbstractAutomationButton` in PR #839 (#829). When set
 to a non-`None` value, an `<obc-automation-badge>` of the corresponding
@@ -141,7 +129,7 @@ badgeControl?: AutomationButtonBadgeControl;
       export interface Slots {
   badges?: Snippet;
   tagSnippet?: Snippet;
-  readoutSnippet?: Snippet;
+  readout?: Snippet;
   maxValue?: Snippet;
   unit?: Snippet;
   currentValue?: Snippet;
@@ -150,7 +138,7 @@ badgeControl?: AutomationButtonBadgeControl;
   alertLabel?: Snippet;
   alertTimer?: Snippet
 }
-      const { class: className, style, badges, tagSnippet, readoutSnippet, maxValue, unit, currentValue, rich, alertIcon, alertLabel, alertTimer, ...props} = $props<Props & Events & Slots>();
+      const { class: className, style, badges, tagSnippet, readout, maxValue, unit, currentValue, rich, alertIcon, alertLabel, alertTimer, ...props} = $props<Props & Events & Slots>();
 
     </script>
     <obc-automation-tank
@@ -171,9 +159,9 @@ badgeControl?: AutomationButtonBadgeControl;
         </div>
       {/if}
 
-      {#if readoutSnippet}
+      {#if readout}
         <div slot="readout">
-          {@render readoutSnippet()}
+          {@render readout()}
         </div>
       {/if}
 

package/dist/automation/automation-tank/ObcAutomationTank.svelte.d.ts

@@ -1,6 +1,6 @@
 import '@oicl/openbridge-webcomponents/dist/automation/automation-tank/automation-tank.js';
 import type { LineMedium } from '@oicl/openbridge-webcomponents/dist/automation/index.js';
-import type { TankTrend, TankType, TankOrientation, TankPositioning, TankChartMode, TankReadoutItem } from '@oicl/openbridge-webcomponents/dist/automation/automation-tank/automation-tank.js';
+import type { TankTrend, TankType, TankOrientation, TankPositioning, TankChartMode } from '@oicl/openbridge-webcomponents/dist/automation/automation-tank/automation-tank.js';
 import type { ChartLineDataItem } from '@oicl/openbridge-webcomponents/dist/building-blocks/chart-line/chart-line-base.js';
 import type { Priority } from '@oicl/openbridge-webcomponents/dist/navigation-instruments/types.js';
 import type { LinearAdvice } from '@oicl/openbridge-webcomponents/dist/building-blocks/instrument-linear/advice.js';
@@ -96,18 +96,6 @@ rather than percent, so this property has no effect there — pass a
 pre-formatted value through the `max-value` slot if fractional
 precision is needed (see the `WithFractionDigits` story). */
     percentFractionDigits?: number;
-    /** Rich detail rows shown below the main percent/value block in the regular
-(non-compact, non-static) layout, separated by a divider. When empty (the
-default), nothing is rendered — neither the divider nor the list. In
-vertical orientation the chart cell shrinks to make room; in horizontal
-orientation the readout column already has reserved whitespace so the
-chart is unaffected.
-
-Values are formatted using `percentFractionDigits`. Consumers that need
-full control over the markup can replace the entire fallback by slotting
-arbitrary content into `slot="rich"` (note: this is a different name from
-the existing `slot="readout"` which replaces the whole readout block). */
-    readout?: TankReadoutItem[];
     /** Enum-driven badges rendered inside the `badges` cell. Mirrors the API
 introduced for `ObcAbstractAutomationButton` in PR #839 (#829). When set
 to a non-`None` value, an `<obc-automation-badge>` of the corresponding
@@ -128,7 +116,7 @@ export interface Events {
 export interface Slots {
     badges?: Snippet;
     tagSnippet?: Snippet;
-    readoutSnippet?: Snippet;
+    readout?: Snippet;
     maxValue?: Snippet;
     unit?: Snippet;
     currentValue?: Snippet;
@@ -145,7 +133,6 @@ declare const ObcAutomationTank: import("svelte").Component<$$ComponentProps, {
     TankOrientation: typeof TankOrientation;
     TankPositioning: typeof TankPositioning;
     TankChartMode: typeof TankChartMode;
-    TankReadoutItem: typeof TankReadoutItem;
     ChartLineDataItem: typeof ChartLineDataItem;
     Priority: typeof Priority;
     LinearAdvice: typeof LinearAdvice;

package/dist/building-blocks/alert-list/ObcAlertList.svelte

@@ -15,9 +15,12 @@
     
   }
       export interface Slots {
-  children?: Snippet
+  children?: Snippet;
+  emptyIcon?: Snippet;
+  emptyTitle?: Snippet;
+  emptyDescription?: Snippet
 }
-      const { class: className, style, children, ...props} = $props<Props & Events & Slots>();
+      const { class: className, style, children, emptyIcon, emptyTitle, emptyDescription, ...props} = $props<Props & Events & Slots>();
 
     </script>
     <obc-alert-list
@@ -26,7 +29,25 @@
     style={style}
      >
       
-    {#if children}
-      {@render children()}
-    {/if}
+      {#if children}
+        {@render children()}
+      {/if}
+
+      {#if emptyIcon}
+        <div slot="empty-icon">
+          {@render emptyIcon()}
+        </div>
+      {/if}
+
+      {#if emptyTitle}
+        <div slot="empty-title">
+          {@render emptyTitle()}
+        </div>
+      {/if}
+
+      {#if emptyDescription}
+        <div slot="empty-description">
+          {@render emptyDescription()}
+        </div>
+      {/if}
     </obc-alert-list>

package/dist/building-blocks/alert-list/ObcAlertList.svelte.d.ts

@@ -9,6 +9,9 @@ export interface Events {
 }
 export interface Slots {
     children?: Snippet;
+    emptyIcon?: Snippet;
+    emptyTitle?: Snippet;
+    emptyDescription?: Snippet;
 }
 type $$ComponentProps = Props & Events & Slots;
 declare const ObcAlertList: import("svelte").Component<$$ComponentProps, {}, "">;

package/dist/building-blocks/bar-horizontal/ObcBarHorizontal.svelte

@@ -120,19 +120,19 @@ This provides an alternative to bar fill for highlighting the current value. */
 highlightCurrentValue?: boolean
    }
       export interface Events {
-    
+    onScaleDimensionsChanged?: (event: CustomEvent) => void
   }
       export interface Slots {
   children?: Snippet
 }
-      const { class: className, style, children, ...props} = $props<Props & Events & Slots>();
+      const {onScaleDimensionsChanged, class: className, style, children, ...props} = $props<Props & Events & Slots>();
 
     </script>
     <obc-bar-horizontal
     use:setProperties={props}
     class={className}
     style={style}
-     >
+    onscale-dimensions-changed={onScaleDimensionsChanged} >
       
     {#if children}
       {@render children()}

package/dist/building-blocks/bar-horizontal/ObcBarHorizontal.svelte.d.ts

@@ -113,6 +113,7 @@ This provides an alternative to bar fill for highlighting the current value. */
     highlightCurrentValue?: boolean;
 }
 export interface Events {
+    onScaleDimensionsChanged?: (event: CustomEvent) => void;
 }
 export interface Slots {
     children?: Snippet;

package/dist/building-blocks/bar-vertical/ObcBarVertical.svelte

@@ -120,19 +120,19 @@ This provides an alternative to bar fill for highlighting the current value. */
 highlightCurrentValue?: boolean
    }
       export interface Events {
-    
+    onScaleDimensionsChanged?: (event: CustomEvent) => void
   }
       export interface Slots {
   children?: Snippet
 }
-      const { class: className, style, children, ...props} = $props<Props & Events & Slots>();
+      const {onScaleDimensionsChanged, class: className, style, children, ...props} = $props<Props & Events & Slots>();
 
     </script>
     <obc-bar-vertical
     use:setProperties={props}
     class={className}
     style={style}
-     >
+    onscale-dimensions-changed={onScaleDimensionsChanged} >
       
     {#if children}
       {@render children()}

package/dist/building-blocks/bar-vertical/ObcBarVertical.svelte.d.ts

@@ -113,6 +113,7 @@ This provides an alternative to bar fill for highlighting the current value. */
     highlightCurrentValue?: boolean;
 }
 export interface Events {
+    onScaleDimensionsChanged?: (event: CustomEvent) => void;
 }
 export interface Slots {
     children?: Snippet;

package/dist/components/advice-floating-item/ObcAdviceFloatingItem.svelte

@@ -45,7 +45,6 @@ lineType?: ObcFloatingItemLineType
   }
       export interface Slots {
   primaryIcon?: Snippet;
-  secondaryIcon?: Snippet;
   title?: Snippet;
   description?: Snippet;
   time?: Snippet;
@@ -53,7 +52,7 @@ lineType?: ObcFloatingItemLineType
   actionSnippet?: Snippet;
   action2Snippet?: Snippet
 }
-      const {onActionClick, onAction2Click, onDismissClick, class: className, style, primaryIcon, secondaryIcon, title, description, time, day, actionSnippet, action2Snippet, ...props} = $props<Props & Events & Slots>();
+      const {onActionClick, onAction2Click, onDismissClick, class: className, style, primaryIcon, title, description, time, day, actionSnippet, action2Snippet, ...props} = $props<Props & Events & Slots>();
 
     </script>
     <obc-advice-floating-item
@@ -70,12 +69,6 @@ lineType?: ObcFloatingItemLineType
         </div>
       {/if}
 
-      {#if secondaryIcon}
-        <div slot="secondary-icon">
-          {@render secondaryIcon()}
-        </div>
-      {/if}
-
       {#if title}
         <div slot="title">
           {@render title()}

package/dist/components/advice-floating-item/ObcAdviceFloatingItem.svelte.d.ts

@@ -40,7 +40,6 @@ export interface Events {
 }
 export interface Slots {
     primaryIcon?: Snippet;
-    secondaryIcon?: Snippet;
     title?: Snippet;
     description?: Snippet;
     time?: Snippet;

package/dist/components/advice-message-item/ObcAdviceMessageItem.svelte

@@ -62,17 +62,9 @@ emptyText?: string
     onActionClick?: (event: CustomEvent<void>) => void
   }
       export interface Slots {
-  primaryIcon?: Snippet;
-  secondaryIcon?: Snippet;
-  titleSnippet?: Snippet;
-  descriptionSnippet?: Snippet;
-  timeSnippet?: Snippet;
-  timeSecondarySnippet?: Snippet;
-  actionText?: Snippet;
-  actionIcon?: Snippet;
-  empty?: Snippet
+  secondaryIcon?: Snippet
 }
-      const {onMessageClick, onActionClick, class: className, style, primaryIcon, secondaryIcon, titleSnippet, descriptionSnippet, timeSnippet, timeSecondarySnippet, actionText, actionIcon, empty, ...props} = $props<Props & Events & Slots>();
+      const {onMessageClick, onActionClick, class: className, style, secondaryIcon, ...props} = $props<Props & Events & Slots>();
 
     </script>
     <obc-advice-message-item
@@ -82,57 +74,9 @@ emptyText?: string
     onmessage-click={onMessageClick}
    onaction-click={onActionClick} >
       
-      {#if primaryIcon}
-        <div slot="primary-icon">
-          {@render primaryIcon()}
-        </div>
-      {/if}
-
       {#if secondaryIcon}
         <div slot="secondary-icon">
           {@render secondaryIcon()}
         </div>
       {/if}
-
-      {#if titleSnippet}
-        <div slot="title">
-          {@render titleSnippet()}
-        </div>
-      {/if}
-
-      {#if descriptionSnippet}
-        <div slot="description">
-          {@render descriptionSnippet()}
-        </div>
-      {/if}
-
-      {#if timeSnippet}
-        <div slot="time">
-          {@render timeSnippet()}
-        </div>
-      {/if}
-
-      {#if timeSecondarySnippet}
-        <div slot="time-secondary">
-          {@render timeSecondarySnippet()}
-        </div>
-      {/if}
-
-      {#if actionText}
-        <div slot="action-text">
-          {@render actionText()}
-        </div>
-      {/if}
-
-      {#if actionIcon}
-        <div slot="action-icon">
-          {@render actionIcon()}
-        </div>
-      {/if}
-
-      {#if empty}
-        <div slot="empty">
-          {@render empty()}
-        </div>
-      {/if}
     </obc-advice-message-item>

package/dist/components/advice-message-item/ObcAdviceMessageItem.svelte.d.ts

@@ -57,15 +57,7 @@ export interface Events {
     onActionClick?: (event: CustomEvent<void>) => void;
 }
 export interface Slots {
-    primaryIcon?: Snippet;
     secondaryIcon?: Snippet;
-    titleSnippet?: Snippet;
-    descriptionSnippet?: Snippet;
-    timeSnippet?: Snippet;
-    timeSecondarySnippet?: Snippet;
-    actionText?: Snippet;
-    actionIcon?: Snippet;
-    empty?: Snippet;
 }
 type $$ComponentProps = Props & Events & Slots;
 declare const ObcAdviceMessageItem: import("svelte").Component<$$ComponentProps, {