@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.
- package/CHANGELOG.md +11 -0
- package/fesm2022/db-ux-ngx-core-components.mjs +911 -767
- package/fesm2022/db-ux-ngx-core-components.mjs.map +1 -1
- package/index.d.ts +3241 -83
- package/package.json +3 -3
- package/components/accordion/accordion.d.ts +0 -30
- package/components/accordion/index.d.ts +0 -1
- package/components/accordion/model.d.ts +0 -41
- package/components/accordion-item/accordion-item.d.ts +0 -33
- package/components/accordion-item/index.d.ts +0 -1
- package/components/accordion-item/model.d.ts +0 -24
- package/components/badge/badge.d.ts +0 -27
- package/components/badge/index.d.ts +0 -1
- package/components/badge/model.d.ts +0 -16
- package/components/brand/brand.d.ts +0 -25
- package/components/brand/index.d.ts +0 -1
- package/components/brand/model.d.ts +0 -10
- package/components/button/button.d.ts +0 -39
- package/components/button/index.d.ts +0 -1
- package/components/button/model.d.ts +0 -40
- package/components/card/card.d.ts +0 -25
- package/components/card/index.d.ts +0 -1
- package/components/card/model.d.ts +0 -18
- package/components/checkbox/checkbox.d.ts +0 -64
- package/components/checkbox/index.d.ts +0 -1
- package/components/checkbox/model.d.ts +0 -10
- package/components/custom-select/custom-select.d.ts +0 -150
- package/components/custom-select/index.d.ts +0 -1
- package/components/custom-select/model.d.ts +0 -220
- package/components/custom-select-dropdown/custom-select-dropdown.d.ts +0 -20
- package/components/custom-select-dropdown/index.d.ts +0 -1
- package/components/custom-select-dropdown/model.d.ts +0 -15
- package/components/custom-select-form-field/custom-select-form-field.d.ts +0 -19
- package/components/custom-select-form-field/index.d.ts +0 -1
- package/components/custom-select-form-field/model.d.ts +0 -5
- package/components/custom-select-list/custom-select-list.d.ts +0 -21
- package/components/custom-select-list/index.d.ts +0 -1
- package/components/custom-select-list/model.d.ts +0 -8
- package/components/custom-select-list-item/custom-select-list-item.d.ts +0 -45
- package/components/custom-select-list-item/index.d.ts +0 -1
- package/components/custom-select-list-item/model.d.ts +0 -29
- package/components/divider/divider.d.ts +0 -23
- package/components/divider/index.d.ts +0 -1
- package/components/divider/model.d.ts +0 -18
- package/components/drawer/drawer.d.ts +0 -37
- package/components/drawer/index.d.ts +0 -1
- package/components/drawer/model.d.ts +0 -50
- package/components/header/MetaNavigation.directive.d.ts +0 -5
- package/components/header/Navigation.directive.d.ts +0 -5
- package/components/header/SecondaryAction.directive.d.ts +0 -5
- package/components/header/header.d.ts +0 -33
- package/components/header/index.d.ts +0 -1
- package/components/header/model.d.ts +0 -44
- package/components/icon/icon.d.ts +0 -23
- package/components/icon/index.d.ts +0 -1
- package/components/icon/model.d.ts +0 -10
- package/components/infotext/index.d.ts +0 -1
- package/components/infotext/infotext.d.ts +0 -25
- package/components/infotext/model.d.ts +0 -5
- package/components/input/index.d.ts +0 -1
- package/components/input/input.d.ts +0 -104
- package/components/input/model.d.ts +0 -64
- package/components/link/index.d.ts +0 -1
- package/components/link/link.d.ts +0 -32
- package/components/link/model.d.ts +0 -24
- package/components/navigation/index.d.ts +0 -1
- package/components/navigation/model.d.ts +0 -5
- package/components/navigation/navigation.d.ts +0 -20
- package/components/navigation-item/NavigationContent.directive.d.ts +0 -5
- package/components/navigation-item/index.d.ts +0 -1
- package/components/navigation-item/model.d.ts +0 -34
- package/components/navigation-item/navigation-item.d.ts +0 -46
- package/components/notification/index.d.ts +0 -1
- package/components/notification/model.d.ts +0 -57
- package/components/notification/notification.d.ts +0 -40
- package/components/page/index.d.ts +0 -1
- package/components/page/model.d.ts +0 -36
- package/components/page/page.d.ts +0 -27
- package/components/popover/index.d.ts +0 -1
- package/components/popover/model.d.ts +0 -17
- package/components/popover/popover.d.ts +0 -37
- package/components/radio/index.d.ts +0 -1
- package/components/radio/model.d.ts +0 -5
- package/components/radio/radio.d.ts +0 -47
- package/components/section/index.d.ts +0 -1
- package/components/section/model.d.ts +0 -5
- package/components/section/section.d.ts +0 -22
- package/components/select/index.d.ts +0 -1
- package/components/select/model.d.ts +0 -44
- package/components/select/select.d.ts +0 -83
- package/components/stack/index.d.ts +0 -1
- package/components/stack/model.d.ts +0 -34
- package/components/stack/stack.d.ts +0 -26
- package/components/switch/index.d.ts +0 -1
- package/components/switch/model.d.ts +0 -10
- package/components/switch/switch.d.ts +0 -51
- package/components/tab-item/index.d.ts +0 -1
- package/components/tab-item/model.d.ts +0 -24
- package/components/tab-item/tab-item.d.ts +0 -46
- package/components/tab-list/index.d.ts +0 -1
- package/components/tab-list/model.d.ts +0 -5
- package/components/tab-list/tab-list.d.ts +0 -20
- package/components/tab-panel/index.d.ts +0 -1
- package/components/tab-panel/model.d.ts +0 -10
- package/components/tab-panel/tab-panel.d.ts +0 -20
- package/components/tabs/index.d.ts +0 -1
- package/components/tabs/model.d.ts +0 -67
- package/components/tabs/tabs.d.ts +0 -47
- package/components/tag/index.d.ts +0 -1
- package/components/tag/model.d.ts +0 -47
- package/components/tag/tag.d.ts +0 -34
- package/components/textarea/index.d.ts +0 -1
- package/components/textarea/model.d.ts +0 -34
- package/components/textarea/textarea.d.ts +0 -84
- package/components/tooltip/index.d.ts +0 -1
- package/components/tooltip/model.d.ts +0 -20
- package/components/tooltip/tooltip.d.ts +0 -39
- package/shared/constants.d.ts +0 -88
- package/shared/model.d.ts +0 -522
- package/utils/document-click-listener.d.ts +0 -8
- package/utils/document-scroll-listener.d.ts +0 -9
- package/utils/floating-components.d.ts +0 -20
- package/utils/form-components.d.ts +0 -2
- package/utils/index.d.ts +0 -40
- 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;
|