@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.
- package/components/accordion/accordion.d.ts +9 -10
- package/components/accordion-item/accordion-item.d.ts +9 -9
- package/components/badge/badge.d.ts +10 -10
- package/components/brand/brand.d.ts +8 -7
- package/components/button/button.d.ts +20 -19
- package/components/card/card.d.ts +7 -6
- package/components/checkbox/checkbox.d.ts +21 -21
- package/components/custom-select/custom-select.d.ts +51 -51
- package/components/custom-select/model.d.ts +1 -0
- package/components/custom-select-dropdown/custom-select-dropdown.d.ts +5 -4
- package/components/custom-select-form-field/custom-select-form-field.d.ts +4 -3
- package/components/custom-select-list/custom-select-list.d.ts +6 -5
- package/components/custom-select-list-item/custom-select-list-item.d.ts +15 -15
- package/components/divider/divider.d.ts +8 -7
- package/components/drawer/drawer.d.ts +14 -14
- package/components/header/header.d.ts +9 -10
- package/components/icon/icon.d.ts +8 -7
- package/components/infotext/infotext.d.ts +9 -8
- package/components/input/input.d.ts +45 -45
- package/components/link/link.d.ts +16 -15
- package/components/navigation/navigation.d.ts +4 -4
- package/components/navigation-item/navigation-item.d.ts +14 -14
- package/components/notification/notification.d.ts +18 -17
- package/components/page/page.d.ts +9 -8
- package/components/popover/popover.d.ts +11 -11
- package/components/radio/radio.d.ts +14 -14
- package/components/section/section.d.ts +6 -6
- package/components/select/select.d.ts +26 -27
- package/components/stack/stack.d.ts +10 -9
- package/components/switch/switch.d.ts +19 -19
- package/components/tab-item/tab-item.d.ts +16 -16
- package/components/tab-list/tab-list.d.ts +4 -4
- package/components/tab-panel/tab-panel.d.ts +5 -5
- package/components/tabs/tabs.d.ts +13 -14
- package/components/tag/tag.d.ts +14 -13
- package/components/textarea/textarea.d.ts +35 -35
- package/components/tooltip/tooltip.d.ts +11 -11
- package/fesm2022/db-ux-ngx-core-components.mjs +3239 -3151
- package/fesm2022/db-ux-ngx-core-components.mjs.map +1 -1
- package/index.d.ts +39 -0
- package/package.json +3 -3
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import { AfterViewInit,
|
|
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:
|
|
20
|
-
invalidMessage:
|
|
21
|
-
message:
|
|
22
|
-
showMessage:
|
|
23
|
-
value:
|
|
24
|
-
validMessage:
|
|
25
|
-
validation:
|
|
26
|
-
required:
|
|
27
|
-
className:
|
|
28
|
-
variant:
|
|
29
|
-
showLabel:
|
|
30
|
-
showRequiredAsterisk:
|
|
31
|
-
icon:
|
|
32
|
-
showIcon:
|
|
33
|
-
label:
|
|
34
|
-
disabled:
|
|
35
|
-
name:
|
|
36
|
-
size:
|
|
37
|
-
autocomplete:
|
|
38
|
-
multiple:
|
|
39
|
-
ariaDescribedBy:
|
|
40
|
-
options:
|
|
41
|
-
placeholder:
|
|
42
|
-
messageIcon:
|
|
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,
|
|
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:
|
|
7
|
-
className:
|
|
8
|
-
gap:
|
|
9
|
-
variant:
|
|
10
|
-
direction:
|
|
11
|
-
alignment:
|
|
12
|
-
justifyContent:
|
|
13
|
-
wrap:
|
|
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,
|
|
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:
|
|
12
|
-
visualAid:
|
|
13
|
-
size:
|
|
14
|
-
showLabel:
|
|
15
|
-
emphasis:
|
|
16
|
-
showRequiredAsterisk:
|
|
17
|
-
className:
|
|
18
|
-
checked:
|
|
19
|
-
value:
|
|
20
|
-
disabled:
|
|
21
|
-
validation:
|
|
22
|
-
name:
|
|
23
|
-
required:
|
|
24
|
-
iconLeading:
|
|
25
|
-
icon:
|
|
26
|
-
iconTrailing:
|
|
27
|
-
label:
|
|
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,
|
|
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:
|
|
10
|
-
name:
|
|
11
|
-
className:
|
|
12
|
-
id:
|
|
13
|
-
iconLeading:
|
|
14
|
-
icon:
|
|
15
|
-
iconTrailing:
|
|
16
|
-
showIconLeading:
|
|
17
|
-
showIcon:
|
|
18
|
-
showIconTrailing:
|
|
19
|
-
noText:
|
|
20
|
-
disabled:
|
|
21
|
-
checked:
|
|
22
|
-
label:
|
|
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,
|
|
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:
|
|
6
|
-
className:
|
|
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,
|
|
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:
|
|
6
|
-
id:
|
|
7
|
-
content:
|
|
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,
|
|
1
|
+
import { ElementRef, AfterViewInit, InputSignal } from "@angular/core";
|
|
2
2
|
import { InputEvent } from "../../shared/model";
|
|
3
|
-
import {
|
|
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:
|
|
8
|
-
name:
|
|
9
|
-
tabs:
|
|
10
|
-
arrowScrollDistance:
|
|
11
|
-
orientation:
|
|
12
|
-
behavior:
|
|
13
|
-
initialSelectedMode:
|
|
14
|
-
initialSelectedIndex:
|
|
15
|
-
className:
|
|
16
|
-
alignment:
|
|
17
|
-
width:
|
|
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>;
|
package/components/tag/tag.d.ts
CHANGED
|
@@ -1,21 +1,22 @@
|
|
|
1
|
-
import { AfterViewInit,
|
|
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:
|
|
8
|
-
id:
|
|
9
|
-
className:
|
|
10
|
-
semantic:
|
|
11
|
-
emphasis:
|
|
12
|
-
icon:
|
|
13
|
-
showCheckState:
|
|
14
|
-
showIcon:
|
|
15
|
-
noText:
|
|
16
|
-
overflow:
|
|
17
|
-
text:
|
|
18
|
-
behavior:
|
|
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,
|
|
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:
|
|
17
|
-
invalidMessage:
|
|
18
|
-
message:
|
|
19
|
-
showMessage:
|
|
20
|
-
value:
|
|
21
|
-
validMessage:
|
|
22
|
-
validation:
|
|
23
|
-
required:
|
|
24
|
-
minLength:
|
|
25
|
-
maxLength:
|
|
26
|
-
className:
|
|
27
|
-
variant:
|
|
28
|
-
showRequiredAsterisk:
|
|
29
|
-
showLabel:
|
|
30
|
-
label:
|
|
31
|
-
fieldSizing:
|
|
32
|
-
resize:
|
|
33
|
-
showResizer:
|
|
34
|
-
disabled:
|
|
35
|
-
readOnly:
|
|
36
|
-
readonly:
|
|
37
|
-
form:
|
|
38
|
-
maxlength:
|
|
39
|
-
minlength:
|
|
40
|
-
name:
|
|
41
|
-
wrap:
|
|
42
|
-
spellCheck:
|
|
43
|
-
autocomplete:
|
|
44
|
-
ariaDescribedBy:
|
|
45
|
-
placeholder:
|
|
46
|
-
rows:
|
|
47
|
-
cols:
|
|
48
|
-
messageIcon:
|
|
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,
|
|
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:
|
|
8
|
-
variant:
|
|
9
|
-
placement:
|
|
10
|
-
className:
|
|
11
|
-
emphasis:
|
|
12
|
-
animation:
|
|
13
|
-
delay:
|
|
14
|
-
width:
|
|
15
|
-
showArrow:
|
|
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>;
|