@db-ux/ngx-core-components 3.1.20 → 4.0.0

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 (125) hide show
  1. package/CHANGELOG.md +11 -0
  2. package/fesm2022/db-ux-ngx-core-components.mjs +911 -767
  3. package/fesm2022/db-ux-ngx-core-components.mjs.map +1 -1
  4. package/index.d.ts +3241 -83
  5. package/package.json +3 -3
  6. package/components/accordion/accordion.d.ts +0 -30
  7. package/components/accordion/index.d.ts +0 -1
  8. package/components/accordion/model.d.ts +0 -41
  9. package/components/accordion-item/accordion-item.d.ts +0 -33
  10. package/components/accordion-item/index.d.ts +0 -1
  11. package/components/accordion-item/model.d.ts +0 -24
  12. package/components/badge/badge.d.ts +0 -27
  13. package/components/badge/index.d.ts +0 -1
  14. package/components/badge/model.d.ts +0 -16
  15. package/components/brand/brand.d.ts +0 -25
  16. package/components/brand/index.d.ts +0 -1
  17. package/components/brand/model.d.ts +0 -10
  18. package/components/button/button.d.ts +0 -39
  19. package/components/button/index.d.ts +0 -1
  20. package/components/button/model.d.ts +0 -40
  21. package/components/card/card.d.ts +0 -25
  22. package/components/card/index.d.ts +0 -1
  23. package/components/card/model.d.ts +0 -18
  24. package/components/checkbox/checkbox.d.ts +0 -64
  25. package/components/checkbox/index.d.ts +0 -1
  26. package/components/checkbox/model.d.ts +0 -10
  27. package/components/custom-select/custom-select.d.ts +0 -150
  28. package/components/custom-select/index.d.ts +0 -1
  29. package/components/custom-select/model.d.ts +0 -220
  30. package/components/custom-select-dropdown/custom-select-dropdown.d.ts +0 -20
  31. package/components/custom-select-dropdown/index.d.ts +0 -1
  32. package/components/custom-select-dropdown/model.d.ts +0 -15
  33. package/components/custom-select-form-field/custom-select-form-field.d.ts +0 -19
  34. package/components/custom-select-form-field/index.d.ts +0 -1
  35. package/components/custom-select-form-field/model.d.ts +0 -5
  36. package/components/custom-select-list/custom-select-list.d.ts +0 -21
  37. package/components/custom-select-list/index.d.ts +0 -1
  38. package/components/custom-select-list/model.d.ts +0 -8
  39. package/components/custom-select-list-item/custom-select-list-item.d.ts +0 -45
  40. package/components/custom-select-list-item/index.d.ts +0 -1
  41. package/components/custom-select-list-item/model.d.ts +0 -29
  42. package/components/divider/divider.d.ts +0 -23
  43. package/components/divider/index.d.ts +0 -1
  44. package/components/divider/model.d.ts +0 -18
  45. package/components/drawer/drawer.d.ts +0 -37
  46. package/components/drawer/index.d.ts +0 -1
  47. package/components/drawer/model.d.ts +0 -50
  48. package/components/header/MetaNavigation.directive.d.ts +0 -5
  49. package/components/header/Navigation.directive.d.ts +0 -5
  50. package/components/header/SecondaryAction.directive.d.ts +0 -5
  51. package/components/header/header.d.ts +0 -33
  52. package/components/header/index.d.ts +0 -1
  53. package/components/header/model.d.ts +0 -44
  54. package/components/icon/icon.d.ts +0 -23
  55. package/components/icon/index.d.ts +0 -1
  56. package/components/icon/model.d.ts +0 -10
  57. package/components/infotext/index.d.ts +0 -1
  58. package/components/infotext/infotext.d.ts +0 -25
  59. package/components/infotext/model.d.ts +0 -5
  60. package/components/input/index.d.ts +0 -1
  61. package/components/input/input.d.ts +0 -104
  62. package/components/input/model.d.ts +0 -64
  63. package/components/link/index.d.ts +0 -1
  64. package/components/link/link.d.ts +0 -32
  65. package/components/link/model.d.ts +0 -24
  66. package/components/navigation/index.d.ts +0 -1
  67. package/components/navigation/model.d.ts +0 -5
  68. package/components/navigation/navigation.d.ts +0 -20
  69. package/components/navigation-item/NavigationContent.directive.d.ts +0 -5
  70. package/components/navigation-item/index.d.ts +0 -1
  71. package/components/navigation-item/model.d.ts +0 -34
  72. package/components/navigation-item/navigation-item.d.ts +0 -46
  73. package/components/notification/index.d.ts +0 -1
  74. package/components/notification/model.d.ts +0 -57
  75. package/components/notification/notification.d.ts +0 -40
  76. package/components/page/index.d.ts +0 -1
  77. package/components/page/model.d.ts +0 -36
  78. package/components/page/page.d.ts +0 -27
  79. package/components/popover/index.d.ts +0 -1
  80. package/components/popover/model.d.ts +0 -17
  81. package/components/popover/popover.d.ts +0 -37
  82. package/components/radio/index.d.ts +0 -1
  83. package/components/radio/model.d.ts +0 -5
  84. package/components/radio/radio.d.ts +0 -47
  85. package/components/section/index.d.ts +0 -1
  86. package/components/section/model.d.ts +0 -5
  87. package/components/section/section.d.ts +0 -22
  88. package/components/select/index.d.ts +0 -1
  89. package/components/select/model.d.ts +0 -44
  90. package/components/select/select.d.ts +0 -83
  91. package/components/stack/index.d.ts +0 -1
  92. package/components/stack/model.d.ts +0 -34
  93. package/components/stack/stack.d.ts +0 -26
  94. package/components/switch/index.d.ts +0 -1
  95. package/components/switch/model.d.ts +0 -10
  96. package/components/switch/switch.d.ts +0 -51
  97. package/components/tab-item/index.d.ts +0 -1
  98. package/components/tab-item/model.d.ts +0 -24
  99. package/components/tab-item/tab-item.d.ts +0 -46
  100. package/components/tab-list/index.d.ts +0 -1
  101. package/components/tab-list/model.d.ts +0 -5
  102. package/components/tab-list/tab-list.d.ts +0 -20
  103. package/components/tab-panel/index.d.ts +0 -1
  104. package/components/tab-panel/model.d.ts +0 -10
  105. package/components/tab-panel/tab-panel.d.ts +0 -20
  106. package/components/tabs/index.d.ts +0 -1
  107. package/components/tabs/model.d.ts +0 -67
  108. package/components/tabs/tabs.d.ts +0 -47
  109. package/components/tag/index.d.ts +0 -1
  110. package/components/tag/model.d.ts +0 -47
  111. package/components/tag/tag.d.ts +0 -34
  112. package/components/textarea/index.d.ts +0 -1
  113. package/components/textarea/model.d.ts +0 -34
  114. package/components/textarea/textarea.d.ts +0 -84
  115. package/components/tooltip/index.d.ts +0 -1
  116. package/components/tooltip/model.d.ts +0 -20
  117. package/components/tooltip/tooltip.d.ts +0 -39
  118. package/shared/constants.d.ts +0 -88
  119. package/shared/model.d.ts +0 -522
  120. package/utils/document-click-listener.d.ts +0 -8
  121. package/utils/document-scroll-listener.d.ts +0 -9
  122. package/utils/floating-components.d.ts +0 -20
  123. package/utils/form-components.d.ts +0 -2
  124. package/utils/index.d.ts +0 -40
  125. package/utils/navigation.d.ts +0 -32
@@ -1,150 +0,0 @@
1
- import { ElementRef, AfterViewInit, InputSignal, ModelSignal, Renderer2 } from "@angular/core";
2
- import { ControlValueAccessor } from '@angular/forms';
3
- import { ClickEvent, GeneralEvent, InputEvent, InteractionEvent } from "../../shared/model";
4
- import { CustomSelectOptionType, DBCustomSelectProps } from "./model";
5
- import * as i0 from "@angular/core";
6
- export declare class DBCustomSelect implements AfterViewInit, ControlValueAccessor {
7
- private renderer;
8
- protected readonly cls: (...args: import("../../utils").ClassNameArg[]) => string;
9
- protected readonly getBooleanAsString: (originBool?: boolean | string) => any;
10
- protected readonly getHideProp: (show?: boolean | string) => any;
11
- protected readonly DEFAULT_LABEL: string;
12
- protected readonly getBoolean: (originBool?: boolean | string, propertyName?: string) => boolean | undefined;
13
- protected readonly getOptionKey: (option: {
14
- id?: string;
15
- value?: string | number | string[] | undefined;
16
- }, prefix: string) => string;
17
- protected readonly DEFAULT_MESSAGE: string;
18
- protected readonly DEFAULT_CLOSE_BUTTON: string;
19
- protected readonly stringPropVisible: (givenString?: string, showString?: boolean | string) => boolean;
20
- protected readonly DEFAULT_VALID_MESSAGE: string;
21
- id: InputSignal<DBCustomSelectProps["id"]>;
22
- invalidMessage: InputSignal<DBCustomSelectProps["invalidMessage"]>;
23
- message: InputSignal<DBCustomSelectProps["message"]>;
24
- showMessage: InputSignal<DBCustomSelectProps["showMessage"]>;
25
- ariaDescribedBy: InputSignal<DBCustomSelectProps["ariaDescribedBy"]>;
26
- showNoResults: InputSignal<DBCustomSelectProps["showNoResults"]>;
27
- showLoading: InputSignal<DBCustomSelectProps["showLoading"]>;
28
- multiple: InputSignal<DBCustomSelectProps["multiple"]>;
29
- showSelectAll: InputSignal<DBCustomSelectProps["showSelectAll"]>;
30
- showSearch: InputSignal<DBCustomSelectProps["showSearch"]>;
31
- values: ModelSignal<DBCustomSelectProps["values"]>;
32
- validation: InputSignal<DBCustomSelectProps["validation"]>;
33
- options: InputSignal<DBCustomSelectProps["options"]>;
34
- searchValue: InputSignal<DBCustomSelectProps["searchValue"]>;
35
- selectedLabels: InputSignal<DBCustomSelectProps["selectedLabels"]>;
36
- transformSelectedLabels: InputSignal<DBCustomSelectProps["transformSelectedLabels"]>;
37
- selectedType: InputSignal<DBCustomSelectProps["selectedType"]>;
38
- amountText: InputSignal<DBCustomSelectProps["amountText"]>;
39
- validMessage: InputSignal<DBCustomSelectProps["validMessage"]>;
40
- required: InputSignal<DBCustomSelectProps["required"]>;
41
- selectAllLabel: InputSignal<DBCustomSelectProps["selectAllLabel"]>;
42
- removeTagsTexts: InputSignal<DBCustomSelectProps["removeTagsTexts"]>;
43
- placement: InputSignal<DBCustomSelectProps["placement"]>;
44
- searchFilter: InputSignal<DBCustomSelectProps["searchFilter"]>;
45
- className: InputSignal<DBCustomSelectProps["className"]>;
46
- formFieldWidth: InputSignal<DBCustomSelectProps["formFieldWidth"]>;
47
- variant: InputSignal<DBCustomSelectProps["variant"]>;
48
- showRequiredAsterisk: InputSignal<DBCustomSelectProps["showRequiredAsterisk"]>;
49
- showLabel: InputSignal<DBCustomSelectProps["showLabel"]>;
50
- icon: InputSignal<DBCustomSelectProps["icon"]>;
51
- showIcon: InputSignal<DBCustomSelectProps["showIcon"]>;
52
- label: InputSignal<DBCustomSelectProps["label"]>;
53
- form: InputSignal<DBCustomSelectProps["form"]>;
54
- name: InputSignal<DBCustomSelectProps["name"]>;
55
- disabled: ModelSignal<DBCustomSelectProps["disabled"]>;
56
- open: InputSignal<DBCustomSelectProps["open"]>;
57
- dropdownWidth: InputSignal<DBCustomSelectProps["dropdownWidth"]>;
58
- searchLabel: InputSignal<DBCustomSelectProps["searchLabel"]>;
59
- searchPlaceholder: InputSignal<DBCustomSelectProps["searchPlaceholder"]>;
60
- ariaListLabel: InputSignal<DBCustomSelectProps["ariaListLabel"]>;
61
- loadingText: InputSignal<DBCustomSelectProps["loadingText"]>;
62
- noResultsText: InputSignal<DBCustomSelectProps["noResultsText"]>;
63
- mobileCloseButtonText: InputSignal<DBCustomSelectProps["mobileCloseButtonText"]>;
64
- showClearSelection: InputSignal<DBCustomSelectProps["showClearSelection"]>;
65
- clearSelectionText: InputSignal<DBCustomSelectProps["clearSelectionText"]>;
66
- placeholder: InputSignal<DBCustomSelectProps["placeholder"]>;
67
- messageIcon: InputSignal<DBCustomSelectProps["messageIcon"]>;
68
- amountChange: import("@angular/core").OutputEmitterRef<number | void>;
69
- dropdownToggle: import("@angular/core").OutputEmitterRef<void | Event>;
70
- optionSelected: import("@angular/core").OutputEmitterRef<void | string[]>;
71
- search: import("@angular/core").OutputEmitterRef<void | Event>;
72
- _ref: import("@angular/core").Signal<ElementRef<any> | undefined>;
73
- selectRef: import("@angular/core").Signal<ElementRef<any> | undefined>;
74
- detailsRef: import("@angular/core").Signal<ElementRef<any> | undefined>;
75
- searchInputRef: import("@angular/core").Signal<ElementRef<any> | undefined>;
76
- selectAllRef: import("@angular/core").Signal<ElementRef<any> | undefined>;
77
- _id: import("@angular/core").WritableSignal<string | undefined>;
78
- _messageId: import("@angular/core").WritableSignal<string | undefined>;
79
- _validMessageId: import("@angular/core").WritableSignal<string | undefined>;
80
- _invalidMessageId: import("@angular/core").WritableSignal<string | undefined>;
81
- _invalidMessage: import("@angular/core").WritableSignal<string | undefined>;
82
- _selectId: import("@angular/core").WritableSignal<string | undefined>;
83
- _labelId: import("@angular/core").WritableSignal<string | undefined>;
84
- _summaryId: import("@angular/core").WritableSignal<string | undefined>;
85
- _placeholderId: import("@angular/core").WritableSignal<string | undefined>;
86
- _infoTextId: import("@angular/core").WritableSignal<string | undefined>;
87
- _validity: import("@angular/core").WritableSignal<"invalid" | "valid" | "no-validation" | undefined>;
88
- _userInteraction: import("@angular/core").WritableSignal<boolean | undefined>;
89
- _descByIds: import("@angular/core").WritableSignal<string | undefined>;
90
- _selectedLabels: import("@angular/core").WritableSignal<string | undefined>;
91
- _selectedLabelsId: import("@angular/core").WritableSignal<string | undefined>;
92
- _voiceOverFallback: import("@angular/core").WritableSignal<string | undefined>;
93
- _selectedOptions: import("@angular/core").WritableSignal<CustomSelectOptionType[] | undefined>;
94
- selectAllEnabled: import("@angular/core").WritableSignal<boolean>;
95
- searchEnabled: import("@angular/core").WritableSignal<boolean>;
96
- amountOptions: import("@angular/core").WritableSignal<number>;
97
- _values: import("@angular/core").WritableSignal<string[] | undefined>;
98
- _options: import("@angular/core").WritableSignal<CustomSelectOptionType[] | undefined>;
99
- _hasNoOptions: import("@angular/core").WritableSignal<boolean>;
100
- _documentClickListenerCallbackId: import("@angular/core").WritableSignal<string | undefined>;
101
- _internalChangeTimestamp: import("@angular/core").WritableSignal<number>;
102
- _documentScrollListenerCallbackId: import("@angular/core").WritableSignal<string | undefined>;
103
- _observer: import("@angular/core").WritableSignal<IntersectionObserver | undefined>;
104
- _searchValue: import("@angular/core").WritableSignal<string | undefined>;
105
- selectAllChecked: import("@angular/core").WritableSignal<boolean>;
106
- selectAllIndeterminate: import("@angular/core").WritableSignal<boolean>;
107
- handleDocumentScroll(event: any): void;
108
- hasValidState(): boolean;
109
- handleValidation(): void;
110
- handleDropdownToggle(event: GeneralEvent<HTMLDetailsElement>): void;
111
- getNativeSelectValue(): string;
112
- setDescById(descId?: string): void;
113
- getSelectAllLabel(): string;
114
- getOptionLabel(option: CustomSelectOptionType): string;
115
- getOptionChecked(value?: string): boolean | undefined;
116
- getTagRemoveLabel(option: CustomSelectOptionType): string;
117
- handleTagRemove(option: CustomSelectOptionType, event?: ClickEvent<HTMLButtonElement> | void): void;
118
- handleAutoPlacement(): void;
119
- handleArrowDownUp(event: any): void;
120
- handleKeyboardPress(event: any): void;
121
- handleClose(event?: InteractionEvent<HTMLDetailsElement> | void, forceClose?: boolean): void;
122
- handleDocumentClose(event: any): void;
123
- handleOptionSelected(values: string[]): void;
124
- handleSelect(value?: string): void;
125
- handleSelectAll(event: any): void;
126
- handleFocusFirstDropdownCheckbox(activeElement?: Element): void;
127
- handleOpenByKeyboardFocus(): void;
128
- handleSearch(valueOrEvent?: InputEvent<HTMLInputElement> | string | void): void;
129
- handleClearAll(event: any): void;
130
- handleSummaryFocus(): void;
131
- satisfyReact(event: any): void;
132
- trackByOption0(_: number, option: any): string;
133
- trackByOption1(index: number, option: any): string;
134
- trackByOption2(_: number, option: any): string;
135
- constructor(renderer: Renderer2);
136
- /**
137
- * Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil.
138
- * @param element the ref for the component
139
- * @param customElementSelector the custom element like `my-component`
140
- */
141
- private enableAttributePassing;
142
- writeValue(value: any): void;
143
- propagateChange(_: any): void;
144
- registerOnChange(onChange: any): void;
145
- registerOnTouched(onTouched: any): void;
146
- setDisabledState(disabled: boolean): void;
147
- ngAfterViewInit(): void;
148
- static ɵfac: i0.ɵɵFactoryDeclaration<DBCustomSelect, never>;
149
- static ɵcmp: i0.ɵɵComponentDeclaration<DBCustomSelect, "db-custom-select", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "invalidMessage": { "alias": "invalidMessage"; "required": false; "isSignal": true; }; "message": { "alias": "message"; "required": false; "isSignal": true; }; "showMessage": { "alias": "showMessage"; "required": false; "isSignal": true; }; "ariaDescribedBy": { "alias": "ariaDescribedBy"; "required": false; "isSignal": true; }; "showNoResults": { "alias": "showNoResults"; "required": false; "isSignal": true; }; "showLoading": { "alias": "showLoading"; "required": false; "isSignal": true; }; "multiple": { "alias": "multiple"; "required": false; "isSignal": true; }; "showSelectAll": { "alias": "showSelectAll"; "required": false; "isSignal": true; }; "showSearch": { "alias": "showSearch"; "required": false; "isSignal": true; }; "values": { "alias": "values"; "required": false; "isSignal": true; }; "validation": { "alias": "validation"; "required": false; "isSignal": true; }; "options": { "alias": "options"; "required": false; "isSignal": true; }; "searchValue": { "alias": "searchValue"; "required": false; "isSignal": true; }; "selectedLabels": { "alias": "selectedLabels"; "required": false; "isSignal": true; }; "transformSelectedLabels": { "alias": "transformSelectedLabels"; "required": false; "isSignal": true; }; "selectedType": { "alias": "selectedType"; "required": false; "isSignal": true; }; "amountText": { "alias": "amountText"; "required": false; "isSignal": true; }; "validMessage": { "alias": "validMessage"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "selectAllLabel": { "alias": "selectAllLabel"; "required": false; "isSignal": true; }; "removeTagsTexts": { "alias": "removeTagsTexts"; "required": false; "isSignal": true; }; "placement": { "alias": "placement"; "required": false; "isSignal": true; }; "searchFilter": { "alias": "searchFilter"; "required": false; "isSignal": true; }; "className": { "alias": "className"; "required": false; "isSignal": true; }; "formFieldWidth": { "alias": "formFieldWidth"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "showRequiredAsterisk": { "alias": "showRequiredAsterisk"; "required": false; "isSignal": true; }; "showLabel": { "alias": "showLabel"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "showIcon": { "alias": "showIcon"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "form": { "alias": "form"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "open": { "alias": "open"; "required": false; "isSignal": true; }; "dropdownWidth": { "alias": "dropdownWidth"; "required": false; "isSignal": true; }; "searchLabel": { "alias": "searchLabel"; "required": false; "isSignal": true; }; "searchPlaceholder": { "alias": "searchPlaceholder"; "required": false; "isSignal": true; }; "ariaListLabel": { "alias": "ariaListLabel"; "required": false; "isSignal": true; }; "loadingText": { "alias": "loadingText"; "required": false; "isSignal": true; }; "noResultsText": { "alias": "noResultsText"; "required": false; "isSignal": true; }; "mobileCloseButtonText": { "alias": "mobileCloseButtonText"; "required": false; "isSignal": true; }; "showClearSelection": { "alias": "showClearSelection"; "required": false; "isSignal": true; }; "clearSelectionText": { "alias": "clearSelectionText"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "messageIcon": { "alias": "messageIcon"; "required": false; "isSignal": true; }; }, { "values": "valuesChange"; "disabled": "disabledChange"; "amountChange": "amountChange"; "dropdownToggle": "dropdownToggle"; "optionSelected": "optionSelected"; "search": "search"; }, never, ["*"], true, never>;
150
- }
@@ -1 +0,0 @@
1
- export { DBCustomSelect } from './custom-select';
@@ -1,220 +0,0 @@
1
- import { BaseFormProps, ClickEvent, CloseEventState, CustomFormProps, DocumentScrollState, FormMessageProps, FormState, FromValidState, GeneralEvent, GlobalProps, GlobalState, IconProps, InputEvent, InteractionEvent, PlacementVerticalType, RequiredProps, ShowIconProps, ShowLabelProps, ValidationType, WidthType } from '../../shared/model';
2
- import { CustomSelectDropdownWidthType } from '../custom-select-dropdown/model';
3
- import { DBCustomSelectFormFieldDefaultProps } from '../custom-select-form-field/model';
4
- import { DBCustomSelectListItemExtraProps } from '../custom-select-list-item/model';
5
- export type CustomSelectOptionType = {
6
- /**
7
- * Disables this option
8
- */
9
- disabled?: boolean;
10
- /**
11
- * Identifier for option
12
- */
13
- id?: string;
14
- /**
15
- * If the value is different from the label you want to show to the user.
16
- */
17
- label?: string;
18
- /**
19
- * The value for the option
20
- */
21
- value?: string;
22
- } & DBCustomSelectListItemExtraProps;
23
- export declare const SelectedTypeList: readonly ["amount", "text", "tag"];
24
- export type SelectedTypeType = (typeof SelectedTypeList)[number];
25
- export type DBCustomSelectEvents = {
26
- /**
27
- * Optional: if select-type="amount" when amount changes
28
- * @param amount The amount of selected checkboxes
29
- */
30
- onAmountChange?: (amount: number) => void;
31
- /**
32
- * Optional: if select-type="amount" when amount changes
33
- * @param amount The amount of selected checkboxes
34
- */
35
- amountChange?: (amount: number) => void;
36
- /**
37
- * Triggers after some option was clicked in dropdown
38
- * @param values the changed values
39
- */
40
- onOptionSelected?: (values: string[]) => void;
41
- /**
42
- * Triggers after some option was clicked in dropdown
43
- * @param values the changed values
44
- */
45
- optionSelected?: (values: string[]) => void;
46
- /**
47
- * Informs the user when dropdown was toggled.
48
- */
49
- onDropdownToggle?: (event: GeneralEvent<HTMLDetailsElement>) => void;
50
- /**
51
- * Informs the user when dropdown was toggled.
52
- */
53
- dropdownToggle?: (event: GeneralEvent<HTMLDetailsElement>) => void;
54
- /**
55
- * Informs the user when a search was performed.
56
- */
57
- onSearch?: (event: InputEvent<HTMLInputElement>) => void;
58
- /**
59
- * Informs the user when a search was performed.
60
- */
61
- search?: (event: InputEvent<HTMLInputElement>) => void;
62
- };
63
- export type DBCustomSelectDefaultProps = {
64
- /**
65
- * Optional: if select-type="amount" change the shown text
66
- */
67
- amountText?: string;
68
- /**
69
- * Overwrite the default aria-label (props.label) for the custom-select-list
70
- */
71
- ariaListLabel?: string;
72
- /**
73
- * Label for the clear selection button
74
- */
75
- clearSelectionText?: string;
76
- /**
77
- * Changes the behavior of the dropdown with.
78
- * Default: fixed 328px
79
- * Auto: Based on the size of the form-field
80
- */
81
- dropdownWidth?: CustomSelectDropdownWidthType | string;
82
- /**
83
- * Width of the component. Auto width based on children size, full width based on parent elements width.
84
- */
85
- formFieldWidth?: WidthType | string;
86
- /**
87
- * Dropdown - hint if data has to be loaded
88
- */
89
- loadingText?: string;
90
- /**
91
- * Change the button text for mobile close
92
- */
93
- mobileCloseButtonText?: string;
94
- /**
95
- * Enables CustomSelect
96
- */
97
- multiple?: boolean | string;
98
- /**
99
- * Dropdown - hint if there are no options
100
- */
101
- noResultsText?: string;
102
- /**
103
- * Programmatically open the dropdown. May differ if you don't use onDropdownToggle.
104
- */
105
- open?: boolean;
106
- /**
107
- * You should pass in the options as an array.
108
- */
109
- options?: CustomSelectOptionType[];
110
- /**
111
- * The `placement` attributes values change the position to absolute and adds a transform based on the placement.
112
- */
113
- placement?: PlacementVerticalType;
114
- /**
115
- * Optional: if you use selectedType=tag and options, you need to set the removeTagsTexts for screen reader users
116
- */
117
- removeTagsTexts?: string[];
118
- /**
119
- * Optional: Change the filter function for the search input
120
- */
121
- searchFilter?: (option: CustomSelectOptionType, filterText: string) => boolean;
122
- /**
123
- * Search label
124
- */
125
- searchLabel?: string;
126
- /**
127
- * Search placeholder
128
- */
129
- searchPlaceholder?: string;
130
- /**
131
- * Optional: Prefill the value of the search input
132
- */
133
- searchValue?: string;
134
- /**
135
- * Select all checkbox label
136
- */
137
- selectAllLabel?: string;
138
- /**
139
- * Optional: If you want to show a custom label for the selected values.
140
- * You need to define the empty state as well based on selected options.
141
- */
142
- selectedLabels?: string;
143
- /**
144
- * Change the selected type for values shown in multi select
145
- */
146
- selectedType?: SelectedTypeType;
147
- /**
148
- * Show clear selection button (default:true). Hide it if you have very small inputs e.g. in tables.
149
- */
150
- showClearSelection?: boolean;
151
- /**
152
- * Dropdown - enable loading infotext and spinner
153
- */
154
- showLoading?: boolean;
155
- /**
156
- * Dropdown - enable no options infotext
157
- */
158
- showNoResults?: boolean;
159
- /**
160
- * Forces search in header.
161
- */
162
- showSearch?: boolean;
163
- /**
164
- * Forces select all checkbox (only for multiple).
165
- */
166
- showSelectAll?: boolean;
167
- /**
168
- * Optional: If you want to show a custom label based on the selected options.
169
- */
170
- transformSelectedLabels?: (selectedOptions?: CustomSelectOptionType[]) => string;
171
- /**
172
- * Initial value for multi select
173
- */
174
- values?: string[];
175
- };
176
- export type DBCustomSelectProps = GlobalProps & CustomFormProps & BaseFormProps & RequiredProps & FormMessageProps & DBCustomSelectDefaultProps & DBCustomSelectEvents & DBCustomSelectFormFieldDefaultProps & IconProps & ShowIconProps & ShowLabelProps;
177
- export type DBCustomSelectDefaultState = {
178
- _validity?: ValidationType;
179
- _values?: string[];
180
- _options?: CustomSelectOptionType[];
181
- _selectedOptions?: CustomSelectOptionType[];
182
- _hasNoOptions: boolean;
183
- _selectId?: string;
184
- _labelId?: string;
185
- _summaryId?: string;
186
- _placeholderId?: string;
187
- _selectedLabels?: string;
188
- _selectedLabelsId?: string;
189
- _infoTextId?: string;
190
- _internalChangeTimestamp: number;
191
- _documentClickListenerCallbackId?: string;
192
- _searchValue?: string;
193
- _userInteraction?: boolean;
194
- getNativeSelectValue: () => string;
195
- getOptionLabel: (option: CustomSelectOptionType) => string;
196
- getOptionChecked: (value?: string) => boolean;
197
- getTagRemoveLabel: (option: CustomSelectOptionType) => string;
198
- selectAllEnabled: boolean;
199
- searchEnabled: boolean;
200
- amountOptions: number;
201
- setDescById: (descId?: string) => void;
202
- handleTagRemove: (option: CustomSelectOptionType, event?: ClickEvent<HTMLButtonElement> | void) => void;
203
- handleSummaryFocus: () => void;
204
- handleSelect: (value?: string) => void;
205
- handleSelectAll: (event: any) => void;
206
- handleClearAll: (event: any) => void;
207
- handleDropdownToggle: (event: any) => void;
208
- handleDocumentClose: (event: any) => void;
209
- handleOpenByKeyboardFocus: () => void;
210
- handleFocusFirstDropdownCheckbox: (activeElement?: Element) => void;
211
- handleKeyboardPress: (event: any) => void;
212
- handleArrowDownUp: (event: any) => void;
213
- handleSearch: (event: any) => void;
214
- handleOptionSelected: (_values: string[]) => void;
215
- getSelectAllLabel: () => string;
216
- selectAllChecked: boolean;
217
- selectAllIndeterminate: boolean;
218
- handleAutoPlacement: () => void;
219
- };
220
- export type DBCustomSelectState = DBCustomSelectDefaultState & GlobalState & FormState & FromValidState & CloseEventState<InteractionEvent<HTMLDetailsElement>> & DocumentScrollState;
@@ -1,20 +0,0 @@
1
- import { ElementRef, AfterViewInit, InputSignal } from "@angular/core";
2
- import { DBCustomSelectDropdownProps } from "./model";
3
- import * as i0 from "@angular/core";
4
- export declare class DBCustomSelectDropdown implements AfterViewInit {
5
- protected readonly cls: (...args: import("../../utils").ClassNameArg[]) => string;
6
- id: InputSignal<DBCustomSelectDropdownProps["id"]>;
7
- className: InputSignal<DBCustomSelectDropdownProps["className"]>;
8
- width: InputSignal<DBCustomSelectDropdownProps["width"]>;
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<DBCustomSelectDropdown, never>;
19
- static ɵcmp: i0.ɵɵComponentDeclaration<DBCustomSelectDropdown, "db-custom-select-dropdown", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "className": { "alias": "className"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
20
- }
@@ -1 +0,0 @@
1
- export { DBCustomSelectDropdown } from './custom-select-dropdown';
@@ -1,15 +0,0 @@
1
- import { GlobalProps, GlobalState } from '../../shared/model';
2
- export declare const CustomSelectDropdownWidthList: readonly ["fixed", "auto", "full"];
3
- export type CustomSelectDropdownWidthType = (typeof CustomSelectDropdownWidthList)[number];
4
- export type DBCustomSelectDropdownDefaultProps = {
5
- /**
6
- * Changes the behavior of the dropdown with.
7
- * Default: fixed 328px
8
- * Full: Based on the size of the form-field
9
- * Auto: Based on the size of the largest list item
10
- */
11
- width?: CustomSelectDropdownWidthType | string;
12
- };
13
- export type DBCustomSelectDropdownProps = DBCustomSelectDropdownDefaultProps & GlobalProps;
14
- export type DBCustomSelectDropdownDefaultState = {};
15
- export type DBCustomSelectDropdownState = DBCustomSelectDropdownDefaultState & GlobalState;
@@ -1,19 +0,0 @@
1
- import { ElementRef, AfterViewInit, InputSignal } from "@angular/core";
2
- import { DBCustomSelectFormFieldProps } from "./model";
3
- import * as i0 from "@angular/core";
4
- export declare class DBCustomSelectFormField implements AfterViewInit {
5
- protected readonly cls: (...args: import("../../utils").ClassNameArg[]) => string;
6
- id: InputSignal<DBCustomSelectFormFieldProps["id"]>;
7
- className: InputSignal<DBCustomSelectFormFieldProps["className"]>;
8
- _ref: import("@angular/core").Signal<ElementRef<any> | undefined>;
9
- constructor();
10
- /**
11
- * Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil.
12
- * @param element the ref for the component
13
- * @param customElementSelector the custom element like `my-component`
14
- */
15
- private enableAttributePassing;
16
- ngAfterViewInit(): void;
17
- static ɵfac: i0.ɵɵFactoryDeclaration<DBCustomSelectFormField, never>;
18
- static ɵcmp: i0.ɵɵComponentDeclaration<DBCustomSelectFormField, "db-custom-select-form-field", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "className": { "alias": "className"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
19
- }
@@ -1 +0,0 @@
1
- export { DBCustomSelectFormField } from './custom-select-form-field';
@@ -1,5 +0,0 @@
1
- import { GlobalProps, GlobalState } from '../../shared/model';
2
- export type DBCustomSelectFormFieldDefaultProps = {};
3
- export type DBCustomSelectFormFieldProps = DBCustomSelectFormFieldDefaultProps & GlobalProps;
4
- export type DBCustomSelectFormFieldDefaultState = {};
5
- export type DBCustomSelectFormFieldState = DBCustomSelectFormFieldDefaultState & GlobalState;
@@ -1,21 +0,0 @@
1
- import { ElementRef, AfterViewInit, InputSignal } from "@angular/core";
2
- import { DBCustomSelectListProps } from "./model";
3
- import * as i0 from "@angular/core";
4
- export declare class DBCustomSelectList implements AfterViewInit {
5
- protected readonly cls: (...args: import("../../utils").ClassNameArg[]) => string;
6
- multiple: InputSignal<DBCustomSelectListProps["multiple"]>;
7
- label: InputSignal<DBCustomSelectListProps["label"]>;
8
- id: InputSignal<DBCustomSelectListProps["id"]>;
9
- className: InputSignal<DBCustomSelectListProps["className"]>;
10
- _ref: import("@angular/core").Signal<ElementRef<any> | undefined>;
11
- constructor();
12
- /**
13
- * Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil.
14
- * @param element the ref for the component
15
- * @param customElementSelector the custom element like `my-component`
16
- */
17
- private enableAttributePassing;
18
- ngAfterViewInit(): void;
19
- static ɵfac: i0.ɵɵFactoryDeclaration<DBCustomSelectList, never>;
20
- 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>;
21
- }
@@ -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 { ElementRef, AfterViewInit, InputSignal, ModelSignal, Renderer2 } from "@angular/core";
2
- import { ControlValueAccessor } from '@angular/forms';
3
- import { ChangeEvent } from "../../shared/model";
4
- import { DBCustomSelectListItemProps } from "./model";
5
- import * as i0 from "@angular/core";
6
- export declare class DBCustomSelectListItem implements AfterViewInit, ControlValueAccessor {
7
- private renderer;
8
- protected readonly cls: (...args: import("../../utils").ClassNameArg[]) => string;
9
- protected readonly getBooleanAsString: (originBool?: boolean | string) => any;
10
- protected readonly getBoolean: (originBool?: boolean | string, propertyName?: string) => boolean | undefined;
11
- id: InputSignal<DBCustomSelectListItemProps["id"]>;
12
- isGroupTitle: InputSignal<DBCustomSelectListItemProps["isGroupTitle"]>;
13
- showDivider: InputSignal<DBCustomSelectListItemProps["showDivider"]>;
14
- type: InputSignal<DBCustomSelectListItemProps["type"]>;
15
- checked: ModelSignal<DBCustomSelectListItemProps["checked"]>;
16
- className: InputSignal<DBCustomSelectListItemProps["className"]>;
17
- groupTitle: InputSignal<DBCustomSelectListItemProps["groupTitle"]>;
18
- icon: InputSignal<DBCustomSelectListItemProps["icon"]>;
19
- showIcon: InputSignal<DBCustomSelectListItemProps["showIcon"]>;
20
- name: InputSignal<DBCustomSelectListItemProps["name"]>;
21
- disabled: ModelSignal<DBCustomSelectListItemProps["disabled"]>;
22
- value: InputSignal<DBCustomSelectListItemProps["value"]>;
23
- label: InputSignal<DBCustomSelectListItemProps["label"]>;
24
- change: import("@angular/core").OutputEmitterRef<void | Event>;
25
- _ref: import("@angular/core").Signal<ElementRef<any> | undefined>;
26
- _id: import("@angular/core").WritableSignal<string | undefined>;
27
- hasDivider: import("@angular/core").WritableSignal<boolean | undefined>;
28
- handleChange(event: ChangeEvent<HTMLInputElement>): void;
29
- getIconTrailing(): "check" | "x_placeholder" | undefined;
30
- constructor(renderer: Renderer2);
31
- /**
32
- * Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil.
33
- * @param element the ref for the component
34
- * @param customElementSelector the custom element like `my-component`
35
- */
36
- private enableAttributePassing;
37
- writeValue(value: any): void;
38
- propagateChange(_: any): void;
39
- registerOnChange(onChange: any): void;
40
- registerOnTouched(onTouched: any): void;
41
- setDisabledState(disabled: boolean): 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,23 +0,0 @@
1
- import { ElementRef, AfterViewInit, InputSignal } from "@angular/core";
2
- import { DBDividerProps } from "./model";
3
- import * as i0 from "@angular/core";
4
- export declare class DBDivider implements AfterViewInit {
5
- protected readonly cls: (...args: import("../../utils").ClassNameArg[]) => string;
6
- id: InputSignal<DBDividerProps["id"]>;
7
- margin: InputSignal<DBDividerProps["margin"]>;
8
- variant: InputSignal<DBDividerProps["variant"]>;
9
- emphasis: InputSignal<DBDividerProps["emphasis"]>;
10
- width: InputSignal<DBDividerProps["width"]>;
11
- className: InputSignal<DBDividerProps["className"]>;
12
- _ref: import("@angular/core").Signal<ElementRef<any> | undefined>;
13
- constructor();
14
- /**
15
- * Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil.
16
- * @param element the ref for the component
17
- * @param customElementSelector the custom element like `my-component`
18
- */
19
- private enableAttributePassing;
20
- ngAfterViewInit(): void;
21
- static ɵfac: i0.ɵɵFactoryDeclaration<DBDivider, never>;
22
- 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>;
23
- }
@@ -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;