@db-ux/v-core-components 3.0.2-copilot2-e7bf98b → 3.0.2-shell2-badc28f

package/agent/TabItem.md

@@ -1,29 +0,0 @@
-
-
-# TabItem Examples (vue)
-
-```vue
-<template>
-  <h1>DBTabItem Documentation Examples</h1>
-  <h2>1. Default Tab Item</h2>
-  <DBTabItem>Default Tab Item</DBTabItem>
-  <h2>2. Active State</h2>
-  <DBTabItem :active="true">Active Tab Item</DBTabItem>
-  <h2>3. Disabled State</h2>
-  <DBTabItem :disabled="true">Disabled Tab Item</DBTabItem>
-  <h2>4. Icon Variants</h2>
-  <DBTabItem icon="user">Tab Item with Icon</DBTabItem>
-  <DBTabItem iconLeading="arrow-left"> Tab Item with Leading Icon </DBTabItem>
-  <DBTabItem iconTrailing="arrow-right">
-    Tab Item with Trailing Icon
-  </DBTabItem>
-  <h2>5. Label Property</h2>
-  <DBTabItem label="Tab Item Label">Tab Item with Label</DBTabItem>
-  <h2>6. No Text</h2>
-  <DBTabItem icon="user" :noText="true"></DBTabItem>
-</template>
-
-<script setup lang="ts">
-import { DBTabItem } from "@db-ux/v-v-core-components";
-</script>
-```

package/agent/Tabs.md

@@ -1,55 +0,0 @@
-
-
-# Tabs Examples (vue)
-
-```vue
-<template>
-  <h1>DBTabs Documentation Examples</h1>
-  <h2>1. Default Tabs</h2>
-  <DBTabs
-    ><DBTabList
-      ><DBTabItem>Tab 1</DBTabItem><DBTabItem>Tab 2</DBTabItem
-      ><DBTabItem>Tab 3</DBTabItem></DBTabList
-    ><DBTabPanel>Tab Panel 1</DBTabPanel><DBTabPanel>Tab Panel 2</DBTabPanel
-    ><DBTabPanel>Tab Panel 3</DBTabPanel></DBTabs
-  >
-  <h2>2. Behavior Variants</h2>
-  <DBTabs behavior="scrollbar"
-    ><DBTabList
-      ><DBTabItem>Tab 1</DBTabItem><DBTabItem>Tab 2</DBTabItem
-      ><DBTabItem>Tab 3</DBTabItem></DBTabList
-    ><DBTabPanel>Tab Panel 1</DBTabPanel><DBTabPanel>Tab Panel 2</DBTabPanel
-    ><DBTabPanel>Tab Panel 3</DBTabPanel></DBTabs
-  >
-  <DBTabs behavior="arrows"
-    ><DBTabList
-      ><DBTabItem>Tab 1</DBTabItem><DBTabItem>Tab 2</DBTabItem
-      ><DBTabItem>Tab 3</DBTabItem></DBTabList
-    ><DBTabPanel>Tab Panel 1</DBTabPanel><DBTabPanel>Tab Panel 2</DBTabPanel
-    ><DBTabPanel>Tab Panel 3</DBTabPanel></DBTabs
-  >
-  <h2>3. Initial Selected Index</h2>
-  <DBTabs :initialSelectedIndex="1"
-    ><DBTabList
-      ><DBTabItem>Tab 1</DBTabItem><DBTabItem>Tab 2</DBTabItem
-      ><DBTabItem>Tab 3</DBTabItem></DBTabList
-    ><DBTabPanel>Tab Panel 1</DBTabPanel><DBTabPanel>Tab Panel 2</DBTabPanel
-    ><DBTabPanel>Tab Panel 3</DBTabPanel></DBTabs
-  >
-  <h2>4. Initial Selected Mode</h2>
-  <DBTabs initialSelectedMode="manually"
-    ><DBTabList
-      ><DBTabItem>Tab 1</DBTabItem><DBTabItem>Tab 2</DBTabItem
-      ><DBTabItem>Tab 3</DBTabItem></DBTabList
-    ><DBTabPanel>Tab Panel 1</DBTabPanel><DBTabPanel>Tab Panel 2</DBTabPanel
-    ><DBTabPanel>Tab Panel 3</DBTabPanel></DBTabs
-  >
-</template>
-
-<script setup lang="ts">
-import { DBTabItem } from "@db-ux/v-v-core-components";
-import { DBTabList } from "@db-ux/v-v-core-components";
-import { DBTabPanel } from "@db-ux/v-v-core-components";
-import { DBTabs } from "@db-ux/v-v-core-components";
-</script>
-```

package/agent/Tag.md

@@ -1,38 +0,0 @@
-
-
-# Tag Examples (vue)
-
-```vue
-<template>
-  <h1>DBTag Documentation Examples</h1>
-  <h2>1. Default Tags</h2>
-  <DBTag><DBButton>Tag as Button</DBButton></DBTag>
-  <DBTag><DBLink>Tag as Link</DBLink></DBTag>
-  <DBTag><DBCheckbox>Tag as Checkbox</DBCheckbox></DBTag>
-  <DBTag><DBRadio>Tag as Radio</DBRadio></DBTag>
-  <DBTag>Static Tag</DBTag>
-  <h2>2. Overflow Example</h2>
-  <DBTag :overflow="true"><span>Static Tag with overflow</span></DBTag>
-  <h2>3. Removable Tag</h2>
-  <DBTag behavior="removable" :onRemove="(event) => console.log('Tag removed')">
-    Removable Tag
-  </DBTag>
-  <h2>4. Semantic Variants</h2>
-  <DBTag semantic="adaptive">Adaptive Tag</DBTag>
-  <DBTag semantic="neutral">Neutral Tag</DBTag>
-  <DBTag semantic="critical">Critical Tag</DBTag>
-  <DBTag semantic="informational">Informational Tag</DBTag>
-  <DBTag semantic="warning">Warning Tag</DBTag>
-  <DBTag semantic="successful">Successful Tag</DBTag>
-  <h2>5. Icon Support</h2>
-  <DBTag icon="user">Tag with Icon</DBTag>
-</template>
-
-<script setup lang="ts">
-import { DBButton } from "@db-ux/v-v-core-components";
-import { DBCheckbox } from "@db-ux/v-v-core-components";
-import { DBLink } from "@db-ux/v-v-core-components";
-import { DBRadio } from "@db-ux/v-v-core-components";
-import { DBTag } from "@db-ux/v-v-core-components";
-</script>
-```

package/agent/Textarea.md

@@ -1,43 +0,0 @@
-
-
-# Textarea Examples (vue)
-
-```vue
-<template>
-  <h1>DBTextarea Documentation Examples</h1>
-  <h2>1. Default Textarea</h2>
-  <DBTextarea label="Default Textarea"></DBTextarea>
-  <h2>2. Resizable Variants</h2>
-  <DBTextarea resize="none" label="No Resize"></DBTextarea>
-  <DBTextarea resize="both" label="Resize Both"></DBTextarea>
-  <DBTextarea resize="horizontal" label="Resize Horizontal"></DBTextarea>
-  <DBTextarea resize="vertical" label="Resize Vertical"></DBTextarea>
-  <h2>3. Rows and Columns</h2>
-  <DBTextarea label="Custom Rows and Columns" :rows="5" :cols="30"></DBTextarea>
-  <h2>4. Wrap Variants</h2>
-  <DBTextarea wrap="hard" label="Hard Wrap"></DBTextarea>
-  <DBTextarea wrap="soft" label="Soft Wrap"></DBTextarea>
-  <DBTextarea wrap="off" label="No Wrap"></DBTextarea>
-  <h2>5. Disabled State</h2>
-  <DBTextarea label="Disabled Textarea" :disabled="true"></DBTextarea>
-  <h2>6. Placeholder Examples</h2>
-  <DBTextarea
-    placeholder="Enter text here"
-    label="With Placeholder"
-  ></DBTextarea>
-  <h2>7. Message Property Example</h2>
-  <DBTextarea
-    label="Textarea with Message"
-    message="This is a helper message."
-  ></DBTextarea>
-  <h2>8. Input Event Example</h2>
-  <DBTextarea
-    label="Input Event"
-    :onInput="(event) => console.log('Input event:', event.target.value)"
-  ></DBTextarea>
-</template>
-
-<script setup lang="ts">
-import { DBTextarea } from "@db-ux/v-v-core-components";
-</script>
-```

package/agent/Tooltip.md

@@ -1,48 +0,0 @@
-
-
-# Tooltip Examples (vue)
-
-```vue
-<template>
-  <h1>DBTooltip Documentation Examples</h1>
-  <h2>1. Default Tooltip</h2>
-  <DBButton>
-    Hover on me to open Tooltip
-    <DBTooltip>Tooltip</DBTooltip></DBButton
-  >
-  <h2>2. Tooltip Variants</h2>
-  <DBButton>
-    Description Tooltip
-    <DBTooltip variant="description">
-      Description Tooltip Content
-    </DBTooltip></DBButton
-  >
-  <DBButton>
-    Label Tooltip
-    <DBTooltip variant="label">Label Tooltip Content</DBTooltip></DBButton
-  >
-  <h2>3. Tooltip with Arrow</h2>
-  <DBButton>
-    Tooltip with Arrow
-    <DBTooltip :showArrow="true">
-      Tooltip Content with Arrow
-    </DBTooltip></DBButton
-  >
-  <h2>4. Placement Variants</h2>
-  <DBButton>
-    Top Placement
-    <DBTooltip placement="top">Tooltip Content at Top</DBTooltip></DBButton
-  >
-  <DBButton>
-    Bottom Placement
-    <DBTooltip placement="bottom">
-      Tooltip Content at Bottom
-    </DBTooltip></DBButton
-  >
-</template>
-
-<script setup lang="ts">
-import { DBButton } from "@db-ux/v-v-core-components";
-import { DBTooltip } from "@db-ux/v-v-core-components";
-</script>
-```

package/agent/_instructions.md

@@ -1,31 +0,0 @@
-- Use "@db-ux/v-core-components" as import for components:
-  - use for `DBDrawer` or `Drawer` the file __agent-path__/Drawer.md
-  - use for `DBTooltip` or `Tooltip` the file __agent-path__/Tooltip.md
-  - use for `DBTextarea` or `Textarea` the file __agent-path__/Textarea.md
-  - use for `DBTag` or `Tag` the file __agent-path__/Tag.md
-  - use for `DBTabs` or `Tabs` the file __agent-path__/Tabs.md
-  - use for `DBTabItem` or `TabItem` the file __agent-path__/TabItem.md
-  - use for `DBSwitch` or `Switch` the file __agent-path__/Switch.md
-  - use for `DBStack` or `Stack` the file __agent-path__/Stack.md
-  - use for `DBSelect` or `Select` the file __agent-path__/Select.md
-  - use for `DBSection` or `Section` the file __agent-path__/Section.md
-  - use for `DBRadio` or `Radio` the file __agent-path__/Radio.md
-  - use for `DBPopover` or `Popover` the file __agent-path__/Popover.md
-  - use for `DBPage` or `Page` the file __agent-path__/Page.md
-  - use for `DBNotification` or `Notification` the file __agent-path__/Notification.md
-  - use for `DBNavigationItem` or `NavigationItem` the file __agent-path__/NavigationItem.md
-  - use for `DBNavigation` or `Navigation` the file __agent-path__/Navigation.md
-  - use for `DBLink` or `Link` the file __agent-path__/Link.md
-  - use for `DBInput` or `Input` the file __agent-path__/Input.md
-  - use for `DBInfotext` or `Infotext` the file __agent-path__/Infotext.md
-  - use for `DBIcon` or `Icon` the file __agent-path__/Icon.md
-  - use for `DBHeader` or `Header` the file __agent-path__/Header.md
-  - use for `DBDivider` or `Divider` the file __agent-path__/Divider.md
-  - use for `DBCustomSelect` or `CustomSelect` the file __agent-path__/CustomSelect.md
-  - use for `DBCheckbox` or `Checkbox` the file __agent-path__/Checkbox.md
-  - use for `DBCard` or `Card` the file __agent-path__/Card.md
-  - use for `DBButton` or `Button` the file __agent-path__/Button.md
-  - use for `DBBrand` or `Brand` the file __agent-path__/Brand.md
-  - use for `DBBadge` or `Badge` the file __agent-path__/Badge.md
-  - use for `DBAccordionItem` or `AccordionItem` the file __agent-path__/AccordionItem.md
-  - use for `DBAccordion` or `Accordion` the file __agent-path__/Accordion.md

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 { GlobalProps, GlobalState, IconProps, ShowIconProps, TextProps } from '../../shared/model';
-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,36 +0,0 @@
-import { DBHeaderProps } from "./model";
-declare var __VLS_5: {}, __VLS_7: {}, __VLS_9: {}, __VLS_11: {}, __VLS_13: {}, __VLS_15: {}, __VLS_17: {}, __VLS_23: {};
-type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_5) => any;
-} & {
-    'meta-navigation'?: (props: typeof __VLS_7) => any;
-} & {
-    'secondary-action'?: (props: typeof __VLS_9) => any;
-} & {
-    'meta-navigation'?: (props: typeof __VLS_11) => any;
-} & {
-    brand?: (props: typeof __VLS_13) => any;
-} & {
-    default?: (props: typeof __VLS_15) => any;
-} & {
-    'primary-action'?: (props: typeof __VLS_17) => any;
-} & {
-    'secondary-action'?: (props: typeof __VLS_23) => any;
-};
-declare const __VLS_component: import("vue").DefineComponent<DBHeaderProps, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<DBHeaderProps> & Readonly<{}>, {
-    children: any;
-    className: string;
-    id: string;
-    onToggle: (open: boolean) => void;
-    width: import("../..").MaxWidthType;
-    drawerOpen: boolean | string;
-    forceMobile: boolean | string;
-    burgerMenuLabel: string;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
-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 { ContainerWidthProps, GlobalProps, GlobalState, InitializedState, NavigationBehaviorState, ToggleEventProps, ToggleEventState } from '../../shared/model';
-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 & GlobalProps & ToggleEventProps & ContainerWidthProps;
-export type DBHeaderDefaultState = {
-    forcedToMobile?: boolean;
-};
-export type DBHeaderState = DBHeaderDefaultState & GlobalState & ToggleEventState<HTMLElement> & 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 { GlobalProps, GlobalState } from '../../shared/model';
-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;

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

@@ -1,25 +0,0 @@
-import { DBPageProps } from "./model";
-declare var __VLS_1: {}, __VLS_3: {}, __VLS_5: {};
-type __VLS_Slots = {} & {
-    header?: (props: typeof __VLS_1) => any;
-} & {
-    default?: (props: typeof __VLS_3) => any;
-} & {
-    footer?: (props: typeof __VLS_5) => any;
-};
-declare const __VLS_component: import("vue").DefineComponent<DBPageProps, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<DBPageProps> & Readonly<{}>, {
-    children: any;
-    className: string;
-    id: string;
-    variant: import("./model").PageVariantType;
-    documentOverflow: import("./model").PageDocumentOverflowType;
-    fadeIn: boolean | string;
-    mainClass: string;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
-export default _default;
-type __VLS_WithSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};