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

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 (446) 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.js +1 -1
  7. package/components-build/bds-checkbox.js +1 -1
  8. package/components-build/bds-dialog.js +1 -1
  9. package/components-build/bds-divider.d.ts +11 -0
  10. package/components-build/bds-divider.js +1 -0
  11. package/components-build/bds-flag.js +1 -1
  12. package/components-build/bds-grid-item.d.ts +11 -0
  13. package/components-build/bds-grid-item.js +1 -0
  14. package/components-build/bds-grid.d.ts +11 -0
  15. package/components-build/bds-grid.js +1 -0
  16. package/components-build/bds-list-menu-item.d.ts +11 -0
  17. package/components-build/bds-list-menu-item.js +1 -0
  18. package/components-build/bds-list-menu.d.ts +11 -0
  19. package/components-build/bds-list-menu.js +1 -0
  20. package/components-build/bds-popover.js +1 -1
  21. package/components-build/bds-spinner.js +1 -1
  22. package/components-build/bds-status.d.ts +11 -0
  23. package/components-build/bds-status.js +1 -0
  24. package/components-build/bds-tag.d.ts +11 -0
  25. package/components-build/bds-tag.js +1 -0
  26. package/components-build/bds-text-field.js +1 -1
  27. package/components-build/bds-toggle.d.ts +11 -0
  28. package/components-build/bds-toggle.js +1 -0
  29. package/components-build/bds-tooltip.js +1 -1
  30. package/components-build/bds-typography.js +1 -1
  31. package/components-build/index.js +1 -1
  32. package/components-build/p-B8n1ru5i.js +1 -0
  33. package/components-build/p-Bfazyxqi.js +1 -0
  34. package/components-build/p-CGdxFth9.js +1 -0
  35. package/components-build/p-CrAt6pGl.js +1 -0
  36. package/components-build/p-DCwT43Kz.js +1 -0
  37. package/components-build/p-DIY3CDNL.js +1 -0
  38. package/components-build/p-DhSchGPI.js +1 -0
  39. package/components-build/p-kGnB15Lz.js +1 -0
  40. package/custom-elements.json +2588 -540
  41. package/dist/boreal-web-components/boreal-web-components.esm.js +1 -1
  42. package/dist/boreal-web-components/boreal-web-components.js +1 -1
  43. package/dist/boreal-web-components/css/boreal.css +1066 -1074
  44. package/dist/boreal-web-components/css/global.css +403 -407
  45. package/dist/boreal-web-components/css/theme-connect.css +163 -164
  46. package/dist/boreal-web-components/css/theme-engage.css +163 -164
  47. package/dist/boreal-web-components/css/theme-protect.css +163 -164
  48. package/dist/boreal-web-components/css/theme-proximus.css +164 -165
  49. package/dist/boreal-web-components/p-0028481c.entry.js +1 -0
  50. package/dist/boreal-web-components/p-127a4134.entry.js +1 -0
  51. package/dist/boreal-web-components/p-1466de58.system.entry.js +1 -0
  52. package/dist/boreal-web-components/p-1d1bb9d2.entry.js +1 -0
  53. package/dist/boreal-web-components/p-2158a7cd.entry.js +1 -0
  54. package/dist/boreal-web-components/{p-8c57e06a.entry.js → p-251b3002.entry.js} +1 -1
  55. package/dist/boreal-web-components/p-251d35df.system.entry.js +1 -0
  56. package/dist/boreal-web-components/{p-fc2cb919.entry.js → p-2b8bd1dd.entry.js} +1 -1
  57. package/dist/boreal-web-components/p-32c23246.system.entry.js +1 -0
  58. package/dist/boreal-web-components/p-3fbcc233.entry.js +1 -0
  59. package/dist/boreal-web-components/p-401f1aee.system.entry.js +1 -0
  60. package/dist/boreal-web-components/p-41b48701.system.entry.js +1 -0
  61. package/dist/boreal-web-components/p-41cac1b8.system.entry.js +1 -0
  62. package/dist/boreal-web-components/p-44ceff4e.system.entry.js +1 -0
  63. package/dist/boreal-web-components/{p-efe57901.system.entry.js → p-52600375.system.entry.js} +1 -1
  64. package/dist/boreal-web-components/p-627b19a5.system.entry.js +1 -0
  65. package/dist/boreal-web-components/p-649737e5.entry.js +1 -0
  66. package/dist/boreal-web-components/p-64cb5825.entry.js +1 -0
  67. package/dist/boreal-web-components/p-66360e63.entry.js +1 -0
  68. package/dist/boreal-web-components/p-695d0830.entry.js +1 -0
  69. package/dist/boreal-web-components/p-6a99f4c6.system.entry.js +1 -0
  70. package/dist/boreal-web-components/p-731b88cc.entry.js +1 -0
  71. package/dist/boreal-web-components/{p-22378341.system.entry.js → p-74c13bed.system.entry.js} +1 -1
  72. package/dist/boreal-web-components/p-7a4efddd.system.entry.js +1 -0
  73. package/dist/boreal-web-components/p-7db870b7.entry.js +1 -0
  74. package/dist/boreal-web-components/p-7f7ac40f.entry.js +1 -0
  75. package/dist/boreal-web-components/p-80822731.system.entry.js +1 -0
  76. package/dist/boreal-web-components/p-82d49661.entry.js +1 -0
  77. package/dist/boreal-web-components/p-83ca193e.entry.js +1 -0
  78. package/dist/boreal-web-components/p-871c9a9f.system.entry.js +1 -0
  79. package/dist/boreal-web-components/p-BQ_zoZa2.js +1 -0
  80. package/dist/boreal-web-components/p-Bfazyxqi.js +1 -0
  81. package/dist/boreal-web-components/{p-D4EFsvs1.js → p-BqJlOB6b.js} +2 -2
  82. package/dist/boreal-web-components/p-BsZkk4oK.system.js +1 -0
  83. package/dist/boreal-web-components/p-CXz1RLGi.system.js +1 -0
  84. package/dist/boreal-web-components/p-CtknSula.system.js +1 -0
  85. package/dist/boreal-web-components/p-CvK2d92c.js +1 -0
  86. package/dist/boreal-web-components/p-CzYQb3pP.js +1 -0
  87. package/dist/boreal-web-components/p-DCKg5Cg_.system.js +2 -0
  88. package/dist/boreal-web-components/p-DZcx75cy.system.js +1 -0
  89. package/dist/boreal-web-components/p-DhSchGPI.js +1 -0
  90. package/dist/boreal-web-components/{p-BkDQsB4R.system.js → p-Dme-NuTD.system.js} +1 -1
  91. package/dist/boreal-web-components/p-RhSdMyWk.system.js +1 -0
  92. package/dist/boreal-web-components/{p-5fa53a80.system.entry.js → p-ab5ffa15.system.entry.js} +1 -1
  93. package/dist/boreal-web-components/p-b12d4788.system.entry.js +1 -0
  94. package/dist/boreal-web-components/p-ba2b625a.system.entry.js +1 -0
  95. package/dist/boreal-web-components/p-bf2ef10b.entry.js +1 -0
  96. package/dist/boreal-web-components/{p-6de2b44c.system.entry.js → p-c7aee9f4.system.entry.js} +1 -1
  97. package/dist/boreal-web-components/p-e0bf8a6e.entry.js +1 -0
  98. package/dist/boreal-web-components/p-edca16b6.system.entry.js +1 -0
  99. package/dist/boreal-web-components/p-fc24d963.entry.js +1 -0
  100. package/dist/boreal-web-components/p-kGnB15Lz.js +1 -0
  101. package/dist/boreal-web-components/p-vzZJGcYF.system.js +1 -0
  102. package/dist/boreal-web-components/scss/maps/_primitives.scss +404 -408
  103. package/dist/boreal-web-components/scss/maps/_theme-connect.scss +164 -165
  104. package/dist/boreal-web-components/scss/maps/_theme-engage.scss +164 -165
  105. package/dist/boreal-web-components/scss/maps/_theme-protect.scss +164 -165
  106. package/dist/boreal-web-components/scss/maps/_theme-proximus.scss +165 -166
  107. package/dist/boreal-web-components/scss/variables/_primitives.scss +404 -408
  108. package/dist/boreal-web-components/scss/variables/_theme-connect.scss +164 -165
  109. package/dist/boreal-web-components/scss/variables/_theme-engage.scss +164 -165
  110. package/dist/boreal-web-components/scss/variables/_theme-protect.scss +164 -165
  111. package/dist/boreal-web-components/scss/variables/_theme-proximus.scss +165 -166
  112. package/dist/cjs/BaseAttributes-DBBhKt7O.js +14 -0
  113. package/dist/cjs/Keys-DbIXSJF2.js +22 -0
  114. package/dist/cjs/bds-avatar.cjs.entry.js +89 -0
  115. package/dist/cjs/bds-badge.cjs.entry.js +50 -0
  116. package/dist/cjs/bds-banner.cjs.entry.js +12 -5
  117. package/dist/cjs/bds-button.cjs.entry.js +5 -5
  118. package/dist/cjs/bds-checkbox.cjs.entry.js +6 -6
  119. package/dist/cjs/bds-dialog.cjs.entry.js +7 -6
  120. package/dist/cjs/bds-divider.cjs.entry.js +46 -0
  121. package/dist/cjs/bds-flag.cjs.entry.js +3 -3
  122. package/dist/cjs/bds-grid-item.cjs.entry.js +93 -0
  123. package/dist/cjs/bds-grid.cjs.entry.js +37 -0
  124. package/dist/cjs/bds-list-menu-item.cjs.entry.js +468 -0
  125. package/dist/cjs/bds-list-menu.cjs.entry.js +130 -0
  126. package/dist/cjs/bds-popover.cjs.entry.js +17 -8
  127. package/dist/cjs/bds-spinner.cjs.entry.js +4 -4
  128. package/dist/cjs/bds-status.cjs.entry.js +59 -0
  129. package/dist/cjs/bds-tag.cjs.entry.js +140 -0
  130. package/dist/cjs/bds-text-field.cjs.entry.js +12 -22
  131. package/dist/cjs/bds-toggle.cjs.entry.js +186 -0
  132. package/dist/cjs/bds-tooltip_2.cjs.entry.js +320 -0
  133. package/dist/cjs/boreal-web-components.cjs.js +2 -2
  134. package/dist/cjs/{anchored.mixin-CnIwkaUi.js → getOffset-m4hBgyVP.js} +42 -26
  135. package/dist/cjs/{index-BcSjvXJk.js → index-CwYIVC9N.js} +64 -0
  136. package/dist/cjs/loader.cjs.js +2 -2
  137. package/dist/cjs/{states-iIYiazaM.js → states-BweP5Vpu.js} +8 -0
  138. package/dist/cjs/validateProps-CJe9X5x8.js +42 -0
  139. package/dist/collection/collection-manifest.json +10 -0
  140. package/dist/collection/components/actions/bds-button/bds-button.js +2 -2
  141. package/dist/collection/components/actions/bds-list-menu/bds-list-menu/bds-list-menu.css +25 -0
  142. package/dist/collection/components/actions/bds-list-menu/bds-list-menu/bds-list-menu.js +301 -0
  143. package/dist/collection/components/actions/bds-list-menu/bds-list-menu-item/bds-list-menu-item.css +71 -0
  144. package/dist/collection/components/actions/bds-list-menu/bds-list-menu-item/bds-list-menu-item.js +437 -0
  145. package/dist/collection/components/actions/bds-list-menu/bds-list-menu-item/types/IListMenuItem.js +1 -0
  146. package/dist/collection/components/actions/bds-list-menu/bds-list-menu-item/types/enum.js +4 -0
  147. package/dist/collection/components/actions/bds-list-menu/bds-list-menu-item/types/types.js +1 -0
  148. package/dist/collection/components/actions/bds-toggle/bds-toggle.css +120 -0
  149. package/dist/collection/components/actions/bds-toggle/bds-toggle.js +544 -0
  150. package/dist/collection/components/actions/bds-toggle/types/IEventChange.js +1 -0
  151. package/dist/collection/components/actions/bds-toggle/types/IToggle.js +1 -0
  152. package/dist/collection/components/actions/bds-toggle/types/enum.js +4 -0
  153. package/dist/collection/components/actions/bds-toggle/types/index.js +4 -0
  154. package/dist/collection/components/actions/bds-toggle/types/types.js +1 -0
  155. package/dist/collection/components/feedback/bds-badge/bds-badge.css +76 -0
  156. package/dist/collection/components/feedback/bds-badge/bds-badge.js +120 -0
  157. package/dist/collection/components/feedback/bds-badge/types/IBadge.js +1 -0
  158. package/dist/collection/components/feedback/bds-badge/types/enum.js +5 -0
  159. package/dist/collection/components/feedback/bds-banner/bds-banner.css +1 -2
  160. package/dist/collection/components/feedback/bds-banner/bds-banner.js +30 -6
  161. package/dist/collection/components/feedback/bds-spinner/bds-spinner.css +7 -8
  162. package/dist/collection/components/feedback/bds-spinner/bds-spinner.js +1 -1
  163. package/dist/collection/components/feedback/bds-status/bds-status.css +101 -0
  164. package/dist/collection/components/feedback/bds-status/bds-status.js +122 -0
  165. package/dist/collection/components/feedback/bds-status/types/IStatus.js +1 -0
  166. package/dist/collection/components/feedback/bds-status/types/enum.js +5 -0
  167. package/dist/collection/components/feedback/bds-status/types/types.js +1 -0
  168. package/dist/collection/components/feedback/bds-tag/bds-tag.css +202 -0
  169. package/dist/collection/components/feedback/bds-tag/bds-tag.js +375 -0
  170. package/dist/collection/components/feedback/bds-tag/types/ITag.js +1 -0
  171. package/dist/collection/components/feedback/bds-tag/types/enum.js +10 -0
  172. package/dist/collection/components/feedback/bds-tag/types/index.js +3 -0
  173. package/dist/collection/components/feedback/bds-tag/types/types.js +1 -0
  174. package/dist/collection/components/forms/bds-checkbox/bds-checkbox.js +1 -1
  175. package/dist/collection/components/forms/bds-flag/bds-flag.js +1 -1
  176. package/dist/collection/components/forms/bds-text-field/bds-text-field.js +1 -1
  177. package/dist/collection/components/helpers/bds-divider.css +36 -0
  178. package/dist/collection/components/helpers/bds-divider.js +88 -0
  179. package/dist/collection/components/helpers/types/IDivider.js +1 -0
  180. package/dist/collection/components/helpers/types/enum.js +4 -0
  181. package/dist/collection/components/helpers/types/types.js +1 -0
  182. package/dist/collection/components/images-icons/bds-avatar/bds-avatar.css +52 -0
  183. package/dist/collection/components/images-icons/bds-avatar/bds-avatar.js +219 -0
  184. package/dist/collection/components/images-icons/bds-avatar/types/IAvatar.js +1 -0
  185. package/dist/collection/components/images-icons/bds-avatar/types/enum.js +5 -0
  186. package/dist/collection/components/images-icons/bds-avatar/types/index.js +3 -0
  187. package/dist/collection/components/images-icons/bds-avatar/types/types.js +1 -0
  188. package/dist/collection/components/layouts/bds-grid/grid/bds-grid.css +57 -0
  189. package/dist/collection/components/layouts/bds-grid/grid/bds-grid.js +100 -0
  190. package/dist/collection/components/layouts/bds-grid/grid/types/IGrid.js +1 -0
  191. package/dist/collection/components/layouts/bds-grid/grid/types/enum.js +4 -0
  192. package/dist/collection/components/layouts/bds-grid/grid/types/index.js +3 -0
  193. package/dist/collection/components/layouts/bds-grid/grid/types/types.js +1 -0
  194. package/dist/collection/components/layouts/bds-grid/grid-item/bds-grid-item.css +70 -0
  195. package/dist/collection/components/layouts/bds-grid/grid-item/bds-grid-item.js +306 -0
  196. package/dist/collection/components/layouts/bds-grid/grid-item/types/IGridItem.js +1 -0
  197. package/dist/collection/components/layouts/bds-grid/grid-item/types/enum.js +10 -0
  198. package/dist/collection/components/layouts/bds-grid/grid-item/types/index.js +3 -0
  199. package/dist/collection/components/layouts/bds-grid/grid-item/types/types.js +1 -0
  200. package/dist/collection/components/overlays/bds-dialog/bds-dialog.js +4 -3
  201. package/dist/collection/components/overlays/bds-popover/bds-popover.css +16 -2
  202. package/dist/collection/components/overlays/bds-popover/bds-popover.js +12 -4
  203. package/dist/collection/components/overlays/bds-popover/constants/Offset.js +1 -0
  204. package/dist/collection/components/overlays/bds-tooltip/bds-tooltip.css +2 -13
  205. package/dist/collection/components/overlays/bds-tooltip/bds-tooltip.js +4 -2
  206. package/dist/collection/components/overlays/bds-tooltip/constants/Offset.js +1 -0
  207. package/dist/collection/components/titles-text/bds-typography/bds-typography.css +4 -0
  208. package/dist/collection/components/titles-text/bds-typography/bds-typography.js +20 -19
  209. package/dist/collection/components/titles-text/bds-typography/utils/bds-typography-utils.js +2 -2
  210. package/dist/collection/css/boreal.css +1066 -1074
  211. package/dist/collection/css/global.css +403 -407
  212. package/dist/collection/css/theme-connect.css +163 -164
  213. package/dist/collection/css/theme-engage.css +163 -164
  214. package/dist/collection/css/theme-protect.css +163 -164
  215. package/dist/collection/css/theme-proximus.css +164 -165
  216. package/dist/collection/mixins/anchored.mixin.js +14 -1
  217. package/dist/collection/mixins/index.js +2 -0
  218. package/dist/collection/mixins/links.mixin.js +153 -0
  219. package/dist/collection/mixins/menu-behavior.mixin.js +113 -0
  220. package/dist/collection/scss/maps/_primitives.scss +404 -408
  221. package/dist/collection/scss/maps/_theme-connect.scss +164 -165
  222. package/dist/collection/scss/maps/_theme-engage.scss +164 -165
  223. package/dist/collection/scss/maps/_theme-protect.scss +164 -165
  224. package/dist/collection/scss/maps/_theme-proximus.scss +165 -166
  225. package/dist/collection/scss/variables/_primitives.scss +404 -408
  226. package/dist/collection/scss/variables/_theme-connect.scss +164 -165
  227. package/dist/collection/scss/variables/_theme-engage.scss +164 -165
  228. package/dist/collection/scss/variables/_theme-protect.scss +164 -165
  229. package/dist/collection/scss/variables/_theme-proximus.scss +165 -166
  230. package/dist/collection/services/floating/positioning.service.js +1 -1
  231. package/dist/collection/types/IFormProps.js +1 -0
  232. package/dist/collection/types/index.js +3 -0
  233. package/dist/collection/types/links.js +1 -0
  234. package/dist/collection/types/menu.js +8 -0
  235. package/dist/collection/types/position.js +6 -2
  236. package/dist/collection/utils/constants/common/Keys.js +12 -0
  237. package/dist/collection/utils/helpers/overlays/getOffset.js +13 -0
  238. package/dist/collection/utils/helpers/validateProps.js +21 -0
  239. package/dist/collection/utils/index.js +2 -1
  240. package/dist/collection/utils/menu/index.js +1 -0
  241. package/dist/collection/utils/menu/menu-item.utils.js +81 -0
  242. package/dist/collection/utils/{__test__ → testing}/index.js +0 -2
  243. package/dist/collection/utils/testing/mocks/console.js +30 -0
  244. package/dist/collection/utils/testing/mocks/index.js +4 -0
  245. package/dist/css/boreal.css +1066 -1074
  246. package/dist/css/global.css +403 -407
  247. package/dist/css/theme-connect.css +163 -164
  248. package/dist/css/theme-engage.css +163 -164
  249. package/dist/css/theme-protect.css +163 -164
  250. package/dist/css/theme-proximus.css +164 -165
  251. package/dist/esm/BaseAttributes-DhSchGPI.js +12 -0
  252. package/dist/esm/Keys-CzYQb3pP.js +20 -0
  253. package/dist/esm/bds-avatar.entry.js +87 -0
  254. package/dist/esm/bds-badge.entry.js +48 -0
  255. package/dist/esm/bds-banner.entry.js +12 -5
  256. package/dist/esm/bds-button.entry.js +5 -5
  257. package/dist/esm/bds-checkbox.entry.js +3 -3
  258. package/dist/esm/bds-dialog.entry.js +7 -6
  259. package/dist/esm/bds-divider.entry.js +44 -0
  260. package/dist/esm/bds-flag.entry.js +3 -3
  261. package/dist/esm/bds-grid-item.entry.js +91 -0
  262. package/dist/esm/bds-grid.entry.js +35 -0
  263. package/dist/esm/bds-list-menu-item.entry.js +466 -0
  264. package/dist/esm/bds-list-menu.entry.js +128 -0
  265. package/dist/esm/bds-popover.entry.js +16 -7
  266. package/dist/esm/bds-spinner.entry.js +4 -4
  267. package/dist/esm/bds-status.entry.js +57 -0
  268. package/dist/esm/bds-tag.entry.js +138 -0
  269. package/dist/esm/bds-text-field.entry.js +5 -15
  270. package/dist/esm/bds-toggle.entry.js +184 -0
  271. package/dist/esm/bds-tooltip_2.entry.js +317 -0
  272. package/dist/esm/boreal-web-components.js +3 -3
  273. package/dist/esm/{anchored.mixin-Y3MkGc2X.js → getOffset-DKPjeBHi.js} +40 -25
  274. package/dist/esm/{index-D4EFsvs1.js → index-BqJlOB6b.js} +64 -0
  275. package/dist/esm/loader.js +3 -3
  276. package/dist/esm/{states-BhTPNsBb.js → states-Bfazyxqi.js} +8 -1
  277. package/dist/esm/validateProps-kGnB15Lz.js +39 -0
  278. package/dist/esm-es5/BaseAttributes-DhSchGPI.js +1 -0
  279. package/dist/esm-es5/Keys-CzYQb3pP.js +1 -0
  280. package/dist/esm-es5/bds-avatar.entry.js +1 -0
  281. package/dist/esm-es5/bds-badge.entry.js +1 -0
  282. package/dist/esm-es5/bds-banner.entry.js +1 -1
  283. package/dist/esm-es5/bds-button.entry.js +1 -1
  284. package/dist/esm-es5/bds-checkbox.entry.js +1 -1
  285. package/dist/esm-es5/bds-dialog.entry.js +1 -1
  286. package/dist/esm-es5/bds-divider.entry.js +1 -0
  287. package/dist/esm-es5/bds-flag.entry.js +1 -1
  288. package/dist/esm-es5/bds-grid-item.entry.js +1 -0
  289. package/dist/esm-es5/bds-grid.entry.js +1 -0
  290. package/dist/esm-es5/bds-list-menu-item.entry.js +1 -0
  291. package/dist/esm-es5/bds-list-menu.entry.js +1 -0
  292. package/dist/esm-es5/bds-popover.entry.js +1 -1
  293. package/dist/esm-es5/bds-spinner.entry.js +1 -1
  294. package/dist/esm-es5/bds-status.entry.js +1 -0
  295. package/dist/esm-es5/bds-tag.entry.js +1 -0
  296. package/dist/esm-es5/bds-text-field.entry.js +1 -1
  297. package/dist/esm-es5/bds-toggle.entry.js +1 -0
  298. package/dist/esm-es5/bds-tooltip_2.entry.js +1 -0
  299. package/dist/esm-es5/boreal-web-components.js +1 -1
  300. package/dist/esm-es5/form-associated.mixin-CvK2d92c.js +1 -0
  301. package/dist/esm-es5/getOffset-DKPjeBHi.js +1 -0
  302. package/dist/esm-es5/index-BqJlOB6b.js +2 -0
  303. package/dist/esm-es5/loader.js +1 -1
  304. package/dist/esm-es5/states-Bfazyxqi.js +1 -0
  305. package/dist/esm-es5/validateProps-kGnB15Lz.js +1 -0
  306. package/dist/scss/maps/_primitives.scss +404 -408
  307. package/dist/scss/maps/_theme-connect.scss +164 -165
  308. package/dist/scss/maps/_theme-engage.scss +164 -165
  309. package/dist/scss/maps/_theme-protect.scss +164 -165
  310. package/dist/scss/maps/_theme-proximus.scss +165 -166
  311. package/dist/scss/variables/_primitives.scss +404 -408
  312. package/dist/scss/variables/_theme-connect.scss +164 -165
  313. package/dist/scss/variables/_theme-engage.scss +164 -165
  314. package/dist/scss/variables/_theme-protect.scss +164 -165
  315. package/dist/scss/variables/_theme-proximus.scss +165 -166
  316. package/dist/types/components/actions/bds-list-menu/bds-list-menu/bds-list-menu.d.ts +70 -0
  317. package/dist/types/components/actions/bds-list-menu/bds-list-menu-item/bds-list-menu-item.d.ts +116 -0
  318. package/dist/types/components/actions/bds-list-menu/bds-list-menu-item/types/IListMenuItem.d.ts +12 -0
  319. package/dist/types/components/actions/bds-list-menu/bds-list-menu-item/types/enum.d.ts +5 -0
  320. package/dist/types/components/actions/bds-list-menu/bds-list-menu-item/types/types.d.ts +3 -0
  321. package/dist/types/components/actions/bds-toggle/bds-toggle.d.ts +91 -0
  322. package/dist/types/components/actions/bds-toggle/types/IEventChange.d.ts +5 -0
  323. package/dist/types/components/actions/bds-toggle/types/IToggle.d.ts +12 -0
  324. package/dist/types/components/actions/bds-toggle/types/enum.d.ts +5 -0
  325. package/dist/types/components/actions/bds-toggle/types/index.d.ts +5 -0
  326. package/dist/types/components/actions/bds-toggle/types/types.d.ts +3 -0
  327. package/dist/types/components/feedback/bds-badge/bds-badge.d.ts +31 -0
  328. package/dist/types/components/feedback/bds-badge/types/IBadge.d.ts +6 -0
  329. package/dist/types/components/feedback/bds-badge/types/enum.d.ts +9 -0
  330. package/dist/types/components/feedback/bds-banner/bds-banner.d.ts +8 -4
  331. package/dist/types/components/feedback/bds-status/bds-status.d.ts +26 -0
  332. package/dist/types/components/feedback/bds-status/types/IStatus.d.ts +7 -0
  333. package/dist/types/components/feedback/bds-status/types/enum.d.ts +6 -0
  334. package/dist/types/components/feedback/bds-status/types/types.d.ts +3 -0
  335. package/dist/types/components/feedback/bds-tag/bds-tag.d.ts +71 -0
  336. package/dist/types/components/feedback/bds-tag/types/ITag.d.ts +13 -0
  337. package/dist/types/components/feedback/bds-tag/types/enum.d.ts +11 -0
  338. package/dist/types/components/feedback/bds-tag/types/index.d.ts +4 -0
  339. package/dist/types/components/feedback/bds-tag/types/types.d.ts +8 -0
  340. package/dist/types/components/forms/bds-flag/bds-flag.d.ts +3 -4
  341. package/dist/types/components/helpers/bds-divider.d.ts +26 -0
  342. package/dist/types/components/helpers/types/IDivider.d.ts +5 -0
  343. package/dist/types/components/helpers/types/enum.d.ts +5 -0
  344. package/dist/types/components/helpers/types/types.d.ts +3 -0
  345. package/dist/types/components/images-icons/bds-avatar/bds-avatar.d.ts +51 -0
  346. package/dist/types/components/images-icons/bds-avatar/types/IAvatar.d.ts +9 -0
  347. package/dist/types/components/images-icons/bds-avatar/types/enum.d.ts +6 -0
  348. package/dist/types/components/images-icons/bds-avatar/types/index.d.ts +4 -0
  349. package/dist/types/components/images-icons/bds-avatar/types/types.d.ts +3 -0
  350. package/dist/types/components/layouts/bds-grid/grid/bds-grid.d.ts +19 -0
  351. package/dist/types/components/layouts/bds-grid/grid/types/IGrid.d.ts +6 -0
  352. package/dist/types/components/layouts/bds-grid/grid/types/enum.d.ts +5 -0
  353. package/dist/types/components/layouts/bds-grid/grid/types/index.d.ts +4 -0
  354. package/dist/types/components/layouts/bds-grid/grid/types/types.d.ts +3 -0
  355. package/dist/types/components/layouts/bds-grid/grid-item/bds-grid-item.d.ts +31 -0
  356. package/dist/types/components/layouts/bds-grid/grid-item/types/IGridItem.d.ts +12 -0
  357. package/dist/types/components/layouts/bds-grid/grid-item/types/enum.d.ts +11 -0
  358. package/dist/types/components/layouts/bds-grid/grid-item/types/index.d.ts +4 -0
  359. package/dist/types/components/layouts/bds-grid/grid-item/types/types.d.ts +3 -0
  360. package/dist/types/components/overlays/bds-dialog/bds-dialog.d.ts +2 -2
  361. package/dist/types/components/overlays/bds-popover/bds-popover.d.ts +1 -0
  362. package/dist/types/components/overlays/bds-popover/constants/Offset.d.ts +2 -0
  363. package/dist/types/components/overlays/bds-tooltip/bds-tooltip.d.ts +1 -0
  364. package/dist/types/components/overlays/bds-tooltip/constants/Offset.d.ts +2 -0
  365. package/dist/types/components/titles-text/bds-typography/bds-typography.d.ts +9 -9
  366. package/dist/types/components/titles-text/bds-typography/types/ITypography.d.ts +2 -2
  367. package/dist/types/components/titles-text/bds-typography/utils/bds-typography-utils.d.ts +1 -1
  368. package/dist/types/components.d.ts +1268 -54
  369. package/dist/types/mixins/anchored.mixin.d.ts +5 -0
  370. package/dist/types/mixins/index.d.ts +2 -0
  371. package/dist/types/mixins/links.mixin.d.ts +85 -0
  372. package/dist/types/mixins/menu-behavior.mixin.d.ts +91 -0
  373. package/dist/types/types/IFormProps.d.ts +25 -0
  374. package/dist/types/types/index.d.ts +3 -0
  375. package/dist/types/types/links.d.ts +14 -0
  376. package/dist/types/types/menu.d.ts +16 -0
  377. package/dist/types/types/position.d.ts +6 -2
  378. package/dist/types/utils/constants/common/Keys.d.ts +7 -6
  379. package/dist/types/utils/helpers/overlays/getOffset.d.ts +9 -0
  380. package/dist/types/utils/helpers/validateProps.d.ts +11 -0
  381. package/dist/types/utils/index.d.ts +2 -1
  382. package/dist/types/utils/menu/index.d.ts +2 -0
  383. package/dist/types/utils/menu/menu-item.utils.d.ts +50 -0
  384. package/dist/types/utils/{__test__ → testing}/index.d.ts +0 -2
  385. package/dist/types/utils/{__test__/backdrop-mock.d.ts → testing/mocks/backdrop.d.ts} +1 -1
  386. package/dist/types/utils/testing/mocks/console.d.ts +17 -0
  387. package/dist/types/utils/{__test__/mocks/ElementInternals.d.ts → testing/mocks/elementInternals.d.ts} +1 -1
  388. package/dist/types/utils/testing/mocks/index.d.ts +5 -0
  389. package/dist/types/utils/{__test__/popover-mock.d.ts → testing/mocks/popover.d.ts} +1 -1
  390. package/package.json +1 -1
  391. package/components-build/p-B6R9EVXK.js +0 -1
  392. package/components-build/p-BSpJ_e9f.js +0 -1
  393. package/components-build/p-BYEAJCas.js +0 -1
  394. package/components-build/p-BhTPNsBb.js +0 -1
  395. package/components-build/p-CYojP4vI.js +0 -1
  396. package/components-build/p-D5omSME4.js +0 -1
  397. package/components-build/p-vfAIdwy0.js +0 -1
  398. package/dist/boreal-web-components/p-07a933df.entry.js +0 -1
  399. package/dist/boreal-web-components/p-1bb2b33f.entry.js +0 -1
  400. package/dist/boreal-web-components/p-1fccea3f.system.entry.js +0 -1
  401. package/dist/boreal-web-components/p-20af732b.system.entry.js +0 -1
  402. package/dist/boreal-web-components/p-39c26e58.entry.js +0 -1
  403. package/dist/boreal-web-components/p-6210d025.entry.js +0 -1
  404. package/dist/boreal-web-components/p-91b9e94e.entry.js +0 -1
  405. package/dist/boreal-web-components/p-9e06910d.system.entry.js +0 -1
  406. package/dist/boreal-web-components/p-BIJhHSAt.system.js +0 -1
  407. package/dist/boreal-web-components/p-BKRyWlfr.js +0 -1
  408. package/dist/boreal-web-components/p-BhTPNsBb.js +0 -1
  409. package/dist/boreal-web-components/p-DoDeP7KR.system.js +0 -1
  410. package/dist/boreal-web-components/p-Dtp4O0H2.system.js +0 -1
  411. package/dist/boreal-web-components/p-Dy7QKP9e.js +0 -1
  412. package/dist/boreal-web-components/p-GjKJvOVG.system.js +0 -2
  413. package/dist/boreal-web-components/p-ac64d4a5.system.entry.js +0 -1
  414. package/dist/boreal-web-components/p-b61fe06c.entry.js +0 -1
  415. package/dist/boreal-web-components/p-cdc87437.entry.js +0 -1
  416. package/dist/boreal-web-components/p-d8ec8557.system.entry.js +0 -1
  417. package/dist/boreal-web-components/p-ea889727.entry.js +0 -1
  418. package/dist/boreal-web-components/p-fa327346.system.entry.js +0 -1
  419. package/dist/boreal-web-components/p-sDZFaZMN.system.js +0 -1
  420. package/dist/boreal-web-components/p-vfAIdwy0.js +0 -1
  421. package/dist/cjs/bds-tooltip.cjs.entry.js +0 -152
  422. package/dist/cjs/bds-typography.cjs.entry.js +0 -168
  423. package/dist/cjs/validateProps-BNOBk1Xs.js +0 -20
  424. package/dist/collection/utils/__test__/mocks/index.js +0 -1
  425. package/dist/esm/bds-tooltip.entry.js +0 -150
  426. package/dist/esm/bds-typography.entry.js +0 -166
  427. package/dist/esm/validateProps-vfAIdwy0.js +0 -18
  428. package/dist/esm-es5/anchored.mixin-Y3MkGc2X.js +0 -1
  429. package/dist/esm-es5/bds-tooltip.entry.js +0 -1
  430. package/dist/esm-es5/bds-typography.entry.js +0 -1
  431. package/dist/esm-es5/index-D4EFsvs1.js +0 -2
  432. package/dist/esm-es5/internals-Dy7QKP9e.js +0 -1
  433. package/dist/esm-es5/states-BhTPNsBb.js +0 -1
  434. package/dist/esm-es5/validateProps-vfAIdwy0.js +0 -1
  435. package/dist/types/utils/__test__/mocks/index.d.ts +0 -2
  436. package/dist/cjs/{internals-X77qKxsK.js → form-associated.mixin-DXwvF_vW.js} +30 -30
  437. package/dist/collection/utils/{__test__ → testing}/constants.js +0 -0
  438. package/dist/collection/utils/{__test__ → testing}/fixtures.js +0 -0
  439. package/dist/collection/utils/{__test__ → testing}/helpers.js +0 -0
  440. package/dist/collection/utils/{__test__/backdrop-mock.js → testing/mocks/backdrop.js} +0 -0
  441. package/dist/collection/utils/{__test__/mocks/ElementInternals.js → testing/mocks/elementInternals.js} +0 -0
  442. package/dist/collection/utils/{__test__/popover-mock.js → testing/mocks/popover.js} +0 -0
  443. package/dist/esm/{internals-Dy7QKP9e.js → form-associated.mixin-CvK2d92c.js} +30 -30
  444. /package/dist/types/utils/{__test__ → testing}/constants.d.ts +0 -0
  445. /package/dist/types/utils/{__test__ → testing}/fixtures.d.ts +0 -0
  446. /package/dist/types/utils/{__test__ → testing}/helpers.d.ts +0 -0
@@ -1 +0,0 @@
1
- import{M as e,r as t,c as s,h as i,a,g as l}from"./p-D4EFsvs1.js";import{f as o,s as r,r as d}from"./p-Dy7QKP9e.js";import{v as h}from"./p-vfAIdwy0.js";const n={TEXT:"text",PASSWORD:"password"},b={OUTLINE:"outline",PLAIN:"plain"},c={BLUR:"blur",CHANGE:"change",INPUT:"input",SUBMIT:"submit"},f=class extends(e(o)){constructor(e){super(),t(this,e),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"),e.$hostElement$["s-ei"]?this.internals=e.$hostElement$["s-ei"]:(this.internals=e.$hostElement$.attachInternals(),e.$hostElement$["s-ei"]=this.internals),this.name="",this.disabled=!1,this.required=!1,this.isDisabled=!1,this.value="",this.error=!1,this.errorMessage="",this.customValidators=[],this.validationTiming=c.BLUR,this.type=n.TEXT,this.variant=b.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(){h(Object.values(n),n.TEXT,this.el,"type"),h(Object.values(b),b.OUTLINE,this.el,"variant"),h(Object.values(c),c.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===c.INPUT&&this.updateValidity(!0)}handleChange(e){this.bdsChange.emit({value:this.value,event:e}),this.validationTiming===c.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===c.BLUR||this.validationTiming===c.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 new 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===b.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,l=this.error&&""!==this.errorMessage?this.errorMessage:this.validationError&&""!==this.validationMessage?this.validationMessage:this.helperText,o=""!==l||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":o&&""!==l?t:void 0,"aria-invalid":this.error||this.validationError?"true":void 0,"aria-required":this.required?"true":void 0,type:this.type===n.PASSWORD&&this.showPassword?n.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===n.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===n.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})))),o&&i("div",{key:"9b47bbaff802d0c4125e45c87f1e7366418dfdcc",class:"bds-text-field__footer"},""!==l&&i("bds-typography",{key:"64265da85a16152af33b3f94c05e4d8562dc26df",id:t,variant:"helper",state:r},l),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 l(this)}static get watchers(){return{disabled:[{onDisabledChange:0}],type:[{checkPropValues:0}],variant:[{checkPropValues:0}],validationTiming:[{checkPropValues:0}],customValidators:[{onCustomValidatorsChange:0}],value:[{onValueChange:0}]}}};f.style='@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}';export{f as bds_text_field}
@@ -1 +0,0 @@
1
- var __extends=this&&this.__extends||function(){var t=function(e,o){t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var o in e)if(Object.prototype.hasOwnProperty.call(e,o))t[o]=e[o]};return t(e,o)};return function(e,o){if(typeof o!=="function"&&o!==null)throw new TypeError("Class extends value "+String(o)+" is not a constructor or null");t(e,o);function r(){this.constructor=e}e.prototype=o===null?Object.create(o):(r.prototype=o.prototype,new r)}}();System.register(["./p-GjKJvOVG.system.js","./p-BIJhHSAt.system.js","./p-BHYhd1yq.system.js"],(function(t){"use strict";var e,o,r,n,i,a;return{setters:[function(t){e=t.M;o=t.r;r=t.h;n=t.a;i=t.g},function(t){a=t.a},null],execute:function(){var l=function(){return'@charset "UTF-8";:root{--tooltip-arrow-size:var(--boreal-spacing-s);--tooltip-width:320px}.tooltip-content{position:fixed;margin:0;border:0;overflow:visible;border-radius:var(--boreal-radius-xs2);background:var(--boreal-ui-black);color:var(--boreal-text-inverse);padding:var(--boreal-spacing-2xs) var(--boreal-spacing-s);font-size:var(--boreal-typography-font-size-xs);line-height:var(--boreal-typography-line-height-xs);font-family:var(--boreal-typography-font-family-primary);border:var(--boreal-spacing-2xs) solid var(--boreal-ui-black);font-weight:var(--boreal-typography-font-weight-regular)}.tooltip-content--multiline{white-space:normal;max-width:var(--tooltip-width, 320px);word-break:break-word;text-align:center}.tooltip-arrow{position:absolute;width:var(--tooltip-arrow-size);height:var(--tooltip-arrow-size);pointer-events:none;z-index:-1}.tooltip-arrow::before{content:"";position:absolute;width:var(--tooltip-arrow-size);height:var(--tooltip-arrow-size);background:var(--boreal-ui-black);-webkit-transform:rotate(45deg);transform:rotate(45deg)}.tooltip-content[data-placement^=top] .tooltip-arrow{bottom:calc(var(--tooltip-arrow-size) / -2)}.tooltip-content[data-placement^=top] .tooltip-arrow::before{top:0}.tooltip-content[data-placement^=bottom] .tooltip-arrow{top:calc(var(--tooltip-arrow-size) / -2)}.tooltip-content[data-placement^=bottom] .tooltip-arrow::before{top:0}.tooltip-content[data-placement^=left] .tooltip-arrow{right:calc(var(--tooltip-arrow-size) / -2)}.tooltip-content[data-placement^=left] .tooltip-arrow::before{left:0}.tooltip-content[data-placement^=right] .tooltip-arrow{left:calc(var(--tooltip-arrow-size) / -2)}.tooltip-content[data-placement^=right] .tooltip-arrow::before{left:0}'};var s=t("bds_tooltip",function(t){__extends(e,t);function e(e){var r=t.call(this)||this;o(r,e);r.multiline=false;r.disabled=false;r.floatingOptions={};r.isVisible=false;return r}Object.defineProperty(e.prototype,"options",{get:function(){var t,e;return{placement:(t=this.floatingOptions.placement)!==null&&t!==void 0?t:"bottom",offset:(e=this.floatingOptions.offset)!==null&&e!==void 0?e:8,arrow:this.floatingOptions.hideArrow?undefined:this.arrowElement,strategy:"fixed"}},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"hooks",{get:function(){var t=this;return{onPositionUpdate:function(e){return t.handlePosition(e)},onBeforeShow:function(){return t.validateShow()},onBeforeHide:function(e){return t.validateHide(e)},subscribeToTrigger:function(e){return t.subscribe(e)}}},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"canShowArrow",{get:function(){return!this.floatingOptions.hideArrow||false},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"getPlacement",{get:function(){return this.floatingOptions.placement||"bottom"},enumerable:false,configurable:true});e.prototype.validateShow=function(){return!this.disabled};e.prototype.validateHide=function(t){if(this.floatingOptions.stayOnHover&&t!==undefined&&t.isConnected){var e=this.floatingContent.contains(t)||this.floatingContent===t;if(e)return false}return true};e.prototype.handlePosition=function(t){this.floatingContent.setAttribute("data-placement",t.placement);this.setArrowPosition(t)};e.prototype.setArrowPosition=function(t){var e,o;if(((e=t.middlewareData)===null||e===void 0?void 0:e.arrow)&&!this.disabled&&((o=this.arrowElement)===null||o===void 0?void 0:o.isConnected)){var r=t.middlewareData.arrow,n=r.x,i=r.y;Object.assign(this.arrowElement.style,{left:n!=null?"".concat(n,"px"):"",top:i!=null?"".concat(i,"px"):""})}};Object.defineProperty(e.prototype,"hasMultiline",{get:function(){return this.multiline!==undefined&&this.multiline},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"tooltipStyles",{get:function(){return{"tooltip-content":true,"tooltip-content--multiline":this.hasMultiline}},enumerable:false,configurable:true});e.prototype.subscribe=function(t){var e=this;if(t===undefined)return;t.setAttribute("part","tooltip-trigger");t.setAttribute("ariaDescribedBy","tooltip-content");t.addEventListener("mouseenter",(function(){return e.show()}));t.addEventListener("mouseleave",(function(t){return e.hide(t.target)}))};e.prototype.render=function(){var t=this;var e=this.tooltipStyles;return r(n,{key:"65758ffb473363eadce15b09704224a95304dbf2",class:"tooltip"},r("div",{key:"d488e67b2da3c788ccf8eb9b9eeb273b9d1c58be",id:"tooltip-content",part:"tooltip-content",class:e,popover:"manual",role:"tooltip","aria-hidden":this.isVisible?"false":"true","data-placement":this.getPlacement,"data-multiline":this.multiline,"data-hidearrow":this.canShowArrow,ref:function(e){return t.floatingContent=e}},this.canShowArrow&&r("div",{key:"de86ff5432b49a2e31d94c6c8e16f33327ef5baa",class:"tooltip-arrow",part:"arrow",ref:function(e){return t.arrowElement=e}}),r("slot",{key:"8428151ba6b9b835f721be33cc61b1bacdba7494"})))};Object.defineProperty(e.prototype,"el",{get:function(){return i(this)},enumerable:false,configurable:true});return e}(e(a)));s.style=l()}}}));
@@ -1 +0,0 @@
1
- import{M as t,r as o,h as e,a as r,g as i}from"./p-D4EFsvs1.js";import{a}from"./p-BKRyWlfr.js";import"./p-DCXSEEVH.js";const l=class extends(t(a)){constructor(t){super(),o(this,t),this.multiline=!1,this.disabled=!1,this.floatingOptions={},this.isVisible=!1}get options(){return{placement:this.floatingOptions.placement??"bottom",offset:this.floatingOptions.offset??8,arrow:this.floatingOptions.hideArrow?void 0:this.arrowElement,strategy:"fixed"}}get hooks(){return{onPositionUpdate:t=>this.handlePosition(t),onBeforeShow:()=>this.validateShow(),onBeforeHide:t=>this.validateHide(t),subscribeToTrigger:t=>this.subscribe(t)}}get canShowArrow(){return!this.floatingOptions.hideArrow||!1}get getPlacement(){return this.floatingOptions.placement||"bottom"}validateShow(){return!this.disabled}validateHide(t){return!this.floatingOptions.stayOnHover||void 0===t||!t.isConnected||!this.floatingContent.contains(t)&&this.floatingContent!==t}handlePosition(t){this.floatingContent.setAttribute("data-placement",t.placement),this.setArrowPosition(t)}setArrowPosition(t){if(t.middlewareData?.arrow&&!this.disabled&&this.arrowElement?.isConnected){const{x:o,y:e}=t.middlewareData.arrow;Object.assign(this.arrowElement.style,{left:null!=o?`${o}px`:"",top:null!=e?`${e}px`:""})}}get hasMultiline(){return void 0!==this.multiline&&this.multiline}get tooltipStyles(){return{"tooltip-content":!0,"tooltip-content--multiline":this.hasMultiline}}subscribe(t){void 0!==t&&(t.setAttribute("part","tooltip-trigger"),t.setAttribute("ariaDescribedBy","tooltip-content"),t.addEventListener("mouseenter",(()=>this.show())),t.addEventListener("mouseleave",(t=>this.hide(t.target))))}render(){return e(r,{key:"65758ffb473363eadce15b09704224a95304dbf2",class:"tooltip"},e("div",{key:"d488e67b2da3c788ccf8eb9b9eeb273b9d1c58be",id:"tooltip-content",part:"tooltip-content",class:this.tooltipStyles,popover:"manual",role:"tooltip","aria-hidden":this.isVisible?"false":"true","data-placement":this.getPlacement,"data-multiline":this.multiline,"data-hidearrow":this.canShowArrow,ref:t=>this.floatingContent=t},this.canShowArrow&&e("div",{key:"de86ff5432b49a2e31d94c6c8e16f33327ef5baa",class:"tooltip-arrow",part:"arrow",ref:t=>this.arrowElement=t}),e("slot",{key:"8428151ba6b9b835f721be33cc61b1bacdba7494"})))}get el(){return i(this)}};l.style='@charset "UTF-8";:root{--tooltip-arrow-size:var(--boreal-spacing-s);--tooltip-width:320px}.tooltip-content{position:fixed;margin:0;border:0;overflow:visible;border-radius:var(--boreal-radius-xs2);background:var(--boreal-ui-black);color:var(--boreal-text-inverse);padding:var(--boreal-spacing-2xs) var(--boreal-spacing-s);font-size:var(--boreal-typography-font-size-xs);line-height:var(--boreal-typography-line-height-xs);font-family:var(--boreal-typography-font-family-primary);border:var(--boreal-spacing-2xs) solid var(--boreal-ui-black);font-weight:var(--boreal-typography-font-weight-regular)}.tooltip-content--multiline{white-space:normal;max-width:var(--tooltip-width, 320px);word-break:break-word;text-align:center}.tooltip-arrow{position:absolute;width:var(--tooltip-arrow-size);height:var(--tooltip-arrow-size);pointer-events:none;z-index:-1}.tooltip-arrow::before{content:"";position:absolute;width:var(--tooltip-arrow-size);height:var(--tooltip-arrow-size);background:var(--boreal-ui-black);-webkit-transform:rotate(45deg);transform:rotate(45deg)}.tooltip-content[data-placement^=top] .tooltip-arrow{bottom:calc(var(--tooltip-arrow-size) / -2)}.tooltip-content[data-placement^=top] .tooltip-arrow::before{top:0}.tooltip-content[data-placement^=bottom] .tooltip-arrow{top:calc(var(--tooltip-arrow-size) / -2)}.tooltip-content[data-placement^=bottom] .tooltip-arrow::before{top:0}.tooltip-content[data-placement^=left] .tooltip-arrow{right:calc(var(--tooltip-arrow-size) / -2)}.tooltip-content[data-placement^=left] .tooltip-arrow::before{left:0}.tooltip-content[data-placement^=right] .tooltip-arrow{left:calc(var(--tooltip-arrow-size) / -2)}.tooltip-content[data-placement^=right] .tooltip-arrow::before{left:0}';export{l as bds_tooltip}
@@ -1 +0,0 @@
1
- var __assign=this&&this.__assign||function(){__assign=Object.assign||function(t){for(var e,r=1,a=arguments.length;r<a;r++){e=arguments[r];for(var i in e)if(Object.prototype.hasOwnProperty.call(e,i))t[i]=e[i]}return t};return __assign.apply(this,arguments)};var __awaiter=this&&this.__awaiter||function(t,e,r,a){function i(t){return t instanceof r?t:new r((function(e){e(t)}))}return new(r||(r=Promise))((function(r,o){function n(t){try{s(a.next(t))}catch(t){o(t)}}function l(t){try{s(a["throw"](t))}catch(t){o(t)}}function s(t){t.done?r(t.value):i(t.value).then(n,l)}s((a=a.apply(t,e||[])).next())}))};var __generator=this&&this.__generator||function(t,e){var r={label:0,sent:function(){if(o[0]&1)throw o[1];return o[1]},trys:[],ops:[]},a,i,o,n=Object.create((typeof Iterator==="function"?Iterator:Object).prototype);return n.next=l(0),n["throw"]=l(1),n["return"]=l(2),typeof Symbol==="function"&&(n[Symbol.iterator]=function(){return this}),n;function l(t){return function(e){return s([t,e])}}function s(l){if(a)throw new TypeError("Generator is already executing.");while(n&&(n=0,l[0]&&(r=0)),r)try{if(a=1,i&&(o=l[0]&2?i["return"]:l[0]?i["throw"]||((o=i["return"])&&o.call(i),0):i.next)&&!(o=o.call(i,l[1])).done)return o;if(i=0,o)l=[l[0]&2,o.value];switch(l[0]){case 0:case 1:o=l;break;case 4:r.label++;return{value:l[1],done:false};case 5:r.label++;i=l[1];l=[0];continue;case 7:l=r.ops.pop();r.trys.pop();continue;default:if(!(o=r.trys,o=o.length>0&&o[o.length-1])&&(l[0]===6||l[0]===2)){r=0;continue}if(l[0]===3&&(!o||l[1]>o[0]&&l[1]<o[3])){r.label=l[1];break}if(l[0]===6&&r.label<o[1]){r.label=o[1];o=l;break}if(o&&r.label<o[2]){r.label=o[2];r.ops.push(l);break}if(o[2])r.ops.pop();r.trys.pop();continue}l=e.call(t,r)}catch(t){l=[6,t];i=0}finally{a=o=0}if(l[0]&5)throw l[1];return{value:l[0]?l[1]:void 0,done:true}}};System.register(["./p-GjKJvOVG.system.js","./p-Dtp4O0H2.system.js","./p-BuxZeJbu.system.js"],(function(t,e){"use strict";var r,a,i,o,n,l;return{setters:[function(t){r=t.r;a=t.h;i=t.a;o=t.g},function(t){n=t.C},function(t){l=t.a}],execute:function(){var s={START:"start"};var h={XS:"xs",S:"sm",M:"md",L:"lg",XL:"xl"};var p={DISPLAY:"display",LINK:"link"};var y={P:"p",A:"a"};var g="download";var b={link:{states:[n.DISABLED],size:[h.S,h.M]},label:{states:[n.DISABLED],isRequired:true,canUseTooltip:true},heading:{canUseTooltip:true},subheading:{canUseTooltip:true},helper:{states:[n.ERROR]},display:{size:[h.XS,h.S,h.M,h.L,h.XL]}};var d=function(t,e){var r={a:{href:t.state!==n.DISABLED?t.sanitizedHref:null,target:t.target,download:t.isDownloadable?t.filename:null,rel:t.target==="_blank"?"noopener noreferrer":undefined},label:{htmlFor:t.htmlFor}};return r[e]||{}};var f=function(){return'@charset "UTF-8";.bds-typography{display:-ms-flexbox;display:flex;-webkit-box-sizing:border-box;box-sizing:border-box;font-family:var(--boreal-typography-font-family-primary);font-weight:var(--boreal-typography-font-weight-regular)}.bds-typography__required-indicator{color:var(--boreal-icon-danger-base);font-weight:var(--boreal-typography-font-weight-regular)}.bds-typography__info-icon{color:var(--boreal-icon-default-light)}.bds-typography--heading,.bds-typography--subheading{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:var(--boreal-spacing-3xs)}.bds-typography--label{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;gap:var(--boreal-spacing-3xs)}.bds-typography--display{display:block}.bds-typography--caption,.bds-typography--helper,.bds-typography--link{display:inline-block}.bds-typography--caption{font-size:var(--boreal-typography-font-size-xs);font-weight:var(--boreal-typography-font-weight-regular);line-height:var(--boreal-typography-line-height-md);color:var(--boreal-text-default-light)}.bds-typography--helper{font-size:var(--boreal-typography-font-size-xs);font-weight:var(--boreal-typography-font-weight-regular);line-height:var(--boreal-typography-line-height-sm);color:var(--boreal-text-default-light)}.bds-typography--link{font-size:var(--boreal-typography-font-size-sm);font-weight:var(--boreal-typography-font-weight-regular);line-height:var(--boreal-typography-line-height-md);color:var(--boreal-text-primary-base);text-decoration:none}.bds-typography--link:hover{text-decoration:underline}.bds-typography--link:visited{color:var(--boreal-text-primary-base)}.bds-typography--link:active{color:var(--boreal-text-primary-dark)}.bds-typography--link.bds-typography--size-sm{font-size:var(--boreal-typography-font-size-xs)}.bds-typography--link.bds-typography--size-md{font-size:var(--boreal-typography-font-size-sm)}.bds-typography--code{font-family:var(--boreal-typography-font-family-secondary);font-size:var(--boreal-typography-font-size-xs);font-weight:var(--boreal-typography-font-weight-regular);color:var(--boreal-text-default);line-height:var(--boreal-typography-line-height-md);overflow-wrap:break-word;background-color:var(--boreal-bg-neutral);padding:var(--boreal-spacing-3xs) var(--boreal-spacing-xs);border-radius:var(--boreal-radius-xs);display:inline;box-decoration-break:clone;-webkit-box-decoration-break:clone}.bds-typography--label{font-size:var(--boreal-typography-font-size-xs);font-weight:var(--boreal-typography-font-weight-semibold);line-height:var(--boreal-typography-line-height-md);color:var(--boreal-text-default-darker)}.bds-typography--display{font-weight:var(--boreal-typography-font-weight-regular);color:var(--boreal-text-default)}.bds-typography--display.bds-typography--size-sm{font-size:var(--boreal-typography-font-size-xl);line-height:var(--boreal-typography-line-height-xl)}.bds-typography--display.bds-typography--size-md{font-size:var(--boreal-typography-font-size-2xl);line-height:var(--boreal-typography-line-height-2xl)}.bds-typography--display.bds-typography--size-lg{font-size:var(--boreal-typography-font-size-3xl);line-height:var(--boreal-typography-line-height-3xl);font-weight:var(--boreal-typography-font-weight-light)}.bds-typography--display.bds-typography--size-xl{font-size:var(--boreal-typography-font-size-4xl);line-height:var(--boreal-typography-line-height-4xl);font-weight:var(--boreal-typography-font-weight-light)}.bds-typography--heading{font-size:var(--boreal-typography-font-size-lg);line-height:var(--boreal-typography-line-height-lg);font-weight:var(--boreal-typography-font-weight-regular);color:var(--boreal-text-default)}.bds-typography h1.bds-typography--heading{font-weight:var(--boreal-typography-font-weight-regular);font-size:var(--boreal-typography-font-size-4xl);line-height:var(--boreal-typography-line-height-4xl)}.bds-typography h2.bds-typography--heading{font-weight:var(--boreal-typography-font-weight-regular);font-size:var(--boreal-typography-font-size-3xl);line-height:var(--boreal-typography-line-height-3xl)}.bds-typography h3.bds-typography--heading{font-weight:var(--boreal-typography-font-weight-regular);font-size:var(--boreal-typography-font-size-2xl);line-height:var(--boreal-typography-line-height-2xl)}.bds-typography h4.bds-typography--heading{font-weight:var(--boreal-typography-font-weight-regular);font-size:var(--boreal-typography-font-size-xl);line-height:var(--boreal-typography-line-height-xl)}.bds-typography h5.bds-typography--heading{font-weight:var(--boreal-typography-font-weight-regular);font-size:var(--boreal-typography-font-size-lg);line-height:var(--boreal-typography-line-height-lg)}.bds-typography h6.bds-typography--heading{font-size:var(--boreal-typography-font-size-md);font-weight:var(--boreal-typography-font-weight-semibold);line-height:var(--boreal-typography-line-height-md)}.bds-typography--subheading{font-size:var(--boreal-typography-font-size-md);line-height:var(--boreal-typography-line-height-md);font-weight:var(--boreal-typography-font-weight-semibold)}.bds-typography--align-start{text-align:start}.bds-typography--align-center{text-align:center}.bds-typography--align-end{text-align:end}.bds-typography--align-inherit{text-align:inherit}.bds-typography--error{color:var(--boreal-text-danger-base)}.bds-typography--disabled{color:var(--boreal-text-disabled);pointer-events:none;cursor:not-allowed}.bds-typography--disabled .bds-typography__required-indicator{color:var(--boreal-text-danger-light)}.bds-typography--ellipsis{display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.bds-typography--ellipsis-multiline{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;white-space:normal;width:100%}'};var c=t("bds_typography",function(){function t(t){r(this,t);this.inheritedAttributes={};this.variant=p.DISPLAY;this.size=h.M;this.state=n.DEFAULT;this.customClass="";this.element=y.P;this.align=s.START;this.ellipsis=false;this.maxLines=1;this.tooltipText="";this.isRequired=false;this.htmlFor=undefined;this.href=null;this.target=null;this.isDownloadable=false;this.filename=g;this.sanitizedHref=""}t.prototype.updateSanitizedHref=function(){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(r){switch(r.label){case 0:if(!(this.getTagName==="a"&&this.href!==null))return[3,2];return[4,e.import("./p-B-PpI2Xv.system.js").then((function(t){return t.i}))];case 1:t=r.sent().sanitizeUrl;this.sanitizedHref=t(this.href);return[3,3];case 2:this.sanitizedHref="";r.label=3;case 3:return[2]}}))}))};t.prototype.componentWillLoad=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){switch(t.label){case 0:if(!(this.getTagName===y.A&&this.href!==null))return[3,2];return[4,this.updateSanitizedHref()];case 1:t.sent();t.label=2;case 2:this.inheritedAttributes=__assign({},l(this.el));return[2]}}))}))};Object.defineProperty(t.prototype,"getTagName",{get:function(){if(this.variant===p.LINK)return y.A;return this.element.toLowerCase()},enumerable:false,configurable:true});t.prototype.getVariantConfig=function(){var t;return(t=b[this.variant])!==null&&t!==void 0?t:{}};t.prototype.getAccessibilityTags=function(){var t=this.getVariantConfig().isRequired,e=t===void 0?null:t;var r=["a","label"].includes(this.getTagName);return{"aria-required":this.isRequired&&e,"aria-disabled":this.state===n.DISABLED&&r}};t.prototype.getVariantStateStyles=function(){var t;var e=this.getVariantConfig();return t={},t["bds-typography--".concat(this.variant)]=true,t["bds-typography--align-".concat(this.align)]=true,t["bds-typography--".concat(this.state)]=!!((e===null||e===void 0?void 0:e.states)&&(e===null||e===void 0?void 0:e.states.includes(this.state))),t["bds-typography--size-".concat(this.size)]=!!((e===null||e===void 0?void 0:e.size)&&(e===null||e===void 0?void 0:e.size.includes(this.size))),t["bds-typography--required"]=!!((e===null||e===void 0?void 0:e.isRequired)&&this.isRequired),t["bds-typography--ellipsis"]=this.ellipsis&&this.maxLines<=1,t["bds-typography--ellipsis-multiline"]=this.ellipsis&&this.maxLines>1,t[this.customClass]=this.customClass!=="",t};t.prototype.render=function(){var t=this.getTagName;var e=__assign(__assign(__assign({},d(this,t)),this.inheritedAttributes),this.getAccessibilityTags());var r=this.getVariantStateStyles();var o=this.getVariantConfig(),n=o.canUseTooltip,l=n===void 0?null:n,s=o.isRequired,h=s===void 0?null:s;return a(i,{key:"98e236475142f2be85fcc227cd507d6cb8648928",class:"bds-typography"},a(t,__assign({key:"eed74e216dc0832b5f4808ba72e1374198f60e1a",class:r,style:{webkitLineClamp:this.maxLines}},e),a("slot",{key:"cc073f2d2a3840970c62296379514884564c3473"}),this.isRequired&&h&&a("em",{key:"299a88d69856603b6e73af9567fa91b1a1e7434f",class:"bds-typography__required-indicator","aria-hidden":"true"},"*"),this.tooltipText&&l&&a("span",{key:"c8fa478a8fbd4a70d0869b4c9d523a8a0e9803bf"},a("em",{key:"0f6869a6dd7ab04b19acee773e54687dbd070af0",class:"bds-typography__info-icon bds-icon-info-circle","aria-label":this.tooltipText}),a("bds-tooltip",{key:"ec2dfc33b119bc3f60ec52e8bd10fdb16ea5cc2a"},this.tooltipText))))};Object.defineProperty(t.prototype,"el",{get:function(){return o(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{href:[{updateSanitizedHref:0}]}},enumerable:false,configurable:true});return t}());c.style=f()}}}));
@@ -1 +0,0 @@
1
- System.register([],(function(e){"use strict";return{execute:function(){e("v",n);function n(e,n,o,t){var r=o[t];if(e.includes(r))return;o[t]=n;console.warn('[BorealDS] Invalid value "'.concat(r,'" for prop "').concat(t,'" on <').concat(o.tagName.toLowerCase(),">. Expected one of: ").concat(e.join(", "),"."))}}}}));
@@ -1 +0,0 @@
1
- function o(o,e,n,a){const c=n[a];o.includes(c)||(n[a]=e,console.warn(`[BorealDS] Invalid value "${c}" for prop "${a}" on <${n.tagName.toLowerCase()}>. Expected one of: ${o.join(", ")}.`))}export{o as v}
@@ -1,152 +0,0 @@
1
- 'use strict';
2
-
3
- var index = require('./index-BcSjvXJk.js');
4
- var anchored_mixin = require('./anchored.mixin-CnIwkaUi.js');
5
- require('./floating.mixin-Bje4320w.js');
6
-
7
- const bdsTooltipCss = () => `@charset "UTF-8";:root{--tooltip-arrow-size:var(--boreal-spacing-s);--tooltip-width:320px}.tooltip-content{position:fixed;margin:0;border:0;overflow:visible;border-radius:var(--boreal-radius-xs2);background:var(--boreal-ui-black);color:var(--boreal-text-inverse);padding:var(--boreal-spacing-2xs) var(--boreal-spacing-s);font-size:var(--boreal-typography-font-size-xs);line-height:var(--boreal-typography-line-height-xs);font-family:var(--boreal-typography-font-family-primary);border:var(--boreal-spacing-2xs) solid var(--boreal-ui-black);font-weight:var(--boreal-typography-font-weight-regular)}.tooltip-content--multiline{white-space:normal;max-width:var(--tooltip-width, 320px);word-break:break-word;text-align:center}.tooltip-arrow{position:absolute;width:var(--tooltip-arrow-size);height:var(--tooltip-arrow-size);pointer-events:none;z-index:-1}.tooltip-arrow::before{content:"";position:absolute;width:var(--tooltip-arrow-size);height:var(--tooltip-arrow-size);background:var(--boreal-ui-black);-webkit-transform:rotate(45deg);transform:rotate(45deg)}.tooltip-content[data-placement^=top] .tooltip-arrow{bottom:calc(var(--tooltip-arrow-size) / -2)}.tooltip-content[data-placement^=top] .tooltip-arrow::before{top:0}.tooltip-content[data-placement^=bottom] .tooltip-arrow{top:calc(var(--tooltip-arrow-size) / -2)}.tooltip-content[data-placement^=bottom] .tooltip-arrow::before{top:0}.tooltip-content[data-placement^=left] .tooltip-arrow{right:calc(var(--tooltip-arrow-size) / -2)}.tooltip-content[data-placement^=left] .tooltip-arrow::before{left:0}.tooltip-content[data-placement^=right] .tooltip-arrow{left:calc(var(--tooltip-arrow-size) / -2)}.tooltip-content[data-placement^=right] .tooltip-arrow::before{left:0}`;
8
-
9
- const BdsTooltip = class extends index.Mixin(anchored_mixin.anchoredMixin) {
10
- constructor(hostRef) {
11
- super();
12
- index.registerInstance(this, hostRef);
13
- /**
14
- * If true, allows multiline content in the tooltip.
15
- * @default false
16
- */
17
- this.multiline = false;
18
- /**
19
- * If true, disables the tooltip.
20
- * @default false
21
- */
22
- this.disabled = false;
23
- /**
24
- * Override default options for the floating mixin.
25
- * This can be overridden by passing a different object to the `floatingOptions` prop.
26
- */
27
- this.floatingOptions = {};
28
- this.isVisible = false;
29
- }
30
- /**
31
- * Returns the resolved options for the floating mixin, merging `floatingOptions`
32
- * prop values with their defaults.
33
- *
34
- * @returns {FloatingMixinOptions} Resolved configuration used by the anchored mixin
35
- * to position the tooltip.
36
- * @override anchoredMixin.options
37
- *
38
- * @example
39
- * // floatingOptions = { placement: 'top', hideArrow: true }
40
- * this.options
41
- * return { placement: 'top', offset: 8, arrow: undefined, strategy: 'fixed' }
42
- */
43
- get options() {
44
- return {
45
- placement: this.floatingOptions.placement ?? 'bottom',
46
- offset: this.floatingOptions.offset ?? 8,
47
- arrow: this.floatingOptions.hideArrow ? undefined : this.arrowElement,
48
- strategy: 'fixed',
49
- };
50
- }
51
- /**
52
- * Returns the lifecycle hooks consumed by the anchored mixin to control
53
- * tooltip visibility and positioning.
54
- * @override anchoredMixin.hooks
55
- *
56
- * @returns {AnchoredHooks} Object containing the three hook callbacks:
57
- * - `onPositionUpdate` — called after each positioning calculation.
58
- * - `onBeforeShow` — called before the tooltip becomes visible; returning false cancels the show.
59
- * - `onBeforeHide` — called before the tooltip is hidden; returning false cancels the hide.
60
- */
61
- get hooks() {
62
- return {
63
- onPositionUpdate: result => this.handlePosition(result),
64
- onBeforeShow: () => this.validateShow(),
65
- onBeforeHide: (el) => this.validateHide(el),
66
- subscribeToTrigger: (el) => this.subscribe(el),
67
- };
68
- }
69
- get canShowArrow() {
70
- return !this.floatingOptions.hideArrow || false;
71
- }
72
- get getPlacement() {
73
- return this.floatingOptions.placement || 'bottom';
74
- }
75
- /**
76
- * Guard called by `onBeforeShow` to determine whether the tooltip is allowed to show.
77
- *
78
- * @returns {boolean} `true` if the tooltip is not disabled and may be shown; `false` otherwise.
79
- */
80
- validateShow() {
81
- return !this.disabled;
82
- }
83
- /**
84
- * Guard called by `onBeforeHide` to determine whether the tooltip is allowed to hide.
85
- * When `stayOnHover` is enabled, hides are cancelled if the pointer is moving
86
- * into the floating content element itself.
87
- *
88
- * @param target - The element the pointer is moving toward (relatedTarget of the mouseleave event).
89
- * @returns {boolean} `true` if the tooltip should hide; `false` if the hide should be cancelled.
90
- */
91
- validateHide(target) {
92
- if (this.floatingOptions.stayOnHover && target !== undefined && target.isConnected) {
93
- const goingToFloating = this.floatingContent.contains(target) || this.floatingContent === target;
94
- if (goingToFloating)
95
- return false;
96
- }
97
- return true;
98
- }
99
- /**
100
- * Callback for `onPositionUpdate`. Applies the resolved placement as a
101
- * `data-placement` attribute on the floating content element and delegates
102
- * arrow positioning to `setArrowPosition`.
103
- *
104
- * @param result - The positioning result produced by the floating middleware.
105
- */
106
- handlePosition(result) {
107
- this.floatingContent.setAttribute('data-placement', result.placement);
108
- this.setArrowPosition(result);
109
- }
110
- /**
111
- * Applies the arrow element's `x` and `y` coordinates calculated by the
112
- * floating middleware. Skips the update when the arrow element is not
113
- * connected to the DOM or when middleware data is absent.
114
- *
115
- * @param result - The positioning result that may contain `middlewareData.arrow`
116
- * with the computed `x` and `y` offsets for the arrow element.
117
- */
118
- setArrowPosition(result) {
119
- if (result.middlewareData?.arrow && !this.disabled && this.arrowElement?.isConnected) {
120
- const { x: arrowX, y: arrowY } = result.middlewareData.arrow;
121
- Object.assign(this.arrowElement.style, {
122
- left: arrowX != null ? `${arrowX}px` : '',
123
- top: arrowY != null ? `${arrowY}px` : '',
124
- });
125
- }
126
- }
127
- get hasMultiline() {
128
- return this.multiline !== undefined && this.multiline;
129
- }
130
- get tooltipStyles() {
131
- return {
132
- 'tooltip-content': true,
133
- 'tooltip-content--multiline': this.hasMultiline,
134
- };
135
- }
136
- subscribe(trigger) {
137
- if (trigger === undefined)
138
- return;
139
- trigger.setAttribute('part', 'tooltip-trigger');
140
- trigger.setAttribute('ariaDescribedBy', 'tooltip-content');
141
- trigger.addEventListener('mouseenter', () => this.show());
142
- trigger.addEventListener('mouseleave', (e) => this.hide(e.target));
143
- }
144
- render() {
145
- const classes = this.tooltipStyles;
146
- return (index.h(index.Host, { key: '65758ffb473363eadce15b09704224a95304dbf2', class: "tooltip" }, index.h("div", { key: 'd488e67b2da3c788ccf8eb9b9eeb273b9d1c58be', id: "tooltip-content", part: "tooltip-content", class: classes, popover: "manual", role: "tooltip", "aria-hidden": this.isVisible ? 'false' : 'true', "data-placement": this.getPlacement, "data-multiline": this.multiline, "data-hidearrow": this.canShowArrow, ref: el => (this.floatingContent = el) }, this.canShowArrow && (index.h("div", { key: 'de86ff5432b49a2e31d94c6c8e16f33327ef5baa', class: "tooltip-arrow", part: "arrow", ref: el => (this.arrowElement = el) })), index.h("slot", { key: '8428151ba6b9b835f721be33cc61b1bacdba7494' }))));
147
- }
148
- get el() { return index.getElement(this); }
149
- };
150
- BdsTooltip.style = bdsTooltipCss();
151
-
152
- exports.bds_tooltip = BdsTooltip;
@@ -1,168 +0,0 @@
1
- 'use strict';
2
-
3
- var index = require('./index-BcSjvXJk.js');
4
- var states = require('./states-iIYiazaM.js');
5
- var attributes = require('./attributes-wIHueigW.js');
6
-
7
- const ALIGNMENT = {
8
- START: 'start'};
9
-
10
- const SIZES = {
11
- XS: 'xs',
12
- S: 'sm',
13
- M: 'md',
14
- L: 'lg',
15
- XL: 'xl',
16
- };
17
-
18
- const VARIANT_TYPOGRAPHY = {
19
- DISPLAY: 'display',
20
- LINK: 'link'};
21
- const TAG_ELEMENT = {
22
- P: 'p',
23
- A: 'a'};
24
-
25
- /*
26
- * LINK consts
27
- */
28
- const FILENAME = 'download';
29
- /*
30
- * Variant map to apply size, state, etc, styles based on variant type
31
- */
32
- const VARIANT_CONFIG = {
33
- link: {
34
- states: [states.COMPONENT_STATES.DISABLED /* STATES.VISITED, STATES.HOVER, STATES.ACTIVE, STATES.FOCUS */],
35
- size: [SIZES.S, SIZES.M],
36
- },
37
- label: {
38
- states: [states.COMPONENT_STATES.DISABLED],
39
- isRequired: true,
40
- canUseTooltip: true,
41
- },
42
- heading: { canUseTooltip: true },
43
- subheading: { canUseTooltip: true },
44
- helper: { states: [states.COMPONENT_STATES.ERROR] },
45
- display: { size: [SIZES.XS, SIZES.S, SIZES.M, SIZES.L, SIZES.XL] },
46
- };
47
- /*
48
- * ATTRIBUTE MAP
49
- */
50
- const getAttributesByTag = (comp, tagName) => {
51
- const ATTR_MAP = {
52
- a: {
53
- href: comp.state !== states.COMPONENT_STATES.DISABLED ? comp.sanitizedHref : null,
54
- target: comp.target,
55
- download: comp.isDownloadable ? comp.filename : null,
56
- rel: comp.target === '_blank' ? 'noopener noreferrer' : undefined,
57
- },
58
- label: {
59
- htmlFor: comp.htmlFor,
60
- },
61
- };
62
- return ATTR_MAP[tagName] || {};
63
- };
64
-
65
- const bdsTypographyCss = () => `@charset "UTF-8";.bds-typography{display:-ms-flexbox;display:flex;-webkit-box-sizing:border-box;box-sizing:border-box;font-family:var(--boreal-typography-font-family-primary);font-weight:var(--boreal-typography-font-weight-regular)}.bds-typography__required-indicator{color:var(--boreal-icon-danger-base);font-weight:var(--boreal-typography-font-weight-regular)}.bds-typography__info-icon{color:var(--boreal-icon-default-light)}.bds-typography--heading,.bds-typography--subheading{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:var(--boreal-spacing-3xs)}.bds-typography--label{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;gap:var(--boreal-spacing-3xs)}.bds-typography--display{display:block}.bds-typography--caption,.bds-typography--helper,.bds-typography--link{display:inline-block}.bds-typography--caption{font-size:var(--boreal-typography-font-size-xs);font-weight:var(--boreal-typography-font-weight-regular);line-height:var(--boreal-typography-line-height-md);color:var(--boreal-text-default-light)}.bds-typography--helper{font-size:var(--boreal-typography-font-size-xs);font-weight:var(--boreal-typography-font-weight-regular);line-height:var(--boreal-typography-line-height-sm);color:var(--boreal-text-default-light)}.bds-typography--link{font-size:var(--boreal-typography-font-size-sm);font-weight:var(--boreal-typography-font-weight-regular);line-height:var(--boreal-typography-line-height-md);color:var(--boreal-text-primary-base);text-decoration:none}.bds-typography--link:hover{text-decoration:underline}.bds-typography--link:visited{color:var(--boreal-text-primary-base)}.bds-typography--link:active{color:var(--boreal-text-primary-dark)}.bds-typography--link.bds-typography--size-sm{font-size:var(--boreal-typography-font-size-xs)}.bds-typography--link.bds-typography--size-md{font-size:var(--boreal-typography-font-size-sm)}.bds-typography--code{font-family:var(--boreal-typography-font-family-secondary);font-size:var(--boreal-typography-font-size-xs);font-weight:var(--boreal-typography-font-weight-regular);color:var(--boreal-text-default);line-height:var(--boreal-typography-line-height-md);overflow-wrap:break-word;background-color:var(--boreal-bg-neutral);padding:var(--boreal-spacing-3xs) var(--boreal-spacing-xs);border-radius:var(--boreal-radius-xs);display:inline;box-decoration-break:clone;-webkit-box-decoration-break:clone}.bds-typography--label{font-size:var(--boreal-typography-font-size-xs);font-weight:var(--boreal-typography-font-weight-semibold);line-height:var(--boreal-typography-line-height-md);color:var(--boreal-text-default-darker)}.bds-typography--display{font-weight:var(--boreal-typography-font-weight-regular);color:var(--boreal-text-default)}.bds-typography--display.bds-typography--size-sm{font-size:var(--boreal-typography-font-size-xl);line-height:var(--boreal-typography-line-height-xl)}.bds-typography--display.bds-typography--size-md{font-size:var(--boreal-typography-font-size-2xl);line-height:var(--boreal-typography-line-height-2xl)}.bds-typography--display.bds-typography--size-lg{font-size:var(--boreal-typography-font-size-3xl);line-height:var(--boreal-typography-line-height-3xl);font-weight:var(--boreal-typography-font-weight-light)}.bds-typography--display.bds-typography--size-xl{font-size:var(--boreal-typography-font-size-4xl);line-height:var(--boreal-typography-line-height-4xl);font-weight:var(--boreal-typography-font-weight-light)}.bds-typography--heading{font-size:var(--boreal-typography-font-size-lg);line-height:var(--boreal-typography-line-height-lg);font-weight:var(--boreal-typography-font-weight-regular);color:var(--boreal-text-default)}.bds-typography h1.bds-typography--heading{font-weight:var(--boreal-typography-font-weight-regular);font-size:var(--boreal-typography-font-size-4xl);line-height:var(--boreal-typography-line-height-4xl)}.bds-typography h2.bds-typography--heading{font-weight:var(--boreal-typography-font-weight-regular);font-size:var(--boreal-typography-font-size-3xl);line-height:var(--boreal-typography-line-height-3xl)}.bds-typography h3.bds-typography--heading{font-weight:var(--boreal-typography-font-weight-regular);font-size:var(--boreal-typography-font-size-2xl);line-height:var(--boreal-typography-line-height-2xl)}.bds-typography h4.bds-typography--heading{font-weight:var(--boreal-typography-font-weight-regular);font-size:var(--boreal-typography-font-size-xl);line-height:var(--boreal-typography-line-height-xl)}.bds-typography h5.bds-typography--heading{font-weight:var(--boreal-typography-font-weight-regular);font-size:var(--boreal-typography-font-size-lg);line-height:var(--boreal-typography-line-height-lg)}.bds-typography h6.bds-typography--heading{font-size:var(--boreal-typography-font-size-md);font-weight:var(--boreal-typography-font-weight-semibold);line-height:var(--boreal-typography-line-height-md)}.bds-typography--subheading{font-size:var(--boreal-typography-font-size-md);line-height:var(--boreal-typography-line-height-md);font-weight:var(--boreal-typography-font-weight-semibold)}.bds-typography--align-start{text-align:start}.bds-typography--align-center{text-align:center}.bds-typography--align-end{text-align:end}.bds-typography--align-inherit{text-align:inherit}.bds-typography--error{color:var(--boreal-text-danger-base)}.bds-typography--disabled{color:var(--boreal-text-disabled);pointer-events:none;cursor:not-allowed}.bds-typography--disabled .bds-typography__required-indicator{color:var(--boreal-text-danger-light)}.bds-typography--ellipsis{display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.bds-typography--ellipsis-multiline{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;white-space:normal;width:100%}`;
66
-
67
- const BdsTypography = class {
68
- constructor(hostRef) {
69
- index.registerInstance(this, hostRef);
70
- this.inheritedAttributes = {};
71
- /** Typography visual variant. */
72
- this.variant = VARIANT_TYPOGRAPHY.DISPLAY;
73
- /** Typography size token. */
74
- this.size = SIZES.M;
75
- /** Visual state (if supported by variant). */
76
- this.state = states.COMPONENT_STATES.DEFAULT;
77
- /** Additional custom CSS class. */
78
- this.customClass = '';
79
- /** HTML tag used for rendering. */
80
- this.element = TAG_ELEMENT.P;
81
- /** Text alignment. */
82
- this.align = ALIGNMENT.START;
83
- /** Enables text ellipsis. */
84
- this.ellipsis = false;
85
- /** Max lines when ellipsis is enabled. */
86
- this.maxLines = 1;
87
- /** Tooltip text (variant must support it). */
88
- this.tooltipText = '';
89
- /** Marks the field as required. */
90
- this.isRequired = false;
91
- /** For attribute when rendered as a label. */
92
- this.htmlFor = undefined;
93
- /** Link href when rendered as anchor. */
94
- this.href = null;
95
- /** Anchor target. */
96
- this.target = null;
97
- /** Enables download behavior for anchor. */
98
- this.isDownloadable = false;
99
- /** Suggested download filename. */
100
- this.filename = FILENAME;
101
- /** Sanitized href for security. */
102
- this.sanitizedHref = '';
103
- }
104
- async updateSanitizedHref() {
105
- if (this.getTagName === 'a' && this.href !== null) {
106
- const { sanitizeUrl } = await Promise.resolve().then(function () { return require('./index-CD9v53WJ.js'); }).then(function (n) { return n.index; });
107
- this.sanitizedHref = sanitizeUrl(this.href);
108
- }
109
- else
110
- this.sanitizedHref = '';
111
- }
112
- async componentWillLoad() {
113
- if (this.getTagName === TAG_ELEMENT.A && this.href !== null)
114
- await this.updateSanitizedHref();
115
- this.inheritedAttributes = {
116
- ...attributes.inheritAriaAttributes(this.el),
117
- };
118
- }
119
- get getTagName() {
120
- if (this.variant === VARIANT_TYPOGRAPHY.LINK)
121
- return TAG_ELEMENT.A;
122
- return this.element.toLowerCase();
123
- }
124
- getVariantConfig() {
125
- return VARIANT_CONFIG[this.variant] ?? {};
126
- }
127
- getAccessibilityTags() {
128
- const { isRequired = null } = this.getVariantConfig();
129
- const isInteractiveTag = ['a', 'label'].includes(this.getTagName);
130
- return {
131
- 'aria-required': this.isRequired && isRequired,
132
- 'aria-disabled': this.state === states.COMPONENT_STATES.DISABLED && isInteractiveTag,
133
- };
134
- }
135
- getVariantStateStyles() {
136
- const config = this.getVariantConfig();
137
- return {
138
- [`bds-typography--${this.variant}`]: true,
139
- [`bds-typography--align-${this.align}`]: true,
140
- [`bds-typography--${this.state}`]: !!(config?.states && config?.states.includes(this.state)),
141
- [`bds-typography--size-${this.size}`]: !!(config?.size && config?.size.includes(this.size)),
142
- 'bds-typography--required': !!(config?.isRequired && this.isRequired),
143
- 'bds-typography--ellipsis': this.ellipsis && this.maxLines <= 1,
144
- 'bds-typography--ellipsis-multiline': this.ellipsis && this.maxLines > 1,
145
- [this.customClass]: this.customClass !== '',
146
- };
147
- }
148
- render() {
149
- const TagName = this.getTagName;
150
- const attributes = {
151
- ...getAttributesByTag(this, TagName),
152
- ...this.inheritedAttributes,
153
- ...this.getAccessibilityTags(),
154
- };
155
- const classes = this.getVariantStateStyles();
156
- const { canUseTooltip = null, isRequired = null } = this.getVariantConfig();
157
- return (index.h(index.Host, { key: '98e236475142f2be85fcc227cd507d6cb8648928', class: "bds-typography" }, index.h(TagName, { key: 'eed74e216dc0832b5f4808ba72e1374198f60e1a', class: classes, style: { webkitLineClamp: this.maxLines }, ...attributes }, index.h("slot", { key: 'cc073f2d2a3840970c62296379514884564c3473' }), this.isRequired && isRequired && (index.h("em", { key: '299a88d69856603b6e73af9567fa91b1a1e7434f', class: "bds-typography__required-indicator", "aria-hidden": "true" }, "*")), this.tooltipText && canUseTooltip && (index.h("span", { key: 'c8fa478a8fbd4a70d0869b4c9d523a8a0e9803bf' }, index.h("em", { key: '0f6869a6dd7ab04b19acee773e54687dbd070af0', class: "bds-typography__info-icon bds-icon-info-circle", "aria-label": this.tooltipText }), index.h("bds-tooltip", { key: 'ec2dfc33b119bc3f60ec52e8bd10fdb16ea5cc2a' }, this.tooltipText))))));
158
- }
159
- get el() { return index.getElement(this); }
160
- static get watchers() { return {
161
- "href": [{
162
- "updateSanitizedHref": 0
163
- }]
164
- }; }
165
- };
166
- BdsTypography.style = bdsTypographyCss();
167
-
168
- exports.bds_typography = BdsTypography;
@@ -1,20 +0,0 @@
1
- 'use strict';
2
-
3
- /**
4
- * Validates a component prop against a list of accepted values.
5
- * If the current value is invalid, the prop is reset to the fallback and a warning is issued.
6
- *
7
- * @param acceptedValues - The list of valid values for the prop.
8
- * @param fallbackValue - The value to apply when the current value is invalid.
9
- * @param element - The host element whose property will be corrected.
10
- * @param propertyName - The name of the prop to validate.
11
- */
12
- function validatePropValue(acceptedValues, fallbackValue, element, propertyName) {
13
- const currentValue = element[propertyName];
14
- if (acceptedValues.includes(currentValue))
15
- return;
16
- element[propertyName] = fallbackValue;
17
- console.warn(`[BorealDS] Invalid value "${currentValue}" for prop "${propertyName}" on <${element.tagName.toLowerCase()}>. Expected one of: ${acceptedValues.join(', ')}.`);
18
- }
19
-
20
- exports.validatePropValue = validatePropValue;
@@ -1 +0,0 @@
1
- export * from './ElementInternals';
@@ -1,150 +0,0 @@
1
- import { M as Mixin, r as registerInstance, h, a as Host, g as getElement } from './index-D4EFsvs1.js';
2
- import { a as anchoredMixin } from './anchored.mixin-Y3MkGc2X.js';
3
- import './floating.mixin-DCXSEEVH.js';
4
-
5
- const bdsTooltipCss = () => `@charset "UTF-8";:root{--tooltip-arrow-size:var(--boreal-spacing-s);--tooltip-width:320px}.tooltip-content{position:fixed;margin:0;border:0;overflow:visible;border-radius:var(--boreal-radius-xs2);background:var(--boreal-ui-black);color:var(--boreal-text-inverse);padding:var(--boreal-spacing-2xs) var(--boreal-spacing-s);font-size:var(--boreal-typography-font-size-xs);line-height:var(--boreal-typography-line-height-xs);font-family:var(--boreal-typography-font-family-primary);border:var(--boreal-spacing-2xs) solid var(--boreal-ui-black);font-weight:var(--boreal-typography-font-weight-regular)}.tooltip-content--multiline{white-space:normal;max-width:var(--tooltip-width, 320px);word-break:break-word;text-align:center}.tooltip-arrow{position:absolute;width:var(--tooltip-arrow-size);height:var(--tooltip-arrow-size);pointer-events:none;z-index:-1}.tooltip-arrow::before{content:"";position:absolute;width:var(--tooltip-arrow-size);height:var(--tooltip-arrow-size);background:var(--boreal-ui-black);-webkit-transform:rotate(45deg);transform:rotate(45deg)}.tooltip-content[data-placement^=top] .tooltip-arrow{bottom:calc(var(--tooltip-arrow-size) / -2)}.tooltip-content[data-placement^=top] .tooltip-arrow::before{top:0}.tooltip-content[data-placement^=bottom] .tooltip-arrow{top:calc(var(--tooltip-arrow-size) / -2)}.tooltip-content[data-placement^=bottom] .tooltip-arrow::before{top:0}.tooltip-content[data-placement^=left] .tooltip-arrow{right:calc(var(--tooltip-arrow-size) / -2)}.tooltip-content[data-placement^=left] .tooltip-arrow::before{left:0}.tooltip-content[data-placement^=right] .tooltip-arrow{left:calc(var(--tooltip-arrow-size) / -2)}.tooltip-content[data-placement^=right] .tooltip-arrow::before{left:0}`;
6
-
7
- const BdsTooltip = class extends Mixin(anchoredMixin) {
8
- constructor(hostRef) {
9
- super();
10
- registerInstance(this, hostRef);
11
- /**
12
- * If true, allows multiline content in the tooltip.
13
- * @default false
14
- */
15
- this.multiline = false;
16
- /**
17
- * If true, disables the tooltip.
18
- * @default false
19
- */
20
- this.disabled = false;
21
- /**
22
- * Override default options for the floating mixin.
23
- * This can be overridden by passing a different object to the `floatingOptions` prop.
24
- */
25
- this.floatingOptions = {};
26
- this.isVisible = false;
27
- }
28
- /**
29
- * Returns the resolved options for the floating mixin, merging `floatingOptions`
30
- * prop values with their defaults.
31
- *
32
- * @returns {FloatingMixinOptions} Resolved configuration used by the anchored mixin
33
- * to position the tooltip.
34
- * @override anchoredMixin.options
35
- *
36
- * @example
37
- * // floatingOptions = { placement: 'top', hideArrow: true }
38
- * this.options
39
- * return { placement: 'top', offset: 8, arrow: undefined, strategy: 'fixed' }
40
- */
41
- get options() {
42
- return {
43
- placement: this.floatingOptions.placement ?? 'bottom',
44
- offset: this.floatingOptions.offset ?? 8,
45
- arrow: this.floatingOptions.hideArrow ? undefined : this.arrowElement,
46
- strategy: 'fixed',
47
- };
48
- }
49
- /**
50
- * Returns the lifecycle hooks consumed by the anchored mixin to control
51
- * tooltip visibility and positioning.
52
- * @override anchoredMixin.hooks
53
- *
54
- * @returns {AnchoredHooks} Object containing the three hook callbacks:
55
- * - `onPositionUpdate` — called after each positioning calculation.
56
- * - `onBeforeShow` — called before the tooltip becomes visible; returning false cancels the show.
57
- * - `onBeforeHide` — called before the tooltip is hidden; returning false cancels the hide.
58
- */
59
- get hooks() {
60
- return {
61
- onPositionUpdate: result => this.handlePosition(result),
62
- onBeforeShow: () => this.validateShow(),
63
- onBeforeHide: (el) => this.validateHide(el),
64
- subscribeToTrigger: (el) => this.subscribe(el),
65
- };
66
- }
67
- get canShowArrow() {
68
- return !this.floatingOptions.hideArrow || false;
69
- }
70
- get getPlacement() {
71
- return this.floatingOptions.placement || 'bottom';
72
- }
73
- /**
74
- * Guard called by `onBeforeShow` to determine whether the tooltip is allowed to show.
75
- *
76
- * @returns {boolean} `true` if the tooltip is not disabled and may be shown; `false` otherwise.
77
- */
78
- validateShow() {
79
- return !this.disabled;
80
- }
81
- /**
82
- * Guard called by `onBeforeHide` to determine whether the tooltip is allowed to hide.
83
- * When `stayOnHover` is enabled, hides are cancelled if the pointer is moving
84
- * into the floating content element itself.
85
- *
86
- * @param target - The element the pointer is moving toward (relatedTarget of the mouseleave event).
87
- * @returns {boolean} `true` if the tooltip should hide; `false` if the hide should be cancelled.
88
- */
89
- validateHide(target) {
90
- if (this.floatingOptions.stayOnHover && target !== undefined && target.isConnected) {
91
- const goingToFloating = this.floatingContent.contains(target) || this.floatingContent === target;
92
- if (goingToFloating)
93
- return false;
94
- }
95
- return true;
96
- }
97
- /**
98
- * Callback for `onPositionUpdate`. Applies the resolved placement as a
99
- * `data-placement` attribute on the floating content element and delegates
100
- * arrow positioning to `setArrowPosition`.
101
- *
102
- * @param result - The positioning result produced by the floating middleware.
103
- */
104
- handlePosition(result) {
105
- this.floatingContent.setAttribute('data-placement', result.placement);
106
- this.setArrowPosition(result);
107
- }
108
- /**
109
- * Applies the arrow element's `x` and `y` coordinates calculated by the
110
- * floating middleware. Skips the update when the arrow element is not
111
- * connected to the DOM or when middleware data is absent.
112
- *
113
- * @param result - The positioning result that may contain `middlewareData.arrow`
114
- * with the computed `x` and `y` offsets for the arrow element.
115
- */
116
- setArrowPosition(result) {
117
- if (result.middlewareData?.arrow && !this.disabled && this.arrowElement?.isConnected) {
118
- const { x: arrowX, y: arrowY } = result.middlewareData.arrow;
119
- Object.assign(this.arrowElement.style, {
120
- left: arrowX != null ? `${arrowX}px` : '',
121
- top: arrowY != null ? `${arrowY}px` : '',
122
- });
123
- }
124
- }
125
- get hasMultiline() {
126
- return this.multiline !== undefined && this.multiline;
127
- }
128
- get tooltipStyles() {
129
- return {
130
- 'tooltip-content': true,
131
- 'tooltip-content--multiline': this.hasMultiline,
132
- };
133
- }
134
- subscribe(trigger) {
135
- if (trigger === undefined)
136
- return;
137
- trigger.setAttribute('part', 'tooltip-trigger');
138
- trigger.setAttribute('ariaDescribedBy', 'tooltip-content');
139
- trigger.addEventListener('mouseenter', () => this.show());
140
- trigger.addEventListener('mouseleave', (e) => this.hide(e.target));
141
- }
142
- render() {
143
- const classes = this.tooltipStyles;
144
- return (h(Host, { key: '65758ffb473363eadce15b09704224a95304dbf2', class: "tooltip" }, h("div", { key: 'd488e67b2da3c788ccf8eb9b9eeb273b9d1c58be', id: "tooltip-content", part: "tooltip-content", class: classes, popover: "manual", role: "tooltip", "aria-hidden": this.isVisible ? 'false' : 'true', "data-placement": this.getPlacement, "data-multiline": this.multiline, "data-hidearrow": this.canShowArrow, ref: el => (this.floatingContent = el) }, this.canShowArrow && (h("div", { key: 'de86ff5432b49a2e31d94c6c8e16f33327ef5baa', class: "tooltip-arrow", part: "arrow", ref: el => (this.arrowElement = el) })), h("slot", { key: '8428151ba6b9b835f721be33cc61b1bacdba7494' }))));
145
- }
146
- get el() { return getElement(this); }
147
- };
148
- BdsTooltip.style = bdsTooltipCss();
149
-
150
- export { BdsTooltip as bds_tooltip };