@db-ux/ngx-core-components 2.1.2 → 2.2.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (19) hide show
  1. package/components/custom-select/custom-select.d.ts +9 -3
  2. package/components/custom-select/model.d.ts +3 -3
  3. package/components/input/input.d.ts +2 -1
  4. package/components/popover/model.d.ts +0 -1
  5. package/components/popover/popover.d.ts +8 -3
  6. package/components/select/select.d.ts +5 -2
  7. package/components/stack/stack.d.ts +1 -1
  8. package/components/textarea/model.d.ts +4 -0
  9. package/components/textarea/textarea.d.ts +3 -1
  10. package/components/tooltip/model.d.ts +5 -3
  11. package/components/tooltip/tooltip.d.ts +10 -3
  12. package/fesm2022/db-ux-ngx-core-components.mjs +619 -244
  13. package/fesm2022/db-ux-ngx-core-components.mjs.map +1 -1
  14. package/package.json +3 -3
  15. package/shared/model.d.ts +18 -3
  16. package/utils/document-scroll-listener.d.ts +9 -0
  17. package/utils/floating-components.d.ts +7 -0
  18. package/utils/index.d.ts +4 -13
  19. package/utils/navigation.d.ts +1 -1
package/components/custom-select/custom-select.d.ts CHANGED
@@ -9,6 +9,10 @@ export declare class DBCustomSelect implements AfterViewInit, ControlValueAccess
9
9
  protected readonly getHideProp: (show?: boolean | string) => any;
10
10
  protected readonly DEFAULT_LABEL: string;
11
11
  protected readonly getBoolean: (originBool?: boolean | string, propertyName?: string) => boolean | undefined;
12
+ protected readonly getOptionKey: (option: {
13
+ id?: string;
14
+ value?: string | number | string[] | undefined;
15
+ }, prefix: string) => string;
12
16
  protected readonly DEFAULT_MESSAGE: string;
13
17
  protected readonly DEFAULT_CLOSE_BUTTON: string;
14
18
  protected readonly stringPropVisible: (givenString?: string, showString?: boolean | string) => boolean;
@@ -34,11 +38,11 @@ export declare class DBCustomSelect implements AfterViewInit, ControlValueAccess
34
38
  required: import("@angular/core").InputSignal<string | boolean | undefined>;
35
39
  selectAllLabel: import("@angular/core").InputSignal<string | undefined>;
36
40
  removeTagsTexts: import("@angular/core").InputSignal<string[] | undefined>;
41
+ placement: import("@angular/core").InputSignal<"top" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | undefined>;
37
42
  searchFilter: import("@angular/core").InputSignal<((option: CustomSelectOptionType, filterText: string) => boolean) | undefined>;
38
43
  className: import("@angular/core").InputSignal<string | undefined>;
39
44
  formFieldWidth: import("@angular/core").InputSignal<string | undefined>;
40
45
  variant: import("@angular/core").InputSignal<"above" | "floating" | undefined>;
41
- placement: import("@angular/core").InputSignal<"top" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | undefined>;
42
46
  showLabel: import("@angular/core").InputSignal<string | boolean | undefined>;
43
47
  icon: import("@angular/core").InputSignal<import("@db-ux/core-foundations").BaseIconTypes | import("@db-ux/core-foundations").LooseAutocomplete | undefined>;
44
48
  showIcon: import("@angular/core").InputSignal<string | boolean | undefined>;
@@ -92,9 +96,12 @@ export declare class DBCustomSelect implements AfterViewInit, ControlValueAccess
92
96
  _hasNoOptions: import("@angular/core").WritableSignal<boolean>;
93
97
  _documentClickListenerCallbackId: import("@angular/core").WritableSignal<string | undefined>;
94
98
  _internalChangeTimestamp: import("@angular/core").WritableSignal<number>;
99
+ _documentScrollListenerCallbackId: import("@angular/core").WritableSignal<string | undefined>;
100
+ _observer: import("@angular/core").WritableSignal<IntersectionObserver | undefined>;
95
101
  _searchValue: import("@angular/core").WritableSignal<string | undefined>;
96
102
  selectAllChecked: import("@angular/core").WritableSignal<boolean>;
97
103
  selectAllIndeterminate: import("@angular/core").WritableSignal<boolean>;
104
+ handleDocumentScroll(event: any): void;
98
105
  hasValidState(): boolean;
99
106
  handleValidation(): void;
100
107
  handleDropdownToggle(event: any): void;
@@ -103,7 +110,6 @@ export declare class DBCustomSelect implements AfterViewInit, ControlValueAccess
103
110
  getSelectAllLabel(): string;
104
111
  getOptionLabel(option: CustomSelectOptionType): string;
105
112
  getOptionChecked(value?: string): boolean | undefined;
106
- getOptionKey(option: CustomSelectOptionType): string;
107
113
  getTagRemoveLabel(index: number): string;
108
114
  handleTagRemove(option: CustomSelectOptionType, event: any): void;
109
115
  handleAutoPlacement(): void;
@@ -138,5 +144,5 @@ export declare class DBCustomSelect implements AfterViewInit, ControlValueAccess
138
144
  ngOnInit(): void;
139
145
  ngAfterViewInit(): void;
140
146
  static ɵfac: i0.ɵɵFactoryDeclaration<DBCustomSelect, never>;
141
- 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; }; "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; }; "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; }; "placement": { "alias": "placement"; "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; }; "showLoading": { "alias": "showLoading"; "required": false; "isSignal": true; }; "ariaListLabel": { "alias": "ariaListLabel"; "required": false; "isSignal": true; }; "noResultsText": { "alias": "noResultsText"; "required": false; "isSignal": true; }; "loadingText": { "alias": "loadingText"; "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>;
147
+ 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; }; "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; }; "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; }; "showLoading": { "alias": "showLoading"; "required": false; "isSignal": true; }; "ariaListLabel": { "alias": "ariaListLabel"; "required": false; "isSignal": true; }; "noResultsText": { "alias": "noResultsText"; "required": false; "isSignal": true; }; "loadingText": { "alias": "loadingText"; "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>;
142
148
  }
package/components/custom-select/model.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- import { BaseFormProps, CloseEventState, CustomFormProps, FormMessageProps, FormState, FromValidState, GlobalProps, GlobalState, IconProps, PlacementVerticalType, PopoverState, RequiredProps, ShowIconProps, ShowLabelProps, ValidationType, WidthType } from '../../shared/model';
1
+ import { BaseFormProps, CloseEventState, CustomFormProps, DocumentScrollState, FormMessageProps, FormState, FromValidState, GlobalProps, GlobalState, IconProps, PlacementVerticalType, RequiredProps, ShowIconProps, ShowLabelProps, ValidationType, WidthType } from '../../shared/model';
2
2
  import { DBCustomSelectFormFieldDefaultProps } from '../custom-select-form-field/model';
3
3
  import { CustomSelectDropdownWidthType } from '../custom-select-dropdown/model';
4
4
  import { DBCustomSelectListItemExtraProps } from '../custom-select-list-item/model';
@@ -193,7 +193,6 @@ export type DBCustomSelectDefaultState = {
193
193
  getNativeSelectValue: () => string;
194
194
  getOptionLabel: (option: CustomSelectOptionType) => string;
195
195
  getOptionChecked: (value?: string) => boolean;
196
- getOptionKey: (option: CustomSelectOptionType) => string;
197
196
  getTagRemoveLabel: (index: number) => string;
198
197
  selectAllEnabled: boolean;
199
198
  searchEnabled: boolean;
@@ -215,5 +214,6 @@ export type DBCustomSelectDefaultState = {
215
214
  getSelectAllLabel: () => string;
216
215
  selectAllChecked: boolean;
217
216
  selectAllIndeterminate: boolean;
217
+ handleAutoPlacement: () => void;
218
218
  };
219
- export type DBCustomSelectState = DBCustomSelectDefaultState & GlobalState & FormState & FromValidState & CloseEventState & PopoverState;
219
+ export type DBCustomSelectState = DBCustomSelectDefaultState & GlobalState & FormState & FromValidState & CloseEventState & DocumentScrollState;
package/components/input/input.d.ts CHANGED
@@ -33,6 +33,7 @@ export declare class DBInput implements AfterViewInit, ControlValueAccessor {
33
33
  icon: import("@angular/core").InputSignal<import("@db-ux/core-foundations").BaseIconTypes | import("@db-ux/core-foundations").LooseAutocomplete | undefined>;
34
34
  iconAfter: import("@angular/core").InputSignal<import("@db-ux/core-foundations").BaseIconTypes | import("@db-ux/core-foundations").LooseAutocomplete | undefined>;
35
35
  label: import("@angular/core").InputSignal<string | undefined>;
36
+ fieldSizing: import("@angular/core").InputSignal<"fixed" | "content" | undefined>;
36
37
  name: import("@angular/core").InputSignal<string | undefined>;
37
38
  type: import("@angular/core").InputSignal<string | undefined>;
38
39
  placeholder: import("@angular/core").InputSignal<string | undefined>;
@@ -87,5 +88,5 @@ export declare class DBInput implements AfterViewInit, ControlValueAccessor {
87
88
  ngOnInit(): void;
88
89
  ngAfterViewInit(): void;
89
90
  static ɵfac: i0.ɵɵFactoryDeclaration<DBInput, never>;
90
- 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; }; "showIcon": { "alias": "showIcon"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "iconAfter": { "alias": "iconAfter"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "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>;
91
+ 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; }; "showIcon": { "alias": "showIcon"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "iconAfter": { "alias": "iconAfter"; "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; }; "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>;
91
92
  }
package/components/popover/model.d.ts CHANGED
@@ -13,6 +13,5 @@ export type DBPopoverProps = DBPopoverDefaultProps & GlobalProps & SpacingProps
13
13
  export type DBPopoverDefaultState = {
14
14
  isExpanded?: boolean;
15
15
  getTrigger: () => Element | null;
16
- handleLeave: (event: any) => void;
17
16
  };
18
17
  export type DBPopoverState = DBPopoverDefaultState & GlobalState & PopoverState & InitializedState;
package/components/popover/popover.d.ts CHANGED
@@ -3,6 +3,7 @@ import * as i0 from "@angular/core";
3
3
  export declare class DBPopover implements AfterViewInit {
4
4
  protected readonly cls: (...args: import("../../utils").ClassNameArg[]) => string;
5
5
  protected readonly getBooleanAsString: (originBool?: boolean | string) => any;
6
+ placement: import("@angular/core").InputSignal<"left" | "right" | "left-start" | "left-end" | "right-start" | "right-end" | "top" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | undefined>;
6
7
  id: import("@angular/core").InputSignal<string | undefined>;
7
8
  className: import("@angular/core").InputSignal<string | undefined>;
8
9
  spacing: import("@angular/core").InputSignal<string | undefined>;
@@ -11,12 +12,16 @@ export declare class DBPopover implements AfterViewInit {
11
12
  open: import("@angular/core").InputSignal<string | boolean | undefined>;
12
13
  delay: import("@angular/core").InputSignal<"none" | "slow" | "fast" | undefined>;
13
14
  width: import("@angular/core").InputSignal<"auto" | "fixed" | undefined>;
14
- placement: import("@angular/core").InputSignal<"left" | "right" | "left-start" | "left-end" | "right-start" | "right-end" | "top" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | undefined>;
15
15
  _ref: import("@angular/core").Signal<ElementRef<any> | undefined>;
16
16
  initialized: import("@angular/core").WritableSignal<boolean>;
17
17
  isExpanded: import("@angular/core").WritableSignal<boolean | undefined>;
18
+ _documentScrollListenerCallbackId: import("@angular/core").WritableSignal<string | undefined>;
19
+ _observer: import("@angular/core").WritableSignal<IntersectionObserver | undefined>;
20
+ handleEscape(event: any): void;
18
21
  handleAutoPlacement(): void;
19
- handleLeave(event: any): void;
22
+ handleDocumentScroll(event: any): void;
23
+ handleEnter(): void;
24
+ handleLeave(event?: any): void;
20
25
  getTrigger(): Element | null;
21
26
  constructor();
22
27
  /**
@@ -28,5 +33,5 @@ export declare class DBPopover implements AfterViewInit {
28
33
  ngOnInit(): void;
29
34
  ngAfterViewInit(): void;
30
35
  static ɵfac: i0.ɵɵFactoryDeclaration<DBPopover, never>;
31
- static ɵcmp: i0.ɵɵComponentDeclaration<DBPopover, "db-popover", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "className": { "alias": "className"; "required": false; "isSignal": true; }; "spacing": { "alias": "spacing"; "required": false; "isSignal": true; }; "gap": { "alias": "gap"; "required": false; "isSignal": true; }; "animation": { "alias": "animation"; "required": false; "isSignal": true; }; "open": { "alias": "open"; "required": false; "isSignal": true; }; "delay": { "alias": "delay"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; "placement": { "alias": "placement"; "required": false; "isSignal": true; }; }, {}, never, ["[trigger]", "*"], true, never>;
36
+ static ɵcmp: i0.ɵɵComponentDeclaration<DBPopover, "db-popover", never, { "placement": { "alias": "placement"; "required": false; "isSignal": true; }; "id": { "alias": "id"; "required": false; "isSignal": true; }; "className": { "alias": "className"; "required": false; "isSignal": true; }; "spacing": { "alias": "spacing"; "required": false; "isSignal": true; }; "gap": { "alias": "gap"; "required": false; "isSignal": true; }; "animation": { "alias": "animation"; "required": false; "isSignal": true; }; "open": { "alias": "open"; "required": false; "isSignal": true; }; "delay": { "alias": "delay"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; }, {}, never, ["[trigger]", "*"], true, never>;
32
37
  }
package/components/select/select.d.ts CHANGED
@@ -9,7 +9,10 @@ export declare class DBSelect implements AfterViewInit, ControlValueAccessor {
9
9
  protected readonly getHideProp: (show?: boolean | string) => any;
10
10
  protected readonly DEFAULT_LABEL: string;
11
11
  protected readonly getBoolean: (originBool?: boolean | string, propertyName?: string) => boolean | undefined;
12
- protected readonly toString: typeof toString;
12
+ protected readonly getOptionKey: (option: {
13
+ id?: string;
14
+ value?: string | number | string[] | undefined;
15
+ }, prefix: string) => string;
13
16
  protected readonly stringPropVisible: (givenString?: string, showString?: boolean | string) => boolean;
14
17
  protected readonly DEFAULT_VALID_MESSAGE: string;
15
18
  id: import("@angular/core").InputSignal<string | undefined>;
@@ -59,7 +62,7 @@ export declare class DBSelect implements AfterViewInit, ControlValueAccessor {
59
62
  handleBlur(event: InteractionEvent<HTMLSelectElement> | any): void;
60
63
  handleFocus(event: InteractionEvent<HTMLSelectElement> | any): void;
61
64
  getOptionLabel(option: DBSelectOptionType): string;
62
- trackByOptgroupOption0(_: number, optgroupOption: any): any;
65
+ trackByOptgroupOption0(_: number, optgroupOption: any): string;
63
66
  constructor(renderer: Renderer2);
64
67
  /**
65
68
  * Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil.
package/components/stack/stack.d.ts CHANGED
@@ -8,7 +8,7 @@ export declare class DBStack implements AfterViewInit {
8
8
  gap: import("@angular/core").InputSignal<"medium" | "small" | "large" | "none" | "3x-large" | "2x-large" | "x-large" | "x-small" | "2x-small" | "3x-small" | undefined>;
9
9
  variant: import("@angular/core").InputSignal<"divider" | "simple" | undefined>;
10
10
  direction: import("@angular/core").InputSignal<"row" | "column" | undefined>;
11
- alignment: import("@angular/core").InputSignal<"start" | "center" | "stretch" | "end" | undefined>;
11
+ alignment: import("@angular/core").InputSignal<"start" | "center" | "end" | "stretch" | undefined>;
12
12
  justifyContent: import("@angular/core").InputSignal<"start" | "center" | "end" | "space-between" | undefined>;
13
13
  wrap: import("@angular/core").InputSignal<string | boolean | undefined>;
14
14
  _ref: import("@angular/core").Signal<ElementRef<any> | undefined>;
package/components/textarea/model.d.ts CHANGED
@@ -12,6 +12,10 @@ export type DBTextareaDefaultProps = {
12
12
  * In most browsers, textareas are resizable — you'll notice the drag handle in the right-hand corner, you can control it with this
13
13
  */
14
14
  resize?: TextareaResizeType;
15
+ /**
16
+ * Show/Hides drag handle in the right-hand corner - default: true
17
+ */
18
+ showResizer?: boolean | string;
15
19
  /**
16
20
  * The number of visible text lines for the control. If it is specified, it must be a positive integer
17
21
  */
package/components/textarea/textarea.d.ts CHANGED
@@ -27,7 +27,9 @@ export declare class DBTextarea implements AfterViewInit, ControlValueAccessor {
27
27
  variant: import("@angular/core").InputSignal<"above" | "floating" | undefined>;
28
28
  showLabel: import("@angular/core").InputSignal<string | boolean | undefined>;
29
29
  label: import("@angular/core").InputSignal<string | undefined>;
30
+ fieldSizing: import("@angular/core").InputSignal<"fixed" | "content" | undefined>;
30
31
  resize: import("@angular/core").InputSignal<"none" | "horizontal" | "vertical" | "both" | undefined>;
32
+ showResizer: import("@angular/core").InputSignal<string | boolean | undefined>;
31
33
  disabled: import("@angular/core").ModelSignal<string | boolean | undefined>;
32
34
  readOnly: import("@angular/core").InputSignal<string | boolean | undefined>;
33
35
  readonly: import("@angular/core").InputSignal<string | boolean | undefined>;
@@ -77,5 +79,5 @@ export declare class DBTextarea implements AfterViewInit, ControlValueAccessor {
77
79
  ngOnInit(): void;
78
80
  ngAfterViewInit(): void;
79
81
  static ɵfac: i0.ɵɵFactoryDeclaration<DBTextarea, never>;
80
- static ɵcmp: i0.ɵɵComponentDeclaration<DBTextarea, "db-textarea", 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; }; "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; }; "className": { "alias": "className"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "showLabel": { "alias": "showLabel"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "resize": { "alias": "resize"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "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; }; "maxlength": { "alias": "maxlength"; "required": false; "isSignal": true; }; "minlength": { "alias": "minlength"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "wrap": { "alias": "wrap"; "required": false; "isSignal": true; }; "spellCheck": { "alias": "spellCheck"; "required": false; "isSignal": true; }; "autocomplete": { "alias": "autocomplete"; "required": false; "isSignal": true; }; "ariaDescribedBy": { "alias": "ariaDescribedBy"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "rows": { "alias": "rows"; "required": false; "isSignal": true; }; "cols": { "alias": "cols"; "required": false; "isSignal": true; }; "messageIcon": { "alias": "messageIcon"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "disabled": "disabledChange"; "input": "input"; "change": "change"; "blur": "blur"; "focus": "focus"; }, never, never, true, never>;
82
+ static ɵcmp: i0.ɵɵComponentDeclaration<DBTextarea, "db-textarea", 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; }; "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; }; "className": { "alias": "className"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "showLabel": { "alias": "showLabel"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "fieldSizing": { "alias": "fieldSizing"; "required": false; "isSignal": true; }; "resize": { "alias": "resize"; "required": false; "isSignal": true; }; "showResizer": { "alias": "showResizer"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "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; }; "maxlength": { "alias": "maxlength"; "required": false; "isSignal": true; }; "minlength": { "alias": "minlength"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "wrap": { "alias": "wrap"; "required": false; "isSignal": true; }; "spellCheck": { "alias": "spellCheck"; "required": false; "isSignal": true; }; "autocomplete": { "alias": "autocomplete"; "required": false; "isSignal": true; }; "ariaDescribedBy": { "alias": "ariaDescribedBy"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "rows": { "alias": "rows"; "required": false; "isSignal": true; }; "cols": { "alias": "cols"; "required": false; "isSignal": true; }; "messageIcon": { "alias": "messageIcon"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "disabled": "disabledChange"; "input": "input"; "change": "change"; "blur": "blur"; "focus": "focus"; }, never, never, true, never>;
81
83
  }
package/components/tooltip/model.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- import { ClickEventState, EmphasisProps, GlobalProps, GlobalState, InitializedState, PlacementProps, PopoverProps, PopoverState } from '../../shared/model';
1
+ import { ClickEventState, DocumentScrollState, EmphasisProps, GlobalProps, GlobalState, InitializedState, PlacementProps, PopoverProps, PopoverState } from '../../shared/model';
2
2
  export declare const TooltipVariantList: readonly ["description", "label"];
3
3
  export type TooltipVariantType = (typeof TooltipVariantList)[number];
4
4
  export type DBTooltipDefaultProps = {
@@ -14,5 +14,7 @@ export type DBTooltipDefaultProps = {
14
14
  variant?: TooltipVariantType;
15
15
  };
16
16
  export type DBTooltipProps = DBTooltipDefaultProps & GlobalProps & EmphasisProps & PlacementProps & PopoverProps;
17
- export type DBTooltipDefaultState = {};
18
- export type DBTooltipState = DBTooltipDefaultState & GlobalState & ClickEventState<HTMLElement> & PopoverState & InitializedState;
17
+ export type DBTooltipDefaultState = {
18
+ getParent: () => HTMLElement;
19
+ };
20
+ export type DBTooltipState = DBTooltipDefaultState & GlobalState & ClickEventState<HTMLElement> & PopoverState & InitializedState & DocumentScrollState;
package/components/tooltip/tooltip.d.ts CHANGED
@@ -6,18 +6,25 @@ export declare class DBTooltip implements AfterViewInit {
6
6
  protected readonly getBooleanAsString: (originBool?: boolean | string) => any;
7
7
  id: import("@angular/core").InputSignal<string | undefined>;
8
8
  variant: import("@angular/core").InputSignal<"label" | "description" | undefined>;
9
+ placement: import("@angular/core").InputSignal<"left" | "right" | "left-start" | "left-end" | "right-start" | "right-end" | "top" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | undefined>;
9
10
  className: import("@angular/core").InputSignal<string | undefined>;
10
11
  emphasis: import("@angular/core").InputSignal<"weak" | "strong" | undefined>;
11
12
  animation: import("@angular/core").InputSignal<string | boolean | undefined>;
12
13
  delay: import("@angular/core").InputSignal<"none" | "slow" | "fast" | undefined>;
13
14
  width: import("@angular/core").InputSignal<"auto" | "fixed" | undefined>;
14
15
  showArrow: import("@angular/core").InputSignal<string | boolean | undefined>;
15
- placement: import("@angular/core").InputSignal<"left" | "right" | "left-start" | "left-end" | "right-start" | "right-end" | "top" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | undefined>;
16
16
  _ref: import("@angular/core").Signal<ElementRef<any> | undefined>;
17
17
  _id: import("@angular/core").WritableSignal<string | undefined>;
18
18
  initialized: import("@angular/core").WritableSignal<boolean>;
19
+ _documentScrollListenerCallbackId: import("@angular/core").WritableSignal<string | undefined>;
20
+ _observer: import("@angular/core").WritableSignal<IntersectionObserver | undefined>;
19
21
  handleClick(event: ClickEvent<HTMLElement>): void;
20
- handleAutoPlacement(): void;
22
+ handleEscape(event: any): void;
23
+ getParent(): any;
24
+ handleAutoPlacement(parent?: HTMLElement): void;
25
+ handleDocumentScroll(event: any, parent?: HTMLElement): void;
26
+ handleLeave(): void;
27
+ handleEnter(parent?: HTMLElement): void;
21
28
  constructor();
22
29
  /**
23
30
  * Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil.
@@ -28,5 +35,5 @@ export declare class DBTooltip implements AfterViewInit {
28
35
  ngOnInit(): void;
29
36
  ngAfterViewInit(): void;
30
37
  static ɵfac: i0.ɵɵFactoryDeclaration<DBTooltip, never>;
31
- static ɵcmp: i0.ɵɵComponentDeclaration<DBTooltip, "db-tooltip", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "className": { "alias": "className"; "required": false; "isSignal": true; }; "emphasis": { "alias": "emphasis"; "required": false; "isSignal": true; }; "animation": { "alias": "animation"; "required": false; "isSignal": true; }; "delay": { "alias": "delay"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; "showArrow": { "alias": "showArrow"; "required": false; "isSignal": true; }; "placement": { "alias": "placement"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
38
+ static ɵcmp: i0.ɵɵComponentDeclaration<DBTooltip, "db-tooltip", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "placement": { "alias": "placement"; "required": false; "isSignal": true; }; "className": { "alias": "className"; "required": false; "isSignal": true; }; "emphasis": { "alias": "emphasis"; "required": false; "isSignal": true; }; "animation": { "alias": "animation"; "required": false; "isSignal": true; }; "delay": { "alias": "delay"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; "showArrow": { "alias": "showArrow"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
32
39
  }