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

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 (81) hide show
  1. package/CHANGELOG.md +27 -3
  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/Shell.md +28 -0
  9. package/agent/_instructions.md +7 -0
  10. package/dist/components/accordion/accordion.vue.d.ts +1 -1
  11. package/dist/components/accordion/model.d.ts +2 -8
  12. package/dist/components/control-panel-actions/control-panel-actions-1.vue.d.ts +18 -0
  13. package/dist/components/control-panel-actions/control-panel-actions-2.vue.d.ts +18 -0
  14. package/dist/components/control-panel-actions/index.d.ts +2 -0
  15. package/dist/components/control-panel-actions/model.d.ts +9 -0
  16. package/dist/components/control-panel-brand/control-panel-brand.vue.d.ts +22 -0
  17. package/dist/components/control-panel-brand/index.d.ts +1 -0
  18. package/dist/components/control-panel-brand/model.d.ts +7 -0
  19. package/dist/components/control-panel-desktop/control-panel-desktop.vue.d.ts +35 -0
  20. package/dist/components/control-panel-desktop/index.d.ts +1 -0
  21. package/dist/components/control-panel-desktop/model.d.ts +7 -0
  22. package/dist/components/control-panel-flat-icon/control-panel-flat-icon.vue.d.ts +22 -0
  23. package/dist/components/control-panel-flat-icon/index.d.ts +1 -0
  24. package/dist/components/control-panel-flat-icon/model.d.ts +12 -0
  25. package/dist/components/control-panel-meta/control-panel-meta.vue.d.ts +18 -0
  26. package/dist/components/control-panel-meta/index.d.ts +1 -0
  27. package/dist/components/control-panel-meta/model.d.ts +5 -0
  28. package/dist/components/control-panel-mobile/control-panel-mobile.vue.d.ts +33 -0
  29. package/dist/components/control-panel-mobile/index.d.ts +1 -0
  30. package/dist/components/control-panel-mobile/model.d.ts +21 -0
  31. package/dist/components/control-panel-navigation/control-panel-navigation.vue.d.ts +26 -0
  32. package/dist/components/control-panel-navigation/index.d.ts +1 -0
  33. package/dist/components/control-panel-navigation/model.d.ts +27 -0
  34. package/dist/components/control-panel-navigation-item/control-panel-navigation-item.vue.d.ts +27 -0
  35. package/dist/components/control-panel-navigation-item/index.d.ts +1 -0
  36. package/dist/components/control-panel-navigation-item/model.d.ts +16 -0
  37. package/dist/components/control-panel-navigation-item-group/control-panel-navigation-item-group.vue.d.ts +32 -0
  38. package/dist/components/control-panel-navigation-item-group/index.d.ts +1 -0
  39. package/dist/components/control-panel-navigation-item-group/model.d.ts +42 -0
  40. package/dist/components/control-panel-skip-navigation/control-panel-skip-navigation.vue.d.ts +21 -0
  41. package/dist/components/control-panel-skip-navigation/index.d.ts +1 -0
  42. package/dist/components/control-panel-skip-navigation/model.d.ts +16 -0
  43. package/dist/components/custom-select/custom-select.vue.d.ts +1 -1
  44. package/dist/components/custom-select/model.d.ts +1 -1
  45. package/dist/components/custom-select-list/custom-select-list.vue.d.ts +1 -1
  46. package/dist/components/drawer/model.d.ts +1 -0
  47. package/dist/components/header/header.vue.d.ts +2 -2
  48. package/dist/components/heading/custom-heading.vue.d.ts +27 -0
  49. package/dist/components/heading/heading-h1.vue.d.ts +24 -0
  50. package/dist/components/heading/heading-h2.vue.d.ts +24 -0
  51. package/dist/components/heading/heading-h3.vue.d.ts +24 -0
  52. package/dist/components/heading/heading-h4.vue.d.ts +24 -0
  53. package/dist/components/heading/heading-h5.vue.d.ts +24 -0
  54. package/dist/components/heading/heading-h6.vue.d.ts +24 -0
  55. package/dist/components/heading/index.d.ts +7 -0
  56. package/dist/components/heading/model.d.ts +73 -0
  57. package/dist/components/input/input.vue.d.ts +1 -1
  58. package/dist/components/navigation-item/navigation-item.vue.d.ts +2 -2
  59. package/dist/components/notification/notification.vue.d.ts +1 -1
  60. package/dist/components/popover/popover.vue.d.ts +1 -0
  61. package/dist/components/select/select.vue.d.ts +1 -1
  62. package/dist/components/shell/index.d.ts +1 -0
  63. package/dist/components/shell/model.d.ts +38 -0
  64. package/dist/components/shell/shell.vue.d.ts +25 -0
  65. package/dist/components/shell-content/index.d.ts +1 -0
  66. package/dist/components/shell-content/model.d.ts +28 -0
  67. package/dist/components/shell-content/shell-content.vue.d.ts +27 -0
  68. package/dist/components/shell-sub-navigation/index.d.ts +1 -0
  69. package/dist/components/shell-sub-navigation/model.d.ts +7 -0
  70. package/dist/components/shell-sub-navigation/shell-sub-navigation.vue.d.ts +23 -0
  71. package/dist/components/stack/stack.vue.d.ts +1 -1
  72. package/dist/components/tooltip/tooltip.vue.d.ts +1 -0
  73. package/dist/db-ux.es.js +3040 -1512
  74. package/dist/db-ux.umd.js +1 -1
  75. package/dist/index.d.ts +28 -0
  76. package/dist/shared/constants.d.ts +5 -1
  77. package/dist/shared/model.d.ts +94 -3
  78. package/dist/utils/floating-components.d.ts +7 -2
  79. package/dist/utils/index.d.ts +10 -0
  80. package/dist/utils/navigation.d.ts +30 -11
  81. package/package.json +5 -5
@@ -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 | 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 DBControlPanelNavigationItem } from './control-panel-navigation-item.vue';
@@ -0,0 +1,16 @@
1
+ import type { ActiveProps, DisabledProps, EndSlotProps, GlobalProps, GlobalState, IconProps, InitializedState, ShowIconProps, TextProps } from '../../shared/model.js';
2
+ export type DBControlPanelNavigationItemDefaultProps = {
3
+ /**
4
+ * If you use DBShell with controlPanelDesktopPosition="left" or DBControlPanelFlatIcon
5
+ * you need to add a tooltip for collapsed navigation
6
+ */
7
+ tooltip?: string;
8
+ } & ActiveProps & EndSlotProps & TextProps;
9
+ export type DBControlPanelNavigationItemProps = DBControlPanelNavigationItemDefaultProps & GlobalProps & IconProps & ShowIconProps & DisabledProps;
10
+ export type DBControlPanelNavigationItemDefaultState = {
11
+ _tooltip?: string;
12
+ _savedHref?: string;
13
+ _role?: string;
14
+ _attributeObserver?: MutationObserver;
15
+ };
16
+ 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 | string;
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,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;
@@ -0,0 +1,27 @@
1
+ import { DBCustomHeadingProps } 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<DBCustomHeadingProps, {}, {}, {}, {}, import("@vue/runtime-core").ComponentOptionsMixin, import("@vue/runtime-core").ComponentOptionsMixin, {}, string, import("@vue/runtime-core").PublicProps, Readonly<DBCustomHeadingProps> & Readonly<{}>, {
11
+ id: string;
12
+ children: any;
13
+ className: string;
14
+ propOverrides: import("../../index.js", { with: { "resolution-mode": "import" } }).PropOverridesType;
15
+ size: import("./model.js", { with: { "resolution-mode": "import" } }).HeadingSizeType;
16
+ fontWeight: import("./model.js", { with: { "resolution-mode": "import" } }).HeadingFontWeightType;
17
+ paragraphSpacing: boolean | string;
18
+ alignment: import("../../index.js", { with: { "resolution-mode": "import" } }).AlignmentType | 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,24 @@
1
+ import { DBHeadingH1Props } 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<DBHeadingH1Props, {}, {}, {}, {}, import("@vue/runtime-core").ComponentOptionsMixin, import("@vue/runtime-core").ComponentOptionsMixin, {}, string, import("@vue/runtime-core").PublicProps, Readonly<DBHeadingH1Props> & Readonly<{}>, {
7
+ id: string;
8
+ children: any;
9
+ className: string;
10
+ propOverrides: import("../../index.js", { with: { "resolution-mode": "import" } }).PropOverridesType;
11
+ text: string;
12
+ size: import("./model.js", { with: { "resolution-mode": "import" } }).HeadingSizeType;
13
+ fontWeight: import("./model.js", { with: { "resolution-mode": "import" } }).HeadingFontWeightType;
14
+ paragraphSpacing: boolean | string;
15
+ alignment: import("../../index.js", { with: { "resolution-mode": "import" } }).AlignmentType | string;
16
+ }, {}, {}, {}, string, import("@vue/runtime-core").ComponentProvideOptions, false, {}, any>;
17
+ declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
18
+ declare const _default: typeof __VLS_export;
19
+ export default _default;
20
+ type __VLS_WithSlots<T, S> = T & {
21
+ new (): {
22
+ $slots: S;
23
+ };
24
+ };
@@ -0,0 +1,24 @@
1
+ import { DBHeadingH2Props } 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<DBHeadingH2Props, {}, {}, {}, {}, import("@vue/runtime-core").ComponentOptionsMixin, import("@vue/runtime-core").ComponentOptionsMixin, {}, string, import("@vue/runtime-core").PublicProps, Readonly<DBHeadingH2Props> & Readonly<{}>, {
7
+ id: string;
8
+ children: any;
9
+ className: string;
10
+ propOverrides: import("../../index.js", { with: { "resolution-mode": "import" } }).PropOverridesType;
11
+ text: string;
12
+ size: import("./model.js", { with: { "resolution-mode": "import" } }).HeadingSizeType;
13
+ fontWeight: import("./model.js", { with: { "resolution-mode": "import" } }).HeadingFontWeightType;
14
+ paragraphSpacing: boolean | string;
15
+ alignment: import("../../index.js", { with: { "resolution-mode": "import" } }).AlignmentType | string;
16
+ }, {}, {}, {}, string, import("@vue/runtime-core").ComponentProvideOptions, false, {}, any>;
17
+ declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
18
+ declare const _default: typeof __VLS_export;
19
+ export default _default;
20
+ type __VLS_WithSlots<T, S> = T & {
21
+ new (): {
22
+ $slots: S;
23
+ };
24
+ };
@@ -0,0 +1,24 @@
1
+ import { DBHeadingH3Props } 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<DBHeadingH3Props, {}, {}, {}, {}, import("@vue/runtime-core").ComponentOptionsMixin, import("@vue/runtime-core").ComponentOptionsMixin, {}, string, import("@vue/runtime-core").PublicProps, Readonly<DBHeadingH3Props> & Readonly<{}>, {
7
+ id: string;
8
+ children: any;
9
+ className: string;
10
+ propOverrides: import("../../index.js", { with: { "resolution-mode": "import" } }).PropOverridesType;
11
+ text: string;
12
+ size: import("./model.js", { with: { "resolution-mode": "import" } }).HeadingSizeType;
13
+ fontWeight: import("./model.js", { with: { "resolution-mode": "import" } }).HeadingFontWeightType;
14
+ paragraphSpacing: boolean | string;
15
+ alignment: import("../../index.js", { with: { "resolution-mode": "import" } }).AlignmentType | string;
16
+ }, {}, {}, {}, string, import("@vue/runtime-core").ComponentProvideOptions, false, {}, any>;
17
+ declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
18
+ declare const _default: typeof __VLS_export;
19
+ export default _default;
20
+ type __VLS_WithSlots<T, S> = T & {
21
+ new (): {
22
+ $slots: S;
23
+ };
24
+ };
@@ -0,0 +1,24 @@
1
+ import { DBHeadingH4Props } 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<DBHeadingH4Props, {}, {}, {}, {}, import("@vue/runtime-core").ComponentOptionsMixin, import("@vue/runtime-core").ComponentOptionsMixin, {}, string, import("@vue/runtime-core").PublicProps, Readonly<DBHeadingH4Props> & Readonly<{}>, {
7
+ id: string;
8
+ children: any;
9
+ className: string;
10
+ propOverrides: import("../../index.js", { with: { "resolution-mode": "import" } }).PropOverridesType;
11
+ text: string;
12
+ size: import("./model.js", { with: { "resolution-mode": "import" } }).HeadingSizeType;
13
+ fontWeight: import("./model.js", { with: { "resolution-mode": "import" } }).HeadingFontWeightType;
14
+ paragraphSpacing: boolean | string;
15
+ alignment: import("../../index.js", { with: { "resolution-mode": "import" } }).AlignmentType | string;
16
+ }, {}, {}, {}, string, import("@vue/runtime-core").ComponentProvideOptions, false, {}, any>;
17
+ declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
18
+ declare const _default: typeof __VLS_export;
19
+ export default _default;
20
+ type __VLS_WithSlots<T, S> = T & {
21
+ new (): {
22
+ $slots: S;
23
+ };
24
+ };
@@ -0,0 +1,24 @@
1
+ import { DBHeadingH5Props } 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<DBHeadingH5Props, {}, {}, {}, {}, import("@vue/runtime-core").ComponentOptionsMixin, import("@vue/runtime-core").ComponentOptionsMixin, {}, string, import("@vue/runtime-core").PublicProps, Readonly<DBHeadingH5Props> & Readonly<{}>, {
7
+ id: string;
8
+ children: any;
9
+ className: string;
10
+ propOverrides: import("../../index.js", { with: { "resolution-mode": "import" } }).PropOverridesType;
11
+ text: string;
12
+ size: import("./model.js", { with: { "resolution-mode": "import" } }).HeadingSizeType;
13
+ fontWeight: import("./model.js", { with: { "resolution-mode": "import" } }).HeadingFontWeightType;
14
+ paragraphSpacing: boolean | string;
15
+ alignment: import("../../index.js", { with: { "resolution-mode": "import" } }).AlignmentType | string;
16
+ }, {}, {}, {}, string, import("@vue/runtime-core").ComponentProvideOptions, false, {}, any>;
17
+ declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
18
+ declare const _default: typeof __VLS_export;
19
+ export default _default;
20
+ type __VLS_WithSlots<T, S> = T & {
21
+ new (): {
22
+ $slots: S;
23
+ };
24
+ };
@@ -0,0 +1,24 @@
1
+ import { DBHeadingH6Props } 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<DBHeadingH6Props, {}, {}, {}, {}, import("@vue/runtime-core").ComponentOptionsMixin, import("@vue/runtime-core").ComponentOptionsMixin, {}, string, import("@vue/runtime-core").PublicProps, Readonly<DBHeadingH6Props> & Readonly<{}>, {
7
+ id: string;
8
+ children: any;
9
+ className: string;
10
+ propOverrides: import("../../index.js", { with: { "resolution-mode": "import" } }).PropOverridesType;
11
+ text: string;
12
+ size: import("./model.js", { with: { "resolution-mode": "import" } }).HeadingSizeType;
13
+ fontWeight: import("./model.js", { with: { "resolution-mode": "import" } }).HeadingFontWeightType;
14
+ paragraphSpacing: boolean | string;
15
+ alignment: import("../../index.js", { with: { "resolution-mode": "import" } }).AlignmentType | string;
16
+ }, {}, {}, {}, string, import("@vue/runtime-core").ComponentProvideOptions, false, {}, any>;
17
+ declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
18
+ declare const _default: typeof __VLS_export;
19
+ export default _default;
20
+ type __VLS_WithSlots<T, S> = T & {
21
+ new (): {
22
+ $slots: S;
23
+ };
24
+ };
@@ -0,0 +1,7 @@
1
+ export { default as DBCustomHeading } from './custom-heading.vue';
2
+ export { default as DBHeadingH1 } from './heading-h1.vue';
3
+ export { default as DBHeadingH2 } from './heading-h2.vue';
4
+ export { default as DBHeadingH3 } from './heading-h3.vue';
5
+ export { default as DBHeadingH4 } from './heading-h4.vue';
6
+ export { default as DBHeadingH5 } from './heading-h5.vue';
7
+ export { default as DBHeadingH6 } from './heading-h6.vue';
@@ -0,0 +1,73 @@
1
+ import type { AlignmentProps, EndSlotProps, GlobalProps, GlobalState, StartSlotProps, TextProps } from '../../shared/model.js';
2
+ /** @public */
3
+ export declare const HeadingSizeList: readonly ["3xl", "2xl", "xl", "lg", "md", "sm", "xs", "2xs", "3xs"];
4
+ /** @public */
5
+ export type HeadingSizeType = (typeof HeadingSizeList)[number];
6
+ /** @public */
7
+ export declare const HeadingFontWeightList: readonly ["black", "light"];
8
+ /** @public */
9
+ export type HeadingFontWeightType = (typeof HeadingFontWeightList)[number];
10
+ /** @public */
11
+ export type DBHeadingBaseDefaultProps = {
12
+ /** Sets the visual size independently from the fixed semantic level. */
13
+ size?: HeadingSizeType;
14
+ /** Sets the headline font weight. Defaults to `black`. */
15
+ fontWeight?: HeadingFontWeightType;
16
+ /** Adds exactly `1lh` of margin at block-end when enabled. */
17
+ paragraphSpacing?: boolean | string;
18
+ };
19
+ /** @public */
20
+ export type DBHeadingBaseProps = DBHeadingBaseDefaultProps & GlobalProps & AlignmentProps;
21
+ /**
22
+ * Styling wrapper for a consumer-authored native heading plus optional sibling
23
+ * content. Mirrors the Heading styling API the same way `DBCustomButton` mirrors
24
+ * `DBButton`: the wrapper carries the styling properties, the nested native
25
+ * element carries the native attributes.
26
+ *
27
+ * The default slot takes the native heading, `startSlot` and `endSlot` take the
28
+ * content around it. Because that content is a sibling of the heading instead of
29
+ * one of its children, it stays out of the accessible heading name.
30
+ *
31
+ * @public
32
+ */
33
+ export type DBCustomHeadingDefaultProps = DBHeadingBaseDefaultProps;
34
+ /** @public */
35
+ export type DBCustomHeadingProps = DBHeadingBaseDefaultProps & GlobalProps & AlignmentProps & StartSlotProps & EndSlotProps;
36
+ /** @public */
37
+ export type DBHeadingH1DefaultProps = DBHeadingBaseDefaultProps;
38
+ /** @public */
39
+ export type DBHeadingH1Props = DBHeadingBaseDefaultProps & GlobalProps & AlignmentProps & TextProps;
40
+ /** @public */
41
+ export type DBHeadingH2DefaultProps = DBHeadingBaseDefaultProps;
42
+ /** @public */
43
+ export type DBHeadingH2Props = DBHeadingBaseDefaultProps & GlobalProps & AlignmentProps & TextProps;
44
+ /** @public */
45
+ export type DBHeadingH3DefaultProps = DBHeadingBaseDefaultProps;
46
+ /** @public */
47
+ export type DBHeadingH3Props = DBHeadingBaseDefaultProps & GlobalProps & AlignmentProps & TextProps;
48
+ /** @public */
49
+ export type DBHeadingH4DefaultProps = DBHeadingBaseDefaultProps;
50
+ /** @public */
51
+ export type DBHeadingH4Props = DBHeadingBaseDefaultProps & GlobalProps & AlignmentProps & TextProps;
52
+ /** @public */
53
+ export type DBHeadingH5DefaultProps = DBHeadingBaseDefaultProps;
54
+ /** @public */
55
+ export type DBHeadingH5Props = DBHeadingBaseDefaultProps & GlobalProps & AlignmentProps & TextProps;
56
+ /** @public */
57
+ export type DBHeadingH6DefaultProps = DBHeadingBaseDefaultProps;
58
+ /** @public */
59
+ export type DBHeadingH6Props = DBHeadingBaseDefaultProps & GlobalProps & AlignmentProps & TextProps;
60
+ export type DBCustomHeadingDefaultState = {};
61
+ export type DBCustomHeadingState = DBCustomHeadingDefaultState & GlobalState;
62
+ export type DBHeadingH1DefaultState = {};
63
+ export type DBHeadingH1State = DBHeadingH1DefaultState & GlobalState;
64
+ export type DBHeadingH2DefaultState = {};
65
+ export type DBHeadingH2State = DBHeadingH2DefaultState & GlobalState;
66
+ export type DBHeadingH3DefaultState = {};
67
+ export type DBHeadingH3State = DBHeadingH3DefaultState & GlobalState;
68
+ export type DBHeadingH4DefaultState = {};
69
+ export type DBHeadingH4State = DBHeadingH4DefaultState & GlobalState;
70
+ export type DBHeadingH5DefaultState = {};
71
+ export type DBHeadingH5State = DBHeadingH5DefaultState & GlobalState;
72
+ export type DBHeadingH6DefaultState = {};
73
+ export type DBHeadingH6State = DBHeadingH6DefaultState & GlobalState;
@@ -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';