@db-ux/ngx-core-components 4.3.2 → 4.4.0-loading-567cd0c
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 +444 -43
- package/fesm2022/db-ux-ngx-core-components.mjs.map +1 -1
- package/index.d.ts +134 -18
- package/package.json +4 -4
package/index.d.ts
CHANGED
|
@@ -161,10 +161,6 @@ type PopoverDelayType = (typeof PopoverDelayList)[number];
|
|
|
161
161
|
declare const PopoverWidthList: readonly ["auto", "fixed"];
|
|
162
162
|
type PopoverWidthType = (typeof PopoverWidthList)[number];
|
|
163
163
|
type PopoverProps = {
|
|
164
|
-
/**
|
|
165
|
-
* Add a delay before showing the tooltip
|
|
166
|
-
*/
|
|
167
|
-
delay?: PopoverDelayType;
|
|
168
164
|
/**
|
|
169
165
|
* Disable animation
|
|
170
166
|
*/
|
|
@@ -173,6 +169,12 @@ type PopoverProps = {
|
|
|
173
169
|
* Use fixed with for default max-width
|
|
174
170
|
*/
|
|
175
171
|
width?: PopoverWidthType;
|
|
172
|
+
} & DelayProps;
|
|
173
|
+
type DelayProps = {
|
|
174
|
+
/**
|
|
175
|
+
* Add a delay before showing the component
|
|
176
|
+
*/
|
|
177
|
+
delay?: PopoverDelayType;
|
|
176
178
|
};
|
|
177
179
|
type NameProps = {
|
|
178
180
|
/**
|
|
@@ -401,10 +403,6 @@ type LinkProps = {
|
|
|
401
403
|
* The relationship of the linked URL as space-separated link types.
|
|
402
404
|
*/
|
|
403
405
|
rel?: string;
|
|
404
|
-
/**
|
|
405
|
-
* Sets aria role based on [`aria-role`](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles).
|
|
406
|
-
*/
|
|
407
|
-
role?: string;
|
|
408
406
|
/**
|
|
409
407
|
* How much of the referrer to send when following the link.
|
|
410
408
|
* @deprecated use `referrerPolicy` instead
|
|
@@ -415,6 +413,12 @@ type LinkProps = {
|
|
|
415
413
|
*/
|
|
416
414
|
referrerPolicy?: LinkReferrerPolicyType;
|
|
417
415
|
};
|
|
416
|
+
type RoleProps = {
|
|
417
|
+
/**
|
|
418
|
+
* Sets aria role based on [`aria-role`](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles).
|
|
419
|
+
*/
|
|
420
|
+
role?: string;
|
|
421
|
+
};
|
|
418
422
|
type TextProps = {
|
|
419
423
|
/**
|
|
420
424
|
* Alternative for default slot/children.
|
|
@@ -602,6 +606,18 @@ declare const getOptionKey: (option: {
|
|
|
602
606
|
value?: string | number | string[] | undefined;
|
|
603
607
|
}, prefix: string) => string;
|
|
604
608
|
declare const isKeyboardEvent: <T>(event?: ClickEvent<T> | GeneralKeyboardEvent<T>) => event is GeneralKeyboardEvent<T>;
|
|
609
|
+
/**
|
|
610
|
+
* Maps semantic values to appropriate ARIA roles for notifications
|
|
611
|
+
* @param semantic - The semantic type of the notification
|
|
612
|
+
* @param role - The aria role of the notification
|
|
613
|
+
* @param ariaLive - The aria-live of the notification
|
|
614
|
+
* @returns The appropriate ARIA role or undefined for default behavior
|
|
615
|
+
*/
|
|
616
|
+
declare const getNotificationRole: ({ semantic, role, ariaLive }: {
|
|
617
|
+
semantic?: string;
|
|
618
|
+
role?: string;
|
|
619
|
+
ariaLive?: string;
|
|
620
|
+
}) => string | undefined;
|
|
605
621
|
|
|
606
622
|
type DBAccordionItemDefaultProps = {
|
|
607
623
|
/**
|
|
@@ -1315,8 +1331,8 @@ declare class DBCustomSelect implements AfterViewInit, ControlValueAccessor, OnD
|
|
|
1315
1331
|
searchLabel: InputSignal<DBCustomSelectProps["searchLabel"]>;
|
|
1316
1332
|
searchPlaceholder: InputSignal<DBCustomSelectProps["searchPlaceholder"]>;
|
|
1317
1333
|
listLabel: InputSignal<DBCustomSelectProps["listLabel"]>;
|
|
1318
|
-
loadingText: InputSignal<DBCustomSelectProps["loadingText"]>;
|
|
1319
1334
|
noResultsText: InputSignal<DBCustomSelectProps["noResultsText"]>;
|
|
1335
|
+
loadingText: InputSignal<DBCustomSelectProps["loadingText"]>;
|
|
1320
1336
|
mobileCloseButtonText: InputSignal<DBCustomSelectProps["mobileCloseButtonText"]>;
|
|
1321
1337
|
showClearSelection: InputSignal<DBCustomSelectProps["showClearSelection"]>;
|
|
1322
1338
|
clearSelectionText: InputSignal<DBCustomSelectProps["clearSelectionText"]>;
|
|
@@ -1405,7 +1421,7 @@ declare class DBCustomSelect implements AfterViewInit, ControlValueAccessor, OnD
|
|
|
1405
1421
|
ngAfterViewInit(): void;
|
|
1406
1422
|
ngOnDestroy(): void;
|
|
1407
1423
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<DBCustomSelect, never>;
|
|
1408
|
-
static ɵcmp: _angular_core.ɵɵ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; }; "selectedPrefix": { "alias": "selectedPrefix"; "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; }; "listLabel": { "alias": "listLabel"; "required": false; "isSignal": true; }; "
|
|
1424
|
+
static ɵcmp: _angular_core.ɵɵ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; }; "selectedPrefix": { "alias": "selectedPrefix"; "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; }; "listLabel": { "alias": "listLabel"; "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>;
|
|
1409
1425
|
}
|
|
1410
1426
|
|
|
1411
1427
|
declare class DBCustomSelectDropdown implements AfterViewInit {
|
|
@@ -1976,7 +1992,7 @@ type DBLinkDefaultProps = {
|
|
|
1976
1992
|
*/
|
|
1977
1993
|
variant?: LinkVariantType;
|
|
1978
1994
|
};
|
|
1979
|
-
type DBLinkProps = DBLinkDefaultProps & GlobalProps & ClickEventProps<HTMLAnchorElement> & LinkProps & ShowIconProps & TextProps & WrapProps;
|
|
1995
|
+
type DBLinkProps = DBLinkDefaultProps & GlobalProps & ClickEventProps<HTMLAnchorElement> & LinkProps & RoleProps & ShowIconProps & TextProps & WrapProps;
|
|
1980
1996
|
type DBLinkDefaultState = {};
|
|
1981
1997
|
type DBLinkState = DBLinkDefaultState & GlobalState & ClickEventState<HTMLAnchorElement>;
|
|
1982
1998
|
|
|
@@ -2196,20 +2212,26 @@ type DBNotificationDefaultProps = {
|
|
|
2196
2212
|
*/
|
|
2197
2213
|
variant?: NotificationVariantType;
|
|
2198
2214
|
};
|
|
2199
|
-
type DBNotificationProps = DBNotificationDefaultProps & GlobalProps & CloseEventProps<ClickEvent<HTMLButtonElement>> & IconProps & SemanticProps & InnerCloseButtonProps & PopoverProps & ShowIconProps & TextProps;
|
|
2215
|
+
type DBNotificationProps = DBNotificationDefaultProps & GlobalProps & RoleProps & CloseEventProps<ClickEvent<HTMLButtonElement>> & IconProps & SemanticProps & InnerCloseButtonProps & PopoverProps & ShowIconProps & TextProps;
|
|
2200
2216
|
type DBNotificationDefaultState = {};
|
|
2201
2217
|
type DBNotificationState = DBNotificationDefaultState & GlobalState & CloseEventState<ClickEvent<HTMLButtonElement>>;
|
|
2202
2218
|
|
|
2203
2219
|
declare class DBNotification implements AfterViewInit {
|
|
2204
2220
|
protected readonly cls: (...args: ClassNameArg[]) => string;
|
|
2221
|
+
protected readonly getNotificationRole: ({ semantic, role, ariaLive }: {
|
|
2222
|
+
semantic?: string;
|
|
2223
|
+
role?: string;
|
|
2224
|
+
ariaLive?: string;
|
|
2225
|
+
}) => string | undefined;
|
|
2205
2226
|
protected readonly getBoolean: (originBool?: boolean | string, propertyName?: string) => boolean | undefined;
|
|
2206
2227
|
protected readonly getBooleanAsString: (originBool?: boolean | string) => any;
|
|
2207
2228
|
protected readonly stringPropVisible: (givenString?: string, showString?: boolean | string) => boolean;
|
|
2208
2229
|
protected readonly DEFAULT_CLOSE_BUTTON: string;
|
|
2209
2230
|
id: InputSignal<DBNotificationProps["id"]>;
|
|
2210
2231
|
className: InputSignal<DBNotificationProps["className"]>;
|
|
2211
|
-
ariaLive: InputSignal<DBNotificationProps["ariaLive"]>;
|
|
2212
2232
|
semantic: InputSignal<DBNotificationProps["semantic"]>;
|
|
2233
|
+
role: InputSignal<DBNotificationProps["role"]>;
|
|
2234
|
+
ariaLive: InputSignal<DBNotificationProps["ariaLive"]>;
|
|
2213
2235
|
variant: InputSignal<DBNotificationProps["variant"]>;
|
|
2214
2236
|
showIcon: InputSignal<DBNotificationProps["showIcon"]>;
|
|
2215
2237
|
icon: InputSignal<DBNotificationProps["icon"]>;
|
|
@@ -2234,7 +2256,7 @@ declare class DBNotification implements AfterViewInit {
|
|
|
2234
2256
|
private enableAttributePassing;
|
|
2235
2257
|
ngAfterViewInit(): void;
|
|
2236
2258
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<DBNotification, never>;
|
|
2237
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<DBNotification, "db-notification", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "className": { "alias": "className"; "required": false; "isSignal": true; }; "
|
|
2259
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<DBNotification, "db-notification", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "className": { "alias": "className"; "required": false; "isSignal": true; }; "semantic": { "alias": "semantic"; "required": false; "isSignal": true; }; "role": { "alias": "role"; "required": false; "isSignal": true; }; "ariaLive": { "alias": "ariaLive"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "showIcon": { "alias": "showIcon"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "linkVariant": { "alias": "linkVariant"; "required": false; "isSignal": true; }; "headline": { "alias": "headline"; "required": false; "isSignal": true; }; "showHeadline": { "alias": "showHeadline"; "required": false; "isSignal": true; }; "text": { "alias": "text"; "required": false; "isSignal": true; }; "timestamp": { "alias": "timestamp"; "required": false; "isSignal": true; }; "showTimestamp": { "alias": "showTimestamp"; "required": false; "isSignal": true; }; "closeable": { "alias": "closeable"; "required": false; "isSignal": true; }; "closeButtonId": { "alias": "closeButtonId"; "required": false; "isSignal": true; }; "closeButtonText": { "alias": "closeButtonText"; "required": false; "isSignal": true; }; }, { "close": "close"; }, never, ["[image]", "*", "[link]"], true, never>;
|
|
2238
2260
|
}
|
|
2239
2261
|
|
|
2240
2262
|
declare const PageVariantList: readonly ["auto", "fixed"];
|
|
@@ -2434,6 +2456,15 @@ type DBSelectDefaultProps = {
|
|
|
2434
2456
|
* If you don't/can't use children/slots you can pass in the options as an array.
|
|
2435
2457
|
*/
|
|
2436
2458
|
options?: DBSelectOptionType[];
|
|
2459
|
+
/**
|
|
2460
|
+
* Controls whether the empty placeholder option is shown in the dropdown after the user's selection of another option.
|
|
2461
|
+
* By default, it is shown for non-required selects and hidden for required selects.
|
|
2462
|
+
* Set to `true` to always show or `false` to always hide the empty option.
|
|
2463
|
+
*
|
|
2464
|
+
* Note: The empty option is only rendered when `variant === 'floating'` or a `placeholder` is set.
|
|
2465
|
+
* Setting `showEmptyOption` alone has no effect if neither of these conditions is met.
|
|
2466
|
+
*/
|
|
2467
|
+
showEmptyOption?: boolean;
|
|
2437
2468
|
};
|
|
2438
2469
|
type DBSelectOptionType = {
|
|
2439
2470
|
/**
|
|
@@ -2465,6 +2496,7 @@ type DBSelectProps = GlobalProps & ClickEventProps<HTMLSelectElement> & ChangeEv
|
|
|
2465
2496
|
type DBSelectDefaultState = {
|
|
2466
2497
|
_placeholderId: string;
|
|
2467
2498
|
getOptionLabel: (option: DBSelectOptionType) => string;
|
|
2499
|
+
shouldShowEmptyOption: () => boolean;
|
|
2468
2500
|
};
|
|
2469
2501
|
type DBSelectState = DBSelectDefaultState & GlobalState & ClickEventState<HTMLSelectElement> & ChangeEventState<HTMLSelectElement> & FocusEventState<HTMLSelectElement> & InputEventState<HTMLSelectElement> & FormState & InitializedState & FromValidState;
|
|
2470
2502
|
|
|
@@ -2490,8 +2522,9 @@ declare class DBSelect implements AfterViewInit, ControlValueAccessor, OnDestroy
|
|
|
2490
2522
|
validMessage: InputSignal<DBSelectProps["validMessage"]>;
|
|
2491
2523
|
validation: InputSignal<DBSelectProps["validation"]>;
|
|
2492
2524
|
required: InputSignal<DBSelectProps["required"]>;
|
|
2493
|
-
className: InputSignal<DBSelectProps["className"]>;
|
|
2494
2525
|
variant: InputSignal<DBSelectProps["variant"]>;
|
|
2526
|
+
showEmptyOption: InputSignal<DBSelectProps["showEmptyOption"]>;
|
|
2527
|
+
className: InputSignal<DBSelectProps["className"]>;
|
|
2495
2528
|
showLabel: InputSignal<DBSelectProps["showLabel"]>;
|
|
2496
2529
|
showRequiredAsterisk: InputSignal<DBSelectProps["showRequiredAsterisk"]>;
|
|
2497
2530
|
icon: InputSignal<DBSelectProps["icon"]>;
|
|
@@ -2530,6 +2563,7 @@ declare class DBSelect implements AfterViewInit, ControlValueAccessor, OnDestroy
|
|
|
2530
2563
|
handleBlur(event: InteractionEvent<HTMLSelectElement> | any): void;
|
|
2531
2564
|
handleFocus(event: InteractionEvent<HTMLSelectElement> | any): void;
|
|
2532
2565
|
getOptionLabel(option: DBSelectOptionType): string;
|
|
2566
|
+
shouldShowEmptyOption(): boolean | undefined;
|
|
2533
2567
|
trackByOptgroupOption0(_: number, optgroupOption: any): string;
|
|
2534
2568
|
constructor(renderer: Renderer2);
|
|
2535
2569
|
/**
|
|
@@ -2546,7 +2580,7 @@ declare class DBSelect implements AfterViewInit, ControlValueAccessor, OnDestroy
|
|
|
2546
2580
|
ngAfterViewInit(): void;
|
|
2547
2581
|
ngOnDestroy(): void;
|
|
2548
2582
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<DBSelect, never>;
|
|
2549
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<DBSelect, "db-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; }; "placeholder": { "alias": "placeholder"; "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; }; "
|
|
2583
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<DBSelect, "db-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; }; "placeholder": { "alias": "placeholder"; "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; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "showEmptyOption": { "alias": "showEmptyOption"; "required": false; "isSignal": true; }; "className": { "alias": "className"; "required": false; "isSignal": true; }; "showLabel": { "alias": "showLabel"; "required": false; "isSignal": true; }; "showRequiredAsterisk": { "alias": "showRequiredAsterisk"; "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; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "autocomplete": { "alias": "autocomplete"; "required": false; "isSignal": true; }; "multiple": { "alias": "multiple"; "required": false; "isSignal": true; }; "ariaDescribedBy": { "alias": "ariaDescribedBy"; "required": false; "isSignal": true; }; "options": { "alias": "options"; "required": false; "isSignal": true; }; "messageIcon": { "alias": "messageIcon"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "disabled": "disabledChange"; "click": "click"; "input": "input"; "change": "change"; "blur": "blur"; "focus": "focus"; }, never, ["*"], true, never>;
|
|
2550
2584
|
}
|
|
2551
2585
|
|
|
2552
2586
|
declare const StackVariantList: readonly ["simple", "divider"];
|
|
@@ -3305,5 +3339,87 @@ declare const getFloatingProps: (element: HTMLElement, parent: HTMLElement, plac
|
|
|
3305
3339
|
};
|
|
3306
3340
|
declare const handleFixedPopover: (element: HTMLElement, parent: HTMLElement, placement: string) => void;
|
|
3307
3341
|
|
|
3308
|
-
|
|
3309
|
-
|
|
3342
|
+
declare const LoadingIndicatorVariantList: readonly ["progress-bar", "onsite", "inline"];
|
|
3343
|
+
type LoadingIndicatorVariantType = (typeof LoadingIndicatorVariantList)[number];
|
|
3344
|
+
declare const LoadingIndicatorStateList: readonly ["inactive", "active", "successful", "critical"];
|
|
3345
|
+
type LoadingIndicatorStateType = (typeof LoadingIndicatorStateList)[number];
|
|
3346
|
+
type DBLoadingIndicatorDefaultProps = {
|
|
3347
|
+
indeterminate?: boolean | string;
|
|
3348
|
+
label?: string;
|
|
3349
|
+
max?: number | string;
|
|
3350
|
+
progressText?: string;
|
|
3351
|
+
/**
|
|
3352
|
+
* Enables/disables the visibility of the progressText
|
|
3353
|
+
*/
|
|
3354
|
+
showProgressText?: boolean | string;
|
|
3355
|
+
value?: string | number;
|
|
3356
|
+
overlay?: boolean | string;
|
|
3357
|
+
variant?: LoadingIndicatorVariantType;
|
|
3358
|
+
state?: LoadingIndicatorStateType | string;
|
|
3359
|
+
/**
|
|
3360
|
+
* Disable the parent component (e.g. a DBButton) when loading indicator is inside it
|
|
3361
|
+
*/
|
|
3362
|
+
autoDisable?: boolean | string;
|
|
3363
|
+
role?: 'alert' | 'status' | 'none';
|
|
3364
|
+
/**
|
|
3365
|
+
* Triggers after a timeout. For "active" after 5 seconds, for "successful" and "critical" after 2 seconds
|
|
3366
|
+
*/
|
|
3367
|
+
onTimeout?: (state?: LoadingIndicatorStateType | string) => void;
|
|
3368
|
+
};
|
|
3369
|
+
type DBLoadingIndicatorProps = DBLoadingIndicatorDefaultProps & GlobalProps & SizeProps & ShowLabelProps & DelayProps;
|
|
3370
|
+
type DBLoadingIndicatorDefaultState = {
|
|
3371
|
+
_loadingState?: LoadingIndicatorStateType | string;
|
|
3372
|
+
_previousLoadingState?: LoadingIndicatorStateType | string;
|
|
3373
|
+
_style: any;
|
|
3374
|
+
getPercentage: () => string | undefined;
|
|
3375
|
+
getRole: () => string | undefined;
|
|
3376
|
+
handleParentAria: (remove: boolean) => void;
|
|
3377
|
+
handleParentDisabled: () => void;
|
|
3378
|
+
};
|
|
3379
|
+
type DBLoadingIndicatorState = DBLoadingIndicatorDefaultState & GlobalState & InitializedState;
|
|
3380
|
+
|
|
3381
|
+
declare class DBLoadingIndicator implements AfterViewInit, OnDestroy {
|
|
3382
|
+
protected readonly cls: (...args: ClassNameArg[]) => string;
|
|
3383
|
+
protected readonly getBooleanAsString: (originBool?: boolean | string) => any;
|
|
3384
|
+
id: InputSignal<DBLoadingIndicatorProps["id"]>;
|
|
3385
|
+
autoDisable: InputSignal<DBLoadingIndicatorProps["autoDisable"]>;
|
|
3386
|
+
overlay: InputSignal<DBLoadingIndicatorProps["overlay"]>;
|
|
3387
|
+
state: InputSignal<DBLoadingIndicatorProps["state"]>;
|
|
3388
|
+
indeterminate: InputSignal<DBLoadingIndicatorProps["indeterminate"]>;
|
|
3389
|
+
delay: InputSignal<DBLoadingIndicatorProps["delay"]>;
|
|
3390
|
+
value: InputSignal<DBLoadingIndicatorProps["value"]>;
|
|
3391
|
+
max: InputSignal<DBLoadingIndicatorProps["max"]>;
|
|
3392
|
+
role: InputSignal<DBLoadingIndicatorProps["role"]>;
|
|
3393
|
+
className: InputSignal<DBLoadingIndicatorProps["className"]>;
|
|
3394
|
+
size: InputSignal<DBLoadingIndicatorProps["size"]>;
|
|
3395
|
+
variant: InputSignal<DBLoadingIndicatorProps["variant"]>;
|
|
3396
|
+
showLabel: InputSignal<DBLoadingIndicatorProps["showLabel"]>;
|
|
3397
|
+
label: InputSignal<DBLoadingIndicatorProps["label"]>;
|
|
3398
|
+
progressText: InputSignal<DBLoadingIndicatorProps["progressText"]>;
|
|
3399
|
+
showProgressText: InputSignal<DBLoadingIndicatorProps["showProgressText"]>;
|
|
3400
|
+
timeout: _angular_core.OutputEmitterRef<string | void | undefined>;
|
|
3401
|
+
_ref: _angular_core.Signal<ElementRef<any> | undefined>;
|
|
3402
|
+
_id: _angular_core.WritableSignal<string | undefined>;
|
|
3403
|
+
_loadingState: _angular_core.WritableSignal<string | undefined>;
|
|
3404
|
+
_previousLoadingState: _angular_core.WritableSignal<string | undefined>;
|
|
3405
|
+
_style: _angular_core.WritableSignal<any>;
|
|
3406
|
+
initialized: _angular_core.WritableSignal<boolean>;
|
|
3407
|
+
getPercentage(): string | undefined;
|
|
3408
|
+
getRole(): "none" | "alert" | "status" | undefined;
|
|
3409
|
+
handleParentDisabled(): void;
|
|
3410
|
+
handleParentAria(remove: boolean): void;
|
|
3411
|
+
constructor();
|
|
3412
|
+
/**
|
|
3413
|
+
* Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil.
|
|
3414
|
+
* @param element the ref for the component
|
|
3415
|
+
* @param customElementSelector the custom element like `my-component`
|
|
3416
|
+
*/
|
|
3417
|
+
private enableAttributePassing;
|
|
3418
|
+
ngAfterViewInit(): void;
|
|
3419
|
+
ngOnDestroy(): void;
|
|
3420
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<DBLoadingIndicator, never>;
|
|
3421
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<DBLoadingIndicator, "db-loading-indicator", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "autoDisable": { "alias": "autoDisable"; "required": false; "isSignal": true; }; "overlay": { "alias": "overlay"; "required": false; "isSignal": true; }; "state": { "alias": "state"; "required": false; "isSignal": true; }; "indeterminate": { "alias": "indeterminate"; "required": false; "isSignal": true; }; "delay": { "alias": "delay"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "role": { "alias": "role"; "required": false; "isSignal": true; }; "className": { "alias": "className"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "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; }; "progressText": { "alias": "progressText"; "required": false; "isSignal": true; }; "showProgressText": { "alias": "showProgressText"; "required": false; "isSignal": true; }; }, { "timeout": "timeout"; }, never, ["*"], true, never>;
|
|
3422
|
+
}
|
|
3423
|
+
|
|
3424
|
+
export { AccordionBehaviorList, AccordionVariantList, AlignmentList, AutoCompleteList, BadgePlacementList, ButtonTypeList, ButtonVariantList, COLOR, COLORS, COLORS_SIMPLE, COLOR_CONST, COLOR_SIMPLE, CardBehaviorList, CardElevationLevelList, CustomSelectDropdownWidthList, CustomSelectListItemTypeList, DBAccordion, DBAccordionItem, DBBadge, DBBrand, DBButton, DBCard, DBCheckbox, DBCustomSelect, DBCustomSelectDropdown, DBCustomSelectFormField, DBCustomSelectList, DBCustomSelectListItem, DBDivider, DBDrawer, DBHeader, DBIcon, DBInfotext, DBInput, DBLink, DBLoadingIndicator, DBNavigation, DBNavigationItem, DBNotification, DBPage, DBPopover, DBRadio, DBSection, DBSelect, DBStack, DBSwitch, DBTabItem, DBTabList, DBTabPanel, DBTabs, DBTag, DBTextarea, DBTooltip, DB_UX_LOCAL_STORAGE_FRAMEWORK, DB_UX_LOCAL_STORAGE_MODE, DEFAULT_BACK, DEFAULT_BURGER_MENU, DEFAULT_CLOSE_BUTTON, DEFAULT_DATALIST_ID_SUFFIX, DEFAULT_ICON, DEFAULT_ID, DEFAULT_INVALID_MESSAGE, DEFAULT_INVALID_MESSAGE_ID_SUFFIX, DEFAULT_LABEL, DEFAULT_LABEL_ID_SUFFIX, DEFAULT_MESSAGE, DEFAULT_MESSAGE_ID_SUFFIX, DEFAULT_PLACEHOLDER, DEFAULT_PLACEHOLDER_ID_SUFFIX, DEFAULT_REMOVE, DEFAULT_ROWS, DEFAULT_SELECTED, DEFAULT_SELECT_ID_SUFFIX, DEFAULT_VALID_MESSAGE, DEFAULT_VALID_MESSAGE_ID_SUFFIX, DEFAULT_VIEWPORT, DENSITIES, DENSITY, DENSITY_CONST, DESKTOP_VIEWPORT, DividerMarginList, DividerVariantList, DocumentClickListener, DocumentScrollListener, DrawerBackdropList, DrawerDirectionList, DrawerPositionList, DrawerVariantList, EmphasisList, FieldSizingList, GapSpacingList, IconWeightList, InputTypeList, LabelVariantHorizontalList, LabelVariantList, LinkContentList, LinkReferrerPolicyList, LinkSizeList, LinkTargetList, LinkVariantList, LoadingIndicatorStateList, LoadingIndicatorVariantList, MarginList, MaxWidthList, MetaNavigationDirective, NavigationContentDirective, NavigationDirective, NavigationItemSafeTriangle, NotificationAriaLiveList, NotificationLinkVariantList, NotificationVariantList, OrientationList, PageDocumentOverflowList, PageVariantList, PlacementHorizontalList, PlacementList, PlacementVerticalList, PopoverDelayList, PopoverWidthList, SEMANTIC, SEMANTICS, SecondaryActionDirective, SelectedTypeList, SemanticList, SizeList, SpacingList, StackAlignmentList, StackDirectionList, StackJustifyContentList, StackVariantList, TESTING_VIEWPORTS, TabsBehaviorList, TabsInitialSelectedModeList, TagBehaviorList, TextareaResizeList, TextareaWrapList, TooltipVariantList, ValidationList, WidthList, addAttributeToChildren, cls, delay, getBoolean, getBooleanAsString, getFloatingProps, getHideProp, getInputValue, getNotificationRole, getNumber, getOptionKey, getSearchInput, getStep, handleDataOutside, handleFixedDropdown, handleFixedPopover, hasVoiceOver, isArrayOfStrings, isEventTargetNavigationItem, isIOSSafari, isKeyboardEvent, stringPropVisible, uuid };
|
|
3425
|
+
export type { AccordionBehaviorType, AccordionVariantType, ActiveProps, AlignmentProps, AlignmentType, AriaControlsProps, AutoCompleteType, BadgePlacementType, BaseFormProps, ButtonTypeType, ButtonVariantType, CardBehaviorType, CardElevationLevelType, ChangeEvent, ChangeEventProps, ChangeEventState, ClassNameArg, ClickEvent, ClickEventProps, ClickEventState, CloseEventProps, CloseEventState, ContainerWidthProps, ContentSlotProps, CustomFormProps, CustomSelectDropdownWidthType, CustomSelectListItemTypeType, CustomSelectOptionType, DBAccordionDefaultProps, DBAccordionDefaultState, DBAccordionItemDefaultProps, DBAccordionItemDefaultState, DBAccordionItemProps, DBAccordionItemState, DBAccordionProps, DBAccordionState, DBBadgeDefaultProps, DBBadgeDefaultState, DBBadgeProps, DBBadgeState, DBBrandDefaultProps, DBBrandDefaultState, DBBrandProps, DBBrandState, DBButtonDefaultProps, DBButtonDefaultState, DBButtonProps, DBButtonState, DBCardDefaultProps, DBCardDefaultState, DBCardProps, DBCardState, DBCheckboxDefaultProps, DBCheckboxDefaultState, DBCheckboxProps, DBCheckboxState, DBCustomSelectDefaultProps, DBCustomSelectDefaultState, DBCustomSelectDropdownDefaultProps, DBCustomSelectDropdownDefaultState, DBCustomSelectDropdownProps, DBCustomSelectDropdownState, DBCustomSelectEvents, DBCustomSelectFormFieldDefaultProps, DBCustomSelectFormFieldDefaultState, DBCustomSelectFormFieldProps, DBCustomSelectFormFieldState, DBCustomSelectListDefaultProps, DBCustomSelectListDefaultState, DBCustomSelectListItemDefaultProps, DBCustomSelectListItemDefaultState, DBCustomSelectListItemExtraProps, DBCustomSelectListItemProps, DBCustomSelectListItemState, DBCustomSelectListProps, DBCustomSelectListState, DBCustomSelectProps, DBCustomSelectState, DBDataOutsidePair, DBDividerDefaultProps, DBDividerDefaultState, DBDividerProps, DBDividerState, DBDrawerDefaultProps, DBDrawerDefaultState, DBDrawerProps, DBDrawerState, DBHeaderDefaultProps, DBHeaderDefaultState, DBHeaderProps, DBHeaderState, DBIconDefaultProps, DBIconDefaultState, DBIconProps, DBIconState, DBInfotextDefaultProps, DBInfotextDefaultState, DBInfotextProps, DBInfotextState, DBInputDefaultProps, DBInputDefaultState, DBInputProps, DBInputState, DBLinkDefaultProps, DBLinkDefaultState, DBLinkProps, DBLinkState, DBLoadingIndicatorDefaultProps, DBLoadingIndicatorDefaultState, DBLoadingIndicatorProps, DBLoadingIndicatorState, DBNavigationDefaultProps, DBNavigationDefaultState, DBNavigationItemDefaultProps, DBNavigationItemDefaultState, DBNavigationItemProps, DBNavigationItemState, DBNavigationProps, DBNavigationState, DBNotificationDefaultProps, DBNotificationDefaultState, DBNotificationProps, DBNotificationState, DBPageDefaultProps, DBPageDefaultState, DBPageProps, DBPageState, DBPopoverDefaultProps, DBPopoverDefaultState, DBPopoverProps, DBPopoverState, DBRadioDefaultProps, DBRadioDefaultState, DBRadioProps, DBRadioState, DBSectionDefaultProps, DBSectionProps, DBSelectDefaultProps, DBSelectDefaultState, DBSelectOptionType, DBSelectProps, DBSelectState, DBSimpleTabProps, DBStackDefaultProps, DBStackDefaultState, DBStackProps, DBStackState, DBSwitchDefaultProps, DBSwitchDefaultState, DBSwitchProps, DBSwitchState, DBTabItemDefaultProps, DBTabItemDefaultState, DBTabItemProps, DBTabItemState, DBTabListDefaultProps, DBTabListDefaultState, DBTabListProps, DBTabListState, DBTabPanelDefaultProps, DBTabPanelDefaultState, DBTabPanelProps, DBTabPanelState, DBTabsDefaultProps, DBTabsDefaultState, DBTabsEventProps, DBTabsProps, DBTabsState, DBTagDefaultProps, DBTagDefaultState, DBTagEventsProps, DBTagProps, DBTagState, DBTextareaDefaultProps, DBTextareaDefaultState, DBTextareaProps, DBTextareaState, DBTooltipDefaultProps, DBTooltipDefaultState, DBTooltipProps, DBTooltipState, DelayProps, DividerMarginType, DividerVariantType, DocumentScrollState, DrawerBackdropType, DrawerDirectionType, DrawerPositionType, DrawerVariantType, EmphasisProps, EmphasisType, FieldSizingType, FocusEventProps, FocusEventState, FormCheckProps, FormMessageProps, FormProps, FormSizeProps, FormState, FormTextProps, FromValidState, GapProps, GapSpacingProps, GapSpacingType, GeneralEvent, GeneralKeyboardEvent, GlobalProps, GlobalState, IconLeadingProps, IconProps, IconTrailingProps, IconWeightType, InitializedState, InnerCloseButtonProps, InputEvent, InputEventProps, InputEventState, InputTypeType, InteractionEvent, LabelVariantHorizontalType, LabelVariantType, LinkContentType, LinkProps, LinkReferrerPolicyType, LinkSizeType, LinkTargetType, LinkVariantType, LoadingIndicatorStateType, LoadingIndicatorVariantType, MarginProps, MarginType, MaxWidthType, NameProps, NameState, NavigationBackButtonProps, NavigationBehaviorState, NotificationAriaLiveType, NotificationLinkVariantType, NotificationVariantType, OrientationProps, OrientationType, OverflowProps, PageDocumentOverflowType, PageVariantType, PatternhubProps, PlacementHorizontalType, PlacementProps, PlacementType, PlacementVerticalType, PopoverDelayType, PopoverProps, PopoverState, PopoverWidthType, RequiredProps, RoleProps, SelectedTypeType, SemanticProps, SemanticType, ShowIconLeadingProps, ShowIconProps, ShowIconTrailingProps, ShowLabelProps, SizeProps, SizeType, SpacingProps, SpacingType, StackAlignmentType, StackDirectionType, StackJustifyContentType, StackVariantType, TabsBehaviorType, TabsInitialSelectedModeType, TagBehaviorType, TextProps, TextareaResizeType, TextareaWrapType, ToggleEventProps, ToggleEventState, TooltipVariantType, TriangleData, ValidationType, ValueLabelType, ValueProps, WidthProps, WidthType, WrapProps };
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@db-ux/ngx-core-components",
|
|
3
|
-
"version": "4.
|
|
3
|
+
"version": "4.4.0-loading-567cd0c",
|
|
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.
|
|
20
|
-
"@db-ux/core-foundations": "4.
|
|
19
|
+
"@db-ux/core-components": "4.4.0-loading-567cd0c",
|
|
20
|
+
"@db-ux/core-foundations": "4.4.0-loading-567cd0c",
|
|
21
21
|
"tslib": "^2.3.0"
|
|
22
22
|
},
|
|
23
23
|
"typings": "index.d.ts",
|
|
@@ -31,4 +31,4 @@
|
|
|
31
31
|
}
|
|
32
32
|
},
|
|
33
33
|
"sideEffects": false
|
|
34
|
-
}
|
|
34
|
+
}
|