@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.
- package/CHANGELOG.md +28 -0
- package/agent/Drawer.md +0 -8
- package/agent/TabItem.md +6 -2
- package/agent/Tabs.md +30 -30
- package/agent/_instructions.md +1 -1
- package/fesm2022/db-ux-ngx-core-components.mjs +1647 -766
- package/fesm2022/db-ux-ngx-core-components.mjs.map +1 -1
- package/package.json +3 -3
- package/types/db-ux-ngx-core-components.d.ts +318 -134
|
@@ -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
|
|
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
|
-
|
|
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
|
|
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
|
-
|
|
1914
|
-
|
|
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; }; "
|
|
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
|
-
*
|
|
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", "
|
|
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
|
-
*
|
|
3288
|
+
* Set the tabIndex manually (internal use for roving tabindex).
|
|
3207
3289
|
*/
|
|
3208
|
-
|
|
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 =
|
|
3298
|
+
type DBTabItemProps = DBTabItemDefaultProps & Omit<GlobalProps, 'id' | 'propOverrides'> & IconProps & ShowIconProps & IconTrailingProps & IconLeadingProps & ShowIconTrailingProps & ShowIconLeadingProps & ActiveProps & WidthProps & EndSlotProps;
|
|
3211
3299
|
type DBTabItemDefaultState = {
|
|
3212
|
-
|
|
3213
|
-
|
|
3214
|
-
|
|
3215
|
-
|
|
3216
|
-
|
|
3217
|
-
|
|
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,
|
|
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
|
-
|
|
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
|
-
|
|
3242
|
-
_name: _angular_core.WritableSignal<string | undefined>;
|
|
3327
|
+
_labelRef: _angular_core.Signal<ElementRef<any> | undefined>;
|
|
3243
3328
|
initialized: _angular_core.WritableSignal<boolean>;
|
|
3244
|
-
|
|
3245
|
-
|
|
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
|
-
|
|
3248
|
-
|
|
3249
|
-
handleChange(event: any): void;
|
|
3336
|
+
_cleanupTooltipAria(): void;
|
|
3337
|
+
checkTruncation(): void;
|
|
3250
3338
|
setupObserver(element: HTMLElement | null): void;
|
|
3251
|
-
constructor(
|
|
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, { "
|
|
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
|
|
3291
|
-
|
|
3292
|
-
|
|
3293
|
-
|
|
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
|
-
|
|
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; }; "
|
|
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
|
-
*
|
|
3865
|
+
* Accessible label for the tab bar (used as aria-label on the tablist).
|
|
3765
3866
|
*/
|
|
3766
|
-
|
|
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
|
|
3889
|
+
indexChange?: (index: number) => void;
|
|
3777
3890
|
/**
|
|
3778
3891
|
* Informs the user if the current tab index has changed.
|
|
3779
3892
|
*/
|
|
3780
|
-
onIndexChange?: (index
|
|
3893
|
+
onIndexChange?: (index: number) => void;
|
|
3781
3894
|
/**
|
|
3782
|
-
*
|
|
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
|
-
|
|
3900
|
+
valueChange?: (value?: string) => void;
|
|
3785
3901
|
/**
|
|
3786
|
-
*
|
|
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
|
-
|
|
3907
|
+
onValueChange?: (value?: string) => void;
|
|
3789
3908
|
};
|
|
3790
|
-
type DBTabsProps = DBTabsDefaultProps & GlobalProps & OrientationProps &
|
|
3909
|
+
type DBTabsProps = DBTabsDefaultProps & GlobalProps & OrientationProps & TabItemAlignmentProps & DBTabsEventProps;
|
|
3791
3910
|
type DBTabsDefaultState = {
|
|
3792
|
-
|
|
3793
|
-
|
|
3794
|
-
|
|
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
|
-
|
|
3797
|
-
|
|
3798
|
-
|
|
3799
|
-
|
|
3800
|
-
|
|
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
|
-
|
|
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
|
-
|
|
3964
|
+
activeIndex: InputSignal<DBTabsProps["activeIndex"]>;
|
|
3812
3965
|
initialSelectedIndex: InputSignal<DBTabsProps["initialSelectedIndex"]>;
|
|
3813
|
-
|
|
3814
|
-
|
|
3966
|
+
initialSelectedMode: InputSignal<DBTabsProps["initialSelectedMode"]>;
|
|
3967
|
+
arrowScrollDistance: InputSignal<DBTabsProps["arrowScrollDistance"]>;
|
|
3815
3968
|
className: InputSignal<DBTabsProps["className"]>;
|
|
3816
|
-
|
|
3817
|
-
|
|
3818
|
-
|
|
3819
|
-
|
|
3820
|
-
indexChange: _angular_core.OutputEmitterRef<number | void
|
|
3821
|
-
|
|
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
|
-
|
|
3976
|
+
_activeIndex: _angular_core.WritableSignal<number>;
|
|
3824
3977
|
initialized: _angular_core.WritableSignal<boolean>;
|
|
3825
|
-
|
|
3826
|
-
|
|
3827
|
-
|
|
3828
|
-
|
|
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
|
-
|
|
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(
|
|
4010
|
+
scroll(toStart?: boolean): void;
|
|
3833
4011
|
initTabList(): void;
|
|
3834
|
-
|
|
3835
|
-
|
|
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, { "
|
|
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,
|
|
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 };
|