@db-ux/ngx-core-components 4.14.0 → 5.0.0

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.
@@ -30,6 +30,18 @@ interface GlobalProps {
30
30
  */
31
31
  propOverrides?: PropOverridesType;
32
32
  }
33
+ type StartSlotProps = {
34
+ /**
35
+ * Slot for start content, for example add a custom component between an icon and a label.
36
+ */
37
+ startSlot?: any;
38
+ };
39
+ type EndSlotProps = {
40
+ /**
41
+ * Slot for end content, for example add a custom component between an icon and a label.
42
+ */
43
+ endSlot?: any;
44
+ };
33
45
  type PropOverridesType = Pick<GlobalProps, 'id'>;
34
46
  type GlobalState = {
35
47
  _id?: string;
@@ -544,26 +556,6 @@ type ValueLabelType = {
544
556
  value: string;
545
557
  label?: string;
546
558
  };
547
- type OverflowScrollButtonProps = {
548
- /**
549
- * Change amount of scroll distance when clicking on an overflow scroll arrow button.
550
- */
551
- arrowScrollDistance?: number | string;
552
- /**
553
- * Set the text for the scroll left button
554
- */
555
- scrollLeftText?: string;
556
- /**
557
- * Set the text for the scroll right button
558
- */
559
- scrollRightText?: string;
560
- };
561
- type OverflowScrollButtonState = {
562
- scroll: (left?: boolean) => void;
563
- showScrollLeft?: boolean;
564
- showScrollRight?: boolean;
565
- evaluateScrollButtons: (tabList: Element) => void;
566
- };
567
559
  type DocumentScrollState = {
568
560
  _documentScrollListenerCallbackId?: string;
569
561
  handleDocumentScroll: (event: any, parent?: HTMLElement) => void;
@@ -702,6 +694,15 @@ declare const getNotificationRole: ({ semantic, role, ariaLive }: {
702
694
  role?: string;
703
695
  ariaLive?: string;
704
696
  }) => string | undefined;
697
+ declare const NAVIGATION_KEYS: readonly ["ArrowRight", "ArrowDown", "ArrowLeft", "ArrowUp", "Home", "End", "Enter", " "];
698
+ /**
699
+ * Checks whether the browser natively supports the `focusgroup` HTML attribute.
700
+ * When supported, the browser handles arrow-key navigation and roving tabindex
701
+ * for composite widgets (tablists, toolbars, etc.), so our JS fallback can be skipped.
702
+ *
703
+ * @public
704
+ */
705
+ declare const hasFocusgroupSupport: () => boolean;
705
706
 
706
707
  type DBAccordionItemDefaultProps = {
707
708
  /**
@@ -1847,12 +1848,14 @@ declare class DBDivider implements AfterViewInit, OnDestroy {
1847
1848
 
1848
1849
  declare const DrawerBackdropList: readonly ["none", "strong", "weak", "invisible"];
1849
1850
  type DrawerBackdropType = (typeof DrawerBackdropList)[number];
1850
- declare const DrawerDirectionList: readonly ["left", "right", "up", "down"];
1851
+ declare const DrawerDirectionList: readonly ["to-left", "to-right", "up", "down"];
1851
1852
  type DrawerDirectionType = (typeof DrawerDirectionList)[number];
1852
1853
  declare const DrawerVariantList: readonly ["modal", "inside"];
1853
1854
  type DrawerVariantType = (typeof DrawerVariantList)[number];
1854
1855
  declare const DrawerPositionList: readonly ["fixed", "absolute"];
1855
1856
  type DrawerPositionType = (typeof DrawerPositionList)[number];
1857
+ declare const DrawerContainerSizeList: readonly ["small", "medium", "large", "full"];
1858
+ type DrawerContainerSizeType = (typeof DrawerContainerSizeList)[number];
1856
1859
  type DBDrawerDefaultProps = {
1857
1860
  /**
1858
1861
  * The backdrop attribute changes the opacity of the backdrop.
@@ -1861,13 +1864,21 @@ type DBDrawerDefaultProps = {
1861
1864
  backdrop?: DrawerBackdropType;
1862
1865
  /**
1863
1866
  * The direction attribute changes the position & animation of the drawer.
1864
- * E.g. "left" slides from left screen border to the right.
1867
+ * E.g. "to-left" slides from right screen border to the left.
1865
1868
  */
1866
1869
  direction?: DrawerDirectionType;
1867
1870
  /**
1868
1871
  * Slot for changing the header of the drawer.
1869
1872
  */
1870
- drawerHeader?: any;
1873
+ header?: any;
1874
+ /**
1875
+ * Slot for changing the footer of the drawer.
1876
+ */
1877
+ footer?: any;
1878
+ /**
1879
+ * Shows a spacing between viewport frame and drawer-content to provide enough space for the backdrop
1880
+ */
1881
+ showSpacing?: boolean | string;
1871
1882
  /**
1872
1883
  * The open attribute opens or closes the drawer based on the state.
1873
1884
  */
@@ -1888,20 +1899,24 @@ type DBDrawerDefaultProps = {
1888
1899
  * - `absolute`: Renders with `show()`, acting as a simple overlay **without** a focus trap.
1889
1900
  */
1890
1901
  position?: DrawerPositionType;
1902
+ /**
1903
+ * Change the size of the drawer container.
1904
+ */
1905
+ containerSize?: DrawerContainerSizeType;
1891
1906
  };
1892
- type DBDrawerProps = DBDrawerDefaultProps & GlobalProps & CloseEventProps<ClickEvent<HTMLButtonElement | HTMLDialogElement> | GeneralKeyboardEvent<HTMLDialogElement>> & InnerCloseButtonProps & WidthProps & SpacingProps;
1907
+ type DBDrawerProps = DBDrawerDefaultProps & GlobalProps & CloseEventProps<ClickEvent<HTMLButtonElement | HTMLDialogElement> | GeneralKeyboardEvent<HTMLDialogElement>>;
1893
1908
  type DBDrawerDefaultState = {
1894
1909
  handleDialogOpen: () => void;
1895
1910
  isNotModal: () => boolean;
1896
1911
  handleBackdropPointerDown: (event: any) => void;
1897
1912
  backdropPointerDown: boolean;
1913
+ _closeTimeoutId?: number;
1898
1914
  };
1899
1915
  type DBDrawerState = DBDrawerDefaultState & GlobalState & CloseEventState<ClickEvent<HTMLButtonElement | HTMLDialogElement> | GeneralKeyboardEvent<HTMLDialogElement>> & InitializedState;
1900
1916
 
1901
1917
  declare class DBDrawer implements AfterViewInit, OnDestroy {
1902
1918
  protected readonly cls: (...args: ClassNameArg[]) => string;
1903
1919
  protected readonly getBooleanAsString: (originBool?: boolean | string, propertyName?: string) => any;
1904
- protected readonly DEFAULT_CLOSE_BUTTON: string;
1905
1920
  open: InputSignal<DBDrawerProps["open"]>;
1906
1921
  position: InputSignal<DBDrawerProps["position"]>;
1907
1922
  backdrop: InputSignal<DBDrawerProps["backdrop"]>;
@@ -1910,16 +1925,15 @@ declare class DBDrawer implements AfterViewInit, OnDestroy {
1910
1925
  propOverrides: InputSignal<DBDrawerProps["propOverrides"]>;
1911
1926
  direction: InputSignal<DBDrawerProps["direction"]>;
1912
1927
  className: InputSignal<DBDrawerProps["className"]>;
1913
- spacing: InputSignal<DBDrawerProps["spacing"]>;
1914
- width: InputSignal<DBDrawerProps["width"]>;
1928
+ containerSize: InputSignal<DBDrawerProps["containerSize"]>;
1929
+ showSpacing: InputSignal<DBDrawerProps["showSpacing"]>;
1915
1930
  rounded: InputSignal<DBDrawerProps["rounded"]>;
1916
- closeButtonId: InputSignal<DBDrawerProps["closeButtonId"]>;
1917
- closeButtonText: InputSignal<DBDrawerProps["closeButtonText"]>;
1918
1931
  close: _angular_core.OutputEmitterRef<void | KeyboardEvent | MouseEvent | undefined>;
1919
1932
  _ref: _angular_core.Signal<ElementRef<any> | undefined>;
1920
1933
  dialogContainerRef: _angular_core.Signal<ElementRef<any> | undefined>;
1921
1934
  initialized: _angular_core.WritableSignal<boolean>;
1922
1935
  backdropPointerDown: _angular_core.WritableSignal<boolean>;
1936
+ _closeTimeoutId: _angular_core.WritableSignal<number | undefined>;
1923
1937
  observer: _angular_core.WritableSignal<MutationObserver | undefined>;
1924
1938
  isNotModal(): boolean;
1925
1939
  handleBackdropPointerDown(event: any): void;
@@ -1936,7 +1950,69 @@ declare class DBDrawer implements AfterViewInit, OnDestroy {
1936
1950
  ngAfterViewInit(): void;
1937
1951
  ngOnDestroy(): void;
1938
1952
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<DBDrawer, never>;
1939
- static ɵcmp: _angular_core.ɵɵComponentDeclaration<DBDrawer, "db-drawer", never, { "open": { "alias": "open"; "required": false; "isSignal": true; }; "position": { "alias": "position"; "required": false; "isSignal": true; }; "backdrop": { "alias": "backdrop"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "id": { "alias": "id"; "required": false; "isSignal": true; }; "propOverrides": { "alias": "propOverrides"; "required": false; "isSignal": true; }; "direction": { "alias": "direction"; "required": false; "isSignal": true; }; "className": { "alias": "className"; "required": false; "isSignal": true; }; "spacing": { "alias": "spacing"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; "rounded": { "alias": "rounded"; "required": false; "isSignal": true; }; "closeButtonId": { "alias": "closeButtonId"; "required": false; "isSignal": true; }; "closeButtonText": { "alias": "closeButtonText"; "required": false; "isSignal": true; }; }, { "close": "close"; }, never, ["[drawer-header]", "*"], true, never>;
1953
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<DBDrawer, "db-drawer", never, { "open": { "alias": "open"; "required": false; "isSignal": true; }; "position": { "alias": "position"; "required": false; "isSignal": true; }; "backdrop": { "alias": "backdrop"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "id": { "alias": "id"; "required": false; "isSignal": true; }; "propOverrides": { "alias": "propOverrides"; "required": false; "isSignal": true; }; "direction": { "alias": "direction"; "required": false; "isSignal": true; }; "className": { "alias": "className"; "required": false; "isSignal": true; }; "containerSize": { "alias": "containerSize"; "required": false; "isSignal": true; }; "showSpacing": { "alias": "showSpacing"; "required": false; "isSignal": true; }; "rounded": { "alias": "rounded"; "required": false; "isSignal": true; }; }, { "close": "close"; }, never, ["[header]", "*", "[footer]"], true, never>;
1954
+ }
1955
+
1956
+ type DBDrawerFooterDefaultProps = {};
1957
+ type DBDrawerFooterProps = DBDrawerFooterDefaultProps & GlobalProps;
1958
+ type DBDrawerFooterDefaultState = {};
1959
+ type DBDrawerFooterState = DBDrawerFooterDefaultState & GlobalState;
1960
+
1961
+ declare class DBDrawerFooter implements AfterViewInit, OnDestroy {
1962
+ protected readonly cls: (...args: ClassNameArg[]) => string;
1963
+ id: InputSignal<DBDrawerFooterProps["id"]>;
1964
+ propOverrides: InputSignal<DBDrawerFooterProps["propOverrides"]>;
1965
+ className: InputSignal<DBDrawerFooterProps["className"]>;
1966
+ _ref: _angular_core.Signal<ElementRef<any> | undefined>;
1967
+ observer: _angular_core.WritableSignal<MutationObserver | undefined>;
1968
+ setupObserver(element: HTMLElement | null): void;
1969
+ constructor();
1970
+ /**
1971
+ * Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil.
1972
+ * @param element the ref for the component
1973
+ * @param customElementSelector the custom element like `my-component`
1974
+ */
1975
+ private enableAttributePassing;
1976
+ ngAfterViewInit(): void;
1977
+ ngOnDestroy(): void;
1978
+ static ɵfac: _angular_core.ɵɵFactoryDeclaration<DBDrawerFooter, never>;
1979
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<DBDrawerFooter, "db-drawer-footer", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "propOverrides": { "alias": "propOverrides"; "required": false; "isSignal": true; }; "className": { "alias": "className"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
1980
+ }
1981
+
1982
+ type DBDrawerHeaderDefaultProps = {};
1983
+ type DBDrawerHeaderProps = DBDrawerHeaderDefaultProps & InnerCloseButtonProps & TextProps & GlobalProps & StartSlotProps & EndSlotProps;
1984
+ type DBDrawerHeaderDefaultState = {
1985
+ _headingId: string;
1986
+ setAriaLabelledBy: () => void;
1987
+ removeAriaLabelledBy: () => void;
1988
+ };
1989
+ type DBDrawerHeaderState = DBDrawerHeaderDefaultState & GlobalState;
1990
+
1991
+ declare class DBDrawerHeader implements AfterViewInit, OnDestroy {
1992
+ protected readonly cls: (...args: ClassNameArg[]) => string;
1993
+ id: InputSignal<DBDrawerHeaderProps["id"]>;
1994
+ propOverrides: InputSignal<DBDrawerHeaderProps["propOverrides"]>;
1995
+ className: InputSignal<DBDrawerHeaderProps["className"]>;
1996
+ text: InputSignal<DBDrawerHeaderProps["text"]>;
1997
+ closeButtonId: InputSignal<DBDrawerHeaderProps["closeButtonId"]>;
1998
+ closeButtonText: InputSignal<DBDrawerHeaderProps["closeButtonText"]>;
1999
+ _ref: _angular_core.Signal<ElementRef<any> | undefined>;
2000
+ _headingId: _angular_core.WritableSignal<string>;
2001
+ observer: _angular_core.WritableSignal<MutationObserver | undefined>;
2002
+ setAriaLabelledBy(): void;
2003
+ removeAriaLabelledBy(): void;
2004
+ setupObserver(element: HTMLElement | null): void;
2005
+ constructor();
2006
+ /**
2007
+ * Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil.
2008
+ * @param element the ref for the component
2009
+ * @param customElementSelector the custom element like `my-component`
2010
+ */
2011
+ private enableAttributePassing;
2012
+ ngAfterViewInit(): void;
2013
+ ngOnDestroy(): void;
2014
+ static ɵfac: _angular_core.ɵɵFactoryDeclaration<DBDrawerHeader, never>;
2015
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<DBDrawerHeader, "db-drawer-header", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "propOverrides": { "alias": "propOverrides"; "required": false; "isSignal": true; }; "className": { "alias": "className"; "required": false; "isSignal": true; }; "text": { "alias": "text"; "required": false; "isSignal": true; }; "closeButtonId": { "alias": "closeButtonId"; "required": false; "isSignal": true; }; "closeButtonText": { "alias": "closeButtonText"; "required": false; "isSignal": true; }; }, {}, never, ["[start-slot]", "*", "[end-slot]"], true, never>;
1940
2016
  }
1941
2017
 
1942
2018
  type DBHeaderDefaultProps = {
@@ -1973,7 +2049,11 @@ type DBHeaderDefaultProps = {
1973
2049
  */
1974
2050
  forceMobile?: boolean | string;
1975
2051
  /**
1976
- * This attribute sets the label for the burger menu button for mobile headers.
2052
+ * Text to pass in a headline for the drawer header.
2053
+ */
2054
+ drawerHeaderText?: string;
2055
+ /**
2056
+ * Sets the accessible label for the burger menu button of the mobile control panel.
1977
2057
  */
1978
2058
  burgerMenuLabel?: string;
1979
2059
  };
@@ -1999,6 +2079,7 @@ declare class DBHeader implements AfterViewInit, OnDestroy {
1999
2079
  burgerMenuLabel: InputSignal<DBHeaderProps["burgerMenuLabel"]>;
2000
2080
  closeButtonId: InputSignal<DBHeaderProps["closeButtonId"]>;
2001
2081
  closeButtonText: InputSignal<DBHeaderProps["closeButtonText"]>;
2082
+ drawerHeaderText: InputSignal<DBHeaderProps["drawerHeaderText"]>;
2002
2083
  toggle: _angular_core.OutputEmitterRef<boolean | void>;
2003
2084
  _ref: _angular_core.Signal<ElementRef<any> | undefined>;
2004
2085
  initialized: _angular_core.WritableSignal<boolean>;
@@ -2017,7 +2098,7 @@ declare class DBHeader implements AfterViewInit, OnDestroy {
2017
2098
  ngAfterViewInit(): void;
2018
2099
  ngOnDestroy(): void;
2019
2100
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<DBHeader, never>;
2020
- static ɵcmp: _angular_core.ɵɵComponentDeclaration<DBHeader, "db-header", never, { "forceMobile": { "alias": "forceMobile"; "required": false; "isSignal": true; }; "drawerOpen": { "alias": "drawerOpen"; "required": false; "isSignal": true; }; "className": { "alias": "className"; "required": false; "isSignal": true; }; "id": { "alias": "id"; "required": false; "isSignal": true; }; "propOverrides": { "alias": "propOverrides"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; "burgerMenuLabel": { "alias": "burgerMenuLabel"; "required": false; "isSignal": true; }; "closeButtonId": { "alias": "closeButtonId"; "required": false; "isSignal": true; }; "closeButtonText": { "alias": "closeButtonText"; "required": false; "isSignal": true; }; }, { "toggle": "toggle"; }, ["dbNavigation", "dbMetaNavigation", "dbSecondaryAction"], ["*", "[brand]", "*", "[primary-action]", "*", "*", "*", "*"], true, never>;
2101
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<DBHeader, "db-header", never, { "forceMobile": { "alias": "forceMobile"; "required": false; "isSignal": true; }; "drawerOpen": { "alias": "drawerOpen"; "required": false; "isSignal": true; }; "className": { "alias": "className"; "required": false; "isSignal": true; }; "id": { "alias": "id"; "required": false; "isSignal": true; }; "propOverrides": { "alias": "propOverrides"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; "burgerMenuLabel": { "alias": "burgerMenuLabel"; "required": false; "isSignal": true; }; "closeButtonId": { "alias": "closeButtonId"; "required": false; "isSignal": true; }; "closeButtonText": { "alias": "closeButtonText"; "required": false; "isSignal": true; }; "drawerHeaderText": { "alias": "drawerHeaderText"; "required": false; "isSignal": true; }; }, { "toggle": "toggle"; }, ["dbNavigation", "dbMetaNavigation", "dbSecondaryAction"], ["*", "[brand]", "*", "[primary-action]", "*", "*", "*", "*"], true, never>;
2021
2102
  }
2022
2103
 
2023
2104
  declare class SecondaryActionDirective {
@@ -3022,7 +3103,7 @@ declare const StackDirectionList: readonly ["row", "column"];
3022
3103
  type StackDirectionType = (typeof StackDirectionList)[number];
3023
3104
  declare const StackAlignmentList: readonly ["stretch", "start", "end", "center"];
3024
3105
  type StackAlignmentType = (typeof StackAlignmentList)[number];
3025
- declare const StackJustifyContentList: readonly ["space-between", "start", "end", "center"];
3106
+ declare const StackJustifyContentList: readonly ["space-between", "start", "center", "end"];
3026
3107
  type StackJustifyContentType = (typeof StackJustifyContentList)[number];
3027
3108
  type DBStackDefaultProps = {
3028
3109
  /**
@@ -3189,11 +3270,12 @@ declare class DBSwitch implements AfterViewInit, ControlValueAccessor, OnDestroy
3189
3270
  static ɵcmp: _angular_core.ɵɵComponentDeclaration<DBSwitch, "db-switch", never, { "invalidMessage": { "alias": "invalidMessage"; "required": false; "isSignal": true; }; "id": { "alias": "id"; "required": false; "isSignal": true; }; "propOverrides": { "alias": "propOverrides"; "required": false; "isSignal": true; }; "validation": { "alias": "validation"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "message": { "alias": "message"; "required": false; "isSignal": true; }; "showMessage": { "alias": "showMessage"; "required": false; "isSignal": true; }; "validMessage": { "alias": "validMessage"; "required": false; "isSignal": true; }; "checked": { "alias": "checked"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "visualAid": { "alias": "visualAid"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "showLabel": { "alias": "showLabel"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "showRequiredAsterisk": { "alias": "showRequiredAsterisk"; "required": false; "isSignal": true; }; "className": { "alias": "className"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "iconLeading": { "alias": "iconLeading"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "iconTrailing": { "alias": "iconTrailing"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "messageIcon": { "alias": "messageIcon"; "required": false; "isSignal": true; }; "hidden": { "alias": "hidden"; "required": false; "isSignal": true; }; "errors": { "alias": "errors"; "required": false; "isSignal": true; }; }, { "checked": "checkedChange"; "disabled": "disabledChange"; "change": "change"; "blur": "blur"; "focus": "focus"; "touch": "touch"; }, never, ["*"], true, never>;
3190
3271
  }
3191
3272
 
3273
+ /**
3274
+ * DBTabItem is designed to be used exclusively inside a DBTabs container.
3275
+ * The parent DBTabs manages selection state (aria-selected, tabindex) via direct
3276
+ * DOM attribute manipulation. DBTabItem itself is purely presentational.
3277
+ */
3192
3278
  type DBTabItemDefaultProps = {
3193
- /**
3194
- * To control the component
3195
- */
3196
- checked?: boolean | string;
3197
3279
  /**
3198
3280
  * The disabled attribute can be set to keep a user from clicking on the tab-item.
3199
3281
  */
@@ -3203,52 +3285,58 @@ type DBTabItemDefaultProps = {
3203
3285
  */
3204
3286
  label?: string;
3205
3287
  /**
3206
- * Define the text next to the icon specified via the icon Property to get hidden.
3288
+ * Set the tabIndex manually (internal use for roving tabindex).
3207
3289
  */
3208
- noText?: boolean | string;
3290
+ tabIndex?: number | string;
3291
+ /**
3292
+ * Semantic value of this tab item. When set, onIndexChange will emit this value
3293
+ * (via the onValueChange event) instead of only the numeric index.
3294
+ * Useful for form binding (e.g. Angular FormControl, React useState).
3295
+ */
3296
+ value?: string;
3209
3297
  };
3210
- type DBTabItemProps = GlobalProps & DBTabItemDefaultProps & IconProps & IconTrailingProps & IconLeadingProps & ShowIconLeadingProps & ShowIconTrailingProps & ActiveProps & ChangeEventProps<HTMLInputElement> & ShowIconProps & NameProps;
3298
+ type DBTabItemProps = DBTabItemDefaultProps & Omit<GlobalProps, 'id' | 'propOverrides'> & IconProps & ShowIconProps & IconTrailingProps & IconLeadingProps & ShowIconTrailingProps & ShowIconLeadingProps & ActiveProps & WidthProps & EndSlotProps;
3211
3299
  type DBTabItemDefaultState = {
3212
- _selected: boolean;
3213
- _listenerAdded: boolean;
3214
- boundSetSelectedOnChange?: (event: any) => void;
3215
- setSelectedOnChange: (event: any) => void;
3216
- };
3217
- type DBTabItemState = DBTabItemDefaultState & GlobalState & ChangeEventState<HTMLInputElement> & InitializedState & NameState;
3300
+ _resizeObserver: ResizeObserver | null | undefined;
3301
+ _mutationObserver: MutationObserver | null | undefined;
3302
+ _setupRafId: number | null;
3303
+ _unmounted: boolean;
3304
+ isTruncated: boolean;
3305
+ _cleanupTooltipAria: () => void;
3306
+ checkTruncation: () => void;
3307
+ tooltipText: string;
3308
+ };
3309
+ type DBTabItemState = DBTabItemDefaultState & GlobalState & InitializedState;
3218
3310
 
3219
- declare class DBTabItem implements AfterViewInit, ControlValueAccessor, OnDestroy {
3220
- private renderer;
3311
+ declare class DBTabItem implements AfterViewInit, OnDestroy {
3221
3312
  protected readonly cls: (...args: ClassNameArg[]) => string;
3222
- protected readonly getBooleanAsString: (originBool?: boolean | string, propertyName?: string) => any;
3223
3313
  protected readonly getBoolean: (originBool?: boolean | string, propertyName?: string) => boolean | undefined;
3224
- active: InputSignal<DBTabItemProps["active"]>;
3225
- name: InputSignal<DBTabItemProps["name"]>;
3226
- className: InputSignal<DBTabItemProps["className"]>;
3227
- id: InputSignal<DBTabItemProps["id"]>;
3228
- propOverrides: InputSignal<DBTabItemProps["propOverrides"]>;
3314
+ protected readonly getBooleanAsString: (originBool?: boolean | string, propertyName?: string) => any;
3229
3315
  iconLeading: InputSignal<DBTabItemProps["iconLeading"]>;
3230
3316
  icon: InputSignal<DBTabItemProps["icon"]>;
3231
3317
  iconTrailing: InputSignal<DBTabItemProps["iconTrailing"]>;
3318
+ label: InputSignal<DBTabItemProps["label"]>;
3319
+ className: InputSignal<DBTabItemProps["className"]>;
3320
+ disabled: ModelSignal<DBTabItemProps["disabled"]>;
3321
+ active: InputSignal<DBTabItemProps["active"]>;
3322
+ value: InputSignal<DBTabItemProps["value"]>;
3232
3323
  showIconLeading: InputSignal<DBTabItemProps["showIconLeading"]>;
3233
3324
  showIcon: InputSignal<DBTabItemProps["showIcon"]>;
3234
3325
  showIconTrailing: InputSignal<DBTabItemProps["showIconTrailing"]>;
3235
- noText: InputSignal<DBTabItemProps["noText"]>;
3236
- disabled: ModelSignal<DBTabItemProps["disabled"]>;
3237
- checked: ModelSignal<DBTabItemProps["checked"]>;
3238
- label: InputSignal<DBTabItemProps["label"]>;
3239
- change: _angular_core.OutputEmitterRef<void | Event>;
3240
3326
  _ref: _angular_core.Signal<ElementRef<any> | undefined>;
3241
- _selected: _angular_core.WritableSignal<boolean>;
3242
- _name: _angular_core.WritableSignal<string | undefined>;
3327
+ _labelRef: _angular_core.Signal<ElementRef<any> | undefined>;
3243
3328
  initialized: _angular_core.WritableSignal<boolean>;
3244
- _listenerAdded: _angular_core.WritableSignal<boolean>;
3245
- boundSetSelectedOnChange: _angular_core.WritableSignal<((event: any) => void) | undefined>;
3329
+ isTruncated: _angular_core.WritableSignal<boolean>;
3330
+ tooltipText: _angular_core.WritableSignal<string>;
3331
+ _resizeObserver: _angular_core.WritableSignal<ResizeObserver | null | undefined>;
3332
+ _mutationObserver: _angular_core.WritableSignal<MutationObserver | null | undefined>;
3333
+ _setupRafId: _angular_core.WritableSignal<number | null>;
3334
+ _unmounted: _angular_core.WritableSignal<boolean>;
3246
3335
  observer: _angular_core.WritableSignal<MutationObserver | undefined>;
3247
- setSelectedOnChange(event: any): void;
3248
- handleNameAttribute(): void;
3249
- handleChange(event: any): void;
3336
+ _cleanupTooltipAria(): void;
3337
+ checkTruncation(): void;
3250
3338
  setupObserver(element: HTMLElement | null): void;
3251
- constructor(renderer: Renderer2);
3339
+ constructor();
3252
3340
  /**
3253
3341
  * Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil.
3254
3342
  * @param element the ref for the component
@@ -3269,35 +3357,25 @@ declare class DBTabItem implements AfterViewInit, ControlValueAccessor, OnDestro
3269
3357
  * :host([hidden]) { display: none !important }.
3270
3358
  */
3271
3359
  get isHidden(): boolean;
3272
- /** @legacy CVA - will be removed in a future major version */
3273
- writeValue(value: any): void;
3274
- /** @legacy CVA - will be removed in a future major version */
3275
- propagateChange(_: any): void;
3276
- /** @legacy CVA - will be removed in a future major version */
3277
- registerOnChange(onChange: any): void;
3278
- /** @legacy CVA - will be removed in a future major version */
3279
- registerOnTouched(onTouched: any): void;
3280
- /** @legacy CVA - will be removed in a future major version */
3281
- propagateTouched(): void;
3282
- /** @legacy CVA - will be removed in a future major version */
3283
- setDisabledState(disabled: boolean): void;
3284
3360
  ngAfterViewInit(): void;
3285
3361
  ngOnDestroy(): void;
3286
3362
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<DBTabItem, never>;
3287
- static ɵcmp: _angular_core.ɵɵComponentDeclaration<DBTabItem, "db-tab-item", never, { "active": { "alias": "active"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "className": { "alias": "className"; "required": false; "isSignal": true; }; "id": { "alias": "id"; "required": false; "isSignal": true; }; "propOverrides": { "alias": "propOverrides"; "required": false; "isSignal": true; }; "iconLeading": { "alias": "iconLeading"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "iconTrailing": { "alias": "iconTrailing"; "required": false; "isSignal": true; }; "showIconLeading": { "alias": "showIconLeading"; "required": false; "isSignal": true; }; "showIcon": { "alias": "showIcon"; "required": false; "isSignal": true; }; "showIconTrailing": { "alias": "showIconTrailing"; "required": false; "isSignal": true; }; "noText": { "alias": "noText"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "checked": { "alias": "checked"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "hidden": { "alias": "hidden"; "required": false; "isSignal": true; }; "errors": { "alias": "errors"; "required": false; "isSignal": true; }; }, { "disabled": "disabledChange"; "checked": "checkedChange"; "change": "change"; "touch": "touch"; }, never, ["*"], true, never>;
3363
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<DBTabItem, "db-tab-item", never, { "iconLeading": { "alias": "iconLeading"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "iconTrailing": { "alias": "iconTrailing"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "className": { "alias": "className"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "active": { "alias": "active"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "showIconLeading": { "alias": "showIconLeading"; "required": false; "isSignal": true; }; "showIcon": { "alias": "showIcon"; "required": false; "isSignal": true; }; "showIconTrailing": { "alias": "showIconTrailing"; "required": false; "isSignal": true; }; "hidden": { "alias": "hidden"; "required": false; "isSignal": true; }; "errors": { "alias": "errors"; "required": false; "isSignal": true; }; }, { "disabled": "disabledChange"; "touch": "touch"; }, never, ["*", "[end-slot]"], true, never>;
3288
3364
  }
3289
3365
 
3290
- type DBTabListDefaultProps = {};
3291
- type DBTabListProps = DBTabListDefaultProps & GlobalProps;
3292
- type DBTabListDefaultState = {};
3293
- type DBTabListState = DBTabListDefaultState;
3366
+ type DBTabListProps = GlobalProps & OrientationProps;
3367
+ interface DBTabListState extends GlobalState {
3368
+ _id?: string;
3369
+ }
3294
3370
 
3295
3371
  declare class DBTabList implements AfterViewInit, OnDestroy {
3296
3372
  protected readonly cls: (...args: ClassNameArg[]) => string;
3297
3373
  id: InputSignal<DBTabListProps["id"]>;
3298
3374
  propOverrides: InputSignal<DBTabListProps["propOverrides"]>;
3299
3375
  className: InputSignal<DBTabListProps["className"]>;
3376
+ orientation: InputSignal<DBTabListProps["orientation"]>;
3300
3377
  _ref: _angular_core.Signal<ElementRef<any> | undefined>;
3378
+ _id: _angular_core.WritableSignal<string | undefined>;
3301
3379
  observer: _angular_core.WritableSignal<MutationObserver | undefined>;
3302
3380
  setupObserver(element: HTMLElement | null): void;
3303
3381
  constructor();
@@ -3310,7 +3388,7 @@ declare class DBTabList implements AfterViewInit, OnDestroy {
3310
3388
  ngAfterViewInit(): void;
3311
3389
  ngOnDestroy(): void;
3312
3390
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<DBTabList, never>;
3313
- static ɵcmp: _angular_core.ɵɵComponentDeclaration<DBTabList, "db-tab-list", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "propOverrides": { "alias": "propOverrides"; "required": false; "isSignal": true; }; "className": { "alias": "className"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
3391
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<DBTabList, "db-tab-list", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "propOverrides": { "alias": "propOverrides"; "required": false; "isSignal": true; }; "className": { "alias": "className"; "required": false; "isSignal": true; }; "orientation": { "alias": "orientation"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
3314
3392
  }
3315
3393
 
3316
3394
  type DBTabPanelDefaultProps = {
@@ -3318,16 +3396,17 @@ type DBTabPanelDefaultProps = {
3318
3396
  * The content if you don't want to use children.
3319
3397
  */
3320
3398
  content?: string;
3399
+ /**
3400
+ * If the panel is hidden.
3401
+ */
3402
+ hidden?: boolean;
3321
3403
  };
3322
- type DBTabPanelProps = DBTabPanelDefaultProps & GlobalProps;
3323
- type DBTabPanelDefaultState = {};
3324
- type DBTabPanelState = DBTabPanelDefaultState & GlobalState;
3404
+ type DBTabPanelProps = DBTabPanelDefaultProps & Omit<GlobalProps, 'id' | 'propOverrides'>;
3325
3405
 
3326
3406
  declare class DBTabPanel implements AfterViewInit, OnDestroy {
3327
3407
  protected readonly cls: (...args: ClassNameArg[]) => string;
3328
3408
  className: InputSignal<DBTabPanelProps["className"]>;
3329
- id: InputSignal<DBTabPanelProps["id"]>;
3330
- propOverrides: InputSignal<DBTabPanelProps["propOverrides"]>;
3409
+ hidden: InputSignal<DBTabPanelProps["hidden"]>;
3331
3410
  content: InputSignal<DBTabPanelProps["content"]>;
3332
3411
  _ref: _angular_core.Signal<ElementRef<any> | undefined>;
3333
3412
  observer: _angular_core.WritableSignal<MutationObserver | undefined>;
@@ -3342,7 +3421,7 @@ declare class DBTabPanel implements AfterViewInit, OnDestroy {
3342
3421
  ngAfterViewInit(): void;
3343
3422
  ngOnDestroy(): void;
3344
3423
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<DBTabPanel, never>;
3345
- static ɵcmp: _angular_core.ɵɵComponentDeclaration<DBTabPanel, "db-tab-panel", never, { "className": { "alias": "className"; "required": false; "isSignal": true; }; "id": { "alias": "id"; "required": false; "isSignal": true; }; "propOverrides": { "alias": "propOverrides"; "required": false; "isSignal": true; }; "content": { "alias": "content"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
3424
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<DBTabPanel, "db-tab-panel", never, { "className": { "alias": "className"; "required": false; "isSignal": true; }; "hidden": { "alias": "hidden"; "required": false; "isSignal": true; }; "content": { "alias": "content"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
3346
3425
  }
3347
3426
 
3348
3427
  type DBTableDataCellDefaultProps = {};
@@ -3742,12 +3821,28 @@ declare class DBTableRow implements AfterViewInit {
3742
3821
  static ɵcmp: _angular_core.ɵɵComponentDeclaration<DBTableRow, "db-table-row", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "propOverrides": { "alias": "propOverrides"; "required": false; "isSignal": true; }; "className": { "alias": "className"; "required": false; "isSignal": true; }; "interactive": { "alias": "interactive"; "required": false; "isSignal": true; }; "subHeaderEmphasis": { "alias": "subHeaderEmphasis"; "required": false; "isSignal": true; }; "cells": { "alias": "cells"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
3743
3822
  }
3744
3823
 
3824
+ type TabItemAlignmentType = AlignmentType;
3825
+ type TabItemAlignmentProps = {
3826
+ /**
3827
+ * Define the tab-item alignment in full width
3828
+ */
3829
+ tabItemAlignment?: TabItemAlignmentType | string;
3830
+ };
3745
3831
  declare const TabsBehaviorList: readonly ["scrollbar", "arrows"];
3746
3832
  type TabsBehaviorType = (typeof TabsBehaviorList)[number];
3747
3833
  declare const TabsInitialSelectedModeList: readonly ["auto", "manually"];
3748
3834
  type TabsInitialSelectedModeType = (typeof TabsInitialSelectedModeList)[number];
3749
- type DBSimpleTabProps = DBTabItemProps & DBTabPanelProps;
3835
+ type DBSimpleTabProps = DBTabItemProps & DBTabPanelProps & {
3836
+ /**
3837
+ * Accessible label for icon-only tabs (rendered as aria-label on the tab button).
3838
+ */
3839
+ ariaLabel?: string;
3840
+ };
3750
3841
  type DBTabsDefaultProps = {
3842
+ /**
3843
+ * Change amount of distance if you click on an arrow, only available with behavior="arrows"
3844
+ */
3845
+ arrowScrollDistance?: number | string;
3751
3846
  /**
3752
3847
  * Show a scrollbar or buttons with arrows to navigate for horizontal tabs with overflow visible
3753
3848
  */
@@ -3756,83 +3851,172 @@ type DBTabsDefaultProps = {
3756
3851
  * Default behavior is auto selecting the first tab, change selected tab by index
3757
3852
  */
3758
3853
  initialSelectedIndex?: number | string;
3854
+ /**
3855
+ * Controlled active tab index. When set, the component becomes controlled:
3856
+ * the consumer is responsible for updating this value in the onIndexChange handler.
3857
+ * Takes precedence over initialSelectedIndex after mount.
3858
+ */
3859
+ activeIndex?: number | string;
3759
3860
  /**
3760
3861
  * Default behavior is auto selecting the first tab, disable it with 'manually'
3761
3862
  */
3762
3863
  initialSelectedMode?: TabsInitialSelectedModeType;
3763
3864
  /**
3764
- * The name of the tab bar, is required for grouping multiple tabs together. Will overwrite names from children.
3865
+ * Accessible label for the tab bar (used as aria-label on the tablist).
3765
3866
  */
3766
- name?: string;
3867
+ label?: string;
3767
3868
  /**
3768
3869
  * Provide simple tabs with label + text as content
3769
3870
  */
3770
3871
  tabs?: DBSimpleTabProps[] | string;
3872
+ /**
3873
+ * Width of the tab-items. Auto width based on tab-item size, full width based on parent elements width.
3874
+ */
3875
+ tabItemWidth?: WidthType | string;
3876
+ /**
3877
+ * Accessible label for the "scroll towards start" button (i18n). Only used with behavior="arrows".
3878
+ */
3879
+ scrollStartLabel?: string;
3880
+ /**
3881
+ * Accessible label for the "scroll towards end" button (i18n). Only used with behavior="arrows".
3882
+ */
3883
+ scrollEndLabel?: string;
3771
3884
  };
3772
3885
  type DBTabsEventProps = {
3773
3886
  /**
3774
3887
  * Informs the user if the current tab index has changed.
3775
3888
  */
3776
- indexChange?: (index?: number) => void;
3889
+ indexChange?: (index: number) => void;
3777
3890
  /**
3778
3891
  * Informs the user if the current tab index has changed.
3779
3892
  */
3780
- onIndexChange?: (index?: number) => void;
3893
+ onIndexChange?: (index: number) => void;
3781
3894
  /**
3782
- * Informs the user if another tab has been selected.
3895
+ * Fires when the active tab changes and a `value` prop is set on the tab items.
3896
+ * Payload is the `value` string of the newly active tab item, or undefined
3897
+ * if the tab item has no `value` prop set.
3898
+ * Use this for form binding (e.g. Angular FormControl, React controlled state).
3783
3899
  */
3784
- onTabSelect?: (event?: InputEvent<HTMLElement>) => void;
3900
+ valueChange?: (value?: string) => void;
3785
3901
  /**
3786
- * Informs the user if another tab has been selected.
3902
+ * Fires when the active tab changes and a `value` prop is set on the tab items.
3903
+ * Payload is the `value` string of the newly active tab item, or undefined
3904
+ * if the tab item has no `value` prop set.
3905
+ * Use this for form binding (e.g. Angular FormControl, React controlled state).
3787
3906
  */
3788
- tabSelect?: (event?: InputEvent<HTMLElement>) => void;
3907
+ onValueChange?: (value?: string) => void;
3789
3908
  };
3790
- type DBTabsProps = DBTabsDefaultProps & GlobalProps & OrientationProps & WidthProps & AlignmentProps & OverflowScrollButtonProps & DBTabsEventProps;
3909
+ type DBTabsProps = DBTabsDefaultProps & GlobalProps & OrientationProps & TabItemAlignmentProps & DBTabsEventProps;
3791
3910
  type DBTabsDefaultState = {
3792
- _name: string;
3793
- scrollContainer?: Element | null;
3794
- convertTabs: () => DBSimpleTabProps[];
3911
+ _id?: string;
3912
+ _appliedLabel?: string;
3913
+ resetIds: () => void;
3914
+ _getScrollContainer: () => Element | null;
3915
+ scroll: (toStart?: boolean) => void;
3916
+ showScrollStart?: boolean;
3917
+ showScrollEnd?: boolean;
3918
+ _isRtl: () => boolean;
3919
+ evaluateScrollButtons: (tabList: Element) => void;
3920
+ getTabs: () => DBSimpleTabProps[];
3921
+ getInitialIndex: () => number;
3922
+ getRenderIndex: () => number;
3923
+ getRenderFocusIndex: () => number;
3924
+ getActiveChildIndex: () => number;
3925
+ shouldUseActiveChild: (hashApplied: boolean) => boolean;
3926
+ moveRovingTabindex: (focusIndex: number) => void;
3927
+ _isOwnedPanel: (panel: HTMLElement) => boolean;
3795
3928
  initTabList: () => void;
3796
- initTabs: (init?: boolean) => void;
3797
- handleChange: (event: InputEvent<HTMLElement>) => void;
3798
- _resizeObserverCallbackId?: string;
3799
- };
3800
- type DBTabsState = DBTabsDefaultState & InitializedState & OverflowScrollButtonState;
3929
+ _teardownScrollHandlers: () => void;
3930
+ _resolveHashIndex: () => {
3931
+ startIndex: number;
3932
+ hashApplied: boolean;
3933
+ };
3934
+ _setupObserver: () => void;
3935
+ initTabs: () => void;
3936
+ syncSelection: (activeIndex?: number) => void;
3937
+ _tabButtons: HTMLElement[];
3938
+ _tabPanels: HTMLElement[];
3939
+ _resizeObserver?: ResizeObserver | null;
3940
+ _observer?: MutationObserver | null;
3941
+ _pendingRafId: number | null;
3942
+ _scrollListener: {
3943
+ fn: () => void;
3944
+ } | null;
3945
+ _focusgroupSupported: boolean;
3946
+ _activeIndex: number;
3947
+ activateTab: (index: number) => void;
3948
+ getTabId: (index: number | string) => string | undefined;
3949
+ getPanelId: (index: number | string) => string | undefined;
3950
+ getBaseId: () => string | undefined;
3951
+ handleClick: (event: any) => void;
3952
+ handleKeyDown: (event: any) => void;
3953
+ };
3954
+ type DBTabsState = DBTabsDefaultState & InitializedState;
3801
3955
 
3802
3956
  declare class DBTabs implements AfterViewInit, OnDestroy {
3803
3957
  protected readonly cls: (...args: ClassNameArg[]) => string;
3804
- protected readonly DEFAULT_SCROLL_LEFT: string;
3805
- protected readonly DEFAULT_SCROLL_RIGHT: string;
3806
- name: InputSignal<DBTabsProps["name"]>;
3807
3958
  tabs: InputSignal<DBTabsProps["tabs"]>;
3808
- arrowScrollDistance: InputSignal<DBTabsProps["arrowScrollDistance"]>;
3959
+ id: InputSignal<DBTabsProps["id"]>;
3960
+ propOverrides: InputSignal<DBTabsProps["propOverrides"]>;
3809
3961
  orientation: InputSignal<DBTabsProps["orientation"]>;
3962
+ label: InputSignal<DBTabsProps["label"]>;
3810
3963
  behavior: InputSignal<DBTabsProps["behavior"]>;
3811
- initialSelectedMode: InputSignal<DBTabsProps["initialSelectedMode"]>;
3964
+ activeIndex: InputSignal<DBTabsProps["activeIndex"]>;
3812
3965
  initialSelectedIndex: InputSignal<DBTabsProps["initialSelectedIndex"]>;
3813
- id: InputSignal<DBTabsProps["id"]>;
3814
- propOverrides: InputSignal<DBTabsProps["propOverrides"]>;
3966
+ initialSelectedMode: InputSignal<DBTabsProps["initialSelectedMode"]>;
3967
+ arrowScrollDistance: InputSignal<DBTabsProps["arrowScrollDistance"]>;
3815
3968
  className: InputSignal<DBTabsProps["className"]>;
3816
- alignment: InputSignal<DBTabsProps["alignment"]>;
3817
- width: InputSignal<DBTabsProps["width"]>;
3818
- scrollLeftText: InputSignal<DBTabsProps["scrollLeftText"]>;
3819
- scrollRightText: InputSignal<DBTabsProps["scrollRightText"]>;
3820
- indexChange: _angular_core.OutputEmitterRef<number | void | undefined>;
3821
- tabSelect: _angular_core.OutputEmitterRef<void | Event | undefined>;
3969
+ tabItemAlignment: InputSignal<DBTabsProps["tabItemAlignment"]>;
3970
+ tabItemWidth: InputSignal<DBTabsProps["tabItemWidth"]>;
3971
+ scrollStartLabel: InputSignal<DBTabsProps["scrollStartLabel"]>;
3972
+ scrollEndLabel: InputSignal<DBTabsProps["scrollEndLabel"]>;
3973
+ indexChange: _angular_core.OutputEmitterRef<number | void>;
3974
+ valueChange: _angular_core.OutputEmitterRef<string | void | undefined>;
3822
3975
  _ref: _angular_core.Signal<ElementRef<any> | undefined>;
3823
- _name: _angular_core.WritableSignal<string>;
3976
+ _activeIndex: _angular_core.WritableSignal<number>;
3824
3977
  initialized: _angular_core.WritableSignal<boolean>;
3825
- showScrollLeft: _angular_core.WritableSignal<boolean | undefined>;
3826
- showScrollRight: _angular_core.WritableSignal<boolean | undefined>;
3827
- scrollContainer: _angular_core.WritableSignal<Element | null | undefined>;
3828
- _resizeObserverCallbackId: _angular_core.WritableSignal<string | undefined>;
3978
+ showScrollStart: _angular_core.WritableSignal<boolean | undefined>;
3979
+ showScrollEnd: _angular_core.WritableSignal<boolean | undefined>;
3980
+ _resizeObserver: _angular_core.WritableSignal<ResizeObserver | null | undefined>;
3981
+ _observer: _angular_core.WritableSignal<MutationObserver | null | undefined>;
3982
+ _pendingRafId: _angular_core.WritableSignal<number | null>;
3983
+ _scrollListener: _angular_core.WritableSignal<{
3984
+ fn: () => void;
3985
+ } | null>;
3986
+ _focusgroupSupported: _angular_core.WritableSignal<boolean>;
3987
+ _tabButtons: _angular_core.WritableSignal<HTMLElement[]>;
3988
+ _tabPanels: _angular_core.WritableSignal<HTMLElement[]>;
3989
+ _id: _angular_core.WritableSignal<string | undefined>;
3990
+ _appliedLabel: _angular_core.WritableSignal<string | undefined>;
3829
3991
  observer: _angular_core.WritableSignal<MutationObserver | undefined>;
3830
- convertTabs(): any;
3992
+ resetIds(): void;
3993
+ getTabId(index: number | string): string | undefined;
3994
+ getPanelId(index: number | string): string | undefined;
3995
+ getBaseId(): string | undefined;
3996
+ activateTab(index: number): void;
3997
+ syncSelection(activeIndex?: number): void;
3998
+ handleClick(event: any): void;
3999
+ handleKeyDown(event: any): void;
4000
+ moveRovingTabindex(focusIndex: number): void;
4001
+ getTabs(): any;
4002
+ getRenderIndex(): any;
4003
+ getRenderFocusIndex(): any;
4004
+ getInitialIndex(): any;
4005
+ getActiveChildIndex(): number;
4006
+ shouldUseActiveChild(hashApplied: boolean): boolean;
4007
+ _getScrollContainer(): any;
4008
+ _isRtl(): boolean;
3831
4009
  evaluateScrollButtons(tList: Element): void;
3832
- scroll(left?: boolean): void;
4010
+ scroll(toStart?: boolean): void;
3833
4011
  initTabList(): void;
3834
- initTabs(init?: boolean): void;
3835
- handleChange(event: InputEvent<HTMLElement>): void;
4012
+ _teardownScrollHandlers(): void;
4013
+ _isOwnedPanel(panel: HTMLElement): boolean;
4014
+ _resolveHashIndex(): {
4015
+ startIndex: any;
4016
+ hashApplied: boolean;
4017
+ };
4018
+ _setupObserver(): void;
4019
+ initTabs(): void;
3836
4020
  setupObserver(element: HTMLElement | null): void;
3837
4021
  trackByTab0(index: number, tab: any): string;
3838
4022
  trackByTab1(index: number, tab: any): string;
@@ -3846,7 +4030,7 @@ declare class DBTabs implements AfterViewInit, OnDestroy {
3846
4030
  ngAfterViewInit(): void;
3847
4031
  ngOnDestroy(): void;
3848
4032
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<DBTabs, never>;
3849
- static ɵcmp: _angular_core.ɵɵComponentDeclaration<DBTabs, "db-tabs", never, { "name": { "alias": "name"; "required": false; "isSignal": true; }; "tabs": { "alias": "tabs"; "required": false; "isSignal": true; }; "arrowScrollDistance": { "alias": "arrowScrollDistance"; "required": false; "isSignal": true; }; "orientation": { "alias": "orientation"; "required": false; "isSignal": true; }; "behavior": { "alias": "behavior"; "required": false; "isSignal": true; }; "initialSelectedMode": { "alias": "initialSelectedMode"; "required": false; "isSignal": true; }; "initialSelectedIndex": { "alias": "initialSelectedIndex"; "required": false; "isSignal": true; }; "id": { "alias": "id"; "required": false; "isSignal": true; }; "propOverrides": { "alias": "propOverrides"; "required": false; "isSignal": true; }; "className": { "alias": "className"; "required": false; "isSignal": true; }; "alignment": { "alias": "alignment"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; "scrollLeftText": { "alias": "scrollLeftText"; "required": false; "isSignal": true; }; "scrollRightText": { "alias": "scrollRightText"; "required": false; "isSignal": true; }; }, { "indexChange": "indexChange"; "tabSelect": "tabSelect"; }, never, ["*"], true, never>;
4033
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<DBTabs, "db-tabs", never, { "tabs": { "alias": "tabs"; "required": false; "isSignal": true; }; "id": { "alias": "id"; "required": false; "isSignal": true; }; "propOverrides": { "alias": "propOverrides"; "required": false; "isSignal": true; }; "orientation": { "alias": "orientation"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "behavior": { "alias": "behavior"; "required": false; "isSignal": true; }; "activeIndex": { "alias": "activeIndex"; "required": false; "isSignal": true; }; "initialSelectedIndex": { "alias": "initialSelectedIndex"; "required": false; "isSignal": true; }; "initialSelectedMode": { "alias": "initialSelectedMode"; "required": false; "isSignal": true; }; "arrowScrollDistance": { "alias": "arrowScrollDistance"; "required": false; "isSignal": true; }; "className": { "alias": "className"; "required": false; "isSignal": true; }; "tabItemAlignment": { "alias": "tabItemAlignment"; "required": false; "isSignal": true; }; "tabItemWidth": { "alias": "tabItemWidth"; "required": false; "isSignal": true; }; "scrollStartLabel": { "alias": "scrollStartLabel"; "required": false; "isSignal": true; }; "scrollEndLabel": { "alias": "scrollEndLabel"; "required": false; "isSignal": true; }; }, { "indexChange": "indexChange"; "valueChange": "valueChange"; }, never, ["*"], true, never>;
3850
4034
  }
3851
4035
 
3852
4036
  declare const TagBehaviorList: readonly ["static", "removable"];
@@ -4327,5 +4511,5 @@ interface DBDataOutsidePair {
4327
4511
  }
4328
4512
  declare const handleDataOutside: (el: HTMLElement) => DBDataOutsidePair;
4329
4513
 
4330
- export { AccordionBehaviorList, AccordionVariantList, AlignmentList, AutoCompleteList, BadgePlacementList, ButtonTypeList, ButtonVariantList, COLOR, COLORS, COLORS_SIMPLE, COLOR_CONST, COLOR_SIMPLE, CardBehaviorList, CardElevationLevelList, CustomSelectDropdownWidthList, CustomSelectListItemTypeList, DBAccordion, DBAccordionItem, DBBadge, DBBrand, DBButton, DBCard, DBCheckbox, DBCustomButton, DBCustomSelect, DBCustomSelectDropdown, DBCustomSelectFormField, DBCustomSelectList, DBCustomSelectListItem, DBDivider, DBDrawer, DBHeader, DBIcon, DBInfotext, DBInput, DBLink, DBNavigation, DBNavigationItem, DBNotification, DBPage, DBPopover, DBRadio, DBSection, DBSelect, DBStack, DBSwitch, DBTabItem, DBTabList, DBTabPanel, DBTable, DBTableBody, DBTableCaption, DBTableColumnsSizeList, DBTableDataCell, DBTableDividerList, DBTableFooter, DBTableHead, DBTableHeaderCell, DBTableHeaderCellScopeList, DBTableMobileVariantList, DBTableRow, DBTableRowSizeList, DBTableRowSubHeaderEmphasisList, DBTableStickyHeaderList, DBTableVariantList, DBTabs, DBTag, DBTextarea, DBTooltip, DB_UX_LOCAL_STORAGE_FRAMEWORK, DB_UX_LOCAL_STORAGE_MODE, DEFAULT_BACK, DEFAULT_BURGER_MENU, DEFAULT_CLOSE_BUTTON, DEFAULT_DATALIST_ID_SUFFIX, DEFAULT_ICON, DEFAULT_ID, DEFAULT_INVALID_MESSAGE, DEFAULT_INVALID_MESSAGE_ID_SUFFIX, DEFAULT_LABEL, DEFAULT_LABEL_ID_SUFFIX, DEFAULT_MESSAGE, DEFAULT_MESSAGE_ID_SUFFIX, DEFAULT_PLACEHOLDER, DEFAULT_PLACEHOLDER_ID_SUFFIX, DEFAULT_REMOVE, DEFAULT_ROWS, DEFAULT_SCROLL_LEFT, DEFAULT_SCROLL_RIGHT, DEFAULT_SELECTED, DEFAULT_SELECT_ID_SUFFIX, DEFAULT_VALID_MESSAGE, DEFAULT_VALID_MESSAGE_ID_SUFFIX, DEFAULT_VIEWPORT, DENSITIES, DENSITY, DENSITY_CONST, DESKTOP_VIEWPORT, DividerMarginList, DividerVariantList, DocumentClickListener, DocumentScrollListener, DrawerBackdropList, DrawerDirectionList, DrawerPositionList, DrawerVariantList, EmphasisList, FieldSizingList, GapSpacingList, IconWeightList, InputTypeList, LabelVariantHorizontalList, LabelVariantList, LinkContentList, LinkReferrerPolicyList, LinkSizeList, LinkTargetList, LinkVariantList, MarginList, MaxWidthList, MetaNavigationDirective, NavigationContentDirective, NavigationDirective, NavigationItemSafeTriangle, NotificationAriaLiveList, NotificationLinkVariantList, NotificationVariantList, OrientationList, PageDocumentOverflowList, PageVariantList, PlacementHorizontalList, PlacementList, PlacementVerticalList, PopoverDelayList, PopoverWidthList, SEMANTIC, SEMANTICS, SecondaryActionDirective, SelectedTypeList, SemanticList, SizeList, SpacingList, StackAlignmentList, StackDirectionList, StackJustifyContentList, StackVariantList, TESTING_VIEWPORTS, TabsBehaviorList, TabsInitialSelectedModeList, TagBehaviorList, TextareaResizeList, TextareaWrapList, TooltipVariantList, ValidationList, WidthList, addAttributeToChildren, cls, delay, getBoolean, getBooleanAsString, getFloatingProps, getHideProp, getInputValue, getNotificationRole, getNumber, getOptionKey, getSearchInput, getStep, handleDataOutside, handleFixedDropdown, handleFixedPopover, hasVoiceOver, isArrayOfStrings, isEventTargetNavigationItem, isIOSSafari, isKeyboardEvent, stringPropVisible, uuid };
4331
- export type { AccordionBehaviorType, AccordionVariantType, ActiveProps, AlignmentProps, AlignmentType, AriaControlsProps, AutoCompleteType, BadgePlacementType, BaseFormProps, ButtonTypeType, ButtonVariantType, CardBehaviorType, CardElevationLevelType, ChangeEvent, ChangeEventProps, ChangeEventState, ClassNameArg, ClickEvent, ClickEventProps, ClickEventState, CloseEventProps, CloseEventState, ContainerWidthProps, ContentSlotProps, CustomFormProps, CustomSelectDropdownWidthType, CustomSelectListItemTypeType, CustomSelectOptionType, DBAccordionDefaultProps, DBAccordionDefaultState, DBAccordionItemDefaultProps, DBAccordionItemDefaultState, DBAccordionItemProps, DBAccordionItemState, DBAccordionProps, DBAccordionState, DBBadgeDefaultProps, DBBadgeDefaultState, DBBadgeProps, DBBadgeState, DBBrandDefaultProps, DBBrandDefaultState, DBBrandProps, DBBrandState, DBButtonDefaultProps, DBButtonDefaultState, DBButtonProps, DBButtonSharedProps, DBButtonState, DBCardDefaultProps, DBCardDefaultState, DBCardProps, DBCardState, DBCheckboxDefaultProps, DBCheckboxDefaultState, DBCheckboxProps, DBCheckboxState, DBCustomButtonDefaultProps, DBCustomButtonDefaultState, DBCustomButtonProps, DBCustomButtonState, DBCustomSelectDefaultProps, DBCustomSelectDefaultState, DBCustomSelectDropdownDefaultProps, DBCustomSelectDropdownDefaultState, DBCustomSelectDropdownProps, DBCustomSelectDropdownState, DBCustomSelectEvents, DBCustomSelectFormFieldDefaultProps, DBCustomSelectFormFieldDefaultState, DBCustomSelectFormFieldProps, DBCustomSelectFormFieldState, DBCustomSelectListDefaultProps, DBCustomSelectListDefaultState, DBCustomSelectListItemDefaultProps, DBCustomSelectListItemDefaultState, DBCustomSelectListItemExtraProps, DBCustomSelectListItemProps, DBCustomSelectListItemState, DBCustomSelectListProps, DBCustomSelectListState, DBCustomSelectProps, DBCustomSelectState, DBDataOutsidePair, DBDividerDefaultProps, DBDividerDefaultState, DBDividerProps, DBDividerState, DBDrawerDefaultProps, DBDrawerDefaultState, DBDrawerProps, DBDrawerState, DBHeaderDefaultProps, DBHeaderDefaultState, DBHeaderProps, DBHeaderState, DBIconDefaultProps, DBIconDefaultState, DBIconProps, DBIconState, DBInfotextDefaultProps, DBInfotextDefaultState, DBInfotextProps, DBInfotextState, DBInputDefaultProps, DBInputDefaultState, DBInputProps, DBInputState, DBLinkDefaultProps, DBLinkDefaultState, DBLinkProps, DBLinkState, DBNavigationDefaultProps, DBNavigationDefaultState, DBNavigationItemDefaultProps, DBNavigationItemDefaultState, DBNavigationItemProps, DBNavigationItemState, DBNavigationProps, DBNavigationState, DBNotificationDefaultProps, DBNotificationDefaultState, DBNotificationProps, DBNotificationState, DBPageDefaultProps, DBPageDefaultState, DBPageProps, DBPageState, DBPopoverDefaultProps, DBPopoverDefaultState, DBPopoverProps, DBPopoverState, DBRadioDefaultProps, DBRadioDefaultState, DBRadioProps, DBRadioState, DBSectionDefaultProps, DBSectionProps, DBSelectDefaultProps, DBSelectDefaultState, DBSelectOptionType, DBSelectProps, DBSelectState, DBSimpleTabProps, DBStackDefaultProps, DBStackDefaultState, DBStackProps, DBStackState, DBSwitchDefaultProps, DBSwitchDefaultState, DBSwitchProps, DBSwitchState, DBTabItemDefaultProps, DBTabItemDefaultState, DBTabItemProps, DBTabItemState, DBTabListDefaultProps, DBTabListDefaultState, DBTabListProps, DBTabListState, DBTabPanelDefaultProps, DBTabPanelDefaultState, DBTabPanelProps, DBTabPanelState, DBTableBodyDefaultProps, DBTableBodyDefaultState, DBTableBodyProps, DBTableBodyState, DBTableCaptionDefaultProps, DBTableCaptionDefaultState, DBTableCaptionProps, DBTableCaptionState, DBTableCellProps, DBTableColumnsSizeType, DBTableData, DBTableDataCellDefaultProps, DBTableDataCellDefaultState, DBTableDataCellProps, DBTableDataCellState, DBTableDefaultProps, DBTableDefaultState, DBTableDividerType, DBTableFooterDefaultProps, DBTableFooterDefaultState, DBTableFooterProps, DBTableFooterState, DBTableHeadDefaultProps, DBTableHeadDefaultState, DBTableHeadProps, DBTableHeadState, DBTableHeaderCellDefaultProps, DBTableHeaderCellDefaultState, DBTableHeaderCellProps, DBTableHeaderCellScopeType, DBTableHeaderCellState, DBTableMobileVariantType, DBTableProps, DBTableRowCell, DBTableRowDefaultProps, DBTableRowDefaultState, DBTableRowProps, DBTableRowSizeType, DBTableRowState, DBTableRowSubHeaderEmphasisType, DBTableState, DBTableStickyHeaderType, DBTableVariantType, DBTabsDefaultProps, DBTabsDefaultState, DBTabsEventProps, DBTabsProps, DBTabsState, DBTagDefaultProps, DBTagDefaultState, DBTagEventsProps, DBTagProps, DBTagState, DBTextareaDefaultProps, DBTextareaDefaultState, DBTextareaProps, DBTextareaState, DBTooltipDefaultProps, DBTooltipDefaultState, DBTooltipProps, DBTooltipState, DisabledProps, DividerMarginType, DividerVariantType, DocumentScrollState, DrawerBackdropType, DrawerDirectionType, DrawerPositionType, DrawerVariantType, EmphasisProps, EmphasisType, FieldSizingType, FocusEventProps, FocusEventState, FormCheckProps, FormMessageProps, FormProps, FormSizeProps, FormState, FormTextProps, FromValidState, GapProps, GapSpacingProps, GapSpacingType, GeneralEvent, GeneralKeyboardEvent, GlobalProps, GlobalState, IconLeadingProps, IconProps, IconTrailingProps, IconWeightType, InitializedState, InnerCloseButtonProps, InputEvent, InputEventProps, InputEventState, InputTypeType, InteractionEvent, LabelVariantHorizontalType, LabelVariantType, LinkContentType, LinkProps, LinkReferrerPolicyType, LinkSizeType, LinkTargetType, LinkVariantType, MarginProps, MarginType, MaxWidthType, NameProps, NameState, NavigationBackButtonProps, NavigationBehaviorState, NoTextProps, NotificationAriaLiveType, NotificationLinkVariantType, NotificationVariantType, OrientationProps, OrientationType, OverflowProps, OverflowScrollButtonProps, OverflowScrollButtonState, PageDocumentOverflowType, PageVariantType, PatternhubProps, PlacementHorizontalType, PlacementProps, PlacementType, PlacementVerticalType, PopoverDelayType, PopoverProps, PopoverState, PopoverWidthType, PropOverridesType, RequiredProps, ResetIdState, RoleProps, SelectedTypeType, SemanticProps, SemanticType, ShowIconLeadingProps, ShowIconProps, ShowIconTrailingProps, ShowLabelProps, SizeProps, SizeType, SpacingProps, SpacingType, StackAlignmentType, StackDirectionType, StackJustifyContentType, StackVariantType, TabsBehaviorType, TabsInitialSelectedModeType, TagBehaviorType, TextProps, TextareaResizeType, TextareaWrapType, ToggleEventProps, ToggleEventState, TooltipVariantType, TriangleData, ValidationType, ValueLabelType, ValueProps, WidthProps, WidthType, WrapProps };
4514
+ export { AccordionBehaviorList, AccordionVariantList, AlignmentList, AutoCompleteList, BadgePlacementList, ButtonTypeList, ButtonVariantList, COLOR, COLORS, COLORS_SIMPLE, COLOR_CONST, COLOR_SIMPLE, CardBehaviorList, CardElevationLevelList, CustomSelectDropdownWidthList, CustomSelectListItemTypeList, DBAccordion, DBAccordionItem, DBBadge, DBBrand, DBButton, DBCard, DBCheckbox, DBCustomButton, DBCustomSelect, DBCustomSelectDropdown, DBCustomSelectFormField, DBCustomSelectList, DBCustomSelectListItem, DBDivider, DBDrawer, DBDrawerFooter, DBDrawerHeader, DBHeader, DBIcon, DBInfotext, DBInput, DBLink, DBNavigation, DBNavigationItem, DBNotification, DBPage, DBPopover, DBRadio, DBSection, DBSelect, DBStack, DBSwitch, DBTabItem, DBTabList, DBTabPanel, DBTable, DBTableBody, DBTableCaption, DBTableColumnsSizeList, DBTableDataCell, DBTableDividerList, DBTableFooter, DBTableHead, DBTableHeaderCell, DBTableHeaderCellScopeList, DBTableMobileVariantList, DBTableRow, DBTableRowSizeList, DBTableRowSubHeaderEmphasisList, DBTableStickyHeaderList, DBTableVariantList, DBTabs, DBTag, DBTextarea, DBTooltip, DB_UX_LOCAL_STORAGE_FRAMEWORK, DB_UX_LOCAL_STORAGE_MODE, DEFAULT_BACK, DEFAULT_BURGER_MENU, DEFAULT_CLOSE_BUTTON, DEFAULT_DATALIST_ID_SUFFIX, DEFAULT_ICON, DEFAULT_ID, DEFAULT_INVALID_MESSAGE, DEFAULT_INVALID_MESSAGE_ID_SUFFIX, DEFAULT_LABEL, DEFAULT_LABEL_ID_SUFFIX, DEFAULT_MESSAGE, DEFAULT_MESSAGE_ID_SUFFIX, DEFAULT_PLACEHOLDER, DEFAULT_PLACEHOLDER_ID_SUFFIX, DEFAULT_REMOVE, DEFAULT_ROWS, DEFAULT_SCROLL_LEFT, DEFAULT_SCROLL_RIGHT, DEFAULT_SELECTED, DEFAULT_SELECT_ID_SUFFIX, DEFAULT_VALID_MESSAGE, DEFAULT_VALID_MESSAGE_ID_SUFFIX, DEFAULT_VIEWPORT, DENSITIES, DENSITY, DENSITY_CONST, DESKTOP_VIEWPORT, DividerMarginList, DividerVariantList, DocumentClickListener, DocumentScrollListener, DrawerBackdropList, DrawerContainerSizeList, DrawerDirectionList, DrawerPositionList, DrawerVariantList, EmphasisList, FieldSizingList, GapSpacingList, IconWeightList, InputTypeList, LabelVariantHorizontalList, LabelVariantList, LinkContentList, LinkReferrerPolicyList, LinkSizeList, LinkTargetList, LinkVariantList, MarginList, MaxWidthList, MetaNavigationDirective, NAVIGATION_KEYS, NavigationContentDirective, NavigationDirective, NavigationItemSafeTriangle, NotificationAriaLiveList, NotificationLinkVariantList, NotificationVariantList, OrientationList, PageDocumentOverflowList, PageVariantList, PlacementHorizontalList, PlacementList, PlacementVerticalList, PopoverDelayList, PopoverWidthList, SEMANTIC, SEMANTICS, SecondaryActionDirective, SelectedTypeList, SemanticList, SizeList, SpacingList, StackAlignmentList, StackDirectionList, StackJustifyContentList, StackVariantList, TESTING_VIEWPORTS, TabsBehaviorList, TabsInitialSelectedModeList, TagBehaviorList, TextareaResizeList, TextareaWrapList, TooltipVariantList, ValidationList, WidthList, addAttributeToChildren, cls, delay, getBoolean, getBooleanAsString, getFloatingProps, getHideProp, getInputValue, getNotificationRole, getNumber, getOptionKey, getSearchInput, getStep, handleDataOutside, handleFixedDropdown, handleFixedPopover, hasFocusgroupSupport, hasVoiceOver, isArrayOfStrings, isEventTargetNavigationItem, isIOSSafari, isKeyboardEvent, stringPropVisible, uuid };
4515
+ export type { AccordionBehaviorType, AccordionVariantType, ActiveProps, AlignmentProps, AlignmentType, AriaControlsProps, AutoCompleteType, BadgePlacementType, BaseFormProps, ButtonTypeType, ButtonVariantType, CardBehaviorType, CardElevationLevelType, ChangeEvent, ChangeEventProps, ChangeEventState, ClassNameArg, ClickEvent, ClickEventProps, ClickEventState, CloseEventProps, CloseEventState, ContainerWidthProps, ContentSlotProps, CustomFormProps, CustomSelectDropdownWidthType, CustomSelectListItemTypeType, CustomSelectOptionType, DBAccordionDefaultProps, DBAccordionDefaultState, DBAccordionItemDefaultProps, DBAccordionItemDefaultState, DBAccordionItemProps, DBAccordionItemState, DBAccordionProps, DBAccordionState, DBBadgeDefaultProps, DBBadgeDefaultState, DBBadgeProps, DBBadgeState, DBBrandDefaultProps, DBBrandDefaultState, DBBrandProps, DBBrandState, DBButtonDefaultProps, DBButtonDefaultState, DBButtonProps, DBButtonSharedProps, DBButtonState, DBCardDefaultProps, DBCardDefaultState, DBCardProps, DBCardState, DBCheckboxDefaultProps, DBCheckboxDefaultState, DBCheckboxProps, DBCheckboxState, DBCustomButtonDefaultProps, DBCustomButtonDefaultState, DBCustomButtonProps, DBCustomButtonState, DBCustomSelectDefaultProps, DBCustomSelectDefaultState, DBCustomSelectDropdownDefaultProps, DBCustomSelectDropdownDefaultState, DBCustomSelectDropdownProps, DBCustomSelectDropdownState, DBCustomSelectEvents, DBCustomSelectFormFieldDefaultProps, DBCustomSelectFormFieldDefaultState, DBCustomSelectFormFieldProps, DBCustomSelectFormFieldState, DBCustomSelectListDefaultProps, DBCustomSelectListDefaultState, DBCustomSelectListItemDefaultProps, DBCustomSelectListItemDefaultState, DBCustomSelectListItemExtraProps, DBCustomSelectListItemProps, DBCustomSelectListItemState, DBCustomSelectListProps, DBCustomSelectListState, DBCustomSelectProps, DBCustomSelectState, DBDataOutsidePair, DBDividerDefaultProps, DBDividerDefaultState, DBDividerProps, DBDividerState, DBDrawerDefaultProps, DBDrawerDefaultState, DBDrawerFooterDefaultProps, DBDrawerFooterDefaultState, DBDrawerFooterProps, DBDrawerFooterState, DBDrawerHeaderDefaultProps, DBDrawerHeaderDefaultState, DBDrawerHeaderProps, DBDrawerHeaderState, DBDrawerProps, DBDrawerState, DBHeaderDefaultProps, DBHeaderDefaultState, DBHeaderProps, DBHeaderState, DBIconDefaultProps, DBIconDefaultState, DBIconProps, DBIconState, DBInfotextDefaultProps, DBInfotextDefaultState, DBInfotextProps, DBInfotextState, DBInputDefaultProps, DBInputDefaultState, DBInputProps, DBInputState, DBLinkDefaultProps, DBLinkDefaultState, DBLinkProps, DBLinkState, DBNavigationDefaultProps, DBNavigationDefaultState, DBNavigationItemDefaultProps, DBNavigationItemDefaultState, DBNavigationItemProps, DBNavigationItemState, DBNavigationProps, DBNavigationState, DBNotificationDefaultProps, DBNotificationDefaultState, DBNotificationProps, DBNotificationState, DBPageDefaultProps, DBPageDefaultState, DBPageProps, DBPageState, DBPopoverDefaultProps, DBPopoverDefaultState, DBPopoverProps, DBPopoverState, DBRadioDefaultProps, DBRadioDefaultState, DBRadioProps, DBRadioState, DBSectionDefaultProps, DBSectionProps, DBSelectDefaultProps, DBSelectDefaultState, DBSelectOptionType, DBSelectProps, DBSelectState, DBSimpleTabProps, DBStackDefaultProps, DBStackDefaultState, DBStackProps, DBStackState, DBSwitchDefaultProps, DBSwitchDefaultState, DBSwitchProps, DBSwitchState, DBTabItemDefaultProps, DBTabItemDefaultState, DBTabItemProps, DBTabItemState, DBTabListProps, DBTabListState, DBTabPanelDefaultProps, DBTabPanelProps, DBTableBodyDefaultProps, DBTableBodyDefaultState, DBTableBodyProps, DBTableBodyState, DBTableCaptionDefaultProps, DBTableCaptionDefaultState, DBTableCaptionProps, DBTableCaptionState, DBTableCellProps, DBTableColumnsSizeType, DBTableData, DBTableDataCellDefaultProps, DBTableDataCellDefaultState, DBTableDataCellProps, DBTableDataCellState, DBTableDefaultProps, DBTableDefaultState, DBTableDividerType, DBTableFooterDefaultProps, DBTableFooterDefaultState, DBTableFooterProps, DBTableFooterState, DBTableHeadDefaultProps, DBTableHeadDefaultState, DBTableHeadProps, DBTableHeadState, DBTableHeaderCellDefaultProps, DBTableHeaderCellDefaultState, DBTableHeaderCellProps, DBTableHeaderCellScopeType, DBTableHeaderCellState, DBTableMobileVariantType, DBTableProps, DBTableRowCell, DBTableRowDefaultProps, DBTableRowDefaultState, DBTableRowProps, DBTableRowSizeType, DBTableRowState, DBTableRowSubHeaderEmphasisType, DBTableState, DBTableStickyHeaderType, DBTableVariantType, DBTabsDefaultProps, DBTabsDefaultState, DBTabsEventProps, DBTabsProps, DBTabsState, DBTagDefaultProps, DBTagDefaultState, DBTagEventsProps, DBTagProps, DBTagState, DBTextareaDefaultProps, DBTextareaDefaultState, DBTextareaProps, DBTextareaState, DBTooltipDefaultProps, DBTooltipDefaultState, DBTooltipProps, DBTooltipState, DisabledProps, DividerMarginType, DividerVariantType, DocumentScrollState, DrawerBackdropType, DrawerContainerSizeType, DrawerDirectionType, DrawerPositionType, DrawerVariantType, EmphasisProps, EmphasisType, EndSlotProps, FieldSizingType, FocusEventProps, FocusEventState, FormCheckProps, FormMessageProps, FormProps, FormSizeProps, FormState, FormTextProps, FromValidState, GapProps, GapSpacingProps, GapSpacingType, GeneralEvent, GeneralKeyboardEvent, GlobalProps, GlobalState, IconLeadingProps, IconProps, IconTrailingProps, IconWeightType, InitializedState, InnerCloseButtonProps, InputEvent, InputEventProps, InputEventState, InputTypeType, InteractionEvent, LabelVariantHorizontalType, LabelVariantType, LinkContentType, LinkProps, LinkReferrerPolicyType, LinkSizeType, LinkTargetType, LinkVariantType, MarginProps, MarginType, MaxWidthType, NameProps, NameState, NavigationBackButtonProps, NavigationBehaviorState, NoTextProps, NotificationAriaLiveType, NotificationLinkVariantType, NotificationVariantType, OrientationProps, OrientationType, OverflowProps, PageDocumentOverflowType, PageVariantType, PatternhubProps, PlacementHorizontalType, PlacementProps, PlacementType, PlacementVerticalType, PopoverDelayType, PopoverProps, PopoverState, PopoverWidthType, PropOverridesType, RequiredProps, ResetIdState, RoleProps, SelectedTypeType, SemanticProps, SemanticType, ShowIconLeadingProps, ShowIconProps, ShowIconTrailingProps, ShowLabelProps, SizeProps, SizeType, SpacingProps, SpacingType, StackAlignmentType, StackDirectionType, StackJustifyContentType, StackVariantType, StartSlotProps, TabItemAlignmentProps, TabItemAlignmentType, TabsBehaviorType, TabsInitialSelectedModeType, TagBehaviorType, TextProps, TextareaResizeType, TextareaWrapType, ToggleEventProps, ToggleEventState, TooltipVariantType, TriangleData, ValidationType, ValueLabelType, ValueProps, WidthProps, WidthType, WrapProps };