scb-wc 0.1.6 → 0.1.7

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 (212) hide show
  1. package/README.md +32 -22
  2. package/bin/scb-wc.mjs +141 -0
  3. package/index.js +88 -91
  4. package/mvc/components/Users/peter/Documents/SCB.Material-latest-dev/src/scb-components/scb-accordion/scb-accordion-item.js +211 -0
  5. package/mvc/components/Users/peter/Documents/SCB.Material-latest-dev/src/scb-components/scb-accordion/scb-accordion.js +44 -0
  6. package/mvc/components/Users/peter/Documents/SCB.Material-latest-dev/src/scb-components/scb-app-bar/scb-app-bar.js +166 -0
  7. package/mvc/components/Users/peter/Documents/SCB.Material-latest-dev/src/scb-components/scb-avatar/scb-avatar.js +111 -0
  8. package/mvc/components/Users/peter/Documents/SCB.Material-latest-dev/src/scb-components/scb-badge/scb-badge.js +80 -0
  9. package/mvc/components/Users/peter/Documents/SCB.Material-latest-dev/src/scb-components/scb-breadcrumb/scb-breadcrumb-item.js +14 -0
  10. package/mvc/components/Users/peter/Documents/SCB.Material-latest-dev/src/scb-components/scb-breadcrumb/scb-breadcrumb.js +96 -0
  11. package/mvc/components/Users/peter/Documents/SCB.Material-latest-dev/src/scb-components/scb-button/scb-button.js +268 -0
  12. package/mvc/components/Users/peter/Documents/SCB.Material-latest-dev/src/scb-components/scb-calendar/scb-calendar-event.js +6 -0
  13. package/mvc/components/Users/peter/Documents/SCB.Material-latest-dev/src/scb-components/scb-calendar/scb-calendar.js +168 -0
  14. package/mvc/components/Users/peter/Documents/SCB.Material-latest-dev/src/scb-components/scb-calendar-card/scb-calendar-card.js +346 -0
  15. package/mvc/components/Users/peter/Documents/SCB.Material-latest-dev/src/scb-components/scb-card/scb-card.js +761 -0
  16. package/mvc/components/Users/peter/Documents/SCB.Material-latest-dev/src/scb-components/scb-checkbox/scb-checkbox-group.js +33 -0
  17. package/mvc/components/Users/peter/Documents/SCB.Material-latest-dev/src/scb-components/scb-checkbox/scb-checkbox.js +140 -0
  18. package/mvc/components/{scb-chevron → Users/peter/Documents/SCB.Material-latest-dev/src/scb-components/scb-chevron}/scb-chevron.js +1 -1
  19. package/mvc/components/Users/peter/Documents/SCB.Material-latest-dev/src/scb-components/scb-chip/scb-chip.js +66 -0
  20. package/mvc/components/Users/peter/Documents/SCB.Material-latest-dev/src/scb-components/scb-collapse/scb-collapse.js +89 -0
  21. package/mvc/components/Users/peter/Documents/SCB.Material-latest-dev/src/scb-components/scb-cookies-consent/scb-cookies-consent.js +78 -0
  22. package/mvc/components/{scb-datepicker → Users/peter/Documents/SCB.Material-latest-dev/src/scb-components/scb-datepicker}/scb-datepicker.js +1 -1
  23. package/mvc/components/Users/peter/Documents/SCB.Material-latest-dev/src/scb-components/scb-dialog/scb-dialog.js +265 -0
  24. package/mvc/components/Users/peter/Documents/SCB.Material-latest-dev/src/scb-components/scb-divider/scb-divider.js +69 -0
  25. package/mvc/components/Users/peter/Documents/SCB.Material-latest-dev/src/scb-components/scb-drawer/scb-drawer.js +128 -0
  26. package/mvc/components/Users/peter/Documents/SCB.Material-latest-dev/src/scb-components/scb-drop-zone/scb-drop-zone.js +555 -0
  27. package/mvc/components/Users/peter/Documents/SCB.Material-latest-dev/src/scb-components/scb-dropdown/scb-dropdown.js +306 -0
  28. package/mvc/components/Users/peter/Documents/SCB.Material-latest-dev/src/scb-components/scb-fab/scb-fab.js +108 -0
  29. package/mvc/components/Users/peter/Documents/SCB.Material-latest-dev/src/scb-components/scb-fact-card/scb-fact-card-content.js +46 -0
  30. package/mvc/components/Users/peter/Documents/SCB.Material-latest-dev/src/scb-components/scb-fact-card/scb-fact-card.js +226 -0
  31. package/mvc/components/Users/peter/Documents/SCB.Material-latest-dev/src/scb-components/scb-footer/scb-footer-section.js +3 -0
  32. package/mvc/components/Users/peter/Documents/SCB.Material-latest-dev/src/scb-components/scb-footer/scb-footer.js +210 -0
  33. package/mvc/components/Users/peter/Documents/SCB.Material-latest-dev/src/scb-components/scb-gallery-grid/scb-gallery-grid.js +131 -0
  34. package/mvc/components/Users/peter/Documents/SCB.Material-latest-dev/src/scb-components/scb-grid/scb-grid-item.js +11 -0
  35. package/mvc/components/Users/peter/Documents/SCB.Material-latest-dev/src/scb-components/scb-grid/scb-grid.js +98 -0
  36. package/mvc/components/Users/peter/Documents/SCB.Material-latest-dev/src/scb-components/scb-grid/scb-stack.js +33 -0
  37. package/mvc/components/Users/peter/Documents/SCB.Material-latest-dev/src/scb-components/scb-header/scb-header-menu-group.js +1 -0
  38. package/mvc/components/Users/peter/Documents/SCB.Material-latest-dev/src/scb-components/scb-header/scb-header-menu-item.js +5 -0
  39. package/mvc/components/Users/peter/Documents/SCB.Material-latest-dev/src/scb-components/scb-header/scb-header-tab.js +5 -0
  40. package/mvc/components/Users/peter/Documents/SCB.Material-latest-dev/src/scb-components/scb-header/scb-header-utility.js +1 -0
  41. package/mvc/components/Users/peter/Documents/SCB.Material-latest-dev/src/scb-components/scb-header/scb-header.js +681 -0
  42. package/mvc/components/Users/peter/Documents/SCB.Material-latest-dev/src/scb-components/scb-horizontal-scroller/scb-horizontal-scroller.js +196 -0
  43. package/mvc/components/Users/peter/Documents/SCB.Material-latest-dev/src/scb-components/scb-icon-button/scb-icon-button.js +171 -0
  44. package/mvc/components/Users/peter/Documents/SCB.Material-latest-dev/src/scb-components/scb-keyfigure-card/scb-keyfigure-card.js +212 -0
  45. package/mvc/components/Users/peter/Documents/SCB.Material-latest-dev/src/scb-components/scb-link/scb-link.js +61 -0
  46. package/mvc/components/Users/peter/Documents/SCB.Material-latest-dev/src/scb-components/scb-list/scb-list-item.js +153 -0
  47. package/mvc/components/Users/peter/Documents/SCB.Material-latest-dev/src/scb-components/scb-list/scb-list.js +26 -0
  48. package/mvc/components/Users/peter/Documents/SCB.Material-latest-dev/src/scb-components/scb-menu/scb-menu-item.js +205 -0
  49. package/mvc/components/Users/peter/Documents/SCB.Material-latest-dev/src/scb-components/scb-menu/scb-menu-section.js +42 -0
  50. package/mvc/components/Users/peter/Documents/SCB.Material-latest-dev/src/scb-components/scb-menu/scb-menu.js +81 -0
  51. package/mvc/components/Users/peter/Documents/SCB.Material-latest-dev/src/scb-components/scb-menu/scb-sub-menu.js +10 -0
  52. package/mvc/components/Users/peter/Documents/SCB.Material-latest-dev/src/scb-components/scb-nav/scb-nav-item.js +28 -0
  53. package/mvc/components/Users/peter/Documents/SCB.Material-latest-dev/src/scb-components/scb-nav/scb-nav.js +104 -0
  54. package/mvc/components/Users/peter/Documents/SCB.Material-latest-dev/src/scb-components/scb-notification-card/scb-notification-card.js +358 -0
  55. package/mvc/components/Users/peter/Documents/SCB.Material-latest-dev/src/scb-components/scb-options-menu/scb-options-menu-item.js +66 -0
  56. package/mvc/components/Users/peter/Documents/SCB.Material-latest-dev/src/scb-components/scb-options-menu/scb-options-menu.js +88 -0
  57. package/mvc/components/Users/peter/Documents/SCB.Material-latest-dev/src/scb-components/scb-options-menu/scb-options-sub-menu.js +34 -0
  58. package/mvc/components/Users/peter/Documents/SCB.Material-latest-dev/src/scb-components/scb-overlay/scb-overlay.js +49 -0
  59. package/mvc/components/Users/peter/Documents/SCB.Material-latest-dev/src/scb-components/scb-pagination/scb-pagination.js +312 -0
  60. package/mvc/components/Users/peter/Documents/SCB.Material-latest-dev/src/scb-components/scb-progress-indicator/scb-progress-indicator.js +87 -0
  61. package/mvc/components/Users/peter/Documents/SCB.Material-latest-dev/src/scb-components/scb-progress-stepper/scb-progress-step.js +147 -0
  62. package/mvc/components/Users/peter/Documents/SCB.Material-latest-dev/src/scb-components/scb-progress-stepper/scb-progress-stepper.js +62 -0
  63. package/mvc/components/Users/peter/Documents/SCB.Material-latest-dev/src/scb-components/scb-radio-button/scb-radio-button.js +132 -0
  64. package/mvc/components/Users/peter/Documents/SCB.Material-latest-dev/src/scb-components/scb-radio-button/scb-radio-group.js +43 -0
  65. package/mvc/components/Users/peter/Documents/SCB.Material-latest-dev/src/scb-components/scb-scrollspy/scb-scrollspy.js +79 -0
  66. package/mvc/components/Users/peter/Documents/SCB.Material-latest-dev/src/scb-components/scb-search/scb-search.js +292 -0
  67. package/mvc/components/Users/peter/Documents/SCB.Material-latest-dev/src/scb-components/scb-segmented-button/scb-segmented-button.js +32 -0
  68. package/mvc/components/Users/peter/Documents/SCB.Material-latest-dev/src/scb-components/scb-segmented-button/scb-segmented-item.js +74 -0
  69. package/mvc/components/Users/peter/Documents/SCB.Material-latest-dev/src/scb-components/scb-select/scb-select-option.js +61 -0
  70. package/mvc/components/Users/peter/Documents/SCB.Material-latest-dev/src/scb-components/scb-select/scb-select.js +284 -0
  71. package/mvc/components/Users/peter/Documents/SCB.Material-latest-dev/src/scb-components/scb-skeleton/scb-skeleton.js +38 -0
  72. package/mvc/components/Users/peter/Documents/SCB.Material-latest-dev/src/scb-components/scb-slider/scb-slider.js +27 -0
  73. package/mvc/components/Users/peter/Documents/SCB.Material-latest-dev/src/scb-components/scb-snackbar/scb-snackbar.js +128 -0
  74. package/mvc/components/Users/peter/Documents/SCB.Material-latest-dev/src/scb-components/scb-status-pill/scb-status-pill.js +45 -0
  75. package/mvc/components/Users/peter/Documents/SCB.Material-latest-dev/src/scb-components/scb-stepper/scb-step.js +239 -0
  76. package/mvc/components/Users/peter/Documents/SCB.Material-latest-dev/src/scb-components/scb-stepper/scb-stepper.js +139 -0
  77. package/mvc/components/Users/peter/Documents/SCB.Material-latest-dev/src/scb-components/scb-switch/scb-switch.js +59 -0
  78. package/mvc/components/Users/peter/Documents/SCB.Material-latest-dev/src/scb-components/scb-table/scb-table.js +51 -0
  79. package/mvc/components/Users/peter/Documents/SCB.Material-latest-dev/src/scb-components/scb-table-advanced/scb-table-advanced.js +76 -0
  80. package/mvc/components/Users/peter/Documents/SCB.Material-latest-dev/src/scb-components/scb-tabs/scb-primary-tab.js +6 -0
  81. package/mvc/components/Users/peter/Documents/SCB.Material-latest-dev/src/scb-components/scb-tabs/scb-secondary-tab.js +6 -0
  82. package/mvc/components/Users/peter/Documents/SCB.Material-latest-dev/src/scb-components/scb-tabs/scb-tabs.js +28 -0
  83. package/mvc/components/Users/peter/Documents/SCB.Material-latest-dev/src/scb-components/scb-textfield/scb-textfield.js +595 -0
  84. package/mvc/components/Users/peter/Documents/SCB.Material-latest-dev/src/scb-components/scb-toc/scb-toc-item.js +303 -0
  85. package/mvc/components/Users/peter/Documents/SCB.Material-latest-dev/src/scb-components/scb-toc/scb-toc.js +19 -0
  86. package/mvc/components/Users/peter/Documents/SCB.Material-latest-dev/src/scb-components/scb-tooltip/scb-tooltip.js +196 -0
  87. package/mvc/components/Users/peter/Documents/SCB.Material-latest-dev/src/scb-components/scb-vignette/scb-vignette.js +37 -0
  88. package/mvc/components/Users/peter/Documents/SCB.Material-latest-dev/src/scb-components/scb-viz/scb-viz-actions-runtime.js +2 -0
  89. package/mvc/components/Users/peter/Documents/SCB.Material-latest-dev/src/scb-components/scb-viz/scb-viz-print-runtime.js +98 -0
  90. package/mvc/components/Users/peter/Documents/SCB.Material-latest-dev/src/scb-components/scb-viz/scb-viz-series-differentiation-registry.js +1 -0
  91. package/mvc/components/Users/peter/Documents/SCB.Material-latest-dev/src/scb-components/scb-viz/scb-viz-series-differentiation-runtime.js +1 -0
  92. package/mvc/components/Users/peter/Documents/SCB.Material-latest-dev/src/scb-components/scb-viz/scb-viz-table-runtime.js +1 -0
  93. package/mvc/components/Users/peter/Documents/SCB.Material-latest-dev/src/scb-components/scb-viz/scb-viz.js +1140 -0
  94. package/mvc/components/all.js +90 -3
  95. package/mvc/components/scb-accordion/scb-accordion-item.js +1 -211
  96. package/mvc/components/scb-accordion/scb-accordion.js +1 -44
  97. package/mvc/components/scb-app-bar/scb-app-bar.js +1 -166
  98. package/mvc/components/scb-avatar/scb-avatar.js +1 -111
  99. package/mvc/components/scb-badge/scb-badge.js +1 -80
  100. package/mvc/components/scb-breadcrumb/scb-breadcrumb-item.js +1 -14
  101. package/mvc/components/scb-breadcrumb/scb-breadcrumb.js +1 -96
  102. package/mvc/components/scb-button/scb-button.js +1 -268
  103. package/mvc/components/scb-calendar/scb-calendar-event.js +1 -6
  104. package/mvc/components/scb-calendar/scb-calendar.js +1 -168
  105. package/mvc/components/scb-calendar-card/scb-calendar-card.js +1 -346
  106. package/mvc/components/scb-card/scb-card.js +1 -761
  107. package/mvc/components/scb-checkbox/scb-checkbox-group.js +1 -33
  108. package/mvc/components/scb-checkbox/scb-checkbox.js +1 -140
  109. package/mvc/components/scb-chip/scb-chip.js +1 -66
  110. package/mvc/components/scb-collapse/scb-collapse.js +1 -89
  111. package/mvc/components/scb-cookies-consent/scb-cookies-consent.js +1 -78
  112. package/mvc/components/scb-dialog/scb-dialog.js +1 -265
  113. package/mvc/components/scb-divider/scb-divider.js +1 -69
  114. package/mvc/components/scb-drawer/scb-drawer.js +1 -128
  115. package/mvc/components/scb-drop-zone/scb-drop-zone.js +1 -555
  116. package/mvc/components/scb-dropdown/scb-dropdown.js +1 -306
  117. package/mvc/components/scb-fab/scb-fab.js +1 -108
  118. package/mvc/components/scb-fact-card/scb-fact-card-content.js +1 -46
  119. package/mvc/components/scb-fact-card/scb-fact-card.js +1 -226
  120. package/mvc/components/scb-footer/scb-footer-section.js +1 -3
  121. package/mvc/components/scb-footer/scb-footer.js +1 -210
  122. package/mvc/components/scb-gallery-grid/scb-gallery-grid.js +1 -131
  123. package/mvc/components/scb-grid/scb-grid-item.js +1 -11
  124. package/mvc/components/scb-grid/scb-grid.js +1 -98
  125. package/mvc/components/scb-grid/scb-stack.js +1 -33
  126. package/mvc/components/scb-header/scb-header-menu-group.js +1 -1
  127. package/mvc/components/scb-header/scb-header-menu-item.js +1 -5
  128. package/mvc/components/scb-header/scb-header-tab.js +1 -5
  129. package/mvc/components/scb-header/scb-header-utility.js +1 -1
  130. package/mvc/components/scb-header/scb-header.js +1 -681
  131. package/mvc/components/scb-horizontal-scroller/scb-horizontal-scroller.js +1 -196
  132. package/mvc/components/scb-icon-button/scb-icon-button.js +1 -171
  133. package/mvc/components/scb-keyfigure-card/scb-keyfigure-card.js +1 -212
  134. package/mvc/components/scb-link/scb-link.js +1 -61
  135. package/mvc/components/scb-list/scb-list-item.js +1 -153
  136. package/mvc/components/scb-list/scb-list.js +1 -26
  137. package/mvc/components/scb-menu/scb-menu-item.js +1 -205
  138. package/mvc/components/scb-menu/scb-menu-section.js +1 -42
  139. package/mvc/components/scb-menu/scb-menu.js +1 -81
  140. package/mvc/components/scb-menu/scb-sub-menu.js +1 -10
  141. package/mvc/components/scb-nav/scb-nav-item.js +1 -28
  142. package/mvc/components/scb-nav/scb-nav.js +1 -104
  143. package/mvc/components/scb-notification-card/scb-notification-card.js +1 -358
  144. package/mvc/components/scb-options-menu/scb-options-menu-item.js +1 -66
  145. package/mvc/components/scb-options-menu/scb-options-menu.js +1 -88
  146. package/mvc/components/scb-options-menu/scb-options-sub-menu.js +1 -34
  147. package/mvc/components/scb-overlay/scb-overlay.js +1 -49
  148. package/mvc/components/scb-pagination/scb-pagination.js +1 -312
  149. package/mvc/components/scb-progress-indicator/scb-progress-indicator.js +1 -87
  150. package/mvc/components/scb-progress-stepper/scb-progress-step.js +1 -147
  151. package/mvc/components/scb-progress-stepper/scb-progress-stepper.js +1 -62
  152. package/mvc/components/scb-radio-button/scb-radio-button.js +1 -132
  153. package/mvc/components/scb-radio-button/scb-radio-group.js +1 -43
  154. package/mvc/components/scb-scrollspy/scb-scrollspy.js +1 -79
  155. package/mvc/components/scb-search/scb-search.js +1 -292
  156. package/mvc/components/scb-segmented-button/scb-segmented-button.js +1 -32
  157. package/mvc/components/scb-segmented-button/scb-segmented-item.js +1 -74
  158. package/mvc/components/scb-select/scb-select-option.js +1 -61
  159. package/mvc/components/scb-select/scb-select.js +1 -284
  160. package/mvc/components/scb-skeleton/scb-skeleton.js +1 -38
  161. package/mvc/components/scb-slider/scb-slider.js +1 -27
  162. package/mvc/components/scb-snackbar/scb-snackbar.js +1 -128
  163. package/mvc/components/scb-status-pill/scb-status-pill.js +1 -45
  164. package/mvc/components/scb-stepper/scb-step.js +1 -239
  165. package/mvc/components/scb-stepper/scb-stepper.js +1 -139
  166. package/mvc/components/scb-switch/scb-switch.js +1 -59
  167. package/mvc/components/scb-table/scb-table.js +1 -51
  168. package/mvc/components/scb-table-advanced/scb-table-advanced.js +1 -76
  169. package/mvc/components/scb-tabs/scb-primary-tab.js +1 -6
  170. package/mvc/components/scb-tabs/scb-secondary-tab.js +1 -6
  171. package/mvc/components/scb-tabs/scb-tabs.js +1 -28
  172. package/mvc/components/scb-textfield/scb-textfield.js +1 -595
  173. package/mvc/components/scb-toc/scb-toc-item.js +1 -303
  174. package/mvc/components/scb-toc/scb-toc.js +1 -19
  175. package/mvc/components/scb-tooltip/scb-tooltip.js +1 -196
  176. package/mvc/components/scb-viz/scb-viz-actions-runtime.js +1 -2
  177. package/mvc/components/scb-viz/scb-viz-print-runtime.js +1 -98
  178. package/mvc/components/scb-viz/scb-viz-series-differentiation-registry.js +1 -1
  179. package/mvc/components/scb-viz/scb-viz-series-differentiation-runtime.js +1 -1
  180. package/mvc/components/scb-viz/scb-viz-table-runtime.js +1 -1
  181. package/mvc/components/scb-viz/scb-viz.js +1 -1140
  182. package/package.json +12 -3
  183. package/scb-chevron/scb-chevron.js +0 -1
  184. package/scb-datepicker/scb-datepicker.js +0 -1
  185. package/scb-vignette/scb-vignette.js +0 -1
  186. package/scb-wc-public-entry/index.d.ts +87 -0
  187. package/scb-wc.bundle.js +214 -214
  188. package/scb-wc.d.ts +174 -180
  189. package/starters/blazor/Components/App.razor +34 -0
  190. package/starters/blazor/Components/Layout/MainLayout.razor +39 -0
  191. package/starters/blazor/Components/Pages/Home.razor +80 -0
  192. package/starters/blazor/Components/Routes.razor +14 -0
  193. package/starters/blazor/Components/_Imports.razor +10 -0
  194. package/starters/blazor/Program.cs +23 -0
  195. package/starters/blazor/README.md +28 -0
  196. package/starters/blazor/ScbStarterApp.csproj +7 -0
  197. package/starters/blazor/dot-gitignore +3 -0
  198. package/starters/blazor/package.json +14 -0
  199. package/starters/blazor/wwwroot/app.css +54 -0
  200. package/starters/html/README.md +23 -0
  201. package/starters/html/dot-gitignore +2 -0
  202. package/starters/html/index.html +12 -0
  203. package/starters/html/main.js +135 -0
  204. package/starters/html/package.json +16 -0
  205. package/starters/react/README.md +24 -0
  206. package/starters/react/dot-gitignore +2 -0
  207. package/starters/react/index.html +12 -0
  208. package/starters/react/package.json +19 -0
  209. package/starters/react/src/App.jsx +118 -0
  210. package/starters/react/src/main.jsx +29 -0
  211. package/starters/react/vite.config.js +6 -0
  212. package/mvc/components/scb-vignette/scb-vignette.js +0 -37
@@ -1,1140 +1 @@
1
- import{_ as J,b as Y,g as X,h as v,m as F,o as E,r as Z,y as p}from"../../vendor/vendor.js";import"../../vendor/vendor-lit.js";import{t as m}from"../../vendor/decorate.js";import{n as Q,t as c}from"../../vendor/assertClassBrand.js";import"../scb-accordion/scb-accordion.js";import"../scb-icon-button/scb-icon-button.js";import"../scb-divider/scb-divider.js";import"../scb-chip/scb-chip.js";import"../scb-horizontal-scroller/scb-horizontal-scroller.js";import"../scb-segmented-button/scb-segmented-item.js";import"../scb-segmented-button/scb-segmented-button.js";import{buildScbVizExportFileName as tt,createScbVizCsvBlob as et,createScbVizRasterBlobFromElement as it,createScbVizRasterDataUrlFromElement as st,downloadScbVizBlob as j,getScbVizCurrentFullscreenElement as at,isScbVizFullscreenSupported as rt,openScbVizPrintFrame as nt,runWithScbVizForcedPrintLightMode as ot,toggleScbVizFullscreen as lt}from"./scb-viz-actions-runtime.js";import{buildScbVizPrintDocumentHtml as ct,buildScbVizPrintableFooterHtml as ht,buildScbVizPrintableTableHtml as dt}from"./scb-viz-print-runtime.js";import{getScbVizSeriesDifferentiationPatternKinds as pt}from"./scb-viz-series-differentiation-registry.js";import{clearScbVizSeriesDifferentiationColorClass as ut,clearScbVizSeriesDifferentiationMetadata as ft,ensureScbVizStyledModeSeriesPattern as gt,getScbVizGroupedSeriesDifferentiationVariant as mt,getScbVizHighchartsColorClassName as bt,getScbVizHighchartsSvgRoot as vt,getScbVizLegendSeriesDifferentiationTargets as yt,getScbVizSeriesDifferentiationVariantByIndex as _t,isScbVizGroupedSeriesDifferentiationChart as St,isScbVizHighchartsStyledMode as zt,setScbVizSeriesDifferentiationColorClass as wt,setScbVizSeriesDifferentiationMetadata as xt,shouldShowScbVizSeriesDifferentiationAction as Ct,usesScbVizGroupedPointDifferentiation as Dt}from"./scb-viz-series-differentiation-runtime.js";import{buildScbVizResolvedTableView as Mt,createScbVizCsvRows as $t,inferScbVizTableAlignments as Lt,normalizeScbVizRenderableCell as Tt,readScbVizTableDataFromSlot as Vt}from"./scb-viz-table-runtime.js";(function(){try{var o=typeof globalThis<"u"?globalThis:window;if(!o.__scb_ce_guard_installed__){o.__scb_ce_guard_installed__=!0;var t=customElements.define.bind(customElements);customElements.define=function(e,i,s){try{customElements.get(e)||t(e,i,s)}catch(r){var a=String(r||"");if(a.indexOf("already been used")===-1&&a.indexOf("NotSupportedError")===-1)throw r}}}}catch{}})();var l,A,G=`<svg version="1.1" id="Lager_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
2
- viewBox="0 0 727.3 87.3" style="enable-background:new 0 0 727.3 87.3;" xml:space="preserve" fill="currentColor">
3
- <style type="text/css">
4
- .st0{clip-path:url(#SVGID_00000118375311472882578510000008414848687067442345_);}
5
- .st1{clip-path:url(#SVGID_00000138564698325205407360000002276421278379188096_);}
6
- </style>
7
- <g>
8
- <defs>
9
- <rect id="SVGID_1_" width="87.9" height="87.3"/>
10
- </defs>
11
- <clipPath id="SVGID_00000049194455212780167100000017351139687135426220_">
12
- <use xlink:href="#SVGID_1_" style="overflow:visible;"/>
13
- </clipPath>
14
- <path style="clip-path:url(#SVGID_00000049194455212780167100000017351139687135426220_);" d="M51.9,47.4c-3.5-1.9-6.1-3-8.4-3.9
15
- c-2.6-1.1-4.8-2-8.1-4.1c-3.2-2-4.7-5.5-3.8-8.7c1.1-3.9,5.5-6.3,11.7-6.4c5.2-0.1,10.3,2,14,5.6l7.1-7.3
16
- C58.9,17,51.1,13.9,43.2,14c-5.6,0.1-10.3,1.4-14.1,4c-3.6,2.4-6.2,5.9-7.3,9.9C19.7,35.5,23,43.6,30,48c4,2.6,6.9,3.7,9.7,4.9
17
- c2.1,0.9,4.3,1.8,7.3,3.4c6,3.3,7.3,9.9,5.6,14.4c-1.8,4.6-6.3,6.9-12.5,6.6c-16.8-2-29.9-16.3-29.9-33.6c0-6.7,2-13,5.4-18.3
18
- c-0.5-4.8-0.4-11.5,2.7-17.4c-1.9,1.4-3.8,2.9-5.5,4.7C4.6,20.9,0,32,0,43.7s4.6,22.8,12.9,31.1c5.2,5.2,11.4,8.9,18.2,11
19
- c3.8,1,8,1.5,12.6,1.2c13.4-1,18-9.1,19.5-16.1l0,0l0,0c0.7-3.7,0.5-7.7-0.8-11.4C60.5,54.4,56.8,50.1,51.9,47.4"/>
20
- </g>
21
- <g>
22
- <defs>
23
- <rect id="SVGID_00000037663519358145686510000008852139513316315266_" width="87.9" height="87.3"/>
24
- </defs>
25
- <clipPath id="SVGID_00000178915587967540748200000001082786752601951668_">
26
- <use xlink:href="#SVGID_00000037663519358145686510000008852139513316315266_" style="overflow:visible;"/>
27
- </clipPath>
28
- <path style="clip-path:url(#SVGID_00000178915587967540748200000001082786752601951668_);" d="M75.1,12.6C70.8,8.3,65.7,5,60.3,2.9
29
- c-6.2-2.3-14-3.5-22.9-1.5c-15.1,3.4-18,14.3-18.5,19.8C25.1,14.3,34,10,44,10c18.6,0,33.8,15.1,33.8,33.8c0,9.5-3.9,18-10.2,24.2
30
- c-0.4,4.5-1.5,10-3.7,15c4.1-2.1,7.9-4.8,11.2-8.1C83.4,66.6,88,55.6,88,43.8C87.9,32,83.4,20.9,75.1,12.6"/>
31
- </g>
32
- <path d="M48.5,32.9c-4.8-2.3-7.3-4.1-7.3-4.1s-4.5-0.2-4.5,4c0,3.5,4.4,4.1,15.2,8.8c14.3,6.3,15.4,20.1,15.4,20.1s3.5-14.2-8-22.8
33
- C55.8,36.5,55.4,36.1,48.5,32.9"/>
34
- <path d="M47.8,70.1c2.3-3,0.8-6.3,0.8-6.3s-3,1.5-9.2,0c-7.6-2-10.1-5.5-10.1-5.5l-5.8,6.1c0,0,5.7,5.8,14,7.6
35
- C42.3,73,45.6,72.9,47.8,70.1"/>
36
- <path d="M107.2,56.4c3.3,2.8,7.1,4.2,11.6,4.2c5.3-0.1,8-2,8.1-5.9c0-3.1-1.7-5-5.3-5.7c-1.6-0.2-3.5-0.5-5.4-0.8
37
- c-3.5-0.6-6.2-1.9-8-4c-1.9-2.1-2.8-4.8-2.8-7.8c0-3.7,1.2-6.7,3.6-8.9c2.3-2.2,5.6-3.4,9.8-3.4c5.1,0.1,9.5,1.6,13.3,4.4l-3.5,5.3
38
- c-3.1-2.1-6.4-3.2-10.1-3.3c-1.9,0-3.5,0.5-4.8,1.5s-2,2.6-2,4.6c0,1.2,0.5,2.3,1.4,3.3s2.4,1.7,4.4,2.1c1.1,0.2,2.7,0.4,4.6,0.7
39
- c3.8,0.5,6.7,2,8.5,4.3s2.7,4.9,2.7,7.9c-0.2,8.1-5,12.2-14.4,12.3c-6.1,0-11.3-1.9-15.6-5.8L107.2,56.4z"/>
40
- <path d="M135.3,36.6h6.2l6.8,21.1h0.1l6.8-21.1h6.2l-10.7,30.1h-4.8L135.3,36.6z"/>
41
- <path d="M169.4,53.9c0,2.4,0.7,4.3,2,5.5c1.3,1.3,2.9,1.9,4.9,1.9c2.4,0,4.5-1,6.4-2.9l4.2,3.7c-3,3.3-6.5,4.9-10.5,4.9
42
- c-1.5,0-3-0.2-4.5-0.7c-0.7-0.2-1.4-0.6-2.1-1c-0.7-0.4-1.4-0.8-2-1.4c-1.2-1.1-2.2-2.7-3-4.7c-0.8-1.9-1.3-4.4-1.3-7.5
43
- c0-3,0.4-5.4,1.1-7.4c0.7-2,1.7-3.6,2.8-4.7c1.2-1.2,2.5-2,3.9-2.5s2.8-0.8,4.2-0.8c3.3,0,6.1,1.2,8.4,3.4c2.3,2.3,3.5,5.4,3.6,9.3
44
- v5L169.4,53.9L169.4,53.9z M181.7,48.9c-0.1-2.3-0.7-4.1-1.8-5.3c-1.1-1.1-2.6-1.7-4.3-1.7c-1.8,0-3.2,0.6-4.3,1.7
45
- c-1.1,1.2-1.7,3-1.8,5.3H181.7z"/>
46
- <path d="M193.8,36.6h5.8v3.2h0.1c1.9-2.4,4.5-3.6,7.6-3.6c2.3,0,4.4,0.8,6.1,2.3l-4.3,5.2c-1.2-1-2.5-1.5-3.8-1.5
47
- c-1.5,0-2.8,0.5-3.8,1.5c-1.2,1-1.8,2.6-1.9,4.8v18.1h-5.8L193.8,36.6L193.8,36.6z"/>
48
- <path d="M216.3,24.4h5.8v6h-5.8V24.4z M216.3,36.6h5.8v30.1h-5.8V36.6z"/>
49
- <path d="M246,63.5c-1.9,2.2-4.4,3.4-7.5,3.5c-1.9,0-3.5-0.5-4.7-1.2c-1.3-0.8-2.3-1.6-3-2.4c-0.8-1-1.3-2.2-1.7-3.6
50
- c-0.4-1.4-0.5-4.1-0.5-8.1s0.2-6.8,0.5-8.2s0.9-2.6,1.7-3.6c0.7-0.9,1.7-1.8,3-2.5s2.8-1.1,4.7-1.1c2.9,0,5.4,1.2,7.5,3.6v-3.2h5.8
51
- V66c-0.1,4.5-1.3,7.8-3.8,10s-5.4,3.3-8.9,3.3c-3.9-0.1-7.3-1.8-10.1-5l4.5-3.7c0.7,0.7,1.6,1.3,2.6,1.8c1,0.6,2,0.9,3.1,0.9
52
- c2,0,3.6-0.6,4.8-1.7c1.2-1.2,1.8-2.8,1.8-4.8v-3.3H246z M234.4,51.6c0,2.3,0.1,3.9,0.2,4.8c0.1,0.9,0.4,1.7,0.9,2.3
53
- c0.4,0.5,1,1,1.8,1.5s1.7,0.8,2.9,0.8s2.1-0.3,2.9-0.8c0.8-0.4,1.3-0.9,1.7-1.5c0.5-0.6,0.8-1.4,1-2.3c0.1-0.9,0.2-2.5,0.2-4.8
54
- s-0.1-4-0.2-4.9c-0.2-0.9-0.5-1.6-1-2.2c-0.4-0.5-1-1.1-1.7-1.6c-0.8-0.4-1.7-0.7-2.9-0.7c-1.1,0-2.1,0.3-2.9,0.7
55
- c-0.8,0.5-1.4,1.1-1.8,1.6c-0.5,0.6-0.8,1.3-0.9,2.2S234.4,49.3,234.4,51.6z"/>
56
- <path d="M264,53.9c0,2.4,0.7,4.3,2,5.5c1.3,1.3,2.9,1.9,4.9,1.9c2.4,0,4.5-1,6.4-2.9l4.2,3.7c-3,3.3-6.5,4.9-10.5,4.9
57
- c-1.5,0-3-0.2-4.5-0.7c-0.7-0.2-1.4-0.6-2.1-1s-1.4-0.8-2-1.4c-1.2-1.1-2.2-2.7-3-4.7c-0.8-1.9-1.3-4.4-1.3-7.5c0-3,0.4-5.4,1.1-7.4
58
- s1.7-3.6,2.8-4.7c1.2-1.2,2.5-2,3.9-2.5s2.8-0.8,4.2-0.8c3.3,0,6.1,1.2,8.4,3.4c2.3,2.3,3.5,5.4,3.6,9.3v5L264,53.9L264,53.9z
59
- M276.3,48.9c-0.1-2.3-0.7-4.1-1.8-5.3c-1.1-1.1-2.6-1.7-4.3-1.7c-1.8,0-3.2,0.6-4.3,1.7c-1.1,1.2-1.7,3-1.8,5.3H276.3z"/>
60
- <path d="M289.4,57.4c2.4,2.6,5.5,3.9,9.2,3.9c1.7,0,3.1-0.3,4.1-1s1.6-1.6,1.6-2.8c0-1.1-0.3-1.8-1-2.3c-0.7-0.4-1.5-0.7-2.6-0.7
61
- l-5.2-0.5c-2.5-0.2-4.4-1.1-6-2.5s-2.4-3.4-2.4-6c0-3.1,1.1-5.4,3.2-7c2-1.5,4.6-2.3,7.7-2.3c1.3,0,2.6,0.1,3.6,0.3
62
- c1.1,0.2,2.1,0.5,3,0.8c1.8,0.8,3.4,1.8,4.8,3l-3.6,4.4c-1.1-0.8-2.3-1.5-3.6-2.1c-1.2-0.5-2.7-0.7-4.3-0.7c-1.8,0-3.1,0.3-3.9,1
63
- s-1.2,1.5-1.2,2.6c0,0.7,0.3,1.3,0.9,1.8c0.6,0.6,1.6,0.9,3,1.1l4.8,0.4c3,0.2,5.2,1.2,6.6,2.8c1.3,1.6,1.9,3.7,1.9,6.2
64
- c0,2.9-1.2,5.2-3.5,6.8c-2.2,1.6-5.1,2.5-8.6,2.5c-4.8,0-9-1.8-12.8-5.4L289.4,57.4z"/>
65
- <path d="M328.2,51.6c0-3.2,0.3-5.6,0.8-7.3s1.3-3.1,2.4-4.2c0.8-1,1.9-1.9,3.4-2.7c1.4-0.7,3.2-1.1,5.5-1.2c2.3,0,4.2,0.4,5.6,1.2
66
- s2.5,1.7,3.3,2.7c1.2,1.1,2,2.5,2.5,4.2s0.7,4.1,0.7,7.3s-0.2,5.6-0.7,7.2c-0.5,1.7-1.3,3.1-2.5,4.3c-0.4,0.4-0.8,0.9-1.4,1.3
67
- c-0.5,0.5-1.1,0.9-1.9,1.2c-1.4,0.8-3.3,1.3-5.6,1.3c-2.2,0-4-0.5-5.5-1.3c-1.4-0.8-2.6-1.6-3.4-2.5c-1.1-1.2-1.9-2.7-2.4-4.3
68
- C328.5,57.1,328.2,54.7,328.2,51.6z M346.4,51.6c0-2.2-0.1-3.7-0.3-4.7c-0.2-0.9-0.6-1.8-1.2-2.5c-0.4-0.7-1.1-1.2-1.9-1.6
69
- c-0.8-0.4-1.7-0.6-2.8-0.6c-1,0-1.9,0.2-2.8,0.6c-0.8,0.4-1.5,0.9-2,1.6c-0.5,0.7-0.9,1.5-1.1,2.5s-0.3,2.5-0.3,4.6s0.1,3.6,0.3,4.6
70
- c0.2,1,0.6,1.9,1.1,2.6c0.5,0.6,1.2,1.1,2,1.5s1.8,0.6,2.8,0.6c1.1,0,2-0.2,2.8-0.6c0.8-0.4,1.5-1,1.9-1.5c0.6-0.8,1-1.6,1.2-2.6
71
- C346.3,55.2,346.4,53.7,346.4,51.6z"/>
72
- <path d="M359.5,41.2h-3v-4.6h3v-4c0-2.9,0.8-5,2.3-6.3s3.4-1.9,5.6-1.9h3.8v5.7h-3.3c-1.8-0.1-2.6,0.8-2.5,2.5v4h5.9v4.6h-5.9v25.4
73
- h-5.8V41.2H359.5z"/>
74
- <path d="M373.1,41.2h-3v-4.6h3v-4c0-2.9,0.8-5,2.3-6.3s3.4-1.9,5.6-1.9h3.8v5.7h-3.3c-1.8-0.1-2.6,0.8-2.5,2.5v4h5.9v4.6H379v25.4
75
- h-5.8V41.2H373.1z"/>
76
- <path d="M388.8,24.4h5.8v6h-5.8V24.4z M388.8,36.6h5.8v30.1h-5.8V36.6z"/>
77
- <path d="M423.1,61.8c-1.3,1.5-2.8,2.7-4.5,3.7s-3.7,1.5-6,1.5c-3.4,0-6.5-1.2-9-3.6c-2.7-2.4-4.1-6.3-4.1-11.7
78
- c0.1-5.5,1.5-9.4,4.1-11.9c2.6-2.4,5.6-3.6,9.1-3.6c2.3,0,4.3,0.5,6,1.4s3.2,2.2,4.5,3.8l-4.3,4c-1.5-2-3.5-3.1-5.9-3.2
79
- c-5-0.1-7.5,3.1-7.6,9.4c0.1,6.3,2.6,9.4,7.6,9.3c2.5,0,4.4-1.1,5.9-3.1L423.1,61.8z"/>
80
- <path d="M427.9,24.4h5.8v6h-5.8V24.4z M427.9,36.6h5.8v30.1h-5.8V36.6z"/>
81
- <path d="M446,53.9c0,2.4,0.7,4.3,2,5.5c1.3,1.3,2.9,1.9,4.9,1.9c2.4,0,4.5-1,6.4-2.9l4.2,3.7c-3,3.3-6.5,4.9-10.5,4.9
82
- c-1.5,0-3-0.2-4.5-0.7c-0.7-0.2-1.4-0.6-2.1-1s-1.4-0.8-2-1.4c-1.2-1.1-2.2-2.7-3-4.7c-0.8-1.9-1.3-4.4-1.3-7.5c0-3,0.4-5.4,1.1-7.4
83
- s1.7-3.6,2.8-4.7c1.2-1.2,2.5-2,3.9-2.5s2.8-0.8,4.2-0.8c3.3,0,6.1,1.2,8.4,3.4c2.3,2.3,3.5,5.4,3.6,9.3v5L446,53.9L446,53.9z
84
- M458.3,48.9c-0.1-2.3-0.7-4.1-1.8-5.3c-1.1-1.1-2.6-1.7-4.3-1.7s-3.2,0.6-4.3,1.7c-1.1,1.2-1.7,3-1.8,5.3H458.3z"/>
85
- <path d="M471,24.4h5.8v34.5c0,1.4,0.7,2.1,2.2,2.1h2v5.7h-2.6c-2.1,0-3.9-0.5-5.3-1.6c-1.5-1.1-2.2-3-2.2-5.6V24.4H471z"/>
86
- <path d="M484.8,24.4h5.8v34.5c0,1.4,0.7,2.1,2.2,2.1h2v5.7h-2.6c-2.1,0-3.9-0.5-5.3-1.6c-1.5-1.1-2.2-3-2.2-5.6V24.4H484.8z"/>
87
- <path d="M513.6,64L513.6,64c-0.6,1-1.5,1.8-2.6,2.3c-1.1,0.5-2.7,0.8-4.7,0.8c-3.3,0-5.8-0.9-7.5-2.7c-1.9-1.7-2.8-3.9-2.8-6.5
88
- c0-2.5,0.8-4.6,2.4-6.3s4-2.6,7.1-2.6h8.1v-3.2c0-2.7-2-3.9-6-3.9c-1.5,0-2.6,0.2-3.5,0.5c-0.9,0.4-1.6,1-2.1,1.9l-4.6-3.6
89
- c2.2-3,5.5-4.5,9.8-4.4c3.7,0,6.6,0.7,8.8,2.1c2.2,1.5,3.3,4.1,3.3,7.8v20.5h-5.8V64H513.6z M513.6,53.9h-7
90
- c-3.4,0.1-5.1,1.3-5.1,3.6c0,1,0.4,1.9,1.3,2.6c0.8,0.8,2.2,1.2,4.2,1.2c2.5,0,4.2-0.3,5.2-0.9c0.9-0.6,1.4-2.1,1.4-4.3V53.9z"/>
91
- <path d="M542,57.4c2.4,2.6,5.5,3.9,9.2,3.9c1.7,0,3.1-0.3,4.1-1c1.1-0.7,1.6-1.6,1.6-2.8c0-1.1-0.3-1.8-1-2.3
92
- c-0.7-0.4-1.5-0.7-2.6-0.7l-5.2-0.5c-2.5-0.2-4.4-1.1-6-2.5s-2.4-3.4-2.4-6c0-3.1,1.1-5.4,3.2-7c2-1.5,4.6-2.3,7.7-2.3
93
- c1.3,0,2.6,0.1,3.6,0.3c1.1,0.2,2.1,0.5,3,0.8c1.8,0.8,3.4,1.8,4.8,3l-3.6,4.4c-1.1-0.8-2.3-1.5-3.6-2.1c-1.2-0.5-2.7-0.7-4.3-0.7
94
- c-1.8,0-3.1,0.3-3.9,1c-0.8,0.7-1.2,1.5-1.2,2.6c0,0.7,0.3,1.3,0.9,1.8c0.6,0.6,1.6,0.9,3,1.1l4.8,0.4c3,0.2,5.2,1.2,6.6,2.8
95
- c1.3,1.6,1.9,3.7,1.9,6.2c0,2.9-1.2,5.2-3.5,6.8c-2.2,1.6-5.1,2.5-8.6,2.5c-4.8,0-9-1.8-12.8-5.4L542,57.4z"/>
96
- <path d="M569.4,27.4h5.8v9.2h4.3v4.6h-4.3v17.5c0,1.5,0.7,2.3,2.1,2.2h2.2v5.7h-3.1c-2.1,0-3.7-0.7-5-2c-1.3-1.3-2-3.1-2-5.4v-18
97
- h-2.9v-4.6h2.9V27.4z"/>
98
- <path d="M600.4,64L600.4,64c-0.6,1-1.5,1.8-2.6,2.3s-2.7,0.8-4.7,0.8c-3.3,0-5.8-0.9-7.5-2.7c-1.9-1.7-2.8-3.9-2.8-6.5
99
- c0-2.5,0.8-4.6,2.4-6.3c1.6-1.7,4-2.6,7.1-2.6h8.1v-3.2c0-2.7-2-3.9-6-3.9c-1.5,0-2.6,0.2-3.5,0.5c-0.9,0.4-1.6,1-2.1,1.9l-4.6-3.6
100
- c2.2-3,5.5-4.5,9.8-4.4c3.7,0,6.6,0.7,8.8,2.1c2.2,1.5,3.3,4.1,3.3,7.8v20.5h-5.8L600.4,64L600.4,64z M600.4,53.9h-7
101
- c-3.4,0.1-5.1,1.3-5.1,3.6c0,1,0.4,1.9,1.3,2.6c0.8,0.8,2.2,1.2,4.2,1.2c2.5,0,4.2-0.3,5.2-0.9c0.9-0.6,1.4-2.1,1.4-4.3L600.4,53.9
102
- L600.4,53.9z"/>
103
- <path d="M614.6,27.4h5.8v9.2h4.3v4.6h-4.3v17.5c0,1.5,0.7,2.3,2.1,2.2h2.2v5.7h-3.1c-2.1,0-3.7-0.7-5-2c-1.3-1.3-2-3.1-2-5.4v-18
104
- h-2.9v-4.6h2.9V27.4z"/>
105
- <path d="M630.5,24.4h5.8v6h-5.8V24.4z M630.5,36.6h5.8v30.1h-5.8V36.6z"/>
106
- <path d="M644.9,57.4c2.4,2.6,5.5,3.9,9.2,3.9c1.7,0,3.1-0.3,4.1-1c1.1-0.7,1.6-1.6,1.6-2.8c0-1.1-0.3-1.8-1-2.3
107
- c-0.7-0.4-1.5-0.7-2.6-0.7L651,54c-2.5-0.2-4.4-1.1-6-2.5s-2.4-3.4-2.4-6c0-3.1,1.1-5.4,3.2-7c2-1.5,4.6-2.3,7.7-2.3
108
- c1.3,0,2.6,0.1,3.6,0.3c1.1,0.2,2.1,0.5,3,0.8c1.8,0.8,3.4,1.8,4.8,3l-3.6,4.4c-1.1-0.8-2.3-1.5-3.6-2.1c-1.2-0.5-2.7-0.7-4.3-0.7
109
- c-1.8,0-3.1,0.3-3.9,1c-0.8,0.7-1.2,1.5-1.2,2.6c0,0.7,0.3,1.3,0.9,1.8c0.6,0.6,1.6,0.9,3,1.1l4.8,0.4c3,0.2,5.2,1.2,6.6,2.8
110
- c1.3,1.6,1.9,3.7,1.9,6.2c0,2.9-1.2,5.2-3.5,6.8c-2.2,1.6-5.1,2.5-8.6,2.5c-4.8,0-9-1.8-12.8-5.4L644.9,57.4z"/>
111
- <path d="M672.4,27.4h5.8v9.2h4.3v4.6h-4.3v17.5c0,1.5,0.7,2.3,2.1,2.2h2.2v5.7h-3.1c-2.1,0-3.7-0.7-5-2c-1.3-1.3-2-3.1-2-5.4v-18
112
- h-2.9v-4.6h2.9V27.4z"/>
113
- <path d="M688.2,24.4h5.8v6h-5.8V24.4z M688.2,36.6h5.8v30.1h-5.8V36.6z"/>
114
- <path d="M701.8,24.4h5.8v26.3h0.1l11.2-14.1h7l-10,11.7l11.4,18.3H720l-7.7-14l-4.6,5.4v8.7h-5.8V24.4H701.8z"/>
115
- </svg>
116
- `,Ft=0,g=(l=new WeakSet,A=class extends J{constructor(...t){super(...t),Q(this,l),this.variant="Standard",this.selectedChip="Diagram",this.title="",this.subtitle="",this.description="",this.comment="",this.source="",this.footnote="",this.lang="sv",this.imageHref="",this.officialStatistics=!1,this.disableToggle=!1,this.contentMaxWidth="",this.containerMaxWidth="",this.contentHeight="",this.toggleHeightMode="stable",this._actionsMenuOpen=!1,this._seriesDifferentiationEnabled=!1,this._isFullscreen=!1,this._seriesDifferentiationSnapshots=new WeakMap,this._diagramReflowFrame=0,this._chartConfigSyncFrame=0,this._fullscreenDiagramSizingFrame=0,this._fullscreenDiagramHeight="",this._instanceId=`scb-viz-${++Ft}`,this.spacing=void 0,this.spacingTop=void 0,this.spacingBottom=void 0,this.spacingLeft=void 0,this.spacingRight=void 0,this._onDocumentFullscreenChange=()=>{this._syncFullscreenState()},this._onWindowResize=()=>{this._isFullscreen&&c(l,this,L).call(this)},this._onToggleFullscreenClick=async()=>{this._closeActionsMenu(),await this._toggleFullscreen()},this._onDocumentPointerDown=e=>{if(!this._actionsMenuOpen)return;const i=e.composedPath(),s=this.shadowRoot?.querySelector(".actions-menu");s&&i.includes(s)||this._closeActionsMenu()},this._onDocumentKeyDown=e=>{this._actionsMenuOpen&&e.key==="Escape"&&(e.preventDefault(),this._closeActionsMenu(),this._focusMenuButton())},this._onPrintClick=async()=>{this._closeActionsMenu(),await c(l,this,Ot).call(this)},this._onDownloadPngClick=async()=>{this._canExportRaster()&&(this._closeActionsMenu(),await c(l,this,I).call(this,"png"))},this._onDownloadJpgClick=async()=>{this._canExportRaster()&&(this._closeActionsMenu(),await c(l,this,I).call(this,"jpeg"))},this._onDownloadCsvClick=()=>{this._canExportCsv()&&(this._closeActionsMenu(),c(l,this,jt).call(this))},this._onToggleSeriesDifferentiationClick=()=>{this._seriesDifferentiationEnabled=!this._seriesDifferentiationEnabled,this._closeActionsMenu(),c(l,this,V).call(this)}}get descriptionLabel(){return this.lang==="en"?"Description of the chart":"Beskrivning av diagrammet"}get moreAboutStatsLabel(){return this.lang==="en"?"More about the statistics":"Mer om statistiken"}get commentLabel(){return this.lang==="en"?"Comments":"Kommentar"}get sourceLabel(){return this.lang==="en"?"Source":"Källa"}get footnoteLabel(){return this.lang==="en"?"Footnotes":"Fotnot"}get officialStatisticsLabel(){return this.lang==="en"?"Official statistics of Sweden":"Sveriges officiella statistik"}get officialStatisticsTitle(){return this.lang==="en"?"Part of Official statistics of Sweden":"Tillhör Sveriges officiella statistik"}get officialStatisticsAlt(){return this.lang==="en"?"Read more about Official statistics of Sweden":"Läs mer om Sveriges officiella statistik"}get actionsMenuLabel(){return this.lang==="en"?"Open menu":"Öppna meny"}get printLabel(){return this.lang==="en"?"Print":"Skriv ut"}get downloadPngLabel(){return this.lang==="en"?"Download PNG":"Ladda ner PNG"}get downloadJpgLabel(){return this.lang==="en"?"Download JPG":"Ladda ner JPG"}get downloadCsvLabel(){return this.lang==="en"?"Download CSV":"Ladda ner CSV"}get enableSeriesDifferentiationLabel(){return this.lang==="en"?"Show symbols and patterns":"Visa symboler och mönster"}get disableSeriesDifferentiationLabel(){return this.lang==="en"?"Hide symbols and patterns":"Dölj symboler och mönster"}get enterFullscreenLabel(){return this.lang==="en"?"View fullscreen":"Visa i helskärm"}get exitFullscreenLabel(){return this.lang==="en"?"Exit fullscreen":"Avsluta helskärm"}_getImageAltText(){return this.lang==="en"?"Chart image":"Diagrambild"}_getTitleId(){return this.title?`${this._instanceId}-title`:void 0}_getSubtitleId(){return this.subtitle?`${this._instanceId}-subtitle`:void 0}_getDescriptionId(){return this.description?`${this._instanceId}-description`:void 0}_getContentAriaLabelledBy(){const t=[this._getTitleId(),this._getSubtitleId()].filter(Boolean);return t.length?t.join(" "):void 0}_getContentAriaDescribedBy(){const t=[this._getDescriptionId()].filter(Boolean);return t.length?t.join(" "):void 0}connectedCallback(){super.connectedCallback(),document.addEventListener("pointerdown",this._onDocumentPointerDown,!0),document.addEventListener("keydown",this._onDocumentKeyDown),document.addEventListener("fullscreenchange",this._onDocumentFullscreenChange),document.addEventListener("webkitfullscreenchange",this._onDocumentFullscreenChange),window.addEventListener("resize",this._onWindowResize),window.visualViewport?.addEventListener("resize",this._onWindowResize)}firstUpdated(t){this._readTableDataFromSlot(),c(l,this,N).call(this),c(l,this,O).call(this),c(l,this,T).call(this),this._syncChipClass(),c(l,this,H).call(this),c(l,this,C).call(this),this._syncFullscreenState(),c(l,this,L).call(this)}updated(t){super.updated(t),(t.has("selectedChip")||t.has("variant"))&&(this._syncChipClass(),this._closeActionsMenu()),t.has("selectedChip")&&this._dispatchSelectedChipChanged(),(t.has("spacing")||t.has("spacingTop")||t.has("spacingBottom")||t.has("spacingLeft")||t.has("spacingRight"))&&c(l,this,N).call(this),t.has("containerMaxWidth")&&c(l,this,O).call(this),t.has("variant")&&c(l,this,H).call(this),(t.has("contentMaxWidth")||t.has("contentHeight")||t.has("toggleHeightMode")||t.has("variant"))&&c(l,this,T).call(this),(t.has("selectedChip")||t.has("variant")||t.has("contentMaxWidth")||t.has("contentHeight")||t.has("toggleHeightMode")||t.has("_isFullscreen"))&&c(l,this,C).call(this),(t.has("selectedChip")||t.has("variant"))&&this._seriesDifferentiationEnabled&&requestAnimationFrame(()=>{c(l,this,V).call(this)}),(t.has("valueFormat")||t.has("timeFormat")||t.has("yAxisSettings")||t.has("selectedChip")||t.has("variant"))&&c(l,this,P).call(this),(t.has("title")||t.has("subtitle")||t.has("description")||t.has("comment")||t.has("source")||t.has("footnote")||t.has("officialStatistics")||t.has("selectedChip")||t.has("variant")||t.has("_isFullscreen"))&&c(l,this,L).call(this)}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener("pointerdown",this._onDocumentPointerDown,!0),document.removeEventListener("keydown",this._onDocumentKeyDown),document.removeEventListener("fullscreenchange",this._onDocumentFullscreenChange),document.removeEventListener("webkitfullscreenchange",this._onDocumentFullscreenChange),window.removeEventListener("resize",this._onWindowResize),window.visualViewport?.removeEventListener("resize",this._onWindowResize),c(l,this,q).call(this),c(l,this,B).call(this),c(l,this,U).call(this),c(l,this,K).call(this)}_onTableSlotChange(t){const e=t.target;e&&(this._readTableDataFromSlot(e),this.requestUpdate())}_onDiagramSlotChange(){c(l,this,T).call(this),c(l,this,C).call(this),c(l,this,P).call(this),this._seriesDifferentiationEnabled&&requestAnimationFrame(()=>{c(l,this,V).call(this)}),this.requestUpdate()}_normalizeRenderableCell(t){return Tt(t)}_readTableDataFromSlot(t){const e=t||this.shadowRoot?.querySelector('slot[name="table"]');this._slottedTableData=Vt(e)}_inferTableAlignments(t){return Lt(t,e=>this._parseTableNumericValue(e))}_parseTableNumericValue(t){if(t==null)return null;if(typeof t=="number")return Number.isFinite(t)?t:null;let e=String(t).replace(/[  \s]+/g,"").trim();if(!e)return null;e.endsWith("%")&&(e=e.slice(0,-1));const i=e.lastIndexOf(","),s=e.lastIndexOf(".");if(i>-1&&s>-1?i>s?e=e.replace(/\./g,"").replace(",","."):e=e.replace(/,/g,""):i>-1&&(e=e.replace(",",".")),!/^-?\d+(?:\.\d+)?$/.test(e))return null;const a=Number(e);return Number.isFinite(a)?a:null}_formatTableCell(t,e,i){const s=this._normalizeRenderableCell(t);if(s.html)return s;const a=s.text;if(!a)return s;if(e===0){const d=this._normalizeTimeFormat(this.timeFormat),u=this._formatCategoryTimeLabel(a,d);return u!==null?{html:"",text:u}:s}if(i[e]!=="right")return s;if(this._shouldPreserveSourceValueFormatting(this.valueFormat)){const d=this._localizeAutomaticNumericText(a);return d!==null?{html:"",text:d}:s}const r=this._parseTableNumericValue(a);if(r===null)return s;const n=this._normalizeValueFormat(this.valueFormat),h=this._formatValueForDisplay(r,n,!0);return h===null?s:{html:"",text:h}}_getViewportHeight(){return Math.round(window.visualViewport?.height||window.innerHeight||document.documentElement.clientHeight||0)}_readCssLength(t){const e=Number.parseFloat(t||"0");return Number.isFinite(e)?e:0}_getElementOuterHeight(t){const e=this.shadowRoot?.querySelector(t);if(!e)return 0;const i=getComputedStyle(e);return e.getBoundingClientRect().height+this._readCssLength(i.marginTop)+this._readCssLength(i.marginBottom)}_getFullscreenDiagramHeight(){if(!this._isFullscreen||this.variant!=="Standard"||this.selectedChip!=="Diagram")return"";const t=this._getViewportHeight();if(!t)return"";const e=getComputedStyle(this),i=this._readCssLength(e.paddingTop)+this._readCssLength(e.paddingBottom)+this._getElementOuterHeight(".header")+this._getElementOuterHeight(".actions-row")+this._getElementOuterHeight(".footer")+16,s=Math.floor(t-i);return!Number.isFinite(s)||s<=0?"":`${Math.max(320,s)}px`}_getResolvedContentMaxWidth(){return this.contentMaxWidth?.trim()||""}_getResolvedDiagramHeight(){return this._fullscreenDiagramHeight||this.contentHeight?.trim()||""}_getResolvedDiagramScrollerWidth(){return this._getResolvedContentMaxWidth()}_getResolvedToggleHeightMode(){return this.toggleHeightMode==="auto"?"auto":"stable"}_getResolvedStandardContentHeight(){return this._getResolvedDiagramHeight()||"600px"}_getResolvedTableData(){return this.tableData??this._slottedTableData}_getResolvedTableView(t){return Mt(t,{inferAlignments:e=>this._inferTableAlignments(e),normalizeCell:e=>this._normalizeRenderableCell(e),formatCell:(e,i,s)=>this._formatTableCell(e,i,s)})}_getDiagramAssignedElements(){const t=this.shadowRoot?.querySelector('slot[name="diagram"]');return t?t.assignedElements({flatten:!0}):[]}_findExportableVisualElement(t){for(const e of t){if(e instanceof SVGSVGElement||e instanceof HTMLCanvasElement||e instanceof HTMLImageElement)return e;const i=e.querySelector("svg, canvas, img");if(i instanceof SVGSVGElement||i instanceof HTMLCanvasElement||i instanceof HTMLImageElement)return i}return null}_getExportableVisualElement(){if(this.variant==="Table")return null;if(this.variant==="Image"){const t=this.shadowRoot?.querySelector(".image-content img");return t instanceof HTMLImageElement?t:null}return this._findExportableVisualElement(this._getDiagramAssignedElements())}_getDefaultValueFormat(){return{type:"number",scale:"auto",decimals:0,decimalSeparator:this.lang==="en"?".":","}}_normalizeValueFormat(t){const e=this._getDefaultValueFormat(),i=t&&typeof t=="object"?t:{};return{type:["number","currency","percent"].includes(String(i.type))?String(i.type):e.type,scale:["auto","raw","thousands","millions","billions"].includes(String(i.scale))?String(i.scale):e.scale,decimals:Number.isFinite(Number(i.decimals))?Math.max(0,Math.min(20,Number(i.decimals))):e.decimals,decimalSeparator:String(i.decimalSeparator)==="."?".":String(i.decimalSeparator)===","?",":e.decimalSeparator}}_shouldPreserveSourceValueFormatting(t){const e=this._normalizeValueFormat(t);return e.type==="number"&&e.scale==="auto"}_normalizeTimeFormat(t){const e={mode:"raw",display:"raw"},i=t&&typeof t=="object"?t:{},s=["raw","year","monthCode","quarterCode","weekCode","tertialCode"];let a=typeof i.mode=="string"?i.mode:e.mode,r=typeof i.display=="string"?i.display:e.display;s.includes(a)||(a=e.mode);const n={raw:["raw"],year:["raw","year"],monthCode:["raw","iso-month","short-month","long-month"],quarterCode:["raw","quarter-compact","quarter-short","quarter-long"],weekCode:["raw","week-compact","week-long"],tertialCode:["raw","tertial-compact","tertial-short","tertial-long"]};return n[a].includes(r)||(r=n[a][0]),a==="raw"&&(r="raw"),{mode:a,display:r}}_normalizeYAxisSettings(t){const e=t&&typeof t=="object"?t:{},i=Number.isFinite(Number(e.referenceLineValue))?Number(e.referenceLineValue):null;return{startAtZero:!!e.startAtZero,referenceLineEnabled:!!e.referenceLineEnabled&&Number.isFinite(i),referenceLineValue:i,referenceLineLabel:typeof e.referenceLineLabel=="string"?e.referenceLineLabel:""}}_getShortMonthNames(){return["jan","feb","mar","apr","maj","jun","jul","aug","sep","okt","nov","dec"]}_getLongMonthNames(){return["januari","februari","mars","april","maj","juni","juli","augusti","september","oktober","november","december"]}_formatCategoryTimeLabel(t,e){if(!t||e.mode==="raw"||e.display==="raw")return null;if(e.mode==="year"){const i=/^\s*(\d{4})\s*$/.exec(t);return i?i[1]:null}if(e.mode==="monthCode"){const i=/^\s*(\d{4})M(0?[1-9]|1[0-2])\s*$/i.exec(t);if(!i)return null;const s=Number(i[2])-1,a=i[1],r=String(s+1).padStart(2,"0");return e.display==="iso-month"?`${a}-${r}`:e.display==="short-month"?`${this._getShortMonthNames()[s]} ${a}`:e.display==="long-month"?`${this._getLongMonthNames()[s]} ${a}`:t}if(e.mode==="quarterCode"){const i=/^\s*(\d{4})(?:K(V)?|Q)(0?[1-4])\s*$/i.exec(t);if(!i)return null;const s=Number(i[3]),a=i[1],r=["första","andra","tredje","fjärde"];return e.display==="quarter-compact"?`${a} K${s}`:e.display==="quarter-short"?`kv ${s} ${a}`:e.display==="quarter-long"?`${r[s-1]} kvartalet ${a}`:t}if(e.mode==="weekCode"){const i=/^\s*(\d{4})(?:V|W)(0?[1-9]|[1-4][0-9]|5[0-3])\s*$/i.exec(t);if(!i)return null;const s=Number(i[2]),a=i[1];return e.display==="week-compact"?`${a} v. ${s}`:e.display==="week-long"?`vecka ${s} ${a}`:t}if(e.mode==="tertialCode"){const i=/^\s*(\d{4})T(0?[1-3])\s*$/i.exec(t);if(!i)return null;const s=Number(i[2]),a=i[1],r=["första","andra","tredje"];return e.display==="tertial-compact"?`${a} T${s}`:e.display==="tertial-short"?`tertial ${s} ${a}`:e.display==="tertial-long"?`${r[s-1]} tertialet ${a}`:t}return null}_localizeAutomaticNumericText(t){const e=this._normalizeValueFormat(this.valueFormat),i=String(t??"").trim();if(!i||i===".."||i==="...")return null;const s=i.replace(/[  \s]/g,"");if(!/^-?\d+(?:[.,]\d+)?$/.test(s))return null;const a=e.decimalSeparator==="."?".":",";return a==="."&&s.indexOf(",")!==-1?s.replace(",","."):a===","&&s.indexOf(".")!==-1?s.replace(".",","):s}_inferAutomaticValueDecimals(t){if(!Number.isFinite(t))return 0;let e=String(t);/e/i.test(e)&&(e=t.toFixed(6).replace(/0+$/,"").replace(/\.$/,""));const i=e.replace(/^-/,"").split(".");return i.length>1?Math.min(i[1].length,6):0}_formatAutomaticValueForDisplay(t,e){if(!Number.isFinite(t))return null;const i=this._localizeAutomaticNumericText(e);if(i!==null)return i;const s=this._normalizeValueFormat(this.valueFormat),a=this._inferAutomaticValueDecimals(t);return this._formatLocalizedNumber(t,a,s.decimalSeparator)}_formatLocalizedNumber(t,e,i){const s=new Intl.NumberFormat(this.lang==="en"?"en-GB":"sv-SE",{minimumFractionDigits:e,maximumFractionDigits:e}),a=i==="."||i===","?i:this.lang==="en"?".":",";return s.formatToParts(t).map(r=>r.type==="decimal"?a:r.value).join("")}_formatValueForDisplay(t,e,i){if(!Number.isFinite(t))return null;const s={raw:1,thousands:1e3,millions:1e6,billions:1e9},a={raw:"",thousands:this.lang==="en"?"k":"t",millions:this.lang==="en"?"M":"mn",billions:this.lang==="en"?"B":"md"};let r=e.scale;if(r==="auto"){const u=Math.abs(t);u>=1e9?r="billions":u>=1e6?r="millions":u>=1e3?r="thousands":r="raw"}const n=t/(s[r]||1);let h=this._formatLocalizedNumber(n,e.decimals,e.decimalSeparator);e.type==="percent"?h=`${h} %`:e.type==="currency"&&(h=i?`${h} kr`:h);const d=a[r]||"";return d&&(h=`${h} ${d}`),h}_isCategoryAxis(t){return t?.categories?.length>0||t?.options?.type==="category"}_isTooltipNumericLikeText(t){if(typeof t!="string")return!1;const e=t.trim();return e?/^-?\d+(?:[.,]\d+)?$/.test(e):!1}_getTooltipPointRowIndex(t){const e=t?.point||t;return Number.isFinite(e?.x)?Number(e.x):Number.isFinite(t?.x)?Number(t.x):Number.isFinite(e?.index)?Number(e.index):Number.isFinite(t?.index)?Number(t.index):null}_getTooltipTableCategoryValue(t){const e=this._getResolvedTableData();if(!e?.rows?.length)return"";const i=this._getTooltipPointRowIndex(t);if(i===null||i<0||i>=e.rows.length)return"";const s=e.rows[i];return!Array.isArray(s)||s.length===0?"":this._normalizeRenderableCell(s[0]).text}_getTooltipSeriesDataCategoryValue(t){const e=t?.point||t,i=e?.series||t?.series,s=this._getTooltipPointRowIndex(t);if(!i||s===null)return"";const a=[i?.options?.data,i?.userOptions?.data];for(const h of a){if(!Array.isArray(h)||s<0||s>=h.length)continue;const d=h[s];if(!d||typeof d!="object")continue;const u=typeof d.category<"u"&&d.category!==null?String(d.category):typeof d.name=="string"?d.name:"";if(u&&!this._isTooltipNumericLikeText(u))return u}const r=typeof e?.options?.category<"u"&&e.options.category!==null?String(e.options.category):"";if(r&&!this._isTooltipNumericLikeText(r))return r;const n=typeof e?.name=="string"?e.name.trim():"";return n&&!this._isTooltipNumericLikeText(n)?n:""}_getTooltipXAxisLabel(t,e){const i=t?.point||t,s=i?.series?.xAxis||t?.series?.xAxis,a=this._getTooltipPointRowIndex(t),r=[];if(s&&Array.isArray(s.categories)&&a!==null){const b=s.categories[a];typeof b<"u"&&b!==null&&r.push(String(b))}typeof i?.category=="string"&&i.category.trim()&&r.push(i.category),typeof t?.key=="string"&&t.key.trim()&&r.push(t.key),typeof t?.x=="string"&&t.x.trim()&&r.push(t.x);const n=this._getTooltipSeriesDataCategoryValue(t);n&&r.push(n);const h=this._getTooltipTableCategoryValue(t);h&&r.push(h);for(const b of r){const _=String(b).trim();if(!(!_||this._isTooltipNumericLikeText(_)))return this._formatCategoryTimeLabel(_,e)??_}const d=r.find(b=>String(b).trim());if(!d)return"";const u=String(d).trim();return this._formatCategoryTimeLabel(u,e)??u}_getTooltipPointLabel(t){const e=t?.point||t,i=e?.series||t?.series,s=String(e?.series?.type||i?.type||e?.series?.options?.type||i?.options?.type||e?.series?.chart?.options?.chart?.type||"").trim().toLowerCase();return["pie","variablepie"].includes(s)?e?.name||i?.name||"":i?.name||e?.name||""}_applyTimeFormatToLiveChart(t){const e=this._normalizeTimeFormat(this.timeFormat);if(e.mode==="raw"||e.display==="raw")return;const i=this._formatCategoryTimeLabel.bind(this);[...t?.xAxis||[],...t?.yAxis||[]].forEach(s=>{if(!this._isCategoryAxis(s))return;const a=s.options?.labels&&typeof s.options.labels=="object"?{...s.options.labels}:{},r=typeof a.formatter=="function"?a.formatter:null;a.formatter=function(){let n="";if(this?.axis&&Array.isArray(this.axis.categories)&&typeof this.pos=="number"){const d=this.axis.categories[this.pos];typeof d<"u"&&d!==null&&(n=String(d))}else typeof this?.value<"u"&&this.value!==null&&(n=String(this.value));const h=i(n,e);return h!==null?h:r?r.call(this):n},delete a.format,s.update({labels:a},!1)})}_applyValueFormatToLiveChart(t){const e=this._normalizeValueFormat(this.valueFormat),i=this._normalizeTimeFormat(this.timeFormat),s=this._formatValueForDisplay.bind(this),a=this._formatAutomaticValueForDisplay.bind(this),r=this._getTooltipXAxisLabel.bind(this),n=this._getTooltipPointLabel.bind(this);if(this._shouldPreserveSourceValueFormatting(this.valueFormat)){const h=t?.options?.tooltip&&typeof t.options.tooltip=="object"?{...t.options.tooltip}:{},d=t?.options?.plotOptions&&typeof t.options.plotOptions=="object"?{...t.options.plotOptions}:{},u=d.series&&typeof d.series=="object"?{...d.series}:{},b=u.dataLabels&&typeof u.dataLabels=="object"?{...u.dataLabels}:{},_=t?.options?.lang&&typeof t.options.lang=="object"?{...t.options.lang}:{};delete b.format,delete b.formatter,_.decimalPoint=e.decimalSeparator==="."?".":",",_.thousandsSep=" ",h.valueDecimals=void 0,h.formatter=function(){const y=Array.isArray(this.points)&&this.points.length?this.points:[this.point||this],S=r(this,i),D=[];return y.forEach(f=>{const z=f?.point||f,w=Number.isFinite(f?.y)?f.y:z?.y,x=n(f),M=a(w,z?.options&&typeof z.options.y<"u"&&z.options.y!==null?String(z.options.y):z&&typeof z.y<"u"&&z.y!==null?String(z.y):"");!Number.isFinite(w)||M===null||M===void 0||D.push(`${x?`${String(x)}: `:""}<b>${String(M)}</b><br/>`)}),`${S?`<span>${String(S)}</span><br/>`:""}${D.join("")}`}.bind(this),t.update({lang:_,tooltip:h,plotOptions:{...d,series:{...u,dataLabels:b}}},!1,!1,!1),(t?.yAxis||[]).forEach(y=>{const S=y.options?.labels&&typeof y.options.labels=="object"?{...y.options.labels}:{};delete S.format,delete S.formatter,y.update({labels:S},!1)});return}t.update({tooltip:{...t.options?.tooltip||{},valueDecimals:e.decimals,formatter:function(){const h=Array.isArray(this.points)&&this.points.length?this.points:[this.point||this],d=r(this,i),u=[];return h.forEach(b=>{const _=b?.point||b,y=s(Number.isFinite(b?.y)?b.y:_?.y,e,!0);if(y===null)return;const S=n(b);u.push(`${S?`${String(S)}: `:""}<b>${y}</b><br/>`)}),`${d?`<span>${String(d)}</span><br/>`:""}${u.join("")}`}},plotOptions:{...t.options?.plotOptions||{},series:{...t.options?.plotOptions?.series||{},dataLabels:{...t.options?.plotOptions?.series?.dataLabels||{},formatter:function(){return s(Number.isFinite(this?.y)?this.y:this?.point?.y,e,e.type==="percent")??null}}}}},!1,!1,!1),(t?.yAxis||[]).forEach(h=>{const d=h.options?.labels&&typeof h.options.labels=="object"?{...h.options.labels}:{},u=typeof d.formatter=="function"?d.formatter:null,b=!(h.options?.title&&typeof h.options.title.text=="string"&&h.options.title.text.trim());d.formatter=function(){const _=s(this?.value,e,b);return _!==null?_:u?u.call(this):this?.value},(e.type==="percent"||e.scale!=="auto")&&delete d.format,h.update({labels:d},!1)})}_applyYAxisSettingsToLiveChart(t){const e=this._normalizeYAxisSettings(this.yAxisSettings),i=t?.yAxis||[];i.length&&i.forEach((s,a)=>{const r=s.options&&typeof s.options=="object"?s.options:{},n={},h=typeof r.min<"u"&&r.min!==null&&r.min!=="";a===0&&e.startAtZero&&!h&&(n.min=0);const d=Array.isArray(r.plotLines)?r.plotLines.filter(u=>u?.id!=="scb-viz-reference-line"):[];a===0&&e.referenceLineEnabled&&Number.isFinite(e.referenceLineValue)&&d.push({id:"scb-viz-reference-line",className:"scb-axis-plotline scb-viz-reference-line",value:e.referenceLineValue}),d.length?n.plotLines=d:Array.isArray(r.plotLines)&&(n.plotLines=[]),s.update(n,!1)})}_getCurrentHighchartsChart(){if(this._getCurrentPrintableView()!=="diagram")return;const t=c(l,this,W).call(this,this._getDiagramAssignedElements());if(t!==void 0)return window.Highcharts?.charts?.[t]}_getSeriesDifferentiationGroup(t,e){const i=String(t?.type||t?.options?.type||e?.options?.chart?.type||"").trim().toLowerCase();return["line","spline","scatter"].includes(i)?"line":["area","areaspline"].includes(i)?"area":["column","bar"].includes(i)?this._isGroupedSeriesDifferentiationChart(t,e)?"grouped-fill":"fill":["pie","variablepie"].includes(i)?"point-fill":null}_getSeriesDifferentiationVariantByIndex(t){return _t(t)}_isGroupedSeriesDifferentiationChart(t,e){return St(t,e)}_usesGroupedPointDifferentiation(t){return Dt(t)}_getGroupedSeriesDifferentiationVariant(t,e,i){const s=mt(t,e,i);return{...s,variantIndex:typeof s.variantIndex=="number"?s.variantIndex:i}}_applyGroupedLegendSeriesDifferentiation(t){(Array.isArray(t?.legend?.allItems)?t.legend.allItems:[]).forEach((e,i)=>{const s=e&&e.series?e.series:e;if(!this._isGroupedSeriesDifferentiationChart(s,t))return;const{variantIndex:a,patternKind:r}=this._getGroupedSeriesDifferentiationVariant(e,t,i),n=this._getHighchartsColorClassName(e?.legendSymbol??e?.legendItem?.symbol??e?.legendItem?.group,a);this._getLegendSeriesDifferentiationTargets(e).fillTargets.forEach(h=>{this._setSeriesDifferentiationMetadata(h,{role:"legend-fill",patternKind:r}),this._setSeriesDifferentiationColorClass(h,n)}),this._ensureStyledModeSeriesPattern(t,n,r)})}_clearGroupedLegendSeriesDifferentiation(t){(Array.isArray(t?.legend?.allItems)?t.legend.allItems:[]).forEach(e=>{const i=e&&e.series?e.series:e;if(!this._isGroupedSeriesDifferentiationChart(i,t))return;const s=this._getLegendSeriesDifferentiationTargets(e);s.graphTargets.forEach(a=>{this._clearSeriesDifferentiationMetadata(a)}),s.fillTargets.forEach(a=>{this._clearSeriesDifferentiationMetadata(a),this._clearSeriesDifferentiationColorClass(a)})})}_shouldShowSeriesDifferentiationAction(){return Ct({chart:this._getCurrentHighchartsChart(),getCurrentPrintableView:()=>this._getCurrentPrintableView(),getSeriesDifferentiationGroup:(t,e)=>this._getSeriesDifferentiationGroup(t,e),isHighchartsStyledMode:t=>this._isHighchartsStyledMode(t)})}_getSeriesDifferentiationSnapshotStore(t){let e=this._seriesDifferentiationSnapshots.get(t);return e||(e=new Map,this._seriesDifferentiationSnapshots.set(t,e)),e}_cloneSeriesOptionValue(t){return Array.isArray(t)?t.map(e=>this._cloneSeriesOptionValue(e)):t&&typeof t=="object"?Object.fromEntries(Object.entries(t).map(([e,i])=>[e,this._cloneSeriesOptionValue(i)])):t}_captureSeriesDifferentiationSnapshot(t){const e=this._cloneSeriesOptionValue(t?.options?.marker),i=this._cloneSeriesOptionValue(t?.resetA11yMarkerOptions),s=this._cloneSeriesOptionValue(t?.userOptions?.marker),a=e?.states,r=t?.a11yMarkersForced===!0&&i&&Object.keys(i).length>0||a?.normal?.opacity===0&&i&&Object.keys(i).length>0?i:s;return{marker:r&&Object.keys(r).length>0?r:e&&Object.keys(e).length>0?e:{enabled:!1}}}_isHighchartsStyledMode(t){return zt(t)}_getHighchartsSvgRoot(t){return vt(t)}_getHighchartsColorClassName(t,e){return bt(t,e)}_setSeriesDifferentiationMetadata(t,e){xt(t,e)}_clearSeriesDifferentiationMetadata(t){ft(t)}_setSeriesDifferentiationColorClass(t,e){wt(t,e)}_clearSeriesDifferentiationColorClass(t){ut(t)}_getLegendSeriesDifferentiationTargets(t){return yt(t)}_ensureStyledModeSeriesPattern(t,e,i){gt(t,e,i)}_applyStyledModeSeriesDifferentiation(t){const e=this._getHighchartsSvgRoot(t);if(!e)return;e.classList.add("scb-viz-series-differentiation-enabled");const i=pt(),s=this._getSeriesDifferentiationSnapshotStore(t);t.series?.forEach((a,r)=>{const n=this._getSeriesDifferentiationGroup(a,t);if(!n)return;const h=String(a?.index??r);s.has(h)||s.set(h,this._captureSeriesDifferentiationSnapshot(a));const d=n==="grouped-fill"&&this._usesGroupedPointDifferentiation(a),u=n==="grouped-fill"?this._getGroupedSeriesDifferentiationVariant(a,t,r):{variantIndex:r,...this._getSeriesDifferentiationVariantByIndex(r)},{dashStyle:b,markerSymbol:_,patternKind:y}=u,S=this._getHighchartsColorClassName(a?.graph??a?.area??a?.group,u.variantIndex),D=this._getLegendSeriesDifferentiationTargets(a);this._setSeriesDifferentiationMetadata(a?.graph,{role:"graph",dashStyle:b}),n==="area"&&(this._setSeriesDifferentiationMetadata(a?.area,{role:"area",patternKind:y}),this._setSeriesDifferentiationColorClass(a?.area,S),this._ensureStyledModeSeriesPattern(t,S,y)),n==="fill"&&(a.points?.forEach(f=>{this._setSeriesDifferentiationMetadata(f?.graphic,{role:"fill",patternKind:y}),this._setSeriesDifferentiationColorClass(f?.graphic,S)}),this._ensureStyledModeSeriesPattern(t,S,y)),n==="grouped-fill"&&(d?a.points?.forEach((f,z)=>{const w=this._getGroupedSeriesDifferentiationVariant(f,t,z),x=this._getHighchartsColorClassName(f?.graphic??f?.legendSymbol??f?.legendItem?.symbol??f?.legendItem?.group,w.variantIndex);this._setSeriesDifferentiationMetadata(f?.graphic,{role:"fill",patternKind:w.patternKind}),this._setSeriesDifferentiationColorClass(f?.graphic,x),this._ensureStyledModeSeriesPattern(t,x,w.patternKind)}):(a.points?.forEach(f=>{this._setSeriesDifferentiationMetadata(f?.graphic,{role:"fill",patternKind:y}),this._setSeriesDifferentiationColorClass(f?.graphic,S)}),this._ensureStyledModeSeriesPattern(t,S,y))),n==="point-fill"&&a.points?.forEach((f,z)=>{const w=i[z%i.length],x=this._getHighchartsColorClassName(f?.graphic??f?.legendSymbol??f?.legendItem?.symbol??f?.legendItem?.group,z),M=this._getLegendSeriesDifferentiationTargets(f);this._setSeriesDifferentiationMetadata(f?.graphic,{role:"fill",patternKind:w}),this._setSeriesDifferentiationColorClass(f?.graphic,x),this._ensureStyledModeSeriesPattern(t,x,w),M.fillTargets.forEach(k=>{this._setSeriesDifferentiationMetadata(k,{role:"legend-fill",patternKind:w}),this._setSeriesDifferentiationColorClass(k,x)})}),(n==="line"||n==="area")&&D.graphTargets.forEach(f=>{this._setSeriesDifferentiationMetadata(f,{role:"legend-symbol",dashStyle:b})}),(n==="area"||n==="fill"||n==="grouped-fill"&&!d)&&D.fillTargets.forEach(f=>{this._setSeriesDifferentiationMetadata(f,{role:"legend-fill",patternKind:y}),this._setSeriesDifferentiationColorClass(f,S)}),(n==="line"||n==="area")&&a.update({marker:{enabled:!0,symbol:_}},!1)}),this._applyGroupedLegendSeriesDifferentiation(t),t.redraw(!1)}_restoreStyledModeSeriesDifferentiation(t){this._getHighchartsSvgRoot(t)?.classList.remove("scb-viz-series-differentiation-enabled");const e=this._getSeriesDifferentiationSnapshotStore(t);t.series?.forEach((i,s)=>{const a=this._getSeriesDifferentiationGroup(i,t);if(!a)return;const r=this._getLegendSeriesDifferentiationTargets(i);if(this._clearSeriesDifferentiationMetadata(i?.graph),this._clearSeriesDifferentiationMetadata(i?.area),this._clearSeriesDifferentiationColorClass(i?.area),i.points?.forEach(n=>{const h=this._getLegendSeriesDifferentiationTargets(n);this._clearSeriesDifferentiationMetadata(n?.graphic),this._clearSeriesDifferentiationColorClass(n?.graphic),h.graphTargets.forEach(d=>{this._clearSeriesDifferentiationMetadata(d)}),h.fillTargets.forEach(d=>{this._clearSeriesDifferentiationMetadata(d),this._clearSeriesDifferentiationColorClass(d)})}),r.graphTargets.forEach(n=>{this._clearSeriesDifferentiationMetadata(n)}),r.fillTargets.forEach(n=>{this._clearSeriesDifferentiationMetadata(n),this._clearSeriesDifferentiationColorClass(n)}),a==="line"||a==="area"){const n=e.get(String(i?.index??s));i.update({marker:this._cloneSeriesOptionValue(n?.marker)},!1)}}),this._clearGroupedLegendSeriesDifferentiation(t),t.redraw(!1),this._seriesDifferentiationSnapshots.delete(t)}_canExportRaster(){return this._getExportableVisualElement()!==null}_canExportCsv(){return!!this._getResolvedTableData()?.rows?.length}_buildExportFileName(t){return tt({lang:this.lang,title:this.title},t)}_getFullscreenTarget(){return this}_getCurrentFullscreenElement(){return at()}_isFullscreenSupported(){return rt(this._getFullscreenTarget())}_syncFullscreenState(){const t=this._getCurrentFullscreenElement()===this._getFullscreenTarget();this._isFullscreen=t,this.toggleAttribute("data-scb-viz-fullscreen",t),c(l,this,L).call(this),c(l,this,C).call(this)}async _toggleFullscreen(){await lt(this._getFullscreenTarget())}_renderActionsMenu(){const t=this._getCurrentPrintableView(),e=this._canExportRaster(),i=this._canExportCsv(),s=e&&(t==="diagram"||t==="image"),a=i&&t==="table",r=this._shouldShowSeriesDifferentiationAction();return p`
117
- <div class="actions-menu">
118
- <scb-icon-button
119
- icon="more_vert"
120
- variant="outlined"
121
- size="medium"
122
- shape="square"
123
- label=${this.actionsMenuLabel}
124
- title=${this.actionsMenuLabel}
125
- aria-label=${this.actionsMenuLabel}
126
- aria-haspopup="menu"
127
- aria-expanded=${this._actionsMenuOpen?"true":"false"}
128
- @click=${n=>this._toggleActionsMenu(n)}
129
- ></scb-icon-button>
130
- <div
131
- class=${`actions-menu-panel ${this._actionsMenuOpen?"actions-menu-panel--open":""}`}
132
- role="menu"
133
- aria-label=${this.actionsMenuLabel}
134
- >
135
- <ul class="actions-menu-list">
136
- <li>
137
- <button
138
- type="button"
139
- class="actions-menu-item"
140
- role="menuitem"
141
- @click=${this._onPrintClick}
142
- >
143
- <span class="actions-menu-item-icon" aria-hidden="true">print</span>
144
- <span class="actions-menu-item-label">${this.printLabel}</span>
145
- </button>
146
- </li>
147
- ${s?p`
148
- <li>
149
- <button
150
- type="button"
151
- class="actions-menu-item"
152
- role="menuitem"
153
- @click=${this._onDownloadPngClick}
154
- >
155
- <span class="actions-menu-item-icon" aria-hidden="true">image</span>
156
- <span class="actions-menu-item-label">${this.downloadPngLabel}</span>
157
- </button>
158
- </li>
159
- <li>
160
- <button
161
- type="button"
162
- class="actions-menu-item"
163
- role="menuitem"
164
- @click=${this._onDownloadJpgClick}
165
- >
166
- <span class="actions-menu-item-icon" aria-hidden="true">image</span>
167
- <span class="actions-menu-item-label">${this.downloadJpgLabel}</span>
168
- </button>
169
- </li>
170
- `:""}
171
- ${a?p`
172
- <li>
173
- <button
174
- type="button"
175
- class="actions-menu-item"
176
- role="menuitem"
177
- @click=${this._onDownloadCsvClick}
178
- >
179
- <span class="actions-menu-item-icon" aria-hidden="true">table_view</span>
180
- <span class="actions-menu-item-label">${this.downloadCsvLabel}</span>
181
- </button>
182
- </li>
183
- `:""}
184
- ${r?p`
185
- <li>
186
- <button
187
- type="button"
188
- class="actions-menu-item"
189
- role="menuitemcheckbox"
190
- aria-checked=${this._seriesDifferentiationEnabled?"true":"false"}
191
- @click=${this._onToggleSeriesDifferentiationClick}
192
- >
193
- <span class="actions-menu-item-icon" aria-hidden="true">texture</span>
194
- <span class="actions-menu-item-label"
195
- >${this._seriesDifferentiationEnabled?this.disableSeriesDifferentiationLabel:this.enableSeriesDifferentiationLabel}</span
196
- >
197
- </button>
198
- </li>
199
- `:""}
200
- ${this._isFullscreenSupported()?p`
201
- <li>
202
- <button
203
- type="button"
204
- class="actions-menu-item"
205
- role="menuitem"
206
- @click=${this._onToggleFullscreenClick}
207
- >
208
- <span class="actions-menu-item-icon" aria-hidden="true">${this._isFullscreen?"fullscreen_exit":"fullscreen"}</span>
209
- <span class="actions-menu-item-label"
210
- >${this._isFullscreen?this.exitFullscreenLabel:this.enterFullscreenLabel}</span
211
- >
212
- </button>
213
- </li>
214
- `:""}
215
- </ul>
216
- </div>
217
- </div>
218
- `}_renderActions(){return p`
219
- <div class="actions-row">
220
- ${this.variant==="Standard"&&!this.disableToggle?p`
221
- <div class="flipp-wrapper">
222
- <scb-segmented-button
223
- .value=${this.selectedChip||""}
224
- @change=${t=>this._onSegmentedChange(t)}
225
- >
226
- <scb-segmented-item
227
- label=${this.lang==="en"?"Figure":"Diagram"}
228
- value="Diagram"
229
- icon="bar_chart"
230
- ></scb-segmented-item>
231
- <scb-segmented-item
232
- label=${this.lang==="en"?"Table":"Tabell"}
233
- value="Table"
234
- icon="table"
235
- ></scb-segmented-item>
236
- </scb-segmented-button>
237
- </div>
238
- `:p`<div></div>`}
239
- ${this._renderActionsMenu()}
240
- </div>
241
- `}_renderHeader(t=!1){const e=p`
242
- <div class="header">
243
- ${this.title?p` <div id=${this._getTitleId()} class="label">${this.title}</div> `:""}
244
- ${this.subtitle?p` <div id=${this._getSubtitleId()} class="sub-label">${this.subtitle}</div> `:""}
245
- </div>
246
- `;return t?p`
247
- <div class="header-row">
248
- ${e}
249
- ${this._renderActionsMenu()}
250
- </div>
251
- `:e}_renderTable(){const t=this._getResolvedTableData();if(!t||!t.rows||t.rows.length===0)return null;const{alignments:e,headers:i,rows:s,rowHeaderRows:a}=this._getResolvedTableView(t),r=[this.title,this.subtitle].map(n=>typeof n=="string"?n.trim():"").filter(Boolean).join(". ");return p`
252
- <table class="scb-viz-table" part="table">
253
- ${r?p`<caption class="visually-hidden">${r}</caption>`:""}
254
- ${i.length>0?p`
255
- <thead>
256
- <tr>
257
- ${i.map((n,h)=>p`<th scope="col" class=${e[h]==="right"?"align-right":"align-left"}><span class="scb-viz-table-heading-text">${n.html?E(n.html):n.text}</span></th>`)}
258
- </tr>
259
- </thead>
260
- `:""}
261
- <tbody>
262
- ${s.map((n,h)=>{const d=a[h]===!0;return p`
263
- <tr>
264
- ${n.map((u,b)=>{const _=e[b]==="right"?"align-right":"align-left",y=u.html?E(u.html):u.text;return b===0&&d?p`<th scope="row" class=${_}>${y}</th>`:p`<td class=${_}>${y}</td>`})}
265
- </tr>
266
- `})}
267
- </tbody>
268
- </table>
269
- `}_renderRichText(t){const e=typeof t=="string"?t.replace(/\r\n?/g,`
270
- `):"",i=e.split(/\n{2,}/).filter(s=>s!=="");return i.length?p`${i.map(s=>p`<p class="body-text-paragraph">${s.split(`
271
- `).map((a,r)=>p`${r>0?p`<br />`:""}${a}`)}</p>`)}`:e}_escapeHtml(t){return String(t??"").replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;").replace(/'/g,"&#39;")}_renderRichTextHtml(t){const e=typeof t=="string"?t.replace(/\r\n?/g,`
272
- `):"",i=e.split(/\n{2,}/).filter(s=>s!=="");return i.length?i.map(s=>`<p class="body-text-paragraph">${s.split(`
273
- `).map(a=>this._escapeHtml(a)).join("<br>")}</p>`).join(""):this._escapeHtml(e)}_hasMoreAboutStats(){return!!(this.comment||this.source||this.footnote||this.officialStatistics)}_renderMoreAboutStatsContent(){return p`
274
- <div class="more-about-stats-content">
275
- ${this.comment?p`
276
- <div class="section">
277
- <div class="secondary-label">${this.commentLabel}</div>
278
- <div class="body-text body-text-rich">${this._renderRichText(this.comment)}</div>
279
- </div>
280
- `:""}
281
- ${this.source?p`
282
- <div class="section">
283
- <div class="secondary-label">${this.sourceLabel}</div>
284
- <div class="body-text">${this.source}</div>
285
- </div>
286
- `:""}
287
- ${this.footnote?p`
288
- <div class="section">
289
- <div class="secondary-label">${this.footnoteLabel}</div>
290
- <div class="body-text body-text-rich">${this._renderRichText(this.footnote)}</div>
291
- </div>
292
- `:""}
293
- ${this.officialStatistics?p`
294
- <a
295
- class="sos-logotype-link"
296
- href="https://www.scb.se/sos"
297
- target="_blank"
298
- rel="noopener"
299
- title="${this.officialStatisticsTitle}"
300
- aria-label="${this.officialStatisticsAlt}"
301
- >
302
- <span class="sos-logotype-small" aria-hidden="true">
303
- ${Z(G)}
304
- </span>
305
- </a>
306
- `:""}
307
- </div>
308
- `}_renderMoreAboutStatsScreen(){return this._hasMoreAboutStats()?p`
309
- <div class="footer-statistics-screen">
310
- <scb-divider></scb-divider>
311
- <scb-accordion>
312
- <scb-accordion-item title="${this.moreAboutStatsLabel}">
313
- ${this._renderMoreAboutStatsContent()}
314
- </scb-accordion-item>
315
- </scb-accordion>
316
- </div>
317
- `:""}_renderMoreAboutStatsPrint(){return this._hasMoreAboutStats()?p`
318
- <div class="footer-statistics-print print-more-about-stats">
319
- <div class="secondary-label print-more-about-stats-heading">
320
- ${this.moreAboutStatsLabel}
321
- </div>
322
- ${this._renderMoreAboutStatsContent()}
323
- </div>
324
- `:""}_renderFooter(){return p`
325
- <div class="footer">
326
- ${this.description?p`
327
- <div id=${this._getDescriptionId()} class="description section">
328
- <div class="secondary-label">${this.descriptionLabel}</div>
329
- <div class="body-text body-text-rich">${this._renderRichText(this.description)}</div>
330
- </div>
331
- `:""}
332
- ${this._renderMoreAboutStatsScreen()}
333
- ${this._renderMoreAboutStatsPrint()}
334
- </div>
335
- `}render(){switch(this.variant){case"Table":return p`
336
- <div part="container" class="viz-container">
337
- ${this._renderHeader(!0)}
338
- <div
339
- class="content"
340
- role="group"
341
- aria-labelledby=${this._getContentAriaLabelledBy()}
342
- aria-describedby=${this._getContentAriaDescribedBy()}
343
- >
344
- <scb-horizontal-scroller
345
- width="100%"
346
- class="table-scroller"
347
- variant="inline"
348
- show-scrollbar
349
- >
350
- ${this._renderTable()}
351
- </scb-horizontal-scroller>
352
- </div>
353
- ${this._renderFooter()}
354
- <slot
355
- name="table"
356
- class="table-source"
357
- @slotchange=${t=>this._onTableSlotChange(t)}
358
- ></slot>
359
- <slot></slot>
360
- </div>
361
- `;case"Image":return p`
362
- <div part="container" class="viz-container">
363
- ${this._renderHeader(!0)}
364
- <div
365
- class="content image-content"
366
- role="img"
367
- aria-labelledby=${this._getContentAriaLabelledBy()}
368
- aria-describedby=${this._getContentAriaDescribedBy()}
369
- style=${this._getResolvedContentMaxWidth()?`max-width: ${this._getResolvedContentMaxWidth()}; --scb-viz-content-max-width: ${this._getResolvedContentMaxWidth()};`:""}
370
- >
371
- <img src="${this.imageHref}" alt="" />
372
- </div>
373
- ${this._renderFooter()}
374
- <slot
375
- name="table"
376
- class="table-source"
377
- @slotchange=${t=>this._onTableSlotChange(t)}
378
- ></slot>
379
- <slot></slot>
380
- </div>
381
- `;default:{const t=this._getResolvedContentMaxWidth(),e=p`
382
- <div
383
- class="diagram-content"
384
- style=${t?`--scb-viz-content-max-width: ${t};`:""}
385
- >
386
- <slot name="diagram" @slotchange=${this._onDiagramSlotChange}></slot>
387
- </div>
388
- `;return p`
389
- <div part="container" class="viz-container">
390
- ${this._renderHeader()}
391
- ${this._renderActions()}
392
- <div
393
- class="content"
394
- role="group"
395
- aria-labelledby=${this._getContentAriaLabelledBy()}
396
- aria-describedby=${this._getContentAriaDescribedBy()}
397
- >
398
- <div
399
- class=${`standard-content-shell ${this._getResolvedToggleHeightMode()==="stable"?"standard-content-shell--stable":""}`}
400
- >
401
- <div
402
- class=${`standard-content-panel standard-content-panel--diagram ${this.selectedChip==="Diagram"?"standard-content-panel--active":""}`}
403
- >
404
- ${t?p`
405
- <scb-horizontal-scroller
406
- width=${this._getResolvedDiagramScrollerWidth()}
407
- class="standard-diagram-scroller"
408
- variant="inline"
409
- show-scrollbar
410
- >
411
- ${e}
412
- </scb-horizontal-scroller>
413
- `:p`<div class="standard-diagram-scroller">${e}</div>`}
414
- </div>
415
- <div
416
- class=${`standard-content-panel standard-content-panel--table ${this.selectedChip==="Table"?"standard-content-panel--active":""}`}
417
- >
418
- <div class="table-panel-scroll">
419
- <scb-horizontal-scroller
420
- width="100%"
421
- class="standard-table-scroller"
422
- variant="inline"
423
- show-scrollbar
424
- >
425
- ${this._renderTable()}
426
- </scb-horizontal-scroller>
427
- </div>
428
- </div>
429
- </div>
430
- </div>
431
- ${this._renderFooter()}
432
- <slot
433
- name="table"
434
- class="table-source"
435
- @slotchange=${i=>this._onTableSlotChange(i)}
436
- ></slot>
437
- <slot></slot>
438
- </div>
439
- `}}}_syncChipClass(){const t=this.variant==="Standard";this.classList.toggle("chip-diagram",t&&this.selectedChip==="Diagram"),this.classList.toggle("chip-table",t&&this.selectedChip==="Table")}_dispatchSelectedChipChanged(){const t={selectedChip:this.selectedChip};this.dispatchEvent(new CustomEvent("selected-chip-changed",{detail:t,bubbles:!0,composed:!0})),this.dispatchEvent(new CustomEvent("selectedchipchanged",{detail:t,bubbles:!0,composed:!0}))}_onSegmentedChange(t){const e=t.detail?.value;this.selectedChip===e?this.selectedChip=null:this.selectedChip=e}_toggleActionsMenu(t){t.stopPropagation(),this._actionsMenuOpen=!this._actionsMenuOpen,this._actionsMenuOpen&&requestAnimationFrame(()=>{this._focusFirstMenuItem()})}_closeActionsMenu(){this._actionsMenuOpen=!1}_focusMenuButton(){this.shadowRoot?.querySelector(".actions-menu scb-icon-button")?.focus()}_focusFirstMenuItem(){this.shadowRoot?.querySelector(".actions-menu-item")?.focus()}_getExportSurfaceTarget(){return this.shadowRoot?.querySelector(".viz-container")??this}_getCurrentPrintableView(){return this.variant==="Table"?"table":this.variant==="Image"?"image":this.selectedChip==="Table"?"table":"diagram"}},A.styles=Y`
440
- :host {
441
- display: block;
442
- box-sizing: border-box;
443
- --_scb-viz-font-family: var(--brand-font, Inter, 'Segoe UI', Arial, sans-serif);
444
- --_scb-viz-body-font-size: var(--md-sys-typescale-body-large-size, 1rem);
445
- --_scb-viz-body-font-weight: var(--weight-regular, 400);
446
- --_scb-viz-body-line-height: var(--md-sys-typescale-body-large-line-height, 1.5);
447
- --_scb-viz-body-letter-spacing: var(--md-sys-typescale-body-large-tracking, normal);
448
- --_scb-viz-title-size: var(--md-sys-typescale-title-large-size, 1.75rem);
449
- --_scb-viz-title-weight: var(--weight-semibold, 600);
450
- --_scb-viz-title-line-height: var(--md-sys-typescale-title-large-line-height, 1.25);
451
- --_scb-viz-title-letter-spacing: var(--md-sys-typescale-title-large-tracking, normal);
452
- --_scb-viz-subtitle-size: var(--md-sys-typescale-body-large-size, 1rem);
453
- --_scb-viz-subtitle-weight: var(--weight-regular, 400);
454
- --_scb-viz-subtitle-line-height: var(--md-sys-typescale-body-large-line-height, 1.5);
455
- --_scb-viz-subtitle-letter-spacing: var(--md-sys-typescale-body-large-tracking, normal);
456
- --_scb-viz-section-title-size: var(--md-sys-typescale-title-medium-size, 1rem);
457
- --_scb-viz-section-title-weight: var(--weight-semibold, 600);
458
- --_scb-viz-section-title-line-height: var(--md-sys-typescale-title-medium-line-height, 1.5);
459
- --_scb-viz-section-title-letter-spacing: var(--md-sys-typescale-title-medium-tracking, normal);
460
- --_scb-viz-text-color: var(--md-sys-color-on-surface, #1f1f1f);
461
- font-family: var(--_scb-viz-font-family);
462
- font-size: var(--_scb-viz-body-font-size);
463
- font-weight: var(--_scb-viz-body-font-weight);
464
- line-height: var(--_scb-viz-body-line-height);
465
- letter-spacing: var(--_scb-viz-body-letter-spacing);
466
- font-style: normal;
467
- text-align: start;
468
- color: var(--_scb-viz-text-color);
469
- background: var(--scb-viz-surface-color, var(--md-sys-color-surface, #fff));
470
- padding: var(--scb-viz-padding, var(--spacing-7, 24px));
471
- max-width: var(--scb-viz-container-max-width, 100%);
472
- border-radius: var(--scb-viz-border-radius, var(--spacing-04, 16px));
473
- border: 1px solid var(--scb-viz-outline-color, var(--md-sys-color-outline-variant, #c5c7d0));
474
- /* Spacing styrs av attributen via CSS-variabler. */
475
- margin-block-start: var(--scb-viz-spacing-block-start, 0);
476
- margin-block-end: var(--scb-viz-spacing-block-end, 0);
477
- margin-inline-start: var(--scb-viz-spacing-inline-start, 0);
478
- margin-inline-end: var(--scb-viz-spacing-inline-end, 0);
479
- }
480
-
481
- :host *,
482
- :host *::before,
483
- :host *::after {
484
- box-sizing: border-box;
485
- }
486
-
487
- scb-segmented-button {
488
- --brand-font: var(--_scb-viz-font-family);
489
- --weight-regular: var(--_scb-viz-body-font-weight);
490
- --weight-semibold: var(--_scb-viz-section-title-weight);
491
- --scb-segmented-button-height: var(--icon-size-small, 32px);
492
- }
493
-
494
- scb-icon-button {
495
- --brand-font: var(--_scb-viz-font-family);
496
- }
497
-
498
- scb-accordion,
499
- scb-accordion-item {
500
- --brand-font: var(--_scb-viz-font-family);
501
- --weight-regular: var(--_scb-viz-body-font-weight);
502
- --weight-semibold: var(--_scb-viz-section-title-weight);
503
- --scb-accordion-title-font-size: var(--_scb-viz-section-title-size);
504
- --scb-accordion-title-line-height: var(--_scb-viz-section-title-line-height);
505
- --scb-accordion-title-letter-spacing: var(--_scb-viz-section-title-letter-spacing);
506
- --scb-accordion-supporting-font-size: var(--_scb-viz-body-font-size);
507
- --scb-accordion-supporting-line-height: var(--_scb-viz-body-line-height);
508
- --scb-accordion-supporting-letter-spacing: var(--_scb-viz-body-letter-spacing);
509
- }
510
-
511
- .label {
512
- font-family: var(--_scb-viz-font-family);
513
- font-size: var(--_scb-viz-title-size);
514
- font-weight: var(--_scb-viz-title-weight);
515
- line-height: var(--_scb-viz-title-line-height);
516
- letter-spacing: var(--_scb-viz-title-letter-spacing);
517
- text-align: start;
518
- margin: 0;
519
- }
520
-
521
- .sub-label {
522
- font-family: var(--_scb-viz-font-family);
523
- font-size: var(--_scb-viz-subtitle-size);
524
- font-weight: var(--_scb-viz-subtitle-weight);
525
- line-height: var(--_scb-viz-subtitle-line-height);
526
- letter-spacing: var(--_scb-viz-subtitle-letter-spacing);
527
- text-align: start;
528
- margin: 0;
529
- }
530
-
531
- .secondary-label {
532
- font-family: var(--_scb-viz-font-family);
533
- font-size: var(--_scb-viz-section-title-size);
534
- font-weight: var(--_scb-viz-section-title-weight);
535
- line-height: var(--_scb-viz-section-title-line-height);
536
- letter-spacing: var(--_scb-viz-section-title-letter-spacing);
537
- text-align: start;
538
- margin: 0;
539
- }
540
-
541
- .body-text {
542
- font-family: var(--_scb-viz-font-family);
543
- font-size: var(--_scb-viz-body-font-size);
544
- font-weight: var(--_scb-viz-body-font-weight);
545
- line-height: var(--_scb-viz-body-line-height);
546
- letter-spacing: var(--_scb-viz-body-letter-spacing);
547
- font-style: normal;
548
- text-align: start;
549
- }
550
-
551
- .body-text-rich {
552
- display: flex;
553
- flex-direction: column;
554
- gap: var(--spacing-4, 16px);
555
- }
556
-
557
- .body-text-paragraph {
558
- margin: 0;
559
- }
560
-
561
- .visually-hidden,
562
- .highcharts-visually-hidden {
563
- position: absolute !important;
564
- width: 1px !important;
565
- height: 1px !important;
566
- padding: 0 !important;
567
- margin: -1px !important;
568
- overflow: hidden !important;
569
- white-space: nowrap !important;
570
- clip: rect(0, 0, 0, 0) !important;
571
- clip-path: inset(50%) !important;
572
- border: 0 !important;
573
- }
574
-
575
- .section {
576
- display: flex;
577
- flex-direction: column;
578
- gap: var(--spacing-2, 8px);
579
- color: var(--_scb-viz-text-color);
580
- font-family: var(--_scb-viz-font-family);
581
- font-style: normal;
582
- text-align: start;
583
- }
584
-
585
- .more-about-stats-content {
586
- display: flex;
587
- flex-direction: column;
588
- gap: var(--spacing-7, 24px);
589
- max-width: 600px;
590
- color: var(--_scb-viz-text-color);
591
- font-family: var(--_scb-viz-font-family);
592
- font-style: normal;
593
- text-align: start;
594
- }
595
-
596
- .sos-logotype-link {
597
- display: inline-flex;
598
- border: 0;
599
- color: var(--_scb-viz-text-color);
600
- line-height: 0;
601
- text-decoration: none;
602
- width: fit-content;
603
- }
604
-
605
- .sos-logotype-link:focus-visible {
606
- outline: var(--stroke-focus-ring, 2px) solid var(--md-focus-ring-color, currentColor);
607
- outline-offset: var(--spacing-1, 4px);
608
- border-radius: var(--radius-xs, 4px);
609
- }
610
-
611
- .sos-logotype-small {
612
- height: 26px;
613
- width: auto;
614
- display: block;
615
- }
616
-
617
- .sos-logotype-small svg {
618
- height: 100%;
619
- width: auto;
620
- display: block;
621
- }
622
-
623
- @media only screen and (min-width: 768px) {
624
- .sos-logotype-small {
625
- height: 24px;
626
- }
627
- }
628
-
629
- .header {
630
- margin-bottom: var(--spacing-7, 24px);
631
- max-width: 600px;
632
- color: var(--_scb-viz-text-color);
633
- font-family: var(--_scb-viz-font-family);
634
- font-style: normal;
635
- text-align: start;
636
- }
637
-
638
- .header-row {
639
- display: flex;
640
- align-items: flex-start;
641
- justify-content: space-between;
642
- gap: var(--spacing-4, 16px);
643
- margin-bottom: var(--spacing-7, 24px);
644
- }
645
-
646
- .header-row .header {
647
- flex: 1 1 auto;
648
- margin-bottom: 0;
649
- }
650
-
651
- .header-row .actions-menu {
652
- margin-block-start: 0;
653
- }
654
-
655
- .actions-row {
656
- display: flex;
657
- align-items: flex-start;
658
- justify-content: space-between;
659
- gap: var(--spacing-4, 16px);
660
- margin-bottom: var(--spacing-9, 40px);
661
- }
662
-
663
- .flipp-wrapper {
664
- flex: 1 1 auto;
665
- max-width: 234px;
666
- }
667
-
668
- .actions-menu {
669
- position: relative;
670
- flex: 0 0 auto;
671
- display: inline-flex;
672
- align-items: flex-start;
673
- justify-content: flex-end;
674
- }
675
-
676
- .actions-menu-panel {
677
- position: absolute;
678
- inset-block-start: calc(100% + var(--spacing-2, 8px));
679
- inset-inline-end: 0;
680
- min-width: 180px;
681
- padding: var(--spacing-2, 8px);
682
- border: 1px solid var(--scb-viz-outline-color, var(--md-sys-color-outline-variant, #c5c7d0));
683
- border-radius: var(--radius-m, 12px);
684
- background: var(--scb-viz-surface-color, var(--md-sys-color-surface, #fff));
685
- box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
686
- display: none;
687
- z-index: 10;
688
- }
689
-
690
- .actions-menu-panel--open {
691
- display: block;
692
- }
693
-
694
- .actions-menu-list {
695
- list-style: none;
696
- margin: 0;
697
- padding: 0;
698
- display: flex;
699
- flex-direction: column;
700
- gap: var(--spacing-1, 4px);
701
- }
702
-
703
- .actions-menu-item {
704
- appearance: none;
705
- border: 0;
706
- border-radius: var(--radius-s, 8px);
707
- background: transparent;
708
- color: var(--_scb-viz-text-color);
709
- width: 100%;
710
- display: flex;
711
- align-items: center;
712
- gap: var(--scb-viz-actions-menu-item-gap, var(--spacing-2, 8px));
713
- text-align: start;
714
- font-family: var(--_scb-viz-font-family);
715
- font-size: var(--_scb-viz-body-font-size);
716
- font-weight: var(--_scb-viz-body-font-weight);
717
- line-height: var(--_scb-viz-body-line-height);
718
- letter-spacing: var(--_scb-viz-body-letter-spacing);
719
- padding-block: var(--spacing-2, 8px);
720
- padding-inline: var(--spacing-3, 12px);
721
- cursor: pointer;
722
- }
723
-
724
- .actions-menu-item-icon {
725
- display: inline-flex;
726
- align-items: center;
727
- justify-content: center;
728
- flex: 0 0 auto;
729
- font-family: 'Material Symbols Outlined';
730
- font-size: var(--scb-viz-actions-menu-item-icon-size, var(--icon-size-small, 20px));
731
- line-height: 1;
732
- font-style: normal;
733
- font-weight: 400;
734
- letter-spacing: normal;
735
- text-transform: none;
736
- white-space: nowrap;
737
- direction: ltr;
738
- font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 20;
739
- -webkit-font-smoothing: antialiased;
740
- text-rendering: optimizeLegibility;
741
- -moz-osx-font-smoothing: grayscale;
742
- }
743
-
744
- .actions-menu-item-label {
745
- flex: 1 1 auto;
746
- min-width: 0;
747
- }
748
-
749
- .actions-menu-item:hover {
750
- background: var(--md-sys-color-surface-container, #f5f5f5);
751
- }
752
-
753
- .actions-menu-item:focus-visible {
754
- outline: var(--stroke-focus-ring, 2px) solid var(--md-focus-ring-color, currentColor);
755
- outline-offset: 0;
756
- }
757
-
758
- .actions-menu-item:disabled {
759
- background: transparent;
760
- color: var(--md-sys-color-on-surface-variant, rgba(0, 0, 0, 0.56));
761
- cursor: default;
762
- opacity: 0.64;
763
- }
764
-
765
- .actions-menu-item:disabled:hover {
766
- background: transparent;
767
- }
768
-
769
- .content,
770
- .description,
771
- .footer {
772
- color: var(--_scb-viz-text-color);
773
- font-family: var(--_scb-viz-font-family);
774
- font-style: normal;
775
- text-align: start;
776
- }
777
-
778
- .description {
779
- margin-bottom: var(--spacing-8, 32px);
780
- }
781
-
782
- .footer {
783
- margin-top: var(--spacing-7, 24px);
784
- }
785
-
786
- .footer-statistics-print {
787
- display: none;
788
- }
789
-
790
- .print-more-about-stats {
791
- max-width: 600px;
792
- }
793
-
794
- .print-more-about-stats .more-about-stats-content {
795
- gap: var(--spacing-5, 16px);
796
- }
797
-
798
- .print-more-about-stats-heading {
799
- margin-bottom: var(--spacing-5, 16px);
800
- }
801
-
802
- .description.section {
803
- max-width: 600px;
804
- }
805
-
806
- .table-scroller,
807
- .diagram-scroller {
808
- display: none;
809
- }
810
-
811
- .image-content {
812
- display: none;
813
- width: 100%;
814
- }
815
-
816
- .diagram-content {
817
- width: 100%;
818
- max-width: var(--scb-viz-content-max-width, none);
819
- min-width: var(--scb-viz-content-max-width, 0);
820
- min-height: var(--scb-viz-diagram-min-height, 600px);
821
- height: var(--scb-viz-diagram-height, auto);
822
- overflow: var(--scb-viz-diagram-overflow, visible);
823
- }
824
-
825
- ::slotted([slot='diagram']) {
826
- display: block;
827
- width: 100%;
828
- max-width: 100%;
829
- min-width: 0;
830
- min-height: var(--scb-viz-diagram-min-height, 600px);
831
- height: var(--scb-viz-diagram-height, auto);
832
- overflow: var(--scb-viz-diagram-overflow, visible);
833
- }
834
-
835
- .standard-content-shell {
836
- display: block;
837
- width: 100%;
838
- min-width: 0;
839
- }
840
-
841
- .standard-content-shell--stable {
842
- min-height: var(--scb-viz-standard-content-height, var(--scb-viz-diagram-min-height, 600px));
843
- }
844
-
845
- .standard-content-panel {
846
- display: none;
847
- width: 100%;
848
- min-width: 0;
849
- }
850
-
851
- .standard-content-panel--active {
852
- display: flex;
853
- flex-direction: column;
854
- }
855
-
856
- .standard-diagram-scroller,
857
- .standard-table-scroller {
858
- display: flex;
859
- width: 100%;
860
- min-width: 0;
861
- }
862
-
863
- .table-panel-scroll {
864
- width: 100%;
865
- min-width: 0;
866
- }
867
-
868
- .standard-content-shell--stable .standard-content-panel--table.standard-content-panel--active {
869
- height: var(--scb-viz-standard-content-height, var(--scb-viz-diagram-min-height, 600px));
870
- min-height: 0;
871
- overflow: hidden;
872
- }
873
-
874
- .standard-content-shell--stable .standard-content-panel--table.standard-content-panel--active .standard-table-scroller {
875
- flex: 1 1 auto;
876
- min-height: 0;
877
- height: 100%;
878
- }
879
-
880
- .standard-content-shell--stable .standard-content-panel--table.standard-content-panel--active .table-panel-scroll {
881
- flex: 1 1 auto;
882
- min-height: 0;
883
- overflow: auto;
884
- }
885
-
886
- :host([variant='Table']) .table-scroller {
887
- display: flex;
888
- }
889
-
890
- :host([variant='Image']) .image-content {
891
- display: block;
892
- }
893
-
894
- :host([variant='Image']) img {
895
- height: auto;
896
- max-width: 100%;
897
- }
898
-
899
- :host([variant='Image']) .diagram-scroller {
900
- display: none;
901
- }
902
-
903
- :host([variant='Image']) .table-scroller {
904
- display: none;
905
- }
906
-
907
- :host([variant='Standard'].chip-diagram) .diagram-scroller {
908
- display: flex;
909
- }
910
-
911
- :host([variant='Standard'].chip-table) .table-scroller {
912
- display: flex;
913
- }
914
-
915
- .table-source {
916
- display: none;
917
- }
918
-
919
- .scb-viz-table {
920
- border-collapse: collapse;
921
- width: max-content;
922
- max-width: none;
923
- font-family: var(--_scb-viz-font-family);
924
- font-size: var(--_scb-viz-body-font-size);
925
- font-weight: var(--_scb-viz-body-font-weight);
926
- line-height: var(--_scb-viz-body-line-height);
927
- letter-spacing: var(--_scb-viz-body-letter-spacing);
928
- }
929
-
930
- .scb-viz-table th,
931
- .scb-viz-table td {
932
- border: 1px solid var(--scb-viz-outline-color, var(--md-sys-color-outline-variant, #c5c7d0));
933
- padding-block: var(--spacing-2, 8px);
934
- padding-inline: var(--spacing-3, 12px);
935
- background-color: inherit;
936
- text-align: start;
937
- }
938
-
939
- .scb-viz-table thead th {
940
- font-weight: var(--weight-bold, 700);
941
- vertical-align: top;
942
- }
943
-
944
- .scb-viz-table-heading-text {
945
- display: block;
946
- max-inline-size: var(--scb-viz-table-header-max-width, 12rem);
947
- min-inline-size: 0;
948
- white-space: normal;
949
- word-break: normal;
950
- overflow-wrap: break-word;
951
- hyphens: auto;
952
- text-wrap: pretty;
953
- }
954
-
955
- .scb-viz-table tbody th {
956
- font-weight: var(--weight-regular, 400);
957
- white-space: normal;
958
- overflow-wrap: break-word;
959
- word-break: normal;
960
- hyphens: auto;
961
- }
962
-
963
- .scb-viz-table tbody tr:nth-child(odd) {
964
- background: var(--md-sys-color-surface-container, #f5f5f5);
965
- }
966
-
967
- .scb-viz-table tbody tr:nth-child(even) {
968
- background: var(--md-sys-color-surface, #fff);
969
- }
970
-
971
- .scb-viz-table .align-left {
972
- text-align: left;
973
- }
974
-
975
- .scb-viz-table .align-right {
976
- text-align: right;
977
- }
978
-
979
- .scb-viz-table tbody td.align-right {
980
- white-space: nowrap;
981
- }
982
-
983
- :host([data-scb-viz-fullscreen]) {
984
- width: 100%;
985
- height: 100%;
986
- max-width: none;
987
- margin: 0;
988
- border: 0;
989
- border-radius: 0;
990
- overflow: auto;
991
- }
992
-
993
- :host([data-scb-viz-fullscreen]) .viz-container {
994
- min-height: 100%;
995
- }
996
-
997
- :host([data-scb-viz-force-light]),
998
- :host([data-scb-viz-print-preview]) {
999
- color-scheme: light;
1000
- --_scb-viz-text-color: #1f1f1f;
1001
- --scb-viz-surface-color: #fff;
1002
- --scb-viz-outline-color: #c5c7d0;
1003
- --md-sys-color-surface: #fff;
1004
- --md-sys-color-surface-container: #f5f5f5;
1005
- --md-sys-color-surface-container-highest: #e7e8ec;
1006
- --md-sys-color-on-surface: #1f1f1f;
1007
- --md-sys-color-on-surface-variant: rgba(0, 0, 0, 0.72);
1008
- --md-sys-color-outline-variant: #c5c7d0;
1009
- --md-focus-ring-color: #1f1f1f;
1010
- }
1011
-
1012
- :host([data-scb-viz-print-preview]) {
1013
- background: transparent;
1014
- border: 0;
1015
- border-radius: 0;
1016
- box-shadow: none;
1017
- max-width: none;
1018
- padding: 0;
1019
- }
1020
-
1021
- :host([data-scb-viz-print-preview]) .actions-row {
1022
- display: none !important;
1023
- }
1024
-
1025
- :host([data-scb-viz-print-preview]) .actions-menu-panel {
1026
- display: none !important;
1027
- }
1028
-
1029
- :host([data-scb-viz-print-preview]) .standard-content-shell--stable,
1030
- :host([data-scb-viz-print-preview]) .standard-content-shell--stable .standard-content-panel--active,
1031
- :host([data-scb-viz-print-preview]) .standard-content-shell--stable .standard-diagram-scroller,
1032
- :host([data-scb-viz-print-preview]) .standard-content-shell--stable .standard-table-scroller,
1033
- :host([data-scb-viz-print-preview]) .standard-content-shell--stable .table-panel-scroll,
1034
- :host([data-scb-viz-print-preview]) .standard-content-shell--stable .diagram-content,
1035
- :host([data-scb-viz-print-preview]) .standard-content-shell--stable ::slotted([slot='diagram']) {
1036
- height: auto !important;
1037
- min-height: 0 !important;
1038
- overflow: visible !important;
1039
- }
1040
-
1041
- :host([data-scb-viz-print-preview]) .table-panel-scroll {
1042
- overflow: visible !important;
1043
- }
1044
-
1045
- :host([data-scb-viz-print-preview]) scb-horizontal-scroller {
1046
- overflow: visible !important;
1047
- }
1048
-
1049
- :host([data-scb-viz-print-preview]) .description {
1050
- margin-bottom: var(--spacing-5, 16px);
1051
- }
1052
-
1053
- :host([data-scb-viz-print-preview]) .footer {
1054
- margin-top: var(--spacing-5, 16px);
1055
- }
1056
-
1057
- :host([data-scb-viz-print-preview]) .footer-statistics-screen {
1058
- display: none !important;
1059
- }
1060
-
1061
- :host([data-scb-viz-print-preview]) .footer-statistics-print {
1062
- display: block !important;
1063
- }
1064
-
1065
- :host([data-scb-viz-print-preview]) .viz-container {
1066
- zoom: var(--scb-viz-print-scale, 1);
1067
- width: calc(100% / var(--scb-viz-print-scale, 1));
1068
- }
1069
-
1070
- @media print {
1071
- :host {
1072
- color-scheme: light;
1073
- --_scb-viz-text-color: #1f1f1f;
1074
- --scb-viz-surface-color: #fff;
1075
- --scb-viz-outline-color: #c5c7d0;
1076
- --md-sys-color-surface: #fff;
1077
- --md-sys-color-surface-container: #f5f5f5;
1078
- --md-sys-color-surface-container-highest: #e7e8ec;
1079
- --md-sys-color-on-surface: #1f1f1f;
1080
- --md-sys-color-on-surface-variant: rgba(0, 0, 0, 0.72);
1081
- --md-sys-color-outline-variant: #c5c7d0;
1082
- --md-focus-ring-color: #1f1f1f;
1083
- background: transparent;
1084
- border: 0;
1085
- border-radius: 0;
1086
- box-shadow: none;
1087
- max-width: none;
1088
- padding: 0;
1089
- }
1090
-
1091
- .actions-row {
1092
- display: none !important;
1093
- }
1094
-
1095
- .actions-menu-panel {
1096
- display: none !important;
1097
- }
1098
-
1099
- .standard-content-shell--stable,
1100
- .standard-content-shell--stable .standard-content-panel--active,
1101
- .standard-content-shell--stable .standard-diagram-scroller,
1102
- .standard-content-shell--stable .standard-table-scroller,
1103
- .standard-content-shell--stable .table-panel-scroll,
1104
- .standard-content-shell--stable .diagram-content,
1105
- .standard-content-shell--stable ::slotted([slot='diagram']) {
1106
- height: auto !important;
1107
- min-height: 0 !important;
1108
- overflow: visible !important;
1109
- }
1110
-
1111
- .table-panel-scroll {
1112
- overflow: visible !important;
1113
- }
1114
-
1115
- scb-horizontal-scroller {
1116
- overflow: visible !important;
1117
- }
1118
-
1119
- .description {
1120
- margin-bottom: var(--spacing-5, 16px);
1121
- }
1122
-
1123
- .footer {
1124
- margin-top: var(--spacing-5, 16px);
1125
- }
1126
-
1127
- .footer-statistics-screen {
1128
- display: none !important;
1129
- }
1130
-
1131
- .footer-statistics-print {
1132
- display: block !important;
1133
- }
1134
-
1135
- .viz-container {
1136
- zoom: var(--scb-viz-print-scale, 1);
1137
- width: calc(100% / var(--scb-viz-print-scale, 1));
1138
- }
1139
- }
1140
- `,A);function H(){if(c(l,this,q).call(this),typeof ResizeObserver>"u")return;const o=this.shadowRoot?.querySelector(".diagram-content");o&&(this._diagramResizeObserver=new ResizeObserver(()=>{c(l,this,C).call(this)}),this._diagramResizeObserver.observe(this),this._diagramResizeObserver.observe(o))}function q(){this._diagramResizeObserver?.disconnect(),this._diagramResizeObserver=void 0}function B(){this._diagramReflowFrame&&(cancelAnimationFrame(this._diagramReflowFrame),this._diagramReflowFrame=0)}function C(){this.variant!=="Standard"||this.selectedChip!=="Diagram"||(c(l,this,B).call(this),this._diagramReflowFrame=requestAnimationFrame(()=>{this._diagramReflowFrame=requestAnimationFrame(()=>{this._diagramReflowFrame=0,c(l,this,At).call(this)})}))}function R(o){const t=o?.getAttribute("data-highcharts-chart");if(!t)return;const e=Number.parseInt(t,10);return Number.isNaN(e)?void 0:e}function W(o){for(const t of o){const e=c(l,this,R).call(this,t);if(e!==void 0)return e;const i=t.querySelector("[data-highcharts-chart]"),s=c(l,this,R).call(this,i);if(s!==void 0)return s}}function At(){if(this.variant!=="Standard"||this.selectedChip!=="Diagram")return;const o=this.shadowRoot?.querySelector('slot[name="diagram"]');if(!o)return;const t=o.assignedElements({flatten:!0});if(t.length===0)return;const e=c(l,this,W).call(this,t);if(e===void 0)return;const i=window.Highcharts?.charts?.[e];i&&(i.setSize?.(null,null,!1),i.reflow?.(),this._seriesDifferentiationEnabled&&c(l,this,V).call(this))}function K(){this._fullscreenDiagramSizingFrame&&(cancelAnimationFrame(this._fullscreenDiagramSizingFrame),this._fullscreenDiagramSizingFrame=0)}function L(){c(l,this,K).call(this),this._fullscreenDiagramSizingFrame=requestAnimationFrame(()=>{this._fullscreenDiagramSizingFrame=requestAnimationFrame(()=>{this._fullscreenDiagramSizingFrame=0,c(l,this,kt).call(this)})})}function kt(){const o=this._getFullscreenDiagramHeight();this._fullscreenDiagramHeight!==o&&(this._fullscreenDiagramHeight=o,c(l,this,T).call(this),c(l,this,C).call(this))}function T(){const o=this.variant==="Standard"?this._getResolvedDiagramHeight():"",t=this.variant==="Standard"&&this._getResolvedToggleHeightMode()==="stable"?this._getResolvedStandardContentHeight():"";this.variant==="Standard"?this.style.setProperty("--scb-viz-diagram-min-height",o||"600px"):this.style.removeProperty("--scb-viz-diagram-min-height"),o?(this.style.setProperty("--scb-viz-diagram-height",o),this.style.setProperty("--scb-viz-diagram-overflow","hidden")):(this.style.removeProperty("--scb-viz-diagram-height"),this.style.removeProperty("--scb-viz-diagram-overflow")),t?this.style.setProperty("--scb-viz-standard-content-height",t):this.style.removeProperty("--scb-viz-standard-content-height")}function U(){this._chartConfigSyncFrame&&(cancelAnimationFrame(this._chartConfigSyncFrame),this._chartConfigSyncFrame=0)}function P(){c(l,this,U).call(this),this._chartConfigSyncFrame=requestAnimationFrame(()=>{this._chartConfigSyncFrame=requestAnimationFrame(()=>{this._chartConfigSyncFrame=0,c(l,this,Et).call(this)})})}function Et(){const o=this._getCurrentHighchartsChart();if(!o)return;let t=!1;typeof this.timeFormat<"u"&&(this._applyTimeFormatToLiveChart(o),t=!0),typeof this.valueFormat<"u"&&(this._applyValueFormatToLiveChart(o),t=!0),typeof this.yAxisSettings<"u"&&(this._applyYAxisSettingsToLiveChart(o),t=!0),t&&o.redraw(!1)}function Ht(o){this._isHighchartsStyledMode(o)&&this._applyStyledModeSeriesDifferentiation(o)}function Rt(o){this._isHighchartsStyledMode(o)&&this._restoreStyledModeSeriesDifferentiation(o)}function V(){const o=this._getCurrentHighchartsChart();if(o){if(this._seriesDifferentiationEnabled){c(l,this,Ht).call(this,o);return}c(l,this,Rt).call(this,o)}}async function I(o){const t=this._getExportableVisualElement();if(!t)return;const e=await it(t,this._getExportSurfaceTarget(),o);e&&j(e,this._buildExportFileName(o==="jpeg"?"jpg":"png"))}function Pt(o){return dt(this._getResolvedTableView(o),t=>this._escapeHtml(t))}function It(){return ht({comment:this.comment,commentLabel:this.commentLabel,description:this.description,descriptionLabel:this.descriptionLabel,escapeHtml:o=>this._escapeHtml(o),footnote:this.footnote,footnoteLabel:this.footnoteLabel,moreAboutStatsLabel:this.moreAboutStatsLabel,officialStatistics:this.officialStatistics,renderRichTextHtml:o=>this._renderRichTextHtml(o),sosLogotypeSvg:G,source:this.source,sourceLabel:this.sourceLabel})}function Nt(o){return ct({contentHtml:o,escapeHtml:t=>this._escapeHtml(t),footerHtml:c(l,this,It).call(this),lang:this.lang,subtitle:this.subtitle,title:this.title})}async function Ot(){await ot(this,async()=>{const o=this._getCurrentPrintableView();let t="";if(o==="table"){const e=this._getResolvedTableData();if(!e?.rows?.length)return;t=c(l,this,Pt).call(this,e)}else if(o==="image"){const e=this.shadowRoot?.querySelector(".image-content img"),i=e?.currentSrc||e?.src||this.imageHref;if(!i)return;t=`<img class="viz-image" src="${this._escapeHtml(i)}" alt="${this._escapeHtml(this._getImageAltText())}">`}else{const e=this._getExportableVisualElement();if(!e)return;const i=await st(e,this._getExportSurfaceTarget(),"png");if(!i)return;t=`<img class="viz-chart-image" src="${i}" alt="${this._escapeHtml(this._getImageAltText())}">`}await nt(c(l,this,Nt).call(this,t))})}function jt(){const o=this._getResolvedTableData();o?.rows?.length&&j(et($t(o,t=>this._normalizeRenderableCell(t)),this.lang),this._buildExportFileName("csv"))}function N(){const o=c(l,this,$).call(this,this.spacing),t=c(l,this,$).call(this,this.spacingTop)??o,e=c(l,this,$).call(this,this.spacingBottom)??o,i=c(l,this,$).call(this,this.spacingLeft),s=c(l,this,$).call(this,this.spacingRight);t?this.style.setProperty("--scb-viz-spacing-block-start",t):this.style.removeProperty("--scb-viz-spacing-block-start"),e?this.style.setProperty("--scb-viz-spacing-block-end",e):this.style.removeProperty("--scb-viz-spacing-block-end"),i?this.style.setProperty("--scb-viz-spacing-inline-start",i):this.style.removeProperty("--scb-viz-spacing-inline-start"),s?this.style.setProperty("--scb-viz-spacing-inline-end",s):this.style.removeProperty("--scb-viz-spacing-inline-end")}function $(o){if(!o)return;const t=String(o).trim();if(t)return/^\d+$/.test(t)?`var(--spacing-${Math.max(0,Math.min(14,parseInt(t,10)))})`:t}function O(){const o=this.containerMaxWidth?.trim();o?this.style.setProperty("--scb-viz-container-max-width",o):this.style.removeProperty("--scb-viz-container-max-width")}m([v({type:String,reflect:!0})],g.prototype,"variant",void 0);m([v({type:String,reflect:!0,attribute:"selected-chip"})],g.prototype,"selectedChip",void 0);m([v({type:String,reflect:!0})],g.prototype,"title",void 0);m([v({type:String,reflect:!0})],g.prototype,"subtitle",void 0);m([v({type:String,reflect:!0})],g.prototype,"description",void 0);m([v({type:String,reflect:!0})],g.prototype,"comment",void 0);m([v({type:String,reflect:!0})],g.prototype,"source",void 0);m([v({type:String,reflect:!0})],g.prototype,"footnote",void 0);m([v({type:String,reflect:!0,attribute:"lang"})],g.prototype,"lang",void 0);m([v({type:String,reflect:!0,attribute:"image-href"})],g.prototype,"imageHref",void 0);m([v({type:Boolean,reflect:!0,attribute:"official-statistics"})],g.prototype,"officialStatistics",void 0);m([v({type:Boolean,reflect:!0,attribute:"disable-toggle"})],g.prototype,"disableToggle",void 0);m([v({type:String,attribute:"content-max-width"})],g.prototype,"contentMaxWidth",void 0);m([v({type:String,attribute:"container-max-width"})],g.prototype,"containerMaxWidth",void 0);m([v({type:String,attribute:"content-height"})],g.prototype,"contentHeight",void 0);m([v({type:String,reflect:!0,attribute:"toggle-height-mode"})],g.prototype,"toggleHeightMode",void 0);m([v({attribute:!1})],g.prototype,"tableData",void 0);m([v({attribute:!1})],g.prototype,"valueFormat",void 0);m([v({attribute:!1})],g.prototype,"timeFormat",void 0);m([v({attribute:!1})],g.prototype,"yAxisSettings",void 0);m([F()],g.prototype,"_slottedTableData",void 0);m([F()],g.prototype,"_actionsMenuOpen",void 0);m([F()],g.prototype,"_seriesDifferentiationEnabled",void 0);m([F()],g.prototype,"_isFullscreen",void 0);m([v({type:String,reflect:!0})],g.prototype,"spacing",void 0);m([v({type:String,attribute:"spacing-top",reflect:!0})],g.prototype,"spacingTop",void 0);m([v({type:String,attribute:"spacing-bottom",reflect:!0})],g.prototype,"spacingBottom",void 0);m([v({type:String,attribute:"spacing-left",reflect:!0})],g.prototype,"spacingLeft",void 0);m([v({type:String,attribute:"spacing-right",reflect:!0})],g.prototype,"spacingRight",void 0);g=m([X("scb-viz")],g);
1
+ import"../Users/peter/Documents/SCB.Material-latest-dev/src/scb-components/scb-accordion/scb-accordion.js";import"../Users/peter/Documents/SCB.Material-latest-dev/src/scb-components/scb-horizontal-scroller/scb-horizontal-scroller.js";import"../Users/peter/Documents/SCB.Material-latest-dev/src/scb-components/scb-segmented-button/scb-segmented-item.js";import"../Users/peter/Documents/SCB.Material-latest-dev/src/scb-components/scb-segmented-button/scb-segmented-button.js";import"../Users/peter/Documents/SCB.Material-latest-dev/src/scb-components/scb-viz/scb-viz-actions-runtime.js";import"../Users/peter/Documents/SCB.Material-latest-dev/src/scb-components/scb-viz/scb-viz-print-runtime.js";import"../Users/peter/Documents/SCB.Material-latest-dev/src/scb-components/scb-viz/scb-viz-series-differentiation-registry.js";import"../Users/peter/Documents/SCB.Material-latest-dev/src/scb-components/scb-viz/scb-viz-series-differentiation-runtime.js";import"../Users/peter/Documents/SCB.Material-latest-dev/src/scb-components/scb-viz/scb-viz-table-runtime.js";import"../Users/peter/Documents/SCB.Material-latest-dev/src/scb-components/scb-viz/scb-viz.js";(function(){try{var e=typeof globalThis<"u"?globalThis:window;if(!e.__scb_ce_guard_installed__){e.__scb_ce_guard_installed__=!0;var o=customElements.define.bind(customElements);customElements.define=function(t,n,m){try{customElements.get(t)||o(t,n,m)}catch(r){var i=String(r||"");if(i.indexOf("already been used")===-1&&i.indexOf("NotSupportedError")===-1)throw r}}}}catch{}})();