@oicl/openbridge-webcomponents-svelte 2.0.0-next.78 → 2.0.0-next.79

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 (13) hide show
  1. package/dist/components/pagination/ObcPagination.svelte +7 -5
  2. package/dist/components/pagination/ObcPagination.svelte.d.ts +3 -1
  3. package/dist/components/slider/ObcSlider.svelte +7 -5
  4. package/dist/components/slider/ObcSlider.svelte.d.ts +3 -1
  5. package/dist/components/slider-double/ObcSliderDouble.svelte +7 -5
  6. package/dist/components/slider-double/ObcSliderDouble.svelte.d.ts +3 -1
  7. package/dist/components/toggle-button-group/ObcToggleButtonGroup.svelte +5 -3
  8. package/dist/components/toggle-button-group/ObcToggleButtonGroup.svelte.d.ts +3 -0
  9. package/dist/components/toggle-button-vertical-group/ObcToggleButtonVerticalGroup.svelte +5 -3
  10. package/dist/components/toggle-button-vertical-group/ObcToggleButtonVerticalGroup.svelte.d.ts +3 -0
  11. package/dist/components/toggle-switch/ObcToggleSwitch.svelte +5 -3
  12. package/dist/components/toggle-switch/ObcToggleSwitch.svelte.d.ts +1 -0
  13. package/package.json +2 -2
package/dist/components/pagination/ObcPagination.svelte CHANGED
@@ -1,9 +1,9 @@
1
1
 
2
2
  <script lang="ts">
3
- export type {ObcPaginationValueChangeEvent, ObcPaginationNavigateEvent, PaginationVariant} from '@oicl/openbridge-webcomponents/dist/components/pagination/pagination.js';
3
+ export type {ObcPaginationValueChangeEvent, ObcPaginationNavigateEvent, ObcPaginationSelectPageEvent, PaginationVariant} from '@oicl/openbridge-webcomponents/dist/components/pagination/pagination.js';
4
4
  import '@oicl/openbridge-webcomponents/dist/components/pagination/pagination.js';
5
5
  import { setProperties } from "../../util.js";
6
- import type {ObcPaginationValueChangeEvent, ObcPaginationNavigateEvent, PaginationVariant} from '@oicl/openbridge-webcomponents/dist/components/pagination/pagination.js';
6
+ import type {ObcPaginationValueChangeEvent, ObcPaginationNavigateEvent, ObcPaginationSelectPageEvent, PaginationVariant} from '@oicl/openbridge-webcomponents/dist/components/pagination/pagination.js';
7
7
  import type { Snippet } from 'svelte';
8
8
 
9
9
  export interface Props {
@@ -39,12 +39,13 @@ fullWidth?: boolean;
39
39
  }
40
40
  export interface Events {
41
41
  onValue?: (event: ObcPaginationValueChangeEvent) => void;
42
- onNavigate?: (event: ObcPaginationNavigateEvent) => void
42
+ onNavigate?: (event: ObcPaginationNavigateEvent) => void;
43
+ onSelectPage?: (event: ObcPaginationSelectPageEvent) => void
43
44
  }
44
45
  export interface Slots {
45
46
  children?: Snippet
46
47
  }
47
- const {onValue, onNavigate, class: className, style, children, ...props} = $props<Props & Events & Slots>();
48
+ const {onValue, onNavigate, onSelectPage, class: className, style, children, ...props} = $props<Props & Events & Slots>();
48
49
 
49
50
  </script>
50
51
  <obc-pagination
@@ -52,7 +53,8 @@ fullWidth?: boolean;
52
53
  class={className}
53
54
  style={style}
54
55
  onvalue={onValue}
55
- onnavigate={onNavigate} >
56
+ onnavigate={onNavigate}
57
+ onselect-page={onSelectPage} >
56
58
 
57
59
  {#if children}
58
60
  {@render children()}
package/dist/components/pagination/ObcPagination.svelte.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  import '@oicl/openbridge-webcomponents/dist/components/pagination/pagination.js';
2
- import type { ObcPaginationValueChangeEvent, ObcPaginationNavigateEvent, PaginationVariant } from '@oicl/openbridge-webcomponents/dist/components/pagination/pagination.js';
2
+ import type { ObcPaginationValueChangeEvent, ObcPaginationNavigateEvent, ObcPaginationSelectPageEvent, PaginationVariant } from '@oicl/openbridge-webcomponents/dist/components/pagination/pagination.js';
3
3
  import type { Snippet } from 'svelte';
4
4
  export interface Props {
5
5
  class?: string;
@@ -35,6 +35,7 @@ Default: `false` */
35
35
  export interface Events {
36
36
  onValue?: (event: ObcPaginationValueChangeEvent) => void;
37
37
  onNavigate?: (event: ObcPaginationNavigateEvent) => void;
38
+ onSelectPage?: (event: ObcPaginationSelectPageEvent) => void;
38
39
  }
39
40
  export interface Slots {
40
41
  children?: Snippet;
@@ -43,6 +44,7 @@ type $$ComponentProps = Props & Events & Slots;
43
44
  declare const ObcPagination: import("svelte").Component<$$ComponentProps, {
44
45
  ObcPaginationValueChangeEvent: typeof ObcPaginationValueChangeEvent;
45
46
  ObcPaginationNavigateEvent: typeof ObcPaginationNavigateEvent;
47
+ ObcPaginationSelectPageEvent: typeof ObcPaginationSelectPageEvent;
46
48
  PaginationVariant: typeof PaginationVariant;
47
49
  }, "">;
48
50
  type ObcPagination = ReturnType<typeof ObcPagination>;
package/dist/components/slider/ObcSlider.svelte CHANGED
@@ -1,9 +1,9 @@
1
1
 
2
2
  <script lang="ts">
3
- export type {ObcSliderValueEvent, ObcSliderVariant} from '@oicl/openbridge-webcomponents/dist/components/slider/slider.js';
3
+ export type {ObcSliderValueEvent, ObcSliderChangeEvent, ObcSliderVariant} from '@oicl/openbridge-webcomponents/dist/components/slider/slider.js';
4
4
  import '@oicl/openbridge-webcomponents/dist/components/slider/slider.js';
5
5
  import { setProperties } from "../../util.js";
6
- import type {ObcSliderValueEvent, ObcSliderVariant} from '@oicl/openbridge-webcomponents/dist/components/slider/slider.js';
6
+ import type {ObcSliderValueEvent, ObcSliderChangeEvent, ObcSliderVariant} from '@oicl/openbridge-webcomponents/dist/components/slider/slider.js';
7
7
  import type { Snippet } from 'svelte';
8
8
 
9
9
  export interface Props {
@@ -58,20 +58,22 @@ seekingSpeed?: number;
58
58
  disabled?: boolean
59
59
  }
60
60
  export interface Events {
61
- onValue?: (event: ObcSliderValueEvent) => void
61
+ onValue?: (event: ObcSliderValueEvent) => void;
62
+ onChange?: (event: ObcSliderChangeEvent) => void
62
63
  }
63
64
  export interface Slots {
64
65
  iconLeft?: Snippet;
65
66
  iconRight?: Snippet
66
67
  }
67
- const {onValue, class: className, style, iconLeft, iconRight, ...props} = $props<Props & Events & Slots>();
68
+ const {onValue, onChange, class: className, style, iconLeft, iconRight, ...props} = $props<Props & Events & Slots>();
68
69
 
69
70
  </script>
70
71
  <obc-slider
71
72
  use:setProperties={props}
72
73
  class={className}
73
74
  style={style}
74
- onvalue={onValue} >
75
+ onvalue={onValue}
76
+ onchange={onChange} >
75
77
 
76
78
  {#if iconLeft}
77
79
  <div slot="icon-left">
package/dist/components/slider/ObcSlider.svelte.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  import '@oicl/openbridge-webcomponents/dist/components/slider/slider.js';
2
- import type { ObcSliderValueEvent, ObcSliderVariant } from '@oicl/openbridge-webcomponents/dist/components/slider/slider.js';
2
+ import type { ObcSliderValueEvent, ObcSliderChangeEvent, ObcSliderVariant } from '@oicl/openbridge-webcomponents/dist/components/slider/slider.js';
3
3
  import type { Snippet } from 'svelte';
4
4
  export interface Props {
5
5
  class?: string;
@@ -54,6 +54,7 @@ Default is 1/3. */
54
54
  }
55
55
  export interface Events {
56
56
  onValue?: (event: ObcSliderValueEvent) => void;
57
+ onChange?: (event: ObcSliderChangeEvent) => void;
57
58
  }
58
59
  export interface Slots {
59
60
  iconLeft?: Snippet;
@@ -62,6 +63,7 @@ export interface Slots {
62
63
  type $$ComponentProps = Props & Events & Slots;
63
64
  declare const ObcSlider: import("svelte").Component<$$ComponentProps, {
64
65
  ObcSliderValueEvent: typeof ObcSliderValueEvent;
66
+ ObcSliderChangeEvent: typeof ObcSliderChangeEvent;
65
67
  ObcSliderVariant: typeof ObcSliderVariant;
66
68
  }, "">;
67
69
  type ObcSlider = ReturnType<typeof ObcSlider>;
package/dist/components/slider-double/ObcSliderDouble.svelte CHANGED
@@ -1,9 +1,9 @@
1
1
 
2
2
  <script lang="ts">
3
- export type {ObcSliderDoubleValueEvent, ObcSliderDoubleVariant} from '@oicl/openbridge-webcomponents/dist/components/slider-double/slider-double.js';
3
+ export type {ObcSliderDoubleValueEvent, ObcSliderDoubleChangeEvent, ObcSliderDoubleVariant} from '@oicl/openbridge-webcomponents/dist/components/slider-double/slider-double.js';
4
4
  import '@oicl/openbridge-webcomponents/dist/components/slider-double/slider-double.js';
5
5
  import { setProperties } from "../../util.js";
6
- import type {ObcSliderDoubleValueEvent, ObcSliderDoubleVariant} from '@oicl/openbridge-webcomponents/dist/components/slider-double/slider-double.js';
6
+ import type {ObcSliderDoubleValueEvent, ObcSliderDoubleChangeEvent, ObcSliderDoubleVariant} from '@oicl/openbridge-webcomponents/dist/components/slider-double/slider-double.js';
7
7
  import type { Snippet } from 'svelte';
8
8
 
9
9
  export interface Props {
@@ -66,7 +66,8 @@ layout integration. Reflected to the `hugcontainer` HTML attribute. */
66
66
  hugContainer?: boolean
67
67
  }
68
68
  export interface Events {
69
- onValue?: (event: ObcSliderDoubleValueEvent) => void
69
+ onValue?: (event: ObcSliderDoubleValueEvent) => void;
70
+ onChange?: (event: ObcSliderDoubleChangeEvent) => void
70
71
  }
71
72
  export interface Slots {
72
73
  iconLeft?: Snippet;
@@ -74,14 +75,15 @@ hugContainer?: boolean
74
75
  leftReadout?: Snippet;
75
76
  rightReadout?: Snippet
76
77
  }
77
- const {onValue, class: className, style, iconLeft, iconRight, leftReadout, rightReadout, ...props} = $props<Props & Events & Slots>();
78
+ const {onValue, onChange, class: className, style, iconLeft, iconRight, leftReadout, rightReadout, ...props} = $props<Props & Events & Slots>();
78
79
 
79
80
  </script>
80
81
  <obc-slider-double
81
82
  use:setProperties={props}
82
83
  class={className}
83
84
  style={style}
84
- onvalue={onValue} >
85
+ onvalue={onValue}
86
+ onchange={onChange} >
85
87
 
86
88
  {#if iconLeft}
87
89
  <div slot="icon-left">
package/dist/components/slider-double/ObcSliderDouble.svelte.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  import '@oicl/openbridge-webcomponents/dist/components/slider-double/slider-double.js';
2
- import type { ObcSliderDoubleValueEvent, ObcSliderDoubleVariant } from '@oicl/openbridge-webcomponents/dist/components/slider-double/slider-double.js';
2
+ import type { ObcSliderDoubleValueEvent, ObcSliderDoubleChangeEvent, ObcSliderDoubleVariant } from '@oicl/openbridge-webcomponents/dist/components/slider-double/slider-double.js';
3
3
  import type { Snippet } from 'svelte';
4
4
  export interface Props {
5
5
  class?: string;
@@ -62,6 +62,7 @@ layout integration. Reflected to the `hugcontainer` HTML attribute. */
62
62
  }
63
63
  export interface Events {
64
64
  onValue?: (event: ObcSliderDoubleValueEvent) => void;
65
+ onChange?: (event: ObcSliderDoubleChangeEvent) => void;
65
66
  }
66
67
  export interface Slots {
67
68
  iconLeft?: Snippet;
@@ -72,6 +73,7 @@ export interface Slots {
72
73
  type $$ComponentProps = Props & Events & Slots;
73
74
  declare const ObcSliderDouble: import("svelte").Component<$$ComponentProps, {
74
75
  ObcSliderDoubleValueEvent: typeof ObcSliderDoubleValueEvent;
76
+ ObcSliderDoubleChangeEvent: typeof ObcSliderDoubleChangeEvent;
75
77
  ObcSliderDoubleVariant: typeof ObcSliderDoubleVariant;
76
78
  }, "">;
77
79
  type ObcSliderDouble = ReturnType<typeof ObcSliderDouble>;
package/dist/components/toggle-button-group/ObcToggleButtonGroup.svelte CHANGED
@@ -65,19 +65,21 @@ This setting is propagated to all child `<obc-toggle-button-option>` elements. *
65
65
  large?: boolean
66
66
  }
67
67
  export interface Events {
68
- onValue?: (event: CustomEvent<{value: string, previousValue: string}>) => void
68
+ onValue?: (event: CustomEvent<{value: string, previousValue: string}>) => void;
69
+ onChange?: (event: CustomEvent<{value: string}>) => void
69
70
  }
70
71
  export interface Slots {
71
72
  children?: Snippet
72
73
  }
73
- const {onValue, class: className, style, children, ...props} = $props<Props & Events & Slots>();
74
+ const {onValue, onChange, class: className, style, children, ...props} = $props<Props & Events & Slots>();
74
75
 
75
76
  </script>
76
77
  <obc-toggle-button-group
77
78
  use:setProperties={props}
78
79
  class={className}
79
80
  style={style}
80
- onvalue={onValue} >
81
+ onvalue={onValue}
82
+ onchange={onChange} >
81
83
 
82
84
  {#if children}
83
85
  {@render children()}
package/dist/components/toggle-button-group/ObcToggleButtonGroup.svelte.d.ts CHANGED
@@ -64,6 +64,9 @@ export interface Events {
64
64
  value: string;
65
65
  previousValue: string;
66
66
  }>) => void;
67
+ onChange?: (event: CustomEvent<{
68
+ value: string;
69
+ }>) => void;
67
70
  }
68
71
  export interface Slots {
69
72
  children?: Snippet;
package/dist/components/toggle-button-vertical-group/ObcToggleButtonVerticalGroup.svelte CHANGED
@@ -37,19 +37,21 @@ Defaults to false. */
37
37
  disabled?: boolean
38
38
  }
39
39
  export interface Events {
40
- onValue?: (event: CustomEvent<{value: string, previousValue: string}>) => void
40
+ onValue?: (event: CustomEvent<{value: string, previousValue: string}>) => void;
41
+ onChange?: (event: CustomEvent<{value: string}>) => void
41
42
  }
42
43
  export interface Slots {
43
44
  children?: Snippet
44
45
  }
45
- const {onValue, class: className, style, children, ...props} = $props<Props & Events & Slots>();
46
+ const {onValue, onChange, class: className, style, children, ...props} = $props<Props & Events & Slots>();
46
47
 
47
48
  </script>
48
49
  <obc-toggle-button-vertical-group
49
50
  use:setProperties={props}
50
51
  class={className}
51
52
  style={style}
52
- onvalue={onValue} >
53
+ onvalue={onValue}
54
+ onchange={onChange} >
53
55
 
54
56
  {#if children}
55
57
  {@render children()}
package/dist/components/toggle-button-vertical-group/ObcToggleButtonVerticalGroup.svelte.d.ts CHANGED
@@ -36,6 +36,9 @@ export interface Events {
36
36
  value: string;
37
37
  previousValue: string;
38
38
  }>) => void;
39
+ onChange?: (event: CustomEvent<{
40
+ value: string;
41
+ }>) => void;
39
42
  }
40
43
  export interface Slots {
41
44
  children?: Snippet;
package/dist/components/toggle-switch/ObcToggleSwitch.svelte CHANGED
@@ -32,19 +32,21 @@ Use to control the toggle state from outside the component. */
32
32
  externalControl?: boolean
33
33
  }
34
34
  export interface Events {
35
- onInput?: (event: CustomEvent<unknown>) => void
35
+ onInput?: (event: CustomEvent<unknown>) => void;
36
+ onChange?: (event: CustomEvent<unknown>) => void
36
37
  }
37
38
  export interface Slots {
38
39
  icon?: Snippet
39
40
  }
40
- const {onInput, class: className, style, icon, ...props} = $props<Props & Events & Slots>();
41
+ const {onInput, onChange, class: className, style, icon, ...props} = $props<Props & Events & Slots>();
41
42
 
42
43
  </script>
43
44
  <obc-toggle-switch
44
45
  use:setProperties={props}
45
46
  class={className}
46
47
  style={style}
47
- oninput={onInput} >
48
+ oninput={onInput}
49
+ onchange={onChange} >
48
50
 
49
51
  {#if icon}
50
52
  <div slot="icon">
package/dist/components/toggle-switch/ObcToggleSwitch.svelte.d.ts CHANGED
@@ -27,6 +27,7 @@ Use to control the toggle state from outside the component. */
27
27
  }
28
28
  export interface Events {
29
29
  onInput?: (event: CustomEvent<unknown>) => void;
30
+ onChange?: (event: CustomEvent<unknown>) => void;
30
31
  }
31
32
  export interface Slots {
32
33
  icon?: Snippet;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@oicl/openbridge-webcomponents-svelte",
3
- "version": "2.0.0-next.78",
3
+ "version": "2.0.0-next.79",
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.77"
34
+ "@oicl/openbridge-webcomponents": "^2.0.0-next.78"
35
35
  },
36
36
  "peerDependencies": {
37
37
  "svelte": "^5.0.0"