@db-ux/ngx-core-components 3.0.0 → 3.0.2-copilot-66b0168

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 (156) hide show
  1. package/README.md +11 -0
  2. package/agent/Accordion.md +52 -0
  3. package/agent/AccordionItem.md +45 -0
  4. package/agent/Badge.md +48 -0
  5. package/agent/Brand.md +29 -0
  6. package/agent/Button.md +59 -0
  7. package/agent/Card.md +39 -0
  8. package/agent/Checkbox.md +52 -0
  9. package/agent/CustomSelect.md +89 -0
  10. package/agent/Divider.md +37 -0
  11. package/agent/Drawer.md +90 -0
  12. package/agent/Header.md +45 -0
  13. package/agent/Icon.md +36 -0
  14. package/agent/Infotext.md +41 -0
  15. package/agent/Input.md +58 -0
  16. package/agent/Link.md +60 -0
  17. package/agent/Navigation.md +34 -0
  18. package/agent/NavigationItem.md +45 -0
  19. package/agent/Notification.md +52 -0
  20. package/agent/Page.md +45 -0
  21. package/agent/Popover.md +69 -0
  22. package/agent/Radio.md +39 -0
  23. package/agent/Section.md +39 -0
  24. package/agent/Select.md +80 -0
  25. package/agent/Stack.md +51 -0
  26. package/agent/Switch.md +55 -0
  27. package/agent/TabItem.md +41 -0
  28. package/agent/Tabs.md +80 -0
  29. package/agent/Tag.md +48 -0
  30. package/agent/Textarea.md +57 -0
  31. package/agent/Tooltip.md +64 -0
  32. package/agent/_instructions.md +31 -0
  33. package/package.json +7 -3
  34. package/components/accordion/accordion.d.ts +0 -31
  35. package/components/accordion/index.d.ts +0 -1
  36. package/components/accordion/model.d.ts +0 -41
  37. package/components/accordion-item/accordion-item.d.ts +0 -33
  38. package/components/accordion-item/index.d.ts +0 -1
  39. package/components/accordion-item/model.d.ts +0 -24
  40. package/components/badge/badge.d.ts +0 -27
  41. package/components/badge/index.d.ts +0 -1
  42. package/components/badge/model.d.ts +0 -16
  43. package/components/brand/brand.d.ts +0 -24
  44. package/components/brand/index.d.ts +0 -1
  45. package/components/brand/model.d.ts +0 -10
  46. package/components/button/button.d.ts +0 -38
  47. package/components/button/index.d.ts +0 -1
  48. package/components/button/model.d.ts +0 -40
  49. package/components/card/card.d.ts +0 -24
  50. package/components/card/index.d.ts +0 -1
  51. package/components/card/model.d.ts +0 -18
  52. package/components/checkbox/checkbox.d.ts +0 -64
  53. package/components/checkbox/index.d.ts +0 -1
  54. package/components/checkbox/model.d.ts +0 -10
  55. package/components/custom-select/custom-select.d.ts +0 -150
  56. package/components/custom-select/index.d.ts +0 -1
  57. package/components/custom-select/model.d.ts +0 -219
  58. package/components/custom-select-dropdown/custom-select-dropdown.d.ts +0 -19
  59. package/components/custom-select-dropdown/index.d.ts +0 -1
  60. package/components/custom-select-dropdown/model.d.ts +0 -15
  61. package/components/custom-select-form-field/custom-select-form-field.d.ts +0 -18
  62. package/components/custom-select-form-field/index.d.ts +0 -1
  63. package/components/custom-select-form-field/model.d.ts +0 -5
  64. package/components/custom-select-list/custom-select-list.d.ts +0 -20
  65. package/components/custom-select-list/index.d.ts +0 -1
  66. package/components/custom-select-list/model.d.ts +0 -8
  67. package/components/custom-select-list-item/custom-select-list-item.d.ts +0 -45
  68. package/components/custom-select-list-item/index.d.ts +0 -1
  69. package/components/custom-select-list-item/model.d.ts +0 -29
  70. package/components/divider/divider.d.ts +0 -22
  71. package/components/divider/index.d.ts +0 -1
  72. package/components/divider/model.d.ts +0 -18
  73. package/components/drawer/drawer.d.ts +0 -37
  74. package/components/drawer/index.d.ts +0 -1
  75. package/components/drawer/model.d.ts +0 -50
  76. package/components/header/MetaNavigation.directive.d.ts +0 -5
  77. package/components/header/Navigation.directive.d.ts +0 -5
  78. package/components/header/SecondaryAction.directive.d.ts +0 -5
  79. package/components/header/header.d.ts +0 -34
  80. package/components/header/index.d.ts +0 -1
  81. package/components/header/model.d.ts +0 -44
  82. package/components/icon/icon.d.ts +0 -22
  83. package/components/icon/index.d.ts +0 -1
  84. package/components/icon/model.d.ts +0 -10
  85. package/components/infotext/index.d.ts +0 -1
  86. package/components/infotext/infotext.d.ts +0 -24
  87. package/components/infotext/model.d.ts +0 -5
  88. package/components/input/index.d.ts +0 -1
  89. package/components/input/input.d.ts +0 -98
  90. package/components/input/model.d.ts +0 -43
  91. package/components/link/index.d.ts +0 -1
  92. package/components/link/link.d.ts +0 -31
  93. package/components/link/model.d.ts +0 -24
  94. package/components/navigation/index.d.ts +0 -1
  95. package/components/navigation/model.d.ts +0 -5
  96. package/components/navigation/navigation.d.ts +0 -20
  97. package/components/navigation-item/NavigationContent.directive.d.ts +0 -5
  98. package/components/navigation-item/index.d.ts +0 -1
  99. package/components/navigation-item/model.d.ts +0 -34
  100. package/components/navigation-item/navigation-item.d.ts +0 -46
  101. package/components/notification/index.d.ts +0 -1
  102. package/components/notification/model.d.ts +0 -57
  103. package/components/notification/notification.d.ts +0 -39
  104. package/components/page/index.d.ts +0 -1
  105. package/components/page/model.d.ts +0 -36
  106. package/components/page/page.d.ts +0 -26
  107. package/components/popover/index.d.ts +0 -1
  108. package/components/popover/model.d.ts +0 -17
  109. package/components/popover/popover.d.ts +0 -37
  110. package/components/radio/index.d.ts +0 -1
  111. package/components/radio/model.d.ts +0 -5
  112. package/components/radio/radio.d.ts +0 -47
  113. package/components/section/index.d.ts +0 -1
  114. package/components/section/model.d.ts +0 -5
  115. package/components/section/section.d.ts +0 -22
  116. package/components/select/index.d.ts +0 -1
  117. package/components/select/model.d.ts +0 -44
  118. package/components/select/select.d.ts +0 -84
  119. package/components/stack/index.d.ts +0 -1
  120. package/components/stack/model.d.ts +0 -34
  121. package/components/stack/stack.d.ts +0 -25
  122. package/components/switch/index.d.ts +0 -1
  123. package/components/switch/model.d.ts +0 -10
  124. package/components/switch/switch.d.ts +0 -52
  125. package/components/tab-item/index.d.ts +0 -1
  126. package/components/tab-item/model.d.ts +0 -24
  127. package/components/tab-item/tab-item.d.ts +0 -46
  128. package/components/tab-list/index.d.ts +0 -1
  129. package/components/tab-list/model.d.ts +0 -5
  130. package/components/tab-list/tab-list.d.ts +0 -20
  131. package/components/tab-panel/index.d.ts +0 -1
  132. package/components/tab-panel/model.d.ts +0 -10
  133. package/components/tab-panel/tab-panel.d.ts +0 -20
  134. package/components/tabs/index.d.ts +0 -1
  135. package/components/tabs/model.d.ts +0 -66
  136. package/components/tabs/tabs.d.ts +0 -46
  137. package/components/tag/index.d.ts +0 -1
  138. package/components/tag/model.d.ts +0 -47
  139. package/components/tag/tag.d.ts +0 -33
  140. package/components/textarea/index.d.ts +0 -1
  141. package/components/textarea/model.d.ts +0 -34
  142. package/components/textarea/textarea.d.ts +0 -84
  143. package/components/tooltip/index.d.ts +0 -1
  144. package/components/tooltip/model.d.ts +0 -20
  145. package/components/tooltip/tooltip.d.ts +0 -39
  146. package/fesm2022/db-ux-ngx-core-components.mjs +0 -7699
  147. package/fesm2022/db-ux-ngx-core-components.mjs.map +0 -1
  148. package/index.d.ts +0 -44
  149. package/shared/constants.d.ts +0 -88
  150. package/shared/model.d.ts +0 -522
  151. package/utils/document-click-listener.d.ts +0 -8
  152. package/utils/document-scroll-listener.d.ts +0 -9
  153. package/utils/floating-components.d.ts +0 -20
  154. package/utils/form-components.d.ts +0 -2
  155. package/utils/index.d.ts +0 -40
  156. package/utils/navigation.d.ts +0 -32
@@ -1,20 +0,0 @@
1
- import { AfterViewInit, ElementRef } from "@angular/core";
2
- import * as i0 from "@angular/core";
3
- export declare class DBCustomSelectList implements AfterViewInit {
4
- protected readonly cls: (...args: import("../../utils").ClassNameArg[]) => string;
5
- multiple: import("@angular/core").InputSignal<boolean | undefined>;
6
- label: import("@angular/core").InputSignal<string | undefined>;
7
- id: import("@angular/core").InputSignal<string | undefined>;
8
- className: import("@angular/core").InputSignal<string | undefined>;
9
- _ref: import("@angular/core").Signal<ElementRef<any> | undefined>;
10
- constructor();
11
- /**
12
- * Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil.
13
- * @param element the ref for the component
14
- * @param customElementSelector the custom element like `my-component`
15
- */
16
- private enableAttributePassing;
17
- ngAfterViewInit(): void;
18
- static ɵfac: i0.ɵɵFactoryDeclaration<DBCustomSelectList, never>;
19
- static ɵcmp: i0.ɵɵComponentDeclaration<DBCustomSelectList, "db-custom-select-list", never, { "multiple": { "alias": "multiple"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "id": { "alias": "id"; "required": false; "isSignal": true; }; "className": { "alias": "className"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
20
- }
@@ -1 +0,0 @@
1
- export { DBCustomSelectList } from './custom-select-list';
@@ -1,8 +0,0 @@
1
- import { GlobalProps, GlobalState } from '../../shared/model';
2
- export type DBCustomSelectListDefaultProps = {
3
- label?: string;
4
- multiple?: boolean;
5
- };
6
- export type DBCustomSelectListProps = DBCustomSelectListDefaultProps & GlobalProps;
7
- export type DBCustomSelectListDefaultState = {};
8
- export type DBCustomSelectListState = DBCustomSelectListDefaultState & GlobalState;
@@ -1,45 +0,0 @@
1
- import { AfterViewInit, ElementRef, Renderer2 } from "@angular/core";
2
- import { ControlValueAccessor } from '@angular/forms';
3
- import { ChangeEvent } from "../../shared/model";
4
- import * as i0 from "@angular/core";
5
- export declare class DBCustomSelectListItem implements AfterViewInit, ControlValueAccessor {
6
- private renderer;
7
- protected readonly cls: (...args: import("../../utils").ClassNameArg[]) => string;
8
- protected readonly getBooleanAsString: (originBool?: boolean | string) => any;
9
- protected readonly getBoolean: (originBool?: boolean | string, propertyName?: string) => boolean | undefined;
10
- id: import("@angular/core").InputSignal<string | undefined>;
11
- isGroupTitle: import("@angular/core").InputSignal<boolean | undefined>;
12
- showDivider: import("@angular/core").InputSignal<boolean | undefined>;
13
- type: import("@angular/core").InputSignal<"checkbox" | "radio" | undefined>;
14
- checked: import("@angular/core").ModelSignal<string | boolean | undefined>;
15
- className: import("@angular/core").InputSignal<string | undefined>;
16
- groupTitle: import("@angular/core").InputSignal<string | undefined>;
17
- icon: import("@angular/core").InputSignal<import("@db-ux/core-foundations").BaseIconTypes | import("@db-ux/core-foundations").LooseAutocomplete | undefined>;
18
- showIcon: import("@angular/core").InputSignal<string | boolean | undefined>;
19
- name: import("@angular/core").InputSignal<string | undefined>;
20
- disabled: import("@angular/core").ModelSignal<string | boolean | undefined>;
21
- value: import("@angular/core").InputSignal<any>;
22
- label: import("@angular/core").InputSignal<string | undefined>;
23
- change: import("@angular/core").OutputEmitterRef<void | Event>;
24
- _ref: import("@angular/core").Signal<ElementRef<any> | undefined>;
25
- _id: import("@angular/core").WritableSignal<string | undefined>;
26
- hasDivider: import("@angular/core").WritableSignal<boolean | undefined>;
27
- handleChange(event: ChangeEvent<HTMLInputElement>): void;
28
- getIconTrailing(): "check" | "x_placeholder" | undefined;
29
- constructor(renderer: Renderer2);
30
- /**
31
- * Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil.
32
- * @param element the ref for the component
33
- * @param customElementSelector the custom element like `my-component`
34
- */
35
- private enableAttributePassing;
36
- writeValue(value: any): void;
37
- propagateChange(_: any): void;
38
- registerOnChange(onChange: any): void;
39
- registerOnTouched(onTouched: any): void;
40
- setDisabledState(disabled: boolean): void;
41
- ngOnInit(): void;
42
- ngAfterViewInit(): void;
43
- static ɵfac: i0.ɵɵFactoryDeclaration<DBCustomSelectListItem, never>;
44
- static ɵcmp: i0.ɵɵComponentDeclaration<DBCustomSelectListItem, "db-custom-select-list-item", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "isGroupTitle": { "alias": "isGroupTitle"; "required": false; "isSignal": true; }; "showDivider": { "alias": "showDivider"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "checked": { "alias": "checked"; "required": false; "isSignal": true; }; "className": { "alias": "className"; "required": false; "isSignal": true; }; "groupTitle": { "alias": "groupTitle"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "showIcon": { "alias": "showIcon"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; }, { "checked": "checkedChange"; "disabled": "disabledChange"; "change": "change"; }, never, ["*"], true, never>;
45
- }
@@ -1 +0,0 @@
1
- export { DBCustomSelectListItem } from './custom-select-list-item';
@@ -1,29 +0,0 @@
1
- import { BaseFormProps, ChangeEventProps, ChangeEventState, FormCheckProps, GlobalProps, GlobalState, IconProps, ShowIconProps, ValueProps } from '../../shared/model';
2
- export declare const CustomSelectListItemTypeList: readonly ["checkbox", "radio"];
3
- export type CustomSelectListItemTypeType = (typeof CustomSelectListItemTypeList)[number];
4
- export type DBCustomSelectListItemExtraProps = {
5
- /**
6
- * If the item is a group title (only text)
7
- */
8
- isGroupTitle?: boolean;
9
- /**
10
- * Show a divider on the bottom of the list item for visual grouping (don't use it on every item)
11
- */
12
- showDivider?: boolean;
13
- } & IconProps & ShowIconProps;
14
- export type DBCustomSelectListItemDefaultProps = {
15
- /**
16
- * Set the title of a group of items - disables radio/checkbox behavior
17
- */
18
- groupTitle?: string;
19
- /**
20
- * Change the behavior of the item single(radio) or multiple(checkbox)
21
- */
22
- type?: CustomSelectListItemTypeType;
23
- };
24
- export type DBCustomSelectListItemProps = DBCustomSelectListItemDefaultProps & GlobalProps & BaseFormProps & ValueProps & FormCheckProps & ChangeEventProps<HTMLInputElement> & DBCustomSelectListItemExtraProps;
25
- export type DBCustomSelectListItemDefaultState = {
26
- getIconTrailing: () => string | undefined;
27
- hasDivider?: boolean;
28
- };
29
- export type DBCustomSelectListItemState = DBCustomSelectListItemDefaultState & ChangeEventState<HTMLInputElement> & GlobalState;
@@ -1,22 +0,0 @@
1
- import { AfterViewInit, ElementRef } from "@angular/core";
2
- import * as i0 from "@angular/core";
3
- export declare class DBDivider implements AfterViewInit {
4
- protected readonly cls: (...args: import("../../utils").ClassNameArg[]) => string;
5
- id: import("@angular/core").InputSignal<string | undefined>;
6
- margin: import("@angular/core").InputSignal<"none" | undefined>;
7
- variant: import("@angular/core").InputSignal<"horizontal" | "vertical" | undefined>;
8
- emphasis: import("@angular/core").InputSignal<"weak" | "strong" | undefined>;
9
- width: import("@angular/core").InputSignal<string | undefined>;
10
- className: import("@angular/core").InputSignal<string | undefined>;
11
- _ref: import("@angular/core").Signal<ElementRef<any> | undefined>;
12
- constructor();
13
- /**
14
- * Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil.
15
- * @param element the ref for the component
16
- * @param customElementSelector the custom element like `my-component`
17
- */
18
- private enableAttributePassing;
19
- ngAfterViewInit(): void;
20
- static ɵfac: i0.ɵɵFactoryDeclaration<DBDivider, never>;
21
- static ɵcmp: i0.ɵɵComponentDeclaration<DBDivider, "db-divider", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "margin": { "alias": "margin"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "emphasis": { "alias": "emphasis"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; "className": { "alias": "className"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
22
- }
@@ -1 +0,0 @@
1
- export { DBDivider } from './divider';
@@ -1,18 +0,0 @@
1
- import { EmphasisProps, GlobalProps, GlobalState, MarginProps, WidthProps } from '../../shared/model';
2
- export declare const DividerMarginList: readonly ["none", "_"];
3
- export type DividerMarginType = (typeof DividerMarginList)[number];
4
- export declare const DividerVariantList: readonly ["horizontal", "vertical"];
5
- export type DividerVariantType = (typeof DividerVariantList)[number];
6
- export type DBDividerDefaultProps = {
7
- /**
8
- * Removes the margin of the divider.
9
- */
10
- margin?: DividerMarginType;
11
- /**
12
- * Changes the orientation of the divider.
13
- */
14
- variant?: DividerVariantType;
15
- };
16
- export type DBDividerProps = DBDividerDefaultProps & GlobalProps & EmphasisProps & MarginProps & WidthProps;
17
- export type DBDividerDefaultState = {};
18
- export type DBDividerState = DBDividerDefaultState & GlobalState;
@@ -1,37 +0,0 @@
1
- import { AfterViewInit, ElementRef } from "@angular/core";
2
- import { ClickEvent, GeneralKeyboardEvent } from "../../shared/model";
3
- import * as i0 from "@angular/core";
4
- export declare class DBDrawer implements AfterViewInit {
5
- protected readonly cls: (...args: import("../../utils").ClassNameArg[]) => string;
6
- protected readonly getBooleanAsString: (originBool?: boolean | string) => any;
7
- protected readonly DEFAULT_CLOSE_BUTTON: string;
8
- open: import("@angular/core").InputSignal<string | boolean | undefined>;
9
- position: import("@angular/core").InputSignal<"fixed" | "absolute" | undefined>;
10
- backdrop: import("@angular/core").InputSignal<"none" | "weak" | "strong" | "invisible" | undefined>;
11
- variant: import("@angular/core").InputSignal<"modal" | "inside" | undefined>;
12
- id: import("@angular/core").InputSignal<string | undefined>;
13
- direction: import("@angular/core").InputSignal<"left" | "right" | "up" | "down" | undefined>;
14
- className: import("@angular/core").InputSignal<string | undefined>;
15
- spacing: import("@angular/core").InputSignal<string | undefined>;
16
- width: import("@angular/core").InputSignal<string | undefined>;
17
- rounded: import("@angular/core").InputSignal<string | boolean | undefined>;
18
- closeButtonId: import("@angular/core").InputSignal<string | undefined>;
19
- closeButtonText: import("@angular/core").InputSignal<string | undefined>;
20
- close: import("@angular/core").OutputEmitterRef<void | KeyboardEvent | MouseEvent | undefined>;
21
- _ref: import("@angular/core").Signal<ElementRef<any> | undefined>;
22
- dialogContainerRef: import("@angular/core").Signal<ElementRef<any> | undefined>;
23
- initialized: import("@angular/core").WritableSignal<boolean>;
24
- handleClose(event?: ClickEvent<HTMLButtonElement | HTMLDialogElement> | GeneralKeyboardEvent<HTMLDialogElement> | void, forceClose?: boolean): void;
25
- handleDialogOpen(): void;
26
- constructor();
27
- /**
28
- * Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil.
29
- * @param element the ref for the component
30
- * @param customElementSelector the custom element like `my-component`
31
- */
32
- private enableAttributePassing;
33
- ngOnInit(): void;
34
- ngAfterViewInit(): void;
35
- static ɵfac: i0.ɵɵFactoryDeclaration<DBDrawer, never>;
36
- static ɵcmp: i0.ɵɵComponentDeclaration<DBDrawer, "db-drawer", never, { "open": { "alias": "open"; "required": false; "isSignal": true; }; "position": { "alias": "position"; "required": false; "isSignal": true; }; "backdrop": { "alias": "backdrop"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "id": { "alias": "id"; "required": false; "isSignal": true; }; "direction": { "alias": "direction"; "required": false; "isSignal": true; }; "className": { "alias": "className"; "required": false; "isSignal": true; }; "spacing": { "alias": "spacing"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; "rounded": { "alias": "rounded"; "required": false; "isSignal": true; }; "closeButtonId": { "alias": "closeButtonId"; "required": false; "isSignal": true; }; "closeButtonText": { "alias": "closeButtonText"; "required": false; "isSignal": true; }; }, { "close": "close"; }, never, ["[drawer-header]", "*"], true, never>;
37
- }
@@ -1 +0,0 @@
1
- export { DBDrawer } from './drawer';
@@ -1,50 +0,0 @@
1
- import { ClickEvent, CloseEventProps, CloseEventState, GeneralKeyboardEvent, GlobalProps, GlobalState, InitializedState, InnerCloseButtonProps, SpacingProps, WidthProps } from '../../shared/model';
2
- export declare const DrawerBackdropList: readonly ["none", "strong", "weak", "invisible"];
3
- export type DrawerBackdropType = (typeof DrawerBackdropList)[number];
4
- export declare const DrawerDirectionList: readonly ["left", "right", "up", "down"];
5
- export type DrawerDirectionType = (typeof DrawerDirectionList)[number];
6
- export declare const DrawerVariantList: readonly ["modal", "inside"];
7
- export type DrawerVariantType = (typeof DrawerVariantList)[number];
8
- export declare const DrawerPositionList: readonly ["fixed", "absolute"];
9
- export type DrawerPositionType = (typeof DrawerPositionList)[number];
10
- export type DBDrawerDefaultProps = {
11
- /**
12
- * The backdrop attribute changes the opacity of the backdrop.
13
- * The backdrop 'none' will use `dialog.show()` instead of `dialog.showModal()`
14
- */
15
- backdrop?: DrawerBackdropType;
16
- /**
17
- * The direction attribute changes the position & animation of the drawer.
18
- * E.g. "left" slides from left screen border to the right.
19
- */
20
- direction?: DrawerDirectionType;
21
- /**
22
- * Slot for changing the header of the drawer.
23
- */
24
- drawerHeader?: any;
25
- /**
26
- * The open attribute opens or closes the drawer based on the state.
27
- */
28
- open?: boolean | string;
29
- /**
30
- * The rounded attribute changes the border radius of the corners on the "end" of the drawer.
31
- * The "end" depends on which direction you use.
32
- */
33
- rounded?: boolean | string;
34
- /**
35
- * Set the variant modal|inside. Defaults to modal.
36
- */
37
- variant?: DrawerVariantType;
38
- /**
39
- * The position attribute changes the css-position (fixed or absolute) of the drawer.
40
- *
41
- * - `fixed` (default): Renders with `showModal()`, creating a true modal with a focus trap.
42
- * - `absolute`: Renders with `show()`, acting as a simple overlay **without** a focus trap.
43
- */
44
- position?: DrawerPositionType;
45
- };
46
- export type DBDrawerProps = DBDrawerDefaultProps & GlobalProps & CloseEventProps<ClickEvent<HTMLButtonElement | HTMLDialogElement> | GeneralKeyboardEvent<HTMLDialogElement>> & InnerCloseButtonProps & WidthProps & SpacingProps;
47
- export type DBDrawerDefaultState = {
48
- handleDialogOpen: () => void;
49
- };
50
- export type DBDrawerState = DBDrawerDefaultState & GlobalState & CloseEventState<ClickEvent<HTMLButtonElement | HTMLDialogElement> | GeneralKeyboardEvent<HTMLDialogElement>> & InitializedState;
@@ -1,5 +0,0 @@
1
- import * as i0 from "@angular/core";
2
- export declare class MetaNavigationDirective {
3
- static ɵfac: i0.ɵɵFactoryDeclaration<MetaNavigationDirective, never>;
4
- static ɵdir: i0.ɵɵDirectiveDeclaration<MetaNavigationDirective, "[dbMetaNavigation]", never, {}, {}, never, never, true, never>;
5
- }
@@ -1,5 +0,0 @@
1
- import * as i0 from "@angular/core";
2
- export declare class NavigationDirective {
3
- static ɵfac: i0.ɵɵFactoryDeclaration<NavigationDirective, never>;
4
- static ɵdir: i0.ɵɵDirectiveDeclaration<NavigationDirective, "[dbNavigation]", never, {}, {}, never, never, true, never>;
5
- }
@@ -1,5 +0,0 @@
1
- import * as i0 from "@angular/core";
2
- export declare class SecondaryActionDirective {
3
- static ɵfac: i0.ɵɵFactoryDeclaration<SecondaryActionDirective, never>;
4
- static ɵdir: i0.ɵɵDirectiveDeclaration<SecondaryActionDirective, "[dbSecondaryAction]", never, {}, {}, never, never, true, never>;
5
- }
@@ -1,34 +0,0 @@
1
- import { AfterViewInit, ElementRef } from "@angular/core";
2
- import * as i0 from "@angular/core";
3
- export declare class DBHeader implements AfterViewInit {
4
- dbNavigation: any;
5
- dbMetaNavigation: any;
6
- dbSecondaryAction: any;
7
- protected readonly cls: (...args: import("../../utils").ClassNameArg[]) => string;
8
- protected readonly getBoolean: (originBool?: boolean | string, propertyName?: string) => boolean | undefined;
9
- protected readonly DEFAULT_BURGER_MENU: string;
10
- id: import("@angular/core").InputSignal<string | undefined>;
11
- forceMobile: import("@angular/core").InputSignal<string | boolean | undefined>;
12
- drawerOpen: import("@angular/core").InputSignal<string | boolean | undefined>;
13
- className: import("@angular/core").InputSignal<string | undefined>;
14
- width: import("@angular/core").InputSignal<"medium" | "small" | "large" | "full" | undefined>;
15
- burgerMenuLabel: import("@angular/core").InputSignal<string | undefined>;
16
- toggle: import("@angular/core").OutputEmitterRef<boolean | void>;
17
- _ref: import("@angular/core").Signal<ElementRef<any> | undefined>;
18
- _id: import("@angular/core").WritableSignal<string | undefined>;
19
- initialized: import("@angular/core").WritableSignal<boolean>;
20
- forcedToMobile: import("@angular/core").WritableSignal<boolean | undefined>;
21
- handleToggle(event?: any): void;
22
- handleNavigationItemClick(event: unknown): void;
23
- constructor();
24
- /**
25
- * Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil.
26
- * @param element the ref for the component
27
- * @param customElementSelector the custom element like `my-component`
28
- */
29
- private enableAttributePassing;
30
- ngOnInit(): void;
31
- ngAfterViewInit(): void;
32
- static ɵfac: i0.ɵɵFactoryDeclaration<DBHeader, never>;
33
- static ɵcmp: i0.ɵɵComponentDeclaration<DBHeader, "db-header", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "forceMobile": { "alias": "forceMobile"; "required": false; "isSignal": true; }; "drawerOpen": { "alias": "drawerOpen"; "required": false; "isSignal": true; }; "className": { "alias": "className"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; "burgerMenuLabel": { "alias": "burgerMenuLabel"; "required": false; "isSignal": true; }; }, { "toggle": "toggle"; }, ["dbNavigation", "dbMetaNavigation", "dbSecondaryAction"], ["*", "*", "*", "*", "[brand]", "*", "[primary-action]", "*"], true, never>;
34
- }
@@ -1 +0,0 @@
1
- export { DBHeader } from './header';
@@ -1,44 +0,0 @@
1
- import { ContainerWidthProps, GlobalProps, GlobalState, InitializedState, NavigationBehaviorState, ToggleEventProps, ToggleEventState } from '../../shared/model';
2
- export type DBHeaderDefaultProps = {
3
- /**
4
- * Slot to pass in the DBBrand component
5
- */
6
- brand?: any;
7
- /**
8
- * Slot to pass in a meta navigation.
9
- * - Desktop: Above the regular header
10
- * - Mobile: Inside the drawer
11
- */
12
- metaNavigation?: any;
13
- /**
14
- * Slot to pass one or more elements like DBButton (e.g. search) as primary action.
15
- * - Desktop: Shown next to the main-navigation
16
- * - Mobile: Shown next to the brand
17
- */
18
- primaryAction?: any;
19
- /**
20
- * Slot to pass one or more elements like DBButton (e.g. profile, language, etc.) as secondary action.
21
- * - Desktop: Shown separated by divider at the end of the header
22
- * - Mobile: Shown inside the drawer at the bottom.
23
- */
24
- secondaryAction?: any;
25
- /**
26
- * Open/closes the drawer for mobile header or if `forceMobile` is true.
27
- */
28
- drawerOpen?: boolean | string;
29
- /**
30
- * Forces the header to use mobile layout for desktop as well.
31
- * You should only use this setting if you really can't provide a smaller navigation.
32
- * Overwrite size of the drawer with '--db-drawer-max-width: xxx'
33
- */
34
- forceMobile?: boolean | string;
35
- /**
36
- * This attribute sets the label for the burger menu button for mobile headers.
37
- */
38
- burgerMenuLabel?: string;
39
- };
40
- export type DBHeaderProps = DBHeaderDefaultProps & GlobalProps & ToggleEventProps & ContainerWidthProps;
41
- export type DBHeaderDefaultState = {
42
- forcedToMobile?: boolean;
43
- };
44
- export type DBHeaderState = DBHeaderDefaultState & GlobalState & ToggleEventState<HTMLElement> & InitializedState & NavigationBehaviorState;
@@ -1,22 +0,0 @@
1
- import { AfterViewInit, ElementRef } from "@angular/core";
2
- import * as i0 from "@angular/core";
3
- export declare class DBIcon implements AfterViewInit {
4
- protected readonly cls: (...args: import("../../utils").ClassNameArg[]) => string;
5
- id: import("@angular/core").InputSignal<string | undefined>;
6
- className: import("@angular/core").InputSignal<string | undefined>;
7
- icon: import("@angular/core").InputSignal<import("@db-ux/core-foundations").BaseIconTypes | import("@db-ux/core-foundations").LooseAutocomplete | undefined>;
8
- weight: import("@angular/core").InputSignal<"16" | "20" | "24" | "32" | "48" | "64" | undefined>;
9
- variant: import("@angular/core").InputSignal<string | undefined>;
10
- text: import("@angular/core").InputSignal<string | undefined>;
11
- _ref: import("@angular/core").Signal<ElementRef<any> | undefined>;
12
- constructor();
13
- /**
14
- * Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil.
15
- * @param element the ref for the component
16
- * @param customElementSelector the custom element like `my-component`
17
- */
18
- private enableAttributePassing;
19
- ngAfterViewInit(): void;
20
- static ɵfac: i0.ɵɵFactoryDeclaration<DBIcon, never>;
21
- static ɵcmp: i0.ɵɵComponentDeclaration<DBIcon, "db-icon", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "className": { "alias": "className"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "weight": { "alias": "weight"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "text": { "alias": "text"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
22
- }
@@ -1 +0,0 @@
1
- export { DBIcon } from './icon';
@@ -1,10 +0,0 @@
1
- import { GlobalProps, GlobalState, IconProps, TextProps } from '../../shared/model';
2
- export declare const IconWeightList: readonly ["16", "20", "24", "32", "48", "64"];
3
- export type IconWeightType = (typeof IconWeightList)[number];
4
- export type DBIconDefaultProps = {
5
- variant?: string;
6
- weight?: IconWeightType;
7
- };
8
- export type DBIconProps = DBIconDefaultProps & GlobalProps & IconProps & TextProps;
9
- export type DBIconDefaultState = {};
10
- export type DBIconState = DBIconDefaultState & GlobalState;
@@ -1 +0,0 @@
1
- export { DBInfotext } from './infotext';
@@ -1,24 +0,0 @@
1
- import { AfterViewInit, ElementRef } from "@angular/core";
2
- import * as i0 from "@angular/core";
3
- export declare class DBInfotext implements AfterViewInit {
4
- protected readonly cls: (...args: import("../../utils").ClassNameArg[]) => string;
5
- protected readonly getBooleanAsString: (originBool?: boolean | string) => any;
6
- id: import("@angular/core").InputSignal<string | undefined>;
7
- className: import("@angular/core").InputSignal<string | undefined>;
8
- icon: import("@angular/core").InputSignal<import("@db-ux/core-foundations").BaseIconTypes | import("@db-ux/core-foundations").LooseAutocomplete | undefined>;
9
- semantic: import("@angular/core").InputSignal<"critical" | "informational" | "warning" | "successful" | "adaptive" | "neutral" | undefined>;
10
- size: import("@angular/core").InputSignal<"medium" | "small" | undefined>;
11
- showIcon: import("@angular/core").InputSignal<string | boolean | undefined>;
12
- text: import("@angular/core").InputSignal<string | undefined>;
13
- _ref: import("@angular/core").Signal<ElementRef<any> | undefined>;
14
- constructor();
15
- /**
16
- * Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil.
17
- * @param element the ref for the component
18
- * @param customElementSelector the custom element like `my-component`
19
- */
20
- private enableAttributePassing;
21
- ngAfterViewInit(): void;
22
- static ɵfac: i0.ɵɵFactoryDeclaration<DBInfotext, never>;
23
- static ɵcmp: i0.ɵɵComponentDeclaration<DBInfotext, "db-infotext", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "className": { "alias": "className"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "semantic": { "alias": "semantic"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "showIcon": { "alias": "showIcon"; "required": false; "isSignal": true; }; "text": { "alias": "text"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
24
- }
@@ -1,5 +0,0 @@
1
- import { GlobalProps, GlobalState, IconProps, SemanticProps, ShowIconProps, SizeProps, TextProps } from '../../shared/model';
2
- export type DBInfotextDefaultProps = {};
3
- export type DBInfotextProps = DBInfotextDefaultProps & GlobalProps & SemanticProps & IconProps & SizeProps & ShowIconProps & TextProps;
4
- export type DBInfotextDefaultState = {};
5
- export type DBInfotextState = DBInfotextDefaultState & GlobalState;
@@ -1 +0,0 @@
1
- export { DBInput } from './input';
@@ -1,98 +0,0 @@
1
- import { AfterViewInit, ElementRef, Renderer2 } from "@angular/core";
2
- import { ControlValueAccessor } from '@angular/forms';
3
- import { ChangeEvent, InputEvent, InteractionEvent, ValueLabelType } from "../../shared/model";
4
- import * as i0 from "@angular/core";
5
- export declare class DBInput implements AfterViewInit, ControlValueAccessor {
6
- private renderer;
7
- protected readonly cls: (...args: import("../../utils").ClassNameArg[]) => string;
8
- protected readonly getHideProp: (show?: boolean | string) => any;
9
- protected readonly getBooleanAsString: (originBool?: boolean | string) => any;
10
- protected readonly DEFAULT_LABEL: string;
11
- protected readonly getBoolean: (originBool?: boolean | string, propertyName?: string) => boolean | undefined;
12
- protected readonly DEFAULT_PLACEHOLDER: string;
13
- protected readonly getNumber: (originNumber?: number | string, alternativeNumber?: number | string) => number | undefined;
14
- protected readonly getInputValue: (value?: number | string, inputType?: string) => string | number | undefined;
15
- protected readonly stringPropVisible: (givenString?: string, showString?: boolean | string) => boolean;
16
- protected readonly DEFAULT_VALID_MESSAGE: string;
17
- id: import("@angular/core").InputSignal<string | undefined>;
18
- invalidMessage: import("@angular/core").InputSignal<string | undefined>;
19
- dataListId: import("@angular/core").InputSignal<string | undefined>;
20
- message: import("@angular/core").InputSignal<string | undefined>;
21
- showMessage: import("@angular/core").InputSignal<string | boolean | undefined>;
22
- value: import("@angular/core").ModelSignal<any>;
23
- validMessage: import("@angular/core").InputSignal<string | undefined>;
24
- validation: import("@angular/core").InputSignal<"invalid" | "valid" | "no-validation" | undefined>;
25
- required: import("@angular/core").InputSignal<string | boolean | undefined>;
26
- minLength: import("@angular/core").InputSignal<string | number | undefined>;
27
- maxLength: import("@angular/core").InputSignal<string | number | undefined>;
28
- pattern: import("@angular/core").InputSignal<string | undefined>;
29
- dataList: import("@angular/core").InputSignal<string[] | ValueLabelType[] | undefined>;
30
- className: import("@angular/core").InputSignal<string | undefined>;
31
- variant: import("@angular/core").InputSignal<"above" | "floating" | undefined>;
32
- showLabel: import("@angular/core").InputSignal<string | boolean | undefined>;
33
- showIconLeading: import("@angular/core").InputSignal<string | boolean | undefined>;
34
- showIcon: import("@angular/core").InputSignal<string | boolean | undefined>;
35
- iconLeading: import("@angular/core").InputSignal<import("@db-ux/core-foundations").BaseIconTypes | import("@db-ux/core-foundations").LooseAutocomplete | undefined>;
36
- icon: import("@angular/core").InputSignal<import("@db-ux/core-foundations").BaseIconTypes | import("@db-ux/core-foundations").LooseAutocomplete | undefined>;
37
- iconTrailing: import("@angular/core").InputSignal<import("@db-ux/core-foundations").BaseIconTypes | import("@db-ux/core-foundations").LooseAutocomplete | undefined>;
38
- showRequiredAsterisk: import("@angular/core").InputSignal<string | boolean | undefined>;
39
- showIconTrailing: import("@angular/core").InputSignal<string | boolean | undefined>;
40
- label: import("@angular/core").InputSignal<string | undefined>;
41
- fieldSizing: import("@angular/core").InputSignal<"fixed" | "content" | undefined>;
42
- name: import("@angular/core").InputSignal<string | undefined>;
43
- type: import("@angular/core").InputSignal<string | undefined>;
44
- multiple: import("@angular/core").InputSignal<string | boolean | undefined>;
45
- placeholder: import("@angular/core").InputSignal<string | undefined>;
46
- disabled: import("@angular/core").ModelSignal<string | boolean | undefined>;
47
- step: import("@angular/core").InputSignal<string | number | undefined>;
48
- maxlength: import("@angular/core").InputSignal<string | number | undefined>;
49
- minlength: import("@angular/core").InputSignal<string | number | undefined>;
50
- max: import("@angular/core").InputSignal<string | number | undefined>;
51
- min: import("@angular/core").InputSignal<string | number | undefined>;
52
- readOnly: import("@angular/core").InputSignal<string | boolean | undefined>;
53
- readonly: import("@angular/core").InputSignal<string | boolean | undefined>;
54
- form: import("@angular/core").InputSignal<string | undefined>;
55
- size: import("@angular/core").InputSignal<number | undefined>;
56
- autocomplete: import("@angular/core").InputSignal<string | undefined>;
57
- autofocus: import("@angular/core").InputSignal<string | boolean | undefined>;
58
- ariaDescribedBy: import("@angular/core").InputSignal<string | undefined>;
59
- messageIcon: import("@angular/core").InputSignal<import("@db-ux/core-foundations").BaseIconTypes | import("@db-ux/core-foundations").LooseAutocomplete | undefined>;
60
- input: import("@angular/core").OutputEmitterRef<void | Event>;
61
- change: import("@angular/core").OutputEmitterRef<void | Event>;
62
- blur: import("@angular/core").OutputEmitterRef<void | FocusEvent>;
63
- focus: import("@angular/core").OutputEmitterRef<void | FocusEvent>;
64
- _ref: import("@angular/core").Signal<ElementRef<any> | undefined>;
65
- _id: import("@angular/core").WritableSignal<string | undefined>;
66
- _messageId: import("@angular/core").WritableSignal<string | undefined>;
67
- _validMessageId: import("@angular/core").WritableSignal<string | undefined>;
68
- _invalidMessageId: import("@angular/core").WritableSignal<string | undefined>;
69
- _invalidMessage: import("@angular/core").WritableSignal<string | undefined>;
70
- _dataListId: import("@angular/core").WritableSignal<string | undefined>;
71
- _descByIds: import("@angular/core").WritableSignal<string | undefined>;
72
- _value: import("@angular/core").WritableSignal<string | undefined>;
73
- _voiceOverFallback: import("@angular/core").WritableSignal<string | undefined>;
74
- hasValidState(): boolean;
75
- handleValidation(): void;
76
- handleInput(event: InputEvent<HTMLInputElement>): void;
77
- handleChange(event: ChangeEvent<HTMLInputElement>): void;
78
- handleBlur(event: InteractionEvent<HTMLInputElement> | any): void;
79
- handleFocus(event: InteractionEvent<HTMLInputElement> | any): void;
80
- getDataList(): ValueLabelType[];
81
- trackByOption0(_: number, option: any): string;
82
- constructor(renderer: Renderer2);
83
- /**
84
- * Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil.
85
- * @param element the ref for the component
86
- * @param customElementSelector the custom element like `my-component`
87
- */
88
- private enableAttributePassing;
89
- writeValue(value: any): void;
90
- propagateChange(_: any): void;
91
- registerOnChange(onChange: any): void;
92
- registerOnTouched(onTouched: any): void;
93
- setDisabledState(disabled: boolean): void;
94
- ngOnInit(): void;
95
- ngAfterViewInit(): void;
96
- static ɵfac: i0.ɵɵFactoryDeclaration<DBInput, never>;
97
- static ɵcmp: i0.ɵɵComponentDeclaration<DBInput, "db-input", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "invalidMessage": { "alias": "invalidMessage"; "required": false; "isSignal": true; }; "dataListId": { "alias": "dataListId"; "required": false; "isSignal": true; }; "message": { "alias": "message"; "required": false; "isSignal": true; }; "showMessage": { "alias": "showMessage"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "validMessage": { "alias": "validMessage"; "required": false; "isSignal": true; }; "validation": { "alias": "validation"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "minLength": { "alias": "minLength"; "required": false; "isSignal": true; }; "maxLength": { "alias": "maxLength"; "required": false; "isSignal": true; }; "pattern": { "alias": "pattern"; "required": false; "isSignal": true; }; "dataList": { "alias": "dataList"; "required": false; "isSignal": true; }; "className": { "alias": "className"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "showLabel": { "alias": "showLabel"; "required": false; "isSignal": true; }; "showIconLeading": { "alias": "showIconLeading"; "required": false; "isSignal": true; }; "showIcon": { "alias": "showIcon"; "required": false; "isSignal": true; }; "iconLeading": { "alias": "iconLeading"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "iconTrailing": { "alias": "iconTrailing"; "required": false; "isSignal": true; }; "showRequiredAsterisk": { "alias": "showRequiredAsterisk"; "required": false; "isSignal": true; }; "showIconTrailing": { "alias": "showIconTrailing"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "fieldSizing": { "alias": "fieldSizing"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "multiple": { "alias": "multiple"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "step": { "alias": "step"; "required": false; "isSignal": true; }; "maxlength": { "alias": "maxlength"; "required": false; "isSignal": true; }; "minlength": { "alias": "minlength"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "min": { "alias": "min"; "required": false; "isSignal": true; }; "readOnly": { "alias": "readOnly"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "form": { "alias": "form"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "autocomplete": { "alias": "autocomplete"; "required": false; "isSignal": true; }; "autofocus": { "alias": "autofocus"; "required": false; "isSignal": true; }; "ariaDescribedBy": { "alias": "ariaDescribedBy"; "required": false; "isSignal": true; }; "messageIcon": { "alias": "messageIcon"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "disabled": "disabledChange"; "input": "input"; "change": "change"; "blur": "blur"; "focus": "focus"; }, never, ["*"], true, never>;
98
- }
@@ -1,43 +0,0 @@
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
- export declare const InputTypeList: readonly ["color", "date", "datetime-local", "email", "file", "hidden", "month", "number", "password", "range", "search", "tel", "text", "time", "url", "week"];
3
- export type InputTypeType = (typeof InputTypeList)[number];
4
- export type DBInputDefaultProps = {
5
- /**
6
- * Set a [data list](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/datalist) via attribute instead of children.
7
- */
8
- dataList?: string[] | ValueLabelType[];
9
- /**
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
- */
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;
17
- /**
18
- * Maximum value
19
- */
20
- max?: number | string;
21
- /**
22
- * Minimum value
23
- */
24
- min?: number | string;
25
- /**
26
- * Pattern the value must match to be valid
27
- */
28
- pattern?: string;
29
- /**
30
- * Type of form control
31
- */
32
- type?: InputTypeType | string;
33
- /**
34
- * Sets [step value](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/step).
35
- */
36
- step?: number | string;
37
- };
38
- export type DBInputProps = DBInputDefaultProps & GlobalProps & FormTextProps & InputEventProps<HTMLInputElement> & ChangeEventProps<HTMLInputElement> & FocusEventProps<HTMLInputElement> & FormProps & IconProps & IconTrailingProps & FormMessageProps & ShowIconProps & IconLeadingProps & ShowIconLeadingProps & ShowIconTrailingProps & FormSizeProps;
39
- export type DBInputDefaultState = {
40
- _dataListId?: string;
41
- getDataList: () => ValueLabelType[];
42
- };
43
- export type DBInputState = DBInputDefaultState & GlobalState & InputEventState<HTMLInputElement> & ChangeEventState<HTMLInputElement> & FocusEventState<HTMLInputElement> & FormState & FromValidState;
@@ -1 +0,0 @@
1
- export { DBLink } from './link';