@db-ux/v-core-components 5.2.1 → 5.4.0

package/CHANGELOG.md

@@ -1,5 +1,47 @@
 # @db-ux/v-core-components
 
+## 5.4.0
+
+### Minor Changes
+
+- feat(DBFooter): add the composable DBFooter, DBFooterContent and DBFooterMeta components - [see commit 7df9937](https://github.com/db-ux-design-system/core-web/commit/7df99378cb41c17ca818792918e7e8f18a96a2ec):
+
+    - `DBFooter` renders the native `contentinfo` landmark and the layout container with the
+    - optional `width` variants. `DBFooterContent` holds the primary area, `DBFooterMeta` the
+    - secondary one including an optional `copyright` holder, for which the component prepends
+    - the copyright symbol. Both areas are optional, so consumers compose only the parts they
+    - need and wrap navigational content in a labelled `nav` themselves.
+    - Inside `DBFooterMeta` the copyright and the secondary content sit side by side from a
+    - viewport width of 768 px upwards, with the copyright aligned to the top of the row, and
+    - stack below that. `data-force-mobile="true"` on the footer forces the stacked
+    - arrangement, for a footer placed in a region narrower than the viewport suggests.
+
+## 5.3.0
+
+### Minor Changes
+
+- feat: introduce control-panel shell architecture (deprecates DBPage, DBHeader, DBBrand, DBNavigation, DBNavigationItem) - [see commit eafd85b](https://github.com/db-ux-design-system/core-web/commit/eafd85bc0d1692e9124a7599fe1397f9ff68a759):
+    - New `DBShell` component (deprecates `DBPage`)
+    - New `DBControlPanelDesktop` and `DBControlPanelMobile` (deprecates `DBHeader`)
+    - New `DBControlPanelBrand` (deprecates `DBBrand`)
+    - New `DBControlPanelNavigation` (deprecates `DBNavigation`)
+    - New `DBControlPanelNavigationItem` (deprecates `DBNavigationItem`)
+    - New `DBControlPanelNavigationItemGroup` for sub-navigation
+    - New `DBShellContent` component for main content area
+    - New `DBShellSubNavigation` for secondary navigation panels
+    - New `DBControlPanelMeta`, `DBControlPanelActions1`, `DBControlPanelActions2` slot components
+    - New `DBControlPanelFlatIcon` for collapsed icon-only navigation
+
+- feat: add logo token variables - [see commit eafd85b](https://github.com/db-ux-design-system/core-web/commit/eafd85bc0d1692e9124a7599fe1397f9ff68a759):
+    - Providing `--db-logo-url`, `--db-logo-aspect-ratio`, `--db-logo-url-short`, and `--db-logo-aspect-ratio-short` tokens.
+
+### Patch Changes
+
+- fix(DBSelect): keep the user's selection when validation runs on `input` - [see commit 86d0feb](https://github.com/db-ux-design-system/core-web/commit/86d0feb14e3af59e170f08204fccf8c269e4c5fb):
+    - A browser dispatches `input` and `change` for a `select` in separate tasks. `DBSelect` validated synchronously on `input`, which changed internal state and triggered a re-render while the controlled `value` was still the previous one. Because React re-applies the `value` on every commit of a `select`, that re-render discarded the selection before `change` was dispatched — so controlled `required` selects never received the new value. Validation now runs once the value has been propagated.
+
+- fix(DBSwitch): icon no longer bleeds through a closed popover - [see commit 6d4deb5](https://github.com/db-ux-design-system/core-web/commit/6d4deb54cff50c36b45b3ea9b6331b333d072845)
+
 ## 5.2.1
 
 ### Patch Changes

package/agent/ControlPanelBrand.md

@@ -0,0 +1,15 @@
+
+
+# ControlPanelBrand Examples (vue)
+
+```vue
+<template>
+  <h1>DBControlPanelBrand Documentation Examples</h1>
+  <h2>1. Default Control Panel Brand</h2>
+  <DBControlPanelBrand></DBControlPanelBrand>
+</template>
+
+<script setup lang="ts">
+import { DBControlPanelBrand } from "@db-ux/v-v-core-components";
+</script>
+```

package/agent/ControlPanelDesktop.md

@@ -0,0 +1,48 @@
+
+
+# ControlPanelDesktop Examples (vue)
+
+```vue
+<template>
+  <h1>DBControlPanelDesktop Documentation Examples</h1>
+  <h2>1. Default Control Panel Desktop</h2>
+  <DBControlPanelDesktop
+    :brand="<DBControlPanelBrand>Application Name</DBControlPanelBrand>"
+    ><DBControlPanelNavigation
+      ><DBControlPanelNavigationItem icon="x_placeholder"
+        ><a href="#">Navi-Item 1</a></DBControlPanelNavigationItem
+      ><DBControlPanelNavigationItem icon="x_placeholder" :disabled="true"
+        ><a href="#">Navi-Item 2</a></DBControlPanelNavigationItem
+      ></DBControlPanelNavigation
+    ></DBControlPanelDesktop
+  >
+  <h2>2. Vertical Orientation</h2>
+  <DBControlPanelDesktop
+    orientation="vertical"
+    :brand="<DBControlPanelBrand>Application Name</DBControlPanelBrand>"
+    ><DBControlPanelNavigation
+      ><DBControlPanelNavigationItem icon="x_placeholder"
+        ><a href="#">Navi-Item 1</a></DBControlPanelNavigationItem
+      ></DBControlPanelNavigation
+    ></DBControlPanelDesktop
+  >
+  <h2>3. Collapsed (expanded=false)</h2>
+  <DBControlPanelDesktop
+    orientation="vertical"
+    :expanded="false"
+    :brand="<DBControlPanelBrand>Application Name</DBControlPanelBrand>"
+    ><DBControlPanelNavigation
+      ><DBControlPanelNavigationItem icon="x_placeholder"
+        ><a href="#">Navi-Item 1</a></DBControlPanelNavigationItem
+      ></DBControlPanelNavigation
+    ></DBControlPanelDesktop
+  >
+</template>
+
+<script setup lang="ts">
+import { DBControlPanelBrand } from "@db-ux/v-v-core-components";
+import { DBControlPanelNavigation } from "@db-ux/v-v-core-components";
+import { DBControlPanelNavigationItem } from "@db-ux/v-v-core-components";
+import { DBControlPanelDesktop } from "@db-ux/v-v-core-components";
+</script>
+```

package/agent/ControlPanelMeta.md

@@ -0,0 +1,19 @@
+
+
+# ControlPanelMeta Examples (vue)
+
+```vue
+<template>
+  <h1>DBControlPanelMeta Documentation Examples</h1>
+  <h2>1. Default Meta</h2>
+  <DBControlPanelMeta
+    ><DBLink href="#">Imprint</DBLink><DBLink href="#">Help</DBLink
+    ><DBLink href="#">Privacy</DBLink></DBControlPanelMeta
+  >
+</template>
+
+<script setup lang="ts">
+import { DBLink } from "@db-ux/v-v-core-components";
+import { DBControlPanelMeta } from "@db-ux/v-v-core-components";
+</script>
+```

package/agent/ControlPanelMobile.md

@@ -0,0 +1,40 @@
+
+
+# ControlPanelMobile Examples (vue)
+
+```vue
+<template>
+  <h1>DBControlPanelMobile Documentation Examples</h1>
+  <h2>1. Default Control Panel Mobile (Drawer)</h2>
+  <DBControlPanelMobile
+    drawerHeaderText="Application Name"
+    :brand="<DBControlPanelBrand>Application Name</DBControlPanelBrand>"
+    ><DBControlPanelNavigation
+      ><DBControlPanelNavigationItem icon="x_placeholder"
+        ><a href="#">Navi-Item 1</a></DBControlPanelNavigationItem
+      ><DBControlPanelNavigationItem icon="x_placeholder" :disabled="true"
+        ><a href="#">Navi-Item 2</a></DBControlPanelNavigationItem
+      ></DBControlPanelNavigation
+    ></DBControlPanelMobile
+  >
+  <h2>2. Bottom Position + Flat Icon Variant</h2>
+  <DBControlPanelMobile
+    position="bottom"
+    variant="flat-icon"
+    drawerHeaderText="Application Name"
+    :brand="<DBControlPanelBrand>Application Name</DBControlPanelBrand>"
+    ><DBControlPanelNavigation
+      ><DBControlPanelNavigationItem icon="x_placeholder"
+        ><a href="#">Navi-Item 1</a></DBControlPanelNavigationItem
+      ></DBControlPanelNavigation
+    ></DBControlPanelMobile
+  >
+</template>
+
+<script setup lang="ts">
+import { DBControlPanelBrand } from "@db-ux/v-v-core-components";
+import { DBControlPanelNavigation } from "@db-ux/v-v-core-components";
+import { DBControlPanelNavigationItem } from "@db-ux/v-v-core-components";
+import { DBControlPanelMobile } from "@db-ux/v-v-core-components";
+</script>
+```

package/agent/ControlPanelNavigation.md

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

package/agent/ControlPanelNavigationItem.md

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

package/agent/Shell.md

@@ -0,0 +1,28 @@
+
+
+# Shell Examples (vue)
+
+```vue
+<template>
+  <h1>DBShell Documentation Examples</h1>
+  <h2>1. Full Shell (Desktop + Mobile Control Panel)</h2>
+  <DBShell>
+    <template v-slot:controlPanelDesktop><DBControlPanelDesktop><template v-slot:brand><DBControlPanelBrand data-logo="db-systel" /></template><template v-slot:meta><DBLink href="#">Imprint</DBLink><DBLink href="#">Help</DBLink></template><template v-slot:actions-1><DBButton icon="magnifying_glass" variant="ghost" noText>Search</DBButton></template><template v-slot:actions-2><DBButton icon="x_placeholder" variant="ghost" noText>Profile</DBButton><DBButton icon="x_placeholder" variant="ghost" noText>Notification</DBButton><DBButton icon="x_placeholder" variant="ghost" noText>Help</DBButton></template><DBControlPanelNavigation><DBControlPanelNavigationItem icon="x_placeholder"><a href="#">Navi-Item 1</a></DBControlPanelNavigationItem><DBControlPanelNavigationItem icon="x_placeholder" disabled><a href="#">Navi-Item 2</a></DBControlPanelNavigationItem></DBControlPanelNavigation></DBControlPanelDesktop></template>
+<template v-slot:controlPanelMobile><DBControlPanelMobile drawerHeaderText="Application Name"><template v-slot:brand><DBControlPanelBrand data-logo="db-systel" /></template><template v-slot:meta><DBLink href="#">Imprint</DBLink><DBLink href="#">Help</DBLink></template><template v-slot:actions-1><DBButton icon="magnifying_glass" variant="ghost" noText>Search</DBButton></template><template v-slot:actions-2><DBButton icon="x_placeholder" variant="ghost" noText>Profile</DBButton><DBButton icon="x_placeholder" variant="ghost" noText>Notification</DBButton><DBButton icon="x_placeholder" variant="ghost" noText>Help</DBButton></template><DBControlPanelNavigation><DBControlPanelNavigationItem icon="x_placeholder"><a href="#">Navi-Item 1</a></DBControlPanelNavigationItem><DBControlPanelNavigationItem icon="x_placeholder" disabled><a href="#">Navi-Item 2</a></DBControlPanelNavigationItem></DBControlPanelNavigation></DBControlPanelMobile></template>
+
+    <DBControlPanelNavigation
+      ><DBControlPanelNavigationItem icon="x_placeholder"
+        ><a href="#">Navi-Item 1</a></DBControlPanelNavigationItem
+      ><DBControlPanelNavigationItem icon="x_placeholder" :disabled="true"
+        ><a href="#">Navi-Item 2</a></DBControlPanelNavigationItem
+      ></DBControlPanelNavigation
+    ></DBShell
+  >
+</template>
+
+<script setup lang="ts">
+import { DBControlPanelNavigation } from "@db-ux/v-v-core-components";
+import { DBControlPanelNavigationItem } from "@db-ux/v-v-core-components";
+import { DBShell } from "@db-ux/v-v-core-components";
+</script>
+```

package/agent/_instructions.md

@@ -6,6 +6,7 @@
   - use for `DBTabItem` or `TabItem` the file __agent-path__/agent/TabItem.md
   - use for `DBSwitch` or `Switch` the file __agent-path__/agent/Switch.md
   - use for `DBStack` or `Stack` the file __agent-path__/agent/Stack.md
+  - use for `DBShell` or `Shell` the file __agent-path__/agent/Shell.md
   - use for `DBSelect` or `Select` the file __agent-path__/agent/Select.md
   - use for `DBSection` or `Section` the file __agent-path__/agent/Section.md
   - use for `DBRadio` or `Radio` the file __agent-path__/agent/Radio.md
@@ -22,6 +23,12 @@
   - use for `DBDrawer` or `Drawer` the file __agent-path__/agent/Drawer.md
   - use for `DBDivider` or `Divider` the file __agent-path__/agent/Divider.md
   - use for `DBCustomSelect` or `CustomSelect` the file __agent-path__/agent/CustomSelect.md
+  - use for `DBControlPanelNavigationItem` or `ControlPanelNavigationItem` the file __agent-path__/agent/ControlPanelNavigationItem.md
+  - use for `DBControlPanelNavigation` or `ControlPanelNavigation` the file __agent-path__/agent/ControlPanelNavigation.md
+  - use for `DBControlPanelMobile` or `ControlPanelMobile` the file __agent-path__/agent/ControlPanelMobile.md
+  - use for `DBControlPanelMeta` or `ControlPanelMeta` the file __agent-path__/agent/ControlPanelMeta.md
+  - use for `DBControlPanelDesktop` or `ControlPanelDesktop` the file __agent-path__/agent/ControlPanelDesktop.md
+  - use for `DBControlPanelBrand` or `ControlPanelBrand` the file __agent-path__/agent/ControlPanelBrand.md
   - use for `DBCheckbox` or `Checkbox` the file __agent-path__/agent/Checkbox.md
   - use for `DBCard` or `Card` the file __agent-path__/agent/Card.md
   - use for `DBButton` or `Button` the file __agent-path__/agent/Button.md

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

@@ -10,10 +10,10 @@ declare const __VLS_base: import("@vue/runtime-core").DefineComponent<DBAccordio
     className: string;
     propOverrides: import("../../index.js", { with: { "resolution-mode": "import" } }).PropOverridesType;
     name: string;
-    behavior: import("./model.js", { with: { "resolution-mode": "import" } }).AccordionBehaviorType;
     initOpenIndex: number[];
     items: DBAccordionItemDefaultProps[] | string;
     variant: import("./model.js", { with: { "resolution-mode": "import" } }).AccordionVariantType;
+    behavior: import("../../index.js", { with: { "resolution-mode": "import" } }).CollapsibleBehaviorType;
 }, {}, {}, {}, 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;

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

@@ -1,14 +1,8 @@
-import type { GlobalProps, InitializedState } from '../../shared/model.js';
+import { CollapsibleBehaviorProps, GlobalProps, InitializedState } from '../../shared/model.js';
 import type { DBAccordionItemDefaultProps } from '../accordion-item/model.js';
 export declare const AccordionVariantList: readonly ["divider", "card"];
 export type AccordionVariantType = (typeof AccordionVariantList)[number];
-export declare const AccordionBehaviorList: readonly ["multiple", "single"];
-export type AccordionBehaviorType = (typeof AccordionBehaviorList)[number];
 export type DBAccordionDefaultProps = {
-    /**
-     * To allow multiple items open at the same time or only 1 item
-     */
-    behavior?: AccordionBehaviorType;
     /**
      * The index of items which should be open when loading the accordion
      */
@@ -32,7 +26,7 @@ export type DBAccordionDefaultProps = {
      */
     variant?: AccordionVariantType;
 };
-export type DBAccordionProps = DBAccordionDefaultProps & GlobalProps;
+export type DBAccordionProps = DBAccordionDefaultProps & GlobalProps & CollapsibleBehaviorProps;
 export type DBAccordionDefaultState = {
     _initOpenIndexDone: boolean;
     _name?: string;

package/dist/components/control-panel-actions/control-panel-actions-1.vue.d.ts

@@ -0,0 +1,18 @@
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import("@vue/runtime-core").DefineComponent<import("../../index.js", { with: { "resolution-mode": "import" } }).GlobalProps, {}, {}, {}, {}, import("@vue/runtime-core").ComponentOptionsMixin, import("@vue/runtime-core").ComponentOptionsMixin, {}, string, import("@vue/runtime-core").PublicProps, Readonly<import("../../index.js", { with: { "resolution-mode": "import" } }).GlobalProps> & Readonly<{}>, {
+    id: string;
+    children: any;
+    className: string;
+    propOverrides: import("../../index.js", { with: { "resolution-mode": "import" } }).PropOverridesType;
+}, {}, {}, {}, 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/control-panel-actions/control-panel-actions-2.vue.d.ts

@@ -0,0 +1,18 @@
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import("@vue/runtime-core").DefineComponent<import("../../index.js", { with: { "resolution-mode": "import" } }).GlobalProps, {}, {}, {}, {}, import("@vue/runtime-core").ComponentOptionsMixin, import("@vue/runtime-core").ComponentOptionsMixin, {}, string, import("@vue/runtime-core").PublicProps, Readonly<import("../../index.js", { with: { "resolution-mode": "import" } }).GlobalProps> & Readonly<{}>, {
+    id: string;
+    children: any;
+    className: string;
+    propOverrides: import("../../index.js", { with: { "resolution-mode": "import" } }).PropOverridesType;
+}, {}, {}, {}, 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/control-panel-actions/index.d.ts

@@ -0,0 +1,2 @@
+export { default as DBControlPanelActions1 } from './control-panel-actions-1.vue';
+export { default as DBControlPanelActions2 } from './control-panel-actions-2.vue';

package/dist/components/control-panel-actions/model.d.ts

@@ -0,0 +1,9 @@
+import { GlobalProps, GlobalState } from '../../shared/model.js';
+export type DBControlPanelActions1DefaultProps = {};
+export type DBControlPanelActions1Props = DBControlPanelActions1DefaultProps & GlobalProps;
+export type DBControlPanelActions1DefaultState = {};
+export type DBControlPanelActions1State = DBControlPanelActions1DefaultState & GlobalState;
+export type DBControlPanelActions2DefaultProps = {};
+export type DBControlPanelActions2Props = DBControlPanelActions2DefaultProps & GlobalProps;
+export type DBControlPanelActions2DefaultState = {};
+export type DBControlPanelActions2State = DBControlPanelActions2DefaultState & GlobalState;

package/dist/components/control-panel-brand/control-panel-brand.vue.d.ts

@@ -0,0 +1,22 @@
+import { DBControlPanelBrandProps } from "./model.js";
+declare var __VLS_1: {}, __VLS_3: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+} & {
+    'end-slot'?: (props: typeof __VLS_3) => any;
+};
+declare const __VLS_base: import("@vue/runtime-core").DefineComponent<DBControlPanelBrandProps, {}, {}, {}, {}, import("@vue/runtime-core").ComponentOptionsMixin, import("@vue/runtime-core").ComponentOptionsMixin, {}, string, import("@vue/runtime-core").PublicProps, Readonly<DBControlPanelBrandProps> & Readonly<{}>, {
+    id: string;
+    children: any;
+    className: string;
+    propOverrides: import("../../index.js", { with: { "resolution-mode": "import" } }).PropOverridesType;
+    secondLine: 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/control-panel-brand/index.d.ts

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

package/dist/components/control-panel-brand/model.d.ts

@@ -0,0 +1,7 @@
+import { EndSlotProps, GlobalProps, GlobalState } from '../../shared/model.js';
+export type DBControlPanelBrandDefaultProps = {
+    secondLine?: string;
+};
+export type DBControlPanelBrandProps = DBControlPanelBrandDefaultProps & GlobalProps & EndSlotProps;
+export type DBControlPanelBrandDefaultState = {};
+export type DBControlPanelBrandState = DBControlPanelBrandDefaultState & GlobalState;

package/dist/components/control-panel-desktop/control-panel-desktop.vue.d.ts

@@ -0,0 +1,35 @@
+import { DBControlPanelDesktopProps } from "./model.js";
+declare var __VLS_1: {}, __VLS_3: {}, __VLS_5: {}, __VLS_7: {}, __VLS_9: {}, __VLS_11: {};
+type __VLS_Slots = {} & {
+    'skip-navigation'?: (props: typeof __VLS_1) => any;
+} & {
+    brand?: (props: typeof __VLS_3) => any;
+} & {
+    default?: (props: typeof __VLS_5) => any;
+} & {
+    meta?: (props: typeof __VLS_7) => any;
+} & {
+    'actions-1'?: (props: typeof __VLS_9) => any;
+} & {
+    'actions-2'?: (props: typeof __VLS_11) => any;
+};
+declare const __VLS_base: import("@vue/runtime-core").DefineComponent<DBControlPanelDesktopProps, {}, {}, {}, {}, import("@vue/runtime-core").ComponentOptionsMixin, import("@vue/runtime-core").ComponentOptionsMixin, {}, string, import("@vue/runtime-core").PublicProps, Readonly<DBControlPanelDesktopProps> & Readonly<{}>, {
+    id: string;
+    children: any;
+    className: string;
+    propOverrides: import("../../index.js", { with: { "resolution-mode": "import" } }).PropOverridesType;
+    width: import("../../index.js", { with: { "resolution-mode": "import" } }).MaxWidthType;
+    orientation: import("../../index.js", { with: { "resolution-mode": "import" } }).OrientationType;
+    expanded: boolean | string;
+    expandButtonTooltip: string;
+    expandButtonTooltipFn: (open: boolean) => string;
+    onExpandButtonTooltipFn: (open: boolean) => 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/control-panel-desktop/index.d.ts

@@ -0,0 +1 @@
+export { default as DBControlPanelDesktop } from './control-panel-desktop.vue';

package/dist/components/control-panel-desktop/model.d.ts

@@ -0,0 +1,7 @@
+import { ContainerWidthProps, ControlPanelProps, GlobalProps, GlobalState, OrientationProps, ResetIdState, SidebarProps, SidebarState, ToggleEventState } from '../../shared/model.js';
+export type DBControlPanelDesktopDefaultProps = {};
+export type DBControlPanelDesktopProps = DBControlPanelDesktopDefaultProps & GlobalProps & ContainerWidthProps & ControlPanelProps & OrientationProps & SidebarProps;
+export type DBControlPanelDesktopDefaultState = {
+    syncExpanded: () => void;
+};
+export type DBControlPanelDesktopState = DBControlPanelDesktopDefaultState & GlobalState & ToggleEventState<HTMLButtonElement> & SidebarState & ResetIdState;

package/dist/components/control-panel-flat-icon/control-panel-flat-icon.vue.d.ts

@@ -0,0 +1,22 @@
+import { DBControlPanelFlatIconProps } from "./model.js";
+declare var __VLS_1: {}, __VLS_3: {};
+type __VLS_Slots = {} & {
+    'skip-navigation'?: (props: typeof __VLS_1) => any;
+} & {
+    default?: (props: typeof __VLS_3) => any;
+};
+declare const __VLS_base: import("@vue/runtime-core").DefineComponent<DBControlPanelFlatIconProps, {}, {}, {}, {}, import("@vue/runtime-core").ComponentOptionsMixin, import("@vue/runtime-core").ComponentOptionsMixin, {}, string, import("@vue/runtime-core").PublicProps, Readonly<DBControlPanelFlatIconProps> & Readonly<{}>, {
+    id: string;
+    children: any;
+    className: string;
+    propOverrides: import("../../index.js", { with: { "resolution-mode": "import" } }).PropOverridesType;
+    noText: boolean | 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/control-panel-flat-icon/index.d.ts

@@ -0,0 +1 @@
+export { default as DBControlPanelFlatIcon } from './control-panel-flat-icon.vue';

package/dist/components/control-panel-flat-icon/model.d.ts

@@ -0,0 +1,12 @@
+import { GlobalProps, GlobalState, NoTextProps } from '../../shared/model.js';
+export type DBControlPanelFlatIconDefaultProps = {
+    /**
+     * Slot to pass an anchor or link to skip the navigation and jump to main content.
+     */
+    skipNavigation?: any;
+};
+export type DBControlPanelFlatIconProps = DBControlPanelFlatIconDefaultProps & GlobalProps & NoTextProps;
+export type DBControlPanelFlatIconDefaultState = {
+    _resizeObserverCallbackId?: string;
+};
+export type DBControlPanelFlatIconState = DBControlPanelFlatIconDefaultState & GlobalState;

package/dist/components/control-panel-meta/control-panel-meta.vue.d.ts

@@ -0,0 +1,18 @@
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import("@vue/runtime-core").DefineComponent<import("../../index.js", { with: { "resolution-mode": "import" } }).GlobalProps, {}, {}, {}, {}, import("@vue/runtime-core").ComponentOptionsMixin, import("@vue/runtime-core").ComponentOptionsMixin, {}, string, import("@vue/runtime-core").PublicProps, Readonly<import("../../index.js", { with: { "resolution-mode": "import" } }).GlobalProps> & Readonly<{}>, {
+    id: string;
+    children: any;
+    className: string;
+    propOverrides: import("../../index.js", { with: { "resolution-mode": "import" } }).PropOverridesType;
+}, {}, {}, {}, 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/control-panel-meta/index.d.ts

@@ -0,0 +1 @@
+export { default as DBControlPanelMeta } from './control-panel-meta.vue';

package/dist/components/control-panel-meta/model.d.ts

@@ -0,0 +1,5 @@
+import { GlobalProps, GlobalState } from '../../shared/model.js';
+export type DBControlPanelMetaDefaultProps = {};
+export type DBControlPanelMetaProps = DBControlPanelMetaDefaultProps & GlobalProps;
+export type DBControlPanelMetaDefaultState = {};
+export type DBControlPanelMetaState = DBControlPanelMetaDefaultState & GlobalState;

package/dist/components/control-panel-mobile/control-panel-mobile.vue.d.ts

@@ -0,0 +1,33 @@
+import { DBControlPanelMobileProps } from "./model.js";
+declare var __VLS_1: {}, __VLS_9: {}, __VLS_11: {}, __VLS_26: {}, __VLS_28: {}, __VLS_30: {};
+type __VLS_Slots = {} & {
+    'skip-navigation'?: (props: typeof __VLS_1) => any;
+} & {
+    default?: (props: typeof __VLS_9) => any;
+} & {
+    meta?: (props: typeof __VLS_11) => any;
+} & {
+    'actions-2'?: (props: typeof __VLS_26) => any;
+} & {
+    brand?: (props: typeof __VLS_28) => any;
+} & {
+    'actions-1'?: (props: typeof __VLS_30) => any;
+};
+declare const __VLS_base: import("@vue/runtime-core").DefineComponent<DBControlPanelMobileProps, {}, {}, {}, {}, import("@vue/runtime-core").ComponentOptionsMixin, import("@vue/runtime-core").ComponentOptionsMixin, {}, string, import("@vue/runtime-core").PublicProps, Readonly<DBControlPanelMobileProps> & Readonly<{}>, {
+    id: string;
+    children: any;
+    className: string;
+    propOverrides: import("../../index.js", { with: { "resolution-mode": "import" } }).PropOverridesType;
+    onToggle: (open: boolean) => void;
+    position: import("../../index.js", { with: { "resolution-mode": "import" } }).ShellControlPanelMobilePositionType;
+    drawerHeaderText: 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/control-panel-mobile/index.d.ts

@@ -0,0 +1 @@
+export { default as DBControlPanelMobile } from './control-panel-mobile.vue';

package/dist/components/control-panel-mobile/model.d.ts

@@ -0,0 +1,21 @@
+import { ControlPanelProps, GlobalProps, GlobalState, NavigationBehaviorState, ShellControlPanelMobilePositionType, ToggleEventProps, ToggleEventState } from '../../shared/model.js';
+export type DBControlPanelMobileDefaultProps = {
+    /**
+     * Text to pass in a headline for the drawer header.
+     */
+    drawerHeaderText?: string;
+    /**
+     * Sets the accessible label for the burger menu button of the mobile control panel.
+     */
+    burgerMenuLabel?: string;
+    /**
+     * Change the position of the mobile content panel
+     */
+    position?: ShellControlPanelMobilePositionType;
+};
+export type DBControlPanelMobileProps = DBControlPanelMobileDefaultProps & GlobalProps & ToggleEventProps & ControlPanelProps;
+export type DBControlPanelMobileDefaultState = {
+    open: boolean;
+    handleClose: (event: any) => void;
+};
+export type DBControlPanelMobileState = DBControlPanelMobileDefaultState & GlobalState & ToggleEventState<HTMLElement> & NavigationBehaviorState;

package/dist/components/control-panel-navigation/control-panel-navigation.vue.d.ts

@@ -0,0 +1,26 @@
+import { NavigationItemGroupVariantType } from "../../shared/model.js";
+import { DBControlPanelNavigationProps } from "./model.js";
+declare var __VLS_7: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_7) => any;
+};
+declare const __VLS_base: import("@vue/runtime-core").DefineComponent<DBControlPanelNavigationProps, {}, {}, {}, {}, import("@vue/runtime-core").ComponentOptionsMixin, import("@vue/runtime-core").ComponentOptionsMixin, {}, string, import("@vue/runtime-core").PublicProps, Readonly<DBControlPanelNavigationProps> & Readonly<{}>, {
+    id: string;
+    children: any;
+    className: string;
+    propOverrides: import("../../shared/model.js", { with: { "resolution-mode": "import" } }).PropOverridesType;
+    variant: NavigationItemGroupVariantType;
+    behavior: import("../../shared/model.js", { with: { "resolution-mode": "import" } }).CollapsibleBehaviorType;
+    showTreeLine: boolean | string;
+    arrowScrollDistance: number | string;
+    scrollLeftText: string;
+    scrollRightText: 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/control-panel-navigation/index.d.ts

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