@db-ux/ngx-core-components 2.0.9 → 2.0.10-popover-d7e8b9a
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/components/custom-select/custom-select.d.ts +5 -2
- package/components/custom-select/model.d.ts +3 -2
- package/components/icon/icon.d.ts +1 -1
- package/components/icon/model.d.ts +1 -3
- package/components/popover/model.d.ts +0 -1
- package/components/popover/popover.d.ts +8 -3
- package/components/select/model.d.ts +2 -1
- package/components/stack/stack.d.ts +1 -1
- package/components/tooltip/model.d.ts +5 -3
- package/components/tooltip/tooltip.d.ts +10 -3
- package/fesm2022/db-ux-ngx-core-components.mjs +594 -233
- package/fesm2022/db-ux-ngx-core-components.mjs.map +1 -1
- package/package.json +3 -3
- package/shared/model.d.ts +11 -3
- package/utils/document-scroll-listener.d.ts +9 -0
- package/utils/floating-components.d.ts +7 -0
- package/utils/index.d.ts +0 -13
- package/utils/navigation.d.ts +1 -1
|
@@ -31,10 +31,10 @@ export declare class DBCustomSelect implements AfterViewInit, ControlValueAccess
|
|
|
31
31
|
required: import("@angular/core").InputSignal<string | boolean | undefined>;
|
|
32
32
|
selectAllLabel: import("@angular/core").InputSignal<string | undefined>;
|
|
33
33
|
removeTagsTexts: import("@angular/core").InputSignal<string[] | undefined>;
|
|
34
|
+
placement: import("@angular/core").InputSignal<"top" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | undefined>;
|
|
34
35
|
className: import("@angular/core").InputSignal<string | undefined>;
|
|
35
36
|
formFieldWidth: import("@angular/core").InputSignal<string | undefined>;
|
|
36
37
|
variant: import("@angular/core").InputSignal<"above" | "floating" | undefined>;
|
|
37
|
-
placement: import("@angular/core").InputSignal<"top" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | undefined>;
|
|
38
38
|
showLabel: import("@angular/core").InputSignal<string | boolean | undefined>;
|
|
39
39
|
icon: import("@angular/core").InputSignal<import("@db-ux/core-foundations").BaseIconTypes | import("@db-ux/core-foundations").LooseAutocomplete | undefined>;
|
|
40
40
|
showIcon: import("@angular/core").InputSignal<string | boolean | undefined>;
|
|
@@ -87,8 +87,11 @@ export declare class DBCustomSelect implements AfterViewInit, ControlValueAccess
|
|
|
87
87
|
_hasNoOptions: import("@angular/core").WritableSignal<boolean>;
|
|
88
88
|
_documentClickListenerCallbackId: import("@angular/core").WritableSignal<string | undefined>;
|
|
89
89
|
_internalChangeTimestamp: import("@angular/core").WritableSignal<number>;
|
|
90
|
+
_documentScrollListenerCallbackId: import("@angular/core").WritableSignal<string | undefined>;
|
|
91
|
+
_observer: import("@angular/core").WritableSignal<IntersectionObserver | undefined>;
|
|
90
92
|
selectAllChecked: import("@angular/core").WritableSignal<boolean>;
|
|
91
93
|
selectAllIndeterminate: import("@angular/core").WritableSignal<boolean>;
|
|
94
|
+
handleDocumentScroll(event: any): void;
|
|
92
95
|
hasValidState(): boolean;
|
|
93
96
|
handleValidation(): void;
|
|
94
97
|
handleDropdownToggle(event: any): void;
|
|
@@ -132,5 +135,5 @@ export declare class DBCustomSelect implements AfterViewInit, ControlValueAccess
|
|
|
132
135
|
ngOnInit(): void;
|
|
133
136
|
ngAfterViewInit(): void;
|
|
134
137
|
static ɵfac: i0.ɵɵFactoryDeclaration<DBCustomSelect, never>;
|
|
135
|
-
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; }; "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; }; "
|
|
138
|
+
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; }; "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; }; "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"; }, never, ["*"], true, never>;
|
|
136
139
|
}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { BaseFormProps, CloseEventState, CustomFormProps, FormMessageProps, FormState, FromValidState, GlobalProps, GlobalState, IconProps, PlacementVerticalType,
|
|
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';
|
|
@@ -189,5 +189,6 @@ export type DBCustomSelectDefaultState = {
|
|
|
189
189
|
getSelectAllLabel: () => string;
|
|
190
190
|
selectAllChecked: boolean;
|
|
191
191
|
selectAllIndeterminate: boolean;
|
|
192
|
+
handleAutoPlacement: () => void;
|
|
192
193
|
};
|
|
193
|
-
export type DBCustomSelectState = DBCustomSelectDefaultState & GlobalState & FormState & FromValidState & CloseEventState &
|
|
194
|
+
export type DBCustomSelectState = DBCustomSelectDefaultState & GlobalState & FormState & FromValidState & CloseEventState & DocumentScrollState;
|
|
@@ -6,7 +6,7 @@ export declare class DBIcon implements AfterViewInit {
|
|
|
6
6
|
className: import("@angular/core").InputSignal<string | undefined>;
|
|
7
7
|
icon: import("@angular/core").InputSignal<import("@db-ux/core-foundations").BaseIconTypes | import("@db-ux/core-foundations").LooseAutocomplete | undefined>;
|
|
8
8
|
weight: import("@angular/core").InputSignal<"16" | "20" | "24" | "32" | "48" | "64" | undefined>;
|
|
9
|
-
variant: import("@angular/core").InputSignal<
|
|
9
|
+
variant: import("@angular/core").InputSignal<string | undefined>;
|
|
10
10
|
text: import("@angular/core").InputSignal<string | undefined>;
|
|
11
11
|
_ref: import("@angular/core").Signal<ElementRef<any> | undefined>;
|
|
12
12
|
constructor();
|
|
@@ -1,10 +1,8 @@
|
|
|
1
1
|
import { GlobalProps, GlobalState, IconProps, TextProps } from '../../shared/model';
|
|
2
|
-
export declare const IconVariantList: readonly ["default", "inverted", "filled"];
|
|
3
|
-
export type IconVariantType = (typeof IconVariantList)[number];
|
|
4
2
|
export declare const IconWeightList: readonly ["16", "20", "24", "32", "48", "64"];
|
|
5
3
|
export type IconWeightType = (typeof IconWeightList)[number];
|
|
6
4
|
export type DBIconDefaultProps = {
|
|
7
|
-
variant?:
|
|
5
|
+
variant?: string;
|
|
8
6
|
weight?: IconWeightType;
|
|
9
7
|
};
|
|
10
8
|
export type DBIconProps = DBIconDefaultProps & GlobalProps & IconProps & TextProps;
|
|
@@ -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;
|
|
@@ -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
|
-
|
|
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, { "
|
|
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
|
}
|
|
@@ -1,7 +1,8 @@
|
|
|
1
1
|
import { ChangeEventProps, ChangeEventState, ClickEventProps, ClickEventState, FocusEventProps, FocusEventState, FormMessageProps, FormProps, FormSizeProps, FormState, FromValidState, GlobalProps, GlobalState, IconProps, InitializedState, InputEventProps, InputEventState, ShowIconProps } from '../../shared/model';
|
|
2
2
|
export type DBSelectDefaultProps = {
|
|
3
3
|
/**
|
|
4
|
-
*
|
|
4
|
+
* @deprecated
|
|
5
|
+
* Enables multiple select, but it isn't styled, please use DBCustomSelect/db-custom-select instead
|
|
5
6
|
*/
|
|
6
7
|
multiple?: boolean;
|
|
7
8
|
/**
|
|
@@ -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" | "
|
|
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>;
|
|
@@ -1,7 +1,9 @@
|
|
|
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 type DBTooltipDefaultProps = {
|
|
3
3
|
showArrow?: boolean | string;
|
|
4
4
|
};
|
|
5
5
|
export type DBTooltipProps = DBTooltipDefaultProps & GlobalProps & EmphasisProps & PlacementProps & PopoverProps;
|
|
6
|
-
export type DBTooltipDefaultState = {
|
|
7
|
-
|
|
6
|
+
export type DBTooltipDefaultState = {
|
|
7
|
+
getParent: () => HTMLElement;
|
|
8
|
+
};
|
|
9
|
+
export type DBTooltipState = DBTooltipDefaultState & GlobalState & ClickEventState<HTMLElement> & PopoverState & InitializedState & DocumentScrollState;
|
|
@@ -5,18 +5,25 @@ export declare class DBTooltip implements AfterViewInit {
|
|
|
5
5
|
protected readonly cls: (...args: import("../../utils").ClassNameArg[]) => string;
|
|
6
6
|
protected readonly getBooleanAsString: (originBool?: boolean | string) => any;
|
|
7
7
|
id: import("@angular/core").InputSignal<string | undefined>;
|
|
8
|
+
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>;
|
|
8
9
|
className: import("@angular/core").InputSignal<string | undefined>;
|
|
9
10
|
emphasis: import("@angular/core").InputSignal<"weak" | "strong" | undefined>;
|
|
10
11
|
animation: import("@angular/core").InputSignal<string | boolean | undefined>;
|
|
11
12
|
delay: import("@angular/core").InputSignal<"none" | "slow" | "fast" | undefined>;
|
|
12
13
|
width: import("@angular/core").InputSignal<"auto" | "fixed" | undefined>;
|
|
13
14
|
showArrow: import("@angular/core").InputSignal<string | boolean | 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
|
_id: import("@angular/core").WritableSignal<string | undefined>;
|
|
17
17
|
initialized: import("@angular/core").WritableSignal<boolean>;
|
|
18
|
+
_documentScrollListenerCallbackId: import("@angular/core").WritableSignal<string | undefined>;
|
|
19
|
+
_observer: import("@angular/core").WritableSignal<IntersectionObserver | undefined>;
|
|
18
20
|
handleClick(event: ClickEvent<HTMLElement>): void;
|
|
19
|
-
|
|
21
|
+
handleEscape(event: any): void;
|
|
22
|
+
getParent(): any;
|
|
23
|
+
handleAutoPlacement(parent?: HTMLElement): void;
|
|
24
|
+
handleDocumentScroll(event: any, parent?: HTMLElement): void;
|
|
25
|
+
handleLeave(): void;
|
|
26
|
+
handleEnter(parent?: HTMLElement): void;
|
|
20
27
|
constructor();
|
|
21
28
|
/**
|
|
22
29
|
* Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil.
|
|
@@ -27,5 +34,5 @@ export declare class DBTooltip implements AfterViewInit {
|
|
|
27
34
|
ngOnInit(): void;
|
|
28
35
|
ngAfterViewInit(): void;
|
|
29
36
|
static ɵfac: i0.ɵɵFactoryDeclaration<DBTooltip, never>;
|
|
30
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<DBTooltip, "db-tooltip", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "
|
|
37
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<DBTooltip, "db-tooltip", never, { "id": { "alias": "id"; "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>;
|
|
31
38
|
}
|