@db-ux/v-core-components 2.4.4 → 3.0.1

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 (52) hide show
  1. package/dist/components/accordion/accordion.vue.d.ts +1 -1
  2. package/dist/components/accordion-item/accordion-item.vue.d.ts +1 -1
  3. package/dist/components/badge/badge.vue.d.ts +1 -1
  4. package/dist/components/brand/brand.vue.d.ts +1 -1
  5. package/dist/components/button/button.vue.d.ts +5 -6
  6. package/dist/components/button/model.d.ts +6 -22
  7. package/dist/components/card/card.vue.d.ts +1 -1
  8. package/dist/components/checkbox/checkbox.vue.d.ts +1 -1
  9. package/dist/components/custom-select/custom-select.vue.d.ts +2 -2
  10. package/dist/components/custom-select/model.d.ts +1 -0
  11. package/dist/components/custom-select-dropdown/custom-select-dropdown.vue.d.ts +1 -1
  12. package/dist/components/custom-select-form-field/custom-select-form-field.vue.d.ts +1 -1
  13. package/dist/components/custom-select-list/custom-select-list.vue.d.ts +1 -1
  14. package/dist/components/custom-select-list-item/custom-select-list-item.vue.d.ts +1 -1
  15. package/dist/components/custom-select-list-item/model.d.ts +1 -1
  16. package/dist/components/divider/divider.vue.d.ts +1 -1
  17. package/dist/components/drawer/drawer.vue.d.ts +1 -1
  18. package/dist/components/header/header.vue.d.ts +1 -1
  19. package/dist/components/icon/icon.vue.d.ts +1 -1
  20. package/dist/components/infotext/infotext.vue.d.ts +1 -1
  21. package/dist/components/input/input.vue.d.ts +7 -3
  22. package/dist/components/input/model.d.ts +6 -2
  23. package/dist/components/link/link.vue.d.ts +3 -5
  24. package/dist/components/link/model.d.ts +3 -3
  25. package/dist/components/navigation/model.d.ts +2 -2
  26. package/dist/components/navigation/navigation.vue.d.ts +1 -3
  27. package/dist/components/navigation-item/model.d.ts +2 -6
  28. package/dist/components/navigation-item/navigation-item.vue.d.ts +2 -2
  29. package/dist/components/notification/notification.vue.d.ts +1 -1
  30. package/dist/components/page/page.vue.d.ts +1 -1
  31. package/dist/components/popover/popover.vue.d.ts +1 -1
  32. package/dist/components/radio/radio.vue.d.ts +1 -3
  33. package/dist/components/section/section.vue.d.ts +1 -1
  34. package/dist/components/select/select.vue.d.ts +1 -1
  35. package/dist/components/stack/stack.vue.d.ts +1 -1
  36. package/dist/components/switch/model.d.ts +2 -2
  37. package/dist/components/switch/switch.vue.d.ts +3 -4
  38. package/dist/components/tab-item/model.d.ts +2 -2
  39. package/dist/components/tab-item/tab-item.vue.d.ts +5 -3
  40. package/dist/components/tab-list/tab-list.vue.d.ts +1 -1
  41. package/dist/components/tab-panel/model.d.ts +2 -2
  42. package/dist/components/tab-panel/tab-panel.vue.d.ts +1 -2
  43. package/dist/components/tabs/tabs.vue.d.ts +1 -1
  44. package/dist/components/tag/model.d.ts +2 -6
  45. package/dist/components/tag/tag.vue.d.ts +1 -2
  46. package/dist/components/textarea/textarea.vue.d.ts +1 -1
  47. package/dist/components/tooltip/tooltip.vue.d.ts +1 -1
  48. package/dist/db-ux.es.js +1873 -1879
  49. package/dist/db-ux.umd.js +1 -1
  50. package/dist/index.d.ts +39 -0
  51. package/dist/shared/model.d.ts +28 -27
  52. package/package.json +15 -15
@@ -4,7 +4,7 @@ declare var __VLS_1: {};
4
4
  type __VLS_Slots = {} & {
5
5
  default?: (props: typeof __VLS_1) => any;
6
6
  };
7
- declare const __VLS_component: import("vue").DefineComponent<DBAccordionProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<DBAccordionProps> & Readonly<{}>, {
7
+ declare const __VLS_component: import("vue").DefineComponent<DBAccordionProps, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<DBAccordionProps> & Readonly<{}>, {
8
8
  name: string;
9
9
  children: any;
10
10
  className: string;
@@ -5,7 +5,7 @@ type __VLS_Slots = {} & {
5
5
  } & {
6
6
  default?: (props: typeof __VLS_3) => any;
7
7
  };
8
- declare const __VLS_component: import("vue").DefineComponent<DBAccordionItemProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<DBAccordionItemProps> & Readonly<{}>, {
8
+ declare const __VLS_component: import("vue").DefineComponent<DBAccordionItemProps, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<DBAccordionItemProps> & Readonly<{}>, {
9
9
  name: string;
10
10
  text: string;
11
11
  defaultOpen: boolean;
@@ -3,7 +3,7 @@ declare var __VLS_1: {};
3
3
  type __VLS_Slots = {} & {
4
4
  default?: (props: typeof __VLS_1) => any;
5
5
  };
6
- declare const __VLS_component: import("vue").DefineComponent<DBBadgeProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<DBBadgeProps> & Readonly<{}>, {
6
+ declare const __VLS_component: import("vue").DefineComponent<DBBadgeProps, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<DBBadgeProps> & Readonly<{}>, {
7
7
  label: string;
8
8
  text: string;
9
9
  children: any;
@@ -3,7 +3,7 @@ declare var __VLS_1: {};
3
3
  type __VLS_Slots = {} & {
4
4
  default?: (props: typeof __VLS_1) => any;
5
5
  };
6
- declare const __VLS_component: import("vue").DefineComponent<DBBrandProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<DBBrandProps> & Readonly<{}>, {
6
+ declare const __VLS_component: import("vue").DefineComponent<DBBrandProps, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<DBBrandProps> & Readonly<{}>, {
7
7
  text: string;
8
8
  children: any;
9
9
  className: string;
@@ -3,16 +3,14 @@ declare var __VLS_1: {};
3
3
  type __VLS_Slots = {} & {
4
4
  default?: (props: typeof __VLS_1) => any;
5
5
  };
6
- declare const __VLS_component: import("vue").DefineComponent<DBButtonProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<DBButtonProps> & Readonly<{}>, {
6
+ declare const __VLS_component: import("vue").DefineComponent<DBButtonProps, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<DBButtonProps> & Readonly<{}>, {
7
7
  value: string;
8
8
  name: string;
9
9
  form: string;
10
- label: string;
11
10
  text: string;
12
11
  disabled: boolean | string;
13
12
  children: any;
14
13
  className: string;
15
- describedbyid: string;
16
14
  id: string;
17
15
  type: import("./model").ButtonTypeType;
18
16
  onClick: (event: import("../..").ClickEvent<HTMLButtonElement>) => void;
@@ -20,11 +18,12 @@ declare const __VLS_component: import("vue").DefineComponent<DBButtonProps, {},
20
18
  size: import("../..").SizeType;
21
19
  icon: import("@db-ux/core-foundations").IconTypes;
22
20
  showIcon: boolean | string;
23
- ariaexpanded: boolean;
24
- ariapressed: boolean;
25
21
  noText: boolean | string;
26
- state: import("./model").ButtonStateType;
27
22
  width: import("../..").WidthType | string;
23
+ showIconLeading: boolean | string;
24
+ showIconTrailing: boolean | string;
25
+ iconLeading: import("@db-ux/core-foundations").IconTypes;
26
+ iconTrailing: import("@db-ux/core-foundations").IconTypes;
28
27
  }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
29
28
  declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
30
29
  export default _default;
@@ -1,19 +1,9 @@
1
- import { ClickEventProps, ClickEventState, GlobalProps, GlobalState, IconProps, ShowIconProps, SizeProps, TextProps, WidthProps } from '../../shared/model';
1
+ import { ClickEventProps, GlobalProps, GlobalState, IconLeadingProps, IconProps, IconTrailingProps, ShowIconLeadingProps, ShowIconProps, ShowIconTrailingProps, SizeProps, TextProps, WidthProps } from '../../shared/model';
2
2
  export declare const ButtonVariantList: readonly ["outlined", "brand", "filled", "ghost"];
3
3
  export type ButtonVariantType = (typeof ButtonVariantList)[number];
4
4
  export declare const ButtonTypeList: readonly ["button", "reset", "submit"];
5
5
  export type ButtonTypeType = (typeof ButtonTypeList)[number];
6
- export declare const ButtonStateList: readonly ["loading"];
7
- export type ButtonStateType = (typeof ButtonStateList)[number];
8
6
  export type DBButtonDefaultProps = {
9
- /**
10
- * If the button controls a grouping of other elements, the ariaexpanded state [indicates whether the controlled grouping is currently expanded or collapsed](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-expanded).
11
- */
12
- ariaexpanded?: boolean;
13
- /**
14
- * Defines the button as a toggle button. The value of [ariapressed describes the state of the button](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-pressed).
15
- */
16
- ariapressed?: boolean;
17
7
  /**
18
8
  * The disabled attribute can be set to [keep a user from clicking on the button](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#disabled).
19
9
  */
@@ -22,10 +12,6 @@ export type DBButtonDefaultProps = {
22
12
  * Associates the control with a form element
23
13
  */
24
14
  form?: string;
25
- /**
26
- * The label represents the [aria-label attributes](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-label) value of the button
27
- */
28
- label?: string;
29
15
  /**
30
16
  * The name attribute specifies a [name attributes value](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#name) for the button.
31
17
  */
@@ -34,10 +20,6 @@ export type DBButtonDefaultProps = {
34
20
  * Define the text next to the icon specified via the icon Property to get hidden.
35
21
  */
36
22
  noText?: boolean | string;
37
- /**
38
- * Show loading progress inside button.
39
- */
40
- state?: ButtonStateType;
41
23
  /**
42
24
  * The type attribute specifies the [type of button](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#type).
43
25
  */
@@ -51,6 +33,8 @@ export type DBButtonDefaultProps = {
51
33
  */
52
34
  variant?: ButtonVariantType | string;
53
35
  };
54
- export type DBButtonProps = DBButtonDefaultProps & GlobalProps & ClickEventProps<HTMLButtonElement> & IconProps & WidthProps & SizeProps & ShowIconProps & TextProps;
55
- export type DBButtonDefaultState = {};
56
- export type DBButtonState = DBButtonDefaultState & GlobalState & ClickEventState<HTMLButtonElement>;
36
+ export type DBButtonProps = DBButtonDefaultProps & GlobalProps & ClickEventProps<HTMLButtonElement> & IconProps & WidthProps & SizeProps & ShowIconProps & TextProps & ShowIconLeadingProps & ShowIconTrailingProps & IconLeadingProps & IconTrailingProps;
37
+ export type DBButtonDefaultState = {
38
+ getButtonType: () => ButtonTypeType;
39
+ };
40
+ export type DBButtonState = DBButtonDefaultState & GlobalState;
@@ -4,7 +4,7 @@ declare var __VLS_1: {};
4
4
  type __VLS_Slots = {} & {
5
5
  default?: (props: typeof __VLS_1) => any;
6
6
  };
7
- declare const __VLS_component: import("vue").DefineComponent<DBCardProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<DBCardProps> & Readonly<{}>, {
7
+ declare const __VLS_component: import("vue").DefineComponent<DBCardProps, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<DBCardProps> & Readonly<{}>, {
8
8
  children: any;
9
9
  className: string;
10
10
  id: string;
@@ -4,7 +4,7 @@ declare var __VLS_1: {};
4
4
  type __VLS_Slots = {} & {
5
5
  default?: (props: typeof __VLS_1) => any;
6
6
  };
7
- declare const __VLS_component: import("vue").DefineComponent<DBCheckboxProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
7
+ declare const __VLS_component: import("vue").DefineComponent<DBCheckboxProps, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
8
8
  "update:checked": (...args: any[]) => void;
9
9
  }, string, import("vue").PublicProps, Readonly<DBCheckboxProps> & Readonly<{
10
10
  "onUpdate:checked"?: ((...args: any[]) => any) | undefined;
@@ -4,7 +4,7 @@ declare var __VLS_1: {};
4
4
  type __VLS_Slots = {} & {
5
5
  default?: (props: typeof __VLS_1) => any;
6
6
  };
7
- declare const __VLS_component: import("vue").DefineComponent<DBCustomSelectProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
7
+ declare const __VLS_component: import("vue").DefineComponent<DBCustomSelectProps, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
8
8
  "update:values": (...args: any[]) => void;
9
9
  }, string, import("vue").PublicProps, Readonly<DBCustomSelectProps> & Readonly<{
10
10
  "onUpdate:values"?: ((...args: any[]) => any) | undefined;
@@ -37,7 +37,7 @@ declare const __VLS_component: import("vue").DefineComponent<DBCustomSelectProps
37
37
  amountText: string;
38
38
  ariaListLabel: string;
39
39
  clearSelectionText: string;
40
- dropdownWidth: import("../custom-select-dropdown/model").CustomSelectDropdownWidthType | string;
40
+ dropdownWidth: import("../..").CustomSelectDropdownWidthType | string;
41
41
  formFieldWidth: import("../../shared/model").WidthType | string;
42
42
  loadingText: string;
43
43
  mobileCloseButtonText: string;
@@ -190,6 +190,7 @@ export type DBCustomSelectDefaultState = {
190
190
  _internalChangeTimestamp: number;
191
191
  _documentClickListenerCallbackId?: string;
192
192
  _searchValue?: string;
193
+ _userInteraction?: boolean;
193
194
  getNativeSelectValue: () => string;
194
195
  getOptionLabel: (option: CustomSelectOptionType) => string;
195
196
  getOptionChecked: (value?: string) => boolean;
@@ -3,7 +3,7 @@ declare var __VLS_1: {};
3
3
  type __VLS_Slots = {} & {
4
4
  default?: (props: typeof __VLS_1) => any;
5
5
  };
6
- declare const __VLS_component: import("vue").DefineComponent<DBCustomSelectDropdownProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<DBCustomSelectDropdownProps> & Readonly<{}>, {
6
+ declare const __VLS_component: import("vue").DefineComponent<DBCustomSelectDropdownProps, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<DBCustomSelectDropdownProps> & Readonly<{}>, {
7
7
  children: any;
8
8
  className: string;
9
9
  id: string;
@@ -2,7 +2,7 @@ declare var __VLS_1: {};
2
2
  type __VLS_Slots = {} & {
3
3
  default?: (props: typeof __VLS_1) => any;
4
4
  };
5
- declare const __VLS_component: import("vue").DefineComponent<import("../..").GlobalProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("../..").GlobalProps> & Readonly<{}>, {
5
+ declare const __VLS_component: import("vue").DefineComponent<import("../..").GlobalProps, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("../..").GlobalProps> & Readonly<{}>, {
6
6
  children: any;
7
7
  className: string;
8
8
  id: string;
@@ -3,7 +3,7 @@ declare var __VLS_1: {};
3
3
  type __VLS_Slots = {} & {
4
4
  default?: (props: typeof __VLS_1) => any;
5
5
  };
6
- declare const __VLS_component: import("vue").DefineComponent<DBCustomSelectListProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<DBCustomSelectListProps> & Readonly<{}>, {
6
+ declare const __VLS_component: import("vue").DefineComponent<DBCustomSelectListProps, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<DBCustomSelectListProps> & Readonly<{}>, {
7
7
  label: string;
8
8
  children: any;
9
9
  className: string;
@@ -4,7 +4,7 @@ declare var __VLS_1: {};
4
4
  type __VLS_Slots = {} & {
5
5
  default?: (props: typeof __VLS_1) => any;
6
6
  };
7
- declare const __VLS_component: import("vue").DefineComponent<DBCustomSelectListItemProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
7
+ declare const __VLS_component: import("vue").DefineComponent<DBCustomSelectListItemProps, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
8
8
  "update:checked": (...args: any[]) => void;
9
9
  }, string, import("vue").PublicProps, Readonly<DBCustomSelectListItemProps> & Readonly<{
10
10
  "onUpdate:checked"?: ((...args: any[]) => any) | undefined;
@@ -23,7 +23,7 @@ export type DBCustomSelectListItemDefaultProps = {
23
23
  };
24
24
  export type DBCustomSelectListItemProps = DBCustomSelectListItemDefaultProps & GlobalProps & BaseFormProps & ValueProps & FormCheckProps & ChangeEventProps<HTMLInputElement> & DBCustomSelectListItemExtraProps;
25
25
  export type DBCustomSelectListItemDefaultState = {
26
- getIconAfter: () => string | undefined;
26
+ getIconTrailing: () => string | undefined;
27
27
  hasDivider?: boolean;
28
28
  };
29
29
  export type DBCustomSelectListItemState = DBCustomSelectListItemDefaultState & ChangeEventState<HTMLInputElement> & GlobalState;
@@ -1,5 +1,5 @@
1
1
  import { DBDividerProps } from "./model";
2
- declare const _default: import("vue").DefineComponent<DBDividerProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<DBDividerProps> & Readonly<{}>, {
2
+ declare const _default: import("vue").DefineComponent<DBDividerProps, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<DBDividerProps> & Readonly<{}>, {
3
3
  className: string;
4
4
  id: string;
5
5
  variant: import("./model").DividerVariantType;
@@ -5,7 +5,7 @@ type __VLS_Slots = {} & {
5
5
  } & {
6
6
  default?: (props: typeof __VLS_7) => any;
7
7
  };
8
- declare const __VLS_component: import("vue").DefineComponent<DBDrawerProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<DBDrawerProps> & Readonly<{}>, {
8
+ declare const __VLS_component: import("vue").DefineComponent<DBDrawerProps, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<DBDrawerProps> & Readonly<{}>, {
9
9
  children: any;
10
10
  className: string;
11
11
  id: string;
@@ -17,7 +17,7 @@ type __VLS_Slots = {} & {
17
17
  } & {
18
18
  'secondary-action'?: (props: typeof __VLS_23) => any;
19
19
  };
20
- declare const __VLS_component: import("vue").DefineComponent<DBHeaderProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<DBHeaderProps> & Readonly<{}>, {
20
+ declare const __VLS_component: import("vue").DefineComponent<DBHeaderProps, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<DBHeaderProps> & Readonly<{}>, {
21
21
  children: any;
22
22
  className: string;
23
23
  id: string;
@@ -3,7 +3,7 @@ declare var __VLS_1: {};
3
3
  type __VLS_Slots = {} & {
4
4
  default?: (props: typeof __VLS_1) => any;
5
5
  };
6
- declare const __VLS_component: import("vue").DefineComponent<DBIconProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<DBIconProps> & Readonly<{}>, {
6
+ declare const __VLS_component: import("vue").DefineComponent<DBIconProps, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<DBIconProps> & Readonly<{}>, {
7
7
  text: string;
8
8
  children: any;
9
9
  className: string;
@@ -3,7 +3,7 @@ declare var __VLS_1: {};
3
3
  type __VLS_Slots = {} & {
4
4
  default?: (props: typeof __VLS_1) => any;
5
5
  };
6
- declare const __VLS_component: import("vue").DefineComponent<DBInfotextProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<DBInfotextProps> & Readonly<{}>, {
6
+ declare const __VLS_component: import("vue").DefineComponent<DBInfotextProps, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<DBInfotextProps> & Readonly<{}>, {
7
7
  text: string;
8
8
  children: any;
9
9
  className: string;
@@ -4,14 +4,13 @@ declare var __VLS_1: {};
4
4
  type __VLS_Slots = {} & {
5
5
  default?: (props: typeof __VLS_1) => any;
6
6
  };
7
- declare const __VLS_component: import("vue").DefineComponent<DBInputProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
7
+ declare const __VLS_component: import("vue").DefineComponent<DBInputProps, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
8
8
  "update:value": (...args: any[]) => void;
9
9
  }, string, import("vue").PublicProps, Readonly<DBInputProps> & Readonly<{
10
10
  "onUpdate:value"?: ((...args: any[]) => any) | undefined;
11
11
  }>, {
12
12
  value: any;
13
13
  name: string;
14
- step: number | string;
15
14
  form: string;
16
15
  input: (event: InputEvent<HTMLInputElement>) => void;
17
16
  label: string;
@@ -26,10 +25,15 @@ declare const __VLS_component: import("vue").DefineComponent<DBInputProps, {}, {
26
25
  onBlur: (event: InteractionEvent<HTMLInputElement>) => void;
27
26
  onChange: (event: ChangeEvent<HTMLInputElement>) => void;
28
27
  onInput: (event: InputEvent<HTMLInputElement>) => void;
28
+ multiple: boolean | string;
29
29
  variant: import("../../shared/model").LabelVariantType;
30
30
  size: number;
31
31
  icon: import("@db-ux/core-foundations").IconTypes;
32
32
  showIcon: boolean | string;
33
+ showIconLeading: boolean | string;
34
+ showIconTrailing: boolean | string;
35
+ iconLeading: import("@db-ux/core-foundations").IconTypes;
36
+ iconTrailing: import("@db-ux/core-foundations").IconTypes;
33
37
  ariaDescribedBy: string;
34
38
  validation: import("../../shared/model").ValidationType;
35
39
  required: boolean | string;
@@ -46,6 +50,7 @@ declare const __VLS_component: import("vue").DefineComponent<DBInputProps, {}, {
46
50
  dataListId: string;
47
51
  max: number | string;
48
52
  min: number | string;
53
+ step: number | string;
49
54
  maxLength: number | string;
50
55
  minLength: number | string;
51
56
  maxlength: number | string;
@@ -53,7 +58,6 @@ declare const __VLS_component: import("vue").DefineComponent<DBInputProps, {}, {
53
58
  readOnly: boolean | string;
54
59
  readonly: boolean | string;
55
60
  fieldSizing: import("../../shared/model").FieldSizingType;
56
- iconAfter: import("@db-ux/core-foundations").IconTypes;
57
61
  }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
58
62
  declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
59
63
  export default _default;
@@ -1,4 +1,4 @@
1
- import { ChangeEventProps, ChangeEventState, FocusEventProps, FocusEventState, FormMessageProps, FormProps, FormSizeProps, FormState, FormTextProps, FromValidState, GlobalProps, GlobalState, IconAfterProps, IconProps, InputEventProps, InputEventState, ShowIconProps, ValueLabelType } from '../../shared/model';
1
+ import { ChangeEventProps, ChangeEventState, FocusEventProps, FocusEventState, FormMessageProps, FormProps, FormSizeProps, FormState, FormTextProps, FromValidState, GlobalProps, GlobalState, IconLeadingProps, IconProps, IconTrailingProps, InputEventProps, InputEventState, ShowIconLeadingProps, ShowIconProps, ShowIconTrailingProps, ValueLabelType } from '../../shared/model';
2
2
  export declare const InputTypeList: readonly ["color", "date", "datetime-local", "email", "file", "hidden", "month", "number", "password", "range", "search", "tel", "text", "time", "url", "week"];
3
3
  export type InputTypeType = (typeof InputTypeList)[number];
4
4
  export type DBInputDefaultProps = {
@@ -10,6 +10,10 @@ export type DBInputDefaultProps = {
10
10
  * Add a custom id to [data list](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/datalist) if you're using `dataList` attribute.
11
11
  */
12
12
  dataListId?: string;
13
+ /**
14
+ * Allow selecting multiple files. https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/input/file#multiple
15
+ */
16
+ multiple?: boolean | string;
13
17
  /**
14
18
  * Maximum value
15
19
  */
@@ -31,7 +35,7 @@ export type DBInputDefaultProps = {
31
35
  */
32
36
  step?: number | string;
33
37
  };
34
- export type DBInputProps = DBInputDefaultProps & GlobalProps & FormTextProps & InputEventProps<HTMLInputElement> & ChangeEventProps<HTMLInputElement> & FocusEventProps<HTMLInputElement> & FormProps & IconProps & IconAfterProps & FormMessageProps & ShowIconProps & FormSizeProps;
38
+ export type DBInputProps = DBInputDefaultProps & GlobalProps & FormTextProps & InputEventProps<HTMLInputElement> & ChangeEventProps<HTMLInputElement> & FocusEventProps<HTMLInputElement> & FormProps & IconProps & IconTrailingProps & FormMessageProps & ShowIconProps & IconLeadingProps & ShowIconLeadingProps & ShowIconTrailingProps & FormSizeProps;
35
39
  export type DBInputDefaultState = {
36
40
  _dataListId?: string;
37
41
  getDataList: () => ValueLabelType[];
@@ -3,9 +3,8 @@ declare var __VLS_1: {};
3
3
  type __VLS_Slots = {} & {
4
4
  default?: (props: typeof __VLS_1) => any;
5
5
  };
6
- declare const __VLS_component: import("vue").DefineComponent<DBLinkProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<DBLinkProps> & Readonly<{}>, {
6
+ declare const __VLS_component: import("vue").DefineComponent<DBLinkProps, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<DBLinkProps> & Readonly<{}>, {
7
7
  content: import("./model").LinkContentType;
8
- label: string;
9
8
  text: string;
10
9
  disabled: boolean | string;
11
10
  children: any;
@@ -15,13 +14,12 @@ declare const __VLS_component: import("vue").DefineComponent<DBLinkProps, {}, {}
15
14
  variant: import("./model").LinkVariantType;
16
15
  size: import("./model").LinkSizeType;
17
16
  showIcon: boolean | string;
18
- role: string;
19
17
  target: import("../..").LinkTargetType;
20
- current: boolean | import("../..").LinkCurrentType;
18
+ role: string;
21
19
  href: string;
22
20
  hreflang: string;
23
21
  rel: string;
24
- selected: boolean | string;
22
+ wrap: boolean | string;
25
23
  }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
26
24
  declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
27
25
  export default _default;
@@ -1,5 +1,5 @@
1
- import { ClickEventProps, ClickEventState, GlobalProps, GlobalState, LinkProps, ShowIconProps, TextProps } from '../../shared/model';
2
- export declare const LinkVariantList: readonly ["adaptive", "brand"];
1
+ import { ClickEventProps, ClickEventState, GlobalProps, GlobalState, LinkProps, ShowIconProps, TextProps, WrapProps } from '../../shared/model';
2
+ export declare const LinkVariantList: readonly ["adaptive", "brand", "inline"];
3
3
  export type LinkVariantType = (typeof LinkVariantList)[number];
4
4
  export declare const LinkSizeList: readonly ["medium", "small"];
5
5
  export type LinkSizeType = (typeof LinkSizeList)[number];
@@ -19,6 +19,6 @@ export type DBLinkDefaultProps = {
19
19
  */
20
20
  variant?: LinkVariantType;
21
21
  };
22
- export type DBLinkProps = DBLinkDefaultProps & GlobalProps & ClickEventProps<HTMLAnchorElement> & LinkProps & ShowIconProps & TextProps;
22
+ export type DBLinkProps = DBLinkDefaultProps & GlobalProps & ClickEventProps<HTMLAnchorElement> & LinkProps & ShowIconProps & TextProps & WrapProps;
23
23
  export type DBLinkDefaultState = {};
24
24
  export type DBLinkState = DBLinkDefaultState & GlobalState & ClickEventState<HTMLAnchorElement>;
@@ -1,5 +1,5 @@
1
- import { AriaLabelledByProps, GlobalProps, GlobalState } from '../../shared/model';
1
+ import { GlobalProps, GlobalState } from '../../shared/model';
2
2
  export type DBNavigationDefaultProps = {};
3
- export type DBNavigationProps = DBNavigationDefaultProps & GlobalProps & AriaLabelledByProps;
3
+ export type DBNavigationProps = DBNavigationDefaultProps & GlobalProps;
4
4
  export type DBNavigationDefaultState = {};
5
5
  export type DBNavigationState = DBNavigationDefaultState & GlobalState;
@@ -1,13 +1,11 @@
1
- import { DBNavigationProps } from "./model";
2
1
  declare var __VLS_1: {};
3
2
  type __VLS_Slots = {} & {
4
3
  default?: (props: typeof __VLS_1) => any;
5
4
  };
6
- declare const __VLS_component: import("vue").DefineComponent<DBNavigationProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<DBNavigationProps> & Readonly<{}>, {
5
+ declare const __VLS_component: import("vue").DefineComponent<import("../..").GlobalProps, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("../..").GlobalProps> & Readonly<{}>, {
7
6
  children: any;
8
7
  className: string;
9
8
  id: string;
10
- labelledBy: string;
11
9
  }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
12
10
  declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
13
11
  export default _default;
@@ -1,4 +1,4 @@
1
- import { ClickEvent, ClickEventProps, ClickEventState, GlobalProps, GlobalState, IconProps, InitializedState, NavigationBackButtonProps, NavigationBehaviorState, ShowIconProps, TextProps, WidthProps } from '../../shared/model';
1
+ import { ClickEvent, ClickEventProps, ClickEventState, GlobalProps, GlobalState, IconProps, InitializedState, NavigationBackButtonProps, NavigationBehaviorState, ShowIconProps, TextProps, WidthProps, WrapProps } from '../../shared/model';
2
2
  import { NavigationItemSafeTriangle } from '../../utils/navigation';
3
3
  export type DBNavigationItemDefaultProps = {
4
4
  /**
@@ -17,12 +17,8 @@ export type DBNavigationItemDefaultProps = {
17
17
  * This is for mobile navigation only, if it is set the sub-navigation is a static overlay
18
18
  */
19
19
  subNavigationExpanded?: boolean | string;
20
- /**
21
- * Determines whether the text should wrap when its parent container is too small, preventing overflow.
22
- */
23
- wrap?: boolean | string;
24
20
  };
25
- export type DBNavigationItemProps = DBNavigationItemDefaultProps & GlobalProps & ClickEventProps<HTMLButtonElement> & IconProps & WidthProps & NavigationBackButtonProps & ShowIconProps & TextProps;
21
+ export type DBNavigationItemProps = DBNavigationItemDefaultProps & GlobalProps & ClickEventProps<HTMLButtonElement> & IconProps & WidthProps & WrapProps & NavigationBackButtonProps & ShowIconProps & TextProps;
26
22
  export type DBNavigationItemDefaultState = {
27
23
  handleBackClick: (event: ClickEvent<HTMLButtonElement>) => void;
28
24
  hasAreaPopup: boolean;
@@ -8,7 +8,7 @@ type __VLS_Slots = {} & {
8
8
  } & {
9
9
  'sub-navigation'?: (props: typeof __VLS_9) => any;
10
10
  };
11
- declare const __VLS_component: import("vue").DefineComponent<DBNavigationItemProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<DBNavigationItemProps> & Readonly<{}>, {
11
+ declare const __VLS_component: import("vue").DefineComponent<DBNavigationItemProps, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<DBNavigationItemProps> & Readonly<{}>, {
12
12
  text: string;
13
13
  disabled: boolean | string;
14
14
  children: any;
@@ -18,9 +18,9 @@ declare const __VLS_component: import("vue").DefineComponent<DBNavigationItemPro
18
18
  icon: import("@db-ux/core-foundations").IconTypes;
19
19
  showIcon: boolean | string;
20
20
  width: import("../../shared/model").WidthType | string;
21
+ wrap: boolean | string;
21
22
  active: boolean;
22
23
  subNavigationExpanded: boolean | string;
23
- wrap: boolean | string;
24
24
  backButtonId: string;
25
25
  backButtonText: string;
26
26
  }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
@@ -7,7 +7,7 @@ type __VLS_Slots = {} & {
7
7
  } & {
8
8
  link?: (props: typeof __VLS_5) => any;
9
9
  };
10
- declare const __VLS_component: import("vue").DefineComponent<DBNotificationProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<DBNotificationProps> & Readonly<{}>, {
10
+ declare const __VLS_component: import("vue").DefineComponent<DBNotificationProps, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<DBNotificationProps> & Readonly<{}>, {
11
11
  text: string;
12
12
  headline: string | any;
13
13
  children: any;
@@ -7,7 +7,7 @@ type __VLS_Slots = {} & {
7
7
  } & {
8
8
  footer?: (props: typeof __VLS_5) => any;
9
9
  };
10
- declare const __VLS_component: import("vue").DefineComponent<DBPageProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<DBPageProps> & Readonly<{}>, {
10
+ declare const __VLS_component: import("vue").DefineComponent<DBPageProps, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<DBPageProps> & Readonly<{}>, {
11
11
  children: any;
12
12
  className: string;
13
13
  id: string;
@@ -5,7 +5,7 @@ type __VLS_Slots = {} & {
5
5
  } & {
6
6
  default?: (props: typeof __VLS_3) => any;
7
7
  };
8
- declare const __VLS_component: import("vue").DefineComponent<DBPopoverProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<DBPopoverProps> & Readonly<{}>, {
8
+ declare const __VLS_component: import("vue").DefineComponent<DBPopoverProps, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<DBPopoverProps> & Readonly<{}>, {
9
9
  children: any;
10
10
  className: string;
11
11
  id: string;
@@ -4,7 +4,7 @@ declare var __VLS_1: {};
4
4
  type __VLS_Slots = {} & {
5
5
  default?: (props: typeof __VLS_1) => any;
6
6
  };
7
- declare const __VLS_component: import("vue").DefineComponent<DBRadioProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
7
+ declare const __VLS_component: import("vue").DefineComponent<DBRadioProps, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
8
8
  "update:value": (...args: any[]) => void;
9
9
  }, string, import("vue").PublicProps, Readonly<DBRadioProps> & Readonly<{
10
10
  "onUpdate:value"?: ((...args: any[]) => any) | undefined;
@@ -15,13 +15,11 @@ declare const __VLS_component: import("vue").DefineComponent<DBRadioProps, {}, {
15
15
  disabled: boolean | string;
16
16
  children: any;
17
17
  className: string;
18
- describedbyid: string;
19
18
  id: string;
20
19
  onFocus: (event: InteractionEvent<HTMLInputElement>) => void;
21
20
  onBlur: (event: InteractionEvent<HTMLInputElement>) => void;
22
21
  onChange: (event: ChangeEvent<HTMLInputElement>) => void;
23
22
  size: import("../../shared/model").SizeType;
24
- ariaDescribedBy: string;
25
23
  validation: import("../../shared/model").ValidationType;
26
24
  required: boolean | string;
27
25
  showRequiredAsterisk: boolean | string;
@@ -3,7 +3,7 @@ declare var __VLS_1: {};
3
3
  type __VLS_Slots = {} & {
4
4
  default?: (props: typeof __VLS_1) => any;
5
5
  };
6
- declare const __VLS_component: import("vue").DefineComponent<DBSectionProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<DBSectionProps> & Readonly<{}>, {
6
+ declare const __VLS_component: import("vue").DefineComponent<DBSectionProps, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<DBSectionProps> & Readonly<{}>, {
7
7
  children: any;
8
8
  className: string;
9
9
  id: string;
@@ -4,7 +4,7 @@ declare var __VLS_1: {};
4
4
  type __VLS_Slots = {} & {
5
5
  default?: (props: typeof __VLS_1) => any;
6
6
  };
7
- declare const __VLS_component: import("vue").DefineComponent<DBSelectProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
7
+ declare const __VLS_component: import("vue").DefineComponent<DBSelectProps, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
8
8
  "update:value": (...args: any[]) => void;
9
9
  }, string, import("vue").PublicProps, Readonly<DBSelectProps> & Readonly<{
10
10
  "onUpdate:value"?: ((...args: any[]) => any) | undefined;
@@ -3,7 +3,7 @@ declare var __VLS_1: {};
3
3
  type __VLS_Slots = {} & {
4
4
  default?: (props: typeof __VLS_1) => any;
5
5
  };
6
- declare const __VLS_component: import("vue").DefineComponent<DBStackProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<DBStackProps> & Readonly<{}>, {
6
+ declare const __VLS_component: import("vue").DefineComponent<DBStackProps, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<DBStackProps> & Readonly<{}>, {
7
7
  children: any;
8
8
  className: string;
9
9
  id: string;
@@ -1,10 +1,10 @@
1
- import { ChangeEventProps, ChangeEventState, EmphasisProps, FocusEventProps, FocusEventState, FormCheckProps, FormProps, FormState, GlobalProps, GlobalState, IconAfterProps, IconProps, SizeProps } from '../../shared/model';
1
+ import { ChangeEventProps, ChangeEventState, EmphasisProps, FocusEventProps, FocusEventState, FormCheckProps, FormProps, FormState, GlobalProps, GlobalState, IconLeadingProps, IconProps, IconTrailingProps, SizeProps } from '../../shared/model';
2
2
  export type DBSwitchDefaultProps = {
3
3
  /**
4
4
  * Add additional icons to indicate active/inactive state.
5
5
  */
6
6
  visualAid?: boolean | string;
7
7
  };
8
- export type DBSwitchProps = DBSwitchDefaultProps & GlobalProps & ChangeEventProps<HTMLInputElement> & FocusEventProps<HTMLInputElement> & FormProps & FormCheckProps & EmphasisProps & SizeProps & IconProps & IconAfterProps;
8
+ export type DBSwitchProps = DBSwitchDefaultProps & GlobalProps & ChangeEventProps<HTMLInputElement> & FocusEventProps<HTMLInputElement> & FormProps & FormCheckProps & EmphasisProps & SizeProps & IconProps & IconTrailingProps & IconLeadingProps;
9
9
  export type DBSwitchDefaultState = {};
10
10
  export type DBSwitchState = DBSwitchDefaultState & GlobalState & ChangeEventState<HTMLInputElement> & FocusEventState<HTMLInputElement> & FormState;
@@ -4,7 +4,7 @@ declare var __VLS_1: {};
4
4
  type __VLS_Slots = {} & {
5
5
  default?: (props: typeof __VLS_1) => any;
6
6
  };
7
- declare const __VLS_component: import("vue").DefineComponent<DBSwitchProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
7
+ declare const __VLS_component: import("vue").DefineComponent<DBSwitchProps, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
8
8
  "update:checked": (...args: any[]) => void;
9
9
  }, string, import("vue").PublicProps, Readonly<DBSwitchProps> & Readonly<{
10
10
  "onUpdate:checked"?: ((...args: any[]) => any) | undefined;
@@ -15,7 +15,6 @@ declare const __VLS_component: import("vue").DefineComponent<DBSwitchProps, {},
15
15
  disabled: boolean | string;
16
16
  children: any;
17
17
  className: string;
18
- describedbyid: string;
19
18
  id: string;
20
19
  onFocus: (event: InteractionEvent<HTMLInputElement>) => void;
21
20
  onBlur: (event: InteractionEvent<HTMLInputElement>) => void;
@@ -23,13 +22,13 @@ declare const __VLS_component: import("vue").DefineComponent<DBSwitchProps, {},
23
22
  size: import("../../shared/model").SizeType;
24
23
  emphasis: import("../../shared/model").EmphasisType;
25
24
  icon: import("@db-ux/core-foundations").IconTypes;
26
- ariaDescribedBy: string;
25
+ iconLeading: import("@db-ux/core-foundations").IconTypes;
26
+ iconTrailing: import("@db-ux/core-foundations").IconTypes;
27
27
  validation: import("../../shared/model").ValidationType;
28
28
  required: boolean | string;
29
29
  showRequiredAsterisk: boolean | string;
30
30
  showLabel: boolean | string;
31
31
  checked: boolean | string;
32
- iconAfter: import("@db-ux/core-foundations").IconTypes;
33
32
  visualAid: boolean | string;
34
33
  }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
35
34
  declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;