@telesign/boreal-web-components 0.1.0-alpha.3 → 0.1.0-alpha.5

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 (588) hide show
  1. package/components-build/bds-avatar.d.ts +11 -0
  2. package/components-build/bds-avatar.js +1 -0
  3. package/components-build/bds-badge.d.ts +11 -0
  4. package/components-build/bds-badge.js +1 -0
  5. package/components-build/bds-banner.js +1 -1
  6. package/components-build/bds-button-group.d.ts +11 -0
  7. package/components-build/bds-button-group.js +1 -0
  8. package/components-build/bds-button.js +1 -1
  9. package/components-build/bds-checkbox-card.d.ts +11 -0
  10. package/components-build/bds-checkbox-card.js +1 -0
  11. package/components-build/bds-checkbox.js +1 -1
  12. package/components-build/bds-dialog.js +1 -1
  13. package/components-build/bds-divider.d.ts +11 -0
  14. package/components-build/bds-divider.js +1 -0
  15. package/components-build/bds-flag.js +1 -1
  16. package/components-build/bds-grid-item.d.ts +11 -0
  17. package/components-build/bds-grid-item.js +1 -0
  18. package/components-build/bds-grid.d.ts +11 -0
  19. package/components-build/bds-grid.js +1 -0
  20. package/components-build/bds-list-menu-item.d.ts +11 -0
  21. package/components-build/bds-list-menu-item.js +1 -0
  22. package/components-build/bds-list-menu.d.ts +11 -0
  23. package/components-build/bds-list-menu.js +1 -0
  24. package/components-build/bds-popover.js +1 -1
  25. package/components-build/bds-radio-button.d.ts +11 -0
  26. package/components-build/bds-radio-button.js +1 -0
  27. package/components-build/bds-radio-card.d.ts +11 -0
  28. package/components-build/bds-radio-card.js +1 -0
  29. package/components-build/bds-radio-group.d.ts +11 -0
  30. package/components-build/bds-radio-group.js +1 -0
  31. package/components-build/bds-radio.d.ts +11 -0
  32. package/components-build/bds-radio.js +1 -0
  33. package/components-build/bds-spinner.js +1 -1
  34. package/components-build/bds-status.d.ts +11 -0
  35. package/components-build/bds-status.js +1 -0
  36. package/components-build/bds-tag.d.ts +11 -0
  37. package/components-build/bds-tag.js +1 -0
  38. package/components-build/bds-text-field.js +1 -1
  39. package/components-build/bds-toggle.d.ts +11 -0
  40. package/components-build/bds-toggle.js +1 -0
  41. package/components-build/bds-tooltip.js +1 -1
  42. package/components-build/bds-typography.js +1 -1
  43. package/components-build/index.js +1 -1
  44. package/components-build/p-BSlaf0ff.js +1 -0
  45. package/components-build/p-Bfazyxqi.js +1 -0
  46. package/components-build/p-CPvuMm5C.js +1 -0
  47. package/components-build/p-Cbibqaz0.js +1 -0
  48. package/components-build/p-ClR-wgiT.js +1 -0
  49. package/components-build/p-DfaYciGa.js +1 -0
  50. package/components-build/p-Dh8DSJs_.js +1 -0
  51. package/components-build/p-DhSchGPI.js +1 -0
  52. package/components-build/p-N_tqtRV2.js +1 -0
  53. package/components-build/p-bAMuJ4Jx.js +1 -0
  54. package/components-build/p-c2z3tneT.js +1 -0
  55. package/components-build/p-dz9-Q2N8.js +1 -0
  56. package/components-build/{p-CaHOghy5.js → p-fUK0GCeC.js} +1 -1
  57. package/components-build/p-iq2UuV7c.js +1 -0
  58. package/components-build/p-kGnB15Lz.js +1 -0
  59. package/components-build/p-nxYzL9uu.js +1 -0
  60. package/custom-elements.json +4611 -891
  61. package/dist/boreal-web-components/boreal-web-components.esm.js +1 -1
  62. package/dist/boreal-web-components/boreal-web-components.js +1 -1
  63. package/dist/boreal-web-components/css/boreal.css +1066 -1074
  64. package/dist/boreal-web-components/css/global.css +403 -407
  65. package/dist/boreal-web-components/css/theme-connect.css +163 -164
  66. package/dist/boreal-web-components/css/theme-engage.css +163 -164
  67. package/dist/boreal-web-components/css/theme-protect.css +163 -164
  68. package/dist/boreal-web-components/css/theme-proximus.css +164 -165
  69. package/dist/boreal-web-components/p-024d90b0.system.entry.js +1 -0
  70. package/dist/boreal-web-components/p-06DrzEMB.system.js +1 -0
  71. package/dist/boreal-web-components/p-11e4c0ec.system.entry.js +1 -0
  72. package/dist/boreal-web-components/p-147d6652.system.entry.js +1 -0
  73. package/dist/boreal-web-components/p-148d510f.entry.js +1 -0
  74. package/dist/boreal-web-components/p-19f9352d.entry.js +1 -0
  75. package/dist/boreal-web-components/p-277f142e.system.entry.js +1 -0
  76. package/dist/boreal-web-components/{p-8c57e06a.entry.js → p-2adf2cd5.entry.js} +1 -1
  77. package/dist/boreal-web-components/p-2be4aa3a.system.entry.js +1 -0
  78. package/dist/boreal-web-components/p-340896b2.entry.js +1 -0
  79. package/dist/boreal-web-components/p-365e8e5c.system.entry.js +1 -0
  80. package/dist/boreal-web-components/p-3d4ce8eb.system.entry.js +1 -0
  81. package/dist/boreal-web-components/p-44a8fde5.entry.js +1 -0
  82. package/dist/boreal-web-components/{p-efe57901.system.entry.js → p-48ebbfbe.system.entry.js} +1 -1
  83. package/dist/boreal-web-components/{p-5fa53a80.system.entry.js → p-4dc01078.system.entry.js} +1 -1
  84. package/dist/boreal-web-components/p-5681b294.system.entry.js +1 -0
  85. package/dist/boreal-web-components/p-5ed75075.entry.js +1 -0
  86. package/dist/boreal-web-components/p-635f676b.system.entry.js +1 -0
  87. package/dist/boreal-web-components/p-6629be14.entry.js +1 -0
  88. package/dist/boreal-web-components/p-68b83680.system.entry.js +1 -0
  89. package/dist/boreal-web-components/p-6a60d134.system.entry.js +1 -0
  90. package/dist/boreal-web-components/p-71ed1e1d.entry.js +1 -0
  91. package/dist/boreal-web-components/p-732e98f1.system.entry.js +1 -0
  92. package/dist/boreal-web-components/p-77658a5b.system.entry.js +1 -0
  93. package/dist/boreal-web-components/p-7aff4c78.entry.js +1 -0
  94. package/dist/boreal-web-components/p-7bb88855.entry.js +1 -0
  95. package/dist/boreal-web-components/p-7d3a8f61.entry.js +1 -0
  96. package/dist/boreal-web-components/p-7e672cce.entry.js +1 -0
  97. package/dist/boreal-web-components/p-7ebc67c9.entry.js +1 -0
  98. package/dist/boreal-web-components/p-81401e2a.system.entry.js +1 -0
  99. package/dist/boreal-web-components/p-8289e506.entry.js +1 -0
  100. package/dist/boreal-web-components/p-82d15372.entry.js +1 -0
  101. package/dist/boreal-web-components/p-851c06f2.entry.js +1 -0
  102. package/dist/boreal-web-components/p-8a3716ec.entry.js +1 -0
  103. package/dist/boreal-web-components/p-8f4f8af0.system.entry.js +1 -0
  104. package/dist/boreal-web-components/p-93066db4.system.entry.js +1 -0
  105. package/dist/boreal-web-components/p-Bfazyxqi.js +1 -0
  106. package/dist/boreal-web-components/{p-D4EFsvs1.js → p-BqJlOB6b.js} +2 -2
  107. package/dist/boreal-web-components/p-BsZkk4oK.system.js +1 -0
  108. package/dist/boreal-web-components/p-C-g3hhl_.system.js +1 -0
  109. package/dist/boreal-web-components/p-C0P3gzq5.system.js +1 -0
  110. package/dist/boreal-web-components/p-C4HM8wQe.js +1 -0
  111. package/dist/boreal-web-components/p-CPvuMm5C.js +1 -0
  112. package/dist/boreal-web-components/p-CRMH6mfq.system.js +1 -0
  113. package/dist/boreal-web-components/p-CU_dRLdk.system.js +1 -0
  114. package/dist/boreal-web-components/p-CW4-dkCF.system.js +1 -0
  115. package/dist/boreal-web-components/p-CXz1RLGi.system.js +1 -0
  116. package/dist/boreal-web-components/p-DCKg5Cg_.system.js +2 -0
  117. package/dist/boreal-web-components/{p-BuxZeJbu.system.js → p-DSU8tkVw.system.js} +1 -1
  118. package/dist/boreal-web-components/p-DYlZcFrB.system.js +1 -0
  119. package/dist/boreal-web-components/p-DfaYciGa.js +1 -0
  120. package/dist/boreal-web-components/p-DhSchGPI.js +1 -0
  121. package/dist/boreal-web-components/p-DlVzZK7o.js +1 -0
  122. package/dist/boreal-web-components/p-DlYG-OVB.js +1 -0
  123. package/dist/boreal-web-components/p-DnIhjwCH.system.js +1 -0
  124. package/dist/boreal-web-components/p-DpnBDSUm.system.js +1 -0
  125. package/dist/boreal-web-components/p-Dwo1hcd9.js +1 -0
  126. package/dist/boreal-web-components/p-RhSdMyWk.system.js +1 -0
  127. package/dist/boreal-web-components/{p-CaHOghy5.js → p-U9yfbs7i.js} +1 -1
  128. package/dist/boreal-web-components/p-a73659ac.system.entry.js +1 -0
  129. package/dist/boreal-web-components/p-b2ad9535.system.entry.js +1 -0
  130. package/dist/boreal-web-components/p-d4c30d2b.entry.js +1 -0
  131. package/dist/boreal-web-components/p-db0c10b9.system.entry.js +1 -0
  132. package/dist/boreal-web-components/p-dc7d429c.entry.js +1 -0
  133. package/dist/boreal-web-components/p-dca16a3d.entry.js +1 -0
  134. package/dist/boreal-web-components/p-de846c43.system.entry.js +1 -0
  135. package/dist/boreal-web-components/p-df087e23.system.entry.js +1 -0
  136. package/dist/boreal-web-components/p-dfb4854e.entry.js +1 -0
  137. package/dist/boreal-web-components/p-dz9-Q2N8.js +1 -0
  138. package/dist/boreal-web-components/p-e09b4d14.system.entry.js +1 -0
  139. package/dist/boreal-web-components/p-e0a41cab.system.entry.js +1 -0
  140. package/dist/boreal-web-components/p-e55f2a8b.entry.js +1 -0
  141. package/dist/boreal-web-components/p-e7af1e1a.entry.js +1 -0
  142. package/dist/boreal-web-components/p-efe159aa.entry.js +1 -0
  143. package/dist/boreal-web-components/p-f65e9d0c.system.entry.js +1 -0
  144. package/dist/boreal-web-components/p-f792aa74.entry.js +1 -0
  145. package/dist/boreal-web-components/p-fb9a0e94.entry.js +1 -0
  146. package/dist/boreal-web-components/p-iq2UuV7c.js +1 -0
  147. package/dist/boreal-web-components/p-kGnB15Lz.js +1 -0
  148. package/dist/boreal-web-components/p-vzZJGcYF.system.js +1 -0
  149. package/dist/boreal-web-components/p-wREMI3WA.js +1 -0
  150. package/dist/boreal-web-components/scss/maps/_primitives.scss +404 -408
  151. package/dist/boreal-web-components/scss/maps/_theme-connect.scss +164 -165
  152. package/dist/boreal-web-components/scss/maps/_theme-engage.scss +164 -165
  153. package/dist/boreal-web-components/scss/maps/_theme-protect.scss +164 -165
  154. package/dist/boreal-web-components/scss/maps/_theme-proximus.scss +165 -166
  155. package/dist/boreal-web-components/scss/variables/_primitives.scss +404 -408
  156. package/dist/boreal-web-components/scss/variables/_theme-connect.scss +164 -165
  157. package/dist/boreal-web-components/scss/variables/_theme-engage.scss +164 -165
  158. package/dist/boreal-web-components/scss/variables/_theme-protect.scss +164 -165
  159. package/dist/boreal-web-components/scss/variables/_theme-proximus.scss +165 -166
  160. package/dist/cjs/BaseAttributes-DBBhKt7O.js +14 -0
  161. package/dist/cjs/Keys-rKl2za5q.js +18 -0
  162. package/dist/cjs/Logger-DnziItRH.js +51 -0
  163. package/dist/cjs/{attributes-wIHueigW.js → attributes-CgRFplrN.js} +3 -0
  164. package/dist/cjs/bds-avatar.cjs.entry.js +89 -0
  165. package/dist/cjs/bds-badge.cjs.entry.js +50 -0
  166. package/dist/cjs/bds-banner.cjs.entry.js +13 -6
  167. package/dist/cjs/bds-button-group.cjs.entry.js +95 -0
  168. package/dist/cjs/bds-button.cjs.entry.js +11 -17
  169. package/dist/cjs/bds-checkbox-card.cjs.entry.js +121 -0
  170. package/dist/cjs/bds-checkbox.cjs.entry.js +13 -6
  171. package/dist/cjs/bds-dialog.cjs.entry.js +8 -7
  172. package/dist/cjs/bds-divider.cjs.entry.js +46 -0
  173. package/dist/cjs/bds-flag.cjs.entry.js +3 -3
  174. package/dist/cjs/bds-grid-item.cjs.entry.js +93 -0
  175. package/dist/cjs/bds-grid.cjs.entry.js +37 -0
  176. package/dist/cjs/bds-list-menu-item.cjs.entry.js +493 -0
  177. package/dist/cjs/bds-list-menu.cjs.entry.js +199 -0
  178. package/dist/cjs/bds-popover.cjs.entry.js +19 -9
  179. package/dist/cjs/bds-radio-button.cjs.entry.js +60 -0
  180. package/dist/cjs/bds-radio-card.cjs.entry.js +76 -0
  181. package/dist/cjs/bds-radio-group.cjs.entry.js +285 -0
  182. package/dist/cjs/bds-radio.cjs.entry.js +60 -0
  183. package/dist/cjs/bds-spinner.cjs.entry.js +4 -4
  184. package/dist/cjs/bds-status.cjs.entry.js +59 -0
  185. package/dist/cjs/bds-tag.cjs.entry.js +140 -0
  186. package/dist/cjs/bds-text-field.cjs.entry.js +8 -17
  187. package/dist/cjs/bds-toggle.cjs.entry.js +187 -0
  188. package/dist/cjs/bds-tooltip_2.cjs.entry.js +321 -0
  189. package/dist/cjs/boreal-web-components.cjs.js +2 -2
  190. package/dist/cjs/coreColors-CQGojc0l.js +10 -0
  191. package/dist/cjs/{enum-DLblRCkQ.js → enum-DeTWfR0D.js} +3 -3
  192. package/dist/cjs/form-associated.mixin-BCR6bj29.js +33 -0
  193. package/dist/cjs/{anchored.mixin-CnIwkaUi.js → getOffset-k4ezB-eT.js} +45 -76
  194. package/dist/cjs/{index-BcSjvXJk.js → index-CwYIVC9N.js} +64 -0
  195. package/dist/cjs/{internals-X77qKxsK.js → internals-D8x7GMfR.js} +0 -31
  196. package/dist/cjs/loader.cjs.js +2 -2
  197. package/dist/cjs/menu-BxKaEajh.js +8 -0
  198. package/dist/cjs/orientation-DQAIleEJ.js +8 -0
  199. package/dist/cjs/{states-iIYiazaM.js → states-BweP5Vpu.js} +8 -0
  200. package/dist/cjs/validateProps-CJe9X5x8.js +42 -0
  201. package/dist/collection/collection-manifest.json +16 -0
  202. package/dist/collection/components/actions/bds-button/bds-button.css +19 -19
  203. package/dist/collection/components/actions/bds-button/bds-button.js +8 -8
  204. package/dist/collection/components/actions/bds-button/types/enum.js +3 -3
  205. package/dist/collection/components/actions/bds-button-group/bds-button-group.css +77 -0
  206. package/dist/collection/components/actions/bds-button-group/bds-button-group.js +245 -0
  207. package/dist/collection/components/actions/bds-button-group/types/IButtonGroup.js +1 -0
  208. package/dist/collection/components/actions/bds-list-menu/bds-list-menu/bds-list-menu.css +51 -0
  209. package/dist/collection/components/actions/bds-list-menu/bds-list-menu/bds-list-menu.js +400 -0
  210. package/dist/collection/components/actions/bds-list-menu/bds-list-menu/types/IListMenu.js +1 -0
  211. package/dist/collection/components/actions/bds-list-menu/bds-list-menu/types/enum.js +4 -0
  212. package/dist/collection/components/actions/bds-list-menu/bds-list-menu/types/types.js +1 -0
  213. package/dist/collection/components/actions/bds-list-menu/bds-list-menu-item/bds-list-menu-item.css +87 -0
  214. package/dist/collection/components/actions/bds-list-menu/bds-list-menu-item/bds-list-menu-item.js +482 -0
  215. package/dist/collection/components/actions/bds-list-menu/bds-list-menu-item/types/IListMenuItem.js +1 -0
  216. package/dist/collection/components/actions/bds-list-menu/bds-list-menu-item/types/enum.js +4 -0
  217. package/dist/collection/components/actions/bds-list-menu/bds-list-menu-item/types/types.js +1 -0
  218. package/dist/collection/components/actions/bds-toggle/bds-toggle.css +120 -0
  219. package/dist/collection/components/actions/bds-toggle/bds-toggle.js +544 -0
  220. package/dist/collection/components/actions/bds-toggle/types/IEventChange.js +1 -0
  221. package/dist/collection/components/actions/bds-toggle/types/IToggle.js +1 -0
  222. package/dist/collection/components/actions/bds-toggle/types/enum.js +4 -0
  223. package/dist/collection/components/actions/bds-toggle/types/index.js +4 -0
  224. package/dist/collection/components/actions/bds-toggle/types/types.js +1 -0
  225. package/dist/collection/components/feedback/bds-badge/bds-badge.css +76 -0
  226. package/dist/collection/components/feedback/bds-badge/bds-badge.js +120 -0
  227. package/dist/collection/components/feedback/bds-badge/types/IBadge.js +1 -0
  228. package/dist/collection/components/feedback/bds-badge/types/enum.js +5 -0
  229. package/dist/collection/components/feedback/bds-banner/bds-banner.css +1 -2
  230. package/dist/collection/components/feedback/bds-banner/bds-banner.js +30 -6
  231. package/dist/collection/components/feedback/bds-spinner/bds-spinner.css +7 -8
  232. package/dist/collection/components/feedback/bds-spinner/bds-spinner.js +1 -1
  233. package/dist/collection/components/feedback/bds-status/bds-status.css +101 -0
  234. package/dist/collection/components/feedback/bds-status/bds-status.js +122 -0
  235. package/dist/collection/components/feedback/bds-status/types/IStatus.js +1 -0
  236. package/dist/collection/components/feedback/bds-status/types/enum.js +5 -0
  237. package/dist/collection/components/feedback/bds-status/types/types.js +1 -0
  238. package/dist/collection/components/feedback/bds-tag/bds-tag.css +202 -0
  239. package/dist/collection/components/feedback/bds-tag/bds-tag.js +375 -0
  240. package/dist/collection/components/feedback/bds-tag/types/ITag.js +1 -0
  241. package/dist/collection/components/feedback/bds-tag/types/enum.js +10 -0
  242. package/dist/collection/components/feedback/bds-tag/types/index.js +3 -0
  243. package/dist/collection/components/feedback/bds-tag/types/types.js +1 -0
  244. package/dist/collection/components/forms/bds-checkbox/bds-checkbox.css +9 -8
  245. package/dist/collection/components/forms/bds-checkbox/bds-checkbox.js +7 -1
  246. package/dist/collection/components/forms/bds-checkbox-card/bds-checkbox-card.css +127 -0
  247. package/dist/collection/components/forms/bds-checkbox-card/bds-checkbox-card.js +397 -0
  248. package/dist/collection/components/forms/bds-checkbox-card/types/ICheckboxCard.js +1 -0
  249. package/dist/collection/components/forms/bds-flag/bds-flag.js +1 -1
  250. package/dist/collection/components/forms/bds-radio/bds-radio.css +121 -0
  251. package/dist/collection/components/forms/bds-radio/bds-radio.js +238 -0
  252. package/dist/collection/components/forms/bds-radio/types/IRadio.js +1 -0
  253. package/dist/collection/components/forms/bds-radio-button/bds-radio-button.css +109 -0
  254. package/dist/collection/components/forms/bds-radio-button/bds-radio-button.js +238 -0
  255. package/dist/collection/components/forms/bds-radio-button/types/IRadioButton.js +1 -0
  256. package/dist/collection/components/forms/bds-radio-card/bds-radio-card.css +156 -0
  257. package/dist/collection/components/forms/bds-radio-card/bds-radio-card.js +307 -0
  258. package/dist/collection/components/forms/bds-radio-card/types/IRadioCard.js +1 -0
  259. package/dist/collection/components/forms/bds-radio-group/bds-radio-group.css +55 -0
  260. package/dist/collection/components/forms/bds-radio-group/bds-radio-group.js +620 -0
  261. package/dist/collection/components/forms/bds-radio-group/types/IRadioGroup.js +1 -0
  262. package/dist/collection/components/forms/bds-radio-group/types/enum.js +5 -0
  263. package/dist/collection/components/forms/bds-radio-group/types/types.js +1 -0
  264. package/dist/collection/components/forms/bds-text-field/bds-text-field.js +1 -1
  265. package/dist/collection/components/helpers/bds-divider/bds-divider.css +44 -0
  266. package/dist/collection/components/helpers/bds-divider/bds-divider.js +88 -0
  267. package/dist/collection/components/helpers/bds-divider/types/IDivider.js +1 -0
  268. package/dist/collection/components/helpers/bds-divider/types/enum.js +4 -0
  269. package/dist/collection/components/helpers/bds-divider/types/types.js +1 -0
  270. package/dist/collection/components/images-icons/bds-avatar/bds-avatar.css +52 -0
  271. package/dist/collection/components/images-icons/bds-avatar/bds-avatar.js +219 -0
  272. package/dist/collection/components/images-icons/bds-avatar/types/IAvatar.js +1 -0
  273. package/dist/collection/components/images-icons/bds-avatar/types/enum.js +5 -0
  274. package/dist/collection/components/images-icons/bds-avatar/types/index.js +3 -0
  275. package/dist/collection/components/images-icons/bds-avatar/types/types.js +1 -0
  276. package/dist/collection/components/layouts/bds-grid/grid/bds-grid.css +57 -0
  277. package/dist/collection/components/layouts/bds-grid/grid/bds-grid.js +100 -0
  278. package/dist/collection/components/layouts/bds-grid/grid/types/IGrid.js +1 -0
  279. package/dist/collection/components/layouts/bds-grid/grid/types/enum.js +4 -0
  280. package/dist/collection/components/layouts/bds-grid/grid/types/index.js +3 -0
  281. package/dist/collection/components/layouts/bds-grid/grid/types/types.js +1 -0
  282. package/dist/collection/components/layouts/bds-grid/grid-item/bds-grid-item.css +70 -0
  283. package/dist/collection/components/layouts/bds-grid/grid-item/bds-grid-item.js +306 -0
  284. package/dist/collection/components/layouts/bds-grid/grid-item/types/IGridItem.js +1 -0
  285. package/dist/collection/components/layouts/bds-grid/grid-item/types/enum.js +10 -0
  286. package/dist/collection/components/layouts/bds-grid/grid-item/types/index.js +3 -0
  287. package/dist/collection/components/layouts/bds-grid/grid-item/types/types.js +1 -0
  288. package/dist/collection/components/overlays/bds-dialog/bds-dialog.js +4 -3
  289. package/dist/collection/components/overlays/bds-popover/bds-popover.css +16 -2
  290. package/dist/collection/components/overlays/bds-popover/bds-popover.js +12 -4
  291. package/dist/collection/components/overlays/bds-popover/constants/Offset.js +1 -0
  292. package/dist/collection/components/overlays/bds-tooltip/bds-tooltip.css +2 -13
  293. package/dist/collection/components/overlays/bds-tooltip/bds-tooltip.js +6 -4
  294. package/dist/collection/components/overlays/bds-tooltip/constants/Offset.js +1 -0
  295. package/dist/collection/components/titles-text/bds-typography/bds-typography.css +9 -0
  296. package/dist/collection/components/titles-text/bds-typography/bds-typography.js +20 -19
  297. package/dist/collection/components/titles-text/bds-typography/utils/bds-typography-utils.js +2 -2
  298. package/dist/collection/css/boreal.css +1066 -1074
  299. package/dist/collection/css/global.css +403 -407
  300. package/dist/collection/css/theme-connect.css +163 -164
  301. package/dist/collection/css/theme-engage.css +163 -164
  302. package/dist/collection/css/theme-protect.css +163 -164
  303. package/dist/collection/css/theme-proximus.css +164 -165
  304. package/dist/collection/mixins/anchored.mixin.js +16 -3
  305. package/dist/collection/mixins/index.js +2 -0
  306. package/dist/collection/mixins/links.mixin.js +152 -0
  307. package/dist/collection/mixins/menu-behavior.mixin.js +119 -0
  308. package/dist/collection/scss/maps/_primitives.scss +404 -408
  309. package/dist/collection/scss/maps/_theme-connect.scss +164 -165
  310. package/dist/collection/scss/maps/_theme-engage.scss +164 -165
  311. package/dist/collection/scss/maps/_theme-protect.scss +164 -165
  312. package/dist/collection/scss/maps/_theme-proximus.scss +165 -166
  313. package/dist/collection/scss/variables/_primitives.scss +404 -408
  314. package/dist/collection/scss/variables/_theme-connect.scss +164 -165
  315. package/dist/collection/scss/variables/_theme-engage.scss +164 -165
  316. package/dist/collection/scss/variables/_theme-protect.scss +164 -165
  317. package/dist/collection/scss/variables/_theme-proximus.scss +165 -166
  318. package/dist/collection/services/floating/positioning.service.js +1 -1
  319. package/dist/collection/types/IFormProps.js +1 -0
  320. package/dist/collection/types/index.js +5 -0
  321. package/dist/collection/types/links.js +1 -0
  322. package/dist/collection/types/menu.js +8 -0
  323. package/dist/collection/types/orientation.js +4 -0
  324. package/dist/collection/types/position.js +6 -2
  325. package/dist/collection/utils/constants/common/Keys.js +10 -12
  326. package/dist/collection/utils/helpers/overlays/getOffset.js +13 -0
  327. package/dist/collection/utils/helpers/validateProps.js +21 -0
  328. package/dist/collection/utils/index.js +2 -1
  329. package/dist/collection/utils/menu/index.js +1 -0
  330. package/dist/collection/utils/menu/menu-item.utils.js +82 -0
  331. package/dist/collection/utils/{__test__ → testing}/helpers.js +10 -0
  332. package/dist/collection/utils/{__test__ → testing}/index.js +0 -2
  333. package/dist/collection/utils/testing/mocks/console.js +30 -0
  334. package/dist/collection/utils/testing/mocks/index.js +4 -0
  335. package/dist/css/boreal.css +1066 -1074
  336. package/dist/css/global.css +403 -407
  337. package/dist/css/theme-connect.css +163 -164
  338. package/dist/css/theme-engage.css +163 -164
  339. package/dist/css/theme-protect.css +163 -164
  340. package/dist/css/theme-proximus.css +164 -165
  341. package/dist/esm/BaseAttributes-DhSchGPI.js +12 -0
  342. package/dist/esm/Keys-DlYG-OVB.js +16 -0
  343. package/dist/esm/Logger-iq2UuV7c.js +49 -0
  344. package/dist/esm/{attributes-CaHOghy5.js → attributes-U9yfbs7i.js} +3 -0
  345. package/dist/esm/bds-avatar.entry.js +87 -0
  346. package/dist/esm/bds-badge.entry.js +48 -0
  347. package/dist/esm/bds-banner.entry.js +13 -6
  348. package/dist/esm/bds-button-group.entry.js +93 -0
  349. package/dist/esm/bds-button.entry.js +9 -15
  350. package/dist/esm/bds-checkbox-card.entry.js +119 -0
  351. package/dist/esm/bds-checkbox.entry.js +12 -5
  352. package/dist/esm/bds-dialog.entry.js +8 -7
  353. package/dist/esm/bds-divider.entry.js +44 -0
  354. package/dist/esm/bds-flag.entry.js +3 -3
  355. package/dist/esm/bds-grid-item.entry.js +91 -0
  356. package/dist/esm/bds-grid.entry.js +35 -0
  357. package/dist/esm/bds-list-menu-item.entry.js +491 -0
  358. package/dist/esm/bds-list-menu.entry.js +197 -0
  359. package/dist/esm/bds-popover.entry.js +18 -8
  360. package/dist/esm/bds-radio-button.entry.js +58 -0
  361. package/dist/esm/bds-radio-card.entry.js +74 -0
  362. package/dist/esm/bds-radio-group.entry.js +283 -0
  363. package/dist/esm/bds-radio.entry.js +58 -0
  364. package/dist/esm/bds-spinner.entry.js +4 -4
  365. package/dist/esm/bds-status.entry.js +57 -0
  366. package/dist/esm/bds-tag.entry.js +138 -0
  367. package/dist/esm/bds-text-field.entry.js +6 -15
  368. package/dist/esm/bds-toggle.entry.js +185 -0
  369. package/dist/esm/bds-tooltip_2.entry.js +318 -0
  370. package/dist/esm/boreal-web-components.js +3 -3
  371. package/dist/esm/coreColors-Dwo1hcd9.js +8 -0
  372. package/dist/esm/{enum-C8mRvnTA.js → enum-DlVzZK7o.js} +4 -4
  373. package/dist/esm/form-associated.mixin-C4HM8wQe.js +31 -0
  374. package/dist/esm/{anchored.mixin-Y3MkGc2X.js → getOffset-BYS3c13B.js} +43 -75
  375. package/dist/esm/{index-D4EFsvs1.js → index-BqJlOB6b.js} +64 -0
  376. package/dist/esm/{internals-Dy7QKP9e.js → internals-DfaYciGa.js} +1 -31
  377. package/dist/esm/loader.js +3 -3
  378. package/dist/esm/menu-dz9-Q2N8.js +6 -0
  379. package/dist/esm/orientation-CPvuMm5C.js +6 -0
  380. package/dist/esm/{states-BhTPNsBb.js → states-Bfazyxqi.js} +8 -1
  381. package/dist/esm/validateProps-kGnB15Lz.js +39 -0
  382. package/dist/esm-es5/BaseAttributes-DhSchGPI.js +1 -0
  383. package/dist/esm-es5/Keys-DlYG-OVB.js +1 -0
  384. package/dist/esm-es5/Logger-iq2UuV7c.js +1 -0
  385. package/dist/esm-es5/{attributes-CaHOghy5.js → attributes-U9yfbs7i.js} +1 -1
  386. package/dist/esm-es5/bds-avatar.entry.js +1 -0
  387. package/dist/esm-es5/bds-badge.entry.js +1 -0
  388. package/dist/esm-es5/bds-banner.entry.js +1 -1
  389. package/dist/esm-es5/bds-button-group.entry.js +1 -0
  390. package/dist/esm-es5/bds-button.entry.js +1 -1
  391. package/dist/esm-es5/bds-checkbox-card.entry.js +1 -0
  392. package/dist/esm-es5/bds-checkbox.entry.js +1 -1
  393. package/dist/esm-es5/bds-dialog.entry.js +1 -1
  394. package/dist/esm-es5/bds-divider.entry.js +1 -0
  395. package/dist/esm-es5/bds-flag.entry.js +1 -1
  396. package/dist/esm-es5/bds-grid-item.entry.js +1 -0
  397. package/dist/esm-es5/bds-grid.entry.js +1 -0
  398. package/dist/esm-es5/bds-list-menu-item.entry.js +1 -0
  399. package/dist/esm-es5/bds-list-menu.entry.js +1 -0
  400. package/dist/esm-es5/bds-popover.entry.js +1 -1
  401. package/dist/esm-es5/bds-radio-button.entry.js +1 -0
  402. package/dist/esm-es5/bds-radio-card.entry.js +1 -0
  403. package/dist/esm-es5/bds-radio-group.entry.js +1 -0
  404. package/dist/esm-es5/bds-radio.entry.js +1 -0
  405. package/dist/esm-es5/bds-spinner.entry.js +1 -1
  406. package/dist/esm-es5/bds-status.entry.js +1 -0
  407. package/dist/esm-es5/bds-tag.entry.js +1 -0
  408. package/dist/esm-es5/bds-text-field.entry.js +1 -1
  409. package/dist/esm-es5/bds-toggle.entry.js +1 -0
  410. package/dist/esm-es5/bds-tooltip_2.entry.js +1 -0
  411. package/dist/esm-es5/boreal-web-components.js +1 -1
  412. package/dist/esm-es5/coreColors-Dwo1hcd9.js +1 -0
  413. package/dist/esm-es5/enum-DlVzZK7o.js +1 -0
  414. package/dist/esm-es5/form-associated.mixin-C4HM8wQe.js +1 -0
  415. package/dist/esm-es5/getOffset-BYS3c13B.js +1 -0
  416. package/dist/esm-es5/index-BqJlOB6b.js +2 -0
  417. package/dist/esm-es5/internals-DfaYciGa.js +1 -0
  418. package/dist/esm-es5/loader.js +1 -1
  419. package/dist/esm-es5/menu-dz9-Q2N8.js +1 -0
  420. package/dist/esm-es5/orientation-CPvuMm5C.js +1 -0
  421. package/dist/esm-es5/states-Bfazyxqi.js +1 -0
  422. package/dist/esm-es5/validateProps-kGnB15Lz.js +1 -0
  423. package/dist/scss/maps/_primitives.scss +404 -408
  424. package/dist/scss/maps/_theme-connect.scss +164 -165
  425. package/dist/scss/maps/_theme-engage.scss +164 -165
  426. package/dist/scss/maps/_theme-protect.scss +164 -165
  427. package/dist/scss/maps/_theme-proximus.scss +165 -166
  428. package/dist/scss/variables/_primitives.scss +404 -408
  429. package/dist/scss/variables/_theme-connect.scss +164 -165
  430. package/dist/scss/variables/_theme-engage.scss +164 -165
  431. package/dist/scss/variables/_theme-protect.scss +164 -165
  432. package/dist/scss/variables/_theme-proximus.scss +165 -166
  433. package/dist/types/components/actions/bds-button/bds-button.d.ts +4 -4
  434. package/dist/types/components/actions/bds-button/types/enum.d.ts +3 -3
  435. package/dist/types/components/actions/bds-button-group/bds-button-group.d.ts +36 -0
  436. package/dist/types/components/actions/bds-button-group/types/IButtonGroup.d.ts +11 -0
  437. package/dist/types/components/actions/bds-list-menu/bds-list-menu/bds-list-menu.d.ts +74 -0
  438. package/dist/types/components/actions/bds-list-menu/bds-list-menu/types/IListMenu.d.ts +14 -0
  439. package/dist/types/components/actions/bds-list-menu/bds-list-menu/types/enum.d.ts +5 -0
  440. package/dist/types/components/actions/bds-list-menu/bds-list-menu/types/types.d.ts +3 -0
  441. package/dist/types/components/actions/bds-list-menu/bds-list-menu-item/bds-list-menu-item.d.ts +122 -0
  442. package/dist/types/components/actions/bds-list-menu/bds-list-menu-item/types/IListMenuItem.d.ts +13 -0
  443. package/dist/types/components/actions/bds-list-menu/bds-list-menu-item/types/enum.d.ts +5 -0
  444. package/dist/types/components/actions/bds-list-menu/bds-list-menu-item/types/types.d.ts +3 -0
  445. package/dist/types/components/actions/bds-toggle/bds-toggle.d.ts +91 -0
  446. package/dist/types/components/actions/bds-toggle/types/IEventChange.d.ts +5 -0
  447. package/dist/types/components/actions/bds-toggle/types/IToggle.d.ts +12 -0
  448. package/dist/types/components/actions/bds-toggle/types/enum.d.ts +5 -0
  449. package/dist/types/components/actions/bds-toggle/types/index.d.ts +5 -0
  450. package/dist/types/components/actions/bds-toggle/types/types.d.ts +3 -0
  451. package/dist/types/components/feedback/bds-badge/bds-badge.d.ts +31 -0
  452. package/dist/types/components/feedback/bds-badge/types/IBadge.d.ts +6 -0
  453. package/dist/types/components/feedback/bds-badge/types/enum.d.ts +9 -0
  454. package/dist/types/components/feedback/bds-banner/bds-banner.d.ts +8 -4
  455. package/dist/types/components/feedback/bds-status/bds-status.d.ts +26 -0
  456. package/dist/types/components/feedback/bds-status/types/IStatus.d.ts +7 -0
  457. package/dist/types/components/feedback/bds-status/types/enum.d.ts +6 -0
  458. package/dist/types/components/feedback/bds-status/types/types.d.ts +3 -0
  459. package/dist/types/components/feedback/bds-tag/bds-tag.d.ts +71 -0
  460. package/dist/types/components/feedback/bds-tag/types/ITag.d.ts +13 -0
  461. package/dist/types/components/feedback/bds-tag/types/enum.d.ts +11 -0
  462. package/dist/types/components/feedback/bds-tag/types/index.d.ts +4 -0
  463. package/dist/types/components/feedback/bds-tag/types/types.d.ts +8 -0
  464. package/dist/types/components/forms/bds-checkbox/bds-checkbox.d.ts +2 -0
  465. package/dist/types/components/forms/bds-checkbox-card/bds-checkbox-card.d.ts +70 -0
  466. package/dist/types/components/forms/bds-checkbox-card/types/ICheckboxCard.d.ts +8 -0
  467. package/dist/types/components/forms/bds-flag/bds-flag.d.ts +3 -4
  468. package/dist/types/components/forms/bds-radio/bds-radio.d.ts +36 -0
  469. package/dist/types/components/forms/bds-radio/types/IRadio.d.ts +13 -0
  470. package/dist/types/components/forms/bds-radio-button/bds-radio-button.d.ts +36 -0
  471. package/dist/types/components/forms/bds-radio-button/types/IRadioButton.d.ts +13 -0
  472. package/dist/types/components/forms/bds-radio-card/bds-radio-card.d.ts +57 -0
  473. package/dist/types/components/forms/bds-radio-card/types/IRadioCard.d.ts +14 -0
  474. package/dist/types/components/forms/bds-radio-group/bds-radio-group.d.ts +82 -0
  475. package/dist/types/components/forms/bds-radio-group/types/IRadioGroup.d.ts +19 -0
  476. package/dist/types/components/forms/bds-radio-group/types/enum.d.ts +6 -0
  477. package/dist/types/components/forms/bds-radio-group/types/types.d.ts +3 -0
  478. package/dist/types/components/helpers/bds-divider/bds-divider.d.ts +26 -0
  479. package/dist/types/components/helpers/bds-divider/types/IDivider.d.ts +5 -0
  480. package/dist/types/components/helpers/bds-divider/types/enum.d.ts +5 -0
  481. package/dist/types/components/helpers/bds-divider/types/types.d.ts +3 -0
  482. package/dist/types/components/images-icons/bds-avatar/bds-avatar.d.ts +51 -0
  483. package/dist/types/components/images-icons/bds-avatar/types/IAvatar.d.ts +9 -0
  484. package/dist/types/components/images-icons/bds-avatar/types/enum.d.ts +6 -0
  485. package/dist/types/components/images-icons/bds-avatar/types/index.d.ts +4 -0
  486. package/dist/types/components/images-icons/bds-avatar/types/types.d.ts +3 -0
  487. package/dist/types/components/layouts/bds-grid/grid/bds-grid.d.ts +19 -0
  488. package/dist/types/components/layouts/bds-grid/grid/types/IGrid.d.ts +6 -0
  489. package/dist/types/components/layouts/bds-grid/grid/types/enum.d.ts +5 -0
  490. package/dist/types/components/layouts/bds-grid/grid/types/index.d.ts +4 -0
  491. package/dist/types/components/layouts/bds-grid/grid/types/types.d.ts +3 -0
  492. package/dist/types/components/layouts/bds-grid/grid-item/bds-grid-item.d.ts +31 -0
  493. package/dist/types/components/layouts/bds-grid/grid-item/types/IGridItem.d.ts +12 -0
  494. package/dist/types/components/layouts/bds-grid/grid-item/types/enum.d.ts +11 -0
  495. package/dist/types/components/layouts/bds-grid/grid-item/types/index.d.ts +4 -0
  496. package/dist/types/components/layouts/bds-grid/grid-item/types/types.d.ts +3 -0
  497. package/dist/types/components/overlays/bds-dialog/bds-dialog.d.ts +2 -2
  498. package/dist/types/components/overlays/bds-popover/bds-popover.d.ts +1 -0
  499. package/dist/types/components/overlays/bds-popover/constants/Offset.d.ts +2 -0
  500. package/dist/types/components/overlays/bds-tooltip/bds-tooltip.d.ts +1 -0
  501. package/dist/types/components/overlays/bds-tooltip/constants/Offset.d.ts +2 -0
  502. package/dist/types/components/titles-text/bds-typography/bds-typography.d.ts +9 -9
  503. package/dist/types/components/titles-text/bds-typography/types/ITypography.d.ts +2 -2
  504. package/dist/types/components/titles-text/bds-typography/utils/bds-typography-utils.d.ts +1 -1
  505. package/dist/types/components.d.ts +2542 -450
  506. package/dist/types/mixins/anchored.mixin.d.ts +5 -0
  507. package/dist/types/mixins/index.d.ts +2 -0
  508. package/dist/types/mixins/links.mixin.d.ts +85 -0
  509. package/dist/types/mixins/menu-behavior.mixin.d.ts +95 -0
  510. package/dist/types/types/IFormProps.d.ts +25 -0
  511. package/dist/types/types/index.d.ts +5 -0
  512. package/dist/types/types/links.d.ts +14 -0
  513. package/dist/types/types/menu.d.ts +16 -0
  514. package/dist/types/types/orientation.d.ts +6 -0
  515. package/dist/types/types/position.d.ts +6 -2
  516. package/dist/types/utils/constants/common/Keys.d.ts +12 -14
  517. package/dist/types/utils/helpers/overlays/getOffset.d.ts +9 -0
  518. package/dist/types/utils/helpers/validateProps.d.ts +11 -0
  519. package/dist/types/utils/index.d.ts +2 -1
  520. package/dist/types/utils/menu/index.d.ts +2 -0
  521. package/dist/types/utils/menu/menu-item.utils.d.ts +50 -0
  522. package/dist/types/utils/{__test__ → testing}/helpers.d.ts +8 -0
  523. package/dist/types/utils/{__test__ → testing}/index.d.ts +0 -2
  524. package/dist/types/utils/{__test__/backdrop-mock.d.ts → testing/mocks/backdrop.d.ts} +1 -1
  525. package/dist/types/utils/testing/mocks/console.d.ts +17 -0
  526. package/dist/types/utils/{__test__/mocks/ElementInternals.d.ts → testing/mocks/elementInternals.d.ts} +1 -1
  527. package/dist/types/utils/testing/mocks/index.d.ts +5 -0
  528. package/dist/types/utils/{__test__/popover-mock.d.ts → testing/mocks/popover.d.ts} +1 -1
  529. package/package.json +1 -1
  530. package/components-build/p-B6R9EVXK.js +0 -1
  531. package/components-build/p-BSpJ_e9f.js +0 -1
  532. package/components-build/p-BYEAJCas.js +0 -1
  533. package/components-build/p-BhTPNsBb.js +0 -1
  534. package/components-build/p-CYojP4vI.js +0 -1
  535. package/components-build/p-D5omSME4.js +0 -1
  536. package/components-build/p-vfAIdwy0.js +0 -1
  537. package/dist/boreal-web-components/p-07a933df.entry.js +0 -1
  538. package/dist/boreal-web-components/p-1bb2b33f.entry.js +0 -1
  539. package/dist/boreal-web-components/p-1fccea3f.system.entry.js +0 -1
  540. package/dist/boreal-web-components/p-20af732b.system.entry.js +0 -1
  541. package/dist/boreal-web-components/p-22378341.system.entry.js +0 -1
  542. package/dist/boreal-web-components/p-39c26e58.entry.js +0 -1
  543. package/dist/boreal-web-components/p-6210d025.entry.js +0 -1
  544. package/dist/boreal-web-components/p-6de2b44c.system.entry.js +0 -1
  545. package/dist/boreal-web-components/p-91b9e94e.entry.js +0 -1
  546. package/dist/boreal-web-components/p-9e06910d.system.entry.js +0 -1
  547. package/dist/boreal-web-components/p-BIJhHSAt.system.js +0 -1
  548. package/dist/boreal-web-components/p-BKRyWlfr.js +0 -1
  549. package/dist/boreal-web-components/p-BhTPNsBb.js +0 -1
  550. package/dist/boreal-web-components/p-BkDQsB4R.system.js +0 -1
  551. package/dist/boreal-web-components/p-C8mRvnTA.js +0 -1
  552. package/dist/boreal-web-components/p-CdKFZYxk.system.js +0 -1
  553. package/dist/boreal-web-components/p-DoDeP7KR.system.js +0 -1
  554. package/dist/boreal-web-components/p-Dtp4O0H2.system.js +0 -1
  555. package/dist/boreal-web-components/p-Dy7QKP9e.js +0 -1
  556. package/dist/boreal-web-components/p-GjKJvOVG.system.js +0 -2
  557. package/dist/boreal-web-components/p-ac64d4a5.system.entry.js +0 -1
  558. package/dist/boreal-web-components/p-b61fe06c.entry.js +0 -1
  559. package/dist/boreal-web-components/p-cdc87437.entry.js +0 -1
  560. package/dist/boreal-web-components/p-d8ec8557.system.entry.js +0 -1
  561. package/dist/boreal-web-components/p-ea889727.entry.js +0 -1
  562. package/dist/boreal-web-components/p-fa327346.system.entry.js +0 -1
  563. package/dist/boreal-web-components/p-fc2cb919.entry.js +0 -1
  564. package/dist/boreal-web-components/p-sDZFaZMN.system.js +0 -1
  565. package/dist/boreal-web-components/p-vfAIdwy0.js +0 -1
  566. package/dist/cjs/bds-tooltip.cjs.entry.js +0 -152
  567. package/dist/cjs/bds-typography.cjs.entry.js +0 -168
  568. package/dist/cjs/validateProps-BNOBk1Xs.js +0 -20
  569. package/dist/collection/utils/__test__/mocks/index.js +0 -1
  570. package/dist/esm/bds-tooltip.entry.js +0 -150
  571. package/dist/esm/bds-typography.entry.js +0 -166
  572. package/dist/esm/validateProps-vfAIdwy0.js +0 -18
  573. package/dist/esm-es5/anchored.mixin-Y3MkGc2X.js +0 -1
  574. package/dist/esm-es5/bds-tooltip.entry.js +0 -1
  575. package/dist/esm-es5/bds-typography.entry.js +0 -1
  576. package/dist/esm-es5/enum-C8mRvnTA.js +0 -1
  577. package/dist/esm-es5/index-D4EFsvs1.js +0 -2
  578. package/dist/esm-es5/internals-Dy7QKP9e.js +0 -1
  579. package/dist/esm-es5/states-BhTPNsBb.js +0 -1
  580. package/dist/esm-es5/validateProps-vfAIdwy0.js +0 -1
  581. package/dist/types/utils/__test__/mocks/index.d.ts +0 -2
  582. /package/dist/collection/utils/{__test__ → testing}/constants.js +0 -0
  583. /package/dist/collection/utils/{__test__ → testing}/fixtures.js +0 -0
  584. /package/dist/collection/utils/{__test__/backdrop-mock.js → testing/mocks/backdrop.js} +0 -0
  585. /package/dist/collection/utils/{__test__/mocks/ElementInternals.js → testing/mocks/elementInternals.js} +0 -0
  586. /package/dist/collection/utils/{__test__/popover-mock.js → testing/mocks/popover.js} +0 -0
  587. /package/dist/types/utils/{__test__ → testing}/constants.d.ts +0 -0
  588. /package/dist/types/utils/{__test__ → testing}/fixtures.d.ts +0 -0
@@ -0,0 +1 @@
1
+ import{p as r,a as i,h as d,H as s,t as a}from"./index.js";import{v as e}from"./p-kGnB15Lz.js";const t={FIXED:"fixed",FLUID:"fluid"},g=r(class extends i{constructor(r){super(),!1!==r&&this.__registerHost(),this.layout=t.FLUID}checkPropValues(){e(Object.values(t),t.FLUID,this.el,"layout")}componentWillLoad(){this.checkPropValues()}render(){return d(s,{key:"52672cc265a59d6556eb4ae677c650b19696dbdc",class:{"bds-grid--fixed":this.layout===t.FIXED},style:{...this.rowGap&&{"row-gap":this.rowGap}}},d("slot",{key:"6c0f0b89777a754a91d273838940cd8721b79d5c"}))}get el(){return this}static get watchers(){return{layout:[{checkPropValues:0}]}}static get style(){return'@charset "UTF-8";bds-grid{--bds-grid-columns:var(--boreal-grid-columns-sm);--bds-grid-gutter:var(--boreal-grid-gutter-sm);--bds-grid-margin:var(--boreal-grid-margin-sm);display:grid;grid-template-columns:repeat(var(--bds-grid-columns), 1fr);gap:var(--bds-grid-gutter);padding-inline:var(--bds-grid-margin);-webkit-margin-start:var(--bds-grid-nav-offset, 0px);margin-inline-start:var(--bds-grid-nav-offset, 0px);-webkit-box-sizing:border-box;box-sizing:border-box}@media (min-width: 769px){bds-grid{--bds-grid-columns:var(--boreal-grid-columns-md)}}@media (min-width: 960px){bds-grid{--bds-grid-columns:var(--boreal-grid-columns-lg);--bds-grid-margin:var(--boreal-grid-margin-lg)}}@media (min-width: 1152px){bds-grid{--bds-grid-gutter:var(--boreal-grid-gutter-xl);--bds-grid-margin:var(--boreal-grid-margin-xl)}}@media (min-width: 1344px){bds-grid{--bds-grid-margin:var(--boreal-grid-margin-2xl)}}bds-grid.bds-grid--fixed{max-width:calc(var(--boreal-grid-fixed-max-columns-width) + 2 * var(--bds-grid-margin));margin-inline:auto}'}},[260,"bds-grid",{layout:[1],rowGap:[1,"row-gap"]},void 0,{layout:[{checkPropValues:0}]}]),n=g,o=function(){"undefined"!=typeof customElements&&["bds-grid"].forEach((r=>{"bds-grid"===r&&(customElements.get(a(r))||customElements.define(a(r),g))}))};export{n as BdsGrid,o as defineCustomElement}
@@ -0,0 +1,11 @@
1
+ import type { Components, JSX } from "../dist/types/components";
2
+
3
+ interface BdsListMenuItem extends Components.BdsListMenuItem, HTMLElement {}
4
+ export const BdsListMenuItem: {
5
+ prototype: BdsListMenuItem;
6
+ new (): BdsListMenuItem;
7
+ };
8
+ /**
9
+ * Used to define this component and all nested components recursively.
10
+ */
11
+ export const defineCustomElement: () => void;
@@ -0,0 +1 @@
1
+ import{p as t,M as e,c as s,h as i,H as n,t as o}from"./index.js";import{C as a}from"./p-Bfazyxqi.js";import{M as r}from"./p-dz9-Q2N8.js";import{v as l}from"./p-kGnB15Lz.js";import{K as d}from"./p-bAMuJ4Jx.js";import{d as c}from"./p-ClR-wgiT.js";import{d as b}from"./p-N_tqtRV2.js";import{d as h}from"./p-c2z3tneT.js";const m=t=>class extends t{constructor(){super(...arguments),this.disabled=!1,this.selected=!1,this.activeItem=!1}get parent(){return this.el.closest('[role="menu"], [role="listbox"]')}get parentRole(){const t=this.parent;return null!==t?t.getAttribute("role"):null}get menuItemRole(){return function(t){return"menu"===t?"menuitem":"option"}(this.parentRole||"menu")}get ariaSelected(){return function(t,e){return"option"===t?e+"":null}(this.menuItemRole,this.selected)}get itemTabIndex(){return function(t,e,s){return e||"option"!==t&&"menuitem"!==t||!s?-1:0}(this.menuItemRole,this.disabled,this.activeItem)}handleKeyDownLogic(t,e){if(function(t){[d.ArrowDown,d.ArrowUp,d.Enter,d.Space].includes(t.key)&&t.preventDefault()}(t),t.key===d.Enter||t.key===d.Space)return void e();const s=this.parent;if(null===s)return;const i=Array.from(s.querySelectorAll(this.el.tagName.toLocaleLowerCase()+':not([disabled]):not([variant="label"])')),n=i.indexOf(this.el);!function(t,e,s){if(0===e.length||-1===s)return;let i=-1;switch(t.key){case d.ArrowDown:i=(s+1)%e.length;break;case d.ArrowUp:i=(s-1+e.length)%e.length;break;default:return}e.forEach((t=>t.removeAttribute("active-item"))),e[i].focus(),e[i].setAttribute("active-item","")}(t,i,n)}},u=t=>class extends t{constructor(){super(...arguments),this.href="",this.newTab=!1,this.download=""}get isLink(){return""!==this.href||""!==this.download}get linkAttributes(){const t={};if(!this.isLink)return t;const e=this.sanitizeUrl(this.href);return t.href=e,t.target=this.newTab?"_blank":"_self",t.rel=this._isExternalLink(e)||this.newTab||""!==this.download?"noopener noreferrer":"",t.download=""!==this.download?this.download:void 0,"a"!==this.el.tagName.toLowerCase()&&(t.role="link",t.tabindex="0"),t}_isExternalLink(t){return/^https?:\/\//.test(t)&&!t.includes(window.location.hostname)}handleLinkKeyDown(t){this.isLink&&("a"===this.el.tagName.toLowerCase()||t.key!==d.Enter&&t.key!==d.Space||(t.preventDefault(),this.handleLinkClick(new MouseEvent("click",{bubbles:!0,cancelable:!0}))))}handleLinkClick(t){if(!this.isLink)return void t.preventDefault();const e=this.linkAttributes;if(""!==e.download&&void 0!==e.download){t.preventDefault();const s=document.createElement("a");s.href=e.download||"",s.download=e.download,s.style.display="none",document.body.appendChild(s),console.log("Initiating download:",s.href),s.click(),document.body.removeChild(s)}"a"!==this.el.tagName.toLowerCase()&&("_blank"===e.target?window.open(e.href,"_blank",e.rel):window.location.href=e.href||"",t.preventDefault())}sanitizeUrl(t){const e=t.trim().toLowerCase();return e.startsWith("javascript:")||e.startsWith("data:")||e.includes("\0")?"":e.startsWith("http://")||e.startsWith("https://")||e.startsWith("mailto:")||e.startsWith("tel:")||e.startsWith("/")||e.startsWith("#")?t:e.startsWith("://")?"":"https://"+t}},p={LABEL:"label",BUTTON:"button"},f=t(class extends(e(m,u)){constructor(t){super(!1),!1!==t&&this.__registerHost(),this.bdsSelectItem=s(this,"bdsSelectItem"),this.variant=p.BUTTON,this.name="",this.disabled=!1,this.selected=!1,this.value="",this.checkable=!1,this.activeItem=!1,this.href="",this.newTab=!1,this.download="",this.currentState=a.DEFAULT,this.handleClick=t=>{this.disabled||this.isLabelVariant||(t.stopPropagation(),this.isLink?this.handleLinkClick(t):(this.checkable&&this.parentRole!==r.LISTBOX&&(this.selected=!this.selected),this.bdsSelectItem.emit({value:this.value,selected:!this.selected})))},this.handleKeyDown=t=>{this.disabled||this.isLabelVariant||(this.handleKeyDownLogic(t,(()=>this.handleClick(t))),this.isLink&&void 0===this.linkAttributes.download||(this.currentState=t.key===d.Enter||t.key===d.Space?a.ACTIVE:this.currentState))},this.handleKeyUp=()=>{this.disabled||this.isLabelVariant||(this.currentState=a.DEFAULT)}}checkPropsVariant(){l(Object.values(p),p.BUTTON,this.el,"variant")}componentWillLoad(){this.checkPropsVariant()}get menuItemRoleExtended(){return this.checkable?"listbox"===this.parentRole?"checkbox":"menuitemcheckbox":this.menuItemRole}get isLabelVariant(){return this.variant===p.LABEL}get classMap(){return{"bds-list-item":!0,"bds-list-item--disabled":this.disabled,"bds-list-item--selected":this.selected,["bds-list-item--state-"+this.currentState]:!0,["bds-list-item--"+this.variant]:!0}}renderTypeLabel(){return i("bds-typography",{variant:"label",element:"label",align:"start",role:"presentation"},i("slot",{name:"left-content"})," ",i("slot",null))}renderCheckbox(){return this.checkable?i("bds-checkbox",{checked:this.selected,disabled:this.disabled,name:"checkbox-"+this.value,tabindex:"-1",style:{pointerEvents:"none"},inert:!0}):null}renderTypeButton(){return i("div",{class:"bds-list-item__content"},i("div",{class:"bds-list-item__content-left"},this.renderCheckbox(),i("span",{class:"bds-list-item__content-left__icon"},i("slot",{name:"left-content"})),i("span",{class:"bds-list-item__content-left__text"},i("slot",null))),i("div",{class:"bds-list-item__content-right"},i("slot",{name:"right-content"})))}render(){let t=this.renderTypeButton();this.isLabelVariant&&(t=this.renderTypeLabel());const e=this.isLink?{...this.linkAttributes,tabindex:this.activeItem?0:-1}:{};return i(n,{key:"0882d4cb677f6621518113c48e92d7e94cb71916",class:this.classMap,role:this.isLabelVariant?"presentation":this.menuItemRoleExtended,"aria-selected":!this.checkable&&this.ariaSelected,"aria-checked":this.checkable?this.ariaSelected:void 0,...e,tabIndex:this.isLabelVariant?-1:this.itemTabIndex,onClick:this.handleClick,onKeyDown:this.handleKeyDown,onKeyUp:this.handleKeyUp},t)}get el(){return this}static get watchers(){return{variant:[{checkPropsVariant:0}]}}static get style(){return'@charset "UTF-8";.bds-list-item,.bds-list-item__content{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.bds-list-item{width:100%;vertical-align:middle;position:relative;color:var(--boreal-text-default);font-style:normal;font-family:var(--boreal-typography-font-family-primary);font-weight:var(--boreal-typography-font-weight-regular)}.bds-list-item__content{-ms-flex-pack:justify;justify-content:space-between;-ms-flex:1;flex:1;vertical-align:middle;gap:var(--boreal-spacing-3xs)}.bds-list-item__content-left,.bds-list-item__content-right{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;vertical-align:middle}.bds-list-item__content-left__icon,.bds-list-item__content-left__text{display:inline-block;vertical-align:middle;font-style:normal;font-size:var(--boreal-typography-font-size-sm);line-height:var(--boreal-typography-line-height-xs)}.bds-list-item__content-left__icon:not(:empty){padding-right:var(--boreal-spacing-3xs)}.bds-list-item__content [class*=bds-icon-]{font-size:var(--boreal-typography-font-size-md)}.bds-list-item--button{cursor:pointer;padding:var(--boreal-spacing-1xs) var(--boreal-spacing-s);-webkit-transition:background-color 0.3s ease, border-color 0.3s ease, -webkit-box-shadow 0.3s ease;transition:background-color 0.3s ease, border-color 0.3s ease, -webkit-box-shadow 0.3s ease;transition:background-color 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease;transition:background-color 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease, -webkit-box-shadow 0.3s ease}.bds-list-item--button:not(.bds-list-item--disabled):hover:not([selected]){background-color:var(--boreal-ui-default-lighter);z-index:1}.bds-list-item--button:not(.bds-list-item--disabled):focus,.bds-list-item--button:not(.bds-list-item--disabled):focus-visible{outline:none;-webkit-box-shadow:0 0 0 1px var(--boreal-ui-inverse), 0 0 0 3px var(--boreal-stroke-focus);box-shadow:0 0 0 1px var(--boreal-ui-inverse), 0 0 0 3px var(--boreal-stroke-focus);z-index:1}.bds-list-item--button:not(.bds-list-item--disabled):active,.bds-list-item--button:not(.bds-list-item--disabled).bds-list-item--state-active{-webkit-box-shadow:0 0 0 1px var(--boreal-ui-inverse), 0 0 0 3px var(--boreal-stroke-focus), 0 1px 2px 0 rgba(19, 19, 22, 0.15) inset;box-shadow:0 0 0 1px var(--boreal-ui-inverse), 0 0 0 3px var(--boreal-stroke-focus), 0 1px 2px 0 rgba(19, 19, 22, 0.15) inset;background-color:var(--boreal-ui-default-lighter);z-index:1}.bds-list-item--selected{background-color:var(--boreal-ui-primary-lighter)}.bds-list-item--disabled{color:var(--boreal-text-disabled);cursor:not-allowed}.bds-list-item--label{cursor:default;padding:var(--boreal-spacing-3xs) 0}.bds-list-item--label .bds-typography label{color:var(--boreal-text-default-light)}'}},[772,"bds-list-menu-item",{variant:[513],name:[1],disabled:[516],selected:[1540],value:[513],checkable:[516],activeItem:[516,"active-item"],href:[1],newTab:[4,"new-tab"],download:[1],currentState:[32]},void 0,{variant:[{checkPropsVariant:0}]}]),x=f,g=function(){"undefined"!=typeof customElements&&["bds-list-menu-item","bds-checkbox","bds-tooltip","bds-typography"].forEach((t=>{switch(t){case"bds-list-menu-item":customElements.get(o(t))||customElements.define(o(t),f);break;case"bds-checkbox":customElements.get(o(t))||c();break;case"bds-tooltip":customElements.get(o(t))||b();break;case"bds-typography":customElements.get(o(t))||h()}}))};export{x as BdsListMenuItem,g as defineCustomElement}
@@ -0,0 +1,11 @@
1
+ import type { Components, JSX } from "../dist/types/components";
2
+
3
+ interface BdsListMenu extends Components.BdsListMenu, HTMLElement {}
4
+ export const BdsListMenu: {
5
+ prototype: BdsListMenu;
6
+ new (): BdsListMenu;
7
+ };
8
+ /**
9
+ * Used to define this component and all nested components recursively.
10
+ */
11
+ export const defineCustomElement: () => void;
@@ -0,0 +1 @@
1
+ import{p as e,a as t,c as s,h as i,H as l,t as a}from"./index.js";import{M as o}from"./p-dz9-Q2N8.js";import{i as n}from"./p-fUK0GCeC.js";import{v as c}from"./p-kGnB15Lz.js";import{d as r}from"./p-Cbibqaz0.js";const d={SINGLE:"single",MULTIPLE:"multiple"},h=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.bdsChange=s(this,"bdsChange"),this.bdsSelect=s(this,"bdsSelect"),this.inheritedAttributes={},this.selectionMode=d.SINGLE,this.menuRole=o.MENU,this.selectControls=!1,this.selectedValues=[]}checkProps(){c(Object.values(o),o.MENU,this.el,"menuRole"),c(Object.values(d),d.SINGLE,this.el,"selectionMode")}async getSelectedValues(){return this.isMultiple?this.selectedValues:this.selectedValues[0]}async setSelectedValues(e){this.selectedValues=this.isMultiple?Array.isArray(e)?e:[e]:null!==e?[e]:[],this.updateChildrenState()}handleItemClick(e){const{value:t,selected:s}=e.detail;if(this.menuRole===o.LISTBOX)this.isMultiple?this.handleMultipleSelection(t,s):this.handleSingleSelection(t,s),this.updateChildrenState(e.target),this.bdsChange.emit(this.isMultiple?this.selectedValues:this.selectedValues[0]||void 0);else{const s=e.target,i=this.childItems.indexOf(s);this.bdsSelect.emit({value:t,index:i,checked:!!s.checkable&&s.selected,element:s})}}componentWillLoad(){this.checkProps(),this.initialSelectedValues(),this.updateActiveState(),this.inheritedAttributes={...n(this.el,["aria-multiselectable"])}}get childItems(){return Array.from(this.el.querySelectorAll("bds-list-menu-item"))}get firstEnabledItem(){return this.childItems.find((e=>!e.disabled&&"label"!==e.variant))}get isMultiple(){return this.selectionMode===d.MULTIPLE}updateActiveState(){const e=this.firstEnabledItem;this.childItems.some((e=>e.selected&&!e.disabled))||void 0===e||e.setAttribute("active-item","")}handleMultipleSelection(e,t){this.selectedValues=t?[...this.selectedValues,e]:this.selectedValues.filter((t=>t!==e))}handleSingleSelection(e,t){this.selectedValues=t?[e]:[]}updateChildrenState(e){this.childItems.forEach((e=>{if(void 0!==e.value){const t=this.selectedValues.includes(e.value);e.selected=t,e.removeAttribute("active-item")}})),this.setActiveItem(e)}setActiveItem(e){let t;if(void 0!==e)t=e;else if(this.selectedValues.length>0){const e=this.selectedValues[0];t=this.childItems.find((t=>t.value===e))}else t=this.firstEnabledItem;void 0!==t&&t.setAttribute("active-item","")}initialSelectedValues(){const e=Array.from(this.el.querySelectorAll("bds-list-menu-item[selected]"));if(e.length>0){const t=Array.from(e).map((e=>e.getAttribute("value")||""));this.selectedValues=this.isMultiple?t:[t[0]],this.updateChildrenState()}}handleToggleSelect(e){const t=this.childItems.filter((e=>!e.disabled&&"label"!==e.variant&&void 0!==e.value)).map((e=>e.value));this.selectedValues=e?t:[],this.updateChildrenState(),this.bdsChange.emit(this.selectedValues)}renderSelectControls(){return this.selectControls&&this.menuRole===o.LISTBOX&&this.isMultiple?i("div",{class:"bds-list-menu__select-controls"},i("bds-button",{name:"Select all",variant:"plain",onBdsClick:()=>this.handleToggleSelect(!0)},"Select All"),i("bds-button",{name:"Deselect all",variant:"plain",onBdsClick:()=>this.handleToggleSelect(!1)},"Deselect All")):null}render(){return i(l,{key:"88d9e41f1116555df02ca6e883b9e50f024c69b9",class:"bds-list-menu",role:this.menuRole,tabIndex:"-1","aria-multiselectable":this.menuRole===o.LISTBOX&&this.isMultiple?"true":"false",...this.inheritedAttributes},i("slot",{key:"2f1730a1b5c456477d2b86f35b596d11e1b79f5c",name:"banner-content"}),i("div",{key:"58b6944a60ce62a8832e41a853d2621b6fc6deae",class:"bds-list-menu__header"},i("slot",{key:"1a292f12ca27104fd0496477a051a1ad3bcec83e",name:"header-content"})),this.renderSelectControls(),i("div",{key:"9a21f481ca5a3e6b484c0bcc5501097dfceb61c3",class:"bds-list-menu__content"},i("slot",{key:"43f684cb30333a5d571b4d05a4c8627703297473"})),i("div",{key:"dbc3a62e055792283fef80ff4514167d079c355d",class:"bds-list-menu__footer"},i("slot",{key:"8d504757a49bedf5a5ec150ed16ef5c9e7723ee1",name:"footer-content"})))}get el(){return this}static get watchers(){return{selectionMode:[{checkProps:0}],menuRole:[{checkProps:0}]}}static get style(){return'@charset "UTF-8";:host{display:block}.bds-list-menu{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;max-width:var(--bds-list-menu-max-width, 350px);background-color:var(--boreal-ui-inverse);font-family:var(--boreal-typography-font-family-primary)}.bds-list-menu__content{max-height:var(--bds-list-menu-max-height, 240px);overflow-y:auto;padding:var(--boreal-spacing-2xs)}.bds-list-menu__select-controls{display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around;border-bottom:var(--boreal-spacing-4xs) solid var(--boreal-ui-default-lighter);margin-bottom:var(--boreal-spacing-3xs)}.bds-list-menu__header:not(:empty),.bds-list-menu__footer:not(:empty){padding:var(--boreal-spacing-xs) 0}.bds-list-menu__header:not(:empty){border-bottom:var(--boreal-spacing-4xs) solid var(--boreal-ui-default-lighter)}.bds-list-menu__footer:not(:empty){border-top:var(--boreal-spacing-4xs) solid var(--boreal-ui-default-lighter)}'}},[260,"bds-list-menu",{selectionMode:[1,"selection-mode"],menuRole:[1,"menu-role"],selectControls:[4,"select-controls"],selectedValues:[32],getSelectedValues:[64],setSelectedValues:[64]},[[0,"bdsSelectItem","handleItemClick"]],{selectionMode:[{checkProps:0}],menuRole:[{checkProps:0}]}]),m=h,b=function(){"undefined"!=typeof customElements&&["bds-list-menu","bds-button"].forEach((e=>{switch(e){case"bds-list-menu":customElements.get(a(e))||customElements.define(a(e),h);break;case"bds-button":customElements.get(a(e))||r()}}))};export{m as BdsListMenu,b as defineCustomElement}
@@ -1 +1 @@
1
- import{p as e,M as o,h as t,H as r,t as a}from"./index.js";import{a as s}from"./p-CYojP4vI.js";import{a as i,d as p}from"./p-B6R9EVXK.js";const n=e(class extends(o(s)){constructor(e){super(!1),!1!==e&&this.__registerHost(),this.floatingOptions={},this.disabled=!1,this.width=320,this.header=!1,this.footer=!1,this.closable=!1,this.isVisible=!1}get options(){return{placement:this.floatingOptions.placement??"bottom",offset:this.floatingOptions.offset??16,arrow:this.floatingOptions.hideArrow?void 0:this.arrowElement,strategy:"fixed",shift:!0,flip:!0}}get popoverWidth(){return"full"===this.width?"100%":"auto"===this.width?"auto":this.width+"px"}get hooks(){return{onPositionUpdate:e=>this.handlePosition(e),onBeforeShow:()=>!this.disabled,onAfterShow:()=>this.attachClickOutside(),onAfterHide:()=>this.detachClickOutside(),onBeforeLoad:()=>this.attachTrigger(),subscribeToTrigger:e=>this.subscribe(e)}}attachClickOutside(){!1!==this.floatingOptions?.closeOnClickOutside&&(this.boundClickOutside=e=>this.handleClickOutside(e),document.addEventListener("mousedown",this.boundClickOutside))}detachClickOutside(){!1!==this.floatingOptions?.closeOnClickOutside&&null!==this.boundClickOutside&&(document.removeEventListener("mousedown",this.boundClickOutside),this.boundClickOutside=()=>{})}setArrowPosition(e){if(e.middlewareData?.arrow&&!this.disabled&&this.arrowElement?.isConnected){const{x:o,y:t}=e.middlewareData.arrow;Object.assign(this.arrowElement.style,{left:null!=o?o+"px":"",top:null!=t?t+"px":""})}}handleClickOutside(e){const o=e.target,t=this.el.contains(o),r=this.floatingContent.contains(o)||this.floatingContent===o;t||r||this.hide()}handleContentClick(e){e.stopPropagation(),this.handleFloatingClick()}handleFloatingClick(){this.floatingOptions.closeOnClick&&this.hide()}handlePosition(e){if(this.floatingContent.setAttribute("data-placement",e.placement),this.setArrowPosition(e),"full"===this.width&&null!=this.triggerSlot){const e=(this.triggerSlot.parentElement??this.triggerSlot).getBoundingClientRect().width,o=this.floatingContent.getBoundingClientRect().width;Math.round(o)!==Math.round(e)&&(this.floatingContent.style.width=e+"px"),this.updatePosition(this.triggerSlot,this.floatingContent,this.options,(e=>{this.floatingContent.setAttribute("data-placement",e.placement),this.setArrowPosition(e)}))}else"auto"===this.width&&(this.floatingContent.style.width="")}attachTrigger(){}subscribe(e){if(void 0===e)return;this.trigger=e,e.setAttribute("part","popover-trigger"),e.setAttribute("ariaDescribedBy","popover-content"),e.setAttribute("aria-haspopup","true"),e.setAttribute("aria-expanded","false");const o=e.closest("bds-button, bds-input, bds-select");if(null!=o){const e=o.querySelector("button, input");this.listenTarget=e??o,this.listenTarget.addEventListener("click",(e=>this.handleShow(e))),this.listenTarget.addEventListener("keydown",(e=>this.handleKeydown(e,(()=>this.showElement()),(()=>this.hideElement()))))}else this.trigger.addEventListener("click",(e=>this.handleShow(e))),this.trigger.addEventListener("keydown",(e=>this.handleKeydown(e,(()=>this.showElement()),(()=>this.hideElement()))))}handleShow(e){e.stopPropagation(),this.toggle()}get canShowArrow(){return!this.floatingOptions.hideArrow||!1}get getPlacement(){return this.floatingOptions.placement||"bottom"}get hasHeaderSlot(){return null!==this.el.querySelector('[slot="header"]')}get hasFooterSlot(){return null!==this.el.querySelector('[slot="footer"]')}disconnectedCallback(){this.listenTarget.removeEventListener("click",(e=>this.handleShow(e))),this.trigger.removeEventListener("click",(e=>this.handleShow(e)))}render(){return t(r,{key:"e00cacf63369fc0c409d003aaf495eeef1af424c"},t("div",{key:"0262e5dc2789d817c1332d12d598b7f6bb71a188",class:"popover",style:{width:this.popoverWidth},popover:"manual",role:"tooltip","data-placement":this.getPlacement,"data-hidearrow":this.canShowArrow,"aria-hidden":this.isVisible?"false":"true",onClick:e=>this.handleContentClick(e),ref:e=>this.floatingContent=e},this.header&&t("div",{key:"63156ddf954e2c2b6452184f060ea502b9798d2f",class:"popover-header"},t("div",{key:"1183b88e3352637d9fce99d160c3d1df56b6010b",class:"popover-header__content"},t("span",{key:"48dcc7ac417bddfd9f19e388e32833d6930a566c",class:"popover-header__icon"},t("slot",{key:"a852564051439b09b30f8f0f054c29ccb6c4f722",name:"header-icon"})),t("span",{key:"aaaef66cd3454c4dd3bd4be7e0613187943f49b0",class:"popover-header__title"},t("slot",{key:"231224f3e9115e300998942aecfd07ae7b45dda7",name:"header-title"}))),this.closable&&t("bds-button",{key:"67ccc016aa89d0627812ad80ad1121bdb3e25692",class:"popover-header__close",size:i.SMALL,onBdsClick:()=>this.hide()},t("em",{key:"40cdcbf5e9ca75e55f45cdce3db6af2ed5088298",slot:"icon",class:"bds-icon-close"}))),this.canShowArrow&&t("div",{key:"a8bd41e82c5f4a0d7fe7a02287c29140490118e4",class:"popover-arrow",part:"arrow",ref:e=>this.arrowElement=e}),t("div",{key:"a205d8490fb192ebf0c75388775a8247b06d4431",class:"popover-content",tabIndex:-1,part:"popover-content"},t("slot",{key:"e3447f0022c0c78a28d176df5d85ff05daea8bd6"})),this.footer&&t("div",{key:"d16a93b4c702e342c89a7192b9a528f39e035601",class:"popover-footer",onClick:e=>e.stopPropagation()},t("slot",{key:"0c046c725771991b981b5baf090c1ecc023987c6",name:"footer-helper"}),t("slot",{key:"3f4391e420d411b0ae84df6fe29d4fc9e96fc206",name:"footer-button"}))))}get el(){return this}static get style(){return'@charset "UTF-8";:root{--popover-arrow-size:var(--boreal-spacing-s);--popover-width:320px}.popover{position:fixed;margin:0;overflow:visible;border-radius:var(--boreal-radius-xs2);font-size:var(--boreal-typography-font-size-xs);line-height:var(--boreal-typography-line-height-xs);font-family:var(--boreal-typography-font-family-primary);font-weight:var(--boreal-typography-font-weight-regular);background:var(--boreal-ui-inverse);-webkit-filter:drop-shadow(0px 2px 8px rgba(0, 0, 0, 0.15));filter:drop-shadow(0px 2px 8px rgba(0, 0, 0, 0.15));-webkit-box-shadow:none;box-shadow:none;-webkit-box-sizing:border-box;box-sizing:border-box;border:transparent;cursor:auto}.popover-content{position:relative;padding:var(--boreal-spacing-s)}.popover[popover]:not(:popover-open){display:none}.popover-header{border-bottom:var(--boreal-stroke-default-light) solid 1px;padding:var(--boreal-spacing-m) var(--boreal-spacing-xs) var(--boreal-spacing-m) var(--boreal-spacing-s);display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between}.popover-header__content{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.popover-header__title{font-size:var(--boreal-typography-font-size-sm);font-weight:var(--boreal-typography-font-weight-semibold);line-height:var(--boreal-typography-line-height-sm)}.popover-header__icon{font-size:var(--boreal-typography-font-size-md);margin-right:var(--boreal-spacing-3xs)}.popover-header__close{margin-left:var(--boreal-spacing-s)}.popover-footer{border-top:var(--boreal-stroke-default-light) solid 1px;padding:var(--boreal-spacing-s) var(--boreal-spacing-xs) var(--boreal-spacing-s) var(--boreal-spacing-s);display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between}.popover .popover-arrow{position:absolute;width:var(--popover-arrow-size);height:var(--popover-arrow-size);pointer-events:none}.popover .popover-arrow::before{content:"";position:absolute;width:var(--popover-arrow-size);height:var(--popover-arrow-size);background:var(--boreal-ui-inverse);-webkit-transform:rotate(45deg);transform:rotate(45deg)}.popover[data-placement^=top] .popover-arrow{bottom:calc(var(--popover-arrow-size) / -2)}.popover[data-placement^=top] .popover-arrow::before{top:0}.popover[data-placement^=bottom] .popover-arrow{top:calc(var(--popover-arrow-size) / -2)}.popover[data-placement^=bottom] .popover-arrow::before{top:0}.popover[data-placement^=left] .popover-arrow{right:calc(var(--popover-arrow-size) / -2)}.popover[data-placement^=left] .popover-arrow::before{left:0}.popover[data-placement^=right] .popover-arrow{left:calc(var(--popover-arrow-size) / -2)}.popover[data-placement^=right] .popover-arrow::before{left:0}'}},[772,"bds-popover",{floatingOptions:[16],disabled:[4],width:[8],header:[4],footer:[4],closable:[4],isVisible:[32]}]),l=n,d=function(){"undefined"!=typeof customElements&&["bds-popover","bds-button"].forEach((e=>{switch(e){case"bds-popover":customElements.get(a(e))||customElements.define(a(e),n);break;case"bds-button":customElements.get(a(e))||p()}}))};export{l as BdsPopover,d as defineCustomElement}
1
+ import{p as e,M as o,h as t,H as a,t as r}from"./index.js";import{a as s,g as i}from"./p-bAMuJ4Jx.js";import{b as p}from"./p-Dh8DSJs_.js";import{d as n}from"./p-Cbibqaz0.js";const l=e(class extends(o(s)){constructor(e){super(!1),!1!==e&&this.__registerHost(),this.floatingOptions={},this.disabled=!1,this.width=320,this.header=!1,this.footer=!1,this.closable=!1,this.isVisible=!1}get options(){return{placement:this.floatingOptions.placement??"bottom",offset:i(this.floatingOptions?.hideArrow,this.floatingOptions?.offset,11),arrow:this.floatingOptions.hideArrow?void 0:this.arrowElement,strategy:"fixed",shift:!0,flip:!0}}get popoverWidth(){return"full"===this.width?"100%":"auto"===this.width?"auto":this.width+"px"}get hooks(){return{onPositionUpdate:e=>this.handlePosition(e),onBeforeShow:()=>!this.disabled,onAfterShow:()=>this.attachClickOutside(),onAfterHide:()=>this.detachClickOutside(),onBeforeLoad:()=>this.attachTrigger(),subscribeToTrigger:e=>this.subscribe(e)}}attachClickOutside(){!1!==this.floatingOptions?.closeOnClickOutside&&(this.boundClickOutside=e=>this.handleClickOutside(e),document.addEventListener("mousedown",this.boundClickOutside))}detachClickOutside(){!1!==this.floatingOptions?.closeOnClickOutside&&null!==this.boundClickOutside&&(document.removeEventListener("mousedown",this.boundClickOutside),this.boundClickOutside=()=>{})}setArrowPosition(e){if(e.middlewareData?.arrow&&!this.disabled&&this.arrowElement?.isConnected){const o=this.floatingOptions.placement,t=e.middlewareData.arrow;let a=t.x||void 0;("top-start"===o||"bottom-start"===o)&&(a=t.x?20:void 0);const r=e.middlewareData.arrow.y;Object.assign(this.arrowElement.style,{left:null!=a?a+"px":"",top:null!=r?r+"px":""})}}handleClickOutside(e){const o=e.target,t=this.listenTarget?.contains(o)||this.trigger?.contains(o)||this.triggerSlot?.contains(o),a=this.floatingContent.contains(o)||this.floatingContent===o;t||a||this.hide()}handleContentClick(e){e.stopPropagation(),this.handleFloatingClick()}handleFloatingClick(){this.floatingOptions.closeOnClick&&this.hide()}handlePosition(e){if(this.floatingContent.setAttribute("data-placement",e.placement),this.setArrowPosition(e),"full"===this.width&&null!=this.triggerSlot){const e=(this.triggerSlot.parentElement??this.triggerSlot).getBoundingClientRect().width,o=this.floatingContent.getBoundingClientRect().width;Math.round(o)!==Math.round(e)&&(this.floatingContent.style.width=e+"px"),this.updatePosition(this.triggerSlot,this.floatingContent,this.options,(e=>{this.floatingContent.setAttribute("data-placement",e.placement),this.setArrowPosition(e)}))}else"auto"===this.width&&(this.floatingContent.style.width="")}attachTrigger(){}subscribe(e){if(void 0===e)return;this.trigger=e,e.setAttribute("part","popover-trigger"),e.setAttribute("ariaDescribedBy","popover-content"),e.setAttribute("aria-haspopup","true"),e.setAttribute("aria-expanded","false");const o=e.closest("bds-button, bds-input, bds-select");if(null!=o){const e=o.querySelector("button, input");this.listenTarget=e??o,this.listenTarget.addEventListener("click",(e=>this.handleShow(e))),this.listenTarget.addEventListener("keydown",(e=>this.handleKeydown(e,(()=>this.showElement()),(()=>this.hideElement()))))}else this.trigger.addEventListener("click",(e=>this.handleShow(e))),this.trigger.addEventListener("keydown",(e=>this.handleKeydown(e,(()=>this.showElement()),(()=>this.hideElement()))))}handleShow(e){e.stopPropagation(),this.toggle()}get canShowArrow(){return!this.floatingOptions.hideArrow||!1}get getPlacement(){return this.floatingOptions.placement||"bottom"}get hasHeaderSlot(){return null!==this.el.querySelector('[slot="header"]')}get hasFooterSlot(){return null!==this.el.querySelector('[slot="footer"]')}disconnectedCallback(){this.listenTarget.removeEventListener("click",(e=>this.handleShow(e))),this.trigger.removeEventListener("click",(e=>this.handleShow(e)))}render(){return t(a,{key:"953571ebcd84e1e6910f3fce9aa59ff1b00c1be7",class:"popover",style:{width:this.popoverWidth},popover:"manual",role:"tooltip","data-placement":this.getPlacement,"data-hidearrow":this.canShowArrow,"aria-hidden":this.isVisible?"false":"true",onClick:e=>this.handleContentClick(e),ref:e=>this.floatingContent=e},this.header&&t("div",{key:"435cde7702b5db7ddc5f055ab379ef264a8cac16",class:"popover-header"},t("div",{key:"a3ac8f2b6610090d5947dc299a9ce62d85265e86",class:"popover-header__content"},t("span",{key:"ed1cbb198c54ffba2c7ce22085cb43648d6b7f3d",class:"popover-header__icon"},t("slot",{key:"b3049ec3dc2ad99037a662553103facad38af4f9",name:"header-icon"})),t("span",{key:"591ccd19d65f3a485062be8e5e4acf57a3ff4539",class:"popover-header__title"},t("slot",{key:"9b65d0180f3728906302426f6436034e80f1c783",name:"header-title"}))),this.closable&&t("bds-button",{key:"5e13390200231b50e4a9c38fb22c623bf28d105f",class:"popover-header__close",size:p.SMALL,onBdsClick:()=>this.hide()},t("em",{key:"20ea602f48d1f27ee0b10c929a4a2194304a35b2",slot:"icon",class:"bds-icon-close"}))),this.canShowArrow&&t("div",{key:"551089a9b038a27277398dac47b8e72b2f3d9286",class:"popover-arrow",part:"arrow",ref:e=>this.arrowElement=e}),t("div",{key:"17a6a939f83dd930aafc416b48da124faa27a4e0",class:"popover-content",tabIndex:-1,part:"popover-content"},t("slot",{key:"ab7cfa10649128cc387a54cf052429425696269a"})),this.footer&&t("div",{key:"7cf9fa351928fd823a49541764cdd67bd2d57def",class:"popover-footer",onClick:e=>e.stopPropagation()},t("slot",{key:"b6a20d06d0964f6dea85afdd40a46a6fb737bbac",name:"footer-helper"}),t("slot",{key:"379b2b43a1e937775149e686686da9e4554dd962",name:"footer-button"})))}get el(){return this}static get style(){return'@charset "UTF-8";:root{--popover-arrow-size:var(--boreal-spacing-s);--popover-width:320px}.popover{position:fixed;margin:0;overflow:visible;border-radius:var(--boreal-radius-xs2);font-size:var(--boreal-typography-font-size-xs);line-height:var(--boreal-typography-line-height-xs);font-family:var(--boreal-typography-font-family-primary);font-weight:var(--boreal-typography-font-weight-regular);background:var(--boreal-ui-inverse);-webkit-filter:drop-shadow(0px 2px 8px rgba(0, 0, 0, 0.15));filter:drop-shadow(0px 2px 8px rgba(0, 0, 0, 0.15));-webkit-box-shadow:none;box-shadow:none;-webkit-box-sizing:border-box;box-sizing:border-box;border:transparent;cursor:auto}.popover-content{position:relative;padding:var(--boreal-spacing-s)}.popover[popover]:not(:popover-open){display:none}.popover-header{border-bottom:var(--boreal-stroke-default-light) solid 1px;padding:var(--boreal-spacing-m) var(--boreal-spacing-xs) var(--boreal-spacing-m) var(--boreal-spacing-s);display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between}.popover-header__content{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.popover-header__title{font-size:var(--boreal-typography-font-size-sm);font-weight:var(--boreal-typography-font-weight-semibold);line-height:var(--boreal-typography-line-height-sm)}.popover-header__icon{font-size:var(--boreal-typography-font-size-md);margin-right:var(--boreal-spacing-3xs)}.popover-header__close{margin-left:var(--boreal-spacing-s)}.popover-header__close .bds-button{margin:0;padding:0;width:var(--boreal-spacing-ml);height:var(--boreal-spacing-ml)}.popover-header__close .bds-button__content{width:var(--boreal-spacing-ml);height:var(--boreal-spacing-ml)}.popover-header__close em{font-size:var(--boreal-typography-font-size-xs)}.popover-footer{border-top:var(--boreal-stroke-default-light) solid 1px;padding:var(--boreal-spacing-s) var(--boreal-spacing-xs) var(--boreal-spacing-s) var(--boreal-spacing-s);display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between}.popover .popover-arrow{position:absolute;width:var(--popover-arrow-size);height:var(--popover-arrow-size);pointer-events:none}.popover .popover-arrow::before{content:"";position:absolute;width:var(--popover-arrow-size);height:var(--popover-arrow-size);background:var(--boreal-ui-inverse);-webkit-transform:rotate(45deg);transform:rotate(45deg);inset:0}.popover[data-placement^=top] .popover-arrow{bottom:calc(var(--popover-arrow-size) / -2)}.popover[data-placement^=top] .popover-arrow::before{bottom:0}.popover[data-placement^=bottom] .popover-arrow{top:calc(var(--popover-arrow-size) / -2)}.popover[data-placement^=bottom] .popover-arrow::before{bottom:0}.popover[data-placement^=left] .popover-arrow{right:calc(var(--popover-arrow-size) / -2)}.popover[data-placement^=left] .popover-arrow::before{left:0}.popover[data-placement^=right] .popover-arrow{left:calc(var(--popover-arrow-size) / -2)}.popover[data-placement^=right] .popover-arrow::before{left:0}'}},[772,"bds-popover",{floatingOptions:[16],disabled:[4],width:[8],header:[4],footer:[4],closable:[4],isVisible:[32]}]),h=l,d=function(){"undefined"!=typeof customElements&&["bds-popover","bds-button"].forEach((e=>{switch(e){case"bds-popover":customElements.get(r(e))||customElements.define(r(e),l);break;case"bds-button":customElements.get(r(e))||n()}}))};export{h as BdsPopover,d as defineCustomElement}
@@ -0,0 +1,11 @@
1
+ import type { Components, JSX } from "../dist/types/components";
2
+
3
+ interface BdsRadioButton extends Components.BdsRadioButton, HTMLElement {}
4
+ export const BdsRadioButton: {
5
+ prototype: BdsRadioButton;
6
+ new (): BdsRadioButton;
7
+ };
8
+ /**
9
+ * Used to define this component and all nested components recursively.
10
+ */
11
+ export const defineCustomElement: () => void;
@@ -0,0 +1 @@
1
+ import{p as e,a as o,c as r,h as a,H as t,t as s}from"./index.js";import{d as i}from"./p-N_tqtRV2.js";const d=e(class extends o{constructor(e){super(),!1!==e&&this.__registerHost(),this.bdsChange=r(this,"bdsChange"),this.checked=!1,this.disabled=!1,this.error=!1,this.value="on",this.name="",this.label="",this.info="",this.handleClick=()=>this.select(),this.handleKeyDown=e=>{" "===e.key&&(e.preventDefault(),this.select())}}componentDidLoad(){this.el.setAttribute("role","radio"),this.el.setAttribute("aria-checked",this.checked+""),this.el.setAttribute("tabindex","-1")}select(){this.disabled||this.checked||(this.checked=!0,this.el.setAttribute("aria-checked","true"),this.bdsChange.emit({checked:!0,value:this.value}))}get classMap(){return{"bds-radio-button":!0,"bds-radio-button--checked":this.checked,"bds-radio-button--error":this.error,"bds-radio-button--disabled":this.disabled}}render(){return a(t,{key:"63fe01baf9bf2318441f3a742ba857a540f4d7d0",class:this.classMap,onClick:this.handleClick,onKeyDown:this.handleKeyDown},a("input",{key:"19fd44e41ef583131da77206f9e0c987132a5cc4",type:"radio",name:this.name,value:this.value,checked:this.checked,disabled:this.disabled,"aria-hidden":"true",tabIndex:-1,onFocus:()=>this.el.focus()}),a("span",{key:"cfbe81b25b71aeda4786b6073c9b16bcc819bf7b",class:"bds-radio-button__icon"},a("slot",{key:"ffa28a8602ea92c990b3e365d6cd421975f896fc",name:"icon"})),a("span",{key:"c0a6512f836a00718ee71d5542b714900357ac82",class:"bds-radio-button__label"},this.label||a("slot",{key:"29c89fa661270a7cc5ee69eb5c7cbc594af05d40"})),this.info&&a("span",{key:"74c3d43733ac679427e1b4fdbfcb4e72dae335a8",class:"bds-radio-button__info"},a("span",{key:"567d225444acc5384df916a16a35867592327895",class:"bds-radio-button__info-icon bds-icon-info-circle","aria-hidden":"true"}),a("bds-tooltip",{key:"8120fe06d5a0f85d03205abc54f3e8112946ad4f"},this.info)))}get el(){return this}static get style(){return'@charset "UTF-8";.bds-radio-button__info{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center}.bds-radio-button{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:100%;gap:var(--boreal-spacing-2xs);padding:var(--boreal-spacing-2xs) var(--boreal-spacing-s);border:1px solid transparent;border-radius:var(--boreal-radius-s);background-color:var(--boreal-ui-default-base);color:var(--boreal-text-default);cursor:pointer;outline:none;-webkit-transition:background-color 0.3s ease, border-color 0.3s ease, -webkit-box-shadow 0.3s ease;transition:background-color 0.3s ease, border-color 0.3s ease, -webkit-box-shadow 0.3s ease;transition:background-color 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease;transition:background-color 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease, -webkit-box-shadow 0.3s ease}.bds-radio-button input[type=radio]{position:absolute;opacity:0;width:0;height:0;margin:0;pointer-events:none}.bds-radio-button:hover:not(.bds-radio-button--disabled):not(.bds-radio-button--checked):not(.bds-radio-button--error){background-color:var(--boreal-ui-default-lighter);-webkit-box-shadow:0 1px 2px 0 rgba(19, 19, 22, 0.15);box-shadow:0 1px 2px 0 rgba(19, 19, 22, 0.15)}.bds-radio-button:focus-visible,.bds-radio-button:focus{z-index:1;background-color:var(--boreal-ui-default-lighter);-webkit-box-shadow:0 0 0 1px var(--boreal-ui-inverse), 0 0 0 3px var(--boreal-stroke-focus);box-shadow:0 0 0 1px var(--boreal-ui-inverse), 0 0 0 3px var(--boreal-stroke-focus);outline:none}.bds-radio-button:active:not(.bds-radio-button--disabled):not(.bds-radio-button--checked):not(.bds-radio-button--error){z-index:1;background-color:var(--boreal-ui-default-lighter);-webkit-box-shadow:0 0 0 1px var(--boreal-ui-inverse), 0 0 0 3px var(--boreal-stroke-focus), 0 1px 2px 0 rgba(19, 19, 22, 0.15) inset;box-shadow:0 0 0 1px var(--boreal-ui-inverse), 0 0 0 3px var(--boreal-stroke-focus), 0 1px 2px 0 rgba(19, 19, 22, 0.15) inset}.bds-radio-button--checked{background-color:var(--boreal-ui-inverse);border-color:var(--boreal-stroke-primary-base);color:var(--boreal-text-primary-base)}.bds-radio-button--checked:hover,.bds-radio-button--checked:focus-visible,.bds-radio-button--checked:focus,.bds-radio-button--checked:active{background-color:var(--boreal-ui-primary-lighter)}.bds-radio-button--error{background-color:var(--boreal-ui-inverse);color:var(--boreal-text-danger-base)}.bds-radio-button--error:hover,.bds-radio-button--error:focus-visible,.bds-radio-button--error:focus,.bds-radio-button--error:active{background-color:var(--boreal-ui-danger-lighter)}.bds-radio-button--error.bds-radio-button--checked{border-color:var(--boreal-stroke-danger-base)}.bds-radio-button--disabled{cursor:not-allowed;pointer-events:none;background-color:var(--boreal-ui-inverse);color:var(--boreal-text-disabled)}.bds-radio-button--disabled.bds-radio-button--checked{border-color:var(--boreal-stroke-primary-light);color:var(--boreal-text-primary-light)}.bds-radio-button__label{font-family:var(--boreal-typography-font-family-primary);font-size:var(--boreal-typography-font-size-sm);font-weight:var(--boreal-typography-font-weight-semibold);line-height:var(--boreal-typography-line-height-sm)}.bds-radio-button__icon{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.bds-radio-button__icon:empty{display:none}.bds-radio-button__info-icon{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;font-size:var(--boreal-typography-font-size-sm);line-height:1;color:var(--boreal-icon-default-ink)}'}},[260,"bds-radio-button",{checked:[1540],disabled:[516],error:[516],value:[1],name:[513],label:[1],info:[1]}]),b=d,n=function(){"undefined"!=typeof customElements&&["bds-radio-button","bds-tooltip"].forEach((e=>{switch(e){case"bds-radio-button":customElements.get(s(e))||customElements.define(s(e),d);break;case"bds-tooltip":customElements.get(s(e))||i()}}))};export{b as BdsRadioButton,n as defineCustomElement}
@@ -0,0 +1,11 @@
1
+ import type { Components, JSX } from "../dist/types/components";
2
+
3
+ interface BdsRadioCard extends Components.BdsRadioCard, HTMLElement {}
4
+ export const BdsRadioCard: {
5
+ prototype: BdsRadioCard;
6
+ new (): BdsRadioCard;
7
+ };
8
+ /**
9
+ * Used to define this component and all nested components recursively.
10
+ */
11
+ export const defineCustomElement: () => void;
@@ -0,0 +1 @@
1
+ import{p as a,a as r,c as d,h as e,H as o,t as s}from"./index.js";import{d as i}from"./p-N_tqtRV2.js";import{d as c}from"./p-c2z3tneT.js";const b=a(class extends r{constructor(a){super(),!1!==a&&this.__registerHost(),this.bdsChange=d(this,"bdsChange"),this.value="on",this.info="",this.name="",this.label="",this.checked=!1,this.disabled=!1,this.error=!1,this.handleClick=()=>this.select(),this.handleKeyDown=a=>{" "===a.key&&(a.preventDefault(),this.select())}}select(){this.disabled||this.checked||(this.checked=!0,this.bdsChange.emit({checked:!0,value:this.value}))}componentDidLoad(){requestAnimationFrame((()=>{this.el.classList.add("bds-radio-card--transition")}))}get isError(){return this.error&&!this.disabled}get hostClasses(){return{"bds-radio-card":!0,"bds-radio-card--disabled":this.disabled,"bds-radio-card--checked":this.checked,"bds-radio-card--error":this.isError}}render(){return e(o,{key:"4cdff470403b54e66ad92434ab229406d8e8ef2b",class:this.hostClasses,role:"radio","aria-checked":""+this.checked,"aria-disabled":this.disabled?"true":"false","aria-invalid":this.isError?"true":"false",tabIndex:this.disabled?-1:0,onClick:this.handleClick,onKeyDown:this.handleKeyDown},e("div",{key:"2019eb2a3aa666c3115dfe0c9fd1fed2a18e02de",class:"bds-radio-card__container"},e("input",{key:"d3e47807abff5bfe0ae1d61e8cdda12d047449e5",class:"bds-radio-card__input",type:"radio",name:this.name,value:this.value,checked:this.checked,disabled:this.disabled,tabIndex:-1,onFocus:()=>this.el.focus()}),e("span",{key:"091b3ad34ffc7335c07e899645ebb944e0629fe6",class:"bds-radio-card__button"},e("span",{key:"1e717309877f85d8c8d3d635714664c997ab4097",class:"bds-radio-card__dot"})),e("div",{key:"dfc0604e2acbb5db112e410029d057f66e23d71f",class:"bds-radio-card__content"},e("div",{key:"8206a03a6095600fafbc70e1ce43ed85b4204441",class:"bds-radio-card__header"},e("div",{key:"a93dc203f940d4b03622f4896f2799d6379e3e01",class:"bds-radio-card__icon"},e("slot",{key:"a410dff923959aef7695fa4e72b2cb8d4a551ba1",name:"icon"})),e("div",{key:"fb598d2bc0e231171454974041998eea8ee9c1b3",class:"bds-radio-card__title"},this.label||e("slot",{key:"98d45578384b5132140c4ff1db0964f4f19a6faa"}))),e("bds-typography",{key:"ff6f0f7b6d293f73b1d2beb3d1f6998889dbb868",variant:"helper"},e("slot",{key:"73529f1e31f946f0da04334cbf65ff439b74c0d4",name:"description"})))),this.info&&e("span",{key:"7bf6f3803b50675cc9dec6256a938dfb45bbdee1",class:"bds-radio-card__info-icon","aria-label":this.info},e("em",{key:"f472d256e753650c94739c0fb2218e5cf62f0543",class:"bds-icon-info-circle"},e("bds-tooltip",{key:"3e2fe945dbe4a7b9cac470c9e497725937eaabd0"},this.info))))}get el(){return this}static get style(){return'@charset "UTF-8";.bds-radio-card--transition{-webkit-transition:background-color 0.3s ease, border-color 0.3s ease, -webkit-box-shadow 0.3s ease;transition:background-color 0.3s ease, border-color 0.3s ease, -webkit-box-shadow 0.3s ease;transition:background-color 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease;transition:background-color 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease, -webkit-box-shadow 0.3s ease}.bds-radio-card{position:relative;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;cursor:pointer;font-family:var(--boreal-typography-font-family-primary);background-color:var(--boreal-ui-inverse);padding:var(--boreal-spacing-xs) var(--boreal-spacing-s) var(--boreal-spacing-s);border-radius:var(--boreal-radius-xs);border:var(--boreal-spacing-4xs) solid var(--boreal-stroke-default-light)}.bds-radio-card:hover{background-color:var(--boreal-ui-default-lighter);-webkit-box-shadow:0 1px 2px 0 rgba(19, 19, 22, 0.15);box-shadow:0 1px 2px 0 rgba(19, 19, 22, 0.15)}.bds-radio-card:focus-within,.bds-radio-card:focus{background-color:var(--boreal-ui-default-lighter);-webkit-box-shadow:0 0 0 1px var(--boreal-ui-inverse), 0 0 0 3px var(--boreal-stroke-focus);box-shadow:0 0 0 1px var(--boreal-ui-inverse), 0 0 0 3px var(--boreal-stroke-focus)}.bds-radio-card:focus-visible{outline:none}.bds-radio-card input[type=radio]{position:absolute;opacity:0;width:0;height:0;margin:0;pointer-events:none}.bds-radio-card__container{display:-ms-inline-flexbox;display:inline-flex;gap:var(--boreal-spacing-xs);-ms-flex-align:start;align-items:flex-start}.bds-radio-card__button{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;-ms-flex-negative:0;flex-shrink:0;width:var(--bds-radio-button-size, 18px);height:var(--bds-radio-button-size, 18px);margin-top:var(--boreal-spacing-2xs);border-radius:var(--boreal-radius-full);border:var(--boreal-spacing-4xs) solid var(--boreal-stroke-default-light);background-color:var(--boreal-ui-inverse);-webkit-transition:background-color 0.3s ease, border-color 0.3s ease, -webkit-box-shadow 0.3s ease;transition:background-color 0.3s ease, border-color 0.3s ease, -webkit-box-shadow 0.3s ease;transition:background-color 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease;transition:background-color 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease, -webkit-box-shadow 0.3s ease}.bds-radio-card__dot{width:var(--bds-radio-dot-size, 10px);height:var(--bds-radio-dot-size, 10px);border-radius:var(--boreal-radius-full);background-color:transparent;-webkit-transition:background-color 0.3s ease, border-color 0.3s ease, -webkit-box-shadow 0.3s ease;transition:background-color 0.3s ease, border-color 0.3s ease, -webkit-box-shadow 0.3s ease;transition:background-color 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease;transition:background-color 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease, -webkit-box-shadow 0.3s ease}.bds-radio-card__header{display:-ms-inline-flexbox;display:inline-flex;gap:var(--boreal-spacing-3xs);color:var(--boreal-text-default)}.bds-radio-card__title{font-weight:var(--boreal-typography-font-weight-semibold);font-size:var(--boreal-typography-font-size-md);line-height:var(--boreal-typography-line-height-md)}.bds-radio-card__info-icon{font-size:var(--boreal-typography-font-size-xs);color:var(--boreal-icon-default-light)}.bds-radio-card__icon:empty{display:none}.bds-radio-card:has(.bds-radio-card__description:empty) .bds-radio-card__container{-ms-flex-align:center;align-items:center}.bds-radio-card:has(.bds-radio-card__description:empty) .bds-radio-card__content{height:var(--boreal-spacing-l)}.bds-radio-card:has(.bds-radio-card__description:empty) .bds-radio-card__button{margin-top:0}.bds-radio-card--checked{border-color:var(--boreal-stroke-primary-base)}.bds-radio-card--checked:hover,.bds-radio-card--checked:focus,.bds-radio-card--checked:focus-within,.bds-radio-card--checked:active{background-color:var(--boreal-ui-primary-lighter)}.bds-radio-card--checked .bds-radio-card__button{border-color:var(--boreal-stroke-primary-base)}.bds-radio-card--checked .bds-radio-card__dot{background-color:var(--boreal-ui-primary-base)}.bds-radio-card--checked .bds-radio-card__header,.bds-radio-card--checked .bds-radio-card__description{color:var(--boreal-text-primary-base)}.bds-radio-card--disabled{pointer-events:none}.bds-radio-card--disabled .bds-radio-card__header,.bds-radio-card--disabled .bds-radio-card__description{color:var(--boreal-text-disabled)}.bds-radio-card--disabled:not(.bds-radio-card--checked) .bds-radio-card__button{background-color:var(--boreal-ui-disabled)}.bds-radio-card--disabled.bds-radio-card--checked,.bds-radio-card--disabled.bds-radio-card--checked .bds-radio-card__button{border-color:var(--boreal-ui-primary-light)}.bds-radio-card--disabled.bds-radio-card--checked .bds-radio-card__dot{background-color:var(--boreal-ui-primary-light)}.bds-radio-card--disabled.bds-radio-card--checked .bds-radio-card__header,.bds-radio-card--disabled.bds-radio-card--checked .bds-radio-card__description{color:var(--boreal-ui-primary-light)}.bds-radio-card--error{border-color:var(--boreal-stroke-danger-base)}.bds-radio-card--error:hover,.bds-radio-card--error:focus,.bds-radio-card--error:focus-within,.bds-radio-card--error:active{background-color:var(--boreal-ui-danger-lighter)}.bds-radio-card--error .bds-radio-card__header,.bds-radio-card--error .bds-radio-card__description{color:var(--boreal-text-danger-base)}.bds-radio-card--error .bds-radio-card__button{border-color:var(--boreal-stroke-danger-base)}.bds-radio-card--error.bds-radio-card--checked .bds-radio-card__dot{background-color:var(--boreal-ui-danger-base)}'}},[260,"bds-radio-card",{value:[513],info:[1],name:[1],label:[1],checked:[1540],disabled:[516],error:[516]}]),t=b,l=function(){"undefined"!=typeof customElements&&["bds-radio-card","bds-tooltip","bds-typography"].forEach((a=>{switch(a){case"bds-radio-card":customElements.get(s(a))||customElements.define(s(a),b);break;case"bds-tooltip":customElements.get(s(a))||i();break;case"bds-typography":customElements.get(s(a))||c()}}))};export{t as BdsRadioCard,l as defineCustomElement}
@@ -0,0 +1,11 @@
1
+ import type { Components, JSX } from "../dist/types/components";
2
+
3
+ interface BdsRadioGroup extends Components.BdsRadioGroup, HTMLElement {}
4
+ export const BdsRadioGroup: {
5
+ prototype: BdsRadioGroup;
6
+ new (): BdsRadioGroup;
7
+ };
8
+ /**
9
+ * Used to define this component and all nested components recursively.
10
+ */
11
+ export const defineCustomElement: () => void;
@@ -0,0 +1 @@
1
+ import{p as t,M as i,c as s,h as e,H as r,t as a}from"./index.js";import{f as o}from"./p-nxYzL9uu.js";import{O as d}from"./p-CPvuMm5C.js";import{c as h}from"./p-DhSchGPI.js";import{v as n}from"./p-kGnB15Lz.js";import{K as l}from"./p-bAMuJ4Jx.js";import{d as c}from"./p-BSlaf0ff.js";import{d as b}from"./p-N_tqtRV2.js";import{d as u}from"./p-c2z3tneT.js";const p=["BDS-RADIO","BDS-RADIO-BUTTON","BDS-RADIO-CARD"],g=t(class extends(i(o)){constructor(t){super(!1),!1!==t&&this.__registerHost(),this.bdsChange=s(this,"bdsChange"),this.valueChange=s(this,"valueChange"),this.internals=this.attachInternals(),this._id=h("bds-radio-group"),this.isDisabled=!1,this.isInvalid=!1,this.disabled=!1,this.error=!1,this.errorMessage="",this.helperText="",this.info="",this.label="",this.orientation=d.VERTICAL,this.required=!1,this.type="radio",this.value="",this.handleKeyDown=t=>{const i=t.target;if(p.includes(i.tagName))switch(t.key){case l.ArrowDown:case l.ArrowRight:this.navigateTo(i,!0),t.preventDefault();break;case l.ArrowUp:case l.ArrowLeft:this.navigateTo(i,!1),t.preventDefault()}},this.handleSlotChange=()=>{this.updateLayoutCount()},this._buttonCount=0}checkPropValues(){n(Object.values(d),d.VERTICAL,this.el,"orientation")}onDisabledChange(t){this.isDisabled=t,this.radioElements.forEach((i=>i.disabled=t))}onErrorChange(t){this.radioElements.forEach((i=>i.error=t))}onValueChange(t){this.radioElements.forEach((i=>{i.checked=i.value===t,i.setAttribute("aria-checked",(i.value===t)+"")}));const i=this.radioElements.find((t=>t.checked));this.updateTabIndexes(i??null)}componentWillLoad(){if(this.checkPropValues(),this.isDisabled=this.disabled,""===this.value){const t=Array.from(this.el.querySelectorAll("bds-radio[checked], bds-radio-button[checked], bds-radio-card[checked]")).at(-1);void 0!==t&&(this.value=t.getAttribute("value")??"")}}componentDidLoad(){const t=this.radioElements.filter((t=>t.checked));t.length>1&&t.slice(0,-1).forEach((t=>t.checked=!1)),this.onValueChange(this.value),this.error&&this.radioElements.forEach((t=>t.error=!0)),this.updateLayoutCount(),this.updateTabIndexes(this.radioElements.find((t=>t.checked))??this.radioElements.find((t=>!t.disabled))??null),this.updateFormValidity()}formAssociatedCallback(){this.syncFormValue()}formResetCallback(){this.value="",this.isInvalid=!1,this.radioElements.forEach((t=>{t.checked=!1,t.setAttribute("aria-checked","false"),this.error||(t.error=!1)})),this.internals.setFormValue(null),this.updateFormValidity();const t=this.radioElements.find((t=>!t.disabled));this.updateTabIndexes(t??null)}formStateRestoreCallback(t,i){const s="string"==typeof t?t:"";this.value=s,this.internals.setFormValue(""!==s?s:null)}formDisabledCallback(t){this.isDisabled=t,this.radioElements.forEach((i=>i.disabled=t))}handleRadioChange(t){const i=t.target;p.includes(i.tagName)&&(this.radioElements.filter((t=>t!==i)).forEach((t=>{t.checked=!1,t.setAttribute("aria-checked","false")})),this.value=t.detail.value,this.internals.setFormValue(this.value),this.updateTabIndexes(i),this.updateFormValidity(),this.bdsChange.emit({value:this.value}),this.valueChange.emit(this.value))}handleInvalid(t){""!==this.errorMessage&&(t.preventDefault(),this.isInvalid=!0,this.radioElements.forEach((t=>t.error=!0)))}async checkValidity(){return this.internals.checkValidity()}async reportValidity(){return this.internals.reportValidity()}navigateTo(t,i){const s=this.radioElements.filter((t=>!t.disabled));if(0===s.length)return;const e=s.indexOf(t),r=s[(s.length+e+(i?1:-1))%s.length];r.checked=!0,r.setAttribute("aria-checked","true"),this.radioElements.filter((t=>t!==r)).forEach((t=>{t.checked=!1,t.setAttribute("aria-checked","false")})),this.value=r.value,this.internals.setFormValue(this.value),this.updateTabIndexes(r),this.updateFormValidity(),this.bdsChange.emit({value:this.value}),this.valueChange.emit(this.value),r.focus()}insertDividers(){if(this.el.querySelectorAll("bds-divider[data-injected]").forEach((t=>t.remove())),"radiobutton"!==this.type)return;const t=this.orientation===d.HORIZONTAL?d.VERTICAL:d.HORIZONTAL;this.radioElements.filter((t=>"BDS-RADIO-BUTTON"===t.tagName)).forEach(((i,s)=>{if(0===s)return;const e=document.createElement("bds-divider");e.setAttribute("orientation",t),e.setAttribute("data-injected",""),i.parentNode?.insertBefore(e,i)}))}get radioElements(){return Array.from(this.el.querySelectorAll("bds-radio, bds-radio-button, bds-radio-card"))}syncFormValue(){this.internals.setFormValue(""!==this.value?this.value:null),this.updateFormValidity()}updateFormValidity(){if(this.required&&""===this.value){const t=this.radioElements.find((t=>!t.disabled));this.internals.setValidity({valueMissing:!0},""!==this.errorMessage?this.errorMessage:"Please select an option.",t)}else this.internals.setValidity({}),this.isInvalid&&(this.isInvalid=!1,this.error||this.radioElements.forEach((t=>t.error=!1)))}updateLayoutCount(){const t=this.radioElements.length;this.el.style.setProperty("--layout-count",""+t),t!==this._buttonCount&&(this._buttonCount=t,this.insertDividers())}updateTabIndexes(t){this.radioElements.forEach((t=>t.setAttribute("tabindex","-1"))),null!==t&&t.setAttribute("tabindex","0")}get isError(){return this.error&&!this.disabled||this.isInvalid}get classMap(){return{"bds-radio-group":!0,"bds-radio-group--disabled":this.isDisabled,"bds-radio-group--error":this.isError,"bds-radio-group--required":this.required}}render(){const t=this._id+"-label",i=this._id+"-helper",s=this.isError,a=this.isDisabled?"disabled":s?"error":"default",o=s&&""!==this.errorMessage?this.errorMessage:this.helperText;return e(r,{key:"ab755f253ab7096e8ed0efa7196cedd96cdc7ca8",class:this.classMap,role:"radiogroup","aria-labelledby":""!==this.label?t:void 0,"aria-describedby":""!==o?i:void 0,"aria-invalid":s?"true":void 0,"aria-required":this.required?"true":void 0,onKeyDown:this.handleKeyDown},this.label&&e("bds-typography",{key:"85bc7d114efabd92930c6c934c19e4ba887a3663",id:t,variant:"label",state:a,required:this.required,tooltipText:""!==this.info?this.info:void 0},this.label),e("div",{key:"3f1670875353369c608c9cf064ccb1b7beede19a",class:"bds-radio-group__options"},e("slot",{key:"b0d52880c82dec9557c10bcf7ef8930299bdf7a6",onSlotchange:this.handleSlotChange})),o&&e("bds-typography",{key:"f0a17de329944c3fe63cf7cb586ec85016693208",id:i,variant:"helper",state:a},o))}static get formAssociated(){return!0}get el(){return this}static get watchers(){return{orientation:[{checkPropValues:0}],disabled:[{onDisabledChange:0}],error:[{onErrorChange:0}],value:[{onValueChange:0}]}}static get style(){return'@charset "UTF-8";.bds-radio-group{--bds-divider-gap:var(--boreal-spacing-3xs);display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:var(--boreal-spacing-2xs)}.bds-radio-group__options{display:grid;grid-template-columns:1fr;gap:var(--boreal-spacing-xs)}.bds-radio-group[orientation=horizontal] .bds-radio-group__options{grid-template-columns:repeat(var(--layout-count, 1), auto);-ms-flex-pack:start;justify-content:start}.bds-radio-group[type=radiobutton] .bds-radio-group__options{display:-ms-inline-flexbox;display:inline-flex;gap:0;padding:var(--boreal-spacing-3xs);border:1px solid var(--boreal-stroke-default-light);background-color:var(--boreal-ui-inverse);border-radius:var(--boreal-radius-xs);overflow:hidden}.bds-radio-group[type=radiobutton][orientation=vertical] .bds-radio-group__options{-ms-flex-direction:column;flex-direction:column}.bds-radio-group[type=radiobutton].bds-radio-group--error .bds-radio-group__options{border-color:var(--boreal-stroke-danger-base)}.bds-radio-group[type=radiobutton].bds-radio-group--error bds-radio-button.bds-radio-button--error{color:var(--boreal-stroke-danger-base)}.bds-radio-group[type=radiobutton].bds-radio-group--error bds-divider[data-injected]{--bds-divider-color:var(--boreal-stroke-danger-base)}'}},[836,"bds-radio-group",{disabled:[516],error:[516],errorMessage:[1,"error-message"],helperText:[1,"helper-text"],info:[1],label:[1],name:[513],orientation:[513],required:[516],type:[513],value:[1025],isDisabled:[32],isInvalid:[32],checkValidity:[64],reportValidity:[64]},[[0,"bdsChange","handleRadioChange"],[0,"invalid","handleInvalid"]],{orientation:[{checkPropValues:0}],disabled:[{onDisabledChange:0}],error:[{onErrorChange:0}],value:[{onValueChange:0}]}]),f=g,m=function(){"undefined"!=typeof customElements&&["bds-radio-group","bds-divider","bds-tooltip","bds-typography"].forEach((t=>{switch(t){case"bds-radio-group":customElements.get(a(t))||customElements.define(a(t),g);break;case"bds-divider":customElements.get(a(t))||c();break;case"bds-tooltip":customElements.get(a(t))||b();break;case"bds-typography":customElements.get(a(t))||u()}}))};export{f as BdsRadioGroup,m as defineCustomElement}
@@ -0,0 +1,11 @@
1
+ import type { Components, JSX } from "../dist/types/components";
2
+
3
+ interface BdsRadio extends Components.BdsRadio, HTMLElement {}
4
+ export const BdsRadio: {
5
+ prototype: BdsRadio;
6
+ new (): BdsRadio;
7
+ };
8
+ /**
9
+ * Used to define this component and all nested components recursively.
10
+ */
11
+ export const defineCustomElement: () => void;
@@ -0,0 +1 @@
1
+ import{p as e,a as o,c as a,h as s,H as r,t as i}from"./index.js";import{d}from"./p-N_tqtRV2.js";const t=e(class extends o{constructor(e){super(),!1!==e&&this.__registerHost(),this.bdsChange=a(this,"bdsChange"),this.checked=!1,this.disabled=!1,this.value="on",this.name="",this.label="",this.error=!1,this.info="",this.handleClick=()=>this.select(),this.handleKeyDown=e=>{" "===e.key&&(e.preventDefault(),this.select())}}componentDidLoad(){this.el.setAttribute("role","radio"),this.el.setAttribute("aria-checked",this.checked+""),this.el.setAttribute("tabindex","-1")}select(){this.disabled||this.checked||(this.checked=!0,this.el.setAttribute("aria-checked","true"),this.bdsChange.emit({checked:!0,value:this.value}))}get classMap(){return{"bds-radio":!0,"bds-radio--checked":this.checked,"bds-radio--error":this.error,"bds-radio--disabled":this.disabled}}render(){return s(r,{key:"1d68465b5124471bda9fb1e4f3dc022d4f22be6d",class:this.classMap,onClick:this.handleClick,onKeyDown:this.handleKeyDown},s("input",{key:"8c820cf327a9978f6f098794e26a4ec0394e99c3",type:"radio",name:this.name,value:this.value,checked:this.checked,disabled:this.disabled,"aria-hidden":"true",tabIndex:-1,onFocus:()=>this.el.focus()}),s("span",{key:"6de9fcb7657842b81b4bf803e3e60b6891fef27e",class:"bds-radio__button"},s("span",{key:"660c57e990abc4f6f1288f93c198e9bb60be6c29",class:"bds-radio__dot"})),s("span",{key:"ec3879d0edb42cdbc7b4257d563d9c298fd3b89d",class:"bds-radio__content"},s("span",{key:"430b04fd6f836cf2881fecf9df56bee70486da85",class:"bds-radio__icon"},s("slot",{key:"30dcf8837cd50a9e48a6c061576f7b9d53eeabd9",name:"icon"})),s("span",{key:"dbb139d87c4689a64e2860b365d7c261c56b638b",class:"bds-radio__label"},this.label||s("slot",{key:"a7d985fa9773a8f285c36f3deaeb7112adf20f95"})),this.info&&s("span",{key:"36958330fd1ed9fa6f64bcf757c9be113fae5daf",class:"bds-radio__info"},s("span",{key:"ea5a415943c9f67f027a4b241d024ea61321a8a1",class:"bds-radio__info-icon bds-icon-info-circle","aria-hidden":"true"}),s("bds-tooltip",{key:"875105c226c6d1fb90d62fe275ed544f043a1c19"},this.info))))}get el(){return this}static get style(){return'@charset "UTF-8";.bds-radio__content,.bds-radio__icon{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.bds-radio__info{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center}.bds-radio{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;gap:var(--boreal-spacing-2xs);cursor:pointer;outline:none}.bds-radio input[type=radio]{position:absolute;opacity:0;width:0;height:0;margin:0;pointer-events:none}.bds-radio__content{gap:var(--boreal-spacing-3xs)}.bds-radio__icon{-ms-flex-negative:0;flex-shrink:0;line-height:1}.bds-radio__label{font-family:var(--boreal-typography-font-family-primary);font-size:var(--boreal-typography-font-size-sm);font-weight:var(--boreal-typography-font-weight-regular);line-height:var(--boreal-typography-line-height-sm);color:var(--boreal-text-default)}.bds-radio__button{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;-ms-flex-negative:0;flex-shrink:0;width:18px;height:18px;border-radius:var(--boreal-radius-full);border:1px solid var(--boreal-stroke-default-light);background-color:var(--boreal-ui-inverse);-webkit-transition:background-color 0.3s ease, border-color 0.3s ease, -webkit-box-shadow 0.3s ease;transition:background-color 0.3s ease, border-color 0.3s ease, -webkit-box-shadow 0.3s ease;transition:background-color 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease;transition:background-color 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease, -webkit-box-shadow 0.3s ease}.bds-radio__dot{width:10px;height:10px;border-radius:var(--boreal-radius-full);background-color:transparent;-webkit-transition:background-color 0.3s ease, border-color 0.3s ease, -webkit-box-shadow 0.3s ease;transition:background-color 0.3s ease, border-color 0.3s ease, -webkit-box-shadow 0.3s ease;transition:background-color 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease;transition:background-color 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease, -webkit-box-shadow 0.3s ease}.bds-radio__info-icon{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;font-size:var(--boreal-typography-font-size-sm);line-height:1;color:var(--boreal-icon-default-ink)}.bds-radio:hover:not(.bds-radio--disabled):not(.bds-radio--checked) .bds-radio__button{border-color:var(--boreal-stroke-default-light);-webkit-box-shadow:0 1px 2px 0 rgba(19, 19, 22, 0.15);box-shadow:0 1px 2px 0 rgba(19, 19, 22, 0.15)}.bds-radio:hover:not(.bds-radio--disabled):not(.bds-radio--checked) .bds-radio__dot{background-color:var(--boreal-ui-base-light)}.bds-radio:is(:focus-visible,:focus) .bds-radio__button{-webkit-box-shadow:0 0 0 1px var(--boreal-ui-inverse), 0 0 0 3px var(--boreal-stroke-focus);box-shadow:0 0 0 1px var(--boreal-ui-inverse), 0 0 0 3px var(--boreal-stroke-focus)}.bds-radio:active:not(.bds-radio--disabled):not(.bds-radio--checked) .bds-radio__button{-webkit-box-shadow:0 0 0 1px var(--boreal-ui-inverse), 0 0 0 3px var(--boreal-stroke-focus), 0 1px 2px 0 rgba(19, 19, 22, 0.15) inset;box-shadow:0 0 0 1px var(--boreal-ui-inverse), 0 0 0 3px var(--boreal-stroke-focus), 0 1px 2px 0 rgba(19, 19, 22, 0.15) inset}.bds-radio--checked .bds-radio__button{border-color:var(--boreal-stroke-primary-base)}.bds-radio--checked .bds-radio__dot{background-color:var(--boreal-ui-primary-base)}.bds-radio--error .bds-radio__button{border-color:var(--boreal-stroke-danger-base)}.bds-radio--disabled{cursor:not-allowed;pointer-events:none}.bds-radio--disabled .bds-radio__button{border-color:var(--boreal-stroke-default-light);background-color:var(--boreal-ui-disabled)}.bds-radio--disabled .bds-radio__label{color:var(--boreal-text-disabled)}.bds-radio--disabled.bds-radio--checked .bds-radio__button{border-color:var(--boreal-ui-primary-light)}.bds-radio--disabled.bds-radio--checked .bds-radio__dot{background-color:var(--boreal-ui-primary-light)}'}},[260,"bds-radio",{checked:[1540],disabled:[516],value:[1],name:[513],label:[1],error:[516],info:[1]}]),b=t,n=function(){"undefined"!=typeof customElements&&["bds-radio","bds-tooltip"].forEach((e=>{switch(e){case"bds-radio":customElements.get(i(e))||customElements.define(i(e),t);break;case"bds-tooltip":customElements.get(i(e))||d()}}))};export{b as BdsRadio,n as defineCustomElement}
@@ -1 +1 @@
1
- import{p as t,a as e,h as r,H as a,t as s}from"./index.js";import{v as o}from"./p-vfAIdwy0.js";const i={SMALL:"sm",MEDIUM:"md",LARGE:"lg"},n=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.size=i.SMALL,this.label="Loading"}checkPropValues(){o(Object.values(i),i.SMALL,this.el,"size")}componentWillLoad(){this.checkPropValues()}get getClassMap(){return{"bds-spinner":!0,"bds-spinner--small":this.size===i.SMALL,"bds-spinner--medium":this.size===i.MEDIUM,"bds-spinner--large":this.size===i.LARGE}}render(){return r(a,{key:"b38497732140f7e9dd155199c49f8365f00b004b",class:this.getClassMap,role:"status","aria-label":this.label,"aria-live":"polite","aria-busy":"true"},r("span",{key:"47befa4469a3cf297493c54bcb8acc5bca76fbd3",class:"bds-spinner__sr-only"},this.label))}get el(){return this}static get watchers(){return{size:[{checkPropValues:0}]}}static get style(){return'@charset "UTF-8";:host{display:block}.bds-spinner{display:inline-block;position:relative;width:1em;height:1em}.bds-spinner::before,.bds-spinner::after{content:"";position:absolute;border-color:transparent transparent var(--boreal-primary-base) transparent;border-radius:50%;border-width:3px;border-style:solid;top:0;left:0;width:100%;height:100%;-webkit-box-sizing:border-box;box-sizing:border-box}.bds-spinner::before{opacity:0.2;border-style:dashed;-webkit-animation:spin 0.8s linear infinite;animation:spin 0.8s linear infinite}.bds-spinner::after{-webkit-animation:draw-arc 0.8s linear infinite;animation:draw-arc 0.8s linear infinite}.bds-spinner--small{width:var(--boreal-layout-m);height:var(--boreal-layout-m)}.bds-spinner--medium{width:var(--boreal-layout-ml);height:var(--boreal-layout-ml)}.bds-spinner--large{width:var(--boreal-layout-xl);height:var(--boreal-layout-xl)}.bds-spinner__sr-only{position:absolute;width:1px;height:1px;padding:0;margin:0;overflow:hidden;clip:rect(0, 0, 0, 0);-webkit-clip-path:inset(50%);clip-path:inset(50%);white-space:nowrap;border:0}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes draw-arc{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}60%{-webkit-transform:rotate(330deg);transform:rotate(330deg)}65%{-webkit-transform:rotate(335deg);transform:rotate(335deg)}90%{-webkit-transform:rotate(350deg);transform:rotate(350deg)}95%{-webkit-transform:rotate(355deg);transform:rotate(355deg)}98%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes draw-arc{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}60%{-webkit-transform:rotate(330deg);transform:rotate(330deg)}65%{-webkit-transform:rotate(335deg);transform:rotate(335deg)}90%{-webkit-transform:rotate(350deg);transform:rotate(350deg)}95%{-webkit-transform:rotate(355deg);transform:rotate(355deg)}98%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}'}},[0,"bds-spinner",{size:[1],label:[1]},void 0,{size:[{checkPropValues:0}]}]),d=n,b=function(){"undefined"!=typeof customElements&&["bds-spinner"].forEach((t=>{"bds-spinner"===t&&(customElements.get(s(t))||customElements.define(s(t),n))}))};export{d as BdsSpinner,b as defineCustomElement}
1
+ import{p as e,a as t,h as r,H as a,t as s}from"./index.js";import{v as o}from"./p-kGnB15Lz.js";const i={SMALL:"sm",MEDIUM:"md",LARGE:"lg"},n=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.size=i.SMALL,this.label="Loading"}checkPropValues(){o(Object.values(i),i.SMALL,this.el,"size")}componentWillLoad(){this.checkPropValues()}get getClassMap(){return{"bds-spinner":!0,"bds-spinner--small":this.size===i.SMALL,"bds-spinner--medium":this.size===i.MEDIUM,"bds-spinner--large":this.size===i.LARGE}}render(){return r(a,{key:"7e7846adadb6224abfcaaf2478768b72ec712659",class:this.getClassMap,role:"status","aria-label":this.label,"aria-live":"polite","aria-busy":"true"},r("span",{key:"1c6aad446ed35a3adcb4e4f28fd4a3e7b9b7cb3a",class:"bds-spinner__sr-only"},this.label))}get el(){return this}static get watchers(){return{size:[{checkPropValues:0}]}}static get style(){return'@charset "UTF-8";bds-spinner{display:inline-block;position:relative;width:1em;height:1em}bds-spinner::before,bds-spinner::after{content:"";position:absolute;border-color:transparent transparent var(--boreal-primary-base) transparent;border-radius:50%;border-width:3px;border-style:solid;top:0;left:0;width:100%;height:100%;-webkit-box-sizing:border-box;box-sizing:border-box}bds-spinner::before{opacity:0.2;border-style:dashed;-webkit-animation:spin 0.8s linear infinite;animation:spin 0.8s linear infinite}bds-spinner::after{-webkit-animation:draw-arc 0.8s linear infinite;animation:draw-arc 0.8s linear infinite}.bds-spinner--small{width:var(--boreal-layout-m);height:var(--boreal-layout-m)}.bds-spinner--medium{width:var(--boreal-layout-ml);height:var(--boreal-layout-ml)}.bds-spinner--large{width:var(--boreal-layout-xl);height:var(--boreal-layout-xl)}.bds-spinner__sr-only{position:absolute;width:1px;height:1px;padding:0;margin:0;overflow:hidden;clip:rect(0, 0, 0, 0);-webkit-clip-path:inset(50%);clip-path:inset(50%);white-space:nowrap;border:0}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes draw-arc{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}60%{-webkit-transform:rotate(330deg);transform:rotate(330deg)}65%{-webkit-transform:rotate(335deg);transform:rotate(335deg)}90%{-webkit-transform:rotate(350deg);transform:rotate(350deg)}95%{-webkit-transform:rotate(355deg);transform:rotate(355deg)}98%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes draw-arc{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}60%{-webkit-transform:rotate(330deg);transform:rotate(330deg)}65%{-webkit-transform:rotate(335deg);transform:rotate(335deg)}90%{-webkit-transform:rotate(350deg);transform:rotate(350deg)}95%{-webkit-transform:rotate(355deg);transform:rotate(355deg)}98%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}'}},[0,"bds-spinner",{size:[1],label:[1]},void 0,{size:[{checkPropValues:0}]}]),d=n,b=function(){"undefined"!=typeof customElements&&["bds-spinner"].forEach((e=>{"bds-spinner"===e&&(customElements.get(s(e))||customElements.define(s(e),n))}))};export{d as BdsSpinner,b as defineCustomElement}
@@ -0,0 +1,11 @@
1
+ import type { Components, JSX } from "../dist/types/components";
2
+
3
+ interface BdsStatus extends Components.BdsStatus, HTMLElement {}
4
+ export const BdsStatus: {
5
+ prototype: BdsStatus;
6
+ new (): BdsStatus;
7
+ };
8
+ /**
9
+ * Used to define this component and all nested components recursively.
10
+ */
11
+ export const defineCustomElement: () => void;
@@ -0,0 +1 @@
1
+ import{p as a,a as s,h as t,H as e,t as r}from"./index.js";import{P as o}from"./p-Bfazyxqi.js";import{v as l}from"./p-kGnB15Lz.js";const n={NONE:"none",DOT:"dot",ICON:"icon"},i=a(class extends s{constructor(a){super(),!1!==a&&this.__registerHost(),this.state=o.NEUTRAL,this.indicator=n.NONE}checkPropValues(){l(Object.values(o),o.NEUTRAL,this.el,"state"),l(Object.values(n),n.NONE,this.el,"indicator")}componentWillLoad(){this.checkPropValues()}get classMap(){return{"bds-status":!0,["bds-status--"+this.state]:!0,["bds-status--"+this.indicator]:!0}}render(){return t(e,{key:"9a952b22de8565fcca464d045f71ea86c92c8632",class:this.classMap,role:"status"},this.indicator===n.DOT?t("div",{class:"bds-status__dot","aria-hidden":"true"}):"",t("slot",{key:"47e03b139fcb4da8b15fe115518856c54d02a320",name:"icon"}),t("slot",{key:"e512e975c2df8fa3e3380f27808eec96be5ad455"}))}get el(){return this}static get watchers(){return{state:[{checkPropValues:0}],indicator:[{checkPropValues:0}]}}static get style(){return'@charset "UTF-8";.bds-status{color:var(--boreal-text-default-ink);text-align:center;font-family:var(--boreal-typography-font-family-primary);font-size:var(--boreal-typography-font-size-xs);font-style:normal;font-weight:var(--boreal-typography-font-weight-semibold);line-height:var(--boreal-typography-line-height-xs);display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;gap:var(--boreal-spacing-3xs);padding:var(--boreal-spacing-3xs) var(--boreal-spacing-xs);min-height:var(--boreal-spacing-ml);border-radius:var(--boreal-radius-xs)}.bds-status>[slot=icon]{display:none}.bds-status--icon>[slot=icon]{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:var(--boreal-layout-s);height:var(--boreal-layout-s)}.bds-status__dot{background-color:var(--boreal-icon-default-light);width:var(--boreal-spacing-xs);height:var(--boreal-spacing-xs);border-radius:var(--boreal-radius-full)}.bds-status--neutral{color:var(--boreal-text-default-ink);background-color:var(--boreal-ui-default-lighter)}.bds-status--neutral>.bds-status__dot{background-color:var(--boreal-icon-default-lighter)}.bds-status--neutral>[slot=icon]{color:var(--boreal-icon-default-lighter)}.bds-status--neutral>.bds-status__dot{background-color:var(--boreal-icon-default-light)}.bds-status--pending{color:var(--boreal-text-warning-dark);background-color:var(--boreal-ui-warning-lighter)}.bds-status--pending>.bds-status__dot{background-color:var(--boreal-icon-warning-base)}.bds-status--pending>[slot=icon]{color:var(--boreal-icon-warning-base)}.bds-status--in-progress{color:var(--boreal-text-information-dark);background-color:var(--boreal-ui-info-lighter)}.bds-status--in-progress>.bds-status__dot{background-color:var(--boreal-icon-info-base)}.bds-status--in-progress>[slot=icon]{color:var(--boreal-icon-info-base)}.bds-status--complete{color:var(--boreal-text-success-dark);background-color:var(--boreal-ui-success-lighter)}.bds-status--complete>.bds-status__dot{background-color:var(--boreal-icon-success-base)}.bds-status--complete>[slot=icon]{color:var(--boreal-icon-success-base)}.bds-status--cancel{color:var(--boreal-text-danger-dark);background-color:var(--boreal-ui-danger-lighter)}.bds-status--cancel>.bds-status__dot{background-color:var(--boreal-icon-danger-base)}.bds-status--cancel>[slot=icon]{color:var(--boreal-icon-danger-base)}'}},[260,"bds-status",{state:[1],indicator:[1]},void 0,{state:[{checkPropValues:0}],indicator:[{checkPropValues:0}]}]),c=i,d=function(){"undefined"!=typeof customElements&&["bds-status"].forEach((a=>{"bds-status"===a&&(customElements.get(r(a))||customElements.define(r(a),i))}))};export{c as BdsStatus,d as defineCustomElement}
@@ -0,0 +1,11 @@
1
+ import type { Components, JSX } from "../dist/types/components";
2
+
3
+ interface BdsTag extends Components.BdsTag, HTMLElement {}
4
+ export const BdsTag: {
5
+ prototype: BdsTag;
6
+ new (): BdsTag;
7
+ };
8
+ /**
9
+ * Used to define this component and all nested components recursively.
10
+ */
11
+ export const defineCustomElement: () => void;
@@ -0,0 +1 @@
1
+ import{p as e,a,c as o,h as t,F as r,H as s,t as l}from"./index.js";import{c as d}from"./p-DhSchGPI.js";import{v as b}from"./p-kGnB15Lz.js";const i={GRAY:"gray",CYAN:"cyan",TEAL:"teal",LIME:"lime",ORANGE:"orange",COBALT:"cobalt",ROSE:"rose",PURPLE:"purple"},n=e(class extends a{constructor(e){super(),!1!==e&&this.__registerHost(),this.bdsClose=o(this,"bdsClose"),this.bdsSelect=o(this,"bdsSelect"),this._id=d("bds-tag"),this.internalSelected=!1,this.multiselect=!1,this.selected=!1,this.closeButtonLabel="Close tag",this.color=i.GRAY,this.readonly=!1,this.disabled=!1,this.handleClose=e=>{this.disabled||(void 0!==e&&(e.preventDefault(),e.stopPropagation()),this.bdsClose.emit({id:this._id,selected:this.internalSelected,el:this.el}))},this.handleKeyDown=e=>{this.disabled||(this.readonly||!["Delete","Backspace"].includes(e.key)?[" ","Enter"].includes(e.key)&&e.target===this.el&&(e.preventDefault(),this.handleSelection()):this.handleClose(e))},this.handleSelection=()=>{this.disabled||this.multiselect&&(this.internalSelected=!this.internalSelected,this.bdsSelect.emit({id:this._id,selected:this.internalSelected,el:this.el}))}}componentWillLoad(){this.syncSelectedFromProp(this.selected),this.checkPropValues(),this.validateMultiselectRole()}checkPropValues(){b(Object.values(i),i.GRAY,this.el,"color")}syncSelectedFromProp(e){this.internalSelected=e}validateMultiselectRole(){this.multiselect&&null===this.el.closest('[role="listbox"], [role="group"], bds-tag-group')&&console.warn('[BorealDS Tag] Missing required ARIA parent. Expected role="listbox", role="group", or <bds-tag-group> when multiselect=true.')}getClasses(){return{"bds-tag":!0,["bds-tag--"+this.color]:!0,"bds-tag--disabled":this.disabled,"bds-tag--selected":this.internalSelected}}renderTag(){return t(r,null,t("span",{"aria-hidden":"true",class:"bds-tag__icon"},t("slot",{name:"icon"})),t("span",{class:"bds-tag__text"},t("slot",null)))}renderCloseIcon(){return t("button",{class:"bds-tag__close-button","aria-label":this.closeButtonLabel,onClick:e=>this.handleClose(e),disabled:this.disabled,type:"button"},t("em",{class:"bds-icon-close","aria-hidden":"true"}))}render(){const e=this.getClasses(),a=!this.readonly,o=this.multiselect;return t(s,{key:"bd62a05fccbfa4aed3b7f72b9edf800c3ab05362",class:e,role:o?"option":void 0,tabIndex:o&&!this.disabled?0:-1,"aria-disabled":this.disabled?"true":void 0,"aria-selected":o?""+this.internalSelected:void 0,onKeyDown:this.disabled?void 0:e=>this.handleKeyDown(e),onClick:this.disabled?void 0:this.handleSelection,id:this._id},this.renderTag(),a&&this.renderCloseIcon())}get el(){return this}static get watchers(){return{color:[{checkPropValues:0}],selected:[{syncSelectedFromProp:0}]}}static get style(){return'@charset "UTF-8";.bds-tag{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;vertical-align:middle;gap:var(--boreal-spacing-3xs);padding:var(--boreal-spacing-3xs) var(--boreal-spacing-3xs) var(--boreal-spacing-3xs) var(--boreal-spacing-2xs);border-radius:var(--boreal-radius-m);cursor:default;max-width:100%;min-width:0;font-family:var(--boreal-typography-font-family-primary);font-size:var(--boreal-typography-font-size-xs);font-weight:var(--boreal-typography-font-weight-semibold);line-height:var(--boreal-typography-line-height-xs)}.bds-tag:hover:not(.bds-tag--selected):not(.bds-tag--disabled){-webkit-box-shadow:0 1px 2px 0 rgba(19, 19, 22, 0.15);box-shadow:0 1px 2px 0 rgba(19, 19, 22, 0.15)}.bds-tag:focus:not(.bds-tag--selected){outline:none;-webkit-box-shadow:0 0 0 1px var(--boreal-ui-inverse), 0 0 0 3px var(--boreal-stroke-focus);box-shadow:0 0 0 1px var(--boreal-ui-inverse), 0 0 0 3px var(--boreal-stroke-focus)}.bds-tag--selected{outline:none;-webkit-box-shadow:0 0 0 1px var(--boreal-ui-inverse), 0 0 0 3px var(--boreal-stroke-focus), 0 1px 2px 0 rgba(19, 19, 22, 0.15) inset;box-shadow:0 0 0 1px var(--boreal-ui-inverse), 0 0 0 3px var(--boreal-stroke-focus), 0 1px 2px 0 rgba(19, 19, 22, 0.15) inset}.bds-tag__icon{font-size:var(--boreal-typography-font-size-md);max-height:var(--boreal-spacing-m)}.bds-tag__icon:empty{display:none}.bds-tag__text{margin-right:var(--boreal-spacing-2xs);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bds-tag__close-button{display:-ms-flexbox;display:flex;padding:var(--boreal-spacing-3xs);width:var(--boreal-spacing-s);height:var(--boreal-spacing-s);-webkit-box-sizing:content-box;box-sizing:content-box;border-radius:var(--boreal-radius-full);border:0px solid transparent;background-color:transparent;opacity:0.5;cursor:pointer}.bds-tag__close-button:hover{-webkit-box-shadow:0 1px 2px 0 rgba(19, 19, 22, 0.15);box-shadow:0 1px 2px 0 rgba(19, 19, 22, 0.15);background-color:var(--boreal-ui-inverse);opacity:0.5}.bds-tag__close-button:focus{background-color:var(--boreal-ui-inverse);opacity:0.5;outline:none;-webkit-box-shadow:0 0 0 1px var(--boreal-ui-inverse), 0 0 0 3px var(--boreal-stroke-focus), 0 1px 2px 0 rgba(19, 19, 22, 0.15) inset;box-shadow:0 0 0 1px var(--boreal-ui-inverse), 0 0 0 3px var(--boreal-stroke-focus), 0 1px 2px 0 rgba(19, 19, 22, 0.15) inset}.bds-tag__close-button:active{background-color:var(--boreal-ui-inverse);opacity:0.5;-webkit-box-shadow:0 0 0 1px var(--boreal-ui-inverse), 0 0 0 3px var(--boreal-stroke-focus), 0 1px 2px 0 rgba(19, 19, 22, 0.15) inset, 0 1px 2px 0 rgba(19, 19, 22, 0.15) inset;box-shadow:0 0 0 1px var(--boreal-ui-inverse), 0 0 0 3px var(--boreal-stroke-focus), 0 1px 2px 0 rgba(19, 19, 22, 0.15) inset, 0 1px 2px 0 rgba(19, 19, 22, 0.15) inset}.bds-tag--disabled{cursor:not-allowed}.bds-tag--disabled .bds-tag__close-button{pointer-events:none}.bds-tag--gray{background-color:var(--boreal-extended-onyx-light);color:var(--boreal-extended-onyx-dark)}.bds-tag--gray .bds-tag__close-button{color:var(--boreal-extended-onyx-dark)}.bds-tag--gray.bds-tag--disabled{color:var(--boreal-extended-onyx-base);background-color:var(--boreal-extended-onyx-lighter)}.bds-tag--gray.bds-tag--disabled .bds-tag__close-button{color:var(--boreal-extended-onyx-base)}.bds-tag--purple{background-color:var(--boreal-extended-purple-light);color:var(--boreal-extended-purple-dark)}.bds-tag--purple .bds-tag__close-button{color:var(--boreal-extended-purple-dark)}.bds-tag--purple.bds-tag--disabled{color:var(--boreal-extended-purple-light);background-color:var(--boreal-extended-purple-lighter)}.bds-tag--purple.bds-tag--disabled .bds-tag__close-button{color:var(--boreal-extended-purple-light)}.bds-tag--rose{background-color:var(--boreal-extended-rose-light);color:var(--boreal-extended-rose-dark)}.bds-tag--rose .bds-tag__close-button{color:var(--boreal-extended-rose-dark)}.bds-tag--rose.bds-tag--disabled{color:var(--boreal-extended-rose-light);background-color:var(--boreal-extended-rose-lighter)}.bds-tag--rose.bds-tag--disabled .bds-tag__close-button{color:var(--boreal-extended-rose-light)}.bds-tag--lime{background-color:var(--boreal-extended-lime-light);color:var(--boreal-extended-lime-dark)}.bds-tag--lime .bds-tag__close-button{color:var(--boreal-extended-lime-dark)}.bds-tag--lime.bds-tag--disabled{color:var(--boreal-extended-lime-light);background-color:var(--boreal-extended-lime-lighter)}.bds-tag--lime.bds-tag--disabled .bds-tag__close-button{color:var(--boreal-extended-lime-light)}.bds-tag--cobalt{background-color:var(--boreal-extended-cobalt-light);color:var(--boreal-extended-cobalt-dark)}.bds-tag--cobalt .bds-tag__close-button{color:var(--boreal-extended-cobalt-dark)}.bds-tag--cobalt.bds-tag--disabled{color:var(--boreal-extended-cobalt-light);background-color:var(--boreal-extended-cobalt-lighter)}.bds-tag--cobalt.bds-tag--disabled .bds-tag__close-button{color:var(--boreal-extended-cobalt-light)}.bds-tag--orange{background-color:var(--boreal-extended-orange-light);color:var(--boreal-extended-orange-dark)}.bds-tag--orange .bds-tag__close-button{color:var(--boreal-extended-orange-dark)}.bds-tag--orange.bds-tag--disabled{color:var(--boreal-extended-orange-light);background-color:var(--boreal-extended-orange-lighter)}.bds-tag--orange.bds-tag--disabled .bds-tag__close-button{color:var(--boreal-extended-orange-light)}.bds-tag--teal{background-color:var(--boreal-extended-teal-light);color:var(--boreal-extended-teal-dark)}.bds-tag--teal .bds-tag__close-button{color:var(--boreal-extended-teal-dark)}.bds-tag--teal.bds-tag--disabled{color:var(--boreal-extended-teal-light);background-color:var(--boreal-extended-teal-lighter)}.bds-tag--teal.bds-tag--disabled .bds-tag__close-button{color:var(--boreal-extended-teal-light)}.bds-tag--cyan{background-color:var(--boreal-extended-cyan-light);color:var(--boreal-extended-cyan-dark)}.bds-tag--cyan .bds-tag__close-button{color:var(--boreal-extended-cyan-dark)}.bds-tag--cyan.bds-tag--disabled{color:var(--boreal-extended-cyan-light);background-color:var(--boreal-extended-cyan-lighter)}.bds-tag--cyan.bds-tag--disabled .bds-tag__close-button{color:var(--boreal-extended-cyan-light)}'}},[260,"bds-tag",{multiselect:[4],selected:[4],closeButtonLabel:[1,"close-button-label"],color:[1],readonly:[4],disabled:[4],internalSelected:[32]},void 0,{color:[{checkPropValues:0}],selected:[{syncSelectedFromProp:0}]}]),c=n,g=function(){"undefined"!=typeof customElements&&["bds-tag"].forEach((e=>{"bds-tag"===e&&(customElements.get(l(e))||customElements.define(l(e),n))}))};export{c as BdsTag,g as defineCustomElement}
@@ -1 +1 @@
1
- import{p as e,M as t,c as s,h as i,H as a,t as o}from"./index.js";import{f as l,s as r,r as d}from"./p-D5omSME4.js";import{v as n}from"./p-vfAIdwy0.js";import{d as h}from"./p-BYEAJCas.js";import{d as b}from"./p-BSpJ_e9f.js";const c={TEXT:"text",PASSWORD:"password"},f={OUTLINE:"outline",PLAIN:"plain"},x={BLUR:"blur",CHANGE:"change",INPUT:"input",SUBMIT:"submit"},p=e(class extends(t(l)){constructor(e){super(!1),!1!==e&&this.__registerHost(),this.valueChange=s(this,"valueChange"),this.bdsInput=s(this,"bdsInput"),this.bdsChange=s(this,"bdsChange"),this.bdsFocus=s(this,"bdsFocus"),this.bdsBlur=s(this,"bdsBlur"),this.bdsClear=s(this,"bdsClear"),this.bdsValidationChange=s(this,"bdsValidationChange"),this.internals=this.attachInternals(),this.name="",this.disabled=!1,this.required=!1,this.isDisabled=!1,this.value="",this.error=!1,this.errorMessage="",this.customValidators=[],this.validationTiming=x.BLUR,this.type=c.TEXT,this.variant=f.OUTLINE,this.placeholder="",this.readOnly=!1,this.autocomplete="off",this.pattern="",this.minLength=0,this.maxLength=0,this.label="",this.sublabel="",this.icon="",this.helperText="",this.info="",this.clearable=!1,this.clearOnHover=!1,this.charCount=0,this.counter=!1,this.customWidth="",this.focused=!1,this.showPassword=!1,this.touched=!1,this.dirty=!1,this.currentCharCount=0,this.validationError=!1,this.validationMessage="",this._valueAtFocus="",this._id=function(e="bds"){return`${e}-${Math.random().toString(36).substr(2,9)}`}("bds-text-field"),this.invalidHandler=e=>{e.preventDefault(),this.validationError=!0,this.validationMessage=this.internals.validationMessage,this.bdsValidationChange.emit({valid:!1,validity:this.internals.validity,value:this.value,touched:this.touched,dirty:this.dirty})}}async checkValidity(){return this.internals.checkValidity()}async reportValidity(){return this.internals.reportValidity()}onDisabledChange(e){this.isDisabled=e}checkPropValues(){n(Object.values(c),c.TEXT,this.el,"type"),n(Object.values(f),f.OUTLINE,this.el,"variant"),n(Object.values(x),x.BLUR,this.el,"validationTiming")}componentWillLoad(){this.checkPropValues(),this.isDisabled=this.disabled,this.currentCharCount=this.value.length}componentDidLoad(){this.el.addEventListener("invalid",this.invalidHandler)}disconnectedCallback(){this.el.removeEventListener("invalid",this.invalidHandler)}onCustomValidatorsChange(){this.updateValidity()}onValueChange(e){r(this.internals,e),this.currentCharCount=e.length,this.updateValidity(),this.valueChange.emit(e)}formAssociatedCallback(){r(this.internals,this.value),this.updateValidity()}formResetCallback(){this.value="",this.touched=!1,this.dirty=!1,this.currentCharCount=0,this.validationError=!1,this.validationMessage="",r(this.internals,null),this.updateValidity()}formStateRestoreCallback(e,t){this.value="string"==typeof e?e:"",r(this.internals,this.value),this.updateValidity()}updateValidity(e=!1){const t=d(this.internals,[...this.validators,...this.customValidators],this.el);e&&(this.validationError=!t,this.validationMessage=t?"":this.internals.validationMessage,this.bdsValidationChange.emit({valid:t,validity:this.internals.validity,value:this.value,touched:this.touched,dirty:this.dirty}))}handleInput(e){this.value=e.target.value,this.dirty=!0,this.bdsInput.emit({value:this.value,event:e}),this.validationTiming===x.INPUT&&this.updateValidity(!0)}handleChange(e){this.bdsChange.emit({value:this.value,event:e}),this.validationTiming===x.CHANGE&&this.updateValidity(!0)}handleFocus(e){this.focused=!0,this._valueAtFocus=this.value,this.bdsFocus.emit({event:e})}handleBlur(e){this.focused=!1,this.touched=!0,this.bdsBlur.emit({event:e}),(this.validationTiming===x.BLUR||this.validationTiming===x.CHANGE&&this.value!==this._valueAtFocus)&&this.updateValidity(!0)}handleShowPassword(){this.showPassword=!this.showPassword}handleClear(){this.value="",this.dirty=!0,this.validationError=!1,this.validationMessage="",this.bdsClear.emit(),this.el.querySelector("input")?.focus()}handleMouseDown(e){this.readOnly&&e.preventDefault()}get validators(){return[{key:"valueMissing",isValid:()=>!this.required||""!==this.value,message:"This field is required. Please fill it out."},{key:"tooShort",isValid:()=>0===this.minLength||this.value.length>=this.minLength,message:`Please enter at least ${this.minLength} characters.`},{key:"patternMismatch",isValid:()=>{if(""===this.pattern||""===this.value)return!0;try{return RegExp(this.pattern).test(this.value)}catch{return!0}},message:"Please match the requested format."}]}get effectiveMaxLength(){return 0!==this.maxLength?this.maxLength:this.counter&&this.charCount>0?this.charCount:void 0}get classMap(){return{"bds-text-field":!0,"bds-text-field--error":this.error||this.validationError,"bds-text-field--disabled":this.isDisabled,"bds-text-field--focused":this.focused,"bds-text-field--readonly":this.readOnly,"bds-text-field--plain":this.variant===f.PLAIN,"bds-text-field--clear-on-hover":this.clearOnHover}}get hostStyle(){return""!==this.customWidth?{"--bds-text-field-width":this.customWidth}:void 0}get iconClear(){return this.clearable||this.clearOnHover?"bds-icon-close":""}get showPasswordIcon(){return this.showPassword?"bds-icon-sight-on":"bds-icon-sight-off"}render(){const e=this._id+"-label",t=this._id+"-helper",s=(this.clearable||this.clearOnHover)&&""!==this.value&&!this.isDisabled&&!this.readOnly,o=this.error&&""!==this.errorMessage?this.errorMessage:this.validationError&&""!==this.validationMessage?this.validationMessage:this.helperText,l=""!==o||this.counter&&this.charCount>0,r=this.isDisabled?"disabled":this.error||this.validationError?"error":"default";return i(a,{key:"8fcf734b92dfa2ad75a32bef27efea78bd61dd63",class:this.classMap,style:this.hostStyle,tabIndex:-1,onFocus:()=>!this.readOnly&&this.el.querySelector("input")?.focus()},""!==this.label&&i("bds-typography",{key:"d50b6407278dd93b52fbbdbbc5e999a1185d4649",id:e,variant:"label",htmlFor:this._id,isRequired:this.required,tooltipText:""!==this.info?this.info:void 0,state:r},this.label),i("div",{key:"89dc5c7830197786e7dc67b87f64a0b63c8a8c84",class:"bds-text-field__container"},(""!==this.icon||""!==this.sublabel)&&i("span",{key:"a4139e0ce3b3d37bb33d55b5811e439974ed9d53",class:"bds-text-field__sublabel"},""!==this.icon&&i("em",{key:"5fc8f5a49b348fe07c63242243274946e21aa782",class:this.icon}),this.sublabel),i("slot",{key:"a8f62dba555a26aba3b1105402f0afca1378c83a",name:"prefix"}),i("input",{key:"ba2161c8d56c42847c7006d1742a2b60613f4628",id:this._id,class:"bds-text-field__control","aria-labelledby":""!==this.label?e:void 0,"aria-describedby":l&&""!==o?t:void 0,"aria-invalid":this.error||this.validationError?"true":void 0,"aria-required":this.required?"true":void 0,type:this.type===c.PASSWORD&&this.showPassword?c.TEXT:this.type,value:this.value,disabled:this.isDisabled,readOnly:this.readOnly,tabIndex:this.readOnly?-1:void 0,placeholder:this.placeholder,autocomplete:this.autocomplete,pattern:""!==this.pattern?this.pattern:void 0,minLength:0!==this.minLength?this.minLength:void 0,maxLength:this.effectiveMaxLength,onMouseDown:e=>this.handleMouseDown(e),onInput:e=>this.handleInput(e),onChange:e=>this.handleChange(e),onFocus:e=>this.handleFocus(e),onBlur:e=>this.handleBlur(e)}),(s||this.type===c.PASSWORD)&&i("div",{key:"c9ae74b2be87e2759d60ad69c9c91b95bc199163",class:"bds-text-field__actions"},s&&i("button",{key:"d94534386505f9c54aabe892aec58d81b6a0ea94",class:"bds-text-field__action bds-text-field__action--clear",type:"button","aria-label":"Clear",onClick:()=>this.handleClear()},i("em",{key:"7899ffad5be71b731ae8ead1d5601e3fc6b5f6a5",class:this.iconClear})),this.type===c.PASSWORD&&i("button",{key:"612aff7de193d9f61b955e686484c13baca3ff57",class:"bds-text-field__action bds-text-field__action--password",type:"button","aria-label":this.showPassword?"Hide password":"Show password",onClick:()=>this.handleShowPassword()},i("em",{key:"e886085b840a351a7455a1adb685996835e47118",class:this.showPasswordIcon})))),l&&i("div",{key:"9b47bbaff802d0c4125e45c87f1e7366418dfdcc",class:"bds-text-field__footer"},""!==o&&i("bds-typography",{key:"64265da85a16152af33b3f94c05e4d8562dc26df",id:t,variant:"helper",state:r},o),this.counter&&this.charCount>0&&i("span",{key:"2a264545ba46b8d6908adabe729a1256334535ef",class:"bds-text-field__char-count"},this.currentCharCount,"/",this.charCount)))}static get formAssociated(){return!0}get el(){return this}static get watchers(){return{disabled:[{onDisabledChange:0}],type:[{checkPropValues:0}],variant:[{checkPropValues:0}],validationTiming:[{checkPropValues:0}],customValidators:[{onCustomValidatorsChange:0}],value:[{onValueChange:0}]}}static get style(){return'@charset "UTF-8";.bds-text-field__container,.bds-text-field__sublabel,.bds-text-field__actions,.bds-text-field__action,.bds-text-field__footer{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.bds-text-field [slot=prefix],.bds-text-field__sublabel{font-size:var(--boreal-typography-font-size-xs);font-weight:var(--boreal-typography-font-weight-semibold);line-height:var(--boreal-typography-line-height-xs)}.bds-text-field{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:var(--boreal-spacing-2xs);width:var(--bds-text-field-width, 100%);font-family:var(--boreal-typography-font-family-primary);color:var(--boreal-text-default)}.bds-text-field__container{padding:var(--boreal-spacing-1xs);padding-left:0;height:var(--boreal-layout-l);border:1px solid var(--boreal-stroke-default-light);border-radius:var(--boreal-radius-xs);background-color:var(--boreal-ui-inverse);-webkit-transition:background-color 0.3s ease, border-color 0.3s ease, -webkit-box-shadow 0.3s ease;transition:background-color 0.3s ease, border-color 0.3s ease, -webkit-box-shadow 0.3s ease;transition:background-color 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease;transition:background-color 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease, -webkit-box-shadow 0.3s ease;overflow:hidden}.bds-text-field__sublabel{gap:var(--boreal-spacing-3xs);padding-left:var(--boreal-spacing-xs);white-space:nowrap}.bds-text-field__sublabel em[class^=bds-icon-],.bds-text-field__sublabel em[class*=" bds-icon-"]{width:var(--boreal-icons-m);height:var(--boreal-icons-m);font-size:var(--boreal-typography-font-size-md);line-height:1;-ms-flex-negative:0;flex-shrink:0;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.bds-text-field [slot=prefix]{padding-left:var(--boreal-spacing-xs);overflow:hidden;white-space:nowrap;-ms-flex-negative:0;flex-shrink:0}.bds-text-field__control{min-width:0;width:100%;border:none;outline:none;background:transparent;padding:0;padding-left:var(--boreal-spacing-xs);font-size:var(--boreal-typography-font-size-sm);font-weight:var(--boreal-typography-font-weight-regular);line-height:var(--boreal-typography-line-height-sm)}.bds-text-field__control::-webkit-input-placeholder{color:var(--boreal-text-default-light)}.bds-text-field__control::-moz-placeholder{color:var(--boreal-text-default-light)}.bds-text-field__control:-ms-input-placeholder{color:var(--boreal-text-default-light)}.bds-text-field__control::-ms-input-placeholder{color:var(--boreal-text-default-light)}.bds-text-field__control::placeholder{color:var(--boreal-text-default-light)}.bds-text-field__control:disabled{cursor:not-allowed}.bds-text-field__actions{padding-left:var(--boreal-spacing-xs);gap:var(--boreal-spacing-3xs)}.bds-text-field__action{-ms-flex-pack:center;justify-content:center;background:none;border:none;padding:var(--boreal-spacing-3xs);cursor:pointer;color:var(--boreal-icon-default-light);line-height:1;-webkit-transition:color 0.3s ease, opacity 0.3s ease;transition:color 0.3s ease, opacity 0.3s ease}.bds-text-field__action--clear em[class^=bds-icon-],.bds-text-field__action--clear em[class*=" bds-icon-"]{width:var(--boreal-icons-s);height:var(--boreal-icons-s);font-size:var(--boreal-typography-font-size-xs);line-height:1;-ms-flex-negative:0;flex-shrink:0;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.bds-text-field__action--password em[class^=bds-icon-],.bds-text-field__action--password em[class*=" bds-icon-"]{width:var(--boreal-icons-l);height:var(--boreal-icons-l);font-size:var(--boreal-typography-font-size-lg);line-height:1;-ms-flex-negative:0;flex-shrink:0;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.bds-text-field__action:hover{color:var(--boreal-icon-default-dark)}.bds-text-field__action:focus-visible{-webkit-box-shadow:0 0 0 1px var(--boreal-ui-inverse), 0 0 0 3px var(--boreal-stroke-focus);box-shadow:0 0 0 1px var(--boreal-ui-inverse), 0 0 0 3px var(--boreal-stroke-focus)}.bds-text-field__footer{-ms-flex-pack:justify;justify-content:space-between}.bds-text-field__char-count{-ms-flex-negative:0;flex-shrink:0;font-size:var(--boreal-typography-font-size-xs);font-weight:var(--boreal-typography-font-weight-regular);line-height:var(--boreal-typography-line-height-xs);color:var(--boreal-text-default-light)}.bds-text-field--focused .bds-text-field__container{border-color:var(--boreal-stroke-focus);-webkit-box-shadow:0 0 0 1px var(--boreal-ui-inverse), 0 0 0 3px var(--boreal-stroke-focus);box-shadow:0 0 0 1px var(--boreal-ui-inverse), 0 0 0 3px var(--boreal-stroke-focus)}.bds-text-field--error .bds-text-field__container{border-color:var(--boreal-stroke-danger-base)}.bds-text-field--disabled{cursor:not-allowed}.bds-text-field--disabled .bds-text-field__container{background-color:var(--boreal-ui-default-lighter);border-color:var(--boreal-stroke-default-light)}.bds-text-field--disabled .bds-text-field__sublabel{color:var(--boreal-text-disabled)}.bds-text-field--disabled .bds-text-field__sublabel em[class^=bds-icon-],.bds-text-field--disabled .bds-text-field__sublabel em[class*=" bds-icon-"]{color:var(--boreal-icon-disabled)}.bds-text-field--disabled .bds-text-field__control{color:var(--boreal-icon-disabled)}.bds-text-field--readonly .bds-text-field__container{background-color:transparent;border:none}.bds-text-field--readonly .bds-text-field__control::-webkit-input-placeholder{color:var(--boreal-text-default-darker)}.bds-text-field--readonly .bds-text-field__control::-moz-placeholder{color:var(--boreal-text-default-darker)}.bds-text-field--readonly .bds-text-field__control:-ms-input-placeholder{color:var(--boreal-text-default-darker)}.bds-text-field--readonly .bds-text-field__control::-ms-input-placeholder{color:var(--boreal-text-default-darker)}.bds-text-field--readonly .bds-text-field__control::placeholder{color:var(--boreal-text-default-darker)}.bds-text-field--plain .bds-text-field__container{border-color:transparent}.bds-text-field--plain.bds-text-field--focused .bds-text-field__container{border-color:var(--boreal-stroke-focus)}.bds-text-field--clear-on-hover .bds-text-field__action--clear{opacity:0;pointer-events:none}.bds-text-field--clear-on-hover:hover .bds-text-field__action--clear{opacity:1;pointer-events:auto}'}},[836,"bds-text-field",{name:[513],disabled:[516],required:[516],value:[1537],error:[516],errorMessage:[1,"error-message"],customValidators:[16],validationTiming:[1,"validation-timing"],type:[513],variant:[513],placeholder:[1],readOnly:[4,"readonly"],autocomplete:[1],pattern:[1],minLength:[2,"min-length"],maxLength:[2,"max-length"],label:[1],sublabel:[1],icon:[1],helperText:[1,"helper-text"],info:[1],clearable:[4],clearOnHover:[4,"clear-on-hover"],charCount:[2,"char-count"],counter:[4],customWidth:[1,"custom-width"],isDisabled:[32],focused:[32],showPassword:[32],touched:[32],dirty:[32],currentCharCount:[32],validationError:[32],validationMessage:[32],checkValidity:[64],reportValidity:[64]},void 0,{disabled:[{onDisabledChange:0}],type:[{checkPropValues:0}],variant:[{checkPropValues:0}],validationTiming:[{checkPropValues:0}],customValidators:[{onCustomValidatorsChange:0}],value:[{onValueChange:0}]}]),u=p,g=function(){"undefined"!=typeof customElements&&["bds-text-field","bds-tooltip","bds-typography"].forEach((e=>{switch(e){case"bds-text-field":customElements.get(o(e))||customElements.define(o(e),p);break;case"bds-tooltip":customElements.get(o(e))||h();break;case"bds-typography":customElements.get(o(e))||b()}}))};export{u as BdsTextField,g as defineCustomElement}
1
+ import{p as e,M as t,c as s,h as i,H as a,t as o}from"./index.js";import{f as l}from"./p-nxYzL9uu.js";import{s as r,r as d}from"./p-DfaYciGa.js";import{c as n}from"./p-DhSchGPI.js";import{v as h}from"./p-kGnB15Lz.js";import{d as c}from"./p-N_tqtRV2.js";import{d as b}from"./p-c2z3tneT.js";const f={TEXT:"text",PASSWORD:"password"},x={OUTLINE:"outline",PLAIN:"plain"},p={BLUR:"blur",CHANGE:"change",INPUT:"input",SUBMIT:"submit"},u=e(class extends(t(l)){constructor(e){super(!1),!1!==e&&this.__registerHost(),this.valueChange=s(this,"valueChange"),this.bdsInput=s(this,"bdsInput"),this.bdsChange=s(this,"bdsChange"),this.bdsFocus=s(this,"bdsFocus"),this.bdsBlur=s(this,"bdsBlur"),this.bdsClear=s(this,"bdsClear"),this.bdsValidationChange=s(this,"bdsValidationChange"),this.internals=this.attachInternals(),this.name="",this.disabled=!1,this.required=!1,this.isDisabled=!1,this.value="",this.error=!1,this.errorMessage="",this.customValidators=[],this.validationTiming=p.BLUR,this.type=f.TEXT,this.variant=x.OUTLINE,this.placeholder="",this.readOnly=!1,this.autocomplete="off",this.pattern="",this.minLength=0,this.maxLength=0,this.label="",this.sublabel="",this.icon="",this.helperText="",this.info="",this.clearable=!1,this.clearOnHover=!1,this.charCount=0,this.counter=!1,this.customWidth="",this.focused=!1,this.showPassword=!1,this.touched=!1,this.dirty=!1,this.currentCharCount=0,this.validationError=!1,this.validationMessage="",this._valueAtFocus="",this._id=n("bds-text-field"),this.invalidHandler=e=>{e.preventDefault(),this.validationError=!0,this.validationMessage=this.internals.validationMessage,this.bdsValidationChange.emit({valid:!1,validity:this.internals.validity,value:this.value,touched:this.touched,dirty:this.dirty})}}async checkValidity(){return this.internals.checkValidity()}async reportValidity(){return this.internals.reportValidity()}onDisabledChange(e){this.isDisabled=e}checkPropValues(){h(Object.values(f),f.TEXT,this.el,"type"),h(Object.values(x),x.OUTLINE,this.el,"variant"),h(Object.values(p),p.BLUR,this.el,"validationTiming")}componentWillLoad(){this.checkPropValues(),this.isDisabled=this.disabled,this.currentCharCount=this.value.length}componentDidLoad(){this.el.addEventListener("invalid",this.invalidHandler)}disconnectedCallback(){this.el.removeEventListener("invalid",this.invalidHandler)}onCustomValidatorsChange(){this.updateValidity()}onValueChange(e){r(this.internals,e),this.currentCharCount=e.length,this.updateValidity(),this.valueChange.emit(e)}formAssociatedCallback(){r(this.internals,this.value),this.updateValidity()}formResetCallback(){this.value="",this.touched=!1,this.dirty=!1,this.currentCharCount=0,this.validationError=!1,this.validationMessage="",r(this.internals,null),this.updateValidity()}formStateRestoreCallback(e,t){this.value="string"==typeof e?e:"",r(this.internals,this.value),this.updateValidity()}updateValidity(e=!1){const t=d(this.internals,[...this.validators,...this.customValidators],this.el);e&&(this.validationError=!t,this.validationMessage=t?"":this.internals.validationMessage,this.bdsValidationChange.emit({valid:t,validity:this.internals.validity,value:this.value,touched:this.touched,dirty:this.dirty}))}handleInput(e){this.value=e.target.value,this.dirty=!0,this.bdsInput.emit({value:this.value,event:e}),this.validationTiming===p.INPUT&&this.updateValidity(!0)}handleChange(e){this.bdsChange.emit({value:this.value,event:e}),this.validationTiming===p.CHANGE&&this.updateValidity(!0)}handleFocus(e){this.focused=!0,this._valueAtFocus=this.value,this.bdsFocus.emit({event:e})}handleBlur(e){this.focused=!1,this.touched=!0,this.bdsBlur.emit({event:e}),(this.validationTiming===p.BLUR||this.validationTiming===p.CHANGE&&this.value!==this._valueAtFocus)&&this.updateValidity(!0)}handleShowPassword(){this.showPassword=!this.showPassword}handleClear(){this.value="",this.dirty=!0,this.validationError=!1,this.validationMessage="",this.bdsClear.emit(),this.el.querySelector("input")?.focus()}handleMouseDown(e){this.readOnly&&e.preventDefault()}get validators(){return[{key:"valueMissing",isValid:()=>!this.required||""!==this.value,message:"This field is required. Please fill it out."},{key:"tooShort",isValid:()=>0===this.minLength||this.value.length>=this.minLength,message:`Please enter at least ${this.minLength} characters.`},{key:"patternMismatch",isValid:()=>{if(""===this.pattern||""===this.value)return!0;try{return RegExp(this.pattern).test(this.value)}catch{return!0}},message:"Please match the requested format."}]}get effectiveMaxLength(){return 0!==this.maxLength?this.maxLength:this.counter&&this.charCount>0?this.charCount:void 0}get classMap(){return{"bds-text-field":!0,"bds-text-field--error":this.error||this.validationError,"bds-text-field--disabled":this.isDisabled,"bds-text-field--focused":this.focused,"bds-text-field--readonly":this.readOnly,"bds-text-field--plain":this.variant===x.PLAIN,"bds-text-field--clear-on-hover":this.clearOnHover}}get hostStyle(){return""!==this.customWidth?{"--bds-text-field-width":this.customWidth}:void 0}get iconClear(){return this.clearable||this.clearOnHover?"bds-icon-close":""}get showPasswordIcon(){return this.showPassword?"bds-icon-sight-on":"bds-icon-sight-off"}render(){const e=this._id+"-label",t=this._id+"-helper",s=(this.clearable||this.clearOnHover)&&""!==this.value&&!this.isDisabled&&!this.readOnly,o=this.error&&""!==this.errorMessage?this.errorMessage:this.validationError&&""!==this.validationMessage?this.validationMessage:this.helperText,l=""!==o||this.counter&&this.charCount>0,r=this.isDisabled?"disabled":this.error||this.validationError?"error":"default";return i(a,{key:"5f52a0a9553efa1ec140b9edc4d3d332b9b306bc",class:this.classMap,style:this.hostStyle,tabIndex:-1,onFocus:()=>!this.readOnly&&this.el.querySelector("input")?.focus()},""!==this.label&&i("bds-typography",{key:"eea2b4211cb13cc24baa650239ceca1168933eb5",id:e,variant:"label",htmlFor:this._id,required:this.required,tooltipText:""!==this.info?this.info:void 0,state:r},this.label),i("div",{key:"17d9e4b5f7e0d64a7e6e73200073db9e2d89b601",class:"bds-text-field__container"},(""!==this.icon||""!==this.sublabel)&&i("span",{key:"5557471fd0b5b49a1bb856ea4c1b901ca96039e6",class:"bds-text-field__sublabel"},""!==this.icon&&i("em",{key:"e213979d268b2fce51a0a090b82dff0552515a8c",class:this.icon}),this.sublabel),i("slot",{key:"828b889037a40e562bf45a4b502988542b815701",name:"prefix"}),i("input",{key:"b842de768f53b095b65fc60da7a0cfabfbcc87d1",id:this._id,class:"bds-text-field__control","aria-labelledby":""!==this.label?e:void 0,"aria-describedby":l&&""!==o?t:void 0,"aria-invalid":this.error||this.validationError?"true":void 0,"aria-required":this.required?"true":void 0,type:this.type===f.PASSWORD&&this.showPassword?f.TEXT:this.type,value:this.value,disabled:this.isDisabled,readOnly:this.readOnly,tabIndex:this.readOnly?-1:void 0,placeholder:this.placeholder,autocomplete:this.autocomplete,pattern:""!==this.pattern?this.pattern:void 0,minLength:0!==this.minLength?this.minLength:void 0,maxLength:this.effectiveMaxLength,onMouseDown:e=>this.handleMouseDown(e),onInput:e=>this.handleInput(e),onChange:e=>this.handleChange(e),onFocus:e=>this.handleFocus(e),onBlur:e=>this.handleBlur(e)}),(s||this.type===f.PASSWORD)&&i("div",{key:"19ffb36c88f72645969fed69eb8368647ea8071c",class:"bds-text-field__actions"},s&&i("button",{key:"1adbe2d791fa48cbc6d0b9d71bda40f01f77efe4",class:"bds-text-field__action bds-text-field__action--clear",type:"button","aria-label":"Clear",onClick:()=>this.handleClear()},i("em",{key:"72e94a903896a8f0d04569ffb4b692c5fe37c621",class:this.iconClear})),this.type===f.PASSWORD&&i("button",{key:"795a85ad395254a8dbac151eb225aeb0d0d9266a",class:"bds-text-field__action bds-text-field__action--password",type:"button","aria-label":this.showPassword?"Hide password":"Show password",onClick:()=>this.handleShowPassword()},i("em",{key:"e84632218e25422ce5ba64ad6efc40a94310a0c5",class:this.showPasswordIcon})))),l&&i("div",{key:"ef98f783b7cd1ccf37d04a209d1bcf4b87ca048a",class:"bds-text-field__footer"},""!==o&&i("bds-typography",{key:"c560b15810400be0710368c089294a6ee51746b1",id:t,variant:"helper",state:r},o),this.counter&&this.charCount>0&&i("span",{key:"e4f7d33f2e3bf588f30ccb7165a9b385d8f5a8e3",class:"bds-text-field__char-count"},this.currentCharCount,"/",this.charCount)))}static get formAssociated(){return!0}get el(){return this}static get watchers(){return{disabled:[{onDisabledChange:0}],type:[{checkPropValues:0}],variant:[{checkPropValues:0}],validationTiming:[{checkPropValues:0}],customValidators:[{onCustomValidatorsChange:0}],value:[{onValueChange:0}]}}static get style(){return'@charset "UTF-8";.bds-text-field__container,.bds-text-field__sublabel,.bds-text-field__actions,.bds-text-field__action,.bds-text-field__footer{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.bds-text-field [slot=prefix],.bds-text-field__sublabel{font-size:var(--boreal-typography-font-size-xs);font-weight:var(--boreal-typography-font-weight-semibold);line-height:var(--boreal-typography-line-height-xs)}.bds-text-field{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:var(--boreal-spacing-2xs);width:var(--bds-text-field-width, 100%);font-family:var(--boreal-typography-font-family-primary);color:var(--boreal-text-default)}.bds-text-field__container{padding:var(--boreal-spacing-1xs);padding-left:0;height:var(--boreal-layout-l);border:1px solid var(--boreal-stroke-default-light);border-radius:var(--boreal-radius-xs);background-color:var(--boreal-ui-inverse);-webkit-transition:background-color 0.3s ease, border-color 0.3s ease, -webkit-box-shadow 0.3s ease;transition:background-color 0.3s ease, border-color 0.3s ease, -webkit-box-shadow 0.3s ease;transition:background-color 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease;transition:background-color 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease, -webkit-box-shadow 0.3s ease;overflow:hidden}.bds-text-field__sublabel{gap:var(--boreal-spacing-3xs);padding-left:var(--boreal-spacing-xs);white-space:nowrap}.bds-text-field__sublabel em[class^=bds-icon-],.bds-text-field__sublabel em[class*=" bds-icon-"]{width:var(--boreal-icons-m);height:var(--boreal-icons-m);font-size:var(--boreal-typography-font-size-md);line-height:1;-ms-flex-negative:0;flex-shrink:0;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.bds-text-field [slot=prefix]{padding-left:var(--boreal-spacing-xs);overflow:hidden;white-space:nowrap;-ms-flex-negative:0;flex-shrink:0}.bds-text-field__control{min-width:0;width:100%;border:none;outline:none;background:transparent;padding:0;padding-left:var(--boreal-spacing-xs);font-size:var(--boreal-typography-font-size-sm);font-weight:var(--boreal-typography-font-weight-regular);line-height:var(--boreal-typography-line-height-sm)}.bds-text-field__control::-webkit-input-placeholder{color:var(--boreal-text-default-light)}.bds-text-field__control::-moz-placeholder{color:var(--boreal-text-default-light)}.bds-text-field__control:-ms-input-placeholder{color:var(--boreal-text-default-light)}.bds-text-field__control::-ms-input-placeholder{color:var(--boreal-text-default-light)}.bds-text-field__control::placeholder{color:var(--boreal-text-default-light)}.bds-text-field__control:disabled{cursor:not-allowed}.bds-text-field__actions{padding-left:var(--boreal-spacing-xs);gap:var(--boreal-spacing-3xs)}.bds-text-field__action{-ms-flex-pack:center;justify-content:center;background:none;border:none;padding:var(--boreal-spacing-3xs);cursor:pointer;color:var(--boreal-icon-default-light);line-height:1;-webkit-transition:color 0.3s ease, opacity 0.3s ease;transition:color 0.3s ease, opacity 0.3s ease}.bds-text-field__action--clear em[class^=bds-icon-],.bds-text-field__action--clear em[class*=" bds-icon-"]{width:var(--boreal-icons-s);height:var(--boreal-icons-s);font-size:var(--boreal-typography-font-size-xs);line-height:1;-ms-flex-negative:0;flex-shrink:0;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.bds-text-field__action--password em[class^=bds-icon-],.bds-text-field__action--password em[class*=" bds-icon-"]{width:var(--boreal-icons-l);height:var(--boreal-icons-l);font-size:var(--boreal-typography-font-size-lg);line-height:1;-ms-flex-negative:0;flex-shrink:0;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.bds-text-field__action:hover{color:var(--boreal-icon-default-dark)}.bds-text-field__action:focus-visible{-webkit-box-shadow:0 0 0 1px var(--boreal-ui-inverse), 0 0 0 3px var(--boreal-stroke-focus);box-shadow:0 0 0 1px var(--boreal-ui-inverse), 0 0 0 3px var(--boreal-stroke-focus)}.bds-text-field__footer{-ms-flex-pack:justify;justify-content:space-between}.bds-text-field__char-count{-ms-flex-negative:0;flex-shrink:0;font-size:var(--boreal-typography-font-size-xs);font-weight:var(--boreal-typography-font-weight-regular);line-height:var(--boreal-typography-line-height-xs);color:var(--boreal-text-default-light)}.bds-text-field--focused .bds-text-field__container{border-color:var(--boreal-stroke-focus);-webkit-box-shadow:0 0 0 1px var(--boreal-ui-inverse), 0 0 0 3px var(--boreal-stroke-focus);box-shadow:0 0 0 1px var(--boreal-ui-inverse), 0 0 0 3px var(--boreal-stroke-focus)}.bds-text-field--error .bds-text-field__container{border-color:var(--boreal-stroke-danger-base)}.bds-text-field--disabled{cursor:not-allowed}.bds-text-field--disabled .bds-text-field__container{background-color:var(--boreal-ui-default-lighter);border-color:var(--boreal-stroke-default-light)}.bds-text-field--disabled .bds-text-field__sublabel{color:var(--boreal-text-disabled)}.bds-text-field--disabled .bds-text-field__sublabel em[class^=bds-icon-],.bds-text-field--disabled .bds-text-field__sublabel em[class*=" bds-icon-"]{color:var(--boreal-icon-disabled)}.bds-text-field--disabled .bds-text-field__control{color:var(--boreal-icon-disabled)}.bds-text-field--readonly .bds-text-field__container{background-color:transparent;border:none}.bds-text-field--readonly .bds-text-field__control::-webkit-input-placeholder{color:var(--boreal-text-default-darker)}.bds-text-field--readonly .bds-text-field__control::-moz-placeholder{color:var(--boreal-text-default-darker)}.bds-text-field--readonly .bds-text-field__control:-ms-input-placeholder{color:var(--boreal-text-default-darker)}.bds-text-field--readonly .bds-text-field__control::-ms-input-placeholder{color:var(--boreal-text-default-darker)}.bds-text-field--readonly .bds-text-field__control::placeholder{color:var(--boreal-text-default-darker)}.bds-text-field--plain .bds-text-field__container{border-color:transparent}.bds-text-field--plain.bds-text-field--focused .bds-text-field__container{border-color:var(--boreal-stroke-focus)}.bds-text-field--clear-on-hover .bds-text-field__action--clear{opacity:0;pointer-events:none}.bds-text-field--clear-on-hover:hover .bds-text-field__action--clear{opacity:1;pointer-events:auto}'}},[836,"bds-text-field",{name:[513],disabled:[516],required:[516],value:[1537],error:[516],errorMessage:[1,"error-message"],customValidators:[16],validationTiming:[1,"validation-timing"],type:[513],variant:[513],placeholder:[1],readOnly:[4,"readonly"],autocomplete:[1],pattern:[1],minLength:[2,"min-length"],maxLength:[2,"max-length"],label:[1],sublabel:[1],icon:[1],helperText:[1,"helper-text"],info:[1],clearable:[4],clearOnHover:[4,"clear-on-hover"],charCount:[2,"char-count"],counter:[4],customWidth:[1,"custom-width"],isDisabled:[32],focused:[32],showPassword:[32],touched:[32],dirty:[32],currentCharCount:[32],validationError:[32],validationMessage:[32],checkValidity:[64],reportValidity:[64]},void 0,{disabled:[{onDisabledChange:0}],type:[{checkPropValues:0}],variant:[{checkPropValues:0}],validationTiming:[{checkPropValues:0}],customValidators:[{onCustomValidatorsChange:0}],value:[{onValueChange:0}]}]),g=u,v=function(){"undefined"!=typeof customElements&&["bds-text-field","bds-tooltip","bds-typography"].forEach((e=>{switch(e){case"bds-text-field":customElements.get(o(e))||customElements.define(o(e),u);break;case"bds-tooltip":customElements.get(o(e))||c();break;case"bds-typography":customElements.get(o(e))||b()}}))};export{g as BdsTextField,v as defineCustomElement}
@@ -0,0 +1,11 @@
1
+ import type { Components, JSX } from "../dist/types/components";
2
+
3
+ interface BdsToggle extends Components.BdsToggle, HTMLElement {}
4
+ export const BdsToggle: {
5
+ prototype: BdsToggle;
6
+ new (): BdsToggle;
7
+ };
8
+ /**
9
+ * Used to define this component and all nested components recursively.
10
+ */
11
+ export const defineCustomElement: () => void;
@@ -0,0 +1 @@
1
+ import{p as e,M as t,c as s,h as i,H as o,t as a}from"./index.js";import{f as r}from"./p-nxYzL9uu.js";import{i as l}from"./p-fUK0GCeC.js";import{s as d}from"./p-DfaYciGa.js";import{c as n}from"./p-DhSchGPI.js";import{d as b}from"./p-N_tqtRV2.js";import{d as h}from"./p-c2z3tneT.js";const g=e(class extends(t(r)){constructor(e){super(!1),!1!==e&&this.__registerHost(),this.valueChange=s(this,"valueChange"),this.bdsChange=s(this,"bdsChange"),this.internals=this.attachInternals(),this.inheritedAttributes={},this.disabled=!1,this.required=!1,this.info="",this.error=!1,this.errorMessage="",this.checked=!1,this.placement="left",this.label="",this.helperText="",this.value="on",this._id=n("bds-toggle"),this.isDisabled=!1,this.validationError=!1,this.validationMessage="",this.isChecked=!1,this.handleClick=()=>this.toggle(),this.handleKeyDown=e=>{" "!==e.key&&"Enter"!==e.key||(e.preventDefault(),this.toggle())},this.handleInvalid=e=>{e.preventDefault(),this.validate()}}componentWillLoad(){this.isChecked=this.checked||!1,this.isDisabled=this.disabled||!1,this.inheritedAttributes={...l(this.el)},this.syncFormValue()}onCheckedChange(e){this.isChecked=e,this.syncFormValue()}onDisabledChange(e){this.isDisabled=e}formAssociatedCallback(){this.syncFormValue()}formDisabledCallback(e){this.isDisabled=e}formResetCallback(){this.isChecked=!1,this.internals.setValidity({}),d(this.internals,null)}formStateRestoreCallback(e,t){this.isChecked=e===this.value,this.internals.setValidity({}),this.syncFormValue()}syncFormValue(){d(this.internals,this.isChecked?this.value:null)}validate(){if(this.isDisabled||!this.required||this.isChecked)this.validationError=!1,this.validationMessage="",this.internals.setValidity({});else{const e=this.el.querySelector("input");this.validationError=!0,this.validationMessage="This field is required",this.internals.setValidity({valueMissing:!0},this.validationMessage,e??this.el)}}toggle(){this.isDisabled||(this.isChecked=!this.isChecked,this.syncFormValue(),this.validate(),this.valueChange.emit(this.isChecked),this.bdsChange.emit({checked:this.isChecked,value:this.value}))}get containerClasses(){return{"bds-toggle__container":!0,"bds-toggle__container--inverse":"right"===this.placement,"bds-toggle__container--checked":this.isChecked,"bds-toggle__container--disabled":this.isDisabled}}get canShowLabel(){return void 0!==this.label&&""!==this.label.trim()&&null!=this.label}render(){const e="bds-toggle",t=this.isDisabled?"disabled":this.error||this.validationError?"error":"default",s=this.error&&""!==this.errorMessage?this.errorMessage:this.validationError&&""!==this.validationMessage?this.validationMessage:this.helperText;return i(o,{key:"b5d27825358eaadb5cbca86e48488350e6099d8f",...this.inheritedAttributes,onClick:this.handleClick,onKeyDown:this.handleKeyDown,class:e},i("div",{key:"9b7bb4c4551beb61ed72c9ee4a4d7ee14e746c4e",part:"container",class:this.containerClasses},this.canShowLabel&&i("bds-typography",{key:"a95e1b66d8452b983002348b9456aa0c3674b202",variant:"label",class:e+"__label",htmlFor:this._id,required:this.required,tooltipText:this.info},this.label),i("label",{key:"954125135521cd6e65c2e6c3dfa41216e6f52dd3",class:e+"__switch",htmlFor:this._id,onClick:e=>e.preventDefault()},i("input",{key:"c3e0ee266aba0bd6e8ca7fb2d3efaeb412161806",class:e+"__input","aria-invalid":this.error||this.validationError?"true":void 0,"aria-label":this.label||null,id:this._id,type:"checkbox",name:this.name,required:this.required,disabled:this.isDisabled,checked:this.isChecked,onInvalid:this.handleInvalid}),i("span",{key:"68912685234edb7c6ec972231c7f951531862f7c",class:`${e}__slider ${e}__slider--round`}))),""!==s&&i("bds-typography",{key:"3e5645d234edc1f3efe7805260def2c74bc7cd44",class:e+"__helper-text",variant:"helper",state:t,onClick:e=>e.stopPropagation()},s))}static get formAssociated(){return!0}get el(){return this}static get watchers(){return{checked:[{onCheckedChange:0}],disabled:[{onDisabledChange:0}]}}static get style(){return'@charset "UTF-8";.bds-toggle{font-family:var(--boreal-typography-font-family-primary);display:inline-block}.bds-toggle__container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:var(--boreal-spacing-2xs);outline:none;width:-webkit-max-content;width:-moz-max-content;width:max-content}.bds-toggle__container:focus{outline:none}.bds-toggle__container--inverse{-ms-flex-direction:row-reverse;flex-direction:row-reverse}.bds-toggle:active,.bds-toggle:focus-visible{outline:none}.bds-toggle:active .bds-toggle__input:not([disabled])+.bds-toggle__slider,.bds-toggle:focus-visible .bds-toggle__input:not([disabled])+.bds-toggle__slider{-webkit-box-shadow:0 0 0 1px var(--boreal-ui-inverse), 0 0 0 3px var(--boreal-stroke-focus);box-shadow:0 0 0 1px var(--boreal-ui-inverse), 0 0 0 3px var(--boreal-stroke-focus)}.bds-toggle .bds-toggle__input:active:not([disabled])+.bds-toggle__slider,.bds-toggle .bds-toggle__input:focus-visible:not([disabled])+.bds-toggle__slider{-webkit-box-shadow:0 0 0 1px var(--boreal-ui-inverse), 0 0 0 3px var(--boreal-stroke-focus);box-shadow:0 0 0 1px var(--boreal-ui-inverse), 0 0 0 3px var(--boreal-stroke-focus)}.bds-toggle:hover:not(:active):not([checked]):not([disabled]) .bds-toggle__slider,.bds-toggle:hover:not(:active):focus-within:not([checked]) .bds-toggle__slider{-webkit-box-shadow:0 1px 2px 0 var(--boreal-stroke-default-light);box-shadow:0 1px 2px 0 var(--boreal-stroke-default-light)}.bds-toggle__switch{position:relative;display:inline-block;width:var(--boreal-spacing-3xl);height:var(--boreal-spacing-l)}.bds-toggle__input{opacity:0;width:0;height:0}.bds-toggle__input:not(:checked)+.bds-toggle__slider{border:1px solid var(--boreal-stroke-default-light)}.bds-toggle__input:checked+.bds-toggle__slider{background-color:var(--boreal-ui-primary-base)}.bds-toggle__input:checked+.bds-toggle__slider::before{-webkit-transform:translateX(var(--boreal-spacing-l));-ms-transform:translateX(var(--boreal-spacing-l));transform:translateX(var(--boreal-spacing-l))}.bds-toggle__input:disabled+.bds-toggle__slider{background-color:var(--boreal-ui-disabled);cursor:default}.bds-toggle__input:disabled+.bds-toggle__slider::before{background-color:var(--boreal-icon-default-light)}.bds-toggle__input:disabled:checked+.bds-toggle__slider{background-color:var(--boreal-ui-primary-light)}.bds-toggle__input:disabled:checked+.bds-toggle__slider::before{background-color:var(--boreal-icon-inverse)}.bds-toggle__slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--boreal-ui-base-light);-webkit-transition:all 0.4s, border-color 0s;transition:all 0.4s, border-color 0s}.bds-toggle__slider::before{position:absolute;content:"";height:var(--boreal-typography-font-size-md);width:var(--boreal-typography-font-size-md);left:var(--boreal-spacing-2xs);background-color:var(--boreal-text-inverse);bottom:0;top:0;margin:auto;-webkit-transition:0.3s;transition:0.3s}.bds-toggle__slider--round{border-radius:var(--boreal-radius-m)}.bds-toggle__slider--round::before{border-radius:var(--boreal-radius-full)}.bds-toggle__label{font-size:var(--boreal-typography-font-size-sm);color:var(--boreal-text-default)}.bds-toggle__helper-text{display:-ms-flexbox;display:flex;position:relative;color:var(--boreal-text-default-light);font-size:var(--boreal-typography-font-size-xs);margin-top:var(--boreal-spacing-2xs)}'}},[576,"bds-toggle",{name:[513],disabled:[516],required:[516],info:[1],error:[516],errorMessage:[513,"error-message"],checked:[516],placement:[513],label:[513],helperText:[513,"helper-text"],value:[1],isDisabled:[32],validationError:[32],validationMessage:[32],isChecked:[32]},void 0,{checked:[{onCheckedChange:0}],disabled:[{onDisabledChange:0}]}]),c=g,p=function(){"undefined"!=typeof customElements&&["bds-toggle","bds-tooltip","bds-typography"].forEach((e=>{switch(e){case"bds-toggle":customElements.get(a(e))||customElements.define(a(e),g);break;case"bds-tooltip":customElements.get(a(e))||b();break;case"bds-typography":customElements.get(a(e))||h()}}))};export{c as BdsToggle,p as defineCustomElement}
@@ -1 +1 @@
1
- import{B as s,d as o}from"./p-BYEAJCas.js";const a=s,p=o;export{a as BdsTooltip,p as defineCustomElement}
1
+ import{B as t,d as o}from"./p-N_tqtRV2.js";const s=t,p=o;export{s as BdsTooltip,p as defineCustomElement}
@@ -1 +1 @@
1
- import{B as o,d as p}from"./p-BSpJ_e9f.js";const s=o,r=p;export{s as BdsTypography,r as defineCustomElement}
1
+ import{B as o,d as s}from"./p-c2z3tneT.js";const t=o,p=s;export{t as BdsTypography,p as defineCustomElement}