@db-ux/wc-core-components 4.12.0 → 4.13.0-shell-f221975

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 (548) hide show
  1. package/CHANGELOG.md +14 -0
  2. package/agent/ControlPanelBrand.md +9 -0
  3. package/agent/ControlPanelDesktop.md +46 -0
  4. package/agent/ControlPanelMeta.md +13 -0
  5. package/agent/ControlPanelMobile.md +37 -0
  6. package/agent/ControlPanelNavigation.md +19 -0
  7. package/agent/ControlPanelNavigationItem.md +33 -0
  8. package/agent/ControlPanelPrimaryActions.md +13 -0
  9. package/agent/ControlPanelSecondaryActions.md +19 -0
  10. package/agent/Drawer.md +0 -8
  11. package/agent/Shell.md +24 -0
  12. package/agent/ShellSubNavigation.md +6 -0
  13. package/agent/_instructions.md +11 -6
  14. package/bundle/db-accordion-item.js +1 -1
  15. package/bundle/db-accordion.js +1 -1
  16. package/bundle/db-badge.js +1 -1
  17. package/bundle/db-button.js +1 -1
  18. package/bundle/db-card.js +1 -1
  19. package/bundle/db-checkbox.js +1 -1
  20. package/bundle/db-control-panel-brand.d.ts +11 -0
  21. package/bundle/db-control-panel-brand.js +1 -0
  22. package/bundle/db-control-panel-desktop.d.ts +11 -0
  23. package/bundle/db-control-panel-desktop.js +1 -0
  24. package/bundle/db-control-panel-flat-icon.d.ts +11 -0
  25. package/bundle/db-control-panel-flat-icon.js +1 -0
  26. package/bundle/{db-navigation-item.d.ts → db-control-panel-meta.d.ts} +4 -4
  27. package/bundle/db-control-panel-meta.js +1 -0
  28. package/bundle/db-control-panel-mobile.d.ts +11 -0
  29. package/bundle/db-control-panel-mobile.js +1 -0
  30. package/bundle/db-control-panel-navigation-item-group.d.ts +11 -0
  31. package/bundle/db-control-panel-navigation-item-group.js +1 -0
  32. package/bundle/db-control-panel-navigation-item.d.ts +11 -0
  33. package/bundle/db-control-panel-navigation-item.js +1 -0
  34. package/bundle/db-control-panel-navigation.d.ts +11 -0
  35. package/bundle/db-control-panel-navigation.js +1 -0
  36. package/bundle/db-control-panel-primary-actions.d.ts +11 -0
  37. package/bundle/db-control-panel-primary-actions.js +1 -0
  38. package/bundle/db-control-panel-secondary-actions.d.ts +11 -0
  39. package/bundle/db-control-panel-secondary-actions.js +1 -0
  40. package/bundle/db-control-panel-skip-navigation.d.ts +11 -0
  41. package/bundle/db-control-panel-skip-navigation.js +1 -0
  42. package/bundle/db-custom-button.js +1 -1
  43. package/bundle/db-custom-select-dropdown.js +1 -1
  44. package/bundle/db-custom-select-form-field.js +1 -1
  45. package/bundle/db-custom-select-list-item.js +1 -1
  46. package/bundle/db-custom-select-list.js +1 -1
  47. package/bundle/db-custom-select.js +1 -1
  48. package/bundle/db-divider.js +1 -1
  49. package/bundle/{db-navigation.d.ts → db-drawer-footer.d.ts} +4 -4
  50. package/bundle/db-drawer-footer.js +1 -0
  51. package/bundle/{db-page.d.ts → db-drawer-header.d.ts} +4 -4
  52. package/bundle/db-drawer-header.js +1 -0
  53. package/bundle/db-drawer.js +1 -1
  54. package/bundle/db-icon.js +1 -1
  55. package/bundle/db-infotext.js +1 -1
  56. package/bundle/db-input.js +1 -1
  57. package/bundle/db-link.js +1 -1
  58. package/bundle/db-notification.js +1 -1
  59. package/bundle/db-popover.js +1 -1
  60. package/bundle/db-radio.js +1 -1
  61. package/bundle/db-section.js +1 -1
  62. package/bundle/db-select.js +1 -1
  63. package/bundle/{db-header.d.ts → db-shell-content.d.ts} +4 -4
  64. package/bundle/db-shell-content.js +1 -0
  65. package/bundle/db-shell-sub-navigation.d.ts +11 -0
  66. package/bundle/db-shell-sub-navigation.js +1 -0
  67. package/bundle/{db-brand.d.ts → db-shell.d.ts} +4 -4
  68. package/bundle/db-shell.js +1 -0
  69. package/bundle/db-stack.js +1 -1
  70. package/bundle/db-switch.js +1 -1
  71. package/bundle/db-tab-item.js +1 -1
  72. package/bundle/db-tab-list.js +1 -1
  73. package/bundle/db-tab-panel.js +1 -1
  74. package/bundle/db-table-body.js +1 -1
  75. package/bundle/db-table-caption.js +1 -1
  76. package/bundle/db-table-data-cell.js +1 -1
  77. package/bundle/db-table-footer.js +1 -1
  78. package/bundle/db-table-head.js +1 -1
  79. package/bundle/db-table-header-cell.js +1 -1
  80. package/bundle/db-table-row.js +1 -1
  81. package/bundle/db-table.js +1 -1
  82. package/bundle/db-tabs.js +1 -1
  83. package/bundle/db-tag.js +1 -1
  84. package/bundle/db-textarea.js +1 -1
  85. package/bundle/db-tooltip.js +1 -1
  86. package/bundle/index.js +1 -1
  87. package/bundle/p-6eFmbk2q.js +1 -0
  88. package/bundle/p-9FBjLlz8.js +1 -0
  89. package/bundle/p-B2-mqMAV.js +1 -0
  90. package/bundle/{p-G57oLrr4.js → p-B3HO0pCt.js} +1 -1
  91. package/bundle/p-B5p2TBcA.js +1 -0
  92. package/bundle/{p-BQov9sQb.js → p-BSn68Z6b.js} +1 -1
  93. package/bundle/p-BT3wZY6f.js +1 -0
  94. package/bundle/p-BWWm2aVB.js +1 -0
  95. package/bundle/{p-Cc5hdI0x.js → p-B_cQ652T.js} +1 -1
  96. package/bundle/{p-DcgghWWs.js → p-BbEdAR4o.js} +1 -1
  97. package/bundle/{p-C0JLpZ9Q.js → p-BtQh3jbl.js} +1 -1
  98. package/bundle/p-C3NPZvho.js +1 -0
  99. package/bundle/p-CGLknNHl.js +1 -0
  100. package/bundle/p-COv1iCFP.js +1 -0
  101. package/bundle/p-C_xaJ8Kg.js +1 -0
  102. package/bundle/p-CjeAJfEo.js +1 -0
  103. package/bundle/{p-to845Mg2.js → p-Cr4l4OlK.js} +1 -1
  104. package/bundle/p-CtoC6vGL.js +1 -0
  105. package/bundle/p-D2lYeElK.js +1 -0
  106. package/bundle/{p-BvgvWjGH.js → p-D9qEmJkQ.js} +1 -1
  107. package/bundle/p-DAr8BCe0.js +1 -0
  108. package/bundle/{p-CYYSsu3p.js → p-DEicAzan.js} +1 -1
  109. package/bundle/{p-C9llbu6g.js → p-DKhSQnne.js} +1 -1
  110. package/bundle/{p-BpO8Ok-r.js → p-DTmum76Y.js} +1 -1
  111. package/bundle/p-DtqySxCV.js +1 -0
  112. package/bundle/p-Nyi3Ccqz.js +1 -0
  113. package/bundle/p-V6Dppnfj.js +1 -0
  114. package/bundle/p-WOdZHiUh.js +1 -0
  115. package/bundle/p-_kvIQ0Iy.js +1 -0
  116. package/bundle/{p-fu0VCCbW.js → p-mf371GRo.js} +1 -1
  117. package/dist/cjs/{constants-bMY2_d8A.js → constants-BM1EltPT.js} +12 -3
  118. package/dist/cjs/db-accordion-item.cjs.entry.js +3 -3
  119. package/dist/cjs/db-accordion.cjs.entry.js +2 -2
  120. package/dist/cjs/db-badge.cjs.entry.js +4 -4
  121. package/dist/cjs/db-button.cjs.entry.js +6 -3
  122. package/dist/cjs/db-card.cjs.entry.js +3 -3
  123. package/dist/cjs/db-checkbox.cjs.entry.js +5 -5
  124. package/dist/cjs/{db-brand.cjs.entry.js → db-control-panel-brand.cjs.entry.js} +9 -10
  125. package/dist/cjs/db-control-panel-desktop.cjs.entry.js +148 -0
  126. package/dist/cjs/db-control-panel-flat-icon.cjs.entry.js +134 -0
  127. package/dist/cjs/{db-navigation.cjs.entry.js → db-control-panel-meta.cjs.entry.js} +8 -8
  128. package/dist/cjs/db-control-panel-mobile.cjs.entry.js +124 -0
  129. package/dist/cjs/db-control-panel-navigation-item-group.cjs.entry.js +420 -0
  130. package/dist/cjs/db-control-panel-navigation-item.cjs.entry.js +235 -0
  131. package/dist/cjs/db-control-panel-navigation.cjs.entry.js +579 -0
  132. package/dist/cjs/db-control-panel-primary-actions.cjs.entry.js +95 -0
  133. package/dist/cjs/db-control-panel-secondary-actions.cjs.entry.js +95 -0
  134. package/dist/cjs/db-control-panel-skip-navigation.cjs.entry.js +96 -0
  135. package/dist/cjs/db-custom-button.cjs.entry.js +3 -3
  136. package/dist/cjs/db-custom-select-dropdown_5.cjs.entry.js +14 -14
  137. package/dist/cjs/db-custom-select-form-field.cjs.entry.js +3 -3
  138. package/dist/cjs/db-custom-select.cjs.entry.js +50 -26
  139. package/dist/cjs/db-divider.cjs.entry.js +2 -2
  140. package/dist/cjs/db-drawer_3.cjs.entry.js +457 -0
  141. package/dist/cjs/db-icon.cjs.entry.js +3 -3
  142. package/dist/cjs/db-infotext.cjs.entry.js +3 -3
  143. package/dist/cjs/db-link_4.cjs.entry.js +12 -10
  144. package/dist/cjs/db-notification.cjs.entry.js +4 -4
  145. package/dist/cjs/db-popover.cjs.entry.js +50 -22
  146. package/dist/cjs/db-radio.cjs.entry.js +4 -4
  147. package/dist/cjs/db-section.cjs.entry.js +3 -3
  148. package/dist/cjs/db-select.cjs.entry.js +5 -5
  149. package/dist/cjs/db-shell-content.cjs.entry.js +97 -0
  150. package/dist/cjs/db-shell-sub-navigation.cjs.entry.js +110 -0
  151. package/dist/cjs/{db-page.cjs.entry.js → db-shell.cjs.entry.js} +16 -17
  152. package/dist/cjs/db-stack.cjs.entry.js +3 -3
  153. package/dist/cjs/db-switch.cjs.entry.js +5 -5
  154. package/dist/cjs/db-tab-item_3.cjs.entry.js +8 -8
  155. package/dist/cjs/db-table-body_3.cjs.entry.js +10 -10
  156. package/dist/cjs/db-table-caption.cjs.entry.js +4 -3
  157. package/dist/cjs/db-table.cjs.entry.js +4 -4
  158. package/dist/cjs/db-tabs.cjs.entry.js +23 -18
  159. package/dist/cjs/db-textarea.cjs.entry.js +5 -5
  160. package/dist/cjs/db-tooltip.cjs.entry.js +39 -26
  161. package/dist/cjs/db-ux.cjs.js +1 -1
  162. package/dist/cjs/{document-click-listener-DdNXbErU.js → document-click-listener-D_0Q6lvb.js} +5 -9
  163. package/dist/cjs/{document-scroll-listener-CvAZ6uPr.js → document-scroll-listener-CgyYRmvZ.js} +29 -9
  164. package/dist/cjs/{floating-components-DlstoCKH.js → floating-components-B3bpFI90.js} +193 -115
  165. package/dist/cjs/{form-components-CmQlkARp.js → form-components-XNiwIGq8.js} +1 -1
  166. package/dist/cjs/{index-spuu3sXz.js → index-Df-6pBQf.js} +41 -2
  167. package/dist/cjs/index.cjs.js +34 -17
  168. package/dist/cjs/intersection-observer-listener-DlrHabJb.js +41 -0
  169. package/dist/cjs/loader.cjs.js +1 -1
  170. package/dist/cjs/navigation-CHCtasZv.js +178 -0
  171. package/dist/cjs/resize-observer-listener-CmPDfoZs.js +103 -0
  172. package/dist/collection/collection-manifest.json +18 -7
  173. package/dist/collection/components/accordion/accordion.js +1 -1
  174. package/dist/collection/components/accordion/model.js +0 -1
  175. package/dist/collection/components/accordion-item/accordion-item.js +2 -2
  176. package/dist/collection/components/badge/badge.js +2 -2
  177. package/dist/collection/components/button/button.js +57 -2
  178. package/dist/collection/components/card/card.js +2 -2
  179. package/dist/collection/components/checkbox/checkbox.js +2 -2
  180. package/dist/collection/components/control-panel-brand/control-panel-brand.js +179 -0
  181. package/dist/collection/components/control-panel-brand/index.js +2 -0
  182. package/dist/collection/components/control-panel-desktop/control-panel-desktop.js +343 -0
  183. package/dist/collection/components/control-panel-desktop/index.js +2 -0
  184. package/dist/collection/components/control-panel-flat-icon/control-panel-flat-icon.js +246 -0
  185. package/dist/collection/components/control-panel-flat-icon/index.js +2 -0
  186. package/dist/collection/components/control-panel-meta/control-panel-meta.js +179 -0
  187. package/dist/collection/components/control-panel-meta/index.js +2 -0
  188. package/dist/collection/components/control-panel-mobile/control-panel-mobile.js +307 -0
  189. package/dist/collection/components/control-panel-mobile/index.js +2 -0
  190. package/dist/collection/components/control-panel-mobile/model.js +1 -0
  191. package/dist/collection/components/control-panel-navigation/control-panel-navigation.js +829 -0
  192. package/dist/collection/components/control-panel-navigation/index.js +2 -0
  193. package/dist/collection/components/control-panel-navigation/model.js +1 -0
  194. package/dist/collection/components/control-panel-navigation-item/control-panel-navigation-item.js +484 -0
  195. package/dist/collection/components/control-panel-navigation-item/index.js +2 -0
  196. package/dist/collection/components/control-panel-navigation-item/model.js +1 -0
  197. package/dist/collection/components/control-panel-navigation-item-group/control-panel-navigation-item-group.js +772 -0
  198. package/dist/collection/components/control-panel-navigation-item-group/index.js +2 -0
  199. package/dist/collection/components/control-panel-navigation-item-group/model.js +1 -0
  200. package/dist/collection/components/control-panel-primary-actions/control-panel-primary-actions.js +179 -0
  201. package/dist/collection/components/control-panel-primary-actions/index.js +2 -0
  202. package/dist/collection/components/control-panel-primary-actions/model.js +1 -0
  203. package/dist/collection/components/control-panel-secondary-actions/control-panel-secondary-actions.js +179 -0
  204. package/dist/collection/components/control-panel-secondary-actions/index.js +2 -0
  205. package/dist/collection/components/control-panel-secondary-actions/model.js +1 -0
  206. package/dist/collection/components/control-panel-skip-navigation/control-panel-skip-navigation.js +232 -0
  207. package/dist/collection/components/control-panel-skip-navigation/index.js +2 -0
  208. package/dist/collection/components/control-panel-skip-navigation/model.js +1 -0
  209. package/dist/collection/components/custom-button/custom-button.js +2 -2
  210. package/dist/collection/components/custom-select/custom-select.js +46 -21
  211. package/dist/collection/components/custom-select-dropdown/custom-select-dropdown.js +2 -2
  212. package/dist/collection/components/custom-select-form-field/custom-select-form-field.js +2 -2
  213. package/dist/collection/components/custom-select-list/custom-select-list.js +2 -2
  214. package/dist/collection/components/custom-select-list-item/custom-select-list-item.js +2 -2
  215. package/dist/collection/components/divider/divider.js +1 -1
  216. package/dist/collection/components/drawer/drawer.js +71 -75
  217. package/dist/collection/components/drawer/model.js +1 -0
  218. package/dist/collection/components/{navigation/navigation.js → drawer-footer/drawer-footer.js} +19 -19
  219. package/dist/collection/components/drawer-footer/index.js +2 -0
  220. package/dist/collection/components/drawer-footer/model.js +1 -0
  221. package/dist/collection/components/{brand/brand.js → drawer-header/drawer-header.js} +83 -79
  222. package/dist/collection/components/drawer-header/index.js +2 -0
  223. package/dist/collection/components/drawer-header/model.js +1 -0
  224. package/dist/collection/components/icon/icon.js +2 -2
  225. package/dist/collection/components/infotext/infotext.js +2 -2
  226. package/dist/collection/components/input/input.js +3 -3
  227. package/dist/collection/components/link/link.js +2 -2
  228. package/dist/collection/components/notification/notification.js +2 -2
  229. package/dist/collection/components/popover/popover.js +75 -46
  230. package/dist/collection/components/radio/radio.js +2 -2
  231. package/dist/collection/components/section/section.js +2 -2
  232. package/dist/collection/components/select/select.js +2 -2
  233. package/dist/collection/components/shell/index.js +2 -0
  234. package/dist/collection/components/shell/model.js +1 -0
  235. package/dist/collection/components/{header/header.js → shell/shell.js} +92 -143
  236. package/dist/collection/components/shell-content/index.js +2 -0
  237. package/dist/collection/components/shell-content/model.js +1 -0
  238. package/dist/collection/components/{page/page.js → shell-content/shell-content.js} +67 -86
  239. package/dist/collection/components/shell-sub-navigation/index.js +2 -0
  240. package/dist/collection/components/shell-sub-navigation/model.js +1 -0
  241. package/dist/collection/components/shell-sub-navigation/shell-sub-navigation.js +248 -0
  242. package/dist/collection/components/stack/stack.js +2 -2
  243. package/dist/collection/components/switch/switch.js +2 -2
  244. package/dist/collection/components/tab-item/tab-item.js +3 -3
  245. package/dist/collection/components/tab-list/tab-list.js +2 -2
  246. package/dist/collection/components/tab-panel/tab-panel.js +2 -2
  247. package/dist/collection/components/table/table.js +27 -3
  248. package/dist/collection/components/table-body/table-body.js +27 -3
  249. package/dist/collection/components/table-caption/table-caption.js +27 -2
  250. package/dist/collection/components/table-data-cell/table-data-cell.js +27 -2
  251. package/dist/collection/components/table-footer/table-footer.js +27 -3
  252. package/dist/collection/components/table-head/table-head.js +27 -3
  253. package/dist/collection/components/table-header-cell/table-header-cell.js +27 -2
  254. package/dist/collection/components/table-row/table-row.js +27 -3
  255. package/dist/collection/components/tabs/tabs.js +75 -18
  256. package/dist/collection/components/tag/tag.js +2 -2
  257. package/dist/collection/components/textarea/textarea.js +2 -2
  258. package/dist/collection/components/tooltip/tooltip.js +63 -49
  259. package/dist/collection/index.js +32 -10
  260. package/dist/collection/shared/constants.js +7 -2
  261. package/dist/collection/shared/model.js +4 -0
  262. package/dist/collection/utils/abstract-document-listener.js +23 -0
  263. package/dist/collection/utils/abstract-observer-listener.js +61 -0
  264. package/dist/collection/utils/document-click-listener.js +5 -9
  265. package/dist/collection/utils/document-scroll-listener.js +5 -9
  266. package/dist/collection/utils/floating-components.js +193 -115
  267. package/dist/collection/utils/index.js +40 -2
  268. package/dist/collection/utils/intersection-observer-listener.js +36 -0
  269. package/dist/collection/utils/navigation.js +113 -74
  270. package/dist/collection/utils/resize-observer-listener.js +36 -0
  271. package/dist/custom-elements.json +11897 -8400
  272. package/dist/db-ux/db-ux.esm.js +1 -1
  273. package/dist/db-ux/index.esm.js +1 -1
  274. package/dist/db-ux/{p-d9d006e7.entry.js → p-158c64e0.entry.js} +1 -1
  275. package/dist/db-ux/p-1fa944fd.entry.js +1 -0
  276. package/dist/db-ux/{p-a176424b.entry.js → p-2012c72a.entry.js} +1 -1
  277. package/dist/db-ux/p-234fee81.entry.js +1 -0
  278. package/dist/db-ux/{p-6b8375e8.entry.js → p-3566a5b2.entry.js} +1 -1
  279. package/dist/db-ux/p-3b61c223.entry.js +1 -0
  280. package/dist/db-ux/p-3d5fc4b6.entry.js +1 -0
  281. package/dist/db-ux/p-3e113cfe.entry.js +1 -0
  282. package/dist/db-ux/p-42644385.entry.js +1 -0
  283. package/dist/db-ux/p-42fd6a5c.entry.js +1 -0
  284. package/dist/db-ux/p-441d444e.entry.js +1 -0
  285. package/dist/db-ux/{p-a8556349.entry.js → p-4ecd501a.entry.js} +1 -1
  286. package/dist/db-ux/{p-77a47225.entry.js → p-53f827e1.entry.js} +1 -1
  287. package/dist/db-ux/{p-eedf08e0.entry.js → p-5696a8d3.entry.js} +1 -1
  288. package/dist/db-ux/p-56b2a25d.entry.js +1 -0
  289. package/dist/db-ux/{p-68f00121.entry.js → p-5a1a7588.entry.js} +1 -1
  290. package/dist/db-ux/p-5c5dce95.entry.js +1 -0
  291. package/dist/db-ux/p-5ce9ac6d.entry.js +1 -0
  292. package/dist/db-ux/{p-57527cef.entry.js → p-636e6a6d.entry.js} +1 -1
  293. package/dist/db-ux/p-6aac51bf.entry.js +1 -0
  294. package/dist/db-ux/p-6fc31876.entry.js +1 -0
  295. package/dist/db-ux/p-7d3541c6.entry.js +1 -0
  296. package/dist/db-ux/p-8f288b5e.entry.js +1 -0
  297. package/dist/db-ux/{p-37bf8d87.entry.js → p-9174a1f8.entry.js} +1 -1
  298. package/dist/db-ux/p-92d1d118.entry.js +1 -0
  299. package/dist/db-ux/p-94806e39.entry.js +1 -0
  300. package/dist/db-ux/p-95afbd4b.entry.js +1 -0
  301. package/dist/db-ux/p-BNNa1bIH.js +1 -0
  302. package/dist/db-ux/p-BT3wZY6f.js +1 -0
  303. package/dist/db-ux/p-Bs6e6rEa.js +1 -0
  304. package/dist/db-ux/p-Bu2uTpuB.js +1 -0
  305. package/dist/db-ux/p-CHtd83tf.js +1 -0
  306. package/dist/db-ux/p-COv1iCFP.js +1 -0
  307. package/dist/db-ux/p-D-LMtTru.js +1 -0
  308. package/dist/db-ux/p-DB8jc8lh.js +1 -0
  309. package/dist/db-ux/p-a2fd6f02.entry.js +1 -0
  310. package/dist/db-ux/p-a526be72.entry.js +1 -0
  311. package/dist/db-ux/{p-db1b9f5d.entry.js → p-aa0d6af7.entry.js} +1 -1
  312. package/dist/db-ux/p-ab2ca4f9.entry.js +1 -0
  313. package/dist/db-ux/p-b124f5d7.entry.js +1 -0
  314. package/dist/db-ux/p-b4069c07.entry.js +1 -0
  315. package/dist/db-ux/p-b90adbf2.entry.js +1 -0
  316. package/dist/db-ux/p-bbqCwwgU.js +1 -0
  317. package/dist/db-ux/p-c36731c4.entry.js +1 -0
  318. package/dist/db-ux/p-c6e965b9.entry.js +1 -0
  319. package/dist/db-ux/p-d0340bf6.entry.js +1 -0
  320. package/dist/db-ux/p-d354d861.entry.js +1 -0
  321. package/dist/db-ux/{p-6d41baf1.entry.js → p-d7ffa767.entry.js} +1 -1
  322. package/dist/db-ux/{p-70b6ebcd.entry.js → p-da34c367.entry.js} +1 -1
  323. package/dist/db-ux/{p-81edb316.entry.js → p-eb18be29.entry.js} +1 -1
  324. package/dist/db-ux/p-eee0f32c.entry.js +1 -0
  325. package/dist/db-ux/p-f1f23724.entry.js +1 -0
  326. package/dist/esm/{constants-BdL-nI5y.js → constants-COv1iCFP.js} +8 -3
  327. package/dist/esm/db-accordion-item.entry.js +3 -3
  328. package/dist/esm/db-accordion.entry.js +2 -2
  329. package/dist/esm/db-badge.entry.js +4 -4
  330. package/dist/esm/db-button.entry.js +6 -3
  331. package/dist/esm/db-card.entry.js +3 -3
  332. package/dist/esm/db-checkbox.entry.js +5 -5
  333. package/dist/esm/db-control-panel-brand.entry.js +93 -0
  334. package/dist/esm/db-control-panel-desktop.entry.js +146 -0
  335. package/dist/esm/db-control-panel-flat-icon.entry.js +132 -0
  336. package/dist/esm/{db-navigation.entry.js → db-control-panel-meta.entry.js} +8 -8
  337. package/dist/esm/db-control-panel-mobile.entry.js +122 -0
  338. package/dist/esm/db-control-panel-navigation-item-group.entry.js +418 -0
  339. package/dist/esm/db-control-panel-navigation-item.entry.js +233 -0
  340. package/dist/esm/db-control-panel-navigation.entry.js +577 -0
  341. package/dist/esm/db-control-panel-primary-actions.entry.js +93 -0
  342. package/dist/esm/db-control-panel-secondary-actions.entry.js +93 -0
  343. package/dist/esm/{db-brand.entry.js → db-control-panel-skip-navigation.entry.js} +9 -9
  344. package/dist/esm/db-custom-button.entry.js +3 -3
  345. package/dist/esm/db-custom-select-dropdown_5.entry.js +14 -14
  346. package/dist/esm/db-custom-select-form-field.entry.js +3 -3
  347. package/dist/esm/db-custom-select.entry.js +50 -26
  348. package/dist/esm/db-divider.entry.js +2 -2
  349. package/dist/esm/db-drawer_3.entry.js +453 -0
  350. package/dist/esm/db-icon.entry.js +3 -3
  351. package/dist/esm/db-infotext.entry.js +3 -3
  352. package/dist/esm/db-link_4.entry.js +12 -10
  353. package/dist/esm/db-notification.entry.js +4 -4
  354. package/dist/esm/db-popover.entry.js +50 -22
  355. package/dist/esm/db-radio.entry.js +4 -4
  356. package/dist/esm/db-section.entry.js +3 -3
  357. package/dist/esm/db-select.entry.js +5 -5
  358. package/dist/esm/db-shell-content.entry.js +95 -0
  359. package/dist/esm/db-shell-sub-navigation.entry.js +108 -0
  360. package/dist/esm/{db-page.entry.js → db-shell.entry.js} +16 -17
  361. package/dist/esm/db-stack.entry.js +3 -3
  362. package/dist/esm/db-switch.entry.js +5 -5
  363. package/dist/esm/db-tab-item_3.entry.js +8 -8
  364. package/dist/esm/db-table-body_3.entry.js +10 -10
  365. package/dist/esm/db-table-caption.entry.js +4 -3
  366. package/dist/esm/db-table.entry.js +4 -4
  367. package/dist/esm/db-tabs.entry.js +23 -18
  368. package/dist/esm/db-textarea.entry.js +5 -5
  369. package/dist/esm/db-tooltip.entry.js +39 -26
  370. package/dist/esm/db-ux.js +1 -1
  371. package/dist/esm/{document-click-listener-9wJfRcvz.js → document-click-listener-BEYsNvC5.js} +5 -9
  372. package/dist/esm/{document-scroll-listener-4F0ZAg9p.js → document-scroll-listener-B8lkAL-m.js} +29 -10
  373. package/dist/esm/{floating-components-DOPXnIzL.js → floating-components-BT3wZY6f.js} +194 -116
  374. package/dist/esm/{form-components-ZV7IN0oG.js → form-components-zJeL8XMn.js} +1 -1
  375. package/dist/esm/{index-fumiz06Y.js → index-DB8jc8lh.js} +41 -3
  376. package/dist/esm/index.js +17 -10
  377. package/dist/esm/intersection-observer-listener-DQ4WWSLe.js +39 -0
  378. package/dist/esm/loader.js +1 -1
  379. package/dist/esm/navigation-Cc_Ln-dl.js +174 -0
  380. package/dist/esm/resize-observer-listener-z8XjzxC9.js +100 -0
  381. package/dist/types/components/accordion/model.d.ts +2 -8
  382. package/dist/types/components/button/button.d.ts +2 -0
  383. package/dist/types/components/button/model.d.ts +8 -0
  384. package/dist/types/components/{brand/brand.d.ts → control-panel-brand/control-panel-brand.d.ts} +5 -9
  385. package/dist/types/components/control-panel-brand/index.d.ts +2 -0
  386. package/dist/types/components/control-panel-brand/model.d.ts +5 -0
  387. package/dist/types/components/control-panel-desktop/control-panel-desktop.d.ts +41 -0
  388. package/dist/types/components/control-panel-desktop/index.d.ts +2 -0
  389. package/dist/types/components/control-panel-desktop/model.d.ts +5 -0
  390. package/dist/types/components/{page/page.d.ts → control-panel-flat-icon/control-panel-flat-icon.d.ts} +10 -12
  391. package/dist/types/components/control-panel-flat-icon/index.d.ts +2 -0
  392. package/dist/types/components/control-panel-flat-icon/model.d.ts +12 -0
  393. package/dist/types/components/control-panel-meta/control-panel-meta.d.ts +23 -0
  394. package/dist/types/components/control-panel-meta/index.d.ts +2 -0
  395. package/dist/types/components/control-panel-meta/model.d.ts +5 -0
  396. package/dist/types/components/control-panel-mobile/control-panel-mobile.d.ts +36 -0
  397. package/dist/types/components/control-panel-mobile/index.d.ts +2 -0
  398. package/dist/types/components/control-panel-mobile/model.d.ts +21 -0
  399. package/dist/types/components/control-panel-navigation/control-panel-navigation.d.ts +54 -0
  400. package/dist/types/components/control-panel-navigation/index.d.ts +2 -0
  401. package/dist/types/components/control-panel-navigation/model.d.ts +25 -0
  402. package/dist/types/components/control-panel-navigation-item/control-panel-navigation-item.d.ts +42 -0
  403. package/dist/types/components/control-panel-navigation-item/index.d.ts +2 -0
  404. package/dist/types/components/control-panel-navigation-item/model.d.ts +20 -0
  405. package/dist/types/components/control-panel-navigation-item-group/control-panel-navigation-item-group.d.ts +74 -0
  406. package/dist/types/components/control-panel-navigation-item-group/index.d.ts +2 -0
  407. package/dist/types/components/control-panel-navigation-item-group/model.d.ts +44 -0
  408. package/dist/types/components/control-panel-primary-actions/control-panel-primary-actions.d.ts +23 -0
  409. package/dist/types/components/control-panel-primary-actions/index.d.ts +2 -0
  410. package/dist/types/components/control-panel-primary-actions/model.d.ts +5 -0
  411. package/dist/types/components/control-panel-secondary-actions/control-panel-secondary-actions.d.ts +23 -0
  412. package/dist/types/components/control-panel-secondary-actions/index.d.ts +2 -0
  413. package/dist/types/components/control-panel-secondary-actions/model.d.ts +5 -0
  414. package/dist/types/components/control-panel-skip-navigation/control-panel-skip-navigation.d.ts +25 -0
  415. package/dist/types/components/control-panel-skip-navigation/index.d.ts +2 -0
  416. package/dist/types/components/control-panel-skip-navigation/model.d.ts +16 -0
  417. package/dist/types/components/custom-select/custom-select.d.ts +2 -1
  418. package/dist/types/components/custom-select/model.d.ts +5 -1
  419. package/dist/types/components/drawer/drawer.d.ts +9 -6
  420. package/dist/types/components/drawer/model.d.ts +21 -3
  421. package/dist/types/components/{navigation/navigation.d.ts → drawer-footer/drawer-footer.d.ts} +5 -5
  422. package/dist/types/components/drawer-footer/index.d.ts +2 -0
  423. package/dist/types/components/drawer-footer/model.d.ts +5 -0
  424. package/dist/types/components/drawer-header/drawer-header.d.ts +30 -0
  425. package/dist/types/components/drawer-header/index.d.ts +2 -0
  426. package/dist/types/components/drawer-header/model.d.ts +9 -0
  427. package/dist/types/components/popover/popover.d.ts +3 -2
  428. package/dist/types/components/shell/index.d.ts +2 -0
  429. package/dist/types/components/shell/model.d.ts +34 -0
  430. package/dist/types/components/shell/shell.d.ts +30 -0
  431. package/dist/types/components/shell-content/index.d.ts +2 -0
  432. package/dist/types/components/shell-content/model.d.ts +28 -0
  433. package/dist/types/components/shell-content/shell-content.d.ts +28 -0
  434. package/dist/types/components/shell-sub-navigation/index.d.ts +2 -0
  435. package/dist/types/components/shell-sub-navigation/model.d.ts +5 -0
  436. package/dist/types/components/shell-sub-navigation/shell-sub-navigation.d.ts +29 -0
  437. package/dist/types/components/table/table.d.ts +1 -0
  438. package/dist/types/components/table-body/table-body.d.ts +1 -0
  439. package/dist/types/components/table-caption/table-caption.d.ts +1 -0
  440. package/dist/types/components/table-data-cell/table-data-cell.d.ts +1 -0
  441. package/dist/types/components/table-footer/table-footer.d.ts +1 -0
  442. package/dist/types/components/table-head/table-head.d.ts +1 -0
  443. package/dist/types/components/table-header-cell/table-header-cell.d.ts +1 -0
  444. package/dist/types/components/table-row/table-row.d.ts +1 -0
  445. package/dist/types/components/tabs/model.d.ts +4 -12
  446. package/dist/types/components/tabs/tabs.d.ts +3 -1
  447. package/dist/types/components/tooltip/tooltip.d.ts +3 -2
  448. package/dist/types/components.d.ts +621 -243
  449. package/dist/types/index.d.ts +32 -10
  450. package/dist/types/shared/constants.d.ts +44 -39
  451. package/dist/types/shared/figma.d.ts +11 -4
  452. package/dist/types/shared/model.d.ts +109 -7
  453. package/dist/types/utils/abstract-document-listener.d.ts +18 -0
  454. package/dist/types/utils/abstract-observer-listener.d.ts +39 -0
  455. package/dist/types/utils/document-click-listener.d.ts +3 -3
  456. package/dist/types/utils/document-scroll-listener.d.ts +3 -3
  457. package/dist/types/utils/floating-components.d.ts +29 -6
  458. package/dist/types/utils/index.d.ts +11 -0
  459. package/dist/types/utils/intersection-observer-listener.d.ts +15 -0
  460. package/dist/types/utils/navigation.d.ts +12 -11
  461. package/dist/types/utils/resize-observer-listener.d.ts +15 -0
  462. package/dist/vscode.html-custom-data.json +998 -540
  463. package/dist/web-types.json +2176 -1176
  464. package/package.json +5 -5
  465. package/agent/Brand.md +0 -13
  466. package/agent/Header.md +0 -29
  467. package/agent/Navigation.md +0 -19
  468. package/agent/NavigationItem.md +0 -29
  469. package/agent/Page.md +0 -27
  470. package/bundle/db-brand.js +0 -1
  471. package/bundle/db-header.js +0 -1
  472. package/bundle/db-navigation-item.js +0 -1
  473. package/bundle/db-navigation.js +0 -1
  474. package/bundle/db-page.js +0 -1
  475. package/bundle/p-2eQDIPlF.js +0 -1
  476. package/bundle/p-BdL-nI5y.js +0 -1
  477. package/bundle/p-BuBrj57D.js +0 -1
  478. package/bundle/p-C2w7ILj8.js +0 -1
  479. package/bundle/p-C47AKJPy.js +0 -1
  480. package/bundle/p-Cn5NdjPW.js +0 -1
  481. package/bundle/p-D6L0n3gO.js +0 -1
  482. package/bundle/p-DFypNnh0.js +0 -1
  483. package/bundle/p-DJTpgiBy.js +0 -1
  484. package/bundle/p-DOPXnIzL.js +0 -1
  485. package/bundle/p-DTM6Wcbf.js +0 -1
  486. package/bundle/p-DVuZmW_J.js +0 -1
  487. package/bundle/p-DW47OZNu.js +0 -1
  488. package/bundle/p-DiEfz0o1.js +0 -1
  489. package/bundle/p-n2qePi9e.js +0 -1
  490. package/dist/cjs/db-drawer.cjs.entry.js +0 -204
  491. package/dist/cjs/db-header.cjs.entry.js +0 -145
  492. package/dist/cjs/db-navigation-item.cjs.entry.js +0 -182
  493. package/dist/cjs/navigation-Bah882nU.js +0 -138
  494. package/dist/collection/components/brand/index.js +0 -2
  495. package/dist/collection/components/header/index.js +0 -2
  496. package/dist/collection/components/navigation/index.js +0 -2
  497. package/dist/collection/components/navigation-item/index.js +0 -2
  498. package/dist/collection/components/navigation-item/navigation-item.js +0 -577
  499. package/dist/collection/components/page/index.js +0 -2
  500. package/dist/collection/components/page/model.js +0 -2
  501. package/dist/db-ux/p-0758418a.entry.js +0 -1
  502. package/dist/db-ux/p-1e70d93f.entry.js +0 -1
  503. package/dist/db-ux/p-2c23efe2.entry.js +0 -1
  504. package/dist/db-ux/p-38c55e9c.entry.js +0 -1
  505. package/dist/db-ux/p-4a94fbc9.entry.js +0 -1
  506. package/dist/db-ux/p-5706f20a.entry.js +0 -1
  507. package/dist/db-ux/p-6ce4a109.entry.js +0 -1
  508. package/dist/db-ux/p-6fd70ba4.entry.js +0 -1
  509. package/dist/db-ux/p-6fdc00bd.entry.js +0 -1
  510. package/dist/db-ux/p-71399ee3.entry.js +0 -1
  511. package/dist/db-ux/p-88dcff6a.entry.js +0 -1
  512. package/dist/db-ux/p-90e9ec2d.entry.js +0 -1
  513. package/dist/db-ux/p-96978a7f.entry.js +0 -1
  514. package/dist/db-ux/p-BdL-nI5y.js +0 -1
  515. package/dist/db-ux/p-BihrW11j.js +0 -1
  516. package/dist/db-ux/p-BtImZ8Nt.js +0 -1
  517. package/dist/db-ux/p-BuBrj57D.js +0 -1
  518. package/dist/db-ux/p-DOPXnIzL.js +0 -1
  519. package/dist/db-ux/p-OOIf-5XP.js +0 -1
  520. package/dist/db-ux/p-a07e33e7.entry.js +0 -1
  521. package/dist/db-ux/p-a4fb4782.entry.js +0 -1
  522. package/dist/db-ux/p-bb5149a9.entry.js +0 -1
  523. package/dist/db-ux/p-e58fbd4d.entry.js +0 -1
  524. package/dist/db-ux/p-e66aa9d8.entry.js +0 -1
  525. package/dist/db-ux/p-ef63c591.entry.js +0 -1
  526. package/dist/db-ux/p-f0b5c785.entry.js +0 -1
  527. package/dist/db-ux/p-f964d5f5.entry.js +0 -1
  528. package/dist/db-ux/p-fumiz06Y.js +0 -1
  529. package/dist/esm/db-drawer.entry.js +0 -202
  530. package/dist/esm/db-header.entry.js +0 -143
  531. package/dist/esm/db-navigation-item.entry.js +0 -180
  532. package/dist/esm/navigation-Jh6m0eMk.js +0 -135
  533. package/dist/types/components/brand/index.d.ts +0 -2
  534. package/dist/types/components/brand/model.d.ts +0 -10
  535. package/dist/types/components/header/header.d.ts +0 -40
  536. package/dist/types/components/header/index.d.ts +0 -2
  537. package/dist/types/components/header/model.d.ts +0 -44
  538. package/dist/types/components/navigation/index.d.ts +0 -2
  539. package/dist/types/components/navigation/model.d.ts +0 -5
  540. package/dist/types/components/navigation-item/index.d.ts +0 -2
  541. package/dist/types/components/navigation-item/model.d.ts +0 -39
  542. package/dist/types/components/navigation-item/navigation-item.d.ts +0 -52
  543. package/dist/types/components/page/index.d.ts +0 -2
  544. package/dist/types/components/page/model.d.ts +0 -36
  545. /package/dist/collection/components/{brand → control-panel-brand}/model.js +0 -0
  546. /package/dist/collection/components/{header → control-panel-desktop}/model.js +0 -0
  547. /package/dist/collection/components/{navigation-item → control-panel-flat-icon}/model.js +0 -0
  548. /package/dist/collection/components/{navigation → control-panel-meta}/model.js +0 -0
@@ -0,0 +1 @@
1
+ import{z as t,H as i,l as s,A as e,k as a,d as o,t as n}from"./p-DEicAzan.js";import{d as h}from"./p-B5p2TBcA.js";const c=t(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this._tooltip=void 0,this._savedHref=void 0,this._role=void 0,this._attributeObserver=void 0,this.initialized=!1,this.observer=void 0}setupObserver(t){if(!t)return;const i=t.closest("db-control-panel-navigation-item");i&&!this.observer&&(this.observer=new MutationObserver((i=>{i.some((t=>{var i;const s=t.target.attributes.getNamedItem(null!==(i=t.attributeName)&&void 0!==i?i:"");return(null==s?void 0:s.value)!==t.oldValue}))&&this.enableAttributePassing(t,"db-control-panel-navigation-item")})),this.observer.observe(i,{attributes:!0,attributeOldValue:!0}))}enableAttributePassing(t,i){const s=null==t?void 0:t.closest(i);if(t&&s){const i=s.attributes;for(let e=0;e<i.length;e++){const a=i.item(e);if(a&&"data-density"!==a.name&&(a.name.startsWith("data-")||a.name.startsWith("aria-")))a.value?t.setAttribute(a.name,a.value):t.removeAttribute(a.name),s.removeAttribute(a.name);else if(a&&["style"].includes(a.name))t.setAttribute(a.name,a.value),s.removeAttribute(a.name);else if(a&&"class"===a.name){const i=a.value.includes("hydrated"),e=a.value.replace("hydrated","").trim(),o=t.getAttribute("class");t.setAttribute(a.name,`${o||""}${e?" "+e:""}`),i?s.setAttribute("class","hydrated"):s.removeAttribute(a.name)}}}}watch0Fn(){var t;if(!this.initialized||!this._ref||this._attributeObserver)return;const i=null!==(t=this._ref.getAttribute("role"))&&void 0!==t?t:void 0;i!==this._role&&(this._role=i);const s=new MutationObserver((t=>{var i;for(const s of t)if("role"===s.attributeName){const t=null!==(i=this._ref.getAttribute("role"))&&void 0!==i?i:void 0;t!==this._role&&(this._role=t)}}));s.observe(this._ref,{attributes:!0,attributeFilter:["role"]}),this._attributeObserver=s}watch0(){this.watch0Fn()}watch1Fn(){if(this.tooltip)this._tooltip=this.tooltip;else if(this.text)this._tooltip=this.text;else if(this._ref){const t=this._ref.querySelector("a");t&&(this._tooltip=t.textContent)}}watch1(){this.watch1Fn()}watch2Fn(){if(this._ref){const t=this._ref.querySelector("a");if(t)if(s(this.disabled,"disabled")){const i=t.getAttribute("href");null!==i&&(this._savedHref=i),t.removeAttribute("href"),t.setAttribute("tabindex","-1"),t.setAttribute("aria-disabled","true")}else this._savedHref&&(t.setAttribute("href",this._savedHref),this._savedHref=void 0),t.removeAttribute("tabindex"),t.removeAttribute("aria-disabled")}}watch2(){this.watch2Fn()}watch3Fn(){if(this._ref){const t=this._ref.querySelector("a");t&&(s(this.active,"active")?t.setAttribute("aria-current","page"):t.removeAttribute("aria-current"))}}watch3(){this.watch3Fn()}componentDidLoad(){if("undefined"!=typeof document&&this.rootElement&&this.rootElement.dataset.connect){const t=document.querySelector(`[data-connect-id="${this.rootElement.dataset.connect}"]`);t&&t.remove()}this.enableAttributePassing(this._ref,"db-control-panel-navigation-item"),(()=>{this.initialized=!0})(),(()=>{this.setupObserver(this._ref)})(),this.watch0Fn(),this.watch1Fn(),this.watch2Fn(),this.watch3Fn()}disconnectedCallback(){var t,i;null===(t=this._attributeObserver)||void 0===t||t.disconnect(),this._attributeObserver=void 0,null===(i=this.observer)||void 0===i||i.disconnect()}render(){var t,i;return e("li",{key:"d40d366963f26f7e2177be2ff983f4da93c72e31",class:o("db-control-panel-navigation-item",this.className),ref:t=>{this._ref=t},id:null!==(t=this.id)&&void 0!==t?t:null===(i=this.propOverrides)||void 0===i?void 0:i.id,role:this._role,"data-icon":this.icon,"data-show-icon":a(this.showIcon,"showIcon"),"data-active":a(this.active,"active"),"aria-disabled":a(this.disabled,"disabled")},this.text?this.text:null,e("slot",{key:"6ef0c277db4060d9f15e215b9aadb5cf4562e16f"}),e("div",{key:"71aa41994396e4253d30b50d693dd13f551f68c0",class:"db-control-panel-navigation-item-end-slot-container"},e("slot",{key:"4402ae9621bf2f7fe6fb7c476e3fe10a66822688",name:"endSlot"})),this._tooltip?e("db-tooltip",{placement:"right",delay:"slow"},this._tooltip):null)}get rootElement(){return this}static get watchers(){return{_ref:[{watch0:0},{watch1:0},{watch2:0},{watch3:0}],initialized:[{watch0:0}],tooltip:[{watch1:0}],text:[{watch1:0}],disabled:[{watch2:0}],active:[{watch3:0}]}}},[260,"db-control-panel-navigation-item",{tooltip:[1],text:[1],disabled:[8],active:[4],id:[1],propOverrides:[16],className:[1,"classname"],icon:[1],showIcon:[8,"show-icon"],_tooltip:[32],_savedHref:[32],_role:[32],_attributeObserver:[32],initialized:[32],observer:[32]},void 0,{_ref:[{watch0:0},{watch1:0},{watch2:0},{watch3:0}],initialized:[{watch0:0}],tooltip:[{watch1:0}],text:[{watch1:0}],disabled:[{watch2:0}],active:[{watch3:0}]}]),d=c,l=function(){"undefined"!=typeof customElements&&["db-control-panel-navigation-item","db-tooltip"].forEach((t=>{switch(t){case"db-control-panel-navigation-item":customElements.get(n(t))||customElements.define(n(t),c);break;case"db-tooltip":customElements.get(n(t))||h()}}))};export{d as DbControlPanelNavigationItem,l as defineCustomElement}
@@ -0,0 +1,11 @@
1
+ import type { Components, JSX } from "../dist/types/components";
2
+
3
+ interface DbControlPanelNavigation extends Components.DbControlPanelNavigation, HTMLElement {}
4
+ export const DbControlPanelNavigation: {
5
+ prototype: DbControlPanelNavigation;
6
+ new (): DbControlPanelNavigation;
7
+ };
8
+ /**
9
+ * Used to define this component and all nested components recursively.
10
+ */
11
+ export const defineCustomElement: () => void;
@@ -0,0 +1 @@
1
+ import{z as t,H as o,j as n,A as e,k as i,d as a,t as r}from"./p-DEicAzan.js";import{s as l,r as s}from"./p-COv1iCFP.js";import{h as c}from"./p-_kvIQ0Iy.js";import{R as d}from"./p-B2-mqMAV.js";import{d as u}from"./p-C3NPZvho.js";const h=t(class extends o{constructor(t){super(),!1!==t&&this.__registerHost(),this.behavior="multiple",this.showScrollLeft=!1,this.showScrollRight=!1,this._shellMobile=!1,this._shellDesktopPosition=void 0,this.initialized=!1,this._resizeObserverCallbackId=void 0,this._singleBehaviorObserver=void 0,this.observer=void 0}_setShellMobile(){this._shellMobile=n(this._ref,"--db-control-panel-sub-navigation-mobile")}_attachSingleBehaviorObserver(){if(!this.menuRef)return;let t=!1;const o=new MutationObserver((o=>{var n;if(!t)for(const e of o)if("attributes"===e.type&&"aria-expanded"===e.attributeName){const o=e.target,i=o.getAttribute("aria-expanded");if(i===e.oldValue||"true"!==i)continue;const a=o.closest(".db-control-panel-navigation-item-group"),r=null!==(n=null==a?void 0:a.closest("menu, .db-control-panel-navigation-item-group-menu"))&&void 0!==n?n:null==a?void 0:a.parentElement;if(r){const n=r.querySelectorAll(":scope > .db-control-panel-navigation-item-group > .db-control-panel-navigation-item-group-expand-button, :scope > db-control-panel-navigation-item-group > .db-control-panel-navigation-item-group > .db-control-panel-navigation-item-group-expand-button");t=!0;for(const t of Array.from(n))if(t!==o&&"true"===t.getAttribute("aria-expanded")){const o=t;"true"===o.dataset.isCollapsing?o.removeAttribute("data-is-collapsing"):(o.dataset.isCollapsing="true",o.dispatchEvent(new MouseEvent("click",{bubbles:!1,cancelable:!0})))}t=!1}}})),n=this.menuRef.querySelectorAll(".db-control-panel-navigation-item-group-expand-button");for(const t of Array.from(n))o.observe(t,{attributes:!0,attributeOldValue:!0,attributeFilter:["aria-expanded"]});this._singleBehaviorObserver=o}evaluateScrollButtons(t){if(!t)return;const o=t.scrollWidth>t.clientWidth,n=Math.ceil(t.scrollLeft);this.showScrollLeft=o&&n>1,this.showScrollRight=o&&n<t.scrollWidth-t.clientWidth}scroll(t){var o;let n=Number(this.arrowScrollDistance)||100;t&&(n*=-1),null===(o=this.menuRef)||void 0===o||o.scrollBy({top:0,left:n,behavior:"smooth"})}onScroll(){this.evaluateScrollButtons(this.menuRef),this._handleSubNavigation()}_handleSubNavigation(){c(this.menuRef,0,"top"===this._shellDesktopPosition)}_handleTreeKeyDown(t){this.menuRef&&("tree"===this.variant?this._handleTreeKeys(t):"popover"===this.variant&&this._handlePopoverKeys(t))}_focusParentGroupButton(t){const o=null==t?void 0:t.closest(".db-control-panel-navigation-item-group-menu"),n=null==o?void 0:o.closest(".db-control-panel-navigation-item-group");if(n){const o=n.querySelector(":scope > .db-control-panel-navigation-item-group-expand-button");if(o)return t.setAttribute("tabindex","-1"),o.setAttribute("tabindex","0"),o.focus(),!0}return!1}_closeSubMenuAndReturnToParent(t){const o=t.closest(".db-control-panel-navigation-item-group");if(o){const t=o.querySelector(":scope > .db-control-panel-navigation-item-group-expand-button");t&&(t.click(),t.focus())}}_handlePopoverKeys(t){var o,n,e,i,a,r,l,s,c;const d=this.menuRef,u=document.activeElement;if(!u)return;const h=t.key,p=":scope > .db-control-panel-navigation-item > a, :scope > .db-control-panel-navigation-item-group > .db-control-panel-navigation-item-group-expand-button, :scope > db-control-panel-navigation-item > .db-control-panel-navigation-item > a, :scope > db-control-panel-navigation-item-group > .db-control-panel-navigation-item-group > .db-control-panel-navigation-item-group-expand-button",b=u.closest(".db-control-panel-navigation-item-group-menu"),v=!b,f=v&&"top"===this._shellDesktopPosition,g=Array.from((v?d:b).querySelectorAll(p)),m=g.indexOf(u),w=f?"ArrowLeft":"ArrowUp",x=f?"ArrowRight":"ArrowDown",y=f?"ArrowDown":"ArrowRight",A=f?"ArrowUp":"ArrowLeft";if(!u.closest(".db-control-panel-navigation-item-group-back-button")||v)if(h===x)if(t.preventDefault(),-1===m)null===(e=g[0])||void 0===e||e.focus();else if(m<g.length-1)null===(i=g[m+1])||void 0===i||i.focus();else if(v)null===(a=g[0])||void 0===a||a.focus();else{const t=b.querySelector(":scope > .db-control-panel-navigation-item-group-back-button button");t&&null!==t.offsetParent?t.focus():this._closeSubMenuAndReturnToParent(b)}else if(h===w)if(t.preventDefault(),m>0)null===(r=g[m-1])||void 0===r||r.focus();else if(v)null===(l=g[g.length-1])||void 0===l||l.focus();else{const t=b.querySelector(":scope > .db-control-panel-navigation-item-group-back-button button");t&&null!==t.offsetParent?t.focus():this._closeSubMenuAndReturnToParent(b)}else if(h===y){const o=u.closest(".db-control-panel-navigation-item-group");if(o){t.preventDefault();const n=o.querySelector(":scope > .db-control-panel-navigation-item-group-expand-button");n&&"true"!==n.getAttribute("aria-expanded")&&n.click();const e=o.querySelector(":scope > .db-control-panel-navigation-item-group-menu");if(e){const t=e.querySelector(p);t&&t.focus()}}}else h===A||"Escape"===h?v||(t.preventDefault(),this._closeSubMenuAndReturnToParent(b)):"Home"===h?(t.preventDefault(),null===(s=g[0])||void 0===s||s.focus()):"End"===h&&(t.preventDefault(),null===(c=g[g.length-1])||void 0===c||c.focus());else h===x?(t.preventDefault(),null===(o=g[0])||void 0===o||o.focus()):h===w&&(t.preventDefault(),null===(n=g[g.length-1])||void 0===n||n.focus())}_handleTreeKeys(t){const o=Array.from(this.menuRef.querySelectorAll('[role="treeitem"]'));if(0===o.length)return;const n=o.filter((t=>{const o=t.closest(".db-control-panel-navigation-item-group-menu");if(!o)return!0;const n=o.closest(".db-control-panel-navigation-item-group"),e=null==n?void 0:n.querySelector(":scope > .db-control-panel-navigation-item-group-expand-button");return"true"===(null==e?void 0:e.getAttribute("aria-expanded"))}));if(0===n.length)return;const e=document.activeElement,i=n.indexOf(e),a=t.key;let r=-1;if("ArrowDown"===a)t.preventDefault(),r=i<n.length-1?i+1:0;else if("ArrowUp"===a)t.preventDefault(),r=i>0?i-1:n.length-1;else if("Home"===a)t.preventDefault(),r=0;else if("End"===a)t.preventDefault(),r=n.length-1;else if("ArrowRight"===a){t.preventDefault();const o=null==e?void 0:e.closest(".db-control-panel-navigation-item-group");if(o){const t=o.querySelector(":scope > .db-control-panel-navigation-item-group-expand-button");if(t===e&&"true"!==t.getAttribute("aria-expanded"))t.click();else if("true"===(null==t?void 0:t.getAttribute("aria-expanded"))){const t=o.querySelector(":scope > .db-control-panel-navigation-item-group-menu"),n=null==t?void 0:t.querySelector('[role="treeitem"]');if(n)return e.setAttribute("tabindex","-1"),n.setAttribute("tabindex","0"),void n.focus()}}}else{if("ArrowLeft"!==a)return"Escape"===a?(t.preventDefault(),void(null==e||e.blur())):void 0;{t.preventDefault();const o=null==e?void 0:e.closest(".db-control-panel-navigation-item-group");if(o){const t=o.querySelector(":scope > .db-control-panel-navigation-item-group-expand-button");if(t===e&&"true"===t.getAttribute("aria-expanded"))t.click();else if(this._focusParentGroupButton(e))return}else if(this._focusParentGroupButton(e))return}}r>=0&&r<n.length&&(null==e||e.setAttribute("tabindex","-1"),n[r].setAttribute("tabindex","0"),n[r].focus())}setupObserver(t){if(!t)return;const o=t.closest("db-control-panel-navigation");o&&!this.observer&&(this.observer=new MutationObserver((o=>{o.some((t=>{var o;const n=t.target.attributes.getNamedItem(null!==(o=t.attributeName)&&void 0!==o?o:"");return(null==n?void 0:n.value)!==t.oldValue}))&&this.enableAttributePassing(t,"db-control-panel-navigation")})),this.observer.observe(o,{attributes:!0,attributeOldValue:!0}))}enableAttributePassing(t,o){const n=null==t?void 0:t.closest(o);if(t&&n){const o=n.attributes;for(let e=0;e<o.length;e++){const i=o.item(e);if(i&&"data-density"!==i.name&&(i.name.startsWith("data-")||i.name.startsWith("aria-")))i.value?t.setAttribute(i.name,i.value):t.removeAttribute(i.name),n.removeAttribute(i.name);else if(i&&["style"].includes(i.name))t.setAttribute(i.name,i.value),n.removeAttribute(i.name);else if(i&&"class"===i.name){const o=i.value.includes("hydrated"),e=i.value.replace("hydrated","").trim(),a=t.getAttribute("class");t.setAttribute(i.name,`${a||""}${e?" "+e:""}`),o?n.setAttribute("class","hydrated"):n.removeAttribute(i.name)}}}}watch0Fn(){this._ref&&this.initialized&&(this._shellDesktopPosition=n(this._ref,"--db-control-panel-navigation-horizontal")?"top":"left",this._setShellMobile())}watch0(){this.watch0Fn()}watch1Fn(){var t;if(this.menuRef){const o=this.menuRef;if(!this.variant||"popover"===this.variant||this._shellMobile){for(const t of Array.from(o.querySelectorAll('.db-control-panel-navigation-item-group-menu[role="group"]')))t.removeAttribute("role");o.removeAttribute("aria-label"),o.removeAttribute("role");for(const t of Array.from(o.querySelectorAll('.db-control-panel-navigation-item[role="none"], .db-control-panel-navigation-item-group[role="none"]'))){t.removeAttribute("role");const o=t.querySelector('[role="treeitem"]');o&&(o.removeAttribute("role"),o.removeAttribute("tabindex"))}this._handleSubNavigation()}else if("tree"===this.variant){for(const t of Array.from(o.querySelectorAll(".db-control-panel-navigation-item-group-menu")))t.style.position="",t.setAttribute("role","group");const n=null===(t=this._ref)||void 0===t?void 0:t.getAttribute("aria-label");n&&o.setAttribute("aria-label",n);const e=[];for(const t of Array.from(o.querySelectorAll(".db-control-panel-navigation-item, .db-control-panel-navigation-item-group"))){t.setAttribute("role","none");const o=t.querySelector("a, button");o&&(o.setAttribute("role","treeitem"),o.setAttribute("tabindex","-1"),e.push(o))}e.length>0&&e[0].setAttribute("tabindex","0"),"single"===this.behavior&&this._attachSingleBehaviorObserver()}}}watch1(){this.watch1Fn()}watch2Fn(){this._shellDesktopPosition&&(this._handleSubNavigation(),this.evaluateScrollButtons(this.menuRef),this._resizeObserverCallbackId||(this._resizeObserverCallbackId=(new d).observe(this.menuRef,(()=>{this.evaluateScrollButtons(this.menuRef),this._handleSubNavigation()}))))}watch2(){this.watch2Fn()}componentDidLoad(){if("undefined"!=typeof document&&this.rootElement&&this.rootElement.dataset.connect){const t=document.querySelector(`[data-connect-id="${this.rootElement.dataset.connect}"]`);t&&t.remove()}this.enableAttributePassing(this._ref,"db-control-panel-navigation"),(()=>{this.initialized=!0})(),(()=>{this.setupObserver(this._ref)})(),this.watch0Fn(),this.watch1Fn(),this.watch2Fn()}disconnectedCallback(){var t,o;this._resizeObserverCallbackId&&((new d).unobserve(this._resizeObserverCallbackId),this._resizeObserverCallbackId=void 0),null===(t=this._singleBehaviorObserver)||void 0===t||t.disconnect(),this._singleBehaviorObserver=void 0,null===(o=this.observer)||void 0===o||o.disconnect()}render(){var t,o,n,r,c;return e("nav",{key:"198358b3f5f8e8929bca41eb358a6eaa24ef8692",class:a("db-control-panel-navigation",this.className),ref:t=>{this._ref=t},id:null!==(t=this.id)&&void 0!==t?t:null===(o=this.propOverrides)||void 0===o?void 0:o.id,"data-variant":this.variant,"data-behavior":this.behavior,"data-show-tree-line":i(null!==(n=this.showTreeLine)&&void 0!==n?n:"true","showTreeLine")},this.showScrollLeft?e("db-button",{class:"overflow-scroll-left-button",variant:"filled",icon:"chevron_left",type:"button",noText:!0,onClick:()=>this.scroll(!0)},null!==(r=this.scrollLeftText)&&void 0!==r?r:s):null,e("menu",{key:"7bd6c7fefa68545f77aaf2facb435cda3dc2c16b",role:"tree"===this.variant?"tree":void 0,ref:t=>{this.menuRef=t},onScroll:()=>this.onScroll(),onKeyDown:t=>this._handleTreeKeyDown(t)},e("slot",{key:"4d099ef67db71012fa77fbc429a2fee6f61b63c2"})),this.showScrollRight?e("db-button",{class:"overflow-scroll-right-button",variant:"filled",icon:"chevron_right",type:"button",noText:!0,onClick:()=>this.scroll()},null!==(c=this.scrollRightText)&&void 0!==c?c:l):null)}get rootElement(){return this}static get watchers(){return{_ref:[{watch0:0}],initialized:[{watch0:0}],menuRef:[{watch1:0},{watch2:0}],variant:[{watch1:0}],_shellDesktopPosition:[{watch1:0},{watch2:0}],_shellMobile:[{watch1:0}],behavior:[{watch1:0}]}}},[260,"db-control-panel-navigation",{variant:[1],behavior:[1],arrowScrollDistance:[8,"arrow-scroll-distance"],id:[1],propOverrides:[16],showTreeLine:[8,"show-tree-line"],className:[1,"classname"],scrollLeftText:[1,"scroll-left-text"],scrollRightText:[1,"scroll-right-text"],showScrollLeft:[32],showScrollRight:[32],_shellMobile:[32],_shellDesktopPosition:[32],initialized:[32],_resizeObserverCallbackId:[32],_singleBehaviorObserver:[32],observer:[32]},void 0,{_ref:[{watch0:0}],initialized:[{watch0:0}],menuRef:[{watch1:0},{watch2:0}],variant:[{watch1:0}],_shellDesktopPosition:[{watch1:0},{watch2:0}],_shellMobile:[{watch1:0}],behavior:[{watch1:0}]}]),p=h,b=function(){"undefined"!=typeof customElements&&["db-control-panel-navigation","db-button"].forEach((t=>{switch(t){case"db-control-panel-navigation":customElements.get(r(t))||customElements.define(r(t),h);break;case"db-button":customElements.get(r(t))||u()}}))};export{p as DbControlPanelNavigation,b as defineCustomElement}
@@ -0,0 +1,11 @@
1
+ import type { Components, JSX } from "../dist/types/components";
2
+
3
+ interface DbControlPanelPrimaryActions extends Components.DbControlPanelPrimaryActions, HTMLElement {}
4
+ export const DbControlPanelPrimaryActions: {
5
+ prototype: DbControlPanelPrimaryActions;
6
+ new (): DbControlPanelPrimaryActions;
7
+ };
8
+ /**
9
+ * Used to define this component and all nested components recursively.
10
+ */
11
+ export const defineCustomElement: () => void;
@@ -0,0 +1 @@
1
+ import{z as t,H as s,A as e,d as n,t as i}from"./p-DEicAzan.js";const a=t(class extends s{constructor(t){super(),!1!==t&&this.__registerHost(),this.observer=void 0}setupObserver(t){if(!t)return;const s=t.closest("db-control-panel-primary-actions");s&&!this.observer&&(this.observer=new MutationObserver((s=>{s.some((t=>{var s;const e=t.target.attributes.getNamedItem(null!==(s=t.attributeName)&&void 0!==s?s:"");return(null==e?void 0:e.value)!==t.oldValue}))&&this.enableAttributePassing(t,"db-control-panel-primary-actions")})),this.observer.observe(s,{attributes:!0,attributeOldValue:!0}))}enableAttributePassing(t,s){const e=null==t?void 0:t.closest(s);if(t&&e){const s=e.attributes;for(let n=0;n<s.length;n++){const i=s.item(n);if(i&&"data-density"!==i.name&&(i.name.startsWith("data-")||i.name.startsWith("aria-")))i.value?t.setAttribute(i.name,i.value):t.removeAttribute(i.name),e.removeAttribute(i.name);else if(i&&["style"].includes(i.name))t.setAttribute(i.name,i.value),e.removeAttribute(i.name);else if(i&&"class"===i.name){const s=i.value.includes("hydrated"),n=i.value.replace("hydrated","").trim(),a=t.getAttribute("class");t.setAttribute(i.name,`${a||""}${n?" "+n:""}`),s?e.setAttribute("class","hydrated"):e.removeAttribute(i.name)}}}}componentDidLoad(){if("undefined"!=typeof document&&this.rootElement&&this.rootElement.dataset.connect){const t=document.querySelector(`[data-connect-id="${this.rootElement.dataset.connect}"]`);t&&t.remove()}this.enableAttributePassing(this._ref,"db-control-panel-primary-actions"),this.setupObserver(this._ref)}disconnectedCallback(){var t;null===(t=this.observer)||void 0===t||t.disconnect()}render(){var t,s;return e("div",{key:"80d8537f30b067b8488833ffdcffc14100dc40d2",class:n("db-control-panel-primary-actions",this.className),ref:t=>{this._ref=t},id:null!==(t=this.id)&&void 0!==t?t:null===(s=this.propOverrides)||void 0===s?void 0:s.id},e("slot",{key:"d70e9a7406af72858aa4da16f6abe313d7a44ef4"}))}get rootElement(){return this}},[260,"db-control-panel-primary-actions",{id:[1],propOverrides:[16],className:[1,"classname"],observer:[32]}]),o=a,r=function(){"undefined"!=typeof customElements&&["db-control-panel-primary-actions"].forEach((t=>{"db-control-panel-primary-actions"===t&&(customElements.get(i(t))||customElements.define(i(t),a))}))};export{o as DbControlPanelPrimaryActions,r as defineCustomElement}
@@ -0,0 +1,11 @@
1
+ import type { Components, JSX } from "../dist/types/components";
2
+
3
+ interface DbControlPanelSecondaryActions extends Components.DbControlPanelSecondaryActions, HTMLElement {}
4
+ export const DbControlPanelSecondaryActions: {
5
+ prototype: DbControlPanelSecondaryActions;
6
+ new (): DbControlPanelSecondaryActions;
7
+ };
8
+ /**
9
+ * Used to define this component and all nested components recursively.
10
+ */
11
+ export const defineCustomElement: () => void;
@@ -0,0 +1 @@
1
+ import{z as t,H as s,A as e,d as n,t as o}from"./p-DEicAzan.js";const a=t(class extends s{constructor(t){super(),!1!==t&&this.__registerHost(),this.observer=void 0}setupObserver(t){if(!t)return;const s=t.closest("db-control-panel-secondary-actions");s&&!this.observer&&(this.observer=new MutationObserver((s=>{s.some((t=>{var s;const e=t.target.attributes.getNamedItem(null!==(s=t.attributeName)&&void 0!==s?s:"");return(null==e?void 0:e.value)!==t.oldValue}))&&this.enableAttributePassing(t,"db-control-panel-secondary-actions")})),this.observer.observe(s,{attributes:!0,attributeOldValue:!0}))}enableAttributePassing(t,s){const e=null==t?void 0:t.closest(s);if(t&&e){const s=e.attributes;for(let n=0;n<s.length;n++){const o=s.item(n);if(o&&"data-density"!==o.name&&(o.name.startsWith("data-")||o.name.startsWith("aria-")))o.value?t.setAttribute(o.name,o.value):t.removeAttribute(o.name),e.removeAttribute(o.name);else if(o&&["style"].includes(o.name))t.setAttribute(o.name,o.value),e.removeAttribute(o.name);else if(o&&"class"===o.name){const s=o.value.includes("hydrated"),n=o.value.replace("hydrated","").trim(),a=t.getAttribute("class");t.setAttribute(o.name,`${a||""}${n?" "+n:""}`),s?e.setAttribute("class","hydrated"):e.removeAttribute(o.name)}}}}componentDidLoad(){if("undefined"!=typeof document&&this.rootElement&&this.rootElement.dataset.connect){const t=document.querySelector(`[data-connect-id="${this.rootElement.dataset.connect}"]`);t&&t.remove()}this.enableAttributePassing(this._ref,"db-control-panel-secondary-actions"),this.setupObserver(this._ref)}disconnectedCallback(){var t;null===(t=this.observer)||void 0===t||t.disconnect()}render(){var t,s;return e("div",{key:"ec95f71c0c49e938e209f3b7811175d870ad4989",class:n("db-control-panel-secondary-actions",this.className),ref:t=>{this._ref=t},id:null!==(t=this.id)&&void 0!==t?t:null===(s=this.propOverrides)||void 0===s?void 0:s.id},e("slot",{key:"de8c3e189de79ffd03dad8b7400a5482fc4391b8"}))}get rootElement(){return this}},[260,"db-control-panel-secondary-actions",{id:[1],propOverrides:[16],className:[1,"classname"],observer:[32]}]),i=a,d=function(){"undefined"!=typeof customElements&&["db-control-panel-secondary-actions"].forEach((t=>{"db-control-panel-secondary-actions"===t&&(customElements.get(o(t))||customElements.define(o(t),a))}))};export{i as DbControlPanelSecondaryActions,d as defineCustomElement}
@@ -0,0 +1,11 @@
1
+ import type { Components, JSX } from "../dist/types/components";
2
+
3
+ interface DbControlPanelSkipNavigation extends Components.DbControlPanelSkipNavigation, HTMLElement {}
4
+ export const DbControlPanelSkipNavigation: {
5
+ prototype: DbControlPanelSkipNavigation;
6
+ new (): DbControlPanelSkipNavigation;
7
+ };
8
+ /**
9
+ * Used to define this component and all nested components recursively.
10
+ */
11
+ export const defineCustomElement: () => void;
@@ -0,0 +1 @@
1
+ import{z as t,H as s,A as i,d as e,t as n}from"./p-DEicAzan.js";import{M as o}from"./p-COv1iCFP.js";const a=t(class extends s{constructor(t){super(),!1!==t&&this.__registerHost(),this.observer=void 0}setupObserver(t){if(!t)return;const s=t.closest("db-control-panel-skip-navigation");s&&!this.observer&&(this.observer=new MutationObserver((s=>{s.some((t=>{var s;const i=t.target.attributes.getNamedItem(null!==(s=t.attributeName)&&void 0!==s?s:"");return(null==i?void 0:i.value)!==t.oldValue}))&&this.enableAttributePassing(t,"db-control-panel-skip-navigation")})),this.observer.observe(s,{attributes:!0,attributeOldValue:!0}))}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 n=s.item(e);if(n&&"data-density"!==n.name&&(n.name.startsWith("data-")||n.name.startsWith("aria-")))n.value?t.setAttribute(n.name,n.value):t.removeAttribute(n.name),i.removeAttribute(n.name);else if(n&&["style"].includes(n.name))t.setAttribute(n.name,n.value),i.removeAttribute(n.name);else if(n&&"class"===n.name){const s=n.value.includes("hydrated"),e=n.value.replace("hydrated","").trim(),o=t.getAttribute("class");t.setAttribute(n.name,`${o||""}${e?" "+e:""}`),s?i.setAttribute("class","hydrated"):i.removeAttribute(n.name)}}}}componentDidLoad(){if("undefined"!=typeof document&&this.rootElement&&this.rootElement.dataset.connect){const t=document.querySelector(`[data-connect-id="${this.rootElement.dataset.connect}"]`);t&&t.remove()}this.enableAttributePassing(this._ref,"db-control-panel-skip-navigation"),this.setupObserver(this._ref)}disconnectedCallback(){var t;null===(t=this.observer)||void 0===t||t.disconnect()}render(){var t,s,n;return i("div",{key:"3635ad77cee43a3b1be6e98148ce4b8b63658846",class:e("db-control-panel-skip-navigation",this.className),ref:t=>{this._ref=t},id:null!==(t=this.id)&&void 0!==t?t:null===(s=this.propOverrides)||void 0===s?void 0:s.id},this.text?i("a",{href:"#"+(null!==(n=this.target)&&void 0!==n?n:o)},this.text):i("slot",null))}get rootElement(){return this}},[260,"db-control-panel-skip-navigation",{id:[1],propOverrides:[16],className:[1,"classname"],text:[1],target:[1],observer:[32]}]),l=a,r=function(){"undefined"!=typeof customElements&&["db-control-panel-skip-navigation"].forEach((t=>{"db-control-panel-skip-navigation"===t&&(customElements.get(n(t))||customElements.define(n(t),a))}))};export{l as DbControlPanelSkipNavigation,r as defineCustomElement}
@@ -1 +1 @@
1
- import{y as t,H as s,z as i,j as n,d as o,t as e}from"./p-CYYSsu3p.js";const a=t(class extends s{constructor(t){super(),!1!==t&&this.__registerHost(),this.observer=void 0}setupObserver(t){if(!t)return;const s=t.closest("db-custom-button");s&&!this.observer&&(this.observer=new MutationObserver((s=>{s.some((t=>{var s;const i=t.target.attributes.getNamedItem(null!==(s=t.attributeName)&&void 0!==s?s:"");return(null==i?void 0:i.value)!==t.oldValue}))&&this.enableAttributePassing(t,"db-custom-button")})),this.observer.observe(s,{attributes:!0,attributeOldValue:!0}))}enableAttributePassing(t,s){const i=null==t?void 0:t.closest(s);if(t&&i){const s=i.attributes;for(let n=0;n<s.length;n++){const o=s.item(n);if(o&&"data-density"!==o.name&&(o.name.startsWith("data-")||o.name.startsWith("aria-")))o.value?t.setAttribute(o.name,o.value):t.removeAttribute(o.name),i.removeAttribute(o.name);else if(o&&["style"].includes(o.name))t.setAttribute(o.name,o.value),i.removeAttribute(o.name);else if(o&&"class"===o.name){const s=o.value.includes("hydrated"),n=o.value.replace("hydrated","").trim(),e=t.getAttribute("class");t.setAttribute(o.name,`${e||""}${n?" "+n:""}`),s?i.setAttribute("class","hydrated"):i.removeAttribute(o.name)}}}}componentDidLoad(){if("undefined"!=typeof document&&this.rootElement&&this.rootElement.dataset.connect){const t=document.querySelector(`[data-connect-id="${this.rootElement.dataset.connect}"]`);t&&t.remove()}this.enableAttributePassing(this._ref,"db-custom-button"),this.setupObserver(this._ref)}disconnectedCallback(){var t;null===(t=this.observer)||void 0===t||t.disconnect()}render(){var t,s,e;return i("div",{key:"b1552822320b13ce54881eb3771947cf81928c06",class:o("db-custom-button",this.className),ref:t=>{this._ref=t},id:null!==(t=this.id)&&void 0!==t?t:null===(s=this.propOverrides)||void 0===s?void 0:s.id,"data-icon":null!==(e=this.iconLeading)&&void 0!==e?e:this.icon,"data-show-icon":n(this.showIconLeading,"showIconLeading")||n(this.showIcon,"showIcon"),"data-icon-trailing":this.iconTrailing,"data-show-icon-trailing":n(this.showIconTrailing,"showIconTrailing"),"data-size":this.size,"data-width":this.width,"data-variant":this.variant,"data-no-text":n(this.noText,"noText")},i("slot",{key:"eaf79ff037afc5c2d9b5683e2a2cf11e24174004"}))}get rootElement(){return this}},[260,"db-custom-button",{id:[1],propOverrides:[16],className:[1,"classname"],iconLeading:[1,"icon-leading"],icon:[1],showIconLeading:[8,"show-icon-leading"],showIcon:[8,"show-icon"],iconTrailing:[1,"icon-trailing"],showIconTrailing:[8,"show-icon-trailing"],size:[1],width:[1],variant:[1],noText:[8,"no-text"],observer:[32]}]),d=a,c=function(){"undefined"!=typeof customElements&&["db-custom-button"].forEach((t=>{"db-custom-button"===t&&(customElements.get(e(t))||customElements.define(e(t),a))}))};export{d as DbCustomButton,c as defineCustomElement}
1
+ import{z as t,H as i,A as s,k as n,d as o,t as e}from"./p-DEicAzan.js";const a=t(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.observer=void 0}setupObserver(t){if(!t)return;const i=t.closest("db-custom-button");i&&!this.observer&&(this.observer=new MutationObserver((i=>{i.some((t=>{var i;const s=t.target.attributes.getNamedItem(null!==(i=t.attributeName)&&void 0!==i?i:"");return(null==s?void 0:s.value)!==t.oldValue}))&&this.enableAttributePassing(t,"db-custom-button")})),this.observer.observe(i,{attributes:!0,attributeOldValue:!0}))}enableAttributePassing(t,i){const s=null==t?void 0:t.closest(i);if(t&&s){const i=s.attributes;for(let n=0;n<i.length;n++){const o=i.item(n);if(o&&"data-density"!==o.name&&(o.name.startsWith("data-")||o.name.startsWith("aria-")))o.value?t.setAttribute(o.name,o.value):t.removeAttribute(o.name),s.removeAttribute(o.name);else if(o&&["style"].includes(o.name))t.setAttribute(o.name,o.value),s.removeAttribute(o.name);else if(o&&"class"===o.name){const i=o.value.includes("hydrated"),n=o.value.replace("hydrated","").trim(),e=t.getAttribute("class");t.setAttribute(o.name,`${e||""}${n?" "+n:""}`),i?s.setAttribute("class","hydrated"):s.removeAttribute(o.name)}}}}componentDidLoad(){if("undefined"!=typeof document&&this.rootElement&&this.rootElement.dataset.connect){const t=document.querySelector(`[data-connect-id="${this.rootElement.dataset.connect}"]`);t&&t.remove()}this.enableAttributePassing(this._ref,"db-custom-button"),this.setupObserver(this._ref)}disconnectedCallback(){var t;null===(t=this.observer)||void 0===t||t.disconnect()}render(){var t,i,e;return s("div",{key:"d0a0ad921a94f3eaae975472295d8f5120de6bb4",class:o("db-custom-button",this.className),ref:t=>{this._ref=t},id:null!==(t=this.id)&&void 0!==t?t:null===(i=this.propOverrides)||void 0===i?void 0:i.id,"data-icon":null!==(e=this.iconLeading)&&void 0!==e?e:this.icon,"data-show-icon":n(this.showIconLeading,"showIconLeading")||n(this.showIcon,"showIcon"),"data-icon-trailing":this.iconTrailing,"data-show-icon-trailing":n(this.showIconTrailing,"showIconTrailing"),"data-size":this.size,"data-width":this.width,"data-variant":this.variant,"data-no-text":n(this.noText,"noText")},s("slot",{key:"6bf6026fab0276e23db2b7942932cafe5f4f7e18"}))}get rootElement(){return this}},[260,"db-custom-button",{id:[1],propOverrides:[16],className:[1,"classname"],iconLeading:[1,"icon-leading"],icon:[1],showIconLeading:[8,"show-icon-leading"],showIcon:[8,"show-icon"],iconTrailing:[1,"icon-trailing"],showIconTrailing:[8,"show-icon-trailing"],size:[1],width:[1],variant:[1],noText:[8,"no-text"],observer:[32]}]),d=a,c=function(){"undefined"!=typeof customElements&&["db-custom-button"].forEach((t=>{"db-custom-button"===t&&(customElements.get(e(t))||customElements.define(e(t),a))}))};export{d as DbCustomButton,c as defineCustomElement}
@@ -1 +1 @@
1
- import{D as o,d as r}from"./p-G57oLrr4.js";const s=o,p=r;export{s as DbCustomSelectDropdown,p as defineCustomElement}
1
+ import{D as o,d as p}from"./p-B3HO0pCt.js";const s=o,t=p;export{s as DbCustomSelectDropdown,t as defineCustomElement}
@@ -1 +1 @@
1
- import{y as t,H as e,z as s,d as i,t as o}from"./p-CYYSsu3p.js";const d=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.observer=void 0}setupObserver(t){if(!t)return;const e=t.closest("db-custom-select-form-field");e&&!this.observer&&(this.observer=new MutationObserver((e=>{e.some((t=>{var e;const s=t.target.attributes.getNamedItem(null!==(e=t.attributeName)&&void 0!==e?e:"");return(null==s?void 0:s.value)!==t.oldValue}))&&this.enableAttributePassing(t,"db-custom-select-form-field")})),this.observer.observe(e,{attributes:!0,attributeOldValue:!0}))}enableAttributePassing(t,e){const s=null==t?void 0:t.closest(e);if(t&&s){const e=s.attributes;for(let i=0;i<e.length;i++){const o=e.item(i);if(o&&"data-density"!==o.name&&(o.name.startsWith("data-")||o.name.startsWith("aria-")))o.value?t.setAttribute(o.name,o.value):t.removeAttribute(o.name),s.removeAttribute(o.name);else if(o&&["style"].includes(o.name))t.setAttribute(o.name,o.value),s.removeAttribute(o.name);else if(o&&"class"===o.name){const e=o.value.includes("hydrated"),i=o.value.replace("hydrated","").trim(),d=t.getAttribute("class");t.setAttribute(o.name,`${d||""}${i?" "+i:""}`),e?s.setAttribute("class","hydrated"):s.removeAttribute(o.name)}}}}componentDidLoad(){if("undefined"!=typeof document&&this.rootElement&&this.rootElement.dataset.connect){const t=document.querySelector(`[data-connect-id="${this.rootElement.dataset.connect}"]`);t&&t.remove()}this.enableAttributePassing(this._ref,"db-custom-select-form-field"),this.setupObserver(this._ref)}disconnectedCallback(){var t;null===(t=this.observer)||void 0===t||t.disconnect()}render(){var t,e;return s("summary",{key:"77e485f44f3ac511a95cf814b09f8460b6048fbc",class:i("db-custom-select-form-field",this.className),ref:t=>{this._ref=t},id:null!==(t=this.id)&&void 0!==t?t:null===(e=this.propOverrides)||void 0===e?void 0:e.id},s("slot",{key:"382c889e2abf066105029031da4ecb0147c86607"}))}get rootElement(){return this}},[260,"db-custom-select-form-field",{id:[1],propOverrides:[16],className:[1,"classname"],observer:[32]}]),c=d,l=function(){"undefined"!=typeof customElements&&["db-custom-select-form-field"].forEach((t=>{"db-custom-select-form-field"===t&&(customElements.get(o(t))||customElements.define(o(t),d))}))};export{c as DbCustomSelectFormField,l as defineCustomElement}
1
+ import{z as t,H as e,A as s,d as i,t as o}from"./p-DEicAzan.js";const d=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.observer=void 0}setupObserver(t){if(!t)return;const e=t.closest("db-custom-select-form-field");e&&!this.observer&&(this.observer=new MutationObserver((e=>{e.some((t=>{var e;const s=t.target.attributes.getNamedItem(null!==(e=t.attributeName)&&void 0!==e?e:"");return(null==s?void 0:s.value)!==t.oldValue}))&&this.enableAttributePassing(t,"db-custom-select-form-field")})),this.observer.observe(e,{attributes:!0,attributeOldValue:!0}))}enableAttributePassing(t,e){const s=null==t?void 0:t.closest(e);if(t&&s){const e=s.attributes;for(let i=0;i<e.length;i++){const o=e.item(i);if(o&&"data-density"!==o.name&&(o.name.startsWith("data-")||o.name.startsWith("aria-")))o.value?t.setAttribute(o.name,o.value):t.removeAttribute(o.name),s.removeAttribute(o.name);else if(o&&["style"].includes(o.name))t.setAttribute(o.name,o.value),s.removeAttribute(o.name);else if(o&&"class"===o.name){const e=o.value.includes("hydrated"),i=o.value.replace("hydrated","").trim(),d=t.getAttribute("class");t.setAttribute(o.name,`${d||""}${i?" "+i:""}`),e?s.setAttribute("class","hydrated"):s.removeAttribute(o.name)}}}}componentDidLoad(){if("undefined"!=typeof document&&this.rootElement&&this.rootElement.dataset.connect){const t=document.querySelector(`[data-connect-id="${this.rootElement.dataset.connect}"]`);t&&t.remove()}this.enableAttributePassing(this._ref,"db-custom-select-form-field"),this.setupObserver(this._ref)}disconnectedCallback(){var t;null===(t=this.observer)||void 0===t||t.disconnect()}render(){var t,e;return s("summary",{key:"40b13d21ae502631dacf0371a73a9410427ea74f",class:i("db-custom-select-form-field",this.className),ref:t=>{this._ref=t},id:null!==(t=this.id)&&void 0!==t?t:null===(e=this.propOverrides)||void 0===e?void 0:e.id},s("slot",{key:"f65747fc63c61c12fed05d268039459b0913b041"}))}get rootElement(){return this}},[260,"db-custom-select-form-field",{id:[1],propOverrides:[16],className:[1,"classname"],observer:[32]}]),c=d,l=function(){"undefined"!=typeof customElements&&["db-custom-select-form-field"].forEach((t=>{"db-custom-select-form-field"===t&&(customElements.get(o(t))||customElements.define(o(t),d))}))};export{c as DbCustomSelectFormField,l as defineCustomElement}
@@ -1 +1 @@
1
- import{D as o,d as s}from"./p-DW47OZNu.js";const p=o,r=s;export{p as DbCustomSelectListItem,r as defineCustomElement}
1
+ import{D as o,d as s}from"./p-9FBjLlz8.js";const p=o,r=s;export{p as DbCustomSelectListItem,r as defineCustomElement}
@@ -1 +1 @@
1
- import{D as o,d as s}from"./p-to845Mg2.js";const t=o,p=s;export{t as DbCustomSelectList,p as defineCustomElement}
1
+ import{D as o,d as r}from"./p-Cr4l4OlK.js";const s=o,p=r;export{s as DbCustomSelectList,p as defineCustomElement}
@@ -1 +1 @@
1
- import{u as t,y as i,H as s,A as e,h,f as l,p as a,q as o,z as d,F as n,j as c,k as r,o as u,d as v,t as w}from"./p-CYYSsu3p.js";import{l as m,a as b,m as f,f as p,g as y,h as g,e as k,d as x,i as _,o as A,k as I,c as L,s as F}from"./p-BdL-nI5y.js";import{D as C}from"./p-DJTpgiBy.js";import{a as D}from"./p-DOPXnIzL.js";import{b as O}from"./p-D6L0n3gO.js";import{d as T}from"./p-DVuZmW_J.js";import{d as S}from"./p-G57oLrr4.js";import{d as E}from"./p-to845Mg2.js";import{d as R}from"./p-DW47OZNu.js";import{d as j}from"./p-BpO8Ok-r.js";import{d as B}from"./p-DcgghWWs.js";import{d as M}from"./p-BvgvWjGH.js";import{d as V}from"./p-DFypNnh0.js";class q{static runCallbacks(t){for(const i of Object.values(q.callbacks))"function"==typeof i&&i(t)}constructor(){if(q._instance)return q._instance;q._instance=this,self.document&&self.document.addEventListener("click",(t=>q.runCallbacks(t)))}addCallback(i){const s=t();return q.callbacks[s]=i,s}removeCallback(t){delete q.callbacks[t]}}q.callbacks={},q._instance=null;const N=i(class extends s{constructor(t){super(),!1!==t&&this.__registerHost(),this.amountChange=e(this,"amountChange"),this.dropdownToggle=e(this,"dropdownToggle"),this.optionSelected=e(this,"optionSelected"),this.search=e(this,"search"),this.showClearSelection=!0,this.clearSelectionText="Clear selection",this._id=void 0,this._messageId=void 0,this._validMessageId=void 0,this._invalidMessageId=void 0,this._invalidMessage=void 0,this._selectId=void 0,this._labelId=void 0,this._summaryId=void 0,this._placeholderId=void 0,this._infoTextId=void 0,this._validity="no-validation",this._userInteraction=!1,this.abortController=void 0,this._descByIds=void 0,this._selectedLabels="",this._selectedLabelsId=void 0,this._voiceOverFallback="",this._selectedOptions=[],this.selectAllEnabled=!1,this.searchEnabled=!1,this.amountOptions=0,this._values=[],this._options=[],this._hasNoOptions=!1,this._documentClickListenerCallbackId=void 0,this._internalChangeTimestamp=0,this._documentScrollListenerCallbackId=void 0,this._observer=void 0,this._searchValue=void 0,this.selectAllChecked=!1,this.selectAllIndeterminate=!1,this.observer=void 0,this.satisfyReact=function(t){t.stopPropagation()}}handleDocumentScroll(t){var i,s;(null===(i=null==t?void 0:t.target)||void 0===i?void 0:i.contains)&&(null===(s=null==t?void 0:t.target)||void 0===s?void 0:s.contains(this.detailsRef))&&this.handleAutoPlacement()}hasValidState(){var t;return!!(null!==(t=this.validMessage)&&void 0!==t?t:"valid"===this.validation)}handleValidation(){var t,i,s,e,o,d,n,c;this.selectRef&&(this.selectRef.value=this.getNativeSelectValue()),(null===(t=this.selectRef)||void 0===t?void 0:t.validity.valid)&&"invalid"!==this.validation?this.hasValidState()&&(null===(e=this.selectRef)||void 0===e?void 0:e.validity.valid)&&this.required?(this.setDescById(this._validMessageId),h()&&(this._voiceOverFallback=null!==(o=this.validMessage)&&void 0!==o?o:I,l((()=>this._voiceOverFallback=""),1e3)),this._validity=null!==(d=this.validation)&&void 0!==d?d:"valid"):a(this.message,this.showMessage)?(this.setDescById(this._messageId),this._validity=null!==(n=this.validation)&&void 0!==n?n:"no-validation"):(this.setDescById(this._placeholderId),this._validity=null!==(c=this.validation)&&void 0!==c?c:"no-validation"):(this.setDescById(this._invalidMessageId),this._invalidMessage=this.invalidMessage||(null===(i=this.selectRef)||void 0===i?void 0:i.validationMessage)||m,h()&&(this._voiceOverFallback=this._invalidMessage,l((()=>this._voiceOverFallback=""),1e3)),this._userInteraction&&(this._validity=null!==(s=this.validation)&&void 0!==s?s:"invalid"))}handleDropdownToggle(t){var i,s;this.dropdownToggle&&(t.stopPropagation(),this.dropdownToggle.emit(t)),t.target instanceof HTMLDetailsElement&&t.target.open?(this._documentClickListenerCallbackId=(new q).addCallback((t=>this.handleDocumentClose(t))),this._documentScrollListenerCallbackId=(new C).addCallback((t=>this.handleDocumentScroll(t))),this.handleAutoPlacement(),null===(i=this._observer)||void 0===i||i.observe(this.detailsRef),t.target.dataset.test||this.handleOpenByKeyboardFocus()):(this._documentClickListenerCallbackId&&(new q).removeCallback(this._documentClickListenerCallbackId),this._documentScrollListenerCallbackId&&(new C).removeCallback(this._documentScrollListenerCallbackId),null===(s=this._observer)||void 0===s||s.unobserve(this.detailsRef))}getNativeSelectValue(){var t,i;return(null===(t=this._values)||void 0===t?void 0:t.length)&&null!==(i=this._values.at(0))&&void 0!==i?i:""}setDescById(t){var i;const s=[];t&&s.push(t),this._selectedLabelsId&&(null===(i=this._selectedLabels)||void 0===i?void 0:i.length)&&s.push(this._selectedLabelsId),this._descByIds=s.join(" ")}getSelectAllLabel(){var t;return null!==(t=this.selectAllLabel)&&void 0!==t?t:b}getOptionLabel(t){var i,s,e;return null!==(e=null!==(i=t.label)&&void 0!==i?i:null===(s=t.value)||void 0===s?void 0:""+s)&&void 0!==e?e:""}getOptionChecked(t){var i,s;return!(!t||!(null===(i=this._values)||void 0===i?void 0:i.includes))&&(null===(s=this._values)||void 0===s?void 0:s.includes(t))}getTagRemoveLabel(t){const i=this.removeTagsTexts,s=this.options;if(i&&s){const e=s.findIndex((i=>i.value===t.value));if(e>=0&&e<i.length)return i[e]}return`${f} ${this.getOptionLabel(t)}`}handleTagRemove(t,i){i&&i.stopPropagation(),this.handleSelect(t.value),this.handleSummaryFocus()}handleAutoPlacement(){if(this.detailsRef){const t=this.detailsRef.querySelector("article");t&&l((()=>{var i;D(t,this.detailsRef,null!==(i=this.placement)&&void 0!==i?i:"bottom")}),1)}}handleArrowDownUp(t){var i,s,e;if(null===(i=this.detailsRef)||void 0===i?void 0:i.open){if(self.document){const i=self.document.activeElement;if(i)if("checkbox"===i.getAttribute("type")||"radio"===i.getAttribute("type")){const h=null==i?void 0:i.closest("li");if("ArrowDown"===t.key||"ArrowRight"===t.key){let t=null==h?void 0:h.nextElementSibling;for(;t;){const i=t.querySelector("input");if(i){i.focus();break}t=t.nextElementSibling}t||this.handleFocusFirstDropdownCheckbox(i)}else{let t=null==h?void 0:h.previousElementSibling;for(;t;){const i=t.querySelector("input");if(i){i.focus();break}t=t.previousElementSibling}if(!t){const t=this.detailsRef.querySelector('input[type="checkbox"]');if(t&&t!==i)this.handleFocusFirstDropdownCheckbox(i);else{const t=o(this.detailsRef);if(t)l((()=>{t.focus()}),100);else{const t=Array.from(null===(s=this.detailsRef)||void 0===s?void 0:s.querySelectorAll('input[type="checkbox"],input[type="radio"]'));t.length&&(null===(e=t.at(-1))||void 0===e||e.focus())}}}}}else"search"!==i.getAttribute("type")||"ArrowUp"!==t.key&&"ArrowLeft"!==t.key?this.handleFocusFirstDropdownCheckbox(i):(this.handleClose(void 0,!0),this.handleSummaryFocus())}}else"ArrowDown"!==t.key&&"ArrowRight"!==t.key||(this.handleAutoPlacement(),this.detailsRef&&(this.detailsRef.open=!0),this.handleOpenByKeyboardFocus());t.stopPropagation(),t.preventDefault()}handleKeyboardPress(t){var i,s,e;if(t.stopPropagation(),"Escape"===t.key&&(null===(i=this.detailsRef)||void 0===i?void 0:i.open))this.handleClose(void 0,!0),this.handleSummaryFocus();else if("Enter"===t.key&&(null===(s=this.detailsRef)||void 0===s?void 0:s.open)){if(self.document){const i=self.document.activeElement;if(["checkbox","radio"].includes(i.getAttribute("type")||""))i.click(),t.preventDefault();else if("search"===i.getAttribute("type")){const i=null===(e=this._options)||void 0===e?void 0:e.find((t=>!t.isGroupTitle&&!t.disabled));(null==i?void 0:i.value)&&(this.handleSelect(i.value),t.preventDefault())}}}else"ArrowDown"!==t.key&&"ArrowUp"!==t.key&&"ArrowLeft"!==t.key&&"ArrowRight"!==t.key||this.handleArrowDownUp(t)}handleClose(t,i){if(this.detailsRef)if(i)this.detailsRef.open=!1,this.handleSummaryFocus();else if(this.detailsRef.open&&t&&t.relatedTarget){const i=t.relatedTarget;this.detailsRef.contains(i)||"dialog"===i.localName||l((()=>this.detailsRef.open=!1),1)}}handleDocumentClose(t){var i,s;if(t){const e="number"==typeof t.detail?t.target:null===(i=t.detail)||void 0===i?void 0:i.target;(null===(s=this.detailsRef)||void 0===s?void 0:s.open)&&!this.detailsRef.contains(e)&&(this.detailsRef.open=!1)}}handleOptionSelected(t){(new Date).getTime()-this._internalChangeTimestamp<200||(this._values=t,this._userInteraction=!0,this.optionSelected&&this.optionSelected.emit(null!=t?t:[]),this._internalChangeTimestamp=(new Date).getTime())}handleSelect(t){var i;t&&(this.multiple?(null===(i=this._values)||void 0===i?void 0:i.includes(t))?this.handleOptionSelected(this._values.filter((i=>i!==t))):this.handleOptionSelected([...this._values||[],t]):(this.handleOptionSelected([t]),this.handleClose(void 0,!0)))}handleSelectAll(t){var i;if(t.stopPropagation(),(null===(i=this._values)||void 0===i?void 0:i.length)===this.amountOptions)this.handleOptionSelected([]);else{const t=this.searchEnabled&&this.searchInputRef?this.searchInputRef.value:void 0;this.handleOptionSelected(this.options?this.options.filter((i=>{var s;return!i.isGroupTitle&&(!t||(null===(s=i.value)||void 0===s?void 0:s.toLowerCase().includes(t.toLowerCase())))})).map((t=>{var i;return null!==(i=t.value)&&void 0!==i?i:""})):[])}}handleFocusFirstDropdownCheckbox(t){if(this.detailsRef){const i=Array.from(this.detailsRef.querySelectorAll('input[type="checkbox"],input[type="radio"]'));if(i.length){const s=i.at(0),e=s===t&&i.length>1?i.at(1):s;e&&l((()=>{e.focus()}),1)}}}handleOpenByKeyboardFocus(){if(this.detailsRef){const t=o(this.detailsRef);t?l((()=>{t.focus()}),1):this.handleFocusFirstDropdownCheckbox()}}handleSearch(t){if(void 0===t)return;let i;if("string"==typeof t)i=t;else{const s=t;s.stopPropagation(),this.search&&this.search.emit(s),i=s.target.value,this._searchValue=i}this._options=this.options&&i&&0!==i.length?this.options.filter(this.searchFilter?t=>this.searchFilter(t,i):t=>!t.isGroupTitle&&this.getOptionLabel(t).toLowerCase().includes(i.toLowerCase())):this.options}handleClearAll(t){t.stopPropagation(),this.handleOptionSelected([]),this.handleSummaryFocus()}handleSummaryFocus(){var t;this.detailsRef&&(null===(t=this.detailsRef.querySelector("summary"))||void 0===t||t.focus())}resetIds(){var i,s,e;const h=null!==(e=null!==(i=this.id)&&void 0!==i?i:null===(s=this.propOverrides)||void 0===s?void 0:s.id)&&void 0!==e?e:"custom-select-"+t();this._id=h,this._messageId=h+p,this._validMessageId=h+y,this._invalidMessageId=h+g,this._selectId=h+k,this._labelId=h+x,this._summaryId=h+"-summary",this._placeholderId=h+_,this._selectedLabelsId=h+"-selected-labels",this._infoTextId=h+"-info"}setupObserver(t){if(!t)return;const i=t.closest("db-custom-select");i&&!this.observer&&(this.observer=new MutationObserver((i=>{i.some((t=>{var i;const s=t.target.attributes.getNamedItem(null!==(i=t.attributeName)&&void 0!==i?i:"");return(null==s?void 0:s.value)!==t.oldValue}))&&this.enableAttributePassing(t,"db-custom-select")})),this.observer.observe(i,{attributes:!0,attributeOldValue:!0}))}enableAttributePassing(t,i){const s=null==t?void 0:t.closest(i);if(t&&s){const i=s.attributes;for(let e=0;e<i.length;e++){const h=i.item(e);if(h&&"data-density"!==h.name&&(h.name.startsWith("data-")||h.name.startsWith("aria-")))h.value?t.setAttribute(h.name,h.value):t.removeAttribute(h.name),s.removeAttribute(h.name);else if(h&&["style"].includes(h.name))t.setAttribute(h.name,h.value),s.removeAttribute(h.name);else if(h&&"class"===h.name){const i=h.value.includes("hydrated"),e=h.value.replace("hydrated","").trim(),l=t.getAttribute("class");t.setAttribute(h.name,`${l||""}${e?" "+e:""}`),i?s.setAttribute("class","hydrated"):s.removeAttribute(h.name)}}}}watch0Fn(){var t,i;(null!==(t=this.id)&&void 0!==t?t:null===(i=this.propOverrides)||void 0===i?void 0:i.id)&&this.resetIds()}watch0(){this.watch0Fn()}watch1Fn(){this.detailsRef&&this.detailsRef.addEventListener("focusout",(t=>this.handleClose(t)))}watch1(){this.watch1Fn()}watch2Fn(){if(this._id){const t=this._id+p;this._labelId=this._id+x,this._selectId=this._id+k,this._validMessageId=this._id+y,this._invalidMessageId=this._id+g,this._placeholderId=this._id+_,a(this.message,this.showMessage)?this.setDescById(t):this.setDescById()}}watch2(){this.watch2Fn()}watch3Fn(){var t;if(this.detailsRef){const i=this.detailsRef.querySelector("summary");i&&i.setAttribute("aria-describedby",null!==(t=this.ariaDescribedBy)&&void 0!==t?t:this._descByIds||"")}}watch3(){this.watch3Fn()}watch4Fn(){void 0!==this.showNoResults?this._hasNoOptions=this.showNoResults:this._options&&(this._hasNoOptions=0===this._options.length)}watch4(){this.watch4Fn()}watch5Fn(){var t;this.selectAllEnabled=!(!this.multiple||!(null!==(t=this.showSelectAll)&&void 0!==t?t:this.amountOptions>5))}watch5(){this.watch5Fn()}watch6Fn(){var t;this.searchEnabled=null!==(t=this.showSearch)&&void 0!==t?t:this.amountOptions>9}watch6(){this.watch6Fn()}watch7Fn(){var t;const i=this.values;Array.isArray(i)?this._values!==i&&(this._values=i):null==i&&0!==(null===(t=this._values)||void 0===t?void 0:t.length)&&(this._values=[])}watch7(){this.watch7Fn()}watch8Fn(){this.selectRef&&this.handleValidation()}watch8(){this.watch8Fn()}watch9Fn(){if(this.selectRef){let t=this.abortController;t||(t=new AbortController,this.abortController=t);const i=this.values;O(this.selectRef,(()=>{this.handleOptionSelected(i||(this.selectRef.value?[this.selectRef.value]:[])),this.handleValidation()}),t.signal)}}watch9(){this.watch9Fn()}watch10Fn(){this._validity=this.validation}watch10(){this.watch10Fn()}watch11Fn(){var t,i;0===(null===(t=this._values)||void 0===t?void 0:t.length)?(this.selectAllChecked=!1,this.selectAllIndeterminate=!1):(null===(i=this._values)||void 0===i?void 0:i.length)===this.amountOptions?(this.selectAllIndeterminate=!1,this.selectAllChecked=!0):this._values&&(this.selectAllIndeterminate=!0)}watch11(){this.watch11Fn()}watch12Fn(){var t,i;this._options=this.options,this.amountOptions=null!==(i=null===(t=this.options)||void 0===t?void 0:t.filter((t=>!t.isGroupTitle)).length)&&void 0!==i?i:0}watch12(){this.watch12Fn()}watch13Fn(){this._searchValue=this.searchValue,this.searchValue&&this.handleSearch(this.searchValue)}watch13(){this.watch13Fn()}watch14Fn(){var t,i;(null===(t=this.options)||void 0===t?void 0:t.length)&&(this._selectedOptions=null===(i=this.options)||void 0===i?void 0:i.filter((t=>{var i,s;return!(!t.value||!(null===(i=this._values)||void 0===i?void 0:i.includes))&&!t.isGroupTitle&&(null===(s=this._values)||void 0===s?void 0:s.includes(t.value))})))}watch14(){this.watch14Fn()}watch15Fn(){var t,i,s;if(this.selectedLabels)this._selectedLabels=this.selectedLabels;else if(null===(t=this._selectedOptions)||void 0===t?void 0:t.length){if(this.transformSelectedLabels)return void(this._selectedLabels=(0,this.transformSelectedLabels)(this._selectedOptions));this._selectedLabels="amount"===this.selectedType?this.amountText?this.amountText:`${null===(i=this._selectedOptions)||void 0===i?void 0:i.length} ${A}`:null===(s=this._selectedOptions)||void 0===s?void 0:s.map((t=>this.getOptionLabel(t))).join(", ")}else this._selectedLabels=""}watch15(){this.watch15Fn()}watch16Fn(){var t,i;this.amountChange&&this.amountChange.emit(null!==(i=null===(t=this._selectedOptions)||void 0===t?void 0:t.length)&&void 0!==i?i:0)}watch16(){this.watch16Fn()}watch17Fn(){this.selectAllRef&&(this.selectAllRef.indeterminate=!!this.selectAllIndeterminate)}watch17(){this.watch17Fn()}watch18Fn(){var t;this._invalidMessage=this.invalidMessage||(null===(t=this.selectRef)||void 0===t?void 0:t.validationMessage)||m}watch18(){this.watch18Fn()}componentDidLoad(){if("undefined"!=typeof document&&this.rootElement&&this.rootElement.dataset.connect){const t=document.querySelector(`[data-connect-id="${this.rootElement.dataset.connect}"]`);t&&t.remove()}this.enableAttributePassing(this._ref,"db-custom-select"),(()=>{this.resetIds(),this._invalidMessage=this.invalidMessage||m,"undefined"!=typeof window&&"IntersectionObserver"in window&&(this._observer=new IntersectionObserver((t=>{if(this.detailsRef){const i=t.find((({target:t})=>t===this.detailsRef));i&&!i.isIntersecting&&this.detailsRef.open&&(this.detailsRef.open=!1)}})))})(),(()=>{this.setupObserver(this._ref)})(),this.watch0Fn(),this.watch1Fn(),this.watch2Fn(),this.watch3Fn(),this.watch4Fn(),this.watch5Fn(),this.watch6Fn(),this.watch7Fn(),this.watch8Fn(),this.watch9Fn(),this.watch10Fn(),this.watch11Fn(),this.watch12Fn(),this.watch13Fn(),this.watch14Fn(),this.watch15Fn(),this.watch16Fn(),this.watch17Fn(),this.watch18Fn()}disconnectedCallback(){var t,i;null===(t=this.abortController)||void 0===t||t.abort(),null===(i=this.observer)||void 0===i||i.disconnect()}render(){var t,i,s,e,h,l,o,w,m,f,p,y,g,k,x;return d("div",{key:"83046fc855d23b9e678b3439a05a837849dffff1",class:v("db-custom-select",this.className),id:this._id,ref:t=>{this._ref=t},"aria-invalid":"invalid"===this._validity,"data-custom-validity":this._validity,"data-width":this.formFieldWidth,"data-variant":"floating"===this.variant&&"tag"===this.selectedType&&this.multiple?"above":this.variant,"data-required":c(this.required,"required"),"data-hide-asterisk":u(this.showRequiredAsterisk),"data-placement":this.placement,"data-selected-type":this.multiple?this.selectedType:"text","data-hide-label":u(this.showLabel),"data-icon":this.icon,"data-show-icon":c(this.showIcon,"showIcon")},d("label",{key:"015ece24c6eafe5d148749641fa045cc40e3352c",id:this._labelId},null!==(t=this.label)&&void 0!==t?t:b,d("select",{key:"1472fec486eaa5abf3103037c1ab3beb94001f4f",role:"none",hidden:!0,id:this._selectId,tabIndex:-1,ref:t=>{this.selectRef=t},form:this.form,name:this.name,"data-custom-validity":this._validity,multiple:r(this.multiple,"multiple"),disabled:r(this.disabled,"disabled"),required:r(this.required,"required"),onChange:t=>this.satisfyReact(t)},(null===(i=this.options)||void 0===i?void 0:i.length)?null===(s=this.options)||void 0===s?void 0:s.map((t=>d("option",{disabled:t.disabled,value:t.value,key:void 0},this.getOptionLabel(t)))):null)),d("details",{key:"da28a110e387920a7ca6b7bb20e367d6aab2e7e5",ref:t=>{this.detailsRef=t},open:this.open,onToggle:t=>this.handleDropdownToggle(t),onKeyDown:t=>this.handleKeyboardPress(t)},d("slot",{key:"a9708a4d0dc7e24e3a2a0a5790b7bdf1f6d9c711"}),this.options?d(n,null,d("summary",{class:"db-custom-select-form-field",id:this._summaryId,"aria-disabled":c(this.disabled,"disabled"),tabIndex:this.disabled?-1:void 0,"aria-labelledby":this._labelId},(null===(e=this._selectedLabels)||void 0===e?void 0:e.length)?d("span",{"data-visually-hidden":c("tag"===this.selectedType,"selectedType"),id:this._selectedLabelsId},this.selectedPrefix?d("span",{"data-visually-hidden":"true"},this.selectedPrefix):null,this._selectedLabels):null,"tag"===this.selectedType?d("div",null,null===(h=this._selectedOptions)||void 0===h?void 0:h.map((t=>d("db-tag",{emphasis:"strong",behavior:"removable",removeButton:this.getTagRemoveLabel(t),onRemove:i=>this.handleTagRemove(t,i),key:void 0},this.getOptionLabel(t))))):null),d("db-custom-select-dropdown",{width:this.dropdownWidth},this.searchEnabled?d("div",null,d("db-input",{type:"search",ref:t=>{this.searchInputRef=t},name:this._id,form:this._id,showLabel:!1,value:this._searchValue,label:null!==(l=this.searchLabel)&&void 0!==l?l:b,placeholder:null!==(o=this.searchPlaceholder)&&void 0!==o?o:this.searchLabel,ariaDescribedBy:this._hasNoOptions||this.showLoading?this._infoTextId:void 0,onInput:t=>this.handleSearch(t)})):null,this._hasNoOptions||this.showLoading?d("db-infotext",{id:this._infoTextId,icon:this.showLoading?"circular_arrows":void 0,semantic:this.showLoading?"informational":"warning"},null!==(w=this.showLoading?this.loadingText:this.noResultsText)&&void 0!==w?w:L):d(n,null,this.selectAllEnabled?d("div",null,d("div",{class:"db-checkbox db-custom-select-list-item"},d("label",null,d("input",{type:"checkbox",value:"select-all",ref:t=>{this.selectAllRef=t},form:this._id,checked:this.selectAllChecked,onChange:t=>this.handleSelectAll(t)}),this.getSelectAllLabel()))):null,d("db-custom-select-list",{multiple:r(this.multiple,"multiple"),label:null!==(f=null!==(m=this.listLabel)&&void 0!==m?m:this.label)&&void 0!==f?f:b},null===(p=this._options)||void 0===p?void 0:p.map((t=>d("db-custom-select-list-item",{type:this.multiple?"checkbox":"radio",showDivider:t.showDivider,icon:t.icon,isGroupTitle:t.isGroupTitle,groupTitle:this.getOptionLabel(t),name:this._id,checked:this.getOptionChecked(t.value),disabled:t.disabled,value:t.value,onChange:()=>this.handleSelect(t.value),key:void 0},t.isGroupTitle?null:this.getOptionLabel(t)))))),d("div",null,d("db-button",{variant:"ghost",width:"full",icon:"cross",size:"small",name:this._id,form:this._id,onClick:()=>this.handleClose(void 0,!0)},null!==(y=this.mobileCloseButtonText)&&void 0!==y?y:F)))):null),(null===(g=this.showClearSelection)||void 0===g||g)&&(null===(k=this._values)||void 0===k?void 0:k.length)?d("db-button",{icon:"cross",variant:"ghost",size:"small",noText:!0,name:this._id,form:this._id,disabled:r(this.disabled,"disabled"),onClick:t=>this.handleClearAll(t)},this.clearSelectionText,d("db-tooltip",{placement:"top"},this.clearSelectionText)):null,d("span",{key:"2239de0c36c6289a623146c363987b1874e468cc",class:"db-custom-select-placeholder","aria-hidden":"true",id:this._placeholderId},null!==(x=this.placeholder)&&void 0!==x?x:this.label),a(this.message,this.showMessage)?d("db-infotext",{size:"small",icon:this.messageIcon,id:this._messageId},this.message):null,this.hasValidState()?d("db-infotext",{size:"small",semantic:"successful",id:this._validMessageId},this.validMessage||I):null,d("db-infotext",{key:"55fe7e28b2124a471bc814601925cdf86abd8178",size:"small",semantic:"critical",id:this._invalidMessageId},this._invalidMessage),d("span",{key:"294d2fad5268e30791745abee8589d5266524807","data-visually-hidden":"true",role:"status"},this._voiceOverFallback))}get rootElement(){return this}static get watchers(){return{id:[{watch0:0}],"propOverrides?.id":[{watch0:0}],detailsRef:[{watch1:0},{watch3:0}],_id:[{watch2:0}],_descByIds:[{watch3:0}],showNoResults:[{watch4:0}],showLoading:[{watch4:0}],_options:[{watch4:0}],showSelectAll:[{watch5:0}],amountOptions:[{watch5:0},{watch6:0},{watch11:0}],multiple:[{watch5:0}],showSearch:[{watch6:0}],values:[{watch7:0}],_values:[{watch8:0},{watch11:0},{watch14:0}],selectRef:[{watch8:0},{watch9:0},{watch18:0}],validation:[{watch10:0}],options:[{watch12:0},{watch14:0}],searchValue:[{watch13:0}],_selectedOptions:[{watch15:0},{watch16:0}],selectedType:[{watch15:0}],amountText:[{watch15:0}],selectedLabels:[{watch15:0}],transformSelectedLabels:[{watch15:0}],selectAllIndeterminate:[{watch17:0}],selectAllRef:[{watch17:0}],invalidMessage:[{watch18:0}]}}},[260,"db-custom-select",{invalidMessage:[1,"invalid-message"],id:[1],propOverrides:[16],message:[1],showMessage:[8,"show-message"],ariaDescribedBy:[1,"aria-described-by"],showNoResults:[4,"show-no-results"],showLoading:[4,"show-loading"],multiple:[8],showSelectAll:[4,"show-select-all"],showSearch:[4,"show-search"],values:[16],validation:[1],options:[16],searchValue:[1,"search-value"],selectedLabels:[1,"selected-labels"],transformSelectedLabels:[16],selectedType:[1,"selected-type"],amountText:[1,"amount-text"],validMessage:[1,"valid-message"],required:[8],selectAllLabel:[1,"select-all-label"],removeTagsTexts:[16],placement:[1],searchFilter:[16],className:[1,"classname"],formFieldWidth:[1,"form-field-width"],variant:[1],showRequiredAsterisk:[8,"show-required-asterisk"],showLabel:[8,"show-label"],icon:[1],showIcon:[8,"show-icon"],label:[1],form:[1],name:[1],disabled:[8],open:[4],selectedPrefix:[1,"selected-prefix"],dropdownWidth:[1,"dropdown-width"],searchLabel:[1,"search-label"],searchPlaceholder:[1,"search-placeholder"],listLabel:[1,"list-label"],loadingText:[1,"loading-text"],noResultsText:[1,"no-results-text"],mobileCloseButtonText:[1,"mobile-close-button-text"],showClearSelection:[4,"show-clear-selection"],clearSelectionText:[1,"clear-selection-text"],placeholder:[1],messageIcon:[1,"message-icon"],_id:[32],_messageId:[32],_validMessageId:[32],_invalidMessageId:[32],_invalidMessage:[32],_selectId:[32],_labelId:[32],_summaryId:[32],_placeholderId:[32],_infoTextId:[32],_validity:[32],_userInteraction:[32],abortController:[32],_descByIds:[32],_selectedLabels:[32],_selectedLabelsId:[32],_voiceOverFallback:[32],_selectedOptions:[32],selectAllEnabled:[32],searchEnabled:[32],amountOptions:[32],_values:[32],_options:[32],_hasNoOptions:[32],_documentClickListenerCallbackId:[32],_internalChangeTimestamp:[32],_documentScrollListenerCallbackId:[32],_observer:[32],_searchValue:[32],selectAllChecked:[32],selectAllIndeterminate:[32],observer:[32]},void 0,{id:[{watch0:0}],"propOverrides?.id":[{watch0:0}],detailsRef:[{watch1:0},{watch3:0}],_id:[{watch2:0}],_descByIds:[{watch3:0}],showNoResults:[{watch4:0}],showLoading:[{watch4:0}],_options:[{watch4:0}],showSelectAll:[{watch5:0}],amountOptions:[{watch5:0},{watch6:0},{watch11:0}],multiple:[{watch5:0}],showSearch:[{watch6:0}],values:[{watch7:0}],_values:[{watch8:0},{watch11:0},{watch14:0}],selectRef:[{watch8:0},{watch9:0},{watch18:0}],validation:[{watch10:0}],options:[{watch12:0},{watch14:0}],searchValue:[{watch13:0}],_selectedOptions:[{watch15:0},{watch16:0}],selectedType:[{watch15:0}],amountText:[{watch15:0}],selectedLabels:[{watch15:0}],transformSelectedLabels:[{watch15:0}],selectAllIndeterminate:[{watch17:0}],selectAllRef:[{watch17:0}],invalidMessage:[{watch18:0}]}]),z=N,W=function(){"undefined"!=typeof customElements&&["db-custom-select","db-button","db-custom-select-dropdown","db-custom-select-list","db-custom-select-list-item","db-infotext","db-input","db-tag","db-tooltip"].forEach((t=>{switch(t){case"db-custom-select":customElements.get(w(t))||customElements.define(w(t),N);break;case"db-button":customElements.get(w(t))||T();break;case"db-custom-select-dropdown":customElements.get(w(t))||S();break;case"db-custom-select-list":customElements.get(w(t))||E();break;case"db-custom-select-list-item":customElements.get(w(t))||R();break;case"db-infotext":customElements.get(w(t))||j();break;case"db-input":customElements.get(w(t))||B();break;case"db-tag":customElements.get(w(t))||M();break;case"db-tooltip":customElements.get(w(t))||V()}}))};export{q as D,z as DbCustomSelect,W as defineCustomElement}
1
+ import{z as t,H as i,B as s,h as e,f as h,q as l,v as a,u as o,A as d,F as n,k as c,l as r,p as u,d as v,t as w}from"./p-DEicAzan.js";import{l as m,a as b,m as f,f as p,g as y,h as g,e as k,d as A,i as x,o as _,k as C,c as F,v as I}from"./p-COv1iCFP.js";import{A as T,D as L}from"./p-BWWm2aVB.js";import{h as O}from"./p-BT3wZY6f.js";import{b as D}from"./p-DAr8BCe0.js";import{I as S}from"./p-Nyi3Ccqz.js";import{R as B}from"./p-B2-mqMAV.js";import{d as E}from"./p-C3NPZvho.js";import{d as R}from"./p-B3HO0pCt.js";import{d as j}from"./p-Cr4l4OlK.js";import{d as q}from"./p-9FBjLlz8.js";import{d as M}from"./p-DTmum76Y.js";import{d as z}from"./p-BbEdAR4o.js";import{d as V}from"./p-D9qEmJkQ.js";import{d as N}from"./p-B5p2TBcA.js";class P extends T{static runCallbacks(t){for(const i of Object.values(P.callbacks))"function"==typeof i&&i(t)}constructor(){if(super(),P._instance)return P._instance;P._instance=this,self.document&&self.document.addEventListener("click",(t=>P.runCallbacks(t)))}getCallbacks(){return P.callbacks}}P.callbacks={},P._instance=null;const $=t(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.amountChange=s(this,"amountChange"),this.dropdownToggle=s(this,"dropdownToggle"),this.optionSelected=s(this,"optionSelected"),this.search=s(this,"search"),this.showClearSelection=!0,this.clearSelectionText="Clear selection",this._id=void 0,this._messageId=void 0,this._validMessageId=void 0,this._invalidMessageId=void 0,this._invalidMessage=void 0,this._selectId=void 0,this._labelId=void 0,this._summaryId=void 0,this._placeholderId=void 0,this._infoTextId=void 0,this._validity="no-validation",this._userInteraction=!1,this.abortController=void 0,this._descByIds=void 0,this._selectedLabels="",this._selectedLabelsId=void 0,this._voiceOverFallback="",this._selectedOptions=[],this.selectAllEnabled=!1,this.searchEnabled=!1,this.amountOptions=0,this._values=[],this._options=[],this._hasNoOptions=!1,this._documentClickListenerCallbackId=void 0,this._internalChangeTimestamp=0,this._documentScrollListenerCallbackId=void 0,this._intersectionObserverCallbackId=void 0,this._resizeObserverCallbackId=void 0,this._searchValue=void 0,this.selectAllChecked=!1,this.selectAllIndeterminate=!1,this.observer=void 0,this.satisfyReact=function(t){t.stopPropagation()}}handleDocumentScroll(t){var i,s;(null===(i=null==t?void 0:t.target)||void 0===i?void 0:i.contains)&&(null===(s=null==t?void 0:t.target)||void 0===s?void 0:s.contains(this.detailsRef))&&this.handleAutoPlacement()}hasValidState(){var t;return!!(null!==(t=this.validMessage)&&void 0!==t?t:"valid"===this.validation)}handleValidation(){var t,i,s,a,o,d,n,c;this.selectRef&&(this.selectRef.value=this.getNativeSelectValue()),(null===(t=this.selectRef)||void 0===t?void 0:t.validity.valid)&&"invalid"!==this.validation?this.hasValidState()&&(null===(a=this.selectRef)||void 0===a?void 0:a.validity.valid)&&this.required?(this.setDescById(this._validMessageId),e()&&(this._voiceOverFallback=null!==(o=this.validMessage)&&void 0!==o?o:C,h((()=>this._voiceOverFallback=""),1e3)),this._validity=null!==(d=this.validation)&&void 0!==d?d:"valid"):l(this.message,this.showMessage)?(this.setDescById(this._messageId),this._validity=null!==(n=this.validation)&&void 0!==n?n:"no-validation"):(this.setDescById(this._placeholderId),this._validity=null!==(c=this.validation)&&void 0!==c?c:"no-validation"):(this.setDescById(this._invalidMessageId),this._invalidMessage=this.invalidMessage||(null===(i=this.selectRef)||void 0===i?void 0:i.validationMessage)||m,e()&&(this._voiceOverFallback=this._invalidMessage,h((()=>this._voiceOverFallback=""),1e3)),this._userInteraction&&(this._validity=null!==(s=this.validation)&&void 0!==s?s:"invalid"))}handleDropdownToggle(t){this.dropdownToggle&&(t.stopPropagation(),this.dropdownToggle.emit(t)),t.target instanceof HTMLDetailsElement&&t.target.open?(this._documentClickListenerCallbackId=(new P).addCallback((t=>this.handleDocumentClose(t))),this._documentScrollListenerCallbackId=(new L).addCallback((t=>this.handleDocumentScroll(t))),this.handleAutoPlacement(),this._resizeObserverCallbackId=(new B).observe(document.documentElement,(()=>this.handleAutoPlacement())),this._intersectionObserverCallbackId=(new S).observe(this.detailsRef,(t=>{!t.isIntersecting&&this.detailsRef.open&&(this.detailsRef.open=!1)})),t.target.dataset.test||this.handleOpenByKeyboardFocus()):(this._documentClickListenerCallbackId&&(new P).removeCallback(this._documentClickListenerCallbackId),this._documentScrollListenerCallbackId&&(new L).removeCallback(this._documentScrollListenerCallbackId),this._resizeObserverCallbackId&&(new B).unobserve(this._resizeObserverCallbackId),this._intersectionObserverCallbackId&&(new S).unobserve(this._intersectionObserverCallbackId))}getNativeSelectValue(){var t,i;return(null===(t=this._values)||void 0===t?void 0:t.length)&&null!==(i=this._values.at(0))&&void 0!==i?i:""}setDescById(t){var i;const s=[];t&&s.push(t),this._selectedLabelsId&&(null===(i=this._selectedLabels)||void 0===i?void 0:i.length)&&s.push(this._selectedLabelsId),this._descByIds=s.join(" ")}getSelectAllLabel(){var t;return null!==(t=this.selectAllLabel)&&void 0!==t?t:b}getOptionLabel(t){var i,s,e;return null!==(e=null!==(i=t.label)&&void 0!==i?i:null===(s=t.value)||void 0===s?void 0:""+s)&&void 0!==e?e:""}getOptionChecked(t){var i,s;return!(!t||!(null===(i=this._values)||void 0===i?void 0:i.includes))&&(null===(s=this._values)||void 0===s?void 0:s.includes(t))}getTagRemoveLabel(t){const i=this.removeTagsTexts,s=this.options;if(i&&s){const e=s.findIndex((i=>i.value===t.value));if(e>=0&&e<i.length)return i[e]}return`${f} ${this.getOptionLabel(t)}`}handleTagRemove(t,i){i&&i.stopPropagation(),this.handleSelect(t.value),this.handleSummaryFocus()}handleAutoPlacement(){if(this.detailsRef){const t=this.detailsRef.querySelector("article");t&&h((()=>{var i;O(t,this.detailsRef,null!==(i=this.placement)&&void 0!==i?i:"bottom")}),1)}}handleArrowDownUp(t){var i,s,e;if(null===(i=this.detailsRef)||void 0===i?void 0:i.open){if(self.document){const i=self.document.activeElement;if(i)if("checkbox"===i.getAttribute("type")||"radio"===i.getAttribute("type")){const l=null==i?void 0:i.closest("li");if("ArrowDown"===t.key||"ArrowRight"===t.key){let t=null==l?void 0:l.nextElementSibling;for(;t;){const i=t.querySelector("input");if(i){i.focus();break}t=t.nextElementSibling}t||this.handleFocusFirstDropdownCheckbox(i)}else{let t=null==l?void 0:l.previousElementSibling;for(;t;){const i=t.querySelector("input");if(i){i.focus();break}t=t.previousElementSibling}if(!t){const t=this.detailsRef.querySelector('input[type="checkbox"]');if(t&&t!==i)this.handleFocusFirstDropdownCheckbox(i);else{const t=a(this.detailsRef);if(t)h((()=>{t.focus()}),100);else{const t=Array.from(null===(s=this.detailsRef)||void 0===s?void 0:s.querySelectorAll('input[type="checkbox"],input[type="radio"]'));t.length&&(null===(e=t.at(-1))||void 0===e||e.focus())}}}}}else"search"!==i.getAttribute("type")||"ArrowUp"!==t.key&&"ArrowLeft"!==t.key?this.handleFocusFirstDropdownCheckbox(i):(this.handleClose(void 0,!0),this.handleSummaryFocus())}}else"ArrowDown"!==t.key&&"ArrowRight"!==t.key||(this.handleAutoPlacement(),this.detailsRef&&(this.detailsRef.open=!0),this.handleOpenByKeyboardFocus());t.stopPropagation(),t.preventDefault()}handleKeyboardPress(t){var i,s,e;if(t.stopPropagation(),"Escape"===t.key&&(null===(i=this.detailsRef)||void 0===i?void 0:i.open))this.handleClose(void 0,!0),this.handleSummaryFocus();else if("Enter"===t.key&&(null===(s=this.detailsRef)||void 0===s?void 0:s.open)){if(self.document){const i=self.document.activeElement;if(["checkbox","radio"].includes(i.getAttribute("type")||""))i.click(),t.preventDefault();else if("search"===i.getAttribute("type")){const i=null===(e=this._options)||void 0===e?void 0:e.find((t=>!t.isGroupTitle&&!t.disabled));(null==i?void 0:i.value)&&(this.handleSelect(i.value),t.preventDefault())}}}else"ArrowDown"!==t.key&&"ArrowUp"!==t.key&&"ArrowLeft"!==t.key&&"ArrowRight"!==t.key||this.handleArrowDownUp(t)}handleClose(t,i){if(this.detailsRef)if(i)this.detailsRef.open=!1,this.handleSummaryFocus();else if(this.detailsRef.open&&t&&t.relatedTarget){const i=t.relatedTarget;this.detailsRef.contains(i)||"dialog"===i.localName||h((()=>this.detailsRef.open=!1),1)}}handleDocumentClose(t){var i,s;if(t){const e="number"==typeof t.detail?t.target:null===(i=t.detail)||void 0===i?void 0:i.target;(null===(s=this.detailsRef)||void 0===s?void 0:s.open)&&!this.detailsRef.contains(e)&&(this.detailsRef.open=!1)}}handleOptionSelected(t){(new Date).getTime()-this._internalChangeTimestamp<200||(this._values=t,this._userInteraction=!0,this.optionSelected&&this.optionSelected.emit(null!=t?t:[]),this._internalChangeTimestamp=(new Date).getTime())}handleSelect(t){var i;t&&(this.multiple?(null===(i=this._values)||void 0===i?void 0:i.includes(t))?this.handleOptionSelected(this._values.filter((i=>i!==t))):this.handleOptionSelected([...this._values||[],t]):(this.handleOptionSelected([t]),this.handleClose(void 0,!0)))}handleSelectAll(t){var i;if(t.stopPropagation(),(null===(i=this._values)||void 0===i?void 0:i.length)===this.amountOptions)this.handleOptionSelected([]);else{const t=this.searchEnabled&&this.searchInputRef?this.searchInputRef.value:void 0;this.handleOptionSelected(this.options?this.options.filter((i=>{var s;return!i.isGroupTitle&&(!t||(null===(s=i.value)||void 0===s?void 0:s.toLowerCase().includes(t.toLowerCase())))})).map((t=>{var i;return null!==(i=t.value)&&void 0!==i?i:""})):[])}}handleFocusFirstDropdownCheckbox(t){if(this.detailsRef){const i=Array.from(this.detailsRef.querySelectorAll('input[type="checkbox"],input[type="radio"]'));if(i.length){const s=i.at(0),e=s===t&&i.length>1?i.at(1):s;e&&h((()=>{e.focus()}),1)}}}handleOpenByKeyboardFocus(){if(this.detailsRef){const t=a(this.detailsRef);t?h((()=>{t.focus()}),1):this.handleFocusFirstDropdownCheckbox()}}handleSearch(t){var i;if(void 0===t)return;let s;if("string"==typeof t)s=t;else{const i=t;i.stopPropagation(),this.search&&this.search.emit(i),s=i.target.value,this._searchValue=s}this._options=this.options&&s&&0!==s.length?this.options.filter(this.searchFilter?t=>this.searchFilter(t,s):t=>!t.isGroupTitle&&this.getOptionLabel(t).toLowerCase().includes(s.toLowerCase())):this.options,(null===(i=this.detailsRef)||void 0===i?void 0:i.open)&&this.handleAutoPlacement()}handleClearAll(t){t.stopPropagation(),this.handleOptionSelected([]),this.handleSummaryFocus()}handleSummaryFocus(){var t;this.detailsRef&&(null===(t=this.detailsRef.querySelector("summary"))||void 0===t||t.focus())}resetIds(){var t,i,s;const e=null!==(s=null!==(t=this.id)&&void 0!==t?t:null===(i=this.propOverrides)||void 0===i?void 0:i.id)&&void 0!==s?s:"custom-select-"+o();this._id=e,this._messageId=e+p,this._validMessageId=e+y,this._invalidMessageId=e+g,this._selectId=e+k,this._labelId=e+A,this._summaryId=e+"-summary",this._placeholderId=e+x,this._selectedLabelsId=e+"-selected-labels",this._infoTextId=e+"-info"}setupObserver(t){if(!t)return;const i=t.closest("db-custom-select");i&&!this.observer&&(this.observer=new MutationObserver((i=>{i.some((t=>{var i;const s=t.target.attributes.getNamedItem(null!==(i=t.attributeName)&&void 0!==i?i:"");return(null==s?void 0:s.value)!==t.oldValue}))&&this.enableAttributePassing(t,"db-custom-select")})),this.observer.observe(i,{attributes:!0,attributeOldValue:!0}))}enableAttributePassing(t,i){const s=null==t?void 0:t.closest(i);if(t&&s){const i=s.attributes;for(let e=0;e<i.length;e++){const h=i.item(e);if(h&&"data-density"!==h.name&&(h.name.startsWith("data-")||h.name.startsWith("aria-")))h.value?t.setAttribute(h.name,h.value):t.removeAttribute(h.name),s.removeAttribute(h.name);else if(h&&["style"].includes(h.name))t.setAttribute(h.name,h.value),s.removeAttribute(h.name);else if(h&&"class"===h.name){const i=h.value.includes("hydrated"),e=h.value.replace("hydrated","").trim(),l=t.getAttribute("class");t.setAttribute(h.name,`${l||""}${e?" "+e:""}`),i?s.setAttribute("class","hydrated"):s.removeAttribute(h.name)}}}}watch0Fn(){var t,i;(null!==(t=this.id)&&void 0!==t?t:null===(i=this.propOverrides)||void 0===i?void 0:i.id)&&this.resetIds()}watch0(){this.watch0Fn()}watch1Fn(){this.detailsRef&&this.detailsRef.addEventListener("focusout",(t=>this.handleClose(t)))}watch1(){this.watch1Fn()}watch2Fn(){if(this._id){const t=this._id+p;this._labelId=this._id+A,this._selectId=this._id+k,this._validMessageId=this._id+y,this._invalidMessageId=this._id+g,this._placeholderId=this._id+x,l(this.message,this.showMessage)?this.setDescById(t):this.setDescById()}}watch2(){this.watch2Fn()}watch3Fn(){var t;if(this.detailsRef){const i=this.detailsRef.querySelector("summary");i&&i.setAttribute("aria-describedby",null!==(t=this.ariaDescribedBy)&&void 0!==t?t:this._descByIds||"")}}watch3(){this.watch3Fn()}watch4Fn(){void 0!==this.showNoResults?this._hasNoOptions=this.showNoResults:this._options&&(this._hasNoOptions=0===this._options.length)}watch4(){this.watch4Fn()}watch5Fn(){var t;this.selectAllEnabled=!(!this.multiple||!(null!==(t=this.showSelectAll)&&void 0!==t?t:this.amountOptions>5))}watch5(){this.watch5Fn()}watch6Fn(){var t;this.searchEnabled=null!==(t=this.showSearch)&&void 0!==t?t:this.amountOptions>9}watch6(){this.watch6Fn()}watch7Fn(){var t;const i=this.values;Array.isArray(i)?this._values!==i&&(this._values=i):null==i&&0!==(null===(t=this._values)||void 0===t?void 0:t.length)&&(this._values=[])}watch7(){this.watch7Fn()}watch8Fn(){this.selectRef&&this.handleValidation()}watch8(){this.watch8Fn()}watch9Fn(){if(this.selectRef){let t=this.abortController;t||(t=new AbortController,this.abortController=t);const i=this.values;D(this.selectRef,(()=>{this.handleOptionSelected(i||(this.selectRef.value?[this.selectRef.value]:[])),this.handleValidation()}),t.signal)}}watch9(){this.watch9Fn()}watch10Fn(){this._validity=this.validation}watch10(){this.watch10Fn()}watch11Fn(){var t,i;0===(null===(t=this._values)||void 0===t?void 0:t.length)?(this.selectAllChecked=!1,this.selectAllIndeterminate=!1):(null===(i=this._values)||void 0===i?void 0:i.length)===this.amountOptions?(this.selectAllIndeterminate=!1,this.selectAllChecked=!0):this._values&&(this.selectAllIndeterminate=!0)}watch11(){this.watch11Fn()}watch12Fn(){var t,i,s;this._options=this.options,this.amountOptions=null!==(i=null===(t=this.options)||void 0===t?void 0:t.filter((t=>!t.isGroupTitle)).length)&&void 0!==i?i:0,(null===(s=this.detailsRef)||void 0===s?void 0:s.open)&&this.handleAutoPlacement()}watch12(){this.watch12Fn()}watch13Fn(){this._searchValue=this.searchValue,this.searchValue&&this.handleSearch(this.searchValue)}watch13(){this.watch13Fn()}watch14Fn(){var t,i;(null===(t=this.options)||void 0===t?void 0:t.length)&&(this._selectedOptions=null===(i=this.options)||void 0===i?void 0:i.filter((t=>{var i,s;return!(!t.value||!(null===(i=this._values)||void 0===i?void 0:i.includes))&&!t.isGroupTitle&&(null===(s=this._values)||void 0===s?void 0:s.includes(t.value))})))}watch14(){this.watch14Fn()}watch15Fn(){var t,i,s;if(this.selectedLabels)this._selectedLabels=this.selectedLabels;else if(null===(t=this._selectedOptions)||void 0===t?void 0:t.length){if(this.transformSelectedLabels)return void(this._selectedLabels=(0,this.transformSelectedLabels)(this._selectedOptions));this._selectedLabels="amount"===this.selectedType?this.amountText?this.amountText:`${null===(i=this._selectedOptions)||void 0===i?void 0:i.length} ${_}`:null===(s=this._selectedOptions)||void 0===s?void 0:s.map((t=>this.getOptionLabel(t))).join(", ")}else this._selectedLabels=""}watch15(){this.watch15Fn()}watch16Fn(){var t,i;this.amountChange&&this.amountChange.emit(null!==(i=null===(t=this._selectedOptions)||void 0===t?void 0:t.length)&&void 0!==i?i:0)}watch16(){this.watch16Fn()}watch17Fn(){this.selectAllRef&&(this.selectAllRef.indeterminate=!!this.selectAllIndeterminate)}watch17(){this.watch17Fn()}watch18Fn(){var t;this._invalidMessage=this.invalidMessage||(null===(t=this.selectRef)||void 0===t?void 0:t.validationMessage)||m}watch18(){this.watch18Fn()}componentDidLoad(){if("undefined"!=typeof document&&this.rootElement&&this.rootElement.dataset.connect){const t=document.querySelector(`[data-connect-id="${this.rootElement.dataset.connect}"]`);t&&t.remove()}this.enableAttributePassing(this._ref,"db-custom-select"),(()=>{this.resetIds(),this._invalidMessage=this.invalidMessage||m})(),(()=>{this.setupObserver(this._ref)})(),this.watch0Fn(),this.watch1Fn(),this.watch2Fn(),this.watch3Fn(),this.watch4Fn(),this.watch5Fn(),this.watch6Fn(),this.watch7Fn(),this.watch8Fn(),this.watch9Fn(),this.watch10Fn(),this.watch11Fn(),this.watch12Fn(),this.watch13Fn(),this.watch14Fn(),this.watch15Fn(),this.watch16Fn(),this.watch17Fn(),this.watch18Fn()}disconnectedCallback(){var t,i;null===(t=this.abortController)||void 0===t||t.abort(),this._documentClickListenerCallbackId&&(new P).removeCallback(this._documentClickListenerCallbackId),this._documentScrollListenerCallbackId&&(new L).removeCallback(this._documentScrollListenerCallbackId),this._resizeObserverCallbackId&&(new B).unobserve(this._resizeObserverCallbackId),this._intersectionObserverCallbackId&&(new S).unobserve(this._intersectionObserverCallbackId),null===(i=this.observer)||void 0===i||i.disconnect()}render(){var t,i,s,e,h,a,o,w,m,f,p,y,g,k,A;return d("div",{key:"e670905415a84f4edd7f9ed4cfe637201aed2b1f",class:v("db-custom-select",this.className),id:this._id,ref:t=>{this._ref=t},"aria-invalid":"invalid"===this._validity,"data-custom-validity":this._validity,"data-width":this.formFieldWidth,"data-variant":"floating"===this.variant&&"tag"===this.selectedType&&this.multiple?"above":this.variant,"data-required":c(this.required,"required"),"data-hide-asterisk":u(this.showRequiredAsterisk),"data-placement":this.placement,"data-selected-type":this.multiple?this.selectedType:"text","data-hide-label":u(this.showLabel),"data-icon":this.icon,"data-show-icon":c(this.showIcon,"showIcon")},d("label",{key:"bcece5c0050e198def7da6608f9e7bc55cae2252",id:this._labelId},null!==(t=this.label)&&void 0!==t?t:b,d("select",{key:"9ced4c07979c076af3a7ac9187b732035ed77c47",role:"none",hidden:!0,id:this._selectId,tabIndex:-1,ref:t=>{this.selectRef=t},form:this.form,name:this.name,"data-custom-validity":this._validity,multiple:r(this.multiple,"multiple"),disabled:r(this.disabled,"disabled"),required:r(this.required,"required"),onChange:t=>this.satisfyReact(t)},(null===(i=this.options)||void 0===i?void 0:i.length)?null===(s=this.options)||void 0===s?void 0:s.map((t=>d("option",{disabled:t.disabled,value:t.value,key:void 0},this.getOptionLabel(t)))):null)),d("details",{key:"56ecb82c9470119ded325d106a0f0d69ee573033",ref:t=>{this.detailsRef=t},open:this.open,onToggle:t=>this.handleDropdownToggle(t),onKeyDown:t=>this.handleKeyboardPress(t)},d("slot",{key:"8f927bc9860c5c3a4859e28ae3a7cf19ef32a84b"}),this.options?d(n,null,d("summary",{class:"db-custom-select-form-field",id:this._summaryId,"aria-disabled":c(this.disabled,"disabled"),tabIndex:this.disabled?-1:void 0,"aria-labelledby":this._labelId},(null===(e=this._selectedLabels)||void 0===e?void 0:e.length)?d("span",{"data-visually-hidden":c("tag"===this.selectedType,"selectedType"),id:this._selectedLabelsId},this.selectedPrefix?d("span",{"data-visually-hidden":"true"},this.selectedPrefix):null,this._selectedLabels):null,"tag"===this.selectedType?d("div",null,null===(h=this._selectedOptions)||void 0===h?void 0:h.map((t=>d("db-tag",{emphasis:"strong",behavior:"removable",removeButton:this.getTagRemoveLabel(t),onRemove:i=>this.handleTagRemove(t,i),key:void 0},this.getOptionLabel(t))))):null),d("db-custom-select-dropdown",{width:this.dropdownWidth},this.searchEnabled?d("div",null,d("db-input",{type:"search",ref:t=>{this.searchInputRef=t},name:this._id,form:this._id,showLabel:!1,value:this._searchValue,label:null!==(a=this.searchLabel)&&void 0!==a?a:b,placeholder:null!==(o=this.searchPlaceholder)&&void 0!==o?o:this.searchLabel,ariaDescribedBy:this._hasNoOptions||this.showLoading?this._infoTextId:void 0,onInput:t=>this.handleSearch(t)})):null,this._hasNoOptions||this.showLoading?d("db-infotext",{id:this._infoTextId,icon:this.showLoading?"circular_arrows":void 0,semantic:this.showLoading?"informational":"warning"},null!==(w=this.showLoading?this.loadingText:this.noResultsText)&&void 0!==w?w:F):d(n,null,this.selectAllEnabled?d("div",null,d("div",{class:"db-checkbox db-custom-select-list-item"},d("label",null,d("input",{type:"checkbox",value:"select-all",ref:t=>{this.selectAllRef=t},form:this._id,checked:this.selectAllChecked,onChange:t=>this.handleSelectAll(t)}),this.getSelectAllLabel()))):null,d("db-custom-select-list",{multiple:r(this.multiple,"multiple"),label:null!==(f=null!==(m=this.listLabel)&&void 0!==m?m:this.label)&&void 0!==f?f:b},null===(p=this._options)||void 0===p?void 0:p.map((t=>d("db-custom-select-list-item",{type:this.multiple?"checkbox":"radio",showDivider:t.showDivider,icon:t.icon,isGroupTitle:t.isGroupTitle,groupTitle:this.getOptionLabel(t),name:this._id,checked:this.getOptionChecked(t.value),disabled:t.disabled,value:t.value,onChange:()=>this.handleSelect(t.value),key:void 0},t.isGroupTitle?null:this.getOptionLabel(t)))))),d("div",null,d("db-button",{variant:"ghost",width:"full",icon:"cross",size:"small",name:this._id,form:this._id,onClick:()=>this.handleClose(void 0,!0)},null!==(y=this.mobileCloseButtonText)&&void 0!==y?y:I)))):null),(null===(g=this.showClearSelection)||void 0===g||g)&&(null===(k=this._values)||void 0===k?void 0:k.length)?d("db-button",{icon:"cross",variant:"ghost",size:"small",noText:!0,name:this._id,form:this._id,disabled:r(this.disabled,"disabled"),onClick:t=>this.handleClearAll(t)},this.clearSelectionText,d("db-tooltip",{placement:"top"},this.clearSelectionText)):null,d("span",{key:"5ea00e32bfe11384196d884a22b502f69e2645db",class:"db-custom-select-placeholder","aria-hidden":"true",id:this._placeholderId},null!==(A=this.placeholder)&&void 0!==A?A:this.label),l(this.message,this.showMessage)?d("db-infotext",{size:"small",icon:this.messageIcon,id:this._messageId},this.message):null,this.hasValidState()?d("db-infotext",{size:"small",semantic:"successful",id:this._validMessageId},this.validMessage||C):null,d("db-infotext",{key:"c7e52d96c2b30151a5bf0468675dd346066ae5c7",size:"small",semantic:"critical",id:this._invalidMessageId},this._invalidMessage),d("span",{key:"bf805892157e5f35c4c705f6a4bc2733f732a73e","data-visually-hidden":"true",role:"status"},this._voiceOverFallback))}get rootElement(){return this}static get watchers(){return{id:[{watch0:0}],"propOverrides?.id":[{watch0:0}],detailsRef:[{watch1:0},{watch3:0}],_id:[{watch2:0}],_descByIds:[{watch3:0}],showNoResults:[{watch4:0}],showLoading:[{watch4:0}],_options:[{watch4:0}],showSelectAll:[{watch5:0}],amountOptions:[{watch5:0},{watch6:0},{watch11:0}],multiple:[{watch5:0}],showSearch:[{watch6:0}],values:[{watch7:0}],_values:[{watch8:0},{watch11:0},{watch14:0}],selectRef:[{watch8:0},{watch9:0},{watch18:0}],validation:[{watch10:0}],options:[{watch12:0},{watch14:0}],searchValue:[{watch13:0}],_selectedOptions:[{watch15:0},{watch16:0}],selectedType:[{watch15:0}],amountText:[{watch15:0}],selectedLabels:[{watch15:0}],transformSelectedLabels:[{watch15:0}],selectAllIndeterminate:[{watch17:0}],selectAllRef:[{watch17:0}],invalidMessage:[{watch18:0}]}}},[260,"db-custom-select",{invalidMessage:[1,"invalid-message"],id:[1],propOverrides:[16],message:[1],showMessage:[8,"show-message"],ariaDescribedBy:[1,"aria-described-by"],showNoResults:[4,"show-no-results"],showLoading:[4,"show-loading"],multiple:[8],showSelectAll:[4,"show-select-all"],showSearch:[4,"show-search"],values:[16],validation:[1],options:[16],searchValue:[1,"search-value"],selectedLabels:[1,"selected-labels"],transformSelectedLabels:[16],selectedType:[1,"selected-type"],amountText:[1,"amount-text"],validMessage:[1,"valid-message"],required:[8],selectAllLabel:[1,"select-all-label"],removeTagsTexts:[16],placement:[1],searchFilter:[16],className:[1,"classname"],formFieldWidth:[1,"form-field-width"],variant:[1],showRequiredAsterisk:[8,"show-required-asterisk"],showLabel:[8,"show-label"],icon:[1],showIcon:[8,"show-icon"],label:[1],form:[1],name:[1],disabled:[8],open:[4],selectedPrefix:[1,"selected-prefix"],dropdownWidth:[1,"dropdown-width"],searchLabel:[1,"search-label"],searchPlaceholder:[1,"search-placeholder"],listLabel:[1,"list-label"],loadingText:[1,"loading-text"],noResultsText:[1,"no-results-text"],mobileCloseButtonText:[1,"mobile-close-button-text"],showClearSelection:[4,"show-clear-selection"],clearSelectionText:[1,"clear-selection-text"],placeholder:[1],messageIcon:[1,"message-icon"],_id:[32],_messageId:[32],_validMessageId:[32],_invalidMessageId:[32],_invalidMessage:[32],_selectId:[32],_labelId:[32],_summaryId:[32],_placeholderId:[32],_infoTextId:[32],_validity:[32],_userInteraction:[32],abortController:[32],_descByIds:[32],_selectedLabels:[32],_selectedLabelsId:[32],_voiceOverFallback:[32],_selectedOptions:[32],selectAllEnabled:[32],searchEnabled:[32],amountOptions:[32],_values:[32],_options:[32],_hasNoOptions:[32],_documentClickListenerCallbackId:[32],_internalChangeTimestamp:[32],_documentScrollListenerCallbackId:[32],_intersectionObserverCallbackId:[32],_resizeObserverCallbackId:[32],_searchValue:[32],selectAllChecked:[32],selectAllIndeterminate:[32],observer:[32]},void 0,{id:[{watch0:0}],"propOverrides?.id":[{watch0:0}],detailsRef:[{watch1:0},{watch3:0}],_id:[{watch2:0}],_descByIds:[{watch3:0}],showNoResults:[{watch4:0}],showLoading:[{watch4:0}],_options:[{watch4:0}],showSelectAll:[{watch5:0}],amountOptions:[{watch5:0},{watch6:0},{watch11:0}],multiple:[{watch5:0}],showSearch:[{watch6:0}],values:[{watch7:0}],_values:[{watch8:0},{watch11:0},{watch14:0}],selectRef:[{watch8:0},{watch9:0},{watch18:0}],validation:[{watch10:0}],options:[{watch12:0},{watch14:0}],searchValue:[{watch13:0}],_selectedOptions:[{watch15:0},{watch16:0}],selectedType:[{watch15:0}],amountText:[{watch15:0}],selectedLabels:[{watch15:0}],transformSelectedLabels:[{watch15:0}],selectAllIndeterminate:[{watch17:0}],selectAllRef:[{watch17:0}],invalidMessage:[{watch18:0}]}]),K=$,W=function(){"undefined"!=typeof customElements&&["db-custom-select","db-button","db-custom-select-dropdown","db-custom-select-list","db-custom-select-list-item","db-infotext","db-input","db-tag","db-tooltip"].forEach((t=>{switch(t){case"db-custom-select":customElements.get(w(t))||customElements.define(w(t),$);break;case"db-button":customElements.get(w(t))||E();break;case"db-custom-select-dropdown":customElements.get(w(t))||R();break;case"db-custom-select-list":customElements.get(w(t))||j();break;case"db-custom-select-list-item":customElements.get(w(t))||q();break;case"db-infotext":customElements.get(w(t))||M();break;case"db-input":customElements.get(w(t))||z();break;case"db-tag":customElements.get(w(t))||V();break;case"db-tooltip":customElements.get(w(t))||N()}}))};export{P as D,K as DbCustomSelect,W as defineCustomElement}
@@ -1 +1 @@
1
- import{y as t,H as i,z as s,d as e,t as d}from"./p-CYYSsu3p.js";const a=t(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.observer=void 0}setupObserver(t){if(!t)return;const i=t.closest("db-divider");i&&!this.observer&&(this.observer=new MutationObserver((i=>{i.some((t=>{var i;const s=t.target.attributes.getNamedItem(null!==(i=t.attributeName)&&void 0!==i?i:"");return(null==s?void 0:s.value)!==t.oldValue}))&&this.enableAttributePassing(t,"db-divider")})),this.observer.observe(i,{attributes:!0,attributeOldValue:!0}))}enableAttributePassing(t,i){const s=null==t?void 0:t.closest(i);if(t&&s){const i=s.attributes;for(let e=0;e<i.length;e++){const d=i.item(e);if(d&&"data-density"!==d.name&&(d.name.startsWith("data-")||d.name.startsWith("aria-")))d.value?t.setAttribute(d.name,d.value):t.removeAttribute(d.name),s.removeAttribute(d.name);else if(d&&["style"].includes(d.name))t.setAttribute(d.name,d.value),s.removeAttribute(d.name);else if(d&&"class"===d.name){const i=d.value.includes("hydrated"),e=d.value.replace("hydrated","").trim(),a=t.getAttribute("class");t.setAttribute(d.name,`${a||""}${e?" "+e:""}`),i?s.setAttribute("class","hydrated"):s.removeAttribute(d.name)}}}}componentDidLoad(){if("undefined"!=typeof document&&this.rootElement&&this.rootElement.dataset.connect){const t=document.querySelector(`[data-connect-id="${this.rootElement.dataset.connect}"]`);t&&t.remove()}this.enableAttributePassing(this._ref,"db-divider"),this.setupObserver(this._ref)}disconnectedCallback(){var t;null===(t=this.observer)||void 0===t||t.disconnect()}render(){var t,i;return s("div",{key:"4f8780fd8ac04d3d4db08bbfeae57f0a86cf36ad",class:e("db-divider",this.className),ref:t=>{this._ref=t},id:null!==(t=this.id)&&void 0!==t?t:null===(i=this.propOverrides)||void 0===i?void 0:i.id,"data-margin":this.margin,"data-variant":this.variant,"data-emphasis":this.emphasis,"data-width":this.width})}get rootElement(){return this}},[0,"db-divider",{id:[1],propOverrides:[16],margin:[1],variant:[1],emphasis:[1],width:[1],className:[1,"classname"],observer:[32]}]),n=a,r=function(){"undefined"!=typeof customElements&&["db-divider"].forEach((t=>{"db-divider"===t&&(customElements.get(d(t))||customElements.define(d(t),a))}))};export{n as DbDivider,r as defineCustomElement}
1
+ import{z as t,H as i,A as s,d as e,t as d}from"./p-DEicAzan.js";const a=t(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.observer=void 0}setupObserver(t){if(!t)return;const i=t.closest("db-divider");i&&!this.observer&&(this.observer=new MutationObserver((i=>{i.some((t=>{var i;const s=t.target.attributes.getNamedItem(null!==(i=t.attributeName)&&void 0!==i?i:"");return(null==s?void 0:s.value)!==t.oldValue}))&&this.enableAttributePassing(t,"db-divider")})),this.observer.observe(i,{attributes:!0,attributeOldValue:!0}))}enableAttributePassing(t,i){const s=null==t?void 0:t.closest(i);if(t&&s){const i=s.attributes;for(let e=0;e<i.length;e++){const d=i.item(e);if(d&&"data-density"!==d.name&&(d.name.startsWith("data-")||d.name.startsWith("aria-")))d.value?t.setAttribute(d.name,d.value):t.removeAttribute(d.name),s.removeAttribute(d.name);else if(d&&["style"].includes(d.name))t.setAttribute(d.name,d.value),s.removeAttribute(d.name);else if(d&&"class"===d.name){const i=d.value.includes("hydrated"),e=d.value.replace("hydrated","").trim(),a=t.getAttribute("class");t.setAttribute(d.name,`${a||""}${e?" "+e:""}`),i?s.setAttribute("class","hydrated"):s.removeAttribute(d.name)}}}}componentDidLoad(){if("undefined"!=typeof document&&this.rootElement&&this.rootElement.dataset.connect){const t=document.querySelector(`[data-connect-id="${this.rootElement.dataset.connect}"]`);t&&t.remove()}this.enableAttributePassing(this._ref,"db-divider"),this.setupObserver(this._ref)}disconnectedCallback(){var t;null===(t=this.observer)||void 0===t||t.disconnect()}render(){var t,i;return s("div",{key:"b74e9a9bc0bf12d414e6f828b52a1eba7406ac81",class:e("db-divider",this.className),ref:t=>{this._ref=t},id:null!==(t=this.id)&&void 0!==t?t:null===(i=this.propOverrides)||void 0===i?void 0:i.id,"data-margin":this.margin,"data-variant":this.variant,"data-emphasis":this.emphasis,"data-width":this.width})}get rootElement(){return this}},[0,"db-divider",{id:[1],propOverrides:[16],margin:[1],variant:[1],emphasis:[1],width:[1],className:[1,"classname"],observer:[32]}]),n=a,r=function(){"undefined"!=typeof customElements&&["db-divider"].forEach((t=>{"db-divider"===t&&(customElements.get(d(t))||customElements.define(d(t),a))}))};export{n as DbDivider,r as defineCustomElement}
@@ -1,9 +1,9 @@
1
1
  import type { Components, JSX } from "../dist/types/components";
2
2
 
3
- interface DbNavigation extends Components.DbNavigation, HTMLElement {}
4
- export const DbNavigation: {
5
- prototype: DbNavigation;
6
- new (): DbNavigation;
3
+ interface DbDrawerFooter extends Components.DbDrawerFooter, HTMLElement {}
4
+ export const DbDrawerFooter: {
5
+ prototype: DbDrawerFooter;
6
+ new (): DbDrawerFooter;
7
7
  };
8
8
  /**
9
9
  * Used to define this component and all nested components recursively.
@@ -0,0 +1 @@
1
+ import{D as o,d as s}from"./p-CjeAJfEo.js";const p=o,r=s;export{p as DbDrawerFooter,r as defineCustomElement}
@@ -1,9 +1,9 @@
1
1
  import type { Components, JSX } from "../dist/types/components";
2
2
 
3
- interface DbPage extends Components.DbPage, HTMLElement {}
4
- export const DbPage: {
5
- prototype: DbPage;
6
- new (): DbPage;
3
+ interface DbDrawerHeader extends Components.DbDrawerHeader, HTMLElement {}
4
+ export const DbDrawerHeader: {
5
+ prototype: DbDrawerHeader;
6
+ new (): DbDrawerHeader;
7
7
  };
8
8
  /**
9
9
  * Used to define this component and all nested components recursively.
@@ -0,0 +1 @@
1
+ import{D as o,d as s}from"./p-WOdZHiUh.js";const p=o,r=s;export{p as DbDrawerHeader,r as defineCustomElement}
@@ -1 +1 @@
1
- import{D as o,d as s}from"./p-n2qePi9e.js";const e=o,p=s;export{e as DbDrawer,p as defineCustomElement}
1
+ import{D as o,d as s}from"./p-CtoC6vGL.js";const t=o,p=s;export{t as DbDrawer,p as defineCustomElement}
package/bundle/db-icon.js CHANGED
@@ -1 +1 @@
1
- import{y as t,H as s,z as e,d as i,t as n}from"./p-CYYSsu3p.js";const o=t(class extends s{constructor(t){super(),!1!==t&&this.__registerHost(),this.observer=void 0}setupObserver(t){if(!t)return;const s=t.closest("db-icon");s&&!this.observer&&(this.observer=new MutationObserver((s=>{s.some((t=>{var s;const e=t.target.attributes.getNamedItem(null!==(s=t.attributeName)&&void 0!==s?s:"");return(null==e?void 0:e.value)!==t.oldValue}))&&this.enableAttributePassing(t,"db-icon")})),this.observer.observe(s,{attributes:!0,attributeOldValue:!0}))}enableAttributePassing(t,s){const e=null==t?void 0:t.closest(s);if(t&&e){const s=e.attributes;for(let i=0;i<s.length;i++){const n=s.item(i);if(n&&"data-density"!==n.name&&(n.name.startsWith("data-")||n.name.startsWith("aria-")))n.value?t.setAttribute(n.name,n.value):t.removeAttribute(n.name),e.removeAttribute(n.name);else if(n&&["style"].includes(n.name))t.setAttribute(n.name,n.value),e.removeAttribute(n.name);else if(n&&"class"===n.name){const s=n.value.includes("hydrated"),i=n.value.replace("hydrated","").trim(),o=t.getAttribute("class");t.setAttribute(n.name,`${o||""}${i?" "+i:""}`),s?e.setAttribute("class","hydrated"):e.removeAttribute(n.name)}}}}componentDidLoad(){if("undefined"!=typeof document&&this.rootElement&&this.rootElement.dataset.connect){const t=document.querySelector(`[data-connect-id="${this.rootElement.dataset.connect}"]`);t&&t.remove()}this.enableAttributePassing(this._ref,"db-icon"),this.setupObserver(this._ref)}disconnectedCallback(){var t;null===(t=this.observer)||void 0===t||t.disconnect()}render(){var t,s;return e("span",{key:"45475f5547eb46fee1e5046a3adf5602b8427d1e",class:i("db-icon",this.className),"aria-hidden":"true",ref:t=>{this._ref=t},id:null!==(t=this.id)&&void 0!==t?t:null===(s=this.propOverrides)||void 0===s?void 0:s.id,"data-icon":this.icon,"data-icon-weight":this.weight,"data-icon-variant":this.variant},this.text?this.text:null,e("slot",{key:"05089e47e87077e6227760806584f49715080c38"}))}get rootElement(){return this}},[260,"db-icon",{id:[1],propOverrides:[16],className:[1,"classname"],icon:[1],weight:[1],variant:[1],text:[1],observer:[32]}]),a=o,d=function(){"undefined"!=typeof customElements&&["db-icon"].forEach((t=>{"db-icon"===t&&(customElements.get(n(t))||customElements.define(n(t),o))}))};export{a as DbIcon,d as defineCustomElement}
1
+ import{z as t,H as s,A as e,d as i,t as n}from"./p-DEicAzan.js";const a=t(class extends s{constructor(t){super(),!1!==t&&this.__registerHost(),this.observer=void 0}setupObserver(t){if(!t)return;const s=t.closest("db-icon");s&&!this.observer&&(this.observer=new MutationObserver((s=>{s.some((t=>{var s;const e=t.target.attributes.getNamedItem(null!==(s=t.attributeName)&&void 0!==s?s:"");return(null==e?void 0:e.value)!==t.oldValue}))&&this.enableAttributePassing(t,"db-icon")})),this.observer.observe(s,{attributes:!0,attributeOldValue:!0}))}enableAttributePassing(t,s){const e=null==t?void 0:t.closest(s);if(t&&e){const s=e.attributes;for(let i=0;i<s.length;i++){const n=s.item(i);if(n&&"data-density"!==n.name&&(n.name.startsWith("data-")||n.name.startsWith("aria-")))n.value?t.setAttribute(n.name,n.value):t.removeAttribute(n.name),e.removeAttribute(n.name);else if(n&&["style"].includes(n.name))t.setAttribute(n.name,n.value),e.removeAttribute(n.name);else if(n&&"class"===n.name){const s=n.value.includes("hydrated"),i=n.value.replace("hydrated","").trim(),a=t.getAttribute("class");t.setAttribute(n.name,`${a||""}${i?" "+i:""}`),s?e.setAttribute("class","hydrated"):e.removeAttribute(n.name)}}}}componentDidLoad(){if("undefined"!=typeof document&&this.rootElement&&this.rootElement.dataset.connect){const t=document.querySelector(`[data-connect-id="${this.rootElement.dataset.connect}"]`);t&&t.remove()}this.enableAttributePassing(this._ref,"db-icon"),this.setupObserver(this._ref)}disconnectedCallback(){var t;null===(t=this.observer)||void 0===t||t.disconnect()}render(){var t,s;return e("span",{key:"317a35455deed25c97bbe605675e7cf4694147db",class:i("db-icon",this.className),"aria-hidden":"true",ref:t=>{this._ref=t},id:null!==(t=this.id)&&void 0!==t?t:null===(s=this.propOverrides)||void 0===s?void 0:s.id,"data-icon":this.icon,"data-icon-weight":this.weight,"data-icon-variant":this.variant},this.text?this.text:null,e("slot",{key:"d0c4a2db988fa511049303667ae42e1143b6a285"}))}get rootElement(){return this}},[260,"db-icon",{id:[1],propOverrides:[16],className:[1,"classname"],icon:[1],weight:[1],variant:[1],text:[1],observer:[32]}]),d=a,o=function(){"undefined"!=typeof customElements&&["db-icon"].forEach((t=>{"db-icon"===t&&(customElements.get(n(t))||customElements.define(n(t),a))}))};export{d as DbIcon,o as defineCustomElement}
@@ -1 +1 @@
1
- import{D as o,d as p}from"./p-BpO8Ok-r.js";const r=o,s=p;export{r as DbInfotext,s as defineCustomElement}
1
+ import{D as m,d as o}from"./p-DTmum76Y.js";const s=m,p=o;export{s as DbInfotext,p as defineCustomElement}
@@ -1 +1 @@
1
- import{D as s,d as o}from"./p-DcgghWWs.js";const p=s,r=o;export{p as DbInput,r as defineCustomElement}
1
+ import{D as o,d as s}from"./p-BbEdAR4o.js";const p=o,r=s;export{p as DbInput,r as defineCustomElement}
package/bundle/db-link.js CHANGED
@@ -1 +1 @@
1
- import{D as o,d as s}from"./p-Cc5hdI0x.js";const p=o,r=s;export{p as DbLink,r as defineCustomElement}
1
+ import{D as o,d as s}from"./p-B_cQ652T.js";const p=o,r=s;export{p as DbLink,r as defineCustomElement}
@@ -1 +1 @@
1
- import{y as t,H as i,A as s,z as e,k as a,p as n,j as o,d,t as c,x as l}from"./p-CYYSsu3p.js";import{s as h}from"./p-BdL-nI5y.js";import{d as r}from"./p-DVuZmW_J.js";const b=t(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.close=s(this,"close"),this.observer=void 0}handleClose(t){t&&(t.stopPropagation(),this.close&&this.close.emit(t))}setupObserver(t){if(!t)return;const i=t.closest("db-notification");i&&!this.observer&&(this.observer=new MutationObserver((i=>{i.some((t=>{var i;const s=t.target.attributes.getNamedItem(null!==(i=t.attributeName)&&void 0!==i?i:"");return(null==s?void 0:s.value)!==t.oldValue}))&&this.enableAttributePassing(t,"db-notification")})),this.observer.observe(i,{attributes:!0,attributeOldValue:!0}))}enableAttributePassing(t,i){const s=null==t?void 0:t.closest(i);if(t&&s){const i=s.attributes;for(let e=0;e<i.length;e++){const a=i.item(e);if(a&&"data-density"!==a.name&&(a.name.startsWith("data-")||a.name.startsWith("aria-")))a.value?t.setAttribute(a.name,a.value):t.removeAttribute(a.name),s.removeAttribute(a.name);else if(a&&["style"].includes(a.name))t.setAttribute(a.name,a.value),s.removeAttribute(a.name);else if(a&&"class"===a.name){const i=a.value.includes("hydrated"),e=a.value.replace("hydrated","").trim(),n=t.getAttribute("class");t.setAttribute(a.name,`${n||""}${e?" "+e:""}`),i?s.setAttribute("class","hydrated"):s.removeAttribute(a.name)}}}}componentDidLoad(){if("undefined"!=typeof document&&this.rootElement&&this.rootElement.dataset.connect){const t=document.querySelector(`[data-connect-id="${this.rootElement.dataset.connect}"]`);t&&t.remove()}this.enableAttributePassing(this._ref,"db-notification"),this.setupObserver(this._ref)}disconnectedCallback(){var t;null===(t=this.observer)||void 0===t||t.disconnect()}render(){var t,i,s;return e("div",{key:"3f6ef4d3d506873a5b4bd15fde4d2c2fbedc9746",class:d("db-notification",this.className),ref:t=>{this._ref=t},id:null!==(t=this.id)&&void 0!==t?t:null===(i=this.propOverrides)||void 0===i?void 0:i.id,role:l({semantic:this.semantic,role:this.role,ariaLive:this.ariaLive}),"aria-live":this.ariaLive,"data-semantic":this.semantic,"data-variant":this.variant,"data-icon":!1!==a(this.showIcon)?this.icon:void 0,"data-show-icon":o(this.showIcon,"showIcon"),"data-link-variant":this.linkVariant},e("slot",{key:"869ddc92d88e68d689215add30f1eefbfababc21",name:"image"}),n(this.headline,this.showHeadline)?e("header",{"data-area":"head"},this.headline):null,e("div",{key:"f3eb313619e046c8eb3fa7b527470b8145003173","data-area":"content"},this.text?this.text:null,e("slot",{key:"ff2a9c542527cf6da87bace3b77b9477899626ea"})),n(this.timestamp,this.showTimestamp)?e("time",{"data-area":"timestamp",dateTime:this.timestampDatetime},this.timestamp):null,e("slot",{key:"5529bddb13c7a39c5fcf6b9bca844cbe1f16fee3",name:"link"}),a(this.closeable,"closeable")?e("db-button",{icon:"cross",variant:"ghost",size:"small",id:this.closeButtonId,noText:!0,onClick:t=>this.handleClose(t)},null!==(s=this.closeButtonText)&&void 0!==s?s:h):null)}get rootElement(){return this}},[260,"db-notification",{id:[1],propOverrides:[16],className:[1,"classname"],semantic:[1],role:[1],ariaLive:[1,"aria-live"],variant:[1],showIcon:[8,"show-icon"],icon:[1],linkVariant:[1,"link-variant"],headline:[8],showHeadline:[8,"show-headline"],text:[1],timestamp:[1],showTimestamp:[8,"show-timestamp"],timestampDatetime:[1,"timestamp-datetime"],closeable:[8],closeButtonId:[1,"close-button-id"],closeButtonText:[1,"close-button-text"],observer:[32]}]),m=b,u=function(){"undefined"!=typeof customElements&&["db-notification","db-button"].forEach((t=>{switch(t){case"db-notification":customElements.get(c(t))||customElements.define(c(t),b);break;case"db-button":customElements.get(c(t))||r()}}))};export{m as DbNotification,u as defineCustomElement}
1
+ import{z as t,H as i,B as s,A as e,l as a,q as n,k as o,d,t as c,y as l}from"./p-DEicAzan.js";import{v as h}from"./p-COv1iCFP.js";import{d as r}from"./p-C3NPZvho.js";const m=t(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.close=s(this,"close"),this.observer=void 0}handleClose(t){t&&(t.stopPropagation(),this.close&&this.close.emit(t))}setupObserver(t){if(!t)return;const i=t.closest("db-notification");i&&!this.observer&&(this.observer=new MutationObserver((i=>{i.some((t=>{var i;const s=t.target.attributes.getNamedItem(null!==(i=t.attributeName)&&void 0!==i?i:"");return(null==s?void 0:s.value)!==t.oldValue}))&&this.enableAttributePassing(t,"db-notification")})),this.observer.observe(i,{attributes:!0,attributeOldValue:!0}))}enableAttributePassing(t,i){const s=null==t?void 0:t.closest(i);if(t&&s){const i=s.attributes;for(let e=0;e<i.length;e++){const a=i.item(e);if(a&&"data-density"!==a.name&&(a.name.startsWith("data-")||a.name.startsWith("aria-")))a.value?t.setAttribute(a.name,a.value):t.removeAttribute(a.name),s.removeAttribute(a.name);else if(a&&["style"].includes(a.name))t.setAttribute(a.name,a.value),s.removeAttribute(a.name);else if(a&&"class"===a.name){const i=a.value.includes("hydrated"),e=a.value.replace("hydrated","").trim(),n=t.getAttribute("class");t.setAttribute(a.name,`${n||""}${e?" "+e:""}`),i?s.setAttribute("class","hydrated"):s.removeAttribute(a.name)}}}}componentDidLoad(){if("undefined"!=typeof document&&this.rootElement&&this.rootElement.dataset.connect){const t=document.querySelector(`[data-connect-id="${this.rootElement.dataset.connect}"]`);t&&t.remove()}this.enableAttributePassing(this._ref,"db-notification"),this.setupObserver(this._ref)}disconnectedCallback(){var t;null===(t=this.observer)||void 0===t||t.disconnect()}render(){var t,i,s;return e("div",{key:"24d232744b6491f7883907495e90db630a3dfa37",class:d("db-notification",this.className),ref:t=>{this._ref=t},id:null!==(t=this.id)&&void 0!==t?t:null===(i=this.propOverrides)||void 0===i?void 0:i.id,role:l({semantic:this.semantic,role:this.role,ariaLive:this.ariaLive}),"aria-live":this.ariaLive,"data-semantic":this.semantic,"data-variant":this.variant,"data-icon":!1!==a(this.showIcon)?this.icon:void 0,"data-show-icon":o(this.showIcon,"showIcon"),"data-link-variant":this.linkVariant},e("slot",{key:"7c75177f9eff5127a8d4c8043c59d94a508a5044",name:"image"}),n(this.headline,this.showHeadline)?e("header",{"data-area":"head"},this.headline):null,e("div",{key:"a0e9233a3143354c401f0d12f60ccdb30977736c","data-area":"content"},this.text?this.text:null,e("slot",{key:"67f52722658f2894a23fd8f7f0bdc8a6337e8599"})),n(this.timestamp,this.showTimestamp)?e("time",{"data-area":"timestamp",dateTime:this.timestampDatetime},this.timestamp):null,e("slot",{key:"5bc5cc27b0cfd34d470adede98ee929845a21868",name:"link"}),a(this.closeable,"closeable")?e("db-button",{icon:"cross",variant:"ghost",size:"small",id:this.closeButtonId,noText:!0,onClick:t=>this.handleClose(t)},null!==(s=this.closeButtonText)&&void 0!==s?s:h):null)}get rootElement(){return this}},[260,"db-notification",{id:[1],propOverrides:[16],className:[1,"classname"],semantic:[1],role:[1],ariaLive:[1,"aria-live"],variant:[1],showIcon:[8,"show-icon"],icon:[1],linkVariant:[1,"link-variant"],headline:[8],showHeadline:[8,"show-headline"],text:[1],timestamp:[1],showTimestamp:[8,"show-timestamp"],timestampDatetime:[1,"timestamp-datetime"],closeable:[8],closeButtonId:[1,"close-button-id"],closeButtonText:[1,"close-button-text"],observer:[32]}]),u=m,f=function(){"undefined"!=typeof customElements&&["db-notification","db-button"].forEach((t=>{switch(t){case"db-notification":customElements.get(c(t))||customElements.define(c(t),m);break;case"db-button":customElements.get(c(t))||r()}}))};export{u as DbNotification,f as defineCustomElement}
@@ -1 +1 @@
1
- import{y as t,H as i,f as s,z as e,j as a,d as n,t as o}from"./p-CYYSsu3p.js";import{D as d}from"./p-DJTpgiBy.js";import{b as h}from"./p-DOPXnIzL.js";const r=t(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.initialized=!1,this.isExpanded=!1,this._documentScrollListenerCallbackId=void 0,this._observer=void 0,this.observer=void 0}handleEscape(t){if(!t||"Escape"===t.key)for(const t of Array.from(this._ref.children))t.blur()}handleAutoPlacement(){if(!this._ref)return;const t=this._ref.querySelector("article");t&&s((()=>{var i;h(t,this._ref,null!==(i=this.placement)&&void 0!==i?i:"bottom")}),1)}handleDocumentScroll(t){var i,s;(null===(i=null==t?void 0:t.target)||void 0===i?void 0:i.contains)&&(null===(s=null==t?void 0:t.target)||void 0===s?void 0:s.contains(this._ref))&&this.handleAutoPlacement()}handleEnter(){var t;this.isExpanded=!0,this._documentScrollListenerCallbackId=(new d).addCallback((t=>this.handleDocumentScroll(t))),this.handleAutoPlacement();const i=this.getTrigger();i&&(null===(t=this._observer)||void 0===t||t.observe(i))}handleLeave(t){var i;const s=null==t?void 0:t.target;if(!(null==s?void 0:s.parentNode)||s.parentNode.querySelector(":focus")!==s&&s.parentNode.querySelector(":focus-within")!==s&&s.parentNode.querySelector(":hover")!==s){this.isExpanded=!1,this._documentScrollListenerCallbackId&&(new d).removeCallback(this._documentScrollListenerCallbackId);const t=this.getTrigger();t&&(null===(i=this._observer)||void 0===i||i.unobserve(t))}}getTrigger(){var t;if(this._ref){const i=Array.from(this._ref.children);if(i.length>=2){const s=i[0];return s.tagName.includes("-")?(null===(t=s.children)||void 0===t?void 0:t.length)>0?s.children[0]:null:s}}return null}setupObserver(t){if(!t)return;const i=t.closest("db-popover");i&&!this.observer&&(this.observer=new MutationObserver((i=>{i.some((t=>{var i;const s=t.target.attributes.getNamedItem(null!==(i=t.attributeName)&&void 0!==i?i:"");return(null==s?void 0:s.value)!==t.oldValue}))&&this.enableAttributePassing(t,"db-popover")})),this.observer.observe(i,{attributes:!0,attributeOldValue:!0}))}enableAttributePassing(t,i){const s=null==t?void 0:t.closest(i);if(t&&s){const i=s.attributes;for(let e=0;e<i.length;e++){const a=i.item(e);if(a&&"data-density"!==a.name&&(a.name.startsWith("data-")||a.name.startsWith("aria-")))a.value?t.setAttribute(a.name,a.value):t.removeAttribute(a.name),s.removeAttribute(a.name);else if(a&&["style"].includes(a.name))t.setAttribute(a.name,a.value),s.removeAttribute(a.name);else if(a&&"class"===a.name){const i=a.value.includes("hydrated"),e=a.value.replace("hydrated","").trim(),n=t.getAttribute("class");t.setAttribute(a.name,`${n||""}${e?" "+e:""}`),i?s.setAttribute("class","hydrated"):s.removeAttribute(a.name)}}}}watch0Fn(){if(this._ref&&this.initialized){this.initialized=!1;const t=this.getTrigger();t&&(t.ariaHasPopup="true"),this.handleAutoPlacement(),this._ref.addEventListener("keydown",(t=>this.handleEscape(t))),["mouseenter","focusin"].forEach((t=>{this._ref.addEventListener(t,(()=>this.handleEnter()))})),["mouseleave","focusout"].forEach((t=>{this._ref.addEventListener(t,(()=>this.handleLeave()))})),"undefined"!=typeof window&&"IntersectionObserver"in window&&(this._observer=new IntersectionObserver((t=>{const i=t.find((({target:t})=>t===this.getTrigger()));i&&!i.isIntersecting&&this.handleEscape(!1)})))}}watch0(){this.watch0Fn()}watch1Fn(){if(this._ref){const t=this.getTrigger();t&&(t.ariaExpanded=""+!!this.isExpanded)}}watch1(){this.watch1Fn()}componentDidLoad(){if("undefined"!=typeof document&&this.rootElement&&this.rootElement.dataset.connect){const t=document.querySelector(`[data-connect-id="${this.rootElement.dataset.connect}"]`);t&&t.remove()}this.enableAttributePassing(this._ref,"db-popover"),(()=>{this.initialized=!0})(),(()=>{this.setupObserver(this._ref)})(),this.watch0Fn(),this.watch1Fn()}disconnectedCallback(){var t;null===(t=this.observer)||void 0===t||t.disconnect()}render(){var t,i,s;return e("div",{key:"6c495cb9c8f329dd2cf07bfc55b56eb9aa524fb9",class:n("db-popover",this.className),ref:t=>{this._ref=t},id:null!==(t=this.id)&&void 0!==t?t:null===(i=this.propOverrides)||void 0===i?void 0:i.id},e("slot",{key:"f74be440cae4d35f76ff2899bae864fc9e3e5c8a",name:"trigger"}),e("article",{key:"efec32b56bf7267aed0f0723306398f9e5f66c75",class:"db-popover-content","data-spacing":this.spacing,"data-gap":a(this.gap,"gap"),"data-animation":a(null===(s=this.animation)||void 0===s||s,"animation"),"data-open":a(this.open,"open"),"data-delay":this.delay,"data-width":this.width,"data-placement":this.placement},e("slot",{key:"2a1957f512ad0c9eca6e9e5f50721dda1ce56cf3"})))}get rootElement(){return this}static get watchers(){return{_ref:[{watch0:0},{watch1:0}],initialized:[{watch0:0}],isExpanded:[{watch1:0}]}}},[260,"db-popover",{placement:[1],id:[1],propOverrides:[16],className:[1,"classname"],spacing:[1],gap:[8],animation:[8],open:[8],delay:[1],width:[1],initialized:[32],isExpanded:[32],_documentScrollListenerCallbackId:[32],_observer:[32],observer:[32]},void 0,{_ref:[{watch0:0},{watch1:0}],initialized:[{watch0:0}],isExpanded:[{watch1:0}]}]),c=r,l=function(){"undefined"!=typeof customElements&&["db-popover"].forEach((t=>{"db-popover"===t&&(customElements.get(o(t))||customElements.define(o(t),r))}))};export{c as DbPopover,l as defineCustomElement}
1
+ import{z as t,H as i,f as s,A as e,k as a,d as o,t as n}from"./p-DEicAzan.js";import{D as h}from"./p-BWWm2aVB.js";import{a as d}from"./p-BT3wZY6f.js";import{I as r}from"./p-Nyi3Ccqz.js";import{R as c}from"./p-B2-mqMAV.js";const l=t(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.initialized=!1,this.isExpanded=!1,this._documentScrollListenerCallbackId=void 0,this._intersectionObserverCallbackId=void 0,this._resizeObserverCallbackId=void 0,this.observer=void 0}handleEscape(t){if(!t||"Escape"===t.key)for(const t of Array.from(this._ref.children))t.blur()}handleAutoPlacement(){if(!this._ref)return;const t=this._ref.querySelector("article");t&&s((()=>{d(t,this._ref)}),1)}handleDocumentScroll(t){var i,s;(null===(i=null==t?void 0:t.target)||void 0===i?void 0:i.contains)&&(null===(s=null==t?void 0:t.target)||void 0===s?void 0:s.contains(this._ref))&&this.handleAutoPlacement()}handleEnter(){this.isExpanded=!0,this._documentScrollListenerCallbackId&&((new h).removeCallback(this._documentScrollListenerCallbackId),this._documentScrollListenerCallbackId=void 0),this._resizeObserverCallbackId&&((new c).unobserve(this._resizeObserverCallbackId),this._resizeObserverCallbackId=void 0),this._intersectionObserverCallbackId&&((new r).unobserve(this._intersectionObserverCallbackId),this._intersectionObserverCallbackId=void 0),this._documentScrollListenerCallbackId=(new h).addCallback((t=>this.handleDocumentScroll(t))),this.handleAutoPlacement(),this._resizeObserverCallbackId=(new c).observe(document.documentElement,(()=>this.handleAutoPlacement()));const t=this.getTrigger();t&&(this._intersectionObserverCallbackId=(new r).observe(t,(t=>{t.isIntersecting||this.handleEscape(!1)})))}handleLeave(t){const i=null==t?void 0:t.target;(!(null==i?void 0:i.parentNode)||i.parentNode.querySelector(":focus")!==i&&i.parentNode.querySelector(":focus-within")!==i&&i.parentNode.querySelector(":hover")!==i)&&(this.isExpanded=!1,this._documentScrollListenerCallbackId&&((new h).removeCallback(this._documentScrollListenerCallbackId),this._documentScrollListenerCallbackId=void 0),this._resizeObserverCallbackId&&((new c).unobserve(this._resizeObserverCallbackId),this._resizeObserverCallbackId=void 0),this._intersectionObserverCallbackId&&((new r).unobserve(this._intersectionObserverCallbackId),this._intersectionObserverCallbackId=void 0))}getTrigger(){var t;if(this._ref){const i=Array.from(this._ref.children);if(i.length>=2){const s=i[0];return s.tagName.includes("-")?(null===(t=s.children)||void 0===t?void 0:t.length)>0?s.children[0]:null:s}}return null}setupObserver(t){if(!t)return;const i=t.closest("db-popover");i&&!this.observer&&(this.observer=new MutationObserver((i=>{i.some((t=>{var i;const s=t.target.attributes.getNamedItem(null!==(i=t.attributeName)&&void 0!==i?i:"");return(null==s?void 0:s.value)!==t.oldValue}))&&this.enableAttributePassing(t,"db-popover")})),this.observer.observe(i,{attributes:!0,attributeOldValue:!0}))}enableAttributePassing(t,i){const s=null==t?void 0:t.closest(i);if(t&&s){const i=s.attributes;for(let e=0;e<i.length;e++){const a=i.item(e);if(a&&"data-density"!==a.name&&(a.name.startsWith("data-")||a.name.startsWith("aria-")))a.value?t.setAttribute(a.name,a.value):t.removeAttribute(a.name),s.removeAttribute(a.name);else if(a&&["style"].includes(a.name))t.setAttribute(a.name,a.value),s.removeAttribute(a.name);else if(a&&"class"===a.name){const i=a.value.includes("hydrated"),e=a.value.replace("hydrated","").trim(),o=t.getAttribute("class");t.setAttribute(a.name,`${o||""}${e?" "+e:""}`),i?s.setAttribute("class","hydrated"):s.removeAttribute(a.name)}}}}watch0Fn(){if(this._ref&&this.initialized){this.initialized=!1;const t=this.getTrigger();t&&(t.ariaHasPopup="true"),this.handleAutoPlacement(),this._ref.addEventListener("keydown",(t=>this.handleEscape(t))),["mouseenter","focusin"].forEach((t=>{this._ref.addEventListener(t,(()=>this.handleEnter()))})),["mouseleave","focusout"].forEach((t=>{this._ref.addEventListener(t,(()=>this.handleLeave()))}))}}watch0(){this.watch0Fn()}watch1Fn(){if(this._ref){const t=this.getTrigger();t&&(t.ariaExpanded=""+!!this.isExpanded)}}watch1(){this.watch1Fn()}componentDidLoad(){if("undefined"!=typeof document&&this.rootElement&&this.rootElement.dataset.connect){const t=document.querySelector(`[data-connect-id="${this.rootElement.dataset.connect}"]`);t&&t.remove()}this.enableAttributePassing(this._ref,"db-popover"),(()=>{this.initialized=!0})(),(()=>{this.setupObserver(this._ref)})(),this.watch0Fn(),this.watch1Fn()}disconnectedCallback(){var t;this._documentScrollListenerCallbackId&&((new h).removeCallback(this._documentScrollListenerCallbackId),this._documentScrollListenerCallbackId=void 0),this._resizeObserverCallbackId&&((new c).unobserve(this._resizeObserverCallbackId),this._resizeObserverCallbackId=void 0),this._intersectionObserverCallbackId&&((new r).unobserve(this._intersectionObserverCallbackId),this._intersectionObserverCallbackId=void 0),null===(t=this.observer)||void 0===t||t.disconnect()}render(){var t,i,s;return e("div",{key:"05f2e24b5649f68be8480fabf05bdc79fd4a454e",class:o("db-popover",this.className),ref:t=>{this._ref=t},id:null!==(t=this.id)&&void 0!==t?t:null===(i=this.propOverrides)||void 0===i?void 0:i.id},e("slot",{key:"4fe2e58f6e2ccf3a18747f2810e6e62fdaa18576",name:"trigger"}),e("article",{key:"3fde13e830ddcd944854bf0123610fd5c04c8396",class:"db-popover-content","data-spacing":this.spacing,"data-gap":a(this.gap,"gap"),"data-animation":a(null===(s=this.animation)||void 0===s||s,"animation"),"data-open":a(this.open,"open"),"data-delay":this.delay,"data-width":this.width,"data-placement":this.placement},e("slot",{key:"c147317adc5fdc5c2aa313396360f76fb39f59ec"})))}get rootElement(){return this}static get watchers(){return{_ref:[{watch0:0},{watch1:0}],initialized:[{watch0:0}],isExpanded:[{watch1:0}]}}},[260,"db-popover",{id:[1],propOverrides:[16],className:[1,"classname"],spacing:[1],gap:[8],animation:[8],open:[8],delay:[1],width:[1],placement:[1],initialized:[32],isExpanded:[32],_documentScrollListenerCallbackId:[32],_intersectionObserverCallbackId:[32],_resizeObserverCallbackId:[32],observer:[32]},void 0,{_ref:[{watch0:0},{watch1:0}],initialized:[{watch0:0}],isExpanded:[{watch1:0}]}]),v=l,u=function(){"undefined"!=typeof customElements&&["db-popover"].forEach((t=>{"db-popover"===t&&(customElements.get(n(t))||customElements.define(n(t),l))}))};export{v as DbPopover,u as defineCustomElement}
@@ -1 +1 @@
1
- import{y as t,H as i,A as s,u as e,z as h,k as a,o as d,d as r,t as o,f as n}from"./p-CYYSsu3p.js";import{b as l}from"./p-D6L0n3gO.js";const c=t(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),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,this.observer=void 0}handleInput(t,i){this.input&&this.input.emit(t)}handleChange(t,i){this.change&&this.change.emit(t)}handleBlur(t){this.blur&&this.blur.emit(t)}handleFocus(t){this.focus&&this.focus.emit(t)}resetIds(){var t,i,s;this._id=null!==(s=null!==(t=this.id)&&void 0!==t?t:null===(i=this.propOverrides)||void 0===i?void 0:i.id)&&void 0!==s?s:"radio-"+e()}setupObserver(t){if(!t)return;const i=t.closest("db-radio");i&&!this.observer&&(this.observer=new MutationObserver((i=>{i.some((t=>{var i;const s=t.target.attributes.getNamedItem(null!==(i=t.attributeName)&&void 0!==i?i:"");return(null==s?void 0:s.value)!==t.oldValue}))&&this.enableAttributePassing(t,"db-radio")})),this.observer.observe(i,{attributes:!0,attributeOldValue:!0}))}enableAttributePassing(t,i){const s=null==t?void 0:t.closest(i);if(t&&s){const i=s.attributes;for(let e=0;e<i.length;e++){const h=i.item(e);if(h&&"data-density"!==h.name&&(h.name.startsWith("data-")||h.name.startsWith("aria-")))h.value?t.setAttribute(h.name,h.value):t.removeAttribute(h.name),s.removeAttribute(h.name);else if(h&&["style"].includes(h.name))t.setAttribute(h.name,h.value),s.removeAttribute(h.name);else if(h&&"class"===h.name){const i=h.value.includes("hydrated"),e=h.value.replace("hydrated","").trim(),a=t.getAttribute("class");t.setAttribute(h.name,`${a||""}${e?" "+e:""}`),i?s.setAttribute("class","hydrated"):s.removeAttribute(h.name)}}}}watch0Fn(){var t,i;(null!==(t=this.id)&&void 0!==t?t:null===(i=this.propOverrides)||void 0===i?void 0:i.id)&&this.resetIds()}watch0(){this.watch0Fn()}watch1Fn(){this.checked&&this.initialized&&this._ref&&(this._ref.checked=!0)}watch1(){this.watch1Fn()}watch2Fn(){if(this._ref){let t=this.abortController;t||(t=new AbortController,this.abortController=t),l(this._ref,(t=>{n((()=>{const i=this.checked?this.checked:this._ref.checked,s=Object.assign(Object.assign({},t),{target:Object.assign(Object.assign({},t.target),{value:"",checked:i})});this.handleChange(s,!0),this.handleInput(s,!0)}),1)}),t.signal)}}watch2(){this.watch2Fn()}componentDidLoad(){if("undefined"!=typeof document&&this.rootElement&&this.rootElement.dataset.connect){const t=document.querySelector(`[data-connect-id="${this.rootElement.dataset.connect}"]`);t&&t.remove()}this.enableAttributePassing(this._ref,"db-radio"),(()=>{this.initialized=!0,this.resetIds()})(),(()=>{this.setupObserver(this._ref)})(),this.watch0Fn(),this.watch1Fn(),this.watch2Fn()}disconnectedCallback(){var t,i;null===(t=this.abortController)||void 0===t||t.abort(),null===(i=this.observer)||void 0===i||i.disconnect()}render(){return h("label",{key:"130a6743dc68574baad658d474299d9808f7505f",class:r("db-radio",this.className),"data-size":this.size,"data-hide-label":d(this.showLabel),"data-hide-asterisk":d(this.showRequiredAsterisk),htmlFor:this._id},h("input",{key:"ebd2443b32fb32cf21735ea00607ee32f3da01d2",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:null,h("slot",{key:"2f4ccd96173b5780348cdddf914aa6ba424314bb"}))}get rootElement(){return this}static get watchers(){return{id:[{watch0:0}],"propOverrides?.id":[{watch0:0}],initialized:[{watch1:0}],_ref:[{watch1:0},{watch2:0}],checked:[{watch1:0}]}}},[260,"db-radio",{id:[1],propOverrides:[16],checked:[8],size:[1],showLabel:[8,"show-label"],showRequiredAsterisk:[8,"show-required-asterisk"],className:[1,"classname"],validation:[1],name:[1],disabled:[8],value:[8],required:[8],label:[1],initialized:[32],_id:[32],abortController:[32],observer:[32]},void 0,{id:[{watch0:0}],"propOverrides?.id":[{watch0:0}],initialized:[{watch1:0}],_ref:[{watch1:0},{watch2:0}],checked:[{watch1:0}]}]),u=c,b=function(){"undefined"!=typeof customElements&&["db-radio"].forEach((t=>{"db-radio"===t&&(customElements.get(o(t))||customElements.define(o(t),c))}))};export{u as DbRadio,b as defineCustomElement}
1
+ import{z as t,H as i,B as s,u as e,A as h,l as a,p as d,d as r,t as o,f as n}from"./p-DEicAzan.js";import{b as l}from"./p-DAr8BCe0.js";const c=t(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),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,this.observer=void 0}handleInput(t,i){this.input&&this.input.emit(t)}handleChange(t,i){this.change&&this.change.emit(t)}handleBlur(t){this.blur&&this.blur.emit(t)}handleFocus(t){this.focus&&this.focus.emit(t)}resetIds(){var t,i,s;this._id=null!==(s=null!==(t=this.id)&&void 0!==t?t:null===(i=this.propOverrides)||void 0===i?void 0:i.id)&&void 0!==s?s:"radio-"+e()}setupObserver(t){if(!t)return;const i=t.closest("db-radio");i&&!this.observer&&(this.observer=new MutationObserver((i=>{i.some((t=>{var i;const s=t.target.attributes.getNamedItem(null!==(i=t.attributeName)&&void 0!==i?i:"");return(null==s?void 0:s.value)!==t.oldValue}))&&this.enableAttributePassing(t,"db-radio")})),this.observer.observe(i,{attributes:!0,attributeOldValue:!0}))}enableAttributePassing(t,i){const s=null==t?void 0:t.closest(i);if(t&&s){const i=s.attributes;for(let e=0;e<i.length;e++){const h=i.item(e);if(h&&"data-density"!==h.name&&(h.name.startsWith("data-")||h.name.startsWith("aria-")))h.value?t.setAttribute(h.name,h.value):t.removeAttribute(h.name),s.removeAttribute(h.name);else if(h&&["style"].includes(h.name))t.setAttribute(h.name,h.value),s.removeAttribute(h.name);else if(h&&"class"===h.name){const i=h.value.includes("hydrated"),e=h.value.replace("hydrated","").trim(),a=t.getAttribute("class");t.setAttribute(h.name,`${a||""}${e?" "+e:""}`),i?s.setAttribute("class","hydrated"):s.removeAttribute(h.name)}}}}watch0Fn(){var t,i;(null!==(t=this.id)&&void 0!==t?t:null===(i=this.propOverrides)||void 0===i?void 0:i.id)&&this.resetIds()}watch0(){this.watch0Fn()}watch1Fn(){this.checked&&this.initialized&&this._ref&&(this._ref.checked=!0)}watch1(){this.watch1Fn()}watch2Fn(){if(this._ref){let t=this.abortController;t||(t=new AbortController,this.abortController=t),l(this._ref,(t=>{n((()=>{const i=this.checked?this.checked:this._ref.checked,s=Object.assign(Object.assign({},t),{target:Object.assign(Object.assign({},t.target),{value:"",checked:i})});this.handleChange(s,!0),this.handleInput(s,!0)}),1)}),t.signal)}}watch2(){this.watch2Fn()}componentDidLoad(){if("undefined"!=typeof document&&this.rootElement&&this.rootElement.dataset.connect){const t=document.querySelector(`[data-connect-id="${this.rootElement.dataset.connect}"]`);t&&t.remove()}this.enableAttributePassing(this._ref,"db-radio"),(()=>{this.initialized=!0,this.resetIds()})(),(()=>{this.setupObserver(this._ref)})(),this.watch0Fn(),this.watch1Fn(),this.watch2Fn()}disconnectedCallback(){var t,i;null===(t=this.abortController)||void 0===t||t.abort(),null===(i=this.observer)||void 0===i||i.disconnect()}render(){return h("label",{key:"fedde19abfa095e6215c68bdfc2602ae1b53c811",class:r("db-radio",this.className),"data-size":this.size,"data-hide-label":d(this.showLabel),"data-hide-asterisk":d(this.showRequiredAsterisk),htmlFor:this._id},h("input",{key:"75e0f430e4f2a268d48f856c382d17a25506e7d0",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:null,h("slot",{key:"51a2938014418d325d73f60c5d6b30461c2832a8"}))}get rootElement(){return this}static get watchers(){return{id:[{watch0:0}],"propOverrides?.id":[{watch0:0}],initialized:[{watch1:0}],_ref:[{watch1:0},{watch2:0}],checked:[{watch1:0}]}}},[260,"db-radio",{id:[1],propOverrides:[16],checked:[8],size:[1],showLabel:[8,"show-label"],showRequiredAsterisk:[8,"show-required-asterisk"],className:[1,"classname"],validation:[1],name:[1],disabled:[8],value:[8],required:[8],label:[1],initialized:[32],_id:[32],abortController:[32],observer:[32]},void 0,{id:[{watch0:0}],"propOverrides?.id":[{watch0:0}],initialized:[{watch1:0}],_ref:[{watch1:0},{watch2:0}],checked:[{watch1:0}]}]),u=c,b=function(){"undefined"!=typeof customElements&&["db-radio"].forEach((t=>{"db-radio"===t&&(customElements.get(o(t))||customElements.define(o(t),c))}))};export{u as DbRadio,b as defineCustomElement}
@@ -1 +1 @@
1
- import{y as t,H as s,z as e,d as i,t as n}from"./p-CYYSsu3p.js";const d=t(class extends s{constructor(t){super(),!1!==t&&this.__registerHost(),this.observer=void 0}setupObserver(t){if(!t)return;const s=t.closest("db-section");s&&!this.observer&&(this.observer=new MutationObserver((s=>{s.some((t=>{var s;const e=t.target.attributes.getNamedItem(null!==(s=t.attributeName)&&void 0!==s?s:"");return(null==e?void 0:e.value)!==t.oldValue}))&&this.enableAttributePassing(t,"db-section")})),this.observer.observe(s,{attributes:!0,attributeOldValue:!0}))}enableAttributePassing(t,s){const e=null==t?void 0:t.closest(s);if(t&&e){const s=e.attributes;for(let i=0;i<s.length;i++){const n=s.item(i);if(n&&"data-density"!==n.name&&(n.name.startsWith("data-")||n.name.startsWith("aria-")))n.value?t.setAttribute(n.name,n.value):t.removeAttribute(n.name),e.removeAttribute(n.name);else if(n&&["style"].includes(n.name))t.setAttribute(n.name,n.value),e.removeAttribute(n.name);else if(n&&"class"===n.name){const s=n.value.includes("hydrated"),i=n.value.replace("hydrated","").trim(),d=t.getAttribute("class");t.setAttribute(n.name,`${d||""}${i?" "+i:""}`),s?e.setAttribute("class","hydrated"):e.removeAttribute(n.name)}}}}componentDidLoad(){if("undefined"!=typeof document&&this.rootElement&&this.rootElement.dataset.connect){const t=document.querySelector(`[data-connect-id="${this.rootElement.dataset.connect}"]`);t&&t.remove()}this.enableAttributePassing(this._ref,"db-section"),this.setupObserver(this._ref)}disconnectedCallback(){var t;null===(t=this.observer)||void 0===t||t.disconnect()}render(){var t,s;return e("section",{key:"1dc0a8e37a04cd3a4caba5a50b94ea876e80d462",class:i("db-section",this.className),ref:t=>{this._ref=t},id:null!==(t=this.id)&&void 0!==t?t:null===(s=this.propOverrides)||void 0===s?void 0:s.id,"data-spacing":this.spacing||"medium","data-width":this.width},e("slot",{key:"74e62afdc9b8922d1cbd57e801fff67969831ac9"}))}get rootElement(){return this}},[260,"db-section",{id:[1],propOverrides:[16],className:[1,"classname"],spacing:[1],width:[1],observer:[32]}]),a=d,o=function(){"undefined"!=typeof customElements&&["db-section"].forEach((t=>{"db-section"===t&&(customElements.get(n(t))||customElements.define(n(t),d))}))};export{a as DbSection,o as defineCustomElement}
1
+ import{z as t,H as s,A as e,d as i,t as n}from"./p-DEicAzan.js";const d=t(class extends s{constructor(t){super(),!1!==t&&this.__registerHost(),this.observer=void 0}setupObserver(t){if(!t)return;const s=t.closest("db-section");s&&!this.observer&&(this.observer=new MutationObserver((s=>{s.some((t=>{var s;const e=t.target.attributes.getNamedItem(null!==(s=t.attributeName)&&void 0!==s?s:"");return(null==e?void 0:e.value)!==t.oldValue}))&&this.enableAttributePassing(t,"db-section")})),this.observer.observe(s,{attributes:!0,attributeOldValue:!0}))}enableAttributePassing(t,s){const e=null==t?void 0:t.closest(s);if(t&&e){const s=e.attributes;for(let i=0;i<s.length;i++){const n=s.item(i);if(n&&"data-density"!==n.name&&(n.name.startsWith("data-")||n.name.startsWith("aria-")))n.value?t.setAttribute(n.name,n.value):t.removeAttribute(n.name),e.removeAttribute(n.name);else if(n&&["style"].includes(n.name))t.setAttribute(n.name,n.value),e.removeAttribute(n.name);else if(n&&"class"===n.name){const s=n.value.includes("hydrated"),i=n.value.replace("hydrated","").trim(),d=t.getAttribute("class");t.setAttribute(n.name,`${d||""}${i?" "+i:""}`),s?e.setAttribute("class","hydrated"):e.removeAttribute(n.name)}}}}componentDidLoad(){if("undefined"!=typeof document&&this.rootElement&&this.rootElement.dataset.connect){const t=document.querySelector(`[data-connect-id="${this.rootElement.dataset.connect}"]`);t&&t.remove()}this.enableAttributePassing(this._ref,"db-section"),this.setupObserver(this._ref)}disconnectedCallback(){var t;null===(t=this.observer)||void 0===t||t.disconnect()}render(){var t,s;return e("section",{key:"818b03641b56d6ee3324de6840216c36ad88cb5f",class:i("db-section",this.className),ref:t=>{this._ref=t},id:null!==(t=this.id)&&void 0!==t?t:null===(s=this.propOverrides)||void 0===s?void 0:s.id,"data-spacing":this.spacing||"medium","data-width":this.width},e("slot",{key:"60006ff0140b76c482ed93b65f0f56ae0eb54e07"}))}get rootElement(){return this}},[260,"db-section",{id:[1],propOverrides:[16],className:[1,"classname"],spacing:[1],width:[1],observer:[32]}]),o=d,a=function(){"undefined"!=typeof customElements&&["db-section"].forEach((t=>{"db-section"===t&&(customElements.get(n(t))||customElements.define(n(t),d))}))};export{o as DbSection,a as defineCustomElement}
@@ -1 +1 @@
1
- import{y as i,H as s,A as t,h as e,f as h,p as a,u as l,z as d,k as o,j as n,F as c,o as r,d as v,t as u}from"./p-CYYSsu3p.js";import{l as b,f as p,g as m,h as w,i as f,k as y,a as g}from"./p-BdL-nI5y.js";import{c as k}from"./p-D6L0n3gO.js";import{d as O}from"./p-BpO8Ok-r.js";const _=i(class extends s{constructor(i){super(),!1!==i&&this.__registerHost(),this.click=t(this,"click"),this.input=t(this,"input"),this.change=t(this,"change"),this.blur=t(this,"blur"),this.focus=t(this,"focus"),this._id=void 0,this._messageId=void 0,this._validMessageId=void 0,this._invalidMessageId=void 0,this._invalidMessage=void 0,this._placeholderId="",this._descByIds=void 0,this._value="",this.initialized=!1,this._voiceOverFallback="",this.abortController=void 0,this.observer=void 0}hasValidState(){var i;return!!(null!==(i=this.validMessage)&&void 0!==i?i:"valid"===this.validation)}handleValidation(){var i,s,t,l;(null===(i=this._ref)||void 0===i?void 0:i.validity.valid)&&"invalid"!==this.validation?this.hasValidState()&&(null===(t=this._ref)||void 0===t?void 0:t.validity.valid)&&this.required?(this._descByIds=this._validMessageId,e()&&(this._voiceOverFallback=null!==(l=this.validMessage)&&void 0!==l?l:y,h((()=>this._voiceOverFallback=""),1e3))):this._descByIds=a(this.message,this.showMessage)?this._messageId:this.placeholder?this._placeholderId:void 0:(this._descByIds=this._invalidMessageId,this._invalidMessage=this.invalidMessage||(null===(s=this._ref)||void 0===s?void 0:s.validationMessage)||b,e()&&(this._voiceOverFallback=this._invalidMessage,h((()=>this._voiceOverFallback=""),1e3)))}handleClick(i){this.click&&this.click.emit(i)}handleInput(i,s){this.input&&this.input.emit(i),this.handleValidation()}handleChange(i,s){this.change&&this.change.emit(i),this.handleValidation()}handleBlur(i){this.blur&&this.blur.emit(i)}handleFocus(i){this.focus&&this.focus.emit(i)}getOptionLabel(i){var s,t;return null!==(s=i.label)&&void 0!==s?s:null===(t=i.value)||void 0===t?void 0:""+t}shouldShowEmptyOption(){return!("floating"!==this.variant&&!this.placeholder)&&(void 0!==this.showEmptyOption?this.showEmptyOption:!this.required)}resetIds(){var i,s,t;const e=null!==(t=null!==(i=this.id)&&void 0!==i?i:null===(s=this.propOverrides)||void 0===s?void 0:s.id)&&void 0!==t?t:"select-"+l();this._id=e,this._messageId=e+p,this._validMessageId=e+m,this._invalidMessageId=e+w,this._placeholderId=e+f}setupObserver(i){if(!i)return;const s=i.closest("db-select");s&&!this.observer&&(this.observer=new MutationObserver((s=>{s.some((i=>{var s;const t=i.target.attributes.getNamedItem(null!==(s=i.attributeName)&&void 0!==s?s:"");return(null==t?void 0:t.value)!==i.oldValue}))&&this.enableAttributePassing(i,"db-select")})),this.observer.observe(s,{attributes:!0,attributeOldValue:!0}))}enableAttributePassing(i,s){const t=null==i?void 0:i.closest(s);if(i&&t){const s=t.attributes;for(let e=0;e<s.length;e++){const h=s.item(e);if(h&&"data-density"!==h.name&&(h.name.startsWith("data-")||h.name.startsWith("aria-")))h.value?i.setAttribute(h.name,h.value):i.removeAttribute(h.name),t.removeAttribute(h.name);else if(h&&["style"].includes(h.name))i.setAttribute(h.name,h.value),t.removeAttribute(h.name);else if(h&&"class"===h.name){const s=h.value.includes("hydrated"),e=h.value.replace("hydrated","").trim(),a=i.getAttribute("class");i.setAttribute(h.name,`${a||""}${e?" "+e:""}`),s?t.setAttribute("class","hydrated"):t.removeAttribute(h.name)}}}}watch0Fn(){var i,s;(null!==(i=this.id)&&void 0!==i?i:null===(s=this.propOverrides)||void 0===s?void 0:s.id)&&this.resetIds()}watch0(){this.watch0Fn()}watch1Fn(){var i;this._invalidMessage=this.invalidMessage||(null===(i=this._ref)||void 0===i?void 0:i.validationMessage)||b}watch1(){this.watch1Fn()}watch2Fn(){if(this._id&&this.initialized){const i=this._id+p,s=this._id+f;this._messageId=i,this._validMessageId=this._id+m,this._invalidMessageId=this._id+w,this._placeholderId=s,this._descByIds=a(this.message,this.showMessage)?i:this.placeholder?s:void 0,this.handleValidation(),this.initialized=!1}}watch2(){this.watch2Fn()}watch3Fn(){this._value=this.value}watch3(){this.watch3Fn()}watch4Fn(){if(this._ref){const i=void 0;let s=this.abortController;s||(s=new AbortController,this.abortController=s),k(this._ref,{value:this.value,defaultValue:i},(i=>{this.handleChange(i,!0),this.handleInput(i,!0)}),s.signal)}}watch4(){this.watch4Fn()}componentDidLoad(){if("undefined"!=typeof document&&this.rootElement&&this.rootElement.dataset.connect){const i=document.querySelector(`[data-connect-id="${this.rootElement.dataset.connect}"]`);i&&i.remove()}this.enableAttributePassing(this._ref,"db-select"),(()=>{this.initialized=!0,this.resetIds(),this._invalidMessage=this.invalidMessage||b})(),(()=>{this.setupObserver(this._ref)})(),this.watch0Fn(),this.watch1Fn(),this.watch2Fn(),this.watch3Fn(),this.watch4Fn()}disconnectedCallback(){var i,s;null===(i=this.abortController)||void 0===i||i.abort(),null===(s=this.observer)||void 0===s||s.disconnect()}render(){var i,s,t,e,h,l;return d("div",{key:"5273757e8379f6601c23f4b343812c233ddf86eb",class:v("db-select",this.className),"data-variant":this.variant,"data-hide-label":r(this.showLabel),"data-hide-asterisk":r(this.showRequiredAsterisk),"data-icon":this.icon,"data-show-icon":n(this.showIcon,"showIcon")},d("label",{key:"9c75ec7cd982b4b8d283ce9365f6642c363dae16",htmlFor:this._id},null!==(i=this.label)&&void 0!==i?i:g),d("select",{key:"8b2e0dc14717704e45524cf7803163c6c640de32","aria-invalid":"invalid"===this.validation,"data-custom-validity":this.validation,ref:i=>{this._ref=i},required:o(this.required,"required"),disabled:o(this.disabled,"disabled"),id:this._id,name:this.name,size:this.size,value:null!==(t=null!==(s=this.value)&&void 0!==s?s:this._value)&&void 0!==t?t:void 0,autocomplete:this.autocomplete,multiple:this.multiple,onInput:i=>this.handleInput(i),onClick:i=>this.handleClick(i),onChange:i=>this.handleChange(i),onBlur:i=>this.handleBlur(i),onFocus:i=>this.handleFocus(i),"aria-describedby":null!==(e=this.ariaDescribedBy)&&void 0!==e?e:this._descByIds},"floating"===this.variant||this.placeholder?d("option",{class:"placeholder",value:"","data-show-empty-option":n(this.shouldShowEmptyOption(),"showEmptyOption")}):null,(null===(h=this.options)||void 0===h?void 0:h.length)?null===(l=this.options)||void 0===l?void 0:l.map((i=>{var s;return d(c,null,i.options?d("optgroup",{label:this.getOptionLabel(i),key:void 0},null===(s=i.options)||void 0===s?void 0:s.map((i=>d("option",{value:i.value,selected:i.selected,disabled:i.disabled,key:void 0},this.getOptionLabel(i))))):d("option",{value:i.value,disabled:i.disabled,selected:i.selected,key:void 0},this.getOptionLabel(i)))})):d("slot",null)),this.placeholder?d("span",{class:"db-select-placeholder",id:this._placeholderId},this.placeholder):null,a(this.message,this.showMessage)?d("db-infotext",{size:"small",icon:this.messageIcon,id:this._messageId},this.message):null,this.hasValidState()?d("db-infotext",{size:"small",semantic:"successful",id:this._validMessageId},this.validMessage||y):null,d("db-infotext",{key:"5c7dbe0b5e75b5f4b704cf469f0806451e3d0c4a",size:"small",semantic:"critical",id:this._invalidMessageId},this._invalidMessage),d("span",{key:"932f5a52716c95629ed4eb12e3b2eee3ce1c559f","data-visually-hidden":"true",role:"status"},this._voiceOverFallback))}get rootElement(){return this}static get watchers(){return{id:[{watch0:0}],"propOverrides?.id":[{watch0:0}],_ref:[{watch1:0},{watch4:0}],invalidMessage:[{watch1:0}],_id:[{watch2:0}],initialized:[{watch2:0}],value:[{watch3:0}]}}},[260,"db-select",{invalidMessage:[1,"invalid-message"],id:[1],propOverrides:[16],message:[1],showMessage:[8,"show-message"],placeholder:[1],value:[8],validMessage:[1,"valid-message"],validation:[1],required:[8],variant:[1],showEmptyOption:[4,"show-empty-option"],className:[1,"classname"],showLabel:[8,"show-label"],showRequiredAsterisk:[8,"show-required-asterisk"],icon:[1],showIcon:[8,"show-icon"],label:[1],disabled:[8],name:[1],size:[2],autocomplete:[1],multiple:[4],ariaDescribedBy:[1,"aria-described-by"],options:[16],messageIcon:[1,"message-icon"],_id:[32],_messageId:[32],_validMessageId:[32],_invalidMessageId:[32],_invalidMessage:[32],_placeholderId:[32],_descByIds:[32],_value:[32],initialized:[32],_voiceOverFallback:[32],abortController:[32],observer:[32]},void 0,{id:[{watch0:0}],"propOverrides?.id":[{watch0:0}],_ref:[{watch1:0},{watch4:0}],invalidMessage:[{watch1:0}],_id:[{watch2:0}],initialized:[{watch2:0}],value:[{watch3:0}]}]),I=_,F=function(){"undefined"!=typeof customElements&&["db-select","db-infotext"].forEach((i=>{switch(i){case"db-select":customElements.get(u(i))||customElements.define(u(i),_);break;case"db-infotext":customElements.get(u(i))||O()}}))};export{I as DbSelect,F as defineCustomElement}
1
+ import{z as i,H as t,B as s,h as e,f as h,q as a,u as d,A as l,l as o,k as n,F as c,p as r,d as v,t as u}from"./p-DEicAzan.js";import{l as b,f as p,g as m,h as w,i as f,k as g,a as y}from"./p-COv1iCFP.js";import{c as k}from"./p-DAr8BCe0.js";import{d as _}from"./p-DTmum76Y.js";const O=i(class extends t{constructor(i){super(),!1!==i&&this.__registerHost(),this.click=s(this,"click"),this.input=s(this,"input"),this.change=s(this,"change"),this.blur=s(this,"blur"),this.focus=s(this,"focus"),this._id=void 0,this._messageId=void 0,this._validMessageId=void 0,this._invalidMessageId=void 0,this._invalidMessage=void 0,this._placeholderId="",this._descByIds=void 0,this._value="",this.initialized=!1,this._voiceOverFallback="",this.abortController=void 0,this.observer=void 0}hasValidState(){var i;return!!(null!==(i=this.validMessage)&&void 0!==i?i:"valid"===this.validation)}handleValidation(){var i,t,s,d;(null===(i=this._ref)||void 0===i?void 0:i.validity.valid)&&"invalid"!==this.validation?this.hasValidState()&&(null===(s=this._ref)||void 0===s?void 0:s.validity.valid)&&this.required?(this._descByIds=this._validMessageId,e()&&(this._voiceOverFallback=null!==(d=this.validMessage)&&void 0!==d?d:g,h((()=>this._voiceOverFallback=""),1e3))):this._descByIds=a(this.message,this.showMessage)?this._messageId:this.placeholder?this._placeholderId:void 0:(this._descByIds=this._invalidMessageId,this._invalidMessage=this.invalidMessage||(null===(t=this._ref)||void 0===t?void 0:t.validationMessage)||b,e()&&(this._voiceOverFallback=this._invalidMessage,h((()=>this._voiceOverFallback=""),1e3)))}handleClick(i){this.click&&this.click.emit(i)}handleInput(i,t){this.input&&this.input.emit(i),this.handleValidation()}handleChange(i,t){this.change&&this.change.emit(i),this.handleValidation()}handleBlur(i){this.blur&&this.blur.emit(i)}handleFocus(i){this.focus&&this.focus.emit(i)}getOptionLabel(i){var t,s;return null!==(t=i.label)&&void 0!==t?t:null===(s=i.value)||void 0===s?void 0:""+s}shouldShowEmptyOption(){return!("floating"!==this.variant&&!this.placeholder)&&(void 0!==this.showEmptyOption?this.showEmptyOption:!this.required)}resetIds(){var i,t,s;const e=null!==(s=null!==(i=this.id)&&void 0!==i?i:null===(t=this.propOverrides)||void 0===t?void 0:t.id)&&void 0!==s?s:"select-"+d();this._id=e,this._messageId=e+p,this._validMessageId=e+m,this._invalidMessageId=e+w,this._placeholderId=e+f}setupObserver(i){if(!i)return;const t=i.closest("db-select");t&&!this.observer&&(this.observer=new MutationObserver((t=>{t.some((i=>{var t;const s=i.target.attributes.getNamedItem(null!==(t=i.attributeName)&&void 0!==t?t:"");return(null==s?void 0:s.value)!==i.oldValue}))&&this.enableAttributePassing(i,"db-select")})),this.observer.observe(t,{attributes:!0,attributeOldValue:!0}))}enableAttributePassing(i,t){const s=null==i?void 0:i.closest(t);if(i&&s){const t=s.attributes;for(let e=0;e<t.length;e++){const h=t.item(e);if(h&&"data-density"!==h.name&&(h.name.startsWith("data-")||h.name.startsWith("aria-")))h.value?i.setAttribute(h.name,h.value):i.removeAttribute(h.name),s.removeAttribute(h.name);else if(h&&["style"].includes(h.name))i.setAttribute(h.name,h.value),s.removeAttribute(h.name);else if(h&&"class"===h.name){const t=h.value.includes("hydrated"),e=h.value.replace("hydrated","").trim(),a=i.getAttribute("class");i.setAttribute(h.name,`${a||""}${e?" "+e:""}`),t?s.setAttribute("class","hydrated"):s.removeAttribute(h.name)}}}}watch0Fn(){var i,t;(null!==(i=this.id)&&void 0!==i?i:null===(t=this.propOverrides)||void 0===t?void 0:t.id)&&this.resetIds()}watch0(){this.watch0Fn()}watch1Fn(){var i;this._invalidMessage=this.invalidMessage||(null===(i=this._ref)||void 0===i?void 0:i.validationMessage)||b}watch1(){this.watch1Fn()}watch2Fn(){if(this._id&&this.initialized){const i=this._id+p,t=this._id+f;this._messageId=i,this._validMessageId=this._id+m,this._invalidMessageId=this._id+w,this._placeholderId=t,this._descByIds=a(this.message,this.showMessage)?i:this.placeholder?t:void 0,this.handleValidation(),this.initialized=!1}}watch2(){this.watch2Fn()}watch3Fn(){this._value=this.value}watch3(){this.watch3Fn()}watch4Fn(){if(this._ref){const i=void 0;let t=this.abortController;t||(t=new AbortController,this.abortController=t),k(this._ref,{value:this.value,defaultValue:i},(i=>{this.handleChange(i,!0),this.handleInput(i,!0)}),t.signal)}}watch4(){this.watch4Fn()}componentDidLoad(){if("undefined"!=typeof document&&this.rootElement&&this.rootElement.dataset.connect){const i=document.querySelector(`[data-connect-id="${this.rootElement.dataset.connect}"]`);i&&i.remove()}this.enableAttributePassing(this._ref,"db-select"),(()=>{this.initialized=!0,this.resetIds(),this._invalidMessage=this.invalidMessage||b})(),(()=>{this.setupObserver(this._ref)})(),this.watch0Fn(),this.watch1Fn(),this.watch2Fn(),this.watch3Fn(),this.watch4Fn()}disconnectedCallback(){var i,t;null===(i=this.abortController)||void 0===i||i.abort(),null===(t=this.observer)||void 0===t||t.disconnect()}render(){var i,t,s,e,h,d;return l("div",{key:"f8378bfa46ef070277bd139d22dca6e14144d043",class:v("db-select",this.className),"data-variant":this.variant,"data-hide-label":r(this.showLabel),"data-hide-asterisk":r(this.showRequiredAsterisk),"data-icon":this.icon,"data-show-icon":n(this.showIcon,"showIcon")},l("label",{key:"3214b7203a712bb24e9ad68d5a0c172d4936f4da",htmlFor:this._id},null!==(i=this.label)&&void 0!==i?i:y),l("select",{key:"1dc0396696e7ae35f1379516e13746c7296c05d9","aria-invalid":"invalid"===this.validation,"data-custom-validity":this.validation,ref:i=>{this._ref=i},required:o(this.required,"required"),disabled:o(this.disabled,"disabled"),id:this._id,name:this.name,size:this.size,value:null!==(s=null!==(t=this.value)&&void 0!==t?t:this._value)&&void 0!==s?s:void 0,autocomplete:this.autocomplete,multiple:this.multiple,onInput:i=>this.handleInput(i),onClick:i=>this.handleClick(i),onChange:i=>this.handleChange(i),onBlur:i=>this.handleBlur(i),onFocus:i=>this.handleFocus(i),"aria-describedby":null!==(e=this.ariaDescribedBy)&&void 0!==e?e:this._descByIds},"floating"===this.variant||this.placeholder?l("option",{class:"placeholder",value:"","data-show-empty-option":n(this.shouldShowEmptyOption(),"showEmptyOption")}):null,(null===(h=this.options)||void 0===h?void 0:h.length)?null===(d=this.options)||void 0===d?void 0:d.map((i=>{var t;return l(c,null,i.options?l("optgroup",{label:this.getOptionLabel(i),key:void 0},null===(t=i.options)||void 0===t?void 0:t.map((i=>l("option",{value:i.value,selected:i.selected,disabled:i.disabled,key:void 0},this.getOptionLabel(i))))):l("option",{value:i.value,disabled:i.disabled,selected:i.selected,key:void 0},this.getOptionLabel(i)))})):l("slot",null)),this.placeholder?l("span",{class:"db-select-placeholder",id:this._placeholderId},this.placeholder):null,a(this.message,this.showMessage)?l("db-infotext",{size:"small",icon:this.messageIcon,id:this._messageId},this.message):null,this.hasValidState()?l("db-infotext",{size:"small",semantic:"successful",id:this._validMessageId},this.validMessage||g):null,l("db-infotext",{key:"0f0bbbc2306021f8ec85dd4aadb679a17a469ac2",size:"small",semantic:"critical",id:this._invalidMessageId},this._invalidMessage),l("span",{key:"8d554728c58e2693a197b0136f3ebcf19dbcb061","data-visually-hidden":"true",role:"status"},this._voiceOverFallback))}get rootElement(){return this}static get watchers(){return{id:[{watch0:0}],"propOverrides?.id":[{watch0:0}],_ref:[{watch1:0},{watch4:0}],invalidMessage:[{watch1:0}],_id:[{watch2:0}],initialized:[{watch2:0}],value:[{watch3:0}]}}},[260,"db-select",{invalidMessage:[1,"invalid-message"],id:[1],propOverrides:[16],message:[1],showMessage:[8,"show-message"],placeholder:[1],value:[8],validMessage:[1,"valid-message"],validation:[1],required:[8],variant:[1],showEmptyOption:[4,"show-empty-option"],className:[1,"classname"],showLabel:[8,"show-label"],showRequiredAsterisk:[8,"show-required-asterisk"],icon:[1],showIcon:[8,"show-icon"],label:[1],disabled:[8],name:[1],size:[2],autocomplete:[1],multiple:[4],ariaDescribedBy:[1,"aria-described-by"],options:[16],messageIcon:[1,"message-icon"],_id:[32],_messageId:[32],_validMessageId:[32],_invalidMessageId:[32],_invalidMessage:[32],_placeholderId:[32],_descByIds:[32],_value:[32],initialized:[32],_voiceOverFallback:[32],abortController:[32],observer:[32]},void 0,{id:[{watch0:0}],"propOverrides?.id":[{watch0:0}],_ref:[{watch1:0},{watch4:0}],invalidMessage:[{watch1:0}],_id:[{watch2:0}],initialized:[{watch2:0}],value:[{watch3:0}]}]),F=O,I=function(){"undefined"!=typeof customElements&&["db-select","db-infotext"].forEach((i=>{switch(i){case"db-select":customElements.get(u(i))||customElements.define(u(i),O);break;case"db-infotext":customElements.get(u(i))||_()}}))};export{F as DbSelect,I as defineCustomElement}