@oicl/openbridge-webcomponents-svelte 2.0.0-next.166 → 2.0.0-next.168

package/dist/ar/poi-card/ObcPoiCard.svelte

@@ -61,14 +61,15 @@ import type {ObcPoiCardHeaderVariant} from '@oicl/openbridge-webcomponents/dist/
      hasAlert?: boolean
    }
       export interface Events {
-    onCardClick?: (event: CustomEvent<PoiCardClickDetail>) => void
+    onCardClick?: (event: CustomEvent<PoiCardClickDetail>) => void;
+    onCloseClick?: (event: CustomEvent<void>) => void
   }
       export interface Slots {
   children?: Snippet;
   leadingIcon?: Snippet;
   poiIcon?: Snippet
 }
-      const {onCardClick, class: className, style, children, leadingIcon, poiIcon, ...props} = $props<Props & Events & Slots>();
+      const {onCardClick, onCloseClick, class: className, style, children, leadingIcon, poiIcon, ...props} = $props<Props & Events & Slots>();
       
 
     </script>
@@ -77,7 +78,7 @@ import type {ObcPoiCardHeaderVariant} from '@oicl/openbridge-webcomponents/dist/
     
     class={className}
     style={style}
-    use:forwardEvents={{'card-click': onCardClick}} >
+    use:forwardEvents={{'card-click': onCardClick, 'close-click': onCloseClick}} >
       
       {#if children}
         {@render children()}

package/dist/ar/poi-card/ObcPoiCard.svelte.d.ts

@@ -55,6 +55,7 @@ export interface Props {
 }
 export interface Events {
     onCardClick?: (event: CustomEvent<PoiCardClickDetail>) => void;
+    onCloseClick?: (event: CustomEvent<void>) => void;
 }
 export interface Slots {
     children?: Snippet;

package/dist/components/alert-list-details-experimental/ObcAlertListDetailsExperimental.svelte

@@ -12,6 +12,8 @@ import type {Alert} from '@oicl/openbridge-webcomponents/dist/types.js';
       export interface Props {
      class?: string;
      style?: string;
+     /** Accessible name of the list, mapped to the `aria-label` attribute and forwarded to its table. `aria-labelledby` is not supported: ID references cannot cross the shadow boundary. */
+     ariaLabel?: string | null;
      /** Which alerts to list. */
      filterMode?: FilterModes;
      /** Alerts to list. */

package/dist/components/alert-list-details-experimental/ObcAlertListDetailsExperimental.svelte.d.ts

@@ -5,6 +5,8 @@ import type { Snippet } from 'svelte';
 export interface Props {
     class?: string;
     style?: string;
+    /** Accessible name of the list, mapped to the `aria-label` attribute and forwarded to its table. `aria-labelledby` is not supported: ID references cannot cross the shadow boundary. */
+    ariaLabel?: string | null;
     /** Which alerts to list. */
     filterMode?: FilterModes;
     /** Alerts to list. */

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

@@ -3,6 +3,7 @@
     export type {ObcPaletteChangeEvent, ObcBrightnessChangeEvent, ObcLinkPaletteChangeEvent, ObcLinkBrightnessChangeEvent, ObcPalette, ObcBrillianceMenuVariant, ObcBrillianceInputVariant} from '@oicl/openbridge-webcomponents/dist/components/brilliance-menu/brilliance-menu.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 { Snippet } from 'svelte';
 
@@ -38,7 +39,9 @@
      /** The variant of the brightness input. */
      brightnessInputVariant?: ObcBrillianceInputVariant;
      /** If true, displays the screen control link. */
-     showScreenControlLink?: boolean
+     showScreenControlLink?: boolean;
+     /** If true, displays the additional screen controls slot. */
+     showAdditionalScreenControls?: boolean
    }
       export interface Events {
     onPaletteChanged?: (event: ObcPaletteChangeEvent) => void;
@@ -48,9 +51,9 @@
     onScreenControlLinkClicked?: (event: CustomEvent) => void
   }
       export interface Slots {
-  children?: Snippet
+  additionalScreenControls?: Snippet
 }
-      const {onPaletteChanged, onBrightnessChanged, onLinkPaletteChanged, onLinkBrightnessChanged, onScreenControlLinkClicked, class: className, style, children, ...props} = $props<Props & Events & Slots>();
+      const {onPaletteChanged, onBrightnessChanged, onLinkPaletteChanged, onLinkBrightnessChanged, onScreenControlLinkClicked, class: className, style, additionalScreenControls, ...props} = $props<Props & Events & Slots>();
       
 
     </script>
@@ -61,7 +64,7 @@
     style={style}
     use:forwardEvents={{'palette-changed': onPaletteChanged, 'brightness-changed': onBrightnessChanged, 'link-palette-changed': onLinkPaletteChanged, 'link-brightness-changed': onLinkBrightnessChanged, 'screen-control-link-clicked': onScreenControlLinkClicked}} >
       
-    {#if children}
-      {@render children()}
-    {/if}
+      {#if additionalScreenControls}
+        <NamedSlot name="additional-screen-controls" content={additionalScreenControls} />
+      {/if}
     </obc-brilliance-menu>

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

@@ -34,6 +34,8 @@ export interface Props {
     brightnessInputVariant?: ObcBrillianceInputVariant;
     /** If true, displays the screen control link. */
     showScreenControlLink?: boolean;
+    /** If true, displays the additional screen controls slot. */
+    showAdditionalScreenControls?: boolean;
 }
 export interface Events {
     onPaletteChanged?: (event: ObcPaletteChangeEvent) => void;
@@ -43,7 +45,7 @@ export interface Events {
     onScreenControlLinkClicked?: (event: CustomEvent) => void;
 }
 export interface Slots {
-    children?: Snippet;
+    additionalScreenControls?: Snippet;
 }
 type $$ComponentProps = Props & Events & Slots;
 declare const ObcBrillianceMenu: import("svelte").Component<$$ComponentProps, {

package/dist/components/calendar/ObcCalendar.svelte

@@ -27,12 +27,13 @@
     onDateSelect?: (event: CustomEvent<{date: Date, events: CalendarEvent[]}>) => void;
     onTodayClick?: (event: CustomEvent<void>) => void;
     onNewEventClick?: (event: CustomEvent<void>) => void;
-    onCalendarClick?: (event: CustomEvent<void>) => void
+    onCalendarClick?: (event: CustomEvent<void>) => void;
+    onEventClick?: (event: CustomEvent<{title: string, startTime: string, endTime: string}>) => void
   }
       export interface Slots {
   children?: Snippet
 }
-      const {onMonthChange, onDateSelect, onTodayClick, onNewEventClick, onCalendarClick, class: className, style, children, ...props} = $props<Props & Events & Slots>();
+      const {onMonthChange, onDateSelect, onTodayClick, onNewEventClick, onCalendarClick, onEventClick, class: className, style, children, ...props} = $props<Props & Events & Slots>();
       
 
     </script>
@@ -41,7 +42,7 @@
     
     class={className}
     style={style}
-    use:forwardEvents={{'month-change': onMonthChange, 'date-select': onDateSelect, 'today-click': onTodayClick, 'new-event-click': onNewEventClick, 'calendar-click': onCalendarClick}} >
+    use:forwardEvents={{'month-change': onMonthChange, 'date-select': onDateSelect, 'today-click': onTodayClick, 'new-event-click': onNewEventClick, 'calendar-click': onCalendarClick, 'event-click': onEventClick}} >
       
     {#if children}
       {@render children()}

package/dist/components/calendar/ObcCalendar.svelte.d.ts

@@ -28,6 +28,11 @@ export interface Events {
     onTodayClick?: (event: CustomEvent<void>) => void;
     onNewEventClick?: (event: CustomEvent<void>) => void;
     onCalendarClick?: (event: CustomEvent<void>) => void;
+    onEventClick?: (event: CustomEvent<{
+        title: string;
+        startTime: string;
+        endTime: string;
+    }>) => void;
 }
 export interface Slots {
     children?: Snippet;

package/dist/components/date-item/ObcDateItem.svelte

@@ -27,12 +27,13 @@ import type {DateItemSize} from '@oicl/openbridge-webcomponents/dist/components/
 date?: number
    }
       export interface Events {
-    onDateClick?: (event: CustomEvent<{date: number, events: DateItemEvent[], isToday: boolean, checked: boolean}>) => void
+    onDateClick?: (event: CustomEvent<{date: number, events: DateItemEvent[], isToday: boolean, checked: boolean}>) => void;
+    onEventClick?: (event: CustomEvent<{title: string, startTime: string, endTime: string}>) => void
   }
       export interface Slots {
   children?: Snippet
 }
-      const {onDateClick, class: className, style, children, ...props} = $props<Props & Events & Slots>();
+      const {onDateClick, onEventClick, class: className, style, children, ...props} = $props<Props & Events & Slots>();
       
 
     </script>
@@ -41,7 +42,7 @@ date?: number
     
     class={className}
     style={style}
-    use:forwardEvents={{'date-click': onDateClick}} >
+    use:forwardEvents={{'date-click': onDateClick, 'event-click': onEventClick}} >
       
       {#if children}
         {@render children()}

package/dist/components/date-item/ObcDateItem.svelte.d.ts

@@ -27,6 +27,11 @@ export interface Events {
         isToday: boolean;
         checked: boolean;
     }>) => void;
+    onEventClick?: (event: CustomEvent<{
+        title: string;
+        startTime: string;
+        endTime: string;
+    }>) => void;
 }
 export interface Slots {
     children?: Snippet;

package/dist/components/event-list/ObcEventList.svelte

@@ -2,7 +2,7 @@
   <script lang="ts">
     export type {DateItemEvent} from '@oicl/openbridge-webcomponents/dist/components/event-item/event-item.js';
       import '@oicl/openbridge-webcomponents/dist/components/event-list/event-list.js';
-      import { setProperties } from "../../util.js";
+      import { setProperties, forwardEvents } from "../../util.js";
       import type {DateItemEvent} from '@oicl/openbridge-webcomponents/dist/components/event-item/event-item.js';
       import type { Snippet } from 'svelte';
 
@@ -19,12 +19,12 @@
      locale?: string | undefined
    }
       export interface Events {
-    
+    onEventClick?: (event: CustomEvent<{title: string, startTime: string, endTime: string}>) => void
   }
       export interface Slots {
   children?: Snippet
 }
-      const { class: className, style, children, ...props} = $props<Props & Events & Slots>();
+      const {onEventClick, class: className, style, children, ...props} = $props<Props & Events & Slots>();
       
 
     </script>
@@ -33,7 +33,7 @@
     
     class={className}
     style={style}
-     >
+    use:forwardEvents={{'event-click': onEventClick}} >
       
       {#if children}
         {@render children()}

package/dist/components/event-list/ObcEventList.svelte.d.ts

@@ -14,6 +14,11 @@ export interface Props {
     locale?: string | undefined;
 }
 export interface Events {
+    onEventClick?: (event: CustomEvent<{
+        title: string;
+        startTime: string;
+        endTime: string;
+    }>) => void;
 }
 export interface Slots {
     children?: Snippet;

package/dist/components/icon-button/ObcIconButton.svelte

@@ -30,6 +30,8 @@
      hasLabel?: boolean;
      /** If false, and cornerLeft or cornerRight is true, the divider is not shown. */
      showDivider?: boolean;
+     /** Whether the button is in the tab sequence. Turn it off for a button inside a composite widget that owns the tab stop, and give the widget a key for the action. */
+     focusable?: boolean;
      /** Accessible name forwarded to the inner `<button>`, mapped to the `aria-label` attribute. `aria-labelledby` is not supported: ID references cannot cross the shadow boundary. */
      ariaLabel?: string | null
    }

package/dist/components/icon-button/ObcIconButton.svelte.d.ts

@@ -24,6 +24,8 @@ export interface Props {
     hasLabel?: boolean;
     /** If false, and cornerLeft or cornerRight is true, the divider is not shown. */
     showDivider?: boolean;
+    /** Whether the button is in the tab sequence. Turn it off for a button inside a composite widget that owns the tab stop, and give the widget a key for the action. */
+    focusable?: boolean;
     /** Accessible name forwarded to the inner `<button>`, mapped to the `aria-label` attribute. `aria-labelledby` is not supported: ID references cannot cross the shadow boundary. */
     ariaLabel?: string | null;
 }

package/dist/components/tab-item/ObcTabItem.svelte

@@ -43,6 +43,8 @@
      disabled?: boolean;
      /** Whether the tab is in the tab order. `obc-tab-row` manages this as a roving tabindex (one tab focusable at a time); a standalone tab stays tabbable. */
      focusable?: boolean;
+     /** The panel this tab shows, announced as the tab's `aria-controls`. `obc-tab-row` sets it when it renders panels; the panel has to live in this tab's tree or one it sits inside. */
+     panel?: Element | null;
      /** Available when `hasBadge==true`. */
      badgeType?: string;
      /** Available when `hasBadge==true`. */

package/dist/components/tab-item/ObcTabItem.svelte.d.ts

@@ -37,6 +37,8 @@ export interface Props {
     disabled?: boolean;
     /** Whether the tab is in the tab order. `obc-tab-row` manages this as a roving tabindex (one tab focusable at a time); a standalone tab stays tabbable. */
     focusable?: boolean;
+    /** The panel this tab shows, announced as the tab's `aria-controls`. `obc-tab-row` sets it when it renders panels; the panel has to live in this tab's tree or one it sits inside. */
+    panel?: Element | null;
     /** Available when `hasBadge==true`. */
     badgeType?: string;
     /** Available when `hasBadge==true`. */

package/dist/components/tab-row/ObcTabRow.svelte

@@ -22,7 +22,11 @@
      /** Whether to display subtitle text for each tab. Individual tabs can override this with `tab.showSubtitle`. */
      showSubtitle?: boolean;
      /** Whether to display an "add new tab" button at the end of the tab row. When clicked, emits the `add-new-tab` event. */
-     hasAddNewTab?: boolean
+     hasAddNewTab?: boolean;
+     /** Renders one panel per tab from its `tab-<id>-panel` slot, shows the selected one, and links each tab to its panel for assistive technology. */
+     hasPanels?: boolean;
+     /** Accessible name of the tab list, read out before its tabs. */
+     label?: string
    }
       export interface Events {
     onTabSelected?: (event: CustomEvent<{tab: TabData, id: string, index: number}>) => void;
@@ -31,9 +35,10 @@
   }
       export interface Slots {
   tabIcon?: Snippet<[any]>;
-  tab?: Snippet<[any]>
+  tab?: Snippet<[any]>;
+  tabPanel?: Snippet<[any]>
 }
-      const {onTabSelected, onTabClosed, onAddNewTab, class: className, style, tabIcon, tab, ...props} = $props<Props & Events & Slots>();
+      const {onTabSelected, onTabClosed, onAddNewTab, class: className, style, tabIcon, tab, tabPanel, ...props} = $props<Props & Events & Slots>();
       
 
     </script>
@@ -55,4 +60,10 @@
           <NamedSlot name="tab-{item.id}-<iconSlotName>" content={tab} arg={item} />
         {/each}
       {/if}
+
+      {#if props.tabs && tabPanel}
+        {#each props.tabs as item}
+          <NamedSlot name="tab-{item.id}-panel" content={tabPanel} arg={item} />
+        {/each}
+      {/if}
     </obc-tab-row>

package/dist/components/tab-row/ObcTabRow.svelte.d.ts

@@ -17,6 +17,10 @@ export interface Props {
     showSubtitle?: boolean;
     /** Whether to display an "add new tab" button at the end of the tab row. When clicked, emits the `add-new-tab` event. */
     hasAddNewTab?: boolean;
+    /** Renders one panel per tab from its `tab-<id>-panel` slot, shows the selected one, and links each tab to its panel for assistive technology. */
+    hasPanels?: boolean;
+    /** Accessible name of the tab list, read out before its tabs. */
+    label?: string;
 }
 export interface Events {
     onTabSelected?: (event: CustomEvent<{
@@ -34,6 +38,7 @@ export interface Events {
 export interface Slots {
     tabIcon?: Snippet<[any]>;
     tab?: Snippet<[any]>;
+    tabPanel?: Snippet<[any]>;
 }
 type $$ComponentProps = Props & Events & Slots;
 declare const ObcTabRow: import("svelte").Component<$$ComponentProps, {

package/dist/components/table/ObcTable.svelte

@@ -9,6 +9,8 @@
       export interface Props {
      class?: string;
      style?: string;
+     /** Accessible name of the table, mapped to the `aria-label` attribute and forwarded to the grid. `aria-labelledby` is not supported: ID references cannot cross the shadow boundary. */
+     ariaLabel?: string | null;
      data?: ObcTableRow[];
      columns?: ObcTableColumn<ObcTableCellData, ObcTableRow>[];
      rowDivider?: boolean;

package/dist/components/table/ObcTable.svelte.d.ts

@@ -4,6 +4,8 @@ import type { Snippet } from 'svelte';
 export interface Props {
     class?: string;
     style?: string;
+    /** Accessible name of the table, mapped to the `aria-label` attribute and forwarded to the grid. `aria-labelledby` is not supported: ID references cannot cross the shadow boundary. */
+    ariaLabel?: string | null;
     data?: ObcTableRow[];
     columns?: ObcTableColumn<ObcTableCellData, ObcTableRow>[];
     rowDivider?: boolean;

package/dist/integration-systems/integration-bar/ObcIntegrationBar.svelte

@@ -49,7 +49,9 @@
      /** Active state of fleet button while selection is pending */
      fleetButtonActivated?: boolean;
      /** Label for the fleet button */
-     fleetButtonLabel?: string
+     fleetButtonLabel?: string;
+     /** Renders the `right-tray-leading` slot first in the right-hand button group */
+     hasRightTrayLeading?: boolean
    }
       export interface Events {
     onFleetButtonClick?: (event: CustomEvent) => void;
@@ -64,9 +66,10 @@
       export interface Slots {
   clock?: Snippet;
   integrationButtons?: Snippet;
-  hugButtons?: Snippet
+  hugButtons?: Snippet;
+  rightTrayLeading?: Snippet
 }
-      const {onFleetButtonClick, onLinkButtonClicked, onAlertButtonClicked, onNotificationButtonClicked, onScreenButtonClicked, onSystemButtonClicked, onDimmingButtonClicked, onUserButtonClicked, class: className, style, clock, integrationButtons, hugButtons, ...props} = $props<Props & Events & Slots>();
+      const {onFleetButtonClick, onLinkButtonClicked, onAlertButtonClicked, onNotificationButtonClicked, onScreenButtonClicked, onSystemButtonClicked, onDimmingButtonClicked, onUserButtonClicked, class: className, style, clock, integrationButtons, hugButtons, rightTrayLeading, ...props} = $props<Props & Events & Slots>();
       
 
     </script>
@@ -88,4 +91,8 @@
       {#if hugButtons}
         <NamedSlot name="hug-buttons" content={hugButtons} />
       {/if}
+
+      {#if rightTrayLeading}
+        <NamedSlot name="right-tray-leading" content={rightTrayLeading} />
+      {/if}
     </obc-integration-bar>

package/dist/integration-systems/integration-bar/ObcIntegrationBar.svelte.d.ts

@@ -43,6 +43,8 @@ export interface Props {
     fleetButtonActivated?: boolean;
     /** Label for the fleet button */
     fleetButtonLabel?: string;
+    /** Renders the `right-tray-leading` slot first in the right-hand button group */
+    hasRightTrayLeading?: boolean;
 }
 export interface Events {
     onFleetButtonClick?: (event: CustomEvent) => void;
@@ -58,6 +60,7 @@ export interface Slots {
     clock?: Snippet;
     integrationButtons?: Snippet;
     hugButtons?: Snippet;
+    rightTrayLeading?: Snippet;
 }
 type $$ComponentProps = Props & Events & Slots;
 declare const ObcIntegrationBar: import("svelte").Component<$$ComponentProps, {}, "">;

package/dist/integration-systems/integration-bar-dropdown/ObcIntegrationBarDropdown.svelte

@@ -89,7 +89,9 @@
       */
      systemButtonActivated?: boolean;
      /** How many `status-icon-N`/`status-label-N` slot pairs are rendered. */
-     nStatusFields?: number
+     nStatusFields?: number;
+     /** Renders the `right-tray-leading` slot first in the right-hand button group. */
+     hasRightTrayLeading?: boolean
    }
       export interface Events {
     onHomeButtonClicked?: (event: CustomEvent) => void;
@@ -109,9 +111,10 @@
   statusIcon2?: Snippet;
   statusLabel3?: Snippet;
   statusIcon3?: Snippet;
-  clock?: Snippet
+  clock?: Snippet;
+  rightTrayLeading?: Snippet
 }
-      const {onHomeButtonClicked, onLinkButtonClicked, onAlertButtonClicked, onDimmingButtonClicked, onNotificationButtonClicked, onScreenButtonClicked, onUserButtonClicked, onSystemButtonClicked, class: className, style, vesselSelector, statusLabel1, statusIcon1, statusLabel2, statusIcon2, statusLabel3, statusIcon3, clock, ...props} = $props<Props & Events & Slots>();
+      const {onHomeButtonClicked, onLinkButtonClicked, onAlertButtonClicked, onDimmingButtonClicked, onNotificationButtonClicked, onScreenButtonClicked, onUserButtonClicked, onSystemButtonClicked, class: className, style, vesselSelector, statusLabel1, statusIcon1, statusLabel2, statusIcon2, statusLabel3, statusIcon3, clock, rightTrayLeading, ...props} = $props<Props & Events & Slots>();
       
 
     </script>
@@ -153,4 +156,8 @@
       {#if clock}
         <NamedSlot name="clock" content={clock} />
       {/if}
+
+      {#if rightTrayLeading}
+        <NamedSlot name="right-tray-leading" content={rightTrayLeading} />
+      {/if}
     </obc-integration-bar-dropdown>

package/dist/integration-systems/integration-bar-dropdown/ObcIntegrationBarDropdown.svelte.d.ts

@@ -83,6 +83,8 @@ export interface Props {
     systemButtonActivated?: boolean;
     /** How many `status-icon-N`/`status-label-N` slot pairs are rendered. */
     nStatusFields?: number;
+    /** Renders the `right-tray-leading` slot first in the right-hand button group. */
+    hasRightTrayLeading?: boolean;
 }
 export interface Events {
     onHomeButtonClicked?: (event: CustomEvent) => void;
@@ -103,6 +105,7 @@ export interface Slots {
     statusLabel3?: Snippet;
     statusIcon3?: Snippet;
     clock?: Snippet;
+    rightTrayLeading?: Snippet;
 }
 type $$ComponentProps = Props & Events & Slots;
 declare const ObcIntegrationBarDropdown: import("svelte").Component<$$ComponentProps, {}, "">;

package/package.json

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