@db-ux/ngx-core-components 4.6.1 → 4.7.0-tabs-34782eb
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/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@db-ux/ngx-core-components",
|
|
3
|
-
"version": "4.
|
|
3
|
+
"version": "4.7.0-tabs-34782eb",
|
|
4
4
|
"description": "Angular components @db-ux/core-components",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"repository": {
|
|
@@ -15,8 +15,8 @@
|
|
|
15
15
|
"access": "public"
|
|
16
16
|
},
|
|
17
17
|
"dependencies": {
|
|
18
|
-
"@db-ux/core-components": "4.
|
|
19
|
-
"@db-ux/core-foundations": "4.
|
|
18
|
+
"@db-ux/core-components": "4.7.0-tabs-34782eb",
|
|
19
|
+
"@db-ux/core-foundations": "4.7.0-tabs-34782eb",
|
|
20
20
|
"tslib": "^2.3.0"
|
|
21
21
|
},
|
|
22
22
|
"typings": "types/db-ux-ngx-core-components.d.ts",
|
|
@@ -30,4 +30,4 @@
|
|
|
30
30
|
}
|
|
31
31
|
},
|
|
32
32
|
"sideEffects": false
|
|
33
|
-
}
|
|
33
|
+
}
|
|
@@ -464,13 +464,13 @@ type CloseEventProps<T> = {
|
|
|
464
464
|
type CloseEventState<T> = {
|
|
465
465
|
handleClose: (event?: T | void, forceClose?: boolean) => void;
|
|
466
466
|
};
|
|
467
|
-
declare const
|
|
468
|
-
type
|
|
469
|
-
type
|
|
467
|
+
declare const TabItemAlignmentList: readonly ["start", "center", "end"];
|
|
468
|
+
type TabItemAlignmentType = (typeof TabItemAlignmentList)[number];
|
|
469
|
+
type TabItemAlignmentProps = {
|
|
470
470
|
/**
|
|
471
|
-
* Define the
|
|
471
|
+
* Define the tab-item alignment in full width
|
|
472
472
|
*/
|
|
473
|
-
|
|
473
|
+
tabItemAlignment?: TabItemAlignmentType | string;
|
|
474
474
|
};
|
|
475
475
|
type ActiveProps = {
|
|
476
476
|
/**
|
|
@@ -2805,10 +2805,6 @@ declare class DBSwitch implements AfterViewInit, ControlValueAccessor, OnDestroy
|
|
|
2805
2805
|
}
|
|
2806
2806
|
|
|
2807
2807
|
type DBTabItemDefaultProps = {
|
|
2808
|
-
/**
|
|
2809
|
-
* To control the component
|
|
2810
|
-
*/
|
|
2811
|
-
checked?: boolean | string;
|
|
2812
2808
|
/**
|
|
2813
2809
|
* The disabled attribute can be set to keep a user from clicking on the tab-item.
|
|
2814
2810
|
*/
|
|
@@ -2821,75 +2817,107 @@ type DBTabItemDefaultProps = {
|
|
|
2821
2817
|
* Define the text next to the icon specified via the icon Property to get hidden.
|
|
2822
2818
|
*/
|
|
2823
2819
|
noText?: boolean | string;
|
|
2820
|
+
/**
|
|
2821
|
+
* Set the tabIndex manually (internal use for roving tabindex).
|
|
2822
|
+
*/
|
|
2823
|
+
tabIndex?: number | string;
|
|
2824
|
+
/**
|
|
2825
|
+
* The id of the panel this tab controls (WAI-ARIA).
|
|
2826
|
+
*/
|
|
2827
|
+
ariaControls?: string;
|
|
2828
|
+
/**
|
|
2829
|
+
* Semantic value of this tab item. When set, onIndexChange will emit this value
|
|
2830
|
+
* (via the onValueChange event) instead of only the numeric index.
|
|
2831
|
+
* Useful for form binding (e.g. Angular FormControl, React useState).
|
|
2832
|
+
*/
|
|
2833
|
+
value?: string;
|
|
2824
2834
|
};
|
|
2825
|
-
type DBTabItemProps = GlobalProps &
|
|
2835
|
+
type DBTabItemProps = DBTabItemDefaultProps & GlobalProps & ClickEventProps<HTMLButtonElement> & IconProps & ShowIconProps & IconTrailingProps & IconLeadingProps & ShowIconTrailingProps & ShowIconLeadingProps & ActiveProps & WidthProps;
|
|
2826
2836
|
type DBTabItemDefaultState = {
|
|
2827
|
-
|
|
2828
|
-
|
|
2829
|
-
|
|
2830
|
-
|
|
2831
|
-
|
|
2832
|
-
|
|
2833
|
-
|
|
2834
|
-
|
|
2835
|
-
|
|
2837
|
+
internalActive: boolean | undefined;
|
|
2838
|
+
internalTabIndex: number;
|
|
2839
|
+
getCurrentTabIndex: () => number;
|
|
2840
|
+
_resizeObserver: ResizeObserver | null | undefined;
|
|
2841
|
+
_ariaSelectedListener: {
|
|
2842
|
+
fn: (event: any) => void;
|
|
2843
|
+
} | null;
|
|
2844
|
+
handleClick: (event: any) => void;
|
|
2845
|
+
isTruncated: boolean;
|
|
2846
|
+
checkTruncation: () => void;
|
|
2847
|
+
tooltipText: string;
|
|
2848
|
+
};
|
|
2849
|
+
type DBTabItemState = DBTabItemDefaultState & GlobalState & InitializedState;
|
|
2850
|
+
|
|
2851
|
+
declare class DBTabItem implements AfterViewInit, OnDestroy {
|
|
2836
2852
|
protected readonly cls: (...args: ClassNameArg[]) => string;
|
|
2837
|
-
protected readonly getBooleanAsString: (originBool?: boolean | string) => any;
|
|
2838
2853
|
protected readonly getBoolean: (originBool?: boolean | string, propertyName?: string) => boolean | undefined;
|
|
2839
2854
|
active: InputSignal<DBTabItemProps["active"]>;
|
|
2840
|
-
|
|
2855
|
+
label: InputSignal<DBTabItemProps["label"]>;
|
|
2856
|
+
showIcon: InputSignal<DBTabItemProps["showIcon"]>;
|
|
2857
|
+
icon: InputSignal<DBTabItemProps["icon"]>;
|
|
2858
|
+
tabIndex: InputSignal<DBTabItemProps["tabIndex"]>;
|
|
2859
|
+
disabled: ModelSignal<DBTabItemProps["disabled"]>;
|
|
2841
2860
|
className: InputSignal<DBTabItemProps["className"]>;
|
|
2861
|
+
noText: InputSignal<DBTabItemProps["noText"]>;
|
|
2862
|
+
ariaControls: InputSignal<DBTabItemProps["ariaControls"]>;
|
|
2842
2863
|
id: InputSignal<DBTabItemProps["id"]>;
|
|
2843
|
-
|
|
2844
|
-
iconLeading: InputSignal<DBTabItemProps["iconLeading"]>;
|
|
2845
|
-
icon: InputSignal<DBTabItemProps["icon"]>;
|
|
2846
|
-
iconTrailing: InputSignal<DBTabItemProps["iconTrailing"]>;
|
|
2864
|
+
value: InputSignal<DBTabItemProps["value"]>;
|
|
2847
2865
|
showIconLeading: InputSignal<DBTabItemProps["showIconLeading"]>;
|
|
2848
|
-
|
|
2866
|
+
iconLeading: InputSignal<DBTabItemProps["iconLeading"]>;
|
|
2849
2867
|
showIconTrailing: InputSignal<DBTabItemProps["showIconTrailing"]>;
|
|
2850
|
-
|
|
2851
|
-
|
|
2852
|
-
checked: ModelSignal<DBTabItemProps["checked"]>;
|
|
2853
|
-
label: InputSignal<DBTabItemProps["label"]>;
|
|
2854
|
-
change: _angular_core.OutputEmitterRef<void | Event>;
|
|
2868
|
+
iconTrailing: InputSignal<DBTabItemProps["iconTrailing"]>;
|
|
2869
|
+
click: _angular_core.OutputEmitterRef<void | MouseEvent>;
|
|
2855
2870
|
_ref: _angular_core.Signal<ElementRef<any> | undefined>;
|
|
2856
|
-
|
|
2857
|
-
_name: _angular_core.WritableSignal<string | undefined>;
|
|
2871
|
+
_labelRef: _angular_core.Signal<ElementRef<any> | undefined>;
|
|
2858
2872
|
initialized: _angular_core.WritableSignal<boolean>;
|
|
2859
|
-
|
|
2860
|
-
|
|
2861
|
-
|
|
2862
|
-
|
|
2863
|
-
|
|
2864
|
-
|
|
2873
|
+
internalActive: _angular_core.WritableSignal<boolean | undefined>;
|
|
2874
|
+
internalTabIndex: _angular_core.WritableSignal<number>;
|
|
2875
|
+
isTruncated: _angular_core.WritableSignal<boolean>;
|
|
2876
|
+
tooltipText: _angular_core.WritableSignal<string>;
|
|
2877
|
+
_resizeObserver: _angular_core.WritableSignal<ResizeObserver | null | undefined>;
|
|
2878
|
+
_ariaSelectedListener: _angular_core.WritableSignal<{
|
|
2879
|
+
fn: (event: any) => void;
|
|
2880
|
+
} | null>;
|
|
2881
|
+
getCurrentTabIndex(): number;
|
|
2882
|
+
handleClick(event: any): void;
|
|
2883
|
+
checkTruncation(): void;
|
|
2884
|
+
constructor();
|
|
2865
2885
|
/**
|
|
2866
2886
|
* Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil.
|
|
2867
2887
|
* @param element the ref for the component
|
|
2868
2888
|
* @param customElementSelector the custom element like `my-component`
|
|
2869
2889
|
*/
|
|
2870
2890
|
private enableAttributePassing;
|
|
2871
|
-
writeValue(value: any): void;
|
|
2872
|
-
propagateChange(_: any): void;
|
|
2873
|
-
registerOnChange(onChange: any): void;
|
|
2874
|
-
registerOnTouched(onTouched: any): void;
|
|
2875
|
-
setDisabledState(disabled: boolean): void;
|
|
2876
2891
|
ngAfterViewInit(): void;
|
|
2877
2892
|
ngOnDestroy(): void;
|
|
2878
2893
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<DBTabItem, never>;
|
|
2879
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<DBTabItem, "db-tab-item", never, { "active": { "alias": "active"; "required": false; "isSignal": true; }; "
|
|
2894
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<DBTabItem, "db-tab-item", never, { "active": { "alias": "active"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "showIcon": { "alias": "showIcon"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "tabIndex": { "alias": "tabIndex"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "className": { "alias": "className"; "required": false; "isSignal": true; }; "noText": { "alias": "noText"; "required": false; "isSignal": true; }; "ariaControls": { "alias": "ariaControls"; "required": false; "isSignal": true; }; "id": { "alias": "id"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "showIconLeading": { "alias": "showIconLeading"; "required": false; "isSignal": true; }; "iconLeading": { "alias": "iconLeading"; "required": false; "isSignal": true; }; "showIconTrailing": { "alias": "showIconTrailing"; "required": false; "isSignal": true; }; "iconTrailing": { "alias": "iconTrailing"; "required": false; "isSignal": true; }; }, { "disabled": "disabledChange"; "click": "click"; }, never, ["*"], true, never>;
|
|
2880
2895
|
}
|
|
2881
2896
|
|
|
2882
|
-
type DBTabListDefaultProps = {
|
|
2883
|
-
|
|
2884
|
-
|
|
2885
|
-
|
|
2897
|
+
type DBTabListDefaultProps = {
|
|
2898
|
+
/**
|
|
2899
|
+
* Defines a string value that labels the current element (WAI-ARIA).
|
|
2900
|
+
*/
|
|
2901
|
+
ariaLabel?: string;
|
|
2902
|
+
/**
|
|
2903
|
+
* Identifies the element (or elements) that labels the current element (WAI-ARIA).
|
|
2904
|
+
*/
|
|
2905
|
+
ariaLabelledby?: string;
|
|
2906
|
+
};
|
|
2907
|
+
type DBTabListProps = DBTabListDefaultProps & GlobalProps & OrientationProps;
|
|
2908
|
+
interface DBTabListState extends GlobalState {
|
|
2909
|
+
_id?: string;
|
|
2910
|
+
}
|
|
2886
2911
|
|
|
2887
2912
|
declare class DBTabList implements AfterViewInit {
|
|
2888
2913
|
protected readonly cls: (...args: ClassNameArg[]) => string;
|
|
2889
2914
|
id: InputSignal<DBTabListProps["id"]>;
|
|
2890
|
-
propOverrides: InputSignal<DBTabListProps["propOverrides"]>;
|
|
2891
2915
|
className: InputSignal<DBTabListProps["className"]>;
|
|
2916
|
+
orientation: InputSignal<DBTabListProps["orientation"]>;
|
|
2917
|
+
ariaLabelledby: InputSignal<DBTabListProps["ariaLabelledby"]>;
|
|
2918
|
+
ariaLabel: InputSignal<DBTabListProps["ariaLabel"]>;
|
|
2892
2919
|
_ref: _angular_core.Signal<ElementRef<any> | undefined>;
|
|
2920
|
+
_id: _angular_core.WritableSignal<string | undefined>;
|
|
2893
2921
|
constructor();
|
|
2894
2922
|
/**
|
|
2895
2923
|
* Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil.
|
|
@@ -2899,7 +2927,7 @@ declare class DBTabList implements AfterViewInit {
|
|
|
2899
2927
|
private enableAttributePassing;
|
|
2900
2928
|
ngAfterViewInit(): void;
|
|
2901
2929
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<DBTabList, never>;
|
|
2902
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<DBTabList, "db-tab-list", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "
|
|
2930
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<DBTabList, "db-tab-list", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "className": { "alias": "className"; "required": false; "isSignal": true; }; "orientation": { "alias": "orientation"; "required": false; "isSignal": true; }; "ariaLabelledby": { "alias": "ariaLabelledby"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
|
|
2903
2931
|
}
|
|
2904
2932
|
|
|
2905
2933
|
type DBTabPanelDefaultProps = {
|
|
@@ -2907,16 +2935,29 @@ type DBTabPanelDefaultProps = {
|
|
|
2907
2935
|
* The content if you don't want to use children.
|
|
2908
2936
|
*/
|
|
2909
2937
|
content?: string;
|
|
2938
|
+
/**
|
|
2939
|
+
* If the panel is hidden.
|
|
2940
|
+
*/
|
|
2941
|
+
hidden?: boolean;
|
|
2942
|
+
/**
|
|
2943
|
+
* The id of the tab that labels this panel (WAI-ARIA).
|
|
2944
|
+
*/
|
|
2945
|
+
ariaLabelledby?: string;
|
|
2946
|
+
/**
|
|
2947
|
+
* Accessible label for the panel, overrides ariaLabelledby for the accessible name.
|
|
2948
|
+
*/
|
|
2949
|
+
ariaLabel?: string;
|
|
2910
2950
|
};
|
|
2911
2951
|
type DBTabPanelProps = DBTabPanelDefaultProps & GlobalProps;
|
|
2912
|
-
type DBTabPanelDefaultState = {};
|
|
2913
|
-
type DBTabPanelState = DBTabPanelDefaultState & GlobalState;
|
|
2914
2952
|
|
|
2915
2953
|
declare class DBTabPanel implements AfterViewInit {
|
|
2916
2954
|
protected readonly cls: (...args: ClassNameArg[]) => string;
|
|
2917
2955
|
className: InputSignal<DBTabPanelProps["className"]>;
|
|
2918
2956
|
id: InputSignal<DBTabPanelProps["id"]>;
|
|
2919
2957
|
propOverrides: InputSignal<DBTabPanelProps["propOverrides"]>;
|
|
2958
|
+
hidden: InputSignal<DBTabPanelProps["hidden"]>;
|
|
2959
|
+
ariaLabel: InputSignal<DBTabPanelProps["ariaLabel"]>;
|
|
2960
|
+
ariaLabelledby: InputSignal<DBTabPanelProps["ariaLabelledby"]>;
|
|
2920
2961
|
content: InputSignal<DBTabPanelProps["content"]>;
|
|
2921
2962
|
_ref: _angular_core.Signal<ElementRef<any> | undefined>;
|
|
2922
2963
|
constructor();
|
|
@@ -2928,7 +2969,7 @@ declare class DBTabPanel implements AfterViewInit {
|
|
|
2928
2969
|
private enableAttributePassing;
|
|
2929
2970
|
ngAfterViewInit(): void;
|
|
2930
2971
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<DBTabPanel, never>;
|
|
2931
|
-
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>;
|
|
2972
|
+
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; }; "hidden": { "alias": "hidden"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "ariaLabelledby": { "alias": "ariaLabelledby"; "required": false; "isSignal": true; }; "content": { "alias": "content"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
|
|
2932
2973
|
}
|
|
2933
2974
|
|
|
2934
2975
|
declare const TabsBehaviorList: readonly ["scrollbar", "arrows"];
|
|
@@ -2949,6 +2990,12 @@ type DBTabsDefaultProps = {
|
|
|
2949
2990
|
* Default behavior is auto selecting the first tab, change selected tab by index
|
|
2950
2991
|
*/
|
|
2951
2992
|
initialSelectedIndex?: number | string;
|
|
2993
|
+
/**
|
|
2994
|
+
* Controlled active tab index. When set, the component becomes controlled:
|
|
2995
|
+
* the consumer is responsible for updating this value in the onIndexChange handler.
|
|
2996
|
+
* Takes precedence over initialSelectedIndex after mount.
|
|
2997
|
+
*/
|
|
2998
|
+
activeIndex?: number | string;
|
|
2952
2999
|
/**
|
|
2953
3000
|
* Default behavior is auto selecting the first tab, disable it with 'manually'
|
|
2954
3001
|
*/
|
|
@@ -2961,6 +3008,18 @@ type DBTabsDefaultProps = {
|
|
|
2961
3008
|
* Provide simple tabs with label + text as content
|
|
2962
3009
|
*/
|
|
2963
3010
|
tabs?: DBSimpleTabProps[] | string;
|
|
3011
|
+
/**
|
|
3012
|
+
* Width of the tab-items. Auto width based on tab-item size, full width based on parent elements width.
|
|
3013
|
+
*/
|
|
3014
|
+
tabItemWidth?: WidthType | string;
|
|
3015
|
+
/**
|
|
3016
|
+
* Accessible label for the "scroll towards start" button (i18n). Only used with behavior="arrows".
|
|
3017
|
+
*/
|
|
3018
|
+
scrollStartLabel?: string;
|
|
3019
|
+
/**
|
|
3020
|
+
* Accessible label for the "scroll towards end" button (i18n). Only used with behavior="arrows".
|
|
3021
|
+
*/
|
|
3022
|
+
scrollEndLabel?: string;
|
|
2964
3023
|
};
|
|
2965
3024
|
type DBTabsEventProps = {
|
|
2966
3025
|
/**
|
|
@@ -2972,59 +3031,95 @@ type DBTabsEventProps = {
|
|
|
2972
3031
|
*/
|
|
2973
3032
|
onIndexChange?: (index?: number) => void;
|
|
2974
3033
|
/**
|
|
2975
|
-
*
|
|
3034
|
+
* Fires when the active tab changes and a `value` prop is set on the tab items.
|
|
3035
|
+
* Payload is the `value` string of the newly active tab item, or undefined
|
|
3036
|
+
* if the tab item has no `value` prop set.
|
|
3037
|
+
* Use this for form binding (e.g. Angular FormControl, React controlled state).
|
|
2976
3038
|
*/
|
|
2977
|
-
|
|
2978
|
-
/**
|
|
2979
|
-
* Informs the user if another tab has been selected.
|
|
2980
|
-
*/
|
|
2981
|
-
tabSelect?: (event?: InputEvent<HTMLElement>) => void;
|
|
3039
|
+
onValueChange?: (value?: string) => void;
|
|
2982
3040
|
};
|
|
2983
|
-
type DBTabsProps = DBTabsDefaultProps & GlobalProps & OrientationProps &
|
|
3041
|
+
type DBTabsProps = DBTabsDefaultProps & GlobalProps & OrientationProps & TabItemAlignmentProps & DBTabsEventProps;
|
|
2984
3042
|
type DBTabsDefaultState = {
|
|
2985
|
-
|
|
2986
|
-
|
|
2987
|
-
|
|
2988
|
-
|
|
2989
|
-
|
|
3043
|
+
_generatedId: string;
|
|
3044
|
+
_generatedName: string;
|
|
3045
|
+
_id: () => string;
|
|
3046
|
+
_name: () => string;
|
|
3047
|
+
_getScrollContainer: () => Element | null;
|
|
3048
|
+
scroll: (toStart?: boolean) => void;
|
|
3049
|
+
showScrollStart?: boolean;
|
|
3050
|
+
showScrollEnd?: boolean;
|
|
3051
|
+
_isRtl: () => boolean;
|
|
2990
3052
|
evaluateScrollButtons: (tabList: Element) => void;
|
|
2991
|
-
|
|
3053
|
+
_cachedTabs: DBSimpleTabProps[];
|
|
3054
|
+
_updateCachedTabs: () => void;
|
|
2992
3055
|
initTabList: () => void;
|
|
2993
|
-
initTabs: (
|
|
2994
|
-
|
|
2995
|
-
|
|
3056
|
+
initTabs: (activeIndex?: number) => void;
|
|
3057
|
+
_resizeObserver?: ResizeObserver | null;
|
|
3058
|
+
_observer?: MutationObserver | null;
|
|
3059
|
+
_pendingRafId: number | null;
|
|
3060
|
+
_scrollListener: {
|
|
3061
|
+
fn: () => void;
|
|
3062
|
+
} | null;
|
|
3063
|
+
activeTabIndex: number;
|
|
3064
|
+
activateTab: (index: number) => void;
|
|
3065
|
+
getTabId: (index: number | string) => string;
|
|
3066
|
+
getPanelId: (index: number | string) => string;
|
|
3067
|
+
handleClick: (event: any) => void;
|
|
3068
|
+
handleKeyDown: (event: any) => void;
|
|
3069
|
+
isIndexActive: (index: number | string) => boolean;
|
|
3070
|
+
getTabItemTabIndex: (index: number | string) => 0 | -1;
|
|
2996
3071
|
};
|
|
2997
3072
|
type DBTabsState = DBTabsDefaultState & InitializedState;
|
|
2998
3073
|
|
|
2999
3074
|
declare class DBTabs implements AfterViewInit, OnDestroy {
|
|
3000
3075
|
protected readonly cls: (...args: ClassNameArg[]) => string;
|
|
3076
|
+
initialSelectedIndex: InputSignal<DBTabsProps["initialSelectedIndex"]>;
|
|
3077
|
+
initialSelectedMode: InputSignal<DBTabsProps["initialSelectedMode"]>;
|
|
3001
3078
|
name: InputSignal<DBTabsProps["name"]>;
|
|
3002
3079
|
tabs: InputSignal<DBTabsProps["tabs"]>;
|
|
3080
|
+
activeIndex: InputSignal<DBTabsProps["activeIndex"]>;
|
|
3081
|
+
id: InputSignal<DBTabsProps["id"]>;
|
|
3003
3082
|
arrowScrollDistance: InputSignal<DBTabsProps["arrowScrollDistance"]>;
|
|
3004
3083
|
orientation: InputSignal<DBTabsProps["orientation"]>;
|
|
3005
3084
|
behavior: InputSignal<DBTabsProps["behavior"]>;
|
|
3006
|
-
initialSelectedMode: InputSignal<DBTabsProps["initialSelectedMode"]>;
|
|
3007
|
-
initialSelectedIndex: InputSignal<DBTabsProps["initialSelectedIndex"]>;
|
|
3008
|
-
id: InputSignal<DBTabsProps["id"]>;
|
|
3009
3085
|
propOverrides: InputSignal<DBTabsProps["propOverrides"]>;
|
|
3010
3086
|
className: InputSignal<DBTabsProps["className"]>;
|
|
3011
|
-
|
|
3012
|
-
|
|
3087
|
+
tabItemAlignment: InputSignal<DBTabsProps["tabItemAlignment"]>;
|
|
3088
|
+
tabItemWidth: InputSignal<DBTabsProps["tabItemWidth"]>;
|
|
3089
|
+
scrollStartLabel: InputSignal<DBTabsProps["scrollStartLabel"]>;
|
|
3090
|
+
scrollEndLabel: InputSignal<DBTabsProps["scrollEndLabel"]>;
|
|
3013
3091
|
indexChange: _angular_core.OutputEmitterRef<number | void | undefined>;
|
|
3014
|
-
|
|
3092
|
+
valueChange: _angular_core.OutputEmitterRef<string | void | undefined>;
|
|
3015
3093
|
_ref: _angular_core.Signal<ElementRef<any> | undefined>;
|
|
3016
|
-
|
|
3094
|
+
_generatedId: _angular_core.WritableSignal<string>;
|
|
3095
|
+
_generatedName: _angular_core.WritableSignal<string>;
|
|
3096
|
+
activeTabIndex: _angular_core.WritableSignal<number>;
|
|
3017
3097
|
initialized: _angular_core.WritableSignal<boolean>;
|
|
3018
|
-
|
|
3019
|
-
|
|
3020
|
-
|
|
3021
|
-
|
|
3022
|
-
|
|
3098
|
+
showScrollStart: _angular_core.WritableSignal<boolean | undefined>;
|
|
3099
|
+
showScrollEnd: _angular_core.WritableSignal<boolean | undefined>;
|
|
3100
|
+
_resizeObserver: _angular_core.WritableSignal<ResizeObserver | null | undefined>;
|
|
3101
|
+
_observer: _angular_core.WritableSignal<MutationObserver | null | undefined>;
|
|
3102
|
+
_pendingRafId: _angular_core.WritableSignal<number | null>;
|
|
3103
|
+
_scrollListener: _angular_core.WritableSignal<{
|
|
3104
|
+
fn: () => void;
|
|
3105
|
+
} | null>;
|
|
3106
|
+
_cachedTabs: _angular_core.WritableSignal<DBSimpleTabProps[]>;
|
|
3107
|
+
_id(): string;
|
|
3108
|
+
_name(): string;
|
|
3109
|
+
getTabId(index: number | string): string;
|
|
3110
|
+
getPanelId(index: number | string): string;
|
|
3111
|
+
activateTab(index: number): void;
|
|
3112
|
+
handleClick(event: any): void;
|
|
3113
|
+
handleKeyDown(event: any): void;
|
|
3114
|
+
isIndexActive(index: number | string): boolean;
|
|
3115
|
+
getTabItemTabIndex(index: number | string): 0 | -1;
|
|
3116
|
+
_updateCachedTabs(): void;
|
|
3117
|
+
_getScrollContainer(): any;
|
|
3118
|
+
_isRtl(): boolean;
|
|
3023
3119
|
evaluateScrollButtons(tList: Element): void;
|
|
3024
|
-
scroll(
|
|
3120
|
+
scroll(toStart?: boolean): void;
|
|
3025
3121
|
initTabList(): void;
|
|
3026
|
-
initTabs(
|
|
3027
|
-
handleChange(event: InputEvent<HTMLElement>): void;
|
|
3122
|
+
initTabs(activeIndex?: number): void;
|
|
3028
3123
|
trackByTab0(index: number, tab: any): string;
|
|
3029
3124
|
trackByTab1(index: number, tab: any): string;
|
|
3030
3125
|
constructor();
|
|
@@ -3037,7 +3132,7 @@ declare class DBTabs implements AfterViewInit, OnDestroy {
|
|
|
3037
3132
|
ngAfterViewInit(): void;
|
|
3038
3133
|
ngOnDestroy(): void;
|
|
3039
3134
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<DBTabs, never>;
|
|
3040
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<DBTabs, "db-tabs", never, { "
|
|
3135
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<DBTabs, "db-tabs", never, { "initialSelectedIndex": { "alias": "initialSelectedIndex"; "required": false; "isSignal": true; }; "initialSelectedMode": { "alias": "initialSelectedMode"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "tabs": { "alias": "tabs"; "required": false; "isSignal": true; }; "activeIndex": { "alias": "activeIndex"; "required": false; "isSignal": true; }; "id": { "alias": "id"; "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; }; "propOverrides": { "alias": "propOverrides"; "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>;
|
|
3041
3136
|
}
|
|
3042
3137
|
|
|
3043
3138
|
declare const TagBehaviorList: readonly ["static", "removable"];
|
|
@@ -3423,5 +3518,5 @@ declare const getFloatingProps: (element: HTMLElement, parent: HTMLElement, plac
|
|
|
3423
3518
|
};
|
|
3424
3519
|
declare const handleFixedPopover: (element: HTMLElement, parent: HTMLElement, placement: string) => void;
|
|
3425
3520
|
|
|
3426
|
-
export { AccordionBehaviorList, AccordionVariantList,
|
|
3427
|
-
export type { AccordionBehaviorType, AccordionVariantType, ActiveProps,
|
|
3521
|
+
export { AccordionBehaviorList, AccordionVariantList, 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, 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_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, TabItemAlignmentList, 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 };
|
|
3522
|
+
export type { AccordionBehaviorType, AccordionVariantType, ActiveProps, 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, DBTabListProps, DBTabListState, DBTabPanelDefaultProps, DBTabPanelProps, DBTabsDefaultProps, DBTabsDefaultState, DBTabsEventProps, DBTabsProps, DBTabsState, DBTagDefaultProps, DBTagDefaultState, DBTagEventsProps, DBTagProps, DBTagState, DBTextareaDefaultProps, DBTextareaDefaultState, DBTextareaProps, DBTextareaState, DBTooltipDefaultProps, DBTooltipDefaultState, DBTooltipProps, DBTooltipState, 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, 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, TabItemAlignmentProps, TabItemAlignmentType, TabsBehaviorType, TabsInitialSelectedModeType, TagBehaviorType, TextProps, TextareaResizeType, TextareaWrapType, ToggleEventProps, ToggleEventState, TooltipVariantType, TriangleData, ValidationType, ValueLabelType, ValueProps, WidthProps, WidthType, WrapProps };
|