@oicl/openbridge-webcomponents-svelte 2.0.0-next.10 → 2.0.0-next.11
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.
|
@@ -46,16 +46,35 @@ labelUnit?: string;
|
|
|
46
46
|
/** Number of decimal places to display in value labels. */
|
|
47
47
|
labelDecimals?: number;
|
|
48
48
|
/** CSS width for value labels (e.g., "5ch", "60px"). */
|
|
49
|
-
labelWidth?: string
|
|
49
|
+
labelWidth?: string;
|
|
50
|
+
/** Whether to show the left (low) readout label.
|
|
51
|
+
|
|
52
|
+
When false, the left readout is hidden entirely. When true, the readout
|
|
53
|
+
renders the formatted `low` value or the content slotted into `left-readout`.
|
|
54
|
+
|
|
55
|
+
Default is true. Set via JavaScript property (no HTML attribute). */
|
|
56
|
+
showLeftReadout?: boolean;
|
|
57
|
+
/** Whether to show the right (high) readout label.
|
|
58
|
+
|
|
59
|
+
When false, the right readout is hidden entirely. When true, the readout
|
|
60
|
+
renders the formatted `high` value or the content slotted into `right-readout`.
|
|
61
|
+
|
|
62
|
+
Default is true. Set via JavaScript property (no HTML attribute). */
|
|
63
|
+
showRightReadout?: boolean;
|
|
64
|
+
/** Removes spacing between the slider and its container edges for seamless
|
|
65
|
+
layout integration. Reflected to the `hugcontainer` HTML attribute. */
|
|
66
|
+
hugContainer?: boolean
|
|
50
67
|
}
|
|
51
68
|
export interface Events {
|
|
52
69
|
onValue?: (event: ObcSliderDoubleValueEvent) => void
|
|
53
70
|
}
|
|
54
71
|
export interface Slots {
|
|
55
72
|
iconLeft?: Snippet;
|
|
56
|
-
iconRight?: Snippet
|
|
73
|
+
iconRight?: Snippet;
|
|
74
|
+
leftReadout?: Snippet;
|
|
75
|
+
rightReadout?: Snippet
|
|
57
76
|
}
|
|
58
|
-
const {onValue, class: className, style, iconLeft, iconRight, ...props} = $props<Props & Events & Slots>();
|
|
77
|
+
const {onValue, class: className, style, iconLeft, iconRight, leftReadout, rightReadout, ...props} = $props<Props & Events & Slots>();
|
|
59
78
|
|
|
60
79
|
</script>
|
|
61
80
|
<obc-slider-double
|
|
@@ -75,4 +94,16 @@ labelWidth?: string
|
|
|
75
94
|
{@render iconRight()}
|
|
76
95
|
</div>
|
|
77
96
|
{/if}
|
|
97
|
+
|
|
98
|
+
{#if leftReadout}
|
|
99
|
+
<div slot="left-readout">
|
|
100
|
+
{@render leftReadout()}
|
|
101
|
+
</div>
|
|
102
|
+
{/if}
|
|
103
|
+
|
|
104
|
+
{#if rightReadout}
|
|
105
|
+
<div slot="right-readout">
|
|
106
|
+
{@render rightReadout()}
|
|
107
|
+
</div>
|
|
108
|
+
{/if}
|
|
78
109
|
</obc-slider-double>
|
|
@@ -42,6 +42,23 @@ Default is 1/3 (i.e., 3 seconds for full range). */
|
|
|
42
42
|
labelDecimals?: number;
|
|
43
43
|
/** CSS width for value labels (e.g., "5ch", "60px"). */
|
|
44
44
|
labelWidth?: string;
|
|
45
|
+
/** Whether to show the left (low) readout label.
|
|
46
|
+
|
|
47
|
+
When false, the left readout is hidden entirely. When true, the readout
|
|
48
|
+
renders the formatted `low` value or the content slotted into `left-readout`.
|
|
49
|
+
|
|
50
|
+
Default is true. Set via JavaScript property (no HTML attribute). */
|
|
51
|
+
showLeftReadout?: boolean;
|
|
52
|
+
/** Whether to show the right (high) readout label.
|
|
53
|
+
|
|
54
|
+
When false, the right readout is hidden entirely. When true, the readout
|
|
55
|
+
renders the formatted `high` value or the content slotted into `right-readout`.
|
|
56
|
+
|
|
57
|
+
Default is true. Set via JavaScript property (no HTML attribute). */
|
|
58
|
+
showRightReadout?: boolean;
|
|
59
|
+
/** Removes spacing between the slider and its container edges for seamless
|
|
60
|
+
layout integration. Reflected to the `hugcontainer` HTML attribute. */
|
|
61
|
+
hugContainer?: boolean;
|
|
45
62
|
}
|
|
46
63
|
export interface Events {
|
|
47
64
|
onValue?: (event: ObcSliderDoubleValueEvent) => void;
|
|
@@ -49,6 +66,8 @@ export interface Events {
|
|
|
49
66
|
export interface Slots {
|
|
50
67
|
iconLeft?: Snippet;
|
|
51
68
|
iconRight?: Snippet;
|
|
69
|
+
leftReadout?: Snippet;
|
|
70
|
+
rightReadout?: Snippet;
|
|
52
71
|
}
|
|
53
72
|
type $$ComponentProps = Props & Events & Slots;
|
|
54
73
|
declare const ObcSliderDouble: import("svelte").Component<$$ComponentProps, {
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@oicl/openbridge-webcomponents-svelte",
|
|
3
|
-
"version": "2.0.0-next.
|
|
3
|
+
"version": "2.0.0-next.11",
|
|
4
4
|
"scripts": {
|
|
5
5
|
"dev": "vite dev",
|
|
6
6
|
"build": "vite build && npm run prepack",
|
|
@@ -31,7 +31,7 @@
|
|
|
31
31
|
}
|
|
32
32
|
},
|
|
33
33
|
"dependencies": {
|
|
34
|
-
"@oicl/openbridge-webcomponents": "^2.0.0-next.
|
|
34
|
+
"@oicl/openbridge-webcomponents": "^2.0.0-next.10"
|
|
35
35
|
},
|
|
36
36
|
"peerDependencies": {
|
|
37
37
|
"svelte": "^5.0.0"
|