@oicl/openbridge-webcomponents-svelte 2.0.0-next.167 → 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/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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@oicl/openbridge-webcomponents-svelte",
-  "version": "2.0.0-next.167",
+  "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.167"
+    "@oicl/openbridge-webcomponents": "^2.0.0-next.168"
   },
   "peerDependencies": {
     "svelte": "^5.0.0"