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

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

@@ -4,6 +4,7 @@
 export type {SequenceType, SequenceStyle, SequenceValue} from '@oicl/openbridge-webcomponents/dist/components/sequence-step/sequence-step.js';
       import '@oicl/openbridge-webcomponents/dist/components/sequence-item/sequence-item.js';
       import { setProperties } from "../../util.js";
+      import NamedSlot from "../../NamedSlot.svelte";
       import type {SequenceItemOrientation, SequenceItemLabelType, SequenceItemState} from '@oicl/openbridge-webcomponents/dist/components/sequence-item/sequence-item.js';
 import type {SequenceType, SequenceStyle, SequenceValue} from '@oicl/openbridge-webcomponents/dist/components/sequence-step/sequence-step.js';
       import type { Snippet } from 'svelte';
@@ -16,21 +17,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 +53,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 +67,19 @@ stepLabel?: string;
     style={style}
      >
       
-    {#if children}
-      {@render children()}
-    {/if}
+      {#if titleSnippet}
+        <NamedSlot name="title" content={titleSnippet} />
+      {/if}
+
+      {#if descriptionSnippet}
+        <NamedSlot name="description" content={descriptionSnippet} />
+      {/if}
+
+      {#if meta}
+        <NamedSlot name="meta" content={meta} />
+      {/if}
+
+      {#if step}
+        <NamedSlot name="step" content={step} />
+      {/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,8 @@
     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 NamedSlot from "../../NamedSlot.svelte";
       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 +24,26 @@ 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}
+        <NamedSlot name="actions" content={actions} />
+      {/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,8 @@
   <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 NamedSlot from "../../NamedSlot.svelte";
       import type {SequenceToolbarType} from '@oicl/openbridge-webcomponents/dist/components/sequence-toolbar/sequence-toolbar.js';
       import type { Snippet } from 'svelte';
 
@@ -10,12 +11,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,35 +33,25 @@
     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()}
       {/if}
 
       {#if start}
-        <div slot="start">
-          {@render start()}
-        </div>
+        <NamedSlot name="start" content={start} />
       {/if}
 
       {#if end}
-        <div slot="end">
-          {@render end()}
-        </div>
+        <NamedSlot name="end" content={end} />
       {/if}
 
       {#if condensedCurrent}
-        <div slot="condensed-current">
-          {@render condensedCurrent()}
-        </div>
+        <NamedSlot name="condensed-current" content={condensedCurrent} />
       {/if}
 
       {#if condensedTotal}
-        <div slot="condensed-total">
-          {@render condensedTotal()}
-        </div>
+        <NamedSlot name="condensed-total" content={condensedTotal} />
       {/if}
     </obc-sequence-toolbar>

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,22 @@
   <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 NamedSlot from "../../NamedSlot.svelte";
       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,17 +33,13 @@ autoDisable?: boolean
     use:setProperties={props}
     class={className}
     style={style}
-    onslide={onSlide} >
+    use:forwardEvents={{'slide': onSlide}} >
       
       {#if leadingIcon}
-        <div slot="leading-icon">
-          {@render leadingIcon()}
-        </div>
+        <NamedSlot name="leading-icon" content={leadingIcon} />
       {/if}
 
       {#if label}
-        <div slot="label">
-          {@render label()}
-        </div>
+        <NamedSlot name="label" content={label} />
       {/if}
     </obc-slide-button>

package/dist/components/slider/ObcSlider.svelte

@@ -1,9 +1,10 @@
 
   <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 NamedSlot from "../../NamedSlot.svelte";
+      import type {ObcSliderValueEvent, ObcSliderChangeEvent, ObcSliderVariant} from '@oicl/openbridge-webcomponents/dist/components/slider/slider.js';
       import type { Snippet } from 'svelte';
 
       export interface Props {
@@ -50,7 +51,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,30 +59,27 @@ 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">
-          {@render iconLeft()}
-        </div>
+        <NamedSlot name="icon-left" content={iconLeft} />
       {/if}
 
       {#if iconRight}
-        <div slot="icon-right">
-          {@render iconRight()}
-        </div>
+        <NamedSlot name="icon-right" content={iconRight} />
       {/if}
     </obc-slider>

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