@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.
Files changed (283) hide show
  1. package/CHANGELOG.md +24 -0
  2. package/agent/.gitkeep +0 -0
  3. package/dist/cjs/db-accordion-item.cjs.entry.js +5 -4
  4. package/dist/cjs/db-accordion.cjs.entry.js +6 -6
  5. package/dist/cjs/db-badge.cjs.entry.js +5 -5
  6. package/dist/cjs/db-brand.cjs.entry.js +5 -5
  7. package/dist/cjs/db-button.cjs.entry.js +5 -5
  8. package/dist/cjs/db-card.cjs.entry.js +5 -4
  9. package/dist/cjs/db-checkbox.cjs.entry.js +53 -34
  10. package/dist/cjs/db-custom-button.cjs.entry.js +57 -0
  11. package/dist/cjs/db-custom-select-dropdown_5.cjs.entry.js +59 -37
  12. package/dist/cjs/db-custom-select-form-field.cjs.entry.js +5 -4
  13. package/dist/cjs/db-custom-select.cjs.entry.js +132 -109
  14. package/dist/cjs/db-divider.cjs.entry.js +5 -4
  15. package/dist/cjs/db-drawer.cjs.entry.js +6 -6
  16. package/dist/cjs/db-header.cjs.entry.js +7 -7
  17. package/dist/cjs/db-icon.cjs.entry.js +5 -4
  18. package/dist/cjs/db-infotext.cjs.entry.js +5 -5
  19. package/dist/cjs/db-link.cjs.entry.js +5 -5
  20. package/dist/cjs/db-navigation-item.cjs.entry.js +7 -7
  21. package/dist/cjs/db-navigation.cjs.entry.js +5 -4
  22. package/dist/cjs/db-notification.cjs.entry.js +6 -6
  23. package/dist/cjs/db-page.cjs.entry.js +5 -4
  24. package/dist/cjs/db-popover.cjs.entry.js +7 -7
  25. package/dist/cjs/db-radio.cjs.entry.js +33 -14
  26. package/dist/cjs/db-section.cjs.entry.js +5 -4
  27. package/dist/cjs/db-select.cjs.entry.js +48 -29
  28. package/dist/cjs/db-stack.cjs.entry.js +5 -4
  29. package/dist/cjs/db-switch.cjs.entry.js +58 -22
  30. package/dist/cjs/db-tab-item_3.cjs.entry.js +11 -9
  31. package/dist/cjs/db-tabs.cjs.entry.js +6 -6
  32. package/dist/cjs/db-textarea.cjs.entry.js +46 -27
  33. package/dist/cjs/db-tooltip.cjs.entry.js +17 -9
  34. package/dist/cjs/db-ux.cjs.js +3 -3
  35. package/dist/cjs/{document-click-listener-Bb3Tinb8.js → document-click-listener-B2-xKJv3.js} +1 -1
  36. package/dist/cjs/{document-scroll-listener-unypEU42.js → document-scroll-listener-ChQ7XZRk.js} +1 -1
  37. package/dist/cjs/{floating-components-pYaTeNhp.js → floating-components-DlstoCKH.js} +4 -0
  38. package/dist/cjs/{form-components-LsqVohyb.js → form-components-_ncB_U2D.js} +1 -1
  39. package/dist/cjs/{index-CsHqnQII.js → index-2_9ESkQu.js} +6 -7
  40. package/dist/cjs/{index-Bh5ovRL2.js → index-D_vrmAD6.js} +23 -14
  41. package/dist/cjs/index.cjs.js +5 -5
  42. package/dist/cjs/loader.cjs.js +2 -2
  43. package/dist/cjs/{navigation-BztJmEHf.js → navigation-Bah882nU.js} +1 -1
  44. package/dist/collection/collection-manifest.json +3 -1
  45. package/dist/collection/components/accordion/accordion.js +28 -4
  46. package/dist/collection/components/accordion-item/accordion-item.js +27 -2
  47. package/dist/collection/components/badge/badge.js +54 -4
  48. package/dist/collection/components/brand/brand.js +27 -3
  49. package/dist/collection/components/button/button.js +53 -3
  50. package/dist/collection/components/card/card.js +27 -2
  51. package/dist/collection/components/checkbox/checkbox.js +81 -38
  52. package/dist/collection/components/custom-button/custom-button.js +394 -0
  53. package/dist/collection/components/custom-button/index.js +2 -0
  54. package/dist/collection/components/custom-button/model.js +1 -0
  55. package/dist/collection/components/custom-select/custom-select.js +156 -109
  56. package/dist/collection/components/custom-select-dropdown/custom-select-dropdown.js +27 -2
  57. package/dist/collection/components/custom-select-form-field/custom-select-form-field.js +27 -2
  58. package/dist/collection/components/custom-select-list/custom-select-list.js +27 -2
  59. package/dist/collection/components/custom-select-list-item/custom-select-list-item.js +27 -2
  60. package/dist/collection/components/divider/divider.js +27 -2
  61. package/dist/collection/components/drawer/drawer.js +28 -4
  62. package/dist/collection/components/header/header.js +27 -3
  63. package/dist/collection/components/icon/icon.js +27 -2
  64. package/dist/collection/components/infotext/infotext.js +53 -3
  65. package/dist/collection/components/input/input.js +74 -31
  66. package/dist/collection/components/link/link.js +27 -3
  67. package/dist/collection/components/navigation/navigation.js +27 -2
  68. package/dist/collection/components/navigation-item/navigation-item.js +27 -3
  69. package/dist/collection/components/notification/notification.js +28 -4
  70. package/dist/collection/components/page/page.js +27 -2
  71. package/dist/collection/components/popover/popover.js +27 -3
  72. package/dist/collection/components/radio/radio.js +54 -11
  73. package/dist/collection/components/section/section.js +27 -2
  74. package/dist/collection/components/select/select.js +75 -32
  75. package/dist/collection/components/stack/stack.js +27 -2
  76. package/dist/collection/components/switch/switch.js +107 -45
  77. package/dist/collection/components/tab-item/tab-item.js +27 -3
  78. package/dist/collection/components/tab-list/tab-list.js +27 -2
  79. package/dist/collection/components/tab-panel/tab-panel.js +27 -2
  80. package/dist/collection/components/tabs/tabs.js +28 -4
  81. package/dist/collection/components/tag/tag.js +27 -3
  82. package/dist/collection/components/textarea/textarea.js +73 -30
  83. package/dist/collection/components/tooltip/tooltip.js +63 -5
  84. package/dist/collection/index.js +2 -0
  85. package/dist/collection/utils/floating-components.js +4 -0
  86. package/dist/collection/utils/index.js +6 -7
  87. package/dist/custom-elements.json +3692 -1698
  88. package/dist/db-ux/db-ux.esm.js +1 -1
  89. package/dist/db-ux/index.esm.js +1 -1
  90. package/dist/db-ux/p-043c407c.entry.js +1 -0
  91. package/dist/db-ux/p-0541c3c2.entry.js +1 -0
  92. package/dist/db-ux/p-074e4a43.entry.js +1 -0
  93. package/dist/db-ux/p-11251b99.entry.js +1 -0
  94. package/dist/db-ux/p-1c89f0fc.entry.js +1 -0
  95. package/dist/db-ux/p-213bfff6.entry.js +1 -0
  96. package/dist/db-ux/p-29442fd9.entry.js +1 -0
  97. package/dist/db-ux/p-2bce91e1.entry.js +1 -0
  98. package/dist/db-ux/p-32c4a1b5.entry.js +1 -0
  99. package/dist/db-ux/p-3e5be44c.entry.js +1 -0
  100. package/dist/db-ux/p-4cda36f1.entry.js +1 -0
  101. package/dist/db-ux/p-4cf64cbb.entry.js +1 -0
  102. package/dist/db-ux/p-5028b12e.entry.js +1 -0
  103. package/dist/db-ux/{p-b07122c4.entry.js → p-56af9177.entry.js} +1 -1
  104. package/dist/db-ux/{p-64264628.entry.js → p-587263ad.entry.js} +1 -1
  105. package/dist/db-ux/p-58f21c03.entry.js +1 -0
  106. package/dist/db-ux/{p-77150a25.entry.js → p-6b073570.entry.js} +1 -1
  107. package/dist/db-ux/p-745ccfb8.entry.js +1 -0
  108. package/dist/db-ux/p-836f0fef.entry.js +1 -0
  109. package/dist/db-ux/p-9a19e197.entry.js +1 -0
  110. package/dist/db-ux/p-9fb146d1.entry.js +1 -0
  111. package/dist/db-ux/p-BjIPMjCM.js +2 -0
  112. package/dist/db-ux/{p-cNk4ImpW.js → p-BuBrj57D.js} +1 -1
  113. package/dist/db-ux/p-CHLgQ9vn.js +1 -0
  114. package/dist/db-ux/{p-CAEpg8tJ.js → p-D5mInaY7.js} +1 -1
  115. package/dist/db-ux/p-DOPXnIzL.js +1 -0
  116. package/dist/db-ux/p-D_roHmuC.js +1 -0
  117. package/dist/db-ux/p-a34d2691.entry.js +1 -0
  118. package/dist/db-ux/p-c6f43506.entry.js +1 -0
  119. package/dist/db-ux/p-cdfaf027.entry.js +1 -0
  120. package/dist/db-ux/p-d186aef4.entry.js +1 -0
  121. package/dist/db-ux/p-dceb35a8.entry.js +1 -0
  122. package/dist/db-ux/p-e199b6f9.entry.js +1 -0
  123. package/dist/db-ux/p-e3664354.entry.js +1 -0
  124. package/dist/db-ux/p-ef034bba.entry.js +1 -0
  125. package/dist/db-ux/p-f0bc176a.entry.js +1 -0
  126. package/dist/db-ux/p-ff3866f3.entry.js +1 -0
  127. package/dist/db-ux/p-xkoBSP8R.js +1 -0
  128. package/dist/esm/db-accordion-item.entry.js +5 -4
  129. package/dist/esm/db-accordion.entry.js +6 -6
  130. package/dist/esm/db-badge.entry.js +5 -5
  131. package/dist/esm/db-brand.entry.js +5 -5
  132. package/dist/esm/db-button.entry.js +5 -5
  133. package/dist/esm/db-card.entry.js +5 -4
  134. package/dist/esm/db-checkbox.entry.js +54 -35
  135. package/dist/esm/db-custom-button.entry.js +55 -0
  136. package/dist/esm/db-custom-select-dropdown_5.entry.js +60 -38
  137. package/dist/esm/db-custom-select-form-field.entry.js +5 -4
  138. package/dist/esm/db-custom-select.entry.js +133 -110
  139. package/dist/esm/db-divider.entry.js +5 -4
  140. package/dist/esm/db-drawer.entry.js +6 -6
  141. package/dist/esm/db-header.entry.js +7 -7
  142. package/dist/esm/db-icon.entry.js +5 -4
  143. package/dist/esm/db-infotext.entry.js +5 -5
  144. package/dist/esm/db-link.entry.js +5 -5
  145. package/dist/esm/db-navigation-item.entry.js +7 -7
  146. package/dist/esm/db-navigation.entry.js +5 -4
  147. package/dist/esm/db-notification.entry.js +6 -6
  148. package/dist/esm/db-page.entry.js +5 -4
  149. package/dist/esm/db-popover.entry.js +7 -7
  150. package/dist/esm/db-radio.entry.js +33 -14
  151. package/dist/esm/db-section.entry.js +5 -4
  152. package/dist/esm/db-select.entry.js +49 -30
  153. package/dist/esm/db-stack.entry.js +5 -4
  154. package/dist/esm/db-switch.entry.js +58 -22
  155. package/dist/esm/db-tab-item_3.entry.js +11 -9
  156. package/dist/esm/db-tabs.entry.js +6 -6
  157. package/dist/esm/db-textarea.entry.js +47 -28
  158. package/dist/esm/db-tooltip.entry.js +17 -9
  159. package/dist/esm/db-ux.js +4 -4
  160. package/dist/esm/{document-click-listener-CmYoXpGE.js → document-click-listener-D7W_VE5O.js} +1 -1
  161. package/dist/esm/{document-scroll-listener-65bHuFAN.js → document-scroll-listener-DOBe3Oa9.js} +1 -1
  162. package/dist/esm/{floating-components-DfYL98sI.js → floating-components-DOPXnIzL.js} +4 -0
  163. package/dist/esm/{form-components-BLsiOrPI.js → form-components-D6LQfJvq.js} +1 -1
  164. package/dist/esm/{index-Crtu1dn6.js → index-BjIPMjCM.js} +23 -14
  165. package/dist/esm/{index-C4x0SOcx.js → index-xkoBSP8R.js} +6 -7
  166. package/dist/esm/index.js +5 -5
  167. package/dist/esm/loader.js +3 -3
  168. package/dist/esm/{navigation-DgsMCdfn.js → navigation-Jh6m0eMk.js} +1 -1
  169. package/dist/types/components/accordion/accordion.d.ts +1 -0
  170. package/dist/types/components/accordion-item/accordion-item.d.ts +1 -0
  171. package/dist/types/components/badge/badge.d.ts +2 -0
  172. package/dist/types/components/badge/model.d.ts +2 -2
  173. package/dist/types/components/brand/brand.d.ts +1 -0
  174. package/dist/types/components/button/button.d.ts +2 -0
  175. package/dist/types/components/button/model.d.ts +8 -10
  176. package/dist/types/components/card/card.d.ts +1 -0
  177. package/dist/types/components/checkbox/checkbox.d.ts +5 -1
  178. package/dist/types/components/custom-button/custom-button.d.ts +29 -0
  179. package/dist/types/components/custom-button/index.d.ts +2 -0
  180. package/dist/types/components/custom-button/model.d.ts +6 -0
  181. package/dist/types/components/custom-select/custom-select.d.ts +5 -1
  182. package/dist/types/components/custom-select-dropdown/custom-select-dropdown.d.ts +1 -0
  183. package/dist/types/components/custom-select-form-field/custom-select-form-field.d.ts +1 -0
  184. package/dist/types/components/custom-select-list/custom-select-list.d.ts +1 -0
  185. package/dist/types/components/custom-select-list-item/custom-select-list-item.d.ts +1 -0
  186. package/dist/types/components/divider/divider.d.ts +1 -0
  187. package/dist/types/components/drawer/drawer.d.ts +1 -0
  188. package/dist/types/components/header/header.d.ts +1 -0
  189. package/dist/types/components/icon/icon.d.ts +1 -0
  190. package/dist/types/components/infotext/infotext.d.ts +2 -0
  191. package/dist/types/components/infotext/model.d.ts +2 -2
  192. package/dist/types/components/input/input.d.ts +5 -1
  193. package/dist/types/components/link/link.d.ts +1 -0
  194. package/dist/types/components/navigation/navigation.d.ts +1 -0
  195. package/dist/types/components/navigation-item/navigation-item.d.ts +1 -0
  196. package/dist/types/components/notification/model.d.ts +2 -2
  197. package/dist/types/components/notification/notification.d.ts +1 -0
  198. package/dist/types/components/page/page.d.ts +1 -0
  199. package/dist/types/components/popover/popover.d.ts +1 -0
  200. package/dist/types/components/radio/radio.d.ts +4 -0
  201. package/dist/types/components/section/section.d.ts +1 -0
  202. package/dist/types/components/select/select.d.ts +5 -1
  203. package/dist/types/components/stack/stack.d.ts +1 -0
  204. package/dist/types/components/switch/switch.d.ts +7 -1
  205. package/dist/types/components/tab-item/tab-item.d.ts +1 -0
  206. package/dist/types/components/tab-list/tab-list.d.ts +1 -0
  207. package/dist/types/components/tab-panel/tab-panel.d.ts +1 -0
  208. package/dist/types/components/tabs/tabs.d.ts +1 -0
  209. package/dist/types/components/tag/model.d.ts +2 -6
  210. package/dist/types/components/tag/tag.d.ts +1 -0
  211. package/dist/types/components/textarea/textarea.d.ts +5 -1
  212. package/dist/types/components/tooltip/model.d.ts +3 -3
  213. package/dist/types/components/tooltip/tooltip.d.ts +3 -0
  214. package/dist/types/components.d.ts +145 -6
  215. package/dist/types/index.d.ts +2 -0
  216. package/dist/types/shared/model.d.ts +15 -1
  217. package/dist/types/stencil-public-runtime.d.ts +3 -1
  218. package/dist/vscode.html-custom-data.json +397 -85
  219. package/dist/web-types.json +730 -153
  220. package/package.json +4 -4
  221. package/agent/Accordion.md +0 -23
  222. package/agent/AccordionItem.md +0 -29
  223. package/agent/Badge.md +0 -32
  224. package/agent/Brand.md +0 -13
  225. package/agent/Button.md +0 -47
  226. package/agent/Card.md +0 -23
  227. package/agent/Checkbox.md +0 -41
  228. package/agent/CustomSelect.md +0 -54
  229. package/agent/Divider.md +0 -21
  230. package/agent/Drawer.md +0 -71
  231. package/agent/Header.md +0 -29
  232. package/agent/Icon.md +0 -20
  233. package/agent/Infotext.md +0 -25
  234. package/agent/Input.md +0 -48
  235. package/agent/Link.md +0 -52
  236. package/agent/Navigation.md +0 -19
  237. package/agent/NavigationItem.md +0 -29
  238. package/agent/Notification.md +0 -38
  239. package/agent/Page.md +0 -27
  240. package/agent/Popover.md +0 -52
  241. package/agent/Radio.md +0 -28
  242. package/agent/Section.md +0 -21
  243. package/agent/Select.md +0 -62
  244. package/agent/Stack.md +0 -35
  245. package/agent/Switch.md +0 -44
  246. package/agent/TabItem.md +0 -25
  247. package/agent/Tabs.md +0 -61
  248. package/agent/Tag.md +0 -41
  249. package/agent/Textarea.md +0 -44
  250. package/agent/Tooltip.md +0 -37
  251. package/agent/_instructions.md +0 -31
  252. package/dist/db-ux/p-1a72176e.entry.js +0 -1
  253. package/dist/db-ux/p-1b7f6a0b.entry.js +0 -1
  254. package/dist/db-ux/p-1da21066.entry.js +0 -1
  255. package/dist/db-ux/p-2d15e200.entry.js +0 -1
  256. package/dist/db-ux/p-312d52da.entry.js +0 -1
  257. package/dist/db-ux/p-3e6b86d6.entry.js +0 -1
  258. package/dist/db-ux/p-4aa16916.entry.js +0 -1
  259. package/dist/db-ux/p-4b69acea.entry.js +0 -1
  260. package/dist/db-ux/p-4cfff250.entry.js +0 -1
  261. package/dist/db-ux/p-5237e5d5.entry.js +0 -1
  262. package/dist/db-ux/p-5b1a0f0f.entry.js +0 -1
  263. package/dist/db-ux/p-5fa85b19.entry.js +0 -1
  264. package/dist/db-ux/p-7351b5ab.entry.js +0 -1
  265. package/dist/db-ux/p-7c6b7578.entry.js +0 -1
  266. package/dist/db-ux/p-828a77d8.entry.js +0 -1
  267. package/dist/db-ux/p-9b47dc80.entry.js +0 -1
  268. package/dist/db-ux/p-BhXdfCpU.js +0 -1
  269. package/dist/db-ux/p-C4x0SOcx.js +0 -1
  270. package/dist/db-ux/p-Crtu1dn6.js +0 -2
  271. package/dist/db-ux/p-DfYL98sI.js +0 -1
  272. package/dist/db-ux/p-RHqkTr-_.js +0 -1
  273. package/dist/db-ux/p-a3a8ce36.entry.js +0 -1
  274. package/dist/db-ux/p-aa0f7280.entry.js +0 -1
  275. package/dist/db-ux/p-b1fc0f4c.entry.js +0 -1
  276. package/dist/db-ux/p-c2624e1b.entry.js +0 -1
  277. package/dist/db-ux/p-c29d8e32.entry.js +0 -1
  278. package/dist/db-ux/p-cf50169a.entry.js +0 -1
  279. package/dist/db-ux/p-d4f3cfa2.entry.js +0 -1
  280. package/dist/db-ux/p-e05fee5a.entry.js +0 -1
  281. package/dist/db-ux/p-f40d2d61.entry.js +0 -1
  282. package/dist/db-ux/p-fcf8e274.entry.js +0 -1
  283. 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
- ```
@@ -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}