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

package/dist/components/sequence-item/ObcSequenceItem.svelte.d.ts

@@ -10,20 +10,30 @@ export interface Props {
     state?: SequenceItemState;
     title?: string;
     hasSubtitle?: boolean;
+    /** Available when `hasSubtitle==true`. */
     subtitle?: string;
     hasDescription?: boolean;
+    /** Available when `hasDescription==true`. */
     description?: string;
-    /** Enables the meta stamp container. Without this, timestamp/distance values are
-ignored even if their booleans are true. */
+    /** Enables the meta stamp container. Without this, timestamp/distance values are ignored even if their booleans are true. */
     hasStamp?: boolean;
-    /** Shows a timestamp inside the stamp container when `hasStamp` is true. */
+    /**
+     * Shows a timestamp inside the stamp container when `hasStamp` is true.
+     *
+     * Available when `hasStamp==true`.
+     */
     hasTimeStamp?: boolean;
+    /** Available when `hasStamp==true && hasTimeStamp==true`. */
     timeStamp?: string;
-    /** Shows a distance stamp alongside the timestamp. Requires `hasStamp` to be true. */
+    /**
+     * Shows a distance stamp alongside the timestamp. Requires `hasStamp` to be true.
+     *
+     * Available when `hasStamp==true`.
+     */
     hasDistanceStamp?: boolean;
+    /** Available when `hasStamp==true && hasDistanceStamp==true`. */
     distanceStamp?: string;
-    /** Optional text used inside the auto-generated step. Defaults to `title` when
-not provided. */
+    /** Optional text used inside the auto-generated step. Defaults to `title` when not provided. */
     stepLabel?: string;
     stepType?: SequenceType;
     stepStyle?: SequenceStyle;
@@ -35,7 +45,10 @@ not provided. */
 export interface Events {
 }
 export interface Slots {
-    children?: Snippet;
+    titleSnippet?: Snippet;
+    descriptionSnippet?: Snippet;
+    meta?: Snippet;
+    step?: Snippet;
 }
 type $$ComponentProps = Props & Events & Slots;
 declare const ObcSequenceItem: import("svelte").Component<$$ComponentProps, {

package/dist/components/sequence-modal/ObcSequenceModal.svelte

@@ -3,7 +3,7 @@
     export type {ObcSequenceModalType} from '@oicl/openbridge-webcomponents/dist/components/sequence-modal/sequence-modal.js';
 export type {SequenceValue} from '@oicl/openbridge-webcomponents/dist/components/sequence-step/sequence-step.js';
       import '@oicl/openbridge-webcomponents/dist/components/sequence-modal/sequence-modal.js';
-      import { setProperties } from "../../util.js";
+      import { setProperties, forwardEvents } from "../../util.js";
       import type {ObcSequenceModalType} from '@oicl/openbridge-webcomponents/dist/components/sequence-modal/sequence-modal.js';
 import type {SequenceValue} from '@oicl/openbridge-webcomponents/dist/components/sequence-step/sequence-step.js';
       import type { Snippet } from 'svelte';
@@ -23,21 +23,28 @@ import type {SequenceValue} from '@oicl/openbridge-webcomponents/dist/components
      closeLabel?: string
    }
       export interface Events {
-    
+    onCloseClick?: (event: CustomEvent<unknown>) => void
   }
       export interface Slots {
+  actions?: Snippet;
   children?: Snippet
 }
-      const { class: className, style, children, ...props} = $props<Props & Events & Slots>();
+      const {onCloseClick, class: className, style, actions, children, ...props} = $props<Props & Events & Slots>();
 
     </script>
     <obc-sequence-modal
     use:setProperties={props}
     class={className}
     style={style}
-     >
+    use:forwardEvents={{'close-click': onCloseClick}} >
       
-    {#if children}
-      {@render children()}
-    {/if}
+      {#if actions}
+        <div slot="actions">
+          {@render actions()}
+        </div>
+      {/if}
+
+      {#if children}
+        {@render children()}
+      {/if}
     </obc-sequence-modal>

package/dist/components/sequence-modal/ObcSequenceModal.svelte.d.ts

@@ -17,8 +17,10 @@ export interface Props {
     closeLabel?: string;
 }
 export interface Events {
+    onCloseClick?: (event: CustomEvent<unknown>) => void;
 }
 export interface Slots {
+    actions?: Snippet;
     children?: Snippet;
 }
 type $$ComponentProps = Props & Events & Slots;

package/dist/components/sequence-step/ObcSequenceStep.svelte

@@ -2,7 +2,7 @@
   <script lang="ts">
     export type {SequenceOrientation, SequenceType, SequenceStyle, SequenceValue, SequenceVariant} from '@oicl/openbridge-webcomponents/dist/components/sequence-step/sequence-step.js';
       import '@oicl/openbridge-webcomponents/dist/components/sequence-step/sequence-step.js';
-      import { setProperties } from "../../util.js";
+      import { setProperties, forwardEvents } from "../../util.js";
       import type {SequenceOrientation, SequenceType, SequenceStyle, SequenceValue, SequenceVariant} from '@oicl/openbridge-webcomponents/dist/components/sequence-step/sequence-step.js';
       import type { Snippet } from 'svelte';
 
@@ -14,28 +14,35 @@
      styleType?: SequenceStyle;
      value?: SequenceValue;
      variant?: SequenceVariant | undefined;
-      /** Displays the built-in state icon for medium/large regular steps. */
-hasIcon?: boolean;
+     /**
+      * Displays the built-in state icon for medium/large regular steps.
+      *
+      * Available when `styleType==regular && type in [medium, large]`.
+      */
+     hasIcon?: boolean;
      showStepInputConnector?: boolean;
      showStepOutputConnector?: boolean;
-      /** Extends the input connector to match the height/width of multi-line content.
-Applies only when `hasInputConnector` is true. */
-inputConnectorExtended?: boolean
+     /**
+      * Extends the input connector to match the height/width of multi-line content. Applies only when `hasInputConnector` is true.
+      *
+      * Available when `showStepInputConnector==true`.
+      */
+     inputConnectorExtended?: boolean
    }
       export interface Events {
-    
+    onClick?: (event: CustomEvent<unknown>) => void
   }
       export interface Slots {
   children?: Snippet
 }
-      const { class: className, style, children, ...props} = $props<Props & Events & Slots>();
+      const {onClick, class: className, style, children, ...props} = $props<Props & Events & Slots>();
 
     </script>
     <obc-sequence-step
     use:setProperties={props}
     class={className}
     style={style}
-     >
+    use:forwardEvents={{'click': onClick}} >
       
     {#if children}
       {@render children()}

package/dist/components/sequence-step/ObcSequenceStep.svelte.d.ts

@@ -9,15 +9,23 @@ export interface Props {
     styleType?: SequenceStyle;
     value?: SequenceValue;
     variant?: SequenceVariant | undefined;
-    /** Displays the built-in state icon for medium/large regular steps. */
+    /**
+     * Displays the built-in state icon for medium/large regular steps.
+     *
+     * Available when `styleType==regular && type in [medium, large]`.
+     */
     hasIcon?: boolean;
     showStepInputConnector?: boolean;
     showStepOutputConnector?: boolean;
-    /** Extends the input connector to match the height/width of multi-line content.
-Applies only when `hasInputConnector` is true. */
+    /**
+     * Extends the input connector to match the height/width of multi-line content. Applies only when `hasInputConnector` is true.
+     *
+     * Available when `showStepInputConnector==true`.
+     */
     inputConnectorExtended?: boolean;
 }
 export interface Events {
+    onClick?: (event: CustomEvent<unknown>) => void;
 }
 export interface Slots {
     children?: Snippet;

package/dist/components/sequence-toolbar/ObcSequenceToolbar.svelte

@@ -2,7 +2,7 @@
   <script lang="ts">
     export type {SequenceToolbarType} from '@oicl/openbridge-webcomponents/dist/components/sequence-toolbar/sequence-toolbar.js';
       import '@oicl/openbridge-webcomponents/dist/components/sequence-toolbar/sequence-toolbar.js';
-      import { setProperties } from "../../util.js";
+      import { setProperties, forwardEvents } from "../../util.js";
       import type {SequenceToolbarType} from '@oicl/openbridge-webcomponents/dist/components/sequence-toolbar/sequence-toolbar.js';
       import type { Snippet } from 'svelte';
 
@@ -10,12 +10,13 @@
      class?: string;
      style?: string;
      type?: SequenceToolbarType;
+     /** Available when `type!=sequential`. */
      hasAdd?: boolean
    }
       export interface Events {
-    onPrevClick?: (event: CustomEvent<unknown>) => void;
-    onNextClick?: (event: CustomEvent<unknown>) => void;
-    onAddClick?: (event: CustomEvent<unknown>) => void
+    onPrevClick?: (event: CustomEvent<void>) => void;
+    onNextClick?: (event: CustomEvent<void>) => void;
+    onAddClick?: (event: CustomEvent<void>) => void
   }
       export interface Slots {
   children?: Snippet;
@@ -31,9 +32,7 @@
     use:setProperties={props}
     class={className}
     style={style}
-    onprev-click={onPrevClick}
-   onnext-click={onNextClick}
-   onadd-click={onAddClick} >
+    use:forwardEvents={{'prev-click': onPrevClick, 'next-click': onNextClick, 'add-click': onAddClick}} >
       
       {#if children}
         {@render children()}

package/dist/components/sequence-toolbar/ObcSequenceToolbar.svelte.d.ts

@@ -5,12 +5,13 @@ export interface Props {
     class?: string;
     style?: string;
     type?: SequenceToolbarType;
+    /** Available when `type!=sequential`. */
     hasAdd?: boolean;
 }
 export interface Events {
-    onPrevClick?: (event: CustomEvent<unknown>) => void;
-    onNextClick?: (event: CustomEvent<unknown>) => void;
-    onAddClick?: (event: CustomEvent<unknown>) => void;
+    onPrevClick?: (event: CustomEvent<void>) => void;
+    onNextClick?: (event: CustomEvent<void>) => void;
+    onAddClick?: (event: CustomEvent<void>) => void;
 }
 export interface Slots {
     children?: Snippet;

package/dist/components/slide-button/ObcSlideButton.svelte

@@ -2,21 +2,21 @@
   <script lang="ts">
     export type {ObcSlideButtonSlideEvent} from '@oicl/openbridge-webcomponents/dist/components/slide-button/slide-button.js';
       import '@oicl/openbridge-webcomponents/dist/components/slide-button/slide-button.js';
-      import { setProperties } from "../../util.js";
+      import { setProperties, forwardEvents } from "../../util.js";
       import type {ObcSlideButtonSlideEvent} from '@oicl/openbridge-webcomponents/dist/components/slide-button/slide-button.js';
       import type { Snippet } from 'svelte';
 
       export interface Props {
      class?: string;
      style?: string;
-      /** Whether the slide button is disabled. When true, the button cannot be interacted with and appears visually muted. */
-disabled?: boolean;
-      /** Whether to show the leading icon slot. Set to true to show the icon area at the start of the button. */
-hasLeadingIcon?: boolean;
-      /** Whether the button should hug its content. When true, the button width shrinks to fit its content instead of stretching to fill the container. */
-hugContent?: boolean;
-      /** Whether to automatically disable the button after a successful slide. When true, the button disables itself after the slide action completes. */
-autoDisable?: boolean
+     /** Whether the slide button is disabled. When true, the button cannot be interacted with and appears visually muted. */
+     disabled?: boolean;
+     /** Whether to show the leading icon slot. Set to true to show the icon area at the start of the button. */
+     hasLeadingIcon?: boolean;
+     /** Whether the button should hug its content. When true, the button width shrinks to fit its content instead of stretching to fill the container. */
+     hugContent?: boolean;
+     /** Whether to automatically disable the button after a successful slide. When true, the button disables itself after the slide action completes. */
+     autoDisable?: boolean
    }
       export interface Events {
     onSlide?: (event: ObcSlideButtonSlideEvent) => void
@@ -32,7 +32,7 @@ autoDisable?: boolean
     use:setProperties={props}
     class={className}
     style={style}
-    onslide={onSlide} >
+    use:forwardEvents={{'slide': onSlide}} >
       
       {#if leadingIcon}
         <div slot="leading-icon">

package/dist/components/slider/ObcSlider.svelte

@@ -1,9 +1,9 @@
 
   <script lang="ts">
-    export type {ObcSliderValueEvent, ObcSliderVariant} from '@oicl/openbridge-webcomponents/dist/components/slider/slider.js';
+    export type {ObcSliderValueEvent, ObcSliderChangeEvent, ObcSliderVariant} from '@oicl/openbridge-webcomponents/dist/components/slider/slider.js';
       import '@oicl/openbridge-webcomponents/dist/components/slider/slider.js';
-      import { setProperties } from "../../util.js";
-      import type {ObcSliderValueEvent, ObcSliderVariant} from '@oicl/openbridge-webcomponents/dist/components/slider/slider.js';
+      import { setProperties, forwardEvents } from "../../util.js";
+      import type {ObcSliderValueEvent, ObcSliderChangeEvent, ObcSliderVariant} from '@oicl/openbridge-webcomponents/dist/components/slider/slider.js';
       import type { Snippet } from 'svelte';
 
       export interface Props {
@@ -50,7 +50,7 @@ hasRightIcon?: boolean;
 
 Default is false. */
 allowSeeking?: boolean;
-      /** The speed of animated seeking (when `allowSeeking` is true).
+      /** The speed of the smooth animation that moves the value to the clicked position (used when `allowSeeking` is false).
 
 Expressed as the inverse of seconds to go from min to max (e.g., 1/3 means 3 seconds for full range).
 Default is 1/3. */
@@ -58,20 +58,21 @@ seekingSpeed?: number;
      disabled?: boolean
    }
       export interface Events {
-    onValue?: (event: ObcSliderValueEvent) => void
+    onValue?: (event: ObcSliderValueEvent) => void;
+    onChange?: (event: ObcSliderChangeEvent) => void
   }
       export interface Slots {
   iconLeft?: Snippet;
   iconRight?: Snippet
 }
-      const {onValue, class: className, style, iconLeft, iconRight, ...props} = $props<Props & Events & Slots>();
+      const {onValue, onChange, class: className, style, iconLeft, iconRight, ...props} = $props<Props & Events & Slots>();
 
     </script>
     <obc-slider
     use:setProperties={props}
     class={className}
     style={style}
-    onvalue={onValue} >
+    use:forwardEvents={{'value': onValue, 'change': onChange}} >
       
       {#if iconLeft}
         <div slot="icon-left">

package/dist/components/slider/ObcSlider.svelte.d.ts

@@ -1,5 +1,5 @@
 import '@oicl/openbridge-webcomponents/dist/components/slider/slider.js';
-import type { ObcSliderValueEvent, ObcSliderVariant } from '@oicl/openbridge-webcomponents/dist/components/slider/slider.js';
+import type { ObcSliderValueEvent, ObcSliderChangeEvent, ObcSliderVariant } from '@oicl/openbridge-webcomponents/dist/components/slider/slider.js';
 import type { Snippet } from 'svelte';
 export interface Props {
     class?: string;
@@ -45,7 +45,7 @@ When true, the `icon-right` slot is rendered as a button. */
 
 Default is false. */
     allowSeeking?: boolean;
-    /** The speed of animated seeking (when `allowSeeking` is true).
+    /** The speed of the smooth animation that moves the value to the clicked position (used when `allowSeeking` is false).
 
 Expressed as the inverse of seconds to go from min to max (e.g., 1/3 means 3 seconds for full range).
 Default is 1/3. */
@@ -54,6 +54,7 @@ Default is 1/3. */
 }
 export interface Events {
     onValue?: (event: ObcSliderValueEvent) => void;
+    onChange?: (event: ObcSliderChangeEvent) => void;
 }
 export interface Slots {
     iconLeft?: Snippet;
@@ -62,6 +63,7 @@ export interface Slots {
 type $$ComponentProps = Props & Events & Slots;
 declare const ObcSlider: import("svelte").Component<$$ComponentProps, {
     ObcSliderValueEvent: typeof ObcSliderValueEvent;
+    ObcSliderChangeEvent: typeof ObcSliderChangeEvent;
     ObcSliderVariant: typeof ObcSliderVariant;
 }, "">;
 type ObcSlider = ReturnType<typeof ObcSlider>;

package/dist/components/slider-double/ObcSliderDouble.svelte

@@ -1,52 +1,43 @@
 
   <script lang="ts">
-    export type {ObcSliderDoubleValueEvent, ObcSliderDoubleVariant} from '@oicl/openbridge-webcomponents/dist/components/slider-double/slider-double.js';
+    export type {ObcSliderDoubleValueEvent, ObcSliderDoubleChangeEvent, ObcSliderDoubleVariant} from '@oicl/openbridge-webcomponents/dist/components/slider-double/slider-double.js';
       import '@oicl/openbridge-webcomponents/dist/components/slider-double/slider-double.js';
-      import { setProperties } from "../../util.js";
-      import type {ObcSliderDoubleValueEvent, ObcSliderDoubleVariant} from '@oicl/openbridge-webcomponents/dist/components/slider-double/slider-double.js';
+      import { setProperties, forwardEvents } from "../../util.js";
+      import type {ObcSliderDoubleValueEvent, ObcSliderDoubleChangeEvent, ObcSliderDoubleVariant} from '@oicl/openbridge-webcomponents/dist/components/slider-double/slider-double.js';
       import type { Snippet } from 'svelte';
 
       export interface Props {
      class?: string;
      style?: string;
-      /** The current lower bound of the selected range.
-Must be greater than or equal to `min` and less than or equal to `high`. */
-low?: number;
-      /** The current upper bound of the selected range.
-Must be less than or equal to `max` and greater than or equal to `low`. */
-high?: number;
-      /** The minimum allowed value for the slider.
-Default is 0. */
-min?: number;
-      /** The maximum allowed value for the slider.
-Default is 100. */
-max?: number;
-      /** The increment for value changes.
-If not set, defaults to 1. */
-step?: number | undefined;
-      /** Step size for keyboard or button-based changes.
-Default is 10. */
-stepClick?: number;
+     /** The current lower bound of the selected range. Must be greater than or equal to `min` and less than or equal to `high`. */
+     low?: number;
+     /** The current upper bound of the selected range. Must be less than or equal to `max` and greater than or equal to `low`. */
+     high?: number;
+     /** The minimum allowed value for the slider. Default is 0. */
+     min?: number;
+     /** The maximum allowed value for the slider. Default is 100. */
+     max?: number;
+     /** The increment for value changes. If not set, defaults to 1. */
+     step?: number | undefined;
+     /** Step size for keyboard or button-based changes. Default is 10. */
+     stepClick?: number;
       /** Visual and interaction style of the slider.
 - `normal`: Standard appearance.
 - `enhanced`: Larger track and thumb.
 - `no-input`: Read-only, disables user interaction.
 Default is `normal`. */
 variant?: ObcSliderDoubleVariant;
-      /** If true, clicking the slider track animates the thumb to the clicked position.
-Enables seeking mode for rapid value changes. */
-allowSeeking?: boolean;
+     /** If true, clicking the slider track animates the thumb to the clicked position. Enables seeking mode for rapid value changes. */
+     allowSeeking?: boolean;
      disabled?: boolean;
-      /** Animation speed for seeking, in inverse seconds.
-The value will go from min to max in 1 / seekingSpeed seconds.
-Default is 1/3 (i.e., 3 seconds for full range). */
-seekingSpeed?: number;
-      /** Unit label appended to value labels (e.g., "%", "kn"). */
-labelUnit?: string;
-      /** Number of decimal places to display in value labels. */
-labelDecimals?: number;
-      /** CSS width for value labels (e.g., "5ch", "60px"). */
-labelWidth?: string;
+     /** Animation speed for seeking, in inverse seconds. The value will go from min to max in 1 / seekingSpeed seconds. Default is 1/3 (i.e., 3 seconds for full range). */
+     seekingSpeed?: number;
+     /** Unit label appended to value labels (e.g., "%", "kn"). */
+     labelUnit?: string;
+     /** Number of decimal places to display in value labels. */
+     labelDecimals?: number;
+     /** CSS width for value labels (e.g., "5ch", "60px"). */
+     labelWidth?: string;
       /** Whether to show the left (low) readout label.
 
 When false, the left readout is hidden entirely. When true, the readout
@@ -61,40 +52,26 @@ renders the formatted `high` value or the content slotted into `right-readout`.
 
 Default is true. Set via JavaScript property (no HTML attribute). */
 showRightReadout?: boolean;
-      /** Removes spacing between the slider and its container edges for seamless
-layout integration. Reflected to the `hugcontainer` HTML attribute. */
-hugContainer?: boolean
+     /** Removes spacing between the slider and its container edges for seamless layout integration. Reflected to the `hugcontainer` HTML attribute. */
+     hugContainer?: boolean
    }
       export interface Events {
-    onValue?: (event: ObcSliderDoubleValueEvent) => void
+    onValue?: (event: ObcSliderDoubleValueEvent) => void;
+    onChange?: (event: ObcSliderDoubleChangeEvent) => void
   }
       export interface Slots {
-  iconLeft?: Snippet;
-  iconRight?: Snippet;
   leftReadout?: Snippet;
   rightReadout?: Snippet
 }
-      const {onValue, class: className, style, iconLeft, iconRight, leftReadout, rightReadout, ...props} = $props<Props & Events & Slots>();
+      const {onValue, onChange, class: className, style, leftReadout, rightReadout, ...props} = $props<Props & Events & Slots>();
 
     </script>
     <obc-slider-double
     use:setProperties={props}
     class={className}
     style={style}
-    onvalue={onValue} >
+    use:forwardEvents={{'value': onValue, 'change': onChange}} >
       
-      {#if iconLeft}
-        <div slot="icon-left">
-          {@render iconLeft()}
-        </div>
-      {/if}
-
-      {#if iconRight}
-        <div slot="icon-right">
-          {@render iconRight()}
-        </div>
-      {/if}
-
       {#if leftReadout}
         <div slot="left-readout">
           {@render leftReadout()}

package/dist/components/slider-double/ObcSliderDouble.svelte.d.ts

@@ -1,26 +1,20 @@
 import '@oicl/openbridge-webcomponents/dist/components/slider-double/slider-double.js';
-import type { ObcSliderDoubleValueEvent, ObcSliderDoubleVariant } from '@oicl/openbridge-webcomponents/dist/components/slider-double/slider-double.js';
+import type { ObcSliderDoubleValueEvent, ObcSliderDoubleChangeEvent, ObcSliderDoubleVariant } from '@oicl/openbridge-webcomponents/dist/components/slider-double/slider-double.js';
 import type { Snippet } from 'svelte';
 export interface Props {
     class?: string;
     style?: string;
-    /** The current lower bound of the selected range.
-Must be greater than or equal to `min` and less than or equal to `high`. */
+    /** The current lower bound of the selected range. Must be greater than or equal to `min` and less than or equal to `high`. */
     low?: number;
-    /** The current upper bound of the selected range.
-Must be less than or equal to `max` and greater than or equal to `low`. */
+    /** The current upper bound of the selected range. Must be less than or equal to `max` and greater than or equal to `low`. */
     high?: number;
-    /** The minimum allowed value for the slider.
-Default is 0. */
+    /** The minimum allowed value for the slider. Default is 0. */
     min?: number;
-    /** The maximum allowed value for the slider.
-Default is 100. */
+    /** The maximum allowed value for the slider. Default is 100. */
     max?: number;
-    /** The increment for value changes.
-If not set, defaults to 1. */
+    /** The increment for value changes. If not set, defaults to 1. */
     step?: number | undefined;
-    /** Step size for keyboard or button-based changes.
-Default is 10. */
+    /** Step size for keyboard or button-based changes. Default is 10. */
     stepClick?: number;
     /** Visual and interaction style of the slider.
 - `normal`: Standard appearance.
@@ -28,13 +22,10 @@ Default is 10. */
 - `no-input`: Read-only, disables user interaction.
 Default is `normal`. */
     variant?: ObcSliderDoubleVariant;
-    /** If true, clicking the slider track animates the thumb to the clicked position.
-Enables seeking mode for rapid value changes. */
+    /** If true, clicking the slider track animates the thumb to the clicked position. Enables seeking mode for rapid value changes. */
     allowSeeking?: boolean;
     disabled?: boolean;
-    /** Animation speed for seeking, in inverse seconds.
-The value will go from min to max in 1 / seekingSpeed seconds.
-Default is 1/3 (i.e., 3 seconds for full range). */
+    /** Animation speed for seeking, in inverse seconds. The value will go from min to max in 1 / seekingSpeed seconds. Default is 1/3 (i.e., 3 seconds for full range). */
     seekingSpeed?: number;
     /** Unit label appended to value labels (e.g., "%", "kn"). */
     labelUnit?: string;
@@ -56,22 +47,21 @@ renders the formatted `high` value or the content slotted into `right-readout`.
 
 Default is true. Set via JavaScript property (no HTML attribute). */
     showRightReadout?: boolean;
-    /** Removes spacing between the slider and its container edges for seamless
-layout integration. Reflected to the `hugcontainer` HTML attribute. */
+    /** Removes spacing between the slider and its container edges for seamless layout integration. Reflected to the `hugcontainer` HTML attribute. */
     hugContainer?: boolean;
 }
 export interface Events {
     onValue?: (event: ObcSliderDoubleValueEvent) => void;
+    onChange?: (event: ObcSliderDoubleChangeEvent) => void;
 }
 export interface Slots {
-    iconLeft?: Snippet;
-    iconRight?: Snippet;
     leftReadout?: Snippet;
     rightReadout?: Snippet;
 }
 type $$ComponentProps = Props & Events & Slots;
 declare const ObcSliderDouble: import("svelte").Component<$$ComponentProps, {
     ObcSliderDoubleValueEvent: typeof ObcSliderDoubleValueEvent;
+    ObcSliderDoubleChangeEvent: typeof ObcSliderDoubleChangeEvent;
     ObcSliderDoubleVariant: typeof ObcSliderDoubleVariant;
 }, "">;
 type ObcSliderDouble = ReturnType<typeof ObcSliderDouble>;