@db-ux/ngx-core-components 4.4.1 → 4.4.2
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 +8 -0
- package/fesm2022/db-ux-ngx-core-components.mjs +139 -146
- package/fesm2022/db-ux-ngx-core-components.mjs.map +1 -1
- package/index.d.ts +14 -22
- package/package.json +3 -3
package/index.d.ts
CHANGED
|
@@ -639,7 +639,7 @@ type DBAccordionItemProps = DBAccordionItemDefaultProps & GlobalProps & ToggleEv
|
|
|
639
639
|
type DBAccordionItemDefaultState = {
|
|
640
640
|
_open?: boolean;
|
|
641
641
|
};
|
|
642
|
-
type DBAccordionItemState = DBAccordionItemDefaultState &
|
|
642
|
+
type DBAccordionItemState = DBAccordionItemDefaultState & ToggleEventState<HTMLElement> & InitializedState & NameState;
|
|
643
643
|
|
|
644
644
|
declare const AccordionVariantList: readonly ["divider", "card"];
|
|
645
645
|
type AccordionVariantType = (typeof AccordionVariantList)[number];
|
|
@@ -679,19 +679,18 @@ type DBAccordionDefaultState = {
|
|
|
679
679
|
_name?: string;
|
|
680
680
|
convertItems: () => DBAccordionItemDefaultProps[];
|
|
681
681
|
};
|
|
682
|
-
type DBAccordionState = DBAccordionDefaultState &
|
|
682
|
+
type DBAccordionState = DBAccordionDefaultState & InitializedState;
|
|
683
683
|
|
|
684
684
|
declare class DBAccordion implements AfterViewInit {
|
|
685
685
|
protected readonly cls: (...args: ClassNameArg[]) => string;
|
|
686
|
-
id: InputSignal<DBAccordionProps["id"]>;
|
|
687
686
|
name: InputSignal<DBAccordionProps["name"]>;
|
|
688
687
|
behavior: InputSignal<DBAccordionProps["behavior"]>;
|
|
689
688
|
initOpenIndex: InputSignal<DBAccordionProps["initOpenIndex"]>;
|
|
690
689
|
items: InputSignal<DBAccordionProps["items"]>;
|
|
690
|
+
id: InputSignal<DBAccordionProps["id"]>;
|
|
691
691
|
className: InputSignal<DBAccordionProps["className"]>;
|
|
692
692
|
variant: InputSignal<DBAccordionProps["variant"]>;
|
|
693
693
|
_ref: _angular_core.Signal<ElementRef<any> | undefined>;
|
|
694
|
-
_id: _angular_core.WritableSignal<string | undefined>;
|
|
695
694
|
_name: _angular_core.WritableSignal<string | undefined>;
|
|
696
695
|
initialized: _angular_core.WritableSignal<boolean>;
|
|
697
696
|
_initOpenIndexDone: _angular_core.WritableSignal<boolean>;
|
|
@@ -706,22 +705,21 @@ declare class DBAccordion implements AfterViewInit {
|
|
|
706
705
|
private enableAttributePassing;
|
|
707
706
|
ngAfterViewInit(): void;
|
|
708
707
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<DBAccordion, never>;
|
|
709
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<DBAccordion, "db-accordion", never, { "
|
|
708
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<DBAccordion, "db-accordion", never, { "name": { "alias": "name"; "required": false; "isSignal": true; }; "behavior": { "alias": "behavior"; "required": false; "isSignal": true; }; "initOpenIndex": { "alias": "initOpenIndex"; "required": false; "isSignal": true; }; "items": { "alias": "items"; "required": false; "isSignal": true; }; "id": { "alias": "id"; "required": false; "isSignal": true; }; "className": { "alias": "className"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
|
|
710
709
|
}
|
|
711
710
|
|
|
712
711
|
declare class DBAccordionItem implements AfterViewInit {
|
|
713
712
|
protected readonly cls: (...args: ClassNameArg[]) => string;
|
|
714
713
|
protected readonly getBooleanAsString: (originBool?: boolean | string) => any;
|
|
715
|
-
id: InputSignal<DBAccordionItemProps["id"]>;
|
|
716
714
|
defaultOpen: InputSignal<DBAccordionItemProps["defaultOpen"]>;
|
|
717
715
|
name: InputSignal<DBAccordionItemProps["name"]>;
|
|
716
|
+
id: InputSignal<DBAccordionItemProps["id"]>;
|
|
718
717
|
className: InputSignal<DBAccordionItemProps["className"]>;
|
|
719
718
|
disabled: InputSignal<DBAccordionItemProps["disabled"]>;
|
|
720
719
|
headlinePlain: InputSignal<DBAccordionItemProps["headlinePlain"]>;
|
|
721
720
|
text: InputSignal<DBAccordionItemProps["text"]>;
|
|
722
721
|
toggle: _angular_core.OutputEmitterRef<boolean | void>;
|
|
723
722
|
_ref: _angular_core.Signal<ElementRef<any> | undefined>;
|
|
724
|
-
_id: _angular_core.WritableSignal<string | undefined>;
|
|
725
723
|
_open: _angular_core.WritableSignal<boolean | undefined>;
|
|
726
724
|
_name: _angular_core.WritableSignal<string | undefined>;
|
|
727
725
|
initialized: _angular_core.WritableSignal<boolean>;
|
|
@@ -736,7 +734,7 @@ declare class DBAccordionItem implements AfterViewInit {
|
|
|
736
734
|
private enableAttributePassing;
|
|
737
735
|
ngAfterViewInit(): void;
|
|
738
736
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<DBAccordionItem, never>;
|
|
739
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<DBAccordionItem, "db-accordion-item", never, { "
|
|
737
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<DBAccordionItem, "db-accordion-item", never, { "defaultOpen": { "alias": "defaultOpen"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "id": { "alias": "id"; "required": false; "isSignal": true; }; "className": { "alias": "className"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "headlinePlain": { "alias": "headlinePlain"; "required": false; "isSignal": true; }; "text": { "alias": "text"; "required": false; "isSignal": true; }; }, { "toggle": "toggle"; }, never, ["[headline]", "*"], true, never>;
|
|
740
738
|
}
|
|
741
739
|
|
|
742
740
|
declare const BadgePlacementList: readonly ["inline", "corner-top-left", "corner-top-right", "corner-center-left", "corner-center-right", "corner-bottom-left", "corner-bottom-right"];
|
|
@@ -1049,7 +1047,7 @@ type DBCustomSelectListItemDefaultState = {
|
|
|
1049
1047
|
getIconTrailing: () => string | undefined;
|
|
1050
1048
|
hasDivider?: boolean;
|
|
1051
1049
|
};
|
|
1052
|
-
type DBCustomSelectListItemState = DBCustomSelectListItemDefaultState & ChangeEventState<HTMLInputElement
|
|
1050
|
+
type DBCustomSelectListItemState = DBCustomSelectListItemDefaultState & ChangeEventState<HTMLInputElement>;
|
|
1053
1051
|
|
|
1054
1052
|
type CustomSelectOptionType = {
|
|
1055
1053
|
/**
|
|
@@ -1489,11 +1487,11 @@ declare class DBCustomSelectListItem implements AfterViewInit, ControlValueAcces
|
|
|
1489
1487
|
protected readonly cls: (...args: ClassNameArg[]) => string;
|
|
1490
1488
|
protected readonly getBooleanAsString: (originBool?: boolean | string) => any;
|
|
1491
1489
|
protected readonly getBoolean: (originBool?: boolean | string, propertyName?: string) => boolean | undefined;
|
|
1492
|
-
id: InputSignal<DBCustomSelectListItemProps["id"]>;
|
|
1493
1490
|
isGroupTitle: InputSignal<DBCustomSelectListItemProps["isGroupTitle"]>;
|
|
1494
1491
|
showDivider: InputSignal<DBCustomSelectListItemProps["showDivider"]>;
|
|
1495
1492
|
type: InputSignal<DBCustomSelectListItemProps["type"]>;
|
|
1496
1493
|
checked: ModelSignal<DBCustomSelectListItemProps["checked"]>;
|
|
1494
|
+
id: InputSignal<DBCustomSelectListItemProps["id"]>;
|
|
1497
1495
|
className: InputSignal<DBCustomSelectListItemProps["className"]>;
|
|
1498
1496
|
groupTitle: InputSignal<DBCustomSelectListItemProps["groupTitle"]>;
|
|
1499
1497
|
icon: InputSignal<DBCustomSelectListItemProps["icon"]>;
|
|
@@ -1504,7 +1502,6 @@ declare class DBCustomSelectListItem implements AfterViewInit, ControlValueAcces
|
|
|
1504
1502
|
label: InputSignal<DBCustomSelectListItemProps["label"]>;
|
|
1505
1503
|
change: _angular_core.OutputEmitterRef<void | Event>;
|
|
1506
1504
|
_ref: _angular_core.Signal<ElementRef<any> | undefined>;
|
|
1507
|
-
_id: _angular_core.WritableSignal<string | undefined>;
|
|
1508
1505
|
hasDivider: _angular_core.WritableSignal<boolean | undefined>;
|
|
1509
1506
|
handleChange(event: ChangeEvent<HTMLInputElement>): void;
|
|
1510
1507
|
getIconTrailing(): "check" | "x_placeholder" | undefined;
|
|
@@ -1522,7 +1519,7 @@ declare class DBCustomSelectListItem implements AfterViewInit, ControlValueAcces
|
|
|
1522
1519
|
setDisabledState(disabled: boolean): void;
|
|
1523
1520
|
ngAfterViewInit(): void;
|
|
1524
1521
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<DBCustomSelectListItem, never>;
|
|
1525
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<DBCustomSelectListItem, "db-custom-select-list-item", never, { "
|
|
1522
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<DBCustomSelectListItem, "db-custom-select-list-item", never, { "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; }; "id": { "alias": "id"; "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>;
|
|
1526
1523
|
}
|
|
1527
1524
|
|
|
1528
1525
|
declare const DividerMarginList: readonly ["none", "_"];
|
|
@@ -2029,14 +2026,13 @@ declare class DBLink implements AfterViewInit {
|
|
|
2029
2026
|
type DBNavigationDefaultProps = {};
|
|
2030
2027
|
type DBNavigationProps = DBNavigationDefaultProps & GlobalProps;
|
|
2031
2028
|
type DBNavigationDefaultState = {};
|
|
2032
|
-
type DBNavigationState = DBNavigationDefaultState
|
|
2029
|
+
type DBNavigationState = DBNavigationDefaultState;
|
|
2033
2030
|
|
|
2034
2031
|
declare class DBNavigation implements AfterViewInit {
|
|
2035
2032
|
protected readonly cls: (...args: ClassNameArg[]) => string;
|
|
2036
2033
|
id: InputSignal<DBNavigationProps["id"]>;
|
|
2037
2034
|
className: InputSignal<DBNavigationProps["className"]>;
|
|
2038
2035
|
_ref: _angular_core.Signal<ElementRef<any> | undefined>;
|
|
2039
|
-
_id: _angular_core.WritableSignal<string | undefined>;
|
|
2040
2036
|
constructor();
|
|
2041
2037
|
/**
|
|
2042
2038
|
* Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil.
|
|
@@ -2100,7 +2096,6 @@ type DBNavigationItemDefaultState = {
|
|
|
2100
2096
|
handleBackClick: (event: ClickEvent<HTMLButtonElement>) => void;
|
|
2101
2097
|
hasAreaPopup: boolean;
|
|
2102
2098
|
isSubNavigationExpanded: boolean;
|
|
2103
|
-
subNavigationId: string;
|
|
2104
2099
|
/**
|
|
2105
2100
|
* Internal state property to show/hide sub-navigation button
|
|
2106
2101
|
*/
|
|
@@ -2135,7 +2130,6 @@ declare class DBNavigationItem implements AfterViewInit {
|
|
|
2135
2130
|
hasSubNavigation: _angular_core.WritableSignal<boolean | undefined>;
|
|
2136
2131
|
isSubNavigationExpanded: _angular_core.WritableSignal<boolean>;
|
|
2137
2132
|
autoClose: _angular_core.WritableSignal<boolean | undefined>;
|
|
2138
|
-
subNavigationId: _angular_core.WritableSignal<string>;
|
|
2139
2133
|
navigationItemSafeTriangle: _angular_core.WritableSignal<NavigationItemSafeTriangle | undefined>;
|
|
2140
2134
|
handleNavigationItemClick(event: any): void;
|
|
2141
2135
|
handleClick(event: ClickEvent<HTMLButtonElement> | any): void;
|
|
@@ -2799,14 +2793,13 @@ declare class DBTabItem implements AfterViewInit, ControlValueAccessor, OnDestro
|
|
|
2799
2793
|
type DBTabListDefaultProps = {};
|
|
2800
2794
|
type DBTabListProps = DBTabListDefaultProps & GlobalProps;
|
|
2801
2795
|
type DBTabListDefaultState = {};
|
|
2802
|
-
type DBTabListState = DBTabListDefaultState
|
|
2796
|
+
type DBTabListState = DBTabListDefaultState;
|
|
2803
2797
|
|
|
2804
2798
|
declare class DBTabList implements AfterViewInit {
|
|
2805
2799
|
protected readonly cls: (...args: ClassNameArg[]) => string;
|
|
2806
2800
|
id: InputSignal<DBTabListProps["id"]>;
|
|
2807
2801
|
className: InputSignal<DBTabListProps["className"]>;
|
|
2808
2802
|
_ref: _angular_core.Signal<ElementRef<any> | undefined>;
|
|
2809
|
-
_id: _angular_core.WritableSignal<string | undefined>;
|
|
2810
2803
|
constructor();
|
|
2811
2804
|
/**
|
|
2812
2805
|
* Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil.
|
|
@@ -2910,11 +2903,10 @@ type DBTabsDefaultState = {
|
|
|
2910
2903
|
handleChange: (event: InputEvent<HTMLElement>) => void;
|
|
2911
2904
|
_resizeObserver?: ResizeObserver;
|
|
2912
2905
|
};
|
|
2913
|
-
type DBTabsState = DBTabsDefaultState &
|
|
2906
|
+
type DBTabsState = DBTabsDefaultState & InitializedState;
|
|
2914
2907
|
|
|
2915
2908
|
declare class DBTabs implements AfterViewInit, OnDestroy {
|
|
2916
2909
|
protected readonly cls: (...args: ClassNameArg[]) => string;
|
|
2917
|
-
id: InputSignal<DBTabsProps["id"]>;
|
|
2918
2910
|
name: InputSignal<DBTabsProps["name"]>;
|
|
2919
2911
|
tabs: InputSignal<DBTabsProps["tabs"]>;
|
|
2920
2912
|
arrowScrollDistance: InputSignal<DBTabsProps["arrowScrollDistance"]>;
|
|
@@ -2922,13 +2914,13 @@ declare class DBTabs implements AfterViewInit, OnDestroy {
|
|
|
2922
2914
|
behavior: InputSignal<DBTabsProps["behavior"]>;
|
|
2923
2915
|
initialSelectedMode: InputSignal<DBTabsProps["initialSelectedMode"]>;
|
|
2924
2916
|
initialSelectedIndex: InputSignal<DBTabsProps["initialSelectedIndex"]>;
|
|
2917
|
+
id: InputSignal<DBTabsProps["id"]>;
|
|
2925
2918
|
className: InputSignal<DBTabsProps["className"]>;
|
|
2926
2919
|
alignment: InputSignal<DBTabsProps["alignment"]>;
|
|
2927
2920
|
width: InputSignal<DBTabsProps["width"]>;
|
|
2928
2921
|
indexChange: _angular_core.OutputEmitterRef<number | void | undefined>;
|
|
2929
2922
|
tabSelect: _angular_core.OutputEmitterRef<void | Event | undefined>;
|
|
2930
2923
|
_ref: _angular_core.Signal<ElementRef<any> | undefined>;
|
|
2931
|
-
_id: _angular_core.WritableSignal<string | undefined>;
|
|
2932
2924
|
_name: _angular_core.WritableSignal<string>;
|
|
2933
2925
|
initialized: _angular_core.WritableSignal<boolean>;
|
|
2934
2926
|
showScrollLeft: _angular_core.WritableSignal<boolean | undefined>;
|
|
@@ -2953,7 +2945,7 @@ declare class DBTabs implements AfterViewInit, OnDestroy {
|
|
|
2953
2945
|
ngAfterViewInit(): void;
|
|
2954
2946
|
ngOnDestroy(): void;
|
|
2955
2947
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<DBTabs, never>;
|
|
2956
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<DBTabs, "db-tabs", never, { "
|
|
2948
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<DBTabs, "db-tabs", never, { "name": { "alias": "name"; "required": false; "isSignal": true; }; "tabs": { "alias": "tabs"; "required": false; "isSignal": true; }; "arrowScrollDistance": { "alias": "arrowScrollDistance"; "required": false; "isSignal": true; }; "orientation": { "alias": "orientation"; "required": false; "isSignal": true; }; "behavior": { "alias": "behavior"; "required": false; "isSignal": true; }; "initialSelectedMode": { "alias": "initialSelectedMode"; "required": false; "isSignal": true; }; "initialSelectedIndex": { "alias": "initialSelectedIndex"; "required": false; "isSignal": true; }; "id": { "alias": "id"; "required": false; "isSignal": true; }; "className": { "alias": "className"; "required": false; "isSignal": true; }; "alignment": { "alias": "alignment"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; }, { "indexChange": "indexChange"; "tabSelect": "tabSelect"; }, never, ["*"], true, never>;
|
|
2957
2949
|
}
|
|
2958
2950
|
|
|
2959
2951
|
declare const TagBehaviorList: readonly ["static", "removable"];
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@db-ux/ngx-core-components",
|
|
3
|
-
"version": "4.4.
|
|
3
|
+
"version": "4.4.2",
|
|
4
4
|
"description": "Angular components @db-ux/core-components",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"repository": {
|
|
@@ -16,8 +16,8 @@
|
|
|
16
16
|
"access": "public"
|
|
17
17
|
},
|
|
18
18
|
"dependencies": {
|
|
19
|
-
"@db-ux/core-components": "4.4.
|
|
20
|
-
"@db-ux/core-foundations": "4.4.
|
|
19
|
+
"@db-ux/core-components": "4.4.2",
|
|
20
|
+
"@db-ux/core-foundations": "4.4.2",
|
|
21
21
|
"tslib": "^2.3.0"
|
|
22
22
|
},
|
|
23
23
|
"typings": "index.d.ts",
|