@oicl/openbridge-webcomponents-svelte 2.0.0-next.162 → 2.0.0-next.164

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (41) hide show
  1. package/dist/automation/automation-input-modal/ObcAutomationInputModal.svelte +6 -5
  2. package/dist/automation/automation-input-modal/ObcAutomationInputModal.svelte.d.ts +3 -0
  3. package/dist/components/advice-message-item/ObcAdviceMessageItem.svelte +1 -1
  4. package/dist/components/advice-message-item/ObcAdviceMessageItem.svelte.d.ts +1 -1
  5. package/dist/components/checkbox/ObcCheckbox.svelte +3 -1
  6. package/dist/components/checkbox/ObcCheckbox.svelte.d.ts +2 -0
  7. package/dist/components/checkbox-item/ObcCheckboxItem.svelte +2 -0
  8. package/dist/components/checkbox-item/ObcCheckboxItem.svelte.d.ts +2 -0
  9. package/dist/components/floating-item/ObcFloatingItem.svelte +7 -3
  10. package/dist/components/floating-item/ObcFloatingItem.svelte.d.ts +6 -1
  11. package/dist/components/keyboard-full/ObcKeyboardFull.svelte +2 -0
  12. package/dist/components/keyboard-full/ObcKeyboardFull.svelte.d.ts +2 -0
  13. package/dist/components/keyboard-numeric/ObcKeyboardNumeric.svelte +2 -0
  14. package/dist/components/keyboard-numeric/ObcKeyboardNumeric.svelte.d.ts +2 -0
  15. package/dist/components/modal-window/ObcModalWindow.svelte +3 -1
  16. package/dist/components/modal-window/ObcModalWindow.svelte.d.ts +2 -0
  17. package/dist/components/navigation-item/ObcNavigationItem.svelte +9 -3
  18. package/dist/components/navigation-item/ObcNavigationItem.svelte.d.ts +7 -1
  19. package/dist/components/navigation-item-group/ObcNavigationItemGroup.svelte +3 -1
  20. package/dist/components/navigation-item-group/ObcNavigationItemGroup.svelte.d.ts +2 -0
  21. package/dist/components/notification-message-item/ObcNotificationMessageItem.svelte +1 -1
  22. package/dist/components/notification-message-item/ObcNotificationMessageItem.svelte.d.ts +1 -1
  23. package/dist/components/sequence-modal/ObcSequenceModal.svelte +1 -1
  24. package/dist/components/sequence-modal/ObcSequenceModal.svelte.d.ts +1 -1
  25. package/dist/components/slider/ObcSlider.svelte +4 -0
  26. package/dist/components/slider/ObcSlider.svelte.d.ts +4 -0
  27. package/dist/components/split-button/ObcSplitButton.svelte +2 -0
  28. package/dist/components/split-button/ObcSplitButton.svelte.d.ts +2 -0
  29. package/dist/components/stepper-box/ObcStepperBox.svelte +5 -1
  30. package/dist/components/stepper-box/ObcStepperBox.svelte.d.ts +4 -0
  31. package/dist/components/tab-item/ObcTabItem.svelte +2 -0
  32. package/dist/components/tab-item/ObcTabItem.svelte.d.ts +2 -0
  33. package/dist/components/toggle-button-group/ObcToggleButtonGroup.svelte +3 -1
  34. package/dist/components/toggle-button-group/ObcToggleButtonGroup.svelte.d.ts +2 -0
  35. package/dist/components/toggle-button-option/ObcToggleButtonOption.svelte +3 -1
  36. package/dist/components/toggle-button-option/ObcToggleButtonOption.svelte.d.ts +2 -0
  37. package/dist/components/topbar-message-item/ObcTopbarMessageItem.svelte +2 -0
  38. package/dist/components/topbar-message-item/ObcTopbarMessageItem.svelte.d.ts +2 -0
  39. package/dist/components/tree-navigation/ObcTreeNavigation.svelte +2 -1
  40. package/dist/components/tree-navigation/ObcTreeNavigation.svelte.d.ts +2 -0
  41. package/package.json +2 -2
@@ -2,7 +2,7 @@
2
2
  <script lang="ts">
3
3
 
4
4
  import '@oicl/openbridge-webcomponents/dist/automation/automation-input-modal/automation-input-modal.js';
5
- import { setProperties } from "../../util.js";
5
+ import { setProperties, forwardEvents } from "../../util.js";
6
6
  import NamedSlot from "../../NamedSlot.svelte";
7
7
 
8
8
  import type { Snippet } from 'svelte';
@@ -10,10 +10,11 @@
10
10
  export interface Props {
11
11
  class?: string;
12
12
  style?: string;
13
-
13
+ /** Accessible name of the dialog, mapped to the `aria-label` attribute. Without it the header slot names the dialog, so an icon-only header needs it. */
14
+ ariaLabel?: string | null
14
15
  }
15
16
  export interface Events {
16
-
17
+ onCloseClick?: (event: CustomEvent<void>) => void
17
18
  }
18
19
  export interface Slots {
19
20
  header?: Snippet;
@@ -21,7 +22,7 @@
21
22
  actionPrimary?: Snippet;
22
23
  actionSecondary?: Snippet
23
24
  }
24
- const { class: className, style, header, preview, actionPrimary, actionSecondary, ...props} = $props<Props & Events & Slots>();
25
+ const {onCloseClick, class: className, style, header, preview, actionPrimary, actionSecondary, ...props} = $props<Props & Events & Slots>();
25
26
 
26
27
 
27
28
  </script>
@@ -30,7 +31,7 @@
30
31
 
31
32
  class={className}
32
33
  style={style}
33
- >
34
+ use:forwardEvents={{'close-click': onCloseClick}} >
34
35
 
35
36
  {#if header}
36
37
  <NamedSlot name="header" content={header} />
@@ -3,8 +3,11 @@ import type { Snippet } from 'svelte';
3
3
  export interface Props {
4
4
  class?: string;
5
5
  style?: string;
6
+ /** Accessible name of the dialog, mapped to the `aria-label` attribute. Without it the header slot names the dialog, so an icon-only header needs it. */
7
+ ariaLabel?: string | null;
6
8
  }
7
9
  export interface Events {
10
+ onCloseClick?: (event: CustomEvent<void>) => void;
8
11
  }
9
12
  export interface Slots {
10
13
  header?: Snippet;
@@ -35,7 +35,7 @@
35
35
  */
36
36
  timeSecondary?: string;
37
37
  /**
38
- * Label for the action button (when `type` is "with-button"). Shown in the `action-text` slot.
38
+ * Label for the action button (when `type` is "with-button"). The icon action button shows the close icon and is named "Close". Shown in the `action-text` slot.
39
39
  *
40
40
  * Available when `type==WithButton`.
41
41
  */
@@ -29,7 +29,7 @@ export interface Props {
29
29
  */
30
30
  timeSecondary?: string;
31
31
  /**
32
- * Label for the action button (when `type` is "with-button"). Shown in the `action-text` slot.
32
+ * Label for the action button (when `type` is "with-button"). The icon action button shows the close icon and is named "Close". Shown in the `action-text` slot.
33
33
  *
34
34
  * Available when `type==WithButton`.
35
35
  */
@@ -16,7 +16,9 @@
16
16
  /** Disables the checkbox and prevents user interaction. When `true`, the checkbox is visually styled as disabled and does not respond to user input. Interaction is also locked when `state === loading`. */
17
17
  disabled?: boolean;
18
18
  /** Internal: controls hover effects on the checkbox. Used by wrapper components such as `obc-checkbox-item`. */
19
- hasHoverEffects?: boolean
19
+ hasHoverEffects?: boolean;
20
+ /** Whether the checkbox is in the tab order. A menu that owns a roving tabindex manages this through `obc-checkbox-item`; a standalone checkbox stays tabbable. */
21
+ focusable?: boolean
20
22
  }
21
23
  export interface Events {
22
24
  onChange?: (event: ObcCheckboxChangeEvent) => void;
@@ -12,6 +12,8 @@ export interface Props {
12
12
  disabled?: boolean;
13
13
  /** Internal: controls hover effects on the checkbox. Used by wrapper components such as `obc-checkbox-item`. */
14
14
  hasHoverEffects?: boolean;
15
+ /** Whether the checkbox is in the tab order. A menu that owns a roving tabindex manages this through `obc-checkbox-item`; a standalone checkbox stays tabbable. */
16
+ focusable?: boolean;
15
17
  }
16
18
  export interface Events {
17
19
  onChange?: (event: ObcCheckboxChangeEvent) => void;
@@ -17,6 +17,8 @@ import type {ObcCheckboxItemExpandToggleEvent, ObcCheckboxItemState, ObcCheckbox
17
17
  state?: ObcCheckboxItemState;
18
18
  /** Disables the row and the inner checkbox. */
19
19
  disabled?: boolean;
20
+ /** Whether the row's checkbox is in the tab order. `obc-context-menu-input` manages this as a roving tabindex (one item focusable at a time); a standalone row stays tabbable. */
21
+ focusable?: boolean;
20
22
  /** Text label; also the accessible name of the checkbox and the chevron button, so it must not be empty. */
21
23
  label?: string;
22
24
  /** Secondary line under the label; hidden when empty. */
@@ -11,6 +11,8 @@ export interface Props {
11
11
  state?: ObcCheckboxItemState;
12
12
  /** Disables the row and the inner checkbox. */
13
13
  disabled?: boolean;
14
+ /** Whether the row's checkbox is in the tab order. `obc-context-menu-input` manages this as a roving tabindex (one item focusable at a time); a standalone row stays tabbable. */
15
+ focusable?: boolean;
14
16
  /** Text label; also the accessible name of the checkbox and the chevron button, so it must not be empty. */
15
17
  label?: string;
16
18
  /** Secondary line under the label; hidden when empty. */
@@ -1,10 +1,10 @@
1
1
 
2
2
  <script lang="ts">
3
- export type {ObcFloatingItemType, ObcFloatingItemDirection, ObcFloatingItemLineType} from '@oicl/openbridge-webcomponents/dist/components/floating-item/floating-item.js';
3
+ export type {ObcFloatingItemType, ObcFloatingItemDirection, ObcFloatingItemLineType, ObcFloatingItemLiveRole} from '@oicl/openbridge-webcomponents/dist/components/floating-item/floating-item.js';
4
4
  import '@oicl/openbridge-webcomponents/dist/components/floating-item/floating-item.js';
5
5
  import { setProperties, forwardEvents } from "../../util.js";
6
6
  import NamedSlot from "../../NamedSlot.svelte";
7
- import type {ObcFloatingItemType, ObcFloatingItemDirection, ObcFloatingItemLineType} from '@oicl/openbridge-webcomponents/dist/components/floating-item/floating-item.js';
7
+ import type {ObcFloatingItemType, ObcFloatingItemDirection, ObcFloatingItemLineType, ObcFloatingItemLiveRole} from '@oicl/openbridge-webcomponents/dist/components/floating-item/floating-item.js';
8
8
  import type { Snippet } from 'svelte';
9
9
 
10
10
  export interface Props {
@@ -31,7 +31,11 @@
31
31
  */
32
32
  action2?: boolean;
33
33
  /** Line wrapping for the message content: `single-line` (default) truncates to one line, `multi-line` allows up to eight. */
34
- lineType?: ObcFloatingItemLineType
34
+ lineType?: ObcFloatingItemLineType;
35
+ /** Accessible name of the dismiss button; the icon carries none. */
36
+ dismissLabel?: string;
37
+ /** How the item announces itself when it appears: `alert` interrupts, `status` waits its turn. The alert, notification and advice items set it; the bare item announces nothing. */
38
+ liveRole?: ObcFloatingItemLiveRole | undefined
35
39
  }
36
40
  export interface Events {
37
41
  onActionClick?: (event: CustomEvent<void>) => void;
@@ -1,5 +1,5 @@
1
1
  import '@oicl/openbridge-webcomponents/dist/components/floating-item/floating-item.js';
2
- import type { ObcFloatingItemType, ObcFloatingItemDirection, ObcFloatingItemLineType } from '@oicl/openbridge-webcomponents/dist/components/floating-item/floating-item.js';
2
+ import type { ObcFloatingItemType, ObcFloatingItemDirection, ObcFloatingItemLineType, ObcFloatingItemLiveRole } from '@oicl/openbridge-webcomponents/dist/components/floating-item/floating-item.js';
3
3
  import type { Snippet } from 'svelte';
4
4
  export interface Props {
5
5
  class?: string;
@@ -26,6 +26,10 @@ export interface Props {
26
26
  action2?: boolean;
27
27
  /** Line wrapping for the message content: `single-line` (default) truncates to one line, `multi-line` allows up to eight. */
28
28
  lineType?: ObcFloatingItemLineType;
29
+ /** Accessible name of the dismiss button; the icon carries none. */
30
+ dismissLabel?: string;
31
+ /** How the item announces itself when it appears: `alert` interrupts, `status` waits its turn. The alert, notification and advice items set it; the bare item announces nothing. */
32
+ liveRole?: ObcFloatingItemLiveRole | undefined;
29
33
  }
30
34
  export interface Events {
31
35
  onActionClick?: (event: CustomEvent<void>) => void;
@@ -47,6 +51,7 @@ declare const ObcFloatingItem: import("svelte").Component<$$ComponentProps, {
47
51
  ObcFloatingItemType: typeof ObcFloatingItemType;
48
52
  ObcFloatingItemDirection: typeof ObcFloatingItemDirection;
49
53
  ObcFloatingItemLineType: typeof ObcFloatingItemLineType;
54
+ ObcFloatingItemLiveRole: typeof ObcFloatingItemLiveRole;
50
55
  }, "">;
51
56
  type ObcFloatingItem = ReturnType<typeof ObcFloatingItem>;
52
57
  export default ObcFloatingItem;
@@ -12,6 +12,8 @@ import type {ObcTextInputFieldSize, HTMLInputTypeAttribute} from '@oicl/openbrid
12
12
  class?: string;
13
13
  style?: string;
14
14
  type?: ObcKeyboardFullType;
15
+ /** Accessible name of the close button; the icon carries none. */
16
+ closeLabel?: string;
15
17
  showTopBar?: boolean;
16
18
  /** Available when `showTopBar==true`. */
17
19
  parameterName?: string;
@@ -6,6 +6,8 @@ export interface Props {
6
6
  class?: string;
7
7
  style?: string;
8
8
  type?: ObcKeyboardFullType;
9
+ /** Accessible name of the close button; the icon carries none. */
10
+ closeLabel?: string;
9
11
  showTopBar?: boolean;
10
12
  /** Available when `showTopBar==true`. */
11
13
  parameterName?: string;
@@ -25,6 +25,8 @@ import type {ObcNumberInputFieldTextAlign} from '@oicl/openbridge-webcomponents/
25
25
  * Available when `hasTitleBar==true && type==Floating`.
26
26
  */
27
27
  label?: string;
28
+ /** Accessible name of the close button; the icon carries none. */
29
+ closeLabel?: string;
28
30
  /** Current input value */
29
31
  value?: string;
30
32
  /** Shows the calculation row with +, -, ×, ÷, = buttons */
@@ -18,6 +18,8 @@ export interface Props {
18
18
  * Available when `hasTitleBar==true && type==Floating`.
19
19
  */
20
20
  label?: string;
21
+ /** Accessible name of the close button; the icon carries none. */
22
+ closeLabel?: string;
21
23
  /** Current input value */
22
24
  value?: string;
23
25
  /** Shows the calculation row with +, -, ×, ÷, = buttons */
@@ -19,7 +19,9 @@
19
19
  /** Whether to show the footer cancel button. */
20
20
  hasCancelAction?: boolean;
21
21
  /** Whether to show the header close (X) button. */
22
- hasCloseAction?: boolean
22
+ hasCloseAction?: boolean;
23
+ /** Accessible name of the header close button; the icon carries none. */
24
+ closeLabel?: string
23
25
  }
24
26
  export interface Events {
25
27
  onCloseClick?: (event: CustomEvent) => void;
@@ -14,6 +14,8 @@ export interface Props {
14
14
  hasCancelAction?: boolean;
15
15
  /** Whether to show the header close (X) button. */
16
16
  hasCloseAction?: boolean;
17
+ /** Accessible name of the header close button; the icon carries none. */
18
+ closeLabel?: string;
17
19
  }
18
20
  export interface Events {
19
21
  onCloseClick?: (event: CustomEvent) => void;
@@ -1,11 +1,13 @@
1
1
 
2
2
  <script lang="ts">
3
- export type {ObcNavigationMenuVariant} from '@oicl/openbridge-webcomponents/dist/components/navigation-menu/navigation-menu.js';
3
+ export type {NavigationItemRole} from '@oicl/openbridge-webcomponents/dist/components/navigation-item/navigation-item.js';
4
+ export type {ObcNavigationMenuVariant} from '@oicl/openbridge-webcomponents/dist/components/navigation-menu/navigation-menu.js';
4
5
  export type {TreeBranchType, TreeNavigationItemAlerts} from '@oicl/openbridge-webcomponents/dist/components/tree-navigation-item/tree-navigation-item.js';
5
6
  import '@oicl/openbridge-webcomponents/dist/components/navigation-item/navigation-item.js';
6
7
  import { setProperties, forwardEvents } from "../../util.js";
7
8
  import NamedSlot from "../../NamedSlot.svelte";
8
- import type {ObcNavigationMenuVariant} from '@oicl/openbridge-webcomponents/dist/components/navigation-menu/navigation-menu.js';
9
+ import type {NavigationItemRole} from '@oicl/openbridge-webcomponents/dist/components/navigation-item/navigation-item.js';
10
+ import type {ObcNavigationMenuVariant} from '@oicl/openbridge-webcomponents/dist/components/navigation-menu/navigation-menu.js';
9
11
  import type {TreeBranchType, TreeNavigationItemAlerts} from '@oicl/openbridge-webcomponents/dist/components/tree-navigation-item/tree-navigation-item.js';
10
12
  import type { Snippet } from 'svelte';
11
13
 
@@ -13,11 +15,15 @@ import type {TreeBranchType, TreeNavigationItemAlerts} from '@oicl/openbridge-we
13
15
  class?: string;
14
16
  style?: string;
15
17
  /**
16
- * The text label displayed for the navigation item. Hidden in icon-only variants.
18
+ * The text label displayed for the navigation item.
17
19
  *
18
20
  * Available when `variant in [Full, Compact]`.
19
21
  */
20
22
  label?: string;
23
+ /** Whether the item is in the tab order. A menu that owns a roving tabindex, such as `obc-context-menu-input`, manages this (one item focusable at a time); a standalone item stays tabbable. Hidden in icon-only variants. */
24
+ focusable?: boolean;
25
+ /** Role of the item's control inside a composite widget, set by the parent: `menuitem`, or `menuitemradio` with `aria-checked` mirroring `checked`. The role belongs on the control, not on the host: a role on the host wraps a focusable control in another one. */
26
+ itemRole?: NavigationItemRole | undefined;
21
27
  /** The URL to navigate to when the item is clicked. If set, the item is rendered as a link (`<a href="..." />`). If undefined, acts as a button. */
22
28
  href?: string | undefined;
23
29
  /** Whether the navigation item is currently selected/active. Use to indicate the current location or selection. */
@@ -1,4 +1,5 @@
1
1
  import '@oicl/openbridge-webcomponents/dist/components/navigation-item/navigation-item.js';
2
+ import type { NavigationItemRole } from '@oicl/openbridge-webcomponents/dist/components/navigation-item/navigation-item.js';
2
3
  import type { ObcNavigationMenuVariant } from '@oicl/openbridge-webcomponents/dist/components/navigation-menu/navigation-menu.js';
3
4
  import type { TreeBranchType, TreeNavigationItemAlerts } from '@oicl/openbridge-webcomponents/dist/components/tree-navigation-item/tree-navigation-item.js';
4
5
  import type { Snippet } from 'svelte';
@@ -6,11 +7,15 @@ export interface Props {
6
7
  class?: string;
7
8
  style?: string;
8
9
  /**
9
- * The text label displayed for the navigation item. Hidden in icon-only variants.
10
+ * The text label displayed for the navigation item.
10
11
  *
11
12
  * Available when `variant in [Full, Compact]`.
12
13
  */
13
14
  label?: string;
15
+ /** Whether the item is in the tab order. A menu that owns a roving tabindex, such as `obc-context-menu-input`, manages this (one item focusable at a time); a standalone item stays tabbable. Hidden in icon-only variants. */
16
+ focusable?: boolean;
17
+ /** Role of the item's control inside a composite widget, set by the parent: `menuitem`, or `menuitemradio` with `aria-checked` mirroring `checked`. The role belongs on the control, not on the host: a role on the host wraps a focusable control in another one. */
18
+ itemRole?: NavigationItemRole | undefined;
14
19
  /** The URL to navigate to when the item is clicked. If set, the item is rendered as a link (`<a href="..." />`). If undefined, acts as a button. */
15
20
  href?: string | undefined;
16
21
  /** Whether the navigation item is currently selected/active. Use to indicate the current location or selection. */
@@ -47,6 +52,7 @@ export interface Slots {
47
52
  }
48
53
  type $$ComponentProps = Props & Events & Slots;
49
54
  declare const ObcNavigationItem: import("svelte").Component<$$ComponentProps, {
55
+ NavigationItemRole: typeof NavigationItemRole;
50
56
  ObcNavigationMenuVariant: typeof ObcNavigationMenuVariant;
51
57
  TreeBranchType: typeof TreeBranchType;
52
58
  TreeNavigationItemAlerts: typeof TreeNavigationItemAlerts;
@@ -32,7 +32,9 @@ import type {TreeBranchType, TreeNavigationItemAlerts} from '@oicl/openbridge-we
32
32
  /** Per-severity alert counts shown as trailing badges on the group header, in the Tree variant only and only while the group is collapsed — an expanded group shows its rows' own badges instead. A header usually sets `combine` so it totals the rows beneath it. */
33
33
  alerts?: TreeNavigationItemAlerts | undefined;
34
34
  /** Whether the group starts expanded. Useful for trees that open by default. */
35
- defaultOpen?: boolean
35
+ defaultOpen?: boolean;
36
+ /** Whether the group header is in the tab order. A menu that owns a roving tabindex, such as `obc-context-menu-input`, manages this (one item focusable at a time); a standalone group stays tabbable. */
37
+ focusable?: boolean
36
38
  }
37
39
  export interface Events {
38
40
  onOpen?: (event: CustomEvent<void>) => void
@@ -26,6 +26,8 @@ export interface Props {
26
26
  alerts?: TreeNavigationItemAlerts | undefined;
27
27
  /** Whether the group starts expanded. Useful for trees that open by default. */
28
28
  defaultOpen?: boolean;
29
+ /** Whether the group header is in the tab order. A menu that owns a roving tabindex, such as `obc-context-menu-input`, manages this (one item focusable at a time); a standalone group stays tabbable. */
30
+ focusable?: boolean;
29
31
  }
30
32
  export interface Events {
31
33
  onOpen?: (event: CustomEvent<void>) => void;
@@ -35,7 +35,7 @@
35
35
  */
36
36
  timeSecondary?: string;
37
37
  /**
38
- * Label for the action button (used when `type` is `WithButton`).
38
+ * Label for the action button (used when `type` is `WithButton`). The icon action button shows the close icon and is named "Close".
39
39
  *
40
40
  * Available when `type==WithButton`.
41
41
  */
@@ -29,7 +29,7 @@ export interface Props {
29
29
  */
30
30
  timeSecondary?: string;
31
31
  /**
32
- * Label for the action button (used when `type` is `WithButton`).
32
+ * Label for the action button (used when `type` is `WithButton`). The icon action button shows the close icon and is named "Close".
33
33
  *
34
34
  * Available when `type==WithButton`.
35
35
  */
@@ -24,7 +24,7 @@ import type {SequenceValue} from '@oicl/openbridge-webcomponents/dist/components
24
24
  closeLabel?: string
25
25
  }
26
26
  export interface Events {
27
- onCloseClick?: (event: CustomEvent<unknown>) => void
27
+ onCloseClick?: (event: CustomEvent<void>) => void
28
28
  }
29
29
  export interface Slots {
30
30
  actions?: Snippet;
@@ -17,7 +17,7 @@ export interface Props {
17
17
  closeLabel?: string;
18
18
  }
19
19
  export interface Events {
20
- onCloseClick?: (event: CustomEvent<unknown>) => void;
20
+ onCloseClick?: (event: CustomEvent<void>) => void;
21
21
  }
22
22
  export interface Slots {
23
23
  actions?: Snippet;
@@ -30,6 +30,10 @@
30
30
  hasLeftIcon?: boolean;
31
31
  /** Whether to display a right icon button for incrementing the value. When true, the `icon-right` slot is rendered as a button. */
32
32
  hasRightIcon?: boolean;
33
+ /** Accessible name of the left step button; the slotted icon carries none. */
34
+ decrementLabel?: string;
35
+ /** Accessible name of the right step button; the slotted icon carries none. */
36
+ incrementLabel?: string;
33
37
  /**
34
38
  * Moves the value straight to the position clicked or dragged to. Left off, the value animates there instead, at `seekingSpeed`. Default is false.
35
39
  *
@@ -24,6 +24,10 @@ export interface Props {
24
24
  hasLeftIcon?: boolean;
25
25
  /** Whether to display a right icon button for incrementing the value. When true, the `icon-right` slot is rendered as a button. */
26
26
  hasRightIcon?: boolean;
27
+ /** Accessible name of the left step button; the slotted icon carries none. */
28
+ decrementLabel?: string;
29
+ /** Accessible name of the right step button; the slotted icon carries none. */
30
+ incrementLabel?: string;
27
31
  /**
28
32
  * Moves the value straight to the position clicked or dragged to. Left off, the value animates there instead, at `seekingSpeed`. Default is false.
29
33
  *
@@ -40,6 +40,8 @@ import type {ContextMenuOption, ContextMenuType, ColumnGroup} from '@oicl/openbr
40
40
  * Available when `hasTitleBar==true`.
41
41
  */
42
42
  menuTitle?: string;
43
+ /** Accessible name of the dropdown button; the chevron carries none. */
44
+ dropdownLabel?: string;
43
45
  /** Whether the split button should fill the full width of its container. When true, the component stretches horizontally. */
44
46
  fullWidth?: boolean;
45
47
  /** Whether both parts of the button are disabled. When true, disables both the primary and dropdown buttons. */
@@ -33,6 +33,8 @@ export interface Props {
33
33
  * Available when `hasTitleBar==true`.
34
34
  */
35
35
  menuTitle?: string;
36
+ /** Accessible name of the dropdown button; the chevron carries none. */
37
+ dropdownLabel?: string;
36
38
  /** Whether the split button should fill the full width of its container. When true, the component stretches horizontally. */
37
39
  fullWidth?: boolean;
38
40
  /** Whether both parts of the button are disabled. When true, disables both the primary and dropdown buttons. */
@@ -30,7 +30,11 @@
30
30
  /** Placeholder text shown when the input is empty. */
31
31
  placeholder?: string;
32
32
  /** If true, the input is non-editable; programmatic value changes still apply. */
33
- readonly?: boolean
33
+ readonly?: boolean;
34
+ /** Accessible name of the decrement button; the icon carries none. */
35
+ decrementLabel?: string;
36
+ /** Accessible name of the increment button; the icon carries none. */
37
+ incrementLabel?: string
34
38
  }
35
39
  export interface Events {
36
40
  onDown?: (event: CustomEvent<{value: number}>) => void;
@@ -26,6 +26,10 @@ export interface Props {
26
26
  placeholder?: string;
27
27
  /** If true, the input is non-editable; programmatic value changes still apply. */
28
28
  readonly?: boolean;
29
+ /** Accessible name of the decrement button; the icon carries none. */
30
+ decrementLabel?: string;
31
+ /** Accessible name of the increment button; the icon carries none. */
32
+ incrementLabel?: string;
29
33
  }
30
34
  export interface Events {
31
35
  onDown?: (event: CustomEvent<{
@@ -41,6 +41,8 @@
41
41
  subtitle?: string;
42
42
  /** Disables the tab, preventing user interaction and applying disabled styles. */
43
43
  disabled?: boolean;
44
+ /** 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. */
45
+ focusable?: boolean;
44
46
  /** Available when `hasBadge==true`. */
45
47
  badgeType?: string;
46
48
  /** Available when `hasBadge==true`. */
@@ -35,6 +35,8 @@ export interface Props {
35
35
  subtitle?: string;
36
36
  /** Disables the tab, preventing user interaction and applying disabled styles. */
37
37
  disabled?: boolean;
38
+ /** 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. */
39
+ focusable?: boolean;
38
40
  /** Available when `hasBadge==true`. */
39
41
  badgeType?: string;
40
42
  /** Available when `hasBadge==true`. */
@@ -26,7 +26,9 @@
26
26
  /** Disables the entire toggle button group and all contained options when true. When disabled, no option can be selected or interacted with. */
27
27
  disabled?: boolean;
28
28
  /** If true, the group and all contained options use a larger size. This setting is propagated to all child `<obc-toggle-button-option>` elements. */
29
- large?: boolean
29
+ large?: boolean;
30
+ /** Accessible name of the group, mapped to the `aria-label` attribute; the options are its radios. `aria-labelledby` is not supported: ID references cannot cross the shadow boundary. */
31
+ ariaLabel?: string | null
30
32
  }
31
33
  export interface Events {
32
34
  onValue?: (event: CustomEvent<{value: string, previousValue: string}>) => void;
@@ -22,6 +22,8 @@ export interface Props {
22
22
  disabled?: boolean;
23
23
  /** If true, the group and all contained options use a larger size. This setting is propagated to all child `<obc-toggle-button-option>` elements. */
24
24
  large?: boolean;
25
+ /** Accessible name of the group, mapped to the `aria-label` attribute; the options are its radios. `aria-labelledby` is not supported: ID references cannot cross the shadow boundary. */
26
+ ariaLabel?: string | null;
25
27
  }
26
28
  export interface Events {
27
29
  onValue?: (event: CustomEvent<{
@@ -35,7 +35,9 @@
35
35
  *
36
36
  * Available when `type!=icon-text-under`.
37
37
  */
38
- large?: boolean
38
+ large?: boolean;
39
+ /** Whether the option is in the tab order. `obc-toggle-button-group` manages this as a roving tabindex (one option focusable at a time); a standalone option stays tabbable. */
40
+ focusable?: boolean
39
41
  }
40
42
  export interface Events {
41
43
  onSelected?: (event: CustomEvent<{value: string}>) => void
@@ -30,6 +30,8 @@ export interface Props {
30
30
  * Available when `type!=icon-text-under`.
31
31
  */
32
32
  large?: boolean;
33
+ /** Whether the option is in the tab order. `obc-toggle-button-group` manages this as a roving tabindex (one option focusable at a time); a standalone option stays tabbable. */
34
+ focusable?: boolean;
33
35
  }
34
36
  export interface Events {
35
37
  onSelected?: (event: CustomEvent<{
@@ -32,6 +32,8 @@
32
32
  * Available when `type!=Inactive`.
33
33
  */
34
34
  showTimestamp?: boolean;
35
+ /** Accessible name of the icon action button (`with-icon-button`); the slotted icon carries none. */
36
+ actionLabel?: string;
35
37
  /**
36
38
  * Whether to display the secondary timestamp slot.
37
39
  *
@@ -26,6 +26,8 @@ export interface Props {
26
26
  * Available when `type!=Inactive`.
27
27
  */
28
28
  showTimestamp?: boolean;
29
+ /** Accessible name of the icon action button (`with-icon-button`); the slotted icon carries none. */
30
+ actionLabel?: string;
29
31
  /**
30
32
  * Whether to display the secondary timestamp slot.
31
33
  *
@@ -9,7 +9,8 @@
9
9
  export interface Props {
10
10
  class?: string;
11
11
  style?: string;
12
-
12
+ /** Accessible name of the tree, mapped to the `aria-label` attribute and forwarded to the `role="tree"` element. `aria-labelledby` is not supported: ID references cannot cross the shadow boundary. */
13
+ ariaLabel?: string | null
13
14
  }
14
15
  export interface Events {
15
16
 
@@ -3,6 +3,8 @@ import type { Snippet } from 'svelte';
3
3
  export interface Props {
4
4
  class?: string;
5
5
  style?: string;
6
+ /** Accessible name of the tree, mapped to the `aria-label` attribute and forwarded to the `role="tree"` element. `aria-labelledby` is not supported: ID references cannot cross the shadow boundary. */
7
+ ariaLabel?: string | null;
6
8
  }
7
9
  export interface Events {
8
10
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@oicl/openbridge-webcomponents-svelte",
3
- "version": "2.0.0-next.162",
3
+ "version": "2.0.0-next.164",
4
4
  "scripts": {
5
5
  "dev": "vite dev",
6
6
  "build": "vite build && npm run prepack",
@@ -34,7 +34,7 @@
34
34
  }
35
35
  },
36
36
  "dependencies": {
37
- "@oicl/openbridge-webcomponents": "^2.0.0-next.162"
37
+ "@oicl/openbridge-webcomponents": "^2.0.0-next.164"
38
38
  },
39
39
  "peerDependencies": {
40
40
  "svelte": "^5.0.0"