@db-ux/wc-core-components 4.4.3 → 4.5.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/CHANGELOG.md +24 -0
- package/agent/.gitkeep +0 -0
- package/dist/cjs/db-accordion-item.cjs.entry.js +5 -4
- package/dist/cjs/db-accordion.cjs.entry.js +6 -6
- package/dist/cjs/db-badge.cjs.entry.js +5 -5
- package/dist/cjs/db-brand.cjs.entry.js +5 -5
- package/dist/cjs/db-button.cjs.entry.js +5 -5
- package/dist/cjs/db-card.cjs.entry.js +5 -4
- package/dist/cjs/db-checkbox.cjs.entry.js +53 -34
- package/dist/cjs/db-custom-button.cjs.entry.js +57 -0
- package/dist/cjs/db-custom-select-dropdown_5.cjs.entry.js +59 -37
- package/dist/cjs/db-custom-select-form-field.cjs.entry.js +5 -4
- package/dist/cjs/db-custom-select.cjs.entry.js +132 -109
- package/dist/cjs/db-divider.cjs.entry.js +5 -4
- package/dist/cjs/db-drawer.cjs.entry.js +6 -6
- package/dist/cjs/db-header.cjs.entry.js +7 -7
- package/dist/cjs/db-icon.cjs.entry.js +5 -4
- package/dist/cjs/db-infotext.cjs.entry.js +5 -5
- package/dist/cjs/db-link.cjs.entry.js +5 -5
- package/dist/cjs/db-navigation-item.cjs.entry.js +7 -7
- package/dist/cjs/db-navigation.cjs.entry.js +5 -4
- package/dist/cjs/db-notification.cjs.entry.js +6 -6
- package/dist/cjs/db-page.cjs.entry.js +5 -4
- package/dist/cjs/db-popover.cjs.entry.js +7 -7
- package/dist/cjs/db-radio.cjs.entry.js +33 -14
- package/dist/cjs/db-section.cjs.entry.js +5 -4
- package/dist/cjs/db-select.cjs.entry.js +48 -29
- package/dist/cjs/db-stack.cjs.entry.js +5 -4
- package/dist/cjs/db-switch.cjs.entry.js +58 -22
- package/dist/cjs/db-tab-item_3.cjs.entry.js +11 -9
- package/dist/cjs/db-tabs.cjs.entry.js +6 -6
- package/dist/cjs/db-textarea.cjs.entry.js +46 -27
- package/dist/cjs/db-tooltip.cjs.entry.js +17 -9
- package/dist/cjs/db-ux.cjs.js +3 -3
- package/dist/cjs/{document-click-listener-Bb3Tinb8.js → document-click-listener-B2-xKJv3.js} +1 -1
- package/dist/cjs/{document-scroll-listener-unypEU42.js → document-scroll-listener-ChQ7XZRk.js} +1 -1
- package/dist/cjs/{floating-components-pYaTeNhp.js → floating-components-DlstoCKH.js} +4 -0
- package/dist/cjs/{form-components-LsqVohyb.js → form-components-_ncB_U2D.js} +1 -1
- package/dist/cjs/{index-CsHqnQII.js → index-2_9ESkQu.js} +6 -7
- package/dist/cjs/{index-Bh5ovRL2.js → index-D_vrmAD6.js} +23 -14
- package/dist/cjs/index.cjs.js +5 -5
- package/dist/cjs/loader.cjs.js +2 -2
- package/dist/cjs/{navigation-BztJmEHf.js → navigation-Bah882nU.js} +1 -1
- package/dist/collection/collection-manifest.json +3 -1
- package/dist/collection/components/accordion/accordion.js +28 -4
- package/dist/collection/components/accordion-item/accordion-item.js +27 -2
- package/dist/collection/components/badge/badge.js +54 -4
- package/dist/collection/components/brand/brand.js +27 -3
- package/dist/collection/components/button/button.js +53 -3
- package/dist/collection/components/card/card.js +27 -2
- package/dist/collection/components/checkbox/checkbox.js +81 -38
- package/dist/collection/components/custom-button/custom-button.js +394 -0
- package/dist/collection/components/custom-button/index.js +2 -0
- package/dist/collection/components/custom-button/model.js +1 -0
- package/dist/collection/components/custom-select/custom-select.js +156 -109
- package/dist/collection/components/custom-select-dropdown/custom-select-dropdown.js +27 -2
- package/dist/collection/components/custom-select-form-field/custom-select-form-field.js +27 -2
- package/dist/collection/components/custom-select-list/custom-select-list.js +27 -2
- package/dist/collection/components/custom-select-list-item/custom-select-list-item.js +27 -2
- package/dist/collection/components/divider/divider.js +27 -2
- package/dist/collection/components/drawer/drawer.js +28 -4
- package/dist/collection/components/header/header.js +27 -3
- package/dist/collection/components/icon/icon.js +27 -2
- package/dist/collection/components/infotext/infotext.js +53 -3
- package/dist/collection/components/input/input.js +74 -31
- package/dist/collection/components/link/link.js +27 -3
- package/dist/collection/components/navigation/navigation.js +27 -2
- package/dist/collection/components/navigation-item/navigation-item.js +27 -3
- package/dist/collection/components/notification/notification.js +28 -4
- package/dist/collection/components/page/page.js +27 -2
- package/dist/collection/components/popover/popover.js +27 -3
- package/dist/collection/components/radio/radio.js +54 -11
- package/dist/collection/components/section/section.js +27 -2
- package/dist/collection/components/select/select.js +75 -32
- package/dist/collection/components/stack/stack.js +27 -2
- package/dist/collection/components/switch/switch.js +107 -45
- package/dist/collection/components/tab-item/tab-item.js +27 -3
- package/dist/collection/components/tab-list/tab-list.js +27 -2
- package/dist/collection/components/tab-panel/tab-panel.js +27 -2
- package/dist/collection/components/tabs/tabs.js +28 -4
- package/dist/collection/components/tag/tag.js +27 -3
- package/dist/collection/components/textarea/textarea.js +73 -30
- package/dist/collection/components/tooltip/tooltip.js +63 -5
- package/dist/collection/index.js +2 -0
- package/dist/collection/utils/floating-components.js +4 -0
- package/dist/collection/utils/index.js +6 -7
- package/dist/custom-elements.json +3692 -1698
- package/dist/db-ux/db-ux.esm.js +1 -1
- package/dist/db-ux/index.esm.js +1 -1
- package/dist/db-ux/p-043c407c.entry.js +1 -0
- package/dist/db-ux/p-0541c3c2.entry.js +1 -0
- package/dist/db-ux/p-074e4a43.entry.js +1 -0
- package/dist/db-ux/p-11251b99.entry.js +1 -0
- package/dist/db-ux/p-1c89f0fc.entry.js +1 -0
- package/dist/db-ux/p-213bfff6.entry.js +1 -0
- package/dist/db-ux/p-29442fd9.entry.js +1 -0
- package/dist/db-ux/p-2bce91e1.entry.js +1 -0
- package/dist/db-ux/p-32c4a1b5.entry.js +1 -0
- package/dist/db-ux/p-3e5be44c.entry.js +1 -0
- package/dist/db-ux/p-4cda36f1.entry.js +1 -0
- package/dist/db-ux/p-4cf64cbb.entry.js +1 -0
- package/dist/db-ux/p-5028b12e.entry.js +1 -0
- package/dist/db-ux/{p-b07122c4.entry.js → p-56af9177.entry.js} +1 -1
- package/dist/db-ux/{p-64264628.entry.js → p-587263ad.entry.js} +1 -1
- package/dist/db-ux/p-58f21c03.entry.js +1 -0
- package/dist/db-ux/{p-77150a25.entry.js → p-6b073570.entry.js} +1 -1
- package/dist/db-ux/p-745ccfb8.entry.js +1 -0
- package/dist/db-ux/p-836f0fef.entry.js +1 -0
- package/dist/db-ux/p-9a19e197.entry.js +1 -0
- package/dist/db-ux/p-9fb146d1.entry.js +1 -0
- package/dist/db-ux/p-BjIPMjCM.js +2 -0
- package/dist/db-ux/{p-cNk4ImpW.js → p-BuBrj57D.js} +1 -1
- package/dist/db-ux/p-CHLgQ9vn.js +1 -0
- package/dist/db-ux/{p-CAEpg8tJ.js → p-D5mInaY7.js} +1 -1
- package/dist/db-ux/p-DOPXnIzL.js +1 -0
- package/dist/db-ux/p-D_roHmuC.js +1 -0
- package/dist/db-ux/p-a34d2691.entry.js +1 -0
- package/dist/db-ux/p-c6f43506.entry.js +1 -0
- package/dist/db-ux/p-cdfaf027.entry.js +1 -0
- package/dist/db-ux/p-d186aef4.entry.js +1 -0
- package/dist/db-ux/p-dceb35a8.entry.js +1 -0
- package/dist/db-ux/p-e199b6f9.entry.js +1 -0
- package/dist/db-ux/p-e3664354.entry.js +1 -0
- package/dist/db-ux/p-ef034bba.entry.js +1 -0
- package/dist/db-ux/p-f0bc176a.entry.js +1 -0
- package/dist/db-ux/p-ff3866f3.entry.js +1 -0
- package/dist/db-ux/p-xkoBSP8R.js +1 -0
- package/dist/esm/db-accordion-item.entry.js +5 -4
- package/dist/esm/db-accordion.entry.js +6 -6
- package/dist/esm/db-badge.entry.js +5 -5
- package/dist/esm/db-brand.entry.js +5 -5
- package/dist/esm/db-button.entry.js +5 -5
- package/dist/esm/db-card.entry.js +5 -4
- package/dist/esm/db-checkbox.entry.js +54 -35
- package/dist/esm/db-custom-button.entry.js +55 -0
- package/dist/esm/db-custom-select-dropdown_5.entry.js +60 -38
- package/dist/esm/db-custom-select-form-field.entry.js +5 -4
- package/dist/esm/db-custom-select.entry.js +133 -110
- package/dist/esm/db-divider.entry.js +5 -4
- package/dist/esm/db-drawer.entry.js +6 -6
- package/dist/esm/db-header.entry.js +7 -7
- package/dist/esm/db-icon.entry.js +5 -4
- package/dist/esm/db-infotext.entry.js +5 -5
- package/dist/esm/db-link.entry.js +5 -5
- package/dist/esm/db-navigation-item.entry.js +7 -7
- package/dist/esm/db-navigation.entry.js +5 -4
- package/dist/esm/db-notification.entry.js +6 -6
- package/dist/esm/db-page.entry.js +5 -4
- package/dist/esm/db-popover.entry.js +7 -7
- package/dist/esm/db-radio.entry.js +33 -14
- package/dist/esm/db-section.entry.js +5 -4
- package/dist/esm/db-select.entry.js +49 -30
- package/dist/esm/db-stack.entry.js +5 -4
- package/dist/esm/db-switch.entry.js +58 -22
- package/dist/esm/db-tab-item_3.entry.js +11 -9
- package/dist/esm/db-tabs.entry.js +6 -6
- package/dist/esm/db-textarea.entry.js +47 -28
- package/dist/esm/db-tooltip.entry.js +17 -9
- package/dist/esm/db-ux.js +4 -4
- package/dist/esm/{document-click-listener-CmYoXpGE.js → document-click-listener-D7W_VE5O.js} +1 -1
- package/dist/esm/{document-scroll-listener-65bHuFAN.js → document-scroll-listener-DOBe3Oa9.js} +1 -1
- package/dist/esm/{floating-components-DfYL98sI.js → floating-components-DOPXnIzL.js} +4 -0
- package/dist/esm/{form-components-BLsiOrPI.js → form-components-D6LQfJvq.js} +1 -1
- package/dist/esm/{index-Crtu1dn6.js → index-BjIPMjCM.js} +23 -14
- package/dist/esm/{index-C4x0SOcx.js → index-xkoBSP8R.js} +6 -7
- package/dist/esm/index.js +5 -5
- package/dist/esm/loader.js +3 -3
- package/dist/esm/{navigation-DgsMCdfn.js → navigation-Jh6m0eMk.js} +1 -1
- package/dist/types/components/accordion/accordion.d.ts +1 -0
- package/dist/types/components/accordion-item/accordion-item.d.ts +1 -0
- package/dist/types/components/badge/badge.d.ts +2 -0
- package/dist/types/components/badge/model.d.ts +2 -2
- package/dist/types/components/brand/brand.d.ts +1 -0
- package/dist/types/components/button/button.d.ts +2 -0
- package/dist/types/components/button/model.d.ts +8 -10
- package/dist/types/components/card/card.d.ts +1 -0
- package/dist/types/components/checkbox/checkbox.d.ts +5 -1
- package/dist/types/components/custom-button/custom-button.d.ts +29 -0
- package/dist/types/components/custom-button/index.d.ts +2 -0
- package/dist/types/components/custom-button/model.d.ts +6 -0
- package/dist/types/components/custom-select/custom-select.d.ts +5 -1
- package/dist/types/components/custom-select-dropdown/custom-select-dropdown.d.ts +1 -0
- package/dist/types/components/custom-select-form-field/custom-select-form-field.d.ts +1 -0
- package/dist/types/components/custom-select-list/custom-select-list.d.ts +1 -0
- package/dist/types/components/custom-select-list-item/custom-select-list-item.d.ts +1 -0
- package/dist/types/components/divider/divider.d.ts +1 -0
- package/dist/types/components/drawer/drawer.d.ts +1 -0
- package/dist/types/components/header/header.d.ts +1 -0
- package/dist/types/components/icon/icon.d.ts +1 -0
- package/dist/types/components/infotext/infotext.d.ts +2 -0
- package/dist/types/components/infotext/model.d.ts +2 -2
- package/dist/types/components/input/input.d.ts +5 -1
- package/dist/types/components/link/link.d.ts +1 -0
- package/dist/types/components/navigation/navigation.d.ts +1 -0
- package/dist/types/components/navigation-item/navigation-item.d.ts +1 -0
- package/dist/types/components/notification/model.d.ts +2 -2
- package/dist/types/components/notification/notification.d.ts +1 -0
- package/dist/types/components/page/page.d.ts +1 -0
- package/dist/types/components/popover/popover.d.ts +1 -0
- package/dist/types/components/radio/radio.d.ts +4 -0
- package/dist/types/components/section/section.d.ts +1 -0
- package/dist/types/components/select/select.d.ts +5 -1
- package/dist/types/components/stack/stack.d.ts +1 -0
- package/dist/types/components/switch/switch.d.ts +7 -1
- package/dist/types/components/tab-item/tab-item.d.ts +1 -0
- package/dist/types/components/tab-list/tab-list.d.ts +1 -0
- package/dist/types/components/tab-panel/tab-panel.d.ts +1 -0
- package/dist/types/components/tabs/tabs.d.ts +1 -0
- package/dist/types/components/tag/model.d.ts +2 -6
- package/dist/types/components/tag/tag.d.ts +1 -0
- package/dist/types/components/textarea/textarea.d.ts +5 -1
- package/dist/types/components/tooltip/model.d.ts +3 -3
- package/dist/types/components/tooltip/tooltip.d.ts +3 -0
- package/dist/types/components.d.ts +145 -6
- package/dist/types/index.d.ts +2 -0
- package/dist/types/shared/model.d.ts +15 -1
- package/dist/types/stencil-public-runtime.d.ts +3 -1
- package/dist/vscode.html-custom-data.json +397 -85
- package/dist/web-types.json +730 -153
- package/package.json +4 -4
- package/agent/Accordion.md +0 -23
- package/agent/AccordionItem.md +0 -29
- package/agent/Badge.md +0 -32
- package/agent/Brand.md +0 -13
- package/agent/Button.md +0 -47
- package/agent/Card.md +0 -23
- package/agent/Checkbox.md +0 -41
- package/agent/CustomSelect.md +0 -54
- package/agent/Divider.md +0 -21
- package/agent/Drawer.md +0 -71
- package/agent/Header.md +0 -29
- package/agent/Icon.md +0 -20
- package/agent/Infotext.md +0 -25
- package/agent/Input.md +0 -48
- package/agent/Link.md +0 -52
- package/agent/Navigation.md +0 -19
- package/agent/NavigationItem.md +0 -29
- package/agent/Notification.md +0 -38
- package/agent/Page.md +0 -27
- package/agent/Popover.md +0 -52
- package/agent/Radio.md +0 -28
- package/agent/Section.md +0 -21
- package/agent/Select.md +0 -62
- package/agent/Stack.md +0 -35
- package/agent/Switch.md +0 -44
- package/agent/TabItem.md +0 -25
- package/agent/Tabs.md +0 -61
- package/agent/Tag.md +0 -41
- package/agent/Textarea.md +0 -44
- package/agent/Tooltip.md +0 -37
- package/agent/_instructions.md +0 -31
- package/dist/db-ux/p-1a72176e.entry.js +0 -1
- package/dist/db-ux/p-1b7f6a0b.entry.js +0 -1
- package/dist/db-ux/p-1da21066.entry.js +0 -1
- package/dist/db-ux/p-2d15e200.entry.js +0 -1
- package/dist/db-ux/p-312d52da.entry.js +0 -1
- package/dist/db-ux/p-3e6b86d6.entry.js +0 -1
- package/dist/db-ux/p-4aa16916.entry.js +0 -1
- package/dist/db-ux/p-4b69acea.entry.js +0 -1
- package/dist/db-ux/p-4cfff250.entry.js +0 -1
- package/dist/db-ux/p-5237e5d5.entry.js +0 -1
- package/dist/db-ux/p-5b1a0f0f.entry.js +0 -1
- package/dist/db-ux/p-5fa85b19.entry.js +0 -1
- package/dist/db-ux/p-7351b5ab.entry.js +0 -1
- package/dist/db-ux/p-7c6b7578.entry.js +0 -1
- package/dist/db-ux/p-828a77d8.entry.js +0 -1
- package/dist/db-ux/p-9b47dc80.entry.js +0 -1
- package/dist/db-ux/p-BhXdfCpU.js +0 -1
- package/dist/db-ux/p-C4x0SOcx.js +0 -1
- package/dist/db-ux/p-Crtu1dn6.js +0 -2
- package/dist/db-ux/p-DfYL98sI.js +0 -1
- package/dist/db-ux/p-RHqkTr-_.js +0 -1
- package/dist/db-ux/p-a3a8ce36.entry.js +0 -1
- package/dist/db-ux/p-aa0f7280.entry.js +0 -1
- package/dist/db-ux/p-b1fc0f4c.entry.js +0 -1
- package/dist/db-ux/p-c2624e1b.entry.js +0 -1
- package/dist/db-ux/p-c29d8e32.entry.js +0 -1
- package/dist/db-ux/p-cf50169a.entry.js +0 -1
- package/dist/db-ux/p-d4f3cfa2.entry.js +0 -1
- package/dist/db-ux/p-e05fee5a.entry.js +0 -1
- package/dist/db-ux/p-f40d2d61.entry.js +0 -1
- package/dist/db-ux/p-fcf8e274.entry.js +0 -1
- package/dist/db-ux/p-fe06f815.entry.js +0 -1
package/agent/Page.md
DELETED
|
@@ -1,27 +0,0 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
# Page Examples (stencil)
|
|
4
|
-
|
|
5
|
-
```html
|
|
6
|
-
<h1>DBPage Documentation Examples</h1>
|
|
7
|
-
<h2>1. Default Page</h2>
|
|
8
|
-
<db-page><db-header slot="header">Header Content</db-header>
|
|
9
|
-
Main Page</db-page>
|
|
10
|
-
<h2>2. Document Overflow Variants</h2>
|
|
11
|
-
<db-page documentOverflow="hidden">
|
|
12
|
-
<db-header slot="header">Header Content</db-header>
|
|
13
|
-
Main Page with Hidden Overflow
|
|
14
|
-
</db-page>
|
|
15
|
-
<db-page documentOverflow="auto">
|
|
16
|
-
<db-header slot="header">Header Content</db-header>
|
|
17
|
-
Main Page with Auto Overflow
|
|
18
|
-
</db-page>
|
|
19
|
-
<h2>3. Fade-In Effect</h2>
|
|
20
|
-
<db-page fadeIn={true}><db-header slot="header">Header Content</db-header>
|
|
21
|
-
Main Page with Fade-In</db-page>
|
|
22
|
-
<h2>4. Variant Examples</h2>
|
|
23
|
-
<db-page variant="auto"><db-header slot="header">Header Content</db-header>
|
|
24
|
-
Page with Auto Variant</db-page>
|
|
25
|
-
<db-page variant="fixed"><db-header slot="header">Header Content</db-header>
|
|
26
|
-
Page with Fixed Variant</db-page>
|
|
27
|
-
```
|
package/agent/Popover.md
DELETED
|
@@ -1,52 +0,0 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
# Popover Examples (stencil)
|
|
4
|
-
|
|
5
|
-
```html
|
|
6
|
-
<h1>DBPopover Documentation Examples</h1>
|
|
7
|
-
<h2>1. Default Popover</h2>
|
|
8
|
-
<db-popover trigger={<DBButton>Hover on me to open Popover</DBButton>}>
|
|
9
|
-
Use any HTML code here like e.g. a<code>button</code>:
|
|
10
|
-
<button type="button">Test</button>
|
|
11
|
-
</db-popover>
|
|
12
|
-
<h2>2. Placement Variants</h2>
|
|
13
|
-
<db-popover
|
|
14
|
-
placement="top"
|
|
15
|
-
trigger={<DBButton>Top Placement</DBButton>}
|
|
16
|
-
>
|
|
17
|
-
Popover with top placement
|
|
18
|
-
</db-popover>
|
|
19
|
-
<db-popover
|
|
20
|
-
placement="bottom"
|
|
21
|
-
trigger={<DBButton>Bottom Placement</DBButton>}
|
|
22
|
-
>
|
|
23
|
-
Popover with bottom placement
|
|
24
|
-
</db-popover>
|
|
25
|
-
<h2>3. Delay Variants</h2>
|
|
26
|
-
<db-popover delay="fast" trigger={<DBButton>Fast Delay</DBButton>}>
|
|
27
|
-
Popover with fast delay
|
|
28
|
-
</db-popover>
|
|
29
|
-
<db-popover delay="slow" trigger={<DBButton>Slow Delay</DBButton>}>
|
|
30
|
-
Popover with slow delay
|
|
31
|
-
</db-popover>
|
|
32
|
-
<h2>4. Animation</h2>
|
|
33
|
-
<db-popover
|
|
34
|
-
trigger={<DBButton>With Animation</DBButton>}
|
|
35
|
-
animation={true}
|
|
36
|
-
>
|
|
37
|
-
Popover with animation
|
|
38
|
-
</db-popover>
|
|
39
|
-
<db-popover
|
|
40
|
-
trigger={<DBButton>No Animation</DBButton>}
|
|
41
|
-
animation={false}
|
|
42
|
-
>
|
|
43
|
-
Popover without animation
|
|
44
|
-
</db-popover>
|
|
45
|
-
<h2>5. Width Variants</h2>
|
|
46
|
-
<db-popover width="auto" trigger={<DBButton>Auto Width</DBButton>}>
|
|
47
|
-
Popover with auto width
|
|
48
|
-
</db-popover>
|
|
49
|
-
<db-popover width="fixed" trigger={<DBButton>Fixed Width</DBButton>}>
|
|
50
|
-
Popover with fixed width
|
|
51
|
-
</db-popover>
|
|
52
|
-
```
|
package/agent/Radio.md
DELETED
|
@@ -1,28 +0,0 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
# Radio Examples (stencil)
|
|
4
|
-
|
|
5
|
-
```html
|
|
6
|
-
<h1>DBRadio Documentation Examples</h1>
|
|
7
|
-
<h2>1. Default Radio</h2>
|
|
8
|
-
<db-radio label="Default Radio"></db-radio>
|
|
9
|
-
<h2>2. Sizes</h2>
|
|
10
|
-
<db-radio size="small" label="Small Radio"></db-radio>
|
|
11
|
-
<db-radio size="medium" label="Medium Radio"></db-radio>
|
|
12
|
-
<h2>3. Validation States</h2>
|
|
13
|
-
<db-radio validation="valid" label="Valid Radio"></db-radio>
|
|
14
|
-
<db-radio validation="invalid" label="Invalid Radio"></db-radio>
|
|
15
|
-
<db-radio
|
|
16
|
-
validation="no-validation"
|
|
17
|
-
label="No Validation Radio"
|
|
18
|
-
></db-radio>
|
|
19
|
-
<h2>4. Disabled State</h2>
|
|
20
|
-
<db-radio label="Disabled Radio" disabled={true}></db-radio>
|
|
21
|
-
<h2>5. Change Event Example</h2>
|
|
22
|
-
<db-radio
|
|
23
|
-
label="Change Event"
|
|
24
|
-
onChange={(event) =>
|
|
25
|
-
console.log("Change event:", event.target.checked)
|
|
26
|
-
}
|
|
27
|
-
></db-radio>
|
|
28
|
-
```
|
package/agent/Section.md
DELETED
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
# Section Examples (stencil)
|
|
4
|
-
|
|
5
|
-
```html
|
|
6
|
-
<h1>DBSection Documentation Examples</h1>
|
|
7
|
-
<h2>1. Default Section</h2>
|
|
8
|
-
<db-section>Default Section</db-section>
|
|
9
|
-
<h2>2. Spacing Variants</h2>
|
|
10
|
-
<db-section spacing="medium">Medium Spacing</db-section>
|
|
11
|
-
<db-section spacing="small">Small Spacing</db-section>
|
|
12
|
-
<db-section spacing="large">Large Spacing</db-section>
|
|
13
|
-
<db-section spacing="none">No Spacing</db-section>
|
|
14
|
-
<h2>3. Container Width</h2>
|
|
15
|
-
<db-section width="full">Full Width</db-section>
|
|
16
|
-
<db-section width="medium">Medium Width</db-section>
|
|
17
|
-
<db-section width="large">Large Width</db-section>
|
|
18
|
-
<db-section width="small">Small Width</db-section>
|
|
19
|
-
<h2>4. Custom Class</h2>
|
|
20
|
-
<db-section class="my-custom-class">Custom Class</db-section>
|
|
21
|
-
```
|
package/agent/Select.md
DELETED
|
@@ -1,62 +0,0 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
# Select Examples (stencil)
|
|
4
|
-
|
|
5
|
-
```html
|
|
6
|
-
<h1>DBSelect Documentation Examples</h1>
|
|
7
|
-
<h2>1. Default Select</h2>
|
|
8
|
-
<db-select label="Default Select">
|
|
9
|
-
<option value="1">Option 1</option>
|
|
10
|
-
<option value="2" disabled={true}>
|
|
11
|
-
Option 2
|
|
12
|
-
</option>
|
|
13
|
-
</db-select>
|
|
14
|
-
<h2>2. Options Array</h2>
|
|
15
|
-
<db-select
|
|
16
|
-
label="Select with Options"
|
|
17
|
-
options={this.getOptions()}
|
|
18
|
-
></db-select>
|
|
19
|
-
<h2>3. Multiple Select</h2>
|
|
20
|
-
<db-select label="Multiple Select" multiple={true}>
|
|
21
|
-
<option value="1">Option 1</option>
|
|
22
|
-
<option value="2" disabled={true}>
|
|
23
|
-
Option 2
|
|
24
|
-
</option>
|
|
25
|
-
</db-select>
|
|
26
|
-
<h2>4. Disabled State</h2>
|
|
27
|
-
<db-select label="Disabled Select" disabled={true}>
|
|
28
|
-
<option value="1">Option 1</option>
|
|
29
|
-
<option value="2" disabled={true}>
|
|
30
|
-
Option 2
|
|
31
|
-
</option>
|
|
32
|
-
</db-select>
|
|
33
|
-
<h2>5. Validation States</h2>
|
|
34
|
-
<db-select validation="valid" label="Valid Select">
|
|
35
|
-
<option value="1">Option 1</option>
|
|
36
|
-
<option value="2" disabled={true}>
|
|
37
|
-
Option 2
|
|
38
|
-
</option>
|
|
39
|
-
</db-select>
|
|
40
|
-
<db-select validation="invalid" label="Invalid Select">
|
|
41
|
-
<option value="1">Option 1</option>
|
|
42
|
-
<option value="2" disabled={true}>
|
|
43
|
-
Option 2
|
|
44
|
-
</option>
|
|
45
|
-
</db-select>
|
|
46
|
-
<db-select validation="no-validation" label="No Validation Select">
|
|
47
|
-
<option value="1">Option 1</option>
|
|
48
|
-
<option value="2" disabled={true}>
|
|
49
|
-
Option 2
|
|
50
|
-
</option>
|
|
51
|
-
</db-select>
|
|
52
|
-
<h2>6. Change Event Example</h2>
|
|
53
|
-
<db-select
|
|
54
|
-
label="Change Event"
|
|
55
|
-
onChange={(event) => console.log("Change event:", event.target.value)}
|
|
56
|
-
>
|
|
57
|
-
<option value="1">Option 1</option>
|
|
58
|
-
<option value="2" disabled={true}>
|
|
59
|
-
Option 2
|
|
60
|
-
</option>
|
|
61
|
-
</db-select>
|
|
62
|
-
```
|
package/agent/Stack.md
DELETED
|
@@ -1,35 +0,0 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
# Stack Examples (stencil)
|
|
4
|
-
|
|
5
|
-
```html
|
|
6
|
-
<h1>DBStack Documentation Examples</h1>
|
|
7
|
-
<h2>1. Default Stack</h2>
|
|
8
|
-
<db-stack>Default Stack</db-stack>
|
|
9
|
-
<h2>2. Variants</h2>
|
|
10
|
-
<db-stack variant="simple">Simple Variant</db-stack>
|
|
11
|
-
<db-stack variant="divider">Divider Variant</db-stack>
|
|
12
|
-
<h2>3. Directions</h2>
|
|
13
|
-
<db-stack direction="row">Row Direction</db-stack>
|
|
14
|
-
<db-stack direction="column">Column Direction</db-stack>
|
|
15
|
-
<h2>4. Alignment</h2>
|
|
16
|
-
<db-stack alignment="stretch">Stretch Alignment</db-stack>
|
|
17
|
-
<db-stack alignment="start">Start Alignment</db-stack>
|
|
18
|
-
<db-stack alignment="end">End Alignment</db-stack>
|
|
19
|
-
<db-stack alignment="center">Center Alignment</db-stack>
|
|
20
|
-
<h2>5. Justify Content</h2>
|
|
21
|
-
<db-stack justifyContent="space-between">Space Between</db-stack>
|
|
22
|
-
<db-stack justifyContent="start">Start Justify</db-stack>
|
|
23
|
-
<db-stack justifyContent="end">End Justify</db-stack>
|
|
24
|
-
<db-stack justifyContent="center">Center Justify</db-stack>
|
|
25
|
-
<h2>6. Gap Spacing</h2>
|
|
26
|
-
<db-stack gap="medium">Medium Gap</db-stack>
|
|
27
|
-
<db-stack gap="small">Small Gap</db-stack>
|
|
28
|
-
<db-stack gap="large">Large Gap</db-stack>
|
|
29
|
-
<db-stack gap="none">No Gap</db-stack>
|
|
30
|
-
<h2>7. Wrap</h2>
|
|
31
|
-
<db-stack wrap={true}>Wrap Enabled</db-stack>
|
|
32
|
-
<db-stack wrap={false}>Wrap Disabled</db-stack>
|
|
33
|
-
<h2>8. Custom Class</h2>
|
|
34
|
-
<db-stack class="my-custom-class">Custom Class</db-stack>
|
|
35
|
-
```
|
package/agent/Switch.md
DELETED
|
@@ -1,44 +0,0 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
# Switch Examples (stencil)
|
|
4
|
-
|
|
5
|
-
```html
|
|
6
|
-
<h1>DBSwitch Documentation Examples</h1>
|
|
7
|
-
<h2>1. Default Switch</h2>
|
|
8
|
-
<db-switch label="Default Switch"></db-switch>
|
|
9
|
-
<h2>2. Visual Aid</h2>
|
|
10
|
-
<db-switch label="Switch with Visual Aid" visualAid={true}></db-switch>
|
|
11
|
-
<db-switch
|
|
12
|
-
label="Switch without Visual Aid"
|
|
13
|
-
visualAid={false}
|
|
14
|
-
></db-switch>
|
|
15
|
-
<h2>3. Sizes</h2>
|
|
16
|
-
<db-switch size="small" label="Small Switch"></db-switch>
|
|
17
|
-
<db-switch size="medium" label="Medium Switch"></db-switch>
|
|
18
|
-
<h2>4. Validation States</h2>
|
|
19
|
-
<db-switch validation="valid" label="Valid Switch"></db-switch>
|
|
20
|
-
<db-switch validation="invalid" label="Invalid Switch"></db-switch>
|
|
21
|
-
<db-switch
|
|
22
|
-
validation="no-validation"
|
|
23
|
-
label="No Validation Switch"
|
|
24
|
-
></db-switch>
|
|
25
|
-
<h2>5. Disabled State</h2>
|
|
26
|
-
<db-switch label="Disabled Switch" disabled={true}></db-switch>
|
|
27
|
-
<h2>6. Icon Support</h2>
|
|
28
|
-
<db-switch icon="check" label="Switch with Icon"></db-switch>
|
|
29
|
-
<db-switch
|
|
30
|
-
iconLeading="user"
|
|
31
|
-
label="Switch with Leading Icon"
|
|
32
|
-
></db-switch>
|
|
33
|
-
<db-switch
|
|
34
|
-
iconTrailing="arrow"
|
|
35
|
-
label="Switch with Trailing Icon"
|
|
36
|
-
></db-switch>
|
|
37
|
-
<h2>7. Change Event Example</h2>
|
|
38
|
-
<db-switch
|
|
39
|
-
label="Change Event"
|
|
40
|
-
onChange={(event) =>
|
|
41
|
-
console.log("Change event:", event.target.checked)
|
|
42
|
-
}
|
|
43
|
-
></db-switch>
|
|
44
|
-
```
|
package/agent/TabItem.md
DELETED
|
@@ -1,25 +0,0 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
# TabItem Examples (stencil)
|
|
4
|
-
|
|
5
|
-
```html
|
|
6
|
-
<h1>DBTabItem Documentation Examples</h1>
|
|
7
|
-
<h2>1. Default Tab Item</h2>
|
|
8
|
-
<db-tab-item>Default Tab Item</db-tab-item>
|
|
9
|
-
<h2>2. Active State</h2>
|
|
10
|
-
<db-tab-item active={true}>Active Tab Item</db-tab-item>
|
|
11
|
-
<h2>3. Disabled State</h2>
|
|
12
|
-
<db-tab-item disabled={true}>Disabled Tab Item</db-tab-item>
|
|
13
|
-
<h2>4. Icon Variants</h2>
|
|
14
|
-
<db-tab-item icon="user">Tab Item with Icon</db-tab-item>
|
|
15
|
-
<db-tab-item iconLeading="arrow-left">
|
|
16
|
-
Tab Item with Leading Icon
|
|
17
|
-
</db-tab-item>
|
|
18
|
-
<db-tab-item iconTrailing="arrow-right">
|
|
19
|
-
Tab Item with Trailing Icon
|
|
20
|
-
</db-tab-item>
|
|
21
|
-
<h2>5. Label Property</h2>
|
|
22
|
-
<db-tab-item label="Tab Item Label">Tab Item with Label</db-tab-item>
|
|
23
|
-
<h2>6. No Text</h2>
|
|
24
|
-
<db-tab-item icon="user" noText={true}></db-tab-item>
|
|
25
|
-
```
|
package/agent/Tabs.md
DELETED
|
@@ -1,61 +0,0 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
# Tabs Examples (stencil)
|
|
4
|
-
|
|
5
|
-
```html
|
|
6
|
-
<h1>DBTabs Documentation Examples</h1>
|
|
7
|
-
<h2>1. Default Tabs</h2>
|
|
8
|
-
<db-tabs>
|
|
9
|
-
<db-tab-list>
|
|
10
|
-
<db-tab-item>Tab 1</db-tab-item>
|
|
11
|
-
<db-tab-item>Tab 2</db-tab-item>
|
|
12
|
-
<db-tab-item>Tab 3</db-tab-item>
|
|
13
|
-
</db-tab-list>
|
|
14
|
-
<db-tab-panel>Tab Panel 1</db-tab-panel>
|
|
15
|
-
<db-tab-panel>Tab Panel 2</db-tab-panel>
|
|
16
|
-
<db-tab-panel>Tab Panel 3</db-tab-panel>
|
|
17
|
-
</db-tabs>
|
|
18
|
-
<h2>2. Behavior Variants</h2>
|
|
19
|
-
<db-tabs behavior="scrollbar">
|
|
20
|
-
<db-tab-list>
|
|
21
|
-
<db-tab-item>Tab 1</db-tab-item>
|
|
22
|
-
<db-tab-item>Tab 2</db-tab-item>
|
|
23
|
-
<db-tab-item>Tab 3</db-tab-item>
|
|
24
|
-
</db-tab-list>
|
|
25
|
-
<db-tab-panel>Tab Panel 1</db-tab-panel>
|
|
26
|
-
<db-tab-panel>Tab Panel 2</db-tab-panel>
|
|
27
|
-
<db-tab-panel>Tab Panel 3</db-tab-panel>
|
|
28
|
-
</db-tabs>
|
|
29
|
-
<db-tabs behavior="arrows">
|
|
30
|
-
<db-tab-list>
|
|
31
|
-
<db-tab-item>Tab 1</db-tab-item>
|
|
32
|
-
<db-tab-item>Tab 2</db-tab-item>
|
|
33
|
-
<db-tab-item>Tab 3</db-tab-item>
|
|
34
|
-
</db-tab-list>
|
|
35
|
-
<db-tab-panel>Tab Panel 1</db-tab-panel>
|
|
36
|
-
<db-tab-panel>Tab Panel 2</db-tab-panel>
|
|
37
|
-
<db-tab-panel>Tab Panel 3</db-tab-panel>
|
|
38
|
-
</db-tabs>
|
|
39
|
-
<h2>3. Initial Selected Index</h2>
|
|
40
|
-
<db-tabs initialSelectedIndex={1}>
|
|
41
|
-
<db-tab-list>
|
|
42
|
-
<db-tab-item>Tab 1</db-tab-item>
|
|
43
|
-
<db-tab-item>Tab 2</db-tab-item>
|
|
44
|
-
<db-tab-item>Tab 3</db-tab-item>
|
|
45
|
-
</db-tab-list>
|
|
46
|
-
<db-tab-panel>Tab Panel 1</db-tab-panel>
|
|
47
|
-
<db-tab-panel>Tab Panel 2</db-tab-panel>
|
|
48
|
-
<db-tab-panel>Tab Panel 3</db-tab-panel>
|
|
49
|
-
</db-tabs>
|
|
50
|
-
<h2>4. Initial Selected Mode</h2>
|
|
51
|
-
<db-tabs initialSelectedMode="manually">
|
|
52
|
-
<db-tab-list>
|
|
53
|
-
<db-tab-item>Tab 1</db-tab-item>
|
|
54
|
-
<db-tab-item>Tab 2</db-tab-item>
|
|
55
|
-
<db-tab-item>Tab 3</db-tab-item>
|
|
56
|
-
</db-tab-list>
|
|
57
|
-
<db-tab-panel>Tab Panel 1</db-tab-panel>
|
|
58
|
-
<db-tab-panel>Tab Panel 2</db-tab-panel>
|
|
59
|
-
<db-tab-panel>Tab Panel 3</db-tab-panel>
|
|
60
|
-
</db-tabs>
|
|
61
|
-
```
|
package/agent/Tag.md
DELETED
|
@@ -1,41 +0,0 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
# Tag Examples (stencil)
|
|
4
|
-
|
|
5
|
-
```html
|
|
6
|
-
<h1>DBTag Documentation Examples</h1>
|
|
7
|
-
<h2>1. Default Tags</h2>
|
|
8
|
-
<db-tag>
|
|
9
|
-
<db-button>Tag as Button</db-button>
|
|
10
|
-
</db-tag>
|
|
11
|
-
<db-tag>
|
|
12
|
-
<db-link>Tag as Link</db-link>
|
|
13
|
-
</db-tag>
|
|
14
|
-
<db-tag>
|
|
15
|
-
<db-checkbox>Tag as Checkbox</db-checkbox>
|
|
16
|
-
</db-tag>
|
|
17
|
-
<db-tag>
|
|
18
|
-
<db-radio>Tag as Radio</db-radio>
|
|
19
|
-
</db-tag>
|
|
20
|
-
<db-tag>Static Tag</db-tag>
|
|
21
|
-
<h2>2. Overflow Example</h2>
|
|
22
|
-
<db-tag overflow={true}>
|
|
23
|
-
<span>Static Tag with overflow</span>
|
|
24
|
-
</db-tag>
|
|
25
|
-
<h2>3. Removable Tag</h2>
|
|
26
|
-
<db-tag
|
|
27
|
-
behavior="removable"
|
|
28
|
-
onRemove={() => console.log("Tag removed")}
|
|
29
|
-
>
|
|
30
|
-
Removable Tag
|
|
31
|
-
</db-tag>
|
|
32
|
-
<h2>4. Semantic Variants</h2>
|
|
33
|
-
<db-tag semantic="adaptive">Adaptive Tag</db-tag>
|
|
34
|
-
<db-tag semantic="neutral">Neutral Tag</db-tag>
|
|
35
|
-
<db-tag semantic="critical">Critical Tag</db-tag>
|
|
36
|
-
<db-tag semantic="informational">Informational Tag</db-tag>
|
|
37
|
-
<db-tag semantic="warning">Warning Tag</db-tag>
|
|
38
|
-
<db-tag semantic="successful">Successful Tag</db-tag>
|
|
39
|
-
<h2>5. Icon Support</h2>
|
|
40
|
-
<db-tag icon="user">Tag with Icon</db-tag>
|
|
41
|
-
```
|
package/agent/Textarea.md
DELETED
|
@@ -1,44 +0,0 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
# Textarea Examples (stencil)
|
|
4
|
-
|
|
5
|
-
```html
|
|
6
|
-
<h1>DBTextarea Documentation Examples</h1>
|
|
7
|
-
<h2>1. Default Textarea</h2>
|
|
8
|
-
<db-textarea label="Default Textarea"></db-textarea>
|
|
9
|
-
<h2>2. Resizable Variants</h2>
|
|
10
|
-
<db-textarea resize="none" label="No Resize"></db-textarea>
|
|
11
|
-
<db-textarea resize="both" label="Resize Both"></db-textarea>
|
|
12
|
-
<db-textarea
|
|
13
|
-
resize="horizontal"
|
|
14
|
-
label="Resize Horizontal"
|
|
15
|
-
></db-textarea>
|
|
16
|
-
<db-textarea resize="vertical" label="Resize Vertical"></db-textarea>
|
|
17
|
-
<h2>3. Rows and Columns</h2>
|
|
18
|
-
<db-textarea
|
|
19
|
-
label="Custom Rows and Columns"
|
|
20
|
-
rows={5}
|
|
21
|
-
cols={30}
|
|
22
|
-
></db-textarea>
|
|
23
|
-
<h2>4. Wrap Variants</h2>
|
|
24
|
-
<db-textarea wrap="hard" label="Hard Wrap"></db-textarea>
|
|
25
|
-
<db-textarea wrap="soft" label="Soft Wrap"></db-textarea>
|
|
26
|
-
<db-textarea wrap="off" label="No Wrap"></db-textarea>
|
|
27
|
-
<h2>5. Disabled State</h2>
|
|
28
|
-
<db-textarea label="Disabled Textarea" disabled={true}></db-textarea>
|
|
29
|
-
<h2>6. Placeholder Examples</h2>
|
|
30
|
-
<db-textarea
|
|
31
|
-
placeholder="Enter text here"
|
|
32
|
-
label="With Placeholder"
|
|
33
|
-
></db-textarea>
|
|
34
|
-
<h2>7. Message Property Example</h2>
|
|
35
|
-
<db-textarea
|
|
36
|
-
label="Textarea with Message"
|
|
37
|
-
message="This is a helper message."
|
|
38
|
-
></db-textarea>
|
|
39
|
-
<h2>8. Input Event Example</h2>
|
|
40
|
-
<db-textarea
|
|
41
|
-
label="Input Event"
|
|
42
|
-
onInput={(event) => console.log("Input event:", event.target.value)}
|
|
43
|
-
></db-textarea>
|
|
44
|
-
```
|
package/agent/Tooltip.md
DELETED
|
@@ -1,37 +0,0 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
# Tooltip Examples (stencil)
|
|
4
|
-
|
|
5
|
-
```html
|
|
6
|
-
<h1>DBTooltip Documentation Examples</h1>
|
|
7
|
-
<h2>1. Default Tooltip</h2>
|
|
8
|
-
<db-button>
|
|
9
|
-
Hover on me to open Tooltip
|
|
10
|
-
<db-tooltip>Tooltip</db-tooltip>
|
|
11
|
-
</db-button>
|
|
12
|
-
<h2>2. Tooltip Variants</h2>
|
|
13
|
-
<db-button>
|
|
14
|
-
Description Tooltip
|
|
15
|
-
<db-tooltip variant="description">
|
|
16
|
-
Description Tooltip Content
|
|
17
|
-
</db-tooltip>
|
|
18
|
-
</db-button>
|
|
19
|
-
<db-button>
|
|
20
|
-
Label Tooltip
|
|
21
|
-
<db-tooltip variant="label">Label Tooltip Content</db-tooltip>
|
|
22
|
-
</db-button>
|
|
23
|
-
<h2>3. Tooltip with Arrow</h2>
|
|
24
|
-
<db-button>
|
|
25
|
-
Tooltip with Arrow
|
|
26
|
-
<db-tooltip showArrow={true}>Tooltip Content with Arrow</db-tooltip>
|
|
27
|
-
</db-button>
|
|
28
|
-
<h2>4. Placement Variants</h2>
|
|
29
|
-
<db-button>
|
|
30
|
-
Top Placement
|
|
31
|
-
<db-tooltip placement="top">Tooltip Content at Top</db-tooltip>
|
|
32
|
-
</db-button>
|
|
33
|
-
<db-button>
|
|
34
|
-
Bottom Placement
|
|
35
|
-
<db-tooltip placement="bottom">Tooltip Content at Bottom</db-tooltip>
|
|
36
|
-
</db-button>
|
|
37
|
-
```
|
package/agent/_instructions.md
DELETED
|
@@ -1,31 +0,0 @@
|
|
|
1
|
-
- Use "@db-ux/wc-core-components" as import for components:
|
|
2
|
-
- use for `DBDrawer` or `Drawer` the file __agent-path__/agent/Drawer.md
|
|
3
|
-
- use for `DBTooltip` or `Tooltip` the file __agent-path__/agent/Tooltip.md
|
|
4
|
-
- use for `DBTextarea` or `Textarea` the file __agent-path__/agent/Textarea.md
|
|
5
|
-
- use for `DBTag` or `Tag` the file __agent-path__/agent/Tag.md
|
|
6
|
-
- use for `DBTabs` or `Tabs` the file __agent-path__/agent/Tabs.md
|
|
7
|
-
- use for `DBTabItem` or `TabItem` the file __agent-path__/agent/TabItem.md
|
|
8
|
-
- use for `DBSwitch` or `Switch` the file __agent-path__/agent/Switch.md
|
|
9
|
-
- use for `DBStack` or `Stack` the file __agent-path__/agent/Stack.md
|
|
10
|
-
- use for `DBSelect` or `Select` the file __agent-path__/agent/Select.md
|
|
11
|
-
- use for `DBSection` or `Section` the file __agent-path__/agent/Section.md
|
|
12
|
-
- use for `DBRadio` or `Radio` the file __agent-path__/agent/Radio.md
|
|
13
|
-
- use for `DBPopover` or `Popover` the file __agent-path__/agent/Popover.md
|
|
14
|
-
- use for `DBPage` or `Page` the file __agent-path__/agent/Page.md
|
|
15
|
-
- use for `DBNotification` or `Notification` the file __agent-path__/agent/Notification.md
|
|
16
|
-
- use for `DBNavigationItem` or `NavigationItem` the file __agent-path__/agent/NavigationItem.md
|
|
17
|
-
- use for `DBNavigation` or `Navigation` the file __agent-path__/agent/Navigation.md
|
|
18
|
-
- use for `DBLink` or `Link` the file __agent-path__/agent/Link.md
|
|
19
|
-
- use for `DBInput` or `Input` the file __agent-path__/agent/Input.md
|
|
20
|
-
- use for `DBInfotext` or `Infotext` the file __agent-path__/agent/Infotext.md
|
|
21
|
-
- use for `DBIcon` or `Icon` the file __agent-path__/agent/Icon.md
|
|
22
|
-
- use for `DBHeader` or `Header` the file __agent-path__/agent/Header.md
|
|
23
|
-
- use for `DBDivider` or `Divider` the file __agent-path__/agent/Divider.md
|
|
24
|
-
- use for `DBCustomSelect` or `CustomSelect` the file __agent-path__/agent/CustomSelect.md
|
|
25
|
-
- use for `DBCheckbox` or `Checkbox` the file __agent-path__/agent/Checkbox.md
|
|
26
|
-
- use for `DBCard` or `Card` the file __agent-path__/agent/Card.md
|
|
27
|
-
- use for `DBButton` or `Button` the file __agent-path__/agent/Button.md
|
|
28
|
-
- use for `DBBrand` or `Brand` the file __agent-path__/agent/Brand.md
|
|
29
|
-
- use for `DBBadge` or `Badge` the file __agent-path__/agent/Badge.md
|
|
30
|
-
- use for `DBAccordionItem` or `AccordionItem` the file __agent-path__/agent/AccordionItem.md
|
|
31
|
-
- use for `DBAccordion` or `Accordion` the file __agent-path__/agent/Accordion.md
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as t,c as s,h as i}from"./p-Crtu1dn6.js";import{g as e,c as a}from"./p-C4x0SOcx.js";const h=class{constructor(i){t(this,i),this.toggle=s(this,"toggle"),this._open=!1,this._name=void 0,this.initialized=!1}handleNameAttribute(){if(this._ref){const t=this._ref.setAttribute;this._ref.setAttribute=(s,i)=>{t.call(this._ref,s,i),"name"===s&&(this._name=i)}}}handleToggle(t){null==t||t.preventDefault();const s=!this._open;this.toggle&&this.toggle.emit(s),this._open=s}enableAttributePassing(t,s){const i=null==t?void 0:t.closest(s);if(t&&i){const s=i.attributes;for(let e=0;e<s.length;e++){const a=s.item(e);if(a&&"data-density"!==a.name&&(a.name.startsWith("data-")||a.name.startsWith("aria-")))t.setAttribute(a.name,a.value),i.removeAttribute(a.name);else if(a&&"data-density"!==a.name&&"class"!==a.name&&"style"===a.name)t.setAttribute(a.name,a.value),i.removeAttribute(a.name);else if(a&&"class"===a.name){const s=a.value.includes("hydrated"),e=a.value.replace("hydrated","").trim(),h=t.getAttribute("class");t.setAttribute(a.name,`${h?`${h} `:""}${e}`),s?i.setAttribute("class","hydrated"):i.removeAttribute(a.name)}}}}watch0Fn(){}watch0(){this.watch0Fn()}watch1Fn(){this.name&&(this._name=this.name)}watch1(){this.watch1Fn()}componentDidLoad(){this.enableAttributePassing(this._ref,"db-accordion-item"),this.defaultOpen&&(this._open=this.defaultOpen),this.initialized=!0,this.watch0Fn(),this.watch1Fn()}render(){return i("li",{key:"3d451c7de0d3bbc3638c70a2955c450ff014ac9c",class:a("db-accordion-item",this.className),id:this.id},i("details",{key:"15e159f6dc3f0e08dce955d088b6cce4b3899125","aria-disabled":e(this.disabled),ref:t=>{this._ref=t},name:this._name,open:this._open},i("summary",{key:"d8338436859a61a032b5ec779c249e4af58689eb",onClick:t=>this.handleToggle(t)},this.headlinePlain?this.headlinePlain:null,this.headlinePlain?null:i("slot",{name:"headline"})),i("div",{key:"de1fbd85cf4ccc2e3ee0aa87d0232292f25376cc"},this.text?this.text:i("slot",null))))}static get watchers(){return{_ref:[{watch0:0}],initialized:[{watch0:0}],name:[{watch1:0}]}}};export{h as db_accordion_item}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as t,c as s,h as i}from"./p-Crtu1dn6.js";import{g as a,e as d,c as e}from"./p-C4x0SOcx.js";const n=class{constructor(i){t(this,i),this.click=s(this,"click")}getButtonType(){return this.type?this.type:this.click?"button":"submit"}enableAttributePassing(t,s){const i=null==t?void 0:t.closest(s);if(t&&i){const s=i.attributes;for(let a=0;a<s.length;a++){const d=s.item(a);if(d&&"data-density"!==d.name&&(d.name.startsWith("data-")||d.name.startsWith("aria-")))t.setAttribute(d.name,d.value),i.removeAttribute(d.name);else if(d&&"data-density"!==d.name&&"class"!==d.name&&"style"===d.name)t.setAttribute(d.name,d.value),i.removeAttribute(d.name);else if(d&&"class"===d.name){const s=d.value.includes("hydrated"),a=d.value.replace("hydrated","").trim(),e=t.getAttribute("class");t.setAttribute(d.name,`${e?`${e} `:""}${a}`),s?i.setAttribute("class","hydrated"):i.removeAttribute(d.name)}}}}componentDidLoad(){this.enableAttributePassing(this._ref,"db-button")}render(){var t,s;return i("button",{key:"952146baca92fb27e48b5369b9aed2ca5ef0e057",class:e("db-button",this.className),ref:t=>{this._ref=t},id:this.id,type:this.getButtonType(),disabled:d(this.disabled,"disabled"),"data-icon":null!==(t=this.iconLeading)&&void 0!==t?t:this.icon,"data-show-icon":a(null!==(s=this.showIconLeading)&&void 0!==s?s:this.showIcon),"data-icon-trailing":this.iconTrailing,"data-show-icon-trailing":a(this.showIconTrailing),"data-size":this.size,"data-width":this.width,"data-variant":this.variant,"data-no-text":a(this.noText),name:this.name,form:this.form,value:this.value},this.text?this.text:i("slot",null))}};export{n as db_button}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as t,h as s}from"./p-Crtu1dn6.js";import{g as a,c as i}from"./p-C4x0SOcx.js";const e=class{constructor(s){t(this,s)}enableAttributePassing(t,s){const a=null==t?void 0:t.closest(s);if(t&&a){const s=a.attributes;for(let i=0;i<s.length;i++){const e=s.item(i);if(e&&"data-density"!==e.name&&(e.name.startsWith("data-")||e.name.startsWith("aria-")))t.setAttribute(e.name,e.value),a.removeAttribute(e.name);else if(e&&"data-density"!==e.name&&"class"!==e.name&&"style"===e.name)t.setAttribute(e.name,e.value),a.removeAttribute(e.name);else if(e&&"class"===e.name){const s=e.value.includes("hydrated"),i=e.value.replace("hydrated","").trim(),r=t.getAttribute("class");t.setAttribute(e.name,`${r?`${r} `:""}${i}`),s?a.setAttribute("class","hydrated"):a.removeAttribute(e.name)}}}}componentDidLoad(){this.enableAttributePassing(this._ref,"db-link")}render(){var t,e;return s("a",{key:"edcb3906d31ba5f0387137f96343d61559f553aa",class:i("db-link",this.className),ref:t=>{this._ref=t},id:this.id,href:this.href,target:this.target,rel:this.rel,role:this.role,referrerPolicy:null!==(t=this.referrerpolicy)&&void 0!==t?t:this.referrerPolicy,hrefLang:this.hreflang,"aria-disabled":a(this.disabled),tabIndex:this.disabled?-1:0,"data-size":this.size,"data-show-icon-trailing":a(null===(e=this.showIcon)||void 0===e||e),"data-variant":this.variant,"data-content":this.content||"internal","data-wrap":a(this.wrap)},this.text?this.text:s("slot",null))}};export{e as db_link}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as t,h as s,c as i}from"./p-Crtu1dn6.js";import{c as a,e as h,g as e,h as d,d as l,s as o,i as c,u as n,k as r,f as u,j as b,b as f,l as v}from"./p-C4x0SOcx.js";import{l as m,g as y,h as p,j as g,f as k,k as w,b as x,a as $,m as _}from"./p-BdL-nI5y.js";import{c as C}from"./p-CAEpg8tJ.js";const F=class{constructor(s){t(this,s),this.width="fixed"}enableAttributePassing(t,s){const i=null==t?void 0:t.closest(s);if(t&&i){const s=i.attributes;for(let a=0;a<s.length;a++){const h=s.item(a);if(h&&"data-density"!==h.name&&(h.name.startsWith("data-")||h.name.startsWith("aria-")))t.setAttribute(h.name,h.value),i.removeAttribute(h.name);else if(h&&"data-density"!==h.name&&"class"!==h.name&&"style"===h.name)t.setAttribute(h.name,h.value),i.removeAttribute(h.name);else if(h&&"class"===h.name){const s=h.value.includes("hydrated"),a=h.value.replace("hydrated","").trim(),e=t.getAttribute("class");t.setAttribute(h.name,`${e?`${e} `:""}${a}`),s?i.setAttribute("class","hydrated"):i.removeAttribute(h.name)}}}}componentDidLoad(){this.enableAttributePassing(this._ref,"db-custom-select-dropdown")}render(){return s("article",{key:"ac22786c8688e2f979e626155cb8dea54a5380b7",class:a("db-custom-select-dropdown db-card",this.className),"data-spacing":"none",ref:t=>{this._ref=t},id:this.id,"data-width":this.width},s("slot",{key:"2257275bfc7a9f75e944d61e8afc7493770478b5"}))}},L=class{constructor(s){t(this,s)}enableAttributePassing(t,s){const i=null==t?void 0:t.closest(s);if(t&&i){const s=i.attributes;for(let a=0;a<s.length;a++){const h=s.item(a);if(h&&"data-density"!==h.name&&(h.name.startsWith("data-")||h.name.startsWith("aria-")))t.setAttribute(h.name,h.value),i.removeAttribute(h.name);else if(h&&"data-density"!==h.name&&"class"!==h.name&&"style"===h.name)t.setAttribute(h.name,h.value),i.removeAttribute(h.name);else if(h&&"class"===h.name){const s=h.value.includes("hydrated"),a=h.value.replace("hydrated","").trim(),e=t.getAttribute("class");t.setAttribute(h.name,`${e?`${e} `:""}${a}`),s?i.setAttribute("class","hydrated"):i.removeAttribute(h.name)}}}}componentDidLoad(){this.enableAttributePassing(this._ref,"db-custom-select-list")}render(){return s("div",{key:"5f26917a02c72091c5d2c0a21a04b2f45b983b35",class:a("db-custom-select-list",this.className),role:this.multiple?"group":"radiogroup","aria-label":this.label,ref:t=>{this._ref=t},id:this.id},s("ul",{key:"5eaa90fa614daa186d2b10064066e2cc030da8eb"},s("slot",{key:"15289fd4ac602d6f182fb112f66e716e56f79101"})))}},A=class{constructor(s){t(this,s),this.change=i(this,"change"),this.hasDivider=!1}handleChange(t){t.stopPropagation(),this.change&&this.change.emit(t)}getIconTrailing(){if(!this.isGroupTitle&&"checkbox"!==this.type)return h(this.checked,"checked")?"check":"x_placeholder"}enableAttributePassing(t,s){const i=null==t?void 0:t.closest(s);if(t&&i){const s=i.attributes;for(let a=0;a<s.length;a++){const h=s.item(a);if(h&&"data-density"!==h.name&&(h.name.startsWith("data-")||h.name.startsWith("aria-")))t.setAttribute(h.name,h.value),i.removeAttribute(h.name);else if(h&&"data-density"!==h.name&&"class"!==h.name&&"style"===h.name)t.setAttribute(h.name,h.value),i.removeAttribute(h.name);else if(h&&"class"===h.name){const s=h.value.includes("hydrated"),a=h.value.replace("hydrated","").trim(),e=t.getAttribute("class");t.setAttribute(h.name,`${e?`${e} `:""}${a}`),s?i.setAttribute("class","hydrated"):i.removeAttribute(h.name)}}}}watch0Fn(){this.hasDivider=Boolean(this.isGroupTitle||this.showDivider)}watch0(){this.watch0Fn()}componentDidLoad(){this.enableAttributePassing(this._ref,"db-custom-select-list-item"),this.watch0Fn()}render(){return s("li",{key:"fd25b48f61d95cc1c81526edf9413aef628f7472",class:a("db-custom-select-list-item",this.className,{"db-checkbox":"checkbox"===this.type&&!this.isGroupTitle,"db-radio":"checkbox"!==this.type&&!this.isGroupTitle}),ref:t=>{this._ref=t},id:this.id,"data-divider":e(this.hasDivider)},this.isGroupTitle?s("span",null,this.groupTitle):s("label",{"data-icon":"checkbox"!==this.type&&this.icon?this.icon:void 0,"data-show-icon":e(this.showIcon),"data-icon-trailing":this.getIconTrailing()},s("input",{class:"db-custom-select-list-item-checkbox","data-disable-focus":"true",type:this.type,name:this.name,form:this.name,checked:h(this.checked,"checked"),disabled:h(this.disabled,"disabled"),value:this.value,onChange:t=>this.handleChange(t)}),this.label?this.label:s("slot",null)))}static get watchers(){return{isGroupTitle:[{watch0:0}],showDivider:[{watch0:0}]}}},D=class{constructor(s){t(this,s),this.input=i(this,"input"),this.change=i(this,"change"),this.blur=i(this,"blur"),this.focus=i(this,"focus"),this._id=void 0,this._messageId=void 0,this._validMessageId=void 0,this._invalidMessageId=void 0,this._invalidMessage=void 0,this._dataListId=void 0,this._descByIds=void 0,this._value="",this._voiceOverFallback="",this.abortController=void 0}hasValidState(){var t;return!!(null!==(t=this.validMessage)&&void 0!==t?t:"valid"===this.validation)}handleValidation(){var t,s,i,a;(null===(t=this._ref)||void 0===t?void 0:t.validity.valid)&&"invalid"!==this.validation?this.hasValidState()&&(null===(i=this._ref)||void 0===i?void 0:i.validity.valid)&&(this.required||this.minLength||this.maxLength||this.pattern)?(this._descByIds=this._validMessageId,d()&&(this._voiceOverFallback=null!==(a=this.validMessage)&&void 0!==a?a:w,l((()=>this._voiceOverFallback=""),1e3))):this._descByIds=o(this.message,this.showMessage)?this._messageId:void 0:(this._descByIds=this._invalidMessageId,this._invalidMessage=this.invalidMessage||(null===(s=this._ref)||void 0===s?void 0:s.validationMessage)||m,d()&&(this._voiceOverFallback=this._invalidMessage,l((()=>this._voiceOverFallback=""),1e3)))}handleInput(t,s){this.input&&this.input.emit(t),this.handleValidation()}handleChange(t,s){this.change&&this.change.emit(t),this.handleValidation()}handleBlur(t){this.blur&&this.blur.emit(t)}handleFocus(t){this.focus&&this.focus.emit(t)}getDataList(){const t=this.dataList;return Array.from((c(t)?null==t?void 0:t.map((t=>({value:t,label:void 0}))):t)||[])}enableAttributePassing(t,s){const i=null==t?void 0:t.closest(s);if(t&&i){const s=i.attributes;for(let a=0;a<s.length;a++){const h=s.item(a);if(h&&"data-density"!==h.name&&(h.name.startsWith("data-")||h.name.startsWith("aria-")))t.setAttribute(h.name,h.value),i.removeAttribute(h.name);else if(h&&"data-density"!==h.name&&"class"!==h.name&&"style"===h.name)t.setAttribute(h.name,h.value),i.removeAttribute(h.name);else if(h&&"class"===h.name){const s=h.value.includes("hydrated"),a=h.value.replace("hydrated","").trim(),e=t.getAttribute("class");t.setAttribute(h.name,`${e?`${e} `:""}${a}`),s?i.setAttribute("class","hydrated"):i.removeAttribute(h.name)}}}}watch0Fn(){var t;this._invalidMessage=this.invalidMessage||(null===(t=this._ref)||void 0===t?void 0:t.validationMessage)||m}watch0(){this.watch0Fn()}watch1Fn(){var t;if(this._id){const s=this._id+k;this._messageId=s,this._validMessageId=this._id+y,this._invalidMessageId=this._id+p,this._dataListId=null!==(t=this.dataListId)&&void 0!==t?t:this._id+g,o(this.message,this.showMessage)&&(this._descByIds=s),this.handleValidation()}}watch1(){this.watch1Fn()}watch2Fn(){void 0!==this.value&&(this._value=this.value)}watch2(){this.watch2Fn()}watch3Fn(){if(this._ref){const t=void 0;let s=this.abortController;s||(s=new AbortController,this.abortController=s),C(this._ref,{value:this.value,defaultValue:t},(t=>{this.handleChange(t,!0),this.handleInput(t,!0)}),s.signal)}}watch3(){this.watch3Fn()}componentDidLoad(){var t;this.enableAttributePassing(this._ref,"db-input");const s=null!==(t=this.id)&&void 0!==t?t:`input-${n()}`;this._id=s,this._messageId=s+k,this._validMessageId=s+y,this._invalidMessageId=s+p,this._dataListId=s+g,this._invalidMessage=this.invalidMessage||m,this.watch0Fn(),this.watch1Fn(),this.watch2Fn(),this.watch3Fn()}disconnectedCallback(){var t;null===(t=this.abortController)||void 0===t||t.abort()}render(){var t,i,d,l,c,n,m,y;return s("div",{key:"394d66670226d01b6f790d13bdbc8eb00fb376ca",class:a("db-input",this.className),"data-variant":this.variant,"data-hide-label":v(this.showLabel),"data-show-icon":e(null!==(t=this.showIconLeading)&&void 0!==t?t:this.showIcon),"data-icon":null!==(i=this.iconLeading)&&void 0!==i?i:this.icon,"data-icon-trailing":this.iconTrailing,"data-hide-asterisk":v(this.showRequiredAsterisk),"data-show-icon-trailing":e(this.showIconTrailing)},s("label",{key:"981344e97a91cb8c369587870e532af85fcb29c3",htmlFor:this._id},null!==(d=this.label)&&void 0!==d?d:$),s("input",{key:"e7536b30d16211cc3842e7dd6e74bffe5749685f","aria-invalid":"invalid"===this.validation,"data-custom-validity":this.validation,"data-field-sizing":this.fieldSizing,ref:t=>{this._ref=t},id:this._id,name:this.name,type:this.type||"text",multiple:h(this.multiple,"multiple"),accept:this.accept,placeholder:null!==(l=this.placeholder)&&void 0!==l?l:x,disabled:h(this.disabled,"disabled"),required:h(this.required,"required"),step:b(this.step),value:null!==(c=this.value)&&void 0!==c?c:this._value,maxLength:u(this.maxLength,this.maxlength),minLength:u(this.minLength,this.minlength),max:r(this.max,this.type),min:r(this.min,this.type),readOnly:h(this.readOnly,"readOnly")||h(this.readonly,"readonly"),form:this.form,pattern:this.pattern,size:this.size,autoComplete:this.autocomplete,autoFocus:h(this.autofocus,"autofocus"),enterKeyHint:this.enterkeyhint,inputMode:this.inputmode,onInput:t=>this.handleInput(t),onChange:t=>this.handleChange(t),onBlur:t=>this.handleBlur(t),onFocus:t=>this.handleFocus(t),list:this.dataList&&this._dataListId,"aria-describedby":null!==(n=this.ariaDescribedBy)&&void 0!==n?n:this._descByIds,role:["datetime-local","date","time","week","month","color"].includes(null!==(m=this.type)&&void 0!==m?m:"")&&f()?"textbox":void 0}),this.dataList?s("datalist",{id:this._dataListId},null===(y=this.getDataList())||void 0===y?void 0:y.map((t=>s("option",{key:this._dataListId+"-option-"+t.value,value:t.value},t.label)))):null,s("slot",{key:"f5e0e8f70ab5b9ad772f38fdc8d4124e0a77faeb"}),o(this.message,this.showMessage)?s("db-infotext",{size:this.messageSize||"small",icon:this.messageIcon,id:this._messageId},this.message):null,this.hasValidState()?s("db-infotext",{semantic:"successful",id:this._validMessageId,size:this.validMessageSize||"small"},this.validMessage||w):null,s("db-infotext",{key:"ffb47610dff1d37759eda1f9a5022bbabbe2a7a4",semantic:"critical",id:this._invalidMessageId,size:this.invalidMessageSize||"small"},this._invalidMessage),s("span",{key:"102226d02f55e79a6e3af37899544545da43a98b","data-visually-hidden":"true",role:"status"},this._voiceOverFallback))}static get watchers(){return{_ref:[{watch0:0},{watch3:0}],invalidMessage:[{watch0:0}],_id:[{watch1:0}],value:[{watch2:0}]}}},j=class{constructor(s){t(this,s),this.remove=i(this,"remove")}handleRemove(t){t&&(t.stopPropagation(),this.remove&&this.remove.emit(t))}getRemoveButtonText(){return this.removeButton?this.removeButton:_}enableAttributePassing(t,s){const i=null==t?void 0:t.closest(s);if(t&&i){const s=i.attributes;for(let a=0;a<s.length;a++){const h=s.item(a);if(h&&"data-density"!==h.name&&(h.name.startsWith("data-")||h.name.startsWith("aria-")))t.setAttribute(h.name,h.value),i.removeAttribute(h.name);else if(h&&"data-density"!==h.name&&"class"!==h.name&&"style"===h.name)t.setAttribute(h.name,h.value),i.removeAttribute(h.name);else if(h&&"class"===h.name){const s=h.value.includes("hydrated"),a=h.value.replace("hydrated","").trim(),e=t.getAttribute("class");t.setAttribute(h.name,`${e?`${e} `:""}${a}`),s?i.setAttribute("class","hydrated"):i.removeAttribute(h.name)}}}}componentDidLoad(){this.enableAttributePassing(this._ref,"db-tag")}render(){var t;return s("div",{key:"c0f6907ce1246c8047c5af115a093ecaa4032a55",class:a("db-tag",this.className),ref:t=>{this._ref=t},id:this.id,"data-semantic":this.semantic,"data-emphasis":this.emphasis,"data-icon":this.icon,"data-show-check-state":e(null===(t=this.showCheckState)||void 0===t||t),"data-show-icon":e(this.showIcon),"data-no-text":e(this.noText),"data-overflow":e(this.overflow)},s("slot",{key:"c5e244aebde8e2fa54bcd61e66d69559a607a952",name:"content"}),s("slot",{key:"7356f14f2c11b4180f1f59ef8bd5a4e0dffb9d9c"}),this.text?this.text:null,"removable"===this.behavior?s("button",{class:"db-button db-tab-remove-button","data-icon":"cross","data-size":"small","data-no-text":"true","data-variant":"ghost",type:"button",onClick:t=>this.handleRemove(t)},s("db-tooltip",{variant:"label"},this.getRemoveButtonText())):null)}};export{F as db_custom_select_dropdown,L as db_custom_select_list,A as db_custom_select_list_item,D as db_input,j as db_tag}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as t,c as s,h as i}from"./p-Crtu1dn6.js";import{u as h,e as a,l as e,c,d}from"./p-C4x0SOcx.js";import{b as r}from"./p-CAEpg8tJ.js";const l=class{constructor(i){t(this,i),this.input=s(this,"input"),this.change=s(this,"change"),this.blur=s(this,"blur"),this.focus=s(this,"focus"),this.initialized=!1,this._id=void 0,this.abortController=void 0}handleInput(t,s){this.input&&this.input.emit(t)}handleChange(t,s){this.change&&this.change.emit(t)}handleBlur(t){this.blur&&this.blur.emit(t)}handleFocus(t){this.focus&&this.focus.emit(t)}enableAttributePassing(t,s){const i=null==t?void 0:t.closest(s);if(t&&i){const s=i.attributes;for(let h=0;h<s.length;h++){const a=s.item(h);if(a&&"data-density"!==a.name&&(a.name.startsWith("data-")||a.name.startsWith("aria-")))t.setAttribute(a.name,a.value),i.removeAttribute(a.name);else if(a&&"data-density"!==a.name&&"class"!==a.name&&"style"===a.name)t.setAttribute(a.name,a.value),i.removeAttribute(a.name);else if(a&&"class"===a.name){const s=a.value.includes("hydrated"),h=a.value.replace("hydrated","").trim(),e=t.getAttribute("class");t.setAttribute(a.name,`${e?`${e} `:""}${h}`),s?i.setAttribute("class","hydrated"):i.removeAttribute(a.name)}}}}watch0Fn(){this.checked&&this.initialized&&this._ref&&(this._ref.checked=!0)}watch0(){this.watch0Fn()}watch1Fn(){if(this._ref){let t=this.abortController;t||(t=new AbortController,this.abortController=t),r(this._ref,(t=>{d((()=>{const s=this.checked?this.checked:this._ref.checked,i=Object.assign(Object.assign({},t),{target:Object.assign(Object.assign({},t.target),{value:"",checked:s})});this.handleChange(i,!0),this.handleInput(i,!0)}),1)}),t.signal)}}watch1(){this.watch1Fn()}componentDidLoad(){var t;this.enableAttributePassing(this._ref,"db-radio"),this.initialized=!0,this._id=null!==(t=this.id)&&void 0!==t?t:`radio-${h()}`,this.watch0Fn(),this.watch1Fn()}disconnectedCallback(){var t;null===(t=this.abortController)||void 0===t||t.abort()}render(){return i("label",{key:"998fcc7e72f405047969e91d70e4093c4fb7a923",class:c("db-radio",this.className),"data-size":this.size,"data-hide-label":e(this.showLabel),"data-hide-asterisk":e(this.showRequiredAsterisk),htmlFor:this._id},i("input",{key:"fc200290758670942c7aa3b584c9cc49cc9faa37",type:"radio","aria-invalid":"invalid"===this.validation,"data-custom-validity":this.validation,ref:t=>{this._ref=t},id:this._id,name:this.name,checked:a(this.checked,"checked"),disabled:a(this.disabled,"disabled"),value:this.value,required:a(this.required,"required"),onInput:t=>this.handleInput(t),onChange:t=>this.handleChange(t),onBlur:t=>this.handleBlur(t),onFocus:t=>this.handleFocus(t)}),this.label?this.label:i("slot",null))}static get watchers(){return{initialized:[{watch0:0}],_ref:[{watch0:0},{watch1:0}],checked:[{watch0:0}]}}};export{l as db_radio}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as s,c as t,h as a}from"./p-Crtu1dn6.js";import{c as i}from"./p-C4x0SOcx.js";const e=class{constructor(a){s(this,a),this.click=t(this,"click")}handleClick(s){this.click&&this.click.emit(s)}enableAttributePassing(s,t){const a=null==s?void 0:s.closest(t);if(s&&a){const t=a.attributes;for(let i=0;i<t.length;i++){const e=t.item(i);if(e&&"data-density"!==e.name&&(e.name.startsWith("data-")||e.name.startsWith("aria-")))s.setAttribute(e.name,e.value),a.removeAttribute(e.name);else if(e&&"data-density"!==e.name&&"class"!==e.name&&"style"===e.name)s.setAttribute(e.name,e.value),a.removeAttribute(e.name);else if(e&&"class"===e.name){const t=e.value.includes("hydrated"),i=e.value.replace("hydrated","").trim(),c=s.getAttribute("class");s.setAttribute(e.name,`${c?`${c} `:""}${i}`),t?a.setAttribute("class","hydrated"):a.removeAttribute(e.name)}}}}componentDidLoad(){this.enableAttributePassing(this._ref,"db-card")}render(){return a("div",{key:"bd0f8bb8e254da7ac028b05ca73329189111c4a1",class:i("db-card",this.className),ref:s=>{this._ref=s},id:this.id,"data-behavior":this.behavior,"data-elevation-level":this.elevationLevel,"data-spacing":this.spacing,onClick:s=>this.handleClick(s)},a("slot",{key:"1ccf3a3ec5e169032692bd47443e36ae11592ab4"}))}};export{e as db_card}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as t,c as i,h as s}from"./p-Crtu1dn6.js";import{l as h,g as a,h as e,f as d,k as l,b as n,r as o,a as c}from"./p-BdL-nI5y.js";import{h as r,d as u,s as v,u as f,f as b,e as m,l as p,c as y}from"./p-C4x0SOcx.js";import{c as w}from"./p-CAEpg8tJ.js";const x=class{constructor(s){t(this,s),this.input=i(this,"input"),this.change=i(this,"change"),this.blur=i(this,"blur"),this.focus=i(this,"focus"),this._id=void 0,this._messageId=void 0,this._validMessageId=void 0,this._invalidMessageId=void 0,this._invalidMessage=void 0,this._descByIds=void 0,this._value="",this._voiceOverFallback="",this.abortController=void 0}hasValidState(){var t;return!!(null!==(t=this.validMessage)&&void 0!==t?t:"valid"===this.validation)}handleValidation(){var t,i,s,a;(null===(t=this._ref)||void 0===t?void 0:t.validity.valid)&&"invalid"!==this.validation?this.hasValidState()&&(null===(s=this._ref)||void 0===s?void 0:s.validity.valid)&&(this.required||this.minLength||this.maxLength)?(this._descByIds=this._validMessageId,r()&&(this._voiceOverFallback=null!==(a=this.validMessage)&&void 0!==a?a:l,u((()=>this._voiceOverFallback=""),1e3))):this._descByIds=v(this.message,this.showMessage)?this._messageId:void 0:(this._descByIds=this._invalidMessageId,this._invalidMessage=this.invalidMessage||(null===(i=this._ref)||void 0===i?void 0:i.validationMessage)||h,r()&&(this._voiceOverFallback=this._invalidMessage,u((()=>this._voiceOverFallback=""),1e3)))}handleInput(t,i){this.input&&this.input.emit(t),this.handleValidation()}handleChange(t,i){this.change&&this.change.emit(t),this.handleValidation()}handleBlur(t){this.blur&&this.blur.emit(t)}handleFocus(t){this.focus&&this.focus.emit(t)}enableAttributePassing(t,i){const s=null==t?void 0:t.closest(i);if(t&&s){const i=s.attributes;for(let h=0;h<i.length;h++){const a=i.item(h);if(a&&"data-density"!==a.name&&(a.name.startsWith("data-")||a.name.startsWith("aria-")))t.setAttribute(a.name,a.value),s.removeAttribute(a.name);else if(a&&"data-density"!==a.name&&"class"!==a.name&&"style"===a.name)t.setAttribute(a.name,a.value),s.removeAttribute(a.name);else if(a&&"class"===a.name){const i=a.value.includes("hydrated"),h=a.value.replace("hydrated","").trim(),e=t.getAttribute("class");t.setAttribute(a.name,`${e?`${e} `:""}${h}`),i?s.setAttribute("class","hydrated"):s.removeAttribute(a.name)}}}}watch0Fn(){var t;this._invalidMessage=this.invalidMessage||(null===(t=this._ref)||void 0===t?void 0:t.validationMessage)||h}watch0(){this.watch0Fn()}watch1Fn(){if(this._id){const t=this._id+d;this._messageId=t,this._validMessageId=this._id+a,this._invalidMessageId=this._id+e,v(this.message,this.showMessage)&&(this._descByIds=t),this.handleValidation()}}watch1(){this.watch1Fn()}watch2Fn(){void 0!==this.value&&(this._value=this.value)}watch2(){this.watch2Fn()}watch3Fn(){if(this._ref){const t=void 0;let i=this.abortController;i||(i=new AbortController,this.abortController=i),w(this._ref,{value:this.value,defaultValue:t},(t=>{this.handleChange(t,!0),this.handleInput(t,!0)}),i.signal)}}watch3(){this.watch3Fn()}componentDidLoad(){var t;this.enableAttributePassing(this._ref,"db-textarea");const i=null!==(t=this.id)&&void 0!==t?t:`textarea-${f()}`;this._id=i,this._messageId=i+d,this._validMessageId=i+a,this._invalidMessageId=i+e,this._invalidMessage=this.invalidMessage||h,this.watch0Fn(),this.watch1Fn(),this.watch2Fn(),this.watch3Fn()}disconnectedCallback(){var t;null===(t=this.abortController)||void 0===t||t.abort()}render(){var t,i,h,a,e;return s("div",{key:"c5a0b30d63e913e519eda3d1a4f2358260ee78bc",class:y("db-textarea",this.className),"data-variant":this.variant,"data-hide-asterisk":p(this.showRequiredAsterisk),"data-hide-label":p(this.showLabel)},s("label",{key:"bc06e336ede0361cfea4dede668ce4a9d51db8d5",htmlFor:this._id},null!==(t=this.label)&&void 0!==t?t:c),s("textarea",{key:"c578a2d86b8146c6b063038110c3b946196192cc","aria-invalid":"invalid"===this.validation,"data-custom-validity":this.validation,"data-field-sizing":this.fieldSizing,ref:t=>{this._ref=t},id:this._id,"data-resize":this.resize,"data-hide-resizer":p(null===(i=this.showResizer)||void 0===i||i),disabled:m(this.disabled,"disabled"),required:m(this.required,"required"),readOnly:m(this.readOnly,"readOnly")||m(this.readonly,"readonly"),form:this.form,maxLength:b(this.maxLength,this.maxlength),minLength:b(this.minLength,this.minlength),name:this.name,wrap:this.wrap,spellcheck:this.spellCheck,autocomplete:this.autocomplete,onInput:t=>this.handleInput(t),onChange:t=>this.handleChange(t),onBlur:t=>this.handleBlur(t),onFocus:t=>this.handleFocus(t),value:null!==(h=this.value)&&void 0!==h?h:this._value,"aria-describedby":null!==(a=this.ariaDescribedBy)&&void 0!==a?a:this._descByIds,placeholder:null!==(e=this.placeholder)&&void 0!==e?e:n,rows:b(this.rows,o),cols:b(this.cols)}),v(this.message,this.showMessage)?s("db-infotext",{size:"small",icon:this.messageIcon,id:this._messageId},this.message):null,this.hasValidState()?s("db-infotext",{size:"small",semantic:"successful",id:this._validMessageId},this.validMessage||l):null,s("db-infotext",{key:"7e4779a8d59cdf989d50efcb9327bb388afed965",size:"small",semantic:"critical",id:this._invalidMessageId},this._invalidMessage),s("span",{key:"c1dd840156dc108c653c0f0b6c7d4a8e4af5c8a0","data-visually-hidden":"true",role:"status"},this._voiceOverFallback))}static get watchers(){return{_ref:[{watch0:0},{watch3:0}],invalidMessage:[{watch0:0}],_id:[{watch1:0}],value:[{watch2:0}]}}};export{x as db_textarea}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as s,h as t}from"./p-Crtu1dn6.js";import{q as a}from"./p-BdL-nI5y.js";import{g as d,c as i}from"./p-C4x0SOcx.js";const e=class{constructor(t){s(this,t)}enableAttributePassing(s,t){const a=null==s?void 0:s.closest(t);if(s&&a){const t=a.attributes;for(let d=0;d<t.length;d++){const i=t.item(d);if(i&&"data-density"!==i.name&&(i.name.startsWith("data-")||i.name.startsWith("aria-")))s.setAttribute(i.name,i.value),a.removeAttribute(i.name);else if(i&&"data-density"!==i.name&&"class"!==i.name&&"style"===i.name)s.setAttribute(i.name,i.value),a.removeAttribute(i.name);else if(i&&"class"===i.name){const t=i.value.includes("hydrated"),d=i.value.replace("hydrated","").trim(),e=s.getAttribute("class");s.setAttribute(i.name,`${e?`${e} `:""}${d}`),t?a.setAttribute("class","hydrated"):a.removeAttribute(i.name)}}}}componentDidLoad(){this.enableAttributePassing(this._ref,"db-brand")}render(){var s;return t("div",{key:"0d5da13b94918698efe2d8bc1adbbe293403ee3b",class:i("db-brand",this.className),ref:s=>{this._ref=s},"data-icon":this.hideLogo?"none":null!==(s=this.icon)&&void 0!==s?s:a,"data-show-icon":d(this.showIcon),id:this.id},this.text?this.text:t("slot",null))}};export{e as db_brand}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as s,h as e}from"./p-Crtu1dn6.js";import{c as t}from"./p-C4x0SOcx.js";const a=class{constructor(e){s(this,e)}enableAttributePassing(s,e){const t=null==s?void 0:s.closest(e);if(s&&t){const e=t.attributes;for(let a=0;a<e.length;a++){const d=e.item(a);if(d&&"data-density"!==d.name&&(d.name.startsWith("data-")||d.name.startsWith("aria-")))s.setAttribute(d.name,d.value),t.removeAttribute(d.name);else if(d&&"data-density"!==d.name&&"class"!==d.name&&"style"===d.name)s.setAttribute(d.name,d.value),t.removeAttribute(d.name);else if(d&&"class"===d.name){const e=d.value.includes("hydrated"),a=d.value.replace("hydrated","").trim(),c=s.getAttribute("class");s.setAttribute(d.name,`${c?`${c} `:""}${a}`),e?t.setAttribute("class","hydrated"):t.removeAttribute(d.name)}}}}componentDidLoad(){this.enableAttributePassing(this._ref,"db-custom-select-form-field")}render(){return e("summary",{key:"4ade22e5e7d664747ba44a25cea8778ee76de2c0",class:t("db-custom-select-form-field",this.className),ref:s=>{this._ref=s},id:this.id},e("slot",{key:"457f965d451fcd6e03199b4273a2e0ebb6b85bb1"}))}};export{a as db_custom_select_form_field}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as i,c as t,h as s,F as a}from"./p-Crtu1dn6.js";import{n as h}from"./p-BdL-nI5y.js";import{d as n,e as o,g as d,c as e}from"./p-C4x0SOcx.js";import{N as l}from"./p-cNk4ImpW.js";import"./p-DfYL98sI.js";const r=class{constructor(s){i(this,s),this.click=t(this,"click"),this.initialized=!1,this.hasAreaPopup=!1,this.hasSubNavigation=!0,this.isSubNavigationExpanded=!1,this.autoClose=!1,this.navigationItemSafeTriangle=void 0}handleNavigationItemClick(i){var t;"A"===(null===(t=null==i?void 0:i.target)||void 0===t?void 0:t.nodeName)&&(this.autoClose=!0,n((()=>{this.autoClose=!1}),1e3))}handleClick(i){this.click&&(i.stopPropagation(),this.click.emit(i)),this.hasAreaPopup&&(this.isSubNavigationExpanded=!0)}handleBackClick(i){i.stopPropagation(),this.isSubNavigationExpanded=!1}enableAttributePassing(i,t){const s=null==i?void 0:i.closest(t);if(i&&s){const t=s.attributes;for(let a=0;a<t.length;a++){const h=t.item(a);if(h&&"data-density"!==h.name&&(h.name.startsWith("data-")||h.name.startsWith("aria-")))i.setAttribute(h.name,h.value),s.removeAttribute(h.name);else if(h&&"data-density"!==h.name&&"class"!==h.name&&"style"===h.name)i.setAttribute(h.name,h.value),s.removeAttribute(h.name);else if(h&&"class"===h.name){const t=h.value.includes("hydrated"),a=h.value.replace("hydrated","").trim(),n=i.getAttribute("class");i.setAttribute(h.name,`${n?`${n} `:""}${a}`),t?s.setAttribute("class","hydrated"):s.removeAttribute(h.name)}}}}watch0Fn(){void 0!==this.subNavigationExpanded&&(this.isSubNavigationExpanded=!!o(this.subNavigationExpanded,"subNavigationExpanded"))}watch0(){this.watch0Fn()}watch1Fn(){var i;if(this.initialized&&this._ref){const t=this._ref.querySelector("menu");t&&((null===(i=t.children)||void 0===i?void 0:i.length)>0?(this.hasAreaPopup=!0,this.navigationItemSafeTriangle||(this.navigationItemSafeTriangle=new l(this._ref,t))):this.hasSubNavigation=!1)}}watch1(){this.watch1Fn()}componentDidLoad(){this.enableAttributePassing(this._ref,"db-navigation-item"),this.initialized=!0,this.watch0Fn(),this.watch1Fn()}render(){var i;return s("li",{key:"3b363559d7b1b52c67f722164d7f5932f98d7d69",class:e("db-navigation-item",this.className),ref:i=>{this._ref=i},id:this.id,onMouseOver:()=>{var i;return null===(i=this.navigationItemSafeTriangle)||void 0===i?void 0:i.enableFollow()},onMouseLeave:()=>{var i;return null===(i=this.navigationItemSafeTriangle)||void 0===i?void 0:i.disableFollow()},onMouseMove:i=>{var t;return null===(t=this.navigationItemSafeTriangle)||void 0===t?void 0:t.followByMouseEvent(i)},"data-width":this.width,"data-icon":this.icon,"data-show-icon":d(this.showIcon),"data-active":this.active,"data-wrap":d(this.wrap),"aria-disabled":d(this.disabled)},this.hasSubNavigation?null:this.text?this.text:s("slot",null),this.hasSubNavigation?s(a,null,s("button",{class:"db-navigation-item-expand-button","aria-haspopup":this.hasAreaPopup,"aria-expanded":this.isSubNavigationExpanded,disabled:o(this.disabled,"disabled"),onClick:i=>this.handleClick(i)},this.text?this.text:s("slot",null)),s("menu",{class:"db-sub-navigation","data-force-close":this.autoClose,onClick:i=>this.handleNavigationItemClick(i)},this.hasAreaPopup?s("div",{class:"db-mobile-navigation-back"},s("db-button",{icon:"arrow_left",variant:"ghost",id:this.backButtonId,onClick:i=>this.handleBackClick(i)},null!==(i=this.backButtonText)&&void 0!==i?i:h)):null,s("slot",{name:"subNavigation"}))):null)}static get watchers(){return{subNavigationExpanded:[{watch0:0}],initialized:[{watch1:0}],_ref:[{watch1:0}]}}};export{r as db_navigation_item}
|