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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (183) hide show
  1. package/dist/NamedSlot.svelte +26 -0
  2. package/dist/NamedSlot.svelte.d.ts +11 -0
  3. package/dist/ar/building-blocks/poi-header/ObcPoiHeader.svelte +2 -3
  4. package/dist/ar/chart-object-vessel-button/ObcChartObjectVesselButton.svelte +5 -12
  5. package/dist/ar/poi/ObcPoi.svelte +3 -6
  6. package/dist/ar/poi/ObcPoiAton.svelte +2 -3
  7. package/dist/ar/poi/ObcPoiData.svelte +2 -3
  8. package/dist/ar/poi/ObcPoiVessel.svelte +4 -9
  9. package/dist/ar/poi-button/ObcPoiButton.svelte +3 -6
  10. package/dist/ar/poi-button/ObcPoiButtonAton.svelte +3 -6
  11. package/dist/ar/poi-button/ObcPoiButtonData.svelte +3 -6
  12. package/dist/ar/poi-button/ObcPoiButtonVessel.svelte +5 -12
  13. package/dist/ar/poi-card/ObcPoiCard.svelte +3 -6
  14. package/dist/ar/poi-card-header/ObcPoiCardHeader.svelte +3 -6
  15. package/dist/ar/poi-controller/ObcPoiController.svelte +3 -6
  16. package/dist/ar/poi-object/ObcPoiObjectVessel.svelte +3 -6
  17. package/dist/automation/automation-badge/ObcAutomationBadge.svelte +2 -3
  18. package/dist/automation/automation-button/ObcAutomationButton.svelte +10 -27
  19. package/dist/automation/automation-input-modal/ObcAutomationInputModal.svelte +5 -12
  20. package/dist/automation/automation-tank/ObcAutomationTank.svelte +11 -30
  21. package/dist/automation/gauge-generator/ObcGaugeGenerator.svelte +3 -6
  22. package/dist/automation/gauge-motors-and-pumps/ObcGaugeMotorsAndPumps.svelte +3 -6
  23. package/dist/automation/gauge-valve/ObcGaugeValve.svelte +2 -3
  24. package/dist/automation/heat-exchanger/ObcHeatExchanger.svelte +6 -15
  25. package/dist/automation/heat-pump/ObcHeatPump.svelte +6 -15
  26. package/dist/automation/hydraulic-separator/ObcHydraulicSeparator.svelte +6 -15
  27. package/dist/automation/indicator-battery/ObcIndicatorBattery.svelte +2 -3
  28. package/dist/automation/indicator-generator/ObcIndicatorGenerator.svelte +2 -3
  29. package/dist/automation/indicator-tank-atmospheric/ObcIndicatorTankAtmospheric.svelte +2 -3
  30. package/dist/automation/transmitter/ObcTransmitter.svelte +2 -3
  31. package/dist/automation/transmitter-button/ObcTransmitterButton.svelte +2 -3
  32. package/dist/bars-graphs/area-graph/ObcAreaGraph.svelte +14 -2
  33. package/dist/bars-graphs/area-graph/ObcAreaGraph.svelte.d.ts +15 -1
  34. package/dist/bars-graphs/line-graph/ObcLineGraph.svelte +14 -2
  35. package/dist/bars-graphs/line-graph/ObcLineGraph.svelte.d.ts +15 -1
  36. package/dist/building-blocks/alert-list/ObcAlertList.svelte +4 -9
  37. package/dist/building-blocks/bar-horizontal/ObcBarHorizontal.svelte +6 -0
  38. package/dist/building-blocks/bar-horizontal/ObcBarHorizontal.svelte.d.ts +6 -0
  39. package/dist/building-blocks/bar-vertical/ObcBarVertical.svelte +6 -0
  40. package/dist/building-blocks/bar-vertical/ObcBarVertical.svelte.d.ts +6 -0
  41. package/dist/building-blocks/chart-line/ObcChartLineBase.svelte +14 -2
  42. package/dist/building-blocks/chart-line/ObcChartLineBase.svelte.d.ts +15 -1
  43. package/dist/building-blocks/readout-block/ObcReadoutBlock.svelte +2 -3
  44. package/dist/components/accordion-card/ObcAccordionCard.svelte +6 -15
  45. package/dist/components/accordion-item/ObcAccordionItem.svelte +2 -3
  46. package/dist/components/advice-button/ObcAdviceButton.svelte +2 -3
  47. package/dist/components/advice-floating-item/ObcAdviceFloatingItem.svelte +8 -21
  48. package/dist/components/advice-menu-item/ObcAdviceMenuItem.svelte +2 -3
  49. package/dist/components/advice-message-item/ObcAdviceMessageItem.svelte +2 -3
  50. package/dist/components/alert-button/ObcAlertButton.svelte +4 -2
  51. package/dist/components/alert-button/ObcAlertButton.svelte.d.ts +4 -1
  52. package/dist/components/alert-floating-item/ObcAlertFloatingItem.svelte +8 -21
  53. package/dist/components/alert-frame/ObcAlertFrame.svelte +12 -13
  54. package/dist/components/alert-frame/ObcAlertFrame.svelte.d.ts +8 -2
  55. package/dist/components/alert-icon/ObcAlertIcon.svelte +5 -3
  56. package/dist/components/alert-icon/ObcAlertIcon.svelte.d.ts +4 -1
  57. package/dist/components/alert-menu/ObcAlertMenu.svelte +4 -9
  58. package/dist/components/alert-menu-item/ObcAlertMenuItem.svelte +5 -12
  59. package/dist/components/alert-subsystem-counter/ObcAlertSubsystemCounter.svelte +3 -6
  60. package/dist/components/app-button/ObcAppButton.svelte +2 -3
  61. package/dist/components/attachment-list-item/ObcAttachmentListItem.svelte +4 -9
  62. package/dist/components/badge/ObcBadge.svelte +2 -3
  63. package/dist/components/button/ObcButton.svelte +3 -6
  64. package/dist/components/card/ObcCard.svelte +4 -9
  65. package/dist/components/check-button/ObcCheckButton.svelte +4 -9
  66. package/dist/components/command-menu/ObcCommandMenu.svelte +10 -27
  67. package/dist/components/dropdown-button/ObcDropdownButton.svelte +2 -3
  68. package/dist/components/elevated-card/ObcElevatedCard.svelte +8 -21
  69. package/dist/components/floating-item/ObcFloatingItem.svelte +9 -24
  70. package/dist/components/form-container/ObcFormContainer.svelte +4 -9
  71. package/dist/components/form-group/ObcFormGroup.svelte +3 -6
  72. package/dist/components/form-item/ObcFormItem.svelte +2 -3
  73. package/dist/components/icon-button/ObcIconButton.svelte +2 -3
  74. package/dist/components/icon-check-button/ObcIconCheckButton.svelte +2 -3
  75. package/dist/components/keyboard-numeric/ObcKeyboardNumeric.svelte +2 -3
  76. package/dist/components/menu-button/ObcMenuButton.svelte +2 -3
  77. package/dist/components/message-menu-item/ObcMessageMenuItem.svelte +7 -18
  78. package/dist/components/modal-window/ObcModalWindow.svelte +7 -18
  79. package/dist/components/navigation-item/ObcNavigationItem.svelte +3 -6
  80. package/dist/components/navigation-item-group/ObcNavigationItemGroup.svelte +2 -3
  81. package/dist/components/navigation-menu/ObcNavigationMenu.svelte +4 -9
  82. package/dist/components/notification-button/ObcNotificationButton.svelte +2 -3
  83. package/dist/components/notification-floating-item/ObcNotificationFloatingItem.svelte +8 -21
  84. package/dist/components/notification-menu-item/ObcNotificationMenuItem.svelte +2 -3
  85. package/dist/components/notification-message-item/ObcNotificationMessageItem.svelte +2 -3
  86. package/dist/components/number-input-field/ObcNumberInputField.svelte +4 -9
  87. package/dist/components/pivot-item/ObcPivotItem.svelte +2 -3
  88. package/dist/components/progress-bar/ObcProgressBar.svelte +2 -3
  89. package/dist/components/progress-button/ObcProgressButton.svelte +4 -9
  90. package/dist/components/rich-button/ObcRichButton.svelte +3 -6
  91. package/dist/components/sequence-card/ObcSequenceCard.svelte +8 -21
  92. package/dist/components/sequence-item/ObcSequenceItem.svelte +5 -12
  93. package/dist/components/sequence-modal/ObcSequenceModal.svelte +2 -3
  94. package/dist/components/sequence-toolbar/ObcSequenceToolbar.svelte +5 -12
  95. package/dist/components/slide-button/ObcSlideButton.svelte +3 -6
  96. package/dist/components/slider/ObcSlider.svelte +3 -6
  97. package/dist/components/slider-double/ObcSliderDouble.svelte +3 -6
  98. package/dist/components/split-button/ObcSplitButton.svelte +2 -3
  99. package/dist/components/start-stop-switch/ObcStartStopSwitch.svelte +7 -18
  100. package/dist/components/system-menu/ObcSystemMenu.svelte +2 -3
  101. package/dist/components/tab-item/ObcTabItem.svelte +4 -9
  102. package/dist/components/tab-row/ObcTabRow.svelte +3 -6
  103. package/dist/components/tabbed-card/ObcTabbedCard.svelte +16 -45
  104. package/dist/components/table-header-item/ObcTableHeaderItem.svelte +2 -3
  105. package/dist/components/text-input-field/ObcTextInputField.svelte +4 -9
  106. package/dist/components/textarea-field/ObcTextareaField.svelte +2 -3
  107. package/dist/components/textbox/ObcTextbox.svelte +2 -3
  108. package/dist/components/title-container/ObcTitleContainer.svelte +5 -12
  109. package/dist/components/toggle-button-option/ObcToggleButtonOption.svelte +2 -3
  110. package/dist/components/toggle-button-vertical-option/ObcToggleButtonVerticalOption.svelte +2 -3
  111. package/dist/components/toggle-switch/ObcToggleSwitch.svelte +2 -3
  112. package/dist/components/toggletip/ObcToggletip.svelte +4 -9
  113. package/dist/components/tooltip/ObcTooltip.svelte +2 -3
  114. package/dist/components/top-bar/ObcTopBar.svelte +5 -12
  115. package/dist/components/topbar-message-item/ObcTopbarMessageItem.svelte +10 -27
  116. package/dist/components/tree-navigation-group/ObcTreeNavigationGroup.svelte +2 -3
  117. package/dist/components/tree-navigation-item/ObcTreeNavigationItem.svelte +2 -3
  118. package/dist/components/user-button/ObcUserButton.svelte +2 -3
  119. package/dist/components/user-menu/ObcUserMenu.svelte +2 -3
  120. package/dist/icons/ObiBipolarTransistor01.svelte +32 -0
  121. package/dist/icons/ObiBipolarTransistor01.svelte.d.ts +16 -0
  122. package/dist/icons/ObiBipolarTransistor02.svelte +32 -0
  123. package/dist/icons/ObiBipolarTransistor02.svelte.d.ts +16 -0
  124. package/dist/icons/ObiBipolarTransistor02Off.svelte +32 -0
  125. package/dist/icons/ObiBipolarTransistor02Off.svelte.d.ts +16 -0
  126. package/dist/icons/ObiBipolarTransistor02On.svelte +32 -0
  127. package/dist/icons/ObiBipolarTransistor02On.svelte.d.ts +16 -0
  128. package/dist/icons/ObiBipolarTransistor03.svelte +32 -0
  129. package/dist/icons/ObiBipolarTransistor03.svelte.d.ts +16 -0
  130. package/dist/icons/ObiBipolarTransistor03Flat.svelte +32 -0
  131. package/dist/icons/ObiBipolarTransistor03Flat.svelte.d.ts +16 -0
  132. package/dist/icons/ObiBipolarTransistor03Off.svelte +32 -0
  133. package/dist/icons/ObiBipolarTransistor03Off.svelte.d.ts +16 -0
  134. package/dist/icons/ObiBipolarTransistor03On.svelte +32 -0
  135. package/dist/icons/ObiBipolarTransistor03On.svelte.d.ts +16 -0
  136. package/dist/icons/ObiBipolarTransistor04.svelte +32 -0
  137. package/dist/icons/ObiBipolarTransistor04.svelte.d.ts +16 -0
  138. package/dist/icons/ObiBipolarTransistor04Flat.svelte +32 -0
  139. package/dist/icons/ObiBipolarTransistor04Flat.svelte.d.ts +16 -0
  140. package/dist/icons/ObiBipolarTransistor04Off.svelte +32 -0
  141. package/dist/icons/ObiBipolarTransistor04Off.svelte.d.ts +16 -0
  142. package/dist/icons/ObiBipolarTransistor04On.svelte +32 -0
  143. package/dist/icons/ObiBipolarTransistor04On.svelte.d.ts +16 -0
  144. package/dist/icons/ObiBipolarTransistorOff.svelte +32 -0
  145. package/dist/icons/ObiBipolarTransistorOff.svelte.d.ts +16 -0
  146. package/dist/icons/ObiBipolarTransistorOn.svelte +32 -0
  147. package/dist/icons/ObiBipolarTransistorOn.svelte.d.ts +16 -0
  148. package/dist/icons/ObiBypass.svelte +32 -0
  149. package/dist/icons/ObiBypass.svelte.d.ts +16 -0
  150. package/dist/icons/{ObiChevronTrippleLeft.svelte → ObiChevronTripleLeft.svelte} +3 -3
  151. package/dist/icons/{ObiChevronTrippleRight.svelte.d.ts → ObiChevronTripleLeft.svelte.d.ts} +4 -4
  152. package/dist/icons/{ObiChevronTrippleRight.svelte → ObiChevronTripleRight.svelte} +3 -3
  153. package/dist/icons/{ObiChevronTrippleLeft.svelte.d.ts → ObiChevronTripleRight.svelte.d.ts} +4 -4
  154. package/dist/icons/ObiHeatPumpBalance.svelte +32 -0
  155. package/dist/icons/ObiHeatPumpBalance.svelte.d.ts +16 -0
  156. package/dist/icons/ObiOutput.svelte +32 -0
  157. package/dist/icons/ObiOutput.svelte.d.ts +16 -0
  158. package/dist/icons/ObiPhase.svelte +32 -0
  159. package/dist/icons/ObiPhase.svelte.d.ts +16 -0
  160. package/dist/icons/ObiSensorWaterDewpoint.svelte +32 -0
  161. package/dist/icons/ObiSensorWaterDewpoint.svelte.d.ts +16 -0
  162. package/dist/icons/ObiSensorWaterHumidity.svelte +32 -0
  163. package/dist/icons/ObiSensorWaterHumidity.svelte.d.ts +16 -0
  164. package/dist/index.d.ts +22 -2
  165. package/dist/index.js +22 -2
  166. package/dist/integration-systems/integration-app-bar/ObcIntegrationAppBar.svelte +2 -3
  167. package/dist/integration-systems/integration-bar/ObcIntegrationBar.svelte +4 -9
  168. package/dist/integration-systems/integration-bar-dropdown/ObcIntegrationBarDropdown.svelte +9 -24
  169. package/dist/integration-systems/integration-button/ObcIntegrationButton.svelte +9 -24
  170. package/dist/integration-systems/integration-dropdown-button/ObcIntegrationDropdownButton.svelte +2 -3
  171. package/dist/integration-systems/integration-fleet-button/ObcIntegrationFleetButton.svelte +2 -3
  172. package/dist/integration-systems/integration-vessel-menu/ObcIntegrationVesselMenu.svelte +4 -9
  173. package/dist/integration-systems/integration-vessel-selector/ObcIntegrationVesselSelector.svelte +3 -6
  174. package/dist/navigation-instruments/gauge-proportional/ObcGaugeProportional.svelte +3 -6
  175. package/dist/navigation-instruments/gauge-radial-indicator/ObcGaugeRadialIndicator.svelte +2 -3
  176. package/dist/navigation-instruments/gauge-trend/ObcGaugeTrend.svelte +14 -2
  177. package/dist/navigation-instruments/gauge-trend/ObcGaugeTrend.svelte.d.ts +15 -1
  178. package/dist/navigation-instruments/instrument-field/ObcInstrumentField.svelte +2 -3
  179. package/dist/navigation-instruments/readout/ObcReadout.svelte +6 -15
  180. package/dist/navigation-instruments/readout-list-item/ObcReadoutListItem.svelte +5 -12
  181. package/dist/util.d.ts +20 -0
  182. package/dist/util.js +42 -0
  183. package/package.json +2 -2
@@ -1,5 +1,5 @@
1
1
  import '@oicl/openbridge-webcomponents/dist/building-blocks/chart-line/chart-line-base.js';
2
- import type { ChartLineDataItem, ChartLinePoint, XAxisType, YAxisPosition, ChartLineYAxisConfig, LineMode, TimeDisplay } from '@oicl/openbridge-webcomponents/dist/building-blocks/chart-line/chart-line-base.js';
2
+ import type { ChartLineDataItem, ChartLinePoint, XAxisType, YAxisPosition, ChartLineYAxisConfig, ChartLineXAxisConfig, RangeLabels, LineMode, TimeDisplay } from '@oicl/openbridge-webcomponents/dist/building-blocks/chart-line/chart-line-base.js';
3
3
  import type { ChartDataset } from 'chart.js';
4
4
  import type { InstrumentState, Priority, FrameStyle, BorderRadiusPosition } from '@oicl/openbridge-webcomponents/dist/navigation-instruments/types.js';
5
5
  import type { Snippet } from 'svelte';
@@ -32,6 +32,12 @@ export interface Props {
32
32
  yAxisPosition?: YAxisPosition;
33
33
  /** Multiple y-axis definitions for complex multi-axis charts. */
34
34
  yAxes?: ChartLineYAxisConfig[] | undefined;
35
+ /**
36
+ * Pinned x range (`min`/`max`) for time and number axes. Without it the axis spans exactly the data, so a window that is still filling stretches across the full width. In `minutes` display `max` is the `0min` reference.
37
+ *
38
+ * Available when `xAxisType!=category`.
39
+ */
40
+ xAxis?: ChartLineXAxisConfig | undefined;
35
41
  /** Show grid lines. */
36
42
  showGrid?: boolean;
37
43
  /**
@@ -64,6 +70,12 @@ and never wants to show axis labels (e.g. `obc-automation-tank`).
64
70
  Defaults to `true` to preserve existing behavior. Declared with `attribute: false`
65
71
  because a `true`-default boolean cannot work as an HTML boolean attribute. */
66
72
  hasLabelPadding?: boolean;
73
+ /**
74
+ * Labels kept below the 192px threshold, where the axis labels are otherwise hidden: 'y' draws min, max and (inside the range) 0 in a gutter on the y-axis side; 'x' draws the first and last x value in a bottom gutter; 'xy' both. Ignored when `hasLabelPadding` is false.
75
+ *
76
+ * Available when `hasLabelPadding==true`.
77
+ */
78
+ rangeLabels?: RangeLabels;
67
79
  /** Show point markers on data points. Default: false. */
68
80
  showPoints?: boolean;
69
81
  /** Line drawing style: 'smooth' (curved), 'straight', or 'stepped'. */
@@ -115,6 +127,8 @@ declare const ObcChartLineBase: import("svelte").Component<$$ComponentProps, {
115
127
  XAxisType: typeof XAxisType;
116
128
  YAxisPosition: typeof YAxisPosition;
117
129
  ChartLineYAxisConfig: typeof ChartLineYAxisConfig;
130
+ ChartLineXAxisConfig: typeof ChartLineXAxisConfig;
131
+ RangeLabels: typeof RangeLabels;
118
132
  LineMode: typeof LineMode;
119
133
  TimeDisplay: typeof TimeDisplay;
120
134
  ChartDataset: typeof ChartDataset;
@@ -6,6 +6,7 @@ export type {ObcTextboxSize, ObcTextboxFontWeight, ObcTextboxAlignment} from '@o
6
6
  export type {AlertFrameConfig} from '@oicl/openbridge-webcomponents/dist/components/alert-frame/alert-frame.js';
7
7
  import '@oicl/openbridge-webcomponents/dist/building-blocks/readout-block/readout-block.js';
8
8
  import { setProperties } from "../../util.js";
9
+ import NamedSlot from "../../NamedSlot.svelte";
9
10
  import type {ReadoutBlockVariant, ReadoutBlockSize, ReadoutAdviceCategory, ReadoutBlockDataQuality, ReadoutBlockHidePhase} from '@oicl/openbridge-webcomponents/dist/building-blocks/readout-block/readout-block.js';
10
11
  import type {ReadoutValueType} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/readout/readout-formatters.js';
11
12
  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
102
103
  >
103
104
 
104
105
  {#if icon}
105
- <div slot="icon">
106
- {@render icon()}
107
- </div>
106
+ <NamedSlot name="icon" content={icon} />
108
107
  {/if}
109
108
  </obc-readout-block>
@@ -5,6 +5,7 @@ export type {ObcAlertFrameType, ObcAlertFrameThickness} from '@oicl/openbridge-w
5
5
  export type {AlertType} from '@oicl/openbridge-webcomponents/dist/types.js';
6
6
  import '@oicl/openbridge-webcomponents/dist/components/accordion-card/accordion-card.js';
7
7
  import { setProperties, forwardEvents } from "../../util.js";
8
+ import NamedSlot from "../../NamedSlot.svelte";
8
9
  import type {Position, AccordionSize} from '@oicl/openbridge-webcomponents/dist/components/accordion-card/accordion-card.js';
9
10
  import type {ObcAlertFrameType, ObcAlertFrameThickness} from '@oicl/openbridge-webcomponents/dist/components/alert-frame/alert-frame.js';
10
11
  import type {AlertType} from '@oicl/openbridge-webcomponents/dist/types.js';
@@ -88,32 +89,22 @@ size?: AccordionSize;
88
89
  use:forwardEvents={{'accordion-toggle': onAccordionToggle}} >
89
90
 
90
91
  {#if leadingIcon}
91
- <div slot="leading-icon">
92
- {@render leadingIcon()}
93
- </div>
92
+ <NamedSlot name="leading-icon" content={leadingIcon} />
94
93
  {/if}
95
94
 
96
95
  {#if expandedContent}
97
- <div slot="expanded-content">
98
- {@render expandedContent()}
99
- </div>
96
+ <NamedSlot name="expanded-content" content={expandedContent} />
100
97
  {/if}
101
98
 
102
99
  {#if alertIcon}
103
- <div slot="alert-icon">
104
- {@render alertIcon()}
105
- </div>
100
+ <NamedSlot name="alert-icon" content={alertIcon} />
106
101
  {/if}
107
102
 
108
103
  {#if alertLabel}
109
- <div slot="alert-label">
110
- {@render alertLabel()}
111
- </div>
104
+ <NamedSlot name="alert-label" content={alertLabel} />
112
105
  {/if}
113
106
 
114
107
  {#if alertTimer}
115
- <div slot="alert-timer">
116
- {@render alertTimer()}
117
- </div>
108
+ <NamedSlot name="alert-timer" content={alertTimer} />
118
109
  {/if}
119
110
  </obc-accordion-card>
@@ -3,6 +3,7 @@
3
3
 
4
4
  import '@oicl/openbridge-webcomponents/dist/components/accordion-item/accordion-item.js';
5
5
  import { setProperties, forwardEvents } from "../../util.js";
6
+ import NamedSlot from "../../NamedSlot.svelte";
6
7
 
7
8
  import type { Snippet } from 'svelte';
8
9
 
@@ -34,8 +35,6 @@
34
35
  use:forwardEvents={{'accordion-item-toggle': onAccordionItemToggle}} >
35
36
 
36
37
  {#if expandedContent}
37
- <div slot="expanded-content">
38
- {@render expandedContent()}
39
- </div>
38
+ <NamedSlot name="expanded-content" content={expandedContent} />
40
39
  {/if}
41
40
  </obc-accordion-item>
@@ -3,6 +3,7 @@
3
3
  export type {AdviceButtonClickEvent, AdviceButtonStyle} from '@oicl/openbridge-webcomponents/dist/components/advice-button/advice-button.js';
4
4
  import '@oicl/openbridge-webcomponents/dist/components/advice-button/advice-button.js';
5
5
  import { setProperties, forwardEvents } from "../../util.js";
6
+ import NamedSlot from "../../NamedSlot.svelte";
6
7
  import type {AdviceButtonClickEvent, AdviceButtonStyle} from '@oicl/openbridge-webcomponents/dist/components/advice-button/advice-button.js';
7
8
  import type { Snippet } from 'svelte';
8
9
 
@@ -44,8 +45,6 @@ buttonStyle?: AdviceButtonStyle;
44
45
  use:forwardEvents={{'obc-click': onObcClick}} >
45
46
 
46
47
  {#if icon}
47
- <div slot="icon">
48
- {@render icon()}
49
- </div>
48
+ <NamedSlot name="icon" content={icon} />
50
49
  {/if}
51
50
  </obc-advice-button>
@@ -3,6 +3,7 @@
3
3
  export type {ObcFloatingItemType, ObcFloatingItemDirection, ObcFloatingItemLineType} from '@oicl/openbridge-webcomponents/dist/components/floating-item/floating-item.js';
4
4
  import '@oicl/openbridge-webcomponents/dist/components/advice-floating-item/advice-floating-item.js';
5
5
  import { setProperties, forwardEvents } from "../../util.js";
6
+ import NamedSlot from "../../NamedSlot.svelte";
6
7
  import type {ObcFloatingItemType, ObcFloatingItemDirection, ObcFloatingItemLineType} from '@oicl/openbridge-webcomponents/dist/components/floating-item/floating-item.js';
7
8
  import type { Snippet } from 'svelte';
8
9
 
@@ -57,44 +58,30 @@ lineType?: ObcFloatingItemLineType
57
58
  use:forwardEvents={{'action-click': onActionClick, 'action2-click': onAction2Click, 'dismiss-click': onDismissClick}} >
58
59
 
59
60
  {#if primaryIcon}
60
- <div slot="primary-icon">
61
- {@render primaryIcon()}
62
- </div>
61
+ <NamedSlot name="primary-icon" content={primaryIcon} />
63
62
  {/if}
64
63
 
65
64
  {#if title}
66
- <div slot="title">
67
- {@render title()}
68
- </div>
65
+ <NamedSlot name="title" content={title} />
69
66
  {/if}
70
67
 
71
68
  {#if description}
72
- <div slot="description">
73
- {@render description()}
74
- </div>
69
+ <NamedSlot name="description" content={description} />
75
70
  {/if}
76
71
 
77
72
  {#if time}
78
- <div slot="time">
79
- {@render time()}
80
- </div>
73
+ <NamedSlot name="time" content={time} />
81
74
  {/if}
82
75
 
83
76
  {#if day}
84
- <div slot="day">
85
- {@render day()}
86
- </div>
77
+ <NamedSlot name="day" content={day} />
87
78
  {/if}
88
79
 
89
80
  {#if actionSnippet}
90
- <div slot="action">
91
- {@render actionSnippet()}
92
- </div>
81
+ <NamedSlot name="action" content={actionSnippet} />
93
82
  {/if}
94
83
 
95
84
  {#if action2Snippet}
96
- <div slot="action2">
97
- {@render action2Snippet()}
98
- </div>
85
+ <NamedSlot name="action2" content={action2Snippet} />
99
86
  {/if}
100
87
  </obc-advice-floating-item>
@@ -3,6 +3,7 @@
3
3
  export type {ObcMessageMenuItemSize} from '@oicl/openbridge-webcomponents/dist/components/message-menu-item/message-menu-item.js';
4
4
  import '@oicl/openbridge-webcomponents/dist/components/advice-menu-item/advice-menu-item.js';
5
5
  import { setProperties, forwardEvents } from "../../util.js";
6
+ import NamedSlot from "../../NamedSlot.svelte";
6
7
  import type {ObcMessageMenuItemSize} from '@oicl/openbridge-webcomponents/dist/components/message-menu-item/message-menu-item.js';
7
8
  import type { Snippet } from 'svelte';
8
9
 
@@ -39,8 +40,6 @@
39
40
  use:forwardEvents={{'primary-action-click': onPrimaryActionClick, 'secondary-action-click': onSecondaryActionClick, 'item-click': onItemClick}} >
40
41
 
41
42
  {#if icon}
42
- <div slot="icon">
43
- {@render icon()}
44
- </div>
43
+ <NamedSlot name="icon" content={icon} />
45
44
  {/if}
46
45
  </obc-advice-menu-item>
@@ -3,6 +3,7 @@
3
3
  export type {ObcAdviceMessageItemType, ObcAdviceMessageItemSize} from '@oicl/openbridge-webcomponents/dist/components/advice-message-item/advice-message-item.js';
4
4
  import '@oicl/openbridge-webcomponents/dist/components/advice-message-item/advice-message-item.js';
5
5
  import { setProperties, forwardEvents } from "../../util.js";
6
+ import NamedSlot from "../../NamedSlot.svelte";
6
7
  import type {ObcAdviceMessageItemType, ObcAdviceMessageItemSize} from '@oicl/openbridge-webcomponents/dist/components/advice-message-item/advice-message-item.js';
7
8
  import type { Snippet } from 'svelte';
8
9
 
@@ -107,8 +108,6 @@ size?: ObcAdviceMessageItemSize;
107
108
  use:forwardEvents={{'message-click': onMessageClick, 'action-click': onActionClick}} >
108
109
 
109
110
  {#if secondaryIcon}
110
- <div slot="secondary-icon">
111
- {@render secondaryIcon()}
112
- </div>
111
+ <NamedSlot name="secondary-icon" content={secondaryIcon} />
113
112
  {/if}
114
113
  </obc-advice-message-item>
@@ -1,10 +1,10 @@
1
1
 
2
2
  <script lang="ts">
3
- export type {AlertType} from '@oicl/openbridge-webcomponents/dist/types.js';
3
+ export type {AlertType, FlashingSpeed} from '@oicl/openbridge-webcomponents/dist/types.js';
4
4
  export type {ObcAlertButtonType} from '@oicl/openbridge-webcomponents/dist/components/alert-button/alert-button.js';
5
5
  import '@oicl/openbridge-webcomponents/dist/components/alert-button/alert-button.js';
6
6
  import { setProperties, forwardEvents } from "../../util.js";
7
- import type {AlertType} from '@oicl/openbridge-webcomponents/dist/types.js';
7
+ import type {AlertType, FlashingSpeed} from '@oicl/openbridge-webcomponents/dist/types.js';
8
8
  import type {ObcAlertButtonType} from '@oicl/openbridge-webcomponents/dist/components/alert-button/alert-button.js';
9
9
  import type { Snippet } from 'svelte';
10
10
 
@@ -47,6 +47,8 @@ counter?: boolean;
47
47
 
48
48
  Blinking is only shown for alarm and warning types, not for caution. */
49
49
  blinking?: boolean;
50
+ /** Flash tempo while `blinking` is on: `default` resolves from `alertType`, `fast`, `slow`, `very-slow` force a tempo, `fixed` never flashes. */
51
+ flashingSpeed?: FlashingSpeed;
50
52
  /** Maximum width (in px) for normal/enhanced mode.
51
53
 
52
54
  If the available width is less than this value, the button switches to flat mode.
@@ -1,5 +1,5 @@
1
1
  import '@oicl/openbridge-webcomponents/dist/components/alert-button/alert-button.js';
2
- import type { AlertType } from '@oicl/openbridge-webcomponents/dist/types.js';
2
+ import type { AlertType, FlashingSpeed } from '@oicl/openbridge-webcomponents/dist/types.js';
3
3
  import type { ObcAlertButtonType } from '@oicl/openbridge-webcomponents/dist/components/alert-button/alert-button.js';
4
4
  import type { Snippet } from 'svelte';
5
5
  export interface Props {
@@ -41,6 +41,8 @@ Only shown when there are active alerts and the button is not in flat mode. */
41
41
 
42
42
  Blinking is only shown for alarm and warning types, not for caution. */
43
43
  blinking?: boolean;
44
+ /** Flash tempo while `blinking` is on: `default` resolves from `alertType`, `fast`, `slow`, `very-slow` force a tempo, `fixed` never flashes. */
45
+ flashingSpeed?: FlashingSpeed;
44
46
  /** Maximum width (in px) for normal/enhanced mode.
45
47
 
46
48
  If the available width is less than this value, the button switches to flat mode.
@@ -62,6 +64,7 @@ export interface Slots {
62
64
  type $$ComponentProps = Props & Events & Slots;
63
65
  declare const ObcAlertButton: import("svelte").Component<$$ComponentProps, {
64
66
  AlertType: typeof AlertType;
67
+ FlashingSpeed: typeof FlashingSpeed;
65
68
  ObcAlertButtonType: typeof ObcAlertButtonType;
66
69
  }, "">;
67
70
  type ObcAlertButton = ReturnType<typeof ObcAlertButton>;
@@ -3,6 +3,7 @@
3
3
  export type {ObcFloatingItemType, ObcFloatingItemDirection, ObcFloatingItemLineType} from '@oicl/openbridge-webcomponents/dist/components/floating-item/floating-item.js';
4
4
  import '@oicl/openbridge-webcomponents/dist/components/alert-floating-item/alert-floating-item.js';
5
5
  import { setProperties, forwardEvents } from "../../util.js";
6
+ import NamedSlot from "../../NamedSlot.svelte";
6
7
  import type {ObcFloatingItemType, ObcFloatingItemDirection, ObcFloatingItemLineType} from '@oicl/openbridge-webcomponents/dist/components/floating-item/floating-item.js';
7
8
  import type { Snippet } from 'svelte';
8
9
 
@@ -41,44 +42,30 @@
41
42
  use:forwardEvents={{'action-click': onActionClick, 'action2-click': onAction2Click, 'dismiss-click': onDismissClick}} >
42
43
 
43
44
  {#if primaryIcon}
44
- <div slot="primary-icon">
45
- {@render primaryIcon()}
46
- </div>
45
+ <NamedSlot name="primary-icon" content={primaryIcon} />
47
46
  {/if}
48
47
 
49
48
  {#if title}
50
- <div slot="title">
51
- {@render title()}
52
- </div>
49
+ <NamedSlot name="title" content={title} />
53
50
  {/if}
54
51
 
55
52
  {#if description}
56
- <div slot="description">
57
- {@render description()}
58
- </div>
53
+ <NamedSlot name="description" content={description} />
59
54
  {/if}
60
55
 
61
56
  {#if time}
62
- <div slot="time">
63
- {@render time()}
64
- </div>
57
+ <NamedSlot name="time" content={time} />
65
58
  {/if}
66
59
 
67
60
  {#if day}
68
- <div slot="day">
69
- {@render day()}
70
- </div>
61
+ <NamedSlot name="day" content={day} />
71
62
  {/if}
72
63
 
73
64
  {#if actionSnippet}
74
- <div slot="action">
75
- {@render actionSnippet()}
76
- </div>
65
+ <NamedSlot name="action" content={actionSnippet} />
77
66
  {/if}
78
67
 
79
68
  {#if action2Snippet}
80
- <div slot="action2">
81
- {@render action2Snippet()}
82
- </div>
69
+ <NamedSlot name="action2" content={action2Snippet} />
83
70
  {/if}
84
71
  </obc-alert-floating-item>
@@ -1,11 +1,12 @@
1
1
 
2
2
  <script lang="ts">
3
- export type {ObcAlertFrameType, ObcAlertFrameThickness, ObcAlertFrameMode, AlertFrameTextSize} from '@oicl/openbridge-webcomponents/dist/components/alert-frame/alert-frame.js';
4
- export type {AlertType} from '@oicl/openbridge-webcomponents/dist/types.js';
3
+ export type {ObcAlertFrameType, ObcAlertFrameThickness, ObcAlertFrameMode, ObcAlertFrameFlashEffect, AlertFrameTextSize} from '@oicl/openbridge-webcomponents/dist/components/alert-frame/alert-frame.js';
4
+ export type {AlertType, FlashingSpeed} from '@oicl/openbridge-webcomponents/dist/types.js';
5
5
  import '@oicl/openbridge-webcomponents/dist/components/alert-frame/alert-frame.js';
6
6
  import { setProperties } from "../../util.js";
7
- import type {ObcAlertFrameType, ObcAlertFrameThickness, ObcAlertFrameMode, AlertFrameTextSize} from '@oicl/openbridge-webcomponents/dist/components/alert-frame/alert-frame.js';
8
- import type {AlertType} from '@oicl/openbridge-webcomponents/dist/types.js';
7
+ import NamedSlot from "../../NamedSlot.svelte";
8
+ import type {ObcAlertFrameType, ObcAlertFrameThickness, ObcAlertFrameMode, ObcAlertFrameFlashEffect, AlertFrameTextSize} from '@oicl/openbridge-webcomponents/dist/components/alert-frame/alert-frame.js';
9
+ import type {AlertType, FlashingSpeed} from '@oicl/openbridge-webcomponents/dist/types.js';
9
10
  import type { Snippet } from 'svelte';
10
11
 
11
12
  export interface Props {
@@ -34,6 +35,10 @@ status?: AlertType;
34
35
  - `unacked-active`: Active and not yet acknowledged; blinks.
35
36
  - `unacked-rectified`: Condition cleared but not yet acknowledged. */
36
37
  mode?: ObcAlertFrameMode;
38
+ /** Flash tempo: `default` resolves from the alert type and mode (critical/alarm/high fast, warning/medium slow, low very slow, every rectified alert very slow, caution and diagnostic fixed), `fast`, `slow`, `very-slow` force a tempo, `fixed` never flashes. Acknowledged frames are always steady. */
39
+ flashingSpeed?: FlashingSpeed;
40
+ /** `outline` (default) grows the outline by 2 px while on in one step; `outline-eased` grows it over a 50 ms transition, a design-evaluation option. */
41
+ flashEffect?: ObcAlertFrameFlashEffect;
37
42
  /** When true, the frame wraps and sizes itself to its slotted content instead of overlaying a fixed region. Reflected to an attribute for CSS styling. */
38
43
  wrapContent?: boolean;
39
44
  /** When true, the frame stretches to fill the full width of its container instead of hugging its content. Reflected to an attribute for CSS styling. */
@@ -73,20 +78,14 @@ mode?: ObcAlertFrameMode;
73
78
  {/if}
74
79
 
75
80
  {#if icon}
76
- <div slot="icon">
77
- {@render icon()}
78
- </div>
81
+ <NamedSlot name="icon" content={icon} />
79
82
  {/if}
80
83
 
81
84
  {#if label}
82
- <div slot="label">
83
- {@render label()}
84
- </div>
85
+ <NamedSlot name="label" content={label} />
85
86
  {/if}
86
87
 
87
88
  {#if timer}
88
- <div slot="timer">
89
- {@render timer()}
90
- </div>
89
+ <NamedSlot name="timer" content={timer} />
91
90
  {/if}
92
91
  </obc-alert-frame>
@@ -1,6 +1,6 @@
1
1
  import '@oicl/openbridge-webcomponents/dist/components/alert-frame/alert-frame.js';
2
- import type { ObcAlertFrameType, ObcAlertFrameThickness, ObcAlertFrameMode, AlertFrameTextSize } from '@oicl/openbridge-webcomponents/dist/components/alert-frame/alert-frame.js';
3
- import type { AlertType } from '@oicl/openbridge-webcomponents/dist/types.js';
2
+ import type { ObcAlertFrameType, ObcAlertFrameThickness, ObcAlertFrameMode, ObcAlertFrameFlashEffect, AlertFrameTextSize } from '@oicl/openbridge-webcomponents/dist/components/alert-frame/alert-frame.js';
3
+ import type { AlertType, FlashingSpeed } from '@oicl/openbridge-webcomponents/dist/types.js';
4
4
  import type { Snippet } from 'svelte';
5
5
  export interface Props {
6
6
  class?: string;
@@ -28,6 +28,10 @@ Default: `small-side-flip` */
28
28
  - `unacked-active`: Active and not yet acknowledged; blinks.
29
29
  - `unacked-rectified`: Condition cleared but not yet acknowledged. */
30
30
  mode?: ObcAlertFrameMode;
31
+ /** Flash tempo: `default` resolves from the alert type and mode (critical/alarm/high fast, warning/medium slow, low very slow, every rectified alert very slow, caution and diagnostic fixed), `fast`, `slow`, `very-slow` force a tempo, `fixed` never flashes. Acknowledged frames are always steady. */
32
+ flashingSpeed?: FlashingSpeed;
33
+ /** `outline` (default) grows the outline by 2 px while on in one step; `outline-eased` grows it over a 50 ms transition, a design-evaluation option. */
34
+ flashEffect?: ObcAlertFrameFlashEffect;
31
35
  /** When true, the frame wraps and sizes itself to its slotted content instead of overlaying a fixed region. Reflected to an attribute for CSS styling. */
32
36
  wrapContent?: boolean;
33
37
  /** When true, the frame stretches to fill the full width of its container instead of hugging its content. Reflected to an attribute for CSS styling. */
@@ -57,8 +61,10 @@ declare const ObcAlertFrame: import("svelte").Component<$$ComponentProps, {
57
61
  ObcAlertFrameType: typeof ObcAlertFrameType;
58
62
  ObcAlertFrameThickness: typeof ObcAlertFrameThickness;
59
63
  ObcAlertFrameMode: typeof ObcAlertFrameMode;
64
+ ObcAlertFrameFlashEffect: typeof ObcAlertFrameFlashEffect;
60
65
  AlertFrameTextSize: typeof AlertFrameTextSize;
61
66
  AlertType: typeof AlertType;
67
+ FlashingSpeed: typeof FlashingSpeed;
62
68
  }, "">;
63
69
  type ObcAlertFrame = ReturnType<typeof ObcAlertFrame>;
64
70
  export default ObcAlertFrame;
@@ -1,9 +1,9 @@
1
1
 
2
2
  <script lang="ts">
3
- export type {AlertType} from '@oicl/openbridge-webcomponents/dist/types.js';
3
+ export type {AlertType, FlashingSpeed} from '@oicl/openbridge-webcomponents/dist/types.js';
4
4
  import '@oicl/openbridge-webcomponents/dist/components/alert-icon/alert-icon.js';
5
5
  import { setProperties } from "../../util.js";
6
- import type {AlertType} from '@oicl/openbridge-webcomponents/dist/types.js';
6
+ import type {AlertType, FlashingSpeed} from '@oicl/openbridge-webcomponents/dist/types.js';
7
7
  import type { Snippet } from 'svelte';
8
8
 
9
9
  export interface Props {
@@ -15,7 +15,9 @@
15
15
  acknowledged?: boolean | undefined;
16
16
  /** Available when `type in [Alarm, Warning, LevelCritical, LevelHigh, LevelMedium, LevelLow]`. */
17
17
  active?: boolean | undefined;
18
- silenced?: boolean | undefined
18
+ silenced?: boolean | undefined;
19
+ /** Flash tempo: `default` resolves from the alert type and state, `fast`, `slow`, `very-slow` force a tempo, `fixed` never flashes. Acknowledged icons are always steady. */
20
+ flashingSpeed?: FlashingSpeed
19
21
  }
20
22
  export interface Events {
21
23
 
@@ -1,5 +1,5 @@
1
1
  import '@oicl/openbridge-webcomponents/dist/components/alert-icon/alert-icon.js';
2
- import type { AlertType } from '@oicl/openbridge-webcomponents/dist/types.js';
2
+ import type { AlertType, FlashingSpeed } from '@oicl/openbridge-webcomponents/dist/types.js';
3
3
  import type { Snippet } from 'svelte';
4
4
  export interface Props {
5
5
  class?: string;
@@ -11,6 +11,8 @@ export interface Props {
11
11
  /** Available when `type in [Alarm, Warning, LevelCritical, LevelHigh, LevelMedium, LevelLow]`. */
12
12
  active?: boolean | undefined;
13
13
  silenced?: boolean | undefined;
14
+ /** Flash tempo: `default` resolves from the alert type and state, `fast`, `slow`, `very-slow` force a tempo, `fixed` never flashes. Acknowledged icons are always steady. */
15
+ flashingSpeed?: FlashingSpeed;
14
16
  }
15
17
  export interface Events {
16
18
  }
@@ -20,6 +22,7 @@ export interface Slots {
20
22
  type $$ComponentProps = Props & Events & Slots;
21
23
  declare const ObcAlertIcon: import("svelte").Component<$$ComponentProps, {
22
24
  AlertType: typeof AlertType;
25
+ FlashingSpeed: typeof FlashingSpeed;
23
26
  }, "">;
24
27
  type ObcAlertIcon = ReturnType<typeof ObcAlertIcon>;
25
28
  export default ObcAlertIcon;
@@ -3,6 +3,7 @@
3
3
  export type {ObcAckAllVisibleClickEvent} from '@oicl/openbridge-webcomponents/dist/components/alert-menu/alert-menu.js';
4
4
  import '@oicl/openbridge-webcomponents/dist/components/alert-menu/alert-menu.js';
5
5
  import { setProperties, forwardEvents } from "../../util.js";
6
+ import NamedSlot from "../../NamedSlot.svelte";
6
7
  import type {ObcAckAllVisibleClickEvent} from '@oicl/openbridge-webcomponents/dist/components/alert-menu/alert-menu.js';
7
8
  import type { Snippet } from 'svelte';
8
9
 
@@ -55,20 +56,14 @@ showAlertListButton?: boolean
55
56
  {/if}
56
57
 
57
58
  {#if emptyTitle}
58
- <div slot="empty-<tab>-title">
59
- {@render emptyTitle()}
60
- </div>
59
+ <NamedSlot name="empty-<tab>-title" content={emptyTitle} />
61
60
  {/if}
62
61
 
63
62
  {#if emptyDescription}
64
- <div slot="empty-<tab>-description">
65
- {@render emptyDescription()}
66
- </div>
63
+ <NamedSlot name="empty-<tab>-description" content={emptyDescription} />
67
64
  {/if}
68
65
 
69
66
  {#if emptyIcon}
70
- <div slot="empty-<tab>-icon">
71
- {@render emptyIcon()}
72
- </div>
67
+ <NamedSlot name="empty-<tab>-icon" content={emptyIcon} />
73
68
  {/if}
74
69
  </obc-alert-menu>
@@ -4,6 +4,7 @@
4
4
  export type {ObcMessageMenuItemSize} from '@oicl/openbridge-webcomponents/dist/components/message-menu-item/message-menu-item.js';
5
5
  import '@oicl/openbridge-webcomponents/dist/components/alert-menu-item/alert-menu-item.js';
6
6
  import { setProperties, forwardEvents } from "../../util.js";
7
+ import NamedSlot from "../../NamedSlot.svelte";
7
8
  import type {ObcAlertMenuItemStatus, ObcAlertMenuItemActionState} from '@oicl/openbridge-webcomponents/dist/components/alert-menu-item/alert-menu-item.js';
8
9
  import type {ObcMessageMenuItemSize} from '@oicl/openbridge-webcomponents/dist/components/message-menu-item/message-menu-item.js';
9
10
  import type { Snippet } from 'svelte';
@@ -59,26 +60,18 @@ secondaryActionState?: ObcAlertMenuItemActionState
59
60
  use:forwardEvents={{'ack-click': onAckClick, 'ack-secondary-click': onAckSecondaryClick, 'item-click': onItemClick}} >
60
61
 
61
62
  {#if alertIcon}
62
- <div slot="alert-icon">
63
- {@render alertIcon()}
64
- </div>
63
+ <NamedSlot name="alert-icon" content={alertIcon} />
65
64
  {/if}
66
65
 
67
66
  {#if titleSnippet}
68
- <div slot="title">
69
- {@render titleSnippet()}
70
- </div>
67
+ <NamedSlot name="title" content={titleSnippet} />
71
68
  {/if}
72
69
 
73
70
  {#if descriptionSnippet}
74
- <div slot="description">
75
- {@render descriptionSnippet()}
76
- </div>
71
+ <NamedSlot name="description" content={descriptionSnippet} />
77
72
  {/if}
78
73
 
79
74
  {#if icon}
80
- <div slot="icon">
81
- {@render icon()}
82
- </div>
75
+ <NamedSlot name="icon" content={icon} />
83
76
  {/if}
84
77
  </obc-alert-menu-item>
@@ -3,6 +3,7 @@
3
3
  export type {ObcAlertSubsystemCounterOrientation} from '@oicl/openbridge-webcomponents/dist/components/alert-subsystem-counter/alert-subsystem-counter.js';
4
4
  import '@oicl/openbridge-webcomponents/dist/components/alert-subsystem-counter/alert-subsystem-counter.js';
5
5
  import { setProperties } from "../../util.js";
6
+ import NamedSlot from "../../NamedSlot.svelte";
6
7
  import type {ObcAlertSubsystemCounterOrientation} from '@oicl/openbridge-webcomponents/dist/components/alert-subsystem-counter/alert-subsystem-counter.js';
7
8
  import type { Snippet } from 'svelte';
8
9
 
@@ -39,14 +40,10 @@
39
40
  >
40
41
 
41
42
  {#if icon}
42
- <div slot="icon">
43
- {@render icon()}
44
- </div>
43
+ <NamedSlot name="icon" content={icon} />
45
44
  {/if}
46
45
 
47
46
  {#if badges}
48
- <div slot="badges">
49
- {@render badges()}
50
- </div>
47
+ <NamedSlot name="badges" content={badges} />
51
48
  {/if}
52
49
  </obc-alert-subsystem-counter>
@@ -3,6 +3,7 @@
3
3
  export type {AppButtonSize} from '@oicl/openbridge-webcomponents/dist/components/app-button/app-button.js';
4
4
  import '@oicl/openbridge-webcomponents/dist/components/app-button/app-button.js';
5
5
  import { setProperties, forwardEvents } from "../../util.js";
6
+ import NamedSlot from "../../NamedSlot.svelte";
6
7
  import type {AppButtonSize} from '@oicl/openbridge-webcomponents/dist/components/app-button/app-button.js';
7
8
  import type { Snippet } from 'svelte';
8
9
 
@@ -37,8 +38,6 @@ size?: AppButtonSize;
37
38
  use:forwardEvents={{'click': onClick}} >
38
39
 
39
40
  {#if icon}
40
- <div slot="icon">
41
- {@render icon()}
42
- </div>
41
+ <NamedSlot name="icon" content={icon} />
43
42
  {/if}
44
43
  </obc-app-button>
@@ -3,6 +3,7 @@
3
3
 
4
4
  import '@oicl/openbridge-webcomponents/dist/components/attachment-list-item/attachment-list-item.js';
5
5
  import { setProperties, forwardEvents } from "../../util.js";
6
+ import NamedSlot from "../../NamedSlot.svelte";
6
7
 
7
8
  import type { Snippet } from 'svelte';
8
9
 
@@ -64,20 +65,14 @@
64
65
  use:forwardEvents={{'attachment-item-click': onAttachmentItemClick}} >
65
66
 
66
67
  {#if leadingIcon}
67
- <div slot="leading-icon">
68
- {@render leadingIcon()}
69
- </div>
68
+ <NamedSlot name="leading-icon" content={leadingIcon} />
70
69
  {/if}
71
70
 
72
71
  {#if tag}
73
- <div slot="tag">
74
- {@render tag()}
75
- </div>
72
+ <NamedSlot name="tag" content={tag} />
76
73
  {/if}
77
74
 
78
75
  {#if trailingAction}
79
- <div slot="trailing-action">
80
- {@render trailingAction()}
81
- </div>
76
+ <NamedSlot name="trailing-action" content={trailingAction} />
82
77
  {/if}
83
78
  </obc-attachment-list-item>