@db-ux/ngx-core-components 2.3.1 → 2.4.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (26) hide show
  1. package/components/badge/badge.d.ts +1 -1
  2. package/components/badge/model.d.ts +1 -1
  3. package/components/checkbox/checkbox.d.ts +2 -1
  4. package/components/custom-select/custom-select.d.ts +3 -2
  5. package/components/custom-select/model.d.ts +1 -1
  6. package/components/drawer/drawer.d.ts +4 -2
  7. package/components/drawer/model.d.ts +11 -2
  8. package/components/header/model.d.ts +6 -6
  9. package/components/infotext/infotext.d.ts +1 -1
  10. package/components/input/input.d.ts +2 -1
  11. package/components/navigation-item/navigation-item.d.ts +1 -1
  12. package/components/notification/model.d.ts +3 -3
  13. package/components/notification/notification.d.ts +2 -2
  14. package/components/radio/radio.d.ts +2 -1
  15. package/components/select/select.d.ts +3 -2
  16. package/components/switch/switch.d.ts +2 -1
  17. package/components/tabs/model.d.ts +1 -1
  18. package/components/tabs/tabs.d.ts +1 -1
  19. package/components/tag/model.d.ts +1 -1
  20. package/components/tag/tag.d.ts +1 -1
  21. package/components/textarea/textarea.d.ts +2 -1
  22. package/fesm2022/db-ux-ngx-core-components.mjs +4759 -4711
  23. package/fesm2022/db-ux-ngx-core-components.mjs.map +1 -1
  24. package/index.d.ts +16 -17
  25. package/package.json +3 -3
  26. package/shared/model.d.ts +12 -2
package/components/badge/badge.d.ts CHANGED
@@ -6,7 +6,7 @@ export declare class DBBadge implements AfterViewInit {
6
6
  placement: import("@angular/core").InputSignal<"inline" | "corner-top-left" | "corner-top-right" | "corner-center-left" | "corner-center-right" | "corner-bottom-left" | "corner-bottom-right" | undefined>;
7
7
  id: import("@angular/core").InputSignal<string | undefined>;
8
8
  className: import("@angular/core").InputSignal<string | undefined>;
9
- semantic: import("@angular/core").InputSignal<"adaptive" | "neutral" | "critical" | "informational" | "warning" | "successful" | undefined>;
9
+ semantic: import("@angular/core").InputSignal<"critical" | "informational" | "warning" | "successful" | "adaptive" | "neutral" | undefined>;
10
10
  size: import("@angular/core").InputSignal<"medium" | "small" | undefined>;
11
11
  emphasis: import("@angular/core").InputSignal<"weak" | "strong" | undefined>;
12
12
  label: import("@angular/core").InputSignal<string | undefined>;
package/components/badge/model.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- import { GlobalProps, GlobalState, InitializedState, SemanticProps, SizeProps, EmphasisProps, TextProps } from '../../shared/model';
1
+ import { EmphasisProps, GlobalProps, GlobalState, InitializedState, SemanticProps, SizeProps, TextProps } from '../../shared/model';
2
2
  export declare const BadgePlacementList: readonly ["inline", "corner-top-left", "corner-top-right", "corner-center-left", "corner-center-right", "corner-bottom-left", "corner-bottom-right"];
3
3
  export type BadgePlacementType = (typeof BadgePlacementList)[number];
4
4
  export type DBBadgeDefaultProps = {
package/components/checkbox/checkbox.d.ts CHANGED
@@ -24,6 +24,7 @@ export declare class DBCheckbox implements AfterViewInit, ControlValueAccessor {
24
24
  name: import("@angular/core").InputSignal<string | undefined>;
25
25
  disabled: import("@angular/core").ModelSignal<string | boolean | undefined>;
26
26
  value: import("@angular/core").InputSignal<any>;
27
+ showRequiredAsterisk: import("@angular/core").InputSignal<string | boolean | undefined>;
27
28
  ariaDescribedBy: import("@angular/core").InputSignal<string | undefined>;
28
29
  label: import("@angular/core").InputSignal<string | undefined>;
29
30
  messageIcon: import("@angular/core").InputSignal<import("@db-ux/core-foundations").BaseIconTypes | import("@db-ux/core-foundations").LooseAutocomplete | undefined>;
@@ -59,5 +60,5 @@ export declare class DBCheckbox implements AfterViewInit, ControlValueAccessor {
59
60
  ngOnInit(): void;
60
61
  ngAfterViewInit(): void;
61
62
  static ɵfac: i0.ɵɵFactoryDeclaration<DBCheckbox, never>;
62
- static ɵcmp: i0.ɵɵComponentDeclaration<DBCheckbox, "db-checkbox", 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; }; "indeterminate": { "alias": "indeterminate"; "required": false; "isSignal": true; }; "checked": { "alias": "checked"; "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; }; "className": { "alias": "className"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "showLabel": { "alias": "showLabel"; "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; }; "ariaDescribedBy": { "alias": "ariaDescribedBy"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "messageIcon": { "alias": "messageIcon"; "required": false; "isSignal": true; }; }, { "checked": "checkedChange"; "disabled": "disabledChange"; "change": "change"; "blur": "blur"; "focus": "focus"; }, never, ["*"], true, never>;
63
+ static ɵcmp: i0.ɵɵComponentDeclaration<DBCheckbox, "db-checkbox", 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; }; "indeterminate": { "alias": "indeterminate"; "required": false; "isSignal": true; }; "checked": { "alias": "checked"; "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; }; "className": { "alias": "className"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "showLabel": { "alias": "showLabel"; "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; }; "showRequiredAsterisk": { "alias": "showRequiredAsterisk"; "required": false; "isSignal": true; }; "ariaDescribedBy": { "alias": "ariaDescribedBy"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "messageIcon": { "alias": "messageIcon"; "required": false; "isSignal": true; }; }, { "checked": "checkedChange"; "disabled": "disabledChange"; "change": "change"; "blur": "blur"; "focus": "focus"; }, never, ["*"], true, never>;
63
64
  }
package/components/custom-select/custom-select.d.ts CHANGED
@@ -1,7 +1,7 @@
1
1
  import { AfterViewInit, ElementRef, Renderer2 } from "@angular/core";
2
2
  import { ControlValueAccessor } from '@angular/forms';
3
- import { CustomSelectOptionType } from "./model";
4
3
  import { ClickEvent, GeneralEvent, InputEvent, InteractionEvent } from "../../shared/model";
4
+ import { CustomSelectOptionType } from "./model";
5
5
  import * as i0 from "@angular/core";
6
6
  export declare class DBCustomSelect implements AfterViewInit, ControlValueAccessor {
7
7
  private renderer;
@@ -44,6 +44,7 @@ export declare class DBCustomSelect implements AfterViewInit, ControlValueAccess
44
44
  className: import("@angular/core").InputSignal<string | undefined>;
45
45
  formFieldWidth: import("@angular/core").InputSignal<string | undefined>;
46
46
  variant: import("@angular/core").InputSignal<"above" | "floating" | undefined>;
47
+ showRequiredAsterisk: import("@angular/core").InputSignal<string | boolean | undefined>;
47
48
  showLabel: import("@angular/core").InputSignal<string | boolean | undefined>;
48
49
  icon: import("@angular/core").InputSignal<import("@db-ux/core-foundations").BaseIconTypes | import("@db-ux/core-foundations").LooseAutocomplete | undefined>;
49
50
  showIcon: import("@angular/core").InputSignal<string | boolean | undefined>;
@@ -145,5 +146,5 @@ export declare class DBCustomSelect implements AfterViewInit, ControlValueAccess
145
146
  ngOnInit(): void;
146
147
  ngAfterViewInit(): void;
147
148
  static ɵfac: i0.ɵɵFactoryDeclaration<DBCustomSelect, never>;
148
- 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>;
149
+ static ɵcmp: i0.ɵɵComponentDeclaration<DBCustomSelect, "db-custom-select", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "invalidMessage": { "alias": "invalidMessage"; "required": false; "isSignal": true; }; "message": { "alias": "message"; "required": false; "isSignal": true; }; "showMessage": { "alias": "showMessage"; "required": false; "isSignal": true; }; "ariaDescribedBy": { "alias": "ariaDescribedBy"; "required": false; "isSignal": true; }; "showNoResults": { "alias": "showNoResults"; "required": false; "isSignal": true; }; "multiple": { "alias": "multiple"; "required": false; "isSignal": true; }; "showSelectAll": { "alias": "showSelectAll"; "required": false; "isSignal": true; }; "showSearch": { "alias": "showSearch"; "required": false; "isSignal": true; }; "values": { "alias": "values"; "required": false; "isSignal": true; }; "validation": { "alias": "validation"; "required": false; "isSignal": true; }; "options": { "alias": "options"; "required": false; "isSignal": true; }; "searchValue": { "alias": "searchValue"; "required": false; "isSignal": true; }; "selectedLabels": { "alias": "selectedLabels"; "required": false; "isSignal": true; }; "transformSelectedLabels": { "alias": "transformSelectedLabels"; "required": false; "isSignal": true; }; "selectedType": { "alias": "selectedType"; "required": false; "isSignal": true; }; "amountText": { "alias": "amountText"; "required": false; "isSignal": true; }; "validMessage": { "alias": "validMessage"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "selectAllLabel": { "alias": "selectAllLabel"; "required": false; "isSignal": true; }; "removeTagsTexts": { "alias": "removeTagsTexts"; "required": false; "isSignal": true; }; "placement": { "alias": "placement"; "required": false; "isSignal": true; }; "searchFilter": { "alias": "searchFilter"; "required": false; "isSignal": true; }; "className": { "alias": "className"; "required": false; "isSignal": true; }; "formFieldWidth": { "alias": "formFieldWidth"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "showRequiredAsterisk": { "alias": "showRequiredAsterisk"; "required": false; "isSignal": true; }; "showLabel": { "alias": "showLabel"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "showIcon": { "alias": "showIcon"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "form": { "alias": "form"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "open": { "alias": "open"; "required": false; "isSignal": true; }; "dropdownWidth": { "alias": "dropdownWidth"; "required": false; "isSignal": true; }; "searchLabel": { "alias": "searchLabel"; "required": false; "isSignal": true; }; "searchPlaceholder": { "alias": "searchPlaceholder"; "required": false; "isSignal": true; }; "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>;
149
150
  }
package/components/custom-select/model.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  import { BaseFormProps, ClickEvent, CloseEventState, CustomFormProps, DocumentScrollState, FormMessageProps, FormState, FromValidState, GeneralEvent, GlobalProps, GlobalState, IconProps, InputEvent, InteractionEvent, PlacementVerticalType, RequiredProps, ShowIconProps, ShowLabelProps, ValidationType, WidthType } from '../../shared/model';
2
- import { DBCustomSelectFormFieldDefaultProps } from '../custom-select-form-field/model';
3
2
  import { CustomSelectDropdownWidthType } from '../custom-select-dropdown/model';
3
+ import { DBCustomSelectFormFieldDefaultProps } from '../custom-select-form-field/model';
4
4
  import { DBCustomSelectListItemExtraProps } from '../custom-select-list-item/model';
5
5
  export type CustomSelectOptionType = {
6
6
  /**
package/components/drawer/drawer.d.ts CHANGED
@@ -6,19 +6,21 @@ export declare class DBDrawer implements AfterViewInit {
6
6
  protected readonly getBooleanAsString: (originBool?: boolean | string) => any;
7
7
  protected readonly DEFAULT_CLOSE_BUTTON: string;
8
8
  open: import("@angular/core").InputSignal<string | boolean | undefined>;
9
+ position: import("@angular/core").InputSignal<"fixed" | "absolute" | undefined>;
9
10
  backdrop: import("@angular/core").InputSignal<"none" | "weak" | "strong" | "invisible" | undefined>;
10
11
  variant: import("@angular/core").InputSignal<"modal" | "inside" | undefined>;
11
12
  id: import("@angular/core").InputSignal<string | undefined>;
13
+ direction: import("@angular/core").InputSignal<"left" | "right" | "up" | "down" | undefined>;
12
14
  className: import("@angular/core").InputSignal<string | undefined>;
13
15
  spacing: import("@angular/core").InputSignal<string | undefined>;
14
16
  width: import("@angular/core").InputSignal<string | undefined>;
15
- direction: import("@angular/core").InputSignal<"left" | "right" | "up" | "down" | undefined>;
16
17
  rounded: import("@angular/core").InputSignal<string | boolean | undefined>;
17
18
  closeButtonId: import("@angular/core").InputSignal<string | undefined>;
18
19
  closeButtonText: import("@angular/core").InputSignal<string | undefined>;
19
20
  close: import("@angular/core").OutputEmitterRef<void | KeyboardEvent | MouseEvent | undefined>;
20
21
  _ref: import("@angular/core").Signal<ElementRef<any> | undefined>;
21
22
  dialogContainerRef: import("@angular/core").Signal<ElementRef<any> | undefined>;
23
+ initialized: import("@angular/core").WritableSignal<boolean>;
22
24
  handleClose(event?: ClickEvent<HTMLButtonElement | HTMLDialogElement> | GeneralKeyboardEvent<HTMLDialogElement> | void, forceClose?: boolean): void;
23
25
  handleDialogOpen(): void;
24
26
  constructor();
@@ -31,5 +33,5 @@ export declare class DBDrawer implements AfterViewInit {
31
33
  ngOnInit(): void;
32
34
  ngAfterViewInit(): void;
33
35
  static ɵfac: i0.ɵɵFactoryDeclaration<DBDrawer, never>;
34
- static ɵcmp: i0.ɵɵComponentDeclaration<DBDrawer, "db-drawer", never, { "open": { "alias": "open"; "required": false; "isSignal": true; }; "backdrop": { "alias": "backdrop"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "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; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; "direction": { "alias": "direction"; "required": false; "isSignal": true; }; "rounded": { "alias": "rounded"; "required": false; "isSignal": true; }; "closeButtonId": { "alias": "closeButtonId"; "required": false; "isSignal": true; }; "closeButtonText": { "alias": "closeButtonText"; "required": false; "isSignal": true; }; }, { "close": "close"; }, never, ["[drawer-header]", "*"], true, never>;
36
+ static ɵcmp: i0.ɵɵComponentDeclaration<DBDrawer, "db-drawer", never, { "open": { "alias": "open"; "required": false; "isSignal": true; }; "position": { "alias": "position"; "required": false; "isSignal": true; }; "backdrop": { "alias": "backdrop"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "id": { "alias": "id"; "required": false; "isSignal": true; }; "direction": { "alias": "direction"; "required": false; "isSignal": true; }; "className": { "alias": "className"; "required": false; "isSignal": true; }; "spacing": { "alias": "spacing"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; "rounded": { "alias": "rounded"; "required": false; "isSignal": true; }; "closeButtonId": { "alias": "closeButtonId"; "required": false; "isSignal": true; }; "closeButtonText": { "alias": "closeButtonText"; "required": false; "isSignal": true; }; }, { "close": "close"; }, never, ["[drawer-header]", "*"], true, never>;
35
37
  }
package/components/drawer/model.d.ts CHANGED
@@ -1,10 +1,12 @@
1
- import { ClickEvent, CloseEventProps, CloseEventState, GeneralKeyboardEvent, GlobalProps, GlobalState, InnerCloseButtonProps, SpacingProps, WidthProps } from '../../shared/model';
1
+ import { ClickEvent, CloseEventProps, CloseEventState, GeneralKeyboardEvent, GlobalProps, GlobalState, InitializedState, InnerCloseButtonProps, SpacingProps, WidthProps } from '../../shared/model';
2
2
  export declare const DrawerBackdropList: readonly ["none", "strong", "weak", "invisible"];
3
3
  export type DrawerBackdropType = (typeof DrawerBackdropList)[number];
4
4
  export declare const DrawerDirectionList: readonly ["left", "right", "up", "down"];
5
5
  export type DrawerDirectionType = (typeof DrawerDirectionList)[number];
6
6
  export declare const DrawerVariantList: readonly ["modal", "inside"];
7
7
  export type DrawerVariantType = (typeof DrawerVariantList)[number];
8
+ export declare const DrawerPositionList: readonly ["fixed", "absolute"];
9
+ export type DrawerPositionType = (typeof DrawerPositionList)[number];
8
10
  export type DBDrawerDefaultProps = {
9
11
  /**
10
12
  * The backdrop attribute changes the opacity of the backdrop.
@@ -33,9 +35,16 @@ export type DBDrawerDefaultProps = {
33
35
  * Set the variant modal|inside. Defaults to modal.
34
36
  */
35
37
  variant?: DrawerVariantType;
38
+ /**
39
+ * The position attribute changes the css-position (fixed or absolute) of the drawer.
40
+ *
41
+ * - `fixed` (default): Renders with `showModal()`, creating a true modal with a focus trap.
42
+ * - `absolute`: Renders with `show()`, acting as a simple overlay **without** a focus trap.
43
+ */
44
+ position?: DrawerPositionType;
36
45
  };
37
46
  export type DBDrawerProps = DBDrawerDefaultProps & GlobalProps & CloseEventProps<ClickEvent<HTMLButtonElement | HTMLDialogElement> | GeneralKeyboardEvent<HTMLDialogElement>> & InnerCloseButtonProps & WidthProps & SpacingProps;
38
47
  export type DBDrawerDefaultState = {
39
48
  handleDialogOpen: () => void;
40
49
  };
41
- export type DBDrawerState = DBDrawerDefaultState & GlobalState & CloseEventState<ClickEvent<HTMLButtonElement | HTMLDialogElement> | GeneralKeyboardEvent<HTMLDialogElement>>;
50
+ export type DBDrawerState = DBDrawerDefaultState & GlobalState & CloseEventState<ClickEvent<HTMLButtonElement | HTMLDialogElement> | GeneralKeyboardEvent<HTMLDialogElement>> & InitializedState;
package/components/header/model.d.ts CHANGED
@@ -6,20 +6,20 @@ export type DBHeaderDefaultProps = {
6
6
  brand?: any;
7
7
  /**
8
8
  * Slot to pass in a meta navigation.
9
- * Desktop: Above the regular header
10
- * Mobile: Inside the drawer
9
+ * - Desktop: Above the regular header
10
+ * - Mobile: Inside the drawer
11
11
  */
12
12
  metaNavigation?: any;
13
13
  /**
14
14
  * Slot to pass one or more elements like DBButton (e.g. search) as primary action.
15
- * Desktop: Shown next to the main-navigation
16
- * Mobile: Shown next to the brand
15
+ * - Desktop: Shown next to the main-navigation
16
+ * - Mobile: Shown next to the brand
17
17
  */
18
18
  primaryAction?: any;
19
19
  /**
20
20
  * Slot to pass one or more elements like DBButton (e.g. profile, language, etc.) as secondary action.
21
- * Desktop: Shown seperated by divider at the end of the header
22
- * Mobile: Shown inside the drawer at the bottom.
21
+ * - Desktop: Shown separated by divider at the end of the header
22
+ * - Mobile: Shown inside the drawer at the bottom.
23
23
  */
24
24
  secondaryAction?: any;
25
25
  /**
package/components/infotext/infotext.d.ts CHANGED
@@ -6,7 +6,7 @@ export declare class DBInfotext implements AfterViewInit {
6
6
  id: import("@angular/core").InputSignal<string | undefined>;
7
7
  className: import("@angular/core").InputSignal<string | undefined>;
8
8
  icon: import("@angular/core").InputSignal<import("@db-ux/core-foundations").BaseIconTypes | import("@db-ux/core-foundations").LooseAutocomplete | undefined>;
9
- semantic: import("@angular/core").InputSignal<"adaptive" | "neutral" | "critical" | "informational" | "warning" | "successful" | undefined>;
9
+ semantic: import("@angular/core").InputSignal<"critical" | "informational" | "warning" | "successful" | "adaptive" | "neutral" | undefined>;
10
10
  size: import("@angular/core").InputSignal<"medium" | "small" | undefined>;
11
11
  showIcon: import("@angular/core").InputSignal<string | boolean | undefined>;
12
12
  text: import("@angular/core").InputSignal<string | undefined>;
package/components/input/input.d.ts CHANGED
@@ -38,6 +38,7 @@ export declare class DBInput implements AfterViewInit, ControlValueAccessor {
38
38
  type: import("@angular/core").InputSignal<string | undefined>;
39
39
  placeholder: import("@angular/core").InputSignal<string | undefined>;
40
40
  disabled: import("@angular/core").ModelSignal<string | boolean | undefined>;
41
+ showRequiredAsterisk: import("@angular/core").InputSignal<string | boolean | undefined>;
41
42
  step: import("@angular/core").InputSignal<string | number | undefined>;
42
43
  maxlength: import("@angular/core").InputSignal<string | number | undefined>;
43
44
  minlength: import("@angular/core").InputSignal<string | number | undefined>;
@@ -88,5 +89,5 @@ export declare class DBInput implements AfterViewInit, ControlValueAccessor {
88
89
  ngOnInit(): void;
89
90
  ngAfterViewInit(): void;
90
91
  static ɵfac: i0.ɵɵFactoryDeclaration<DBInput, 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>;
92
+ 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; }; "showRequiredAsterisk": { "alias": "showRequiredAsterisk"; "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>;
92
93
  }
package/components/navigation-item/navigation-item.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  import { AfterViewInit, ElementRef } from "@angular/core";
2
- import { NavigationItemSafeTriangle } from "../../utils/navigation";
3
2
  import { ClickEvent } from "../../shared/model";
3
+ import { NavigationItemSafeTriangle } from "../../utils/navigation";
4
4
  import * as i0 from "@angular/core";
5
5
  export declare class DBNavigationItem implements AfterViewInit {
6
6
  dbNavigationContent: any;
package/components/notification/model.d.ts CHANGED
@@ -46,9 +46,9 @@ export type DBNotificationDefaultProps = {
46
46
  showTimestamp?: boolean | string;
47
47
  /**
48
48
  * The variant attribute changes the styling of the notification.
49
- * The docked notifications are used e.g. between header and main content to show a global alert.
50
- * The standalone notifications are used e.g. inside a form to show an alert for a specific field.
51
- * The overlay notifications are used for absolute and floating notifications like snackbars etc.
49
+ * - The docked notifications are used e.g. between header and main content to show a global alert.
50
+ * - The standalone notifications are used e.g. inside a form to show an alert for a specific field.
51
+ * - The overlay notifications are used for absolute and floating notifications like snackbars etc.
52
52
  */
53
53
  variant?: NotificationVariantType;
54
54
  };
package/components/notification/notification.d.ts CHANGED
@@ -10,11 +10,11 @@ export declare class DBNotification implements AfterViewInit {
10
10
  id: import("@angular/core").InputSignal<string | undefined>;
11
11
  className: import("@angular/core").InputSignal<string | undefined>;
12
12
  ariaLive: import("@angular/core").InputSignal<"off" | "assertive" | "polite" | undefined>;
13
- semantic: import("@angular/core").InputSignal<"adaptive" | "neutral" | "critical" | "informational" | "warning" | "successful" | undefined>;
13
+ semantic: import("@angular/core").InputSignal<"critical" | "informational" | "warning" | "successful" | "adaptive" | "neutral" | undefined>;
14
14
  variant: import("@angular/core").InputSignal<"standalone" | "docked" | "overlay" | undefined>;
15
15
  icon: import("@angular/core").InputSignal<import("@db-ux/core-foundations").BaseIconTypes | import("@db-ux/core-foundations").LooseAutocomplete | undefined>;
16
16
  showIcon: import("@angular/core").InputSignal<string | boolean | undefined>;
17
- linkVariant: import("@angular/core").InputSignal<"block" | "inline" | undefined>;
17
+ linkVariant: import("@angular/core").InputSignal<"inline" | "block" | undefined>;
18
18
  headline: import("@angular/core").InputSignal<any>;
19
19
  showHeadline: import("@angular/core").InputSignal<string | boolean | undefined>;
20
20
  text: import("@angular/core").InputSignal<string | undefined>;
package/components/radio/radio.d.ts CHANGED
@@ -19,6 +19,7 @@ export declare class DBRadio implements AfterViewInit, ControlValueAccessor {
19
19
  ariaDescribedBy: import("@angular/core").InputSignal<string | undefined>;
20
20
  value: import("@angular/core").ModelSignal<any>;
21
21
  required: import("@angular/core").InputSignal<string | boolean | undefined>;
22
+ showRequiredAsterisk: import("@angular/core").InputSignal<string | boolean | undefined>;
22
23
  label: import("@angular/core").InputSignal<string | undefined>;
23
24
  change: import("@angular/core").OutputEmitterRef<void | Event>;
24
25
  blur: import("@angular/core").OutputEmitterRef<void | FocusEvent>;
@@ -44,5 +45,5 @@ export declare class DBRadio implements AfterViewInit, ControlValueAccessor {
44
45
  ngOnInit(): void;
45
46
  ngAfterViewInit(): void;
46
47
  static ɵfac: i0.ɵɵFactoryDeclaration<DBRadio, never>;
47
- static ɵcmp: i0.ɵɵComponentDeclaration<DBRadio, "db-radio", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "checked": { "alias": "checked"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "showLabel": { "alias": "showLabel"; "required": false; "isSignal": true; }; "className": { "alias": "className"; "required": false; "isSignal": true; }; "validation": { "alias": "validation"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "describedbyid": { "alias": "describedbyid"; "required": false; "isSignal": true; }; "ariaDescribedBy": { "alias": "ariaDescribedBy"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; }, { "disabled": "disabledChange"; "value": "valueChange"; "change": "change"; "blur": "blur"; "focus": "focus"; }, never, ["*"], true, never>;
48
+ static ɵcmp: i0.ɵɵComponentDeclaration<DBRadio, "db-radio", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "checked": { "alias": "checked"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "showLabel": { "alias": "showLabel"; "required": false; "isSignal": true; }; "className": { "alias": "className"; "required": false; "isSignal": true; }; "validation": { "alias": "validation"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "describedbyid": { "alias": "describedbyid"; "required": false; "isSignal": true; }; "ariaDescribedBy": { "alias": "ariaDescribedBy"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "showRequiredAsterisk": { "alias": "showRequiredAsterisk"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; }, { "disabled": "disabledChange"; "value": "valueChange"; "change": "change"; "blur": "blur"; "focus": "focus"; }, never, ["*"], true, never>;
48
49
  }
package/components/select/select.d.ts CHANGED
@@ -1,7 +1,7 @@
1
1
  import { AfterViewInit, ElementRef, Renderer2 } from "@angular/core";
2
2
  import { ControlValueAccessor } from '@angular/forms';
3
- import { DBSelectOptionType } from "./model";
4
3
  import { ChangeEvent, ClickEvent, InputEvent, InteractionEvent } from "../../shared/model";
4
+ import { DBSelectOptionType } from "./model";
5
5
  import * as i0 from "@angular/core";
6
6
  export declare class DBSelect implements AfterViewInit, ControlValueAccessor {
7
7
  private renderer;
@@ -29,6 +29,7 @@ export declare class DBSelect implements AfterViewInit, ControlValueAccessor {
29
29
  icon: import("@angular/core").InputSignal<import("@db-ux/core-foundations").BaseIconTypes | import("@db-ux/core-foundations").LooseAutocomplete | undefined>;
30
30
  showIcon: import("@angular/core").InputSignal<string | boolean | undefined>;
31
31
  label: import("@angular/core").InputSignal<string | undefined>;
32
+ showRequiredAsterisk: import("@angular/core").InputSignal<string | boolean | undefined>;
32
33
  disabled: import("@angular/core").ModelSignal<string | boolean | undefined>;
33
34
  name: import("@angular/core").InputSignal<string | undefined>;
34
35
  size: import("@angular/core").InputSignal<number | undefined>;
@@ -78,5 +79,5 @@ export declare class DBSelect implements AfterViewInit, ControlValueAccessor {
78
79
  ngOnInit(): void;
79
80
  ngAfterViewInit(): void;
80
81
  static ɵfac: i0.ɵɵFactoryDeclaration<DBSelect, never>;
81
- static ɵcmp: i0.ɵɵ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; }; "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; }; "className": { "alias": "className"; "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; }; "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; }; "placeholder": { "alias": "placeholder"; "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>;
82
+ static ɵcmp: i0.ɵɵ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; }; "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; }; "className": { "alias": "className"; "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; }; "showRequiredAsterisk": { "alias": "showRequiredAsterisk"; "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; }; "placeholder": { "alias": "placeholder"; "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>;
82
83
  }
package/components/switch/switch.d.ts CHANGED
@@ -22,6 +22,7 @@ export declare class DBSwitch implements AfterViewInit, ControlValueAccessor {
22
22
  validation: import("@angular/core").InputSignal<"invalid" | "valid" | "no-validation" | undefined>;
23
23
  name: import("@angular/core").InputSignal<string | undefined>;
24
24
  required: import("@angular/core").InputSignal<string | boolean | undefined>;
25
+ showRequiredAsterisk: import("@angular/core").InputSignal<string | boolean | undefined>;
25
26
  icon: import("@angular/core").InputSignal<import("@db-ux/core-foundations").BaseIconTypes | import("@db-ux/core-foundations").LooseAutocomplete | undefined>;
26
27
  iconAfter: import("@angular/core").InputSignal<import("@db-ux/core-foundations").BaseIconTypes | import("@db-ux/core-foundations").LooseAutocomplete | undefined>;
27
28
  label: import("@angular/core").InputSignal<string | undefined>;
@@ -49,5 +50,5 @@ export declare class DBSwitch implements AfterViewInit, ControlValueAccessor {
49
50
  ngOnInit(): void;
50
51
  ngAfterViewInit(): void;
51
52
  static ɵfac: i0.ɵɵFactoryDeclaration<DBSwitch, never>;
52
- static ɵcmp: i0.ɵɵComponentDeclaration<DBSwitch, "db-switch", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "checked": { "alias": "checked"; "required": false; "isSignal": true; }; "visualAid": { "alias": "visualAid"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "showLabel": { "alias": "showLabel"; "required": false; "isSignal": true; }; "emphasis": { "alias": "emphasis"; "required": false; "isSignal": true; }; "className": { "alias": "className"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "describedbyid": { "alias": "describedbyid"; "required": false; "isSignal": true; }; "ariaDescribedBy": { "alias": "ariaDescribedBy"; "required": false; "isSignal": true; }; "validation": { "alias": "validation"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "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; }; }, { "checked": "checkedChange"; "disabled": "disabledChange"; "change": "change"; "blur": "blur"; "focus": "focus"; }, never, ["*"], true, never>;
53
+ static ɵcmp: i0.ɵɵComponentDeclaration<DBSwitch, "db-switch", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "checked": { "alias": "checked"; "required": false; "isSignal": true; }; "visualAid": { "alias": "visualAid"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "showLabel": { "alias": "showLabel"; "required": false; "isSignal": true; }; "emphasis": { "alias": "emphasis"; "required": false; "isSignal": true; }; "className": { "alias": "className"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "describedbyid": { "alias": "describedbyid"; "required": false; "isSignal": true; }; "ariaDescribedBy": { "alias": "ariaDescribedBy"; "required": false; "isSignal": true; }; "validation": { "alias": "validation"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "showRequiredAsterisk": { "alias": "showRequiredAsterisk"; "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; }; }, { "checked": "checkedChange"; "disabled": "disabledChange"; "change": "change"; "blur": "blur"; "focus": "focus"; }, never, ["*"], true, never>;
53
54
  }
package/components/tabs/model.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- import { AlignmentProps, InputEvent, GlobalProps, GlobalState, InitializedState, OrientationProps, WidthProps } from '../../shared/model';
1
+ import { AlignmentProps, GlobalProps, GlobalState, InitializedState, InputEvent, OrientationProps, WidthProps } from '../../shared/model';
2
2
  import { DBTabItemProps } from '../tab-item/model';
3
3
  import { DBTabPanelProps } from '../tab-panel/model';
4
4
  export declare const TabsBehaviorList: readonly ["scrollbar", "arrows"];
package/components/tabs/tabs.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  import { AfterViewInit, ElementRef } from "@angular/core";
2
- import { DBSimpleTabProps } from "./model";
3
2
  import { InputEvent } from "../../shared/model";
3
+ import { DBSimpleTabProps } from "./model";
4
4
  import * as i0 from "@angular/core";
5
5
  export declare class DBTabs implements AfterViewInit {
6
6
  protected readonly cls: (...args: import("../../utils").ClassNameArg[]) => string;
package/components/tag/model.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- import { ClickEvent, ContentSlotProps, GlobalProps, GlobalState, IconProps, InitializedState, OverflowProps, SemanticProps, ShowIconProps, EmphasisProps } from '../../shared/model';
1
+ import { ClickEvent, ContentSlotProps, EmphasisProps, GlobalProps, GlobalState, IconProps, InitializedState, OverflowProps, SemanticProps, ShowIconProps } from '../../shared/model';
2
2
  export declare const TagBehaviorList: readonly ["static", "removable"];
3
3
  export type TagBehaviorType = (typeof TagBehaviorList)[number];
4
4
  export type DBTagEventsProps = {
package/components/tag/tag.d.ts CHANGED
@@ -9,7 +9,7 @@ export declare class DBTag implements AfterViewInit {
9
9
  removeButton: import("@angular/core").InputSignal<string | undefined>;
10
10
  id: import("@angular/core").InputSignal<string | undefined>;
11
11
  className: import("@angular/core").InputSignal<string | undefined>;
12
- semantic: import("@angular/core").InputSignal<"adaptive" | "neutral" | "critical" | "informational" | "warning" | "successful" | undefined>;
12
+ semantic: import("@angular/core").InputSignal<"critical" | "informational" | "warning" | "successful" | "adaptive" | "neutral" | undefined>;
13
13
  emphasis: import("@angular/core").InputSignal<"weak" | "strong" | undefined>;
14
14
  icon: import("@angular/core").InputSignal<import("@db-ux/core-foundations").BaseIconTypes | import("@db-ux/core-foundations").LooseAutocomplete | undefined>;
15
15
  showCheckState: import("@angular/core").InputSignal<string | boolean | undefined>;
package/components/textarea/textarea.d.ts CHANGED
@@ -31,6 +31,7 @@ export declare class DBTextarea implements AfterViewInit, ControlValueAccessor {
31
31
  resize: import("@angular/core").InputSignal<"none" | "horizontal" | "vertical" | "both" | undefined>;
32
32
  showResizer: import("@angular/core").InputSignal<string | boolean | undefined>;
33
33
  disabled: import("@angular/core").ModelSignal<string | boolean | undefined>;
34
+ showRequiredAsterisk: import("@angular/core").InputSignal<string | boolean | undefined>;
34
35
  readOnly: import("@angular/core").InputSignal<string | boolean | undefined>;
35
36
  readonly: import("@angular/core").InputSignal<string | boolean | undefined>;
36
37
  form: import("@angular/core").InputSignal<string | undefined>;
@@ -79,5 +80,5 @@ export declare class DBTextarea implements AfterViewInit, ControlValueAccessor {
79
80
  ngOnInit(): void;
80
81
  ngAfterViewInit(): void;
81
82
  static ɵfac: i0.ɵɵFactoryDeclaration<DBTextarea, 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>;
83
+ 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; }; "showRequiredAsterisk": { "alias": "showRequiredAsterisk"; "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>;
83
84
  }