@brandsync/wc 1.12.0 → 1.13.0

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 (500) hide show
  1. package/CHANGELOG.md +24 -0
  2. package/CONVENTIONS.md +109 -0
  3. package/REFERENCE.md +1357 -0
  4. package/custom-elements.json +2628 -338
  5. package/dist/brandsync-wc/brandsync-wc.css +1 -1783
  6. package/dist/brandsync-wc/brandsync-wc.esm.js +1 -1
  7. package/dist/brandsync-wc/{p-83c90489.entry.js → p-00be9a64.entry.js} +1 -1
  8. package/dist/brandsync-wc/{p-b9ccd9d1.entry.js → p-020cb767.entry.js} +1 -1
  9. package/dist/brandsync-wc/p-046a53de.entry.js +1 -0
  10. package/dist/brandsync-wc/{p-282ddbee.entry.js → p-07966676.entry.js} +1 -1
  11. package/dist/brandsync-wc/p-0cb6fc39.entry.js +1 -0
  12. package/dist/brandsync-wc/{p-2497d128.entry.js → p-0e940ee1.entry.js} +1 -1
  13. package/dist/brandsync-wc/{p-e5daa6ca.entry.js → p-10290c41.entry.js} +1 -1
  14. package/dist/brandsync-wc/{p-e2556b4e.entry.js → p-144b6ac8.entry.js} +1 -1
  15. package/dist/brandsync-wc/p-1b5cc9b8.entry.js +1 -0
  16. package/dist/brandsync-wc/p-23b56775.entry.js +1 -0
  17. package/dist/brandsync-wc/{p-a9169157.entry.js → p-23cc532f.entry.js} +1 -1
  18. package/dist/brandsync-wc/{p-81605b82.entry.js → p-361aef36.entry.js} +1 -1
  19. package/dist/brandsync-wc/{p-89fabf27.entry.js → p-3789c7a5.entry.js} +1 -1
  20. package/dist/brandsync-wc/p-3f6682f8.entry.js +1 -0
  21. package/dist/brandsync-wc/{p-f5180578.entry.js → p-4054a944.entry.js} +1 -1
  22. package/dist/brandsync-wc/{p-fc069773.entry.js → p-45cb3e6d.entry.js} +1 -1
  23. package/dist/brandsync-wc/{p-de110ad0.entry.js → p-47b7fe76.entry.js} +1 -1
  24. package/dist/brandsync-wc/{p-2f4e08e1.entry.js → p-47cd19aa.entry.js} +1 -1
  25. package/dist/brandsync-wc/{p-3a1af63a.entry.js → p-4bbc4809.entry.js} +1 -1
  26. package/dist/brandsync-wc/{p-247e36ad.entry.js → p-4ea435a6.entry.js} +1 -1
  27. package/dist/brandsync-wc/{p-56c37e0a.entry.js → p-4ea9b6a1.entry.js} +1 -1
  28. package/dist/brandsync-wc/{p-1978e63c.entry.js → p-53362609.entry.js} +1 -1
  29. package/dist/brandsync-wc/p-658532b7.entry.js +1 -0
  30. package/dist/brandsync-wc/p-68f0be29.entry.js +1 -0
  31. package/dist/brandsync-wc/{p-09bc1923.entry.js → p-694fe468.entry.js} +1 -1
  32. package/dist/brandsync-wc/{p-78f4fcf0.entry.js → p-6ca1e51b.entry.js} +1 -1
  33. package/dist/brandsync-wc/{p-52cb2358.entry.js → p-6e923ebc.entry.js} +1 -1
  34. package/dist/brandsync-wc/p-7e24dbd7.entry.js +1 -0
  35. package/dist/brandsync-wc/{p-00a0d489.entry.js → p-8048d033.entry.js} +1 -1
  36. package/dist/brandsync-wc/{p-2368a92e.entry.js → p-8184d7de.entry.js} +1 -1
  37. package/dist/brandsync-wc/p-8390a155.entry.js +1 -0
  38. package/dist/brandsync-wc/{p-0b2d3b7e.entry.js → p-86028548.entry.js} +1 -1
  39. package/dist/brandsync-wc/{p-fcee0dc4.entry.js → p-89fa7567.entry.js} +1 -1
  40. package/dist/brandsync-wc/{p-7796b93f.entry.js → p-8c9938a5.entry.js} +1 -1
  41. package/dist/brandsync-wc/{p-68fcd4a4.entry.js → p-9125632c.entry.js} +1 -1
  42. package/dist/brandsync-wc/{p-416322bd.entry.js → p-94d435a2.entry.js} +1 -1
  43. package/dist/brandsync-wc/{p-69c0a85d.entry.js → p-95f034fc.entry.js} +1 -1
  44. package/dist/brandsync-wc/p-9b58c0c5.entry.js +1 -0
  45. package/dist/brandsync-wc/{p-39a26c64.entry.js → p-9cf8274a.entry.js} +1 -1
  46. package/dist/brandsync-wc/p-9d12b1fb.entry.js +1 -0
  47. package/dist/brandsync-wc/{p-5ba90a13.entry.js → p-9d660c03.entry.js} +1 -1
  48. package/dist/brandsync-wc/p-D3SkQJpw.js +3 -0
  49. package/dist/brandsync-wc/{p-7f954939.entry.js → p-a28ef52e.entry.js} +1 -1
  50. package/dist/brandsync-wc/{p-09435f41.entry.js → p-a5659499.entry.js} +1 -1
  51. package/dist/brandsync-wc/p-ab07c9b5.entry.js +1 -0
  52. package/dist/brandsync-wc/p-b0b2e525.entry.js +1 -0
  53. package/dist/brandsync-wc/p-b6ac1b50.entry.js +1 -0
  54. package/dist/brandsync-wc/p-bee30626.entry.js +1 -0
  55. package/dist/brandsync-wc/p-bf8bd386.entry.js +1 -0
  56. package/dist/brandsync-wc/{p-1aab6d07.entry.js → p-c05ee501.entry.js} +1 -1
  57. package/dist/brandsync-wc/p-c3da3080.entry.js +1 -0
  58. package/dist/brandsync-wc/p-c679b631.entry.js +1 -0
  59. package/dist/brandsync-wc/p-cceb8484.entry.js +1 -0
  60. package/dist/brandsync-wc/p-cd53bba9.entry.js +1 -0
  61. package/dist/brandsync-wc/p-ce16f038.entry.js +1 -0
  62. package/dist/brandsync-wc/{p-491b51e6.entry.js → p-d5a6098d.entry.js} +1 -1
  63. package/dist/brandsync-wc/{p-f15d9524.entry.js → p-d64cae57.entry.js} +1 -1
  64. package/dist/brandsync-wc/p-dfad8c0a.entry.js +1 -0
  65. package/dist/brandsync-wc/p-e0504a4b.entry.js +1 -0
  66. package/dist/brandsync-wc/{p-0ee4126c.entry.js → p-e1b7bea7.entry.js} +1 -1
  67. package/dist/brandsync-wc/{p-0b7c77c1.entry.js → p-e65d286c.entry.js} +1 -1
  68. package/dist/brandsync-wc/p-ed5c2d97.entry.js +1 -0
  69. package/dist/brandsync-wc/p-f134a502.entry.js +1 -0
  70. package/dist/brandsync-wc/p-f271e1d2.entry.js +1 -0
  71. package/dist/brandsync-wc/{p-3f09296a.entry.js → p-f3eca1ce.entry.js} +1 -1
  72. package/dist/brandsync-wc/{p-617bd13a.entry.js → p-f8d47004.entry.js} +1 -1
  73. package/dist/brandsync-wc/p-fa34fe20.entry.js +1 -0
  74. package/dist/brandsync-wc/{p-2177042f.entry.js → p-fa6b9750.entry.js} +1 -1
  75. package/dist/brandsync-wc/p-fb4d0093.entry.js +1 -0
  76. package/dist/brandsync-wc/{p-78a69a59.entry.js → p-fc76031e.entry.js} +1 -1
  77. package/dist/brandsync-wc/{p-be3dd446.entry.js → p-ffc07eb5.entry.js} +1 -1
  78. package/dist/cjs/brandsync-wc.cjs.js +2 -2
  79. package/dist/cjs/bs-accordion-group.cjs.entry.js +33 -0
  80. package/dist/cjs/bs-accordion.cjs.entry.js +1 -1
  81. package/dist/cjs/bs-ai-disclaimer.cjs.entry.js +2 -2
  82. package/dist/cjs/bs-ai-greeting.cjs.entry.js +2 -2
  83. package/dist/cjs/bs-ai-thinking.cjs.entry.js +2 -2
  84. package/dist/cjs/bs-attachment-list.cjs.entry.js +2 -2
  85. package/dist/cjs/bs-attachment.cjs.entry.js +9 -5
  86. package/dist/cjs/bs-avatar.cjs.entry.js +1 -1
  87. package/dist/cjs/bs-badge.cjs.entry.js +1 -1
  88. package/dist/cjs/bs-breadcrumb-overflow.cjs.entry.js +1 -1
  89. package/dist/cjs/bs-breadcrumb.cjs.entry.js +1 -1
  90. package/dist/cjs/bs-breadcrumbs.cjs.entry.js +2 -2
  91. package/dist/cjs/bs-button-skeleton.cjs.entry.js +4 -2
  92. package/dist/cjs/bs-button.cjs.entry.js +1 -1
  93. package/dist/cjs/bs-card.cjs.entry.js +1 -1
  94. package/dist/cjs/bs-carousel.cjs.entry.js +1 -1
  95. package/dist/cjs/bs-chatbot-feedback.cjs.entry.js +18 -2
  96. package/dist/cjs/bs-chatbot-header.cjs.entry.js +20 -2
  97. package/dist/cjs/bs-chatbot-response-action.cjs.entry.js +25 -3
  98. package/dist/cjs/bs-chatbot-sources-drawer.cjs.entry.js +4 -2
  99. package/dist/cjs/bs-chatbot-suggestion-button.cjs.entry.js +3 -3
  100. package/dist/cjs/bs-checkbox-skeleton.cjs.entry.js +4 -2
  101. package/dist/cjs/bs-checkbox.cjs.entry.js +1 -1
  102. package/dist/cjs/bs-chip-filter.cjs.entry.js +1 -1
  103. package/dist/cjs/bs-chip-informative.cjs.entry.js +1 -1
  104. package/dist/cjs/bs-chip-input.cjs.entry.js +4 -2
  105. package/dist/cjs/bs-citation-preview.cjs.entry.js +29 -0
  106. package/dist/cjs/bs-composer-status-banner.cjs.entry.js +11 -3
  107. package/dist/cjs/bs-composer.cjs.entry.js +36 -7
  108. package/dist/cjs/bs-cookie-consent.cjs.entry.js +1 -1
  109. package/dist/cjs/bs-data-table.cjs.entry.js +5 -3
  110. package/dist/cjs/bs-datepicker.cjs.entry.js +1 -1
  111. package/dist/cjs/bs-dialog.cjs.entry.js +4 -2
  112. package/dist/cjs/bs-error-page.cjs.entry.js +1 -1
  113. package/dist/cjs/bs-file-upload-item.cjs.entry.js +1 -1
  114. package/dist/cjs/bs-file-upload.cjs.entry.js +1 -1
  115. package/dist/cjs/bs-icon-button.cjs.entry.js +1 -1
  116. package/dist/cjs/bs-icon-tile.cjs.entry.js +1 -1
  117. package/dist/cjs/bs-inline-tab.cjs.entry.js +2 -2
  118. package/dist/cjs/bs-input_3.cjs.entry.js +16 -8
  119. package/dist/cjs/bs-logo.cjs.entry.js +1 -1
  120. package/dist/cjs/bs-message-list.cjs.entry.js +71 -0
  121. package/dist/cjs/bs-message.cjs.entry.js +25 -0
  122. package/dist/cjs/bs-navigation-drawer-item.cjs.entry.js +2 -2
  123. package/dist/cjs/bs-navigation-drawer.cjs.entry.js +9 -3
  124. package/dist/cjs/bs-navigation-header.cjs.entry.js +2 -2
  125. package/dist/cjs/bs-onboarding-checklist.cjs.entry.js +1 -1
  126. package/dist/cjs/bs-pagination.cjs.entry.js +6 -2
  127. package/dist/cjs/bs-popover.cjs.entry.js +153 -0
  128. package/dist/cjs/bs-product-tour.cjs.entry.js +1 -1
  129. package/dist/cjs/bs-progress-linear.cjs.entry.js +3 -3
  130. package/dist/cjs/bs-progress.cjs.entry.js +3 -3
  131. package/dist/cjs/bs-qr-code.cjs.entry.js +2 -2
  132. package/dist/cjs/bs-radio.cjs.entry.js +2 -2
  133. package/dist/cjs/bs-session-timeout.cjs.entry.js +2 -2
  134. package/dist/cjs/bs-side-panel.cjs.entry.js +164 -0
  135. package/dist/cjs/bs-skeleton.cjs.entry.js +51 -0
  136. package/dist/cjs/bs-slider.cjs.entry.js +7 -3
  137. package/dist/cjs/bs-snackbar.cjs.entry.js +2 -2
  138. package/dist/cjs/bs-source-link.cjs.entry.js +3 -3
  139. package/dist/cjs/bs-spinner.cjs.entry.js +24 -0
  140. package/dist/cjs/bs-stepper-step.cjs.entry.js +2 -2
  141. package/dist/cjs/bs-stepper.cjs.entry.js +2 -2
  142. package/dist/cjs/bs-switch.cjs.entry.js +2 -2
  143. package/dist/cjs/bs-tab_3.cjs.entry.js +4 -4
  144. package/dist/cjs/bs-timepicker.cjs.entry.js +8 -4
  145. package/dist/cjs/bs-toast.cjs.entry.js +4 -2
  146. package/dist/cjs/bs-tooltip-trigger.cjs.entry.js +46 -0
  147. package/dist/cjs/bs-tooltip.cjs.entry.js +2 -2
  148. package/dist/cjs/bs-whats-new.cjs.entry.js +1 -1
  149. package/dist/cjs/index-BYfMRtlW.js +1863 -0
  150. package/dist/cjs/loader.cjs.js +2 -2
  151. package/dist/collection/collection-manifest.json +9 -0
  152. package/dist/collection/components/bs-accordion-group/bs-accordion-group.cmp.test.js +39 -0
  153. package/dist/collection/components/bs-accordion-group/bs-accordion-group.css +10 -0
  154. package/dist/collection/components/bs-accordion-group/bs-accordion-group.js +86 -0
  155. package/dist/collection/components/bs-accordion-group/bs-accordion-group.stories.js +18 -0
  156. package/dist/collection/components/bs-ai-disclaimer/bs-ai-disclaimer.js +1 -1
  157. package/dist/collection/components/bs-ai-greeting/bs-ai-greeting.js +1 -1
  158. package/dist/collection/components/bs-ai-thinking/bs-ai-thinking.js +1 -1
  159. package/dist/collection/components/bs-attachment/bs-attachment.js +48 -4
  160. package/dist/collection/components/bs-attachment-list/bs-attachment-list.js +1 -1
  161. package/dist/collection/components/bs-breadcrumb/bs-breadcrumbs/bs-breadcrumbs.js +1 -1
  162. package/dist/collection/components/bs-button-skeleton/bs-button-skeleton.js +23 -1
  163. package/dist/collection/components/bs-chatbot-feedback/bs-chatbot-feedback.cmp.test.js +10 -0
  164. package/dist/collection/components/bs-chatbot-feedback/bs-chatbot-feedback.js +178 -2
  165. package/dist/collection/components/bs-chatbot-header/bs-chatbot-header.cmp.test.js +6 -0
  166. package/dist/collection/components/bs-chatbot-header/bs-chatbot-header.js +200 -1
  167. package/dist/collection/components/bs-chatbot-response-action/bs-chatbot-response-action.cmp.test.js +8 -0
  168. package/dist/collection/components/bs-chatbot-response-action/bs-chatbot-response-action.css +4 -0
  169. package/dist/collection/components/bs-chatbot-response-action/bs-chatbot-response-action.js +223 -1
  170. package/dist/collection/components/bs-chatbot-sources-drawer/bs-chatbot-sources-drawer.js +24 -2
  171. package/dist/collection/components/bs-chatbot-suggestion-button/bs-chatbot-suggestion-button.css +1 -4
  172. package/dist/collection/components/bs-chatbot-suggestion-button/bs-chatbot-suggestion-button.js +3 -6
  173. package/dist/collection/components/bs-checkbox/bs-checkbox-skeleton/bs-checkbox-skeleton.js +23 -1
  174. package/dist/collection/components/bs-chip/bs-chip-input/bs-chip-input.js +23 -1
  175. package/dist/collection/components/bs-citation-preview/bs-citation-preview.cmp.test.js +34 -0
  176. package/dist/collection/components/bs-citation-preview/bs-citation-preview.css +36 -0
  177. package/dist/collection/components/bs-citation-preview/bs-citation-preview.js +154 -0
  178. package/dist/collection/components/bs-citation-preview/bs-citation-preview.stories.js +22 -0
  179. package/dist/collection/components/bs-composer/bs-composer.cmp.test.js +29 -2
  180. package/dist/collection/components/bs-composer/bs-composer.css +16 -0
  181. package/dist/collection/components/bs-composer/bs-composer.js +234 -6
  182. package/dist/collection/components/bs-composer-status-banner/bs-composer-status-banner.cmp.test.js +5 -0
  183. package/dist/collection/components/bs-composer-status-banner/bs-composer-status-banner.css +16 -0
  184. package/dist/collection/components/bs-composer-status-banner/bs-composer-status-banner.js +49 -1
  185. package/dist/collection/components/bs-data-table/bs-data-table.js +24 -2
  186. package/dist/collection/components/bs-dialog/bs-dialog.js +23 -1
  187. package/dist/collection/components/bs-input/bs-input.js +93 -5
  188. package/dist/collection/components/bs-input/bs-input.stories.js +7 -23
  189. package/dist/collection/components/bs-menu/bs-menu.js +1 -1
  190. package/dist/collection/components/bs-menu-item/bs-menu-item.js +1 -1
  191. package/dist/collection/components/bs-message/bs-message.cmp.test.js +36 -0
  192. package/dist/collection/components/bs-message/bs-message.css +77 -0
  193. package/dist/collection/components/bs-message/bs-message.js +156 -0
  194. package/dist/collection/components/bs-message/bs-message.stories.js +33 -0
  195. package/dist/collection/components/bs-message-list/bs-message-list.cmp.test.js +58 -0
  196. package/dist/collection/components/bs-message-list/bs-message-list.css +40 -0
  197. package/dist/collection/components/bs-message-list/bs-message-list.js +161 -0
  198. package/dist/collection/components/bs-message-list/bs-message-list.stories.js +17 -0
  199. package/dist/collection/components/bs-pagination/bs-pagination.cmp.test.js +5 -0
  200. package/dist/collection/components/bs-pagination/bs-pagination.js +45 -1
  201. package/dist/collection/components/bs-popover/bs-popover.cmp.test.js +107 -0
  202. package/dist/collection/components/bs-popover/bs-popover.css +61 -0
  203. package/dist/collection/components/bs-popover/bs-popover.js +247 -0
  204. package/dist/collection/components/bs-popover/bs-popover.stories.js +26 -0
  205. package/dist/collection/components/bs-progress/bs-progress.js +2 -2
  206. package/dist/collection/components/bs-progress-linear/bs-progress-linear.js +2 -2
  207. package/dist/collection/components/bs-qr-code/bs-qr-code.js +1 -1
  208. package/dist/collection/components/bs-radio/bs-radio.js +1 -1
  209. package/dist/collection/components/bs-session-timeout/bs-session-timeout.js +1 -1
  210. package/dist/collection/components/bs-side-panel/bs-side-panel.cmp.test.js +117 -0
  211. package/dist/collection/components/bs-side-panel/bs-side-panel.css +77 -0
  212. package/dist/collection/components/bs-side-panel/bs-side-panel.js +325 -0
  213. package/dist/collection/components/bs-side-panel/bs-side-panel.stories.js +24 -0
  214. package/dist/collection/components/bs-skeleton/bs-skeleton.cmp.test.js +49 -0
  215. package/dist/collection/components/bs-skeleton/bs-skeleton.css +62 -0
  216. package/dist/collection/components/bs-skeleton/bs-skeleton.js +204 -0
  217. package/dist/collection/components/bs-skeleton/bs-skeleton.stories.js +43 -0
  218. package/dist/collection/components/bs-slider/bs-slider.js +46 -2
  219. package/dist/collection/components/bs-snackbar/bs-snackbar.js +1 -1
  220. package/dist/collection/components/bs-source-link/bs-source-link.js +2 -2
  221. package/dist/collection/components/bs-spinner/bs-spinner.cmp.test.js +32 -0
  222. package/dist/collection/components/bs-spinner/bs-spinner.css +61 -0
  223. package/dist/collection/components/bs-spinner/bs-spinner.js +96 -0
  224. package/dist/collection/components/bs-spinner/bs-spinner.stories.js +30 -0
  225. package/dist/collection/components/bs-stepper/bs-stepper/bs-stepper.js +1 -1
  226. package/dist/collection/components/bs-stepper/bs-stepper-step/bs-stepper-step.js +1 -1
  227. package/dist/collection/components/bs-switch/bs-switch.js +1 -1
  228. package/dist/collection/components/bs-tab/bs-inline-tab/bs-inline-tab.js +1 -1
  229. package/dist/collection/components/bs-tab/bs-tab/bs-tab.js +1 -1
  230. package/dist/collection/components/bs-tab/bs-tabs/bs-tabs.js +1 -1
  231. package/dist/collection/components/bs-timepicker/bs-timepicker.js +48 -4
  232. package/dist/collection/components/bs-toast/bs-toast.js +23 -1
  233. package/dist/collection/components/bs-tooltip/bs-tooltip.js +1 -1
  234. package/dist/collection/components/bs-tooltip-trigger/bs-tooltip-trigger.cmp.test.js +73 -0
  235. package/dist/collection/components/bs-tooltip-trigger/bs-tooltip-trigger.css +52 -0
  236. package/dist/collection/components/bs-tooltip-trigger/bs-tooltip-trigger.js +140 -0
  237. package/dist/collection/components/bs-tooltip-trigger/bs-tooltip-trigger.stories.js +21 -0
  238. package/dist/collection/components/bs-whats-new-entry/bs-whats-new-entry.js +1 -1
  239. package/dist/collection/components/ui-shell/bs-navigation-drawer/bs-navigation-drawer/bs-navigation-drawer.js +68 -2
  240. package/dist/collection/components/ui-shell/bs-navigation-drawer/bs-navigation-drawer-item/bs-navigation-drawer-item.js +1 -1
  241. package/dist/collection/components/ui-shell/bs-navigation-header/bs-navigation-header/bs-navigation-header.js +1 -1
  242. package/dist/collection/global/brand-theming.cmp.test.js +44 -0
  243. package/dist/components/bs-accordion-group.d.ts +11 -0
  244. package/dist/components/bs-accordion-group.js +1 -0
  245. package/dist/components/bs-accordion.js +1 -1
  246. package/dist/components/bs-ai-disclaimer.js +1 -1
  247. package/dist/components/bs-ai-greeting.js +1 -1
  248. package/dist/components/bs-ai-thinking.js +1 -1
  249. package/dist/components/bs-attachment-list.js +1 -1
  250. package/dist/components/bs-attachment.js +1 -1
  251. package/dist/components/bs-avatar.js +1 -1
  252. package/dist/components/bs-badge.js +1 -1
  253. package/dist/components/bs-breadcrumb-overflow.js +1 -1
  254. package/dist/components/bs-breadcrumb.js +1 -1
  255. package/dist/components/bs-breadcrumbs.js +1 -1
  256. package/dist/components/bs-button-skeleton.js +1 -1
  257. package/dist/components/bs-button.js +1 -1
  258. package/dist/components/bs-card.js +1 -1
  259. package/dist/components/bs-carousel.js +1 -1
  260. package/dist/components/bs-chatbot-feedback.js +1 -1
  261. package/dist/components/bs-chatbot-header.js +1 -1
  262. package/dist/components/bs-chatbot-response-action.js +1 -1
  263. package/dist/components/bs-chatbot-sources-drawer.js +1 -1
  264. package/dist/components/bs-chatbot-suggestion-button.js +1 -1
  265. package/dist/components/bs-checkbox-skeleton.js +1 -1
  266. package/dist/components/bs-checkbox.js +1 -1
  267. package/dist/components/bs-chip-filter.js +1 -1
  268. package/dist/components/bs-chip-informative.js +1 -1
  269. package/dist/components/bs-chip-input.js +1 -1
  270. package/dist/components/bs-citation-preview.d.ts +11 -0
  271. package/dist/components/bs-citation-preview.js +1 -0
  272. package/dist/components/bs-composer-status-banner.js +1 -1
  273. package/dist/components/bs-composer.js +1 -1
  274. package/dist/components/bs-cookie-consent.js +1 -1
  275. package/dist/components/bs-data-table.js +1 -1
  276. package/dist/components/bs-datepicker.js +1 -1
  277. package/dist/components/bs-dialog.js +1 -1
  278. package/dist/components/bs-error-page.js +1 -1
  279. package/dist/components/bs-file-upload-item.js +1 -1
  280. package/dist/components/bs-file-upload.js +1 -1
  281. package/dist/components/bs-icon-button.js +1 -1
  282. package/dist/components/bs-icon-tile.js +1 -1
  283. package/dist/components/bs-inline-tab.js +1 -1
  284. package/dist/components/bs-input.js +1 -1
  285. package/dist/components/bs-logo.js +1 -1
  286. package/dist/components/bs-menu-item.js +1 -1
  287. package/dist/components/bs-menu.js +1 -1
  288. package/dist/components/bs-message-list.d.ts +11 -0
  289. package/dist/components/bs-message-list.js +1 -0
  290. package/dist/components/bs-message.d.ts +11 -0
  291. package/dist/components/bs-message.js +1 -0
  292. package/dist/components/bs-navigation-drawer-item.js +1 -1
  293. package/dist/components/bs-navigation-drawer.js +1 -1
  294. package/dist/components/bs-navigation-header.js +1 -1
  295. package/dist/components/bs-onboarding-checklist.js +1 -1
  296. package/dist/components/bs-pagination.js +1 -1
  297. package/dist/components/bs-popover.d.ts +11 -0
  298. package/dist/components/bs-popover.js +1 -0
  299. package/dist/components/bs-product-tour.js +1 -1
  300. package/dist/components/bs-progress-linear.js +1 -1
  301. package/dist/components/bs-progress.js +1 -1
  302. package/dist/components/bs-qr-code.js +1 -1
  303. package/dist/components/bs-radio.js +1 -1
  304. package/dist/components/bs-session-timeout.js +1 -1
  305. package/dist/components/bs-side-panel.d.ts +11 -0
  306. package/dist/components/bs-side-panel.js +1 -0
  307. package/dist/components/bs-skeleton.d.ts +11 -0
  308. package/dist/components/bs-skeleton.js +1 -0
  309. package/dist/components/bs-slider.js +1 -1
  310. package/dist/components/bs-snackbar.js +1 -1
  311. package/dist/components/bs-source-link.js +1 -1
  312. package/dist/components/bs-spinner.d.ts +11 -0
  313. package/dist/components/bs-spinner.js +1 -0
  314. package/dist/components/bs-stepper-step.js +1 -1
  315. package/dist/components/bs-stepper.js +1 -1
  316. package/dist/components/bs-switch.js +1 -1
  317. package/dist/components/bs-tab.js +1 -1
  318. package/dist/components/bs-tabs.js +1 -1
  319. package/dist/components/bs-timepicker.js +1 -1
  320. package/dist/components/bs-toast.js +1 -1
  321. package/dist/components/bs-tooltip-trigger.d.ts +11 -0
  322. package/dist/components/bs-tooltip-trigger.js +1 -0
  323. package/dist/components/bs-tooltip.js +1 -1
  324. package/dist/components/bs-whats-new-entry.js +1 -1
  325. package/dist/components/bs-whats-new.js +1 -1
  326. package/dist/components/index.js +1 -1
  327. package/dist/components/p-B2gx7SZk.js +1 -0
  328. package/dist/components/{p-BEEoVNRu.js → p-BTPdjnXT.js} +1 -1
  329. package/dist/components/{p-Be9L4_Fe.js → p-BVhF8cZQ.js} +1 -1
  330. package/dist/components/{p-C_j_jDM6.js → p-Bfq5YVOv.js} +1 -1
  331. package/dist/components/{p-DE8K7fg0.js → p-C2NR1v3p.js} +1 -1
  332. package/dist/components/{p-YsHQLXET.js → p-C9jIMBG3.js} +1 -1
  333. package/dist/components/{p-DuLL7Ouw.js → p-CRtvJlh8.js} +1 -1
  334. package/dist/components/{p-Dr0Qk9Zc.js → p-ChcaPfNL.js} +1 -1
  335. package/dist/components/{p-CbimDNGY.js → p-CrmEXUwm.js} +1 -1
  336. package/dist/components/p-Cu-aeY9t.js +1 -0
  337. package/dist/components/{p-zTHlbyH6.js → p-DAwSBMeM.js} +1 -1
  338. package/dist/components/{p-qmS2CBqi.js → p-DYuzgzxI.js} +1 -1
  339. package/dist/components/p-DfzrJKwN.js +1 -0
  340. package/dist/components/{p-CUfs0ROR.js → p-DpVeeIko.js} +1 -1
  341. package/dist/components/p-DqXI9V2A.js +1 -0
  342. package/dist/components/p-Dqg8l1y6.js +1 -0
  343. package/dist/components/{p-CA31vqjL.js → p-DvNED6Lb.js} +1 -1
  344. package/dist/components/{p-C8yT2Ucq.js → p-QnTjSed5.js} +1 -1
  345. package/dist/components/{p-CncySD_-.js → p-Rx4bpeYN.js} +1 -1
  346. package/dist/components/{p-Be_Pmccm.js → p-owdeCW0M.js} +1 -1
  347. package/dist/components/{p-Bl_tVzeq.js → p-uHvS81XA.js} +1 -1
  348. package/dist/esm/brandsync-wc.js +3 -3
  349. package/dist/esm/bs-accordion-group.entry.js +31 -0
  350. package/dist/esm/bs-accordion.entry.js +1 -1
  351. package/dist/esm/bs-ai-disclaimer.entry.js +2 -2
  352. package/dist/esm/bs-ai-greeting.entry.js +2 -2
  353. package/dist/esm/bs-ai-thinking.entry.js +2 -2
  354. package/dist/esm/bs-attachment-list.entry.js +2 -2
  355. package/dist/esm/bs-attachment.entry.js +9 -5
  356. package/dist/esm/bs-avatar.entry.js +1 -1
  357. package/dist/esm/bs-badge.entry.js +1 -1
  358. package/dist/esm/bs-breadcrumb-overflow.entry.js +1 -1
  359. package/dist/esm/bs-breadcrumb.entry.js +1 -1
  360. package/dist/esm/bs-breadcrumbs.entry.js +2 -2
  361. package/dist/esm/bs-button-skeleton.entry.js +4 -2
  362. package/dist/esm/bs-button.entry.js +1 -1
  363. package/dist/esm/bs-card.entry.js +1 -1
  364. package/dist/esm/bs-carousel.entry.js +1 -1
  365. package/dist/esm/bs-chatbot-feedback.entry.js +18 -2
  366. package/dist/esm/bs-chatbot-header.entry.js +20 -2
  367. package/dist/esm/bs-chatbot-response-action.entry.js +25 -3
  368. package/dist/esm/bs-chatbot-sources-drawer.entry.js +4 -2
  369. package/dist/esm/bs-chatbot-suggestion-button.entry.js +3 -3
  370. package/dist/esm/bs-checkbox-skeleton.entry.js +4 -2
  371. package/dist/esm/bs-checkbox.entry.js +1 -1
  372. package/dist/esm/bs-chip-filter.entry.js +1 -1
  373. package/dist/esm/bs-chip-informative.entry.js +1 -1
  374. package/dist/esm/bs-chip-input.entry.js +4 -2
  375. package/dist/esm/bs-citation-preview.entry.js +27 -0
  376. package/dist/esm/bs-composer-status-banner.entry.js +11 -3
  377. package/dist/esm/bs-composer.entry.js +36 -7
  378. package/dist/esm/bs-cookie-consent.entry.js +1 -1
  379. package/dist/esm/bs-data-table.entry.js +5 -3
  380. package/dist/esm/bs-datepicker.entry.js +1 -1
  381. package/dist/esm/bs-dialog.entry.js +4 -2
  382. package/dist/esm/bs-error-page.entry.js +1 -1
  383. package/dist/esm/bs-file-upload-item.entry.js +1 -1
  384. package/dist/esm/bs-file-upload.entry.js +1 -1
  385. package/dist/esm/bs-icon-button.entry.js +1 -1
  386. package/dist/esm/bs-icon-tile.entry.js +1 -1
  387. package/dist/esm/bs-inline-tab.entry.js +2 -2
  388. package/dist/esm/bs-input_3.entry.js +16 -8
  389. package/dist/esm/bs-logo.entry.js +1 -1
  390. package/dist/esm/bs-message-list.entry.js +69 -0
  391. package/dist/esm/bs-message.entry.js +23 -0
  392. package/dist/esm/bs-navigation-drawer-item.entry.js +2 -2
  393. package/dist/esm/bs-navigation-drawer.entry.js +9 -3
  394. package/dist/esm/bs-navigation-header.entry.js +2 -2
  395. package/dist/esm/bs-onboarding-checklist.entry.js +1 -1
  396. package/dist/esm/bs-pagination.entry.js +6 -2
  397. package/dist/esm/bs-popover.entry.js +151 -0
  398. package/dist/esm/bs-product-tour.entry.js +1 -1
  399. package/dist/esm/bs-progress-linear.entry.js +3 -3
  400. package/dist/esm/bs-progress.entry.js +3 -3
  401. package/dist/esm/bs-qr-code.entry.js +2 -2
  402. package/dist/esm/bs-radio.entry.js +2 -2
  403. package/dist/esm/bs-session-timeout.entry.js +2 -2
  404. package/dist/esm/bs-side-panel.entry.js +162 -0
  405. package/dist/esm/bs-skeleton.entry.js +49 -0
  406. package/dist/esm/bs-slider.entry.js +7 -3
  407. package/dist/esm/bs-snackbar.entry.js +2 -2
  408. package/dist/esm/bs-source-link.entry.js +3 -3
  409. package/dist/esm/bs-spinner.entry.js +22 -0
  410. package/dist/esm/bs-stepper-step.entry.js +2 -2
  411. package/dist/esm/bs-stepper.entry.js +2 -2
  412. package/dist/esm/bs-switch.entry.js +2 -2
  413. package/dist/esm/bs-tab_3.entry.js +4 -4
  414. package/dist/esm/bs-timepicker.entry.js +8 -4
  415. package/dist/esm/bs-toast.entry.js +4 -2
  416. package/dist/esm/bs-tooltip-trigger.entry.js +44 -0
  417. package/dist/esm/bs-tooltip.entry.js +2 -2
  418. package/dist/esm/bs-whats-new.entry.js +1 -1
  419. package/dist/esm/index-D3SkQJpw.js +1853 -0
  420. package/dist/esm/loader.js +3 -3
  421. package/dist/types/components/bs-accordion-group/bs-accordion-group.cmp.test.d.ts +1 -0
  422. package/dist/types/components/bs-accordion-group/bs-accordion-group.d.ts +25 -0
  423. package/dist/types/components/bs-accordion-group/bs-accordion-group.stories.d.ts +9 -0
  424. package/dist/types/components/bs-attachment/bs-attachment.d.ts +4 -0
  425. package/dist/types/components/bs-button-skeleton/bs-button-skeleton.d.ts +2 -0
  426. package/dist/types/components/bs-chatbot-feedback/bs-chatbot-feedback.d.ts +16 -0
  427. package/dist/types/components/bs-chatbot-header/bs-chatbot-header.d.ts +19 -0
  428. package/dist/types/components/bs-chatbot-response-action/bs-chatbot-response-action.d.ts +22 -0
  429. package/dist/types/components/bs-chatbot-sources-drawer/bs-chatbot-sources-drawer.d.ts +2 -0
  430. package/dist/types/components/bs-chatbot-suggestion-button/bs-chatbot-suggestion-button.d.ts +2 -5
  431. package/dist/types/components/bs-checkbox/bs-checkbox-skeleton/bs-checkbox-skeleton.d.ts +2 -0
  432. package/dist/types/components/bs-chip/bs-chip-input/bs-chip-input.d.ts +2 -0
  433. package/dist/types/components/bs-citation-preview/bs-citation-preview.cmp.test.d.ts +1 -0
  434. package/dist/types/components/bs-citation-preview/bs-citation-preview.d.ts +40 -0
  435. package/dist/types/components/bs-citation-preview/bs-citation-preview.stories.d.ts +13 -0
  436. package/dist/types/components/bs-composer/bs-composer.d.ts +25 -1
  437. package/dist/types/components/bs-composer-status-banner/bs-composer-status-banner.d.ts +5 -0
  438. package/dist/types/components/bs-data-table/bs-data-table.d.ts +2 -0
  439. package/dist/types/components/bs-dialog/bs-dialog.d.ts +2 -0
  440. package/dist/types/components/bs-input/bs-input.d.ts +8 -0
  441. package/dist/types/components/bs-message/bs-message.cmp.test.d.ts +1 -0
  442. package/dist/types/components/bs-message/bs-message.d.ts +49 -0
  443. package/dist/types/components/bs-message/bs-message.stories.d.ts +15 -0
  444. package/dist/types/components/bs-message-list/bs-message-list.cmp.test.d.ts +1 -0
  445. package/dist/types/components/bs-message-list/bs-message-list.d.ts +44 -0
  446. package/dist/types/components/bs-message-list/bs-message-list.stories.d.ts +8 -0
  447. package/dist/types/components/bs-pagination/bs-pagination.d.ts +4 -0
  448. package/dist/types/components/bs-popover/bs-popover.cmp.test.d.ts +1 -0
  449. package/dist/types/components/bs-popover/bs-popover.d.ts +58 -0
  450. package/dist/types/components/bs-popover/bs-popover.stories.d.ts +11 -0
  451. package/dist/types/components/bs-side-panel/bs-side-panel.cmp.test.d.ts +1 -0
  452. package/dist/types/components/bs-side-panel/bs-side-panel.d.ts +67 -0
  453. package/dist/types/components/bs-side-panel/bs-side-panel.stories.d.ts +14 -0
  454. package/dist/types/components/bs-skeleton/bs-skeleton.cmp.test.d.ts +1 -0
  455. package/dist/types/components/bs-skeleton/bs-skeleton.d.ts +44 -0
  456. package/dist/types/components/bs-skeleton/bs-skeleton.stories.d.ts +17 -0
  457. package/dist/types/components/bs-slider/bs-slider.d.ts +4 -0
  458. package/dist/types/components/bs-spinner/bs-spinner.cmp.test.d.ts +1 -0
  459. package/dist/types/components/bs-spinner/bs-spinner.d.ts +32 -0
  460. package/dist/types/components/bs-spinner/bs-spinner.stories.d.ts +12 -0
  461. package/dist/types/components/bs-timepicker/bs-timepicker.d.ts +4 -0
  462. package/dist/types/components/bs-toast/bs-toast.d.ts +2 -0
  463. package/dist/types/components/bs-tooltip-trigger/bs-tooltip-trigger.cmp.test.d.ts +1 -0
  464. package/dist/types/components/bs-tooltip-trigger/bs-tooltip-trigger.d.ts +35 -0
  465. package/dist/types/components/bs-tooltip-trigger/bs-tooltip-trigger.stories.d.ts +10 -0
  466. package/dist/types/components/ui-shell/bs-navigation-drawer/bs-navigation-drawer/bs-navigation-drawer.d.ts +6 -0
  467. package/dist/types/components.d.ts +1778 -38
  468. package/dist/types/global/brand-theming.cmp.test.d.ts +1 -0
  469. package/package.json +21 -5
  470. package/reference.d.ts +242 -0
  471. package/reference.json +4176 -0
  472. package/reference.mjs +2 -0
  473. package/tailwind-preset.cjs +36 -0
  474. package/testing/vitest-setup.mjs +41 -0
  475. package/dist/brandsync-wc/p-09cbf05b.entry.js +0 -1
  476. package/dist/brandsync-wc/p-0f8cd2e8.entry.js +0 -1
  477. package/dist/brandsync-wc/p-1261f0b0.entry.js +0 -1
  478. package/dist/brandsync-wc/p-20030f4d.entry.js +0 -1
  479. package/dist/brandsync-wc/p-34e5feaf.entry.js +0 -1
  480. package/dist/brandsync-wc/p-452f9c1c.entry.js +0 -1
  481. package/dist/brandsync-wc/p-6a696161.entry.js +0 -1
  482. package/dist/brandsync-wc/p-6c6cdf77.entry.js +0 -1
  483. package/dist/brandsync-wc/p-6e735e37.entry.js +0 -1
  484. package/dist/brandsync-wc/p-73f214ed.entry.js +0 -1
  485. package/dist/brandsync-wc/p-823ab3b2.entry.js +0 -1
  486. package/dist/brandsync-wc/p-89099a39.entry.js +0 -1
  487. package/dist/brandsync-wc/p-DqQRXQMx.js +0 -3
  488. package/dist/brandsync-wc/p-b84366a7.entry.js +0 -1
  489. package/dist/brandsync-wc/p-b8d2ce91.entry.js +0 -1
  490. package/dist/brandsync-wc/p-b9a4042e.entry.js +0 -1
  491. package/dist/brandsync-wc/p-d754ee13.entry.js +0 -1
  492. package/dist/brandsync-wc/p-d75f3f87.entry.js +0 -1
  493. package/dist/brandsync-wc/p-d8b29a53.entry.js +0 -1
  494. package/dist/brandsync-wc/p-f7d15fbe.entry.js +0 -1
  495. package/dist/cjs/index-tFJjflK5.js +0 -1863
  496. package/dist/components/p-BUskqBR6.js +0 -1
  497. package/dist/components/p-BZ3M4lOU.js +0 -1
  498. package/dist/components/p-CVrEuVFo.js +0 -1
  499. package/dist/components/p-CeUK3n7D.js +0 -1
  500. package/dist/esm/index-DqQRXQMx.js +0 -1853
package/dist/esm/index-DqQRXQMx.js DELETED
@@ -1,1853 +0,0 @@
1
- const NAMESPACE = 'brandsync-wc';
2
- const BUILD = /* brandsync-wc */ { hotModuleReplacement: false, hydratedSelectorName: "hydrated", lazyLoad: true, propChangeCallback: true, state: true, updatable: true};
3
-
4
- const globalScripts = () => {};
5
- const globalStyles = "/*\n * Brandsync design tokens, vendored from the brandsync-tokens npm package (v1.0.31).\n * Source: node_modules/brandsync-tokens/dist/css/tokens.css\n * Re-copy this file whenever brandsync-tokens is bumped -- Stencil's globalStyle\n * pipeline cannot resolve a bare node_modules @import, so this cannot just re-export it.\n */\n\n:root {\n\n /* Static Colors */\n --bs-static-white: #ffffff;\n --bs-static-black: #000000;\n\n /* Neutral Scale */\n --bs-neutral-25: #f9fafb;\n --bs-neutral-50: #eff0f8;\n --bs-neutral-100: #dee2ed;\n --bs-neutral-200: #c2c7d3;\n --bs-neutral-300: #a0a5b4;\n --bs-neutral-400: #828998;\n --bs-neutral-500: #6d7585;\n --bs-neutral-600: #5d6472;\n --bs-neutral-700: #4d535f;\n --bs-neutral-800: #363c47;\n --bs-neutral-900: #21262e;\n --bs-neutral-950: #191c22;\n --bs-neutral-500-transparent: rgba(109, 117, 133, 0.3);\n --bs-neutral-500-transparent-2: rgba(109, 117, 133, 0.75);\n --bs-neutral-50-transparent: rgba(239, 240, 248, 0.9);\n\n /* Gray Scale */\n --bs-gray-25: #fbfbfb;\n --bs-gray-50: #f6f7f7;\n --bs-gray-100: #eef1f1;\n --bs-gray-200: #dfe5e6;\n --bs-gray-300: #cbd3d6;\n --bs-gray-400: #b6bec3;\n --bs-gray-500: #a2aab2;\n --bs-gray-600: #8c959f;\n --bs-gray-700: #7f868f;\n --bs-gray-800: #636970;\n --bs-gray-900: #53585c;\n --bs-gray-950: #303236;\n --bs-gray-transparent: rgba(162, 170, 178, 0.24);\n --bs-gray-transparent-2: rgba(162, 170, 178, 0.32);\n --bs-gray-transparent-3: rgba(162, 170, 178, 0.44);\n\n /* Success Scale */\n --bs-success-50: #e5f5e9;\n --bs-success-100: #c5ebd5;\n --bs-success-200: #94d4b3;\n --bs-success-300: #6bb491;\n --bs-success-400: #469873;\n --bs-success-500: #00855b;\n --bs-success-600: #11714e;\n --bs-success-700: #1b5d43;\n --bs-success-800: #184330;\n --bs-success-900: #0f2b1e;\n --bs-success-950: #101e17;\n\n /* Error Scale */\n --bs-error-50: #fcecea;\n --bs-error-100: #ffdad7;\n --bs-error-200: #ffb3ae;\n --bs-error-300: #ff807a;\n --bs-error-400: #ee5351;\n --bs-error-500: #d93539;\n --bs-error-600: #b92f31;\n --bs-error-700: #982a2a;\n --bs-error-800: #701d1e;\n --bs-error-900: #481212;\n --bs-error-950: #34100f;\n\n /* Warning Scale */\n --bs-warning-50: #ffefdb;\n --bs-warning-100: #ffdea1;\n --bs-warning-200: #f1bd51;\n --bs-warning-300: #d39b00;\n --bs-warning-400: #b18100;\n --bs-warning-500: #956d00;\n --bs-warning-600: #805d00;\n --bs-warning-700: #6b4d00;\n --bs-warning-800: #4e3700;\n --bs-warning-900: #332300;\n --bs-warning-950: #261a00;\n\n /* Information Scale */\n --bs-information-50: #edf0fa;\n --bs-information-100: #d6e3f8;\n --bs-information-200: #aec8ed;\n --bs-information-300: #73a9ea;\n --bs-information-400: #448cd6;\n --bs-information-500: #0078cb;\n --bs-information-600: #0066ae;\n --bs-information-700: #005592;\n --bs-information-800: #003d6c;\n --bs-information-900: #00283f;\n --bs-information-950: #111c2a;\n\n /* Purple */\n --bs-purple-50: #f3effb;\n --bs-purple-100: #e5dffd;\n --bs-purple-200: #c8c0ff;\n --bs-purple-300: #a49aff;\n --bs-purple-400: #8676fe;\n --bs-purple-500: #715afc;\n --bs-purple-600: #5e47e6;\n --bs-purple-700: #4b35c9;\n --bs-purple-800: #3720a1;\n --bs-purple-900: #220f73;\n --bs-purple-950: #201463;\n\n /* Cobalt */\n --bs-cobalt-50: #f1effa;\n --bs-cobalt-100: #e0e0fd;\n --bs-cobalt-200: #bcc2ff;\n --bs-cobalt-300: #939eff;\n --bs-cobalt-400: #6d7cff;\n --bs-cobalt-500: #4f63ff;\n --bs-cobalt-600: #3b4ee9;\n --bs-cobalt-700: #303ecd;\n --bs-cobalt-800: #1928a5;\n --bs-cobalt-900: #091675;\n --bs-cobalt-950: #050d5d;\n\n /* Blue */\n --bs-blue-50: #eef0fa;\n --bs-blue-100: #d8e3fc;\n --bs-blue-200: #aec7f8;\n --bs-blue-300: #7aa6f2;\n --bs-blue-400: #3e88ef;\n --bs-blue-500: #0073e1;\n --bs-blue-600: #0062c1;\n --bs-blue-700: #0051a2;\n --bs-blue-800: #003a78;\n --bs-blue-900: #002550;\n --bs-blue-950: #001b3e;\n\n /* Steel */\n --bs-steel-50: #eef0f6;\n --bs-steel-100: #d9e3f1;\n --bs-steel-200: #b1c9e3;\n --bs-steel-300: #83aad0;\n --bs-steel-400: #558dbe;\n --bs-steel-500: #3779ae;\n --bs-steel-600: #2b6796;\n --bs-steel-700: #1f567f;\n --bs-steel-800: #103e5f;\n --bs-steel-900: #041d30;\n --bs-steel-950: #032841;\n\n /* Teal */\n --bs-teal-50: #e9f3f2;\n --bs-teal-100: #c8e9e7;\n --bs-teal-200: #9ed1cf;\n --bs-teal-300: #72b2b0;\n --bs-teal-400: #469593;\n --bs-teal-500: #008280;\n --bs-teal-600: #116f6e;\n --bs-teal-700: #185b5a;\n --bs-teal-800: #144241;\n --bs-teal-900: #032b2a;\n --bs-teal-950: #02201f;\n\n /* Jade */\n --bs-jade-50: #eaf3ef;\n --bs-jade-100: #c6eadf;\n --bs-jade-200: #8cd4c2;\n --bs-jade-300: #63b4a2;\n --bs-jade-400: #349985;\n --bs-jade-500: #008370;\n --bs-jade-600: #0e7060;\n --bs-jade-700: #0e5d50;\n --bs-jade-800: #034439;\n --bs-jade-900: #002c24;\n --bs-jade-950: #02201a;\n\n /* Green */\n --bs-green-50: #ecf2ea;\n --bs-green-100: #d0e9d2;\n --bs-green-200: #9fd3a9;\n --bs-green-300: #78b385;\n --bs-green-400: #469961;\n --bs-green-500: #23834a;\n --bs-green-600: #2a7043;\n --bs-green-700: #295c3a;\n --bs-green-800: #21422a;\n --bs-green-900: #112b19;\n --bs-green-950: #0b2011;\n\n /* Lime */\n --bs-lime-50: #f0f2e7;\n --bs-lime-100: #d7e8c6;\n --bs-lime-200: #add18f;\n --bs-lime-300: #81b45c;\n --bs-lime-400: #64963f;\n --bs-lime-500: #478019;\n --bs-lime-600: #406f1d;\n --bs-lime-700: #385b1e;\n --bs-lime-800: #2a4218;\n --bs-lime-900: #182a0c;\n --bs-lime-950: #121f09;\n\n /* Yellow */\n --bs-yellow-50: #faf1db;\n --bs-yellow-100: #f9e28a;\n --bs-yellow-200: #e3c437;\n --bs-yellow-300: #c0a300;\n --bs-yellow-400: #a18800;\n --bs-yellow-500: #887200;\n --bs-yellow-600: #746202;\n --bs-yellow-700: #615102;\n --bs-yellow-800: #463a01;\n --bs-yellow-900: #2e2500;\n --bs-yellow-950: #221b00;\n\n /* Amber */\n --bs-amber-50: #fceee0;\n --bs-amber-100: #f8dfbf;\n --bs-amber-200: #f1be71;\n --bs-amber-300: #d19c46;\n --bs-amber-400: #b47f1e;\n --bs-amber-500: #996805;\n --bs-amber-600: #875b04;\n --bs-amber-700: #6f4b02;\n --bs-amber-800: #513601;\n --bs-amber-900: #352201;\n --bs-amber-950: #291900;\n\n /* Orange */\n --bs-orange-50: #faeee9;\n --bs-orange-100: #f9ddd0;\n --bs-orange-200: #f7b997;\n --bs-orange-300: #f08c50;\n --bs-orange-400: #d26d2b;\n --bs-orange-500: #ba5400;\n --bs-orange-600: #a24907;\n --bs-orange-700: #873d07;\n --bs-orange-800: #642c04;\n --bs-orange-900: #411b02;\n --bs-orange-950: #301302;\n\n /* Magenta */\n --bs-magenta-50: #fbeeef;\n --bs-magenta-100: #ffd7e0;\n --bs-magenta-200: #ffb1c7;\n --bs-magenta-300: #ff7aa7;\n --bs-magenta-400: #ea4f8b;\n --bs-magenta-500: #d12e75;\n --bs-magenta-600: #b62965;\n --bs-magenta-700: #9a1f53;\n --bs-magenta-800: #71163c;\n --bs-magenta-900: #4a0d27;\n --bs-magenta-950: #38091c;\n\n /* Maroon */\n --bs-maroon-50: #f9eef3;\n --bs-maroon-100: #f6dbef;\n --bs-maroon-200: #eab6e3;\n --bs-maroon-300: #d88cd1;\n --bs-maroon-400: #c465c0;\n --bs-maroon-500: #b14bb0;\n --bs-maroon-600: #983f98;\n --bs-maroon-700: #7f347e;\n --bs-maroon-800: #5e245d;\n --bs-maroon-900: #3e163d;\n --bs-maroon-950: #2c122b;\n\n /* Violet */\n --bs-violet-50: #f9eefe;\n --bs-violet-100: #eedcfd;\n --bs-violet-200: #d8b8fd;\n --bs-violet-300: #be92f4;\n --bs-violet-400: #a372dd;\n --bs-violet-500: #8f5ace;\n --bs-violet-600: #7750a8;\n --bs-violet-700: #64428d;\n --bs-violet-800: #492e6a;\n --bs-violet-900: #311b4b;\n --bs-violet-950: #241338;\n\n /* Typography - Font Family */\n --bs-typography-font-family-heading: Roboto;\n --bs-typography-font-family-body: Roboto;\n\n /* Typography - Font Weight */\n --bs-font-weight-thin: 100;\n --bs-font-weight-regular: 400;\n --bs-font-weight-medium: 500;\n --bs-font-weight-semibold: 600;\n --bs-font-weight-bold: 700;\n --bs-font-weight-black: 900;\n\n /* Typography - Font Size Scale */\n --bs-font-size-2xs: 10px;\n --bs-font-size-xs: 12px;\n --bs-font-size-sm: 14px;\n --bs-font-size-md: 16px;\n --bs-font-size-lg: 18px;\n --bs-font-size-xl: 20px;\n --bs-font-size-2xl: 24px;\n --bs-font-size-3xl: 28px;\n --bs-font-size-4xl: 32px;\n --bs-font-size-5xl: 40px;\n --bs-font-size-6xl: 48px;\n\n /* Typography - Line Height */\n --bs-line-height-none: 1;\n --bs-line-height-tight: 1.1;\n --bs-line-height-snug: 1.25;\n --bs-line-height-normal: 1.5;\n --bs-line-height-relaxed: 1.625;\n --bs-line-height-loose: 2;\n --bs-line-height-display: 96;\n --bs-line-height-heading: 56;\n --bs-line-height-body: 28;\n --bs-line-height-caption: 24;\n\n /* Typography - Letter Spacing */\n --bs-letter-spacing-tighter: -0.05em;\n --bs-letter-spacing-tight: -0.025em;\n --bs-letter-spacing-normal: 0em;\n --bs-letter-spacing-wide: 0.025em;\n --bs-letter-spacing-wider: 0.05em;\n --bs-letter-spacing-widest: 0.1em;\n\n /* Shadow Scale */\n --bs-shadow-none: none;\n --bs-shadow-xs: 0 1px 2px rgba(33,38,46,0.06), 0 1px 3px rgba(33,38,46,0.10);\n --bs-shadow-sm: 0 1px 3px rgba(33,38,46,0.08), 0 2px 6px rgba(33,38,46,0.12);\n --bs-shadow-md: 0 2px 8px rgba(33,38,46,0.10), 0 4px 16px rgba(33,38,46,0.16);\n --bs-shadow-lg: 0 4px 16px rgba(33,38,46,0.12), 0 8px 32px rgba(33,38,46,0.20);\n --bs-shadow-xl: 0 8px 24px rgba(33,38,46,0.14), 0 16px 48px rgba(33,38,46,0.24);\n --bs-shadow-2xl: 0 16px 48px rgba(33,38,46,0.20), 0 32px 64px rgba(33,38,46,0.32);\n\n /* Z-Index Scale */\n --bs-z-index-below: -1;\n --bs-z-index-base: 0;\n --bs-z-index-raised: 10;\n --bs-z-index-dropdown: 100;\n --bs-z-index-sticky: 200;\n --bs-z-index-overlay: 300;\n --bs-z-index-modal: 400;\n --bs-z-index-popover: 500;\n --bs-z-index-toast: 600;\n --bs-z-index-top: 999;\n\n /* Breakpoints */\n --bs-breakpoint-xs: 480px;\n --bs-breakpoint-sm: 640px;\n --bs-breakpoint-md: 768px;\n --bs-breakpoint-lg: 1024px;\n --bs-breakpoint-xl: 1280px;\n --bs-breakpoint-2xl: 1536px;\n\n /* Grid */\n --bs-grid-columns: 12;\n --bs-grid-container-max: 1440px;\n --bs-grid-gutter: var(--bs-spacing-200);\n --bs-grid-margin-sm: var(--bs-spacing-200);\n --bs-grid-margin-md: var(--bs-spacing-300);\n --bs-grid-margin-lg: var(--bs-spacing-400);\n --bs-grid-sidebar-width: var(--bs-sizing-3200);\n --bs-grid-panel-min-width: var(--bs-sizing-3200);\n\n /* Opacity */\n --bs-opacity-disabled: 0.5;\n --bs-opacity-hover: 0.8;\n --bs-opacity-focus: 0.9;\n\n /* Motion - Duration */\n --bs-duration-instant: 0ms;\n --bs-duration-fast: 100ms;\n --bs-duration-default: 200ms;\n --bs-duration-slow: 300ms;\n --bs-duration-slower: 500ms;\n\n /* Motion - Easing */\n --bs-easing-standard: cubic-bezier(0.4, 0.0, 0.2, 1);\n --bs-easing-decelerate: cubic-bezier(0.0, 0.0, 0.2, 1);\n --bs-easing-accelerate: cubic-bezier(0.4, 0.0, 1.0, 1);\n --bs-easing-linear: linear;\n\n /* Primary Colors - Light Mode */\n --bs-color-primary-default: var(--bs-brand-600);\n --bs-color-primary-hover: var(--bs-brand-700);\n --bs-color-primary-focused: var(--bs-brand-700);\n --bs-color-primary-pressed: var(--bs-brand-800);\n --bs-color-primary-container: var(--bs-brand-50);\n --bs-color-primary-container-hover: var(--bs-brand-100);\n\n /* Neutral Colors - Light Mode */\n --bs-color-neutral-default: var(--bs-neutral-700);\n --bs-color-neutral-hover: var(--bs-neutral-800);\n --bs-color-neutral-focused: var(--bs-neutral-800);\n --bs-color-neutral-pressed: var(--bs-neutral-900);\n --bs-color-neutral-container: var(--bs-neutral-50);\n --bs-color-neutral-container-hover: var(--bs-neutral-100);\n --bs-color-neutral-container-focused: var(--bs-neutral-200);\n --bs-color-neutral-container-pressed: var(--bs-neutral-300);\n\n /* Accent Colors - Light Mode */\n --bs-color-accent-default: var(--bs-brand-colors-magenta-600);\n --bs-color-accent-hover: var(--bs-brand-colors-magenta-700);\n --bs-color-accent-active: var(--bs-brand-colors-magenta-800);\n --bs-color-accent-container: var(--bs-brand-colors-magenta-100);\n\n /* Success Colors - Light Mode */\n --bs-color-success-default: var(--bs-success-600);\n --bs-color-success-hover: var(--bs-success-700);\n --bs-color-success-focused: var(--bs-success-700);\n --bs-color-success-pressed: var(--bs-success-800);\n --bs-color-success-container: var(--bs-success-100);\n\n /* Warning Colors - Light Mode */\n --bs-color-warning-default: var(--bs-warning-600);\n --bs-color-warning-hover: var(--bs-warning-700);\n --bs-color-warning-focused: var(--bs-warning-700);\n --bs-color-warning-pressed: var(--bs-warning-800);\n --bs-color-warning-container: var(--bs-warning-100);\n\n /* Error Colors - Light Mode */\n --bs-color-error-default: var(--bs-error-600);\n --bs-color-error-hover: var(--bs-error-700);\n --bs-color-error-focused: var(--bs-error-700);\n --bs-color-error-pressed: var(--bs-error-800);\n --bs-color-error-container: var(--bs-error-100);\n\n /* Info Colors - Light Mode */\n --bs-color-info-default: var(--bs-information-600);\n --bs-color-info-hover: var(--bs-information-700);\n --bs-color-info-focused: var(--bs-information-700);\n --bs-color-info-pressed: var(--bs-information-800);\n --bs-color-info-container: var(--bs-information-100);\n\n /* Text Colors - Light Mode */\n --bs-text-static-white: var(--bs-white);\n --bs-text-static-black: var(--bs-black);\n --bs-text-default: var(--bs-black);\n --bs-text-secondary: var(--bs-neutral-600);\n --bs-text-muted: var(--bs-neutral-500);\n --bs-text-inverse: var(--bs-static-white);\n --bs-text-link: var(--bs-information-700);\n --bs-text-action: var(--bs-brand-600);\n --bs-text-action-hover: var(--bs-brand-700);\n --bs-text-success: var(--bs-success-700);\n --bs-text-info: var(--bs-information-700);\n --bs-text-warning: var(--bs-warning-700);\n --bs-text-error: var(--bs-error-700);\n --bs-text-on-action: var(--bs-white);\n --bs-text-on-disabled: var(--bs-neutral-400);\n --bs-text-accent: var(--bs-brand-colors-purple-700);\n --bs-text-inverse-accent: var(--bs-brand-colors-purple-400);\n --bs-text-neutral---default: var(--bs-neutral-600);\n --bs-text-neutral---hover: var(--bs-neutral-800);\n --bs-text-neutral---focused: var(--bs-neutral-800);\n --bs-text-neutral---pressed: var(--bs-neutral-900);\n --bs-text-neutral-default: var(--bs-neutral-600);\n --bs-text-neutral-hover: var(--bs-neutral-800);\n --bs-text-neutral-focused: var(--bs-neutral-800);\n --bs-text-neutral-pressed: var(--bs-neutral-900);\n\n /* Surface Colors - Light Mode */\n --bs-surface-base: var(--bs-white);\n --bs-surface-raised: var(--bs-static-white);\n --bs-surface-container: var(--bs-neutral-50);\n --bs-surface-hover: var(--bs-neutral-100);\n --bs-surface-focus: var(--bs-neutral-100);\n --bs-surface-pressed: var(--bs-neutral-300);\n --bs-surface-selected: var(--bs-neutral-50);\n --bs-surface-selected-hover: var(--bs-neutral-200);\n --bs-surface-selected-focus: var(--bs-neutral-200);\n --bs-surface-selected-pressed: var(--bs-neutral-200);\n --bs-surface-active: var(--bs-neutral-100);\n --bs-surface-action: var(--bs-color-primary-default);\n --bs-surface-inset: var(--bs-neutral-50);\n --bs-surface-inverse: var(--bs-neutral-900);\n --bs-surface-accent: var(--bs-gray-transparent-2);\n --bs-surface-on-action: var(--bs-gray-25);\n --bs-surface-on-action-disabled: var(--bs-neutral-300);\n --bs-surface-action-disabled: var(--bs-neutral-100);\n --bs-surface-success: var(--bs-success-50);\n --bs-surface-info: var(--bs-information-50);\n --bs-surface-warning: var(--bs-warning-50);\n --bs-surface-error: var(--bs-error-50);\n --bs-surface-overlay: var(--bs-neutral-500-transparent);\n --bs-surface-overlay-level-2: var(--bs-neutral-500-transparent-2);\n\n /* Icon Colors - Light Mode */\n --bs-icon-static-white: var(--bs-white);\n --bs-icon-static-black: var(--bs-black);\n --bs-icon-default: var(--bs-neutral-900);\n --bs-icon-muted: var(--bs-neutral-500);\n --bs-icon-disabled: var(--bs-neutral-400);\n --bs-icon-inverse: var(--bs-static-white);\n --bs-icon-action: var(--bs-brand-600);\n --bs-icon-action-hover: var(--bs-brand-700);\n --bs-icon-success: var(--bs-success-600);\n --bs-icon-info: var(--bs-information-700);\n --bs-icon-warning: var(--bs-warning-700);\n --bs-icon-error: var(--bs-error-700);\n --bs-icon-neutral-default: var(--bs-neutral-700);\n --bs-icon-neutral-hover: var(--bs-neutral-800);\n --bs-icon-neutral-focused: var(--bs-neutral-800);\n --bs-icon-neutral-pressed: var(--bs-neutral-900);\n\n /* Border Colors - Light Mode */\n --bs-border-default: var(--bs-neutral-100);\n --bs-border-neutral-hover: var(--bs-neutral-400);\n --bs-border-neutral-focus: var(--bs-focus-border-);\n --bs-border-neutral-active: var(--bs-neutral-500);\n --bs-border-neutral-disabled: var(--bs-neutral-200);\n --bs-border-neutral-container: var(--bs-neutral-200);\n --bs-border-neutral-container-hover: var(--bs-neutral-300);\n --bs-border-neutral-container-focused: var(--bs-focus-border-);\n --bs-border-neutral-container-pressed: var(--bs-neutral-400);\n --bs-border-success: var(--bs-success-500);\n --bs-border-success-hover: var(--bs-success-600);\n --bs-border-success-focus: var(--bs-focus-border-);\n --bs-border-warning: var(--bs-warning-500);\n --bs-border-warning-hover: var(--bs-warning-600);\n --bs-border-warning-focus: var(--bs-focus-border-);\n --bs-border-error: var(--bs-error-700);\n --bs-border-error-hover: var(--bs-error-800);\n --bs-border-error-focus: var(--bs-focus-border-);\n --bs-border-info: var(--bs-information-500);\n --bs-border-info-hover: var(--bs-information-600);\n --bs-border-info-focus: var(--bs-focus-border-);\n --bs-border-primary: var(--bs-brand-500);\n --bs-border-primary-hover: var(--bs-brand-600);\n --bs-border-primary-focus: var(--bs-focus-border-);\n --bs-border-primary-pressed: var(--bs-brand-700);\n\n /* Elevation Colors - Light Mode */\n --bs-elevation-none: var(--bs-light-mode-0);\n --bs-elevation-low: var(--bs-light-mode-100);\n --bs-elevation-medium: var(--bs-light-mode-200);\n --bs-elevation-high: var(--bs-light-mode-300);\n --bs-elevation-higher: var(--bs-light-mode-400);\n --bs-elevation-highest: var(--bs-light-mode-500);\n --bs-elevation-inner: var(--bs-light-mode-600);\n --bs-elevation-focus: var(--bs-light-mode-700);\n\n /* Spacing */\n --bs-spacing-0: var(--bs-scale-0);\n --bs-spacing-25: var(--bs-scale-25);\n --bs-spacing-50: var(--bs-scale-50);\n --bs-spacing-75: var(--bs-scale-75);\n --bs-spacing-100: var(--bs-scale-100);\n --bs-spacing-150: var(--bs-scale-150);\n --bs-spacing-200: var(--bs-scale-200);\n --bs-spacing-250: var(--bs-scale-250);\n --bs-spacing-300: var(--bs-scale-300);\n --bs-spacing-350: var(--bs-scale-350);\n --bs-spacing-400: var(--bs-scale-400);\n --bs-spacing-500: var(--bs-scale-500);\n --bs-spacing-550: var(--bs-scale-550);\n --bs-spacing-600: var(--bs-scale-600);\n --bs-spacing-700: var(--bs-scale-700);\n --bs-spacing-800: var(--bs-scale-800);\n --bs-spacing-1000: var(--bs-scale-1000);\n --bs-spacing-1200: var(--bs-scale-1200);\n --bs-spacing-1500: var(--bs-scale-1500);\n --bs-spacing--600: var(--bs-scale--600);\n --bs-spacing--500: var(--bs-scale--500);\n --bs-spacing--350: var(--bs-scale--350);\n --bs-spacing--200: var(--bs-scale--200);\n --bs-spacing--150: var(--bs-scale--150);\n --bs-spacing--100: var(--bs-scale--100);\n\n /* Border Radius */\n --bs-border-radius-0: var(--bs-scale-0);\n --bs-border-radius-50: var(--bs-scale-50);\n --bs-border-radius-75: var(--bs-scale-75);\n --bs-border-radius-100: var(--bs-scale-100);\n --bs-border-radius-150: var(--bs-scale-150);\n --bs-border-radius-200: var(--bs-scale-200);\n --bs-border-radius-300: var(--bs-scale-300);\n --bs-border-radius-full: var(--bs-scale-1500);\n\n /* Components */\n --bs-avatar-text-primary: var(--bs-text-action);\n --bs-avatar-text-default: var(--bs-text-default);\n --bs-avatar-text-secondary: var(--bs-text-secondary);\n --bs-avatar-border-primary: var(--bs-border-neutral-container);\n --bs-avatar-border-hover: var(--bs-border-neutral-container-hover);\n --bs-avatar-border-pressed: var(--bs-border-neutral-container-pressed);\n --bs-avatar-border-focused: var(--bs-border-neutral-container);\n --bs-avatar-bg-dafault: var(--bs-surface-raised);\n --bs-avatar-bg-hover: var(--bs-surface-raised);\n --bs-avatar-bg-pressed: var(--bs-surface-raised);\n --bs-avatar-bg-focused: var(--bs-surface-raised);\n --bs-avatar-icon-primary: var(--bs-icon-muted);\n --bs-avatar-border-focus: var(--bs-border-neutral-focus);\n --bs-switch-track-bg-default: var(--bs-surface-active);\n --bs-switch-track-bg-hover: var(--bs-surface-hover);\n --bs-switch-track-bg-checked-default: var(--bs-color-primary-default);\n --bs-switch-track-bg-checked-hover: var(--bs-color-primary-hover);\n --bs-switch-track-bg-checked-focused: var(--bs-color-primary-focused);\n --bs-switch-thumb-bg-default: var(--bs-surface-base);\n --bs-switch-thumb-bg-hover: var(--bs-surface-raised);\n --bs-switch-thumb-bg-checked: var(--bs-surface-base);\n --bs-switch-thumb-bg-disabled: var(--bs-surface-on-action-disabled);\n --bs-switch-track-border-default: var(--bs-border-neutral-container);\n --bs-switch-icon-default: {color.icons.secondary};\n --bs-switch-track-border-hover: var(--bs-border-neutral-container-hover);\n --bs-switch-track-border-focus: var(--bs-border-neutral-focus);\n --bs-switch-icon-checked: var(--bs-icon-action);\n --bs-switch-track-bg-disabled: var(--bs-surface-action-disabled);\n --bs-switch-icon-disabled: var(--bs-icon-disabled);\n --bs-input-bg-default: var(--bs-surface-base);\n --bs-input-bg-filled: var(--bs-surface-raised);\n --bs-input-bg-disabled: var(--bs-surface-action-disabled);\n --bs-input-border-default: var(--bs-border-neutral-container);\n --bs-input-border-hover: var(--bs-border-neutral-container-hover);\n --bs-input-border-focus: var(--bs-border-neutral-focus);\n --bs-input-border-disabled: var(--bs-border-neutral-disabled);\n --bs-input-border-error: var(--bs-border-error);\n --bs-input-text: var(--bs-text-default);\n --bs-input-text-success: var(--bs-text-success);\n --bs-input-text-disabled: var(--bs-text-on-disabled);\n --bs-input-placeholder: var(--bs-text-secondary);\n --bs-input-label: var(--bs-text-default);\n --bs-input-error: var(--bs-text-error);\n --bs-input-description: var(--bs-text-secondary);\n --bs-input-label-focus: var(--bs-color-primary-default);\n --bs-input-icon: {color.icons.secondary};\n --bs-input-icon-error: var(--bs-icon-error);\n --bs-input-icon-success: var(--bs-icon-success);\n --bs-input-icon-disabled: var(--bs-icon-disabled);\n --bs-chip-text-default: var(--bs-text-default);\n --bs-chip-text-static: var(--bs-text-static-white);\n --bs-chip-text-primary: var(--bs-text-default);\n --bs-chip-text-on-primary: var(--bs-text-on-action);\n --bs-chip-text-warning: var(--bs-text-warning);\n --bs-chip-text-success: var(--bs-text-success);\n --bs-chip-text-neutral: var(--bs-text-default);\n --bs-chip-text-inverse: var(--bs-text-inverse);\n --bs-chip-text-info: var(--bs-text-info);\n --bs-chip-text-error: var(--bs-text-error);\n --bs-chip-text-disabled: var(--bs-text-on-disabled);\n --bs-chip-icon-static: var(--bs-icon-static-white);\n --bs-chip-icon-default: var(--bs-icon-default);\n --bs-chip-icon-inverse: var(--bs-icon-inverse);\n --bs-chip-icon-primary: {color.icons.secondary};\n --bs-chip-icon-success: var(--bs-icon-success);\n --bs-chip-icon-warning: var(--bs-icon-warning);\n --bs-chip-icon-info: var(--bs-icon-info);\n --bs-chip-icon-error: var(--bs-icon-error);\n --bs-chip-icon-disabled: var(--bs-icon-disabled);\n --bs-chip-border-default: var(--bs-border-default);\n --bs-chip-border-inverse: var(--bs-border-neutral-container);\n --bs-chip-border-focus: var(--bs-border-neutral-focus);\n --bs-chip-bg-default: var(--bs-surface-action-disabled);\n --bs-chip-bg-neutral: var(--bs-color-neutral-default);\n --bs-chip-bg-neutral-container: var(--bs-color-neutral-container);\n --bs-chip-bg-inverse: var(--bs-surface-inset);\n --bs-chip-bg-success: var(--bs-color-success-default);\n --bs-chip-bg-success-container: var(--bs-color-success-container);\n --bs-chip-bg-warning: var(--bs-color-warning-default);\n --bs-chip-bg-warning-container: var(--bs-color-warning-container);\n --bs-chip-bg-info: var(--bs-color-info-default);\n --bs-chip-bg-info-container: var(--bs-color-info-container);\n --bs-chip-bg-error: var(--bs-color-error-default);\n --bs-chip-bg-error-container: var(--bs-color-error-container);\n --bs-chip-bg-primary: var(--bs-color-neutral-default);\n --bs-chip-bg-primary-hover: var(--bs-color-neutral-hover);\n --bs-chip-bg-primary-focused: var(--bs-color-neutral-focused);\n --bs-chip-bg-primary-pressed: var(--bs-color-neutral-pressed);\n --bs-chip-bg-primary-container: var(--bs-color-neutral-container);\n --bs-chip-bg-primary-container-hover: var(--bs-color-neutral-container-hover);\n --bs-chip-bg-primary-container-focused: var(--bs-color-neutral-container-focused);\n --bs-chip-bg-primary-container-pressed: var(--bs-color-neutral-container-pressed);\n --bs-chip-bg-disabled: var(--bs-surface-action-disabled);\n --bs-badge-bg-default: var(--bs-surface-action-disabled);\n --bs-badge-bg-primary: var(--bs-color-primary-default);\n --bs-badge-bg-primary-container: var(--bs-color-primary-container);\n --bs-badge-bg-success: var(--bs-color-success-default);\n --bs-badge-bg-success-container: var(--bs-color-success-container);\n --bs-badge-bg-warning: var(--bs-color-warning-default);\n --bs-badge-bg-warning-container: var(--bs-color-warning-container);\n --bs-badge-bg-info: var(--bs-color-info-default);\n --bs-badge-bg-info-container: var(--bs-color-info-container);\n --bs-badge-bg-error: var(--bs-color-error-default);\n --bs-badge-bg-error-container: var(--bs-color-error-container);\n --bs-badge-bg-neutral: var(--bs-color-neutral-default);\n --bs-badge-bg-neutral-container: var(--bs-color-neutral-container);\n --bs-badge-bg-inverse: var(--bs-surface-inset);\n --bs-badge-border-default: var(--bs-border-default);\n --bs-badge-text-default: var(--bs-text-default);\n --bs-badge-text-neutral: var(--bs-text-default);\n --bs-badge-text-inverse: var(--bs-text-inverse);\n --bs-badge-text-warning: var(--bs-text-warning);\n --bs-badge-text-info: var(--bs-text-info);\n --bs-badge-text-error: var(--bs-text-error);\n --bs-badge-text-primary: var(--bs-text-action);\n --bs-badge-text-success: var(--bs-text-success);\n --bs-radio-bg-default: var(--bs-alpha-5);\n --bs-radio-bg-hover: var(--bs-alpha-60);\n --bs-radio-bg-focus: var(--bs-alpha-80);\n --bs-radio-bg-pressed: var(--bs-alpha-90);\n --bs-radio-bg-disabled: var(--bs-surface-action-disabled);\n --bs-radio-selected-border-default: var(--bs-border-primary);\n --bs-radio-selected-border-hover: var(--bs-border-primary-hover);\n --bs-radio-selected-border-focus: var(--bs-border-primary-focus);\n --bs-radio-selected-border-pressed: var(--bs-border-primary-pressed);\n --bs-radio-enabled-border-default: var(--bs-border-default);\n --bs-radio-enabled-border-hover: var(--bs-border-neutral-hover);\n --bs-radio-enabled-border-focus: var(--bs-border-neutral-hover);\n --bs-radio-enabled-border-pressed: var(--bs-border-neutral-active);\n --bs-radio-border-disabled: var(--bs-border-neutral-disabled);\n --bs-radio-icon-checked: var(--bs-icon-action);\n --bs-radio-icon-hover: var(--bs-icon-action-hover);\n --bs-radio-icon-disabled: var(--bs-icon-muted);\n --bs-radio-label-default: var(--bs-text-default);\n --bs-radio-label-disabled: var(--bs-text-muted);\n --bs-radio-focus-ring: var(--bs-border-neutral-focus);\n --bs-paper-bg-base: var(--bs-surface-base);\n --bs-paper-bg-raised: var(--bs-surface-raised);\n --bs-paper-bg-container: var(--bs-surface-container);\n --bs-paper-bg-hover: var(--bs-surface-hover);\n --bs-paper-bg-disabled: var(--bs-surface-action-disabled);\n --bs-paper-border-surface: var(--bs-border-neutral-container);\n --bs-button-primary-default: var(--bs-color-primary-default);\n --bs-button-primary-hover: var(--bs-color-primary-hover);\n --bs-button-primary-focus: var(--bs-color-primary-focused);\n --bs-button-primary-pressed: var(--bs-color-primary-pressed);\n --bs-button-primary-disabled: var(--bs-surface-action-disabled);\n --bs-button-primary-container: var(--bs-color-primary-container);\n --bs-button-neutral-default: var(--bs-color-neutral-default);\n --bs-button-neutral-hover: var(--bs-color-neutral-hover);\n --bs-button-neutral-focus: var(--bs-color-neutral-container-focused);\n --bs-button-neutral-pressed: var(--bs-color-primary-pressed);\n --bs-button-neutral-disabled: var(--bs-surface-action-disabled);\n --bs-button-neutral-container: var(--bs-color-neutral-container);\n --bs-snackbar-bg-default: var(--bs-surface-inverse);\n --bs-snackbar-text-default: var(--bs-text-inverse);\n --bs-snackbar-icon-default: var(--bs-icon-inverse);\n --bs-snackbar-bg-action: var(--bs-color-primary-default);\n --bs-snackbar-bg-success: var(--bs-color-success-default);\n --bs-snackbar-bg-error: var(--bs-color-error-default);\n --bs-snackbar-bg-warning: var(--bs-color-warning-default);\n --bs-snackbar-bg-info: var(--bs-color-info-default);\n --bs-snackbar-action-text: var(--bs-text-action);\n --bs-snackbar-action-border-focus: var(--bs-color-primary-focused);\n\n --bs-shadow-ambient-color-xs: rgba(33, 38, 46, 0.06);\n --bs-shadow-ambient-color-sm: rgba(33, 38, 46, 0.08);\n --bs-shadow-ambient-color-md: rgba(33, 38, 46, 0.1);\n --bs-shadow-ambient-color-lg: rgba(33, 38, 46, 0.12);\n --bs-shadow-ambient-color-xl: rgba(33, 38, 46, 0.14);\n --bs-shadow-ambient-color-2xl: rgba(33, 38, 46, 0.2);\n --bs-shadow-key-color-xs: rgba(33, 38, 46, 0.1);\n --bs-shadow-key-color-sm: rgba(33, 38, 46, 0.12);\n --bs-shadow-key-color-md: rgba(33, 38, 46, 0.16);\n --bs-shadow-key-color-lg: rgba(33, 38, 46, 0.2);\n --bs-shadow-key-color-xl: rgba(33, 38, 46, 0.24);\n --bs-shadow-key-color-2xl: rgba(33, 38, 46, 0.32);\n --bs-shadow-position-0: 0px;\n --bs-shadow-position-10: 1px;\n --bs-shadow-position-25: 2px;\n --bs-shadow-position-50: 4px;\n --bs-shadow-position-100: 8px;\n --bs-shadow-position-150: 12px;\n --bs-shadow-position-200: 16px;\n --bs-shadow-blur-0: 0px;\n --bs-shadow-blur-10: 1px;\n --bs-shadow-blur-25: 2px;\n --bs-shadow-blur-50: 4px;\n --bs-shadow-blur-100: 8px;\n --bs-shadow-blur-150: 12px;\n --bs-shadow-blur-200: 16px;\n --bs-shadow-blur-300: 24px;\n --bs-text-style-display-size: var(--bs-font-size-6xl);\n --bs-text-style-display-weight: 700;\n --bs-text-style-display-line-height: var(--bs-line-height-tight);\n --bs-text-style-display-letter-spacing: var(--bs-letter-spacing-tight);\n --bs-text-style-heading-1-size: var(--bs-font-size-4xl);\n --bs-text-style-heading-1-weight: 600;\n --bs-text-style-heading-1-line-height: var(--bs-line-height-snug);\n --bs-text-style-heading-1-letter-spacing: var(--bs-letter-spacing-tight);\n --bs-text-style-heading-2-size: var(--bs-font-size-3xl);\n --bs-text-style-heading-2-weight: 600;\n --bs-text-style-heading-2-line-height: var(--bs-line-height-snug);\n --bs-text-style-heading-2-letter-spacing: var(--bs-letter-spacing-normal);\n --bs-text-style-heading-3-size: var(--bs-font-size-2xl);\n --bs-text-style-heading-3-weight: 600;\n --bs-text-style-heading-3-line-height: var(--bs-line-height-snug);\n --bs-text-style-heading-3-letter-spacing: var(--bs-letter-spacing-normal);\n --bs-text-style-heading-4-size: var(--bs-font-size-xl);\n --bs-text-style-heading-4-weight: 500;\n --bs-text-style-heading-4-line-height: var(--bs-line-height-normal);\n --bs-text-style-heading-4-letter-spacing: var(--bs-letter-spacing-normal);\n --bs-text-style-body-lg-size: var(--bs-font-size-lg);\n --bs-text-style-body-lg-weight: 400;\n --bs-text-style-body-lg-line-height: var(--bs-line-height-normal);\n --bs-text-style-body-lg-letter-spacing: var(--bs-letter-spacing-normal);\n --bs-text-style-body-md-size: var(--bs-font-size-md);\n --bs-text-style-body-md-weight: 400;\n --bs-text-style-body-md-line-height: var(--bs-line-height-normal);\n --bs-text-style-body-md-letter-spacing: var(--bs-letter-spacing-normal);\n --bs-text-style-body-sm-size: var(--bs-font-size-sm);\n --bs-text-style-body-sm-weight: 400;\n --bs-text-style-body-sm-line-height: var(--bs-line-height-normal);\n --bs-text-style-body-sm-letter-spacing: var(--bs-letter-spacing-normal);\n --bs-text-style-label-lg-size: var(--bs-font-size-md);\n --bs-text-style-label-lg-weight: 500;\n --bs-text-style-label-lg-line-height: var(--bs-line-height-snug);\n --bs-text-style-label-lg-letter-spacing: var(--bs-letter-spacing-normal);\n --bs-text-style-label-md-size: var(--bs-font-size-sm);\n --bs-text-style-label-md-weight: 500;\n --bs-text-style-label-md-line-height: var(--bs-line-height-snug);\n --bs-text-style-label-md-letter-spacing: var(--bs-letter-spacing-normal);\n --bs-text-style-label-sm-size: var(--bs-font-size-xs);\n --bs-text-style-label-sm-weight: 500;\n --bs-text-style-label-sm-line-height: var(--bs-line-height-snug);\n --bs-text-style-label-sm-letter-spacing: var(--bs-letter-spacing-wide);\n --bs-text-style-caption-size: var(--bs-font-size-xs);\n --bs-text-style-caption-weight: 400;\n --bs-text-style-caption-line-height: var(--bs-line-height-normal);\n --bs-text-style-caption-letter-spacing: var(--bs-letter-spacing-normal);\n --bs-text-style-overline-size: var(--bs-font-size-xs);\n --bs-text-style-overline-weight: 500;\n --bs-text-style-overline-line-height: var(--bs-line-height-normal);\n --bs-text-style-overline-letter-spacing: var(--bs-letter-spacing-widest);\n --bs-text-style-data-size: var(--bs-font-size-sm);\n --bs-text-style-data-weight: 500;\n --bs-text-style-data-line-height: var(--bs-line-height-tight);\n --bs-text-style-data-letter-spacing: var(--bs-letter-spacing-normal);\n --bs-text-style-data-dense-size: var(--bs-font-size-2xs);\n --bs-text-style-data-dense-weight: 400;\n --bs-text-style-data-dense-line-height: var(--bs-line-height-tight);\n --bs-text-style-data-dense-letter-spacing: var(--bs-letter-spacing-normal);\n --bs-typography-font-family-heading: Roboto;\n --bs-typography-font-family-body: Roboto;\n --bs-typography-font-weight-thin: thin;\n --bs-typography-font-weight-regular: regular;\n --bs-typography-font-weight-medium: medium;\n --bs-typography-font-weight-semibold: semibold;\n --bs-typography-font-weight-bold: bold;\n --bs-typography-font-weight-black: black;\n --bs-scale-0: 0px;\n --bs-scale-10: 1px;\n --bs-scale-25: 2px;\n --bs-scale-50: 4px;\n --bs-scale-75: 6px;\n --bs-scale-100: 8px;\n --bs-scale-150: 12px;\n --bs-scale-200: 16px;\n --bs-scale-250: 20px;\n --bs-scale-300: 24px;\n --bs-scale-350: 28px;\n --bs-scale-400: 32px;\n --bs-scale-500: 40px;\n --bs-scale-550: 44px;\n --bs-scale-600: 48px;\n --bs-scale-700: 56px;\n --bs-scale-800: 64px;\n --bs-scale-1000: 80px;\n --bs-scale-1200: 96px;\n --bs-scale-1500: 120px;\n --bs-scale-1600: 128px;\n --bs-scale-3200: 256px;\n --bs-scale-6400: 512px;\n --bs-scale--600: -48px;\n --bs-scale--500: -40px;\n --bs-scale--350: -28px;\n --bs-scale--200: -16px;\n --bs-scale--150: -12px;\n --bs-scale--100: -8px;\n --bs-white: #ffffff;\n --bs-black: #000000;\n --bs-brand-colors-purple-50: #f3effb;\n --bs-brand-colors-purple-100: #e5dffd;\n --bs-brand-colors-purple-200: #c8c0ff;\n --bs-brand-colors-purple-300: #a49aff;\n --bs-brand-colors-purple-400: #8676fe;\n --bs-brand-colors-purple-500: #715afc;\n --bs-brand-colors-purple-600: #5e47e6;\n --bs-brand-colors-purple-700: #4b35c9;\n --bs-brand-colors-purple-800: #3720a1;\n --bs-brand-colors-purple-900: #220f73;\n --bs-brand-colors-purple-950: #201463;\n --bs-brand-colors-cobalt-50: #f1effa;\n --bs-brand-colors-cobalt-100: #e0e0fd;\n --bs-brand-colors-cobalt-200: #bcc2ff;\n --bs-brand-colors-cobalt-300: #939eff;\n --bs-brand-colors-cobalt-400: #6d7cff;\n --bs-brand-colors-cobalt-500: #4f63ff;\n --bs-brand-colors-cobalt-600: #3b4ee9;\n --bs-brand-colors-cobalt-700: #303ecd;\n --bs-brand-colors-cobalt-800: #1928a5;\n --bs-brand-colors-cobalt-900: #091675;\n --bs-brand-colors-cobalt-950: #050d5d;\n --bs-brand-colors-blue-50: #eef0fa;\n --bs-brand-colors-blue-100: #d8e3fc;\n --bs-brand-colors-blue-200: #aec7f8;\n --bs-brand-colors-blue-300: #7aa6f2;\n --bs-brand-colors-blue-400: #3e88ef;\n --bs-brand-colors-blue-500: #0073e1;\n --bs-brand-colors-blue-600: #0062c1;\n --bs-brand-colors-blue-700: #0051a2;\n --bs-brand-colors-blue-800: #003a78;\n --bs-brand-colors-blue-900: #002550;\n --bs-brand-colors-blue-950: #001b3e;\n --bs-brand-colors-green-50: #ecf2ea;\n --bs-brand-colors-green-100: #d0e9d2;\n --bs-brand-colors-green-200: #9fd3a9;\n --bs-brand-colors-green-300: #78b385;\n --bs-brand-colors-green-400: #469961;\n --bs-brand-colors-green-500: #23834a;\n --bs-brand-colors-green-600: #2a7043;\n --bs-brand-colors-green-700: #295c3a;\n --bs-brand-colors-green-800: #21422a;\n --bs-brand-colors-green-900: #112b19;\n --bs-brand-colors-green-950: #0b2011;\n --bs-brand-colors-lime-50: #f0f2e7;\n --bs-brand-colors-lime-100: #d7e8c6;\n --bs-brand-colors-lime-200: #add18f;\n --bs-brand-colors-lime-300: #81b45c;\n --bs-brand-colors-lime-400: #64963f;\n --bs-brand-colors-lime-500: #478019;\n --bs-brand-colors-lime-600: #406f1d;\n --bs-brand-colors-lime-700: #385b1e;\n --bs-brand-colors-lime-800: #2a4218;\n --bs-brand-colors-lime-900: #182a0c;\n --bs-brand-colors-lime-950: #121f09;\n --bs-brand-colors-yellow-50: #faf1db;\n --bs-brand-colors-yellow-100: #f9e28a;\n --bs-brand-colors-yellow-200: #e3c437;\n --bs-brand-colors-yellow-300: #c0a300;\n --bs-brand-colors-yellow-400: #a18800;\n --bs-brand-colors-yellow-500: #887200;\n --bs-brand-colors-yellow-600: #746202;\n --bs-brand-colors-yellow-700: #615102;\n --bs-brand-colors-yellow-800: #463a01;\n --bs-brand-colors-yellow-900: #2e2500;\n --bs-brand-colors-yellow-950: #221b00;\n --bs-brand-colors-amber-50: #fceee0;\n --bs-brand-colors-amber-100: #f8dfbf;\n --bs-brand-colors-amber-200: #f1be71;\n --bs-brand-colors-amber-300: #d19c46;\n --bs-brand-colors-amber-400: #b47f1e;\n --bs-brand-colors-amber-500: #996805;\n --bs-brand-colors-amber-600: #875b04;\n --bs-brand-colors-amber-700: #6f4b02;\n --bs-brand-colors-amber-800: #513601;\n --bs-brand-colors-amber-900: #352201;\n --bs-brand-colors-amber-950: #291900;\n --bs-brand-colors-orange-50: #faeee9;\n --bs-brand-colors-orange-100: #f9ddd0;\n --bs-brand-colors-orange-200: #f7b997;\n --bs-brand-colors-orange-300: #f08c50;\n --bs-brand-colors-orange-400: #d26d2b;\n --bs-brand-colors-orange-500: #ba5400;\n --bs-brand-colors-orange-600: #a24907;\n --bs-brand-colors-orange-700: #873d07;\n --bs-brand-colors-orange-800: #642c04;\n --bs-brand-colors-orange-900: #411b02;\n --bs-brand-colors-orange-950: #301302;\n --bs-brand-colors-magenta-50: #fbeeef;\n --bs-brand-colors-magenta-100: #ffd7e0;\n --bs-brand-colors-magenta-200: #ffb1c7;\n --bs-brand-colors-magenta-300: #ff7aa7;\n --bs-brand-colors-magenta-400: #ea4f8b;\n --bs-brand-colors-magenta-500: #d12e75;\n --bs-brand-colors-magenta-600: #b62965;\n --bs-brand-colors-magenta-700: #9a1f53;\n --bs-brand-colors-magenta-800: #71163c;\n --bs-brand-colors-magenta-900: #4a0d27;\n --bs-brand-colors-magenta-950: #38091c;\n --bs-brand-colors-maroon-50: #f9eef3;\n --bs-brand-colors-maroon-100: #f6dbef;\n --bs-brand-colors-maroon-200: #eab6e3;\n --bs-brand-colors-maroon-300: #d88cd1;\n --bs-brand-colors-maroon-400: #c465c0;\n --bs-brand-colors-maroon-500: #b14bb0;\n --bs-brand-colors-maroon-600: #983f98;\n --bs-brand-colors-maroon-700: #7f347e;\n --bs-brand-colors-maroon-800: #5e245d;\n --bs-brand-colors-maroon-900: #3e163d;\n --bs-brand-colors-maroon-950: #2c122b;\n --bs-brand-colors-violet-50: #f9eefe;\n --bs-brand-colors-violet-100: #eedcfd;\n --bs-brand-colors-violet-200: #d8b8fd;\n --bs-brand-colors-violet-300: #be92f4;\n --bs-brand-colors-violet-400: #a372dd;\n --bs-brand-colors-violet-500: #8f5ace;\n --bs-brand-colors-violet-600: #7750a8;\n --bs-brand-colors-violet-700: #64428d;\n --bs-brand-colors-violet-800: #492e6a;\n --bs-brand-colors-violet-900: #311b4b;\n --bs-brand-colors-violet-950: #241338;\n --bs-light-mode-0: rgba(0, 0, 0, 0);\n --bs-light-mode-100: rgba(0, 0, 0, 0.05);\n --bs-light-mode-200: rgba(0, 0, 0, 0.08);\n --bs-light-mode-300: rgba(0, 0, 0, 0.1);\n --bs-light-mode-400: rgba(0, 0, 0, 0.12);\n --bs-light-mode-500: rgba(0, 0, 0, 0.14);\n --bs-light-mode-600: rgba(0, 1, 2, 0.1);\n --bs-light-mode-700: rgba(28, 133, 255, 0.4);\n --bs-dark-mode-0: rgba(0, 0, 0, 0);\n --bs-dark-mode-100: rgba(0, 0, 0, 0.4);\n --bs-dark-mode-200: rgba(0, 0, 0, 0.35);\n --bs-dark-mode-300: rgba(0, 0, 0, 0.3);\n --bs-dark-mode-400: rgba(0, 0, 0, 0.25);\n --bs-dark-mode-500: rgba(0, 0, 0, 0.2);\n --bs-dark-mode-600: rgba(0, 1, 2, 0.05);\n --bs-dark-mode-700: rgba(28, 133, 255, 0.05);\n --bs-alpha-5: rgba(0, 0, 0, 0);\n --bs-alpha-10: rgba(0, 0, 0, 0);\n --bs-alpha-20: rgba(0, 0, 0, 0);\n --bs-alpha-30: rgba(0, 0, 0, 0);\n --bs-alpha-40: rgba(0, 0, 0, 0);\n --bs-alpha-50: rgba(0, 0, 0, 0);\n --bs-alpha-60: rgba(0, 0, 0, 0.01);\n --bs-alpha-70: rgba(0, 0, 0, 0.01);\n --bs-alpha-80: rgba(0, 0, 0, 0.01);\n --bs-alpha-90: rgba(0, 0, 0, 0.01);\n --bs-alpha-100: rgba(0, 0, 0, 0.01);\n --bs-fontsize-display-display1: 80px;\n --bs-fontsize-display-display2: 72px;\n --bs-fontsize-display-display3: 60px;\n --bs-fontsize-display-display4: 56px;\n --bs-fontsize-display-display5: 48px;\n --bs-fontsize-display-display6: 40px;\n --bs-fontsize-display-display7: 32px;\n --bs-fontsize-heading-h1: 48px;\n --bs-fontsize-heading-h2: 40px;\n --bs-fontsize-heading-h3: 32px;\n --bs-fontsize-heading-h4: 24px;\n --bs-fontsize-heading-h5: 20px;\n --bs-fontsize-heading-h6: 16px;\n --bs-fontsize-body-lg: 20px;\n --bs-fontsize-body-md: 16px;\n --bs-fontsize-body-sm: 14px;\n --bs-fontsize-caption-lg: 16px;\n --bs-fontsize-caption-md: 14px;\n --bs-fontsize-caption-sm: 12px;\n --bs-line-height-display-display1: 96;\n --bs-line-height-display-display2: 88;\n --bs-line-height-display-display3: 72;\n --bs-line-height-display-display4: 64;\n --bs-line-height-display-display5: 56;\n --bs-line-height-display-display6: 48;\n --bs-line-height-display-display7: 40;\n --bs-line-height-heading-h1: 56;\n --bs-line-height-heading-h2: 48;\n --bs-line-height-heading-h3: 40;\n --bs-line-height-heading-h4: 32;\n --bs-line-height-heading-h5: 24;\n --bs-line-height-heading-h6: 20;\n --bs-line-height-body-lg: 28;\n --bs-line-height-body-md: 24;\n --bs-line-height-body-sm: 20;\n --bs-line-height-caption-lg: 24;\n --bs-line-height-caption-md: 20;\n --bs-line-height-caption-sm: 16;\n --bs-paragraph-spacing-display-display1: 40;\n --bs-paragraph-spacing-display-display2: 36;\n --bs-paragraph-spacing-display-display3: 30;\n --bs-paragraph-spacing-display-display4: 28;\n --bs-paragraph-spacing-display-display5: 24;\n --bs-paragraph-spacing-display-display6: 20;\n --bs-paragraph-spacing-display-display7: 16;\n --bs-paragraph-spacing-heading-h1: 24;\n --bs-paragraph-spacing-heading-h2: 20;\n --bs-paragraph-spacing-heading-h3: 16;\n --bs-paragraph-spacing-heading-h4: 12;\n --bs-paragraph-spacing-heading-h5: 10;\n --bs-paragraph-spacing-heading-h6: 8;\n --bs-paragraph-spacing-body-lg: 10;\n --bs-paragraph-spacing-body-md: 8;\n --bs-paragraph-spacing-body-sm: 8;\n --bs-paragraph-spacing-caption-lg: 8;\n --bs-paragraph-spacing-caption-md: 8;\n --bs-paragraph-spacing-caption-sm: 6;\n --bs-margin-fluid: var(--bs-scale-300);\n --bs-margin-with-navigation-drawer: var(--bs-scale-300);\n --bs-gutter-gutter: var(--bs-scale-300);\n --bs-layout-columns-columns: 12rem;\n --bs-breakpoints-max-width: 1920rem;\n --bs-breakpoints-min-width: 1024rem;\n --bs-navigation-header-hamburger-menu: false;\n --bs-navigation-header-logo: true;\n --bs-navigation-header-left-menu: true;\n --bs-navigation-header-page-label: false;\n --bs-navigation-header-gap: 40;\n --bs-brand-50: var(--bs-brand-colors-blue-50);\n --bs-brand-100: var(--bs-brand-colors-blue-100);\n --bs-brand-200: var(--bs-brand-colors-blue-200);\n --bs-brand-300: var(--bs-brand-colors-blue-300);\n --bs-brand-400: var(--bs-brand-colors-blue-400);\n --bs-brand-500: var(--bs-brand-colors-blue-500);\n --bs-brand-600: var(--bs-brand-colors-blue-600);\n --bs-brand-700: var(--bs-brand-colors-blue-700);\n --bs-brand-800: var(--bs-brand-colors-blue-800);\n --bs-brand-900: var(--bs-brand-colors-blue-900);\n --bs-brand-950: var(--bs-brand-colors-blue-950);\n --bs-4-responsive-desktop-fontsize-display-display1: 80px;\n --bs-4-responsive-desktop-fontsize-display-display2: 72px;\n --bs-4-responsive-desktop-fontsize-display-display3: 60px;\n --bs-4-responsive-desktop-fontsize-display-display4: 56px;\n --bs-4-responsive-desktop-fontsize-display-display5: 48px;\n --bs-4-responsive-desktop-fontsize-display-display6: 40px;\n --bs-4-responsive-desktop-fontsize-display-display7: 32px;\n --bs-4-responsive-desktop-fontsize-heading-h1: 48px;\n --bs-4-responsive-desktop-fontsize-heading-h2: 40px;\n --bs-4-responsive-desktop-fontsize-heading-h3: 32px;\n --bs-4-responsive-desktop-fontsize-heading-h4: 24px;\n --bs-4-responsive-desktop-fontsize-heading-h5: 20px;\n --bs-4-responsive-desktop-fontsize-heading-h6: 16px;\n --bs-4-responsive-desktop-fontsize-body-lg: 20px;\n --bs-4-responsive-desktop-fontsize-body-md: 16px;\n --bs-4-responsive-desktop-fontsize-body-sm: 14px;\n --bs-4-responsive-desktop-fontsize-caption-lg: 16px;\n --bs-4-responsive-desktop-fontsize-caption-md: 14px;\n --bs-4-responsive-desktop-fontsize-caption-sm: 12px;\n --bs-4-responsive-desktop-line-height-display-display1: 96;\n --bs-4-responsive-desktop-line-height-display-display2: 88;\n --bs-4-responsive-desktop-line-height-display-display3: 72;\n --bs-4-responsive-desktop-line-height-display-display4: 64;\n --bs-4-responsive-desktop-line-height-display-display5: 56;\n --bs-4-responsive-desktop-line-height-display-display6: 48;\n --bs-4-responsive-desktop-line-height-display-display7: 40;\n --bs-4-responsive-desktop-line-height-heading-h1: 56;\n --bs-4-responsive-desktop-line-height-heading-h2: 48;\n --bs-4-responsive-desktop-line-height-heading-h3: 40;\n --bs-4-responsive-desktop-line-height-heading-h4: 32;\n --bs-4-responsive-desktop-line-height-heading-h5: 24;\n --bs-4-responsive-desktop-line-height-heading-h6: 20;\n --bs-4-responsive-desktop-line-height-body-lg: 28;\n --bs-4-responsive-desktop-line-height-body-md: 24;\n --bs-4-responsive-desktop-line-height-body-sm: 20;\n --bs-4-responsive-desktop-line-height-caption-lg: 24;\n --bs-4-responsive-desktop-line-height-caption-md: 20;\n --bs-4-responsive-desktop-line-height-caption-sm: 16;\n --bs-4-responsive-desktop-paragraph-spacing-display-display1: 40;\n --bs-4-responsive-desktop-paragraph-spacing-display-display2: 36;\n --bs-4-responsive-desktop-paragraph-spacing-display-display3: 30;\n --bs-4-responsive-desktop-paragraph-spacing-display-display4: 28;\n --bs-4-responsive-desktop-paragraph-spacing-display-display5: 24;\n --bs-4-responsive-desktop-paragraph-spacing-display-display6: 20;\n --bs-4-responsive-desktop-paragraph-spacing-display-display7: 16;\n --bs-4-responsive-desktop-paragraph-spacing-heading-h1: 24;\n --bs-4-responsive-desktop-paragraph-spacing-heading-h2: 20;\n --bs-4-responsive-desktop-paragraph-spacing-heading-h3: 16;\n --bs-4-responsive-desktop-paragraph-spacing-heading-h4: 12;\n --bs-4-responsive-desktop-paragraph-spacing-heading-h5: 10;\n --bs-4-responsive-desktop-paragraph-spacing-heading-h6: 8;\n --bs-4-responsive-desktop-paragraph-spacing-body-lg: 10;\n --bs-4-responsive-desktop-paragraph-spacing-body-md: 8;\n --bs-4-responsive-desktop-paragraph-spacing-body-sm: 8;\n --bs-4-responsive-desktop-paragraph-spacing-caption-lg: 8;\n --bs-4-responsive-desktop-paragraph-spacing-caption-md: 8;\n --bs-4-responsive-desktop-paragraph-spacing-caption-sm: 6;\n --bs-4-responsive-desktop-margin-fluid: var(--bs-scale-300);\n --bs-4-responsive-desktop-margin-with-navigation-drawer: var(--bs-scale-300);\n --bs-4-responsive-desktop-gutter-gutter: var(--bs-scale-300);\n --bs-4-responsive-desktop-layout-columns-columns: 12rem;\n --bs-4-responsive-desktop-breakpoints-max-width: 1920rem;\n --bs-4-responsive-desktop-breakpoints-min-width: 1024rem;\n --bs-4-responsive-desktop-navigation-header-hamburger-menu: false;\n --bs-4-responsive-desktop-navigation-header-logo: true;\n --bs-4-responsive-desktop-navigation-header-left-menu: true;\n --bs-4-responsive-desktop-navigation-header-page-label: false;\n --bs-4-responsive-desktop-navigation-header-gap: 40;\n --bs-4-responsive-tablet-fontsize-display-display1: 72px;\n --bs-4-responsive-tablet-fontsize-display-display2: 64px;\n --bs-4-responsive-tablet-fontsize-display-display3: 56px;\n --bs-4-responsive-tablet-fontsize-display-display4: 48px;\n --bs-4-responsive-tablet-fontsize-display-display5: 40px;\n --bs-4-responsive-tablet-fontsize-display-display6: 32px;\n --bs-4-responsive-tablet-fontsize-display-display7: 24px;\n --bs-4-responsive-tablet-fontsize-heading-h1: 40px;\n --bs-4-responsive-tablet-fontsize-heading-h2: 32px;\n --bs-4-responsive-tablet-fontsize-heading-h3: 24px;\n --bs-4-responsive-tablet-fontsize-heading-h4: 22px;\n --bs-4-responsive-tablet-fontsize-heading-h5: 20px;\n --bs-4-responsive-tablet-fontsize-heading-h6: 16px;\n --bs-4-responsive-tablet-fontsize-body-lg: 20px;\n --bs-4-responsive-tablet-fontsize-body-md: 16px;\n --bs-4-responsive-tablet-fontsize-body-sm: 14px;\n --bs-4-responsive-tablet-fontsize-caption-lg: 14px;\n --bs-4-responsive-tablet-fontsize-caption-md: 14px;\n --bs-4-responsive-tablet-fontsize-caption-sm: 12px;\n --bs-4-responsive-tablet-line-height-display-display1: 88;\n --bs-4-responsive-tablet-line-height-display-display2: 72;\n --bs-4-responsive-tablet-line-height-display-display3: 64;\n --bs-4-responsive-tablet-line-height-display-display4: 56;\n --bs-4-responsive-tablet-line-height-display-display5: 48;\n --bs-4-responsive-tablet-line-height-display-display6: 40;\n --bs-4-responsive-tablet-line-height-display-display7: 32;\n --bs-4-responsive-tablet-line-height-heading-h1: 48;\n --bs-4-responsive-tablet-line-height-heading-h2: 40;\n --bs-4-responsive-tablet-line-height-heading-h3: 32;\n --bs-4-responsive-tablet-line-height-heading-h4: 28;\n --bs-4-responsive-tablet-line-height-heading-h5: 24;\n --bs-4-responsive-tablet-line-height-heading-h6: 20;\n --bs-4-responsive-tablet-line-height-body-lg: 28;\n --bs-4-responsive-tablet-line-height-body-md: 24;\n --bs-4-responsive-tablet-line-height-body-sm: 20;\n --bs-4-responsive-tablet-line-height-caption-lg: 20;\n --bs-4-responsive-tablet-line-height-caption-md: 20;\n --bs-4-responsive-tablet-line-height-caption-sm: 16;\n --bs-4-responsive-tablet-paragraph-spacing-display-display1: 36;\n --bs-4-responsive-tablet-paragraph-spacing-display-display2: 32;\n --bs-4-responsive-tablet-paragraph-spacing-display-display3: 28;\n --bs-4-responsive-tablet-paragraph-spacing-display-display4: 24;\n --bs-4-responsive-tablet-paragraph-spacing-display-display5: 20;\n --bs-4-responsive-tablet-paragraph-spacing-display-display6: 16;\n --bs-4-responsive-tablet-paragraph-spacing-display-display7: 12;\n --bs-4-responsive-tablet-paragraph-spacing-heading-h1: 20;\n --bs-4-responsive-tablet-paragraph-spacing-heading-h2: 16;\n --bs-4-responsive-tablet-paragraph-spacing-heading-h3: 12;\n --bs-4-responsive-tablet-paragraph-spacing-heading-h4: 10;\n --bs-4-responsive-tablet-paragraph-spacing-heading-h5: 8;\n --bs-4-responsive-tablet-paragraph-spacing-heading-h6: 8;\n --bs-4-responsive-tablet-paragraph-spacing-body-lg: 10;\n --bs-4-responsive-tablet-paragraph-spacing-body-md: 8;\n --bs-4-responsive-tablet-paragraph-spacing-body-sm: 8;\n --bs-4-responsive-tablet-paragraph-spacing-caption-lg: 8;\n --bs-4-responsive-tablet-paragraph-spacing-caption-md: 8;\n --bs-4-responsive-tablet-paragraph-spacing-caption-sm: 6;\n --bs-4-responsive-tablet-margin-fluid: var(--bs-scale-300);\n --bs-4-responsive-tablet-margin-with-navigation-drawer: var(--bs-scale-300);\n --bs-4-responsive-tablet-gutter-gutter: var(--bs-scale-200);\n --bs-4-responsive-tablet-layout-columns-columns: 8rem;\n --bs-4-responsive-tablet-breakpoints-max-width: 1023rem;\n --bs-4-responsive-tablet-breakpoints-min-width: 600rem;\n --bs-4-responsive-tablet-navigation-header-hamburger-menu: true;\n --bs-4-responsive-tablet-navigation-header-logo: false;\n --bs-4-responsive-tablet-navigation-header-left-menu: false;\n --bs-4-responsive-tablet-navigation-header-page-label: false;\n --bs-4-responsive-tablet-navigation-header-gap: 12;\n --bs-4-responsive-mobile-fontsize-display-display1: 64px;\n --bs-4-responsive-mobile-fontsize-display-display2: 56px;\n --bs-4-responsive-mobile-fontsize-display-display3: 48px;\n --bs-4-responsive-mobile-fontsize-display-display4: 40px;\n --bs-4-responsive-mobile-fontsize-display-display5: 32px;\n --bs-4-responsive-mobile-fontsize-display-display6: 24px;\n --bs-4-responsive-mobile-fontsize-display-display7: 20px;\n --bs-4-responsive-mobile-fontsize-heading-h1: 32px;\n --bs-4-responsive-mobile-fontsize-heading-h2: 28px;\n --bs-4-responsive-mobile-fontsize-heading-h3: 24px;\n --bs-4-responsive-mobile-fontsize-heading-h4: 22px;\n --bs-4-responsive-mobile-fontsize-heading-h5: 20px;\n --bs-4-responsive-mobile-fontsize-heading-h6: 16px;\n --bs-4-responsive-mobile-fontsize-body-lg: 18px;\n --bs-4-responsive-mobile-fontsize-body-md: 16px;\n --bs-4-responsive-mobile-fontsize-body-sm: 12px;\n --bs-4-responsive-mobile-fontsize-caption-lg: 14px;\n --bs-4-responsive-mobile-fontsize-caption-md: 14px;\n --bs-4-responsive-mobile-fontsize-caption-sm: 12px;\n --bs-4-responsive-mobile-line-height-display-display1: 72;\n --bs-4-responsive-mobile-line-height-display-display2: 64;\n --bs-4-responsive-mobile-line-height-display-display3: 56;\n --bs-4-responsive-mobile-line-height-display-display4: 48;\n --bs-4-responsive-mobile-line-height-display-display5: 40;\n --bs-4-responsive-mobile-line-height-display-display6: 32;\n --bs-4-responsive-mobile-line-height-display-display7: 28;\n --bs-4-responsive-mobile-line-height-heading-h1: 40;\n --bs-4-responsive-mobile-line-height-heading-h2: 36;\n --bs-4-responsive-mobile-line-height-heading-h3: 32;\n --bs-4-responsive-mobile-line-height-heading-h4: 28;\n --bs-4-responsive-mobile-line-height-heading-h5: 24;\n --bs-4-responsive-mobile-line-height-heading-h6: 20;\n --bs-4-responsive-mobile-line-height-body-lg: 24;\n --bs-4-responsive-mobile-line-height-body-md: 24;\n --bs-4-responsive-mobile-line-height-body-sm: 20;\n --bs-4-responsive-mobile-line-height-caption-lg: 20;\n --bs-4-responsive-mobile-line-height-caption-md: 20;\n --bs-4-responsive-mobile-line-height-caption-sm: 16;\n --bs-4-responsive-mobile-paragraph-spacing-display-display1: 32;\n --bs-4-responsive-mobile-paragraph-spacing-display-display2: 28;\n --bs-4-responsive-mobile-paragraph-spacing-display-display3: 24;\n --bs-4-responsive-mobile-paragraph-spacing-display-display4: 20;\n --bs-4-responsive-mobile-paragraph-spacing-display-display5: 16;\n --bs-4-responsive-mobile-paragraph-spacing-display-display6: 12;\n --bs-4-responsive-mobile-paragraph-spacing-display-display7: 10;\n --bs-4-responsive-mobile-paragraph-spacing-heading-h1: 16;\n --bs-4-responsive-mobile-paragraph-spacing-heading-h2: 12;\n --bs-4-responsive-mobile-paragraph-spacing-heading-h3: 10;\n --bs-4-responsive-mobile-paragraph-spacing-heading-h4: 10;\n --bs-4-responsive-mobile-paragraph-spacing-heading-h5: 8;\n --bs-4-responsive-mobile-paragraph-spacing-heading-h6: 8;\n --bs-4-responsive-mobile-paragraph-spacing-body-lg: 10;\n --bs-4-responsive-mobile-paragraph-spacing-body-md: 8;\n --bs-4-responsive-mobile-paragraph-spacing-body-sm: 8;\n --bs-4-responsive-mobile-paragraph-spacing-caption-lg: 8;\n --bs-4-responsive-mobile-paragraph-spacing-caption-md: 8;\n --bs-4-responsive-mobile-paragraph-spacing-caption-sm: 6;\n --bs-4-responsive-mobile-margin-fluid: var(--bs-scale-200);\n --bs-4-responsive-mobile-margin-with-navigation-drawer: var(--bs-scale-200);\n --bs-4-responsive-mobile-gutter-gutter: var(--bs-scale-200);\n --bs-4-responsive-mobile-layout-columns-columns: 4rem;\n --bs-4-responsive-mobile-breakpoints-max-width: 599rem;\n --bs-4-responsive-mobile-breakpoints-min-width: 0;\n --bs-4-responsive-mobile-navigation-header-hamburger-menu: true;\n --bs-4-responsive-mobile-navigation-header-logo: false;\n --bs-4-responsive-mobile-navigation-header-left-menu: false;\n --bs-4-responsive-mobile-navigation-header-page-label: true;\n --bs-4-responsive-mobile-navigation-header-gap: 8;\n --bs-5-brand-colors-blue-brand-50: var(--bs-brand-colors-blue-50);\n --bs-5-brand-colors-blue-brand-100: var(--bs-brand-colors-blue-100);\n --bs-5-brand-colors-blue-brand-200: var(--bs-brand-colors-blue-200);\n --bs-5-brand-colors-blue-brand-300: var(--bs-brand-colors-blue-300);\n --bs-5-brand-colors-blue-brand-400: var(--bs-brand-colors-blue-400);\n --bs-5-brand-colors-blue-brand-500: var(--bs-brand-colors-blue-500);\n --bs-5-brand-colors-blue-brand-600: var(--bs-brand-colors-blue-600);\n --bs-5-brand-colors-blue-brand-700: var(--bs-brand-colors-blue-700);\n --bs-5-brand-colors-blue-brand-800: var(--bs-brand-colors-blue-800);\n --bs-5-brand-colors-blue-brand-900: var(--bs-brand-colors-blue-900);\n --bs-5-brand-colors-blue-brand-950: var(--bs-brand-colors-blue-950);\n --bs-5-brand-colors-purple-brand-50: var(--bs-brand-colors-purple-50);\n --bs-5-brand-colors-purple-brand-100: var(--bs-brand-colors-purple-100);\n --bs-5-brand-colors-purple-brand-200: var(--bs-brand-colors-purple-200);\n --bs-5-brand-colors-purple-brand-300: var(--bs-brand-colors-purple-300);\n --bs-5-brand-colors-purple-brand-400: var(--bs-brand-colors-purple-400);\n --bs-5-brand-colors-purple-brand-500: var(--bs-brand-colors-purple-500);\n --bs-5-brand-colors-purple-brand-600: var(--bs-brand-colors-purple-600);\n --bs-5-brand-colors-purple-brand-700: var(--bs-brand-colors-purple-700);\n --bs-5-brand-colors-purple-brand-800: var(--bs-brand-colors-purple-800);\n --bs-5-brand-colors-purple-brand-900: var(--bs-brand-colors-purple-900);\n --bs-5-brand-colors-purple-brand-950: var(--bs-brand-colors-purple-950);\n --bs-5-brand-colors-cobalt-brand-50: var(--bs-brand-colors-cobalt-50);\n --bs-5-brand-colors-cobalt-brand-100: var(--bs-brand-colors-cobalt-100);\n --bs-5-brand-colors-cobalt-brand-200: var(--bs-brand-colors-cobalt-200);\n --bs-5-brand-colors-cobalt-brand-300: var(--bs-brand-colors-cobalt-300);\n --bs-5-brand-colors-cobalt-brand-400: var(--bs-brand-colors-cobalt-400);\n --bs-5-brand-colors-cobalt-brand-500: var(--bs-brand-colors-cobalt-500);\n --bs-5-brand-colors-cobalt-brand-600: var(--bs-brand-colors-cobalt-600);\n --bs-5-brand-colors-cobalt-brand-700: var(--bs-brand-colors-cobalt-700);\n --bs-5-brand-colors-cobalt-brand-800: var(--bs-brand-colors-cobalt-800);\n --bs-5-brand-colors-cobalt-brand-900: var(--bs-brand-colors-cobalt-900);\n --bs-5-brand-colors-cobalt-brand-950: var(--bs-brand-colors-cobalt-950);\n --bs-5-brand-colors-steel-brand-50: {Brand Colors.steel.50};\n --bs-5-brand-colors-steel-brand-100: {Brand Colors.steel.100};\n --bs-5-brand-colors-steel-brand-200: {Brand Colors.steel.200};\n --bs-5-brand-colors-steel-brand-300: {Brand Colors.steel.300};\n --bs-5-brand-colors-steel-brand-400: {Brand Colors.steel.400};\n --bs-5-brand-colors-steel-brand-500: {Brand Colors.steel.500};\n --bs-5-brand-colors-steel-brand-600: {Brand Colors.steel.600};\n --bs-5-brand-colors-steel-brand-700: {Brand Colors.steel.800};\n --bs-5-brand-colors-steel-brand-800: {Brand Colors.steel.800};\n --bs-5-brand-colors-steel-brand-900: {Brand Colors.steel.900};\n --bs-5-brand-colors-steel-brand-950: {Brand Colors.steel.950};\n --bs-5-brand-colors-teal-brand-50: {Brand Colors.teal.50};\n --bs-5-brand-colors-teal-brand-100: {Brand Colors.teal.100};\n --bs-5-brand-colors-teal-brand-200: {Brand Colors.teal.200};\n --bs-5-brand-colors-teal-brand-300: {Brand Colors.teal.300};\n --bs-5-brand-colors-teal-brand-400: {Brand Colors.teal.400};\n --bs-5-brand-colors-teal-brand-500: {Brand Colors.teal.500};\n --bs-5-brand-colors-teal-brand-600: {Brand Colors.teal.600};\n --bs-5-brand-colors-teal-brand-700: {Brand Colors.teal.700};\n --bs-5-brand-colors-teal-brand-800: {Brand Colors.teal.800};\n --bs-5-brand-colors-teal-brand-900: {Brand Colors.teal.900};\n --bs-5-brand-colors-teal-brand-950: {Brand Colors.teal.950};\n --bs-5-brand-colors-jade-brand-50: {Brand Colors.jade.50};\n --bs-5-brand-colors-jade-brand-100: {Brand Colors.jade.100};\n --bs-5-brand-colors-jade-brand-200: {Brand Colors.jade.200};\n --bs-5-brand-colors-jade-brand-300: {Brand Colors.jade.300};\n --bs-5-brand-colors-jade-brand-400: {Brand Colors.jade.400};\n --bs-5-brand-colors-jade-brand-500: {Brand Colors.jade.500};\n --bs-5-brand-colors-jade-brand-600: {Brand Colors.jade.600};\n --bs-5-brand-colors-jade-brand-700: {Brand Colors.teal.700};\n --bs-5-brand-colors-jade-brand-800: {Brand Colors.jade.800};\n --bs-5-brand-colors-jade-brand-900: {Brand Colors.jade.900};\n --bs-5-brand-colors-jade-brand-950: {Brand Colors.jade.950};\n --bs-5-brand-colors-green-brand-50: var(--bs-brand-colors-green-50);\n --bs-5-brand-colors-green-brand-100: var(--bs-brand-colors-green-100);\n --bs-5-brand-colors-green-brand-200: var(--bs-brand-colors-green-200);\n --bs-5-brand-colors-green-brand-300: var(--bs-brand-colors-green-300);\n --bs-5-brand-colors-green-brand-400: var(--bs-brand-colors-green-400);\n --bs-5-brand-colors-green-brand-500: var(--bs-brand-colors-green-500);\n --bs-5-brand-colors-green-brand-600: var(--bs-brand-colors-green-600);\n --bs-5-brand-colors-green-brand-700: var(--bs-brand-colors-green-700);\n --bs-5-brand-colors-green-brand-800: var(--bs-brand-colors-green-800);\n --bs-5-brand-colors-green-brand-900: var(--bs-brand-colors-green-900);\n --bs-5-brand-colors-green-brand-950: var(--bs-brand-colors-green-950);\n --bs-5-brand-colors-lime-brand-50: var(--bs-brand-colors-lime-50);\n --bs-5-brand-colors-lime-brand-100: var(--bs-brand-colors-lime-100);\n --bs-5-brand-colors-lime-brand-200: var(--bs-brand-colors-lime-200);\n --bs-5-brand-colors-lime-brand-300: var(--bs-brand-colors-lime-300);\n --bs-5-brand-colors-lime-brand-400: var(--bs-brand-colors-lime-400);\n --bs-5-brand-colors-lime-brand-500: var(--bs-brand-colors-lime-500);\n --bs-5-brand-colors-lime-brand-600: var(--bs-brand-colors-lime-600);\n --bs-5-brand-colors-lime-brand-700: var(--bs-brand-colors-lime-700);\n --bs-5-brand-colors-lime-brand-800: var(--bs-brand-colors-lime-800);\n --bs-5-brand-colors-lime-brand-900: var(--bs-brand-colors-lime-900);\n --bs-5-brand-colors-lime-brand-950: var(--bs-brand-colors-lime-950);\n --bs-5-brand-colors-yellow-brand-50: var(--bs-brand-colors-yellow-50);\n --bs-5-brand-colors-yellow-brand-100: var(--bs-brand-colors-yellow-100);\n --bs-5-brand-colors-yellow-brand-200: var(--bs-brand-colors-yellow-200);\n --bs-5-brand-colors-yellow-brand-300: var(--bs-brand-colors-yellow-300);\n --bs-5-brand-colors-yellow-brand-400: var(--bs-brand-colors-yellow-400);\n --bs-5-brand-colors-yellow-brand-500: var(--bs-brand-colors-yellow-500);\n --bs-5-brand-colors-yellow-brand-600: var(--bs-brand-colors-yellow-600);\n --bs-5-brand-colors-yellow-brand-700: var(--bs-brand-colors-yellow-700);\n --bs-5-brand-colors-yellow-brand-800: var(--bs-brand-colors-yellow-800);\n --bs-5-brand-colors-yellow-brand-900: var(--bs-brand-colors-yellow-900);\n --bs-5-brand-colors-yellow-brand-950: var(--bs-brand-colors-yellow-950);\n --bs-5-brand-colors-amber-brand-50: var(--bs-brand-colors-amber-50);\n --bs-5-brand-colors-amber-brand-100: var(--bs-brand-colors-amber-100);\n --bs-5-brand-colors-amber-brand-200: var(--bs-brand-colors-amber-200);\n --bs-5-brand-colors-amber-brand-300: var(--bs-brand-colors-amber-300);\n --bs-5-brand-colors-amber-brand-400: var(--bs-brand-colors-amber-400);\n --bs-5-brand-colors-amber-brand-500: var(--bs-brand-colors-amber-500);\n --bs-5-brand-colors-amber-brand-600: var(--bs-brand-colors-amber-600);\n --bs-5-brand-colors-amber-brand-700: var(--bs-brand-colors-amber-700);\n --bs-5-brand-colors-amber-brand-800: var(--bs-brand-colors-amber-800);\n --bs-5-brand-colors-amber-brand-900: var(--bs-brand-colors-amber-900);\n --bs-5-brand-colors-amber-brand-950: var(--bs-brand-colors-amber-950);\n --bs-5-brand-colors-orange-brand-50: var(--bs-brand-colors-orange-50);\n --bs-5-brand-colors-orange-brand-100: var(--bs-brand-colors-orange-100);\n --bs-5-brand-colors-orange-brand-200: var(--bs-brand-colors-orange-200);\n --bs-5-brand-colors-orange-brand-300: var(--bs-brand-colors-orange-300);\n --bs-5-brand-colors-orange-brand-400: var(--bs-brand-colors-orange-400);\n --bs-5-brand-colors-orange-brand-500: var(--bs-brand-colors-orange-500);\n --bs-5-brand-colors-orange-brand-600: var(--bs-brand-colors-orange-600);\n --bs-5-brand-colors-orange-brand-700: var(--bs-brand-colors-orange-700);\n --bs-5-brand-colors-orange-brand-800: var(--bs-brand-colors-orange-800);\n --bs-5-brand-colors-orange-brand-900: var(--bs-brand-colors-orange-900);\n --bs-5-brand-colors-orange-brand-950: var(--bs-brand-colors-amber-950);\n --bs-5-brand-colors-magenta-brand-50: var(--bs-brand-colors-magenta-50);\n --bs-5-brand-colors-magenta-brand-100: var(--bs-brand-colors-magenta-100);\n --bs-5-brand-colors-magenta-brand-200: var(--bs-brand-colors-magenta-200);\n --bs-5-brand-colors-magenta-brand-300: var(--bs-brand-colors-magenta-300);\n --bs-5-brand-colors-magenta-brand-400: var(--bs-brand-colors-magenta-400);\n --bs-5-brand-colors-magenta-brand-500: var(--bs-brand-colors-magenta-500);\n --bs-5-brand-colors-magenta-brand-600: var(--bs-brand-colors-magenta-600);\n --bs-5-brand-colors-magenta-brand-700: var(--bs-brand-colors-magenta-700);\n --bs-5-brand-colors-magenta-brand-800: var(--bs-brand-colors-magenta-800);\n --bs-5-brand-colors-magenta-brand-900: var(--bs-brand-colors-magenta-900);\n --bs-5-brand-colors-magenta-brand-950: var(--bs-brand-colors-magenta-950);\n --bs-5-brand-colors-maroon-brand-50: var(--bs-brand-colors-maroon-50);\n --bs-5-brand-colors-maroon-brand-100: var(--bs-brand-colors-maroon-100);\n --bs-5-brand-colors-maroon-brand-200: var(--bs-brand-colors-maroon-200);\n --bs-5-brand-colors-maroon-brand-300: var(--bs-brand-colors-maroon-300);\n --bs-5-brand-colors-maroon-brand-400: var(--bs-brand-colors-maroon-400);\n --bs-5-brand-colors-maroon-brand-500: var(--bs-brand-colors-maroon-500);\n --bs-5-brand-colors-maroon-brand-600: var(--bs-brand-colors-maroon-600);\n --bs-5-brand-colors-maroon-brand-700: var(--bs-brand-colors-maroon-700);\n --bs-5-brand-colors-maroon-brand-800: var(--bs-brand-colors-maroon-800);\n --bs-5-brand-colors-maroon-brand-900: var(--bs-brand-colors-maroon-900);\n --bs-5-brand-colors-maroon-brand-950: var(--bs-brand-colors-maroon-950);\n --bs-5-brand-colors-violet-brand-50: var(--bs-brand-colors-violet-50);\n --bs-5-brand-colors-violet-brand-100: var(--bs-brand-colors-violet-100);\n --bs-5-brand-colors-violet-brand-200: var(--bs-brand-colors-violet-200);\n --bs-5-brand-colors-violet-brand-300: var(--bs-brand-colors-violet-300);\n --bs-5-brand-colors-violet-brand-400: var(--bs-brand-colors-violet-400);\n --bs-5-brand-colors-violet-brand-500: var(--bs-brand-colors-violet-500);\n --bs-5-brand-colors-violet-brand-600: var(--bs-brand-colors-violet-600);\n --bs-5-brand-colors-violet-brand-700: var(--bs-brand-colors-violet-700);\n --bs-5-brand-colors-violet-brand-800: var(--bs-brand-colors-violet-800);\n --bs-5-brand-colors-violet-brand-900: var(--bs-brand-colors-violet-900);\n --bs-5-brand-colors-violet-brand-950: var(--bs-brand-colors-violet-950);\n --bs-focus-border-: var(--bs-information-500);\n --bs-label: Label;\n --bs-border-width-0: var(--bs-scale-0);\n --bs-border-width-thin: var(--bs-scale-10);\n --bs-border-width-medium: var(--bs-scale-25);\n --bs-border-width-thick: var(--bs-scale-50);\n --bs-border-radius-0: var(--bs-scale-0);\n --bs-border-radius-50: var(--bs-scale-50);\n --bs-border-radius-75: var(--bs-scale-75);\n --bs-border-radius-100: var(--bs-scale-100);\n --bs-border-radius-150: var(--bs-scale-150);\n --bs-border-radius-200: var(--bs-scale-200);\n --bs-border-radius-300: var(--bs-scale-300);\n --bs-border-radius-full: var(--bs-scale-1500);\n --bs-sizing-75: var(--bs-scale-75);\n --bs-sizing-100: var(--bs-scale-100);\n --bs-sizing-200: var(--bs-scale-200);\n --bs-sizing-250: var(--bs-scale-250);\n --bs-sizing-300: var(--bs-scale-300);\n --bs-sizing-400: var(--bs-scale-400);\n --bs-sizing-500: var(--bs-scale-500);\n --bs-sizing-600: var(--bs-scale-600);\n --bs-sizing-700: var(--bs-scale-700);\n --bs-sizing-800: var(--bs-scale-800);\n --bs-sizing-1000: var(--bs-scale-1000);\n --bs-sizing-1200: var(--bs-scale-1200);\n --bs-sizing-1600: var(--bs-scale-1600);\n --bs-sizing-3200: var(--bs-scale-3200);\n --bs-sizing-6400: var(--bs-scale-6400);\n}\n\n[data-theme=\"dark\"] {\n\n /* Primary Colors - Dark Mode */\n --bs-color-primary-default: var(--bs-brand-400);\n --bs-color-primary-hover: var(--bs-brand-300);\n --bs-color-primary-focused: var(--bs-brand-300);\n --bs-color-primary-pressed: var(--bs-brand-200);\n --bs-color-primary-container: var(--bs-brand-950);\n --bs-color-primary-container-hover: var(--bs-brand-900);\n\n /* Neutral Colors - Dark Mode */\n --bs-color-neutral-default: var(--bs-neutral-300);\n --bs-color-neutral-hover: var(--bs-neutral-200);\n --bs-color-neutral-focused: var(--bs-neutral-200);\n --bs-color-neutral-pressed: var(--bs-neutral-50);\n --bs-color-neutral-container: var(--bs-neutral-900);\n --bs-color-neutral-container-hover: var(--bs-neutral-800);\n --bs-color-neutral-container-focused: var(--bs-neutral-800);\n --bs-color-neutral-container-pressed: var(--bs-neutral-700);\n\n /* Accent Colors - Dark Mode */\n --bs-color-accent-default: var(--bs-brand-colors-magenta-400);\n --bs-color-accent-hover: var(--bs-brand-colors-magenta-300);\n --bs-color-accent-active: var(--bs-brand-colors-magenta-200);\n --bs-color-accent-container: var(--bs-brand-colors-magenta-700);\n\n /* Success Colors - Dark Mode */\n --bs-color-success-default: var(--bs-success-400);\n --bs-color-success-hover: var(--bs-success-300);\n --bs-color-success-focused: var(--bs-success-300);\n --bs-color-success-pressed: var(--bs-success-200);\n --bs-color-success-container: var(--bs-success-800);\n\n /* Warning Colors - Dark Mode */\n --bs-color-warning-default: var(--bs-warning-400);\n --bs-color-warning-hover: var(--bs-warning-300);\n --bs-color-warning-focused: var(--bs-warning-300);\n --bs-color-warning-pressed: var(--bs-warning-200);\n --bs-color-warning-container: var(--bs-warning-800);\n\n /* Error Colors - Dark Mode */\n --bs-color-error-default: var(--bs-error-400);\n --bs-color-error-hover: var(--bs-error-300);\n --bs-color-error-focused: var(--bs-error-300);\n --bs-color-error-pressed: var(--bs-error-200);\n --bs-color-error-container: var(--bs-error-950);\n\n /* Info Colors - Dark Mode */\n --bs-color-info-default: var(--bs-information-400);\n --bs-color-info-hover: var(--bs-information-300);\n --bs-color-info-focused: var(--bs-information-300);\n --bs-color-info-pressed: var(--bs-information-200);\n --bs-color-info-container: var(--bs-information-800);\n\n /* Text Colors - Dark Mode */\n --bs-text-static-white: var(--bs-white);\n --bs-text-static-black: var(--bs-black);\n --bs-text-default: var(--bs-white);\n --bs-text-secondary: var(--bs-neutral-200);\n --bs-text-muted: var(--bs-neutral-300);\n --bs-text-inverse: var(--bs-static-black);\n --bs-text-link: var(--bs-information-400);\n --bs-text-action: var(--bs-brand-400);\n --bs-text-action-hover: var(--bs-brand-500);\n --bs-text-success: var(--bs-success-300);\n --bs-text-info: var(--bs-information-300);\n --bs-text-warning: var(--bs-warning-300);\n --bs-text-error: var(--bs-error-300);\n --bs-text-on-action: var(--bs-black);\n --bs-text-on-disabled: var(--bs-neutral-600);\n --bs-text-accent: var(--bs-brand-colors-purple-400);\n --bs-text-inverse-accent: var(--bs-brand-colors-purple-600);\n --bs-text-neutral---default: var(--bs-neutral-300);\n --bs-text-neutral---hover: var(--bs-neutral-200);\n --bs-text-neutral---focused: var(--bs-neutral-200);\n --bs-text-neutral---pressed: var(--bs-neutral-50);\n --bs-text-neutral-default: var(--bs-neutral-300);\n --bs-text-neutral-hover: var(--bs-neutral-200);\n --bs-text-neutral-focused: var(--bs-neutral-200);\n --bs-text-neutral-pressed: var(--bs-neutral-50);\n\n /* Surface Colors - Dark Mode */\n --bs-surface-base: var(--bs-neutral-950);\n --bs-surface-raised: var(--bs-neutral-900);\n --bs-surface-container: var(--bs-neutral-900);\n --bs-surface-hover: var(--bs-neutral-800);\n --bs-surface-focus: var(--bs-neutral-800);\n --bs-surface-pressed: var(--bs-neutral-600);\n --bs-surface-selected: var(--bs-neutral-700);\n --bs-surface-selected-hover: var(--bs-neutral-700);\n --bs-surface-selected-focus: var(--bs-neutral-700);\n --bs-surface-selected-pressed: var(--bs-neutral-600);\n --bs-surface-active: var(--bs-neutral-600);\n --bs-surface-action: var(--bs-color-primary-default);\n --bs-surface-inset: var(--bs-neutral-900);\n --bs-surface-inverse: var(--bs-neutral-50-transparent);\n --bs-surface-accent: var(--bs-gray-transparent-2);\n --bs-surface-on-action: var(--bs-gray-900);\n --bs-surface-on-action-disabled: var(--bs-neutral-600);\n --bs-surface-action-disabled: var(--bs-neutral-900);\n --bs-surface-success: var(--bs-success-600);\n --bs-surface-info: var(--bs-information-600);\n --bs-surface-warning: var(--bs-warning-600);\n --bs-surface-error: var(--bs-error-600);\n --bs-surface-overlay: var(--bs-neutral-500-transparent-2);\n --bs-surface-overlay-level-2: var(--bs-neutral-500-transparent);\n\n /* Icon Colors - Dark Mode */\n --bs-icon-static-white: var(--bs-white);\n --bs-icon-static-black: var(--bs-black);\n --bs-icon-default: var(--bs-neutral-25);\n --bs-icon-muted: var(--bs-neutral-400);\n --bs-icon-disabled: var(--bs-neutral-600);\n --bs-icon-inverse: var(--bs-static-black);\n --bs-icon-action: var(--bs-brand-400);\n --bs-icon-action-hover: var(--bs-brand-300);\n --bs-icon-success: var(--bs-success-400);\n --bs-icon-info: var(--bs-information-300);\n --bs-icon-warning: var(--bs-warning-300);\n --bs-icon-error: var(--bs-error-300);\n --bs-icon-neutral-default: var(--bs-neutral-300);\n --bs-icon-neutral-hover: var(--bs-neutral-200);\n --bs-icon-neutral-focused: var(--bs-neutral-200);\n --bs-icon-neutral-pressed: var(--bs-neutral-50);\n\n /* Border Colors - Dark Mode */\n --bs-border-default: var(--bs-neutral-800);\n --bs-border-neutral-hover: var(--bs-neutral-300);\n --bs-border-neutral-focus: var(--bs-focus-border-);\n --bs-border-neutral-active: var(--bs-neutral-500);\n --bs-border-neutral-disabled: var(--bs-neutral-700);\n --bs-border-neutral-container: var(--bs-neutral-700);\n --bs-border-neutral-container-hover: var(--bs-neutral-500);\n --bs-border-neutral-container-focused: var(--bs-focus-border-);\n --bs-border-neutral-container-pressed: var(--bs-neutral-300);\n --bs-border-success: var(--bs-success-400);\n --bs-border-success-hover: var(--bs-success-300);\n --bs-border-success-focus: var(--bs-focus-border-);\n --bs-border-warning: var(--bs-warning-400);\n --bs-border-warning-hover: var(--bs-warning-300);\n --bs-border-warning-focus: var(--bs-focus-border-);\n --bs-border-error: var(--bs-error-300);\n --bs-border-error-hover: var(--bs-error-200);\n --bs-border-error-focus: var(--bs-focus-border-);\n --bs-border-info: var(--bs-information-400);\n --bs-border-info-hover: var(--bs-information-600);\n --bs-border-info-focus: var(--bs-focus-border-);\n --bs-border-primary: var(--bs-brand-400);\n --bs-border-primary-hover: var(--bs-brand-300);\n --bs-border-primary-focus: var(--bs-focus-border-);\n --bs-border-primary-pressed: var(--bs-brand-200);\n\n /* Elevation Colors - Dark Mode */\n --bs-elevation-none: var(--bs-dark-mode-0);\n --bs-elevation-low: var(--bs-dark-mode-100);\n --bs-elevation-medium: var(--bs-dark-mode-200);\n --bs-elevation-high: var(--bs-dark-mode-300);\n --bs-elevation-higher: var(--bs-dark-mode-400);\n --bs-elevation-highest: var(--bs-dark-mode-500);\n --bs-elevation-inner: var(--bs-dark-mode-600);\n --bs-elevation-focus: var(--bs-dark-mode-700);\n\n --bs-focus-border-: var(--bs-information-300);\n --bs-label: Label;\n --bs-border-width-0: var(--bs-scale-0);\n --bs-border-width-thin: var(--bs-scale-10);\n --bs-border-width-medium: var(--bs-scale-25);\n --bs-border-width-thick: var(--bs-scale-50);\n --bs-border-radius-0: var(--bs-scale-0);\n --bs-border-radius-50: var(--bs-scale-50);\n --bs-border-radius-75: var(--bs-scale-75);\n --bs-border-radius-100: var(--bs-scale-100);\n --bs-border-radius-150: var(--bs-scale-150);\n --bs-border-radius-200: var(--bs-scale-200);\n --bs-border-radius-300: var(--bs-scale-300);\n --bs-border-radius-full: var(--bs-scale-1500);\n --bs-spacing-0: var(--bs-scale-0);\n --bs-spacing-25: var(--bs-scale-25);\n --bs-spacing-50: var(--bs-scale-50);\n --bs-spacing-75: var(--bs-scale-75);\n --bs-spacing-100: var(--bs-scale-100);\n --bs-spacing-150: var(--bs-scale-150);\n --bs-spacing-200: var(--bs-scale-200);\n --bs-spacing-250: var(--bs-scale-250);\n --bs-spacing-300: var(--bs-scale-300);\n --bs-spacing-350: var(--bs-scale-350);\n --bs-spacing-400: var(--bs-scale-400);\n --bs-spacing-500: var(--bs-scale-500);\n --bs-spacing-550: var(--bs-scale-550);\n --bs-spacing-600: var(--bs-scale-600);\n --bs-spacing-700: var(--bs-scale-700);\n --bs-spacing-800: var(--bs-scale-800);\n --bs-spacing-1000: var(--bs-scale-1000);\n --bs-spacing-1200: var(--bs-scale-1200);\n --bs-spacing-1500: var(--bs-scale-1500);\n --bs-spacing--600: var(--bs-scale--600);\n --bs-spacing--500: var(--bs-scale--500);\n --bs-spacing--350: var(--bs-scale--350);\n --bs-spacing--200: var(--bs-scale--200);\n --bs-spacing--150: var(--bs-scale--150);\n --bs-spacing--100: var(--bs-scale--100);\n --bs-sizing-75: var(--bs-scale-75);\n --bs-sizing-100: var(--bs-scale-100);\n --bs-sizing-200: var(--bs-scale-200);\n --bs-sizing-250: var(--bs-scale-250);\n --bs-sizing-300: var(--bs-scale-300);\n --bs-sizing-400: var(--bs-scale-400);\n --bs-sizing-500: var(--bs-scale-500);\n --bs-sizing-600: var(--bs-scale-600);\n --bs-sizing-700: var(--bs-scale-700);\n --bs-sizing-800: var(--bs-scale-800);\n --bs-sizing-1000: var(--bs-scale-1000);\n --bs-sizing-1200: var(--bs-scale-1200);\n --bs-sizing-1600: var(--bs-scale-1600);\n --bs-sizing-3200: var(--bs-scale-3200);\n --bs-sizing-6400: var(--bs-scale-6400);\n}\n\n/* Reduced Motion */\n@media (prefers-reduced-motion: reduce) {\n :root {\n --bs-duration-instant: 0ms;\n --bs-duration-fast: 0ms;\n --bs-duration-default: 0ms;\n --bs-duration-slow: 0ms;\n --bs-duration-slower: 0ms;\n }\n}\n\n/*\n * Sets the document root to Brandsync's typeface (brandsync-tokens defines Roboto for both\n * --bs-typography-font-family-heading and -body). Every component's shadow styles use\n * `font-family: inherit`, so this is what they actually inherit from.\n *\n * Loading the Roboto font file itself is the consuming app's job, same convention already used\n * across eg-brandsync -- a <link> to Google Fonts (or next/font/google) for the weights actually\n * used by brandsync-tokens: 100, 400, 500, 600, 700, 900. See README.md.\n */\n:root {\n font-family: var(--bs-typography-font-family-body), sans-serif;\n}\n\n/*\n * Bridges the `[data-theme=\"dark\"]` attribute (set by a consuming app, or this library's own\n * Storybook \"Theme\" toolbar switch -- see .storybook/preview.ts) to bs-logo's asset-visibility\n * custom properties, so bs-logo's `background=\"auto\"` default (the default) can react to it via\n * ordinary custom property inheritance across shadow DOM boundaries -- the same mechanism every\n * other `--bs-*` token already uses to re-theme component internals, just for a fixed SVG asset\n * that has no token of its own to read. Kept out of tokens.css since that file is vendored\n * wholesale from the brandsync-tokens package and re-copied verbatim on every bump (see its own\n * header comment) -- this is BrandSync-WC's own addition, not an upstream design token.\n */\n:root {\n --bs-logo-asset-light-display: block;\n --bs-logo-asset-dark-display: none;\n}\n\n[data-theme='dark'] {\n --bs-logo-asset-light-display: none;\n --bs-logo-asset-dark-display: block;\n}\n\n/*\n * bs-icon-tile's success / warning / error / information tints, per theme. The Figma \"Icon tile\" dark mode\n * uses the 900 step of each palette for the background and the 100 step for the glyph (e.g. success:\n * #0f2b1e behind #c5ebd5), which the vendored semantic tokens (--bs-color-*-container, --bs-icon-*) don't\n * resolve to in dark mode, and the light-mode success background is --bs-success-50, one step lighter than\n * --bs-color-success-container. The information tint is deliberately fixed in both modes (the Figma notes\n * its palette is \"not mode-aware\"). Same mechanism as the bs-logo bridge above: ordinary custom properties\n * on the root, read by the component with a light-mode fallback so it still works if this file isn't loaded.\n * BrandSync-WC's own addition, not an upstream design token.\n */\n:root {\n --bs-icon-tile-success-bg: var(--bs-success-50);\n --bs-icon-tile-success-color: var(--bs-icon-success);\n --bs-icon-tile-warning-bg: var(--bs-color-warning-container);\n --bs-icon-tile-warning-color: var(--bs-icon-warning);\n --bs-icon-tile-error-bg: var(--bs-color-error-container);\n --bs-icon-tile-error-color: var(--bs-icon-error);\n --bs-icon-tile-information-bg: var(--bs-information-50);\n --bs-icon-tile-information-color: var(--bs-icon-info);\n}\n\n[data-theme='dark'] {\n --bs-icon-tile-success-bg: var(--bs-success-900);\n --bs-icon-tile-success-color: var(--bs-success-100);\n --bs-icon-tile-warning-bg: var(--bs-warning-900);\n --bs-icon-tile-warning-color: var(--bs-warning-100);\n --bs-icon-tile-error-bg: var(--bs-error-900);\n --bs-icon-tile-error-color: var(--bs-error-100);\n --bs-icon-tile-information-bg: var(--bs-information-50);\n --bs-icon-tile-information-color: var(--bs-information-400);\n}\n\n\n";
6
-
7
- /*
8
- Stencil Client Platform v4.45.2 | MIT Licensed | https://stenciljs.com
9
- */
10
-
11
-
12
- // src/utils/constants.ts
13
- var SVG_NS = "http://www.w3.org/2000/svg";
14
- var HTML_NS = "http://www.w3.org/1999/xhtml";
15
-
16
- // src/utils/get-prop-descriptor.ts
17
- function getPropertyDescriptor(obj, memberName, getOnly) {
18
- const stopAt = typeof HTMLElement !== "undefined" ? HTMLElement.prototype : null;
19
- while (obj && obj !== stopAt) {
20
- const desc = Object.getOwnPropertyDescriptor(obj, memberName);
21
- if (desc && (!getOnly || desc.get)) return desc;
22
- obj = Object.getPrototypeOf(obj);
23
- }
24
- return void 0;
25
- }
26
-
27
- // src/utils/es2022-rewire-class-members.ts
28
- var reWireGetterSetter = (instance, hostRef) => {
29
- var _a;
30
- const cmpMeta = hostRef.$cmpMeta$;
31
- const members = Object.entries((_a = cmpMeta.$members$) != null ? _a : {});
32
- members.map(([memberName, [memberFlags]]) => {
33
- if ((memberFlags & 31 /* Prop */ || memberFlags & 32 /* State */)) {
34
- const ogValue = instance[memberName];
35
- const ogDescriptor = getPropertyDescriptor(Object.getPrototypeOf(instance), memberName, true) || Object.getOwnPropertyDescriptor(instance, memberName);
36
- if (ogDescriptor) {
37
- Object.defineProperty(instance, memberName, {
38
- get() {
39
- return ogDescriptor.get.call(this);
40
- },
41
- set(newValue) {
42
- ogDescriptor.set.call(this, newValue);
43
- },
44
- configurable: true,
45
- enumerable: true
46
- });
47
- }
48
- if (hostRef.$instanceValues$.has(memberName)) {
49
- instance[memberName] = hostRef.$instanceValues$.get(memberName);
50
- } else if (ogValue !== void 0) {
51
- instance[memberName] = ogValue;
52
- }
53
- }
54
- });
55
- };
56
-
57
- // src/client/client-host-ref.ts
58
- var getHostRef = (ref) => {
59
- if (ref.__stencil__getHostRef) {
60
- return ref.__stencil__getHostRef();
61
- }
62
- return void 0;
63
- };
64
- var registerInstance = (lazyInstance, hostRef) => {
65
- if (!hostRef) return;
66
- lazyInstance.__stencil__getHostRef = () => hostRef;
67
- hostRef.$lazyInstance$ = lazyInstance;
68
- if (hostRef.$cmpMeta$.$flags$ & 512 /* hasModernPropertyDecls */ && (BUILD.state)) {
69
- reWireGetterSetter(lazyInstance, hostRef);
70
- }
71
- };
72
- var registerHost = (hostElement, cmpMeta) => {
73
- const hostRef = {
74
- $flags$: 0,
75
- $hostElement$: hostElement,
76
- $cmpMeta$: cmpMeta,
77
- $instanceValues$: /* @__PURE__ */ new Map(),
78
- $serializerValues$: /* @__PURE__ */ new Map()
79
- };
80
- {
81
- hostRef.$onInstancePromise$ = new Promise((r) => hostRef.$onInstanceResolve$ = r);
82
- }
83
- {
84
- hostRef.$onReadyPromise$ = new Promise((r) => hostRef.$onReadyResolve$ = r);
85
- hostElement["s-p"] = [];
86
- hostElement["s-rc"] = [];
87
- }
88
- {
89
- hostRef.$fetchedCbList$ = [];
90
- }
91
- const ref = hostRef;
92
- hostElement.__stencil__getHostRef = () => ref;
93
- return ref;
94
- };
95
- var isMemberInElement = (elm, memberName) => memberName in elm;
96
- var consoleError = (e, el) => (0, console.error)(e, el);
97
-
98
- // src/client/client-load-module.ts
99
- var cmpModules = /* @__PURE__ */ new Map();
100
- var failedLoadAttempts = /* @__PURE__ */ new Map();
101
- var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
102
- var _a;
103
- const exportName = cmpMeta.$tagName$.replace(/-/g, "_");
104
- const bundleId = cmpMeta.$lazyBundleId$;
105
- if (!bundleId) {
106
- return void 0;
107
- }
108
- const module = cmpModules.get(bundleId) ;
109
- if (module) {
110
- return module[exportName];
111
- }
112
- const retryCount = (_a = failedLoadAttempts.get(bundleId)) != null ? _a : 0;
113
- const cacheBustParams = [
114
- retryCount > 0 ? `s-retry=${retryCount}` : "",
115
- ""
116
- ].filter(Boolean).join("&");
117
- /*!__STENCIL_STATIC_IMPORT_SWITCH__*/
118
- return import(
119
- /* @vite-ignore */
120
- /* webpackInclude: /\.entry\.js$/ */
121
- /* webpackExclude: /\.system\.entry\.js$/ */
122
- /* webpackMode: "lazy" */
123
- `./${bundleId}.entry.js${cacheBustParams ? "?" + cacheBustParams : ""}`
124
- ).then(
125
- (importedModule) => {
126
- {
127
- failedLoadAttempts.delete(bundleId);
128
- cmpModules.set(bundleId, importedModule);
129
- }
130
- return importedModule[exportName];
131
- },
132
- (e) => {
133
- failedLoadAttempts.set(bundleId, retryCount + 1);
134
- consoleError(e, hostRef.$hostElement$);
135
- }
136
- );
137
- };
138
-
139
- // src/client/client-style.ts
140
- var styles = /* @__PURE__ */ new Map();
141
- var HYDRATED_CSS = "{visibility:hidden}.hydrated{visibility:inherit}";
142
- var SLOT_FB_CSS = "slot-fb{display:contents}slot-fb[hidden]{display:none}";
143
- var XLINK_NS = "http://www.w3.org/1999/xlink";
144
- var MAX_LAZY_LOAD_RETRIES = 3;
145
- var LAZY_LOAD_RETRY_INTERVAL_MS = 1e3;
146
- var FORM_ASSOCIATED_CUSTOM_ELEMENT_CALLBACKS = [
147
- "formAssociatedCallback",
148
- "formResetCallback",
149
- "formDisabledCallback",
150
- "formStateRestoreCallback"
151
- ];
152
- var win = typeof window !== "undefined" ? window : {};
153
- var plt = {
154
- $flags$: 0,
155
- $resourcesUrl$: "",
156
- jmp: (h2) => h2(),
157
- raf: (h2) => requestAnimationFrame(h2),
158
- ael: (el, eventName, listener, opts) => el.addEventListener(eventName, listener, opts),
159
- rel: (el, eventName, listener, opts) => el.removeEventListener(eventName, listener, opts),
160
- ce: (eventName, opts) => new CustomEvent(eventName, opts)
161
- };
162
- var supportsListenerOptions = /* @__PURE__ */ (() => {
163
- var _a;
164
- let supportsListenerOptions2 = false;
165
- try {
166
- (_a = win.document) == null ? void 0 : _a.addEventListener(
167
- "e",
168
- null,
169
- Object.defineProperty({}, "passive", {
170
- get() {
171
- supportsListenerOptions2 = true;
172
- }
173
- })
174
- );
175
- } catch (e) {
176
- }
177
- return supportsListenerOptions2;
178
- })();
179
- var promiseResolve = (v) => Promise.resolve(v);
180
- var supportsConstructableStylesheets = /* @__PURE__ */ (() => {
181
- try {
182
- if (!win.document.adoptedStyleSheets) {
183
- return false;
184
- }
185
- new CSSStyleSheet();
186
- return typeof new CSSStyleSheet().replaceSync === "function";
187
- } catch (e) {
188
- }
189
- return false;
190
- })() ;
191
- var supportsMutableAdoptedStyleSheets = supportsConstructableStylesheets ? /* @__PURE__ */ (() => !!win.document && Object.getOwnPropertyDescriptor(win.document.adoptedStyleSheets, "length").writable)() : false;
192
- var queuePending = false;
193
- var queueDomReads = [];
194
- var queueDomWrites = [];
195
- var scheduleFlush = () => {
196
- var _a;
197
- return ((_a = win.document) == null ? void 0 : _a.hidden) ? setTimeout(flush, 16) : plt.raf(flush);
198
- };
199
- var queueTask = (queue, write) => (cb) => {
200
- queue.push(cb);
201
- if (!queuePending) {
202
- queuePending = true;
203
- if (write && plt.$flags$ & 4 /* queueSync */) {
204
- nextTick(flush);
205
- } else {
206
- scheduleFlush();
207
- }
208
- }
209
- };
210
- var consume = (queue) => {
211
- for (let i2 = 0; i2 < queue.length; i2++) {
212
- try {
213
- queue[i2](performance.now());
214
- } catch (e) {
215
- consoleError(e);
216
- }
217
- }
218
- queue.length = 0;
219
- };
220
- var flush = () => {
221
- consume(queueDomReads);
222
- {
223
- consume(queueDomWrites);
224
- if (queuePending = queueDomReads.length > 0) {
225
- scheduleFlush();
226
- }
227
- }
228
- };
229
- var nextTick = (cb) => promiseResolve().then(cb);
230
- var writeTask = /* @__PURE__ */ queueTask(queueDomWrites, true);
231
-
232
- // src/utils/style.ts
233
- function createStyleSheetIfNeededAndSupported(styles2) {
234
- if (!supportsConstructableStylesheets) return void 0;
235
- const sheet = new CSSStyleSheet();
236
- sheet.replaceSync(styles2);
237
- return sheet;
238
- }
239
-
240
- // src/utils/shadow-root.ts
241
- var globalStyleSheet;
242
- function createShadowRoot(cmpMeta) {
243
- var _a;
244
- const opts = { mode: "open" };
245
- {
246
- opts.delegatesFocus = !!(cmpMeta.$flags$ & 16 /* shadowDelegatesFocus */);
247
- }
248
- const shadowRoot = this.attachShadow(opts);
249
- if (globalStyleSheet === void 0) globalStyleSheet = (_a = createStyleSheetIfNeededAndSupported(globalStyles)) != null ? _a : null;
250
- if (globalStyleSheet) {
251
- if (supportsMutableAdoptedStyleSheets) {
252
- shadowRoot.adoptedStyleSheets.push(globalStyleSheet);
253
- } else {
254
- shadowRoot.adoptedStyleSheets = [...shadowRoot.adoptedStyleSheets, globalStyleSheet];
255
- }
256
- } else if (!supportsConstructableStylesheets) {
257
- const styleElm = document.createElement("style");
258
- styleElm.innerHTML = globalStyles;
259
- shadowRoot.prepend(styleElm);
260
- }
261
- }
262
- var createTime = (fnName, tagName = "") => {
263
- {
264
- return () => {
265
- return;
266
- };
267
- }
268
- };
269
- var uniqueTime = (key, measureText) => {
270
- {
271
- return () => {
272
- return;
273
- };
274
- }
275
- };
276
-
277
- // src/utils/query-nonce-meta-tag-content.ts
278
- function queryNonceMetaTagContent(doc) {
279
- var _a, _b, _c;
280
- return (_c = (_b = (_a = doc.head) == null ? void 0 : _a.querySelector('meta[name="csp-nonce"]')) == null ? void 0 : _b.getAttribute("content")) != null ? _c : void 0;
281
- }
282
-
283
- // src/runtime/styles.ts
284
- var rootAppliedStyles = /* @__PURE__ */ new WeakMap();
285
- var registerStyle = (scopeId2, cssText, allowCS) => {
286
- let style = styles.get(scopeId2);
287
- if (supportsConstructableStylesheets && allowCS) {
288
- style = style || new CSSStyleSheet();
289
- if (typeof style === "string") {
290
- style = cssText;
291
- } else {
292
- style.replaceSync(cssText);
293
- }
294
- } else {
295
- style = cssText;
296
- }
297
- styles.set(scopeId2, style);
298
- };
299
- var addStyle = (styleContainerNode, cmpMeta, mode) => {
300
- var _a, _b, _c;
301
- const scopeId2 = getScopeId(cmpMeta);
302
- const style = styles.get(scopeId2);
303
- if (!win.document) {
304
- return scopeId2;
305
- }
306
- styleContainerNode = styleContainerNode.nodeType === 11 /* DocumentFragment */ ? styleContainerNode : win.document;
307
- if (style) {
308
- if (typeof style === "string") {
309
- styleContainerNode = styleContainerNode.head || styleContainerNode;
310
- let appliedStyles = rootAppliedStyles.get(styleContainerNode);
311
- let styleElm;
312
- if (!appliedStyles) {
313
- rootAppliedStyles.set(styleContainerNode, appliedStyles = /* @__PURE__ */ new Set());
314
- }
315
- if (!appliedStyles.has(scopeId2)) {
316
- styleElm = win.document.createElement("style");
317
- styleElm.textContent = style;
318
- const nonce = (_a = plt.$nonce$) != null ? _a : queryNonceMetaTagContent(win.document);
319
- if (nonce != null) {
320
- styleElm.setAttribute("nonce", nonce);
321
- }
322
- if (!(cmpMeta.$flags$ & 1 /* shadowDomEncapsulation */)) {
323
- if (styleContainerNode.nodeName === "HEAD") {
324
- const preconnectLinks = styleContainerNode.querySelectorAll("link[rel=preconnect]");
325
- const referenceNode2 = preconnectLinks.length > 0 ? preconnectLinks[preconnectLinks.length - 1].nextSibling : styleContainerNode.querySelector("style");
326
- styleContainerNode.insertBefore(
327
- styleElm,
328
- (referenceNode2 == null ? void 0 : referenceNode2.parentNode) === styleContainerNode ? referenceNode2 : null
329
- );
330
- } else if ("host" in styleContainerNode) {
331
- if (supportsConstructableStylesheets) {
332
- const currentWindow = (_b = styleContainerNode.defaultView) != null ? _b : styleContainerNode.ownerDocument.defaultView;
333
- const stylesheet = new currentWindow.CSSStyleSheet();
334
- stylesheet.replaceSync(style);
335
- if (supportsMutableAdoptedStyleSheets) {
336
- styleContainerNode.adoptedStyleSheets.unshift(stylesheet);
337
- } else {
338
- styleContainerNode.adoptedStyleSheets = [stylesheet, ...styleContainerNode.adoptedStyleSheets];
339
- }
340
- } else {
341
- const existingStyleContainer = styleContainerNode.querySelector("style");
342
- if (existingStyleContainer && true) {
343
- existingStyleContainer.textContent = style + existingStyleContainer.textContent;
344
- } else {
345
- styleContainerNode.prepend(styleElm);
346
- }
347
- }
348
- } else {
349
- styleContainerNode.append(styleElm);
350
- }
351
- }
352
- if (cmpMeta.$flags$ & 1 /* shadowDomEncapsulation */) {
353
- styleContainerNode.insertBefore(styleElm, null);
354
- }
355
- if (cmpMeta.$flags$ & 4 /* hasSlotRelocation */) {
356
- styleElm.textContent += SLOT_FB_CSS;
357
- }
358
- if (appliedStyles) {
359
- appliedStyles.add(scopeId2);
360
- }
361
- }
362
- } else {
363
- let appliedStyles = rootAppliedStyles.get(styleContainerNode);
364
- if (!appliedStyles) {
365
- rootAppliedStyles.set(styleContainerNode, appliedStyles = /* @__PURE__ */ new Set());
366
- }
367
- if (!appliedStyles.has(scopeId2)) {
368
- const currentWindow = (_c = styleContainerNode.defaultView) != null ? _c : styleContainerNode.ownerDocument.defaultView;
369
- let stylesheet;
370
- if (style.constructor === currentWindow.CSSStyleSheet) {
371
- stylesheet = style;
372
- } else {
373
- stylesheet = new currentWindow.CSSStyleSheet();
374
- for (let i2 = 0; i2 < style.cssRules.length; i2++) {
375
- stylesheet.insertRule(style.cssRules[i2].cssText, i2);
376
- }
377
- }
378
- if (supportsMutableAdoptedStyleSheets) {
379
- styleContainerNode.adoptedStyleSheets.push(stylesheet);
380
- } else {
381
- styleContainerNode.adoptedStyleSheets = [...styleContainerNode.adoptedStyleSheets, stylesheet];
382
- }
383
- appliedStyles.add(scopeId2);
384
- }
385
- }
386
- }
387
- return scopeId2;
388
- };
389
- var attachStyles = (hostRef) => {
390
- const cmpMeta = hostRef.$cmpMeta$;
391
- const elm = hostRef.$hostElement$;
392
- const flags = cmpMeta.$flags$;
393
- const endAttachStyles = createTime("attachStyles", cmpMeta.$tagName$);
394
- const scopeId2 = addStyle(
395
- elm.shadowRoot ? elm.shadowRoot : elm.getRootNode(),
396
- cmpMeta);
397
- if (flags & 10 /* needsScopedEncapsulation */) {
398
- elm["s-sc"] = scopeId2;
399
- elm.classList.add(scopeId2 + "-h");
400
- }
401
- endAttachStyles();
402
- };
403
- var getScopeId = (cmp, mode) => "sc-" + (cmp.$tagName$);
404
- var isComplexType = (o) => {
405
- o = typeof o;
406
- return o === "object" || o === "function";
407
- };
408
-
409
- // src/runtime/vdom/h.ts
410
- var h = (nodeName, vnodeData, ...children) => {
411
- if (typeof nodeName === "string") {
412
- nodeName = transformTag(nodeName);
413
- }
414
- let child = null;
415
- let key = null;
416
- let simple = false;
417
- let lastSimple = false;
418
- const vNodeChildren = [];
419
- const walk = (c) => {
420
- for (let i2 = 0; i2 < c.length; i2++) {
421
- child = c[i2];
422
- if (Array.isArray(child)) {
423
- walk(child);
424
- } else if (child != null && typeof child !== "boolean") {
425
- if (simple = typeof nodeName !== "function" && !isComplexType(child)) {
426
- child = String(child);
427
- } else if (typeof nodeName !== "function" && child.$flags$ === void 0) {
428
- {
429
- consoleError("Invalid vNode child");
430
- }
431
- continue;
432
- }
433
- if (simple && lastSimple) {
434
- vNodeChildren[vNodeChildren.length - 1].$text$ += child;
435
- } else {
436
- vNodeChildren.push(simple ? newVNode(null, child) : child);
437
- }
438
- lastSimple = simple;
439
- }
440
- }
441
- };
442
- walk(children);
443
- if (vnodeData) {
444
- if (vnodeData.key) {
445
- key = vnodeData.key;
446
- }
447
- {
448
- const classData = vnodeData.className || vnodeData.class;
449
- if (classData) {
450
- vnodeData.class = typeof classData !== "object" ? classData : Object.keys(classData).filter((k) => classData[k]).join(" ");
451
- }
452
- }
453
- }
454
- if (typeof nodeName === "function") {
455
- return nodeName(
456
- vnodeData === null ? {} : vnodeData,
457
- vNodeChildren,
458
- vdomFnUtils
459
- );
460
- }
461
- const vnode = newVNode(nodeName, null);
462
- vnode.$attrs$ = vnodeData;
463
- if (vNodeChildren.length > 0) {
464
- vnode.$children$ = vNodeChildren;
465
- }
466
- {
467
- vnode.$key$ = key;
468
- }
469
- return vnode;
470
- };
471
- var newVNode = (tag, text) => {
472
- const vnode = {
473
- $flags$: 0,
474
- $tag$: tag,
475
- // Normalize undefined to null to prevent rendering "undefined" as text
476
- $text$: text != null ? text : null,
477
- $elm$: null,
478
- $children$: null
479
- };
480
- {
481
- vnode.$attrs$ = null;
482
- }
483
- {
484
- vnode.$key$ = null;
485
- }
486
- return vnode;
487
- };
488
- var Host = {};
489
- var isHost = (node) => node && node.$tag$ === Host;
490
- var vdomFnUtils = {
491
- forEach: (children, cb) => children.map(convertToPublic).forEach(cb),
492
- map: (children, cb) => children.map(convertToPublic).map(cb).map(convertToPrivate)
493
- };
494
- var convertToPublic = (node) => ({
495
- vattrs: node.$attrs$,
496
- vchildren: node.$children$,
497
- vkey: node.$key$,
498
- vname: node.$name$,
499
- vtag: node.$tag$,
500
- vtext: node.$text$
501
- });
502
- var convertToPrivate = (node) => {
503
- if (typeof node.vtag === "function") {
504
- const vnodeData = { ...node.vattrs };
505
- if (node.vkey) {
506
- vnodeData.key = node.vkey;
507
- }
508
- if (node.vname) {
509
- vnodeData.name = node.vname;
510
- }
511
- return h(node.vtag, vnodeData, ...node.vchildren || []);
512
- }
513
- const vnode = newVNode(node.vtag, node.vtext);
514
- vnode.$attrs$ = node.vattrs;
515
- vnode.$children$ = node.vchildren;
516
- vnode.$key$ = node.vkey;
517
- vnode.$name$ = node.vname;
518
- return vnode;
519
- };
520
-
521
- // src/runtime/normalize-watchers.ts
522
- var normalizeWatchers = (raw) => {
523
- if (!raw) return void 0;
524
- const keys = Object.keys(raw);
525
- if (keys.length === 0) return void 0;
526
- let hasLegacy = false;
527
- for (const propName of keys) {
528
- if (hasLegacy) break;
529
- for (const h2 of raw[propName]) {
530
- if (typeof h2 === "string") {
531
- hasLegacy = true;
532
- break;
533
- }
534
- }
535
- }
536
- if (!hasLegacy) return raw;
537
- const out = {};
538
- for (const propName of keys) {
539
- out[propName] = raw[propName].map(
540
- (h2) => typeof h2 === "string" ? { [h2]: 0 } : h2
541
- );
542
- }
543
- return out;
544
- };
545
-
546
- // src/runtime/parse-property-value.ts
547
- var parsePropertyValue = (propValue, propType, isFormAssociated) => {
548
- if (propValue != null && !isComplexType(propValue)) {
549
- if (propType & 4 /* Boolean */) {
550
- if (isFormAssociated && typeof propValue === "string") {
551
- return propValue === "" || !!propValue;
552
- } else {
553
- return propValue === "false" ? false : propValue === "" || !!propValue;
554
- }
555
- }
556
- if (propType & 2 /* Number */) {
557
- return typeof propValue === "string" ? parseFloat(propValue) : typeof propValue === "number" ? propValue : NaN;
558
- }
559
- if (propType & 1 /* String */) {
560
- return String(propValue);
561
- }
562
- return propValue;
563
- }
564
- return propValue;
565
- };
566
- var getElement = (ref) => {
567
- var _a;
568
- return (_a = getHostRef(ref)) == null ? void 0 : _a.$hostElement$ ;
569
- };
570
-
571
- // src/runtime/event-emitter.ts
572
- var createEvent = (ref, name, flags) => {
573
- const elm = getElement(ref);
574
- return {
575
- emit: (detail) => {
576
- return emitEvent(elm, name, {
577
- bubbles: true,
578
- composed: true,
579
- cancelable: true,
580
- detail
581
- });
582
- }
583
- };
584
- };
585
- var emitEvent = (elm, name, opts) => {
586
- const ev = plt.ce(name, opts);
587
- elm.dispatchEvent(ev);
588
- return ev;
589
- };
590
- var setAccessor = (elm, memberName, oldValue, newValue, isSvg, flags, initialRender) => {
591
- if (oldValue === newValue) {
592
- return;
593
- }
594
- let isProp = isMemberInElement(elm, memberName);
595
- let ln = memberName.toLowerCase();
596
- if (memberName === "class") {
597
- const classList = elm.classList;
598
- const oldClasses = parseClassList(oldValue);
599
- let newClasses = parseClassList(newValue);
600
- {
601
- let removedClasses = oldClasses.filter((c) => c && !newClasses.includes(c));
602
- classList.remove(...removedClasses);
603
- classList.add(...newClasses.filter((c) => c && !oldClasses.includes(c)));
604
- }
605
- } else if (memberName === "style") {
606
- {
607
- for (const prop in oldValue) {
608
- if (!newValue || newValue[prop] == null) {
609
- if (prop.includes("-")) {
610
- elm.style.removeProperty(prop);
611
- } else {
612
- elm.style[prop] = "";
613
- }
614
- }
615
- }
616
- }
617
- for (const prop in newValue) {
618
- if (!oldValue || newValue[prop] !== oldValue[prop]) {
619
- if (prop.includes("-")) {
620
- elm.style.setProperty(prop, newValue[prop]);
621
- } else {
622
- elm.style[prop] = newValue[prop];
623
- }
624
- }
625
- }
626
- } else if (memberName === "key") ; else if (memberName === "ref") {
627
- if (newValue) {
628
- queueRefAttachment(newValue, elm);
629
- }
630
- } else if ((!isProp ) && memberName[0] === "o" && memberName[1] === "n") {
631
- if (memberName[2] === "-") {
632
- memberName = memberName.slice(3);
633
- } else if (isMemberInElement(win, ln)) {
634
- memberName = ln.slice(2);
635
- } else {
636
- memberName = ln[2] + memberName.slice(3);
637
- }
638
- if (oldValue || newValue) {
639
- const capture = memberName.endsWith(CAPTURE_EVENT_SUFFIX);
640
- memberName = memberName.replace(CAPTURE_EVENT_REGEX, "");
641
- if (oldValue) {
642
- plt.rel(elm, memberName, oldValue, capture);
643
- }
644
- if (newValue) {
645
- plt.ael(elm, memberName, newValue, capture);
646
- }
647
- }
648
- } else if (memberName[0] === "a" && memberName.startsWith("attr:")) {
649
- const propName = memberName.slice(5);
650
- let attrName;
651
- {
652
- const hostRef = getHostRef(elm);
653
- if (hostRef && hostRef.$cmpMeta$ && hostRef.$cmpMeta$.$members$) {
654
- const memberMeta = hostRef.$cmpMeta$.$members$[propName];
655
- if (memberMeta && memberMeta[1]) {
656
- attrName = memberMeta[1];
657
- }
658
- }
659
- }
660
- if (!attrName) {
661
- attrName = propName.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase();
662
- }
663
- if (newValue == null || newValue === false) {
664
- if (newValue !== false || elm.getAttribute(attrName) === "") {
665
- elm.removeAttribute(attrName);
666
- }
667
- } else {
668
- elm.setAttribute(attrName, newValue === true ? "" : newValue);
669
- }
670
- return;
671
- } else if (memberName[0] === "p" && memberName.startsWith("prop:")) {
672
- const propName = memberName.slice(5);
673
- try {
674
- elm[propName] = newValue;
675
- } catch (e) {
676
- }
677
- return;
678
- } else {
679
- const isComplex = isComplexType(newValue);
680
- if ((isProp || isComplex && newValue !== null) && !isSvg) {
681
- try {
682
- if (!elm.tagName.includes("-")) {
683
- const n = newValue == null ? "" : newValue;
684
- if (memberName === "list") {
685
- isProp = false;
686
- } else if (oldValue == null || elm[memberName] !== n) {
687
- if (typeof elm.__lookupSetter__(memberName) === "function") {
688
- elm[memberName] = n;
689
- } else {
690
- elm.setAttribute(memberName, n);
691
- }
692
- }
693
- } else if (elm[memberName] !== newValue) {
694
- elm[memberName] = newValue;
695
- }
696
- } catch (e) {
697
- }
698
- }
699
- let xlink = false;
700
- {
701
- if (ln !== (ln = ln.replace(/^xlink\:?/, ""))) {
702
- memberName = ln;
703
- xlink = true;
704
- }
705
- }
706
- if (newValue == null || newValue === false) {
707
- if (newValue !== false || elm.getAttribute(memberName) === "" || flags & 4 /* isHost */ && !isEnumeratedAttribute(memberName)) {
708
- if (xlink) {
709
- elm.removeAttributeNS(XLINK_NS, memberName);
710
- } else {
711
- elm.removeAttribute(memberName);
712
- }
713
- }
714
- } else if ((!isProp || flags & 4 /* isHost */ || isSvg) && !isComplex && elm.nodeType === 1 /* ElementNode */) {
715
- newValue = newValue === true ? "" : newValue;
716
- if (xlink) {
717
- elm.setAttributeNS(XLINK_NS, memberName, newValue);
718
- } else {
719
- elm.setAttribute(memberName, newValue);
720
- }
721
- }
722
- }
723
- };
724
- var ENUMERATED_ATTRIBUTES = /* @__PURE__ */ new Set(["draggable", "contenteditable", "spellcheck"]);
725
- var isEnumeratedAttribute = (attrName) => ENUMERATED_ATTRIBUTES.has(attrName) || attrName.startsWith("aria-");
726
- var parseClassListRegex = /\s/;
727
- var parseClassList = (value) => {
728
- if (typeof value === "object" && value && "baseVal" in value) {
729
- value = value.baseVal;
730
- }
731
- if (!value || typeof value !== "string") {
732
- return [];
733
- }
734
- return value.split(parseClassListRegex);
735
- };
736
- var CAPTURE_EVENT_SUFFIX = "Capture";
737
- var CAPTURE_EVENT_REGEX = new RegExp(CAPTURE_EVENT_SUFFIX + "$");
738
-
739
- // src/runtime/vdom/update-element.ts
740
- var updateElement = (oldVnode, newVnode, isSvgMode2, isInitialRender) => {
741
- const elm = newVnode.$elm$.nodeType === 11 /* DocumentFragment */ && newVnode.$elm$.host ? newVnode.$elm$.host : newVnode.$elm$;
742
- const oldVnodeAttrs = oldVnode && oldVnode.$attrs$ || {};
743
- const newVnodeAttrs = newVnode.$attrs$ || {};
744
- {
745
- for (const memberName of sortedAttrNames(Object.keys(oldVnodeAttrs))) {
746
- if (!(memberName in newVnodeAttrs)) {
747
- setAccessor(
748
- elm,
749
- memberName,
750
- oldVnodeAttrs[memberName],
751
- void 0,
752
- isSvgMode2,
753
- newVnode.$flags$);
754
- }
755
- }
756
- }
757
- for (const memberName of sortedAttrNames(Object.keys(newVnodeAttrs))) {
758
- setAccessor(
759
- elm,
760
- memberName,
761
- oldVnodeAttrs[memberName],
762
- newVnodeAttrs[memberName],
763
- isSvgMode2,
764
- newVnode.$flags$);
765
- }
766
- };
767
- function sortedAttrNames(attrNames) {
768
- return attrNames.includes("ref") ? (
769
- // we need to sort these to ensure that `'ref'` is the last attr
770
- [...attrNames.filter((attr) => attr !== "ref"), "ref"]
771
- ) : (
772
- // no need to sort, return the original array
773
- attrNames
774
- );
775
- }
776
- var hostTagName;
777
- var useNativeShadowDom = false;
778
- var isSvgMode = false;
779
- var refCallbacksToRemove = [];
780
- var refCallbacksToAttach = [];
781
- var createElm = (oldParentVNode, newParentVNode, childIndex) => {
782
- const newVNode2 = newParentVNode.$children$[childIndex];
783
- let i2 = 0;
784
- let elm;
785
- let childNode;
786
- if (newVNode2.$text$ != null) {
787
- elm = newVNode2.$elm$ = win.document.createTextNode(newVNode2.$text$);
788
- } else {
789
- if (!isSvgMode) {
790
- isSvgMode = newVNode2.$tag$ === "svg";
791
- }
792
- if (!win.document) {
793
- throw new Error("You are trying to render a Stencil component in an environment that doesn't support the DOM.");
794
- }
795
- elm = newVNode2.$elm$ = win.document.createElementNS(
796
- isSvgMode ? SVG_NS : HTML_NS,
797
- newVNode2.$tag$
798
- ) ;
799
- if (isSvgMode && newVNode2.$tag$ === "foreignObject") {
800
- isSvgMode = false;
801
- }
802
- {
803
- updateElement(null, newVNode2, isSvgMode);
804
- }
805
- if (newVNode2.$children$) {
806
- const appendTarget = newVNode2.$tag$ === "template" ? elm.content : elm;
807
- for (i2 = 0; i2 < newVNode2.$children$.length; ++i2) {
808
- childNode = createElm(oldParentVNode, newVNode2, i2);
809
- if (childNode) {
810
- appendTarget.appendChild(childNode);
811
- }
812
- }
813
- }
814
- {
815
- if (newVNode2.$tag$ === "svg") {
816
- isSvgMode = false;
817
- } else if (elm.tagName === "foreignObject") {
818
- isSvgMode = true;
819
- }
820
- }
821
- }
822
- elm["s-hn"] = hostTagName;
823
- return elm;
824
- };
825
- var relocateToHostRoot = (parentElm) => {
826
- plt.$flags$ |= 1 /* isTmpDisconnected */;
827
- const host = parentElm.closest(hostTagName.toLowerCase());
828
- if (host != null) {
829
- const contentRefNode = Array.from(host.__childNodes || host.childNodes).find(
830
- (ref) => ref["s-cr"]
831
- );
832
- const childNodeArray = Array.from(
833
- parentElm.__childNodes || parentElm.childNodes
834
- );
835
- for (const childNode of contentRefNode ? childNodeArray.reverse() : childNodeArray) {
836
- if (childNode["s-sh"] != null) {
837
- insertBefore(host, childNode, contentRefNode != null ? contentRefNode : null);
838
- childNode["s-sh"] = void 0;
839
- }
840
- }
841
- }
842
- plt.$flags$ &= -2 /* isTmpDisconnected */;
843
- };
844
- var addVnodes = (parentElm, before, parentVNode, vnodes, startIdx, endIdx) => {
845
- let containerElm = parentElm;
846
- let childNode;
847
- if (containerElm.shadowRoot && containerElm.tagName === hostTagName) {
848
- containerElm = containerElm.shadowRoot;
849
- }
850
- if (parentVNode.$tag$ === "template") {
851
- containerElm = containerElm.content;
852
- }
853
- for (; startIdx <= endIdx; ++startIdx) {
854
- if (vnodes[startIdx]) {
855
- childNode = createElm(null, parentVNode, startIdx);
856
- if (childNode) {
857
- vnodes[startIdx].$elm$ = childNode;
858
- insertBefore(containerElm, childNode, before);
859
- }
860
- }
861
- }
862
- };
863
- var removeVnodes = (vnodes, startIdx, endIdx) => {
864
- for (let index = startIdx; index <= endIdx; ++index) {
865
- const vnode = vnodes[index];
866
- if (vnode) {
867
- const elm = vnode.$elm$;
868
- nullifyVNodeRefs(vnode);
869
- if (elm) {
870
- elm.remove();
871
- }
872
- }
873
- }
874
- };
875
- var updateChildren = (parentElm, oldCh, newVNode2, newCh, isInitialRender = false) => {
876
- let oldStartIdx = 0;
877
- let newStartIdx = 0;
878
- let idxInOld = 0;
879
- let i2 = 0;
880
- let oldEndIdx = oldCh.length - 1;
881
- let oldStartVnode = oldCh[0];
882
- let oldEndVnode = oldCh[oldEndIdx];
883
- let newEndIdx = newCh.length - 1;
884
- let newStartVnode = newCh[0];
885
- let newEndVnode = newCh[newEndIdx];
886
- let node;
887
- let elmToMove;
888
- const containerElm = newVNode2.$tag$ === "template" ? parentElm.content : parentElm;
889
- while (oldStartIdx <= oldEndIdx && newStartIdx <= newEndIdx) {
890
- if (oldStartVnode == null) {
891
- oldStartVnode = oldCh[++oldStartIdx];
892
- } else if (oldEndVnode == null) {
893
- oldEndVnode = oldCh[--oldEndIdx];
894
- } else if (newStartVnode == null) {
895
- newStartVnode = newCh[++newStartIdx];
896
- } else if (newEndVnode == null) {
897
- newEndVnode = newCh[--newEndIdx];
898
- } else if (isSameVnode(oldStartVnode, newStartVnode, isInitialRender)) {
899
- patch(oldStartVnode, newStartVnode, isInitialRender);
900
- oldStartVnode = oldCh[++oldStartIdx];
901
- newStartVnode = newCh[++newStartIdx];
902
- } else if (isSameVnode(oldEndVnode, newEndVnode, isInitialRender)) {
903
- patch(oldEndVnode, newEndVnode, isInitialRender);
904
- oldEndVnode = oldCh[--oldEndIdx];
905
- newEndVnode = newCh[--newEndIdx];
906
- } else if (isSameVnode(oldStartVnode, newEndVnode, isInitialRender)) {
907
- patch(oldStartVnode, newEndVnode, isInitialRender);
908
- insertBefore(containerElm, oldStartVnode.$elm$, oldEndVnode.$elm$.nextSibling);
909
- oldStartVnode = oldCh[++oldStartIdx];
910
- newEndVnode = newCh[--newEndIdx];
911
- } else if (isSameVnode(oldEndVnode, newStartVnode, isInitialRender)) {
912
- patch(oldEndVnode, newStartVnode, isInitialRender);
913
- insertBefore(containerElm, oldEndVnode.$elm$, oldStartVnode.$elm$);
914
- oldEndVnode = oldCh[--oldEndIdx];
915
- newStartVnode = newCh[++newStartIdx];
916
- } else {
917
- idxInOld = -1;
918
- {
919
- for (i2 = oldStartIdx; i2 <= oldEndIdx; ++i2) {
920
- if (oldCh[i2] && oldCh[i2].$key$ !== null && oldCh[i2].$key$ === newStartVnode.$key$) {
921
- idxInOld = i2;
922
- break;
923
- }
924
- }
925
- }
926
- if (idxInOld >= 0) {
927
- elmToMove = oldCh[idxInOld];
928
- if (elmToMove.$tag$ !== newStartVnode.$tag$) {
929
- node = createElm(oldCh && oldCh[newStartIdx], newVNode2, newStartIdx);
930
- } else {
931
- patch(elmToMove, newStartVnode, isInitialRender);
932
- oldCh[idxInOld] = void 0;
933
- node = elmToMove.$elm$;
934
- }
935
- newStartVnode = newCh[++newStartIdx];
936
- } else {
937
- node = createElm(oldCh && oldCh[newStartIdx], newVNode2, newStartIdx);
938
- newStartVnode = newCh[++newStartIdx];
939
- }
940
- if (node) {
941
- {
942
- insertBefore(oldStartVnode.$elm$.parentNode, node, oldStartVnode.$elm$);
943
- }
944
- }
945
- }
946
- }
947
- if (oldStartIdx > oldEndIdx) {
948
- addVnodes(
949
- parentElm,
950
- newCh[newEndIdx + 1] == null ? null : newCh[newEndIdx + 1].$elm$,
951
- newVNode2,
952
- newCh,
953
- newStartIdx,
954
- newEndIdx
955
- );
956
- } else if (newStartIdx > newEndIdx) {
957
- removeVnodes(oldCh, oldStartIdx, oldEndIdx);
958
- }
959
- };
960
- var isSameVnode = (leftVNode, rightVNode, isInitialRender = false) => {
961
- if (leftVNode.$tag$ === rightVNode.$tag$) {
962
- if (!isInitialRender) {
963
- return leftVNode.$key$ === rightVNode.$key$;
964
- }
965
- if (isInitialRender && !leftVNode.$key$ && rightVNode.$key$) {
966
- leftVNode.$key$ = rightVNode.$key$;
967
- }
968
- return true;
969
- }
970
- return false;
971
- };
972
- var patch = (oldVNode, newVNode2, isInitialRender = false) => {
973
- const elm = newVNode2.$elm$ = oldVNode.$elm$;
974
- const oldChildren = oldVNode.$children$;
975
- const newChildren = newVNode2.$children$;
976
- const tag = newVNode2.$tag$;
977
- const text = newVNode2.$text$;
978
- if (text == null) {
979
- {
980
- isSvgMode = tag === "svg" ? true : tag === "foreignObject" ? false : isSvgMode;
981
- }
982
- {
983
- if (tag === "slot" && !useNativeShadowDom) {
984
- if (oldVNode.$name$ !== newVNode2.$name$) {
985
- newVNode2.$elm$["s-sn"] = newVNode2.$name$ || "";
986
- relocateToHostRoot(newVNode2.$elm$.parentElement);
987
- }
988
- }
989
- updateElement(oldVNode, newVNode2, isSvgMode);
990
- }
991
- if (oldChildren !== null && newChildren !== null) {
992
- updateChildren(elm, oldChildren, newVNode2, newChildren, isInitialRender);
993
- } else if (newChildren !== null) {
994
- if (oldVNode.$text$ !== null) {
995
- elm.textContent = "";
996
- }
997
- addVnodes(elm, null, newVNode2, newChildren, 0, newChildren.length - 1);
998
- } else if (
999
- // don't do this on initial render as it can cause non-hydrated content to be removed
1000
- !isInitialRender && BUILD.updatable && oldChildren !== null
1001
- ) {
1002
- removeVnodes(oldChildren, 0, oldChildren.length - 1);
1003
- } else ;
1004
- if (isSvgMode && tag === "svg") {
1005
- isSvgMode = false;
1006
- }
1007
- } else if (oldVNode.$text$ !== text) {
1008
- elm.data = text;
1009
- }
1010
- };
1011
- var nullifyVNodeRefs = (vNode) => {
1012
- {
1013
- if (vNode.$attrs$ && vNode.$attrs$.ref) {
1014
- refCallbacksToRemove.push(() => vNode.$attrs$.ref(null));
1015
- }
1016
- vNode.$children$ && vNode.$children$.map(nullifyVNodeRefs);
1017
- }
1018
- };
1019
- var queueRefAttachment = (refCallback, elm) => {
1020
- {
1021
- refCallbacksToAttach.push(() => refCallback(elm));
1022
- }
1023
- };
1024
- var flushQueuedRefCallbacks = () => {
1025
- {
1026
- refCallbacksToRemove.forEach((cb) => cb());
1027
- refCallbacksToRemove.length = 0;
1028
- refCallbacksToAttach.forEach((cb) => cb());
1029
- refCallbacksToAttach.length = 0;
1030
- }
1031
- };
1032
- var insertBefore = (parent, newNode, reference, isInitialLoad) => {
1033
- {
1034
- return parent == null ? void 0 : parent.insertBefore(newNode, reference);
1035
- }
1036
- };
1037
- var renderVdom = (hostRef, renderFnResults, isInitialLoad = false) => {
1038
- const hostElm = hostRef.$hostElement$;
1039
- const cmpMeta = hostRef.$cmpMeta$;
1040
- const oldVNode = hostRef.$vnode$ || newVNode(null, null);
1041
- const isHostElement = isHost(renderFnResults);
1042
- const rootVnode = isHostElement ? renderFnResults : h(null, null, renderFnResults);
1043
- hostTagName = hostElm.tagName;
1044
- if (cmpMeta.$attrsToReflect$) {
1045
- rootVnode.$attrs$ = rootVnode.$attrs$ || {};
1046
- cmpMeta.$attrsToReflect$.forEach(([propName, attribute]) => {
1047
- {
1048
- rootVnode.$attrs$[attribute] = hostElm[propName];
1049
- }
1050
- });
1051
- }
1052
- if (isInitialLoad && rootVnode.$attrs$) {
1053
- for (const key of Object.keys(rootVnode.$attrs$)) {
1054
- if (hostElm.hasAttribute(key) && !["key", "ref", "style", "class"].includes(key)) {
1055
- rootVnode.$attrs$[key] = hostElm[key];
1056
- }
1057
- }
1058
- }
1059
- rootVnode.$tag$ = null;
1060
- rootVnode.$flags$ |= 4 /* isHost */;
1061
- hostRef.$vnode$ = rootVnode;
1062
- rootVnode.$elm$ = oldVNode.$elm$ = hostElm.shadowRoot || hostElm ;
1063
- useNativeShadowDom = !!(cmpMeta.$flags$ & 1 /* shadowDomEncapsulation */) && !(cmpMeta.$flags$ & 128 /* shadowNeedsScopedCss */);
1064
- patch(oldVNode, rootVnode, isInitialLoad);
1065
- flushQueuedRefCallbacks();
1066
- };
1067
-
1068
- // src/runtime/update-component.ts
1069
- var attachToAncestor = (hostRef, ancestorComponent) => {
1070
- if (ancestorComponent && !hostRef.$onRenderResolve$ && ancestorComponent["s-p"]) {
1071
- const index = ancestorComponent["s-p"].push(
1072
- new Promise(
1073
- (r) => hostRef.$onRenderResolve$ = () => {
1074
- ancestorComponent["s-p"].splice(index - 1, 1);
1075
- r();
1076
- }
1077
- )
1078
- );
1079
- }
1080
- };
1081
- var scheduleUpdate = (hostRef, isInitialLoad) => {
1082
- {
1083
- hostRef.$flags$ |= 16 /* isQueuedForUpdate */;
1084
- }
1085
- if (hostRef.$flags$ & 4 /* isWaitingForChildren */) {
1086
- hostRef.$flags$ |= 512 /* needsRerender */;
1087
- return;
1088
- }
1089
- attachToAncestor(hostRef, hostRef.$ancestorComponent$);
1090
- const dispatch = () => dispatchHooks(hostRef, isInitialLoad);
1091
- if (isInitialLoad) {
1092
- queueMicrotask(() => {
1093
- dispatch();
1094
- });
1095
- return;
1096
- }
1097
- return writeTask(dispatch) ;
1098
- };
1099
- var dispatchHooks = (hostRef, isInitialLoad) => {
1100
- const elm = hostRef.$hostElement$;
1101
- const endSchedule = createTime("scheduleUpdate", hostRef.$cmpMeta$.$tagName$);
1102
- const instance = hostRef.$lazyInstance$ ;
1103
- if (!instance) {
1104
- throw new Error(
1105
- `Can't render component <${elm.tagName.toLowerCase()} /> with invalid Stencil runtime! Make sure this imported component is compiled with a \`externalRuntime: true\` flag. For more information, please refer to https://stenciljs.com/docs/custom-elements#externalruntime`
1106
- );
1107
- }
1108
- let maybePromise;
1109
- if (isInitialLoad) {
1110
- {
1111
- {
1112
- hostRef.$flags$ |= 256 /* isListenReady */;
1113
- if (hostRef.$queuedListeners$) {
1114
- hostRef.$queuedListeners$.map(([methodName, event]) => safeCall(instance, methodName, event, elm));
1115
- hostRef.$queuedListeners$ = void 0;
1116
- }
1117
- }
1118
- if (hostRef.$fetchedCbList$.length) {
1119
- hostRef.$fetchedCbList$.forEach((cb) => cb(elm));
1120
- }
1121
- }
1122
- maybePromise = safeCall(instance, "componentWillLoad", void 0, elm);
1123
- } else {
1124
- maybePromise = safeCall(instance, "componentWillUpdate", void 0, elm);
1125
- }
1126
- maybePromise = enqueue(maybePromise, () => safeCall(instance, "componentWillRender", void 0, elm));
1127
- endSchedule();
1128
- return enqueue(maybePromise, () => updateComponent(hostRef, instance, isInitialLoad));
1129
- };
1130
- var enqueue = (maybePromise, fn) => isPromisey(maybePromise) ? maybePromise.then(fn).catch((err) => {
1131
- console.error(err);
1132
- fn();
1133
- }) : fn();
1134
- var isPromisey = (maybePromise) => maybePromise instanceof Promise || maybePromise && maybePromise.then && typeof maybePromise.then === "function";
1135
- var updateComponent = async (hostRef, instance, isInitialLoad) => {
1136
- var _a;
1137
- const elm = hostRef.$hostElement$;
1138
- const endUpdate = createTime("update", hostRef.$cmpMeta$.$tagName$);
1139
- const rc = elm["s-rc"];
1140
- if (isInitialLoad) {
1141
- attachStyles(hostRef);
1142
- }
1143
- const endRender = createTime("render", hostRef.$cmpMeta$.$tagName$);
1144
- {
1145
- callRender(hostRef, instance, elm, isInitialLoad);
1146
- }
1147
- if (rc) {
1148
- rc.map((cb) => cb());
1149
- elm["s-rc"] = void 0;
1150
- }
1151
- endRender();
1152
- endUpdate();
1153
- {
1154
- const childrenPromises = (_a = elm["s-p"]) != null ? _a : [];
1155
- const postUpdate = () => postUpdateComponent(hostRef);
1156
- if (childrenPromises.length === 0) {
1157
- postUpdate();
1158
- } else {
1159
- Promise.all(childrenPromises).then(postUpdate).catch(postUpdate);
1160
- hostRef.$flags$ |= 4 /* isWaitingForChildren */;
1161
- childrenPromises.length = 0;
1162
- }
1163
- }
1164
- };
1165
- var callRender = (hostRef, instance, elm, isInitialLoad) => {
1166
- try {
1167
- instance = instance.render() ;
1168
- {
1169
- hostRef.$flags$ &= -17 /* isQueuedForUpdate */;
1170
- }
1171
- {
1172
- hostRef.$flags$ |= 2 /* hasRendered */;
1173
- }
1174
- {
1175
- {
1176
- {
1177
- renderVdom(hostRef, instance, isInitialLoad);
1178
- }
1179
- }
1180
- }
1181
- } catch (e) {
1182
- consoleError(e, hostRef.$hostElement$);
1183
- }
1184
- return null;
1185
- };
1186
- var postUpdateComponent = (hostRef) => {
1187
- const tagName = hostRef.$cmpMeta$.$tagName$;
1188
- const elm = hostRef.$hostElement$;
1189
- const endPostUpdate = createTime("postUpdate", tagName);
1190
- const instance = hostRef.$lazyInstance$ ;
1191
- const ancestorComponent = hostRef.$ancestorComponent$;
1192
- safeCall(instance, "componentDidRender", void 0, elm);
1193
- if (!(hostRef.$flags$ & 64 /* hasLoadedComponent */)) {
1194
- hostRef.$flags$ |= 64 /* hasLoadedComponent */;
1195
- {
1196
- addHydratedFlag(elm);
1197
- }
1198
- safeCall(instance, "componentDidLoad", void 0, elm);
1199
- endPostUpdate();
1200
- {
1201
- hostRef.$onReadyResolve$(elm);
1202
- if (!ancestorComponent) {
1203
- appDidLoad();
1204
- }
1205
- }
1206
- } else {
1207
- safeCall(instance, "componentDidUpdate", void 0, elm);
1208
- endPostUpdate();
1209
- }
1210
- {
1211
- hostRef.$onInstanceResolve$(elm);
1212
- }
1213
- {
1214
- if (hostRef.$onRenderResolve$) {
1215
- hostRef.$onRenderResolve$();
1216
- hostRef.$onRenderResolve$ = void 0;
1217
- }
1218
- if (hostRef.$flags$ & 512 /* needsRerender */) {
1219
- nextTick(() => scheduleUpdate(hostRef, false));
1220
- }
1221
- hostRef.$flags$ &= -517;
1222
- }
1223
- };
1224
- var appDidLoad = (who) => {
1225
- nextTick(() => emitEvent(win, "appload", { detail: { namespace: NAMESPACE } }));
1226
- };
1227
- var safeCall = (instance, method, arg, elm) => {
1228
- if (instance && instance[method]) {
1229
- try {
1230
- return instance[method](arg);
1231
- } catch (e) {
1232
- consoleError(e, elm);
1233
- }
1234
- }
1235
- return void 0;
1236
- };
1237
- var addHydratedFlag = (elm) => {
1238
- var _a;
1239
- return elm.classList.add((_a = BUILD.hydratedSelectorName) != null ? _a : "hydrated") ;
1240
- };
1241
-
1242
- // src/runtime/set-value.ts
1243
- var getValue = (ref, propName) => getHostRef(ref).$instanceValues$.get(propName);
1244
- var setValue = (ref, propName, newVal, cmpMeta) => {
1245
- const hostRef = getHostRef(ref);
1246
- if (!hostRef) {
1247
- return;
1248
- }
1249
- if (!hostRef) {
1250
- throw new Error(
1251
- `Couldn't find host element for "${cmpMeta.$tagName$}" as it is unknown to this Stencil runtime. This usually happens when integrating a 3rd party Stencil component with another Stencil component or application. Please reach out to the maintainers of the 3rd party Stencil component or report this on the Stencil Discord server (https://chat.stenciljs.com) or comment on this similar [GitHub issue](https://github.com/stenciljs/core/issues/5457).`
1252
- );
1253
- }
1254
- const elm = hostRef.$hostElement$ ;
1255
- const oldVal = hostRef.$instanceValues$.get(propName);
1256
- const flags = hostRef.$flags$;
1257
- const instance = hostRef.$lazyInstance$ ;
1258
- newVal = parsePropertyValue(
1259
- newVal,
1260
- cmpMeta.$members$[propName][0],
1261
- !!(cmpMeta.$flags$ & 64 /* formAssociated */)
1262
- );
1263
- const areBothNaN = Number.isNaN(oldVal) && Number.isNaN(newVal);
1264
- const didValueChange = newVal !== oldVal && !areBothNaN;
1265
- if ((!(flags & 8 /* isConstructingInstance */) || oldVal === void 0) && didValueChange) {
1266
- hostRef.$instanceValues$.set(propName, newVal);
1267
- if (cmpMeta.$watchers$) {
1268
- const watchMethods = cmpMeta.$watchers$[propName];
1269
- if (watchMethods) {
1270
- watchMethods.map((watcher) => {
1271
- try {
1272
- const [[watchMethodName, watcherFlags]] = Object.entries(watcher);
1273
- if (flags & 128 /* isWatchReady */ || watcherFlags & 1 /* Immediate */) {
1274
- if (!instance) {
1275
- hostRef.$fetchedCbList$.push(() => {
1276
- hostRef.$lazyInstance$[watchMethodName](newVal, oldVal, propName);
1277
- });
1278
- } else {
1279
- instance[watchMethodName](newVal, oldVal, propName);
1280
- }
1281
- }
1282
- } catch (e) {
1283
- consoleError(e, elm);
1284
- }
1285
- });
1286
- }
1287
- }
1288
- if (flags & 2 /* hasRendered */) {
1289
- if (instance.componentShouldUpdate) {
1290
- const shouldUpdate = instance.componentShouldUpdate(newVal, oldVal, propName);
1291
- if (shouldUpdate === false && !(flags & 16 /* isQueuedForUpdate */)) {
1292
- return;
1293
- }
1294
- }
1295
- if (!(flags & 16 /* isQueuedForUpdate */)) {
1296
- scheduleUpdate(hostRef, false);
1297
- }
1298
- }
1299
- }
1300
- };
1301
-
1302
- // src/runtime/proxy-component.ts
1303
- var reflectedAttrValue = (propValue) => propValue == null || propValue === false ? null : propValue === true ? "" : String(propValue);
1304
- var replayPendingSetterValues = (hostRef, cmpMeta) => {
1305
- var _a;
1306
- const instance = hostRef.$lazyInstance$;
1307
- if (!instance) return;
1308
- for (const [memberName, [memberFlags]] of Object.entries((_a = cmpMeta.$members$) != null ? _a : {})) {
1309
- if (memberFlags & 4096 /* Setter */ && hostRef.$instanceValues$.has(memberName)) {
1310
- const pendingValue = hostRef.$instanceValues$.get(memberName);
1311
- if (instance[memberName] !== pendingValue) {
1312
- instance[memberName] = pendingValue;
1313
- }
1314
- }
1315
- }
1316
- };
1317
- var proxyComponent = (Cstr, cmpMeta, flags) => {
1318
- var _a, _b;
1319
- const prototype = Cstr.prototype;
1320
- if (cmpMeta.$flags$ & 64 /* formAssociated */ && flags & 1 /* isElementConstructor */) {
1321
- FORM_ASSOCIATED_CUSTOM_ELEMENT_CALLBACKS.forEach((cbName) => {
1322
- Object.defineProperty(prototype, cbName, {
1323
- value(...args) {
1324
- var _a2;
1325
- const hostRef = getHostRef(this);
1326
- const instance = hostRef == null ? void 0 : hostRef.$lazyInstance$ ;
1327
- if (!instance) {
1328
- (_a2 = hostRef == null ? void 0 : hostRef.$onReadyPromise$) == null ? void 0 : _a2.then((asyncInstance) => {
1329
- const cb = asyncInstance[cbName];
1330
- typeof cb === "function" && cb.call(asyncInstance, ...args);
1331
- });
1332
- } else {
1333
- const cb = instance[cbName] ;
1334
- typeof cb === "function" && cb.call(instance, ...args);
1335
- }
1336
- }
1337
- });
1338
- });
1339
- }
1340
- if (cmpMeta.$members$ || BUILD.propChangeCallback) {
1341
- {
1342
- if (Cstr.watchers && !cmpMeta.$watchers$) {
1343
- cmpMeta.$watchers$ = normalizeWatchers(Cstr.watchers);
1344
- }
1345
- if (Cstr.deserializers && !cmpMeta.$deserializers$) {
1346
- cmpMeta.$deserializers$ = Cstr.deserializers;
1347
- }
1348
- if (Cstr.serializers && !cmpMeta.$serializers$) {
1349
- cmpMeta.$serializers$ = Cstr.serializers;
1350
- }
1351
- }
1352
- const members = Object.entries((_a = cmpMeta.$members$) != null ? _a : {});
1353
- members.map(([memberName, [memberFlags]]) => {
1354
- if ((memberFlags & 31 /* Prop */ || (flags & 2 /* proxyState */) && memberFlags & 32 /* State */)) {
1355
- const { get: origGetter, set: origSetter } = getPropertyDescriptor(prototype, memberName) || {};
1356
- if (origGetter) cmpMeta.$members$[memberName][0] |= 2048 /* Getter */;
1357
- if (origSetter) cmpMeta.$members$[memberName][0] |= 4096 /* Setter */;
1358
- if (flags & 1 /* isElementConstructor */ || !origGetter) {
1359
- Object.defineProperty(prototype, memberName, {
1360
- get() {
1361
- {
1362
- if ((cmpMeta.$members$[memberName][0] & 2048 /* Getter */) === 0) {
1363
- return getValue(this, memberName);
1364
- }
1365
- const ref = getHostRef(this);
1366
- if (!ref) return prototype[memberName];
1367
- return ref.$lazyInstance$ ? ref.$lazyInstance$[memberName] : getValue(this, memberName);
1368
- }
1369
- },
1370
- configurable: true,
1371
- enumerable: true
1372
- });
1373
- }
1374
- Object.defineProperty(prototype, memberName, {
1375
- set(newValue) {
1376
- const ref = getHostRef(this);
1377
- if (!ref) {
1378
- return;
1379
- }
1380
- if (origSetter) {
1381
- const currentValue = memberFlags & 32 /* State */ ? this[memberName] : ref.$hostElement$[memberName];
1382
- if (typeof currentValue === "undefined" && ref.$instanceValues$.get(memberName)) {
1383
- newValue = ref.$instanceValues$.get(memberName);
1384
- }
1385
- origSetter.apply(this, [
1386
- parsePropertyValue(
1387
- newValue,
1388
- memberFlags,
1389
- !!(cmpMeta.$flags$ & 64 /* formAssociated */)
1390
- )
1391
- ]);
1392
- newValue = memberFlags & 32 /* State */ ? this[memberName] : ref.$hostElement$[memberName];
1393
- setValue(this, memberName, newValue, cmpMeta);
1394
- return;
1395
- }
1396
- {
1397
- if ((flags & 1 /* isElementConstructor */) === 0 || (cmpMeta.$members$[memberName][0] & 4096 /* Setter */) === 0) {
1398
- setValue(this, memberName, newValue, cmpMeta);
1399
- return;
1400
- }
1401
- const parsedValue = parsePropertyValue(
1402
- newValue,
1403
- memberFlags,
1404
- !!(cmpMeta.$flags$ & 64 /* formAssociated */)
1405
- );
1406
- if (ref.$lazyInstance$) {
1407
- const currentValue = ref.$lazyInstance$[memberName];
1408
- if (!ref.$instanceValues$.get(memberName) && currentValue) {
1409
- ref.$instanceValues$.set(memberName, currentValue);
1410
- }
1411
- ref.$lazyInstance$[memberName] = parsedValue;
1412
- setValue(this, memberName, ref.$lazyInstance$[memberName], cmpMeta);
1413
- } else {
1414
- ref.$instanceValues$.set(memberName, parsedValue);
1415
- }
1416
- }
1417
- }
1418
- });
1419
- } else if (flags & 1 /* isElementConstructor */ && memberFlags & 64 /* Method */) {
1420
- Object.defineProperty(prototype, memberName, {
1421
- value(...args) {
1422
- var _a2;
1423
- const ref = getHostRef(this);
1424
- return (_a2 = ref == null ? void 0 : ref.$onInstancePromise$) == null ? void 0 : _a2.then(() => {
1425
- var _a3;
1426
- return (_a3 = ref.$lazyInstance$) == null ? void 0 : _a3[memberName](...args);
1427
- });
1428
- }
1429
- });
1430
- }
1431
- });
1432
- if ((flags & 1 /* isElementConstructor */)) {
1433
- const attrNameToPropName = /* @__PURE__ */ new Map();
1434
- prototype.attributeChangedCallback = function(attrName, oldValue, newValue) {
1435
- plt.jmp(() => {
1436
- var _a2;
1437
- const propName = attrNameToPropName.get(attrName);
1438
- const hostRef = getHostRef(this);
1439
- if (this.hasOwnProperty(propName) && BUILD.lazyLoad) {
1440
- newValue = this[propName];
1441
- delete this[propName];
1442
- }
1443
- if (prototype.hasOwnProperty(propName) && typeof this[propName] === "number" && // cast type to number to avoid TS compiler issues
1444
- this[propName] == newValue) {
1445
- return;
1446
- } else if (propName == null) {
1447
- const flags2 = hostRef == null ? void 0 : hostRef.$flags$;
1448
- if (hostRef && flags2 && !(flags2 & 8 /* isConstructingInstance */) && newValue !== oldValue) {
1449
- const instance = hostRef.$lazyInstance$ ;
1450
- const entry = (_a2 = cmpMeta.$watchers$) == null ? void 0 : _a2[attrName];
1451
- entry == null ? void 0 : entry.forEach((watcher) => {
1452
- const [[watchMethodName, watcherFlags]] = Object.entries(watcher);
1453
- if (instance[watchMethodName] != null && (flags2 & 128 /* isWatchReady */ || watcherFlags & 1 /* Immediate */)) {
1454
- instance[watchMethodName].call(instance, newValue, oldValue, attrName);
1455
- }
1456
- });
1457
- }
1458
- return;
1459
- }
1460
- const propFlags = members.find(([m]) => m === propName);
1461
- const propMemberFlags = propFlags ? propFlags[1][0] : 0;
1462
- const isBooleanTarget = propMemberFlags & 4 /* Boolean */;
1463
- if (propMemberFlags & 512 /* ReflectAttr */ && propMemberFlags & 8 /* Any */ && // a complex value is never written to an attribute, so a change while the prop holds
1464
- // one is always external
1465
- !isComplexType(this[propName]) && reflectedAttrValue(this[propName]) === newValue) {
1466
- return;
1467
- }
1468
- const isSpuriousBooleanRemoval = isBooleanTarget && newValue === null && this[propName] === void 0;
1469
- if (isBooleanTarget) {
1470
- const isFormAssociated = !!(cmpMeta.$flags$ & 64 /* formAssociated */);
1471
- newValue = newValue === null || newValue === "false" && !isFormAssociated ? false : true;
1472
- }
1473
- const propDesc = Object.getOwnPropertyDescriptor(prototype, propName);
1474
- if (!isSpuriousBooleanRemoval && newValue != this[propName] && (!propDesc.get || !!propDesc.set)) {
1475
- this[propName] = newValue;
1476
- }
1477
- });
1478
- };
1479
- Cstr.observedAttributes = Array.from(
1480
- /* @__PURE__ */ new Set([
1481
- ...Object.keys((_b = cmpMeta.$watchers$) != null ? _b : {}),
1482
- ...members.filter(([_, m]) => m[0] & 31 /* HasAttribute */).map(([propName, m]) => {
1483
- var _a2;
1484
- const attrName = m[1] || propName;
1485
- attrNameToPropName.set(attrName, propName);
1486
- if (m[0] & 512 /* ReflectAttr */) {
1487
- (_a2 = cmpMeta.$attrsToReflect$) == null ? void 0 : _a2.push([propName, attrName]);
1488
- }
1489
- return attrName;
1490
- })
1491
- ])
1492
- );
1493
- }
1494
- }
1495
- return Cstr;
1496
- };
1497
-
1498
- // src/runtime/initialize-component.ts
1499
- var initializeComponent = async (elm, hostRef, cmpMeta, hmrVersionId) => {
1500
- var _a;
1501
- let Cstr;
1502
- try {
1503
- if ((hostRef.$flags$ & 32 /* hasInitializedComponent */) === 0) {
1504
- hostRef.$flags$ |= 32 /* hasInitializedComponent */;
1505
- hostRef.$flags$ &= -1025 /* hasFailedLoad */;
1506
- const bundleId = cmpMeta.$lazyBundleId$;
1507
- if (bundleId) {
1508
- const CstrImport = loadModule(cmpMeta, hostRef);
1509
- if (CstrImport && "then" in CstrImport) {
1510
- const endLoad = uniqueTime();
1511
- Cstr = await CstrImport;
1512
- endLoad();
1513
- } else {
1514
- Cstr = CstrImport;
1515
- }
1516
- if (!Cstr) {
1517
- hostRef.$flags$ &= -33 /* hasInitializedComponent */;
1518
- hostRef.$loadRetryCount$ = ((_a = hostRef.$loadRetryCount$) != null ? _a : 0) + 1;
1519
- if (hostRef.$loadRetryCount$ < MAX_LAZY_LOAD_RETRIES) {
1520
- hostRef.$flags$ |= 1024 /* hasFailedLoad */;
1521
- }
1522
- throw new Error(`Constructor for "${cmpMeta.$tagName$}#${hostRef.$modeName$}" was not found`);
1523
- }
1524
- if (!Cstr.isProxied) {
1525
- {
1526
- cmpMeta.$watchers$ = normalizeWatchers(Cstr.watchers);
1527
- cmpMeta.$serializers$ = Cstr.serializers;
1528
- cmpMeta.$deserializers$ = Cstr.deserializers;
1529
- }
1530
- proxyComponent(Cstr, cmpMeta, 2 /* proxyState */);
1531
- Cstr.isProxied = true;
1532
- }
1533
- const endNewInstance = createTime("createInstance", cmpMeta.$tagName$);
1534
- {
1535
- hostRef.$flags$ |= 8 /* isConstructingInstance */;
1536
- }
1537
- try {
1538
- new Cstr(hostRef);
1539
- } catch (e) {
1540
- consoleError(e, elm);
1541
- }
1542
- {
1543
- hostRef.$flags$ &= -9 /* isConstructingInstance */;
1544
- replayPendingSetterValues(hostRef, cmpMeta);
1545
- }
1546
- {
1547
- hostRef.$flags$ |= 128 /* isWatchReady */;
1548
- }
1549
- endNewInstance();
1550
- {
1551
- fireConnectedCallback(hostRef.$lazyInstance$, elm);
1552
- }
1553
- } else {
1554
- Cstr = elm.constructor;
1555
- const cmpTag = elm.localName;
1556
- customElements.whenDefined(cmpTag).then(() => hostRef.$flags$ |= 128 /* isWatchReady */);
1557
- }
1558
- if (Cstr && Cstr.style) {
1559
- let style;
1560
- if (typeof Cstr.style === "string") {
1561
- style = Cstr.style;
1562
- }
1563
- const scopeId2 = getScopeId(cmpMeta);
1564
- if (!styles.has(scopeId2) || BUILD.hotModuleReplacement) {
1565
- const endRegisterStyles = createTime("registerStyles", cmpMeta.$tagName$);
1566
- registerStyle(scopeId2, style, !!(cmpMeta.$flags$ & 1 /* shadowDomEncapsulation */));
1567
- endRegisterStyles();
1568
- }
1569
- }
1570
- }
1571
- const ancestorComponent = hostRef.$ancestorComponent$;
1572
- const schedule = () => scheduleUpdate(hostRef, true);
1573
- if (ancestorComponent && ancestorComponent["s-rc"]) {
1574
- ancestorComponent["s-rc"].push(schedule);
1575
- } else {
1576
- schedule();
1577
- }
1578
- } catch (e) {
1579
- consoleError(e, elm);
1580
- if (hostRef.$onRenderResolve$) {
1581
- hostRef.$onRenderResolve$();
1582
- hostRef.$onRenderResolve$ = void 0;
1583
- }
1584
- if (hostRef.$onReadyResolve$ && !(hostRef.$flags$ & 1024 /* hasFailedLoad */)) {
1585
- hostRef.$onReadyResolve$(elm);
1586
- }
1587
- }
1588
- };
1589
- var fireConnectedCallback = (instance, elm) => {
1590
- {
1591
- safeCall(instance, "connectedCallback", void 0, elm);
1592
- }
1593
- };
1594
-
1595
- // src/runtime/connected-callback.ts
1596
- var connectedCallback = (elm) => {
1597
- if ((plt.$flags$ & 1 /* isTmpDisconnected */) === 0) {
1598
- const hostRef = getHostRef(elm);
1599
- if (!hostRef) {
1600
- return;
1601
- }
1602
- const cmpMeta = hostRef.$cmpMeta$;
1603
- const endConnected = createTime("connectedCallback", cmpMeta.$tagName$);
1604
- if (!(hostRef.$flags$ & 1 /* hasConnected */)) {
1605
- hostRef.$flags$ |= 1 /* hasConnected */;
1606
- {
1607
- let ancestorComponent = elm;
1608
- while (ancestorComponent = ancestorComponent.parentNode || ancestorComponent.host) {
1609
- if (ancestorComponent["s-p"]) {
1610
- attachToAncestor(hostRef, hostRef.$ancestorComponent$ = ancestorComponent);
1611
- break;
1612
- }
1613
- }
1614
- }
1615
- if (cmpMeta.$members$) {
1616
- Object.entries(cmpMeta.$members$).map(([memberName, [memberFlags]]) => {
1617
- if (memberFlags & 31 /* Prop */ && Object.prototype.hasOwnProperty.call(elm, memberName)) {
1618
- const value = elm[memberName];
1619
- delete elm[memberName];
1620
- elm[memberName] = value;
1621
- }
1622
- });
1623
- }
1624
- {
1625
- initializeComponent(elm, hostRef, cmpMeta);
1626
- }
1627
- } else {
1628
- addHostEventListeners(elm, hostRef, cmpMeta.$listeners$);
1629
- if (hostRef == null ? void 0 : hostRef.$lazyInstance$) {
1630
- fireConnectedCallback(hostRef.$lazyInstance$, elm);
1631
- } else if (hostRef.$flags$ & 1024 /* hasFailedLoad */) {
1632
- setTimeout(() => initializeComponent(elm, hostRef, cmpMeta), LAZY_LOAD_RETRY_INTERVAL_MS);
1633
- } else if (hostRef == null ? void 0 : hostRef.$onReadyPromise$) {
1634
- hostRef.$onReadyPromise$.then(() => fireConnectedCallback(hostRef.$lazyInstance$, elm));
1635
- }
1636
- }
1637
- endConnected();
1638
- }
1639
- };
1640
- var disconnectInstance = (instance, elm) => {
1641
- {
1642
- safeCall(instance, "disconnectedCallback", void 0, elm || instance);
1643
- }
1644
- };
1645
- var disconnectedCallback = async (elm) => {
1646
- if ((plt.$flags$ & 1 /* isTmpDisconnected */) === 0) {
1647
- const hostRef = getHostRef(elm);
1648
- {
1649
- if (hostRef == null ? void 0 : hostRef.$rmListeners$) {
1650
- hostRef.$rmListeners$.map((rmListener) => rmListener());
1651
- hostRef.$rmListeners$ = void 0;
1652
- }
1653
- }
1654
- if (hostRef == null ? void 0 : hostRef.$lazyInstance$) {
1655
- disconnectInstance(hostRef.$lazyInstance$, elm);
1656
- } else if (hostRef == null ? void 0 : hostRef.$onReadyPromise$) {
1657
- hostRef.$onReadyPromise$.then(() => disconnectInstance(hostRef.$lazyInstance$, elm));
1658
- }
1659
- }
1660
- if (rootAppliedStyles.has(elm)) {
1661
- rootAppliedStyles.delete(elm);
1662
- }
1663
- if (elm.shadowRoot && rootAppliedStyles.has(elm.shadowRoot)) {
1664
- rootAppliedStyles.delete(elm.shadowRoot);
1665
- }
1666
- };
1667
-
1668
- // src/runtime/bootstrap-lazy.ts
1669
- var bootstrapLazy = (lazyBundles, options = {}) => {
1670
- var _a;
1671
- if (!win.document) {
1672
- console.warn("Stencil: No document found. Skipping bootstrapping lazy components.");
1673
- return;
1674
- }
1675
- const endBootstrap = createTime();
1676
- const cmpTags = [];
1677
- const exclude = options.exclude || [];
1678
- const customElements2 = win.customElements;
1679
- const head = win.document.head;
1680
- const metaCharset = /* @__PURE__ */ head.querySelector("meta[charset]");
1681
- const dataStyles = /* @__PURE__ */ win.document.createElement("style");
1682
- const deferredConnectedCallbacks = [];
1683
- let appLoadFallback;
1684
- let isBootstrapping = true;
1685
- Object.assign(plt, options);
1686
- plt.$resourcesUrl$ = new URL(options.resourcesUrl || "./", win.document.baseURI).href;
1687
- lazyBundles.map((lazyBundle) => {
1688
- lazyBundle[1].map((compactMeta) => {
1689
- var _a2, _b;
1690
- const cmpMeta = {
1691
- $flags$: compactMeta[0],
1692
- $tagName$: compactMeta[1],
1693
- $members$: compactMeta[2],
1694
- $listeners$: compactMeta[3]
1695
- };
1696
- {
1697
- cmpMeta.$members$ = compactMeta[2];
1698
- }
1699
- {
1700
- cmpMeta.$listeners$ = compactMeta[3];
1701
- }
1702
- {
1703
- cmpMeta.$attrsToReflect$ = [];
1704
- }
1705
- {
1706
- cmpMeta.$watchers$ = normalizeWatchers(compactMeta[4]);
1707
- cmpMeta.$serializers$ = (_a2 = compactMeta[5]) != null ? _a2 : {};
1708
- cmpMeta.$deserializers$ = (_b = compactMeta[6]) != null ? _b : {};
1709
- }
1710
- const tagName = transformTag(cmpMeta.$tagName$);
1711
- const HostElement = class extends HTMLElement {
1712
- ["s-p"];
1713
- ["s-rc"];
1714
- hasRegisteredEventListeners = false;
1715
- // StencilLazyHost
1716
- constructor(self) {
1717
- super(self);
1718
- self = this;
1719
- registerHost(self, cmpMeta);
1720
- if (cmpMeta.$flags$ & 1 /* shadowDomEncapsulation */) {
1721
- {
1722
- if (!self.shadowRoot) {
1723
- createShadowRoot.call(self, cmpMeta);
1724
- } else {
1725
- if (self.shadowRoot.mode !== "open") {
1726
- throw new Error(
1727
- `Unable to re-use existing shadow root for ${cmpMeta.$tagName$}! Mode is set to ${self.shadowRoot.mode} but Stencil only supports open shadow roots.`
1728
- );
1729
- }
1730
- }
1731
- }
1732
- }
1733
- }
1734
- connectedCallback() {
1735
- const hostRef = getHostRef(this);
1736
- if (!hostRef) {
1737
- return;
1738
- }
1739
- if (!this.hasRegisteredEventListeners) {
1740
- this.hasRegisteredEventListeners = true;
1741
- addHostEventListeners(this, hostRef, cmpMeta.$listeners$);
1742
- }
1743
- if (appLoadFallback) {
1744
- clearTimeout(appLoadFallback);
1745
- appLoadFallback = null;
1746
- }
1747
- if (isBootstrapping) {
1748
- deferredConnectedCallbacks.push(this);
1749
- } else {
1750
- plt.jmp(() => connectedCallback(this));
1751
- }
1752
- }
1753
- disconnectedCallback() {
1754
- plt.jmp(() => disconnectedCallback(this));
1755
- nextTick(() => {
1756
- var _a3;
1757
- const hostRef = getHostRef(this);
1758
- if (!hostRef) {
1759
- return;
1760
- }
1761
- const i2 = deferredConnectedCallbacks.findIndex((host) => host === this);
1762
- if (i2 > -1) {
1763
- deferredConnectedCallbacks.splice(i2, 1);
1764
- }
1765
- if (((_a3 = hostRef == null ? void 0 : hostRef.$vnode$) == null ? void 0 : _a3.$elm$) instanceof Node && !hostRef.$vnode$.$elm$.isConnected) {
1766
- delete hostRef.$vnode$.$elm$;
1767
- }
1768
- });
1769
- }
1770
- componentOnReady() {
1771
- var _a3;
1772
- return (_a3 = getHostRef(this)) == null ? void 0 : _a3.$onReadyPromise$;
1773
- }
1774
- };
1775
- if (cmpMeta.$flags$ & 64 /* formAssociated */) {
1776
- HostElement.formAssociated = true;
1777
- }
1778
- cmpMeta.$lazyBundleId$ = lazyBundle[0];
1779
- if (!exclude.includes(tagName) && !customElements2.get(tagName)) {
1780
- cmpTags.push(tagName);
1781
- customElements2.define(
1782
- tagName,
1783
- proxyComponent(HostElement, cmpMeta, 1 /* isElementConstructor */)
1784
- );
1785
- }
1786
- });
1787
- });
1788
- if (cmpTags.length > 0) {
1789
- {
1790
- dataStyles.textContent += cmpTags.sort() + HYDRATED_CSS;
1791
- }
1792
- if (dataStyles.innerHTML.length) {
1793
- dataStyles.setAttribute("data-styles", "");
1794
- const nonce = (_a = plt.$nonce$) != null ? _a : queryNonceMetaTagContent(win.document);
1795
- if (nonce != null) {
1796
- dataStyles.setAttribute("nonce", nonce);
1797
- }
1798
- head.insertBefore(dataStyles, metaCharset ? metaCharset.nextSibling : head.firstChild);
1799
- }
1800
- }
1801
- isBootstrapping = false;
1802
- if (deferredConnectedCallbacks.length) {
1803
- deferredConnectedCallbacks.map((host) => host.connectedCallback());
1804
- } else {
1805
- {
1806
- plt.jmp(() => appLoadFallback = setTimeout(appDidLoad, 30));
1807
- }
1808
- }
1809
- endBootstrap();
1810
- };
1811
- var addHostEventListeners = (elm, hostRef, listeners, attachParentListeners) => {
1812
- if (listeners && win.document) {
1813
- listeners.map(([flags, name, method]) => {
1814
- const target = getHostListenerTarget(win.document, elm, flags) ;
1815
- const handler = hostListenerProxy(hostRef, method);
1816
- const opts = hostListenerOpts(flags);
1817
- plt.ael(target, name, handler, opts);
1818
- (hostRef.$rmListeners$ = hostRef.$rmListeners$ || []).push(() => plt.rel(target, name, handler, opts));
1819
- });
1820
- }
1821
- };
1822
- var hostListenerProxy = (hostRef, methodName) => (ev) => {
1823
- var _a;
1824
- try {
1825
- {
1826
- if (hostRef.$flags$ & 256 /* isListenReady */) {
1827
- (_a = hostRef.$lazyInstance$) == null ? void 0 : _a[methodName](ev);
1828
- } else {
1829
- (hostRef.$queuedListeners$ = hostRef.$queuedListeners$ || []).push([methodName, ev]);
1830
- }
1831
- }
1832
- } catch (e) {
1833
- consoleError(e, hostRef.$hostElement$);
1834
- }
1835
- };
1836
- var getHostListenerTarget = (doc, elm, flags) => {
1837
- if (flags & 4 /* TargetDocument */) {
1838
- return doc;
1839
- }
1840
- return elm;
1841
- };
1842
- var hostListenerOpts = (flags) => supportsListenerOptions ? {
1843
- passive: (flags & 1 /* Passive */) !== 0,
1844
- capture: (flags & 2 /* Capture */) !== 0
1845
- } : (flags & 2 /* Capture */) !== 0;
1846
-
1847
- // src/runtime/nonce.ts
1848
- var setNonce = (nonce) => plt.$nonce$ = nonce;
1849
- function transformTag(tag) {
1850
- return tag;
1851
- }
1852
-
1853
- export { Host as H, getElement as a, bootstrapLazy as b, createEvent as c, globalScripts as g, h, promiseResolve as p, registerInstance as r, setNonce as s };