scb-wc 0.1.200 → 0.1.202
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/blazor/scb-blazor-bridge.js +0 -10
- package/blazor/wrappers/ScbCalendarCard.razor +0 -6
- package/blazor/wrappers/ScbNotificationCard.razor +0 -6
- package/component-defaults.js +2 -11
- package/mvc/components/scb-accordion/scb-accordion-item.js +2 -2
- package/mvc/components/scb-app-bar/scb-app-bar.js +2 -2
- package/mvc/components/scb-button/scb-button.js +2 -2
- package/mvc/components/scb-calendar-card/scb-calendar-card.js +10 -10
- package/mvc/components/scb-card/scb-card.js +22 -24
- package/mvc/components/scb-checkbox/scb-checkbox-group.js +9 -9
- package/mvc/components/scb-checkbox/scb-checkbox.js +14 -14
- package/mvc/components/scb-chip/scb-chip.js +4 -4
- package/mvc/components/scb-collapse/scb-collapse.js +8 -8
- package/mvc/components/scb-fact-card/scb-fact-card-content.js +15 -13
- package/mvc/components/scb-fact-card/scb-fact-card.js +6 -6
- package/mvc/components/scb-form-error-summary/scb-form-error-summary.js +2 -2
- package/mvc/components/scb-header/scb-header.js +9 -9
- package/mvc/components/scb-icon-button/scb-icon-button.js +2 -2
- package/mvc/components/scb-keyfigure-card/scb-keyfigure-card.js +22 -19
- package/mvc/components/scb-list/scb-list-item.js +13 -14
- package/mvc/components/scb-list/scb-list.js +2 -2
- package/mvc/components/scb-menu/scb-menu-item.js +2 -2
- package/mvc/components/scb-notification-card/scb-notification-card.js +18 -18
- package/mvc/components/scb-options-menu/scb-options-menu-item.js +2 -2
- package/mvc/components/scb-options-menu/scb-options-menu.js +2 -2
- package/mvc/components/scb-options-menu/scb-options-sub-menu.js +1 -1
- package/mvc/components/scb-radio-button/scb-radio-button.js +7 -7
- package/mvc/components/scb-radio-button/scb-radio-group.js +7 -7
- package/mvc/components/scb-search/scb-search.js +2 -2
- package/mvc/components/scb-segmented-button/scb-segmented-button.js +1 -1
- package/mvc/components/scb-select/scb-select-option.js +1 -1
- package/mvc/components/scb-toc/scb-toc-item.js +10 -10
- package/mvc/scb-blazor-bridge.js +0 -10
- package/mvc/scb-wc-core.css +1 -1
- package/mvc/scb-wc-selfhost.css +1 -1
- package/mvc/scb-wc.css +1 -1
- package/mvc/vendor/component-defaults.js +1 -1
- package/package.json +2 -2
- package/scb-accordion/scb-accordion-item.js +41 -42
- package/scb-app-bar/scb-app-bar.js +48 -8
- package/scb-button/scb-button.js +25 -25
- package/scb-calendar-card/scb-calendar-card.js +65 -162
- package/scb-card/scb-card.js +190 -181
- package/scb-checkbox/scb-checkbox-group.js +29 -60
- package/scb-checkbox/scb-checkbox.js +47 -85
- package/scb-chip/scb-chip.js +41 -82
- package/scb-collapse/scb-collapse.js +11 -11
- package/scb-components/scb-calendar-card/scb-calendar-card.d.ts +0 -1
- package/scb-components/scb-card/scb-card.d.ts +0 -2
- package/scb-components/scb-checkbox/scb-checkbox-group.d.ts +0 -3
- package/scb-components/scb-checkbox/scb-checkbox.d.ts +0 -3
- package/scb-components/scb-chip/scb-chip.d.ts +0 -1
- package/scb-components/scb-fact-card/scb-fact-card.d.ts +0 -1
- package/scb-components/scb-keyfigure-card/scb-keyfigure-card.d.ts +1 -1
- package/scb-components/scb-notification-card/scb-notification-card.d.ts +0 -2
- package/scb-components/scb-radio-button/scb-radio-button.d.ts +0 -3
- package/scb-components/scb-radio-button/scb-radio-group.d.ts +0 -3
- package/scb-components/scb-segmented-button/scb-segmented-button.d.ts +1 -1
- package/scb-components/scb-toc/scb-toc-item.d.ts +0 -1
- package/scb-fact-card/scb-fact-card-content.js +25 -64
- package/scb-fact-card/scb-fact-card.js +45 -135
- package/scb-form-error-summary/scb-form-error-summary.js +3 -2
- package/scb-header/scb-header.js +16 -16
- package/scb-icon-button/scb-icon-button.js +3 -3
- package/scb-keyfigure-card/scb-keyfigure-card.js +67 -142
- package/scb-list/scb-list-item.js +51 -51
- package/scb-list/scb-list.js +1 -0
- package/scb-menu/scb-menu-item.js +10 -6
- package/scb-notification-card/scb-notification-card.js +58 -138
- package/scb-options-menu/scb-options-menu-item.js +4 -4
- package/scb-options-menu/scb-options-menu.js +13 -13
- package/scb-options-menu/scb-options-sub-menu.js +1 -1
- package/scb-radio-button/scb-radio-button.js +38 -74
- package/scb-radio-button/scb-radio-group.js +32 -52
- package/scb-search/scb-search.js +20 -20
- package/scb-segmented-button/scb-segmented-button.js +9 -33
- package/scb-select/scb-select-option.js +2 -2
- package/scb-toc/scb-toc-item.js +39 -123
- package/scb-wc-core.css +1 -1
- package/scb-wc-selfhost.css +1 -1
- package/scb-wc.bundle.js +645 -1177
- package/scb-wc.css +1 -1
|
@@ -273,7 +273,6 @@ function mirrorHeaderSearch(el, ev) {
|
|
|
273
273
|
{ sel: 'scb-chip', from: 'disabled-changed', to: 'disabledchange', prop: 'disabled' },
|
|
274
274
|
{ sel: 'scb-chip', from: 'elevated-changed', to: 'elevatedchange', prop: 'elevated' },
|
|
275
275
|
{ sel: 'scb-chip', from: 'icon-changed', to: 'iconchange', prop: 'icon' },
|
|
276
|
-
{ sel: 'scb-chip', from: 'size-changed', to: 'sizechange', prop: 'size' },
|
|
277
276
|
{ sel: 'scb-cookies-consent', from: 'cookies-accept', to: 'cookiesaccept' },
|
|
278
277
|
{ sel: 'scb-cookies-consent', from: 'cookies-decline', to: 'cookiesdecline' },
|
|
279
278
|
{ sel: 'scb-cookies-consent', from: 'cookies-handle', to: 'cookieshandle' },
|
|
@@ -1106,14 +1105,6 @@ function mirrorHeaderSearch(el, ev) {
|
|
|
1106
1105
|
icon: (el.icon ?? el.getAttribute('icon') ?? '').toString(),
|
|
1107
1106
|
}),
|
|
1108
1107
|
},
|
|
1109
|
-
{
|
|
1110
|
-
sel: 'scb-chip',
|
|
1111
|
-
attr: 'size',
|
|
1112
|
-
to: 'sizechange',
|
|
1113
|
-
detail: (el) => ({
|
|
1114
|
-
size: (el.size ?? el.getAttribute('size') ?? '').toString(),
|
|
1115
|
-
}),
|
|
1116
|
-
},
|
|
1117
1108
|
{
|
|
1118
1109
|
sel: 'scb-cookies-consent',
|
|
1119
1110
|
attr: 'open',
|
|
@@ -4359,7 +4350,6 @@ window.SCBBlazor.getState = function (root) {
|
|
|
4359
4350
|
'showclosebuttonchange',
|
|
4360
4351
|
'showiconchange',
|
|
4361
4352
|
'showmediachange',
|
|
4362
|
-
'sizechange',
|
|
4363
4353
|
'sourcechange',
|
|
4364
4354
|
'spacingchange',
|
|
4365
4355
|
'statuschange',
|
|
@@ -12,7 +12,6 @@
|
|
|
12
12
|
@code {
|
|
13
13
|
[Parameter] public string? Id { get; set; }
|
|
14
14
|
[Parameter] public string? Variant { get; set; }
|
|
15
|
-
[Parameter] public string? Size { get; set; }
|
|
16
15
|
[Parameter] public string? Date { get; set; }
|
|
17
16
|
[Parameter] public string? Direction { get; set; }
|
|
18
17
|
[Parameter] public string? CardHref { get; set; }
|
|
@@ -53,11 +52,6 @@
|
|
|
53
52
|
attributes["variant"] = Variant!;
|
|
54
53
|
}
|
|
55
54
|
|
|
56
|
-
if (!string.IsNullOrWhiteSpace(Size))
|
|
57
|
-
{
|
|
58
|
-
attributes["size"] = Size!;
|
|
59
|
-
}
|
|
60
|
-
|
|
61
55
|
if (!string.IsNullOrWhiteSpace(Date))
|
|
62
56
|
{
|
|
63
57
|
attributes["date"] = Date!;
|
|
@@ -13,7 +13,6 @@
|
|
|
13
13
|
[Parameter] public string? Id { get; set; }
|
|
14
14
|
[Parameter] public string? Variant { get; set; }
|
|
15
15
|
[Parameter] public string? Direction { get; set; }
|
|
16
|
-
[Parameter] public string? Size { get; set; }
|
|
17
16
|
[Parameter] public bool Open { get; set; }
|
|
18
17
|
[Parameter] public bool ShowIcon { get; set; }
|
|
19
18
|
[Parameter] public bool ShowCloseButton { get; set; }
|
|
@@ -43,11 +42,6 @@
|
|
|
43
42
|
attributes["direction"] = Direction!;
|
|
44
43
|
}
|
|
45
44
|
|
|
46
|
-
if (!string.IsNullOrWhiteSpace(Size))
|
|
47
|
-
{
|
|
48
|
-
attributes["size"] = Size!;
|
|
49
|
-
}
|
|
50
|
-
|
|
51
45
|
if (Open)
|
|
52
46
|
{
|
|
53
47
|
attributes["open"] = string.Empty;
|
package/component-defaults.js
CHANGED
|
@@ -4,29 +4,20 @@ var e = {
|
|
|
4
4
|
"scb-app-bar": { size: "small" },
|
|
5
5
|
"scb-avatar": { size: "medium" },
|
|
6
6
|
"scb-button": { size: "medium" },
|
|
7
|
-
"scb-calendar-card": { size: "medium" },
|
|
8
7
|
"scb-card": { size: "large" },
|
|
9
|
-
"scb-checkbox": { size: "medium" },
|
|
10
|
-
"scb-checkbox-group": { size: "medium" },
|
|
11
|
-
"scb-chip": { size: "medium" },
|
|
12
8
|
"scb-dropdown": { size: "medium" },
|
|
13
|
-
"scb-
|
|
14
|
-
"scb-header": { size: "large" },
|
|
9
|
+
"scb-header": { size: "medium" },
|
|
15
10
|
"scb-icon": { size: "medium" },
|
|
16
11
|
"scb-icon-button": { size: "medium" },
|
|
17
12
|
"scb-keyfigure-card": { size: "large" },
|
|
18
13
|
"scb-list": { size: "large" },
|
|
19
14
|
"scb-list-item": { size: "" },
|
|
20
|
-
"scb-notification-card": { size: "large" },
|
|
21
15
|
"scb-options-menu": { size: "large" },
|
|
22
|
-
"scb-radio-button": { size: "medium" },
|
|
23
|
-
"scb-radio-group": { size: "medium" },
|
|
24
16
|
"scb-search": { size: "medium" },
|
|
25
17
|
"scb-segmented-button": { size: "medium" },
|
|
26
18
|
"scb-select": { size: "medium" },
|
|
27
19
|
"scb-stepper": { size: "medium" },
|
|
28
|
-
"scb-textfield": { size: "medium" }
|
|
29
|
-
"scb-toc-item": { size: "medium" }
|
|
20
|
+
"scb-textfield": { size: "medium" }
|
|
30
21
|
};
|
|
31
22
|
//#endregion
|
|
32
23
|
export { e as componentDefaults };
|
|
@@ -42,7 +42,7 @@ import{g,h as p,m as u,p as n,v as a,y as m}from"../../vendor/vendor.js";import"
|
|
|
42
42
|
`}},v=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
43
|
--motion-easing-emphasized-accelerate,
|
|
44
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-
|
|
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-min-height:var(--scb-accordion-item-min-height-large, 72px);--scb-accordion-item-padding-inline:var(--scb-accordion-item-padding-inline-large, var(--spacing-5, 16px));--scb-accordion-item-padding-block:var(--scb-accordion-item-padding-block-large, var(--spacing-6, 20px));--scb-accordion-item-gap:var(--scb-accordion-item-gap-large, var(--spacing-5, 16px));--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-0, 0px));--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(--spacing-6, 20px));--scb-accordion-leading-image-size:var(--scb-accordion-leading-image-size-large, var(--scale-10, 40px));--scb-accordion-leading-icon-size:var(--scb-accordion-leading-icon-size-large, var(--icon-size-medium, 24px));--scb-accordion-text-gap:var(--scb-accordion-text-gap-large, var(--spacing-2, 4px))}:host([open]){--scb-accordion-motion-duration:var(--motion-duration-medium, 300ms);--scb-accordion-motion-easing:var(
|
|
46
46
|
--motion-easing-emphasized-decelerate,
|
|
47
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-text-gap:var(--scb-accordion-text-gap-medium, var(--spacing-1, 2px))}: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-text-gap:var(--scb-accordion-text-gap-small, var(--spacing-1, 2px))}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(--scb-accordion-divider-color, var(--md-sys-color-outline-variant));color:var(--scb-accordion-content-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(--scb-accordion-title-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(--scb-accordion-content-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}.leading md-icon,.title{color:var(--scb-accordion-title-color, var(--md-sys-color-on-surface))}.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)))}.overline,.supporting-text{color:var(--scb-accordion-secondary-content-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}.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(--scb-accordion-text-gap)}.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));color:var(--scb-accordion-chevron-color, var(--md-sys-color-on-surface))}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=v=o([u("scb-accordion-item")],r);
|
|
48
|
+
)}:host([density="-2"]),:host-context([data-density="-2"]),: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-min-height:var(--scb-accordion-item-min-height-medium, 64px);--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-5, 16px));--scb-accordion-item-gap:var(--scb-accordion-item-gap-medium, var(--spacing-5, 16px));--scb-accordion-chevron-size:var(--scb-accordion-chevron-size-medium, var(--icon-size-medium, 24px));--scb-accordion-content-padding-top:var(--scb-accordion-content-padding-top-medium, var(--spacing-0, 0px));--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(--spacing-6, 20px));--scb-accordion-leading-image-size:var(--scb-accordion-leading-image-size-medium, var(--scale-10, 40px));--scb-accordion-leading-icon-size:var(--scb-accordion-leading-icon-size-medium, var(--icon-size-medium, 24px));--scb-accordion-text-gap:var(--scb-accordion-text-gap-medium, var(--spacing-1, 2px))}:host([density="-4"]),:host-context([data-density="-4"]),: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-min-height:var(--scb-accordion-item-min-height-small, var(--scale-12, 56px));--scb-accordion-item-padding-inline:var(--scb-accordion-item-padding-inline-small, var(--spacing-5, 16px));--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-5, 16px));--scb-accordion-chevron-size:var(--scb-accordion-chevron-size-small, var(--icon-size-medium, 24px));--scb-accordion-content-padding-top:var(--scb-accordion-content-padding-top-small, var(--spacing-0, 0px));--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(--spacing-6, 20px));--scb-accordion-leading-image-size:var(--scb-accordion-leading-image-size-small, var(--scale-10, 40px));--scb-accordion-leading-icon-size:var(--scb-accordion-leading-icon-size-small, var(--icon-size-medium, 24px));--scb-accordion-text-gap:var(--scb-accordion-text-gap-small, var(--spacing-1, 2px))}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(--scb-accordion-divider-color, var(--md-sys-color-outline-variant));color:var(--scb-accordion-content-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;min-block-size:var(--scb-accordion-item-min-height, 72px);cursor:pointer;padding-block:var(--scb-accordion-item-padding-block, var(--spacing-6, 20px));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(--scb-accordion-title-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:""}.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-0, 0px)) - 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(--scb-accordion-content-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}.leading md-icon,.title{color:var(--scb-accordion-title-color, var(--md-sys-color-on-surface))}.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-medium-size)));line-height:var(--scb-accordion-title-line-height-current, var(--md-sys-typescale-title-medium-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-medium-tracking)))}.overline,.supporting-text{color:var(--scb-accordion-secondary-content-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-body-small-size)));line-height:var(--scb-accordion-overline-line-height-current, var(--md-sys-typescale-body-small-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-body-small-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-medium-size)));line-height:var(--scb-accordion-supporting-line-height-current, var(--md-sys-typescale-body-medium-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-medium-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}.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(--scb-accordion-text-gap)}.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));color:var(--scb-accordion-chevron-color, var(--md-sys-color-on-surface))}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=v=o([u("scb-accordion-item")],r);
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{h as M,m as q,p,v as u,y as I}from"../../vendor/vendor.js";import"../../vendor/vendor-lit.js";import{t as
|
|
1
|
+
import{h as M,m as q,p,v as u,y as I}from"../../vendor/vendor.js";import"../../vendor/vendor-lit.js";import{t as x}from"../../vendor/component-size-token.js";import{t as N}from"../../vendor/component-defaults.js";import{t as l}from"../../vendor/decorate.js";import{t as i}from"../../vendor/assertClassBrand.js";import{t as F}from"../../vendor/classPrivateMethodInitSpec.js";import"../scb-avatar/scb-avatar.js";import"../scb-button/scb-button.js";import"../scb-icon-button/scb-icon-button.js";import{a as U,t as _}from"../../vendor/manual-popover.js";import"../scb-search/scb-search.js";(function(){try{var e=typeof globalThis<"u"?globalThis:window;if(!e.__scb_ce_guard_installed__){e.__scb_ce_guard_installed__=!0;var t=customElements.define.bind(customElements);customElements.define=function(r,s,o){try{customElements.get(r)||t(r,s,o)}catch(c){var b=String(c||"");if(b.indexOf("already been used")===-1&&b.indexOf("NotSupportedError")===-1)throw c}}}}catch{}})();var a,v,W={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"}},H={"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))"}},G="data-scb-app-bar-managed-action-size",V="data-scb-app-bar-managed-avatar-size",n=(a=new WeakSet,v=class extends M{constructor(...t){super(...t),F(this,a),this.title="",this.appBarTitle="",this.size=N["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(()=>i(a,this,g).call(this)))}disconnectedCallback(){this.__titleResizeRaf&&(cancelAnimationFrame(this.__titleResizeRaf),this.__titleResizeRaf=0),this.__titleResizeObserver?.disconnect(),this.__titleResizeObserver=void 0,_(this.renderRoot.querySelector("header")),super.disconnectedCallback()}handleActionsSlotChange(t){t.target.assignedElements({flatten:!0}).forEach(r=>{i(a,this,A).call(this,r)}),i(a,this,g).call(this)}handleAvatarSlotChange(t){t.target.assignedElements({flatten:!0}).forEach(r=>{i(a,this,T).call(this,r)}),i(a,this,g).call(this)}firstUpdated(){i(a,this,w).call(this),i(a,this,R).call(this),i(a,this,S).call(this)}updated(t){if((t.has("title")||t.has("appBarTitle"))&&(this.dispatchEvent(new CustomEvent("title-changed",{detail:{title:f.call(i(a,this))},bubbles:!0,composed:!0})),this.dispatchEvent(new CustomEvent("app-bar-title-changed",{detail:{appBarTitle:f.call(i(a,this))},bubbles:!0,composed:!0}))),t.has("position")){const r=this.renderRoot.querySelector("header");this.position==="top"||this.position==="bottom"?U(r):_(r),this.dispatchEvent(new CustomEvent("position-changed",{detail:{position:this.position},bubbles:!0,composed:!0}))}t.has("type")&&this.dispatchEvent(new CustomEvent("type-changed",{detail:{type:this.type},bubbles:!0,composed:!0})),t.has("size")&&this.dispatchEvent(new CustomEvent("size-changed",{detail:{size:d.call(i(a,this))},bubbles:!0,composed:!0})),t.has("variant")&&this.dispatchEvent(new CustomEvent("variant-changed",{detail:{variant:h.call(i(a,this))},bubbles:!0,composed:!0})),(t.has("type")||t.has("size")||t.has("variant"))&&this.updateComplete.then(()=>{i(a,this,S).call(this)}),t.has("searchSupportingText")&&this.dispatchEvent(new CustomEvent("search-supporting-text-changed",{detail:{searchSupportingText:this.searchSupportingText},bubbles:!0,composed:!0})),(t.has("spacing")||t.has("spacingTop")||t.has("spacingBottom")||t.has("spacingLeft")||t.has("spacingRight"))&&i(a,this,w).call(this),i(a,this,R).call(this)}mapSpacingToken(t){if(!t)return;const r=String(t).trim();if(r)return/^\d+$/.test(r)?`var(--spacing-${Math.max(0,Math.min(14,parseInt(r,10)))})`:r}render(){const t=h.call(i(a,this)),r=d.call(i(a,this)),s=x(this,`--scb-app-bar-search-component-size-${r}`,["extra-small","small","medium","large"],"small");return u`
|
|
2
2
|
<header class=${`variant-${t} size-${r} ${J.call(i(a,this))}`} role="banner" aria-label=${D.call(i(a,this))}>
|
|
3
3
|
<div class="leading">
|
|
4
4
|
<slot name="leading" @slotchange=${this.handleActionsSlotChange}></slot>
|
|
@@ -15,4 +15,4 @@ import{h as M,m as q,p,v as u,y as I}from"../../vendor/vendor.js";import"../../v
|
|
|
15
15
|
<slot name="avatar" @slotchange=${this.handleAvatarSlotChange}></slot>
|
|
16
16
|
</div>
|
|
17
17
|
</header>
|
|
18
|
-
`}},v.styles=[I`: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(--scb-app-bar-surface-color, var(--md-sys-color-surface-container));color:var(--scb-app-bar-content-color, var(--md-sys-color-on-surface));--md-icon-button-icon-color:var(--scb-app-bar-content-color, var(--md-sys-color-on-surface));--md-focus-ring-color:var(--scb-app-bar-content-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-container-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-container-padding-inline-medium, 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-container-padding-inline-large, 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)}`],v);function g(){d.call(i(a,this))==="centered"&&(this.__titleResizeRaf||(this.__titleResizeRaf=requestAnimationFrame(()=>{this.__titleResizeRaf=0,i(a,this,j).call(this)})))}function x(){this.__titleResizeObserver?.disconnect();const e=this.shadowRoot?.querySelector("header");if(e&&e.style.removeProperty("--scb-app-bar-title-max-width"),d.call(i(a,this))!=="centered"||!this.__titleResizeObserver)return;const t=this.shadowRoot?.querySelector("header.variant-centered");if(!t)return;const r=t.querySelector(".leading"),s=t.querySelector(".trailing");!r||!s||(this.__titleResizeObserver.observe(t),this.__titleResizeObserver.observe(r),this.__titleResizeObserver.observe(s),i(a,this,g).call(this))}function z(e){if(!e)return 0;const t=parseFloat(e);return Number.isFinite(t)?t:0}function k(e){const t=getComputedStyle(e);return i(a,this,z).call(this,t.columnGap||t.gap)}function j(){const e=this.shadowRoot?.querySelector("header.variant-centered");if(!e)return;const t=e.querySelector(".leading"),r=e.querySelector(".trailing");if(!t||!r)return;const s=e.getBoundingClientRect(),c=t.getBoundingClientRect(),b=r.getBoundingClientRect(),o=getComputedStyle(e),E=i(a,this,z).call(this,o.paddingInlineStart||o.paddingLeft),B=i(a,this,z).call(this,o.paddingInlineEnd||o.paddingRight),$=Math.max(0,s.width-E-B),L=Math.max(c.width,b.width),O=Math.max(i(a,this,k).call(this,t),i(a,this,k).call(this,r)),P=Math.max(0,$-L*2-O*2);e.style.setProperty("--scb-app-bar-title-max-width",`${P}px`)}function w(){const e=this.mapSpacingToken(this.spacing),t=this.mapSpacingToken(this.spacingTop)??e,r=this.mapSpacingToken(this.spacingBottom)??e,s=this.mapSpacingToken(this.spacingLeft),c=this.mapSpacingToken(this.spacingRight);t?this.style.setProperty("--scb-app-bar-spacing-block-start",t):this.style.removeProperty("--scb-app-bar-spacing-block-start"),r?this.style.setProperty("--scb-app-bar-spacing-block-end",r):this.style.removeProperty("--scb-app-bar-spacing-block-end"),s?this.style.setProperty("--scb-app-bar-spacing-inline-start",s):this.style.removeProperty("--scb-app-bar-spacing-inline-start"),c?this.style.setProperty("--scb-app-bar-spacing-inline-end",c):this.style.removeProperty("--scb-app-bar-spacing-inline-end")}function f(){return this.appBarTitle||this.title}function D(){const e=this.ariaLabel.trim();return e||(d.call(i(a,this))==="search"?this.searchAriaLabel:this.defaultAriaLabel)}function m(){return this.type?W[this.type]:void 0}function h(){return m.call(i(a,this))&&!this.hasAttribute("size")?m.call(i(a,this)).size:this.size==="medium"||this.size==="large"?this.size:"small"}function d(){return m.call(i(a,this))&&!this.hasAttribute("variant")?m.call(i(a,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 y(e){const t=h.call(i(a,this)),r=H[e]?.[t],s=`--scb-app-bar-${e}-${t}`;return r?`var(${s}, ${r})`:`var(${s})`}function A(e){if(!(e instanceof HTMLElement))return;const t=e.tagName;t!=="SCB-ICON-BUTTON"&&t!=="SCB-BUTTON"||(i(a,this,C).call(this,e,G,_(this,`--scb-app-bar-action-component-size-${h.call(i(a,this))}`,["small","medium","large"],"medium")),t==="SCB-BUTTON"&&(e.style.setProperty("--scb-button-padding-inline",i(a,this,y).call(this,"action-padding-inline")),e.style.setProperty("--scb-button-icon-edge-space",i(a,this,y).call(this,"action-padding-inline")),e.style.setProperty("--scb-button-padding-block",i(a,this,y).call(this,"action-padding-block"))))}function T(e){!(e instanceof HTMLElement)||e.tagName!=="SCB-AVATAR"||i(a,this,C).call(this,e,V,_(this,`--scb-app-bar-avatar-component-size-${h.call(i(a,this))}`,["small","medium","large","extra-large"],"medium"))}function C(e,t,r){const s=e.getAttribute(t);if(s!==null&&e.getAttribute("size")!==s){e.removeAttribute(t);return}(!e.hasAttribute("size")||s!==null)&&(e.setAttribute("size",r),e.setAttribute(t,r))}function R(){this.renderRoot.querySelectorAll('slot[name="leading"], slot[name="trailing"]').forEach(e=>{e.assignedElements({flatten:!0}).forEach(t=>i(a,this,A).call(this,t))}),this.renderRoot.querySelectorAll('slot[name="avatar"]').forEach(e=>{e.assignedElements({flatten:!0}).forEach(t=>i(a,this,T).call(this,t))})}l([p({type:String,reflect:!0})],n.prototype,"title",void 0);l([p({type:String,attribute:"app-bar-title",reflect:!0})],n.prototype,"appBarTitle",void 0);l([p({type:String,reflect:!0})],n.prototype,"size",void 0);l([p({type:String,reflect:!0})],n.prototype,"variant",void 0);l([p({type:String})],n.prototype,"type",void 0);l([p({type:String,reflect:!0})],n.prototype,"position",void 0);l([p({type:String,attribute:"aria-label",reflect:!0})],n.prototype,"ariaLabel",void 0);l([p({type:String,attribute:"default-aria-label"})],n.prototype,"defaultAriaLabel",void 0);l([p({type:String,attribute:"search-aria-label"})],n.prototype,"searchAriaLabel",void 0);l([p({type:String,attribute:"search-supporting-text",reflect:!0})],n.prototype,"searchSupportingText",void 0);l([p({type:String,reflect:!0})],n.prototype,"spacing",void 0);l([p({type:String,attribute:"spacing-top",reflect:!0})],n.prototype,"spacingTop",void 0);l([p({type:String,attribute:"spacing-bottom",reflect:!0})],n.prototype,"spacingBottom",void 0);l([p({type:String,attribute:"spacing-left",reflect:!0})],n.prototype,"spacingLeft",void 0);l([p({type:String,attribute:"spacing-right",reflect:!0})],n.prototype,"spacingRight",void 0);n=l([q("scb-app-bar")],n);
|
|
18
|
+
`}},v.styles=[I`: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(--scb-app-bar-surface-color, var(--md-sys-color-surface-container));color:var(--scb-app-bar-content-color, var(--md-sys-color-on-surface));--md-icon-button-icon-color:var(--scb-app-bar-content-color, var(--md-sys-color-on-surface));--md-focus-ring-color:var(--scb-app-bar-content-color, var(--md-sys-color-on-surface));box-sizing:border-box;display:flex;align-items:center;padding-block-start:var(--scb-app-bar-current-padding-block-start);padding-block-end:var(--scb-app-bar-current-padding-block-end);padding-inline: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-2, 4px));--scb-app-bar-current-padding-block-start:var(--scb-app-bar-padding-block-start-small, var(--spacing-3, 8px));--scb-app-bar-current-padding-block-end:var(--scb-app-bar-padding-block-end-small, var(--spacing-3, 8px));--scb-app-bar-current-title-gap:var(--scb-app-bar-title-gap-small, var(--spacing-0, 0px));--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-container-padding-inline-small, var(--spacing-3, 8px))}header.size-medium{--scb-app-bar-current-height:var(--scb-app-bar-height-medium, 114px);--scb-app-bar-current-padding-inline:var(--scb-app-bar-padding-inline-medium, var(--spacing-2, 4px));--scb-app-bar-current-padding-block-start:var(--scb-app-bar-padding-block-start-medium, var(--spacing-3, 8px));--scb-app-bar-current-padding-block-end:var(--scb-app-bar-padding-block-end-medium, var(--spacing-7, 24px));--scb-app-bar-current-title-gap:var(--scb-app-bar-title-gap-medium, var(--spacing-2, 4px));--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-4, 12px));--scb-app-bar-current-search-padding-inline:var(--scb-app-bar-search-container-padding-inline-medium, var(--spacing-3, 8px))}header.size-large{--scb-app-bar-current-height:var(--scb-app-bar-height-large, 146px);--scb-app-bar-current-padding-inline:var(--scb-app-bar-padding-inline-large, var(--spacing-2, 4px));--scb-app-bar-current-padding-block-start:var(--scb-app-bar-padding-block-start-large, var(--spacing-3, 8px));--scb-app-bar-current-padding-block-end:var(--scb-app-bar-padding-block-end-large, var(--spacing-7, 24px));--scb-app-bar-current-title-gap:var(--scb-app-bar-title-gap-large, var(--spacing-9, 32px));--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-4, 12px));--scb-app-bar-current-search-padding-inline:var(--scb-app-bar-search-container-padding-inline-large, 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-start.size-large,header.variant-start.size-medium{display:grid;grid-template-areas:"leading trailing""headline headline";grid-template-columns:minmax(0,1fr) auto;grid-template-rows:48px auto;align-content:start;row-gap:var(--scb-app-bar-current-title-gap)}header.variant-start.size-large .leading,header.variant-start.size-medium .leading{grid-area:leading}header.variant-start.size-large .trailing,header.variant-start.size-medium .trailing{grid-area:trailing}header.variant-start.size-large .headline,header.variant-start.size-medium .headline{grid-area:headline}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)}.leading ::slotted(scb-icon-button),.trailing ::slotted(scb-avatar),.trailing ::slotted(scb-icon-button){margin:var(--spacing-2, 4px)}`],v);function g(){h.call(i(a,this))==="centered"&&(this.__titleResizeRaf||(this.__titleResizeRaf=requestAnimationFrame(()=>{this.__titleResizeRaf=0,i(a,this,j).call(this)})))}function S(){this.__titleResizeObserver?.disconnect();const e=this.shadowRoot?.querySelector("header");if(e&&e.style.removeProperty("--scb-app-bar-title-max-width"),h.call(i(a,this))!=="centered"||!this.__titleResizeObserver)return;const t=this.shadowRoot?.querySelector("header.variant-centered");if(!t)return;const r=t.querySelector(".leading"),s=t.querySelector(".trailing");!r||!s||(this.__titleResizeObserver.observe(t),this.__titleResizeObserver.observe(r),this.__titleResizeObserver.observe(s),i(a,this,g).call(this))}function z(e){if(!e)return 0;const t=parseFloat(e);return Number.isFinite(t)?t:0}function k(e){const t=getComputedStyle(e);return i(a,this,z).call(this,t.columnGap||t.gap)}function j(){const e=this.shadowRoot?.querySelector("header.variant-centered");if(!e)return;const t=e.querySelector(".leading"),r=e.querySelector(".trailing");if(!t||!r)return;const s=e.getBoundingClientRect(),o=t.getBoundingClientRect(),b=r.getBoundingClientRect(),c=getComputedStyle(e),E=i(a,this,z).call(this,c.paddingInlineStart||c.paddingLeft),B=i(a,this,z).call(this,c.paddingInlineEnd||c.paddingRight),$=Math.max(0,s.width-E-B),L=Math.max(o.width,b.width),O=Math.max(i(a,this,k).call(this,t),i(a,this,k).call(this,r)),P=Math.max(0,$-L*2-O*2);e.style.setProperty("--scb-app-bar-title-max-width",`${P}px`)}function w(){const e=this.mapSpacingToken(this.spacing),t=this.mapSpacingToken(this.spacingTop)??e,r=this.mapSpacingToken(this.spacingBottom)??e,s=this.mapSpacingToken(this.spacingLeft),o=this.mapSpacingToken(this.spacingRight);t?this.style.setProperty("--scb-app-bar-spacing-block-start",t):this.style.removeProperty("--scb-app-bar-spacing-block-start"),r?this.style.setProperty("--scb-app-bar-spacing-block-end",r):this.style.removeProperty("--scb-app-bar-spacing-block-end"),s?this.style.setProperty("--scb-app-bar-spacing-inline-start",s):this.style.removeProperty("--scb-app-bar-spacing-inline-start"),o?this.style.setProperty("--scb-app-bar-spacing-inline-end",o):this.style.removeProperty("--scb-app-bar-spacing-inline-end")}function f(){return this.appBarTitle||this.title}function D(){const e=this.ariaLabel.trim();return e||(h.call(i(a,this))==="search"?this.searchAriaLabel:this.defaultAriaLabel)}function m(){return this.type?W[this.type]:void 0}function d(){return m.call(i(a,this))&&!this.hasAttribute("size")?m.call(i(a,this)).size:this.size==="medium"||this.size==="large"?this.size:"small"}function h(){return m.call(i(a,this))&&!this.hasAttribute("variant")?m.call(i(a,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 y(e){const t=d.call(i(a,this)),r=H[e]?.[t],s=`--scb-app-bar-${e}-${t}`;return r?`var(${s}, ${r})`:`var(${s})`}function A(e){if(!(e instanceof HTMLElement))return;const t=e.tagName;t!=="SCB-ICON-BUTTON"&&t!=="SCB-BUTTON"||(i(a,this,C).call(this,e,G,x(this,`--scb-app-bar-action-component-size-${d.call(i(a,this))}`,["small","medium","large"],"medium")),t==="SCB-BUTTON"&&(e.style.setProperty("--scb-button-padding-inline",i(a,this,y).call(this,"action-padding-inline")),e.style.setProperty("--scb-button-icon-edge-space",i(a,this,y).call(this,"action-padding-inline")),e.style.setProperty("--scb-button-padding-block",i(a,this,y).call(this,"action-padding-block"))))}function T(e){!(e instanceof HTMLElement)||e.tagName!=="SCB-AVATAR"||i(a,this,C).call(this,e,V,x(this,`--scb-app-bar-avatar-component-size-${d.call(i(a,this))}`,["small","medium","large","extra-large"],"medium"))}function C(e,t,r){const s=e.getAttribute(t);if(s!==null&&e.getAttribute("size")!==s){e.removeAttribute(t);return}(!e.hasAttribute("size")||s!==null)&&(e.setAttribute("size",r),e.setAttribute(t,r))}function R(){this.renderRoot.querySelectorAll('slot[name="leading"], slot[name="trailing"]').forEach(e=>{e.assignedElements({flatten:!0}).forEach(t=>i(a,this,A).call(this,t))}),this.renderRoot.querySelectorAll('slot[name="avatar"]').forEach(e=>{e.assignedElements({flatten:!0}).forEach(t=>i(a,this,T).call(this,t))})}l([p({type:String,reflect:!0})],n.prototype,"title",void 0);l([p({type:String,attribute:"app-bar-title",reflect:!0})],n.prototype,"appBarTitle",void 0);l([p({type:String,reflect:!0})],n.prototype,"size",void 0);l([p({type:String,reflect:!0})],n.prototype,"variant",void 0);l([p({type:String})],n.prototype,"type",void 0);l([p({type:String,reflect:!0})],n.prototype,"position",void 0);l([p({type:String,attribute:"aria-label",reflect:!0})],n.prototype,"ariaLabel",void 0);l([p({type:String,attribute:"default-aria-label"})],n.prototype,"defaultAriaLabel",void 0);l([p({type:String,attribute:"search-aria-label"})],n.prototype,"searchAriaLabel",void 0);l([p({type:String,attribute:"search-supporting-text",reflect:!0})],n.prototype,"searchSupportingText",void 0);l([p({type:String,reflect:!0})],n.prototype,"spacing",void 0);l([p({type:String,attribute:"spacing-top",reflect:!0})],n.prototype,"spacingTop",void 0);l([p({type:String,attribute:"spacing-bottom",reflect:!0})],n.prototype,"spacingBottom",void 0);l([p({type:String,attribute:"spacing-left",reflect:!0})],n.prototype,"spacingLeft",void 0);l([p({type:String,attribute:"spacing-right",reflect:!0})],n.prototype,"spacingRight",void 0);n=l([q("scb-app-bar")],n);
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["../../vendor/lazy-focus-ring.js","../../vendor/rolldown-runtime.js","../../vendor/preload-helper.js","../../vendor/lazy-ripple.js"])))=>i.map(i=>d[i]);
|
|
2
|
-
import{g as l,h as S,m as A,p as s,v as c,y as C}from"../../vendor/vendor.js";import"../../vendor/vendor-lit.js";import{t as R}from"../../vendor/preload-helper.js";import{t as N}from"../../vendor/component-defaults.js";import{t as n}from"../../vendor/decorate.js";import{t as x}from"../../vendor/assertClassBrand.js";import{t as T}from"../../vendor/classPrivateMethodInitSpec.js";(function(){try{var b=typeof globalThis<"u"?globalThis:window;if(!b.__scb_ce_guard_installed__){b.__scb_ce_guard_installed__=!0;var e=customElements.define.bind(customElements);customElements.define=function(t,i,o){try{customElements.get(t)||e(t,i,o)}catch(u){var r=String(u||"");if(r.indexOf("already been used")===-1&&r.indexOf("NotSupportedError")===-1)throw u}}}}catch{}})();var h,g,f;function P(){return g??(g=R(()=>import("../../vendor/lazy-focus-ring.js").then(b=>b.i),__vite__mapDeps([0,1,2]),import.meta.url)),g}function k(){return f??(f=R(()=>import("../../vendor/lazy-ripple.js"),__vite__mapDeps([3,2]),import.meta.url)),f}var a=(h=new WeakSet,class extends S{constructor(...e){super(...e),T(this,h),this.variant="filled",this.size=N["scb-button"].size,this.type="button",this.name="",this.value="",this.formId=null,this.formAction="",this.formEnctype="",this.formMethod="",this.formNoValidate=!1,this.formTarget="",this.label="Button",this.trailingIcon=!1,this.icon="",this.iconFilled=!1,this.disabled=!1,this.fullWidth=!1,this.href="",this.target="",this.rel="",this.spacing=void 0,this.spacingTop=void 0,this.spacingBottom=void 0,this.spacingLeft=void 0,this.spacingRight=void 0,this.__hasDefaultSlotContent=!1,this.__nativeFocusRingReady=!1,this.__nativeRippleReady=!1,this.__nativeRipplePendingClick=!1,this.__ensureNativeFocusRing=()=>{this.__nativeFocusRingReady||P().then(({ensureFocusRingReady:t})=>(t(),customElements.whenDefined("md-focus-ring"))).then(()=>{this.__nativeFocusRingReady=!0,this.toggleAttribute("data-native-focus-ring-ready",!0),this.requestUpdate(),this.updateComplete.then(()=>this.__syncNativeFocusRingControl())})},this.__onNativeFocusIn=t=>{const i=t.composedPath()[0];i instanceof HTMLElement&&i.matches(":focus-visible")&&this.__ensureNativeFocusRing()},this.__ensureNativeRipple=t=>{this.__nativeRippleReady||this.disabled||(t&&(this.__nativeRipplePendingPointerEvent=t),k().then(({ensureRippleReady:i})=>i()).then(()=>{this.disabled||(this.__nativeRippleReady=!0,this.requestUpdate(),this.updateComplete.then(()=>{this.__syncNativeFocusRingControl(),this.__replayNativeRippleState()}))}))},this.__onNativePointerWarmup=t=>{this.__ensureNativeRipple(t)},this.__onNativeClick=t=>{if(this.disabled){t.preventDefault(),t.stopPropagation();return}(!this.__nativeRippleReady||this.__nativeRipplePendingPointerEvent)&&(this.__nativeRipplePendingClick=!0,this.__ensureNativeRipple()),!this.href&&queueMicrotask(()=>{if(t.defaultPrevented||this.disabled||this.href)return;const i=this.__getAssociatedForm();if(!i)return;const o=this.__normalizedButtonType();o==="submit"&&this.__requestFormSubmit(i),o==="reset"&&i.reset()})}}__getNativeControl(){return this.renderRoot.querySelector(".native-button")}__handleDefaultSlotChange(e){const t=e.target.assignedNodes({flatten:!0}).some(i=>i.nodeType===Node.TEXT_NODE?!!i.textContent?.trim():i.nodeType===Node.ELEMENT_NODE);this.__hasDefaultSlotContent!==t&&(this.__hasDefaultSlotContent=t,this.requestUpdate()),this.updateComplete.then(()=>this.__syncAriaToInner())}__syncAriaToInner(){const e=this.__getNativeControl();e&&this.__syncAriaToControl(e)}__syncAriaToControl(e){const t=(this.getAttribute("aria-label")||"").trim(),i=this.label.trim()===""&&!this.__hasDefaultSlotContent?(this.icon||"").trim():"",o=t||i;o?e.setAttribute("aria-label",o):e.removeAttribute("aria-label");const r=this.getAttribute("aria-controls");r!==null?e.setAttribute("aria-controls",r):e.removeAttribute("aria-controls");const u=this.getAttribute("aria-haspopup");u!==null?e.setAttribute("aria-haspopup",u):e.removeAttribute("aria-haspopup");const y=this.getAttribute("aria-expanded");y!==null?e.setAttribute("aria-expanded",y):e.removeAttribute("aria-expanded"),this.__ariaObserver?.disconnect(),this.__ariaObserver=new MutationObserver(w=>{const d=this.__getNativeControl();if(d)for(const m of w){if(m.type!=="attributes"||!m.attributeName)continue;const p=m.attributeName,v=this.getAttribute(p);if(p==="aria-label"){const _=(v||(this.label.trim()===""&&!this.__hasDefaultSlotContent?(this.icon||"").trim():"")).trim();_?d.setAttribute("aria-label",_):d.removeAttribute("aria-label")}else(p==="aria-controls"||p==="aria-expanded"||p==="aria-haspopup")&&(v===null?d.removeAttribute(p):d.setAttribute(p,v))}}),this.__ariaObserver.observe(this,{attributes:!0,attributeFilter:["aria-label","aria-controls","aria-expanded","aria-haspopup"]})}connectedCallback(){super.connectedCallback()}focus(e){const t=this.__getNativeControl();if(t){t.focus(e);return}this.updateComplete.then(()=>this.__getNativeControl()?.focus(e))}blur(){this.__getNativeControl()?.blur()}firstUpdated(){x(h,this,z).call(this)}updated(e){(e.has("variant")||e.has("label")||e.has("icon")||e.has("href"))&&this.updateComplete.then(()=>this.__syncAriaToInner()),(this.__nativeFocusRingReady||this.__nativeRippleReady)&&this.updateComplete.then(()=>this.__syncNativeFocusRingControl()),(e.has("spacing")||e.has("spacingTop")||e.has("spacingBottom")||e.has("spacingLeft")||e.has("spacingRight"))&&x(h,this,z).call(this)}disconnectedCallback(){this.__ariaObserver?.disconnect(),super.disconnectedCallback()}__normalizedButtonType(){return this.type==="submit"||this.type==="reset"?this.type:"button"}__getAssociatedForm(){if(this.formId!==null||this.hasAttribute("form")){const e=(this.formId??this.getAttribute("form")??"").trim();if(!e)return null;const t=this.getRootNode(),i=t instanceof Document||t instanceof ShadowRoot?t.getElementById(e):null;return i instanceof HTMLFormElement?i:null}return this.closest("form")}get form(){return this.__getAssociatedForm()}__requestFormSubmit(e){const t=this.ownerDocument.createElement("button");t.type="submit",t.hidden=!0,t.tabIndex=-1,t.setAttribute("aria-hidden","true"),t.setAttribute("data-scb-button-submitter","");const i=[["name",this.name,this.hasAttribute("name")],["value",this.value,this.hasAttribute("value")],["formaction",this.formAction,this.hasAttribute("formaction")],["formenctype",this.formEnctype,this.hasAttribute("formenctype")],["formmethod",this.formMethod,this.hasAttribute("formmethod")],["formtarget",this.formTarget,this.hasAttribute("formtarget")]];for(const[o,r,u]of i)(u||r!=="")&&t.setAttribute(o,r);this.formNoValidate&&t.setAttribute("formnovalidate",""),e.append(t);try{e.requestSubmit(t)}finally{t.remove()}}__syncNativeFocusRingControl(){const e=this.renderRoot.querySelector("md-focus-ring"),t=this.__getNativeControl();e&&t&&(e.control=t,e.visible=t.matches(":focus-visible"));const i=this.renderRoot.querySelector("md-ripple");i&&t&&(i.control=t)}async __replayNativeRippleState(){const e=this.renderRoot.querySelector("md-ripple"),t=this.__getNativeControl(),i=this.__nativeRipplePendingPointerEvent,o=this.__nativeRipplePendingClick;this.__nativeRipplePendingPointerEvent=void 0,this.__nativeRipplePendingClick=!1;const{syncRippleToControl:r}=await k();await r(e,t,i,o)}mapSpacingToken(e){if(!e)return;const t=String(e).trim();if(t)return/^\d+$/.test(t)?`var(--spacing-${Math.max(0,Math.min(14,parseInt(t,10)))})`:t}static get styles(){return C`:host{display:inline-flex;block-size:var(--scb-button-block-size, auto);margin-block-start:var(--scb-button-spacing-block-start, 0);margin-block-end:var(--scb-button-spacing-block-end, 0);margin-inline-start:var(--scb-button-spacing-inline-start, 0);margin-inline-end:var(--scb-button-spacing-inline-end, 0);--scb-button-font-variation-settings:'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;--scb-button-container-height:var(--scb-buttons-control-size-medium, var(--scb-control-size-medium, var(--scale-10, 40px)));--scb-button-padding-block:var(--scb-buttons-padding-block-medium, var(--spacing-3, 8px));--scb-button-padding-inline:var(--scb-buttons-padding-inline-medium, var(--spacing-5, 16px));--scb-button-icon-edge-space:var(--scb-buttons-padding-inline-medium, var(--spacing-5, 16px));--scb-button-icon-gap:var(--scb-buttons-gap-medium, var(--spacing-3, 8px));--scb-button-icon-size:var(--scb-buttons-icon-size-medium, var(--icon-size-small, 20px));--scb-button-shape-radius:var(--scb-buttons-shape-radius-medium, var(--radius-full, 999px));--scb-button-label-text-font:var(--scb-buttons-text-medium-font, var(--scb-typography-label-medium-font, var(--md-sys-typescale-label-medium-font)));--scb-button-label-text-size:var(--scb-buttons-text-medium-size, var(--scb-typography-label-medium-size, var(--md-sys-typescale-label-medium-size)));--scb-button-label-text-weight:var(--scb-buttons-text-medium-weight, var(--scb-typography-label-medium-weight, var(--md-sys-typescale-label-medium-weight)));--scb-button-label-text-line-height:var(--scb-buttons-text-medium-line-height, var(--scb-typography-label-medium-line-height, var(--md-sys-typescale-label-medium-line-height)));--scb-button-label-text-tracking:var(--scb-buttons-text-medium-tracking, var(--scb-typography-label-medium-tracking, var(--md-sys-typescale-label-medium-tracking)))}:host([size='extra-small']){--scb-button-container-height:var(--scb-buttons-control-size-extra-small, var(--scb-control-size-extra-small, var(--scale-08, 32px)));--scb-button-padding-block:var(--scb-buttons-padding-block-extra-small, var(--spacing-2, 4px));--scb-button-padding-inline:var(--scb-buttons-padding-inline-extra-small, var(--spacing-4, 12px));--scb-button-icon-edge-space:var(--scb-buttons-padding-inline-extra-small, var(--spacing-4, 12px));--scb-button-icon-gap:var(--scb-buttons-gap-extra-small, var(--spacing-2, 4px));--scb-button-icon-size:var(--scb-buttons-icon-size-extra-small, var(--icon-size-small, 20px));--scb-button-shape-radius:var(--scb-buttons-shape-radius-extra-small, var(--radius-full, 999px));--scb-button-label-text-font:var(--scb-buttons-text-extra-small-font, var(--scb-typography-label-medium-font, var(--md-sys-typescale-label-medium-font)));--scb-button-label-text-size:var(--scb-buttons-text-extra-small-size, var(--scb-typography-label-medium-size, var(--md-sys-typescale-label-medium-size)));--scb-button-label-text-weight:var(--scb-buttons-text-extra-small-weight, var(--scb-typography-label-medium-weight, var(--md-sys-typescale-label-medium-weight)));--scb-button-label-text-line-height:var(--scb-buttons-text-extra-small-line-height, var(--scb-typography-label-medium-line-height, var(--md-sys-typescale-label-medium-line-height)));--scb-button-label-text-tracking:var(--scb-buttons-text-extra-small-tracking, var(--scb-typography-label-medium-tracking, var(--md-sys-typescale-label-medium-tracking)))}:host([size='small']){--scb-button-container-height:var(--scb-buttons-control-size-small, var(--scb-control-size-small, var(--scale-08, 32px)));--scb-button-padding-block:var(--scb-buttons-padding-block-small, var(--spacing-2, 4px));--scb-button-padding-inline:var(--scb-buttons-padding-inline-small, var(--spacing-4, 12px));--scb-button-icon-edge-space:var(--scb-buttons-padding-inline-small, var(--spacing-4, 12px));--scb-button-icon-gap:var(--scb-buttons-gap-small, var(--spacing-2, 4px));--scb-button-icon-size:var(--scb-buttons-icon-size-small, var(--icon-size-small, 20px));--scb-button-shape-radius:var(--scb-buttons-shape-radius-small, var(--radius-full, 999px));--scb-button-label-text-font:var(--scb-buttons-text-small-font, var(--scb-typography-label-medium-font, var(--md-sys-typescale-label-medium-font)));--scb-button-label-text-size:var(--scb-buttons-text-small-size, var(--scb-typography-label-medium-size, var(--md-sys-typescale-label-medium-size)));--scb-button-label-text-weight:var(--scb-buttons-text-small-weight, var(--scb-typography-label-medium-weight, var(--md-sys-typescale-label-medium-weight)));--scb-button-label-text-line-height:var(--scb-buttons-text-small-line-height, var(--scb-typography-label-medium-line-height, var(--md-sys-typescale-label-medium-line-height)));--scb-button-label-text-tracking:var(--scb-buttons-text-small-tracking, var(--scb-typography-label-medium-tracking, var(--md-sys-typescale-label-medium-tracking)))}:host([size='large']){--scb-button-container-height:var(--scb-buttons-control-size-large, var(--scb-control-size-large, var(--scale-12, 56px)));--scb-button-padding-block:var(--scb-buttons-padding-block-large, var(--spacing-5, 16px));--scb-button-padding-inline:var(--scb-buttons-padding-inline-large, var(--spacing-7, 20px));--scb-button-icon-edge-space:var(--scb-buttons-padding-inline-large, var(--spacing-7, 20px));--scb-button-icon-gap:var(--scb-buttons-gap-large, var(--spacing-3, 8px));--scb-button-icon-size:var(--scb-buttons-icon-size-large, var(--icon-size-medium, 24px));--scb-button-shape-radius:var(--scb-buttons-shape-radius-large, var(--radius-full, 999px));--scb-button-label-text-font:var(--scb-buttons-text-large-font, var(--scb-typography-label-medium-font, var(--md-sys-typescale-label-medium-font)));--scb-button-label-text-size:var(--scb-buttons-text-large-size, var(--scb-typography-label-medium-size, var(--md-sys-typescale-label-medium-size)));--scb-button-label-text-weight:var(--scb-buttons-text-large-weight, var(--scb-typography-label-medium-weight, var(--md-sys-typescale-label-medium-weight)));--scb-button-label-text-line-height:var(--scb-buttons-text-large-line-height, var(--scb-typography-label-medium-line-height, var(--md-sys-typescale-label-medium-line-height)));--scb-button-label-text-tracking:var(--scb-buttons-text-large-tracking, var(--scb-typography-label-medium-tracking, var(--md-sys-typescale-label-medium-tracking)))}:host([icon-filled]){--scb-button-font-variation-settings:'FILL' 1, 'wght' 400, 'GRAD' 0, 'opsz' 24}.native-button,.native-button-wrap{position:relative;display:inline-flex}.native-button-wrap{border-radius:var(--scb-button-shape-radius, var(--md-sys-shape-corner-full, 999px))}.native-button{z-index:0;box-sizing:border-box;align-items:center;justify-content:center;gap:var(--scb-button-icon-gap);min-block-size:var(--scb-button-block-size, var(--scb-button-container-height));block-size:var(--scb-button-block-size, var(--scb-button-container-height));min-inline-size:64px;inline-size:auto;padding-block:var(--scb-button-padding-block);padding-inline:var(--scb-button-padding-inline);overflow:hidden;border:0;border-radius:inherit;background:0 0;color:var(--scb-button-low-emphasis-content-color, var(--md-sys-color-primary));font-family:var(--scb-button-label-text-font);font-size:var(--scb-button-label-text-size);font-weight:var(--scb-button-label-text-weight);line-height:var(--scb-button-label-text-line-height, var(--scb-typography-label-medium-line-height, var(--md-sys-typescale-label-medium-line-height)));letter-spacing:var(--scb-button-label-text-tracking, normal);text-align:center;text-decoration:none;white-space:nowrap;cursor:pointer;appearance:none;-webkit-appearance:none;touch-action:manipulation}::slotted(*){display:inline!important;margin:0!important;color:inherit!important;font:inherit!important;letter-spacing:inherit!important;line-height:inherit!important}.native-button::before{content:"";position:absolute;inset:0;z-index:-1;background:currentColor;opacity:0;pointer-events:none;transition:opacity var(--motion-duration-short, 150ms) var(--motion-easing-standard, ease)}.native-button:hover::before{opacity:var(--md-sys-state-hover-state-layer-opacity, 0.08)}.native-button:active::before{opacity:var(--md-sys-state-pressed-state-layer-opacity, 0.12)}.native-button:focus{outline:0}:host(:not([data-native-focus-ring-ready])) .native-button:focus-visible{outline:var(--stroke-border-m, 2px) solid var(--md-sys-color-primary);outline-offset:var(--spacing-1, 2px)}.native-button:disabled,.native-button[aria-disabled=true]{color:var(--scb-button-disabled-content-color, var(--scb-color-compat-disabled-content));cursor:default;opacity:1;pointer-events:none}:host(:not([variant])) .native-button,:host([variant='filled']) .native-button{border-color:transparent;background:var(--scb-button-filled-container-color, var(--md-sys-color-primary));color:var(--scb-button-filled-content-color, var(--md-sys-color-on-primary))}:host([variant='outlined']) .native-button{background:0 0;color:var(--scb-button-low-emphasis-content-color, var(--md-sys-color-primary));box-shadow:inset 0 0 0 var(--stroke-border, 1px) var(--scb-button-outline-color, var(--md-sys-color-outline))}:host([variant='outlined']) .native-button:disabled,:host([variant='outlined']) .native-button[aria-disabled=true]{color:var(--scb-button-disabled-content-color, var(--scb-color-compat-disabled-content));box-shadow:inset 0 0 0 var(--stroke-border, 1px) var(--scb-color-compat-disabled-container)}:host([variant='filled-tonal']) .native-button{border-color:transparent;background:var(--scb-button-tonal-container-color, var(--md-sys-color-secondary-container));color:var(--scb-button-tonal-content-color, var(--md-sys-color-on-secondary-container))}:host(:not([variant])) .native-button:disabled,:host(:not([variant])) .native-button[aria-disabled=true],:host([variant='filled']) .native-button:disabled,:host([variant='filled']) .native-button[aria-disabled=true],:host([variant='filled-tonal']) .native-button:disabled,:host([variant='filled-tonal']) .native-button[aria-disabled=true]{background:var(--scb-button-disabled-container-color, var(--scb-color-compat-disabled-container));color:var(--scb-button-disabled-content-color, var(--scb-color-compat-disabled-content))}:host([variant='text']) .native-button{min-inline-size:0;background:0 0;color:var(--scb-button-low-emphasis-content-color, var(--md-sys-color-primary))}:host([variant='text']) .native-button:disabled,:host([variant='text']) .native-button[aria-disabled=true]{color:var(--scb-button-disabled-content-color, var(--scb-color-compat-disabled-content))}.native-icon{flex:0 0 auto;display:inline-block;inline-size:var(--scb-button-icon-size);block-size:var(--scb-button-icon-size);overflow:hidden;font-family:"Material Symbols Outlined";font-size:var(--scb-button-icon-size);line-height:1;text-align:center;white-space:nowrap;text-transform:none;word-wrap:normal;direction:ltr;font-feature-settings:"liga"1;font-variation-settings:var(--scb-button-font-variation-settings);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.native-icon.scb-svg-icon{fill:currentColor;font:inherit}.native-button-wrap md-ripple{position:absolute;inset:0;border-radius:inherit;pointer-events:none}.native-button-wrap md-focus-ring{pointer-events:none}:host([full-width]){display:flex;inline-size:100%}:host([full-width]) .native-button,:host([full-width]) .native-button-wrap{inline-size:100%;flex:1 1 auto}`}render(){const e=!!this.icon?.trim(),t=e?c`<span class="native-icon" part="icon" aria-hidden="true">${this.icon}</span>`:l,i=this.label.trim()===""&&!this.__hasDefaultSlotContent?this.icon:void 0,o=c`
|
|
2
|
+
import{g as l,h as S,m as A,p as n,v as c,y as C}from"../../vendor/vendor.js";import"../../vendor/vendor-lit.js";import{t as w}from"../../vendor/preload-helper.js";import{t as N}from"../../vendor/component-defaults.js";import{t as s}from"../../vendor/decorate.js";import{t as x}from"../../vendor/assertClassBrand.js";import{t as T}from"../../vendor/classPrivateMethodInitSpec.js";(function(){try{var b=typeof globalThis<"u"?globalThis:window;if(!b.__scb_ce_guard_installed__){b.__scb_ce_guard_installed__=!0;var e=customElements.define.bind(customElements);customElements.define=function(t,i,o){try{customElements.get(t)||e(t,i,o)}catch(u){var r=String(u||"");if(r.indexOf("already been used")===-1&&r.indexOf("NotSupportedError")===-1)throw u}}}}catch{}})();var h,g,f;function P(){return g??(g=w(()=>import("../../vendor/lazy-focus-ring.js").then(b=>b.i),__vite__mapDeps([0,1,2]),import.meta.url)),g}function k(){return f??(f=w(()=>import("../../vendor/lazy-ripple.js"),__vite__mapDeps([3,2]),import.meta.url)),f}var a=(h=new WeakSet,class extends S{constructor(...e){super(...e),T(this,h),this.variant="filled",this.size=N["scb-button"].size,this.type="button",this.name="",this.value="",this.formId=null,this.formAction="",this.formEnctype="",this.formMethod="",this.formNoValidate=!1,this.formTarget="",this.label="Button",this.trailingIcon=!1,this.icon="",this.iconFilled=!1,this.disabled=!1,this.fullWidth=!1,this.href="",this.target="",this.rel="",this.spacing=void 0,this.spacingTop=void 0,this.spacingBottom=void 0,this.spacingLeft=void 0,this.spacingRight=void 0,this.__hasDefaultSlotContent=!1,this.__nativeFocusRingReady=!1,this.__nativeRippleReady=!1,this.__nativeRipplePendingClick=!1,this.__ensureNativeFocusRing=()=>{this.__nativeFocusRingReady||P().then(({ensureFocusRingReady:t})=>(t(),customElements.whenDefined("md-focus-ring"))).then(()=>{this.__nativeFocusRingReady=!0,this.toggleAttribute("data-native-focus-ring-ready",!0),this.requestUpdate(),this.updateComplete.then(()=>this.__syncNativeFocusRingControl())})},this.__onNativeFocusIn=t=>{const i=t.composedPath()[0];i instanceof HTMLElement&&i.matches(":focus-visible")&&this.__ensureNativeFocusRing()},this.__ensureNativeRipple=t=>{this.__nativeRippleReady||this.disabled||(t&&(this.__nativeRipplePendingPointerEvent=t),k().then(({ensureRippleReady:i})=>i()).then(()=>{this.disabled||(this.__nativeRippleReady=!0,this.requestUpdate(),this.updateComplete.then(()=>{this.__syncNativeFocusRingControl(),this.__replayNativeRippleState()}))}))},this.__onNativePointerWarmup=t=>{this.__ensureNativeRipple(t)},this.__onNativeClick=t=>{if(this.disabled){t.preventDefault(),t.stopPropagation();return}(!this.__nativeRippleReady||this.__nativeRipplePendingPointerEvent)&&(this.__nativeRipplePendingClick=!0,this.__ensureNativeRipple()),!this.href&&queueMicrotask(()=>{if(t.defaultPrevented||this.disabled||this.href)return;const i=this.__getAssociatedForm();if(!i)return;const o=this.__normalizedButtonType();o==="submit"&&this.__requestFormSubmit(i),o==="reset"&&i.reset()})}}__getNativeControl(){return this.renderRoot.querySelector(".native-button")}__handleDefaultSlotChange(e){const t=e.target.assignedNodes({flatten:!0}).some(i=>i.nodeType===Node.TEXT_NODE?!!i.textContent?.trim():i.nodeType===Node.ELEMENT_NODE);this.__hasDefaultSlotContent!==t&&(this.__hasDefaultSlotContent=t,this.requestUpdate()),this.updateComplete.then(()=>this.__syncAriaToInner())}__syncAriaToInner(){const e=this.__getNativeControl();e&&this.__syncAriaToControl(e)}__syncAriaToControl(e){const t=(this.getAttribute("aria-label")||"").trim(),i=this.label.trim()===""&&!this.__hasDefaultSlotContent?(this.icon||"").trim():"",o=t||i;o?e.setAttribute("aria-label",o):e.removeAttribute("aria-label");const r=this.getAttribute("aria-controls");r!==null?e.setAttribute("aria-controls",r):e.removeAttribute("aria-controls");const u=this.getAttribute("aria-haspopup");u!==null?e.setAttribute("aria-haspopup",u):e.removeAttribute("aria-haspopup");const y=this.getAttribute("aria-expanded");y!==null?e.setAttribute("aria-expanded",y):e.removeAttribute("aria-expanded"),this.__ariaObserver?.disconnect(),this.__ariaObserver=new MutationObserver(R=>{const d=this.__getNativeControl();if(d)for(const v of R){if(v.type!=="attributes"||!v.attributeName)continue;const p=v.attributeName,m=this.getAttribute(p);if(p==="aria-label"){const _=(m||(this.label.trim()===""&&!this.__hasDefaultSlotContent?(this.icon||"").trim():"")).trim();_?d.setAttribute("aria-label",_):d.removeAttribute("aria-label")}else(p==="aria-controls"||p==="aria-expanded"||p==="aria-haspopup")&&(m===null?d.removeAttribute(p):d.setAttribute(p,m))}}),this.__ariaObserver.observe(this,{attributes:!0,attributeFilter:["aria-label","aria-controls","aria-expanded","aria-haspopup"]})}connectedCallback(){super.connectedCallback()}focus(e){const t=this.__getNativeControl();if(t){t.focus(e);return}this.updateComplete.then(()=>this.__getNativeControl()?.focus(e))}blur(){this.__getNativeControl()?.blur()}firstUpdated(){x(h,this,z).call(this)}updated(e){(e.has("variant")||e.has("label")||e.has("icon")||e.has("href"))&&this.updateComplete.then(()=>this.__syncAriaToInner()),(this.__nativeFocusRingReady||this.__nativeRippleReady)&&this.updateComplete.then(()=>this.__syncNativeFocusRingControl()),(e.has("spacing")||e.has("spacingTop")||e.has("spacingBottom")||e.has("spacingLeft")||e.has("spacingRight"))&&x(h,this,z).call(this)}disconnectedCallback(){this.__ariaObserver?.disconnect(),super.disconnectedCallback()}__normalizedButtonType(){return this.type==="submit"||this.type==="reset"?this.type:"button"}__getAssociatedForm(){if(this.formId!==null||this.hasAttribute("form")){const e=(this.formId??this.getAttribute("form")??"").trim();if(!e)return null;const t=this.getRootNode(),i=t instanceof Document||t instanceof ShadowRoot?t.getElementById(e):null;return i instanceof HTMLFormElement?i:null}return this.closest("form")}get form(){return this.__getAssociatedForm()}__requestFormSubmit(e){const t=this.ownerDocument.createElement("button");t.type="submit",t.hidden=!0,t.tabIndex=-1,t.setAttribute("aria-hidden","true"),t.setAttribute("data-scb-button-submitter","");const i=[["name",this.name,this.hasAttribute("name")],["value",this.value,this.hasAttribute("value")],["formaction",this.formAction,this.hasAttribute("formaction")],["formenctype",this.formEnctype,this.hasAttribute("formenctype")],["formmethod",this.formMethod,this.hasAttribute("formmethod")],["formtarget",this.formTarget,this.hasAttribute("formtarget")]];for(const[o,r,u]of i)(u||r!=="")&&t.setAttribute(o,r);this.formNoValidate&&t.setAttribute("formnovalidate",""),e.append(t);try{e.requestSubmit(t)}finally{t.remove()}}__syncNativeFocusRingControl(){const e=this.renderRoot.querySelector("md-focus-ring"),t=this.__getNativeControl();e&&t&&(e.control=t,e.visible=t.matches(":focus-visible"));const i=this.renderRoot.querySelector("md-ripple");i&&t&&(i.control=t)}async __replayNativeRippleState(){const e=this.renderRoot.querySelector("md-ripple"),t=this.__getNativeControl(),i=this.__nativeRipplePendingPointerEvent,o=this.__nativeRipplePendingClick;this.__nativeRipplePendingPointerEvent=void 0,this.__nativeRipplePendingClick=!1;const{syncRippleToControl:r}=await k();await r(e,t,i,o)}mapSpacingToken(e){if(!e)return;const t=String(e).trim();if(t)return/^\d+$/.test(t)?`var(--spacing-${Math.max(0,Math.min(14,parseInt(t,10)))})`:t}static get styles(){return C`:host{display:inline-flex;block-size:var(--scb-button-block-size, auto);margin-block-start:var(--scb-button-spacing-block-start, 0);margin-block-end:var(--scb-button-spacing-block-end, 0);margin-inline-start:var(--scb-button-spacing-inline-start, 0);margin-inline-end:var(--scb-button-spacing-inline-end, 0);--scb-button-font-variation-settings:'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;--scb-button-container-height:var(--scb-buttons-control-size-medium, var(--scb-control-size-medium, var(--scale-10, 40px)));--scb-button-padding-block:var(--scb-button-padding-block-medium, var(--scb-buttons-padding-block-medium, var(--spacing-3, 8px)));--scb-button-padding-inline:var(--scb-buttons-padding-inline-medium, var(--spacing-5, 16px));--scb-button-icon-edge-space:var(--scb-buttons-padding-inline-medium, var(--spacing-5, 16px));--scb-button-icon-gap:var(--scb-buttons-gap-medium, var(--spacing-3, 8px));--scb-button-icon-size:var(--scb-buttons-icon-size-medium, var(--icon-size-small, 20px));--scb-button-shape-radius:var(--scb-buttons-shape-radius-medium, var(--radius-full, 999px));--scb-button-label-text-font:var(--scb-button-text-medium-font, var(--scb-buttons-text-medium-font, var(--scb-typography-label-small-font, var(--md-sys-typescale-label-small-font))));--scb-button-label-text-size:var(--scb-button-text-medium-size, var(--scb-buttons-text-medium-size, var(--scb-typography-label-small-size, var(--md-sys-typescale-label-small-size))));--scb-button-label-text-weight:var(--scb-button-text-medium-weight, var(--scb-buttons-text-medium-weight, var(--scb-typography-label-small-weight, var(--md-sys-typescale-label-small-weight))));--scb-button-label-text-line-height:var(--scb-button-text-medium-line-height, var(--scb-buttons-text-medium-line-height, var(--scb-typography-label-small-line-height, var(--md-sys-typescale-label-small-line-height))));--scb-button-label-text-tracking:var(--scb-button-text-medium-tracking, var(--scb-buttons-text-medium-tracking, var(--scb-typography-label-small-tracking, var(--md-sys-typescale-label-small-tracking))))}:host([size='extra-small']){--scb-button-container-height:var(--scb-buttons-control-size-extra-small, var(--scb-control-size-extra-small, var(--scale-08, 32px)));--scb-button-padding-block:var(--scb-button-padding-block-extra-small, var(--scb-buttons-padding-block-extra-small, var(--spacing-2, 4px)));--scb-button-padding-inline:var(--scb-buttons-padding-inline-extra-small, var(--spacing-4, 12px));--scb-button-icon-edge-space:var(--scb-buttons-padding-inline-extra-small, var(--spacing-4, 12px));--scb-button-icon-gap:var(--scb-buttons-gap-extra-small, var(--spacing-2, 4px));--scb-button-icon-size:var(--scb-buttons-icon-size-extra-small, var(--icon-size-small, 20px));--scb-button-shape-radius:var(--scb-buttons-shape-radius-extra-small, var(--radius-full, 999px));--scb-button-label-text-font:var(--scb-button-text-extra-small-font, var(--scb-buttons-text-extra-small-font, var(--scb-typography-label-small-font, var(--md-sys-typescale-label-small-font))));--scb-button-label-text-size:var(--scb-button-text-extra-small-size, var(--scb-buttons-text-extra-small-size, var(--scb-typography-label-small-size, var(--md-sys-typescale-label-small-size))));--scb-button-label-text-weight:var(--scb-button-text-extra-small-weight, var(--scb-buttons-text-extra-small-weight, var(--scb-typography-label-small-weight, var(--md-sys-typescale-label-small-weight))));--scb-button-label-text-line-height:var(--scb-button-text-extra-small-line-height, var(--scb-buttons-text-extra-small-line-height, var(--scb-typography-label-small-line-height, var(--md-sys-typescale-label-small-line-height))));--scb-button-label-text-tracking:var(--scb-button-text-extra-small-tracking, var(--scb-buttons-text-extra-small-tracking, var(--scb-typography-label-small-tracking, var(--md-sys-typescale-label-small-tracking))))}:host([size='small']){--scb-button-container-height:var(--scb-buttons-control-size-small, var(--scb-control-size-small, var(--scale-08, 32px)));--scb-button-padding-block:var(--scb-button-padding-block-small, var(--scb-buttons-padding-block-small, var(--spacing-2, 4px)));--scb-button-padding-inline:var(--scb-buttons-padding-inline-small, var(--spacing-4, 12px));--scb-button-icon-edge-space:var(--scb-buttons-padding-inline-small, var(--spacing-4, 12px));--scb-button-icon-gap:var(--scb-buttons-gap-small, var(--spacing-2, 4px));--scb-button-icon-size:var(--scb-buttons-icon-size-small, var(--icon-size-small, 20px));--scb-button-shape-radius:var(--scb-buttons-shape-radius-small, var(--radius-full, 999px));--scb-button-label-text-font:var(--scb-button-text-small-font, var(--scb-buttons-text-small-font, var(--scb-typography-label-small-font, var(--md-sys-typescale-label-small-font))));--scb-button-label-text-size:var(--scb-button-text-small-size, var(--scb-buttons-text-small-size, var(--scb-typography-label-small-size, var(--md-sys-typescale-label-small-size))));--scb-button-label-text-weight:var(--scb-button-text-small-weight, var(--scb-buttons-text-small-weight, var(--scb-typography-label-small-weight, var(--md-sys-typescale-label-small-weight))));--scb-button-label-text-line-height:var(--scb-button-text-small-line-height, var(--scb-buttons-text-small-line-height, var(--scb-typography-label-small-line-height, var(--md-sys-typescale-label-small-line-height))));--scb-button-label-text-tracking:var(--scb-button-text-small-tracking, var(--scb-buttons-text-small-tracking, var(--scb-typography-label-small-tracking, var(--md-sys-typescale-label-small-tracking))))}:host([size='large']){--scb-button-container-height:var(--scb-buttons-control-size-large, var(--scb-control-size-large, var(--scale-12, 56px)));--scb-button-padding-block:var(--scb-button-padding-block-large, var(--scb-buttons-padding-block-large, var(--spacing-5, 16px)));--scb-button-padding-inline:var(--scb-buttons-padding-inline-large, var(--spacing-7, 20px));--scb-button-icon-edge-space:var(--scb-buttons-padding-inline-large, var(--spacing-7, 20px));--scb-button-icon-gap:var(--scb-buttons-gap-large, var(--spacing-3, 8px));--scb-button-icon-size:var(--scb-buttons-icon-size-large, var(--icon-size-medium, 24px));--scb-button-shape-radius:var(--scb-buttons-shape-radius-large, var(--radius-full, 999px));--scb-button-label-text-font:var(--scb-button-text-large-font, var(--scb-buttons-text-large-font, var(--scb-typography-label-medium-font, var(--md-sys-typescale-label-medium-font))));--scb-button-label-text-size:var(--scb-button-text-large-size, var(--scb-buttons-text-large-size, var(--scb-typography-label-medium-size, var(--md-sys-typescale-label-medium-size))));--scb-button-label-text-weight:var(--scb-button-text-large-weight, var(--scb-buttons-text-large-weight, var(--scb-typography-label-medium-weight, var(--md-sys-typescale-label-medium-weight))));--scb-button-label-text-line-height:var(--scb-button-text-large-line-height, var(--scb-buttons-text-large-line-height, var(--scb-typography-label-medium-line-height, var(--md-sys-typescale-label-medium-line-height))));--scb-button-label-text-tracking:var(--scb-button-text-large-tracking, var(--scb-buttons-text-large-tracking, var(--scb-typography-label-medium-tracking, var(--md-sys-typescale-label-medium-tracking))))}:host([icon-filled]){--scb-button-font-variation-settings:'FILL' 1, 'wght' 400, 'GRAD' 0, 'opsz' 24}.native-button,.native-button-wrap{position:relative;display:inline-flex}.native-button-wrap{border-radius:var(--scb-button-shape-radius, var(--md-sys-shape-corner-full, 999px))}.native-button{z-index:0;box-sizing:border-box;align-items:center;justify-content:center;gap:var(--scb-button-icon-gap);min-block-size:var(--scb-button-block-size, var(--scb-button-container-height));block-size:var(--scb-button-block-size, var(--scb-button-container-height));min-inline-size:64px;inline-size:auto;padding-block:var(--scb-button-padding-block);padding-inline:var(--scb-button-padding-inline);overflow:hidden;border:0;border-radius:inherit;background:0 0;color:var(--scb-button-low-emphasis-content-color, var(--md-sys-color-primary));font-family:var(--scb-button-label-text-font);font-size:var(--scb-button-label-text-size);font-weight:var(--scb-button-label-text-weight);line-height:var(--scb-button-label-text-line-height, var(--scb-typography-label-medium-line-height, var(--md-sys-typescale-label-medium-line-height)));letter-spacing:var(--scb-button-label-text-tracking, normal);text-align:center;text-decoration:none;white-space:nowrap;cursor:pointer;appearance:none;-webkit-appearance:none;touch-action:manipulation}::slotted(*){display:inline!important;margin:0!important;color:inherit!important;font:inherit!important;letter-spacing:inherit!important;line-height:inherit!important}.native-button::before{content:"";position:absolute;inset:0;z-index:-1;background:currentColor;opacity:0;pointer-events:none;transition:opacity var(--motion-duration-short, 150ms) var(--motion-easing-standard, ease)}.native-button:hover::before{opacity:var(--md-sys-state-hover-state-layer-opacity, 0.08)}.native-button:active::before{opacity:var(--md-sys-state-pressed-state-layer-opacity, 0.12)}.native-button:focus{outline:0}:host(:not([data-native-focus-ring-ready])) .native-button:focus-visible{outline:var(--stroke-border-m, 2px) solid var(--md-sys-color-primary);outline-offset:var(--spacing-1, 2px)}.native-button:disabled,.native-button[aria-disabled=true]{color:var(--scb-button-disabled-content-color, var(--scb-color-compat-disabled-content));cursor:default;opacity:1;pointer-events:none}:host(:not([variant])) .native-button,:host([variant='filled']) .native-button{border-color:transparent;background:var(--scb-button-filled-container-color, var(--md-sys-color-primary));color:var(--scb-button-filled-content-color, var(--md-sys-color-on-primary))}:host([variant='outlined']) .native-button{background:0 0;color:var(--scb-button-low-emphasis-content-color, var(--md-sys-color-primary));box-shadow:inset 0 0 0 var(--stroke-border, 1px) var(--scb-button-outline-color, var(--md-sys-color-outline))}:host([variant='outlined']) .native-button:disabled,:host([variant='outlined']) .native-button[aria-disabled=true]{color:var(--scb-button-disabled-content-color, var(--scb-color-compat-disabled-content));box-shadow:inset 0 0 0 var(--stroke-border, 1px) var(--scb-color-compat-disabled-container)}:host([variant='filled-tonal']) .native-button{border-color:transparent;background:var(--scb-button-tonal-container-color, var(--md-sys-color-secondary-container));color:var(--scb-button-tonal-content-color, var(--md-sys-color-on-secondary-container))}:host(:not([variant])) .native-button:disabled,:host(:not([variant])) .native-button[aria-disabled=true],:host([variant='filled']) .native-button:disabled,:host([variant='filled']) .native-button[aria-disabled=true],:host([variant='filled-tonal']) .native-button:disabled,:host([variant='filled-tonal']) .native-button[aria-disabled=true]{background:var(--scb-button-disabled-container-color, var(--scb-color-compat-disabled-container));color:var(--scb-button-disabled-content-color, var(--scb-color-compat-disabled-content))}:host([variant='text']) .native-button{min-inline-size:0;background:0 0;color:var(--scb-button-low-emphasis-content-color, var(--md-sys-color-primary))}:host([variant='text']) .native-button:disabled,:host([variant='text']) .native-button[aria-disabled=true]{color:var(--scb-button-disabled-content-color, var(--scb-color-compat-disabled-content))}.native-icon{flex:0 0 auto;display:inline-block;inline-size:var(--scb-button-icon-size);block-size:var(--scb-button-icon-size);overflow:hidden;font-family:"Material Symbols Outlined";font-size:var(--scb-button-icon-size);line-height:1;text-align:center;white-space:nowrap;text-transform:none;word-wrap:normal;direction:ltr;font-feature-settings:"liga"1;font-variation-settings:var(--scb-button-font-variation-settings);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.native-icon.scb-svg-icon{fill:currentColor;font:inherit}.native-button-wrap md-ripple{position:absolute;inset:0;border-radius:inherit;pointer-events:none}.native-button-wrap md-focus-ring{pointer-events:none}:host([full-width]){display:flex;inline-size:100%}:host([full-width]) .native-button,:host([full-width]) .native-button-wrap{inline-size:100%;flex:1 1 auto}`}render(){const e=!!this.icon?.trim(),t=e?c`<span class="native-icon" part="icon" aria-hidden="true">${this.icon}</span>`:l,i=this.label.trim()===""&&!this.__hasDefaultSlotContent?this.icon:void 0,o=c`
|
|
3
3
|
<slot
|
|
4
4
|
@slotchange=${this.__handleDefaultSlotChange}
|
|
5
5
|
style=${this.__hasDefaultSlotContent?l:"display: none"}
|
|
@@ -46,4 +46,4 @@ import{g as l,h as S,m as A,p as s,v as c,y as C}from"../../vendor/vendor.js";im
|
|
|
46
46
|
${this.__nativeRippleReady?c`<md-ripple aria-hidden="true"></md-ripple>`:l}
|
|
47
47
|
${this.__nativeFocusRingReady?c`<md-focus-ring aria-hidden="true"></md-focus-ring>`:l}
|
|
48
48
|
</span>
|
|
49
|
-
`}});function z(){const b=this.mapSpacingToken(this.spacing),e=this.mapSpacingToken(this.spacingTop)??b,t=this.mapSpacingToken(this.spacingBottom)??b,i=this.mapSpacingToken(this.spacingLeft),o=this.mapSpacingToken(this.spacingRight);e?this.style.setProperty("--scb-button-spacing-block-start",e):this.style.removeProperty("--scb-button-spacing-block-start"),t?this.style.setProperty("--scb-button-spacing-block-end",t):this.style.removeProperty("--scb-button-spacing-block-end"),i?this.style.setProperty("--scb-button-spacing-inline-start",i):this.style.removeProperty("--scb-button-spacing-inline-start"),o?this.style.setProperty("--scb-button-spacing-inline-end",o):this.style.removeProperty("--scb-button-spacing-inline-end")}
|
|
49
|
+
`}});function z(){const b=this.mapSpacingToken(this.spacing),e=this.mapSpacingToken(this.spacingTop)??b,t=this.mapSpacingToken(this.spacingBottom)??b,i=this.mapSpacingToken(this.spacingLeft),o=this.mapSpacingToken(this.spacingRight);e?this.style.setProperty("--scb-button-spacing-block-start",e):this.style.removeProperty("--scb-button-spacing-block-start"),t?this.style.setProperty("--scb-button-spacing-block-end",t):this.style.removeProperty("--scb-button-spacing-block-end"),i?this.style.setProperty("--scb-button-spacing-inline-start",i):this.style.removeProperty("--scb-button-spacing-inline-start"),o?this.style.setProperty("--scb-button-spacing-inline-end",o):this.style.removeProperty("--scb-button-spacing-inline-end")}s([n({type:String,reflect:!0})],a.prototype,"variant",void 0);s([n({type:String,reflect:!0})],a.prototype,"size",void 0);s([n({type:String,reflect:!0})],a.prototype,"type",void 0);s([n({type:String})],a.prototype,"name",void 0);s([n({type:String})],a.prototype,"value",void 0);s([n({type:String,attribute:"form"})],a.prototype,"formId",void 0);s([n({type:String,attribute:"formaction"})],a.prototype,"formAction",void 0);s([n({type:String,attribute:"formenctype"})],a.prototype,"formEnctype",void 0);s([n({type:String,attribute:"formmethod"})],a.prototype,"formMethod",void 0);s([n({type:Boolean,attribute:"formnovalidate"})],a.prototype,"formNoValidate",void 0);s([n({type:String,attribute:"formtarget"})],a.prototype,"formTarget",void 0);s([n({type:String})],a.prototype,"label",void 0);s([n({type:Boolean,attribute:"trailing-icon"})],a.prototype,"trailingIcon",void 0);s([n({type:String})],a.prototype,"icon",void 0);s([n({type:Boolean,attribute:"icon-filled",reflect:!0})],a.prototype,"iconFilled",void 0);s([n({type:Boolean,reflect:!0})],a.prototype,"disabled",void 0);s([n({type:Boolean,attribute:"full-width",reflect:!0})],a.prototype,"fullWidth",void 0);s([n({type:String})],a.prototype,"href",void 0);s([n({type:String})],a.prototype,"target",void 0);s([n({type:String})],a.prototype,"rel",void 0);s([n({type:String,reflect:!0})],a.prototype,"spacing",void 0);s([n({type:String,attribute:"spacing-top",reflect:!0})],a.prototype,"spacingTop",void 0);s([n({type:String,attribute:"spacing-bottom",reflect:!0})],a.prototype,"spacingBottom",void 0);s([n({type:String,attribute:"spacing-left",reflect:!0})],a.prototype,"spacingLeft",void 0);s([n({type:String,attribute:"spacing-right",reflect:!0})],a.prototype,"spacingRight",void 0);a=s([A("scb-button")],a);export{a as ScbButton};
|