@oicl/openbridge-webcomponents-svelte 2.0.0-next.10 → 2.0.0-next.12

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, {
@@ -20,12 +20,13 @@ import type {Alert} from '@oicl/openbridge-webcomponents/dist/types.js';
20
20
  export interface Events {
21
21
  onAckAllVisibleClick?: (event: ObcAlertListPageAckAllClickEvent) => void;
22
22
  onAckClick?: (event: ObcAckClickEvent) => void;
23
- onRowClick?: (event: ObcRowClickEvent) => void
23
+ onRowClick?: (event: ObcRowClickEvent) => void;
24
+ onSilenceClick?: (event: CustomEvent<void>) => void
24
25
  }
25
26
  export interface Slots {
26
27
  children?: Snippet
27
28
  }
28
- const {onAckAllVisibleClick, onAckClick, onRowClick, class: className, style, children, ...props} = $props<Props & Events & Slots>();
29
+ const {onAckAllVisibleClick, onAckClick, onRowClick, onSilenceClick, class: className, style, children, ...props} = $props<Props & Events & Slots>();
29
30
 
30
31
  </script>
31
32
  <obc-alert-list-page-small
@@ -34,7 +35,8 @@ import type {Alert} from '@oicl/openbridge-webcomponents/dist/types.js';
34
35
  style={style}
35
36
  onack-all-visible-click={onAckAllVisibleClick}
36
37
  onack-click={onAckClick}
37
- onrow-click={onRowClick} >
38
+ onrow-click={onRowClick}
39
+ onsilence-click={onSilenceClick} >
38
40
 
39
41
  {#if children}
40
42
  {@render children()}
@@ -15,6 +15,7 @@ export interface Events {
15
15
  onAckAllVisibleClick?: (event: ObcAlertListPageAckAllClickEvent) => void;
16
16
  onAckClick?: (event: ObcAckClickEvent) => void;
17
17
  onRowClick?: (event: ObcRowClickEvent) => void;
18
+ onSilenceClick?: (event: CustomEvent<void>) => void;
18
19
  }
19
20
  export interface Slots {
20
21
  children?: Snippet;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@oicl/openbridge-webcomponents-svelte",
3
- "version": "2.0.0-next.10",
3
+ "version": "2.0.0-next.12",
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.9"
34
+ "@oicl/openbridge-webcomponents": "^2.0.0-next.11"
35
35
  },
36
36
  "peerDependencies": {
37
37
  "svelte": "^5.0.0"