bootstrap5.js 19 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682
  1. /**
  2. * @typedef {import('../../types').MigrationModule} MigrationModule
  3. */
  4. // Script for migrating from Bootstrap4 to Bootstrap5 syntax
  5. // Inspired by https://github.com/coliff/bootstrap-5-migrate-tool/blob/main/gulpfile.js
  6. module.exports = [
  7. /**
  8. * @type {MigrationModule}
  9. */
  10. (body) => {
  11. let replacedBody = body;
  12. replacedBody = replacedBody.replace(
  13. // eslint-disable-next-line max-len
  14. /\sdata-(animation|autohide|boundary|container|content|custom-class|delay|dismiss|display|html|interval|keyboard|method|offset|pause|placement|popper-config|reference|ride|selector|slide(-to)?|target|template|title|toggle|touch|trigger|wrap)=/g,
  15. (match, p1) => {
  16. if (p1 === 'toggle' && match.includes('data-bs-toggle="')) {
  17. return match;
  18. }
  19. return ` data-bs-${p1}=`;
  20. },
  21. );
  22. replacedBody = replacedBody.replace(/\[data-toggle=/g, '[data-bs-toggle=');
  23. replacedBody = replacedBody.replace(
  24. /(<[^>]*class\s*=\s*['"][^'"]*)\bbadge-danger\b([^'"]*['"])/g,
  25. (match, p1, p2) => {
  26. return `${p1}text-bg-danger${p2}`;
  27. },
  28. );
  29. replacedBody = replacedBody.replace(
  30. /(<[^>]*class\s*=\s*['"][^'"]*)\bbadge-dark\b([^'"]*['"])/g,
  31. (match, p1, p2) => {
  32. return `${p1}text-bg-dark${p2}`;
  33. },
  34. );
  35. replacedBody = replacedBody.replace(
  36. /(<[^>]*class\s*=\s*['"][^'"]*)\bbadge-info\b([^'"]*['"])/g,
  37. (match, p1, p2) => {
  38. return `${p1}text-bg-info${p2}`;
  39. },
  40. );
  41. replacedBody = replacedBody.replace(
  42. /(<[^>]*class\s*=\s*['"][^'"]*)\bbadge-light\b([^'"]*['"])/g,
  43. (match, p1, p2) => {
  44. return `${p1}text-bg-light${p2}`;
  45. },
  46. );
  47. replacedBody = replacedBody.replace(
  48. /(<[^>]*class\s*=\s*['"][^'"]*)\bbadge-pill\b([^'"]*['"])/g,
  49. (match, p1, p2) => {
  50. return `${p1}rounded-pill${p2}`;
  51. },
  52. );
  53. replacedBody = replacedBody.replace(
  54. /(<[^>]*class\s*=\s*['"][^'"]*)\bbadge-primary\b([^'"]*['"])/g,
  55. (match, p1, p2) => {
  56. return `${p1}text-bg-primary${p2}`;
  57. },
  58. );
  59. replacedBody = replacedBody.replace(
  60. /(<[^>]*class\s*=\s*['"][^'"]*)\bbadge-secondary\b([^'"]*['"])/g,
  61. (match, p1, p2) => {
  62. return `${p1}text-bg-secondary${p2}`;
  63. },
  64. );
  65. replacedBody = replacedBody.replace(
  66. /(<[^>]*class\s*=\s*['"][^'"]*)\bbadge-success\b([^'"]*['"])/g,
  67. (match, p1, p2) => {
  68. return `${p1}text-bg-success${p2}`;
  69. },
  70. );
  71. replacedBody = replacedBody.replace(
  72. /(<[^>]*class\s*=\s*['"][^'"]*)\bbadge-warning\b([^'"]*['"])/g,
  73. (match, p1, p2) => {
  74. return `${p1}text-bg-warning${p2}`;
  75. },
  76. );
  77. replacedBody = replacedBody.replace(
  78. /(<[^>]*class\s*=\s*['"][^'"]*)\bborder-left\b([^'"]*['"])/g,
  79. (match, p1, p2) => {
  80. return `${p1}border-start${p2}`;
  81. },
  82. );
  83. replacedBody = replacedBody.replace(
  84. /(<[^>]*class\s*=\s*['"][^'"]*)\bborder-right\b([^'"]*['"])/g,
  85. (match, p1, p2) => {
  86. return `${p1}border-end${p2}`;
  87. },
  88. );
  89. replacedBody = replacedBody.replace(
  90. /(<[^>]*class\s*=\s*['"][^'"]*)\bclose\b([^'"]*['"])/g,
  91. (match, p1, p2) => {
  92. return `${p1}btn-close${p2}`;
  93. },
  94. );
  95. replacedBody = replacedBody.replace(
  96. /(<[^>]*class\s*=\s*['"][^'"]*)\bcustom-control-input\b([^'"]*['"])/g,
  97. (match, p1, p2) => {
  98. return `${p1}form-check-input${p2}`;
  99. },
  100. );
  101. replacedBody = replacedBody.replace(
  102. /(<[^>]*class\s*=\s*['"][^'"]*)\bcustom-control-label\b([^'"]*['"])/g,
  103. (match, p1, p2) => {
  104. return `${p1}form-check-label${p2}`;
  105. },
  106. );
  107. replacedBody = replacedBody.replace(
  108. /(<[^>]*class\s*=\s*['"][^'"]*)\bcustom-control custom-checkbox\b([^'"]*['"])/g,
  109. (match, p1, p2) => {
  110. return `${p1}form-check${p2}`;
  111. },
  112. );
  113. replacedBody = replacedBody.replace(
  114. /(<[^>]*class\s*=\s*['"][^'"]*)\bcustom-control custom-radio\b([^'"]*['"])/g,
  115. (match, p1, p2) => {
  116. return `${p1}form-check${p2}`;
  117. },
  118. );
  119. replacedBody = replacedBody.replace(
  120. /(<[^>]*class\s*=\s*['"][^'"]*)\bcustom-file-input\b([^'"]*['"])/g,
  121. (match, p1, p2) => {
  122. return `${p1}form-control${p2}`;
  123. },
  124. );
  125. replacedBody = replacedBody.replace(
  126. /(<[^>]*class\s*=\s*['"][^'"]*)\bcustom-file-label\b([^'"]*['"])/g,
  127. (match, p1, p2) => {
  128. return `${p1}form-label${p2}`;
  129. },
  130. );
  131. replacedBody = replacedBody.replace(
  132. /(<[^>]*class\s*=\s*['"][^'"]*)\bcustom-range\b([^'"]*['"])/g,
  133. (match, p1, p2) => {
  134. return `${p1}form-range${p2}`;
  135. },
  136. );
  137. replacedBody = replacedBody.replace(
  138. /(<[^>]*class\s*=\s*['"][^'"]*)\bcustom-select-sm\b([^'"]*['"])/g,
  139. (match, p1, p2) => {
  140. return `${p1}form-select-sm${p2}`;
  141. },
  142. );
  143. replacedBody = replacedBody.replace(
  144. /(<[^>]*class\s*=\s*['"][^'"]*)\bcustom-select-lg\b([^'"]*['"])/g,
  145. (match, p1, p2) => {
  146. return `${p1}form-select-lg${p2}`;
  147. },
  148. );
  149. replacedBody = replacedBody.replace(
  150. /(<[^>]*class\s*=\s*['"][^'"]*)\bcustom-select\b([^'"]*['"])/g,
  151. (match, p1, p2) => {
  152. return `${p1}form-select${p2}`;
  153. },
  154. );
  155. replacedBody = replacedBody.replace(
  156. /(<[^>]*class\s*=\s*['"][^'"]*)\bcustom-control custom-switch\b([^'"]*['"])/g,
  157. (match, p1, p2) => {
  158. return `${p1}form-check form-switch${p2}`;
  159. },
  160. );
  161. replacedBody = replacedBody.replace(
  162. /(<[^>]*class\s*=\s*['"][^'"]*)\bdropdown-menu-left\b([^'"]*['"])/g,
  163. (match, p1, p2) => {
  164. return `${p1}dropdown-menu-start${p2}`;
  165. },
  166. );
  167. replacedBody = replacedBody.replace(
  168. /(<[^>]*class\s*=\s*['"][^'"]*)\bdropdown-menu-sm-left\b([^'"]*['"])/g,
  169. (match, p1, p2) => {
  170. return `${p1}dropdown-menu-sm-start${p2}`;
  171. },
  172. );
  173. replacedBody = replacedBody.replace(
  174. /(<[^>]*class\s*=\s*['"][^'"]*)\bdropdown-menu-md-left\b([^'"]*['"])/g,
  175. (match, p1, p2) => {
  176. return `${p1}dropdown-menu-md-start${p2}`;
  177. },
  178. );
  179. replacedBody = replacedBody.replace(
  180. /(<[^>]*class\s*=\s*['"][^'"]*)\bdropdown-menu-lg-left\b([^'"]*['"])/g,
  181. (match, p1, p2) => {
  182. return `${p1}dropdown-menu-lg-start${p2}`;
  183. },
  184. );
  185. replacedBody = replacedBody.replace(
  186. /(<[^>]*class\s*=\s*['"][^'"]*)\bdropdown-menu-xl-left\b([^'"]*['"])/g,
  187. (match, p1, p2) => {
  188. return `${p1}dropdown-menu-xl-start${p2}`;
  189. },
  190. );
  191. replacedBody = replacedBody.replace(
  192. /(<[^>]*class\s*=\s*['"][^'"]*)\bdropdown-menu-right\b([^'"]*['"])/g,
  193. (match, p1, p2) => {
  194. return `${p1}dropdown-menu-end${p2}`;
  195. },
  196. );
  197. replacedBody = replacedBody.replace(
  198. /(<[^>]*class\s*=\s*['"][^'"]*)\bdropdown-menu-sm-right\b([^'"]*['"])/g,
  199. (match, p1, p2) => {
  200. return `${p1}dropdown-menu-sm-end${p2}`;
  201. },
  202. );
  203. replacedBody = replacedBody.replace(
  204. /(<[^>]*class\s*=\s*['"][^'"]*)\bdropdown-menu-md-right\b([^'"]*['"])/g,
  205. (match, p1, p2) => {
  206. return `${p1}dropdown-menu-md-end${p2}`;
  207. },
  208. );
  209. replacedBody = replacedBody.replace(
  210. /(<[^>]*class\s*=\s*['"][^'"]*)\bdropdown-menu-lg-right\b([^'"]*['"])/g,
  211. (match, p1, p2) => {
  212. return `${p1}dropdown-menu-lg-end${p2}`;
  213. },
  214. );
  215. replacedBody = replacedBody.replace(
  216. /(<[^>]*class\s*=\s*['"][^'"]*)\bdropdown-menu-xl-right\b([^'"]*['"])/g,
  217. (match, p1, p2) => {
  218. return `${p1}dropdown-menu-xl-end${p2}`;
  219. },
  220. );
  221. replacedBody = replacedBody.replace(
  222. /(<[^>]*class\s*=\s*['"][^'"]*)\bdropleft\b([^'"]*['"])/g,
  223. (match, p1, p2) => {
  224. return `${p1}dropstart${p2}`;
  225. },
  226. );
  227. replacedBody = replacedBody.replace(
  228. /(<[^>]*class\s*=\s*['"][^'"]*)\bdropright\b([^'"]*['"])/g,
  229. (match, p1, p2) => {
  230. return `${p1}dropend${p2}`;
  231. },
  232. );
  233. replacedBody = replacedBody.replace(
  234. /(<[^>]*class\s*=\s*['"][^'"]*)\bfloat-left\b([^'"]*['"])/g,
  235. (match, p1, p2) => {
  236. return `${p1}float-start${p2}`;
  237. },
  238. );
  239. replacedBody = replacedBody.replace(
  240. /(<[^>]*class\s*=\s*['"][^'"]*)\bfloat-sm-left\b([^'"]*['"])/g,
  241. (match, p1, p2) => {
  242. return `${p1}float-sm-start${p2}`;
  243. },
  244. );
  245. replacedBody = replacedBody.replace(
  246. /(<[^>]*class\s*=\s*['"][^'"]*)\bfloat-md-left\b([^'"]*['"])/g,
  247. (match, p1, p2) => {
  248. return `${p1}float-md-start${p2}`;
  249. },
  250. );
  251. replacedBody = replacedBody.replace(
  252. /(<[^>]*class\s*=\s*['"][^'"]*)\bfloat-lg-left\b([^'"]*['"])/g,
  253. (match, p1, p2) => {
  254. return `${p1}float-lg-start${p2}`;
  255. },
  256. );
  257. replacedBody = replacedBody.replace(
  258. /(<[^>]*class\s*=\s*['"][^'"]*)\bfloat-xl-left\b([^'"]*['"])/g,
  259. (match, p1, p2) => {
  260. return `${p1}float-xl-start${p2}`;
  261. },
  262. );
  263. replacedBody = replacedBody.replace(
  264. /(<[^>]*class\s*=\s*['"][^'"]*)\bfloat-right\b([^'"]*['"])/g,
  265. (match, p1, p2) => {
  266. return `${p1}float-end${p2}`;
  267. },
  268. );
  269. replacedBody = replacedBody.replace(
  270. /(<[^>]*class\s*=\s*['"][^'"]*)\bfloat-sm-right\b([^'"]*['"])/g,
  271. (match, p1, p2) => {
  272. return `${p1}float-sm-end${p2}`;
  273. },
  274. );
  275. replacedBody = replacedBody.replace(
  276. /(<[^>]*class\s*=\s*['"][^'"]*)\bfloat-md-right\b([^'"]*['"])/g,
  277. (match, p1, p2) => {
  278. return `${p1}float-md-end${p2}`;
  279. },
  280. );
  281. replacedBody = replacedBody.replace(
  282. /(<[^>]*class\s*=\s*['"][^'"]*)\bfloat-lg-right\b([^'"]*['"])/g,
  283. (match, p1, p2) => {
  284. return `${p1}float-lg-end${p2}`;
  285. },
  286. );
  287. replacedBody = replacedBody.replace(
  288. /(<[^>]*class\s*=\s*['"][^'"]*)\bfloat-xl-right\b([^'"]*['"])/g,
  289. (match, p1, p2) => {
  290. return `${p1}float-xl-end${p2}`;
  291. },
  292. );
  293. replacedBody = replacedBody.replace(
  294. /(<[^>]*class\s*=\s*['"][^'"]*)\bfont-italic\b([^'"]*['"])/g,
  295. (match, p1, p2) => {
  296. return `${p1}fst-italic${p2}`;
  297. },
  298. );
  299. replacedBody = replacedBody.replace(
  300. /(<[^>]*class\s*=\s*['"][^'"]*)\bfont-weight-bold\b([^'"]*['"])/g,
  301. (match, p1, p2) => {
  302. return `${p1}fw-bold${p2}`;
  303. },
  304. );
  305. replacedBody = replacedBody.replace(
  306. /(<[^>]*class\s*=\s*['"][^'"]*)\bfont-weight-bolder\b([^'"]*['"])/g,
  307. (match, p1, p2) => {
  308. return `${p1}fw-bolder${p2}`;
  309. },
  310. );
  311. replacedBody = replacedBody.replace(
  312. /(<[^>]*class\s*=\s*['"][^'"]*)\bfont-weight-light\b([^'"]*['"])/g,
  313. (match, p1, p2) => {
  314. return `${p1}fw-light${p2}`;
  315. },
  316. );
  317. replacedBody = replacedBody.replace(
  318. /(<[^>]*class\s*=\s*['"][^'"]*)\bfont-weight-lighter\b([^'"]*['"])/g,
  319. (match, p1, p2) => {
  320. return `${p1}fw-lighter${p2}`;
  321. },
  322. );
  323. replacedBody = replacedBody.replace(
  324. /(<[^>]*class\s*=\s*['"][^'"]*)\bfont-weight-normal\b([^'"]*['"])/g,
  325. (match, p1, p2) => {
  326. return `${p1}fw-normal${p2}`;
  327. },
  328. );
  329. replacedBody = replacedBody.replace(
  330. /(<[^>]*class\s*=\s*['"][^'"]*)\bform-control-file\b([^'"]*['"])/g,
  331. (match, p1, p2) => {
  332. return `${p1}form-control${p2}`;
  333. },
  334. );
  335. replacedBody = replacedBody.replace(
  336. /(<[^>]*class\s*=\s*['"][^'"]*)\bform-control-range\b([^'"]*['"])/g,
  337. (match, p1, p2) => {
  338. return `${p1}form-range${p2}`;
  339. },
  340. );
  341. replacedBody = replacedBody.replace(
  342. /(<[^>]*class\s*=\s*['"][^'"]*)\bform-group\b([^'"]*['"])/g,
  343. (match, p1, p2) => {
  344. return `${p1}mb-3${p2}`;
  345. },
  346. );
  347. replacedBody = replacedBody.replace(
  348. /(<[^>]*class\s*=\s*['"][^'"]*)\bform-inline\b([^'"]*['"])/g,
  349. (match, p1, p2) => {
  350. return `${p1}d-flex align-items-center${p2}`;
  351. },
  352. );
  353. replacedBody = replacedBody.replace(
  354. /(<[^>]*class\s*=\s*['"][^'"]*)\bform-row\b([^'"]*['"])/g,
  355. (match, p1, p2) => {
  356. return `${p1}row${p2}`;
  357. },
  358. );
  359. replacedBody = replacedBody.replace(
  360. /(<[^>]*class\s*=\s*['"][^'"]*)\bjumbotron-fluid\b([^'"]*['"])/g,
  361. (match, p1, p2) => {
  362. return `${p1}rounded-0 px-0${p2}`;
  363. },
  364. );
  365. replacedBody = replacedBody.replace(
  366. /(<[^>]*class\s*=\s*['"][^'"]*)\bjumbotron\b([^'"]*['"])/g,
  367. (match, p1, p2) => {
  368. return `${p1}bg-light mb-4 rounded-2 py-5 px-3${p2}`;
  369. },
  370. );
  371. replacedBody = replacedBody.replace(
  372. /(<[^>]*class\s*=\s*['"][^'"]*)\bmedia-body\b([^'"]*['"])/g,
  373. (match, p1, p2) => {
  374. return `${p1}flex-grow-1${p2}`;
  375. },
  376. );
  377. replacedBody = replacedBody.replace(
  378. /(<[^>]*class\s*=\s*['"][^'"]*)\bmedia\b([^'"]*['"])/g,
  379. (match, p1, p2) => {
  380. return `${p1}d-flex${p2}`;
  381. },
  382. );
  383. replacedBody = replacedBody.replace(
  384. /(<[^>]*class\s*=\s*['"][^'"]*)\bml-\b([^'"]*['"])/g,
  385. (match, p1, p2) => {
  386. return `${p1}ms-${p2}`;
  387. },
  388. );
  389. replacedBody = replacedBody.replace(
  390. /(<[^>]*class\s*=\s*['"][^'"]*)\bml-n\b([^'"]*['"])/g,
  391. (match, p1, p2) => {
  392. return `${p1}ms-n${p2}`;
  393. },
  394. );
  395. replacedBody = replacedBody.replace(
  396. /(<[^>]*class\s*=\s*['"][^'"]*)\bmr-\b([^'"]*['"])/g,
  397. (match, p1, p2) => {
  398. return `${p1}me-${p2}`;
  399. },
  400. );
  401. replacedBody = replacedBody.replace(
  402. /(<[^>]*class\s*=\s*['"][^'"]*)\bmr-n\b([^'"]*['"])/g,
  403. (match, p1, p2) => {
  404. return `${p1}me-n${p2}`;
  405. },
  406. );
  407. replacedBody = replacedBody.replace(
  408. /(<[^>]*class\s*=\s*['"][^'"]*)\bno-gutters\b([^'"]*['"])/g,
  409. (match, p1, p2) => {
  410. return `${p1}g-0${p2}`;
  411. },
  412. );
  413. replacedBody = replacedBody.replace(
  414. /(<[^>]*class\s*=\s*['"][^'"]*)\bpl-\b([^'"]*['"])/g,
  415. (match, p1, p2) => {
  416. return `${p1}ps-${p2}`;
  417. },
  418. );
  419. replacedBody = replacedBody.replace(
  420. /(<[^>]*class\s*=\s*['"][^'"]*)\bpr-\b([^'"]*['"])/g,
  421. (match, p1, p2) => {
  422. return `${p1}pe-${p2}`;
  423. },
  424. );
  425. replacedBody = replacedBody.replace(
  426. /(<[^>]*class\s*=\s*['"][^'"]*)\bpre-scrollable\b([^'"]*['"])/g,
  427. (match, p1, p2) => {
  428. return `${p1}overflow-y-scroll${p2}`;
  429. },
  430. );
  431. replacedBody = replacedBody.replace(
  432. /(<[^>]*class\s*=\s*['"][^'"]*)\bembed-responsive-item\b([^'"]*['"])/g,
  433. (match, p1, p2) => {
  434. return `${p1}${p2}`;
  435. },
  436. );
  437. replacedBody = replacedBody.replace(
  438. /(<[^>]*class\s*=\s*['"][^'"]*)\bembed-responsive-16by9\b([^'"]*['"])/g,
  439. (match, p1, p2) => {
  440. return `${p1}ratio-16x9${p2}`;
  441. },
  442. );
  443. replacedBody = replacedBody.replace(
  444. /(<[^>]*class\s*=\s*['"][^'"]*)\bembed-responsive-1by1\b([^'"]*['"])/g,
  445. (match, p1, p2) => {
  446. return `${p1}ratio-1x1${p2}`;
  447. },
  448. );
  449. replacedBody = replacedBody.replace(
  450. /(<[^>]*class\s*=\s*['"][^'"]*)\bembed-responsive-21by9\b([^'"]*['"])/g,
  451. (match, p1, p2) => {
  452. return `${p1}ratio-21x9${p2}`;
  453. },
  454. );
  455. replacedBody = replacedBody.replace(
  456. /(<[^>]*class\s*=\s*['"][^'"]*)\bembed-responsive-4by3\b([^'"]*['"])/g,
  457. (match, p1, p2) => {
  458. return `${p1}ratio-4x3${p2}`;
  459. },
  460. );
  461. replacedBody = replacedBody.replace(
  462. /(<[^>]*class\s*=\s*['"][^'"]*)\bembed-responsive\b([^'"]*['"])/g,
  463. (match, p1, p2) => {
  464. return `${p1}ratio${p2}`;
  465. },
  466. );
  467. replacedBody = replacedBody.replace(
  468. /(<[^>]*class\s*=\s*['"][^'"]*)\brounded-left\b([^'"]*['"])/g,
  469. (match, p1, p2) => {
  470. return `${p1}rounded-start${p2}`;
  471. },
  472. );
  473. replacedBody = replacedBody.replace(
  474. /(<[^>]*class\s*=\s*['"][^'"]*)\brounded-lg\b([^'"]*['"])/g,
  475. (match, p1, p2) => {
  476. return `${p1}rounded-3${p2}`;
  477. },
  478. );
  479. replacedBody = replacedBody.replace(
  480. /(<[^>]*class\s*=\s*['"][^'"]*)\brounded-right\b([^'"]*['"])/g,
  481. (match, p1, p2) => {
  482. return `${p1}rounded-end${p2}`;
  483. },
  484. );
  485. replacedBody = replacedBody.replace(
  486. /(<[^>]*class\s*=\s*['"][^'"]*)\brounded-sm\b([^'"]*['"])/g,
  487. (match, p1, p2) => {
  488. return `${p1}rounded-1${p2}`;
  489. },
  490. );
  491. replacedBody = replacedBody.replace(
  492. /(<[^>]*class\s*=\s*['"][^'"]*)\bsr-only-focusable\b([^'"]*['"])/g,
  493. (match, p1, p2) => {
  494. return `${p1}visually-hidden-focusable${p2}`;
  495. },
  496. );
  497. replacedBody = replacedBody.replace(
  498. /(<[^>]*class\s*=\s*['"][^'"]*)\bsr-only\b([^'"]*['"])/g,
  499. (match, p1, p2) => {
  500. return `${p1}visually-hidden${p2}`;
  501. },
  502. );
  503. replacedBody = replacedBody.replace(
  504. /(<[^>]*class\s*=\s*['"][^'"]*)\btext-hide\b([^'"]*['"])/g,
  505. (match, p1, p2) => {
  506. return `${p1}d-none${p2}`;
  507. },
  508. );
  509. replacedBody = replacedBody.replace(
  510. /(<[^>]*class\s*=\s*['"][^'"]*)\btext-left\b([^'"]*['"])/g,
  511. (match, p1, p2) => {
  512. return `${p1}text-start${p2}`;
  513. },
  514. );
  515. replacedBody = replacedBody.replace(
  516. /(<[^>]*class\s*=\s*['"][^'"]*)\btext-sm-left\b([^'"]*['"])/g,
  517. (match, p1, p2) => {
  518. return `${p1}text-sm-start${p2}`;
  519. },
  520. );
  521. replacedBody = replacedBody.replace(
  522. /(<[^>]*class\s*=\s*['"][^'"]*)\btext-md-left\b([^'"]*['"])/g,
  523. (match, p1, p2) => {
  524. return `${p1}text-md-start${p2}`;
  525. },
  526. );
  527. replacedBody = replacedBody.replace(
  528. /(<[^>]*class\s*=\s*['"][^'"]*)\btext-lg-left\b([^'"]*['"])/g,
  529. (match, p1, p2) => {
  530. return `${p1}text-lg-start${p2}`;
  531. },
  532. );
  533. replacedBody = replacedBody.replace(
  534. /(<[^>]*class\s*=\s*['"][^'"]*)\btext-xl-left\b([^'"]*['"])/g,
  535. (match, p1, p2) => {
  536. return `${p1}text-xl-start${p2}`;
  537. },
  538. );
  539. replacedBody = replacedBody.replace(
  540. /(<[^>]*class\s*=\s*['"][^'"]*)\btext-right\b([^'"]*['"])/g,
  541. (match, p1, p2) => {
  542. return `${p1}text-end${p2}`;
  543. },
  544. );
  545. replacedBody = replacedBody.replace(
  546. /(<[^>]*class\s*=\s*['"][^'"]*)\btext-sm-right\b([^'"]*['"])/g,
  547. (match, p1, p2) => {
  548. return `${p1}text-sm-end${p2}`;
  549. },
  550. );
  551. replacedBody = replacedBody.replace(
  552. /(<[^>]*class\s*=\s*['"][^'"]*)\btext-md-right\b([^'"]*['"])/g,
  553. (match, p1, p2) => {
  554. return `${p1}text-md-end${p2}`;
  555. },
  556. );
  557. replacedBody = replacedBody.replace(
  558. /(<[^>]*class\s*=\s*['"][^'"]*)\btext-lg-right\b([^'"]*['"])/g,
  559. (match, p1, p2) => {
  560. return `${p1}text-lg-end${p2}`;
  561. },
  562. );
  563. replacedBody = replacedBody.replace(
  564. /(<[^>]*class\s*=\s*['"][^'"]*)\btext-xl-right\b([^'"]*['"])/g,
  565. (match, p1, p2) => {
  566. return `${p1}text-xl-end${p2}`;
  567. },
  568. );
  569. replacedBody = replacedBody.replace(
  570. /(<[^>]*class\s*=\s*['"][^'"]*)\btext-monospace\b([^'"]*['"])/g,
  571. (match, p1, p2) => {
  572. return `${p1}font-monospace${p2}`;
  573. },
  574. );
  575. replacedBody = replacedBody.replace(
  576. /<select([^>]*)\bclass=['"]([^'"]*)form-control(-lg|-sm)?([^'"]*)['"]([^>]*)>/g, '<select$1class="$2form-select$3$4"$5>',
  577. );
  578. replacedBody = replacedBody.replace(/<select([^>]*)\bclass=['"]([^'"]*)form-control\b([^'"]*['"])/g, '<select$1class="$2form-select$3');
  579. replacedBody = replacedBody.replace('<span aria-hidden="true">&times;</span>', '');
  580. return replacedBody;
  581. },
  582. ];