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

package/dist/automation/transmitter/ObcTransmitter.svelte.d.ts

@@ -3,6 +3,8 @@ import type { TransmitterOrientation } from '@oicl/openbridge-webcomponents/dist
 import type { TransmitterType } from '@oicl/openbridge-webcomponents/dist/automation/transmitter/transmitter.js';
 import type { LineType } from '@oicl/openbridge-webcomponents/dist/automation/index.js';
 import type { TransmitterButtonSize } from '@oicl/openbridge-webcomponents/dist/automation/transmitter-button/transmitter-button.js';
+import type { AlertType } from '@oicl/openbridge-webcomponents/dist/types.js';
+import type { ObcAlertFrameType, ObcAlertFrameThickness, ObcAlertFrameMode } from '@oicl/openbridge-webcomponents/dist/components/alert-frame/alert-frame.js';
 import type { Snippet } from 'svelte';
 export interface Props {
     class?: string;
@@ -23,8 +25,44 @@ export interface Props {
     size?: TransmitterButtonSize;
     hasIcon?: boolean;
     hasAdvice?: boolean;
-    /** Wrap the transmitter in an `<obc-alert-frame>` (alarm) when true. */
+    /** Wrap the transmitter in an `<obc-alert-frame>` when true. */
     hasAlert?: boolean;
+    /**
+     * Severity of the alert frame, which picks its colour and flap badge: `alarm` (default), `warning`, `caution` or one of the `level-*` severities.
+     *
+     * Available when `hasAlert==true`.
+     */
+    alertFrameStatus?: AlertType;
+    /**
+     * Flap of the alert frame: `regular` (default) draws the outline alone, `small-side-flip`, `large-side-flip`, `bottom-flip` and `top-flip` add a flap with the status badge.
+     *
+     * Available when `hasAlert==true`.
+     */
+    alertFrameType?: ObcAlertFrameType;
+    /**
+     * Border of the alert frame: `small` (default) or `large`.
+     *
+     * Available when `hasAlert==true`.
+     */
+    alertFrameThickness?: ObcAlertFrameThickness;
+    /**
+     * 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;
+    /**
+     * Show the status badge in the flap; a small side flap without it is not drawn.
+     *
+     * Available when `hasAlert==true && alertFrameType in [SmallSideFlip, LargeSideFlip, BottomFlip, TopFlip]`.
+     */
+    showAlertCategoryIcon?: boolean;
+    /**
+     * Show the `alert-icon` slot in a large side, bottom or top flap.
+     *
+     * Available when `hasAlert==true && alertFrameType in [LargeSideFlip, BottomFlip, TopFlip]`.
+     */
+    showAlertIcon?: boolean;
     /** Advisory value shown in the leading advice segment when `hasAdvice`. */
     adviceValue?: number | null | undefined;
     hasSetPoint?: boolean;
@@ -41,6 +79,9 @@ export interface Events {
 }
 export interface Slots {
     icon?: Snippet;
+    alertIcon?: Snippet;
+    alertLabel?: Snippet;
+    alertTimer?: Snippet;
 }
 type $$ComponentProps = Props & Events & Slots;
 declare const ObcTransmitter: import("svelte").Component<$$ComponentProps, {
@@ -48,6 +89,10 @@ declare const ObcTransmitter: import("svelte").Component<$$ComponentProps, {
     TransmitterType: typeof TransmitterType;
     LineType: typeof LineType;
     TransmitterButtonSize: typeof TransmitterButtonSize;
+    AlertType: typeof AlertType;
+    ObcAlertFrameType: typeof ObcAlertFrameType;
+    ObcAlertFrameThickness: typeof ObcAlertFrameThickness;
+    ObcAlertFrameMode: typeof ObcAlertFrameMode;
 }, "">;
 type ObcTransmitter = ReturnType<typeof ObcTransmitter>;
 export default ObcTransmitter;

package/dist/building-blocks/alert-list/ObcAlertList.svelte

@@ -10,6 +10,7 @@
       export interface Props {
      class?: string;
      style?: string;
+     /** Predicate that picks the items the list counts as shown. */
      filter?: (item: HTMLElement) => boolean
    }
       export interface Events {

package/dist/building-blocks/alert-list/ObcAlertList.svelte.d.ts

@@ -3,6 +3,7 @@ import type { Snippet } from 'svelte';
 export interface Props {
     class?: string;
     style?: string;
+    /** Predicate that picks the items the list counts as shown. */
     filter?: (item: HTMLElement) => boolean;
 }
 export interface Events {

package/dist/building-blocks/alert-list/ObcAlertListBase.svelte

@@ -0,0 +1,34 @@
+
+  <script lang="ts">
+    
+      import '@oicl/openbridge-webcomponents/dist/building-blocks/alert-list/alert-list-base.js';
+      import { setProperties } from "../../util.js";
+      
+      import type { Snippet } from 'svelte';
+
+      export interface Props {
+     class?: string;
+     style?: string;
+     
+   }
+      export interface Events {
+    
+  }
+      export interface Slots {
+  children?: Snippet
+}
+      const { class: className, style, children, ...props} = $props<Props & Events & Slots>();
+      
+
+    </script>
+    <undefined
+    use:setProperties={props}
+    
+    class={className}
+    style={style}
+     >
+      
+    {#if children}
+      {@render children()}
+    {/if}
+    </undefined>

package/dist/building-blocks/alert-list/ObcAlertListBase.svelte.d.ts

@@ -0,0 +1,15 @@
+import '@oicl/openbridge-webcomponents/dist/building-blocks/alert-list/alert-list-base.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 ObcAlertListBase: import("svelte").Component<$$ComponentProps, {}, "">;
+type ObcAlertListBase = ReturnType<typeof ObcAlertListBase>;
+export default ObcAlertListBase;

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-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/index.d.ts

@@ -87,6 +87,7 @@ export { default as ObcLineGraph } from './bars-graphs/line-graph/ObcLineGraph.s
 export { default as ObcPieChart } from './bars-graphs/pie-chart/ObcPieChart.svelte';
 export { default as ObcPolarChart } from './bars-graphs/polar-chart/ObcPolarChart.svelte';
 export { default as ObcRadialBarChart } from './bars-graphs/radial-bar-chart/ObcRadialBarChart.svelte';
+export { default as ObcAlertListBase } from './building-blocks/alert-list/ObcAlertListBase.svelte';
 export { default as ObcAlertList } from './building-blocks/alert-list/ObcAlertList.svelte';
 export { default as ObcBarHorizontal } from './building-blocks/bar-horizontal/ObcBarHorizontal.svelte';
 export { default as ObcBarVertical } from './building-blocks/bar-vertical/ObcBarVertical.svelte';
@@ -2396,4 +2397,5 @@ export { default as ObcWind } from './navigation-instruments/wind/ObcWind.svelte
 export { default as ObcWindIndicator } from './navigation-instruments/wind-indicator/ObcWindIndicator.svelte';
 export { default as ObcWindPropulsion } from './navigation-instruments/wind-propulsion/ObcWindPropulsion.svelte';
 export { default as ObcAlertDetailPage } from './pages/alert-detail-page/ObcAlertDetailPage.svelte';
+export { default as ObcAlertListPageSmallBase } from './pages/alert-list-page-small/ObcAlertListPageSmallBase.svelte';
 export { default as ObcAlertListPageSmall } from './pages/alert-list-page-small/ObcAlertListPageSmall.svelte';

package/dist/index.js

@@ -87,6 +87,7 @@ export { default as ObcLineGraph } from './bars-graphs/line-graph/ObcLineGraph.s
 export { default as ObcPieChart } from './bars-graphs/pie-chart/ObcPieChart.svelte';
 export { default as ObcPolarChart } from './bars-graphs/polar-chart/ObcPolarChart.svelte';
 export { default as ObcRadialBarChart } from './bars-graphs/radial-bar-chart/ObcRadialBarChart.svelte';
+export { default as ObcAlertListBase } from './building-blocks/alert-list/ObcAlertListBase.svelte';
 export { default as ObcAlertList } from './building-blocks/alert-list/ObcAlertList.svelte';
 export { default as ObcBarHorizontal } from './building-blocks/bar-horizontal/ObcBarHorizontal.svelte';
 export { default as ObcBarVertical } from './building-blocks/bar-vertical/ObcBarVertical.svelte';
@@ -2396,4 +2397,5 @@ export { default as ObcWind } from './navigation-instruments/wind/ObcWind.svelte
 export { default as ObcWindIndicator } from './navigation-instruments/wind-indicator/ObcWindIndicator.svelte';
 export { default as ObcWindPropulsion } from './navigation-instruments/wind-propulsion/ObcWindPropulsion.svelte';
 export { default as ObcAlertDetailPage } from './pages/alert-detail-page/ObcAlertDetailPage.svelte';
+export { default as ObcAlertListPageSmallBase } from './pages/alert-list-page-small/ObcAlertListPageSmallBase.svelte';
 export { default as ObcAlertListPageSmall } from './pages/alert-list-page-small/ObcAlertListPageSmall.svelte';

package/dist/pages/alert-list-page-small/ObcAlertListPageSmall.svelte

@@ -11,11 +11,19 @@ import type {Alert} from '@oicl/openbridge-webcomponents/dist/types.js';
       export interface Props {
      class?: string;
      style?: string;
+     /** Whether the dropdown offers the shelved alerts. */
      hasShelved?: boolean;
-     selectedMode?: AlertListMode;
-     alerts?: Alert[];
+     /** Whether the list shows when each alert was raised. */
      showTime?: boolean;
-     timeFormatter?: (time: Date) => string
+     /**
+      * Formats the time the list shows.
+      *
+      * Available when `showTime==true`.
+      */
+     timeFormatter?: (time: Date) => string;
+     /** Alerts to list. */
+     alerts?: Alert[];
+     selectedMode?: AlertListMode
    }
       export interface Events {
     onAckAllVisibleClick?: (event: ObcAlertListPageAckAllClickEvent) => void;

package/dist/pages/alert-list-page-small/ObcAlertListPageSmall.svelte.d.ts

@@ -5,11 +5,19 @@ import type { Snippet } from 'svelte';
 export interface Props {
     class?: string;
     style?: string;
+    /** Whether the dropdown offers the shelved alerts. */
     hasShelved?: boolean;
-    selectedMode?: AlertListMode;
-    alerts?: Alert[];
+    /** Whether the list shows when each alert was raised. */
     showTime?: boolean;
+    /**
+     * Formats the time the list shows.
+     *
+     * Available when `showTime==true`.
+     */
     timeFormatter?: (time: Date) => string;
+    /** Alerts to list. */
+    alerts?: Alert[];
+    selectedMode?: AlertListMode;
 }
 export interface Events {
     onAckAllVisibleClick?: (event: ObcAlertListPageAckAllClickEvent) => void;

package/dist/pages/alert-list-page-small/ObcAlertListPageSmallBase.svelte

@@ -0,0 +1,43 @@
+
+  <script lang="ts">
+    
+      import '@oicl/openbridge-webcomponents/dist/pages/alert-list-page-small/alert-list-page-small-base.js';
+      import { setProperties } from "../../util.js";
+      
+      import type { Snippet } from 'svelte';
+
+      export interface Props {
+     class?: string;
+     style?: string;
+     /** Whether the dropdown offers the shelved alerts. */
+     hasShelved?: boolean;
+     /** Whether the list shows when each alert was raised. */
+     showTime?: boolean;
+     /**
+      * Formats the time the list shows.
+      *
+      * Available when `showTime==true`.
+      */
+     timeFormatter?: (time: Date) => string
+   }
+      export interface Events {
+    
+  }
+      export interface Slots {
+  children?: Snippet
+}
+      const { class: className, style, children, ...props} = $props<Props & Events & Slots>();
+      
+
+    </script>
+    <undefined
+    use:setProperties={props}
+    
+    class={className}
+    style={style}
+     >
+      
+    {#if children}
+      {@render children()}
+    {/if}
+    </undefined>

package/dist/pages/alert-list-page-small/ObcAlertListPageSmallBase.svelte.d.ts

@@ -0,0 +1,25 @@
+import '@oicl/openbridge-webcomponents/dist/pages/alert-list-page-small/alert-list-page-small-base.js';
+import type { Snippet } from 'svelte';
+export interface Props {
+    class?: string;
+    style?: string;
+    /** Whether the dropdown offers the shelved alerts. */
+    hasShelved?: boolean;
+    /** Whether the list shows when each alert was raised. */
+    showTime?: boolean;
+    /**
+     * Formats the time the list shows.
+     *
+     * Available when `showTime==true`.
+     */
+    timeFormatter?: (time: Date) => string;
+}
+export interface Events {
+}
+export interface Slots {
+    children?: Snippet;
+}
+type $$ComponentProps = Props & Events & Slots;
+declare const ObcAlertListPageSmallBase: import("svelte").Component<$$ComponentProps, {}, "">;
+type ObcAlertListPageSmallBase = ReturnType<typeof ObcAlertListPageSmallBase>;
+export default ObcAlertListPageSmallBase;

package/package.json

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