@db-ux/v-core-components 1.0.0-test-13b991d

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 (103) hide show
  1. package/README.md +112 -0
  2. package/dist/components/accordion/accordion.vue.d.ts +22 -0
  3. package/dist/components/accordion/index.d.ts +1 -0
  4. package/dist/components/accordion/model.d.ts +41 -0
  5. package/dist/components/accordion-item/accordion-item.vue.d.ts +22 -0
  6. package/dist/components/accordion-item/index.d.ts +1 -0
  7. package/dist/components/accordion-item/model.d.ts +24 -0
  8. package/dist/components/badge/badge.vue.d.ts +22 -0
  9. package/dist/components/badge/index.d.ts +1 -0
  10. package/dist/components/badge/model.d.ts +16 -0
  11. package/dist/components/brand/brand.vue.d.ts +20 -0
  12. package/dist/components/brand/index.d.ts +1 -0
  13. package/dist/components/brand/model.d.ts +10 -0
  14. package/dist/components/button/button.vue.d.ts +33 -0
  15. package/dist/components/button/index.d.ts +1 -0
  16. package/dist/components/button/model.d.ts +52 -0
  17. package/dist/components/card/card.vue.d.ts +20 -0
  18. package/dist/components/card/index.d.ts +1 -0
  19. package/dist/components/card/model.d.ts +18 -0
  20. package/dist/components/checkbox/checkbox.vue.d.ts +41 -0
  21. package/dist/components/checkbox/index.d.ts +1 -0
  22. package/dist/components/checkbox/model.d.ts +10 -0
  23. package/dist/components/divider/divider.vue.d.ts +12 -0
  24. package/dist/components/divider/index.d.ts +1 -0
  25. package/dist/components/divider/model.d.ts +18 -0
  26. package/dist/components/drawer/drawer.vue.d.ts +28 -0
  27. package/dist/components/drawer/index.d.ts +1 -0
  28. package/dist/components/drawer/model.d.ts +41 -0
  29. package/dist/components/header/header.vue.d.ts +28 -0
  30. package/dist/components/header/index.d.ts +1 -0
  31. package/dist/components/header/model.d.ts +44 -0
  32. package/dist/components/icon/icon.vue.d.ts +20 -0
  33. package/dist/components/icon/index.d.ts +1 -0
  34. package/dist/components/icon/model.d.ts +12 -0
  35. package/dist/components/infotext/index.d.ts +1 -0
  36. package/dist/components/infotext/infotext.vue.d.ts +21 -0
  37. package/dist/components/infotext/model.d.ts +5 -0
  38. package/dist/components/input/index.d.ts +1 -0
  39. package/dist/components/input/input.vue.d.ts +59 -0
  40. package/dist/components/input/model.d.ts +39 -0
  41. package/dist/components/link/index.d.ts +1 -0
  42. package/dist/components/link/link.vue.d.ts +31 -0
  43. package/dist/components/link/model.d.ts +24 -0
  44. package/dist/components/navigation/index.d.ts +1 -0
  45. package/dist/components/navigation/model.d.ts +5 -0
  46. package/dist/components/navigation/navigation.vue.d.ts +17 -0
  47. package/dist/components/navigation-item/index.d.ts +1 -0
  48. package/dist/components/navigation-item/model.d.ts +34 -0
  49. package/dist/components/navigation-item/navigation-item.vue.d.ts +28 -0
  50. package/dist/components/notification/index.d.ts +1 -0
  51. package/dist/components/notification/model.d.ts +57 -0
  52. package/dist/components/notification/notification.vue.d.ts +33 -0
  53. package/dist/components/page/index.d.ts +1 -0
  54. package/dist/components/page/model.d.ts +32 -0
  55. package/dist/components/page/page.vue.d.ts +21 -0
  56. package/dist/components/popover/index.d.ts +1 -0
  57. package/dist/components/popover/model.d.ts +18 -0
  58. package/dist/components/popover/popover.vue.d.ts +24 -0
  59. package/dist/components/radio/index.d.ts +1 -0
  60. package/dist/components/radio/model.d.ts +7 -0
  61. package/dist/components/radio/radio.vue.d.ts +36 -0
  62. package/dist/components/section/index.d.ts +1 -0
  63. package/dist/components/section/model.d.ts +5 -0
  64. package/dist/components/section/section.vue.d.ts +18 -0
  65. package/dist/components/select/index.d.ts +1 -0
  66. package/dist/components/select/model.d.ts +43 -0
  67. package/dist/components/select/select.vue.d.ts +47 -0
  68. package/dist/components/stack/index.d.ts +1 -0
  69. package/dist/components/stack/model.d.ts +34 -0
  70. package/dist/components/stack/stack.vue.d.ts +22 -0
  71. package/dist/components/switch/index.d.ts +1 -0
  72. package/dist/components/switch/model.d.ts +12 -0
  73. package/dist/components/switch/switch.vue.d.ts +39 -0
  74. package/dist/components/tab-item/index.d.ts +1 -0
  75. package/dist/components/tab-item/model.d.ts +24 -0
  76. package/dist/components/tab-item/tab-item.vue.d.ts +31 -0
  77. package/dist/components/tab-list/index.d.ts +1 -0
  78. package/dist/components/tab-list/model.d.ts +5 -0
  79. package/dist/components/tab-list/tab-list.vue.d.ts +15 -0
  80. package/dist/components/tab-panel/index.d.ts +1 -0
  81. package/dist/components/tab-panel/model.d.ts +10 -0
  82. package/dist/components/tab-panel/tab-panel.vue.d.ts +18 -0
  83. package/dist/components/tabs/index.d.ts +1 -0
  84. package/dist/components/tabs/model.d.ts +47 -0
  85. package/dist/components/tabs/tabs.vue.d.ts +25 -0
  86. package/dist/components/tag/index.d.ts +1 -0
  87. package/dist/components/tag/model.d.ts +45 -0
  88. package/dist/components/tag/tag.vue.d.ts +29 -0
  89. package/dist/components/textarea/index.d.ts +1 -0
  90. package/dist/components/textarea/model.d.ts +30 -0
  91. package/dist/components/textarea/textarea.vue.d.ts +44 -0
  92. package/dist/components/tooltip/index.d.ts +1 -0
  93. package/dist/components/tooltip/model.d.ts +7 -0
  94. package/dist/components/tooltip/tooltip.vue.d.ts +22 -0
  95. package/dist/db-ux.es.js +2645 -0
  96. package/dist/db-ux.umd.js +1 -0
  97. package/dist/index.d.ts +36 -0
  98. package/dist/shared/constants.d.ts +83 -0
  99. package/dist/shared/model.d.ts +445 -0
  100. package/dist/utils/form-components.d.ts +2 -0
  101. package/dist/utils/index.d.ts +61 -0
  102. package/dist/utils/navigation.d.ts +32 -0
  103. package/package.json +58 -0
@@ -0,0 +1,18 @@
1
+ import { DBSectionProps } from "./model";
2
+ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<DBSectionProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<DBSectionProps> & Readonly<{}>, {
3
+ children: any;
4
+ className: string;
5
+ id: string;
6
+ width: "medium" | "small" | "large" | "full";
7
+ spacing: "medium" | "small" | "large" | "none";
8
+ }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {
9
+ _ref: HTMLElement;
10
+ }, HTMLElement>, {
11
+ default?(_: {}): any;
12
+ }>;
13
+ export default _default;
14
+ type __VLS_WithTemplateSlots<T, S> = T & {
15
+ new (): {
16
+ $slots: S;
17
+ };
18
+ };
@@ -0,0 +1 @@
1
+ export { default as DBSelect } from './select.vue';
@@ -0,0 +1,43 @@
1
+ import { ChangeEventProps, ChangeEventState, ClickEventProps, ClickEventState, FocusEventProps, FocusEventState, FormMessageProps, FormProps, FormState, GlobalProps, GlobalState, IconProps, InitializedState, InputEventProps, InputEventState, ShowIconProps } from '../../shared/model';
2
+ export type DBSelectDefaultProps = {
3
+ /**
4
+ * The description attribute will add a paragraph below the select.
5
+ */
6
+ description?: string;
7
+ /**
8
+ * If you don't/can't use children/slots you can pass in the options as an array.
9
+ */
10
+ options?: DBSelectOptionType[];
11
+ };
12
+ export type DBSelectOptionType = {
13
+ /**
14
+ * Identifier for option
15
+ */
16
+ id?: string;
17
+ /**
18
+ * Disables this option
19
+ */
20
+ disabled?: boolean;
21
+ /**
22
+ * Selects this option
23
+ */
24
+ selected?: boolean;
25
+ /**
26
+ * If the value is different from the label you want to show to the user.
27
+ */
28
+ label?: string;
29
+ /**
30
+ * If you want to use optgroup you can nest options here.
31
+ */
32
+ options?: DBSelectOptionType[];
33
+ /**
34
+ * The main value you select, will be shown as default label if no label is set.
35
+ */
36
+ value: string | string[] | number;
37
+ };
38
+ export type DBSelectProps = DBSelectDefaultProps & GlobalProps & ClickEventProps<HTMLSelectElement> & ChangeEventProps<HTMLSelectElement> & FocusEventProps<HTMLSelectElement> & InputEventProps<HTMLSelectElement> & FormProps & IconProps & FormMessageProps & ShowIconProps;
39
+ export type DBSelectDefaultState = {
40
+ _placeholderId: string;
41
+ getOptionLabel: (option: DBSelectOptionType) => string;
42
+ };
43
+ export type DBSelectState = DBSelectDefaultState & GlobalState & ClickEventState<HTMLSelectElement> & ChangeEventState<HTMLSelectElement> & FocusEventState<HTMLSelectElement> & InputEventState<HTMLSelectElement> & FormState & InitializedState;
@@ -0,0 +1,47 @@
1
+ import { DBSelectOptionType, DBSelectProps } from "./model";
2
+ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<DBSelectProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
3
+ "update:value": (...args: any[]) => void;
4
+ }, string, import("vue").PublicProps, Readonly<DBSelectProps> & Readonly<{
5
+ "onUpdate:value"?: ((...args: any[]) => any) | undefined;
6
+ }>, {
7
+ name: string;
8
+ disabled: boolean;
9
+ label: string;
10
+ value: any;
11
+ variant: "above" | "floating";
12
+ children: any;
13
+ className: string;
14
+ id: string;
15
+ onClick: (event: MouseEvent) => void;
16
+ icon: import("@db-ux/core-foundations").BaseIconTypes | import("@db-ux/core-foundations").LooseAutocomplete;
17
+ showIcon: boolean;
18
+ blur: (event: FocusEvent) => void;
19
+ change: (event: Event) => void;
20
+ focus: (event: FocusEvent) => void;
21
+ input: (event: Event) => void;
22
+ onFocus: (event: FocusEvent) => void;
23
+ onBlur: (event: FocusEvent) => void;
24
+ onChange: (event: Event) => void;
25
+ onInput: (event: Event) => void;
26
+ validation: "invalid" | "valid" | "no-validation";
27
+ required: boolean;
28
+ showLabel: boolean;
29
+ placeholder: string;
30
+ message: string;
31
+ validMessage: string;
32
+ invalidMessage: string;
33
+ messageIcon: import("@db-ux/core-foundations").BaseIconTypes | import("@db-ux/core-foundations").LooseAutocomplete;
34
+ autocomplete: string;
35
+ showMessage: boolean;
36
+ options: DBSelectOptionType[];
37
+ }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {
38
+ _ref: HTMLSelectElement;
39
+ }, HTMLDivElement>, {
40
+ default?(_: {}): any;
41
+ }>;
42
+ export default _default;
43
+ type __VLS_WithTemplateSlots<T, S> = T & {
44
+ new (): {
45
+ $slots: S;
46
+ };
47
+ };
@@ -0,0 +1 @@
1
+ export { default as DBStack } from './stack.vue';
@@ -0,0 +1,34 @@
1
+ import { GapSpacingProps, GlobalProps, GlobalState } from '../../shared/model';
2
+ export declare const StackVariantList: readonly ["simple", "divider"];
3
+ export type StackVariantType = (typeof StackVariantList)[number];
4
+ export declare const StackDirectionList: readonly ["row", "column"];
5
+ export type StackDirectionType = (typeof StackDirectionList)[number];
6
+ export declare const StackAlignmentList: readonly ["stretch", "start", "end", "center"];
7
+ export type StackAlignmentType = (typeof StackAlignmentList)[number];
8
+ export declare const StackJustifyContentList: readonly ["space-between", "start", "end", "center"];
9
+ export type StackJustifyContentType = (typeof StackJustifyContentList)[number];
10
+ export type DBStackDefaultProps = {
11
+ /**
12
+ * Change variant of stack. To use variant="divider" add a DBDivider after each element
13
+ */
14
+ variant?: StackVariantType;
15
+ /**
16
+ * Set the direction of the stack. Defaults to "column"
17
+ */
18
+ direction?: StackDirectionType;
19
+ /**
20
+ * If the stack should wrap if parent is too small otherwise you get an overflow
21
+ */
22
+ wrap?: boolean;
23
+ /**
24
+ * Represents css align-items
25
+ */
26
+ alignment?: StackAlignmentType;
27
+ /**
28
+ * Represents css justify-content
29
+ */
30
+ justifyContent?: StackJustifyContentType;
31
+ };
32
+ export type DBStackProps = DBStackDefaultProps & GlobalProps & GapSpacingProps;
33
+ export type DBStackDefaultState = {};
34
+ export type DBStackState = DBStackDefaultState & GlobalState;
@@ -0,0 +1,22 @@
1
+ import { DBStackProps } from "./model";
2
+ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<DBStackProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<DBStackProps> & Readonly<{}>, {
3
+ variant: "divider" | "simple";
4
+ children: any;
5
+ className: string;
6
+ id: string;
7
+ direction: "row" | "column";
8
+ wrap: boolean;
9
+ gap: "medium" | "small" | "large" | "none" | "3x-large" | "2x-large" | "x-large" | "x-small" | "2x-small" | "3x-small";
10
+ alignment: "start" | "center" | "stretch" | "end";
11
+ justifyContent: "start" | "center" | "end" | "space-between";
12
+ }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {
13
+ _ref: HTMLDivElement;
14
+ }, HTMLDivElement>, {
15
+ default?(_: {}): any;
16
+ }>;
17
+ export default _default;
18
+ type __VLS_WithTemplateSlots<T, S> = T & {
19
+ new (): {
20
+ $slots: S;
21
+ };
22
+ };
@@ -0,0 +1 @@
1
+ export { default as DBSwitch } from './switch.vue';
@@ -0,0 +1,12 @@
1
+ import { ChangeEventProps, ChangeEventState, EmphasisProps, FocusEventProps, FocusEventState, FormCheckProps, FormProps, FormState, GlobalProps, GlobalState, IconAfterProps, IconProps, InitializedState, SizeProps } from '../../shared/model';
2
+ export type DBSwitchDefaultProps = {
3
+ /**
4
+ * Add additional icons to indicate active/inactive state.
5
+ */
6
+ visualAid?: boolean;
7
+ };
8
+ export type DBSwitchProps = DBSwitchDefaultProps & GlobalProps & ChangeEventProps<HTMLInputElement> & FocusEventProps<HTMLInputElement> & FormProps & FormCheckProps & EmphasisProps & SizeProps & IconProps & IconAfterProps;
9
+ export type DBSwitchDefaultState = {
10
+ _checked: boolean;
11
+ };
12
+ export type DBSwitchState = DBSwitchDefaultState & GlobalState & ChangeEventState<HTMLInputElement> & FocusEventState<HTMLInputElement> & FormState & InitializedState;
@@ -0,0 +1,39 @@
1
+ import { DBSwitchProps } from "./model";
2
+ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<DBSwitchProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
3
+ "update:checked": (...args: any[]) => void;
4
+ }, string, import("vue").PublicProps, Readonly<DBSwitchProps> & Readonly<{
5
+ "onUpdate:checked"?: ((...args: any[]) => any) | undefined;
6
+ }>, {
7
+ name: string;
8
+ disabled: boolean;
9
+ label: string;
10
+ children: any;
11
+ className: string;
12
+ describedbyid: string;
13
+ id: string;
14
+ icon: import("@db-ux/core-foundations").BaseIconTypes | import("@db-ux/core-foundations").LooseAutocomplete;
15
+ size: "medium" | "small";
16
+ blur: (event: FocusEvent) => void;
17
+ change: (event: Event) => void;
18
+ focus: (event: FocusEvent) => void;
19
+ onFocus: (event: FocusEvent) => void;
20
+ onBlur: (event: FocusEvent) => void;
21
+ onChange: (event: Event) => void;
22
+ emphasis: "weak" | "strong";
23
+ validation: "invalid" | "valid" | "no-validation";
24
+ required: boolean;
25
+ showLabel: boolean;
26
+ checked: boolean;
27
+ iconAfter: import("@db-ux/core-foundations").BaseIconTypes | import("@db-ux/core-foundations").LooseAutocomplete;
28
+ visualAid: boolean;
29
+ }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {
30
+ _ref: HTMLInputElement;
31
+ }, HTMLLabelElement>, {
32
+ default?(_: {}): any;
33
+ }>;
34
+ export default _default;
35
+ type __VLS_WithTemplateSlots<T, S> = T & {
36
+ new (): {
37
+ $slots: S;
38
+ };
39
+ };
@@ -0,0 +1 @@
1
+ export { default as DBTabItem } from './tab-item.vue';
@@ -0,0 +1,24 @@
1
+ import { ActiveProps, AriaControlsProps, ChangeEventProps, ChangeEventState, GlobalProps, GlobalState, IconAfterProps, IconProps, InitializedState, ShowIconProps } from '../../shared/model';
2
+ export type DBTabItemDefaultProps = {
3
+ /**
4
+ * To control the component
5
+ */
6
+ checked?: boolean;
7
+ /**
8
+ * The disabled attribute can be set to keep a user from clicking on the tab-item.
9
+ */
10
+ disabled?: boolean;
11
+ /**
12
+ * The label of the tab-item, if you don't want to use children.
13
+ */
14
+ label?: string;
15
+ /**
16
+ * Define the text next to the icon specified via the icon Property to get hidden.
17
+ */
18
+ noText?: boolean;
19
+ };
20
+ export type DBTabItemProps = GlobalProps & DBTabItemDefaultProps & IconProps & IconAfterProps & ActiveProps & AriaControlsProps & ChangeEventProps<HTMLInputElement> & ShowIconProps;
21
+ export type DBTabItemDefaultState = {
22
+ _selected: boolean;
23
+ };
24
+ export type DBTabItemState = DBTabItemDefaultState & GlobalState & ChangeEventState<HTMLInputElement> & InitializedState;
@@ -0,0 +1,31 @@
1
+ import type { DBTabItemProps } from "./model";
2
+ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<DBTabItemProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
3
+ "update:checked": (...args: any[]) => void;
4
+ }, string, import("vue").PublicProps, Readonly<DBTabItemProps> & Readonly<{
5
+ "onUpdate:checked"?: ((...args: any[]) => any) | undefined;
6
+ }>, {
7
+ disabled: boolean;
8
+ noText: boolean;
9
+ label: string;
10
+ children: any;
11
+ className: string;
12
+ id: string;
13
+ icon: import("@db-ux/core-foundations").BaseIconTypes | import("@db-ux/core-foundations").LooseAutocomplete;
14
+ showIcon: boolean;
15
+ change: (event: Event) => void;
16
+ onChange: (event: Event) => void;
17
+ checked: boolean;
18
+ iconAfter: import("@db-ux/core-foundations").BaseIconTypes | import("@db-ux/core-foundations").LooseAutocomplete;
19
+ active: boolean;
20
+ controls: string;
21
+ }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {
22
+ _ref: HTMLInputElement;
23
+ }, HTMLLIElement>, {
24
+ default?(_: {}): any;
25
+ }>;
26
+ export default _default;
27
+ type __VLS_WithTemplateSlots<T, S> = T & {
28
+ new (): {
29
+ $slots: S;
30
+ };
31
+ };
@@ -0,0 +1 @@
1
+ export { default as DBTabList } from './tab-list.vue';
@@ -0,0 +1,5 @@
1
+ import { GlobalProps, GlobalState } from '../../shared/model';
2
+ export type DBTabListDefaultProps = {};
3
+ export type DBTabListProps = DBTabListDefaultProps & GlobalProps;
4
+ export type DBTabListDefaultState = {};
5
+ export type DBTabListState = DBTabListDefaultState & GlobalState;
@@ -0,0 +1,15 @@
1
+ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<import("../..").GlobalProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("../..").GlobalProps> & Readonly<{}>, {
2
+ children: any;
3
+ className: string;
4
+ id: string;
5
+ }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {
6
+ _ref: HTMLDivElement;
7
+ }, HTMLDivElement>, {
8
+ default?(_: {}): any;
9
+ }>;
10
+ export default _default;
11
+ type __VLS_WithTemplateSlots<T, S> = T & {
12
+ new (): {
13
+ $slots: S;
14
+ };
15
+ };
@@ -0,0 +1 @@
1
+ export { default as DBTabPanel } from './tab-panel.vue';
@@ -0,0 +1,10 @@
1
+ import { AriaLabelledByProps, GlobalProps, GlobalState } from '../../shared/model';
2
+ export type DBTabPanelDefaultProps = {
3
+ /**
4
+ * The content if you don't want to use children.
5
+ */
6
+ content?: string;
7
+ };
8
+ export type DBTabPanelProps = DBTabPanelDefaultProps & GlobalProps & AriaLabelledByProps;
9
+ export type DBTabPanelDefaultState = {};
10
+ export type DBTabPanelState = DBTabPanelDefaultState & GlobalState;
@@ -0,0 +1,18 @@
1
+ import { DBTabPanelProps } from "./model";
2
+ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<DBTabPanelProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<DBTabPanelProps> & Readonly<{}>, {
3
+ content: string;
4
+ children: any;
5
+ className: string;
6
+ id: string;
7
+ labelledBy: string;
8
+ }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {
9
+ _ref: HTMLElement;
10
+ }, HTMLElement>, {
11
+ default?(_: {}): any;
12
+ }>;
13
+ export default _default;
14
+ type __VLS_WithTemplateSlots<T, S> = T & {
15
+ new (): {
16
+ $slots: S;
17
+ };
18
+ };
@@ -0,0 +1 @@
1
+ export { default as DBTabs } from './tabs.vue';
@@ -0,0 +1,47 @@
1
+ import { AlignmentProps, GlobalProps, GlobalState, InitializedState, OrientationProps, WidthProps } from '../../shared/model';
2
+ import { DBTabItemProps } from '../tab-item/model';
3
+ import { DBTabPanelProps } from '../tab-panel/model';
4
+ export declare const TabsBehaviorList: readonly ["scrollbar", "arrows"];
5
+ export type TabsBehaviorType = (typeof TabsBehaviorList)[number];
6
+ export declare const TabsInitialSelectedModeList: readonly ["auto", "manually"];
7
+ export type TabsInitialSelectedModeType = (typeof TabsInitialSelectedModeList)[number];
8
+ export type DBSimpleTabProps = DBTabItemProps & DBTabPanelProps;
9
+ export type DBTabsDefaultProps = {
10
+ /**
11
+ * Change amount of distance if you click on an arrow, only available with behavior="arrows"
12
+ */
13
+ arrowScrollDistance?: number;
14
+ /**
15
+ * Show a scrollbar or buttons with arrows to navigate for horizontal tabs with overflow visible
16
+ */
17
+ behavior?: TabsBehaviorType;
18
+ /**
19
+ * Default behavior is auto selecting the first tab, change selected tab by index
20
+ */
21
+ initialSelectedIndex?: number;
22
+ /**
23
+ * Default behavior is auto selecting the first tab, disable it with 'manually'
24
+ */
25
+ initialSelectedMode?: TabsInitialSelectedModeType;
26
+ /**
27
+ * The name of the tab bar, is required for grouping multiple tabs together. Will overwrite names from children.
28
+ */
29
+ name?: string;
30
+ /**
31
+ * Provide simple tabs with label + text as content
32
+ */
33
+ tabs?: DBSimpleTabProps[] | string;
34
+ };
35
+ export type DBTabsProps = DBTabsDefaultProps & GlobalProps & OrientationProps & WidthProps & AlignmentProps;
36
+ export type DBTabsDefaultState = {
37
+ _name: string;
38
+ scrollContainer?: Element | null;
39
+ scroll: (left?: boolean) => void;
40
+ showScrollLeft?: boolean;
41
+ showScrollRight?: boolean;
42
+ evaluateScrollButtons: (tabList: Element) => void;
43
+ convertTabs: (tabs?: unknown[] | string | undefined) => DBSimpleTabProps[];
44
+ initTabList: () => void;
45
+ initTabs: (init?: boolean) => void;
46
+ };
47
+ export type DBTabsState = DBTabsDefaultState & GlobalState & InitializedState;
@@ -0,0 +1,25 @@
1
+ import { DBSimpleTabProps, DBTabsProps } from "./model";
2
+ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<DBTabsProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<DBTabsProps> & Readonly<{}>, {
3
+ name: string;
4
+ children: any;
5
+ className: string;
6
+ id: string;
7
+ width: "full" | "auto";
8
+ behavior: "scrollbar" | "arrows";
9
+ arrowScrollDistance: number;
10
+ initialSelectedIndex: number;
11
+ initialSelectedMode: "auto" | "manually";
12
+ tabs: string | DBSimpleTabProps[];
13
+ orientation: "horizontal" | "vertical";
14
+ alignment: "start" | "center";
15
+ }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {
16
+ _ref: HTMLDivElement;
17
+ }, HTMLDivElement>, {
18
+ default?(_: {}): any;
19
+ }>;
20
+ export default _default;
21
+ type __VLS_WithTemplateSlots<T, S> = T & {
22
+ new (): {
23
+ $slots: S;
24
+ };
25
+ };
@@ -0,0 +1 @@
1
+ export { default as DBTag } from './tag.vue';
@@ -0,0 +1,45 @@
1
+ import { ContentSlotProps, GlobalProps, GlobalState, IconProps, InitializedState, OverflowProps, SemanticProps, ShowIconProps, TagEmphasisProps } from '../../shared/model';
2
+ export declare const TagBehaviorList: readonly ["static", "removable"];
3
+ export type TagBehaviorType = (typeof TagBehaviorList)[number];
4
+ export type DBTagDefaultProps = {
5
+ /**
6
+ * Defines the behavior of the component:
7
+ * - static: default behavior without remove button
8
+ * - removable: add a remove button at the end of the tag
9
+ */
10
+ behavior?: TagBehaviorType | string;
11
+ /**
12
+ * @deprecated Disable tag
13
+ */
14
+ disabled?: boolean;
15
+ /**
16
+ * Define the text next to the icon specified via the icon Property to get hidden.
17
+ */
18
+ noText?: boolean;
19
+ /**
20
+ * If "removeButton" attribute is set this function will be called when user clicks cancel button inside the tag.
21
+ */
22
+ onRemove?: () => void;
23
+ /**
24
+ * The removeButton attribute shows the cancel button.
25
+ */
26
+ removeButton?: string;
27
+ /**
28
+ * Enable/Disable icon for checkbox/radio inside tag.
29
+ */
30
+ showCheckState?: boolean;
31
+ /**
32
+ * Alternative for children to set content as property.
33
+ */
34
+ text?: string;
35
+ /**
36
+ * If "interactive" is set to true, you can pass a value to the underlying checkbox or radio input.
37
+ */
38
+ value?: string;
39
+ };
40
+ export type DBTagProps = DBTagDefaultProps & GlobalProps & IconProps & SemanticProps & OverflowProps & TagEmphasisProps & ShowIconProps & ContentSlotProps;
41
+ export type DBTagDefaultState = {
42
+ getRemoveButtonText: () => string;
43
+ handleRemove: () => void;
44
+ };
45
+ export type DBTagState = DBTagDefaultState & GlobalState & InitializedState;
@@ -0,0 +1,29 @@
1
+ import { DBTagProps } from "./model";
2
+ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<DBTagProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<DBTagProps> & Readonly<{}>, {
3
+ disabled: boolean;
4
+ noText: boolean;
5
+ children: any;
6
+ className: string;
7
+ id: string;
8
+ icon: import("@db-ux/core-foundations").BaseIconTypes | import("@db-ux/core-foundations").LooseAutocomplete;
9
+ showIcon: boolean;
10
+ text: string;
11
+ semantic: "adaptive" | "neutral" | "critical" | "informational" | "warning" | "successful";
12
+ emphasis: "weak" | "strong" | "origin";
13
+ behavior: string;
14
+ onRemove: () => void;
15
+ removeButton: string;
16
+ showCheckState: boolean;
17
+ overflow: boolean;
18
+ }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {
19
+ _ref: HTMLDivElement;
20
+ }, HTMLDivElement>, {
21
+ content?(_: {}): any;
22
+ default?(_: {}): any;
23
+ }>;
24
+ export default _default;
25
+ type __VLS_WithTemplateSlots<T, S> = T & {
26
+ new (): {
27
+ $slots: S;
28
+ };
29
+ };
@@ -0,0 +1 @@
1
+ export { default as DBTextarea } from './textarea.vue';
@@ -0,0 +1,30 @@
1
+ import { ChangeEventProps, ChangeEventState, FocusEventProps, FocusEventState, FormMessageProps, FormProps, FormState, FormTextProps, GlobalProps, GlobalState, InputEventProps, InputEventState } from '../../shared/model';
2
+ export declare const TextareaResizeList: readonly ["none", "both", "horizontal", "vertical"];
3
+ export type TextareaResizeType = (typeof TextareaResizeList)[number];
4
+ export declare const TextareaWrapList: readonly ["hard", "soft", "off"];
5
+ export type TextareaWrapType = (typeof TextareaWrapList)[number];
6
+ export type DBTextareaDefaultProps = {
7
+ /**
8
+ * The visible width of the text control, in average character widths. If it is specified, it must be a positive integer
9
+ */
10
+ cols?: number;
11
+ /**
12
+ * In most browsers, textareas are resizable — you'll notice the drag handle in the right-hand corner, you can control it with this
13
+ */
14
+ resize?: TextareaResizeType;
15
+ /**
16
+ * The number of visible text lines for the control. If it is specified, it must be a positive integer
17
+ */
18
+ rows?: number;
19
+ /**
20
+ * Specifies whether the textarea is subject to spell checking by the underlying browser/OS
21
+ */
22
+ spellCheck?: boolean;
23
+ /**
24
+ * Indicates how the control should wrap the value for form submission.
25
+ */
26
+ wrap?: TextareaWrapType;
27
+ };
28
+ export type DBTextareaProps = DBTextareaDefaultProps & ChangeEventProps<HTMLTextAreaElement> & InputEventProps<HTMLTextAreaElement> & FocusEventProps<HTMLTextAreaElement> & FormProps & GlobalProps & FormTextProps & FormMessageProps;
29
+ export type DBTextareaDefaultState = {};
30
+ export type DBTextareaState = DBTextareaDefaultState & ChangeEventState<HTMLTextAreaElement> & InputEventState<HTMLTextAreaElement> & FocusEventState<HTMLTextAreaElement> & FormState & GlobalState;
@@ -0,0 +1,44 @@
1
+ import { DBTextareaProps } from "./model";
2
+ declare const _default: import("vue").DefineComponent<DBTextareaProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
3
+ "update:value": (...args: any[]) => void;
4
+ }, string, import("vue").PublicProps, Readonly<DBTextareaProps> & Readonly<{
5
+ "onUpdate:value"?: ((...args: any[]) => any) | undefined;
6
+ }>, {
7
+ name: string;
8
+ spellCheck: boolean;
9
+ disabled: boolean;
10
+ label: string;
11
+ value: any;
12
+ variant: "above" | "floating";
13
+ className: string;
14
+ id: string;
15
+ blur: (event: FocusEvent) => void;
16
+ change: (event: Event) => void;
17
+ focus: (event: FocusEvent) => void;
18
+ input: (event: Event) => void;
19
+ resize: "none" | "horizontal" | "vertical" | "both";
20
+ form: string;
21
+ onFocus: (event: FocusEvent) => void;
22
+ onBlur: (event: FocusEvent) => void;
23
+ onChange: (event: Event) => void;
24
+ onInput: (event: Event) => void;
25
+ validation: "invalid" | "valid" | "no-validation";
26
+ required: boolean;
27
+ showLabel: boolean;
28
+ placeholder: string;
29
+ message: string;
30
+ validMessage: string;
31
+ invalidMessage: string;
32
+ messageIcon: import("@db-ux/core-foundations").BaseIconTypes | import("@db-ux/core-foundations").LooseAutocomplete;
33
+ autocomplete: string;
34
+ showMessage: boolean;
35
+ maxLength: number;
36
+ minLength: number;
37
+ readOnly: boolean;
38
+ cols: number;
39
+ rows: number;
40
+ wrap: "off" | "hard" | "soft";
41
+ }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {
42
+ _ref: HTMLTextAreaElement;
43
+ }, HTMLDivElement>;
44
+ export default _default;
@@ -0,0 +1 @@
1
+ export { default as DBTooltip } from './tooltip.vue';
@@ -0,0 +1,7 @@
1
+ import { ClickEventState, EmphasisProps, GlobalProps, GlobalState, InitializedState, PlacementProps, PopoverProps, PopoverState } from '../../shared/model';
2
+ export type DBTooltipDefaultProps = {
3
+ showArrow?: boolean;
4
+ };
5
+ export type DBTooltipProps = DBTooltipDefaultProps & GlobalProps & EmphasisProps & PlacementProps & PopoverProps;
6
+ export type DBTooltipDefaultState = {};
7
+ export type DBTooltipState = DBTooltipDefaultState & GlobalState & ClickEventState<HTMLElement> & PopoverState & InitializedState;
@@ -0,0 +1,22 @@
1
+ import { DBTooltipProps } from "./model";
2
+ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<DBTooltipProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<DBTooltipProps> & Readonly<{}>, {
3
+ children: any;
4
+ className: string;
5
+ id: string;
6
+ width: "auto" | "fixed";
7
+ delay: "none" | "slow" | "fast";
8
+ animation: boolean;
9
+ placement: "left" | "right" | "top" | "bottom" | "left-start" | "left-end" | "right-start" | "right-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end";
10
+ emphasis: "weak" | "strong";
11
+ showArrow: boolean;
12
+ }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {
13
+ _ref: HTMLElement;
14
+ }, HTMLElement>, {
15
+ default?(_: {}): any;
16
+ }>;
17
+ export default _default;
18
+ type __VLS_WithTemplateSlots<T, S> = T & {
19
+ new (): {
20
+ $slots: S;
21
+ };
22
+ };