@oicl/openbridge-webcomponents-svelte 2.0.0-next.14 → 2.0.0-next.140

package/dist/components/rich-button/ObcRichButton.svelte

@@ -3,7 +3,7 @@
     export type {HTMLTemplateResult} from 'lit';
 export type {RichButtonDirection} from '@oicl/openbridge-webcomponents/dist/components/rich-button/rich-button.js';
       import '@oicl/openbridge-webcomponents/dist/components/rich-button/rich-button.js';
-      import { setProperties } from "../../util.js";
+      import { setProperties, forwardEvents } from "../../util.js";
       import type {HTMLTemplateResult} from 'lit';
 import type {RichButtonDirection} from '@oicl/openbridge-webcomponents/dist/components/rich-button/rich-button.js';
       import type { Snippet } from 'svelte';
@@ -11,20 +11,20 @@ import type {RichButtonDirection} from '@oicl/openbridge-webcomponents/dist/comp
       export interface Props {
      class?: string;
      style?: string;
-      /** The main label text displayed on the button (single line, truncated if too long). */
-label?: string | HTMLTemplateResult;
-      /** Optional supporting description text (up to two lines, truncated if too long). */
-description?: string;
+     /** The main label text displayed on the button (single line, truncated if too long). */
+     label?: string | HTMLTemplateResult;
+     /** Optional supporting description text (up to two lines, truncated if too long). */
+     description?: string;
       /** Layout direction for the button content.
 - `vertical` (default): Icons and text are stacked vertically.
 - `horizontal`: Icons and text are arranged side by side. */
 direction?: RichButtonDirection;
-      /** If true, displays the leading icon slot before the label. */
-hasLeadingIcon?: boolean;
-      /** If true, displays the trailing icon slot after the description. */
-hasTrailingIcon?: boolean;
-      /** If true, the button is disabled and cannot be interacted with. */
-disabled?: boolean;
+     /** If true, displays the leading icon slot before the label. */
+     hasLeadingIcon?: boolean;
+     /** If true, displays the trailing icon slot after the description. */
+     hasTrailingIcon?: boolean;
+     /** If true, the button is disabled and cannot be interacted with. */
+     disabled?: boolean;
      fullWidth?: boolean;
      fullHeight?: boolean
    }
@@ -42,7 +42,7 @@ disabled?: boolean;
     use:setProperties={props}
     class={className}
     style={style}
-    onrich-button-click={onRichButtonClick} >
+    use:forwardEvents={{'rich-button-click': onRichButtonClick}} >
       
       {#if leadingIcon}
         <div slot="leading-icon">

package/dist/components/sequence-card/ObcSequenceCard.svelte

@@ -21,25 +21,40 @@ import type {SequenceValue, SequenceType, SequenceStyle} from '@oicl/openbridge-
      showConnector?: boolean;
      hasLeadingIcon?: boolean;
      cardTitle?: string;
+     /** Available when `titleType!=Single`. */
      subtitle?: string;
      hasTimeStamp?: boolean;
+     /** Available when `hasTimeStamp==true`. */
      timeLabel?: string;
+     /** Available when `hasTimeStamp==true`. */
      time?: string;
      hasContent?: boolean;
      hasActions?: boolean;
+     /** Available when `progressType==Centered && (titleType!=Single || indicatorTypeOverride!=undefined)`. */
      progressLabel?: string;
+     /** Available when `(showConnector==true && progressType==Centered && horizontal==false) || (showConnector==true && horizontal==true && progressType!=LeftSide)`. */
      progressValue?: SequenceValue;
+     /** Available when `progressType==LeftSide && horizontal==false && hasTimeStamp==true`. */
      leftTime?: string;
+     /** Available when `progressType==Centered`. */
      indicatorTypeOverride?: SequenceType | undefined;
+     /** Available when `progressType==Centered`. */
      indicatorStyleOverride?: SequenceStyle | undefined
    }
       export interface Events {
     
   }
       export interface Slots {
+  leadingIcon?: Snippet;
+  title?: Snippet;
+  subtitleSnippet?: Snippet;
+  timeStamp?: Snippet;
+  headerActions?: Snippet;
+  leftTimeStamp?: Snippet;
+  actions?: Snippet;
   children?: Snippet
 }
-      const { class: className, style, children, ...props} = $props<Props & Events & Slots>();
+      const { class: className, style, leadingIcon, title, subtitleSnippet, timeStamp, headerActions, leftTimeStamp, actions, children, ...props} = $props<Props & Events & Slots>();
 
     </script>
     <obc-sequence-card
@@ -48,7 +63,49 @@ import type {SequenceValue, SequenceType, SequenceStyle} from '@oicl/openbridge-
     style={style}
      >
       
-    {#if children}
-      {@render children()}
-    {/if}
+      {#if leadingIcon}
+        <div slot="leading-icon">
+          {@render leadingIcon()}
+        </div>
+      {/if}
+
+      {#if title}
+        <div slot="title">
+          {@render title()}
+        </div>
+      {/if}
+
+      {#if subtitleSnippet}
+        <div slot="subtitle">
+          {@render subtitleSnippet()}
+        </div>
+      {/if}
+
+      {#if timeStamp}
+        <div slot="time-stamp">
+          {@render timeStamp()}
+        </div>
+      {/if}
+
+      {#if headerActions}
+        <div slot="header-actions">
+          {@render headerActions()}
+        </div>
+      {/if}
+
+      {#if leftTimeStamp}
+        <div slot="left-time-stamp">
+          {@render leftTimeStamp()}
+        </div>
+      {/if}
+
+      {#if actions}
+        <div slot="actions">
+          {@render actions()}
+        </div>
+      {/if}
+
+      {#if children}
+        {@render children()}
+      {/if}
     </obc-sequence-card>

package/dist/components/sequence-card/ObcSequenceCard.svelte.d.ts

@@ -15,21 +15,36 @@ export interface Props {
     showConnector?: boolean;
     hasLeadingIcon?: boolean;
     cardTitle?: string;
+    /** Available when `titleType!=Single`. */
     subtitle?: string;
     hasTimeStamp?: boolean;
+    /** Available when `hasTimeStamp==true`. */
     timeLabel?: string;
+    /** Available when `hasTimeStamp==true`. */
     time?: string;
     hasContent?: boolean;
     hasActions?: boolean;
+    /** Available when `progressType==Centered && (titleType!=Single || indicatorTypeOverride!=undefined)`. */
     progressLabel?: string;
+    /** Available when `(showConnector==true && progressType==Centered && horizontal==false) || (showConnector==true && horizontal==true && progressType!=LeftSide)`. */
     progressValue?: SequenceValue;
+    /** Available when `progressType==LeftSide && horizontal==false && hasTimeStamp==true`. */
     leftTime?: string;
+    /** Available when `progressType==Centered`. */
     indicatorTypeOverride?: SequenceType | undefined;
+    /** Available when `progressType==Centered`. */
     indicatorStyleOverride?: SequenceStyle | undefined;
 }
 export interface Events {
 }
 export interface Slots {
+    leadingIcon?: Snippet;
+    title?: Snippet;
+    subtitleSnippet?: Snippet;
+    timeStamp?: Snippet;
+    headerActions?: Snippet;
+    leftTimeStamp?: Snippet;
+    actions?: Snippet;
     children?: Snippet;
 }
 type $$ComponentProps = Props & Events & Slots;

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

@@ -16,21 +16,31 @@ import type {SequenceType, SequenceStyle, SequenceValue} from '@oicl/openbridge-
      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. */
-hasStamp?: boolean;
-      /** Shows a timestamp inside the stamp container when `hasStamp` is true. */
-hasTimeStamp?: boolean;
+     /** 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.
+      *
+      * 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. */
-hasDistanceStamp?: boolean;
+     /**
+      * 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. */
-stepLabel?: string;
+     /** Optional text used inside the auto-generated step. Defaults to `title` when not provided. */
+     stepLabel?: string;
      stepType?: SequenceType;
      stepStyle?: SequenceStyle;
      stepValue?: SequenceValue | undefined;
@@ -42,9 +52,12 @@ stepLabel?: string;
     
   }
       export interface Slots {
-  children?: Snippet
+  titleSnippet?: Snippet;
+  descriptionSnippet?: Snippet;
+  meta?: Snippet;
+  step?: Snippet
 }
-      const { class: className, style, children, ...props} = $props<Props & Events & Slots>();
+      const { class: className, style, titleSnippet, descriptionSnippet, meta, step, ...props} = $props<Props & Events & Slots>();
 
     </script>
     <obc-sequence-item
@@ -53,7 +66,27 @@ stepLabel?: string;
     style={style}
      >
       
-    {#if children}
-      {@render children()}
-    {/if}
+      {#if titleSnippet}
+        <div slot="title">
+          {@render titleSnippet()}
+        </div>
+      {/if}
+
+      {#if descriptionSnippet}
+        <div slot="description">
+          {@render descriptionSnippet()}
+        </div>
+      {/if}
+
+      {#if meta}
+        <div slot="meta">
+          {@render meta()}
+        </div>
+      {/if}
+
+      {#if step}
+        <div slot="step">
+          {@render step()}
+        </div>
+      {/if}
     </obc-sequence-item>

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>;