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

package/dist/index.d.ts

@@ -27,6 +27,10 @@ export * from './components/custom-select/model.js';
 export * from './components/divider/index.js';
 export * from './components/divider/model.js';
 export * from './components/drawer/index.js';
+export * from './components/drawer-footer/index.js';
+export * from './components/drawer-footer/model.js';
+export * from './components/drawer-header/index.js';
+export * from './components/drawer-header/model.js';
 export * from './components/drawer/model.js';
 export * from './components/header/index.js';
 export * from './components/header/model.js';

package/dist/shared/model.d.ts

@@ -25,6 +25,18 @@ export interface GlobalProps {
      */
     propOverrides?: PropOverridesType;
 }
+export type StartSlotProps = {
+    /**
+     * Slot for start content, for example add a custom component between an icon and a label.
+     */
+    startSlot?: any;
+};
+export type EndSlotProps = {
+    /**
+     * Slot for end content, for example add a custom component between an icon and a label.
+     */
+    endSlot?: any;
+};
 export type PropOverridesType = Pick<GlobalProps, 'id'>;
 export type GlobalState = {
     _id?: string;
@@ -539,26 +551,6 @@ export type ValueLabelType = {
     value: string;
     label?: string;
 };
-export type OverflowScrollButtonProps = {
-    /**
-     * Change amount of scroll distance when clicking on an overflow scroll arrow button.
-     */
-    arrowScrollDistance?: number | string;
-    /**
-     * Set the text for the scroll left button
-     */
-    scrollLeftText?: string;
-    /**
-     * Set the text for the scroll right button
-     */
-    scrollRightText?: string;
-};
-export type OverflowScrollButtonState = {
-    scroll: (left?: boolean) => void;
-    showScrollLeft?: boolean;
-    showScrollRight?: boolean;
-    evaluateScrollButtons: (tabList: Element) => void;
-};
 export type DocumentScrollState = {
     _documentScrollListenerCallbackId?: string;
     handleDocumentScroll: (event: any, parent?: HTMLElement) => void;

package/dist/utils/index.d.ts

@@ -76,3 +76,12 @@ export declare const getNotificationRole: ({ semantic, role, ariaLive }: {
     role?: string;
     ariaLive?: string;
 }) => string | undefined;
+export declare const NAVIGATION_KEYS: readonly ["ArrowRight", "ArrowDown", "ArrowLeft", "ArrowUp", "Home", "End", "Enter", " "];
+/**
+ * Checks whether the browser natively supports the `focusgroup` HTML attribute.
+ * When supported, the browser handles arrow-key navigation and roving tabindex
+ * for composite widgets (tablists, toolbars, etc.), so our JS fallback can be skipped.
+ *
+ * @public
+ */
+export declare const hasFocusgroupSupport: () => boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@db-ux/v-core-components",
-  "version": "4.14.0",
+  "version": "5.0.0",
   "type": "module",
   "description": "Vue components for @db-ux/core-components",
   "repository": {
@@ -28,8 +28,8 @@
     "dist/"
   ],
   "dependencies": {
-    "@db-ux/core-components": "4.14.0",
-    "@db-ux/core-foundations": "4.14.0"
+    "@db-ux/core-components": "5.0.0",
+    "@db-ux/core-foundations": "5.0.0"
   },
   "devDependencies": {
     "@playwright/experimental-ct-vue": "1.60.0",
@@ -40,9 +40,9 @@
     "replace-in-file": "8.4.0",
     "tsx": "4.23.0",
     "typescript": "5.9.3",
-    "vite": "8.1.3",
+    "vite": "8.1.4",
     "vue": "3.5.39",
-    "vue-tsc": "3.3.6"
+    "vue-tsc": "3.3.7"
   },
   "publishConfig": {
     "registry": "https://registry.npmjs.org/",