@db-ux/v-core-components 5.1.6 → 5.2.1-shell-797019e

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

@@ -0,0 +1,38 @@
+import { GlobalProps, GlobalState, ShellControlPanelDesktopPositionType, ShellControlPanelMobilePositionType } from '../../shared/model.js';
+export declare const ShellSubNavigationMobilePosition: readonly ["top", "bottom", "none"];
+export type ShellSubNavigationMobilePositionType = (typeof ShellSubNavigationMobilePosition)[number];
+export type DBShellDefaultProps = {
+    /**
+     * Change the position of the desktop content panel
+     */
+    controlPanelDesktopPosition?: ShellControlPanelDesktopPositionType;
+    /**
+     * Change the position of the mobile content panel
+     */
+    controlPanelMobilePosition?: ShellControlPanelMobilePositionType;
+    /**
+     * Set this to have a transition with opacity to avoid layout-shifts https://simonhearne.com/2021/layout-shifts-webfonts/
+     */
+    fadeIn?: boolean | string;
+    /**
+     * Change the position of the optional sub navigation for desktop
+     */
+    subNavigationDesktopPosition?: ShellControlPanelDesktopPositionType;
+    /**
+     * Change the position of the optional sub navigation for mobile
+     */
+    subNavigationMobilePosition?: ShellSubNavigationMobilePositionType;
+    /**
+     * Shows sub-navigation
+     */
+    showSubNavigation?: boolean | string;
+};
+export type DBShellProps = DBShellDefaultProps & GlobalProps;
+export type DBShellDefaultState = {
+    fontsLoaded?: boolean;
+    _controlPanelDesktopPosition?: ShellControlPanelDesktopPositionType;
+    _controlPanelMobilePosition?: ShellControlPanelMobilePositionType;
+    _subNavigationDesktopPosition?: ShellControlPanelDesktopPositionType;
+    _subNavigationMobilePosition?: ShellSubNavigationMobilePositionType;
+};
+export type DBShellState = DBShellDefaultState & GlobalState;

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

@@ -0,0 +1,25 @@
+import { DBShellProps } from "./model.js";
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import("@vue/runtime-core").DefineComponent<DBShellProps, {}, {}, {}, {}, import("@vue/runtime-core").ComponentOptionsMixin, import("@vue/runtime-core").ComponentOptionsMixin, {}, string, import("@vue/runtime-core").PublicProps, Readonly<DBShellProps> & Readonly<{}>, {
+    id: string;
+    children: any;
+    className: string;
+    propOverrides: import("../../index.js", { with: { "resolution-mode": "import" } }).PropOverridesType;
+    fadeIn: boolean | string;
+    controlPanelDesktopPosition: import("../../index.js", { with: { "resolution-mode": "import" } }).ShellControlPanelDesktopPositionType;
+    controlPanelMobilePosition: import("../../index.js", { with: { "resolution-mode": "import" } }).ShellControlPanelMobilePositionType;
+    subNavigationDesktopPosition: import("../../index.js", { with: { "resolution-mode": "import" } }).ShellControlPanelDesktopPositionType;
+    subNavigationMobilePosition: import("./model.js", { with: { "resolution-mode": "import" } }).ShellSubNavigationMobilePositionType;
+    showSubNavigation: 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/shell-content/index.d.ts

@@ -0,0 +1 @@
+export { default as DBShellContent } from './shell-content.vue';

package/dist/components/shell-content/model.d.ts

@@ -0,0 +1,28 @@
+import type { EndSlotProps, GlobalProps, GlobalState, StartSlotProps } from '../../shared/model.js';
+export declare const ShellContentVariantList: readonly ["auto", "fixed"];
+export type ShellContentVariantType = (typeof ShellContentVariantList)[number];
+export type DBShellContentDefaultProps = {
+    /**
+     * Adds `class` to `<main>` element
+     */
+    mainClass?: string;
+    /**
+     * Overrides the default `id` on the `<main>` element.
+     * This id is used as the target for the shell skip-navigation link.
+     * Only one `DBShellContent` should exist per page to avoid duplicate IDs.
+     * @default 'main-content'
+     */
+    mainId?: string;
+    /**
+     * Adds `aria-label` to `<main>` element
+     */
+    mainLabel?: string;
+    /**
+     * Change the scrolling behavior. `auto` scrolling on complete wrapper, `fixed` scrolling only in for main.
+     * @default auto
+     */
+    variant?: ShellContentVariantType;
+};
+export type DBShellContentProps = DBShellContentDefaultProps & GlobalProps & StartSlotProps & EndSlotProps;
+export type DBShellContentDefaultState = {};
+export type DBShellContentState = DBShellContentDefaultState & GlobalState;

package/dist/components/shell-content/shell-content.vue.d.ts

@@ -0,0 +1,27 @@
+import { DBShellContentProps } from "./model.js";
+declare var __VLS_1: {}, __VLS_3: {}, __VLS_5: {};
+type __VLS_Slots = {} & {
+    'start-slot'?: (props: typeof __VLS_1) => any;
+} & {
+    default?: (props: typeof __VLS_3) => any;
+} & {
+    'end-slot'?: (props: typeof __VLS_5) => any;
+};
+declare const __VLS_base: import("@vue/runtime-core").DefineComponent<DBShellContentProps, {}, {}, {}, {}, import("@vue/runtime-core").ComponentOptionsMixin, import("@vue/runtime-core").ComponentOptionsMixin, {}, string, import("@vue/runtime-core").PublicProps, Readonly<DBShellContentProps> & Readonly<{}>, {
+    id: string;
+    children: any;
+    className: string;
+    propOverrides: import("../../index.js", { with: { "resolution-mode": "import" } }).PropOverridesType;
+    variant: import("./model.js", { with: { "resolution-mode": "import" } }).ShellContentVariantType;
+    mainClass: string;
+    mainId: string;
+    mainLabel: 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/shell-sub-navigation/index.d.ts

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

package/dist/components/shell-sub-navigation/model.d.ts

@@ -0,0 +1,7 @@
+import { GlobalProps, GlobalState, SidebarProps, SidebarState, ToggleEventState } from '../../shared/model.js';
+export type DBShellSubNavigationDefaultProps = {};
+export type DBShellSubNavigationProps = DBShellSubNavigationDefaultProps & GlobalProps & SidebarProps;
+export type DBShellSubNavigationDefaultState = {
+    syncExpanded: () => void;
+};
+export type DBShellSubNavigationState = DBShellSubNavigationDefaultState & GlobalState & ToggleEventState<HTMLButtonElement> & SidebarState;

package/dist/components/shell-sub-navigation/shell-sub-navigation.vue.d.ts

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

@@ -11,8 +11,8 @@ declare const __VLS_base: import("@vue/runtime-core").DefineComponent<DBStackPro
     variant: import("./model.js", { with: { "resolution-mode": "import" } }).StackVariantType;
     wrap: boolean | string;
     direction: import("./model.js", { with: { "resolution-mode": "import" } }).StackDirectionType;
-    gap: import("../../index.js", { with: { "resolution-mode": "import" } }).GapSpacingType;
     alignment: import("./model.js", { with: { "resolution-mode": "import" } }).StackAlignmentType;
+    gap: import("../../index.js", { with: { "resolution-mode": "import" } }).GapSpacingType;
     justifyContent: import("./model.js", { with: { "resolution-mode": "import" } }).StackJustifyContentType;
 }, {}, {}, {}, string, import("@vue/runtime-core").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

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

@@ -14,6 +14,7 @@ declare const __VLS_base: import("@vue/runtime-core").DefineComponent<DBTooltipP
     emphasis: import("../../shared/model.js", { with: { "resolution-mode": "import" } }).EmphasisType;
     wrap: boolean | string;
     width: import("../../shared/model.js", { with: { "resolution-mode": "import" } }).PopoverWidthType;
+    forceAbsolute: boolean | string;
     showArrow: boolean | string;
     delay: import("../../shared/model.js", { with: { "resolution-mode": "import" } }).PopoverDelayType;
     animation: boolean | string;