@db-ux/ngx-core-components 3.0.1 → 3.0.2-copilot-66b0168
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/README.md +11 -0
- package/agent/Accordion.md +52 -0
- package/agent/AccordionItem.md +45 -0
- package/agent/Badge.md +48 -0
- package/agent/Brand.md +29 -0
- package/agent/Button.md +59 -0
- package/agent/Card.md +39 -0
- package/agent/Checkbox.md +52 -0
- package/agent/CustomSelect.md +89 -0
- package/agent/Divider.md +37 -0
- package/agent/Drawer.md +90 -0
- package/agent/Header.md +45 -0
- package/agent/Icon.md +36 -0
- package/agent/Infotext.md +41 -0
- package/agent/Input.md +58 -0
- package/agent/Link.md +60 -0
- package/agent/Navigation.md +34 -0
- package/agent/NavigationItem.md +45 -0
- package/agent/Notification.md +52 -0
- package/agent/Page.md +45 -0
- package/agent/Popover.md +69 -0
- package/agent/Radio.md +39 -0
- package/agent/Section.md +39 -0
- package/agent/Select.md +80 -0
- package/agent/Stack.md +51 -0
- package/agent/Switch.md +55 -0
- package/agent/TabItem.md +41 -0
- package/agent/Tabs.md +80 -0
- package/agent/Tag.md +48 -0
- package/agent/Textarea.md +57 -0
- package/agent/Tooltip.md +64 -0
- package/agent/_instructions.md +31 -0
- package/package.json +7 -3
- package/components/accordion/accordion.d.ts +0 -30
- package/components/accordion/index.d.ts +0 -1
- package/components/accordion/model.d.ts +0 -41
- package/components/accordion-item/accordion-item.d.ts +0 -33
- package/components/accordion-item/index.d.ts +0 -1
- package/components/accordion-item/model.d.ts +0 -24
- package/components/badge/badge.d.ts +0 -27
- package/components/badge/index.d.ts +0 -1
- package/components/badge/model.d.ts +0 -16
- package/components/brand/brand.d.ts +0 -25
- package/components/brand/index.d.ts +0 -1
- package/components/brand/model.d.ts +0 -10
- package/components/button/button.d.ts +0 -39
- package/components/button/index.d.ts +0 -1
- package/components/button/model.d.ts +0 -40
- package/components/card/card.d.ts +0 -25
- package/components/card/index.d.ts +0 -1
- package/components/card/model.d.ts +0 -18
- package/components/checkbox/checkbox.d.ts +0 -64
- package/components/checkbox/index.d.ts +0 -1
- package/components/checkbox/model.d.ts +0 -10
- package/components/custom-select/custom-select.d.ts +0 -150
- package/components/custom-select/index.d.ts +0 -1
- package/components/custom-select/model.d.ts +0 -220
- package/components/custom-select-dropdown/custom-select-dropdown.d.ts +0 -20
- package/components/custom-select-dropdown/index.d.ts +0 -1
- package/components/custom-select-dropdown/model.d.ts +0 -15
- package/components/custom-select-form-field/custom-select-form-field.d.ts +0 -19
- package/components/custom-select-form-field/index.d.ts +0 -1
- package/components/custom-select-form-field/model.d.ts +0 -5
- package/components/custom-select-list/custom-select-list.d.ts +0 -21
- package/components/custom-select-list/index.d.ts +0 -1
- package/components/custom-select-list/model.d.ts +0 -8
- package/components/custom-select-list-item/custom-select-list-item.d.ts +0 -45
- package/components/custom-select-list-item/index.d.ts +0 -1
- package/components/custom-select-list-item/model.d.ts +0 -29
- package/components/divider/divider.d.ts +0 -23
- package/components/divider/index.d.ts +0 -1
- package/components/divider/model.d.ts +0 -18
- package/components/drawer/drawer.d.ts +0 -37
- package/components/drawer/index.d.ts +0 -1
- package/components/drawer/model.d.ts +0 -50
- package/components/header/MetaNavigation.directive.d.ts +0 -5
- package/components/header/Navigation.directive.d.ts +0 -5
- package/components/header/SecondaryAction.directive.d.ts +0 -5
- package/components/header/header.d.ts +0 -33
- package/components/header/index.d.ts +0 -1
- package/components/header/model.d.ts +0 -44
- package/components/icon/icon.d.ts +0 -23
- package/components/icon/index.d.ts +0 -1
- package/components/icon/model.d.ts +0 -10
- package/components/infotext/index.d.ts +0 -1
- package/components/infotext/infotext.d.ts +0 -25
- package/components/infotext/model.d.ts +0 -5
- package/components/input/index.d.ts +0 -1
- package/components/input/input.d.ts +0 -98
- package/components/input/model.d.ts +0 -43
- package/components/link/index.d.ts +0 -1
- package/components/link/link.d.ts +0 -32
- package/components/link/model.d.ts +0 -24
- package/components/navigation/index.d.ts +0 -1
- package/components/navigation/model.d.ts +0 -5
- package/components/navigation/navigation.d.ts +0 -20
- package/components/navigation-item/NavigationContent.directive.d.ts +0 -5
- package/components/navigation-item/index.d.ts +0 -1
- package/components/navigation-item/model.d.ts +0 -34
- package/components/navigation-item/navigation-item.d.ts +0 -46
- package/components/notification/index.d.ts +0 -1
- package/components/notification/model.d.ts +0 -57
- package/components/notification/notification.d.ts +0 -40
- package/components/page/index.d.ts +0 -1
- package/components/page/model.d.ts +0 -36
- package/components/page/page.d.ts +0 -27
- package/components/popover/index.d.ts +0 -1
- package/components/popover/model.d.ts +0 -17
- package/components/popover/popover.d.ts +0 -37
- package/components/radio/index.d.ts +0 -1
- package/components/radio/model.d.ts +0 -5
- package/components/radio/radio.d.ts +0 -47
- package/components/section/index.d.ts +0 -1
- package/components/section/model.d.ts +0 -5
- package/components/section/section.d.ts +0 -22
- package/components/select/index.d.ts +0 -1
- package/components/select/model.d.ts +0 -44
- package/components/select/select.d.ts +0 -83
- package/components/stack/index.d.ts +0 -1
- package/components/stack/model.d.ts +0 -34
- package/components/stack/stack.d.ts +0 -26
- package/components/switch/index.d.ts +0 -1
- package/components/switch/model.d.ts +0 -10
- package/components/switch/switch.d.ts +0 -52
- package/components/tab-item/index.d.ts +0 -1
- package/components/tab-item/model.d.ts +0 -24
- package/components/tab-item/tab-item.d.ts +0 -46
- package/components/tab-list/index.d.ts +0 -1
- package/components/tab-list/model.d.ts +0 -5
- package/components/tab-list/tab-list.d.ts +0 -20
- package/components/tab-panel/index.d.ts +0 -1
- package/components/tab-panel/model.d.ts +0 -10
- package/components/tab-panel/tab-panel.d.ts +0 -20
- package/components/tabs/index.d.ts +0 -1
- package/components/tabs/model.d.ts +0 -66
- package/components/tabs/tabs.d.ts +0 -45
- package/components/tag/index.d.ts +0 -1
- package/components/tag/model.d.ts +0 -47
- package/components/tag/tag.d.ts +0 -34
- package/components/textarea/index.d.ts +0 -1
- package/components/textarea/model.d.ts +0 -34
- package/components/textarea/textarea.d.ts +0 -84
- package/components/tooltip/index.d.ts +0 -1
- package/components/tooltip/model.d.ts +0 -20
- package/components/tooltip/tooltip.d.ts +0 -39
- package/fesm2022/db-ux-ngx-core-components.mjs +0 -7787
- package/fesm2022/db-ux-ngx-core-components.mjs.map +0 -1
- package/index.d.ts +0 -83
- package/shared/constants.d.ts +0 -88
- package/shared/model.d.ts +0 -522
- package/utils/document-click-listener.d.ts +0 -8
- package/utils/document-scroll-listener.d.ts +0 -9
- package/utils/floating-components.d.ts +0 -20
- package/utils/form-components.d.ts +0 -2
- package/utils/index.d.ts +0 -40
- package/utils/navigation.d.ts +0 -32
package/agent/TabItem.md
ADDED
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
|
|
2
|
+
|
|
3
|
+
# TabItem Examples (angular)
|
|
4
|
+
|
|
5
|
+
```ts
|
|
6
|
+
import { Component, effect } from "@angular/core";
|
|
7
|
+
import { CommonModule } from "@angular/common";
|
|
8
|
+
|
|
9
|
+
import { DBTabItem } from "../index";
|
|
10
|
+
|
|
11
|
+
@Component({
|
|
12
|
+
selector: "tab-item",
|
|
13
|
+
standalone: true,
|
|
14
|
+
imports: [CommonModule, DBTabItem],
|
|
15
|
+
template: `<ng-container
|
|
16
|
+
><h1>DBTabItem Documentation Examples</h1>
|
|
17
|
+
<h2>1. Default Tab Item</h2>
|
|
18
|
+
<db-tab-item>Default Tab Item</db-tab-item>
|
|
19
|
+
<h2>2. Active State</h2>
|
|
20
|
+
<db-tab-item [active]="true">Active Tab Item</db-tab-item>
|
|
21
|
+
<h2>3. Disabled State</h2>
|
|
22
|
+
<db-tab-item [disabled]="true">Disabled Tab Item</db-tab-item>
|
|
23
|
+
<h2>4. Icon Variants</h2>
|
|
24
|
+
<db-tab-item icon="user">Tab Item with Icon</db-tab-item>
|
|
25
|
+
<db-tab-item iconLeading="arrow-left">
|
|
26
|
+
Tab Item with Leading Icon
|
|
27
|
+
</db-tab-item>
|
|
28
|
+
<db-tab-item iconTrailing="arrow-right">
|
|
29
|
+
Tab Item with Trailing Icon
|
|
30
|
+
</db-tab-item>
|
|
31
|
+
<h2>5. Label Property</h2>
|
|
32
|
+
<db-tab-item label="Tab Item Label">Tab Item with Label</db-tab-item>
|
|
33
|
+
<h2>6. No Text</h2>
|
|
34
|
+
<db-tab-item icon="user" [noText]="true"></db-tab-item
|
|
35
|
+
></ng-container> `,
|
|
36
|
+
styles: `:host { display: contents; }`,
|
|
37
|
+
})
|
|
38
|
+
export class TabItem {
|
|
39
|
+
constructor() {}
|
|
40
|
+
}
|
|
41
|
+
```
|
package/agent/Tabs.md
ADDED
|
@@ -0,0 +1,80 @@
|
|
|
1
|
+
|
|
2
|
+
|
|
3
|
+
# Tabs Examples (angular)
|
|
4
|
+
|
|
5
|
+
```ts
|
|
6
|
+
import { Component, effect } from "@angular/core";
|
|
7
|
+
import { CommonModule } from "@angular/common";
|
|
8
|
+
|
|
9
|
+
import { DBTabItem } from "../../tab-item/index";
|
|
10
|
+
import { DBTabList } from "../../tab-list/index";
|
|
11
|
+
import { DBTabPanel } from "../../tab-panel/index";
|
|
12
|
+
import { DBTabs } from "../index";
|
|
13
|
+
|
|
14
|
+
@Component({
|
|
15
|
+
selector: "tabs",
|
|
16
|
+
standalone: true,
|
|
17
|
+
imports: [CommonModule, DBTabs, DBTabList, DBTabItem, DBTabPanel],
|
|
18
|
+
template: `<ng-container
|
|
19
|
+
><h1>DBTabs Documentation Examples</h1>
|
|
20
|
+
<h2>1. Default Tabs</h2>
|
|
21
|
+
<db-tabs
|
|
22
|
+
><db-tab-list
|
|
23
|
+
><db-tab-item>Tab 1</db-tab-item>
|
|
24
|
+
<db-tab-item>Tab 2</db-tab-item>
|
|
25
|
+
<db-tab-item>Tab 3</db-tab-item></db-tab-list
|
|
26
|
+
>
|
|
27
|
+
<db-tab-panel>Tab Panel 1</db-tab-panel>
|
|
28
|
+
<db-tab-panel>Tab Panel 2</db-tab-panel>
|
|
29
|
+
<db-tab-panel>Tab Panel 3</db-tab-panel></db-tabs
|
|
30
|
+
>
|
|
31
|
+
<h2>2. Behavior Variants</h2>
|
|
32
|
+
<db-tabs behavior="scrollbar"
|
|
33
|
+
><db-tab-list
|
|
34
|
+
><db-tab-item>Tab 1</db-tab-item>
|
|
35
|
+
<db-tab-item>Tab 2</db-tab-item>
|
|
36
|
+
<db-tab-item>Tab 3</db-tab-item></db-tab-list
|
|
37
|
+
>
|
|
38
|
+
<db-tab-panel>Tab Panel 1</db-tab-panel>
|
|
39
|
+
<db-tab-panel>Tab Panel 2</db-tab-panel>
|
|
40
|
+
<db-tab-panel>Tab Panel 3</db-tab-panel></db-tabs
|
|
41
|
+
>
|
|
42
|
+
<db-tabs behavior="arrows"
|
|
43
|
+
><db-tab-list
|
|
44
|
+
><db-tab-item>Tab 1</db-tab-item>
|
|
45
|
+
<db-tab-item>Tab 2</db-tab-item>
|
|
46
|
+
<db-tab-item>Tab 3</db-tab-item></db-tab-list
|
|
47
|
+
>
|
|
48
|
+
<db-tab-panel>Tab Panel 1</db-tab-panel>
|
|
49
|
+
<db-tab-panel>Tab Panel 2</db-tab-panel>
|
|
50
|
+
<db-tab-panel>Tab Panel 3</db-tab-panel></db-tabs
|
|
51
|
+
>
|
|
52
|
+
<h2>3. Initial Selected Index</h2>
|
|
53
|
+
<db-tabs [initialSelectedIndex]="1"
|
|
54
|
+
><db-tab-list
|
|
55
|
+
><db-tab-item>Tab 1</db-tab-item>
|
|
56
|
+
<db-tab-item>Tab 2</db-tab-item>
|
|
57
|
+
<db-tab-item>Tab 3</db-tab-item></db-tab-list
|
|
58
|
+
>
|
|
59
|
+
<db-tab-panel>Tab Panel 1</db-tab-panel>
|
|
60
|
+
<db-tab-panel>Tab Panel 2</db-tab-panel>
|
|
61
|
+
<db-tab-panel>Tab Panel 3</db-tab-panel></db-tabs
|
|
62
|
+
>
|
|
63
|
+
<h2>4. Initial Selected Mode</h2>
|
|
64
|
+
<db-tabs initialSelectedMode="manually"
|
|
65
|
+
><db-tab-list
|
|
66
|
+
><db-tab-item>Tab 1</db-tab-item>
|
|
67
|
+
<db-tab-item>Tab 2</db-tab-item>
|
|
68
|
+
<db-tab-item>Tab 3</db-tab-item></db-tab-list
|
|
69
|
+
>
|
|
70
|
+
<db-tab-panel>Tab Panel 1</db-tab-panel>
|
|
71
|
+
<db-tab-panel>Tab Panel 2</db-tab-panel>
|
|
72
|
+
<db-tab-panel>Tab Panel 3</db-tab-panel></db-tabs
|
|
73
|
+
></ng-container
|
|
74
|
+
> `,
|
|
75
|
+
styles: `:host { display: contents; }`,
|
|
76
|
+
})
|
|
77
|
+
export class Tabs {
|
|
78
|
+
constructor() {}
|
|
79
|
+
}
|
|
80
|
+
```
|
package/agent/Tag.md
ADDED
|
@@ -0,0 +1,48 @@
|
|
|
1
|
+
|
|
2
|
+
|
|
3
|
+
# Tag Examples (angular)
|
|
4
|
+
|
|
5
|
+
```ts
|
|
6
|
+
import { Component, effect } from "@angular/core";
|
|
7
|
+
import { CommonModule } from "@angular/common";
|
|
8
|
+
|
|
9
|
+
import { DBButton } from "../../button";
|
|
10
|
+
import { DBCheckbox } from "../../checkbox";
|
|
11
|
+
import { DBLink } from "../../link";
|
|
12
|
+
import { DBRadio } from "../../radio";
|
|
13
|
+
import { DBTag } from "../index";
|
|
14
|
+
|
|
15
|
+
@Component({
|
|
16
|
+
selector: "tag",
|
|
17
|
+
standalone: true,
|
|
18
|
+
imports: [CommonModule, DBTag, DBButton, DBLink, DBCheckbox, DBRadio],
|
|
19
|
+
template: `<ng-container
|
|
20
|
+
><h1>DBTag Documentation Examples</h1>
|
|
21
|
+
<h2>1. Default Tags</h2>
|
|
22
|
+
<db-tag><db-button>Tag as Button</db-button></db-tag>
|
|
23
|
+
<db-tag><db-link>Tag as Link</db-link></db-tag>
|
|
24
|
+
<db-tag><db-checkbox>Tag as Checkbox</db-checkbox></db-tag>
|
|
25
|
+
<db-tag><db-radio>Tag as Radio</db-radio></db-tag>
|
|
26
|
+
<db-tag>Static Tag</db-tag>
|
|
27
|
+
<h2>2. Overflow Example</h2>
|
|
28
|
+
<db-tag [overflow]="true"><span>Static Tag with overflow</span></db-tag>
|
|
29
|
+
<h2>3. Removable Tag</h2>
|
|
30
|
+
<db-tag behavior="removable" (remove)="console.log('Tag removed')">
|
|
31
|
+
Removable Tag
|
|
32
|
+
</db-tag>
|
|
33
|
+
<h2>4. Semantic Variants</h2>
|
|
34
|
+
<db-tag semantic="adaptive">Adaptive Tag</db-tag>
|
|
35
|
+
<db-tag semantic="neutral">Neutral Tag</db-tag>
|
|
36
|
+
<db-tag semantic="critical">Critical Tag</db-tag>
|
|
37
|
+
<db-tag semantic="informational">Informational Tag</db-tag>
|
|
38
|
+
<db-tag semantic="warning">Warning Tag</db-tag>
|
|
39
|
+
<db-tag semantic="successful">Successful Tag</db-tag>
|
|
40
|
+
<h2>5. Icon Support</h2>
|
|
41
|
+
<db-tag icon="user">Tag with Icon</db-tag></ng-container
|
|
42
|
+
> `,
|
|
43
|
+
styles: `:host { display: contents; }`,
|
|
44
|
+
})
|
|
45
|
+
export class Tag {
|
|
46
|
+
constructor() {}
|
|
47
|
+
}
|
|
48
|
+
```
|
|
@@ -0,0 +1,57 @@
|
|
|
1
|
+
|
|
2
|
+
|
|
3
|
+
# Textarea Examples (angular)
|
|
4
|
+
|
|
5
|
+
```ts
|
|
6
|
+
import { Component, effect } from "@angular/core";
|
|
7
|
+
import { CommonModule } from "@angular/common";
|
|
8
|
+
|
|
9
|
+
import { DBTextarea } from "../index";
|
|
10
|
+
|
|
11
|
+
@Component({
|
|
12
|
+
selector: "textarea",
|
|
13
|
+
standalone: true,
|
|
14
|
+
imports: [CommonModule, DBTextarea],
|
|
15
|
+
template: `<ng-container
|
|
16
|
+
><h1>DBTextarea Documentation Examples</h1>
|
|
17
|
+
<h2>1. Default Textarea</h2>
|
|
18
|
+
<db-textarea label="Default Textarea"></db-textarea>
|
|
19
|
+
<h2>2. Resizable Variants</h2>
|
|
20
|
+
<db-textarea resize="none" label="No Resize"></db-textarea>
|
|
21
|
+
<db-textarea resize="both" label="Resize Both"></db-textarea>
|
|
22
|
+
<db-textarea resize="horizontal" label="Resize Horizontal"></db-textarea>
|
|
23
|
+
<db-textarea resize="vertical" label="Resize Vertical"></db-textarea>
|
|
24
|
+
<h2>3. Rows and Columns</h2>
|
|
25
|
+
<db-textarea
|
|
26
|
+
label="Custom Rows and Columns"
|
|
27
|
+
[rows]="5"
|
|
28
|
+
[cols]="30"
|
|
29
|
+
></db-textarea>
|
|
30
|
+
<h2>4. Wrap Variants</h2>
|
|
31
|
+
<db-textarea wrap="hard" label="Hard Wrap"></db-textarea>
|
|
32
|
+
<db-textarea wrap="soft" label="Soft Wrap"></db-textarea>
|
|
33
|
+
<db-textarea wrap="off" label="No Wrap"></db-textarea>
|
|
34
|
+
<h2>5. Disabled State</h2>
|
|
35
|
+
<db-textarea label="Disabled Textarea" [disabled]="true"></db-textarea>
|
|
36
|
+
<h2>6. Placeholder Examples</h2>
|
|
37
|
+
<db-textarea
|
|
38
|
+
placeholder="Enter text here"
|
|
39
|
+
label="With Placeholder"
|
|
40
|
+
></db-textarea>
|
|
41
|
+
<h2>7. Message Property Example</h2>
|
|
42
|
+
<db-textarea
|
|
43
|
+
label="Textarea with Message"
|
|
44
|
+
message="This is a helper message."
|
|
45
|
+
></db-textarea>
|
|
46
|
+
<h2>8. Input Event Example</h2>
|
|
47
|
+
<db-textarea
|
|
48
|
+
label="Input Event"
|
|
49
|
+
(input)="console.log('Input event:', $event.target.value)"
|
|
50
|
+
></db-textarea
|
|
51
|
+
></ng-container> `,
|
|
52
|
+
styles: `:host { display: contents; }`,
|
|
53
|
+
})
|
|
54
|
+
export class Textarea {
|
|
55
|
+
constructor() {}
|
|
56
|
+
}
|
|
57
|
+
```
|
package/agent/Tooltip.md
ADDED
|
@@ -0,0 +1,64 @@
|
|
|
1
|
+
|
|
2
|
+
|
|
3
|
+
# Tooltip Examples (angular)
|
|
4
|
+
|
|
5
|
+
```ts
|
|
6
|
+
import { Component, effect } from "@angular/core";
|
|
7
|
+
import { CommonModule } from "@angular/common";
|
|
8
|
+
|
|
9
|
+
import { DBButton } from "../../button";
|
|
10
|
+
import { DBTooltip } from "../index";
|
|
11
|
+
|
|
12
|
+
@Component({
|
|
13
|
+
selector: "tooltip",
|
|
14
|
+
standalone: true,
|
|
15
|
+
imports: [CommonModule, DBButton, DBTooltip],
|
|
16
|
+
template: `<ng-container
|
|
17
|
+
><h1>DBTooltip Documentation Examples</h1>
|
|
18
|
+
<h2>1. Default Tooltip</h2>
|
|
19
|
+
<db-button>
|
|
20
|
+
Hover on me to open Tooltip
|
|
21
|
+
|
|
22
|
+
<db-tooltip>Tooltip</db-tooltip></db-button
|
|
23
|
+
>
|
|
24
|
+
<h2>2. Tooltip Variants</h2>
|
|
25
|
+
<db-button>
|
|
26
|
+
Description Tooltip
|
|
27
|
+
|
|
28
|
+
<db-tooltip variant="description">
|
|
29
|
+
Description Tooltip Content
|
|
30
|
+
</db-tooltip></db-button
|
|
31
|
+
>
|
|
32
|
+
<db-button>
|
|
33
|
+
Label Tooltip
|
|
34
|
+
|
|
35
|
+
<db-tooltip variant="label">Label Tooltip Content</db-tooltip></db-button
|
|
36
|
+
>
|
|
37
|
+
<h2>3. Tooltip with Arrow</h2>
|
|
38
|
+
<db-button>
|
|
39
|
+
Tooltip with Arrow
|
|
40
|
+
|
|
41
|
+
<db-tooltip [showArrow]="true">
|
|
42
|
+
Tooltip Content with Arrow
|
|
43
|
+
</db-tooltip></db-button
|
|
44
|
+
>
|
|
45
|
+
<h2>4. Placement Variants</h2>
|
|
46
|
+
<db-button>
|
|
47
|
+
Top Placement
|
|
48
|
+
|
|
49
|
+
<db-tooltip placement="top">Tooltip Content at Top</db-tooltip></db-button
|
|
50
|
+
>
|
|
51
|
+
<db-button>
|
|
52
|
+
Bottom Placement
|
|
53
|
+
|
|
54
|
+
<db-tooltip placement="bottom">
|
|
55
|
+
Tooltip Content at Bottom
|
|
56
|
+
</db-tooltip></db-button
|
|
57
|
+
></ng-container
|
|
58
|
+
> `,
|
|
59
|
+
styles: `:host { display: contents; }`,
|
|
60
|
+
})
|
|
61
|
+
export class Tooltip {
|
|
62
|
+
constructor() {}
|
|
63
|
+
}
|
|
64
|
+
```
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
- Use "@db-ux/ngx-core-components" as import for components:
|
|
2
|
+
- use for `DBDrawer` or `Drawer` the file __agent-path__/Drawer.md
|
|
3
|
+
- use for `DBTooltip` or `Tooltip` the file __agent-path__/Tooltip.md
|
|
4
|
+
- use for `DBTextarea` or `Textarea` the file __agent-path__/Textarea.md
|
|
5
|
+
- use for `DBTag` or `Tag` the file __agent-path__/Tag.md
|
|
6
|
+
- use for `DBTabs` or `Tabs` the file __agent-path__/Tabs.md
|
|
7
|
+
- use for `DBTabItem` or `TabItem` the file __agent-path__/TabItem.md
|
|
8
|
+
- use for `DBSwitch` or `Switch` the file __agent-path__/Switch.md
|
|
9
|
+
- use for `DBStack` or `Stack` the file __agent-path__/Stack.md
|
|
10
|
+
- use for `DBSelect` or `Select` the file __agent-path__/Select.md
|
|
11
|
+
- use for `DBSection` or `Section` the file __agent-path__/Section.md
|
|
12
|
+
- use for `DBRadio` or `Radio` the file __agent-path__/Radio.md
|
|
13
|
+
- use for `DBPopover` or `Popover` the file __agent-path__/Popover.md
|
|
14
|
+
- use for `DBPage` or `Page` the file __agent-path__/Page.md
|
|
15
|
+
- use for `DBNotification` or `Notification` the file __agent-path__/Notification.md
|
|
16
|
+
- use for `DBNavigationItem` or `NavigationItem` the file __agent-path__/NavigationItem.md
|
|
17
|
+
- use for `DBNavigation` or `Navigation` the file __agent-path__/Navigation.md
|
|
18
|
+
- use for `DBLink` or `Link` the file __agent-path__/Link.md
|
|
19
|
+
- use for `DBInput` or `Input` the file __agent-path__/Input.md
|
|
20
|
+
- use for `DBInfotext` or `Infotext` the file __agent-path__/Infotext.md
|
|
21
|
+
- use for `DBIcon` or `Icon` the file __agent-path__/Icon.md
|
|
22
|
+
- use for `DBHeader` or `Header` the file __agent-path__/Header.md
|
|
23
|
+
- use for `DBDivider` or `Divider` the file __agent-path__/Divider.md
|
|
24
|
+
- use for `DBCustomSelect` or `CustomSelect` the file __agent-path__/CustomSelect.md
|
|
25
|
+
- use for `DBCheckbox` or `Checkbox` the file __agent-path__/Checkbox.md
|
|
26
|
+
- use for `DBCard` or `Card` the file __agent-path__/Card.md
|
|
27
|
+
- use for `DBButton` or `Button` the file __agent-path__/Button.md
|
|
28
|
+
- use for `DBBrand` or `Brand` the file __agent-path__/Brand.md
|
|
29
|
+
- use for `DBBadge` or `Badge` the file __agent-path__/Badge.md
|
|
30
|
+
- use for `DBAccordionItem` or `AccordionItem` the file __agent-path__/AccordionItem.md
|
|
31
|
+
- use for `DBAccordion` or `Accordion` the file __agent-path__/Accordion.md
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@db-ux/ngx-core-components",
|
|
3
|
-
"version": "3.0.
|
|
3
|
+
"version": "3.0.2-copilot-66b0168",
|
|
4
4
|
"description": "Angular components @db-ux/core-components",
|
|
5
5
|
"repository": {
|
|
6
6
|
"type": "git",
|
|
@@ -10,6 +10,10 @@
|
|
|
10
10
|
"main": "dist/fesm5.js",
|
|
11
11
|
"module": "fesm2022/db-ux-ngx-core-components.mjs",
|
|
12
12
|
"types": "dist/core.d.ts",
|
|
13
|
+
"files": [
|
|
14
|
+
"dist/",
|
|
15
|
+
"agent"
|
|
16
|
+
],
|
|
13
17
|
"publishConfig": {
|
|
14
18
|
"registry": "https://registry.npmjs.org/",
|
|
15
19
|
"access": "public"
|
|
@@ -26,8 +30,8 @@
|
|
|
26
30
|
},
|
|
27
31
|
"sideEffects": false,
|
|
28
32
|
"dependencies": {
|
|
29
|
-
"@db-ux/core-components": "3.0.
|
|
30
|
-
"@db-ux/core-foundations": "3.0.
|
|
33
|
+
"@db-ux/core-components": "3.0.2-copilot-66b0168",
|
|
34
|
+
"@db-ux/core-foundations": "3.0.2-copilot-66b0168",
|
|
31
35
|
"tslib": "^2.3.0"
|
|
32
36
|
}
|
|
33
37
|
}
|
|
@@ -1,30 +0,0 @@
|
|
|
1
|
-
import { ElementRef, AfterViewInit, InputSignal } from "@angular/core";
|
|
2
|
-
import { DBAccordionProps } from "./model";
|
|
3
|
-
import * as i0 from "@angular/core";
|
|
4
|
-
export declare class DBAccordion implements AfterViewInit {
|
|
5
|
-
protected readonly cls: (...args: import("../../utils").ClassNameArg[]) => string;
|
|
6
|
-
id: InputSignal<DBAccordionProps["id"]>;
|
|
7
|
-
name: InputSignal<DBAccordionProps["name"]>;
|
|
8
|
-
behavior: InputSignal<DBAccordionProps["behavior"]>;
|
|
9
|
-
initOpenIndex: InputSignal<DBAccordionProps["initOpenIndex"]>;
|
|
10
|
-
items: InputSignal<DBAccordionProps["items"]>;
|
|
11
|
-
className: InputSignal<DBAccordionProps["className"]>;
|
|
12
|
-
variant: InputSignal<DBAccordionProps["variant"]>;
|
|
13
|
-
_ref: import("@angular/core").Signal<ElementRef<any> | undefined>;
|
|
14
|
-
_id: import("@angular/core").WritableSignal<string | undefined>;
|
|
15
|
-
_name: import("@angular/core").WritableSignal<string | undefined>;
|
|
16
|
-
initialized: import("@angular/core").WritableSignal<boolean>;
|
|
17
|
-
_initOpenIndexDone: import("@angular/core").WritableSignal<boolean>;
|
|
18
|
-
convertItems(): any;
|
|
19
|
-
trackByItem0(index: number, item: any): string;
|
|
20
|
-
constructor();
|
|
21
|
-
/**
|
|
22
|
-
* Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil.
|
|
23
|
-
* @param element the ref for the component
|
|
24
|
-
* @param customElementSelector the custom element like `my-component`
|
|
25
|
-
*/
|
|
26
|
-
private enableAttributePassing;
|
|
27
|
-
ngAfterViewInit(): void;
|
|
28
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<DBAccordion, never>;
|
|
29
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<DBAccordion, "db-accordion", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "behavior": { "alias": "behavior"; "required": false; "isSignal": true; }; "initOpenIndex": { "alias": "initOpenIndex"; "required": false; "isSignal": true; }; "items": { "alias": "items"; "required": false; "isSignal": true; }; "className": { "alias": "className"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
|
|
30
|
-
}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export { DBAccordion } from './accordion';
|
|
@@ -1,41 +0,0 @@
|
|
|
1
|
-
import { GlobalProps, GlobalState, InitializedState } from '../../shared/model';
|
|
2
|
-
import { DBAccordionItemDefaultProps } from '../accordion-item/model';
|
|
3
|
-
export declare const AccordionVariantList: readonly ["divider", "card"];
|
|
4
|
-
export type AccordionVariantType = (typeof AccordionVariantList)[number];
|
|
5
|
-
export declare const AccordionBehaviorList: readonly ["multiple", "single"];
|
|
6
|
-
export type AccordionBehaviorType = (typeof AccordionBehaviorList)[number];
|
|
7
|
-
export type DBAccordionDefaultProps = {
|
|
8
|
-
/**
|
|
9
|
-
* To allow multiple items open at the same time or only 1 item
|
|
10
|
-
*/
|
|
11
|
-
behavior?: AccordionBehaviorType;
|
|
12
|
-
/**
|
|
13
|
-
* The index of items which should be open when loading the accordion
|
|
14
|
-
*/
|
|
15
|
-
initOpenIndex?: number[];
|
|
16
|
-
/**
|
|
17
|
-
* Alternative to pass in a simple representation of accordion items
|
|
18
|
-
*/
|
|
19
|
-
items?: DBAccordionItemDefaultProps[] | string;
|
|
20
|
-
/**
|
|
21
|
-
* Set details name for exclusive accordions, see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/details#name
|
|
22
|
-
*/
|
|
23
|
-
name?: string;
|
|
24
|
-
/**
|
|
25
|
-
* Informs about the changes in the internal state, which item is open
|
|
26
|
-
*/
|
|
27
|
-
onChange?: (openAccordionItemIds: string[]) => void;
|
|
28
|
-
/**
|
|
29
|
-
* Defines the display of the accordion and the items:
|
|
30
|
-
* "divider": with a dividing line between the items
|
|
31
|
-
* "card": w/o dividing line, but items are shown in the card variant
|
|
32
|
-
*/
|
|
33
|
-
variant?: AccordionVariantType;
|
|
34
|
-
};
|
|
35
|
-
export type DBAccordionProps = DBAccordionDefaultProps & GlobalProps;
|
|
36
|
-
export type DBAccordionDefaultState = {
|
|
37
|
-
_initOpenIndexDone: boolean;
|
|
38
|
-
_name?: string;
|
|
39
|
-
convertItems: () => DBAccordionItemDefaultProps[];
|
|
40
|
-
};
|
|
41
|
-
export type DBAccordionState = DBAccordionDefaultState & GlobalState & InitializedState;
|
|
@@ -1,33 +0,0 @@
|
|
|
1
|
-
import { ElementRef, AfterViewInit, InputSignal } from "@angular/core";
|
|
2
|
-
import { ClickEvent } from "../../shared/model";
|
|
3
|
-
import { DBAccordionItemProps } from "./model";
|
|
4
|
-
import * as i0 from "@angular/core";
|
|
5
|
-
export declare class DBAccordionItem implements AfterViewInit {
|
|
6
|
-
protected readonly cls: (...args: import("../../utils").ClassNameArg[]) => string;
|
|
7
|
-
protected readonly getBooleanAsString: (originBool?: boolean | string) => any;
|
|
8
|
-
id: InputSignal<DBAccordionItemProps["id"]>;
|
|
9
|
-
defaultOpen: InputSignal<DBAccordionItemProps["defaultOpen"]>;
|
|
10
|
-
name: InputSignal<DBAccordionItemProps["name"]>;
|
|
11
|
-
className: InputSignal<DBAccordionItemProps["className"]>;
|
|
12
|
-
disabled: InputSignal<DBAccordionItemProps["disabled"]>;
|
|
13
|
-
headlinePlain: InputSignal<DBAccordionItemProps["headlinePlain"]>;
|
|
14
|
-
text: InputSignal<DBAccordionItemProps["text"]>;
|
|
15
|
-
toggle: import("@angular/core").OutputEmitterRef<boolean | void>;
|
|
16
|
-
_ref: import("@angular/core").Signal<ElementRef<any> | undefined>;
|
|
17
|
-
_id: import("@angular/core").WritableSignal<string | undefined>;
|
|
18
|
-
_open: import("@angular/core").WritableSignal<boolean | undefined>;
|
|
19
|
-
_name: import("@angular/core").WritableSignal<string | undefined>;
|
|
20
|
-
initialized: import("@angular/core").WritableSignal<boolean>;
|
|
21
|
-
handleNameAttribute(): void;
|
|
22
|
-
handleToggle(event: ClickEvent<HTMLElement> | any): void;
|
|
23
|
-
constructor();
|
|
24
|
-
/**
|
|
25
|
-
* Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil.
|
|
26
|
-
* @param element the ref for the component
|
|
27
|
-
* @param customElementSelector the custom element like `my-component`
|
|
28
|
-
*/
|
|
29
|
-
private enableAttributePassing;
|
|
30
|
-
ngAfterViewInit(): void;
|
|
31
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<DBAccordionItem, never>;
|
|
32
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<DBAccordionItem, "db-accordion-item", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "defaultOpen": { "alias": "defaultOpen"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "className": { "alias": "className"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "headlinePlain": { "alias": "headlinePlain"; "required": false; "isSignal": true; }; "text": { "alias": "text"; "required": false; "isSignal": true; }; }, { "toggle": "toggle"; }, never, ["[headline]", "*"], true, never>;
|
|
33
|
-
}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export { DBAccordionItem } from './accordion-item';
|
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
import { GlobalProps, GlobalState, InitializedState, NameProps, NameState, TextProps, ToggleEventProps, ToggleEventState } from '../../shared/model';
|
|
2
|
-
export type DBAccordionItemDefaultProps = {
|
|
3
|
-
/**
|
|
4
|
-
* Initial state for the accordion item
|
|
5
|
-
*/
|
|
6
|
-
defaultOpen?: boolean;
|
|
7
|
-
/**
|
|
8
|
-
* The disabled attribute can be set to keep a user from clicking on the element.
|
|
9
|
-
*/
|
|
10
|
-
disabled?: boolean | string;
|
|
11
|
-
/**
|
|
12
|
-
* Title of the accordion-item as slot
|
|
13
|
-
*/
|
|
14
|
-
headline?: any;
|
|
15
|
-
/**
|
|
16
|
-
* Title of the accordion-item as plain text
|
|
17
|
-
*/
|
|
18
|
-
headlinePlain?: string;
|
|
19
|
-
} & TextProps;
|
|
20
|
-
export type DBAccordionItemProps = DBAccordionItemDefaultProps & GlobalProps & ToggleEventProps & NameProps;
|
|
21
|
-
export type DBAccordionItemDefaultState = {
|
|
22
|
-
_open?: boolean;
|
|
23
|
-
};
|
|
24
|
-
export type DBAccordionItemState = DBAccordionItemDefaultState & GlobalState & ToggleEventState<HTMLElement> & InitializedState & NameState;
|
|
@@ -1,27 +0,0 @@
|
|
|
1
|
-
import { ElementRef, AfterViewInit, InputSignal } from "@angular/core";
|
|
2
|
-
import { DBBadgeProps } from "./model";
|
|
3
|
-
import * as i0 from "@angular/core";
|
|
4
|
-
export declare class DBBadge implements AfterViewInit {
|
|
5
|
-
protected readonly cls: (...args: import("../../utils").ClassNameArg[]) => string;
|
|
6
|
-
protected readonly DEFAULT_LABEL: string;
|
|
7
|
-
placement: InputSignal<DBBadgeProps["placement"]>;
|
|
8
|
-
id: InputSignal<DBBadgeProps["id"]>;
|
|
9
|
-
className: InputSignal<DBBadgeProps["className"]>;
|
|
10
|
-
semantic: InputSignal<DBBadgeProps["semantic"]>;
|
|
11
|
-
size: InputSignal<DBBadgeProps["size"]>;
|
|
12
|
-
emphasis: InputSignal<DBBadgeProps["emphasis"]>;
|
|
13
|
-
label: InputSignal<DBBadgeProps["label"]>;
|
|
14
|
-
text: InputSignal<DBBadgeProps["text"]>;
|
|
15
|
-
_ref: import("@angular/core").Signal<ElementRef<any> | undefined>;
|
|
16
|
-
initialized: import("@angular/core").WritableSignal<boolean>;
|
|
17
|
-
constructor();
|
|
18
|
-
/**
|
|
19
|
-
* Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil.
|
|
20
|
-
* @param element the ref for the component
|
|
21
|
-
* @param customElementSelector the custom element like `my-component`
|
|
22
|
-
*/
|
|
23
|
-
private enableAttributePassing;
|
|
24
|
-
ngAfterViewInit(): void;
|
|
25
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<DBBadge, never>;
|
|
26
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<DBBadge, "db-badge", never, { "placement": { "alias": "placement"; "required": false; "isSignal": true; }; "id": { "alias": "id"; "required": false; "isSignal": true; }; "className": { "alias": "className"; "required": false; "isSignal": true; }; "semantic": { "alias": "semantic"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "emphasis": { "alias": "emphasis"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "text": { "alias": "text"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
|
|
27
|
-
}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export { DBBadge } from './badge';
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
import { EmphasisProps, GlobalProps, GlobalState, InitializedState, SemanticProps, SizeProps, TextProps } from '../../shared/model';
|
|
2
|
-
export declare const BadgePlacementList: readonly ["inline", "corner-top-left", "corner-top-right", "corner-center-left", "corner-center-right", "corner-bottom-left", "corner-bottom-right"];
|
|
3
|
-
export type BadgePlacementType = (typeof BadgePlacementList)[number];
|
|
4
|
-
export type DBBadgeDefaultProps = {
|
|
5
|
-
/**
|
|
6
|
-
* The `placement` attributes `corner-*` values change the position to absolute and adds a transform based on the placement.
|
|
7
|
-
*/
|
|
8
|
-
placement?: BadgePlacementType;
|
|
9
|
-
/**
|
|
10
|
-
* Describes the badge for a11y if you use placement attribute with `corner-*`
|
|
11
|
-
*/
|
|
12
|
-
label?: string;
|
|
13
|
-
};
|
|
14
|
-
export type DBBadgeProps = DBBadgeDefaultProps & GlobalProps & SemanticProps & SizeProps & EmphasisProps & TextProps;
|
|
15
|
-
export type DBBadgeDefaultState = {};
|
|
16
|
-
export type DBBadgeState = DBBadgeDefaultState & GlobalState & InitializedState;
|
|
@@ -1,25 +0,0 @@
|
|
|
1
|
-
import { ElementRef, AfterViewInit, InputSignal } from "@angular/core";
|
|
2
|
-
import { DBBrandProps } from "./model";
|
|
3
|
-
import * as i0 from "@angular/core";
|
|
4
|
-
export declare class DBBrand implements AfterViewInit {
|
|
5
|
-
protected readonly DEFAULT_ICON: string;
|
|
6
|
-
protected readonly getBooleanAsString: (originBool?: boolean | string) => any;
|
|
7
|
-
protected readonly cls: (...args: import("../../utils").ClassNameArg[]) => string;
|
|
8
|
-
hideLogo: InputSignal<DBBrandProps["hideLogo"]>;
|
|
9
|
-
icon: InputSignal<DBBrandProps["icon"]>;
|
|
10
|
-
showIcon: InputSignal<DBBrandProps["showIcon"]>;
|
|
11
|
-
id: InputSignal<DBBrandProps["id"]>;
|
|
12
|
-
className: InputSignal<DBBrandProps["className"]>;
|
|
13
|
-
text: InputSignal<DBBrandProps["text"]>;
|
|
14
|
-
_ref: import("@angular/core").Signal<ElementRef<any> | undefined>;
|
|
15
|
-
constructor();
|
|
16
|
-
/**
|
|
17
|
-
* Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil.
|
|
18
|
-
* @param element the ref for the component
|
|
19
|
-
* @param customElementSelector the custom element like `my-component`
|
|
20
|
-
*/
|
|
21
|
-
private enableAttributePassing;
|
|
22
|
-
ngAfterViewInit(): void;
|
|
23
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<DBBrand, never>;
|
|
24
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<DBBrand, "db-brand", never, { "hideLogo": { "alias": "hideLogo"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "showIcon": { "alias": "showIcon"; "required": false; "isSignal": true; }; "id": { "alias": "id"; "required": false; "isSignal": true; }; "className": { "alias": "className"; "required": false; "isSignal": true; }; "text": { "alias": "text"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
|
|
25
|
-
}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export { DBBrand } from './brand';
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import { GlobalProps, GlobalState, IconProps, ShowIconProps, TextProps } from '../../shared/model';
|
|
2
|
-
export type DBBrandDefaultProps = {
|
|
3
|
-
/**
|
|
4
|
-
* @deprecated: Disable the default logo svg to pass in a custom `img`
|
|
5
|
-
*/
|
|
6
|
-
hideLogo?: boolean;
|
|
7
|
-
};
|
|
8
|
-
export type DBBrandProps = DBBrandDefaultProps & GlobalProps & IconProps & ShowIconProps & TextProps;
|
|
9
|
-
export type DBBrandDefaultState = {};
|
|
10
|
-
export type DBBrandState = DBBrandDefaultState & GlobalState;
|
|
@@ -1,39 +0,0 @@
|
|
|
1
|
-
import { ElementRef, AfterViewInit, InputSignal } from "@angular/core";
|
|
2
|
-
import type { DBButtonProps } from "./model";
|
|
3
|
-
import * as i0 from "@angular/core";
|
|
4
|
-
export declare class DBButton implements AfterViewInit {
|
|
5
|
-
protected readonly cls: (...args: import("../../utils").ClassNameArg[]) => string;
|
|
6
|
-
protected readonly getBoolean: (originBool?: boolean | string, propertyName?: string) => boolean | undefined;
|
|
7
|
-
protected readonly getBooleanAsString: (originBool?: boolean | string) => any;
|
|
8
|
-
type: InputSignal<DBButtonProps["type"]>;
|
|
9
|
-
id: InputSignal<DBButtonProps["id"]>;
|
|
10
|
-
className: InputSignal<DBButtonProps["className"]>;
|
|
11
|
-
disabled: InputSignal<DBButtonProps["disabled"]>;
|
|
12
|
-
iconLeading: InputSignal<DBButtonProps["iconLeading"]>;
|
|
13
|
-
icon: InputSignal<DBButtonProps["icon"]>;
|
|
14
|
-
showIconLeading: InputSignal<DBButtonProps["showIconLeading"]>;
|
|
15
|
-
showIcon: InputSignal<DBButtonProps["showIcon"]>;
|
|
16
|
-
iconTrailing: InputSignal<DBButtonProps["iconTrailing"]>;
|
|
17
|
-
showIconTrailing: InputSignal<DBButtonProps["showIconTrailing"]>;
|
|
18
|
-
size: InputSignal<DBButtonProps["size"]>;
|
|
19
|
-
width: InputSignal<DBButtonProps["width"]>;
|
|
20
|
-
variant: InputSignal<DBButtonProps["variant"]>;
|
|
21
|
-
noText: InputSignal<DBButtonProps["noText"]>;
|
|
22
|
-
name: InputSignal<DBButtonProps["name"]>;
|
|
23
|
-
form: InputSignal<DBButtonProps["form"]>;
|
|
24
|
-
value: InputSignal<DBButtonProps["value"]>;
|
|
25
|
-
text: InputSignal<DBButtonProps["text"]>;
|
|
26
|
-
click: import("@angular/core").OutputEmitterRef<void | MouseEvent>;
|
|
27
|
-
_ref: import("@angular/core").Signal<ElementRef<any> | undefined>;
|
|
28
|
-
getButtonType(): "button" | "reset" | "submit" | undefined;
|
|
29
|
-
constructor();
|
|
30
|
-
/**
|
|
31
|
-
* Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil.
|
|
32
|
-
* @param element the ref for the component
|
|
33
|
-
* @param customElementSelector the custom element like `my-component`
|
|
34
|
-
*/
|
|
35
|
-
private enableAttributePassing;
|
|
36
|
-
ngAfterViewInit(): void;
|
|
37
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<DBButton, never>;
|
|
38
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<DBButton, "db-button", never, { "type": { "alias": "type"; "required": false; "isSignal": true; }; "id": { "alias": "id"; "required": false; "isSignal": true; }; "className": { "alias": "className"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "iconLeading": { "alias": "iconLeading"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "showIconLeading": { "alias": "showIconLeading"; "required": false; "isSignal": true; }; "showIcon": { "alias": "showIcon"; "required": false; "isSignal": true; }; "iconTrailing": { "alias": "iconTrailing"; "required": false; "isSignal": true; }; "showIconTrailing": { "alias": "showIconTrailing"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "noText": { "alias": "noText"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "form": { "alias": "form"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "text": { "alias": "text"; "required": false; "isSignal": true; }; }, { "click": "click"; }, never, ["*"], true, never>;
|
|
39
|
-
}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export { DBButton } from './button';
|