@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/cjs/index-tFJjflK5.js DELETED
@@ -1,1863 +0,0 @@
1
- 'use strict';
2
-
3
- const NAMESPACE = 'brandsync-wc';
4
- const BUILD = /* brandsync-wc */ { hotModuleReplacement: false, hydratedSelectorName: "hydrated", lazyLoad: true, propChangeCallback: true, state: true, updatable: true};
5
-
6
- const globalScripts = () => {};
7
- 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";
8
-
9
- /*
10
- Stencil Client Platform v4.45.2 | MIT Licensed | https://stenciljs.com
11
- */
12
-
13
-
14
- // src/utils/constants.ts
15
- var SVG_NS = "http://www.w3.org/2000/svg";
16
- var HTML_NS = "http://www.w3.org/1999/xhtml";
17
-
18
- // src/utils/get-prop-descriptor.ts
19
- function getPropertyDescriptor(obj, memberName, getOnly) {
20
- const stopAt = typeof HTMLElement !== "undefined" ? HTMLElement.prototype : null;
21
- while (obj && obj !== stopAt) {
22
- const desc = Object.getOwnPropertyDescriptor(obj, memberName);
23
- if (desc && (!getOnly || desc.get)) return desc;
24
- obj = Object.getPrototypeOf(obj);
25
- }
26
- return void 0;
27
- }
28
-
29
- // src/utils/es2022-rewire-class-members.ts
30
- var reWireGetterSetter = (instance, hostRef) => {
31
- var _a;
32
- const cmpMeta = hostRef.$cmpMeta$;
33
- const members = Object.entries((_a = cmpMeta.$members$) != null ? _a : {});
34
- members.map(([memberName, [memberFlags]]) => {
35
- if ((memberFlags & 31 /* Prop */ || memberFlags & 32 /* State */)) {
36
- const ogValue = instance[memberName];
37
- const ogDescriptor = getPropertyDescriptor(Object.getPrototypeOf(instance), memberName, true) || Object.getOwnPropertyDescriptor(instance, memberName);
38
- if (ogDescriptor) {
39
- Object.defineProperty(instance, memberName, {
40
- get() {
41
- return ogDescriptor.get.call(this);
42
- },
43
- set(newValue) {
44
- ogDescriptor.set.call(this, newValue);
45
- },
46
- configurable: true,
47
- enumerable: true
48
- });
49
- }
50
- if (hostRef.$instanceValues$.has(memberName)) {
51
- instance[memberName] = hostRef.$instanceValues$.get(memberName);
52
- } else if (ogValue !== void 0) {
53
- instance[memberName] = ogValue;
54
- }
55
- }
56
- });
57
- };
58
-
59
- // src/client/client-host-ref.ts
60
- var getHostRef = (ref) => {
61
- if (ref.__stencil__getHostRef) {
62
- return ref.__stencil__getHostRef();
63
- }
64
- return void 0;
65
- };
66
- var registerInstance = (lazyInstance, hostRef) => {
67
- if (!hostRef) return;
68
- lazyInstance.__stencil__getHostRef = () => hostRef;
69
- hostRef.$lazyInstance$ = lazyInstance;
70
- if (hostRef.$cmpMeta$.$flags$ & 512 /* hasModernPropertyDecls */ && (BUILD.state)) {
71
- reWireGetterSetter(lazyInstance, hostRef);
72
- }
73
- };
74
- var registerHost = (hostElement, cmpMeta) => {
75
- const hostRef = {
76
- $flags$: 0,
77
- $hostElement$: hostElement,
78
- $cmpMeta$: cmpMeta,
79
- $instanceValues$: /* @__PURE__ */ new Map(),
80
- $serializerValues$: /* @__PURE__ */ new Map()
81
- };
82
- {
83
- hostRef.$onInstancePromise$ = new Promise((r) => hostRef.$onInstanceResolve$ = r);
84
- }
85
- {
86
- hostRef.$onReadyPromise$ = new Promise((r) => hostRef.$onReadyResolve$ = r);
87
- hostElement["s-p"] = [];
88
- hostElement["s-rc"] = [];
89
- }
90
- {
91
- hostRef.$fetchedCbList$ = [];
92
- }
93
- const ref = hostRef;
94
- hostElement.__stencil__getHostRef = () => ref;
95
- return ref;
96
- };
97
- var isMemberInElement = (elm, memberName) => memberName in elm;
98
- var consoleError = (e, el) => (0, console.error)(e, el);
99
-
100
- // src/client/client-load-module.ts
101
- var cmpModules = /* @__PURE__ */ new Map();
102
- var failedLoadAttempts = /* @__PURE__ */ new Map();
103
- var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
104
- var _a;
105
- const exportName = cmpMeta.$tagName$.replace(/-/g, "_");
106
- const bundleId = cmpMeta.$lazyBundleId$;
107
- if (!bundleId) {
108
- return void 0;
109
- }
110
- const module = cmpModules.get(bundleId) ;
111
- if (module) {
112
- return module[exportName];
113
- }
114
- const retryCount = (_a = failedLoadAttempts.get(bundleId)) != null ? _a : 0;
115
- const cacheBustParams = [
116
- retryCount > 0 ? `s-retry=${retryCount}` : "",
117
- ""
118
- ].filter(Boolean).join("&");
119
- /*!__STENCIL_STATIC_IMPORT_SWITCH__*/
120
- return import(
121
- /* @vite-ignore */
122
- /* webpackInclude: /\.entry\.js$/ */
123
- /* webpackExclude: /\.system\.entry\.js$/ */
124
- /* webpackMode: "lazy" */
125
- `./${bundleId}.entry.js${cacheBustParams ? "?" + cacheBustParams : ""}`
126
- ).then(
127
- (importedModule) => {
128
- {
129
- failedLoadAttempts.delete(bundleId);
130
- cmpModules.set(bundleId, importedModule);
131
- }
132
- return importedModule[exportName];
133
- },
134
- (e) => {
135
- failedLoadAttempts.set(bundleId, retryCount + 1);
136
- consoleError(e, hostRef.$hostElement$);
137
- }
138
- );
139
- };
140
-
141
- // src/client/client-style.ts
142
- var styles = /* @__PURE__ */ new Map();
143
- var HYDRATED_CSS = "{visibility:hidden}.hydrated{visibility:inherit}";
144
- var SLOT_FB_CSS = "slot-fb{display:contents}slot-fb[hidden]{display:none}";
145
- var XLINK_NS = "http://www.w3.org/1999/xlink";
146
- var MAX_LAZY_LOAD_RETRIES = 3;
147
- var LAZY_LOAD_RETRY_INTERVAL_MS = 1e3;
148
- var FORM_ASSOCIATED_CUSTOM_ELEMENT_CALLBACKS = [
149
- "formAssociatedCallback",
150
- "formResetCallback",
151
- "formDisabledCallback",
152
- "formStateRestoreCallback"
153
- ];
154
- var win = typeof window !== "undefined" ? window : {};
155
- var plt = {
156
- $flags$: 0,
157
- $resourcesUrl$: "",
158
- jmp: (h2) => h2(),
159
- raf: (h2) => requestAnimationFrame(h2),
160
- ael: (el, eventName, listener, opts) => el.addEventListener(eventName, listener, opts),
161
- rel: (el, eventName, listener, opts) => el.removeEventListener(eventName, listener, opts),
162
- ce: (eventName, opts) => new CustomEvent(eventName, opts)
163
- };
164
- var supportsListenerOptions = /* @__PURE__ */ (() => {
165
- var _a;
166
- let supportsListenerOptions2 = false;
167
- try {
168
- (_a = win.document) == null ? void 0 : _a.addEventListener(
169
- "e",
170
- null,
171
- Object.defineProperty({}, "passive", {
172
- get() {
173
- supportsListenerOptions2 = true;
174
- }
175
- })
176
- );
177
- } catch (e) {
178
- }
179
- return supportsListenerOptions2;
180
- })();
181
- var promiseResolve = (v) => Promise.resolve(v);
182
- var supportsConstructableStylesheets = /* @__PURE__ */ (() => {
183
- try {
184
- if (!win.document.adoptedStyleSheets) {
185
- return false;
186
- }
187
- new CSSStyleSheet();
188
- return typeof new CSSStyleSheet().replaceSync === "function";
189
- } catch (e) {
190
- }
191
- return false;
192
- })() ;
193
- var supportsMutableAdoptedStyleSheets = supportsConstructableStylesheets ? /* @__PURE__ */ (() => !!win.document && Object.getOwnPropertyDescriptor(win.document.adoptedStyleSheets, "length").writable)() : false;
194
- var queuePending = false;
195
- var queueDomReads = [];
196
- var queueDomWrites = [];
197
- var scheduleFlush = () => {
198
- var _a;
199
- return ((_a = win.document) == null ? void 0 : _a.hidden) ? setTimeout(flush, 16) : plt.raf(flush);
200
- };
201
- var queueTask = (queue, write) => (cb) => {
202
- queue.push(cb);
203
- if (!queuePending) {
204
- queuePending = true;
205
- if (write && plt.$flags$ & 4 /* queueSync */) {
206
- nextTick(flush);
207
- } else {
208
- scheduleFlush();
209
- }
210
- }
211
- };
212
- var consume = (queue) => {
213
- for (let i2 = 0; i2 < queue.length; i2++) {
214
- try {
215
- queue[i2](performance.now());
216
- } catch (e) {
217
- consoleError(e);
218
- }
219
- }
220
- queue.length = 0;
221
- };
222
- var flush = () => {
223
- consume(queueDomReads);
224
- {
225
- consume(queueDomWrites);
226
- if (queuePending = queueDomReads.length > 0) {
227
- scheduleFlush();
228
- }
229
- }
230
- };
231
- var nextTick = (cb) => promiseResolve().then(cb);
232
- var writeTask = /* @__PURE__ */ queueTask(queueDomWrites, true);
233
-
234
- // src/utils/style.ts
235
- function createStyleSheetIfNeededAndSupported(styles2) {
236
- if (!supportsConstructableStylesheets) return void 0;
237
- const sheet = new CSSStyleSheet();
238
- sheet.replaceSync(styles2);
239
- return sheet;
240
- }
241
-
242
- // src/utils/shadow-root.ts
243
- var globalStyleSheet;
244
- function createShadowRoot(cmpMeta) {
245
- var _a;
246
- const opts = { mode: "open" };
247
- {
248
- opts.delegatesFocus = !!(cmpMeta.$flags$ & 16 /* shadowDelegatesFocus */);
249
- }
250
- const shadowRoot = this.attachShadow(opts);
251
- if (globalStyleSheet === void 0) globalStyleSheet = (_a = createStyleSheetIfNeededAndSupported(globalStyles)) != null ? _a : null;
252
- if (globalStyleSheet) {
253
- if (supportsMutableAdoptedStyleSheets) {
254
- shadowRoot.adoptedStyleSheets.push(globalStyleSheet);
255
- } else {
256
- shadowRoot.adoptedStyleSheets = [...shadowRoot.adoptedStyleSheets, globalStyleSheet];
257
- }
258
- } else if (!supportsConstructableStylesheets) {
259
- const styleElm = document.createElement("style");
260
- styleElm.innerHTML = globalStyles;
261
- shadowRoot.prepend(styleElm);
262
- }
263
- }
264
- var createTime = (fnName, tagName = "") => {
265
- {
266
- return () => {
267
- return;
268
- };
269
- }
270
- };
271
- var uniqueTime = (key, measureText) => {
272
- {
273
- return () => {
274
- return;
275
- };
276
- }
277
- };
278
-
279
- // src/utils/query-nonce-meta-tag-content.ts
280
- function queryNonceMetaTagContent(doc) {
281
- var _a, _b, _c;
282
- 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;
283
- }
284
-
285
- // src/runtime/styles.ts
286
- var rootAppliedStyles = /* @__PURE__ */ new WeakMap();
287
- var registerStyle = (scopeId2, cssText, allowCS) => {
288
- let style = styles.get(scopeId2);
289
- if (supportsConstructableStylesheets && allowCS) {
290
- style = style || new CSSStyleSheet();
291
- if (typeof style === "string") {
292
- style = cssText;
293
- } else {
294
- style.replaceSync(cssText);
295
- }
296
- } else {
297
- style = cssText;
298
- }
299
- styles.set(scopeId2, style);
300
- };
301
- var addStyle = (styleContainerNode, cmpMeta, mode) => {
302
- var _a, _b, _c;
303
- const scopeId2 = getScopeId(cmpMeta);
304
- const style = styles.get(scopeId2);
305
- if (!win.document) {
306
- return scopeId2;
307
- }
308
- styleContainerNode = styleContainerNode.nodeType === 11 /* DocumentFragment */ ? styleContainerNode : win.document;
309
- if (style) {
310
- if (typeof style === "string") {
311
- styleContainerNode = styleContainerNode.head || styleContainerNode;
312
- let appliedStyles = rootAppliedStyles.get(styleContainerNode);
313
- let styleElm;
314
- if (!appliedStyles) {
315
- rootAppliedStyles.set(styleContainerNode, appliedStyles = /* @__PURE__ */ new Set());
316
- }
317
- if (!appliedStyles.has(scopeId2)) {
318
- styleElm = win.document.createElement("style");
319
- styleElm.textContent = style;
320
- const nonce = (_a = plt.$nonce$) != null ? _a : queryNonceMetaTagContent(win.document);
321
- if (nonce != null) {
322
- styleElm.setAttribute("nonce", nonce);
323
- }
324
- if (!(cmpMeta.$flags$ & 1 /* shadowDomEncapsulation */)) {
325
- if (styleContainerNode.nodeName === "HEAD") {
326
- const preconnectLinks = styleContainerNode.querySelectorAll("link[rel=preconnect]");
327
- const referenceNode2 = preconnectLinks.length > 0 ? preconnectLinks[preconnectLinks.length - 1].nextSibling : styleContainerNode.querySelector("style");
328
- styleContainerNode.insertBefore(
329
- styleElm,
330
- (referenceNode2 == null ? void 0 : referenceNode2.parentNode) === styleContainerNode ? referenceNode2 : null
331
- );
332
- } else if ("host" in styleContainerNode) {
333
- if (supportsConstructableStylesheets) {
334
- const currentWindow = (_b = styleContainerNode.defaultView) != null ? _b : styleContainerNode.ownerDocument.defaultView;
335
- const stylesheet = new currentWindow.CSSStyleSheet();
336
- stylesheet.replaceSync(style);
337
- if (supportsMutableAdoptedStyleSheets) {
338
- styleContainerNode.adoptedStyleSheets.unshift(stylesheet);
339
- } else {
340
- styleContainerNode.adoptedStyleSheets = [stylesheet, ...styleContainerNode.adoptedStyleSheets];
341
- }
342
- } else {
343
- const existingStyleContainer = styleContainerNode.querySelector("style");
344
- if (existingStyleContainer && true) {
345
- existingStyleContainer.textContent = style + existingStyleContainer.textContent;
346
- } else {
347
- styleContainerNode.prepend(styleElm);
348
- }
349
- }
350
- } else {
351
- styleContainerNode.append(styleElm);
352
- }
353
- }
354
- if (cmpMeta.$flags$ & 1 /* shadowDomEncapsulation */) {
355
- styleContainerNode.insertBefore(styleElm, null);
356
- }
357
- if (cmpMeta.$flags$ & 4 /* hasSlotRelocation */) {
358
- styleElm.textContent += SLOT_FB_CSS;
359
- }
360
- if (appliedStyles) {
361
- appliedStyles.add(scopeId2);
362
- }
363
- }
364
- } else {
365
- let appliedStyles = rootAppliedStyles.get(styleContainerNode);
366
- if (!appliedStyles) {
367
- rootAppliedStyles.set(styleContainerNode, appliedStyles = /* @__PURE__ */ new Set());
368
- }
369
- if (!appliedStyles.has(scopeId2)) {
370
- const currentWindow = (_c = styleContainerNode.defaultView) != null ? _c : styleContainerNode.ownerDocument.defaultView;
371
- let stylesheet;
372
- if (style.constructor === currentWindow.CSSStyleSheet) {
373
- stylesheet = style;
374
- } else {
375
- stylesheet = new currentWindow.CSSStyleSheet();
376
- for (let i2 = 0; i2 < style.cssRules.length; i2++) {
377
- stylesheet.insertRule(style.cssRules[i2].cssText, i2);
378
- }
379
- }
380
- if (supportsMutableAdoptedStyleSheets) {
381
- styleContainerNode.adoptedStyleSheets.push(stylesheet);
382
- } else {
383
- styleContainerNode.adoptedStyleSheets = [...styleContainerNode.adoptedStyleSheets, stylesheet];
384
- }
385
- appliedStyles.add(scopeId2);
386
- }
387
- }
388
- }
389
- return scopeId2;
390
- };
391
- var attachStyles = (hostRef) => {
392
- const cmpMeta = hostRef.$cmpMeta$;
393
- const elm = hostRef.$hostElement$;
394
- const flags = cmpMeta.$flags$;
395
- const endAttachStyles = createTime("attachStyles", cmpMeta.$tagName$);
396
- const scopeId2 = addStyle(
397
- elm.shadowRoot ? elm.shadowRoot : elm.getRootNode(),
398
- cmpMeta);
399
- if (flags & 10 /* needsScopedEncapsulation */) {
400
- elm["s-sc"] = scopeId2;
401
- elm.classList.add(scopeId2 + "-h");
402
- }
403
- endAttachStyles();
404
- };
405
- var getScopeId = (cmp, mode) => "sc-" + (cmp.$tagName$);
406
- var isComplexType = (o) => {
407
- o = typeof o;
408
- return o === "object" || o === "function";
409
- };
410
-
411
- // src/runtime/vdom/h.ts
412
- var h = (nodeName, vnodeData, ...children) => {
413
- if (typeof nodeName === "string") {
414
- nodeName = transformTag(nodeName);
415
- }
416
- let child = null;
417
- let key = null;
418
- let simple = false;
419
- let lastSimple = false;
420
- const vNodeChildren = [];
421
- const walk = (c) => {
422
- for (let i2 = 0; i2 < c.length; i2++) {
423
- child = c[i2];
424
- if (Array.isArray(child)) {
425
- walk(child);
426
- } else if (child != null && typeof child !== "boolean") {
427
- if (simple = typeof nodeName !== "function" && !isComplexType(child)) {
428
- child = String(child);
429
- } else if (typeof nodeName !== "function" && child.$flags$ === void 0) {
430
- {
431
- consoleError("Invalid vNode child");
432
- }
433
- continue;
434
- }
435
- if (simple && lastSimple) {
436
- vNodeChildren[vNodeChildren.length - 1].$text$ += child;
437
- } else {
438
- vNodeChildren.push(simple ? newVNode(null, child) : child);
439
- }
440
- lastSimple = simple;
441
- }
442
- }
443
- };
444
- walk(children);
445
- if (vnodeData) {
446
- if (vnodeData.key) {
447
- key = vnodeData.key;
448
- }
449
- {
450
- const classData = vnodeData.className || vnodeData.class;
451
- if (classData) {
452
- vnodeData.class = typeof classData !== "object" ? classData : Object.keys(classData).filter((k) => classData[k]).join(" ");
453
- }
454
- }
455
- }
456
- if (typeof nodeName === "function") {
457
- return nodeName(
458
- vnodeData === null ? {} : vnodeData,
459
- vNodeChildren,
460
- vdomFnUtils
461
- );
462
- }
463
- const vnode = newVNode(nodeName, null);
464
- vnode.$attrs$ = vnodeData;
465
- if (vNodeChildren.length > 0) {
466
- vnode.$children$ = vNodeChildren;
467
- }
468
- {
469
- vnode.$key$ = key;
470
- }
471
- return vnode;
472
- };
473
- var newVNode = (tag, text) => {
474
- const vnode = {
475
- $flags$: 0,
476
- $tag$: tag,
477
- // Normalize undefined to null to prevent rendering "undefined" as text
478
- $text$: text != null ? text : null,
479
- $elm$: null,
480
- $children$: null
481
- };
482
- {
483
- vnode.$attrs$ = null;
484
- }
485
- {
486
- vnode.$key$ = null;
487
- }
488
- return vnode;
489
- };
490
- var Host = {};
491
- var isHost = (node) => node && node.$tag$ === Host;
492
- var vdomFnUtils = {
493
- forEach: (children, cb) => children.map(convertToPublic).forEach(cb),
494
- map: (children, cb) => children.map(convertToPublic).map(cb).map(convertToPrivate)
495
- };
496
- var convertToPublic = (node) => ({
497
- vattrs: node.$attrs$,
498
- vchildren: node.$children$,
499
- vkey: node.$key$,
500
- vname: node.$name$,
501
- vtag: node.$tag$,
502
- vtext: node.$text$
503
- });
504
- var convertToPrivate = (node) => {
505
- if (typeof node.vtag === "function") {
506
- const vnodeData = { ...node.vattrs };
507
- if (node.vkey) {
508
- vnodeData.key = node.vkey;
509
- }
510
- if (node.vname) {
511
- vnodeData.name = node.vname;
512
- }
513
- return h(node.vtag, vnodeData, ...node.vchildren || []);
514
- }
515
- const vnode = newVNode(node.vtag, node.vtext);
516
- vnode.$attrs$ = node.vattrs;
517
- vnode.$children$ = node.vchildren;
518
- vnode.$key$ = node.vkey;
519
- vnode.$name$ = node.vname;
520
- return vnode;
521
- };
522
-
523
- // src/runtime/normalize-watchers.ts
524
- var normalizeWatchers = (raw) => {
525
- if (!raw) return void 0;
526
- const keys = Object.keys(raw);
527
- if (keys.length === 0) return void 0;
528
- let hasLegacy = false;
529
- for (const propName of keys) {
530
- if (hasLegacy) break;
531
- for (const h2 of raw[propName]) {
532
- if (typeof h2 === "string") {
533
- hasLegacy = true;
534
- break;
535
- }
536
- }
537
- }
538
- if (!hasLegacy) return raw;
539
- const out = {};
540
- for (const propName of keys) {
541
- out[propName] = raw[propName].map(
542
- (h2) => typeof h2 === "string" ? { [h2]: 0 } : h2
543
- );
544
- }
545
- return out;
546
- };
547
-
548
- // src/runtime/parse-property-value.ts
549
- var parsePropertyValue = (propValue, propType, isFormAssociated) => {
550
- if (propValue != null && !isComplexType(propValue)) {
551
- if (propType & 4 /* Boolean */) {
552
- if (isFormAssociated && typeof propValue === "string") {
553
- return propValue === "" || !!propValue;
554
- } else {
555
- return propValue === "false" ? false : propValue === "" || !!propValue;
556
- }
557
- }
558
- if (propType & 2 /* Number */) {
559
- return typeof propValue === "string" ? parseFloat(propValue) : typeof propValue === "number" ? propValue : NaN;
560
- }
561
- if (propType & 1 /* String */) {
562
- return String(propValue);
563
- }
564
- return propValue;
565
- }
566
- return propValue;
567
- };
568
- var getElement = (ref) => {
569
- var _a;
570
- return (_a = getHostRef(ref)) == null ? void 0 : _a.$hostElement$ ;
571
- };
572
-
573
- // src/runtime/event-emitter.ts
574
- var createEvent = (ref, name, flags) => {
575
- const elm = getElement(ref);
576
- return {
577
- emit: (detail) => {
578
- return emitEvent(elm, name, {
579
- bubbles: true,
580
- composed: true,
581
- cancelable: true,
582
- detail
583
- });
584
- }
585
- };
586
- };
587
- var emitEvent = (elm, name, opts) => {
588
- const ev = plt.ce(name, opts);
589
- elm.dispatchEvent(ev);
590
- return ev;
591
- };
592
- var setAccessor = (elm, memberName, oldValue, newValue, isSvg, flags, initialRender) => {
593
- if (oldValue === newValue) {
594
- return;
595
- }
596
- let isProp = isMemberInElement(elm, memberName);
597
- let ln = memberName.toLowerCase();
598
- if (memberName === "class") {
599
- const classList = elm.classList;
600
- const oldClasses = parseClassList(oldValue);
601
- let newClasses = parseClassList(newValue);
602
- {
603
- let removedClasses = oldClasses.filter((c) => c && !newClasses.includes(c));
604
- classList.remove(...removedClasses);
605
- classList.add(...newClasses.filter((c) => c && !oldClasses.includes(c)));
606
- }
607
- } else if (memberName === "style") {
608
- {
609
- for (const prop in oldValue) {
610
- if (!newValue || newValue[prop] == null) {
611
- if (prop.includes("-")) {
612
- elm.style.removeProperty(prop);
613
- } else {
614
- elm.style[prop] = "";
615
- }
616
- }
617
- }
618
- }
619
- for (const prop in newValue) {
620
- if (!oldValue || newValue[prop] !== oldValue[prop]) {
621
- if (prop.includes("-")) {
622
- elm.style.setProperty(prop, newValue[prop]);
623
- } else {
624
- elm.style[prop] = newValue[prop];
625
- }
626
- }
627
- }
628
- } else if (memberName === "key") ; else if (memberName === "ref") {
629
- if (newValue) {
630
- queueRefAttachment(newValue, elm);
631
- }
632
- } else if ((!isProp ) && memberName[0] === "o" && memberName[1] === "n") {
633
- if (memberName[2] === "-") {
634
- memberName = memberName.slice(3);
635
- } else if (isMemberInElement(win, ln)) {
636
- memberName = ln.slice(2);
637
- } else {
638
- memberName = ln[2] + memberName.slice(3);
639
- }
640
- if (oldValue || newValue) {
641
- const capture = memberName.endsWith(CAPTURE_EVENT_SUFFIX);
642
- memberName = memberName.replace(CAPTURE_EVENT_REGEX, "");
643
- if (oldValue) {
644
- plt.rel(elm, memberName, oldValue, capture);
645
- }
646
- if (newValue) {
647
- plt.ael(elm, memberName, newValue, capture);
648
- }
649
- }
650
- } else if (memberName[0] === "a" && memberName.startsWith("attr:")) {
651
- const propName = memberName.slice(5);
652
- let attrName;
653
- {
654
- const hostRef = getHostRef(elm);
655
- if (hostRef && hostRef.$cmpMeta$ && hostRef.$cmpMeta$.$members$) {
656
- const memberMeta = hostRef.$cmpMeta$.$members$[propName];
657
- if (memberMeta && memberMeta[1]) {
658
- attrName = memberMeta[1];
659
- }
660
- }
661
- }
662
- if (!attrName) {
663
- attrName = propName.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase();
664
- }
665
- if (newValue == null || newValue === false) {
666
- if (newValue !== false || elm.getAttribute(attrName) === "") {
667
- elm.removeAttribute(attrName);
668
- }
669
- } else {
670
- elm.setAttribute(attrName, newValue === true ? "" : newValue);
671
- }
672
- return;
673
- } else if (memberName[0] === "p" && memberName.startsWith("prop:")) {
674
- const propName = memberName.slice(5);
675
- try {
676
- elm[propName] = newValue;
677
- } catch (e) {
678
- }
679
- return;
680
- } else {
681
- const isComplex = isComplexType(newValue);
682
- if ((isProp || isComplex && newValue !== null) && !isSvg) {
683
- try {
684
- if (!elm.tagName.includes("-")) {
685
- const n = newValue == null ? "" : newValue;
686
- if (memberName === "list") {
687
- isProp = false;
688
- } else if (oldValue == null || elm[memberName] !== n) {
689
- if (typeof elm.__lookupSetter__(memberName) === "function") {
690
- elm[memberName] = n;
691
- } else {
692
- elm.setAttribute(memberName, n);
693
- }
694
- }
695
- } else if (elm[memberName] !== newValue) {
696
- elm[memberName] = newValue;
697
- }
698
- } catch (e) {
699
- }
700
- }
701
- let xlink = false;
702
- {
703
- if (ln !== (ln = ln.replace(/^xlink\:?/, ""))) {
704
- memberName = ln;
705
- xlink = true;
706
- }
707
- }
708
- if (newValue == null || newValue === false) {
709
- if (newValue !== false || elm.getAttribute(memberName) === "" || flags & 4 /* isHost */ && !isEnumeratedAttribute(memberName)) {
710
- if (xlink) {
711
- elm.removeAttributeNS(XLINK_NS, memberName);
712
- } else {
713
- elm.removeAttribute(memberName);
714
- }
715
- }
716
- } else if ((!isProp || flags & 4 /* isHost */ || isSvg) && !isComplex && elm.nodeType === 1 /* ElementNode */) {
717
- newValue = newValue === true ? "" : newValue;
718
- if (xlink) {
719
- elm.setAttributeNS(XLINK_NS, memberName, newValue);
720
- } else {
721
- elm.setAttribute(memberName, newValue);
722
- }
723
- }
724
- }
725
- };
726
- var ENUMERATED_ATTRIBUTES = /* @__PURE__ */ new Set(["draggable", "contenteditable", "spellcheck"]);
727
- var isEnumeratedAttribute = (attrName) => ENUMERATED_ATTRIBUTES.has(attrName) || attrName.startsWith("aria-");
728
- var parseClassListRegex = /\s/;
729
- var parseClassList = (value) => {
730
- if (typeof value === "object" && value && "baseVal" in value) {
731
- value = value.baseVal;
732
- }
733
- if (!value || typeof value !== "string") {
734
- return [];
735
- }
736
- return value.split(parseClassListRegex);
737
- };
738
- var CAPTURE_EVENT_SUFFIX = "Capture";
739
- var CAPTURE_EVENT_REGEX = new RegExp(CAPTURE_EVENT_SUFFIX + "$");
740
-
741
- // src/runtime/vdom/update-element.ts
742
- var updateElement = (oldVnode, newVnode, isSvgMode2, isInitialRender) => {
743
- const elm = newVnode.$elm$.nodeType === 11 /* DocumentFragment */ && newVnode.$elm$.host ? newVnode.$elm$.host : newVnode.$elm$;
744
- const oldVnodeAttrs = oldVnode && oldVnode.$attrs$ || {};
745
- const newVnodeAttrs = newVnode.$attrs$ || {};
746
- {
747
- for (const memberName of sortedAttrNames(Object.keys(oldVnodeAttrs))) {
748
- if (!(memberName in newVnodeAttrs)) {
749
- setAccessor(
750
- elm,
751
- memberName,
752
- oldVnodeAttrs[memberName],
753
- void 0,
754
- isSvgMode2,
755
- newVnode.$flags$);
756
- }
757
- }
758
- }
759
- for (const memberName of sortedAttrNames(Object.keys(newVnodeAttrs))) {
760
- setAccessor(
761
- elm,
762
- memberName,
763
- oldVnodeAttrs[memberName],
764
- newVnodeAttrs[memberName],
765
- isSvgMode2,
766
- newVnode.$flags$);
767
- }
768
- };
769
- function sortedAttrNames(attrNames) {
770
- return attrNames.includes("ref") ? (
771
- // we need to sort these to ensure that `'ref'` is the last attr
772
- [...attrNames.filter((attr) => attr !== "ref"), "ref"]
773
- ) : (
774
- // no need to sort, return the original array
775
- attrNames
776
- );
777
- }
778
- var hostTagName;
779
- var useNativeShadowDom = false;
780
- var isSvgMode = false;
781
- var refCallbacksToRemove = [];
782
- var refCallbacksToAttach = [];
783
- var createElm = (oldParentVNode, newParentVNode, childIndex) => {
784
- const newVNode2 = newParentVNode.$children$[childIndex];
785
- let i2 = 0;
786
- let elm;
787
- let childNode;
788
- if (newVNode2.$text$ != null) {
789
- elm = newVNode2.$elm$ = win.document.createTextNode(newVNode2.$text$);
790
- } else {
791
- if (!isSvgMode) {
792
- isSvgMode = newVNode2.$tag$ === "svg";
793
- }
794
- if (!win.document) {
795
- throw new Error("You are trying to render a Stencil component in an environment that doesn't support the DOM.");
796
- }
797
- elm = newVNode2.$elm$ = win.document.createElementNS(
798
- isSvgMode ? SVG_NS : HTML_NS,
799
- newVNode2.$tag$
800
- ) ;
801
- if (isSvgMode && newVNode2.$tag$ === "foreignObject") {
802
- isSvgMode = false;
803
- }
804
- {
805
- updateElement(null, newVNode2, isSvgMode);
806
- }
807
- if (newVNode2.$children$) {
808
- const appendTarget = newVNode2.$tag$ === "template" ? elm.content : elm;
809
- for (i2 = 0; i2 < newVNode2.$children$.length; ++i2) {
810
- childNode = createElm(oldParentVNode, newVNode2, i2);
811
- if (childNode) {
812
- appendTarget.appendChild(childNode);
813
- }
814
- }
815
- }
816
- {
817
- if (newVNode2.$tag$ === "svg") {
818
- isSvgMode = false;
819
- } else if (elm.tagName === "foreignObject") {
820
- isSvgMode = true;
821
- }
822
- }
823
- }
824
- elm["s-hn"] = hostTagName;
825
- return elm;
826
- };
827
- var relocateToHostRoot = (parentElm) => {
828
- plt.$flags$ |= 1 /* isTmpDisconnected */;
829
- const host = parentElm.closest(hostTagName.toLowerCase());
830
- if (host != null) {
831
- const contentRefNode = Array.from(host.__childNodes || host.childNodes).find(
832
- (ref) => ref["s-cr"]
833
- );
834
- const childNodeArray = Array.from(
835
- parentElm.__childNodes || parentElm.childNodes
836
- );
837
- for (const childNode of contentRefNode ? childNodeArray.reverse() : childNodeArray) {
838
- if (childNode["s-sh"] != null) {
839
- insertBefore(host, childNode, contentRefNode != null ? contentRefNode : null);
840
- childNode["s-sh"] = void 0;
841
- }
842
- }
843
- }
844
- plt.$flags$ &= -2 /* isTmpDisconnected */;
845
- };
846
- var addVnodes = (parentElm, before, parentVNode, vnodes, startIdx, endIdx) => {
847
- let containerElm = parentElm;
848
- let childNode;
849
- if (containerElm.shadowRoot && containerElm.tagName === hostTagName) {
850
- containerElm = containerElm.shadowRoot;
851
- }
852
- if (parentVNode.$tag$ === "template") {
853
- containerElm = containerElm.content;
854
- }
855
- for (; startIdx <= endIdx; ++startIdx) {
856
- if (vnodes[startIdx]) {
857
- childNode = createElm(null, parentVNode, startIdx);
858
- if (childNode) {
859
- vnodes[startIdx].$elm$ = childNode;
860
- insertBefore(containerElm, childNode, before);
861
- }
862
- }
863
- }
864
- };
865
- var removeVnodes = (vnodes, startIdx, endIdx) => {
866
- for (let index = startIdx; index <= endIdx; ++index) {
867
- const vnode = vnodes[index];
868
- if (vnode) {
869
- const elm = vnode.$elm$;
870
- nullifyVNodeRefs(vnode);
871
- if (elm) {
872
- elm.remove();
873
- }
874
- }
875
- }
876
- };
877
- var updateChildren = (parentElm, oldCh, newVNode2, newCh, isInitialRender = false) => {
878
- let oldStartIdx = 0;
879
- let newStartIdx = 0;
880
- let idxInOld = 0;
881
- let i2 = 0;
882
- let oldEndIdx = oldCh.length - 1;
883
- let oldStartVnode = oldCh[0];
884
- let oldEndVnode = oldCh[oldEndIdx];
885
- let newEndIdx = newCh.length - 1;
886
- let newStartVnode = newCh[0];
887
- let newEndVnode = newCh[newEndIdx];
888
- let node;
889
- let elmToMove;
890
- const containerElm = newVNode2.$tag$ === "template" ? parentElm.content : parentElm;
891
- while (oldStartIdx <= oldEndIdx && newStartIdx <= newEndIdx) {
892
- if (oldStartVnode == null) {
893
- oldStartVnode = oldCh[++oldStartIdx];
894
- } else if (oldEndVnode == null) {
895
- oldEndVnode = oldCh[--oldEndIdx];
896
- } else if (newStartVnode == null) {
897
- newStartVnode = newCh[++newStartIdx];
898
- } else if (newEndVnode == null) {
899
- newEndVnode = newCh[--newEndIdx];
900
- } else if (isSameVnode(oldStartVnode, newStartVnode, isInitialRender)) {
901
- patch(oldStartVnode, newStartVnode, isInitialRender);
902
- oldStartVnode = oldCh[++oldStartIdx];
903
- newStartVnode = newCh[++newStartIdx];
904
- } else if (isSameVnode(oldEndVnode, newEndVnode, isInitialRender)) {
905
- patch(oldEndVnode, newEndVnode, isInitialRender);
906
- oldEndVnode = oldCh[--oldEndIdx];
907
- newEndVnode = newCh[--newEndIdx];
908
- } else if (isSameVnode(oldStartVnode, newEndVnode, isInitialRender)) {
909
- patch(oldStartVnode, newEndVnode, isInitialRender);
910
- insertBefore(containerElm, oldStartVnode.$elm$, oldEndVnode.$elm$.nextSibling);
911
- oldStartVnode = oldCh[++oldStartIdx];
912
- newEndVnode = newCh[--newEndIdx];
913
- } else if (isSameVnode(oldEndVnode, newStartVnode, isInitialRender)) {
914
- patch(oldEndVnode, newStartVnode, isInitialRender);
915
- insertBefore(containerElm, oldEndVnode.$elm$, oldStartVnode.$elm$);
916
- oldEndVnode = oldCh[--oldEndIdx];
917
- newStartVnode = newCh[++newStartIdx];
918
- } else {
919
- idxInOld = -1;
920
- {
921
- for (i2 = oldStartIdx; i2 <= oldEndIdx; ++i2) {
922
- if (oldCh[i2] && oldCh[i2].$key$ !== null && oldCh[i2].$key$ === newStartVnode.$key$) {
923
- idxInOld = i2;
924
- break;
925
- }
926
- }
927
- }
928
- if (idxInOld >= 0) {
929
- elmToMove = oldCh[idxInOld];
930
- if (elmToMove.$tag$ !== newStartVnode.$tag$) {
931
- node = createElm(oldCh && oldCh[newStartIdx], newVNode2, newStartIdx);
932
- } else {
933
- patch(elmToMove, newStartVnode, isInitialRender);
934
- oldCh[idxInOld] = void 0;
935
- node = elmToMove.$elm$;
936
- }
937
- newStartVnode = newCh[++newStartIdx];
938
- } else {
939
- node = createElm(oldCh && oldCh[newStartIdx], newVNode2, newStartIdx);
940
- newStartVnode = newCh[++newStartIdx];
941
- }
942
- if (node) {
943
- {
944
- insertBefore(oldStartVnode.$elm$.parentNode, node, oldStartVnode.$elm$);
945
- }
946
- }
947
- }
948
- }
949
- if (oldStartIdx > oldEndIdx) {
950
- addVnodes(
951
- parentElm,
952
- newCh[newEndIdx + 1] == null ? null : newCh[newEndIdx + 1].$elm$,
953
- newVNode2,
954
- newCh,
955
- newStartIdx,
956
- newEndIdx
957
- );
958
- } else if (newStartIdx > newEndIdx) {
959
- removeVnodes(oldCh, oldStartIdx, oldEndIdx);
960
- }
961
- };
962
- var isSameVnode = (leftVNode, rightVNode, isInitialRender = false) => {
963
- if (leftVNode.$tag$ === rightVNode.$tag$) {
964
- if (!isInitialRender) {
965
- return leftVNode.$key$ === rightVNode.$key$;
966
- }
967
- if (isInitialRender && !leftVNode.$key$ && rightVNode.$key$) {
968
- leftVNode.$key$ = rightVNode.$key$;
969
- }
970
- return true;
971
- }
972
- return false;
973
- };
974
- var patch = (oldVNode, newVNode2, isInitialRender = false) => {
975
- const elm = newVNode2.$elm$ = oldVNode.$elm$;
976
- const oldChildren = oldVNode.$children$;
977
- const newChildren = newVNode2.$children$;
978
- const tag = newVNode2.$tag$;
979
- const text = newVNode2.$text$;
980
- if (text == null) {
981
- {
982
- isSvgMode = tag === "svg" ? true : tag === "foreignObject" ? false : isSvgMode;
983
- }
984
- {
985
- if (tag === "slot" && !useNativeShadowDom) {
986
- if (oldVNode.$name$ !== newVNode2.$name$) {
987
- newVNode2.$elm$["s-sn"] = newVNode2.$name$ || "";
988
- relocateToHostRoot(newVNode2.$elm$.parentElement);
989
- }
990
- }
991
- updateElement(oldVNode, newVNode2, isSvgMode);
992
- }
993
- if (oldChildren !== null && newChildren !== null) {
994
- updateChildren(elm, oldChildren, newVNode2, newChildren, isInitialRender);
995
- } else if (newChildren !== null) {
996
- if (oldVNode.$text$ !== null) {
997
- elm.textContent = "";
998
- }
999
- addVnodes(elm, null, newVNode2, newChildren, 0, newChildren.length - 1);
1000
- } else if (
1001
- // don't do this on initial render as it can cause non-hydrated content to be removed
1002
- !isInitialRender && BUILD.updatable && oldChildren !== null
1003
- ) {
1004
- removeVnodes(oldChildren, 0, oldChildren.length - 1);
1005
- } else ;
1006
- if (isSvgMode && tag === "svg") {
1007
- isSvgMode = false;
1008
- }
1009
- } else if (oldVNode.$text$ !== text) {
1010
- elm.data = text;
1011
- }
1012
- };
1013
- var nullifyVNodeRefs = (vNode) => {
1014
- {
1015
- if (vNode.$attrs$ && vNode.$attrs$.ref) {
1016
- refCallbacksToRemove.push(() => vNode.$attrs$.ref(null));
1017
- }
1018
- vNode.$children$ && vNode.$children$.map(nullifyVNodeRefs);
1019
- }
1020
- };
1021
- var queueRefAttachment = (refCallback, elm) => {
1022
- {
1023
- refCallbacksToAttach.push(() => refCallback(elm));
1024
- }
1025
- };
1026
- var flushQueuedRefCallbacks = () => {
1027
- {
1028
- refCallbacksToRemove.forEach((cb) => cb());
1029
- refCallbacksToRemove.length = 0;
1030
- refCallbacksToAttach.forEach((cb) => cb());
1031
- refCallbacksToAttach.length = 0;
1032
- }
1033
- };
1034
- var insertBefore = (parent, newNode, reference, isInitialLoad) => {
1035
- {
1036
- return parent == null ? void 0 : parent.insertBefore(newNode, reference);
1037
- }
1038
- };
1039
- var renderVdom = (hostRef, renderFnResults, isInitialLoad = false) => {
1040
- const hostElm = hostRef.$hostElement$;
1041
- const cmpMeta = hostRef.$cmpMeta$;
1042
- const oldVNode = hostRef.$vnode$ || newVNode(null, null);
1043
- const isHostElement = isHost(renderFnResults);
1044
- const rootVnode = isHostElement ? renderFnResults : h(null, null, renderFnResults);
1045
- hostTagName = hostElm.tagName;
1046
- if (cmpMeta.$attrsToReflect$) {
1047
- rootVnode.$attrs$ = rootVnode.$attrs$ || {};
1048
- cmpMeta.$attrsToReflect$.forEach(([propName, attribute]) => {
1049
- {
1050
- rootVnode.$attrs$[attribute] = hostElm[propName];
1051
- }
1052
- });
1053
- }
1054
- if (isInitialLoad && rootVnode.$attrs$) {
1055
- for (const key of Object.keys(rootVnode.$attrs$)) {
1056
- if (hostElm.hasAttribute(key) && !["key", "ref", "style", "class"].includes(key)) {
1057
- rootVnode.$attrs$[key] = hostElm[key];
1058
- }
1059
- }
1060
- }
1061
- rootVnode.$tag$ = null;
1062
- rootVnode.$flags$ |= 4 /* isHost */;
1063
- hostRef.$vnode$ = rootVnode;
1064
- rootVnode.$elm$ = oldVNode.$elm$ = hostElm.shadowRoot || hostElm ;
1065
- useNativeShadowDom = !!(cmpMeta.$flags$ & 1 /* shadowDomEncapsulation */) && !(cmpMeta.$flags$ & 128 /* shadowNeedsScopedCss */);
1066
- patch(oldVNode, rootVnode, isInitialLoad);
1067
- flushQueuedRefCallbacks();
1068
- };
1069
-
1070
- // src/runtime/update-component.ts
1071
- var attachToAncestor = (hostRef, ancestorComponent) => {
1072
- if (ancestorComponent && !hostRef.$onRenderResolve$ && ancestorComponent["s-p"]) {
1073
- const index = ancestorComponent["s-p"].push(
1074
- new Promise(
1075
- (r) => hostRef.$onRenderResolve$ = () => {
1076
- ancestorComponent["s-p"].splice(index - 1, 1);
1077
- r();
1078
- }
1079
- )
1080
- );
1081
- }
1082
- };
1083
- var scheduleUpdate = (hostRef, isInitialLoad) => {
1084
- {
1085
- hostRef.$flags$ |= 16 /* isQueuedForUpdate */;
1086
- }
1087
- if (hostRef.$flags$ & 4 /* isWaitingForChildren */) {
1088
- hostRef.$flags$ |= 512 /* needsRerender */;
1089
- return;
1090
- }
1091
- attachToAncestor(hostRef, hostRef.$ancestorComponent$);
1092
- const dispatch = () => dispatchHooks(hostRef, isInitialLoad);
1093
- if (isInitialLoad) {
1094
- queueMicrotask(() => {
1095
- dispatch();
1096
- });
1097
- return;
1098
- }
1099
- return writeTask(dispatch) ;
1100
- };
1101
- var dispatchHooks = (hostRef, isInitialLoad) => {
1102
- const elm = hostRef.$hostElement$;
1103
- const endSchedule = createTime("scheduleUpdate", hostRef.$cmpMeta$.$tagName$);
1104
- const instance = hostRef.$lazyInstance$ ;
1105
- if (!instance) {
1106
- throw new Error(
1107
- `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`
1108
- );
1109
- }
1110
- let maybePromise;
1111
- if (isInitialLoad) {
1112
- {
1113
- {
1114
- hostRef.$flags$ |= 256 /* isListenReady */;
1115
- if (hostRef.$queuedListeners$) {
1116
- hostRef.$queuedListeners$.map(([methodName, event]) => safeCall(instance, methodName, event, elm));
1117
- hostRef.$queuedListeners$ = void 0;
1118
- }
1119
- }
1120
- if (hostRef.$fetchedCbList$.length) {
1121
- hostRef.$fetchedCbList$.forEach((cb) => cb(elm));
1122
- }
1123
- }
1124
- maybePromise = safeCall(instance, "componentWillLoad", void 0, elm);
1125
- } else {
1126
- maybePromise = safeCall(instance, "componentWillUpdate", void 0, elm);
1127
- }
1128
- maybePromise = enqueue(maybePromise, () => safeCall(instance, "componentWillRender", void 0, elm));
1129
- endSchedule();
1130
- return enqueue(maybePromise, () => updateComponent(hostRef, instance, isInitialLoad));
1131
- };
1132
- var enqueue = (maybePromise, fn) => isPromisey(maybePromise) ? maybePromise.then(fn).catch((err) => {
1133
- console.error(err);
1134
- fn();
1135
- }) : fn();
1136
- var isPromisey = (maybePromise) => maybePromise instanceof Promise || maybePromise && maybePromise.then && typeof maybePromise.then === "function";
1137
- var updateComponent = async (hostRef, instance, isInitialLoad) => {
1138
- var _a;
1139
- const elm = hostRef.$hostElement$;
1140
- const endUpdate = createTime("update", hostRef.$cmpMeta$.$tagName$);
1141
- const rc = elm["s-rc"];
1142
- if (isInitialLoad) {
1143
- attachStyles(hostRef);
1144
- }
1145
- const endRender = createTime("render", hostRef.$cmpMeta$.$tagName$);
1146
- {
1147
- callRender(hostRef, instance, elm, isInitialLoad);
1148
- }
1149
- if (rc) {
1150
- rc.map((cb) => cb());
1151
- elm["s-rc"] = void 0;
1152
- }
1153
- endRender();
1154
- endUpdate();
1155
- {
1156
- const childrenPromises = (_a = elm["s-p"]) != null ? _a : [];
1157
- const postUpdate = () => postUpdateComponent(hostRef);
1158
- if (childrenPromises.length === 0) {
1159
- postUpdate();
1160
- } else {
1161
- Promise.all(childrenPromises).then(postUpdate).catch(postUpdate);
1162
- hostRef.$flags$ |= 4 /* isWaitingForChildren */;
1163
- childrenPromises.length = 0;
1164
- }
1165
- }
1166
- };
1167
- var callRender = (hostRef, instance, elm, isInitialLoad) => {
1168
- try {
1169
- instance = instance.render() ;
1170
- {
1171
- hostRef.$flags$ &= -17 /* isQueuedForUpdate */;
1172
- }
1173
- {
1174
- hostRef.$flags$ |= 2 /* hasRendered */;
1175
- }
1176
- {
1177
- {
1178
- {
1179
- renderVdom(hostRef, instance, isInitialLoad);
1180
- }
1181
- }
1182
- }
1183
- } catch (e) {
1184
- consoleError(e, hostRef.$hostElement$);
1185
- }
1186
- return null;
1187
- };
1188
- var postUpdateComponent = (hostRef) => {
1189
- const tagName = hostRef.$cmpMeta$.$tagName$;
1190
- const elm = hostRef.$hostElement$;
1191
- const endPostUpdate = createTime("postUpdate", tagName);
1192
- const instance = hostRef.$lazyInstance$ ;
1193
- const ancestorComponent = hostRef.$ancestorComponent$;
1194
- safeCall(instance, "componentDidRender", void 0, elm);
1195
- if (!(hostRef.$flags$ & 64 /* hasLoadedComponent */)) {
1196
- hostRef.$flags$ |= 64 /* hasLoadedComponent */;
1197
- {
1198
- addHydratedFlag(elm);
1199
- }
1200
- safeCall(instance, "componentDidLoad", void 0, elm);
1201
- endPostUpdate();
1202
- {
1203
- hostRef.$onReadyResolve$(elm);
1204
- if (!ancestorComponent) {
1205
- appDidLoad();
1206
- }
1207
- }
1208
- } else {
1209
- safeCall(instance, "componentDidUpdate", void 0, elm);
1210
- endPostUpdate();
1211
- }
1212
- {
1213
- hostRef.$onInstanceResolve$(elm);
1214
- }
1215
- {
1216
- if (hostRef.$onRenderResolve$) {
1217
- hostRef.$onRenderResolve$();
1218
- hostRef.$onRenderResolve$ = void 0;
1219
- }
1220
- if (hostRef.$flags$ & 512 /* needsRerender */) {
1221
- nextTick(() => scheduleUpdate(hostRef, false));
1222
- }
1223
- hostRef.$flags$ &= -517;
1224
- }
1225
- };
1226
- var appDidLoad = (who) => {
1227
- nextTick(() => emitEvent(win, "appload", { detail: { namespace: NAMESPACE } }));
1228
- };
1229
- var safeCall = (instance, method, arg, elm) => {
1230
- if (instance && instance[method]) {
1231
- try {
1232
- return instance[method](arg);
1233
- } catch (e) {
1234
- consoleError(e, elm);
1235
- }
1236
- }
1237
- return void 0;
1238
- };
1239
- var addHydratedFlag = (elm) => {
1240
- var _a;
1241
- return elm.classList.add((_a = BUILD.hydratedSelectorName) != null ? _a : "hydrated") ;
1242
- };
1243
-
1244
- // src/runtime/set-value.ts
1245
- var getValue = (ref, propName) => getHostRef(ref).$instanceValues$.get(propName);
1246
- var setValue = (ref, propName, newVal, cmpMeta) => {
1247
- const hostRef = getHostRef(ref);
1248
- if (!hostRef) {
1249
- return;
1250
- }
1251
- if (!hostRef) {
1252
- throw new Error(
1253
- `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).`
1254
- );
1255
- }
1256
- const elm = hostRef.$hostElement$ ;
1257
- const oldVal = hostRef.$instanceValues$.get(propName);
1258
- const flags = hostRef.$flags$;
1259
- const instance = hostRef.$lazyInstance$ ;
1260
- newVal = parsePropertyValue(
1261
- newVal,
1262
- cmpMeta.$members$[propName][0],
1263
- !!(cmpMeta.$flags$ & 64 /* formAssociated */)
1264
- );
1265
- const areBothNaN = Number.isNaN(oldVal) && Number.isNaN(newVal);
1266
- const didValueChange = newVal !== oldVal && !areBothNaN;
1267
- if ((!(flags & 8 /* isConstructingInstance */) || oldVal === void 0) && didValueChange) {
1268
- hostRef.$instanceValues$.set(propName, newVal);
1269
- if (cmpMeta.$watchers$) {
1270
- const watchMethods = cmpMeta.$watchers$[propName];
1271
- if (watchMethods) {
1272
- watchMethods.map((watcher) => {
1273
- try {
1274
- const [[watchMethodName, watcherFlags]] = Object.entries(watcher);
1275
- if (flags & 128 /* isWatchReady */ || watcherFlags & 1 /* Immediate */) {
1276
- if (!instance) {
1277
- hostRef.$fetchedCbList$.push(() => {
1278
- hostRef.$lazyInstance$[watchMethodName](newVal, oldVal, propName);
1279
- });
1280
- } else {
1281
- instance[watchMethodName](newVal, oldVal, propName);
1282
- }
1283
- }
1284
- } catch (e) {
1285
- consoleError(e, elm);
1286
- }
1287
- });
1288
- }
1289
- }
1290
- if (flags & 2 /* hasRendered */) {
1291
- if (instance.componentShouldUpdate) {
1292
- const shouldUpdate = instance.componentShouldUpdate(newVal, oldVal, propName);
1293
- if (shouldUpdate === false && !(flags & 16 /* isQueuedForUpdate */)) {
1294
- return;
1295
- }
1296
- }
1297
- if (!(flags & 16 /* isQueuedForUpdate */)) {
1298
- scheduleUpdate(hostRef, false);
1299
- }
1300
- }
1301
- }
1302
- };
1303
-
1304
- // src/runtime/proxy-component.ts
1305
- var reflectedAttrValue = (propValue) => propValue == null || propValue === false ? null : propValue === true ? "" : String(propValue);
1306
- var replayPendingSetterValues = (hostRef, cmpMeta) => {
1307
- var _a;
1308
- const instance = hostRef.$lazyInstance$;
1309
- if (!instance) return;
1310
- for (const [memberName, [memberFlags]] of Object.entries((_a = cmpMeta.$members$) != null ? _a : {})) {
1311
- if (memberFlags & 4096 /* Setter */ && hostRef.$instanceValues$.has(memberName)) {
1312
- const pendingValue = hostRef.$instanceValues$.get(memberName);
1313
- if (instance[memberName] !== pendingValue) {
1314
- instance[memberName] = pendingValue;
1315
- }
1316
- }
1317
- }
1318
- };
1319
- var proxyComponent = (Cstr, cmpMeta, flags) => {
1320
- var _a, _b;
1321
- const prototype = Cstr.prototype;
1322
- if (cmpMeta.$flags$ & 64 /* formAssociated */ && flags & 1 /* isElementConstructor */) {
1323
- FORM_ASSOCIATED_CUSTOM_ELEMENT_CALLBACKS.forEach((cbName) => {
1324
- Object.defineProperty(prototype, cbName, {
1325
- value(...args) {
1326
- var _a2;
1327
- const hostRef = getHostRef(this);
1328
- const instance = hostRef == null ? void 0 : hostRef.$lazyInstance$ ;
1329
- if (!instance) {
1330
- (_a2 = hostRef == null ? void 0 : hostRef.$onReadyPromise$) == null ? void 0 : _a2.then((asyncInstance) => {
1331
- const cb = asyncInstance[cbName];
1332
- typeof cb === "function" && cb.call(asyncInstance, ...args);
1333
- });
1334
- } else {
1335
- const cb = instance[cbName] ;
1336
- typeof cb === "function" && cb.call(instance, ...args);
1337
- }
1338
- }
1339
- });
1340
- });
1341
- }
1342
- if (cmpMeta.$members$ || BUILD.propChangeCallback) {
1343
- {
1344
- if (Cstr.watchers && !cmpMeta.$watchers$) {
1345
- cmpMeta.$watchers$ = normalizeWatchers(Cstr.watchers);
1346
- }
1347
- if (Cstr.deserializers && !cmpMeta.$deserializers$) {
1348
- cmpMeta.$deserializers$ = Cstr.deserializers;
1349
- }
1350
- if (Cstr.serializers && !cmpMeta.$serializers$) {
1351
- cmpMeta.$serializers$ = Cstr.serializers;
1352
- }
1353
- }
1354
- const members = Object.entries((_a = cmpMeta.$members$) != null ? _a : {});
1355
- members.map(([memberName, [memberFlags]]) => {
1356
- if ((memberFlags & 31 /* Prop */ || (flags & 2 /* proxyState */) && memberFlags & 32 /* State */)) {
1357
- const { get: origGetter, set: origSetter } = getPropertyDescriptor(prototype, memberName) || {};
1358
- if (origGetter) cmpMeta.$members$[memberName][0] |= 2048 /* Getter */;
1359
- if (origSetter) cmpMeta.$members$[memberName][0] |= 4096 /* Setter */;
1360
- if (flags & 1 /* isElementConstructor */ || !origGetter) {
1361
- Object.defineProperty(prototype, memberName, {
1362
- get() {
1363
- {
1364
- if ((cmpMeta.$members$[memberName][0] & 2048 /* Getter */) === 0) {
1365
- return getValue(this, memberName);
1366
- }
1367
- const ref = getHostRef(this);
1368
- if (!ref) return prototype[memberName];
1369
- return ref.$lazyInstance$ ? ref.$lazyInstance$[memberName] : getValue(this, memberName);
1370
- }
1371
- },
1372
- configurable: true,
1373
- enumerable: true
1374
- });
1375
- }
1376
- Object.defineProperty(prototype, memberName, {
1377
- set(newValue) {
1378
- const ref = getHostRef(this);
1379
- if (!ref) {
1380
- return;
1381
- }
1382
- if (origSetter) {
1383
- const currentValue = memberFlags & 32 /* State */ ? this[memberName] : ref.$hostElement$[memberName];
1384
- if (typeof currentValue === "undefined" && ref.$instanceValues$.get(memberName)) {
1385
- newValue = ref.$instanceValues$.get(memberName);
1386
- }
1387
- origSetter.apply(this, [
1388
- parsePropertyValue(
1389
- newValue,
1390
- memberFlags,
1391
- !!(cmpMeta.$flags$ & 64 /* formAssociated */)
1392
- )
1393
- ]);
1394
- newValue = memberFlags & 32 /* State */ ? this[memberName] : ref.$hostElement$[memberName];
1395
- setValue(this, memberName, newValue, cmpMeta);
1396
- return;
1397
- }
1398
- {
1399
- if ((flags & 1 /* isElementConstructor */) === 0 || (cmpMeta.$members$[memberName][0] & 4096 /* Setter */) === 0) {
1400
- setValue(this, memberName, newValue, cmpMeta);
1401
- return;
1402
- }
1403
- const parsedValue = parsePropertyValue(
1404
- newValue,
1405
- memberFlags,
1406
- !!(cmpMeta.$flags$ & 64 /* formAssociated */)
1407
- );
1408
- if (ref.$lazyInstance$) {
1409
- const currentValue = ref.$lazyInstance$[memberName];
1410
- if (!ref.$instanceValues$.get(memberName) && currentValue) {
1411
- ref.$instanceValues$.set(memberName, currentValue);
1412
- }
1413
- ref.$lazyInstance$[memberName] = parsedValue;
1414
- setValue(this, memberName, ref.$lazyInstance$[memberName], cmpMeta);
1415
- } else {
1416
- ref.$instanceValues$.set(memberName, parsedValue);
1417
- }
1418
- }
1419
- }
1420
- });
1421
- } else if (flags & 1 /* isElementConstructor */ && memberFlags & 64 /* Method */) {
1422
- Object.defineProperty(prototype, memberName, {
1423
- value(...args) {
1424
- var _a2;
1425
- const ref = getHostRef(this);
1426
- return (_a2 = ref == null ? void 0 : ref.$onInstancePromise$) == null ? void 0 : _a2.then(() => {
1427
- var _a3;
1428
- return (_a3 = ref.$lazyInstance$) == null ? void 0 : _a3[memberName](...args);
1429
- });
1430
- }
1431
- });
1432
- }
1433
- });
1434
- if ((flags & 1 /* isElementConstructor */)) {
1435
- const attrNameToPropName = /* @__PURE__ */ new Map();
1436
- prototype.attributeChangedCallback = function(attrName, oldValue, newValue) {
1437
- plt.jmp(() => {
1438
- var _a2;
1439
- const propName = attrNameToPropName.get(attrName);
1440
- const hostRef = getHostRef(this);
1441
- if (this.hasOwnProperty(propName) && BUILD.lazyLoad) {
1442
- newValue = this[propName];
1443
- delete this[propName];
1444
- }
1445
- if (prototype.hasOwnProperty(propName) && typeof this[propName] === "number" && // cast type to number to avoid TS compiler issues
1446
- this[propName] == newValue) {
1447
- return;
1448
- } else if (propName == null) {
1449
- const flags2 = hostRef == null ? void 0 : hostRef.$flags$;
1450
- if (hostRef && flags2 && !(flags2 & 8 /* isConstructingInstance */) && newValue !== oldValue) {
1451
- const instance = hostRef.$lazyInstance$ ;
1452
- const entry = (_a2 = cmpMeta.$watchers$) == null ? void 0 : _a2[attrName];
1453
- entry == null ? void 0 : entry.forEach((watcher) => {
1454
- const [[watchMethodName, watcherFlags]] = Object.entries(watcher);
1455
- if (instance[watchMethodName] != null && (flags2 & 128 /* isWatchReady */ || watcherFlags & 1 /* Immediate */)) {
1456
- instance[watchMethodName].call(instance, newValue, oldValue, attrName);
1457
- }
1458
- });
1459
- }
1460
- return;
1461
- }
1462
- const propFlags = members.find(([m]) => m === propName);
1463
- const propMemberFlags = propFlags ? propFlags[1][0] : 0;
1464
- const isBooleanTarget = propMemberFlags & 4 /* Boolean */;
1465
- if (propMemberFlags & 512 /* ReflectAttr */ && propMemberFlags & 8 /* Any */ && // a complex value is never written to an attribute, so a change while the prop holds
1466
- // one is always external
1467
- !isComplexType(this[propName]) && reflectedAttrValue(this[propName]) === newValue) {
1468
- return;
1469
- }
1470
- const isSpuriousBooleanRemoval = isBooleanTarget && newValue === null && this[propName] === void 0;
1471
- if (isBooleanTarget) {
1472
- const isFormAssociated = !!(cmpMeta.$flags$ & 64 /* formAssociated */);
1473
- newValue = newValue === null || newValue === "false" && !isFormAssociated ? false : true;
1474
- }
1475
- const propDesc = Object.getOwnPropertyDescriptor(prototype, propName);
1476
- if (!isSpuriousBooleanRemoval && newValue != this[propName] && (!propDesc.get || !!propDesc.set)) {
1477
- this[propName] = newValue;
1478
- }
1479
- });
1480
- };
1481
- Cstr.observedAttributes = Array.from(
1482
- /* @__PURE__ */ new Set([
1483
- ...Object.keys((_b = cmpMeta.$watchers$) != null ? _b : {}),
1484
- ...members.filter(([_, m]) => m[0] & 31 /* HasAttribute */).map(([propName, m]) => {
1485
- var _a2;
1486
- const attrName = m[1] || propName;
1487
- attrNameToPropName.set(attrName, propName);
1488
- if (m[0] & 512 /* ReflectAttr */) {
1489
- (_a2 = cmpMeta.$attrsToReflect$) == null ? void 0 : _a2.push([propName, attrName]);
1490
- }
1491
- return attrName;
1492
- })
1493
- ])
1494
- );
1495
- }
1496
- }
1497
- return Cstr;
1498
- };
1499
-
1500
- // src/runtime/initialize-component.ts
1501
- var initializeComponent = async (elm, hostRef, cmpMeta, hmrVersionId) => {
1502
- var _a;
1503
- let Cstr;
1504
- try {
1505
- if ((hostRef.$flags$ & 32 /* hasInitializedComponent */) === 0) {
1506
- hostRef.$flags$ |= 32 /* hasInitializedComponent */;
1507
- hostRef.$flags$ &= -1025 /* hasFailedLoad */;
1508
- const bundleId = cmpMeta.$lazyBundleId$;
1509
- if (bundleId) {
1510
- const CstrImport = loadModule(cmpMeta, hostRef);
1511
- if (CstrImport && "then" in CstrImport) {
1512
- const endLoad = uniqueTime();
1513
- Cstr = await CstrImport;
1514
- endLoad();
1515
- } else {
1516
- Cstr = CstrImport;
1517
- }
1518
- if (!Cstr) {
1519
- hostRef.$flags$ &= -33 /* hasInitializedComponent */;
1520
- hostRef.$loadRetryCount$ = ((_a = hostRef.$loadRetryCount$) != null ? _a : 0) + 1;
1521
- if (hostRef.$loadRetryCount$ < MAX_LAZY_LOAD_RETRIES) {
1522
- hostRef.$flags$ |= 1024 /* hasFailedLoad */;
1523
- }
1524
- throw new Error(`Constructor for "${cmpMeta.$tagName$}#${hostRef.$modeName$}" was not found`);
1525
- }
1526
- if (!Cstr.isProxied) {
1527
- {
1528
- cmpMeta.$watchers$ = normalizeWatchers(Cstr.watchers);
1529
- cmpMeta.$serializers$ = Cstr.serializers;
1530
- cmpMeta.$deserializers$ = Cstr.deserializers;
1531
- }
1532
- proxyComponent(Cstr, cmpMeta, 2 /* proxyState */);
1533
- Cstr.isProxied = true;
1534
- }
1535
- const endNewInstance = createTime("createInstance", cmpMeta.$tagName$);
1536
- {
1537
- hostRef.$flags$ |= 8 /* isConstructingInstance */;
1538
- }
1539
- try {
1540
- new Cstr(hostRef);
1541
- } catch (e) {
1542
- consoleError(e, elm);
1543
- }
1544
- {
1545
- hostRef.$flags$ &= -9 /* isConstructingInstance */;
1546
- replayPendingSetterValues(hostRef, cmpMeta);
1547
- }
1548
- {
1549
- hostRef.$flags$ |= 128 /* isWatchReady */;
1550
- }
1551
- endNewInstance();
1552
- {
1553
- fireConnectedCallback(hostRef.$lazyInstance$, elm);
1554
- }
1555
- } else {
1556
- Cstr = elm.constructor;
1557
- const cmpTag = elm.localName;
1558
- customElements.whenDefined(cmpTag).then(() => hostRef.$flags$ |= 128 /* isWatchReady */);
1559
- }
1560
- if (Cstr && Cstr.style) {
1561
- let style;
1562
- if (typeof Cstr.style === "string") {
1563
- style = Cstr.style;
1564
- }
1565
- const scopeId2 = getScopeId(cmpMeta);
1566
- if (!styles.has(scopeId2) || BUILD.hotModuleReplacement) {
1567
- const endRegisterStyles = createTime("registerStyles", cmpMeta.$tagName$);
1568
- registerStyle(scopeId2, style, !!(cmpMeta.$flags$ & 1 /* shadowDomEncapsulation */));
1569
- endRegisterStyles();
1570
- }
1571
- }
1572
- }
1573
- const ancestorComponent = hostRef.$ancestorComponent$;
1574
- const schedule = () => scheduleUpdate(hostRef, true);
1575
- if (ancestorComponent && ancestorComponent["s-rc"]) {
1576
- ancestorComponent["s-rc"].push(schedule);
1577
- } else {
1578
- schedule();
1579
- }
1580
- } catch (e) {
1581
- consoleError(e, elm);
1582
- if (hostRef.$onRenderResolve$) {
1583
- hostRef.$onRenderResolve$();
1584
- hostRef.$onRenderResolve$ = void 0;
1585
- }
1586
- if (hostRef.$onReadyResolve$ && !(hostRef.$flags$ & 1024 /* hasFailedLoad */)) {
1587
- hostRef.$onReadyResolve$(elm);
1588
- }
1589
- }
1590
- };
1591
- var fireConnectedCallback = (instance, elm) => {
1592
- {
1593
- safeCall(instance, "connectedCallback", void 0, elm);
1594
- }
1595
- };
1596
-
1597
- // src/runtime/connected-callback.ts
1598
- var connectedCallback = (elm) => {
1599
- if ((plt.$flags$ & 1 /* isTmpDisconnected */) === 0) {
1600
- const hostRef = getHostRef(elm);
1601
- if (!hostRef) {
1602
- return;
1603
- }
1604
- const cmpMeta = hostRef.$cmpMeta$;
1605
- const endConnected = createTime("connectedCallback", cmpMeta.$tagName$);
1606
- if (!(hostRef.$flags$ & 1 /* hasConnected */)) {
1607
- hostRef.$flags$ |= 1 /* hasConnected */;
1608
- {
1609
- let ancestorComponent = elm;
1610
- while (ancestorComponent = ancestorComponent.parentNode || ancestorComponent.host) {
1611
- if (ancestorComponent["s-p"]) {
1612
- attachToAncestor(hostRef, hostRef.$ancestorComponent$ = ancestorComponent);
1613
- break;
1614
- }
1615
- }
1616
- }
1617
- if (cmpMeta.$members$) {
1618
- Object.entries(cmpMeta.$members$).map(([memberName, [memberFlags]]) => {
1619
- if (memberFlags & 31 /* Prop */ && Object.prototype.hasOwnProperty.call(elm, memberName)) {
1620
- const value = elm[memberName];
1621
- delete elm[memberName];
1622
- elm[memberName] = value;
1623
- }
1624
- });
1625
- }
1626
- {
1627
- initializeComponent(elm, hostRef, cmpMeta);
1628
- }
1629
- } else {
1630
- addHostEventListeners(elm, hostRef, cmpMeta.$listeners$);
1631
- if (hostRef == null ? void 0 : hostRef.$lazyInstance$) {
1632
- fireConnectedCallback(hostRef.$lazyInstance$, elm);
1633
- } else if (hostRef.$flags$ & 1024 /* hasFailedLoad */) {
1634
- setTimeout(() => initializeComponent(elm, hostRef, cmpMeta), LAZY_LOAD_RETRY_INTERVAL_MS);
1635
- } else if (hostRef == null ? void 0 : hostRef.$onReadyPromise$) {
1636
- hostRef.$onReadyPromise$.then(() => fireConnectedCallback(hostRef.$lazyInstance$, elm));
1637
- }
1638
- }
1639
- endConnected();
1640
- }
1641
- };
1642
- var disconnectInstance = (instance, elm) => {
1643
- {
1644
- safeCall(instance, "disconnectedCallback", void 0, elm || instance);
1645
- }
1646
- };
1647
- var disconnectedCallback = async (elm) => {
1648
- if ((plt.$flags$ & 1 /* isTmpDisconnected */) === 0) {
1649
- const hostRef = getHostRef(elm);
1650
- {
1651
- if (hostRef == null ? void 0 : hostRef.$rmListeners$) {
1652
- hostRef.$rmListeners$.map((rmListener) => rmListener());
1653
- hostRef.$rmListeners$ = void 0;
1654
- }
1655
- }
1656
- if (hostRef == null ? void 0 : hostRef.$lazyInstance$) {
1657
- disconnectInstance(hostRef.$lazyInstance$, elm);
1658
- } else if (hostRef == null ? void 0 : hostRef.$onReadyPromise$) {
1659
- hostRef.$onReadyPromise$.then(() => disconnectInstance(hostRef.$lazyInstance$, elm));
1660
- }
1661
- }
1662
- if (rootAppliedStyles.has(elm)) {
1663
- rootAppliedStyles.delete(elm);
1664
- }
1665
- if (elm.shadowRoot && rootAppliedStyles.has(elm.shadowRoot)) {
1666
- rootAppliedStyles.delete(elm.shadowRoot);
1667
- }
1668
- };
1669
-
1670
- // src/runtime/bootstrap-lazy.ts
1671
- var bootstrapLazy = (lazyBundles, options = {}) => {
1672
- var _a;
1673
- if (!win.document) {
1674
- console.warn("Stencil: No document found. Skipping bootstrapping lazy components.");
1675
- return;
1676
- }
1677
- const endBootstrap = createTime();
1678
- const cmpTags = [];
1679
- const exclude = options.exclude || [];
1680
- const customElements2 = win.customElements;
1681
- const head = win.document.head;
1682
- const metaCharset = /* @__PURE__ */ head.querySelector("meta[charset]");
1683
- const dataStyles = /* @__PURE__ */ win.document.createElement("style");
1684
- const deferredConnectedCallbacks = [];
1685
- let appLoadFallback;
1686
- let isBootstrapping = true;
1687
- Object.assign(plt, options);
1688
- plt.$resourcesUrl$ = new URL(options.resourcesUrl || "./", win.document.baseURI).href;
1689
- lazyBundles.map((lazyBundle) => {
1690
- lazyBundle[1].map((compactMeta) => {
1691
- var _a2, _b;
1692
- const cmpMeta = {
1693
- $flags$: compactMeta[0],
1694
- $tagName$: compactMeta[1],
1695
- $members$: compactMeta[2],
1696
- $listeners$: compactMeta[3]
1697
- };
1698
- {
1699
- cmpMeta.$members$ = compactMeta[2];
1700
- }
1701
- {
1702
- cmpMeta.$listeners$ = compactMeta[3];
1703
- }
1704
- {
1705
- cmpMeta.$attrsToReflect$ = [];
1706
- }
1707
- {
1708
- cmpMeta.$watchers$ = normalizeWatchers(compactMeta[4]);
1709
- cmpMeta.$serializers$ = (_a2 = compactMeta[5]) != null ? _a2 : {};
1710
- cmpMeta.$deserializers$ = (_b = compactMeta[6]) != null ? _b : {};
1711
- }
1712
- const tagName = transformTag(cmpMeta.$tagName$);
1713
- const HostElement = class extends HTMLElement {
1714
- ["s-p"];
1715
- ["s-rc"];
1716
- hasRegisteredEventListeners = false;
1717
- // StencilLazyHost
1718
- constructor(self) {
1719
- super(self);
1720
- self = this;
1721
- registerHost(self, cmpMeta);
1722
- if (cmpMeta.$flags$ & 1 /* shadowDomEncapsulation */) {
1723
- {
1724
- if (!self.shadowRoot) {
1725
- createShadowRoot.call(self, cmpMeta);
1726
- } else {
1727
- if (self.shadowRoot.mode !== "open") {
1728
- throw new Error(
1729
- `Unable to re-use existing shadow root for ${cmpMeta.$tagName$}! Mode is set to ${self.shadowRoot.mode} but Stencil only supports open shadow roots.`
1730
- );
1731
- }
1732
- }
1733
- }
1734
- }
1735
- }
1736
- connectedCallback() {
1737
- const hostRef = getHostRef(this);
1738
- if (!hostRef) {
1739
- return;
1740
- }
1741
- if (!this.hasRegisteredEventListeners) {
1742
- this.hasRegisteredEventListeners = true;
1743
- addHostEventListeners(this, hostRef, cmpMeta.$listeners$);
1744
- }
1745
- if (appLoadFallback) {
1746
- clearTimeout(appLoadFallback);
1747
- appLoadFallback = null;
1748
- }
1749
- if (isBootstrapping) {
1750
- deferredConnectedCallbacks.push(this);
1751
- } else {
1752
- plt.jmp(() => connectedCallback(this));
1753
- }
1754
- }
1755
- disconnectedCallback() {
1756
- plt.jmp(() => disconnectedCallback(this));
1757
- nextTick(() => {
1758
- var _a3;
1759
- const hostRef = getHostRef(this);
1760
- if (!hostRef) {
1761
- return;
1762
- }
1763
- const i2 = deferredConnectedCallbacks.findIndex((host) => host === this);
1764
- if (i2 > -1) {
1765
- deferredConnectedCallbacks.splice(i2, 1);
1766
- }
1767
- if (((_a3 = hostRef == null ? void 0 : hostRef.$vnode$) == null ? void 0 : _a3.$elm$) instanceof Node && !hostRef.$vnode$.$elm$.isConnected) {
1768
- delete hostRef.$vnode$.$elm$;
1769
- }
1770
- });
1771
- }
1772
- componentOnReady() {
1773
- var _a3;
1774
- return (_a3 = getHostRef(this)) == null ? void 0 : _a3.$onReadyPromise$;
1775
- }
1776
- };
1777
- if (cmpMeta.$flags$ & 64 /* formAssociated */) {
1778
- HostElement.formAssociated = true;
1779
- }
1780
- cmpMeta.$lazyBundleId$ = lazyBundle[0];
1781
- if (!exclude.includes(tagName) && !customElements2.get(tagName)) {
1782
- cmpTags.push(tagName);
1783
- customElements2.define(
1784
- tagName,
1785
- proxyComponent(HostElement, cmpMeta, 1 /* isElementConstructor */)
1786
- );
1787
- }
1788
- });
1789
- });
1790
- if (cmpTags.length > 0) {
1791
- {
1792
- dataStyles.textContent += cmpTags.sort() + HYDRATED_CSS;
1793
- }
1794
- if (dataStyles.innerHTML.length) {
1795
- dataStyles.setAttribute("data-styles", "");
1796
- const nonce = (_a = plt.$nonce$) != null ? _a : queryNonceMetaTagContent(win.document);
1797
- if (nonce != null) {
1798
- dataStyles.setAttribute("nonce", nonce);
1799
- }
1800
- head.insertBefore(dataStyles, metaCharset ? metaCharset.nextSibling : head.firstChild);
1801
- }
1802
- }
1803
- isBootstrapping = false;
1804
- if (deferredConnectedCallbacks.length) {
1805
- deferredConnectedCallbacks.map((host) => host.connectedCallback());
1806
- } else {
1807
- {
1808
- plt.jmp(() => appLoadFallback = setTimeout(appDidLoad, 30));
1809
- }
1810
- }
1811
- endBootstrap();
1812
- };
1813
- var addHostEventListeners = (elm, hostRef, listeners, attachParentListeners) => {
1814
- if (listeners && win.document) {
1815
- listeners.map(([flags, name, method]) => {
1816
- const target = getHostListenerTarget(win.document, elm, flags) ;
1817
- const handler = hostListenerProxy(hostRef, method);
1818
- const opts = hostListenerOpts(flags);
1819
- plt.ael(target, name, handler, opts);
1820
- (hostRef.$rmListeners$ = hostRef.$rmListeners$ || []).push(() => plt.rel(target, name, handler, opts));
1821
- });
1822
- }
1823
- };
1824
- var hostListenerProxy = (hostRef, methodName) => (ev) => {
1825
- var _a;
1826
- try {
1827
- {
1828
- if (hostRef.$flags$ & 256 /* isListenReady */) {
1829
- (_a = hostRef.$lazyInstance$) == null ? void 0 : _a[methodName](ev);
1830
- } else {
1831
- (hostRef.$queuedListeners$ = hostRef.$queuedListeners$ || []).push([methodName, ev]);
1832
- }
1833
- }
1834
- } catch (e) {
1835
- consoleError(e, hostRef.$hostElement$);
1836
- }
1837
- };
1838
- var getHostListenerTarget = (doc, elm, flags) => {
1839
- if (flags & 4 /* TargetDocument */) {
1840
- return doc;
1841
- }
1842
- return elm;
1843
- };
1844
- var hostListenerOpts = (flags) => supportsListenerOptions ? {
1845
- passive: (flags & 1 /* Passive */) !== 0,
1846
- capture: (flags & 2 /* Capture */) !== 0
1847
- } : (flags & 2 /* Capture */) !== 0;
1848
-
1849
- // src/runtime/nonce.ts
1850
- var setNonce = (nonce) => plt.$nonce$ = nonce;
1851
- function transformTag(tag) {
1852
- return tag;
1853
- }
1854
-
1855
- exports.Host = Host;
1856
- exports.bootstrapLazy = bootstrapLazy;
1857
- exports.createEvent = createEvent;
1858
- exports.getElement = getElement;
1859
- exports.globalScripts = globalScripts;
1860
- exports.h = h;
1861
- exports.promiseResolve = promiseResolve;
1862
- exports.registerInstance = registerInstance;
1863
- exports.setNonce = setNonce;