scb-wc 0.1.2 → 0.1.4
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.
- package/README.md +194 -164
- package/all.js +91 -5
- package/blazor/CustomEvents.cs +83 -0
- package/blazor/ScbBlazorInteropBase.cs +4460 -1663
- package/blazor/scb-blazor-bridge.js +6827 -2517
- package/blazor/wrappers/ScbAccordion.razor +50 -0
- package/blazor/wrappers/ScbAppBar.razor +95 -0
- package/blazor/wrappers/ScbBreadcrumb.razor +59 -0
- package/blazor/wrappers/ScbCalendar.razor +100 -0
- package/blazor/wrappers/ScbCalendarCard.razor +189 -0
- package/blazor/wrappers/ScbCheckbox.razor +92 -0
- package/blazor/wrappers/ScbCollapse.razor +76 -0
- package/blazor/wrappers/ScbCookiesConsent.razor +106 -0
- package/blazor/wrappers/ScbDatepicker.razor +77 -0
- package/blazor/wrappers/ScbDialog.razor +72 -0
- package/blazor/wrappers/ScbDrawer.razor +64 -0
- package/blazor/wrappers/ScbDropZone.razor +168 -0
- package/blazor/wrappers/ScbDropdown.razor +76 -0
- package/blazor/wrappers/ScbHorizontalScroller.razor +137 -0
- package/blazor/wrappers/ScbList.razor +77 -0
- package/blazor/wrappers/ScbMenu.razor +71 -0
- package/blazor/wrappers/ScbNav.razor +92 -0
- package/blazor/wrappers/ScbNotificationCard.razor +122 -0
- package/blazor/wrappers/ScbOptionsMenu.razor +88 -0
- package/blazor/wrappers/ScbPagination.razor +80 -0
- package/blazor/wrappers/ScbRadioGroup.razor +94 -0
- package/blazor/wrappers/ScbSearch.razor +83 -0
- package/blazor/wrappers/ScbSegmentedButton.razor +85 -0
- package/blazor/wrappers/ScbSelect.razor +79 -0
- package/blazor/wrappers/ScbSlider.razor +96 -0
- package/blazor/wrappers/ScbSnackbar.razor +93 -0
- package/blazor/wrappers/ScbSwitch.razor +92 -0
- package/blazor/wrappers/ScbTable.razor +67 -0
- package/blazor/wrappers/ScbTableAdvanced.razor +78 -0
- package/blazor/wrappers/ScbTabs.razor +55 -0
- package/blazor/wrappers/ScbTextfield.razor +104 -0
- package/blazor/wrappers/ScbTooltip.razor +88 -0
- package/blazor/wrappers/ScbViz.razor +142 -0
- package/demo-data-preview.svg +12 -0
- package/dummy.png +0 -0
- package/fonts/inter/files/inter-latin-wght-italic.woff2 +0 -0
- package/fonts/inter/files/inter-latin-wght-normal.woff2 +0 -0
- package/fonts/material-symbols-outlined/files/material-symbols-outlined-latin-wght-normal.woff2 +0 -0
- package/index.js +91 -1
- package/mvc/components/all.js +90 -1
- package/mvc/components/scb-accordion/scb-accordion-item.js +211 -0
- package/mvc/components/scb-accordion/scb-accordion.js +44 -0
- package/mvc/components/scb-app-bar/scb-app-bar.js +166 -0
- package/mvc/components/scb-avatar/scb-avatar.js +111 -0
- package/mvc/components/scb-badge/scb-badge.js +80 -0
- package/mvc/components/scb-breadcrumb/scb-breadcrumb-item.js +14 -0
- package/mvc/components/scb-breadcrumb/scb-breadcrumb.js +96 -0
- package/mvc/components/scb-button/scb-button.js +268 -0
- package/mvc/components/scb-calendar/scb-calendar-event.js +6 -0
- package/mvc/components/scb-calendar/scb-calendar.js +168 -0
- package/mvc/components/scb-calendar-card/scb-calendar-card.js +346 -0
- package/mvc/components/scb-card/scb-card.js +761 -0
- package/mvc/components/scb-checkbox/scb-checkbox-group.js +33 -0
- package/mvc/components/scb-checkbox/scb-checkbox.js +140 -0
- package/mvc/components/scb-chevron/scb-chevron.js +121 -0
- package/mvc/components/scb-chip/scb-chip.js +66 -0
- package/mvc/components/scb-collapse/scb-collapse.js +89 -0
- package/mvc/components/scb-cookies-consent/scb-cookies-consent.js +78 -0
- package/mvc/components/scb-datepicker/scb-datepicker.js +296 -0
- package/mvc/components/scb-dialog/scb-dialog.js +265 -0
- package/mvc/components/scb-divider/scb-divider.js +69 -0
- package/mvc/components/scb-drawer/scb-drawer.js +128 -0
- package/mvc/components/scb-drop-zone/scb-drop-zone.js +555 -0
- package/mvc/components/scb-dropdown/scb-dropdown.js +306 -0
- package/mvc/components/scb-fab/scb-fab.js +108 -0
- package/mvc/components/scb-fact-card/scb-fact-card-content.js +46 -0
- package/mvc/components/scb-fact-card/scb-fact-card.js +226 -0
- package/mvc/components/scb-footer/scb-footer-section.js +3 -0
- package/mvc/components/scb-footer/scb-footer.js +210 -0
- package/mvc/components/scb-gallery-grid/scb-gallery-grid.js +131 -0
- package/mvc/components/scb-grid/scb-grid-item.js +11 -0
- package/mvc/components/scb-grid/scb-grid.js +98 -0
- package/mvc/components/scb-grid/scb-stack.js +33 -0
- package/mvc/components/scb-header/scb-header-menu-group.js +1 -0
- package/mvc/components/scb-header/scb-header-menu-item.js +5 -0
- package/mvc/components/scb-header/scb-header-tab.js +5 -0
- package/mvc/components/scb-header/scb-header-utility.js +1 -0
- package/mvc/components/scb-header/scb-header.js +681 -0
- package/mvc/components/scb-horizontal-scroller/scb-horizontal-scroller.js +196 -0
- package/mvc/components/scb-icon-button/scb-icon-button.js +171 -0
- package/mvc/components/scb-keyfigure-card/scb-keyfigure-card.js +212 -0
- package/mvc/components/scb-link/scb-link.js +61 -0
- package/mvc/components/scb-list/scb-list-item.js +153 -0
- package/mvc/components/scb-list/scb-list.js +26 -0
- package/mvc/components/scb-menu/scb-menu-item.js +205 -0
- package/mvc/components/scb-menu/scb-menu-section.js +42 -0
- package/mvc/components/scb-menu/scb-menu.js +81 -0
- package/mvc/components/scb-menu/scb-sub-menu.js +10 -0
- package/mvc/components/scb-nav/scb-nav-item.js +28 -0
- package/mvc/components/scb-nav/scb-nav.js +104 -0
- package/mvc/components/scb-notification-card/scb-notification-card.js +358 -0
- package/mvc/components/scb-options-menu/scb-options-menu-item.js +66 -0
- package/mvc/components/scb-options-menu/scb-options-menu.js +88 -0
- package/mvc/components/scb-options-menu/scb-options-sub-menu.js +34 -0
- package/mvc/components/scb-overlay/scb-overlay.js +49 -0
- package/mvc/components/scb-pagination/scb-pagination.js +312 -0
- package/mvc/components/scb-progress-indicator/scb-progress-indicator.js +87 -0
- package/mvc/components/scb-progress-stepper/scb-progress-step.js +147 -0
- package/mvc/components/scb-progress-stepper/scb-progress-stepper.js +62 -0
- package/mvc/components/scb-radio-button/scb-radio-button.js +132 -0
- package/mvc/components/scb-radio-button/scb-radio-group.js +43 -0
- package/mvc/components/scb-scrollspy/scb-scrollspy.js +79 -0
- package/mvc/components/scb-search/scb-search.js +292 -0
- package/mvc/components/scb-segmented-button/scb-segmented-button.js +32 -0
- package/mvc/components/scb-segmented-button/scb-segmented-item.js +74 -0
- package/mvc/components/scb-select/scb-select-option.js +61 -0
- package/mvc/components/scb-select/scb-select.js +284 -0
- package/mvc/components/scb-skeleton/scb-skeleton.js +38 -0
- package/mvc/components/scb-slider/scb-slider.js +27 -0
- package/mvc/components/scb-snackbar/scb-snackbar.js +128 -0
- package/mvc/components/scb-status-pill/scb-status-pill.js +45 -0
- package/mvc/components/scb-stepper/scb-step.js +239 -0
- package/mvc/components/scb-stepper/scb-stepper.js +139 -0
- package/mvc/components/scb-switch/scb-switch.js +59 -0
- package/mvc/components/scb-table/scb-table.js +51 -0
- package/mvc/components/scb-table-advanced/scb-table-advanced.js +76 -0
- package/mvc/components/scb-tabs/scb-primary-tab.js +6 -0
- package/mvc/components/scb-tabs/scb-secondary-tab.js +6 -0
- package/mvc/components/scb-tabs/scb-tabs.js +28 -0
- package/mvc/components/scb-textfield/scb-textfield.js +595 -0
- package/mvc/components/scb-toc/scb-toc-item.js +303 -0
- package/mvc/components/scb-toc/scb-toc.js +19 -0
- package/mvc/components/scb-tooltip/scb-tooltip.js +196 -0
- package/mvc/components/scb-vignette/scb-vignette.js +37 -0
- package/mvc/components/scb-viz/scb-viz-actions-runtime.js +2 -0
- package/mvc/components/scb-viz/scb-viz-print-runtime.js +98 -0
- package/mvc/components/scb-viz/scb-viz-series-differentiation-registry.js +1 -0
- package/mvc/components/scb-viz/scb-viz-series-differentiation-runtime.js +1 -0
- package/mvc/components/scb-viz/scb-viz-table-runtime.js +1 -0
- package/mvc/components/scb-viz/scb-viz.js +1140 -0
- package/mvc/fonts/inter/files/inter-latin-wght-italic.woff2 +0 -0
- package/mvc/fonts/inter/files/inter-latin-wght-normal.woff2 +0 -0
- package/mvc/fonts/material-symbols-outlined/files/material-symbols-outlined-latin-wght-normal.woff2 +0 -0
- package/mvc/scb-blazor-bridge.js +6827 -2517
- package/mvc/scb-logo.svg +20 -20
- package/mvc/scb-typography.css +1 -1
- package/mvc/scb-wc.css +3 -2
- package/mvc/scb.svg +13 -13
- package/mvc/vendor/assertClassBrand.js +1 -0
- package/mvc/vendor/classPrivateFieldGet2.js +1 -0
- package/mvc/vendor/decorate.js +1 -0
- package/mvc/vendor/preload-helper.js +1 -0
- package/mvc/vendor/vendor-lit.js +1 -0
- package/mvc/vendor/vendor-material.js +364 -0
- package/mvc/vendor/vendor.js +4 -0
- package/package.json +420 -77
- package/scb-accordion/scb-accordion-item.js +340 -0
- package/scb-accordion/scb-accordion.js +151 -0
- package/scb-app-bar/scb-app-bar.js +317 -0
- package/scb-avatar/scb-avatar.js +197 -0
- package/scb-badge/scb-badge.js +165 -0
- package/scb-breadcrumb/scb-breadcrumb-item.js +62 -0
- package/scb-breadcrumb/scb-breadcrumb.js +255 -0
- package/scb-button/scb-button.js +398 -0
- package/scb-calendar/scb-calendar-event.js +48 -0
- package/scb-calendar/scb-calendar.js +700 -0
- package/scb-calendar-card/scb-calendar-card.js +505 -0
- package/scb-card/scb-card.js +1231 -0
- package/scb-checkbox/scb-checkbox-group.js +104 -0
- package/scb-checkbox/scb-checkbox.js +316 -0
- package/scb-chevron/scb-chevron.js +144 -0
- package/scb-chip/scb-chip.js +234 -0
- package/scb-collapse/scb-collapse.js +231 -0
- package/scb-cookies-consent/scb-cookies-consent.js +164 -0
- package/scb-datepicker/scb-datepicker.js +470 -0
- package/scb-dialog/scb-dialog.js +574 -0
- package/scb-divider/scb-divider.js +119 -0
- package/scb-drawer/scb-drawer.js +297 -0
- package/scb-drop-zone/scb-drop-zone.js +965 -0
- package/scb-dropdown/scb-dropdown.js +598 -0
- package/scb-fab/scb-fab.js +190 -0
- package/scb-fact-card/scb-fact-card-content.js +82 -0
- package/scb-fact-card/scb-fact-card.js +376 -0
- package/scb-footer/scb-footer-section.js +23 -0
- package/scb-footer/scb-footer.js +343 -0
- package/scb-gallery-grid/scb-gallery-grid.js +242 -0
- package/scb-grid/scb-grid-item.js +81 -0
- package/scb-grid/scb-grid.js +200 -0
- package/scb-grid/scb-stack.js +120 -0
- package/scb-header/scb-header-menu-group.js +21 -0
- package/scb-header/scb-header-menu-item.js +22 -0
- package/scb-header/scb-header-tab.js +25 -0
- package/scb-header/scb-header-utility.js +27 -0
- package/scb-header/scb-header.js +1358 -0
- package/scb-horizontal-scroller/scb-horizontal-scroller.js +353 -0
- package/scb-icon-button/scb-icon-button.js +335 -0
- package/scb-keyfigure-card/scb-keyfigure-card.js +340 -0
- package/scb-link/scb-link.js +136 -0
- package/scb-list/scb-list-item.js +297 -0
- package/scb-list/scb-list.js +119 -0
- package/scb-menu/scb-menu-item.js +330 -0
- package/scb-menu/scb-menu-section.js +60 -0
- package/scb-menu/scb-menu.js +154 -0
- package/scb-menu/scb-sub-menu.js +36 -0
- package/scb-nav/scb-nav-item.js +96 -0
- package/scb-nav/scb-nav.js +263 -0
- package/scb-notification-card/scb-notification-card.js +479 -0
- package/scb-options-menu/scb-options-menu-item.js +218 -0
- package/scb-options-menu/scb-options-menu.js +237 -0
- package/scb-options-menu/scb-options-sub-menu.js +69 -0
- package/scb-overlay/scb-overlay.js +144 -0
- package/scb-pagination/scb-pagination.js +438 -0
- package/scb-progress-indicator/scb-progress-indicator.js +199 -0
- package/scb-progress-stepper/scb-progress-step.js +213 -0
- package/scb-progress-stepper/scb-progress-stepper.js +132 -0
- package/scb-radio-button/scb-radio-button.js +249 -0
- package/scb-radio-button/scb-radio-group.js +216 -0
- package/scb-scrollspy/scb-scrollspy.js +670 -0
- package/scb-search/scb-search.js +643 -0
- package/scb-segmented-button/scb-segmented-button.js +215 -0
- package/scb-segmented-button/scb-segmented-item.js +133 -0
- package/scb-select/scb-select-option.js +88 -0
- package/scb-select/scb-select.js +517 -0
- package/scb-skeleton/scb-skeleton.js +92 -0
- package/scb-slider/scb-slider.js +98 -0
- package/scb-snackbar/scb-snackbar.js +223 -0
- package/scb-status-pill/scb-status-pill.js +100 -0
- package/scb-stepper/scb-step.js +311 -0
- package/scb-stepper/scb-stepper.js +325 -0
- package/scb-switch/scb-switch.js +182 -0
- package/scb-table/scb-table.js +202 -0
- package/scb-table-advanced/scb-table-advanced.js +327 -0
- package/scb-tabs/scb-primary-tab.js +68 -0
- package/scb-tabs/scb-secondary-tab.js +68 -0
- package/scb-tabs/scb-tabs.js +100 -0
- package/scb-test-components/index.d.ts +90 -0
- package/scb-test-components/scb-accordion/scb-accordion-item.d.ts +39 -0
- package/scb-test-components/scb-accordion/scb-accordion.d.ts +27 -0
- package/scb-test-components/scb-app-bar/scb-app-bar.d.ts +25 -0
- package/scb-test-components/scb-avatar/scb-avatar.d.ts +37 -0
- package/scb-test-components/scb-badge/scb-badge.d.ts +28 -0
- package/scb-test-components/scb-breadcrumb/scb-breadcrumb-item.d.ts +15 -0
- package/scb-test-components/scb-breadcrumb/scb-breadcrumb.d.ts +27 -0
- package/scb-test-components/scb-button/scb-button.d.ts +40 -0
- package/scb-test-components/scb-calendar/scb-calendar-event.d.ts +15 -0
- package/scb-test-components/scb-calendar/scb-calendar.d.ts +77 -0
- package/scb-test-components/scb-calendar-card/scb-calendar-card.d.ts +45 -0
- package/scb-test-components/scb-card/scb-card.d.ts +101 -0
- package/scb-test-components/scb-checkbox/scb-checkbox-group.d.ts +23 -0
- package/scb-test-components/scb-checkbox/scb-checkbox.d.ts +52 -0
- package/scb-test-components/scb-chevron/scb-chevron.d.ts +13 -0
- package/scb-test-components/scb-chip/scb-chip.d.ts +61 -0
- package/scb-test-components/scb-collapse/scb-collapse.d.ts +29 -0
- package/scb-test-components/scb-cookies-consent/scb-cookies-consent.d.ts +23 -0
- package/scb-test-components/scb-datepicker/scb-datepicker.d.ts +39 -0
- package/scb-test-components/scb-dialog/scb-dialog.d.ts +72 -0
- package/scb-test-components/scb-divider/scb-divider.d.ts +34 -0
- package/scb-test-components/scb-drawer/scb-drawer.d.ts +72 -0
- package/scb-test-components/scb-drop-zone/scb-drop-zone.d.ts +143 -0
- package/scb-test-components/scb-dropdown/scb-dropdown.d.ts +70 -0
- package/scb-test-components/scb-fab/scb-fab.d.ts +42 -0
- package/scb-test-components/scb-fact-card/scb-fact-card-content.d.ts +15 -0
- package/scb-test-components/scb-fact-card/scb-fact-card.d.ts +49 -0
- package/scb-test-components/scb-footer/scb-footer-section.d.ts +20 -0
- package/scb-test-components/scb-footer/scb-footer.d.ts +31 -0
- package/scb-test-components/scb-gallery-grid/scb-gallery-grid.d.ts +20 -0
- package/scb-test-components/scb-grid/scb-grid-item.d.ts +32 -0
- package/scb-test-components/scb-grid/scb-grid.d.ts +36 -0
- package/scb-test-components/scb-grid/scb-stack.d.ts +32 -0
- package/scb-test-components/scb-header/scb-header-menu-group.d.ts +12 -0
- package/scb-test-components/scb-header/scb-header-menu-item.d.ts +13 -0
- package/scb-test-components/scb-header/scb-header-tab.d.ts +13 -0
- package/scb-test-components/scb-header/scb-header-utility.d.ts +14 -0
- package/scb-test-components/scb-header/scb-header.d.ts +132 -0
- package/scb-test-components/scb-horizontal-scroller/scb-horizontal-scroller.d.ts +47 -0
- package/scb-test-components/scb-icon-button/scb-icon-button.d.ts +76 -0
- package/scb-test-components/scb-keyfigure-card/scb-keyfigure-card.d.ts +46 -0
- package/scb-test-components/scb-link/scb-link.d.ts +25 -0
- package/scb-test-components/scb-list/scb-list-item.d.ts +38 -0
- package/scb-test-components/scb-list/scb-list.d.ts +26 -0
- package/scb-test-components/scb-menu/scb-menu-item.d.ts +52 -0
- package/scb-test-components/scb-menu/scb-menu-section.d.ts +11 -0
- package/scb-test-components/scb-menu/scb-menu.d.ts +25 -0
- package/scb-test-components/scb-menu/scb-sub-menu.d.ts +14 -0
- package/scb-test-components/scb-nav/scb-nav-item.d.ts +20 -0
- package/scb-test-components/scb-nav/scb-nav.d.ts +50 -0
- package/scb-test-components/scb-notification-card/scb-notification-card.d.ts +46 -0
- package/scb-test-components/scb-options-menu/scb-options-menu-item.d.ts +29 -0
- package/scb-test-components/scb-options-menu/scb-options-menu.d.ts +35 -0
- package/scb-test-components/scb-options-menu/scb-options-sub-menu.d.ts +11 -0
- package/scb-test-components/scb-overlay/scb-overlay.d.ts +24 -0
- package/scb-test-components/scb-pagination/scb-pagination.d.ts +36 -0
- package/scb-test-components/scb-progress-indicator/scb-progress-indicator.d.ts +28 -0
- package/scb-test-components/scb-progress-stepper/scb-progress-step.d.ts +21 -0
- package/scb-test-components/scb-progress-stepper/scb-progress-stepper.d.ts +22 -0
- package/scb-test-components/scb-radio-button/scb-radio-button.d.ts +26 -0
- package/scb-test-components/scb-radio-button/scb-radio-group.d.ts +49 -0
- package/scb-test-components/scb-scrollspy/scb-scrollspy.d.ts +217 -0
- package/scb-test-components/scb-search/scb-search.d.ts +96 -0
- package/scb-test-components/scb-segmented-button/scb-segmented-button.d.ts +80 -0
- package/scb-test-components/scb-segmented-button/scb-segmented-item.d.ts +21 -0
- package/scb-test-components/scb-select/scb-select-option.d.ts +16 -0
- package/scb-test-components/scb-select/scb-select.d.ts +62 -0
- package/scb-test-components/scb-skeleton/scb-skeleton.d.ts +25 -0
- package/scb-test-components/scb-slider/scb-slider.d.ts +28 -0
- package/scb-test-components/scb-snackbar/scb-snackbar.d.ts +24 -0
- package/scb-test-components/scb-status-pill/scb-status-pill.d.ts +22 -0
- package/scb-test-components/scb-stepper/scb-step.d.ts +22 -0
- package/scb-test-components/scb-stepper/scb-stepper.d.ts +47 -0
- package/scb-test-components/scb-switch/scb-switch.d.ts +52 -0
- package/scb-test-components/scb-table/scb-table.d.ts +24 -0
- package/scb-test-components/scb-table-advanced/scb-table-advanced.d.ts +39 -0
- package/scb-test-components/scb-tabs/scb-primary-tab.d.ts +15 -0
- package/scb-test-components/scb-tabs/scb-secondary-tab.d.ts +15 -0
- package/scb-test-components/scb-tabs/scb-tabs.d.ts +21 -0
- package/scb-test-components/scb-textfield/scb-textfield.d.ts +75 -0
- package/scb-test-components/scb-toc/scb-toc-item.d.ts +38 -0
- package/scb-test-components/scb-toc/scb-toc.d.ts +27 -0
- package/scb-test-components/scb-tooltip/scb-tooltip.d.ts +51 -0
- package/scb-test-components/scb-vignette/scb-vignette.d.ts +20 -0
- package/scb-test-components/scb-viz/scb-viz-actions-runtime.d.ts +26 -0
- package/scb-test-components/scb-viz/scb-viz-print-runtime.d.ts +27 -0
- package/scb-test-components/scb-viz/scb-viz-series-differentiation-registry.d.ts +21 -0
- package/scb-test-components/scb-viz/scb-viz-series-differentiation-runtime.d.ts +42 -0
- package/scb-test-components/scb-viz/scb-viz-table-runtime.d.ts +28 -0
- package/scb-test-components/scb-viz/scb-viz.d.ts +207 -0
- package/scb-textfield/scb-textfield.js +827 -0
- package/scb-toc/scb-toc-item.js +477 -0
- package/scb-toc/scb-toc.js +101 -0
- package/scb-tooltip/scb-tooltip.js +402 -0
- package/scb-typography.css +1 -1
- package/scb-vignette/scb-vignette.js +88 -0
- package/scb-viz/scb-viz-actions-runtime.js +143 -0
- package/scb-viz/scb-viz-print-runtime.js +121 -0
- package/scb-viz/scb-viz-series-differentiation-registry.js +117 -0
- package/scb-viz/scb-viz-series-differentiation-runtime.js +126 -0
- package/scb-viz/scb-viz-table-runtime.js +86 -0
- package/scb-viz/scb-viz.js +2195 -0
- package/scb-wc-selfhost.css +29 -0
- package/scb-wc.bundle.js +12893 -1099
- package/scb-wc.css +3 -2
- package/scb-wc.d.ts +180 -0
- package/index.d.ts +0 -0
- package/mvc/components/index.js +0 -1
|
@@ -0,0 +1,1140 @@
|
|
|
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,"&").replace(/</g,"<").replace(/>/g,">").replace(/"/g,""").replace(/'/g,"'")}_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);
|