@db-ux/ngx-core-components 3.0.0 → 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 (41) 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 +8 -7
  5. package/components/button/button.d.ts +20 -19
  6. package/components/card/card.d.ts +7 -6
  7. package/components/checkbox/checkbox.d.ts +21 -21
  8. package/components/custom-select/custom-select.d.ts +51 -51
  9. package/components/custom-select/model.d.ts +1 -0
  10. package/components/custom-select-dropdown/custom-select-dropdown.d.ts +5 -4
  11. package/components/custom-select-form-field/custom-select-form-field.d.ts +4 -3
  12. package/components/custom-select-list/custom-select-list.d.ts +6 -5
  13. package/components/custom-select-list-item/custom-select-list-item.d.ts +15 -15
  14. package/components/divider/divider.d.ts +8 -7
  15. package/components/drawer/drawer.d.ts +14 -14
  16. package/components/header/header.d.ts +9 -10
  17. package/components/icon/icon.d.ts +8 -7
  18. package/components/infotext/infotext.d.ts +9 -8
  19. package/components/input/input.d.ts +45 -45
  20. package/components/link/link.d.ts +16 -15
  21. package/components/navigation/navigation.d.ts +4 -4
  22. package/components/navigation-item/navigation-item.d.ts +14 -14
  23. package/components/notification/notification.d.ts +18 -17
  24. package/components/page/page.d.ts +9 -8
  25. package/components/popover/popover.d.ts +11 -11
  26. package/components/radio/radio.d.ts +14 -14
  27. package/components/section/section.d.ts +6 -6
  28. package/components/select/select.d.ts +26 -27
  29. package/components/stack/stack.d.ts +10 -9
  30. package/components/switch/switch.d.ts +19 -19
  31. package/components/tab-item/tab-item.d.ts +16 -16
  32. package/components/tab-list/tab-list.d.ts +4 -4
  33. package/components/tab-panel/tab-panel.d.ts +5 -5
  34. package/components/tabs/tabs.d.ts +13 -14
  35. package/components/tag/tag.d.ts +14 -13
  36. package/components/textarea/textarea.d.ts +35 -35
  37. package/components/tooltip/tooltip.d.ts +11 -11
  38. package/fesm2022/db-ux-ngx-core-components.mjs +3239 -3151
  39. package/fesm2022/db-ux-ngx-core-components.mjs.map +1 -1
  40. package/index.d.ts +39 -0
  41. package/package.json +3 -3
@@ -1,7 +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, 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;
@@ -16,30 +16,30 @@ export declare class DBSelect implements AfterViewInit, ControlValueAccessor {
16
16
  }, prefix: string) => string;
17
17
  protected readonly stringPropVisible: (givenString?: string, showString?: boolean | string) => boolean;
18
18
  protected readonly DEFAULT_VALID_MESSAGE: string;
19
- id: import("@angular/core").InputSignal<string | undefined>;
20
- invalidMessage: import("@angular/core").InputSignal<string | undefined>;
21
- message: import("@angular/core").InputSignal<string | undefined>;
22
- showMessage: import("@angular/core").InputSignal<string | boolean | undefined>;
23
- value: import("@angular/core").ModelSignal<any>;
24
- validMessage: import("@angular/core").InputSignal<string | undefined>;
25
- validation: import("@angular/core").InputSignal<"invalid" | "valid" | "no-validation" | undefined>;
26
- required: import("@angular/core").InputSignal<string | boolean | undefined>;
27
- className: import("@angular/core").InputSignal<string | undefined>;
28
- variant: import("@angular/core").InputSignal<"above" | "floating" | undefined>;
29
- showLabel: import("@angular/core").InputSignal<string | boolean | undefined>;
30
- showRequiredAsterisk: import("@angular/core").InputSignal<string | boolean | undefined>;
31
- icon: import("@angular/core").InputSignal<import("@db-ux/core-foundations").BaseIconTypes | import("@db-ux/core-foundations").LooseAutocomplete | undefined>;
32
- showIcon: import("@angular/core").InputSignal<string | boolean | undefined>;
33
- label: import("@angular/core").InputSignal<string | undefined>;
34
- disabled: import("@angular/core").ModelSignal<string | boolean | undefined>;
35
- name: import("@angular/core").InputSignal<string | undefined>;
36
- size: import("@angular/core").InputSignal<number | undefined>;
37
- autocomplete: import("@angular/core").InputSignal<string | undefined>;
38
- multiple: import("@angular/core").InputSignal<boolean | undefined>;
39
- ariaDescribedBy: import("@angular/core").InputSignal<string | undefined>;
40
- options: import("@angular/core").InputSignal<DBSelectOptionType[] | undefined>;
41
- placeholder: import("@angular/core").InputSignal<string | undefined>;
42
- 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"]>;
43
43
  click: import("@angular/core").OutputEmitterRef<void | MouseEvent>;
44
44
  input: import("@angular/core").OutputEmitterRef<void | Event>;
45
45
  change: import("@angular/core").OutputEmitterRef<void | Event>;
@@ -77,7 +77,6 @@ export declare class DBSelect implements AfterViewInit, ControlValueAccessor {
77
77
  registerOnChange(onChange: any): void;
78
78
  registerOnTouched(onTouched: any): void;
79
79
  setDisabledState(disabled: boolean): void;
80
- ngOnInit(): void;
81
80
  ngAfterViewInit(): void;
82
81
  static ɵfac: i0.ɵɵFactoryDeclaration<DBSelect, never>;
83
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>;
@@ -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
  /**
@@ -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,23 +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
- validation: import("@angular/core").InputSignal<"invalid" | "valid" | "no-validation" | undefined>;
22
- name: import("@angular/core").InputSignal<string | undefined>;
23
- required: import("@angular/core").InputSignal<string | boolean | undefined>;
24
- iconLeading: import("@angular/core").InputSignal<import("@db-ux/core-foundations").BaseIconTypes | import("@db-ux/core-foundations").LooseAutocomplete | undefined>;
25
- icon: import("@angular/core").InputSignal<import("@db-ux/core-foundations").BaseIconTypes | import("@db-ux/core-foundations").LooseAutocomplete | undefined>;
26
- iconTrailing: import("@angular/core").InputSignal<import("@db-ux/core-foundations").BaseIconTypes | import("@db-ux/core-foundations").LooseAutocomplete | undefined>;
27
- 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"]>;
28
29
  change: import("@angular/core").OutputEmitterRef<void | Event>;
29
30
  blur: import("@angular/core").OutputEmitterRef<void | FocusEvent>;
30
31
  focus: import("@angular/core").OutputEmitterRef<void | FocusEvent>;
@@ -45,7 +46,6 @@ export declare class DBSwitch implements AfterViewInit, ControlValueAccessor {
45
46
  registerOnChange(onChange: any): void;
46
47
  registerOnTouched(onTouched: any): void;
47
48
  setDisabledState(disabled: boolean): void;
48
- ngOnInit(): void;
49
49
  ngAfterViewInit(): void;
50
50
  static ɵfac: i0.ɵɵFactoryDeclaration<DBSwitch, never>;
51
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>;
@@ -1,25 +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
8
  protected readonly getBooleanAsString: (originBool?: boolean | string) => any;
8
9
  protected readonly getBoolean: (originBool?: boolean | string, propertyName?: string) => boolean | undefined;
9
- active: import("@angular/core").InputSignal<string | boolean | undefined>;
10
- name: import("@angular/core").InputSignal<string | undefined>;
11
- className: import("@angular/core").InputSignal<string | undefined>;
12
- id: import("@angular/core").InputSignal<string | undefined>;
13
- iconLeading: import("@angular/core").InputSignal<import("@db-ux/core-foundations").BaseIconTypes | import("@db-ux/core-foundations").LooseAutocomplete | undefined>;
14
- icon: import("@angular/core").InputSignal<import("@db-ux/core-foundations").BaseIconTypes | import("@db-ux/core-foundations").LooseAutocomplete | undefined>;
15
- iconTrailing: import("@angular/core").InputSignal<import("@db-ux/core-foundations").BaseIconTypes | import("@db-ux/core-foundations").LooseAutocomplete | undefined>;
16
- showIconLeading: import("@angular/core").InputSignal<string | boolean | undefined>;
17
- showIcon: import("@angular/core").InputSignal<string | boolean | undefined>;
18
- showIconTrailing: import("@angular/core").InputSignal<string | boolean | undefined>;
19
- noText: import("@angular/core").InputSignal<string | boolean | undefined>;
20
- disabled: import("@angular/core").ModelSignal<string | boolean | undefined>;
21
- checked: import("@angular/core").ModelSignal<string | boolean | undefined>;
22
- 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"]>;
23
24
  change: import("@angular/core").OutputEmitterRef<void | Event>;
24
25
  _ref: import("@angular/core").Signal<ElementRef<any> | undefined>;
25
26
  _selected: import("@angular/core").WritableSignal<boolean>;
@@ -39,7 +40,6 @@ export declare class DBTabItem implements AfterViewInit, ControlValueAccessor {
39
40
  registerOnChange(onChange: any): void;
40
41
  registerOnTouched(onTouched: any): void;
41
42
  setDisabledState(disabled: boolean): void;
42
- ngOnInit(): void;
43
43
  ngAfterViewInit(): void;
44
44
  static ɵfac: i0.ɵɵFactoryDeclaration<DBTabItem, never>;
45
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>;
@@ -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>;
@@ -1,10 +1,11 @@
1
- import { AfterViewInit, ElementRef } from "@angular/core";
1
+ import { ElementRef, AfterViewInit, InputSignal } from "@angular/core";
2
+ import { DBTabPanelProps } from "./model";
2
3
  import * as i0 from "@angular/core";
3
4
  export declare class DBTabPanel implements AfterViewInit {
4
5
  protected readonly cls: (...args: import("../../utils").ClassNameArg[]) => string;
5
- className: import("@angular/core").InputSignal<string | undefined>;
6
- id: import("@angular/core").InputSignal<string | undefined>;
7
- content: import("@angular/core").InputSignal<string | undefined>;
6
+ className: InputSignal<DBTabPanelProps["className"]>;
7
+ id: InputSignal<DBTabPanelProps["id"]>;
8
+ content: InputSignal<DBTabPanelProps["content"]>;
8
9
  _ref: import("@angular/core").Signal<ElementRef<any> | undefined>;
9
10
  constructor();
10
11
  /**
@@ -13,7 +14,6 @@ export declare class DBTabPanel 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<DBTabPanel, never>;
19
19
  static ɵcmp: i0.ɵɵComponentDeclaration<DBTabPanel, "db-tab-panel", never, { "className": { "alias": "className"; "required": false; "isSignal": true; }; "id": { "alias": "id"; "required": false; "isSignal": true; }; "content": { "alias": "content"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
@@ -1,20 +1,20 @@
1
- import { AfterViewInit, ElementRef } from "@angular/core";
1
+ import { ElementRef, AfterViewInit, InputSignal } from "@angular/core";
2
2
  import { InputEvent } from "../../shared/model";
3
- import { DBSimpleTabProps } from "./model";
3
+ import { DBTabsProps } 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;
7
- id: import("@angular/core").InputSignal<string | undefined>;
8
- name: import("@angular/core").InputSignal<string | undefined>;
9
- tabs: import("@angular/core").InputSignal<string | DBSimpleTabProps[] | undefined>;
10
- arrowScrollDistance: import("@angular/core").InputSignal<string | number | undefined>;
11
- orientation: import("@angular/core").InputSignal<"horizontal" | "vertical" | undefined>;
12
- behavior: import("@angular/core").InputSignal<"scrollbar" | "arrows" | undefined>;
13
- initialSelectedMode: import("@angular/core").InputSignal<"auto" | "manually" | undefined>;
14
- initialSelectedIndex: import("@angular/core").InputSignal<string | number | undefined>;
15
- className: import("@angular/core").InputSignal<string | undefined>;
16
- alignment: import("@angular/core").InputSignal<string | undefined>;
17
- width: import("@angular/core").InputSignal<string | undefined>;
7
+ id: InputSignal<DBTabsProps["id"]>;
8
+ name: InputSignal<DBTabsProps["name"]>;
9
+ tabs: InputSignal<DBTabsProps["tabs"]>;
10
+ arrowScrollDistance: InputSignal<DBTabsProps["arrowScrollDistance"]>;
11
+ orientation: InputSignal<DBTabsProps["orientation"]>;
12
+ behavior: InputSignal<DBTabsProps["behavior"]>;
13
+ initialSelectedMode: InputSignal<DBTabsProps["initialSelectedMode"]>;
14
+ initialSelectedIndex: InputSignal<DBTabsProps["initialSelectedIndex"]>;
15
+ className: InputSignal<DBTabsProps["className"]>;
16
+ alignment: InputSignal<DBTabsProps["alignment"]>;
17
+ width: InputSignal<DBTabsProps["width"]>;
18
18
  indexChange: import("@angular/core").OutputEmitterRef<number | void | undefined>;
19
19
  tabSelect: import("@angular/core").OutputEmitterRef<void | Event | undefined>;
20
20
  _ref: import("@angular/core").Signal<ElementRef<any> | undefined>;
@@ -39,7 +39,6 @@ export declare class DBTabs implements AfterViewInit {
39
39
  * @param customElementSelector the custom element like `my-component`
40
40
  */
41
41
  private enableAttributePassing;
42
- ngOnInit(): void;
43
42
  ngAfterViewInit(): void;
44
43
  static ɵfac: i0.ɵɵFactoryDeclaration<DBTabs, never>;
45
44
  static ɵcmp: i0.ɵɵComponentDeclaration<DBTabs, "db-tabs", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "tabs": { "alias": "tabs"; "required": false; "isSignal": true; }; "arrowScrollDistance": { "alias": "arrowScrollDistance"; "required": false; "isSignal": true; }; "orientation": { "alias": "orientation"; "required": false; "isSignal": true; }; "behavior": { "alias": "behavior"; "required": false; "isSignal": true; }; "initialSelectedMode": { "alias": "initialSelectedMode"; "required": false; "isSignal": true; }; "initialSelectedIndex": { "alias": "initialSelectedIndex"; "required": false; "isSignal": true; }; "className": { "alias": "className"; "required": false; "isSignal": true; }; "alignment": { "alias": "alignment"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; }, { "indexChange": "indexChange"; "tabSelect": "tabSelect"; }, never, ["*"], true, never>;
@@ -1,21 +1,22 @@
1
- import { AfterViewInit, ElementRef } from "@angular/core";
1
+ import { ElementRef, AfterViewInit, InputSignal } from "@angular/core";
2
2
  import { ClickEvent } from "../../shared/model";
3
+ import { DBTagProps } from "./model";
3
4
  import * as i0 from "@angular/core";
4
5
  export declare class DBTag implements AfterViewInit {
5
6
  protected readonly cls: (...args: import("../../utils").ClassNameArg[]) => string;
6
7
  protected readonly getBooleanAsString: (originBool?: boolean | string) => any;
7
- removeButton: import("@angular/core").InputSignal<string | undefined>;
8
- id: import("@angular/core").InputSignal<string | undefined>;
9
- className: import("@angular/core").InputSignal<string | undefined>;
10
- semantic: import("@angular/core").InputSignal<"critical" | "informational" | "warning" | "successful" | "adaptive" | "neutral" | undefined>;
11
- emphasis: import("@angular/core").InputSignal<"weak" | "strong" | undefined>;
12
- icon: import("@angular/core").InputSignal<import("@db-ux/core-foundations").BaseIconTypes | import("@db-ux/core-foundations").LooseAutocomplete | undefined>;
13
- showCheckState: import("@angular/core").InputSignal<string | boolean | undefined>;
14
- showIcon: import("@angular/core").InputSignal<string | boolean | undefined>;
15
- noText: import("@angular/core").InputSignal<string | boolean | undefined>;
16
- overflow: import("@angular/core").InputSignal<string | boolean | undefined>;
17
- text: import("@angular/core").InputSignal<string | undefined>;
18
- behavior: import("@angular/core").InputSignal<string | undefined>;
8
+ removeButton: InputSignal<DBTagProps["removeButton"]>;
9
+ id: InputSignal<DBTagProps["id"]>;
10
+ className: InputSignal<DBTagProps["className"]>;
11
+ semantic: InputSignal<DBTagProps["semantic"]>;
12
+ emphasis: InputSignal<DBTagProps["emphasis"]>;
13
+ icon: InputSignal<DBTagProps["icon"]>;
14
+ showCheckState: InputSignal<DBTagProps["showCheckState"]>;
15
+ showIcon: InputSignal<DBTagProps["showIcon"]>;
16
+ noText: InputSignal<DBTagProps["noText"]>;
17
+ overflow: InputSignal<DBTagProps["overflow"]>;
18
+ text: InputSignal<DBTagProps["text"]>;
19
+ behavior: InputSignal<DBTagProps["behavior"]>;
19
20
  remove: import("@angular/core").OutputEmitterRef<void | MouseEvent | undefined>;
20
21
  _ref: import("@angular/core").Signal<ElementRef<any> | undefined>;
21
22
  handleRemove(event?: ClickEvent<HTMLButtonElement> | void): void;
@@ -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, InputEvent, InteractionEvent } from "../../shared/model";
4
+ import { DBTextareaProps } from "./model";
4
5
  import * as i0 from "@angular/core";
5
6
  export declare class DBTextarea implements AfterViewInit, ControlValueAccessor {
6
7
  private renderer;
@@ -13,39 +14,39 @@ export declare class DBTextarea implements AfterViewInit, ControlValueAccessor {
13
14
  protected readonly DEFAULT_ROWS: number;
14
15
  protected readonly stringPropVisible: (givenString?: string, showString?: boolean | string) => boolean;
15
16
  protected readonly DEFAULT_VALID_MESSAGE: string;
16
- id: import("@angular/core").InputSignal<string | undefined>;
17
- invalidMessage: import("@angular/core").InputSignal<string | undefined>;
18
- message: import("@angular/core").InputSignal<string | undefined>;
19
- showMessage: import("@angular/core").InputSignal<string | boolean | undefined>;
20
- value: import("@angular/core").ModelSignal<any>;
21
- validMessage: import("@angular/core").InputSignal<string | undefined>;
22
- validation: import("@angular/core").InputSignal<"invalid" | "valid" | "no-validation" | undefined>;
23
- required: import("@angular/core").InputSignal<string | boolean | undefined>;
24
- minLength: import("@angular/core").InputSignal<string | number | undefined>;
25
- maxLength: import("@angular/core").InputSignal<string | number | undefined>;
26
- className: import("@angular/core").InputSignal<string | undefined>;
27
- variant: import("@angular/core").InputSignal<"above" | "floating" | undefined>;
28
- showRequiredAsterisk: import("@angular/core").InputSignal<string | boolean | undefined>;
29
- showLabel: import("@angular/core").InputSignal<string | boolean | undefined>;
30
- label: import("@angular/core").InputSignal<string | undefined>;
31
- fieldSizing: import("@angular/core").InputSignal<"fixed" | "content" | undefined>;
32
- resize: import("@angular/core").InputSignal<"none" | "horizontal" | "vertical" | "both" | undefined>;
33
- showResizer: import("@angular/core").InputSignal<string | boolean | undefined>;
34
- disabled: import("@angular/core").ModelSignal<string | boolean | undefined>;
35
- readOnly: import("@angular/core").InputSignal<string | boolean | undefined>;
36
- readonly: import("@angular/core").InputSignal<string | boolean | undefined>;
37
- form: import("@angular/core").InputSignal<string | undefined>;
38
- maxlength: import("@angular/core").InputSignal<string | number | undefined>;
39
- minlength: import("@angular/core").InputSignal<string | number | undefined>;
40
- name: import("@angular/core").InputSignal<string | undefined>;
41
- wrap: import("@angular/core").InputSignal<"off" | "hard" | "soft" | undefined>;
42
- spellCheck: import("@angular/core").InputSignal<boolean | undefined>;
43
- autocomplete: import("@angular/core").InputSignal<string | undefined>;
44
- ariaDescribedBy: import("@angular/core").InputSignal<string | undefined>;
45
- placeholder: import("@angular/core").InputSignal<string | undefined>;
46
- rows: import("@angular/core").InputSignal<string | number | undefined>;
47
- cols: import("@angular/core").InputSignal<string | number | undefined>;
48
- messageIcon: import("@angular/core").InputSignal<import("@db-ux/core-foundations").BaseIconTypes | import("@db-ux/core-foundations").LooseAutocomplete | undefined>;
17
+ id: InputSignal<DBTextareaProps["id"]>;
18
+ invalidMessage: InputSignal<DBTextareaProps["invalidMessage"]>;
19
+ message: InputSignal<DBTextareaProps["message"]>;
20
+ showMessage: InputSignal<DBTextareaProps["showMessage"]>;
21
+ value: ModelSignal<DBTextareaProps["value"]>;
22
+ validMessage: InputSignal<DBTextareaProps["validMessage"]>;
23
+ validation: InputSignal<DBTextareaProps["validation"]>;
24
+ required: InputSignal<DBTextareaProps["required"]>;
25
+ minLength: InputSignal<DBTextareaProps["minLength"]>;
26
+ maxLength: InputSignal<DBTextareaProps["maxLength"]>;
27
+ className: InputSignal<DBTextareaProps["className"]>;
28
+ variant: InputSignal<DBTextareaProps["variant"]>;
29
+ showRequiredAsterisk: InputSignal<DBTextareaProps["showRequiredAsterisk"]>;
30
+ showLabel: InputSignal<DBTextareaProps["showLabel"]>;
31
+ label: InputSignal<DBTextareaProps["label"]>;
32
+ fieldSizing: InputSignal<DBTextareaProps["fieldSizing"]>;
33
+ resize: InputSignal<DBTextareaProps["resize"]>;
34
+ showResizer: InputSignal<DBTextareaProps["showResizer"]>;
35
+ disabled: ModelSignal<DBTextareaProps["disabled"]>;
36
+ readOnly: InputSignal<DBTextareaProps["readOnly"]>;
37
+ readonly: InputSignal<DBTextareaProps["readonly"]>;
38
+ form: InputSignal<DBTextareaProps["form"]>;
39
+ maxlength: InputSignal<DBTextareaProps["maxlength"]>;
40
+ minlength: InputSignal<DBTextareaProps["minlength"]>;
41
+ name: InputSignal<DBTextareaProps["name"]>;
42
+ wrap: InputSignal<DBTextareaProps["wrap"]>;
43
+ spellCheck: InputSignal<DBTextareaProps["spellCheck"]>;
44
+ autocomplete: InputSignal<DBTextareaProps["autocomplete"]>;
45
+ ariaDescribedBy: InputSignal<DBTextareaProps["ariaDescribedBy"]>;
46
+ placeholder: InputSignal<DBTextareaProps["placeholder"]>;
47
+ rows: InputSignal<DBTextareaProps["rows"]>;
48
+ cols: InputSignal<DBTextareaProps["cols"]>;
49
+ messageIcon: InputSignal<DBTextareaProps["messageIcon"]>;
49
50
  input: import("@angular/core").OutputEmitterRef<void | Event>;
50
51
  change: import("@angular/core").OutputEmitterRef<void | Event>;
51
52
  blur: import("@angular/core").OutputEmitterRef<void | FocusEvent>;
@@ -77,7 +78,6 @@ export declare class DBTextarea implements AfterViewInit, ControlValueAccessor {
77
78
  registerOnChange(onChange: any): void;
78
79
  registerOnTouched(onTouched: any): void;
79
80
  setDisabledState(disabled: boolean): void;
80
- ngOnInit(): void;
81
81
  ngAfterViewInit(): void;
82
82
  static ɵfac: i0.ɵɵFactoryDeclaration<DBTextarea, never>;
83
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; }; "showRequiredAsterisk": { "alias": "showRequiredAsterisk"; "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>;
@@ -1,18 +1,19 @@
1
- import { AfterViewInit, ElementRef } from "@angular/core";
1
+ import { ElementRef, AfterViewInit, InputSignal } from "@angular/core";
2
2
  import { ClickEvent } from "../../shared/model";
3
+ import { DBTooltipProps } from "./model";
3
4
  import * as i0 from "@angular/core";
4
5
  export declare class DBTooltip implements AfterViewInit {
5
6
  protected readonly cls: (...args: import("../../utils").ClassNameArg[]) => string;
6
7
  protected readonly getBooleanAsString: (originBool?: boolean | string) => any;
7
- id: import("@angular/core").InputSignal<string | undefined>;
8
- variant: import("@angular/core").InputSignal<"label" | "description" | undefined>;
9
- 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>;
10
- className: import("@angular/core").InputSignal<string | undefined>;
11
- emphasis: import("@angular/core").InputSignal<"weak" | "strong" | undefined>;
12
- animation: 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>;
15
- showArrow: import("@angular/core").InputSignal<string | boolean | undefined>;
8
+ id: InputSignal<DBTooltipProps["id"]>;
9
+ variant: InputSignal<DBTooltipProps["variant"]>;
10
+ placement: InputSignal<DBTooltipProps["placement"]>;
11
+ className: InputSignal<DBTooltipProps["className"]>;
12
+ emphasis: InputSignal<DBTooltipProps["emphasis"]>;
13
+ animation: InputSignal<DBTooltipProps["animation"]>;
14
+ delay: InputSignal<DBTooltipProps["delay"]>;
15
+ width: InputSignal<DBTooltipProps["width"]>;
16
+ showArrow: InputSignal<DBTooltipProps["showArrow"]>;
16
17
  _ref: import("@angular/core").Signal<ElementRef<any> | undefined>;
17
18
  _id: import("@angular/core").WritableSignal<string | undefined>;
18
19
  initialized: import("@angular/core").WritableSignal<boolean>;
@@ -32,7 +33,6 @@ export declare class DBTooltip implements AfterViewInit {
32
33
  * @param customElementSelector the custom element like `my-component`
33
34
  */
34
35
  private enableAttributePassing;
35
- ngOnInit(): void;
36
36
  ngAfterViewInit(): void;
37
37
  static ɵfac: i0.ɵɵFactoryDeclaration<DBTooltip, never>;
38
38
  static ɵcmp: i0.ɵɵComponentDeclaration<DBTooltip, "db-tooltip", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "placement": { "alias": "placement"; "required": false; "isSignal": true; }; "className": { "alias": "className"; "required": false; "isSignal": true; }; "emphasis": { "alias": "emphasis"; "required": false; "isSignal": true; }; "animation": { "alias": "animation"; "required": false; "isSignal": true; }; "delay": { "alias": "delay"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; "showArrow": { "alias": "showArrow"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;