@db-ux/ngx-core-components 2.4.4 → 3.0.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (52) hide show
  1. package/components/accordion/accordion.d.ts +9 -10
  2. package/components/accordion-item/accordion-item.d.ts +9 -9
  3. package/components/badge/badge.d.ts +10 -10
  4. package/components/brand/brand.d.ts +9 -8
  5. package/components/button/button.d.ts +23 -22
  6. package/components/button/model.d.ts +6 -22
  7. package/components/card/card.d.ts +7 -6
  8. package/components/checkbox/checkbox.d.ts +21 -21
  9. package/components/custom-select/custom-select.d.ts +51 -51
  10. package/components/custom-select/model.d.ts +1 -0
  11. package/components/custom-select-dropdown/custom-select-dropdown.d.ts +5 -4
  12. package/components/custom-select-form-field/custom-select-form-field.d.ts +4 -3
  13. package/components/custom-select-list/custom-select-list.d.ts +6 -5
  14. package/components/custom-select-list-item/custom-select-list-item.d.ts +16 -17
  15. package/components/custom-select-list-item/model.d.ts +1 -1
  16. package/components/divider/divider.d.ts +8 -7
  17. package/components/drawer/drawer.d.ts +14 -14
  18. package/components/header/header.d.ts +9 -10
  19. package/components/icon/icon.d.ts +8 -7
  20. package/components/infotext/infotext.d.ts +10 -9
  21. package/components/input/input.d.ts +48 -43
  22. package/components/input/model.d.ts +6 -2
  23. package/components/link/link.d.ts +17 -19
  24. package/components/link/model.d.ts +3 -3
  25. package/components/navigation/model.d.ts +2 -2
  26. package/components/navigation/navigation.d.ts +5 -6
  27. package/components/navigation-item/model.d.ts +2 -6
  28. package/components/navigation-item/navigation-item.d.ts +14 -15
  29. package/components/notification/notification.d.ts +19 -18
  30. package/components/page/page.d.ts +9 -8
  31. package/components/popover/popover.d.ts +11 -11
  32. package/components/radio/radio.d.ts +15 -17
  33. package/components/section/section.d.ts +6 -6
  34. package/components/select/select.d.ts +27 -27
  35. package/components/stack/stack.d.ts +10 -9
  36. package/components/switch/model.d.ts +2 -2
  37. package/components/switch/switch.d.ts +20 -21
  38. package/components/tab-item/model.d.ts +2 -2
  39. package/components/tab-item/tab-item.d.ts +17 -16
  40. package/components/tab-list/tab-list.d.ts +4 -4
  41. package/components/tab-panel/model.d.ts +2 -2
  42. package/components/tab-panel/tab-panel.d.ts +6 -7
  43. package/components/tabs/tabs.d.ts +13 -14
  44. package/components/tag/model.d.ts +2 -6
  45. package/components/tag/tag.d.ts +15 -18
  46. package/components/textarea/textarea.d.ts +35 -35
  47. package/components/tooltip/tooltip.d.ts +11 -11
  48. package/fesm2022/db-ux-ngx-core-components.mjs +3260 -3226
  49. package/fesm2022/db-ux-ngx-core-components.mjs.map +1 -1
  50. package/index.d.ts +39 -0
  51. package/package.json +3 -3
  52. package/shared/model.d.ts +28 -27
package/components/navigation-item/navigation-item.d.ts CHANGED
@@ -1,26 +1,26 @@
1
- import { AfterViewInit, ElementRef } from "@angular/core";
1
+ import { ElementRef, AfterViewInit, InputSignal } from "@angular/core";
2
2
  import { ClickEvent } from "../../shared/model";
3
3
  import { NavigationItemSafeTriangle } from "../../utils/navigation";
4
+ import { DBNavigationItemProps } from "./model";
4
5
  import * as i0 from "@angular/core";
5
6
  export declare class DBNavigationItem implements AfterViewInit {
6
7
  dbNavigationContent: any;
7
8
  protected readonly cls: (...args: import("../../utils").ClassNameArg[]) => string;
8
- protected readonly getHideProp: (show?: boolean | string) => any;
9
9
  protected readonly getBooleanAsString: (originBool?: boolean | string) => any;
10
10
  protected readonly getBoolean: (originBool?: boolean | string, propertyName?: string) => boolean | undefined;
11
11
  protected readonly DEFAULT_BACK: string;
12
- subNavigationExpanded: import("@angular/core").InputSignal<string | boolean | undefined>;
13
- id: import("@angular/core").InputSignal<string | undefined>;
14
- className: import("@angular/core").InputSignal<string | undefined>;
15
- width: import("@angular/core").InputSignal<string | undefined>;
16
- icon: import("@angular/core").InputSignal<import("@db-ux/core-foundations").BaseIconTypes | import("@db-ux/core-foundations").LooseAutocomplete | undefined>;
17
- showIcon: import("@angular/core").InputSignal<string | boolean | undefined>;
18
- active: import("@angular/core").InputSignal<boolean | undefined>;
19
- wrap: import("@angular/core").InputSignal<string | boolean | undefined>;
20
- disabled: import("@angular/core").InputSignal<string | boolean | undefined>;
21
- text: import("@angular/core").InputSignal<string | undefined>;
22
- backButtonId: import("@angular/core").InputSignal<string | undefined>;
23
- backButtonText: import("@angular/core").InputSignal<string | undefined>;
12
+ subNavigationExpanded: InputSignal<DBNavigationItemProps["subNavigationExpanded"]>;
13
+ id: InputSignal<DBNavigationItemProps["id"]>;
14
+ className: InputSignal<DBNavigationItemProps["className"]>;
15
+ width: InputSignal<DBNavigationItemProps["width"]>;
16
+ icon: InputSignal<DBNavigationItemProps["icon"]>;
17
+ showIcon: InputSignal<DBNavigationItemProps["showIcon"]>;
18
+ active: InputSignal<DBNavigationItemProps["active"]>;
19
+ wrap: InputSignal<DBNavigationItemProps["wrap"]>;
20
+ disabled: InputSignal<DBNavigationItemProps["disabled"]>;
21
+ text: InputSignal<DBNavigationItemProps["text"]>;
22
+ backButtonId: InputSignal<DBNavigationItemProps["backButtonId"]>;
23
+ backButtonText: InputSignal<DBNavigationItemProps["backButtonText"]>;
24
24
  click: import("@angular/core").OutputEmitterRef<void | MouseEvent>;
25
25
  _ref: import("@angular/core").Signal<ElementRef<any> | undefined>;
26
26
  initialized: import("@angular/core").WritableSignal<boolean>;
@@ -40,7 +40,6 @@ export declare class DBNavigationItem implements AfterViewInit {
40
40
  * @param customElementSelector the custom element like `my-component`
41
41
  */
42
42
  private enableAttributePassing;
43
- ngOnInit(): void;
44
43
  ngAfterViewInit(): void;
45
44
  static ɵfac: i0.ɵɵFactoryDeclaration<DBNavigationItem, never>;
46
45
  static ɵcmp: i0.ɵɵComponentDeclaration<DBNavigationItem, "db-navigation-item", never, { "subNavigationExpanded": { "alias": "subNavigationExpanded"; "required": false; "isSignal": true; }; "id": { "alias": "id"; "required": false; "isSignal": true; }; "className": { "alias": "className"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "showIcon": { "alias": "showIcon"; "required": false; "isSignal": true; }; "active": { "alias": "active"; "required": false; "isSignal": true; }; "wrap": { "alias": "wrap"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "text": { "alias": "text"; "required": false; "isSignal": true; }; "backButtonId": { "alias": "backButtonId"; "required": false; "isSignal": true; }; "backButtonText": { "alias": "backButtonText"; "required": false; "isSignal": true; }; }, { "click": "click"; }, ["dbNavigationContent"], ["*", "*", "[sub-navigation]"], true, never>;
package/components/notification/notification.d.ts CHANGED
@@ -1,28 +1,29 @@
1
- import { AfterViewInit, ElementRef } from "@angular/core";
1
+ import { ElementRef, AfterViewInit, InputSignal } from "@angular/core";
2
2
  import { ClickEvent } from "../../shared/model";
3
+ import { DBNotificationProps } from "./model";
3
4
  import * as i0 from "@angular/core";
4
5
  export declare class DBNotification implements AfterViewInit {
5
6
  protected readonly cls: (...args: import("../../utils").ClassNameArg[]) => string;
6
- protected readonly getHideProp: (show?: boolean | string) => any;
7
+ protected readonly getBooleanAsString: (originBool?: boolean | string) => any;
7
8
  protected readonly stringPropVisible: (givenString?: string, showString?: boolean | string) => boolean;
8
9
  protected readonly getBoolean: (originBool?: boolean | string, propertyName?: string) => boolean | undefined;
9
10
  protected readonly DEFAULT_CLOSE_BUTTON: string;
10
- id: import("@angular/core").InputSignal<string | undefined>;
11
- className: import("@angular/core").InputSignal<string | undefined>;
12
- ariaLive: import("@angular/core").InputSignal<"off" | "assertive" | "polite" | undefined>;
13
- semantic: import("@angular/core").InputSignal<"critical" | "informational" | "warning" | "successful" | "adaptive" | "neutral" | undefined>;
14
- variant: import("@angular/core").InputSignal<"standalone" | "docked" | "overlay" | undefined>;
15
- icon: import("@angular/core").InputSignal<import("@db-ux/core-foundations").BaseIconTypes | import("@db-ux/core-foundations").LooseAutocomplete | undefined>;
16
- showIcon: import("@angular/core").InputSignal<string | boolean | undefined>;
17
- linkVariant: import("@angular/core").InputSignal<"inline" | "block" | undefined>;
18
- headline: import("@angular/core").InputSignal<any>;
19
- showHeadline: import("@angular/core").InputSignal<string | boolean | undefined>;
20
- text: import("@angular/core").InputSignal<string | undefined>;
21
- timestamp: import("@angular/core").InputSignal<string | undefined>;
22
- showTimestamp: import("@angular/core").InputSignal<string | boolean | undefined>;
23
- closeable: import("@angular/core").InputSignal<string | boolean | undefined>;
24
- closeButtonId: import("@angular/core").InputSignal<string | undefined>;
25
- closeButtonText: import("@angular/core").InputSignal<string | undefined>;
11
+ id: InputSignal<DBNotificationProps["id"]>;
12
+ className: InputSignal<DBNotificationProps["className"]>;
13
+ ariaLive: InputSignal<DBNotificationProps["ariaLive"]>;
14
+ semantic: InputSignal<DBNotificationProps["semantic"]>;
15
+ variant: InputSignal<DBNotificationProps["variant"]>;
16
+ icon: InputSignal<DBNotificationProps["icon"]>;
17
+ showIcon: InputSignal<DBNotificationProps["showIcon"]>;
18
+ linkVariant: InputSignal<DBNotificationProps["linkVariant"]>;
19
+ headline: InputSignal<DBNotificationProps["headline"]>;
20
+ showHeadline: InputSignal<DBNotificationProps["showHeadline"]>;
21
+ text: InputSignal<DBNotificationProps["text"]>;
22
+ timestamp: InputSignal<DBNotificationProps["timestamp"]>;
23
+ showTimestamp: InputSignal<DBNotificationProps["showTimestamp"]>;
24
+ closeable: InputSignal<DBNotificationProps["closeable"]>;
25
+ closeButtonId: InputSignal<DBNotificationProps["closeButtonId"]>;
26
+ closeButtonText: InputSignal<DBNotificationProps["closeButtonText"]>;
26
27
  close: import("@angular/core").OutputEmitterRef<void | MouseEvent | undefined>;
27
28
  _ref: import("@angular/core").Signal<ElementRef<any> | undefined>;
28
29
  handleClose(event?: ClickEvent<HTMLButtonElement> | void): void;
package/components/page/page.d.ts CHANGED
@@ -1,14 +1,15 @@
1
- import { AfterViewInit, ElementRef } from "@angular/core";
1
+ import { ElementRef, OnDestroy, AfterViewInit, InputSignal } from "@angular/core";
2
+ import { DBPageProps } from "./model";
2
3
  import * as i0 from "@angular/core";
3
- export declare class DBPage implements AfterViewInit {
4
+ export declare class DBPage implements AfterViewInit, OnDestroy {
4
5
  protected readonly cls: (...args: import("../../utils").ClassNameArg[]) => string;
5
6
  protected readonly getBooleanAsString: (originBool?: boolean | string) => any;
6
- fadeIn: import("@angular/core").InputSignal<string | boolean | undefined>;
7
- documentOverflow: import("@angular/core").InputSignal<"auto" | "hidden" | undefined>;
8
- variant: import("@angular/core").InputSignal<"auto" | "fixed" | undefined>;
9
- id: import("@angular/core").InputSignal<string | undefined>;
10
- className: import("@angular/core").InputSignal<string | undefined>;
11
- mainClass: import("@angular/core").InputSignal<string | undefined>;
7
+ fadeIn: InputSignal<DBPageProps["fadeIn"]>;
8
+ documentOverflow: InputSignal<DBPageProps["documentOverflow"]>;
9
+ variant: InputSignal<DBPageProps["variant"]>;
10
+ id: InputSignal<DBPageProps["id"]>;
11
+ className: InputSignal<DBPageProps["className"]>;
12
+ mainClass: InputSignal<DBPageProps["mainClass"]>;
12
13
  _ref: import("@angular/core").Signal<ElementRef<any> | undefined>;
13
14
  fontsLoaded: import("@angular/core").WritableSignal<boolean | undefined>;
14
15
  constructor();
package/components/popover/popover.d.ts CHANGED
@@ -1,17 +1,18 @@
1
- import { AfterViewInit, ElementRef } from "@angular/core";
1
+ import { ElementRef, AfterViewInit, InputSignal } from "@angular/core";
2
+ import { DBPopoverProps } from "./model";
2
3
  import * as i0 from "@angular/core";
3
4
  export declare class DBPopover implements AfterViewInit {
4
5
  protected readonly cls: (...args: import("../../utils").ClassNameArg[]) => string;
5
6
  protected readonly getBooleanAsString: (originBool?: boolean | string) => any;
6
- placement: import("@angular/core").InputSignal<"left" | "right" | "left-start" | "left-end" | "right-start" | "right-end" | "top" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | undefined>;
7
- id: import("@angular/core").InputSignal<string | undefined>;
8
- className: import("@angular/core").InputSignal<string | undefined>;
9
- spacing: import("@angular/core").InputSignal<string | undefined>;
10
- gap: import("@angular/core").InputSignal<string | boolean | undefined>;
11
- animation: import("@angular/core").InputSignal<string | boolean | undefined>;
12
- open: import("@angular/core").InputSignal<string | boolean | undefined>;
13
- delay: import("@angular/core").InputSignal<"none" | "slow" | "fast" | undefined>;
14
- width: import("@angular/core").InputSignal<"auto" | "fixed" | undefined>;
7
+ placement: InputSignal<DBPopoverProps["placement"]>;
8
+ id: InputSignal<DBPopoverProps["id"]>;
9
+ className: InputSignal<DBPopoverProps["className"]>;
10
+ spacing: InputSignal<DBPopoverProps["spacing"]>;
11
+ gap: InputSignal<DBPopoverProps["gap"]>;
12
+ animation: InputSignal<DBPopoverProps["animation"]>;
13
+ open: InputSignal<DBPopoverProps["open"]>;
14
+ delay: InputSignal<DBPopoverProps["delay"]>;
15
+ width: InputSignal<DBPopoverProps["width"]>;
15
16
  _ref: import("@angular/core").Signal<ElementRef<any> | undefined>;
16
17
  initialized: import("@angular/core").WritableSignal<boolean>;
17
18
  isExpanded: import("@angular/core").WritableSignal<boolean | undefined>;
@@ -30,7 +31,6 @@ export declare class DBPopover implements AfterViewInit {
30
31
  * @param customElementSelector the custom element like `my-component`
31
32
  */
32
33
  private enableAttributePassing;
33
- ngOnInit(): void;
34
34
  ngAfterViewInit(): void;
35
35
  static ɵfac: i0.ɵɵFactoryDeclaration<DBPopover, never>;
36
36
  static ɵcmp: i0.ɵɵComponentDeclaration<DBPopover, "db-popover", never, { "placement": { "alias": "placement"; "required": false; "isSignal": true; }; "id": { "alias": "id"; "required": false; "isSignal": true; }; "className": { "alias": "className"; "required": false; "isSignal": true; }; "spacing": { "alias": "spacing"; "required": false; "isSignal": true; }; "gap": { "alias": "gap"; "required": false; "isSignal": true; }; "animation": { "alias": "animation"; "required": false; "isSignal": true; }; "open": { "alias": "open"; "required": false; "isSignal": true; }; "delay": { "alias": "delay"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; }, {}, never, ["[trigger]", "*"], true, never>;
package/components/radio/radio.d.ts CHANGED
@@ -1,26 +1,25 @@
1
- import { AfterViewInit, ElementRef, Renderer2 } from "@angular/core";
1
+ import { ElementRef, AfterViewInit, InputSignal, ModelSignal, Renderer2 } from "@angular/core";
2
2
  import { ControlValueAccessor } from '@angular/forms';
3
3
  import { ChangeEvent, InteractionEvent } from "../../shared/model";
4
+ import { DBRadioProps } from "./model";
4
5
  import * as i0 from "@angular/core";
5
6
  export declare class DBRadio implements AfterViewInit, ControlValueAccessor {
6
7
  private renderer;
7
8
  protected readonly getHideProp: (show?: boolean | string) => any;
8
9
  protected readonly cls: (...args: import("../../utils").ClassNameArg[]) => string;
9
10
  protected readonly getBoolean: (originBool?: boolean | string, propertyName?: string) => boolean | undefined;
10
- id: import("@angular/core").InputSignal<string | undefined>;
11
- checked: import("@angular/core").InputSignal<string | boolean | undefined>;
12
- size: import("@angular/core").InputSignal<"medium" | "small" | undefined>;
13
- showLabel: import("@angular/core").InputSignal<string | boolean | undefined>;
14
- showRequiredAsterisk: import("@angular/core").InputSignal<string | boolean | undefined>;
15
- className: import("@angular/core").InputSignal<string | undefined>;
16
- validation: import("@angular/core").InputSignal<"invalid" | "valid" | "no-validation" | undefined>;
17
- name: import("@angular/core").InputSignal<string | undefined>;
18
- disabled: import("@angular/core").ModelSignal<string | boolean | undefined>;
19
- describedbyid: import("@angular/core").InputSignal<string | undefined>;
20
- ariaDescribedBy: import("@angular/core").InputSignal<string | undefined>;
21
- value: import("@angular/core").ModelSignal<any>;
22
- required: import("@angular/core").InputSignal<string | boolean | undefined>;
23
- label: import("@angular/core").InputSignal<string | undefined>;
11
+ id: InputSignal<DBRadioProps["id"]>;
12
+ checked: InputSignal<DBRadioProps["checked"]>;
13
+ size: InputSignal<DBRadioProps["size"]>;
14
+ showLabel: InputSignal<DBRadioProps["showLabel"]>;
15
+ showRequiredAsterisk: InputSignal<DBRadioProps["showRequiredAsterisk"]>;
16
+ className: InputSignal<DBRadioProps["className"]>;
17
+ validation: InputSignal<DBRadioProps["validation"]>;
18
+ name: InputSignal<DBRadioProps["name"]>;
19
+ disabled: ModelSignal<DBRadioProps["disabled"]>;
20
+ value: ModelSignal<DBRadioProps["value"]>;
21
+ required: InputSignal<DBRadioProps["required"]>;
22
+ label: InputSignal<DBRadioProps["label"]>;
24
23
  change: import("@angular/core").OutputEmitterRef<void | Event>;
25
24
  blur: import("@angular/core").OutputEmitterRef<void | FocusEvent>;
26
25
  focus: import("@angular/core").OutputEmitterRef<void | FocusEvent>;
@@ -42,8 +41,7 @@ export declare class DBRadio implements AfterViewInit, ControlValueAccessor {
42
41
  registerOnChange(onChange: any): void;
43
42
  registerOnTouched(onTouched: any): void;
44
43
  setDisabledState(disabled: boolean): void;
45
- ngOnInit(): void;
46
44
  ngAfterViewInit(): void;
47
45
  static ɵfac: i0.ɵɵFactoryDeclaration<DBRadio, 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; }; "showRequiredAsterisk": { "alias": "showRequiredAsterisk"; "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>;
46
+ 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; }; "showRequiredAsterisk": { "alias": "showRequiredAsterisk"; "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; }; "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>;
49
47
  }
package/components/section/section.d.ts CHANGED
@@ -1,11 +1,12 @@
1
- import { AfterViewInit, ElementRef } from "@angular/core";
1
+ import { ElementRef, AfterViewInit, InputSignal } from "@angular/core";
2
+ import { DBSectionProps } from "./model";
2
3
  import * as i0 from "@angular/core";
3
4
  export declare class DBSection implements AfterViewInit {
4
5
  protected readonly cls: (...args: import("../../utils").ClassNameArg[]) => string;
5
- id: import("@angular/core").InputSignal<string | undefined>;
6
- className: import("@angular/core").InputSignal<string | undefined>;
7
- spacing: import("@angular/core").InputSignal<string | undefined>;
8
- width: import("@angular/core").InputSignal<"medium" | "small" | "large" | "full" | undefined>;
6
+ id: InputSignal<DBSectionProps["id"]>;
7
+ className: InputSignal<DBSectionProps["className"]>;
8
+ spacing: InputSignal<DBSectionProps["spacing"]>;
9
+ width: InputSignal<DBSectionProps["width"]>;
9
10
  _ref: import("@angular/core").Signal<ElementRef<any> | undefined>;
10
11
  _id: import("@angular/core").WritableSignal<string | undefined>;
11
12
  constructor();
@@ -15,7 +16,6 @@ export declare class DBSection implements AfterViewInit {
15
16
  * @param customElementSelector the custom element like `my-component`
16
17
  */
17
18
  private enableAttributePassing;
18
- ngOnInit(): void;
19
19
  ngAfterViewInit(): void;
20
20
  static ɵfac: i0.ɵɵFactoryDeclaration<DBSection, never>;
21
21
  static ɵcmp: i0.ɵɵComponentDeclaration<DBSection, "db-section", never, { "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; }; }, {}, never, ["*"], true, never>;
package/components/select/select.d.ts CHANGED
@@ -1,12 +1,13 @@
1
- import { AfterViewInit, ElementRef, Renderer2 } from "@angular/core";
1
+ import { ElementRef, AfterViewInit, InputSignal, ModelSignal, Renderer2 } from "@angular/core";
2
2
  import { ControlValueAccessor } from '@angular/forms';
3
3
  import { ChangeEvent, ClickEvent, InputEvent, InteractionEvent } from "../../shared/model";
4
- import { DBSelectOptionType } from "./model";
4
+ import { DBSelectOptionType, DBSelectProps } from "./model";
5
5
  import * as i0 from "@angular/core";
6
6
  export declare class DBSelect implements AfterViewInit, ControlValueAccessor {
7
7
  private renderer;
8
8
  protected readonly cls: (...args: import("../../utils").ClassNameArg[]) => string;
9
9
  protected readonly getHideProp: (show?: boolean | string) => any;
10
+ protected readonly getBooleanAsString: (originBool?: boolean | string) => any;
10
11
  protected readonly DEFAULT_LABEL: string;
11
12
  protected readonly getBoolean: (originBool?: boolean | string, propertyName?: string) => boolean | undefined;
12
13
  protected readonly getOptionKey: (option: {
@@ -15,30 +16,30 @@ export declare class DBSelect implements AfterViewInit, ControlValueAccessor {
15
16
  }, prefix: string) => string;
16
17
  protected readonly stringPropVisible: (givenString?: string, showString?: boolean | string) => boolean;
17
18
  protected readonly DEFAULT_VALID_MESSAGE: string;
18
- id: import("@angular/core").InputSignal<string | undefined>;
19
- invalidMessage: import("@angular/core").InputSignal<string | undefined>;
20
- message: import("@angular/core").InputSignal<string | undefined>;
21
- showMessage: import("@angular/core").InputSignal<string | boolean | undefined>;
22
- value: import("@angular/core").ModelSignal<any>;
23
- validMessage: import("@angular/core").InputSignal<string | undefined>;
24
- validation: import("@angular/core").InputSignal<"invalid" | "valid" | "no-validation" | undefined>;
25
- required: import("@angular/core").InputSignal<string | boolean | undefined>;
26
- className: import("@angular/core").InputSignal<string | undefined>;
27
- variant: import("@angular/core").InputSignal<"above" | "floating" | undefined>;
28
- showLabel: import("@angular/core").InputSignal<string | boolean | undefined>;
29
- showRequiredAsterisk: import("@angular/core").InputSignal<string | boolean | undefined>;
30
- icon: import("@angular/core").InputSignal<import("@db-ux/core-foundations").BaseIconTypes | import("@db-ux/core-foundations").LooseAutocomplete | undefined>;
31
- showIcon: import("@angular/core").InputSignal<string | boolean | undefined>;
32
- label: import("@angular/core").InputSignal<string | undefined>;
33
- disabled: import("@angular/core").ModelSignal<string | boolean | undefined>;
34
- name: import("@angular/core").InputSignal<string | undefined>;
35
- size: import("@angular/core").InputSignal<number | undefined>;
36
- autocomplete: import("@angular/core").InputSignal<string | undefined>;
37
- multiple: import("@angular/core").InputSignal<boolean | undefined>;
38
- ariaDescribedBy: import("@angular/core").InputSignal<string | undefined>;
39
- options: import("@angular/core").InputSignal<DBSelectOptionType[] | undefined>;
40
- placeholder: import("@angular/core").InputSignal<string | undefined>;
41
- messageIcon: import("@angular/core").InputSignal<import("@db-ux/core-foundations").BaseIconTypes | import("@db-ux/core-foundations").LooseAutocomplete | undefined>;
19
+ id: InputSignal<DBSelectProps["id"]>;
20
+ invalidMessage: InputSignal<DBSelectProps["invalidMessage"]>;
21
+ message: InputSignal<DBSelectProps["message"]>;
22
+ showMessage: InputSignal<DBSelectProps["showMessage"]>;
23
+ value: ModelSignal<DBSelectProps["value"]>;
24
+ validMessage: InputSignal<DBSelectProps["validMessage"]>;
25
+ validation: InputSignal<DBSelectProps["validation"]>;
26
+ required: InputSignal<DBSelectProps["required"]>;
27
+ className: InputSignal<DBSelectProps["className"]>;
28
+ variant: InputSignal<DBSelectProps["variant"]>;
29
+ showLabel: InputSignal<DBSelectProps["showLabel"]>;
30
+ showRequiredAsterisk: InputSignal<DBSelectProps["showRequiredAsterisk"]>;
31
+ icon: InputSignal<DBSelectProps["icon"]>;
32
+ showIcon: InputSignal<DBSelectProps["showIcon"]>;
33
+ label: InputSignal<DBSelectProps["label"]>;
34
+ disabled: ModelSignal<DBSelectProps["disabled"]>;
35
+ name: InputSignal<DBSelectProps["name"]>;
36
+ size: InputSignal<DBSelectProps["size"]>;
37
+ autocomplete: InputSignal<DBSelectProps["autocomplete"]>;
38
+ multiple: InputSignal<DBSelectProps["multiple"]>;
39
+ ariaDescribedBy: InputSignal<DBSelectProps["ariaDescribedBy"]>;
40
+ options: InputSignal<DBSelectProps["options"]>;
41
+ placeholder: InputSignal<DBSelectProps["placeholder"]>;
42
+ messageIcon: InputSignal<DBSelectProps["messageIcon"]>;
42
43
  click: import("@angular/core").OutputEmitterRef<void | MouseEvent>;
43
44
  input: import("@angular/core").OutputEmitterRef<void | Event>;
44
45
  change: import("@angular/core").OutputEmitterRef<void | Event>;
@@ -76,7 +77,6 @@ export declare class DBSelect implements AfterViewInit, ControlValueAccessor {
76
77
  registerOnChange(onChange: any): void;
77
78
  registerOnTouched(onTouched: any): void;
78
79
  setDisabledState(disabled: boolean): void;
79
- ngOnInit(): void;
80
80
  ngAfterViewInit(): void;
81
81
  static ɵfac: i0.ɵɵFactoryDeclaration<DBSelect, never>;
82
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; }; "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; }; "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>;
package/components/stack/stack.d.ts CHANGED
@@ -1,16 +1,17 @@
1
- import { AfterViewInit, ElementRef } from "@angular/core";
1
+ import { ElementRef, AfterViewInit, InputSignal } from "@angular/core";
2
+ import { DBStackProps } from "./model";
2
3
  import * as i0 from "@angular/core";
3
4
  export declare class DBStack implements AfterViewInit {
4
5
  protected readonly cls: (...args: import("../../utils").ClassNameArg[]) => string;
5
6
  protected readonly getBooleanAsString: (originBool?: boolean | string) => any;
6
- id: import("@angular/core").InputSignal<string | undefined>;
7
- className: import("@angular/core").InputSignal<string | undefined>;
8
- gap: import("@angular/core").InputSignal<"medium" | "small" | "large" | "none" | "3x-large" | "2x-large" | "x-large" | "x-small" | "2x-small" | "3x-small" | undefined>;
9
- variant: import("@angular/core").InputSignal<"divider" | "simple" | undefined>;
10
- direction: import("@angular/core").InputSignal<"row" | "column" | undefined>;
11
- alignment: import("@angular/core").InputSignal<"start" | "center" | "end" | "stretch" | undefined>;
12
- justifyContent: import("@angular/core").InputSignal<"start" | "center" | "end" | "space-between" | undefined>;
13
- wrap: import("@angular/core").InputSignal<string | boolean | undefined>;
7
+ id: InputSignal<DBStackProps["id"]>;
8
+ className: InputSignal<DBStackProps["className"]>;
9
+ gap: InputSignal<DBStackProps["gap"]>;
10
+ variant: InputSignal<DBStackProps["variant"]>;
11
+ direction: InputSignal<DBStackProps["direction"]>;
12
+ alignment: InputSignal<DBStackProps["alignment"]>;
13
+ justifyContent: InputSignal<DBStackProps["justifyContent"]>;
14
+ wrap: InputSignal<DBStackProps["wrap"]>;
14
15
  _ref: import("@angular/core").Signal<ElementRef<any> | undefined>;
15
16
  constructor();
16
17
  /**
package/components/switch/model.d.ts CHANGED
@@ -1,10 +1,10 @@
1
- import { ChangeEventProps, ChangeEventState, EmphasisProps, FocusEventProps, FocusEventState, FormCheckProps, FormProps, FormState, GlobalProps, GlobalState, IconAfterProps, IconProps, SizeProps } from '../../shared/model';
1
+ import { ChangeEventProps, ChangeEventState, EmphasisProps, FocusEventProps, FocusEventState, FormCheckProps, FormProps, FormState, GlobalProps, GlobalState, IconLeadingProps, IconProps, IconTrailingProps, SizeProps } from '../../shared/model';
2
2
  export type DBSwitchDefaultProps = {
3
3
  /**
4
4
  * Add additional icons to indicate active/inactive state.
5
5
  */
6
6
  visualAid?: boolean | string;
7
7
  };
8
- export type DBSwitchProps = DBSwitchDefaultProps & GlobalProps & ChangeEventProps<HTMLInputElement> & FocusEventProps<HTMLInputElement> & FormProps & FormCheckProps & EmphasisProps & SizeProps & IconProps & IconAfterProps;
8
+ export type DBSwitchProps = DBSwitchDefaultProps & GlobalProps & ChangeEventProps<HTMLInputElement> & FocusEventProps<HTMLInputElement> & FormProps & FormCheckProps & EmphasisProps & SizeProps & IconProps & IconTrailingProps & IconLeadingProps;
9
9
  export type DBSwitchDefaultState = {};
10
10
  export type DBSwitchState = DBSwitchDefaultState & GlobalState & ChangeEventState<HTMLInputElement> & FocusEventState<HTMLInputElement> & FormState;
package/components/switch/switch.d.ts CHANGED
@@ -1,6 +1,7 @@
1
- import { AfterViewInit, ElementRef, Renderer2 } from "@angular/core";
1
+ import { ElementRef, AfterViewInit, InputSignal, ModelSignal, Renderer2 } from "@angular/core";
2
2
  import { ControlValueAccessor } from '@angular/forms';
3
3
  import { ChangeEvent, InteractionEvent } from "../../shared/model";
4
+ import { DBSwitchProps } from "./model";
4
5
  import * as i0 from "@angular/core";
5
6
  export declare class DBSwitch implements AfterViewInit, ControlValueAccessor {
6
7
  private renderer;
@@ -8,24 +9,23 @@ export declare class DBSwitch implements AfterViewInit, ControlValueAccessor {
8
9
  protected readonly getHideProp: (show?: boolean | string) => any;
9
10
  protected readonly cls: (...args: import("../../utils").ClassNameArg[]) => string;
10
11
  protected readonly getBoolean: (originBool?: boolean | string, propertyName?: string) => boolean | undefined;
11
- id: import("@angular/core").InputSignal<string | undefined>;
12
- visualAid: import("@angular/core").InputSignal<string | boolean | undefined>;
13
- size: import("@angular/core").InputSignal<"medium" | "small" | undefined>;
14
- showLabel: import("@angular/core").InputSignal<string | boolean | undefined>;
15
- emphasis: import("@angular/core").InputSignal<"weak" | "strong" | undefined>;
16
- showRequiredAsterisk: import("@angular/core").InputSignal<string | boolean | undefined>;
17
- className: import("@angular/core").InputSignal<string | undefined>;
18
- checked: import("@angular/core").ModelSignal<string | boolean | undefined>;
19
- value: import("@angular/core").InputSignal<any>;
20
- disabled: import("@angular/core").ModelSignal<string | boolean | undefined>;
21
- describedbyid: import("@angular/core").InputSignal<string | undefined>;
22
- ariaDescribedBy: import("@angular/core").InputSignal<string | undefined>;
23
- validation: import("@angular/core").InputSignal<"invalid" | "valid" | "no-validation" | undefined>;
24
- name: import("@angular/core").InputSignal<string | undefined>;
25
- required: import("@angular/core").InputSignal<string | boolean | undefined>;
26
- icon: import("@angular/core").InputSignal<import("@db-ux/core-foundations").BaseIconTypes | import("@db-ux/core-foundations").LooseAutocomplete | undefined>;
27
- iconAfter: import("@angular/core").InputSignal<import("@db-ux/core-foundations").BaseIconTypes | import("@db-ux/core-foundations").LooseAutocomplete | undefined>;
28
- label: import("@angular/core").InputSignal<string | undefined>;
12
+ id: InputSignal<DBSwitchProps["id"]>;
13
+ visualAid: InputSignal<DBSwitchProps["visualAid"]>;
14
+ size: InputSignal<DBSwitchProps["size"]>;
15
+ showLabel: InputSignal<DBSwitchProps["showLabel"]>;
16
+ emphasis: InputSignal<DBSwitchProps["emphasis"]>;
17
+ showRequiredAsterisk: InputSignal<DBSwitchProps["showRequiredAsterisk"]>;
18
+ className: InputSignal<DBSwitchProps["className"]>;
19
+ checked: ModelSignal<DBSwitchProps["checked"]>;
20
+ value: InputSignal<DBSwitchProps["value"]>;
21
+ disabled: ModelSignal<DBSwitchProps["disabled"]>;
22
+ validation: InputSignal<DBSwitchProps["validation"]>;
23
+ name: InputSignal<DBSwitchProps["name"]>;
24
+ required: InputSignal<DBSwitchProps["required"]>;
25
+ iconLeading: InputSignal<DBSwitchProps["iconLeading"]>;
26
+ icon: InputSignal<DBSwitchProps["icon"]>;
27
+ iconTrailing: InputSignal<DBSwitchProps["iconTrailing"]>;
28
+ label: InputSignal<DBSwitchProps["label"]>;
29
29
  change: import("@angular/core").OutputEmitterRef<void | Event>;
30
30
  blur: import("@angular/core").OutputEmitterRef<void | FocusEvent>;
31
31
  focus: import("@angular/core").OutputEmitterRef<void | FocusEvent>;
@@ -46,8 +46,7 @@ export declare class DBSwitch implements AfterViewInit, ControlValueAccessor {
46
46
  registerOnChange(onChange: any): void;
47
47
  registerOnTouched(onTouched: any): void;
48
48
  setDisabledState(disabled: boolean): void;
49
- ngOnInit(): void;
50
49
  ngAfterViewInit(): void;
51
50
  static ɵfac: i0.ɵɵFactoryDeclaration<DBSwitch, never>;
52
- static ɵcmp: i0.ɵɵComponentDeclaration<DBSwitch, "db-switch", never, { "id": { "alias": "id"; "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; }; "showRequiredAsterisk": { "alias": "showRequiredAsterisk"; "required": false; "isSignal": true; }; "className": { "alias": "className"; "required": false; "isSignal": true; }; "checked": { "alias": "checked"; "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>;
51
+ static ɵcmp: i0.ɵɵComponentDeclaration<DBSwitch, "db-switch", never, { "id": { "alias": "id"; "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; }; "showRequiredAsterisk": { "alias": "showRequiredAsterisk"; "required": false; "isSignal": true; }; "className": { "alias": "className"; "required": false; "isSignal": true; }; "checked": { "alias": "checked"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "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; }; "iconLeading": { "alias": "iconLeading"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "iconTrailing": { "alias": "iconTrailing"; "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
52
  }
package/components/tab-item/model.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- import { ActiveProps, AriaControlsProps, ChangeEventProps, ChangeEventState, GlobalProps, GlobalState, IconAfterProps, IconProps, InitializedState, NameProps, NameState, ShowIconProps } from '../../shared/model';
1
+ import { ActiveProps, ChangeEventProps, ChangeEventState, GlobalProps, GlobalState, IconLeadingProps, IconProps, IconTrailingProps, InitializedState, NameProps, NameState, ShowIconLeadingProps, ShowIconProps, ShowIconTrailingProps } from '../../shared/model';
2
2
  export type DBTabItemDefaultProps = {
3
3
  /**
4
4
  * To control the component
@@ -17,7 +17,7 @@ export type DBTabItemDefaultProps = {
17
17
  */
18
18
  noText?: boolean | string;
19
19
  };
20
- export type DBTabItemProps = GlobalProps & DBTabItemDefaultProps & IconProps & IconAfterProps & ActiveProps & AriaControlsProps & ChangeEventProps<HTMLInputElement> & ShowIconProps & NameProps;
20
+ export type DBTabItemProps = GlobalProps & DBTabItemDefaultProps & IconProps & IconTrailingProps & IconLeadingProps & ShowIconLeadingProps & ShowIconTrailingProps & ActiveProps & ChangeEventProps<HTMLInputElement> & ShowIconProps & NameProps;
21
21
  export type DBTabItemDefaultState = {
22
22
  _selected: boolean;
23
23
  };
package/components/tab-item/tab-item.d.ts CHANGED
@@ -1,24 +1,26 @@
1
- import { AfterViewInit, ElementRef, Renderer2 } from "@angular/core";
1
+ import { ElementRef, AfterViewInit, InputSignal, ModelSignal, Renderer2 } from "@angular/core";
2
2
  import { ControlValueAccessor } from '@angular/forms';
3
+ import type { DBTabItemProps } from "./model";
3
4
  import * as i0 from "@angular/core";
4
5
  export declare class DBTabItem implements AfterViewInit, ControlValueAccessor {
5
6
  private renderer;
6
7
  protected readonly cls: (...args: import("../../utils").ClassNameArg[]) => string;
7
- protected readonly getHideProp: (show?: boolean | string) => any;
8
8
  protected readonly getBooleanAsString: (originBool?: boolean | string) => any;
9
9
  protected readonly getBoolean: (originBool?: boolean | string, propertyName?: string) => boolean | undefined;
10
- active: import("@angular/core").InputSignal<string | boolean | undefined>;
11
- name: import("@angular/core").InputSignal<string | undefined>;
12
- className: import("@angular/core").InputSignal<string | undefined>;
13
- id: import("@angular/core").InputSignal<string | undefined>;
14
- icon: import("@angular/core").InputSignal<import("@db-ux/core-foundations").BaseIconTypes | import("@db-ux/core-foundations").LooseAutocomplete | undefined>;
15
- iconAfter: import("@angular/core").InputSignal<import("@db-ux/core-foundations").BaseIconTypes | import("@db-ux/core-foundations").LooseAutocomplete | undefined>;
16
- showIcon: import("@angular/core").InputSignal<string | boolean | undefined>;
17
- noText: import("@angular/core").InputSignal<string | boolean | undefined>;
18
- disabled: import("@angular/core").ModelSignal<string | boolean | undefined>;
19
- controls: import("@angular/core").InputSignal<string | undefined>;
20
- checked: import("@angular/core").ModelSignal<string | boolean | undefined>;
21
- label: import("@angular/core").InputSignal<string | undefined>;
10
+ active: InputSignal<DBTabItemProps["active"]>;
11
+ name: InputSignal<DBTabItemProps["name"]>;
12
+ className: InputSignal<DBTabItemProps["className"]>;
13
+ id: InputSignal<DBTabItemProps["id"]>;
14
+ iconLeading: InputSignal<DBTabItemProps["iconLeading"]>;
15
+ icon: InputSignal<DBTabItemProps["icon"]>;
16
+ iconTrailing: InputSignal<DBTabItemProps["iconTrailing"]>;
17
+ showIconLeading: InputSignal<DBTabItemProps["showIconLeading"]>;
18
+ showIcon: InputSignal<DBTabItemProps["showIcon"]>;
19
+ showIconTrailing: InputSignal<DBTabItemProps["showIconTrailing"]>;
20
+ noText: InputSignal<DBTabItemProps["noText"]>;
21
+ disabled: ModelSignal<DBTabItemProps["disabled"]>;
22
+ checked: ModelSignal<DBTabItemProps["checked"]>;
23
+ label: InputSignal<DBTabItemProps["label"]>;
22
24
  change: import("@angular/core").OutputEmitterRef<void | Event>;
23
25
  _ref: import("@angular/core").Signal<ElementRef<any> | undefined>;
24
26
  _selected: import("@angular/core").WritableSignal<boolean>;
@@ -38,8 +40,7 @@ export declare class DBTabItem implements AfterViewInit, ControlValueAccessor {
38
40
  registerOnChange(onChange: any): void;
39
41
  registerOnTouched(onTouched: any): void;
40
42
  setDisabledState(disabled: boolean): void;
41
- ngOnInit(): void;
42
43
  ngAfterViewInit(): void;
43
44
  static ɵfac: i0.ɵɵFactoryDeclaration<DBTabItem, never>;
44
- static ɵcmp: i0.ɵɵComponentDeclaration<DBTabItem, "db-tab-item", never, { "active": { "alias": "active"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "className": { "alias": "className"; "required": false; "isSignal": true; }; "id": { "alias": "id"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "iconAfter": { "alias": "iconAfter"; "required": false; "isSignal": true; }; "showIcon": { "alias": "showIcon"; "required": false; "isSignal": true; }; "noText": { "alias": "noText"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "controls": { "alias": "controls"; "required": false; "isSignal": true; }; "checked": { "alias": "checked"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; }, { "disabled": "disabledChange"; "checked": "checkedChange"; "change": "change"; }, never, ["*"], true, never>;
45
+ static ɵcmp: i0.ɵɵComponentDeclaration<DBTabItem, "db-tab-item", never, { "active": { "alias": "active"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "className": { "alias": "className"; "required": false; "isSignal": true; }; "id": { "alias": "id"; "required": false; "isSignal": true; }; "iconLeading": { "alias": "iconLeading"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "iconTrailing": { "alias": "iconTrailing"; "required": false; "isSignal": true; }; "showIconLeading": { "alias": "showIconLeading"; "required": false; "isSignal": true; }; "showIcon": { "alias": "showIcon"; "required": false; "isSignal": true; }; "showIconTrailing": { "alias": "showIconTrailing"; "required": false; "isSignal": true; }; "noText": { "alias": "noText"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "checked": { "alias": "checked"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; }, { "disabled": "disabledChange"; "checked": "checkedChange"; "change": "change"; }, never, ["*"], true, never>;
45
46
  }
package/components/tab-list/tab-list.d.ts CHANGED
@@ -1,9 +1,10 @@
1
- import { AfterViewInit, ElementRef } from "@angular/core";
1
+ import { ElementRef, AfterViewInit, InputSignal } from "@angular/core";
2
+ import { DBTabListProps } from "./model";
2
3
  import * as i0 from "@angular/core";
3
4
  export declare class DBTabList implements AfterViewInit {
4
5
  protected readonly cls: (...args: import("../../utils").ClassNameArg[]) => string;
5
- id: import("@angular/core").InputSignal<string | undefined>;
6
- className: import("@angular/core").InputSignal<string | undefined>;
6
+ id: InputSignal<DBTabListProps["id"]>;
7
+ className: InputSignal<DBTabListProps["className"]>;
7
8
  _ref: import("@angular/core").Signal<ElementRef<any> | undefined>;
8
9
  _id: import("@angular/core").WritableSignal<string | undefined>;
9
10
  constructor();
@@ -13,7 +14,6 @@ export declare class DBTabList implements AfterViewInit {
13
14
  * @param customElementSelector the custom element like `my-component`
14
15
  */
15
16
  private enableAttributePassing;
16
- ngOnInit(): void;
17
17
  ngAfterViewInit(): void;
18
18
  static ɵfac: i0.ɵɵFactoryDeclaration<DBTabList, never>;
19
19
  static ɵcmp: i0.ɵɵComponentDeclaration<DBTabList, "db-tab-list", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "className": { "alias": "className"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
package/components/tab-panel/model.d.ts CHANGED
@@ -1,10 +1,10 @@
1
- import { AriaLabelledByProps, GlobalProps, GlobalState } from '../../shared/model';
1
+ import { GlobalProps, GlobalState } from '../../shared/model';
2
2
  export type DBTabPanelDefaultProps = {
3
3
  /**
4
4
  * The content if you don't want to use children.
5
5
  */
6
6
  content?: string;
7
7
  };
8
- export type DBTabPanelProps = DBTabPanelDefaultProps & GlobalProps & AriaLabelledByProps;
8
+ export type DBTabPanelProps = DBTabPanelDefaultProps & GlobalProps;
9
9
  export type DBTabPanelDefaultState = {};
10
10
  export type DBTabPanelState = DBTabPanelDefaultState & GlobalState;