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

package/dist/index.js

@@ -432,6 +432,20 @@ export { default as ObiBeaconTowerTShape } from './icons/ObiBeaconTowerTShape.sv
 export { default as ObiBeaconTowerWest } from './icons/ObiBeaconTowerWest.svelte';
 export { default as ObiBeaconTowerXShape } from './icons/ObiBeaconTowerXShape.svelte';
 export { default as ObiBilge } from './icons/ObiBilge.svelte';
+export { default as ObiBipolarTransistor01 } from './icons/ObiBipolarTransistor01.svelte';
+export { default as ObiBipolarTransistor02Off } from './icons/ObiBipolarTransistor02Off.svelte';
+export { default as ObiBipolarTransistor02On } from './icons/ObiBipolarTransistor02On.svelte';
+export { default as ObiBipolarTransistor02 } from './icons/ObiBipolarTransistor02.svelte';
+export { default as ObiBipolarTransistor03Flat } from './icons/ObiBipolarTransistor03Flat.svelte';
+export { default as ObiBipolarTransistor03Off } from './icons/ObiBipolarTransistor03Off.svelte';
+export { default as ObiBipolarTransistor03On } from './icons/ObiBipolarTransistor03On.svelte';
+export { default as ObiBipolarTransistor03 } from './icons/ObiBipolarTransistor03.svelte';
+export { default as ObiBipolarTransistor04Flat } from './icons/ObiBipolarTransistor04Flat.svelte';
+export { default as ObiBipolarTransistor04Off } from './icons/ObiBipolarTransistor04Off.svelte';
+export { default as ObiBipolarTransistor04On } from './icons/ObiBipolarTransistor04On.svelte';
+export { default as ObiBipolarTransistor04 } from './icons/ObiBipolarTransistor04.svelte';
+export { default as ObiBipolarTransistorOff } from './icons/ObiBipolarTransistorOff.svelte';
+export { default as ObiBipolarTransistorOn } from './icons/ObiBipolarTransistorOn.svelte';
 export { default as ObiBlowerOffHorizontal } from './icons/ObiBlowerOffHorizontal.svelte';
 export { default as ObiBlowerOffVertical } from './icons/ObiBlowerOffVertical.svelte';
 export { default as ObiBlowerOnHorizontal } from './icons/ObiBlowerOnHorizontal.svelte';
@@ -535,6 +549,7 @@ export { default as ObiBuoySphericalWest } from './icons/ObiBuoySphericalWest.sv
 export { default as ObiBuoySphericalXShape } from './icons/ObiBuoySphericalXShape.svelte';
 export { default as ObiBuoySuperLandby } from './icons/ObiBuoySuperLandby.svelte';
 export { default as ObiBuoySuper } from './icons/ObiBuoySuper.svelte';
+export { default as ObiBypass } from './icons/ObiBypass.svelte';
 export { default as ObiCalendarDateGoogle } from './icons/ObiCalendarDateGoogle.svelte';
 export { default as ObiCalendarGoogle } from './icons/ObiCalendarGoogle.svelte';
 export { default as ObiCamHmiIec } from './icons/ObiCamHmiIec.svelte';
@@ -635,8 +650,8 @@ export { default as ObiChevronDoubleUpGoogle } from './icons/ObiChevronDoubleUpG
 export { default as ObiChevronDownGoogle } from './icons/ObiChevronDownGoogle.svelte';
 export { default as ObiChevronLeftGoogle } from './icons/ObiChevronLeftGoogle.svelte';
 export { default as ObiChevronRightGoogle } from './icons/ObiChevronRightGoogle.svelte';
-export { default as ObiChevronTrippleLeft } from './icons/ObiChevronTrippleLeft.svelte';
-export { default as ObiChevronTrippleRight } from './icons/ObiChevronTrippleRight.svelte';
+export { default as ObiChevronTripleLeft } from './icons/ObiChevronTripleLeft.svelte';
+export { default as ObiChevronTripleRight } from './icons/ObiChevronTripleRight.svelte';
 export { default as ObiChevronUpGoogle } from './icons/ObiChevronUpGoogle.svelte';
 export { default as ObiClearDayColour } from './icons/ObiClearDayColour.svelte';
 export { default as ObiClearDay } from './icons/ObiClearDay.svelte';
@@ -998,6 +1013,7 @@ export { default as ObiHeadingLineOffIec } from './icons/ObiHeadingLineOffIec.sv
 export { default as ObiHeadingLineOffProposal } from './icons/ObiHeadingLineOffProposal.svelte';
 export { default as ObiHeadingNUpProposal } from './icons/ObiHeadingNUpProposal.svelte';
 export { default as ObiHeatGoogle } from './icons/ObiHeatGoogle.svelte';
+export { default as ObiHeatPumpBalance } from './icons/ObiHeatPumpBalance.svelte';
 export { default as ObiHeatexhanger } from './icons/ObiHeatexhanger.svelte';
 export { default as ObiHeatpump } from './icons/ObiHeatpump.svelte';
 export { default as ObiHeave } from './icons/ObiHeave.svelte';
@@ -1449,6 +1465,7 @@ export { default as ObiOnIec } from './icons/ObiOnIec.svelte';
 export { default as ObiOnOffIec } from './icons/ObiOnOffIec.svelte';
 export { default as ObiOn } from './icons/ObiOn.svelte';
 export { default as ObiOpenSea } from './icons/ObiOpenSea.svelte';
+export { default as ObiOutput } from './icons/ObiOutput.svelte';
 export { default as ObiOwnShipAlternativeFilled } from './icons/ObiOwnShipAlternativeFilled.svelte';
 export { default as ObiOwnShipAlternativeOutlined } from './icons/ObiOwnShipAlternativeOutlined.svelte';
 export { default as ObiOwnShipAlternativeRemote } from './icons/ObiOwnShipAlternativeRemote.svelte';
@@ -1574,6 +1591,7 @@ export { default as ObiPassedFill } from './icons/ObiPassedFill.svelte';
 export { default as ObiPassed } from './icons/ObiPassed.svelte';
 export { default as ObiPastPositionIec } from './icons/ObiPastPositionIec.svelte';
 export { default as ObiPending } from './icons/ObiPending.svelte';
+export { default as ObiPhase } from './icons/ObiPhase.svelte';
 export { default as ObiPiezoelectricCrystalOff } from './icons/ObiPiezoelectricCrystalOff.svelte';
 export { default as ObiPiezoelectricCrystalOn } from './icons/ObiPiezoelectricCrystalOn.svelte';
 export { default as ObiPiezoelectricCrystal } from './icons/ObiPiezoelectricCrystal.svelte';
@@ -1737,9 +1755,11 @@ export { default as ObiSensorGpsLow } from './icons/ObiSensorGpsLow.svelte';
 export { default as ObiSensorGpsMedium } from './icons/ObiSensorGpsMedium.svelte';
 export { default as ObiSensorGyro } from './icons/ObiSensorGyro.svelte';
 export { default as ObiSensorWaterCo2 } from './icons/ObiSensorWaterCo2.svelte';
+export { default as ObiSensorWaterDewpoint } from './icons/ObiSensorWaterDewpoint.svelte';
 export { default as ObiSensorWaterDoGoogle } from './icons/ObiSensorWaterDoGoogle.svelte';
 export { default as ObiSensorWaterDropGoogle } from './icons/ObiSensorWaterDropGoogle.svelte';
 export { default as ObiSensorWaterEcGoogle } from './icons/ObiSensorWaterEcGoogle.svelte';
+export { default as ObiSensorWaterHumidity } from './icons/ObiSensorWaterHumidity.svelte';
 export { default as ObiSensorWaterOrpGoogle } from './icons/ObiSensorWaterOrpGoogle.svelte';
 export { default as ObiSensorWaterPhGoogle } from './icons/ObiSensorWaterPhGoogle.svelte';
 export { default as ObiSensorWaterSalinityGoogle } from './icons/ObiSensorWaterSalinityGoogle.svelte';

package/dist/integration-systems/integration-app-bar/ObcIntegrationAppBar.svelte

@@ -3,6 +3,7 @@
     
       import '@oicl/openbridge-webcomponents/dist/integration-systems/integration-app-bar/integration-app-bar.js';
       import { setProperties } from "../../util.js";
+      import NamedSlot from "../../NamedSlot.svelte";
       
       import type { Snippet } from 'svelte';
 
@@ -27,8 +28,6 @@
      >
       
       {#if apps}
-        <div slot="apps">
-          {@render apps()}
-        </div>
+        <NamedSlot name="apps" content={apps} />
       {/if}
     </obc-integration-app-bar>

package/dist/integration-systems/integration-bar/ObcIntegrationBar.svelte

@@ -3,6 +3,7 @@
     
       import '@oicl/openbridge-webcomponents/dist/integration-systems/integration-bar/integration-bar.js';
       import { setProperties, forwardEvents } from "../../util.js";
+      import NamedSlot from "../../NamedSlot.svelte";
       
       import type { Snippet } from 'svelte';
 
@@ -75,20 +76,14 @@
     use:forwardEvents={{'fleet-button-click': onFleetButtonClick, 'link-button-clicked': onLinkButtonClicked, 'alert-button-clicked': onAlertButtonClicked, 'notification-button-clicked': onNotificationButtonClicked, 'screen-button-clicked': onScreenButtonClicked, 'system-button-clicked': onSystemButtonClicked, 'dimming-button-clicked': onDimmingButtonClicked, 'user-button-clicked': onUserButtonClicked}} >
       
       {#if clock}
-        <div slot="clock">
-          {@render clock()}
-        </div>
+        <NamedSlot name="clock" content={clock} />
       {/if}
 
       {#if integrationButtons}
-        <div slot="integration-buttons">
-          {@render integrationButtons()}
-        </div>
+        <NamedSlot name="integration-buttons" content={integrationButtons} />
       {/if}
 
       {#if hugButtons}
-        <div slot="hug-buttons">
-          {@render hugButtons()}
-        </div>
+        <NamedSlot name="hug-buttons" content={hugButtons} />
       {/if}
     </obc-integration-bar>

package/dist/integration-systems/integration-bar-dropdown/ObcIntegrationBarDropdown.svelte

@@ -3,6 +3,7 @@
     
       import '@oicl/openbridge-webcomponents/dist/integration-systems/integration-bar-dropdown/integration-bar-dropdown.js';
       import { setProperties, forwardEvents } from "../../util.js";
+      import NamedSlot from "../../NamedSlot.svelte";
       
       import type { Snippet } from 'svelte';
 
@@ -120,50 +121,34 @@
     use:forwardEvents={{'home-button-clicked': onHomeButtonClicked, 'link-button-clicked': onLinkButtonClicked, 'alert-button-clicked': onAlertButtonClicked, 'dimming-button-clicked': onDimmingButtonClicked, 'notification-button-clicked': onNotificationButtonClicked, 'screen-button-clicked': onScreenButtonClicked, 'user-button-clicked': onUserButtonClicked, 'system-button-clicked': onSystemButtonClicked}} >
       
       {#if vesselSelector}
-        <div slot="vessel-selector">
-          {@render vesselSelector()}
-        </div>
+        <NamedSlot name="vessel-selector" content={vesselSelector} />
       {/if}
 
       {#if statusLabel1}
-        <div slot="status-label-1">
-          {@render statusLabel1()}
-        </div>
+        <NamedSlot name="status-label-1" content={statusLabel1} />
       {/if}
 
       {#if statusIcon1}
-        <div slot="status-icon-1">
-          {@render statusIcon1()}
-        </div>
+        <NamedSlot name="status-icon-1" content={statusIcon1} />
       {/if}
 
       {#if statusLabel2}
-        <div slot="status-label-2">
-          {@render statusLabel2()}
-        </div>
+        <NamedSlot name="status-label-2" content={statusLabel2} />
       {/if}
 
       {#if statusIcon2}
-        <div slot="status-icon-2">
-          {@render statusIcon2()}
-        </div>
+        <NamedSlot name="status-icon-2" content={statusIcon2} />
       {/if}
 
       {#if statusLabel3}
-        <div slot="status-label-3">
-          {@render statusLabel3()}
-        </div>
+        <NamedSlot name="status-label-3" content={statusLabel3} />
       {/if}
 
       {#if statusIcon3}
-        <div slot="status-icon-3">
-          {@render statusIcon3()}
-        </div>
+        <NamedSlot name="status-icon-3" content={statusIcon3} />
       {/if}
 
       {#if clock}
-        <div slot="clock">
-          {@render clock()}
-        </div>
+        <NamedSlot name="clock" content={clock} />
       {/if}
     </obc-integration-bar-dropdown>

package/dist/integration-systems/integration-button/ObcIntegrationButton.svelte

@@ -3,6 +3,7 @@
     export type {IntegrationButtonReadout, IntegrationButtonVariant, IntegrationButtonType} from '@oicl/openbridge-webcomponents/dist/integration-systems/integration-button/integration-button.js';
       import '@oicl/openbridge-webcomponents/dist/integration-systems/integration-button/integration-button.js';
       import { setProperties, forwardEvents } from "../../util.js";
+      import NamedSlot from "../../NamedSlot.svelte";
       import type {IntegrationButtonReadout, IntegrationButtonVariant, IntegrationButtonType} from '@oicl/openbridge-webcomponents/dist/integration-systems/integration-button/integration-button.js';
       import type { Snippet } from 'svelte';
 
@@ -61,50 +62,34 @@
     use:forwardEvents={{'click': onClick}} >
       
       {#if leadingIcon}
-        <div slot="leading-icon">
-          {@render leadingIcon()}
-        </div>
+        <NamedSlot name="leading-icon" content={leadingIcon} />
       {/if}
 
       {#if trailingIcon}
-        <div slot="trailing-icon">
-          {@render trailingIcon()}
-        </div>
+        <NamedSlot name="trailing-icon" content={trailingIcon} />
       {/if}
 
       {#if trailingIcon2}
-        <div slot="trailing-icon2">
-          {@render trailingIcon2()}
-        </div>
+        <NamedSlot name="trailing-icon2" content={trailingIcon2} />
       {/if}
 
       {#if label}
-        <div slot="label">
-          {@render label()}
-        </div>
+        <NamedSlot name="label" content={label} />
       {/if}
 
       {#if status}
-        <div slot="status">
-          {@render status()}
-        </div>
+        <NamedSlot name="status" content={status} />
       {/if}
 
       {#if infoLabel}
-        <div slot="info-label">
-          {@render infoLabel()}
-        </div>
+        <NamedSlot name="info-label" content={infoLabel} />
       {/if}
 
       {#if infoStatus}
-        <div slot="info-status">
-          {@render infoStatus()}
-        </div>
+        <NamedSlot name="info-status" content={infoStatus} />
       {/if}
 
       {#if integrationVesselMenu}
-        <div slot="integration-vessel-menu">
-          {@render integrationVesselMenu()}
-        </div>
+        <NamedSlot name="integration-vessel-menu" content={integrationVesselMenu} />
       {/if}
     </obc-integration-button>

package/dist/integration-systems/integration-dropdown-button/ObcIntegrationDropdownButton.svelte

@@ -3,6 +3,7 @@
     export type {ObcIntegrationDropdownButtonChangeEvent, IntegrationDropdownOption} from '@oicl/openbridge-webcomponents/dist/integration-systems/integration-dropdown-button/integration-dropdown-button.js';
       import '@oicl/openbridge-webcomponents/dist/integration-systems/integration-dropdown-button/integration-dropdown-button.js';
       import { setProperties, forwardEvents } from "../../util.js";
+      import NamedSlot from "../../NamedSlot.svelte";
       import type {ObcIntegrationDropdownButtonChangeEvent, IntegrationDropdownOption} from '@oicl/openbridge-webcomponents/dist/integration-systems/integration-dropdown-button/integration-dropdown-button.js';
       import type { Snippet } from 'svelte';
 
@@ -44,8 +45,6 @@ options?: IntegrationDropdownOption[];
     use:forwardEvents={{'change': onChange}} >
       
       {#if fleet}
-        <div slot="fleet">
-          {@render fleet()}
-        </div>
+        <NamedSlot name="fleet" content={fleet} />
       {/if}
     </obc-integration-dropdown-button>

package/dist/integration-systems/integration-fleet-button/ObcIntegrationFleetButton.svelte

@@ -3,6 +3,7 @@
     export type {IntegrationFleetButtonReadout} from '@oicl/openbridge-webcomponents/dist/integration-systems/integration-fleet-button/integration-fleet-button.js';
       import '@oicl/openbridge-webcomponents/dist/integration-systems/integration-fleet-button/integration-fleet-button.js';
       import { setProperties, forwardEvents } from "../../util.js";
+      import NamedSlot from "../../NamedSlot.svelte";
       import type {IntegrationFleetButtonReadout} from '@oicl/openbridge-webcomponents/dist/integration-systems/integration-fleet-button/integration-fleet-button.js';
       import type { Snippet } from 'svelte';
 
@@ -33,8 +34,6 @@
     use:forwardEvents={{'click': onClick}} >
       
       {#if alertTopicIcon}
-        <div slot="alert-topic-icon">
-          {@render alertTopicIcon()}
-        </div>
+        <NamedSlot name="alert-topic-icon" content={alertTopicIcon} />
       {/if}
     </obc-integration-fleet-button>

package/dist/integration-systems/integration-vessel-menu/ObcIntegrationVesselMenu.svelte

@@ -3,6 +3,7 @@
     
       import '@oicl/openbridge-webcomponents/dist/integration-systems/integration-vessel-menu/integration-vessel-menu.js';
       import { setProperties } from "../../util.js";
+      import NamedSlot from "../../NamedSlot.svelte";
       
       import type { Snippet } from 'svelte';
 
@@ -31,20 +32,14 @@
      >
       
       {#if buttons}
-        <div slot="buttons">
-          {@render buttons()}
-        </div>
+        <NamedSlot name="buttons" content={buttons} />
       {/if}
 
       {#if content}
-        <div slot="content">
-          {@render content()}
-        </div>
+        <NamedSlot name="content" content={content} />
       {/if}
 
       {#if alarms}
-        <div slot="alarms">
-          {@render alarms()}
-        </div>
+        <NamedSlot name="alarms" content={alarms} />
       {/if}
     </obc-integration-vessel-menu>

package/dist/integration-systems/integration-vessel-selector/ObcIntegrationVesselSelector.svelte

@@ -3,6 +3,7 @@
     
       import '@oicl/openbridge-webcomponents/dist/integration-systems/integration-vessel-selector/integration-vessel-selector.js';
       import { setProperties } from "../../util.js";
+      import NamedSlot from "../../NamedSlot.svelte";
       
       import type { Snippet } from 'svelte';
 
@@ -34,14 +35,10 @@
       {/if}
 
       {#if fleet}
-        <div slot="fleet">
-          {@render fleet()}
-        </div>
+        <NamedSlot name="fleet" content={fleet} />
       {/if}
 
       {#if topbar}
-        <div slot="topbar">
-          {@render topbar()}
-        </div>
+        <NamedSlot name="topbar" content={topbar} />
       {/if}
     </obc-integration-vessel-selector>

package/dist/navigation-instruments/gauge-proportional/ObcGaugeProportional.svelte

@@ -5,6 +5,7 @@ export type {GaugeProportionalSector, GaugeProportionalAlignment, GaugeProportio
 export type {TickmarkStyle} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/watch/tickmark.js';
       import '@oicl/openbridge-webcomponents/dist/navigation-instruments/gauge-proportional/gauge-proportional.js';
       import { setProperties } from "../../util.js";
+      import NamedSlot from "../../NamedSlot.svelte";
       import type {InstrumentState} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/types.js';
 import type {GaugeProportionalSector, GaugeProportionalAlignment, GaugeProportionalPriority, GaugeProportionalAdvice} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/gauge-proportional/gauge-proportional.js';
 import type {TickmarkStyle} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/watch/tickmark.js';
@@ -113,14 +114,10 @@ animateSetpoint?: boolean;
      >
       
       {#if icon}
-        <div slot="icon">
-          {@render icon()}
-        </div>
+        <NamedSlot name="icon" content={icon} />
       {/if}
 
       {#if secondaryIcon}
-        <div slot="secondary-icon">
-          {@render secondaryIcon()}
-        </div>
+        <NamedSlot name="secondary-icon" content={secondaryIcon} />
       {/if}
     </obc-gauge-proportional>

package/dist/navigation-instruments/gauge-radial-indicator/ObcGaugeRadialIndicator.svelte

@@ -3,6 +3,7 @@
     export type {GaugeRadialIndicatorStyle} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/gauge-radial-indicator/gauge-radial-indicator.js';
       import '@oicl/openbridge-webcomponents/dist/navigation-instruments/gauge-radial-indicator/gauge-radial-indicator.js';
       import { setProperties } from "../../util.js";
+      import NamedSlot from "../../NamedSlot.svelte";
       import type {GaugeRadialIndicatorStyle} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/gauge-radial-indicator/gauge-radial-indicator.js';
       import type { Snippet } from 'svelte';
 
@@ -33,8 +34,6 @@
      >
       
       {#if iconSnippet}
-        <div slot="icon">
-          {@render iconSnippet()}
-        </div>
+        <NamedSlot name="icon" content={iconSnippet} />
       {/if}
     </obc-gauge-radial-indicator>

package/dist/navigation-instruments/instrument-field/ObcInstrumentField.svelte

@@ -3,6 +3,7 @@
     export type {InstrumentFieldSize} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/instrument-field/instrument-field.js';
       import '@oicl/openbridge-webcomponents/dist/navigation-instruments/instrument-field/instrument-field.js';
       import { setProperties } from "../../util.js";
+      import NamedSlot from "../../NamedSlot.svelte";
       import type {InstrumentFieldSize} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/instrument-field/instrument-field.js';
       import type { Snippet } from 'svelte';
 
@@ -62,8 +63,6 @@
      >
       
       {#if offValue}
-        <div slot="off-value">
-          {@render offValue()}
-        </div>
+        <NamedSlot name="off-value" content={offValue} />
       {/if}
     </obc-instrument-field>

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

@@ -8,6 +8,7 @@ export type {AlertFrameConfig} from '@oicl/openbridge-webcomponents/dist/compone
 export type {ReadoutValueOptions, ReadoutSetpointOptions, ReadoutAdviceOptions, ReadoutLabelOptions, ReadoutReserverOptions} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/readout-list-item/readout-list-item.js';
       import '@oicl/openbridge-webcomponents/dist/navigation-instruments/readout/readout.js';
       import { setProperties, forwardEvents } from "../../util.js";
+      import NamedSlot from "../../NamedSlot.svelte";
       import type {ReadoutValueType} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/readout/readout-formatters.js';
 import type {ReadoutBlockSize, ReadoutBlockDataQuality} from '@oicl/openbridge-webcomponents/dist/building-blocks/readout-block/readout-block.js';
 import type {Priority} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/types.js';
@@ -110,32 +111,22 @@ import type {ReadoutValueOptions, ReadoutSetpointOptions, ReadoutAdviceOptions,
     use:forwardEvents={{'source-change': onSourceChange, 'source-flyout-click': onSourceFlyoutClick}} >
       
       {#if leadingIcon}
-        <div slot="leading-icon">
-          {@render leadingIcon()}
-        </div>
+        <NamedSlot name="leading-icon" content={leadingIcon} />
       {/if}
 
       {#if valueIcon}
-        <div slot="value-icon">
-          {@render valueIcon()}
-        </div>
+        <NamedSlot name="value-icon" content={valueIcon} />
       {/if}
 
       {#if setpointIcon}
-        <div slot="setpoint-icon">
-          {@render setpointIcon()}
-        </div>
+        <NamedSlot name="setpoint-icon" content={setpointIcon} />
       {/if}
 
       {#if adviceIcon}
-        <div slot="advice-icon">
-          {@render adviceIcon()}
-        </div>
+        <NamedSlot name="advice-icon" content={adviceIcon} />
       {/if}
 
       {#if srcPickerContent}
-        <div slot="src-picker-content">
-          {@render srcPickerContent()}
-        </div>
+        <NamedSlot name="src-picker-content" content={srcPickerContent} />
       {/if}
     </obc-readout>

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

@@ -6,6 +6,7 @@ export type {ReadoutListItemPriority, ReadoutListItemStacking, ReadoutListItemCl
 export type {AlertFrameConfig} from '@oicl/openbridge-webcomponents/dist/components/alert-frame/alert-frame.js';
       import '@oicl/openbridge-webcomponents/dist/navigation-instruments/readout-list-item/readout-list-item.js';
       import { setProperties, forwardEvents } from "../../util.js";
+      import NamedSlot from "../../NamedSlot.svelte";
       import type {ReadoutValueType} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/readout/readout-formatters.js';
 import type {ReadoutBlockSize, ReadoutBlockDataQuality} from '@oicl/openbridge-webcomponents/dist/building-blocks/readout-block/readout-block.js';
 import type {ReadoutListItemPriority, ReadoutListItemStacking, ReadoutListItemClickable, ReadoutValueOptions, ReadoutSetpointOptions, ReadoutAdviceOptions, ReadoutLabelOptions, ReadoutReserverOptions, ReadoutSrcOptions} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/readout-list-item/readout-list-item.js';
@@ -87,26 +88,18 @@ import type {AlertFrameConfig} from '@oicl/openbridge-webcomponents/dist/compone
     use:forwardEvents={{'click': onClick}} >
       
       {#if leadingIcon}
-        <div slot="leading-icon">
-          {@render leadingIcon()}
-        </div>
+        <NamedSlot name="leading-icon" content={leadingIcon} />
       {/if}
 
       {#if valueIcon}
-        <div slot="value-icon">
-          {@render valueIcon()}
-        </div>
+        <NamedSlot name="value-icon" content={valueIcon} />
       {/if}
 
       {#if setpointIcon}
-        <div slot="setpoint-icon">
-          {@render setpointIcon()}
-        </div>
+        <NamedSlot name="setpoint-icon" content={setpointIcon} />
       {/if}
 
       {#if adviceIcon}
-        <div slot="advice-icon">
-          {@render adviceIcon()}
-        </div>
+        <NamedSlot name="advice-icon" content={adviceIcon} />
       {/if}
     </obc-readout-list-item>

package/dist/util.d.ts

@@ -6,4 +6,24 @@ export declare function forwardEvents(node: HTMLElement, handlers: EventHandlers
     update(handlers: EventHandlers): void;
     destroy(): void;
 };
+/**
+ * `slot` value of the markers that delimit a NamedSlot region. It matches no
+ * real slot, so the markers stay unassigned and never affect layout.
+ */
+export declare const SLOT_MARKER = "svelte-slot-marker";
+export interface AssignSlotOptions {
+    name: string;
+    /** Called when the region renders text, which cannot carry a `slot`. */
+    onText: () => void;
+}
+/**
+ * Assigns the elements rendered between this start marker and the next marker
+ * to a named slot by setting their `slot` attribute, so they slot natively
+ * like the web component's documented usage. Nodes are never moved: Svelte
+ * removes blocks by walking their sibling range.
+ */
+export declare function assignSlot(start: HTMLTemplateElement, options: AssignSlotOptions): {
+    update(options: AssignSlotOptions): void;
+    destroy(): void;
+};
 export {};

package/dist/util.js

@@ -39,3 +39,45 @@ export function forwardEvents(node, handlers) {
         },
     };
 }
+/**
+ * `slot` value of the markers that delimit a NamedSlot region. It matches no
+ * real slot, so the markers stay unassigned and never affect layout.
+ */
+export const SLOT_MARKER = "svelte-slot-marker";
+const isMarker = (node) => node instanceof HTMLTemplateElement && node.slot === SLOT_MARKER;
+/**
+ * Assigns the elements rendered between this start marker and the next marker
+ * to a named slot by setting their `slot` attribute, so they slot natively
+ * like the web component's documented usage. Nodes are never moved: Svelte
+ * removes blocks by walking their sibling range.
+ */
+export function assignSlot(start, options) {
+    let current = options;
+    const assign = () => {
+        for (let node = start.nextSibling; node && !isMarker(node); node = node.nextSibling) {
+            if (node instanceof Element) {
+                if (node.slot !== current.name)
+                    node.slot = current.name;
+            }
+            else if (node.nodeType === Node.TEXT_NODE && node.textContent?.trim()) {
+                current.onText();
+                return;
+            }
+        }
+    };
+    assign();
+    // Re-assign when the snippet's top-level nodes change, e.g. an `{#if}` at
+    // the snippet root. Mutation records are delivered before the next paint.
+    const observer = new MutationObserver(assign);
+    if (start.parentNode)
+        observer.observe(start.parentNode, { childList: true });
+    return {
+        update(options) {
+            current = options;
+            assign();
+        },
+        destroy() {
+            observer.disconnect();
+        },
+    };
+}

package/package.json

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