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

package/dist/components/tree-navigation/ObcTreeNavigation.svelte.d.ts

@@ -0,0 +1,15 @@
+import '@oicl/openbridge-webcomponents/dist/components/tree-navigation/tree-navigation.js';
+import type { Snippet } from 'svelte';
+export interface Props {
+    class?: string;
+    style?: string;
+}
+export interface Events {
+}
+export interface Slots {
+    children?: Snippet;
+}
+type $$ComponentProps = Props & Events & Slots;
+declare const ObcTreeNavigation: import("svelte").Component<$$ComponentProps, {}, "">;
+type ObcTreeNavigation = ReturnType<typeof ObcTreeNavigation>;
+export default ObcTreeNavigation;

package/dist/components/tree-navigation-group/ObcTreeNavigationGroup.svelte

@@ -0,0 +1,56 @@
+
+  <script lang="ts">
+    export type {TreeBranchType, TreeNavigationItemAlerts} from '@oicl/openbridge-webcomponents/dist/components/tree-navigation-item/tree-navigation-item.js';
+      import '@oicl/openbridge-webcomponents/dist/components/tree-navigation-group/tree-navigation-group.js';
+      import { setProperties, forwardEvents } from "../../util.js";
+      import type {TreeBranchType, TreeNavigationItemAlerts} from '@oicl/openbridge-webcomponents/dist/components/tree-navigation-item/tree-navigation-item.js';
+      import type { Snippet } from 'svelte';
+
+      export interface Props {
+     class?: string;
+     style?: string;
+     /** The text label displayed for the group header row. */
+     label?: string;
+     /** Guide line to draw for each ancestor level of the header row. Normally set by the parent `<obc-tree-navigation>` container from the group's position; only set it manually when using a group outside the container. */
+     branches?: TreeBranchType[];
+     /** Whether the group is expanded, disclosing its children. Rotates the chevron. */
+     expanded?: boolean;
+     /** Whether the group header is the current selection. */
+     checked?: boolean;
+     /** Disables the group header, removing it from the tab order and dimming it. */
+     disabled?: boolean;
+     /** Whether the group header shows a leading icon (provided via the `icon` slot). */
+     hasIcon?: boolean;
+     /** Terminal type for the header row, controlling the alert-header marker shown in the terminal. One of `regular` (default), `aggregated-header`, or `group-header`. */
+     terminalType?: string;
+      /** [object Object],[object Object],[object Object] */
+alerts?: TreeNavigationItemAlerts | undefined;
+     /** The URL to navigate to when the header is activated. If set, the header row renders as a link; otherwise it acts as a button. */
+     href?: string | undefined
+   }
+      export interface Events {
+    onExpandToggle?: (event: CustomEvent<boolean>) => void
+  }
+      export interface Slots {
+  icon?: Snippet;
+  children?: Snippet
+}
+      const {onExpandToggle, class: className, style, icon, children, ...props} = $props<Props & Events & Slots>();
+
+    </script>
+    <obc-tree-navigation-group
+    use:setProperties={props}
+    class={className}
+    style={style}
+    use:forwardEvents={{'expand-toggle': onExpandToggle}} >
+      
+      {#if icon}
+        <div slot="icon">
+          {@render icon()}
+        </div>
+      {/if}
+
+      {#if children}
+        {@render children()}
+      {/if}
+    </obc-tree-navigation-group>

package/dist/components/tree-navigation-group/ObcTreeNavigationGroup.svelte.d.ts

@@ -0,0 +1,39 @@
+import '@oicl/openbridge-webcomponents/dist/components/tree-navigation-group/tree-navigation-group.js';
+import type { TreeBranchType, TreeNavigationItemAlerts } from '@oicl/openbridge-webcomponents/dist/components/tree-navigation-item/tree-navigation-item.js';
+import type { Snippet } from 'svelte';
+export interface Props {
+    class?: string;
+    style?: string;
+    /** The text label displayed for the group header row. */
+    label?: string;
+    /** Guide line to draw for each ancestor level of the header row. Normally set by the parent `<obc-tree-navigation>` container from the group's position; only set it manually when using a group outside the container. */
+    branches?: TreeBranchType[];
+    /** Whether the group is expanded, disclosing its children. Rotates the chevron. */
+    expanded?: boolean;
+    /** Whether the group header is the current selection. */
+    checked?: boolean;
+    /** Disables the group header, removing it from the tab order and dimming it. */
+    disabled?: boolean;
+    /** Whether the group header shows a leading icon (provided via the `icon` slot). */
+    hasIcon?: boolean;
+    /** Terminal type for the header row, controlling the alert-header marker shown in the terminal. One of `regular` (default), `aggregated-header`, or `group-header`. */
+    terminalType?: string;
+    /** [object Object],[object Object],[object Object] */
+    alerts?: TreeNavigationItemAlerts | undefined;
+    /** The URL to navigate to when the header is activated. If set, the header row renders as a link; otherwise it acts as a button. */
+    href?: string | undefined;
+}
+export interface Events {
+    onExpandToggle?: (event: CustomEvent<boolean>) => void;
+}
+export interface Slots {
+    icon?: Snippet;
+    children?: Snippet;
+}
+type $$ComponentProps = Props & Events & Slots;
+declare const ObcTreeNavigationGroup: import("svelte").Component<$$ComponentProps, {
+    TreeBranchType: typeof TreeBranchType;
+    TreeNavigationItemAlerts: typeof TreeNavigationItemAlerts;
+}, "">;
+type ObcTreeNavigationGroup = ReturnType<typeof ObcTreeNavigationGroup>;
+export default ObcTreeNavigationGroup;

package/dist/components/tree-navigation-item/ObcTreeNavigationItem.svelte

@@ -0,0 +1,56 @@
+
+  <script lang="ts">
+    export type {TreeBranchType, TreeNavigationItemAlerts} from '@oicl/openbridge-webcomponents/dist/components/tree-navigation-item/tree-navigation-item.js';
+      import '@oicl/openbridge-webcomponents/dist/components/tree-navigation-item/tree-navigation-item.js';
+      import { setProperties, forwardEvents } from "../../util.js";
+      import type {TreeBranchType, TreeNavigationItemAlerts} from '@oicl/openbridge-webcomponents/dist/components/tree-navigation-item/tree-navigation-item.js';
+      import type { Snippet } from 'svelte';
+
+      export interface Props {
+     class?: string;
+     style?: string;
+     /** The text label displayed for the row. */
+     label?: string;
+     /** Guide line for each ancestor level, outermost first; one 32px column per entry. Computed by `obc-tree-navigation` — rarely set by hand. */
+     branches?: TreeBranchType[];
+     /** Whether the row shows an expand/collapse chevron. Leave false for leaf nodes. */
+     expandable?: boolean;
+     /** Whether the node is expanded. Rotates the chevron and sets `aria-expanded`. */
+     expanded?: boolean;
+     /** Whether the row is the current selection. Applies the amplified style and makes the row inert to re-selection (no hover/pressed feedback, no `click` or navigation); it remains keyboard-focusable. An expandable checked row still fires `expand-toggle` so a selected group can open and close. */
+     checked?: boolean;
+     /** Disables the row, removing it from the tab order and dimming its appearance. */
+     disabled?: boolean;
+     /** Whether the row is in the tab order. A tree container manages this as a roving tabindex (one row focusable at a time); standalone rows stay tabbable. */
+     focusable?: boolean;
+     /** Whether the row shows a leading icon (provided via the `icon` slot). */
+     hasLeadingIcon?: boolean;
+     /** Terminal type, controlling the alert-header marker shown in the terminal. One of `regular` (default), `aggregated-header`, or `group-header`. */
+     terminalType?: string;
+      /** [object Object],[object Object],[object Object] */
+alerts?: TreeNavigationItemAlerts | undefined;
+     /** The URL to navigate to when the row is activated. If set, the row renders as a link; otherwise it acts as a button. */
+     href?: string | undefined
+   }
+      export interface Events {
+    onExpandToggle?: (event: CustomEvent<boolean>) => void;
+    onClick?: (event: CustomEvent<void>) => void
+  }
+      export interface Slots {
+  icon?: Snippet
+}
+      const {onExpandToggle, onClick, class: className, style, icon, ...props} = $props<Props & Events & Slots>();
+
+    </script>
+    <obc-tree-navigation-item
+    use:setProperties={props}
+    class={className}
+    style={style}
+    use:forwardEvents={{'expand-toggle': onExpandToggle, 'click': onClick}} >
+      
+      {#if icon}
+        <div slot="icon">
+          {@render icon()}
+        </div>
+      {/if}
+    </obc-tree-navigation-item>

package/dist/components/tree-navigation-item/ObcTreeNavigationItem.svelte.d.ts

@@ -0,0 +1,43 @@
+import '@oicl/openbridge-webcomponents/dist/components/tree-navigation-item/tree-navigation-item.js';
+import type { TreeBranchType, TreeNavigationItemAlerts } from '@oicl/openbridge-webcomponents/dist/components/tree-navigation-item/tree-navigation-item.js';
+import type { Snippet } from 'svelte';
+export interface Props {
+    class?: string;
+    style?: string;
+    /** The text label displayed for the row. */
+    label?: string;
+    /** Guide line for each ancestor level, outermost first; one 32px column per entry. Computed by `obc-tree-navigation` — rarely set by hand. */
+    branches?: TreeBranchType[];
+    /** Whether the row shows an expand/collapse chevron. Leave false for leaf nodes. */
+    expandable?: boolean;
+    /** Whether the node is expanded. Rotates the chevron and sets `aria-expanded`. */
+    expanded?: boolean;
+    /** Whether the row is the current selection. Applies the amplified style and makes the row inert to re-selection (no hover/pressed feedback, no `click` or navigation); it remains keyboard-focusable. An expandable checked row still fires `expand-toggle` so a selected group can open and close. */
+    checked?: boolean;
+    /** Disables the row, removing it from the tab order and dimming its appearance. */
+    disabled?: boolean;
+    /** Whether the row is in the tab order. A tree container manages this as a roving tabindex (one row focusable at a time); standalone rows stay tabbable. */
+    focusable?: boolean;
+    /** Whether the row shows a leading icon (provided via the `icon` slot). */
+    hasLeadingIcon?: boolean;
+    /** Terminal type, controlling the alert-header marker shown in the terminal. One of `regular` (default), `aggregated-header`, or `group-header`. */
+    terminalType?: string;
+    /** [object Object],[object Object],[object Object] */
+    alerts?: TreeNavigationItemAlerts | undefined;
+    /** The URL to navigate to when the row is activated. If set, the row renders as a link; otherwise it acts as a button. */
+    href?: string | undefined;
+}
+export interface Events {
+    onExpandToggle?: (event: CustomEvent<boolean>) => void;
+    onClick?: (event: CustomEvent<void>) => void;
+}
+export interface Slots {
+    icon?: Snippet;
+}
+type $$ComponentProps = Props & Events & Slots;
+declare const ObcTreeNavigationItem: import("svelte").Component<$$ComponentProps, {
+    TreeBranchType: typeof TreeBranchType;
+    TreeNavigationItemAlerts: typeof TreeNavigationItemAlerts;
+}, "">;
+type ObcTreeNavigationItem = ReturnType<typeof ObcTreeNavigationItem>;
+export default ObcTreeNavigationItem;

package/dist/components/user-button/ObcUserButton.svelte

@@ -19,17 +19,24 @@ variant?: Variant;
 - `normal`: Outlined with background and border.
 - `selected`: Highlighted to indicate selection or active state. */
 styleType?: StyleType;
-      /** If true, renders the button as a static (non-interactive) element using a `<div>`.
-Use for decorative or read-only contexts where user interaction is not required. */
-static?: boolean;
-      /** Disables the button, preventing user interaction and applying a disabled style. */
-disabled?: boolean;
+     /** If true, renders the button as a static (non-interactive) element using a `<div>`. Use for decorative or read-only contexts where user interaction is not required. */
+     static?: boolean;
+     /**
+      * Disables the button, preventing user interaction and applying a disabled style.
+      *
+      * Available when `static==false`.
+      */
+     disabled?: boolean;
       /** The initials to display when `variant="initials"`.
 - Only the first two non-whitespace characters are used and converted to uppercase.
 - If empty or longer than two characters, falls back to the user icon. */
 initials?: string;
-      /** Optional label text to display next to the button (not shown in static mode). */
-label?: string | undefined
+     /**
+      * Optional label text to display next to the button (not shown in static mode).
+      *
+      * Available when `static==false`.
+      */
+     label?: string | undefined
    }
       export interface Events {
     

package/dist/components/user-button/ObcUserButton.svelte.d.ts

@@ -14,16 +14,23 @@ export interface Props {
 - `normal`: Outlined with background and border.
 - `selected`: Highlighted to indicate selection or active state. */
     styleType?: StyleType;
-    /** If true, renders the button as a static (non-interactive) element using a `<div>`.
-Use for decorative or read-only contexts where user interaction is not required. */
+    /** If true, renders the button as a static (non-interactive) element using a `<div>`. Use for decorative or read-only contexts where user interaction is not required. */
     static?: boolean;
-    /** Disables the button, preventing user interaction and applying a disabled style. */
+    /**
+     * Disables the button, preventing user interaction and applying a disabled style.
+     *
+     * Available when `static==false`.
+     */
     disabled?: boolean;
     /** The initials to display when `variant="initials"`.
 - Only the first two non-whitespace characters are used and converted to uppercase.
 - If empty or longer than two characters, falls back to the user icon. */
     initials?: string;
-    /** Optional label text to display next to the button (not shown in static mode). */
+    /**
+     * Optional label text to display next to the button (not shown in static mode).
+     *
+     * Available when `static==false`.
+     */
     label?: string | undefined;
 }
 export interface Events {

package/dist/components/user-menu/ObcUserMenu.svelte

@@ -2,58 +2,107 @@
   <script lang="ts">
     export type {ObcUserMenuType, ObcUserMenuSize, ObcUserMenuUser, ObcUserMenuSignedInAction} from '@oicl/openbridge-webcomponents/dist/components/user-menu/user-menu.js';
       import '@oicl/openbridge-webcomponents/dist/components/user-menu/user-menu.js';
-      import { setProperties } from "../../util.js";
+      import { setProperties, forwardEvents } from "../../util.js";
       import type {ObcUserMenuType, ObcUserMenuSize, ObcUserMenuUser, ObcUserMenuSignedInAction} from '@oicl/openbridge-webcomponents/dist/components/user-menu/user-menu.js';
       import type { Snippet } from 'svelte';
 
       export interface Props {
      class?: string;
      style?: string;
-      /** Controls the visual layout of the user menu. */
-type?: ObcUserMenuType;
-      /** Controls the overall size of the user menu. */
-size?: ObcUserMenuSize;
-      /** Toggles the "Recently signed in" section visibility. */
-hasRecentlySignedIn?: boolean;
-      /** Current username value for sign-in layouts. */
-username?: string;
-      /** Current password value for sign-in layouts. */
-password?: string;
-      /** Error message for the username field. */
-usernameError?: string;
-      /** Error message for the password field. */
-passwordError?: string;
-      /** Initials for the primary user profile. */
-userInitials?: string | undefined;
-      /** Label for the primary user profile. */
-userLabel?: string | undefined;
-      /** Recent users for the "Recently signed in" section. */
-recentUsers?: ObcUserMenuUser[];
-      /** Actions shown in the signed-in navigation list. */
-signedInActions?: ObcUserMenuSignedInAction[]
+     /** Controls the visual layout of the user menu. */
+     type?: ObcUserMenuType;
+     /** Controls the overall size of the user menu. */
+     size?: ObcUserMenuSize;
+     /**
+      * Toggles the "Recently signed in" section visibility.
+      *
+      * Available when `type in [signIn, userSignIn]`.
+      */
+     hasRecentlySignedIn?: boolean;
+     /**
+      * Controls the visibility of the username field.
+      *
+      * Available when `type==signIn`.
+      */
+     showUsername?: boolean;
+     /**
+      * Current username value for sign-in layouts.
+      *
+      * Available when `showUsername==true && type==signIn`.
+      */
+     username?: string;
+     /**
+      * Controls the visibility of the password field.
+      *
+      * Available when `type in [signIn, userSignIn]`.
+      */
+     showPassword?: boolean;
+     /**
+      * Current password value for sign-in layouts.
+      *
+      * Available when `showPassword==true && type in [signIn, userSignIn]`.
+      */
+     password?: string;
+     /**
+      * Error message for the username field.
+      *
+      * Available when `type==signIn`.
+      */
+     usernameError?: string;
+     /**
+      * Error message for the password field.
+      *
+      * Available when `type in [signIn, userSignIn]`.
+      */
+     passwordError?: string;
+     /**
+      * Initials for the primary user profile.
+      *
+      * Available when `type!=signIn`.
+      */
+     userInitials?: string | undefined;
+     /**
+      * Label for the primary user profile.
+      *
+      * Available when `type!=signIn`.
+      */
+     userLabel?: string | undefined;
+     /** Recent users for the "Recently signed in" section. */
+     recentUsers?: ObcUserMenuUser[];
+     /**
+      * Actions shown in the signed-in navigation list.
+      *
+      * Available when `type==signedIn`.
+      */
+     signedInActions?: ObcUserMenuSignedInAction[];
+     /**
+      * Id of the action promoted to a button in the small signed-in layout.
+      *
+      * Available when `type==signedIn && size==small`.
+      */
+     primaryActionId?: string | undefined
    }
       export interface Events {
-    onSignInClick?: (event: CustomEvent<{username: string, password: string}>) => void;
-    onSignOutClick?: (event: CustomEvent<unknown>) => void;
+    onSignInClick?: (event: CustomEvent<{username?: string, password?: string}>) => void;
+    onSignOutClick?: (event: CustomEvent<void>) => void;
     onSignedInActionClick?: (event: CustomEvent<{id: string, label: string}>) => void;
     onRecentUserClick?: (event: CustomEvent<{initials: string, label: string}>) => void
   }
       export interface Slots {
-  children?: Snippet
+  signedInActionIcon?: Snippet<[any]>
 }
-      const {onSignInClick, onSignOutClick, onSignedInActionClick, onRecentUserClick, class: className, style, children, ...props} = $props<Props & Events & Slots>();
+      const {onSignInClick, onSignOutClick, onSignedInActionClick, onRecentUserClick, class: className, style, signedInActionIcon, ...props} = $props<Props & Events & Slots>();
 
     </script>
     <obc-user-menu
     use:setProperties={props}
     class={className}
     style={style}
-    onsign-in-click={onSignInClick}
-   onsign-out-click={onSignOutClick}
-   onsigned-in-action-click={onSignedInActionClick}
-   onrecent-user-click={onRecentUserClick} >
+    use:forwardEvents={{'sign-in-click': onSignInClick, 'sign-out-click': onSignOutClick, 'signed-in-action-click': onSignedInActionClick, 'recent-user-click': onRecentUserClick}} >
       
-    {#if children}
-      {@render children()}
-    {/if}
+      {#if signedInActionIcon}
+        <div slot="signed-in-action-icon-<id>">
+          {@render signedInActionIcon()}
+        </div>
+      {/if}
     </obc-user-menu>

package/dist/components/user-menu/ObcUserMenu.svelte.d.ts

@@ -8,31 +8,81 @@ export interface Props {
     type?: ObcUserMenuType;
     /** Controls the overall size of the user menu. */
     size?: ObcUserMenuSize;
-    /** Toggles the "Recently signed in" section visibility. */
+    /**
+     * Toggles the "Recently signed in" section visibility.
+     *
+     * Available when `type in [signIn, userSignIn]`.
+     */
     hasRecentlySignedIn?: boolean;
-    /** Current username value for sign-in layouts. */
+    /**
+     * Controls the visibility of the username field.
+     *
+     * Available when `type==signIn`.
+     */
+    showUsername?: boolean;
+    /**
+     * Current username value for sign-in layouts.
+     *
+     * Available when `showUsername==true && type==signIn`.
+     */
     username?: string;
-    /** Current password value for sign-in layouts. */
+    /**
+     * Controls the visibility of the password field.
+     *
+     * Available when `type in [signIn, userSignIn]`.
+     */
+    showPassword?: boolean;
+    /**
+     * Current password value for sign-in layouts.
+     *
+     * Available when `showPassword==true && type in [signIn, userSignIn]`.
+     */
     password?: string;
-    /** Error message for the username field. */
+    /**
+     * Error message for the username field.
+     *
+     * Available when `type==signIn`.
+     */
     usernameError?: string;
-    /** Error message for the password field. */
+    /**
+     * Error message for the password field.
+     *
+     * Available when `type in [signIn, userSignIn]`.
+     */
     passwordError?: string;
-    /** Initials for the primary user profile. */
+    /**
+     * Initials for the primary user profile.
+     *
+     * Available when `type!=signIn`.
+     */
     userInitials?: string | undefined;
-    /** Label for the primary user profile. */
+    /**
+     * Label for the primary user profile.
+     *
+     * Available when `type!=signIn`.
+     */
     userLabel?: string | undefined;
     /** Recent users for the "Recently signed in" section. */
     recentUsers?: ObcUserMenuUser[];
-    /** Actions shown in the signed-in navigation list. */
+    /**
+     * Actions shown in the signed-in navigation list.
+     *
+     * Available when `type==signedIn`.
+     */
     signedInActions?: ObcUserMenuSignedInAction[];
+    /**
+     * Id of the action promoted to a button in the small signed-in layout.
+     *
+     * Available when `type==signedIn && size==small`.
+     */
+    primaryActionId?: string | undefined;
 }
 export interface Events {
     onSignInClick?: (event: CustomEvent<{
-        username: string;
-        password: string;
+        username?: string;
+        password?: string;
     }>) => void;
-    onSignOutClick?: (event: CustomEvent<unknown>) => void;
+    onSignOutClick?: (event: CustomEvent<void>) => void;
     onSignedInActionClick?: (event: CustomEvent<{
         id: string;
         label: string;
@@ -43,7 +93,7 @@ export interface Events {
     }>) => void;
 }
 export interface Slots {
-    children?: Snippet;
+    signedInActionIcon?: Snippet<[any]>;
 }
 type $$ComponentProps = Props & Events & Slots;
 declare const ObcUserMenu: import("svelte").Component<$$ComponentProps, {

package/dist/components/vendor-button/ObcVendorButton.svelte

@@ -2,7 +2,7 @@
   <script lang="ts">
     
       import '@oicl/openbridge-webcomponents/dist/components/vendor-button/vendor-button.js';
-      import { setProperties } from "../../util.js";
+      import { setProperties, forwardEvents } from "../../util.js";
       
       import type { Snippet } from 'svelte';
 
@@ -19,19 +19,19 @@ This should describe the logo or vendor for screen readers. */
 alt?: string
    }
       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-vendor-button
     use:setProperties={props}
     class={className}
     style={style}
-     >
+    use:forwardEvents={{'click': onClick}} >
       
       {#if children}
         {@render children()}

package/dist/components/vendor-button/ObcVendorButton.svelte.d.ts

@@ -13,6 +13,7 @@ This should describe the logo or vendor for screen readers. */
     alt?: string;
 }
 export interface Events {
+    onClick?: (event: CustomEvent<unknown>) => void;
 }
 export interface Slots {
     children?: Snippet;

package/dist/icons/ObiAddColumnAfter.svelte

@@ -0,0 +1,32 @@
+
+  <script lang="ts">
+    
+      import '@oicl/openbridge-webcomponents/dist/icons/icon-add-column-after.js';
+      import { setProperties } from "../util.js";
+      
+      import type { Snippet } from 'svelte';
+
+      export interface Props {
+     class?: string;
+     style?: string;
+     useCssColor?: boolean
+   }
+      export interface Events {
+    
+  }
+      export interface Slots {
+  children?: Snippet
+}
+      const { class: className, style, children, ...props} = $props<Props & Events & Slots>();
+
+    </script>
+    <obi-add-column-after
+    use:setProperties={props}
+    class={className}
+    style={style}
+     >
+      
+    {#if children}
+      {@render children()}
+    {/if}
+    </obi-add-column-after>

package/dist/icons/ObiAddColumnAfter.svelte.d.ts

@@ -0,0 +1,16 @@
+import '@oicl/openbridge-webcomponents/dist/icons/icon-add-column-after.js';
+import type { Snippet } from 'svelte';
+export interface Props {
+    class?: string;
+    style?: string;
+    useCssColor?: boolean;
+}
+export interface Events {
+}
+export interface Slots {
+    children?: Snippet;
+}
+type $$ComponentProps = Props & Events & Slots;
+declare const ObiAddColumnAfter: import("svelte").Component<$$ComponentProps, {}, "">;
+type ObiAddColumnAfter = ReturnType<typeof ObiAddColumnAfter>;
+export default ObiAddColumnAfter;

package/dist/icons/ObiAddColumnBefore.svelte

@@ -0,0 +1,32 @@
+
+  <script lang="ts">
+    
+      import '@oicl/openbridge-webcomponents/dist/icons/icon-add-column-before.js';
+      import { setProperties } from "../util.js";
+      
+      import type { Snippet } from 'svelte';
+
+      export interface Props {
+     class?: string;
+     style?: string;
+     useCssColor?: boolean
+   }
+      export interface Events {
+    
+  }
+      export interface Slots {
+  children?: Snippet
+}
+      const { class: className, style, children, ...props} = $props<Props & Events & Slots>();
+
+    </script>
+    <obi-add-column-before
+    use:setProperties={props}
+    class={className}
+    style={style}
+     >
+      
+    {#if children}
+      {@render children()}
+    {/if}
+    </obi-add-column-before>

package/dist/icons/ObiAddColumnBefore.svelte.d.ts

@@ -0,0 +1,16 @@
+import '@oicl/openbridge-webcomponents/dist/icons/icon-add-column-before.js';
+import type { Snippet } from 'svelte';
+export interface Props {
+    class?: string;
+    style?: string;
+    useCssColor?: boolean;
+}
+export interface Events {
+}
+export interface Slots {
+    children?: Snippet;
+}
+type $$ComponentProps = Props & Events & Slots;
+declare const ObiAddColumnBefore: import("svelte").Component<$$ComponentProps, {}, "">;
+type ObiAddColumnBefore = ReturnType<typeof ObiAddColumnBefore>;
+export default ObiAddColumnBefore;