@db-ux/v-core-components 4.13.1-angular-signal-forms12-ac097f6 → 4.14.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 +14 -0
- package/dist/components/custom-select/model.d.ts +5 -1
- package/dist/components/tabs/model.d.ts +4 -12
- package/dist/components/tabs/tabs.vue.d.ts +3 -1
- package/dist/db-ux.es.js +619 -548
- package/dist/db-ux.umd.js +1 -1
- package/dist/shared/constants.d.ts +2 -0
- package/dist/shared/model.d.ts +27 -4
- package/dist/utils/abstract-document-listener.d.ts +18 -0
- package/dist/utils/abstract-observer-listener.d.ts +39 -0
- package/dist/utils/document-click-listener.d.ts +3 -3
- package/dist/utils/document-scroll-listener.d.ts +3 -3
- package/dist/utils/floating-components.d.ts +29 -6
- package/dist/utils/intersection-observer-listener.d.ts +15 -0
- package/dist/utils/resize-observer-listener.d.ts +15 -0
- package/package.json +3 -3
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,19 @@
|
|
|
1
1
|
# @db-ux/v-core-components
|
|
2
2
|
|
|
3
|
+
## 4.14.0
|
|
4
|
+
|
|
5
|
+
### Minor Changes
|
|
6
|
+
|
|
7
|
+
- refactor: consolidate floating component listeners into shared abstractions - [see commit de676fe](https://github.com/db-ux-design-system/core-web/commit/de676fe17e8a8157acd2e574fcea28ab6022389c)
|
|
8
|
+
|
|
9
|
+
### Patch Changes
|
|
10
|
+
|
|
11
|
+
- fix: correct accordion variant backgrounds to match design (divider is transparent, card is level-1 including the open content area) - [see commit b611b84](https://github.com/db-ux-design-system/core-web/commit/b611b845e6aded8f50dd07f3727ebf5fdf902b69)
|
|
12
|
+
|
|
13
|
+
- fix: use inline-flex with align-items center for link components to vertically center text with fixed height across densities - [see commit 5ebdef8](https://github.com/db-ux-design-system/core-web/commit/5ebdef89b14d56d901630aa61e098213704ba603)
|
|
14
|
+
|
|
15
|
+
- fix: `key` special attributes need to be unique - [see commit 63eb9d5](https://github.com/db-ux-design-system/core-web/commit/63eb9d596e83f196ca00aee1de26a5a2e33b4864)
|
|
16
|
+
|
|
3
17
|
## 4.13.0
|
|
4
18
|
|
|
5
19
|
### Minor Changes
|
|
@@ -194,6 +194,10 @@ export type DBCustomSelectDefaultState = {
|
|
|
194
194
|
_infoTextId?: string;
|
|
195
195
|
_internalChangeTimestamp: number;
|
|
196
196
|
_documentClickListenerCallbackId?: string;
|
|
197
|
+
_documentScrollListenerCallbackId?: string;
|
|
198
|
+
handleDocumentScroll: (event: any) => void;
|
|
199
|
+
_intersectionObserverCallbackId?: string;
|
|
200
|
+
_resizeObserverCallbackId?: string;
|
|
197
201
|
_searchValue?: string;
|
|
198
202
|
_userInteraction?: boolean;
|
|
199
203
|
getNativeSelectValue: () => string;
|
|
@@ -204,7 +208,7 @@ export type DBCustomSelectDefaultState = {
|
|
|
204
208
|
searchEnabled: boolean;
|
|
205
209
|
amountOptions: number;
|
|
206
210
|
setDescById: (descId?: string) => void;
|
|
207
|
-
handleTagRemove: (option: CustomSelectOptionType, event?: ClickEvent<HTMLButtonElement> | void) => void;
|
|
211
|
+
handleTagRemove: (option: CustomSelectOptionType, event?: ClickEvent<HTMLButtonElement> | Event | void) => void;
|
|
208
212
|
handleSummaryFocus: () => void;
|
|
209
213
|
handleSelect: (value?: string) => void;
|
|
210
214
|
handleSelectAll: (event: any) => void;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import type { AlignmentProps, GlobalProps, InitializedState, InputEvent, OrientationProps, WidthProps } from '../../shared/model.js';
|
|
1
|
+
import type { AlignmentProps, GlobalProps, InitializedState, InputEvent, OrientationProps, OverflowScrollButtonProps, OverflowScrollButtonState, WidthProps } from '../../shared/model.js';
|
|
2
2
|
import type { DBTabItemProps } from '../tab-item/model.js';
|
|
3
3
|
import type { DBTabPanelProps } from '../tab-panel/model.js';
|
|
4
4
|
export declare const TabsBehaviorList: readonly ["scrollbar", "arrows"];
|
|
@@ -7,10 +7,6 @@ export declare const TabsInitialSelectedModeList: readonly ["auto", "manually"];
|
|
|
7
7
|
export type TabsInitialSelectedModeType = (typeof TabsInitialSelectedModeList)[number];
|
|
8
8
|
export type DBSimpleTabProps = DBTabItemProps & DBTabPanelProps;
|
|
9
9
|
export type DBTabsDefaultProps = {
|
|
10
|
-
/**
|
|
11
|
-
* Change amount of distance if you click on an arrow, only available with behavior="arrows"
|
|
12
|
-
*/
|
|
13
|
-
arrowScrollDistance?: number | string;
|
|
14
10
|
/**
|
|
15
11
|
* Show a scrollbar or buttons with arrows to navigate for horizontal tabs with overflow visible
|
|
16
12
|
*/
|
|
@@ -50,18 +46,14 @@ export type DBTabsEventProps = {
|
|
|
50
46
|
*/
|
|
51
47
|
tabSelect?: (event?: InputEvent<HTMLElement>) => void;
|
|
52
48
|
};
|
|
53
|
-
export type DBTabsProps = DBTabsDefaultProps & GlobalProps & OrientationProps & WidthProps & AlignmentProps & DBTabsEventProps;
|
|
49
|
+
export type DBTabsProps = DBTabsDefaultProps & GlobalProps & OrientationProps & WidthProps & AlignmentProps & OverflowScrollButtonProps & DBTabsEventProps;
|
|
54
50
|
export type DBTabsDefaultState = {
|
|
55
51
|
_name: string;
|
|
56
52
|
scrollContainer?: Element | null;
|
|
57
|
-
scroll: (left?: boolean) => void;
|
|
58
|
-
showScrollLeft?: boolean;
|
|
59
|
-
showScrollRight?: boolean;
|
|
60
|
-
evaluateScrollButtons: (tabList: Element) => void;
|
|
61
53
|
convertTabs: () => DBSimpleTabProps[];
|
|
62
54
|
initTabList: () => void;
|
|
63
55
|
initTabs: (init?: boolean) => void;
|
|
64
56
|
handleChange: (event: InputEvent<HTMLElement>) => void;
|
|
65
|
-
|
|
57
|
+
_resizeObserverCallbackId?: string;
|
|
66
58
|
};
|
|
67
|
-
export type DBTabsState = DBTabsDefaultState & InitializedState;
|
|
59
|
+
export type DBTabsState = DBTabsDefaultState & InitializedState & OverflowScrollButtonState;
|
|
@@ -13,11 +13,13 @@ declare const __VLS_base: import("@vue/runtime-core").DefineComponent<DBTabsProp
|
|
|
13
13
|
behavior: import("./model.js", { with: { "resolution-mode": "import" } }).TabsBehaviorType;
|
|
14
14
|
width: import("../../shared/model.js", { with: { "resolution-mode": "import" } }).WidthType | string;
|
|
15
15
|
alignment: import("../../shared/model.js", { with: { "resolution-mode": "import" } }).AlignmentType | string;
|
|
16
|
-
arrowScrollDistance: number | string;
|
|
17
16
|
initialSelectedIndex: number | string;
|
|
18
17
|
initialSelectedMode: import("./model.js", { with: { "resolution-mode": "import" } }).TabsInitialSelectedModeType;
|
|
19
18
|
tabs: DBSimpleTabProps[] | string;
|
|
20
19
|
orientation: import("../../shared/model.js", { with: { "resolution-mode": "import" } }).OrientationType;
|
|
20
|
+
arrowScrollDistance: number | string;
|
|
21
|
+
scrollLeftText: string;
|
|
22
|
+
scrollRightText: string;
|
|
21
23
|
onIndexChange: (index?: number) => void;
|
|
22
24
|
onTabSelect: (event?: InputEvent<HTMLElement>) => void;
|
|
23
25
|
}, {}, {}, {}, string, import("@vue/runtime-core").ComponentProvideOptions, false, {}, any>;
|