vanilla-breeze 0.1.3 → 0.2.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 (282) hide show
  1. package/custom-elements.json +25084 -6649
  2. package/dist/cdn/components/accessibility-specimen.js +11 -0
  3. package/dist/cdn/components/accordion-wc.js +1 -1
  4. package/dist/cdn/components/activity-feed.js +2 -0
  5. package/dist/cdn/components/adr-wc.js +17 -17
  6. package/dist/cdn/components/ai-chat.js +28 -0
  7. package/dist/cdn/components/ai-summary.js +10 -0
  8. package/dist/cdn/components/analytics-panel.js +5 -5
  9. package/dist/cdn/components/audio-player.js +3 -3
  10. package/dist/cdn/components/audio-visualizer.js +2 -2
  11. package/dist/cdn/components/author-index.js +2 -2
  12. package/dist/cdn/components/brand-mark.js +1 -1
  13. package/dist/cdn/components/bread-crumb.js +2 -0
  14. package/dist/cdn/components/breakpoint-specimen.js +26 -0
  15. package/dist/cdn/components/burndown-chart.js +2 -0
  16. package/dist/cdn/components/calendar-wc.js +2 -2
  17. package/dist/cdn/components/capacity-plan.js +25 -0
  18. package/dist/cdn/components/card-list.js +1 -1
  19. package/dist/cdn/components/carousel-wc.js +1 -1
  20. package/dist/cdn/components/change-set.js +2 -2
  21. package/dist/cdn/components/chart-wc.js +58 -36
  22. package/dist/cdn/components/chat-input.js +1 -1
  23. package/dist/cdn/components/chat-window.js +1 -1
  24. package/dist/cdn/components/color-palette.js +9 -9
  25. package/dist/cdn/components/color-picker.js +1 -1
  26. package/dist/cdn/components/combo-box.js +1 -1
  27. package/dist/cdn/components/command-palette.js +1 -1
  28. package/dist/cdn/components/comment-box.js +60 -0
  29. package/dist/cdn/components/comment-thread.js +60 -0
  30. package/dist/cdn/components/comment-wc.js +1 -1
  31. package/dist/cdn/components/compare-surface.js +1 -1
  32. package/dist/cdn/components/component-sampler.js +2 -2
  33. package/dist/cdn/components/consent-banner.js +1 -1
  34. package/dist/cdn/components/content-lens.js +1 -1
  35. package/dist/cdn/components/content-swap.js +1 -1
  36. package/dist/cdn/components/context-menu.js +1 -1
  37. package/dist/cdn/components/data-table.js +1 -1
  38. package/dist/cdn/components/date-picker.js +1 -1
  39. package/dist/cdn/components/day-view.js +1 -1
  40. package/dist/cdn/components/diagram-wc.js +3 -0
  41. package/dist/cdn/components/drag-surface.js +1 -1
  42. package/dist/cdn/components/drop-down.js +1 -1
  43. package/dist/cdn/components/emoji-picker.js +1 -1
  44. package/dist/cdn/components/empathy-map.js +41 -43
  45. package/dist/cdn/components/flow-diagram.js +1 -1
  46. package/dist/cdn/components/font-pairer.js +81 -81
  47. package/dist/cdn/components/foot-notes.js +1 -1
  48. package/dist/cdn/components/form-field.js +1 -1
  49. package/dist/cdn/components/gantt-chart.js +1 -1
  50. package/dist/cdn/components/geo-map.js +25 -23
  51. package/dist/cdn/components/glossary-index.js +1 -1
  52. package/dist/cdn/components/glossary-wc.js +1 -1
  53. package/dist/cdn/components/gradient-builder.js +29 -29
  54. package/dist/cdn/components/heading-links.js +1 -1
  55. package/dist/cdn/components/highlight-wc.js +2 -2
  56. package/dist/cdn/components/icon-wc.js +4 -4
  57. package/dist/cdn/components/image-gallery.js +1 -1
  58. package/dist/cdn/components/image-map.js +1 -1
  59. package/dist/cdn/components/impact-effort.js +1 -1
  60. package/dist/cdn/components/include-file.js +1 -1
  61. package/dist/cdn/components/iron-triangle.js +2 -0
  62. package/dist/cdn/components/kanban-board.js +1 -1
  63. package/dist/cdn/components/layout-specimen.js +35 -0
  64. package/dist/cdn/components/manifest.json +227 -103
  65. package/dist/cdn/components/markdown-editor.js +1 -1
  66. package/dist/cdn/components/markdown-viewer.js +12 -12
  67. package/dist/cdn/components/motion-specimen.js +12 -12
  68. package/dist/cdn/components/nav-bar.js +2 -0
  69. package/dist/cdn/components/note-wc.js +2 -2
  70. package/dist/cdn/components/notification-wc.js +4 -4
  71. package/dist/cdn/components/page-info.js +4 -4
  72. package/dist/cdn/components/page-stats.js +1 -1
  73. package/dist/cdn/components/page-toc.js +1 -1
  74. package/dist/cdn/components/page-tools.js +1 -1
  75. package/dist/cdn/components/page-tour.js +6 -6
  76. package/dist/cdn/components/pager-wc.js +2 -0
  77. package/dist/cdn/components/palette-generator.js +11 -11
  78. package/dist/cdn/components/poll-wc.js +2 -0
  79. package/dist/cdn/components/pop-over.js +2 -0
  80. package/dist/cdn/components/popularity-index.js +2 -2
  81. package/dist/cdn/components/print-page.js +1 -1
  82. package/dist/cdn/components/product-roadmap.js +3 -0
  83. package/dist/cdn/components/progress-tracker.js +2 -0
  84. package/dist/cdn/components/qr-code.js +1 -1
  85. package/dist/cdn/components/quadrant-grid.js +3 -0
  86. package/dist/cdn/components/quality-target.js +12 -0
  87. package/dist/cdn/components/reaction-bar.js +2 -0
  88. package/dist/cdn/components/reader-view.js +3 -3
  89. package/dist/cdn/components/reading-progress.js +2 -0
  90. package/dist/cdn/components/recently-visited.js +10 -10
  91. package/dist/cdn/components/requirement-card.js +122 -0
  92. package/dist/cdn/components/review-surface.js +34 -40
  93. package/dist/cdn/components/risk-register.js +25 -0
  94. package/dist/cdn/components/roadmap.js +3 -0
  95. package/dist/cdn/components/score-card.js +197 -0
  96. package/dist/cdn/components/selection-menu.js +1 -1
  97. package/dist/cdn/components/semantic-palette.js +15 -15
  98. package/dist/cdn/components/settings-panel.js +12 -12
  99. package/dist/cdn/components/share-wc.js +2 -2
  100. package/dist/cdn/components/short-cuts.js +1 -1
  101. package/dist/cdn/components/site-index.js +4 -4
  102. package/dist/cdn/components/site-map-wc.js +1 -1
  103. package/dist/cdn/components/site-map.js +1 -1
  104. package/dist/cdn/components/site-search.js +9 -9
  105. package/dist/cdn/components/slide-accept.js +1 -1
  106. package/dist/cdn/components/social-embed.js +1 -1
  107. package/dist/cdn/components/spacing-specimen.js +5 -5
  108. package/dist/cdn/components/split-surface.js +1 -1
  109. package/dist/cdn/components/star-rating.js +1 -1
  110. package/dist/cdn/components/status-wc.js +2 -0
  111. package/dist/cdn/components/stepper-wc.js +2 -0
  112. package/dist/cdn/components/story-map.js +1 -1
  113. package/dist/cdn/components/tab-set.js +1 -1
  114. package/dist/cdn/components/text-reader.js +2 -2
  115. package/dist/cdn/components/theme-catalog.js +28 -0
  116. package/dist/cdn/components/theme-export.js +20 -12
  117. package/dist/cdn/components/theme-import.js +44 -0
  118. package/dist/cdn/components/theme-picker.js +29 -26
  119. package/dist/cdn/components/time-index.js +2 -2
  120. package/dist/cdn/components/time-picker.js +1 -1
  121. package/dist/cdn/components/toast-msg.js +3 -3
  122. package/dist/cdn/components/token-specimen.js +14 -14
  123. package/dist/cdn/components/tool-tip.js +1 -1
  124. package/dist/cdn/components/topic-map.js +3 -3
  125. package/dist/cdn/components/traceability-matrix.js +3 -0
  126. package/dist/cdn/components/trust-filter.js +3 -3
  127. package/dist/cdn/components/type-specimen.js +15 -15
  128. package/dist/cdn/components/user-journey.js +63 -70
  129. package/dist/cdn/components/user-persona.js +75 -13
  130. package/dist/cdn/components/user-story.js +12 -11
  131. package/dist/cdn/components/version-switcher.js +17 -0
  132. package/dist/cdn/components/video-player.js +3 -3
  133. package/dist/cdn/components/watch-wc.js +2 -2
  134. package/dist/cdn/components/week-view.js +1 -1
  135. package/dist/cdn/components/work-item.js +29 -28
  136. package/dist/cdn/components/youtube-player.js +1 -1
  137. package/dist/cdn/icons/bold.css +17 -0
  138. package/dist/cdn/icons/bold.json +1 -0
  139. package/dist/cdn/icons/custom.css +6 -0
  140. package/dist/cdn/icons/custom.json +1 -0
  141. package/dist/cdn/icons/lucide.css +1914 -0
  142. package/dist/cdn/icons/lucide.json +1 -0
  143. package/dist/cdn/icons/mage.css +17 -0
  144. package/dist/cdn/icons/mage.json +1 -0
  145. package/dist/cdn/icons/phosphor.css +17 -0
  146. package/dist/cdn/icons/phosphor.json +1 -0
  147. package/dist/cdn/icons/tabler.css +17 -0
  148. package/dist/cdn/icons/tabler.json +1 -0
  149. package/dist/cdn/packs/design-system.full.js +59 -51
  150. package/dist/cdn/packs/effects.full.js +1 -1
  151. package/dist/cdn/packs/icons.effects.js +1 -1
  152. package/dist/cdn/packs/icons.full.js +1 -1
  153. package/dist/cdn/packs/kawaii.full.css +1 -1
  154. package/dist/cdn/packs/kawaii.full.js +6 -6
  155. package/dist/cdn/packs/kawaii.theme.css +1 -1
  156. package/dist/cdn/packs/manifest.json +11 -11
  157. package/dist/cdn/packs/ui.full.css +1 -1
  158. package/dist/cdn/packs/ui.full.js +54 -51
  159. package/dist/cdn/packs/ux-planning.full.css +1 -1
  160. package/dist/cdn/packs/ux-planning.full.js +318 -243
  161. package/dist/cdn/themes/8bit.css +1 -1
  162. package/dist/cdn/themes/8bit.tokens.json +662 -0
  163. package/dist/cdn/themes/alpha1999-dark.tokens.json +693 -0
  164. package/dist/cdn/themes/alpha1999.css +1 -1
  165. package/dist/cdn/themes/alpha1999.tokens.json +869 -0
  166. package/dist/cdn/themes/anthropic.css +2 -0
  167. package/dist/cdn/themes/anthropic.tokens.json +564 -0
  168. package/dist/cdn/themes/art-deco-dark.tokens.json +407 -0
  169. package/dist/cdn/themes/art-deco.css +1 -1
  170. package/dist/cdn/themes/art-deco.tokens.json +581 -0
  171. package/dist/cdn/themes/bauhaus-dark.tokens.json +260 -0
  172. package/dist/cdn/themes/bauhaus.css +1 -1
  173. package/dist/cdn/themes/bauhaus.tokens.json +589 -0
  174. package/dist/cdn/themes/brutalist-dark.tokens.json +503 -0
  175. package/dist/cdn/themes/brutalist.tokens.json +677 -0
  176. package/dist/cdn/themes/catalog/atlassian.tokens.json +303 -0
  177. package/dist/cdn/themes/catalog/bootstrap.tokens.json +304 -0
  178. package/dist/cdn/themes/catalog/carbon.tokens.json +301 -0
  179. package/dist/cdn/themes/catalog/catppuccin-mocha.tokens.json +301 -0
  180. package/dist/cdn/themes/catalog/govuk.tokens.json +301 -0
  181. package/dist/cdn/themes/catalog/manifest.json +132 -0
  182. package/dist/cdn/themes/catalog/material.tokens.json +289 -0
  183. package/dist/cdn/themes/catalog/salesforce.tokens.json +301 -0
  184. package/dist/cdn/themes/catalog/tailwind.tokens.json +302 -0
  185. package/dist/cdn/themes/catppuccin-frappe.css +1 -1
  186. package/dist/cdn/themes/catppuccin-frappe.tokens.json +608 -0
  187. package/dist/cdn/themes/catppuccin-latte-dark.tokens.json +472 -0
  188. package/dist/cdn/themes/catppuccin-latte.css +1 -1
  189. package/dist/cdn/themes/catppuccin-latte.tokens.json +608 -0
  190. package/dist/cdn/themes/catppuccin-macchiato.css +1 -1
  191. package/dist/cdn/themes/catppuccin-macchiato.tokens.json +608 -0
  192. package/dist/cdn/themes/catppuccin-mocha.tokens.json +608 -0
  193. package/dist/cdn/themes/classic-dark.tokens.json +503 -0
  194. package/dist/cdn/themes/classic.tokens.json +640 -0
  195. package/dist/cdn/themes/claymorphism-dark.tokens.json +493 -0
  196. package/dist/cdn/themes/claymorphism.css +1 -1
  197. package/dist/cdn/themes/claymorphism.tokens.json +626 -0
  198. package/dist/cdn/themes/clinical-dark.tokens.json +472 -0
  199. package/dist/cdn/themes/clinical.tokens.json +608 -0
  200. package/dist/cdn/themes/cottagecore-dark.tokens.json +412 -0
  201. package/dist/cdn/themes/cottagecore.css +1 -1
  202. package/dist/cdn/themes/cottagecore.tokens.json +544 -0
  203. package/dist/cdn/themes/cyber.tokens.json +668 -0
  204. package/dist/cdn/themes/dawn-dark.tokens.json +472 -0
  205. package/dist/cdn/themes/dawn.css +1 -1
  206. package/dist/cdn/themes/dawn.tokens.json +608 -0
  207. package/dist/cdn/themes/dracula.tokens.json +534 -0
  208. package/dist/cdn/themes/dusk.tokens.json +533 -0
  209. package/dist/cdn/themes/editorial-dark.tokens.json +400 -0
  210. package/dist/cdn/themes/editorial.tokens.json +690 -0
  211. package/dist/cdn/themes/financial-dark.tokens.json +472 -0
  212. package/dist/cdn/themes/financial.css +1 -1
  213. package/dist/cdn/themes/financial.tokens.json +607 -0
  214. package/dist/cdn/themes/genai.tokens.json +534 -0
  215. package/dist/cdn/themes/glassmorphism-dark.tokens.json +489 -0
  216. package/dist/cdn/themes/glassmorphism.css +1 -1
  217. package/dist/cdn/themes/glassmorphism.tokens.json +632 -0
  218. package/dist/cdn/themes/government-dark.tokens.json +472 -0
  219. package/dist/cdn/themes/government.tokens.json +608 -0
  220. package/dist/cdn/themes/gruvbox-dark.tokens.json +472 -0
  221. package/dist/cdn/themes/gruvbox.tokens.json +608 -0
  222. package/dist/cdn/themes/high-noon-dark.tokens.json +397 -0
  223. package/dist/cdn/themes/high-noon.tokens.json +533 -0
  224. package/dist/cdn/themes/ibm.css +2 -0
  225. package/dist/cdn/themes/ibm.tokens.json +568 -0
  226. package/dist/cdn/themes/kawaii-dark.tokens.json +549 -0
  227. package/dist/cdn/themes/kawaii.css +1 -1
  228. package/dist/cdn/themes/kawaii.tokens.json +641 -0
  229. package/dist/cdn/themes/magna-dark.tokens.json +482 -0
  230. package/dist/cdn/themes/magna.css +1 -1
  231. package/dist/cdn/themes/magna.tokens.json +632 -0
  232. package/dist/cdn/themes/manifest.json +162 -62
  233. package/dist/cdn/themes/mcdonalds.css +2 -0
  234. package/dist/cdn/themes/mcdonalds.tokens.json +533 -0
  235. package/dist/cdn/themes/midnight.tokens.json +534 -0
  236. package/dist/cdn/themes/minimal-dark.tokens.json +294 -0
  237. package/dist/cdn/themes/minimal.tokens.json +494 -0
  238. package/dist/cdn/themes/modern-dark.tokens.json +490 -0
  239. package/dist/cdn/themes/modern.tokens.json +573 -0
  240. package/dist/cdn/themes/nes-dark.tokens.json +564 -0
  241. package/dist/cdn/themes/nes.css +1 -1
  242. package/dist/cdn/themes/nes.tokens.json +687 -0
  243. package/dist/cdn/themes/neumorphism-dark.tokens.json +471 -0
  244. package/dist/cdn/themes/neumorphism.css +1 -1
  245. package/dist/cdn/themes/neumorphism.tokens.json +589 -0
  246. package/dist/cdn/themes/nord-dark.tokens.json +484 -0
  247. package/dist/cdn/themes/nord.tokens.json +619 -0
  248. package/dist/cdn/themes/organic-dark.tokens.json +532 -0
  249. package/dist/cdn/themes/organic.tokens.json +685 -0
  250. package/dist/cdn/themes/rose-pine-dark.tokens.json +472 -0
  251. package/dist/cdn/themes/rose-pine.tokens.json +608 -0
  252. package/dist/cdn/themes/rough-dark.tokens.json +515 -0
  253. package/dist/cdn/themes/rough.css +1 -1
  254. package/dist/cdn/themes/rough.tokens.json +650 -0
  255. package/dist/cdn/themes/solarized-dark.tokens.json +397 -0
  256. package/dist/cdn/themes/solarized.tokens.json +532 -0
  257. package/dist/cdn/themes/starbucks.css +2 -0
  258. package/dist/cdn/themes/starbucks.tokens.json +593 -0
  259. package/dist/cdn/themes/startup-dark.tokens.json +522 -0
  260. package/dist/cdn/themes/startup.css +1 -1
  261. package/dist/cdn/themes/startup.tokens.json +607 -0
  262. package/dist/cdn/themes/super2026-dark.tokens.json +667 -0
  263. package/dist/cdn/themes/super2026.tokens.json +863 -0
  264. package/dist/cdn/themes/swiss-dark.tokens.json +390 -0
  265. package/dist/cdn/themes/swiss.tokens.json +750 -0
  266. package/dist/cdn/themes/terminal.css +1 -1
  267. package/dist/cdn/themes/terminal.tokens.json +689 -0
  268. package/dist/cdn/themes/tokyo-night-dark.tokens.json +472 -0
  269. package/dist/cdn/themes/tokyo-night.tokens.json +608 -0
  270. package/dist/cdn/themes/vaporwave-dark.tokens.json +413 -0
  271. package/dist/cdn/themes/vaporwave.tokens.json +549 -0
  272. package/dist/cdn/themes/win9x-dark.tokens.json +563 -0
  273. package/dist/cdn/themes/win9x.tokens.json +700 -0
  274. package/dist/cdn/vanilla-breeze-charts.css +1 -1
  275. package/dist/cdn/vanilla-breeze-charts.js +58 -36
  276. package/dist/cdn/vanilla-breeze-core.css +1 -1
  277. package/dist/cdn/vanilla-breeze-core.js +246 -51
  278. package/dist/cdn/vanilla-breeze-dev.js +1 -1
  279. package/dist/cdn/vanilla-breeze-extras.js +90 -80
  280. package/dist/cdn/vanilla-breeze.css +1 -1
  281. package/dist/cdn/vanilla-breeze.js +1370 -405
  282. package/package.json +12 -4
package/dist/cdn/vanilla-breeze-charts.css CHANGED
@@ -1,2 +1,2 @@
1
- :root{--chart-series-1: var(--color-primary, #3b82f6);--chart-series-2: var(--color-accent, #8b5cf6);--chart-series-3: var(--color-success, #22c55e);--chart-series-4: var(--color-warning, #f59e0b);--chart-series-5: var(--color-error, #ef4444);--chart-series-6: var(--color-info, #06b6d4)}.vb-chart{--chart-height: 200px;--chart-bar-height: var(--size-l, 1.5rem);--chart-gap: var(--size-xs, .5rem);--chart-label-width: minmax(80px, 20%);--chart-axis-color: var(--color-border, #e5e7eb);--chart-grid-color: var(--color-border-subtle, var(--chart-axis-color));--chart-label-color: var(--color-text-muted, #6b7280);--chart-tooltip-bg: var(--color-surface-raised, var(--color-surface, #fff));--chart-tooltip-color: var(--color-text, #1f2937);--chart-tooltip-shadow: var(--shadow-m, 0 4px 6px -1px rgb(0 0 0 / .1));--chart-duration: var(--duration-normal, .2s);--chart-easing: var(--ease-out, cubic-bezier(.33, 1, .68, 1))}.vb-chart[data-gap=s]{--chart-gap: var(--size-2xs, .25rem)}.vb-chart[data-gap=m]{--chart-gap: var(--size-s, .75rem)}.vb-chart[data-gap=l]{--chart-gap: var(--size-m, 1rem)}.vb-chart[data-size=s]{--chart-height: 120px;--chart-bar-height: var(--size-m, 1rem)}.vb-chart[data-size=l]{--chart-height: 300px;--chart-bar-height: var(--size-xl, 2rem)}.vb-chart{display:block;width:100%;border-collapse:collapse;border-spacing:0;font-family:inherit}.vb-chart caption{display:block;text-align:start;font-weight:600;margin-block-end:var(--size-s, .75rem);color:var(--color-text, inherit);font-size:var(--font-size-base, 1rem)}.vb-chart thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%);white-space:nowrap}.vb-chart tbody,.vb-chart tr{display:block}.vb-chart th{display:block;font-weight:400;text-align:start;color:var(--chart-label-color);font-size:var(--font-size-sm, .875rem)}.vb-chart td{display:block;position:relative}.vb-chart[data-axes=y] tbody,.vb-chart[data-axes=both] tbody{border-inline-start:1px solid var(--chart-axis-color);padding-inline-start:var(--size-xs, .5rem)}.vb-chart[data-axes=x] tbody,.vb-chart[data-axes=both] tbody{border-block-end:1px solid var(--chart-axis-color);padding-block-end:var(--size-xs, .5rem)}@media print{.vb-chart{display:table}.vb-chart caption{display:table-caption}.vb-chart thead{position:static;width:auto;height:auto;overflow:visible;clip:auto;clip-path:none;white-space:normal;display:table-header-group}.vb-chart tbody{display:table-row-group}.vb-chart tr{display:table-row}.vb-chart th,.vb-chart td{display:table-cell;padding:var(--size-xs, .5rem);border:1px solid var(--chart-axis-color);background:none!important;width:auto!important;height:auto!important;font-size:inherit!important;color:inherit!important}}@media(prefers-reduced-motion:reduce){.vb-chart td{transition:none!important}}.vb-chart[data-type=bar] tbody{display:flex;flex-direction:column;gap:var(--chart-gap)}.vb-chart[data-type=bar] tr{display:grid;grid-template-columns:var(--chart-label-width) 1fr;align-items:center;gap:var(--size-s, .75rem)}.vb-chart[data-type=bar] th{text-align:end;padding-inline-end:var(--size-2xs, .25rem);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vb-chart[data-type=bar] td{height:var(--chart-bar-height);background:var(--chart-series-1);width:calc(var(--value, 0) * 100%);min-width:2px;border-radius:var(--radius-s, 4px);transition:width var(--chart-duration) var(--chart-easing),background-color var(--chart-duration) var(--chart-easing);font-size:0;color:transparent;overflow:hidden}.vb-chart[data-type=bar] td[data-series="2"]{background:var(--chart-series-2)}.vb-chart[data-type=bar] td[data-series="3"]{background:var(--chart-series-3)}.vb-chart[data-type=bar] td[data-series="4"]{background:var(--chart-series-4)}.vb-chart[data-type=bar] td[data-series="5"]{background:var(--chart-series-5)}.vb-chart[data-type=bar] td[data-series="6"]{background:var(--chart-series-6)}.vb-chart[data-type=bar][data-labels] td{font-size:var(--font-size-xs, .75rem);color:#fff;display:flex;align-items:center;justify-content:flex-end;padding-inline:var(--size-xs, .5rem);min-width:max(2px,calc(var(--value, 0) * 100%))}.vb-chart[data-type=bar][data-labels] td:after{content:attr(data-label)}.vb-chart[data-type=bar][data-stacked] tr{grid-template-columns:var(--chart-label-width) 1fr}.vb-chart[data-type=bar][data-stacked] tr td{display:inline-block;border-radius:0}.vb-chart[data-type=bar][data-stacked] tr td:first-of-type{border-radius:var(--radius-s, 4px) 0 0 var(--radius-s, 4px)}.vb-chart[data-type=bar][data-stacked] tr td:last-of-type{border-radius:0 var(--radius-s, 4px) var(--radius-s, 4px) 0}.vb-chart[data-type=bar] td:hover{filter:brightness(1.1)}.vb-chart[data-type=column] tbody{display:flex;align-items:flex-end;gap:var(--chart-gap);height:var(--chart-height);border-block-end:1px solid var(--chart-axis-color);padding-block-start:var(--size-xs, .5rem)}.vb-chart[data-type=column] tr{flex:1;display:flex;flex-direction:column;align-items:center;height:100%;justify-content:flex-end;min-width:0}.vb-chart[data-type=column] th{order:1;text-align:center;padding-block-start:var(--size-xs, .5rem);font-size:var(--font-size-xs, .75rem);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.vb-chart[data-type=column] td{width:100%;max-width:60px;background:var(--chart-series-1);height:calc(var(--value, 0) * 100%);min-height:2px;border-radius:var(--radius-s, 4px) var(--radius-s, 4px) 0 0;transition:height var(--chart-duration) var(--chart-easing),background-color var(--chart-duration) var(--chart-easing);font-size:0;color:transparent;overflow:hidden}.vb-chart[data-type=column] td[data-series="2"]{background:var(--chart-series-2)}.vb-chart[data-type=column] td[data-series="3"]{background:var(--chart-series-3)}.vb-chart[data-type=column] td[data-series="4"]{background:var(--chart-series-4)}.vb-chart[data-type=column] td[data-series="5"]{background:var(--chart-series-5)}.vb-chart[data-type=column] td[data-series="6"]{background:var(--chart-series-6)}.vb-chart[data-type=column][data-labels] td:before{content:attr(data-label);position:absolute;inset-block-start:-1.5em;inset-inline-start:50%;transform:translate(-50%);font-size:var(--font-size-xs, .75rem);color:var(--chart-label-color);white-space:nowrap}.vb-chart[data-type=column][data-labels] td{position:relative}.vb-chart[data-type=column][data-stacked] tr{flex-direction:column-reverse}.vb-chart[data-type=column][data-stacked] td{border-radius:0;height:auto;flex:0 0 calc(var(--value, 0) * var(--chart-height))}.vb-chart[data-type=column][data-stacked] td:last-of-type{border-radius:var(--radius-s, 4px) var(--radius-s, 4px) 0 0}.vb-chart[data-type=column][data-grouped] tr{flex-direction:row;align-items:flex-end;gap:2px}.vb-chart[data-type=column][data-grouped] td{flex:1;max-width:30px}.vb-chart[data-type=column] td:hover{filter:brightness(1.1)}.vb-chart[data-type=line]{--line-size: 3px;--dot-size: 10px}.vb-chart[data-type=line] tbody{display:flex;height:var(--chart-height, 200px);border-block-end:1px solid var(--chart-axis-color);border-inline-start:1px solid var(--chart-axis-color);position:relative}.vb-chart[data-type=line] tr{flex:1;position:relative;height:100%}.vb-chart[data-type=line] th{position:absolute;inset-block-end:-1.5em;inset-inline-start:50%;transform:translate(-50%);font-size:var(--font-size-xs, .75rem);color:var(--chart-label-color);white-space:nowrap}.vb-chart[data-type=line] td{position:absolute;inset:0;background:var(--chart-series-1);clip-path:polygon(0% calc(100% * (1 - var(--start, 0))),100% calc(100% * (1 - var(--end, 0))),100% calc(100% * (1 - var(--end, 0)) + var(--line-size)),0% calc(100% * (1 - var(--start, 0)) + var(--line-size)));font-size:0;color:transparent;transition:opacity var(--chart-duration, .3s) var(--chart-easing, ease)}.vb-chart[data-type=line] td:after{content:"";position:absolute;inset-block-end:calc(var(--end, 0) * 100% - var(--dot-size) / 2);inset-inline-end:calc(var(--dot-size) / -2);width:var(--dot-size);height:var(--dot-size);background:var(--chart-series-1);border-radius:50%;border:2px solid var(--color-surface, #fff);z-index:2;transition:transform var(--chart-duration, .3s) var(--chart-easing, ease)}.vb-chart[data-type=line] td:hover:after{transform:scale(1.3);z-index:3}.vb-chart[data-type=line] td[data-series="2"]{background:var(--chart-series-2)}.vb-chart[data-type=line] td[data-series="2"]:after{background:var(--chart-series-2)}.vb-chart[data-type=line] td[data-series="3"]{background:var(--chart-series-3)}.vb-chart[data-type=line] td[data-series="3"]:after{background:var(--chart-series-3)}.vb-chart[data-type=line] td[data-series="4"]{background:var(--chart-series-4)}.vb-chart[data-type=line] td[data-series="4"]:after{background:var(--chart-series-4)}.vb-chart[data-type=line] td[data-series="5"]{background:var(--chart-series-5)}.vb-chart[data-type=line] td[data-series="5"]:after{background:var(--chart-series-5)}.vb-chart[data-type=line] td[data-series="6"]{background:var(--chart-series-6)}.vb-chart[data-type=line] td[data-series="6"]:after{background:var(--chart-series-6)}.vb-chart[data-type=line] tr:first-child td:before{content:"";position:absolute;inset-block-end:calc(var(--start, 0) * 100% - var(--dot-size) / 2);inset-inline-start:calc(var(--dot-size) / -2);width:var(--dot-size);height:var(--dot-size);background:var(--chart-series-1);border-radius:50%;border:2px solid var(--color-surface, #fff);z-index:2}.vb-chart[data-type=line] tr:first-child td[data-series="2"]:before{background:var(--chart-series-2)}.vb-chart[data-type=line] tr:first-child td[data-series="3"]:before{background:var(--chart-series-3)}.vb-chart[data-type=line] tr:first-child td[data-series="4"]:before{background:var(--chart-series-4)}.vb-chart[data-type=line][data-grid] tbody{background-image:repeating-linear-gradient(to top,var(--chart-grid-color) 0,var(--chart-grid-color) 1px,transparent 1px,transparent 25%)}.vb-chart[data-type=line][data-labels] td:after{content:attr(data-label)}.vb-chart[data-type=line][data-dots=large]{--dot-size: 14px}.vb-chart[data-type=line][data-dots=small]{--dot-size: 6px}.vb-chart[data-type=area]{--dot-size: 8px}.vb-chart[data-type=area] tbody{display:flex;height:var(--chart-height, 200px);border-block-end:1px solid var(--chart-axis-color);border-inline-start:1px solid var(--chart-axis-color);position:relative}.vb-chart[data-type=area] tr{flex:1;position:relative;height:100%}.vb-chart[data-type=area] th{position:absolute;inset-block-end:-1.5em;inset-inline-start:50%;transform:translate(-50%);font-size:var(--font-size-xs, .75rem);color:var(--chart-label-color);white-space:nowrap}.vb-chart[data-type=area] td{position:absolute;inset:0;background:linear-gradient(to top,color-mix(in srgb,var(--chart-series-1) 40%,transparent),color-mix(in srgb,var(--chart-series-1) 20%,transparent));clip-path:polygon(0% calc(100% * (1 - var(--start, 0))),100% calc(100% * (1 - var(--end, 0))),100% 100%,0% 100%);font-size:0;color:transparent;transition:opacity var(--chart-duration, .3s) var(--chart-easing, ease)}.vb-chart[data-type=area] td:before{content:"";position:absolute;inset:0;background:var(--chart-series-1);clip-path:polygon(0% calc(100% * (1 - var(--start, 0))),100% calc(100% * (1 - var(--end, 0))),100% calc(100% * (1 - var(--end, 0)) + 2px),0% calc(100% * (1 - var(--start, 0)) + 2px))}.vb-chart[data-type=area] td:after{content:"";position:absolute;inset-block-end:calc(var(--end, 0) * 100% - var(--dot-size) / 2);inset-inline-end:calc(var(--dot-size) / -2);width:var(--dot-size);height:var(--dot-size);background:var(--chart-series-1);border-radius:50%;border:2px solid var(--color-surface, #fff);z-index:2;transition:transform var(--chart-duration, .3s) var(--chart-easing, ease)}.vb-chart[data-type=area] td:hover{background:linear-gradient(to top,color-mix(in srgb,var(--chart-series-1) 50%,transparent),color-mix(in srgb,var(--chart-series-1) 30%,transparent))}.vb-chart[data-type=area] td:hover:after{transform:scale(1.3)}.vb-chart[data-type=area] td[data-series="2"]{background:linear-gradient(to top,color-mix(in srgb,var(--chart-series-2) 40%,transparent),color-mix(in srgb,var(--chart-series-2) 20%,transparent))}.vb-chart[data-type=area] td[data-series="2"]:before{background:var(--chart-series-2)}.vb-chart[data-type=area] td[data-series="2"]:after{background:var(--chart-series-2)}.vb-chart[data-type=area] td[data-series="3"]{background:linear-gradient(to top,color-mix(in srgb,var(--chart-series-3) 40%,transparent),color-mix(in srgb,var(--chart-series-3) 20%,transparent))}.vb-chart[data-type=area] td[data-series="3"]:before{background:var(--chart-series-3)}.vb-chart[data-type=area] td[data-series="3"]:after{background:var(--chart-series-3)}.vb-chart[data-type=area] td[data-series="4"]{background:linear-gradient(to top,color-mix(in srgb,var(--chart-series-4) 40%,transparent),color-mix(in srgb,var(--chart-series-4) 20%,transparent))}.vb-chart[data-type=area] td[data-series="4"]:before{background:var(--chart-series-4)}.vb-chart[data-type=area] td[data-series="4"]:after{background:var(--chart-series-4)}.vb-chart[data-type=area][data-grid] tbody{background-image:repeating-linear-gradient(to top,var(--chart-grid-color) 0,var(--chart-grid-color) 1px,transparent 1px,transparent 25%)}.vb-chart[data-type=area][data-labels] td:after{content:attr(data-label)}.vb-chart[data-type=pie]{--chart-size: 200px;display:flex;flex-direction:column;align-items:center}.vb-chart[data-type=pie] caption{text-align:center}.vb-chart[data-type=pie] tbody{display:block;width:var(--chart-size);height:var(--chart-size);border-radius:50%;position:relative;background:conic-gradient(var(--chart-series-1) 0deg calc(var(--seg-1, .33) * 360deg),var(--chart-series-2) calc(var(--seg-1, .33) * 360deg) calc((var(--seg-1, .33) + var(--seg-2, .33)) * 360deg),var(--chart-series-3) calc((var(--seg-1, .33) + var(--seg-2, .33)) * 360deg) calc((var(--seg-1, .33) + var(--seg-2, .33) + var(--seg-3, .34)) * 360deg),var(--chart-series-4) calc((var(--seg-1, .33) + var(--seg-2, .33) + var(--seg-3, .34)) * 360deg) calc((var(--seg-1, .33) + var(--seg-2, .33) + var(--seg-3, .34) + var(--seg-4, 0)) * 360deg),var(--chart-series-5) calc((var(--seg-1, .33) + var(--seg-2, .33) + var(--seg-3, .34) + var(--seg-4, 0)) * 360deg) calc((var(--seg-1, .33) + var(--seg-2, .33) + var(--seg-3, .34) + var(--seg-4, 0) + var(--seg-5, 0)) * 360deg),var(--chart-series-6) calc((var(--seg-1, .33) + var(--seg-2, .33) + var(--seg-3, .34) + var(--seg-4, 0) + var(--seg-5, 0)) * 360deg) 360deg);box-shadow:inset 0 0 0 1px var(--color-border, #e5e7eb)}.vb-chart[data-type=pie] tr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%);white-space:nowrap}.vb-chart[data-type=pie][data-donut] tbody:after{content:"";position:absolute;inset:25%;background:var(--color-surface, #fff);border-radius:50%}.vb-chart[data-type=pie][data-donut][data-center-label] tbody:after{content:attr(data-center-label);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-lg, 1.25rem);font-weight:600;color:var(--color-text, inherit)}.vb-chart[data-type=pie][data-size=s]{--chart-size: 120px}.vb-chart[data-type=pie][data-size=l]{--chart-size: 280px}.vb-chart[data-type=pie]:hover tbody{box-shadow:inset 0 0 0 1px var(--color-border, #e5e7eb),0 4px 12px #0000001a}.vb-chart[data-type=pie][data-half] tbody{height:calc(var(--chart-size) / 2);border-radius:var(--chart-size) var(--chart-size) 0 0;background:conic-gradient(from -90deg,var(--chart-series-1) 0deg calc(var(--seg-1, .33) * 180deg),var(--chart-series-2) calc(var(--seg-1, .33) * 180deg) calc((var(--seg-1, .33) + var(--seg-2, .33)) * 180deg),var(--chart-series-3) calc((var(--seg-1, .33) + var(--seg-2, .33)) * 180deg) 180deg,transparent 180deg 360deg)}.vb-chart-legend{display:flex;flex-wrap:wrap;gap:var(--size-m, 1rem);justify-content:center;margin-block-start:var(--size-m, 1rem);padding-block-start:var(--size-s, .75rem)}.vb-chart[data-legend-position=top]+.vb-chart-legend{order:-1;margin-block-start:0;margin-block-end:var(--size-m, 1rem);padding-block-start:0;padding-block-end:var(--size-s, .75rem)}.vb-chart[data-legend-position=left]+.vb-chart-legend,.vb-chart[data-legend-position=right]+.vb-chart-legend{flex-direction:column;align-items:flex-start}.vb-chart-legend-item{display:flex;align-items:center;gap:var(--size-2xs, .25rem);font-size:var(--font-size-sm, .875rem);color:var(--color-text-muted, #6b7280)}.vb-chart-legend-item:before{content:"";display:block;width:12px;height:12px;border-radius:var(--radius-xs, 2px);background:var(--legend-color, var(--chart-series-1));flex-shrink:0}.vb-chart-legend-item[data-series="1"]{--legend-color: var(--chart-series-1)}.vb-chart-legend-item[data-series="2"]{--legend-color: var(--chart-series-2)}.vb-chart-legend-item[data-series="3"]{--legend-color: var(--chart-series-3)}.vb-chart-legend-item[data-series="4"]{--legend-color: var(--chart-series-4)}.vb-chart-legend-item[data-series="5"]{--legend-color: var(--chart-series-5)}.vb-chart-legend-item[data-series="6"]{--legend-color: var(--chart-series-6)}.vb-chart-legend-item[data-interactive]{cursor:pointer;transition:opacity var(--duration-fast, .1s) ease}.vb-chart-legend-item[data-interactive]:hover{opacity:.8}.vb-chart-legend-item[data-interactive][aria-pressed=false]{opacity:.4;text-decoration:line-through}.vb-chart-legend[data-compact]{gap:var(--size-s, .75rem);font-size:var(--font-size-xs, .75rem)}.vb-chart-legend[data-compact] .vb-chart-legend-item:before{width:8px;height:8px}.vb-chart[data-legend=inline] caption{display:flex;flex-wrap:wrap;align-items:center;gap:var(--size-m, 1rem)}.vb-chart[data-legend=inline] caption:after{content:"";flex:1 0 100%}@media print{.vb-chart-legend{break-inside:avoid}.vb-chart-legend-item:before{print-color-adjust:exact;-webkit-print-color-adjust:exact}}.vb-chart[data-tooltip] td{position:relative;cursor:pointer;overflow:visible!important}.vb-chart[data-tooltip] td:after{content:attr(data-tooltip);position:absolute;inset-block-end:calc(100% + 8px);inset-inline-start:50%;transform:translate(-50%);padding:var(--size-2xs, .25rem) var(--size-xs, .5rem);background:var(--chart-tooltip-bg);color:var(--chart-tooltip-color);font-size:var(--font-size-xs, .75rem);white-space:nowrap;border-radius:var(--radius-s, 4px);box-shadow:var(--chart-tooltip-shadow);opacity:0;pointer-events:none;transition:opacity var(--duration-fast, .1s) ease;z-index:100;font-size:var(--font-size-xs, .75rem)!important;color:var(--chart-tooltip-color)!important}.vb-chart[data-tooltip] td:before{content:"";position:absolute;inset-block-end:calc(100% + 4px);inset-inline-start:50%;transform:translate(-50%);border:4px solid transparent;border-block-start-color:var(--chart-tooltip-bg);opacity:0;pointer-events:none;transition:opacity var(--duration-fast, .1s) ease;z-index:100}.vb-chart[data-tooltip] td:hover:after,.vb-chart[data-tooltip] td:hover:before{opacity:1}.vb-chart[data-tooltip] td:focus-visible:after,.vb-chart[data-tooltip] td:focus-visible:before{opacity:1}.vb-chart[data-tooltip] td:focus-visible{outline:2px solid var(--color-primary, #3b82f6);outline-offset:2px}.vb-chart[data-type=column][data-tooltip] td:after{inset-block-end:auto;inset-block-start:-2em}.vb-chart[data-type=column][data-tooltip] td:before{inset-block-end:auto;inset-block-start:calc(-2em + 12px);border-block-start-color:transparent;border-block-end-color:var(--chart-tooltip-bg)}.vb-chart[data-type=line][data-tooltip] td:after,.vb-chart[data-type=area][data-tooltip] td:after{inset-block-end:calc(100% + 12px)}.vb-chart[data-type=line][data-tooltip] td:before,.vb-chart[data-type=area][data-tooltip] td:before{inset-block-end:calc(100% + 8px)}.vb-chart[data-type=pie][data-tooltip] tbody{cursor:pointer}.vb-chart[data-tooltip-position=bottom] td:after{inset-block-end:auto;inset-block-start:calc(100% + 8px)}.vb-chart[data-tooltip-position=bottom] td:before{inset-block-end:auto;inset-block-start:calc(100% + 4px);border-block-start-color:transparent;border-block-end-color:var(--chart-tooltip-bg)}.vb-chart[data-tooltip-position=left] td:after{inset-inline-start:auto;inset-inline-end:calc(100% + 8px);inset-block-end:50%;transform:translateY(50%)}.vb-chart[data-tooltip-position=left] td:before{inset-inline-start:auto;inset-inline-end:calc(100% + 4px);inset-block-end:50%;transform:translateY(50%);border-block-start-color:transparent;border-inline-start-color:var(--chart-tooltip-bg)}.vb-chart[data-tooltip-position=right] td:after{inset-inline-start:calc(100% + 8px);inset-block-end:50%;transform:translateY(50%)}.vb-chart[data-tooltip-position=right] td:before{inset-inline-start:calc(100% + 4px);inset-block-end:50%;transform:translateY(50%);border-block-start-color:transparent;border-inline-end-color:var(--chart-tooltip-bg)}@media print{.vb-chart[data-tooltip] td:after,.vb-chart[data-tooltip] td:before{display:none}}@media(prefers-reduced-motion:reduce){.vb-chart[data-tooltip] td:after,.vb-chart[data-tooltip] td:before{transition:none}}chart-wc{display:block;container-type:inline-size;--chart-wc-height: 400px}chart-wc [data-chart-svg]{width:100%;height:var(--chart-wc-height);overflow:visible}chart-wc [data-chart-svg] svg{width:100%;height:100%;display:block}@media print{chart-wc>table.visually-hidden{position:static;inline-size:auto;block-size:auto;margin:0;overflow:visible;clip:auto;white-space:normal}chart-wc [data-chart-svg]{display:none}}
1
+ :root{--chart-series-1: var(--color-primary, #3b82f6);--chart-series-2: var(--color-accent, #8b5cf6);--chart-series-3: var(--color-success, #22c55e);--chart-series-4: var(--color-warning, #f59e0b);--chart-series-5: var(--color-error, #ef4444);--chart-series-6: var(--color-info, #06b6d4)}.vb-chart{--chart-height: 200px;--chart-bar-height: var(--size-l, 1.5rem);--chart-gap: var(--size-xs, .5rem);--chart-label-width: minmax(80px, 20%);--chart-axis-color: var(--color-border, #e5e7eb);--chart-grid-color: var(--color-border-subtle, var(--chart-axis-color));--chart-label-color: var(--color-text-muted, #6b7280);--chart-tooltip-bg: var(--color-surface-raised, var(--color-surface, #fff));--chart-tooltip-color: var(--color-text, #1f2937);--chart-tooltip-shadow: var(--shadow-m, 0 4px 6px -1px rgb(0 0 0 / .1));--chart-duration: var(--duration-normal, .2s);--chart-easing: var(--ease-out, cubic-bezier(.33, 1, .68, 1))}.vb-chart[data-gap=s]{--chart-gap: var(--size-2xs, .25rem)}.vb-chart[data-gap=m]{--chart-gap: var(--size-s, .75rem)}.vb-chart[data-gap=l]{--chart-gap: var(--size-m, 1rem)}.vb-chart[data-size=s]{--chart-height: 120px;--chart-bar-height: var(--size-m, 1rem)}.vb-chart[data-size=l]{--chart-height: 300px;--chart-bar-height: var(--size-xl, 2rem)}.vb-chart{display:block;width:100%;border-collapse:collapse;border-spacing:0;font-family:inherit}.vb-chart caption{display:block;text-align:start;font-weight:600;margin-block-end:var(--size-s, .75rem);color:var(--color-text, inherit);font-size:var(--font-size-base, 1rem)}.vb-chart thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%);white-space:nowrap}.vb-chart tbody,.vb-chart tr{display:block}.vb-chart th{display:block;font-weight:400;text-align:start;color:var(--chart-label-color);font-size:var(--font-size-sm, .875rem)}.vb-chart td{display:block;position:relative}.vb-chart[data-axes=y] tbody,.vb-chart[data-axes=both] tbody{border-inline-start:1px solid var(--chart-axis-color);padding-inline-start:var(--size-xs, .5rem)}.vb-chart[data-axes=x] tbody,.vb-chart[data-axes=both] tbody{border-block-end:1px solid var(--chart-axis-color);padding-block-end:var(--size-xs, .5rem)}@media print{.vb-chart{display:table}.vb-chart caption{display:table-caption}.vb-chart thead{position:static;width:auto;height:auto;overflow:visible;clip:auto;clip-path:none;white-space:normal;display:table-header-group}.vb-chart tbody{display:table-row-group}.vb-chart tr{display:table-row}.vb-chart th,.vb-chart td{display:table-cell;padding:var(--size-xs, .5rem);border:1px solid var(--chart-axis-color);background:none!important;width:auto!important;height:auto!important;font-size:inherit!important;color:inherit!important}}@media(prefers-reduced-motion:reduce){.vb-chart td{transition:none!important}}.vb-chart[data-type=bar] tbody{display:flex;flex-direction:column;gap:var(--chart-gap)}.vb-chart[data-type=bar] tr{display:grid;grid-template-columns:var(--chart-label-width) 1fr;align-items:center;gap:var(--size-s, .75rem)}.vb-chart[data-type=bar] th{text-align:end;padding-inline-end:var(--size-2xs, .25rem);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vb-chart[data-type=bar] td{height:var(--chart-bar-height);background:var(--chart-series-1);width:calc(var(--value, 0) * 100%);min-width:2px;border-radius:var(--radius-s, 4px);transition:width var(--chart-duration) var(--chart-easing),background-color var(--chart-duration) var(--chart-easing);font-size:0;color:transparent;overflow:hidden}.vb-chart[data-type=bar] td[data-series="2"]{background:var(--chart-series-2)}.vb-chart[data-type=bar] td[data-series="3"]{background:var(--chart-series-3)}.vb-chart[data-type=bar] td[data-series="4"]{background:var(--chart-series-4)}.vb-chart[data-type=bar] td[data-series="5"]{background:var(--chart-series-5)}.vb-chart[data-type=bar] td[data-series="6"]{background:var(--chart-series-6)}.vb-chart[data-type=bar][data-labels] td{font-size:var(--font-size-xs, .75rem);color:#fff;display:flex;align-items:center;justify-content:flex-end;padding-inline:var(--size-xs, .5rem);min-width:max(2px,calc(var(--value, 0) * 100%))}.vb-chart[data-type=bar][data-labels] td:after{content:attr(data-label)}.vb-chart[data-type=bar][data-stacked] tr{grid-template-columns:var(--chart-label-width) 1fr}.vb-chart[data-type=bar][data-stacked] tr td{display:inline-block;border-radius:0}.vb-chart[data-type=bar][data-stacked] tr td:first-of-type{border-radius:var(--radius-s, 4px) 0 0 var(--radius-s, 4px)}.vb-chart[data-type=bar][data-stacked] tr td:last-of-type{border-radius:0 var(--radius-s, 4px) var(--radius-s, 4px) 0}.vb-chart[data-type=bar] td:hover{filter:brightness(1.1)}.vb-chart[data-type=column] tbody{display:flex;align-items:flex-end;gap:var(--chart-gap);height:var(--chart-height);border-block-end:1px solid var(--chart-axis-color);padding-block-start:var(--size-xs, .5rem)}.vb-chart[data-type=column] tr{flex:1;display:flex;flex-direction:column;align-items:center;height:100%;justify-content:flex-end;min-width:0}.vb-chart[data-type=column] th{order:1;text-align:center;padding-block-start:var(--size-xs, .5rem);font-size:var(--font-size-xs, .75rem);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.vb-chart[data-type=column] td{width:100%;max-width:60px;background:var(--chart-series-1);height:calc(var(--value, 0) * 100%);min-height:2px;border-radius:var(--radius-s, 4px) var(--radius-s, 4px) 0 0;transition:height var(--chart-duration) var(--chart-easing),background-color var(--chart-duration) var(--chart-easing);font-size:0;color:transparent;overflow:hidden}.vb-chart[data-type=column] td[data-series="2"]{background:var(--chart-series-2)}.vb-chart[data-type=column] td[data-series="3"]{background:var(--chart-series-3)}.vb-chart[data-type=column] td[data-series="4"]{background:var(--chart-series-4)}.vb-chart[data-type=column] td[data-series="5"]{background:var(--chart-series-5)}.vb-chart[data-type=column] td[data-series="6"]{background:var(--chart-series-6)}.vb-chart[data-type=column][data-labels] td:before{content:attr(data-label);position:absolute;inset-block-start:-1.5em;inset-inline-start:50%;transform:translate(-50%);font-size:var(--font-size-xs, .75rem);color:var(--chart-label-color);white-space:nowrap}.vb-chart[data-type=column][data-labels] td{position:relative}.vb-chart[data-type=column][data-stacked] tr{flex-direction:column-reverse}.vb-chart[data-type=column][data-stacked] td{border-radius:0;height:auto;flex:0 0 calc(var(--value, 0) * var(--chart-height))}.vb-chart[data-type=column][data-stacked] td:last-of-type{border-radius:var(--radius-s, 4px) var(--radius-s, 4px) 0 0}.vb-chart[data-type=column][data-grouped] tr{flex-direction:row;align-items:flex-end;gap:2px}.vb-chart[data-type=column][data-grouped] td{flex:1;max-width:30px}.vb-chart[data-type=column] td:hover{filter:brightness(1.1)}.vb-chart[data-type=line]{--line-size: 3px;--dot-size: 10px}.vb-chart[data-type=line] tbody{display:flex;height:var(--chart-height, 200px);border-block-end:1px solid var(--chart-axis-color);border-inline-start:1px solid var(--chart-axis-color);position:relative}.vb-chart[data-type=line] tr{flex:1;position:relative;height:100%}.vb-chart[data-type=line] th{position:absolute;inset-block-end:-1.5em;inset-inline-start:50%;transform:translate(-50%);font-size:var(--font-size-xs, .75rem);color:var(--chart-label-color);white-space:nowrap}.vb-chart[data-type=line] td{position:absolute;inset:0;background:var(--chart-series-1);clip-path:polygon(0% calc(100% * (1 - var(--start, 0))),100% calc(100% * (1 - var(--end, 0))),100% calc(100% * (1 - var(--end, 0)) + var(--line-size)),0% calc(100% * (1 - var(--start, 0)) + var(--line-size)));font-size:0;color:transparent;transition:opacity var(--chart-duration, .3s) var(--chart-easing, ease)}.vb-chart[data-type=line] td:after{content:"";position:absolute;inset-block-end:calc(var(--end, 0) * 100% - var(--dot-size) / 2);inset-inline-end:calc(var(--dot-size) / -2);width:var(--dot-size);height:var(--dot-size);background:var(--chart-series-1);border-radius:50%;border:2px solid var(--color-surface, #fff);z-index:2;transition:transform var(--chart-duration, .3s) var(--chart-easing, ease)}.vb-chart[data-type=line] td:hover:after{transform:scale(1.3);z-index:3}.vb-chart[data-type=line] td[data-series="2"]{background:var(--chart-series-2)}.vb-chart[data-type=line] td[data-series="2"]:after{background:var(--chart-series-2)}.vb-chart[data-type=line] td[data-series="3"]{background:var(--chart-series-3)}.vb-chart[data-type=line] td[data-series="3"]:after{background:var(--chart-series-3)}.vb-chart[data-type=line] td[data-series="4"]{background:var(--chart-series-4)}.vb-chart[data-type=line] td[data-series="4"]:after{background:var(--chart-series-4)}.vb-chart[data-type=line] td[data-series="5"]{background:var(--chart-series-5)}.vb-chart[data-type=line] td[data-series="5"]:after{background:var(--chart-series-5)}.vb-chart[data-type=line] td[data-series="6"]{background:var(--chart-series-6)}.vb-chart[data-type=line] td[data-series="6"]:after{background:var(--chart-series-6)}.vb-chart[data-type=line] tr:first-child td:before{content:"";position:absolute;inset-block-end:calc(var(--start, 0) * 100% - var(--dot-size) / 2);inset-inline-start:calc(var(--dot-size) / -2);width:var(--dot-size);height:var(--dot-size);background:var(--chart-series-1);border-radius:50%;border:2px solid var(--color-surface, #fff);z-index:2}.vb-chart[data-type=line] tr:first-child td[data-series="2"]:before{background:var(--chart-series-2)}.vb-chart[data-type=line] tr:first-child td[data-series="3"]:before{background:var(--chart-series-3)}.vb-chart[data-type=line] tr:first-child td[data-series="4"]:before{background:var(--chart-series-4)}.vb-chart[data-type=line][data-grid] tbody{background-image:repeating-linear-gradient(to top,var(--chart-grid-color) 0,var(--chart-grid-color) 1px,transparent 1px,transparent 25%)}.vb-chart[data-type=line][data-labels] td:after{content:attr(data-label)}.vb-chart[data-type=line][data-dots=large]{--dot-size: 14px}.vb-chart[data-type=line][data-dots=small]{--dot-size: 6px}.vb-chart[data-type=area]{--dot-size: 8px}.vb-chart[data-type=area] tbody{display:flex;height:var(--chart-height, 200px);border-block-end:1px solid var(--chart-axis-color);border-inline-start:1px solid var(--chart-axis-color);position:relative}.vb-chart[data-type=area] tr{flex:1;position:relative;height:100%}.vb-chart[data-type=area] th{position:absolute;inset-block-end:-1.5em;inset-inline-start:50%;transform:translate(-50%);font-size:var(--font-size-xs, .75rem);color:var(--chart-label-color);white-space:nowrap}.vb-chart[data-type=area] td{position:absolute;inset:0;background:linear-gradient(to top,color-mix(in srgb,var(--chart-series-1) 40%,transparent),color-mix(in srgb,var(--chart-series-1) 20%,transparent));clip-path:polygon(0% calc(100% * (1 - var(--start, 0))),100% calc(100% * (1 - var(--end, 0))),100% 100%,0% 100%);font-size:0;color:transparent;transition:opacity var(--chart-duration, .3s) var(--chart-easing, ease)}.vb-chart[data-type=area] td:before{content:"";position:absolute;inset:0;background:var(--chart-series-1);clip-path:polygon(0% calc(100% * (1 - var(--start, 0))),100% calc(100% * (1 - var(--end, 0))),100% calc(100% * (1 - var(--end, 0)) + 2px),0% calc(100% * (1 - var(--start, 0)) + 2px))}.vb-chart[data-type=area] td:after{content:"";position:absolute;inset-block-end:calc(var(--end, 0) * 100% - var(--dot-size) / 2);inset-inline-end:calc(var(--dot-size) / -2);width:var(--dot-size);height:var(--dot-size);background:var(--chart-series-1);border-radius:50%;border:2px solid var(--color-surface, #fff);z-index:2;transition:transform var(--chart-duration, .3s) var(--chart-easing, ease)}.vb-chart[data-type=area] td:hover{background:linear-gradient(to top,color-mix(in srgb,var(--chart-series-1) 50%,transparent),color-mix(in srgb,var(--chart-series-1) 30%,transparent))}.vb-chart[data-type=area] td:hover:after{transform:scale(1.3)}.vb-chart[data-type=area] td[data-series="2"]{background:linear-gradient(to top,color-mix(in srgb,var(--chart-series-2) 40%,transparent),color-mix(in srgb,var(--chart-series-2) 20%,transparent))}.vb-chart[data-type=area] td[data-series="2"]:before{background:var(--chart-series-2)}.vb-chart[data-type=area] td[data-series="2"]:after{background:var(--chart-series-2)}.vb-chart[data-type=area] td[data-series="3"]{background:linear-gradient(to top,color-mix(in srgb,var(--chart-series-3) 40%,transparent),color-mix(in srgb,var(--chart-series-3) 20%,transparent))}.vb-chart[data-type=area] td[data-series="3"]:before{background:var(--chart-series-3)}.vb-chart[data-type=area] td[data-series="3"]:after{background:var(--chart-series-3)}.vb-chart[data-type=area] td[data-series="4"]{background:linear-gradient(to top,color-mix(in srgb,var(--chart-series-4) 40%,transparent),color-mix(in srgb,var(--chart-series-4) 20%,transparent))}.vb-chart[data-type=area] td[data-series="4"]:before{background:var(--chart-series-4)}.vb-chart[data-type=area] td[data-series="4"]:after{background:var(--chart-series-4)}.vb-chart[data-type=area][data-grid] tbody{background-image:repeating-linear-gradient(to top,var(--chart-grid-color) 0,var(--chart-grid-color) 1px,transparent 1px,transparent 25%)}.vb-chart[data-type=area][data-labels] td:after{content:attr(data-label)}.vb-chart[data-type=pie]{--chart-size: 200px;display:flex;flex-direction:column;align-items:center}.vb-chart[data-type=pie] caption{text-align:center}.vb-chart[data-type=pie] tbody{display:block;width:var(--chart-size);height:var(--chart-size);border-radius:50%;position:relative;background:conic-gradient(var(--chart-series-1) 0deg calc(var(--seg-1, .33) * 360deg),var(--chart-series-2) calc(var(--seg-1, .33) * 360deg) calc((var(--seg-1, .33) + var(--seg-2, .33)) * 360deg),var(--chart-series-3) calc((var(--seg-1, .33) + var(--seg-2, .33)) * 360deg) calc((var(--seg-1, .33) + var(--seg-2, .33) + var(--seg-3, .34)) * 360deg),var(--chart-series-4) calc((var(--seg-1, .33) + var(--seg-2, .33) + var(--seg-3, .34)) * 360deg) calc((var(--seg-1, .33) + var(--seg-2, .33) + var(--seg-3, .34) + var(--seg-4, 0)) * 360deg),var(--chart-series-5) calc((var(--seg-1, .33) + var(--seg-2, .33) + var(--seg-3, .34) + var(--seg-4, 0)) * 360deg) calc((var(--seg-1, .33) + var(--seg-2, .33) + var(--seg-3, .34) + var(--seg-4, 0) + var(--seg-5, 0)) * 360deg),var(--chart-series-6) calc((var(--seg-1, .33) + var(--seg-2, .33) + var(--seg-3, .34) + var(--seg-4, 0) + var(--seg-5, 0)) * 360deg) 360deg);box-shadow:inset 0 0 0 1px var(--color-border, #e5e7eb)}.vb-chart[data-type=pie] tr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%);white-space:nowrap}.vb-chart[data-type=pie][data-donut] tbody:after{content:"";position:absolute;inset:25%;background:var(--color-surface, #fff);border-radius:50%}.vb-chart[data-type=pie][data-donut][data-center-label] tbody:after{content:attr(data-center-label);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-lg, 1.25rem);font-weight:600;color:var(--color-text, inherit)}.vb-chart[data-type=pie][data-size=s]{--chart-size: 120px}.vb-chart[data-type=pie][data-size=l]{--chart-size: 280px}.vb-chart[data-type=pie]:hover tbody{box-shadow:inset 0 0 0 1px var(--color-border, #e5e7eb),0 4px 12px #0000001a}.vb-chart[data-type=pie][data-half] tbody{height:calc(var(--chart-size) / 2);border-radius:var(--chart-size) var(--chart-size) 0 0;background:conic-gradient(from -90deg,var(--chart-series-1) 0deg calc(var(--seg-1, .33) * 180deg),var(--chart-series-2) calc(var(--seg-1, .33) * 180deg) calc((var(--seg-1, .33) + var(--seg-2, .33)) * 180deg),var(--chart-series-3) calc((var(--seg-1, .33) + var(--seg-2, .33)) * 180deg) 180deg,transparent 180deg 360deg)}.vb-chart-legend{display:flex;flex-wrap:wrap;gap:var(--size-m, 1rem);justify-content:center;margin-block-start:var(--size-m, 1rem);padding-block-start:var(--size-s, .75rem)}.vb-chart[data-legend-position=top]+.vb-chart-legend{order:-1;margin-block-start:0;margin-block-end:var(--size-m, 1rem);padding-block-start:0;padding-block-end:var(--size-s, .75rem)}.vb-chart[data-legend-position=left]+.vb-chart-legend,.vb-chart[data-legend-position=right]+.vb-chart-legend{flex-direction:column;align-items:flex-start}.vb-chart-legend-item{display:flex;align-items:center;gap:var(--size-2xs, .25rem);font-size:var(--font-size-sm, .875rem);color:var(--color-text-muted, #6b7280)}.vb-chart-legend-item:before{content:"";display:block;width:12px;height:12px;border-radius:var(--radius-xs, 2px);background:var(--legend-color, var(--chart-series-1));flex-shrink:0}.vb-chart-legend-item[data-series="1"]{--legend-color: var(--chart-series-1)}.vb-chart-legend-item[data-series="2"]{--legend-color: var(--chart-series-2)}.vb-chart-legend-item[data-series="3"]{--legend-color: var(--chart-series-3)}.vb-chart-legend-item[data-series="4"]{--legend-color: var(--chart-series-4)}.vb-chart-legend-item[data-series="5"]{--legend-color: var(--chart-series-5)}.vb-chart-legend-item[data-series="6"]{--legend-color: var(--chart-series-6)}.vb-chart-legend-item[data-interactive]{cursor:pointer;transition:opacity var(--duration-fast, .1s) ease}.vb-chart-legend-item[data-interactive]:hover{opacity:.8}.vb-chart-legend-item[data-interactive][aria-pressed=false]{opacity:.4;text-decoration:line-through}.vb-chart-legend[data-compact]{gap:var(--size-s, .75rem);font-size:var(--font-size-xs, .75rem)}.vb-chart-legend[data-compact] .vb-chart-legend-item:before{width:8px;height:8px}.vb-chart[data-legend=inline] caption{display:flex;flex-wrap:wrap;align-items:center;gap:var(--size-m, 1rem)}.vb-chart[data-legend=inline] caption:after{content:"";flex:1 0 100%}@media print{.vb-chart-legend{break-inside:avoid}.vb-chart-legend-item:before{print-color-adjust:exact;-webkit-print-color-adjust:exact}}.vb-chart[data-tooltip] td{position:relative;cursor:pointer;overflow:visible!important}.vb-chart[data-tooltip] td:after{content:attr(data-tooltip);position:absolute;inset-block-end:calc(100% + 8px);inset-inline-start:50%;transform:translate(-50%);padding:var(--size-2xs, .25rem) var(--size-xs, .5rem);background:var(--chart-tooltip-bg);color:var(--chart-tooltip-color);font-size:var(--font-size-xs, .75rem);white-space:nowrap;border-radius:var(--radius-s, 4px);box-shadow:var(--chart-tooltip-shadow);opacity:0;pointer-events:none;transition:opacity var(--duration-fast, .1s) ease;z-index:100;font-size:var(--font-size-xs, .75rem)!important;color:var(--chart-tooltip-color)!important}.vb-chart[data-tooltip] td:before{content:"";position:absolute;inset-block-end:calc(100% + 4px);inset-inline-start:50%;transform:translate(-50%);border:4px solid transparent;border-block-start-color:var(--chart-tooltip-bg);opacity:0;pointer-events:none;transition:opacity var(--duration-fast, .1s) ease;z-index:100}.vb-chart[data-tooltip] td:hover:after,.vb-chart[data-tooltip] td:hover:before{opacity:1}.vb-chart[data-tooltip] td:focus-visible:after,.vb-chart[data-tooltip] td:focus-visible:before{opacity:1}.vb-chart[data-tooltip] td:focus-visible{outline:2px solid var(--color-primary, #3b82f6);outline-offset:2px}.vb-chart[data-type=column][data-tooltip] td:after{inset-block-end:auto;inset-block-start:-2em}.vb-chart[data-type=column][data-tooltip] td:before{inset-block-end:auto;inset-block-start:calc(-2em + 12px);border-block-start-color:transparent;border-block-end-color:var(--chart-tooltip-bg)}.vb-chart[data-type=line][data-tooltip] td:after,.vb-chart[data-type=area][data-tooltip] td:after{inset-block-end:calc(100% + 12px)}.vb-chart[data-type=line][data-tooltip] td:before,.vb-chart[data-type=area][data-tooltip] td:before{inset-block-end:calc(100% + 8px)}.vb-chart[data-type=pie][data-tooltip] tbody{cursor:pointer}.vb-chart[data-tooltip-position=bottom] td:after{inset-block-end:auto;inset-block-start:calc(100% + 8px)}.vb-chart[data-tooltip-position=bottom] td:before{inset-block-end:auto;inset-block-start:calc(100% + 4px);border-block-start-color:transparent;border-block-end-color:var(--chart-tooltip-bg)}.vb-chart[data-tooltip-position=left] td:after{inset-inline-start:auto;inset-inline-end:calc(100% + 8px);inset-block-end:50%;transform:translateY(50%)}.vb-chart[data-tooltip-position=left] td:before{inset-inline-start:auto;inset-inline-end:calc(100% + 4px);inset-block-end:50%;transform:translateY(50%);border-block-start-color:transparent;border-inline-start-color:var(--chart-tooltip-bg)}.vb-chart[data-tooltip-position=right] td:after{inset-inline-start:calc(100% + 8px);inset-block-end:50%;transform:translateY(50%)}.vb-chart[data-tooltip-position=right] td:before{inset-inline-start:calc(100% + 4px);inset-block-end:50%;transform:translateY(50%);border-block-start-color:transparent;border-inline-end-color:var(--chart-tooltip-bg)}@media print{.vb-chart[data-tooltip] td:after,.vb-chart[data-tooltip] td:before{display:none}}@media(prefers-reduced-motion:reduce){.vb-chart[data-tooltip] td:after,.vb-chart[data-tooltip] td:before{transition:none}}chart-wc{display:block;container-type:inline-size;--chart-wc-height: 400px}chart-wc [data-chart-svg]{width:100%;height:var(--chart-wc-height);overflow:visible}chart-wc[data-size=sparkline]{--chart-wc-height: 100%;display:inline-block;inline-size:100%;block-size:100%;min-block-size:1.5em}chart-wc[data-size=sparkline] [data-chart-svg]{height:100%;min-block-size:1.5em}chart-wc [data-chart-svg] svg{width:100%;height:100%;display:block}chart-wc>table.visually-hidden{display:block;block-size:1px!important;inline-size:1px!important;overflow:hidden;contain:size}chart-wc>table.visually-hidden>*{display:none}@media print{chart-wc>table.visually-hidden{position:static;inline-size:auto;block-size:auto;margin:0;overflow:visible;clip:auto;white-space:normal}chart-wc [data-chart-svg]{display:none}}
2
2
  /*# sourceMappingURL=vanilla-breeze-charts.css.map */