@db-ux/v-core-components 4.12.1 → 4.13.0-shell-f221975

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@db-ux/v-core-components",
-  "version": "4.12.1",
+  "version": "4.13.0-shell-f221975",
   "type": "module",
   "description": "Vue components for @db-ux/core-components",
   "repository": {
@@ -28,21 +28,21 @@
     "dist/"
   ],
   "dependencies": {
-    "@db-ux/core-components": "4.12.1",
-    "@db-ux/core-foundations": "4.12.1"
+    "@db-ux/core-components": "4.13.0-shell-f221975",
+    "@db-ux/core-foundations": "4.13.0-shell-f221975"
   },
   "devDependencies": {
     "@playwright/experimental-ct-vue": "1.60.0",
     "@vitejs/plugin-vue": "6.0.7",
-    "@vue/compiler-dom": "3.5.38",
+    "@vue/compiler-dom": "3.5.39",
     "cpr": "3.0.1",
     "npm-run-all2": "9.0.2",
     "replace-in-file": "8.4.0",
-    "tsx": "4.22.4",
+    "tsx": "4.23.0",
     "typescript": "5.9.3",
-    "vite": "8.0.16",
-    "vue": "3.5.38",
-    "vue-tsc": "3.3.5"
+    "vite": "8.1.3",
+    "vue": "3.5.39",
+    "vue-tsc": "3.3.6"
   },
   "publishConfig": {
     "registry": "https://registry.npmjs.org/",

package/agent/Brand.md

@@ -1,19 +0,0 @@
-
-
-# Brand Examples (vue)
-
-```vue
-<template>
-  <h1>DBBrand Documentation Examples</h1>
-  <h2>1. Default Brand</h2>
-  <DBBrand>Default Brand</DBBrand>
-  <h2>2. Icon Visibility</h2>
-  <DBBrand :showIcon="false">Icon Hidden</DBBrand>
-  <h2>3. Custom Text</h2>
-  <DBBrand text="Custom Brand Text">With Custom Text</DBBrand>
-</template>
-
-<script setup lang="ts">
-import { DBBrand } from "@db-ux/v-v-core-components";
-</script>
-```

package/agent/Header.md

@@ -1,35 +0,0 @@
-
-
-# Header Examples (vue)
-
-```vue
-<template>
-  <h1>DBHeader Documentation Examples</h1>
-  <h2>1. Default Header</h2>
-  <DBHeader :drawerOpen="drawerOpen" :onToggle="(open) => (drawerOpen = open)">
-    <template v-slot:brand><DBBrand>My Awesome App</DBBrand></template>
-<template v-slot:metaNavigation><DBLink href="#">Imprint</DBLink><DBLink href="#">Help</DBLink></template>
-<template v-slot:primaryAction><DBButton icon="magnifying_glass" variant="ghost" noText>Search</DBButton></template>
-<template v-slot:secondaryAction><DBButton icon="x_placeholder" variant="ghost" noText>Profile</DBButton><DBButton icon="alert" variant="ghost" noText>Notification</DBButton><DBButton icon="help" variant="ghost" noText>Help</DBButton></template>
-
-    <DBNavigation
-      ><DBNavigationItem><a href="#">Navi-Item 1</a></DBNavigationItem
-      ><DBNavigationItem icon="x_placeholder"
-        ><a href="#">Navi-Item 2</a></DBNavigationItem
-      ><DBNavigationItem :disabled="true"
-        ><a href="#">Navi-Item 3</a></DBNavigationItem
-      ></DBNavigation
-    ></DBHeader
-  >
-</template>
-
-<script setup lang="ts">
-import { ref } from "vue";
-
-import { DBNavigation } from "@db-ux/v-v-core-components";
-import { DBNavigationItem } from "@db-ux/v-v-core-components";
-import { DBHeader } from "@db-ux/v-v-core-components";
-
-const drawerOpen = ref<boolean>(false);
-</script>
-```

package/agent/Navigation.md

@@ -1,23 +0,0 @@
-
-
-# Navigation Examples (vue)
-
-```vue
-<template>
-  <h1>DBNavigation Documentation Examples</h1>
-  <h2>1. Default Navigation</h2>
-  <DBNavigation
-    ><DBNavigationItem><a href="#">Navi-Item 1</a></DBNavigationItem
-    ><DBNavigationItem icon="x_placeholder"
-      ><a href="#">Navi-Item 2</a></DBNavigationItem
-    ><DBNavigationItem :disabled="true"
-      ><a href="#">Navi-Item 3</a></DBNavigationItem
-    ></DBNavigation
-  >
-</template>
-
-<script setup lang="ts">
-import { DBNavigationItem } from "@db-ux/v-v-core-components";
-import { DBNavigation } from "@db-ux/v-v-core-components";
-</script>
-```

package/agent/NavigationItem.md

@@ -1,29 +0,0 @@
-
-
-# NavigationItem Examples (vue)
-
-```vue
-<template>
-  <h1>DBNavigationItem Documentation Examples</h1>
-  <h2>1. Default Navigation Item</h2>
-  <DBNavigationItem>Default Navigation Item</DBNavigationItem>
-  <h2>2. Active State</h2>
-  <DBNavigationItem :active="true">Active Navigation Item</DBNavigationItem>
-  <h2>3. Disabled State</h2>
-  <DBNavigationItem :disabled="true">
-    Disabled Navigation Item
-  </DBNavigationItem>
-  <h2>4. Sub-Navigation</h2>
-  <DBNavigationItem :subNavigation="<div>Sub Navigation Content</div>">
-    Navigation Item with Sub-Navigation
-  </DBNavigationItem>
-  <h2>5. Icon Support</h2>
-  <DBNavigationItem icon="user"> Navigation Item with Icon </DBNavigationItem>
-  <h2>6. Custom Class</h2>
-  <DBNavigationItem> Navigation Item with Custom Class </DBNavigationItem>
-</template>
-
-<script setup lang="ts">
-import { DBNavigationItem } from "@db-ux/v-v-core-components";
-</script>
-```

package/agent/Page.md

@@ -1,33 +0,0 @@
-
-
-# Page Examples (vue)
-
-```vue
-<template>
-  <h1>DBPage Documentation Examples</h1>
-  <h2>1. Default Page</h2>
-  <DBPage><template v-slot:header><DBHeader>Header Content</DBHeader></template>
- Main Page</DBPage>
-  <h2>2. Document Overflow Variants</h2>
-  <DBPage documentOverflow="hidden">
-    <template v-slot:header><DBHeader>Header Content</DBHeader></template>
- Main Page with Hidden Overflow
-  </DBPage>
-  <DBPage documentOverflow="auto">
-    <template v-slot:header><DBHeader>Header Content</DBHeader></template>
- Main Page with Auto Overflow
-  </DBPage>
-  <h2>3. Fade-In Effect</h2>
-  <DBPage :fadeIn="true"><template v-slot:header><DBHeader>Header Content</DBHeader></template>
- Main Page with Fade-In</DBPage>
-  <h2>4. Variant Examples</h2>
-  <DBPage variant="auto"><template v-slot:header><DBHeader>Header Content</DBHeader></template>
- Page with Auto Variant</DBPage>
-  <DBPage variant="fixed"><template v-slot:header><DBHeader>Header Content</DBHeader></template>
- Page with Fixed Variant</DBPage>
-</template>
-
-<script setup lang="ts">
-import { DBPage } from "@db-ux/v-v-core-components";
-</script>
-```

package/dist/components/brand/index.d.ts

@@ -1 +0,0 @@
-export { default as DBBrand } from './brand.vue';

package/dist/components/brand/model.d.ts

@@ -1,10 +0,0 @@
-import type { GlobalProps, GlobalState, IconProps, ShowIconProps, TextProps } from '../../shared/model.js';
-export type DBBrandDefaultProps = {
-    /**
-     * @deprecated: Disable the default logo svg to pass in a custom `img`
-     */
-    hideLogo?: boolean;
-};
-export type DBBrandProps = DBBrandDefaultProps & GlobalProps & IconProps & ShowIconProps & TextProps;
-export type DBBrandDefaultState = {};
-export type DBBrandState = DBBrandDefaultState & GlobalState;

package/dist/components/header/header.vue.d.ts

@@ -1,40 +0,0 @@
-import { DBHeaderProps } from "./model.js";
-declare var __VLS_1: {}, __VLS_3: {}, __VLS_5: {}, __VLS_7: {}, __VLS_15: {}, __VLS_23: {}, __VLS_25: {}, __VLS_27: {};
-type __VLS_Slots = {} & {
-    'meta-navigation'?: (props: typeof __VLS_1) => any;
-} & {
-    brand?: (props: typeof __VLS_3) => any;
-} & {
-    default?: (props: typeof __VLS_5) => any;
-} & {
-    'primary-action'?: (props: typeof __VLS_7) => any;
-} & {
-    'secondary-action'?: (props: typeof __VLS_15) => any;
-} & {
-    default?: (props: typeof __VLS_23) => any;
-} & {
-    'meta-navigation'?: (props: typeof __VLS_25) => any;
-} & {
-    'secondary-action'?: (props: typeof __VLS_27) => any;
-};
-declare const __VLS_base: import("@vue/runtime-core").DefineComponent<DBHeaderProps, {}, {}, {}, {}, import("@vue/runtime-core").ComponentOptionsMixin, import("@vue/runtime-core").ComponentOptionsMixin, {}, string, import("@vue/runtime-core").PublicProps, Readonly<DBHeaderProps> & Readonly<{}>, {
-    id: string;
-    children: any;
-    className: string;
-    propOverrides: import("../../index.js", { with: { "resolution-mode": "import" } }).PropOverridesType;
-    onToggle: (open: boolean) => void;
-    width: import("../../index.js", { with: { "resolution-mode": "import" } }).MaxWidthType;
-    closeButtonId: string;
-    closeButtonText: string;
-    drawerOpen: boolean | string;
-    forceMobile: boolean | string;
-    burgerMenuLabel: string;
-}, {}, {}, {}, string, import("@vue/runtime-core").ComponentProvideOptions, false, {}, any>;
-declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
-declare const _default: typeof __VLS_export;
-export default _default;
-type __VLS_WithSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};

package/dist/components/header/index.d.ts

@@ -1 +0,0 @@
-export { default as DBHeader } from './header.vue';

package/dist/components/header/model.d.ts

@@ -1,44 +0,0 @@
-import type { ContainerWidthProps, GlobalProps, GlobalState, InitializedState, InnerCloseButtonProps, NavigationBehaviorState, ToggleEventProps, ToggleEventState } from '../../shared/model.js';
-export type DBHeaderDefaultProps = {
-    /**
-     * Slot to pass in the DBBrand component
-     */
-    brand?: any;
-    /**
-     * Slot to pass in a meta navigation.
-     * - Desktop: Above the regular header
-     * - Mobile: Inside the drawer
-     */
-    metaNavigation?: any;
-    /**
-     * Slot to pass one or more elements like DBButton (e.g. search) as primary action.
-     * - Desktop: Shown next to the main-navigation
-     * - Mobile: Shown next to the brand
-     */
-    primaryAction?: any;
-    /**
-     * Slot to pass one or more elements like DBButton (e.g. profile, language, etc.) as secondary action.
-     * - Desktop: Shown separated by divider at the end of the header
-     * - Mobile: Shown inside the drawer at the bottom.
-     */
-    secondaryAction?: any;
-    /**
-     * Open/closes the drawer for mobile header or if `forceMobile` is true.
-     */
-    drawerOpen?: boolean | string;
-    /**
-     * Forces the header to use mobile layout for desktop as well.
-     * You should only use this setting if you really can't provide a smaller navigation.
-     * Overwrite size of the drawer with '--db-drawer-max-width: xxx'
-     */
-    forceMobile?: boolean | string;
-    /**
-     * This attribute sets the label for the burger menu button for mobile headers.
-     */
-    burgerMenuLabel?: string;
-};
-export type DBHeaderProps = DBHeaderDefaultProps & InnerCloseButtonProps & GlobalProps & ToggleEventProps & ContainerWidthProps;
-export type DBHeaderDefaultState = {
-    forcedToMobile?: boolean;
-};
-export type DBHeaderState = DBHeaderDefaultState & GlobalState & ToggleEventState<HTMLElement> & InitializedState & NavigationBehaviorState;

package/dist/components/navigation/index.d.ts

@@ -1 +0,0 @@
-export { default as DBNavigation } from './navigation.vue';

package/dist/components/navigation/model.d.ts

@@ -1,5 +0,0 @@
-import type { GlobalProps } from '../../shared/model.js';
-export type DBNavigationDefaultProps = {};
-export type DBNavigationProps = DBNavigationDefaultProps & GlobalProps;
-export type DBNavigationDefaultState = {};
-export type DBNavigationState = DBNavigationDefaultState;

package/dist/components/navigation-item/index.d.ts

@@ -1 +0,0 @@
-export { default as DBNavigationItem } from './navigation-item.vue';

package/dist/components/navigation-item/model.d.ts

@@ -1,39 +0,0 @@
-import type { ClickEvent, ClickEventProps, ClickEventState, GlobalProps, GlobalState, IconProps, InitializedState, NavigationBackButtonProps, NavigationBehaviorState, ShowIconProps, TextProps, WidthProps, WrapProps } from '../../shared/model.js';
-import type { NavigationItemSafeTriangle } from '../../utils/navigation.js';
-export type DBNavigationItemDefaultProps = {
-    /**
-     * Alternative indicator for active navigation item (bold font). In contrast to the use of aria-current="page" on the contained anchor, this does not guarantee correct a11y.
-     */
-    active?: boolean;
-    /**
-     * The disabled attribute can be set to [keep a user from clicking on the item](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#disabled).
-     */
-    disabled?: boolean | string;
-    /**
-     * React-specific property to pass in a slot for sub-navigation
-     */
-    subNavigation?: any;
-    /**
-     * This is for mobile navigation only, if it is set the sub-navigation is a static overlay
-     */
-    subNavigationExpanded?: boolean | string;
-    /**
-     * Force hide sub-navigation - for web component output
-     */
-    hideSubNavigation?: boolean | string;
-};
-export type DBNavigationItemProps = DBNavigationItemDefaultProps & GlobalProps & ClickEventProps<HTMLButtonElement> & IconProps & WidthProps & WrapProps & NavigationBackButtonProps & ShowIconProps & TextProps;
-export type DBNavigationItemDefaultState = {
-    handleBackClick: (event: ClickEvent<HTMLButtonElement>) => void;
-    hasAreaPopup: boolean;
-    isSubNavigationExpanded: boolean;
-    /**
-     * Internal state property to show/hide sub-navigation button
-     */
-    hasSubNavigation?: boolean;
-    navigationItemSafeTriangle?: NavigationItemSafeTriangle;
-    autoClose?: boolean;
-    subNavigationId?: string;
-    subNavigationToggleId?: string;
-};
-export type DBNavigationItemState = DBNavigationItemDefaultState & ClickEventState<HTMLButtonElement> & GlobalState & InitializedState & NavigationBehaviorState;

package/dist/components/page/index.d.ts

@@ -1 +0,0 @@
-export { default as DBPage } from './page.vue';

package/dist/components/page/model.d.ts

@@ -1,36 +0,0 @@
-import type { GlobalProps, GlobalState } from '../../shared/model.js';
-export declare const PageVariantList: readonly ["auto", "fixed"];
-export type PageVariantType = (typeof PageVariantList)[number];
-export declare const PageDocumentOverflowList: readonly ["hidden", "auto"];
-export type PageDocumentOverflowType = (typeof PageDocumentOverflowList)[number];
-export type DBPageDefaultProps = {
-    /**
-     * The documentOverflow sets the overflow:hidden/auto to the root document
-     */
-    documentOverflow?: PageDocumentOverflowType;
-    /**
-     * Set this to have a transition with opacity to avoid layout-shifts https://simonhearne.com/2021/layout-shifts-webfonts/
-     */
-    fadeIn?: boolean | string;
-    /**
-     * The slot can be used for React to set a footer.
-     */
-    footer?: any;
-    /**
-     * The slot can be used for React to set a header.
-     */
-    header?: any;
-    /**
-     * Adds `class` to `<main>` element
-     */
-    mainClass?: string;
-    /**
-     * The variant=fixed uses flex-box to make header and footer static
-     */
-    variant?: PageVariantType;
-};
-export type DBPageProps = DBPageDefaultProps & GlobalProps;
-export type DBPageDefaultState = {
-    fontsLoaded?: boolean;
-};
-export type DBPageState = DBPageDefaultState & GlobalState;