@db-ux/v-core-components 5.1.4 → 5.1.6-shell-11663a0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (76) hide show
  1. package/CHANGELOG.md +17 -0
  2. package/agent/ControlPanelBrand.md +15 -0
  3. package/agent/ControlPanelDesktop.md +48 -0
  4. package/agent/ControlPanelMeta.md +19 -0
  5. package/agent/ControlPanelMobile.md +40 -0
  6. package/agent/ControlPanelNavigation.md +24 -0
  7. package/agent/ControlPanelNavigationItem.md +39 -0
  8. package/agent/ControlPanelPrimaryActions.md +20 -0
  9. package/agent/ControlPanelSecondaryActions.md +24 -0
  10. package/agent/Shell.md +28 -0
  11. package/agent/ShellSubNavigation.md +6 -0
  12. package/agent/_instructions.md +10 -0
  13. package/dist/components/accordion/accordion.vue.d.ts +1 -1
  14. package/dist/components/accordion/model.d.ts +2 -8
  15. package/dist/components/control-panel-brand/control-panel-brand.vue.d.ts +22 -0
  16. package/dist/components/control-panel-brand/index.d.ts +1 -0
  17. package/dist/components/control-panel-brand/model.d.ts +7 -0
  18. package/dist/components/control-panel-desktop/control-panel-desktop.vue.d.ts +34 -0
  19. package/dist/components/control-panel-desktop/index.d.ts +1 -0
  20. package/dist/components/control-panel-desktop/model.d.ts +7 -0
  21. package/dist/components/control-panel-flat-icon/control-panel-flat-icon.vue.d.ts +22 -0
  22. package/dist/components/control-panel-flat-icon/index.d.ts +1 -0
  23. package/dist/components/control-panel-flat-icon/model.d.ts +12 -0
  24. package/dist/components/control-panel-meta/control-panel-meta.vue.d.ts +18 -0
  25. package/dist/components/control-panel-meta/index.d.ts +1 -0
  26. package/dist/components/control-panel-meta/model.d.ts +5 -0
  27. package/dist/components/control-panel-mobile/control-panel-mobile.vue.d.ts +33 -0
  28. package/dist/components/control-panel-mobile/index.d.ts +1 -0
  29. package/dist/components/control-panel-mobile/model.d.ts +21 -0
  30. package/dist/components/control-panel-navigation/control-panel-navigation.vue.d.ts +26 -0
  31. package/dist/components/control-panel-navigation/index.d.ts +1 -0
  32. package/dist/components/control-panel-navigation/model.d.ts +27 -0
  33. package/dist/components/control-panel-navigation-item/control-panel-navigation-item.vue.d.ts +27 -0
  34. package/dist/components/control-panel-navigation-item/index.d.ts +1 -0
  35. package/dist/components/control-panel-navigation-item/model.d.ts +20 -0
  36. package/dist/components/control-panel-navigation-item-group/control-panel-navigation-item-group.vue.d.ts +32 -0
  37. package/dist/components/control-panel-navigation-item-group/index.d.ts +1 -0
  38. package/dist/components/control-panel-navigation-item-group/model.d.ts +42 -0
  39. package/dist/components/control-panel-primary-actions/control-panel-primary-actions.vue.d.ts +18 -0
  40. package/dist/components/control-panel-primary-actions/index.d.ts +1 -0
  41. package/dist/components/control-panel-primary-actions/model.d.ts +5 -0
  42. package/dist/components/control-panel-secondary-actions/control-panel-secondary-actions.vue.d.ts +18 -0
  43. package/dist/components/control-panel-secondary-actions/index.d.ts +1 -0
  44. package/dist/components/control-panel-secondary-actions/model.d.ts +5 -0
  45. package/dist/components/control-panel-skip-navigation/control-panel-skip-navigation.vue.d.ts +21 -0
  46. package/dist/components/control-panel-skip-navigation/index.d.ts +1 -0
  47. package/dist/components/control-panel-skip-navigation/model.d.ts +16 -0
  48. package/dist/components/custom-select/custom-select.vue.d.ts +1 -1
  49. package/dist/components/custom-select/model.d.ts +1 -1
  50. package/dist/components/custom-select-list/custom-select-list.vue.d.ts +1 -1
  51. package/dist/components/drawer/model.d.ts +1 -0
  52. package/dist/components/header/header.vue.d.ts +2 -2
  53. package/dist/components/input/input.vue.d.ts +1 -1
  54. package/dist/components/navigation-item/navigation-item.vue.d.ts +2 -2
  55. package/dist/components/notification/notification.vue.d.ts +1 -1
  56. package/dist/components/popover/popover.vue.d.ts +1 -0
  57. package/dist/components/select/select.vue.d.ts +1 -1
  58. package/dist/components/shell/index.d.ts +1 -0
  59. package/dist/components/shell/model.d.ts +38 -0
  60. package/dist/components/shell/shell.vue.d.ts +25 -0
  61. package/dist/components/shell-content/index.d.ts +1 -0
  62. package/dist/components/shell-content/model.d.ts +28 -0
  63. package/dist/components/shell-content/shell-content.vue.d.ts +27 -0
  64. package/dist/components/shell-sub-navigation/index.d.ts +1 -0
  65. package/dist/components/shell-sub-navigation/model.d.ts +5 -0
  66. package/dist/components/shell-sub-navigation/shell-sub-navigation.vue.d.ts +22 -0
  67. package/dist/components/tooltip/tooltip.vue.d.ts +1 -0
  68. package/dist/db-ux.es.js +2693 -1457
  69. package/dist/db-ux.umd.js +1 -1
  70. package/dist/index.d.ts +28 -0
  71. package/dist/shared/constants.d.ts +5 -1
  72. package/dist/shared/model.d.ts +96 -5
  73. package/dist/utils/floating-components.d.ts +7 -2
  74. package/dist/utils/index.d.ts +10 -0
  75. package/dist/utils/navigation.d.ts +27 -11
  76. package/package.json +7 -7
@@ -0,0 +1,27 @@
1
+ import { CollapsibleBehaviorProps, GlobalProps, GlobalState, InitializedState, NavigationItemGroupVariant, NavigationItemGroupVariantType, OverflowScrollButtonProps, OverflowScrollButtonState } from '../../shared/model.js';
2
+ export type DBControlPanelNavigationDefaultProps = {
3
+ /**
4
+ * Show or hide the tree line connecting nested navigation items in tree variant.
5
+ * @default true
6
+ */
7
+ showTreeLine?: boolean | string;
8
+ };
9
+ export type DBControlPanelNavigationProps = DBControlPanelNavigationDefaultProps & GlobalProps & OverflowScrollButtonProps & NavigationItemGroupVariant & CollapsibleBehaviorProps;
10
+ export type DBControlPanelNavigationDefaultState = {
11
+ onScroll: () => void;
12
+ _variant?: NavigationItemGroupVariantType;
13
+ _isShellDesktopPositionTop: () => boolean;
14
+ _handleVariantArias: (variant?: NavigationItemGroupVariantType) => void;
15
+ _handleKeyDown: (event: any) => void;
16
+ _handleTreeKeys: (event: any) => void;
17
+ _handlePopoverKeys: (event: any) => void;
18
+ _focusParentGroupButton: (activeElement: HTMLElement) => boolean;
19
+ _closeSubMenuAndReturnToParent: (parentGroupMenu: Element) => void;
20
+ _resizeObserverCallbackId?: string;
21
+ _singleBehaviorObserver?: MutationObserver;
22
+ _shellObserver?: MutationObserver;
23
+ _attachSingleBehaviorObserver: () => void;
24
+ _disconnectSingleBehaviorObserver: () => void;
25
+ _update: () => void;
26
+ };
27
+ export type DBControlPanelNavigationState = DBControlPanelNavigationDefaultState & GlobalState & OverflowScrollButtonState & InitializedState;
@@ -0,0 +1,27 @@
1
+ import { DBControlPanelNavigationItemProps } from "./model.js";
2
+ declare var __VLS_1: {}, __VLS_3: {};
3
+ type __VLS_Slots = {} & {
4
+ default?: (props: typeof __VLS_1) => any;
5
+ } & {
6
+ 'end-slot'?: (props: typeof __VLS_3) => any;
7
+ };
8
+ declare const __VLS_base: import("@vue/runtime-core").DefineComponent<DBControlPanelNavigationItemProps, {}, {}, {}, {}, import("@vue/runtime-core").ComponentOptionsMixin, import("@vue/runtime-core").ComponentOptionsMixin, {}, string, import("@vue/runtime-core").PublicProps, Readonly<DBControlPanelNavigationItemProps> & Readonly<{}>, {
9
+ id: string;
10
+ children: any;
11
+ className: string;
12
+ propOverrides: import("../../index.js", { with: { "resolution-mode": "import" } }).PropOverridesType;
13
+ text: string;
14
+ disabled: boolean | string;
15
+ icon: import("@db-ux/core-foundations", { with: { "resolution-mode": "import" } }).IconTypes;
16
+ showIcon: boolean | string;
17
+ tooltip: string;
18
+ active: boolean;
19
+ }, {}, {}, {}, string, import("@vue/runtime-core").ComponentProvideOptions, false, {}, any>;
20
+ declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
21
+ declare const _default: typeof __VLS_export;
22
+ export default _default;
23
+ type __VLS_WithSlots<T, S> = T & {
24
+ new (): {
25
+ $slots: S;
26
+ };
27
+ };
@@ -0,0 +1 @@
1
+ export { default as DBControlPanelNavigationItem } from './control-panel-navigation-item.vue';
@@ -0,0 +1,20 @@
1
+ import type { DisabledProps, EndSlotProps, GlobalProps, GlobalState, IconProps, InitializedState, ShowIconProps, TextProps } from '../../shared/model.js';
2
+ export type DBControlPanelNavigationItemDefaultProps = {
3
+ /**
4
+ * 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.
5
+ */
6
+ active?: boolean;
7
+ /**
8
+ * If you use DBShell with controlPanelDesktopPosition="left" or DBControlPanelFlatIcon
9
+ * you need to add a tooltip for collapsed navigation
10
+ */
11
+ tooltip?: string;
12
+ } & EndSlotProps & TextProps;
13
+ export type DBControlPanelNavigationItemProps = DBControlPanelNavigationItemDefaultProps & GlobalProps & IconProps & ShowIconProps & DisabledProps;
14
+ export type DBControlPanelNavigationItemDefaultState = {
15
+ _tooltip?: string;
16
+ _savedHref?: string;
17
+ _role?: string;
18
+ _attributeObserver?: MutationObserver;
19
+ };
20
+ export type DBControlPanelNavigationItemState = DBControlPanelNavigationItemDefaultState & GlobalState & InitializedState;
@@ -0,0 +1,32 @@
1
+ import { ClickEvent } from "../../shared/model.js";
2
+ import { DBControlPanelNavigationItemGroupProps } from "./model.js";
3
+ declare var __VLS_1: {}, __VLS_15: {};
4
+ type __VLS_Slots = {} & {
5
+ 'end-slot'?: (props: typeof __VLS_1) => any;
6
+ } & {
7
+ default?: (props: typeof __VLS_15) => any;
8
+ };
9
+ declare const __VLS_base: import("@vue/runtime-core").DefineComponent<DBControlPanelNavigationItemGroupProps, {}, {}, {}, {}, import("@vue/runtime-core").ComponentOptionsMixin, import("@vue/runtime-core").ComponentOptionsMixin, {}, string, import("@vue/runtime-core").PublicProps, Readonly<DBControlPanelNavigationItemGroupProps> & Readonly<{}>, {
10
+ id: string;
11
+ children: any;
12
+ className: string;
13
+ propOverrides: import("../../shared/model.js", { with: { "resolution-mode": "import" } }).PropOverridesType;
14
+ text: string;
15
+ disabled: boolean | string;
16
+ onClick: (event: ClickEvent<HTMLButtonElement>) => void;
17
+ icon: import("@db-ux/core-foundations", { with: { "resolution-mode": "import" } }).IconTypes;
18
+ showIcon: boolean | string;
19
+ expanded: boolean | string;
20
+ active: boolean;
21
+ menuId: string;
22
+ backButtonId: string;
23
+ backButtonText: string;
24
+ }, {}, {}, {}, string, import("@vue/runtime-core").ComponentProvideOptions, false, {}, any>;
25
+ declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
26
+ declare const _default: typeof __VLS_export;
27
+ export default _default;
28
+ type __VLS_WithSlots<T, S> = T & {
29
+ new (): {
30
+ $slots: S;
31
+ };
32
+ };
@@ -0,0 +1 @@
1
+ export { default as DBControlPanelNavigationItemGroup } from './control-panel-navigation-item-group.vue';
@@ -0,0 +1,42 @@
1
+ import { ClickEvent, ClickEventProps, ClickEventState, DisabledProps, GlobalProps, GlobalState, IconProps, InitializedState, NavigationBackButtonProps, NavigationBehaviorState, NavigationItemGroupVariantType, ShowIconProps } from '../../shared/model.js';
2
+ import { NavigationItemSafeTriangle } from '../../utils/navigation.js';
3
+ import { DBControlPanelNavigationItemDefaultProps } from '../control-panel-navigation-item/model.js';
4
+ export type DBControlPanelNavigationItemGroupDefaultProps = {
5
+ /**
6
+ * This is for mobile navigation only, if it is set the sub-navigation is a static overlay
7
+ */
8
+ expanded?: boolean | string;
9
+ /**
10
+ * Change id for db-control-panel-navigation-item-group-menu
11
+ */
12
+ menuId?: string;
13
+ };
14
+ export type DBControlPanelNavigationItemGroupProps = DBControlPanelNavigationItemGroupDefaultProps & NavigationBackButtonProps & ClickEventProps<HTMLButtonElement> & GlobalProps & IconProps & ShowIconProps & DBControlPanelNavigationItemDefaultProps & DisabledProps;
15
+ export type DBControlPanelNavigationItemGroupDefaultState = {
16
+ handleBackClick: (event: ClickEvent<HTMLButtonElement>) => void;
17
+ isSubNavigationExpanded: boolean;
18
+ _itemGroupMenuId: string;
19
+ _intersectionObserverCallbackId?: string;
20
+ _attributeObserver?: MutationObserver;
21
+ _variantObserver?: MutationObserver;
22
+ _role?: string;
23
+ _popoverListenersAttached: boolean;
24
+ /**
25
+ * Internal state property to show/hide sub-navigation button
26
+ */
27
+ _variant?: NavigationItemGroupVariantType;
28
+ navigationItemSafeTriangle?: NavigationItemSafeTriangle;
29
+ autoClose?: boolean;
30
+ onScroll: () => void;
31
+ handleEscape: (event: any) => void;
32
+ forceClose: () => void;
33
+ _enablePopover: () => void;
34
+ _teardownPopover: () => void;
35
+ _update: () => void;
36
+ _handleFocusIn: () => void;
37
+ _handleFocusOut: (event: any) => void;
38
+ _handleMouseEnter: () => void;
39
+ _handleMouseLeave: () => void;
40
+ _setSiblingsInert: (inert: boolean) => void;
41
+ };
42
+ export type DBControlPanelNavigationItemGroupState = DBControlPanelNavigationItemGroupDefaultState & ClickEventState<HTMLButtonElement> & GlobalState & NavigationBehaviorState & InitializedState;
@@ -0,0 +1,18 @@
1
+ declare var __VLS_1: {};
2
+ type __VLS_Slots = {} & {
3
+ default?: (props: typeof __VLS_1) => any;
4
+ };
5
+ 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<{}>, {
6
+ id: string;
7
+ children: any;
8
+ className: string;
9
+ propOverrides: import("../../index.js", { with: { "resolution-mode": "import" } }).PropOverridesType;
10
+ }, {}, {}, {}, string, import("@vue/runtime-core").ComponentProvideOptions, false, {}, any>;
11
+ declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
12
+ declare const _default: typeof __VLS_export;
13
+ export default _default;
14
+ type __VLS_WithSlots<T, S> = T & {
15
+ new (): {
16
+ $slots: S;
17
+ };
18
+ };
@@ -0,0 +1 @@
1
+ export { default as DBControlPanelPrimaryActions } from './control-panel-primary-actions.vue';
@@ -0,0 +1,5 @@
1
+ import { GlobalProps, GlobalState } from '../../shared/model.js';
2
+ export type DBControlPanelPrimaryActionsDefaultProps = {};
3
+ export type DBControlPanelPrimaryActionsProps = DBControlPanelPrimaryActionsDefaultProps & GlobalProps;
4
+ export type DBControlPanelPrimaryActionsDefaultState = {};
5
+ export type DBControlPanelPrimaryActionsState = DBControlPanelPrimaryActionsDefaultState & GlobalState;
@@ -0,0 +1,18 @@
1
+ declare var __VLS_1: {};
2
+ type __VLS_Slots = {} & {
3
+ default?: (props: typeof __VLS_1) => any;
4
+ };
5
+ 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<{}>, {
6
+ id: string;
7
+ children: any;
8
+ className: string;
9
+ propOverrides: import("../../index.js", { with: { "resolution-mode": "import" } }).PropOverridesType;
10
+ }, {}, {}, {}, string, import("@vue/runtime-core").ComponentProvideOptions, false, {}, any>;
11
+ declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
12
+ declare const _default: typeof __VLS_export;
13
+ export default _default;
14
+ type __VLS_WithSlots<T, S> = T & {
15
+ new (): {
16
+ $slots: S;
17
+ };
18
+ };
@@ -0,0 +1 @@
1
+ export { default as DBControlPanelSecondaryActions } from './control-panel-secondary-actions.vue';
@@ -0,0 +1,5 @@
1
+ import { GlobalProps, GlobalState } from '../../shared/model.js';
2
+ export type DBControlPanelSecondaryActionsDefaultProps = {};
3
+ export type DBControlPanelSecondaryActionsProps = DBControlPanelSecondaryActionsDefaultProps & GlobalProps;
4
+ export type DBControlPanelSecondaryActionsDefaultState = {};
5
+ export type DBControlPanelSecondaryActionsState = DBControlPanelSecondaryActionsDefaultState & GlobalState;
@@ -0,0 +1,21 @@
1
+ import { DBControlPanelSkipNavigationProps } from "./model.js";
2
+ declare var __VLS_1: {};
3
+ type __VLS_Slots = {} & {
4
+ default?: (props: typeof __VLS_1) => any;
5
+ };
6
+ declare const __VLS_base: import("@vue/runtime-core").DefineComponent<DBControlPanelSkipNavigationProps, {}, {}, {}, {}, import("@vue/runtime-core").ComponentOptionsMixin, import("@vue/runtime-core").ComponentOptionsMixin, {}, string, import("@vue/runtime-core").PublicProps, Readonly<DBControlPanelSkipNavigationProps> & Readonly<{}>, {
7
+ id: string;
8
+ children: any;
9
+ className: string;
10
+ propOverrides: import("../../index.js", { with: { "resolution-mode": "import" } }).PropOverridesType;
11
+ text: string;
12
+ target: string;
13
+ }, {}, {}, {}, string, import("@vue/runtime-core").ComponentProvideOptions, false, {}, any>;
14
+ declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
15
+ declare const _default: typeof __VLS_export;
16
+ export default _default;
17
+ type __VLS_WithSlots<T, S> = T & {
18
+ new (): {
19
+ $slots: S;
20
+ };
21
+ };
@@ -0,0 +1 @@
1
+ export { default as DBControlPanelSkipNavigation } from './control-panel-skip-navigation.vue';
@@ -0,0 +1,16 @@
1
+ import type { GlobalProps, GlobalState } from '../../shared/model.js';
2
+ export type DBControlPanelSkipNavigationDefaultProps = {
3
+ /**
4
+ * Change the text for the link providing a skip for navigation jumping to main content
5
+ */
6
+ text?: string;
7
+ /**
8
+ * Target id for the skip-navigation link. Must match the `mainId` prop
9
+ * on `DBShellContent` if you override it. Only one shell should exist per page.
10
+ * @default 'main-content'
11
+ */
12
+ target?: string;
13
+ };
14
+ export type DBControlPanelSkipNavigationProps = DBControlPanelSkipNavigationDefaultProps & GlobalProps;
15
+ export type DBControlPanelSkipNavigationDefaultState = {};
16
+ export type DBControlPanelSkipNavigationState = DBControlPanelSkipNavigationDefaultState & GlobalState;
@@ -14,12 +14,12 @@ declare const __VLS_base: import("@vue/runtime-core").DefineComponent<DBCustomSe
14
14
  className: string;
15
15
  propOverrides: import("../../shared/model.js", { with: { "resolution-mode": "import" } }).PropOverridesType;
16
16
  name: string;
17
+ multiple: boolean | string;
17
18
  form: string;
18
19
  label: string;
19
20
  values: string[];
20
21
  open: boolean;
21
22
  disabled: boolean | string;
22
- multiple: boolean | string;
23
23
  variant: import("../../shared/model.js", { with: { "resolution-mode": "import" } }).LabelVariantType;
24
24
  placement: import("../../shared/model.js", { with: { "resolution-mode": "import" } }).PlacementVerticalType;
25
25
  icon: import("@db-ux/core-foundations", { with: { "resolution-mode": "import" } }).IconTypes;
@@ -208,7 +208,7 @@ export type DBCustomSelectDefaultState = {
208
208
  searchEnabled: boolean;
209
209
  amountOptions: number;
210
210
  setDescById: (descId?: string) => void;
211
- handleTagRemove: (option: CustomSelectOptionType, event?: ClickEvent<HTMLButtonElement> | Event | void) => void;
211
+ handleTagRemove: (option: CustomSelectOptionType, event?: ClickEvent<HTMLButtonElement> | Event | void | any) => void;
212
212
  handleSummaryFocus: () => void;
213
213
  handleSelect: (value?: string) => void;
214
214
  handleSelectAll: (event: any) => void;
@@ -8,8 +8,8 @@ declare const __VLS_base: import("@vue/runtime-core").DefineComponent<DBCustomSe
8
8
  children: any;
9
9
  className: string;
10
10
  propOverrides: import("../../index.js", { with: { "resolution-mode": "import" } }).PropOverridesType;
11
- label: string;
12
11
  multiple: boolean;
12
+ label: string;
13
13
  }, {}, {}, {}, string, import("@vue/runtime-core").ComponentProvideOptions, false, {}, any>;
14
14
  declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
15
15
  declare const _default: typeof __VLS_export;
@@ -63,5 +63,6 @@ export type DBDrawerDefaultState = {
63
63
  isNotModal: () => boolean;
64
64
  handleBackdropPointerDown: (event: any) => void;
65
65
  backdropPointerDown: boolean;
66
+ _closeTimeoutId?: number;
66
67
  };
67
68
  export type DBDrawerState = DBDrawerDefaultState & GlobalState & CloseEventState<ClickEvent<HTMLButtonElement | HTMLDialogElement> | GeneralKeyboardEvent<HTMLDialogElement>> & InitializedState;
@@ -26,10 +26,10 @@ declare const __VLS_base: import("@vue/runtime-core").DefineComponent<DBHeaderPr
26
26
  width: import("../../index.js", { with: { "resolution-mode": "import" } }).MaxWidthType;
27
27
  closeButtonId: string;
28
28
  closeButtonText: string;
29
- drawerOpen: boolean | string;
30
- forceMobile: boolean | string;
31
29
  drawerHeaderText: string;
32
30
  burgerMenuLabel: string;
31
+ drawerOpen: boolean | string;
32
+ forceMobile: boolean | string;
33
33
  }, {}, {}, {}, string, import("@vue/runtime-core").ComponentProvideOptions, false, {}, any>;
34
34
  declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
35
35
  declare const _default: typeof __VLS_export;
@@ -15,6 +15,7 @@ declare const __VLS_base: import("@vue/runtime-core").DefineComponent<DBInputPro
15
15
  autofocus: boolean | string;
16
16
  propOverrides: import("../../shared/model.js", { with: { "resolution-mode": "import" } }).PropOverridesType;
17
17
  name: string;
18
+ multiple: boolean | string;
18
19
  form: string;
19
20
  input: (event: InputEvent<HTMLInputElement>) => void;
20
21
  label: string;
@@ -26,7 +27,6 @@ declare const __VLS_base: import("@vue/runtime-core").DefineComponent<DBInputPro
26
27
  onChange: (event: ChangeEvent<HTMLInputElement>) => void;
27
28
  onInput: (event: InputEvent<HTMLInputElement>) => void;
28
29
  type: import("./model.js", { with: { "resolution-mode": "import" } }).InputTypeType | string;
29
- multiple: boolean | string;
30
30
  variant: import("../../shared/model.js", { with: { "resolution-mode": "import" } }).LabelVariantType;
31
31
  size: number;
32
32
  icon: import("@db-ux/core-foundations", { with: { "resolution-mode": "import" } }).IconTypes;
@@ -21,10 +21,10 @@ declare const __VLS_base: import("@vue/runtime-core").DefineComponent<DBNavigati
21
21
  showIcon: boolean | string;
22
22
  width: import("../../shared/model.js", { with: { "resolution-mode": "import" } }).WidthType | string;
23
23
  active: boolean;
24
- subNavigationExpanded: boolean | string;
25
- hideSubNavigation: boolean | string;
26
24
  backButtonId: string;
27
25
  backButtonText: string;
26
+ subNavigationExpanded: boolean | string;
27
+ hideSubNavigation: boolean | string;
28
28
  }, {}, {}, {}, string, import("@vue/runtime-core").ComponentProvideOptions, false, {}, any>;
29
29
  declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
30
30
  declare const _default: typeof __VLS_export;
@@ -20,9 +20,9 @@ declare const __VLS_base: import("@vue/runtime-core").DefineComponent<DBNotifica
20
20
  variant: import("./model.js", { with: { "resolution-mode": "import" } }).NotificationVariantType;
21
21
  icon: import("@db-ux/core-foundations", { with: { "resolution-mode": "import" } }).IconTypes;
22
22
  showIcon: boolean | string;
23
- onClose: (event?: MouseEvent | undefined) => void;
24
23
  closeButtonId: string;
25
24
  closeButtonText: string;
25
+ onClose: (event?: MouseEvent | undefined) => void;
26
26
  closeable: boolean | string;
27
27
  linkVariant: import("./model.js", { with: { "resolution-mode": "import" } }).NotificationLinkVariantType;
28
28
  showHeadline: boolean | string;
@@ -14,6 +14,7 @@ declare const __VLS_base: import("@vue/runtime-core").DefineComponent<DBPopoverP
14
14
  placement: import("../../index.js", { with: { "resolution-mode": "import" } }).PlacementType;
15
15
  width: import("../../index.js", { with: { "resolution-mode": "import" } }).PopoverWidthType;
16
16
  spacing: import("../../index.js", { with: { "resolution-mode": "import" } }).SpacingType | string;
17
+ forceAbsolute: boolean | string;
17
18
  delay: import("../../index.js", { with: { "resolution-mode": "import" } }).PopoverDelayType;
18
19
  animation: boolean | string;
19
20
  gap: boolean | string;
@@ -14,6 +14,7 @@ declare const __VLS_base: import("@vue/runtime-core").DefineComponent<DBSelectPr
14
14
  className: string;
15
15
  propOverrides: import("../../shared/model.js", { with: { "resolution-mode": "import" } }).PropOverridesType;
16
16
  name: string;
17
+ multiple: boolean;
17
18
  input: (event: InputEvent<HTMLSelectElement>) => void;
18
19
  label: string;
19
20
  value: any;
@@ -23,7 +24,6 @@ declare const __VLS_base: import("@vue/runtime-core").DefineComponent<DBSelectPr
23
24
  onChange: (event: ChangeEvent<HTMLSelectElement>) => void;
24
25
  onInput: (event: InputEvent<HTMLSelectElement>) => void;
25
26
  onClick: (event: ClickEvent<HTMLSelectElement>) => void;
26
- multiple: boolean;
27
27
  variant: import("../../shared/model.js", { with: { "resolution-mode": "import" } }).LabelVariantType;
28
28
  size: number;
29
29
  icon: import("@db-ux/core-foundations", { with: { "resolution-mode": "import" } }).IconTypes;
@@ -0,0 +1 @@
1
+ export { default as DBShell } from './shell.vue';
@@ -0,0 +1,38 @@
1
+ import { GlobalProps, GlobalState, ShellControlPanelDesktopPositionType, ShellControlPanelMobilePositionType } from '../../shared/model.js';
2
+ export declare const ShellSubNavigationMobilePosition: readonly ["top", "bottom", "none"];
3
+ export type ShellSubNavigationMobilePositionType = (typeof ShellSubNavigationMobilePosition)[number];
4
+ export type DBShellDefaultProps = {
5
+ /**
6
+ * Change the position of the desktop content panel
7
+ */
8
+ controlPanelDesktopPosition?: ShellControlPanelDesktopPositionType;
9
+ /**
10
+ * Change the position of the mobile content panel
11
+ */
12
+ controlPanelMobilePosition?: ShellControlPanelMobilePositionType;
13
+ /**
14
+ * Set this to have a transition with opacity to avoid layout-shifts https://simonhearne.com/2021/layout-shifts-webfonts/
15
+ */
16
+ fadeIn?: boolean | string;
17
+ /**
18
+ * Change the position of the optional sub navigation for desktop
19
+ */
20
+ subNavigationDesktopPosition?: ShellControlPanelDesktopPositionType;
21
+ /**
22
+ * Change the position of the optional sub navigation for mobile
23
+ */
24
+ subNavigationMobilePosition?: ShellSubNavigationMobilePositionType;
25
+ /**
26
+ * Shows sub-navigation
27
+ */
28
+ showSubNavigation?: boolean | string;
29
+ };
30
+ export type DBShellProps = DBShellDefaultProps & GlobalProps;
31
+ export type DBShellDefaultState = {
32
+ fontsLoaded?: boolean;
33
+ _controlPanelDesktopPosition?: ShellControlPanelDesktopPositionType;
34
+ _controlPanelMobilePosition?: ShellControlPanelMobilePositionType;
35
+ _subNavigationDesktopPosition?: ShellControlPanelDesktopPositionType;
36
+ _subNavigationMobilePosition?: ShellSubNavigationMobilePositionType;
37
+ };
38
+ export type DBShellState = DBShellDefaultState & GlobalState;
@@ -0,0 +1,25 @@
1
+ import { DBShellProps } from "./model.js";
2
+ declare var __VLS_1: {};
3
+ type __VLS_Slots = {} & {
4
+ default?: (props: typeof __VLS_1) => any;
5
+ };
6
+ 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<{}>, {
7
+ id: string;
8
+ children: any;
9
+ className: string;
10
+ propOverrides: import("../../index.js", { with: { "resolution-mode": "import" } }).PropOverridesType;
11
+ fadeIn: boolean | string;
12
+ controlPanelDesktopPosition: import("../../index.js", { with: { "resolution-mode": "import" } }).ShellControlPanelDesktopPositionType;
13
+ controlPanelMobilePosition: import("../../index.js", { with: { "resolution-mode": "import" } }).ShellControlPanelMobilePositionType;
14
+ subNavigationDesktopPosition: import("../../index.js", { with: { "resolution-mode": "import" } }).ShellControlPanelDesktopPositionType;
15
+ subNavigationMobilePosition: import("./model.js", { with: { "resolution-mode": "import" } }).ShellSubNavigationMobilePositionType;
16
+ showSubNavigation: boolean | string;
17
+ }, {}, {}, {}, string, import("@vue/runtime-core").ComponentProvideOptions, false, {}, any>;
18
+ declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
19
+ declare const _default: typeof __VLS_export;
20
+ export default _default;
21
+ type __VLS_WithSlots<T, S> = T & {
22
+ new (): {
23
+ $slots: S;
24
+ };
25
+ };
@@ -0,0 +1 @@
1
+ export { default as DBShellContent } from './shell-content.vue';
@@ -0,0 +1,28 @@
1
+ import type { EndSlotProps, GlobalProps, GlobalState, StartSlotProps } from '../../shared/model.js';
2
+ export declare const ShellContentVariantList: readonly ["auto", "fixed"];
3
+ export type ShellContentVariantType = (typeof ShellContentVariantList)[number];
4
+ export type DBShellContentDefaultProps = {
5
+ /**
6
+ * Adds `class` to `<main>` element
7
+ */
8
+ mainClass?: string;
9
+ /**
10
+ * Overrides the default `id` on the `<main>` element.
11
+ * This id is used as the target for the shell skip-navigation link.
12
+ * Only one `DBShellContent` should exist per page to avoid duplicate IDs.
13
+ * @default 'main-content'
14
+ */
15
+ mainId?: string;
16
+ /**
17
+ * Adds `aria-label` to `<main>` element
18
+ */
19
+ mainLabel?: string;
20
+ /**
21
+ * Change the scrolling behavior. `auto` scrolling on complete wrapper, `fixed` scrolling only in for main.
22
+ * @default auto
23
+ */
24
+ variant?: ShellContentVariantType;
25
+ };
26
+ export type DBShellContentProps = DBShellContentDefaultProps & GlobalProps & StartSlotProps & EndSlotProps;
27
+ export type DBShellContentDefaultState = {};
28
+ export type DBShellContentState = DBShellContentDefaultState & GlobalState;
@@ -0,0 +1,27 @@
1
+ import { DBShellContentProps } from "./model.js";
2
+ declare var __VLS_1: {}, __VLS_3: {}, __VLS_5: {};
3
+ type __VLS_Slots = {} & {
4
+ 'start-slot'?: (props: typeof __VLS_1) => any;
5
+ } & {
6
+ default?: (props: typeof __VLS_3) => any;
7
+ } & {
8
+ 'end-slot'?: (props: typeof __VLS_5) => any;
9
+ };
10
+ 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<{}>, {
11
+ id: string;
12
+ children: any;
13
+ className: string;
14
+ propOverrides: import("../../index.js", { with: { "resolution-mode": "import" } }).PropOverridesType;
15
+ variant: import("./model.js", { with: { "resolution-mode": "import" } }).ShellContentVariantType;
16
+ mainClass: string;
17
+ mainId: string;
18
+ mainLabel: string;
19
+ }, {}, {}, {}, string, import("@vue/runtime-core").ComponentProvideOptions, false, {}, any>;
20
+ declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
21
+ declare const _default: typeof __VLS_export;
22
+ export default _default;
23
+ type __VLS_WithSlots<T, S> = T & {
24
+ new (): {
25
+ $slots: S;
26
+ };
27
+ };
@@ -0,0 +1 @@
1
+ export { default as DBShellSubNavigation } from './shell-sub-navigation.vue';
@@ -0,0 +1,5 @@
1
+ import { GlobalProps, GlobalState, SidebarProps, SidebarState, ToggleEventState } from '../../shared/model.js';
2
+ export type DBShellSubNavigationDefaultProps = {};
3
+ export type DBShellSubNavigationProps = DBShellSubNavigationDefaultProps & GlobalProps & SidebarProps;
4
+ export type DBShellSubNavigationDefaultState = {};
5
+ export type DBShellSubNavigationState = DBShellSubNavigationDefaultState & GlobalState & ToggleEventState<HTMLButtonElement> & SidebarState;
@@ -0,0 +1,22 @@
1
+ import { DBShellSubNavigationProps } from "./model.js";
2
+ declare var __VLS_1: {};
3
+ type __VLS_Slots = {} & {
4
+ default?: (props: typeof __VLS_1) => any;
5
+ };
6
+ 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<{}>, {
7
+ id: string;
8
+ children: any;
9
+ className: string;
10
+ propOverrides: import("../../index.js", { with: { "resolution-mode": "import" } }).PropOverridesType;
11
+ expanded: boolean | string;
12
+ expandButtonTooltip: string;
13
+ onExpandButtonTooltipFn: (open: boolean) => string;
14
+ }, {}, {}, {}, string, import("@vue/runtime-core").ComponentProvideOptions, false, {}, any>;
15
+ declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
16
+ declare const _default: typeof __VLS_export;
17
+ export default _default;
18
+ type __VLS_WithSlots<T, S> = T & {
19
+ new (): {
20
+ $slots: S;
21
+ };
22
+ };
@@ -14,6 +14,7 @@ declare const __VLS_base: import("@vue/runtime-core").DefineComponent<DBTooltipP
14
14
  emphasis: import("../../shared/model.js", { with: { "resolution-mode": "import" } }).EmphasisType;
15
15
  wrap: boolean | string;
16
16
  width: import("../../shared/model.js", { with: { "resolution-mode": "import" } }).PopoverWidthType;
17
+ forceAbsolute: boolean | string;
17
18
  showArrow: boolean | string;
18
19
  delay: import("../../shared/model.js", { with: { "resolution-mode": "import" } }).PopoverDelayType;
19
20
  animation: boolean | string;