@oicl/openbridge-webcomponents-svelte 2.0.0 → 2.1.0-next.10

package/dist/components/accordion-card/ObcAccordionCard.svelte

@@ -1,13 +1,13 @@
 
   <script lang="ts">
     export type {Position, AccordionSize} from '@oicl/openbridge-webcomponents/dist/components/accordion-card/accordion-card.js';
-export type {ObcAlertFrameType, ObcAlertFrameThickness} from '@oicl/openbridge-webcomponents/dist/components/alert-frame/alert-frame.js';
+export type {ObcAlertFrameType, ObcAlertFrameThickness, ObcAlertFrameMode} from '@oicl/openbridge-webcomponents/dist/components/alert-frame/alert-frame.js';
 export type {AlertType} from '@oicl/openbridge-webcomponents/dist/types.js';
       import '@oicl/openbridge-webcomponents/dist/components/accordion-card/accordion-card.js';
       import { setProperties, forwardEvents } from "../../util.js";
       import NamedSlot from "../../NamedSlot.svelte";
       import type {Position, AccordionSize} from '@oicl/openbridge-webcomponents/dist/components/accordion-card/accordion-card.js';
-import type {ObcAlertFrameType, ObcAlertFrameThickness} from '@oicl/openbridge-webcomponents/dist/components/alert-frame/alert-frame.js';
+import type {ObcAlertFrameType, ObcAlertFrameThickness, ObcAlertFrameMode} from '@oicl/openbridge-webcomponents/dist/components/alert-frame/alert-frame.js';
 import type {AlertType} from '@oicl/openbridge-webcomponents/dist/types.js';
       import type { Snippet } from 'svelte';
 
@@ -32,7 +32,7 @@ import type {AlertType} from '@oicl/openbridge-webcomponents/dist/types.js';
      expanded?: boolean;
      /** Disables the accordion card, preventing user interaction and dimming its appearance. */
      disabled?: boolean;
-     /** Shows an alert overlay above the card when true. Configure appearance with `alertFrameType`, `alertFrameThickness`, and `alertFrameStatus`. */
+     /** Shows an alert overlay above the card when true. Configure appearance with `alertFrameType`, `alertFrameThickness`, `alertFrameStatus` and `alertFrameMode`. */
      hasAlert?: boolean;
      /** Enables the description text in the header (only in large size). */
      hasDescription?: boolean;
@@ -61,7 +61,25 @@ import type {AlertType} from '@oicl/openbridge-webcomponents/dist/types.js';
       *
       * Available when `hasAlert==true`.
       */
-     alertFrameStatus?: AlertType
+     alertFrameStatus?: AlertType;
+     /**
+      * Acknowledgement state of the alert: `acked-active` (default) is steady, `unacked-active` flashes, `unacked-rectified` flashes a dashed frame.
+      *
+      * Available when `hasAlert==true`.
+      */
+     alertFrameMode?: ObcAlertFrameMode;
+     /**
+      * Shows the alert category icon in the flap; a small side flap without it is not drawn.
+      *
+      * Available when `hasAlert==true && alertFrameType in [SmallSideFlip, LargeSideFlip, BottomFlip, TopFlip]`.
+      */
+     showAlertCategoryIcon?: boolean;
+     /**
+      * Shows the `alert-icon` slot in a large side, bottom or top flap.
+      *
+      * Available when `hasAlert==true && alertFrameType in [LargeSideFlip, BottomFlip, TopFlip]`.
+      */
+     showAlertIcon?: boolean
    }
       export interface Events {
     onAccordionToggle?: (event: CustomEvent<{expanded: boolean, cardTitle: string}>) => void

package/dist/components/accordion-card/ObcAccordionCard.svelte.d.ts

@@ -1,6 +1,6 @@
 import '@oicl/openbridge-webcomponents/dist/components/accordion-card/accordion-card.js';
 import type { Position, AccordionSize } from '@oicl/openbridge-webcomponents/dist/components/accordion-card/accordion-card.js';
-import type { ObcAlertFrameType, ObcAlertFrameThickness } from '@oicl/openbridge-webcomponents/dist/components/alert-frame/alert-frame.js';
+import type { ObcAlertFrameType, ObcAlertFrameThickness, ObcAlertFrameMode } from '@oicl/openbridge-webcomponents/dist/components/alert-frame/alert-frame.js';
 import type { AlertType } from '@oicl/openbridge-webcomponents/dist/types.js';
 import type { Snippet } from 'svelte';
 export interface Props {
@@ -24,7 +24,7 @@ export interface Props {
     expanded?: boolean;
     /** Disables the accordion card, preventing user interaction and dimming its appearance. */
     disabled?: boolean;
-    /** Shows an alert overlay above the card when true. Configure appearance with `alertFrameType`, `alertFrameThickness`, and `alertFrameStatus`. */
+    /** Shows an alert overlay above the card when true. Configure appearance with `alertFrameType`, `alertFrameThickness`, `alertFrameStatus` and `alertFrameMode`. */
     hasAlert?: boolean;
     /** Enables the description text in the header (only in large size). */
     hasDescription?: boolean;
@@ -54,6 +54,24 @@ export interface Props {
      * Available when `hasAlert==true`.
      */
     alertFrameStatus?: AlertType;
+    /**
+     * Acknowledgement state of the alert: `acked-active` (default) is steady, `unacked-active` flashes, `unacked-rectified` flashes a dashed frame.
+     *
+     * Available when `hasAlert==true`.
+     */
+    alertFrameMode?: ObcAlertFrameMode;
+    /**
+     * Shows the alert category icon in the flap; a small side flap without it is not drawn.
+     *
+     * Available when `hasAlert==true && alertFrameType in [SmallSideFlip, LargeSideFlip, BottomFlip, TopFlip]`.
+     */
+    showAlertCategoryIcon?: boolean;
+    /**
+     * Shows the `alert-icon` slot in a large side, bottom or top flap.
+     *
+     * Available when `hasAlert==true && alertFrameType in [LargeSideFlip, BottomFlip, TopFlip]`.
+     */
+    showAlertIcon?: boolean;
 }
 export interface Events {
     onAccordionToggle?: (event: CustomEvent<{
@@ -74,6 +92,7 @@ declare const ObcAccordionCard: import("svelte").Component<$$ComponentProps, {
     AccordionSize: typeof AccordionSize;
     ObcAlertFrameType: typeof ObcAlertFrameType;
     ObcAlertFrameThickness: typeof ObcAlertFrameThickness;
+    ObcAlertFrameMode: typeof ObcAlertFrameMode;
     AlertType: typeof AlertType;
 }, "">;
 type ObcAccordionCard = ReturnType<typeof ObcAccordionCard>;

package/dist/components/alert-menu/ObcAlertMenu.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/alert-menu/ObcAlertMenu.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/alert-menu-item/ObcAlertMenuItem.svelte

@@ -16,6 +16,8 @@ import type {ObcMessageMenuItemSize} from '@oicl/openbridge-webcomponents/dist/c
      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. */
@@ -24,7 +26,7 @@ import type {ObcMessageMenuItemSize} from '@oicl/openbridge-webcomponents/dist/c
      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/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>