@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.
- package/dist/NamedSlot.svelte +26 -0
- package/dist/NamedSlot.svelte.d.ts +11 -0
- package/dist/ar/building-blocks/poi-header/ObcPoiHeader.svelte +2 -3
- package/dist/ar/chart-object-vessel-button/ObcChartObjectVesselButton.svelte +5 -12
- package/dist/ar/poi/ObcPoi.svelte +3 -6
- package/dist/ar/poi/ObcPoiAton.svelte +2 -3
- package/dist/ar/poi/ObcPoiData.svelte +2 -3
- package/dist/ar/poi/ObcPoiVessel.svelte +4 -9
- package/dist/ar/poi-button/ObcPoiButton.svelte +3 -6
- package/dist/ar/poi-button/ObcPoiButtonAton.svelte +3 -6
- package/dist/ar/poi-button/ObcPoiButtonData.svelte +3 -6
- package/dist/ar/poi-button/ObcPoiButtonVessel.svelte +5 -12
- package/dist/ar/poi-card/ObcPoiCard.svelte +3 -6
- package/dist/ar/poi-card-header/ObcPoiCardHeader.svelte +3 -6
- package/dist/ar/poi-controller/ObcPoiController.svelte +3 -6
- package/dist/ar/poi-object/ObcPoiObjectVessel.svelte +3 -6
- package/dist/automation/automation-badge/ObcAutomationBadge.svelte +2 -3
- package/dist/automation/automation-button/ObcAutomationButton.svelte +10 -27
- package/dist/automation/automation-input-modal/ObcAutomationInputModal.svelte +5 -12
- package/dist/automation/automation-tank/ObcAutomationTank.svelte +11 -30
- package/dist/automation/gauge-generator/ObcGaugeGenerator.svelte +3 -6
- package/dist/automation/gauge-motors-and-pumps/ObcGaugeMotorsAndPumps.svelte +3 -6
- package/dist/automation/gauge-valve/ObcGaugeValve.svelte +2 -3
- package/dist/automation/heat-exchanger/ObcHeatExchanger.svelte +6 -15
- package/dist/automation/heat-pump/ObcHeatPump.svelte +6 -15
- package/dist/automation/hydraulic-separator/ObcHydraulicSeparator.svelte +6 -15
- package/dist/automation/indicator-battery/ObcIndicatorBattery.svelte +2 -3
- package/dist/automation/indicator-generator/ObcIndicatorGenerator.svelte +2 -3
- package/dist/automation/indicator-tank-atmospheric/ObcIndicatorTankAtmospheric.svelte +2 -3
- package/dist/automation/transmitter/ObcTransmitter.svelte +2 -3
- package/dist/automation/transmitter-button/ObcTransmitterButton.svelte +2 -3
- package/dist/bars-graphs/area-graph/ObcAreaGraph.svelte +14 -2
- package/dist/bars-graphs/area-graph/ObcAreaGraph.svelte.d.ts +15 -1
- package/dist/bars-graphs/line-graph/ObcLineGraph.svelte +14 -2
- package/dist/bars-graphs/line-graph/ObcLineGraph.svelte.d.ts +15 -1
- package/dist/building-blocks/alert-list/ObcAlertList.svelte +4 -9
- package/dist/building-blocks/bar-horizontal/ObcBarHorizontal.svelte +6 -0
- package/dist/building-blocks/bar-horizontal/ObcBarHorizontal.svelte.d.ts +6 -0
- package/dist/building-blocks/bar-vertical/ObcBarVertical.svelte +6 -0
- package/dist/building-blocks/bar-vertical/ObcBarVertical.svelte.d.ts +6 -0
- package/dist/building-blocks/chart-line/ObcChartLineBase.svelte +14 -2
- package/dist/building-blocks/chart-line/ObcChartLineBase.svelte.d.ts +15 -1
- package/dist/building-blocks/readout-block/ObcReadoutBlock.svelte +2 -3
- package/dist/components/accordion-card/ObcAccordionCard.svelte +6 -15
- package/dist/components/accordion-item/ObcAccordionItem.svelte +2 -3
- package/dist/components/advice-button/ObcAdviceButton.svelte +2 -3
- package/dist/components/advice-floating-item/ObcAdviceFloatingItem.svelte +8 -21
- package/dist/components/advice-menu-item/ObcAdviceMenuItem.svelte +2 -3
- package/dist/components/advice-message-item/ObcAdviceMessageItem.svelte +2 -3
- package/dist/components/alert-button/ObcAlertButton.svelte +4 -2
- package/dist/components/alert-button/ObcAlertButton.svelte.d.ts +4 -1
- package/dist/components/alert-floating-item/ObcAlertFloatingItem.svelte +8 -21
- package/dist/components/alert-frame/ObcAlertFrame.svelte +12 -13
- package/dist/components/alert-frame/ObcAlertFrame.svelte.d.ts +8 -2
- package/dist/components/alert-icon/ObcAlertIcon.svelte +5 -3
- package/dist/components/alert-icon/ObcAlertIcon.svelte.d.ts +4 -1
- package/dist/components/alert-menu/ObcAlertMenu.svelte +4 -9
- package/dist/components/alert-menu-item/ObcAlertMenuItem.svelte +5 -12
- package/dist/components/alert-subsystem-counter/ObcAlertSubsystemCounter.svelte +3 -6
- package/dist/components/app-button/ObcAppButton.svelte +2 -3
- package/dist/components/attachment-list-item/ObcAttachmentListItem.svelte +4 -9
- package/dist/components/badge/ObcBadge.svelte +2 -3
- package/dist/components/button/ObcButton.svelte +3 -6
- package/dist/components/card/ObcCard.svelte +4 -9
- package/dist/components/check-button/ObcCheckButton.svelte +4 -9
- package/dist/components/command-menu/ObcCommandMenu.svelte +10 -27
- package/dist/components/dropdown-button/ObcDropdownButton.svelte +2 -3
- package/dist/components/elevated-card/ObcElevatedCard.svelte +8 -21
- package/dist/components/floating-item/ObcFloatingItem.svelte +9 -24
- package/dist/components/form-container/ObcFormContainer.svelte +4 -9
- package/dist/components/form-group/ObcFormGroup.svelte +3 -6
- package/dist/components/form-item/ObcFormItem.svelte +2 -3
- package/dist/components/icon-button/ObcIconButton.svelte +2 -3
- package/dist/components/icon-check-button/ObcIconCheckButton.svelte +2 -3
- package/dist/components/keyboard-numeric/ObcKeyboardNumeric.svelte +2 -3
- package/dist/components/menu-button/ObcMenuButton.svelte +2 -3
- package/dist/components/message-menu-item/ObcMessageMenuItem.svelte +7 -18
- package/dist/components/modal-window/ObcModalWindow.svelte +7 -18
- package/dist/components/navigation-item/ObcNavigationItem.svelte +3 -6
- package/dist/components/navigation-item-group/ObcNavigationItemGroup.svelte +2 -3
- package/dist/components/navigation-menu/ObcNavigationMenu.svelte +4 -9
- package/dist/components/notification-button/ObcNotificationButton.svelte +2 -3
- package/dist/components/notification-floating-item/ObcNotificationFloatingItem.svelte +8 -21
- package/dist/components/notification-menu-item/ObcNotificationMenuItem.svelte +2 -3
- package/dist/components/notification-message-item/ObcNotificationMessageItem.svelte +2 -3
- package/dist/components/number-input-field/ObcNumberInputField.svelte +4 -9
- package/dist/components/pivot-item/ObcPivotItem.svelte +2 -3
- package/dist/components/progress-bar/ObcProgressBar.svelte +2 -3
- package/dist/components/progress-button/ObcProgressButton.svelte +4 -9
- package/dist/components/rich-button/ObcRichButton.svelte +3 -6
- package/dist/components/sequence-card/ObcSequenceCard.svelte +8 -21
- package/dist/components/sequence-item/ObcSequenceItem.svelte +5 -12
- package/dist/components/sequence-modal/ObcSequenceModal.svelte +2 -3
- package/dist/components/sequence-toolbar/ObcSequenceToolbar.svelte +5 -12
- package/dist/components/slide-button/ObcSlideButton.svelte +3 -6
- package/dist/components/slider/ObcSlider.svelte +3 -6
- package/dist/components/slider-double/ObcSliderDouble.svelte +3 -6
- package/dist/components/split-button/ObcSplitButton.svelte +2 -3
- package/dist/components/start-stop-switch/ObcStartStopSwitch.svelte +7 -18
- package/dist/components/system-menu/ObcSystemMenu.svelte +2 -3
- package/dist/components/tab-item/ObcTabItem.svelte +4 -9
- package/dist/components/tab-row/ObcTabRow.svelte +3 -6
- package/dist/components/tabbed-card/ObcTabbedCard.svelte +16 -45
- package/dist/components/table-header-item/ObcTableHeaderItem.svelte +2 -3
- package/dist/components/text-input-field/ObcTextInputField.svelte +4 -9
- package/dist/components/textarea-field/ObcTextareaField.svelte +2 -3
- package/dist/components/textbox/ObcTextbox.svelte +2 -3
- package/dist/components/title-container/ObcTitleContainer.svelte +5 -12
- package/dist/components/toggle-button-option/ObcToggleButtonOption.svelte +2 -3
- package/dist/components/toggle-button-vertical-option/ObcToggleButtonVerticalOption.svelte +2 -3
- package/dist/components/toggle-switch/ObcToggleSwitch.svelte +2 -3
- package/dist/components/toggletip/ObcToggletip.svelte +4 -9
- package/dist/components/tooltip/ObcTooltip.svelte +2 -3
- package/dist/components/top-bar/ObcTopBar.svelte +5 -12
- package/dist/components/topbar-message-item/ObcTopbarMessageItem.svelte +10 -27
- package/dist/components/tree-navigation-group/ObcTreeNavigationGroup.svelte +2 -3
- package/dist/components/tree-navigation-item/ObcTreeNavigationItem.svelte +2 -3
- package/dist/components/user-button/ObcUserButton.svelte +2 -3
- package/dist/components/user-menu/ObcUserMenu.svelte +2 -3
- package/dist/icons/ObiBipolarTransistor01.svelte +32 -0
- package/dist/icons/ObiBipolarTransistor01.svelte.d.ts +16 -0
- package/dist/icons/ObiBipolarTransistor02.svelte +32 -0
- package/dist/icons/ObiBipolarTransistor02.svelte.d.ts +16 -0
- package/dist/icons/ObiBipolarTransistor02Off.svelte +32 -0
- package/dist/icons/ObiBipolarTransistor02Off.svelte.d.ts +16 -0
- package/dist/icons/ObiBipolarTransistor02On.svelte +32 -0
- package/dist/icons/ObiBipolarTransistor02On.svelte.d.ts +16 -0
- package/dist/icons/ObiBipolarTransistor03.svelte +32 -0
- package/dist/icons/ObiBipolarTransistor03.svelte.d.ts +16 -0
- package/dist/icons/ObiBipolarTransistor03Flat.svelte +32 -0
- package/dist/icons/ObiBipolarTransistor03Flat.svelte.d.ts +16 -0
- package/dist/icons/ObiBipolarTransistor03Off.svelte +32 -0
- package/dist/icons/ObiBipolarTransistor03Off.svelte.d.ts +16 -0
- package/dist/icons/ObiBipolarTransistor03On.svelte +32 -0
- package/dist/icons/ObiBipolarTransistor03On.svelte.d.ts +16 -0
- package/dist/icons/ObiBipolarTransistor04.svelte +32 -0
- package/dist/icons/ObiBipolarTransistor04.svelte.d.ts +16 -0
- package/dist/icons/ObiBipolarTransistor04Flat.svelte +32 -0
- package/dist/icons/ObiBipolarTransistor04Flat.svelte.d.ts +16 -0
- package/dist/icons/ObiBipolarTransistor04Off.svelte +32 -0
- package/dist/icons/ObiBipolarTransistor04Off.svelte.d.ts +16 -0
- package/dist/icons/ObiBipolarTransistor04On.svelte +32 -0
- package/dist/icons/ObiBipolarTransistor04On.svelte.d.ts +16 -0
- package/dist/icons/ObiBipolarTransistorOff.svelte +32 -0
- package/dist/icons/ObiBipolarTransistorOff.svelte.d.ts +16 -0
- package/dist/icons/ObiBipolarTransistorOn.svelte +32 -0
- package/dist/icons/ObiBipolarTransistorOn.svelte.d.ts +16 -0
- package/dist/icons/ObiBypass.svelte +32 -0
- package/dist/icons/ObiBypass.svelte.d.ts +16 -0
- package/dist/icons/{ObiChevronTrippleLeft.svelte → ObiChevronTripleLeft.svelte} +3 -3
- package/dist/icons/{ObiChevronTrippleRight.svelte.d.ts → ObiChevronTripleLeft.svelte.d.ts} +4 -4
- package/dist/icons/{ObiChevronTrippleRight.svelte → ObiChevronTripleRight.svelte} +3 -3
- package/dist/icons/{ObiChevronTrippleLeft.svelte.d.ts → ObiChevronTripleRight.svelte.d.ts} +4 -4
- package/dist/icons/ObiHeatPumpBalance.svelte +32 -0
- package/dist/icons/ObiHeatPumpBalance.svelte.d.ts +16 -0
- package/dist/icons/ObiOutput.svelte +32 -0
- package/dist/icons/ObiOutput.svelte.d.ts +16 -0
- package/dist/icons/ObiPhase.svelte +32 -0
- package/dist/icons/ObiPhase.svelte.d.ts +16 -0
- package/dist/icons/ObiSensorWaterDewpoint.svelte +32 -0
- package/dist/icons/ObiSensorWaterDewpoint.svelte.d.ts +16 -0
- package/dist/icons/ObiSensorWaterHumidity.svelte +32 -0
- package/dist/icons/ObiSensorWaterHumidity.svelte.d.ts +16 -0
- package/dist/index.d.ts +22 -2
- package/dist/index.js +22 -2
- package/dist/integration-systems/integration-app-bar/ObcIntegrationAppBar.svelte +2 -3
- package/dist/integration-systems/integration-bar/ObcIntegrationBar.svelte +4 -9
- package/dist/integration-systems/integration-bar-dropdown/ObcIntegrationBarDropdown.svelte +9 -24
- package/dist/integration-systems/integration-button/ObcIntegrationButton.svelte +9 -24
- package/dist/integration-systems/integration-dropdown-button/ObcIntegrationDropdownButton.svelte +2 -3
- package/dist/integration-systems/integration-fleet-button/ObcIntegrationFleetButton.svelte +2 -3
- package/dist/integration-systems/integration-vessel-menu/ObcIntegrationVesselMenu.svelte +4 -9
- package/dist/integration-systems/integration-vessel-selector/ObcIntegrationVesselSelector.svelte +3 -6
- package/dist/navigation-instruments/gauge-proportional/ObcGaugeProportional.svelte +3 -6
- package/dist/navigation-instruments/gauge-radial-indicator/ObcGaugeRadialIndicator.svelte +2 -3
- package/dist/navigation-instruments/gauge-trend/ObcGaugeTrend.svelte +14 -2
- package/dist/navigation-instruments/gauge-trend/ObcGaugeTrend.svelte.d.ts +15 -1
- package/dist/navigation-instruments/instrument-field/ObcInstrumentField.svelte +2 -3
- package/dist/navigation-instruments/readout/ObcReadout.svelte +6 -15
- package/dist/navigation-instruments/readout-list-item/ObcReadoutListItem.svelte +5 -12
- package/dist/util.d.ts +20 -0
- package/dist/util.js +42 -0
- 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
|
-
<
|
|
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
|
-
<
|
|
92
|
-
{@render leadingIcon()}
|
|
93
|
-
</div>
|
|
92
|
+
<NamedSlot name="leading-icon" content={leadingIcon} />
|
|
94
93
|
{/if}
|
|
95
94
|
|
|
96
95
|
{#if expandedContent}
|
|
97
|
-
<
|
|
98
|
-
{@render expandedContent()}
|
|
99
|
-
</div>
|
|
96
|
+
<NamedSlot name="expanded-content" content={expandedContent} />
|
|
100
97
|
{/if}
|
|
101
98
|
|
|
102
99
|
{#if alertIcon}
|
|
103
|
-
<
|
|
104
|
-
{@render alertIcon()}
|
|
105
|
-
</div>
|
|
100
|
+
<NamedSlot name="alert-icon" content={alertIcon} />
|
|
106
101
|
{/if}
|
|
107
102
|
|
|
108
103
|
{#if alertLabel}
|
|
109
|
-
<
|
|
110
|
-
{@render alertLabel()}
|
|
111
|
-
</div>
|
|
104
|
+
<NamedSlot name="alert-label" content={alertLabel} />
|
|
112
105
|
{/if}
|
|
113
106
|
|
|
114
107
|
{#if alertTimer}
|
|
115
|
-
<
|
|
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
|
-
<
|
|
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
|
-
<
|
|
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
|
-
<
|
|
61
|
-
{@render primaryIcon()}
|
|
62
|
-
</div>
|
|
61
|
+
<NamedSlot name="primary-icon" content={primaryIcon} />
|
|
63
62
|
{/if}
|
|
64
63
|
|
|
65
64
|
{#if title}
|
|
66
|
-
<
|
|
67
|
-
{@render title()}
|
|
68
|
-
</div>
|
|
65
|
+
<NamedSlot name="title" content={title} />
|
|
69
66
|
{/if}
|
|
70
67
|
|
|
71
68
|
{#if description}
|
|
72
|
-
<
|
|
73
|
-
{@render description()}
|
|
74
|
-
</div>
|
|
69
|
+
<NamedSlot name="description" content={description} />
|
|
75
70
|
{/if}
|
|
76
71
|
|
|
77
72
|
{#if time}
|
|
78
|
-
<
|
|
79
|
-
{@render time()}
|
|
80
|
-
</div>
|
|
73
|
+
<NamedSlot name="time" content={time} />
|
|
81
74
|
{/if}
|
|
82
75
|
|
|
83
76
|
{#if day}
|
|
84
|
-
<
|
|
85
|
-
{@render day()}
|
|
86
|
-
</div>
|
|
77
|
+
<NamedSlot name="day" content={day} />
|
|
87
78
|
{/if}
|
|
88
79
|
|
|
89
80
|
{#if actionSnippet}
|
|
90
|
-
<
|
|
91
|
-
{@render actionSnippet()}
|
|
92
|
-
</div>
|
|
81
|
+
<NamedSlot name="action" content={actionSnippet} />
|
|
93
82
|
{/if}
|
|
94
83
|
|
|
95
84
|
{#if action2Snippet}
|
|
96
|
-
<
|
|
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
|
-
<
|
|
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
|
-
<
|
|
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
|
-
<
|
|
45
|
-
{@render primaryIcon()}
|
|
46
|
-
</div>
|
|
45
|
+
<NamedSlot name="primary-icon" content={primaryIcon} />
|
|
47
46
|
{/if}
|
|
48
47
|
|
|
49
48
|
{#if title}
|
|
50
|
-
<
|
|
51
|
-
{@render title()}
|
|
52
|
-
</div>
|
|
49
|
+
<NamedSlot name="title" content={title} />
|
|
53
50
|
{/if}
|
|
54
51
|
|
|
55
52
|
{#if description}
|
|
56
|
-
<
|
|
57
|
-
{@render description()}
|
|
58
|
-
</div>
|
|
53
|
+
<NamedSlot name="description" content={description} />
|
|
59
54
|
{/if}
|
|
60
55
|
|
|
61
56
|
{#if time}
|
|
62
|
-
<
|
|
63
|
-
{@render time()}
|
|
64
|
-
</div>
|
|
57
|
+
<NamedSlot name="time" content={time} />
|
|
65
58
|
{/if}
|
|
66
59
|
|
|
67
60
|
{#if day}
|
|
68
|
-
<
|
|
69
|
-
{@render day()}
|
|
70
|
-
</div>
|
|
61
|
+
<NamedSlot name="day" content={day} />
|
|
71
62
|
{/if}
|
|
72
63
|
|
|
73
64
|
{#if actionSnippet}
|
|
74
|
-
<
|
|
75
|
-
{@render actionSnippet()}
|
|
76
|
-
</div>
|
|
65
|
+
<NamedSlot name="action" content={actionSnippet} />
|
|
77
66
|
{/if}
|
|
78
67
|
|
|
79
68
|
{#if action2Snippet}
|
|
80
|
-
<
|
|
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
|
|
8
|
-
import type {
|
|
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
|
-
<
|
|
77
|
-
{@render icon()}
|
|
78
|
-
</div>
|
|
81
|
+
<NamedSlot name="icon" content={icon} />
|
|
79
82
|
{/if}
|
|
80
83
|
|
|
81
84
|
{#if label}
|
|
82
|
-
<
|
|
83
|
-
{@render label()}
|
|
84
|
-
</div>
|
|
85
|
+
<NamedSlot name="label" content={label} />
|
|
85
86
|
{/if}
|
|
86
87
|
|
|
87
88
|
{#if timer}
|
|
88
|
-
<
|
|
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
|
-
<
|
|
59
|
-
{@render emptyTitle()}
|
|
60
|
-
</div>
|
|
59
|
+
<NamedSlot name="empty-<tab>-title" content={emptyTitle} />
|
|
61
60
|
{/if}
|
|
62
61
|
|
|
63
62
|
{#if emptyDescription}
|
|
64
|
-
<
|
|
65
|
-
{@render emptyDescription()}
|
|
66
|
-
</div>
|
|
63
|
+
<NamedSlot name="empty-<tab>-description" content={emptyDescription} />
|
|
67
64
|
{/if}
|
|
68
65
|
|
|
69
66
|
{#if emptyIcon}
|
|
70
|
-
<
|
|
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
|
-
<
|
|
63
|
-
{@render alertIcon()}
|
|
64
|
-
</div>
|
|
63
|
+
<NamedSlot name="alert-icon" content={alertIcon} />
|
|
65
64
|
{/if}
|
|
66
65
|
|
|
67
66
|
{#if titleSnippet}
|
|
68
|
-
<
|
|
69
|
-
{@render titleSnippet()}
|
|
70
|
-
</div>
|
|
67
|
+
<NamedSlot name="title" content={titleSnippet} />
|
|
71
68
|
{/if}
|
|
72
69
|
|
|
73
70
|
{#if descriptionSnippet}
|
|
74
|
-
<
|
|
75
|
-
{@render descriptionSnippet()}
|
|
76
|
-
</div>
|
|
71
|
+
<NamedSlot name="description" content={descriptionSnippet} />
|
|
77
72
|
{/if}
|
|
78
73
|
|
|
79
74
|
{#if icon}
|
|
80
|
-
<
|
|
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
|
-
<
|
|
43
|
-
{@render icon()}
|
|
44
|
-
</div>
|
|
43
|
+
<NamedSlot name="icon" content={icon} />
|
|
45
44
|
{/if}
|
|
46
45
|
|
|
47
46
|
{#if badges}
|
|
48
|
-
<
|
|
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
|
-
<
|
|
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
|
-
<
|
|
68
|
-
{@render leadingIcon()}
|
|
69
|
-
</div>
|
|
68
|
+
<NamedSlot name="leading-icon" content={leadingIcon} />
|
|
70
69
|
{/if}
|
|
71
70
|
|
|
72
71
|
{#if tag}
|
|
73
|
-
<
|
|
74
|
-
{@render tag()}
|
|
75
|
-
</div>
|
|
72
|
+
<NamedSlot name="tag" content={tag} />
|
|
76
73
|
{/if}
|
|
77
74
|
|
|
78
75
|
{#if trailingAction}
|
|
79
|
-
<
|
|
80
|
-
{@render trailingAction()}
|
|
81
|
-
</div>
|
|
76
|
+
<NamedSlot name="trailing-action" content={trailingAction} />
|
|
82
77
|
{/if}
|
|
83
78
|
</obc-attachment-list-item>
|