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

package/dist/automation/gauge-generator/ObcGaugeGenerator.svelte

@@ -6,6 +6,7 @@ export type {TickmarkStyle} from '@oicl/openbridge-webcomponents/dist/navigation
 export type {GaugeGeneratorType} from '@oicl/openbridge-webcomponents/dist/automation/gauge-generator/gauge-generator.js';
       import '@oicl/openbridge-webcomponents/dist/automation/gauge-generator/gauge-generator.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';
@@ -117,14 +118,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-generator>

package/dist/automation/gauge-motors-and-pumps/ObcGaugeMotorsAndPumps.svelte

@@ -6,6 +6,7 @@ export type {TickmarkStyle} from '@oicl/openbridge-webcomponents/dist/navigation
 export type {GaugeMotorsAndPumpsType} from '@oicl/openbridge-webcomponents/dist/automation/gauge-motors-and-pumps/gauge-motors-and-pumps.js';
       import '@oicl/openbridge-webcomponents/dist/automation/gauge-motors-and-pumps/gauge-motors-and-pumps.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';
@@ -117,14 +118,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-motors-and-pumps>

package/dist/automation/gauge-valve/ObcGaugeValve.svelte

@@ -4,6 +4,7 @@
 export type {GaugeValveScalePosition} from '@oicl/openbridge-webcomponents/dist/automation/gauge-valve/gauge-valve-geometry.js';
       import '@oicl/openbridge-webcomponents/dist/automation/gauge-valve/gauge-valve.js';
       import { setProperties } from "../../util.js";
+      import NamedSlot from "../../NamedSlot.svelte";
       import type {GaugeValveType, GaugeValvePriority, GaugeValveStyle} from '@oicl/openbridge-webcomponents/dist/automation/gauge-valve/gauge-valve.js';
 import type {GaugeValveScalePosition} from '@oicl/openbridge-webcomponents/dist/automation/gauge-valve/gauge-valve-geometry.js';
       import type { Snippet } from 'svelte';
@@ -92,8 +93,6 @@ animateSetpoint?: boolean;
      >
       
       {#if icon}
-        <div slot="icon">
-          {@render icon()}
-        </div>
+        <NamedSlot name="icon" content={icon} />
       {/if}
     </obc-gauge-valve>

package/dist/automation/heat-exchanger/ObcHeatExchanger.svelte

@@ -7,6 +7,7 @@ export type {ObcAlertFrameType, ObcAlertFrameThickness} from '@oicl/openbridge-w
 export type {AlertType} from '@oicl/openbridge-webcomponents/dist/types.js';
       import '@oicl/openbridge-webcomponents/dist/automation/heat-exchanger/heat-exchanger.js';
       import { setProperties, forwardEvents } from "../../util.js";
+      import NamedSlot from "../../NamedSlot.svelte";
       import type {SpecialtyTankMedium} from '@oicl/openbridge-webcomponents/dist/automation/specialty-tank/abstract-specialty-tank.js';
 import type {TankPositioning} from '@oicl/openbridge-webcomponents/dist/automation/automation-tank/tank-positioning.js';
 import type {AutomationButtonBadgeControl, AutomationButtonBadgeAlert, AutomationButtonBadgeInterlock, AutomationButtonBadgeCommandLocked} from '@oicl/openbridge-webcomponents/dist/automation/automation-button/abstract-automation-button.js';
@@ -96,32 +97,22 @@ import type {AlertType} from '@oicl/openbridge-webcomponents/dist/types.js';
     use:forwardEvents={{'click': onClick}} >
       
       {#if badges}
-        <div slot="badges">
-          {@render badges()}
-        </div>
+        <NamedSlot name="badges" content={badges} />
       {/if}
 
       {#if tagSnippet}
-        <div slot="tag">
-          {@render tagSnippet()}
-        </div>
+        <NamedSlot name="tag" content={tagSnippet} />
       {/if}
 
       {#if alertIcon}
-        <div slot="alert-icon">
-          {@render alertIcon()}
-        </div>
+        <NamedSlot name="alert-icon" content={alertIcon} />
       {/if}
 
       {#if alertLabel}
-        <div slot="alert-label">
-          {@render alertLabel()}
-        </div>
+        <NamedSlot name="alert-label" content={alertLabel} />
       {/if}
 
       {#if alertTimer}
-        <div slot="alert-timer">
-          {@render alertTimer()}
-        </div>
+        <NamedSlot name="alert-timer" content={alertTimer} />
       {/if}
     </obc-heat-exchanger>

package/dist/automation/heat-pump/ObcHeatPump.svelte

@@ -7,6 +7,7 @@ export type {ObcAlertFrameType, ObcAlertFrameThickness} from '@oicl/openbridge-w
 export type {AlertType} from '@oicl/openbridge-webcomponents/dist/types.js';
       import '@oicl/openbridge-webcomponents/dist/automation/heat-pump/heat-pump.js';
       import { setProperties, forwardEvents } from "../../util.js";
+      import NamedSlot from "../../NamedSlot.svelte";
       import type {SpecialtyTankMedium} from '@oicl/openbridge-webcomponents/dist/automation/specialty-tank/abstract-specialty-tank.js';
 import type {TankPositioning} from '@oicl/openbridge-webcomponents/dist/automation/automation-tank/tank-positioning.js';
 import type {AutomationButtonBadgeControl, AutomationButtonBadgeAlert, AutomationButtonBadgeInterlock, AutomationButtonBadgeCommandLocked} from '@oicl/openbridge-webcomponents/dist/automation/automation-button/abstract-automation-button.js';
@@ -96,32 +97,22 @@ import type {AlertType} from '@oicl/openbridge-webcomponents/dist/types.js';
     use:forwardEvents={{'click': onClick}} >
       
       {#if badges}
-        <div slot="badges">
-          {@render badges()}
-        </div>
+        <NamedSlot name="badges" content={badges} />
       {/if}
 
       {#if tagSnippet}
-        <div slot="tag">
-          {@render tagSnippet()}
-        </div>
+        <NamedSlot name="tag" content={tagSnippet} />
       {/if}
 
       {#if alertIcon}
-        <div slot="alert-icon">
-          {@render alertIcon()}
-        </div>
+        <NamedSlot name="alert-icon" content={alertIcon} />
       {/if}
 
       {#if alertLabel}
-        <div slot="alert-label">
-          {@render alertLabel()}
-        </div>
+        <NamedSlot name="alert-label" content={alertLabel} />
       {/if}
 
       {#if alertTimer}
-        <div slot="alert-timer">
-          {@render alertTimer()}
-        </div>
+        <NamedSlot name="alert-timer" content={alertTimer} />
       {/if}
     </obc-heat-pump>

package/dist/automation/hydraulic-separator/ObcHydraulicSeparator.svelte

@@ -7,6 +7,7 @@ export type {ObcAlertFrameType, ObcAlertFrameThickness} from '@oicl/openbridge-w
 export type {AlertType} from '@oicl/openbridge-webcomponents/dist/types.js';
       import '@oicl/openbridge-webcomponents/dist/automation/hydraulic-separator/hydraulic-separator.js';
       import { setProperties, forwardEvents } from "../../util.js";
+      import NamedSlot from "../../NamedSlot.svelte";
       import type {SpecialtyTankMedium} from '@oicl/openbridge-webcomponents/dist/automation/specialty-tank/abstract-specialty-tank.js';
 import type {TankPositioning} from '@oicl/openbridge-webcomponents/dist/automation/automation-tank/tank-positioning.js';
 import type {AutomationButtonBadgeControl, AutomationButtonBadgeAlert, AutomationButtonBadgeInterlock, AutomationButtonBadgeCommandLocked} from '@oicl/openbridge-webcomponents/dist/automation/automation-button/abstract-automation-button.js';
@@ -96,32 +97,22 @@ import type {AlertType} from '@oicl/openbridge-webcomponents/dist/types.js';
     use:forwardEvents={{'click': onClick}} >
       
       {#if badges}
-        <div slot="badges">
-          {@render badges()}
-        </div>
+        <NamedSlot name="badges" content={badges} />
       {/if}
 
       {#if tagSnippet}
-        <div slot="tag">
-          {@render tagSnippet()}
-        </div>
+        <NamedSlot name="tag" content={tagSnippet} />
       {/if}
 
       {#if alertIcon}
-        <div slot="alert-icon">
-          {@render alertIcon()}
-        </div>
+        <NamedSlot name="alert-icon" content={alertIcon} />
       {/if}
 
       {#if alertLabel}
-        <div slot="alert-label">
-          {@render alertLabel()}
-        </div>
+        <NamedSlot name="alert-label" content={alertLabel} />
       {/if}
 
       {#if alertTimer}
-        <div slot="alert-timer">
-          {@render alertTimer()}
-        </div>
+        <NamedSlot name="alert-timer" content={alertTimer} />
       {/if}
     </obc-hydraulic-separator>

package/dist/automation/indicator-battery/ObcIndicatorBattery.svelte

@@ -4,6 +4,7 @@
 export type {IndicatorBatteryVariant, IndicatorBatteryValue} from '@oicl/openbridge-webcomponents/dist/automation/indicator-battery/indicator-battery.js';
       import '@oicl/openbridge-webcomponents/dist/automation/indicator-battery/indicator-battery.js';
       import { setProperties } from "../../util.js";
+      import NamedSlot from "../../NamedSlot.svelte";
       import type {IndicatorDirection} from '@oicl/openbridge-webcomponents/dist/automation/indicator-shared/linear-indicator.js';
 import type {IndicatorBatteryVariant, IndicatorBatteryValue} from '@oicl/openbridge-webcomponents/dist/automation/indicator-battery/indicator-battery.js';
       import type { Snippet } from 'svelte';
@@ -36,8 +37,6 @@ import type {IndicatorBatteryVariant, IndicatorBatteryValue} from '@oicl/openbri
      >
       
       {#if icon}
-        <div slot="icon">
-          {@render icon()}
-        </div>
+        <NamedSlot name="icon" content={icon} />
       {/if}
     </obc-indicator-battery>

package/dist/automation/indicator-generator/ObcIndicatorGenerator.svelte

@@ -3,6 +3,7 @@
     export type {IndicatorGeneratorVariant, IndicatorGeneratorValue} from '@oicl/openbridge-webcomponents/dist/automation/indicator-generator/indicator-generator.js';
       import '@oicl/openbridge-webcomponents/dist/automation/indicator-generator/indicator-generator.js';
       import { setProperties } from "../../util.js";
+      import NamedSlot from "../../NamedSlot.svelte";
       import type {IndicatorGeneratorVariant, IndicatorGeneratorValue} from '@oicl/openbridge-webcomponents/dist/automation/indicator-generator/indicator-generator.js';
       import type { Snippet } from 'svelte';
 
@@ -32,8 +33,6 @@
      >
       
       {#if icon}
-        <div slot="icon">
-          {@render icon()}
-        </div>
+        <NamedSlot name="icon" content={icon} />
       {/if}
     </obc-indicator-generator>

package/dist/automation/indicator-tank-atmospheric/ObcIndicatorTankAtmospheric.svelte

@@ -4,6 +4,7 @@
 export type {IndicatorTankAtmosphericVariant, IndicatorTankAtmosphericValue} from '@oicl/openbridge-webcomponents/dist/automation/indicator-tank-atmospheric/indicator-tank-atmospheric.js';
       import '@oicl/openbridge-webcomponents/dist/automation/indicator-tank-atmospheric/indicator-tank-atmospheric.js';
       import { setProperties } from "../../util.js";
+      import NamedSlot from "../../NamedSlot.svelte";
       import type {IndicatorDirection} from '@oicl/openbridge-webcomponents/dist/automation/indicator-shared/linear-indicator.js';
 import type {IndicatorTankAtmosphericVariant, IndicatorTankAtmosphericValue} from '@oicl/openbridge-webcomponents/dist/automation/indicator-tank-atmospheric/indicator-tank-atmospheric.js';
       import type { Snippet } from 'svelte';
@@ -36,8 +37,6 @@ import type {IndicatorTankAtmosphericVariant, IndicatorTankAtmosphericValue} fro
      >
       
       {#if icon}
-        <div slot="icon">
-          {@render icon()}
-        </div>
+        <NamedSlot name="icon" content={icon} />
       {/if}
     </obc-indicator-tank-atmospheric>

package/dist/automation/transmitter/ObcTransmitter.svelte

@@ -5,6 +5,7 @@ export type {LineType} from '@oicl/openbridge-webcomponents/dist/automation/inde
 export type {TransmitterButtonSize} from '@oicl/openbridge-webcomponents/dist/automation/transmitter-button/transmitter-button.js';
       import '@oicl/openbridge-webcomponents/dist/automation/transmitter/transmitter.js';
       import { setProperties } from "../../util.js";
+      import NamedSlot from "../../NamedSlot.svelte";
       import type {TransmitterOrientation, TransmitterType} from '@oicl/openbridge-webcomponents/dist/automation/transmitter/transmitter.js';
 import type {LineType} from '@oicl/openbridge-webcomponents/dist/automation/index.js';
 import type {TransmitterButtonSize} from '@oicl/openbridge-webcomponents/dist/automation/transmitter-button/transmitter-button.js';
@@ -57,8 +58,6 @@ import type {TransmitterButtonSize} from '@oicl/openbridge-webcomponents/dist/au
      >
       
       {#if icon}
-        <div slot="icon">
-          {@render icon()}
-        </div>
+        <NamedSlot name="icon" content={icon} />
       {/if}
     </obc-transmitter>

package/dist/automation/transmitter-button/ObcTransmitterButton.svelte

@@ -3,6 +3,7 @@
     export type {TransmitterButtonVariant, TransmitterButtonSize} from '@oicl/openbridge-webcomponents/dist/automation/transmitter-button/transmitter-button.js';
       import '@oicl/openbridge-webcomponents/dist/automation/transmitter-button/transmitter-button.js';
       import { setProperties } from "../../util.js";
+      import NamedSlot from "../../NamedSlot.svelte";
       import type {TransmitterButtonVariant, TransmitterButtonSize} from '@oicl/openbridge-webcomponents/dist/automation/transmitter-button/transmitter-button.js';
       import type { Snippet } from 'svelte';
 
@@ -45,8 +46,6 @@
      >
       
       {#if icon}
-        <div slot="icon">
-          {@render icon()}
-        </div>
+        <NamedSlot name="icon" content={icon} />
       {/if}
     </obc-transmitter-button>

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

@@ -3,6 +3,7 @@
     
       import '@oicl/openbridge-webcomponents/dist/building-blocks/alert-list/alert-list.js';
       import { setProperties } from "../../util.js";
+      import NamedSlot from "../../NamedSlot.svelte";
       
       import type { Snippet } from 'svelte';
 
@@ -34,20 +35,14 @@
       {/if}
 
       {#if emptyIcon}
-        <div slot="empty-icon">
-          {@render emptyIcon()}
-        </div>
+        <NamedSlot name="empty-icon" content={emptyIcon} />
       {/if}
 
       {#if emptyTitle}
-        <div slot="empty-title">
-          {@render emptyTitle()}
-        </div>
+        <NamedSlot name="empty-title" content={emptyTitle} />
       {/if}
 
       {#if emptyDescription}
-        <div slot="empty-description">
-          {@render emptyDescription()}
-        </div>
+        <NamedSlot name="empty-description" content={emptyDescription} />
       {/if}
     </obc-alert-list>

package/dist/building-blocks/readout-block/ObcReadoutBlock.svelte

@@ -6,6 +6,7 @@ export type {ObcTextboxSize, ObcTextboxFontWeight, ObcTextboxAlignment} from '@o
 export type {AlertFrameConfig} from '@oicl/openbridge-webcomponents/dist/components/alert-frame/alert-frame.js';
       import '@oicl/openbridge-webcomponents/dist/building-blocks/readout-block/readout-block.js';
       import { setProperties } from "../../util.js";
+      import NamedSlot from "../../NamedSlot.svelte";
       import type {ReadoutBlockVariant, ReadoutBlockSize, ReadoutAdviceCategory, ReadoutBlockDataQuality, ReadoutBlockHidePhase} from '@oicl/openbridge-webcomponents/dist/building-blocks/readout-block/readout-block.js';
 import type {ReadoutValueType} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/readout/readout-formatters.js';
 import type {ObcTextboxSize, ObcTextboxFontWeight, ObcTextboxAlignment} from '@oicl/openbridge-webcomponents/dist/components/textbox/textbox.js';
@@ -102,8 +103,6 @@ import type {AlertFrameConfig} from '@oicl/openbridge-webcomponents/dist/compone
      >
       
       {#if icon}
-        <div slot="icon">
-          {@render icon()}
-        </div>
+        <NamedSlot name="icon" content={icon} />
       {/if}
     </obc-readout-block>

package/dist/components/accordion-card/ObcAccordionCard.svelte

@@ -5,6 +5,7 @@ export type {ObcAlertFrameType, ObcAlertFrameThickness} from '@oicl/openbridge-w
 export type {AlertType} from '@oicl/openbridge-webcomponents/dist/types.js';
       import '@oicl/openbridge-webcomponents/dist/components/accordion-card/accordion-card.js';
       import { setProperties, forwardEvents } from "../../util.js";
+      import NamedSlot from "../../NamedSlot.svelte";
       import type {Position, AccordionSize} from '@oicl/openbridge-webcomponents/dist/components/accordion-card/accordion-card.js';
 import type {ObcAlertFrameType, ObcAlertFrameThickness} from '@oicl/openbridge-webcomponents/dist/components/alert-frame/alert-frame.js';
 import type {AlertType} from '@oicl/openbridge-webcomponents/dist/types.js';
@@ -88,32 +89,22 @@ size?: AccordionSize;
     use:forwardEvents={{'accordion-toggle': onAccordionToggle}} >
       
       {#if leadingIcon}
-        <div slot="leading-icon">
-          {@render leadingIcon()}
-        </div>
+        <NamedSlot name="leading-icon" content={leadingIcon} />
       {/if}
 
       {#if expandedContent}
-        <div slot="expanded-content">
-          {@render expandedContent()}
-        </div>
+        <NamedSlot name="expanded-content" content={expandedContent} />
       {/if}
 
       {#if alertIcon}
-        <div slot="alert-icon">
-          {@render alertIcon()}
-        </div>
+        <NamedSlot name="alert-icon" content={alertIcon} />
       {/if}
 
       {#if alertLabel}
-        <div slot="alert-label">
-          {@render alertLabel()}
-        </div>
+        <NamedSlot name="alert-label" content={alertLabel} />
       {/if}
 
       {#if alertTimer}
-        <div slot="alert-timer">
-          {@render alertTimer()}
-        </div>
+        <NamedSlot name="alert-timer" content={alertTimer} />
       {/if}
     </obc-accordion-card>

package/dist/components/accordion-item/ObcAccordionItem.svelte

@@ -3,6 +3,7 @@
     
       import '@oicl/openbridge-webcomponents/dist/components/accordion-item/accordion-item.js';
       import { setProperties, forwardEvents } from "../../util.js";
+      import NamedSlot from "../../NamedSlot.svelte";
       
       import type { Snippet } from 'svelte';
 
@@ -34,8 +35,6 @@
     use:forwardEvents={{'accordion-item-toggle': onAccordionItemToggle}} >
       
       {#if expandedContent}
-        <div slot="expanded-content">
-          {@render expandedContent()}
-        </div>
+        <NamedSlot name="expanded-content" content={expandedContent} />
       {/if}
     </obc-accordion-item>

package/dist/components/advice-button/ObcAdviceButton.svelte

@@ -3,6 +3,7 @@
     export type {AdviceButtonClickEvent, AdviceButtonStyle} from '@oicl/openbridge-webcomponents/dist/components/advice-button/advice-button.js';
       import '@oicl/openbridge-webcomponents/dist/components/advice-button/advice-button.js';
       import { setProperties, forwardEvents } from "../../util.js";
+      import NamedSlot from "../../NamedSlot.svelte";
       import type {AdviceButtonClickEvent, AdviceButtonStyle} from '@oicl/openbridge-webcomponents/dist/components/advice-button/advice-button.js';
       import type { Snippet } from 'svelte';
 
@@ -44,8 +45,6 @@ buttonStyle?: AdviceButtonStyle;
     use:forwardEvents={{'obc-click': onObcClick}} >
       
       {#if icon}
-        <div slot="icon">
-          {@render icon()}
-        </div>
+        <NamedSlot name="icon" content={icon} />
       {/if}
     </obc-advice-button>

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

@@ -3,6 +3,7 @@
     export type {ObcFloatingItemType, ObcFloatingItemDirection, ObcFloatingItemLineType} from '@oicl/openbridge-webcomponents/dist/components/floating-item/floating-item.js';
       import '@oicl/openbridge-webcomponents/dist/components/advice-floating-item/advice-floating-item.js';
       import { setProperties, forwardEvents } from "../../util.js";
+      import NamedSlot from "../../NamedSlot.svelte";
       import type {ObcFloatingItemType, ObcFloatingItemDirection, ObcFloatingItemLineType} from '@oicl/openbridge-webcomponents/dist/components/floating-item/floating-item.js';
       import type { Snippet } from 'svelte';
 
@@ -57,44 +58,30 @@ lineType?: ObcFloatingItemLineType
     use:forwardEvents={{'action-click': onActionClick, 'action2-click': onAction2Click, 'dismiss-click': onDismissClick}} >
       
       {#if primaryIcon}
-        <div slot="primary-icon">
-          {@render primaryIcon()}
-        </div>
+        <NamedSlot name="primary-icon" content={primaryIcon} />
       {/if}
 
       {#if title}
-        <div slot="title">
-          {@render title()}
-        </div>
+        <NamedSlot name="title" content={title} />
       {/if}
 
       {#if description}
-        <div slot="description">
-          {@render description()}
-        </div>
+        <NamedSlot name="description" content={description} />
       {/if}
 
       {#if time}
-        <div slot="time">
-          {@render time()}
-        </div>
+        <NamedSlot name="time" content={time} />
       {/if}
 
       {#if day}
-        <div slot="day">
-          {@render day()}
-        </div>
+        <NamedSlot name="day" content={day} />
       {/if}
 
       {#if actionSnippet}
-        <div slot="action">
-          {@render actionSnippet()}
-        </div>
+        <NamedSlot name="action" content={actionSnippet} />
       {/if}
 
       {#if action2Snippet}
-        <div slot="action2">
-          {@render action2Snippet()}
-        </div>
+        <NamedSlot name="action2" content={action2Snippet} />
       {/if}
     </obc-advice-floating-item>

package/dist/components/advice-menu-item/ObcAdviceMenuItem.svelte

@@ -3,6 +3,7 @@
     export type {ObcMessageMenuItemSize} from '@oicl/openbridge-webcomponents/dist/components/message-menu-item/message-menu-item.js';
       import '@oicl/openbridge-webcomponents/dist/components/advice-menu-item/advice-menu-item.js';
       import { setProperties, forwardEvents } from "../../util.js";
+      import NamedSlot from "../../NamedSlot.svelte";
       import type {ObcMessageMenuItemSize} from '@oicl/openbridge-webcomponents/dist/components/message-menu-item/message-menu-item.js';
       import type { Snippet } from 'svelte';
 
@@ -39,8 +40,6 @@
     use:forwardEvents={{'primary-action-click': onPrimaryActionClick, 'secondary-action-click': onSecondaryActionClick, 'item-click': onItemClick}} >
       
       {#if icon}
-        <div slot="icon">
-          {@render icon()}
-        </div>
+        <NamedSlot name="icon" content={icon} />
       {/if}
     </obc-advice-menu-item>

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

@@ -3,6 +3,7 @@
     export type {ObcAdviceMessageItemType, ObcAdviceMessageItemSize} from '@oicl/openbridge-webcomponents/dist/components/advice-message-item/advice-message-item.js';
       import '@oicl/openbridge-webcomponents/dist/components/advice-message-item/advice-message-item.js';
       import { setProperties, forwardEvents } from "../../util.js";
+      import NamedSlot from "../../NamedSlot.svelte";
       import type {ObcAdviceMessageItemType, ObcAdviceMessageItemSize} from '@oicl/openbridge-webcomponents/dist/components/advice-message-item/advice-message-item.js';
       import type { Snippet } from 'svelte';
 
@@ -107,8 +108,6 @@ size?: ObcAdviceMessageItemSize;
     use:forwardEvents={{'message-click': onMessageClick, 'action-click': onActionClick}} >
       
       {#if secondaryIcon}
-        <div slot="secondary-icon">
-          {@render secondaryIcon()}
-        </div>
+        <NamedSlot name="secondary-icon" content={secondaryIcon} />
       {/if}
     </obc-advice-message-item>

package/dist/components/alert-floating-item/ObcAlertFloatingItem.svelte

@@ -3,6 +3,7 @@
     export type {ObcFloatingItemType, ObcFloatingItemDirection, ObcFloatingItemLineType} from '@oicl/openbridge-webcomponents/dist/components/floating-item/floating-item.js';
       import '@oicl/openbridge-webcomponents/dist/components/alert-floating-item/alert-floating-item.js';
       import { setProperties, forwardEvents } from "../../util.js";
+      import NamedSlot from "../../NamedSlot.svelte";
       import type {ObcFloatingItemType, ObcFloatingItemDirection, ObcFloatingItemLineType} from '@oicl/openbridge-webcomponents/dist/components/floating-item/floating-item.js';
       import type { Snippet } from 'svelte';
 
@@ -41,44 +42,30 @@
     use:forwardEvents={{'action-click': onActionClick, 'action2-click': onAction2Click, 'dismiss-click': onDismissClick}} >
       
       {#if primaryIcon}
-        <div slot="primary-icon">
-          {@render primaryIcon()}
-        </div>
+        <NamedSlot name="primary-icon" content={primaryIcon} />
       {/if}
 
       {#if title}
-        <div slot="title">
-          {@render title()}
-        </div>
+        <NamedSlot name="title" content={title} />
       {/if}
 
       {#if description}
-        <div slot="description">
-          {@render description()}
-        </div>
+        <NamedSlot name="description" content={description} />
       {/if}
 
       {#if time}
-        <div slot="time">
-          {@render time()}
-        </div>
+        <NamedSlot name="time" content={time} />
       {/if}
 
       {#if day}
-        <div slot="day">
-          {@render day()}
-        </div>
+        <NamedSlot name="day" content={day} />
       {/if}
 
       {#if actionSnippet}
-        <div slot="action">
-          {@render actionSnippet()}
-        </div>
+        <NamedSlot name="action" content={actionSnippet} />
       {/if}
 
       {#if action2Snippet}
-        <div slot="action2">
-          {@render action2Snippet()}
-        </div>
+        <NamedSlot name="action2" content={action2Snippet} />
       {/if}
     </obc-alert-floating-item>

package/dist/components/alert-frame/ObcAlertFrame.svelte

@@ -4,6 +4,7 @@
 export type {AlertType} from '@oicl/openbridge-webcomponents/dist/types.js';
       import '@oicl/openbridge-webcomponents/dist/components/alert-frame/alert-frame.js';
       import { setProperties } from "../../util.js";
+      import NamedSlot from "../../NamedSlot.svelte";
       import type {ObcAlertFrameType, ObcAlertFrameThickness, ObcAlertFrameMode, AlertFrameTextSize} from '@oicl/openbridge-webcomponents/dist/components/alert-frame/alert-frame.js';
 import type {AlertType} from '@oicl/openbridge-webcomponents/dist/types.js';
       import type { Snippet } from 'svelte';
@@ -73,20 +74,14 @@ mode?: ObcAlertFrameMode;
       {/if}
 
       {#if icon}
-        <div slot="icon">
-          {@render icon()}
-        </div>
+        <NamedSlot name="icon" content={icon} />
       {/if}
 
       {#if label}
-        <div slot="label">
-          {@render label()}
-        </div>
+        <NamedSlot name="label" content={label} />
       {/if}
 
       {#if timer}
-        <div slot="timer">
-          {@render timer()}
-        </div>
+        <NamedSlot name="timer" content={timer} />
       {/if}
     </obc-alert-frame>