@oicl/openbridge-webcomponents-svelte 2.1.0 → 2.2.0-next.2

package/dist/components/split-button/ObcSplitButton.svelte

@@ -46,8 +46,22 @@ import type {ContextMenuOption, ContextMenuType, ColumnGroup} from '@oicl/openbr
      fullWidth?: boolean;
      /** Whether both parts of the button are disabled. When true, disables both the primary and dropdown buttons. */
      disabled?: boolean;
+     /**
+      * Disables the primary button alone, for an action the user cannot take right now while the menu stays in use, for example to ask for the access the action needs.
+      *
+      * Available when `disabled==false`.
+      */
+     primaryDisabled?: boolean;
+     /**
+      * Disables the dropdown button alone, leaving the primary action.
+      *
+      * Available when `disabled==false`.
+      */
+     dropdownDisabled?: boolean;
      /** Open context menu dropdown above (`true`) or below (`false`) the button. Useful for placement near the bottom of the viewport. */
      openTop?: boolean;
+     /** Extend the menu to the left of the dropdown button (`true`), its right edge on the button's right edge, instead of to the right. For a button near the right edge of its container; combines with `openTop`. */
+     openLeft?: boolean;
      /**
       * Array of column group definitions for multi-column/grouped menus. Use instead of `options` for grouped or subtitle layouts.
       *
@@ -60,9 +74,10 @@ import type {ContextMenuOption, ContextMenuType, ColumnGroup} from '@oicl/openbr
     onChange?: (event: ObcSplitButtonChangeEvent) => void
   }
       export interface Slots {
-  icon?: Snippet
+  icon?: Snippet;
+  dropdownIcon?: Snippet
 }
-      const {onClick, onChange, class: className, style, icon, ...props} = $props<Props & Events & Slots>();
+      const {onClick, onChange, class: className, style, icon, dropdownIcon, ...props} = $props<Props & Events & Slots>();
       
 
     </script>
@@ -76,4 +91,8 @@ import type {ContextMenuOption, ContextMenuType, ColumnGroup} from '@oicl/openbr
       {#if icon}
         <NamedSlot name="icon" content={icon} />
       {/if}
+
+      {#if dropdownIcon}
+        <NamedSlot name="dropdown-icon" content={dropdownIcon} />
+      {/if}
     </obc-split-button>

package/dist/components/split-button/ObcSplitButton.svelte.d.ts

@@ -39,8 +39,22 @@ export interface Props {
     fullWidth?: boolean;
     /** Whether both parts of the button are disabled. When true, disables both the primary and dropdown buttons. */
     disabled?: boolean;
+    /**
+     * Disables the primary button alone, for an action the user cannot take right now while the menu stays in use, for example to ask for the access the action needs.
+     *
+     * Available when `disabled==false`.
+     */
+    primaryDisabled?: boolean;
+    /**
+     * Disables the dropdown button alone, leaving the primary action.
+     *
+     * Available when `disabled==false`.
+     */
+    dropdownDisabled?: boolean;
     /** Open context menu dropdown above (`true`) or below (`false`) the button. Useful for placement near the bottom of the viewport. */
     openTop?: boolean;
+    /** Extend the menu to the left of the dropdown button (`true`), its right edge on the button's right edge, instead of to the right. For a button near the right edge of its container; combines with `openTop`. */
+    openLeft?: boolean;
     /**
      * Array of column group definitions for multi-column/grouped menus. Use instead of `options` for grouped or subtitle layouts.
      *
@@ -54,6 +68,7 @@ export interface Events {
 }
 export interface Slots {
     icon?: Snippet;
+    dropdownIcon?: Snippet;
 }
 type $$ComponentProps = Props & Events & Slots;
 declare const ObcSplitButton: import("svelte").Component<$$ComponentProps, {

package/dist/components/top-bar/ObcTopBar.svelte

@@ -41,11 +41,12 @@ import type {ObcTopBarMenuButtonIcon} from '@oicl/openbridge-webcomponents/dist/
       */
      appsButtonActivated?: boolean;
      /**
-      * Highlights the left more button as active.
+      * Highlights the more button as active.
       *
       * Available when `inactive==false`.
       */
-     leftMoreButtonActivated?: boolean;
+     moreButtonActivated?: boolean;
+     leftMoreButtonActivated?: boolean | undefined;
      /**
       * Highlights the user/profile button as active.
       *
@@ -103,6 +104,7 @@ import type {ObcTopBarMenuButtonIcon} from '@oicl/openbridge-webcomponents/dist/
     onMenuButtonClicked?: (event: CustomEvent<unknown>) => void;
     onDimmingButtonClicked?: (event: CustomEvent<unknown>) => void;
     onAppsButtonClicked?: (event: CustomEvent<unknown>) => void;
+    onMoreButtonClicked?: (event: CustomEvent<unknown>) => void;
     onLeftMoreButtonClicked?: (event: CustomEvent<unknown>) => void;
     onUserButtonClicked?: (event: CustomEvent<unknown>) => void;
     onClose?: (event: CustomEvent<unknown>) => void;
@@ -117,7 +119,7 @@ import type {ObcTopBarMenuButtonIcon} from '@oicl/openbridge-webcomponents/dist/
   alerts?: Snippet;
   clock?: Snippet
 }
-      const {onMenuButtonClicked, onDimmingButtonClicked, onAppsButtonClicked, onLeftMoreButtonClicked, onUserButtonClicked, onClose, onBack, onEmergencyBrightnessStart, onEmergencyBrightnessStop, onBreadcrumbClick, class: className, style, appIcon, commandButton, alerts, clock, ...props} = $props<Props & Events & Slots>();
+      const {onMenuButtonClicked, onDimmingButtonClicked, onAppsButtonClicked, onMoreButtonClicked, onLeftMoreButtonClicked, onUserButtonClicked, onClose, onBack, onEmergencyBrightnessStart, onEmergencyBrightnessStop, onBreadcrumbClick, class: className, style, appIcon, commandButton, alerts, clock, ...props} = $props<Props & Events & Slots>();
       
 
     </script>
@@ -126,7 +128,7 @@ import type {ObcTopBarMenuButtonIcon} from '@oicl/openbridge-webcomponents/dist/
     
     class={className}
     style={style}
-    use:forwardEvents={{'menu-button-clicked': onMenuButtonClicked, 'dimming-button-clicked': onDimmingButtonClicked, 'apps-button-clicked': onAppsButtonClicked, 'left-more-button-clicked': onLeftMoreButtonClicked, 'user-button-clicked': onUserButtonClicked, 'close': onClose, 'back': onBack, 'emergency-brightness-start': onEmergencyBrightnessStart, 'emergency-brightness-stop': onEmergencyBrightnessStop, 'breadcrumb-click': onBreadcrumbClick}} >
+    use:forwardEvents={{'menu-button-clicked': onMenuButtonClicked, 'dimming-button-clicked': onDimmingButtonClicked, 'apps-button-clicked': onAppsButtonClicked, 'more-button-clicked': onMoreButtonClicked, 'left-more-button-clicked': onLeftMoreButtonClicked, 'user-button-clicked': onUserButtonClicked, 'close': onClose, 'back': onBack, 'emergency-brightness-start': onEmergencyBrightnessStart, 'emergency-brightness-stop': onEmergencyBrightnessStop, 'breadcrumb-click': onBreadcrumbClick}} >
       
       {#if appIcon}
         <NamedSlot name="app-icon" content={appIcon} />

package/dist/components/top-bar/ObcTopBar.svelte.d.ts

@@ -34,11 +34,12 @@ export interface Props {
      */
     appsButtonActivated?: boolean;
     /**
-     * Highlights the left more button as active.
+     * Highlights the more button as active.
      *
      * Available when `inactive==false`.
      */
-    leftMoreButtonActivated?: boolean;
+    moreButtonActivated?: boolean;
+    leftMoreButtonActivated?: boolean | undefined;
     /**
      * Highlights the user/profile button as active.
      *
@@ -96,6 +97,7 @@ export interface Events {
     onMenuButtonClicked?: (event: CustomEvent<unknown>) => void;
     onDimmingButtonClicked?: (event: CustomEvent<unknown>) => void;
     onAppsButtonClicked?: (event: CustomEvent<unknown>) => void;
+    onMoreButtonClicked?: (event: CustomEvent<unknown>) => void;
     onLeftMoreButtonClicked?: (event: CustomEvent<unknown>) => void;
     onUserButtonClicked?: (event: CustomEvent<unknown>) => void;
     onClose?: (event: CustomEvent<unknown>) => void;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@oicl/openbridge-webcomponents-svelte",
-  "version": "2.1.0",
+  "version": "2.2.0-next.2",
   "scripts": {
     "dev": "vite dev",
     "build": "vite build && npm run prepack",
@@ -34,7 +34,7 @@
     }
   },
   "dependencies": {
-    "@oicl/openbridge-webcomponents": "^2.1.0"
+    "@oicl/openbridge-webcomponents": "^2.2.0-next.2"
   },
   "peerDependencies": {
     "svelte": "^5.0.0"