scb-wc 0.1.169 → 0.1.170
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/all.js +1 -0
- package/index.js +88 -87
- package/mvc/components/all.js +1 -0
- package/mvc/components/scb-accordion/scb-accordion-item.js +8 -2
- package/mvc/components/scb-app-bar/scb-app-bar.js +4 -4
- package/mvc/components/scb-card/scb-card.js +2 -2
- package/mvc/components/scb-checkbox/scb-checkbox.js +5 -5
- package/mvc/components/scb-cookies-consent/scb-cookies-consent.js +2 -2
- package/mvc/components/scb-datepicker/scb-datepicker.js +27 -27
- package/mvc/components/scb-dialog/scb-dialog.js +16 -14
- package/mvc/components/scb-drawer/scb-drawer.js +16 -7
- package/mvc/components/scb-dropdown/scb-dropdown.js +11 -11
- package/mvc/components/scb-fact-card/scb-fact-card-content.js +14 -14
- package/mvc/components/scb-gallery-grid/scb-gallery-grid.js +11 -10
- package/mvc/components/scb-header/scb-header.js +2 -2
- package/mvc/components/scb-options-menu/scb-options-menu.js +3 -3
- package/mvc/components/scb-options-menu/scb-options-sub-menu.js +2 -2
- package/mvc/components/scb-overlay/scb-overlay.js +3 -3
- package/mvc/components/scb-progress-stepper/scb-progress-step.js +22 -13
- package/mvc/components/scb-radio-button/scb-radio-group.js +6 -6
- package/mvc/components/scb-search/scb-search.js +11 -11
- package/mvc/components/scb-select/scb-select.js +20 -14
- package/mvc/components/scb-slider/scb-slider.js +1 -1
- package/mvc/components/scb-snackbar/scb-snackbar.js +5 -5
- package/mvc/components/scb-table-advanced/scb-table-advanced.js +2 -2
- package/mvc/components/scb-tooltip/scb-tooltip.js +8 -8
- package/mvc/components/scb-viz/scb-viz.js +24 -24
- package/mvc/components/shared/manual-popover.js +1 -0
- package/mvc/vendor/vendor.js +1 -1
- package/package.json +2 -2
- package/scb-accordion/scb-accordion-item.js +17 -2
- package/scb-app-bar/scb-app-bar.js +60 -34
- package/scb-checkbox/scb-checkbox.js +5 -2
- package/scb-components/index.d.ts +1 -0
- package/scb-components/scb-checkbox/scb-checkbox.d.ts +1 -0
- package/scb-components/scb-cookies-consent/scb-cookies-consent.d.ts +1 -0
- package/scb-components/scb-datepicker/scb-datepicker.d.ts +2 -0
- package/scb-components/scb-dropdown/scb-dropdown.d.ts +5 -0
- package/scb-components/scb-fact-card/scb-fact-card-content.d.ts +3 -7
- package/scb-components/scb-gallery-grid/scb-gallery-grid.d.ts +1 -2
- package/scb-components/scb-options-menu/scb-options-sub-menu.d.ts +5 -0
- package/scb-components/scb-progress-stepper/scb-progress-step.d.ts +5 -1
- package/scb-components/scb-radio-button/scb-radio-group.d.ts +1 -1
- package/scb-components/scb-search/scb-search.d.ts +3 -0
- package/scb-components/scb-select/scb-select.d.ts +1 -0
- package/scb-components/scb-table-advanced/scb-table-advanced.d.ts +1 -0
- package/scb-components/scb-tooltip/scb-tooltip.d.ts +1 -0
- package/scb-components/scb-viz/scb-viz.d.ts +2 -1
- package/scb-components/shared/manual-popover.d.ts +7 -0
- package/scb-cookies-consent/scb-cookies-consent.js +36 -28
- package/scb-datepicker/scb-datepicker.js +63 -34
- package/scb-dialog/scb-dialog.js +128 -95
- package/scb-drawer/scb-drawer.js +53 -44
- package/scb-dropdown/scb-dropdown.js +80 -34
- package/scb-fact-card/scb-fact-card-content.js +37 -42
- package/scb-gallery-grid/scb-gallery-grid.js +46 -44
- package/scb-options-menu/scb-options-menu.js +39 -28
- package/scb-options-menu/scb-options-sub-menu.js +56 -10
- package/scb-overlay/scb-overlay.js +31 -21
- package/scb-progress-stepper/scb-progress-step.js +59 -34
- package/scb-radio-button/scb-radio-group.js +3 -6
- package/scb-search/scb-search.js +69 -40
- package/scb-select/scb-select.js +90 -54
- package/scb-snackbar/scb-snackbar.js +44 -27
- package/scb-table-advanced/scb-table-advanced.js +5 -3
- package/scb-tooltip/scb-tooltip.js +45 -33
- package/scb-viz/scb-viz.js +12 -13
- package/scb-wc.bundle.js +365 -179
- package/scb-wc.d.ts +2 -0
- package/shared/manual-popover.js +65 -0
package/all.js
CHANGED
package/index.js
CHANGED
|
@@ -7,28 +7,29 @@ import { ScbAccordion as c } from "./scb-accordion/scb-accordion.js";
|
|
|
7
7
|
import { ScbActionCard as l, ScbCard as u, ScbContainerCard as d, ScbLinkCard as f, ScbListCard as p, ScbSocialCard as m } from "./scb-card/scb-card.js";
|
|
8
8
|
import "./scb-action-card/scb-action-card.js";
|
|
9
9
|
import { ScbIconButton as h } from "./scb-icon-button/scb-icon-button.js";
|
|
10
|
-
import {
|
|
11
|
-
import {
|
|
12
|
-
import {
|
|
13
|
-
import {
|
|
14
|
-
import {
|
|
15
|
-
import {
|
|
16
|
-
import {
|
|
17
|
-
import {
|
|
18
|
-
import {
|
|
19
|
-
import {
|
|
20
|
-
import {
|
|
21
|
-
import {
|
|
22
|
-
import {
|
|
23
|
-
import {
|
|
24
|
-
import {
|
|
25
|
-
import {
|
|
26
|
-
import {
|
|
27
|
-
import {
|
|
28
|
-
import {
|
|
29
|
-
import {
|
|
30
|
-
import {
|
|
31
|
-
import {
|
|
10
|
+
import { closeManualPopover as g, closeManualPopoverAfterAnimations as _, closeNestedPopupSurfaces as v, isManualPopoverOpen as y, openManualPopover as b } from "./shared/manual-popover.js";
|
|
11
|
+
import { ScbSearch as x } from "./scb-search/scb-search.js";
|
|
12
|
+
import { ScbAppBar as S } from "./scb-app-bar/scb-app-bar.js";
|
|
13
|
+
import { ScbBadge as C } from "./scb-badge/scb-badge.js";
|
|
14
|
+
import { ScbLink as w } from "./scb-link/scb-link.js";
|
|
15
|
+
import { SCBBreadcrumbItem as T } from "./scb-breadcrumb/scb-breadcrumb-item.js";
|
|
16
|
+
import { SCBBreadcrumb as E } from "./scb-breadcrumb/scb-breadcrumb.js";
|
|
17
|
+
import { ScbCalendarEvent as D } from "./scb-calendar/scb-calendar-event.js";
|
|
18
|
+
import { ScbDivider as O } from "./scb-divider/scb-divider.js";
|
|
19
|
+
import { ScbDatepicker as k } from "./scb-datepicker/scb-datepicker.js";
|
|
20
|
+
import { ScbTooltip as A } from "./scb-tooltip/scb-tooltip.js";
|
|
21
|
+
import { ScbTextField as j } from "./scb-textfield/scb-textfield.js";
|
|
22
|
+
import { ScbCheckboxGroup as M } from "./scb-checkbox/scb-checkbox-group.js";
|
|
23
|
+
import { ScbCheckbox as N } from "./scb-checkbox/scb-checkbox.js";
|
|
24
|
+
import { ScbRadioGroup as P } from "./scb-radio-button/scb-radio-group.js";
|
|
25
|
+
import { ScbRadioButton as F } from "./scb-radio-button/scb-radio-button.js";
|
|
26
|
+
import { ScbSwitch as I } from "./scb-switch/scb-switch.js";
|
|
27
|
+
import { ScbChip as L } from "./scb-chip/scb-chip.js";
|
|
28
|
+
import { ScbDialog as R } from "./scb-dialog/scb-dialog.js";
|
|
29
|
+
import { ScbListItem as z } from "./scb-list/scb-list-item.js";
|
|
30
|
+
import { ScbList as B } from "./scb-list/scb-list.js";
|
|
31
|
+
import { ScbCalendar as V } from "./scb-calendar/scb-calendar.js";
|
|
32
|
+
import { ScbCalendarCard as H } from "./scb-calendar-card/scb-calendar-card.js";
|
|
32
33
|
import "./scb-card/scb-action-card.js";
|
|
33
34
|
import "./scb-container-card/scb-container-card.js";
|
|
34
35
|
import "./scb-card/scb-container-card.js";
|
|
@@ -38,68 +39,68 @@ import "./scb-list-card/scb-list-card.js";
|
|
|
38
39
|
import "./scb-card/scb-list-card.js";
|
|
39
40
|
import "./scb-social-card/scb-social-card.js";
|
|
40
41
|
import "./scb-card/scb-social-card.js";
|
|
41
|
-
import { ScbCollapse as
|
|
42
|
-
import { ScbCookiesConsent as
|
|
43
|
-
import { ScbDrawer as
|
|
44
|
-
import { ScbDropZone as
|
|
45
|
-
import { ScbOptionsMenuItem as
|
|
46
|
-
import { ScbOptionsSubMenu as
|
|
47
|
-
import { ScbOptionsMenu as
|
|
48
|
-
import { ScbDropdown as
|
|
49
|
-
import { ScbFab as
|
|
50
|
-
import { ScbFactCardContent as
|
|
51
|
-
import { ScbFactCard as
|
|
52
|
-
import { ScbFooterSection as
|
|
53
|
-
import { ScbGridItem as
|
|
54
|
-
import { ScbStack as
|
|
55
|
-
import { ScbGrid as
|
|
56
|
-
import { ScbFooter as
|
|
57
|
-
import { ScbIcon as
|
|
58
|
-
import { ScbNotificationCard as
|
|
59
|
-
import { ScbFormErrorSummary as
|
|
60
|
-
import { hasScbSvgIcon as
|
|
61
|
-
import { ScbHorizontalScroller as
|
|
62
|
-
import { ScbOverlay as
|
|
63
|
-
import { ScbGalleryGrid as
|
|
64
|
-
import { ScbHeaderMenuGroup as
|
|
65
|
-
import { ScbHeaderMenuItem as
|
|
66
|
-
import { ScbHeaderTab as
|
|
67
|
-
import { ScbHeaderUtility as
|
|
68
|
-
import { ScbHeader as
|
|
69
|
-
import { ScbKeyFigureCard as
|
|
70
|
-
import { ScbMenuItem as
|
|
71
|
-
import { ScbmenuSection as
|
|
72
|
-
import { ScbSubmenu as
|
|
73
|
-
import { ScbMenu as
|
|
74
|
-
import { ScbNavItem as
|
|
75
|
-
import { ScbNav as
|
|
76
|
-
import { ScbPagination as
|
|
77
|
-
import { ScbProgressIndicator as
|
|
78
|
-
import { ScbProgressStep as
|
|
79
|
-
import { ScbProgressStepper as
|
|
80
|
-
import { ScbScrollspy as
|
|
81
|
-
import { ScbSegmentedItem as
|
|
82
|
-
import { ScbSegmentedButton as
|
|
83
|
-
import { ScbSelectOption as
|
|
84
|
-
import { ScbSelect as
|
|
85
|
-
import { ScbSkeleton as
|
|
86
|
-
import { ScbSlider as
|
|
87
|
-
import { ScbSnackbar as
|
|
88
|
-
import { ScbStatusPill as
|
|
89
|
-
import { ScbStep as
|
|
90
|
-
import { ScbStepper as
|
|
91
|
-
import { ScbTable as
|
|
92
|
-
import { ScbTableAdvanced as
|
|
93
|
-
import { ScbPrimaryTab as
|
|
94
|
-
import { ScbSecondaryTab as
|
|
95
|
-
import { ScbTabs as
|
|
96
|
-
import { ScbTocItem as
|
|
97
|
-
import { ScbToc as
|
|
98
|
-
import { buildScbVizExportFileName as
|
|
99
|
-
import { buildScbVizPrintDocumentHtml as
|
|
100
|
-
import { appendScbVizSeriesDifferentiationPatternMarks as
|
|
101
|
-
import { clearScbVizSeriesDifferentiationColorClass as
|
|
102
|
-
import { buildScbVizResolvedTableView as
|
|
103
|
-
import { ScbViz as
|
|
104
|
-
import { ensureRippleReady as
|
|
105
|
-
export {
|
|
42
|
+
import { ScbCollapse as U } from "./scb-collapse/scb-collapse.js";
|
|
43
|
+
import { ScbCookiesConsent as W } from "./scb-cookies-consent/scb-cookies-consent.js";
|
|
44
|
+
import { ScbDrawer as G } from "./scb-drawer/scb-drawer.js";
|
|
45
|
+
import { ScbDropZone as K } from "./scb-drop-zone/scb-drop-zone.js";
|
|
46
|
+
import { ScbOptionsMenuItem as q } from "./scb-options-menu/scb-options-menu-item.js";
|
|
47
|
+
import { ScbOptionsSubMenu as J } from "./scb-options-menu/scb-options-sub-menu.js";
|
|
48
|
+
import { ScbOptionsMenu as Y } from "./scb-options-menu/scb-options-menu.js";
|
|
49
|
+
import { ScbDropdown as X } from "./scb-dropdown/scb-dropdown.js";
|
|
50
|
+
import { ScbFab as Z } from "./scb-fab/scb-fab.js";
|
|
51
|
+
import { ScbFactCardContent as Q } from "./scb-fact-card/scb-fact-card-content.js";
|
|
52
|
+
import { ScbFactCard as $ } from "./scb-fact-card/scb-fact-card.js";
|
|
53
|
+
import { ScbFooterSection as ee } from "./scb-footer/scb-footer-section.js";
|
|
54
|
+
import { ScbGridItem as te } from "./scb-grid/scb-grid-item.js";
|
|
55
|
+
import { ScbStack as ne } from "./scb-grid/scb-stack.js";
|
|
56
|
+
import { ScbGrid as re } from "./scb-grid/scb-grid.js";
|
|
57
|
+
import { ScbFooter as ie } from "./scb-footer/scb-footer.js";
|
|
58
|
+
import { ScbIcon as ae } from "./scb-icon/scb-icon.js";
|
|
59
|
+
import { ScbNotificationCard as oe } from "./scb-notification-card/scb-notification-card.js";
|
|
60
|
+
import { ScbFormErrorSummary as se } from "./scb-form-error-summary/scb-form-error-summary.js";
|
|
61
|
+
import { hasScbSvgIcon as ce, renderScbIcon as le } from "./shared/scb-icon-svg.js";
|
|
62
|
+
import { ScbHorizontalScroller as ue } from "./scb-horizontal-scroller/scb-horizontal-scroller.js";
|
|
63
|
+
import { ScbOverlay as de } from "./scb-overlay/scb-overlay.js";
|
|
64
|
+
import { ScbGalleryGrid as fe } from "./scb-gallery-grid/scb-gallery-grid.js";
|
|
65
|
+
import { ScbHeaderMenuGroup as pe } from "./scb-header/scb-header-menu-group.js";
|
|
66
|
+
import { ScbHeaderMenuItem as me } from "./scb-header/scb-header-menu-item.js";
|
|
67
|
+
import { ScbHeaderTab as he } from "./scb-header/scb-header-tab.js";
|
|
68
|
+
import { ScbHeaderUtility as ge } from "./scb-header/scb-header-utility.js";
|
|
69
|
+
import { ScbHeader as _e } from "./scb-header/scb-header.js";
|
|
70
|
+
import { ScbKeyFigureCard as ve } from "./scb-keyfigure-card/scb-keyfigure-card.js";
|
|
71
|
+
import { ScbMenuItem as ye } from "./scb-menu/scb-menu-item.js";
|
|
72
|
+
import { ScbmenuSection as be } from "./scb-menu/scb-menu-section.js";
|
|
73
|
+
import { ScbSubmenu as xe } from "./scb-menu/scb-sub-menu.js";
|
|
74
|
+
import { ScbMenu as Se } from "./scb-menu/scb-menu.js";
|
|
75
|
+
import { ScbNavItem as Ce } from "./scb-nav/scb-nav-item.js";
|
|
76
|
+
import { ScbNav as we } from "./scb-nav/scb-nav.js";
|
|
77
|
+
import { ScbPagination as Te } from "./scb-pagination/scb-pagination.js";
|
|
78
|
+
import { ScbProgressIndicator as Ee } from "./scb-progress-indicator/scb-progress-indicator.js";
|
|
79
|
+
import { ScbProgressStep as De } from "./scb-progress-stepper/scb-progress-step.js";
|
|
80
|
+
import { ScbProgressStepper as Oe } from "./scb-progress-stepper/scb-progress-stepper.js";
|
|
81
|
+
import { ScbScrollspy as ke } from "./scb-scrollspy/scb-scrollspy.js";
|
|
82
|
+
import { ScbSegmentedItem as Ae } from "./scb-segmented-button/scb-segmented-item.js";
|
|
83
|
+
import { ScbSegmentedButton as je } from "./scb-segmented-button/scb-segmented-button.js";
|
|
84
|
+
import { ScbSelectOption as Me } from "./scb-select/scb-select-option.js";
|
|
85
|
+
import { ScbSelect as Ne } from "./scb-select/scb-select.js";
|
|
86
|
+
import { ScbSkeleton as Pe } from "./scb-skeleton/scb-skeleton.js";
|
|
87
|
+
import { ScbSlider as Fe } from "./scb-slider/scb-slider.js";
|
|
88
|
+
import { ScbSnackbar as Ie } from "./scb-snackbar/scb-snackbar.js";
|
|
89
|
+
import { ScbStatusPill as Le } from "./scb-status-pill/scb-status-pill.js";
|
|
90
|
+
import { ScbStep as Re } from "./scb-stepper/scb-step.js";
|
|
91
|
+
import { ScbStepper as ze } from "./scb-stepper/scb-stepper.js";
|
|
92
|
+
import { ScbTable as Be } from "./scb-table/scb-table.js";
|
|
93
|
+
import { ScbTableAdvanced as Ve } from "./scb-table-advanced/scb-table-advanced.js";
|
|
94
|
+
import { ScbPrimaryTab as He } from "./scb-tabs/scb-primary-tab.js";
|
|
95
|
+
import { ScbSecondaryTab as Ue } from "./scb-tabs/scb-secondary-tab.js";
|
|
96
|
+
import { ScbTabs as We } from "./scb-tabs/scb-tabs.js";
|
|
97
|
+
import { ScbTocItem as Ge } from "./scb-toc/scb-toc-item.js";
|
|
98
|
+
import { ScbToc as Ke } from "./scb-toc/scb-toc.js";
|
|
99
|
+
import { buildScbVizExportFileName as qe, createScbVizCsvBlob as Je, createScbVizRasterBlobFromElement as Ye, createScbVizRasterDataUrlFromElement as Xe, downloadScbVizBlob as Ze, getScbVizCurrentFullscreenElement as Qe, getScbVizExportBaseFileName as $e, getScbVizFullscreenDocument as et, isScbVizFullscreenSupported as tt, openScbVizPrintFrame as nt, runWithScbVizForcedPrintLightMode as rt, toggleScbVizFullscreen as it } from "./scb-viz/scb-viz-actions-runtime.js";
|
|
100
|
+
import { buildScbVizPrintDocumentHtml as at, buildScbVizPrintableFooterHtml as ot, buildScbVizPrintableTableHtml as st } from "./scb-viz/scb-viz-print-runtime.js";
|
|
101
|
+
import { appendScbVizSeriesDifferentiationPatternMarks as ct, getScbVizSeriesDifferentiationPatternDefinition as lt, getScbVizSeriesDifferentiationPatternKinds as ut, getScbVizSeriesDifferentiationRegistry as dt, getScbVizSeriesDifferentiationVariant as ft, scbVizSeriesDifferentiationRegistry as pt } from "./scb-viz/scb-viz-series-differentiation-registry.js";
|
|
102
|
+
import { clearScbVizSeriesDifferentiationColorClass as mt, clearScbVizSeriesDifferentiationMetadata as ht, ensureScbVizGroupedSeriesDifferentiationStore as gt, ensureScbVizStyledModeSeriesPattern as _t, getScbVizGroupedSeriesDifferentiationKey as vt, getScbVizGroupedSeriesDifferentiationVariant as yt, getScbVizGroupedSeriesDifferentiationVariantIndex as bt, getScbVizHighchartsColorClassName as xt, getScbVizHighchartsSvgElement as St, getScbVizHighchartsSvgRoot as Ct, getScbVizLegendSeriesDifferentiationTargets as wt, getScbVizSeriesDifferentiationColorIndex as Tt, getScbVizSeriesDifferentiationVariantByIndex as Et, isScbVizGroupedSeriesDifferentiationChart as Dt, isScbVizHighchartsStyledMode as Ot, setScbVizSeriesDifferentiationColorClass as kt, setScbVizSeriesDifferentiationMetadata as At, shouldShowScbVizSeriesDifferentiationAction as jt, usesScbVizGroupedPointDifferentiation as Mt } from "./scb-viz/scb-viz-series-differentiation-runtime.js";
|
|
103
|
+
import { buildScbVizResolvedTableView as Nt, createScbVizCsvRows as Pt, inferScbVizTableAlignments as Ft, normalizeScbVizRenderableCell as It, readScbVizTableDataFromSlot as Lt } from "./scb-viz/scb-viz-table-runtime.js";
|
|
104
|
+
import { ScbViz as Rt } from "./scb-viz/scb-viz.js";
|
|
105
|
+
import { ensureRippleReady as zt, syncRippleToControl as Bt } from "./shared/lazy-ripple.js";
|
|
106
|
+
export { E as SCBBreadcrumb, T as SCBBreadcrumbItem, c as ScbAccordion, o as ScbAccordionItem, l as ScbActionCard, S as ScbAppBar, i as ScbAvatar, C as ScbBadge, s as ScbButton, V as ScbCalendar, H as ScbCalendarCard, D as ScbCalendarEvent, u as ScbCard, N as ScbCheckbox, M as ScbCheckboxGroup, a as ScbChevron, L as ScbChip, U as ScbCollapse, d as ScbContainerCard, W as ScbCookiesConsent, k as ScbDatepicker, R as ScbDialog, O as ScbDivider, G as ScbDrawer, K as ScbDropZone, X as ScbDropdown, Z as ScbFab, $ as ScbFactCard, Q as ScbFactCardContent, ie as ScbFooter, ee as ScbFooterSection, se as ScbFormErrorSummary, fe as ScbGalleryGrid, re as ScbGrid, te as ScbGridItem, _e as ScbHeader, pe as ScbHeaderMenuGroup, me as ScbHeaderMenuItem, he as ScbHeaderTab, ge as ScbHeaderUtility, ue as ScbHorizontalScroller, ae as ScbIcon, h as ScbIconButton, ve as ScbKeyFigureCard, w as ScbLink, f as ScbLinkCard, B as ScbList, p as ScbListCard, z as ScbListItem, Se as ScbMenu, ye as ScbMenuItem, we as ScbNav, Ce as ScbNavItem, oe as ScbNotificationCard, Y as ScbOptionsMenu, q as ScbOptionsMenuItem, J as ScbOptionsSubMenu, de as ScbOverlay, Te as ScbPagination, He as ScbPrimaryTab, Ee as ScbProgressIndicator, De as ScbProgressStep, Oe as ScbProgressStepper, F as ScbRadioButton, P as ScbRadioGroup, ke as ScbScrollspy, x as ScbSearch, Ue as ScbSecondaryTab, je as ScbSegmentedButton, Ae as ScbSegmentedItem, Ne as ScbSelect, Me as ScbSelectOption, Pe as ScbSkeleton, Fe as ScbSlider, Ie as ScbSnackbar, m as ScbSocialCard, ne as ScbStack, Le as ScbStatusPill, Re as ScbStep, ze as ScbStepper, xe as ScbSubmenu, I as ScbSwitch, Be as ScbTable, Ve as ScbTableAdvanced, We as ScbTabs, j as ScbTextField, Ke as ScbToc, Ge as ScbTocItem, A as ScbTooltip, Rt as ScbViz, be as ScbmenuSection, e as addLazyFocusRingListeners, ct as appendScbVizSeriesDifferentiationPatternMarks, qe as buildScbVizExportFileName, at as buildScbVizPrintDocumentHtml, ot as buildScbVizPrintableFooterHtml, st as buildScbVizPrintableTableHtml, Nt as buildScbVizResolvedTableView, mt as clearScbVizSeriesDifferentiationColorClass, ht as clearScbVizSeriesDifferentiationMetadata, g as closeManualPopover, _ as closeManualPopoverAfterAnimations, v as closeNestedPopupSurfaces, Je as createScbVizCsvBlob, Pt as createScbVizCsvRows, Ye as createScbVizRasterBlobFromElement, Xe as createScbVizRasterDataUrlFromElement, Ze as downloadScbVizBlob, t as ensureFocusRingOnFocusVisible, n as ensureFocusRingOnTab, r as ensureFocusRingReady, zt as ensureRippleReady, gt as ensureScbVizGroupedSeriesDifferentiationStore, _t as ensureScbVizStyledModeSeriesPattern, Qe as getScbVizCurrentFullscreenElement, $e as getScbVizExportBaseFileName, et as getScbVizFullscreenDocument, vt as getScbVizGroupedSeriesDifferentiationKey, yt as getScbVizGroupedSeriesDifferentiationVariant, bt as getScbVizGroupedSeriesDifferentiationVariantIndex, xt as getScbVizHighchartsColorClassName, St as getScbVizHighchartsSvgElement, Ct as getScbVizHighchartsSvgRoot, wt as getScbVizLegendSeriesDifferentiationTargets, Tt as getScbVizSeriesDifferentiationColorIndex, lt as getScbVizSeriesDifferentiationPatternDefinition, ut as getScbVizSeriesDifferentiationPatternKinds, dt as getScbVizSeriesDifferentiationRegistry, ft as getScbVizSeriesDifferentiationVariant, Et as getScbVizSeriesDifferentiationVariantByIndex, ce as hasScbSvgIcon, Ft as inferScbVizTableAlignments, y as isManualPopoverOpen, tt as isScbVizFullscreenSupported, Dt as isScbVizGroupedSeriesDifferentiationChart, Ot as isScbVizHighchartsStyledMode, It as normalizeScbVizRenderableCell, b as openManualPopover, nt as openScbVizPrintFrame, Lt as readScbVizTableDataFromSlot, le as renderScbIcon, rt as runWithScbVizForcedPrintLightMode, pt as scbVizSeriesDifferentiationRegistry, kt as setScbVizSeriesDifferentiationColorClass, At as setScbVizSeriesDifferentiationMetadata, jt as shouldShowScbVizSeriesDifferentiationAction, Bt as syncRippleToControl, it as toggleScbVizFullscreen, Mt as usesScbVizGroupedPointDifferentiation };
|
package/mvc/components/all.js
CHANGED
|
@@ -101,4 +101,5 @@ import './scb-viz/scb-viz-series-differentiation-runtime.js';
|
|
|
101
101
|
import './scb-viz/scb-viz-table-runtime.js';
|
|
102
102
|
import './shared/lazy-focus-ring.js';
|
|
103
103
|
import './shared/lazy-ripple.js';
|
|
104
|
+
import './shared/manual-popover.js';
|
|
104
105
|
import './shared/scb-icon-svg.js';
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{g as l,h as p,m as u,p as
|
|
1
|
+
import{g as l,h as p,m as u,p as n,v as a,y as m}from"../../vendor/vendor.js";import"../../vendor/vendor-lit.js";import"../../vendor/icon.js";import"../../vendor/ripple.js";import{ensureFocusRingOnFocusVisible as h}from"../shared/lazy-focus-ring.js";import{t as o}from"../../vendor/decorate.js";import"../scb-avatar/scb-avatar.js";import"../scb-chevron/scb-chevron.js";(function(){try{var v=typeof globalThis<"u"?globalThis:window;if(!v.__scb_ce_guard_installed__){v.__scb_ce_guard_installed__=!0;var c=customElements.define.bind(customElements);customElements.define=function(i,t,b){try{customElements.get(i)||c(i,t,b)}catch(s){var e=String(s||"");if(e.indexOf("already been used")===-1&&e.indexOf("NotSupportedError")===-1)throw s}}}}catch{}})();var d,g,r=(d=class extends p{constructor(...c){super(...c),this.open=!1,this.title="",this.content="",this.overline="",this.supportingText="",this.leading=!1,this.leadingVariant="",this.leadingIcon="",this.imgHrefImage="",this.avatarLabel="",this.avatarAlt="",this.avatarVariant="icon",this.avatarSrc="",this.density=0,this._unique=g._uid(),this._ignoreNextNativeTitleAttrChange=!1,this._onSummaryClick=i=>{i.preventDefault();const t=!this.open;this.closest("scb-accordion")?.onItemToggled?.(this,t),this.setOpen(t)},this._onToggle=i=>{const t=i.currentTarget;t.open||(t.open=!0),this._applyInertByOpen()}}static _uid(){return globalThis.crypto?.randomUUID?.()??`${g._uidPrefix}-${++g._uidSeq}`}static get observedAttributes(){const c=super.observedAttributes||[];return c.includes("title")?c:[...c,"title"]}attributeChangedCallback(c,i,t){if(c==="title"&&this._ignoreNextNativeTitleAttrChange){this._ignoreNextNativeTitleAttrChange=!1;return}super.attributeChangedCallback(c,i,t),c==="title"&&t!==null&&(this._ignoreNextNativeTitleAttrChange=!0,this.removeAttribute("title"))}firstUpdated(){this._applyInertByOpen()}_applyInertByOpen(){const c=this.renderRoot.querySelector(".scb-accordion-bottom");c&&(this.open?(c.removeAttribute("inert"),c.setAttribute("aria-hidden","false")):(c.setAttribute("inert",""),c.setAttribute("aria-hidden","true")))}_onKeyDown(c){const i=this.closest("scb-accordion"),t=Array.from(i?.querySelectorAll("scb-accordion-item")||[]).map(s=>s.renderRoot.querySelector("details")?.querySelector(".scb-accordion-top")||null).filter(s=>!!s),b=c.currentTarget,e=t.indexOf(b);switch(c.key){case"ArrowDown":c.preventDefault(),e<t.length-1&&t[e+1].focus();break;case"ArrowUp":c.preventDefault(),e>0&&t[e-1].focus();break;case"Home":c.preventDefault(),t.length&&t[0].focus();break;case"End":c.preventDefault(),t.length&&t[t.length-1].focus();break}}setOpen(c){this.open=!!c;const i=this.renderRoot.querySelector("details");i&&!i.open&&(i.open=!0),this._applyInertByOpen()}updated(c){if(c.has("open")){const i=this.renderRoot.querySelector("details");i&&!i.open&&(i.open=!0),this._applyInertByOpen(),this.dispatchEvent(new CustomEvent("open-changed",{detail:{open:this.open,title:this.title},bubbles:!0,composed:!0}))}}render(){const c=`bottom-${this._unique}`,i=`header-${this._unique}`,t=this.leading?this.leadingVariant==="image"&&this.imgHrefImage?a`<img part="leading-image" class="img" src="${this.imgHrefImage}" alt="" />`:this.leadingVariant==="avatar"?a`
|
|
2
2
|
<scb-avatar
|
|
3
3
|
label=${this.avatarLabel}
|
|
4
4
|
alt=${this.avatarAlt}
|
|
@@ -39,4 +39,10 @@ import{g as l,h as p,m as u,p as o,v as a,y as m}from"../../vendor/vendor.js";im
|
|
|
39
39
|
</details>
|
|
40
40
|
|
|
41
41
|
<md-focus-ring for=${i} inward></md-focus-ring>
|
|
42
|
-
`}},g=d,d._uidPrefix=`uid-${Math.random().toString(36).slice(2)}`,d._uidSeq=0,d.styles=[m`:host{--scb-accordion-title-font-weight-current:var(--scb-accordion-title-large-font-weight, var(--scb-accordion-title-large-weight, var(--scb-accordion-title-font-weight, var(--scb-accordion-title-weight))));--scb-accordion-title-letter-spacing-current:var(--scb-accordion-title-large-letter-spacing, var(--scb-accordion-title-large-tracking, var(--scb-accordion-title-letter-spacing, var(--scb-accordion-title-tracking))));--scb-accordion-title-line-height-current:var(--scb-accordion-title-large-line-height, var(--scb-accordion-title-line-height));--scb-accordion-title-tracking-current:var(--scb-accordion-title-large-tracking, var(--scb-accordion-title-large-letter-spacing, var(--scb-accordion-title-tracking, var(--scb-accordion-title-letter-spacing))));--scb-accordion-title-weight-current:var(--scb-accordion-title-large-weight, var(--scb-accordion-title-large-font-weight, var(--scb-accordion-title-weight, var(--scb-accordion-title-font-weight))));--scb-accordion-title-size-current:var(--scb-accordion-title-large-size, var(--scb-accordion-title-size));--scb-accordion-title-font-current:var(--scb-accordion-title-large-font, var(--scb-accordion-title-font));--scb-accordion-overline-font-weight-current:var(--scb-accordion-overline-large-font-weight, var(--scb-accordion-overline-large-weight, var(--scb-accordion-overline-font-weight, var(--scb-accordion-overline-weight))));--scb-accordion-overline-letter-spacing-current:var(--scb-accordion-overline-large-letter-spacing, var(--scb-accordion-overline-large-tracking, var(--scb-accordion-overline-letter-spacing, var(--scb-accordion-overline-tracking))));--scb-accordion-overline-line-height-current:var(--scb-accordion-overline-large-line-height, var(--scb-accordion-overline-line-height));--scb-accordion-overline-tracking-current:var(--scb-accordion-overline-large-tracking, var(--scb-accordion-overline-large-letter-spacing, var(--scb-accordion-overline-tracking, var(--scb-accordion-overline-letter-spacing))));--scb-accordion-overline-weight-current:var(--scb-accordion-overline-large-weight, var(--scb-accordion-overline-large-font-weight, var(--scb-accordion-overline-weight, var(--scb-accordion-overline-font-weight))));--scb-accordion-overline-size-current:var(--scb-accordion-overline-large-size, var(--scb-accordion-overline-size));--scb-accordion-overline-font-current:var(--scb-accordion-overline-large-font, var(--scb-accordion-overline-font));--scb-accordion-supporting-font-weight-current:var(--scb-accordion-supporting-large-font-weight, var(--scb-accordion-supporting-large-weight, var(--scb-accordion-supporting-font-weight, var(--scb-accordion-supporting-weight))));--scb-accordion-supporting-letter-spacing-current:var(--scb-accordion-supporting-large-letter-spacing, var(--scb-accordion-supporting-large-tracking, var(--scb-accordion-supporting-letter-spacing, var(--scb-accordion-supporting-tracking))));--scb-accordion-supporting-line-height-current:var(--scb-accordion-supporting-large-line-height, var(--scb-accordion-supporting-line-height));--scb-accordion-supporting-tracking-current:var(--scb-accordion-supporting-large-tracking, var(--scb-accordion-supporting-large-letter-spacing, var(--scb-accordion-supporting-tracking, var(--scb-accordion-supporting-letter-spacing))));--scb-accordion-supporting-weight-current:var(--scb-accordion-supporting-large-weight, var(--scb-accordion-supporting-large-font-weight, var(--scb-accordion-supporting-weight, var(--scb-accordion-supporting-font-weight))));--scb-accordion-supporting-size-current:var(--scb-accordion-supporting-large-size, var(--scb-accordion-supporting-size));--scb-accordion-supporting-font-current:var(--scb-accordion-supporting-large-font, var(--scb-accordion-supporting-font));--scb-accordion-content-text-font-weight-current:var(--scb-accordion-content-text-large-font-weight, var(--scb-accordion-content-text-large-weight, var(--scb-accordion-content-text-font-weight, var(--scb-accordion-content-text-weight))));--scb-accordion-content-text-letter-spacing-current:var(--scb-accordion-content-text-large-letter-spacing, var(--scb-accordion-content-text-large-tracking, var(--scb-accordion-content-text-letter-spacing, var(--scb-accordion-content-text-tracking))));--scb-accordion-content-text-line-height-current:var(--scb-accordion-content-text-large-line-height, var(--scb-accordion-content-text-line-height));--scb-accordion-content-text-tracking-current:var(--scb-accordion-content-text-large-tracking, var(--scb-accordion-content-text-large-letter-spacing, var(--scb-accordion-content-text-tracking, var(--scb-accordion-content-text-letter-spacing))));--scb-accordion-content-text-weight-current:var(--scb-accordion-content-text-large-weight, var(--scb-accordion-content-text-large-font-weight, var(--scb-accordion-content-text-weight, var(--scb-accordion-content-text-font-weight))));--scb-accordion-content-text-size-current:var(--scb-accordion-content-text-large-size, var(--scb-accordion-content-text-size));--scb-accordion-content-text-font-current:var(--scb-accordion-content-text-large-font, var(--scb-accordion-content-text-font));display:block;position:relative;--scb-accordion-hover-radius:var(--radius-none, 0px);--scb-accordion-chevron-nudge-y:3px;--scb-accordion-motion-duration:0.3s;--scb-accordion-motion-easing:ease;--scb-accordion-panel-padding-closed:var(--spacing-0, 0px);--scb-accordion-interaction-bleed:max(var(--stroke-focus-ring, 3px), var(--spacing-2, 4px));--scb-accordion-item-padding-inline:var(--scb-accordion-item-padding-inline-large, var(--spacing-6, 20px));--scb-accordion-item-padding-block:var(--scb-accordion-item-padding-block-large, var(--spacing-8, 28px));--scb-accordion-item-gap:var(--scb-accordion-item-gap-large, var(--spacing-6, 20px));--scb-accordion-chevron-size:var(--scb-accordion-chevron-size-large, var(--icon-size-medium, 24px));--scb-accordion-content-padding-top:var(--scb-accordion-content-padding-top-large, var(--spacing-2, 4px));--scb-accordion-content-padding-inline:var(--scb-accordion-content-padding-inline-large, var(--scb-accordion-item-padding-inline));--scb-accordion-content-padding-bottom:var(--scb-accordion-content-padding-bottom-large, var(--scb-accordion-item-padding-inline));--scb-accordion-leading-image-size:var(--scb-accordion-leading-image-size-large, calc(var(--icon-size-extra-large, 36px) + var(--spacing-5, 16px)));--scb-accordion-leading-icon-size:var(--scb-accordion-leading-icon-size-large, var(--icon-size-medium, 24px));--scb-accordion-leading-avatar-size:var(--scb-accordion-leading-avatar-size-large, var(--scale-10, 40px))}:host-context(scb-accordion[size='medium']){--scb-accordion-title-font-weight-current:var(--scb-accordion-title-medium-font-weight, var(--scb-accordion-title-medium-weight, var(--scb-accordion-title-font-weight, var(--scb-accordion-title-weight))));--scb-accordion-title-letter-spacing-current:var(--scb-accordion-title-medium-letter-spacing, var(--scb-accordion-title-medium-tracking, var(--scb-accordion-title-letter-spacing, var(--scb-accordion-title-tracking))));--scb-accordion-title-line-height-current:var(--scb-accordion-title-medium-line-height, var(--scb-accordion-title-line-height));--scb-accordion-title-tracking-current:var(--scb-accordion-title-medium-tracking, var(--scb-accordion-title-medium-letter-spacing, var(--scb-accordion-title-tracking, var(--scb-accordion-title-letter-spacing))));--scb-accordion-title-weight-current:var(--scb-accordion-title-medium-weight, var(--scb-accordion-title-medium-font-weight, var(--scb-accordion-title-weight, var(--scb-accordion-title-font-weight))));--scb-accordion-title-size-current:var(--scb-accordion-title-medium-size, var(--scb-accordion-title-size));--scb-accordion-title-font-current:var(--scb-accordion-title-medium-font, var(--scb-accordion-title-font));--scb-accordion-overline-font-weight-current:var(--scb-accordion-overline-medium-font-weight, var(--scb-accordion-overline-medium-weight, var(--scb-accordion-overline-font-weight, var(--scb-accordion-overline-weight))));--scb-accordion-overline-letter-spacing-current:var(--scb-accordion-overline-medium-letter-spacing, var(--scb-accordion-overline-medium-tracking, var(--scb-accordion-overline-letter-spacing, var(--scb-accordion-overline-tracking))));--scb-accordion-overline-line-height-current:var(--scb-accordion-overline-medium-line-height, var(--scb-accordion-overline-line-height));--scb-accordion-overline-tracking-current:var(--scb-accordion-overline-medium-tracking, var(--scb-accordion-overline-medium-letter-spacing, var(--scb-accordion-overline-tracking, var(--scb-accordion-overline-letter-spacing))));--scb-accordion-overline-weight-current:var(--scb-accordion-overline-medium-weight, var(--scb-accordion-overline-medium-font-weight, var(--scb-accordion-overline-weight, var(--scb-accordion-overline-font-weight))));--scb-accordion-overline-size-current:var(--scb-accordion-overline-medium-size, var(--scb-accordion-overline-size));--scb-accordion-overline-font-current:var(--scb-accordion-overline-medium-font, var(--scb-accordion-overline-font));--scb-accordion-supporting-font-weight-current:var(--scb-accordion-supporting-medium-font-weight, var(--scb-accordion-supporting-medium-weight, var(--scb-accordion-supporting-font-weight, var(--scb-accordion-supporting-weight))));--scb-accordion-supporting-letter-spacing-current:var(--scb-accordion-supporting-medium-letter-spacing, var(--scb-accordion-supporting-medium-tracking, var(--scb-accordion-supporting-letter-spacing, var(--scb-accordion-supporting-tracking))));--scb-accordion-supporting-line-height-current:var(--scb-accordion-supporting-medium-line-height, var(--scb-accordion-supporting-line-height));--scb-accordion-supporting-tracking-current:var(--scb-accordion-supporting-medium-tracking, var(--scb-accordion-supporting-medium-letter-spacing, var(--scb-accordion-supporting-tracking, var(--scb-accordion-supporting-letter-spacing))));--scb-accordion-supporting-weight-current:var(--scb-accordion-supporting-medium-weight, var(--scb-accordion-supporting-medium-font-weight, var(--scb-accordion-supporting-weight, var(--scb-accordion-supporting-font-weight))));--scb-accordion-supporting-size-current:var(--scb-accordion-supporting-medium-size, var(--scb-accordion-supporting-size));--scb-accordion-supporting-font-current:var(--scb-accordion-supporting-medium-font, var(--scb-accordion-supporting-font));--scb-accordion-content-text-font-weight-current:var(--scb-accordion-content-text-medium-font-weight, var(--scb-accordion-content-text-medium-weight, var(--scb-accordion-content-text-font-weight, var(--scb-accordion-content-text-weight))));--scb-accordion-content-text-letter-spacing-current:var(--scb-accordion-content-text-medium-letter-spacing, var(--scb-accordion-content-text-medium-tracking, var(--scb-accordion-content-text-letter-spacing, var(--scb-accordion-content-text-tracking))));--scb-accordion-content-text-line-height-current:var(--scb-accordion-content-text-medium-line-height, var(--scb-accordion-content-text-line-height));--scb-accordion-content-text-tracking-current:var(--scb-accordion-content-text-medium-tracking, var(--scb-accordion-content-text-medium-letter-spacing, var(--scb-accordion-content-text-tracking, var(--scb-accordion-content-text-letter-spacing))));--scb-accordion-content-text-weight-current:var(--scb-accordion-content-text-medium-weight, var(--scb-accordion-content-text-medium-font-weight, var(--scb-accordion-content-text-weight, var(--scb-accordion-content-text-font-weight))));--scb-accordion-content-text-size-current:var(--scb-accordion-content-text-medium-size, var(--scb-accordion-content-text-size));--scb-accordion-content-text-font-current:var(--scb-accordion-content-text-medium-font, var(--scb-accordion-content-text-font));--scb-accordion-item-padding-inline:var(--scb-accordion-item-padding-inline-medium, var(--spacing-5, 16px));--scb-accordion-item-padding-block:var(--scb-accordion-item-padding-block-medium, var(--spacing-6, 20px));--scb-accordion-item-gap:var(--scb-accordion-item-gap-medium, var(--spacing-4, 12px));--scb-accordion-chevron-size:var(--scb-accordion-chevron-size-medium, var(--icon-size-small, 20px));--scb-accordion-content-padding-top:var(--scb-accordion-content-padding-top-medium, var(--spacing-2, 4px));--scb-accordion-content-padding-inline:var(--scb-accordion-content-padding-inline-medium, var(--scb-accordion-item-padding-inline));--scb-accordion-content-padding-bottom:var(--scb-accordion-content-padding-bottom-medium, var(--scb-accordion-item-padding-inline));--scb-accordion-leading-image-size:var(--scb-accordion-leading-image-size-medium, calc(var(--icon-size-large, 32px) + var(--spacing-4, 12px)));--scb-accordion-leading-icon-size:var(--scb-accordion-leading-icon-size-medium, var(--icon-size-medium, 24px));--scb-accordion-leading-avatar-size:var(--scb-accordion-leading-avatar-size-medium, var(--scale-10, 40px))}:host-context(scb-accordion[size='small']){--scb-accordion-title-font-weight-current:var(--scb-accordion-title-small-font-weight, var(--scb-accordion-title-small-weight, var(--scb-accordion-title-font-weight, var(--scb-accordion-title-weight))));--scb-accordion-title-letter-spacing-current:var(--scb-accordion-title-small-letter-spacing, var(--scb-accordion-title-small-tracking, var(--scb-accordion-title-letter-spacing, var(--scb-accordion-title-tracking))));--scb-accordion-title-line-height-current:var(--scb-accordion-title-small-line-height, var(--scb-accordion-title-line-height));--scb-accordion-title-tracking-current:var(--scb-accordion-title-small-tracking, var(--scb-accordion-title-small-letter-spacing, var(--scb-accordion-title-tracking, var(--scb-accordion-title-letter-spacing))));--scb-accordion-title-weight-current:var(--scb-accordion-title-small-weight, var(--scb-accordion-title-small-font-weight, var(--scb-accordion-title-weight, var(--scb-accordion-title-font-weight))));--scb-accordion-title-size-current:var(--scb-accordion-title-small-size, var(--scb-accordion-title-size));--scb-accordion-title-font-current:var(--scb-accordion-title-small-font, var(--scb-accordion-title-font));--scb-accordion-overline-font-weight-current:var(--scb-accordion-overline-small-font-weight, var(--scb-accordion-overline-small-weight, var(--scb-accordion-overline-font-weight, var(--scb-accordion-overline-weight))));--scb-accordion-overline-letter-spacing-current:var(--scb-accordion-overline-small-letter-spacing, var(--scb-accordion-overline-small-tracking, var(--scb-accordion-overline-letter-spacing, var(--scb-accordion-overline-tracking))));--scb-accordion-overline-line-height-current:var(--scb-accordion-overline-small-line-height, var(--scb-accordion-overline-line-height));--scb-accordion-overline-tracking-current:var(--scb-accordion-overline-small-tracking, var(--scb-accordion-overline-small-letter-spacing, var(--scb-accordion-overline-tracking, var(--scb-accordion-overline-letter-spacing))));--scb-accordion-overline-weight-current:var(--scb-accordion-overline-small-weight, var(--scb-accordion-overline-small-font-weight, var(--scb-accordion-overline-weight, var(--scb-accordion-overline-font-weight))));--scb-accordion-overline-size-current:var(--scb-accordion-overline-small-size, var(--scb-accordion-overline-size));--scb-accordion-overline-font-current:var(--scb-accordion-overline-small-font, var(--scb-accordion-overline-font));--scb-accordion-supporting-font-weight-current:var(--scb-accordion-supporting-small-font-weight, var(--scb-accordion-supporting-small-weight, var(--scb-accordion-supporting-font-weight, var(--scb-accordion-supporting-weight))));--scb-accordion-supporting-letter-spacing-current:var(--scb-accordion-supporting-small-letter-spacing, var(--scb-accordion-supporting-small-tracking, var(--scb-accordion-supporting-letter-spacing, var(--scb-accordion-supporting-tracking))));--scb-accordion-supporting-line-height-current:var(--scb-accordion-supporting-small-line-height, var(--scb-accordion-supporting-line-height));--scb-accordion-supporting-tracking-current:var(--scb-accordion-supporting-small-tracking, var(--scb-accordion-supporting-small-letter-spacing, var(--scb-accordion-supporting-tracking, var(--scb-accordion-supporting-letter-spacing))));--scb-accordion-supporting-weight-current:var(--scb-accordion-supporting-small-weight, var(--scb-accordion-supporting-small-font-weight, var(--scb-accordion-supporting-weight, var(--scb-accordion-supporting-font-weight))));--scb-accordion-supporting-size-current:var(--scb-accordion-supporting-small-size, var(--scb-accordion-supporting-size));--scb-accordion-supporting-font-current:var(--scb-accordion-supporting-small-font, var(--scb-accordion-supporting-font));--scb-accordion-content-text-font-weight-current:var(--scb-accordion-content-text-small-font-weight, var(--scb-accordion-content-text-small-weight, var(--scb-accordion-content-text-font-weight, var(--scb-accordion-content-text-weight))));--scb-accordion-content-text-letter-spacing-current:var(--scb-accordion-content-text-small-letter-spacing, var(--scb-accordion-content-text-small-tracking, var(--scb-accordion-content-text-letter-spacing, var(--scb-accordion-content-text-tracking))));--scb-accordion-content-text-line-height-current:var(--scb-accordion-content-text-small-line-height, var(--scb-accordion-content-text-line-height));--scb-accordion-content-text-tracking-current:var(--scb-accordion-content-text-small-tracking, var(--scb-accordion-content-text-small-letter-spacing, var(--scb-accordion-content-text-tracking, var(--scb-accordion-content-text-letter-spacing))));--scb-accordion-content-text-weight-current:var(--scb-accordion-content-text-small-weight, var(--scb-accordion-content-text-small-font-weight, var(--scb-accordion-content-text-weight, var(--scb-accordion-content-text-font-weight))));--scb-accordion-content-text-size-current:var(--scb-accordion-content-text-small-size, var(--scb-accordion-content-text-size));--scb-accordion-content-text-font-current:var(--scb-accordion-content-text-small-font, var(--scb-accordion-content-text-font));--scb-accordion-item-padding-inline:var(--scb-accordion-item-padding-inline-small, var(--spacing-4, 12px));--scb-accordion-item-padding-block:var(--scb-accordion-item-padding-block-small, var(--spacing-4, 12px));--scb-accordion-item-gap:var(--scb-accordion-item-gap-small, var(--spacing-3, 8px));--scb-accordion-chevron-size:var(--scb-accordion-chevron-size-small, var(--icon-size-small, 20px));--scb-accordion-content-padding-top:var(--scb-accordion-content-padding-top-small, var(--spacing-2, 4px));--scb-accordion-content-padding-inline:var(--scb-accordion-content-padding-inline-small, var(--scb-accordion-item-padding-inline));--scb-accordion-content-padding-bottom:var(--scb-accordion-content-padding-bottom-small, var(--scb-accordion-item-padding-inline));--scb-accordion-leading-image-size:var(--scb-accordion-leading-image-size-small, calc(var(--icon-size-medium, 24px) + var(--spacing-4, 12px)));--scb-accordion-leading-icon-size:var(--scb-accordion-leading-icon-size-small, var(--icon-size-small, 20px));--scb-accordion-leading-avatar-size:var(--scb-accordion-leading-avatar-size-small, var(--scale-10, 40px))}md-focus-ring{position:absolute;inset:0;pointer-events:none;border-radius:var(--scb-accordion-focus-ring-radius, var(--md-sys-shape-corner-small, 8px))}.scb-accordion-item{border-bottom:var(--stroke-border, 1px) solid var(--md-sys-color-outline-variant);color:var(--md-sys-color-on-surface);font-family:var(--brand-font)}.scb-accordion-top{list-style:none;display:flex;flex-direction:row;align-items:center;cursor:pointer;padding-block:var(--scb-accordion-item-padding-block, var(--spacing-7, 24px));padding-inline:var(--scb-accordion-item-padding-inline, var(--spacing-5, 16px));border-radius:var(--radius-none, 0px);gap:var(--scb-accordion-item-gap, var(--spacing-5, 16px));color:var(--md-sys-color-on-surface);position:relative;overflow:hidden;-webkit-tap-highlight-color:transparent;outline:0}.scb-accordion-top::-webkit-details-marker{display:none}summary::marker{content:""}:host([density="-2"]) .scb-accordion-top,:host-context([data-density="-2"]) .scb-accordion-top{padding-block:var(--spacing-5, 16px)}:host([density="-4"]) .scb-accordion-top,:host-context([data-density="-4"]) .scb-accordion-top{padding-block:var(--spacing-4, 12px)}.scb-accordion-bottom{display:grid;grid-template-rows:0fr;opacity:0;overflow:hidden;transition:grid-template-rows var(--scb-accordion-motion-duration) var(--scb-accordion-motion-easing),opacity var(--scb-accordion-motion-duration) var(--scb-accordion-motion-easing),padding var(--scb-accordion-motion-duration) var(--scb-accordion-motion-easing);padding-block:var(--scb-accordion-panel-padding-closed);padding-inline:calc(var(--scb-accordion-item-padding-inline, var(--spacing-5, 16px)) - var(--scb-accordion-interaction-bleed))}:host([open]) .scb-accordion-bottom{grid-template-rows:1fr;opacity:1;padding-top:max(var(--spacing-0, 0px),calc(var(--scb-accordion-content-padding-top, var(--spacing-2, 4px)) - var(--scb-accordion-interaction-bleed)));padding-right:calc(var(--scb-accordion-content-padding-inline, var(--scb-accordion-item-padding-inline, var(--spacing-5, 16px))) - var(--scb-accordion-interaction-bleed));padding-bottom:calc(var(--scb-accordion-content-padding-bottom, var(--scb-accordion-item-padding-inline, var(--spacing-5, 16px))) - var(--scb-accordion-interaction-bleed));padding-left:calc(var(--scb-accordion-content-padding-inline, var(--scb-accordion-item-padding-inline, var(--spacing-5, 16px))) - var(--scb-accordion-interaction-bleed))}.bottom-inner{min-height:0;overflow:visible;padding-block:0;padding-inline:var(--scb-accordion-interaction-bleed);color:var(--md-sys-color-on-surface);font-family:var(--scb-accordion-content-text-font-current, var(--brand-font));font-size:var(--scb-accordion-content-text-font-current-size, var(--scb-accordion-content-text-size-current, var(--md-sys-typescale-body-large-size)));line-height:var(--scb-accordion-content-text-line-height-current, var(--md-sys-typescale-body-large-line-height));font-weight:var(--scb-accordion-content-text-font-weight-current, var(--scb-accordion-content-text-weight-current, var(--weight-regular)));letter-spacing:var(--scb-accordion-content-text-letter-spacing-current, var(--scb-accordion-content-text-tracking-current, var(--md-sys-typescale-body-large-tracking)))}:host([open]) .bottom-inner{padding-block:var(--scb-accordion-interaction-bleed)}.bottom-inner ::slotted(div),.bottom-inner ::slotted(ol),.bottom-inner ::slotted(p),.bottom-inner ::slotted(span),.bottom-inner ::slotted(ul){color:inherit;font-family:inherit;font-size:inherit;line-height:inherit;font-weight:inherit;letter-spacing:inherit}.title{font-family:var(--scb-accordion-title-font-current, var(--brand-font));font-size:var(--scb-accordion-title-font-current-size, var(--scb-accordion-title-size-current, var(--md-sys-typescale-title-large-size)));line-height:var(--scb-accordion-title-line-height-current, var(--md-sys-typescale-title-large-line-height));font-weight:var(--scb-accordion-title-font-weight-current, var(--scb-accordion-title-weight-current, var(--weight-semibold)));letter-spacing:var(--scb-accordion-title-letter-spacing-current, var(--scb-accordion-title-tracking-current, var(--md-sys-typescale-title-large-tracking)));color:var(--md-sys-color-on-surface)}.overline,.supporting-text{color:var(--md-sys-color-on-surface-variant)}.overline{font-family:var(--scb-accordion-overline-font-current, var(--brand-font));font-size:var(--scb-accordion-overline-font-current-size, var(--scb-accordion-overline-size-current, var(--md-sys-typescale-label-medium-size)));line-height:var(--scb-accordion-overline-line-height-current, var(--md-sys-typescale-label-medium-line-height));font-weight:var(--scb-accordion-overline-font-weight-current, var(--scb-accordion-overline-weight-current, var(--weight-regular)));letter-spacing:var(--scb-accordion-overline-letter-spacing-current, var(--scb-accordion-overline-tracking-current, var(--md-sys-typescale-label-medium-tracking)))}.supporting-text{font-family:var(--scb-accordion-supporting-font-current, var(--brand-font));font-size:var(--scb-accordion-supporting-font-current-size, var(--scb-accordion-supporting-size-current, var(--md-sys-typescale-body-large-size)));line-height:var(--scb-accordion-supporting-line-height-current, var(--md-sys-typescale-body-large-line-height));font-weight:var(--scb-accordion-supporting-font-weight-current, var(--scb-accordion-supporting-weight-current, var(--weight-regular)));letter-spacing:var(--scb-accordion-supporting-letter-spacing-current, var(--scb-accordion-supporting-tracking-current, var(--md-sys-typescale-body-large-tracking)))}.leading{align-self:center;display:grid;place-items:center}.leading md-icon{--md-icon-size:var(--scb-accordion-leading-icon-size, var(--icon-size-medium, 24px));font-size:var(--scb-accordion-leading-icon-size, var(--icon-size-medium, 24px));inline-size:var(--scb-accordion-leading-icon-size, var(--icon-size-medium, 24px));block-size:var(--scb-accordion-leading-icon-size, var(--icon-size-medium, 24px));line-height:1}.leading scb-avatar{--scb-avatar-size-medium:var(--scb-accordion-leading-avatar-size, var(--scale-10, 40px))}.img{width:var(--scb-accordion-leading-image-size, calc(var(--icon-size-extra-large, 36px) + var(--spacing-5, 16px)));height:var(--scb-accordion-leading-image-size, calc(var(--icon-size-extra-large, 36px) + var(--spacing-5, 16px)));object-fit:contain;border-radius:var(--radius-s, 8px)}.texts{display:grid;gap:var(--spacing-1, 2px)}.chevron{margin-left:auto;--scb-chevron-size:var(--scb-accordion-chevron-size, var(--icon-size-medium, 24px));inline-size:var(--scb-accordion-chevron-size, var(--icon-size-medium, 24px));block-size:var(--scb-accordion-chevron-size, var(--icon-size-medium, 24px))}md-ripple{border-radius:inherit;inset:0;position:absolute;pointer-events:none;overflow:hidden}@media (prefers-reduced-motion:reduce){md-ripple{display:none}}`],d);n([o({type:Boolean,reflect:!0})],r.prototype,"open",void 0);n([o({type:String})],r.prototype,"title",void 0);n([o({type:String})],r.prototype,"content",void 0);n([o({type:String,attribute:"overline"})],r.prototype,"overline",void 0);n([o({type:String,attribute:"supporting-text"})],r.prototype,"supportingText",void 0);n([o({type:Boolean})],r.prototype,"leading",void 0);n([o({type:String,attribute:"leading-variant",reflect:!0})],r.prototype,"leadingVariant",void 0);n([o({type:String,attribute:"leading-icon"})],r.prototype,"leadingIcon",void 0);n([o({type:String,attribute:"img-href-image",reflect:!0})],r.prototype,"imgHrefImage",void 0);n([o({type:String,attribute:"avatar-label"})],r.prototype,"avatarLabel",void 0);n([o({type:String,attribute:"avatar-alt"})],r.prototype,"avatarAlt",void 0);n([o({type:String,attribute:"avatar-variant"})],r.prototype,"avatarVariant",void 0);n([o({type:String,attribute:"avatar-src"})],r.prototype,"avatarSrc",void 0);n([o({type:Number,reflect:!0})],r.prototype,"density",void 0);r=g=n([u("scb-accordion-item")],r);
|
|
42
|
+
`}},g=d,d._uidPrefix=`uid-${Math.random().toString(36).slice(2)}`,d._uidSeq=0,d.styles=[m`:host{--scb-accordion-title-font-weight-current:var(--scb-accordion-title-large-font-weight, var(--scb-accordion-title-large-weight, var(--scb-accordion-title-font-weight, var(--scb-accordion-title-weight))));--scb-accordion-title-letter-spacing-current:var(--scb-accordion-title-large-letter-spacing, var(--scb-accordion-title-large-tracking, var(--scb-accordion-title-letter-spacing, var(--scb-accordion-title-tracking))));--scb-accordion-title-line-height-current:var(--scb-accordion-title-large-line-height, var(--scb-accordion-title-line-height));--scb-accordion-title-tracking-current:var(--scb-accordion-title-large-tracking, var(--scb-accordion-title-large-letter-spacing, var(--scb-accordion-title-tracking, var(--scb-accordion-title-letter-spacing))));--scb-accordion-title-weight-current:var(--scb-accordion-title-large-weight, var(--scb-accordion-title-large-font-weight, var(--scb-accordion-title-weight, var(--scb-accordion-title-font-weight))));--scb-accordion-title-size-current:var(--scb-accordion-title-large-size, var(--scb-accordion-title-size));--scb-accordion-title-font-current:var(--scb-accordion-title-large-font, var(--scb-accordion-title-font));--scb-accordion-overline-font-weight-current:var(--scb-accordion-overline-large-font-weight, var(--scb-accordion-overline-large-weight, var(--scb-accordion-overline-font-weight, var(--scb-accordion-overline-weight))));--scb-accordion-overline-letter-spacing-current:var(--scb-accordion-overline-large-letter-spacing, var(--scb-accordion-overline-large-tracking, var(--scb-accordion-overline-letter-spacing, var(--scb-accordion-overline-tracking))));--scb-accordion-overline-line-height-current:var(--scb-accordion-overline-large-line-height, var(--scb-accordion-overline-line-height));--scb-accordion-overline-tracking-current:var(--scb-accordion-overline-large-tracking, var(--scb-accordion-overline-large-letter-spacing, var(--scb-accordion-overline-tracking, var(--scb-accordion-overline-letter-spacing))));--scb-accordion-overline-weight-current:var(--scb-accordion-overline-large-weight, var(--scb-accordion-overline-large-font-weight, var(--scb-accordion-overline-weight, var(--scb-accordion-overline-font-weight))));--scb-accordion-overline-size-current:var(--scb-accordion-overline-large-size, var(--scb-accordion-overline-size));--scb-accordion-overline-font-current:var(--scb-accordion-overline-large-font, var(--scb-accordion-overline-font));--scb-accordion-supporting-font-weight-current:var(--scb-accordion-supporting-large-font-weight, var(--scb-accordion-supporting-large-weight, var(--scb-accordion-supporting-font-weight, var(--scb-accordion-supporting-weight))));--scb-accordion-supporting-letter-spacing-current:var(--scb-accordion-supporting-large-letter-spacing, var(--scb-accordion-supporting-large-tracking, var(--scb-accordion-supporting-letter-spacing, var(--scb-accordion-supporting-tracking))));--scb-accordion-supporting-line-height-current:var(--scb-accordion-supporting-large-line-height, var(--scb-accordion-supporting-line-height));--scb-accordion-supporting-tracking-current:var(--scb-accordion-supporting-large-tracking, var(--scb-accordion-supporting-large-letter-spacing, var(--scb-accordion-supporting-tracking, var(--scb-accordion-supporting-letter-spacing))));--scb-accordion-supporting-weight-current:var(--scb-accordion-supporting-large-weight, var(--scb-accordion-supporting-large-font-weight, var(--scb-accordion-supporting-weight, var(--scb-accordion-supporting-font-weight))));--scb-accordion-supporting-size-current:var(--scb-accordion-supporting-large-size, var(--scb-accordion-supporting-size));--scb-accordion-supporting-font-current:var(--scb-accordion-supporting-large-font, var(--scb-accordion-supporting-font));--scb-accordion-content-text-font-weight-current:var(--scb-accordion-content-text-large-font-weight, var(--scb-accordion-content-text-large-weight, var(--scb-accordion-content-text-font-weight, var(--scb-accordion-content-text-weight))));--scb-accordion-content-text-letter-spacing-current:var(--scb-accordion-content-text-large-letter-spacing, var(--scb-accordion-content-text-large-tracking, var(--scb-accordion-content-text-letter-spacing, var(--scb-accordion-content-text-tracking))));--scb-accordion-content-text-line-height-current:var(--scb-accordion-content-text-large-line-height, var(--scb-accordion-content-text-line-height));--scb-accordion-content-text-tracking-current:var(--scb-accordion-content-text-large-tracking, var(--scb-accordion-content-text-large-letter-spacing, var(--scb-accordion-content-text-tracking, var(--scb-accordion-content-text-letter-spacing))));--scb-accordion-content-text-weight-current:var(--scb-accordion-content-text-large-weight, var(--scb-accordion-content-text-large-font-weight, var(--scb-accordion-content-text-weight, var(--scb-accordion-content-text-font-weight))));--scb-accordion-content-text-size-current:var(--scb-accordion-content-text-large-size, var(--scb-accordion-content-text-size));--scb-accordion-content-text-font-current:var(--scb-accordion-content-text-large-font, var(--scb-accordion-content-text-font));display:block;position:relative;--scb-accordion-hover-radius:var(--radius-none, 0px);--scb-accordion-chevron-nudge-y:3px;--scb-accordion-motion-duration:var(--motion-duration-short, 200ms);--scb-accordion-motion-easing:var(
|
|
43
|
+
--motion-easing-emphasized-accelerate,
|
|
44
|
+
cubic-bezier(0.3, 0, 0.8, 0.15)
|
|
45
|
+
);--scb-accordion-panel-padding-closed:var(--spacing-0, 0px);--scb-accordion-interaction-bleed:max(var(--stroke-focus-ring, 3px), var(--spacing-2, 4px));--scb-accordion-item-padding-inline:var(--scb-accordion-item-padding-inline-large, var(--spacing-6, 20px));--scb-accordion-item-padding-block:var(--scb-accordion-item-padding-block-large, var(--spacing-8, 28px));--scb-accordion-item-gap:var(--scb-accordion-item-gap-large, var(--spacing-6, 20px));--scb-accordion-chevron-size:var(--scb-accordion-chevron-size-large, var(--icon-size-medium, 24px));--scb-accordion-content-padding-top:var(--scb-accordion-content-padding-top-large, var(--spacing-2, 4px));--scb-accordion-content-padding-inline:var(--scb-accordion-content-padding-inline-large, var(--scb-accordion-item-padding-inline));--scb-accordion-content-padding-bottom:var(--scb-accordion-content-padding-bottom-large, var(--scb-accordion-item-padding-inline));--scb-accordion-leading-image-size:var(--scb-accordion-leading-image-size-large, calc(var(--icon-size-extra-large, 36px) + var(--spacing-5, 16px)));--scb-accordion-leading-icon-size:var(--scb-accordion-leading-icon-size-large, var(--icon-size-medium, 24px));--scb-accordion-leading-avatar-size:var(--scb-accordion-leading-avatar-size-large, var(--scale-10, 40px))}:host([open]){--scb-accordion-motion-duration:var(--motion-duration-medium, 300ms);--scb-accordion-motion-easing:var(
|
|
46
|
+
--motion-easing-emphasized-decelerate,
|
|
47
|
+
cubic-bezier(0.05, 0.7, 0.1, 1)
|
|
48
|
+
)}:host-context(scb-accordion[size='medium']){--scb-accordion-title-font-weight-current:var(--scb-accordion-title-medium-font-weight, var(--scb-accordion-title-medium-weight, var(--scb-accordion-title-font-weight, var(--scb-accordion-title-weight))));--scb-accordion-title-letter-spacing-current:var(--scb-accordion-title-medium-letter-spacing, var(--scb-accordion-title-medium-tracking, var(--scb-accordion-title-letter-spacing, var(--scb-accordion-title-tracking))));--scb-accordion-title-line-height-current:var(--scb-accordion-title-medium-line-height, var(--scb-accordion-title-line-height));--scb-accordion-title-tracking-current:var(--scb-accordion-title-medium-tracking, var(--scb-accordion-title-medium-letter-spacing, var(--scb-accordion-title-tracking, var(--scb-accordion-title-letter-spacing))));--scb-accordion-title-weight-current:var(--scb-accordion-title-medium-weight, var(--scb-accordion-title-medium-font-weight, var(--scb-accordion-title-weight, var(--scb-accordion-title-font-weight))));--scb-accordion-title-size-current:var(--scb-accordion-title-medium-size, var(--scb-accordion-title-size));--scb-accordion-title-font-current:var(--scb-accordion-title-medium-font, var(--scb-accordion-title-font));--scb-accordion-overline-font-weight-current:var(--scb-accordion-overline-medium-font-weight, var(--scb-accordion-overline-medium-weight, var(--scb-accordion-overline-font-weight, var(--scb-accordion-overline-weight))));--scb-accordion-overline-letter-spacing-current:var(--scb-accordion-overline-medium-letter-spacing, var(--scb-accordion-overline-medium-tracking, var(--scb-accordion-overline-letter-spacing, var(--scb-accordion-overline-tracking))));--scb-accordion-overline-line-height-current:var(--scb-accordion-overline-medium-line-height, var(--scb-accordion-overline-line-height));--scb-accordion-overline-tracking-current:var(--scb-accordion-overline-medium-tracking, var(--scb-accordion-overline-medium-letter-spacing, var(--scb-accordion-overline-tracking, var(--scb-accordion-overline-letter-spacing))));--scb-accordion-overline-weight-current:var(--scb-accordion-overline-medium-weight, var(--scb-accordion-overline-medium-font-weight, var(--scb-accordion-overline-weight, var(--scb-accordion-overline-font-weight))));--scb-accordion-overline-size-current:var(--scb-accordion-overline-medium-size, var(--scb-accordion-overline-size));--scb-accordion-overline-font-current:var(--scb-accordion-overline-medium-font, var(--scb-accordion-overline-font));--scb-accordion-supporting-font-weight-current:var(--scb-accordion-supporting-medium-font-weight, var(--scb-accordion-supporting-medium-weight, var(--scb-accordion-supporting-font-weight, var(--scb-accordion-supporting-weight))));--scb-accordion-supporting-letter-spacing-current:var(--scb-accordion-supporting-medium-letter-spacing, var(--scb-accordion-supporting-medium-tracking, var(--scb-accordion-supporting-letter-spacing, var(--scb-accordion-supporting-tracking))));--scb-accordion-supporting-line-height-current:var(--scb-accordion-supporting-medium-line-height, var(--scb-accordion-supporting-line-height));--scb-accordion-supporting-tracking-current:var(--scb-accordion-supporting-medium-tracking, var(--scb-accordion-supporting-medium-letter-spacing, var(--scb-accordion-supporting-tracking, var(--scb-accordion-supporting-letter-spacing))));--scb-accordion-supporting-weight-current:var(--scb-accordion-supporting-medium-weight, var(--scb-accordion-supporting-medium-font-weight, var(--scb-accordion-supporting-weight, var(--scb-accordion-supporting-font-weight))));--scb-accordion-supporting-size-current:var(--scb-accordion-supporting-medium-size, var(--scb-accordion-supporting-size));--scb-accordion-supporting-font-current:var(--scb-accordion-supporting-medium-font, var(--scb-accordion-supporting-font));--scb-accordion-content-text-font-weight-current:var(--scb-accordion-content-text-medium-font-weight, var(--scb-accordion-content-text-medium-weight, var(--scb-accordion-content-text-font-weight, var(--scb-accordion-content-text-weight))));--scb-accordion-content-text-letter-spacing-current:var(--scb-accordion-content-text-medium-letter-spacing, var(--scb-accordion-content-text-medium-tracking, var(--scb-accordion-content-text-letter-spacing, var(--scb-accordion-content-text-tracking))));--scb-accordion-content-text-line-height-current:var(--scb-accordion-content-text-medium-line-height, var(--scb-accordion-content-text-line-height));--scb-accordion-content-text-tracking-current:var(--scb-accordion-content-text-medium-tracking, var(--scb-accordion-content-text-medium-letter-spacing, var(--scb-accordion-content-text-tracking, var(--scb-accordion-content-text-letter-spacing))));--scb-accordion-content-text-weight-current:var(--scb-accordion-content-text-medium-weight, var(--scb-accordion-content-text-medium-font-weight, var(--scb-accordion-content-text-weight, var(--scb-accordion-content-text-font-weight))));--scb-accordion-content-text-size-current:var(--scb-accordion-content-text-medium-size, var(--scb-accordion-content-text-size));--scb-accordion-content-text-font-current:var(--scb-accordion-content-text-medium-font, var(--scb-accordion-content-text-font));--scb-accordion-item-padding-inline:var(--scb-accordion-item-padding-inline-medium, var(--spacing-5, 16px));--scb-accordion-item-padding-block:var(--scb-accordion-item-padding-block-medium, var(--spacing-6, 20px));--scb-accordion-item-gap:var(--scb-accordion-item-gap-medium, var(--spacing-4, 12px));--scb-accordion-chevron-size:var(--scb-accordion-chevron-size-medium, var(--icon-size-small, 20px));--scb-accordion-content-padding-top:var(--scb-accordion-content-padding-top-medium, var(--spacing-2, 4px));--scb-accordion-content-padding-inline:var(--scb-accordion-content-padding-inline-medium, var(--scb-accordion-item-padding-inline));--scb-accordion-content-padding-bottom:var(--scb-accordion-content-padding-bottom-medium, var(--scb-accordion-item-padding-inline));--scb-accordion-leading-image-size:var(--scb-accordion-leading-image-size-medium, calc(var(--icon-size-large, 32px) + var(--spacing-4, 12px)));--scb-accordion-leading-icon-size:var(--scb-accordion-leading-icon-size-medium, var(--icon-size-medium, 24px));--scb-accordion-leading-avatar-size:var(--scb-accordion-leading-avatar-size-medium, var(--scale-10, 40px))}:host-context(scb-accordion[size='small']){--scb-accordion-title-font-weight-current:var(--scb-accordion-title-small-font-weight, var(--scb-accordion-title-small-weight, var(--scb-accordion-title-font-weight, var(--scb-accordion-title-weight))));--scb-accordion-title-letter-spacing-current:var(--scb-accordion-title-small-letter-spacing, var(--scb-accordion-title-small-tracking, var(--scb-accordion-title-letter-spacing, var(--scb-accordion-title-tracking))));--scb-accordion-title-line-height-current:var(--scb-accordion-title-small-line-height, var(--scb-accordion-title-line-height));--scb-accordion-title-tracking-current:var(--scb-accordion-title-small-tracking, var(--scb-accordion-title-small-letter-spacing, var(--scb-accordion-title-tracking, var(--scb-accordion-title-letter-spacing))));--scb-accordion-title-weight-current:var(--scb-accordion-title-small-weight, var(--scb-accordion-title-small-font-weight, var(--scb-accordion-title-weight, var(--scb-accordion-title-font-weight))));--scb-accordion-title-size-current:var(--scb-accordion-title-small-size, var(--scb-accordion-title-size));--scb-accordion-title-font-current:var(--scb-accordion-title-small-font, var(--scb-accordion-title-font));--scb-accordion-overline-font-weight-current:var(--scb-accordion-overline-small-font-weight, var(--scb-accordion-overline-small-weight, var(--scb-accordion-overline-font-weight, var(--scb-accordion-overline-weight))));--scb-accordion-overline-letter-spacing-current:var(--scb-accordion-overline-small-letter-spacing, var(--scb-accordion-overline-small-tracking, var(--scb-accordion-overline-letter-spacing, var(--scb-accordion-overline-tracking))));--scb-accordion-overline-line-height-current:var(--scb-accordion-overline-small-line-height, var(--scb-accordion-overline-line-height));--scb-accordion-overline-tracking-current:var(--scb-accordion-overline-small-tracking, var(--scb-accordion-overline-small-letter-spacing, var(--scb-accordion-overline-tracking, var(--scb-accordion-overline-letter-spacing))));--scb-accordion-overline-weight-current:var(--scb-accordion-overline-small-weight, var(--scb-accordion-overline-small-font-weight, var(--scb-accordion-overline-weight, var(--scb-accordion-overline-font-weight))));--scb-accordion-overline-size-current:var(--scb-accordion-overline-small-size, var(--scb-accordion-overline-size));--scb-accordion-overline-font-current:var(--scb-accordion-overline-small-font, var(--scb-accordion-overline-font));--scb-accordion-supporting-font-weight-current:var(--scb-accordion-supporting-small-font-weight, var(--scb-accordion-supporting-small-weight, var(--scb-accordion-supporting-font-weight, var(--scb-accordion-supporting-weight))));--scb-accordion-supporting-letter-spacing-current:var(--scb-accordion-supporting-small-letter-spacing, var(--scb-accordion-supporting-small-tracking, var(--scb-accordion-supporting-letter-spacing, var(--scb-accordion-supporting-tracking))));--scb-accordion-supporting-line-height-current:var(--scb-accordion-supporting-small-line-height, var(--scb-accordion-supporting-line-height));--scb-accordion-supporting-tracking-current:var(--scb-accordion-supporting-small-tracking, var(--scb-accordion-supporting-small-letter-spacing, var(--scb-accordion-supporting-tracking, var(--scb-accordion-supporting-letter-spacing))));--scb-accordion-supporting-weight-current:var(--scb-accordion-supporting-small-weight, var(--scb-accordion-supporting-small-font-weight, var(--scb-accordion-supporting-weight, var(--scb-accordion-supporting-font-weight))));--scb-accordion-supporting-size-current:var(--scb-accordion-supporting-small-size, var(--scb-accordion-supporting-size));--scb-accordion-supporting-font-current:var(--scb-accordion-supporting-small-font, var(--scb-accordion-supporting-font));--scb-accordion-content-text-font-weight-current:var(--scb-accordion-content-text-small-font-weight, var(--scb-accordion-content-text-small-weight, var(--scb-accordion-content-text-font-weight, var(--scb-accordion-content-text-weight))));--scb-accordion-content-text-letter-spacing-current:var(--scb-accordion-content-text-small-letter-spacing, var(--scb-accordion-content-text-small-tracking, var(--scb-accordion-content-text-letter-spacing, var(--scb-accordion-content-text-tracking))));--scb-accordion-content-text-line-height-current:var(--scb-accordion-content-text-small-line-height, var(--scb-accordion-content-text-line-height));--scb-accordion-content-text-tracking-current:var(--scb-accordion-content-text-small-tracking, var(--scb-accordion-content-text-small-letter-spacing, var(--scb-accordion-content-text-tracking, var(--scb-accordion-content-text-letter-spacing))));--scb-accordion-content-text-weight-current:var(--scb-accordion-content-text-small-weight, var(--scb-accordion-content-text-small-font-weight, var(--scb-accordion-content-text-weight, var(--scb-accordion-content-text-font-weight))));--scb-accordion-content-text-size-current:var(--scb-accordion-content-text-small-size, var(--scb-accordion-content-text-size));--scb-accordion-content-text-font-current:var(--scb-accordion-content-text-small-font, var(--scb-accordion-content-text-font));--scb-accordion-item-padding-inline:var(--scb-accordion-item-padding-inline-small, var(--spacing-4, 12px));--scb-accordion-item-padding-block:var(--scb-accordion-item-padding-block-small, var(--spacing-4, 12px));--scb-accordion-item-gap:var(--scb-accordion-item-gap-small, var(--spacing-3, 8px));--scb-accordion-chevron-size:var(--scb-accordion-chevron-size-small, var(--icon-size-small, 20px));--scb-accordion-content-padding-top:var(--scb-accordion-content-padding-top-small, var(--spacing-2, 4px));--scb-accordion-content-padding-inline:var(--scb-accordion-content-padding-inline-small, var(--scb-accordion-item-padding-inline));--scb-accordion-content-padding-bottom:var(--scb-accordion-content-padding-bottom-small, var(--scb-accordion-item-padding-inline));--scb-accordion-leading-image-size:var(--scb-accordion-leading-image-size-small, calc(var(--icon-size-medium, 24px) + var(--spacing-4, 12px)));--scb-accordion-leading-icon-size:var(--scb-accordion-leading-icon-size-small, var(--icon-size-small, 20px));--scb-accordion-leading-avatar-size:var(--scb-accordion-leading-avatar-size-small, var(--scale-10, 40px))}md-focus-ring{position:absolute;inset:0;pointer-events:none;border-radius:var(--scb-accordion-focus-ring-radius, var(--md-sys-shape-corner-small, 8px))}.scb-accordion-item{border-bottom:var(--stroke-border, 1px) solid var(--md-sys-color-outline-variant);color:var(--md-sys-color-on-surface);font-family:var(--brand-font)}.scb-accordion-top{list-style:none;display:flex;flex-direction:row;align-items:center;cursor:pointer;padding-block:var(--scb-accordion-item-padding-block, var(--spacing-7, 24px));padding-inline:var(--scb-accordion-item-padding-inline, var(--spacing-5, 16px));border-radius:var(--radius-none, 0px);gap:var(--scb-accordion-item-gap, var(--spacing-5, 16px));color:var(--md-sys-color-on-surface);position:relative;overflow:hidden;-webkit-tap-highlight-color:transparent;outline:0}.scb-accordion-top::-webkit-details-marker{display:none}summary::marker{content:""}:host([density="-2"]) .scb-accordion-top,:host-context([data-density="-2"]) .scb-accordion-top{padding-block:var(--spacing-5, 16px)}:host([density="-4"]) .scb-accordion-top,:host-context([data-density="-4"]) .scb-accordion-top{padding-block:var(--spacing-4, 12px)}.scb-accordion-bottom{display:grid;grid-template-rows:0fr;opacity:0;overflow:hidden;transition:grid-template-rows var(--scb-accordion-motion-duration) var(--scb-accordion-motion-easing),opacity var(--scb-accordion-motion-duration) var(--scb-accordion-motion-easing),padding var(--scb-accordion-motion-duration) var(--scb-accordion-motion-easing);padding-block:var(--scb-accordion-panel-padding-closed);padding-inline:calc(var(--scb-accordion-item-padding-inline, var(--spacing-5, 16px)) - var(--scb-accordion-interaction-bleed))}:host([open]) .scb-accordion-bottom{grid-template-rows:1fr;opacity:1;padding-top:max(var(--spacing-0, 0px),calc(var(--scb-accordion-content-padding-top, var(--spacing-2, 4px)) - var(--scb-accordion-interaction-bleed)));padding-right:calc(var(--scb-accordion-content-padding-inline, var(--scb-accordion-item-padding-inline, var(--spacing-5, 16px))) - var(--scb-accordion-interaction-bleed));padding-bottom:calc(var(--scb-accordion-content-padding-bottom, var(--scb-accordion-item-padding-inline, var(--spacing-5, 16px))) - var(--scb-accordion-interaction-bleed));padding-left:calc(var(--scb-accordion-content-padding-inline, var(--scb-accordion-item-padding-inline, var(--spacing-5, 16px))) - var(--scb-accordion-interaction-bleed))}.bottom-inner{min-height:0;overflow:visible;padding-block:0;padding-inline:var(--scb-accordion-interaction-bleed);transition:padding-block 0s linear var(--scb-accordion-motion-duration);color:var(--md-sys-color-on-surface);font-family:var(--scb-accordion-content-text-font-current, var(--brand-font));font-size:var(--scb-accordion-content-text-font-current-size, var(--scb-accordion-content-text-size-current, var(--md-sys-typescale-body-large-size)));line-height:var(--scb-accordion-content-text-line-height-current, var(--md-sys-typescale-body-large-line-height));font-weight:var(--scb-accordion-content-text-font-weight-current, var(--scb-accordion-content-text-weight-current, var(--weight-regular)));letter-spacing:var(--scb-accordion-content-text-letter-spacing-current, var(--scb-accordion-content-text-tracking-current, var(--md-sys-typescale-body-large-tracking)))}:host([open]) .bottom-inner{padding-block:var(--scb-accordion-interaction-bleed);transition-delay:0s}.bottom-inner ::slotted(div),.bottom-inner ::slotted(ol),.bottom-inner ::slotted(p),.bottom-inner ::slotted(span),.bottom-inner ::slotted(ul){color:inherit;font-family:inherit;font-size:inherit;line-height:inherit;font-weight:inherit;letter-spacing:inherit}.title{font-family:var(--scb-accordion-title-font-current, var(--brand-font));font-size:var(--scb-accordion-title-font-current-size, var(--scb-accordion-title-size-current, var(--md-sys-typescale-title-large-size)));line-height:var(--scb-accordion-title-line-height-current, var(--md-sys-typescale-title-large-line-height));font-weight:var(--scb-accordion-title-font-weight-current, var(--scb-accordion-title-weight-current, var(--weight-semibold)));letter-spacing:var(--scb-accordion-title-letter-spacing-current, var(--scb-accordion-title-tracking-current, var(--md-sys-typescale-title-large-tracking)));color:var(--md-sys-color-on-surface)}.overline,.supporting-text{color:var(--md-sys-color-on-surface-variant)}.overline{font-family:var(--scb-accordion-overline-font-current, var(--brand-font));font-size:var(--scb-accordion-overline-font-current-size, var(--scb-accordion-overline-size-current, var(--md-sys-typescale-label-medium-size)));line-height:var(--scb-accordion-overline-line-height-current, var(--md-sys-typescale-label-medium-line-height));font-weight:var(--scb-accordion-overline-font-weight-current, var(--scb-accordion-overline-weight-current, var(--weight-regular)));letter-spacing:var(--scb-accordion-overline-letter-spacing-current, var(--scb-accordion-overline-tracking-current, var(--md-sys-typescale-label-medium-tracking)))}.supporting-text{font-family:var(--scb-accordion-supporting-font-current, var(--brand-font));font-size:var(--scb-accordion-supporting-font-current-size, var(--scb-accordion-supporting-size-current, var(--md-sys-typescale-body-large-size)));line-height:var(--scb-accordion-supporting-line-height-current, var(--md-sys-typescale-body-large-line-height));font-weight:var(--scb-accordion-supporting-font-weight-current, var(--scb-accordion-supporting-weight-current, var(--weight-regular)));letter-spacing:var(--scb-accordion-supporting-letter-spacing-current, var(--scb-accordion-supporting-tracking-current, var(--md-sys-typescale-body-large-tracking)))}.leading{align-self:center;display:grid;place-items:center}.leading md-icon{--md-icon-size:var(--scb-accordion-leading-icon-size, var(--icon-size-medium, 24px));font-size:var(--scb-accordion-leading-icon-size, var(--icon-size-medium, 24px));inline-size:var(--scb-accordion-leading-icon-size, var(--icon-size-medium, 24px));block-size:var(--scb-accordion-leading-icon-size, var(--icon-size-medium, 24px));line-height:1}.leading scb-avatar{--scb-avatar-size-medium:var(--scb-accordion-leading-avatar-size, var(--scale-10, 40px))}.img{width:var(--scb-accordion-leading-image-size, calc(var(--icon-size-extra-large, 36px) + var(--spacing-5, 16px)));height:var(--scb-accordion-leading-image-size, calc(var(--icon-size-extra-large, 36px) + var(--spacing-5, 16px)));object-fit:contain;border-radius:var(--radius-s, 8px)}.texts{display:grid;gap:var(--spacing-1, 2px)}.chevron{margin-left:auto;--scb-chevron-size:var(--scb-accordion-chevron-size, var(--icon-size-medium, 24px));inline-size:var(--scb-accordion-chevron-size, var(--icon-size-medium, 24px));block-size:var(--scb-accordion-chevron-size, var(--icon-size-medium, 24px))}md-ripple{border-radius:inherit;inset:0;position:absolute;pointer-events:none;overflow:hidden}@media (prefers-reduced-motion:reduce){md-ripple{display:none}.bottom-inner,.scb-accordion-bottom{transition:none}}`],d);o([n({type:Boolean,reflect:!0})],r.prototype,"open",void 0);o([n({type:String})],r.prototype,"title",void 0);o([n({type:String})],r.prototype,"content",void 0);o([n({type:String,attribute:"overline"})],r.prototype,"overline",void 0);o([n({type:String,attribute:"supporting-text"})],r.prototype,"supportingText",void 0);o([n({type:Boolean})],r.prototype,"leading",void 0);o([n({type:String,attribute:"leading-variant",reflect:!0})],r.prototype,"leadingVariant",void 0);o([n({type:String,attribute:"leading-icon"})],r.prototype,"leadingIcon",void 0);o([n({type:String,attribute:"img-href-image",reflect:!0})],r.prototype,"imgHrefImage",void 0);o([n({type:String,attribute:"avatar-label"})],r.prototype,"avatarLabel",void 0);o([n({type:String,attribute:"avatar-alt"})],r.prototype,"avatarAlt",void 0);o([n({type:String,attribute:"avatar-variant"})],r.prototype,"avatarVariant",void 0);o([n({type:String,attribute:"avatar-src"})],r.prototype,"avatarSrc",void 0);o([n({type:Number,reflect:!0})],r.prototype,"density",void 0);r=g=o([u("scb-accordion-item")],r);
|
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
import{h as
|
|
2
|
-
<header class=${`variant-${e} size-${z.call(a(t,this))} ${
|
|
1
|
+
import{h as L,m as O,p as c,v,y as M}from"../../vendor/vendor.js";import"../../vendor/vendor-lit.js";import{t as q}from"../../vendor/component-defaults.js";import{t as n}from"../../vendor/decorate.js";import{n as I,t as a}from"../../vendor/assertClassBrand.js";import"../scb-avatar/scb-avatar.js";import"../scb-button/scb-button.js";import"../scb-icon-button/scb-icon-button.js";import{closeManualPopover as x,openManualPopover as N}from"../shared/manual-popover.js";import"../scb-search/scb-search.js";(function(){try{var i=typeof globalThis<"u"?globalThis:window;if(!i.__scb_ce_guard_installed__){i.__scb_ce_guard_installed__=!0;var e=customElements.define.bind(customElements);customElements.define=function(s,p,h){try{customElements.get(s)||e(s,p,h)}catch(o){var b=String(o||"");if(b.indexOf("already been used")===-1&&b.indexOf("NotSupportedError")===-1)throw o}}}}catch{}})();var t,u,F={default:{size:"small",variant:"centered"},"small-flexible":{size:"small",variant:"start"},search:{size:"small",variant:"search"},"medium-flexible":{size:"medium",variant:"start"},"large-flexible":{size:"large",variant:"start"}},U={"action-size":{small:"var(--scb-buttons-control-size-medium, var(--scb-control-size-medium, var(--scale-10, 40px)))",medium:"var(--scb-buttons-control-size-medium, var(--scb-control-size-medium, var(--scale-10, 40px)))",large:"var(--scb-buttons-control-size-medium, var(--scb-control-size-medium, var(--scale-10, 40px)))"},"action-icon-size":{small:"var(--scb-buttons-icon-size-medium, var(--icon-size-small, 20px))",medium:"var(--scb-buttons-icon-size-medium, var(--icon-size-small, 20px))",large:"var(--scb-buttons-icon-size-medium, var(--icon-size-small, 20px))"},"action-padding-inline":{small:"var(--scb-buttons-padding-inline-small, var(--spacing-4, 12px))",medium:"var(--scb-buttons-padding-inline-small, var(--spacing-4, 12px))",large:"var(--scb-buttons-padding-inline-small, var(--spacing-4, 12px))"},"action-padding-block":{small:"var(--scb-buttons-padding-block-small, var(--spacing-2, 4px))",medium:"var(--scb-buttons-padding-block-small, var(--spacing-2, 4px))",large:"var(--scb-buttons-padding-block-small, var(--spacing-2, 4px))"},"avatar-size":{small:"var(--scb-avatar-size-small, var(--scale-08, 32px))",medium:"var(--scb-avatar-size-small, var(--scale-08, 32px))",large:"var(--scb-avatar-size-small, var(--scale-08, 32px))"},"avatar-icon-size":{small:"var(--scb-avatar-icon-size-small, var(--icon-size-small, 20px))",medium:"var(--scb-avatar-icon-size-small, var(--icon-size-small, 20px))",large:"var(--scb-avatar-icon-size-small, var(--icon-size-small, 20px))"},"search-height":{small:"var(--scb-fields-control-size-small, var(--scb-control-size-small, var(--scale-08, 32px)))",medium:"var(--scb-fields-control-size-small, var(--scb-control-size-small, var(--scale-08, 32px)))",large:"var(--scb-fields-control-size-small, var(--scb-control-size-small, var(--scale-08, 32px)))"},"search-padding-inline":{small:"var(--scb-fields-search-padding-inline-small, var(--spacing-3, 8px))",medium:"var(--scb-fields-search-padding-inline-small, var(--spacing-3, 8px))",large:"var(--scb-fields-search-padding-inline-small, var(--spacing-3, 8px))"},"search-padding-block":{small:"var(--scb-fields-padding-block-small, var(--spacing-1, 2px))",medium:"var(--scb-fields-padding-block-small, var(--spacing-1, 2px))",large:"var(--scb-fields-padding-block-small, var(--spacing-1, 2px))"},"search-icon-size":{small:"var(--scb-fields-icon-size-small, var(--icon-size-small, 20px))",medium:"var(--scb-fields-icon-size-small, var(--icon-size-small, 20px))",large:"var(--scb-fields-icon-size-small, var(--icon-size-small, 20px))"}},r=(t=new WeakSet,u=class extends L{constructor(...e){super(...e),I(this,t),this.title="",this.appBarTitle="",this.size=q["scb-app-bar"].size,this.variant="centered",this.type="",this.position="default",this.ariaLabel="",this.defaultAriaLabel="Appfält",this.searchAriaLabel="Sökfält",this.searchSupportingText="",this.spacing=void 0,this.spacingTop=void 0,this.spacingBottom=void 0,this.spacingLeft=void 0,this.spacingRight=void 0,this.__titleResizeRaf=0}connectedCallback(){super.connectedCallback(),typeof ResizeObserver<"u"&&(this.__titleResizeObserver=new ResizeObserver(()=>a(t,this,g).call(this)))}disconnectedCallback(){this.__titleResizeRaf&&(cancelAnimationFrame(this.__titleResizeRaf),this.__titleResizeRaf=0),this.__titleResizeObserver?.disconnect(),this.__titleResizeObserver=void 0,x(this.renderRoot.querySelector("header")),super.disconnectedCallback()}handleActionsSlotChange(e){e.target.assignedElements({flatten:!0}).forEach(s=>{a(t,this,R).call(this,s)}),a(t,this,g).call(this)}handleAvatarSlotChange(e){e.target.assignedElements({flatten:!0}).forEach(s=>{a(t,this,T).call(this,s)}),a(t,this,g).call(this)}firstUpdated(){a(t,this,k).call(this),a(t,this,w).call(this),a(t,this,_).call(this)}updated(e){if((e.has("title")||e.has("appBarTitle"))&&(this.dispatchEvent(new CustomEvent("title-changed",{detail:{title:f.call(a(t,this))},bubbles:!0,composed:!0})),this.dispatchEvent(new CustomEvent("app-bar-title-changed",{detail:{appBarTitle:f.call(a(t,this))},bubbles:!0,composed:!0}))),e.has("position")){const s=this.renderRoot.querySelector("header");this.position==="top"||this.position==="bottom"?N(s):x(s),this.dispatchEvent(new CustomEvent("position-changed",{detail:{position:this.position},bubbles:!0,composed:!0}))}e.has("type")&&this.dispatchEvent(new CustomEvent("type-changed",{detail:{type:this.type},bubbles:!0,composed:!0})),e.has("size")&&this.dispatchEvent(new CustomEvent("size-changed",{detail:{size:z.call(a(t,this))},bubbles:!0,composed:!0})),e.has("variant")&&this.dispatchEvent(new CustomEvent("variant-changed",{detail:{variant:d.call(a(t,this))},bubbles:!0,composed:!0})),(e.has("type")||e.has("size")||e.has("variant"))&&this.updateComplete.then(()=>{a(t,this,w).call(this),a(t,this,_).call(this)}),e.has("searchSupportingText")&&this.dispatchEvent(new CustomEvent("search-supporting-text-changed",{detail:{searchSupportingText:this.searchSupportingText},bubbles:!0,composed:!0})),(e.has("spacing")||e.has("spacingTop")||e.has("spacingBottom")||e.has("spacingLeft")||e.has("spacingRight"))&&a(t,this,k).call(this)}mapSpacingToken(e){if(!e)return;const s=String(e).trim();if(s)return/^\d+$/.test(s)?`var(--spacing-${Math.max(0,Math.min(14,parseInt(s,10)))})`:s}render(){const e=d.call(a(t,this));return v`
|
|
2
|
+
<header class=${`variant-${e} size-${z.call(a(t,this))} ${j.call(a(t,this))}`} role="banner" aria-label=${H.call(a(t,this))}>
|
|
3
3
|
<div class="leading">
|
|
4
4
|
<slot name="leading" @slotchange=${this.handleActionsSlotChange}></slot>
|
|
5
5
|
</div>
|
|
6
6
|
${e==="search"?v`
|
|
7
7
|
<div class="search-container">
|
|
8
|
-
<scb-search style=${
|
|
8
|
+
<scb-search style=${G.call(a(t,this))} supporting-text=${this.searchSupportingText}></scb-search>
|
|
9
9
|
</div>
|
|
10
10
|
`:v`
|
|
11
11
|
<h1 class="headline">${f.call(a(t,this))}</h1>
|
|
@@ -15,4 +15,4 @@ import{h as P,m as L,p as c,v,y as O}from"../../vendor/vendor.js";import"../../v
|
|
|
15
15
|
<slot name="avatar" @slotchange=${this.handleAvatarSlotChange}></slot>
|
|
16
16
|
</div>
|
|
17
17
|
</header>
|
|
18
|
-
`}},u.styles=[O`:host{display:block;font-family:var(--brand-font, Inter, Arial, sans-serif);position:relative;container-type:inline-size;container-name:app-bar-container;margin-block-start:var(--scb-app-bar-spacing-block-start, 0);margin-block-end:var(--scb-app-bar-spacing-block-end, 0);margin-inline-start:var(--scb-app-bar-spacing-inline-start, 0);margin-inline-end:var(--scb-app-bar-spacing-inline-end, 0)}header{background:var(--md-sys-color-surface-container);color:var(--md-sys-color-on-surface);display:flex;align-items:center;padding:0 var(--scb-app-bar-current-padding-inline);position:relative;z-index:10;transition:height .3s,min-height .3s;min-height:var(--scb-app-bar-current-height)}header.size-small{--scb-app-bar-current-height:var(--scb-app-bar-height-small, 64px);--scb-app-bar-current-padding-inline:var(--scb-app-bar-padding-inline-small, var(--spacing-5, 16px));--scb-app-bar-current-gap:var(--scb-app-bar-gap-small, var(--spacing-2, 4px));--scb-app-bar-current-title-offset:var(--scb-app-bar-title-offset-small, var(--spacing-5, 16px));--scb-app-bar-current-search-padding-inline:var(--scb-app-bar-search-padding-inline-small, var(--scb-fields-search-padding-inline-small, var(--spacing-3, 8px)))}header.size-medium{--scb-app-bar-current-height:var(--scb-app-bar-height-medium, var(--scale-14, 96px));--scb-app-bar-current-padding-inline:var(--scb-app-bar-padding-inline-medium, var(--spacing-5, 16px));--scb-app-bar-current-gap:var(--scb-app-bar-gap-medium, var(--spacing-2, 4px));--scb-app-bar-current-title-offset:var(--scb-app-bar-title-offset-medium, var(--spacing-3, 8px));--scb-app-bar-current-search-padding-inline:var(--scb-app-bar-search-padding-inline-medium, var(--scb-fields-search-padding-inline-small, var(--spacing-3, 8px)))}header.size-large{--scb-app-bar-current-height:var(--scb-app-bar-height-large, 128px);--scb-app-bar-current-padding-inline:var(--scb-app-bar-padding-inline-large, var(--spacing-5, 16px));--scb-app-bar-current-gap:var(--scb-app-bar-gap-large, var(--spacing-2, 4px));--scb-app-bar-current-title-offset:var(--scb-app-bar-title-offset-large, var(--spacing-3, 8px));--scb-app-bar-current-search-padding-inline:var(--scb-app-bar-search-padding-inline-large, var(--scb-fields-search-padding-inline-small, var(--spacing-3, 8px)))}header.variant-search{height:var(--scb-app-bar-current-height)}header.position-bottom,header.position-top{position:fixed;left:0;right:0;z-index:var(--scb-layer-app-bar, 100)}header.position-top{top:0}header.position-bottom{bottom:0}header.variant-centered .trailing{margin-inline-start:auto}header.variant-centered .headline{position:absolute;inset-inline-start:50%;inset-block-start:50%;transform:translate(-50%,-50%);max-width:var(--scb-app-bar-title-max-width, 100%);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.headline{flex:1 1 auto;text-align:center;font-family:var(--scb-app-bar-title-small-font, var(--scb-typography-title-large-font, var(--md-sys-typescale-title-large-font, var(--brand-font, Inter, Arial, sans-serif))));font-size:var(--scb-app-bar-title-small-size, var(--scb-typography-title-large-size, var(--md-sys-typescale-title-large-size)));line-height:var(--scb-app-bar-title-small-line-height, var(--scb-typography-title-large-line-height, var(--md-sys-typescale-title-large-line-height, calc(var(--md-sys-typescale-title-large-size) * 1.3))));font-weight:var(--scb-app-bar-title-small-weight, var(--scb-typography-title-large-weight, var(--md-sys-typescale-title-large-weight, var(--weight-semibold, 600))));letter-spacing:var(--scb-app-bar-title-small-tracking, var(--scb-typography-title-large-tracking, var(--md-sys-typescale-title-large-tracking)));margin:0}header.variant-start .headline{text-align:left;margin-inline-start:var(--scb-app-bar-current-title-offset)}header.size-medium .headline{font-family:var(--scb-app-bar-title-medium-font, var(--scb-typography-headline-small-font, var(--md-sys-typescale-headline-small-font, var(--brand-font, Inter, Arial, sans-serif))));font-size:var(--scb-app-bar-title-medium-size, var(--scb-typography-headline-small-size, var(--md-sys-typescale-headline-small-size)));line-height:var(--scb-app-bar-title-medium-line-height, var(--scb-typography-headline-small-line-height, var(--md-sys-typescale-headline-small-line-height, 30px)));font-weight:var(--scb-app-bar-title-medium-weight, var(--scb-typography-headline-small-weight, var(--md-sys-typescale-headline-small-weight, var(--weight-bold, 700))));letter-spacing:var(--scb-app-bar-title-medium-tracking, var(--scb-typography-headline-small-tracking, var(--md-sys-typescale-headline-small-tracking)))}header.size-large .headline{font-family:var(--scb-app-bar-title-large-font, var(--scb-typography-headline-medium-font, var(--md-sys-typescale-headline-medium-font, var(--brand-font, Inter, Arial, sans-serif))));font-size:var(--scb-app-bar-title-large-size, var(--scb-typography-headline-medium-size, var(--md-sys-typescale-headline-medium-size)));font-weight:var(--scb-app-bar-title-large-weight, var(--scb-typography-headline-medium-weight, var(--md-sys-typescale-headline-medium-weight, var(--weight-bold, 700))));line-height:var(--scb-app-bar-title-large-line-height, var(--scb-typography-headline-medium-line-height, var(--md-sys-typescale-headline-medium-line-height)));letter-spacing:var(--scb-app-bar-title-large-tracking, var(--scb-typography-headline-medium-tracking, var(--md-sys-typescale-headline-medium-tracking)))}.search-container{flex:1 1 auto;display:flex;align-items:center;justify-content:center;padding:0 var(--scb-app-bar-current-search-padding-inline)}.leading,.trailing{display:flex;align-items:center;gap:var(--scb-app-bar-current-gap)}`],u);function g(){d.call(a(t,this))==="centered"&&(this.__titleResizeRaf||(this.__titleResizeRaf=requestAnimationFrame(()=>{this.__titleResizeRaf=0,a(t,this,F).call(this)})))}function x(){this.__titleResizeObserver?.disconnect();const i=this.shadowRoot?.querySelector("header");if(i&&i.style.removeProperty("--scb-app-bar-title-max-width"),d.call(a(t,this))!=="centered"||!this.__titleResizeObserver)return;const e=this.shadowRoot?.querySelector("header.variant-centered");if(!e)return;const s=e.querySelector(".leading"),p=e.querySelector(".trailing");!s||!p||(this.__titleResizeObserver.observe(e),this.__titleResizeObserver.observe(s),this.__titleResizeObserver.observe(p),a(t,this,g).call(this))}function y(i){if(!i)return 0;const e=parseFloat(i);return Number.isFinite(e)?e:0}function _(i){const e=getComputedStyle(i);return a(t,this,y).call(this,e.columnGap||e.gap)}function F(){const i=this.shadowRoot?.querySelector("header.variant-centered");if(!i)return;const e=i.querySelector(".leading"),s=i.querySelector(".trailing");if(!e||!s)return;const p=i.getBoundingClientRect(),h=e.getBoundingClientRect(),b=s.getBoundingClientRect(),o=getComputedStyle(i),T=a(t,this,y).call(this,o.paddingInlineStart||o.paddingLeft),E=a(t,this,y).call(this,o.paddingInlineEnd||o.paddingRight),A=Math.max(0,p.width-T-E),C=Math.max(h.width,b.width),$=Math.max(a(t,this,_).call(this,e),a(t,this,_).call(this,s)),B=Math.max(0,A-C*2-$*2);i.style.setProperty("--scb-app-bar-title-max-width",`${B}px`)}function S(){const i=this.mapSpacingToken(this.spacing),e=this.mapSpacingToken(this.spacingTop)??i,s=this.mapSpacingToken(this.spacingBottom)??i,p=this.mapSpacingToken(this.spacingLeft),h=this.mapSpacingToken(this.spacingRight);e?this.style.setProperty("--scb-app-bar-spacing-block-start",e):this.style.removeProperty("--scb-app-bar-spacing-block-start"),s?this.style.setProperty("--scb-app-bar-spacing-block-end",s):this.style.removeProperty("--scb-app-bar-spacing-block-end"),p?this.style.setProperty("--scb-app-bar-spacing-inline-start",p):this.style.removeProperty("--scb-app-bar-spacing-inline-start"),h?this.style.setProperty("--scb-app-bar-spacing-inline-end",h):this.style.removeProperty("--scb-app-bar-spacing-inline-end")}function f(){return this.appBarTitle||this.title}function U(){const i=this.ariaLabel.trim();return i||(d.call(a(t,this))==="search"?this.searchAriaLabel:this.defaultAriaLabel)}function m(){return this.type?I[this.type]:void 0}function z(){return m.call(a(t,this))&&!this.hasAttribute("size")?m.call(a(t,this)).size:this.size==="medium"||this.size==="large"?this.size:"small"}function d(){return m.call(a(t,this))&&!this.hasAttribute("variant")?m.call(a(t,this)).variant:this.variant==="start"||this.variant==="search"?this.variant:"centered"}function W(){return this.position==="bottom"?"position-bottom":this.position==="top"?"position-top":""}function l(i){const e=z.call(a(t,this)),s=N[i]?.[e],p=`--scb-app-bar-${i}-${e}`;return s?`var(${p}, ${s})`:`var(${p})`}function w(i){if(!(i instanceof HTMLElement))return;const e=i.tagName;if(e==="SCB-ICON-BUTTON"){i.style.setProperty("--scb-icon-button-container-size",a(t,this,l).call(this,"action-size")),i.style.setProperty("--scb-icon-button-icon-size",a(t,this,l).call(this,"action-icon-size"));return}e==="SCB-BUTTON"&&(i.style.setProperty("--scb-button-container-height",a(t,this,l).call(this,"action-size")),i.style.setProperty("--scb-button-padding-inline",a(t,this,l).call(this,"action-padding-inline")),i.style.setProperty("--scb-button-icon-edge-space",a(t,this,l).call(this,"action-padding-inline")),i.style.setProperty("--scb-button-padding-block",a(t,this,l).call(this,"action-padding-block")),i.style.setProperty("--scb-button-icon-size",a(t,this,l).call(this,"action-icon-size")))}function R(i){!(i instanceof HTMLElement)||i.tagName!=="SCB-AVATAR"||(i.style.setProperty("--scb-avatar-size-medium",a(t,this,l).call(this,"avatar-size")),i.style.setProperty("--scb-avatar-icon-size-medium",a(t,this,l).call(this,"avatar-icon-size")))}function k(){this.renderRoot.querySelectorAll('slot[name="leading"], slot[name="trailing"]').forEach(i=>{i.assignedElements({flatten:!0}).forEach(e=>a(t,this,w).call(this,e))}),this.renderRoot.querySelectorAll('slot[name="avatar"]').forEach(i=>{i.assignedElements({flatten:!0}).forEach(e=>a(t,this,R).call(this,e))})}function H(){return[`--scb-search-height: ${a(t,this,l).call(this,"search-height")};`,`--scb-search-padding-x: ${a(t,this,l).call(this,"search-padding-inline")};`,`--scb-search-padding-y: ${a(t,this,l).call(this,"search-padding-block")};`,`--scb-search-leading-size: ${a(t,this,l).call(this,"search-height")};`,`--scb-search-trailing-size: ${a(t,this,l).call(this,"search-height")};`,`--scb-search-icon-size: ${a(t,this,l).call(this,"search-icon-size")};`].join(" ")}n([c({type:String,reflect:!0})],r.prototype,"title",void 0);n([c({type:String,attribute:"app-bar-title",reflect:!0})],r.prototype,"appBarTitle",void 0);n([c({type:String,reflect:!0})],r.prototype,"size",void 0);n([c({type:String,reflect:!0})],r.prototype,"variant",void 0);n([c({type:String})],r.prototype,"type",void 0);n([c({type:String,reflect:!0})],r.prototype,"position",void 0);n([c({type:String,attribute:"aria-label",reflect:!0})],r.prototype,"ariaLabel",void 0);n([c({type:String,attribute:"default-aria-label"})],r.prototype,"defaultAriaLabel",void 0);n([c({type:String,attribute:"search-aria-label"})],r.prototype,"searchAriaLabel",void 0);n([c({type:String,attribute:"search-supporting-text",reflect:!0})],r.prototype,"searchSupportingText",void 0);n([c({type:String,reflect:!0})],r.prototype,"spacing",void 0);n([c({type:String,attribute:"spacing-top",reflect:!0})],r.prototype,"spacingTop",void 0);n([c({type:String,attribute:"spacing-bottom",reflect:!0})],r.prototype,"spacingBottom",void 0);n([c({type:String,attribute:"spacing-left",reflect:!0})],r.prototype,"spacingLeft",void 0);n([c({type:String,attribute:"spacing-right",reflect:!0})],r.prototype,"spacingRight",void 0);r=n([L("scb-app-bar")],r);
|
|
18
|
+
`}},u.styles=[M`:host{display:block;font-family:var(--brand-font, Inter, Arial, sans-serif);position:relative;container-type:inline-size;container-name:app-bar-container;margin-block-start:var(--scb-app-bar-spacing-block-start, 0);margin-block-end:var(--scb-app-bar-spacing-block-end, 0);margin-inline-start:var(--scb-app-bar-spacing-inline-start, 0);margin-inline-end:var(--scb-app-bar-spacing-inline-end, 0)}header{background:var(--md-sys-color-surface-container);color:var(--md-sys-color-on-surface);display:flex;align-items:center;padding:0 var(--scb-app-bar-current-padding-inline);position:relative;z-index:10;transition:height .3s,min-height .3s;min-height:var(--scb-app-bar-current-height)}header.size-small{--scb-app-bar-current-height:var(--scb-app-bar-height-small, 64px);--scb-app-bar-current-padding-inline:var(--scb-app-bar-padding-inline-small, var(--spacing-5, 16px));--scb-app-bar-current-gap:var(--scb-app-bar-gap-small, var(--spacing-2, 4px));--scb-app-bar-current-title-offset:var(--scb-app-bar-title-offset-small, var(--spacing-5, 16px));--scb-app-bar-current-search-padding-inline:var(--scb-app-bar-search-padding-inline-small, var(--scb-fields-search-padding-inline-small, var(--spacing-3, 8px)))}header.size-medium{--scb-app-bar-current-height:var(--scb-app-bar-height-medium, var(--scale-14, 96px));--scb-app-bar-current-padding-inline:var(--scb-app-bar-padding-inline-medium, var(--spacing-5, 16px));--scb-app-bar-current-gap:var(--scb-app-bar-gap-medium, var(--spacing-2, 4px));--scb-app-bar-current-title-offset:var(--scb-app-bar-title-offset-medium, var(--spacing-3, 8px));--scb-app-bar-current-search-padding-inline:var(--scb-app-bar-search-padding-inline-medium, var(--scb-fields-search-padding-inline-small, var(--spacing-3, 8px)))}header.size-large{--scb-app-bar-current-height:var(--scb-app-bar-height-large, 128px);--scb-app-bar-current-padding-inline:var(--scb-app-bar-padding-inline-large, var(--spacing-5, 16px));--scb-app-bar-current-gap:var(--scb-app-bar-gap-large, var(--spacing-2, 4px));--scb-app-bar-current-title-offset:var(--scb-app-bar-title-offset-large, var(--spacing-3, 8px));--scb-app-bar-current-search-padding-inline:var(--scb-app-bar-search-padding-inline-large, var(--scb-fields-search-padding-inline-small, var(--spacing-3, 8px)))}header.variant-search{height:var(--scb-app-bar-current-height)}header.position-bottom,header.position-top{position:fixed;left:0;right:0;z-index:var(--scb-layer-app-bar, 100)}header.position-top{top:0}header.position-bottom{bottom:0}header[popover]{box-sizing:border-box;inset:auto;width:auto;max-width:none;margin:0;border:0;overflow:visible}header.position-top[popover]{top:0;right:0;bottom:auto;left:0}header.position-bottom[popover]{top:auto;right:0;bottom:0;left:0}header.variant-centered .trailing{margin-inline-start:auto}header.variant-centered .headline{position:absolute;inset-inline-start:50%;inset-block-start:50%;transform:translate(-50%,-50%);max-width:var(--scb-app-bar-title-max-width, 100%);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.headline{flex:1 1 auto;text-align:center;font-family:var(--scb-app-bar-title-small-font, var(--scb-typography-title-large-font, var(--md-sys-typescale-title-large-font, var(--brand-font, Inter, Arial, sans-serif))));font-size:var(--scb-app-bar-title-small-size, var(--scb-typography-title-large-size, var(--md-sys-typescale-title-large-size)));line-height:var(--scb-app-bar-title-small-line-height, var(--scb-typography-title-large-line-height, var(--md-sys-typescale-title-large-line-height, calc(var(--md-sys-typescale-title-large-size) * 1.3))));font-weight:var(--scb-app-bar-title-small-weight, var(--scb-typography-title-large-weight, var(--md-sys-typescale-title-large-weight, var(--weight-semibold, 600))));letter-spacing:var(--scb-app-bar-title-small-tracking, var(--scb-typography-title-large-tracking, var(--md-sys-typescale-title-large-tracking)));margin:0}header.variant-start .headline{text-align:left;margin-inline-start:var(--scb-app-bar-current-title-offset)}header.size-medium .headline{font-family:var(--scb-app-bar-title-medium-font, var(--scb-typography-headline-small-font, var(--md-sys-typescale-headline-small-font, var(--brand-font, Inter, Arial, sans-serif))));font-size:var(--scb-app-bar-title-medium-size, var(--scb-typography-headline-small-size, var(--md-sys-typescale-headline-small-size)));line-height:var(--scb-app-bar-title-medium-line-height, var(--scb-typography-headline-small-line-height, var(--md-sys-typescale-headline-small-line-height, 30px)));font-weight:var(--scb-app-bar-title-medium-weight, var(--scb-typography-headline-small-weight, var(--md-sys-typescale-headline-small-weight, var(--weight-bold, 700))));letter-spacing:var(--scb-app-bar-title-medium-tracking, var(--scb-typography-headline-small-tracking, var(--md-sys-typescale-headline-small-tracking)))}header.size-large .headline{font-family:var(--scb-app-bar-title-large-font, var(--scb-typography-headline-medium-font, var(--md-sys-typescale-headline-medium-font, var(--brand-font, Inter, Arial, sans-serif))));font-size:var(--scb-app-bar-title-large-size, var(--scb-typography-headline-medium-size, var(--md-sys-typescale-headline-medium-size)));font-weight:var(--scb-app-bar-title-large-weight, var(--scb-typography-headline-medium-weight, var(--md-sys-typescale-headline-medium-weight, var(--weight-bold, 700))));line-height:var(--scb-app-bar-title-large-line-height, var(--scb-typography-headline-medium-line-height, var(--md-sys-typescale-headline-medium-line-height)));letter-spacing:var(--scb-app-bar-title-large-tracking, var(--scb-typography-headline-medium-tracking, var(--md-sys-typescale-headline-medium-tracking)))}.search-container{flex:1 1 auto;display:flex;align-items:center;justify-content:center;padding:0 var(--scb-app-bar-current-search-padding-inline)}.leading,.trailing{display:flex;align-items:center;gap:var(--scb-app-bar-current-gap)}`],u);function g(){d.call(a(t,this))==="centered"&&(this.__titleResizeRaf||(this.__titleResizeRaf=requestAnimationFrame(()=>{this.__titleResizeRaf=0,a(t,this,W).call(this)})))}function _(){this.__titleResizeObserver?.disconnect();const i=this.shadowRoot?.querySelector("header");if(i&&i.style.removeProperty("--scb-app-bar-title-max-width"),d.call(a(t,this))!=="centered"||!this.__titleResizeObserver)return;const e=this.shadowRoot?.querySelector("header.variant-centered");if(!e)return;const s=e.querySelector(".leading"),p=e.querySelector(".trailing");!s||!p||(this.__titleResizeObserver.observe(e),this.__titleResizeObserver.observe(s),this.__titleResizeObserver.observe(p),a(t,this,g).call(this))}function y(i){if(!i)return 0;const e=parseFloat(i);return Number.isFinite(e)?e:0}function S(i){const e=getComputedStyle(i);return a(t,this,y).call(this,e.columnGap||e.gap)}function W(){const i=this.shadowRoot?.querySelector("header.variant-centered");if(!i)return;const e=i.querySelector(".leading"),s=i.querySelector(".trailing");if(!e||!s)return;const p=i.getBoundingClientRect(),h=e.getBoundingClientRect(),b=s.getBoundingClientRect(),o=getComputedStyle(i),E=a(t,this,y).call(this,o.paddingInlineStart||o.paddingLeft),A=a(t,this,y).call(this,o.paddingInlineEnd||o.paddingRight),C=Math.max(0,p.width-E-A),$=Math.max(h.width,b.width),B=Math.max(a(t,this,S).call(this,e),a(t,this,S).call(this,s)),P=Math.max(0,C-$*2-B*2);i.style.setProperty("--scb-app-bar-title-max-width",`${P}px`)}function k(){const i=this.mapSpacingToken(this.spacing),e=this.mapSpacingToken(this.spacingTop)??i,s=this.mapSpacingToken(this.spacingBottom)??i,p=this.mapSpacingToken(this.spacingLeft),h=this.mapSpacingToken(this.spacingRight);e?this.style.setProperty("--scb-app-bar-spacing-block-start",e):this.style.removeProperty("--scb-app-bar-spacing-block-start"),s?this.style.setProperty("--scb-app-bar-spacing-block-end",s):this.style.removeProperty("--scb-app-bar-spacing-block-end"),p?this.style.setProperty("--scb-app-bar-spacing-inline-start",p):this.style.removeProperty("--scb-app-bar-spacing-inline-start"),h?this.style.setProperty("--scb-app-bar-spacing-inline-end",h):this.style.removeProperty("--scb-app-bar-spacing-inline-end")}function f(){return this.appBarTitle||this.title}function H(){const i=this.ariaLabel.trim();return i||(d.call(a(t,this))==="search"?this.searchAriaLabel:this.defaultAriaLabel)}function m(){return this.type?F[this.type]:void 0}function z(){return m.call(a(t,this))&&!this.hasAttribute("size")?m.call(a(t,this)).size:this.size==="medium"||this.size==="large"?this.size:"small"}function d(){return m.call(a(t,this))&&!this.hasAttribute("variant")?m.call(a(t,this)).variant:this.variant==="start"||this.variant==="search"?this.variant:"centered"}function j(){return this.position==="bottom"?"position-bottom":this.position==="top"?"position-top":""}function l(i){const e=z.call(a(t,this)),s=U[i]?.[e],p=`--scb-app-bar-${i}-${e}`;return s?`var(${p}, ${s})`:`var(${p})`}function R(i){if(!(i instanceof HTMLElement))return;const e=i.tagName;if(e==="SCB-ICON-BUTTON"){i.style.setProperty("--scb-icon-button-container-size",a(t,this,l).call(this,"action-size")),i.style.setProperty("--scb-icon-button-icon-size",a(t,this,l).call(this,"action-icon-size"));return}e==="SCB-BUTTON"&&(i.style.setProperty("--scb-button-container-height",a(t,this,l).call(this,"action-size")),i.style.setProperty("--scb-button-padding-inline",a(t,this,l).call(this,"action-padding-inline")),i.style.setProperty("--scb-button-icon-edge-space",a(t,this,l).call(this,"action-padding-inline")),i.style.setProperty("--scb-button-padding-block",a(t,this,l).call(this,"action-padding-block")),i.style.setProperty("--scb-button-icon-size",a(t,this,l).call(this,"action-icon-size")))}function T(i){!(i instanceof HTMLElement)||i.tagName!=="SCB-AVATAR"||(i.style.setProperty("--scb-avatar-size-medium",a(t,this,l).call(this,"avatar-size")),i.style.setProperty("--scb-avatar-icon-size-medium",a(t,this,l).call(this,"avatar-icon-size")))}function w(){this.renderRoot.querySelectorAll('slot[name="leading"], slot[name="trailing"]').forEach(i=>{i.assignedElements({flatten:!0}).forEach(e=>a(t,this,R).call(this,e))}),this.renderRoot.querySelectorAll('slot[name="avatar"]').forEach(i=>{i.assignedElements({flatten:!0}).forEach(e=>a(t,this,T).call(this,e))})}function G(){return[`--scb-search-height: ${a(t,this,l).call(this,"search-height")};`,`--scb-search-padding-x: ${a(t,this,l).call(this,"search-padding-inline")};`,`--scb-search-padding-y: ${a(t,this,l).call(this,"search-padding-block")};`,`--scb-search-leading-size: ${a(t,this,l).call(this,"search-height")};`,`--scb-search-trailing-size: ${a(t,this,l).call(this,"search-height")};`,`--scb-search-icon-size: ${a(t,this,l).call(this,"search-icon-size")};`].join(" ")}n([c({type:String,reflect:!0})],r.prototype,"title",void 0);n([c({type:String,attribute:"app-bar-title",reflect:!0})],r.prototype,"appBarTitle",void 0);n([c({type:String,reflect:!0})],r.prototype,"size",void 0);n([c({type:String,reflect:!0})],r.prototype,"variant",void 0);n([c({type:String})],r.prototype,"type",void 0);n([c({type:String,reflect:!0})],r.prototype,"position",void 0);n([c({type:String,attribute:"aria-label",reflect:!0})],r.prototype,"ariaLabel",void 0);n([c({type:String,attribute:"default-aria-label"})],r.prototype,"defaultAriaLabel",void 0);n([c({type:String,attribute:"search-aria-label"})],r.prototype,"searchAriaLabel",void 0);n([c({type:String,attribute:"search-supporting-text",reflect:!0})],r.prototype,"searchSupportingText",void 0);n([c({type:String,reflect:!0})],r.prototype,"spacing",void 0);n([c({type:String,attribute:"spacing-top",reflect:!0})],r.prototype,"spacingTop",void 0);n([c({type:String,attribute:"spacing-bottom",reflect:!0})],r.prototype,"spacingBottom",void 0);n([c({type:String,attribute:"spacing-left",reflect:!0})],r.prototype,"spacingLeft",void 0);n([c({type:String,attribute:"spacing-right",reflect:!0})],r.prototype,"spacingRight",void 0);r=n([O("scb-app-bar")],r);
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["../shared/lazy-focus-ring.js","../../vendor/preload-helper.js","../shared/lazy-ripple.js","../scb-list/scb-list.js","../../vendor/vendor.js","../../vendor/vendor-lit.js","../../vendor/component-defaults.js","../../vendor/decorate.js","../scb-list/scb-list-item.js","../scb-icon-button/scb-icon-button.js","../../vendor/assertClassBrand.js","../scb-button/scb-button.js","../scb-link/scb-link.js","../../vendor/classPrivateFieldGet2.js","../scb-chip/scb-chip.js","../scb-avatar/scb-avatar.js","../scb-tooltip/scb-tooltip.js","../../vendor/icon.js","../../vendor/rolldown-runtime.js","../../vendor/scb-card-variants.internal.js"])))=>i.map(i=>d[i]);
|
|
2
|
-
import{g as l,h as vt,m as f,p as r,v as d,y as ft}from"../../vendor/vendor.js";import"../../vendor/vendor-lit.js";import{t as h}from"../../vendor/preload-helper.js";import{t as yt}from"../../vendor/component-defaults.js";import{t as a}from"../../vendor/decorate.js";(function(){try{var p=typeof globalThis<"u"?globalThis:window;if(!p.__scb_ce_guard_installed__){p.__scb_ce_guard_installed__=!0;var e=customElements.define.bind(customElements);customElements.define=function(t,i,c){try{customElements.get(t)||e(t,i,c)}catch(b){var n=String(b||"");if(n.indexOf("already been used")===-1&&n.indexOf("NotSupportedError")===-1)throw b}}}}catch{}})();var C,zt=new Set(["social-comments-text","social-comments","social-comments-disabled","social-comments-href","social-comments-link-label","social-likes-text","social-like-label","social-likes","social-likes-disabled","social-likes-hover-content","social-has-liked","social-likes-interactive","social-author","social-author-text","social-author-href","social-reply-enabled","social-reply-label","social-edit-enabled","social-edit-label","social-delete-enabled","social-delete-label"]),z="data-scb-card-managed-list-size",_="data-scb-card-managed-action-button-size",_t=new Set(["small","medium","large"]),R,$,P,E,I,D,B,H,O,V;function xt(){return H??(H=h(()=>import("../shared/lazy-focus-ring.js"),__vite__mapDeps([0,1]),import.meta.url)),H}function j(){return O??(O=h(()=>import("../shared/lazy-ripple.js"),__vite__mapDeps([2,1]),import.meta.url)),O}function kt(){return R??(R=h(()=>import("../scb-list/scb-list.js"),__vite__mapDeps([3,4,5,6,7,8,1]),import.meta.url)),R}function wt(){return $??($=h(()=>import("../scb-icon-button/scb-icon-button.js"),__vite__mapDeps([9,4,5,1,6,7,10]),import.meta.url)),$}function St(){return P??(P=h(()=>import("../scb-button/scb-button.js"),__vite__mapDeps([11,4,5,1,6,7,10]),import.meta.url)),P}function At(){return E??(E=h(()=>import("../scb-link/scb-link.js"),__vite__mapDeps([12,4,5,1,7,10,13]),import.meta.url)),E}function Tt(){return I??(I=h(()=>import("../scb-chip/scb-chip.js"),__vite__mapDeps([14,4,5,1,6,7,10]),import.meta.url)),I}function Lt(){return D??(D=h(()=>import("../scb-avatar/scb-avatar.js"),__vite__mapDeps([15,4,5,1,6,7,10]),import.meta.url)),D}function Ct(){return B??(B=h(()=>import("../scb-tooltip/scb-tooltip.js"),__vite__mapDeps([16,4,5,17,18,1,7]),import.meta.url)),B}function Rt(){return V??(V=h(()=>import("../../vendor/scb-card-variants.internal.js"),__vite__mapDeps([19,4,5]),import.meta.url)),V}var o={fromAttribute:p=>p??"",toAttribute:p=>typeof p!="string"||p.trim()===""?null:p},s=(C=class extends vt{constructor(...e){super(...e),this.__dependencyKey="",this.__focusRingRequested=!1,this.__focusRingLoaded=!1,this.__rippleRequested=!1,this.__rippleLoaded=!1,this.__pendingRippleClick=!1,this.__isSyncingManagedSocialAttributes=!1,this.type="standard",this.variant="standard",this.direction="dynamic",this.size=yt["scb-card"].size,this.mediaType="",this.mediaHref="",this.mediaAlt="",this.mediaSrcset="",this.mediaSizes="",this.mediaLoading="auto",this.mediaDecoding="async",this.mediaFetchPriority="auto",this.mediaFit="cover",this.mediaPosition="center",this.mediaWidth="",this.mediaHeight="",this.mediaAspect="",this.mediaPlaceholder=!1,this.cardHref="",this.href="",this.title="",this.cardTitle="",this.subtitle="",this.vignette="",this.vignetteVariant="filled",this.vignetteSpacing=void 0,this.vignetteSpacingTop=void 0,this.vignetteSpacingBottom=void 0,this.vignetteSpacingLeft=void 0,this.vignetteSpacingRight=void 0,this.supportingText="",this.commentsText="",this.commentsDisabled=!1,this.commentsHref="",this.commentsLinkLabel="Gå till kommentarer",this.likesText="",this.likeLabel="",this.likesDisabled=!1,this.likesHoverContent="",this.hasLiked=!1,this.likesInteractive=!0,this.author=!1,this.authorText="",this.authorHref="",this.replyEnabled=!1,this.replyLabel="Svara",this.editEnabled=!1,this.editLabel="Redigera",this.deleteEnabled=!1,this.deleteLabel="Ta bort",this.width="",this.maxWidth="",this.height="",this.maxHeight="",this.spacing=void 0,this.spacingTop=void 0,this.spacingBottom=void 0,this.spacingLeft=void 0,this.spacingRight=void 0,this.innerPadding=void 0,this.paddingTop=void 0,this.paddingBottom=void 0,this.paddingLeft=void 0,this.paddingRight=void 0,this.__onImgLoad=t=>{const i=t.currentTarget.closest(".media");i&&i.classList.add("is-loaded")},this.__ensureRippleOnInteraction=(t,i=!1)=>{if(this.__primaryHref()){if(t&&(this.__pendingRippleEvent=t),i&&(this.__pendingRippleClick=!0),this.__rippleLoaded){this.__syncRipple();return}this.__rippleRequested||(this.__rippleRequested=!0,j().then(({ensureRippleReady:c})=>c()).then(()=>{this.__rippleLoaded=!0,this.requestUpdate(),this.updateComplete.then(()=>this.__syncRipple())}))}},this.__syncRipple=async()=>{const t=this.renderRoot.querySelector("md-ripple"),i=this.renderRoot.querySelector(".scb-card"),c=this.__pendingRippleEvent,n=this.__pendingRippleClick;this.__pendingRippleEvent=void 0,this.__pendingRippleClick=!1;const{syncRippleToControl:b}=await j();await b(t,i,c,n)},this.__ensureFocusRingOnFocusVisible=()=>{this.__focusRingLoaded||this.__focusRingRequested||(this.__focusRingRequested=!0,xt().then(({ensureFocusRingReady:t})=>t()).then(()=>{this.__focusRingLoaded=!0,this.requestUpdate()}))},this.__onKeyDown=t=>{if(t.target!==t.currentTarget)return;const i=this.__primaryHref();(t.key==="Enter"||t.key===" ")&&i&&(t.preventDefault(),this.__ensureRippleOnInteraction(void 0,!0),this.__navigate(i,t))},this.__handleHrefNavigation=t=>{const i=this.__primaryHref();i&&(t.target.closest("a")||this.__navigate(i,t))},this.__handleSlottedCardLinkClick=t=>{const i=t.composedPath().find(c=>c instanceof HTMLAnchorElement&&c.getAttribute("slot")==="card-link")?.getAttribute("href")||this.__primaryHref();i&&(this.__dispatchCardNavigate(i,t)||t.preventDefault())}}attributeChangedCallback(e,t,i){this.__isSyncingManagedSocialAttributes&&zt.has(e)||super.attributeChangedCallback(e,t,i)}get likeButton(){return this.cardType!=="social"?null:this.renderRoot.querySelector(".likes scb-icon-button")}__calcAspectWH(e){const t=(e||"").trim();if(!t)return{w:600,h:400};const i=t.includes("/")?t.split("/"):t.includes(":")?t.split(":"):t.includes("x")?t.split("x"):null;if(i&&i.length===2){const n=Number(i[0]),b=Number(i[1]);if(n>0&&b>0)return{w:n,h:b}}const c=Number(t);return isFinite(c)&&c>0?{w:1e3,h:Math.round(1e3/c)}:{w:600,h:400}}__mediaReserveAspect(e=""){const t=(this.mediaAspect||"").trim();if(t)return t;const i=Number(this.mediaWidth)||0,c=Number(this.mediaHeight)||0;return i>0&&c>0?`${i} / ${c}`:e}__mediaReserveStyle(e=""){const t=this.__mediaReserveAspect(e);return t?`--scb-card-media-aspect:${t};`:""}__slottedMediaAspect(){const e=this.querySelector('[slot="media"]');if(!e)return"";const t=Number(e.getAttribute("width"))||0,i=Number(e.getAttribute("height"))||0;return t>0&&i>0?`${t} / ${i}`:""}__isAvatarMedia(){return(this.mediaType||"").toLowerCase()==="avatar"?!0:this.querySelector(':scope > [slot="media"]')?.localName==="scb-avatar"}get __resolvedTitle(){return this.cardTitle||this.title}get cardType(){const e=(this.type||"standard").toLowerCase();switch(e){case"standard":case"list":case"social":case"link":case"action":case"container":return e;default:return"standard"}}__ensureVariantRenderer(){return this.cardType==="standard"||this.__variantRenderer?Promise.resolve():Rt().then(e=>{this.__variantRenderer!==e&&(this.__variantRenderer=e,e.ensureScbCardVariantStyles(this.renderRoot),this.requestUpdate())})}__dispatchCardNavigate(e,t){const i={href:e,originalEvent:t},c=new CustomEvent("card-navigate",{bubbles:!0,composed:!0,cancelable:!0,detail:i});if(this.dispatchEvent(c),c.defaultPrevented)return!1;const n=new CustomEvent("cardnavigate",{bubbles:!0,composed:!0,cancelable:!0,detail:i});return this.dispatchEvent(n),!n.defaultPrevented}__effectiveHref(){return this.cardHref||this.href}__slottedCardLink(){return this.querySelector(':scope > a[slot="card-link"]')}__primaryHref(){return this.__effectiveHref()||this.__slottedCardLink()?.getAttribute("href")||""}__navigate(e,t){e&&this.__dispatchCardNavigate(e,t)&&window.open(e,"_self")}__slotNames(){const e=new Set;for(const t of Array.from(this.children)){const i=t.getAttribute("slot");i&&e.add(i)}return e}__hasSlottedContent(e,t){return t?t.has(e):Array.from(this.children).some(i=>i.getAttribute("slot")===e)}__hasLightDomElement(e){return!!this.querySelector(e)}__syncListCardListSize(){const e=Array.from(this.querySelectorAll("scb-list"));if(this.cardType!=="list"){for(const i of e){const c=i.getAttribute(z);c!==null&&i.getAttribute("size")===c&&i.removeAttribute("size"),i.removeAttribute(z)}return}const t=this.size||"large";for(const i of e){const c=i.getAttribute(z);if(c!==null&&i.getAttribute("size")!==c){i.removeAttribute(z);continue}(!i.hasAttribute("size")||c!==null)&&(i.setAttribute("size",t),i.setAttribute(z,t))}}__actionCardButtonSize(){const e=getComputedStyle(this).getPropertyValue("--scb-card-size-actions-button-size").trim();return _t.has(e)?e:"medium"}__syncActionCardButtonSizes(){const e=Array.from(this.querySelectorAll(':scope > [slot="actions"] scb-button, :scope > scb-button[slot="actions"]'));if(this.cardType!=="action"){for(const i of e){const c=i.getAttribute(_);c!==null&&i.getAttribute("size")===c&&i.removeAttribute("size"),i.removeAttribute(_)}return}const t=this.__actionCardButtonSize();for(const i of e){const c=i.getAttribute(_);if(c!==null&&i.getAttribute("size")!==c){i.removeAttribute(_);continue}(!i.hasAttribute("size")||c!==null)&&(i.setAttribute("size",t),i.setAttribute(_,t))}}__slottedText(e){return(this.querySelector(`:scope > [slot="${e}"]`)?.textContent??"").replace(/\s+/g," ").trim()}__ensureDependenciesReady(){const e=[],t=[],i=this.cardType,c=!!this.vignette?.trim(),n=(u,m)=>{t.push(u),e.push(m())};(i==="list"||this.__hasLightDomElement("scb-list, scb-list-item"))&&n("list",kt),i!=="standard"&&n("card-variants",()=>this.__ensureVariantRenderer()),(i==="social"&&(!this.likesDisabled&&this.likesInteractive||!this.commentsDisabled&&this.commentsHref||this.replyEnabled||this.editEnabled||this.deleteEnabled)||this.__hasLightDomElement("scb-icon-button"))&&n("icon-button",wt),this.__hasLightDomElement("scb-button")&&n("button",St),this.__hasLightDomElement("scb-link")&&n("link",At),(c||this.__hasLightDomElement("scb-chip"))&&n("chip",Tt),((this.mediaType||"").toLowerCase()==="avatar"||this.__hasLightDomElement("scb-avatar"))&&n("avatar",Lt),(i==="social"&&this.likesHoverContent||this.__hasLightDomElement("scb-tooltip"))&&n("tooltip",Ct);const b=t.sort().join("|");b!==this.__dependencyKey&&(this.__dependencyKey=b,e.length>0&&Promise.all(e).then(()=>this.requestUpdate()))}__mediaTemplate(e){const t=this.__isAvatarMedia();if(this.__hasSlottedContent("media",e)){const i=t?"":this.__mediaReserveStyle(this.__slottedMediaAspect());return d`
|
|
1
|
+
const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["../shared/lazy-focus-ring.js","../../vendor/preload-helper.js","../shared/lazy-ripple.js","../scb-list/scb-list.js","../../vendor/vendor.js","../../vendor/vendor-lit.js","../../vendor/component-defaults.js","../../vendor/decorate.js","../scb-list/scb-list-item.js","../scb-icon-button/scb-icon-button.js","../../vendor/assertClassBrand.js","../scb-button/scb-button.js","../scb-link/scb-link.js","../../vendor/classPrivateFieldGet2.js","../scb-chip/scb-chip.js","../scb-avatar/scb-avatar.js","../scb-tooltip/scb-tooltip.js","../../vendor/icon.js","../../vendor/rolldown-runtime.js","../shared/manual-popover.js","../../vendor/scb-card-variants.internal.js"])))=>i.map(i=>d[i]);
|
|
2
|
+
import{g as l,h as vt,m as f,p as r,v as d,y as ft}from"../../vendor/vendor.js";import"../../vendor/vendor-lit.js";import{t as h}from"../../vendor/preload-helper.js";import{t as yt}from"../../vendor/component-defaults.js";import{t as a}from"../../vendor/decorate.js";(function(){try{var p=typeof globalThis<"u"?globalThis:window;if(!p.__scb_ce_guard_installed__){p.__scb_ce_guard_installed__=!0;var e=customElements.define.bind(customElements);customElements.define=function(t,i,c){try{customElements.get(t)||e(t,i,c)}catch(b){var n=String(b||"");if(n.indexOf("already been used")===-1&&n.indexOf("NotSupportedError")===-1)throw b}}}}catch{}})();var C,zt=new Set(["social-comments-text","social-comments","social-comments-disabled","social-comments-href","social-comments-link-label","social-likes-text","social-like-label","social-likes","social-likes-disabled","social-likes-hover-content","social-has-liked","social-likes-interactive","social-author","social-author-text","social-author-href","social-reply-enabled","social-reply-label","social-edit-enabled","social-edit-label","social-delete-enabled","social-delete-label"]),z="data-scb-card-managed-list-size",_="data-scb-card-managed-action-button-size",_t=new Set(["small","medium","large"]),R,$,P,E,I,D,B,H,O,V;function xt(){return H??(H=h(()=>import("../shared/lazy-focus-ring.js"),__vite__mapDeps([0,1]),import.meta.url)),H}function j(){return O??(O=h(()=>import("../shared/lazy-ripple.js"),__vite__mapDeps([2,1]),import.meta.url)),O}function kt(){return R??(R=h(()=>import("../scb-list/scb-list.js"),__vite__mapDeps([3,4,5,6,7,8,1]),import.meta.url)),R}function wt(){return $??($=h(()=>import("../scb-icon-button/scb-icon-button.js"),__vite__mapDeps([9,4,5,1,6,7,10]),import.meta.url)),$}function St(){return P??(P=h(()=>import("../scb-button/scb-button.js"),__vite__mapDeps([11,4,5,1,6,7,10]),import.meta.url)),P}function At(){return E??(E=h(()=>import("../scb-link/scb-link.js"),__vite__mapDeps([12,4,5,1,7,10,13]),import.meta.url)),E}function Tt(){return I??(I=h(()=>import("../scb-chip/scb-chip.js"),__vite__mapDeps([14,4,5,1,6,7,10]),import.meta.url)),I}function Lt(){return D??(D=h(()=>import("../scb-avatar/scb-avatar.js"),__vite__mapDeps([15,4,5,1,6,7,10]),import.meta.url)),D}function Ct(){return B??(B=h(()=>import("../scb-tooltip/scb-tooltip.js"),__vite__mapDeps([16,4,5,17,18,1,7,19]),import.meta.url)),B}function Rt(){return V??(V=h(()=>import("../../vendor/scb-card-variants.internal.js"),__vite__mapDeps([20,4,5]),import.meta.url)),V}var o={fromAttribute:p=>p??"",toAttribute:p=>typeof p!="string"||p.trim()===""?null:p},s=(C=class extends vt{constructor(...e){super(...e),this.__dependencyKey="",this.__focusRingRequested=!1,this.__focusRingLoaded=!1,this.__rippleRequested=!1,this.__rippleLoaded=!1,this.__pendingRippleClick=!1,this.__isSyncingManagedSocialAttributes=!1,this.type="standard",this.variant="standard",this.direction="dynamic",this.size=yt["scb-card"].size,this.mediaType="",this.mediaHref="",this.mediaAlt="",this.mediaSrcset="",this.mediaSizes="",this.mediaLoading="auto",this.mediaDecoding="async",this.mediaFetchPriority="auto",this.mediaFit="cover",this.mediaPosition="center",this.mediaWidth="",this.mediaHeight="",this.mediaAspect="",this.mediaPlaceholder=!1,this.cardHref="",this.href="",this.title="",this.cardTitle="",this.subtitle="",this.vignette="",this.vignetteVariant="filled",this.vignetteSpacing=void 0,this.vignetteSpacingTop=void 0,this.vignetteSpacingBottom=void 0,this.vignetteSpacingLeft=void 0,this.vignetteSpacingRight=void 0,this.supportingText="",this.commentsText="",this.commentsDisabled=!1,this.commentsHref="",this.commentsLinkLabel="Gå till kommentarer",this.likesText="",this.likeLabel="",this.likesDisabled=!1,this.likesHoverContent="",this.hasLiked=!1,this.likesInteractive=!0,this.author=!1,this.authorText="",this.authorHref="",this.replyEnabled=!1,this.replyLabel="Svara",this.editEnabled=!1,this.editLabel="Redigera",this.deleteEnabled=!1,this.deleteLabel="Ta bort",this.width="",this.maxWidth="",this.height="",this.maxHeight="",this.spacing=void 0,this.spacingTop=void 0,this.spacingBottom=void 0,this.spacingLeft=void 0,this.spacingRight=void 0,this.innerPadding=void 0,this.paddingTop=void 0,this.paddingBottom=void 0,this.paddingLeft=void 0,this.paddingRight=void 0,this.__onImgLoad=t=>{const i=t.currentTarget.closest(".media");i&&i.classList.add("is-loaded")},this.__ensureRippleOnInteraction=(t,i=!1)=>{if(this.__primaryHref()){if(t&&(this.__pendingRippleEvent=t),i&&(this.__pendingRippleClick=!0),this.__rippleLoaded){this.__syncRipple();return}this.__rippleRequested||(this.__rippleRequested=!0,j().then(({ensureRippleReady:c})=>c()).then(()=>{this.__rippleLoaded=!0,this.requestUpdate(),this.updateComplete.then(()=>this.__syncRipple())}))}},this.__syncRipple=async()=>{const t=this.renderRoot.querySelector("md-ripple"),i=this.renderRoot.querySelector(".scb-card"),c=this.__pendingRippleEvent,n=this.__pendingRippleClick;this.__pendingRippleEvent=void 0,this.__pendingRippleClick=!1;const{syncRippleToControl:b}=await j();await b(t,i,c,n)},this.__ensureFocusRingOnFocusVisible=()=>{this.__focusRingLoaded||this.__focusRingRequested||(this.__focusRingRequested=!0,xt().then(({ensureFocusRingReady:t})=>t()).then(()=>{this.__focusRingLoaded=!0,this.requestUpdate()}))},this.__onKeyDown=t=>{if(t.target!==t.currentTarget)return;const i=this.__primaryHref();(t.key==="Enter"||t.key===" ")&&i&&(t.preventDefault(),this.__ensureRippleOnInteraction(void 0,!0),this.__navigate(i,t))},this.__handleHrefNavigation=t=>{const i=this.__primaryHref();i&&(t.target.closest("a")||this.__navigate(i,t))},this.__handleSlottedCardLinkClick=t=>{const i=t.composedPath().find(c=>c instanceof HTMLAnchorElement&&c.getAttribute("slot")==="card-link")?.getAttribute("href")||this.__primaryHref();i&&(this.__dispatchCardNavigate(i,t)||t.preventDefault())}}attributeChangedCallback(e,t,i){this.__isSyncingManagedSocialAttributes&&zt.has(e)||super.attributeChangedCallback(e,t,i)}get likeButton(){return this.cardType!=="social"?null:this.renderRoot.querySelector(".likes scb-icon-button")}__calcAspectWH(e){const t=(e||"").trim();if(!t)return{w:600,h:400};const i=t.includes("/")?t.split("/"):t.includes(":")?t.split(":"):t.includes("x")?t.split("x"):null;if(i&&i.length===2){const n=Number(i[0]),b=Number(i[1]);if(n>0&&b>0)return{w:n,h:b}}const c=Number(t);return isFinite(c)&&c>0?{w:1e3,h:Math.round(1e3/c)}:{w:600,h:400}}__mediaReserveAspect(e=""){const t=(this.mediaAspect||"").trim();if(t)return t;const i=Number(this.mediaWidth)||0,c=Number(this.mediaHeight)||0;return i>0&&c>0?`${i} / ${c}`:e}__mediaReserveStyle(e=""){const t=this.__mediaReserveAspect(e);return t?`--scb-card-media-aspect:${t};`:""}__slottedMediaAspect(){const e=this.querySelector('[slot="media"]');if(!e)return"";const t=Number(e.getAttribute("width"))||0,i=Number(e.getAttribute("height"))||0;return t>0&&i>0?`${t} / ${i}`:""}__isAvatarMedia(){return(this.mediaType||"").toLowerCase()==="avatar"?!0:this.querySelector(':scope > [slot="media"]')?.localName==="scb-avatar"}get __resolvedTitle(){return this.cardTitle||this.title}get cardType(){const e=(this.type||"standard").toLowerCase();switch(e){case"standard":case"list":case"social":case"link":case"action":case"container":return e;default:return"standard"}}__ensureVariantRenderer(){return this.cardType==="standard"||this.__variantRenderer?Promise.resolve():Rt().then(e=>{this.__variantRenderer!==e&&(this.__variantRenderer=e,e.ensureScbCardVariantStyles(this.renderRoot),this.requestUpdate())})}__dispatchCardNavigate(e,t){const i={href:e,originalEvent:t},c=new CustomEvent("card-navigate",{bubbles:!0,composed:!0,cancelable:!0,detail:i});if(this.dispatchEvent(c),c.defaultPrevented)return!1;const n=new CustomEvent("cardnavigate",{bubbles:!0,composed:!0,cancelable:!0,detail:i});return this.dispatchEvent(n),!n.defaultPrevented}__effectiveHref(){return this.cardHref||this.href}__slottedCardLink(){return this.querySelector(':scope > a[slot="card-link"]')}__primaryHref(){return this.__effectiveHref()||this.__slottedCardLink()?.getAttribute("href")||""}__navigate(e,t){e&&this.__dispatchCardNavigate(e,t)&&window.open(e,"_self")}__slotNames(){const e=new Set;for(const t of Array.from(this.children)){const i=t.getAttribute("slot");i&&e.add(i)}return e}__hasSlottedContent(e,t){return t?t.has(e):Array.from(this.children).some(i=>i.getAttribute("slot")===e)}__hasLightDomElement(e){return!!this.querySelector(e)}__syncListCardListSize(){const e=Array.from(this.querySelectorAll("scb-list"));if(this.cardType!=="list"){for(const i of e){const c=i.getAttribute(z);c!==null&&i.getAttribute("size")===c&&i.removeAttribute("size"),i.removeAttribute(z)}return}const t=this.size||"large";for(const i of e){const c=i.getAttribute(z);if(c!==null&&i.getAttribute("size")!==c){i.removeAttribute(z);continue}(!i.hasAttribute("size")||c!==null)&&(i.setAttribute("size",t),i.setAttribute(z,t))}}__actionCardButtonSize(){const e=getComputedStyle(this).getPropertyValue("--scb-card-size-actions-button-size").trim();return _t.has(e)?e:"medium"}__syncActionCardButtonSizes(){const e=Array.from(this.querySelectorAll(':scope > [slot="actions"] scb-button, :scope > scb-button[slot="actions"]'));if(this.cardType!=="action"){for(const i of e){const c=i.getAttribute(_);c!==null&&i.getAttribute("size")===c&&i.removeAttribute("size"),i.removeAttribute(_)}return}const t=this.__actionCardButtonSize();for(const i of e){const c=i.getAttribute(_);if(c!==null&&i.getAttribute("size")!==c){i.removeAttribute(_);continue}(!i.hasAttribute("size")||c!==null)&&(i.setAttribute("size",t),i.setAttribute(_,t))}}__slottedText(e){return(this.querySelector(`:scope > [slot="${e}"]`)?.textContent??"").replace(/\s+/g," ").trim()}__ensureDependenciesReady(){const e=[],t=[],i=this.cardType,c=!!this.vignette?.trim(),n=(u,m)=>{t.push(u),e.push(m())};(i==="list"||this.__hasLightDomElement("scb-list, scb-list-item"))&&n("list",kt),i!=="standard"&&n("card-variants",()=>this.__ensureVariantRenderer()),(i==="social"&&(!this.likesDisabled&&this.likesInteractive||!this.commentsDisabled&&this.commentsHref||this.replyEnabled||this.editEnabled||this.deleteEnabled)||this.__hasLightDomElement("scb-icon-button"))&&n("icon-button",wt),this.__hasLightDomElement("scb-button")&&n("button",St),this.__hasLightDomElement("scb-link")&&n("link",At),(c||this.__hasLightDomElement("scb-chip"))&&n("chip",Tt),((this.mediaType||"").toLowerCase()==="avatar"||this.__hasLightDomElement("scb-avatar"))&&n("avatar",Lt),(i==="social"&&this.likesHoverContent||this.__hasLightDomElement("scb-tooltip"))&&n("tooltip",Ct);const b=t.sort().join("|");b!==this.__dependencyKey&&(this.__dependencyKey=b,e.length>0&&Promise.all(e).then(()=>this.requestUpdate()))}__mediaTemplate(e){const t=this.__isAvatarMedia();if(this.__hasSlottedContent("media",e)){const i=t?"":this.__mediaReserveStyle(this.__slottedMediaAspect());return d`
|
|
3
3
|
<div class="media ${t?"avatar-media":""} ${i?"has-reserved-space":""}" style=${i||l}>
|
|
4
4
|
<slot name="media"></slot>
|
|
5
5
|
</div>
|