@oicl/openbridge-webcomponents-svelte 2.1.0-next.1 → 2.1.0-next.11

package/dist/components/alert-menu-item/ObcAlertMenuItem.svelte.d.ts

@@ -9,6 +9,8 @@ export interface Props {
     hasIcon?: boolean;
     /** Indicates if the alert is shelved (temporarily deferred). When true, a tertiary icon is shown to represent the shelved state. */
     shelved?: boolean;
+    /** Indicates that another system has blocked the alert as not relevant here. For menus that list blocked alerts apart; the item itself shows no marker for it yet. */
+    blocked?: boolean;
     /** The title of the alert. */
     title?: string;
     /** The description of the alert. */
@@ -17,7 +19,7 @@ export interface Props {
     day?: string;
     /** The time label for the alert (e.g., "14:30"). */
     time?: string;
-    /** The current status of the alert item. Determines visual style, icon, and action button visibility. Possible values: 'unacknowledged', 'caution', 'acknowledged', 'no-ack-alarm', 'no-ack-warning', 'rectified'. Default is 'unacknowledged'. */
+    /** The current status of the alert item. Determines visual style, icon, and action button visibility. Possible values: 'unacknowledged', 'caution', 'acknowledged', 'no-ack-alarm', 'no-ack-warning', 'rectified', 'rectified-unacknowledged'. 'unacknowledged' and 'rectified-unacknowledged' show the ACK action; the other values show a trailing icon instead. Default is 'unacknowledged'. */
     status?: ObcAlertMenuItemStatus;
     /** Whether the item is expanded/open to show additional details. Toggled by clicking the item. */
     open?: boolean;

package/dist/components/app-menu/ObcAppMenu.svelte

@@ -9,10 +9,10 @@
       export interface Props {
      class?: string;
      style?: string;
-     /** Let the browser close this menu on its own: on a click outside it, on `Escape`, or when another menu opens. Leave it off to keep showing and hiding the menu yourself. */
+     /** Lets the menu close itself on a click outside it, on `Escape`, or when another menu opens. The page is covered while the menu is open, so the closing click reaches nothing there; only the top bar's strip stays clickable, which is how its buttons switch or close menus in one click. Wire it with three bindings: set `softDismiss`, bind `open` to a flag you keep, and reset that flag on `close`. The button that opens the menu needs no wiring of its own: flip the flag from its click, or from the button event of `obc-top-bar` or `obc-integration-bar`. The user menu's *Soft Dismiss From A Bar Button* story shows that wiring, the brilliance menu's *Soft Dismiss* story the one for a button you hold yourself (`bindPopoverTrigger`), and the vue demo runs its top bar this way. Leave it off to show and hide the menu yourself. */
      softDismiss?: boolean;
      /**
-      * Whether the menu is showing.
+      * Whether the menu is showing. Bind it to a flag you keep rather than toggling it from the menu's own value: when the menu closes itself, `open` is written back to `false` before the button's click reaches your handler, so `menu.open = !menu.open` gets out of step. Reset the flag on `close`.
       *
       * Available when `softDismiss==true`.
       */

package/dist/components/app-menu/ObcAppMenu.svelte.d.ts

@@ -3,10 +3,10 @@ import type { Snippet } from 'svelte';
 export interface Props {
     class?: string;
     style?: string;
-    /** Let the browser close this menu on its own: on a click outside it, on `Escape`, or when another menu opens. Leave it off to keep showing and hiding the menu yourself. */
+    /** Lets the menu close itself on a click outside it, on `Escape`, or when another menu opens. The page is covered while the menu is open, so the closing click reaches nothing there; only the top bar's strip stays clickable, which is how its buttons switch or close menus in one click. Wire it with three bindings: set `softDismiss`, bind `open` to a flag you keep, and reset that flag on `close`. The button that opens the menu needs no wiring of its own: flip the flag from its click, or from the button event of `obc-top-bar` or `obc-integration-bar`. The user menu's *Soft Dismiss From A Bar Button* story shows that wiring, the brilliance menu's *Soft Dismiss* story the one for a button you hold yourself (`bindPopoverTrigger`), and the vue demo runs its top bar this way. Leave it off to show and hide the menu yourself. */
     softDismiss?: boolean;
     /**
-     * Whether the menu is showing.
+     * Whether the menu is showing. Bind it to a flag you keep rather than toggling it from the menu's own value: when the menu closes itself, `open` is written back to `false` before the button's click reaches your handler, so `menu.open = !menu.open` gets out of step. Reset the flag on `close`.
      *
      * Available when `softDismiss==true`.
      */

package/dist/components/brilliance-menu/ObcBrillianceMenu.svelte

@@ -1,19 +1,21 @@
 
   <script lang="ts">
-    export type {ObcPaletteChangeEvent, ObcBrightnessChangeEvent, ObcLinkPaletteChangeEvent, ObcLinkBrightnessChangeEvent, ObcPalette, ObcBrillianceMenuVariant, ObcBrillianceInputVariant} from '@oicl/openbridge-webcomponents/dist/components/brilliance-menu/brilliance-menu.js';
+    export type {ObcPaletteChangeEvent, ObcBrightnessChangeEvent, ObcLinkPaletteChangeEvent, ObcLinkBrightnessChangeEvent, ObcBrillianceMenuVariant, ObcBrillianceInputVariant} from '@oicl/openbridge-webcomponents/dist/components/brilliance-menu/brilliance-menu.js';
+export type {ObcPalette} from '@oicl/openbridge-webcomponents/dist/charthelpers/theme.js';
       import '@oicl/openbridge-webcomponents/dist/components/brilliance-menu/brilliance-menu.js';
       import { setProperties, forwardEvents } from "../../util.js";
       import NamedSlot from "../../NamedSlot.svelte";
-      import type {ObcPaletteChangeEvent, ObcBrightnessChangeEvent, ObcLinkPaletteChangeEvent, ObcLinkBrightnessChangeEvent, ObcPalette, ObcBrillianceMenuVariant, ObcBrillianceInputVariant} from '@oicl/openbridge-webcomponents/dist/components/brilliance-menu/brilliance-menu.js';
+      import type {ObcPaletteChangeEvent, ObcBrightnessChangeEvent, ObcLinkPaletteChangeEvent, ObcLinkBrightnessChangeEvent, ObcBrillianceMenuVariant, ObcBrillianceInputVariant} from '@oicl/openbridge-webcomponents/dist/components/brilliance-menu/brilliance-menu.js';
+import type {ObcPalette} from '@oicl/openbridge-webcomponents/dist/charthelpers/theme.js';
       import type { Snippet } from 'svelte';
 
       export interface Props {
      class?: string;
      style?: string;
-     /** Let the browser close this menu on its own: on a click outside it, on `Escape`, or when another menu opens. Leave it off to keep showing and hiding the menu yourself. */
+     /** Lets the menu close itself on a click outside it, on `Escape`, or when another menu opens. The page is covered while the menu is open, so the closing click reaches nothing there; only the top bar's strip stays clickable, which is how its buttons switch or close menus in one click. Wire it with three bindings: set `softDismiss`, bind `open` to a flag you keep, and reset that flag on `close`. The button that opens the menu needs no wiring of its own: flip the flag from its click, or from the button event of `obc-top-bar` or `obc-integration-bar`. The user menu's *Soft Dismiss From A Bar Button* story shows that wiring, the brilliance menu's *Soft Dismiss* story the one for a button you hold yourself (`bindPopoverTrigger`), and the vue demo runs its top bar this way. Leave it off to show and hide the menu yourself. */
      softDismiss?: boolean;
      /**
-      * Whether the menu is showing.
+      * Whether the menu is showing. Bind it to a flag you keep rather than toggling it from the menu's own value: when the menu closes itself, `open` is written back to `false` before the button's click reaches your handler, so `menu.open = !menu.open` gets out of step. Reset the flag on `close`.
       *
       * Available when `softDismiss==true`.
       */

package/dist/components/brilliance-menu/ObcBrillianceMenu.svelte.d.ts

@@ -1,13 +1,14 @@
 import '@oicl/openbridge-webcomponents/dist/components/brilliance-menu/brilliance-menu.js';
-import type { ObcPaletteChangeEvent, ObcBrightnessChangeEvent, ObcLinkPaletteChangeEvent, ObcLinkBrightnessChangeEvent, ObcPalette, ObcBrillianceMenuVariant, ObcBrillianceInputVariant } from '@oicl/openbridge-webcomponents/dist/components/brilliance-menu/brilliance-menu.js';
+import type { ObcPaletteChangeEvent, ObcBrightnessChangeEvent, ObcLinkPaletteChangeEvent, ObcLinkBrightnessChangeEvent, ObcBrillianceMenuVariant, ObcBrillianceInputVariant } from '@oicl/openbridge-webcomponents/dist/components/brilliance-menu/brilliance-menu.js';
+import type { ObcPalette } from '@oicl/openbridge-webcomponents/dist/charthelpers/theme.js';
 import type { Snippet } from 'svelte';
 export interface Props {
     class?: string;
     style?: string;
-    /** Let the browser close this menu on its own: on a click outside it, on `Escape`, or when another menu opens. Leave it off to keep showing and hiding the menu yourself. */
+    /** Lets the menu close itself on a click outside it, on `Escape`, or when another menu opens. The page is covered while the menu is open, so the closing click reaches nothing there; only the top bar's strip stays clickable, which is how its buttons switch or close menus in one click. Wire it with three bindings: set `softDismiss`, bind `open` to a flag you keep, and reset that flag on `close`. The button that opens the menu needs no wiring of its own: flip the flag from its click, or from the button event of `obc-top-bar` or `obc-integration-bar`. The user menu's *Soft Dismiss From A Bar Button* story shows that wiring, the brilliance menu's *Soft Dismiss* story the one for a button you hold yourself (`bindPopoverTrigger`), and the vue demo runs its top bar this way. Leave it off to show and hide the menu yourself. */
     softDismiss?: boolean;
     /**
-     * Whether the menu is showing.
+     * Whether the menu is showing. Bind it to a flag you keep rather than toggling it from the menu's own value: when the menu closes itself, `open` is written back to `false` before the button's click reaches your handler, so `menu.open = !menu.open` gets out of step. Reset the flag on `close`.
      *
      * Available when `softDismiss==true`.
      */
@@ -62,9 +63,9 @@ declare const ObcBrillianceMenu: import("svelte").Component<$$ComponentProps, {
     ObcBrightnessChangeEvent: typeof ObcBrightnessChangeEvent;
     ObcLinkPaletteChangeEvent: typeof ObcLinkPaletteChangeEvent;
     ObcLinkBrightnessChangeEvent: typeof ObcLinkBrightnessChangeEvent;
-    ObcPalette: typeof ObcPalette;
     ObcBrillianceMenuVariant: typeof ObcBrillianceMenuVariant;
     ObcBrillianceInputVariant: typeof ObcBrillianceInputVariant;
+    ObcPalette: typeof ObcPalette;
 }, "">;
 type ObcBrillianceMenu = ReturnType<typeof ObcBrillianceMenu>;
 export default ObcBrillianceMenu;

package/dist/components/command-menu/ObcCommandMenu.svelte

@@ -10,10 +10,10 @@
       export interface Props {
      class?: string;
      style?: string;
-     /** Let the browser close this menu on its own: on a click outside it, on `Escape`, or when another menu opens. Leave it off to keep showing and hiding the menu yourself. */
+     /** Lets the menu close itself on a click outside it, on `Escape`, or when another menu opens. The page is covered while the menu is open, so the closing click reaches nothing there; only the top bar's strip stays clickable, which is how its buttons switch or close menus in one click. Wire it with three bindings: set `softDismiss`, bind `open` to a flag you keep, and reset that flag on `close`. The button that opens the menu needs no wiring of its own: flip the flag from its click, or from the button event of `obc-top-bar` or `obc-integration-bar`. The user menu's *Soft Dismiss From A Bar Button* story shows that wiring, the brilliance menu's *Soft Dismiss* story the one for a button you hold yourself (`bindPopoverTrigger`), and the vue demo runs its top bar this way. Leave it off to show and hide the menu yourself. */
      softDismiss?: boolean;
      /**
-      * Whether the menu is showing.
+      * Whether the menu is showing. Bind it to a flag you keep rather than toggling it from the menu's own value: when the menu closes itself, `open` is written back to `false` before the button's click reaches your handler, so `menu.open = !menu.open` gets out of step. Reset the flag on `close`.
       *
       * Available when `softDismiss==true`.
       */

package/dist/components/command-menu/ObcCommandMenu.svelte.d.ts

@@ -3,10 +3,10 @@ import type { Snippet } from 'svelte';
 export interface Props {
     class?: string;
     style?: string;
-    /** Let the browser close this menu on its own: on a click outside it, on `Escape`, or when another menu opens. Leave it off to keep showing and hiding the menu yourself. */
+    /** Lets the menu close itself on a click outside it, on `Escape`, or when another menu opens. The page is covered while the menu is open, so the closing click reaches nothing there; only the top bar's strip stays clickable, which is how its buttons switch or close menus in one click. Wire it with three bindings: set `softDismiss`, bind `open` to a flag you keep, and reset that flag on `close`. The button that opens the menu needs no wiring of its own: flip the flag from its click, or from the button event of `obc-top-bar` or `obc-integration-bar`. The user menu's *Soft Dismiss From A Bar Button* story shows that wiring, the brilliance menu's *Soft Dismiss* story the one for a button you hold yourself (`bindPopoverTrigger`), and the vue demo runs its top bar this way. Leave it off to show and hide the menu yourself. */
     softDismiss?: boolean;
     /**
-     * Whether the menu is showing.
+     * Whether the menu is showing. Bind it to a flag you keep rather than toggling it from the menu's own value: when the menu closes itself, `open` is written back to `false` before the button's click reaches your handler, so `menu.open = !menu.open` gets out of step. Reset the flag on `close`.
      *
      * Available when `softDismiss==true`.
      */

package/dist/components/context-menu-input/ObcContextMenuInput.svelte

@@ -9,10 +9,10 @@
       export interface Props {
      class?: string;
      style?: string;
-     /** Let the browser close this menu on its own: on a click outside it, on `Escape`, or when another menu opens. Leave it off to keep showing and hiding the menu yourself. */
+     /** Lets the menu close itself on a click outside it, on `Escape`, or when another menu opens. The page is covered while the menu is open, so the closing click reaches nothing there; only the top bar's strip stays clickable, which is how its buttons switch or close menus in one click. Wire it with three bindings: set `softDismiss`, bind `open` to a flag you keep, and reset that flag on `close`. The button that opens the menu needs no wiring of its own: flip the flag from its click, or from the button event of `obc-top-bar` or `obc-integration-bar`. The user menu's *Soft Dismiss From A Bar Button* story shows that wiring, the brilliance menu's *Soft Dismiss* story the one for a button you hold yourself (`bindPopoverTrigger`), and the vue demo runs its top bar this way. Leave it off to show and hide the menu yourself. */
      softDismiss?: boolean;
      /**
-      * Whether the menu is showing.
+      * Whether the menu is showing. Bind it to a flag you keep rather than toggling it from the menu's own value: when the menu closes itself, `open` is written back to `false` before the button's click reaches your handler, so `menu.open = !menu.open` gets out of step. Reset the flag on `close`.
       *
       * Available when `softDismiss==true`.
       */

package/dist/components/context-menu-input/ObcContextMenuInput.svelte.d.ts

@@ -4,10 +4,10 @@ import type { Snippet } from 'svelte';
 export interface Props {
     class?: string;
     style?: string;
-    /** Let the browser close this menu on its own: on a click outside it, on `Escape`, or when another menu opens. Leave it off to keep showing and hiding the menu yourself. */
+    /** Lets the menu close itself on a click outside it, on `Escape`, or when another menu opens. The page is covered while the menu is open, so the closing click reaches nothing there; only the top bar's strip stays clickable, which is how its buttons switch or close menus in one click. Wire it with three bindings: set `softDismiss`, bind `open` to a flag you keep, and reset that flag on `close`. The button that opens the menu needs no wiring of its own: flip the flag from its click, or from the button event of `obc-top-bar` or `obc-integration-bar`. The user menu's *Soft Dismiss From A Bar Button* story shows that wiring, the brilliance menu's *Soft Dismiss* story the one for a button you hold yourself (`bindPopoverTrigger`), and the vue demo runs its top bar this way. Leave it off to show and hide the menu yourself. */
     softDismiss?: boolean;
     /**
-     * Whether the menu is showing.
+     * Whether the menu is showing. Bind it to a flag you keep rather than toggling it from the menu's own value: when the menu closes itself, `open` is written back to `false` before the button's click reaches your handler, so `menu.open = !menu.open` gets out of step. Reset the flag on `close`.
      *
      * Available when `softDismiss==true`.
      */

package/dist/components/navigation-menu/ObcNavigationMenu.svelte

@@ -10,10 +10,10 @@
       export interface Props {
      class?: string;
      style?: string;
-     /** Let the browser close this menu on its own: on a click outside it, on `Escape`, or when another menu opens. Leave it off to keep showing and hiding the menu yourself. */
+     /** Lets the menu close itself on a click outside it, on `Escape`, or when another menu opens. The page is covered while the menu is open, so the closing click reaches nothing there; only the top bar's strip stays clickable, which is how its buttons switch or close menus in one click. Wire it with three bindings: set `softDismiss`, bind `open` to a flag you keep, and reset that flag on `close`. The button that opens the menu needs no wiring of its own: flip the flag from its click, or from the button event of `obc-top-bar` or `obc-integration-bar`. The user menu's *Soft Dismiss From A Bar Button* story shows that wiring, the brilliance menu's *Soft Dismiss* story the one for a button you hold yourself (`bindPopoverTrigger`), and the vue demo runs its top bar this way. Leave it off to show and hide the menu yourself. */
      softDismiss?: boolean;
      /**
-      * Whether the menu is showing.
+      * Whether the menu is showing. Bind it to a flag you keep rather than toggling it from the menu's own value: when the menu closes itself, `open` is written back to `false` before the button's click reaches your handler, so `menu.open = !menu.open` gets out of step. Reset the flag on `close`.
       *
       * Available when `softDismiss==true`.
       */

package/dist/components/navigation-menu/ObcNavigationMenu.svelte.d.ts

@@ -4,10 +4,10 @@ import type { Snippet } from 'svelte';
 export interface Props {
     class?: string;
     style?: string;
-    /** Let the browser close this menu on its own: on a click outside it, on `Escape`, or when another menu opens. Leave it off to keep showing and hiding the menu yourself. */
+    /** Lets the menu close itself on a click outside it, on `Escape`, or when another menu opens. The page is covered while the menu is open, so the closing click reaches nothing there; only the top bar's strip stays clickable, which is how its buttons switch or close menus in one click. Wire it with three bindings: set `softDismiss`, bind `open` to a flag you keep, and reset that flag on `close`. The button that opens the menu needs no wiring of its own: flip the flag from its click, or from the button event of `obc-top-bar` or `obc-integration-bar`. The user menu's *Soft Dismiss From A Bar Button* story shows that wiring, the brilliance menu's *Soft Dismiss* story the one for a button you hold yourself (`bindPopoverTrigger`), and the vue demo runs its top bar this way. Leave it off to show and hide the menu yourself. */
     softDismiss?: boolean;
     /**
-     * Whether the menu is showing.
+     * Whether the menu is showing. Bind it to a flag you keep rather than toggling it from the menu's own value: when the menu closes itself, `open` is written back to `false` before the button's click reaches your handler, so `menu.open = !menu.open` gets out of step. Reset the flag on `close`.
      *
      * Available when `softDismiss==true`.
      */

package/dist/components/system-menu/ObcSystemMenu.svelte

@@ -10,10 +10,10 @@
       export interface Props {
      class?: string;
      style?: string;
-     /** Let the browser close this menu on its own: on a click outside it, on `Escape`, or when another menu opens. Leave it off to keep showing and hiding the menu yourself. */
+     /** Lets the menu close itself on a click outside it, on `Escape`, or when another menu opens. The page is covered while the menu is open, so the closing click reaches nothing there; only the top bar's strip stays clickable, which is how its buttons switch or close menus in one click. Wire it with three bindings: set `softDismiss`, bind `open` to a flag you keep, and reset that flag on `close`. The button that opens the menu needs no wiring of its own: flip the flag from its click, or from the button event of `obc-top-bar` or `obc-integration-bar`. The user menu's *Soft Dismiss From A Bar Button* story shows that wiring, the brilliance menu's *Soft Dismiss* story the one for a button you hold yourself (`bindPopoverTrigger`), and the vue demo runs its top bar this way. Leave it off to show and hide the menu yourself. */
      softDismiss?: boolean;
      /**
-      * Whether the menu is showing.
+      * Whether the menu is showing. Bind it to a flag you keep rather than toggling it from the menu's own value: when the menu closes itself, `open` is written back to `false` before the button's click reaches your handler, so `menu.open = !menu.open` gets out of step. Reset the flag on `close`.
       *
       * Available when `softDismiss==true`.
       */

package/dist/components/system-menu/ObcSystemMenu.svelte.d.ts

@@ -4,10 +4,10 @@ import type { Snippet } from 'svelte';
 export interface Props {
     class?: string;
     style?: string;
-    /** Let the browser close this menu on its own: on a click outside it, on `Escape`, or when another menu opens. Leave it off to keep showing and hiding the menu yourself. */
+    /** Lets the menu close itself on a click outside it, on `Escape`, or when another menu opens. The page is covered while the menu is open, so the closing click reaches nothing there; only the top bar's strip stays clickable, which is how its buttons switch or close menus in one click. Wire it with three bindings: set `softDismiss`, bind `open` to a flag you keep, and reset that flag on `close`. The button that opens the menu needs no wiring of its own: flip the flag from its click, or from the button event of `obc-top-bar` or `obc-integration-bar`. The user menu's *Soft Dismiss From A Bar Button* story shows that wiring, the brilliance menu's *Soft Dismiss* story the one for a button you hold yourself (`bindPopoverTrigger`), and the vue demo runs its top bar this way. Leave it off to show and hide the menu yourself. */
     softDismiss?: boolean;
     /**
-     * Whether the menu is showing.
+     * Whether the menu is showing. Bind it to a flag you keep rather than toggling it from the menu's own value: when the menu closes itself, `open` is written back to `false` before the button's click reaches your handler, so `menu.open = !menu.open` gets out of step. Reset the flag on `close`.
      *
      * Available when `softDismiss==true`.
      */

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

@@ -10,10 +10,10 @@
       export interface Props {
      class?: string;
      style?: string;
-     /** Let the browser close this menu on its own: on a click outside it, on `Escape`, or when another menu opens. Leave it off to keep showing and hiding the menu yourself. */
+     /** Lets the menu close itself on a click outside it, on `Escape`, or when another menu opens. The page is covered while the menu is open, so the closing click reaches nothing there; only the top bar's strip stays clickable, which is how its buttons switch or close menus in one click. Wire it with three bindings: set `softDismiss`, bind `open` to a flag you keep, and reset that flag on `close`. The button that opens the menu needs no wiring of its own: flip the flag from its click, or from the button event of `obc-top-bar` or `obc-integration-bar`. The user menu's *Soft Dismiss From A Bar Button* story shows that wiring, the brilliance menu's *Soft Dismiss* story the one for a button you hold yourself (`bindPopoverTrigger`), and the vue demo runs its top bar this way. Leave it off to show and hide the menu yourself. */
      softDismiss?: boolean;
      /**
-      * Whether the menu is showing.
+      * Whether the menu is showing. Bind it to a flag you keep rather than toggling it from the menu's own value: when the menu closes itself, `open` is written back to `false` before the button's click reaches your handler, so `menu.open = !menu.open` gets out of step. Reset the flag on `close`.
       *
       * Available when `softDismiss==true`.
       */

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

@@ -4,10 +4,10 @@ import type { Snippet } from 'svelte';
 export interface Props {
     class?: string;
     style?: string;
-    /** Let the browser close this menu on its own: on a click outside it, on `Escape`, or when another menu opens. Leave it off to keep showing and hiding the menu yourself. */
+    /** Lets the menu close itself on a click outside it, on `Escape`, or when another menu opens. The page is covered while the menu is open, so the closing click reaches nothing there; only the top bar's strip stays clickable, which is how its buttons switch or close menus in one click. Wire it with three bindings: set `softDismiss`, bind `open` to a flag you keep, and reset that flag on `close`. The button that opens the menu needs no wiring of its own: flip the flag from its click, or from the button event of `obc-top-bar` or `obc-integration-bar`. The user menu's *Soft Dismiss From A Bar Button* story shows that wiring, the brilliance menu's *Soft Dismiss* story the one for a button you hold yourself (`bindPopoverTrigger`), and the vue demo runs its top bar this way. Leave it off to show and hide the menu yourself. */
     softDismiss?: boolean;
     /**
-     * Whether the menu is showing.
+     * Whether the menu is showing. Bind it to a flag you keep rather than toggling it from the menu's own value: when the menu closes itself, `open` is written back to `false` before the button's click reaches your handler, so `menu.open = !menu.open` gets out of step. Reset the flag on `close`.
      *
      * Available when `softDismiss==true`.
      */

package/dist/icons/ObiElectricBolt.svelte

@@ -0,0 +1,34 @@
+
+  <script lang="ts">
+    
+      import '@oicl/openbridge-webcomponents/dist/icons/icon-electric-bolt.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-electric-bolt
+    use:setProperties={props}
+    
+    class={className}
+    style={style}
+     >
+      
+    {#if children}
+      {@render children()}
+    {/if}
+    </obi-electric-bolt>

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

@@ -0,0 +1,16 @@
+import '@oicl/openbridge-webcomponents/dist/icons/icon-electric-bolt.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 ObiElectricBolt: import("svelte").Component<$$ComponentProps, {}, "">;
+type ObiElectricBolt = ReturnType<typeof ObiElectricBolt>;
+export default ObiElectricBolt;

package/dist/icons/ObiElectricLightning.svelte

@@ -0,0 +1,34 @@
+
+  <script lang="ts">
+    
+      import '@oicl/openbridge-webcomponents/dist/icons/icon-electric-lightning.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-electric-lightning
+    use:setProperties={props}
+    
+    class={className}
+    style={style}
+     >
+      
+    {#if children}
+      {@render children()}
+    {/if}
+    </obi-electric-lightning>

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

@@ -0,0 +1,16 @@
+import '@oicl/openbridge-webcomponents/dist/icons/icon-electric-lightning.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 ObiElectricLightning: import("svelte").Component<$$ComponentProps, {}, "">;
+type ObiElectricLightning = ReturnType<typeof ObiElectricLightning>;
+export default ObiElectricLightning;

package/dist/icons/ObiFormatBoldGoogle.svelte

@@ -0,0 +1,34 @@
+
+  <script lang="ts">
+    
+      import '@oicl/openbridge-webcomponents/dist/icons/icon-format-bold-google.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-format-bold-google
+    use:setProperties={props}
+    
+    class={className}
+    style={style}
+     >
+      
+    {#if children}
+      {@render children()}
+    {/if}
+    </obi-format-bold-google>

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

@@ -0,0 +1,16 @@
+import '@oicl/openbridge-webcomponents/dist/icons/icon-format-bold-google.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 ObiFormatBoldGoogle: import("svelte").Component<$$ComponentProps, {}, "">;
+type ObiFormatBoldGoogle = ReturnType<typeof ObiFormatBoldGoogle>;
+export default ObiFormatBoldGoogle;

package/dist/icons/ObiFormatItalicGoogle.svelte

@@ -0,0 +1,34 @@
+
+  <script lang="ts">
+    
+      import '@oicl/openbridge-webcomponents/dist/icons/icon-format-italic-google.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-format-italic-google
+    use:setProperties={props}
+    
+    class={className}
+    style={style}
+     >
+      
+    {#if children}
+      {@render children()}
+    {/if}
+    </obi-format-italic-google>

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

@@ -0,0 +1,16 @@
+import '@oicl/openbridge-webcomponents/dist/icons/icon-format-italic-google.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 ObiFormatItalicGoogle: import("svelte").Component<$$ComponentProps, {}, "">;
+type ObiFormatItalicGoogle = ReturnType<typeof ObiFormatItalicGoogle>;
+export default ObiFormatItalicGoogle;

package/dist/icons/ObiFormatListBulletedGoogle.svelte

@@ -0,0 +1,34 @@
+
+  <script lang="ts">
+    
+      import '@oicl/openbridge-webcomponents/dist/icons/icon-format-list-bulleted-google.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-format-list-bulleted-google
+    use:setProperties={props}
+    
+    class={className}
+    style={style}
+     >
+      
+    {#if children}
+      {@render children()}
+    {/if}
+    </obi-format-list-bulleted-google>

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

@@ -0,0 +1,16 @@
+import '@oicl/openbridge-webcomponents/dist/icons/icon-format-list-bulleted-google.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 ObiFormatListBulletedGoogle: import("svelte").Component<$$ComponentProps, {}, "">;
+type ObiFormatListBulletedGoogle = ReturnType<typeof ObiFormatListBulletedGoogle>;
+export default ObiFormatListBulletedGoogle;

package/dist/icons/ObiFormatListNumberedGoogle.svelte

@@ -0,0 +1,34 @@
+
+  <script lang="ts">
+    
+      import '@oicl/openbridge-webcomponents/dist/icons/icon-format-list-numbered-google.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-format-list-numbered-google
+    use:setProperties={props}
+    
+    class={className}
+    style={style}
+     >
+      
+    {#if children}
+      {@render children()}
+    {/if}
+    </obi-format-list-numbered-google>

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

@@ -0,0 +1,16 @@
+import '@oicl/openbridge-webcomponents/dist/icons/icon-format-list-numbered-google.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 ObiFormatListNumberedGoogle: import("svelte").Component<$$ComponentProps, {}, "">;
+type ObiFormatListNumberedGoogle = ReturnType<typeof ObiFormatListNumberedGoogle>;
+export default ObiFormatListNumberedGoogle;

package/dist/icons/ObiFormatUnderlineGoogle.svelte

@@ -0,0 +1,34 @@
+
+  <script lang="ts">
+    
+      import '@oicl/openbridge-webcomponents/dist/icons/icon-format-underline-google.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-format-underline-google
+    use:setProperties={props}
+    
+    class={className}
+    style={style}
+     >
+      
+    {#if children}
+      {@render children()}
+    {/if}
+    </obi-format-underline-google>

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

@@ -0,0 +1,16 @@
+import '@oicl/openbridge-webcomponents/dist/icons/icon-format-underline-google.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 ObiFormatUnderlineGoogle: import("svelte").Component<$$ComponentProps, {}, "">;
+type ObiFormatUnderlineGoogle = ReturnType<typeof ObiFormatUnderlineGoogle>;
+export default ObiFormatUnderlineGoogle;